@charset "utf-8";
.layer-pop strong {display: none !important}
.layer-pop > form > div {margin:0 !important;width:auto  !important}
.layer-pop > form > div > p {margin-top:0  !important}
.layer-pop > form > div > p > a > img {width:100%}
#skin1 {height:auto  !important}
.layerpopup_footer {background:#636363  !important;padding-top: 1px  !important;bottom: -23px !important}
.layerpopup_footer > span > a > img {vertical-align: -4px !important}
body {background-color: #535456}
#wrap {height: 1000px}
.backgroundTransition, .backgroundTransition .image-top, .backgroundTransition .image-bottom {width:100%; height:100%}
body .backgroundTransition .image-bottom, body .backgroundTransition .image-top {position: absolute;left: 0;top: 0;background-size: cover}
body .backgroundTransition {position: relative;overflow: hidden;background-size: cover}
body .backgroundTransition .image-bottom { z-index: -2}
body .backgroundTransition .image-top {z-index: -1;display: none}
.backgroundTransition {background: url('/usr/image/new/images/main/bg02.jpg') no-repeat center center;}
#image-download { display: none}
#Search_wrap {position: relative;margin-top: -759px;width: 100%}
#Search_wrap .center_search {position: relative;left: 50%;text-align: center;max-width: 470px;transform: translateX(-50%)}
#Search_wrap .center_search h2 {color: #fff;font-size: 2.2em;font-weight: 600;line-height: 1.4;letter-spacing: -1px}
#Search_wrap .center_search h2 span {font-family: Nanum Myeongjo;font-weight: 200}
#Search_wrap .center_search h2 em {color: #9ecb34}
#Search_wrap .center_search .input  {background-image: url('/usr/image/new/images/common/sbg.png');padding: 6px 60px 6px 6px;position: relative;margin-top:13px}
#Search_wrap .center_search .input.effect  {margin:15px -40px 0;box-shadow: 0px 10px 60px rgba(0,0,0,0.7)}
#Search_wrap .center_search .input input[type="text"] {background-color: #000;border: none;height: 50px;width: 100%;color: #fff}
#Search_wrap .center_search .input input[type="submit"] {position: absolute;right: 7px;height: 50px;background-color: #000;border: none;top: 29px;background: #000 url('/usr/image/new/images/common/zoom_icon2.png') no-repeat center;text-indent: -999em;width: 54px}
#Search_wrap .center_search .keyword {margin-top: 20px;opacity: 0.8;font-size: 15px;color: #fff}
#Search_wrap .center_search .keyword a {color: #fff}
#Search_wrap .righr_keyword {position: absolute;right: 215px;top: -33px;color: rgba(255,255,255,0.7)}
#Search_wrap .righr_keyword > dl {border: 1px solid #636363;overflow: hidden;margin-bottom: -1px;position:relative}
#Search_wrap .righr_keyword > dl.on > dt > strong > em {color:#fcb040}
#Search_wrap .righr_keyword > dl.on .top {position: absolute;top:0;left:0;background-color:#fcb040;width:100%;height:4px}
#Search_wrap .righr_keyword > dl.on .right {position: absolute;top:0;right:0;background-color:#fcb040;width:4px;height:100%}
#Search_wrap .righr_keyword > dl.on .bottom {position: absolute;bottom:0;right:0;background-color:#fcb040;width:100%;height:4px}
#Search_wrap .righr_keyword > dl.on .left {position: absolute;bottom:0;left:0;background-color:#fcb040;width:4px;height:100%}
#Search_wrap .righr_keyword > dl > dt {float: left;clear: both;display: table;padding: 0 5px;text-align: center}
#Search_wrap .righr_keyword > dl > dt > strong, #Search_wrap .righr_keyword > dl > dd > ol {display: table-cell;vertical-align: middle;height: 105px;width: 89px;line-height: 23px}
#Search_wrap .righr_keyword > dl > dd {float: left;padding: 0 17px;background-color: rgba(0,0,0,0.4);font-size: 0.9em}
#Search_wrap .righr_keyword > dl > dd > ol li {overflow: hidden;overflow-wrap: normal;text-overflow: ellipsis;white-space: nowrap;width: 90px}
#Search_wrap .righr_keyword > dl > dd > ol li em {background-color: #777;display: inline-block;width: 18px;text-align: center;height: 18px;line-height: 17px;font-weight:600;margin-right: 5px}
#Search_wrap .righr_keyword > dl > dd > ol li:nth-child(1) em {background-color:#787B00}
#Search_wrap .righr_keyword > dl > dd > ol a {color:rgba(255,255,255,0.7)}

#Search_wrap .quick_menu {position: absolute;top: -32px;right: 17px}
#Search_wrap .quick_menu ul {width:166px}
#Search_wrap .quick_menu li a {color: #363636;display: block;text-align: center;padding: 46px 0 11px 0;font-weight: 600;line-height: 1.2;background: #8ac13e url(/usr/image/new/images/main/banner.png) no-repeat center 16px}
#Search_wrap .quick_menu li.banner01 a {background: #01072c url(/usr/upload/editor/zboardcommon321/20200716102531266_67.0.png) no-repeat center;
    padding: 45px 0;}
/*#Search_wrap .quick_menu li.banner02 a {background: #c569bc url(/usr/image/new/images/main/banner.png) no-repeat center -161px;}*/
#Search_wrap .quick_menu li.banner02 a {background: #c569bc url(/usr/image/new/images/main/banner_0328.png) no-repeat center -342px;}
#Search_wrap .quick_menu li.banner03 a {background: #12bbb6 url(/usr/image/new/images/main/banner.png) no-repeat center -80px}
#Search_wrap .quick_menu li.banner04 a {}

#Search_wrap .quick_menu li.sns a {width: 25%;display: inline-block;text-indent: -999em;padding: 12px;float: left}
#Search_wrap .quick_menu li.sns a.fe {background: rgba(0,0,0,0.5) url(/usr/image/new/images/main/facebook_img.jpg) no-repeat 9px 9px;}
#Search_wrap .quick_menu li.sns a.be {background: rgba(0,0,0,0.5) url(/usr/image/new/images/main/blog_img.jpg) no-repeat 9px 9px;}
#Search_wrap .quick_menu li.sns a.in {background: rgba(0,0,0,0.5) url(/usr/image/new/images/main/instagram_img.jpg) no-repeat 9px 9px;}
#Search_wrap .quick_menu li.sns a.ka {background: rgba(0,0,0,0.5) url(/usr/image/new/images/main/form.jpg) no-repeat 9px 9px;}

#bbs_wrap {max-width: 1300px;position: relative;color: #fff;margin: 155px auto 0;padding: 0 20px;top: 168px}
#bbs_wrap.top {top: -30px}
.notice,.event,.popup {width:33.33333%;float:left;height: 250px}
.notice {background-color:/*#fca340*/ #EE6500;padding: 17px 20px 20px}
#bbs_wrap > div > ul {position:relative}
#bbs_wrap > div > ul > li > ul {margin-top: 36px;border-top: 1px dotted;padding-top: 10px}
#bbs_wrap > div > ul > li > ul > li {line-height: 27px;font-weight: 600}
#bbs_wrap.top > div > ul > li > ul > li {display:block}
#bbs_wrap > div > ul > li > ul > li {display:none}
#bbs_wrap > div > ul > li > ul > li a {color:#fff}
#bbs_wrap > div .more {position:absolute;top:-33px;right:0;width:17px;height:17px;display:block;background: url('/usr/image/new/images/common/more.png');text-indent: -999em}
#bbs_wrap > div .bbs h3 a{color:#fff;font-size: 15px}
#bbs_wrap > div .bbs h3 a.on{text-decoration: underline;color:#000}
#bbs_wrap > div .bbs h3 {color:#fff;position:absolute;top:-39px;left:0}

#bbs_wrap > div .bbs h3.m02 {left:84px}
#bbs_wrap > div .bbs h3.m03 {left:169px}
#bbs_wrap > div .bbs h3.m04 {left:104px}
#bbs_wrap > div .bbs h3.m05 {left:258px}
#bbs_wrap > div .bbs h3.m06 {left:190px}
#bbs_wrap > div .bbs > ul > li > a > span {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width:100%;display: block}

.popupzone {max-width:100%}
.popupzone .control {position: absolute;right: 27px;top: -60px;width: 100%;text-align: right}
.popupzone .control ul {display:none;}
.popupzone .control .count {display:inline-block; vertical-align:top; color:#fff; height:50px; line-height:48px; margin-left:15px;}
.popupzone .control .count span {color:#fff;}
.popupzone .control a[class*="btn_"]{overflow:hidden; display:inline-block; vertical-align:top; width:25px; height:50px;top:0; background:url('/usr/image/main/slider_control_bg.png') no-repeat;}	
.popupzone .control a span {line-height:1px; font-size:1px; position:absolute; left:-10000px; top:0; overflow:hidden; text-indent:-30000px;}
.popupzone .control a.btn_left {background-position:center 0; right:101px;}
.popupzone .control a.btn_play {background-position:center -50px; right:76px;}
.popupzone .control a.btn_stop {background-position:center -100px; right:76px;}
.popupzone .control a.btn_right {background-position:center -150px; right:51px;}
.popupzone .control a.btn_more {background-position:center -200px; width:40px; right:0}
.popupzone .move {position: relative;left: 0;top: 0;padding-top: 48%;bottom: 0;right: 0}
.popupzone .move ul {overflow:hidden; position:absolute; left:0; top:0; width:100%; height:100%;}
.popupzone .move ul li {position:absolute; left:100%; top:0; width:100%; height:100%; padding:5px;}
.popupzone .move ul li:first-child {left:0;}
.popupzone .move ul li a {display:block; height:100%; position:relative;}
.popupzone .move ul li img {display:block; max-width: 600px; margin:0 auto; height: 100%;}
.popcon li {position: relative}
.event {background-color:/*#12bbb6*/ #009FB2;padding: 17px 20px 20px}
.popup {background-color:/*#83b93b*/ #5DA200;padding: 17px 20px 20px;position:relative}
.size {width:100%;max-width:500px}
.popupzone .size {width:auto;max-height:100%;}
.btnopen {position: absolute;top: -50px;right: 20px;display: block;width: 50px;height: 50px;background: rgba(0,0,0,0.3) url('/usr/image/new/images/common/updown.png') no-repeat center 17px;text-indent: -999em}
.btnopen.on {background-position:center -23px}

#footer {margin-top: 220px}
@media screen and (max-width: 1400px){
	#Search_wrap .righr_keyword {position: relative;top: 21px;left: 50%;transform: translateX(-50%);max-width: 470px}
	#Search_wrap .righr_keyword > dl > dt,#Search_wrap .righr_keyword > dl > dd {width:50%}
	#Search_wrap .righr_keyword > dl > dd > ol li {width: 100%}
	#bbs_wrap {margin-top: 57px;position:relative;top:auto;overflow: hidden}
	#bbs_wrap > div {width:100%}
	.popcon li {text-align: center}
	.notice,.event,.popup {height: auto}
	.open {display:none}
	.btnopen {display:none}
	#footer {margin-top: 50px}
	.popupzone .move {padding-top: 24%}

}
@media screen and (max-width: 1280px){
	#footer {height:auto}
	.popupzone .move {padding-top: 31%}
}
@media screen and (max-width: 890px){
	#Search_wrap {position: relative;margin-top: -825px}
	#Search_wrap .quick_menu {position: relative;top: 50px;left: 50%;right: 0;transform: translateX(-50%);max-width: 470px}
	#Search_wrap .quick_menu ul {width:auto}
	/*#Search_wrap .quick_menu li:nth-child(2) a {padding: 15px 10px 15px 47px;background: /*#12bbb6*/ #009FB2 url('/usr/image/new/images/main/quick_img.png') no-repeat 12px -114px}*/
	#Search_wrap .quick_menu li:nth-child(5) a.fe {background-position:12px -273px;text-indent: 0}
	/*#Search_wrap .quick_menu li:nth-child(5) a.be {background-position:12px -326px;text-indent: 0}*/
	#bbs_wrap {margin-top: 82px}
	.popupzone .move {padding-top: 46%}
}
@media screen and (max-width: 833px){
	#footer .inner_wrap .bottom_logo {float: none;display: table;margin: 26px auto 0;text-align: center}
	#footer .inner_wrap address {float: none;text-align: center;margin-top: 12px}
}
@media screen and (max-width: 600px){
	#Search_wrap .center_search {padding: 0 2%}
	#Search_wrap .quick_menu {padding: 0 2%}
	#Search_wrap .righr_keyword {padding: 0 2%}
	#Search_wrap .center_search h2 {font-size: 1.7em}
	#bbs_wrap {padding: 0 2%}
}
@media screen and (max-width: 500px){
	#Search_wrap .center_search h2 {font-size: 1.5em}
}

@media screen and (max-width: 435px){
	#bbs_wrap > div .bbs h3 a {font-size: 13px}
	#bbs_wrap > div .bbs h3.m02 {left: 63px}
	#bbs_wrap > div .bbs h3.m03 {left: 130px}
	#bbs_wrap > div .bbs h3.m04 {left: 93px}
	#bbs_wrap > div .bbs h3.m05 {left: 220px}
}
@media screen and (max-width: 360px){
#Search_wrap .righr_keyword > dl > dd > ol li {width: 90px}

}

/**팝업**/
#dimmed {position: fixed;left: 0;top: 0;right: 0;bottom: 0;background: #000;opacity: 0.2;filter: alpha(opacity=20);z-index: 200;display: none}
.pop-wrap {position: absolute;left: 50%;top: 0;z-index: 999;display: none}
.pop-wrap-inner header {min-height: 40px;background: #9e5005}
.pop-wrap-inner header h2 {color: #fff;font-size: 20px;font-weight: 400;padding: 20px 30px;line-height: 1em}
.pop-contents {padding: 19px 21px;line-height: 1.5em}
.pop-contents > p {font-size: 0.88em}
.pop-close.heading {top: 20px;right: 20px}
.pop-close {position: absolute;right: 12px;top: 12px;display: block;width: 28px;height: 28px;text-indent: -999em;overflow: hidden;background: url(/usr/image/new/images/common/close.png) left top no-repeat}
.pop-wrap-inner {position: relative;width: 500px;background: #fff}

/**테이블**/
.tal_box {border-top:2px solid #303234}
.tal_type01 th {background-color:#f7f7f8;border-bottom:1px solid #dedede}
.tal_type01 .tit {font-weight:600}

.tal_type01 .w70px {width:70px}
.tal_type01 .w90px {width:90px}
.tal_type01 .w120px {width:120px}
.tal_type01 .w200px {width:200px}

.tal_type01 th,.tal_type01 td {text-align:center;padding:8px}
.tal_type01 td {border-bottom:1px solid #dedede}
.tal_type01 td.tal {text-align:left}
.tal_type01 td.ell {text-overflow: ellipsis;white-space: nowrap;overflow: hidden}

.tbl-type01 th {text-align:left;padding:14px 0 14px 20px;background:#f1f1f1;font-weight:400;border-bottom:solid 1px #ccc;width:180px;}
.tbl-type01.work th {border-left:none}
.tbl-type01.work td {border-left:none;padding-left: 20px}
.tbl-type01 td {padding:10px 20px;border-bottom:solid 1px #ccc;border-left:solid 1px #ccc;}
.tbl-type01 td.bnone {border-left:none;padding:10px 0}
.tbl-type01 td.comment {border-left:0;padding:20px 0}

.tbl-type01 th {/* text-align:left; *//* padding:14px 0 14px 20px; *//* background:#f1f1f1; *//* font-weight:400; *//* border-bottom:solid 1px #ccc; */width:180px;}
.tbl-type01.work th {border-left:none}
.tbl-type01.work td {border-left:none;padding-left: 20px}
.tbl-type01 td {padding:10px 20px;border-bottom:solid 1px #ccc;border-left:solid 1px #ccc;}
.tbl-type01 td.bnone {border-left:none;padding:10px 0}
.tbl-type01 td.comment {border-left:0;padding:20px 0}

hr.line {background-color: #dddddd;height: 1px;border: none;display: block;padding: 0;margin: 0}
.tac {text-align:center;}
input[type="checkbox"], input[type="radio"]{margin:0;padding:0;width:14px;height:14px; cursor:pointer}
input[type="checkbox"]+label, input[type="radio"]+label{margin:0 10px 0 3px;vertical-align:middle;cursor:pointer}

/**버튼**/
.btm {min-width: 60px;width: auto;height: 35px;padding: 0 16px;margin: 0;border: 1px solid #575757;background: #575757;font-weight: 600;font-size: 13px;line-height: 2.4;cursor: pointer;display: inline-block;color:#fff}
.btm.line {background-color: #fff;color: #1b1b1b;border-color: #cbcbcb}
.btm.olg {border: 1px solid #fb7d01;background: #fb7d01;color: #fff}
.btm.olg:hover, .btm.olg:focus,  .btm.olg:active {border: 1px solid #633201;background: #633201;text-decoration: underline}
.btmabs {position:absolute;top:0;right:0}
.btm.circle {background-color: #fff;color: #1b1b1b;border-color: #cbcbcb;border-radius: 100%;height: 60px;width: 60px;font-size: 12px;line-height: 1.3;padding: 14px;text-align: center}
.btm:hover, .btm:focus, .btm:active, .btm.on{text-decoration:none;border: 1px solid #fb7d01;background: #fb7d01;color:#fff}
.btm.line:hover, .btm.circle:hover, .btm.line:focus, .btm.circle:focus, .btm.line:active, .btm.circle:active {color:#fff}
.btm_more {display: block;text-align: center;border: 1px solid #575757;padding: 8px 0;font-weight: 600;background-color:#575757;color:#fff}
.btm_more:hover,.btm_more:focus {background-color:#fb7d01;border: 1px solid #fb7d01;color:#fff}
.btm_more span {position:relative;padding-left: 22px;font-size: 16px}
.btm_more span:before {background:url('/usr/image/new/images/common/morebig.png') no-repeat 0 0;content: "";height: 15px;left: 0px;position: absolute;top: 2px;width: 15px}

/************************************************************************
 * Banner Zone
 ************************************************************************/
#bannerzoneContainer {position: relative; top: 0px; left: 0px; width: 662px; height: 250px; overflow: hidden; }
#bannerzoneContainer div.slideContainer { cursor: move; position: absolute; left: 0px; top: 0px; width: 100%; height: 250px; overflow: hidden; }
#bannerzoneContainer div.bannerbtn { position: absolute; height: 16px; top: 221px; left: 17px; z-index: 10; }

/* jssor slider bullet navigator skin css */
/*
.bannerzoneBullet div           (normal)
.bannerzoneBullet div:hover     (normal mouseover)
.bannerzoneBullet .av           (active)
.bannerzoneBullet .av:hover     (active mouseover)
.bannerzoneBullet .dn           (mousedown)
*/
.bannerzoneBullet { position: absolute; height: 16px; top: 221px; left: 40px; z-index: 10; }
.bannerzoneBullet a { background: url(/usr/image/crck/main/mb_out.png) no-repeat; width: 19px; height: 16px; display:block; }
.bannerzoneBullet .av, .bannerzoneBullet a:hover { background: url(/usr/image/crck/main/mb_over.png) no-repeat; }
      
/************************************************************************@import url("/cms/gen/css/20160928_1858114581238000.css");
@import url("/cms/gen/css/20160928_1858095985459400.css");
@import url("/cms/gen/css/20160928_1858077615397200.css");
@import url("/cms/gen/css/20160928_1858053163115000.css");
@import url("/cms/gen/css/20160928_1858031557121700.css");
@import url("/cms/gen/css/20160904_7441152580500.css");
@import url("/cms/gen/css/20160904_7392609253000.css");
@import url("/cms/gen/css/20160904_7381456212500.css");
@import url("/cms/gen/css/20160904_7360392220000.css");
@import url("/cms/gen/css/20160928_1860539563396100.css");
@import url("/cms/gen/css/20160928_1858206701352400.css");
@import url("/cms/gen/css/20160928_1858143676816800.css");
@import url("/cms/gen/css/20160928_1858114581238000.css");
@import url("/cms/gen/css/20160928_1858095985459400.css");
@import url("/cms/gen/css/20160928_1858077615397200.css");
@import url("/cms/gen/css/20160928_1858053163115000.css");
@import url("/cms/gen/css/20160928_1858031557121700.css");
@import url("/cms/gen/css/20160904_7441152580500.css");