@charset "utf-8";

/* Animation */
.user .layout,
.user #wrap,
.user #slide_map .inner .binds .toputil .join li.language a span:after,
.user #slide_map .inner .binds .toputil .join li.language ul li a,
.user #slide_map .inner .binds ul li a,
.user #slide_map .inner .binds ul li a:after,
.user #slide_map .inner .binds ul li a:before,
.user #header,
.user #header:after,
.user #header h1,
.user #header h1 a,
.user #header h1 a img,
.user #header .toputil,
.user #header .toputil .inner a span,
.user #header #gnb:after,
.user #header #gnb ul li,
.user #header #gnb ul li a span:before,
.user #header #gnb ul li ul,
.user #header #gnb ul li ul li a:after,
.user #header #gnb ul li a span,
.user #header #gnb .bar em,
.user #header #gnb .bar em:after,
.user #header .toputil a,
.user #footer,
.user #footer:after,
.user #footer .menu_link,
.user #footer .menu_link li,
.user #footer .menu_link li a,
.user #footer .site_box,
.user #footer .relate_site,
.user #footer .relate_site a,
.user #footer .relate_site a:after,
.user #footer address,
.user #footer p,
.user #footer .footer_logo,
#sub.user #visual,
#sub.user #visual h2.title,
#sub.user #container #remote,
#sub.user #container #remote #lnb ul li a,
#sub.user #container #remote #lnb ul li a:after,
#sub.user #container #content,
#txt h3.title,
#sub.user #container #remote #lnb ul li a:before
{
	transition : all 0.3s ease;
    -webkit-transition : all 0.3s ease;
}


/* layout */
.clearfix {content:""; display:block; clear:both;}
body{position:relative; width:100%;}
body.fixed {position:fixed;}
.js_mobile_check{display:none;}
.user #wrap {position:relative; overflow:hidden; padding-top:110px;}
.user .layout {position:relative; max-width:1200px; margin:0 auto; box-sizing:border-box;}
.user .layout:after {content:""; display:block; clear:both;}
.user .top_btn {display:none; width:40px; height:40px; box-sizing:border-box; -webkit-box-sizing:border-box; padding-top:18px; line-height:1.6; opacity:0.9; -webkit-opacity:0.9; font-size:14px; text-decoration:none; background:#fff url(/images/web/layout/top_arrow1.png) no-repeat center 6px; font-size:11px; overflow:hidden; text-align:center; overflow:hidden; position:fixed; border-radius:10px; -webkit-border-radius:10px; right:2%; bottom:30px; z-index:101; color:#333; box-shadow:1px 1px 5px rgba(0,0,0,0.2); -webkit-box-shadow:1px 1px 5px rgba(0,0,0,0.2);}

/* header */
.user #slide_map {display:none; height:100%; width:100%; left:0; top:0; position:fixed; z-index:990; box-sizing:border-box;}
.user #slide_map .inner .btn_close {position:absolute; right:2%; top:57px; width:30px; height:30px; background:#000 url(/images/web/layout/search_close.png) no-repeat center 50%; overflow:hidden; text-indent:-9999px;}
.user #header {position:absolute; left:0; top:0; z-index:900; width:100%; height:auto; box-sizing:border-box;}
.user #header:before {content:""; display:block; width:100%; height:1px; background:#dddddd; position:absolute; left:0; top:39px; z-index:201;}
.user #header:after {content:""; display:block; width:100%; height:100%; background:#fff; position:absolute; left:0; top:0;}
.user #header h1.logo {position:absolute; left:50%; top:51px; margin-left:-600px; z-index:990; width:241px; height:46px;}
.user #header h1.logo a {display:block; height:100%; text-decoration:none; overflow:hidden; text-indent:-9999px;}
.user #header h1.logo a:after {content:""; display:block; width:100%; height:100%; position:absolute; left:0; top:0; background:url(/images/web/layout/logo.png) no-repeat center 50%;}
.user #header #gnb {width:100%; height:70px; position:relative; z-index:50; overflow:hidden;}
.user #header #gnb .blind {display:none; width:100%; height:100%; position:fixed; left:0; top:0; background:rgba(0,0,0,0.6);}
.user #header #gnb .blind:after {content:""; display:block; width:100%; height:120px; background:#fff; position:absolute; left:0; top:0;}
.user #header #gnb #blind {width:100%; height:0; background:#fff; position:absolute; left:0; top:69px; z-index:1; border-top:1px solid #dddddd; box-sizing:border-box; display:none;}
/*
.user #header #gnb #blind span {display:block; width:190px; height:195px; background:url(/images/web/layout/blind_bg.png) no-repeat center 50%; position:absolute; left:50%; bottom:-70px; margin-left:-865px; z-index:5;}
.user #header #gnb #blind:after {content:""; display:block; width:2000px; height:100%; background:#ebedef; position:absolute; left:50%; top:-1px; margin-left:-2420px;}
*/
.user #header #gnb .bar {width:0; height:2px; position:absolute; left:0; top:68px; z-index:10;}
.user #header #gnb .bar:after {content:""; display:block; width:100%; height:1px; background:rgba(255,255,255,0.35); position:absolute; left:0; bottom:0;}
.user #header #gnb .bar em {position:absolute; right:0; bottom:0; width:0; height:100%; background:#1398a1; display:block; z-index:5;}
.user #header #gnb ul {width:auto; position:relative; z-index:20; box-sizing:border-box; max-width:1200px; padding:0 0 0 280px; margin:0 auto;}
.user #header #gnb ul:after {content:""; display:block; clear:both;}
.user #header #gnb ul li {float:left; width:20%; box-sizing:border-box; height:100%;}
.user #header #gnb ul li:nth-child(6) {display:none;}
/*
.user #header #gnb ul li .tmenu_ti {text-align:right; color:#666; font-size:14px; line-height:19px; font-weight:normal; padding:90px 45px 0 0; box-sizing:border-box; width:300px; position:absolute; left:0; top:110px; display:none; opacity:0; -webkit-opacity:0;}
.user #header #gnb ul li .tmenu_ti span {display:block; font-family:"Nanum Square"; font-size:29px; color:#222; line-height:34px; font-weight:700; margin-bottom:15px; padding-bottom:16px; position:relative;}
.user #header #gnb ul li .tmenu_ti span em {font-weight:400; font-style:normal;}
.user #header #gnb ul li .tmenu_ti span:before {content:""; display:block; width:45px; height:50px; background:url(/images/web/layout/blind_bg2.png) no-repeat center 50%; position:absolute; right:-20px; top:-25px;}
.user #header #gnb ul li .tmenu_ti span:after {content:""; display:block; width:35px; height:1px; background:#474747; position:absolute; right:0; bottom:0;}
*/

.user #header #gnb ul li a {display:block; overflow:hidden; height:70px; box-sizing:border-box; font-size:16px; line-height:22px; text-align:center; text-decoration:none; color:#000; padding:0;}
.user #header #gnb ul li a span {display:inline-block; position:relative; vertical-align:top; height:100%; padding:25px 0 0 0; box-sizing:border-box; font-size:16px; line-height:22px; font-weight:700;}
.user #header #gnb ul li a span:before {content:""; display:block; width:0; height:0; position:absolute; left:50%; margin-left:-4px; bottom:-10px; border-left:4px solid transparent;  border-right:4px solid transparent; border-bottom:7px solid #1398a1; opacity:0; -webkit-opacity:0;}
.user #header #gnb ul li a.on,
.user #header #gnb ul li a:hover,
.user #header #gnb ul li a:active {color:#1398a1; background:none;}
.user #header #gnb ul li a.on span:before,
.user #header #gnb ul li a:hover span:before,
.user #header #gnb ul li a:active span:before {opacity:1; -webkit-opacity:1; bottom:5px;}
.user #header #gnb ul li a.on + ul {background:#ecf7f8;}
.user #header #gnb ul li ul {padding:21px 0; width:100%; min-height:10px; opacity:0; -webkit-opacity:0; border-right:1px solid #dddddd;}
.user #header #gnb ul li:first-child ul {border-left:1px solid #dddddd;}
.user #header #gnb ul li ul li {width:auto; height:auto; float:none; max-width:100%; text-align:center; margin:6px 0;}
.user #header #gnb ul li ul li:first-child {margin-top:0;}
.user #header #gnb ul li ul li a {height:auto; color:#222; padding:2px 10px; display:inline-block; vertical-align:top; position:relative; }
.user #header #gnb ul li ul li a span {font-weight:normal; margin:0; padding:0; height:auto; font-size:14px; line-height:19px; word-break:keep-all;}
.user #header #gnb ul li ul li a span:before {display:none;}
.user #header #gnb ul li ul li a.on span,
.user #header #gnb ul li ul li a:hover span,
.user #header #gnb ul li ul li a:active span {text-decoration:underline;}
.user #header #gnb ul li ul li a.on:after,
.user #header #gnb ul li ul li a:hover:after,
.user #header #gnb ul li ul li a:active:after {background:#12648e;}
.user #header #gnb ul li ul li ul {display:none; min-height:10px; position:relative; left:auto; top:auto; opacity:1; -webkit-opacity:1; width:auto; padding:5px 0 0 0;}
.user #header #gnb ul li ul li ul li {float:none; width:auto; min-height:10px !important; margin:0;}
.user #header #gnb ul li ul li ul li a {font-size:15px; line-height:19px; color:#747474 !important; padding:3px 0;}
.user #header #gnb ul li ul li ul li a span {line-height:19px;}
.user #header #gnb ul li ul li ul li a:hover span,
.user #header #gnb ul li ul li ul li a:active span {text-decoration:underline; color:#222 !important;}
.user #header #gnb ul li ul li ul li a.on {color:#222 !important;}
.user #header #gnb ul li ul li ul li ul {display:none;}

.user #header .toputil {/*position:absolute; right:50%; top:10px; margin-right:-600px; z-index:200;*/ height:40px; overflow:hidden; position:relative; z-index:200; max-width:1200px; margin:0 auto;}
.user #header .toputil .inner {position:absolute; right:0; top:0; padding:6px 0;}
.user #header .toputil .inner:after {content:""; display:block; clear:both;}
.user #header .toputil .inner a,
.user #header .toputil .inner .search_form {display:block; float:left; line-height:28px; margin-left:20px; font-size:13px; overflow:hidden;}
.user #header .toputil .inner .search_form {border-bottom:1px solid #333;}
.user #header .toputil .inner .search_form input[type="text"] {border:0; width:150px;  height:27px; line-height:27px; font-size:13px; background:none; }
.user #header .toputil .inner .search_form input[type="submit"] {width:27px; height:27px; overflow:hidden; text-indent:-9999px; background:url(/images/web/layout/search_ico.png) no-repeat center 40%; background-size:70% auto;}

.user #header .toputil .inner a.logout {text-decoration:none;}
.user #header .toputil .inner a.logout strong.user {color:#222; padding:0 0 0 25px; display:inline-block; vertical-align:top; background:url(/images/web/layout/login_ico.png) no-repeat left 50%;}
.user #header .toputil .inner a.logout span {background:#222222; margin-left:5px; color:#fff; display:inline-block; vertical-align:top; margin-top:4px; padding:1px 10px; font-size:11px; line-height:16px; border-radius:10px; -webkit-border-radius:10px; box-sizing:border-box; -webkit-box-sizing:border-box; border:1px solid #222222;}
.user #header .toputil .inner a.logout:hover span,
.user #header .toputil .inner a.logout:active span {background:#fff; color:#222;}

.user #header .toputil .inner .btn_allmenu {background:url(/images/web/layout/btn_allmenu_bg.png) no-repeat center 50%; display:none; text-indent:-9999px;}
.user #header .toputil .inner .btn_allmenu.on {background:url(/images/web/layout/btn_allmenu_bg_close.png) no-repeat center 50%;}
.user #header .toputil .inner .search_btn {background:url(/images/web/layout/search_ico.png) no-repeat center 50%; display:none; text-indent:-9999px;}
.user #header .toputil .inner .search_btn.on {background:url(/images/web/layout/search_ico_close.png) no-repeat center 50%;}

/* Visual */
#sub.user #visual {height:170px; box-sizing:border-box; -webkit-box-sizing:border-box; padding:40px 0 50px 0; width:100%; position:relative; display:none; overflow:hidden;}
#sub.user #visual:after {content:""; display:block; width:100%; height:100%; position:absolute; left:0; top:0;
animation-duration: 3s;
animation-fill-mode: both;
animation-iteration-count: 1;
animation-timing-function: ease;
-webkit-animation-duration: 3s;
-webkit-animation-fill-mode: both;
-webkit-animation-iteration-count: 1;
-webkit-animation-timing-function: ease;
animation-delay: 0.4s; -webkit-animation-delay: 0.4s;
animation-name:visual_ac; -webkit-animation-name:visual_ac;}
#sub.user #visual.sub01:after {background-image:url(/images/web/layout/sub_visual_1.jpg);}
#sub.user #visual.sub02:after {background-image:url(/images/web/layout/sub_visual_2.jpg);}
#sub.user #visual.sub03:after {background-image:url(/images/web/layout/sub_visual_3.jpg);}
#sub.user #visual.sub04:after {background-image:url(/images/web/layout/sub_visual_4.jpg);}
#sub.user #visual.sub05:after {background-image:url(/images/web/layout/sub_visual_5.jpg);}
#sub.user #visual.sub06:after {background-image:url(/images/web/layout/sub_visual_6.jpg);}
#sub.user #visual.sub07:after {background-image:url(/images/web/layout/sub_visual_1.jpg);}
#sub.user #visual:after {background-size:cover; background-position:center top; background-repeat:no-repeat;}
#sub.user #visual h2.title {color:#333333; font-size:25px; line-height:32px; max-width:1200px; margin:0 auto; position:relative; z-index:5; text-align:center;}
#sub.user #visual h2.title strong {display:inline-block; vertical-align:top; position:relative; font-weight:700;}
#sub.user #visual h2.title strong:before {content:""; display:block; width:42px; height:2px; background:#7a7a7a; margin:0 auto; margin-bottom:13px;}
@keyframes visual_ac {
	0% {transform:scale(1.2);}
	100% {transform:scale(1);}
}
@-webkit-keyframes visual_ac {
	0% {transform:scale(1.2);}
	100% {transform:scale(1);}
}

/* Container */
#sub.user #container {background:#fff; position:relative; margin-top:50px;}
#sub.user #container:after {content:""; display:block; width:100%; height:50px; background:#f6f6f8; position:absolute; left:0; top:-50px;}
#sub.user #container .layout {}
#sub.user.type_01 #container #remote {width:250px; position:absolute; left:0; top:0; z-index:501;}
#sub.user.type_01 #container #remote h2.title {background:#025cd1 url(/images/web/layout/lnb_titlebg1.png) no-repeat left top; text-align:center; color:#fff; font-size:25px; line-height:32px; padding:50px 3%; position:relative;}
#sub.user.type_01 #container #remote h2.title:after {content:""; display:block; width:100%; height:100%; position:absolute; left:0; top:0; background:url(/images/web/layout/lnb_titlebg2.png) no-repeat right bottom;}
#sub.user.type_01 #container #remote #lnb {}
#sub.user.type_01 #container #remote #lnb ul {}
#sub.user.type_01 #container #remote #lnb ul li {border-bottom:1px solid #c6c6c6;}
#sub.user.type_01 #container #remote #lnb ul li a {position:relative; display:block; padding:15px 30px 15px 15px; font-size:16px; line-height:22px; text-decoration:none; color:#222; position:relative;}
#sub.user.type_01 #container #remote #lnb ul li a:before {content:""; display:block; width:0; height:3px; background:#025cd1; position:absolute; left:0; bottom:-1px;}
#sub.user.type_01 #container #remote #lnb ul li a span {position:relative;}
#sub.user.type_01 #container #remote #lnb ul li a.blank span:after {content:""; display:block; width:13px; height:13px; background:url(/images/web/layout/blank_ico.png) no-repeat center 50%; position:absolute; right:-20px; top:50%; margin-top:-6px;}
#sub.user.type_01 #container #remote #lnb ul li a.child:after {content:""; display:block; width:15px; height:15px; background:url(/images/web/layout/lnb_depth1_bul.png) no-repeat center 50%; position:absolute; right:15px; top:50%; margin-top:-7px;}
#sub.user.type_01 #container #remote #lnb ul li a.child.ov:after {background:url(/images/web/layout/lnb_depth1_bul_on.png) no-repeat center 50%;}
#sub.user.type_01 #container #remote #lnb ul li a:hover,
#sub.user.type_01 #container #remote #lnb ul li a:active,
#sub.user.type_01 #container #remote #lnb ul li a.ov {color:#025cd1;}
#sub.user.type_01 #container #remote #lnb ul li a:hover:before,
#sub.user.type_01 #container #remote #lnb ul li a:active:before,
#sub.user.type_01 #container #remote #lnb ul li a.ov:before {width:100%;}
#sub.user.type_01 #container #remote #lnb ul li ul {display:none; padding:13px 15px; border-top:3px solid #1a5bb1; margin-top:-1px;}
#sub.user.type_01 #container #remote #lnb ul li ul li {margin-top:6px; border:0;}
#sub.user.type_01 #container #remote #lnb ul li ul li:first-child {margin-top:0;}
#sub.user.type_01 #container #remote #lnb ul li ul li a {display:inline-block; font-size:15px; line-height:19px; padding:0 0 0 10px;}
#sub.user.type_01 #container #remote #lnb ul li ul li a:before {content:""; position:absolute; left:2px; top:8px; display:block; width:3px; height:3px; background:#1a5bb1;}
#sub.user.type_01 #container #remote #lnb ul li ul li a.child:after {right:-18px; width:11px; height:11px; margin-top:-5px;}
#sub.user.type_01 #container #remote #lnb ul li ul li a:hover,
#sub.user.type_01 #container #remote #lnb ul li ul li a:active,
#sub.user.type_01 #container #remote #lnb ul li ul li a.ov {color:#1e72ca;}
#sub.user.type_01 #container #remote #lnb ul li ul li ul {background:#f0f3f8; padding:10px 13px; border:0; margin-top:5px; margin-bottom:10px;}
#sub.user.type_01 #container #remote #lnb ul li ul li ul li {margin-top:3px;}
#sub.user.type_01 #container #remote #lnb ul li ul li ul li a {font-size:14px; color:#666;}
#sub.user.type_01 #container #remote #lnb ul li ul li ul li a:before {width:4px; height:1px; background:#555; left:0; top:9px;}
#sub.user.type_01 #container #remote #lnb ul li ul li ul li a:hover,
#sub.user.type_01 #container #remote #lnb ul li ul li ul li a:active,
#sub.user.type_01 #container #remote #lnb ul li ul li ul li a.ov {color:#333; text-decoration:underline;}

#sub.user.type_02 #container #remote {margin:0 auto; margin-top:-50px; background:#fff; max-width:1200px; position:relative;}
#sub.user.type_02 #container #remote:after {content:""; display:block; width:100%; height:1px; background:#ccc; position:absolute; left:0; bottom:0; z-index:1;}
#sub.user.type_02 #container #remote h2 {display:none;}
#sub.user.type_02 #container #remote #lnb ul {width:100%; position:relative; z-index:15;}
#sub.user.type_02 #container #remote #lnb ul:after {content:""; display:block; clear:both;}
#sub.user.type_02 #container #remote #lnb ul li {float:left; position:relative; margin-left:-1px; width:20%; min-width:200px;}
#sub.user.type_02 #container #remote #lnb ul li a {width:100%; border-right:1px solid #ccc; box-sizing:border-box; height:50px; padding:16px 45px 0 15px; color:#333; display:block; text-decoration:none; position:relative;}
#sub.user.type_02 #container #remote #lnb ul li a:after {content:""; display:block; position:absolute; right:15px; top:50%; margin-top:-4px; width:14px; height:8px; background:url(/images/web/layout/lnb_arrow.png) no-repeat center 50%;
-webkit-transform: rotate(0deg); transform: rotate(0deg);}
#sub.user.type_02 #container #remote #lnb ul li a.on {}
#sub.user.type_02 #container #remote #lnb ul li a.on:after {-webkit-transform: rotate(180deg); transform: rotate(180deg);}
#sub.user.type_02 #container #remote #lnb ul li.home {width:auto; min-width:10px;}
#sub.user.type_02 #container #remote #lnb ul li.home a {width:50px; min-width:50px; height:50px; padding:0; border-left:0; text-indent:-9999px; background:url(/images/web/layout/home_ico.png) no-repeat center 50%;}
#sub.user.type_02 #container #remote #lnb ul li.home a:after {display:none;}
#sub.user.type_02 #container #remote #lnb ul li ul {width:100%; position:absolute; left:0px; padding-left:1px; box-sizing:border-box; top:50px; display:none; z-index:101; background:#fff;}
#sub.user.type_02 #container #remote #lnb ul li ul li {float:none; border-bottom:1px solid #ccc; width:auto !important; display:block !important;}
#sub.user.type_02 #container #remote #lnb ul li ul li a {height:auto; padding:12px 15px; background:#fff; color:#666; border-right:1px solid #ccc !important; border-left:1px solid #ccc;}
#sub.user.type_02 #container #remote #lnb ul li ul li a:after {display:none;}
#sub.user.type_02 #container #remote #lnb ul li ul li a:hover, #sub.user.type_02 #container #remote #lnb ul li ul li a:active {color:#1398a1;}

#sub.user #container #path {position:absolute; right:0; margin-right:0; top:-50px; z-index:15;}
#sub.user #container #path .navi {margin-top:16px;}
#sub.user #container #path .navi:after {content:""; display:block; clear:both;}
#sub.user #container #path .navi li {float:left; padding-left:15px; margin-left:8px; background:url(/images/web/layout/navi_arrow.png) no-repeat left 40%;}
#sub.user #container #path .navi li a {display:block; color:#515151; }
#sub.user #container #path .navi li:nth-child(2) a {background:none; padding-left:0;}
#sub.user #container #path .navi li:last-child a {margin-left:0;}
#sub.user #container #path .navi li.home {padding:0; margin:0; background:none;}
#sub.user #container #path .navi li.home a {height:12px; width:14px; margin-top:3px; background:url(/images/web/layout/home_ico.png) no-repeat center 50%; overflow:hidden; text-indent:-9999px;}
#sub.user #container #path .share {position:absolute; right:0; top:0; z-index:10;}
#sub.user #container #path .share:after {content:""; display:block; clear:both;}
#sub.user #container #path .share a {display:block; width:50px; height:50px; margin-left:5px; box-sizing:border-box; -webkit-box-sizing:border-box; float:left; overflow:hidden; text-indent:-9999px; background:url(/images/web/layout/sns_ico.png) no-repeat; position:relative;}
#sub.user #container #path .share a:after {content:""; display:block; width:1px; height:16px; background:#ccc; position:absolute; left:0; top:50%; margin-top:-8px;}
#sub.user #container #path .share a.link {background-position:center top;}
#sub.user #container #path .share a.url {background:url(/images/web/layout/url_ico.png) no-repeat; background-position:center 50%; }
#sub.user #container #path .share a.url:after {display:none;}
#sub.user #container #path .share a.print {background:url(/images/web/layout/print_ico.png) no-repeat; background-position:center 50%; }
#sub.user #container #path .share a.btn_share {background-position:center -58px;}
/*
#sub.user #container #path .btn_share {display:block; width:24px; height:24px; overflow:hidden; text-indent:-9999px; background:url(/images/web/layout/sns_share_ico.png) no-repeat center 50%; float:left;}
#sub.user #container #path .btn_share.on {background:url(/images/web/layout/sns_share_ico_on.png) no-repeat center 50%;}
#sub.user #container #path .sns {float:left; display:none; position:absolute; left:-78px; top:-3px; width:68px;}
#sub.user #container #path .sns:after {content:""; display:block; clear:both;}
#sub.user #container #path .sns li {float:left; margin-left:8px;}
#sub.user #container #path .sns li:first-child {margin-left:0;}
#sub.user #container #path .sns li a {display:block; width:30px; height:30px; overflow:hidden; text-indent:-9999px; border-radius:50%; -webkit-border-radius:50%;}
#sub.user #container #path .sns li a.fb {background:#3c5b9a url(/images/web/layout/sns_share_ico1.png) no-repeat center 50%;}
#sub.user #container #path .sns li a.tw {background:#2aa8e0 url(/images/web/layout/sns_share_ico2.png) no-repeat center 50%;}
#sub.user #container #path .sns li a:hover,
#sub.user #container #path .sns li a:active {opacity:1; -webkit-opacity:1;}
#sub.user #container #path .print {float:left; display:block; overflow:hidden; width:24px; height:24px; text-indent:-9999px; background:url(/images/web/layout/print_ico.png) no-repeat center 50%; margin-left:20px;}
*/
#sub.user.type_01  #container #path .share {top:97px;}
#sub.user.type_01  #container #path .share a {width:38px; height:38px; border:1px solid #ccc; border-radius:50%; -webkit-border-radius:50%;}

#sub.user #container #content {max-width:100%; margin:0 auto; padding:0 0 0 300px; position:relative; min-height:600px;}
#txt {min-height:400px; padding:50px 0 50px 0;}
#txt h3.title {font-size:32px; line-height:38px; color:#1e1e1e; padding-bottom:15px; border-bottom:2px solid #cfcfcf; margin:0 0 30px 0; position:relative; font-weight:700;}
#sub.user.type_02 #container {margin-top:0; background:none;}
#sub.user.type_02 #container:after {display:none;}
#sub.user.type_02 #container #path {width:100%;}
#sub.user.type_02 #container #path .navi {display:none;}
#sub.user.type_02 #visual {display:block;}
#sub.user.type_02 #container #content {padding:0;}

/* Footer */
.user #footer {background:#f6f6f6; position:relative; z-index:20; padding:0 0 30px 0; border-top:1px solid #e1e1e1;}
.user #footer:after {content:""; display:block; width:100%; height:1px; background:#e1e1e1; position:absolute; left:0; top:54px; z-index:1;}
.user #footer .layout {z-index:10;}
.user #footer .menu_link {height:auto; height:54px; box-sizing:border-box; padding:13px 0; margin-bottom:20px;}
.user #footer .menu_link:after {content:""; display:block; clear:both;}
.user #footer .menu_link li {float:left; position:relative; margin:0 0 0 15px; padding:0 0 0 15px;}
.user #footer .menu_link li:first-child {padding:0; margin:0;}
.user #footer .menu_link li:after {content:""; display:block; width:1px; height:12px; background:#818181; position:absolute; left:0; top:8px;}
.user #footer .menu_link li:first-child:after {display:none;}
.user #footer .menu_link li a {display:block; color:#424242; padding:5px 0;}
.user #footer .menu_link li:first-child a {font-weight:600;}
.user #footer .relate_site {position:absolute; z-index:10; right:0; top:0;}
.user #footer .relate_site:after {content:""; display:block; clear:both;}
.user #footer .relate_site li {float:left; width:210px; position:relative; margin-left:-1px;}
.user #footer .relate_site li a {display:block; box-sizing:border-box; text-decoration:none; padding:0 12px; height:54px; position:relative; border-left:1px solid #e1e1e1; border-right:1px solid #e1e1e1; line-height:54px; /*background:#182754;*/ color:#424242;}
.user #footer .relate_site li a:before,
.user #footer .relate_site li a:after {content:""; display:block; position:absolute; right:15px; top:50%; margin-top:-1px; width:18px; height:2px; background:#5a5a5a;}
.user #footer .relate_site li a:after {transform:rotate(-90deg); -webkit-transform:rotate(-90deg);}
.user #footer .relate_site li a.on:after {transform:rotate(0deg); -webkit-transform:rotate(0deg);}
.user #footer .relate_site li ul {margin:0; box-sizing:border-box; border:1px solid #e1e1e1; position:absolute; left:0; bottom:54px; z-index:200; background:#5f5f64; width:100%; display:none; max-height:190px; overflow:auto;}
.user #footer .relate_site li ul li {display:block; margin:0; border-bottom:1px solid #e1e1e1; float:none; width:auto;}
.user #footer .relate_site li ul li:last-child {border-bottom:0;}
.user #footer .relate_site li ul li a {width:auto; border:0; padding:9px 12px; height:auto; color:rgba(255,255,255,0.8); font-size:14px; line-height:19px; background:#424348;}
.user #footer .relate_site li ul li a:before,
.user #footer .relate_site li ul li a:after {display:none;}
.user #footer .relate_site li ul li a:hover,
.user #footer .relate_site li ul li a:active { text-decoration:underline; color:rgba(255,255,255,1);}
.user #footer .footer_logo {position:absolute; z-index:10; right:0; top:70px; display:block;}
.user #footer address,
.user #footer .copy{display:block; font-style:normal; color:#424242; font-size:13px;}
.user #footer address {margin-bottom:0; line-height:21px;}
.user #footer .relate_site li ul {}
.user #footer .relate_site li ul li {}
.user #footer .relate_site li ul li ul {display:block; border:0; position:relative; left:auto; bottom:0; background:none; max-height:none; padding:5px 12px;}
.user #footer .relate_site li ul li ul li {border:0;}
.user #footer .relate_site li ul li ul li a {padding:3px 0 3px 12px; background:none; font-size:13px;}
.user #footer .relate_site li ul li ul li a:after {display:block; right:auto; left:3px; margin-top:-2px; width:3px; height:3px; background:#fff;}






/************************************************** Media Quary **************************************************/
@media screen and (max-width: 1268px){
/* Header */
.user #slide_map .inner {padding-left:2%; padding-right:2%;}
.user #slide_map .inner .all_open {right:2%; margin-right:0;}
.user #header h1.logo {left:2%; margin-left:0;}
.user #header .toputil {right:2%; margin-right:0;}
.user #header #gnb ul {max-width:96%; padding:0 0 0 24%;}
.user #header #gnb ul li ul {max-width:100%;}

/* Container */
#sub.user #container {padding:0 2%;}
#sub.user #container.newsroom {padding:0;}
#sub.user #container .layout {max-width:100%;}

/* Visual */
#sub.user #visual {padding-left:2%;}

/* Footer */
.user #footer {padding-left:2%; padding-right:2%;}
.user #footer .layout {max-width:100%;}
}

@media screen and (min-width: 1025px){
body.fixed {position:relative !important;}
.user #slide_map {display:none !important;}
.user #header .toputil .inner .search_form {display:block !important;}
}

@media screen and (max-width: 1024px){
/* layout */
.js_mobile_check {display:block;}
.user #wrap {padding-top:0;}

/* Header */
.user #slide_map {padding-top:0; background:#fff; z-index:101;}
.user #slide_map:after {content:""; display:block; clear:both;}
.user #slide_map .inner {width:100%; float:left; margin-left:-100%; padding:0; padding-top:70px; box-sizing:border-box; height:100%;}
.user #slide_map .inner .binds {height:100%; overflow:auto;}
.user #slide_map .inner .binds .toputil {}
.user #slide_map .inner .binds .toputil .inner {width:auto; float:none; padding:10px 2%; margin-right: 10px; text-align: right;}
.user #slide_map .inner .binds .toputil .inner .btn_allmenu,
.user #slide_map .inner .binds .toputil .inner .search_btn,
.user #slide_map .inner .binds .toputil .inner .search_form {display:none !important;}
.user #slide_map .inner .binds .toputil .inner a.logout {text-decoration:none;}
.user #slide_map .inner .binds .toputil .inner a.logout strong.user {color:#222; padding:0 0 0 25px; display:inline-block; vertical-align:top; background:url(/images/web/layout/login_ico.png) no-repeat left 50%;}
.user #slide_map .inner .binds .toputil .inner a.logout span {background:#222222; margin-left:5px; color:#fff; display:inline-block; vertical-align:top; margin-top:0; padding:1px 10px; font-size:11px; line-height:16px; border-radius:10px; -webkit-border-radius:10px; box-sizing:border-box; -webkit-box-sizing:border-box; border:1px solid #222222;}
.user #slide_map .inner .binds ul {position:relative; z-index:10; background:#fff; border-top:2px solid #979797;}
.user #slide_map .inner .binds ul li {margin-top:0 !important; width:auto; float:none; min-height:10px; padding:0;}
.user #slide_map .inner .binds ul li:first-child {border-top:0;}
.user #slide_map .inner .binds ul li:nth-child(6) {display:none;}
.user #slide_map .inner .binds ul li a {font-size:16px; line-height:22px; text-align:left; background:#fff; color:#222; border-bottom:1px solid #e0e5ec; margin:0; padding:12px 3%; position:relative; display:block; text-decoration:none;}
.user #slide_map .inner .binds ul li a:after {content:""; display:block; position:absolute; right:3.5%; top:50%; margin-top:-4px; width:14px; height:8px; background:url(/images/web/layout/mgnb_bul_01.png) no-repeat center 50%;}
.user #slide_map .inner .binds ul li a.on {background:#1398a1; color:#fff;}
.user #slide_map .inner .binds ul li a.on:after {transform:rotate(180deg); -webkit-transform:rotate(180deg); background:url(/images/web/layout/mgnb_bul_01_on.png) no-repeat center 50%;}
.user #slide_map .inner .binds ul li ul {display:none; padding:8px 3% 8px 3%; margin-top:0; border:0; border-bottom:1px solid #e0e5ec; background:#f8f8f8;}
.user #slide_map .inner .binds ul li ul li {width:auto; float:none; min-height:10px; margin-top:0 !important; /*margin-left:10px; margin-right:10px;*/}
.user #slide_map .inner .binds ul li ul li a {background:none; position:relative; color:#444; font-size:14px; padding:3px 0; padding-left:10px; display:block; border-bottom:0;}
.user #slide_map .inner .binds ul li ul li a:before {content:""; display:block; width:3px; height:3px; background:#1398a1; position:absolute; left:2px; top:12px;}
.user #slide_map .inner .binds ul li ul li a:after {right:0;}
.user #slide_map .inner .binds ul li ul li a:hover,
.user #slide_map .inner .binds ul li ul li a.on {color:#1398a1; background:none; border-bottom:0; text-decoration:underline;}
.user #slide_map .inner .binds ul li ul li a.on:after {background:url(/images/web/layout/mgnb_bul_01.png) no-repeat center 50%;}
.user #slide_map .inner .binds ul li ul li a.off:after {display:none;}

.user #slide_map .inner .binds ul li ul li ul {display:none; width:auto; padding:5px 10px; box-sizing:border-box;}
.user #slide_map .inner .binds ul li ul li ul li {border:0; margin:0;}
.user #slide_map .inner .binds ul li ul li ul li a {padding:3px 5px 3px 8px; font-size:14px; border:0;}
.user #slide_map .inner .binds ul li ul li ul li a:after {display:none;}
.user #slide_map .inner .binds ul li ul li ul li a:before {width:3px; height:3px; background:#444; content:""; display:block; position:absolute; left:0; top:11px;}
.user #slide_map .inner .binds ul li ul li ul li a:hover,
.user #slide_map .inner .binds ul li ul li ul li a.on {color:#333; border:0;}
.user #slide_map .inner .btn_close {right:25px; margin-right:0; top:25px; z-index:20; width:26px; height:26px; background-size:100% auto;}
.user #header {height:70px; position:relative; left:auto; top:auto; background:#fff; border-bottom:1px solid #e0e5ec;}
.user #header:before,
.user #header:after {display:none;}
.user #header h1.logo {width:235px; height:50px; top:10px;}
.user #header h1.logo a:after {background-size:100% auto;}
.user #header #gnb {display:none;}
.user #header .toputil {top:0; right:0; height:auto; overflow:visible;}
.user #header .toputil .inner {padding:0; width:100%; box-sizing:border-box; padding:0 2%;}
.user #header .toputil .inner a {width:40px; height:40px; }
.user #header .toputil .inner .btn_allmenu {display:block;}
.user #header .toputil .inner a, .user #header .toputil .inner .search_form {float:right;}
.user #header .toputil .inner a {margin-top:15px; margin-left:0;}
.user #header .toputil .inner .search_btn {display:block;}
.user #header .toputil .inner .search_form {float:none; display:none; position:absolute; left:0; top:70px; width:100%; background:rgba(0,0,0,0.7); margin-left:0; padding:15px 2%; box-sizing:border-box; -webkit-box-sizing:border-box; text-align:center; font-size:0;}
.user #header .toputil .inner .search_form input[type="text"] {width:50%; min-width:260px; border:2px solid #1398a1; border-right:0; height:38px; line-height:38px; font-size:14px; background:#fff;}
.user #header .toputil .inner .search_form input[type="submit"] { background:#fff url(/images/web/layout/search_ico.png) no-repeat center 40%; width:38px; height:38px; line-height:38px; border:2px solid #1398a1; border-left:0;}
.user #header .toputil .inner a.login,
.user #header .toputil .inner a.logout {display:none;}

/* Visual */
#sub.user #visual {height:150px; padding:30px 3% 44px 3%;}

/* Container */
#sub.user #container {margin-top:40px;}
#sub.user #container:after {height:40px; top:-40px;}
#sub.user #container #remote {display:none;}
#sub.user #container #content {padding:0;}
#sub.user #container #path {top:-40px;}
#sub.user #container #path .navi {margin-top:10px;}
#sub.user #container #path .share {top:-4px;}
#sub.user #container #path .share:after {display:none;}
#sub.user #container #path .share a {width:44px; height:44px; margin-left:0;}
#sub.user #container #path .share a.print {display:none;}
#txt {min-height:10px; padding:25px 0 40px 0;}
#txt h3.title {font-size:30px; line-height:36px; padding-bottom:15px; margin:0 0 25px 0;}
#sub.user.type_02 #container #remote {display:block; margin-top:-44px;}
#sub.user.type_02 #container #remote #lnb ul li a {height:44px; padding-top:12px;}
#sub.user.type_02 #container #remote #lnb ul li.home a {width:44px; height:44px; min-width:44px;}
#sub.user.type_02 #container #remote #lnb ul li ul {top:44px;}
#sub.user.type_02 #container #remote #lnb ul li ul li a {padding:10px 15px;}
#txt {min-height:10px;}

/* Footer */
.user #footer .footer_logo {display:none;}
}

@media screen and (max-width: 940px){
/* layout */
.user .top_btn {bottom:20px;}

/* Footer */
.user #footer {padding-bottom:20px;}
.user #footer:after {top:45px;}
.user #footer .menu_link {height:auto; padding:7px 0; margin-bottom:15px;}
.user #footer .relate_site {position:relative; right:auto; top:auto; margin-bottom:15px;}
.user #footer .relate_site li {width:50%;}
.user #footer .relate_site li a {border:1px solid #a4a4a4; height:36px; line-height:36px;}
.user #footer .relate_site li a:before, .user #footer .relate_site li a:after {width:14px;}
.user #footer .relate_site li ul {bottom:35px;}
.user #footer .footer_logo {top:115px; height:45px;}
}

@media screen and (max-width: 840px){
/* layout */
.user .top_btn {right:3%;}

/* Visual */
#sub.user #visual {height:130px; padding:25px 3% 44px 3%;}
#sub.user #visual h2.title {font-size:23px;}
#sub.user #visual h2.title strong:before {margin-bottom:10px;}

/* Container */
#txt {padding:25px 0 30px 0;}
#txt h3.title {font-size:28px; line-height:34px;}
#sub.user #container {padding-left:3%; padding-right:3%;}

/* Footer */
.user #footer {padding-left:3%; padding-right:3%;}
}

@media screen and (max-width: 640px){
/* Header */
.user #slide_map .inner {padding:60px 0 0 0;}
.user #slide_map .inner .btn_close {top:21px;}
.user #header {height:60px;}
.user #header h1.logo {width:158px; height:42px; top:9px;}
.user #header .toputil .inner a {width:30px; height:30px; margin-left:5px;}
.user #header .toputil .inner .search_form {top:60px;}

/* Visual */
#sub.user #visual {height:120px; padding:20px 3% 45px 3%;}
#sub.user #visual h2.title {font-size:21px;}
#sub.user #visual h2.title strong:before {margin-bottom:8px; width:34px;}

/* Container */
#sub.user #container #content {padding:0;}
#sub.user #container #path .share {top:-2px;}
#sub.user #container #path .share a {width:42px; height:42px;}
#txt h3.title {font-size:25px; line-height:31px; padding-bottom:12px; margin-bottom:20px;}
#sub.user.type_02 #container #remote {z-index:10; margin-top:-42px;}
#sub.user.type_02 #container #remote #lnb ul li:nth-child(2) {display:none;}
#sub.user.type_02 #container #remote #lnb ul li.home a {width:42px; height:42px; min-width:42px;}
#sub.user.type_02 #container #remote #lnb ul li a {height:42px; padding-top:11px;}
#sub.user.type_02 #container #remote #lnb ul li:nth-child(2) a {border-right:0;}
#sub.user.type_02 #container #remote #lnb ul li:nth-child(3) {width:calc(100% - 82px); margin-right:42px;}
#sub.user.type_02 #container #remote #lnb ul li ul {top:42px;}
#sub.user.type_02 #container #remote #lnb ul li ul li {margin-right:0 !important; width:auto !important;}
#sub.user.type_02 #container #remote #lnb ul li ul li a {padding:9px 15px;}

/* Footer */
.user #footer .menu_link li {margin:0 0 0 12px; padding:0 0 0 12px;}
.user #footer .menu_link li a {font-size:13px;}
.user #footer .footer_logo {height:40px;}
}

@media screen and (max-width: 480px){
/* Container */
#txt h3.title {font-size:22px; line-height:28px;}

/* Footer */
.user #footer .relate_site li {width:auto; float:none; margin-top:5px;}
.user #footer .relate_site li:first-child {margin-top:0;}
.user #footer .relate_site li a {height:34px; line-height:34px;}
.user #footer .relate_site li ul {bottom:33px;}
}

@media screen and (max-width: 410px){
/* Footer */
.user #footer:after {top:61px;}
.user #footer .menu_link {padding:8px 0;}
.user #footer .menu_link li {padding:0 12px 0 0 !important; margin:0 12px 0 0 !important;}
.user #footer .menu_link li a {padding:1px 0;}
.user #footer .menu_link li:after {top:4px; left:auto; right:0; display:block !important;}
.user #footer .menu_link li:last-child:after {display:none !important;}
}

@media screen and (max-width: 400px){
/* Container */
#txt h3.title {font-size:22px; line-height:28px;}
}