@charset "utf-8";

/* Animation */
.user #slide_map .inner .binds ul li a,
.user #slide_map .inner .binds ul li a:after,
.user #slide_map .inner .btn_close:after,

.user #header h1.logo,
.user #header .search_toggle,
.user #header #gnb ul li a.more:after,
.user #header .toputil,
.user #header .toputil .btn_eng,

.user #footer,
.user #footer:after,
.user #footer .site_link,
.user #footer .site_link li,
.user #footer .site_link li a,
.user #footer .infor_link,
.user #footer .infor_link li,
.user #footer .infor_link li a,
.user #footer .layout,
.user #footer .footer_link,
.user #footer .footer_link li,
.user #footer address, .user #footer p,
.user #footer .right_box,
.user #footer .right_box .sns_link,
.user #footer .right_box .sns_link li,
.user #footer .right_box .sns_link li a,
.user #footer .right_box p,
.user #footer .right_box p img
{transition:all 0.3s ease; -webkit-transition:all 0.3s ease;}


/* Common */
html, body {width:100%; height:100%;}
body.fixed {position:fixed;}
input[type="text"] {font-family:"맑은고딕","Malgun Gothic","돋움",Dotum,Helvetica,Verdana,Arial,sans-serif; font-size:14px; line-height:19px;}
.js_mobile_check {display:none;}
.user#sub #wrap {padding-top:235px;}

/* Header */
.user #slide_map {display:none; background:url(../../images/kor/layout_2019/sitemap_bg.jpg) no-repeat center 50%; background-size:cover; width:100%; height:100%; position:fixed; left:0; top:0; z-index:999;}
.user #slide_map .inner {height:100%; box-sizing:border-box; padding:70px 60px 50px 60px;}
.user #slide_map .inner .binds {height:100%; overflow:auto;}
.user #slide_map .inner .binds ul {}
.user #slide_map .inner .binds ul:after {content:""; display:block; clear:both;}
.user #slide_map .inner .binds ul li {float:left; width:20%; box-sizing:border-box; padding:0 2%; min-height:300px;}
.user #slide_map .inner .binds ul li:nth-child(6),
.user #slide_map .inner .binds ul li:nth-child(7) {margin-top:50px;}
.user #slide_map .inner .binds ul li .more {display:none !important;}
.user #slide_map .inner .binds ul li a {display:block; color:#fff; font-size:23px; line-height:28px; text-decoration:none;font-family:"맑은고딕","Malgun Gothic","돋움",Dotum,Helvetica,Verdana,Arial,sans-serif;}
.user #slide_map .inner .binds ul li ul {border:0; border-top:3px solid #fff; padding-top:15px; margin-top:15px;}
.user #slide_map .inner .binds ul li ul li {float:none; width:auto; margin-top:8px !important; min-height:10px;}
.user #slide_map .inner .binds ul li ul li a {font-size:16px; line-height:21px; color:rgba(255,255,255,0.6); display:inline-block; vertical-align:top;}
.user #slide_map .inner .binds ul li ul li a:hover {color:rgba(255,255,255,1);}
.user #slide_map .inner .binds ul li ul li ul {display:none;}
.user #slide_map .inner .btn_close {display:block; position:absolute; right:10px; top:10px; background:rgba(0,0,0,0.3); width:50px; height:50px; overflow:hidden; text-indent:-9999px;}
.user #slide_map .inner .btn_close:after {content:""; display:block; width:100%; height:100%; background:url(../../images/kor/layout_2019/sitemap_close.png) no-repeat center 50%; position:absolute; left:0; top:0;}
.user #slide_map .inner .btn_close:hover:after {transform:rotate(180deg); -webkit-transform:rotate(180deg);}
.mCSB_inside > .mCSB_container {margin-right:0;}
.mCSB_scrollTools {width:2px;}
.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools {opacity:1;}
.user #slide_map .inner .binds .toputil {display:none;}

.user #header {position:absolute; width:100%; left:0; top:0; background:#fff; z-index:101; box-shadow:0 -5px 15px rgba(0,0,0,0.1); -webkit-box-shadow:0 -5px 15px rgba(0,0,0,0.1);font-family:"맑은고딕","Malgun Gothic","돋움",Dotum,Helvetica,Verdana,Arial,sans-serif;}
.user #header h1.logo {position:absolute; left:40px; top:28px; z-index:301;}
.user #header h1.logo a {display:block; height:26px;}
.user #header h1.logo a img {display:block; height:100%;}
.user #header h1.logo .logo_img{margin-top: 14px;}
.user #header .search_toggle {display:none;}
.user #header .searchs {position:absolute; left:40px; top:158px; z-index:10; background:#f15922; padding:2px; padding-right:41px; box-sizing:border-box; width:227px;}
.user #header .searchs input[type="text"] {border:0; height:37px; line-height:37px; display:block; width:100%; box-sizing:border-box; padding:0 10px;} 
.user #header .searchs input[type="submit"] {display:block; border:0; cursor:pointer; width:41px; height:41px; position:absolute; right:0; top:0; overflow:hidden; text-indent:-9999px; background:url(../../images/kor/layout_2019/search_ico.png) no-repeat center 50%;}

.user #header #gnb {padding:0 330px 0 380px; box-sizing:border-box; background:#fff; min-height:235px;}
.user #header #gnb ul {}
.user #header #gnb ul:after {content:""; display:block; clear:both;}
.user #header #gnb ul li {float:left; width:14%; position:relative; padding:30px 0 0 0;}
.user #header #gnb ul li.menu-wide{ width:16%} 
.user #header #gnb ul li a {font-size:18px; line-height:23px; color:#000; font-weight:700; display:inline-block; vertical-align:top; word-break:keep-all;}
.user #header #gnb ul li ul {padding-top:10px; padding-bottom:27px; position:absolute; width:100%;}
.user #header #gnb ul li ul li {float:none; width:auto; margin-top:1px; padding:0;}
.user #header #gnb ul li ul li + li + li + li + li {display:none;}
.user #header #gnb ul li ul li a {font-size:14px; line-height:19px; color:#737373; font-weight:normal; padding:3px 0;}
.user #header #gnb ul li ul li a:hover{color:#f15922}
.user #header #gnb ul li ul li ul {display:none;}
.user #header #gnb ul li a.more {display:block; width:20px; height:20px; overflow:hidden; text-indent:-9999px; margin-top:128px; position:absolute; z-index:20;} 
.user #header #gnb ul li a.more:after {content:""; display:block; width:100%; height:100%; position:absolute; left:0; top:0; background:url(../../images/kor/layout_2019/gnb_more_ico.png) no-repeat center 50%;}
.user #header #gnb ul li ul.on li + li + li + li + li {display:block;}
.user #header #gnb ul li a.more:hover:after {transform:rotate(180deg); -webkit-transform:rotate(180deg);}




/* 추가 작업 */
.user #slide_map .inner .binds ul li ul li.hide_menu > ul {display:block;}
.user #header #gnb ul li ul li + li + li + li + li {display:block;}
.user #header #gnb ul li ul li.hide_menu .more{position:relative; width:20px; height:20px; cursor:pointer; border:inherit; background-color:inherit; overflow:hidden; text-indent:-9999px;}

.user #header #gnb ul li ul li.hide_menu .more:after {content:""; display:block; width:100%; height:100%; position:absolute; left:0; top:0; background:url(../../images/kor/layout_2019/gnb_more_ico.png) no-repeat center 50%; transform:rotate(0deg); transition:transform 0.25s}
.user #header #gnb ul li ul li.hide_menu .more:hover:after {transform:rotate(180deg); -webkit-transform:rotate(180deg);}
.user #header #gnb ul li ul li.hide_menu ul {display:block; overflow:hidden; height:0; z-index: -1; padding-top:0;}
.user #header #gnb ul li ul li.hide_menu ul ul {display:none;}
.user #header #gnb ul li ul li.hide_menu.on > ul {overflow:visible; height:auto; z-index:1;}
/* //추가작업 */




.user #header .toputil {position:absolute; right:40px; top:22px; z-index:101;font-family:"맑은고딕","Malgun Gothic","돋움",Dotum,Helvetica,Verdana,Arial,sans-serif;}
.user #header .toputil .btn_eng {display:inline-block; vertical-align:top; margin-right:10px; float:left; color:#494949; height:31px; line-height:31px; padding:0 20px; text-decoration:none; border:1px solid #dfdfdf; border-radius:17px; -webkit-border-radius:17px;}
.user #header .toputil .btn_eng:hover {border:1px solid #b2b2b2; background:#b2b2b2; color:#fff;}
.user #header .toputil .btn_sitemap {display:none;}
.user #header .toputil .btn_googles {float:left; margin-right:10px; display:inline-block; vertical-align:top; color:#494949; height:31px; line-height:31px; padding:0 15px; text-decoration:none; border:1px solid #2461bd; background:#2461bd; color:#fff; border-radius:17px; -webkit-border-radius:17px;}
.user #header .toputil .btn_googles span {display:inline-block; padding:0 5px 0 25px; position:relative; background:url(../../images/kor/layout_2019/googles_ico.png) no-repeat left 50%; font-size:14px} 
.user #header .toputil .btn_googles span:after {content:""; display:none; width:12px; height:8px; background:url(../../images/kor/layout_2019/googles_arrow.png) no-repeat center 50%; position:absolute; right:0; top:50%; margin-top:-4px;}


.user #header .toputil .btn_allmenu {float:left; display:block; width:31px; height:31px; background:url(../../images/kor/layout_2019/allmenu_ico.png) no-repeat center 50%; overflow:hidden;
	 text-indent:-9999px; display: none;}

.user #header .toputil .btn_allmenu_desktop{float:left; display:block; width:31px; height:31px; background:url(../../images/kor/layout_2019/allmenu_ico.png) no-repeat center 50%; 
	overflow:hidden; text-indent:-9999px;}



.user #header  .sns_link { position:absolute; right:2%; bottom:28px; height:41px}
.user #header  .sns_link:after {content:""; display:block; clear:both;}
.user #header  .sns_link li {float:left; margin-right:10px;}
.user #header  .sns_link li a {display:block; padding:0; width:41px; height:41px; box-sizing:border-box; overflow:hidden; text-indent:-9999px; border:1px solid #e5e5e5; border-radius:50%; -webkit-border-radius:50%; transition:all 0.2s ease-in}
.user #header .sns_link li.bl a {background-image:url(../../images/kor/layout_2019/sns_link_ico1.png);}
.user #header .sns_link li.bl a:hover {border:1px solid #5fba50;}
.user #header .sns_link li.fb a {background-image:url(../../images/kor/layout_2019/sns_link_ico2.png);}
.user #header .sns_link li.fb a:hover {border:1px solid #415dc6;}
.user #header .sns_link li.yt a {background-image:url(../../images/kor/layout_2019/sns_link_ico3.png);}
.user #header .sns_link li.yt a:hover {border:1px solid #ce4c24;}
.user #header  .sns_link li a { background-repeat:no-repeat; background-position:center 50%;}


/* Footer */
.user #footer {position:relative; padding-bottom:30px; font-family:"맑은고딕","Malgun Gothic","돋움",Dotum,Helvetica,Verdana,Arial,sans-serif; font-size:14px; line-height:19px;}
.user #footer:after {content:""; display:block; width:100%; height:46px; background:#5b5c5c; position:absolute; left:0; top:0; z-index:1;} 
.user #footer .layout {max-width:1340px; margin:0 auto; position:relative; z-index:10;} 
.user #footer .site_link {width:auto;}
.user #footer .site_link:after {content:""; display:block; clear:both;}
.user #footer .site_link li {float:left; margin-right:25px;}
.user #footer .site_link li a {display:block; color:#E9E9E9; line-height:46px;}
.user #footer .infor_link {width:auto; position:absolute; right:0; top:0; z-index:5; border-left:1px solid #737474;}
.user #footer .infor_link:after {content:""; display:block; clear:both;}
.user #footer .infor_link li {float:left; border-right:1px solid #737474;}
.user #footer .infor_link li a {display:block; color:#fff; line-height:46px; padding:0 20px; font-weight:700;}
.user #footer .footer_link {margin:15px 0;}
.user #footer .footer_link:after {content:""; display:block; clear:both;}
.user #footer .footer_link li {float:left; margin-right:20px;}
.user #footer .footer_link li a {display:block; font-size:13px; color:##606060; padding:5px 0;}
.user #footer .footer_link li:first-child a {color:#4a4a4a; font-weight:600}
.user #footer .right_box {position:absolute; right:0; top:100px; z-index:10;}
.user #footer .right_box:after {content:""; display:block; clear:both;}
.user #footer .right_box p {float:left; margin:0 0 0 15px;}

.user #footer .right_box p img {display:block;}
.user #footer .right_box p a {background:none; padding:0; display:block;}
.user #footer .right_box p.wa_mark {margin-top:-13px; margin-left:10px;}
.user #footer address,
.user #footer p {font-size:13px; margin:0; color:#6D6D6D; word-break:keep-all;}
.user #footer address a {color:#959595;}



/******************** Media Quary ********************/
@media screen and (max-width: 1740px){
/* Header */
.user #header h1.logo {left:20px;}	
.user #header .searchs {left:20px;}
.user #header #gnb {padding:0 270px 0 320px;}
.user #header .toputil {right:20px;}
}

@media screen and (max-width: 1540px){
/* Header */
.user #slide_map .inner .binds ul li {width:25%;}
.user #slide_map .inner .binds ul li:nth-child(5) {margin-top:50px;}
.user #header {padding:78px 0 0 0;}
.user #header h1.logo {left:3%;}
.user #header h1.logo .logo_img{display: none;}
.user #header .searchs {left:auto; right:3%; top:18px; margin-right:440px;}
.user #header #gnb {padding:0 3% 0 3%; border-top:1px solid #e5e5e5;}
.user #header .toputil {right:3%;}
.user#sub #wrap {padding-top:275px;}
.user #header .sns_link{ top:20px; margin-right:285px;height:41px}
.user #header .sns_link li{ margin-right:7px}
.user #header .sns_link li a{ background-size:85% auto; width:37px; height:37px}

#sub.user #visual strong{ margin:0}
}

@media screen and (max-width: 1445px){
/* Footer */	
.user #footer .layout {max-width:94%; padding:0 3%;}
.user #footer .infor_link {right:3%;}
.user #footer .right_box {right:3%;}	
}


@media screen and (min-width: 1025px){
.user #slide_map .inner .binds ul li ul {display:block !important;}
.user #slide_map .inner .binds ul li ul li ul {display:none !important;}
.user #header .searchs {display:block !important;}

}

@media screen and (max-width: 1024px){
/* Common */
.js_mobile_check {display:block;}	
	
/* Header */
.user #slide_map {padding-top:0; background:rgba(0,0,0,0.8); 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:78px;}
.user #slide_map .inner .binds ul {position:relative; z-index:10; background:#fff;}
.user #slide_map .inner .binds ul li {margin-top:0 !important; border-top:1px solid #fff; 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 a {font-size:17px; line-height:22px; text-align:left; background:#0c4eaf; color:#fff; margin:0; padding:12px 3%; position:relative;}
.user #slide_map .inner .binds ul li a:after {content:""; display:block; position:absolute; right:4%; top:50%; margin-top:-3px; width:11px; height:6px; background:url(../../images/kor/layout_2019/mgnb_bul_01.png) no-repeat center 50%;
opacity:0.4; -webkit-opacity:0.4;} 
.user #slide_map .inner .binds ul li a.on {background:#0a2b72;}
.user #slide_map .inner .binds ul li a.on:after {transform:rotate(180deg); -webkit-transform:rotate(180deg); opacity:1; -webkit-opacity:1;}
.user #slide_map .inner .binds ul li ul {display:none; padding:0; margin-top:0; border:0;}
.user #slide_map .inner .binds ul li ul li {width:auto; float:none; min-height:10px; margin-top:0 !important; border-top:1px solid #e8e8e8;}
.user #slide_map .inner .binds ul li ul li a {background:none; position:relative; color:#444; font-size:15px; padding:11px 3% 10px 3%; display:block;}
.user #slide_map .inner .binds ul li ul li a:after {display:none;}
.user #slide_map .inner .binds ul li ul li a:before {content:""; display:inline-block; vertical-align:top; width:7px; height:2px; background:#909090; margin:8px 7px 0 0;}
.user #slide_map .inner .binds ul li ul li a:hover,
.user #slide_map .inner .binds ul li ul li a.on {color:#f15922; background:#fff;}
.user #slide_map .inner .binds ul li ul li a:hover:before,
.user #slide_map .inner .binds ul li ul li a.on:before {background:#f15922;}
.user #slide_map .inner .binds ul li ul li ul {display:none; background:#e3eeff; width:auto; padding:10px 3%; box-sizing:border-box;}
.user #slide_map .inner .binds ul li ul li ul li {border:0;}
.user #slide_map .inner .binds ul li ul li ul li a {padding:3px 5px; font-size:14px;}
.user #slide_map .inner .binds ul li ul li ul li a:before {width:2px; height:2px; background:#444; margin:8px 7px 0 0;}
.user #slide_map .inner .binds ul li ul li ul li a:hover {color:#415a89; background:none;}
.user #slide_map .inner .binds ul li ul li ul li a:hover:before {background:#415a89;}


/* 추가 */
.user #slide_map .inner .binds ul li ul li.hide_menu > ul {background-color:#fff; padding:0;}
.user #slide_map .inner .binds ul li ul li.hide_menu > ul > li {width:auto; float:none; min-height:10px; margin-top:0 !important; border-top:1px solid #e8e8e8;}
.user #slide_map .inner .binds ul li ul li.hide_menu > ul > li:first-child {border-top:none;}
.user #slide_map .inner .binds ul li ul li.hide_menu > ul > li > a {background:none; position:relative; color:#444; font-size:15px; padding:11px 3% 10px 3%; display:block;}
.user #slide_map .inner .binds ul li ul li.hide_menu > ul > li > a:before {content:""; display:inline-block; vertical-align:top; width:7px; height:2px; background:#909090; margin:8px 7px 0 0;}
.user #slide_map .inner .binds ul li ul li.hide_menu > ul > li > a:hover,
.user #slide_map .inner .binds ul li ul li.hide_menu > ul > li > a.on {color:#f15922; background:#fff;}
.user #slide_map .inner .binds ul li ul li.hide_menu > ul > li > a:hover:before,
.user #slide_map .inner .binds ul li ul li.hide_menu > ul > li > a.on:before {background:#f15922;}
/* //추가 */

.user #slide_map .inner .binds .toputil {background:#fff; border-top:1px solid #dcdcdc; padding:5px 3%; display:block;}
.user #slide_map .inner .binds .toputil:after {content:""; display:block; clear:both;}
.user #slide_map .inner .binds .toputil .btn_googles,
.user #slide_map .inner .binds .toputil .btn_allmenu {display:none;}
.user #slide_map .inner .binds .toputil a {display:inline-block; vertical-align:top; padding:9px 0; font-size:15px; float:left; margin-right:15px; padding-right:15px; position:relative;}
.user #slide_map .inner .binds .toputil a.btn_eng{ display:none}
.user #slide_map .inner .binds .toputil a.btn_eng:after {content:""; display:block; width:1px; height:10px; background:#9b9b9b; position:absolute; right:0; top:50%; margin-top:-5px; }

.user #slide_map .inner .binds .toputil  .sns_link { float:right}
.user #slide_map .inner .binds .toputil  .sns_link:after {content:""; display:block; clear:both;}
.user #slide_map .inner .binds .toputil  .sns_link li {float:left; margin-right:6px;}
.user #slide_map .inner .binds .toputil  .sns_link li:last-child{ margin-right:0}
.user #slide_map .inner .binds .toputil  .sns_link li a {display:block; padding:0; width:34px; height:34px; box-sizing:border-box; overflow:hidden; text-indent:-9999px; border:1px solid #e5e5e5; border-radius:50%; -webkit-border-radius:50%; transition:all 0.2s ease-in; background:transparent; margin-right:0}
.user #slide_map .inner .binds .toputil .sns_link li.bl a {background-image:url(../../images/kor/layout_2019/sns_link_ico1.png);}
.user #slide_map .inner .binds .toputil .sns_link li.bl a:hover {border:1px solid #5fba50;}
.user #slide_map .inner .binds .toputil .sns_link li.fb a {background-image:url(../../images/kor/layout_2019/sns_link_ico2.png);}
.user #slide_map .inner .binds .toputil .sns_link li.fb a:hover {border:1px solid #415dc6;}
.user #slide_map .inner .binds .toputil .sns_link li.yt a {background-image:url(../../images/kor/layout_2019/sns_link_ico3.png);}
.user #slide_map .inner .binds .toputil .sns_link li.yt a:hover {border:1px solid #ce4c24;}
.user #slide_map .inner .binds .toputil  .sns_link li a { background-size:85% auto; background-repeat:no-repeat; background-position:center 50%;}

.user #header {position:relative; padding:0; height:78px;}
.user #header h1.logo {left:50%; margin-left:-111px;}
.user #header .search_toggle {display:block; position:absolute; right:3%; top:50%; z-index:201; margin-top:-22px; width:44px; height:44px; border:1px solid #e2e4e6; border-radius:4px; -webkit-border-radius:4px; background:url(../../images/kor/layout_2019/search_ico_mob.svg) no-repeat center 50%; box-sizing:border-box; overflow:hidden; text-indent:-9999px;}
.user #header .search_toggle.on {background:url(../../images/kor/layout_2019/search_close.png) no-repeat center 50%; border:1px solid #538be0;}
.user #header .searchs {display:none; width:100%; right:0; margin-right:0; top:78px; box-sizing:border-box; padding:10px 3%;}
.user #header .searchs form {display:block; background:none; max-width:60%; margin:0 auto; position:relative; box-sizing:border-box; padding-right:37px;}
.user #header .searchs form .form {}
.user #header .searchs input[type="submit"] {width:37px; height:37px; background:#fff url(../../images/kor/layout_2019/search_ico2.png) no-repeat center 50%;}
.user #header #gnb,
.user #header .toputil .btn_eng { width:44px; height:44px ; border-radius:4px;  top:50%; left:3%;margin-left:50px; margin-top:-22px; float:none; position:absolute; padding:0; line-height:44px; text-align:center; font-weight:600; font-size:15px; color:#2461bd}
.user #header .toputil .btn_eng span{ display:none}
.user #header .toputil .btn_googles {float:none; margin:0; display:block; padding:0; width:44px; height:44px; border-radius:4px; -webkit-border-radius:4px; position:absolute; box-sizing:border-box; right:3%; top:50%; margin-top:-22px; margin-right:50px; background:#fff; border:1px solid #e2e4e6}
.user #header .toputil .btn_googles span {overflow:hidden; text-indent:-9999px; display:block; width:100%; height:100%; position:absolute; left:0; top:0; padding:0; background:url(../../images/kor/layout_2019/googles_ico.svg) no-repeat left 50%;background-position:center 50%; }
.user #header .toputil {position:relative; right:auto; top:auto; height:100%;}
.user #header .toputil .btn_allmenu {width:44px; height:44px; position:absolute; left:3%; top:50%; margin-top:-22px; background:#2461bd; border-radius:4px; -webkit-border-radius:4px; display: block;}
.user #header .toputil .btn_allmenu:before,
.user #header .toputil .btn_allmenu:after,
.user #header .toputil .btn_allmenu span{
	content:""; display:block; position:absolute; right:25%; width:50%; height:2px; background:#fff;
	transition : all 0.2s linear;
	-webkit-transition : all 0.2s linear;
}
.user #header .toputil .btn_allmenu:before{top:12px;}
.user #header .toputil .btn_allmenu:after{bottom:12px;}
.user #header .toputil .btn_allmenu span{top:50%; margin-top:-1px;}
.user #header .toputil .btn_allmenu.on:before {transform:rotate(45deg); -webkit-transform:rotate(45deg); top:50%; right:15%; width:70%; margin-top:-1px;}
.user #header .toputil .btn_allmenu.on:after {transform:rotate(-45deg); -webkit-transform:rotate(-45deg); bottom:50%; right:15%; width:70%; margin-bottom:-1px;}
.user #header .toputil .btn_allmenu.on span {opacity:0; -webkit-opacity:0;}

.user #header .toputil .btn_allmenu_desktop{ display: none;}

.user #header .sns_link{ display:none}

/* Footer */
.user #footer .footer_link {text-align:center; margin:13px 0 7px 0;}
.user #footer .footer_link li {float:none; display:inline-block; vertical-align:top; margin:0 5px;}
.user #footer address, .user #footer p {margin-right:0; text-align:center;}
.user #footer p.copy {margin-bottom:5px;}
.user #footer .right_box {position:relative; right:auto; top:auto; margin-top:25px; text-align:center;}
.user #footer .right_box .sns_link, .user #footer .right_box p {float:none; display:inline-block; vertical-align:top; margin:0;}
.user #footer .right_box p.wa_mark {margin:-4px 8px 0 8px;}
.user #footer .right_box p.wa_mark img {height:50px;}
.user #footer .right_box .sns_link li:nth-child(3) {margin-right:0;}


.user#sub #wrap{ padding-top:0}
}

@media screen and (max-width: 740px){
/* Header */
.user #slide_map .inner {padding-top:70px;}
.user #header {height:70px;}
.user #header h1.logo {top:23px;}
.user #header .toputil .btn_allmenu,
.user #header .search_toggle {width:34px; height:34px; margin-top:-16px;}
.user #header .searchs {top:70px;}
.user #header .toputil .btn_googles {width:34px; height:34px; margin-top:-16px; margin-right:40px;} 
.user #header .toputil .btn_allmenu:before{ top:10px}
.user #header .toputil .btn_allmenu:after{ bottom:10px}
.user #header #gnb, .user #header .toputil .btn_eng{ width:34px; height:34px; margin-top:-16px; line-height:34px; margin-left:40px}
	
/* Footer */
.user #footer:after {height:93px;}
.user #footer .site_link {text-align:center;}
.user #footer .site_link li {float:none; display:inline-block; vertical-align:top; margin:0 10px;}
.user #footer .infor_link {position:relative; right:auto; top:auto; box-sizing:border-box; border:0; border-top:1px solid #737474; text-align:center;}
.user #footer .infor_link li {border:0; float:none; display:inline-block; vertical-align:top; margin:0 10px;}
.user #footer .infor_link li a {padding:0;}
.user #footer .footer_link li a {padding:2px 0;}
}

@media screen and (max-width: 640px){
/* Header */
.user #slide_map .inner {padding-top:60px;}
.user #slide_map .inner .binds ul li a {font-size:16px;}
.user #slide_map .inner .binds ul li ul li a {font-size:14px;}
.user #slide_map .inner .binds ul li ul li ul li a {font-size:13px;}
.user #header {height:60px;}
.user #header h1.logo {margin-left:-50px; top:22px;}
.user #header h1.logo a {width:100px; overflow:hidden; height:20px;}
.user #header .searchs {top:60px;}	
.user #header .searchs form {max-width:90%;}
	
/* Footer */
.user #footer {padding-bottom:25px;}
.user #footer:after {height:81px;}
.user #footer .site_link li a {font-size:13px; line-height:40px;}
.user #footer .infor_link li a {font-size:13px; line-height:40px;}
.user #footer address, .user #footer p {font-size:12px;}
.user #footer p span {display:block;}
.user #footer .right_box {margin-top:20px;}
.user #footer .right_box .sns_link {display:block; margin:0 auto; margin-bottom:15px; width:143px;}
.user #footer .right_box .sns_link li {float:left; display:block;}
.user #footer .right_box p.wa_mark img {height:45px;}
.user #footer .right_box p.open_mark img {height:36px;}
}

@media screen and (max-width: 480px){

}




/***** 2019.8.27 레이아웃 변경전 파일 *****/
/**************************************************************************************************************/


.al_box {max-width:1340px; height:auto; margin:0 auto; position:relative; z-index:10;}
.al_box:after {content:""; display:block; clear:both;}
@media screen and (max-width: 1445px){
	
.al_box {max-width:94%;} 	
}

/***** sub visual *****/
.sub_visual_wrap {width:100%; height:auto; position:relative;}
.sub_visual_wrap .pattern_bg {display:block; width:100%; height:100%; position:absolute; left:0; top:0; z-index:1; background:#18497c url(../../images/kor/common/sub_visual_patternbg.png) repeat;}

#sub_visual {width:100%; height:161px; position:relative; margin:0 auto; overflow:hidden; z-index:10;}
#sub_visual .slogon {position:absolute; left:50%; top:45px; margin:0 0 0 -480px;}
.sub_bg01 {background:url(../../images/kor/common/sub01.png) no-repeat center top;}
.sub_bg02 {background:url(../../images/kor/common/sub02.png) no-repeat center top;}
.sub_bg03 {background:url(../../images/kor/common/sub03.png) no-repeat center top;}
.sub_bg04 {background:url(../../images/kor/common/sub04.png) no-repeat center top;}
.sub_bg05 {background:url(../../images/kor/common/sub05.png) no-repeat center top;}
.sub_bg06 {background:url(../../images/kor/common/sub06.png) no-repeat center top;}
.sub_bg07 {background:url(../../images/kor/common/sub07.png) no-repeat center top;}
.sub_bg08 {background:url(../../images/kor/common/sub08.png) no-repeat center top;}




/***** container *****/

#sub #container {width:100%; height:auto; /*ackground:url(../../images/kor/common/container_bg.jpg) repeat left top;*/ padding:0 0 0 0; position:relative; margin-top:-28px}
#sub #container .line_bg {background:#fff /*url(../../images/kor/common/sub_containerbg.gif) repeat-y 19% top*/; border:1px solid #d2d2d2; border-bottom:0; border-top:0;}
#sub #container .bg01 {background:url(../../images/kor/common/container_shape01.png) no-repeat; width:662px; height:329px; position:absolute; right:50%; top:-40px; margin-right:-940px;}
#sub #container .bg02 {background:url(../../images/kor/common/container_shape02.png) no-repeat; width:320px; height:357px; position:absolute; left:50%; bottom:-40px; margin-left:-780px;}
#sub #contents {width:81%; height:auto; float:left; border-top:3px solid #f15922; margin-left:-1px;}
#sub #contents:after {content:""; display:block; clear:both;}

.line_box {border-left:1px solid #d2d2d2; border-bottom:0; background:#fff; padding:0 0 40px 0; background:#fff /*url(../../images/kor/common/contents_bg.gif) repeat-x left top;*/}
.top_btn {display:block; width:40px; height:38px; background:url(../../images/kor/common/top_btn.gif) no-repeat; position:absolute; right:-7px; top:165px; color:#fff !important; font-weight:600; text-align:center; padding:8px 0 0 0; font-size:13px;}

	/** left menu **/
	#lnb {width:19%; height:auto; float:left; border-top:3px solid #f15922; border-right:1px solid #d2d2d2;} 
	#lnb h2 {border:1px solid #d2d2d2;  font-family:'나눔고딕','NanumGothicWeb','Nanum Gothic','돋움',Dotum,Helvetica,Verdana,Arial,sans-serif; border-left:0; border-top:0; border-right:0; height:73px; background:#fff url(../../images/kor/common/lnb_titlebg.jpg) no-repeat left top; text-align:center; font-size:30px; font-weight:600; padding:50px 0 10px 0; line-height:normal;}
	#lnb h2.block {height:88px; padding:35px 0 10px 0;}
	#lnb h2.block2 {height:108px; padding:15px 0 10px 0;}
	#lnb h2 span {display:block; font-size:14px; letter-spacing:0; color:#aaaaaa; margin-top:5px;}
	
	#lm{width:100%;}
	#lm li {width:auto; border-top:1px solid #d2d2d2; background:#fff;}
	#lm li:first-child {border-top:0px;}
	#lm li a {padding:7px 13% 7px 7%; width:80%; display:block; overflow:hidden; /*height:42px; line-height:42px;*/ font-size:12px}
	#lm li a[target="_blank"] {background:url(../../images/kor/common/blank_ico.gif) no-repeat 92% 50%; padding:7px 13% 7px 7%; width:80%;}
	#lm li a.ov, #lm li a:hover, #lm li a:active, #lm li a:focus {background:#ea581d url(../../images/kor/common/lnb_ovbg.gif) no-repeat 92% 50%; color:#fff; text-decoration:none;}
	
	#lm li ul{display:none; width:100%; background:#f5f5f5; padding:7px 0; height:auto;}
	#lm li ul li {width:100%; margin:0 0px; border-right:0px; border-top:0px; background:none;}
	#lm li ul li a {font-size:12px; padding:4px 13% 4px 7%; width:80%; height:auto; display:block; line-height:18px; font-weight:normal;}
	#lm li ul li a.ov, #lm li ul li a:hover, #lm li ul li a:active, #lm li ul li a:focus {background:none; color:#ea581d; text-decoration:underline;}
	
	#lm li ul li a[target="_blank"] {background:url(../../images/kor/common/blank_ico.gif) no-repeat 90% 50% !important; padding:5px 7% 5px 7%;}
	
	/** location **/
	.location {position:relative; width:92%; background:#f7f7f7; border-bottom:1px solid #dfdfdf; padding:13px 4% 8px 4%;}
	.location ul {width:80%;}
	.location ul:after {content:""; display:block; clear:both;}
	.location ul li {float:left; padding:0 10px 0 18px; margin-bottom:5px; background:url(../../images/kor/common/location_bul.gif) no-repeat left top;}
	.location ul li.home {background:url(../../images/kor/common/location_home_bul.gif) no-repeat left top; width:15px; padding:0 10px 0 0; }
	.location ul li.home span {background:url(../../images/kor/common/location_home_bul.gif) no-repeat left top; width:15px; text-indent: -9999px; display: inline-block; }
	.location ul li a {display:block; height:17px; line-height:17px;}
	.location dl {position:absolute; right:4%; top:9px;}
	.location dt {width:0; height:0; line-height:0; font-size:0px; float:left; position:absolute; visibility:hidden; overflow:hidden;}
	.location dd {float:left; margin-left:3px;}
	.location dd a {display:block; width:26px; height:26px; background:url(../../images/kor/common/sns_bg.png) no-repeat;}
	.location dd.fb a {background-position:0 0;}
	.location dd.tt a {background-position:-29px 0;}
	.location dd.pr a {background-position:-58px 0;}
	.location dd a span {width:0; height:0; line-height:0; font-size:0px; float:left; position:absolute;  overflow:hidden;}
	
	h3.cont_title {font-size:34px; margin:0; padding:40px 0 40px 4%; width:auto; font-family:'나눔고딕','NanumGothicWeb','Nanum Gothic','돋움',Dotum,Helvetica,Verdana,Arial,sans-serif;}
	
	.content {width:92%; height:auto; min-height:350px; padding:0 4%; position:relative;}



.user #container{z-index:90;}



/* sub */
#sub.user{background-color:#fff;}
#sub.user #visual{
	display:table; table-layout:fixed; position:relative; z-index:90; width:100%; height:190px; background:url(../../images/kor/new_layout/sub_bg_01.jpg) no-repeat center top; /*background-attachment:fixed;*/ background-size:100% auto;
	transition : all 0.3s ease;
	-webkit-transition : all 0.3s ease;
	font-family:"맑은고딕","Malgun Gothic","돋움",Dotum,Helvetica,Verdana,Arial,sans-serif;
}
#sub.user #visual.bg_02{background-image:url(../../images/kor/new_layout/sub_bg_02.jpg);}
#sub.user #visual.bg_03{background-image:url(../../images/kor/new_layout/sub_bg_03.jpg);}
#sub.user #visual.bg_04{background-image:url(../../images/kor/new_layout/sub_bg_04.jpg);}
#sub.user #visual.bg_05{background-image:url(../../images/kor/new_layout/sub_bg_05.jpg);}
#sub.user #visual.bg_06{background-image:url(../../images/kor/new_layout/sub_bg_06.jpg);}
#sub.user #visual.bg_07{background-image:url(../../images/kor/new_layout/sub_bg_07.jpg);}

#sub.user #visual .lay{display:table-cell; width:100%; height:100%; vertical-align:middle; text-align:center;  }
#sub.user #visual strong{display:block; line-height:31px; margin-bottom:12px; font-weight:normal; font-size:33px; color:#fff;}
#sub.user #visual span{display:block; line-height:19px; font-size:18px; color:#fff; display:none}

@media screen and (max-width: 1540px){

#sub.user #visual strong{ margin:0}
}

@media screen and (max-width: 1200px){
	#sub.user #visual{background-size:150% auto;}
}

@media screen and (max-width: 1024px){
	#sub #contents{ width:100%}
}

@media screen and (max-width: 800px){
	#sub.user #visual{background-size:200% auto;}
}

@media screen and (max-width: 600px){
		#sub.user #visual{height:100px; background-size:250% auto;}
	#sub.user #visual strong{line-height:24px; font-size:26px; margin-bottom:0}
	#sub.user #visual span{ display:none}
	#sub #container{ margin-top:0}
}