@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=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://fonts.googleapis.com/css?family=Barlow:100,200,500,600,700,800,900|Roboto:100,300,400,500,700,900&display=swap');
/* @import url(//spoqa.github.io/spoqa-han-sans/css/SpoqaHanSans-kr.css);
@import url(//spoqa.github.io/spoqa-han-sans/css/SpoqaHanSans-jp.css); */
@import url('https://fonts.googleapis.com/css2?family=Black+Han+Sans&display=swap');
@import url(html5_reset.css);
@import url(https://unpkg.com/aos@2.3.1/dist/aos.css);
html {
  font-family: 'Barlow', 'Noto Sans KR', sans-serif , '맑은 고딕', Malgun Gothic, '돋움', Dotum, arial, apple Gothic;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  overflow-y: scroll;
  max-width: 1920px;
  margin: 0 auto;
  }

body {
  font-size: 18px;
  letter-spacing: -1pt;
  letter-spacing: -0.05em;
  min-width: 1184px;
  }
@media (max-width: 767px) {
  html {font-weight: 400;}
  body {min-width:320px;font-size: 14px;overflow: hidden; width: 100%}
}
img {max-width: 100%;}
button {outline: none;}
b {font-weight: 600;}
.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: 5px 10px;border:1px solid #d3d3d3;color: #888;height: 25px;font-family: 'Noto Sans Korean', sans-serif;font-size : 1em;vertical-align: top;}
input[type="image"] {max-width: 100% !important; height: auto !important;}
select {padding: 5px 1px 5px 10px;border:1px solid #d3d3d3;color: #888;height: 37px;vertical-align: top;min-width: 150px;background: #fff;position:  relative;z-index:  1;background:  none;vertical-align: middle;}
.select {text-align: center;}
.select::after {content: "\E875";font-family: "icon_font";position: absolute;margin-left: -42px;background:  #fff;line-height: 37px;width: 37px;margin-top:  1px;color: #bdbdbd;}
select::-ms-expand {
  /* for IE 11 */
  display: none;
}
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;display: inline-block;text-align: justify;font-size: 18px;line-height: 1.6em;}
input[type=checkbox] + label + a {font-size:18px;}
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";margin-right: 5px;left: 1px;font-size: 19px;border:0;margin-left:0;color: #4671d1;}

.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;}

/* named upload */
.filebox .upload-name {display: inline-block;padding: 6px 10px;font-size: inherit;font-family: inherit;line-height: normal;vertical-align: middle;background-color: #ffffff;border: 1px solid #d3d3d3;-webkit-appearance: none;-moz-appearance: none;appearance: none;height: 23px;}
.filebox.bs3-primary label {color: #fff;background-color: #797979;border-color: #797979;}

 /* checked icon */
button:active {outline: none;border: none;}
h1, h2, h3, h4, h5, h6 {font-family: 'NanumSquare', 'Noto Sans KR';color: #333;}

.content_wrap .sub_title h2 {font-size: 100px;}
.content_wrap h3 {font-size:40px;font-weight: 800;}
.content_wrap h4 {font-size: 36px;font-weight: 800;}
.content_wrap h5 {font-size: 24px;color: #333;}
.content_wrap h4 > span {display: inline-block;background: #4671d1;padding: 10px 40px;color: #fff;margin: 40px 0 30px;min-width: 100px;font-weight: 400;font-size: 22px;}
h6 {font-size:22px;}

.content_wrap .tit_num {font-family: 'Barlow';line-height: .7em;font-size: 100px;}

/* 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;}

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

.m_lr_10{margin-left:10px !important; margin-right:10px !important; }
.m_lr_20{margin-left:20px !important; margin-right:20px !important;}
.m_lr_30{margin-left:35px !important; margin-right:30px !important;}

.m_tb_10{margin-top:10px !important; margin-bottom:10px !important; }
.m_tb_20{margin-top:20px !important; margin-bottom:20px !important;}
.m_tb_30{margin-top:30px !important; margin-bottom: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_t_100{margin-top: 100px !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_b_100{margin-bottom:100px !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;}
.m_l_40{margin-left:40px !important;}
.m_l_50{margin-left:50px !important;}
.m_l_60{margin-left:60px !important;}


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


.p_tb_0 {padding-top:0px !important; padding-bottom:0px !important;}
.p_tb_10{padding-top:10px !important; padding-bottom:10px !important;}
.p_tb_20{padding-top:20px !important; padding-bottom:20px !important;}
.p_tb_30{padding-top:30px !important; padding-bottom:30px !important;}
.p_tb_40{padding-top:50px !important; padding-bottom:50px !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_t_40{padding-top:40px !important;}
.p_t_50{padding-top:50px !important;}
.p_t_60{padding-top:60px !important;}
.p_t_70{padding-top:70px !important;}
.p_t_100{padding-top:100px !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 !important;}
.font_20 {font-size: 20px !important;}
.font_22 {font-size: 22px !important;}
.font_24 {font-size: 24px !important;}
.font_30 {font-size: 30px !important;}
.myeongjo {font-family: 'Nanum Myeongjo';}
.notosan {font-family: 'Noto Sans KR';}
.Barlow {font-family: 'Barlow';}
.Barlow {font-family:'Barlow'; font-size: 1.3em;}
.fontw_100 {font-weight: 100 !important;}
.fontw_300 {font-weight: 300 !important;}
.fontw_400 {font-weight: 400 !important;}
.fontw_500 {font-weight: 500 !important;}
.fontw_600 {font-weight: 600 !important;}
.fontw_700 {font-weight: 700 !important;}
.fontw_800 {font-weight: 800 !important;}

.color_000 {color:#000 !important;}
.color_222 {color:#222 !important;}
.color_333 {color:#333 !important;}
.color_444 {color:#444 !important;}
.color_fff {color:#fff !important;}
.color_main {color: #4671d1  !important;}
p > .color_main {font-weight: 500;}
.color_sub {color: #4671d1 !important;}
.color_sub2 {color: #5e52d0  !important;}
.color_red {color: #ab5d5d !important;}
.color_darkgray {color: #6a7383 !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.seven > li {width: 14.285% !important;  float: left;}
ul.eight > li {width: 12.5% !important;  float: left;}
ul.nine > li {width:11.1111% !important; float: left; }
ul.inline > li {display: inline-block;float: none;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}

/* #wrap {min-width: 1260px;width: 100%;} */

/* 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: 600px; */left: 100px;top: 100px;z-index:310; /*display: none;*/}
#pop img {display: block;float: left;max-height: 680px;}
#pop .cont {border: 5px solid #5290cd;overflow: hidden;}
#pop .close {background: #5290cd;border: 5px solid #5290cd;border-top: 0;color: #fff;text-align: right;padding-right: 5px;}
#pop .close label { cursor: pointer; }
#pop .close #check input[type=checkbox] + label:before {border:1px solid #fff; top:5px; }
#pop .close #check input[type=checkbox]:checked + label:before{color:#fff; top:2px; border:0}
#pop .close #close span {border: 1px solid #717171;border-radius: 3px;padding: 3px;font-size: .7em;background: #fff;color: #777;cursor: pointer;}
#pop .close #close{ cursor: pointer;}
#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;}
.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: 20;cursor: pointer;top: 0;}

/* quick_menu */
/* .quick_menu {position:relative;top: 210px;right:0;width: 460px;position:fixed;z-index: 10;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;margin-right: -380px;}
.quick_menu > ul {width: 80px;float: left;}
.quick_menu > ul > li {background: #8249c4;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;height: 88px;}
.quick_menu > ul > li:nth-child(2){background: #5e52d0;}
.quick_menu > ul > li:nth-child(3){background: #4671d1;}
.quick_menu > ul > li:nth-child(4){background: #319cce;}
.quick_menu > ul > li:nth-child(5){background: #ffb400;}
.quick_menu > ul > li:nth-child(5) a {}
.quick_menu > ul > li.hover {background: rgba(125, 125, 125, 0.5)}
.quick_menu > ul > li > a {padding: 0;color: #fff;text-align: center;display:block;font-size: .8em;cursor: pointer;width: 80px;height: 88px;display: table-cell;vertical-align: middle;}
.quick_menu > ul > li > a span {-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;padding-top: 5px;display: inline-block;font-weight: 400;}
.quick_menu > ul > li > a:hover span {opacity:1;}
.quick_menu > ul > li a::before{display: block;font-size: 26px;font-family: 'icon_font';margin-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;}
.quick_menu > ul > li a:hover::before{}
.quick_menu > ul > li:nth-child(1) a::before{content: '\E804'; }
.quick_menu > ul > li:nth-child(2) a::before{content: '\E861'; }
.quick_menu > ul > li:nth-child(3) a::before{content: '\E862';}
.quick_menu > ul > li:nth-child(4) a::before{content: '\E85E';}
.quick_menu > ul > li:nth-child(5) a::before{content: '\E860';}
.quick_menu > div {width: 380px; float: right;}
.quick_menu.f_nav {top: 64px;}
.quick_menu.open {margin-right: 0;}

.layerwrite{text-align:left;height: 440px;background: #fdfdfd;border-bottom: 1px solid #d3cfc8;}
.layerwrite h2{padding: 10px 20px 8px;background: #777;color:#fff;font-size: 1.4em;font-weight: 400;margin: 0;}
.layerwrite h2 i {float: right; cursor: pointer;}
.layerwrite .wraper {padding: 10px 25px 20px;font-size: .85em;}
.layerwrite .wraper > iframe {width: 330px; height: 360px; }
.layerwrite .quick_counsel table {width: 100%;border: 1px solid #e2e2e2;margin: 0 0 10px;}
.layerwrite .quick_counsel table th {border: 1px solid #cacaca;background: #ececec;font-weight: 400;width: 100px;text-align: center;vertical-align:  middle;}
.layerwrite .quick_counsel table td {border: 1px solid #d3cfc8;padding: 0;background: #fff;}
.layerwrite .quick_counsel form input[type="text"] {border:0;font-size: 1em;padding: 5px 15px;margin: 0;width: 207px;}
.layerwrite .quick_counsel form   textarea {border:0;width:217px;min-height: 59px;}
.layerwrite .quick_counsel form p {margin-bottom: 16px;}
.layerwrite .quick_counsel form input[type="submit"] {width: 100%;background: #777777;border: 0;color: #fff;font-size: 1.4em;padding: 10px 0;cursor: pointer;}
.layerwrite img {display: block; } */

/* quick_menu */
.quick_menu {position:relative;top: 150px;right: 00px;width: 490px;position:fixed;z-index: 10;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;margin-right: -380px;}
.quick_menu > ul {float: left;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
.quick_menu > ul > li{margin-bottom:10px}
.quick_menu > ul > li a {background: #8ea5d8;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;height: 60px;border-radius: 100px;overflow: hidden;}
.quick_menu > ul > li > a {padding: 0;color: #fff;text-align: center;display:block;font-size: .8em;cursor: pointer;text-align: center;padding-left: 0;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;position: relative;width: 60px;}
.quick_menu > ul > li a::before{display: inline-block;font-size: 26px;font-family: 'icon_font';margin-top: 12px;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
.quick_menu > ul > li > a span {-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;/* padding-top: 5px; */display: inline-block;opacity: 0;font-weight: 400;position: absolute;margin: 21px 10px;width: 100px;}

.quick_menu > ul > li:nth-child(1) a::before{content: '\E804'; }
.quick_menu > ul > li:nth-child(2) a::before{content: '\E861'; }
.quick_menu > ul > li:nth-child(3) a::before{content: '\E862';}
.quick_menu > ul > li:nth-child(4) a::before{content: '\E85E';}
.quick_menu > ul > li:nth-child(5) a::before{content: '\E860';}
.quick_menu > ul > li:nth-child(6) a::before{content: '\E8C9';}
/* .quick_menu > div {width: 380px;float: right;border: 0;border-bottom: 1px solid #dadada;overflow: hidden;} */
.quick_menu > ul > li > a {width: 140px;padding-left: 25px;text-align: left;margin-left: -80px;}
.quick_menu > ul > li > a span {opacity:1;}
.quick_menu > ul > li a::before{}

.quick_menu.f_nav {top: 100px;}
.quick_menu.open {margin-right: 0;}
.quick_menu.open > ul{opacity:0;}

.layerwrite{text-align:left;background: #fff;width: 560px;position: fixed;left: 50%;z-index: 300;margin-left: -280px;top: 140px;display: none;border: 1px solid #dadada;border-radius: 30px;overflow: hidden;padding: 50px;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}
.layerwrite h2{font-size: 2.5em;font-weight: 400;margin-bottom: 20px;text-align: center;color: #547bc5;font-weight: 600;font-family: 'NanumSquare';}
.layerwrite h2 i {float: right;cursor: pointer;position: absolute;right: 20px;top: 20px;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;font-size: .7em;}
.layerwrite h2 i:hover{-webkit-transform: rotate(180deg);transform: rotate(180deg);}
.layerwrite h2 > em {position: absolute;display: inline-block;width: 20px;height: 20px;background:#ccad90;margin: -25px 0 0 -15px;}
.layerwrite h2 > em:before, .layerwrite h2 > em:after {content:'';width: 20px;height: 20px;background:#e0cebc;display: block;position: absolute;}
.layerwrite h2 > em:before{margin: 0px 0 0 23px;}
.layerwrite h2 > em:after {background:#ebded3;margin: 23px 0 0 23px;}
.layerwrite .wraper p {margin:0;text-align: center;}
.layerwrite .wraper > iframe {width: 330px; height: 360px; }
.layerwrite .quick_counsel table {width: 100%;margin: 10px 0 20px;border-top: 1px solid #d3cfc8;}
.layerwrite .quick_counsel table th {border-bottom: 1px solid #cbcbcb;background: #edf3ff;color: #606060;font-weight: 400;width: 100px;text-align: center;vertical-align:  middle;}
.layerwrite .quick_counsel table td {border-bottom: 1px solid #d3cfc8;padding: 0;background: #fff;}
.layerwrite .quick_counsel form input[type="text"] {border:0;font-size: 1em;padding: 10px 15px;width: 327px;}
.layerwrite .quick_counsel form   textarea {padding: 10px 15px;border:0;width: 327px;min-height: 112px;}
.layerwrite .quick_counsel form p {margin-bottom: 40px;}
.layerwrite .quick_counsel form p input[type=checkbox] + label:before{}
.layerwrite .quick_counsel form p input[type=checkbox]:checked + label:before{}
.layerwrite .quick_counsel form input[type="submit"] {width: auto;background: #547bc5;border: 0;color: #fff;font-size: 1.4em;padding: 10px 40px;cursor: pointer;border-radius: 40px;display: block;margin: 0 auto;}
.layerwrite img {display: block;}

.layerwrite .quick_counsel form input::placeholder ,
.layerwrite .quick_counsel form textarea::placeholder
{  color:#c7b9ab;}

.Counselagree_view {line-height:1em;color:#fff;background:#525252;padding:5px 10px;border-radius:4px; margin-left:10px; display:inline-block;}
.Counselagree_view:hover {color:#fff;}
@media screen and (max-width: 1378px) {
  .quick_menu {display:none;}
}


@media screen and (max-width: 767px) {
  .quick_menu {display: block;top: auto;bottom: 0px;width: 100%;left: 0;right: 0;}
  .quick_menu.f_nav{top:auto}
  .quick_menu > ul{width:100%;}
  .quick_menu > ul > li{float:left;width: 20%;margin: 0;}
  .quick_menu > ul > li:last-child{}
  .quick_menu > ul > li > a{border-radius: 0;border-right: 1px solid #b0c0e2;width: 100%;margin: 0;padding: 0;text-align: center;}
  .quick_menu > ul > li:nth-child(6) a{border:0;}
  .quick_menu > ul > li > a span{margin: 0;position: sticky;opacity: 1;padding: 0;width: 100%;}
  .quick_menu > ul > li a::before {margin-top: 4px;}
  .quick_menu > ul > li:hover > a{padding: 0;margin: 0;text-align: center;width: auto;}

  .layerwrite{width:90%;margin-left:-45%;padding: 30px 5% 30px;top: 70px;}
  .layerwrite h2{font-size:2em;margin-bottom: 10px;}
  .layerwrite h2 > em{width:15px;height:15px;margin: -20px 0 0 -10px;}
  .layerwrite h2 > em:before, .layerwrite h2 > em:after{width:15px;height:15px;margin: 18px 0 0 18px;}
  .layerwrite h2 > em:before{margin: 0px 0 0 18px;}
  .layerwrite .quick_counsel table th{width: 25%;}
  .layerwrite .quick_counsel form input[type="text"], .layerwrite .quick_counsel form textarea{width: 90%;padding: 10px 5%;}
  .layerwrite .quick_counsel form textarea{
    min-height: 80px;
}
  .Counselagree_view{margin-left: 5px;font-size: .9em;}
  .layerwrite .quick_counsel form p{margin-bottom:20px}
  .layerwrite .quick_counsel table{margin-top:0}
  .layerwrite .quick_counsel form input[type="submit"]{
  font-size:1.2em;
  padding: 10px 20px;
  }
}




@media screen and (max-width: 1378px) {
  #pop {position: fixed;height: auto;left:5%;margin-left:0;z-index:310;}
   #pop img {max-width: 100%;max-height: 580px;}
  #pop input[type=checkbox] + label:before {margin-top: -3px}

  .quick_menu {/* display: none; */}
}
@media screen and (max-width: 767px) {
  #pop{max-width:90%;position: absolute;}
   #pop img {max-width: 100%; width:100%; max-height:10000px;}
}


.top_banner {position: absolute;top: 0;/* right: 0; *//* left: 0; */background: #dcdcdc;padding: 5px 0;height: 25px;left: 50%;width: 500px;margin-left: -250px;border-radius: 0 0 20px 20px;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;z-index: 1;}
.f_nav .top_banner {margin-top:-40px}
.top_banner li {display: inline-block;margin: 0 15px;}
.top_banner img {max-width: 19px;vertical-align:middle;margin-right: 3px;margin-top: -5px;}
header {font-family: 'NanumSquare';position: fixed;width: 100%;background: rgba(255, 255, 255, 0.95);z-index: 10;top:0;height: 100px;text-align: center;min-width: 1260px;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;max-width: 1920px;}
header .inwrap {max-width: 1500px;margin:0 auto;position: relative;}
header h1 {float: left;margin-left: 50px;position: absolute;margin-top: 20px;z-index: 20;width: 216px;-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 h1 img {position: absolute;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;left: 0;height: 59px;}
header .top_call {float: right;position: absolute;right: 50px;top: 0;font-size: 16px;}
header .top_call .contact{margin-top: 24px;display: inline-block;position: absolute;right: 0;font-weight: 500;font-size:14px;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;background: #fff;}
header .top_call {font-family: 'Barlow';font-size: 30px;position: absolute;right: 0;font-weight: 700;padding-top: 30px;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;width: 200px;letter-spacing: 0;text-align: right;}
header .top_call a {position: absolute;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;color: #4671d1;}
header .top_call .active {opacity: 1}
header .top_call > div {position: absolute;-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 .top_call > div img {width: 50px;float: left;-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 .top_call > div em {font-size: 18px;line-height: 1em;width: 120px;display: inline-block;text-align: center;padding-top: 5px;-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 {display: inline-block;}
header.f_nav {height: 64px;border-bottom: 1px solid #eee;}
header.f_nav h1{margin-top: 13px;}
header.f_nav h1 img {height: 36px;}
header.f_nav .top_call .contact{margin-top: 12px;}
header.f_nav nav .lnb > li > a{/* padding: 18px 10px 18px 10px; */}
header.f_nav nav .lnb > li:first-child {/* padding-left:20px */}
header.f_nav .top_call {padding-top: 10px;}
header.f_nav .top_call > div img {width: 40px;}
header.f_nav .top_call > div em {font-size: 16px}

header nav .lnb{width: 905px;text-align: center;position: relative;margin-top: 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;}
header nav .lnb > li {display: inline-block;font-size: 20px;font-weight: 800;/* padding-bottom:30px; */color: #444;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;/* float: left; */}
header nav .lnb > li > a {display:inline-block;padding: 35px 10px 21px 10px;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;color: #222;}
header nav .lnb > li:before {content:'';width:1px;height:20px;background:#c7c7c7;display: inline-block;margin-right: 10px;vertical-align: middle;margin-left: 10px;}
header nav .lnb > li:first-child{padding-left: 20px;}
header nav .lnb > li:first-child:before {display:none;}
header nav .lnb > li:hover > a {color: #4671d1;position: relative;}
header nav .lnb > li > ul {display: none;width: 170px;position: absolute;padding-top: 20px;left: -143px;padding-bottom: 30px;z-index: 11;border-right: 1px solid #5e5e5e;text-align:left;height: 299px;}
header nav .lnb > li:first-child > ul{border-left: 1px solid #5e5e5e;}
header nav .lnb > li > ul > li{font-size: 16px;text-align: left;font-family: 'Noto Sans KR', sans-serif;}
header nav .lnb > li > ul > li:hover:before{background: #7198f0;width: 7px;height:7px;display:inline-block;content:'';border-radius:8px;position:absolute;margin-left: -3px;margin-top: 11px;}
header nav .lnb > li > ul > li a {color: #d0d0d0;padding: 3px 20px;display: block;font-weight: 400;}
header nav .lnb > li > ul > li:hover a {color: #7198f0;}

header nav .lnb > li > ul:before{content:'에스탑치과소개';color: #ffffff;margin: 10px 20px 15px;display: block;font-size: 18px;}
 header nav .lnb > li:nth-child(2) > ul:before{content:'임플란트';}
header nav .lnb > li:nth-child(3) > ul:before{content:'치아교정';}
header nav .lnb > li:nth-child(4) > ul:before{content:'심미치료';}
header nav .lnb > li:nth-child(5) > ul:before{content:'일반진료';}
header nav .lnb > li:nth-child(6) > ul:before{content:'수면치료';}
header nav .lnb > li:nth-child(7) > ul:before{content:'커뮤니티';}

header nav .lnb > li:nth-child(2) > ul{left: 29px;}
header nav .lnb > li:nth-child(3) > ul{left: 200px;}
header nav .lnb > li:nth-child(4) > ul{left: 371px;}
header nav .lnb > li:nth-child(5) > ul{left: 542px;}
header nav .lnb > li:nth-child(6) > ul{left: 713px;}
header nav .lnb > li:nth-child(7) > ul{left: 884px;}


header .menu_wrap i{display: none;}

.sub_lnb {width:100%;background: rgba(33, 33, 33, 0.9);top: 100px;z-index: 10;float: left;position: absolute;left: 0;height: 350px;display:none;-webkit-transition: all 0.1s;-moz-transition: all 0.1s;-ms-transition: all 0.1s;-o-transition: all 0.1s;transition: all 0.1s;}
header.f_nav  nav .lnb{
    margin-top: -20px;
}
.f_nav .sub_lnb {top: 64px;}
.sub_nav {background: rgba(44, 44, 46, .95); overflow:hidden}
.sub_nav > ul {}
.sub_nav > ul > li {float:left;}
.sub_nav a {color: #999999;}


/* footer */
footer {margin-top:150px;}
#main footer {margin-top: 0}
footer > ul > li{background: #e5d9ce;padding: 40px 50px;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;height: 400px;overflow: hidden;}
footer > ul > li:nth-child(2n){background: #f7efe7;}
footer > ul > li h4 {font-size: 20px;margin-bottom: 20px;font-weight: 800;}
footer > ul > li h5 {font-size: 18px;margin-top: 10px;}
footer > ul > li p {font-size: 16px;}
footer .owl-carousel .owl-dots {position: absolute;top: -52px;right: -5px;}
footer .owl-carousel button.owl-dot {width: 13px;height: 13px;border-radius:10px;background: #fff;display:  inline-block;margin:0 5px;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
footer .owl-carousel button.owl-dot.active {width: 32px;background: #ffc600;}
footer > ul > li input[type="text"], footer > ul > li textarea {background: #e5d9ce;border:0;margin-bottom: 10px;width: 100%;padding: 10px 20px;width:calc(100% - 40px);font-size: 16px;font-weight: 600;}
footer > ul > li textarea {height: 96px;resize: none;}
footer > ul > li textarea::-webkit-input-placeholder,
footer > ul > li input::-webkit-input-placeholder {color: #a99888;}
footer > ul > li textarea:-moz-placeholder,
footer > ul > li input:-moz-placeholder { /* Firefox 18- */color: #a99888;  }
footer > ul > li textarea::-moz-placeholder,
footer > ul > li input::-moz-placeholder {  /* Firefox 19+ */color: #a99888;  }
footer > ul > li textarea:-ms-input-placeholder ,
footer > ul > li input:-ms-input-placeholder{color: #a99888;  }
footer > ul > li button{background:#333333;color:#fff;border:none;padding: 10px 30px;float: right;margin-top: 0;cursor: pointer;}
footer > ul > li form > p {margin-top: 5px;float: left;}

footer > ul > li:nth-child(3){text-align:center;padding: 40px 0;}
footer > ul > li:nth-child(3) h2 a {display: inline-block;padding-bottom: 10px;font-size: 70px;color: #333;font-weight: 700;font-family: 'Barlow', sans-serif;}

footer > ul > li:nth-child(3)  dl{font-size: 18px;line-height: 1.6em;margin: 0 auto;}
footer > ul > li:nth-child(3)  dl dt{width: 101px;display:inline-block;text-align: justify;-moz-text-align-last: justify;-webkit-text-align-last: justify;text-align-last: justify;margin-right: 16px;/* padding-left: 15px; */}
footer > ul > li:nth-child(3) dl dt:after {content:''}
footer > ul > li:nth-child(3) dl dd{display: inline-block;font-weight: 500;font-family: "roboto",'Noto Sans KR', sans-serif;width: 162px;text-align: left;}
footer > ul > li:nth-child(3) dl dd:before {margin-right: 10px;}
footer > ul > li:nth-child(3) p {font-size: 20px;color:#a0856c;margin-top: 10px;}

footer > ul > li #map {width: 100%;height: 240px;margin-bottom: 10px;border: 1px solid #e5d9ce;}


footer .copy .inwrap address {/* color: #999; *//* float:  left; */}
footer .copy .inwrap address p {display: inline-block; margin-right:15px}
footer .copy .inwrap address span {margin-left:15px}
footer .copy .inwrap ul {float:right;margin-top: 18px;}
footer .copy .inwrap ul li {float:  left;padding-left:  10px;opacity: .5;}

footer .copy {background: #333333;width: 100%;padding: 50px 0;overflow:  hidden;color: #999999;font-size: 15px;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;text-align: center;}
footer .copy h5 {float: left;margin: 0;margin-right: 30px; padding-right:30px; border-right: 1px solid #666;}
footer .copy h5 img {display:block;opacity: .5;}

footer .copy ul {float:right;margin-top: 23px;}
footer .copy ul li {float:  left;padding-left:  10px;}
footer .copy ul li a {color: #fff;}
footer .copy ul li a:before{content:'\e81c'; font-family:'icon_font'; font-size:2em }
footer .copy ul li:nth-child(1) a:before {content: '\E864'}
footer .copy ul li:nth-child(2) a:before {content: '\E866'}
footer .copy ul li:nth-child(3) a:before {content: '\E863'}
footer .copy ul li:nth-child(5) a:before {content: '\e81a'}
footer .copy ul li span {display:none;}


/* 4. 모바일 (해상도 1400px 이하) */
@media (max-width: 1400px) {

}



/* 4. 모바일 (해상도 767px 이하) */
@media (max-width: 767px) {
  header .inwrap{margin: 38px 15px 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;}
  header.f_nav .inwrap{margin-top:0}
  header.f_nav .top_call a em{font-size:14px;}
   .top_banner {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    background: #e4e4e4;
    padding: 5px 0;
    height: 25px;
    width: auto;
    border-radius: 0;
    margin: 0;
}
  .top_banner li {
    display: inline-block;
    margin: 5px;
}
  .top_banner img {max-width: 19px;vertical-align:middle;margin-right: 3px;}
  /* footer */
  footer {margin-top:0;}
   footer ul.four > li {width: 100% !important;padding: 30px 20px;height: auto !important;}
   footer > ul > li h4{margin-bottom:15px}
   footer .owl-carousel .owl-dots {top: -35px;}
   footer > ul > li button{padding:5px 10px;}
   input[type=checkbox] + label {margin-top: 5px;font-size: 14px;}
   input[type=checkbox] + label + a{font-size:14px;}
   footer > ul > li:nth-child(3) h2 a{font-size:40px}
   footer > ul > li:nth-child(3) dl dt{padding-left: 0; width: 80px; }
   footer > ul > li:nth-child(3) dl dd{width: auto;}
   footer > ul > li #map{height:200px}
   footer > ul > li form > p{margin-top:0}
   footer > ul > li p{font-size:14px}
   footer .copy{padding: 20px 0;font-size: 12px;}
   footer .copy .inwrap address p{margin-right:0; display: block;}
   footer .copy .inwrap address span{margin-left:5px}
  }


/* 4. 모바일 (해상도 767px 이하) */
@media (max-width: 767px) {

  .pc {display: none !important ;}
  .mobile {display: block !important; overflow: hidden ;}
  .mobile_left {text-align: justify !important;}
  .mobile_center {text-align: center !important;}
  select {min-width:100px;height: 30px;}
  .select::after{line-height: 30px;width: 30px;margin-left: -30px;}
  ul.nine li , ul.six > li{width: 33.3333% !important;}
  #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: 90px; */}

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

  .m_lr_10{margin-left:5px !important; margin-right:5px !important; }
  .m_lr_20{margin-left:10px !important; margin-right:10px !important;}
  .m_lr_30{margin-left:15px !important; margin-right:15px !important;}

  .m_tb_10{margin-top:5px !important; margin-bottom:5px !important; }
  .m_tb_20{margin-top:10px !important; margin-bottom:10px !important;}
  .m_tb_30{margin-top:15px !important; margin-bottom: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_t_100{margin-top:50px !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_b_100{margin-bottom:50px !important;}

  .m_l_10{margin-left:5px !important;}
  .m_l_20{margin-left:10px !important;}
  .m_l_30{margin-left:15px !important;}
  .m_l_40{margin-left:20px !important;}
  .m_l_50{margin-left:25px !important;}
  .m_l_60{margin-left:30px !important;}


  /* PADDING */
  .p_10{padding:5px !important;}
  .p_20{padding:10px !important;}
  .p_30{padding:15px !important;}
  .p_40{padding:20px !important;}
  .p_50{padding:25px !important;}
  .p_60{padding:30px !important;}

  .p_tb_0 {padding-top:0px !important; padding-bottom:0px !important;}
  .p_tb_10{padding-top:5px !important; padding-bottom:5px !important;}
  .p_tb_20{padding-top:10px !important; padding-bottom:10px !important;}
  .p_tb_30{padding-top:15px !important; padding-bottom:15px !important;}

  .p_t_10{padding-top:5px !important;}
  .p_t_20{padding-top:10px !important;}
  .p_t_30{padding-top:15px !important;}
  .p_t_40{padding-top:15px !important;}
  .p_t_50{padding-top:15px !important;}
  .p_t_60{padding-top:15px !important;}
  .p_t_70{padding-top:15px !important;}
  .p_t_100{padding-top:50px !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: 14px !important;}
  .font_20 {font-size: 14px !important;}
  .font_22 {font-size: 14px !important;}
  .font_24 {font-size: 16px !important;}
  .font_30 {font-size: 20px !important;}
  input[type=checkbox]:checked + label:before{top:0;}

.content_wrap h3 {font-size:24px}
.content_wrap h4 {font-size: 20px;}
.content_wrap h5 {font-size: 16px;}
.content_wrap h4 > span {margin: 20px 0;min-width: 60px;padding: 5px 20px;font-size: 16px;}
.content_wrap h6 {font-size: 14px;text-align:center;}
.content_wrap .tit_num {font-size:70px;line-height: 1em;}
.layer_pop{ top: 0;}

/* header */
  header{height: 90px;text-align:center;min-width: 320px;background: #fff;border-bottom: 1px solid #eee;}
  header > .header {min-width:320px;position: absolute;padding: 14px 0;margin-top: 35px;background: #fff;}
  header h1{position:static;float:none;height: auto;margin: 5px auto;width: 100%;}
  header h1 img {height: auto;width: 120px;position: relative;margin-top: 10px;}
  header .top_call {top: 5px;font-size: 1.5em;background: #4671d1;color: #fff;border-radius: 100px;right: 0;width: 64px;height: 40px;line-height: 40px;padding: 0;text-align: center;}
  header .top_call a {color:#fff;width: 42px;color: #fff;font-size: 14px;width: 65px;display: block;line-height: 1em;height: 40px;padding-top: 5px;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;border-radius: 3px;background: #8c8c8c;letter-spacing: -.5px;text-align: center;}
  header .top_call a em {font-size:14px;width:auto;padding-top: 3px;font-weight: 400;}
  header .top_call > div:last-child {display: none;}
  header.f_nav h1{margin-top:5px;}
  header.f_nav{margin-top: 0;height: 60px;}
  header.f_nav .top_call{padding:0}
  header.f_nav h1 img{height:auto}
  header > .header div h1 img {height: auto;width: 140px;position: relative;margin-top: 14px;}
  header nav .lnb{width: auto;background: #fff;margin: 0 15px;border-top: 2px solid #333;border-bottom: 2px solid #333;overflow-y: auto;}
  header nav .lnb > li {display:block;padding: 0;text-align: left;width: auto;float: none;border-bottom: .5px solid #333;font-size: 16px;}
  header nav .lnb > li:first-child{padding:0}
  header nav .lnb > li:before {display:none;}
  .menu_wrap{position:absolute;left: 0;top: 13px;}

  .menu_wrap #menu_but{display:block;width: 25px;height: 13px;padding-top: 10px;}
  .menu_wrap #menu_but span {width:25px;height: 3px;display: block;background: #5e52d0;}
  .menu_wrap #menu_but:before, .menu_wrap #menu_but:after{content:'';width:25px;height: 3px;display: block;background: #4671d1;position:absolute;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
  .menu_wrap #menu_but:before {margin-top: -10px;}
  .menu_wrap #menu_but:after {margin-top: 7px;background: #8249c4;}
  header.open .menu_wrap { margin-top: 10px; }
  header.open .menu_wrap #menu_but span {display: none;}
  header.open .menu_wrap #menu_but:before {margin-top: -10px;-webkit-transform: rotate(45deg);transform: rotate(45deg);}
  header.open .menu_wrap #menu_but:after {margin-top: -10px;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}



  header nav {display:none;}
  header.open nav {position: fixed;min-height: 100%;width: 100%;z-index: 1001;display: block;top: 85px;bottom: 0;background: #fff;padding-top: 5px;left: 0;border: none;-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.f_nav.open nav {margin-top: -32px;}
   header nav .lnb > li > a {text-align: left;margin:0;padding: 15px 15px;border:0;display: block;}
   header nav .lnb > li:hover > a{color:#333;}
   header nav .lnb > li:hover > a > span {display: none;}
   header nav .lnb > li > ul {width:auto;height: auto;text-align: left;border: 0 !important;position:relative;left: 0 !important;padding: 5px 10px 10px;}
   header nav .lnb > li > ul > li a{padding: 5px 0;color: #666;display: block;}
   header nav .lnb > li > ul > li:hover a{color: #4671d1;}
   header nav .lnb > li > ul > li::before {content:"-";margin: 4px 10px;float: left;color: #666;}
   header nav .lnb > li > ul:before {display:none;}
   header nav .lnb > li > ul > li:hover:before {content: '';display: block;position: relative;padding: 0;margin: 12px 9px 0;background: #4671d1;}

   header nav .lnb > li.has-sub > a::after {content: "\E875";font-family: "icon_font";font-style: normal;font-weight: normal;text-decoration: inherit;position: absolute;right: 15px;color: #333333;left: auto;font-size: 1em;margin: 0;width: 20px;text-align: center;}
   header nav .lnb > li.has-sub.active {background:#ececec;}
   header nav .lnb > li.has-sub.active > a:after {content: "-";border:0;font-size: 3.7em;font-weight:100;font-family: 'Noto Sans KR', sans-serif;line-height: 0;right: 15px;}

  header .sns {margin-top: 20px;margin-left: 20px;}
  header .sns li {float:  left;padding-right: 10px;}

  header .sns li a:before{content:'\E85F';font-family: "icon_font";font-size:2em;}
  header .sns li:nth-child(1) a:before {content: '\E863'}
  header .sns li:nth-child(2) a:before {content: '\E866'}
  header .sns li:nth-child(3) a:before {content: '\E864'}

  header .sns li span {display:none;}



  /* footer */

  footer .copy{padding: 20px 0 80px;font-size: 12px;}
  footer .copy .inwrap address p{margin: 0;display: block;}
  footer .copy .inwrap address span{margin-left:5px}


}

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







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

.pen {background: linear-gradient(to right, rgba(255,255,255,0) 50%, rgba(183, 247, 255, 0.7) 50%);background-size: 200%;transition:all .5s;}
.pen_wrap:hover .pen, li:hover .pen {background-position: -100% 0;color: #222;}
.td01 {transition-delay:.0s!important;}
.td02 {transition-delay:.4s!important;}
.td03 {transition-delay:0.8s!important;}
.td04 {transition-delay:1.2s!important;}
.td05 {transition-delay:1.6s!important;}
.td06 {transition-delay:2.0s!important;}
.td07 {transition-delay:2.4s!important;}
.td08 {transition-delay:2.8s!important;}
.td09 {transition-delay:3.2s!important;}
.td10 {transition-delay:3.6s!important;}



#sub {margin-top: 190px;overflow: hidden;}
aside {position: fixed;/* width: 258px; */float: left;z-index: 1;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;/* margin-left: 25px; */top: 200px;background: rgba(255, 255, 255, .9);z-index: 6;padding: 0 20px 30px 20px;}
aside h2 {}
aside h2 img {}
aside h2 p {position: absolute;color: #fff;text-align: center;font-size: 80px;padding: .35em 0;line-height: 1em;max-width: 208px;width: 100%;}
aside ul {margin: 0;font-family:'NanumSquare';font-size: 18px;left: 0;position: relative;}
aside ul li{border-bottom:1px solid #c6c6c6;padding: inherit;font-weight: 600;}
aside ul li a{color: #666;display: block;padding: 10px;/* background: #fff; */}
aside ul li:hover a{color: #5e52d0 ;}
aside ul li a.active{color: #4671d1;}
aside ul li a:before {content: '\E837';font-family:'icon_font';position:relative;opacity: 0;margin-right: 10px;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;margin-left:-15px;}
aside ul li:hover a:before, aside ul li a.active:before {content: '\E837';font-family:'icon_font';margin-left:0;/* margin-right: 10px; */opacity:1;}

aside.f_nav {position: fixed; top: 64px;}

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

  aside {display: none;}


}
@media screen and (max-width: 767px){
  #sub {margin-top: 130px;}

}



.content_wrap {max-width: 1200px;margin: 0 auto;/* padding-bottom: 150px; */overflow: initial;overflow: hidden;}
.content_wrap section {overflow: hidden;}
.content_wrap .inwrap h4 {/* line-height:1.2em; */}


/* sub_title */
.sub_title {text-align: center;}
.sub_title h2 {font-size: 86px;color: #333;line-height: 1.2;font-weight: 800;}
/* .sub_title h2::before {content: '\E8A6';font-family: 'icon_font';display: block;font-size: 0.5em;color: #4671d1;} */
.sub_title h2 p {font-size: 40px; font-weight: 400;}
.sub_title h3 {font-size: 20px;color: #666;/* margin-bottom: 80px; */margin-top: 10px;font-weight: 600;}

/* bf_list */
.bf_list {  overflow: hidden;}
.bf_list > li {padding: 0 20px;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;margin-bottom: 40px;}
.bf_list li .bf_box ul li:first-child:after{margin-top: -48px;}

/* bf_box */
.bf_box {max-width: 800px;margin: 0 auto;overflow: hidden;}
.bf_box ul {overflow: hidden;}
.bf_box ul li{width: 50%;float: left;padding: 1px;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;position: relative;line-height: 0;}
.bf_box ul li:first-child:after {content:'\E837';font-family:'icon_font';position:absolute;background:#fff;font-size: 2em;display: inline-block;width: 55px;height: 60px;z-index: 1;border-radius: 100px;text-align: center;line-height: 60px;top: 50%;margin-top: -60px;color: #4671d1;padding-left: 5px;right: -30px;}
.bf_box ul li img{margin-bottom:0 !important; width:100%}
.bf_box ul li:first-child img{border-radius:10px 0 0 0}
.bf_box ul li:last-child img{border-radius:0 10px 0 0;}
.bf_box ul li p {background:#ccc;line-height: 3em;text-align: center;border-radius:0 0 0 10px;letter-spacing: 0;}
.bf_box ul li:last-child p {background: #4671d1;color:#fff;border-radius:0 0 10px 0;}
.bf_box h4 {text-align: center; font-size: 20px; margin:10px;}

/* vod */
.auto_height {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.21%;
  margin-bottom: 10px;
}

.auto_height iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

@media screen and (max-width:  767px) {
  .content_wrap p.auto_height {margin-bottom:0 }
}

.box_s {background: #ccc; display: inline-block; padding: 0 5px; color:#fff; border-radius: 2px;}
.bg_01 { background-color:#4671d1;}
.bg_02 { background-color:#56a8e2}
.bg_03 { background-color:#56a8e2}
.bg_04 { background-color:#3155B5}
.bg_05 { background-color:#48922D}

/* img_right */
.img_right{overflow: hidden;position: relative;}
.img_right img {position: absolute;top: 0;width: 960px;max-width: 960px;left: 50%;}
.img_right > div:first-child {padding-right: 50px;width: 50%;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;float: left;overflow: hidden;padding: 120px 50px;}
.img_right > div:first-child > div {max-width: 550px;float:right;width: 100%;}
.img_right > div:last-child {}
.img_right p {text-align: justify;}
.img_right .sub_title{margin-bottom: 10px;margin-top: 20px;float:right;width: 100%;text-align: left;}
.img_right .sub_title .en {display: none;}
.img_right .sub_title::before {display:none}

/* img_left */
.img_left{overflow: hidden;position: relative;background: #f5f5f5;}
.img_left img {display: block;  position: absolute;}
.img_left > div:first-child {padding-right: 50px;width: 50%;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;float: right;overflow: hidden;padding: 50px;text-align: left;}
.img_left > div:first-child > div {max-width:550px;float:left;width: 100%;}
.img_left > div:last-child {width: 50%;position: relative;}
.img_left p {text-align: justify;margin-top: 20px;}
.img_left .sub_title{margin-bottom: 10px;margin-top: 20px;float:right;width: 100%;text-align: left;}
.img_left .sub_title .en {display: none;}
.img_left .sub_title::before {display:none}


/* circle_list */
.circle_list {text-align: center;overflow: hidden; color:#666}
.circle_list li {-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;padding: 0 10px;}
.circle_list li > div{background: #f5f5f5;border-radius:500px;padding: 20px 0 44px;}
.circle_list li > div.circle {width: 245px;height:245px;margin: 0 auto;font-size: 1.3em;background: #4671d1;color: #fff;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}
.circle_list li:nth-child(3n-1) > div.circle {background: #5e52d0;}
.circle_list li:nth-child(3n-2) > div.circle{background: #8249c4;}


.circle_list li > div.circle h4{color:#fff}
.circle_list li .num {font-size: 2.5em;font-family: 'Barlow', sans-serif;color: #4671d1;}
.circle_list li h5 {font-weight:800;color: #4671d1;margin-bottom: 5px;}
.circle_list li em{font-size: 1.3em;color: #333;}
.circle_list li .title {}
.circle_list li p {line-height:1.3;margin-bottom: 0;}
.circle_list li p span {font-size:.8em}


ul.circle_list_2 {text-align: center;}
ul.circle_list_2 > li {width: auto !important;display: inline-block;float: none;}
ul.circle_list_2 li div {width: 190px;height: 190px;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;border: 2px solid #4671d1;background: #fff;padding-top: 25px;}


/* left_tit */
.left_tit > li{background: #e9e9e9;padding:30px;overflow: hidden;}
.left_tit > li:nth-child(2n) {background: #f6f6f8;}
.bg_grey .left_tit > li:nth-child(2n) {background: #fff;}
.left_tit li h4 {float: left;margin-right: 20px;font-size: 24px;color: #fff;background: #959795;display: table-cell;padding: 40px 30px;min-width: 186px;text-align: center;}
.left_tit li:nth-child(2n) h4 {background: #959795;}
.left_tit li p {display: table;text-align: left;}

/* circle_tit */
.circle_tit{overflow:hidden;margin-left: -30px;}
.circle_tit > li {padding-left: 30px;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}
.circle_tit li > div {background: #959795;border: 5px solid #959795;color: #fff;display:  inline-block;border-radius:  100%;overflow:  hidden;width: 170px;height: 170px;line-height: 1.3;}
.circle_tit li > div span {display: inline-block;}
.circle_tit li > div > span {padding: 17px 0 16px;display:  inline-block;font-size:  20px;line-height: 22px;}
.circle_tit li > div > p {background: #fff;color: #666;padding: 13px 0 24px;line-height: 1.2;}




/* box_list */
.box_list {overflow: auto; margin-top:-20px;}
.box_list li {margin-top:20px;padding: 0 10px;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}
.box_list li > div {text-align: center;}
.box_list li > div img {display:block;margin: 0 auto;}
.box_list li div.text{padding: 20px 10px;background: #f5f5f5;}
.box_list li div.text p.size_up {font-size: 1.1em; letter-spacing: -2px;}
.box_list li div.text > h6 + p {margin-top: 5px;}
.box_list li .num {font-size: 1.5em;font-family: 'Barlow', sans-serif;background: #4671d1;color: #fff;text-align: center;width: 40px;height: 40px;position: relative;margin-bottom: -40px;line-height: 40px;font-weight: 600;border-radius: 0;}
.box_list li h5 {font-size: 24px;margin-bottom: 5px;font-weight: 800;color: #222;}
.box_list li p {font-size: 16px;line-height: 1.3;margin-bottom: 0;}

/* check_list */
.check_list li{margin: 5px 0;padding-left: 1.2em;}
.check_list li:before {font-family: 'LineAwesome';top: 4px;content: "\f17f";color: #4671d1;margin-right: 5px;left: 0;font-size: 19px;border:0;margin-left:0;font-size: 1.1em;position: relative;margin-left: -1.2em;vertical-align: bottom;}


/* round_box */
.round_box {background: #fff;border-radius: 10px;border: 1px solid #eee;padding: 20px;text-align: justify;margin: 0 15px;/* overflow: hidden; */}


/* round_box_list */
.round_box_list {max-width:800px;margin:0 auto;}
.round_box_list li {margin-bottom: 30px}
.round_box_list li .round_box {overflow:hidden;}
.round_box_list  li .round_box > .num {float: left;font-family: 'Barlow', sans-serif;background: #f5f5f5;font-size: 50px;width: 80px;height: 80px;text-align: center;line-height: 80px;border-radius: 100px;margin-right: 15px;color: #4671d1;font-weight: 600;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}
.round_box_list  li .round_box p {margin-bottom:0;padding-left: 98px;color: #666;}
.round_box_list  li:nth-child(3n+0) .round_box > .num{/* background:#6a7383 */}
.round_box_list  li:nth-child(3n+2) .round_box > .num{/* background:#00449b */}



ul.round{overflow:hidden}
ul.round li{-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;
padding: 10px;}
ul.round li > div {border-radius: 10px;background: #a3947f;color: #fff;border: 2px solid #a3947f;position: relative;overflow: hidden;font-size: 22px;letter-spacing: -1px;}
ul.round li > div > h4 {font-size: 2em;font-family:'Barlow', sans-serif;line-height: 1em;margin-top: 10px;}
ul.round li > div > h4:before, ul.round li > div > h4:after {content:'';display:inline-block;height:1px;width: 30%;background:#fff;position: relative;margin: 0 15px;top: -11px;}


/* dot_point */

.dot_point::before, .dot_point::after {content: '\E83B';font-family: 'icon_font';display: block;/* text-align: center; */font-size: 3em;margin: .3em 0;color: #eee;line-height: 1em;}
.dot_point::after {content: '\E83E'}
.gray_bg .dot_point::before, .gray_bg .dot_point::after{color: #ccc;}

/* btn */
.btn_deepGray {background: #333;padding: 15px 20px;color:#fff;display: inline-block;border-radius: 6px;}
.btn_deepGray:hover {color:#fff;}
.btn_more:after {content: '\E868';font-family: 'icon_font';margin-left: 10px;background: #fff;border-radius: 100px;color: #444;padding: 6px;font-size: .7em;vertical-align: middle;}


/* foot_tabbanner */
.foot_tabbanner {width: 100%;margin: 0 auto 120px;overflow: hidden;}

ul.tabs {margin: 0;padding: 0;float: left;list-style: none;height: 32px;border-bottom: 1px solid #eee;border-left: 1px solid #eee;width: 100%;}
ul.tabs li {float: left;text-align:center;cursor: pointer;width:82px;height: 31px;line-height: 31px;border: 1px solid #eee;border-left: none;font-weight: bold;background: #fafafa;overflow: hidden;position: relative;}
ul.tabs li.active {background: #FFFFFF;border-bottom: 1px solid #FFFFFF;}
.tab_container {border: 1px solid #eee;border-top: none;clear: both;float: left;width: 248px;background: #FFFFFF;}
.tab_content {padding: 5px;font-size: 12px;display: none;}
.tab_container .tab_content ul {width:100%;margin:0px;padding:0px;}
.tab_container .tab_content ul li {padding:5px;list-style:none}

/* num_list */
ul.num_list {/* border-top: 1px solid #ddd; */max-width: 840px;margin: 0 auto;}
ul.num_list li {border-bottom: 1px solid #ddd;padding: 20px 0;overflow: hidden;}
ul.num_list li:last-child {border:0}
ul li span.num {font-family: 'Barlow';width: 60px;height: 60px;display: inline-block;color: #fff;background: #4671d1;border-radius:100px;text-align: center;font-size: 48px;font-weight: 600;line-height: 60px;float: left;margin-right: 20px;}
ul li span.icon {background: #4671d1;color:#fff;font-size:3em;float:left;margin-right: 20px;width: 88px;height: 88px;text-align: center;line-height: 88px;border-radius: 10px;}
ul.num_list dt {font-family:'NanumSquare';font-size: 24px;color: #333;font-weight: 700;margin-bottom: 5px;text-align: left;}
ul.num_list dd {padding-left: 80px;text-align: left;}
ul.num_list dd > span {background:#f3ece5; padding:5px 20px; display:inline-block; border-radius:100px; margin-top:10px; font-size:16px; letter-spacing:-1px;}

.num_list.img_list span.num {width: 250px;height: auto;background: none;}
.num_list.img_list span.num img{display:block;}
ul.num_list.img_list dt{ padding-top: 20px;}
ul.num_list.img_list {border-top: 1px solid #ddd}
ul.num_list.img_list li:last-child {border-bottom: 1px solid #ddd}

.step_list{overflow: hidden;}
.step_list li {position:relative;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;padding: 0 25px;}
.step_list li:before {content: '\E837';font-family: "icon_font";font-size: 2em;position: absolute;margin-left: 20px;color: #959795;top: 50%;margin-top: -30px;left: -25px;}
.step_list li:first-child:before {display: none;}
.step_list li img {width:100%; display:block}
.step_list li p {background:#f5f5f5;padding:15px}
.step_list li .text p {padding:0}
ul.num_list.two {margin-top: -20px;margin: -20px auto 0;max-width: 1200px;}
ul.num_list.two > li {margin-top:20px;border-bottom: 0;padding: 0;}
ul.num_list.two > li > div {margin:0 10px;overflow: hidden;}

@media screen and (max-width:  767px) {
  ul.num_list.two li {width: 100% !important;margin-top: 10px;}
  ul.num_list.two > li > div{margin: 0;}
  ul li span.icon{
    width: 60px;
    height: 60px;
    line-height: 60px;
    margin-right: 10px;
}
ul.num_list.two > li > div span.icon + dl > dt{line-height: 1.2;min-height: 1em;}

  .num_list.img_list span.num{width: 100%; margin-bottom: 10px; margin-top:15px;}
  ul.num_list.img_list dt{line-height: 1.4;}
  .step_list{margin-top:-10px}
  .step_list li {padding: 0 5px; margin-top:10px;}
  .step_list.four li {width:50% !important}
  .step_list li:before{display:none;}

}

/* qa_list */

.qa_list {max-width: 880px;margin: 0 auto;margin-top: -100px;}
.qa_list > li {padding: 60px 0 0;overflow: hidden;text-align: left;}
.qa_list > li .q {padding: 15px 20px;border-top: 3px solid #666;}
.qa_list > li h5 {display: table;width: 100%;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}
.qa_list > li h5 > p{display:table-cell;vertical-align: middle;}
.qa_list > li h5 > p:first-child {width:70px;}
.qa_list > li .a {/* background: #e6f5f5; */padding: 70px 30px 30px;padding: 15px 20px 0;overflow: hidden;/* margin-top: -70px; */border-top: 1px dashed #ccc;}
.qa_list > li .a > p {padding-left:70px}
.qa_list > li .q em, .qa_list > li .a h5 em {font-size: 1.5em;display: inline-block;background: #5e52d0;width: 55px;height: 55px;border-radius: 100%;color: #fff;margin-right: 10px;line-height: 55px;text-align: center;}
.qa_list > li .a h5 em {background: #4671d1;}

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

  .qa_list {margin-top:-30px;}
  .qa_list > li{padding-top:30px}
  .qa_list > li .a{padding:10px 15px}
  .qa_list > li .q{padding: 10px 15px;}
  .qa_list > li h5 > p:first-child {width:50px;}
  .qa_list > li .q em, .qa_list > li .a h5 em {width: 40px;height: 40px;line-height: 40px;}
  .qa_list > li .a > p{padding-left: 0;}
}


/* center_icon_list */
.center_icon_list{overflow:hidden;}
.center_icon_list > li {padding:10px;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;margin-top: 50px;}
.center_icon_list li:nth-child(2) i, .center_icon_list li:nth-child(3) i {}
.center_icon_list li i {font-size: 44px;display: block;background: #f5f5f5;width: 110px;height: 110px;border-radius: 120px;line-height: 105px;color: #4671d1;text-align: center;margin: -79px auto 0;}
.center_icon_list li h4 {margin-top:15px;font-size: 30px;}
.center_icon_list li h4 + h5 {margin-top:0;}
.center_icon_list li h5 {text-align:center;margin: 15px 0 15px 0;font-weight: 800;/* font-size: 22px; */}
.center_icon_list li .round_box p {margin-bottom:0}

@media screen and (max-width:  767px) {
  .center_icon_list.two > li  {width: 100% !important;margin-top: 50px;padding: 0;}
  .center_icon_list li .round_box{height: auto;}

  .center_icon_list li i{width: 70px;height: 70px;line-height: 66px;font-size: 2.5em;margin-top: -53px;}
  .center_icon_list li:nth-child(2) i, .center_icon_list li:nth-child(4) i {}
  .center_icon_list li:nth-child(3) i{}
  .center_icon_list li h4{font-size:24px}
}

.box_list_bg{position: absolute;width: 100%;z-index: -1;margin-top: -284px;height: 284px;background: #f2f2f2;}

.inbox_img_right {background: #fff;border-radius: 10px;border: 1px solid #eee;padding: 30px;text-align: justify;margin: 0 15px;overflow: hidden;}
.inbox_img_right  > div  {float: left;}
.inbox_img_right > img {float: right;}


.box_bg {background: #eee;padding: 50px;}

@media screen and (max-width:  767px) {
.box_bg {padding:20px}
.inbox_img_right {padding: 15px;}
.inbox_img_right img {margin-top: 10px}
}



@media screen and (max-width: 767px) {
  #sub .content_wrap .inwrap {margin:0 15px 0 15px;}
  .content_wrap{padding-bottom: 30px;font-size: 14px;margin: 0;}
  .content_wrap p{font-size: 14px;margin-bottom: 10px;}
  .content_wrap h3.mungjo {font-size: 19px;}
  .btn_deepGray{padding: 10px 20px;}


  /* sub_title */
  .sub_title{/* margin-bottom:20px; */}
  .content_wrap .sub_title h2{font-size: 30px;line-height: 1.25;letter-spacing: -2.5px;}
  .sub_title h2 p {font-size:20px;line-height:1em;margin-bottom: 2px;}
  .sub_title h3{font-size: 14px;/* margin-bottom: 20px; */margin-top: 5px;}


  /* bf_box */
  .bf_box ul li:first-child:after{width: 35px;height: 40px;right: -20px;margin-top: -20px;line-height: 40px;}
  .bf_box h4{font-size:16px;margin-top: 0;}


  /* box_list */
    ul.box_list{margin-top:-15px;}
   .box_list li > div{background:none;/* margin-bottom: 20px; */}
   ul.box_list > li{width: 100% !important;padding: 0;overflow: hidden;/* margin-bottom: 20px; */margin-top: 15px;}
  .box_list li .num{width: 36px;height: 36px;margin-left: 0;line-height: 36px;}
  .box_list li > div img {display:block;width: 100%;}
  .box_list li h5 {font-size:20px;}
  .box_list li p{font-size:14px;margin-bottom: 4px;}
  .box_list li > div div.text{padding: 15px 10px;}
  .box_list li div.text > h6 + p {margin-top:3px}
   /*bf_list */
   ul.bf_list > li {padding:0 5px;width: 100% !important;margin-bottom: 10px;}
   .bf_list li .bf_box ul li:first-child:after{margin-top: -40px;/* top: 30%; */}
   .bf_box ul li p {line-height: 2.4em;}

   .dot_point::before, .dot_point::after{line-height:1.2em;display: none;}

/* img_left */
  .img_left > div {width: 100% !important;padding:0;left: auto !important;right: auto !important;float: none !important;}
  .img_left > div:first-child{padding: 20px 15px;}
  .img_left p{
    margin-top: 0;
}
  .img_left img{margin: 0 0;position:relative;max-width: 100%;display: block;}
  .img_left .sub_title{margin-top: 0;border-bottom: 0;margin-bottom: 10px;text-align: center;}
/*   .img_left .sub_title h2:before{display:block;}
  .img_left .sub_title::before{display:block;} */
  .img_left .sub_title .en{display:block}
  .img_left h3 , .img_left h5 {text-align:center;}

/* img_right   */
  .img_right > div {width: 100% !important;padding:0;left: auto !important;right: auto !important;float: none !important;}
  .img_right > div:first-child{ padding: 0 15px;}
  .img_right img{margin: 30px 0 0;position:relative;max-width: 100%;display: block;left: 0;width: 100%;}
  .img_right .sub_title{margin-top: 0;border-bottom: 0;margin-bottom: 10px;text-align: center;}
  .img_right .sub_title::before{display:block;}
  .img_right .sub_title h2:before{display:block;}
  .img_right .sub_title .en{display:block}
  .img_right h5 {text-align:center;}

/* left_tit */
  .left_tit li h4{margin:0 0 15px; padding:6px; font-size:16px;display:block; float:none; }
  .left_tit > li{padding:20px}

/* circle_tit */
  .circle_tit{margin-left: -5px;}
  .circle_tit > li {padding-left: 5px;}
  .circle_tit li > div {width: 95px;height: 95px;}
  .circle_tit li > div span {font-size: 12px;}
  .circle_tit li > div > span {padding: 10px 0 8px;line-height:1.1;}
  .circle_tit li > div > p {padding: 6px 0 20px;font-size: 11px;line-height: 1.1;}



/* circle_list */
/*   .circle_list li > div {height: 132px;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;max-width:135px;margin:auto;width: 132px;} */
  .circle_list li .num{margin-top: 0px;font-size: 2.2em;}
  .circle_list li .num:after{margin: -10px 0 -5px;font-size: 8px;}
  .circle_list{text-align:center;}
  .circle_list > li {width: auto !important;float: none;margin-bottom: 0;display: inline-block;padding: 0;}
  .circle_list li > div {padding: 7px 0 15px;width: 280px;max-width: 100%;height: auto;margin-bottom: 10px; }
  .circle_list li > div.circle {}
  .circle_list li > div.circle{width: 107px;font-size: 16px;height: 107px;padding: 7px 0 12px;/* height: 112px; */line-height: 1.2;}
  .circle_list li > div.circle em{font-size: 1.4em;}

  ul.circle_list_2{margin:0 -15px}
  ul.circle_list_2 li div{width: 135px;height: 135px;margin: 5px;padding: 15px 0;}
  ul.circle_list_2 li div .num:after {margin: -5px 0;}



  ul.num_list li{padding: 10px 0;}
  ul li span.num{width: 32px;height: 32px;line-height: 32px;font-size: 24px;margin-right: 10px;margin: 0 10px 0 0;}
  ul.num_list dt{margin: 0;font-size: 16px;line-height: 32px;min-height: 32px;margin-bottom: 5px;}
  ul.num_list dd{margin: 0;text-align: justify;padding: 0;display: block;left: 0;}
  ul.num_list dd > span {
    font-size: 12px;
    display: block;
}
	/* round_box */
	.round_box_list li{margin-bottom:15px}
	.round_box_list li .round_box > .num{width: 32px; height: 32px; font-size: 20px; line-height:32px; margin-right: 10px; }
	.round_box {padding: 15px;margin: 0;}
	.round_box h5 {margin: 5px 0 10px;}
	.round_box_list li .round_box p{padding-left:0}
  .foot_tabbanner{margin-bottom:50px;}
}


/*agree*/
.agree {line-height: 1.5em;max-width: 800px;margin: 0 auto;}
.agree h4 {font-size: 1.25em;margin-bottom: 8px;margin-top: 2em;border-top: 1px solid #ddd;padding-top: 40px;}
.agree ul {margin-bottom: 10px;}
.agree ul li:before {content:'■';margin-right:10px;font-size:.6em;vertical-align: middle;display: inline-block;margin-top: -6px;}


.delay_2{    -webkit-transition-delay: 2s; /* Safari */
    transition-delay: 2s;}
.delay_4{    -webkit-transition-delay: 4s; /* Safari */
    transition-delay: 4s;}
.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

.animated.flipOutX,
.animated.flipOutY,
.animated.bounceIn,
.animated.bounceOut {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
}


@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.fadeIn {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;

  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInDown {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;

  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}



@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

 50% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
 50% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;

}

@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInLeft {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;

  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}


@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(30%, 0, 0);
    transform: translate3d(50%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(30%, 0, 0);
    transform: translate3d(50%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInRight {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}
@-webkit-keyframes bounceInDown {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInDown {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.bounceInDown {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}