@charset "utf-8";
body{padding-top:10rem;}

/*
.pop_header_wrap{position: absolute; z-index:10; top:0;width:100%; }
.pop_header_wrap .top_popup{background-color:#6c5e93;opacity: 0;visibility:hidden;max-height:0;overflow:hidden;transition:.25s ease;}
.pop_header_wrap .top_popup.active{display: block;opacity: 1;visibility:visible;max-height:15rem;}
.pop_header_wrap .top_popup .container{max-width:1400px;position: relative;margin:0 auto;}
.pop_header_wrap .top_popup_close{color:#fff;position: absolute;right:2rem;top:2rem;font-size:2rem;}
*/

#header,
#container,
#foot-layout{ width:100%; text-align:center; display: block; position:relative;}

#header .headerWrap{width:1280px;display:block;position:relative;padding: 0;margin:0 auto;}
#container .body-wrap{width:1400px;display:block;position:relative;padding: 0;margin:0 auto;}
#foot-layout .foot-wrap{ width:1280px; display:inline-block; position:relative;}

#header{position: absolute; z-index:10; top:0; background-color: #fff;}

#header:before{ width:100%; height:calc(100% - 10rem); background-color:#f2f4f8; content:""; position:absolute; top:10rem; left:0;box-shadow: 0rem 2rem 2rem rgba(0,0,0,.08);opacity:0;visibility:hidden;transition:.25s;}
#header.active:before{opacity:1;visibility:visible;}

#header .headerWrap .logo{ position:absolute;left:0;top:2.5rem;z-index:9999;}
#header .headerWrap .logo a{ display:block;width:32.2rem; height:5.4rem;background: url(/resources/1st/imgs/common/logo_2.png) no-repeat; background-size: contain; font-size:0; text-indent:-9999px; }
#header .utile-wrap{position:absolute;top:1.5rem;right:0;display:block; z-index:9999;}
#header .utile-wrap li{ display:inline-block; float:left; margin: 2px 0 2px 15px; border: none; padding: 0; position: static;}
#header .utile-wrap li:first-child{ margin: 0;}
#header #btnAllmenu{ display: none;z-index:9999; width:100%; height:100%; padding:0; vertical-align:top; font-size: 3rem;}
#header #btnAllmenu i{ vertical-align: top; }
.after_login #gnb .topmenu{padding: 0 30.5% 0 24%;}
#gnb .topmenu{position:relative;padding: 0 27.1% 0 27.4%;text-align: center;margin: 0;display: -webkit-box;  display: -ms-flexbox;  display: flex;
    -webkit-box-pack: center;  -ms-flex-pack: center;  justify-content: center;}
#gnb .topmenu > li{ position: relative;padding:0;-webkit-box-flex: 1;    -ms-flex: 1;  flex: 1;}
#gnb .topmenu > li.lnb1{flex:1.2;}
#gnb .topmenu > li > a{padding:3.6rem;margin:0;text-align:center; height: 10rem; font-weight: 600; font-size:2rem; color:#000;display:block;position:relative;white-space:nowrap;}
#gnb .topmenu > li > a:before{ position: absolute; top: 50%; left: 0; content: ""; display: inline-block; width: .5rem; height: .5rem;transform:translate(-50%, -50%); background-color: #c0c4ca; border-radius: 50%; }
#gnb .topmenu > li.lnb1 > a:before{ display: none; }
#gnb .topmenu > li.lnb2 > a::before{transform:translate(-300%, -50%);}
#gnb .topmenu > li.lnb3 > a::before{transform:translate(100%, -50%);}
#gnb .topmenu > li.lnb1 .sub01 .sublast{letter-spacing: -2px;}
#gnb .topmenu.fullmenu .submenu{position: static;}
#gnb .submenu{ width:auto; padding:0; display:block; padding:0;  position:absolute; transition: 0.25s;-webkit-transition: 0.25s; opacity:0;visibility:hidden;overflow:hidden;max-height:0;}
#gnb .active .submenu{padding:2rem 0; opacity:1;visibility:visible;max-height:100rem;}

#gnb .submenu > ul > li > a{ margin:35px 0;}
#gnb .submenu .lnb-detail{ margin-top:-35px; margin-bottom:35px; display:inline-block;}
#gnb .submenu li{ width: 100%; display: block; line-height: 1.5;}
#gnb .submenu li a{ width:100%; font-size:16px; color:#fff; line-height:24px; display:inline-block;}
#gnb .submenu li a span{ display: inline-block; word-break: keep-all; line-height: 1.2; }
#gnb .submenu > ul > li{ width: 100%;}
#gnb .submenu > ul > li > div{ display: none; }

#gnb .topmenu li.n4 .submenu > ul > li:nth-child(2):before{ display: none; }
#gnb .mo-utile-wrap{ display: none; }

#header .gnb_bg,
#header .gnb_bg2{ height: 0; opacity: 0; transition: 0.2s;-webkit-transition: 0.2s;display:none;}

#gnb .Allmn-close ,
#gnb .topUtile,
#gnb .bottomUtile{ display:none;}
#gnb.on li .submenu{ top: 99px; text-align: center;}

#gnb .title-wrap{width:283px;display:inline-block; position:absolute; top:0; left:-283px; z-index:1; background-color: transparent; text-align:left; overflow:hidden; transition: 0.1s;-webkit-transition: 0.1s;}
#gnb .title-wrap:before{ width:232px; height:193px; content:""; position:absolute; bottom:0; right:55px;}
#gnb .title-wrap strong{ width:100%; font-size:28px; color:#fff; letter-spacing: 0; line-height:30px; padding:0; margin:40px 0 0 0; display:inline-block;}
#gnb .title-wrap strong:after{ content: ""; display: block; width: 31px; height: 3px; background-color: #fff; margin: 18px 0;}
#gnb .title-wrap p{ width:100%; font-size: 16px; color:#fff; opacity: 0.8; line-height:1.5; padding:0; margin:0; display:inline-block;}
#gnb .submenu li a{ color:#000;}
#gnb .submenu > ul{display: block; }
#gnb .submenu > ul > li{ text-align:center; padding:0; box-sizing:border-box;}
#gnb .submenu > ul > li > a{font-weight:400;font-size:1.8rem;color:#333;line-height:1; margin:0;position:relative;display: block;width: auto; }
#gnb .submenu > ul > li > a span{ padding: 1.5rem .5rem .5rem; border-bottom: 1px solid transparent; transition: .1s; -webkit-transition: .1s; }
#gnb .submenu > ul > li > a:hover span,
#gnb .submenu > ul > li:hover > a span,
#gnb .submenu > ul > li.active:hover > a span{ border-bottom: 1px solid #000;}
#gnb .submenu .lnb-detail{ margin:10px 0 0 0; }
#gnb .submenu .lnb-detail li a{ font-size:16px; color:#666; line-height:1; padding:0 0 7px 10px; position:relative;}
#gnb .submenu .lnb-detail li a:before{ width:3px; height:3px; background-color:#666; content:""; margin-top:-2px; position:absolute; top:11px; left:0;}
#gnb .submenu > ul > li > a.linkWindow:after,
#gnb .submenu .lnb-detail li a.linkWindow:after{ content:""; display: inline-block; width: 11px; height: 11px;  background-size: contain; vertical-align: middle; margin-left: 5px; margin-top: -3px;}
#gnb .submenu > ul > li > a.linkWindow:after{ width: 14px; height: 14px;}
#header.active .topmenu > li .submenu{background-color: transparent;height:calc(100% - 10rem);}
#header.active .topmenu > li:hover .submenu{background-color: #fbfcfd;}


.member{position: absolute;right: 0;top: 0;padding:3.8rem 0;font-size: 13px;color: #535353;font-weight:500;z-index: 2;}
.member button~button{margin-left: 1.6rem;padding-left: 1.6rem;position: relative;}
.member button~button::before{content:"";position: absolute;left: 0;top: 0.5rem;width: 1px;height: 1rem;background-color: #d8d8dc;}
.member .research{margin-left: 2rem;}
.member .inst_apply{margin-left: .5rem;}
.member button:last-child::before,
.member i,
.member .research::before,
.member .inst_apply::before{display: none;}
.member .research{display:inline-block;color: #fff;background-color: #62b5ec;padding: 0.4rem 1rem;border-radius: .2rem;transition:.2s;}
.member .research:hover{background-color:#408bbd}
.member .inst_apply{display:inline-block;border:1px solid #ccccd0;padding: 0.3rem 1rem;border-radius: .2rem;transition:.2s;}
.member .inst_apply:hover{background-color: #c4ced4;}
.member .admin i{display: inline-block;vertical-align:middle;font-size: 19px;}
@media (max-width:1279px){
	.member{padding: 2.4rem 0;text-align: right;}
	.member .link{display: block;margin-top: 1rem;}
}
@media (max-width:1023px){
    .member {padding:2rem;right:4rem}    
    .member i{display: inline-block;font-size: 2rem;}
	.member span{display: none;}  
	.member .research,
	.member .inst_apply,
	.member .admin{display: none;}
}

.ie_pop_layer{position: absolute;top:50%;left:50%;transform:translate(4%, -50%);z-index:10;display:none}
.ie_pop_cont{background:url("/resources/1st/imgs/main/ie_pop_bg.jpg") 50% 50%/cover no-repeat;width:68rem;height:56rem;padding:6rem 5rem;border:1rem solid #fff;color:#fff;text-align:left;word-break:keep-all;line-height:1.6;}
.ie_pop_title{font-size: 2.3rem;color:#ffff00;font-weight:500;margin-bottom:2.5rem;display:block;position: relative;padding-left:3.3rem;}
.ie_pop_title::before{content:"";display:block;width:1.8rem;height:5.5rem; background: url("/resources/1st/imgs/main/ie_pop_bullet.png") 0 0/contain no-repeat; position:absolute;left:0;top:.8rem;}
.ie_pop_text{font-size: 1.7rem;color:#fff;margin-bottom: 3rem;}
.ie_pop_down{margin-bottom:4rem;}
.ie_pop_down a{font-size: 2rem;padding: 1rem 3rem;border-radius: 1rem;background-color: #021571;}
.ie_pop_down a~a{margin-left:1rem;}
.ie_pop_down i{margin-left:1rem;}
.ie_pop_note {font-size: 1.5rem;color: #ffffff;}
.ie_pop_note p{margin-bottom:1rem;}
.ie_pop_note strong{color: #51e0ff;font-weight:500;}
.ie_pop_close{position: absolute;right: -2rem;top: -2rem;border-radius: 50%;background-color: #0687f7; width: 5rem; height: 5rem;font-size: 2.3rem;}

#contentWrap{ position: relative; }

#svisual-layout{ width:100%; height:22rem; text-align:center; display:block; position:relative; overflow: hidden;}
#svisual-layout .svisual-wrap{ width:100%;  height:100%; display:inline-block; }
#svisual-layout .svisual-wrap .title-wrap{ position: absolute; top:50%;left:50%;transform:translate(-50%, -50%); z-index: 1; display:inline-block; width:1280px; text-align:center; margin: 0 auto;}/* 비쥬얼 컨텐츠 넓이 */
#svisual-layout .svisual-wrap .title-wrap strong{ display:inline-block; position:relative; z-index: 1;    font-weight:400; font-size:5rem; color:#fff; line-height:44px; animation-name: stitle_motion; animation-duration: 1.5s;animation-iteration-count: 1; }/* 타이틀 폰트 설정 */
#svisual-layout .svisual-wrap .title-wrap strong span{ font-weight:700; color:#fff;}/* 타이틀폰트 포인트 설정 */
#svisual-layout .svisual-wrap .title-wrap p{ display:inline-block; position:relative; width:100%; font-size:18px; color:#fff; line-height:22px; margin-top:20px; animation-name: stitle_motion; animation-duration: 2s;animation-iteration-count: 1;}/* 보조문구 설정 */
#svisual-layout .svisual-wrap img{ max-width:none; max-height:none; width:100%; height:auto; padding:0; margin:0; display:inline-block; position:absolute;top: 50%;left:50%; transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);}

@keyframes stitle_motion {
  0% {opacity: 0; transform:translateY(-100px); -webkit-transform:translateY(-100px);}
  50% {opacity: 0.5; transform:translateY(15px); -webkit-transform:translateY(15px);}
  100% {opacity: 1; transform:translateY(0); -webkit-transform:translateY(0);}
}

@media (max-width: 1919px){
	#svisual-layout .svisual-wrap img{ width: auto;}
}
@media (max-width: 1279px){
	#svisual-layout .svisual-wrap img{ height:100%;}
}


#snb nav { white-space: nowrap; position: relative; height: 7rem; border-bottom: 1px solid #ddd; line-height: 7rem; white-space: nowrap; }
#snb nav ul{width: 1280px; display: -webkit-box; display: -ms-flexbox;	display: flex;-ms-flex-pack: distribute; justify-content: space-around; margin: 0 auto;}
#snb nav li { display: inline; vertical-align: top; }
#snb nav a { display: inline-block; position: relative; z-index: 0; padding: 0 1.5rem; font-size: 1.8rem; color: #666; font-weight: 400; vertical-align: top; }
#snb nav a::before { position: absolute; left: 50%; margin-left:-4px; bottom: -5px; width: 0; height: 9px; border-radius: 50%; content: ''; -webkit-transition: all 0.2s; transition: all 0.2s; }
#snb nav a:hover::before, #snb nav a:focus::before { width: 9px; background-color: #2566a6; }
#snb nav .active a { border: 0 none !important; color: #2566a6; font-weight: 600; }
#snb nav .active a::before { width: 9px; background-color: #2566a6; }

#contentWrap{ overflow: hidden; }
#container .body-wrap{ width:100%; z-index:0;} 
#container > .body-wrap > .contents-wrap{ width:100%; display:inline-block; padding:90px 0 80px 0;}/* 컨텐츠 사이즈 및 아래 여백 설정 */
.content_info{ width:1280px; display:inline-block; position:relative; margin: 0 auto; text-align: left; }/* 페이지 타이틀 설정 */
#content h3{ opacity: 0.9; width:100%; line-height:40px; font-size:4.4rem; font-weight: 500; color:#000; letter-spacing: -1px; padding:0; display:block; text-align: left; margin-bottom: 5rem;}/* 페이지 타이틀 폰트 설정 */
#content h3:before{ display:none;}

.location{ position: absolute; top: 1rem; right: 0rem; display: inline-block; margin-bottom: 50px;}
.location li{ display: inline-block; vertical-align: middle; font-size: 1.8rem; color: #666; font-weight: 500;}
.location li:before{ content: "\e940"; font-family: 'xeicon'; font-size: 1.4rem; vertical-align: middle; margin: 0 5px;}
.location li.n1{ font-size: 0; }
.location li.n1:before{ display: none; }
.location li.n1 i{ font-size: 2rem; }
.location li:last-child{ color: #000; }

#content{ display:inline-block; width:100%; margin-top: 7rem;margin-bottom:10rem; text-align: center;}
#txt{ display:inline-block; width:1280px; margin: 0 auto; text-align: left; }

#footer{ border-top: 1px solid #f0f0f0; padding: 20px 0 60px; }
#foot-layout{ background-color: #fafafa; }
#foot-layout .foot-wrap{ text-align: left; padding: 3.5rem 0 5rem; }
#foot-layout .foot-wrap .foot_logo{ position: absolute; top:6.4rem; left:0; display:inline-block; width: 322px;height: 41px;background:url(/resources/1st/imgs/common/foot_logo.png) no-repeat; font-size:0; text-indent:-9999px;}
#foot-layout .foot-wrap .foot_nav{font-size:1.5rem;margin-top:-2px;margin-bottom: 2.4rem;position:absolute;left:55.5%;}
#foot-layout .foot-wrap .foot_nav a{color:#1F40AA;font-size:1.7rem;display:inline-block;}

/*
#foot-layout .foot-wrap .utile-wrap{ width:auto; display:inline-block; padding: 20px 0;}
#foot-layout .foot-wrap .utile-wrap li{ display:inline-block; float:left; position:relative;}
#foot-layout .foot-wrap .utile-wrap li:before{ width:1px; height:10px; background-color:#ccc; content:""; margin-top:-3px; position:absolute; top:50%; left:0;}
#foot-layout .foot-wrap .utile-wrap li.n1:before{ display:none;}
#foot-layout .foot-wrap .utile-wrap li.n1 a{ padding-left:0;}
#foot-layout .foot-wrap .utile-wrap li:first-child a{ font-weight: bold; }
#foot-layout .foot-wrap .utile-wrap li a{ font-size:1.5rem; color:#333; line-height:20px; padding:0 20px; display:inline-block; letter-spacing:0;}
*/

#foot-layout .foot-wrap .foot-txt .address_wrap{display:inline-block;}
#foot-layout .foot-wrap address,
#foot-layout .foot-wrap .copy{ font-style:normal; font-size:1.5rem; color:#333;  display:block; letter-spacing:0; word-break: keep-all;}
#foot-layout .foot-wrap address{ margin-bottom:10px;}
#foot-layout .foot-wrap .custom_center{display:inline-block;vertical-align:top;padding:0 3%;margin: 0 3%;position: relative;}
#foot-layout .foot-wrap .custom_center::before,
#foot-layout .foot-wrap .custom_center::after{content:"";display:block;width:1px;height:4.5rem;background-color:#d7d7dd;position: absolute;left: 0;top: 50%;transform:translateY(-50%);}
#foot-layout .foot-wrap .custom_center::after{left: inherit;right:0;}
#foot-layout .foot-wrap .custom_center .oper_time{display:block;font-size:1.5rem; }
#foot-layout .foot-wrap .custom_center .phone{font-size: 2.8rem;font-weight:400;}
#foot-layout .foot-wrap .site-wrap{ text-align:left; display:inline-block; position:absolute; bottom:5rem; right:0;z-index: 6;}
#foot-layout .foot-wrap .site-wrap > button{ width:27rem; font-size:1.4rem; color:#333; border: 1px solid #ddd; background-color: #fff; padding:2rem; display:block; position:relative;text-align: left;}
#foot-layout .foot-wrap .site-wrap > button i{ position: absolute; right: 2rem; top: 2rem; font-size: 1.6rem; transform: rotate(180deg); -webkit-transform: rotate(180deg); }
#foot-layout .foot-wrap .site-wrap > ul{ width:100%;display:inline-block; position:absolute; bottom:5.8rem; opacity:0;visibility:hidden; max-height:0;overflow:hidden;transition:.3s;left:0px; border: 1px solid #ddd;background-color: #ffffff;}

#foot-layout .foot-wrap .site-wrap > ul li a{ width:100%; font-size:1.4rem; color:#666; padding:1rem 2rem; display:inline-block;}
#foot-layout .foot-wrap .site-wrap > ul li a:hover,
#foot-layout .foot-wrap .site-wrap > ul li a:focus{ font-weight:600;}
#foot-layout .foot-wrap .site-wrap.active > ul{opacity:1;visibility:visible; max-height:100rem;  }
#foot-layout .foot-wrap .site-wrap.active > button i {transform: rotate(0deg); -webkit-transform: rotate(0deg);}

@media (max-width:1399px){
	#header .headerWrap,
	#container .body-wrap,
	#foot-layout .foot-wrap,
	#contentWrap{ width:100%;}
	#header, #svisual-layout .svisual-wrap{ padding: 0 20px; }
	#header .utile-wrap{ right: 0; }
	#header .utile-wrap li.search .clickClose{ right: 70px;}
	#gnb .topmenu{ width: 100%;}
	.ie_pop_layer{transform:translate(-50%,-50%)}
	
	#foot-layout .foot-wrap{padding-left:2rem;padding-right:2rem;}
	#foot-layout .foot-wrap .site-wrap{right:2rem;}
	#txt,
	.content_info{ width: 100%; padding: 0 2rem; }	
	.location{right:2rem;}
	#svisual-layout .svisual-wrap .title-wrap{ width: 100%;padding:0 1rem; }

}

@media (max-width:1279px){	
	
	#header .headerWrap .logo a{ width: 26rem; height:4.3rem;}
	#gnb .topmenu{ padding: 0 20% 0 29%;}
	.member a ~ a{margin-left: 1rem;padding-left: 0;}
	.member a~a::before{display: none;}	
	.member .research{margin-left:1rem}
	
	#snb nav{ overflow: hidden; overflow-x: auto; }
	#snb nav::-webkit-scrollbar { height: .5rem;}
  	#snb nav::-webkit-scrollbar-thumb {background-color: #aaa;border-radius: .25rem;}
  	#snb nav::-webkit-scrollbar-track { background-color: #f5f5f5;}
	#snb nav a::before{ bottom: 0;transform:translateX(-50%);margin-left:0;border-radius:0;height:5px; }
	#snb nav .active a::before{width:100%;}
	#foot-layout .foot-wrap .foot_nav{position: static;}
	#foot-layout .foot-wrap .custom_center::after{display:none}

}
@media (max-width:1023px){
	html{font-size:9px;}
	
	body{padding-top:6.2rem}
	#header{ height: 6.2rem }
	#header .headerWrap .logo{top:1rem;}
	#header .headerWrap{height:100%;}
	#header .headerWrap .logo a{ width: 26rem; height:4.3rem;}
	#gnb .topmenu > li > a{padding-left:2rem;padding-right:2rem;}
	#header #btnAllmenu{display: inline-block;}
	#gnb{ display:none;}

	/* mobile 시작 */
	.allmenu #gnb{ display: block; width:80%; height:auto; padding:0; margin:0; display:inline-block; box-sizing:border-box; position:fixed; top:0; bottom:0; left:auto; right:0; z-index:9999;}
	.allmenu #gnb .topUtile,
	.allmenu #gnb .bottomUtile{ width:310px; display:inline-block; position:absolute; right:-320px; z-index:2;}
	.allmenu #gnb .topUtile{ height:80px; background-color:#005a41; text-align:left; padding:20px; box-sizing:border-box; top:0;}
	.allmenu #gnb .gnb-wrap{ width:100%; height:100%; text-align:right; overflow-y:auto; position:relative; top:0; right:0; background-color:#2d4478;}
	.allmenu #gnb .topmenu{ display: block; width:100%; padding:0; height:100%; padding:0; box-sizing:border-box; position:relative; left:auto; right:0; z-index:1; margin-top:0; background-color: #1d2a37; overflow-y: auto;}
	.allmenu #gnb .topmenu > li{ float: none; display: block; width:100%; height:auto; padding:0; overflow:hidden; border-bottom: 1px solid #505963;}
	.allmenu #gnb .topmenu > li > a:before{display: none;}
	.allmenu #gnb .topmenu > li:first-child > a:after{display:inline-block;}
	.allmenu #gnb .topmenu > li:before{ display:none;}
	.allmenu #gnb .topmenu > li > a{ float:left; width:100%; padding: 21px 25px; margin:0; display:inline-block; box-sizing:border-box; position:relative; z-index:1;}
	.allmenu #gnb .topmenu > li > a{ height:auto; font-size:2rem; font-weight: 400; color:#fff; text-align:left; line-height:1;}
	.allmenu #gnb .topmenu > li.active > a{ position: relative; color:#fff; background-color:#065eb3;}
	.allmenu #gnb .topmenu > li.on > a{ border:0;}
	.allmenu #gnb .topmenu > li > a:after{ position: absolute; top: 20px; right:20px; content: "\e9c5"; display: inline-block; font-family: 'xeicon'; font-size: 2rem; color: #fff; transition: ease .2s; -webkit-transition: ease .2s;}
	.allmenu #gnb .topmenu > li.active > a:after{ content: "\e9c1"; }

	.allmenu #gnb .submenu{ clear:both; opacity:1; position:static; min-height:0; display:none; width: 100%; background-color: #fff; padding: 10px 20px; box-sizing: border-box; overflow: hidden;}
	.allmenu #gnb .submenu > ul{ display: block; }
	.allmenu #gnb .submenu > ul > li{ width:100%; padding:0; margin:0;}
	.allmenu #gnb .submenu > ul > li{ padding:0; margin-bottom:0; border-top:0;}
	.allmenu #gnb .submenu > ul > li > a{ width:100%; height:auto; font-size:17px; font-weight: 400; text-align:left; color:#6a6a6a; padding:0; margin:0; border:0; display: inline-block; position:relative; top:auto; transform:none; -webkit-transform:none;}
	.allmenu #gnb .submenu > ul > li > a:before{ content: ""; display: inline-block; width: 4px; height: 1px; background-color: #6a6a6a; vertical-align: middle; margin-right: 5px; margin-top: -2px; }

	.allmenu #gnb .submenu > ul > li.more.on > a{ color:#2d4478;}
	.allmenu #gnb .submenu > ul > li.more.on > a:before{ background-color:#2d4478;}
	.allmenu #gnb .submenu > ul > li.more.on > a:after{ display:none;}

	.allmenu #gnb .lnb-detail{ min-height:100%; width:100%; padding:20px; margin:0; display:block; background-color: #f2f2f2;}
	.allmenu #gnb .lnb-detail > li{ width:100%; display:inline-block; }
	.allmenu #gnb .lnb-detail > li:last-child{ margin-bottom: 0; }
	.allmenu #gnb .lnb-detail > li > a{ width:100%; color:#000; text-align:left; font-size: 16px; padding:5px 0; margin:0; display:inline-block; box-sizing:border-box; border:0; position:relative;}
	.allmenu #gnb .lnb-detail > li > a:before{content: ""; display: inline-block; width: 4px; height: 4px; background-color:#588811; border-radius: 50%; margin-right: 10px; vertical-align: middle;}

	.allmenu #gnb li.active .submenu{display:block; opacity:1;visibility:visible;overflow:visible;}

	.allmenu #gnb .Allmn-close { width:47px; height:47px; font-size:0; text-indent:-9999px; padding:0; display:inline-block;vertical-align:middle; position: absolute; right: 10px; top: -62px; z-index:3;}
	.allmenu #gnb .Allmn-close span,
	.allmenu #gnb .Allmn-close i{ display: none; }
	.allmenu #gnb .Allmn-close:before{ width:30px; height:2px; background-color:#000; content:""; margin:-1px 0 0 -15px; position:absolute; top:50%; left:50%; transform:rotate(45deg); -webkit-transform:rotate(45deg);}
	.allmenu #gnb .Allmn-close:after{ width:2px; height:30px; background-color:#000; content:""; margin:-15px 0 0 -1px; position:absolute; top:50%; left:50%; transform:rotate(45deg); -webkit-transform:rotate(45deg);}

	.allmenu #gnb .mo-utile-wrap{ display:block; width: 100%; height: 6.4rem; background-color: #1d2a37; border-bottom: 2px solid #8d939a;}
	.allmenu #gnb .mo-utile-wrap li{ float: right; color: #fff;}
	.allmenu #gnb .mo-utile-wrap li:first-child{ float: left; }
	.allmenu #gnb .mo-utile-wrap li button{ display: inline-block; padding: 2rem; font-size: 2.4rem; }
	/*.allmenu #gnb .mo-utile-wrap li a.mo-home{ font-size: 1.5rem; }
	.allmenu #gnb .mo-utile-wrap li a.mo-home i{ margin-right: 5px; }
	*/

	#header.mb .gnb_bg,
	#header.mb .gnb_bg2{ display:none;}
	.allmenu #gnb .gnb .title,
	.allmenu #gnb .gnb .topmenu > li > h2:after,
	.allmenu #gnb .submenu:before,
	.allmenu #gnb li.on > h2:before,
	#header.mb .gnb_bg:before,
	.allmenu #gnb .title-wrap{ display:none;}

	#foot-layout .foot-wrap .foot-txt{ text-align: center;}
	#foot-layout .foot-wrap .foot-txt:after{ display: none; }
	#foot-layout .foot-wrap{padding: 2rem;}
	#foot-layout:after{display: none;}
	#foot-layout .foot-wrap .utile-wrap{ border-bottom:1px solid #454545; }
	#foot-layout .foot-wrap .utile-wrap li{ float:none;}
	#foot-layout .foot-wrap .utile-wrap li a{ font-size:14px;}
	#foot-layout .foot-wrap .site-wrap{ position:relative;bottom:inherit;right:inherit; height:auto; width:100%; text-align: center;margin-top:2rem;}	
	#foot-layout .foot-wrap .site-wrap > a{ width:150px; text-align: left;}
	#foot-layout .foot-wrap address,
	#foot-layout .foot-wrap .copy{ font-size:14px; text-align:center; line-height:16px;}
	#foot-layout .foot-wrap address br{ display: block; }
	#foot-layout .foot-wrap .foot_nav{margin-bottom: 2rem;text-align: center;}
	#foot-layout .foot-wrap .custom_center{margin-right:0;padding-right:0;}	
	#foot-layout .foot-wrap .site-wrap > button{width:100%;}

	/* mobile 끝*/	
	.location{ position: static; }
	#svisual-layout .svisual-wrap .title-wrap strong{font-size: 4.4rem;}
	#svisual-layout .svisual-wrap .title-wrap p{word-break: keep-all;}
}

@media (max-width:767px){
	html{font-size:8px;}
	#header .headerWrap .logo{ top:0; padding:1.7rem 0}	
	#header .headerWrap .logo a{ width: 17rem; height:2.8rem;}	
	.ie_pop_layer{width:90%;}
	.ie_pop_cont{width:100%;}
	/*
	#header,
	#svisual-layout .svisual-wrap{ padding:0 20px; box-sizing:border-box;}
	#svisual-layout .svisual-wrap .title-wrap strong{ font-size: 3rem; }
	#svisual-layout .svisual-wrap .title-wrap p{ font-size: 1.6rem; }
	#txt{ padding: 0 10px; }	
	#content h3{ font-size: 3.6rem; word-break: keep-all; }	
	*/
	#snb nav > ul{ display:block;width: auto;text-align:center;}		
	.location{display: none;}
	#content{margin-top:4.5rem;margin-bottom:7rem;}
	#content h3{font-size:3.4rem;margin-bottom: 2.5rem;}
	#foot-layout .foot-wrap .foot-txt .address_wrap{display: block;}
	#foot-layout .foot-wrap .custom_center{margin:2rem 0 0 0;padding:0;}
	#foot-layout .foot-wrap .custom_center::before{display: none;}
	#foot-layout .foot-wrap .custom_center .oper_time{display: inline-block;margin-right:2rem;}
}