@charset "utf-8";
.skipToContent, .hidden {position:absolute; top:0; left:0; overflow:hidden; display:block; width:0px; height:0px; line-height:0; font-size:0; text-indent:-9999px;}
body {width:100%; min-width:1200px; -webkit-text-size-adjust:none; height:auto;}
table {width:100%; border-spacing:0; border-collapse:collapse;}

/* header */
#header {width:100%; height:160px; position:absolute; top:0; left: 0; z-index:2000;
	transition:all .3s;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	-ms-transition:all .3s;
	-o-transition:all .3s;
}
#header_content {*zoom:1; width:1200px; margin:0 auto; position:relative; height:110px;}
#header_content:after {content:" "; display:block; clear:both;}
#header_content .logo {position:absolute; top:20px; left:0;z-index:1001;}
#header_content .logo a {display:block; z-index:1001; width:260px;}
#header_content .logo a img {width:100%;}
#header_content .top_menu {width:1200px; margin:0 auto; position:relative; overflow:hidden; z-index:1002;}
#header_content .top_menu ul {*zoom:1;float:right;}
#header_content .top_menu ul:after {content:" "; display:block; clear:both;}
#header_content .top_menu ul li {float:left; font-size:12px; font-weight:400; padding:0 0 0 20px; line-height:25px;}
#header_content .top_menu ul li:first-child {padding:0;}
#header_content .top_menu ul li a {color:#888888; display:block;
	transition:all .3s;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	-ms-transition:all .3s;
}
#header_content .top_menu ul li a:hover {color:#222;}

.nav_content {height:60px; position:relative;}

/* gnb 
nav#gnb {width:100%; height:50px; z-index:1000; position:relative; background:#fff;}
nav#gnb > ul {*zoom:1;width:1200px;margin:0 auto;box-sizing:border-box;}
nav#gnb > ul:after {content:" "; display:block; clear:both;}
nav#gnb > ul > li {text-align: center; width:197px; text-align:center; display:inline-block;}
nav#gnb > ul > li > a {display:block;font-size:18px; height:50px; line-height:50px; font-weight:600; color:#333; box-sizing:border-box;}
nav#gnb > ul > li > a img {vertical-align:middle;}
nav#gnb > ul > li > a:hover, nav#gnb > ul > li > a:focus{color:#fff !important;}

nav#gnb > ul > li .gnb-2dep-wrap {z-index:1000;}
nav#gnb > ul > li .gnb-2dep {width:197px; height:340px; display:none; position:absolute; top:50px; padding:15px 0; z-index:1000;}
nav#gnb > ul > li .gnb-2dep li {text-align:center; line-height:22px; width:100%; margin:15px 0 0;}
nav#gnb > ul > li .gnb-2dep li:first-child {margin:0;}
nav#gnb > ul > li .gnb-2dep li a {display:block; color:#333333; font-size:17px; font-weight:500; line-height:35px; box-sizing:border-box;}
nav#gnb > ul > li:hover .gnb-2dep li a {color:#fff;}
nav#gnb > ul > li > a:hover, nav#gnb > ul > li > a:focus {background-image:url('../images/main/gnb_bg.jpg'); background-size:cover; background-position:0 0; color:#fff; border-bottom:1px solid #fff;}
nav#gnb > ul > li.active > a {border-bottom:1px solid #fff;}
nav#gnb > ul > li.active > a, nav#gnb > ul > li:hover .gnb-2dep {background-image:url('../images/main/gnb_bg.jpg'); background-size:cover; background-position:0 0; color:#fff;}
nav#gnb > ul > li .gnb-2dep li a:hover {text-decoration:underline;  font-weight:600; color:#f8f5c1;}

#gnbBg_wrap {width:100%;}
#gnbBg {position:absolute; top:50px; left:0px; width:100%; padding:0; z-index:1000; background:rgba(255,255,255,0.9); display:none; border-top:1px solid #ddd; box-sizing:border-box;}

div.gnb_icon {text-align:right; padding:35px 0 0 0;}
div.gnb_icon a {display:inline-block; margin:0 0 0 13px;}
div.gnb_icon a span {display:block; text-align:center;}
div.gnb_icon a span img {
	transition:all .3s;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	-o-transition:all .3s;
	-ms-transition:all .3s;
}
div.gnb_icon a:hover span img {transform:rotate(15deg);}
div.gnb_icon a p {font-size:14px; color:#000; font-weight:600; letter-spacing:-0.05em; padding:3px 0 0 0;
	transition:all .3s;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	-o-transition:all .3s;
	-ms-transition:all .3s;
}
div.gnb_icon a:hover p {color:#1f89cf;} */
/*.s_header #header_content {width:1500px;}
.s_header #gnb {border-top:1px solid #dcedad; border-bottom:1px solid #ddd;}
/// *.s_header #gnb > ul {width:1500px;}
.s_header #gnb > ul > li {width:247px;}
.s_header #gnb > ul > li .gnb-2dep {width:247px;} * ////
.s_header #gnb > ul {width:1710px;}
.s_header #gnb > ul > li {width:282px;}
.s_header #gnb > ul > li .gnb-2dep {width:282px;}*/


/* gnb 200520 수정요청 */
nav#gnb {width:100%; height:50px; z-index:1000; position:relative; background:#fff;}
nav#gnb > ul {*zoom:1;width:1200px;margin:0 auto;box-sizing:border-box;}
nav#gnb > ul:after {content:" "; display:block; clear:both;}
nav#gnb > ul > li {text-align: center; width:168px; text-align:center; display:inline-block;}
nav#gnb > ul > li > a {display:block;font-size:18px; height:50px; line-height:50px; font-weight:600; color:#333; box-sizing:border-box;}
nav#gnb > ul > li > a img {vertical-align:middle;}
nav#gnb > ul > li > a:hover, nav#gnb > ul > li > a:focus{color:#fff !important;}

nav#gnb > ul > li .gnb-2dep-wrap {z-index:1000;}
nav#gnb > ul > li .gnb-2dep {width:168px; height:340px; display:none; position:absolute; top:50px; padding:15px 0; z-index:1000;}
nav#gnb > ul > li .gnb-2dep li {text-align:left; line-height:22px; width:100%; margin:15px 0 0; box-sizing:border-box;}
nav#gnb > ul > li .gnb-2dep li:first-child {margin:0;}
nav#gnb > ul > li .gnb-2dep li a {display:block; color:#333333; font-size:17px; font-weight:500; line-height:35px; box-sizing:border-box; padding:0 0 0 15px;}
nav#gnb > ul > li:hover .gnb-2dep li a {color:#fff;}
nav#gnb > ul > li > a:hover, nav#gnb > ul > li > a:focus {background-image:url('../images/main/gnb_bg.jpg'); background-size:cover; background-position:0 0; color:#fff; border-bottom:1px solid #fff;}
nav#gnb > ul > li.active > a {border-bottom:1px solid #fff;}
nav#gnb > ul > li.active > a, nav#gnb > ul > li:hover .gnb-2dep {background-image:url('../images/main/gnb_bg.jpg'); background-size:cover; background-position:0 0; color:#fff;}
nav#gnb > ul > li .gnb-2dep li a:hover {text-decoration:underline;  font-weight:600; color:#f8f5c1;}

#gnbBg_wrap {width:100%;}
#gnbBg {position:absolute; top:50px; left:0px; width:100%; padding:0; z-index:1000; background:rgba(255,255,255,0.9); display:none; border-top:1px solid #ddd; box-sizing:border-box;}

.s_header {position:fixed !important; background:#fff;}

.s_header #header_content {width:1500px;}
.s_header nav#gnb {border-top:1px solid #dcedad; border-bottom:1px solid #ddd;}

.s_header nav#gnb > ul {*zoom:1; width:1500px;}
.s_header nav#gnb > ul > li {text-align: center; width:211px; text-align:center; display:inline-block;}
.s_header nav#gnb > ul > li > a {display:block;font-size:18px; height:50px; line-height:50px; font-weight:600; color:#333; box-sizing:border-box; padding:0;}
.s_header nav#gnb > ul > li > a:hover, .s_header nav#gnb > ul > li > a:focus{color:#fff !important;}

.s_header nav#gnb > ul > li .gnb-2dep-wrap {z-index:1000;}
.s_header nav#gnb > ul > li .gnb-2dep {width:211px; height:340px; display:none; position:absolute; top:50px; padding:15px 0; z-index:1000;}
.s_header nav#gnb > ul > li .gnb-2dep li {text-align:left; line-height:22px; width:100%; margin:15px 0 0;}
.s_header nav#gnb > ul > li .gnb-2dep li:first-child {margin:0;}
.s_header nav#gnb > ul > li .gnb-2dep li a {display:block; color:#333333; font-size:17px; font-weight:500; line-height:35px; box-sizing:border-box; padding:0 0 0 20px;}
.s_header nav#gnb > ul > li:hover .gnb-2dep li a {color:#fff;}
.s_header nav#gnb > ul > li > a:hover, .s_header nav#gnb > ul > li > a:focus {background-image:url('../images/main/gnb_bg.jpg'); background-size:cover; background-position:0 0; color:#fff; border-bottom:1px solid #fff;}
.s_header nav#gnb > ul > li.active > a {border-bottom:1px solid #fff;}
.s_header nav#gnb > ul > li.active > a, nav#gnb > ul > li:hover .gnb-2dep {background-image:url('../images/main/gnb_bg.jpg'); background-size:cover; background-position:0 0; color:#fff;}
.s_header nav#gnb > ul > li .gnb-2dep li a:hover {text-decoration:underline;  font-weight:600; color:#f8f5c1;}









div.gnb_icon {text-align:right; padding:35px 0 0 0;}
div.gnb_icon a {display:inline-block; margin:0 0 0 13px; min-width:38px;}
div.gnb_icon a span {display:block; text-align:center;}
div.gnb_icon a span img {
	transition:all .3s;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	-o-transition:all .3s;
	-ms-transition:all .3s;
}
div.gnb_icon a:hover span img {transform:rotate(15deg);}
div.gnb_icon a p {font-size:14px; color:#000; font-weight:600; letter-spacing:-0.05em; padding:3px 0 0 0; text-align:center;
	transition:all .3s;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	-o-transition:all .3s;
	-ms-transition:all .3s;
}
div.gnb_icon a:hover p {color:#1f89cf;}


/* mobile gnb */
.allmenu {display:none;}
#m_gnb{display:none;}
#nav{display:none;}

#mainvisual {height:860px; position:relative; overflow:hidden; width:100%; z-index:900;}
#mainvisual .slideshow {position:absolute; width:2000px; height:860px; top:0; left:50%; margin-left:-1000px;}
#mainvisual .slideshow .bx-slider {position:relative; width:100%; height:860px; overflow:hidden;}
#mainvisual .slideshow .bx-slider li {float:left; width:100%; height:860px; background-position:center center; background-size:100%; background-repeat:no-repeat; overflow:hidden;position:absolute;}
#mainvisual li.visual_bg1 {background-image:url('../images/main/mainvisual01.jpg');}
#mainvisual li.visual_bg2 {background-image:url('../images/main/mainvisual02.jpg');}

#mainvisual .visual_txt {
	width:1200px;
	margin:0 auto;
	padding:230px 0 0;
	position:absolute;
	z-index:940;
	left:50%; top:0;
	margin-left:-600px;
}
#mainvisual .visual_txt .visual_in{width:550px;}
#mainvisual .visual_txt .visual_in h3 {font-family:"KBIZHanmaumMyungjo"; font-size:26px; line-height:55px; color:#231916; text-align:center;}
#mainvisual .visual_txt .visual_in h2 {font-family:"KBIZHanmaumMyungjo"; font-size:66px; font-weight:bold; color:#000; text-align:center;}


.main_container {position:relative; z-index:950; width:1200px; margin:-660px auto 0;}

/* section1 */
.section1 {*zoom:1; margin:0 0 20px 0;}
.section1:after {content:""; display:block; clear:both;}
.section1 > div {float:left;}

.sec1_left {width:550px;}
.sec1_left ol {*zoom:1; margin:210px 0 0 0; text-align:center;}
.sec1_left ol:after {content:""; display:block; clear:both;}
.sec1_left ol li {width:160px; display:inline-block;}
.sec1_left ol li a {display:block;}
.sec1_left ol li div {}
.sec1_left ol li div img {
	transition:all .3s;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	-o-transition:all .3s;
	-ms-transition:all .3s;
}
.sec1_left ol li:hover div img {transform:rotate(-15deg);}
.sec1_left p {font-size:17px; font-weight:800; color:#161a1f; margin:15px 0 5px 0;
	transition:all .3s;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	-o-transition:all .3s;
	-ms-transition:all .3s;
}
.sec1_left ol li:hover p {color:#bea908;}
.sec1_left ol li:first-child:hover p {color:#008b1b;}
.sec1_left ol li:last-child:hover p {color:#d7434d;}
.sec1_left span {font-size:15px; line-height:17px; color:#3c535b; padding:0 15px; box-sizing:border-box; display:block; font-weight:500;
	transition:all .3s;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	-o-transition:all .3s;
	-ms-transition:all .3s;
}
.sec1_left ol li:hover span {color:#c0b55e;}
.sec1_left ol li:first-child:hover span {color:#488e55;}
.sec1_left ol li:last-child:hover span {color:#a8333b;}

.sec1_right {*zoom:1; width:650px; padding:0 0 0 10px; box-sizing:border-box;}
.sec1_right:after {content:""; display:block; clear:both;}
.sec1_right .box_white {background:url('../images/main/box_white.png') center center no-repeat;}
.sec1_right .box_green {background:url('../images/main/box_green.png') center center no-repeat;}
.sec1_right > div {float:left; width:310px; height:200px; margin:0 0 10px 10px; position:relative; box-sizing:border-box; background-size:cover;
	transition:all .3s;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	-o-transition:all .3s;
	-ms-transition:all .3s;
}
.sec1_right > div:first-child:hover {transform:rotate(2deg); background:url('../images/main/box_white_on.png');}
.sec1_right > div:nth-child(2):hover {transform:rotate(-2deg); background:url('../images/main/box_green_on.png');}
.sec1_right > div:nth-child(3):hover {transform:rotate(2deg); background:url('../images/main/box_green_on.png');}
.sec1_right > div:last-child:hover {transform:rotate(-2deg); background:url('../images/main/box_white_on.png');}
.sec1_right > div a {display:block; width:100%; height:100%; padding:35px 40px 0; box-sizing:border-box;}
.sec1_right h5 {color:#161a1f; font-size:20px; font-weight:800; margin:0 0 10px 0;}
.sec1_right p {font-size:15px; font-weight:500; line-height:22px;}
.sec1_right .box_white p {color:#808080;}
.sec1_right .box_green p {color:#577948;}
.sec1_right span {display:block; position:absolute; right:30px; bottom:30px;}
.sec1_right span img {
	transition:all .3s;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	-o-transition:all .3s;
	-ms-transition:all .3s;
}
.sec1_right div:hover span img {transform:scale(1.15);}

/* section2 */
.section2 {*zoom:1;}
.section2:after {content:""; display:block; clear:both;}
.section2 > div {float:left; width:400px; height:220px; background-color:#fff; padding:17px 30px 10px; box-sizing:border-box;}
.section2 h5 {font-size:20px; font-weight:800; color:#333; margin:0 0 13px 0;}
.section2 h5 a {display:block;}
.section2 h5 span {float:right; display:block; width:20px; height:20px; line-height:20px; padding:5px 0 0 0;}
.section2 h5 span img {
	transition:all .3s;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	-o-transition:all .3s;
	-ms-transition:all .3s;
}
.section2 h5:hover span img {transform:rotate(45deg);}
.section2 ul {}
.section2 ul li {margin:0 0 8px 0;}
.section2 ul li:last-child {margin:0;}
.section2 ul li a {display:block; width:100%; position:relative;}
.section2 ul li a p {width:100%; display:inline-block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:16px; font-weight:600; color:#333; letter-spacing:-0.05em; padding:0 0 0 10px; background:url('../images/main/dot_black.png') 0 12px no-repeat;
	transition:all .5s;
	-webkit-transition:all .5s;
	-moz-transition:all .5s;
	-o-transition:all .5s;
	-ms-transition:all .5s;
}
.section2 ul li a span {font-size:15px; color:#68a4bf; font-weight:600; position:absolute; right:0;
	transition:all .5s;
	-webkit-transition:all .5s;
	-moz-transition:all .5s;
	-o-transition:all .5s;
	-ms-transition:all .5s;
}
.section2 ul li a:hover p {color:#000; text-decoration:underline;}
.section2 ul li a:hover span {color:#098cc7;}
.section2 .notice:first-child {background-color:#f4f4f4;}
.section2 .banner {background:#a0dbef; position:relative;}
.section2 .banner .sec_slider_num{font-size:11px; font-weight:500; color:#ffffff;position:absolute;top:30px; right:80px;}
.section2 .banner .sec_slider_num .current_value{font-weight:900;color:#fff048;}
.section2 .banner .banner_btn {position: absolute;top:30px; right:30px;}
.section2 .banner .add_slider li {height:140px; border:1px solid #7db8cc; margin:0; box-sizing:border-box;}
.section2 .banner .add_slider li a {display:block; width:100%; height:100%; z-index:1001; }
.section2 .banner .add_slider li a img {width:100%; height:100%;}
.section2 .banner .addslide_wrap .bx-wrapper .bx-pager {display:inline-block;width:auto;position:absolute; bottom:5px; right:5px;color:#fff; font-size:12px; font-family:'noto';background-color:rgba(0,0,0,0.7);
padding:2px 10px; border-radius:20px;-webkit-border-radius:20px;-moz-border-radius:20px;font-weight:400;}

/* banner slide 
.addslide_wrap .bx-wrapper img {width:100% !important; height:auto;}
.addslide_wrap .bx-viewport {height:220px !important; overflow:hidden;}
.addslide_wrap .bx-wrapper .bx-controls-auto{display:none;}
.addslide_wrap .bx-controls {position:absolute;top:35px; right:35px;z-index:1000;}
.addslide_wrap .bx-wrapper .bx-controls .bx-controls-direction a {
	display:inline-block;position:static;width:17px; height:17px;background:url('../images/main/banner_left.png') 0 0 no-repeat;font-size:0;
	}
.addslide_wrap .bx-wrapper .bx-controls .bx-controls-direction a.bx-next {
	background:url('../images/main/banner_right.png') 0 0 no-repeat;margin:0 0 0 3px;
	}
*/

/* section3 */
.section3 {position:fixed; right:160px; top:200px;}
.section3 .news > div {*zoom:1;}
.section3 .news > div:after {content:""; display:block; clear:both;}
.section3 .news {width:130px;}
.section3 .news a {display:block; width:100%;}
.section3 .news span img {width:100%;}
.section3 .news a p {width:100%; height:30px; line-height:30px; border-radius:30px; margin:7px auto 0; text-align:center; display:block; color:#fff; background:#0675b5; font-size:15px; letter-spacing:-0.05em; font-weight:600;
	transition:all .5s;
	-webkit-transition:all .5s;
	-moz-transition:all .5s;
	-o-transition:all .5s;
	-ms-transition:all .5s;
}
.section3 .news a:hover p {background:#0a4364;}
.section3 .news .news_2 a p {background: #182953;}
.section3 .news .news_2 a:hover p {background:#0e3083;}
.section3 .news .news_3 a p {
    background: linear-gradient(135deg, #b48a32, #f0d37a);
}

/* 실제 이미지 */
.news_1 a span img {
    box-shadow: 
      0 5px 10px rgba(0,0,0,0.25),  /* 부드러운 바닥 그림자 */
      5px 5px 10px rgba(0,0,0,0.5);   /* 진한 짧은 그림자 */
}
.news_3 a span img {
    box-shadow: 
      0 5px 10px rgba(0,0,0,0.25),  /* 부드러운 바닥 그림자 */
      5px 5px 10px rgba(0,0,0,0.5);   /* 진한 짧은 그림자 */
}
.section3 .news .news_3 a:hover p {
    background: linear-gradient(135deg, #c69c3c, #ffd97f);
}
.section3 .center_box  {margin:0 0 10px 0;}
.section4 .qna {position:fixed;left:60px;top:200px;width:250px; box-sizing:border-box;}
.section4 .qna h5 {font-size:16px; font-weight:600; text-align:center; padding:6px; border-radius:5px 5px 0 0; background:#045b8d; color:#fff;}
.section4 .qna > div {padding:5px 15px 10px; background:#fff; border-radius:0 0 5px 5px;}
.section4 .qna > div p {box-sizing:border-box; font-size:15px; font-weight:600; color:#045b8d; border-top:1px solid #ddd; padding:10px 0 0 0; margin:10px 0 0 0;}
.section4 .qna > div span {word-break:break-all; display:block; font-size:14px; color:#000; font-weight:500;}
.section4 .qna textarea {width:100%; font-size:14px; color:#333; height:70px; resize:none; font-family:'noto';}
.section4 .qna a {display:block; width:100%; height:28px; line-height:28px; margin:5px auto 0; border-radius:25px; color:#fff; font-size:15px; font-weight:600; text-align:center; background:#045b8d;
	transition:all .5s;
	-webkit-transition:all .5s;
	-moz-transition:all .5s;
	-o-transition:all .5s;
	-ms-transition:all .5s;
}
.section4 .qna a:hover {background:#0a4364;}




/* banner slide */
.banner_max {background:#eeeeee; border-top:1px solid #ddd;}
.banner_slide_wrap {/*width:1200px;*/ width:96%; margin:0 auto; padding:20px 0;}
.banner_slider {position:relative;}
.banner_slider ul {*zoom:1;}
.banner_slider ul:after{content:""; display:block; clear:both;}
.banner_slider ul li {width:210px; height:70px; text-align:center; border:1px solid #ddd; float:left; box-sizing:border-box;}
.banner_slider ul li a {display:inline;}
.banner_slider ul li img {width:100%;height:100%;}



.banner_slider_wrap {width:100%; background:#eeeeee; border-top:1px solid #ddd;}
.slide_box  {width:96%; margin:0 auto; padding:20px 0;}
.slide_box #gsefSpan span {display:inline-block; width:210px; height:70px;margin:0 5px; border:1px solid #ddd; text-align:center;position:Relative;overflow:hidden;}
.slide_box #gsefSpan span img {position:absolute; top:0; bottom:0; left:0; right:0; margin:auto;width:100%;height:100%;}




/*------------------------------------------------------ image scroll css ---------spansor--------*/

/* Container DIV - automatically generated */
.simply-scroll-container { 
	position: relative;
}

/* Clip DIV - automatically generated */
.simply-scroll-clip { 
	position: relative;
	overflow: hidden;
}

/* UL/OL/DIV - the element that simplyScroll is inited on
Class name automatically added to element */
.simply-scroll-list { 
	overflow: hidden;
	margin: 0;
	padding: 0;
	list-style: none;
}
	
.simply-scroll-list li {
	padding: 0;
	margin: 0;
	list-style: none;
}
	
.simply-scroll-list li img {
	border: none;
	display: block;
}

/* Custom class modifications - adds to / overrides above

.simply-scroll is default base class */

/* Container DIV */
.simply-scroll { 
	width: 100%;
	height: 70px;
}

/* Clip DIV */
.simply-scroll .simply-scroll-clip {
	width: 100%;
	height: 70px;
}
	
/* Explicitly set height/width of each list item */	
.simply-scroll .simply-scroll-list li {
	float: left; /* Horizontal scroll only */
	width: 210px;
	height: 70px;
	margin-left:10px;
}

/*-----------------------------------------------------------------------------------------*/



#container {width:100%; clear:both; z-index:1001; position:relative;}

/* sub_layout*/
#subvisual {background-image:url('../images/sub/subvisual.jpg');height:220px; background-position:center center; background-repeat:no-repeat;}
#subvisual > div {display:none; width:1200px; margin:0 auto; padding:130px 0 0 89px; box-sizing:border-box;}
#subvisual h3 {font-family:"KBIZHanmaumMyungjo"; font-size:18px; color:#231916;}
#subvisual h2 {font-family:"KBIZHanmaumMyungjo"; font-size:36px; font-weight:bold; color:#000;}

#contents {*zoom:1; width:1500px; margin:162px auto 0; background:#fff; }
#contents:after {content:" "; display:block; clear:both;}
#cont {/*float:left;*/ width:1190px; margin:0 0 0 310px;}
#con_area {padding:0 0 170px 0; min-height:320px; clear:both;}
#leftmenu {/*float:left;*/ width:260px; position:fixed;}
.tit_box {height:140px; background:url('../images/sub/tit_box.png') 0 0 no-repeat;}
.tit_box h3 {width:100%; height:100%; line-height:140px; font-size:38px; text-align:center; font-weight:500; color:#fff;}

#lnb ul li {margin-top:10px;}
#lnb ul li a {display:block; height:60px; border:1px solid #ddd; background:#fff; line-height:60px; font-size:18px; font-weight:500; color:#333; padding:0 0 0 20px; letter-spacing:-0.03em; box-sizing:border-box;}
#lnb ul li a:hover , #lnb ul li.on a {
	color:#597903; font-weight:800; border:1px solid #98c420;
	background-image:url('../images/sub/menu_on.png');	background-repeat:no-repeat; background-position:100% 50%;	
}

#subtitle {padding:45px 0 20px 0; border-bottom:2px solid #ddd; position:relative; margin:0 0 50px 0;}
#subtitle h4 {font-size:35px; line-height:35px; font-weight:600; color:#333; letter-spacing:-0.03em;}
#subtitle .path {position:absolute; bottom:18px; right:0; font-size:15px; line-height:15px;color:#555;}


/* sub_공통 */
h4.title {background:url('../images/sub/title.png') 0 5px no-repeat; padding:0 0 0 40px; font-size:25px; font-weight:600; color:#333; margin:0 0 20px 0;}
h4.title .sm{font-size:17px;}

/* 01_01 */
.introduce {}
.introduce > div {margin:0 0 60px 0;}
.introduce > div:last-child {margin:0;}
.introduce .gray {background:url('../images/sub/intro1_gray.png') 0 0 repeat; padding:20px; box-sizing:border-box;}
.introduce .gray ul li {background:url('../images/sub/line_black.png') 0 7px no-repeat; color:#333; font-size:18px; line-height:30px; margin:0 0 12px 0; font-weight:500; padding:0 0 0 12px; word-break:keep-all;}
.introduce .gray ul li:last-child {margin:0;}
.introduce .field {*zoom:1;}
.introduce .field:after {content:""; display:block; clear:both;}
.introduce .field > div {background:url('../images/sub/intro1_field.png') 0 0 repeat; float:left; padding:20px; box-sizing:border-box; margin:0 14px 14px 0; width:287px; height:190px;}
.introduce .field > div:nth-child(4n) {margin:0 0 14px 0;}
.introduce .field div span {text-align:center; display:block; margin:0 0 30px 0;
	transition:all .3s;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	-o-transition:all .3s;
	-ms-transition:all .3s;
}
.introduce .field div span:hover {transform:rotate(-20deg);}
.introduce .field div p {font-size:20px; font-weight:600; color:#333; text-align:center;}
.introduce .chart {background:url('../images/sub/intro1_gray.png') 0 0 repeat; padding:50px 30px; box-sizing:border-box; text-align:center;}


/* 01_02 */
.history {}
.history .history_tab {*zoom:1; margin:0 0 30px 0;}
.history .history_tab:after {content:""; display:block; clear:both;}
.history .history_tab > div {width:50%; float:left;}
.history .history_tab > div a {display:block; width:100%; text-align:center; background:#e7e7e7; color:#858585; font-size:25px; font-weight:600; height:50px; line-height:50px;}
.history .history_tab > div a.on {background:#e58810; color:#fff;}

.history .his_tb {margin:0 0 100px 0;}
.history .his_tb tbody tr th{font-size:26px; font-weight:600;text-align:left;color:#004a6c; vertical-align:text-top;border-left:1px solid #ddd; padding:10px 0 0 0;}
.history .his_tb tbody tr th span{padding:0 0 0 30px; margin:0 0 0 -7px; background:url('../images/sub/his_dot.png') 0 10px no-repeat;}
.history .his_tb tbody tr td {font-size:18px; color:#333333; letter-spacing:-0.03em; padding:15px 20px 20px; font-weight:500; word-break:keep-all; letter-spacing:-0.05em; line-height:26px;}
.history .his_tb tbody tr td.green {color:#2a7e79; font-size:20px; font-weight:600; padding:15px 20px 15px 10px; line-height:28px; vertical-align:top;}
.history .his_tb tbody tr td li {background:url('../images/sub/dot_black.png') 0 10px no-repeat; padding:0 0 0 10px; margin:0 0 10px 0;}
.history .his_tb tbody tr td .graybox {background:#f3f3f3; padding:20px; margin:15px 0;}
.history .his_tb tbody tr td .graybox strong {display:block; font-weight:600;}

.history .his_tb tbody tr td .document {box-sizing:border-box; width:100%; padding:25px 40px;}
.history .his_tb tbody tr td .document img {width:100%;}

/* 01_03 */
.greet {background:url('../images/sub/greet_bg.png') right bottom no-repeat; padding:0 0 80px 0;}
.greet div p {color:#333; font-size:17px; font-weight:500; line-height:30px; letter-spacing:-0.05em; margin:30px 0 0 0; word-break:keep-all;}
.greet div p strong {font-weight:600;}
.greet div p span.br {display:block;}
.greet .greet_top {*zoom:1;}
.greet .greet_top:after {content:""; display:block; clear:both;}
.greet .greet_top div:first-child {float:left; width:205px;}
.greet .greet_top div:first-child img {width:100%;}
.greet .greet_top div:last-child {float:left; width:930px; margin:0 0 0 40px;}
.greet .greet_top h5 {font-size:28px; font-weight:600; letter-spacing:-0.06em; color:#081733;}
.greet .greet_top h6 {font-size:25px; font-weight:600; letter-spacing:-0.06em; color:#1f61d8; line-height:40px; margin:0 0 30px 0;}
.greet div span.nanum {font-family: 'Nanum Pen Script'; display:block; margin:24px 0 0 0; font-size:36px; }


/* 01_03 */
.greet2021 {background:url('../images/sub/greet_bg_241231.jpg') 0 0 no-repeat; padding:0 0 80px 0;}
.greet2021 div p {color:#333; font-size:17px; font-weight:500; line-height:30px; letter-spacing:-0.05em; margin:30px 0 0 0; word-break:keep-all;}
.greet2021 div p strong {font-weight:600;}
.greet2021 div p span.br {display:block;}
.greet2021 .greet_top {*zoom:1;}
.greet2021 .greet_top:after {content:""; display:block; clear:both;}
.greet2021 .greet_top div:first-child {float:left; width:219px;}
.greet2021 .greet_top div:first-child img {width:100%;}
.greet2021 .greet_top div:last-child {float:left; width:930px; margin:0 0 0 40px;}
.greet2021 .greet_top h5 {font-size:28px; font-weight:600; letter-spacing:-0.06em; color:#081733;}
.greet2021 .greet_top h6 {font-size:25px; font-weight:600; letter-spacing:-0.06em; color:#243490; line-height:40px; margin:0 0 30px 0;}
.greet2021 div span.nanum {font-family: 'Nanum Pen Script'; display:block; margin:80px 0 0 0; font-size:36px; }







/* 01_04 */
.rule {}
.rule .rule_tab {*zoom:1; margin:0 0 60px 0;}
.rule .rule_tab:after {content:""; display:block; clear:both;}
.rule .rule_tab > div {width:50%; float:left;}
.rule .rule_tab > div a {display:block; width:100%; text-align:center; background:#e7e7e7; color:#858585; font-size:22px; font-weight:600; height:50px; line-height:50px;}
.rule .rule_tab > div a.on {background:#e58810; color:#fff;}

.rule .rule1 {}
.rule .rule1 .date {text-align:right;}
.rule .rule1 .date ul {display:inline-block; background:#f8f8f8; padding:25px; box-sizing:border-box;}
.rule .rule1 .date ul li {font-size:17px; font-weight:500; line-height:32px; color:#333; text-align:left;}
.rule h5 {font-size:24px; font-weight:800; text-align:center; margin:0 0 30px 0; color:#333;}
.rule h6.rule_title {line-height:28px; text-align:center; padding:10px; box-sizing:border-box; color:#fff; font-size:22px; font-weight:800; margin:30px 0 0 0;}
.rule .rule_green {background:#98c420;}
.rule .rule_yellow {background:#e4b012;}
.rule .rule2 {}
.rule .rule_blue {background:#6385aa; padding:10px; box-sizing:border-box; color:#fff; font-size:20px; font-weight:800; margin:30px 0 0 0;}

.rule dl {padding:25px 0; border-bottom:1px solid #ddd;}
.rule dl dt {font-size:20px; font-weight:600; color:#333; margin:0 0 18px 0;}
.rule dl dd {font-size:17px; color:#333; font-weight:500; line-height:26px; word-break:keep-all;}
.rule dl ol {padding:0 0 0 15px;}
.rule dl ol li {color:#777; font-size:17px; font-weight:500;}



/* 01_05 */
.organi {*zoom:1; position:relative;}

/* 임원명단 */
.organi .organi_tab {*zoom:1; margin:0 0 50px 0;}
.organi .organi_tab:after {content:""; display:block; clear:both;}
.organi .organi_tab > div {width:50%; float:left;}
.organi .organi_tab > div a {display:block; width:100%; text-align:center; background:#e7e7e7; color:#858585; font-size:22px; font-weight:600; height:50px; line-height:50px;}
.organi .organi_tab > div a.on, .organi .organi_tab > div a:hover {background:#e58810; color:#fff;}

.organi .organi_year {width:190px;position:absolute; top:100px; right:0;cursor:pointer;}
.organi_year .p_list {display:none; position:absolute; width:190px; left:0; top:30px; background:#fff; border:1px solid #ccc; font-size:13px; line-height:27px; z-index:10;}
.organi_year .p_list a {display:block; text-decoration:none; color:#7d7d7d; padding:0 5px;}
.organi_year .p_list a:hover {background:#f2f2f2;}
.organi_year .p_tit {width:180px; height:30px; padding:0 0 0 10px;border:1px solid #ccc; line-height:30px; font-size:17px; color:#7d7d7d; background:url('../images/sub/p_tit.png') 90% 11px no-repeat;}

.organi table {border-top:1px solid #656565;}
.organi table thead th {background:#f7f7f7; border-bottom:1px solid #ddd; border-right:1px solid #ddd; color:#333; font-size:17px; font-weight:600; padding:10px 15px;}
.organi table thead th:last-child {border-right:none;}
.organi table tbody td {border-bottom:1px solid #ddd; border-right:1px solid #ddd; color:#333; font-size:17px; font-weight:500; padding:10px 15px; text-align:center;}
.organi table tbody td:last-child {border-right:none;}

/* 역대 회장*/
.pre_list {}
.pre_list ul {*zoom:1;}
.pre_list ul:after {content:""; display:block; clear:both;}
.pre_list ul li {float:left; width:14%; box-sizing:border-box; margin:0 0 30px 38px;}
.pre_list ul li:nth-child(6n+1) {clear:both; margin:0 0 30px 0;}
.pre_list ul li dl {}
.pre_list ul li dl dt {background:#454545; color:#fff; text-align:center; padding:8px 10px; box-sizing:border-box; font-size:18px; font-weight:600; border-radius:8px; line-height:20px; margin:0 0 5px 0;}
.pre_list ul li dl dt span {display:block; color:#eee; font-size:17px; font-weight:500;}
.pre_list ul li dl dd.p_pic {background:#fff; /*height:240px;*/ border-left:1px solid #f2f2f2; border-right:1px solid #f2f2f2;  text-align:center; }
.pre_list ul li dl dd.p_pic span {display:block; margin:0 auto; padding:5px 18px; box-sizing:border-box;}
.pre_list ul li dl dd.p_pic span img {width:100%;}
.pre_list ul li dl dd.p_name {background:#e8e8e8; color:#333; text-align:center; padding:4px 10px; box-sizing:border-box; border-radius:50px; margin:3px 0 0 0; font-size:18px; font-weight:600;}



/* 01_06 */
.contact { padding:0 0 100px 0;}
.contact .map {border:1px solid #ddd; box-sizing:border-box;}
.contact .map_bt {*zoom:1; margin:30px 0 0 0;v}
.contact .map_bt:after {content:""; display:block; clear:both;}
.contact .map_bt > dl {float:left; width:30%; margin:0 0 0 5%;}
.contact .map_bt > dl.blue {margin:0;}
.contact .map_bt > dl dt {width:100%; color:#fff; display:block; height:45px; line-height:45px; border-radius:45px; text-align:center; font-size:22px; font-weight:600; margin:0 0 15px 0;}
.contact .map_bt > dl dd {width:100%; height:120px; color:#333; font-size:20px; font-weight:500; letter-spacing:-0.04em; word-break:keep-all; box-sizing:border-box; text-align:center;}
.contact .map_bt > dl.blue dt {background:#1b9ad6;}
.contact .map_bt > dl.blue dd {background:url('../images/sub/map_blue.jpg') 0 0 repeat; padding:20px 35px;}
.contact .map_bt > dl.yellow dt {background:#fcaf17;}
.contact .map_bt > dl.yellow dd {background:url('../images/sub/map_yellow.jpg') 0 0 repeat; padding:45px 35px;}
.contact .map_bt > dl.green dt {background:#008641;}
.contact .map_bt > dl.green dd {background:url('../images/sub/map_green.jpg') 0 0 repeat; padding:45px 35px;}

/* 01_07 */
.newjoin > div {margin:0 0 70px 0;}
.newjoin .gray {background:url('../images/sub/intro1_gray.png') 0 0 repeat; padding:20px; box-sizing:border-box; color:#333; font-size:18px; line-height:30px; margin:0 0 40px 0; font-weight:500;  word-break:keep-all; border:1px solid #aaa;}
.newjoin p {font-size:18px; font-weight:500; color:#333; background:url('../images/sub/line_black.png') 0 7px no-repeat; line-height:30px; padding:0 0 0 12px; word-break:keep-all; margin:0 0 5px 0;}
.newjoin .s_gray {border:1px solid #ddd; background:#f8f8f8; padding:20px; box-sizing:border-box; color:#333; font-size:18px; line-height:30px; font-weight:500;  word-break:keep-all;}
.newjoin strong {background:#353535; padding:0 20px; border-radius:100px; text-align:center; margin:0 0 10px 0; font-size:17px; color:#fff; font-weight:600; display:inline-block; }
.newjoin ul {display:block; margin:0 0 20px 0;}
.newjoin ul:last-child {margin:0;}
.newjoin ul li {line-height:32px; background:url('../images/sub/dot_black.png') 0 14px no-repeat; padding:0 0 0 13px; font-size:17px; font-weight:500; color:#333;}
.newjoin ul li b {font-family:'noto';font-weight:900;color:#111;}
.newjoin .newjoin_wrap > div {margin:0 0 70px 0;}
.newjoin .newjoin_wrap > div:last-child {margin:0;}
.newjoin .rulebox b {font-weight:900; color:#222; display:block; font-size:18px; margin:0 0 5px 0;}
.newjoin .rulebox b span {display:inline-block; padding:0 0 0 15px; color:#666;}
.newjoin .rulebox p {font-size:17px; background:none; padding:0; font-weight:600;}
.newjoin p.rule_p {background:none; color:#dd2c62; line-height:24px; margin:10px 0 25px 0; font-size:17px; font-weight:600;}
.newjoin p.rule_p span {font-size:}

.newjoin table {border-top:1px solid #656565; margin:15px 0 0 0;}
.newjoin table thead th {border-bottom:1px solid #ddd; border-right:1px solid #ddd; background:#f7f7f7; color:#333; font-size:17px; font-weight:600; padding:12px 18px;}
.newjoin table thead th:last-child {border-right:none;}
.newjoin table tbody th {border-bottom:1px solid #ddd; font-size:18px; padding:12px 25px; text-align:center; color:#222; word-break:keep-all; font-weight:600;}
.newjoin table tbody td {border-left:1px solid #ddd; border-bottom:1px solid #ddd; font-size:17px; padding:12px 25px; text-align:center; color:#222; word-break:keep-all;}
.newjoin table tbody td.align_l {text-align:left;}

.newjoin a.join_btn, .newjoin a.join_btn:link {display:block; width:270px; height:45px; line-height:45px; border-radius:45px; text-align:center; background:#1eaee1; margin:0 auto; color:#fff; font-size:18px; font-weight:800;
	transition:all .3s;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	-o-transition:all .3s;
	-ms-transition:all .3s;
}
.newjoin a.join_btn:hover {text-decoration:underline; background:#00526f;}

/* 03_01, 03_01_01 */

.reference .ref_tab {*zoom:1; margin:0 0 30px 0;}
.reference .ref_tab:after {content:""; display:block; clear:both;}
.reference .ref_tab > div {width:50%; float:left;}
.reference .ref_tab > div a {display:block; width:100%; text-align:center; background:#e7e7e7; color:#858585; font-size:25px; font-weight:600; height:50px; line-height:50px;}
.reference .ref_tab > div a.on {background:#e58810; color:#fff;}

.reference .ref_tab2 {*zoom:1; margin:0 0 30px 0;}
.reference .ref_tab2:after {content:""; display:block; clear:both;}
.reference .ref_tab2 > div {width:33.3%; float:left;}
.reference .ref_tab2 > div a {display:block; width:100%; text-align:center; background:#e7e7e7; color:#858585; font-size:25px; font-weight:600; height:50px; line-height:50px;}
.reference .ref_tab2 > div a.on {background:#e58810; color:#fff;}


.ref_table table {border-top:1px solid #656565;}
.ref_table table thead th {border-bottom:1px solid #ddd; border-right:1px solid #ddd; background:#f7f7f7; color:#333; font-size:17px; font-weight:600; padding:12px 18px;}
.ref_table table thead th:last-child {border-right:none;}
.ref_table table tbody td {border-right:1px solid #ddd; border-bottom:1px solid #ddd; font-size:17px; padding:12px 25px; text-align:center; color:#222; word-break:keep-all;}
.ref_table table tbody td > span {font-weight:600; display:inline-block; min-width:350px; text-align:left;}
.ref_table table tbody td:last-child {border-right:none;}

.reference .ref_box {margin:0 0 30px 0; border:1px solid #a5c942; background:#f5f8ed; padding:20px 40px; box-sizing:border-box;}
.reference .ref_box ul li {line-height:32px; background:url('../images/sub/dot_black.png') 0 14px no-repeat; padding:0 0 0 13px; font-size:17px; font-weight:500; color:#333;}
.reference .ref_table table tbody td a {display:block; width:75px; height:30px; margin:0 auto; line-height:30px; border:1px solid #0070a6; color:#0070a6; font-weight:600; border-radius:8px;}
.reference .ref_table table tbody td a:hover {background:#0070a6; color:#fff;}

.reference2 {}
.reference2 .ref2_title {border:1px solid #a5c942; background:#f5f8ed; padding:20px 40px; box-sizing:border-box; text-align:center; font-size:26px; color:#435905; font-weight:800;}
.reference2 .ref_table {margin:50px 0 0 0;}
.reference2 .ref_table h4.title {font-size:22px;}
.reference2 .ref_table table tbody td a {display:block; width:75px; height:30px; margin:0 auto; line-height:30px; border:1px solid #ca1537; color:#ca1537; font-weight:600; border-radius:8px; }
.reference2 .ref_table table tbody td a:hover {background:#ca1537; color:#fff;}
.reference2 .ref_table table tbody td a span {display:inline-block; margin:0 5px 0 0; width:17px; vertical-align:middle;}
.reference2 .ref_table table tbody td a span img {width:100%;}

.reference2 .ebook_box {text-align:center;margin:80px 0 0;}
.reference2 .ebook_box a{display:inline-block; width:270px; font-size:18px; font-weight:600; color:#fff; background-color:#0f514e; padding:10px 0; 
	border-radius:5px;text-align:center;margin:0 5px;
}
.reference2 .ebook_box a.pdf_btn {background-color:#125a72;}
.reference2 .ebook_box a img {vertical-align:middle;margin:0 10px 0 0;}
.reference2 .ebook_box a:hover, .reference2 .ebook_box a:focus {background-color:#0e4744;}
.reference2 .ebook_box a.pdf_btn:hover, .reference2 .ebook_box a.pdf_btn:focus {background-color:#073d4f;}


/* 03_02 */
.education {*zoom:1; position:relative; padding:0 0 130px 0;}
.education .edu_year {width:100px;position:absolute; top:0; right:0;cursor:pointer;}
.edu_year .p_list {display:none; position:absolute; width:100px; left:0; top:30px; background:#fff; border:1px solid #ccc; font-size:13px; line-height:27px; z-index:10;}
.edu_year .p_list a {display:block; text-decoration:none; color:#7d7d7d; padding:0 5px;}
.edu_year .p_list a:hover {background:#f2f2f2;}
.edu_year .p_tit {width:90px; height:30px; padding:0 0 0 10px;border:1px solid #ccc; line-height:30px; font-size:14px; color:#7d7d7d; background:url('../images/sub/p_tit.png') 90% 11px no-repeat;}

.education table {border-top:1px solid #656565;}
.education table:last-child {margin:30px 0 0 0;}
.education table thead th {background:#f7f7f7; border-bottom:1px solid #ddd; border-right:1px solid #ddd; color:#333; font-size:17px; font-weight:600; padding:10px 15px;}
.education table thead th:last-child {border-right:none;}
.education table tbody td {border-bottom:1px solid #ddd; border-right:1px solid #ddd; color:#333; font-size:17px; font-weight:500; padding:10px 15px; text-align:center;}
.education table tbody td:last-child {border-right:none;}

.education table tbody td a {display:block; width:75px; height:30px; margin:0 auto; line-height:30px; border:1px solid #ca1537; color:#ca1537; font-weight:600; border-radius:8px; }
.education table tbody td a:hover {background:#ca1537; color:#fff;}
.education table tbody td a span {display:inline-block; margin:0 5px 0 0; width:17px; vertical-align:middle;}
.education table tbody td a span img {width:100%;}

/* 03_05 관련사이트 */
.site {}
.site > div {margin:0 0 60px 0;}
.site div table {border-top:1px solid #656565;}
.site div table th {border-bottom:1px solid #ddd; background:#f7f7f7; color:#333; font-size:17px; font-weight:600; padding:12px 20px; text-align:left;}
.site div table td {border-right:1px solid #ddd; border-bottom:1px solid #ddd; color:#6c6c6c; font-size:17px; padding:12px 18px;}
.site div table td a:hover {color:#0084be; text-decoration:underline;}


/* 04_03 성명서 */
.statement > div {margin:0 0 80px 0;}
.statement h4.title span {display:inline-block; padding:0 0 0 5px; font-size:22px; color:#666; letter-spacing:-0.05em;}
.statement .state_img {text-align:center;}
.statement .state_people {border:1px solid #ddd; background:#f8f8f8; padding:30px 50px; box-sizing:border-box; color:#333; font-size:18px; line-height:30px; font-weight:500;  word-break:keep-all; margin:30px auto 0; width:80%; text-align:center;}
.statement .state_people h6 {text-align:center; font-size:28px; font-weight:600; color:#333; margin:0 0 30px 0;}
.statement .state_people ul {display:inline-block; *zoom:1;}
.statement .state_people ul:after {content:""; display:block; clear:both;}
.statement .state_people ul li {text-align:center; width:20%; float:left; line-height:40px;}


/* 06_01 intro */
.spon_intro {*zoom:1;}
.spon_intro:after {content:""; display:block; clear:both;}
.spon_intro > div {float:left; width:48%; height:200px; line-height:200px; margin:0 1% 30px; background:#ddd; }
.spon_intro > div a {display:block;  box-sizing:border-box; width:100%; height:100%; padding:0 0 0 40px; font-size:22px; font-weight:800; color:#333;}
.spon_intro > div { background-position:90% center; background-repeat:no-repeat;
    transition:all .3s;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	-o-transition:all .3s;
	-ms-transition:all .3s;
}
.spon_intro > div.spon_year {background-image:url('../images/sub/spon_year.png'); background-color:#cddfe8;}
.spon_intro > div.spon_year:hover {background-color:#aadef7;}
.spon_intro > div.spon_booth {background-image:url('../images/sub/spon_booth.png'); background-color:#588fc7;}
.spon_intro > div.spon_booth:hover {background-color:#2774c2;}
.spon_intro > div.spon_banner {background-image:url('../images/sub/spon_banner.png'); background-color:#588fc7;}
.spon_intro > div.spon_banner:hover {background-color:#2774c2;}
.spon_intro > div.spon_forum {background-image:url('../images/sub/spon_forum.png'); background-color:#cddfe8;}
.spon_intro > div.spon_forum:hover {background-color:#aadef7;}
.spon_intro > div.spon_booth a, .spon_intro > div.spon_banner a {color:#fff;}

/* 06_01_01 */
.spon h3 {font-size:28px; color:#077680; font-weight:600; border:2px solid #66b1ae; padding:12px; text-align:center; margin:0 0 30px 0;}
.spon > div {margin:0 0 60px 0;}
/*.spon .gray {background:url('../images/sub/intro1_gray.png') 0 0 repeat; padding:30px; box-sizing:border-box; }*/
.spon .gray {background:#f8f8f8; border:1px solid #ddd; padding:30px; box-sizing:border-box; }
.spon .gray p {font-size:17px; font-weight:500; line-height:30px; color:#333; word-break:keep-all;}
.spon .gray p strong {font-weight:800;}
.spon .blue {background:url('../images/sub/intro1_field.png') 0 0 repeat; padding:30px; box-sizing:border-box; }
.spon .blue p {font-size:18px; font-weight:600; text-align:center; line-height:32px; color:#333; }
.spon .blue2 {padding:15px;}
.spon .blue2 p.spon2_p {font-size:17px; line-height:32px; font-weight:600; text-align:center; color:#000; letter-spacing:-0.05em;}

.spon .sponbanner a {display:block;}
.spon .sponbanner img {width:100%;}
.spon ul > li {background:url('../images/sub/dot_black.png') 0 11px no-repeat; padding:0 0 0 15px; font-size:18px; line-height:28px; color:#333; font-weight:600; margin:0 0 15px 0;}
.spon ul > li:last-child {margin:0;}
.spon ul li span {color:#999; display:block; font-size:17px; line-height:24px; padding:0 0 0 5px;}
.spon ol {margin:6px 0 0 0;}
.spon ol > li {line-height:32px; font-size:17px; font-weight:500; color:#333;}
.spon ol li span {color:#999; display:block; padding:0 0 0 20px; line-height:24px; font-size:17px;}

.spon table {border-top:2px solid #66b1ae; border-bottom:1px solid #66b1ae;}
.spon table thead th {padding:10px 15px; font-size:17px; background:#edf6f6; font-weight:800; color:#111; border-right:1px solid #ddd;}
.spon table thead th:last-child {border-right:none;}
.spon table tbody td {padding:10px 15px; font-size:17px; border-top:1px solid #ddd; border-right:1px solid #ddd; color:#333; text-align:center;}
.spon table tbody td:last-child {border-right:none;}

.spon ul.linkbox {*zoom:1; text-align:center;}
.spon ul.linkbox:after {content:""; display:block; clear:both;}
.spon ul.linkbox li {float:left; background:none; width:24%; margin:0 0 0 1%; box-sizing:border-box; }
.spon ul.linkbox li:first-child {margin:0;}
.spon ul.linkbox a {display:block; font-size:18px; font-weight:600; text-align:left; padding:10px 25px; box-sizing:border-box;  color:#fff; background-position: 85% 60%; background-repeat: no-repeat;
    transition:all .3s;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	-o-transition:all .3s;
	-ms-transition:all .3s;
}

.spon ul.linkbox li a.banner1 {border:2px solid #7aa30a; background-color:#7aa30a;  background-image:url('../images/sub/arrow_white.png');}
.spon ul.linkbox li a.banner2 {border:2px solid #08866d; background-color:#08866d;  background-image:url('../images/sub/arrow_white.png');}
.spon ul.linkbox li a.banner3 {border:2px solid #dbb107; background-color:#dbb107; background-image:url('../images/sub/arrow_white.png');}
.spon ul.linkbox li a.banner4 {border:2px solid #087cac;  background-color:#087cac;  background-image:url('../images/sub/arrow_white.png');}

.spon ul.linkbox li a:hover { background-color:#fff; background-position:95% 60%;}
.spon ul.linkbox li a.banner1:hover {color:#5e8003; background-image:url('../images/sub/arrow_green.png');}
.spon ul.linkbox li a.banner2:hover {color:#038047; background-image:url('../images/sub/arrow_green.png');}
.spon ul.linkbox li a.banner3:hover {color:#ba9604; background-image:url('../images/sub/arrow_yel.png');}
.spon ul.linkbox li a.banner4:hover {color:#025071; background-image:url('../images/sub/arrow_blue.png');}

.spon .benefit_book .boothsize {
    padding: 40px;
    border: 2px solid #eee;
    text-align: center;
    margin: 0 0 15px 0;
}

.spon .benefit_book  .boothsize img {
    width: 60%;
}
.spon .benefit_book  p.cost {
    font-size: 18px;
    font-weight: 600;
    text-align: right;
    padding: 0 0 15px 0;
    color: #555;
}

.spon .benefit_book  p.cost strong {
    font-weight: 800;
    padding: 0 10px 0 0;
    color: #333;
}


.spon .benefit_book  .gray {
    background: #f8f8f8;
    border: 1px solid #ddd;
    padding: 30px;
    box-sizing: border-box;
}


.spon .benefit_book .gray ul li {
    font-size: 18px;
    font-weight: 500;
    color: #555;
    background: url(../images/main/dot_black.png) 0 12px no-repeat;
    padding: 0 0 0 12px;
    margin: 0 0 10px 0;
}


.spon .benefit_book .gray ul li:last-child {
    margin: 0;
}


.spon .benefit_book .gray ul li strong {
    font-weight: 600;
    color: #333;
}


/* 06_01 후원모집안내 버튼*/
.bene_btn {text-align:center;}
.bene_btn a {background:#19485e; border:2px solid #19485e; display:inline-block; width:350px; height:40px; line-height:40px; border-radius:40px; text-align:center; color:#fff; font-weight:600; font-size:18px; margin:0 8px;
    transition:all .3s;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	-o-transition:all .3s;
	-ms-transition:all .3s;
}
.bene_btn a:nth-child(2) {background:#087cac; border:2px solid #087cac;}
.bene_btn a:last-child {background:#66b1ae; border:2px solid #66b1ae;}
.bene_btn a:hover {color:#19485e; background:#fff;}
.bene_btn a:nth-child(2):hover {color:#087cac; background:#fff;}
.bene_btn a:last-child:hover {color:#66b1ae; background:#fff;}


/* 06_02 후원혜택제공 */
.benefit {padding:0 0 250px 0;}
.benefit .benefit_tab {*zoom:1; margin:0 0 30px 0;}
.benefit .benefit_tab:after {content:""; display:block; clear:both;}
.benefit .benefit_tab > div {width:25%; float:left;}
.benefit .benefit_tab > div a {display:block; width:100%; text-align:center; background:#e7e7e7; color:#858585; font-size:22px; font-weight:600; height:50px; line-height:50px;}
.benefit .benefit_tab > div a.on, .benefit .benefit_tab > div a:hover {background:#e58810; color:#fff;}
.benefit > div {margin:0 0 70px 0;}

.benefit_info h2 {font-size:28px; color:#597903; font-weight:600; border:2px solid #597903; padding:12px; text-align:center;  margin:0 0 30px 0;}

#tab1 h4 a {margin:0 0 0 15px; display:inline-block; background:#98c420; color:#fff; font-size:18px; width:160px; height:36px; line-height:36px; border-radius:36px; text-align:center; border:2px solid #98c420;
    transition:all .3s;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	-o-transition:all .3s;
	-ms-transition:all .3s;
}
#tab1 h4 a:hover {color:#98c420; background:#fff;}
#tab1 .optionbox {background:url('../images/sub/intro1_field.png') 0 0 repeat; padding:15px 30px; box-sizing:border-box; margin:0 0 30px 0;}
#tab1 .optionbox p {font-size:18px; font-weight:600; color:#353535; background:url('../images/main/dot_black.png') 0 center no-repeat; padding:0 0 0 12px;}
#tab1 .optionbox p span {font-size:17px; font-weight:500; color:#777;}
#tab1 span.notice {font-size:17px; color:#333; font-weight:900; margin:0 0 15px 0; display:block; }
#tab1 .boxing {margin:0 0 60px 0;}
#tab1 .boxing table {border-top:1px solid #656565; margin:0 0 20px 0;}
#tab1 .boxing table thead th {background:#ccc; border-bottom:1px solid #ddd; border-right:1px solid #ddd; color:#333; font-size:18px; font-weight:600; padding:5px 15px}
#tab1 .boxing table thead th:last-child {border-right:none;}
#tab1 .boxing table tbody th {background:#f7f7f7; border-bottom:1px solid #ddd; border-right:1px solid #ddd; color:#333; font-size:17px; font-weight:600; padding:8px 25px; word-break:keep-all;}
#tab1 .boxing table tbody th:last-child {border-right:none;}
#tab1 .boxing table tbody td {border-bottom:1px solid #ddd; border-right:1px solid #ddd; color:#333; font-size:17px; font-weight:500; padding:8px 15px; text-align:center;}
#tab1 .boxing table tbody td:last-child {border-right:none;}

#tab1 .boxing  h3 {padding:6px 10px 6px 44px;color:#fff; height:auto; font-size: 22px; font-weight: 600;position:relative;line-height: 22px; cursor:pointer; margin:0 0 15px 0;}
#tab1 .boxing  h3:before{display:inline-block;content:"";  top:-3px; left:0;position:absolute;width:33px;height:51px;}
#tab1 .boxing  h3 span{font-weight: 400;}
#tab1 .boxing  h3 p {display:inline-block; float:right; padding:0 10px 0 0; font-size:18px;}

#tab1 .platinum h3{background-color: #e41c39;}
#tab1 .platinum h3:before{background:url('../images/sub/pla_icon.png')0 0 no-repeat;}
#tab1 .platinum h3 span{color: #f998a6;font-weight: 400;}
#tab1 .platinum table {border-top:1px solid #e41c39;}
#tab1 .platinum table thead th {background:#ffecef;}
#tab1 .platinum table tbody th {background:#fdf5f6;}

#tab1 .gold h3{background-color: #e9c01b;}
#tab1 .gold h3:before{background:url('../images/sub/gold_icon.png')0 0 no-repeat;}
#tab1 .gold h3 span{color: #fbeba8;font-weight: 400;}
#tab1 .gold table {border-top:1px solid #e9c01b;}
#tab1 .gold table thead th {background:#f7edc6;}
#tab1 .gold table tbody th {background:#fcf9ef;}

#tab1 .silver h3{background-color: #adb4b9;}
#tab1 .silver h3:before{background:url('../images/sub/silver_icon.png')0 0 no-repeat;}
#tab1 .silver h3 span{color: #cdd9e1;font-weight: 400;}
#tab1 .silver table {border-top:1px solid #adb4b9;}
#tab1 .silver table thead th {background:#d3d8dc;}
#tab1 .silver table tbody th {background:#edf2f6;}

#tab1 .bronze h3{background-color: #cb6f56;}
#tab1 .bronze h3:before{background:url('../images/sub/bronze_icon.png')0 0 no-repeat;}
#tab1 .bronze h3 span{color: #efa08b;font-weight: 400;}
#tab1 .bronze table {border-top:1px solid #cb6f56;}
#tab1 .bronze table thead th {background:#eddcd8;}
#tab1 .bronze table tbody th {background:#fcf3f1;}

#tab1 .benefit_list {margin:50px 0 0 0;}
#tab1 .benefit_list img {width:100%; border:1px solid #ddd; box-sizing:border-box;}

#tab1 .benefit_list > .imgbox {width:100%; padding:0 0 40px 0;}
#tab1 .benefit_list > .imgbox div {*zoom:1;}
#tab1 .benefit_list > .imgbox:after {content:""; display:block; clear:both;}
#tab1 .benefit_list > .imgbox div span {display:block; width:49%; float:left;}
#tab1 .benefit_list > .imgbox div span:nth-child(2n) {margin:0 0 0 2%;}

#tab1 .benefit_list .float {*zoom:1;}
#tab1 .benefit_list .float:after {content:""; display:block; clear:both;}
#tab1 .benefit_list .float .imgbox {width:49%; float:left; padding:0 0 40px 0;}
#tab1 .benefit_list .float .imgbox:nth-child(2n) {margin:0 0 0 2%;}
#tab1 .benefit_list .float:last-child .imgbox {padding:0;}
#tab1 .benefit_list .float .imgbox span {display:block; margin:0 0 20px 0;}

#tab2 > div {margin:0 0 70px 0;}
#tab2 > div:last-child {margin:0;}
#tab2 .bene_box {text-align:center;}
#tab2 .bene_box > div {*zoom:1; text-align:center; width:300px; height:100px; display:inline-block; border:2px solid #66b1ae; box-sizing:border-box; margin:0 10px;}
#tab2 .bene_box > div:after {content:""; display:block; clear:both;}
#tab2 .bene_box span {float:left; box-sizing:border-box; padding:15px 15px 0 35px;}
#tab2 .bene_box p {float:left; font-weight:600; font-size:17px; color:#083d3b; line-height:100px; letter-spacing:-0.04em;}
#tab2 .bene_box p.two {line-height:26px; padding:24px 0 0 0;}
/*#tab2 .gray {background:url('../images/sub/intro1_gray.png') 0 0 repeat; padding:30px; box-sizing:border-box; }*/
#tab2 .gray {background:#f8f8f8; border:1px solid #ddd; padding:30px; box-sizing:border-box; }
#tab2 .boothsize {padding:40px; border:2px solid #eee; text-align:center; margin:0 0 15px 0;}
#tab2 .boothsize img {width:60%;}
#tab2 .gray ul li {font-size:18px; font-weight:500; color:#555; background:url('../images/main/dot_black.png') 0 12px no-repeat; padding:0 0 0 12px; margin:0 0 10px 0;}
#tab2 .gray ul li:last-child {margin:0;}
#tab2 .gray ul li strong {font-weight:600; color:#333;}
#tab2 .boothpic {text-align:center;}
#tab2 .boothpic span {display:inline-block; width:48%; box-sizing:border-box;}
#tab2 .boothpic span:nth-child(odd) {margin:0 15px 15px 0;}
#tab2 .boothpic img {width:100%;}

#tab3 > div {margin:0 0 80px 0;}
.benefit_info h5 {color:#fff; font-size:22px; font-weight:600; padding:0 25px; height:45px; line-height:45px; box-sizing:border-box; margin:0 0 10px 0;}
.benefit_info h5 span {float:right; font-size:18px; }
.tab3_1 h5 {background:#087cac; }
.tab3_1 h5 span {color:#71cbf1;}
.tab3_1 .bene_img {border:2px solid #087cac;}
.tab3_2 h5{background:#98c420;}
.tab3_2 h5 span {color:#d9f19a;}
.tab3_2 .bene_img {border:2px solid #98c420;}
.tab3_3 h5 {background:#e9c01b;}
.tab3_3 h5 span {color:#f8f1d4;}
.tab3_3 .bene_img {border:2px solid #e9c01b;}
.tab3_4 h5 {background:#e41c39;}
.tab3_4 h5 span {color:#f8f1d4;}
.tab3_4 .bene_img {border:2px solid #e41c39;}
.bene_img {box-sizing:border-box;}
.bene_img img {width:100%;}

p.cost {font-size:18px; font-weight:600; text-align:right; padding:0 0 15px 0; color:#555;}
p.cost strong {font-weight:800; padding:0 10px 0 0; color:#333;}


/* 06_03 후원사리스트 */
.sponsor_wrap > div {border-bottom:1px solid #ddd; padding:0 0 20px 0; margin:0 0 60px 0;}
.sponsor .boxing{margin:0 0 60px 0;}
.sponsor  h3{padding:6px 10px 6px 44px;color:#fff; font-size: 22px; font-weight: 600;position:relative;line-height: 22px;}
.sponsor  h3:before{display:inline-block;content:"";  top:-3px; left:0;position:absolute;width:33px;height:51px;}
.sponsor  h3 span{font-weight: 400;}

.sponsor .platinum h3{background-color: #e41c39;}
.sponsor .platinum h3:before{background:url('../images/sub/pla_icon.png')0 0 no-repeat;}
.sponsor .platinum h3 span{color: #f998a6;font-weight: 400;}

.sponsor .gold h3{background-color: #e9c01b;}
.sponsor .gold h3:before{background:url('../images/sub/gold_icon.png')0 0 no-repeat;}
.sponsor .gold h3 span{color: #fbeba8;font-weight: 400;}

.sponsor .silver h3{background-color: #adb4b9;}
.sponsor .silver h3:before{background:url('../images/sub/silver_icon.png')0 0 no-repeat;}
.sponsor .silver h3 span{color: #cdd9e1;font-weight: 400;}


.sponsor .bronze h3{background-color: #cb6f56;}
.sponsor .bronze h3:before{background:url('../images/sub/bronze_icon.png')0 0 no-repeat;}
.sponsor .bronze h3 span{color: #efa08b;font-weight: 400;}

.sponsor  dl{margin:30px 0 0 0;}
.sponsor  dl:after{content:"";display: block;clear: both;}
.sponsor  dl dt {float: left;width: 330px; height:210px;margin-right:40px;}
.sponsor  dl dt a {display: block;width:100%;height: 100%;box-sizing: border-box; border:1px solid #ddd;}
.sponsor  dl dt a .logobox {height: 164px;border-bottom: 1px solid #ddd;text-align: center;display: flex;  align-items: center;
  justify-content: center;overflow: hidden}
.sponsor  dl dt a .logobox img {
    transition:all .3s;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	-o-transition:all .3s;
	-ms-transition:all .3s;
}
.sponsor  dl dt a .title {height: 43px;background-color: #f4f4f4;text-align: center;line-height: 43px;font-size:17px;font-weight: 800;color: #111;}
.sponsor  dl dt a .title span img {vertical-align: middle;margin:0 0 5px 7px;}
.sponsor  dl dt a:hover  .logobox img, .sponsor  dl dt a:focus .logobox img{
        transform:scale(1.04);
    -webkit-transform:scale(1.04);
    -moz-transform:scale(1.04);
    -ms-transform:scale(1.04);
    -o-transform:scale(1.04);

}
.sponsor  dl dd{float: left;width:820px;}
.sponsor  dl dd table{width:100%;}
.sponsor  dl dd table tr th { font-size: 17px;padding:5px 0  5px 10px;  vertical-align: text-top; text-align: left; font-weight:800;}
.sponsor  dl dd table tr td {font-size:17px; line-height: 26px; padding:5px 0 ;  color: #444444; text-align: justify;letter-spacing: -0.03em;font-weight: 600;}

.sponsor  .platinum dl dd table tr th { color: #e41c39; background:url('../images/sub/red_dot.png') 0 15px no-repeat;}
.sponsor  .gold dl dd table tr th { color: #dfb405; background:url('../images/sub/yel_dot.png') 0 15px no-repeat;}
.sponsor  .silver dl dd table tr th { color: #747a7f; background:url('../images/sub/silver_dot.png') 0 15px no-repeat;}
.sponsor  .bronze dl dd table tr th { color: #cb6f56; background:url('../images/sub/brown_dot.png') 0 15px no-repeat;}



/* 06_04 후원사신청
.spon_in_intro {*zoom:1;}
.spon_in_intro > div:after {content:""; display:block; clear:both;}
.spon_in_intro > div div {float:left; width:30%; height:140px; line-height:140px; margin:0 5% 0 0; border:1px solid #ddd; box-sizing:border-box; background:url('../images/sub/spon_bg.jpg') 0 0 no-repeat;}
.spon_in_intro > div div:last-child {margin:0;}
.spon_in_intro > div div a {padding:0 30px; text-align:right; font-size:20px; font-weight:600; color:#555; display:block; width:100%; box-sizing:border-box;}
.spon_in_intro > div div:hover {border:2px solid #98c420;}
.spon_in_intro > div div:hover a {color:#729513; font-weight:800;}

.spon_in .mypage_tab {margin:0 0 50px 0;}
.spon_in .mypage_tab a {display:inline-block; width:30%; margin:0 1.5%; height:40px; border-radius:40px; font-size:18px; font-weight:500; text-align:center; line-height:40px; color:#66b1ae; border:1px solid #66b1ae; }
.spon_in .mypage_tab a.active {background:#66b1ae; color:#fff;}*/



/* 07_01 */
.forum_wrap {height:63%; padding:0 10px; box-sizing:border-box;}
.forum_wrap .forum_title {padding:0 0 65px;}
.forum_wrap .forum_title h3 {text-align:center; color:#222; font-size:32px; font-weight:600;}
.forum_wrap .forum_title h4 {text-align:center; color:#ccc; font-size:20px; font-weight:500;}

.forum_wrap .forum {*zoom:1; background:url('../images/sub/forum/box.png') center 260px repeat-x; text-align:left; margin:0 0 90px 0; display:flex;}
.forum_wrap .forum:after {content:""; display:block; clear:both;}
.forum_wrap .forum .forum_box {display:inline-block; margin:0 62px; width:165px;}
.forum_wrap .forum .forum_box .img {border-radius:5px; border:1px solid #b8c5d0; box-sizing:border-box; margin:10px 0 25px; overflow:hidden;}
.forum_wrap .forum .forum_box .img img {width:100%;
transition:all .3s;
-webkit-transition:all .3s;
-ms-transition:all .3s;
-moz-transition:all .3s;
-o-transition:all .3s;			
}
.forum_wrap .forum .forum_box .img:hover img {transform:scale(1.03);}
.forum_wrap .vol {font-size:17px; color:#fff; font-weight:600; background:#2d5064; height:30px; line-height:30px; border-radius:30px; text-align:center;}
.forum_wrap .out {font-size:17px; color:#fff; font-weight:600; background:#1c7964; height:30px; line-height:30px; border-radius:30px; text-align:center;}
.forum_wrap .img a {display:block;height:230px;}
.forum_wrap .img a img{width:100%;height:100%;}
.forum_wrap .btn a {display:block; height:28px; text-align:center; line-height:28px; color:#fff; font-size:14px; font-weight:600; z-index:1000;}
.forum_wrap .btn a:nth-child(2) {margin:8px 0 0 0;}
.forum_wrap .btn a.webzine {background:#444; border:1px solid #222; margin:0 0 8px 0;
transition:all .3s;
-webkit-transition:all .3s;
-ms-transition:all .3s;
-moz-transition:all .3s;
-o-transition:all .3s;		
}
.forum_wrap .btn a.webzine:hover {background:#094c8a; font-size:15px;}
.forum_wrap .btn div {*zoom:1;}
.forum_wrap .btn div:after {content:""; display:block; clear:both;}
.forum_wrap .btn div a {width:47.5%; float:left;}
.forum_wrap .btn div a.ebook { margin:0 0 0 2%;}
.forum_wrap .btn a.pdf {background:#ba122d; border:1px solid #990e25;
transition:all .3s;
-webkit-transition:all .3s;
-ms-transition:all .3s;
-moz-transition:all .3s;
-o-transition:all .3s;		
}
.forum_wrap .btn a.ebook {background:#92ba23;border:1px solid #6e8c1a;
transition:all .3s;
-webkit-transition:all .3s;
-ms-transition:all .3s;
-moz-transition:all .3s;
-o-transition:all .3s;		
}
.forum_wrap .btn a.pdf:hover {background:#750d1e;}
.forum_wrap .btn a.ebook:hover {background:#5e7d0a;}


/* login_select */
.login_select {text-align:center;}
.login_select span {display:block; margin:0 0 25px 0; padding:0 0 25px 0;}
.login_select label {font-size:17px; margin:0 10px; color:#000; font-weight:600;}
.login_select label input {vertical-align:middle; margin:0 8px 0 0;}


/* login_start */
.login_start {*zoom:1; margin:0 0 100px 0;}
.login_start:after {content:""; display:block; clear:both;}
.login_start > div {float:left; width:30.9%; margin:0 1%; border:2px solid #ddd;
transition:all .3s;
-webkit-transition:all .3s;
-ms-transition:all .3s;
-moz-transition:all .3s;
-o-transition:all .3s;	
}
.login_start > div a {display:block; width:100%; box-sizing:border-box; position:relative; padding:0 0 60px 0;}
.login_start > div a p {font-size:30px; font-weight:800; display:block; width:100%; text-align:center; height:200px; line-height:210px;
transition:all .3s;
-webkit-transition:all .3s;
-ms-transition:all .3s;
-moz-transition:all .3s;
-o-transition:all .3s;	
}
.login_start > div a span {display:block; font-size:24px; width:100%; font-weight:600; color:#fff; text-align:center; height:60px; line-height:60px; position:absolute; left:0; bottom:0; box-sizing:border-box;
transition:all .3s;
-webkit-transition:all .3s;
-ms-transition:all .3s;
-moz-transition:all .3s;
-o-transition:all .3s;	
}
.login_start .loginbox1 a p {color:#658904; background:url('../images/sub/joinbox1.png') 10% bottom no-repeat;}
.login_start .loginbox1 a span {background:#98c420;}
.login_start .loginbox2 a p {color:#0f89bb; background:url('../images/sub/joinbox2.png') 10% bottom no-repeat;}
.login_start .loginbox2 a span {background:#1aa4dd;}
.login_start .loginbox3 a p {color:#d15174; background:url('../images/sub/joinbox3.png') 10% bottom no-repeat;}
.login_start .loginbox3 a span {background:#d15174;}

.login_start .loginbox1:hover {border:2px solid #79a10d;}
.login_start .loginbox1:hover a span {background:#79a10d;}

.login_start .loginbox2:hover {border:2px solid #0b82b4;}
.login_start .loginbox2:hover a span {background:#0b82b4;}

.login_start .loginbox3:hover {border:2px solid #c02a53;}
.login_start .loginbox3:hover a span {background:#c02a53;}


/* join_start */
.join_start {*zoom:1; margin:0 0 100px 0;}
.join_start:after {content:""; display:block; clear:both;}
.join_start > div {float:left; width:46%; margin:0 1.5%; border:2px solid #ddd;
transition:all .3s;
-webkit-transition:all .3s;
-ms-transition:all .3s;
-moz-transition:all .3s;
-o-transition:all .3s;	
}
.join_start > div a {display:block; width:100%; box-sizing:border-box; position:relative; padding:0 0 60px 0;}
.join_start > div a p {font-size:30px; font-weight:800; display:block; width:100%; text-align:center; height:200px; line-height:210px;
transition:all .3s;
-webkit-transition:all .3s;
-ms-transition:all .3s;
-moz-transition:all .3s;
-o-transition:all .3s;	
}
.join_start > div a span {display:block; font-size:24px; width:100%; font-weight:600; color:#fff; text-align:center; height:60px; line-height:60px; position:absolute; left:0; bottom:0; box-sizing:border-box;
transition:all .3s;
-webkit-transition:all .3s;
-ms-transition:all .3s;
-moz-transition:all .3s;
-o-transition:all .3s;	
}
.join_start .joinbox1 a p {color:#658904; background:url('../images/sub/joinbox1.png') 10% bottom no-repeat;}
.join_start .joinbox1 a span {background:#98c420;}
.join_start .joinbox2 a p {color:#0f89bb; background:url('../images/sub/joinbox2.png') 10% bottom no-repeat;}
.join_start .joinbox2 a span {background:#1aa4dd;}

.join_start .joinbox1:hover {border:2px solid #79a10d;}
.join_start .joinbox1:hover a span {background:#79a10d;}

.join_start .joinbox2:hover {border:2px solid #0b82b4;}
.join_start .joinbox2:hover a span {background:#0b82b4;}

/*Quick Menu */
#quick_menu {position:fixed; top:630px; margin:0 0 0 770px;  left:50%;}
#quick_menu a {display:block;}

/* footer */
#footer {width:100%; padding:30px 0; z-index:1000; background:#313131; box-sizing:border-box;}
#footer_content {*zoom:1; width:1200px; margin:0 auto; text-align:center;}
#footer_content:after {content:""; display:block; clear:both;}
#footer_content > div {display:inline-block; padding:0 20px;}
#footer_content .address {font-size:16px; font-weight:400; color:#bebebe; letter-spacing:-0.03em; line-height:26px; text-align:left; border-left:1px solid #bebebe;}
#footer_content .ft_adm {/*position:absolute; top:0; right:0;*/ display:block; font-size:13px; border:1px solid #888; margin:5px 0 0 150px; width:65px; height:17px; line-height:17px; border-radius:30px; color:#888;
transition:all .3s;
-webkit-transition:all .3s;
-ms-transition:all .3s;
-moz-transition:all .3s;
-o-transition:all .3s;	
}
#footer_content .ft_adm:hover {border:1px solid #aaa; color:#aaa;}


/*------------- payment --------------------*/
.pay_table {border-top:2px solid #66b1ae;}
.pay_table thead tr th {padding:15px; color:#fff; font-size:17px; font-weight:600; background:url('../images/sub/gomu_board_top.jpg') 0 center repeat-y;}
.pay_table tbody tr th{padding:15px; font-size:17px; color:#111; background-color:#f5f5f5; border-bottom:1px solid #ddd;font-weight:600;}
.pay_table tbody tr td{padding:15px 15px 15px 20px; font-size:15px; color:#333; border-bottom:1px solid #ddd;}
.pay_table tbody tr td strong{font-weight:600;color:#d5043b;font-size:17px;}

.pay_btn {text-align:center; margin:30px 0;}
.pay_btn a{display:inline-block; padding:10px 50px; background-color:Red; font-size:15px; font-weight:600;color:#fff;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;}
.pay_btn a.btn01 {background-color:#66b1ae;}
.pay_btn a.btn01:hover, .pay_btn a.btn01:focus{background-color:#cfcfcf;}
.pay_btn a.btn02 {background-color:#eee;color:#666;margin:0 0 0 10px;}
.pay_btn a.btn02:hover, .pay_btn a.btn02:focus{background-color:#dfdfdf;}

.pay_table a.order_btn{     
	width:30px; height:30px;line-height:30px; font-size:20px;font-weight:900;
    display: inline-block;
	vertical-align:middle;
	margin:0 3px 0;
    background-color: #09287c;
    color: #fff;
    border-radius: 5px;
    text-align: center;
}
/*------------- payment --------------------*/




/* 공통 css */
h3.c_tit {font-size:24px; font-weight:600; color:#111; padding:0 0 0 34px;margin:0 0 25px 0; background:url('../images/sub/c_tit.png') 0 4px no-repeat;}
strong {font-weight:600;}
.hyper_table{border-top:1px solid #a5c942; margin:0 0 70px 0;}
.hyper_table2{margin:0 0 20px 0 !important;}
.hyper_table tbody tr th{padding:15px; font-size:15px; font-weight:600; color:#111; border-bottom:1px solid #dfdfdf;background-color:#f5f5f5;letter-spacing:-0.03em;}
.hyper_table tbody tr td{padding:15px 25px; font-size:15px; line-height:30px; color:#333; border-bottom:1px solid #dfdfdf;overflow:hidden;}
.hyper_table tbody tr td .r_input {margin:0 30px 0 0;}
.hyper_table  #select_Option{width:400px;background-position:96% center;}
.hyper_table input[type="button"]{font-family:'noto';}
.hyper_table tbody tr td .point_down{display:inline-block; padding:9px 20px; font-size:14px; line-height:14px; font-weight:600; color:#fff;background-color:#5ea4b2;border-radius:3px;vertical-align:middle;
border:none;outline:0;}

.input{border:1px solid #ddd; background-color:#FFF; height:33px;  vertical-align:middle;  border-radius:5px; padding:0 0 0 8px;}
.input_select{border:1px solid #ddd; background-color:#FFF;height:20px; vertical-align:middle; }
.input_select{border:1px solid #dd; background-color:#FFF;height:20px; vertical-align:middle; }
.input_text{border:1px solid #ddd; background-color:#FFF; vertical-align:middle; height:18px; }
.input_text_field{border:1px solid #ddd; width:95%; background-color:#FFF; vertical-align:middle; height:200px;}


/*  새로 작성한 table css */

.plus_form .black_title {font-size:22px; font-weight:900; color:#111; padding:0 0 0 30px; background:url('../images/sub/c_tit.png') 0 7px no-repeat;letter-spacing:-0.03em;margin:0 0 20px 0;}
.plus_form .black_title .plus {font-weight:400; color:#555;border:1px solid #ccc;display:inline-block; margin:0 0 0 10px; font-size:17px; line-height:23px; width:23px; height:23px;text-align:center;
vertical-align:middle;}

.plus_form .black_title .plus:hover, .plus_form .black_title .plus:focus{color:#a5c942; border-color:#a5c942;}
.plus_form h2{font-size:15px; font-weight:600; color:#111;margin:0 0 10px 0;}

.hyper_table tbody tr td.clear_td{text-align:right;padding:5px; border:none;}
.hyper_table tbody tr td.clear_td .clear {display:inline-block; padding:8px 20px; background-color:#a5c942; color:#fff; font-size:14px;line-height:14px; font-weight:600;
border-radius:20px;-webkit-border-radius:20px;-moz-border-radius:20px;}

.hyper_table .clear_btn{display:inline-block; padding:10px 15px 10px 15px; background:url('../images/sub/del_icon.png') 88% center no-repeat #355880;color:#fff; font-size:13px;line-height:13px;border-radius:3px; }
.hyper_table .modify_btn{display:inline-block; padding:10px 15px 10px 15px; background:url('../images/common/modify_icon.png') 88% center no-repeat #d02b2c;color:#fff; font-size:13px;line-height:13px;border-radius:3px; }

.btn_box  {text-align:center;margin:60px 0;}
.btn_box a{display:inline-block; width:190px; height:55px; line-height:55px; text-align:center; font-size:18px; font-weight:600;border-radius:40px;color:#fff;}
.btn_box a.btn01{margin:0 20px 0 0;background-color:#a5c942;}
.btn_box a.btn01:hover, .btn_box a.btn01:focus{background-color:#8db422;}
.btn_box a.btn02{background-color:#9d9d9d;}
.btn_box a.btn02:hover, .btn_box a.btn02:focus{background-color:#777;}
.btn_box a.btn03{margin:0 0 0 20px;background-color:#9d9d9d;}
.btn_box a.btn03:hover, .btn_box a.btn02:focus{background-color:#777;}


@media screen and (max-width:1800px) {
	.section4 .qna {left:0;}
	.section3 {right:0;}
}


/* -----------  MOBILE 반응형 CSS  ------------------- */
@media screen and (max-width:640px) {
	body {min-width:320px; width:100%; height:auto;}

	#header {height:80px; position:static; border-bottom:1px solid #ddd;}
	#header_content {height:80px; width:100%;}
	.s_header {position:static !important;}
	.s_header #header_content {width:100%;}
	#header_content .logo {width:60%; max-width:250px; top:15px; left:10px;}
	#header_content .logo a {width:100%;}
	#header_content .logo img {max-width:100%;}
	#header_content .top_menu {width:100%; right:10px; position:relative; height:20px;}
	div.gnb_login {top:30px; right:60px;}
	#top_right {float:right; padding:15px 10px;}
	.allmenu {display:block; position:relative;}

	#menu-icon2{
	  position: relative;
	  width: 30px;
	  height: 20px;
	  transform: rotate(0deg);
	  transition: 0.5s ease-in-out;
	  cursor: pointer;
	}
	#menu-icon2 span{
	  display: block;
	  position: absolute;
	  height: 3px;
	  width: 100%;
	  background: #081526;
	  opacity: 1;
	  left: 0;
	  transform: rotate(0deg);
	  transition: 0.25s ease-in-out;
	}
	#menu-icon2 span.short {
		width:20px;
		left:10px;
	}
	#menu-icon2 span:nth-child(1){top: 0px;}
	#menu-icon2 span:nth-child(2){top: 8px;}
	#menu-icon2 span:nth-child(3){top: 17px;}
	#menu-icon2.open span:nth-child(1) {
	  top: 6px;
	  transform: rotate(-45deg);
	}
	#menu-icon2.open span:nth-child(2) {
	  opacity: 0;  /*클릭하면 중간선이 사라집니다.*/
	}
	#menu-icon2.open span:nth-child(3) {
	  top: 6px;
	  transform: rotate(-135deg);
	  width:30px;
	  left:0;
	}
	nav {position:absolute; top:80px; right:0; width:100%; text-align:left; z-index:1100;}
	#nav {border-bottom:1px solid #1b1b1b;}
	#nav li {position:relative; border-top:1px solid #ddd; /* background:url('../images/common/header_bg.png') repeat; */background-color:#fff;}
	#nav li a {position:relative; color:#111; font-size:1em; font-weight:600; display:block; line-height:130%; padding:15px 20px 15px 20px;}
	#nav li a .arrow {position:absolute; top:50%; right:10px; z-index:900;}
	#nav li a .arrow img {width:9px; height:6px;}
	#nav > li > ul > li {border:none;}
	#nav > li > ul > li:first-child {border-top:none;}
	#nav > li > ul > li a {color:#111; font-size:13px; font-weight:500; background:#e5f2c4 !important; line-height:130%;line-height:110%;}

	#nav .nav_icon {*zoom:1; background:#f4f8ea;}
	#nav .nav_icon:after {content:""; display:block; clear:both;}
	#nav .nav_icon a {float:left; width:20%; padding:10px; box-sizing:border-box; text-align:center; border-right:1px solid #ddd;}
	#nav .nav_icon a span{display:block;height:33px;}
	#nav .nav_icon a:last-child {border:none;}

	#gnb {display:none;}
	#quick_menu {display:none !important;}

	/* main */
	#mainvisual {height:940px;}
	#mainvisual .slideshow {width:100%; height:940px; left:0; margin-left:0;}
	#mainvisual .slideshow .bx-slider {height:940px;}
	#mainvisual .slideshow .bx-slider li {height:940px; background-size:auto; background-position:85% 0;}
	#mainvisual .visual_txt {
		width:100%;
		padding:50px 0 0;
		left:0;
		margin-left:0;
	}

	#mainvisual .visual_txt .visual_in{width:100%;}
	#mainvisual .visual_txt .visual_in h3 {font-size:1.3em; line-height:2.4em; letter-spacing:-0.03em;}
	#mainvisual .visual_txt .visual_in h2 {font-size:40px; }
	#mainvisual .bx-controls {display:none;}

	div.gnb_icon {display:none;}
	.main_container {width:100%; margin:-780px auto 0;}

	/* section1 */
	.section1 {margin:0 0 20px 0;}
	.section1 > div {float:none;}

	.sec1_left {width:100%; margin:0 0 20px 0;}
	.sec1_left ol {margin:0;}
	.sec1_left ol:after {content:""; display:block; clear:both;}
	.sec1_left ol li {width:32%; margin:0 0.5%; height:auto; float:left;}
	.sec1_left ol li div img {width:90%; max-width:100px;}
	.sec1_left p {font-size:14px; margin:10px 0; word-break:keep-all; letter-spacing:-0.05em;}
	.sec1_left span {font-size:12px; line-height:15px;}

	.sec1_right {width:100%; padding:0 10px;}
	.sec1_right > div {width:50%; height:auto; margin:0;}
	.sec1_right > div a {padding:15px;}
	.sec1_right h5 {font-size:17px; letter-spacing:-0.05em;}
	.sec1_right p {font-size:12px; line-height:14px; letter-spacing:-0.05em;}
	.sec1_right span {width:25px; right:15px; bottom:15px;}
	.sec1_right span img {width:100%;}

	/* section2 */
	.section2 > div {float:none; width:100%; height:auto; padding:15px; border-bottom:1px solid #ddd;}
	.section2 h5 {font-size:18px; margin:0 0 15px 0; text-align:left;}
	.section2 ul li {margin:0 0 10px 0;}
	.section2 ul li a p {width:80%; font-size:15px;}
	.section2 ul li a span {font-size:14px;}
	.section2 .news {text-align:center; background:#f7f7f7;}
	.section2 .news > div {margin:0 auto; display:inline-block;}
	.section2 .news .news_1 {width:100px;}
	.section2 .news .news_2 {width:190px;margin:0; padding:15px 5px; box-sizing:border-box;}
	.section2 .news .news_2 p {font-size:17px;}
	.section2 .news .news_2 span {margin:0 0 20px 0; font-size:14px;}
	.section2 .news .news_2 a {width:85%; margin:7px auto; font-size:15px;}

	.section2 .banner .addslide_wrap {width:290px; height:auto; margin:0 auto;}
	.section2 .banner .add_slider {height:auto;}
	.section2 .banner .add_slider li {height:auto;}
	.section2 .banner .add_slider li a {height:auto;}

	/* section3 */
	.section3 {display:none;}
	.section4 {display:none;}

	.addslide_wrap .bx-wrapper img {height:auto;}
	.addslide_wrap .bx-viewport {height:auto;}
	.addslide_wrap .bx-controls {top:15px; right:15px;}

	/* banner slide */
	.banner_max {}
	.banner_slide_wrap {width:100%;}
	/*------------------------------------------------------ image scroll css ---------spansor--------*/

	/* Container DIV - automatically generated */
	.simply-scroll-container { 
		position: relative;
		padding:0 10px;
		box-sizing:border-box;
	}
	/* Container DIV */
	.simply-scroll { 
		width: 100%;
	}

	/* Clip DIV */
	.simply-scroll .simply-scroll-clip {
		width: 100%;
	}
	/*-----------------------------------------------------------------------------------------*/

	/* sub_layout
	#subvisual {height:300px; background-position:65% 0;  background-size:cover;}
	#subvisual > div {width:100%; margin:0 auto; padding:190px 10px 0; box-sizing:border-box;}
	#subvisual h3 {font-size:22px; padding:0 0 10px 0; color:#231916; letter-spacing:-0.05em;}
	#subtitle h3 span {margin:0 10px;}
	#subvisual h2 img {width:90%;}*/

	#subtitle {padding:25px 0 15px 0; margin:0 0 25px 0;}
	#subtitle h4 {font-size:28px; letter-spacing:-0.05em; text-align:center;}
	#subtitle .path {position:static; margin:8px 0 0 0; text-align:center;}
	#leftmenu {display:none;}

	#contents {width:auto; margin:0 auto; padding:0 15px 120px; box-sizing:border-box;}
	#cont {margin:0; float:none; width:100%;}
	#con_area {width:100%; min-height:320px; padding:0 0 100px; clear:both; box-sizing:border-box;}
	#con_area > img {width:100%;}


	/* sub_공통 */
	h4.title {font-size:24px;}

	/* 01_01 */
	.introduce .gray {padding:15px;}
	.introduce .gray ul li {background-position:0 4px; font-size:17px; line-height:26px;}
	.introduce .field > div {width:48%; margin:0 2% 2% 0; height:auto;}
	.introduce .field div span {margin:0 0 20px 0;}
	.introduce .field div span img {width:80px;}
	.introduce .field div p {font-size:17px;}
	.introduce .chart {padding:10px;}
	.introduce .chart img {width:100%;}


	/* 01_02 */
	.history .history_tab > div a {font-size:17px; height:40px; line-height:40px;}
	.history .his_tb tbody tr th{font-size:17px; padding:5px 0;}
	.history .his_tb tbody tr th span{padding:0 0 0 25px; background:url('../images/sub/his_dot.png') 0 center no-repeat;}
	.history .his_tb tbody tr td {font-size:15px; padding:0 5px 10px; line-height:24px; display:block;}
	.history .his_tb tbody tr td.green {font-size:15px; padding:15px 5px 5px; line-height:24px;}
	.history .his_tb tbody tr td li {background-position:0 9px; padding:0 0 0 10px;}
	.history .his_tb tbody tr td .graybox {padding:10px;}

	/* 01_03 */
	.greet {background-position:80% bottom; padding:0 0 480px 0;}
	.greet div p {font-size:17px; line-height:26px; margin:15px 0 0 0;}
	.greet div p span.br {display:inline;}
	.greet .greet_top div:first-child {float:none; width:100%; text-align:center;}
	.greet .greet_top div:last-child {float:none; width:100%; margin:25px 0 0 0; padding:0;}
	.greet .greet_top h5 {font-size:28px; text-align:center;} 
	.greet .greet_top h6 {font-size:20px; line-height:30px; word-break:keep-all; text-align:center;}
	.greet div span.nanum {margin:20px 0 0 0; font-size:30px; }


	/* 01_03 */
	.greet2021 {background:url('../images/sub/greet_bg_210104.jpg') 0 0 no-repeat; padding:0 0 80px 0;background-size:100%;}
	.greet2021 div p {font-size:15px;}
	.greet2021 .greet_top div:first-child {float:none; width:auto;text-align:center;margin:0 0 50px 0;}
	.greet2021 .greet_top div:first-child img {width:auto;}
	.greet2021 .greet_top div:last-child {float:none; width:auto; margin:0;}
	.greet2021 .greet_top h5 {font-size:20px;}
	.greet2021 .greet_top h6 {font-size:18px;line-height:30px; }
	.greet2021 div span.nanum {font-size:25px; }





	/* 01_04 */
	.rule .rule_tab > div a {font-size:17px; height:40px; line-height:40px;}
	.rule .rule1 .date ul {padding:15px;}
	.rule .rule1 .date ul li {font-size:14px;line-height:24px;}
	.rule h5 {font-size:24px;}
	.rule .rule2 h5 {margin:30px 0 0 0;}
	.rule h6.rule_title {line-height:24px; font-size:19px; letter-spacing:-0.05em; word-break:keep-all;}
	.rule .rule_blue {font-size:19px; letter-spacing:-0.05em; word-break:keep-all; text-align:center;}

	.rule dl dt {font-size:17px;}
	.rule dl dd {font-size:14px; line-height:22px;}
	.rule dl ol {padding:0 0 0 10px;}
	.rule dl ol li {font-size:13px;;}

	/* 01_05 */
	.organi .organi_year {position:static; margin:0 0 20px 0; float:right;}
	.organi .organi_list, .organi .pyeong {clear:both;}
	.organi_year .p_list {left:auto;}
	.organi .pyeong h4 {letter-spacing:-0.04em;}
	.organi table thead th {font-size:15px; padding:8px;}
	.organi table tbody td {font-size:15px; padding:8px; letter-spacing:-0.05em; word-break:break-all;}

	/* 임원명단 */
	.organi .organi_tab > div a {font-size:18px;}

	/* 역대 회장*/
	.pre_list ul li {float:left; width:48%; margin:0 1% 2%;}
	.pre_list ul li:nth-child(6n+1) {clear:none; margin:0 1% 2%;}
	.pre_list ul li dl dt {padding:8px;font-size:17px;}
	.pre_list ul li dl dd.p_pic {height:auto;}
	.pre_list ul li dl dt span {font-size:15px;}
	.pre_list ul li dl dd.p_pic span {padding:5px 10px;}
	.pre_list ul li dl dd.p_name {padding:4px 10px; margin:3px 0 0 0; font-size:16px;}

	/* 01_06 */
	.contact {padding:0 0 50px 0;}
	.contact .map_bt > dl {float:none; width:100%; margin:0 0 30px 0;}
	.contact .map_bt > dl.blue {margin:0 0 30px 0;}
	.contact .map_bt > dl dt {font-size:20px; margin:0 0 10px 0;}
	.contact .map_bt > dl dd {font-size:18px; height:auto;}
	.contact .map_bt > dl.blue dd {padding:20px;}
	.contact .map_bt > dl.yellow dd {padding:20px;}
	.contact .map_bt > dl.green dd { padding:20px;}

	/* 01_07 */
	.newjoin .gray {padding:15px; font-size:16px; line-height:28px;}
	.newjoin p {font-size:16px; line-height:24px; background-position:0 2px;}
	.newjoin .s_gray {padding:15px;font-size:16px; line-height:26px;}
	.newjoin strong {font-size:16px}
	.newjoin ul li {line-height:26px; background-position:0 10px; padding:0 0 0 10px; font-size:15px;}

	.newjoin table thead th {font-size:15px; padding:10px 5px;}
	.newjoin table tbody th {font-size:14px; padding:10px 5px;}
	.newjoin table tbody td {font-size:14px; padding:10px 5px;}

	.newjoin .rulebox b {font-size:17px; margin:0 0 5px 0;}
	.newjoin .rulebox p {font-size:16px;}
	.newjoin p.rule_p { font-size:16px; }

	/* 03_01, 03_01_01 */
	.reference .ref_tab > div a {font-size:18px; height:40px; line-height:40px;}
	.ref_table table thead th {font-size:13px; padding:8px 5px;}
	.ref_table table tbody td {font-size:13px; padding:8px 5px; letter-spacing:-0.05em;}
	.ref_table table tbody td:nth-child(3) {word-break:break-all;}
	.ref_table table tbody td > span {min-width:auto;}
	.reference .ref_box {padding:15px;}
	.reference .ref_box ul li {line-height:24px; background-position:0 8px; padding:0 0 0 13px; font-size:16px; word-break:keep-all;}
	.reference .ref_table table tbody td a {width:50px; height:20px; line-height:20px;}

	.reference2 {}
	.reference2 .ref2_title {padding:20px; font-size:20px; letter-spacing:-0.05em; }
	.reference2 .ref_table h4.title {font-size:20px; background-position:0 2px; word-break:keep-all; letter-spacing:-0.03em;}
	.reference2 .ref_table table tbody td {word-break:break-word;}
	.reference2 .ref_table table tbody td a {width:62px; height:30px; line-height:30px; }
	.reference2 .ref_table table tbody td a span {width:16px;}

	.reference2 .ebook_box a{ width:200px; font-size:16px;	;margin:5px 0;}


	/* 03_05 */
	.site div table th {font-size:14px; letter-spacing:-0.05em; padding:8px;}
	.site div table td {font-size:14px; letter-spacing:-0.05em; padding:8px; word-break:break-word; line-height:18px;}

	/* 04_03 성명서 */
	.statement h4.title span {font-size:20px;}
	.statement .state_img img {width:100%;}

	
	/* 06_01 intro */
	.spon_intro > div {float:none; width:100%; height:150px; line-height:150px; margin:0 0 10px 0;}
	.spon_intro > div a { padding:0 0 0 20px; font-size:20px;}
	.spon_intro > div { background-position:95% center; background-size:40%;}

	.spon_intro > div.spon_year {background-color:#cddfe8;}
	.spon_intro > div.spon_year:hover {background-color:#aadef7;}
	.spon_intro > div.spon_booth {background-color:#588fc7;}
	.spon_intro > div.spon_booth:hover {background-color:#2774c2;}
	.spon_intro > div.spon_banner {background-color:#cddfe8;}
	.spon_intro > div.spon_banner:hover {background-color:#aadef7;}
	.spon_intro > div.spon_forum {background-color:#588fc7;}
	.spon_intro > div.spon_forum:hover {background-color:#2774c2;}
	.spon_intro > div.spon_booth a {color:#fff;}
	.spon_intro > div.spon_banner a {color:#333;}
	.spon_intro > div.spon_forum a {color:#fff;}

	/* 06_01_01 */
	.spon h4.title {letter-spacing:-0.04em;}
	.spon h3 {font-size:24px; padding:10px;}
	.spon .gray {padding:15px;}
	.spon .gray p {font-size:16px; line-height:24px;}
	.spon .blue {padding:15px;}
	.spon .blue p {font-size:16px; line-height:28px; word-break:keep-all;}
	.spon .blue2 {padding:15px;}
	.spon .blue2 p.spon2_p {font-size:16px; line-height:28px;}

	.spon ul > li {background-position:0 10px; padding:0 0 0 12px; font-size:16px; line-height:28px; margin:0 0 10px 0; letter-spacing:-0.05em; word-break:keep-all;}
	.spon ul li span {font-size:15px; line-height:24px;}
	.spon ol > li {line-height:28px; font-size:16px; letter-spacing:-0.05em;}
	.spon ol li span {padding:0 0 0 15px; font-size:16px;}

	.spon table thead th {padding:6px; font-size:15px; letter-spacing:-0.05em;}
	.spon table tbody td {padding:6px; font-size:14px; letter-spacing:-0.05em;}

	.spon ul.linkbox li {float:none; width:100%; margin:10px 0 0 0; padding:0;}
	.spon ul.linkbox li:first-child {margin:0;}
	.spon ul.linkbox a {font-size:17px; padding:10px 25px; background-position:90% 60%;}

	.spon .benefit_book  .boothsize img {width:70%;}
	.spon .benefit_book  p.cost {font-size: 14px;}

	.spon .benefit_book .gray ul li {font-size: 14px;}



	/* 06_01 후원모집안내 버튼*/
	.bene_btn {text-align:center;}
	.bene_btn a {display:block; width:250px; height:45px; line-height:45px; border-radius:45px; font-size:18px; margin:0 auto;}


	/* 06_02 후원혜택제공 */
	.benefit {padding:0 0 150px 0;}
	.benefit_info h2 {font-size:24px; padding:10px;}

#tab1 h4 a {margin:0 0 0 15px; display:inline-block; background:#98c420; color:#fff; font-size:18px; width:160px; height:36px; line-height:36px; border-radius:36px; text-align:center; border:2px solid #98c420;}
	#tab1 .optionbox {padding:15px;}
	#tab1 .optionbox p {font-size:17px; background-position:0 11px;}
	#tab1 .optionbox p span {font-size:15px; }
	#tab1 span.notice {font-size:16px; font-weight:600;}
	#tab1 .boxing table thead th {font-size:14px; padding:5px;}
	#tab1 .boxing table tbody th {font-size:14px; padding:5px;}
	#tab1 .boxing table tbody td {font-size:14px; padding:5px;}

	#tab1 .boxing  h3 {font-size:20px;}
	#tab1 .boxing  h3 p {font-size:16px;}

	#tab1 .benefit_list > .imgbox div span {width:100%; float:none;}
	#tab1 .benefit_list > .imgbox div span:nth-child(2n) {margin:5px 0;}
	#tab1 .benefit_list .float .imgbox {width:100%; float:none;}
	#tab1 .benefit_list .float .imgbox:nth-child(2n) {margin:5px 0;}
	#tab1 .benefit_list .float .imgbox span {display:block; margin:0;}

	#tab2 .bene_box > div {width:300px; height:100px; display:block; margin:0 auto 10px;}
	#tab2 .gray {padding:15px;}
	#tab2 .boothsize {padding:15px;}
	#tab2 .boothsize img {width:100%;}
	#tab2 .gray ul li {font-size:16px; background-position:0 12px;}
	#tab2 .boothpic span {display:block; width:100%;}
	#tab2 .boothpic span:nth-child(odd) {margin:15px 0;}

	#tab3 > div {margin:0 0 50px 0;}
	.benefit_info h5 {font-size:20px; padding:0 10px; text-align:center;}

	p.cost {font-size:16px;}


	/* 06_03 후원사리스트 */
	.sponsor  h3 {font-size: 20px; line-height:20px;}

	.sponsor  dl dt {float:none; width:100%; max-width: 330px; height:210px;margin-right:0; margin:0 auto 15px;}
	.sponsor  dl dd{float: none; width:100%;}
	.sponsor  dl dd table tr th { font-size: 15px; padding:5px 15px; word-break:keep-all;}
	.sponsor  dl dd table tr td {font-size:15px; padding:5px 10px; word-break:break-all;}


	/* 07_01 */
	.forum_wrap {height:auto; padding:0;}
	.forum_wrap .forum_title {padding:0 0 40px;}
	.forum_wrap .forum_title h3 {font-size:28px;}
	.forum_wrap .forum_title h4 {font-size:18px;}

	.forum_wrap .forum {background:none; text-align:left; margin:0; display:block;}
	.forum_wrap .forum .forum_box {display:inline-block; float:left; width:48%; max-width:165px; margin:0 1% 20px;}
	.forum_wrap .forum .forum_box:nth-child(2n+1) {clear:both;}
	.forum_wrap .forum .forum_box .img {margin:10px 0 15px;}

	.forum_wrap .vol {font-size:16px;}
	.forum_wrap .out {font-size:16px;}
	.forum_wrap .btn a {font-size:14px;}


	/* login_start  */
	.login_start > div {float:none; width:100%; margin:0 0 25px 0;}
	.login_start > div a {padding:0 0 40px 0;}
	.login_start > div a p {font-size:25px; height:150px; line-height:160px;}
	.login_start > div a span {font-size:20px; height:40px; line-height:40px;}
	.login_start .loginbox1 a p {background-position:10% bottom; background-size:contain;}
	.login_start .loginbox2 a p {background-position:10% bottom; background-size:contain;}
	.login_start .loginbox3 a p {background-position:10% bottom; background-size:contain;}

	/* join_start */
	.join_start > div {float:none; width:100%; margin:0 0 25px 0;}
	.join_start > div a {padding:0 0 40px 0;}
	.join_start > div a p {font-size:25px; height:150px; line-height:160px;}
	.join_start > div a span {font-size:20px; height:40px; line-height:40px;}
	.join_start .joinbox1 a p {background-position:10% bottom; background-size:contain;}
	.join_start .joinbox2 a p {background-position:10% bottom; background-size:contain;}

	#footer {padding:20px 0;}
	#footer_content {width:auto; padding:0 20px;}
	#footer_content > div {display:block; margin:0 auto; text-align:center;}
	#footer_content .address {font-size:12px; word-break:keep-all;line-height:18px; border:none; text-align:center; margin:5px 0 0 0;}
	#footer_content .ft_adm {margin:20px auto 0;}


	/*------------- payment --------------------*/
	.pay_table tbody tr th{padding:10px; font-size:13px;}
	.pay_table tbody tr td{padding:10px; font-size:13px;}
	.pay_table tbody tr td strong{font-size:15px;}

	.pay_btn a{padding:10px 40px;font-size:13px;}
	/*------------- payment --------------------*/


}
@media screen and (max-width:425px) {


}

@media screen and (max-width:320px) {




}


/* 역사관 메뉴 강조 */
.tag-new {
  font-size: 14px;          /* 작게 */
  /* color: #ff3366; */
  font-weight: 700;
  position: absolute;
  top: 16px;             /* 위로 올리기 */
  margin-left: 4px;
  padding: 2px 4px;
  border-radius: 3px;
  background: linear-gradient(135deg, #b8860b, #ffd700);
  color: #fff;
  line-height: 1;
  animation: blink 1s infinite;
}
.tag-new2 {
  font-size: 13px;          /* 작게 */
  /* color: #ff3366; */
  font-weight: 700;
  position: absolute;
  top: 15px;             /* 위로 올리기 */
  margin-left: 4px;
  padding: 2px 4px;
  border-radius: 3px;
  background: linear-gradient(135deg, #b8860b, #ffd700);
  color: #fff;
  line-height: 1;
  animation: blink 1s infinite;
}

@keyframes blink {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.7; }
}