@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');
@import url('https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css');
@import url('https://fonts.googleapis.com/css?family=Cardo:400,700|Oswald:200,300,400,500,600,700|Roboto:100,300,400,500,700,900|Arizonia|Roboto+Condensed:300,400,700');
@import url('https://fonts.googleapis.com/css2?family=Text+Me+One&display=swap');
@font-face {
    font-family: 'Chosunilbo_myungjo';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/Chosunilbo_myungjo.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ChosunKm';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@1.0/ChosunKm.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
  font-family: 'Pretendard';
  src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Thin.woff') format('woff');
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: 'Pretendard';
  src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-ExtraLight.woff') format('woff');
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: 'Pretendard';
  src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Light.woff') format('woff');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'Pretendard';
  src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Pretendard';
  src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Medium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: 'Pretendard';
  src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-SemiBold.woff') format('woff');
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: 'Pretendard';
  src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Bold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: 'Pretendard';
  src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-ExtraBold.woff') format('woff');
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: 'Pretendard';
  src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Black.woff') format('woff');
  font-weight: 900;
  font-style: normal;
}



:root{
  --main_color:#C29981;
  --sub_color: #DEC3B3;
  --navy_color: #203866;
  --brown_color: #8A6651;
  --yellow_color: #FCF549;
  --white_color: #fff;
  --pen_color: #ffe580;
  --newColor3:#5EC6E8;
  --newColor1: #ff7903;
  --newColor2: #ffa552;
  --black: #222;
}


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;max-width: 1920px;/* overflow: hidden; */letter-spacing: -0.04em;position: relative;font-family: 'S-CoreDream';}
img {max-width: 100%;vertical-align: text-bottom;}
button {outline: none;}
b {font-weight: 600;}
p {font-weight: 300;/* color: #555; */line-height: 1.45;}
.under_line {text-decoration: underline;}
.mobile {display: none !important;}
.pc {display: ;}
.block {display:block !important;}
.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: #422311;}

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;/* max-width: 360px; */background: #fff;}
.gallery_pass h5 {color: #a28050;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: #422311;border: 1px solid #422311;color: #fff;}
.btn_green:hover {color:#fff;}
.btn_gray{background: #797979;border: 1px solid #797979;color: #fff;}
.btn_red{background: #77614d;border: 1px solid #77614d;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, h5, h6 {font-family: 'S-CoreDream';color: #181818;font-weight: 600;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;line-height: 1.4;}
h4 {font-size:30px;}
h5 {font-size:24px;font-weight: 500;}
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: 'Chosunilbo_myungjo';}
.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: #a28050 !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 {
 font-style: normal;
 position:relative;
 display: inline-block;
 z-index: 1;
 padding: 0 0;
}
p .pen, h5 .pen {/* font-weight:600; */}
.pen:after {
    content: '';
    display: inline-block;
    position: absolute;
    bottom: 20%;
    height: 50%;
    background-color: #ffdbaf;
    color:#222;
    z-index: -1;
    left: 0;
    width: 0;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    }
.pen_wrap:hover .pen {
    color: #24160c !important;
}
.pen_wrap:hover .pen:after , li:hover .pen:after {right: -10px; width: 100%}

/* .pen {background: linear-gradient(to right, rgba(255,255,255,0) 50%, #ffe460 50%);background-size: 200%;transition:all .5s;}
.pen_wrap:hover .pen .color_main {color:#222 !important;}
.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;}

.color_sub {color: #a28050 !important;}
.color_sub2 {color: #a28050 !important;}
.color_sub3 {color: #43bfda !important;}
.color_sub4 {color: #4dcfd2 !important;}
.color_gold {
/*   color: #FDE08D;background: -webkit-linear-gradient(top, #DF9F28, #FDE08D, #b47f1b);background: linear-gradient(top, #8f6B29, #FDE08D, #DF9F28);-webkit-background-clip: text;-webkit-text-fill-color: transparent; */
color:#a28050;
background-image: -moz-linear-gradient(left,  #88664c 0%, #a98061 50%, #fed590 100%); /* FF3.6-15 */
background-image: -webkit-linear-gradient(left,  #88664c 0%,#a98061 50%,#fed590 100%); /* Chrome10-25,Safari5.1-6 */
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
 }

.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.333333333333% !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%;}



@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: initial !important;}
    .block {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;line-height: 1em;}


    h1{font-size: 30px;letter-spacing: -0.04em;}
    h2{font-size: 26px;}
    h3 {font-size: 20px;}
    h4 {font-size: 18px;}
    h5 {font-size: 16px;}
    h6 {font-size: 14px;}


    .password {margin: 0 15px;padding: 30px 15px;border-radius: 15px;}
    .password h2{margin-bottom:20px}
    .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;}

}
.map_marker {text-align: center;padding: 5px 0;width: 150px;}
.map_marker p {margin:0;font-size: 1.2em;font-family: 'S-CoreDream';font-weight: 500;color: #a28050;}

/* layer_pop */

.layer_pop, .charge_layer_pop {position: fixed;z-index: 120;display: none;top: 84px;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: 0;top: 150px;z-index:310;display: none;right: 0;text-align: center;}
#pop img {/* display: block; *//* float: left; */max-width: 470px;max-height: 550px;}
#pop .cont {/* border: 5px solid #00337f; */overflow: hidden;}
#pop .close {/* background: #aaaaaa; *//* padding: 5px; */color: #fff;text-align: center;/* padding-top: 30px; */margin-top: 20px;}
#pop .close > form {
    display: inline-flex;
    align-items: center;
}
#pop .close label {cursor: pointer;display: inline-flex;align-items: center;padding: 0;}
#pop .close #check input[type=checkbox] + label:before {
    /* margin-top: -4px; */
    position: static;
    margin-right: 10px;
    margin-left: 0;
}
#pop .close #check input[type=checkbox]:checked + label:before{color:#fff;}
#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;margin-left: 10px;}
#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: 767px) {
  .layer_pop, .charge_layer_pop {top: 50px;position: fixed;width: 100%;height: 100%;z-index: 200;left: auto;margin: 0;}
  #pop {position: absolute;width: 300px;height: 300px;left: 50%;margin-left: -150px;top: 110px;margin-top: 0;z-index:310;display: none;}
  #pop .owl-nav{color: #fff;position: absolute;left: 0;right: 0;top: 130px;font-size: 4em;display: none;}
  #pop .owl-carousel .owl-nav button.owl-prev{left: -30px;position: absolute;}
  #pop .owl-carousel .owl-nav button.owl-next{right:-30px;position: absolute;}
  #pop .owl-dots{position:absolute;top: -40px; left:0; right:0 }
  #pop .owl-carousel button.owl-dot{ background:#fff; width:15px; height:15px; border-radius:100px; margin:0 3px; opacity:.5; }
  #pop .owl-carousel button.active {opacity:1;}
  #pop .close {margin-top: 10px;}
}

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

}


@media only screen and (max-width: 320px) {
  #pop .owl-carousel .owl-nav {display:none;}
}

#pop {
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  position: fixed;
  max-width: 680px;

  .new_popup{
    background: var(--navy_color);
  .owl-carousel{
    display: flex;
    justify-content: center;
    width: auto;
    .owl-stage-outer{
      max-width: 500px;
      .owl-item{
        /* width: 100% !important; */
      }
      .item{
        img{
          max-width: 500px;
          max-height: 700px;
        }
      }
    }
    .owl-dots{
      display: flex;
      flex-direction: column;
      justify-content: space-evenly;
      color: var(--white_color);
      width: 180px;
      gap: .5px;
      background: var(--main_color);

      .owl-dot{
        flex:1;
        display: flex;
        justify-content: center;
        align-items: center;
        background: var(--brown_color);
        &.active{
          background: var(--color_sub);
        }
      }
    }
  }
}
}

@media (max-width: 767px) {
  #pop{
    top: 40px;
    transform: translate(0%, 0%);
    max-width: 300px;
    
    .new_popup{
      .owl-carousel {
        display:flex;
        flex-direction: column;
        .owl-stage-outer{
          .item{
            img{
              max-width: 100%;
              max-height: 10000px;
              height: auto;
            }
          }
        }
        .owl-dots{
          position: relative;
          width: auto;
          display: flex;
          flex-direction: row;
          top: auto;
          .owl-dot{
            line-height:1.2;
            padding:10px 0;
            font-size: 12px;
          }
        }
      }
    }
      
    
  }
}


/* quick_menu */
.quick_menu {position:relative;top: 205px;right: 20px;position:fixed;z-index: 20;-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 {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;border-radius: 10px;overflow: hidden;}
.quick_menu > ul > li{}
.quick_menu > ul > li:before {content: '\E864';font-family:'icon_font';color: #9d7c5f;position: absolute;font-size: 5em;opacity: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:hover:before {}
.quick_menu > ul > li a {height: 80px;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: 80px;}
.quick_menu > ul > li a::before{display: inline-block;font-size: 32px;font-family: 'icon_font';margin-top: 10px;margin-bottom: 5px;}
.quick_menu > ul > li > a span {display: inline-block;width: 80px;}

.quick_menu > ul > li:nth-child(1) a::before{content: '\E862'; }/*진료시간*/
.quick_menu > ul > li:nth-child(1) a::before{content: '\E86B'; }/*전화상담*/
.quick_menu > ul > li:nth-child(1) a::before{content: '\E861'; }/*온라인상담*/
.quick_menu > ul > li:nth-child(1) a::before{content: url('../main/images/icon-chat-reserv_desk.svg'); height: 37px;}/*온라인상담*/
.quick_menu > ul > li:nth-child(2) a::before{content: '\E846';} /*카카오톡*/
.quick_menu > ul > li:nth-child(3) a::before{content: '\E8C9'; }/*네이버예약*/
/*.quick_menu > ul > li:nth-child(4) a::before{content: '\E85E';display: none;} 오시는길*/
.quick_menu > ul > li:nth-child(4) a::before{content: '\E864';}/*인스타그램*/

.quick_menu > ul > li:nth-child(1) > a{background: #fe6591;background: none;}
.quick_menu > ul > li:nth-child(1) > a{background: var(--main_color);}
.quick_menu > ul > li:nth-child(2) > a{background: #ffe700;color: #371e1f;}
.quick_menu > ul > li:nth-child(3) > a{background: #2db400;}
.quick_menu > ul > li:nth-child(4) > a{background: var(--newColor2);}
.quick_menu > ul > li:nth-child(5) > a{background: var(--white_color);font-size: 2em;border-radius: 100px;line-height: 15px;color: var(--newColor1);}

.quick_menu > div {width: 380px;float: right;border: 0;overflow: hidden;}


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

.talk_banner_div .talk_preview_area{display: block !important;}
.talk_banner_div .talk_preview_area .ico_talk_banner {display:none;}
.talk_banner_div .talk_preview_area .talk_banner_preview.on{border: 0;display: inline-block;height: 78px !important;max-width: 78px;}
.talk_banner_div .talk_preview_area .talk_banner_desc{font-weight: 400;font-size: 14px;margin-top: 6px;display: inline-block;margin-left: 0;color: #03c75a;font-family: 'S-CoreDream';line-height: normal;}
.talk_preview_area .talk_banner_preview:after{display: none !important;}
.talk_preview_area .talk_banner_link{border: 1px solid #03c75a;border-radius: 0 0 10px 10px;margin-bottom: 0;height: 78px;border-top: 0;}
.talk_banner_div .talk_preview_area .talk_banner_preview.on::before{content: '\e8ac';font-family: 'icon_font';font-size: 32px;display: block;margin-top: 12px;color: #03c75a;} 

.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: #9d7c5f;font-weight: 600;}
.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;font-size: 1.5em;color: #9d7c5f;}
.layerwrite h2 + i:hover{-webkit-transform: rotate(180deg);transform: rotate(180deg);}

.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{
    line-height: 1em;
}
.layerwrite .quick_counsel form p input[type=checkbox]:checked + label:before{}
.layerwrite .quick_counsel form input[type="submit"] {width: auto;background: #9d7c5f;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 {top: auto;bottom: 0px;width: 100%;left: 0;right: 0;z-index: 30;background: #fff;display: block;width: 48px;background: none;right: 5px;left: auto;bottom: 60px;}
  .quick_menu.f_nav{top:auto;display: none;right: 10px;}
  .quick_menu > ul{/* width:100%; *//* background: rgb(33 109 189); *//* height: 48px; */float: none;display: flex;flex-direction: column;gap: 3px;}
  .quick_menu > ul > li{/* float:left; */width: 48px;height: auto;background: none;padding: 0;border-radius: 100px;overflow: hidden;margin-bottom: 5px;}
  .quick_menu > ul > li:first-child{/* animation-name: color-effect2; *//* animation-duration: 1200ms; *//* animation-iteration-count: infinite; *//* background: #224187; */}
  .quick_menu > ul > li > a{height: 48px;width: 100%;display: block;/* background: none !important; */margin-bottom: 0;border-radius: 0;/* padding: 10px 0; */}
  .quick_menu > ul > li:nth-child(1) > a{/* background:none; */background: var(--brown_color);}
    .quick_menu > ul > li:last-child > a{border-left: 1px solid #fff;border-radius: 0;}
      .quick_menu > ul > li:nth-child(1) a::before{content: url('../main/images/icon-chat-reserv_desk_small.svg');}/*온라인상담*/
   .quick_menu > ul > li:nth-child(5) {/* border:1px solid #03c75a; */-moz-box-sizing: border-box;/* -webkit-box-sizing: border-box; *//* box-sizing: border-box; *//* background: var(--white_color); */}
  .quick_menu > ul > li > a span{opacity: 1;padding-top: 0;font-size: 11px;/* color: #fff; */width: auto;display: none;}
  .quick_menu > ul > li a::before {margin-top: 0px;/* padding-top: 5px; */display: inline-block;font-size: 26px;margin-right: 0;vertical-align: sub;}
  .quick_menu > ul > li:nth-child(3) a::before{/* color: #fff; */}
  .quick_menu.open{bottom:0;}
  .quick_menu > div{width:100%;height: 380px;}

.talk_banner_div .talk_preview_area .talk_banner_preview.on{height: auto !important;/* max-width: 100%; */width: 48px !important;padding: 10px 0;max-width: 80px;}
.talk_banner_div .talk_preview_area .talk_banner_preview.on::before{margin-top: 0px;/* padding-top: 5px; */display: inline-block;font-size: 26px;margin-right: 0;vertical-align: middle;}
.talk_banner_div .talk_preview_area .talk_banner_desc{margin: 0;font-size: 11px;display: none;}
.quick_menu > ul > li:nth-child(5) .talk_banner_div{width: 100%;}
.talk_preview_area{width: 100%;background: #fff;border: 0;}
.talk_preview_are{width:100%:}
.talk_preview_area .talk_banner_link{border: 0;border-radius: 0;width: 48px;height: auto;margin: 0;/* border-top: 1px solid #ddd; */}
  /* .quick_menu {display: block;top: auto;bottom: 0px;width: 100%;left: 0;right: 0;z-index: 20;background: #fff;}
  .quick_menu.f_nav{top:auto;display: none;}
  .quick_menu > ul{width:100%;border-radius: 0;}
  .quick_menu > ul > li{float:left;width: 25%;height: auto;background: none;}
  .quick_menu > ul > li:first-child{animation-name: color-effect2;animation-duration: 1200ms;animation-iteration-count: infinite;background: #423832;}
  .quick_menu > ul > li > a{height: auto;width: 100%;display: block;margin-bottom: 0;padding: 10px 0;}
  .quick_menu > ul > li:last-child > a{border-left: 1px solid #fff;border-radius: 0;}
  .quick_menu > ul > li:nth-child(5){-moz-box-sizing: border-box;padding: 0;background: #fff;}
  .quick_menu > ul > li > a span{opacity: 1;padding-top: 0;font-size: 12px;color: #fff;width: auto;}
  .quick_menu > ul > li a::before {margin-top: 0px;display: block;font-size: 26px;margin-right: 0;vertical-align: sub;margin-bottom: 0;margin-bottom: 3px;}
  .quick_menu > ul > li:nth-child(3) a::before{color: #fff;}
  .quick_menu.open{bottom:0;}
  .quick_menu > div{width:100%;height: 380px;}
  .talk_banner_div .talk_preview_area .talk_banner_preview.on{width: auto  !important;width: 100%;display: block;padding: 10px 0;max-width: 1000px;border-radius: 0;background: #03c75a;border-radius: 0;height: 70px !important;}
  .talk_banner_div .talk_preview_area .talk_banner_desc {margin-top: 0;font-size: 12px;color: #fff;}
  .talk_banner_div .talk_preview_area .talk_banner_preview.on::before {margin-top: 0;font-size: 26px;margin-bottom: 3px;color: #fff;}
  .talk_preview_area .talk_banner_link {height: auto;border: 0;border-radius: 0;} */

    

  .layerwrite{width:90%;margin-left:-45%;padding: 50px 5% 30px;top: 60px;}
  .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;  }
}
/* mobile_foot_quick */
.mobile_foot_quick{display: none;}

@media screen and (max-width:  767px) {
.mobile_foot_quick{display: flex;position: fixed;bottom: 0;z-index: 100;left: 0;right: 0;/* border-top: 1px solid #ccc; */}
.mobile_foot_quick li {width: 50%;text-align: center;border-left: 1px solid #ffca9a;}
.mobile_foot_quick li a{color: var(--white_color);display: block;padding: 5px 0;background: var(--newColor2);font-size: 12px;font-family: 'S-CoreDream';display: flex;align-items: center;justify-content: center;flex-direction: column;}    
.mobile_foot_quick li:nth-child(1) a{  animation-name: color-effect2;
  animation-duration: 1200ms;
  animation-iteration-count: infinite;
  background: var(--newColor1); border:0;}
  .mobile_foot_quick li:nth-child(2) a{/* background: #03c75a; *//* color: var(--white_color); */}    
.mobile_foot_quick li a i {font-size: 2em;margin-bottom: 5px;line-height: 28px;}
  .mobile_foot_quick li a i:before {margin: 0;}
  .mobile_foot_quick li a i.icon-chat-reserv{
     width: 28px;
     height: 28px;
     background: url(../main/images/icon-chat-reserv_desk.svg) no-repeat center/contain;
  }
}



.box_tit {background: #a28050;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 */
#main .title h2 {/* color: #686868; */}
#main .title:before{content: '\E83E';font-family:'icon_font';font-size: 60px;/* font-weight: 100; */display: block;margin-bottom: 20px;color: #C29981;font-size: 100px;}

.title {max-width: 1200px;margin: 0 auto 60px;position: relative;text-align: center;width: 100%;font-family: 'S-CoreDream';}
.title h2 em {font-size:.7em}
.title h2 {font-weight: 700;text-transform: uppercase;color: #333;line-height: 1.2em;/* font-size: 24px; */}
.title h2 span {/* color: #a28050; */}
.title h3 {/* margin-bottom: -40px; */}
.title h3 span{background: #fff;padding: 0 30px;border-radius: 10px;display: inline-block;}
.title h3:before {content:'';display:block;height:1px;background:#ccc;margin: 0 auto -30px;}
.title h6 {font-weight: 200;text-transform: uppercase;font-size: 14px;letter-spacing: .6em;}
.title.line h3 {background: #fff}
.title p {margin-top:0}
.bg .title.line h3 {background: #f8f8f8}
#sub .title  {margin-bottom: 100px;position: relative;}
#sub .title h5 {font-weight: 400;line-height: 1.2;margin-bottom: 0.4em;margin-top: 0.4em;}
#sub .title:before, #sub .title:after {content:'';width: 1px;height: 40px;display:inline-block;background: #6b594b;-webkit-transform: rotate(60deg);transform: rotate(60deg);position: absolute;left: 50%;bottom: -50px;margin-left: 17px;animation:titleani .7s infinite alternate;}
#sub .title:after{-webkit-transform: rotate(-60deg);transform: rotate(-60deg);margin-left: -17px;}

@keyframes titleani{
   0%{bottom:-65px;}
   100%{}
}

p.dots{margin:0}
p.dots:before {content: '\e840';font-family:'icon_font';color: #e8e5dc;}

@media (max-width: 1200px) {
}

@media (max-width: 767px) {
  .title{margin-bottom:30px}
  .title h2 {font-size:24px}
  .title h6{font-size: 10px;letter-spacing: .3em;}
  #sub .title  {margin-bottom: 50px;}
  .title:before{/* font-size:40px; *//* margin-bottom: 5px; *//* padding-left: 12px; */}
#main .title:before{font-size:60px}
  #sub .title:before, #sub .title:after {margin-top: 40px;height: 20px;margin-left: 8px;bottom: -25px;}
  #sub .title:after{margin-left: -8px;}
  .title h3 span{padding:0 10px;}
  .title h3:before{margin-bottom: -14px;}
  .title h3{margin-bottom:-20px}
  @keyframes titleani{
   0%{bottom:-32px;}
     100%{}
  }
}



/* background */
.bg {position: relative; overflow: hidden; background: #f8f8f8;}


/* header */
header {position: fixed;width: 100%;z-index: 90;/* top: 50px; */text-align: center;-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;overflow: hidden;}
header:hover {/* border-bottom: 1px solid #eaeaea; */}
header > .inwrap {margin: 0 auto;-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: 0 90px; */position: relative;/* background: rgba(36, 36, 39,.95); */filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#b2000000,endColorstr=#b2000000);/* padding-top: 30px; *//* top: 0; *//* position: fixed; *//* left: 0; *//* right: 0; */}
header > .inwrap:hover {background: var(--white_color);padding-top:0}
header > .inwrap:before {content:'';/* background:#fff; */width:100%;height: 78px;display:block;position:absolute;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;}
header > .inwrap:hover:before{/* border-bottom: 1px solid #eee; *//* height: 107px; *//* background: #fff; */}
header > .inwrap:before{/* border-bottom: 1px solid #eee; *//* height: 77px; *//* background: var(--newColor1); *//* opacity: 0; */}
header h1 {margin-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;position: absolute;font-size: 1.5em;left: 20px;z-index: 1;text-align: left;}
header h1 img {position: absolute;}
header:hover #logo, header.f_nav #logo{/* margin-top: -1px; */opacity: 1;}
header.f_nav #logo_w{opacity: 0;}
header > .inwrap:hover #logo_w{opacity: 0;}
header h1 > a {display: block;width: 180px;height: 38px;/* position: absolute; */z-index: 1;}

header > .inwrap:hover h1 > a, header.f_nav > .inwrap h1 > a {color: #444;}
header > .inwrap:hover h1 > a:hover {color:#444;}

header h1 img {-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: 180px;vertical-align:top;}
header h1 img#logo {
    opacity: 0;
}
header nav {position: relative;}
header nav:after {/* content:'\E83E'; */font-family:'icon_font';position:absolute;right: 50px;bottom: 10px;font-size: 15em;opacity: .1;z-index: 0;color: #fff;animation: rotate_360 5s linear infinite;transform-origin: 50% 50%;}
header nav:after div > ul > li:hover {}
header .lnb {-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;}
/* header .lnb:before {content:'';border-bottom: 1px solid #ddd;display:block;position:absolute;width: 100%;left: 0;margin-top: 48px;z-index: 100;} */
header .lnb > li > a {font-family: 'S-CoreDream';font-weight: 500;font-size: 18px;padding: 30px 20px;display: block;color: #fff;line-height: 1em;position: relative;z-index: 1;}
header:hover .lnb > li > a, header.f_nav .lnb > li > a{color: var(--black);}
header .lnb > li > ul {display: none}
header .lnb > li > a span:after{
    content: '';
    display: inline-block;
    position: absolute;
    bottom: 0;
    height: 2px;
    background-color: var(--newColo);
    /* color:#222; */
    left: 50%;
    z-index: -1;
    width: 0;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    }
header .lnb > li:hover > a span:after {left:0;right: -10px;width: 100%;}

/* header h1 .text::before{content: '\E8C1';font-family:'icon_font';font-size: 3em;font-weight: 100;vertical-align: middle;float: left;margin: -5px 10px 0 0;color: #b39d88;} */

/* header h1 .text {font-weight: 400;left: 50px;position: absolute;font-family: 'NanumSquare';font-size: 18px;line-height: 1.2;} */
header.open .lnb {float: none;text-align: center;width:100%;max-width: 1400px;margin: 80px auto;position: relative;z-index: 101;}
header.open .lnb > li{display: block;width: 200px;}
header.open .lnb > li > a {margin-left: 0;}

header.f_nav {/* margin-top: -30px; */}
header.f_nav > .inwrap{margin: 0;padding: 0;background: var(--white_color);}
header.f_nav > .inwrap:after{content:'';width:100%;position:absolute;/* border-bottom:1px solid #ddd; */left: 0;top: 78px;}
header.f_nav.open {height: auto;background: none;}
header.f_nav.open .lnb{margin-top: 20px;}
header.f_nav.open h1{margin-top: 100px;}
header.f_nav.open h1 img {height: auto;}

header .top_call {position: absolute;right: 20px;top: 20px;/* font-size: 30px; */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;width: 151px;letter-spacing: 0;text-align: right;display: block;}
header .top_call .tel{font-family: 'Barlow';font-weight:600;color: #fff;border: 1px solid #fff;border-radius: 100px;padding: 5px 20px;}
header > .inwrap:hover .top_call .tel, header.f_nav > .inwrap .top_call .tel{/* color:#444; *//* border-color:#444; */}
header .inwrap:hover .top_call {top:20px;}
header.f_nav .top_call {/* top:20px; */}
/* header .top_call .tel span:before {content:'\E865';font-family:'icon_font';margin-right: 10px;color: #d89294;font-size: 1.2em;} */
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;}
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.add {font-size: 20px;line-height:2;margin-top: 0px;font-weight:400;text-align: center;width: 100%;font-weight:600;}


header nav .lnb > li{font-size: 20px;font-weight: 800;-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-left: 1px solid #ddd; */-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;display: inline-block;vertical-align: top;min-width: 150px;}
header nav .lnb > li:last-child {/* border-right:1px solid #ddd; */}
header nav .lnb > li:hover > a {color: var(--black);/* background: #D89294; */}
header nav .lnb > li:hover > a:after {}
header nav .lnb > li > ul {display: none;width: 100%;position: relative;z-index: 11;padding: 20px 0 30px;border-left: 1px solid rgba(237, 239, 241, .1);height: 217px;}
header nav .lnb > li:first-child > ul {border:0}
header nav .lnb > li > ul > li{font-size: 16px;font-family: 'Noto Sans KR', sans-serif;}
header nav .lnb > li > ul > li > a {/* color: var(--white_color); */padding: 6px;display: block;font-weight: 400;vertical-align: middle;position: relative;/* padding-left: 20px; *//* font-family: 'NanumSquare'; */font-size: 16px;/* line-height: 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;}
header nav .lnb > li:hover{/* background: rgb(0 0 0 / 60%); */}
header nav .lnb > li > ul > li:hover > a {color: var(--newColor2);/* padding-left: 20px; */}
header nav .lnb > li > ul > li > a:after{content:'\E83E';font-family:'icon_font';/* 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;font-size: 12px;position: absolute;opacity: 0;margin-top: -7px;color: #fff;/* animation: rotate_360 2s linear infinite; *//* transform-origin: 50% 50%; */}
header nav .lnb > li > ul > li:hover > a:after{/* opacity: 1; *//* animation: rotate_3http://cbrortho.co.kr/html/introduce/sub_05.html60 2s linear infinite; *//* transform-origin: 50% 50%; */}
header nav .lnb > li > ul > li > ul {display:none;position: absolute;background: #fff;border-left:1px solid #eee;border-right:1px solid #eee;left: 50%;margin-top: -38px;margin-left: 110px;}
header nav .lnb > li > ul > li > ul > li {border-bottom: 1px solid #eee;padding: 7px 20px;}
header nav .lnb > li > ul > li > ul > li > a {font-size:16px;font-weight:400;display: block;}
header nav .lnb > li > ul > li > ul > li > a:before {margin-right:5px;}
header nav .lnb > li > ul > li > ul > li:hover > a {}

.sub_lnb {left: 0;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s; transition: all 0.3s; }
.sub_lnb.fix {top: 64px;}




@media (max-width: 1520px) {
}
@media (max-width: 1220px) {
}

@media (max-width: 767px) {
  header{height: 57px;text-align:center;min-width: 320px;z-index: 100;border-bottom: 1px solid #ddd;top: 0;background: #fff;}
  header > .inwrap:before {display:none;}
  header .inwrap{margin:0 15px;position: relative;background: #fff;padding-top: 0;}
  header h1{position:static;float:none;height: auto;margin: 10px auto 0;width: 100%;padding-bottom: 10px;text-align: center;}
  header h1 > a{width: 150px;display: inline-block;/* margin-left: -150px; */left: 15px;position: absolute;/* width: auto; */z-index: 1;}
  header h1 img, header h1 img#logo{/* max-width: 150px; */margin-top: 3px !important;width: 150px;opacity: 1;left: 0;}
  header h1 #logo_w{display:none}
  header .text{display: none;}
  header > .header{padding:15px 10px 6px;border-bottom:  0;}
  header .top_call {width:auto;right: 40px;top: -2px;}
  header .inwrap:hover .top_call{top:0}
  header .top_call .tel{border:0;}
  header .tel a {top: 1px;background: var(--newColor1);color: #fff;border-radius: 100px;right: 10px;width: 38px;height: 38px;margin: 0;line-height: 38px;font-weight:100;text-align: center;font-size: 2em;}
  header .tel a:before{content: '\E897';vertical-align: text-bottom;font-family: 'icon_font';}
  .menu_wrap{position:absolute;top: 7px;height: 25px;right: 60px;}
  .menu_wrap > a {
    /* display: block; */
    position: relative;
}
  .menu_wrap #menu_but span {/* width:25px; *//* height: 3px; *//* display: block; *//* background: var(--color_sub); *//* margin-top: 10px; */}
  .menu_wrap #menu_but:before, .menu_wrap #menu_but:after{content:'';width: 16px;height: 2px;display: block;background: #666666;position: relative;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;-webkit-transform: rotate(45deg);transform: rotate(45deg);top: 3px;border-radius: 10px;}
  .menu_wrap #menu_but:before {/* margin-top: 0px; */top: 12px;margin-left: -10px;}
  .menu_wrap #menu_but:after {margin-top: 7px;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}
  header.open .menu_wrap{
  top: -4px;
}
  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: 9px; */-webkit-transform: rotate(45deg);transform: rotate(45deg);}
    header:hover .lnb > li > a, header.f_nav .lnb > li > a{color:#444; }
header > .inwrap:hover{background:none;}
  header nav {/* display:none; */height: 0;position: fixed;overflow: hidden;-webkit-transition: all 0.3s sease-in-out;-moz-transition: all 0.3s sease-in-out;-ms-transition: all 0.3s sease-in-out;-o-transition: all 0.3s sease-in-out;transition: all 0.3 sease-in-out;}
  header .lnb{display:block}
  header .lnb:before{display: none;}
  header nav .lnb > li {display:block;padding: 0;text-align: left;width: auto;border-bottom: .5px solid #ccc;font-size: 16px;}
  header .lnb > li:hover > a span:after{display: none;}
    header nav .lnb > li > a{font-size:16px;padding: 15px;}
  header nav .lnb > li.has-sub > a::after {content: "\E868";font-family: "icon_font";font-style: normal;font-weight: normal;text-decoration: inherit;position: absolute;right: 15px;color: #666;left: auto;font-size: 1em;margin: 0;width: 20px;text-align: center;animation: none;opacity: 1;}
  header nav .lnb > li.has-sub.active {background:#ececec;}
  header nav .lnb > li.has-sub.active > a:after {content: "";border:0;line-height: 0;right: 18px;width: 15px;display:block;height: 1.5px;background: #666;margin-top: -10px;}
  
  header nav .lnb > li > ul{padding: 0 15px;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;margin:0 !important;width: 100%;}
  header nav .lnb > li > ul > li:after {display:none !important;}
  header nav .lnb > li > ul > li{display:block;float: none;margin-top: 0;border-top: 1px solid #fff;}
  header nav .lnb > li > ul > li:last-child {background:none;}
  header nav .lnb > li > ul > li > ul {position:relative;margin-left: 0;left: 0;margin-top: 0;background: #fff;margin-bottom: 15px;}
  header nav .lnb > li > ul > li > ul > li{padding: 5px 10px;border-top: 1px solid #fff;}
  header nav .lnb > li > ul > li > ul > li:last-child {border:0}
  header nav .lnb > li > ul > li > a{display:block;padding: 8px 0;width: auto;color: #444;}
  header nav .lnb > li > ul > li > a > span{float:right;margin-right: 3px;}
  header nav .lnb > li > ul > li.active > a > span:after{content:'\E876'}

  header nav .lnb > li > ul > li > a > span:after {content: '\E835';font-family: 'icon_font';float: right;margin-top: 5px;}

  header.open nav {/* position: fixed; *//* min-height: 100%; */width: 100%;z-index: 1001;display: block;top: 57px;height: auto;bottom: 0;left: 0;background: rgba(232, 232, 237, 0.4);overflow: auto;-webkit-backdrop-filter: blur(20px);backdrop-filter: blur(20px);}
  header.open nav:before {content:'';display:block;position: fixed;height:2px;background: #444;left:15px;right:15px;z-index: 1000;}
  header.open .lnb{width: auto;background: #fff;margin: 0;border-bottom: 15px solid var(--white_color);overflow-y: auto;}
  header.open .lnb > li{width: calc(100% - 30px);margin: 0 auto;}
    
  header.f_nav{margin-top:0
              }
}




/* footer */


footer {/* border-top:1px solid #ccc; */}
footer .inwrap:after { content: ""; display:block; clear:both;*zoom:1; }
.foot_counsel {background: url('../images/counsel_bg.png') no-repeat center top; overflow: hidden;margin-top: -50px;}
.foot_counsel .inwrap {max-width: 1400px; margin: 0 auto;}
.foot_counsel .speech_bubble{position: absolute;left: 50%;margin-left: -270px;color: #625043;text-align: center;margin-top: 110px;width: 201px;}
.foot_counsel .speech_bubble:after {content: '\E871'; font-family: 'icon_font';font-size: 12em; position: absolute;top: 0;left: 0;z-index: 0;}
.foot_counsel .speech_bubble object{position: relative;z-index: 2;margin-top: 36px;padding-left: 30px;}
.foot_counsel .speech_bubble p{position: relative;z-index: 2;color: #fff;margin-top: 5px;}
footer .foot_counsel .foot_form{padding: 160px 0 80px 0;width: 50%;float: right;}
footer .foot_counsel h6 {font-weight: 400; margin-bottom:20px;}
footer .foot_counsel h6 span {border-bottom:1px solid #444; }
footer .foot_counsel h3{font-weight: 600;font-size: 2.5em;line-height: 1.1;margin-bottom: 50px;}

footer .foot_counsel .foot_form ul{margin-top:-10px}
footer .foot_counsel .foot_form ul li {padding-left: 100px;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;margin-top: 10px;position: relative;}
footer .foot_counsel li dt {display: block;float: left;position: absolute;margin-left: -120px;border-bottom: 1px solid #262626;width: 100px;text-align: right;height: 44px;vertical-align: bottom;line-height: 60px;bottom: 0;font-weight: 600;}
footer .foot_counsel input[type='text'] {background: #fff;padding: 10px 5%;line-height: 40px;border:0;/* font-weight: 600; *//* margin-bottom: 10px; */font-family: 'S-CoreDream';font-size: 20px;border: 2px solid #625043;}
footer .foot_counsel input.name{width: calc(90% - 4px);}
footer .foot_counsel input.phone{width: calc(33% - 4px);padding: 10px 0;text-align: center;margin-left: .5%;}
footer .foot_counsel textarea {background: #fff;width: 60%;border: 0;height: 86px;font-family: 'S-CoreDream';padding: 10px 2.75%;line-height: 1.5;border: 2px solid #625043;color: #222;}
footer .foot_counsel textarea + button {background: #625043;font-family: 'paybooc';color:#fff;border:0;width: 33%;font-size: 1.2em;line-height: 1.2em;float: right;font-weight: 600;height: 115px;cursor: pointer;}
footer .foot_counsel textarea::-webkit-input-placeholder, footer .foot_counsel input::-webkit-input-placeholder {color: #c1c1c1;}

footer .foot_counsel textarea:-moz-placeholder, footer .foot_counsel input:-moz-placeholder { /* Firefox 18- */color: #c1c1c1;  }
footer .foot_counsel textarea::-moz-placeholder, footer .foot_counsel input::-moz-placeholder {  /* Firefox 19+ */color: #c1c1c1;  }
footer .foot_counsel textarea:-ms-input-placeholder , footer .foot_counsel input:-ms-input-placeholder{color: #c1c1c1;  }
footer .foot_counsel input:focus, footer .foot_counsel textarea:focus {background: #fff4ec;}

footer .foot_info {max-width: 1200px;margin: 100px auto;}
footer .foot_info h5.tit {font-weight: 800;font-family: Barlow;margin-bottom: .5em;font-size: 1.5em;}
footer .foot_info .tel {font-weight: 700;font-size: 3em;font-family: 'Barlow';line-height: 1;}
footer .foot_info ul li {float: left;}

footer .foot_info > ul > li:first-child {width: 30%;}
footer .foot_info > ul > li:last-child {width: 100%; float:right}
footer .foot_info ul li dt {width: 90px;display:inline-block;text-align: justify;-moz-text-align-last: justify;-webkit-text-align-last: justify;text-align-last: justify;margin-right: 10px;letter-spacing: 0;font-weight: 600;}
footer .foot_info ul li dd {display: inline-block;font-weight: 400;text-align: left;/* letter-spacing: 2px; */}
footer .foot_info ul li #map {width: 100%;height: 335px;margin-top: 20px;text-align: center;border: 1px solid #ccc;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}
footer .foot_info .foot_time li {line-height:2em;font-size: 19px;}


@media (max-width: 1200px) {

}

@media (max-width: 767px) {
  .foot_counsel{background-position: 22% top;background-size: 750px;margin-top: 0;overflow: inherit;}
  footer .foot_counsel .foot_form{width: auto;padding: 300px 20px 0;text-align: center;}
  footer .foot_counsel h3{font-size: 23px;margin-bottom: 30px;}
  footer .foot_counsel .foot_form ul li{padding-left: 70px;}
  footer .foot_counsel li dt {width: 60px;margin-left: -70px;}
  footer .foot_counsel input[type='text']{border-width: 1px;}
  footer .foot_counsel textarea{border-width: 1px;}
  footer .foot_counsel textarea + button{height: 108px;}
footer .foot_counsel input.name{width: calc(90% - 2px);}
footer .foot_counsel input.phone{width: calc(33% - 2px);padding: 10px 0;text-align: center;margin-left: .5%;}


  .foot_counsel .speech_bubble{margin-left:0;margin-top: -20px;width: 130px;}
  .foot_counsel .speech_bubble object{width: 50px;margin-left: -20px;margin-top: 20px;}
  .foot_counsel .speech_bubble:after{font-size: 10em;}
  .foot_counsel .speech_bubble p{line-height: 1.2;}


   footer .foot_info{margin: 50px 20px;text-align: center;}
  footer .foot_info > ul > li:first-child{width:100%;}
  footer .foot_info > ul > li:last-child{width:100%;}
    footer .foot_info ul li{width:100% !important; }
  footer .foot_info ul li dt{width: 82px;letter-spacing: 0;}
  footer .foot_info > ul > li:last-child{/* margin-top: 50px; */}
  footer .foot_info .foot_time li{font-size:1.2em;}
  footer .foot_info ul li #map{height:150px}
}


@media (max-width: 374px) {
}



/* info */
footer .copy {background: #322e2c;width: 100%;overflow:  hidden;color: #fff;font-size: 15px;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;text-align: center;}
footer .copy .inwrap{max-width: 1400px;margin:0 auto;padding: 40px 0 130px;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;font-size: 12px;}
footer .copy .inwrap address {color: #8f8f8f;letter-spacing: 0;font-family: 'Barlow', 'Noto Sans KR';/* margin: 20px 0 0; */}
footer .copy .inwrap address p {/* display: inline-block; */margin: 0;}
footer .copy .inwrap address span {margin-left:15px}

footer .foot_lnb_wrap {background: #f5f5f5;padding: 60px 0;}
footer .foot_lnb_wrap .inwrap {max-width: 1321px;margin: 0 auto;}
footer .foot_lnb {/* float:right; *//* border-left: 1px solid #555555; */display: flex;/* padding-left: 50px; */justify-content: center;gap: 90px;}
footer .foot_lnb:after{display:none;}
footer .foot_lnb > li {float:left;/* width: 14.285%; *//* padding-left: 20px; */}
footer .foot_lnb > li > a {/* color:#d0d0d0; *//* border-bottom:1px solid #555555; */padding-bottom: 15px;display: block;margin-bottom: 15px;/* padding: 0 7px 0 42px; */position: relative;/* min-width: 110px; */}
footer .foot_lnb > li > a:after{content:'';display:block;width: 25px;height:1px;background: #6e6e6e;bottom: -1px;/* position: absolute; */margin-top: 10px;}
footer .foot_lnb > li > ul > li > a{color:#8f8f8f;font-size: 14px;line-height: 1.8;display: block;/* padding-left: 43px; */}
footer .foot_lnb > li > ul > li > ul {display:none;}
/* 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: 20px 0 75px;}
  footer .copy .inwrap > div{float:none}
  footer .copy .inwrap address{margin:0;}
  footer .copy img{display:none;}
footer .foot_lnb_wrap {display:none;}
}


@media (max-width: 374px) {
 }


/* charge */
#charge_but {cursor: pointer;background: #717171;padding: 0 10px;border-radius: 40px;display: inline-block;margin-top: 20px;margin-left: 0;color: #fff;padding: 5px 15px;}
.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: #c29981;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: #a28050;}
.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{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 {max-width: 1200px;overflow: initial;width: 100%;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;margin: 0 auto;}

.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: 150px;padding-top: 150px;}
.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: 40px 0 40px;}
  .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: 10px !important;}

}


/* sub_visual */
.sub_visual {background-position: top center;background-size: cover;text-align: center;max-width: 1920px;overflow: hidden;}
.sub_visual > div {height: 700px;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;margin-top: 230px;}
.sub_tit > div {display:inline-block;position: relative;}
.sub_tit > div:after{right:0; border-left:0}
.sub_tit h1 {color: #fff;margin: 10px 0;line-height: 1;}
.sub_tit h1 span {color: #a28050;
    background-image: -moz-linear-gradient(left, #88664c 0%, #a98061 50%, #fed590 100%);
    background-image: -webkit-linear-gradient(left, #88664c 0%,#a98061 50%,#fed590 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;}
.sub_tit h4 {color:#fff; font-weight:300}
.sub_tit h5 {color: #fff;font-weight: 300;}
.sub_tit h5 span {font-weight:600}
.sub_tit h5:before{content:'';width: 1px;height: 80px;background: #fff;display: block;margin: 40px auto;}
.sub_tit p.en {color: #acacac;margin-top: 0;letter-spacing: 0.7em;text-transform: uppercase;font-size: .8em;}

@-webkit-keyframes bummer {
    100% {
        -webkit-transform: scale(1,1);
    }
}

@keyframes bummer {
    100% {
        transform: scale(1,1);
    }
}
.sub_nav  {position: fixed;z-index: 5;top: 619px;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;padding: 15px;border-radius: 0;background: #fff;width: 200px;/* border-radius: 20px; */}

.sub_nav.f_nav {top: 150px;left: 0;margin-left: 0;}
.sub_nav > li:first-child {background: linear-gradient(top, #8f6B29, #FDE08D, #DF9F28);background: #625043;color: #fff;padding: 15px 0;font-size: 26px;font-weight: 600;text-align: center;/* margin-bottom: 10px; *//* border-bottom: 1px solid #ccc; *//* border-top: 1px solid #ccc; */font-family: 'S-CoreDream';}
.sub_nav > li > a {color: #444;padding: 20px 0px 20px 30px;display: block;font-weight: 400;border-top: 1px solid #ccc;position: relative;line-height: 1em;font-family: 'S-CoreDream';}
.sub_nav > li:last-child > a{border-bottom: 1px solid #ccc;}
.sub_nav > li > a::before {content: '\E837';font-family: 'icon_font';position: absolute;margin-left: -20px;font-size: 20px;color: #ccc;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;}
.sub_nav > li > a::after {font-family: 'icon_font';position: absolute;left: 13px;color: #fff;font-size: 10px;margin-top: 0;}
.sub_nav > li:hover > a, .sub_nav > li > ul > li:hover a{color: #a28050;font-weight: 500;}
.sub_nav > li.active > a, .sub_nav > li > ul > li.active a{color: #a28050;font-weight: 500;}

.sub_nav > li:hover > a::before, .sub_nav > li.active > a::before{color: #a28050;}
.sub_nav > li > ul > li{}
.sub_nav > li > ul > li a {padding: 10px 0px 10px 30px;display: block;border-top: 1px dashed #ccc;}
.sub_nav > li > ul > li a:before {content:'-';font-family:'icon_font';position:absolute;margin-left:-15px;}


@media (max-width: 1600px) {
.sub_nav {display: none;}
}

@media (max-width: 767px) {
.sub_visual{height: 210px;margin-top: 58px;}
.sub_visual > div{height: 210px;}
.sub_tit{margin-top: 86px;}
.sub_tit h1 {margin-bottom:5px;}
.sub_tit h4{font-size:15px}
.sub_tit h5{font-size:14px;}
.sub_tit h5:before{height:30px;margin: 10px auto;}
.sub_tit p.en{letter-spacing: .1em;}
  .sub_tit ul li{min-width: 86px;margin: 5px 0;line-height: 1.1em;font-size: 12px;}
  .sub_tit ul li::before{font-size:3em;line-height: 1em;margin: 5px 0;}

}




/* sub_title */
.sub_title {text-align: center;margin-bottom: 35px;}
.sub_title h2 {font-size: 32px;line-height: 1.3;font-weight: 600;}
.sub_title h2 span {color: #a28050;}
.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-weight: 400;}
.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: #a28050;/* color: #222; */}

/* 타블렛 (해상도 1200px 이하) */
@media (max-width: 1200px) {

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

}



/* vod */
.auto_height {
  padding-bottom: 56.21%;
  width: 100%;
  position: relative;
  overflow: hidden;
}

.auto_height iframe,
.auto_height embed,
.auto_height video {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 50%;
  /* z-index: -1; */
  transform: translate(0%,-50%);
}

@media (max-width: 1200px) {

}
@media (max-width: 767px) {
  .auto_height{
    /* height: calc(100vh - 105px); */
    display: block !important;
}
  .auto_height iframe, .auto_height embed, .auto_height video{
    transform: translate(0%, -66%);
}

}


/* full_img_left */
/* .full_img_left {margin-top: 100px;position: relative;}
.full_img_left .img{width: 60%;overflow: hidden;position: relative;border-radius: 0 30px 30px 0;}
.full_img_left .img img{-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: block;}
.full_img_left .img:hover img{transform: scale(1.03);}
.full_img_left .img .tit{color:#fff;position:absolute;text-align:center;left: 0;top: 50%;margin-top: -20px;z-index: 1;right: 0;padding-right: 5%;}
.full_img_left .img .tit h3{color:#fff;font-size:70px;font-weight: 400;}
.full_img_left .img .tit h3:after {content:''; background:#fff; width:100px; height:4px; display:block;  margin:20px auto 40px;}
.full_img_left .img .tit p {font-size:22px;}
.full_img_left .text{width: 50%;position: absolute;right: -1px;top: 0;background: #fff;border: 1px solid #f1ebe7;padding: 100px;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;top: 14%;border-radius: 30px 0 0 30px;}
.full_img_left .text h5 {font-size: 26px;font-family: 'NanumSquare';font-weight: 400;margin-bottom: 10px;}
.full_img_left .text h4 {font-size: 40px;font-weight: 600;letter-spacing: -1pt;}
.full_img_left .text h4:after {content:'';height:3px;width: 140px;background:#aa896a;display:block;margin-top: 50px;margin-bottom: 50px;}
.full_img_left .text h4 span {color:#aa896a}
.full_img_left .text p {font-size: 20px;font-family: 'Noto Sans KR';font-weight: 300;margin-top: 00;}
.full_img_left .text p span {color:#aa896a; font-weight:600;}
.full_img_left .text a {background: #aa896a;color: #fff;padding: 5px 15px;font-family: 'Nanum Myeongjo';margin-top: 50px;display: inline-block;}

@media (max-width: 1200px) {

}

@media (max-width: 767px) {
  .full_img_left{margin-top:0px}
  .full_img_left .img{width: 100%;border-radius: 0;}
  .full_img_left .text{width:100%;border-radius:0;right:0;border:0;position: static;padding: 30px 15px 50px;}
  .full_img_left .text h4{text-align: center;font-size: 24px;}
  .full_img_left .text h4 span{font-size:24px;padding: 0;}
  .full_img_left .text h4:after{width: 50px;margin: 20px auto;height: 2px;}
  .full_img_left .text h5{font-size:18px}
  .full_img_left .text p{font-size: 15px;text-align: justify;}
} */

/* full_img_left */
.full_img_left {margin-top: 100px;position: relative;max-width: 1200px;margin: 100px auto 0;}
.full_img_left .img{width: 60%;overflow: hidden;position: relative;border-radius: 30px;}
.full_img_left .img img{-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: block;max-width: 120%;/* margin-left: -100px; */}
.full_img_left .img:hover img{transform: scale(1.03);}
.full_img_left .img .tit{color:#fff;position:absolute;text-align:center;left: 0;top: 50%;margin-top: -20px;z-index: 1;right: 0;padding-right: 5%;}
.full_img_left .img .tit h3{color:#fff;font-size:70px;font-weight: 400;}
.full_img_left .img .tit h3:after {content:''; background:#fff; width:100px; height:4px; display:block;  margin:20px auto 40px;}
.full_img_left .img .tit p {font-size:22px;}
.full_img_left .text{width: 50%;position: absolute;right: -1px;background: #fff;border: 1px solid #f1ebe7;padding: 80px 60px;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;top: 80px;border-radius: 30px;/* margin-top: -18.5%; */}
.full_img_left .text h5 {font-size: 26px;font-weight: 400;margin-bottom: 10px;}
.full_img_left .text h5.dots_text {font-family: 'Nanum Myeongjo'}
.full_img_left .text h6.dots_text {font-size: 20px;}
.full_img_left .text h4 {font-size: 36px;font-weight: 600;letter-spacing: -1pt;}
.full_img_left .text h4:after {content:'';height:3px;width: 140px;background: #a28050;display:block;margin-top: 25px;margin-bottom: 30px;}
.full_img_left .text h4 span {color: #a28050;}
.full_img_left .text h4 > em {font-size: .6em; font-weight: 400}
.full_img_left .text p {font-size: 18px;/* color: #444; */font-family: 'Noto Sans KR';font-weight: 300;margin-top: 00;letter-spacing: -.5pt;}
.full_img_left .text p span {color: #a28050;font-weight: 400;}
.full_img_left .text a {background: #00a8de;color: #fff;padding: 5px 15px;font-family: 'Nanum Myeongjo';margin-top: 50px;display: inline-block;}

@media (max-width: 1200px) {

}

@media (max-width: 767px) {
  .full_img_left{margin-top:0px}
  .full_img_left .img{width: 100%;border-radius: 0;}
  .full_img_left .text{width:100%;border-radius:0;right:0;border:0;position: static;padding: 30px 0 0;}
  .full_img_left .text h4{text-align: center;font-size: 24px;}
  .full_img_left .text h4 span{font-size:24px;padding: 0;}
  .full_img_left .text h4:after{width: 50px;margin: 15px auto 20px auto;height: 2px;}
  .full_img_left .text h5{font-size:18px}
  .full_img_left .text p{font-size: 15px;text-align: justify;}
  .full_img_left .img img{max-width:100%;margin:0;border-radius: 15px;}
}


/* img_left */
.img_left{overflow: hidden;position: relative;background: #f9f9f9;border-radius: 30px;}
.img_left div > img {display: block;position: absolute;right: 50%;}
.img_left > div:first-child {width: 50%;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;float: right;overflow: hidden;padding: 80px 40px;/* background: #f2f2f2; */}
.gray_bg .img_left > div:first-child {background:#fff;}
.img_left span.num {font-family: 'Barlow';width: 60px;height: 60px;color: #fff;background: #a28050;border-radius: 0 0 100px 100px;text-align: center;font-size: 48px;font-weight: 600;line-height: 57px;display: block;position: absolute;left: 50%;margin-left: -30px;z-index: 1;top: 0;}
.img_left > div:last-child {width: 50%;}
.img_left p {text-align: justify;margin-top: 10px;/* font-weight: 300; */line-height: 1.45;}



@media (max-width: 1200px) {

}

@media (max-width: 767px) {
  .img_left {border-radius: 10px;}
  .img_left > div {width: 100% !important;padding:0;left: auto !important;right: auto !important;float: none !important;}
  .img_left > div:first-child{padding: 30px 15px;}
  .img_left p{margin-top: 10px;}
  .img_left div > img{margin: 0 0;position:relative;max-width: 100%;display: block;right: 0;}
  .img_left h3 {text-align:center;}
  .img_left span.num{position:relative;width: 40px;height: 40px;font-size: 30px;line-height: 37px;margin-top: -30px;margin-bottom: 20px;}
  .img_left h4 {text-align:center}
}




/* img_right */
.img_right{overflow: hidden;position: relative;background: #f9f9f9;border-radius: 30px;}
.gray_bg .img_right {background:#fff;}
.img_right span.num {font-family: 'Barlow';width: 60px;height: 60px;color: #fff;background: #a28050;border-radius: 0 0 100px 100px;text-align: center;font-size: 48px;font-weight: 600;line-height: 57px;display: block;position: absolute;left: 50%;margin-left: -30px;z-index: 1;top: 0;}

.img_right img {position: absolute;left: 50%;}
.img_right > div:first-child {width: 50%;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;float: left;overflow: hidden;padding: 80px 40px;}
.img_right > div:first-child > div {max-width: 550px;float:right;width: 100%;margin-top: 0;}
.img_right > div:last-child {}
.img_right p {text-align: justify;}


@media (max-width: 1200px) {

}

@media (max-width: 767px) {
  .img_right{border-radius:10px;}
  .img_right h4{text-align:center;}
  .img_right > div {width: 100% !important;padding:0;left: auto !important;right: auto !important;float: none !important;}
  .img_right h4 > i{margin-bottom:20px}
  .img_right > div:first-child{padding: 30px 15px;}
  .img_right img{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 h2{/* padding-top:20px */}
  .img_right .sub_title::before{display:block;}
  .img_right .sub_title h2:before, .img_right .sub_title:after{display:block;}
  .img_right .sub_title .en{display:block}
  .img_right h5 {text-align:center;}
  .img_right span.num{position:relative;width: 40px;height: 40px;font-size: 30px;line-height: 37px;margin-top: -30px;margin-bottom: 20px;}


}

/* dots_text */
.dots_text {font-weight: 400;line-height: 1.6;text-align: center;margin: 3em 0 1em;display: inline-block;}
.dots_text::before, .dots_text::after {font-size: 4em;line-height: 0;opacity: 0.3;color: #a28050;font-weight: 800;position: absolute;}
.dots_text::before {content: '“';margin-left: -.5em;margin-top: 18px;}
.dots_text::after {content: '”';bottom: -40px;}

@media (max-width: 767px) {
  .dots_text{margin-top: 2em;}
  .dots_text::before{margin-top: .5em;margin-left: -.6em;}
  .dots_text::after{bottom: -10px;margin-left: .1em;}

}

.circle {border-radius: 1000px;}

/* padding_box */
ul.padding_box {display: flow-root;margin: 0 auto;text-align: center;}
ul.padding_box > li {padding:0 15px ; -moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}
ul.padding_box > li h6{font-size: 22px;font-weight:600;text-align: center;}

@media (max-width: 1200px) {

}
@media (max-width: 767px) {
  ul.padding_box > li{padding:0 5px}
  ul.padding_box > li h6{font-size:16px}
}

/* sub_diary */
.sub_diary .inwrap {max-width: 1300px;}
.sub_diary .main_tit h3{margin-bottom:50px;}
.sub_diary .main_tit h3:before {margin-top:-50px;}
.sub_diary img {display: block;}
.sub_diary ul.owl-carousel {margin-top: 40px; margin-bottom:40px;}
.sub_diary li {text-align: center;}
.sub_diary li .text {display: block;padding: 15px 20px;text-align: left;line-height: 1.4;font-family:  'Noto Sans KR';font-size: 20px;color: #222;font-weight: 600;letter-spacing: -.8pt;}
.sub_diary li .text:after {content:'MORE';display: block;margin-top: 15px;font-size: 15px;font-weight: 700;color: #8e7b66;}
.sub_diary li .text:before {content: '\E837\E837';position:absolute;font-family: 'icon_font';bottom: 15px;left: 59px;font-size: .7em;letter-spacing: -1px;font-weight: 400;color: #8e7b66;}
.sub_diary li a:hover .text:before, .sub_diary li a:hover .text:after {color:#8e7b66;}
.sub_diary li > a {position:relative;box-shadow: 10px 10px 10px -6px rgba(0, 0, 0, 0.3);display: block;margin: 10px 15px;border: 1px solid #eee;background: #fff;}
.sub_diary li > a > div.img{position: relative;}
.sub_diary .owl-carousel .owl-nav.disabled{}
.sub_diary .owl-carousel .owl-nav button.owl-next, .sub_diary .owl-carousel .owl-nav button.owl-prev{ width: auto; height: auto; background: none;}
.sub_diary .owl-carousel .owl-nav button.owl-next::before,  .sub_diary .owl-carousel .owl-nav button.owl-prev::before {content: "\E859";font-family: 'icon_font';font-size: 60px;color: #ccc;}
.sub_diary .owl-carousel .owl-nav button > span {display: none;}
.sub_diary .owl-carousel .owl-nav button.owl-next::before{content: "\E85A"}
.sub_diary .owl-carousel .owl-nav button.owl-prev{left: -50px;position: absolute;margin-top: -280px;}
.sub_diary .owl-carousel .owl-nav button.owl-next{position: absolute;right: -50px;margin-top: -280px;}
.sub_diary .but {font-size: 24px;background: #6a5749;color:#fff;padding: 14px 25px;display: inline-block;letter-spacing: -1pt;font-weight: 600;margin-top: 40px;}
.sub_diary .but:after {content:'\E8C5';font-family:'icon_font';font-size: 8px;margin-left: 20px;}


@media (max-width: 1200px) {

}
@media (max-width: 767px) {
    .sub_diary ul.owl-carousel{margin-top:20px;margin-bottom: 20px;}
    .sub_diary ul.bf_list > li{margin-top:0}
    .sub_diary li > a {margin: 0 3px;box-shadow: none;border: 1px solid #ddd;}
    .sub_diary li .text{padding: 10px;font-size: 12px;}
    .sub_diary li .text:after {margin-top: 5px;font-size: 11px;}
    .sub_diary li .text:before {bottom: 9px;left: 43px;}
    .sub_diary .but{font-size: 16px;margin-top: 20px;padding: 10px 20px;}
    .sub_diary .but:after{font-size:4px;margin-left: 10px;}
}

.vs {overflow: hidden;position: relative;}
.vs > li h4{margin-bottom: -25px;font-weight: 400;}
.vs > li h4 > span {margin-bottom: 0;position: relative;background: #a28050;color: #fff;padding: 10px 20px;line-height: 1em;display: inline-block;border-radius: 10px;}
.vs > li:first-child h4 >span {background: #24160c;}
.vs > li > div{margin: 0 20px;}
.vs > li:first-child:after {content: 'vs';position: absolute;left: 50%;margin-left: -50px;top: 50%;margin-top: -60px;font-size: 4em;background: #ddbd92;display: block;color: #fff;width: 100px;height: 100px;line-height: 81px;border-radius: 100px;letter-spacing: -1px;padding-right: 0px;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}
.vs > li > div{border: 2px solid #999;border-radius: 30px;padding: 50px 40px 40px;}
.vs > li hr{padding-bottom: 20px;border-bottom: 2px dashed #ccc;margin-bottom: 20px;border-top: 0;}
.vs > li > div img {border-radius: 10px;}
.vs > li > div h5 + p {margin-top: 5px;}

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

  .vs > li:first-child:after{width: 50px;height: 50px;font-size: 40px;line-height: 40px;margin-left: -25px;top: 120px;}
  .vs > li > div{padding: 40px 10px 10px;margin: 0 5px 0 0;border-radius: 10px;}
  .vs > li:last-child > div{margin: 0 0 0 5px;}
  .vs > li h4 > span{margin-top:0;padding: 5px 10px;line-height: 1.4;border-radius: 5px;}
  .vs > li h5 {letter-spacing: -1px;font-size: 15px;margin-bottom: 5px;}
  .vs > li > div h3{margin-bottom: 10px;border-bottom: 1px dashed #ccc;padding-bottom: 10px;}
  .vs > li > div img{border-radius: 5px;}
  .vs > li > div p{letter-spacing: -1px;margin-top: 0;margin-bottom: 10px;}
  .vs > li hr{padding-bottom: 0;border-width:1px;margin-bottom:10px;}

}


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

.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: 2;border-radius: 100px;text-align: center;line-height: 60px;top: 50%;margin-top: -60px;color: #222222;padding-left: 5px;right: -30px;}
.bf_box ul li:first-child img{border-radius: 20px 0 0 0;}
.bf_box ul li:last-child img{border-radius: 0 20px 0 0;}
.bf_box ul li p {background:#ccc;line-height: 3em;text-align: center;border-radius: 0 0 0 20px;margin: 0;}
.bf_box ul li:last-child p {background: #a28050;color:#fff;border-radius: 0 0 20px 0;}
.bf_box h4 {text-align: center;font-size: 20px;margin: 20px 10px 10px;}

.bf_list .bf_box ul li:last-child div{position:relative;}
.bf_list .bf_box ul li:last-child div:before{content: '연세라온치과';font-family:'icon_font','Noto Sans KR';color: #fff;position: absolute;font-size: 1.2em;z-index: 3;left: 0;top: 54%;right: 0;text-align: center;}
.bf_list .bf_box ul li:last-child div:after{content:'';background: #000;opacity: .75;display:block;position:absolute;z-index:1;left: 0;right: 0;top: 0;bottom: 0;width: 100%;line-height: 100%;text-align: center;border-radius: 0 10px 0 0;}


@media (max-width: 1200px) {

}

@media (max-width: 767px) {
  .bf_list{margin-top: -20px;}
  ul.bf_list > li {padding:0 5px;width: 100% !important;margin-bottom: 0;margin-top: 20px;}
  .bf_list li .bf_box ul li:first-child:after{margin-top:0;top: 30%;}
  .bf_box ul li p {line-height: 2.4em;border-radius: 0 0 0 10px;}
  .bf_box ul li:last-child p{border-radius: 0 0 10px 0;}
  .bf_box ul li:first-child:after{width: 35px;height: 40px;right: -20px;margin-top: -20px;line-height: 40px;}
  .bf_box h4 {margin: 10px 5px 0;font-size: 16px;}
  .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;}


}





/* circle_list */
.circle_list {text-align: center;color: #333;margin-top:-20px;display: flow-root;}
.circle_list.inline li {display:inline-block}
.circle_list li {-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;padding: 0 10px;margin-top: 20px;}
.circle_list li > div{background: #fff;border-radius:500px;padding: 34px 0 44px;}
.circle_list li > div.circle {width: 260px;height: 260px;margin: 0 auto;font-size: 1.3em;background: #a28050;color: #fff;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;overflow: hidden;position: relative;border: 5px solid #a28050;}
.circle_list li:nth-child(2n) > div.circle {background: #422311;border-color: #422311;}
/* .circle_list li:nth-child(4n-1) > div.circle{background: #77614d;border-color: #77614d;}
.circle_list li:nth-child(4n) > div.circle{background: #5a4d40;border-color: #5a4d40;} */
.circle_list li > div.circle h4{color:#fff;/* font-family: 'NanumSquare'; */margin-bottom: 20px;line-height: 1.2;}
.circle_list li > div.circle i {font-size: 1.8em;}
.circle_list li > div.circle .num {font-family: 'Barlow', 'Noto Sans KR', sans-serif;font-size: 2em;margin-bottom: 20px;line-height: 1;color: #fff;}
.circle_list li .num {font-size: 2.5em;color: #a28050;font-weight:800;font-family: 'Barlow', 'Noto Sans KR', sans-serif;}
.circle_list li h4, .circle_list li h5, .circle_list li h6 {color:#fff;font-weight:600;margin-bottom: 20px;}
.circle_list li div.circle .num:after{color:#fff}
.circle_list li em{font-size: 1.5em;}
.circle_list li .title {}
.circle_list li p{line-height:1.3;margin-bottom: 0;}
.circle_list li p.bg{background: #fff;color: #222;font-size: 18px;height: 130px;padding: 0;display: table-cell;width: 250px;vertical-align: middle;padding-bottom: 10px;}

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 #a28050;background: #fff;padding-top: 25px;}
ul.circle_list_2 li div.circle {width: 190px;height: 190px;padding-top: 25px;}
ul.circle_list_2 li p.bg{height: 100px;}
@media (max-width: 1200px) {

}

@media (max-width: 767px) {
    .circle_list li .num{/* margin-top: 10px; */font-size: 1.6em;margin-bottom: 5px;}
    .circle_list li .num:after{margin: -10px 0 -5px;font-size: 8px;}
    .circle_list{text-align:center;margin-top: -10px;}
    ul.circle_list > li {width: auto !important;float: none;display: inline-block;padding: 0 2px;margin-top: 10px;}
    .circle_list li p.bg{font-size:14px;padding-bottom: 10px;height: 76px;}
    .circle_list li > div {padding: 7px 0 15px;width: 280px;max-width: 100%;height: auto;margin-bottom: 10px;}
    .circle_list li > div.circle{width: 138px;font-size: 16px;height: 138px;padding: 0;line-height: 1.2;}
    .circle_list li > div.circle em{font-size: 1.4em;}
    .circle_list li > div.circle .num{font-size: 1.7em;margin-bottom:10px;}
    .circle_list li > div.circle h4{margin-bottom: 10px;margin-top: 7px;}
    ul.circle_list_2{margin:0 -15px}
    ul.circle_list_2 li div{width: 112px;height: 112px;margin: 5px;padding: 15px 0;}
    ul.circle_list_2 li div .num:after {margin: -5px 0;}
    ul.circle_list_2 li div.circle {width: 145px;height: 145px;padding: 5px 0 0;}
    ul.circle_list_2 li p.bg{height: 87px;padding: 0 0 10px;}
}



/* box_list */
.box_list {margin-top:-20px;margin-left: -10px;margin-right: -10px;}
.box_list li {padding: 0 10px;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;margin-top: 20px;}
.box_list li > div {text-align: center;}
.box_list li > div img {display:block;margin: 0 auto;border-radius: 20px 20px 0 0;}
.box_list li div.text{padding: 20px 10px;background: #f5f5f5;border-radius: 0 0 20px 20px;}
.gray_bg .box_list li div.text{ background:#fff;}
.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: 2em;font-family: 'Barlow';background: #a28050;color: #fff;text-align: center;width: 50px;height: 50px;position: relative;margin-bottom: -25px;line-height: 50px;font-weight: 600;border-radius: 100px;left: 50%;margin-left: -25px;}
.box_list li h5 {font-size: 24px;margin-bottom: 5px;font-weight: 500;color: #222;/* font-family: 'NanumSquare' */letter-spacing: -2px;}
.box_list li h6 {font-weight: 500;line-height: 1.2;}
.box_list li p {margin-bottom: 0;margin-top: 0;font-weight: 300;}
.box_list li p.small {font-size:16px;font-family: 'Noto Sans KR';}
@media (max-width: 1200px) {

}

@media (max-width: 767px) {
    ul.box_list{margin-top:-15px;margin-left: 0;margin-right: 0;}
    .box_list li > div{background:none;}
    ul.box_list > li{width: 100% !important;padding: 0;overflow: hidden;margin-top: 15px;}
   .box_list li .num{width: 36px;height: 36px;margin-left: -18px;line-height: 36px;margin-bottom: -18px;}
   .box_list li > div img {display:block;width: 100%;border-radius: 10px 10px 0 0;}
   .box_list li h5 {font-size: 17px;}
   .box_list li p{font-size:14px;/* margin-bottom: 4px; */}
   .box_list li p.small {font-size:14px;}
   .box_list li > div div.text{padding: 15px 10px;border-radius: 0 0 10px 10px;}
   .box_list li div.text > h6 + p {margin-top:3px}
}


/* check_list */
.check_list li{font-size: 1em;margin: 10px 0 0;padding-left: 1.2em;font-weight: 400;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}
.check_list li:before {font-family: 'LineAwesome';top: 0px;content: "\f17f";color: #a28050;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: 1200px;margin: 0 auto; margin-top:-30px;}
.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: #a28050;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: 500;font-size:24px;color: #333;margin-top: .5em;}
.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;}
.round_box_list.two li .round_box {margin:0 15px;}

@media (max-width: 1200px) {

}

@media (max-width: 767px) {

  /* round_box_list */
  .round_box_list{margin-top:-15px;}
	.round_box_list li{margin-top: 15px;}
	.round_box_list li .round_box p{padding-left:0;margin: 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: 16px;margin-top: .25em;letter-spacing: -1px;}
    .round_box_list li .round_box .img_wrap {/* max-width:100%; *//* float:none; *//* margin: 0 0 10px; */margin-right: 10px;}
    .round_box_list li .round_box .img_wrap + h5 {/* text-align:center; */}
    .round_box_list.two li{width:100% !important;}
    .round_box_list.two li .round_box{margin:0;}
}


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: 2px solid #a28050;padding: 20px;border-radius: 10px;background: #fff;}
  .line_step li > div .num{font-size: 2em;background: #a28050;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: 1em;margin-top: 0;}
  .line_step li:before {content:'';width: 60px;border-top: 3px dashed #a28050;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: #a28050;}
  .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;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;margin-left: -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;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}
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: #a28050;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: #a28050;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-size: 24px;color: #333;font-weight: 500;margin-bottom: 5px;text-align: left;font-family: 'S-CoreDream';}
ul.num_list dt p.box {background: #a28050;display: inline-block;color:#fff;padding: 10px 30px;border-radius: 100px;line-height: 1;}
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;}
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;}

ul.num_list.two li {border: 0;padding: 10px;}

.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;}
ul.num_list dt p.box > em:after {height: 13px;}

ul.num_list.two{margin-top:-20px}
ul.num_list.two li{width:100% !important;padding: 0;margin-top: 20px;}
}

/* num_list_2 */
.num_list_2 {margin-top: -10px;}
.num_list_2 li {line-height: 30px;margin-top: 10px;}
.num_list_2 li span{background: #a28050;color: #fff;display: inline-block;width: 30px;text-align: center;height: 30px;line-height: 30px;border-radius: 100%;margin-right: 10px;font-family: 'Barlow';font-weight: 600;font-size: 1.3em;vertical-align: middle;}




/* 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: #ececec;width: 90px;height: 90px;border-radius: 120px;line-height: 90px;color: #24160c;text-align: center;margin: -65px auto 10px;}
.center_icon_list > li h5 {text-align:center;margin: 20px 0 10px 0;font-weight: 600;}
.center_icon_list li h4 + h5 {margin-top:0;}
.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: #a28050;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;}

@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 h5{margin-top:10px}
  .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;}



.bottom_fixed_box{
	width:100%;
	position:fixed;
	left:0;
	bottom:0;
	z-index:299;
	background: var(--newColor2);
	font-family:'S-CoreDream';
}

.bfb_frm{
	max-width: 1290px;
	margin:0 auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 1290px;
	padding: 20px 0;
}
.bfb_frm>h2{
	font-weight: 600;
	font-size:38px;
	color:#ffffff;
	line-height:38px;
	font-family: 'S-CoreDream';
}
.bfb_frm>h2>span{
	color: var(--pen_color);
}

.bfb_frm input[type="text"], .bfb_frm input[type="tel"]{
	width: 300px;
	height:54px;
	background:#fff;
	border:0;
	padding:0px;
	padding-left:20px;
	font-size:22px;
	color: #422311;
	line-height:22px;
	max-width: 300px;
	font-family: 'S-CoreDream';
}

.bfb_frm label {margin-right:10px}
.bfb_frm label , .bfb_frm a {color:#fff;}
.bfb_frm input[type=checkbox] + label:before{border-color:#fff;}

.bfb_frm input[type=checkbox]:checked + label:before{ color:#fff;}

.bfb_frm button{
	width:160px;
	height:54px;
	line-height:54px;
	background: #ff5e3c;
	border:none;
	font-weight: 600;
	font-size:28px;
	color:#fff;
	padding:0;
	animation-name: color-effect;
	animation-duration:1200ms;
	animation-iteration-count:infinite;
	font-family: 'S-CoreDream';
	cursor: pointer;
}

@keyframes color-effect {
  0% {
    color: #fff;
    background-color: #ff5e3c;
  }
  50%{
	color: #423832;
	background-color: #ffe700;
	}
}

@keyframes color-effect2 {
  0% {
    color: #fff;
    background-color: #ff7903;
  }
  50%{
	/* color: #371e1f; */
	background-color: #16c6ff;
	}
}

@media screen and (max-width:  767px) {
  .bottom_fixed_box {display:none;}
}



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


@-webkit-keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(-700px);
    transform: translateY(-700px);
  }
}

@keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(-700px);
    -ms-transform: translateY(-700px);
    transform: translateY(-700px);
  }
}

.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}

@-webkit-keyframes slideInUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(700px);
    transform: translateY(700px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes slideInUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(700px);
    -ms-transform: translateY(700px);
    transform: translateY(700px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}


@-webkit-keyframes slideOutDown {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

@keyframes slideOutDown {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

.slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown;
}

@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
    transform: perspective(400px) rotateX(-10deg);
  }

  70% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
  }

  100% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
}

@keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    -ms-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
    -ms-transform: perspective(400px) rotateX(-10deg);
    transform: perspective(400px) rotateX(-10deg);
  }

  70% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    -ms-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
  }

  100% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
}

.flipInX {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}




.modal_inner_form {
  position: relative;
}

.form_div1 {
  position: relative; 
  display: flex; 
  justify-content: center; 
  align-items: center; 
  padding-top: 57px;
  height: 64px;
}

.close_btn1_desktop {
  position: absolute; 
  top: 24px; 
  right: 26.57px; 
  border: none; 
  cursor: pointer; 
  background: transparent;
  padding: 0;
}

.close_btn1_mobile {
  position: absolute; 
  top: 22.43px;
  right: 21px; 
  border: none; 
  cursor: pointer; 
  background: transparent;
  padding: 0;
}

.off, .on {
  display: flex; 
  justify-content: center; 
  align-items: center;
}

.submit_alarm_span_red {
  color: #F82C2C;
}

.submit_alarm {
  position: absolute;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
  width: 100%;
  max-width: 527.368px;
  height: fit-content;
  max-height: 283px;
  box-sizing: border-box;
  border-radius: 8px;
  z-index: 700;
  background-color: white;
  font-weight: 600;
}

.submit_alarm > :first-child {
  height: fit-content; 
}

.submit_alarm > :first-child > div {
  height: 100%; 
  position: relative; 
  display: flex; 
  justify-content: center; 
  align-items: center;
}

.submit_alarm > :first-child > div > span {
  color: #1A1A1A;
  font-family: 'S-CoreDream';
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 2px;
}

#quick_reserve, #quick_reserve_modal {
  font-family: 'S-CoreDream';
}


/* scroll hidden */
#quick_reserve {
  background: url('../main/images/bg_img.png') lightgray 100% / cover no-repeat;
  display: none; 
  position: fixed; 
  right: 0; 
  top: 0; 
  width: 458px; 
  height: 100vh; 
  z-index: 300; 
  /* border: solid 2px #f5f5f5;  */
  /* padding: 0 31px;  */
  box-sizing: border-box; 
  overflow-y: auto;
  -ms-overflow-style: none;
}

#quick_reserve::-webkit-scrollbar{
  display:none;
}

#quick_reserve_modal {
  display: none; 
  position: fixed; 
  right: 0; 
  top: 0; 
  width: 100%; 
  height: 100vh; 
  background: rgba(34, 34, 34, 0.55); 
  z-index: 700; 
  box-sizing: border-box; 
  overflow-y: auto;
}

#quick_reserve_modal > :first-child {
  position: relative; 
  width: 100%; 
  height: 100%;
}

.select_below_div {
  position: relative;
  width: 100%; 
  height: 54px;
  border-radius: 3px;
}

.form_css {
  position: relative;
}

.form_css > div {
  padding: 0 25px;
}

.form_css > :first-child {
  margin: 30px 0 0
}

.form_css > :first-child > :first-child {
  width: 100%; 
  padding-bottom: 22px;
}

.form_row {
  width: 100%; 
  box-sizing: border-box;
  /* margin-bottom: 13px; */
}

.form_row2 {
  margin-bottom: 25px;
}

.form_row:nth-child(3) {
  margin-bottom: 13px;
}

.form_row > div {
  display: grid; 
  grid-template-columns: auto 1fr; 
  align-items: center; 
  width: 100%; 
  background: #fff;
  border: solid 1px #AFAFAF;
}

.form_row > div > div {
  display: flex; 
  justify-content: space-between; 
  align-items: center; 
  width: 68px; 
  padding: 18px 20px; 
  font-family: 'Pretendard';  
  font-size: 25px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -0.25px;
}

.form_row > div input {
  border: none;
  padding: 0;
  color: #AAA;
  font-family: 'Pretendard';
  padding-left: 15.66px;
  font-size: 13px;
  font-style: normal;
  font-weight: 200;
  line-height: normal;
  box-sizing: border-box;
}

.form_row > div > input::placeholder {
  font-size: 13px;
}

.tit {
  height: fit-content; 
}

.tit > span {
  flex-shrink: 0; 
  font-family: 'S-CoreDream'; 
  text-align: center; 
  font-size: 64px !important; 
  font-style: normal; 
  font-weight: 700; 
  line-height: normal; 
  letter-spacing: -0.55px;
}

.tit > :first-child, .tit2 > :last-child, #click_time_tag > :first-child > span:last-child{
  color: #C29981;
}

.tit2 > :first-child, .tit > :last-child, #click_time_tag > :first-child > span{
  color: #474747;
}

/* 달력 전반  */
.flatpickr-calendar  {
  width: 100% !important;
  min-width: 100%;  
  line-height: 24px;  /* 월 이동 버튼   */
  font-size: 1rem;
  border-radius: 0 !important;
}

.flatpickr-rContainer {
  width: 100%;
}

span.flatpickr-day.flatpickr-disabled {
  border-right-color: transparent;
}

/* 연도, 월 */
.flatpickr-months {
  font-family: 'S-CoreDream' !important; 
  height: 31px;
  font-size: 0.8rem;
}

.flatpickr-monthDropdown-months {
  font-family: 'S-CoreDream' !important; 
}

/* .flatpickr-months {
  height: 44px;
}

.flatpickr-months .flatpickr-month {
  height: 44px;
} */

.flatpickr-month {
  height: 100%;
}

/* 요일 태그 */
.flatpickr-weekdays {
  height: 25px !important; 
}

.flatpickr-weekdaycontainer {
  display: flex;
  height: 100%;
  align-items: center;
}

/* 달력 하단 */
.dayContainer {
  /* min-height: 275px;
    max-height: 275px; */
  max-width: none;
  min-width: 100% !important;
  box-sizing: border-box;
}

.flatpickr-days {
  min-width: 100% !important;
  /* height: 275px; */
}

.flatpickr-day {
  height: 48px !important;
    line-height: 48px !important;
}

/* 희망 시간 */
#time-select { 
  display: grid;
  grid-template-columns: repeat(4, 93.56px);
  grid-template-rows: repeat(auto-fit, 43.516px);
  grid-column-gap: 7.44px;
  grid-row-gap: 13.45px;
  font-family: 'S-CoreDream';
}

#time-select div { 
  text-align: center;
  border-radius: 3.264px;
  padding: 13px 23.31px;
  color: #9F9F9F;
  background-color: #FFF;
  cursor: pointer;
  border: solid 0.544px #BEA99C;
  font-size: 15.231px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 1.523px;
}	

.agree_tag {
  margin-bottom: 27.23px;
}

#agree_tag_img {
  cursor: pointer;
}

.submit_btn {
  border: none; 
  background: transparent;
}

.submit_btn_div {
  display: flex;
  justify-content: center;
  align-items: center;
  /* margin: 2rem 0; */
  padding-bottom: 51px;
}

.submit_btn_div > .submit_btn > .submit_btn_img {
  width: 288px;
  height: 70px !important;
}

/* .icon-close:before {
  scale: 160%;
  opacity: 0.3;
} */

#selected-date {
  width: 100%; 
  border:1px solid #ddd; 
  font-size: 1rem; 
  padding: 0.5rem;
}

input::placeholder {
  /* font-size: 0.75rem; */
}

.select_below_icon {
  position: absolute;
  top: 23px; 
  right: 20px; 
  font-size: 1rem;
  z-index: 300; 
  color: #692C00;
}

.numInputWrapper {
  padding-left: 2ch;
}

.select_option  {
  color: #692C00 !important;
  font-weight: 500;
}

.flatpickr-current-month {
  font-size: 130%;
}

.submit_alarm_span span {
  text-align: center;
  font-family: 'S-CoreDream';
  font-size: 22.117px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -0.442px;
}

.submit_alarm_span2 span {
  text-align: center;
  font-family: 'Pretendard';
  font-size: 19.168px;
  font-style: normal;
  font-weight: 500;
  line-height: 26.541px; /* 138.462% */
  letter-spacing: -0.383px;
}

.submit_alarm_span2 > div {
  text-align: center;
}

.submit_alarm_span {
  display: flex; 
  justify-content: start; 
  align-items: center;
}

.submit_alarm_span > :first-child {
  box-sizing: border-box;
  width: 100%;
  display: flex; 
  flex-direction: column; 
  justify-content: space-between; 
  align-items: center; 
  padding-bottom: 24.4px; 
  gap: 14.62px;
  color: #242424;
}

.submit_alarm_span > :first-child > :first-child {
  height: 26px;
}

.form_css > div > div > h4 {
  padding-bottom: 13px; 
  font-size: 25px; 
  font-style: normal; 
  font-weight: 600; 
  line-height: normal; 
  letter-spacing: -0.25px; 
  font-family: 'S-CoreDream';
  height: 31px;
}

#procedure-select {
  position: relative; 
  cursor: pointer;
  width: 100%; 
  height: 100%; 
  /* padding: 0 0 0 17px;  */
  background-color: #FFF; 
  color: #AAA; 
  cursor: pointer; 
  font-size: 20px; 
  font-style: normal; 
  font-weight: 400; 
  font-family: 'Pretendard'; 
  border: none;
  box-sizing: border-box;
  border-radius: 3px;
}

.hope_div_text {
  margin-bottom: 26px;
}

.hope_div_text > div > h4 {
  height: 31px;
  margin-bottom: 15px;
}

.hope_div_text > div > h4 > span {
  font-family: 'S-CoreDream'; 
  font-size: 25px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -0.25px;
}

.flatpickr-prev-month, .flatpickr-next-month {
  padding-top: 7.480px !important;
}

.flatpickr-months .flatpickr-prev-month svg, .flatpickr-months .flatpickr-next-month svg {
  width: 12px;
  height: 12px;
}

.qr_desktop {
  display: block;
}

.qr_mobile {
  display: none;
}

  .qr_mobile_flex {
    display: none;
  }

.submit_alarm_span2  {
  height: 27px;
}

.all_check_icon {
  cursor: pointer;
  display: grid; 
  grid-template-columns: 25.337px 1fr; 
  grid-template-rows: 31px;
  align-items: center; 
  margin-bottom: 14px; 
  gap: 10.66px;
}

.all_check_icon > span {
  color: #AAA;
  font-family: 'Pretendard';
  font-size: 25px;
  font-style: normal;
  font-weight: 600;
  line-height: normal; 
}

.check_icon {
  cursor: pointer;
  display: grid; 
  grid-template-columns: 25.337px 1fr; 
  grid-template-rows: 15px;
  align-items: center; 
  gap: 10.66px;
}

.check_icon > span {
  color: #AFAFAF;
  font-size: 15px;
  font-style: normal;
  font-weight: 300;
  line-height: 38px; /* 253.333% */
  letter-spacing: -0.15px; 
  font-family: 'Pretendard';
}

#click_time_tag {
  display: none; 
  padding: 27px 0 2.48px;
}

#click_time_tag > :first-child {
  /* width: 145px;  */
  height: 31px; 
  margin-bottom: 13px;
}

#click_time_tag > :first-child > span {
  font-family: 'S-CoreDream';
  font-size: 25px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -0.25px;
}

.flatpickr-monthDropdown-months, .numInputWrapper {
  font-family: 'S-CoreDream';
  font-style: normal;
  line-height: normal;
}

.privacy_policy {
  padding: 0 33px;
  display: none; 
  position: fixed;
  bottom: 140.87px;
  z-index: 301;
  right: 458px;
  width: fit-content;
}

.privacy_policy > :first-child {
  position: relative;
  width: fit-content;
}

.close_btn3 {
  position: absolute; 
  top: 19.43px; 
  right: 17.68px; 
  border: none; 
  cursor: pointer; 
  background: transparent;
  padding: 0;
}

.submit_alarm_btn {
  display: flex; 
  justify-content: center; 
  align-items: center; 
  padding: 0 21.07px 19.96px 21.56px;
}

.close_btn2 {
  width: 100%; 
  height: 60px; 
  padding: 20px 0; 
  background-color: #C29981;
  border: none; 
  border-radius: 6px; 
  cursor: pointer; 
  color: #FFF;
}

.close_btn2 span {
  color: #FFF;
  text-align: center;
  font-family: 'S-CoreDream';
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.close_btn4 {
  position: absolute; 
  top: 16.24px; 
  right: 16.49px; 
  border: none; 
  background: transparent; 
  cursor: pointer;
  padding: 0;
}

#show_list {
  display: none;
  position: absolute;
  flex-direction: column;
  justify-content: start;
  align-items: start;
  gap: 17px;
  background: #FFF;
  z-index: 300;
  padding: 19.52px 0 17.48px 17px;
  width: 100%;
  left: 50%;
  bottom: -13px;
  transform: translate(-50%, 100%);
  box-sizing: border-box;
  border-radius: 3px;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.18);
}

#show_list div > span {
  font-family: 'Pretendard';
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 14px;
}

.show_list_text.active {
  color: #CE875D !important;
}

#select_text {
  box-sizing: border-box;
  height: 100%;
  display: flex;
  width: 100%;
  padding: 0 0 0 17px;
  align-items: center;
}

.qr_modal_check_icon {
  width: 45.709px;
  height: 45.709px;
  flex-shrink: 0;
  padding: 44.74px 0 19.88px;
}

.icon-chat-reserv::before {
  /* content: url('../main/images/icon-chat-reserv_desk.svg'); */
}
.icon-naver-new::before {
  content: url('../main/images/icon-naver-new.svg');
}

.flatpickr-calendar:before, .flatpickr-calendar:after {
  display: none !important;
}

.flatpickr-calendar.inline {
  font-family: 'Pretendard';
}

/* 안내문구 */

#guide_modal {
  display: none; 
  justify-content: center;
  align-items: center;
  position: fixed; 
  right: 0; 
  top: 0; 
  width: 100%; 
  height: 100vh; 
  background: rgba(34, 34, 34, 0.55); 
  z-index: 700; 
  /* border: solid 2px #f5f5f5;  */
  box-sizing: border-box; 
  overflow-y: auto;
}

#guide_modal .tint {
  color: #F82C2C;
}

#guide_modal > div {
  position: relative; 
  width: 100%; 
  height: 100%;
}

#guide_modal > div > div {
  position: absolute;
  width: 100%;
  max-width: 527px;
  padding: 35.16px 48.87px 19.57px 46px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 7px;
  z-index: 700;
  background-color: white;
  font-weight: 600;
  box-sizing: border-box;
  box-shadow: 2.004px 2.004px 8.017px 0 rgba(0, 0, 0, 0.25);
}

.guide_title, .guide_sub_title {
  display: flex;
  justify-content: center;
}

.guide_title span {
  color: #242424;
  text-align: center;
  font-family: "S-Core Dream";
  font-size: 27px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 0.27px;
}

.guide_pc {
  display: block;
}

.guide_mobile {
  display: none;
}

.guide_sub_title span {
  color: #242424;
  text-align: center;
  font-family: Pretendard;
  font-size: 19px;
  font-style: normal;
  font-weight: 500;
  line-height: 26.541px; /* 139.689% */
  letter-spacing: -0.38px;
}

#guide_modal .guide_title {
  margin-bottom: 9.83px;
}

#guide_modal .send_call_div {
  padding: 14.56px 40.73px 14.56px 43.81px;
  background-color: #F6F6F6;
  border-radius: 5px;
  margin: 17.64px 0 22.11px;
}

#guide_modal .send_call_div > div {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

#guide_modal .send_call_div > div > div:first-child {
  padding-right: 26px;
  border-right: 1px solid #BEBEBE;
}

#guide_modal .send_call_div > div > div {
  display: flex;
  align-items: center;
}

#guide_modal .send_call_div > div > div > span {
  color: #727272;
  text-align: center;
  font-family: Pretendard;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 26.541px; /* 132.705% */
  letter-spacing: -0.4px;
}

#guide_modal .send_call_div > div > div > img {
  width: 23px;
  margin-left: 17px;
  cursor: pointer;
}

.guide_modal_btn_div {
  display: flex;
  justify-content: center;
  gap: 8px;
}

.guide_modal_btn_div > button {
  width: 212px;
  padding: 18px 0;
  border-radius: 6px;
  border: none;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #CDCDCD;
}

.guide_modal_btn_div > button >span {
  text-align: center;
  font-family: Pretendard;
  color: #000;
  font-size: 20.643px;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
}

.guide_modal_btn_div > .send_submit_btn {
  background-color: #C29981;
}

.guide_modal_btn_div > .send_submit_btn > span {
  color: #fff;
  font-weight: 600;
}

.guide_absolute_close {
  position: absolute;
  top: 12.67px;
  right: 15.19px;
}

@media screen and (max-width: 767px) {
  .submit_alarm {
    position: absolute; 
    bottom: 405px; 
    width: 100%; 
    box-sizing: border-box; 
    border-radius: 7px; 
    z-index: 700; 
    background-color: #FFF; 
    box-shadow: 2px 2px 8px 0px rgba(0, 0, 0, 0.25);
  }

  .submit_alarm > :first-child > div > span {
    font-size: 15px;
    letter-spacing: 1.5px;
  }

  #quick_reserve {
    width: 100%;
  }

  #quick_reserve_modal {
    padding: 0 20px;
    height: 100vh;
  }

  .form_div1 {
    height: 48px;
  }

  .select_below_div {
    position: relative;
    width: 100%; 
    height: 40px;
  }

  .form_css > :first-child {
    margin: 18px 0 0
  }

  .form_css > :first-child > :first-child {
    padding-bottom: 13px;
  }

  .flatpickr-prev-month {
    padding-top: 5px !important;
  }

  .flatpickr-current-month {
    
    font-size: 12px !important;
  }

  .flatpickr-next-month {
    padding-top: 5px !important;
  }

  .flatpickr-months .flatpickr-prev-month svg, .flatpickr-months .flatpickr-next-month svg {
    width: 10px !important;
    height: 10px !important;
  }

  .tit {
    height: 48px;
  }

  .tit > span {
    font-size: 40px !important;
    letter-spacing: -0.4px;
  }

  .form_css > div {
    padding: 0 24px 0 26px;
    /* margin: 27px 0 0; */
  }

  .form_css > div > div > h4 {
    font-size: 14px;
    letter-spacing: -0.14px;
    height: 22px; 
    padding-bottom: 0;
  }

  #procedure-select {
    font-size: 11px;
    /* padding: 0 0 0 11px;  */
  }

  .select_below_icon {
    top: 17px; 
    right: 12px; 
    width: 12px;
  }

  .hope_div_text {
    /* 나중에 봐바야 함 */
    margin-bottom: 0px; 
  }

  .hope_div_text > div > h4 {
    height: 24px;
    margin-bottom: 0px;
  }

  .hope_div_text > div > h4 > span {
    font-size: 14px;
    letter-spacing: -0.14px;
  }

  /* 달력 전반  */
  .flatpickr-calendar  {
    max-height: 217px !important;
    line-height: 24px;  /* 월 이동 버튼   */
    font-size: 10px !important;
  }

  .flatpickr-days {
    width: 100% !important;
    /* height: 170px; */
  }

  .flatpickr-day {
    height: 29px !important;
    line-height: 29px !important;
  }
  
  .flatpickr-months {
    height: 23px;
  }

  .flatpickr-months .flatpickr-month {
    height: 23px;
  }

  


  /* 요일 태그 */
  .flatpickr-weekdays {
    height: 20px !important; 
  }

  .flatpickr-months .flatpickr-prev-month, .flatpickr-months .flatpickr-next-month {
    padding-top: 7px;
  }

  .flatpickr-months .flatpickr-prev-month svg, .flatpickr-months .flatpickr-next-month svg {
    width: 12px;
    height: 12px;
  }

  .agree_tag {
    margin-bottom: 9.25px;
  }


  .qr_desktop {
    display: none;
  }

  .qr_mobile {
    display: block;
  }

  .qr_mobile_flex {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  
  .submit_alarm_span2  {
    height: 32px;
  }


  .all_check_icon {
    grid-template-columns: 24.52px 1fr;
    grid-template-rows: 30px;
    margin-bottom: 5.35px;
    gap: 8.48px;
  }

  .check_icon {
    grid-template-columns: 24.52px 1fr;
    grid-template-rows: 29px;
    gap: 8.48px;
  }

  .all_check_icon > span {
    font-size: 20px;
  }

  .check_icon > span {
    font-size: 11.25px;
    line-height: 28.5px; /* 253.333% */
    letter-spacing: -0.112px; 
  }

  .submit_row {
    background: transparent;
    margin-top: 15px;
  }

  .form_row2 {
    margin-bottom: 20px;
  }

  .form_row:nth-child(3) {
    margin-bottom: 9px;
  }

  .form_row > div {
    grid-template-columns: 1fr; 
    align-items: center; 
    width: 100%; 
    background: #F9F9F9;
    border: 0.5px solid #AAA;
    border-radius: 3px;
  }

  .form_row > div input {
    box-sizing: border-box;
    height: 40px;
    border: none; 
    margin-left: 0px;
    color: #AAA;
    font-size: 11px;
    border-radius: 3px;
  }

  .form_row > div > input::placeholder {
    font-size: 11px;
  }

  .form_row > div > div {
    display: none; 
  }

  .submit_btn_div {
    /* margin: 2rem 0; */
    padding-bottom: 34.88px;
  }

  .submit_btn_div > .submit_btn > .submit_btn_img {
    width: 209px;
    height: 53px !important;
  }

  #click_time_tag {
    display: none; 
    padding-top: 19px;
    padding-bottom: 1.6px;
  }

  #click_time_tag > :first-child {
    display: none;
  }

  #click_time_tag > :first-child > span {
    font-size: 19px;
    letter-spacing: -0.14px;
  }

  #time-select { 
    display: grid;
    grid-template-columns: repeat(10, 62.171px);
    grid-template-rows: repeat(auto-fit, 32.034px);
    grid-column-gap: 7.84px;
    grid-row-gap: 5.97px;
  }

  #time-select div { 
    border-radius: 3px;
    padding: 9px 16.17px 10.03px 16px;
    border: solid 0.544px #AAA;
    font-size: 10px;
    letter-spacing: 0.5px;
  }	

  .privacy_policy {
    padding: 0;
    left: 0;
    bottom: 237px;
    align-items: end;
    justify-content: center;
    width: 100%;
    height: 100%;
  }

  .privacy_policy.m_policy > div {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 0;
    margin: 0 24px 0 26px;
    border: 1px solid #E4E4E4;
    overflow-y: scroll;
    -ms-overflow-style: none; /* 인터넷 익스플로러 */
    scrollbar-width: none; /* 파이어폭스 */
  }

  .privacy_policy.m_policy > div > div{
    position: sticky;
    top: 0;
  }

  .privacy_policy.m_policy > div::-webkit-scrollbar {
    display: none;
  }

  .privacy_policy.m_policy > div > div > img{
    width: 100%;
  }

  .close_btn3 {
    top: 13px; 
    right: 12.05px; 
  }

  .close_btn2 {
    height: fit-content; 
    padding: 14px 0 12.78px 0; 
    border-radius: 6px; 
  }

  .close_btn2 span {
    color: #FFF;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
  }

  .close_btn4 {
    top: 12.67px;
    right: 16.19px;
  }

  .submit_alarm_span {
    /* height: 96.57px;  */
    display: flex; 
    justify-content: start; 
    align-items: center;
  }

  .submit_alarm_span > :first-child {
    display: flex; 
    flex-direction: column; 
    justify-content: space-between; 
    align-items: center; 
    padding-bottom: 22px; 
    gap: 8px;
    color: #242424;
  }

  .submit_alarm_span > :first-child > :first-child {
    height: 18px;
  }

  .submit_alarm_span span {
    font-size: 15px;
    letter-spacing: -0.3px;
  }

  .submit_alarm_span2 span {
    font-size: 13px;
    font-weight: 600;
    line-height: 18px; /* 138.462% */
    letter-spacing: -0.26px;
  }

  .submit_alarm_btn {
    display: flex; 
    justify-content: center; 
    align-items: center; 
    padding: 0 11.43px 15.22px 12.49px;
  }

  #show_list {
    display: none;
    position: absolute;
    flex-direction: column;
    justify-content: start;
    align-items: start;
    gap: 12.31px;
    padding: 13.31px 0 11.92px 11.59px;
    width: 100%;
    left: 50%;
    bottom: -13px;
    transform: translate(-50%, 100%);
    box-sizing: border-box;
    border-radius: 3px;
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.18);
  }

  #show_list div > span {
    font-family: 'S-CoreDream';
    font-size: 13.636px;
    font-style: normal;
    font-weight: 400;
    line-height: 14px;
  }

  #select_text {
    padding: 0 0 0 12px;
  }

  .qr_modal_check_icon {
    padding: 29px 0 13px;
    width: 31px;
    height: 31px;
  }

  /* 안내 문구 */

  #guide_modal > div > div {
    max-width: 271px;
    padding: 29.02px 30px 17px 29px;
    border-radius: 10.057px;
    box-shadow: 1.008px 1.008px 4.031px 0 rgba(0, 0, 0, 0.25);
  }

  #guide_modal .guide_title {
    margin-bottom: 6.89px;
  }

  #guide_modal .send_call_div {
    padding: 13.49px 18.55px 12.37px 17.55px;
    background-color: #F6F6F6;
    border-radius: 5px;
    margin: 4.82px 0 9.58px;
  }

  #guide_modal .send_call_div > div {
    width: 100%;
    display: flex;
    justify-content: space-between;
  }

  #guide_modal .send_call_div > div > div:first-child {
    padding-right: 12px;
    border-right: 1px solid #BEBEBE;
  }

  #guide_modal .send_call_div > div > div {
    display: flex;
    align-items: center;
  }

  #guide_modal .send_call_div > div > div > span {
    font-size: 11.5px;
    font-weight: 400;
    line-height: 13.302px; /* 115.674% */
    letter-spacing: -0.23px;
  }

  #guide_modal .send_call_div > div > div > img {
    width: 15.904px;
    margin-left: 6.55px;
    cursor: pointer;
  }

  .guide_modal_btn_div {
    gap: 6px;
  }

  .guide_modal_btn_div > button {
      width: 103px;
      padding: 12px 0 9px;
      border-radius: 5.028px;
      border: 0.503px solid #CDCDCD;
  }

  .guide_modal_btn_div > button >span {
      font-size: 14px;
  }

  .guide_title span {
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 0.16px;
  }

  .guide_pc {
    display: none;
  }

  .guide_mobile {
    display: block;
  }

  .guide_sub_title span {
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 17px; /* 130.769% */
    letter-spacing: -0.26px;
  }

}
@media screen and (max-width: 430px) {
  #time-select { 
    display: grid;
    grid-template-columns: repeat(5, 62.171px);
    grid-template-rows: repeat(auto-fit, 32.034px);
    grid-column-gap: 7.84px;
    grid-row-gap: 5.97px;
  }
}

@media screen and (max-width: 375px) {
  #time-select { 
    display: grid;
    grid-template-columns: repeat(4, 62.171px);
    grid-template-rows: repeat(auto-fit, 32.034px);
    grid-column-gap: 7.84px;
    grid-row-gap: 5.97px;
  }
}

/* 2500818 리뉴얼 */
.headerNew{
    font-family: 'Pretendard';
    top: 0;
   

    .inwrap{
      > div {
        max-width:1500px;
        margin: 0 auto;
        position: relative;
      }
    }
  .openMenu{
    transform: translate(0%,-100%);
    position: fixed;
    left: 0;
    right: 0;
    z-index: 5;
    background: var(--white_color);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    
    

      &.open{
      transform: translate(0%,0%);
      }
    > div:first-child{
      padding: 23px 0;
      border-bottom: 1px solid #eaeaea;
      > div{
        max-width:1500px;
        margin: 0 auto;
        position: relative;
        
        img {
          max-height:60px;
        }
        .menu_wrap{
          position: absolute;
          width: 50px;
          height: 50px;
          top: 0;
          cursor: pointer;
          right: 20px;
          
          &:before, &:after {
            content:'';
            width:50px;
            height: 3px;
            display: block;
            background: var(--newColor1);
            -webkit-transition: all 0.3s;
            -moz-transition: all 0.3s;
            -ms-transition: all 0.3s;
            -o-transition: all 0.3s;
            transition: all 0.3s;
            -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
            margin-top: 25px;
          }
          &:after{
                -webkit-transform: rotate(-45deg);
                transform: rotate(-45deg);
                margin-top: -3px;
          }
        }

        
      }
    }
    > ul {
    display: flex;
    justify-content: center;
    border-right: 1px solid #eaeaea;
    max-width: 1500px;
    margin: 0 auto;
    
    
    &:after{
      display:none;
    }
      > li{
        padding-top: 40px;
        padding :40px 20px;
        width: 16.66666666666667%;
        text-align:left;
        border-left: 1px solid #eaeaea;
        > a {
          font-size:20px;
          font-weight: 500;
        }
        > ul {
          display:flex;
          flex-direction: column;
          gap: 20px;
          margin-top: 30px;
          font-size: 15px;
          
          &:after{
            display:none;
          }
          > li {
            a:hover {
              color:var(--newColor1);
            }
            
          }
        }
      }
    }
  
  }
  .inwrap{
      /* box-shadow: 0 3px 10px -2px rgba(0, 0, 0, 0.20); */
      
      
      
    &:before{
}
    &:hover:before{
      border-bottom: 1px solid rgba(255,255,255,0.2);
      box-shadow: 0 3px 10px -2px rgba(0, 0, 0, 0.20);
    }

    .openMenuWrap{
      width:auto;
      display: flex;
      flex-direction: column;
      gap: 10px;
      cursor:pointer;
      top: 25px;
      right: 20px;
      position: absolute;
      
      &::before, &::after{
        content: '';
        width: 40px;
        height: 3px;
        background: var(--white_color);
        display: block;
      
      }
     .openMenuBtn{
      width: 40px;
      height: 3px;
      background: var(--white_color);
      position: static;
     } 
    }
    .lnb {
      margin-left: 8em;
      li{
        
        a{
             font-family: 'Pretendard';
             /* color: var(--black); */
        }
      }
    }
  }

      &:hover, &.f_nav {
        box-shadow: 0 3px 10px -2px rgba(0, 0, 0, 0.20);
      > .inwrap:
      before{
        opacity:1;
      box-shadow: 0 3px 10px -2px rgba(0, 0, 0, 0.20);
      }
      .openMenuWrap{
        .openMenuBtn{
      background: var(--black);
        }
        &::before, &::after{
          background: var(--black);
        }
      }
   
  
    }
}


@media (max-width: 767px) {
  .headerNew {
    .inwrap{
      background:none;
      .lnb{
        margin-left:0;
      }
    }
  }
}


/* 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;}
.map_marker p {padding: 5px 10px;margin:0;position:absolute;border-radius: 6px;border: 2px solid var(--color_sub);display: block;background: #ffffff;left: 0;right: 0;left: -3px;right: -3px;top:-3px;bottom:-3px;font-weight: 600;}
.map_marker p:after {content:'';width: 0;height: 0;border-left: 10px solid transparent;border-right: 10px solid transparent;border-top: 20px solid var(--color_sub);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: 500;line-height: 36px;}

.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: var(--newColor1);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: 20px;margin-bottom: 15px;line-height: 30px;}
  .foot_board ul.three > li h5:before{width:30px;height: 30px;line-height: 30px;font-size: 20px;}
  .foot_board ul.three > li:first-child ul li{padding:10px;text-align: left;}
  .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;width: 150px;}
.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) {

}