@charset "UTF-8";
/*****************************************************************

		Copyright C 다온테마 All rights reserved. 
		daontheme@daum.net
		본 페이지는 유료컨텐츠 다온테마용 CSS입니다. 불법복제시 법적인 제제를 받으실 수 있습니다. 
		라이센스를 삭제하지 마세요. 라이센스 삭제시 불법 사용으로 간주될 수 있습니다.

******************************************************************/

body,td,h1,h2,h3,h4,h5,div,p,li,ul,ol,dd,dt,section,input,textarea,select,button{margin:0;padding:0; font-size:14px; color:#333; line-height:1.6em; letter-spacing:-0.02em;}
ul,ol,li{margin:0;padding:0;list-style:none;}

caption {display:none;}

a, img{border:0px; vertical-align:middle;}
a{text-decoration:none;}
strong{font-weight:600;}
*, :after, :before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

.lview{}
.sview{display:none;} 
.mview{display:none;}


/* 중간기기~작은기기 모바일 상단 */
#mobile_header {width:100%; height:60px;  line-height:60px; border:0px solid red; z-index:999999; display:none;}
#mobile_header .inner {top:0; left:0; z-index:50; width:100%; height:60px; line-height:60px; overflow:hidden; background:#fffdcc;}
#mobile_header h1 { width:220px; padding-top:10px; text-align:center; margin:0 auto; }
#mobile_header h1 img { max-height:40px;  overflow:hidden;}
#mobile_header .m_gnb li {list-style:none;}
#mobile_header .m_gnb li a {display:block; top:0; width:100%; text-align:center; color:transparent;}
#mobile_header .m_gnb li.category a i{float:left; position:absolute; width:20px; height:20px; line-height:20px; left:15px; top:20px; font-size:20px; color:#4fa833;}
#mobile_header .m_gnb li.home a i { float:left; position:absolute; width:20px; height:20px; line-height:20px; right:15px; top:20px; font-size:20px; color:#fff; }
#back_cover {position:absolute; display:none; left:0; top:0;  width:100%; height:100%; top:0px; background:rgba(0,0,0,0.5); z-index:9999998;}
#sideMenu {display:inline; position:fixed; top:0; left:-250px; width:249px; height:100%; background-color:#fff; z-index:9999999;}
#sideMenu .side_title{height:60px; line-height:60px; background-color:#4fa833; color:#fff; text-align:center; font-size:1.3em; cursor:pointer;}
#sideMenu .navi_bg{ width:100%;} 
#sideMenu .nav { width:100%; margin:0 auto; padding:0; padding-bottom:30px; list-style: none; box-sizing:border-box;  overflow:auto; height:500px;} 
#sideMenu .nav ul { width:100%; margin:0; padding:0;}
#sideMenu .navi_set{ display:inline;  margin:0; padding:10px 0 10px 0; text-align:center;  }
#sideMenu .navi_set > div {display:block; width:100%; height:40px; line-height:40px; border-bottom:1px solid #aaa; text-align:left; background-color:#fff; color:#333; text-indent:10px; cursor:pointer;}
#sideMenu .navi_set > div > a{display:block; width:100%; height:40px; line-height:40px;}
#sideMenu .navi_set ul {display:none;}
#sideMenu .navi_set ul li {list-style:none; border-bottom:1px solid #eee;}
#sideMenu .navi_set ul li a{display:block; width:100%; height:30px; line-height:30px; text-align:left; font-size:0.9em; color:#333; cursor:pointer;  text-indent:20px; background-color:#fff;}
#sideMenu .navi_set ul li a:hover{color:#4fa833; background-color:#e1f6f5; }
#gnba {background-color:#fffdcc; text-align:center; padding:10px 0;}
#gnba i{color:#4fa833; font-size:30px;}
#gnba a { color:#fff; text-align:center; font-size:0.85em;  padding:5px 10px; margin:0 2px;  background:#4fa833; border-radius:3px;}
#gnba a:hover { background:#4fa833; color:#000; }
.jbmFixed{position:fixed !important; top:0; left:0;}



/* 큰기기 PC 상단 */
#header_wrap { width:100%; min-width:1200px; overflow-x:hidden;}
.wrap_box { position:relative; width:1200px; margin:0 auto; background:none; }
.wrap_box h1.logo, #header.jbFixed .wrap_box h1.logo, #header.sub .wrap_box h1.logo {display:none !important;}
.wrap_box h1.logo img {width:300px;}
.wrap_box h1.logo.logo_a {display:inline !important;;vertical-align:middle;}
#header.jbFixed .wrap_box h1.logo.logo_b{display:inline !important; vertical-align:middle;}

#header.sub .wrap_box h1.logo.logo_sub_a {margin-top: 5px;display:inline !important; vertical-align:middle;}
#header.sub.jbFixed .wrap_box h1.logo {display:none !important;}
#header.sub.jbFixed .wrap_box h1.logo.logo_sub_b{display:inline !important; vertical-align:middle; }
/*



.wrap_box h1.logo_a a img{width:262px;display:inline; vertical-align:middle; }
.wrap_box h1.logo_b a img {width:262px; display:none; }
.wrap_box h1.logo_sub_a a img, .wrap_box h1.logo_sub_b a img {width: 278px; display:none; }

#header.jbFixed .wrap_box h1.logo_a a img, #header.jbFixed .wrap_box h1.logo_sub_a a img, #header.jbFixed .wrap_box h1.logo_sub_b a img{display:none;  }
#header.jbFixed .wrap_box h1.logo_b a img{display:inline; vertical-align:middle;}


#header.sub .wrap_box h1.logo_a a img, #header.sub .wrap_box h1.logo_b a img, #header.sub .wrap_box h1.logo_sub_b a img{display:none; }
#header.sub .wrap_box h1.logo_sub_a a img{display:inline; vertical-align:middle; }

#header.sub.jbFixed .wrap_box h1.logo_sub_b a img{display:inline; vertical-align:middle; }
#header.sub.jbFixed .wrap_box h1.logo_a a img, #header.sub.jbFixed .wrap_box h1.logo_b a img, #header.sub.jbFixed .wrap_box h1.logo_sub_a a imgdisplay:none; }

*/


#header { position:absolute; top:0; left:0; width:100%; min-height:72px;  z-index:500 !important; height:72px; transition: 0.5s all ease; -webkit-transition: 0.5s all ease; -moz-transition: 0.5s all ease; -ms-transition: 0.5s all ease; -o-transition: 0.5s all ease;}
#header.main {
	background:#fff; 
	/*border-bottom: 1px solid #dcdd91;
    box-shadow: 0px 1px 7px rgb(92 146 0 / 30%);*/
}
#header.sub {
	background: rgb(0 0 0 / 70%);
}
#header h1 { position:absolute; display:block; top:6px; line-height:54px; left:0; transition: all .3s ease-in-out; background:none;}
.logo_b img {width:250px;}
#header.header_on{height:300px !important;border-bottom: 1px solid #dcdd91;
	box-shadow: 0px 1px 7px rgb(92 146 0 / 30%);} /* 메뉴 배경의 높이를 입력합니다.*/
#header.sub.header_on{height:300px !important; background: rgb(0 0 0 / 60%); border-bottom: 1px solid #dcdd91;
	box-shadow: 0px 1px 7px rgb(92 146 0 / 30%);} 
#lnb {position:relative; float:right; margin-right:160px; line-height:72px !important; background:none;}
#lnb:hover .lnb_wrap {height:280px;} /*메뉴의 높이를 입력합니다.*/
#lnb .lnb_wrap { position:relative; overflow:hidden; height:72px; min-height:72px; transition: 0.5s all ease; -webkit-transition: 0.5s all ease; -moz-transition: 0.5s all ease; -ms-transition: 0.5s all ease; -o-transition: 0.5s all ease;}
#lnb .lnb_wrap > ul > li { float:left; text-align:center; }
#lnb .lnb_wrap > ul > li > a { display:block; width:100%; padding:0 20px; font-size:1.2em; font-weight:500; color:#000000; height:72px; line-height:72px; border-bottom:0px solid rgba(255,255,255,0); }
#lnb.sub .lnb_wrap > ul > li > a { color:#fff !important;}

#lnb .lnb_wrap > ul > li > a > span{display:block; background:#4fa833; width:0px; height:2px; margin:0 auto; transition: 0.5s all ease; -webkit-transition: 0.5s all ease; -moz-transition: 0.5s all ease; -ms-transition: 0.5s all ease; -o-transition: 0.5s all ease;}
#lnb .lnb_wrap > ul > li.current > a, #lnb .lnb_wrap > ul > li.actived > a { color:#000; font-weight:500; border-bottom:0px solid rgba(255,255,255,1); transition: 0.5s all ease; -webkit-transition: 0.5s all ease; -moz-transition: 0.5s all ease; -ms-transition: 0.5s all ease; -o-transition: 0.5s all ease;}
#lnb .lnb_wrap > ul > li.current > a > span, #lnb .lnb_wrap > ul > li.actived > a > span{display:block; background:#4fa833; width:100%;}
#lnb .lnb_sub { margin-top:10px;text-align:center; }
#lnb .lnb_sub li a { display:block; color:#000; padding:0; margin:0 0 2px 0; height:30px; line-height:30px; font-size:1em; letter-spacing:-0.5px;}
#lnb.sub .lnb_sub li a { color:#fff !important; }
#lnb.sub .lnb_sub li a:hover { color:#4fa833 !important; }
#lnb .lnb_sub li a:hover { display:block; color:#4fa833; font-weight:400; }
#gnbb {position:absolute; right:0; }
#gnbb i {font-size:0.85em;}
#gnbb a { color:#000; text-align:center; font-size:0.85em;  line-height:72px; padding:5px 10px; margin:0px; }
#gnbb.sub a { color:#fff; }
#gnbb a:hover i { color:#4fa833; }
#gnbb a:hover { color:#4fa833; }
#gnbb a.btn2 { color:#000; text-align:center; font-size:0.85em;  line-height:72px; padding:5px 10px; margin:0px;  }
#gnbb a.btn2:hover { background:#000; color:#fff; }
.jbFixed { min-height:auto !important;}
.jbFixed .header_in { position:fixed !important; top:0px; width:100% !important; background:rgba(255,255,255,1); border-bottom: 1px solid #e1f6f5; box-shadow: 0px 3px 7px rgb(0 0 0 / 10%);}
.jbFixed .header_in #lnb { margin-top:0;}
.jbFixed .header_in #lnb:hover .lnb_wrap{height:280px;} /*메뉴의 높이를 입력합니다.*/
.jbFixed .header_in #lnb .lnb_wrap{height:60px; min-height:60px;}
.jbFixed .header_in #lnb .lnb_wrap > ul > li > a { height:60px; line-height:60px; color:#000 !important;}
.jbFixed .header_in #lnb .lnb_sub li a { display:block; color:#000 !important; padding:0; margin:0 0 2px 0; height:30px; line-height:30px; font-size:1em; letter-spacing:-0.5px;}
.jbFixed .header_in #lnb .lnb_sub li a:hover { display:block; color:#8dabe2; font-weight:400; }
.jbFixed .header_in #gnbb a { color:#000 !important;height:60px; line-height:60px !important;}
.jbFixed .header_in #gnbb a.btn2 { color:#000 !important; text-align:center; font-size:0.85em;  line-height:80px; padding:5px 10px; margin:0 1px; border-radius:0px;}
.jbFixed .header_in #gnbb a.btn2:hover { background:#555 !important; color:#000 !important; }
/*.jbFixed .header_in h1 {  height:60px; line-height:50px !important;}
.jbFixed .header_in h1 img { width:80%; transition: all .3s ease-in-out;}*/



/* 인덱스 */
#container {position:relative; width:100%; margin: 20px 0 0 0; padding:0; z-index:1;}


#main_visual{clear:both; position:relative; text-align:center; width:100%; padding:0; margin:0px auto; overflow:hidden; }
#main_visual:after{ content:""; display:block; clear:both;}
#main_visual .swiper-slide{width:100%; height:auto; padding:0; background-color:#000; overflow:hidden;}
#main_visual .swiper-slide div.backgroundimg{width:100%; height:100%; z-index:1;}
#main_visual .swiper-slide .backgroundimg .mobile_only{display:none;}
#main_visual .swiper-slide .backgroundimg img{width:100%; height:auto;}
#main_visual .sliderkit-text {width:100%; height:200px; position:absolute; top:50%; margin-top:-70px; left:50%;  margin-left:-50%; text-align:center; z-index:2;}
#main_visual .sliderkit-text h1.lviewa{opacity:0; font-size:3.5em;  color:#fff; line-height:1.3em; font-weight:700; text-shadow: 0px 1px 4px #000; padding-bottom:10px;}
#main_visual .sliderkit-text h1.sviewa{opacity:0; font-size:1.3em;  color:#fff; line-height:1.3em; text-shadow: 0px 1px 4px #000; padding-bottom:10px;}
#main_visual .sliderkit-text div{opacity:0;}
#main_visual .sliderkit-text div span{display:inline-block; padding:5px 15px; margin:10px auto; background:#C53428;}
#main_visual .sliderkit-text div span h2{ font-size:1.3em; color:#fed700;  letter-spacing:0.05em; }
#main_visual .swiper-button-prev,.swiper-container-rtl .swiper-button-next{left:60px; top:50%; margin-top:-25px; display:block; background:url("../image/visual_prev_on.png")  center left no-repeat; opacity : 0.7; width:50px; height:50px; color:rgba(255,255,255,0); transition: 0.5s all ease; -webkit-transition: 0.5s all ease; -moz-transition: 0.5s all ease; -ms-transition: 0.5s all ease; -o-transition: 0.5s all ease;}
#main_visual .swiper-button-next,.swiper-container-rtl .swiper-button-prev{right:60px; top:50%; margin-top:-25px; display:block; background:url("../image/visual_next_on.png") center right no-repeat; opacity : 0.7; width:50px; height:50px; color:rgba(255,255,255,0); transition: 0.5s all ease; -webkit-transition: 0.5s all ease; -moz-transition: 0.5s all ease; -ms-transition: 0.5s all ease; -o-transition: 0.5s all ease;}
#main_visual .swiper-button-prev:hover,.swiper-container-rtl .swiper-button-next:hover{opacity :1; }
#main_visual .swiper-button-next:hover,.swiper-container-rtl .swiper-button-prev:hover{opacity :1; }
#main_visual .swiper-pagination-bullet-active{background:#C53428;}




#business_wrap {width:100%; padding-top:100px; margin:0 auto; background:url('../image/business_back.jpg')no-repeat; background-position:top center; }
#business_wrap:after{ content:""; display:block; clear:both;}
#business_wrap .business_tit{ width:100%; max-width:1200px; margin:0px auto; padding-bottom:50px;}
#business_wrap .business_tit p { text-align:center; font-size:2.5em;  line-height:50px; color:#000; font-weight:500; padding:0 10px; margin:0px auto;  }
#business_wrap .business_tit span { display:block; text-align:center; font-size:1.15em; color:#777;  padding:0 10px; margin:10px 0 20px 0;}
#business_wrap .business_area {width:100%; max-width:1200px; margin:0 auto;}
#business_wrap .business_area:after {display:block; clear:both; content:'';}
#business_wrap .business_area ul li {float:left;  width:32%; height:100%; margin:0; padding:0; text-align:center; background:none; }
#business_wrap .business_area ul li:nth-child(2) {margin:0 2%; }
#business_wrap .business_area ul li img {width:100%; }
#business_wrap .business_area ul li .summary {position:relative; z-index:10;  left:0; top:-80px; width:90%; margin:0 auto;  padding:20px 20px 0 20px; background:#fff; border-radius:10px; transition:all .5s ease; -moz-transition:all .5s ease; -ms-transition:all .5s ease; -webkit-transition:all .5s ease; -o-transition:all .5s ease; }
#business_wrap .business_area ul li:hover .summary { top:-90px; cursor:pointer; }
#business_wrap .business_area ul li .summary .name {height:50px; line-height:50px; color:#000; font-size:1.5em; }
#business_wrap .business_area ul li .summary .sname {padding-bottom:20px; color:#777; font-size:1em;}
#business_wrap .business_area ul li .summary .btn_view {display:inline-block; width:40px; height:40px; cursor:pointer; background: url('../image/btn_plus_off.png')no-repeat; }
#business_wrap .business_area ul li:hover .summary .btn_view {display:inline-block;  width:40px; height:40px; cursor:pointer; background: url('../image/btn_plus_on.png')no-repeat; }


#company_wrap {width:100%; max-width:1980px; padding:100px 0 80px 0; margin:0 auto; background:url('../image/company_back.jpg')repeat-y; background-position:left 20%; background-attachment: contain;}
#company_wrap:after{ content:""; display:block; clear:both;}
#company_wrap .company_tit{ width:100%; max-width:1200px; margin:0px auto; }
#company_wrap .company_tit p { text-align:center; font-size:2.5em;  line-height:50px; color:#fff; font-weight:500; padding:0 10px; margin:0px auto;  }
#company_wrap .company_tit span { display:block; text-align:center; font-size:1.15em; color:#fff;  padding:0 10px; margin:10px 0 20px 0;}
#company_wrap .circle_wrap {width:100%; max-width:1200px; margin:0 auto; }
#company_wrap .circle_wrap .circle_area {width:100%; position: relative; display: inline-block; text-align:center; border:0px solid red;}
#company_wrap .circle_wrap .circle_area li {position: relative; display: inline-block; width: 220px; height: 220px; border-radius: 50%; margin:30px; margin-bottom:20px; background:#fff; }
#company_wrap .circle_wrap .circle_area li .tb {width: 100%; height: 100%; display: table;}
#company_wrap .circle_wrap .circle_area li .tb .td {display: table-cell; vertical-align: middle;}
#company_wrap .circle_wrap .circle_area li .tb .td i {display:block; text-align:center; font-size:3em; }
#company_wrap .circle_wrap .circle_area li .tb .td em { position:absolute; top:0; left:-20px; font-size: 2em; line-height: 25px; font-weight:400; color:#fff; opacity:0.5;}
#company_wrap .circle_wrap .circle_area li .tb .td p {font-size:1.5em; line-height: 25px; margin-top:15px;}
#company_wrap .circle_wrap .circle_area li:hover {background:#57b6e6; transition: 0.3s all ease;   -webkit-transition: 0.3s all ease;   -moz-transition: 0.3s all ease;   -ms-transition: 0.3s all ease;   -o-transition: 0.3s all ease; }
#company_wrap .circle_wrap .circle_area li:hover .tb .td i {color:#fff; }
#company_wrap .circle_wrap .circle_area li:hover .tb .td p {color:#fff; }



#pro_wrap { width:100%; margin:0px auto; padding:100px 0 60px 0; }
#pro_wrap:after{ content:""; display:block; clear:both;}
#pro_area { width:100%; max-width:1200px; margin:0px auto;}
#pro_area .pro_tit p { text-align:center; font-size:2.5em;  line-height:50px; color:#000; font-weight:500; padding:0 10px; margin:0px auto;  }
#pro_area .pro_tit span { display:block; text-align:center; font-size:1.15em; color:#777;  padding:0 10px; margin:10px 0 20px 0;}
#pro_tab {position: relative; width:100%; max-width:1200px; margin:50px auto; }
#pro_tab:after{ content:""; display:block; clear:both;}
#pro_tab .tab {width:100%; text-align:center; border:0px solid #ddd;  margin:0 auto; text-align:center;}
#pro_tab .tab:after{ content:""; display:block; clear:both;}
#pro_tab .tab li{display:inline-block; border-right:1px solid #ddd;  box-sizing:border-box;  background:#fff; overflow:hidden; }
#pro_tab .tab a{ display:block; text-align: center;  padding:0 20px; box-sizing:border-box; color:#333; font-size:1em;}
#pro_tab .tab a:hover{ text-decoration:underline; }
#pro_tab .tab li:last-child { border-right:0;}
#pro_tab .tab li.all { width:25%; background:#333; color:#fff;}
#pro_tab .tab li.all a { background:#333; color:#fff;}
#pro_tab .tab li.on a{background:#333; color:#fff;}
#pro_tab li{position: relative;}
#pro_tab div li a{display: inline-block; margin-right:0px; font-size:0.9em; color:#333;}
#pro_tab > div{display: none; padding:0;  }
#pro_tab .active{display: block; margin-top:0px; padding:0px;}
#pro_tab .pro_list{ z-index:0;   width:100%; max-width:1200px; margin:40px auto; overflow:hidden;}
#pro_tab .pro_list:after {content:""; display:block; clear:both;}
#pro_tab .pro_list > ul{ width:100%; font-size:0; list-style:none; margin-bottom:0px; padding:0; overflow:hidden; }
#pro_tab .pro_list > ul > li{  display:inline-block; width:23%; margin-left:1%; margin-right:1%; padding-bottom:0px; text-align:center; }
#pro_tab .pro_list > ul > li > a{width:100%;}
#pro_tab .pro_list > ul > li > a > div > img { width:100%;  border:1px solid #EEE; box-sizing:border-box; cursor:pointer;}
#pro_tab .pro_list > ul > li > a > p {display:block; height:30px; width:90%; margin:0 auto; margin-top:20px; font-size:1.5em;font-weight:500; text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden}
#pro_tab .pro_list > ul > li > a > div.text {display:block; width:90%; margin:0 auto;  height:30px; margin-top:10px; margin-bottom:0px; color:#777; border:0px solid red; text-overflow:ellipsis; white-space:nowrap;word-wrap:normal;overflow:hidden;}
#pro_tab .pro_zoom {position:relative; top:0; width:100%; height:100%; margin:0; overflow:hidden; }
#pro_tab .pro_zoom img {width:100%; transition: transform 1s; -webkit-transition: -webkit-transform 1s;}
#pro_tab .pro_list > ul > li > a > p > span.new_icon{display:inline-block; line-height:1em; color:#fff; background-color:#2E5A98; padding:1px 5px 1px 3px; font-size:0.6em !important;}
#pro_tab .pro_list > ul > li > a > p > span.hot_icon{display:inline-block; line-height:1em; color:#fff; background-color:#C53629; padding:1px 5px 1px 3px; font-size:0.6em !important;}


#comm_wrap { width:100%; padding:100px 0 50px 0; background:#f8f8f8; }
#comm_wrap:after{ content:""; display:block; clear:both;}
#comm_wrap .comm_area { width:100%; max-width:1200px;margin:0 auto; }
#comm_wrap .notice_area { position: relative; float:left; width:45%; padding:0; margin-right:70px;}
#comm_wrap .notice_area .tab { height:50px; line-height:50px; border-bottom: 1px solid #333;  box-sizing:border-box;  }
#comm_wrap .notice_area .tab li{float:left; width:30%; color:#777; }
#comm_wrap .notice_area .tab a{display:block; height:50px; line-height:50px; text-align: center; border:1px solid #333; border-bottom: 1px solid #333;  color:#777; box-sizing:border-box; }
#comm_wrap .notice_area .tab a:hover, #comm_wrap .con_box6 .notice_area .tab a:focus {background:#fff; color:#000; }
#comm_wrap .notice_area .tab li:first-child a{border-right:0;}
#comm_wrap .notice_area .tab li:last-child a{border-left:0;}
#comm_wrap .notice_area .tab li.on a{border:1px solid #333; border-bottom:0; color:#fff; background:#333;}
#comm_wrap .notice_area .active{display: block; margin-top:20px; padding:0px;}
#comm_wrap .notice_area li{position: relative; top:0; line-height:30px;}
#comm_wrap .notice_area li span.date{position: absolute; right:0; text-align:right; line-height:30px; font-size:0.9em; color:#777; }
#comm_wrap .notice_area div li a{display: inline-block; margin-right:0px; font-size:1em; color:#333;}
#comm_wrap .notice_area > div{display: none; padding:0; }
#comm_wrap .notice_area .more{position:absolute; top:10px; right:0px; transition: 0.5s all ease; -webkit-transition: 0.5s all ease; -moz-transition: 0.5s all ease; -ms-transition: 0.5s all ease; -o-transition: 0.5s all ease; }
#comm_wrap .notice_area .more:hover{-ms-transform: rotate(90deg);-webkit-transform: rotate(90deg); transform: rotate(90deg);}
#comm_wrap .cs_box {float:left; width:285px; text-align:center; background:#0071c0 url('../image/copy_bnr_back.png') no-repeat right bottom; background-size:cover; overflow:hidden; }
#comm_wrap .map_box {float:right; width:285px; text-align:center; background:#32383d; overflow:hidden; }
#comm_wrap .hover_area { width:100%; padding:50px 0; height:250px; overflow:hidden;}
#comm_wrap .hover_area i { color:#fff;  font-size:2em; opacity:1; }
#comm_wrap .hover_area strong { display:block; color:#fff; font-size:1.8em; font-weight:400; padding:25px 0 ;}
#comm_wrap .hover_area p { color:#fff; font-size:0.9em; font-weight:200;}
#comm_wrap .hover_area span.btn_view { display:inline-block; width:30px; height:30px; line-height:30px; margin-top:30px; background:url('../image/btn_view.png') no-repeat 50% 50%; transition: 0.5s all ease; -webkit-transition: 0.5s all ease; -moz-transition: 0.5s all ease; -ms-transition: 0.5s all ease; -o-transition: 0.5s all ease; }
#comm_wrap .hover_area:hover span.btn_view{-ms-transform: rotate(90deg);-webkit-transform: rotate(90deg); transform: rotate(90deg);}
#comm_wrap .comm_bnr { clear:both; width:100%; padding-top:50px; }
#comm_wrap .comm_bnr:after{ content:""; display:block; clear:both;}
#comm_wrap .comm_bnr li { position:relative; top:0; float:left; width:285px;  height:130px; padding-left:25px; margin-right:20px; background:#fff; border:1px solid #ddd; box-sizing:border-box; transition: 0.1s all ease;   -webkit-transition: 0.1s all ease;   -moz-transition: 0.1s all ease;   -ms-transition: 0.1s all ease;   -o-transition: 0.1s all ease; }
#comm_wrap .comm_bnr li div { position:absolute; right:0; bottom:0;  display:inline-block; float:left; width:70px; text-align:center;  margin:0px 0px 0px 0;}
#comm_wrap .comm_bnr li div i { display:block; vertical-align:middle; width:100%; height:70px; line-height:70px; text-align:center; font-size:2.5em; color:#57b6e6; }
#comm_wrap .comm_bnr li:last-child {margin-right:0;}
#comm_wrap .comm_bnr li .txt_tit {color:#000; font-size:1.25em; padding-top:20px; }
#comm_wrap .comm_bnr li .txt_list {color:#777;	font-size:0.95em;	line-height:20px; padding-top:10px; }
#comm_wrap .comm_bnr li:hover {background:#57b6e6;}
#comm_wrap .comm_bnr li:hover i{color:#fff;}
#comm_wrap .comm_bnr li:hover .txt_tit{color:#fff;}
#comm_wrap .comm_bnr li:hover .txt_list{color:#fff; opacity:0.8;}


#m_bnr { width:100%;  max-width:1980px; margin:0px auto;  z-index:99;}
#m_bnr:after{ content:""; display:block; clear:both;}
#m_bnr div {width:100%; height:350px; cursor:pointer; }
#m_bnr div.con_box1 {float:left; width:50%; text-align:center; background:#edf1fa url('../image/con_box1_back.jpg')no-repeat; }
#m_bnr div.con_box2 {float:left; width:50%; text-align:center; background:#2c3137 url('../image/con_box2_back.jpg')no-repeat; }
#m_bnr div .hover_area em { display:block; color:#fff;  font-size:1.25em; padding-top:80px; text-align:center; letter-spacing:0.2em; font-style: normal; }
#m_bnr div .hover_area em:after{display:block; content:""; width:3%; height:1px;  margin:15px auto; background:#eee;}
#m_bnr div .hover_area strong { display:block; color:#fff; font-size:1.8em; line-height:1.2em; font-weight:200; padding:10px 15px;}
#m_bnr div .btn_go1 a {display:block; color:#fff; text-align:center;  font-size:0.85em; width:160px; height:50px; line-height:50px; margin:20px auto; border:1px solid #fff; transition: 0.5s all ease; -webkit-transition: 0.5s all ease; -moz-transition: 0.5s all ease; -ms-transition: 0.5s all ease; -o-transition: 0.5s all ease;}
#m_bnr div:hover .btn_go1 a{color:#000; background-color:#fff; }



/* 하단 */
#footer{ clear:both; width:100%; margin:0; padding-bottom:20px; background:#4fa833;}
#footer:after{ content:""; display:block; clear:both;}
#footer .copy_bar{ width:100%;}
#footer .copy_bar div{width:100%; max-width:1200px; margin:0 auto;}
#footer .copy_bar div .copy_menu { padding-top:10px; }
#footer .copy_bar div .copy_menu a{color:#fff; }
#footer .copy_bar div .copy_menu a:hover{color:#fd7701; }
#footer .copy_area{position:relative; width:1200px; margin:0 auto; padding-top:10px; }
#footer .copy_logo{float:left; width:30%; text-align:left;padding-top:14px;}
#footer .copy_logo h2 {color:#fff; font-size: 22px;}
#footer .copyright{float:right; width:70%; text-align:right; padding:0; }
#footer .copyright p{width:100%; color:#fff; padding-top:10px; }
#footer .copyright p span{ display:inline-block; color:#fff; margin-right:15px;}
#footer .copyright p span:nth-child(5){ display:block;}
#footer .copyright p span:nth-child(5){ display:inline-block;}
#footer .copyright p span:nth-child(9){ display:block;}
#footer .cs_area {position:absolute; top:0; right:0; width:320px; border:1px solid #555; padding:20px; box-sizing:border-box;}
#footer .cs_data{float:left; width:60%; }
#footer .cs_data .cs_title{font-size:1.2em; color:#fff; }
#footer .cs_data .cs_title:after{display:block; content:""; width:85%; height:1px;  margin:5px 0; background:#eee;}
#footer .cs_data .cs_tel{font-size:1.5em; color:#fff; }
#footer .cs_data .cs_tel a{color:#fff;}
#footer .cs_info{float:left; width:40%; padding-top:5px;}
#footer .cs_info span { display:block; font-size:0.85em; color:#aaa; padding:0; margin:0; height:20px; line-height:20px;}




/* PC용 퀵메뉴 */
#backtotop{ position:fixed; bottom:35%; right:10px; z-index : 1000; display:none;}
.q-menu nav div { width:50px; height:50px; line-height:50px; font-size:1.5em; text-align:center; background:rgba(0,0,0,0.5);  margin:10px 0; border-radius:100px; transition: 0.5s all ease;   -webkit-transition: 0.5s all ease;   -moz-transition: 0.5s all ease;   -ms-transition: 0.5s all ease;   -o-transition: 0.5s all ease; }
.q-menu nav div:hover {background:#4166ab; /*rgba(0,0,0,0.9);*/}
.q-menu nav div i { display:inline-block; vertical-align:top; text-align:center; width:100%; height:30px; line-height:30px; font-size:0.85em; }
.q-menu nav div a { display: inline-block; position: relative; width: 30px; height: 30px; text-align: center; color:#fff; text-decoration:none; }
.q-menu nav div a span {font-size:0.7em; display: inline-block; position: absolute; top: 15%; right: 70px; opacity: 0;/*화살전체위치*/
white-space: nowrap; padding: 5px 8px; border-radius: 3px 3px; background:#4166ab; /*rgba(0,0,0,0.9);*/ color: #fff; margin-top:-2px; line-height: 1em;
-webkit-transition: all 300ms; -moz-transition: all 300ms; -ms-transition: all 300ms; -o-transition: all 300ms; transition: all 300ms; }
.q-menu nav a span:before {content: ''; display: block; position: absolute; right:-10px; top: 50%; margin-top:-5px; border:5px solid transparent; border-left-color:#4166ab; /*rgba(0,0,0,0.9);*/ }/*화살모양*/
.q-menu nav a:after { position: absolute; content: ''; display: inline-block; width: 30px; height: 30px; margin-left: -5px; margin-top: -10px; top: 50%; left: 50%; }
.q-menu nav a:hover { opacity: 1; }
.q-menu nav a:hover span { right: 50px; opacity: 1; }
.q-menu nav a.active { color: #333; opacity: 1; }




/* 서브 */
#sub_visual{position:relative;width:100%; min-width:320px; height:320px; text-align:center; background:#e8e9eb; }
#sub_visual .backgroundimg{position:relative; width:100%; text-align:center; margin:0 auto; height:320px; z-index:2; }
#sub_visual .visual_area {width:100%; max-width:1920px; height:320px; margin:0 auto; }


#sub_wrapper{width:100%; min-width:320px; margin:0 auto;}
#sub_wrapper:after{ content:""; display:block; clear:both;}

#sub_menu{ display:block; width:100%;  margin:0px auto; background:#fff; border-bottom:1px solid #ddd; }
#sub_menu .sub_tab{width:100%; max-width:1200px; text-align:left; margin:0 auto; }
.sub_location{ width:100%; max-width:1200px; height:60px; font-size: 0; background:#fff; margin:0 auto;}
.sub_location > div{font-size: 0;}
.sub_location > div .cen{ float:left; width:60px; height:60px; line-height:60px; text-align:center; border-left: 1px solid #ddd; border-right: 1px solid #ddd;}
.sub_location > div .cen i{ color:#000; font-size:1.2em;}
.sub_location ul{width:100%; max-width:1200px; padding:0; margin:0; display: inline-block; width:290px; border-right: 1px solid #ddd;vertical-align: top; box-sizing:border-box; }
.sub_location ul:first-child{ border-left: 1px solid #ddd; }
.sub_location ul li{position: relative; width:100%;}
.sub_location ul li span{display: block; padding: 0 15px; line-height: 60px; font-size:1.2em; color: #000; background: url('../image/icnLocaArr.png') 90% center no-repeat; cursor: pointer;}
.sub_location ul.on li span{background: url('../image/icnLocaArr1.png') 90% center no-repeat;}
.sub_location ul li a{width:100%; display: block; padding: 8px 15px; color: #000; }
.sub_location ul li a:hover{color: #000; background:#ddd;box-sizing:border-box;}
.sub_location ul ul{display: none;position: absolute;top:60px; left: -1px; padding: 0px 0;background:#fff;  border: 1px solid #ddd;  border-top:none; z-index:999998; width:calc(100% + 2px) !important;}
.sub_location ul.on li ul{display: block;}
.sub_location ul.dep2 li span{color: #4fa833; font-weight:500;}
.sub_location ul.dep2 ul{width:180px;}

.background-wrap {
	background: rgb(0 0 0 / 40%);
    height: 320px;
    width: 100%;
    position: absolute;
    top: 0;
    z-index: 3;
}
.tc {
    text-align: center !important;
}
#sub_tit { position:absolute; width:100%; min-width:320px; max-width:1200px; margin:0px auto; top:150px; left:50%; margin-left:-600px; border:0px solid red;}
#sub_tit .path { position:absolute; top:190px; right:0;  }
#sub_tit .path li { float: left; text-align:center; font-size:0.9em; padding: 0 8px 0 12px; margin:0 ; color: #000; background: url('../image/ico_path.gif') no-repeat left center; }
#sub_tit .path li a span.ic-home {padding: 0;cursor: pointer;}
#sub_tit .path li a span.ic-home i { background: url('../image/icon_home.png')no-repeat left center; display:inline-block; width:11px; height:11px; margin-bottom: 2px;}
#sub_tit .path li:first-child { background:none;}
#sub_tit .path li:last-child { color:#000; font-weight:500;}
#sub_tit .title{ z-index:3; position:relative; padding-bottom:10px; font-size:2.4em; color:#fff; text-align:center; text-transform:uppercase; } /*대문자로*/
#sub_tit .title:after{display:block; content:""; width:5%; height:3px;  margin:10px auto; background:#fff;}
#sub_tit .normal_txt{display:none; margin:0px 0; font-size:1.2em; color:#fff; text-transform:uppercase; text-align:center; line-height:1.6; word-break: keep-all; font-family: 'Noto Sans KR', sans-serif;}
#sub_tit .normal_txt .color1{color:#fd7701;}


.scontents{width:100%; max-width:1200px; height:100%;  margin:0px auto; padding:0 0 100px 0; background:none; }
.scontents:after{ content:""; display:block; clear:both;}
.scontents .bg_vline { display: block; width:1px; height:30px; /*background: url('../image/bg_vline.gif') no-repeat center;*/ margin:0px auto; }
.scontents h3.title {  font-size: 2.5em;  text-align: center; margin-top:0px;}
.scontents .eng {  display:block; text-align:center; font-size: 2.5em;  font-weight:500;  margin:0px 0;}
.scontents .eng em { color: #4fa833; font-style: normal;}
.scontents .stitle { font-size:1.2em; line-height:1.5em; text-align:center; color:#333; margin:10px 0 50px 0; }
.scontents .stitle:after{display:block; width:100%; border-bottom:1px solid #ddd; height:30px; background-color:red;}


.tbl{width:100%; border-top:1px solid #333; border-collapse:collapse;}
.tbl th{width:30%; background-color:#f2f2f2; border-bottom:1px solid #ccc; padding:5px 0; font-size:0.9em; font-weight:normal;  color:#000; text-align:center;}
.tbl td{width:70%; border-bottom:1px solid #ccc; padding:5px 0; text-indent:10px; font-size:0.9em;}


.tba{width:100%; border-top:1px solid #333; border-collapse:collapse; background-color:#fff;}
.tba th{width:35%; background-color:#f2f2f2; border-bottom:1px solid #ccc; padding:6px 0; font-size:0.9em; font-weight:normal;  color:#000; text-align:center;}
.tba td{width:65%; border-bottom:1px solid #ccc; padding:6px 0; text-indent:10px; font-size:0.9em;}


.policy_box{border:1px solid #ddd; padding:10px; height:160px; overflow:auto;}

.main_wrapper {
	margin: 20px auto;
	border: 4px solid #fff;
	width: 1400px;
	min-height: 710px;
	height: auto;
}
.program_schedule:after {display: block; content: ""; clear: both;}
.program_schedule {padding-top: 6px; margin: 20px 0 0 10px;}
.program_schedule > li {float: left; width: 100%; box-sizing: border-box; padding:8px;}
.program_schedule > li .box {padding:10px; border-radius:5px; overflow: hidden; background: #fff; box-shadow: 0px 3px 10px #9292924a}
.program_schedule > li .box > h4 {font-weight: 800; text-align: left; font-size:1.15em; line-height: 140%; padding:10px 3px 6px 2px; color: #000000;  border-bottom: 2px solid #858585;}
/*.program_schedule > li .box > h4:after {    color: #626262; float: right; content: "Click"; font-size: 14px; clear: both; background: #fbff00; padding: 3px 15px 1px 15px;border-radius:6px; cursor:pointer} */
.program_schedule > li .box > ul {padding:10px; margin-left: 10px; font-weight:300;}
.program_schedule > li .box > ul > li {position: relative; padding-left:40px; margin-top:10px;}
.program_schedule > li .box > ul > li .time {position: absolute; left:0px; top:0px; font-weight:400;margin-top: 1px}
.program_schedule > li .box > ul > li .txt2 {font-size: 0.85em; margin-left: 60px;}
.program_schedule > li .on {background: #3d66b8; color: #fff;}
.program_schedule > li .box > h5 {font-weight: 600; text-align: left; font-size:0.9em; padding:6px 3px 0px 3px; color: #000000;}

span.green {
	color: #0fcec3;
}
.btn_green, .btn_yellow {
	color: #fff;
	background: #0fcec3;
	border: none;
	padding: 2px 4px;
	float: right;
	cursor: pointer;
}
.main_dday {
	position: absolute;
	top: 40px;
	right: 50px;
	width: 200px;
}
.main_bg {
	position: absolute;
	top: 34px;
	right: 0px;
}
.dday {
	font-weight: 800;
	font-size: 40px;
	line-height: 60px;
}

#mobile_category { display: none;}

.outline_wrap {position: relative;padding-bottom: 50px; min-height:430px }
.outline_wrap .poster {position: absolute; right: 0px; top: 0px;}
.outline_wrap .table_style1 tbody tr td {height:36px;}
.outline {margin: -3px 0px 0px -10px}
.outline > li {display: inline-block; padding:5px 0px 5px 10px;}

.outline_wrap .radio_group img {max-height:45px;}
.outline_wrap .table_style1 tbody tr th {background-color: #edeff4; border: 1px solid #c9d5e2; text-align: center; border-left:none; border-top: none; padding: 5px 0 5px 5px; font-weight:600;}
.outline_wrap .table_style1 tbody tr th.bluebg, .outline_wrap .table_style1 tbody tr td.bluebg {background:#e7f4f6}
.outline_wrap .table_style1 tbody tr th.greenbg, .outline_wrap .table_style1 tbody tr td.greenbg {background:#d6f3d8}
.outline_wrap .table_style1 tbody tr td {padding-top:10px; padding-bottom: 10px;}

.gray_bar {background: #f1f2f7; margin: 50px -10px 50px -10px; padding: 50px 10px;}

.table_line {border-top:2px solid #333333 }
.table_line1 {border-top:1px solid #333333;}
.table_line2 {border-top:2px solid #143e88;}

.table_style1 {clear:both; width:100%; table-layout: fixed}
.table_style1.tl td {text-align: left; padding-left:18px; padding-right:10px;}
.table_style1.tl th {text-align: center; padding-left:18px; padding-right:10px; }
.table_style1 thead tr th {background-color:#f5f5f5; color: #000; padding:14px 2px; border:1px solid #d9d9d9; font-weight: normal; word-break:break-all; text-align: center}
.table_style1 tbody tr th {background-color: #f4f5f8; border-bottom:1px solid #d9d9d9; padding:12px 0 11px;}

.table_style1 thead tr:first-child th {border-top:none;}
.table_style1 thead tr:first-child td {border-top:none;}

.table_style1 tbody tr td {	border:1px solid #d9d9d9; line-height:23px; padding:13px 5px; text-align: center; font-weight: 300;  word-wrap: break-word; color: #5c5c5c}
.table_style1 tbody tr th {border:1px solid #d9d9d9; font-weight: normal;}
.table_style1 tbody tr td.subject {padding-left:18px; padding-right:10px; text-align:left; word-break:break-all;}
.table_style1 tbody tr .left_line {border-left:1px solid #d5d5d5 !important;}
.table_style1 .input {min-height: 40px; line-height: 40px; width: 100%;}

.tooltip {color: #ff751a; border: 1px solid #ff751a; border-radius:6px; text-align: center; line-height:38px; width:38px; height: 40px; box-sizing: border-box; font-size: 1.5em; vertical-align: middle;}
.br_box {border: 1px solid #dce1eb; padding: 20px 20px 20px 20px;}
.t_box {background: #757a85; color: #fff; padding: 5px 5%; display: inline-block;}
td .br_box {padding:5px;}
td .gray_box {padding:5px;}


.radio_group_row > li {padding-top:8px;}
.radio_group_row > li:first-child {padding-top:0px;}
.radio_group_row > li.disabled {opacity:0.4;}

.radio_group {font-size: 0px; padding: 5px 0px 0px 0px; margin:-5px 0px 0px -15px;}
.radio_group > li {display: inline-block; font-size:15px; padding: 5px 0px 0px 15px;}
.radio_group .input {width: auto !important;}
.input_etc {position: relative; padding-left: 62px; box-sizing: border-box;}
.input_etc .pa {position: absolute; left: 0px; top: 0px; font-size: 14px; line-height:40px;}

.btn-tc-none {text-align: center; padding: 30px 0px; margin-top: 30px;}
.btn-tc {text-align: center; padding: 30px 0px; border-top:2px solid #333333; margin-top: 30px;}
.btn-tc > a {margin: 0px 10px;}
.btn-tl {text-align: left; padding: 30px 0px; border-top:2px solid #333333; margin-top: 30px;}
.btn-tr {text-align: right; padding: 30px 0px; border-top:2px solid #333333; margin-top: 30px;}
.btn-tr-none {text-align: right;}
.sub_con { max-width: 1200px; margin: 30px auto; font-size:17px !important; font-weight: 300; line-height: 160%; word-break: keep-all;}
.sub_con > .s_tit:first-child {margin-top: 0px;}
.sub_con img {max-width: 100%;}

.introduce {background: #f1f2f7; margin: 50px -10px 200px -10px; padding:50px 10px;}
.introduce .pic {position: absolute; right: 0px; top:70px; width: 50%}
.introduce .first {font-size:2.95em; position: relative; line-height:120%; margin-bottom:50px; font-weight: 100;}
.introduce .first > strong {font-weight: 600;}
.introduce .pic:after {display: block; content: ""; width:270px; height: 1px; background: #3163c7; position: absolute; left:0%; top:15%; margin-left: -75px;}

.introduce .sub_con {position: relative; box-sizing: border-box; padding-right:600px }

.feature > li {border: 1px solid #ccc; margin-top: -1px; background: #fff; padding:20px 30px; width: 100%; display: table; box-sizing: border-box; position:relative}
.feature > li:nth-child(even) {background: #f1f2f7;}
.feature > li:nth-child(even) > dl {padding-left: 0px; padding-right: 200px;}
.feature > li:nth-child(even) > dl .ico {left: auto; right: 30px;}
.feature > li > dl {padding-left:200px; height:160px; line-height: 150%; display: table-cell; box-sizing: border-box; vertical-align:middle;}
.feature > li > dl .ico {position: absolute; left:30px; top:50%; transform: translateY(-50%); -wbkit-transform: translateY(-50%)}
.feature > li > dl .ico img {max-width:100%; }
.feature > li > dl .ico .txt {width: 100%; text-align: center; display: block;}
.feature > li > dl dt {font-size: 1.55em; padding: 0px 0px 15px 0px; line-height: 140%; font-weight:300;}

.record_wrap > h4 {text-align: center; padding-bottom:10px; padding-top:40px; font-weight: 600; font-size: 36px; line-height:130%; text-align: center;}
.record_wrap .year {text-align:center;font-weight: 100; font-size: 24px; line-height: 130%;}
.record_wrap > ul {overflow: hidden; padding:30px 0px;}
.record_wrap > ul > li {float: left; width:20%; box-sizing: border-box; padding: 5px; text-align: center;}
.record_wrap > ul > li > dl {font-size:20px;}
.record_wrap > ul > li > dl > dt {line-height: 130%; font-weight:300; font-size: 1.05em; padding-bottom: 10px;}
.record_wrap > ul > li > dl > dd {padding:10px 0px; line-height: 140%; font-weight: 100;}
.record_wrap > ul > li > dl > dd > strong {font-size:1.5em; line-height:100%; padding: 0px 4px; font-weight:600;}

/*atab*/
.atab { margin:0 auto 40px; z-index: 100;}
.atab:after {clear:both; display:block; content:"";}
.atab li {float:left; width:20%; box-sizing:border-box; position:relative; display: table; }
.atab li span {cursor:pointer; display:table-cell; width: 100%; height:50px; vertical-align: middle; background:#fff; line-height:20px; padding:0px 0px; text-align:center; color:#999999; box-sizing:border-box; border:1px solid #dfdfdf; font-size:1.1em; font-weight: 400;}

.atab li.on span {background: #4fa833; color: #fff; border:1px solid #4fa833 !important; }
/*.atab li.on a:after {display: block; content: ""; width:20px; height: 20px; background: #fff; position: absolute; left:50%; bottom:-22px; transform: rotate(45deg) translateX(-50%);}*/
.atab.two li {width:50%;}
.atab.three li {width:33.33%;}
.atab.four li {width:25%;}
.atab.two_row > li {margin: -1px 0px 0px -1px}
.atab.two_row > li.on {margin-top:-1px;}
.atab.two_row > li.on a {height: 50px;}
.atab.two_row > li > a {border-left:1px solid #cccccc;}

.subMbFixed {
	position: fixed;
	top: 60px;
	max-width:1202px;
	width:100%;
}

/* member */
.login_wrap {margin:0 auto; border: 1px solid #cccccc; background: #fff; padding:35px 45px; box-sizing: border-box;}
.login_wrap .login_bt .btn {height: 66px; background-color: #4fa833; border: 1px solid #4fa833; color: #fff; padding: 12px; line-height:40px; display: block; font-size: 22px; text-align: center;font-weight:300; width: 100%; cursor: pointer; box-sizing: border-box; -moz-box-size: border-box;}
.login_wrap .id_save {font-size:15px; color:#000; margin:0px 0px 20px 0px; float: left;}
.signup {padding:30px 0px 15px 0px;}
.signup_or {position:relative; margin-bottom:5px; text-align:center; background:url(/img/common/line.gif) repeat-x left center;}
.signup_or_text {background-color:#fff; display:inline-block; padding:8px; font-size:14px; font-weight: 500; color:#82888a;}
.signup li { margin-bottom:5px;}
.signup li input {width:100%; height:60px; padding:8px 10px; display:block; border:1px solid #cccccc; border-radius:0px; background-color:#f7f7f7; color:#565a5c; box-sizing:border-box; -moz-box-size:border-box; font-size:15px;}
.find_idpw {text-align: right; padding: 10px 0px 20px 0px; font-size: 0px;}
.find_idpw > li {display: inline-block; vertical-align: top; font-size: 15px; line-height: 20px; padding-left:10px; margin-left: 10px; background: url(/img/common/top_line2.gif) no-repeat left center; color: #666666; font-weight:400;}
.find_idpw > li:first-child {background: none; padding: 0px; margin: 0px;}
.find_idpw > li:nth-child(2) {background: none; padding: 0px; margin: 0px;}
.find_idpw > li a {font-size:15px; color:#666666; font-weight:400;}

.join_txt {padding:10px 0px 10px 40px; min-height:20px; margin-top:10px; background:url(/img/common/ico_idpw.gif) no-repeat left 5px; display:inline-block;}

.join_go {padding:18px 0px 0px 0px; text-align:center; margin:18px 0px 0px 0px; border-top:1px solid #cccccc}

.join_go > a {background-color: #fff; color: #042f67; padding: 12px; line-height: 40px; display: block; font-size:22px; text-align: center; font-weight:300; width: 100%; border: 1px solid #042f67; cursor: pointer; box-sizing: border-box; -moz-box-size: border-box;}

.member_wrap {max-width:590px; margin:0 auto;}
.check_boxW {background:#fff; border:1px solid #dadada; padding:15px 5px;}
.add_bt {position: absolute; right: 0px; top: 0px;}

.join_type {overflow: hidden;}
.join_type.one > dl {float: none; width: 100%; max-width: 500px; margin: 0 auto; padding-top: 50px; padding-bottom: 50px;}
.join_type.two > dl {width: 50%;}
.join_type > dl {float: left; width:25%; box-sizing: border-box; border: 1px solid #cccccc; border-left:none; padding: 30px 10px 30px 10px;  text-align: center; margin-top: 10px;}
.join_type > dl:first-child {border-left: 1px solid #cccccc;}
.join_type > dl > dt {font-size:22px; line-height: 140%; padding-bottom: 5px;}
.join_type > dl > dt .ico {display: block; text-align: center; padding: 0px 10px 10px 10px;}
.join_type > dl > dt strong {display: block; min-height:55px; font-weight: 700; line-height: 140%;}
.join_type > dl > dt .f_s {display: block; font-size:0.8em;  line-height: 130%;}
.join_type > dl > dd {font-size:15px; line-height: 140%; font-weight: 300; min-height: 100px;}
.join_type > dl > dd.txt {padding: 10px 0px 30px 0px;}
.join_type > dl > dd.input_a input {max-width:300px; height: 40px; margin:0 auto; }
.join_type > dl > dd.bt {padding-top:10px; min-height: auto;}
.join_type > dl > dd.bt a {display: inline-block; font-size:15px; font-weight: 300; line-height: 20px; padding: 10px 0px; text-align: center; background:#0c91dd; color: #fff; min-width: 120px;}
.join_type > dl > dd.bt.two a {min-width: 110px;}

/*
.join_step {position: relative; margin:10px 0px 25px 0px;}
.join_step:after {display: block; content: ""; position:absolute; left:50%; top:25px; height:1px; background: #0570be; width: 100%; transform: translateX(-50%); -webkit-transform: translateX(-50%);}
.join_step > ol {max-width:520px; overflow: hidden; margin: 0 auto; position: relative; z-index: 9}
.join_step > ol > li {float: left; padding:0px 0px 0px 0px; font-size:16px;  color: #000000; font-weight: 300; text-align: center; width:20%; }
.join_step > ol > li .num {display: inline-block; width:48px; height:48px; line-height:48px; box-sizing:border-box; border: 1px solid #cccccc; border-radius:100%; overflow: hidden; background: #fff; text-align: center; font-size: 20px; font-weight: 500; color: #999999}
.join_step > ol > li .txt {display: block; padding-top:7px; line-height: 140%;}

.join_step > ol > li.on .num {border: 1px solid #0570be; border-radius:100%; overflow: hidden; background:#0570be; color: #fff;}
.join_step > ol > li.on .txt {color: #000; font-weight: 500;}
*/

.leave {padding:170px 0px 0px 0px; margin-top: 40px; background: url(/img/mypage/ico_leave.gif) no-repeat center top;} 
.gray_box {border: 1px solid #e9e9e9; padding:28px 20px; background: #fafafa}
.gray_box.gray_box_s {padding: 10px;}
.et_profile {overflow: hidden; margin-left: -3px;}
.et_profile > li {float: left; margin-left: 3px;}
.et_profile > li select {min-width:140px;}
.et_profile > li.bt {float: right;}
.bt_ib > li {display: inline-block; padding-top: 5px;}



.txt_pa > li {position: relative; padding-left:60px; font-weight: 300; color: #000; line-height: 140%;  margin-bottom: 10px; font-size: 1.05em;}
.txt_pa > li > strong {position: absolute; left: 0px; top: 0px; color:#666666}

.error_wrap {text-align: center;}
.error_wrap .error_msg {font-size:36px; color:#333333; line-height: 150%; font-weight:700; padding: 50px 0px 30px 0px; background: url(/img/common/tit_line.gif) no-repeat center bottom; margin-bottom:30px;}
.error_wrap .error_msg2 {font-size:16px; color:#333333; line-height: 150%; }
.error_wrap .error_msg2 .mail {display: inline-block; padding-left: 20px; color:#ed1b23; background: url(/img/common/ico_mail.gif) no-repeat left center; margin-left: 3px;}

input[type=text], input[type="password"], input[type="search"], input[type="email"], input[type="url"], input[type="number"], input[type="tel"], select, textarea {line-height:34px; min-height:34px; vertical-align:middle; font-family:Noto Sans, dotum, gulim; transition:border-color 0.2s; border:1px solid #ccc; border-radius:0px; color:#565a5c; box-sizing:border-box; -moz-box-size:border-box; background-color: #fff; font-size: 1em; font-weight: 300;}

input {vertical-align:middle; -webkit-appearance: none;  -webkit-border-radius: 0;}
input[type="radio"] {-webkit-appearance: radio; box-sizing: border-box;}
input[type="radio"], input[type="checkbox"] {margin:3px 0.5ex; *margin:0px 0.5px; padding:initial; background-color:initial; border:initial;}
ime_mode {ime-mode:disabled; }


.ez-hide {width:25px;height:25px;opacity:0;filter:alpha(opacity=0); margin:0px !important; position: absolute; left:0px; top: 0px;}
.ez-checkbox {display:inline-block;width:16px;height:16px;background:url('/img/common/checkbox2.png') 0 0 no-repeat; padding-right: 5px; vertical-align: middle; position: relative;}
.ez-radio {display:inline-block;width:24px;height:24px;background:url('/img/common/radio.png') 0 0 no-repeat; padding-right: 5px; vertical-align: middle; position: relative;}
.ez-checked {background-position: 0 bottom !important;}
.ez-selected {background-position: 0 bottom !important;}
.ez-checkbox, .ez-radio {zoom:1; *display:inline; margin-top:-2px;}

.ckeck .ez-hide {width:25px;height:25px;}
.ckeck .ez-checkbox {width:25px;height:25px; background: transparent url('/img/common/checkbox3.png') 0 0 no-repeat; }

.big {font-size: 1.15em;}
.big .ez-radio {width:29px;height:29px;background:url('/img/common/radio_big.png') 0 0 no-repeat;}
.big .ez-hide {width:28px;height:28px;}

input::-webkit-input-placeholder { color:#999999; font-weight: 300; }
input::-moz-placeholder { color:#999999; font-weight: 300; }
input:-ms-input-placeholder { color:#999999; font-weight: 300; } 

.select_ds {position: relative;}
.select_ds select {width:100%; padding:0px 0px 0px 10px; box-sizing:border-box; -moz-box-size:border-box; height:40px;}

.join_step {position: relative; margin:10px 0px 45px 0px;}
.join_step > ol {text-align: center; font-size: 0px; position: relative; z-index: 9; margin: 0px -1px 0px 1px;}
.join_step > ol > li {display: inline-block; border: 1px solid #cccccc; font-size:16px; color: #000000; font-weight: 300; text-align: left; width:33.33333%; box-sizing: border-box; padding: 10px 35px; margin-left: -1px;}

.join_step > ol > li .num {display: block; color: #999999; font-size: 17px; font-weight: 100;}
.join_step > ol > li .txt {display: block; padding-top:3px; color: #999999; line-height: 140%; font-weight:700; font-size: 22px;}
.join_step > ol > li.on {background: url(/img/member/join_step_on.gif) no-repeat 90% center; border: 1px solid #042f67; z-index: 99; position: relative;}
.join_step > ol > li.on .num {color: #042f67;}
.join_step > ol > li.on .txt {color: #042f67; }


.certify {text-align: center; padding-top: 50px;}
.certify:before {display: block; content: url(/img/member/certify.png);}
.certify dt {font-size: 22px; line-height: 140%; padding-bottom: 10px;}

.mentor_box {font-size: 15px; font-weight: 300;}
.all_check {text-align: center; padding: 15px 5px; margin: 30px 0px; background: #f5f5f5}


.print_wrap #header {display: none !important}
.print_wrap .sub_visual {display: none !important}
.print_wrap #lnb_wrap {display: none !important}
.print_wrap .title_bar {display: none !important}
.print_wrap .page_tab {display: none !important}
.print_wrap #footerW {display: none !important}
.print_wrap .print_bt {display: none !important}
.print_wrap .p_none {display: none !important}
#wrap.print_wrap {padding:0px !important}

.ico_notice {display: inline-block; vertical-align: middle; padding:4px 10px; background: #ed2129; line-height:20px; color: #fff; }

.date_picker_two {overflow: hidden; position: relative}
.date_picker_two .date_picker {float: left; width:47%;}
.date_picker {position: relative; padding-right: 40px; box-sizing: border-box;}
.date_picker .input {width: 100%;}
.date_picker img {position: absolute; right: 0px; top:50%; margin-top: -15px; width: 30px; height: 30px;}
.date_picker.two_col .input {width: 100%;}
.date_picker_two .col-sm-2  {float: left; width:47%;}
.date_picker_two .pa {left: 50%; top:0%; line-height: 30px; text-align: center; width: 10px; margin:0px 0px 0px -5px;}


.bt_include {position: relative; padding-right: 100px; box-sizing: border-box;}
.bt_include .add_bt {position: absolute; right: 0px; top: 0px;}
.bt_include select {width: 100%; max-width: 100%;}
.bt_include2 {padding-right:65px; margin: 0 auto;}



.visitw {background: #eceff4;}
.visitw > ul { overflow:hidden;}
.visitw > ul > li {float:left; min-height: 290px; width: 25%; box-sizing: border-box; text-align: center; color: #000; position: relative; padding:30px 10px; }
.visitw > ul > li:first-child:before {display: none;}
.visitw > ul > li .txt_t {display: block; font-size: 1.2em; line-height: 140%; color:#000; font-weight:500;}
.visitw > ul > li .ico {display: block; padding: 15px 0px;}
.visitw > ul > li:before {display: block; content: ""; width:67px; height:67px; background: url(/img/exhibitor/arrow.png) no-repeat center center;  position: absolute; left: 0px; top:120px; margin-left: -33px;}


.applyw {background: #eceff4;}
.applyw > ul { overflow:hidden;}
.applyw > ul > li {float:left; min-height: 290px; width: 25%; box-sizing: border-box; text-align: center; color: #000; position: relative; padding:30px 10px; }
.applyw > ul > li:first-child:before {display: none;}
.applyw > ul > li .txt_t {display: block; font-size: 1.2em; line-height: 140%; color:#000; font-weight:500;}
.applyw > ul > li .ico {display: block; padding: 15px 0px;}
.applyw > ul > li:before {display: block; content: ""; width:67px; height:67px; background: url(/img/events/arrow.png) no-repeat center center;  position: absolute; left: 0px; top:120px; margin-left: -33px;}

.applyw > ul > li.brown:before {display: block; content: ""; width:67px; height:67px; background: url(/img/events/arrowB.png) no-repeat center center;  position: absolute; left: 0px; top:120px; margin-left: -33px;}

.applyw > ul > li.green:before {display: block; content: ""; width:67px; height:67px; background: url(/img/events/arrowG.png) no-repeat center center;  position: absolute; left: 0px; top:120px; margin-left: -33px;}

.title_bar {max-width: 1200px; margin:0px auto 50px auto; padding-top:40px; background: url(/img/common/title_bg.png) no-repeat right top; position: relative;}
.title_bar h2 {font-size:36px; text-align: center; font-weight:600; color:#333333; line-height:140%; transition: all 0.2s 0s ease-in-out;}

.title_bar .s_txt {font-size:24px; color:#333333; padding-top:30px; line-height: 140%; font-weight:300; word-break: keep-all}
.big_tit {font-size:46px; color:#000000; line-height:100%; transition: all 0.2s 0s ease-in-out; font-weight:700; padding: 40px 0px 30px 0px;}


.location {position: relative; text-align: right; margin: 0 auto; margin-top:20px; line-height:40px; height:40px; font-size:15px;}
.location span {display:inline-block; zoom:1; *display:inline; padding-left:20px; margin-left:14px; background:url(/img/common/location.png) no-repeat left center; color:#666666; font-weight:100;}
.location span:first-child {padding-left:0px; margin-left:0px; background:none}
.location #location_2 {font-weight:400; color: #333333}
.location #location_3 {font-weight:400;}
.location img {vertical-align:middle; margin-top: -4px;}
.sub_con { max-width: 1200px; margin: 0 auto; font-size:17px; font-weight: 300; line-height: 160%; word-break: keep-all;}
.sub_con > .s_tit:first-child {margin-top: 0px;}
.sub_con img {max-width: 100%;}

.s_tit {font-size: 32px; color: #4fa833; line-height: 120%; padding:0px 0px 25px 0px; margin-top:50px; font-weight:700;}
.s_tit > span {display: inline-block; position: relative; z-index: 1}
/*.s_tit:after {display: inline-block; content: ""; z-index: 0; width:15px; height: 15px; vertical-align: top; border-radius:100%; background: #f26522; margin-left: -10px;}*/
.s_tit.tc {text-align: center; background: none !important; padding-left: 0px;}
.ss_tit {font-size:26px; position: relative; color: #000; line-height: 140%; padding:0px 0px 0px 0px; margin-bottom:20px; margin-top: 45px; font-weight: 700;}
/*.ss_tit:before {display: block; content: ""; width:7px; height:24px; background:#0f7bc6; position: absolute; left: 0px; top:4px;}
.ss_tit > span{font-weight: 300;}*/
.s_titW {max-width: 1200px; margin:0 auto; padding: 50px 0px 5px 0px;}

.sss_tit {font-size:20px; color:#000; padding:0px 0px 0px 20px; margin:40px 0px 10px 0px; line-height:140%; position: relative;}
.sss_tit:before {display: block; content: ""; width:10px; height:10px; background:#144085; border-radius:100%; position: absolute; left: 0px; top:8px;}
.b_txt {font-size:20px; color: #000000; padding:40px 0px 15px 0px; line-height: 150%;}
.s_txt_r {text-align: right; margin-top: -35px; height: 20px; padding-bottom:15px;}
.s_txt_r2 {height: 40px; margin-top: -55px;}
.imgW img {max-width:100%;}
.txt_in {padding-left:20px;}

.div_line {border-top:1px solid #aab7cc; margin-top: 50px; padding: 50px 0px; display: block}

.box_txt {border: 1px solid #d0d0d0; text-align: center; background: #f4f6f7; font-size: 22px; line-height: 140%; color:#004497; padding:30px 0px;}
.first_txt {font-size: 2em; line-height: 140%; color: #000;}

.on_recruit{text-align:center;}
.on_recruit > span{display:inline-block; font-size: 1.5em; color: #333; line-height: 120%; padding: 0px 0px 25px 0px; font-weight: 500; padding-left:25px; position:relative; text-align:left;}
.on_recruit > span:before{display: block; content: ""; width:15px; height: 15px; background: #ff3333; position: absolute; left:0px; top:8px; border-radius:100%;}

.map_wrap {overflow: hidden; box-sizing: border-box; border: 1px solid #ccc;}
.map_wrap {width: 100%; height:400px;}
.map_wrap iframe {width: 100% !important; height: 100% !important;}
.map_address {font-size:1.4em; padding-left:65px; background: url(/img/introduce/map.gif) no-repeat left top; min-height:54px; box-sizing: border-box; padding-top:10px; line-height: 140%; margin-bottom: 20px;}
.map_btn_wrap {float: right; width: 100%; padding-top: 30px; max-width:560px; }
.map_btn_wrap > p {line-height: 140%; font-weight: 100; padding-bottom: 5px; font-size: 1.15em;}
.map_btn_wrap .map_btn {overflow: hidden; margin:0px -3px;}
.map_btn_wrap .map_btn > li {float: left; width: 33.3333%; box-sizing: border-box; padding:3px;}
.map_btn_wrap .map_btn > li > a {min-width: 100%;}
.hall_info {border: 1px solid #ccc; margin-bottom: 40px; text-align: center; padding: 10px;}

/* bold 
strong, b, h4, h5, dt, th, .caption {font-family:Noto Sans, dotum, gulim; font-weight: 500;}
strong.eb, b.eb, .eb {font-family:Noto Sans, dotum, gulim; font-weight: 500;}*/
 /*글쓰기*/
.board-write {width:100%; border-bottom:1px solid #d9d9d9; font-size: 16px;}
.board-write tr:first-child th { border-top:none;}
.board-write tr:first-child td { border-top:none;}
.board-write th { background:#f4f5f8; border-top:1px solid #e0e0e0; line-height: 130%; padding:10px 5px 10px 20px; text-align:left; color:#2d2d2d; font-weight: 400}
.board-write th span {color:#82308e; padding-right:2px;}
.board-write.th_tc th {padding:13px 0 12px 0px; text-align:center;}
.board-write.th_tc th span {margin-left:-15px;}
.board-write td {border-top:1px solid #e0e0e0; height:36px; word-break: break-all; font-weight: 300; line-height:20px; padding:10px 10px 10px 10px; color: #666;}
.board-write td.tc {text-align:center;  padding:12px 0 11px 0px;}

.board-write td.file a { color:#737070; display:inline-block; padding-left:22px; background:url(/img/ico/add_file.gif) no-repeat left center;}
.board-write .input {min-height: 40px; line-height: 40px; width: 100%;}

.office_info {border: 1px solid #ccc; background: #f1f2f7;}
.office_info > h4 {padding: 20px; font-weight: 500; background: #fff; font-size: 1.05em;}
.office_info > ul {padding:10px 0px;}
.office_info > ul > li {display: inline-block; position: relative; margin: 5px 0px; vertical-align: top; padding:5px 20px 5px 20px;}
.office_info > ul > li:nth-child(1):before {display: none;}
.office_info > ul > li:nth-child(2):before {display: none;}
.office_info > ul > li:before {display: block; content: ""; width: 1px; height: 22px; background: #cccccc; position: absolute; left: 0px; top: 50%; margin-top: -11px;}
.office_info > ul > li:first-child {display: block}
.office_info > ul > li > strong {display: inline-block; vertical-align: top; padding-left:44px; background: url(/img/exhibitor/ico_user.png) no-repeat left top; min-height: 36px; padding-right: 5px;}

.office_info > ul > li > strong.ic_01{background: url(/img/member/ico_user.png) no-repeat left top;}
.office_info > ul > li > strong.ic_02{background: url(/img/member/ico_tel.png) no-repeat left top;}
.office_info > ul > li > strong.ic_03{background: url(/img/member/ico_mail.png) no-repeat left top;}


/* 첨부파일 버튼 디자인 */
.file_upload { /*padding-right:85px; padding-right:100px;*/ position:relative;}
.file_upload label {cursor:pointer; display:inline-block; overflow:hidden; padding: 0px 22px; height: 40px; line-height: 39px; background:#757a85; color: #fff;}
.file_upload label input {position:absolute; width:0; height:0; overflow:hidden; padding:0px; border:none;}
.file_upload > input {color:#737070; font-size:1em; background-color: #ffffff; border: solid 1px #ccc; width:100%;  box-sizing:border-box; -moz-box-size:border-box; min-height: 40px; line-height: 38px;}

.file_input2  > input {color:#737070; font-size:1em; background-color: #ffffff; border:none; box-sizing:border-box; -moz-box-size:border-box; min-height: 40px; line-height: 38px;}
.file_input2 label {cursor:pointer; display:inline-block; overflow:hidden; padding: 0px 22px; height: 40px; line-height: 39px; color:#fff; background:#757a85}
.file_input2 label input {position:absolute; width:0; height:0; overflow:hidden; padding:0px; border:none;}

.file_area {margin-top: 10px; width: 100%;}
.file_area > li {overflow:hidden; padding: 5px 35px 5px 5px; background:#f9f9f9; border-bottom:1px solid #ddd; position: relative;}
.file_area > li:first-child {border-top:1px solid #ddd;}
.file_area > li > span {display:block; vertical-align: middle; word-break: break-all;  width: 50%; float: left; box-sizing: border-box; padding: 0px 5px;}
.file_area > li > span.name {color:#337ab7; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}

.file_area > li .del {position: absolute; right: 5px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); border: 1px solid #ccc; border-radius:3px; background: #fff; height: 20px; line-height: 18px; min-width: 30px; text-align: center; color: #000;}
.file_area.img > li {display:inline-block; padding:5px; border:none;}
.file_area.img > li .pic {display:block; border:1px solid #ccc; padding:3px;}
.file_area.img > li > span {display:block; max-width:100px; float:none; width:100%;}
.file_area.img > li .del {position:relative; display:block; right:auto; top:auto; margin-top:5px; transform:none; -webkit-transform:none;}



.imp { color:#82308e; font-size:14px; width:10px; display:inline-block; zoom:1; *display:inline;}
.board-write th .totalW {padding:0px 20px 0px 0px;}
.board-write th .totalW li {color:#2d2d2d; height:25px; font-size:13px; line-height:25px; position:relative; padding-right:120px;}
.board-write th .totalW li span { display:block; position:absolute; right:0px; top:0px; color:#2d2d2d;}
.board-write th .totalW li.total { height:30px; color:#81308d; font-size:18px; line-height:30px; margin-top:16px; padding-top:10px; border-top:1px solid #d1d1d1;}
.board-write th .totalW li.total span {top:10px; color:#81308d;}
.board-write.bg_no th {background:none;}

/* font-size */
.f0  {font-size:0px;}
.f11 {font-size:11px;}
.f08 {font-size:0.8em !important;}
.f095 {font-size:0.95em;}
.f105 {font-size:1.05em; line-height: 150%}
.f115 {font-size:1.15em; line-height: 170%}
.fx2 {font-size:1.5em; line-height: 150%}
.f12 {font-size:12px;}
.f13 {font-size:13px !important;}
.f14 {font-size:14px !important;}
.f15 {font-size:15px !important; line-height:22px;}
.f16 {font-size:16px !important;}
.f17 {font-size:17px !important;}
.f18 {font-size:18px;}
.f20 {font-size:20px !important;}
.f23 {font-size:1.2em !important;}
.fb  {font-weight: 500} 
.feb  {font-weight: 700;} 
.fn  {font-weight: normal !important; font-weight: 300 !important;}
.txt_wrap {overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; width: 100%;}

/* font-color */
.green {color:#44993e;}
.fcor6 {color:#666666;}
.fcor3 {color:#333333;}
.fcor9 {color:#999 !important;}
.fcor0 {color:#000000;}
.fcora {color:#aaaaaa;}
.fcor4c {color:#4c4c4c;}
.fcor4b {color:#4b4b4b;}
.fcor68 {color:#68ab13;}
.fcor0e {color:#0e8e83;}
.fcor9e {color:#9e509c !important;}
.fcor88 {color:#882886 !important;}
.fcor86 {color:#868686;}
.fcor24 {color:#242424 !important;}
.red {color:#ed1b23 !important;}
.pink {color:#f0236e !important;}
.blue {color:#0c91dd !important;}
.org {color: #ff6600 !important;}
.purple {color:#86368c !important;}
.point_c {color: #4fa833 !important}

/* form */

input[type=text], input[type="password"], input[type="search"], input[type="email"], input[type="url"], input[type="number"], input[type="tel"], select, textarea {line-height:34px; min-height:34px; vertical-align:middle; font-family:Noto Sans, dotum, gulim; transition:border-color 0.2s; border:1px solid #ccc; border-radius:0px; color:#565a5c; box-sizing:border-box; -moz-box-size:border-box; background-color: #fff; font-size: 1em; font-weight: 300;}

input {vertical-align:middle; -webkit-appearance: none;  -webkit-border-radius: 0;}
input[type="radio"] {-webkit-appearance: radio; box-sizing: border-box;}
input[type="radio"], input[type="checkbox"] {margin:3px 0.5ex; *margin:0px 0.5px; padding:initial; background-color:initial; border:initial;}
ime_mode {ime-mode:disabled; }

/*
.ez-hide {width:13px;height:13px;opacity:0;filter:alpha(opacity=0); margin:0px !important; position: absolute; left:0px; top: 0px;}
.ez-checkbox {display:inline-block;width:16px;height:16px;background:url('/img/common/checkbox2.png') 0 0 no-repeat; padding-right: 5px; vertical-align: middle; position: relative;}
.ez-radio {display:inline-block;width:23px;height:23px;background:url('/img/common/radio.png') 0 0 no-repeat; padding-right: 5px; vertical-align: middle; position: relative;}
.ez-checked {background-position: 0 bottom !important;}
.ez-selected {background-position: 0 bottom !important;}
.ez-checkbox, .ez-radio {zoom:1; *display:inline; margin-top:-2px;}

.ckeck .ez-hide {width:25px;height:25px;}
.ckeck .ez-checkbox {width:25px;height:25px; background: transparent url('/img/common/checkbox3.png') 0 0 no-repeat; }

.big {font-size: 1.15em;}
.big .ez-radio {width:29px;height:29px;background:url('/img/common/radio_big.png') 0 0 no-repeat;}
.big .ez-hide {width:28px;height:28px;}

input::-webkit-input-placeholder { color:#999999; font-weight: 300; }
input::-moz-placeholder { color:#999999; font-weight: 300; }
input:-ms-input-placeholder { color:#999999; font-weight: 300; } 
*/
.select_ds {position: relative;}
.select_ds select {width:100%; padding:0px 0px 0px 10px; box-sizing:border-box; -moz-box-size:border-box; height:40px;}

.col-sm-2 .select_ds {width:50%; box-sizing:border-box; -moz-box-size:border-box; float:left;}
.col-sm-3 .select_ds {width:33.33%; box-sizing:border-box; -moz-box-size:border-box; float:left;}
.col-sm-4 .select_ds {width:25%; box-sizing:border-box; -moz-box-size:border-box; float:left;}
.col-sm-5 .select_ds {width:20%; box-sizing:border-box; -moz-box-size:border-box; float:left;}
.col-sm-2:after, .col-sm-3:after, .col-sm-4:after, .col-sm-5:after { display:block; clear:both; content:"";} 

.pa_minus {display: block;line-height:30px; position: absolute !important; right: 0px; top:50%; margin-top: -15px;}
.pa_label {display:block; line-height:35px; position: absolute !important; left:0px; top:50%; margin-top:-18px;}



.input {
          color:#737070; 
		  
		  background-color:#ffffff;
		  border:solid 1px #cccccc; 
		  height:18px;
		  padding:0px 5px 0 10px;
		
}	
.input3 {
          color:#888888; 
		  font-size:0.95em; 
		  background-color:#ffffff;
		  border:solid 1px #ffffff; 
		  height:16px;
		  vertical-align:middle;
		
}	
input.input5 {
    width: 100%;
    color: #737070;
    background: #fff;
    border: solid 1px #cccccc;
    height:40px;
    line-height:38px;
    padding:0px 10px;
    font-size:14px;
    
    outline: 0;
    border-radius: 0px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.textarea2 {
          color:#666666; 
		  font-size: 9pt; 
		  background-color:#ebebeb;
		  border:solid 0  #BDBDBD;
		  padding:2px;
		  }
.textarea {
	      border:solid 1px #cccccc; 
		  background-color:#ffffff;
		  padding:10px 10px;
		  line-height:140%;
		  color:#737070;
		  width:100%;	
          font-size:14px;
}
textarea, .scr	{
	scrollbar-face-color:#ffffff;		/* bar 의 표면색 */
	scrollbar-highlight-color:#d0d0d0;	/* 밝게 빛나는 좌상단 모서리 */
	scrollbar-3dlight-color:#ffffff;	/* 좌상단 모서리 아래부분 */
	scrollbar-shadow-color:#d0d0d0;		/* 그림자 지는 우하단 */
	scrollbar-darkshadow-color:#ffffff;	/* 그림자 우하단 */
	scrollbar-track-color:#f7f7f7;		/* 스크롤 트랙의 색 */
	scrollbar-arrow-color:#968a7c;		/* 삼각형부분 */
	overflow-x:hidden;overflow-y:auto; 
}	 

select {border:none; font-family:Noto Sans; font-weight: 300; color:#565a5c; border:1px solid #cccccc; border-radius:0px; box-sizing: border-box;}
.select {height: 40px;}
.select2 {height:28px; width:100%; max-width:90px; min-height: 28px; line-height: 28px;}



.scrollbar1 {
	scrollbar-3dlight-color:#c7c7c7;
	scrollbar-arrow-color:#7b7b7b;
	scrollbar-base-color:#c7c7c7;
	scrollbar-darkshadow-color:#c7c7c7;
	scrollbar-face-color:#f7f7f7;
	scrollbar-highlight-color:#f9f9f9;
	scrollbar-shadow-color:#c7c7c7;
}

.scrollbox {
    height: 200px;
    padding: 12px;
    overflow: auto;
    background: #efeef3;
    border: 1px solid #dadadc;
    overflow-x: hidden;
    font-size:0.9em; 
    font-weight: 300;
}
.scrollbox2 {
    border-top:1px solid #000;
    padding-top: 20px;
    max-height:350px;
    padding: 12px;
    overflow: auto;
    background: #fff;
    
    overflow-x: hidden;
    
    font-weight: 300;
}


/* margin,padding */ 
.mt-28 {margin-top:-28px;}

.mt0 {margin-top:0px !important;}
.mt2 {margin-top:2px;}	
.mt3 {margin-top:3px;}
.mt4 {margin-top:4px;}
.mt5 {margin-top:5px;}	 
.mt7 {margin-top:7px;}
.mt8 {margin-top:8px;}
.mt10 {margin-top:10px !important;}
.mt15 {margin-top:15px !important;}
.mt18 {margin-top:18px;}
.mt20 {margin-top:20px !important;}
.mt22 {margin-top:22px;}
.mt25 {margin-top:25px !important;}
.mt30 {margin-top:30px;}
.mt40 {margin-top:40px;}
.mt50 {margin-top:50px !important;}
.mt60 {margin-top:60px !important;}
.mt70 {margin-top:70px !important;}
.mt95 {margin-top:95px !important;}
.mr5 {margin-right:5px ;}
.mr6 {margin-right:6px !important;}
.mr7 {margin-right:7px !important;}
.mr8 {margin-right:8px !important;}
.mr15 {margin-right:15px !important;}
.mr20 {margin-right:20px !important;}
.mr0 {margin-right:0px !important;}

.mb0 {margin-bottom:0px !important;}
.mb2 {margin-bottom:2px;}
.mb5 {margin-bottom:5px;}
.mb7 {margin-bottom:7px;}
.mb10 {margin-bottom:10px;}
.mb15 {margin-bottom:15px;}
.mb18 {margin-bottom:18px !important;}
.mb20 {margin-bottom:20px;}
.mb25 {margin-bottom:25px;}	
.mb48 {margin-bottom:48px;}	

.ml0 {margin-left:0px !important;}
.ml3 {margin-left:3px;}
.ml4 {margin-left:4px;}
.ml5 {margin-left:5px !important;}
.ml9 {margin-left:9px;}
.ml10 {margin-left:10px;}
.ml15 {margin-left:15px !important;}
.ml16 {margin-left:16px;}
.ml17 {margin-left:17px;}
.ml20 {margin-left:20px;}
.ml30 {margin-left:30px !important;;}
.ml50 {margin-left:50px;}
.ml65 {margin-left:65px;}
.ml100 {margin-left:100px;}
.mlr10 {margin:0px 10px;}

.pl0 {padding-left:0px !important;}
.pl3 {padding-left:3px;}
.pl5 {padding-left:5px;} 
.pl10 {padding-left:10px !important;}
.pl13 {padding-left:13px;}
.pl15 {padding-left:15px}
.pl20 {padding-left:20px !important;}
.pl23 {padding-left:23px;}
.pl25 {padding-left:25px;}
.pl30 {padding-left:30px !important;}
.pl32 {padding-left:32px;}
.pl33 {padding-left:33px;}
.pl34 {padding-left:34px;}
.pl35 {padding-left:35px;}
.pl36 {padding-left:36px;}
.pl37 {padding-left:37px;}
.pl38 {padding-left:38px;}
.pl39 {padding-left:39px;}
.pl40 {padding-left:40px;}
.pl50 {padding-left:50px;}
.pl60 {padding-left:60px;}
.pl65 {padding-left:65px;}
.pl70 {padding-left:70px;}
.pl75 {padding-left:75px;}
.pl93 {padding-left:93px;}
.pl7 {padding-left:7px;}

.pr0 {padding-right:0px !important;} 
.pr5 {padding-right:5px;} 
.pr10 {padding-right:10px;}
.pr13 {padding-right:13px;}
.pr15 {padding-right:15px;}
.pr18 {padding-right:18px;}
.pr20 {padding-right:20px;}
.pr25 {padding-right:25px;}	
.pr30 {padding-right:30px;}
.pr34 {padding-right:34px;}
.pr35 {padding-right:35px !important;}
.pr40 {padding-right:40px !important;}
.pr45 {padding-right:45px !important;}
.pr50 {padding-right:50px;}
.pr55 {padding-right:55px;}
.pr60 {padding-right:60px !important;}
.pr65 {padding-right:65px !important;}
.pr74 {padding-right:74px !important;}
.pr120 {padding-right:120px !important;}

.pt0 {padding-top:0px !important;}
.pt2 {padding-top:2px !important;}
.pt3 {padding-top:3px !important;}
.pt5 {padding-top:5px;} 
.pt7 {padding-top:7px;}
.pt8 {padding-top:8px !important;}
.pt10 {padding-top:10px !important;}
.pt13 {padding-top:13px;}
.pt15 {padding-top:15px !important;}
.pt17 {padding-top:17px;}
.pt19 {padding-top:19px;}
.pt20 {padding-top:20px !important;}
.pt22 {padding-top:22px;}
.pt25 {padding-top:25px;}
.pt30 {padding-top:30px !important;}
.pt35 {padding-top:35px;}
.pt38 {padding-top:38px !important;}
.pt40 {padding-top:40px !important;}
.pt45 {padding-top:45px;}
.pt50 {padding-top:50px !important;}
.pt55 {padding-top:55px !important;}
.pt60 {padding-top:60px;}
.pt65 {padding-top:65px;}
.pt70 {padding-top:70px;}
.pt80 {padding-top:80px;}
.pt90 {padding-top:90px;}
.pt95 {padding-top:95px !important;}
.pt100 {padding-top:100px;}

.pb0 {padding-bottom:0px !important;} 
.pb5 {padding-bottom:5px;} 
.pb8 {padding-bottom:8px;}
.pb9 {padding-bottom:9px;}
.pb10 {padding-bottom:10px !important;}
.pb13 {padding-bottom:13px;}
.pb15 {padding-bottom:15px !important;}
.pb20 {padding-bottom:20px !important;}
.pb25 {padding-bottom:25px;}
.pb30 {padding-bottom:35px;}  
.pb35 {padding-bottom:35px;}
.pb48 {padding-bottom:48px;}

.ptb15 {padding:15px 0;}
.prl20 {padding:0px 20px !important;}
.padd_no { padding:0px !important;}
.padd_no table td { padding:0px !important;}

/* align */
.fl {float:left;}
.fr {float:right !important;}
.cb {clear:both;} 	
.pa {position:absolute;}
.pr {position:relative; *z-index:999;}
.mauto {margin:0 auto;}
.btn-r {margin-top:20px; text-align:right;}
.btn-rb {margin-bottom:-106px; text-align:right; height:89px; padding-top:17px;}

.v0 {*vertical-align:0px !important;}
.v2 {*vertical-align:-2px !important;}
.vm {vertical-align:middle;}
.tc {text-align:center !important;}
.tl {text-align:left !important;}
.tr {text-align:right !important;}

.of_auto{overflow:auto}
.of_hi {overflow:hidden}

.bg_no {background-image:none !important;}
.br_no {border:none !important;}
.bl_no {border-left:none !important;}
.bb_no {border-bottom:none !important;}
.bt_no {border-top:none !important;}
.text_line { text-decoration:underline;}
.li_he16 { line-height:160%;}
.li_he15 { line-height:150%;}
.li_he14 { line-height:140%;}
.li_he13 { line-height:130%;}
.li_he12 { line-height:120%;}
.ib {display:inline-block; vertical-align:middle; *display:inline;}
.db {display:block !important;}
.parking {text-align: center; font-size: 0px;}
.parking:after {display: block; content:url(/img/common/parking.jpg);}


/* bul */
.bul_num > li {
	padding-left:23px;
    text-indent: -23px;
	line-height:150%;
	margin:5px 0px;
    font-size: 1em;
	min-height:20px;
}
.bul_num > li > ul {
	padding-left:17px;
}
.bul01 > li {
	padding-left:14px;
    position: relative;
	line-height:140%;
	margin:3px 0px;
    font-size: 1em;
	min-height:20px;
}
.bul01 > li:after {display: block; content: ""; width:4px; height:4px; border-radius:100%; position: absolute; left: 0px; top:9px; background: #4fa833}
.bul01.big > li {
    font-size: 1.14em;
	margin-top: 10px;
}
.bul01.big > li:first-child {margin-top: 0px;}
.bul01.big > li:after {top:12px;}


.bul02 li {
	padding-left:8px;
    text-indent: -7px;
	line-height:140%;
	margin:5px 0px;
	min-height:20px;
}

.bul04 li {
	padding-left:11px;
	line-height:140%;
	margin:5px 0px;
	min-height:20px;
}

/* skip */
#skipToContent {
	font-size: 0;
    left: 0;
    line-height: 0;
	position: absolute;
	top: -30px;
	width: 100%;
	z-index: 999999;
}
#skipToContent a:active, #skipToContent a:focus {
	font-size:13px;
	background-color: #333333;
	border: medium none;
	color: #FFFFFF;
	height: 30px;
	left: 0;
	position: absolute;
	text-align: center;
	text-decoration: underline;
	top: 30px;
	line-height: 30px;
	width: 100%;
	display: block;
}

/*회원가입*/
.join_box{overflow:hidden;max-width:1000px;margin:0 auto;}
.join_box.pa_rl{padding:0px 17%;}
.agency_join {float:left; width:50%; margin:0 auto;	text-align:center; box-sizing:border-box; padding:30px 40px;}
.agency_join.two{width:50%;}
.agency_join.btnsbg01{background-color:#071c5f;}
.agency_join.btnsbg02{background-color:#2f4da0;}
.agency_join.btnsbg03{background-color:#0181c9;}
.agency_join > h3{font-weight: 600; font-size: 2.1em; color: #fff; padding: 20px 0px 60px 0px; line-height: 120%;}
.join_btn{display: block; width: 100%; height: 60px; background-color: #fff; border: 0px; margin: 60px 0px 20px 0px;}
.join_btn > span{line-height:60px; height:60px; font-weight: 600; font-size: 1.1em; color: #333; }
.etc_btns{text-align:right; font-size:0px;}
.etc_btns > li{display: inline-block; vertical-align: top; font-size: 15px; line-height: 20px; padding-left: 5px; margin-left: 5px;}
.etc_btns > li > a{text-align: right; font-weight: 300; font-size: 0.85em; color: #fff; }

.sign_box {clear:both; width:100%; text-align:right; margin-top:30px; font-size:16px; line-height:35px;}
.sign_box .sign {box-sizing:border-box; position:relative;}

.interest{box-sizing: border-box; text-align: center; display: block; background: #386fd3; padding: 3px;}
.interest span {color: #fff; font-size: 0.95em; display: inline-block;}

/*함께하는 기업*/
.comp_listW {width:100%;}
.comp_listW > ul {overflow:hidden;}
.comp_listW > ul > li > a {display:block; position:relative;}
.comp_listW > ul > li {width:33.33333%; float:left; text-align:center;  transition: all 0.3s 0s ease-in-out;}
.comp_listW > ul > li > div {margin-left:10px;  margin-top:10px;  border: 1px solid #cccccc;}
.comp_listW > ul > li > div > a {display: block; position: relative;}

.comp_listW > ul > li > div:hover {border-color:#333;}
.comp_listW > ul > li > div > a:hover:after {display: block; content: ""; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; box-sizing: border-box; border:2px solid #333; }
.comp_listW > ul > li .photo {display:block; position: relative; overflow: hidden; padding-bottom:66.666666%}
.comp_listW > ul > li .photo img {width:100%;}
.comp_listW > ul > li .photo img {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);width:100%;}
.comp_listW > ul > li .txt {display: block; overflow: hidden; padding:25px 15px 20px 15px; color: #000000; font-size:15px; line-height: 20px; text-align: right;}
.comp_listW > ul > li .s_txt {display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; font-weight:500; color:#000; height:20px; line-height:20px; padding-bottom:10px; font-size:16px; text-align: left;}
.comp_listW > ul > li .tit {display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; font-weight:500; color:#000; height:20px; line-height:20px; padding-bottom:10px; font-size:17px; text-align: left;}
.comp_listW > ul > li .txt_s {display: block; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; text-align: left; line-height: 20px; height:40px; color: #666666;}
.comp_listW > ul > li .date {display: inline-block; padding-left:25px; margin-top: 15px; padding-right: 10px; background: url(/img/common/ico_day2.png) no-repeat left center;}

.comp_listW .comp_list {margin-left: -7px; margin-top:0px;}
.comp_listW .comp_list > li .tit {text-align: center;}
.comp_listW .comp_list > li .s_txt {text-align: center; overflow: hidden; white-space:normal; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-weight: 100; line-height: 20px; height: 40px;}
.comp_list > li {padding:10px 0px 0px 7px; min-height:100px; box-sizing: border-box;}
.comp_list > li > a {display: block;}
.comp_list > li > a .pic {display: block; height:130px; text-align: center; border: 1px solid #cccccc; position: relative; overflow: hidden; margin-bottom:0px;}
.comp_list > li > a .pic img {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); max-width: 100%; max-height: 100%; width: auto !important}

.loading_area {position:fixed; width:100%; height:100%; z-index:99999;}
.loading_area #bg {background-color:#000; display:block; height:100%; left:0;  opacity:0.5; filter:alpha(opacity=50); position:fixed; top:0; width:100%; z-index:9999;}
.loading_area .loading_img { position:fixed; left:50%; top:50%; z-index: 99999}

.loader {height: 4px; width: 100%; position: absolute; left:0px; top: 0px;z-index: 99999; overflow: hidden; background-color: #ddd;}
.loader:before{display: block; position: absolute; content: ""; left: -200px; width: 200px; height: 4px; background-color: #d53f41; animation: loading 2s linear infinite;}

/* border */
.no_r {border-right:none !important;}
.no_l {border-left:none !important;}
.no_b {border-bottom:none !important;}


/* title */
.s_title {height:20px; font-size:20px; color:#515151; font-family:Noto Sans, dotum, gulim; padding:30px 0px 10px 0px; clear:both;}
.ss_title {padding:20px 0px 10px 0px; clear:both;}
.s_title55 {height:55px; padding-top:60px; clear:both;}

.note {clear:both; padding-top:10px; font-size:0.95em; color:#737070;}
.ref {clear:both; font-size:12px; color:#8d8d8d;}
dl.note dt {display:inline-block; zoom:1; *display:inline; height:20px; line-height:20px; color:#fff; font-size:13px; padding:0px 5px; background:#8e8e8e;}
dl.note dd { color:#565656; line-height:20px; padding:2px 0px; font-size:13px;}



.loading_area {position:fixed; width:100%; height:100%; z-index:99999;}
.loading_area #bg {background-color:#000; display:block; height:100%; left:0;  opacity:0.5; filter:alpha(opacity=50); position:fixed; top:0; width:100%; z-index:9999;}
.loading_area .loading_img { position:fixed; left:50%; top:50%; z-index: 99999}

.loader {height: 4px; width: 100%; position: absolute; left:0px; top: 0px;z-index: 99999; overflow: hidden; background-color: #ddd;}
.loader:before{display: block; position: absolute; content: ""; left: -200px; width: 200px; height: 4px; background-color: #d53f41; animation: loading 2s linear infinite;}


/* 셀렉트 디자인 */
.st_select {min-width:50px; margin-right:2px; position:relative; font-weight: 400; display:inline-block; zoom:1; *display:inline; vertical-align:middle; z-index:9; }
.st_select p.pl10 {background:#fff; border:1px solid #d0d0d0;}

.st_select .select_input {height:25px; line-height:25px; border:none !important; width:100%; *width:97%; *border:1px solid #fff; padding:0px; font-size:13px; font-family: Noto Sans;}

.button-1 {border:none; width:100%; height:27px; position:absolute; left:0px; top:0px; padding:0px; font-size:0; background:url(/img/btn/button-1.png) no-repeat right center; text-indent:-9999px; line-height:0px; outline: none; cursor: pointer;}
.select_button {border:none; width:100%; height:35px; position:absolute; left:0px; top:0px; padding:0px; font-size:0; background:url(/img/common/button-1.png) no-repeat right center; text-indent:-9999px; line-height:0px; outline: none; cursor: pointer;}
.Select {position:absolute; border:1px solid #000000; width:100%; max-height:350px; overflow-y:auto; overflow-x:hidden; top:26px; left:0px; display:none; z-index:999; box-sizing: border-box; padding: 5px 0px; background: #fff;}
.Select li {padding:3px 0 3px 10px; min-height:20px; line-height:20px; font-size:13px;  text-align:left; background:#fff; cursor:pointer; }

.Select li:hover {color:#000;}
.st_select.gray p.pl10 {border:1px solid #cacccb; background:#f4f4f4;}
.st_select.gray .select_input {background:#f4f4f4; color:#737070}

/* 첨부파일 버튼 디자인 */

.file_W {position:relative;}
.file_input { /*padding-right:85px;*/ padding-right:100px; position:relative;}
.file_input label { position:absolute; right:0px; top:0px; cursor:pointer; display:inline-block; overflow:hidden; padding: 0px 22px; height: 40px; line-height: 39px; background:#757a85; color: #fff;}
.file_input label input {position:absolute; width:0; height:0; overflow:hidden; padding:0px; border:none;}
.file_input > input {color:#737070; font-size:1em; background-color: #ffffff; border: solid 1px #ccc; width:100%;  box-sizing:border-box; -moz-box-size:border-box; min-height: 40px; line-height: 38px;}

.menu_btn {position: relative; height:20px; width:30px; cursor: pointer;}
.menu_btn .line-top,
.menu_btn .line-middle,
.menu_btn .line-bottom {position: absolute; display: block; height:2px; width:100%; border-radius:0px; background: #fff; transition: all 0.3s 0s ease-in-out;}
.menu_btn .line-top {top: 0; -webkit-transform-origin:11px 0px;  transform-origin:11px 0px;}
.menu_btn .line-middle {top: 9px;  /*-webkit-transition: opacity 200ms linear;  transition: opacity 200ms linear;*/ right: 0px;}
.menu_btn .line-bottom {bottom: 0;  -webkit-transform-origin:11px 2px; transform-origin: 11px 2px;}


.down .menu_btn .line-top,
.down .menu_btn .line-middle,
.down .menu_btn .line-bottom {background: #000;}
/*open*/
.menu_btn.is-open .line-top {
	-webkit-animation: line-top-out 400ms linear normal;
    animation: line-top-out 400ms linear normal;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
.menu_btn.is-open .line-middle{opacity: 0;}
.menu_btn.is-open .line-bottom{
	-webkit-animation: line-bot-out 400ms linear normal;
    animation: line-bot-out 400ms linear normal;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
/*closed*/
.menu_btn.is-closed .line-top{
	-webkit-animation: line-top-in 500ms linear normal;
    animation: line-top-in 400ms linear normal;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
.menu_btn.is-closed .line-middle{
	-webkit-transition-delay: 200ms;
    transition-delay: 200ms;
}
.menu_btn.is-closed .line-bottom{
	-webkit-animation: line-bot-in 500ms linear normal;
    animation: line-bot-in 500ms linear normal;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
	
/*keyfremes*/
@-webkit-keyframes line-top-in {
    0% {top: 12px; transform: rotate(-45deg);	}
	10% {top: 12px; transform: rotate(-35deg);	}
	20% {top: 12px; transform: rotate(-20deg);	}
	60% {top: 12px; transform: rotate(0deg);	}
	100% {top: 0px;}
}

@keyframes line-top-in {
	0% {top:12px;	transform: rotate(-45deg);}
	10% {top: 12px; transform: rotate(-35deg);	}
	20% {top: 12px; transform: rotate(-20deg);	}
	60% {top: 12px; transform: rotate(0deg);} 
	100% {top: 0px;}
}

@-webkit-keyframes line-top-out {
    0% {top: 0px;}
	60% {top: 12px; transform: rotate(0deg);	}
	80% {top: 12px; transform: rotate(-20deg);	}
	90% {top: 12px; transform: rotate(-35deg);	}
	100% {top: 12px;	transform: rotate(-45deg);	}
}

@keyframes line-top-out {
    0% {top: 0px;}
	60% {top: 12px; transform: rotate(0deg);	}
	80% {top: 12px; transform: rotate(-20deg);	}
	90% {top: 12px; transform: rotate(-35deg);	}
	100% {top: 12px;	transform: rotate(-45deg);	}
}

@-webkit-keyframes line-bot-in {
	0% {bottom: 12px; transform: rotate(45deg);	}
	10% {bottom: 12px;	transform: rotate(35deg);	}
	20% {bottom: 12px;	transform: rotate(20deg);	}
	60% {bottom: 12px;	transform: rotate(0deg);	}
	100% {bottom: 0px;	}
}

@keyframes line-bot-in {
    0% {bottom: 12px; transform: rotate(45deg);	}
	10% {bottom: 12px;	transform: rotate(35deg);	}
	20% {bottom: 12px;	transform: rotate(20deg);	}
	60% {bottom: 12px;	transform: rotate(0deg);	}
	100% {bottom: 0px;	}
}

@-webkit-keyframes line-bot-out {
    0% {bottom: 0px;	}
	60% {bottom: 12px; transform: rotate(0deg);	}
	80% {bottom: 12px;	transform: rotate(20deg);	}
	90% {bottom: 12px;	transform: rotate(35deg);	}
	100% {bottom: 12px; transform: rotate(45deg);	}
}

@keyframes line-bot-out {
	0% {bottom: 0px;	}
	60% {bottom: 12px; transform: rotate(0deg);	}
	80% {bottom: 12px;	transform: rotate(20deg);	}
	90% {bottom: 12px;	transform: rotate(35deg);	}
	100% {bottom: 12px; transform: rotate(45deg);	}
}


/* 480px 이하 */
@media screen and (max-width:479px) {
    .bul_num > li {
        padding-left:15px;
        text-indent: -15px;
    }
    .bul_num > li > ul {
        padding-left:15px;
    }
	
	.parking:after {display: block; margin: 0 auto; width: 300px; height: 300px; content: ""; background: url(/img/common/parking.jpg) no-repeat center top; background-size:100% auto;}

}

.btnNormal, .btnNormal span, .btnBBig, .btnBBig span, .btnTiny, .btnTiny span, .btnTinys, .btnTinys span,  .btnBig, .btnBig span, .btnCtrl, .btnCtrl span, .btnDate, .btnDate span, .btnGeneral, .btnGeneral span, .btnStrong, .btnStrong span, .btnNormalB, .btnNormalB span, .btnNormalS, .btnNormalS span, .btnSubmit, .btnSubmit span, .btnEm, .btnEm span, .btnSearch, .btnSearch span, .btnSmall, .btnSmall span, .btnMiddle, .btnMiddle span {
    display: inline-block;
    position: relative;
    text-decoration: none;
    vertical-align: middle;
    white-space: nowrap;
	
	color:#fff;
	zoom:1;
	*display:inline;
	cursor:pointer;
}
.btnNormal span, .btnCtrl span, .btnDate span, .btnGeneral span, .btnStrong span, .btnSubmit span, .btnEm span, .btnSearch span {
    cursor:pointer;
    vertical-align:top;
}
a.radius {border-radius:60px; }
a em {display:inline-block; height:11px; vertical-align:middle; line-height:0; padding:0; zoom:1; *display:inline;}
a.btnStrong, a.btnSubmit {color:#fff; font-size:17px; }
button {padding: 0px; border: none; cursor: pointer;}
button {background: none; font-family: Noto Sans;}
.btn_zone {padding:38px;}
.btnSubmit {background:#a0a0a0; text-align:center; font-size:13px;}
.btnSubmit span {padding:0px 30px 0px 30px; color:#fff; border:1px solid #7f7f7f; height:50px; line-height:50px; font-size:14px;}
.btnSubmit.purple span {background:#84308e; color:#fff; border:1px solid #84308e;}
.btnSubmit.cancel span {background:#fff; color:#000; border:1px solid #c3c3c3;}
.btnSubmit em.icoArrow {background:url(/img/common/arrow.png) no-repeat left center; vertical-align:top; *vertical-align:middle; margin:0 -20px 0 29px; width:6px; height:58px;}
.btnSubmit.red {background:#e20e20;}
.btnSubmit.red span {background:#e20e20; color:#fff; border:1px solid #e20e20;}
.btnSubmit.purple span {background:#84308e; color:#fff; border:1px solid #84308e;}
.btnSubmit.gray span {background:#5f6062; color:#fff; border:1px solid #5f6062;}

.btnSmall {background:#666666;}
.btnSmall span {padding:3px 17px 3px 17px; min-height:22px; line-height:20px; font-size: 14px; white-space:normal;}
.btnSmall.line {background:#fff; border:1px solid #d0d0d0;}
.btnSmall.line span {color:#646464; min-height:20px; line-height:18px; }
.btnSmall.p_line {background:#fff; border:1px solid #000; line-height:18px;}
.btnSmall.p_line span {color:#333; min-height:20px;  line-height:18px;}
.btnSmall span.two_row {padding:11px 20px; height:36px; line-height:18px;}
.btnSmall.black {background: #242424}
.btnSmall.red {background: #ed2129}
.btnSmall.blue {background: #0c91dd}
.btnSmall.gray {background: #757a85}
.btnSmall .bg_down {background: url(/img/common/ico_down.png) no-repeat 90% center; padding-right:40px;}

.btnTinys {background:#ececec; font-size:12px;}
.btnTinys span {padding:0px 17px ; height:25px; line-height:24px; border: 1px solid #d0d0d0; color:#646464;}
.btnTinys.gray {background:#5f6062;}
.btnTinys.line {background:#fff;}
.btnTinys.p_line {background:#fff; }
.btnTinys.p_line span {color:#8264b3; border:1px solid #8264b3;}

.btnTiny {background:#fff; border-bottom:1px solid #e9e9e9; font-size:13px;}
.btnTiny span {padding:0px 10px 0px 10px; text-align:center; border:1px solid #cccccc; color:#333; height: 24px; line-height: 24px;}
.btnTiny span.red {color:#e20e20;}
.btnTiny em.icoArrow {background:url(/img/common/arrow_s.png) no-repeat left center; vertical-align:top; margin:0 0 0 10px; width:4px; height:21px;}
.btnTiny em.down {background:url(/img/common/ico_down.png) no-repeat left center; vertical-align:top; margin:0 10px 0 0px; width:10px; height:21px;}
.btnTiny em.del {background:url(/img/common/ico_del.png) no-repeat left center; vertical-align:top; margin:0 10px 0 0px; width:10px; height:21px;}
.btnTiny.gray {background:#777777;}
.btnTiny.gray span {border:1px solid #777777; color:#333; color:#fff;}



.btnNormal {min-width:90px; background:#666666; text-align:center; font-size:13px; }
.btnNormal span {padding:0px 17px; height:34px; line-height:33px;}
.btnNormal.purple {background:#84308e;}
.btnNormal.line {background:#fff; border:1px solid #d0d0d0;}
.btnNormal.line span {color:#242424; height:32px;}
.btnNormal.red {background: #ed2129}
.btnNormal.gray {background:#7d7d7d;}
.btnNormal.black {background: #000}
.btnNormal.blue {background: #0c91dd}
.btnNormal span.link {background:url(/img/common/location.gif) no-repeat right center; margin-right: 10px;}


.btnNormalB {background:#333333; text-align:center; font-size:14px; font-weight:300;}
.btnNormalB span {padding:0px 22px; height:40px; line-height:39px;}
.btnNormalB.line {background:#fff; border:1px solid #8062b2;}
.btnNormalB.line span {color:#8062b2; height:34px;}
.btnNormalB.gray {background: #757a85}
.btnNormalB.red {background: #ed2129}
.btnNormalB.cancel {background:#fff;  color:#000000; border:1px solid #000000; box-sizing: border-box;}
.btnNormalB.cancel span {color:#333333; line-height:37px; height: 38px;}
.btnNormalB.bg_print {box-sizing: border-box; padding: 0px 20px;}
.btnNormalB.bg_print span {background: url(/img/common/ico_print.png) no-repeat left center; padding: 0px 0px 0px 25px;}
.btnNormalB.bg_ico {box-sizing: border-box; padding: 0px 20px;}
.btnNormalB .bg_down {background: url(/img/common/ico_down.png) no-repeat left center; padding: 0px 0px 0px 30px;}
.btnNormalB .bg_go {background: url(/img/common/ico_go.png) no-repeat right center; padding: 0px 30px 0px 0px;}
.btnNormalB .bg_link {background: url(/img/common/ico_link.png) no-repeat right center; padding: 0px 30px 0px 0px;}


.btnStrong {min-width:200px; background:#4fa833; letter-spacing: -1px; color: #fff; text-align:center; font-size:18px; font-weight:300;}
.btnStrong.submit{padding:0px 30px; height:59px; line-height:58px; font-size:20px; border: none;}
.btnStrong span {padding:0px 30px; height:59px; line-height:58px; font-size:20px;}
.btnStrong.cancel {background:#fff; border:1px solid #4fa833; color:#4fa833;}
.btnStrong.cancel span {color:#4fa833; height:57px; line-height:56px; }
.btnStrong.red.cancel {border:1px solid #0c91dd; color:#0c91dd;}
.btnStrong.red.cancel span {color:#0c91dd; height:57px; line-height:56px; }
.btnStrong.blue.cancel {border:1px solid #0c91dd; background:#fff; color:#0c91dd;}
.btnStrong.blue.cancel span {color:#0c91dd; height:57px; line-height:56px; }
.btnStrong.blue {background:#004497 }
.btnStrong.green {background:#91c034 }
.btnStrong .bg_down {background: url(/img/common/ico_down3.png) no-repeat left center; padding: 0px 0px 0px 30px;}
.btnStrong.gray {background:#333 }

.btnEm {background:#ececec;}
.btnEm span {padding:0px 15px 0px 15px; height:32px; line-height:29px; font-size: 14px; font-family: nGothicB;}
.btnEm.line {border:1px solid #d0d0d0;}
.btnEm.line span {color:#646464; height:30px;}



.btnGeneral {min-width:250px; box-sizing: border-box; border-radius:60px; background:#4fa833; letter-spacing: -1px; color: #fff; text-align:center; font-size:22px; font-weight:300;}
.btnGeneral span {padding:0px 25px; height:70px; line-height:68px;}
.btnGeneral.cancel {background:#fff; border:1px solid #4fa833; color:#4fa833;}
.btnGeneral.cancel span {color:#4fa833; height:68px; line-height:66px; }
.btnGeneral.red.cancel {border:1px solid #0c91dd; color:#0c91dd;}
.btnGeneral.red.cancel span {color:#0c91dd; height:68px; line-height:66px; }
.btnGeneral.gray{background:#666; border:1px solid #666; color:#333;}
.btnGeneral.gray span {color:#fff; height:68px; line-height:66px; }

.btnMiddle span {vertical-align: top; font-weight:500;}
.btnMiddle {min-width:140px; background:#4fa833; color:#fff; text-align:center; font-size:20px; line-height:40px; padding:0px 23px;}

.btnBig span {vertical-align: top; font-weight:500;}
.btnBig {min-width:240px; background:#4fa833; color:#fff; text-align:center; font-size:24px; line-height:60px; padding:0px 33px;}
.btnBig.cancel{background:#fff; border:1px solid #4fa833; color:#4fa833;}
.btnBig.cancel span {color:#4fa833;}
.btnBig.arrow:after {display: block; content: ""; width:33px; height: 8px; background: url(/img/guide/arrow3.png) no-repeat left top; position: absolute; left:80%; top: 50%; margin-top: -4px;}
.btnBBig {min-width:400px; background:#0570be; color:#fff; text-align:center; font-size:32px; line-height:100px; padding:0px;}
.btnBBig.arrow:after {display: block; content: ""; width:33px; height: 8px; background: url(/img/guide/arrow3.png) no-repeat left top; position: absolute; left:80%; top: 50%; margin-top: -4px;}
a.btnBBig, a.btnBig {color:#fff;}
.btnBig .bg_down {padding-right:50px; background: url(/img/common/ico_down.png) no-repeat right center;}

/* 768px �댄븯 */
@media screen and (max-width:767px) {
    
    .btnBig {font-size:20px; line-height:62px; height: 64px; padding:0px 20px;}
    .btnBBig {font-size:24px; min-width: auto; line-height:70px;}
	#footer .copy_logo h2 {font-size: 16px;}
 
}


/* 500px �댄븯 */
@media screen and (max-width:499px) {
    .btnNormal {font-size:13px;}
    .btnNormal span {padding:0px 12px; height:30px; line-height:29px;}
    .btnNormalB {font-size: 13px;}
    .btnStrong span {height:52px !important; line-height:50px !important; font-size:17px;}
    .btnStrong.cancel span {height:50px !important; line-height:48px !important;}
    .btnBig {font-size:18px; line-height:62px; height: 64px; padding:0px 20px;}
    .btnBBig {font-size:22px; min-width: auto; line-height:70px;}
    
    .btnGeneral {font-size:18px;}
    .btnGeneral span {height:60px; line-height:58px;}
    .btnGeneral.cancel span {height:58px; line-height:56px; }
    
 
}

.tour_info {background: #f1f2f7; padding:10px 20px; font-size: 1.1em;}
.tour_info > ul, .tour_ul {overflow: hidden;}
.tour_info > ul > li {clear: both; box-sizing: border-box; padding:17px 10px 15px 150px; position: relative;}
.tour_info > .tour_ul > li {clear: both; box-sizing: border-box; padding:17px 10px 15px 100px; position: relative;}
.tour_info > ul > li.fl, .tour_ul > li.fl {float: left; width: 50%; clear: none}
.tour_info > ul > li > strong, .tour_ul > li > strong {position: absolute; display: block; line-height: 41px; padding-left:55px; left: 0px; top: 10px; font-weight: 800;font-size: 16px;}
.tour_info > ul > li > strong .ico, .tour_ul > li > strong .ico {position: absolute; left: 0px; top: 0px;}

.ico_dl {position: relative; font-size: 1.05em; padding:30px 20px 30px 210px; min-height: 100px; border: 1px solid #ccc; margin-top: -1px;}
.ico_dl .ico {position: absolute; left:30px; top: 20px;}
.ico_dl > dt {font-size:1.25em; padding-bottom: 10px; font-weight: 600;}

/*함께하는 기업*/
.comp_listW {width:100%;}
.comp_listW > ul {overflow:hidden;}
.comp_listW > ul > li > a {display:block; position:relative;}
.comp_listW > ul > li {width:33.33333%; float:left; text-align:center;  transition: all 0.3s 0s ease-in-out;}
.comp_listW > ul > li > div {margin-left:10px;  margin-top:10px;  border: 1px solid #cccccc;}
.comp_listW > ul > li > div > a {display: block; position: relative;}

.comp_listW > ul > li > div:hover {border-color:#333;}
.comp_listW > ul > li > div > a:hover:after {display: block; content: ""; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; box-sizing: border-box; border:2px solid #333; }
.comp_listW > ul > li .photo {display:block; position: relative; overflow: hidden; padding-bottom:66.666666%}
.comp_listW > ul > li .photo img {width:100%;}
.comp_listW > ul > li .photo img {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);width:100%;}
.comp_listW > ul > li .txt {display: block; overflow: hidden; padding:25px 15px 20px 15px; color: #000000; font-size:15px; line-height: 20px; text-align: right;}
.comp_listW > ul > li .s_txt {display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; font-weight:500; color:#000; height:20px; line-height:20px; padding-bottom:10px; font-size:16px; text-align: left;}
.comp_listW > ul > li .tit {display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; font-weight:500; color:#000; height:20px; line-height:20px; padding-bottom:10px; font-size:17px; text-align: left;}
.comp_listW > ul > li .txt_s {display: block; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; text-align: left; line-height: 20px; height:40px; color: #666666;}
.comp_listW > ul > li .date {display: inline-block; padding-left:25px; margin-top: 15px; padding-right: 10px; background: url(/img/common/ico_day2.png) no-repeat left center;}

.comp_listW .comp_list {margin-left: -7px; margin-top:0px;}
.comp_listW .comp_list > li .tit {text-align: center;}
.comp_listW .comp_list > li .s_txt {text-align: center; overflow: hidden; white-space:normal; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-weight: 100; line-height: 20px; height: 40px;}
.comp_list > li {padding:10px 0px 0px 7px; min-height:100px; box-sizing: border-box;}
.comp_list > li > a {display: block;}
.comp_list > li > a .pic {display: block; height:130px; text-align: center; border: 1px solid #cccccc; position: relative; overflow: hidden; margin-bottom:0px;}
.comp_list > li > a .pic img {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); max-width: 100%; max-height: 100%; width: auto !important}

.entry_area_checkbox { margin-left: 5px; }
.complete_box {padding: 30px 10px; background: #f2f5ff; margin: 0 auto; max-width: 850px; text-align: center;}
.complete_box .txt1 {font-size:2em; line-height: 140%; font-weight: 100; padding-bottom: 20px;}
.complete_box .txt2 {font-size:1.3em; line-height: 140%; font-weight: 100;}

.formation {margin: 1px -6px 0px 1px;}
.formation:after {display: block; content: ""; clear: both;}
.formation > li {float: left; width:25%; box-sizing: border-box; background: #fff; text-align: center; border: 1px solid #ccc; margin:-1px 0px 0px -1px; padding:20px 10px 10px 10px;}
.formation > li .txt_t {font-size: 1.2em; line-height: 140%; height: 60px;}
.formation > li .ico {display: block; text-align: center; padding:20px 0px;}
.formation > li .ico img {max-height: 164px;}
.formation > li .txt {text-align: center; padding: 0px 5px; min-height:120px; line-height: 130%;}

.events_formation {margin: 1px -6px 0px 1px;}
.events_formation:after {display: block; content: ""; clear: both;}
.events_formation > li {float: left; width:16.66667%; box-sizing: border-box; background: #fff; text-align: center; border: 1px solid #ccc; margin:-1px 0px 0px -1px; padding:20px 10px 10px 10px; min-height: 270px;line-height:170px;}
.events_formation > li .txt_t {font-size: 1.2em; line-height: 140%; height: 60px;}
.events_formation > li .ico {display: block; text-align: center; padding:20px 0px;}
.events_formation > li .ico img {max-width: 140px;}
.events_formation > li .txt {text-align: center; padding: 0px 5px; min-height:120px; line-height: 130%;}

.events_formation > li.three {width:33.33334%;}
.events_formation > li.three .ico img{max-width: 240px;}

#purpose .program {
	margin: 20px auto 40px;
	display: block;
}

#purpose  .program > ul > li {
	float: left;
	width: 23%;
	box-sizing: border-box;
	position: relative;
	display: table;
	text-align: center;
}
#purpose  .program > ul > li .title {
	border-radius: 10px 10px 0 0 ;
	font-size:20px;
	font-weight: 600;
	padding: 10px 0;
}

#purpose  .program > ul > li .desc {
	background: #fff;
	border-left: 1px solid #d4d4d4;
	border-right: 1px solid #d4d4d4;
	border-bottom: 1px solid #d4d4d4;
	border-radius: 0 0 10px 10px ;
	padding: 20px 10px;
}
#purpose  .program > ul > li .desc .ico img {
	max-width: 120px;
	width:100%;
}
#purpose  .program > ul > li .desc p {
	margin-top: 20px;
	height: 70px;
}
#purpose  .program > ul > li .title.grd1 {
	background: #e9f3b1;
}

#purpose  .program > ul > li .title.grd2 {
	background: #a0ba68;
}

#purpose  .program > ul > li:not(:last-child) {
	margin-right:2.6667%;
}

#purpose  .program:after {
	clear: both;
	display: block;
	content: "";
}

/* 기업채용관 */
		#main_cate_company {
			width: 154px;
			height: 270px;
			left: 128px;
			top: -28px;
			position: absolute;
			background: url('/img/main/main_cate_company_bg.png') no-repeat;
			background-position: 0 40%;
			cursor: pointer;
		}
		#main_cate_company .btn_green {
			position: absolute;
			left: 30px;
			bottom: 0px;
		}
		#main_cate_company .gps {
			position: absolute;
			left: 30px;
			top: 24px;
		}
		/* 공모전·이벤트 */
		#main_cate_event {
			width: 154px;
			height: 220px;
			left: 328px;
			top: 20px;
			position: absolute;
			background: url('/img/main/main_cate_event_bg.png') no-repeat;
			background-position: 0 60%;
			cursor: pointer;
		}
		#main_cate_event .btn_green {
			position: absolute;
			left: 18px;
			bottom: 0px;
		}
		#main_cate_event .gps {
			position: absolute;
			left: 63px;
			top: 0px;
		}
		/* 선취업후학습관 */
		#main_cate_pre {
			width: 176px;
			height: 210px;
			left: 588px;
			top: 30px;
			position: absolute;
			background: url('/img/main/main_cate_pre_bg.png') no-repeat;
			background-position: 0 62%;
			cursor: pointer;
		}
		#main_cate_pre .btn_green {
			position: absolute;
			left: 30px;
			bottom: 0px;
		}
		#main_cate_pre .gps {
			position: absolute;
			left: 75px;
			top: 10px;
		}
		/* 강당(현장생중계) */
		#main_cate_hall {
			width: 290px;
			height: 220px;
			left: 90px;
			top: 266px;
			position: absolute;
			background: url('/img/main/main_cate_hall_bg.png') no-repeat;
			background-position: 0 64%;
			cursor: pointer;
		}
		#main_cate_hall .btn_green {
			position: absolute;
			left: 86px;
			bottom: 0px;
		}
		#main_cate_hall .gps {
			position: absolute;
			left: 140px;
			top: 44px;
		}
		/* 정부정책홍보관 */
		#main_cate_gov {
			width: 185px;
			height: 180px;
			left: 404px;
			top: 208px;
			position: absolute;
			background: url('/img/main/main_cate_gov_bg.png') no-repeat;
			background-position: 0 58%;
			cursor: pointer;
		}
		#main_cate_gov .btn_green {
			position: absolute;
			left: 35px;
			bottom: 0px;
		}
		#main_cate_gov .gps {
			position: absolute;
			left: 80px;
			top: 8px;
		}
		/* 취업컨설팅 */
		#main_cate_consluting {
			width: 112px;
			height: 200px;
			left: 620px;
			top: 286px;
			position: absolute;
			background: url('/img/main/main_cate_consluting_bg.png') no-repeat;
			background-position: 0 58%;
			cursor: pointer;
		}
		#main_cate_consluting .btn_green {
			position: absolute;
			left: 10px;
			bottom: 0px;
		}
		#main_cate_consluting .gps {
			position: absolute;
			left: 44px;
			top: 5px;
		}
		/* 육군프로그램 */
		#main_cate_army {
			width: 120px;
			height: 220px;
			left: 764px;
			top: 170px;
			position: absolute;
			background: url('/img/main/main_cate_army_bg.png') no-repeat;
			background-position: 0 60%;
			cursor: pointer;
		}
		#main_cate_army .btn_green {
			position: absolute;
			left: -18px;
			bottom: 0px;
		}
		#main_cate_army .gps {
			position: absolute;
			left: 48px;
			top: 20px;
		}
		/* 관람안내 */
		#main_cate_guide {
			width: 240px;
			height: 278px;
			position: absolute;
			right: -6px;
			bottom: 24px;
			background: url('/img/main/main_cate_guide_bg.png') no-repeat;
			cursor: pointer;
		}
		#main_cate_guide .btn_green, #main_cate_guide .btn_yellow {
			position: absolute;
			left: 0;
			top: 84px;
		}
		#main_cate_guide .gps {
			position: absolute;
			left: 100px;
			top: 24px;
		}
		.main_cate:hover .btn_green {
			border: 2px solid #08a99f;
			color: #08a99f;
			background: #fff !important;
			transition-duration:0.5s;
			padding: 2px 10px;
		}
		.main_cate:hover .btn_yellow {
			border: 2px solid #fbff00;
			color: #333333;
			font-weight: 600;
			background: #fbff00 !important;
			transition-duration:0.5s;
			padding: 2px 10px;
		}

		.main_cate:hover .gps {
			animation: bounce;
			animation-duration: 1.5s;
		}
		.main_bg {
			width: 100%;
			height: 700px;
			background: url('/img/main_cate_bg.png') no-repeat;
			background-position: 26% 40%;
			position: relative;
		}
		/*
		.main_host {
			height:50px;
			max-width:1020px;
			margin:0 auto;
		}
		*/
		.main_host ul {
			float: left;
			margin-left: 100px;
		}
		.main_host ul > li {
			float: left;
			margin-right: 74px;
		}
		.main_host ul > li img{
			height:30px;
		}
		.main_host ul > li:nth-child(1) {
			margin-top:2px;
		}
		.main_host ul > li:nth-child(1) img {
			height:20px;
		}
		.host_title, .company_title {
			color: #5c9200;
			font-weight: 500 !important;
			font-size: 24px;
			float: left;
		}
		.host_title {
			letter-spacing: 4.6px;
		}
		.main_company {
			height:50px;
			max-width:1020px;
			margin:0 auto;
		}
		.slide_host {
			float: left;
			margin-left: 100px;
			margin-top: 5px;
			max-width: 720px;
			position: relative;
		}
		.slide_host .bx_bt {position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%);}
		.slide_host .bx_bt > a {display: block; height: 24px; background: #f0f1f5; padding:0px;}
		.slide_host #slide_l {position: absolute; top:8px; left: -60px;transform: translateY(-50%); -webkit-transform: translateY(-50%)}
		.slide_host #slide_r {position: absolute; top:8px; right: -50px; transform: translateY(-50%); -webkit-transform: translateY(-50%)}
		.slide_host #slide_host > li > a {display: block;}

		#slide_host li img {
			height: 24px;
		}
		.main_dday {
			animation: swing;
			animation-duration: 1s;
			animation-delay: 1s;
			width: 240px;
			height: 160px;
			z-index: 100000;
		}
		.main_dday:hover {
			animation: swing;
		}
		.btn_green.round, .btn_yellow.round  {
			background: #08a99f !important;
			border-radius: 5px;
			padding: 4px 12px;
			letter-spacing: 1px;
			font-size: 13px;
		}

.category_roll li {
	text-align: center;
	padding-bottom: 40px;
}
.category_roll li img{
	max-width: 90%;
}
.category_roll li img:hover{
	max-width: 100%;
}
.category_roll li:last-child {
	text-align: right;
	padding-bottom: 0;
}
.main_wrapper {
	overflow: hidden;
}

#notice_wrap {
    position: relative;
    width: 100%;
    margin: 0;
    padding: 0;
    z-index: 1;
    background: #fff;
	padding: 30px 0px;
    font-size: 18px;
    line-height: 140%;
}
.inner {
    max-width: 1280px;
    margin: 0 auto;
}
.main_banner_wrap {margin:0px -30px; overflow: hidden;}
.main_banner_wrap .main_banner {float: left; width: 50%; padding:0px 30px; box-sizing: border-box; overflow: hidden;}
.board_wrap {position: relative;}
.board_wrap > h3 {font-size:22px; font-weight: 600; line-height: 140%; padding-bottom: 20px;}
.board_wrap .board_in {border: 1px solid #ccc; border-radius:10px; padding:25px; padding-bottom: 10px; box-sizing: border-box; min-height: 300px;}


.board_wrap .first_new {padding:10px 0 25px 120px; border-bottom:1px solid #ccc; position:relative; box-sizing: border-box; min-height:100px; margin-bottom:25px;}
.board_wrap .first_new .day { position: absolute; left:0; top: 0px; width:95px; height:75px; text-align: center; font-size:16px; font-weight: 100; background: #08a99f; box-sizing: border-box; padding-top:8px; color: #fff;}
.board_wrap .first_new .day strong { display: block; font-size:24px; line-height: 140%; font-weight:700; color: #fff;}
.board_wrap .first_new a {display: block; position: relative;}
.board_wrap .first_new a .tit {display: block; overflow: hidden; white-space: nowrap; color: #333333; text-overflow: ellipsis; -o-text-overflow: ellipsis; font-size:19px; margin-bottom:10px;}
.board_wrap .first_new a .txt {display:block; color: #333333; overflow: hidden;text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; font-weight:400; font-size: 19px; line-height:26px; height:52px;}
.board_wrap .link {color:#000;}
.board_wrap .news_list ul li {position:relative; padding:0px 100px 0px 13px; line-height:20px; height:20px; position: relative; margin-top:13px; font-weight: 100; color: #333333; font-size:17px;}
.board_wrap .news_list ul li:before {display: block; content: ""; width:4px; height:4px; border-radius:100%;  background:#08a99f; position:absolute; left: 0px; top:8px;}
.board_wrap .news_list ul li:first-child {margin-top:0px;}
.board_wrap .news_list ul li a {display:inline-block; max-width:100%; vertical-align: middle; overflow:hidden; white-space:nowrap; text-overflow: ellipsis; -o-text-overflow:ellipsis; vertical-align: top; color: #333333; font-weight: 300;}
.board_wrap .news_list ul li .date {position: absolute; line-height: 20px; right: 0px; top: 0px; font-weight: 400; color: #999999;}
.board_wrap .news_list ul li img {margin-left:5px; vertical-align: middle;}

.board_wrap .more {right:0px; top:0px;}
.board_wrap .more > a {display: block; width:26px; height:26px; box-sizing: border-box; padding: 0px; font-size: 0px;}

.board_wrap .more > a:after {display: block; content: ""; width:14px; height:2px; background: #000; position: absolute; left:50%; top:50%; margin-left: -6px; margin-top: -1px; transition:  all 0.5s;}
.board_wrap .more > a:before {display: block; content: ""; width:2px; height:14px; background: #000; position: absolute; left:50%; top:50%; margin-top: -7px; transition:  all 0.5s;}
.board_wrap .more > a:hover:after {transform: rotate(90deg);}
.board_wrap .more > a:hover:before {transform: rotate(90deg);}


.rnd_slide_wrap {}
.rnd_slide > li {display: block; position: relative; padding-left:355px; min-height: 250px;}
.rnd_slide > li .pic {display: block; width: 330px; height: 250px; position: relative; position: absolute; left: 0px; top: 0px;}
.rnd_slide > li .pic img {position: absolute; left:0%; top:0%; width: 100%; height: 100%;}
.rnd_slide > li .txt_t {display: block; word-break:keep-all; color: #333333; font-weight:400; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; font-size:19px; line-height:26px; height:80px; margin-bottom: 20px;}
.rnd_slide > li .line {display: block; content: ""; width:100%; height: 1px; background: #4fa833; margin:30px 0px;}
.rnd_slide > li .date {display: block; padding-left: 35px; background: url(/img/main/date.png) no-repeat left top; font-size: 15px; color: #666; font-weight: 300;}
.rnd_slide > li .date > strong {display: block; color: #333333; font-size: 1.3em; line-height: 140%;}

.rnd_slide_wrap .v_bt {position: absolute; z-index: 98; left:385px; bottom:25px;}
.rnd_slide_wrap .v_bt > a {display: block; height:28px; width:27px; line-height: 20px;}
.rnd_slide_wrap #vnext {margin-left: 26px}

@media screen and (max-width:979px) {
	.main_banner_wrap .main_banner {float: none; width: 100%; margin-top: 40px;}
    .main_banner_wrap .main_banner:first-child {margin-top:0px;}
}

@media (hover: none) {
    .hover:hover .ico_circle {background: #007dc6;}
}

.more {position: absolute; right:0px; top:10px;}

.code_area {position: relative; padding-left: 100px; box-sizing: border-box; background: #000;}
.code_area input {width: 100%; border-left: 0px; padding-left: 10px;}
.code_area .code {position: absolute; width: 100px; left: 0px; top:50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); color:#fff; text-align: center; display: table;}
.bt_include {position: relative; padding-right: 100px; box-sizing: border-box;}
.bt_include .add_bt {position: absolute; right: 0px; top: 0px;}
.bt_include select {width: 100%; max-width: 100%;}
.bt_include2 {padding-right:65px; margin: 0 auto;}


 /* 리스트 테이블 */
.board_listW { clear:both; width:100%;}
.board_viewW { clear:both; width:100%;}
table.board-list { width:100%; table-layout: fixed; font-size:16px}

table.board-list th { background:#f5f5f5; padding:13px 0 13px; color:#262626; border:1px solid #dddddd; border-top:none; text-align: center; font-weight: 400}
table.board-list tbody th {background:#fafafa;}

table.board-list tr.on th { background:#f5f5f5;}
table.board-list tr.on td { background:#f4f4f4;}
table.board-list td {border:1px solid #dddddd; border-top:none; padding:12px 5px 12px; font-weight: 300; color: #333333; text-align: center; word-break: break-all; line-height: 140%;}

table.board-list td a {color:#333333;}
table.board-list td.subject { text-align:left; padding-left:20px; padding-right:10px;}
table.board-list td.subject a { color: #333333;}
table.board-list.tl th {text-align: left; padding-left: 15px;}
table.board-list.tl td {text-align: left; padding-left: 15px;}
table.board-list td img { vertical-align:middle;}
table.board-list td div.faq { background: url(/img/common/icon_re.gif) no-repeat scroll left 1px; padding-left:45px; margin-left:12px; text-align:left;}
table.board-list td.subject .icon_file { background:url(/img/common/icon_note.gif) no-repeat left center; padding-left:15px; line-height:14px;}
table.board-list td.subject .org {display: inline-block; background: #ffc240; text-align: center; border-radius: 30px; line-height: 15px; height: 16px; margin-left: 3px; color: #000 !important; font-size: 11px; min-width: 30px; vertical-align: middle;}
table.board-list td.bg {background-color:#f7f7f7;}
table.board-list td .ico {display: inline-block; border: 1px solid #666; color: #fff; background: #666; font-size: 0.95em; padding:0px 5px; min-width:40px; vertical-align: top; margin-right: 4px; text-align: center; height:22px; line-height:22px;}
table.board-list.fn td {font-weight: 300}
table.board-list.dot_line {border-collapse:separate; border-top:2px solid #666666;}
table.board-list.dot_line thead th {font-size:15px; padding:20px 0; border:none; background:none;} 
table.board-list.dot_line thead tr {background:url(/img/common/quick_line.gif) repeat-x left bottom #f2f2f2;} 
table.board-list.dot_line thead tr.bgc_no {background:url(/img/common/quick_line.gif) repeat-x left bottom ;} 
table.board-list.dot_line td {border:none; border-top:1px solid #ececec; padding:20px 5px;}
table.board-list.dot_line td.subject {padding-left:20px;}
.total_table table.board-list.dot_line td {padding:35px 5px;}
table.board-list .notice td {background: #f2f2f2;}


table.board-list2 td { padding:25px 0 25px; color: #242424;}
table.board-list2 td a {color:#242424;}
table.board-list2 td.subject {padding-left:20px;}

table.board-list2 td.subject a:hover {color: #8062b2; text-decoration: underline;}

.preview-wrapper {
  z-index: 1000;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(41, 171, 164, 0.8);
  visibility: hidden;
  opacity: 0;
  transition: all 0.25s ease-in-out;
}

.preview-wrapper.open {
  opacity: 1;
  visibility: visible;
}

.preview {
  max-width: 500px;
  min-width: 400px;
  display: block;
  margin: 50% 0 0 -300px;
  position: relative;
  top: 30%;
  left: 50%;
  background: #fff;
  opacity: 0;
  transition: all 0.5s ease-in-out;
}

.preview2 {
  max-width: 700px;
  min-width: 400px;
  display: block;
  margin: 50% 0 0 -300px;
  position: relative;
  height: 90%;
  max-height:900px;
  top: 30%;
  left: 50%;
  background: #fff;
  opacity: 0;
  transition: all 0.5s ease-in-out;
}


.preview-wrapper.open .preview {
  margin-top: -200px;
  opacity: 1;
}
.preview-wrapper.open .preview2 {
  margin-top: -200px;
  opacity: 1;
}
.head {
  width: 100%;
  height: 60px;
  padding: 12px 30px;
  overflow: hidden;
  background: #4fa833;
}

.btn-close {
  font-size: 28px;
  display: block;
  float: right;
  color: #fff;
  margin-top: -34px;
}

.content {
  padding: 5% 5% 2% 5%;
}

.page-wrapper {
  width: 100%;
  height: 100%;
}
/* PAGER */
.bx-wrapper .bx-pager {
  text-align: center;
  font-size: .85em;
  font-family: Arial;
  font-weight: bold;
  color: #666;
  padding-top: 20px;
}
.bx-wrapper .bx-pager.bx-default-pager a {
  background: #666;
  text-indent: -9999px;
  display: block;
  width: 10px;
  height: 10px;
  margin: 0 5px;
  outline: 0;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active,
.bx-wrapper .bx-pager.bx-default-pager a:focus {
  background: #000;
}
.bx-wrapper .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
  display: inline-block;
  vertical-align: bottom;
  *zoom: 1;
  *display: inline;
}
.bx-wrapper .bx-pager-item {
  font-size: 0;
  line-height: 0;
}
.blur-it {
  filter: blur(4px);
}

.photo_listW {width:100%;}
.photo_listW > ul {overflow: hidden; margin: -12px;}
.photo_listW > ul > li {float: left; width:33.333%; box-sizing: border-box; padding:12px;}
.photo_listW > ul > li > a {display: block; color: #333333; border: 1px solid #cccccc; position: relative;}
.photo_listW > ul > li > a .pic {display: block; box-sizing: border-box; width:100%; padding-bottom:70%; position: relative; overflow: hidden;font-weight: 600; font-size: 30px; line-height: 90px;}
.photo_listW > ul > li > a .pic img {width:100%; max-width:200px; max-height: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);}
.photo_listW > ul > li > a .pic .type {max-width:26px; max-height:26px; position: absolute; left:100%; top:100%; transform:none; -webkit-transform:none; margin: -40px 0px 0px -40px;}
.photo_listW > ul > li > a .txtW {display: block; min-height:95px; padding: 15px; border-top:1px solid #ccc; box-sizing: border-box;}
.photo_listW > ul > li .txt_t {display: block; font-size: 1.05em; font-weight:400; overflow: hidden; white-space: nowrap;  text-overflow: ellipsis; -o-text-overflow: ellipsis;}
.photo_listW > ul > li .s_txt {display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; font-weight:500; color:#000; height:20px; line-height:20px; padding-bottom:10px; font-size:16px; text-align: left;}
.photo_listW > ul > li .tit {display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; font-weight:500; color:#000; height:20px; line-height:20px; padding-bottom:10px; font-size:17px; text-align: left;}
.photo_listW > ul > li .txt_s {display: block; padding-top:5px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; text-align: left; line-height:26px; height:52px; color: #333;}
.photo_listW > ul > li .date {display: block; text-align: center; margin-top: 10px;}



.photo_listW .company_list {margin-left: -7px; margin-top:20px;}
.company_list > li {box-sizing: border-box;}
.company_list > li > a {display: block; min-height:189px; border: 1px solid #ccc; position: relative;}
.company_list > li > a:hover:before {display: block; content: ""; z-index: 9; width:calc(100% + 2px); width:-webkit-calc(100% + 2px); height:calc(100% + 2px); height:-webkit-calc(100% + 2px); box-sizing: border-box; border: 2px solid #4fa833; position: absolute; left: -1px; top:-1px;}
.company_list > li > a:hover {box-shadow:1px 2px 4px #ccc;}
.company_list > li > a .pic {display: block; height:120px; padding: 0px !important; text-align: center; position: relative; overflow: hidden; margin:40px 0px 20px 0px}
.company_list > li > a .pic img {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); max-width: 100%; max-height: 100%; width: auto !important}
.company_list > li > a .tit {text-align: center; font-weight: 300; padding-left:10px; padding-right:10px}
.company_list > li .star {display: block; width: 15px; height: 15px; position: absolute; right: 10px; top: 10px; background: url(/img/common/star.png) no-repeat center top;}
.company_list > li .star.on {background: url(/img/common/star_on.png) no-repeat center top;}
.company_list > li .type {position: absolute; left:15px; top:5px; font-weight: 500; color: #00357e}
.company_list > li .ico_ing {
	display: block; width: 100%; height: 20px; position: relative; left: 10px;
}
.company_list > li .ico_cate {
	display: block; width: 100%; height: 20px; position: relative; left: 10px; color: #44a4bf;
}
.company_list > li .ico_terms {
	display: block; width: 100%; height: 20px; position: relative; left: 10px; color: #7bb939;
}
.company_list > li .ico_terms span.violet {
	color: #7030a0 !important;
}
.company_list > li .ico_ing.on {
	color: red;
}
.company_list > li .txt_area {display: block; background: #f0f1f5; padding:15px 15px;text-align: left;}
.company_list > li .txt_area .txt_a {display: block; min-height: 25px; position:relative; padding-left:80px; line-height: 25px; margin-top: 10px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis;}
.company_list > li .txt_area .txt_a:first-child {margin-top:0px;}
.company_list > li .txt_area .txt_a > strong {position: absolute; left: 0px; top: 0px; width:75px; height: 25px; line-height: 23px; box-sizing: border-box; background: #fff; border: 1px solid #ccc; font-size: 13px; color: #000; font-weight: 100; text-align: center; border-radius: 60px;}

.recruit_info {position: relative; float: left; width: 100%;}
.recruit_util {float: right; box-sizing: border-box; padding:0;margin-top: 20px;}
.recruit_util > li {float: left; padding:2px; margin-left:10px;}
.recruit_util > li .bt {display: block; min-width:170px; border: 1px solid #cccccc; line-height: 50px; text-align: center; border-radius:6px; background: #fff; color: #51BD8B}
.recruit_util> li .bt_bg {background: #51BD8B; color: #fff}

.recruit_btn {
	position: relative;
	float: left;
	margin-top: 20px;
	width:100%;
}

.btn_box {
	line-height: 1.5;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 3px solid transparent;
    padding: .205rem .55rem;
    font-size: 1rem;
    border-radius: .25rem;
	font-weight: 400 !important;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.btn_box.ing {
    border-color: #ff0000;
}
.btn_box.noing {
    border-color: #000000;
}
.btn_box.blue {
    border-color: #0c91dd;
}
.btn_box.green {
    border-color: #0fcec3;
}
.btn_box.violet {
    border-color: #7030a0;
	color: #7030a0;
}

.good {display: inline-block;}
.good > a {display: block; overflow: hidden; border-radius:100%;  box-sizing: border-box; width:52px; height: 52px;  border: 1px solid #ccc; background: url(/img/common/ico_favorit.png) no-repeat center center #fff }
.good > a.on {background: url(/img/common/ico_favorit_on.png) no-repeat center center #51BD8B; border-color:#51BD8B }

.rnd_view_wrap {position: relative; overflow: hidden; margin:40px 0px 50px 0px;  }
.rnd_view_wrap .pic {float: left; width:50%; box-sizing: border-box; padding-top:20px; text-align:center; }
.rnd_view_wrap .pic img {width: 100%; height: 100%; max-width:400px}
.rnd_view_wrap .info {float: left; width: 50%; box-sizing: border-box; padding-left: 40px; position: relative; height: 340px;}
.rnd_view_wrap .info .txt_t {font-size: 2.2em; font-weight: 600; line-height: 100%; padding: 10px 0px;}
.rnd_view_wrap .info .txt_s { font-size: 1.8em;}

.company_search {background: #f0f1f5; padding: 20px; margin-top: 10px;}
.company_search ul {overflow: hidden;}
.company_search ul > li {box-sizing: border-box; float: left; padding: 3px; width: 25%;}
.company_search ul.three > li {width: 33.33333%;}
.company_search ul > li .select {width: 100%; min-height:50px;}
.company_search ul > li .input {width: 100%; min-height:50px; box-sizing: border-box; border: 1px solid #51BD8B;}
.company_search ul > li .btn_searchW {position: relative; padding-right:60px;}
.company_search ul > li .btn_search {position: absolute; right: 0px; top: 0px; background: #51BD8B; display: inline-block; zoom: 1; color: #fff; border: 1px solid #51BD8B; padding: 0px; font-family: Noto Sans; font-size: 14px; width:60px; height:50px; line-height:48px; text-align: center; cursor: pointer;}
.company_search ul.on > li {float: none; width: 100%; max-width: 500px; margin: 0 auto;}

.counsel_info {border: 1px solid #ccc; background: #f3f4f8; border-top:2px solid #51BD8B; }
.counsel_info > dl {border-top:1px solid #ccc; padding: 20px; overflow: hidden;}
.counsel_info > dl:first-child {border-top:none;}
.counsel_info > dl > dt {float: left; padding:5px 0px 0px 125px; position: relative; box-sizing: border-box; min-height:84px; font-weight: 100; }
.counsel_info > dl > dt > strong {display: block; font-size:24px; color: #004998; font-weight: 600; line-height: 140%; padding-bottom: 5px;}
.counsel_info > dl > dt .ico {position: absolute; left: 0px; top: 0px;}
.counsel_info > dl > dd {float: left; padding-top:15px;}
.counsel_info > dl > dd > ul {overflow: hidden;}
.counsel_info > dl > dd > ul > li {display: inline-block; vertical-align: middle; padding:0px 3px; box-sizing: border-box;}
.counsel_info > dl > dd > ul > li .type {display: inline-block; vertical-align: middle; width:14px; height: 14px; background: #999999; border-radius:100%; margin-right: 10px; }
.counsel_info > dl > dd > ul > li .type1 {background: #0ea580;}
.counsel_info > dl > dd > ul > li .line {display: inline-block; vertical-align: middle; width:1px; height: 14px; background: #999999; margin: 0px 3px;}
.counsel_info > dl > dd > ul > li.bt > span {display:block; min-width: 170px; border: 1px solid #cccccc; line-height: 50px; text-align: center; border-radius: 6px; background: #fff; color: #cccccc; cursor: pointer;}
.counsel_info > dl > dd > ul > li.bt > span.on { background: #01529b; color: #fff;}
.counsel_info > dl > dd > ul > li.bt > span.off {cursor:default}

body.fixe {overflow:hidden; width: 100%; height:100%; position: fixed;}
#black {display:none; background-color: #000; display: none; height: 100%; left: 0; opacity: 0.6; filter: alpha(opacity=60); position: fixed; top: 0; width: 100%; z-index: 9999;}

.pic_badge_wrap {
	position:absolute;
	top:0;
	left:0
}
.pic_badge_list_wrap {
	position:absolute;
	top:0;
	right:0
}
.pic_badge {
	padding:10px 15px;
	color:#fff !important;
	font-weight:600;
	line-height:34px;
}
.pic_list_badge {
	padding:2px 5px;
	color:#fff !important;
	font-weight:400;
	line-height:17px;
	font-size:12px;
}
.pic_badge.green, .pic_list_badge.green {
	background:green;
}
.pic_badge.blue, .pic_list_badge.blue {
	background:#007bc7;
}
.pic_badge.navy, .pic_list_badge.navy {
	background:#44a4bf;
}
#kodit_logo { height: 60px; vertical-align: middle;}

.li_more {padding: 30px 0;text-align: center;}
.li_more > span {max-width:200px; border-radius:60px; box-sizing: border-box;border: 1px solid #757575;display:block; margin: 0 auto; text-align: center;font-size:20px; font-weight: 400; padding:20px 20px 20px 0px;  color: #333333; position: relative; background: url(/img/common/more_arrow.png) no-repeat right 10% center; cursor: pointer;}

#item_load_msg, #item_load_msg_2023 {display:none}
.li_more_btn {margin:10px}

.down_box {border: 1px solid #cccccc; background: #f4f5f8; text-align: center; padding: 20px;margin-top:20px;}
.down_box > a {display: inline-block; color: #0b4da2; font-size: 1.25em; padding-right:30px; background: url(/img/common/ico_down4.png) no-repeat right center;}

.event_list_wrap {
	width: 100%;
	margin-bottom: 20px;
}
.event_list {
	overflow: hidden;
    margin: -12px;
}
.event_list > li {
	float: left;
    width: 33.333%;
    box-sizing: border-box;
    padding: 12px;
}
.event_list > li > a{
	display: block;
    color: #333333;
    position: relative;
	min-height: 189px;
}
.event_list > li .pic {
    display: block;
    box-sizing: border-box;
    width: 100%;
    position: relative;
    overflow: hidden;
    height: 440px;
    padding: 0px !important;
    text-align: center;
    margin: 20px 0px 0px 0px;
}
.event_list > li .pic img {
	max-width: 100%;
    max-height: 100%;
    position: absolute;
    left: 50%;
    top: 52%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
	width: auto !important;
}
.event_list > li .txt_area{
	display: block;
	text-align: center;
}
.event_list > li .ico_ing {
	display: block;
    width: 100%;
    height: 20px;
	font-weight: 600;
	font-size: 16px;
    position: absolute;
    left: 10px;
    top: 0px;
}
.event_list > li .ico_ing.on {
	color: red;
}

.mobile_only {display: none}
.tit_channel {margin-bottom:2px;}

@media screen and (max-width: 768px) {	
	#main_host_wrap {display:none}
	.mobile_only {display: block}
	#purpose .program {width: 80%;margin-bottom: 0px;}
	#purpose .program > ul > li:not(:last-child) {
		margin-right: 0;
	}
	#purpose .program > ul > li {
		width: 100%;
		margin-bottom: 10px;
	}
}

.content h3 {
    float: left;
    width: 122px;
    margin: 0;
    padding: 0;
    height: 57px;
    background: url(/img/ico_h3.png?v=2) no-repeat;
    background-position: top right;
    font-size: 22px;
    color: #103695;
    font-weight: 600;
		line-height: 1.3em;
}
.content h3.long {
    background: url(/img/ico_h3_long.png?v=1) no-repeat;
    background-position: top right;
}
.form-tit {
    color: #000;
    font-size: 18px;
    font-weight: 600;
    margin-top: 5px;
}
.btn-primary, .btn-primary:hover {
    color: #fff;
    background-color: #45a833;
    border-color: #45a833;
}
a.btn, .btn {
	font-size: 1.2em;
	font-weight: 400;
}
.btnBig {
	border: none;
}

.agreement {
    margin-top: 10px;
    background: #fff;
    width: 100%;
    height: 150px;
    border: 1px solid #d2d2d2;
    font-size: 14px;
    line-height: 22px;
    padding: 10px;
}

.agree_box {
    margin-top: 10px;
    border: 1px solid #d2d2d2;
    padding: 20px;
    font-size: 14px;
    width: 100%;
    height: 150px;
    overflow-y: auto;
}
.agree_box p {
    text-indent: -8px;
    margin-left: 6px;
    text-align: justify;
}
.agree_box p.longident {
    text-indent: -9px;
    margin-left: 7px;
}
.mt10 {
    margin-top: 10px;
}
.form-check-label {font-weight: 600;font-size: 18px;}