@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.5;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;}
a:focus{outline-style: dotted; outline-width: 2px; outline-offset: 1px; outline-color: black;}
button:focus{outline-style: dotted; outline-width: 2px; outline-offset: 1px; outline-color: black;}
input[type="submit"]:focus{outline-style: dotted; outline-width: 2px; outline-offset: 1px; outline-color: black;}
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;width:100%;min-width:320px;z-index:350;border-bottom:1px solid #d7d7d7;background: #fff;}
/*#header #header-top{height: 35px;background-color: rgba( 0, 0, 0, 0.3);}
#header #header-top .toggle-wrap{margin: 0 auto;max-width: 1800px;}
#header #header-top .inner{position: relative;}
#header #header-top .inner::before{content: '';position: absolute;top:11px;left:0;width:18px;height:12px;background:url('../images/ic_flag.png') no-repeat left top;}
#header #header-top .inner .nuri-txt{display:inline-block;font-weight: 300;font-size:14px;color: #fff;padding: 6px 0 0 27px;}
#header.over #header-top, #header.fix #header-top{background: #edf1f5;}
#header.over #header-top .inner .nuri-txt, #header.fix #header-top .inner .nuri-txt{font-weight:400;color: #1d1d1d;}
#header .head_box{position:relative;margin:0 auto;max-width:1720px;min-height:100px;text-align:center;z-index:50}*/
#header .head_box{position:relative;margin:0 auto;max-width:1800px;min-height:85px!important;text-align:center;z-index:50}
#header .head_box .logo{position:absolute;top:0;left:0;z-index:200}
#header .head_box .logo a{display:block;width:200px;height:44px;text-indent:-999px;overflow:hidden;background:url('../images/logo.png') no-repeat left top;background-size:100%}
#header .head_box .logo a, #header .head_box .logo a{background-position:left bottom}
#header #header-top{position: relative;margin: 0 auto;max-width: 1800px;z-index: 50;text-align: right;}
#header .link_area{padding-top: 10px;}
#header .link_area .link{display:inline-block;}
#header .link_area .link li{position:relative;display:inline-block;}
#header .link_area .link li a{display:block;padding:0 10px;color: #666;font-size:15px;line-height:38px}
#header .link_area .link li.icon a{position: relative;padding-left: 35px;font-weight: 500;}
#header .link_area .link li.icon.join a{padding-right: 0;}
#header .link_area .link li.icon.gov a{padding-left: 10px!important;margin-left: 10px;border-radius: 50px;background-color: #e6e8ed;}
#header .link_area .link li.icon.lang a{border-radius: 50px;background: #333b49;color: #fff;}
#header .link_area .link li.icon a::before{content: '';position: absolute;top:50%;left:10px;width: 20px;height: 20px;transform: translateY(-50%);}
#header .link_area .link li.icon.join a::before{background:url('../images/icon/ico_join.svg') no-repeat center center;background-size: 98%;}
#header .link_area .link li.icon.login a::before{background:url('../images/icon/ico_login.svg') no-repeat center center;background-size: 98%;}
#header .link_area .link li.icon.logout a::before{background:url('../images/icon/ico_logout.svg') no-repeat center center;background-size: 95%;opacity: 0.8;}
#header .link_area .link li.icon.mypage a::before{background:url('../images/icon/ico_my.svg') no-repeat center center;background-size: 98%;opacity: 0.6;}
#header .link_area .link li.icon.lang a::before{background:url('../images/icon/ico_global.svg') no-repeat center center;background-size: 100%;filter: brightness(0) invert(1);}
#header .head_box .btnSiteMap{display:inline-block;width:40px;height:40px;overflow:hidden;vertical-align:middle}
#header .head_box .btnSiteMap a{display:inline-block;padding-top:13px;height:100%;line-height:40px}
#header .head_box .btnSiteMap span{position:relative;display:block;margin:0 auto;width:25px;height:2px;font-size:0;background:#252525;transition:all 0.2s ease}
#header .head_box .btnSiteMap span::before{position:absolute;top:-8px;left:0;width:100%;height:2px;content:'';background:#252525;transition:all 0.2s ease}
#header .head_box .btnSiteMap span::after{position:absolute;top:8px;left:0;width:100%;height:2px;content:'';background:#252525;transition:all 0.2s ease}
#header .globTop{position:absolute;top:30px;right:0}
#header .head_box .btnMenu{display:none}

#gnb{position:relative;display:inline-block;padding-left: 8%;text-align:center;vertical-align:top;}
#gnb ul.gnb{position:relative;margin:0 auto;height:85px;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 35px;font-size:20px;color:#363636;font-weight:600;}
#gnb > ul > li > a span{position:relative;display:inline-block;line-height:83px;font-weight: 600;/*text-decoration: underline; text-decoration-color: #000000;text-decoration-thickness: 3px;text-underline-offset: 10px; */}
#gnb > ul > li > a span::after{position:absolute;bottom:25px;left:50%;width:0;height:3px;content:'';background:#fff;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:holi.on > aver{color:#06377b} 
#gnb > ul > li.on > a span::after,
#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:15px 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:3px 0;font-size:17px;color:#636363;font-weight:400;}
#gnb > ul > li > ul li a:hover,
#gnb > ul > li > ul li.on a{color:#111;font-weight:500}
#header.over.online #gnb > ul > li > a span::after{background:#06377b;}

/* ---- 중간영역 ---- */
#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 120px 20px;max-width:1440px;min-height:900px}

.subSkin{padding-top:235px;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::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 > 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:0;width:100%;background:#212121;color:#fff;}
#footer .footWrap{position:relative;text-align:left}
#footer .inner{max-width:1400px;margin:0 auto;}
#footer .fFamilySelect{display:flex;gap:8px;z-index:100}
#footer .fFamilySelect .fFamily{position:relative;display:inline-block;margin-left:8px}
#footer .fFamily button{position:relative;width:200px;height:48px;font-size:15px;color:#fff;text-indent:18px;text-align:left;border:1px solid #aaa;border-radius:50px;transition:all 0.2s ease;-webkit-transition:all 0.2s ease;}
#footer .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 .fFamily button.on::after{margin-top: -5px;transform:rotate(135deg);-webkit-transform:rotate(135deg)}
#footer .fFamily button:hover,
#footer .fFamily button.on{background:rgba(0,0,0,0.7)}
#footer .fFamily ul{display:none;position:absolute;bottom:52px;right:0;width:200px;max-width:calc(100vw - 30px);font-size:14px;text-align:left;background:#282828;border-radius: 10px;}
#footer .fFamily ul li a{display:block;padding:9px 10px;color:#b7b7b7;border-bottom:1px solid #404040;white-space:normal;word-break:keep-all;transition:all 0.2s ease;-webkit-transition:all 0.2s ease}
#footer .fFamily ul li a:hover{color:#fff;background:#000;}
.f-top{display:flex;align-items: flex-end;justify-content:space-between;gap:30px;padding-top:54px;padding-bottom:40px;border-bottom:1px solid #555;}
.f-logo{display:flex;align-items:center;gap:10px;color:#fff;font-size:19px;font-weight:800;margin-bottom:24px}
.f-logo img{height:auto;max-width:190px}
.f-info{display:block;color:#fff;}
.f-info p{line-height:1.9;color:#fff}
.f-selects{display:flex;gap:12px}
.f-selects select{background:transparent;border:1px solid #4a4a4a;color:#ccc;border-radius:24px;padding:10px 18px;font-size:13px;min-width:150px;font-family:inherit;appearance:none;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="6"><path d="M1 1l4 4 4-4" stroke="%23999" fill="none"/></svg>');background-repeat:no-repeat;background-position:right 16px center;cursor:pointer}
.f-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-top:24px;padding-bottom:46px;flex-wrap:wrap}
.f-bottom .footsns a{margin-left: 5px;}
#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)}
#footer .footMenu{margin:0;padding:0;text-align:left}
#footer .footMenu li{position:relative;display:inline-block;line-height:1.2;}
#footer .footMenu li::before{display:none}
#footer .footMenu li a{display:block;padding:0 14px;color:#fff;}
#footer .footMenu li a:hover{color:#fff}
#footer .footMenu li.col a{color:#f5a300}
#footer .footMenu li:nth-child(2) a{text-decoration: underline;}
#footer .footMenu li:first-child a{padding-left:0}
#footer .footMenu li:last-child a{padding-right:0}
#footer .footMenu li:first-child::before{display:none}

/*
================================================================================
반응형 레이아웃
================================================================================
*/
@media all and (max-width:1800px){
	#header #header-top .toggle-wrap{padding: 0 20px;}
	#header .head_box .logo{left: 20px;}
	#header .head_box .globTop{right:20px;}
}
@media all and (max-width:1500px){
	#gnb{padding-left: 13%;}
	#gnb > ul > li > a{padding: 0 20px;font-size: 18px;}
	#footer{padding: 0 30px;}
}
 /* PC Device */
@media all and (min-width:1251px){
	
	#header.over,
	#header.fix{background:#fff}
	#header.online::after{position:absolute;top:135px;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.icon_lang, #header.over .head_box .globTop .link li.icon_lang{background:url('../images/ic_lang_on.png') no-repeat 10px 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:20px!important;text-align:left;overflow: visible}
	#header .head_box .logo{top:-40px;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}
	#header.fix .head_box .globTop .link li::before,
	#header.on .head_box .globTop .link li::before{border-color:#333;}
	#header .link_area{padding-top: 20px;padding-right: 50px;}
		
	#header .head_box .btnMenu{display:block;position:absolute;top:-40px;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:#252525;transition:all 0.2s ease}
	#header .head_box .btnMenu span::before{position:absolute;top:-8px;left:0;width:100%;height:2px;content:'';background:#252525;transition:all 0.2s ease}
	#header .head_box .btnMenu span::after{position:absolute;top:8px;left:0;width:100%;height:2px;content:'';background:#252525;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}
	
	
	#gnb{display:none}

	#mGnb{display:block !important;position:fixed;top:77px;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{position:relative;padding:0;z-index:30}
	#footer::after{display:none}
	#footer .inner{padding-left:20px;padding-right:20px}
	#footer .f-top{display:block;padding-top:35px;padding-bottom:25px;text-align:center}
	#footer .f-logo{justify-content:center;margin-bottom:18px}
	#footer .f-info p{line-height:1.7}
	#footer .footWrap .fFamilySelect{justify-content:center;margin-top:20px}
	#footer .footWrap .footMenu{text-align:center}
	#footer .footWrap .footMenu li a{padding:5px 10px}
	#footer .f-bottom{display:block;padding-top:22px;padding-bottom:35px;text-align:center}
	#footer .f-sns{justify-content:center;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:140px;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{padding: 0 5px;font-size: 13px;line-height: 37px;}
	#header .head_box .globTop .link li.icon_lang{background: url(../images/ic_lang.png) no-repeat 10px 12px;}
	#header.fix .head_box .globTop .link li.icon_lang, #header.on .head_box .globTop .link li.icon_lang{background: url(../images/ic_lang_on.png) no-repeat 10px 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}
	
	#header .link_area{padding-top: 5px;padding-right: 10px;}
	#header .link_area .link li a{font-size: 12px;line-height: 30px;}
	#header .link_area .link li.icon a{padding: 0 5px;padding-left: 25px;}
	#header .link_area .link li.icon a::before{left:5px;}
	
	#mGnb{top:95px;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:145px;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::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:0}
	#footer .footWrap .footMenu{margin-bottom:0;padding:0;text-align:center}
	#footer .footWrap .footMenu li a{padding:5px 4px;font-size:12px}
	#footer .footWrap .fFamily{margin-bottom:5px}
	#footer .footWrap .fFamily button{width:135px;height:35px;font-size:12px;}
	#footer .footWrap .fFamily ul{bottom:35px;left:50%;right:auto;width:auto;min-width:100%;max-width:calc(100vw - 30px);font-size:12px;transform:translateX(-50%)}
	#footer .footWrap .fFamily ul li a{white-space:normal;word-break:keep-all}
	#footer .f-top{padding-top:28px;padding-bottom:20px}
	#footer .f-logo img{max-width:150px}
	#footer .f-info{font-size:12px}
	#footer .f-bottom{padding-top:18px;padding-bottom:28px}
	#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}

}