@charset "utf-8";
/****************************************/
/* Name: KIAT 융합혁신지원단
/* Version: 1.0 / day: 2020-12-10
/* Author:  

/* Summary 
	1)레이아웃
	2)반응형 레이아웃
*/
/****************************************/

@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:300,400,500,700,900&display=swap');
@import url('https://fonts.googleapis.com/css?family=Titillium+Web:400,600,700&display=swap');

/* Common */
body{text-align: left;font-size:16px;line-height:1.4;font-family: 'Noto Sans KR', sans-serif;color:#636363;letter-spacing:-0.5px;font-weight:400;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,span,form,fieldset,p,button,address,table, tbody, tfoot, thead, th, tr, tdvideo, tt{margin:0;padding:0;box-sizing: border-box;word-break:keep-all}
header,article,aside,canvas,details,figcaption,figure,footer,hgroup,menu,nav,section,summary,mark {display:block;margin: 0; padding: 0;box-sizing: border-box;}
h1,h2,h3,h4,h5,h6,input,button,textarea,select,table{font-family:'Noto Sans KR',sans-serif;font-size:16px;box-sizing: border-box;}
h1,h2,h3,h4,h5,h6{font-weight:500}
input,button,textarea,select{background-color:#fff;border-radius:0;box-sizing: border-box;} /*-webkit-appearance: none*/
button,textarea{-webkit-appearance: none}
img,fieldset,iframe{border:0 none}
li{list-style:none}
img,input,select,button,textarea{vertical-align:middle;box-sizing: border-box;}
img{max-width:100%}
em,address,optgroup{font-style:normal}
label,button{cursor:pointer}
label{position: relative;vertical-align:middle}
button{margin:0;padding:0;border:0;background:none}
a{box-sizing: border-box}
a:link,a:visited{text-decoration:none;color:#252525;}
a:hover,a:focus,a:active{text-decoration:underline;color:#252525}
hr{display:none}
legend,caption{font-size:0; width:0; height:0; line-height:0;overflow:hidden;text-indent:-9999px}
.blind{position:absolute;top:0;left:0;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0)}
p{word-break:keep-all}
table {width:100%;border-spacing:0;border-collapse:collapse;}

/* hidden contents */
.skip,.hidden{position:absolute; width:1px; height:1px; font-size:0; line-height:0; overflow:hidden; z-index:-1}
.skip:focus{top:0;left:0;display:inline-block;width:auto;height:auto;padding:0 30px;font-size:14px;line-height:40px;color:#fff;background:#007cc3;z-index:10}

#skip_navi {position:absolute;top:0;height:0px;width:100%;z-index:500;} 
#skip_navi a {display:block; height:1px; width:1px; margin-bottom:-1px; overflow:hidden; text-align:center;color:#fff;white-space:nowrap;} 
#skip_navi a:focus, 
#skip_navi a:active {display:block;top:0;width:100%;height:45px;padding:10px 0;background:#007cc3;}

#loading {position:fixed;top:0;left:0;display: block;width:100%;height:100%;background:rgba(0,0,0,0.8);z-index:50;}
#loading .load{position:fixed;top:50%;left:50%;display: block;margin:-25px 0 0 -25px;width: 50px; height: 50px;border: 5px solid rgba(255,255,255,0.2);border-radius: 50%;border-top-color: #fff; animation: spin 1s ease-in-out infinite; -webkit-animation: spin 1s ease-in-out infinite; }


/*
================================================================================
메인레이아웃
================================================================================
*/


#wrapper{position:relative;min-width:320px;width:100%;height:100%;right:0;}

#header{transition: all 0.2s ease;-webkit-transition: all 0.2s ease;}
#header .head_box .logo a{
	transition: all 0.3s ease;
	-moz-transition: all 0.3s ease; /* Firefox 4 */
	-webkit-transition: all 0.3s ease; /* Safari and Chrome */
	-o-transition: all 0.3s ease; /* Opera */
}

/* ---- 상단영역 ---- */
#header{position:fixed;top:0;left:0;padding:0 20px;width:100%;min-width:320px;z-index:350}
#header.fix{border-bottom:1px solid #d7d7d7}
#header .head_box{position:relative;margin:0 auto;max-width:1720px;min-height:100px;text-align:center;z-index:50}
#header .head_box .logo{position:absolute;top:28px;left:0;z-index:200}
#header .head_box .logo a{display:block;width:152px;height:40px;text-indent:-999px;overflow:hidden;background:url('../images/logo.png') no-repeat left top;background-size:100%}
#header .head_box .globTop{position:absolute;top:30px;right:-15px;}
#header .head_box .globTop .link{display:inline-block;}
#header .head_box .globTop .link li{position:relative;display:inline-block}
#header .head_box .globTop .link li::before{position:absolute;top:50%;left:0;margin-top:-7px;width:0;height:13px;content:'';opacity:0.2;border-left:1px solid #fff}
#header .head_box .globTop .link li:first-child::before{display:none}
#header .head_box .globTop .link li a{display:block;padding:0 14px 0 22px;color:#fff;font-size:14px;line-height:42px;background:url('../images/ic_lang.png') no-repeat 0 14px;}
#header .head_box .btnSiteMap{display:inline-block;width:40px;height:40px;overflow:hidden;text-indent:-999px;vertical-align:middle}
#header .head_box .btnSiteMap a{display:block;padding-top:17px;height:100%;line-height:40px}
#header .head_box .btnSiteMap span{position:relative;display:block;margin:0 auto;width:25px;height:2px;background:#fff;transition:all 0.2s ease}
#header .head_box .btnSiteMap span::before{position:absolute;top:-8px;left:0;width:100%;height:2px;content:'';background:#fff;transition:all 0.2s ease}
#header .head_box .btnSiteMap span::after{position:absolute;top:8px;left:0;width:100%;height:2px;content:'';background:#fff;transition:all 0.2s ease}

#header .head_box .btnMenu{display:none;}

#gnb{position:relative;display:inline-block;text-align:center;vertical-align:top}
#gnb ul.gnb{position:relative;margin:0 auto;height:110px;overflow:hidden;z-index:20}
#gnb > ul:after{display:block;clear:both;content:''}
#gnb > ul > li{position:relative;float:left;}
#gnb > ul > li > a{position:relative;display:block;padding:0 20px;font-size:20px;color:#fff;font-weight:500;text-decoration:none}
#gnb > ul > li:nth-child(1) > a{padding:0 60px;margin-right: 10px;}
#gnb > ul > li:nth-child(4) > a{padding:0 50px;}
#gnb > ul > li > a span{position:relative;display:inline-block;line-height:100px;}
#gnb > ul > li > a span::after{position:absolute;bottom:-1px;left:50%;width:0;height:3px;content:'';background:#06377b;transition:all 0.3s ease;-webkit-transition:all 0.3s ease;}
#gnb > ul > li.hv > a,
#gnb > ul > li.on > a,
#gnb > ul > li > a:hover{color:#06377b}
#gnb > ul.on > li.hv > a span::after,
#gnb > ul.on > li.on > a span::after,
#gnb > ul.on > li > a:hover span::after{left:0;width:100%;}
#gnb > ul > li.hv > ul{z-index:1}
#gnb > ul > li > ul{position:absolute;top:100px;left:0;padding:25px 0 0 35px;width:120%;min-height:300px;text-align:left}
#gnb > ul > li > ul li{margin-bottom:6px;}
#gnb > ul > li > ul li a{display:inline-block;padding:4px 0;font-size:16px;color:#636363;font-weight:400;line-height:1.1}
#gnb > ul > li > ul li a:hover,
#gnb > ul > li > ul li.on a{color:#111;font-weight:500}


/* ---- 중간영역 ---- */
#container{position:relative;height:100%}
#container #content{position:relative;margin:0 auto;min-height:900px;}
#container #content::after{display:block;clear:both;content:''}
#subContainer{position:relative;height:100%}
#subContainer #content{position:relative;margin:0 auto;padding:80px 20px;max-width:1440px;min-height:900px}

.subSkin{padding-top:225px;height:480px;text-align:center;background-position:center center;background-size:cover}
.subSkin h2{font-size:55px;color:#fff;font-weight:700;line-height:1}
.subSkin.bg1{background-image:url('../images/sub_visual01.jpg')}
.subSkin.bg2{background-image:url('../images/sub_visual02.jpg')}
.subSkin.bg3{background-image:url('../images/sub_visual03.jpg')}
.subSkin.bg4{background-image:url('../images/sub_visual04.jpg')}
.subSkin.bg5{background-image:url('../images/sub_visual05.jpg')}
.subSkin.bg6{background-image:url('../images/sub_visual06.jpg')}
.subSkin.bg7{background-image:url('../images/sub_visual07.jpg')}


#lnb{position:relative;margin-top:-60px;height:60px;border-top:1px solid rgba(255,255,255,0.3);z-index:100}
#lnb .lnbWrap{position:absolute;top:0;left:0;width:100%;height:60px;background:rgba(0,0,0,0.6);}
#lnb .lnbCon{position:relative;margin:0 auto;max-width:1400px;transition:all 0.3s ease;-webkit-transition: all 0.3s ease;}
#lnb .lnbBox{position:relative;margin:0 auto;max-width:1400px;}
#lnb .lnbBox > ul{position:relative;padding-left:60px;border-right:1px solid rgba(255,255,255,0.3);}
#lnb .lnbBox > ul::after{display:block;clear:both;content:''}
#lnb .lnbBox > ul > li{position:relative;float:left;border-right:1px solid rgba(255,255,255,0.3);transition:all 0.3s ease;-webkit-transition: all 0.3s ease;}
#lnb .lnbBox > ul > li.home{position:absolute;top:0;left:0;width:59px;height:59px;border-right:0;}
#lnb .lnbBox > ul > li.home a{display:block;height:100%;text-indent:-999px;overflow:hidden;background:#157cb6 url('../images/ic_home.png') no-repeat center center;}
#lnb .lnbBox > ul > li button{position:relative;padding-right:40px;min-width:320px;height:60px;font-size:16px;color:#fff;text-indent:20px;text-align:left;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;border:0;transition:all 0.3s ease;-webkit-transition: all 0.3s ease;}
#lnb .lnbBox > ul > li button.non::after{display: none;}
#lnb .lnbBox > ul > li button::after{position: absolute; top: 50%; right: 20px;content: "";margin-top:-2px;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #fff;transition:all 0.2s ease;-webkit-transition:all 0.2s ease}
#lnb .lnbBox > ul > li button.on{background:#157cb6}
#lnb .lnbBox > ul > li button.on::after{margin-top:-2px;transform:rotate(180deg);-webkit-transform:rotate(180deg)}
#lnb .lnbBox > ul > li button.depth_w{width: 420px;}
#lnb .lnbBox > ul > li > ul{display:none;position:absolute;top:60px;left:0;min-width:100%;background:#fff;border-bottom:1px solid #d7d7d7;z-index:10}
#lnb .lnbBox > ul > li > ul li{font-size:16px;white-space: nowrap;}
#lnb .lnbBox > ul > li > ul li a{position:relative;display:block;padding:20px 20px;color:#272d38;line-height:20px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;border:1px solid #d7d7d7;border-width:1px 1px 0;transition:all 0.2s ease;-webkit-transition:all 0.2s ease}
#lnb .lnbBox > ul > li > ul li a:hover,
#lnb .lnbBox > ul > li > ul li.on a{background:#f8f8f8}

.locaiton{position:absolute;top:100px;right:20px;font-size:15px;z-index:5}

/* ---- 하단영역 ---- */
#footer{position:relative;clear:both;padding:50px;width:100%;background:#363636;}
#footer .footWrap{position:relative;margin:0 auto;max-width:1400px;line-height:18px;text-align:center}
#footer .footWrap .footMenu{margin-bottom:50px;padding:30px 0;text-align:left}
#footer .footWrap .footMenu li{position:relative;display:inline-block;line-height:1.2;}
#footer .footWrap .footMenu li::before{position:absolute;top:50%;left:0;margin-top:-8px;width:0;height:16px;content:'';border-left:1px dotted #515151}
#footer .footWrap .footMenu li a{display:block;padding:0 15px;font-size:15px;color:#e1e1e1;font-weight:400}
#footer .footWrap .footMenu li a:hover{color:#fff}
#footer .footWrap .footMenu li.col a{color:#fff200}
#footer .footWrap .footMenu li:first-child a{padding-left:0}
#footer .footWrap .footMenu li:last-child a{padding-right:0}
#footer .footWrap .footMenu li:first-child::before{display:none}
#footer .footWrap .fFamilySelect{position:absolute;top:21px;right:0;z-index:100}
#footer .footWrap .fFamilySelect .fFamily{position:relative;display:inline-block;margin-left:8px}
#footer .footWrap .fFamily button{position:relative;width:220px;height:40px;font-size:14px;color:#b7b7b7;text-indent:10px;text-align:left;border:1px solid #707070;transition:all 0.2s ease;-webkit-transition:all 0.2s ease;}
#footer .footWrap .fFamily button::after{position: absolute; top: 50%; right: 15px;content: "";width:7px;height:7px;margin-top: -2px;border:1px solid #fff;border-width:1px 1px 0 0;transition:all 0.2s ease;-webkit-transition:all 0.2s ease;transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}
#footer .footWrap .fFamily button.on::after{margin-top: -5px;transform:rotate(135deg);-webkit-transform:rotate(135deg)}
#footer .footWrap .fFamily button:hover,
#footer .footWrap .fFamily button.on{background:rgba(0,0,0,0.7)}
#footer .footWrap .fFamily ul{display:none;position:absolute;bottom:40px;right:0;width:100%;font-size:14px;text-align:left;background:#282828;}
#footer .footWrap .fFamily ul li a{display:block;padding:9px 10px;color:#b7b7b7;border-bottom:1px solid #404040;transition:all 0.2s ease;-webkit-transition:all 0.2s ease}
#footer .footWrap .fFamily ul li a:hover{color:#fff;background:#000;}
#footer .footWrap .fInfor{position:relative;display:inline-block;min-height:60px;}
#footer .footWrap .footLogo{position:absolute;left:0;top:5px}
#footer .footWrap address{font-size:16px;color:#fff;line-height:1.3;font-weight:300}
#footer .footWrap address span{margin-left: 30px;}
#footer .footWrap small{display:block;margin-top:5px;font-size:16px;color:#fff;word-break: break-all;font-weight:300}

#footer .footWrap .botBtTop{display:none;position:fixed;bottom:170px;left:50%;margin-left:720px;padding-top:10px;width:60px;height:60px;font-size:13px;color:#fff;background:#06377b;box-shadow:3px 3px 5px rgba(0,0,0,0.3);border-radius:50%;z-index:300}
#footer .footWrap .botBtTop::before{position:absolute;top:15px;left:50%;margin-left:-3px;width:6px;height:6px;content:'';border:1px solid #fff;border-width:1px 1px 0 0;transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}


/*
================================================================================
반응형 레이아웃
================================================================================
*/

 /* PC Device */
@media all and (max-width:1400px){
    #gnb ul.gnb{margin-left: 100px;}
    #gnb > ul > li > a{padding: 0 10px;}
    #gnb > ul > li:nth-child(1) > a{padding: 0 30px;}
    #gnb > ul > li:nth-child(4) > a{padding: 0 30px;}
}
@media all and (min-width:1251px){
	
	#header.over,
	#header.fix{background:#fff}
	#header.online::after{position:absolute;top:100px;left:0;width:100%;height:0;content:'';border-top:1px solid #d7d7d7}
	#header.over .head_box .logo a,
	#header.fix .head_box .logo a{background-position:left bottom}
	#header.over #gnb > ul > li > a,
	#header.fix #gnb > ul > li > a{color:#363636}
	#header.over #gnb > ul > li.hv > a,
	#header.over #gnb > ul > li.on > a,
	#header.over #gnb > ul > li > a:hover,
	#header.fix #gnb > ul > li.hv > a,
	#header.fix #gnb > ul > li.on > a,
	#header.fix #gnb > ul > li > a:hover{color:#06377b}
	#header.over .head_box .globTop .link li a,
	#header.fix .head_box .globTop .link li a{color:#636363}
	#header.over .head_box .btnSiteMap span,
	#header.over .head_box .btnSiteMap span::before,
	#header.over .head_box .btnSiteMap span::after,
	#header.fix .head_box .btnSiteMap span,
	#header.fix .head_box .btnSiteMap span::before,
	#header.fix .head_box .btnSiteMap span::after{background:#252525}
	#header.over .head_box .globTop .link li::before,
	#header.fix .head_box .globTop .link li::before{border-color:#333;}
    #header.fix .head_box .globTop .link li a, #header.over .head_box .globTop .link li a{background:url('../images/ic_lang_on.png') no-repeat 0 14px;}

	#mGnb{display:none !important}
	
	#lnb.fix{z-index:200}
	#lnb.fix .lnbWrap{position:fixed;max-width:100%;}
	#lnb.fix .lnbCon{width:100%;max-width:100%;color:#fff;background:rgba(62,62,62,0.98);border-bottom:0;box-shadow:2px 2px 10px rgba(0,0,0,0.2)}
	#lnb.fix .lnbBox > ul > li{border-right:1px solid #505150}
	#lnb.fix .lnbBox > ul > li button{color:#fff;background:none}
	#lnb.fix .lnbBox > ul > li button::after{border-color:#eee}
	#lnb.fix .lnbBox > ul > li:last-child button{color:#f45708;background-color:#222}
	#lnb.fix .lnbBox > ul > li:last-child button::after{border-color:#f45708}
	#lnb.fix .lnbBox > ul > li.home a{background-image:url('../images/ic_home2.png')}
	#lnb.fix .lnbBox > ul > li > ul{background:#3e3e3e}
	#lnb.fix .lnbBox > ul > li > ul li a{color:#eee;border-color:#505150}
	#lnb.fix .lnbBox > ul > li > ul li a:hover, 
	#lnb.fix .lnbBox > ul > li > ul li.on a{background-color:#222}
	#lnb.fix .lnbBox > ul > li > ul li a:hover::after,
	#lnb.fix .lnbBox > ul > li > ul li.on a::after{border-color:#eee}
	#lnb.fix .btnPrint a{background-image:url('../images/ic_print2.png')}
	#lnb.fix .btnPrint a::before{opacity:0.2;border-color:#fff}




	.fix_bg{display:none !important;}
}

 /* TABLET Device */
@media all and (max-width:1250px){

	
	#header::after{display:none}
	#header .head_box{min-height:100px;text-align:left;overflow: visible}
	#header .head_box .logo{top:30px;z-index:100}
	#header .head_box .btnSiteMap{display:none}
	#header .head_box .globTop{top:28px;right:40px}

	#header.fix,
	#header.on{background:#fff;border-bottom:1px solid #d7d7d7}
	#header.fix .head_box .logo a,
	#header.on .head_box .logo a{background-position:left bottom}
	#header.fix .head_box .globTop .link li a,
	#header.on .head_box .globTop .link li a{color:#636363;background: url(../images/ic_lang_on.png) no-repeat 0 14px;}
	#header.fix .head_box .globTop .link li::before,
	#header.on .head_box .globTop .link li::before{border-color:#333;}
		
	#header .head_box .btnMenu{display:block;position:absolute;top:30px;right:0;width:40px;height:40px;overflow:hidden;text-indent:-999px;z-index:200}
	#header .head_box .btnMenu span{position:relative;display:block;margin:0 auto;width:25px;height:2px;background:#fff;transition:all 0.2s ease}
	#header .head_box .btnMenu span::before{position:absolute;top:-8px;left:0;width:100%;height:2px;content:'';background:#fff;transition:all 0.2s ease}
	#header .head_box .btnMenu span::after{position:absolute;top:8px;left:0;width:100%;height:2px;content:'';background:#fff;transition:all 0.2s ease}
	#header .head_box .btnMenu.on span{background:transparent !important}
	#header .head_box .btnMenu.on span::before{top:0;height:1px;transform: rotate(-45deg);-webkit-transform: rotate(-45deg);background:#fff}
	#header .head_box .btnMenu.on span::after{top:0;height:1px;transform: rotate(45deg);-webkit-transform: rotate(45deg);background:#fff;}

	#header .head_box .btnClose{display:block;position:absolute;top:0;right:0;width:110px;height:110px;text-indent:-999px;overflow:hidden;z-index:20}
	#header .head_box .btnClose span{position:relative;display:block;margin:0 auto;width:30px;height:2px;background:transparent}
	#header .head_box .btnClose span::before{position:absolute;top:0;left:0;width:100%;height:2px;content:'';transform: rotate(-45deg);-webkit-transform: rotate(-45deg);background:#fff;}
	#header .head_box .btnClose span::after{position:absolute;top:0;left:0;width:100%;height:2px;content:'';transform: rotate(45deg);-webkit-transform: rotate(45deg);background:#fff;}

	#header.fix .head_box .btnMenu span,
	#header.fix .head_box .btnMenu span::before,
	#header.fix .head_box .btnMenu span::after,
	#header.on .head_box .btnMenu span,
	#header.on .head_box .btnMenu span::before,
	#header.on .head_box .btnMenu span::after{background:#252525}
	#header.on .head_box .globTop .link li a{background: url(../images/ic_lang_on.png) no-repeat 0 14px;}
	
	#gnb{display:none}

	#mGnb{display:block !important;position:fixed;top:100px;right:-100%;width:100%;height:80%;height:calc(100% - 100px);background:#fff;transition:all 0.2s ease;-webkit-transition:all 0.2s ease;border-top:1px solid #e1e1e1;z-index:500}
	#mGnb > ul{padding:20px;width:100%;height:100%;overflow:auto;background:#fff;}
	#mGnb > ul > li{position:relative;font-size:28px;line-height:1;border-bottom:1px solid #d5d5d5}
	#mGnb > ul > li > button{position:absolute;top:0;left:0;width:100%;height:88px;text-indent:-999px;overflow:hidden;text-align:left}
	#mGnb > ul > li.has-sub > a::after{position:absolute;top:50%;right:30px;width:20px;height:0;content:'';border-top:3px solid #26497f;transform:translateY(-50%);-webkit-transform:translateY(-50%)}
	#mGnb > ul > li.has-sub > a::before{position:absolute;top:50%;right:38px;width:0;height:20px;content:'';border-left:3px solid #26497f;transform:translateY(-50%);-webkit-transform:translateY(-50%)}
	#mGnb > ul > li.open > a::before{display:none}
	#mGnb > ul > li > a{position:relative;display:block;padding:30px;color:#313131;}
	#mGnb > ul > li.open > a{color:#06377b;font-weight:500}
	#mGnb > ul > li > ul{display:none;padding:15px 0;background:#f8f8f8;border-top:1px solid #e2e2e2;}
	#mGnb > ul > li > ul > li{position:relative;}
	#mGnb > ul > li > ul > li > a{position:relative;display:block;padding:20px 40px;font-size:24px;color:#636363;font-weight:500;}
	#mGnb > ul > li > ul > li > button{position:absolute;top:0;left:0;width:100%;height:84px;text-indent:-999px;overflow:hidden;text-align:left}
	#mGnb > ul > li > ul > li > a:hover,
	#mGnb > ul > li > ul > li.open > a{color:#555;background:none}
	#mGnb > ul > li > ul > li.has-sub > a::after{position:absolute;top:50%;right:35px;margin-top:-10px;width:12px;height:12px;content:'';border:1px solid #636363;border-width:0 2px 2px 0;transform:rotate(45deg);-webkit-transform:rotate(45deg);transition:all 0.2s ease;-webkit-transition:all 0.2s ease;}
	#mGnb > ul > li > ul > li.open > a::after{margin-top:-5px;transform:rotate(-135deg);-webkit-transform:rotate(-135deg)}
	#mGnb > ul > li > ul > li > ul{display:none;padding:20px 0;}
	#mGnb > ul > li > ul > li > ul > li{position:relative;}
	#mGnb > ul > li > ul > li > ul > li > a{position:relative;display:block;padding:15px 60px;font-size:20px;color:#636363}
	#mGnb > ul > li > ul > li > ul > li > button{position:absolute;top:0;left:0;width:100%;height:50px;text-indent:-999px;overflow:hidden;text-align:left}
	#mGnb > ul > li > ul > li > ul > li.has-sub > a::after{position:absolute;top:50%;right:35px;width:15px;height:0;content:'';border-top:2px solid #26497f;transform:translateY(-50%);-webkit-transform:translateY(-50%)}
	#mGnb > ul > li > ul > li > ul > li.has-sub > a::before{position:absolute;top:50%;right:41px;width:0;height:15px;content:'';border-left:2px solid #26497f;transform:translateY(-50%);-webkit-transform:translateY(-50%)}
	#mGnb > ul > li > ul > li > ul > li.open > a::before{display:none}
	#mGnb > ul > li > ul > li > ul > li > ul{display:none;padding:20px 30px;margin:10px 30px 10px 40px;background:#f8f8f8;border:1px solid #d5d5d5}
	#mGnb > ul > li > ul > li > ul > li > ul li a{display:block;padding:10px 0;font-size:17px;color:#636363}
	#mGnb.on{right:0}

	/* 모바일메뉴 */
	.fix_bg{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.6);z-index:300}
	#wrapper.wra_box{position:fixed;top:0;width:100%;height:auto;z-index:200;}
	
	#container #content{min-height:300px}
	#subContainer #content{min-height:300px}
	
	#lnb .lnbWrap{height:auto}
	#lnb .lnbBox > ul{position:relative;border-right:0}
	#lnb .lnbBox > ul > li{width:50%}
	#lnb .lnbBox > ul > li button{width:100%;min-width:100%}

	.locaiton{top:20px;}

	#footer::after{display:none}
	#footer .footWrap .footMenu{margin-bottom:30px;text-align:center;border-bottom:1px solid #515151}
	#footer .footWrap .footMenu li a{padding:5px 10px}
	#footer .footWrap .fFamilySelect{position:relative;top:0;right:0;margin-bottom:20px}
	#footer .footWrap .fInfor{padding:0 20px;text-align:center}
	#footer .footWrap .footLogo{position:relative;margin-bottom:20px}
	#footer .footWrap address span{display:block}
	#footer .footWrap .foot_sns{position:relative;margin-top:20px}

	#footer .footWrap .botBtTop{bottom:20px;left:auto;right:20px;margin-left:0;z-index:999}
}

 /* Mobile Device */
@media all and (max-width:640px){
	
	#header{padding:0;}
	#header .head_box{padding:0;height:60px;min-height: 60px;}
	#header .head_box .logo{top:15px;left:10px}
	#header .head_box .logo a{width:100px;height:30px}
	#header .head_box .globTop{top:11px;right: 30px;}
	#header .head_box .globTop .link{margin-right:5px}
	#header .head_box .globTop .link li a{font-size: 13px;line-height: 37px;background: url(../images/ic_lang.png) no-repeat 0 12px;padding: 0 14px 0 22px;}
    #header.fix .head_box .globTop .link li a, #header.on .head_box .globTop .link li a{background: url(../images/ic_lang_on.png) no-repeat 0 12px;}
	#header .head_box .btnMenu{top:0;right:0;width:40px;height:60px}
	#header .head_box .btnMenu span{width:15px;height:1px}
	#header .head_box .btnMenu span::before{top:-5px;height:1px}
	#header .head_box .btnMenu span::after{top:5px;height:1px}
	
	
	#mGnb{top:60px;height: calc(100% - 60px);}
	#mGnb > ul{padding:5px 15px}
	#mGnb > ul > li > a{padding:20px 15px;font-size:18px}
	#mGnb > ul > li.has-sub::after{top:25px;right:22px;width:7px;height:13px;background-size:100%}
	#mGnb > ul > li.has-sub > a::before{right:22px;height:14px;border-left-width:1px}
	#mGnb > ul > li.has-sub > a::after{right:16px;width:14px;border-top-width:1px}
	#mGnb > ul > li > button{height:60px}
	#mGnb > ul > li > ul > li > a{padding:10px 20px;font-size:16px}
	#mGnb > ul > li > ul > li.has-sub > a::after{right:18px;width:6px;height:6px;margin-top:-5px;border-width:0 1px 1px 0}
	#mGnb > ul > li > ul > li.open > a::after{margin-top:-4px}
	#mGnb > ul > li > ul > li > button{height:50px}
	#mGnb > ul > li > ul > li > ul{padding:5px 0}
	#mGnb > ul > li > ul > li > ul > li > a{padding: 6px 30px;font-size:14px}
	#mGnb > ul > li > ul > li > ul > li.has-sub > a::before{right:22px;height:10px;border-left-width:1px}
	#mGnb > ul > li > ul > li > ul > li.has-sub > a::after{right:18px;width: 10px;border-top-width:1px}
	#mGnb > ul > li > ul > li > ul > li > button{height:35px}
	#mGnb > ul > li > ul > li > ul > li > ul{margin:0 15px 5px 30px;padding:10px 15px}
	#mGnb > ul > li > ul > li > ul > li > ul li a{padding:5px 0;font-size:13px}
	
	#subContainer #content{padding:30px 10px;}
	.subSkin{padding-top:115px;height:250px}
	.subSkin h2{font-size:28px;}
	
	#lnb{margin-top:-45px;height:45px}
	#lnb .lnbWrap{padding:0;height:auto;}
	#lnb .lnbBox > ul{padding-left:44px}
	#lnb .lnbBox > ul > li.home{width: 44px;height: 44px;}
	#lnb .lnbBox > ul > li.home a{background-size:14px}
	#lnb .lnbBox > ul > li button{padding-right:20px;height:45px;font-size:14px;text-indent:10px;}
    #lnb .lnbBox > ul > li button.depth_w{width: 100%;}
	#lnb .lnbBox > ul > li button::after{right:10px;border-width:4px}
	#lnb .lnbBox > ul > li > ul{top:45px;width:100%}
	#lnb .lnbBox > ul > li > ul li{font-size:14px}
	#lnb .lnbBox > ul > li > ul li a{padding:10px 20px 10px 10px}
	#lnb .lnbBox > ul > li > ul li a:hover::after, #lnb .lnbBox > ul > li > ul li.on a::after{right:10px}
	#lnb .etcBtn{top:65px;right:10px}
	#lnb .etcBtn .btnShar{display:block;width:28px;height:28px;text-indent:-999px;overflow:hidden;background:url('../images/ic_share.png') no-repeat center center;background-size:19px}
	#lnb .etcBtn .btnShar.on{background:url('../images/ic_share_close.png') no-repeat center center;background-size:19px}
	#lnb .etcBtn .btnSns{display:none;position:absolute;top:0;right:25px;width:95px}
	#lnb .etcBtn .btnSns span{margin-right:1px}
	#lnb .etcBtn .btnSns span a{width:28px;height:28px;}
	#lnb .etcBtn .btnSns .sns1 a{background-image:url('../images/ic_sns1_mb.png');background-color:#3c5b9a}
	#lnb .etcBtn .btnSns .sns2 a{background-image:url('../images/ic_sns2_mb.png');background-color:#53b847}
	#lnb .etcBtn .btnSns .sns3 a{background-image:url('../images/ic_sns3_mb.png');background-color:#ed9100}
	#lnb .etcBtn .btnSns.on{display:block}

	.locaiton{display:none}
	
	#footer{padding: 20px 0;}
	#footer .footWrap .footMenu{margin-bottom:20px;padding:10px;text-align:center}
	#footer .footWrap .footMenu li a{padding:5px 4px;font-size:12px}
	#footer .footWrap .fFamily{margin-bottom:5px}
	#footer .footWrap .fFamily button{height: 35px;font-size: 12px;}
	#footer .footWrap .fFamily ul{bottom: 35px;font-size:12px}
	#footer .footWrap .fInfor{padding:0 10px;min-height:20px;text-align:center}
	#footer .footWrap .footLogo img{height:20px}
	#footer .footWrap address{font-size:12px;font-weight:300;line-height:1.4}
	#footer .footWrap address span{display:block}
	#footer .footWrap small{font-size:12px;font-weight:300;}
	#footer .footWrap .botBtTop{right:10px;bottom:10px;width:40px;height:40px;font-size:11px}
	#footer .footWrap .botBtTop::before{top:12px}

}

 /* Mobile Device */
@media all and (max-width:340px){
	#header .head_box .loginMem{right:80px}
	#header .head_box .loginMem ul li a{font-size:11px}
	#header .head_box .loginMem ul li{margin-left:8px;}
	#header .head_box .loginMem ul li::after{left:-5px;margin-top:-4px;height:10px}

}