@charset "UTF-8";

@import url(font.css);
@import url(https://maxcdn.icons8.com/fonts/line-awesome/1.1/css/line-awesome.min.css);
@import url('https://fonts.googleapis.com/css?family=Barlow:100,200,300,400,500,600,700,800,900|Montserrat:100,200,300,400,500,600,700,800,900|Rokkitt:100,200,300,400,500,600,700,800,900');
@import url('https://fonts.googleapis.com/css?family=Nanum+Myeongjo:400,700,800|Noto+Sans+KR:100,300,400,500,700,900|Play:400,700|Nanum+Gothic:400,700,800&subset=korean');
@import url(https://cdn.jsdelivr.net/themify-icons/0.1.2/css/themify-icons.css);
@import url(html5_reset.css);
/* @import url(https://unpkg.com/aos@2.3.1/dist/aos.css); */
html { font-family: 'Noto Sans KR', sans-serif;  -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;overflow-y: scroll; }

body {
  font-smooth: always;-webkit-font-smoothing: antialiased;-moz-font-smoothing: unset;-moz-osx-font-smoothing: grayscale;font-smoothing: antialiased;
  -webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;backface-visibility: hidden;min-width: 1200px; }

img {max-width: 100%;}
button {outline: none;}
b {font-weight:500; }
.mobile {display: none;}
.pc {display: ;}
.box{-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}


input[type="text"],input[type="tel"], input[type="password"], textarea {padding: 8px 10px;border:1px solid #d3d3d3;color: #888;height: 18px;font-family: 'Noto Sans Korean', sans-serif;/* font-size: 18px; */vertical-align: top;}
select {padding: 5px 1px 5px 10px;border:1px solid #d3d3d3;color: #888;height: 36px;vertical-align: top;min-width: 150px;background: #fff;position:  relative;z-index:  1;background:  none;/* font-size: 18px; */}
.select {text-align: center;}
.select::after {content: "\e826";font-family: "mdwell";position: absolute;margin-left: -40px;background:  #fff;line-height: 37px;width: 35px;margin-top:  1px;color: #bdbdbd;}

input[type="tel"] {width: 20%; max-width: 150px;}
textarea {min-height: 80px;}

input[type=checkbox] { display:none; } /* to hide the checkbox itself */
input[type=checkbox] + label{padding-left:25px; position:relative}
input[type=checkbox] + label:before {display: inline-block;vertical-align: text-bottom;content: "";margin-right: 8px;line-height: 20px;position: absolute;left: 0;border: 1px solid #777;width: 12px;height: 12px;vertical-align: middle;top: 7px;margin-left:3px;} /* unchecked icon */
input[type=checkbox]:checked + label:before {font-family: 'LineAwesome';top: 4px;content: "\f17f";color: #5a8a85;margin-right: 5px;left: 0;font-size: 19px;border:0;margin-left:0;}

.filebox input[type="file"] {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip:rect(0,0,0,0);
border: 0;
}

.filebox label {display: inline-block;padding: 4px 10px;color: #999;font-size: inherit;line-height: normal;vertical-align: middle;background-color: #fdfdfd;cursor: pointer;border: 1px solid #ebebeb;border-bottom-color: #e2e2e2;/* border-radius: .25em; */line-height: 26px;}

/* named upload */
.filebox .upload-name {display: inline-block;padding: 4px 10px;font-size: inherit;font-family: inherit;line-height: normal;vertical-align: middle;background-color: #ffffff;border: 1px solid #d3d3d3;/* border-bottom-color: #e2e2e2; *//* border-radius: .25em; */-webkit-appearance: none;-moz-appearance: none;appearance: none;line-height: 26px;}

.filebox.bs3-primary label {color: #fff;background-color: #5a8a85;border-color: #56827e;}


 /* checked icon */
button:active {outline: none;border: none;}

hr {clear: both; float: none; border: 0}

h1, h2, h3, h4, h5, h6 {font-family: 'NanumSquare';}
/* h1 {font-size: 70px;}
h2 {font-size: 48px;}
h3 {font-size: 40px}
h4 {font-size: 30px;}
h5 {font-size: 24px;}*/
h6 {font-size: 1.1em; line-height:1.4;}

/* float & align */
.left{ float: left !important;}
.right{ float: right !important;}
.left_align {text-align: justify !important;}
.center {text-align: center !important; }
.right_align {text-align: right !important;}
.vertical_middle {vertical-align: middle;}
.border_none {border: none !important;}

/* CURSOR */
.cursor {cursor:pointer;}

/* dispaly */
.block {display: block !important;}
.inlin_b {display: inline-block !important;}

/* MARGIN */
.m_0 {margin: 0 !important;}
.m_10{margin:10px !important;}
.m_20{margin:20px !important;}
.m_30{margin:30px !important;}

.m_t_0 {margin-top: 0 !important;}
.m_t_10{margin-top:10px !important;}
.m_t_20{margin-top:20px !important;}
.m_t_30{margin-top:30px !important;}
.m_t_40{margin-top:40px !important;}
.m_t_50{margin-top:50px !important;}
.m_t_60{margin-top:60px !important;}
.m_t_80{margin-top:80px !important;}

.m_r_0 {margin-right: 0 !important;}
.m_r_10{margin-right:10px !important;}
.m_r_20{margin-right:20px !important;}
.m_r_30{margin-right:30px !important;}

.m_b_0 {margin-bottom: 0 !important;}
.m_b_10{margin-bottom:10px !important;}
.m_b_20{margin-bottom:20px !important;}
.m_b_30{margin-bottom:30px !important;}
.m_b_40{margin-bottom:40px !important;}
.m_b_50{margin-bottom:50px !important;}
.m_b_60{margin-bottom:60px !important;}

.m_l_0 {margin-left: 0 !important;}
.m_l_10{margin-left:10px !important;}
.m_l_20{margin-left:20px !important;}
.m_l_30{margin-left:30px !important;}


/* PADDING */
.p_0 {padding:0px !important;}
.p_10{padding:10px !important;}
.p_20{padding:20px !important;}
.p_30{padding:30px !important;}

.p_t_0 {padding-top:0px !important;}
.p_t_10{padding-top:10px !important;}
.p_t_20{padding-top:20px !important;}
.p_t_30{padding-top:30px !important;}

.p_r_0 {padding-right:0px !important;}
.p_r_10{padding-right:10px !important;}
.p_r_20{padding-right:20px !important;}
.p_r_30{padding-right:30px !important;}

.p_b_0 {padding-bottom:0px !important;}
.p_b_10{padding-bottom:10px !important;}
.p_b_20{padding-bottom:20px !important;}
.p_b_30{padding-bottom:30px !important;}

.p_l_0 {padding-left:0px !important;}
.p_l_10{padding-left:10px !important;}
.p_l_20{padding-left:20px !important;}
.p_l_30{padding-left:30px !important;}



/* font size +  weight + color */
.font_18 {font-size: 18px;}
.font_20 {font-size: 20px;}
.font_22 {font-size: 22px;}
.font_24 {font-size: 24px;}

.myeongjo {font-family: 'Nanum Myeongjo'}
.notosan {font-family: 'Noto Sans KR', sans-serif;}

.fontw_100 {font-weight: 100}
.fontw_300 {font-weight: 300}
.fontw_400 {font-weight: 400}
.fontw_600 {font-weight: 600}
.fontw_700 {font-weight: 700}
.fontw_800 {font-weight: 800}

.color_444 {color:#444 !important;}
.color_fff {color:#fff !important;}

/* li */
ul.two > li {width:50% !important; float: left; }
ul.three > li {width:33.333% !important; float: left; }
ul.four > li {width:25% !important;  float: left;}
ul.five > li {width: 20% !important;  float: left;}
ul.six > li {width: 16.666% !important;  float: left;}
ul.nine > li {width:11.1111% !important; float: left; }



#wrap {min-width: 1200px; width: 100%;}
section.bg {background: url(../images/common/con_bg.gif) center;}

/* layer_pop */
.layer_pop {position: fixed; width: 100%; height: 100%;z-index: 10; display: none;top:160px}
.layer_pop > .dim_bg {display: block; top:0}

#pop {position: absolute;/* width: 480px; *//* left: 50%; *//* margin-left: -240px; */top: 160px;z-index:310;display: none;width: 100%;text-align: center;}
#pop img {/* display: block; *//* float: left; */max-width: 480px;}
#pop .cont {/* border: 5px solid #9cb6b3; */overflow: hidden;display: inline-block;background: ;}
#pop .close {background: #939393;border: 5px solid #939393;border-top: 0;color: #fff;text-align: right;padding-right: 5px;display: block;/* overflow: hidden; */}
#pop .close label { cursor: pointer; }
#pop .close #close span {border: 1px solid #717171;border-radius: 3px;padding: 3px;font-size: .7em;background: #fff;color: #777;cursor: pointer;}
#pop input[type=checkbox] + label:before {border-color: #fff}
#pop input[type=checkbox]:checked + label:before {border-color: #fff; color:#fff}
#popdim {position:fixed;left:0;top:0;right:0;bottom:0;z-index:300;width: 100%;background: rgba(0, 0, 0, .6); display: none; cursor: pointer;}


/* header */
header {position: fixed;width: 100%;min-width: 1200px;background: #fff;z-index: 10;top:0;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;border-bottom: 1px solid #c1c1c1;height: 134px;font-family: 'NanumSquare';}
header.f_nav {margin-top: -84px;}
header > .header {background: #423c38;}
header > .header{background: #2A3747;}
header > .header .inwrap{text-align: center;max-width: 1110px;margin:0 auto;padding: 19px 45px 10px;position:  relative;color: #fff;}
header > .header h1 {display: inline-block;}
header > .header .top_text {left: 0;font-size: .9em;line-height: 1.3;margin-top: 5px;position: absolute;}
header > .header .top_text p > span{color: #7ec4bd;font-weight: 600;}

#menu_but {display: none;}

header > .header .top_call {float: right;font-size: 2em;text-align: left;line-height: 1;letter-spacing: -2px;position: absolute;right: 0;top: 15px;}
header > .header .top_call a {display: block;float: left;/* margin-top: 8px; */}
header > .header .top_call em {font-size: .4em;letter-spacing: 0;display: none;}
header > .header .top_call a span {float: left;margin-top: 8px;color: #fff;}
header > .header .top_call a::after {content:'\E845';font-family:'mdwell';background: #5a8a85;border-radius:100px;color: #fff;display:inline-block;width:40px;height:40px;float: right;margin-left: 8px;font-size: .7em;line-height: 40px;text-align: center;margin-top: 5px;}




/* nav_ */
header nav {clear: both;overflow: hidden;border-top: 1px solid #6a5e57;font-weight: 400;}
header nav > .lnb {overflow:hidden;width: 100%;max-width: 1200px;margin:0 auto;z-index: 20;position: relative;text-align: center;}
header nav > .lnb > li {width: 14.285%; text-align: center;display: inline-block;float: left;position:relative;top: 0;border-right: 1px solid #c1c1c1;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}
header nav > .lnb > li.active > a{color: #445f83;}
header nav > .lnb > li:first-child{border-left: 1px solid #c1c1c1;}
header nav > .lnb > li > a{color: #423c38;font-size: 20px;display:block;font-family: 'NanumSquare';line-height: 50px;font-weight: 600;}
header nav > .lnb > li:hover > a{/* color: #fff; */-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
header nav > .lnb > li > a:after {content:'';width: 100%;height: 0;top: 53px;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
header nav > .lnb > li:hover > a:after, header nav > .lnb > li.active a::after {/* width: 100%; */height: 7px;background: #5a8a85;display:inline-block;position: absolute;left: 0px;/* right: -1px; */z-index: -1;margin-top: -7px;}
 header nav > .lnb > li.active a::after{background: #5b7ca6;}
header nav > .lnb > li:first-child > a {border:0}
header nav > .lnb > li > ul > li a{display:block;}
header nav > .lnb > li > ul {font-size: 15px;display:none;height: 151px;margin-top: 20px;font-family: auto;margin-bottom: 20px;}
header nav > .lnb > li:first-child > ul {}
header nav > .lnb > li > ul > li{padding: 3px 0;font-family: 'Noto Sans KR', sans-serif;}
header nav > .lnb > li > ul > li:hover a{color: #5a8a85;}
header nav > .lnb > li.active > ul > li:hover a{color: #5b7ca6;}
.sub_lnb {border-bottom: 1px solid #b4aa9c;width:100%;background: rgba(255, 255, 255, .98);top: 135px;z-index: 10;float: left;position: absolute;left: 0;height: 190px;display:none;box-shadow: 0px 3px 8px rgba(143, 143, 143, 0.2);}
.dim_bg {width:100%;height:100%;position: fixed;display:none;background:rgb(0,0,0);background: transparent\5;background: rgba(0,0,0,0.5);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#b2000000,endColorstr=#b2000000);display: none;z-index: 100;cursor: pointer;top: 59px;}

/* footer */
footer {background: #4e4e4e;color: #fff;font-weight: 300;}
footer .map_wrap {padding:60px 0;overflow: hidden; }
footer .map_wrap > li:first-child{float: left;text-align: center;width: 57%;}
footer .map_wrap > li:first-child p {font-size: 1.3em;line-height: 1.3;padding-top: 10px;}
footer .map_wrap > li:first-child p span{color: #6ef8f0;}
footer .map_wrap > li:last-child{float: right;width: 40%;}
footer .map_wrap > li h6{font-size: 1.5em;font-weight: 400;margin-bottom: 10px;}
footer .map_wrap > li ul li h6:before {font-family:"mdwell"; content:'\e845'; margin-right:10px}
footer .map_wrap > li ul li:nth-child(2) h6:before {content:'\E828'; }
footer .map_wrap > li ul li:last-child h6{border-top: 1px solid #777;margin-top: 25px;padding-top: 20px;}
footer .map_wrap > li ul li:last-child h6:before{content: '\e829';}


footer .map_wrap > li span.foot_tel{font-size: 3.9em;color: #FFF;font-family: 'NanumSquare';line-height: 1;display: block;border-bottom: 1px solid #777;padding-bottom: 15px;margin-bottom: 25px;}
footer .map_wrap > li dl dt{width: 120px;display:inline-block;float: left;text-align: justify;-moz-text-align-last: justify;-webkit-text-align-last: justify; /* not implemented yet, and will not be */text-align-last: justify; /* IE + Chrome */margin-right: 10px;}
footer .map_wrap > li dl dt:after {content:''}
footer .map_wrap > li dl dd{display: flex;}
footer .map_wrap > li dl dd:before {content:':';margin-right: 10px;}




footer .copy {background: #353535;width: 100%;padding: 20px 0;overflow:  hidden;font-size:  14px; color: #aeaeae;}
footer .copy h5 {float: left;margin-top: 10px;}
footer .copy .inwrap address {float: left; border-left:1px solid #838383; padding-left:30px; margin-left:30px}
footer .copy .inwrap address span, footer .copy .inwrap address em {margin-left:15px}
footer .copy .inwrap address br {display: none;}
footer .copy .inwrap address p{display: block; margin:0 10px }
footer .copy .inwrap ul {float:right;margin-top: 23px;}
footer .copy .inwrap ul li {float:  left;padding-left:  10px;}
footer .copy .inwrap ul li a {color: #aeaeae;border-left:1px solid #838383;line-height:1;padding-left: 10px;}
footer .copy .inwrap ul li:first-child a{border:none;border: 1px solid #767676;padding: 10px;}
footer .copy img {opacity: .5; -webkit-filter: grayscale(100%);
filter: gray;}


/* 4. 모바일 (해상도 767px 이하) */
@media all and (max-width:767px) {
  html {font-weight: 400;}
  body {min-width:320px; font-size: 14px;}
  .pc {display: none !important ;}
  .mobile {display: block !important; overflow: hidden ;}
  select {min-width:100px}
  ul.nine li , ul.six > li{width: 33.3333% !important; margin-top: -1px;}
  #wrap {min-width: 320px;}

  input[type="text"], input[type="tel"], input[type="password"], textarea{font-size:  12px;padding: 3px 10px;height: 14px;}
  textarea {min-height: 40px;}

  /* MARGIN */
  .m_10{margin:5px !important;}
  .m_20{margin:10px !important;}
  .m_30{margin:15px !important;}

  .m_t_10{margin-top:5px !important;}
  .m_t_20{margin-top:10px !important;}
  .m_t_30{margin-top:15px !important;}
  .m_t_40{margin-top:20px !important;}
  .m_t_50{margin-top:25px !important;}
  .m_t_60{margin-top:30px !important;}
  .m_t_80{margin-top:40px !important;}


  .m_r_10{margin-right:5px !important;}
  .m_r_20{margin-right:10px !important;}
  .m_r_30{margin-right:15px !important;}

  .m_b_10{margin-bottom:5px !important;}
  .m_b_20{margin-bottom:10px !important;}
  .m_b_30{margin-bottom:15px !important;}
  .m_b_40{margin-bottom:20px !important;}
  .m_b_50{margin-bottom:25px !important;}
  .m_b_60{margin-bottom:30px !important;}

  .m_l_10{margin-left:5px !important;}
  .m_l_20{margin-left:10px !important;}
  .m_l_30{margin-left:15px !important;}


  /* PADDING */

  .p_10{padding:5px !important;}
  .p_20{padding:10px !important;}
  .p_30{padding:15px !important;}

  .p_t_10{padding-top:5px !important;}
  .p_t_20{padding-top:10px !important;}
  .p_t_30{padding-top:15px !important;}

  .p_r_10{padding-right:5px !important;}
  .p_r_20{padding-right:10px !important;}
  .p_r_30{padding-right:15px !important;}

  .p_b_10{padding-bottom:5px !important;}
  .p_b_20{padding-bottom:10px !important;}
  .p_b_30{padding-bottom:15px !important;}

  .p_l_10{padding-left:5px !important;}
  .p_l_20{padding-left:10px !important;}
  .p_l_30{padding-left:15px !important;}

  .font_18 {font-size: 12px;}
  .font_20 {font-size: 13px;}
  .font_22 {font-size: 14px;}
  .font_24 {font-size: 16px;}

  .tit_en {font-size: 11px; letter-spacing: 4px;}

  /* header */
  header{height: 58px;min-width: 100%;/* border-bottom: 1px solid ##b69c71; */}
  header.f_nav{margin-top: 0;}
  header > .header{padding: 0 15px;}
  header > .header .inwrap{padding:10px 0;}
  header > .header .top_call {float: left;left: 0;right: auto;top: 6px;}
  header > .header .top_call a::after {float:left;background: none;color: #fff;font-size: 30px;margin: 3px 0 0;padding: 0;width: auto;}
  header > .header h1 img{height: 32px;}
  header > .header .top_text{right: 7px;left: auto;font-size: 1.3em;margin-top: 8px;}
  header > .header .top_text p {display: none;}
  #menu_but {display: block;}
.filebox label {padding: 1px 10px;float: left;}


  /* nav */
  header nav {position: fixed;min-height: 100%;width: 220px;top: 59px;right:  -220px;z-index: 1001;color: #fff;overflow: hidden;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;border-top: 0;}
  header nav.open {right:0;}
  header nav > .lnb{overflow-y: scroll;position: absolute;top: 0;bottom: 0;width: 220px;background: #ffffff;}
  header nav > .lnb > li {width: auto;float: none;border-bottom:1px solid #bdb4a5;display: block;}
  header nav > .lnb > li > a {text-align: left;margin:0;padding: 0 20px;border:0;font-size: 16px;color: #555;height: auto;}
  header nav > .lnb > li > ul {height: auto;text-align: left;border: 0;border-top: 1px solid #dcd7d0;padding: 10px 0;background: #e6e6e6;margin-top: 0;margin-bottom: 0;}
  header nav > .lnb > li:hover > a {background: #445f83;color: #fff;}
  header nav > .lnb > li:hover > a > span {display: none;}
  header nav > .lnb > li.has-sub > a::after {z-index: 1;content: "\e826";font-family: "mdwell";font-style: normal;font-weight: normal;width: auto;height: auto;left: auto;text-decoration: inherit;position: absolute;right: 20px;/* color:#aaa; */background: none;top: auto;margin: 0;}
  header nav > .lnb > li.has-sub.active > a:after {content: "\e825";border:0;}
  header nav > .lnb > li > ul > li a::before {content: "-";padding: 4px 5px;color: #614e31;margin-left: 15px;}

  /* footer */
  footer {background: #5b7ca6;}
  footer > .inwrap  {padding: 0;}
  footer ul.foot_menu li{width: 25%;float: left;text-align: center;border-left: 1px solid #7394bd;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;padding: 8px 0;line-height: 1.2;}
  footer ul.foot_menu li:first-child{border:0}
  footer ul.foot_menu li a{color: #fff;opacity: 1;display: block;}
  footer ul.foot_menu li a::before {font-family: "mdwell";content: '\E845';display: block;font-size: 2.5em;opacity: 1;}
  footer ul.foot_menu li:hover a, footer ul.foot_menu li:hover a:before{color: #fff;opacity: 1;}
  footer ul.foot_menu li:nth-child(2) a::before{content: '\E828'}
  footer ul.foot_menu li:nth-child(3) a::before{content: '\E829'}
  footer ul.foot_menu li:nth-child(4) a::before{content: '\E900'}
  footer .copy{padding: 10px 0;font-size: 10px;text-align: center;}
  footer .copy h5 {display: none;}
  footer .copy .inwrap address {border: 0; float: none;padding: 0;margin: 0;}
  footer .copy .inwrap address span{display: none;}
  footer .copy .inwrap address br {display: block;}
  footer .copy .inwrap ul {display: none;}
}

@media screen and (max-width: 1378px) {
  #quick_menu {display: none;}
}

/*------------------------------ sub -------------------------------------*/


.inwrap {max-width:1200px;margin: 0 auto;position: relative;}
.green_bg{background: #5a8a85 !important; }
.grey_bg {background: #fafafa !important;color: #444;}
.yellow_bg {background: #5b7ca6 !important;}
.green_text {color:#5a8a85 !important; }
.yellow_text {color: #445f83 !important;}

/* sub_visual */
.sub_visual {margin-top: 135px;height: 350px;background-position: top center;background-size: cover;overflow:  hidden;color: #fff;text-align: center;}
.sub_visual > div {padding: 75px 0 0;}
.sub_visual > div h1 {font-size: 70px;font-weight: 600;line-height: 1.2em;margin-bottom: 30px;}
.sub_visual > div h1 em {/* border-bottom: 3px solid #fff; */font-weight: 300;}
.sub_visual > div h1 em.green {/* border-color: #ffbe00; */color: #ffffff;font-weight: 600;}
/* .sub_visual > div h2 {font-size: 2em;font-weight: 300;line-height: 1.2em;} */
.sub_visual > div p.tit_en {color: #fff;font-family: 'Rokkitt', serif;font-weight: 100;letter-spacing: 5px;font-size: 17px;}
.sub_visual .sub_nav{margin-top: 40px;}
.sub_visual .sub_nav li {background:#fff;width: 12.5%;float:left;border-left: 1px solid #b8c4c2;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;padding: 10px 0;font-size:  17px;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
.sub_visual .sub_nav a {color:#2e2e2e;display: block;text-align: center;font-weight: 400;}
.sub_visual .sub_nav li:hover {background: #5a8a85;border-left: 1px solid #4b6a66;}
.sub_visual .sub_nav li:hover a{color: #ffffff;}
.sub_visual .sub_nav li.active {background:#5a8a85 !important;border-left: 1px solid #4b6a66 !important; }
.sub_visual .sub_nav li.active a{color:#fff !important}
.sub_visual .sub_nav li.active:hover {border-left: 1px solid #4b6a66;}



/* step */
.step {padding: 80px 0;}
#sub h3 {font-size: 30px;color: #222;}
#sub h3 span {font-weight: 400;}
#sub h3 em {font-size: .65em;font-weight:400;}
#sub h3 em:before {content:'- '}
#sub h3:before {content:'';height: 30px;width: 8px;margin-right:10px;background: #5a8a85;display:inline-block;vertical-align:middle;}
#sub .grey_bg h3:before {background: #5b7ca6;}
#sub h4 {background: #5a8a85;color: #fff;padding: 0 15px;display: inline-block;margin: 50px auto 30px;font-size: 30px;font-weight: 400;font-family: 'Nanum Myeongjo', serif;}
#sub h4.yellow {background: #5b7ca6;}
#sub h5 {font-size: 24px;/* color: #a18c6a; */}


/* sub_tit */
.sub_tit {text-align:center}
.sub_tit p{font-family: 'Rokkitt', serif;letter-spacing: 5px;text-transform: uppercase;font-size: 16px;margin-bottom: 5px;/* font-weight: 400; */}
.sub_tit h1{color:#000;font-size:40px;font-weight:100;line-height: 1;margin-bottom: 60px;font-family: 'Nanum Myeongjo', serif;}
.sub_tit h1 b{font-weight:600}
/* .sub_tit h1:after{width:40px;height:3px;background:#35aeaf;content:'';display:block;margin: 20px auto;} */
.sub_tit h2 {font-size:24px;font-weight:400;/* margin-bottom: 40px; */color: #222;}
.sub_tit h2 br {display:none}
.sub_tit h3 {color: #222; font-weight: 400;}
.sub_tit::before {content:'';display: block;background: #5a8a85;width: 60px;height: 4px;margin: 20px auto;}
.grey_bg .sub_tit::before {background: #5b7ca6;}

ul.check_list {margin-left: 30px;}
ul.check_list li{line-height: 2em;padding-top: 15px;line-height:1.4;margin: 0 0 0 20px;}
ul.check_list li:before {content: '\e854';font-family:'mdwell';margin-right: 10px;color: #5a8a85;position: absolute;margin-left: -30px;}
.grey_bg ul.check_list li:before{color: #5b7ca6;}


.img_right {overflow: hidden; }
.img_right img {float: right; margin-left:50px;}
.img_right p {text-align: justify; margin:15px 0;}

.img_left {overflow: hidden; }
.img_left img {float: left; margin-right: 50px; max-width: 50%;}
.img_left p {text-align: justify; margin:15px 0;}
.img_left .check_list {width: 47.5%;float: right;margin:0;}


.dot_tit{font-size: 1.4em;font-weight: 500;}
.dot_tit:before {font-family:"mdwell"; content:'\e832'; margin-right:10px}
.dot_tit:after {font-family:"mdwell"; content:'\e833'; margin-left:10px}


 .dl_wrap{ margin-left: -2%; overflow: hidden;}
 .dl_wrap dl {width: 48%;float: left;margin: 30px 0 0 2%;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;background: #fafafa;border: 1px solid #ccc;}
 .dl_wrap dl dt{float: left;font-size: 3.5em;color: #5a8a85;padding: 0 25px;font-family: 'NanumSquare';font-weight: 600;}
 .dl_wrap dl dd{letter-spacing: -1px;margin-top: 16px;margin-bottom: 16px;padding: 0 30px 0 89px;}
 .dl_wrap dl dd b {display:block;font-weight: 500;font-size: 1.2em;}


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

.inwrap {padding:0 15px}
.mobile_left {text-align: justify;}
.mobile_left br {display: none;}

#pop {width: 90%;/* margin-left: -150px; */padding: 0 5%;top: 50px;}
#pop img {max-width:100%;}
#pop input[type=checkbox] + label:before{top: 4px;}
#pop input[type=checkbox]:checked + label:before{top:2px}


  /* sub_visual */
.sub_visual{margin-top: 59px;height: auto;text-align: center;/* background-position: 73% 0; */min-height: 130px;}
.sub_visual > div {padding: 20px 0;width: auto;}
.sub_visual > div h1 {font-size: 30px;margin-bottom: 10px;}
.sub_visual > div h1 em {/* border-bottom: 1px solid #fff; */}
.sub_visual > div h2 {font-size: .95em;margin-top: 5px;}
.sub_visual > div p {font-size: 12px;text-align: left;}
.sub_visual > div p.tit_en {font-size: .9em;text-align: center;letter-spacing: 0;}
.sub_visual .sub_nav {margin: 16px 0 0;}
.sub_visual .sub_nav li {border-bottom: 1px solid #b8c4c2;}
.sub_visual .sub_nav.f_nav {position:fixed;right: 0;left:0;margin-top: -86px;z-index: 2;}
.sub_visual .sub_nav a{font-size:12px;letter-spacing:-1px}
.sub_tit::before{
    margin: 10px auto;
}
.sub_tit p{font-size: 10px;letter-spacing: 0;}
.sub_tit h1{font-size:1.6em;margin-bottom: 30px;}

.step{padding:30px 0}
.sub_tit h2{font-size:1.1em}
#sub h3{font-size:20px}
#sub h3:before{height: 20px;width: 4px;margin-right: 5px;}
#sub h4{font-size:1.2em;letter-spacing:-1px;margin: 30px auto 10px;padding: 10px;line-height: 1.4;}
#sub h5{font-size: 1.2em;}
.img_right img {float: none; margin:0 0 10px 0}
.img_left img {width:100%;margin: 0;max-width: 100%;float: none;margin-bottom: 10px;}
.img_right p{margin:5px 0}

.dl_wrap dl{width:100%;margin: 10px 0 0;}
.dl_wrap dl dt{font-size: 2em;padding: 4px 0 10px 16px;}
.dl_wrap dl dd{padding: 0 10px 0 46px;margin: 10px 0;}


ul.check_list{margin: 0;}
ul.check_list li{padding-top: 5px;/* margin: 0; */}
ul.check_list li:before{margin-left:-20px;font-size: .8em;}

.img_left .check_list{width:100%;float:none;/* margin:0; */}
}