@charset "utf-8";

#header,
#container,
#foot-layout{ width:100%; text-align:center; display:inline-block; position:relative;}
#header .headerWrap,
#container .body-wrap{ width:1550px; display:inline-block; position:relative;}
#foot-layout .foot-wrap{ width:1300px; display:inline-block; position:relative;}

#header{ position:absolute; top:0; left:0; z-index:10; height:79px;}
#header:before{ width:100%; height:100%; background-color:transparent; content:""; box-sizing:border-box; position:absolute; top:0; left:0;}
#header .utile-wrap{position:absolute;top:50%;right:0;display:inline-block; float:none;z-index:9999; margin-top:-15px;}
#header .utile-wrap li{ display:inline-block; float:left; margin: 4px 0 2px 14px; border: none; padding: 0; position: static;}
#header .utile-wrap li:first-child{ margin: 0;}
#header .utile-wrap li.search{ width:25px; /*height: 25px;*/ margin-top: 0px;}
#header .utile-wrap li.search > a{ display: inline-block; width: 100%; height: 100%; vertical-align: middle; font-size: 30px; color:#fff;}
#main #header .utile-wrap li.search > a{ display: inline-block; width: 100%; height: 100%; vertical-align: middle; font-size: 30px; color:#000;}
#header .utile-wrap li.search .search_wrap{ display:none; visibility: hidden; opacity: 0; position: absolute;top: 53px;left: 0;width: 100%; height:0; z-index: 10;}
#header .utile-wrap li.search .search_wrap .search_box{position:relative;width:100%;padding: 62px 0 45px 0;margin: 0 auto;background: #203c92;}
#header .utile-wrap li.search .searchBox_inner{width:600px; height:70px; display:block; position:relative; border-bottom: 3px solid #fff;margin:0 auto 10px;}
#header .utile-wrap li.search .searchBox_inner label{ width:100%; height:70px; font-size:20px; text-align:left; font-weight:100; color:#fff; line-height:70px; padding:0; display:inline-block; box-sizing:border-box; position:absolute; top:0; left:0; opacity:0.5;}
#header .utile-wrap li.search .searchBox_inner input{ width:100%; height:70px; background-color:transparent; font-size:16px; text-align:left; color:#fff; line-height:20px; padding:16px 40px 16px 0; display:inline-block; border:0; box-sizing:border-box;}
#header .utile-wrap li.search.on .search_wrap{ display: inline-block; visibility:visible; opacity:1; height: auto;}
#header .utile-wrap li.search.on > a{ visibility: hidden; opacity:0;}
#header .utile-wrap li.search .ex{ display:inline-block; width:auto; text-align: center; margin:0 auto;}
/* #header .utile-wrap li.search .ex .ex_tit{ display: inline-block; font-size: 18px; font-weight: bold; color:#fff; padding:3px 15px 5px 15px; border-radius: 30px; background-color:#f5913d; margin-right: 15px; line-height: 1; vertical-align: middle;} */
#header .utile-wrap li.search .ex .ex_tit{display: inline-block;font-size: 20px;font-weight: bold;color:#fff;padding:3px 15px 5px 15px;border-radius: 30px;background-color: #bf0d7a;margin-right: 15px;line-height: 1;vertical-align: middle;}
#header .utile-wrap li.search .ex a{ display: inline-block;font-size: 16px; color:#fff; line-height: 1}
#header .utile-wrap li.search .ex a:before{ content: ""; display: inline-block; width: 1px; height: 10px; background-color:#fff; vertical-align: middle; margin:0 12px;}
#header .utile-wrap li.search .ex a:nth-child(2):before{ display: none; }
#header .utile-wrap li.search button{ position: absolute;top:25px;right:0;width: 20px;height: 20px;font-size:0;background:url(/main/img/common/common_ir.png) no-repeat -140px -69px;}
#header .utile-wrap li.search .clickClose{position: absolute;top: -47px;right: 49.5%;margin-right: -725px;display:block;width:24px;height:24px;background: url(/main/img/common/common_ir.png) no-repeat -345px -36px; font-size:0;}
#header .utile-wrap li.search .clickClose:before{display:none;}
#main #header .utile-wrap li.eng a{ display:inline-block; font-size:15px; font-family: 'ttl'; line-height: 1; color:#000; vertical-align:middle; padding:7px 15px; border-right: 1px solid #000;}
#header .utile-wrap li.eng a{ display:inline-block; font-size:15px; font-family: 'ttl'; line-height: 1; color:#fff; vertical-align:middle; padding:7px 15px; border-right: 1px solid #ffffff;}
#header .utile-wrap li.eng a i{ display: inline-block;  vertical-align: middle; margin-right: 5px; }
#header #btnAllmenu{ display:inline-block; float:none;z-index:9999; width:26px; height:25px;}
#header #btnAllmenu .close{ display: none; }
#main #header #btnAllmenu{ display:inline-block; float:none;z-index:9999; width:26px; height:25px;}
#main #header #btnAllmenu .close{ display: none; }
#header .utile-wrap .m_cclose { display:none; }

#main #header .sitemap a{width:100%;height:100%;background: url(/main/img/common/common_ir.png) no-repeat -171px -35px;font-size:0;text-indent:-9999px;padding:0;display:inline-block;vertical-align:top;}
#header .sitemap a{width:100%;height:100%;background: url(/main/img/common/common_ir.png) no-repeat -171px 0;font-size:0;text-indent:-9999px;padding:0;display:inline-block;vertical-align:top;}
/* #header .headerWrap .logo{ width:104px; height:49px; margin:20px 0 10px 0; display:inline-block; float:left; position:relative; z-index:9999;} */
/* 2021.10.07 메인개편에 따른 수정
#header .headerWrap .logo{ width:140px; height:50px; margin:14px 0 10px 0; display:inline-block; float:left; position:relative; z-index:9999;}
#header .headerWrap .logo a{ width:100%; height:100%; background:url(/main/img/common/logo.png) no-repeat; background-size: contain; font-size:0; text-indent:-9999px; display:inline-block;vertical-align:top;}
#header .headerWrap .AllMn{ display: none; }
#header .k-startup{ position: absolute; top: 28px; right: 50%; margin-right: -425px; z-index: 10; display: inline-block; width: 92px; height: 22px; background: url(/main/img/common/k-startup.png) no-repeat; background-size: contain; vertical-align: middle; font-size: 15px; color:#fff;}
#header .k-startup i{ position: absolute; top: 4px; right: -18px;}
#header .cert{ position: absolute; top: 28px; right: 49%; margin-right: -540px; z-index: 10; display: inline-block; width: 93px; height: 23px; background: url(/main/img/common/cert.png) no-repeat; background-size: contain; vertical-align: middle; font-size: 15px; color:#fff;}
*/
#header .headerWrap .logo{ width:140px; height:50px; margin:15px 0 10px 0; display:inline-block; float:left; position:relative; z-index:9999;}
#header .headerWrap .logo a{ width:100%; height:100%; background:url(/main/img/common/logo.png) no-repeat; background-size: contain; font-size:0; text-indent:-9999px; display:inline-block;vertical-align:top;}
#main #header .headerWrap .logo a{ width:100%; height:100%; background:url(/main/img/common/logo_on.png) no-repeat; background-size: contain; font-size:0; text-indent:-9999px; display:inline-block;vertical-align:top;}
#header .headerWrap .AllMn{ display: none; }
#main #header .k-startup{ position: absolute; top: 30px; right: 50%; margin-right: -425px; z-index: 10; display: inline-block; width: 78px; height: 19px; background: url(/main/img/common/k-startup-ov.png) no-repeat; background-size: contain; vertical-align: middle; font-size: 15px; color:#000;}
#header .k-startup{ position: absolute; top: 30px; right: 50%; margin-right: -425px; z-index: 10; display: inline-block; width: 78px; height: 19px; background: url(/main/img/common/k-startup.png) no-repeat; background-size: contain; vertical-align: middle; font-size: 15px; color:#fff;}
#header .k-startup i{ position: absolute; top: 4px; right: -18px;}
#main #header .cert{ position: absolute; top: 30px; right: 50%; margin-right: -540px; z-index: 10; display: inline-block; width: 78px; height: 19px; background: url(/main/img/common/cert-ov.png) no-repeat; background-size: contain; vertical-align: middle; font-size: 15px; color:#000;}
#header .cert{ position: absolute; top: 30px; right: 50%; margin-right: -540px; z-index: 10; display: inline-block; width: 78px; height: 19px; background: url(/main/img/common/cert.png) no-repeat; background-size: contain; vertical-align: middle; font-size: 15px; color:#fff;}
#header .cert i{ position: absolute; top: 4px; right: -14px;}
#header.active .utile-wrap li.search{ display: none; }
#header.active .utile-wrap li.eng a,
#header.active1 .utile-wrap li.eng a{ border-right: 1px solid #ddd;}
#header.ov .headerWrap .logo:after,
#header.active .headerWrap .logo:after,
#header.active1 .headerWrap .logo:after{ background:url(/main/img/common/logo_after_ov.png) no-repeat; background-size: contain;}
#header.ov .k-startup,
#header.active .k-startup,
#header.active1 .k-startup{ background:url(/main/img/common/k-startup-ov.png) no-repeat; background-size: contain; color:#000;}
#header.ov .cert,
#header.active .cert,
#header.active1 .cert{ background:url(/main/img/common/cert-ov.png) no-repeat; background-size: contain; color:#000;}

#gnb{ height:79px; top:0; width:100%; text-align:center; padding:0; display:inline-block; box-sizing:border-box; position:absolute; left:0; z-index:1;}/* height:gnb높이, top:#header에서 위치 */
#gnb .topmenu{ position:relative; width:1550px; padding:0 300px 0 100px; text-align:center; display:inline-block; box-sizing:border-box;}/* width:컨텐츠 넓이, padding:header의 왼쪽 오른쪽 값으로 1차 메뉴 중앙 정렬 */
#gnb .topmenu > li{ display:inline-block; height:79px; padding:0; box-sizing:border-box;}
#main #gnb .topmenu > li > a{ display:inline-block; position:relative;padding:0 20px; margin:0; text-align:center; height:75px; font-weight: 500; font-size:20px; color:#000; text-align:center; line-height:22px; display:table-cell; vertical-align:middle; transition: .2s; -webkit-transition: .2s;}/* 1차메뉴 높이(오버시 border-bottom값을 뺀 높이) */
#gnb .topmenu > li > a{ display:inline-block; position:relative;padding:0 20px; margin:0; text-align:center; height:75px; font-weight: 500; font-size:20px; color:#fff; text-align:center; line-height:22px; display:table-cell; vertical-align:middle; transition: .2s; -webkit-transition: .2s;}/* 1차메뉴 높이(오버시 border-bottom값을 뺀 높이) */
#gnb .submenu{ width:auto; min-height: 200px; right:0; padding:0; display:inline-block; padding:20px 0 18px 0; box-sizing:content-box; position:absolute; top:-9999999px; left:0; transition: 0.2s;-webkit-transition: 0.2s;}

#gnb .submenu > ul > li > a{ margin:35px 0;}
#gnb .submenu .lnb-detail{ margin-top:-35px; margin-bottom:35px; display:inline-block;}
#gnb .submenu li{ width:100%; display:inline-block; float:left; line-height: 1.5;}
#gnb .submenu li a{ width:100%; font-size:15px; color:#fff; line-height:24px; display:inline-block;}
#gnb .submenu > ul > li{ width:25%;}
#gnb .submenu > ul > li:nth-child(-n+3):before{ position: absolute; top:-1px; left:0;content:""; display: inline-block;  width:1px; height: 100%; background-color:#e9e9e9;}
#gnb .submenu > ul > li:first-child:before{left:25%;}
#gnb .submenu > ul > li:nth-child(2):before{left:50%;}
#gnb .submenu > ul > li:nth-child(3):before{left:75%;}
#gnb .topmenu li.n4 .submenu > ul > li:nth-child(2):before{ display: none; }

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

#gnb.on li.ov .submenu{ width:auto; left:283px; right:0; top:80px;}
#gnb.on .topmenu > li.on > a:after,
#gnb.on .topmenu > li.ov > a:after,
#gnb.on .topmenu > li.on:hover > a:after,
#gnb.on .topmenu > li.ov:hover > a:after,
#gnb.on .topmenu > li:hover > a:after,
#gnb.on .topmenu > li > a:focus:after{ position:absolute; bottom:12px; left:50%; margin-left: -6px; content:""; display:inline-block; width:8px; height:8px; border-radius: 50%; background-color: #2d4478;}/* 1차메뉴 오버시 밑줄 */
#gnb.on .submenu > ul > li > a:hover:after,
#gnb.on .submenu > ul > li:hover > a,
#gnb.on .submenu > ul > li.ov:hover > a{ color:#2d4478;}

#gnb .title-wrap{width:283px;display:inline-block; position:absolute; top:0; left:-283px; z-index:1; background-color: transparent; text-align:left; overflow:hidden; transition: 0.1s;-webkit-transition: 0.1s;}
#gnb .title-wrap:before{ width:232px; height:193px; background:url(/main/img/common/gnb_bg.png) no-repeat; content:""; position:absolute; bottom:0; right:55px;}
#gnb .title-wrap strong{ width:100%; font-size:28px; color:#fff; letter-spacing: 0; line-height:30px; padding:0; margin:40px 0 0 0; display:inline-block;}
#gnb .title-wrap strong:after{ content: ""; display: block; width: 31px; height: 3px; background-color: #fff; margin: 18px 0;}
#gnb .title-wrap p{ width:100%; font-size: 16px; color:#fff; opacity: 0.8; line-height:1.5; padding:0; margin:0; display:inline-block;}
#gnb .submenu li a{ color:#000;}
#gnb .submenu > ul > li{ text-align:left; padding:0 20px; margin-bottom: 30px; box-sizing:border-box;}
#gnb .submenu > ul > li > a{ font-weight:400; font-size:18px; color:#000; line-height:1; padding:0; margin:0; box-sizing:border-box; position:relative;}
#gnb.on .submenu > ul > li > a:hover,
#gnb.on .submenu > ul > li:hover > a,
#gnb.on .submenu > ul > li.ov:hover > a{ color:#203c92;}
#gnb .submenu .lnb-detail{ margin:10px 0 0 0; }
#gnb .submenu .lnb-detail li a{ font-size:16px; color:#666; line-height:1; padding:0 0 7px 10px; position:relative;}
#gnb .submenu .lnb-detail li a:before{ width:3px; height:3px; background-color:#666; content:""; margin-top:-2px; position:absolute; top:11px; left:0;}
#gnb .submenu > ul > li > a.linkWindow:after,
#gnb .submenu .lnb-detail li a.linkWindow:after{ content:""; display: inline-block; width: 11px; height: 11px; background:url(/main/img/common/xi-external-link.png) no-repeat; background-size: contain; vertical-align: middle; margin-left: 5px; margin-top: -3px;}
#gnb .submenu > ul > li > a.linkWindow:after{ width: 14px; height: 14px;}
#gnb.on .submenu > ul > li:hover > a.linkWindow:before{background:url(/main/img/common/xi-external-link-ov.png) no-repeat; background-size: contain; }
#gnb.on .submenu > ul > li:hover,
#gnb.on .submenu > ul > li:hover > a{ background-color:transparent;}
#gnb.on .submenu .lnb-detail li a:hover{ color:#03328d; text-decoration:underline;}
#gnb.on .submenu .lnb-detail li a:hover:before{ background-color:#03328d;}

#gnb.on .topmenu > li.ov > .title-wrap{ top:79px;}
#gnb.on .topmenu > li.ov > .title-wrap,
#gnb.on li.ov .submenu,
#header.ov .gnb_bg,
#header.ov .gnb_bg2{ visibility: visible; opacity: 1;}/* #gnb에서 2차 메뉴, gnb배경 위치 */

#header.ov .gnb_bg{ width:100%; display:inline-block; box-sizing:content-box; overflow:hidden; position:absolute; top:79px; left:0; z-index:-1; background-color:#fff;  opacity:1;}
#header.ov .gnb_bg:before{ height:100%; background-color:#203c92; content:""; margin-right:492px; position:absolute; left:0; right:50%;}
#header.ov .gnb_bg2,
#header.active .gnb_bg2,
#header.active1 .gnb_bg2{width:100%; display:inline-block;box-sizing:content-box;overflow:hidden;position:absolute;top:79px;left:0;z-index:-2;background-color:rgba(0, 0, 0, 0.5);opacity:1;}

#header.active:before,
#header.active1:before,
#header.ov:before{ opacity: 1; background-color:#fff; border-bottom:1px solid #e9e9e9;}
#header.active .headerWrap .logo a,
#header.active1 .headerWrap .logo a,
#header.ov .headerWrap .logo a,
#header.allMenu .headerWrap .logo a{ background:url(/main/img/common/logo_on.png) no-repeat; background-size: contain;}
#header.active .headerWrap .logo:after,
#header.active1 .headerWrap .logo:after,
#header.ov .headerWrap .logo:after,
#header.allMenu .headerWrap .logo:after{ background:url(/main/img/common/logo_after_ov.png) no-repeat; background-size: contain;}
#header.active #gnb .topmenu > li > a,
#header.active1 #gnb .topmenu > li > a,
#header.ov #gnb .topmenu > li > a{color:#000;}
#header.active #gnb.on .topmenu > li.ov > a,
#header.active #gnb.on .topmenu > li.ov:hover > a,
#header.active #gnb.on .topmenu > li:hover > a,
#header.active #gnb.on .topmenu > li.on > a,
#header.ov #gnb .topmenu > li.ov > a{color:#2d4478;}
#header.active .headerWrap .utile-wrap li.eng > a,
#header.active1 .headerWrap .utile-wrap li.eng > a,
#header.ov .headerWrap .utile-wrap li.eng > a{ color:#000; }
#header.active .utile-wrap li.search > a,
#header.active1 .utile-wrap li.search > a,
#header.ov .utile-wrap li.search > a{ color:#000;}
#header.active .headerWrap .utile-wrap li.eng > a:before,
#header.active1 .headerWrap .utile-wrap li.eng > a:before,
#header.ov .headerWrap .utile-wrap li.eng > a:before{ background-position: -120px -36px; }
#header.active .sitemap > a,
#header.active1 .sitemap > a,
#header.ov .sitemap > a{ background-position: -171px -36px; }
#header.active .utile-wrap{ right: -15px; }

/* 모든메뉴 시작 */

#header.allMenu{ position: fixed; width:100%; height: 100%; background-color:#fff; overflow-y: scroll;}
#header.allMenu:before,
#header.allMenu.active:before,
#header.allMenu.ov:before{ display: none; }
#header.allMenu:after{ position:absolute; top:79px; left: 0; content: ""; display: inline-block; width:100%; height: 1px; background-color:#ddd; }
#header.allMenu .headerWrap{ height: 79px; }
#header.allMenu .headerWrap .logo{ position: absolute; top:0; left:0; }
#header.allMenu #btnAllmenu{ top:0; width: 100%; height: 100%; }
#header.allMenu #btnAllmenu .close{ display: inline-block; }
#header.allMenu #btnAllmenu .open{ display: none; }
#main #header.allMenu #btnAllmenu{ top:0; width: 100%; height: 100%; }
#main #header.allMenu #btnAllmenu .close{ display: inline-block; }
#main #header.allMenu #btnAllmenu .open{ display: none; }
#header.allMenu .utile-wrap{ top:0; right:0; margin-top:0; }
#header.allMenu .utile-wrap li{ display: none; }
#header.allMenu .utile-wrap li.sitemap{ display: inline-block; width:79px; height: 79px; background: #000; margin:0;}
#header.allMenu .utile-wrap li.sitemap a,
#header.allMenu.active .utile-wrap li.sitemap a{ background:url(/main/img/common/allMenu_close.png) no-repeat;}
#main #header.allMenu .utile-wrap li.sitemap a,#main #header.allMenu.active .utile-wrap li.sitemap a{ background:url(/main/img/common/allMenu_close.png) no-repeat;}
#header.allMenu #gnb{ position: relative; }
#header.allMenu #gnb .topmenu{ width: 1300px; padding:150px 0 0 0; }
#header.allMenu #gnb .topmenu > li{ width:100%; height: auto; }
#header.allMenu #gnb .topmenu > li > a{ position: relative; display:block; padding:0; margin-bottom: 15px; border-bottom: 1px solid #ddd;text-align: left; height: auto; color:#203c92; font-size: 30px; line-height: 1; padding-bottom: 15px;}
#header.allMenu #gnb .topmenu > li > a:after{ position:absolute; bottom:0; left:0; content: ""; display: inline-block; width: 110px; height: 2px; background-color:#203c92; }
#header.allMenu #gnb .submenu{ position: static; width: 100%; min-height: 0; padding:0; border-bottom: 1px solid #ddd; margin-bottom: 70px; -webkit-transition:none; transition:none;}
#header.allMenu #gnb .submenu > ul > li{ width:16.66%; padding:0; margin-bottom: 10px;}
#header.allMenu #gnb .submenu > ul > li:nth-child(-n+3):before{ display: none; }
#header.allMenu #gnb .submenu > ul > li > a:hover,
#header.allMenu #gnb .submenu > ul > li > a:focus{ color:#203c92;}
#header.allMenu #gnb .submenu .lnb-detail{ margin: 20px 0 15px 0; min-height: 120px;}
#header.allMenu #gnb .submenu .lnb-detail li{ margin-bottom:5px; }
#header.allMenu #gnb .submenu .lnb-detail li a{ padding: 0; color:#767676; font-weight: 400;}
#header.allMenu #gnb .submenu .lnb-detail li a:hover,
#header.allMenu #gnb .submenu .lnb-detail li a:focus{ color:#000; }
#header.allMenu #gnb .submenu .lnb-detail li a:before{ display: none; }
#header.allMenu #gnb .title-wrap{ display: none; }
#header.allMenu .k-startup{ display: none; }
#header.allMenu .cert{ display: none; }
#main #header.allMenu .k-startup{ display: none; }
#main #header.allMenu .cert{ display: none; }
/* 모든메뉴 시작 */

/* mobile 시작 */

#gnb.mb{ width:100%; height:100%; padding:0; margin:0; display:inline-block; box-sizing:border-box; position:fixed; top:79px; bottom:0; left:auto; right:0; z-index:9999;}
#gnb.mb .topUtile,
#gnb.mb .bottomUtile{ width:310px; display:inline-block; position:absolute; right:-320px; z-index:2;}
#gnb.mb .topUtile{ height:80px; background-color:#005a41; text-align:left; padding:20px; box-sizing:border-box; top:0;}
#gnb.mb .topUtile .btnHome{ width:40px; height:40px; font-size:0; text-indent:-99999px; display:inline-block; position:relative;}
#gnb.mb .topUtile .btnHome:before{ width:33px; height:30px; background:url(/tour/images/tour/common/gnb_mb_icon.png) no-repeat 0 0; content:""; margin:-15px 0 0 -16px; position:absolute; top:50%; left:50%;}
#gnb.mb .bottomUtile{ height:130px; background-color:#fff; color:#000; text-align:left; padding:30px 20px; border-top:1px solid #e5e5e5; box-sizing:border-box; bottom:0;}
#gnb.mb .bottomUtile strong{ width:100%; font-size:15px; line-height:20px; display:inline-block;}
#gnb.mb .bottomUtile ul{ width:100%; margin-top:13px; display:inline-block;}
#gnb.mb .bottomUtile ul li{ width:37px; height:37px; display:inline-block; float:left;}
#gnb.mb .bottomUtile ul li + li{ margin-left:9px;}
#gnb.mb .bottomUtile ul li a{ width:100%; height:100%; background:url(/tour/images/tour/common/gnb_mb_icon.png) no-repeat 0 -30px; font-size:0; text-indent:-99999px; display:inline-block;}
#gnb.mb .bottomUtile ul li:nth-child(1) a{ background-position:0 -30px;}
#gnb.mb .bottomUtile ul li:nth-child(2) a{ background-position:-37px -30px;}
#gnb.mb .bottomUtile ul li:nth-child(3) a{ background-position:-74px -30px;}
#gnb.mb .bottomUtile ul li:nth-child(4) a{ background-position:-111px -30px;}
#gnb.mb .bottomUtile ul li:nth-child(5) a{ background-position:-148px -30px;}
#gnb.mb .bottomUtile ul li:nth-child(6) a{ background-position:-185px -30px;}
#gnb.mb .gnb-wrap{ width:100%; height:100%; text-align:right; overflow-y:auto; position:relative; top:0; right:0; background-color:#2d4478;}
#gnb.mb .lan{ width:310px; height:30px; background-color:#585d63; padding:0; display:inline-block; box-sizing:border-box; position:absolute; right:-310px; z-index:2;}
#gnb.mb .lan li{ width:33.33%; padding:0; margin:0; display:inline-block; float:left;}
#gnb.mb .lan li a{ width:100%; font-size:14px; color:#fff; text-align:center; line-height:30px; display:inline-block;}
#gnb.mb .topmenu{ width:100%; padding:0; height:100%; padding:0; box-sizing:border-box; position:relative; left:auto; right:-310px; z-index:1;background-color: #2d4478; overflow-y: auto;}
#gnb.mb .topmenu > li{ width:100%; height:auto; padding:0; overflow:hidden;}
#gnb.mb .topmenu > li:first-child > a:before,
#gnb.mb .topmenu > li:first-child > a:after{display:inline-block;}
#gnb.mb .topmenu > li:before{ display:none;}
#gnb.mb .topmenu > li > a{ float:left; width:100%; padding:25px; margin:0; display:inline-block; box-sizing:border-box; position:relative; z-index:1;}
#gnb.mb .topmenu > li:first-child > a { padding: 30px 30px; }
#header.active #gnb.mb .topmenu > li > a{ height:auto; font-size:18px; font-weight: 400; color:#b3c3e7; text-align:left; line-height:1;}
#header.active #gnb.mb .topmenu > li.down > a{ position: relative; color:#fff; }
/* #header.active #gnb.mb .topmenu > li.down > a:after{ content:"";  display: inline-block; width: 4px; height: 4px; background-color: #fff; border-radius: 50%; position:absolute; top:18px; left:90px;} */
#main #gnb.mb .lan{ width:310px; height:30px; background-color:#585d63; padding:0; display:inline-block; box-sizing:border-box; position:absolute; right:-310px; z-index:2;}
#main #gnb.mb .lan li{ width:33.33%; padding:0; margin:0; display:inline-block; float:left;}
#main #gnb.mb .lan li a{ width:100%; font-size:14px; color:#fff; text-align:center; line-height:30px; display:inline-block;}
#main #gnb.mb .topmenu{ width:100%; padding:0; height:100%; padding:0; box-sizing:border-box; position:relative; left:auto; right:-310px; z-index:1;background-color: #2d4478; overflow-y: auto;}
#main #gnb.mb .topmenu > li{ width:100%; height:auto; padding:0; overflow:hidden;}
#main #gnb.mb .topmenu > li:first-child > a:before,
#main #gnb.mb .topmenu > li:first-child > a:after{display:inline-block;}
#main #gnb.mb .topmenu > li:before{ display:none;}
#main #gnb.mb .topmenu > li > a{ float:left; width:100%; padding:25px; margin:0; display:inline-block; box-sizing:border-box; position:relative; z-index:1;}
#main #header.active #gnb.mb .topmenu > li > a{ height:auto; font-size:18px; font-weight: 400; color:#b3c3e7; text-align:left; line-height:1;}
#main #header.active #gnb.mb .topmenu > li.down > a{ position: relative; color:#fff; }
#main #header.active #gnb.mb .topmenu > li.down > a:after{ content:"";  display: inline-block; width: 4px; height: 4px; background-color: #fff; border-radius: 50%; position:absolute; top:18px; left:90px;}

#gnb.mb .topmenu > li.on > a{ border:0;}
#gnb.mb .topmenu > li.down > a{background-color:transparent;}
#gnb.mb .topmenu > li.down > a:after,
#gnb.mb .topmenu > li.down > a:hover:after,
#gnb.mb .topmenu > li.down > a:focus:after,
#gnb.mb .topmenu > li.down.on > a:after{ display:none;}
#gnb.mb .topmenu > li.n7{ display:inline-block;}
#gnb.mb .submenu{ position: absolute; top: 0; left: 0; height: auto; min-height:100%; width:100%; height:auto; background-color:#fff; display:none; border:0;padding:0; z-index: 2;}
#gnb.mb .submenu > ul > li{ width:100%; padding:0; margin:0;}
#gnb.mb .submenu > ul > li{ padding:0; margin-bottom:0; border-top:0; border-bottom: 1px dotted #cecece;}
#gnb.mb .submenu > ul > li:nth-child(-n+3):before{display: none;}
#gnb.mb .submenu > ul > li > a{ width:100%; height:auto; font-size:17px; font-weight: 500; text-align:left; color:#333; padding:20px 0; margin:0; border:0; display: inline-block; position:relative; top:auto; transform:none; -webkit-transform:none;}
#gnb.mb .submenu > ul > li > a:before{ display: none; }
#gnb.mb .submenu > ul > li.more.on > a{ color:#2d4478;}
#gnb.mb .submenu > ul > li.more.on > a:before{ background-color:#2d4478;}
#gnb.mb .submenu > ul > li.more.on > a:after{ display:none;}
#gnb.mb .lnb-detail{ min-height:100%; width:100%; padding:10px 0; margin:0; display:inline-block;}
#gnb.mb .lnb-detail > li{ width:100%; display:inline-block; float:left;}
#gnb.mb .lnb-detail > li > a{ width:100%; color:#000; text-align:left; font-size: 15px; padding:5px 0; margin:0; display:inline-block; box-sizing:border-box; border:0; position:relative;}
#gnb.mb .lnb-detail > li > a:before{display: none;}
#gnb.mb li.down .submenu,
#gnb.mb li.up .submenu{ width:auto; height:auto; background-color:#f9f9f9; display:inline-block; border:0; position:absolute; top:0; left:250px; padding:0 25px;}

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

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

/* mobile 끝*/

#contentWrap{ position: relative; }

#svisual-layout{ width:100%; height:200px; text-align:center; display:block; position:relative; overflow: hidden;}
#svisual-layout .svisual-wrap{ width:100%;  height:100%; background:url(/main/img/common/svisual_sub01_img.jpg) no-repeat center center; background-size:cover; display:inline-block; animation-name: svisual_motion;animation-duration: 3.5s;animation-iteration-count: 1;}
#svisual-layout .svisual-wrap .title-wrap{ display:inline-block;width:1240px; text-align:left; margin-top:160px;}/* 비쥬얼 컨텐츠 넓이 */
#svisual-layout .svisual-wrap .title-wrap strong{ opacity: 0; display:inline-block; position:relative; z-index: 1; width:100%; font-weight:400; font-size:34px; color:#fff; text-align:center; line-height:44px;}/* 타이틀 폰트 설정 */
#svisual-layout .svisual-wrap .title-wrap strong span{ font-weight:700; color:#fff;}/* 타이틀폰트 포인트 설정 */
#svisual-layout .svisual-wrap .title-wrap strong:before{ width:55px; height:1px; background-color:rgba(255,255,255,0.5); content:""; margin-left:-25px; position:absolute; bottom:-10px; left:50%;}/* 타이틀 밑줄 설정 */
#svisual-layout .svisual-wrap .title-wrap p{ display:inline-block; position:relative; width:100%; font-size:18px; color:#fff; text-align:center; line-height:22px; margin-top:30px;}/* 보조문구 설정 */
#svisual-layout .svisual-wrap .svisualMov { max-width: none; max-height: none; width: 100%; height: auto; padding: 0; margin: 0; display: inline-block; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);}

@keyframes svisual_motion {
  0% {transform: scale(1); -webkit-transform: scale(1);}
  50% {transform: scale(1.1); -webkit-transform: scale(1.1);}
  100% {transform: scale(1); -webkit-transform: scale(1);}
}

#snb{ width:100%; height: 65px; position: relative; z-index: 2;}
#snb:before{ width:100%; height:65px; content:""; position:absolute; top:0; left:0; z-index:-1;  background-color:#203c92;}/* 2차메뉴 배경 색 2차메뉴 높이 */
#snb .nav{ position: relative; width:1300px; height:65px; display:inline-block; margin:0 auto;}/* 3차메뉴 활성화시 lnb 전체 밑줄 */
#snb .title{ display:none;}
#snb .nav > ul{ float:left; display:inline-block; position:relative; width:auto;}
#snb .nav > ul:first-child{ margin-left:40px;}
#snb .nav:before{ content: ""; position: absolute; left:0; top:25px; display:inline-block; width:13px; height: 12px; background: url(/main/img/common/common_ir.png) -206px 0 no-repeat; font-size: 0; text-indent: -9999px;}
#snb .nav > ul:first-child:before{ content: ""; width:1px; height:16px; background-color:#657089; content:""; position:absolute; top:25px; left:0; z-index: 0;}
#snb .nav > ul:after{ content: ""; width:1px; height:16px; background-color:#657089; content:""; position:absolute; top:25px; right:0; z-index: 0;}
#snb .nav > ul { position: relative; width:auto; height: 65px; display:inline-block; float:left;}
#snb .nav > ul.menuOpen { height: auto;}
#snb .nav > ul.menuOpen li{ visibility: visible; opacity: 1; display: table; }
#snb .nav > ul > li{ visibility: hidden; overflow: hidden; height: 0; opacity: 0; background-color: #203c92; width: 210px;}
#snb .nav > ul:last-child > li{ width: 310px; }
#snb .nav > ul > li.active{ display: table; visibility: visible; opacity: 1; height: 65px;  }
#snb .nav > ul.on{ height: auto; }
#snb .nav > ul.on > li{ visibility: visible;overflow: visible; opacity: 1;-webkit-transition: all 0.2s;transition: all 0.2s;}
#snb .nav > ul > li > a{ position: relative; z-index: 1; width:100%; text-align:left; border:0; transition: 0.2s;-webkit-transition: 0.2s;}/* 2차메뉴 오른쪽 보더 */
#snb .nav > ul.menuOpen > li > a{ height: 65px;}
#snb .nav > ul > li.active > a:after{ position: absolute; right: 15px; top: 30px; content: ""; display: inline-block; width:15px; height: 10px; background: url(/main/img/common/gnb_arr_ov.png) 0 0 no-repeat; background-size: contain; vertical-align: middle; }
#snb .nav > ul > li:first-child > a{padding:0 35px 0 30px;}
#snb .nav > ul > li > a{ position:relative; display:table-cell; vertical-align:middle; font-size:17px; line-height:20px; color:#fff; line-height:1.2; word-break: keep-all; padding:0 35px 0 30px;}/* 2차메뉴 폰트설정 2차메뉴 높이 */
#snb .nav > ul > li > a[target="_blank"]:after{ font-family: 'xeicon'; content: "\e980"; display: inline-block; width: auto; height: auto; font-size: .8rem; color:#fff; margin-left: 5px; vertical-align: middle;}
#snb .nav > ul > li > a:hover,
#snb .nav > ul > li > a:focus,
#snb .nav > ul > li.on > a,
#snb .nav > ul > li.ov > a{ text-decoration: underline; }
#snb .nav > ul > li.active > a:hover,
#snb .nav > ul > li.active > a:focus{ background-color:#162a56; border:0; text-decoration: none;}/* 2차메뉴 오버시 폰트 설정 */

#snb .nav > ul > li > a:hover:after,
#snb .nav > ul > li > a:focus:after,
#snb .nav > ul > li.on > a:after,
#snb .nav > ul > li.ov > a:after{ transform: rotate(180deg); -webkit-transform: rotate(180deg);}
#snb .nav > ul > li > a[target="_blank"]:hover:after,
#snb .nav > ul > li > a[target="_blank"]:focus:after{ transform: rotate(0deg); -webkit-transform: rotate(0deg);}
#snb .nav > ul > li.on > a,
#snb .nav > ul > li.ov > a{ color:#fff; }
#snb .nav > ul > li.on > a:before,
#snb .nav > ul > li.ov > a:before{ display: none; }
#snb .nav > ul > li > ul{ display: none !important; }
#snb.fixed{ position: fixed; top: 0; left:0; margin-top:0; z-index: 10;}
#snb.fixed:before{ position: fixed; top:0;}

#snb .nav .utile-wrap{ float: right; display:inline-block; height: 100%;}
#snb .nav .utile-wrap .print-wrap{ position:relative; display:inline-block; height: 100%;}
#snb .nav .utile-wrap .print-wrap > li{display:table; float:left; height: 100%;margin-left: 30px;}
#snb .nav .utile-wrap .print-wrap > li:first-child{ margin-left: 0; }
#snb .nav .utile-wrap .print-wrap > li > a{ display: table-cell; vertical-align: middle; font-family: 'ttl'; color:#fff; font-size: 16px; letter-spacing: 0;}
#snb .nav .utile-wrap .print-wrap > li > a:before{ content:""; display:inline-block; width:22px; height:22px; background:url(/main/img/common/common_ir.png) no-repeat;vertical-align:middle; margin-right: 15px;}
#snb .nav .utile-wrap .print-wrap > li.n1 > a:before{ background-position:-250px 0;}
#snb .nav .utile-wrap .print-wrap > li.n2 > a:before{ background-position:-287px 0;}
#snb .nav .utile-wrap .print-wrap > li .sns-wrap{ opacity: 0; visibility:hidden; display:inline-block; position:absolute; bottom: -50px; right:0; z-index: 1; width:260px; padding:10px 15px; background-color:#fff; border:1px solid #ddd;  transition: 0.3s;-webkit-transition: 0.3s;}
#snb .nav .utile-wrap .print-wrap > li .sns-wrap:before{ position:absolute; top:-8px; left:85px; content:""; display: inline-block; width:16px; height: 10px; background:url(/main/img/common/sns_arr.png) no-repeat; vertical-align: middle; }
#snb .nav .utile-wrap .print-wrap > li .sns-wrap a{ float:left; display: inline-block; width:31px; height: 31px; background:url(/main/img/common/common_ir.png) no-repeat;vertical-align:middle; margin-right: 10px; font-size: 0; text-indent: -9999px;}
#snb .nav .utile-wrap .print-wrap > li .sns-wrap a.fa{ background-position:-209px -36px;}
#snb .nav .utile-wrap .print-wrap > li .sns-wrap a.tw{ background-position:-249px -36px;}
#snb .nav .utile-wrap .print-wrap > li .sns-wrap a.kakao{ background-position:-288px -36px;}
#snb .nav .utile-wrap .print-wrap > li .sns-wrap a.urlcopy{ width:auto; padding:8px 14px; border-radius: 30px; border:1px solid #ddd; text-indent: 0; font-size: 13px; line-height: 1; color:#555; letter-spacing: 0; background:#fff; transition: 0.3s;-webkit-transition: 0.3s;}
#snb .nav .utile-wrap .print-wrap > li .sns-wrap a.urlcopy:hover,
#snb .nav .utile-wrap .print-wrap > li .sns-wrap a.urlcopy:focus{ background-color:#ddd; }
#snb .nav .utile-wrap .print-wrap > li .sns-wrap a.btnClose{ width:14px; background-position: -325px -28px; margin-right: 0;}
#snb .nav .utile-wrap .print-wrap > li.on .sns-wrap{ opacity: 1; visibility:visible; bottom:-60px;}

#scTop{ display: none; position: fixed; bottom:250px; right: 50px;}
#scTop a{ display: block; width: 51px; height: 51px; line-height: 51px; background-color: #83868d; font-size: 1rem; border-radius: 50%; color:#fff; margin-bottom: 10px;}

#container .body-wrap{ width:100%; z-index:0;} 
#container > .body-wrap > .contents-wrap{ width:100%; display:inline-block; padding:90px 0 80px 0;}/* 컨텐츠 사이즈 및 아래 여백 설정 */
#contentWrap{ padding-bottom: 80px; }
#contentWrap .content_info{ width:100%; display:inline-block; position:relative;}/* 페이지 타이틀 설정 */
#contents > h3{ width:100%; color:#252525; line-height:40px; font-size:2rem; font-weight: 500; color:#222; padding:0; display:block; text-align: center;}/* 페이지 타이틀 폰트 설정 */
#contents > h3:before{ display:none;}

#contentWrap .content_info .utile-wrap{ width:100%; margin-top:10px;}/* 유틸설정 */
#contentWrap .content_info .location{ display: none; }
#sns_wrap{ position: absolute; top:0; right:50%; margin-right: -650px; z-index: 8; display: inline-block; width:auto; height: 65px;}
#sns_wrap > ul { display: inline-block; height: 100%;}
#sns_wrap > ul > li{ float: left; display: inline-block; width:auto; height: 65px; margin-left: 10px;}
#sns_wrap > ul > li.zoomP,
#sns_wrap > ul > li.zoomM{ display: none; }
#sns_wrap > ul > li > a{ display: inline-block; height: 100%; vertical-align: middle; font-family: 'ttl'; color: #fff; font-size: 16px; letter-spacing: 0; padding:20px;}
#sns_wrap > ul > li > a:before{ content:""; display:inline-block; width:22px; height:22px; background:url(/main/img/common/common_ir.png) no-repeat;vertical-align:middle; margin-right: 15px;}
#sns_wrap > ul > li.snsBox {position:relative;}
#sns_wrap > ul > li.snsBox #share{ display:inline-block; position:absolute; bottom: -50px; left:0; z-index: 1; width:200px; padding:10px 15px; background-color:#fff; border:1px solid #ddd;  transition: 0.3s;-webkit-transition: 0.3s;}
#sns_wrap > ul > li.snsBox #share:before{ position:absolute; top:-8px; left:85px; content:""; display: inline-block; width:16px; height: 10px; background:url(/main/img/common/sns_arr.png) no-repeat; vertical-align: middle; }
#sns_wrap > ul > li.snsBox #share li { float:left; display: inline-block;}
#sns_wrap > ul > li.snsBox #share li a { display: inline-block;}
#sns_wrap > ul > li.snsBox #share li a span{  display: inline-block; width:31px; height: 31px; background:url(/main/img/common/common_ir.png) no-repeat;vertical-align:middle; margin-right: 10px; font-size: 0; text-indent: -9999px;}
#sns_wrap > ul > li.snsBox #share li a span.fb{ background-position:-209px -36px;}
#sns_wrap > ul > li.snsBox #share li a span.tw{ background-position:-249px -36px;}
#sns_wrap > ul > li.snsBox #share li a span.kakao{ background-position:-288px -36px;}
#sns_wrap > ul > li.snsBox #share li a span.urlcopy{ width:auto; padding:8px 14px; margin-right: 0; border-radius: 30px; border:1px solid #ddd; text-indent: 0; font-size: 13px; line-height: 1; color:#555; letter-spacing: 0; background:#fff; transition: 0.3s;-webkit-transition: 0.3s;}
#sns_wrap > ul > li.snsBox #share li a:hover span.urlcopy,
#sns_wrap > ul > li.snsBox #share li a:focus span.urlcopy{ background-color:#ddd; }

#sns_wrap > ul > li.snsBox > a:before{ background-position:-250px 0;}
#sns_wrap > ul > li.btnPrint > a:before{ background-position:-287px 0;}
#sns_wrap > ul > li.rssFeed > a:before{ background-position: -250px -67px; }
#sns_wrap > ul > li a span{  }
#sns_wrap.fixed{ position: fixed; }

#contents{ display:inline-block; width:1300px; margin-top:50px;}
#txt{ display:inline-block; width:100%; margin-top:50px; text-align: left;}
#txt1{ display:inline-block; width:100%; margin-top:50px; text-align: left;}
#txt2{ display:inline-block; width:100%; margin-top:50px; text-align: left;}

.duty-wrap{ position: relative; width: 100%; padding:20px 20px 20px 85px; border: 1px solid #ddd; text-align: left;}
.duty-wrap + .duty-wrap{border-top: none;}
.duty-wrap .duty > span{ display: none; }
.duty dl:before{ position: absolute; top:14px; left:40px; content:""; display: inline-block; width: 35px; height: 35px; background: url(/main/img/common/duty-icon.png) no-repeat; vertical-align: middle; }
.duty dl:after{ content:"";display:block;visibility:hidden;clear:both; }
.duty dl dt,
.duty dl dd{ float: left; display: inline-block;}
.duty dl dt{ font-size: 0.8rem; font-weight: 500; margin-right: 10px; }
.duty dl dd{ font-size: 0.8rem; margin-right: 50px; }

#footer .footWrap .logo{ display: none; } 
#foot-layout{ background-color:#262626;}
#foot-layout:after{ position:absolute; top:65px; left:0; content:""; display: inline-block; width: 100%; height: 1px; background-color:#454545; }
#foot-layout .foot-wrap .footlogo{ position: absolute; top:95px; left:0; display:inline-block; width:140px; height:50px; background:url(/main/img/common/footer_logo.png) no-repeat; font-size:0; text-indent:-9999px; background-size: contain;}
/* #foot-layout .foot-wrap .footlogo{ opacity: 0.5; position: absolute; top:88px; left:0; display:inline-block; width:104px; height:49px; background:url(/main/img/common/common_ir.png) no-repeat 0 0; font-size:0; text-indent:-9999px;} */
#foot-layout .foot-wrap .utile-wrap{ width:100%; display:inline-block; padding: 20px 0;}
#foot-layout .foot-wrap .utile-wrap li{ display:inline-block; float:left; position:relative;}
#foot-layout .foot-wrap .utile-wrap li:before{ width:1px; height:14px; background-color:#b4b4b4; content:""; margin-top:-7px; position:absolute; top:50%; left:0;}
#foot-layout .foot-wrap .utile-wrap li.n1:before{ display:none;}
#foot-layout .foot-wrap .utile-wrap li.n1 a{ padding-left:0;}
#foot-layout .foot-wrap .utile-wrap li:first-child a{ font-weight: bold; }
#foot-layout .foot-wrap .utile-wrap li a{ font-size:15px; color:#bfbfbf; line-height:20px; padding:0 11px 0 9px; display:inline-block; letter-spacing:0;}
#foot-layout .foot-wrap .site-wrap{ width:180px; height:40px; text-align:left; display:inline-block; position:absolute; top:0; right:0;}
#foot-layout .foot-wrap .site-wrap > a{ width:100%; font-size:14px; color:#bfbfbf; line-height:40px; padding:13px 0 13px 15px; display:inline-block; box-sizing:border-box; position:relative;}
#foot-layout .foot-wrap .site-wrap > a:after{ width:7px; height:5px; background:url(/main/img/common/common_ir.png) -408px 0; content:""; position:absolute; top:30px; right: 20px;}
#foot-layout .foot-wrap .site-wrap > ul{ width:100%; padding:0 0 40px 0; display:inline-block; position:absolute; top:-99999px; left:-1px;}
#foot-layout .foot-wrap .site-wrap > ul li{ width:100%; background-color:#262626; display:inline-block; float:left;}
#foot-layout .foot-wrap .site-wrap > ul li a{ width:100%; font-size:14px; color:#bfbfbf; line-height:40px; padding:0 20px; display:inline-block; box-sizing:border-box;}
#foot-layout .foot-wrap .site-wrap > ul li a:hover,
#foot-layout .foot-wrap .site-wrap > ul li a:focus{ font-weight:600;}
#foot-layout .foot-wrap .site-wrap.on > ul{ bottom:0; top:auto;}
#foot-layout .foot-wrap .foot-txt{ padding: 22px 0 70px 160px; }
/* #foot-layout .foot-wrap .foot-txt:after{ position: absolute;top: 90px;right: 0;content:"";display: inline-block;width: 150px;height: 43px;background:url(/main/img/common/logo_after.png) no-repeat;vertical-align: middle;background-size: contain;} */
#foot-layout .foot-wrap address,
#foot-layout .foot-wrap .copy{ width:100%; font-style:normal; font-size:16px; color:#bfbfbf; text-align:left; line-height:20px; margin:5px 0; display:inline-block; letter-spacing:0; word-break: keep-all;}
#foot-layout .foot-wrap address br{ display: none; }
#foot-layout .foot-wrap address span{display: inline-block; margin-left: 10px;}
#foot-layout .foot-wrap .foot-sns{ position: absolute; top:25px; right: 200px; }
#foot-layout .foot-wrap .foot-sns a{ float:left; display: inline-block; width:20px; height: 18px; background:url(/main/img/common/common_ir.png) no-repeat; vertical-align: middle; margin-left: 15px; font-size: 0; text-indent: -999px;}
#foot-layout .foot-wrap .foot-sns a:first-child{ background-position: -316px 0; margin-left: 0;}
#foot-layout .foot-wrap .foot-sns a:nth-child(2){ background-position: -342px 0;}
#foot-layout .foot-wrap .foot-sns a:nth-child(3){ background-position: -373px 0;}
/* #foot-layout .foot-wrap .wa_mark{position:absolute;top: 90px;right: 165px;}
#foot-layout .foot-wrap .iso_mark{position:absolute;top: 90px;right: 250px;} */
#foot-layout .foot-wrap .wa_mark{position:absolute;top: 90px;right: 0px;}
#foot-layout .foot-wrap .iso_mark{position:absolute;top: 90px;right: 90px;}

@media (max-width:1699px){
#header,
#container,
#snb .nav,
#foot-layout,
#svisual-layout .svisual-wrap{ padding:0 60px; box-sizing:border-box;}

#container .body-wrap,
#foot-layout .foot-wrap,
#svisual-layout .svisual-wrap .title-wrap,
#contentWrap{ width: 100%; /* padding-bottom:80px; */}
#header .headerWrap,
#contentWrap .content_info,
#contentWrap #contents{ width:100%;}
#contentWrap #contents{ padding: 0 40px; }	

#snb .nav{ width:100%; }
#snb .nav:before{ left:65px; }

#header .utile-wrap li.search .clickClose{ margin-right: 0; right: 110px;}
#gnb .topmenu,
#header.allMenu #gnb .topmenu{ width:100%;}
#header .k-startup{ width: 75px; height: 20px; background-size: contain; top:30px; margin-right:-355px; }
#header .cert{ width: 75px; height: 20px; background-size: contain; top:30px; margin-right:-455px; }
#main #header .k-startup{ width: 75px; height: 20px; background-size: contain; top:30px; margin-right:-355px; }
#main #header .cert{ width: 75px; height: 20px; background-size: contain; top:30px; margin-right:-455px; }

#container{ padding:0;}
#gnb.on li.ov .submenu{ left:300px; }
#header.ov .gnb_bg:before{ margin-right: 0; right: auto; width:300px; }
#gnb .title-wrap{ left:-320px;}

}

@media (max-width:1399px){
#header, #snb .nav, #svisual-layout .svisual-wrap{ padding: 0 20px; }
#snb .nav:before{ left:22px; }
#header .utile-wrap li.search .clickClose{ right: 60px;}
#gnb .topmenu > li > a{ padding:0 15px; }
#gnb .topmenu > li > a span{ font-size: 19px; }
#gnb .submenu > ul > li{ padding:0 15px; }
#gnb.on li.ov .submenu { left: 230px;}
#header.ov .gnb_bg:before{ width: 230px; right: auto; left:0; margin-right: 0;}
#gnb .title-wrap { left: -250px; width: 250px; padding:0 20px;}
#gnb .title-wrap strong{ font-size: 24px; }
#gnb .title-wrap p{ word-break: keep-all;}
#sns_wrap{ margin-right: 0; right: 40px; }
#header .k-startup{ width: 75px; height: 20px; background-size: contain; top:30px; margin-right:-310px; }
#header .cert{ width: 75px; height: 20px; background-size: contain; top:30px; margin-right:-410px; }
#main #header .k-startup{ width: 75px; height: 20px; background-size: contain; top:30px; margin-right:-310px; }
#main #header .cert{ width: 75px; height: 20px; background-size: contain; top:30px; margin-right:-410px; }
#header.ov .k-startup, #header.active .k-startup, #header.active1 .k-startup{ background-size: contain; }
#gnb .topmenu{ padding: 0 260px 0 100px; }
#gnb .topmenu > li > a{ font-size: 18px; padding: 0 10px; }
#gnb .submenu .lnb-detail{ padding: 0px 10px 20px; }
#main #gnb .topmenu{padding: 0 260px 0 100px;}
#main #gnb .topmenu > li > a{ font-size: 18px; padding: 0 10px; }
#main #gnb .submenu .lnb-detail{ padding: 0 0px 20px 5px; }
#gnb.on li.ov .submenu{ left: 210px; }
#gnb .title-wrap{ width: 230px; left:-230px; }
#gnb .submenu > ul > li > a{ font-size: 16px; }
#gnb .submenu > ul > li > a:before{ display: none; }
}


@media (max-width:1199px){
#header .k-startup{ margin-right: -210px; }
#header .cert{ margin-right: -310px; }
#main #header .k-startup{ margin-right: -210px; }
#main #header .cert{ margin-right: -310px; }
#gnb .topmenu > li > a{ padding: 0 5px; }
#snb .nav > ul:last-child > li{ width: 100%; }
#foot-layout .foot-wrap .foot-txt:after{ display: none; }
#foot-layout .foot-wrap .wa_mark{position:absolute;top: 90px;right: 0px;}
#foot-layout .foot-wrap .iso_mark{position:absolute;top: 90px;right: 90px;}
}
@media (max-width:1023px){
#header .utile-wrap li a{ color:#222326; font-size: 30px;}
#header .k-startup, #header .cert{ display: none; }
#header .utile-wrap li {margin: 4px 0 2px 12px;}
#main #header .k-startup, #main #header .cert{ display: none; }

#svisual-layout{ height: 250px; }
#svisual-layout .svisual-wrap .title-wrap{ margin:45px 0;}

#snb .nav > ul{padding-left: 0;}
#snb .nav > ul > li.n0,
#snb .nav > ul > li.topmenu,
#snb .nav > ul > li.submenu{ display:none; }
#snb .nav > ul.menuOpen,
#snb .nav > ul.menuOpen > li{ width: 100%; }

#scTop{ bottom:80px; right: 20px; }
#scTop a{ width: 35px; height: 35px; line-height: 35px; opacity: 0.7; font-size: 0.8rem;}

#contentWrap .content_info{ position: absolute; top:-150px; left:0; height:auto; margin:15px 0 60px 0;}
/* #contents > h3{ width:100%; font-size:32px; color:#fff; text-align:center; line-height:40px; margin-bottom:0; word-break: keep-all;} *//* 페이지 타이틀 폰트 설정 */
#contents > h3{ width:100%; font-size:32px; color:#222; text-align:center; line-height:40px; margin-bottom:0; word-break: keep-all; margin-top: 30px;}
#contentWrap .content_info .utile-wrap{ width:100%; text-align:center; margin:5px 0 15px 0; position:relative; top:auto; right:auto;}/* 유틸설정 */
#contentWrap .content_info .utile-wrap .location-wrap,
#contentWrap .content_info .utile-wrap .print-wrap{ float:none;}
#contentWrap .content_info .utile-wrap .print-wrap{ position:absolute; bottom:-55px; right:0;}
#contentWrap .content_info .utile-wrap .print-wrap li.n1{ display:none;}
#contentWrap .content_info .utile-wrap .print-wrap li.on .sns-wrap{ padding:0 29px 0 0;}
#contentWrap .content_info .utile-wrap .print-wrap li .sns-wrap a{ left:auto; right:0;}
#sns_wrap{ display: none; }
#contentWrap #contents{ padding: 0 20px; margin:0;}

#snb .nav > ul{display:none; width: 100%;}
#snb .nav > ul:last-child{display:inline-block;}
#snb .nav{ padding:0;}
#snb .nav > ul > li > a:hover, 
#snb .nav > ul > li > a:focus, 
#snb .nav > ul > li.on > a, 
#snb .nav > ul > li.ov > a{ background-color:#2d4478; }
#snb .nav .utile-wrap{ padding-right: 20px; }
#snb .nav > ul.on{ position: absolute; top:0; left:0; width:100%; z-index: 1;}
#snb .nav > ul.on > li{ width:100%; }
#snb .nav > ul:after{ display: none; }
#snb .nav > ul > li > a:hover:after, 
#snb .nav > ul > li > a:focus:after, 
#snb .nav > ul > li.on > a:after {transform: rotate(0deg);-webkit-transform: rotate(0deg);}

#gnb{ display:none;}
#gnb.mb .submenu{transition:none;-webkit-transition:none;}

.duty-wrap{ padding-left: 60px; }
.duty dl:before{ left:20px;}
.duty dl dd{ margin-right: 10px; }

#foot-layout{padding: 0;}
#foot-layout:after{display: none;}
#foot-layout .foot-wrap .utile-wrap{ border-bottom:1px solid #454545; }
#foot-layout .foot-wrap .utile-wrap li{ float:none;}
#foot-layout .foot-wrap .utile-wrap li a{ font-size:14px;}
#foot-layout .foot-wrap .site-wrap{ position:relative; height:auto; width:100%; text-align: center; background-color:#2d2d2d;}
#foot-layout .foot-wrap .site-wrap > ul li{background-color:#2d2d2d;}
#foot-layout .foot-wrap .site-wrap > a{ width:150px; text-align: left;}
#foot-layout .foot-wrap .site-wrap > a:after { right: 10px; }
#foot-layout .foot-wrap address,
#foot-layout .foot-wrap .copy{ font-size:14px; text-align:center; line-height:16px;}
#foot-layout .foot-wrap address br{ display: block; }
#foot-layout .foot-wrap .footlogo{ display: none; }
#foot-layout .foot-wrap .foot-txt{padding: 22px 0;}
#foot-layout .foot-wrap .foot-sns{ position: static; width: 100%; text-align: center; border-top:1px solid #454545; padding: 20px 0 }
#foot-layout .foot-wrap .foot-sns a{float:none;}
#foot-layout .foot-wrap .wa_mark{display: none;}
#foot-layout .foot-wrap .iso_mark{display: none;}
}

@media (max-width:767px){
#header,
#svisual-layout .svisual-wrap{ padding:0 20px; box-sizing:border-box;}
#header .utile-wrap li.search .search_wrap .search_box{ padding: 50px 0; }
#header .utile-wrap li.search .searchBox_inner{ width: 80% }
#header .utile-wrap li.search .clickClose { right: 56px;}
#header .utile-wrap li.search .ex a,
#header .utile-wrap li.search .ex .ex_tit{font-size: 14px;}
#header .utile-wrap .m_cclose {margin: 2px 0 2px 12px;}
#header .utile-wrap .m_cclose a {font-size: 30px;}
#gnb.mb .topmenu > li{ display: block; width:40%; }
/* #gnb.mb .topmenu > li > a{padding:20px 10px 10px 10px;} */
#gnb.mb .topmenu > li:first-child > a, #gnb.mb .topmenu > li > a{padding: 20px 10px 10px 20px;}
#main #gnb.mb .topmenu > li > a{padding:20px 10px 10px 10px;}
#header.active #gnb.mb .topmenu > li > a > span{ font-size: 17px; line-height: 21px; }
#gnb.mb li.down .submenu, #gnb.mb li.up .submenu{ left:40%; padding:0px 15px; padding-bottom: 100px; }
/* #header.active #gnb.mb .topmenu > li.down > a:after{ top: 20px; left:80px; } */
#snb .nav > ul > li.active > a:after { right: 30px; }

.duty-wrap{ padding-left: 40px; }
.duty dl:before{ top:20px; left:10px; width: 20px; height: 20px; background-size: contain;}
}