@charset "UTF-8";
@import url(html5_reset.css);
@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/css2?family=Nanum+Myeongjo:wght@400;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
/* @import url('http://www.smartlasik.co.kr/css/notosanskr.css'); */
@import url('https://fonts.googleapis.com/css?family=Barlow:400, 500,600,700,800,900|Roboto:100,300,400,500,700,900&display=swap');
@import url('https://fonts.googleapis.com/css?family=Montserrat:100,200,300,400,500,600,700,800,900');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+TC:wght@200;300;400;500;600;700;900&display=swap');
@import url(https://unpkg.com/aos@2.3.1/dist/aos.css);
@import url('https://fonts.googleapis.com/css2?family=Rozha+One&display=swap');
:root {
--black: #000;
--dark_gray: #444141;
--main_color: ##3288d8;
--main_color2: #5a6cd1;
--sub_color: #00a8de;
--sub_color2: #43bfda;
--bg: #efece7;
--white:#fff;
--line: #cdcdcd;
}
body {font-size: 18px;/* min-width: 1400px; */}
html {font-family:"Barlow", 'Noto Sans KR', sans-serif;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;overflow-y: scroll;max-width: 1920px;margin: 0 auto; }
body {font-size: 18px;min-width: 1400px;overflow: hidden;letter-spacing: -0.04em;position: relative;/* background: var(--bg); */}
img {max-width: 100%;vertical-align: text-bottom;}
button {outline: none;}
b {font-weight: 600;}
p {font-weight: 300;/* color: #555; */}
.under_line {text-decoration: underline;}
.mobile {display: none !important;}
.pc {display: ;}
.box{-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}
.clear:after { content: ""; display:block; clear:both;*zoom:1; }
input[type="text"],input[type="tel"], input[type="password"], textarea {padding: 5px 10px;border:1px solid #d3d3d3;color: #888;height: 36px;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: 48px;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: 47px;width: 37px;margin-top: 1px;color: #bdbdbd;}
select::-ms-expand { display: none;}
input[type="tel"] {width: 20%; max-width: 150px;}
textarea {min-height: 90px;}
input:focus, textarea:focus {outline:none;}
input[type=checkbox] { display:none; } /* to hide the checkbox itself */
input[type=checkbox] + label{padding-left: 35px;position:relative;display: inline-block;text-align: justify;}
input[type=checkbox] + label:before {font-size: 1.5em;display: inline-block;content: "\E8A1";position: absolute;left: 0;vertical-align: middle;top: 0;margin-left: 3px;font-family: 'icon_font';} /* unchecked icon */
input[type=checkbox]:checked + label:before {content: "\E8A0";color: #3288d8;}
input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder { /* WebKit browsers */ color:transparent !important; } input:focus:-moz-placeholder, textarea:focus:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color:transparent !important; } input:focus::-moz-placeholder, textarea:focus::-moz-placeholder { /* Mozilla Firefox 19+ */ color:transparent !important; } input:focus:-ms-input-placeholder, textarea:focus:-ms-input-placeholder { /* Internet Explorer 10+ */ color:transparent !important; }
.close_but {-webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.close_but:hover { -webkit-transform: rotate(180deg); transform: rotate(180deg);}
.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: 10px 20px;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: 100px 0 0 100px;}
/* named upload */
.filebox .upload-name {display: inline-block;padding: 0 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;line-height: 46px;margin-left: -4px;border-radius: 0 100px 100px 0;}
.filebox.bs3-primary label {color: #fff;background-color: #797979;border-color: #797979;}
.overflow {overflow: hidden;}
/*password*/
.password {text-align: center;border: 5px solid #f4f4f4;padding: 50px 30px;position: relative;z-index: 220;margin-top: 0;border-radius: 30px;width: 100%;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;background: #fff;}
.password h2 {color: #444;font-size: 1.5em;margin-bottom: 40px;}
.password form {position: relative;z-index: 10;margin-top: 15px;}
.password p {line-height: 1.5em;z-index:2;color: #666; margin-bottom:25px;}
.password input {max-width: 60%;z-index:2;border-radius:100px 0 0 100px;height: 35px;padding: 5px 20px;}
.password a {vertical-align: middle;padding: 4px 35px 6px 26px;margin: 0;height: 35px;display: inline-block;line-height: 37px;border-radius: 0 100px 100px 0;margin-left: -4px;}
.password i {position: absolute;right: 10px;top: 15px;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;cursor: pointer;}
.password i:hover{-webkit-transform: rotate(180deg);transform: rotate(180deg);}
.gallery_pass {line-height: 1.4em;background: #fff;}
.gallery_pass h5 {color: #00a8de;margin-bottom: 1.5em;margin-top: 1.5em;font-size: 25px;font-weight: 600;}
.gallery_pass p {font-size: 17px;margin-bottom: 24px;}
.gallery_pass p > a {border-radius: 100px 0 0 100px;margin: 0;padding: 4px 30px;width: 130px;}
.gallery_pass p > a + a{border-radius: 0 100px 100px 0;}
.gallery_pass p > em {padding: 3px 6px 5px;margin: 2px 0;}
.gallery_pass p > input[type=text] {text-align: center;border-radius: 100px;}
/* btn */
.btn_wrap {text-align: center; }
.btn {padding: 15px 40px;cursor: pointer;display: inline-block;line-height: 1.2em;border-radius: 100px;margin: 0 3px;}
.btn_green{background: #00a8de;border: 1px solid #00a8de;color: #fff;}
.btn_green:hover {color:#fff;}
.btn_gray{background: #797979;border: 1px solid #797979;color: #fff;}
.btn_red{background: #3288d8;border: 1px solid #3288d8;color: #fff;}a
.btn_green:hover, .btn_gray:hover,.btn_red:hover{color:#fff}
/* checked icon */
button:active {outline: none;border: none;}
h1, h2, h3, h4 {font-family: 'NanumSquare';color: #222;font-weight: 600;line-height: 1.4;}
h3 {font-size:40px;line-height: 1.4;}
#sub section > h3 > span {font-size:28px; font-weight:400;}
h1{font-size: 60px;/* letter-spacing: -0.05em; */}
h2{/* font-size: 50px; *//* letter-spacing: -0.05em; */}
h3{font-size: 40px;}
h4 {font-size:30px;}
h5 {font-size:24px;}
h6 {font-size: 20px;}
.text_bg {background:#6a5749; color:#fff;}
/* 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_40{margin:40px !important;}
.m_50{margin:50px !important;}
.m_60{margin:60px !important;}
.m_70{margin:70px !important;}
.m_80{margin:80px !important;}
.m_90{margin:90px !important;}
.m_100{margin:100px !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:30px !important; margin-right:30px !important;}
.m_lr_40{margin-left:40px !important; margin-right:40px !important;}
.m_lr_50{margin-left:50px !important; margin-right:50px !important;}
.m_lr_60{margin-left:60px !important; margin-right:60px !important;}
.m_lr_70{margin-left:70px !important; margin-right:70px !important;}
.m_lr_80{margin-left:80px !important; margin-right:80px !important;}
.m_lr_90{margin-left:90px !important; margin-right:90px !important;}
.m_lr_100{margin-left:100px !important; margin-right:100px !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_tb_40{margin-top:40px !important; margin-bottom:40px !important;}
.m_tb_50{margin-top:50px !important; margin-bottom:50px !important;}
.m_tb_60{margin-top:60px !important; margin-bottom:60px !important;}
.m_tb_70{margin-top:70px !important; margin-bottom:70px !important;}
.m_tb_80{margin-top:80px !important; margin-bottom:80px !important;}
.m_tb_90{margin-top:90px !important; margin-bottom:90px !important;}
.m_tb_100{margin-top:100px !important; margin-bottom:100px !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_70{margin-top: 70px !important; }
.m_t_80{margin-top: 80px !important; }
.m_t_90{margin-top: 90px !important; }
.m_t_100{margin-top: 100px !important; }
.m_t_110{margin-top: 110px !important; }
.m_t_120{margin-top: 120px !important; }
.m_t_130{margin-top: 130px !important; }
.m_t_140{margin-top: 140px !important; }
.m_t_150{margin-top: 150px !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_r_40{margin-right:40px !important;}
.m_r_50{margin-right:50px !important;}
.m_r_60{margin-right:60px !important;}
.m_r_70{margin-right:70px !important;}
.m_r_80{margin-right:80px !important;}
.m_r_90{margin-right:90px !important;}
.m_r_100{margin-right:100px !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_70{margin-bottom:80px !important;}
.m_b_80{margin-bottom:80px !important;}
.m_b_90{margin-bottom:90px !important;}
.m_b_100{margin-bottom:100px !important;}
.m_b_110{margin-bottom:110px !important;}
.m_b_120{margin-bottom:120px !important;}
.m_b_130{margin-bottom:130px !important;}
.m_b_140{margin-bottom:140px !important;}
.m_b_150{margin-bottom:150px !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;}
.m_l_70{margin-left:70px !important;}
.m_l_80{margin-left:80px !important;}
.m_l_90{margin-left:90px !important;}
.m_l_100{margin-left:100px !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_60{padding:60px !important;}
.p_70{padding:70px !important;}
.p_80{padding:80px !important;}
.p_90{padding:90px !important;}
.p_100{padding:100px !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_80{padding-top:80px !important;}
.p_t_90{padding-top:90px !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_r_40{padding-right:40px !important;}
.p_r_50{padding-right:50px !important;}
.p_r_60{padding-right:60px !important;}
.p_r_70{padding-right:70px !important;}
.p_r_80{padding-right:80px !important;}
.p_r_90{padding-right:90px !important;}
.p_r_100{padding-right:100px !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_b_40{padding-bottom:40px !important;}
.p_b_50{padding-bottom:50px !important;}
.p_b_60{padding-bottom:60px !important;}
.p_b_70{padding-bottom:70px !important;}
.p_b_80{padding-bottom:80px !important;}
.p_b_90{padding-bottom:90px !important;}
.p_b_100{padding-bottom:100px !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;}
.p_l_40{padding-left:40px !important;}
.p_l_50{padding-left:50px !important;}
.p_l_60{padding-left:60px !important;}
.p_l_70{padding-left:70px !important;}
.p_l_80{padding-left:80px !important;}
.p_l_90{padding-left:90px !important;}
.p_l_100{padding-left:100px !important;}
/* font size + weight + color */
.font_18 {font-size: 18px !important;}
.font_20 {font-size: 20px !important;}
.font_21 {font-size: 21px !important;}
.font_22 {font-size: 22px !important;}
.font_23 {font-size: 23px !important;}
.font_24 {font-size: 24px !important;}
.font_25 {font-size: 25px !important;}
.font_26 {font-size: 26px !important;}
.font_27 {font-size: 27px !important;}
.font_28 {font-size: 28px !important;}
.font_29 {font-size: 29px !important;}
.font_30 {font-size: 30px !important;}
.font_32 {font-size: 32px !important;}
.font_34 {font-size: 34px !important;}
.font_36 {font-size: 36px !important;}
.font_38 {font-size: 38px !important;}
.font_40 {font-size: 40px !important;}
.myeongjo {font-family: 'Nanum Myeongjo';}
.notosan {font-family: 'Noto Sans KR';}
.noto_TC{font-family: 'Noto Serif TC'}
.NanumSquare{font-family: 'NanumSquare'}
.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_444 {color:#444 !important;}
.color_fff {color:#fff !important;}
.color_main {color: #3288d8 !important;/* font-weight: 400; */}
p .color_main, p .color_sub, p .color_sub2, p .color_sub3, p .color_sub4, p .color_darkgray{font-weight:400}
.pen_wrap:hover .pen .color_main {color:#222 !important;}
.color_sub {color: #5a6cd1 !important;}
.color_sub2 {color: #00a8de !important;}
.color_sub3 {color: #43bfda !important;}
.color_sub4 {color: #4dcfd2 !important;}
.color_darkgray {color: #546475 !important;}
.color_red {color: #ab5d5d !important;}
/* li */
ul:after{content: ""; display:block; clear:both;*zoom:1; }
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.666666666% !important;float: left;}
ul.seven > li {width: 14.28571428571429% !important;float: left;}
ul.eight > li {width: 12.5% !important; float: left;}
ul.nine > li {width:11.1111% !important; float: left; }
#wrap { min-width: 1260px; width: 100%;}
.pen {background: linear-gradient(to right, rgba(255,255,255,0) 50%, #dbf6ff 50%);background-size: 200%;transition:all .5s;}
.pen_wrap:hover .pen, li:hover .pen {background-position: -100% 0;color: #222 !important;}
.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;}
@media (max-width: 1200px) {
}
@media (max-width: 767px) {
html {font-weight: 400;}
body {min-width:320px;font-size: 14px;}
.pc {display: none !important ;}
.mobile {display: block !important;}
.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: 14px;padding: 5px 5%;height: 20px;}
input[type=checkbox] + label{padding-left:25px;}
textarea {min-height: 70px;}
.btn {padding:5px 15px;}
/* MARGIN */
.m_10{margin:5px !important;}
.m_20{margin:10px !important;}
.m_30{margin:15px !important;}
.m_40{margin:20px !important;}
.m_50{margin:25px !important;}
.m_60{margin:30px !important;}
.m_70{margin:35px !important;}
.m_80{margin:40px !important;}
.m_90{margin:45px !important;}
.m_100{margin:50px !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_lr_40{margin-left:20px !important; margin-right:20px !important;}
.m_lr_50{margin-left:25px !important; margin-right:25px !important;}
.m_lr_60{margin-left:30px !important; margin-right:30px !important;}
.m_lr_70{margin-left:35px !important; margin-right:35px !important;}
.m_lr_80{margin-left:40px !important; margin-right:40px !important;}
.m_lr_90{margin-left:45px !important; margin-right:45px !important;}
.m_lr_100{margin-left:50px !important; margin-right:50px !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_tb_40{margin-top:20px !important; margin-bottom:20px !important;}
.m_tb_50{margin-top:25px !important; margin-bottom:25px !important;}
.m_tb_60{margin-top:30px !important; margin-bottom:30px !important;}
.m_tb_70{margin-top:35px !important; margin-bottom:35px !important;}
.m_tb_80{margin-top:40px !important; margin-bottom:40px !important;}
.m_tb_90{margin-top:45px !important; margin-bottom:45px !important;}
.m_tb_100{margin-top:50px !important; margin-bottom:50px !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_70{margin-top:35px !important;}
.m_t_80{margin-top: 40px !important;}
.m_t_90{margin-top: 45px !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_r_40{margin-right:20px !important;}
.m_r_50{margin-right:25px !important;}
.m_r_60{margin-right:30px !important;}
.m_r_70{margin-right:35px !important;}
.m_r_80{margin-right:40px !important;}
.m_r_90{margin-right:45px !important;}
.m_r_100{margin-right:50px !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_70{margin-bottom: 35px !important;}
.m_b_80{margin-bottom: 40px !important;}
.m_b_90{margin-bottom: 45px !important;}
.m_b_100{margin-bottom:50px !important;}
.m_b_110{margin-bottom:55px !important;}
.m_b_120{margin-bottom:60px !important;}
.m_b_130{margin-bottom:65px !important;}
.m_b_140{margin-bottom:70px !important;}
.m_b_150{margin-bottom:75px !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;}
.m_l_70{margin-left:35px !important;}
.m_l_80{margin-left:40px !important;}
.m_l_90{margin-left:45px !important;}
.m_l_100{margin-left:50px !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_70{padding:35px !important;}
.p_80{padding:40px !important;}
.p_90{padding:45px !important;}
.p_100{padding:50px !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:20px !important;}
.p_t_50{padding-top:25px !important;}
.p_t_60{padding-top:30px !important;}
.p_t_70{padding-top:35px !important;}
.p_t_80{padding-top:40px !important;}
.p_t_90{padding-top:45px !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_r_40{padding-right:20px !important;}
.p_r_50{padding-right:25px !important;}
.p_r_60{padding-right:30px !important;}
.p_r_70{padding-right:35px !important;}
.p_r_80{padding-right:40px !important;}
.p_r_90{padding-right:45px !important;}
.p_r_100{padding-right:50px !important;}
.p_b_10{padding-bottom:5px !important;}
.p_b_20{padding-bottom:10px !important;}
.p_b_30{padding-bottom:15px !important;}
.p_b_40{padding-bottom:20px !important;}
.p_b_50{padding-bottom:25px !important;}
.p_b_60{padding-bottom:30px !important;}
.p_b_70{padding-bottom:35px !important;}
.p_b_80{padding-bottom:40px !important;}
.p_b_90{padding-bottom:45px !important;}
.p_b_100{padding-bottom:50px !important;}
.p_l_10{padding-left:5px !important;}
.p_l_20{padding-left:10px !important;}
.p_l_30{padding-left:15px !important;}
.p_l_40{padding-left:20px !important;}
.p_l_50{padding-left:25px !important;}
.p_l_60{padding-left:30px !important;}
.p_l_70{padding-left:35px !important;}
.p_l_80{padding-left:40px !important;}
.p_l_90{padding-left:45px !important;}
.p_l_100{padding-left:50px !important;}
.font_18 {font-size: 14px !important;}
.font_20 {font-size: 14px !important;}
.font_21 {font-size: 14.5px !important;}
.font_22 {font-size: 15px !important;}
.font_23 {font-size: 15.5px !important;}
.font_24 {font-size: 16px !important;}
.font_25 {font-size: 17px !important;}
.font_26 {font-size: 18px !important;}
.font_27 {font-size: 18.5px !important;}
.font_28 {font-size: 19px !important;}
.font_29 {font-size: 19px !important;}
.font_30 {font-size: 20px !important;}
.font_32 {font-size: 21px !important;}
.font_34 {font-size: 22px !important;}
.font_36 {font-size: 23px !important;}
.font_38 {font-size: 24px !important;}
.font_40 {font-size: 25px !important;}
input[type=checkbox]:checked + label:before{top:0;}
h1{/* font-size: 30px; */letter-spacing: -0.04em;}
h2{font-size: 24px}
h3 {font-size: 20px;}
h4 {font-size: 18px;}
h5 {font-size: 16px;}
h6 {font-size: 14px;}
.password {margin: 0 auto;padding: 50px 15px;border-radius: 15px;}
.password a {padding: 2px 20px;}
.gallery_pass{padding: 20px 15px;}
.password input {height: 29px;width: 50%;}
.gallery_pass h5 {font-size: 15px;}
.gallery_pass h5 span {display: block;}
.gallery_pass p {margin-bottom: 0;font-size: 12px;}
.gallery_pass p a {width: 100px;padding: 0 10px;}
.gallery_pass p > span {display: block;}
}
/* layer_pop */
.layer_pop, .charge_layer_pop {position: fixed;z-index: 120;display: none;top: 174px;left: 50%;margin-left: -350px;width: 700px;}
.layer_pop > .dim_bg, .charge_layer_pop > .dim_bg {display: block;top:0;left: 0;}
#pop {position: absolute;left: 100px;top: 100px;z-index:310;display: none;}
#pop img {display: block;float: left;max-width: 480px; }
#pop .cont {border: 5px solid #00337f;overflow: hidden;}
#pop .close {background: #aaaaaa;padding: 5px;color: #fff;text-align: right;padding-top: 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: 110;cursor: pointer;top: 0;}
@media (max-width: 1200px) {
}
@media (max-width: 767px) {
.map_marker {width: 90px;}
.map_marker:after {}
.map_marker i {}
.layer_pop, .charge_layer_pop {top: 90px;width: 90%;margin-left: -45%;}
#pop {position: absolute;width: 300px;left: 50%;margin-left: -150px;top: 50px;z-index:310;display: none;}
#pop img {width: 100%;}
}
/* quick_menu */
.quick_menu {position:relative;top: 340px;right: 50%;/* width: 490px; */position:fixed;z-index: 5;-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: -818px;}
.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: #d89294;-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: 100px;border-radius: 100px;overflow: hidden;}
.quick_menu > ul > li > a {padding: 0;color: #fff;text-align: center;display:block;font-size: 14px;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: 100px;}
.quick_menu > ul > li a::before{display: inline-block;font-size: 32px;font-family: 'icon_font';margin-top: 20px;margin-bottom: 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;}
.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;display: inline-block;font-weight: 500;/* position: absolute; *//* margin: 21px 10px; */width: 100px;}
.quick_menu > ul > li:nth-child(1) a::before{content: '\E86B'; }
.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: '\E8C9'; }
.quick_menu > ul > li:last-child a::before{content: '\E860';}
.quick_menu > ul > li:nth-child(1) a{background: #5a6cd1;}
.quick_menu > ul > li:nth-child(2) a{background: #3288d8 ;}
.quick_menu > ul > li:nth-child(3) a{background:#00a8de}
.quick_menu > ul > li:nth-child(4) a{background: #43bfda;}
.quick_menu > ul > li:nth-child(5) a{background: #4dcfd2;}
.quick_menu > ul > li:nth-child(6) a{background:#ccc }
.quick_menu > div {width: 380px;float: right;border: 0;border-bottom: 1px solid #dadada;overflow: hidden;}
.quick_menu > ul > li:hover > a {/* width: 140px; *//* padding-left: 25px; *//* text-align: left; *//* margin-left: -80px; */}
.quick_menu > ul > li:hover > a span {opacity:1;}
.quick_menu > ul > li:hover a::before{}
.quick_menu.f_nav {top: 170px;/* margin-right: -900px; */right: 20px;margin-right: 0;}
.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: #00a8de;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: #f4f8fb;color: #606060;font-weight: 400;width: 100px;text-align: center;vertical-align: middle;}
.layerwrite .quick_counsel table td {border-bottom: 1px solid #d5d5d5;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: #00a8de;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:#c5c5c5;}
.Counselagree_view {line-height:1em;color:#fff;background: #898989;padding:5px 10px;border-radius:4px;margin-left:10px;display:inline-block;}
.Counselagree_view:hover {color:#fff;}
@media screen and (max-width: 1600px) {
.quick_menu {display:none;}
}
@media screen and (max-width: 767px) {
.quick_menu {display: block;top: auto;bottom: 0px;width: 100%;left: 0;right: 0;z-index: 20;}
.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 #ffffff; */width: 100%;height: auto;}
.quick_menu > ul > li:nth-child(5) a{border:0}
.quick_menu > ul > li > a span{margin: 0;position: sticky;opacity: 1;padding: 0;width: 100%;margin-bottom: 8px;font-size: 12px;}
.quick_menu > ul > li a::before {margin-top: 10px;font-weight: 100;margin-bottom: 3px;}
.quick_menu > ul > li:hover > a{padding: 0;margin: 0;text-align: center;width: auto;}
.layerwrite{width:90%;margin-left:-45%;padding: 50px 5% 30px;}
.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%;}
.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; }
}
.box_tit {background: #6a5749;color:#fff;padding: 10px 30px;font-weight: 600;margin-bottom: 20px;}
.inline {display: inline-block;}
@media screen and (max-width: 767px) {
.box_tit{margin-bottom:10px}
}
/* title */
.title {/* max-width: 1200px; *//* margin: 0 auto 0; *//* position: relative; *//* color: #222; *//* text-align: center; *//* width: 100%; */}
.title h2 {/* font-weight: 800; *//* letter-spacing: -1pt; *//* line-height: 1.3; *//* font-family: 'NanumSquare'; *//* margin-bottom: 5px; */}
.title h2 span {color: #3288d8;}
.title h2 em:before , .title h2 em:after {content:"\E83E";font-family:'icon_font';color: #2eb6d3;margin-top: -35px;position: absolute;font-size: 32px;}
.title h2 em:after {content: '\E840';color: #d2da27;margin-top: -31px;margin-left: 4px;}
.title h6 {display: inline-block;font-weight: 400;/* color: #555; */margin-top: 5px;font-family: 'NanumSquare';}
.title.line h3 {background: #fff}
.title p {margin-top:0}
.bg .title.line h3 {background: #f8f8f8}
#sub .title {margin-bottom: 60px;}
#sub .title h5 {font-weight: 600;}
@media (max-width: 1200px) {
}
@media (max-width: 767px) {
#sub .title {margin-bottom: 30px;}
.title {width: auto;}
.title h2 {font-size: 26px;display: inline-block;position: relative;line-height: 1.2;margin-top: 5px;}
.title h2 em {position:absolute;top:0;right: -5px;}
.title h3{/* font-size: 18px; *//* display: block; *//* margin-top: 10px; */}
#sub .title h4{font-size:22px;}
.title h2 em:before, .title h2 em:after{font-size:20px; margin-top:-20px;}
.title h2 em:after{margin-top: -18px;margin-left: 2px;}
}
/* background */
.bg {position: relative; overflow: hidden; background: #f8f8f8;}
/* header */
header{
text-align:center;
position:fixed;
top:0;
left:0;
right:0;
z-index:100;
max-width: 1200px;
margin: 0 auto;
.inwrap{
h1{
border-bottom: 1px solid #ddd;
font-size: 0;
background: var(--white);
a{
display:block;
img{
width: 500px;
padding: 20px 0;
}
}
}
nav{
ul{
display:flex;
justify-content: center;
li{
flex: 1;
font-size: 1.35em;
background: var(--main_color2);
a{
display:block;
color: var(--white);
padding: 10px 0;
line-height: 1;
border-left: 1px solid var(--bg);
font-family: 'NanumSquare';
font-weight: 600;
}
&:first-child{
a{
border-left: 0;
}
}
}
}
}
}
}
/* footer */
/* foot_board */
footer {z-index:10; position:relative;}
.foot_board {margin: 0 auto 0;width: 100%;background: #fff;}
#main .foot_board{/* margin-top:100px */}
#main .foot_board ul.three {border:0}
.foot_board ul.three > li{border: none;}
.foot_board ul.three {overflow:hidden;border-top: 1px solid #eee;}
.foot_board ul.three > li{-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;padding: 0 20px;background: #f2f2f2;background: #fff;padding: 100px 50px;position:relative;}
.foot_board ul.three > li:before {content:'';display:block;width:1px;position:absolute;background: #e9e9e9;left:0;top: 88px;bottom: 60px;}
.foot_board ul.three > li:nth-child(2){/* background:#e7e7e7 */}
.foot_board ul.three > li:nth-child(3){/* background: #dedede; */}
.foot_board ul.three > li:nth-child(3) #map{width: 100%; height: 258px;border: 1px solid #d3d3d3;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}
.map_marker {text-align: center;width: 180px;height: 35px;/* background:#fff; */position: relative;margin-top: 1px;}
.map_marker p {padding: 5px 10px;margin:0;position:absolute;border-radius: 6px;border: 2px solid #238cfa;display: block;background: #238cfa;left: 0;right: 0;left: -3px;right: -3px;top:-3px;bottom:-3px;color: #fff;font-weight: 600;font-family: 'NanumSquare';line-height: 1.6em;}
.map_marker p:after {content:'';width: 0;height: 0;border-left: 10px solid transparent;border-right: 10px solid transparent;border-top: 20px solid #238cfa;position:absolute;margin-top: 33px;left: 50%;margin-left: -10px;}
.foot_board ul.three > li h5 {text-align: center;font-size: 30px;margin-bottom: 40px;font-weight: 600;}
.foot_board ul li h5 span:before , .foot_board ul li h5 span:after {content:"\E83E";font-family:'icon_font';color: #2eb6d3;margin-top: -20px;position: absolute;font-size: 20px;}
.foot_board ul li h5 span:after {content: '\E840';color: #d2da27;margin-top: -18px;margin-left: 2px;}
.foot_board ul.three > li:first-child ul li {border-bottom: 1px solid #d8d8d8;padding: 14px;}
.foot_board ul.three > li:first-child ul li:first-child{padding-top:0}
.foot_board ul.three > li:first-child ul li:last-child{padding-bottom:0}
.foot_board ul.three > li:first-child ul li:last-child {border:0}
.foot_board ul.three > li:first-child ul li a span {float: right;}
.foot_board ul.three > li:nth-child(2) input[type="text"] {width: 100%;font-size: 24px;padding: 5px 0;text-align: center;margin-bottom: 8px;}
.foot_board ul.three > li:nth-child(2) input[type="text"]::placeholder, .foot_board ul.three > li:nth-child(2) textarea::placeholder {color:#c6c6c6;}
.foot_board ul.three > li:nth-child(2) .name {width: 40%; margin-right: 2%;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box; float: left;}
.foot_board ul.three > li:nth-child(2) .phone {width: 58%;float: left;}
.foot_board ul.three > li:nth-child(2) .textarea {width: 75%;float: left;border:1px solid #d3d3d3;/* padding: 15px 0 0 15px; */-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;background: #fff;margin-bottom: 10px;}
.foot_board ul.three > li:nth-child(2) textarea {width : -webkit-calc(100% - 30px); /* for Chrome, Safari */width : -moz-calc(100% - 30px); /* for Firefox */width : calc(100% - 30px); /* for IE */border:0;padding: 15px;resize: none;height: 134px; }
.foot_board ul.three > li:nth-child(2) button {width: 25%;font-size: 30px;background: #546475;color: #fff;border:0;padding: 47px 0;cursor: pointer;font-family: 'Noto Sans KR';line-height: 1.2;}
.foot_board ul.three > li:nth-child(3) img {margin-top: -15px;}
.foot_board input[type=checkbox] + label:before{}
.foot_board input[type=checkbox]:checked + label:before{}
@media (max-width: 1200px) {
}
@media (max-width: 767px) {
#main .foot_board{/* margin-top:60px */}
#main .foot_board ul.three{border:0}
.foot_board ul.three{padding-top: 30px;}
.foot_board ul.three > li{width:100% !important;padding: 20px 15px;text-align: center;}
.foot_board ul.three > li:before{height: 1px;width: auto;left: 0;right: 0;position: relative;top: 0;margin-bottom: 30px;}
.foot_board ul.three > li:first-child:before{display:none;}
.foot_board ul.three > li h5{font-size: 24px;margin-bottom: 15px;}
.foot_board ul.three > li h5:before{width:30px; margin-bottom:10px}
.foot_board ul.three > li:first-child ul li{padding:10px}
.foot_board ul.three > li:first-child ul li a span{display:none}
.foot_board ul.three > li:first-child ul li:first-child {padding-top:0}
.foot_board ul.three > li:first-child ul li:last-child {padding-bottom:0}
.foot_board ul.three > li:nth-child(2) input[type="text"]{font-size:18px;padding: 10px 0;}
.foot_board ul.three > li:nth-child(2) textarea{height: 70px;}
.foot_board ul.three > li:nth-child(2) button{padding: 27px 0;font-size: 20px;}
.foot_board ul.three > li:nth-child(3) img{margin-top:0;}
.map_marker{height: 25px;}
.map_marker p{line-height: 1.3em;}
.map_marker p:after{margin-top: 22px;}
.foot_board ul.three > li h5{position:relative;display: inline-block;}
.foot_board ul.three > li h5:after{display: block;right: -20px;top: 0px;}
}
@media (max-width: 374px) {
}
/* info */
footer .copy {background: #333333;width: 100%;overflow: hidden;color: #fff;font-size: 15px;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}
footer .copy .inwrap{max-width: 1360px;margin:0 auto;padding: 60px 0 40px 0;position: relative;overflow: hidden;}
footer .copy .inwrap > div {overflow: hidden;float: left;}
footer .copy img {opacity: .5;max-width: 250px;}
footer .copy .inwrap > div p {color:#8f8f8f;}
footer .copy .inwrap address {color: #8f8f8f;letter-spacing: 0;font-family: 'Barlow', 'Noto Sans KR';margin: 32px 0 10px;}
footer .copy .inwrap address p {/* display: inline-block; */margin: 0;}
footer .copy .inwrap address span {margin-left:15px}
footer .foot_lnb {float:right;border-left: 1px solid #555555;display: flex;padding-left: 50px;}
footer .foot_lnb > li {float:left;}
footer .foot_lnb > li > a {color:#d0d0d0;border-bottom:1px solid #555555;padding-bottom: 15px;display: block;margin-bottom: 15px;padding-right: 67px;position: relative;}
footer .foot_lnb > li > a:after{content:'';display:block;width: 25px;height:1px;background:#dcdcdc;bottom: -1px;position: absolute;}
footer .foot_lnb > li > ul > li > a{color:#8f8f8f;font-size: 14px;line-height: 1.8;display: block;}
/* footer .copy ul.sns {float:right;margin-top: 12px;}
footer .copy ul.sns li {float: left;padding-left: 20px;opacity: .5;}
footer .copy ul.sns li:first-child {opacity:1}
footer .copy ul.sns li a {color: #f2f2f2;}
footer .copy ul.sns li a:before{content:'';font-family:'icon_font';font-size:2em;}
footer .copy ul.sns li:nth-child(2) a:before {content: '\E864'}
footer .copy ul.sns li:nth-child(3) a:before {content: '\E84C';}
footer .copy ul.sns li:nth-child(4) a:before {content: '\E888'}
footer .copy ul.sns li:nth-child(5) a:before {content: '\E846';padding-right: 4px;}
footer .copy ul.sns li span {display:none;} */
@media (max-width: 1200px) {
}
@media (max-width: 767px) {
footer .copy .inwrap{font-size:13px;text-align:center;padding: 15px 0 85px 0;}
footer .copy .inwrap > div{float:none}
footer .copy .inwrap address{margin:0;}
footer .copy img{display:none;}
footer .foot_lnb {display:none;}
}
@media (max-width: 374px) {
}
/* charge */
#charge_but {cursor: pointer;background: #717171;padding: 0 10px;border-radius:10px;display: inline-block;margin-top: 10px;margin-left: 0;color: #fff;}
.charge_layer_pop > .gallery_pass{max-width: 860px;padding: 50px;border: 0;}
.charge_layer_pop > .gallery_pass #charge_close {position:absolute;right: 20px;top: 30px;cursor: pointer;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
.charge_layer_pop > .gallery_pass #charge_close:hover{-webkit-transform: rotate(180deg);transform: rotate(180deg);}
.charge{width: 100%;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;max-height: 480px;overflow: auto;margin-top: 40px;}
.charge table {border: 1px solid #ccc; width: 100%;}
.charge table th, .charge table td {border: 1px solid #ccc; padding:10px;vertical-align: middle; line-height:1.4em; text-align: center;}
.charge table th {background: #d89294;color: #fff;text-align: center;font-weight: 400;font-size: 1em;}
.charge table td {border: 1px solid #ccc;}
@media (max-width: 1200px) {
}
@media (max-width: 767px) {
.charge_layer_pop > .gallery_pass{padding:20px;margin: 10px;}
.charge{margin-top: 15px;}
.charge table th, .charge table td {padding:5px 0;font-size: 12px;}
.charge_layer_pop > .gallery_pass #charge_close{right: 10px;top: 21px;}
}
@media (max-width: 374px) {
}
/*------------------------------ sub -------------------------------------*/
.title h1 {font-weight: 800;line-height: 1.3;color: #222;}
.title h1 > em {color: #3288d8;}
.title h1 span:before , .title h1 span:after {content:"\E83E";font-family:'icon_font';color: #2eb6d3;z-index: -1;font-size: 40px;margin-top: -40px;position: absolute;}
.title h1 span:after {content: '\E840';color: #d2da27;margin-top: -37px;margin-left: 4px;}
.title .simbol {display: inline-block;text-align: center;position: relative;z-index: 1;margin-top: 40px;margin-bottom: 20px;height: 1px;}
.title .simbol:before , .title .simbol:after {content:"\E83E";font-family:'icon_font';color: #2eb6d3;z-index: -1;font-size: 40px;margin-top: -40px;position: absolute;margin-left: -20px;}
.title .simbol:after {content: '\E840';color: #d2da27;margin-top: -37px;margin-left: -16px;}
#sub {overflow: hidden;}
.content_wrap{/* overflow: hidden; *//* margin-top: -500px; *//* position: relative; *//* z-index: 1; */}
.content_wrap:before {content:'';background:#fff;display:block;margin: 0 90px -500px 90px;height:500px;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
.content_wrap .inwrap h4 {line-height:1.2em;}
.content_wrap .mungjo {font-family: 'Nanum Myeongjo';}
.content_wrap p.list{line-height:1.8em; }
.content_wrap h3.mungjo { font-size: 36px}
.content_wrap .section_01 img {margin-bottom:0;}
.content_wrap > section{/* padding-bottom: 120px; *//* padding-top: 120px; */}
.content_wrap > section:after { content: ""; display:block; clear:both;*zoom:1; }
.bord_r_15 {border-radius: 15px !important;}
.bord_r_20 {border-radius: 20px !important;}
.bord_r_30 {border-radius: 30px !important;}
@media (max-width: 1800px) {
.content_wrap:before{margin-left:0; margin-right:0}
header > .inwrap{/* margin-left: 0; *//* margin-right: 0; */}
}
@media (max-width: 767px) {
.content_wrap:before{display:none;}
.content_wrap > section{padding: 50px 0;}
.title h1{display:inline-block;position:relative;}
.title h1 span {position:absolute; top:0; right:0}
.title h1 span:before, .title h1 span:after{font-size:20px; margin-top:-20px;}
.title h1 span:after{margin-top: -18px;margin-left: 2px;}
.title .simbol{
margin-top: 20px;
margin-bottom: 15px;
}
.title .simbol:before , .title .simbol:after{font-size: 26px;margin-top: -20px;margin-left: -13px;}
.title .simbol:after{margin-top: -18px;margin-left: -11px;}
#sub .content_wrap {margin-top: 0;}
.content_wrap .inwrap{/* margin: 0 15px; *//* width: auto; */}
.bord_r_15{border-radius:8px !important}
.bord_r_20 {border-radius: 10px !important;}
.bord_r_30 {border-radius: 15px !important;}
}
/* sub_visual */
.sub_visual {height: 960px;background-position: top center;background-size: cover;text-align: center;max-width: 1920px;overflow: hidden;}
.sub_visual > div {height: 960px;background-position: top center;background-size: cover;text-align: center;
max-width: 1920px; -webkit-animation: bummer 3600ms;
animation: bummer 3600ms;
-webkit-transform: scale(1.2,1.2);
transform: scale(1.2,1.2);
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;}
.sub_tit {position: absolute;top: 0;left: 0;right: 0;text-align: center;}
.sub_tit h1 {color: #fff;padding-top: 240px;font-weight: 600;}
.sub_tit h6 {color: #fff;font-weight: 400;}
.sub_tit p.en {color: #d5d5d5;margin-top: 0;letter-spacing: .65em;text-transform: uppercase;}
@-webkit-keyframes bummer {
100% {
-webkit-transform: scale(1,1);
}
}
@keyframes bummer {
100% {
transform: scale(1,1);
}
}
.sub_nav {position: fixed;z-index: 5;top: 566px;left: 50%;margin-left: -834px;-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: 2px solid #00a8de; */padding: 15px;border-radius: 0;background: #fff;width: 190px;border-radius: 20px;}
.sub_nav:before {
/* content: '\E83E'; */
font-family: 'icon_font';
color: #fff;
font-size: 30px;
vertical-align: top;
margin-top: 0;
display: inline-block;
animation: rotate_360 3s linear infinite;
transform-origin: 50% 50%;
position: relative;
background: #00a8de;
width: 50px;
height: 50px;
border-radius: 50px;
text-align: center;
line-height: 50px;
margin-top: -30px;
left: 50%;
margin-left: -25px;
}
.sub_nav.f_nav {top: 150px;/* margin-left: -900px; */left: 0;margin-left: 0;}
.sub_nav li:first-child {background: #3288d8;color: #fff;padding: 15px 0;/* margin-left: -10px; */font-size: 30px;font-weight: 600;font-family: 'NanumSquare';text-align: center;/* border: 6px solid #f67079; */border-radius: 20px 0;margin-bottom: 10px;}
.sub_nav li a {color: #444;padding: 20px 0px 20px 30px;display: block;font-family: 'NanumSquare';font-weight: 600;font-size: 17px;border-bottom: 1px solid #ccc;}
.sub_nav li a::before {content:'';/* content: '\E83E'; */display:inline-block;/* font-family: 'icon_font'; */width: 12px;height: 13px;border: 2px solid #949494;background: #fff;border-radius: 50%;box-sizing: border-box;position: absolute;margin-left: -22px;margin-top: 3px;-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_nav li:hover a, .sub_nav li.active a{color: #3288d8;}
.sub_nav li:hover a::before, .sub_nav li.active a::before{border-color: #3288d8;border-width: 5px;width: 18px;height: 18px;margin-left: -25px;margin-top: 1px;background: #fff;}
@media (max-width: 1600px) {
.sub_nav {display: none;}
}
@media (max-width: 767px) {
.sub_visual{height: 140px;margin-top: 60px;}
.sub_visual > div{height: 140px;}
.sub_tit h1{padding-top:100px}
.sub_tit p.en{letter-spacing: 0;}
}
/* sub_title */
.sub_title {text-align: center;margin-bottom: 35px;}
.sub_title h2 {font-size: 32px;line-height: 1.1;font-weight: 600;letter-spacing: -2pt;font-family: 'NanumSquare';}
.sub_title h2 span {color: #3288d8;}
.sub_title h2 p{font-weight: 300;font-size: 36px;margin-bottom: 14px;margin-top: 10px;font-family: 'Nanum Myeongjo';letter-spacing: -2pt;}
.sub_title h3 {font-size: 30px;line-height: 1.3;}
.sub_title h4 {font-size: 24px;font-family:'Noto Sans KR';font-weight: 300;}
.sub_title h3 p {font-weight: 300;font-size: 34px;margin-bottom: 5px;margin-top: 0;font-family: 'Nanum Myeongjo';letter-spacing: -2pt;}
.sub_title h2.s_no:before {display:none;}
.gray_bg {background: #f2f2f2;}
.bg .sub_title::before {background: #fff;}
.bg .sub_title .en {color: #fff;}
.bg .sub_title h2 {color: #fff;}
@media (max-width: 1200px) {
}
@media (max-width: 767px) {
.sub_title{margin-bottom: 20px;}
.sub_title .en{font-size: 10px;letter-spacing:2px;margin-bottom: 5px;}
.sub_title h2{font-size: 20px;letter-spacing: -1pt;}
.sub_title h2:before{font-size: 40px;margin-bottom: 10px;}
.sub_title h2 p{font-size: 18px;margin-bottom: 5px;letter-spacing: -1pt;line-height: 1.2;margin-top: 0;}
.section_bg .sub_title:before{height:50px}
.sub_title h3{font-size: 22px;letter-spacing: -1pt;}
.sub_title h3 p {font-size: 18px;letter-spacing: -1pt;margin-bottom: 5px;}
.sub_title h4{font-size: 16px;}
}
/* foot_banner */
.foot_banner {background: #f4f4f4;}
.foot_banner .inwrap {max-width: 1200px; margin:0 auto;}
.foot_banner .owl-carousel {max-width: 940px;/* float: right; */}
.foot_banner .owl-dots {position: absolute;z-index: 1;top: 0;right: -260px;width: 260px;}
.foot_banner .owl-dot{
font-size: 24px;
font-weight: 500;
}
.foot_banner .owl-dot a{display: block;/* padding: 51px 15px; */border-top: 1px solid #ccc;background: #546475;color:#fff;text-align: center;height: 135.5px;line-height: 135.5px;}
.foot_banner .owl-dot:first-child a {border:0}
.foot_banner .owl-dot.active a{background: #3288d8;/* color: #222; */}
/* 타블렛 (해상도 1200px 이하) */
@media (max-width: 1200px) {
}
/* 모바일 (해상도 767px 이하) */
@media (max-width: 767px) {
}
/* vod */
.auto_height {position: relative;width: 100%;height: 0;padding-bottom: 56.21%;margin-bottom: 0;}
.auto_height iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
@media (max-width: 1200px) {
}
@media (max-width: 767px) {
}
/* check_list */
.check_list li{font-size: 1em;margin: 10px 0 0;padding-left: 1.2em;font-weight: 300;}
.check_list li:before {font-family: 'LineAwesome';top: 0px;content: "\f17f";color: #3288d8;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;}
.check:before {font-family: 'LineAwesome';top: 0;content: "\f17f";color: #b38960;margin-right: 5px;left: 0;font-size: 19px;border:0;margin-left:0;font-size: 1em;position: relative;vertical-align: bottom;font-weight: 100;}
@media (max-width: 1200px) {
}
@media (max-width: 767px) {
.check_list li {font-size:1em;}
}
/* round_box */
.round_box {background: #fff;border-radius: 20px;border: 1px solid #eee;padding: 20px;text-align: justify;}
.round_box.box_line {border: 2px solid #6a5749;}
@media (max-width: 1200px) {
}
@media (max-width: 767px) {
.round_box {padding: 15px;margin: 0;border-radius: 10px;}
.round_box h5 {margin: 5px 0 10px;}
}
/* round_box_list */
.round_box_list {max-width: 900px;margin: 0 auto;}
.round_box_list li {margin-top: 30px;}
.round_box_list li .round_box {overflow:hidden;}
.round_box_list li .round_box > .num {float: left;background: #f2f2f2;font-size: 50px;width: 80px;height: 80px;text-align: center;line-height: 80px;border-radius: 100px;margin-right: 15px;color: #3288d8;font-weight: 600;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;font-family: 'Barlow';}
.round_box_list li .round_box h5 {font-weight: 600;font-size:24px;color: #333;margin-top: .5em;font-family: 'NanumSquare';}
.round_box_list li .round_box p {margin-bottom:0;padding-left: 98px;color: #666;margin: .5em 0;font-weight: 300;}
.round_box_list li:nth-child(3n+0) .round_box > .num{}
.round_box_list li:nth-child(3n+2) .round_box > .num{}
.round_box_list li .round_box .img_wrap {max-width: 240px;float: left;margin-right: 20px;line-height: 0;}
@media (max-width: 1200px) {
}
@media (max-width: 767px) {
/* round_box_list */
.round_box_list li{margin-top: 15px;}
.round_box_list li .round_box p{padding-left:0}
.round_box_list li .round_box > .num{width: 32px; height: 32px; font-size: 20px; line-height:32px; margin-right: 10px; }
.round_box_list li .round_box h5{font-size:18px;margin-top: .25em;}
.round_box_list li .round_box .img_wrap {max-width:100%;float:none;margin: 0 0 10px;}
.round_box_list li .round_box .img_wrap + h5 {text-align:center;}
}
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;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;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;}
@media (max-width: 1200px) {
}
@media (max-width: 767px) {
.dot_point::before, .dot_point::after{line-height:1.2em;display: none;}
}
/* line_step */
.line_step {text-align: center;display: flow-root;}
.line_step li{padding: 30px 40px 0;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;position: relative;}
.line_step li > div{border: 5px solid #00a8de;padding: 20px;border-radius: 30px;background: #fff;}
.line_step li > div .num{font-size: 2em;background: #00a8de;width: 60px;height: 60px;line-height: 60px;border-radius: 100px;color: #fff;left: 50%;position: absolute;margin-left: -30px;top: 0;}
.line_step li > div p{font-size: 1.5em;margin-top: .5em;}
.line_step li:before {content:'';width: 60px;border-top:3px dashed #b39d88;display:block;position:absolute;right: -20px;top: 50%;margin-top: 13px;}
.line_step li:after {content:'\E877';font-family:'icon_font';position:absolute;z-index:100;left: 16px;font-size:2em;top: 50%;margin-top: -5px;display: block;color: #b39d88;}
.line_step li:first-child:after, .line_step li:last-child:before {display:none;}
@media (max-width: 767px) {
.line_step {margin-top:-10px}
.line_step li{padding: 17px 5px 0;margin-top: 10px;}
.line_step li > div{border: 2px solid #b39d88;padding: 10px;border-radius: 10px;}
.line_step li > div .num{width: 40px;height:40px;line-height: 38px;font-size: 1.5em;margin-left: -20px;}
.line_step li > div p{font-size: 1.1em;margin-top: 15px;}
.line_step li:before {display: none;}
.line_step li:after{display: none;}
}
/* step_list */
.step_list{margin-top:-50px;/* display: flow-root; */}
.step_list li {position:relative;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;padding: 0 25px;margin-top:50px;}
.step_list li:after {content: '\E837';font-family: "icon_font";font-size: 2em;position: absolute;color: #959795;top: 50%;margin-top: -20px;right: -11px;}
.step_list li:last-child:after {display: none;}
.step_list li img {width:100%; display:block}
.step_list li .num {font-size: 1.5em;font-family: 'Barlow', sans-serif;background: #00a8de;color: #fff;text-align: center;width: 40px;height: 40px;position: absolute;line-height: 40px;font-weight: 600;}
.step_list li h5 {font-weight: 800;font-family: 'NanumSquare';margin-top: 10px;}
.step_list li p {padding: 15px;margin: 0;background: #f5f5f5;}
.step_list li h5 + p {padding:5px 10px 15px;margin: 0;}
.step_list li .text {background: #f2f2f2;padding: 20px 15px;}
.step_list.small{margin-left:-15px; margin-right:-15px;}
.step_list.small li{padding:0 15px}
.step_list.small li:after {font-size:25px;font-weight:100;margin-top: -70px;right: -8px;}
.gray_bg .step_list li p{background:#fff}
.gray_bg .step_list li .text {background: #fff;padding: 20px 15px;}
.step_list li .text p {padding:0;letter-spacing: -1pt;}
@media (max-width: 1200px) {
}
@media (max-width: 767px) {
.step_list{margin-top:-10px;}
.step_list li {padding: 0 0 0 10px;margin-top:10px;}
.step_list li:after {display: none;}
.step_list li .num{width:30px; height:30px; line-height:30px;}
.step_list li h5{line-height:1.2;font-size: 1em;}
.step_list li p{padding:8px 5px;}
.step_list.four li {width:50% !important}
.gray_bg .step_list li .text{padding:10px}
.step_list.small li{padding: 0 10px;}
}
/* num_list */
ul.num_list {max-width: 940px;margin: 0 auto;}
ul.num_list li {border-bottom: 1px solid #ddd;padding: 30px 20px;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: #3288d8;border-radius:100px;text-align: center;font-size: 48px;font-weight: 600;line-height: 57px;float: left;margin-right: 20px;}
ul.num_list li span.img {float: left; margin-right: 30px; }
ul.num_list li span.img img {border-radius: 100%;}
ul.num_list li span.img {margin: 0 30px 0 0;}
ul.num_list li span.img + dl > dt {padding-top: 70px;}
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', 'Noto Sans KR';font-size: 24px;color: #333;font-weight: 700;margin-bottom: 5px;text-align: left;}
ul.num_list dt p.box {background: #695c4f;display: inline-block;color:#fff;padding: 9px 30px 6px;border-radius: 100px;}
ul.num_list dt p.box > em {font-weight: 800;}
ul.num_list dt p.box > em:after {content: '';display: inline-block;width: 1px;height: 20px;background: #fff;margin:0 20px;vertical-align: middle;}
ul.num_list dd {padding-left: 80px;text-align: left;font-weight: 300;}
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}
@media (max-width: 1200px) {
}
@media (max-width: 767px) {
ul.num_list li{padding: 15px 0;}
ul.num_list dt{font-size:16px;line-height: 32px;margin-bottom: 0;padding-left: 43px;}
ul.num_list dd{padding-left: 0;padding-top: 5px;display: flow-root;width: 100%;float: none;}
ul li span.num{width: 32px;height: 32px;line-height: 32px;font-size: 24px;margin-right: 10px;margin: 0 10px 0 0;}
}
/* center_icon_list */
.center_icon_list{display: flow-root;margin-top: -30px;}
.center_icon_list > li {padding:10px;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;margin-top: 60px;}
.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: #f8f8f8;width: 90px;height: 90px;border-radius: 120px;line-height: 90px;color: #00a8de;text-align: center;margin: -80px auto 10px;}
.center_icon_list > li h5 {text-align:center;margin: 20px 0 10px 0;font-family: 'NanumSquare';font-weight: 600;}
.center_icon_list > li .round_box p {margin-bottom:0;margin-top: 0;font-weight: 300;}
.center_icon_list > li .num2 {font-size: 44px;display: block;background: #00a8de;width: 70px;height: 70px;border-radius: 120px;line-height: 70px;color: #fff;text-align: center;margin: -56px auto 20px;}
.center_icon_list > li h6 {text-align:center;font-family: 'NanumSquare';}
@media screen and (max-width: 767px) {
.center_icon_list{margin-top: 0;}
.center_icon_list.two > li {width: 100% !important;margin-top: 50px;padding: 0;}
.center_icon_list > li .round_box{height: auto;}
.center_icon_list.three > li{width:100% !important;padding:0;margin-top: 30px;}
.center_icon_list > li i{width: 60px;height: 60px;line-height: 56px;font-size: 2.5em;margin-top: -46px;}
.center_icon_list > li:nth-child(2) i, .center_icon_list li:nth-child(4) i {}
.center_icon_list > li .num2 {width: 40px;height: 40px;line-height: 40px;font-size: 2em;margin: -35px auto 10px;}
}
#sub .twentytwenty-container {border-radius: 30px;border: 3px solid #00a8de;}
/* 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}
@media screen and (max-width: 767px) {
.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: 20px;margin-top: 2em;border-top: 1px solid #ddd;padding-top: 40px;font-weight: 400;}
.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;}
.animated {-webkit-animation-duration: 2s;animation-duration: 2s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
.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-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-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-transition-delay: 5s; -moz-transition-delay: 5s; -o-transition-delay: 5s; transition-delay: 5s;}
@keyframes fadeOutDown {
from { opacity: 1; }
to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); }
}
.fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown;}
@-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-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-name: fadeInRight; animation-name: fadeInRight;}
@-webkit-keyframes slideInDown {
from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; }
to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}
@keyframes slideInDown {
from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; }
to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}
.animate__slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown;}
/* Sliding exits */
@-webkit-keyframes slideOutDown {
from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); }
}
@keyframes slideOutDown {
from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); }
}
.animate__slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown;}
@-webkit-keyframes flipInX {
from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; }
40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; }
60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; }
80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); }
to { -webkit-transform: perspective(400px); transform: perspective(400px); }
}
@keyframes flipInX {
from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; }
40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; }
60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; }
80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); }
to { -webkit-transform: perspective(400px); transform: perspective(400px); }
}
.flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX;}
@keyframes rotate_360{
100% {
transform: rotate(360deg);
}
}
.content_wrap{
padding-top: 40px;
max-width: 1200px;
margin: 0 auto;
background: var(--white);
padding-top: 140px;
padding-bottom: 100px;
min-height: 100vh;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
> section {
max-width: 1200px;
overflow: initial;
width: 100%;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 0 auto;
padding: 0 50px;
.inwrap{
h2{
text-align:center;
padding-top: 2em;
margin-bottom: .5em;
font-size: 2em;
font-weight: 800;
}
.title {
h3{
font-size: 2em;
margin-bottom: 1em;
font-weight: 800;
color: var(--main_color2);
padding: 0 20px;
}
h5{
font-size: 1.2em;
margin-bottom: 3em;
font-weight:400;
padding: 0 20px;
line-height: 1.6;
text-align: justify;
}
}
/* faq */
.faqWrap{
&:after{
display:none;
}
border-bottom: 1px solid #546475;
margin: 0 auto;
border-top: 3px solid var(--main_color2);
p {
margin: 0;
font-weight: 400;
}
> li {
.faq_q {
padding: 15px 20px;
position: relative;
z-index: 1;
background: #fff;
cursor: pointer;
border-top: 1px solid #546475;
font-size: 1.25em;
position: relative;
font-weight: 600;
&:after{
content:'\E835';
font-family:'icon_font';
position: absolute;
right: 20px;
top: 50%;
transform: translate(0, -50%);
}
&.q_active{
background: #f1f1f1;
&:after{
content:'\E836';
}
}
}
.faq_a {
display: none;
padding: 3em 0 0;
border-top: 1px solid #ddd;
background: #fff;
overflow: hidden;
position: relative;
> ul {
display:flex;
flex-direction: column;
border-bottom: 1px solid var(--line);
text-align: justify;
> li{
padding: 2em 0;
border-top:1px solid var(--line);
h5 {
margin-bottom: 1em;
font-size: 1.5em;
color: #005288;
}
> div{
display:flex;
gap:1em;
flex-direction: column;
> ul {
&:after{
display:none;
}
display:flex;
flex-direction: column;
gap: 1.5em;
line-height: 1.8;
font-size: 1.1em;
> li {
padding-left:20px;
&:before{
content:'●';
font-size:.5em;
margin-left: -15px;
position:absolute;
margin-top: 7px;
}
> ul.padding_left {
padding-left:4.5em;
> li{
}
}
}
> p {
}
}
> h6{
font-size: 1.1em;
margin-top: 1em;
color: var(--main_color2);
}
> p{
}
table{
width:100%;
text-align:center;
thead{
th{
font-size: 1.1em;
font-weight: 600;
border: 1px solid var(--line);
padding: .5em 0;
background: var(--bg);
vertical-align: middle;
}
}
tbody{
th{
padding: .5em 0;
border: 1px solid var(--line);
vertical-align: middle;
}
td{
border: 1px solid var(--line);
vertical-align: middle;
}
}
}
}
}
}
> h6{
text-align:center;
margin-top:2em;
margin-bottom: 2em;
font-weight: 400;
font-size: 1.3em;
line-height: 1.6;
}
}
}
}
}
}
}
@media screen and (max-width: 768px) {
header{
.inwrap{
h1{
a{
img{
max-width: 250px;
padding: 20px 0;
}
}
}
nav{
ul{
li{
font-size:1.2em;
a{
padding: 13px 0;
}
}
}
}
}
}
.content_wrap {
padding-top: 111px;
> section{
padding:0 15px;
.inwrap{
h2{
padding-top: 1em;
font-size: 1.5em;
margin-bottom: 1em;
}
.title{
margin-top: 1em;
h3{
font-size: 1.2em;
padding: 0;
margin-bottom: .5em;
}
h5{
font-weight: 400;
margin-bottom: 1.5em;
font-size: 1.1em;
padding: 0;
}
}
.faqWrap{
> li{
.faq_q{
padding: 1em 30px 1em 10px;
font-size: 1.15em;
&:after{
right: 10px;
}
}
.faq_a{
padding: 1em 0 0;
> ul{
> li{
> h5{
font-size: 1.3em;
}
> div{
font-size:1.1em;
> ul{
gap:1em;
font-size: 1em;
line-height: 1.6em;
> li{
> ul.padding_left{
padding-left: 0;
}
}
}
}
}
}
> h6{
font-size: 1.15em;
text-align: justify;
}
}
}
}
}
}
}
}