.d_clear {clear:both;}


.header_top {display:flex; justify-content:space-between;}
.header_top .top_logo {display:none;}
.header_top .link-list {display:none;}
.header_top.on .link-list {display:block; position:absolute; top:40px; left:0; z-index:999999; background:var(--main-color); color:#fff; width:calc(100% - 120px); /* border-bottom:1px dashed #fff; */ width:100%;}
.header_top .tab {width:calc(100% - 40px); background:var(--point-color-blue); color:#fff; font-weight:500; font-size:16px; line-height:40px; /* text-align:center; */ /* padding-right:38px; */ /* width:200px; */ display:block; height:40px; position:relative; padding-right:35px;}
.header_top.on .tab:after {transform:rotate(45deg); top:16px;}
.header_top .tab:after {display:block; clear:both; content:""; width:8px; height:8px; border:2px solid #fff; border-right:0; border-bottom:0; position:absolute; transform:rotate(225deg); top:12px; right:19px;}
.header_top .sns-list {display:flex;}
.header_top .sns-list li {}
.header_top .sns-list li.blog{display:none;}
.header_top .sns-list li.facebook{display:none;}
.header_top .sns-list li.blog a {background:#41B649; background-image:url("/images/sacheon/sns_blog.svg"); background-repeat:no-repeat; background-position:center;}
.header_top .sns-list li.insta a {background:#DB297C; background-image:url("/images/sacheon/sns_insta.svg");}
.header_top .sns-list li.facebook a {background:#3B599A; background-image:url("/images/sacheon/sns_fb.svg");}
.header_top .sns-list li a {font-size:0; display:block; width:40px; height:40px; background-repeat:no-repeat !important; background-position:center !important;}
.header_top .sns-list li a:focus-visible {outline:2px dashed yellow; position:relative; z-index:10; top:3px; right:3px;}
.subWrap .header_top .sns-list li a:focus-visible {position:relative; z-index:10; top:0; right:0; top:3px; right:3px; outline:2px dashed red;}
.header_top .link-list li {}
.header_top .link-list li a {display:block; line-height:40px; border-bottom:1px dashed #ffffff50; /* padding-left:15px; */ text-align:center;}
.header_top .link-list li:last-child a {border-bottom:0;}

@media all and (min-width:900px) {
  .header_top {/* background:#F3F5F7; */ display:flex; justify-content:flex-end; position:relative; }
  .header_top .top_logo {display:block; /* float:left; */ position:absolute; top:0; left:0; background:var(--point-color-blue); padding:10px; height:100%; background:#006EB7; }
  .header_top .top_logo {display:none; }
  .header_top .tab {/* width:200px; */ }
  .header_top .top_logo img {height:20px; }
  .header_top.on .link-list {width:321px; left:unset; right:0; }
}

@media all and (min-width:1200px) {
  .header_top {position:absolute; top:0; left:0; width:100%; z-index:99; }
  .header_top .top_logo {display:block; background:var(--point-color-blue); width:210px; display:flex; align-items:center; justify-content:center; position:static; background:#006EB7; height:inherit; display:none; }
  .header_top .top_logo img {width:170px; height:unset; }
  .header_top .link-list {display:flex; width:calc(100% - 55px); background:#F3F5F7; }
  .mainWrap .header_top .link-list {background:#8C99AE30; /* color:#fff; */ }
  .mainWrap .over .header_top .link-list {display:flex; width:calc(100% - 165px); background:#F3F5F7; }
  .mainWrap.scroll .header_top .link-list {background:#F3F5F7; /* color:#fff; */ }
  .w6 li {}
  .header_top .tab {display:none; }
  .header_top .sns-list {}
  .header_top .sns-list li {}
  .header_top .sns-list li.blog a {}
  .header_top .sns-list li.insta a {}
  .header_top .sns-list li.facebook a {}
  .header_top .sns-list li a {width:55px; height:55px; }
  .header_top .link-list li {width:16.66666666666667%; text-align:center; }
  .header_top .link-list.w5 li {width:20%; }
  .header_top .link-list.w6 li {width:16.66666666666667%; }
  .header_top .link-list li a {font-size:18px; line-height:55px; font-weight:500; color:#444444; height:55px; position:relative; /* margin-top:3.5px; */ }

  .header_top .link-list li a:focus-visible {outline:2px dashed yellow; position:relative; top:3px; left:3px; }
  .subWrap .header_top .link-list li a:focus-visible {outline:2px dashed red; top:0; }
  .mainWrap .header_top .link-list li a {color:#fff; border-bottom:1px solid #ffffff50; border-bottom:0; }
  .mainWrap .over .header_top .link-list li a {font-size:18px; line-height:55px; font-weight:500; color:#444444; height:55px; position:relative; }
  .header_top .link-list li a:after {display:block; content:""; clear:both; width:1px; height:21px; background:#cccccc45; position:absolute; top:17px; right:0; }
  .header_top .link-list li:last-child a:after {display:none; }
}


/*pc*/

@media (min-width:1400px) {
  .mainWrap .wrap {/* padding-top:162px; */ }
  body {/* border-top:9px solid #155fb4; */ }
  .d_container {margin:0 auto; max-width:1920px; }
  body.pc {min-width:1200px; }
  body.scroll #hs1 {display:none; }
  #header {width:100%; /* height:120px; */ /* z-index:999; */ position:relative; left:0; }

  #hs1 {position:relative; overflow:hidden; display:none; }

  #d_gnb {overflow:hidden; }
  #d_gnb li {display:block; float:left; position:relative; }

  #hs2 {position:relative; width:100%; }
  .lib00 #hs2 h1 {padding:51px 0 0 45px; }
  #hs2 h1 {/* float:left; */ /* width:20%; */ /* padding:51px 0 0 0px; */ /* position:relative; */ /* z-index:2; */ position:absolute; top:0; left:45px; z-index:30; left:25px; }
  #hs2 h1 a {display:block !important; padding:0; height:100px; width:258px; /* background-size:auto 60px; */ /* margin:1px 0 0 0; */ font-size:0; background-repeat:no-repeat; background-position:0 center; margin-top:px; background:url(/img/logo_w.png) no-repeat; background-position:0 center; }
  .subWrap #hs2 h1 a{background-image:url(/img/logo.png);}
  .over #hs2 h1 a{background-image:url(/img/logo.png);}

  .fp-viewing-sec01  #hs2 h1 a,
  .fp-viewing-sec02  #hs2 h1 a,
  .fp-viewing-sec03  #hs2 h1 a,
  .fp-viewing-sec04  #hs2 h1 a{background-image:url(/img/logo.png);}


  .fp-viewing-sec01 #header,
  .fp-viewing-sec02 #header,
  .fp-viewing-sec03 #header,
  .fp-viewing-sec04 #header{background:#fff;}


  #hs2 h1 a:focus-visible {outline:2px dashed red; position:relative; }
  #hs2 h1 a img {height:59px; vertical-align:middle; /* width:161px; */ }
  #d_lnb_bg {display:none; }

  #header {position:fixed; top:55px; left:0; z-index:100; }
  .scroll #header {top:0; /* transition:0.1s; */ }
  #header .row {/* border-top:1px solid #dcdcdc; */ border-bottom:1px solid #dcdcdc; position:relative; z-index:25; background:#fff; height:100px; }
  .subWrap #header .row {background:none; }
  .mainWrap.fp-viewing-sec01 #header .row, .mainWrap.fp-viewing-sec02 #header .row, .mainWrap.fp-viewing-sec03 #header .row, .mainWrap.fp-viewing-sec04 #header .row {border-bottom:1px solid #00000020; }

  .mainWrap #header .row {background:none; border-bottom:1px solid #ffffff30; }

  .mainWrap .over #header .row {background:#fff; border-bottom:1px solid #dcdcdc; }
  .mainWrap.scroll #header .row {background:#fff; border-bottom:1px solid #dcdcdc; }
  #header .row .d_container {position:relative; }
  #header .row ul {}
  #header .row ul:after {display:block; clear:both; content:""; }
  #header .row ul li {/* display:inline-block; */ /* position:relative; */ }
  #header .row .nav > ul {display:flex; justify-content:space-between; align-items:center; padding-right:min(280px, 20%); height:100px;}
  #header .row .nav > ul > li.d1 {flex-grow:1; height:100%; display:flex; align-items:center; justify-content:center;}
  #header .row .nav > ul > li.d1 > a {font-size:22px; font-weight:700; color:#222; /* padding:34px 0; margin-top:5px; */ display:block; position:relative; /* padding-bottom:38px; */ }

  #header .row .nav > ul > li.d1 > a:focus-visible {margin-top:8px; padding-top:30px; padding-bottom:30px; }

  .mainWrap #header .row .nav > ul > li.d1 > a {color:#fff; }
  .mainWrap .over #header .row .nav > ul > li.d1 > a {color:#444444; }
  .mainWrap.scroll #header .row .nav > ul > li.d1 > a {color:#444444; }


  .fp-viewing-sec01.mainWrap #header .row .nav > ul > li.d1 > a,
  .fp-viewing-sec02.mainWrap #header .row .nav > ul > li.d1 > a,
  .fp-viewing-sec03.mainWrap #header .row .nav > ul > li.d1 > a,
  .fp-viewing-sec04.mainWrap #header .row .nav > ul > li.d1 > a{color:#222222;}


  #header .row .nav > ul > li.d1:hover > a:after {opacity:1; }
  #header .row .nav > ul > li.d1 > a:after {display:block; clear:both; content:""; width:50px; height:0; background:var(--point-color-blue); position:absolute; bottom:0; left:50%; margin-left:-25px; transition:0.3s; opacity:0; }
  #header .row .nav > ul > li.d1:hover > a {color:var(--main-color) !important; font-weight:800; }
  #header .row .gnbBox {position:absolute; top:37px; right:45px; color:#444; z-index:40; font-size:18px; }
  #header .row .gnbBox ul {display:flex;}
  #header .row .gnbBox li {margin-left:30px;position:relative;}
  #header .row .gnbBox li:nth-child(1):after{display:block; clear:both; content:""; width:1px; height:14px; background:#dedede; position:absolute; top:6px; right:-17px; }
  .member-list .myLib {font-size:16px; color:#fff !important; }
  .mainWrap #header .row .gnbBox a {color:#fff; }
  .mainWrap .over #header .row .gnbBox a {color:#444; }
  .mainWrap.scroll #header .row .gnbBox a {color:#444; }

  .fp-viewing-sec01.mainWrap  #header .row .gnbBox a,
  .fp-viewing-sec02.mainWrap  #header .row .gnbBox a,
  .fp-viewing-sec03.mainWrap  #header .row .gnbBox a,
  .fp-viewing-sec04.mainWrap  #header .row .gnbBox a{color:#444;}

  .fp-viewing-sec01.mainWrap a.sitemap span,
  .fp-viewing-sec02.mainWrap a.sitemap span,
  .fp-viewing-sec03.mainWrap a.sitemap span,
  .fp-viewing-sec04.mainWrap a.sitemap span{background:#444444;}

  .over #header .row,
  .scroll #header .row {background:#fff; }
  #header .row2 {position:relative; z-index:8; height:155px; }
  #header .row2 .d_container {position:relative; }
  #header .row2 .d_container:after {display:block; clear:both; content:""; }
  #header .row2 .gnb {float:right; padding-top:63px; }
  #header .row2 .gnb a {font-size:16px; font-weight:300; color:#444444; margin-left:30px; position:relative; float:left; }
  #header .row2 .gnb a span {color:#00b0f0; border-bottom:1px solid #00b0f0; font-weight:500; }
  #header .row2 .gnb a:after {display:block; clear:both; content:""; width:1px; height:18px; background:#c0c0c0; position:absolute; top:4px; right:-15px; }
  #header .row2 .gnb a:last-child:after {display:none; }
  #d_lnb_btn {display:none; }

  #d_lnb {width:80%; float:right; height:120px; }
  #d_lnb ul {position:relative; text-align:right; }
  #d_lnb li {position:relative; display:inline-block; width:17%; max-width:170px; margin:40px 0 0; }
  #d_lnb li.long {max-width:200px; }

  #d_lnb li .sub {visibility:hidden; position:absolute; width:100%; left:0; top:70px; opacity:0; transition:0.2s; }
  #d_lnb li .sub dl {margin:20px 0 0; text-align:center; background:#fff; border-radius:20px; line-height:36px; padding:10px 0; -webkit-box-shadow:0 6px 10px 0 rgb(0 0 0 / 20%); box-shadow:0 6px 10px 0 rgb(0 0 0 / 20%); }
  #d_lnb li:hover .sub {visibility:visible; opacity:1; top:40px; }
  #d_lnb li:hover .sub a:hover {font-weight:700; color:#23558d; }

  #d_lnb li > a {display:block; font-size:24px; color:#000000; font-weight:600; line-height:40px; text-align:center; padding-left:0; text-transform:uppercase; }
  body.lnb_over #d_lnb li > a,
  body.scroll #d_lnb li > a {color:#000000; }

  #d_lnb li.tail {float:right; width:auto; max-width:240px; font-size:0; line-height:40px; }
  a.sitemap {/* margin:12px 20px 0 0; */ width:20px; height:25px; display:block; }

  a.sitemap:focus-visible {outline:2px dashed red; position:relative; }
  a.sitemap span {display:block; width:20px; height:3px; margin:0 0 5px; background:#444444; }
  .sitemap_box {position:absolute; top:40px; right:20px; z-index:25; display:none; }
  .mainWrap a.sitemap span {background:#fff; }
  .mainWrap .over .row a.sitemap span {background:#444; }
  .mainWrap.scroll .row a.sitemap span {background:#444; }
  #d_lnb_mask {display:none; }
  .search_box {border:4px solid #17469d; width:575px; height:60px; position:absolute; left:50%; top:47px; margin-left:-339px; display:none; }
  .input_keyword {width:100%; height:52px; padding-left:21px; font-size:16px; color:#999999; font-weight:300; border:0; font-family:'Noto Sans KR', sans-serif,'돋움'; }
  .search_box .search {}
  .search_box a {width:67px; display:block; text-align:center; position:absolute; top:12px; right:0; height:30px; border-left:1px solid #dcdcdc; /* width:28px; */ }
  .search_box a img {width:28px; }

  .nav {position:relative; top:0; right:0; z-index:25; padding-left:311px; }
  .nav a:focus-visible {outline:2px dashed red; }

  .nav .d1 {float:left; /* margin-left:90px; */ }
  .nav .d1 .m {display:block; /* line-height:60px; */ font-size:16px; }
  .scroll .nav .d1 .d2 {/* top:107px; */ }
  .nav .d1 .d2 {position:absolute; top:99px; left:0; width:100%; /* display:none; */ z-index:999999; height:0; overflow:hidden; /* border-top:1px solid #dedede; */ }
  .nav .d1 .d2:before {display:block; clear:both; content:""; width:100%; height:1px; background:#dedede; }
  .nav .d1.on .d2 {height:auto; display:block; }
  .nav .d1 .d2 ul {/* padding:15px 0; */ }
  .nav .d1 .d2 li {/* margin-bottom:8px; */ }
  .subBg {position:absolute; top:89px; left:0; width:100%; height:100px; background:#fff; display:none; z-index:20; }
  .subBg {}
  .subBg2 {position:absolute; top:164px; left:0; width:100%; height:100%; background:rgba(0,0,0,0.7); display:none; z-index:11; }
  .lib .subBg2 {top:300px; }
  .subBg.on {display:block; height:300px; }
  .subBg2.on {display:block; }

  .nav .d1 .d2 .cols_box {display:block; padding-left:400px; display:flex; flex-wrap:wrap; padding-top:45px; padding-right:164px; background:#fff; padding-bottom:25px; min-height:315px; align-content:flex-start; }
  .nav .d1 .d2 .cols_box.w6 .box {/* width:180px; */ }
  .nav .d1 .d2 .cols_box:after {display:block; clear:both; content:""; }
  .nav .d1 .d2 .cols_box .box {width:25%; /* margin-top:20px; */ }
  .nav .d1 .d2 .cols_box .box .sub_ic {margin-bottom:15px; margin-top:45px; /* display:none; */ position:absolute; top:160px; left:115px; }
  .nav .d1 .d2 .cols_box .box .sub_ic img {height:70px; opacity:0.7; }
  .nav .d1 .d2 .cols_box .box .sub_tlt2 {font-size:28px; font-weight:700; color:#17469d; color:#fff; /* border:1px solid #DEDEDE; */ margin-bottom:2px; /* padding-top:50px; */ padding-top:45px; }
  .nav .d1 .d2 .cols_box .box .sub_tlt2:after {display:block; clear:both; content:""; width:37px; height:2px; background:#fff; margin-top:17px; margin-bottom:20px; }
  .nav .d1 .d2 .cols_box .box .sub_txt {color:#fff; font-size:18px; /* opacity:0.9; */ }
  .nav .d1 .d2 .cols_box .box:first-child {padding-left:0; }
  .nav .d1 .d2 .cols_box .box.bg {background-repeat:no-repeat; position:absolute; top:0; left:0; padding-left:115px; border-radius:0 20px 0 0; width:350px; height:100%; background:var(--main-color); /* background:var(--point-color2); */ }
  .nav .d1 .d2 .cols_box .box.bg2 {background:url("/images/sacheon/nav_bg2.png") no-repeat; background-position:right 110px; }
  .nav .d1 .d2 .cols_box .box.bg3 {background:url("/images/sacheon/nav_bg3.png") no-repeat; background-position:right 110px; }
  .nav .d1 .d2 .cols_box .box.bg4 {background:url("/images/sacheon/nav_bg4.png") no-repeat; background-position:right 110px; }
  .nav .d1 .d2 .cols_box .box.bg5 {background:url("/images/sacheon/nav_bg5.png") no-repeat; background-position:right 110px; }
  .nav .d1 .d2 .cols_box .box.bg6 {background:url("/images/sacheon/nav_bg6.png") no-repeat; background-position:right 110px; }
  .nav .d1 .d2:nth-child(3) .cols_box .box {}
  .nav .d1 .d2 .cols_box.w3 .box {/* width:33.333333%; */ /* border-right:1px solid #dcdcdc; */ /* padding-left:30px; */ /* padding-top:20px; */ /* padding-bottom:20px; */ }
  .nav .d1 .d2 .cols_box.w6 .box:first-child {/* padding-left:0px; */ /* width:150px; */ /* width:200px; */ }
  .nav .d1 .d2 .cols_box .box:last-child {border-right:0; }
  .nav .d1 .d2 .cols_box .box .sub_tlt {font-size:18px; font-weight:500; color:#000; margin-bottom:18px; padding-left:5px; padding-left:18px; display:block !important; text-align:left; margin-top:0; border:1px solid #DEDEDE; border-radius:5px; height:55px; line-height:55px; /* width:304px; */ position:relative; width:calc(100% - 18px); transition:0.3s; overflow:hidden;}
  .nav .d1 .d2 .cols_box .box .sub_tlt a {display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

  .nav .d1 .d2 .cols_box .box .sub_tlt a[target="_blank"]:after {display:inline-block; clear:both; content:""; width:19px; height:19px; background:url("/images/sacheon/ic_link.svg"); background-size:100%; margin-left:4px; transform:translate(0px, 2px); transform:rotate(0deg) !important; border:0 !important; top:18px !important; right:15px; }

  .nav .d1 .d2 .cols_box .box .sub_tlt a:after {display:block; clear:both; content:""; width:8px; height:8px; position:absolute; border:2px solid var(--point-color-grey); border-bottom:0; border-right:0; transform:rotate(225deg); top:9px; top:20px; right:22px;}

  .nav .d1 .d2.depth2 .cols_box .box .sub_tlt a:after {transform:rotate(135deg); top:22px; }
  .nav .d1 .d2.small-lay .cols_box .box.lay .sub_tlt:after {transform:rotate(225deg); }
  .nav .d1 .d2.depth2 .cols_box .box .sub_tlt:hover {background:#f9f9f9; }
  .nav .d1 .d2.small-lay .cols_box .box.lay .sub_tlt:hover {background:none; }
  .nav .d1 .d2 .cols_box .box .depth {margin-bottom:20px;}
  .nav .d1 .d2 .cols_box .box .depth li {position:relative; line-height:2; }
  .nav .d1 .d2 .cols_box .box .depth li:after {display:block; clear:both; content:""; width:4px; height:4px; border-radius:50%; position:absolute; background:var(--point-color-grey); top:16px; left:21px; }
  .nav .d1 .d2 .cols_box .box .depth li a {font-size:18px; color:#666666; font-weight:500; word-break:keep-all; padding-left:5px; padding-right:5px; display:block; padding-left:32px; /* padding-top:1.5px; */ /* padding-bottom:1.5px; */ }
  .nav .d1 .d2 .cols_box .box .depth li a[target="_blank"] {}
  .nav .d1 .d2 .cols_box .box .depth li a[target="_blank"]:after {display:inline-block; clear:both; content:""; width:17px; height:17px; background:url("/images/sacheon/ic_link.svg"); background-size:100%; margin-left:4px; transform:translate(0px, 2px); }
  .nav .d1 .d2 .cols_box .box .depth li a:hover {font-weight:700; text-decoration:underline; }
  .nav .d1 .d2 .cols_box .box .depth li a span {display:inline-block; margin-left:6px; transform:translate(0px, -2px); }
  .nav .d1 .d2 .cols_box .box .depth li a span img {width:13px; }

}

@media (min-width:1600px) {
  .sitemap_box {display:block; right:45px; }
  #hs2 h1 {left:45px; }
  .nav {padding-left:360px; }
  #header .row .gnbBox {right:90px; display:flex; }
  #small #header .row .nav > ul > li.d1 > a {margin-right:100px; }
}

@media all and (min-width:1800px) {

}


/*mobile*/
@media all and (max-width:1400px) {
  #header {position:fixed; z-index:9999; width:100%; max-width:2000px; min-width:320px; left:0; right:0; top:0px; border-bottom:1px solid #ffffff20; }

  #header .bg {position:absolute; left:0; top:0; width:100%; height:100%; opacity:1; transition:0.5s; }

  body.mo {}
  body.scroll #header {background:#fff; top:0; position:fixed; }
  body.lnb_on {overflow:hidden; }
  body.lnb_on #d_lnb_mask {}

  #d_gnb {background:#fff; position:relative; z-index:9999999999999999; position:absolute; top:0px; right:-100%; width:100%; position:fixed; overflow-y:auto; height:100%; max-width:500px; }
  body.lnb_on #d_gnb:after{display:block; clear:both; content:""; width:100%; height:100%; top:0; left:0; position:fixed; background:#00000061; z-index:-1; }
  #d_gnb .row {background:#17469d; height:70px; background:var(--main-color); }
  #d_gnb .row2 {background:#17469d; padding-bottom:10px; }
  #d_gnb .row2 ul {padding:0 17px; display:flex; flex-wrap:wrap; }
  #d_gnb .row2 ul:after {display:block; clear:both; content:""; }
  #d_gnb .row2 ul li {display:inline-block; width:calc(25% - 7.5px); /* padding:10px; */ float:left; display:block; margin-right:10px; margin-bottom:10px; }
  #d_gnb .row2 ul li.lay {/* width:calc(109px - 7.5px); */ }
  #d_gnb .row2 ul li:nth-child(4n) {margin-right:0; }
  #d_gnb .row2 ul li a {border:2px solid #fff; color:#fff; font-size:13px; padding:6px; display:block; text-align:center; }
  #d_gnb .member_link {padding-top:23px; padding-left:20px; display:flex; }
  #d_gnb .member_link:after {display:block; clear:both; content:""; }
  #d_gnb .member_link li {margin-right:25px; position:relative; }
  #d_gnb .member_link li:after{display:block; clear:both; content:""; width:1px; height:12px; background:#ffffff63; position:absolute; top:5px; right:-13px; }
    
  #d_gnb .member_link li:last-child:after{display:none;}
    #d_gnb .member_link li a {color:#fff; font-size:16px; font-weight:600; /* margin-left:30px; */ position:relative; /* float:left; */ bottom:0; right:0; }
    #d_gnb .member_link li a:after {display:none; }

  #d_gnb .member_link li:first-child a:after {display:none; }
  #d_gnb a img {height:40px; }

  #d_gnb .close {position:absolute; right:10px; top:10px; width:50px; height:50px; cursor:pointer; }
  #d_gnb .close span {display:inline-block; position:absolute; top:55%; right:5px; }
  #d_gnb .close span:after,
  #d_gnb .close span:before {content:''; display:inline-block; width:26px; height:3px; background:#fff; position:absolute; right:5px; }
  #d_gnb .close span:after {top:-11px; }
  #d_gnb .close span:before {-webkit-transform:translateX(4px) translateY(-5px) rotate(45deg); -moz-transform:translateX(4px) translateY(-5px) rotate(45deg); -ms-transform:translateX(4px) translateY(-5px) rotate(45deg); -o-transform:translateX(4px) translateY(-5px) rotate(45deg); transform:translateX(4px) translateY(-5px) rotate(45deg); }
  #d_gnb .close span:after {-webkit-transform:translateX(4px) translateY(6px) rotate(-45deg); -moz-transform:translateX(4px) translateY(6px) rotate(-45deg); -ms-transform:translateX(4px) translateY(6px) rotate(-45deg); -o-transform:translateX(4px) translateY(6px) rotate(-45deg); transform:translateX(4px) translateY(6px) rotate(-45deg); }
  #hs1 {height:auto; }
  #hs2 {position:relative; height:67px; }
  #hs2 .row {/* display:none; */ }
  .nav {display:none; }
  .gnbBox {display:none; }
  #hs2 .row2 .search_box {display:none; }
  #hs2 .row2 .gnb {display:none; }
  #hs2 h1 {text-align:left; display:block; padding:0 15px; }
  #hs2 h1 a {display:block; background-repeat:no-repeat; font-size:0; background-size:100% auto; background-position:0 center; width:190px; height:67px; background:url(/img/logo_w.png) no-repeat; background-position:0 center; background-size:180px; }
  .subWrap #hs2 h1 a {background-image:url(/img/logo.png);}
  .scroll #hs2 h1 a{background-image:url(/img/logo.png);}
  #d_lnb_bg {display:none; }
  #d_lnb_btn {position:absolute; padding:0 15px; top:0; right:0; cursor:pointer; height:67px; padding-top:20px; }
  .icon-bar {display:block; margin-top:5px; width:20px; height:3px; background:#444444; }
  .mainWrap .icon-bar {background:#fff; }

  .mainWrap.scroll .icon-bar {background:#444444; }

  .icon-bar.short {width:20px; margin-left:5px; }

  #d_lnb {position:fixed; left:-100%; top:60px; width:80%; max-width:340px; height:100%; overflow:auto; background:#ffffff; z-index:991; }
  #d_lnb h2 {position:relative; text-align:center; color:#333; padding:20px 0; border-bottom:1px solid #c8c8c8; }
  #d_lnb h2 .close {position:absolute; right:10px; top:10px; cursor:pointer; }
  #d_lnb h2 .close img {max-width:65px; }

  #d_lnb ul {height:100%; overflow:auto; text-align:left; }
  #d_lnb li > a {display:block; padding:18px 30px; font-size:18px; position:relative; border-bottom:1px solid #dcdcdc; font-weight:600; }
  #d_lnb li:last-child {display:none; }

  #d_lnb li.on {transition:all 0.3s ease-in-out; }
  #d_lnb li > a:after {content:''; position:absolute; right:20px; top:0; bottom:0; margin:auto; transition:0.3s; width:20px; height:20px; background:url("../images/sacheon/ic_nav.png") no-repeat center center; background-size:100% !important; text-align:center; }
  #d_lnb li.on > a {color:#05235f; font-weight:600; }
  #d_lnb li.d4 > a:after,
  #d_lnb li.d5 > a:after {-webkit-transform:rotate(90deg); -moz-transform:rotate(90deg); -ms-transform:rotate(90deg); -o-transform:rotate(90deg); transform:rotate(90deg); }
  #d_lnb li.on.d4 > a:after,
  #d_lnb li.on.d5 > a:after {-webkit-transform:rotate(270deg); -moz-transform:rotate(270deg); -ms-transform:rotate(270deg); -o-transform:rotate(270deg); transform:rotate(270deg); }

  #d_lnb li .sub {display:none; padding:15px 0; transition:0.3s; border-bottom:1px solid #dcdcdc; }
  #d_lnb li.on .sub {display:block; height:auto !important; background:#fafafa; }
  #d_lnb li .sub dl {}
  #d_lnb li .sub dd a {display:block; padding:7px 30px; font-size:17px; font-weight:400; font-size:0.95em; }
  #d_lnb li .sub dd a:hover {font-weight:600; }
  .mobile_menu {background:#f0f0f0; display:flex; min-height:100%; background:var(--point-color-grey); }
  .mobile_menu:after {display:block; clear:both; content:""; }
  .mobile_menu .depth1 {width:120px; /* height:100%; */ /* background:#f0f0f0; */ }
  .mobile_menu .depth1 li {/* background:#f0f0f0; */ border-bottom:1px solid #ddd; }
  .mobile_menu .depth1 li a {/* padding:20px 0; */ color:#a9a9a9; font-weight:500; text-align:center; display:block; height:55px; line-height:55px; font-size:16px; color:#fff; }
  .mobile_menu .depth1 li.active {background:#fff; }
  .mobile_menu .depth1 li.active a {color:var(--main-color); /* font-size:16px; */ font-weight:bold; }
  .mobile_menu .depth2 {width:calc(100% - 120px); background:#fff; /* height:100%; */ }
  .mobile_menu .depth2 .tab_cont {padding:0 20px 50px; display:none; height:100%; padding-top:23px; }
  .mobile_menu .depth2 .tab_cont.active {display:block; }
  .mobile_menu .depth2 .tab_cont .sub_tlt {color:#17469d; text-align:center; border-bottom:2px solid #17469d; /* padding:0 15px; */ font-weight:600; height:66px; line-height:66px; font-size:16px; font-weight:500; color:#000; margin-bottom:11px; padding-left:5px; /* padding-left:15px; */ display:block !important; text-align:left; margin-top:0; border:1px solid #DEDEDE; border-radius:5px; height:50px; line-height:50px; /* width:304px; */ position:relative; width:100%; transition:0.3s; padding-left:0; padding-left:15px; }

  .mobile_menu .depth2 .tab_cont .sub_tlt.active {color:#1949CB; border-radius:10px 10px 0 0; border-color:#1949cb82; }

  .mobile_menu .depth2 .tab_cont .sub_tlt a {display:block; /* padding-left:15px; */ }
  .mobile_menu .depth2 .tab_cont .sub_tlt.lay2 a.active {color:#1949CB; border-radius:10px 10px 0 0; border-color:#1949cb82; }

  .mobile_menu .depth2 .tab_cont .sub_tlt a[target="_blank"]:after {display:inline-block; clear:both; content:""; width:19px; height:19px; background:url("/images/sacheon/ic_link.svg"); background-size:100%; margin-left:4px; transform:translate(0px, 2px); transform:rotate(0deg) !important; border:0 !important; top:14px !important; right:11px; position:absolute; }

  .mobile_menu .depth2 .tab_cont .sub_tlt:after {display:block; clear:both; content:""; width:6px; height:6px; position:absolute; border:2px solid var(--point-color-grey); border-bottom:0; border-right:0; transform:rotate(135deg); top:9px; top:19px; right:17px; }
  .mobile_menu .depth2 .tab_cont .sub_tlt.arrNone:after{display:none;}
  .mobile_menu .depth2 .tab_cont .sub_tlt.lay:after {display:none; }
  .mobile_menu .depth2 #menu1.tab_cont .sub_tlt:after,
  .mobile_menu .depth2 #menu2.tab_cont .sub_tlt:after,
  .mobile_menu .depth2 #menu5.tab_cont .sub_tlt:after {transform:rotate(135deg); top:20px; right:18px; }
  .mobile_menu .depth2 .tab_cont .depth {margin-bottom:30px; }
  .mobile_menu .depth2 .tab_cont .depth li {/* border-bottom:1px solid #dcdcdc; */ /* padding:15px 10px; */ line-height:30px; }
  .mobile_menu .depth2 .tab_cont .depth li a {position:relative; display:block; font-size:15px; color:#666666; font-weight:500; word-break:keep-all; padding-left:5px; padding-right:5px; display:block; padding-left:20px; }

  .mobile_menu .depth2 .tab_cont .depth li.select a {color:#222222; font-weight:700; text-decoration:underline; }
  .mobile_menu .depth2 .tab_cont .depth li.select a:before {background:#222222; }

  .mobile_menu .depth2 .tab_cont .depth li a[target="_blank"]:after {display:inline-block; clear:both; content:""; width:19px; height:19px; background:url("/images/sacheon/ic_link.svg"); background-size:100%; margin-left:4px; transform:translate(0px, 2px); /* transform:rotate(0deg) !important; */ border:0 !important; top:2px !important; transform:translate(0px, 2px); position:relative; margin-left:7px; }

  .mobile_menu .depth2 .tab_cont .depth li a:before {display:block; clear:both; content:""; width:4px; height:4px; border-radius:50%; position:absolute; background:var(--point-color-grey); top:12.5px; left:9px; }
  .mobile_menu .depth2 .tab_cont .depth li a:after {/* content:''; */ height:6px; width:6px; display:block; border:1px solid #888; border-left-width:0; border-top-width:0; transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -o-transform:rotate(-45deg); -ms-transform:rotate(-45deg); position:absolute; top:7px; right:3px; }
  #small .logo a {/* width:146px; */ background-size:90%; }

}

@media all and (min-width:1200px) {
  #d_gnb {top:0px; }
  #header {top:0; }
}