@charset "UTF-8";


/* common */
.wrap{position: relative;width:100%;margin:0 auto;min-width:320px;max-width:1920px;}

/* header */
#header{width:100%; height:85px;z-index:9999;background:#fff;}
.header_wrap{position: relative;z-index:9999;width:100%;height:85px;margin:0 auto;border-bottom:1px solid rgba(255,255,255,0.2);background:#fff;}
.header_wrap h1{position: absolute;left:3%;top:30px;z-index: 999;}
.header_wrap h1 a{display: block;}
.header_wrap h1 img{width:100%;}
.header_wrap h1.on_mo{display: none;}

/* gnb_wrap */
.gnb_wrap{overflow:hidden;position: relative;left:0;top:0;z-index:1;width:100%;height:85px;margin:0 auto;transition:all .1s ease-in-out;-webkit-transition:all .1s ease-in-out;-moz-transition:all .1s ease-in-out;-o-transition:all .1s ease-in-out;box-shadow: 0 0 10px #eee;}
/* gnb open */
.header_wrap.open .gnb_wrap{ height:370px; background:#fff;}
.header_wrap.open .gnb_wrap::after{content:""; position: absolute;left:0;top:85px;width:100%;border-bottom:1px solid #eee;}
.header_wrap.open .gnb_wrap .gnb .depth1 > a{color:#1e1e1e;position:relative;}
.header_wrap.open .gnb_wrap .gnb .depth1 > a:hover, .header_wrap.open .gnb_wrap .gnb .depth1:hover > a{color:#ea0b55;transition: all 0.2s ease;}
/*.header_wrap.open .gnb_wrap .menu_login{background:#000;border:none;}*/

/* gnb_bg*/
.gnb_bg{position: absolute;left:0;top:90px;width:800px;height:280px;overflow: hidden;}
.gnb_bg:after{content:"";position:absolute;background:url('/images/layout/gnb_bg.png');width:766px;height: 370px;top: -80px;left: -124px;opacity:.5;}

/* gnb */
.gnb{position: absolute;left:50%;transform: translateX(-30%);top: 1px;height:100%;}
.gnb .depth1{float: left;margin-left:90px;}
.gnb .depth1:first-child {margin-left:0;}
.gnb .depth1 > a{display:block;line-height:90px;font-size: 18px;color:#101010;letter-spacing:-1px;font-weight:500;}
.gnb .depth1 .depth2{padding:15px 0 50px; opacity: 1;}
.header_wrap.open #gnb .depth1 .depth2{opacity: 1;}
.gnb .depth1 .depth2 li{margin-top:18px;}
.gnb .depth1 .depth2 li a{font-size:16px;color:#555; letter-spacing: -0.5px;}
.gnb .depth1 .depth2 li a:hover{color:#111; font-weight:500; transition: 0.2s ease;}
.gnb::after{content: "";clear: both;display: block;}

/* ------------- */
html.open { overflow: hidden; }
.menu {position: absolute;top: 24px;right: 3%;height: 46px;width: 46px;}
.menu-link {width: 100%; height: 100%; position: absolute; z-index: 1002;}
.menu-icon { position: absolute; width: 26px; height: 22px;margin: auto;left: 0;top: 0;right: 0; bottom: 1px;}
.menu-line {background-color: #333;height: 3px;width: 100%;border-radius: 2px;position: absolute;left: 0;transition: all 0.25s ease-in-out;}
.menu-line-2 {top: 0; bottom: 0; margin: auto;}
.menu-line-3 { bottom: 0;}
.menu.open .menu-line-1 {transform: translateY(11px) translateY(-50%) rotate(-45deg);}
.menu.open .menu-line-2 {opacity: 0;}
.menu.open .menu-line-3 {transform: translateY(-11px) translateY(50%) rotate(45deg);}
.menu:hover .menu-circle {transform: scale(1.5);}
.menu.open .menu-circle {transform: scale(60);}
.menu.open .gnb .depth1 > a{display: none;}
.menu-overlay {background-color: rgba(0,0,0,.4);color: #333;height: 100VH;width: 100%;position: fixed;text-align: center;transition: opacity 0.2s ease-in-out;z-index: 998;opacity: 0;visibility: hidden;display: block;/* margin-top: 90px; */top: 0;width: 100%;}
.menu-overlay.open {opacity: 1;visibility: visible;}
.overlay-info {color: #111825;position: absolute;top: 37%;left: 50%;transform: translateX(-50%);width: 100%;height: 61VH;background: #fff;padding-top: 85px;top: 0;width: 100%;}
.overlay-info:before{position:absolute;content:"";width:100%;height:1px;background:#dedede;left:0;top: 85px;z-index:999;}
.overlay-info .m_menu{width: 100%;}
.overlay-info .m_menu > ul > li{text-align:left;display: inline-block;width: 18%;vertical-align: top;border-left: 1px solid #dedede;box-sizing: border-box;height: 61vh;padding: 50px 0 0 3%;}
.overlay-info .m_menu > ul > li:first-child{border-left:0}
.overlay-info .m_menu > ul > li > a{text-align: left;font-size: 17px;color: #111;font-weight: 500;}
.overlay-info .m_menu > ul > li > a:hover{text-decoration: underline;}
.overlay-info .m_menu > ul > li > ul{padding-top: 15px;}
.overlay-info .m_menu > ul > li > ul > li{margin-top: 16px;}
.overlay-info .m_menu > ul > li > ul > li a{font-size: 16px;color: #555;font-weight: 400;}
.overlay-info .m_menu > ul > li > ul > li a:hover{color:#000;}

.menu_login{position:absolute;right:8%;top: 0;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,0.2);border-bottom:0;box-sizing: content-box;z-index: 9999;}
.menu_login ul{line-height: 85px;}
.menu_login ul li{display: inline-block;}
.menu_login ul li a{display: block;font-size: 14px; color:#555;margin:0 .5em;}
.menu_login ul li a:before{content:"";position: absolute; width:3px; height:3px; bakground:#333;}
.menu_login a.log{padding-left:25px;font-weight:500; font-size: 14px; color:#333;}
.menu_login a.log:after{position:absolute;content:"";background:url('/images/layout/icon_secret.png')no-repeat;width:14px;height:18px;left: 10px;top: 34px;}

/* depth1 type1  */
.all_menu_wrap .all_menu .list{padding:0 2%;}
.all_menu_wrap .all_menu .depth1[data-page="3"]{border-bottom:1px solid #999;}
.all_menu_wrap .all_menu .depth1.type1{float:left;width:22%;height:auto;padding-bottom:95px;border-top:none;}
.all_menu_wrap .all_menu .depth1.type1 > a{width:44%;}
.all_menu_wrap .all_menu .depth1.type1 .depth2{width:56%;}
.all_menu_wrap .all_menu .depth1.type1 .depth2 li{float:none;width:100%;margin-top:12px;}
.all_menu_wrap .all_menu .depth1.type1 .depth2 li:first-child{margin-top:0;}

/* depth2 type1  */
.all_menu_wrap .all_menu .depth2 li.long{overflow:hidden;width:60%;}
.all_menu_wrap .all_menu .depth2 li.long > a{display:block;width:100%;}
.all_menu_wrap .all_menu .depth2 li.long .depth3 ul{float:left;width:33%;}
/* depth1 height */
.all_menu_wrap .all_menu .depth1[data-page="1"] .depth2 > li{height:160px;}
.all_menu_wrap .all_menu .depth1[data-page="1"] .depth2 > li.type1{height:auto;}
.all_menu_wrap .all_menu .depth1[data-page="2"] .depth2 > li{height:210px;}
.all_menu_wrap .all_menu .depth1[data-page="2"] .depth2 > li.type1{height:auto;}
.all_menu_wrap .all_menu .depth1[data-page="3"] .depth2 > li{height:120px;}
.all_menu_wrap .all_menu .depth1[data-page="3"] .depth2 > li.type1{height:auto;}
/* depth3  */
.all_menu_wrap .all_menu .depth1 .depth3 li::before{content: "";position: absolute;left:0;top:8px;width:4px;height:4px;background-color: #ea0b55;border-radius: 50%;}

/* footer*/
.footer{width:100%;margin:0 auto;padding:45px 0 30px 0; background:#292b2d;position: relative;}
.footer .footer_in{position:absolute;right:0;top:0;text-align: right;}
.footer .footer_in li{display:inline;padding:0 12px;position: relative;letter-spacing: -0.3px;}
.footer .footer_in li a{font-size:14px;color:#888;font-weight: 300;}
.footer .footer_in li:first-child a{color: #bbb;font-weight: 400;}
.footer .rel_site{position:absolute;right:0;top:60px;text-align: right;}
.footer .rel_site li{display:inline;color:#aaa;letter-spacing: -0.3px;}
.footer .rel_site li:first-child{padding-left: 0;}
.footer .rel_site li a{font-size:15px;color:#ccc;font-weight: 300;border:1px solid #555;padding:8px 12px;}
.footer .rel_site li a:hover{background:rgba(255,255,255,0.1);transition: all .2s ease;}
.footer .copyright{font-size:15px;width:100%;letter-spacing: -.5px;margin-top:35px;}
.footer .copyright address{line-height:24px;color:#bbb;font-weight: 300;word-break: keep-all;}
.footer .copyright address span{padding-left:20px;}
.footer .copyright p{font-size:13px;color:#666;font-weight: 100;}
.footer .container{min-height:inherit;}

/* sub */
.sub_visual{position:relative;width:100%;background-size: cover;}
.sub_v01{background:url('/images/contents/sub_v01.jpg') no-repeat center;}
.sub_visual_txt{width:1400px;margin:0 auto;text-align:center;color:#fff;}
.sub_visual_txt h2 {font-size: 44px;font-weight: 700;text-align:center;padding: 10% 0;}

/* sub menu*/
.sub_menu{position: relative;border-bottom:1px solid #dfdfdf;background:#fff;}
.sub_menu div{width:1400px; margin:0 auto;}
.sub_menu div ul{margin: 0 auto;text-align: center;}
.sub_menu div ul li{display:inline-block; padding:0 20px;height:80px;}
.sub_menu div ul li a{display:block; line-height:80px; color:#666; text-align: center; word-break:keep-all;  -webkit-transition:all 0.4s; transition:all 0.4s;font-size:18px;padding:0 40px;position: relative;}
.sub_menu div ul li.active a{color: #000;font-weight: 500;}
.sub_menu div ul li.active a:after{content: ''; display: block; height: 4px; background: #4c4c4c; position: absolute; left: 0; right: 0; bottom: -1px;}
.sub_container{position:relative;width:100%;margin:0 auto;padding: 6% 0;/* top:-90px; */background: #fff;}
.sub_container .sub_tit{position:relative;font-size: 40px;color: #000;margin-bottom: 6%;}
.sub_container .sub_tit:after{content:"";position: absolute;width:35px;height: 3px;left: 0;top: -8px;background:#a81f59;}
.contents{margin-top: 2%;min-height:500px;}
.sub_menu02{display: none;}

@media all and (max-width:1299px) {
  .wrap{min-width:inherit;}
  #header, .header_wrap, .gnb_wrap, .header_wrap.open .gnb_wrap{height:85px;}
  .header_wrap h1{left:2%;}
  .header_wrap h1{width: 40%;}
  .menu{right:2%;}
  .gnb{transform:translateX(-44%); }
  /* sub menu*/
  .sub_menu{position:static;top:0;}
  .sub_container{position:static;top:0;padding-top:80px;margin-bottom:80px;}

}



@media (max-width:1554px){
  .gnb .depth1{margin-left:4em;}
  .header_wrap h1.on_mo{width: 19%;}
  .header_wrap h1.on_pc{display: none;}
  .header_wrap h1.on_mo{display: block;}
  .footer{padding:1% 5%;box-sizing: border-box;}
  .footer .container{padding:0;}
  .footer img{display: none;}
  .footer .footer_in{width: 100%;left:0;top:-20px;text-align: left;}
  .footer .rel_site{top:-20px;text-align: right;}
  .footer .copyright{width:100%;padding:40px 0;}
  .m_login{font-size: 15px;border: 1px solid #333;border-radius:30px;padding: 8px 10px;position: absolute;right: 7%;top: 25px;width: 60px;font-weight: 500;}

  /* sub */
  .sub_visual{height:250px; background-size: cover;top:0}
  .sub_visual_txt{width:100%;line-height:250px;}
  .sub_visual_txt h2{padding:0;/* font-size: 40px; */}
  .sub_menu{display: none;}
  .sub_menu div{width:100%;}
  .sub_menu02{display: block;}
  /* sub_menu02 */
  .sub_menu02{background: #fff;z-index: 9999;}
  .sub_menu02 a{padding: 0 30px;display: block;}
  .sub_menu02 > a{background:#f1f1f1;font-weight: 500;border-bottom:1px solid #dedede;font-size:18px;position: relative;min-height: 56px;line-height: 56px;}
  .sub_menu02 > a:after{content:"";position: absolute;right:5%;top:26px;width:13px;height:7px;background:url('/images/layout/sub_menu.png');}
  .sub_menu02 ul{background:#fbfbfb;border-bottom:1px solid #dedede;position: absolute;width:100%;z-index: 9999;}
  .sub_menu02 ul li a{padding:12px 30px;font-size:15px;}
  .con{margin-top:-20px;}

}


@media (max-width:1160px) {
  .gnb , .gnb_bg{display: none;}
  .overlay-info .m_menu > ul > li{}
  .header_wrap h1.on_mo{width: 25%;}

}

/* tablet (768px) ~ 1023px */
@media (max-width:1024px) {

  .header_wrap h1.on_mo{width: 28%;}
  .sub_container .sub_tit{}
  .overlay-info .m_menu > ul > li{width:23%;}

}

/* mobile ~ 767px */
@media  (max-width:767px){
  #header, .header_wrap, .gnb_wrap{height:75px;}
  .header_wrap.open .gnb_wrap{height:75px;}
  .header_wrap.open .gnb_wrap::after{top:75px;}
  .overlay-info:before{top:75px;}
  .overlay-info{padding-top:75px;}
  .header_wrap h1{top:25px;}
  .header_wrap h1.on_mo{width: 32%;}
  .menu{top:17px;}
  .menu_login{right:11%;}
  .menu_login ul{line-height:75px;}
  .menu_login a.log:after{top:30px;}
  .m_login{font-size: 15px;width:100%;background: #eee;padding:12px 0;border:0;border-radius: 0;top:70px;right:0;}

  .overlay-info .m_menu > ul{box-sizing: border-box;}
  .overlay-info .m_menu > ul > li{display:block;width:100%;height:100%;border-left:0 ;border-bottom: 1px solid #e5e5e5;display: table;padding: 0;}
  .overlay-info .m_menu > ul > li > a{font-size: 15px;width: 50%;display: table-cell;background: #f8f8f8;padding: 14px;}
  .overlay-info .m_menu > ul > li > ul{padding-top: 0;width: 50%;display: table-cell;}
  .overlay-info .m_menu > ul > li > ul > li{margin-top:0;margin-bottom: 8px;}
  .overlay-info .m_menu > ul > li > ul > li a{font-size: 15px; padding:15px;}
  .overlay-info{height:100vh;}

  .footer .copyright address{font-size:13px;line-height: 18px;}
  .footer .copyright{width:100%;padding:70px 0 20px;}


  /* sub */
  .sub_visual{height:180px; background-size: cover;top:0}
  .sub_visual_txt{width:100%;line-height:180px;}
  .sub_visual_txt h2{font-size: 35px;}
  .sub_menu div{width:100%;}
  .sub_container{padding:50px 0 0;margin-bottom:60px;}
  .sub_container .sub_tit{font-size: 30px;}

  .contents{margin-top:50px;min-height:80px}
}

@media (max-width:540px) {
  .menu_login{display: none;}
  .header_wrap h1.on_mo{width: 50%;}
  .footer .footer_in{left:50%;transform:translateX(-50%);text-align: center;}
  .footer .rel_site{width: 100%;left:50%;transform:translateX(-50%);top:21px;text-align: center;}
  .overlay-info .m_menu{margin-top: 44px;}
  .overlay-info .m_menu_login{display: block;width:100%;right:0;top: 75px;}
  .overlay-info .m_menu_login ul li{width: 50%;float: left;line-height: 43px;}
  .overlay-info .m_menu_login ul li a{background: #b64375;color:#fff;padding: 0;margin: 0;display: block;font-size: 14px;font-weight: 400;}
  .overlay-info .m_menu_login ul li:nth-child(2) a {background: #444;}
  .overlay-info .m_menu_login a.log:after{ background: none;  }
  .overlay-info .m_menu_login{}
  .overlay-info .m_menu > ul > li > a{font-size: 15px;width: 49%;display: table-cell;}
  .overlay-info .m_menu > ul > li > ul{padding-top: 0;width: 50%;display: table-cell;}
  .overlay-info .m_menu > ul > li > ul > li{margin-top:0;margin-bottom: 8px;}
  .overlay-info{height:100vh;}
  .sub_menu{display: none;}
}

@media (max-width:360px) {
  .header_wrap h1.on_mo{width: 60%;}

}