a@charset "utf-8";

/* 공통 */
.emi {font-style:italic;}

/* 공통_하단 공공누리 */
.cont_copy {padding:20px;margin-top:40px;background:#f1f3ee;text-align:center;}
.cont_copy a {display:inline-block;line-height:20px;}
.cont_copy a img {margin-bottom:10px;}

/* 공통_탭 */
.tap_btn {margin-bottom:40px;}
.tap_btn:after {content:"";clear:both;display:block;}
.tap_btn li {float:left;padding-left:5px;width:25%;}
.tap_btn li:first-child {padding-left:0;}
.tap_btn li a {display:block;height:50px;line-height:50px;border-width:1px;border-style:solid;border-color:#dcdcdc;text-align:center;font-size:14px;color:#000;}
.tap_btn li.on a,.tap_btn li:hover a,.tap_btn li:focus a,.tap_btn li:active a {display:block;height:50px;line-height:52px;background:#ff6e51;border-width:0 0 5px 0;border-style:solid;border-color:#82ba40 #82ba40 #e72600 #82ba40;color:#fff;}
	/* 모바일 */
	@media only screen and (max-width:767px){
		/* 공통_탭 */
		.tap_btn li {width:100% !important;margin-bottom:5px;}
		.tap_btn li a {font-size:14px;}
	}

/* 공통_탭 */
.tap_btn2 {margin-top:-10px;margin-bottom:30px;background:#f4f4f4;}
.tap_btn2:after {content:"";clear:both;display:block;}
.tap_btn2 li {position:relative;float:left;width:25%;text-align:center;}
.tap_btn2 li:after {content:"";position:absolute;left:0;top:15px;width:1px;height:10px;background:#bebebe;}
.tap_btn2 li:first-child {border-left:0;}
.tap_btn2 li:first-child:after {display:none}
.tap_btn2 li a {display:block;height:40px;line-height:40px;text-align:center;font-size:14px;font-weight:700;color:#000;}
.tap_btn2 li a.on,.tap_btn2 li a:hover,.tap_btn2 li a:focus,.tap_btn2 li a:active {display:block;height:40px;line-height:40px;color:#e72600;}
.mtap_btn {display:none;}
	/* 태블릿 */
	@media only screen and (max-width:1023px){
		.mtap_btn {display:block;}
	}
	/* 모바일 */
	@media only screen and (max-width:767px){
		/* 공통_탭 */
		.tap_btn2 li {width:100% !important;margin-top:5px;background:#e7e7e7;}
		.tap_btn2 li:after {display:none}
		.tap_btn2 li:first-child {margin-top:0;}
		.tap_btn2 li a {font-size:14px;}

		.mtap_btn li {padding-left:0;}
	}

/* 공통_이미지박스 */
.img_box {padding:30px;margin-top:10px;background-size:cover;border:1px solid #ddd;text-align:center;}
.img_box:after {content:"";clear:both;display:block;}
.img_box > div > b {display:block;margin-top:5px;}
.img_box.set2 > div {float:left;width:50%;margin:10px 0;}
.img_box.set2 > div img {width:100%;}
.img_box.set3 > div {float:left;width:33%;margin:10px 0;}
.img_box.set3 > div img {width:100%;}
.img_box.set4 > div {float:left;width:25%;margin:10px 0;}
.img_box.set4 > div img {width:70%;}
.img_box.set5 > div {float:left;width:20%;margin:10px 0;}
.img_box.set5 > div img {width:100%;}
	/* 태블릿 */
	@media only screen and (max-width:1023px){
		.img_box.set4 > div,
		.img_box.set5 > div {width:50%;}
	}
	/* 모바일 */
	@media only screen and (max-width:767px){
		.img_box > div > img {width:100%;}
		.img_box.set2 > div,
		.img_box.set3 > div,
		.img_box.set4 > div,
		.img_box.set5 > div {width:100%;margin:10px 0;}
	}

/* 공통_텍스트박스 */
.text_box {padding:30px;background:#eee;}
	/* 모바일 */
	@media only screen and (max-width:767px){
		.text_box {padding:15px;}
	}


/* sub01_인사말 */
.cont_box {overflow:hidden;width:100%;line-height:35px;padding:70px 50px;margin-bottom:50px;background:url(./../img/content/sub01/img01_bg.jpg) repeat;}
.cont_box:after {content:"";display:block;clear:both;}
.cont_box span.tit {display:block;font-size:22px;color:#444;}
.cont_box span.tit span {font-weight:700;font-size:35px;color:#0090d5;}
.cont_box span.tit span + span {font-size:35px;color:#00be95;}
.cont_box span.con {display:block;font-size:30px;color:#444;}
.cont_box2 img {float:left;margin-right:20px;}
	/* 모바일 */
	@media only screen and (max-width:767px){
		/* 인사말 */
		.cont_box {line-height:30px;padding:35px 20px;}
		.cont_box span.tit {font-size:16px;}
		.cont_box span.tit span {font-size:25px;}
		.cont_box span.tit span + span {font-size:25px;}
		.cont_box span.con {font-size:25px;}
	}

/* sub01_연구원소개(규정) */
.dl_type1 dt {padding:40px 0 4px 0;font-weight:700;font-size:16px;margin-bottom:10px;color:#222;}
.dl_type1 dd {font-size:14px;color:#686868;}
.ul_type1 li {color:#686868;}
.ul_type1 li .box_default {padding:20px;background:#fafafa;}
.ul_type1 li span {font-weight:700;color:#000;}

/* sub01_조직도 */
.org_big {display:none;}
.org_btn:after {content:"";display:block;clear:both;}
.org_btn a {display:inline-block;float:left;width:25%;border-left:1px solid #fff;padding:10px;background:#1c7775;font-weight:700;font-size:13px;color:#fff;}
.org_btn a + a {background:#ff7200;}
.org_btn a + a + a {background:#ffa800;}
.org_btn a + a + a + a {background:#659400;}
	/* 모바일 */
	@media only screen and (max-width:767px){
		/* 조직도 */
		.org_big {display:block;line-height:40px;background:url(./../img/content/sub01/full_icon.png) no-repeat 10px center #242926;background-size:23px auto;color:#fff;}
		.org_big:hover,.org_big:focus,.org_big:active {color:#fff;}
		.org_btn a {width:50%;border-top:1px solid #fff;}
	}

/* sub01_발간자료 */
.sub010204 {position:relative;}
.sub010204 .btt {position:absolute;right:0;top:0;z-index:10;}

/* sub02_논문투고과정 */
.arrlist li {position:relative;float:left;display:table;width:20%;height:160px;line-height:18px;padding-right:25px;text-align:center;color:#000;}
.arrlist li:after {content:"";position:absolute;right:-4px;top:65px;display:inline-block;width:0;height:0;border-style:solid;border-width:15px;border-color:transparent transparent transparent #ffe9e7;}
.arrlist li > div {display:table-cell;height:100%;padding-top:90px;}
.arrlist li em {display:block;color:#f22b2b;}
.arrlist li.li1 > div {background:url(./../img/content/sub02/icon1.png) no-repeat center 35px #ffe9e7;}
.arrlist li.li2:after {border-color:transparent transparent transparent #ffeba7;}
.arrlist li.li2 > div {background:url(./../img/content/sub02/icon2.png) no-repeat center 44px #ffeba7;}
.arrlist li.li3 > div {background:url(./../img/content/sub02/icon3.png) no-repeat center 41px #ffe9e7;}
.arrlist li.li4:after {border-color:transparent transparent transparent #ffeba7;}
.arrlist li.li4 > div {background:url(./../img/content/sub02/icon4.png) no-repeat center 43px #ffeba7;}
.arrlist li.li5 > div {background:url(./../img/content/sub02/icon5.png) no-repeat center 43px #ffe9e7;}
.arrlist li.li6 {margin-top:30px;}
.arrlist li.li6:after {content:"";position:absolute;right:-4px;top:32px;display:inline-block;width:0;height:0;text-align:center;border-style:solid;border-width:15px;border-color:transparent transparent transparent #ffe9e7;}
.arrlist li.li6:before {content:"";position:absolute;right:-4px;top:105px;display:inline-block;width:0;height:0;border-style:solid;border-width:15px;border-color:transparent transparent transparent #ffe9e7;}
.arrlist li.li6 > div {position:relative;background:url(./../img/content/sub02/icon6.png) no-repeat center 44px #ffe9e7;}
.arrlist li.li6 > div:after {content:"NO";position:absolute;right:0;top:38px;}
.arrlist li.li6 > div:before {content:"YES";position:absolute;right:0;top:111px;}
.arrlist li.li7 {width:40%;margin-top:30px;padding-right:0;}
.arrlist li.li7:after {content:"";position:absolute;right:-4px;top:109px;}
.arrlist li.li7:before {content:"";position:absolute;left:-16px;top:15px;display:inline-block;width:0;height:0;border-style:solid;border-width:15px;border-color:transparent #ffeba7 transparent transparent;}
.arrlist li.li7 > div {background:none;padding-top:0;}
.arrlist li.li7 > div div {height:75px;margin-left:14px;margin-right:10px;padding-top:30px;padding-left:137px;background:url(./../img/content/sub02/icon7.png) no-repeat 70px 27px #ffeba7;text-align:left;}
.arrlist li.li7 > div div + div {margin-top:10px;margin-left:0;margin-right:25px;padding-left:132px;background:url(./../img/content/sub02/icon8.png) no-repeat 70px 24px #ffe9e7;}
.arrlist li.li7 > div div em {display:inline-block;}
.arrlist li.li8 {margin-top:30px;}
.arrlist li.li8:after {border-color:transparent transparent transparent #ffeba7;}
.arrlist li.li8 > div {background:url(./../img/content/sub02/icon9.png) no-repeat center 42px #ffeba7;}
.arrlist li.li9 {margin-top:30px;}
.arrlist li.li9:after {display:none;}
.arrlist li.li9 > div {background:url(./../img/content/sub02/icon10.png) no-repeat center 40px #ffe9e7;border:1px solid #000;}
	/* 모바일 */
	@media only screen and (max-width:767px){
		/* sub02_논문투고과정 */
		.arrlist li {float:none;width:100%;height:160px;padding-right:0;margin-bottom:30px;}
		.arrlist li:after {content:"";position:absolute;right:50%;top:auto;bottom:-30px;margin-right:-7px;border-color:#ffe9e7 transparent transparent transparent;}
		.arrlist li em {display:inline-block;}
		.arrlist li.li2:after {border-color:#ffeba7 transparent transparent transparent;}
		.arrlist li.li4:after {border-color:#ffeba7 transparent transparent transparent;}
		.arrlist li.li6:after {content:"";position:absolute;left:50%;right:auto;top:auto;bottom:-30px;margin-left:-110px;display:inline-block;width:0;height:0;text-align:center;border-style:solid;border-width:15px;border-color:#ffe9e7 transparent transparent transparent;}
		.arrlist li.li6:before {content:"";position:absolute;right:50%;top:auto;bottom:-30px;margin-right:-110px;display:inline-block;width:0;height:0;border-style:solid;border-width:15px;border-color:#ffe9e7 transparent transparent transparent;}
		.arrlist li.li6 > div:after {content:"NO";position:absolute;left:50%;right:auto;bottom:0;top:auto;margin-left:-110px;}
		.arrlist li.li6 > div:before {content:"YES";position:absolute;right:50%;bottom:0;top:auto;margin-right:-110px;}
		.arrlist li.li7 {width:100%;height:100px;margin-top:0;padding-right:0;}
		.arrlist li.li7:after {content:"";position:absolute;right:50%;top:105px;margin-right:-90px;}
		.arrlist li.li7:before {content:"";position:absolute;left:25%;top:-30px;display:inline-block;width:0;height:0;border-style:solid;border-width:15px;border-color:transparent transparent #ffeba7 transparent;}
		.arrlist li.li7 > div div {float:left;width:50%;height:105px;margin-left:0;margin-right:0;padding-top:70px;padding-left:0;background:url(./../img/content/sub02/icon7.png) no-repeat center 27px #ffeba7;text-align:center;}
		.arrlist li.li7 > div div + div {margin-top:0;margin-left:0;margin-right:0;padding-left:0;background:url(./../img/content/sub02/icon8.png) no-repeat center 24px #ffe9e7;}
		.arrlist li.li8:after {border-color:#ffeba7 transparent transparent transparent;}
	}

/* sub03_교과교육공동연구소 */
.year_box {background:#f1fbff;text-align:center;}
.year_box label {display:inline-block;padding:10px 10px;color:#000;cursor:pointer;}

.year .table_st1 tbody td {padding:0;height:40px;line-height:40px;}
.year table td a {display:block;}
.year table td a:hover {background:#03242f;color:#fff;}
.year .ulbox:after {content:"";display:block;clear:both;}
.year .ulbox li {float:left;display:inline-block;width:50%;padding:30px 0;background:#bfd6f5;text-align:center;color:#324f76;}
.year .ulbox li strong {display:block;}
.year .ulbox li + li {background:#d1f7f7;}
	/* 모바일 */
	@media only screen and (max-width:767px){
		/* sub03_교과교육공동연구소 */
		.year .ulbox li {width:100%;}
	}

/* sub03_뇌기반교육연구소 */
.list {font-size:0;}
.list:after {content:"";display:block;clear:both;}
.list li {display:inline-block;width:30%;padding:7px 0;margin:20px 1.5% 0 1.5%;background:url(./../img/content/sub03/patt.gif);font-size:14px;vertical-align:middle;text-align:center;border:1px solid #bfd6f5;color:#666;}
	/* 태블릿 */
	@media only screen and (max-width:1023px){
		/* sub03_뇌기반교육연구소 */
		.list li {width:47%;}
	}
	/* 모바일 */
	@media only screen and (max-width:767px){
		/* sub03_뇌기반교육연구소 */
		.list li {width:97%;}
	}

/* sub03_융합교육연구소 */
.dbox {position:relative;text-align:center;color:#fff;}
.dbox:after {content:"";position:absolute;left:100px;top:0;z-index:-1;display:inline-block;width:1px;height:100%;background:#ccc;}
.dbox .tit1 {display:block;width:200px;padding-bottom:50px;background:url(./../img/content/sub03/sub030601_arr1.gif) no-repeat center bottom;font-weight:400;font-size:30px;}
.dbox .tit1 span {display:block;height:95px;line-height:95px;background:#4bb155;}
.dbox .tit2 {display:block;width:200px;height:95px;padding-top:25px;background:#29bce7;font-weight:400;font-size:18px;}
.dbox > div {position:relative;padding-left:200px;text-align:left;}
.dbox > div:after {content:"";position:absolute;left:100px;top:48px;z-index:-1;display:inline-block;width:100px;height:1px;background:#ccc;}
.dbox > div ul:after {content:"";display:block;clear:both;}
.dbox > div ul li {float:left;width:30%;height:96px;text-align:center;}
.dbox > div ul li.l1 div {height:96px;line-height:96px;background:#7e9095;}
.dbox > div ul li.l2 {padding-left:37px;background:url(./../img/content/sub03/sub030601_arr2.gif) no-repeat;}
.dbox > div ul li.l2 div {height:46px;line-height:46px;background:#3970c3;}
.dbox > div ul li.l2 div + div {margin-top:4px;background:#2b6f9a;}
.dbox > div ul li.l3 {padding-left:37px;background:url(./../img/content/sub03/sub030601_arr3.gif) no-repeat left 23px;}
.dbox > div ul li.l3 div {height:96px;line-height:96px;background:#7e9095;}
	/* 모바일 */
	@media only screen and (max-width:767px){
		/* sub03_융합교육연구소 */
		.dbox:after {content:"";position:absolute;left:10px;top:0;z-index:-1;display:inline-block;width:1px;height:100%;background:#ccc;}
		.dbox .tit1 {width:100%;font-size:20px;}
		.dbox .tit2 {width:100%;font-size:16px;}
		.dbox > div {padding-left:20px;}
		.dbox > div:after {left:10px;}
		.dbox > div ul li {width:33%;}
	}

.dir_box {text-align:center;}
.dir_box ul:after {content:"";display:block;clear:both;}
.dir_box ul li {float:left;width:50%;height:152px;margin-bottom:50px;padding-left:220px;background:url(./../img/content/sub03/sub030601_img1.jpg) no-repeat;text-align:left;}
.dir_box ul li + li {background:url(./../img/content/sub03/sub030601_img2.jpg) no-repeat;}
.dir_box ul li + li + li {background:url(./../img/content/sub03/sub030601_img3.jpg) no-repeat;}
.dir_box ul li + li + li + li {background:url(./../img/content/sub03/sub030601_img4.jpg) no-repeat;}
.dir_box ul li strong {font-weight:400;font-size:22px;color:#444;}
.dir_box div {padding:40px 0;}
.dir_box div strong {font-weight:400;font-size:22px;color:#fff;}
.dir_box div p {color:#fff;}
.dir_box div.d1 {background:#2f4247;}
.dir_box div.d2 {height:330px;margin:40px 0;padding-top:128px;background:url(./../img/content/sub03/sub030601_img5.jpg) no-repeat center center;}
.dir_box div.d2 strong {color:#444;}
.dir_box div.d2 p {color:#999;}
.dir_box div.d3 {background:#0cc3f8;}
	/* 모바일 */
	@media only screen and (max-width:767px){
		/* sub03_융합교육연구소 */
		.dir_box ul li {width:100%;height:auto;padding-left:0;padding-top:170px;background-position:center top;text-align:center;}
		.dir_box ul li + li {background-position:center top;}
		.dir_box ul li + li + li {background-position:center top;}
		.dir_box ul li + li + li + li {background-position:center top;}*/
	}

/* 시설안내도 */
.sub020301 {position:relative;}
.sub020301 .top {}
.sub020301 .pcon {}
.sub020301 .bottom:after {content:"";display:block;clear:both;}
.sub020301 .bottom dl {float:left;}
.sub020301 .bottom dl dt {}
.sub020301 .bottom dl dd {}
.sub020301 .bottom .imgbox {display:none;}

/* 사이트맵 */
.sitemap:after {content:"";display:block;clear:both;}
.sitemap > li {float:left;width:33%;}
.sitemap > li h4 a {display:block;position:relative;margin:0 10px 0 10px;padding:13px 0 13px 34px;background:#222;font-weight:600;font-size:16px;color:#fff;}
.sitemap > li h4 a:after {content:"";position:absolute;left:22px;top:19px;width:3px;height:13px;background:#fff;}
.sitemap > li h4 a br {display:none;}
.sitemap .sitemap_1dep {min-height:307px;margin:0 10px 20px 10px;padding-bottom:20px;border:1px solid #dcdee0;}
.sitemap .sitemap_1dep > li:first-child a {border-top:0}
.sitemap .sitemap_1dep > li a {display:block;width:auto;padding:13px 0 13px 15px;margin:0 20px;border-top:1px solid #dcdee0;}
.sitemap .sitemap_2dep {margin:0 20px;border-top:1px solid #dcdee0;background:#f6f6f6;}
.sitemap .sitemap_2dep li a {padding:5px 0;border-top:0;font-size:13px;}
.sitemap .sitemap_1dep > li {position:relative;}
.sitemap .sitemap_1dep > li:before {content:"-";display:block;position:absolute;left:23px;top:13px;}
	/* 태블릿 */
	@media only screen and (max-width:1023px){
		/* 사이트맵 */
		.sitemap > li {width:50%;}
	}
	/* 모바일 */
	@media only screen and (max-width:767px){
		/* 사이트맵 */
		.sitemap > li {width:100%;}
		.sitemap .sitemap_1dep {min-height:auto;}
	}





/***default 회원:시작***/

.parsley-errors-list {display:none;}

/*공통*/
.input_on {background:#f4f4f4}
.logininput {width:100%;padding:11px;border:1px solid #cdd2d5;border-radius:0;-webkit-appearance:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}
.logininput1 {width:91%;padding:11px;border:1px solid #cdd2d5;border-radius:0;-webkit-appearance:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}
.logininput2 {width:50%;padding:6px;border:1px solid #cdd2d5;border-radius:0;-webkit-appearance:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}
.logininput2_1 {width:100%;margin-top:7px;padding:6px;border:1px solid #cdd2d5;border-radius:0;-webkit-appearance:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}
.logininput3 {width:80px;padding:6px;border:1px solid #cdd2d5;border-radius:0;-webkit-appearance:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}

/*로그인*/
.member_box > h4 {text-align:center;font-size:30px;color:#566a8f;font-family:"NanumSquare",Sans-serif}
.member_box > p {line-height:20px;text-align:center}
.member_box .login_box {margin-top:48px;padding:50px 188px;border:1px solid #bebebe}
.member_box .login_box .login_inp {display:inline;float:left;width:80%;padding-right:2%;color:#828080}
.member_box .login_box .login_inp .login_ip {position:relative}
.member_box .login_box .login_inp .login_ip .flow {left:15px;top:7px;font-size:14px;color:#828080}
.member_box .login_box .login_btn {width:20%;height:89px;background:#566a8f;font-size:14px;color:#fff}
.member_box .login_box .link_btn {margin-top:20px;padding-top:20px;border-top:1px solid #bebebe;text-align:center}
.member_box .login_box .link_btn li {position:relative;display:inline-block;padding:0 20px}
.member_box .login_box .link_btn li + li:after {content:"";position:absolute;left:0;top:6px;width:1px;height:14px;background:#666}

/*아이디 비번찾기*/
.idpw_box > h4 {line-height:normal;font-weight:400;font-size:30px;color:#566a8f;font-family:"NanumSquare",Sans-serif}
.idpw_box > p {line-height:20px;margin-top:10px}
.idpw_box .id_box {margin-top:20px;padding:50px 188px;border:1px solid #bebebe}
.idpw_box .id_box .id_inp {display:inline;width:100%;padding-right:8px;color:#828080}
.idpw_box .id_box .id_inp .id_ip {position:relative}
.idpw_box .id_box .id_inp .id_ip .flow {left:15px;top:7px;font-size:14px;color:#828080}
.idpw_box .id_box .id_btn {display:block;width:30%;height:50px;margin:0 auto;background:#566a8f;font-size:14px;color:#fff}

.idpw_box .pw_box {margin-top:20px;padding:50px 188px;border:1px solid #bebebe}
.idpw_box .pw_box .pw_inp {display:inline;width:100%;padding-right:8px;color:#828080}
.idpw_box .pw_box .pw_inp .pw_ip {position:relative}
.idpw_box .pw_box .pw_inp .pw_ip .flow {left:15px;top:7px;font-size:14px;color:#828080}
.idpw_box .pw_box .pw_btn {display:block;width:30%;height:50px;margin:0 auto;background:#566a8f;font-size:14px;color:#fff}

/**회원가입**/
/*공통*/   
.membership_box .star {position:relative}
.membership_box .star span {font-size:0}
.membership_box .star:after {content:"*";position:absolute;right:-13px;top:-4px;color:#f44b24}
.membership_box .step_list:after {content:"";display:block;clear:both}
.membership_box .step_list li {position:relative;float:left;width:33%;padding-top:100px;background:url(/resource/www/img/content/step1_off.gif) no-repeat center 0;text-align:center;font-size:16px;color:#000}
.membership_box .step_list li + li {background:url(/resource/www/img/content/step2_off.gif) no-repeat center 0}
.membership_box .step_list li + li + li {width:34%;background:url(/resource/www/img/content/step3_off.gif) no-repeat center 0}
.membership_box .step_list li:after {content:"";position:absolute;left:0;top:58px;right:0;width:20px;height:20px;margin:0 auto;background:#fff;border:5px solid #c6c6c6;border-radius:100px}
.membership_box .step_list li:before {content:"";position:absolute;left:0;top:67px;width:100%;height:2px;background:#cdcdcd}
.membership_box .step_list li.on {background:url(/resource/www/img/content/step1_on.gif) no-repeat center 0}
.membership_box .step_list li + li.on {background:url(/resource/www/img/content/step2_on.gif) no-repeat center 0}
.membership_box .step_list li + li + li.on {background:url(/resource/www/img/content/step3_on.gif) no-repeat center 0}
.membership_box .step_list li.on:after {content:"";position:absolute;left:0;top:58px;width:20px;height:20px;background:#fff;border:5px solid #566a8f}
.membership_box .step_list li.on:before {content:"";position:absolute;left:0;top:67px;width:100%;height:2px;background:#566a8f}
.membership_box .step1 .step_cont .home_box .home_cont {border:1px solid #bebebe;}
.membership_box .step1 .step_cont .home_box .home_cont .dl_type1 dt:first-child {padding:0 0 4px 0;}
/*공통_타이틀내용*/
.membership_box .step_cont > p {margin:72px 0 62px 0;padding:32px 0;border-top:1px dashed #ccc;border-bottom:2px solid #ccc;font-size:18px;text-align:center;color:#666;font-family:"NanumSquare",Sans-serif}
.membership_box .step_cont > p span {display:block;}
/*공통_버튼*/
.membership_box .step_cont .home_btn {text-align:center}
.membership_box .step_cont .home_btn .prevbtn {width:189px;height:49px;background:#c6c6c6;font-size:14px;color:#fff}
.membership_box .step_cont .home_btn .nextbtn {width:189px;height:49px;background:#566a8f;font-size:14px;color:#fff}
.membership_box .step_cont .home_btn .loginbtn {display:inline-block;width:189px;height:49px;line-height:49px;background:#5d5d5d;font-size:14px;color:#fff}
.membership_box .step_cont .home_btn .mainbtn {display:inline-block;width:189px;height:49px;line-height:49px;background:#566a8f;font-size:14px;color:#fff}
/*회원이용약관*/
.step1 .step_cont {}
.step1 .step_cont .home_box {}
.step1 .step_cont .home_box h4 {margin-top:10px;margin-bottom:15px;font-size:16px;font-weight:600;color:#000}
.step1 .step_cont .home_box .home_cont {overflow-y:scroll;width:auto;height:303px;padding:15px 20px;border:1px solid #bebebe}
.step1 .step_cont .home_box .home_check {margin-top:15px;text-align:right;color:#666}
.step1 .step_cont .home_box .home_check .input_check {box-shadow:0 1px 2px #eaeaea}
/*개인정보입력*/
.step2 {position:relative}
.step2 .table_st1 {text-align:left;}
.step2 .form_text {display:block;line-height:20px;margin-top:8px;color:#566a8f}
.step2 .tel_box:after {content:"";display:block;clear:both}
.step2 .selectbox {position:relative;width:349px;height:26px;line-height:26px;background:url(/resource/www/img/content/select.gif) no-repeat right 50%;border:1px solid #d4d4d4;font-size:13px;color:#888;z-index:1}
.step2 .selectbox2 {float:left;width:80px;height:30px;line-height:26px;margin-right:4px;border:1px solid #ccc;color:#000}
.step2 .selectbox label {position:absolute;top:0px;left:10px;width:100%;height:26px;line-height:26px;z-index:-1}
.step2 .selectbox select {width:100%;height:26px;line-height:26px;font-family:inherit;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}
.step2 a.btn_gray {display:inline-block;line-height:27px;padding:0 20px;font-weight:600;font-size:14px;color:#666;background:#fff;border-top:1px solid #e4e7e9;border-right:1px solid #dfe2e5;border-bottom:1px solid #bbbfc8;border-left:1px solid #dfe2e5}
.step2 .parsley-type {color:red}
/*이메일 무단수집거부*/
.email_box {padding:50px 110px;border:1px solid #d4d4d4;}
.email_box > h4 {padding-bottom:130px;background:url(/resource/www/img/content/email.png) no-repeat center bottom;text-align:center;font-size:32px;color:#2f2f2f;}
.email_box > p {font-size:16px;text-align:center;}
.email_box > p span {background:#ffd800;font-weight:600;color:#241e00;}

/*우편번호 검색*/
.ui-widget {
/*
    font-family: 'Open Sans';
    font-size: 12px;
	*/
}

/* 모바일 */
@media only screen and (max-width:767px){
	.logininput3 {width:50px;}
	.membership_box .step_list li {font-size:14px;}
	.membership_box .step_list li span {display:block;}

	/* 로그인 */
	.member_box .login_box {padding:50px;}
	.member_box .login_box .login_inp {width:100%;padding-right:0;}
	.member_box .login_box .login_btn {width:100%;height:50px;margin-top:20px;}

	/*아이디 비번찾기*/
	.idpw_box .id_box {padding:50px;}
	.idpw_box .id_box .id_btn {width:50%;}
	
	.idpw_box .pw_box {padding:50px;}
	.idpw_box .pw_box .pw_btn {width:50%;}

	/*개인정보입력*/
	.step2 .table_st1 tbody th {padding:5px;text-align:center;}
	.step2 .table_st1 tbody td {padding:10px;}
	.step2 .selectbox2 {width:56px;}

	.step2 .selectbox select {width:55px;}
	.step2 a.btn_gray {padding:0 3px;}

	/*공통_타이틀내용*/
	.membership_box .step_cont > p {margin:40px 0;}
	.membership_box .step_cont .home_btn {margin-top:25px;}

}

@media only screen and (max-width:500px){
	.membership_box .star:after {right:-9px;}
	.membership_box .step_cont .home_btn .nextbtn {display:block;margin:10px auto 0 auto;}
	.membership_box .step_cont .home_btn .mainbtn {display:block;margin:10px auto 0 auto;}


	/* 로그인 */
	.member_box .login_box {padding:25px 15px;}
	.member_box .login_box .link_btn li {padding:0 10px}

	/*아이디 비번찾기*/
	.idpw_box .id_box {padding:25px 15px;}
	.idpw_box .pw_box {padding:25px 15px;}

	.membership_box .step_cont > p span {display:inline;}

}
.ui-autocomplete {
    padding: 5px 0 !important;
    -webkit-box-shadow: 0 2px 5px -1px rgba(0, 0, 0, 0.2) !important;
    box-shadow: 0 2px 5px -1px rgba(0, 0, 0, 0.2) !important;
    border: 1px solid #ccc !important;
}
.ui-stats-hover, 
.ui-widget-content .ui-stats-hover, 
.ui-widget-header .ui-stats-hover, 
.ui-stats-focus, 
.ui-widget-content .ui-stats-focus, 
.ui-widget-header .ui-stats-focus {
    border: none !important;
    background: #348fe2 !important;
    color: #fff !important;
    margin: 0 !important;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
    
}

.ui-dialog {
	position: fixed;
	top: 50%;
	left: 50%;
	padding: 20px;
	margin-left:-340px;
	margin-top:-280px;
	width: 700px;
	overflow: hidden;
	background-clip: padding-box;
	background-color: #fff;
	-moz-box-shadow: 0 3px 7px rgba(0, 0, 0, .3);
	outline: medium none;
	z-index: 10001
}
/*추가*/
.ui-dialog .form-group2 {margin-bottom:40px}
.ui-dialog .form-group:after {content:"";display:block;clear:both}
.ui-dialog .form-group .col-md-5 {float:left;width:80%}
.ui-dialog .form-group .col-md-4 {overflow:hidden;width:20%;margin-bottom:5px}
.ui-dialog .form-group .col-md-4 .btn-group button {display:inline-block;width:100%;line-height:39px;height:39px;background:#566a8f;color:#fff}
.ui-dialog .table {width:100%;border:1px solid #bebebe}
.ui-dialog .table th {padding:8px}
.ui-dialog .scrl .table .postList {height:280px;vertical-align:middle;text-align:center;background:#fbfbfb}
.ui-dialog .scrl .table .postList2 {line-height:22px;height:40px;margin-bottom:20px;vertical-align:middle;background:#fbfbfb}
.ui-dialog .scrl .table .postList2 tr td:first-child {text-align:center}

.ui-dialog .ui-dialog-titlebar {
	position: relative;
	border-bottom:2px solid #566a8f;
	line-height:40px;
	font-size: 18px;
	text-decoration: none;
	-webkit-border-bottom-right-radius: 0;
	-moz-border-radius-bottomright: 0;
	border-bottom-right-radius: 0;
	-webkit-border-bottom-left-radius: 0;
	-moz-border-radius-bottomleft: 0;
	border-bottom-left-radius: 0;
	font-family:"NanumSquare",Sans-serif
}

.ui-dialog .ui-dialog-title {
	
	color: #566a8f;
	font-weight: 600;
	padding: 5px;
	text-overflow: ellipsis;
	overflow: hidden
}

.ui-dialog .ui-dialog-titlebar-close {
	position: absolute;
	right: 20px;
	top: 40px;
	width: 10px;
	height:10px;
	margin: -20px 0 0 0;
	padding: 1px;
	height: 18px;
	font-size: 20px;
	font-weight: 700;
	line-height: 13.5px;
	text-shadow: 0 1px 0 #fff;
	filter: alpha(opacity = 25);
	-khtml-opacity: .25;
	-moz-opacity: .25;
	opacity: .25;
	/*background: 0 0;*/
	background:url('/resource/adm/js/plugins/jquery-ui/themes/base/images/ui-icons_222222_256x240.png');
	background-position: -100px -130px;
	border: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	font-family:"NanumSquare",Sans-serif
}

.ui-dialog .ui-dialog-titlebar-close span {
	display: block;
	margin: 1px;
	text-indent: 9999px
}

.ui-dialog .ui-dialog-titlebar-close:focus, .ui-dialog .ui-dialog-titlebar-close:hover
	{
	padding: 1px;
	filter: alpha(opacity = 90);
	-moz-opacity: .9;
	opacity: .9
}

.ui-dialog .ui-dialog-content {
	position: relative;
	border: 0;
	background: 0 0;
	overflow: auto;
	margin-top:30px;
}

.ui-dialog .ui-dialog-buttonpane {
	border-width: 1px 0 0;
	background-image: none;
	margin: .5em 0 0;
	background-color: #fff;
	-webkit-border-radius: 0 0 6px 6px;
	-moz-border-radius: 0 0 6px 6px;
	border-radius: 0 0 6px 6px;
	-webkit-box-shadow: inset 0 1px 0 #fff;
	-moz-box-shadow: inset 0 1px 0 #fff;
	box-shadow: inset 0 1px 0 #fff;
	margin-bottom: 0
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
	/*float: right*/
	text-align:center
}

.ui-dialog .ui-dialog-buttonpane button {
	width:100px;
	line-height:30px;
	margin:0 auto;
	padding-right:14px;
	background:#515151;
	color:#fff;
	text-align:center;
	cursor: pointer
}

.ui-dialog .ui-resizable-se {
	width: 14px;
	height: 14px;
	right: 3px;
	bottom: 3px
}

.ui-draggable .ui-dialog-titlebar {
	/*cursor: move*/
}

.ui-dialog-buttonpane .ui-dialog-buttonset .ui-button {
	color: #fff;
	background-color: #428bca;
	border-color: #357ebd
}

.ui-dialog-buttonpane .ui-dialog-buttonset .ui-button.ui-state-hover {
	color: #fff;
	background-color: #3276b1;
	border-color: #285e8e
}

.ui-dialog-buttonset .ui-button:not (:first-child ){
	cursor: pointer;
	display: inline-block;
	color: #333;
	background-color: #fff;
	border: 1px solid #ccc;
	-webkit-transition: .1s linear all;
	-moz-transition: .1s linear all;
	-o-transition: .1s linear all;
	transition: .1s linear all;
	overflow: visible
}

.ui-dialog-buttonset .ui-button:not (:first-child ) .ui-state-hover {
	color: #333;
	background-color: #ebebeb;
	border-color: #adadad;
	text-decoration: none
}

.ui-dialog-buttonset .ui-button.ui-button-info {
	color: #fff;
	background-color: #5bc0de;
	border-color: #46b8da
}

.ui-dialog-buttonset .ui-button.ui-button-info.ui-state-hover {
	color: #fff;
	background-color: #39b3d7;
	border-color: #269abc
}

.ui-dialog-buttonset .ui-button.ui-button-success {
	color: #fff;
	background-color: #5cb85c;
	border-color: #4cae4c
}

.ui-dialog-buttonset .ui-button.ui-button-success.ui-state-hover {
	color: #fff;
	background-color: #47a447;
	border-color: #398439
}

.ui-dialog-buttonset .ui-button.ui-button-warning {
	color: #fff;
	background-color: #f0ad4e;
	border-color: #eea236
}

.ui-dialog-buttonset .ui-button.ui-button-warning.ui-state-hover {
	color: #fff;
	background-color: #ed9c28;
	border-color: #d58512
}

.ui-dialog-buttonset .ui-button.ui-button-danger {
	color: #fff;
	background-color: #d9534f;
	border-color: #d43f3a
}

.ui-dialog-buttonset .ui-button.ui-button-danger.ui-state-hover {
	color: #fff;
	background-color: #d2322d;
	border-color: #ac2925
}

.ui-dialog-buttonset .ui-button.ui-button-inverse {
	color: #fff;
	background-color: #222;
	border-color: #080808
}

.ui-dialog-buttonset .ui-button.ui-button-inverse.ui-state-hover {
	color: #fff;
	background-color: #363636;
	border-color: #000
}

@media only screen and (max-width:767px){
	
	.ui-dialog {margin-left:-150px; width:300px; overflow:scroll;margin-top:-250px;}
	.ui-dialog .form-group2 {display:none;}
	
}

/*회원가입완료*/
.step3 {}
.step3 .step_cont {margin:72px 0 62px 0;padding:65px 0 70px 0;border-top:1px dashed #ccc;border-bottom:2px solid #566a8f}
.step3 .step_cont > p {margin:0;background:url(/resource/www/img/content/icon_member.gif) no-repeat center 0;border:0}

/*회원탈퇴*/
.leave_box {}
.leave_box > h4 {text-align:center;font-size:32px;color:#13295b;font-family:"NanumSquare",Sans-serif}
.leave_box > p {line-height:20px;margin-top:44px;text-align:center}
.leave_box .leacon {margin-top:45px;padding:50px 188px;border:1px solid #bebebe}
.leave_box .leacon .lea_inp {display:inline;width:100%;padding-right:8px;color:#828080}
.leave_box .leacon .lea_inp .lea_ip {position:relative}
.leave_box .leacon .lea_inp .lea_ip:after {content:"";display:block;clear:both}
.leave_box .leacon .lea_inp .lea_ip label {display:inline-block;float:left;width:70px;margin-top:6px}
.leave_box .leacon .lea_inp .lea_ip textarea {width:91%;padding:11px;border:1px solid #bebebe;border-radius:0;font-family:"NanumGothic",Sans-serif;box-shadow:none;}
.leave_box .leacon .lea_btn {display:block;width:180px;;height:50px;margin:0 auto;font-size:14px;background:#566a8f;color:#fff}

@media only screen and (max-width:767px){
	
	.leave_box .leacon {padding:50px 40px;}
	.leave_box .leacon .lea_inp .logininput1 {width:100%;}
	.leave_box .leacon .lea_inp .lea_ip textarea {width:100%;}
	.leave_box .leacon .lea_btn {width:100%;height:50px;}
}

/*페이지넘버*/
.pagination2 {position:relative;height:60px;margin:100px 0 0}
.pagination2 .paging {position:relative;width:388px;height:60px;margin:0 auto;text-align:center}
.pagination2 .paging .page_prev a {position:absolute;left:60px;top:9px;display:block;width:51px;height:42px;background:url(/resource/www/img/brd/default_boot01/page_prev.png) 0 3px no-repeat;transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s}
.pagination2 .paging .page_next a {position:absolute;right:60px;top:9px;display:block;width:51px;height:42px;background:url(/resource/www/img/brd/default_boot01/page_next.png) right 3px no-repeat;transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s}
.pagination2 .paging .page {position:relative;overflow:hidden;display:inline-block;padding:9px 0;margin:0 auto;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s}
.pagination2 .paging .page:after {content:"";display:block;clear:both}
.pagination2 .paging .page li {float:left;width:42px}
.pagination2 .paging .page li a {position:relative;display:block;width:40px;height:40px;line-height:40px;margin:0 0 0 2px;font-weight:700;font-size:18px;text-align:center;border:1px solid #fff;color:#222;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);transition:all .2s;-webkit-transition:all .2s;-moz-transition:all .2s}
.pagination2 .paging .page li a:first-child {margin:0}
.pagination2 .paging .page li.active a,.pagination2 .paging .page li.active a:hover {border:1px solid #5b5b5b;color:#222}
.pagination2 .paging .page li a:hover,.pagination2 .paging .page li a:focus,.pagination2 .paging .page li a:active {color:#000}
.pagination2 .paging .numb {width:51px;height:50px;margin:0 auto;background:url(/resource/www/img/brd/default_boot01/page_line.png) center center no-repeat; position:absolute; top:0; left:50%; margin:0 0 0 -25px; opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s}
.pagination2 .paging .numb .crt {position:absolute;top:0;left:0;line-height:1;font-weight:700;font-size:18px;color:#222;transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s}
.pagination2 .paging .numb .all {position:absolute;right:0;bottom:0;line-height:1;font-weight:700;font-size:18px;color:#222;transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s}
.pagination2 .paging:hover {width:388px}
.pagination2 .paging:hover .page_prev a {left:0}
.pagination2 .paging:hover .page_next a {right:0}
.pagination2 .paging:hover .page {left:0;opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);z-index:1}
.pagination2 .paging:hover .page li a {opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100)}
.pagination2 .paging:hover .page li a:nth-child(1) {transition:all .5s .1s;-webkit-transition:all .5s .1s;-moz-transition:all .5s .1s}
.pagination2 .paging:hover .page li a:nth-child(2) {transition:all .5s .15s;-webkit-transition:all .5s .15s;-moz-transition:all .5s .15s}
.pagination2 .paging:hover .page li a:nth-child(3) {transition:all .5s .2s;-webkit-transition:all .5s .2s;-moz-transition:all .5s .2s}
.pagination2 .paging:hover .page li a:nth-child(4) {transition:all .5s .25s;-webkit-transition:all .5s .25s;-moz-transition:all .5s .25s}
.pagination2 .paging:hover .page li a:nth-child(5) {transition:all .5s .3s;-webkit-transition:all .5s .3s;-moz-transition:all .5s .3s}
.pagination2 .paging:hover .numb {opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0)}
.pagination2 .paging:hover .numb .crt {top:-20px;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0)}
.pagination2 .paging:hover .numb .all {bottom:-20px;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0)}
.pagination2 .btn_write {display:block;position:absolute;top:17px;right:0;width:93px;height:33px;background:#000;font-size:16px;line-height:33px;text-align:center;color:#fff}

/***default 회원:끝***/