@charset "utf-8";

input[type=text],
textarea{
	ime-mode:active; 
}


/***** common *****/
html{font-size:10px;overflow-x: hidden;}
body{font-size:1em !important; letter-spacing:-0.03em;overflow-x:hidden; font-family: 'NotoSansCJKkr';}


#wrap{position:relative; width:100%; height:auto;}
.layout{position:relative; max-width:1194px; width: calc(100% - 4em); margin:0 auto;}
.layout_02{max-width:1194px; width: calc(100% - 4em); margin:0 auto;}
.user .layout{max-width: 1440px;}


.f_noto{font-family: 'NotoSansCJKkr';}
.btn_center{margin: 0 auto;text-align: center;}
.btn_center a {margin: 5px;}
.notice_txt{color: #1074E4; padding-left: 1.5em; position: relative;}
.notice_txt a{color: #1074E4;}
.notice_txt::after{content: "※";position: absolute;top: 0;left: 0;}
.point{font-weight: 500;color: #1074E4;}

	
/***** scroll *****/
.my_scroll_x::-webkit-scrollbar { height: 5px; } 
.my_scroll_x::-webkit-scrollbar-track { background-color: #cfd2da;} 
.my_scroll_x::-webkit-scrollbar-thumb { background-color: #344362; } 
.my_scroll_x { scrollbar-color: #344362; } 
.my_scroll_x::-webkit-scrollbar-thumb { background-color: #344362; box-shadow: inset 2px 2px 5px 0 rgba(#fff, 0.5);}

/* 익스프롤러 10이하 스크롤바 CSS  */
* {
    scrollbar-arrow-color:#cfd2da;
    scrollbar-face-color:#344362;
    scrollbar-shadow-color:#cfd2da;
    scrollbar-track-color:#cfd2da;
}

/***** header *****/
#rwd_header{display:none;}

#header{position:relative; z-index:101; width:100%; height:153px; font-family: 'Montserrat';}
#header a{text-decoration:none;}


#header .global {background-color: #031122; height: 4.6em;}
#header .global .layout {position:relative; max-width:100%; width: auto; margin:0 auto; text-align: right;}
#header .global .layout>ul>li {position: relative; display: inline-block; line-height: 4.8em; margin-left: 3em;}
#header .global .layout>ul>.langbx {position:relative;background: url(../../images/eng/layout/global.svg) no-repeat left; padding-left: 2em;}
#header .global .layout>ul>.langbx>.tt{position:relative; display:block;box-sizing:border-box;padding-right: 2em;line-height: 1.5;}
#header .global .layout>ul>.langbx>.tt:after{
	content:""; position:absolute; top:7px; right:0; width:12px; height:12px; background:url(../../images/eng/layout/right_arrow.svg) no-repeat 0 0;background-size: contain;
	transform:rotate(90deg); -webkit-transform:rotate(90deg);
	transition:all 0.3s ease; -webkit-transition:all 0.3s ease;
}
#header .global .layout>ul>.langbx>.tt.on:after{transform:rotate(-90deg); -webkit-transform:rotate(-90deg);top: 0;}
#header .global .layout>ul>.langbx .langbx_list {display: none; width: 100%;top: calc(100% + 1.3em); left: 0; text-align:center; position: absolute;z-index: 2; background-color: rgba(0,0,0,0.7);}
#header .global .layout>ul>.langbx .langbx_list a{display: block; font-size: 1.4em; color: #fff;}
#header .global .layout>ul>.langbx .langbx_list .tt{display: none;}
#header .global .layout>ul>.langbx .langbx_list a {padding: .5em 0;line-height: normal;}
#header .global .layout>ul .glance {background: url(../../images/eng/layout/location.svg) no-repeat 2.5em 1.5em;  background-color: #3175dc;line-height: 4.6em;top: -1px;} 
#header .global .layout>ul .glance a{padding: 0 2em 0 3em; text-transform: uppercase;}

#header .global .layout>ul>li>a {display: inline-block; color: #fff; font-size: 1.4em;}




#header h1{
	position:absolute; left:3%; top:55px; z-index:2;
	transition:all 0.2s ease; -webkit-transition:all 0.2s ease;
}
#header h1 a{
	display:block; background: url(../../images/eng/layout/logo_w.svg) no-repeat; width: 10em; height: 4em; box-sizing:border-box;background-position: center;
	transition:all 0.2s ease; -webkit-transition:all 0.2s ease;
}
#header.on h1 a{background: url(../../images/eng/layout/logo_c.svg) no-repeat;background-position: center;}

#header h1 a span{display:block; margin-top:10px; text-align:center; font-weight:500; font-size:30px; color:#fff;}

/* gnb */
#header #gnb{position:relative; top:0; left:0; z-index:1; width:100%; height:auto;}
#header #gnbwrap{position:relative; width:100%; height:100%;}
#header #gnbwrap #animate{overflow:hidden;  position:absolute; top:0px; left:0; width:100%; height:104px; background-color:rgba(0,0,0,0.3);}
#header #gnb.on #gnbwrap #animate{background-color:rgba(255,255,255,0.98); border-bottom: 1px solid #e3e3e3; border-radius: 0 0 140px 0; box-shadow: 0 3px 30px rgba(202, 202, 202, 0.3);}
#header #gnb.on #gnbwrap #animate::after {content: "";position: absolute;width: 100%; height: 1px; top: 11.2em;left: 0%; background-color: #e3e3e3;}

#header #gnb #tm{ width:105%; height:100%; margin:0 auto; text-align:center;}
#header #gnb #tm:after{content:""; clear:both; display:block;}
#header #gnb #tm li{text-align:left;}
#header #gnb #tm li.th1{
	display:inline-block; position: relative; width:auto; min-width: 21em; padding: 0 2.5em; vertical-align:top; box-sizing:border-box;
	transition:all 0.2s ease; -webkit-transition:all 0.2s ease;
}
#header #gnb #tm li.th1:first-child{margin-left:0px;}
#header #gnb #tm li.th1:last-child{width: auto; min-width: auto;}
#header #gnb #tm li.th1>a{
	position:relative; display:block; margin-top:35px; text-align:center; font-size:20px; color:#fff; font-weight:500; box-sizing:border-box;
	transition:all 0.2s ease; -webkit-transition:all 0.2s ease;
}
#header #gnb.on #tm li.th1>a{ color:#121212;}

#header #gnb #tm li.th1:nth-child(5)>a {padding: 0 0.5em;}
#header #gnb #tm li.th1>a:hover{color:#171717;}

#header #gnb #tm li.th1>a:after{
	content:""; 
	position:absolute;
	width: 3em; 
	top: 100%;
	left: 50%;
	transform: translateX(-50%);
	margin: 0 auto;
	display:inline-block; 
	height:0.5em; 
	background:url(../../images/eng/main/gnb_th1_hover.svg) repeat-x left bottom; 
	background-size: 3.2em auto;	
	transition:all 0.3s ease; -webkit-transition:all 0.3s ease;
	opacity: 0;
	animation-name: v_festival_water;
    animation-duration: 550s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

@keyframes v_festival_water{
	0%{background-position:0 bottom;}
	100%{background-position:-10000px 0;}
}


#header #gnb #tm li.th1>a.current:active:after,
#header #gnb #tm li.th1>a.current:after
{opacity: 1;}
#header #gnb #tm li.th1>[class*="th1_"]{display:none !important;}


#header #gnb #tm li.th1 ul.th2{position:absolute; top:112px; width:calc(100% + 3px); height: 43em; padding:0 20px; margin-left: -120px; box-sizing:border-box; }
#header #gnb #tm li.th1 ul.th2:hover {background-color:#1171DE;}


/* #header #gnb #tm li.th1 ul.th2:after{content:""; display:block; clear:both;} */
#header #gnb #tm li.th1 ul.th2:after{content: "";position: absolute;bottom: 2em;right: 0; background: url(../../images/eng/main/sec01_icon01.svg) repeat-x left bottom;width: 70%;height: 10em;background-size: 17em;opacity: 0.05;background-position: right center;
	animation-name: v_festival_water;
    animation-duration: 550s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

#header #gnb #tm li.th1:last-child ul.th2{opacity: 0; width: 20em;border-right: 1px solid #e3e3e3;}
#header.on #gnb #tm li.th1:last-child ul.th2{opacity: 1;}
#header #gnb #tm li.th1 ul.th2::before {opacity: 0; content: ""; position: absolute; top: 0; left: 0; width: 1px; height: 100%; background-color: #E3E3E3;}
#header.on #gnb #tm li.th1 ul.th2::before {opacity: 1;}
#header #gnb #tm li.th1 ul.th2>li{ box-sizing:border-box;}
#header #gnb #tm li.th1 ul.th2>li:first-child a {padding-top: 1.5em;}
/* #header #gnb #tm li.th1 ul.th2>li:not(:nth-child(5n)){margin-right:25px;} */
#header #gnb #tm li.th1 ul.th2>li:first-child,
#header #gnb #tm li.th1 ul.th2>li:nth-child(2),
#header #gnb #tm li.th1 ul.th2>li:nth-child(3),
#header #gnb #tm li.th1 ul.th2>li:nth-child(4),
#header #gnb #tm li.th1 ul.th2>li:nth-child(5){margin-top:0;}
#header #gnb #tm li.th1 ul.th2>li>a{display:none; padding-bottom:10px; font-size:1.8em; color:#444; word-break: keep-all; font-family:'NotoSansCJKkr';}
#header.on #gnb #tm li.th1 ul.th2>li>a{display: block;}
#header #gnb #tm li.th1 ul.th2>li>a:hover{border-color:#171717; color:#004599;text-decoration: underline;}
#header #gnb #tm li.th1 ul.th2:hover>li>a{color: #fff;}

#header #gnb #tm li.th1 ul.th2>li>ul{padding:10px 0 0 0;}
#header #gnb #tm li.th1 ul.th2>li>ul>li{margin-bottom:3px;}
#header #gnb #tm li.th1 ul.th2>li>ul>li>a{display:inline-block; vertical-align:top; font-size:16px; color:#656565;}
#header #gnb #tm li.th1 ul.th2>li>ul>li>a:hover{color:#000;}

#header .etcs{position:absolute; top:85px; right:3%; z-index:10;}
#header .etcs>a,
#header .etcs>div{display:inline-block; vertical-align:middle;}
#header .etcs .links>a{margin-right:14px; font-size:15px; color:rgba(23, 23, 23, 0.7);}
#header .etcs .links>a:hover{color:#000;}
#header .etcs .searchbx{position:relative; margin-left:22px; margin-right:8px;}
#header .etcs .searchbx>.s_btn{overflow:hidden; display:block; width:25px; height:25px; background-image:url(../../images/eng/layout/m_icon_search_btn.svg); background-repeat:no-repeat; background-position:center; background-size:100%; text-indent:-2000px;}
#header.on .etcs .searchbx>.s_btn{background-image: url(../../images/eng/layout/icon_search_btn.svg);}
#header .etcs .searchbx>.s_btn.on{background-image: url(../../images/eng/layout/ico_closer.svg);background-size: 4em;}
#header .etcs .searchbx .searchs{
	position:absolute; top:-0.5em; right:calc(100% + 1em); width:30em; background-color:#203546; border-radius:20px; box-sizing:border-box;
	transition:all 0.2s ease; -webkit-transition:all 0.2s ease;display: none;
}
#header .etcs .searchbx .searchs>form>span{position:relative; display:block; width:85%; margin:0 auto; box-sizing:border-box;}
#header .etcs .searchbx .searchs>form>span>input[type="text"]{width:100%; height:36px; line-height:40px; padding:0 40px 0 20px; background-color:transparent; border:0; font-size:15px; box-sizing:border-box;color: #fff;}
#header .etcs .searchbx .searchs>form>span>input[type="text"]:focus{outline: none;}
#header .etcs .searchbx .searchs>form>span>input[type="submit"]{overflow:hidden; position:absolute; top:-0.2em; right:0; min-width:auto; width:40px; height:40px; line-height:normal; padding:0; background-color:transparent; background-image:url(../../images/eng/layout/m_icon_search_btn.svg); background-repeat:no-repeat; background-position:center; background-size:1.5em; border:0; font-size:15px; text-indent:-2000px; cursor:pointer;}
#header .etcs .sitemaps{overflow:hidden; width:30px; height:15px; background:url(../../images/eng/layout/m_icon_sitemap.svg) no-repeat 0 0; background-size:100% auto; text-indent:-2000px;}
#header.on .etcs .sitemaps{background: url(../../images/eng/layout/icon_sitemap.svg) no-repeat;height: 20px;}


#header .map_dwn{position:absolute; bottom:-43px; right:3%; height:54px; line-height:54px; padding:0 40px; background:url(../../images/eng/layout/map_down_img.png) no-repeat 0 0; background-size:100% auto; font-weight:500; box-sizing:border-box;}
#header .map_dwn{z-index:1;}
#header #gnb.on~.map_dwn{z-index:0;}
#header .map_dwn>span{position:relative; display:inline-block; padding-right:35px; font-size:16px; box-sizing:border-box;}
#header .map_dwn>span:after{
	content:""; opacity:0.25; position:absolute; top:0; right:0; width:14px; height:100%; background:url(../../images/eng/layout/map_down_arrow.svg) no-repeat left center; background-size:100% auto;
	transition:all 0.3s ease; -webkit-transition:all 0.3s ease;
}
#header .map_dwn:hover>span:after{opacity:0.5;}

.shadow_bg{width:100%; height:100%; position:fixed; left:0; top:0; background:#000; opacity:0.6; filter:alpha(opacity=60); z-index:-1; display:none;}
#header.on .shadow_bg{display: block;}

@media all and (max-width:1680px){
	#header #gnb #tm li.th1>a{font-size: 18px;margin-top: 38px;}
}

@media all and (max-width:1580px){
	#header #gnb #tm li.th1{min-width: auto;}
}

@media all and (max-width:1520px){
	#header #gnb #tm{max-width:none; margin-left: 16%; text-align:left; box-sizing:border-box;}
	#header #gnb #tm li.th1{padding:0 20px;}
}

@media all and (max-width:1380px){
	#header #gnb #tm{margin-left:18%;}
	#header #gnb #tm li.th1 {padding: 0 10px;}
}

@media all and (max-width:1350px){
	#header{height: 5.8em;background-color: rgba(0,0,0,.5);}
	#header .global,
	#header #gnb{display: none;}
	#header h1 {left: 1em;top: .3em;}
	#header h1 a img{display:none;}
	#header h1 a{width:132px; max-width: 100%; height:45px; padding-top:0; padding-left:92px; background-color:transparent; background-image:url(../../images/eng/layout/logo_w.svg); background-repeat:no-repeat;display: inline-block;}
	#header .etcs{top: 1.5em;right: 1.5em;}
	#header .etcs .sitemaps{background: url(../../images/eng/layout/m_icon_sitemap.svg) no-repeat 0 5px;height: 30px;}
	#header .etcs .searchbx{margin-right: 15px;}
	#header .etcs .searchbx>.s_btn{width: 25px;height: 25px; background-image: url(../../images/eng/layout/m_icon_search_btn.svg);} 

	#header .etcs .searchbx>.s_btn.on{ width: 40px; background-color: transparent;}
	#header .etcs .searchbx .searchs{top: -0.5em;}

}
@media all and (max-width:1240px) and (min-width:1025px){
	#header h1 a span{margin-top:6px; font-size:26px;}
	#header #gnb #tm{padding-left:calc(50% - 340px);}
	#header #gnb #tm li.th1{padding:0 12px;}
	#header #gnb #tm li.th1>a{font-size:18px;}
	#header #gnb #tm li.th1>a:hover:after{top:-2px; right:-12px; width:7px; height:7px;}
	#header .etcs .links>a{margin-right:12px;}
	#header .etcs .searchbx{margin-left:15px; }
}
@media all and (max-width:1024px){
	
	#header #gnb{display:none;}

	#header .etcs{right:6em;}
	#header .etcs .links,
	#header .etcs .langbx,
	#header .etcs .sitemaps{display:none;}
	#header .etcs .searchbx{margin-left:0; margin-right:0;}
	/* #header .etcs .searchbx .searchs{top:40px; right:-60px; width:380px; padding:32px 0; border-radius:0px 0px 0px 25px;}
	#header .etcs .searchbx .searchs>span{width:80%;}
	#header .etcs .searchbx .searchs>span>input[type="text"]{height:36px; line-height:36px; font-size:16px;}
	#header .etcs .searchbx .searchs>span>input[type="submit"]{width:36px; height:36px;} */

	#header .map_dwn{bottom:-38px; height:47px; line-height:47px; padding:0 28px;}
	#header .map_dwn>span{padding-right:22px; font-size:15px;}
	
	/*모바일메뉴*/
	#rwd_header{display:block; position:fixed; top:0; right:0; z-index:999; width:100%; font-family: 'NotoSansCJKkr';}
	#rwd_header .gnb_btn{position:absolute; top:2.2em; right:20px; width:30px; height:30px; background:url(../../images/eng/layout/m_icon_sitemap.svg) no-repeat 0 0;}
	#rwd_header .gnb_btn a{display:block; width:50px; height:48px; display:block;}

	.rwd_gnb{position:absolute; top:0px; right:-280px; z-index:10; width:280px; background:#fff;font-family: 'NotoSansCJKkr';}
	.rwd_gnb .link_site{padding:1em; background:#004599; box-sizing:border-box; text-align: left;padding-left: 1.5em;}
	.rwd_gnb .link_site li{display:inline-block;}
	.rwd_gnb .link_site li:not(:last-child){margin-right:15px;}
	.rwd_gnb .link_site li a{display:block; text-decoration:none; font-size:15px; font-weight:300; color:#fff;text-transform: uppercase;font-family: 'NotoSansCJKkr';letter-spacing: 0;}
	.rwd_gnb .lang_site{background:#1e3778;}
	.rwd_gnb .lang_site{overflow:hidden; width:100%;}
	.rwd_gnb .lang_site li{float:left; width:calc(100%/3); box-sizing:border-box;position: relative;}
	.rwd_gnb .lang_site li:not(:last-child)::after{content: "";position: absolute; width: 1px; height: 40%; background-color: rgba(255,255,255,0.3); right: 0; top: 0;bottom: 0; margin: auto 0;}
	.rwd_gnb .lang_site li a{display:block; width:100%; height:32px;line-height:32px; text-align:center; font-size:14px; font-weight:400; color:#fff;}

	.rwd_gnb .depth1>li{background-color:#fff;}
	.rwd_gnb .depth1>li h2 a{position:relative; display:block; height:50px; line-height:50px; padding:0 55px 0 20px; background-color:#fff; border-top:1px solid #d2d2d2; font-size:15px; font-weight:400; text-decoration:none; color:#2a2a2a; box-sizing:border-box;font-family: 'NotoSansCJKkr';}
	.rwd_gnb .depth1>li h2.child a:after{content:""; position:absolute; top:0; right:0; width:14px; height:14px; background:url(../../images/eng/layout/remote_icon_arrow.svg) no-repeat center;top: 0; bottom: 0;right: 1.4em; margin: auto 0; transform: rotate(90deg);transition:all 0.3s ease; -webkit-transition:all 0.3s ease;}
	.rwd_gnb .depth1>li h2.on.child a:after{background:url(../../images/eng//main/visual_arrow.svg) no-repeat center; width:13px; height:13px; top: 0; bottom: 0;right: 1.5em;margin: auto 0; transform: rotate(270deg);}
	.rwd_gnb .depth1>li h2.on a{background-color:#27345a; color:#fff;}

	.rwd_gnb .depth2{display:none; padding: 20px 27px; border-top:1px solid #ececec; box-sizing:border-box; background-color: #efefef;word-break: keep-all;}
	.rwd_gnb .depth2>li{margin-bottom:8px;}
	.rwd_gnb .depth2>li h3{position:relative; padding-left:11px; box-sizing:border-box;}
	.rwd_gnb .depth2>li h3:before{content: "";display: block;position: absolute;left: 0;top: 7px;border: transparent 4px solid;border-left-color: #686868;}
	.rwd_gnb .depth2>li h3.on:before{ border-left-color: #004599;}
	.rwd_gnb .depth2>li h3 a{display:block; text-decoration:none; font-size:15px; font-weight:400; color:#565656;font-family: 'NotoSansCJKkr';}
	.rwd_gnb .depth2>li h3 a:hover,
	.rwd_gnb .depth2>li h3.on a{color:#27345a;}

	.rwd_gnb .depth3{display:none; margin-top:4px;}
	.rwd_gnb .depth3 li a{display:inline-block; text-decoration:none; vertical-align:top; width:86%; padding-left:14%; font-size:15px; color:#202020;text-indent: -10px;}
	.rwd_gnb .depth3 li a:before{content:"-"; margin-right:4px; color:#202020;}
	.rwd_gnb .mob_close{overflow:hidden; position:absolute; top:7px; right:10px; width:30px; height:30px; background:url(../../images/eng/layout/ico_closer.svg) no-repeat center; text-indent:-2000px;}
	.shadow_bg{width:100%; height:100%; position:fixed; left:0; top:0; background:#000; opacity:0.6; filter:alpha(opacity=60); z-index:9; display:none;}

}
@media all and (max-width:640px){
	#header{height:58px;position: fixed;top: 0;}
	#header h1 a span{font-size:20px;}
	#rwd_header .gnb_btn.hide {visibility: hidden;}

	#header .etcs .searchbx.active{position: absolute;width: 100%;}
	#header .etcs .searchbx .searchs{width:100vw; padding:1em 4em 1em 2em; border-radius:0;background-color: #070e21;top: -2em; right: -6em;}
	#header .etcs .searchbx>.s_btn{margin-top: -0.4em;}
	#header .etcs .searchbx>.s_btn.on{position: relative;z-index: 1;margin-top: -0.3em;margin-left: 1em;}
	#header .etcs .searchbx .searchs>form>span{width: 90%;border-bottom: none;background-color: rgba(255,255,255,.2);border-radius: 2em;}
	#header .etcs .searchbx .searchs>span>input[type="text"]{height:32px; line-height:32px; font-size:14px;}
	#header .etcs .searchbx .searchs>span>input[type="submit"]{width:32px; height:32px;}
	#header .etcs .searchbx .searchs>form>span>input[type="text"]{color: #fff; font-size: 16px;}
	#header .etcs .searchbx .searchs>form>span>input::-webkit-input-placeholder{color:#f2f2f2;}
	#header .etcs .searchbx .searchs>form>span>input[type="submit"]{background-image: url(../../images/eng/layout/icon_search_submit_02.svg);}

	#header .map_dwn{bottom:-30px; height:37px; line-height:37px; padding:0 20px;}
	#header .map_dwn>span{padding-right:17px; font-size:13px;}
	#header .map_dwn>span:after{width:11px;}

	/*모바일메뉴*/
	#header .etcs,
	#rwd_header .gnb_btn{top:21px;}
}

/* //////////////////////////////////////////////////////////////////////////////

	#sub header

////////////////////////////////////////////////////////////////////////////// */

#sub #header #gnbwrap #animate {background-color:rgba(255,255,255,0.8);}
#sub #header #gnb #tm li.th1>a{color:#121212;}
#sub #header h1 a { width: 11em; background: url(../../images/eng/layout/logo_c.svg) no-repeat;background-position:center;}
#sub #header .etcs .searchbx>.s_btn {background-image: url(../../images/eng/layout/icon_search_btn.svg);}
#sub #header .etcs .searchbx>.s_btn.on {
    background-image: url(../../images/eng/layout/close_btn.svg);
	background-size: auto;
}
#sub #header .etcs .sitemaps {background: url(../../images/eng/layout/icon_sitemap.svg) no-repeat;height: 20px;}

#sub #header .global .layout>ul>.langbx .langbx_list {top:calc(100% + 1.1em)}

@media (max-width: 1350px){
	#sub  #header h1 {top: 0.5em;}
	#sub  #header h1 a {
		width: 132px;
		max-width: 100%;
		height: 35px;
		padding-top: 0;
		padding-left: 92px;
		background-color: transparent;
		background-image: url(../../images/eng/layout/logo_w.svg);
		background-repeat: no-repeat;
		background-size: contain;
		display:block;
		}

	#sub #header .etcs .searchbx>.s_btn {
		width: 25px;
		height: 25px;
		background-image: url(../../images/eng/layout/m_icon_search_btn.svg);
	}

	#sub #header .etcs .searchbx>.s_btn.on {
		background-image: url(../../images/eng/layout/ico_closer.svg);
		background-color: transparent;
		background-size: 35px;
	}

	#sub #header .etcs .sitemaps {
		background: url(../../images/eng/layout/m_icon_sitemap.svg) no-repeat 0 5px;
		height: 30px;
	}
}

@media (max-width: 1350px){
	#rwd_header .gnb_btn{top: 1.8em;}
}

/* //////////////////////////////////////////////////////////////////////////////

	Container

////////////////////////////////////////////////////////////////////////////// */
.user#sub #container{position:relative;}

body#sub #visual{overflow:hidden; width:100%; height:22em;}
body#sub #visual>.in{position:relative; width:100%; height:100%; padding:6em 0; text-align:center; color:#fff; box-sizing:border-box;}
body#sub #visual>.in:before{content:""; position:absolute; top:0; left:0; z-index:0; width:100%; height:100%; background-repeat:no-repeat; background-position:center; background-size:cover;}
body#sub #visual>.in:before{
    animation-name:visual_on; animation-duration:3s; animation-timing-function:linear;
}
@keyframes visual_on{
    0%{transform:scale(1.2);}
    100%{transform:scale(1);}
}
body#sub #visual[data-bg="1"]>.in:before{background-image:url(../../images/eng/layout/sub_visual_01.png);}
body#sub #visual[data-bg="2"]>.in:before{background-image:url(../../images/eng/layout/sub_visual_02.jpg);}
body#sub #visual[data-bg="3"]>.in:before{background-image:url(../../images/eng/layout/sub_visual_03.jpg);}
body#sub #visual[data-bg="4"]>.in:before{background-image:url(../../images/eng/layout/sub_visual_04.jpg);}
body#sub #visual[data-bg="5"]>.in:before{background-image:url(../../images/eng/layout/sub_visual_05.jpg);}
body#sub #visual[data-bg="6"]>.in:before{background-image:url(../../images/eng/layout/sub_visual_06.jpg);}

.user#sub #visual>.in>strong{display:block; position: relative; font-family:'Montserrat'; font-size: 3.2em; font-weight: 600; line-height:1.4; color:#fff;}
.user#sub #visual>.in>strong::after{content: '';position: absolute;background-image: url(../../images/eng/layout/sub_visual_symbol.svg); background-repeat: no-repeat;width: 19px;height: 19px;bottom: 100%;left: 0;right: 0;margin: 0 auto;}
.user#sub #visual .location{line-height:4em; margin-top:2em;}
.user#sub #visual .location > span,
.user#sub #visual .location > strong{display:inline-block; position:relative; vertical-align:middle; font-size:1.6em; color:#fff;}
.user#sub #visual .location > strong{text-decoration:underline; font-weight:500; color:#fff;}
.user#sub #visual .location > span i,
.user#sub #visual .location > strong i{opacity:0; position:absolute;}
.user#sub #visual .location > span:nth-child(1){
	position:relative; width:2.4em; height:2.4em; font-size:1em; background-repeat:no-repeat; background-position:0 -16.8em; background-size:100em auto;
	background-image:url(../../images/eng/layout/layout.svg);
}
.user#sub #visual .location > span:nth-child(1)>a{overflow:hidden; display:block; width:100%; height:100%; text-align:left; text-indent:-1000px;}
.user#sub #visual .location > span:not(:nth-child(1)),
.user#sub #visual .location > strong:not(:nth-child(1)){
	padding-left:1.7142em;
}
.user#sub #visual .location > span:not(:nth-child(1)):before,
.user#sub #visual .location > strong:not(:nth-child(1)):before{
	content:""; overflow:hidden; position:absolute; left:0; top:50%; width:2.4em; height:2.4em; text-indent:-1000px; font-size:0.625em; background-repeat:no-repeat; background-position:-2.4em -16.8em; background-size:100em auto;
	background-image:url(../../images/eng/layout/layout.svg);
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
}
.user#sub #visual .location > span > a,
.user#sub #visual .location > strong > a{color:inherit;}

.user#sub #container #remote{position:absolute; top:-7.6em; left:2em; z-index:1; width:28.7em;}
.user#sub #container #remote h2{
	display:table; table-layout:fixed; width:100%; height:15.7em; font-size:1em; background-color:#202E53;
	-webkit-border-radius:2em 0 2em 0;border-radius: 2em 0px;position: relative;}
.user#sub #container #remote h2::after{content: "";position: absolute;background: linear-gradient(to right, rgba(20, 20, 20, 0) 30%, rgba(20, 20, 20, 0.25) 50%, rgba(20, 20, 20, 0.65) 75%, rgba(20, 20, 20, 1) 100%), url(../../images/eng/main/sec01_icon01.svg);width: 18em;height: 3.5em;background-size: 20em;bottom: 1em;background-repeat: repeat-x; right: 0;opacity: 0.08;}	
.user#sub #container #remote h2>span{display:table-cell; width:100%; text-align:center; vertical-align:middle; font-family: 'NotoSansCJKkr'; font-weight:500; font-size:2.4em; color:#fff;}
.user#sub #container #remote #lnb ul{width:100%;}
.user#sub #container #remote #lnb ul li a{position:relative; display:block;}
.user#sub #container #remote #lnb ul li a:after{content:""; position:absolute;}

.user#sub #container #remote #lnb>ul>li>a{padding:1.5em 6em 1.5em 2em; text-decoration:none; color:#333;}
.user#sub #container #remote #lnb>ul>li>a:before{content:""; display:block; position:absolute; left:0; bottom:0; width:100%; height:1px; background-color:#C5C9D6;}
.user#sub #container #remote #lnb>ul>li>a.ov{color:#1074E4;}
/* .user#sub #container #remote #lnb>ul>li>a.ov:before{height:3px; background-color:#1074E4;} */
.user#sub #container #remote #lnb>ul>li>a>span{font-size:1.8em; position: relative;}
.user#sub #container #remote #lnb>ul>li>a>span::after{content: ""; position: absolute; height: 1px; width: 100%; top: 100%; left: 0; background-color: #1074E4; opacity: 0; transition:all 0.3s ease; -webkit-transition:all 0.3s ease;}
.user#sub #container #remote #lnb>ul>li>a:hover>span {color:#1074E4;}
.user#sub #container #remote #lnb>ul>li>a:hover>span::after,
.user#sub #container #remote #lnb>ul>li>a.ov>span::after{opacity: 1;}
.user#sub #container #remote #lnb>ul>li>a:after{
	top:0;bottom: 0; right:2em; width:1.4em; margin: auto 0; height:1.4em; background:url(../../images/eng/layout/remote_icon_arrow.svg) no-repeat center;
	transform:rotate(0deg); -webkit-transform:rotate(0deg);
	transition:all 0.3s ease; -webkit-transition:all 0.3s ease;
}
.user#sub #container #remote #lnb>ul>li>a.ov:after{background:url(../../images/eng/layout/remote_icon_arrow_ov.svg) no-repeat center;}
.user#sub #container #remote #lnb ul li a:not(.child)[target="_blank"]:after{top:2em; width:1.6em; height:1.6em; background:url(../..//images/eng/layout/lnb_blank.svg) no-repeat center;}
.user#sub #container #remote #lnb>ul>li>ul>li>a:not(.child)[target="_blank"]:after{top:0.4em;}
.user#sub #container #remote #lnb ul li a.child.ov:after{transform:rotate(90deg); -webkit-transform:rotate(90deg);}


.user#sub #container #remote #lnb ul li ul{display:none; padding:1.6em 0; background-color:#F4F5F9; box-sizing:border-box;}
.user#sub #container #remote #lnb ul li ul li:not(:first-child){margin-top:1.5em;}
.user#sub #container #remote #lnb ul li ul li a{padding-left:3em;padding-right: 2em; color:#333;}
.user#sub #container #remote #lnb ul li ul li a.ov{color:#2B4381;}
/* .user#sub #container #remote #lnb ul li ul li a:after{
	top:0.2em; width:1.6em; height:1.6em; background:url(../../images/eng/layout/remote_icon_arrow2.svg) no-repeat center;
} */
.user#sub #container #remote #lnb ul li ul li a{text-decoration: none;position: relative;}
.user#sub #container #remote #lnb ul li ul li a::after{content: "";position: absolute;display: block;width: 4px;height: 4px;top:1.2em;bottom:0; left: 2em;background-color: #C4C4C4;}
.user#sub #container #remote #lnb ul li ul li a:hover:after,
.user#sub #container #remote #lnb ul li ul li a.ov:after{background-color: #1074E4;}
.user#sub #container #remote #lnb ul li ul li a>span{font-size:1.6em;color: #333;}
.user#sub #container #remote #lnb ul li ul li a:hover>span,
.user#sub #container #remote #lnb ul li ul li a.ov>span{color:#1074E4;}


.user#sub #container #content{padding:0 0 0 36.7em; box-sizing:border-box;}

#path{position:relative; border-bottom:2px solid #151313;}
#path h3{line-height:1.2; padding:4.3em 0 3em; font-size:1em;}
#path h3>span{font-family:'Montserrat'; font-size:3.2em; font-weight:600; color:#121212;}

#navi{position:absolute; right:0; bottom:2.7em; text-align:right;}
#navi:after{content:""; display:block; clear:both;}
#navi > .sns,
#navi > .print{display:block; float:left;}
#navi > .sns,
#navi > .print{position:relative; width:4em; height:4em; margin-left:1em;}
#navi > .sns > a,
#navi > .print > a{
	display:block; position:absolute; right:0; top:0; z-index:100; width:100%; height:100%; border:1px solid #C2C2C2;
	-webkit-border-radius:0.8em;
	border-radius:0.8em;
	-webkit-transition:border-color 0.2s linear;
	transition:border-color 0.2s linear;
}
#navi > .sns > a:before,
#navi > .print > a:before{content:""; display:block; position:absolute; left:0; top:0; width:100%; height:100%; background-repeat:no-repeat; background-position:center center;}
#navi > .sns > a.open{z-index:0;}
#navi > .sns > a.open:before{background-image: url(../../images/eng/layout/sns.svg);}
#navi > .sns > a.close{display:none; left:calc(50% - 1em); top:calc(50% - 0.8em); z-index:600; width:1.8em; height:1.8em; border:none;}
#navi > .sns > a.close:before{
	background-image: url(../../images/eng/layout/close_btn.svg);	
	-webkit-transition:transform 0.3s ease;
	transition:transform 0.3s ease;
}
#navi > .print > a:before{background-image: url(../../images/eng/layout/print.svg);}
#navi > .sns > a span,
#navi > .print > a span{opacity:0; position:absolute;}
#navi > .sns > a:hover,
#navi > .print > a:hover{border-color:#888;}
#navi > .sns > a.close:hover:before{
	-webkit-transform:rotate(180deg);
	transform:rotate(180deg);
}
#navi > .sns > ul{
	white-space:nowrap; display:none; position:absolute; right: 0; top:0; z-index:500; padding:0.8em 4em 0.8em 0.5em; border:1px solid #CBCBCB; background-color:#fff;
	-webkit-border-radius:0.8em;
	border-radius:0.8em;
	-webkit-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1);
	box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1);
}
#navi > .sns > ul>li{display:inline-block; vertical-align:top;position: relative;padding: 0 0.5em;}
#navi > .sns > ul>li::after{content: "";position: absolute;display: block; width: 1px;height: 70%; top: 0;bottom: 0;margin: auto 0;left: 100%;background-color: #E8E8E8;}
#navi > .sns > ul>li:nth-child(n+2):after{display: none;}
#navi > .sns > ul>li>a{display:block;}

#navi > .sns > ul>li>a:after{content:""; display:block; width:2.4em; height:2.4em; background-image:url(../../images/eng/layout/facebook.svg); background-repeat:no-repeat; background-position:center center;}
#navi > .sns > ul>li>a.f:after{ background-image:url(../../images/eng/layout/facebook.svg);}
#navi > .sns > ul>li>a.t:after{background-image: url(../../images/eng/layout/twiter.svg);}


#navi > .sns > ul>li>a>span{display:block; text-align:center; font-size:1.2em; color:#555;}


#navi > .sns[data-open="on"] > a.open{display:none;}
#navi > .sns[data-open="on"] > a.close,
#navi > .sns[data-open="on"] > ul{display:block;}

#txt{min-height:34em; line-height:1.6; font-size: 1.6em; padding-bottom:7.5em; margin-top:2.875em; letter-spacing:-0.3px; color:#333;word-break: keep-all;}
#txt img{max-width:100%;}

@media (max-width: 1350px){
	body#sub #visual{height: 28em;margin-top: -6em;}
	body#sub #visual>.in{padding-top: 12em;}
}


@media screen and (max-width:1300px){
	#path{padding-top:0;}
	#navi{width:100%; text-align:right;}
	#navi > .location{position:absolute; right:0; bottom:4.5em; width:100%; margin-right:0;}
	#navi > .sns,
	#navi > .print{float:none; display:inline-block;}
}
@media screen and (max-width:1290px){
	
	.user#sub #visual>.in>strong{font-size:3.8em;}
	#path{padding-top:2em;}
	#path h3{padding-top:0;}
	#path h3>span{font-size:3em;}

	.user#sub #container{margin-top:2em;}
	.user#sub #container>.layout:before, 
	.user#sub #container>.layout:after{display:none;}
	.user#sub #container #remote{display:none;}
	.user#sub #container #content{padding-left:0; padding-bottom:7em;}

	#path{border-width:2px;}

	#txt{min-height:30em;}
}
@media screen and (max-width:1024px){
	#path h3{padding-right:10em;}
	#navi{bottom:calc(100% - 6.6em);}
}

@media screen and (max-width:640px){
	#navi > .print{display:none;}
	body#sub #visual{height: 22em;margin-top: 0;}
	body#sub #visual>.in{padding-top: 5em;}
	.user#sub #visual>.in>span{font-size:1.6em;}
	.user#sub #visual>.in>strong{font-size:3em;top: 1.5em;}
	.user#sub #visual>.in>strong::after{margin: 0 auto 8px;}
	.user#sub #visual .location{display:none;}
	.user#sub #container{margin-top:0;}
	.user#sub #container #content{padding:2em 0;}

	#path{padding-top:0;}
	#path h3{padding-bottom:2em;padding-right: 4.5em;}
	#path h3>span{font-size:2.4em;}

	#navi{bottom:calc(100% - 3.2em);}
	#navi>.sns {width:3.2em;height:3.2em;}
	#navi > .sns > a:before{background-size: contain;}
	#navi > .sns > ul{padding: 0.5em 4em 0.8em 0.5em;}
	#navi > .sns > a.close{top: calc(50% - 1.2em); left: calc(50% - 1.2em);bottom: 0; width:1.6em;height: 1.6em;margin: auto 0;}


	#txt{font-size: 1.4em;min-height:20em;margin-top: 1.5em;}
}

@media screen and (max-width:600px){
	/* #navi > .print{display:none;}
	.user#sub #visual>.in>span{font-size:1.6em;}
	.user#sub #visual>.in>strong{font-size:3em;top: 2em;}
	.user#sub #visual .location{display:none;}
	.user#sub #container{margin-top:0;}
	.user#sub #container #content{padding:3em 0;}

	#path{padding-top:0;}
	#path h3{padding-bottom:1.5em;}
	#path h3>span{font-size:3em;}
	#navi{bottom:calc(100% - 4.3em);}

	#txt{} */
}
@media screen and (max-width:400px){
	body#sub #visual>.in{padding-top: 8em;}
	.user#sub #visual>.in>span{font-size:1.4em;}
	.user#sub #visual>.in>strong{font-size:2.4em;}
}
/* lnb */
#container .al_box #lnb{
	position:absolute; top:0; left:20px; width:281px; font-family:'NotoSansCJKkr';
	transition:all 0.2s ease; -webkit-transition:all 0.2s ease;
}
#container .al_box #lnb a{text-decoration:none;}
#container .al_box #lnb>nav>ul{width:100%;}
#container .al_box #lnb>nav>ul>li{border-bottom:1px solid #e0e0e0;}
#container .al_box #lnb>nav>ul>li>a{
	position:relative; display:block; padding:14px 20px; background-color:#fff; font-size:17px; color:#171717;
	transition:all 0.3s ease; -webkit-transition:all 0.3s ease;
}
#container .al_box #lnb>nav>ul>li>a.ov,
#container .al_box #lnb>nav>ul>li>a:active,
#container .al_box #lnb>nav>ul>li>a:focus{background-color:#232323; color:#fff;}
/*하위뎁스있을때*/
#container .al_box #lnb>nav>ul>li>a.child{padding:14px 55px 14px 20px; box-sizing:border-box;}
#container .al_box #lnb>nav>ul>li>a.child:after{content:""; position:absolute; top:0; right:0; width:55px; height:55px; background:url(../../images/eng/layout/left_icon_plus.svg) no-repeat 0 0;}
#container .al_box #lnb>nav>ul>li>a.ov.child:after{content:""; position:absolute; top:0; right:0; width:55px; height:55px; background:url(../../images/eng/layout/left_icon_minus.svg) no-repeat 0 0;}

#container .al_box #lnb>nav>ul>li>ul{padding:15px 25px; box-sizing:border-box;}
#container .al_box #lnb>nav>ul>li>ul>li:not(:first-child){margin-top:4px;}
#container .al_box #lnb>nav>ul>li>ul>li>a{position:relative; padding-left:10px; font-size:16px; color:#757575; box-sizing:border-box;}
#container .al_box #lnb>nav>ul>li>ul>li>a:before{content:""; position:absolute; top:10px; left:0; width:5px; height:5px; background-color:#b2b2b2; border-radius:50%;}
#container .al_box #lnb>nav>ul>li>ul>li>a:hover,
#container .al_box #lnb>nav>ul>li>ul>li>a:active,
#container .al_box #lnb>nav>ul>li>ul>li>a:focus,
#container .al_box #lnb>nav>ul>li>ul>li.ov>a{color:#0b4b99;}
#container .al_box #lnb>nav>ul>li>ul>li>a:hover:before,
#container .al_box #lnb>nav>ul>li>ul>li>a:active:before,
#container .al_box #lnb>nav>ul>li>ul>li>a:focus:before,
#container .al_box #lnb>nav>ul>li>ul>li.ov>a:before{background-color:#0b4b99;}

/* contents */
#container .al_box #contents_wrap{
	margin-left:281px; padding-left:52px; padding-bottom:120px; box-sizing:border-box;
	transition:all 0.2s ease; -webkit-transition:all 0.2s ease;
}
#container .al_box #contents_wrap .location{position:relative;}
#container .al_box #contents_wrap .location h3{padding:40px 110px 0 0; font-family:'NotoSansCJKkr'; font-size:33px; font-weight:500; color:#171717; box-sizing:border-box;}

#container .al_box #contents_wrap .location .navi{position:absolute; left:calc(50% - 862px); top:-60px; width:5000px; min-height:60px; background-color:rgba(255,255,255,0.9); border-radius:40px 0 0 0;}
#container .al_box #contents_wrap .location .navi .home{overflow:hidden; display:inline-block; width:61px; height:60px; background:#004599 url(../../images/eng/layout/ico_home.svg) no-repeat center; background-size:35%; text-indent:-2000px; border-radius:30px 0 0 0; vertical-align:middle;}
#container .al_box #contents_wrap .location .navi ul{display:inline-block; width:calc(100% - 66px); line-height:1; padding-left:27px; vertical-align:middle; box-sizing:border-box;}
#container .al_box #contents_wrap .location .navi ul li{position:relative; display:inline-block; font-family:'NotoSansCJKkr'; font-size:15px; vertical-align:middle; box-sizing:border-box;}
#container .al_box #contents_wrap .location .navi ul li:not(:last-child):after{content:""; display:inline-block; width:8px; height:14px; margin:0 7px 0 11px; background:url(../../images/eng/layout/ico_navi_arrow.svg) no-repeat 0 0; vertical-align:middle;}
#container .al_box #contents_wrap .location .snsbx{position:absolute; top:62px; right:0;}
#container .al_box #contents_wrap .location .snsbx li{display:inline-block; margin-left:8px; vertical-align:top;}
#container .al_box #contents_wrap .location .snsbx li.pr{position:relative; margin-left:24px;}
#container .al_box #contents_wrap .location .snsbx li.pr:before{content:""; position:absolute; top:calc(50% - 7px); left:-14px; width:1px; height:14px; background-color:#ccc;}
#container .al_box #contents_wrap .location .snsbx li a{overflow:hidden; display:block; width:22px; height:22px; background-repeat:no-repeat; background-position:center; background-size:100% auto; text-indent:-2000px;}
#container .al_box #contents_wrap .location .snsbx li.fb a{background-image:url(../../images/eng/layout/ico_share_fb.svg);}
#container .al_box #contents_wrap .location .snsbx li.tw a{background-image:url(../../images/eng/layout/ico_share_tw.svg);}
#container .al_box #contents_wrap .location .snsbx li.pr a{background-image:url(../../images/eng/layout/ico_print.svg);}
#container .al_box #contents_wrap .location .snsbx li.fb a:hover{background-image:url(../../images/eng/layout/ico_share_fb_ov.svg);}
#container .al_box #contents_wrap .location .snsbx li.tw a:hover{background-image:url(../../images/eng/layout/ico_share_tw_ov.svg);}
#container .al_box #contents{width:100%; margin:22px 0 0 0; font-size:14px;}

@media all and (max-width:1430px){
	/* contents */
	#container .al_box #contents_wrap .location .navi{left:-333px;}
}
@media all and (max-width:1024px){
	/* lnb */
	#container .al_box{min-height:auto;}
	#container .al_box #lnb{left:-281px;}

	/* contents */
	#container .al_box #contents_wrap{padding-bottom:80px;}
	#container .al_box #contents_wrap{margin-left:0; padding-left:0;}
	#container .al_box #contents_wrap .location .navi{position:relative; top:0; left:-20px; width:calc(100% + 40px); min-height:50px; border-top:1px solid rgba(0,0,0,0.12); border-bottom:1px solid rgba(0,0,0,0.12); border-radius:0;}
	#container .al_box #contents_wrap .location .navi .home{width:51px; height:50px; border-radius:0;}
	#container .al_box #contents_wrap .location .navi ul{padding-left:20px; padding-right:20px;}
	#container .al_box #contents_wrap .location .navi ul li{padding:2px ​0; font-size:14px;}
	#container .al_box #contents_wrap .location .navi ul li:not(:last-child):after{height:12px; margin:0 5px 0 11px;}
	#container .al_box #contents_wrap .location .snsbx{top:100px;}
	#container .al_box #contents_wrap .location .snsbx li.pr{display:none;}
	#container .al_box #contents_wrap .location h3{padding:30px 60px 0 0; font-size:30px;}
	#container .al_box #contents{margin:15px 60px 0 0;}
}
@media all and (max-width:640px){
	/* contents */
	#container .al_box #contents_wrap{margin-left:0; padding-left:0; padding-bottom:20px;}
	#container .al_box #contents_wrap .location h3{padding:24px 0 0 0; font-size:25px;}
	#container .al_box #contents_wrap .location .snsbx{top:88px;}
	#container .al_box #contents{margin:12px 0 0 0;}
}

	
	
/***** footer *****/
#footer{padding:6em 0 6em; background:#282828; color:#fff; box-sizing:border-box;word-break: keep-all;}
#footer .ft_btm{display: flex;justify-content: space-between;}
#footer .ft_btm .left_box {font-family: 'NotoSansCJKkr'; font-weight: 300; letter-spacing: 0; font-size: 1.8em;color: rgba(255,255,255,0.6);padding-right: 2em;text-transform: uppercase;}
#footer .ft_btm .left_box a{color: rgba(255,255,255,0.6);}
#footer .ft_btm .left_box .copy {color: rgba(255,255,255,0.6);}
#footer .ft_btm .right_box{display: flex;align-items: center;flex-shrink: 0;}
#footer .ft_btm .right_box .img_box{width: 6.5em;height: 6.5em;border-radius: 50%;background-color: rgba(255,255,255,.05);padding: 1.2em;box-sizing: border-box;margin-right: 1.5em;flex-shrink: 0;}
#footer .ft_btm .right_box .img_box img{display: block;max-width: 100%;}
#footer .ft_btm .right_box .p_group{font-family: 'Montserrat';}
#footer .ft_btm .right_box .p_group p{text-transform: uppercase; color: rgba(255,255,255,0.8);margin: 0;}
#footer .ft_btm .right_box .p_group p:nth-child(1){font-size: 1.6em;}
#footer .ft_btm .right_box .p_group p:nth-child(2),
#footer .ft_btm .right_box .p_group p:nth-child(2) a{font-size: 24px;font-weight: 600;color: rgba(255,255,255,0.8);}

@media screen and (max-width:1024px){
	#footer{padding:22px 0 32px;}

}
@media screen and (max-width:640px){
	#footer{font-size: 8px; padding:22px 0 30px;}
	#footer .layout{width: calc(100% - 6em);}
	#footer .ft_btm{flex-wrap: wrap;}
	#footer .ft_btm li{width: 100%;}
	#footer .ft_btm .right_box{order: 1;}
	#footer .ft_btm .left_box{order: 2;margin-top: 1em;}
}
@media screen and (max-width:420px){
	
}


#top_btn{
	overflow:hidden; position:fixed; bottom:45px; right:45px !important; z-index:999; display:none; width:60px; height:65px; background:#3070d1 url(../../images/eng/layout/icon_top_btn.svg) no-repeat center; background-size:20%; border-radius:20px 0 20px 0; text-indent:-2000px;
	transition: all 0.3s ease;
}

@media screen and (max-width:1024px){
	#top_btn{display:none !important;}
}



/*프린트 화면 제어*/
/* @media print {
    body{height:auto !important;}
    #header,
    #footer,
    #slide_map,
    #navi,
    #searchbx,
    #container #remote,
    #txt .share,
    [data-skin="tab"],
    #top_btn{display:none !important;}
    #wrap{padding-top:0 !important;}
    body#sub #container #content{padding:1em 0 !important;}
    #txt{font-size:5px;}
} */