@charset "utf-8";

/* ==========================================================================
  font-face
   ========================================================================== */

@import url('font.css');
@import url(//fonts.googleapis.com/earlyaccess/notosanssc.css);

/* ==========================================================================
   Base styles & import
   ========================================================================== */

@import url('lib/normalize.css');
@import url('lib/owl.caroesl2.css');
@import url('datepicker.css');
@import url('animated.css');
@import url('jquery.mCustomScrollbar.min.css');

/* base */
h1, h2, h3, h4, h5, h6, fieldset,ul, ol, li, dl, dt, dd, p, button, figure, em, strong, a, form{margin:0;padding:0;}
html{}
body {font:normal 13px/1.5 "Noto Sans SC","나눔고딕", NanumGothic, 'Nanum Gothic', sans-serif, Arial;color:#222;}
legend, caption{width:0;height:0;visibility:hidden;font-size:0;line-height:0;}
a{font-style:normal;text-decoration:none;color:#222;}
fieldset, button{background:none;border:0px;}
ul,ol{overflow:hidden;}
li{list-style:none;}
img{vertical-align:middle;}
table{width:100%;}
iframe{width:100%;vertical-align:middle;border:0 none;}
input, button{box-sizing:inherit;}
hr{border-width:1px 0 0 0;}
em, address{font-style:normal;}
.fixed{position:fixed;}

/* ==========================================================================
   common
   ========================================================================== */
.block{display:block}
.inblock{display:inline-block}
.hide{display:none;}
.skip, .blind{position:absolute;overflow:hidden;visibility:hidden;width:0px;height:0px;font-size:0;line-height:0;text-indent:-9999px;}

.static{position:static;}
.relative{position:relative;}

.f_left{float:left;}
.f_right{float:right;}
.clear{clear:both;}

.p5{padding:5px;}
.p10{padding:10px;}
.p20{padding:20px;}
.pt5{padding-top:5px;}
.pt10{padding-top:10px;}
.pt15{padding-top:15px;}
.pt20{padding-top:20px;}
.pt25{padding-top:25px;}
.pt30{padding-top:30px;}
.pt45{padding-top:45px;}
.pt50{padding-top:50px;}
.pb5{padding-bottom:5px;}
.pb10{padding-bottom:10px;}
.pb15{padding-bottom:15px;}
.pb20{padding-bottom:20px;}
.pb30{padding-bottom:30px;}
.pb50{padding-bottom:50px;}
.pl5{padding-left:5px;}
.pl10{padding-left:10px;}
.pl15{padding-left:15px;}
.pr1{padding-right:1px;}
.pr5{padding-right:5px;}
.pr10{padding-right:10px;}
.pr15{padding-right:15px;}

.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt25{margin-top:25px;}
.mt30{margin-top:30px;}
.mt35{margin-top:35px;}
.mt40{margin-top:40px;}
.mt45{margin-top:45px;}
.mt50{margin-top:50px;}
.mt100{margin-top:100px;}
.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mb50{margin-bottom:50px;}
.ml5{margin-left:5px;}
.ml10{margin-left:10px;}
.ml15{margin-left:15px;}
.ml20{margin-left:20px;}
.ml30{margin-left:30px;}
.mr3{margin-right:3px;}
.mr5{margin-right:5px;}
.mr10{margin-right:10px;}
.mr15{margin-right:15px;}
.mr20{margin-right:30px;}
.mr30{margin-right:30px;}
.mr40{margin-right:40px;}

.ime_kor{ime-mode:active;}
.hidden{overflow:hidden;}
.no_bg{background:none;}
.ellipsis{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;}
.op80{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity:0.8;opacity:0.8;}
.bgLayer{display:none;position:fixed;top:0;left:0;z-index:500;width:100%;height:100%;background:#333;opacity:0.6; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";filter:alpha(opacity=60);-moz-opacity:0.6;-khtml-opacity:0.6;}
.bg_gray {background:#354049; color:#fff}

.grayscale img{
	filter:url(filters.svg#gray); /* Gecko and FF*/
	filter:gray; /* IE */
	-moz-filter:grayscale(1);
	-ms-filter:grayscale(100%); 
	-o-filter:grayscale(100%);
	-webkit-filter:grayscale(1);}
a.grayscale:hover img, a.grayscale:focus img, a.grayscale:active img{
	filter:none;
	-moz-filter:none;
	-ms-filter:none; 
	-o-filter:none; 
	-webkit-filter:none;}

.bold{font-weight:600;}
.normal{font-weight:normal;}
.underline{text-decoration:underline;}
.t_eng{font-family:Arial, Tahoma , Geneva, Verdana;}
.t_num{font-family:Californian FB;font-weight:600;}

.f10{font-size:10px !important;}
.f11{font-size:11px !important;}
.f12{font-size:12px !important;}
.f13{font-size:13px !important;}
.f14{font-size:14px !important;}
.f20{font-size:20px !important;}
.f24{font-size:24px !important;}
.f35{font-size:35px !important;}

.lh30{line-height:30px;}
.lh40{line-height:40px;}

.t_white{color:#fff !important}
.t_blk{color:#000 !important}
.t_gray{color:#808285 !important}
.t_gray2{color:#666 !important}
.t_gray3{color:#777 !important}
.t_dgray{color:#1c2024 !important}
.t_red{color:#eb5a58 !important}
.t_blue{color:#0090ff !important}
.t_green{color:#088f44 !important}


.t_center{text-align:center !important;}
.t_left{text-align:left !important;}
.t_right{text-align:right !important;}

/* skip_navi */
#skipNavi{position:relative;}
	#skipNavi a {display:block;position:absolute;left:0;top:-30px;width:150px;text-align:center;color:#fff;background:#000;z-index:1000;}
	#skipNavi a:focus, #skipNavi a:hover{top:0px;}

/* toTop */
#toTop{display:none;position:fixed;right:15px;bottom:-60px;width:50px;height:50px;border-radius:25px;font-size:0;text-indent:-1000px;text-align:center;color:#fff;background:#777 url(../images/common/toTop.png) no-repeat center center;opacity:0.8;}
	#toTop:hover, #toTop:focus, #toTop.hover {background-color:#0785C2;}

/* tooltip */
.ui-tooltip{padding:5px;position:absolute;z-index:9999;max-width:300px;border-radius:8px;-webkit-box-shadow:0 0 5px #aaa;box-shadow:0 0 5px #aaa;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity:0.8;opacity:0.8;}
body .ui-tooltip{border:0 none;background:#333;color:#fff;font-size:12px;}

/* ie용 스크롤 바 */
/* body {
	scrollbar-face-color:#00AEEF;
	scrollbar-shadow-color:#31BDF3;
	scrollbar-highlight-color:red;
	scrollbar-3dlight-color:blue;
	scrollbar-darkshadow-color:gray;
	scrollbar-track-color:#fff;
	scrollbar-arrow-color:#0084C2;
} */
/* Chrome, Safari용 스크롤 바 */
::-webkit-scrollbar{width:8px;height:8px;border:3px solid #fff;}
/*::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment{display:block;height:10px;background:#efefef}*/
::-webkit-scrollbar-track{background:#efefef;-webkit-border-radius:10px;border-radius:10px;-webkit-box-shadow:inset 0 0 4px rgba(0,0,0,.2)}
::-webkit-scrollbar-thumb{height:50px;width:50px;background:rgba(0,0,0,.2);-webkit-border-radius:8px;border-radius:8px;-webkit-box-shadow:inset 0 0 4px rgba(0,0,0,.1)}

/*scroll custom*/
.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{/* background:#eee; */ background-color:#fff;}
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{/* background:#ddd; */ background-color:#fff;}
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{/* background:#333; */ background-color:#eee;}


/* ==========================================================================
   Layout
   ========================================================================== */
html,body{height:100%;}
#wrap{position:relative;height:100%;min-height:700px;}
#header{position:absolute;left:0;top:0;bottom:0;width:180px;transition:width 0.5s ease;}
	#logo{display:block;padding:10px 0;text-align:center;}
	#logo a{display:inline-block;padding:10px;height:30px;}
	#logo a img{height:30px;vertical-align:top;-webkit-transform:rotateY(0deg) scale(1);-moz-transform:rotateY(0deg) scale(1);-ms-transform:rotateY(0deg) scale(1);-o-transform:rotateY(0deg) scale(1);transform:rotateY(0deg) scale(1);transition:transform 0.5s ease;}
	#logo a:hover img,
	#logo a:focus img,
	#logo a:active img{-webkit-transform:rotate(360deg) scale(1.3);-moz-transform:rotateY(360deg) scale(1.3);-ms-transform:rotateY(360deg) scale(1.3);-o-transform:rotateY(360deg) scale(1.3);transform:rotateY(360deg) scale(1.3);}
	#gnb{position:absolute;left:0px;top:70px;bottom:0;width:380px;background:#2e3337;/*transition:all 0.5s cubic-bezier(.64,.19,.15,1);*/}
	#gnb > ul{padding-top:55px;overflow:visible;transition:all 0.5s ease;}
	#gnb > ul > li{position:relative;}
	#gnb > ul > li > a{display:block;font-size:14px;color:#dde3e7;width:150px;padding-left:30px;line-height:50px;opacity:1;transition:padding 0.5s ease, opacity 0.5s ease;}
	#gnb > ul > li > a:hover,
	#gnb > ul > li > a:focus,
	#gnb > ul > li > a:active{font-weight:600;}	
	#gnb > ul:hover > li > a{opacity:0.5;}
	#gnb > ul:hover > li > a:hover{opacity:1;}
	#gnb > ul > li.active > a{font-weight:600;background:#232729;}
	#gnb > ul > li > ul{display:none;position:absolute;left:180px;top:0;width:200px;padding:10px 0;/* background:url(../images/common/bg_snb2depth.png) repeat 0 0;opacity:1; */transition:left 0.5s ease, width 0.5s ease, opacity 0.5s ease;}
	#gnb > ul > li.active > ul{display:block;z-index:10;
		-webkit-animation-name:zoomIn;
		animation-name:zoomIn;
		-webkit-animation-duration:1s;
		animation-duration:1s;
		-webkit-animation-fill-mode:both;animation-fill-mode:both;}
	#gnb > ul > li > ul > li{}
	#gnb > ul > li > ul > li > a{display:block;padding:10px 5px 10px 20px;font-size:13px;color:#1c2024;font-weight:600;opacity:1;transition:color 0.5s ease, opacity 0.5s ease;}
	#gnb > ul > li > ul > li > a:hover,
	#gnb > ul > li > ul > li > a:focus,
	#gnb > ul > li > ul > li > a:active,
	#gnb > ul > li > ul > li.active > a{color:#fff;}
	/*#gnb > ul > li:nth-child(4) {letter-spacing:-1px}*/
	#gnb .bg_sub{position:absolute;right:0;top:0;bottom:0;width:200px;background-repeat:no-repeat;background-position:50% 0;background-size:cover;transition:all 0.5s ease;}
		.head_bg1 #gnb .bg_sub{background-image:url(../images/common/bg_sub1.jpg);}
		.head_bg2 #gnb .bg_sub{background-image:url(../images/common/bg_sub2.jpg);}
		.head_bg3 #gnb .bg_sub{background-image:url(../images/common/bg_sub3.jpg);}
		.head_bg4 #gnb .bg_sub{background-image:url(../images/common/bg_sub4.jpg);}
		.head_bg5 #gnb .bg_sub{background-image:url(../images/common/bg_sub5.jpg);}
		.head_bg6 #gnb .bg_sub{background-image:url(../images/common/bg_sub6.jpg);}
	.btn_gnb{display:none;position:absolute;left:0;top:0;width:50px;height:50px;background:#2e3337;transition:all 0.5s cubic-bezier(.64,.19,.15,1);}	
		.btn_gnb i{display:block;width:24px;height:3px;margin:5px auto 0;background:#fff;border-radius:2px;transition:transform .5s,opacity .3s;}
		.btn_gnb i:first-child{margin-top:15px;}
		/* .btn_gnb.on{background:#F4F4F4;} */
		.btn_gnb.on i{position:relative;left:5px;background:#fff;}
		.btn_gnb.on i:nth-child(1){-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;}
		.btn_gnb.on i:nth-child(2){opacity:0;}
		.btn_gnb.on i:nth-child(3){-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:bottom left;-ms-transform-origin:bottom left;transform-origin:bottom left;}
#container{height:100%;overflow:hidden;}
	#location{height:70px;background:#F4F4F4;}
	#location > ul{position:absolute;right:480px;top:24px;}
	#location > ul > li{float:left;padding-left:7px;margin-left:7px;background:url(../images/common/ico_path.gif) no-repeat 0 50%;}
	#location > ul > li:first-child{padding:0;margin:0;background:none;}
	#location > ul > li > a,
	#location > ul > li > strong{font-size:11px;}
	#container .btn_top{position:absolute;right:500px;bottom:15px;padding:5px;background:rgba(255,255,255,0.5);}
#content{position:absolute;left:380px;right:0;top:70px;bottom:0;/*transition:all 0.5s ease;*//* background:url(../images/common/bg_content.gif) left top */}
	#content > div{position:relative;width:auto;height:100%;padding-right:460px;overflow-x:hidden;overflow-y:auto;background:#fff;}
	/*.cont_inner{width:700px;margin:0 auto;padding-bottom:50px;}*/
	/*#page_tit{position:relative;padding:50px 0;font-size:35px;color:#1c2024;font-weight:600;}*/
	/*2016.07.14 추가 */
	.cont_inner{position:relative;width:700px;margin:0 auto;padding-bottom:50px;}
	#page_tit{padding:50px 0;font-size:35px;color:#1c2024;font-weight:600;}
	#page_tit > i{display:block;position:absolute;left:0;top:0;width:0px;height:2px;line-height:1;background:#000;}
	.cont_inner .tit_sub {font-size:20px;}
#sideMenu{position:fixed;right:0;top:0;bottom:0;width:460px;transition:right 1s cubic-bezier(.64,.19,.15,1);z-index:30;}
	#sideMenu > div{height:100%;overflow:auto;}
	#sideMenu > div > ul{height:100%;min-height:700px;}
	#sideMenu > div > ul > li{position:relative;float:left;width:50%;height:25%;min-height:175px;background:#fff;
		-webkit-animation-name:fadeInRight;
		animation:fadeInRight;
		-webkit-animation-duration:1s;
		animation-duration:1s;
		-webkit-animation-fill-mode:both;
		animation-fill-mode:both;}

		#sideMenu > div > ul > li.sideNew1{-webkit-animation-delay:1.2s;animation-delay:1.2s}		
		#sideMenu > div > ul > li.side2{-webkit-animation-delay:0s;animation-delay:0s}
		#sideMenu > div > ul > li.side4{-webkit-animation-delay:0.3s;animation-delay:0.3s}
		#sideMenu > div > ul > li.side6{-webkit-animation-delay:0.6s;animation-delay:0.6s}
		#sideMenu > div > ul > li.side8{-webkit-animation-delay:0.9s;animation-delay:0.9s}
		#sideMenu > div > ul > li.side0{-webkit-animation-delay:1.2s;animation-delay:1.2s}
		#sideMenu > div > ul > li.side1{-webkit-animation-delay:1.2s;animation-delay:1.2s}
		#sideMenu > div > ul > li.side3{-webkit-animation-delay:1.5s;animation-delay:1.5s}
		#sideMenu > div > ul > li.side5{-webkit-animation-delay:1.8s;animation-delay:1.8s}
		#sideMenu > div > ul > li.side7{-webkit-animation-delay:2.1s;animation-delay:2.1s}
		#sideMenu .side0 img{width:180px;}
		#sideMenu .side1 img{width:150px;}
		#sideMenu .side1 a:first-child img{width:71px;}
		#sideMenu .side1 .sns a img{width:25px;}
		#sideMenu .side2 .divMiddle span.PRESS, #sideMenu .side2 .divMiddle span.Notice{background-size:15px auto;}
		#sideMenu .side3 img{width:180px;}
		#sideMenu .side4 img{width:167px;}
		#sideMenu .side5 img{width:180px;}
		#sideMenu .side6 img{width:180px;}
		/*#sideMenu .side6 img{width:71px;} 사이드메뉴 6번째꺼 */
		#sideMenu .side7 img{width:180px;}
		#sideMenu .side8 li img{width:70px;}
	#sideMenu > div > ul > li.bg_blue{background-color:#0295eb;}
	#sideMenu > div > ul > li .divMiddle{position:absolute;left:0;right:0;top:0;bottom:0;width:100%;margin:auto;}
	#sideMenu > div > ul > li.imgMiddle > img,
	#sideMenu > div > ul > li.imgMiddle > a > img{position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;}
	#sideMenu > div > ul > li > a{display:block;height:100%;min-height:175px;}
	#sideMenu .sideNew1 img {width:180px;  padding:30px 0 0 10%; text-align:center}
	#sideMenu .sideNew1 > div{height:100%;background:#0095eb;}
	#sideMenu .sideNew1 .divMiddle{text-align:center;}
	#sideMenu .sideNew1 .divMiddle a{display:block;width:100%;height:100%; background-image:url(../images/common/img_sideM00.png);background-repeat:no-repeat;background-position:50% 50%;}
	#sideMenu .sideNew1 .divMiddle a span{display:none;}
	#sideMenu .side0 a, #sideMenu .side7 a{border-left:1px solid #ebebeb;border-right:1px solid #ebebeb;}
	#sideMenu .side1 > div{border-left:1px solid #ebebeb;height:100%;}
	#sideMenu .side1 .divMiddle{height:160px;text-align:center;}
	#sideMenu .side1 .divMiddle > a{display:block;}
	#sideMenu .side1 .divMiddle > a:first-child{margin-bottom:10px;}
	#sideMenu .side1 .divMiddle > .sns{display:block;padding-top:10px;}
	#sideMenu .side1 .divMiddle > .sns a{margin:5px;}
	#sideMenu .side2 > div{border-left:1px solid #ebebeb;height:100%;}  
	#sideMenu .side2 .divMiddle{height:157px;}
	#sideMenu .side2 .divMiddle > p{margin-bottom:20px;font-family:Tahoma;font-size:13px;font-weight:600;color:#000;line-height:1;text-align:center;}
	#sideMenu .side2 .divMiddle > ul{padding-left:25px;}
	#sideMenu .side2 .divMiddle > ul > li{}
	#sideMenu .side2 .divMiddle > ul > li > a{display:block;line-height:25px;font-size:12px;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;white-space:nowrap;box-sizing:border-box;position:relative;padding-left:18px;}
	#sideMenu .side2 .divMiddle .notice_list a:before{content:'N';display:block;width:15px;height:15px;line-height:15px;font-size:10px;color:#fff;background-color:#606060;position:absolute;left:0;top:5px;text-align:center;border-radius:50%;}
	#sideMenu .side2 .divMiddle .press_list a:before{content:'P';display:block;width:15px;height:15px;line-height:15px;font-size:10px;color:#fff;background-color:#606060;left:0;top:5px;position:absolute;text-align:center;border-radius:50%;}
	#sideMenu .side3 a, #sideMenu .side5 a{border-left:1px solid #ebebeb;border-top:1px solid #ebebeb;margin-top:-1px;border-right:1px solid #ebebeb;}
	#sideMenu .side4{background:url(../images/common/img_ceo.jpg) no-repeat 50% 0;background-size:cover;}
	#sideMenu .side5{background:#fff;}
	#sideMenu .side6{}
	/* #sideMenu .side7{background:url(../images/common/bg_side7_study.jpg) no-repeat center;background-size:cover;} */
	#sideMenu .side_study{background:url(../images/common/bg_side_study.jpg) no-repeat center;}
	#sideMenu .side8 div{height:100%;background:#fff;}
	#sideMenu .side8 p{display:block;position:relative;height:26%;text-align:center;border-top:1px solid #ebebeb;margin-top:-1px;}
	#sideMenu .side8 p a{font-weight:600;color:#000;font-size:16px;line-height:19px;height:19px;}
	#sideMenu .side8 ul{height:74%;  border-top:1px solid #f0f0f0;margin-top:-1px;}
	#sideMenu .side8 li{position:relative;float:left;width:50%;height:50%;border-right:1px solid #f0f0f0;border-top:1px solid #f0f0f0;margin-right:-1px;}
	#sideMenu .side8 p a, 
	#sideMenu .side8 ul li img{position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;}
	.btn_sideMenu{display:none;position:absolute;left:-33px;top:50%;margin-top:-14px;width:28px;height:28px;background:url(../images/common/btn_sideMenu.png) no-repeat center bottom;text-indent:-999em;-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);transition:transform 1s ease;opacity:0.7;}
	.btn_sideMenu:hover,
	.btn_sideMenu:focus,
	.btn_sideMenu:active{opacity:1;}
	.btn_sideMenu.on{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}
#footer{position:absolute;left:0;bottom:0;width:180px;color:#808285;font-size:10px;line-height:1.5;background:#2e3337;transition:all 0.5s ease;}
#footer a {color:#808285}
	#footer > div:first-child{padding:10px 15px;}
	#footer h1{font-size:11px;font-weight:600;padding-bottom:10px;}
	#footer p span{display:block;}
	.btn_footer{}
	.btn_footer > div{position:relative;}
	.btn_footer > div > a{display:block;line-height:29px;background:#2e3337 url(../images/common/btn_footer.png) no-repeat 95% -20px;border-top:1px solid #393e43;font-size:10px;font-weight:600;color:#808285;text-indent:15px;}
	.btn_footer > div:first-child > a{color:#eb5a58;}
	.btn_footer > div > a.on{background-position:95% 10px;}
	.btn_footer > div > ul{display:none;background:#42474c;}
	.btn_footer > div > ul > li{border-top:1px solid #4b5055;}
	.btn_footer > div > ul > li > a{display:block;line-height:29px;padding-left:20px;color:#d5d5d5;}


/* ==========================================================================
   form
   ========================================================================== */
label{display:inline-block;}
label input{vertical-align:middle;}
input[type=checkbox].checkbox, input[type=radio].radio {opacity:0;position:absolute;z-index:12;width:16px;height:16px}
input[type=checkbox].checkbox:checked, input[type=radio].radio:checked, input[type=checkbox].checkbox:focus, input[type=radio].radio:focus {outline:none! important}
input[type=checkbox].checkbox+.lbl, input[type=radio].radio+.lbl {position:relative;z-index:11;display:inline-block;line-height:14px;min-height:14px;min-width:14px;font-weight:normal}
input[type=checkbox].checkbox+.lbl::before, input[type=radio].radio+.lbl::before {font-family:fontAwesome;font-weight:normal;font-size:10px;color:#0090ff;content:"\a0";background-color:#fff;border:1px solid #adb8c0;box-shadow:0 1px 2px rgba(0, 0, 0, 0.05);display:inline-block;text-align:center;vertical-align:middle;height:13px;line-height:13px;min-width:13px;margin-right:5px}
input[type=radio].radio+.lbl::before{line-height:14px;}
input[type=checkbox].checkbox:checked+.lbl, input[type=radio].radio:checked+.lbl{font-weight:600;}
input[type=checkbox].checkbox:checked+.lbl::before, input[type=radio].radio:checked+.lbl::before {display:inline-block;content:'\f00c';background-color:#fff;border-color:#adb8c0;box-shadow:0 1px 2px rgba(0, 0, 0, 0.05), inset 0 -15px 10px -12px rgba(0, 0, 0, 0.05), inset 15px 10px -12px rgba(255, 255, 255, 0.1)}
input[type=checkbox].checkbox:hover+.lbl::before, input[type=radio].radio:hover+.lbl::before, input[type=checkbox].checkbox+.lbl:hover::before, input[type=radio].radio +.lbl:hover::before {border-color:#777}
input[type=checkbox].checkbox:active+.lbl::before, input[type=radio].radio:active+.lbl::before, input[type=checkbox].checkbox:checked:active+.lbl::before, input[type=radio].radio:checked:active+.lbl::before {box-shadow:0 1px 2px rgba(0, 0, 0, 0.05), inset 0 1px 3px rgba(0, 0, 0, 0.1)}
input[type=checkbox].checkbox:disabled+.lbl::before, input[type=radio].radio:disabled+.lbl::before, input[type=checkbox].checkbox[disabled]+.lbl::before, input[type=radio].radio[disabled]+.lbl::before, input[type=checkbox].checkbox.disabled+.lbl::before, input[type=radio].radio.disabled+.lbl::before {background-color:#f3f3f3 !important;border-color:#CCC !important;box-shadow:none !important;color:#BBB}
input[type=radio].radio+.lbl::before {border-radius:32px;font-family:Arial, Helvetica, sans-serif;font-size:30px}
input[type=radio].radio:checked+.lbl::before {content:"\2022"}
label.hover > input[type=checkbox].checkbox + .lbl::before, label.hover > input[type=radio].radio + .lbl::before{border-color:#777}
label.long .lbl{padding-left:25px;}
label.long .lbl:before{position:absolute;left:0;top:0px;}
/*
label{display:inline-block;}
label input{vertical-align:middle;}
input[type="button"],input[type="submit"],input[type="checkbox"]{border-radius:0;}
input[type="checkbox"].checkbox, input[type="radio"].radio{margin:0 2px}
input[type="checkbox"].checkbox:hover+.lbl, input[type="radio"].radio:hover+.lbl,
input[type="checkbox"].checkbox:focus+.lbl, input[type="radio"].radio:focus+.lbl,
input[type="checkbox"].checkbox:active+.lbl, input[type="radio"].radio:active+.lbl,
input[type="checkbox"].checkbox:checked+.lbl, input[type="radio"].radio:checked+.lbl{font-weight:600;}
label.long{position:relative;padding-left:23px;}
label.long input{position:absolute;left:0;top:1px;}*/

textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"]{display:inline-block;height:26px;padding:0 6px;font-size:13px;line-height:26px;border:1px solid #d9d9d9;background:#fff;-webkit-transition-duration:.1s;-moz-transition-duration:.1s;-o-transition-duration:.1s;transition-duration:.1s;vertical-align:middle;color:#222;}
textarea{width:98%;min-height:50px;resize:none;line-height:1.5;margin:0;padding:0;}
select:hover, textarea:hover, input[type="text"]:hover, input[type="password"]:hover, input[type="datetime"]:hover, input[type="datetime-local"]:hover, input[type="date"]:hover, input[type="month"]:hover, input[type="time"]:hover, input[type="week"]:hover, input[type="number"]:hover, input[type="email"]:hover, input[type="url"]:hover, input[type="search"]:hover, input[type="tel"]:hover, input[type="color"]:hover {border-color:#d9d9d9}
select:focus, textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus {border-color:#d9d9d9}
select:disabled, textarea:disabled, input[type="text"]:disabled, input[type="password"]:disabled, input[type="datetime"]:disabled, input[type="datetime-local"]:disabled, input[type="date"]:disabled, input[type="month"]:disabled, input[type="time"]:disabled, input[type="week"]:disabled, input[type="number"]:disabled, input[type="email"]:disabled, input[type="url"]:disabled, input[type="search"]:disabled, input[type="tel"]:disabled, input[type="color"]:disabled {background:#f6f6f6;}
select{display:inline-block;height:28px;line-height:28px;border:1px solid #cdcdcd;background:#fff;vertical-align:middle}

/*파일첨부*/
.input_file{display:inline-block;width:100%;}
.input_file > input{width:78%;vertical-align:middle;}
.input_file .btn_file{display:inline-block;position:relative;margin-left:5px;overflow:hidden;vertical-align:middle;}
.input_file .btn_file .button{height:26px;line-height:26px;background:#fff;border-color:#354049;color:#555;}
.input_file .btn_file input{position:absolute;right:0;top:0;padding:0;margin:0;z-index:2;font-size:1em;cursor:pointer;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;}

/*spinner*/
.ui-spinner{position:relative;display:inline-block;padding-right:20px;height:39px !important;border:1px solid #919191;background:#919191 !important;}
.ui-spinner .spinner{width:30px;height:23px;padding:8px 6px;text-align:center;border:0 none;color:#000;}
.ui-spinner-button{position:absolute;right:0px;}
.ui-spinner-button .icon{display:block;width:19px;height:19px;text-indent:-999em;}
.ui-spinner-up{top:0px;background:#fff url(../images/common/btn_plus.png) no-repeat center;}
.ui-spinner-down{top:20px;background:#fff url(../images/common/btn_minus.png) no-repeat center;}
.ui-state-hover{background-color:#eee;}
.ui-state-active{background-color:#eee;}

/* datepicker*/
.datepicker_wrap{display:inline-block;border:1px solid #cdcdcd;vertical-align:middle}
.datepicker_wrap .datepicker{border:0 none;width:80px;padding:0 5px;height:23px;line-height:23px;vertical-align:top;letter-spacing:-1px;font-size:12px;text-align:center;}
.datepicker_wrap .ui-datepicker-trigger{display:inline-block;width:25px;height:23px;background:#575757 url(../images/common/btn_datepicker.gif) no-repeat center center;text-indent:-999em}


/* ==========================================================================
   component
   ========================================================================== */

/* 제목요소 */
.cont_tit{margin:60px 0 20px;color:#000000;font-weight:600;line-height:1;font-size:14px;}
.cont_tit:first-child, #page_tit + .cont_tit{margin-top:0;}

/* 버튼 */
.button{display:inline-block;position:relative;min-width:28px;height:28px;line-height:28px;padding:0px 20px;border:1px solid #354049;border-radius:4px;background:#354049;text-align:center;color:#fff;vertical-align:middle;font-weight:600;font-size:12px;cursor:pointer;}
	.button:hover,.button:focus,.button:active{text-decoration:none !important}
	/* .button:hover{background:#bd2125;}*/
	.button:active{transform:scale(0.95)} 
.button.btn_white{background:#fff;border-color:#354049;color:#555}
.button.btn_blue{background:#1a5099;border-color:#1a5099;color:#fff}

.button.ok{width:163px;height:43px;padding:0;line-height:43px;font-size:18px;background-image:url('../images/member/btn_ok.png');background-position:144px 14px; background-repeat:no-repeat;}
.button.btn_dgray.prev{width:163px;height:43px;padding:0;line-height:43px;font-size:18px;margin-right:10px;background-repeat:no-repeat;background-image:url('../images/member/btn_cancle.png');background-position:12px 14px}
.button.btn_dgray.prev:hover{background-repeat:no-repeat;}
a.btnTxt{padding-left:8px; background:url(../images/common/btn_blit.gif) no-repeat 0 50%; font-weight:600;}
a.btnTxt:hover, a.btnTxt:focus{color:#0090ff;}

/* 2016.07.29 program page updated */
.download_btn_wrap{text-align:center;}
.download_btn{background:#1a5099;border:1px #5a6787 solid;font-size:20px;padding:10px 17px;display:inline-block; margin-top:56px;}
.btn_r{text-align:right;}
.adv_7th_subtit{font-size:18px; color:#1a5099;}
.program .adv_7th_list li{background:none; padding-left:0;}

.button.h28{height:26px;line-height:26px;}
.button.h36{height:34px;line-height:34px;}
.button.h50{height:48px;line-height:48px;font-size:18px;}

.button.w200{width:198px;padding-left:0;padding-right:0;}

/* icon */
.ic_new{display:block;position:absolute;left:10px;top:10px;width:55px;height:55px;background:url(../images/common/ic_new.png) no-repeat;text-indent:-999em;}

/*검색*/
.search_box{margin-bottom:10px;}
.search_box select{width:70px;}
.search_box select + input{width:146px;}

/* table */
p + .table {margin-top:30px;}
.table{width:100%;border-top:1px solid #616161;}
.table + .table{margin-top:-1px;}
.table th, .table td {border-bottom:1px solid #d9d9d9;word-break:break-all;}
.table th{padding-left:15px; background-color:#fafafa; text-align:left;line-height:28px;}
.table td{min-height:22px;padding:10px 10px 10px 15px;}
/* .tab_cont.application .table th{padding-left:0;}
.tab_cont.application .table td{padding:10px 0 10px 0;} */
.table td.center{padding:10px;text-align:center;}
.table td.tableCnt {padding:0;}
.table td + td {border-left:1px solid #d9d9d9;}
.table td .inp1{width:80%}
.table td .inp2{width:24%}
.table td .inp3{width:98%}
.table td .txtarea{min-height:300px;}
.table td .txtarea textarea{width:100%;max-width:700px;height:300px;resize:vertical;border:0;box-sizing:border-box;border:1px #ccc solid;}
.table td .h100 {height:100px}
.table td .txtarea iframe{width:100%;height:300px;}
.table td .lbl{margin-right:10px;margin-bottom:5px;}
.table.form input[type=text] {margin-top:5px}
.table.form input[type=text]:first-child {margin-top:0}

/* bbs */
.bbs{border-top:2px solid #616161;}
.bbs th, .bbs td{text-align:center;border-bottom:1px solid #d9d9d9;}
.bbs thead th{padding:10px 15px;background:#f9f9f9 url(../images/common/bg_bbsLine.gif) no-repeat 0 100%;border-bottom:1px solid #616161;}
.bbs thead th:first-child {background:#f9f9f9;}
.bbs .tit {padding:10px 15px 10px 30px;font-size:13px;text-align:left;}

.bbsList td {font-size:12px;}
.bbsList .data{color:#666;}
.bbsList a:hover,
.bbsList a:focus,
.bbsList a:active{text-decoration:underline;}
.bbsList .nolist{padding:20px;color:#999;}

.bbsView thead th:first-child, .bbsView thead th:first-child + th + th {font-weight:normal;font-size:12px;}
.bbsView thead th:first-child + th + th {color:#666;}
/*.bbsView tbody td div{min-height:250px;padding:30px 30px 50px 30px;text-align:left;}*/
div.bbs_contents{position:relative;min-height:250px;padding:30px 30px 50px 30px;text-align:left; overflow:hidden;}
div.bbs_contents img{max-width:100% !important;height:auto !important;}
.bbsView .top{position:relative;overflow:hidden;padding:20px 10px;border:1px solid #ececec;}
.bbsView .top h1{float:left;width:480px;font-size:15px;}
.bbsView .top .info{float:right;font-size:12px;text-align:right;}
.bbsView thead th:first-child{font-weight:bold;text-align:left}
.bbsView .view_cont{margin-top:20px;padding:40px;min-height:300px;background:#fafafa;word-wrap:break-word;text-align:left;font: normal 13px/1.5 "나눔고딕", NanumGothic, 'Nanum Gothic', sans-serif, Arial;}
.bbsView .view_cont img{max-width:100%;height:auto !important;margin:10px 0;}
.bbsView .img_cont{padding:0;text-align:center;}
.bbsView tbody td{border:none}

div.bbs_contents #btn_notice{position:absolute;display:block;width:38%;}
div.bbs_contents #btn_notice.left{left:8%}
div.bbs_contents #btn_notice.right{right:10%}
.notice_top{top:8%}
.btn_bottom{top:91%}


.prevnext {margin-top:-1px;}
.prevnext li{padding:0 30px;border-bottom:1px solid #d9d9d9;line-height:39px;}
.prevnext li:first-child{border-top:1px solid #616161;line-height:38px;}
.prevnext li strong {float:left;padding-right:43px;background:url(../images/common/btn_prevnext.png) no-repeat 45px -26px;}
.prevnext li:first-child strong{background-position:45px 15px;}
.prevnext li a{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}

/*페이징*/
.list_paging {clear:both;margin-top:50px; margin-bottom:10px;text-align:center;}
.list_paging > a,.list_paging > img{margin-left:3px}
.list_paging > a:first-child,.list_paging > img:first-child{margin-left:0px}
.list_paging a{display:inline-block;font-weight:600;}
.list_paging span {margin:0 11px 0 15px;}
.list_paging span a, .list_paging span strong{display:inline-block;padding:0 2px;vertical-align:middle;}
.list_paging span a:hover, 
.list_paging span a:focus, 
.list_paging span a:active,
.list_paging span strong {color:#eb5a58;text-decoration:underline;}


/*영상*/
.list_view .video_cont{margin-top:20px;min-height:300px}
.list_view .video_cont .video{width:100%;height:445px;}
.top_sns{position:absolute; right:15px; top:17px}
.top_sns a{display:inline-block; width:35px; height:35px;}
.top_box{height:45px; border-bottom:1px solid #ececec;position:relative;}
.top_box > p{top:0;}

/* img_list
.img_list{width:759px;}
.img_list > li{float:left;width:226px;height:280px;margin:0 24px 25px 0;border:1px solid #ececec;border-top-color:#5ec7ee;}
.img_list > li > a{display:block;position:relative;}
.img_list > li > a:hover,
.img_list > li > a:focus,
.img_list > li > a:active{text-decoration:underline;}
.img_list > li .img{display:block;background:#eaeaea;border-bottom:1px solid #ececec;}
.img_list > li .img img{width:226px;height:220px;}
.img_list > li figure{}
.img_list > li figure figcaption{padding:4px 10px 0px;}
.img_list > li figure figcaption p{margin-top:2px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.img_list > li figure figcaption p strong{font-size:15px;}

.img_list2{width:760px;}
.img_list2 > li{float:left;width:353px;height:262px;margin:0 25px 0px 0;}
.img_list2 > li > a{display:block;}
.img_list2 > li .img{display:block;width:353px;height:148px;border:1px solid #ececec;background:url(../images/event/no_img.gif) no-repeat;}
.img_list2 > li .img img{width:353px;height:148px;}
.img_list2 > li figure figcaption{padding:15px 10px;}
.img_list2 > li figure figcaption .tit{font-size:15px;}
.img_list2 > li figure figcaption span{color:#666;}

.img_list3 > li{height:260px;}

.img_list .no_list{float:none;height:auto;width:auto;padding:50px 0;text-align:center;color:#666;font-size:16px;background:#efefef;} */


/* 탭메뉴 */
.tabmenu{width:100%;margin-bottom:35px;border-bottom:1px solid #000;overflow:visible;}
.tabmenu:after{content:"";display:block;clear:both;}
.tabmenu.tabMenu2 li{width:50%;}
.tabmenu.tabMenu3 li{width:33.3%;}
.tabmenu.tabMenu3 li:first-child{width:33.4%;}
.tabmenu.tabMenu4 li{width:25%;}
.tabmenu.tabMenu4 li{width:25%;}
.tabmenu.tabMenu5 li{width:20%;}
.tabmenu.tabMenu6 li{width:16.6%;}
.tabmenu.tabMenu6 li:first-child {width:17%;}
.tabmenu.tabMenu7 li{width:14.5%;}
.tabmenu.tabMenu7 li:first-child {width:13%;}

.tabmenu.tabMenu8 li{width:12.5%;}
.tabmenu li{float:left;}
.tabmenu li a{display:block;padding:5px 0 14px;line-height:1;font-size:14px;font-weight:600;text-align:center;}
.tabmenu li a:hover,.tabmenu li a:focus,.tabmenu li a:active,.tabmenu li.on a{margin-bottom:-2px;border-bottom:3px solid #000;}

/* faq 
.faq_list{border-top:1px solid #ececec;}
.faq_list dt{position:relative;padding:10px 15px 10px 75px;border-bottom:1px solid #ececec;background:url(../images/franchise/bg_faqQ.gif) no-repeat 20px 10px;}
.faq_list dd{display:none;position:relative;padding:21px 15px 21px 75px;border-bottom:1px solid #ececec;background:#eeeeee url(../images/franchise/bg_faqA.gif) no-repeat 20px 10px;}
.faq_list dt > a{display:block;padding:9px 0;font-size:14px;}
.faq_list dt.on > a{font-weight:600;}*/

/* border Img List */
.borderList{width:100%;}
.borderList:after{content:""; display:block; clear:both;}
.borderList li{position:relative; float:left; height:54px; margin:0 0 20px 14px; overflow:hidden; text-align:center; background-color:#f8f8f3; line-height:54px;}
.borderList li:first-child, .borderList li:first-child + li + li + li{margin-left:0;}
.borderList li img{position:absolute; left:0; top:0;}
.borderList .bg_border{z-index:0; position:absolute; top:0; bottom:0; left:0; right:0; border:1px solid #000; opacity:.08; filter:alpha(opacity=8);}

/*etc*/
.txt_list > li{padding-left:10px;margin-top:7px;background:url(../images/common/bg_list.gif) no-repeat left 10px;}
.txt_list > li:first-child{margin-top:0;}
/* .box_style{padding:25px 20px;border:1px solid #ddd;border-radius:10px;} */
.blue_hr{height:1px;background:#00aeef;}


a.f_color{color:#eb5a58 !important;}
/* ==========================================================================
   popup
   ========================================================================== */

body.hidden{position:fixed;left:0;width:100%;height:100%;}
.pop_layer{position:absolute;left:50%;top:50px;margin-left:-190px;z-index:1000;}
.pop_bg{display:none;position:fixed;left:0;right:0;top:0;bottom:0;padding:20px 5px;overflow-x:hidden;overflow-y:auto;background:rgba(0,0,0,0.6);z-index:250;}
.pop_wrap{position:relative;width:600px;margin:0 auto;border:1px solid #0084c2;background:#fff;}
.pop_wrap > h1{padding:9px 10px;font-size:15px;color:#fff;background:#0084c2;}
.pop_wrap .pop_cont{padding:20px;}
.pop_wrap .btn_close{display:block;position:absolute;right:9px;top:9px;width:20px;height:20px;background:url(../images/common/pop_close.png) no-repeat;text-indent:-9999em;}

.pop_main{display:block;position:fixed;left:0;top:0;bottom:0;right:0;z-index:1000;overflow-y:auto}
.pop_main:before{position:fixed;left:0;top:0;right:0;bottom:0;background:url('../images/common/bg_op50.png');content:'';}
.pop_main > p{text-align:right;padding:10px;background:#000;color:#fff;}
.pop_main > p > label{float:left;}
.pop_main > p > label > span{padding-left:20px;}
.pop_main .pop_img_wrap{position:absolute;width:500px;left:50%;margin-top:100px;margin-bottom:100px;margin-left:-250px;}
.pop_main .btn_close{display:block;position:absolute;left:-20px;top:-20px;width:40px;height:40px;background:url(../images/main/pop_main_20170719_close.png) no-repeat;text-indent:-9999em;}
.pop_main .pop_boom{position:absolute;right:-114px;top:-46px;}

div.bbs_contents > .pop_wrap{margin:0 -30px;}
/* ==========================================================================
   Print styles.
   ========================================================================== */

@media print {
	/*#header, #lnb, #footer{display:none;}*/
}



/* ==========================================================================
   Media Queries for Responsive Design.
   ========================================================================== */

@media only screen and (max-width:1720px) {
	/*layout*/
	#location > ul{right:20px;}
	#sideMenu{right:-460px;}
	#sideMenu.open .btn_sideMenu{left:-33px;transition:left 1s cubic-bezier(.64,.19,.15,1);}
	.btn_sideMenu{display:block;left:-33px;transition:left 1s cubic-bezier(.64,.19,.15,1);}
	#sideMenu.open{right:0px;}
	/*
	#sideMenu > div > ul > li{-webkit-animation:none;animation:none;}
	#sideMenu > div > ul > li.sideNew1{left:0;transition:left 0.5s ease}
	
	#sideMenu.open > div > ul > li.sideNew1{left:-50%}
	*/
	.sideNew1 .divMiddle a{background-size:55% 85%;}
	#content > div {padding:0;}
	#container .btn_top{right:100px;}
}

 @media only screen and (max-width:1280px) {
	/*layout
	#header{width:140px;}
	#gnb{width:280px;}
	#gnb > ul{padding-top:30px;}
	#gnb > ul > li > a{width:125px;padding-left:15px;}
	#gnb > ul > li > ul{left:140px;width:140px;}
	#gnb > ul > li > ul > li > a{padding-left:10px;}
	#gnb .bg_sub{width:140px;}
	#container{}
	#content{left:280px;bottom:50px;}
	#container .btn_top{left:auto;right:25px;}
	 */
	#footer{position:fixed;width:96%;padding:10px 2%;height:30px;z-index:20;}
	#footer > div:first-child{float:left;padding:0;}
	#footer h1{padding:0;}
	#footer p{float:left;padding-right:10px;}
	#footer p span{display:inline;margin-right:5px;}
	.btn_footer{float:right;}
	.btn_footer > div{display:inline-block;width:100px;}
	.btn_footer > div > a{border:1px solid #393e43;}
	.btn_footer > div > ul{position:absolute;left:0;bottom:30px;width:100px;}
	.btn_footer > div > ul > li > a{padding-left:5px;}
}

/* @media only screen and (max-width:1030px){	 */
@media only screen and (max-width:1130px){	
	/*layout*/
	html, body, #wrap{height:auto;}
	#header{position:absolute;width:100%;height:135px;bottom:auto;}
		#header::after{content:"";display:block;position:absolute;top:0;left:0;bottom:0;right:0;z-index:-1;background-repeat:no-repeat;background-position:center center;background-size:cover;}
		#header.head_bg1::after{background-image:url(../images/common/bg_header1.jpg);}
		#header.head_bg2::after{background-image:url(../images/common/bg_header2.jpg);}
		#header.head_bg3::after{background-image:url(../images/common/bg_header3.jpg);}
		#header.head_bg4::after{background-image:url(../images/common/bg_header4.jpg);}
		#header.head_bg5::after{background-image:url(../images/common/bg_header5.jpg);}
		#header.head_bg6::after{background-image:url(../images/common/bg_header6.jpg);}
	#header.fixed{position:fixed;height:50px;z-index:50;background:rgba(255,255,255,0.8);}
	#header.fixed::after{opacity:0.5;}
	#logo{padding:0;}
	#logo a{position:absolute;right:15px;top:0;width:100px;height:27px;}
	#logo a img{width:100%;height:auto;-moz-transform:rotateY(0deg) scale(1);-ms-transform:rotateY(0deg) scale(1);-o-transform:rotateY(0deg) scale(1);transform:rotateY(0deg) scale(1);transition:none;}
	#logo a:hover img,
	#logo a:focus img,
	#logo a:active img{-moz-transform:rotateY(0deg) scale(1);-ms-transform:rotateY(0deg) scale(1);-o-transform:rotateY(0deg) scale(1);transform:rotateY(0deg) scale(1);}
	#gnb{position:fixed;width:270px;left:-270px;top:0;z-index:50;overflow:auto;transition: all 0.5s cubic-bezier(.64,.19,.15,1);}
	#gnb > ul{padding-top:50px;background:url(../images/common/gnb_logo.png) no-repeat center 10px;background-size:105px auto;}
	#gnb > ul > li{/* border-bottom:1px solid #2e3337; */}
	#gnb > ul > li > a{padding-left:45px;width:auto;line-height:40px;background:url('../images/common/bg_gnbArr.png') no-repeat 20px 50%;background-size:9px auto;}
	#gnb > ul > li.link > a{background:url(../images/common/bg_gnbStar.png) no-repeat 19px 50%;background-size:12px auto;}
	#gnb > ul:hover > li > a{opacity:1;}
	#gnb > ul > li.active > a{background:url('../images/common/bg_gnbArr.png') no-repeat 20px 50%;background-size:9px auto;color:#fff;}
	#gnb > ul > li.active > ul{display:none;-webkit-animation-name:none;animation-name:none;-webkit-animation-duration:0s;animation-duration:0s;}
	#gnb > ul > li.m_active > a{background-image:url('../images/common/bg_gnbArr2.png');}
	#gnb > ul > li > ul{position:static;left:auto;width:100%;background:#454a4d;padding:10px 0;}
	#gnb > ul > li > ul > li{}
	#gnb > ul > li > ul > li > a{padding:8px 5px 8px 40px;color:#fff;font-weight:normal;}
	#gnb > ul > li > ul > li > a:hover,
	#gnb > ul > li > ul > li > a:focus,
	#gnb > ul > li > ul > li > a:active,
	#gnb > ul > li > ul > li.active > a{font-weight:600;color:#0090ff;}
	#gnb > ul > li > ul > li > a br{display:none;}
	#gnb .bg_sub{display:none;}
	.btn_gnb{display:block;}
	.gnb_open #gnb{left:0;}
	.gnb_open .btn_gnb{left:270px;}
	#container{padding-top:135px;margin-bottom:0px;height:auto;}
	#location{position:relative;height:auto;padding:10px 20px;overflow:hidden;}
	#location > ul{position:static;float:right;}
	#content{position:relative;top:auto;left:auto;bottom:auto;}
	#content > div{width:auto;height:auto;overflow:auto;}
	#container .btn_top{display:none;}
	#footer{position:relative;padding:20px 2%;height:auto;z-index:auto;}
	#footer > div:first-child{float:none;}
	#footer h1{padding-bottom:10px;}
	#footer p{display:block;float:none;padding-right:0;}
	.btn_footer{float:none;margin-top:10px;}
	.btn_footer > div{display:inline-block;width:140px;}
	.btn_footer > div > ul{width:140px;}
	.btn_footer > div > ul > li > a{padding-left:20px;}
	#toTop{bottom:15px;}
}


/*모바일*/
@media only screen and (max-width:740px){
	/*layout*/
	#wrap{min-width:320px;}
	#container{padding-bottom:50px;}
	.cont_inner{width:auto;padding:0 15px 20px;}
	#page_tit{padding:30px 0 40px;font-size:28px;}
	#sideMenu{display:none;position:static;width:auto;}
	.btn_sideMenu{display:none;}
	#sideMenu > div{height:auto;}
	#sideMenu > div > ul{height:auto;}
	#sideMenu > div > ul > li{height:190px;}#sideMenu .side1 .divMiddle{height:133px;}
	/*#sideMenu > div > ul > li.sideNew1{position:relative;width:100%;height:175px;left:inherit;top:inherit;}
	#sideMenu.open > div > ul > li.sideNew1{left:0;}*/
	#sideMenu .sideNew1 .divMiddle a{background:none;position:relative;text-align:center;}
	#sideMenu .sideNew1 .divMiddle a span{display:block;position:relative;top:20px}
	#sideMenu .sideNew1 .divMiddle a img{width:100px}
	#sideMenu .sideNew1 img {padding:12% !important; text-align:center;}
	#sideMenu .side0 img{width:180px;}
	#sideMenu .side1 a:first-child img{width:50px;}
	#sideMenu .side1 .sns a img{width:25px;}
	#sideMenu .side3 img{width:180px;}
	#sideMenu .side5 img{width:180px;}
	#sideMenu .side6 img{width:180px;}
	/*#sideMenu .side6 img{width:50px;} 사이드메뉴 6번째꺼*/
	#sideMenu .side7 img{width:180px;}
	#sideMenu .side8 li img{width:70px;}
	#sideMenu img{max-width:80%;}

	.bbs .tit {padding:10px 10px 10px 15px;}
	.bbsView .view_cont{padding:5%;}
	/* table */
	.table td.center{text-align:left;}
	.table td + td {border-left:0;}

	.cont_tit{margin:40px 0 15px;}

	/*component*/
	.input_file{display:inline-block;}
	.input_file > input{width:58%;vertical-align:middle;}

	
	.tabmenu{margin-bottom:20px;border:0 none;}
	.tabmenu li{float:none;width:100% !important;height:0;overflow:hidden;transition:height 0.5s ease;border-bottom:0px solid #000;}	
	.tabmenu li.on{position:relative;height:34px;border-bottom-width:3px}	
	.tabmenu li.on a:after{content:'';display:block;position:absolute;right:10px;top:11px;width:8px;height:8px;border:2px solid #333;border-width:0 0 2px 2px;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(-45deg);transition:all 0.5s ease;}
	.tabmenu.m_open li{height:34px;border-bottom-width:1px;}
	.tabmenu.m_open li.on{background:#eee;border-bottom-width:3px;}
	.tabmenu.m_open li.on a:after{top:13px;-webkit-transform:rotate(135deg);-moz-transform:rotate(135deg);-ms-transform:rotate(135deg);transform:rotate(135deg)}
	.tabmenu li a{padding:10px;}
	.tabmenu li a:hover,.tabmenu li a:focus,.tabmenu li a:active, .tabmenu li.on a{border:none;margin:0;}

	.search_box select + input{width:106px;}
	.table, .table thead, .table tbody, .table tr, .table th, .table td{display:block;}
	.bbs{font-size:12px;}
	.bbs thead th{padding:10px 5px;}
	.bbsList td{font-size:11px;}
	.bbsList td:first-child + td{font-size:12px;}
	.bbsList td:first-child + td{padding:10px 5px;}
	.bbsView thead th:first-child, .bbsView thead th:first-child + th + th{font-size:11px;}
	/*.bbsView tbody td div{padding:20px 10px;}*/
	div.bbs_contents{padding:20px 10px;}
	
	.prevnext li{padding:0 10px;font-size:12px;}

	


	/* border Img List */
	.borderList li{height:40px; margin:10px 1%; line-height:40px;}
	.borderList li:first-child, .borderList li:first-child + li + li + li{margin:10px 1%;}
	.borderList li img{width:100%;}
	
	.pop_bg{padding:5px;}
	.pop_wrap{width:auto !important;margin-left:0 !important;top:0 !important;left:0 !important;}

	.pop_main{padding:0 5%;}
	.pop_main .pop_img_wrap{position:relative;max-width:500px;left:auto;margin:100px auto;width:100%;}
	.pop_main img{width:100%;}
	.pop_main img.pop_boom{width:70%;max-width:180px;right:-5%;top:-40px;}
	.pop_main .btn_close{left:-15px;top:-15px;width:30px;height:30px;background-size:cover;}
	.download_btn{margin:30px 0 20px;}

	div.bbs_contents > .pop_wrap{margin:0;}
}
@media only screen and (max-width:560px){
	.download_btn{position:relative; top:auto; bottom:auto; right:auto;}
}