@charset "utf-8";
input[type=text],
textarea{
ime-mode:active;
}
/***** common *****/
html{font-size:10px;overflow-x: hidden;scroll-behavior: smooth;}
body{font-size:1em !important; letter-spacing:-0.03em;overflow-x:hidden;}
#wrap{position:relative; width:100%; height:auto;overflow: hidden;}
.layout{position:relative; max-width:1480px; width: calc(100% - 4em); margin:0 auto;}
.layout_02{max-width:1194px; width: calc(100% - 4em); margin:0 auto;}
.user .layout{max-width: 1440px;}
.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:fixed; width:100%; height:9em;top: 0;box-shadow:0px 4px 20px rgba(0, 0, 0, 0.1);; z-index:101;}
#header a{text-decoration:none;}
#header h1{
position:absolute; left:calc(50% - 38em); top:4px; z-index:2;
transition:all 0.2s ease; -webkit-transition:all 0.2s ease;
}
#header h1 a{
display:block;width: 14em; height: 4em; box-sizing:border-box;background-image: url(../../images/1000y/layout/icon_logo_w.svg); background-repeat: no-repeat; background-position: center;background-size: contain;
transition:all 0.2s ease; -webkit-transition:all 0.2s ease;
}
#header.on h1 a,
#header.chg h1 a{background: url(../../images/1000y/layout/icon_logo_on.svg) no-repeat;background-position: center;background-size: contain;}
/* 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:90px; background-color:rgba(0,0,0,0.5);transition: background-color 0.3s;}
#header #gnb.on #gnbwrap #animate,
#header.chg #gnb #gnbwrap #animate{background-color:rgba(255, 255, 255, 0.95);}
#header #gnb.on #gnbwrap #animate::after {content: "";position: absolute;width: 100%; height: 1px; top: 9em;left: 0%; background-color: #D9D9D9;}
#header #gnb #tm{ position: absolute; width:100%; height:100%; margin:0 auto;left: calc(50% - 42em);}
#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: 20em; height: 9em; 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>a{
position:relative; display:flex;justify-content: center;align-items: center; width: 100%;height: 100%;font-size:2em; color:#fff; font-weight:600; box-sizing:border-box;
transition:all 0.2s ease; -webkit-transition:all 0.2s ease;
}
#header #gnb.on #tm li.th1>a,
#header.chg #gnb #tm li.th1>a{color:#121212;}
#header #gnb #tm li.th1>a:hover{color:#171717;}
#header #gnb #tm li.th1>a:after{
content:"";
position:absolute;
display: block;
width: 0;
height: 3px;
top: 100%;
left: 50%;
background-color:#3565C9;
transform: translateX(-50%);
transition:all 0.3s ease; -webkit-transition:all 0.3s ease;
}
#header #gnb #tm li.th1>a.current:active:after,
#header #gnb #tm li.th1>a.current:after
{width: 3em;}
#header #gnb #tm li.th1>[class*="th1_"]{display:none !important;}
#header #gnb #tm li.th1.no5>ul{padding-left: 3em;}
#header #gnb #tm li.th1 ul.th2{position:absolute; top:9em; width:calc(100% + 3px); height: 39em; padding-left: 4em;box-sizing:border-box; }
#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: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; font-size:1.8em; font-weight: 600;color:#444; word-break: keep-all; }
#header #gnb #tm li.th1 ul.th2>li~li>a{padding-top: 20px;}
#header #gnb #tm li.th1 ul.th2>li>a.on,
#header #gnb #tm li.th1 ul.th2>li>a:hover{color:#3565C9;text-decoration: underline;}
#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.on #gnb #tm li.th1 ul.th2>li>a{display: block;}
#header #gnb #tm li.th1 ul.th2>li>ul.th3{padding-bottom: 2em;}
#header #gnb #tm li.th1 ul.th2>li>ul.th3>li{margin-top: 1em;}
#header #gnb #tm li.th1 ul.th2>li>ul.th3>li>a{font-size: 1.6em;color: #444;font-weight: 500;}
#header #gnb #tm li.th1 ul.th2>li>ul.th3>li>a:hover{color: #0064CA;}
#header #gnb .gnb_sidebox{position: absolute;width: 25em;height: auto;padding-top: 2em; top: 10em;left: calc(50% - 76em);}
#header #gnb .gnb_sidebox>strong{position: relative;display: block; padding-bottom: 0.3em; font-size: 3.2em;font-family: 'Eulyoo1945';color: #222;}
#header #gnb .gnb_sidebox>strong::before{content: ""; position: absolute;width:1.125em;height: 1px;top:100%;background-color: #222;}
#header #gnb .gnb_sidebox>p{font-size: 1.6em;margin-top: 1.5em; color: #666;word-break: keep-all;}
#header #gnb .gnb_sidebox>.vr_video_box{position: relative; display: block;width: 100%;height: 14em;margin-top: 3em; background-image: url(../../images/1000y/main/img_sec_02.png);background-position: center;background-repeat: no-repeat;background-size: cover; border-radius: 24px 8px;box-shadow: 10px 10px 20px rgb(0 0 0 / 20%);}
#header #gnb .gnb_sidebox>.vr_video_box::before{content: "";position: absolute;width: 8.4em;height: 6.4em;margin: auto;top: 0;bottom: 0;left: 0;right: 0;background-image: url(../../images/1000y/main/icon_vr.svg);background-position: center;background-repeat: no-repeat;background-size: contain;}
#header .etcs{position:absolute; top:35px; right: auto; left:calc(50% + 72em); z-index:10;}
#header .etcs>a,
#header .etcs>div{display:inline-block; vertical-align:middle;}
#header .etcs .sitemaps{overflow:hidden; width:30px; height:30px; background:url(../../images/1000y/layout/m_icon_sitemap.svg) no-repeat 0 0; text-indent:-2000px;}
#header.on .etcs .sitemaps,
#header.chg .etcs .sitemaps{background: url(../../images/1000y/layout/m_icon_sitemap_on.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/1000y/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/1000y/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 .gnb_sidebox{left: 3%;}
}
@media all and (max-width:1520px){
#header h1{left: 1em;}
#header #gnb #tm{max-width:none; padding-left: 38em; left: 0; box-sizing:border-box;}
#header #gnb #tm li.th1{padding:0 5%;min-width: auto;}
#header #gnb #tm li.th1 ul.th2,
#header #gnb #tm li.th1.no5>ul{padding-left: 0;}
#header .etcs {right: 2em;left: auto;}
}
@media all and (max-width:1240px) and (min-width:1025px){
#header h1 a{width: 12em;}
#header #gnb #tm{padding-left: 35em;}
#header #gnb #tm li.th1>a{font-size:18px;}
#header #gnb #tm li.th1{padding:0 4%;}
}
@media all and (max-width:1024px){
#header{ height: 8em;background-color: #fff;}
#header #gnb{display:none;}
#header h1{top: 0;}
#header h1 a{background-image: url(../../images/1000y/layout/icon_logo_on.svg);}
#header .etcs{width: 8em; height: 100%; top: 0; right:0;background-color: #0064CA;}
#header .etcs .sitemaps{display:none;}
#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%; }
#rwd_header .gnb_btn{position:absolute; top:2.8em; right:20px; width:30px; height:30px; background:url(../../images/1000y/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:-350px; z-index:10; width:350px; background:#fff;}
.rwd_gnb .link_site{display: flex; align-items: center; height: 8em; padding:1em; background:#0064CA; box-sizing:border-box; text-align: left;padding-left: 2em;}
.rwd_gnb .link_site li{position: relative; display:inline-block;padding:0 1em;}
.rwd_gnb .link_site li::before{content: "";position: absolute;width: 1px;height: 70%;margin: auto 0; right: 100%;top: 0;bottom: 0;background-color: rgba(255, 255, 255, 0.1);}
.rwd_gnb .link_site li:first-child{padding-left: 0;}
.rwd_gnb .link_site li:first-child::before{display: none;}
.rwd_gnb .link_site li a{display:block; text-decoration:none; font-size:16px ;font-weight:500; color:rgba(255, 255, 255, 0.9);letter-spacing: 0;}
.rwd_gnb .depth1>li{}
.rwd_gnb .depth1>li h2 a{position:relative; display:block; height:50px; line-height:50px; padding:0 55px 0 20px; background-color:#F5F6F7; border-top:1px solid #ECECEC; font-size:18px; font-weight:600; text-decoration:none; color:#10223E; box-sizing:border-box;}
.rwd_gnb .depth1>li h2.child a:after{content:""; position:absolute; top:0; right:0; width:14px; height:14px; background:url(../../images/1000y/layout/icon_plus_mo.svg) no-repeat center;top: 0; bottom: 0;right: 1.4em; margin: auto 0; transform: rotate(0);}
.rwd_gnb .depth1>li h2.child a:hover:after{transform: rotate(180deg);}
.rwd_gnb .depth1>li h2.on.child a:after{background:url(../../images/1000y/layout/icon_minus_mo.svg) no-repeat center; width:13px; height:13px; top: 0; bottom: 0;right: 1.5em;margin: auto 0;}
.rwd_gnb .depth1>li h2.on a{background-color:#FFF; color:#0064CA;}
.rwd_gnb .depth2{display:none; padding: 20px 27px; border-top:1px solid #ececec; box-sizing:border-box; background-color: #fff;word-break: keep-all;}
.rwd_gnb .depth2>li{margin-bottom:15px;}
.rwd_gnb .depth2>li h3{position:relative; padding-left:12px; box-sizing:border-box;}
.rwd_gnb .depth2>li h3:before{content: "";display: block;position: absolute;width: 4px;height: 4px;left: 0;margin: auto 0; top: 0;bottom: 0; border-radius: 50%;background-color: #222;}
.rwd_gnb .depth2>li h3.on:before{border-left-color: #004599;}
.rwd_gnb .depth2>li h3 a{display:block; text-decoration:none; font-size:16px; font-weight:500; color:#444;}
.rwd_gnb .depth2>li h3 a:hover,
.rwd_gnb .depth2>li h3.on a{color:#27345a;}
.rwd_gnb .depth3{display: none; padding: 5px; margin-top:10px;background-color: rgba(0, 100, 202, 0.1);border-radius: 8px;}
.rwd_gnb .depth1>li h2.on+ul>li>ul{display: block !important;}
.rwd_gnb .depth3 li a{display:inline-block;padding: 5px 0; text-decoration:none; vertical-align:top; padding-left:2em; font-size:15px; color:#202020;text-indent: -10px;}
.rwd_gnb .mob_close{overflow:hidden; position:absolute; top:0; right:0; width:8em; height:8em; background:url(../../images/1000y/layout/ico_closer.svg) no-repeat center; background-color: #0050a2; background-size: 4em; 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;box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);}
#header h1{left: 10px;}
#header h1 a{width: 10em;height: 3em;}
#header h1 a span{font-size:20px;}
#rwd_header .rwd_gnb{width: 100%;right: -100%;}
#rwd_header .gnb_btn.hide {visibility: hidden;}
#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{width: 6em; top:0;}
#rwd_header .gnb_btn {top:2em;right: 10px;}
.rwd_gnb .link_site{height: 58px;}
.rwd_gnb .mob_close{width: 58px;height: 58px;}
}
/* //////////////////////////////////////////////////////////////////////////////
#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/1000y/layout/logo_c.svg) no-repeat;background-position:center;}
#sub #header .etcs .searchbx>.s_btn {background-image: url(../../images/1000y/layout/icon_search_btn.svg);width: 30px;}
#sub #header .etcs .searchbx>.s_btn.on {
background-image: url(../../images/1000y/layout/close_btn.svg);
background-size: auto;
}
#sub #header .etcs .sitemaps {background: url(../../images/1000y/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/1000y/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/1000y/layout/m_icon_search_btn.svg);
}
#sub #header .etcs .searchbx>.s_btn.on {
background-image: url(../../images/1000y/layout/ico_closer.svg);
background-color: transparent;
background-size: 35px;
}
#sub #header .etcs .sitemaps {
background: url(../../images/1000y/layout/m_icon_sitemap.svg) no-repeat 0 5px;
height: 30px;
}
} */
/* //////////////////////////////////////////////////////////////////////////////
Container
////////////////////////////////////////////////////////////////////////////// */
.user#sub #container{position:relative;}
/* sub visual */
body#sub #visual{overflow:hidden; width:100%; height:32.6em;}
body#sub #visual>.in{position:relative; width:100%; height:100%; padding:15em 0 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/1000y/layout/sub_visual_01.png);}
body#sub #visual[data-bg="2"]>.in:before{background-image:url(../../images/1000y/layout/sub_visual_02.png);}
body#sub #visual[data-bg="3"]>.in:before{background-image:url(../../images/1000y/layout/sub_visual_03.png);}
body#sub #visual[data-bg="4"]>.in:before{background-image:url(../../images/1000y/layout/sub_visual_04.png);}
body#sub #visual[data-bg="5"]>.in:before{background-image:url(../../images/1000y/layout/sub_visual_05.png);}
body#sub #visual[data-bg="6"]>.in:before{background-image:url(../../images/1000y/layout/sub_visual_06.png);}
.user#sub #visual>.in>.visual_titlebox{position: relative; max-width:1440px; width: calc(100% - 4em); margin:0 auto;text-align: right;z-index: 1;}
.user#sub #visual>.in>.visual_titlebox>p{display: block;margin:0; font-size: 1.8em;font-weight: 500;color: #fff;}
.user#sub #visual>.in>.visual_titlebox>strong{position: relative; display: inline-block;font-size: 5em;font-weight: 600;font-family: 'Eulyoo1945'; color: #fff;transition: all .3s;}
.user#sub #visual>.in>.visual_titlebox>strong::before{content: "";position: absolute;display: block;width: 0.6em;height: 2px;margin: auto 0; top: 0;bottom: 0;right: calc(100% + 20px);background-color: #fff;z-index: 1;}
@media (max-width: 1024px){
body#sub #visual{height: 28em;}
body#sub #visual>.in{padding: 13em 0 0;}
.user#sub #visual>.in>.visual_titlebox>p{font-size: 16px;}
.user#sub #visual>.in>.visual_titlebox>strong{font-size: 4em;}
}
@media (max-width: 640px){
body#sub #visual{height: 20em;}
body#sub #visual>.in{padding-top: 9em;}
.user#sub #visual>.in>.visual_titlebox>p{font-size: 14px;}
.user#sub #visual>.in>.visual_titlebox>strong{font-size: 2.8em;}
}
/* sub LNB */
.user#sub #container #remote{position:absolute; width:24.5em;top:-7.85em; left:0; z-index:1; }
.user#sub #container #remote h2{position: relative; display:table; table-layout:fixed; width:100%; height:15.7em;font-size: 1em; -webkit-border-radius:2.4em 0;border-radius: 2.4em 0;overflow: hidden;}
.user#sub #container #remote h2::after{content: "";position: absolute;display: block;width: 100%;height: 100%; top: 0;left: 0; background-image: url(../../images/1000y/layout/img_lnb_title_bg.png);background-repeat: no-repeat;background-position: center;background-size: cover;z-index: -1;}
.user#sub #container #remote h2>span{display:table-cell; width:100%; text-align:center; vertical-align:middle; font-weight:700; font-size:3.2em; 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{margin-top: 2em;}
.user#sub #container #remote #lnb>ul>li>a{padding:2em 6em 2em 2em; text-decoration:none;}
.user#sub #container #remote #lnb>ul>li>a:before{content:""; display:block; position:absolute; left:0; bottom:0; width:100%; height:1px; background-color:#EAEAEA;}
.user#sub #container #remote #lnb>ul>li>a.ov{background-color: #4D5561;}
.user#sub #container #remote #lnb>ul>li>a>span{position: relative;font-size:2em; font-weight: 600;color: #444;}
.user#sub #container #remote #lnb>ul>li>a.ov>span{color: #fff;}
.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/1000y/layout/icon_arrow_right_lnb.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/1000y/layout/icon_arrow_right_lnb_on.svg) no-repeat center;}
.user#sub #container #remote #lnb>ul>li>a[target="_blank"]:after{width: 1.6em; height: 1.6em; background: url(../../images/1000y/layout/icon_lnb_blank.svg) no-repeat center center; background-size: 100% auto;}
/* .user#sub #container #remote #lnb ul li a:not(.child)[target="_blank"]:after{top:2em; width:1.6em; height:1.6em; background:url(../..//images/1000y/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 2em; background-color:#F7F8FA; box-sizing:border-box;}
.user#sub #container #remote #lnb ul li ul li:not(:first-child){margin-top:1em;}
.user#sub #container #remote #lnb ul li ul li a{position: relative;padding-left:1.2em;padding-right: 2em;text-decoration: inherit;}
.user#sub #container #remote #lnb ul li ul li a::after{content: "";position: absolute;display: block;width: 6px;height: 6px;top:1em;left: 0;border-radius: 50%; background-color: #C3C3C3;}
.user#sub #container #remote #lnb ul li ul li a>span{font-size:1.6em;color: #444;font-weight: 500;}
.user#sub #container #remote #lnb ul li ul li a.ov>span{color:#0064CA;}
.user#sub #container #remote .inform_box{margin-top: 5em;padding: 2.4em;border: 1px solid #D6D6D6;box-sizing: border-box;}
.user#sub #container #remote .inform_box>strong{display: block;padding-left: 1.2em;font-size: 1.9em;color: #222;font-weight: 600;background-image: url(../../images/1000y/layout/icon_clock.svg);background-repeat: no-repeat;background-position: left center;background-size: 1em;}
.user#sub #container #remote .inform_box>p{margin: 3px 0; font-size: 1.8em;color: #222;}
.user#sub #container #remote .inform_box>p>em{padding-left: 0.3em; font-style: inherit;color: #0064CA;font-weight: 700;}
.user#sub #container #remote .inform_box>span{display: block;font-size: 1.5em;color: #444;}
/* sub content */
.user#sub #container #content{padding:0 0 0 31.5em; box-sizing:border-box;}
#path{position:relative; border-bottom:2px solid #E5E5E5;}
#path h3{line-height:1.2; padding:4.1em 0 3em; font-size:1em;}
#path h3>span{font-size:3.8em; font-weight:700; color:#222;}
#navi{position:absolute; display: flex; align-items: center; justify-content: flex-end; right:0; bottom:2.7em; text-align:right;}
#navi:after{content:""; display:block; clear:both;}
#navi .location{margin-right: 2em;}
#navi .location > span,
#navi .location > strong{display:inline-block; position:relative; vertical-align:middle; font-size:1.6em; color:#222;}
#navi .location > span:nth-child(1){
position:relative; width:2em; height:2em; font-size:1em; background-repeat:no-repeat; background-position:center; background-size:contain;
background-image:url(../../images/1000y/layout/icon_location_home.svg);
}
#navi .location > span:nth-child(1)>a{overflow:hidden; display:block; width:100%; height:100%; text-align:left; text-indent:-1000px;}
#navi .location > span:not(:nth-child(1)){margin-left:1.7142em;}
#navi .location > span:not(:nth-child(1)):before{
content:""; overflow:hidden; position:absolute; width:10px; height:10px;margin: auto 0;top:0;bottom: 0; right: calc(100% + 10px);text-indent:-1000px; background-repeat:no-repeat; background-position:center; background-size:contain;
background-image:url(../../images/1000y/layout/icon_arrow_location.svg);
}
#navi .location > span > a,
#navi .location > strong > a{color:inherit;}
#navi .location > span > a.ov{color: #0064CA;text-decoration: underline;}
#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 #ECECEC;
-webkit-border-radius:50%;
border-radius:50%;
-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/1000y/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/1000y/layout/close_btn.svg);
-webkit-transition:transform 0.3s ease;
transition:transform 0.3s ease;
}
#navi > .print > a:before{background-image: url(../../images/1000y/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 #ececec; background-color:#fff;
-webkit-border-radius:500px;
border-radius:500px;
}
#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/1000y/layout/facebook.svg); background-repeat:no-repeat; background-position:center center;}
#navi > .sns > ul>li>a.f:after{ background-image:url(../../images/1000y/layout/facebook.svg);}
#navi > .sns > ul>li>a.t:after{background-image: url(../../images/1000y/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.5; font-size: 1.6em; padding-bottom:7.5em; margin-top:2.875em; letter-spacing:-0.3px; color:#333;word-break: keep-all;}
#txt p{margin: 0;font-size: 1.125em;font-weight: 400;color: #444;}
#txt img{max-width:100%;}
@media screen and (max-width:1300px){
#path{padding-top:0;}
#navi{width:100%; text-align:right;}
#navi > .location{position:absolute;width:100%; margin-right:0;top:calc(100% + 4em); bottom:auto; right:auto; left: 0;text-align: left;}
#navi > .sns,
#navi > .print{float:none; display:inline-block;}
}
@media screen and (max-width:1290px){
#path{padding-top:2em;border-width:2px;}
#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;*/}
#txt{min-height:30em;}
}
@media screen and (max-width:1024px){
#path h3{padding-right:10em;}
#navi{bottom:calc(100% - 6.6em);}
#navi > .location{top: calc(100% + 3em);}
}
@media screen and (max-width:640px){
#navi > .print{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 .location > span:nth-child(1){width: 16px;height: 16px;}
#navi .location > span:not(:nth-child(1)){margin-left: 18px;}
#navi .location > span:not(:nth-child(1)):before{right: calc(100% + 5px);}
#navi>.sns {width:3.2em;height:3.2em;}
#navi > .sns > a:before{background-size: contain;}
#navi > .sns > ul{top: calc(100% + 1em); padding: 0.5em 4em 0.5em 0.5em;}
#navi > .sns[data-open="on"] > a.open{display:inline-block;}
#navi > .sns > a.close{top: calc(100% + 2em); left: calc(50% - 1.5em);bottom: auto; width:1.6em;height: 1.6em;margin: auto 0;}
#txt{font-size: 1.4em;min-height:20em;margin-top: 4.5em; padding-bottom: 2.5em;}
}
/***** footer *****/
#footer{padding:4em 0 5em; background:#000; color:#fff; box-sizing:border-box;word-break: keep-all;}
#footer .ft_top{display: flex;justify-content: space-between;flex-wrap: wrap;}
#footer .ft_top>ul{display: flex;}
#footer .ft_top>ul.item_01{margin-right: 2em;}
#footer .ft_top>ul>li{position: relative;flex-shrink: 0;}
#footer .ft_top>ul>li:not(:first-child)::before{content: "";position: absolute;width: 1px;height: 14px;margin: auto 0;top: 0;bottom: 0;right: calc(100% + 1em);background-color:rgba(255, 255, 255, 0.1);}
#footer .ft_top>ul>li~li{margin-left: 3em;}
#footer .ft_top>ul>li>a{display: block;font-size: 1.6em;font-weight: 500;color: #ccc}
#footer .ft_top>ul>li.private>a{color: #fff;}
#footer .ft_btm{display: flex;margin-top: 4em;}
#footer .ft_btm .left_box {margin-right: 2.5em;}
#footer .ft_btm .right_box{line-height: 1.8;}
#footer .ft_btm .right_box>p{font-size: 1.6em;color:#b2b2b2;}
#footer .ft_btm .right_box>address{font-size: 1.6em;color:#b2b2b2;}
#footer .ft_btm .right_box>address>em{margin-left: 10px; font-style: normal;font-weight: 600;}
#footer .ft_btm .right_box>address>a{color:#b2b2b2;}
@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% - 4em);}
#footer .ft_top>ul.item_01{padding-right: 0;}
#footer .ft_top>ul.item_02{display: none;}
#footer .ft_top>ul>li{margin-right: 2em;margin-left: 0 !important;}
#footer .ft_top>ul>li>a{font-size: 14px;}
#footer .ft_btm{flex-wrap: wrap;margin-top: 2em;}
#footer .ft_btm li{width: 100%;}
#footer .ft_btm .left_box{display: none;}
}
@media screen and (max-width:420px){
#footer .ft_top>ul>li>a{font-size: 12px;}
}
@media screen and (max-width:350px){
#footer .ft_top>ul>li>a{font-size: 10px;}
}
/*top_btn*/
#top_btn{
overflow:hidden; position:absolute;display:none;width:7.8em; height:7.8em;bottom:45px; right:45px !important; border-radius: 50%; z-index:999; background: url(../../images/1000y/layout/icon_arrow_top.svg) rgba(255, 255, 255, 0.2) no-repeat center; text-indent:-2000px;
transition: all 0.3s ease;
}
#top_btn:hover{
background-color: rgba(0, 0, 0, 0.8);
}
@media screen and (max-width:1024px){
#top_btn{right: 18px !important; bottom: 2.5em; font-size: 0.7em; background-size: 35% auto;}
}
@media screen and (max-width:640px){
#top_btn{right: 18px !important; bottom: 3em; font-size: 0.5em;}
}
/*프린트 화면 제어*/
/* @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;}
} */
/*스크롤 작업*/
[data-scroll="custom"]{}
[data-scroll="custom"]::-webkit-scrollbar {
height: 8px;
}
[data-scroll="custom"]::-webkit-scrollbar-thumb {
background-color: #c7c7c7;
border-radius: 10px;
border: 6px solid transparent;
}
[data-scroll="custom"]::-webkit-scrollbar-track {
background-color: #DBDBDB;
border-radius: 10px;
}