@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;700&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@300;400;500;700&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Marcellus:wght@300;400;500;700&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Sorts+Mill+Goudy&display=swap');

@import url('https://webfontworld.github.io/kopus/KoPubWorldDotum.css');

@import url('https://webfontworld.github.io/kopus/KoPubWorldBatang.css');

@import url('https://fonts.googleapis.com/earlyaccess/jejumyeongjo.css');

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@200;300;400;500;600;700&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Cormorant+Infant:wght@300;400;500;600;700&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: 'KCC-eunyoung';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/KCC-eunyoung-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* Fonts */
.notoserif *,.notoserif {
    font-family: 'Noto Serif KR', serif;
	-webkit-font-smoothing: antialiased;
    letter-spacing: -0.02em;
}
.marcellus *,.marcellus {
    font-family: 'Marcellus','Noto Sans KR', sans-serif;
}
.sortsmillgoudy *,.sortsmillgoudy {
    font-family: 'Sorts Mill Goudy', sans-serif;
}
.notosans *,.notosans {
    font-family: 'Noto Sans KR', sans-serif;
}
.kopubworlddotum *,.kopubworlddotum {
    font-family: 'KoPubWorldDotum', sans-serif;
}
.kopubworldbatang *,.kopubworldbatang {
    font-family: 'KoPubWorldBatang', sans-serif;
}
.jejumyeongjo *,.jejumyeongjo {
    font-family: 'Jeju Myeongjo', serif;
}
.montserrat *,.montserrat {
    font-family: 'Montserrat', sans-serif;
}
.cormorantinfant *,.cormorantinfant {
    font-family: 'Cormorant Infant', serif;
}
.chosunnm *,.chosunnm {
    font-family: 'Chosunilbo_myungjo', serif;
}
.kcceunyoung *,.kcceunyoung {
    font-family: 'KCC-eunyoung', serif;
}




/* Common */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
html, body{
	font:300 16px/1.3 'Noto Sans KR', sans-serif;
	color: #303030;
    overflow-x: hidden !important;
}
body.open{width:100%; height:100%; overflow: hidden;}
body *{box-sizing: border-box; word-break: keep-all;}
a:hover, a:link, a:visited, a:active {text-decoration: none; color: inherit;}
hr{border:0; margin:0; width:100%; height:1px; background: #fff;}
button{font-family: inherit;}
address {font-style: normal;}


/*
input{
  ios대응<!-- 주석해야됌 -->
  appearance: none;
  -webkit-appearance: none;
  -webkit-border-radius: 0;
}
*/
select{
  /*ios대응*/
  -webkit-appearance: none;
  -moz-appearance: none; 
  appearance: none;

  /*화살표 배경 넣기*/
/*  background: url('../img/select-down-arrow.svg') no-repeat 93% 50% rgba(255, 255, 255, 0); background-size:12px;화살표 select박스 오른쪽 중앙 배치,배경 흰색*/
}
select::-ms-expand{ 
  display:none; /* 화살표 없애기 for IE10, 11*/
}
a { -webkit-tap-highlight-color:transparent;}
* {-webkit-tap-highlight-color:transparent;}
img {max-width: 100%; vertical-align: top;}

/* width */
::-webkit-scrollbar {
	width: 0px;
}

/* Track */
::-webkit-scrollbar-track {
	background: rgba(240, 240, 240, 0);
}

/* Handle */
::-webkit-scrollbar-thumb {
	background: #012662;
	border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	-ms-border-radius: 0px;
	-o-border-radius: 0px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
	background: #0040a8;
}

.container {padding: 0 65px;}

.dp_ib {display: inline-block;}
.dp_none {display: none;}

.p_r{position:relative;}

body > #preview_item{display:none;}
body > #hd_login_msg{display:none;}

/* skip */
#skip a {position: absolute; top: 0; left: -9999px; z-index: 1000;}
#skip a:focus, #skip a:active {display: block; top: 0; left: 0;  width: 100%; padding: 10px 0; background: #345243; color: #fff; text-align: center;}

/* hide text */
.blind {font-size: 0; line-height: 0; width: 1px; height: 1px; line-height: 1px; text-align: -9999px; overflow: hidden; position: absolute; top: 0; left: -9999px;}
.ir_text{display: block; width: 100%; height: 100%; text-indent: -9999em;}

/* font-size */   
.h1{font-size:2.813rem; line-height: 1.4;}
.h2{font-size:2.5rem; line-height: 1.4;}
.h3{font-size:2.25rem; line-height: 1.4;}
.h4{font-size:1.875rem; line-height: 1.4;}
.h5{font-size:1.563rem; line-height: 1.4;}
.h6{font-size:1.5rem; line-height: 1.4;}

.fz_13{font-size: 0.813rem;}
.fz_14{font-size: 0.875rem;}
.fz_15{font-size: 0.938rem;}
.fz_16{font-size: 1rem; line-height: 1.6;}
.fz_17{font-size: 1.063rem; line-height: 1.6;}
.fz_18{font-size: 1.125rem; line-height: 1.6;}
.fz_19{font-size: 1.188rem; line-height: 1.6;}
.fz_20{font-size: 1.25rem; line-height: 1.6;}
.fz_21{font-size: 1.313rem; line-height: 1.6;}
.fz_22{font-size: 1.375rem; line-height: 1.6;}
.fz_23{font-size: 1.438rem; line-height: 1.6;}
.fz_24{font-size: 1.5rem; line-height: 1.6;}
.fz_25{font-size: 1.563rem; line-height: 1.6;}
.fz_26{font-size: 1.625rem; line-height: 1.6;}
.fz_27{font-size: 1.688rem; line-height: 1.6;}
.fz_28{font-size: 1.75rem; line-height: 1.6;}
.fz_29{font-size: 1.813rem; line-height: 1.6;}
.fz_30{font-size: 1.875rem; line-height: 1.6;}
.fz_31{font-size: 1.938rem; line-height: 1.6;}
.fz_32{font-size: 2rem; line-height: 1.6;}
.fz_33{font-size: 2.063rem; line-height: 1.6;}
.fz_34{font-size: 2.125rem; line-height: 1.6;}
.fz_35{font-size: 2.188rem; line-height: 1.6;}
.fz_36{font-size: 2.25rem; line-height: 1.6;}
.fz_37{font-size: 2.313rem; line-height: 1.6;}
.fz_38{font-size: 2.375rem; line-height: 1.6;}
.fz_39{font-size: 2.438rem; line-height: 1.6;}
.fz_40{font-size: 2.5rem; line-height: 1.6;}
.fz_42{font-size: 2.625rem; line-height: 1.6;}
.fz_45{font-size: 2.813rem; line-height: 1.6;}
.fz_48{font-size: 3rem; line-height: 1.6;}
.fz_50{font-size: 3.125rem; line-height: 1.4;}
.fz_55{font-size: 3.438rem; line-height: 1.4;}
.fz_60{font-size: 3.75rem; line-height: 1.4;}
.fz_70{font-size: 4.375rem; line-height: 1.4;}
.fz_75{font-size: 4.688rem; line-height: 1.4;}
.fz_80{font-size: 5rem; line-height: 1.4;}
.fz_85{font-size: 5.313rem; line-height: 1.4;}
.fz_90{font-size: 5.625rem; line-height: 1.4;}
.fz_95{font-size: 5.938rem; line-height: 1.4;}
.fz_100{font-size: 6.25rem; line-height: 1.4;}
.fz_180{font-size: 11.25rem; line-height: 1.4;}



/* font style */
.ta_c{text-align: center;}
.ta_l{text-align: left;}
.ta_r{text-align: right;}

.light{font-weight: 300;}
.normal{font-weight: 400;}
.medium{font-weight: 500;}
.semibold{font-weight: 600;}
.bold{font-weight: 700;}


/* color */
.c-w{color:#fff;}
.c-b{color:#000;}
.c-gray {color:#767676;}
.c-f2f2f3 {color:#f2f2f3;}
.c-727272{color:#727272;}
.c-7f7f7f{color:#7f7f7f;}
.c-2d2d2d{color:#2d2d2d;}
.c-303030{color:#303030;}
.c-333333{color:#333333;}
.c-373737{color:#373737;}
.c-535353{color:#535353;}
.c-553819{color:#553819;}
.c-595959{color:#595959;}
.c-6d6d6d{color:#6d6d6d;}
.c-676767{color:#676767;}
.c-959595{color:#959595;}
.c-979797{color:#979797;}
.c-60656e{color:#60656e;}
.c-main{color:#1f3d74;}
.c-4b3b2b{color:#4b3b2b;}
.c-c6a582{color:#c6a582;}

/* line-height */
.lh_1{line-height: 1;}
.lh_11{line-height: 1.1;}
.lh_12{line-height: 1.2;}
.lh_13{line-height: 1.3;}
.lh_14{line-height: 1.4;}
.lh_15{line-height: 1.5;}
.lh_16{line-height: 1.6;}
.lh_18{line-height: 1.8;}
.lh_2{line-height: 2;}
.lh_21{line-height: 2.1;}
.lh_22{line-height: 2.2;}
.lh_23{line-height: 2.3;}
.lh_24{line-height: 2.4;}

/* letter-spacing */
.ls_p1{letter-spacing:0.01em;}
.ls_p2{letter-spacing:0.02em;}
.ls_p3{letter-spacing:0.03em;}
.ls_p4{letter-spacing:0.04em;}
.ls_p5{letter-spacing:0.05em;}
.ls_p6{letter-spacing:0.06em;}
.ls_p7{letter-spacing:0.07em;}
.ls_p8{letter-spacing:0.08em;}
.ls_p10{letter-spacing:0.1em;}
.ls_p20{letter-spacing:0.2em;}

.ls_0{letter-spacing:0em;}
.ls_1{letter-spacing:-0.01em;}
.ls_2{letter-spacing:-0.02em;}
.ls_3{letter-spacing:-0.03em;}
.ls_4{letter-spacing:-0.04em;}
.ls_5{letter-spacing:-0.05em;}

/* margin-bottom */
.m_5{margin-bottom: 5px;}
.m_10{margin-bottom: 10px;}
.m_20{margin-bottom: 20px;}
.m_30{margin-bottom: 30px;}
.m_40{margin-bottom: 40px;}
.m_50{margin-bottom: 50px;}
.m_60{margin-bottom: 60px;}
.m_80{margin-bottom: 80px;}
.m_100{margin-bottom: 100px;}
.m_120{margin-bottom: 120px;}
.m_160{margin-bottom: 160px;}
.m_200{margin-bottom: 200px;}

/* margin-left */
.ml_10{margin-left: 10px;}
.ml_20{margin-left: 20px;}
.ml_30{margin-left: 30px;}
.ml_40{margin-left: 40px;}

/* padding */
.pd_60{padding: 60px 0;}
.pd_80{padding: 80px 0;}
.pd_100{padding: 100px 0;}
.pd_120{padding: 120px 0;}
.pd_140{padding: 140px 0;}
.pd_160{padding: 160px 0;}
.pd_200{padding: 200px 0;}

/* padding-top */
.pt_5{padding-top: 5px;}
.pt_10{padding-top: 10px;}
.pt_20{padding-top: 20px;}
.pt_30{padding-top: 30px;}
.pt_40{padding-top: 40px;}
.pt_60{padding-top: 60px;}
.pt_80{padding-top: 80px;}
.pt_100{padding-top: 100px;}
.pt_120{padding-top: 120px;}
.pt_140{padding-top: 140px;}
.pt_160{padding-top: 160px;}
.pt_180{padding-top: 180px;}
.pt_200{padding-top: 200px;}
.pt_210{padding-top: 210px;}
.pt_230{padding-top: 230px;}
.pt_250{padding-top: 250px;}

/* padding-left */
.pl_10{padding-left:10%;}
.pl_11{padding-left:11%;}
.pl_12{padding-left:12%;}
.pl_13{padding-left:13%;}
.pl_14{padding-left:14%;}
.pl_15{padding-left:15%;}
.pl_16{padding-left:16%;}
.pl_17{padding-left:17%;}
.pl_18{padding-left:18%;}
.pl_19{padding-left:19%;}
.pl_20{padding-left:20%;}
.pl_21{padding-left:21%;}
.pl_22{padding-left:22%;}
.pl_23{padding-left:23%;}
.pl_24{padding-left:24%;}
.pl_25{padding-left:25%;}
.pl_26{padding-left:26%;}

.m_auto{
    margin-left: auto;
    margin-right: auto;
}
.mx300{max-width: 300px;}
.mx400{max-width: 400px;}
.mx500{max-width: 500px;}
.mx520{max-width: 520px;}
.mx540{max-width: 540px;}
.mx550{max-width: 550px;}
.mx570{max-width: 570px;}

/* flex-box */
.flex_row{display: flex; }
.flex_row.fw{flex-wrap:wrap; }
.flex_row.al_fs{display: flex; align-items: flex-start;}
.flex_row.al_fe{display: flex; align-items: flex-end;}
.flex_row.center{display: flex; align-items: center;}
.flex_row.jc_center{justify-content: center;}
.flex_row.jc_fs{justify-content: flex-start;}
.flex_row.jc_fe{justify-content: flex-end;}
.flex_row.sb{justify-content:space-between;}
.flex_row.sa{justify-content:space-around;}
.flex_row.se{justify-content:space-evenly;}
.flex_row.fd_c{flex-direction:column;}

.column_half{width: 50%;}
.column_half_40{width: 40%;}
.column_third{width: 33.3333%;}
.column_third_30{width: 30%;}
.column_quarter{width: 25%;}
.column_fifth{width: 20%;}
.column_sixth{width: 16.666666%;}

.container-1600{position:relative; width:100%; max-width:1600px; padding:0; margin-left:auto; margin-right:auto;}
.container-1580{position:relative; width:100%; max-width:1580px; padding:0; margin-left:auto; margin-right:auto;}
.container-1500{position:relative; width:100%; max-width:1500px; padding:0; margin-left:auto; margin-right:auto;}
.container-md{width: 100%; max-width: 1440px; margin-left: auto; margin-right: auto; padding:0 40px; position: relative;}
.container-sm{width: 100%; max-width: 1400px; margin-left: auto; margin-right: auto; padding:0 40px; position: relative;}
.container-1400{width: 100%; max-width: 1400px; margin-left: auto; margin-right: auto; padding:0; position: relative;}
.container-1300{width: 100%; max-width: 1300px; margin-left: auto; margin-right: auto; padding:0; position: relative;}
.container-1200{width: 100%; max-width: 1200px; margin-left: auto; margin-right: auto; padding:0; position: relative;}
.container-xs{width: 100%; max-width: 1100px; margin-left: auto; margin-right: auto; padding:0; position: relative;}
.container-800{width: 100%; max-width: 800px; margin-left: auto; margin-right: auto; padding:0; position: relative;}

.pc_cont_1024{display:block; opacity:1; visibility:visible;}
.m_cont_1024{display:none; opacity:0; visibility:hidden;}

.pc_cont{display:block; opacity:1; visibility:visible;}
.m_cont{display:none; opacity:0; visibility:hidden;}

.pc_cont_640{display:block; opacity:1; visibility:visible;}
.m_cont_640{display:none; opacity:0; visibility:hidden;}

.pc_cont_480{display:block; opacity:1; visibility:visible;}
.m_cont_480{display:none; opacity:0; visibility:hidden;}

.pc_cont_434{display:block; opacity:1; visibility:visible;}
.m_cont_434{display:none; opacity:0; visibility:hidden;}

.pc_cont_376{display:block; opacity:1; visibility:visible;}
.m_cont_376{display:none; opacity:0; visibility:hidden;}





/* smooth-scroll */
.smooth-scroll{position:relative; overflow:hidden;}


/* header */
.main-header {position:fixed; top:0; left:0; width: 100%; height:auto; z-index:15;}

.bigtree .ht-inner {position:relative; width:100%; height:auto; margin-left: auto; margin-right: auto; padding:24px 3%; box-shadow:none; background-color:transparent; display: flex; justify-content: flex-start; align-items: center; border-bottom:1px solid rgba(255, 255, 255, 0); transition: 0.3s ease-in-out; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -ms-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out;}
.bigtree .ht-inner.scrolled{padding:24px 3%; background-color:rgba(255, 255, 255, 0.9); border-bottom:1px solid #ececec;}

.onyou .ht-inner {position:relative; width:100%; height:auto; margin-left: auto; margin-right: auto; padding:22px 3%; box-shadow:none; background-color:transparent; display: flex; justify-content: flex-start; align-items: center; border-bottom:1px solid rgba(255, 255, 255, 0); transition: 0.3s ease-in-out; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -ms-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out;}
.onyou .ht-inner.scrolled{padding:22px 3%; background-color:rgba(255, 255, 255, 0.9); border-bottom:1px solid #ececec;}

.ht-inner > div {position:relative; height:100%; display: flex; justify-content: flex-start; align-items: center;}
.ht-inner__left{width:auto;}
.ht-inner__right{width:0%;}
.ht-inner__center{position:relative; width:60%;}

.logo{position:relative; width:auto; height:auto; text-align:center; transition: 0.3s ease-in-out; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -ms-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out;}
.main-header.scrolled .logo{width:auto; transition: 0.3s ease-in-out; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -ms-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out;}

.logo > a > img{display:none;}
.logo > a > img.on{display:block;}

.header_center_list{position:relative; width:100%;}
.header_center_ul{position:relative; width:100%; margin-left:4%; display:flex; justify-content:flex-start; align-items:center;}
.header_center_ul > li{position:relative; margin:0 3%;}
.header_center_ul > li > a > p{color:#373737;}
.header_center_ul.main > li > a > p{color:#fff;}
.scrolled .header_center_ul.main > li > a > p{color:#373737;}

.call_btn{position:absolute; top:0; right:0; padding:20px 25px; background:#394300;}
.call_btn2{position:absolute; top:0; right:0; padding:20px 25px; background:#003275;}


/* hamburger */
.hamburger{display:none;}


/* gnb */
#gnb{display:none;}



/* 퀵메뉴 */
.quick_wrap{position:fixed; top:80%; right:20px; width:auto; z-index: 100;}
.quick_menu{position:relative; width:100%;}
.quick_menu > li{
    position:relative; width:100%; margin-bottom:12px; overflow:hidden; border-radius:50px;
    animation: top_btn_ani 0.6s ease-in-out infinite alternate;
    -webkit-animation: top_btn_ani 0.6s ease-in-out infinite alternate;
    -moz-animation: top_btn_ani 0.6s ease-in-out infinite alternate;
    -ms-animation: top_btn_ani 0.6s ease-in-out infinite alternate;
    -o-animation: top_btn_ani 0.6s ease-in-out infinite alternate;
}
.quick_wrap .quick_menu > li.bigtree{background:#394300;}
.quick_wrap .quick_menu > li.onyou{background:#003275;}
.quick_menu > li > a{position:relative; width:100%; height:100%; padding:8px 15px 8px 8px; display:flex; justify-content:flex-start; align-items:center;}
.quick_wrap .quick_menu > li > a{color:#fff;}
.quick_wrap .quick_menu > li > a > i{margin-right:8px;}

@-webkit-keyframes top_btn_ani {
    0%{ 
        transform: translateY(0) translateZ(0); 
        -webkit-transform: translateY(0) translateZ(0); 
        -moz-transform: translateY(0) translateZ(0); 
        -ms-transform: translateY(0) translateZ(0); 
        -o-transform: translateY(0) translateZ(0);
    }
    100%{ 
        transform: translateY(-6px) translateZ(0); 
        -webkit-transform: translateY(-6px) translateZ(0); 
        -moz-transform: translateY(-6px) translateZ(0); 
        -ms-transform: translateY(-6px) translateZ(0); 
        -o-transform: translateY(-6px) translateZ(0);
    }
}
@keyframes top_btn_ani {
    0%{ 
        transform: translateY(0) translateZ(0); 
        -webkit-transform: translateY(0) translateZ(0); 
        -moz-transform: translateY(0) translateZ(0); 
        -ms-transform: translateY(0) translateZ(0); 
        -o-transform: translateY(0) translateZ(0);
    }
    100%{ 
        transform: translateY(-6px) translateZ(0); 
        -webkit-transform: translateY(-6px) translateZ(0); 
        -moz-transform: translateY(-6px) translateZ(0); 
        -ms-transform: translateY(-6px) translateZ(0); 
        -o-transform: translateY(-6px) translateZ(0);
    }
}





/* icon */
.call_icon { position:relative; width:0.75rem; height:0.688rem; margin-right:8px; background:url("../bigtree/img/call_icon.png") 50% 50%/100% no-repeat; display:inline-block;}
.call_icon2 { position:relative; width:2.25rem; height:2.25rem; background:url("../bigtree/img/call_icon2.png") 50% 50%/100% no-repeat; display:inline-block;}
.call_icon3 { position:relative; width:2.25rem; height:2.25rem; background:url("../onyou/img/call_icon3.png") 50% 50%/100% no-repeat; display:inline-block;}
.time_icon { position:relative; width:1.563rem; height:1.563rem; background:url("../bigtree/img/time_icon.png") 50% 50%/100% no-repeat; display:inline-block;}
.map_icon { position:relative; width:2.125rem; height:1.5rem; background:url("../bigtree/img/map_icon.png") 50% 50%/100% no-repeat; display:inline-block;}
.subway_icon { position:relative; width:1.25rem; height:1.438rem; background:url("../bigtree/img/subway_icon.png") 50% 50%/100% no-repeat; display:inline-block;}
.bus_icon { position:relative; width:1.25rem; height:1.375rem; background:url("../bigtree/img/bus_icon.png") 50% 50%/100% no-repeat; display:inline-block;}
.quick_call { position:relative; width:3.25rem; height:3.25rem; background:url("..//img/quick_call.png") 50% 50%/100% no-repeat; display:inline-block;}
.quick_call2 { position:relative; width:3.25rem; height:3.25rem; background:url("..//img/quick_call2.png") 50% 50%/100% no-repeat; display:inline-block;}

/* footer */
.footer{position:relative; width:100%; background:#000;}
.footer_cont{position:relative; width:100%; padding:4% 8% 5%;}
.footer_logo{position:relative; width:auto; margin-bottom:40px;}
.footer_info_wrap{position:relative; width:100%; display:flex; justify-content:space-between; align-items:flex-start;}
.footer_info_ul{position:relative; width:85%; display:flex; flex-wrap:wrap; justify-content:flex-start; align-items:flex-start;}
.footer_info_ul > li{margin-right:30px; margin-bottom:6px;}
.footer_btn{position:relative; width:auto; text-align:right; opacity:0.4;}


/**************************************************
* modal
**************************************************/
.transparents-layer { display:none; position:fixed; left:0; right:0; top:0; bottom:0; width:100vw; height:100vh; background-color:#000; filter:alpha(opacity="50"); opacity:0.5; z-index:100; }
.modal { position:fixed; left:-99999px; top:-99999px; z-index:1050; outline:0; }
.modal .modal-dialog { position:relative; width:auto; margin:0.5rem; }
.modal-content { position:relative; width:100%; pointer-events:auto; background-color:#fff; outline:0; }
.modal .modal-close { position:absolute; right:10%; top:10%; display:inline-block; width:2.062rem; height:2.062rem; background:url("../img/modal-close-w.png") no-repeat center/100% auto; z-index:1060; outline:none; margin: 0; border: 0; padding: 0;}

/* modal */
#nonpay.modal { width:100%; max-width:60%; height:auto; }
#nonpay.modal .modal-dialog { height:100%; padding:1.5rem; background-color:#f8f8f8; border-radius:0.625rem; text-align:center; }
#nonpay.modal .modal-content { height:100%; text-align:left; background-color:transparent; }
#nonpay.modal .modal-body { height:100%; }
#nonpay.modal .modal-close { left:50%; margin-left:-1.031rem; top:-8%; }

.modal .modal-titlebox { padding:1rem 0; font-size:1.5rem; font-weight:600; text-align:center; color:#394300;}
.modal-txtbox { height:90%; max-height:600px; overflow:scroll; padding:0.625rem; }
.modal-txtbox * { width:100% !important; word-break:keep-all; }
/* width */
.modal-txtbox::-webkit-scrollbar {
	width: 5px;
}
/* Track */
.modal-txtbox::-webkit-scrollbar-track {
	background: rgba(240, 240, 240, 0);
}
/* Handle */
.modal-txtbox::-webkit-scrollbar-thumb {
	background: #394300;
	border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	-ms-border-radius: 0px;
	-o-border-radius: 0px;
}
/* Handle on hover */
.modal-txtbox::-webkit-scrollbar-thumb:hover {
	background: #fafafa;
}