@charset "utf-8";
@import url("reset.css");
@import url("font.css");
@import url("variable.css");
@import url("common.css");


/* Layout  
******************/
#header .lnr{display:inline-block;fill:currentColor;width:1em;height:1em;vertical-align:-.05em}
#gnb .lnr {display: inline-block; fill: currentColor; width: 1em;height: 1em; vertical-align: -0.05em;}

#header{width:100%;padding:13.8888% 0 0;z-index:21;position:relative; background-color: var(--header_bg__color);}
#header .header_in{position:absolute;width:100%;height:100%;left:0;top:0;text-align:center;overflow:hidden;display:flex;justify-content:space-between;align-items:center;z-index:30}
#header h1{width:20%; height: 100%; margin-left:5vw; margin-right:auto;}
#header h1 a {display: block; position: relative; height: 100%; background: url(../img/top_logo.png) no-repeat center center; background-size: contain; font-size: 0; color: transparent;}
#header .hamberger {position:relative; height: 100%; width: 15%; font-size:4vw; }
#header .hamberger a {display: flex; align-items:center; justify-content: center; height: 100%; color:var(--hamberger__color); font-size:7vw;}
#header .tel {position:relative; height: 100%; width: 15%; font-size:4vw;}
#header .tel a {display: flex; align-items:center; justify-content: center; height: 100%; border-left:1px solid #d2d6d5; border-right:1px solid #d2d6d5;}
#header .tel a span {
    display: inline-flex;
    color: #352c27;     
    margin-left: inherit;
}
#header .tel a span i::before {font-family:fontAwesome;content:'\f095'; font-size:2rem;}

.gnb_header {padding:13.8888% 0 0;z-index:21;position:relative; background-color: var(--gnb_bg__color);}
.gnb_header .inner {display:flex;justify-content:space-between;flex-direction:row-reverse;align-items:center;position:absolute;width:100%;height:100%;left:0;top:0;}
.gnb_header h1{width:20%; height: 100%; display:none;} 
.gnb_header h1 a {display: block; position: relative; height: 100%; background: url(../img/top_logo.png) no-repeat center center; background-size: contain; font-size: 0; color: transparent;}
.gnb_header .gnb_close {position:relative; height: 100%; width: 15%; font-size:4vw; text-align:right;}
.gnb_header .gnb_close a {display: flex; align-items:center; justify-content: center; height: 100%; color:#fff; font-size:7vw;}
.gnb_header .tel {position:relative; height: 100%; width: 15%; font-size:4vw;}
.gnb_header .tel a {display: flex; align-items:center; justify-content: center; height: 100%;}
.gnb_header .tel a span {
    display: inline-flex;
    background-color:var(--tel_bg__color); 
    color: #fff;     
    margin-left: inherit;
    padding: 2vw; 
    border-radius: 100%; 
}
.gnb_mask {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 200;
    width: 100%;
    min-width: 320px;
    height: 100%;
    background-color: #000;
    opacity: 0.5;
}
#gnb {
    display: none;
    position: absolute;
    top: 0;
    right: -100%;
    z-index: 300;
    width: 100%;
    height: 100%;
    background-color:var(--gnb_bg__color); 
}
#gnb .depth0 {
    overflow-y: auto;
    overflow-x: hidden;
    /*height: 100%;*/
    background-color:var(--gnb_bg__color); 
   border-top: 1px solid var(--gnb_border__color);
}
#gnb .quickmenu {position:relative;width: 77%;margin:40px auto 0;}
#gnb .quickmenu>a {display:block;background:rgba(0,0,0,0);height:100%;position:absolute;top:0;text-indent:-9999px;overflow:hidden;}
#gnb .quickmenu>a.q1 {width:31%;left:0;}
#gnb .quickmenu>a.q2 {width:24%;left:44%;}
#gnb .quickmenu>a.q3 {width:20%;right:0;}
#gnb .depth0>li {border-bottom:1px solid var(--gnb_border__color);}
#gnb .depth0>li>a {
    display: block;
    position: relative;
    padding: 5% 10% 4%;
    color: var(--gnb_txt__color);
    font-size: 5vw;
    line-height: 1.4;  
}
#gnb .depth0>li>a strong {}
#gnb .depth0>li>a.toggle:after {
    display:block;
    content: "\e874";
    position: absolute;
    top: 50%;
    right: 9%;
    margin-top: -8px;
    font-family: 'Linearicons-Free';
    font-size: 3vw;
    line-height: 15px;
    opacity: .5;    
    color: #fff;
    transition: all .3s;
}
#gnb .depth0>li.on>a.toggle:after {transform: rotate(180deg); color:var(--gnb_txt__color); opacity: .7; }
#gnb .depth0>li.on>a {}
#gnb .depth0>li.on>a:after {
    color: #fff;
}
#gnb .depth1 {display: none; position:relative; padding-bottom:5%;}
#gnb .depth0>li.on .depth1::before {width:86vw;}
#gnb .depth1>li>a {
    display: block;
    padding: 1vw 10vw 1vw calc(10vw + 10px);
    color: var(--gnb_sub__color);
    font-size: 4vw;  
    position:relative;
}
#gnb .depth1>li>a::before {position:absolute;left:10vw;top:50%;transform:translateY(-50%);width:5px;height:5px;border-radius:100%;background:var(--gnb_sub__color);display:inline-block;content:'';vertical-align:middle;}
#gnb .depth1>li>a strong {font-weight: 100;}
#gnb .depth1>li.on>a {color: var(--gnb_sub__color); opacity: 1;}
#gnb .depth0>li.othermenu{border:0}
#gnb .depth0>li.othermenu a{padding-left:20%;padding-right:20%}
#gnb .depth0>li.othermenu a img{width:100%}
#gnb .depth0>li.othermenu a:after{display:none}

#lnb {width:100%;background-color:#493f38;text-align:center;}
#lnb nav {font-size:3.5vw;text-align:center;white-space:nowrap;position:relative;width:100%;}
#lnb nav .lnb-item ul {display:flex;width:100%;justify-content:center;}
#lnb nav .lnb-item ul li {flex: 1;}
#lnb nav .lnb-item ul li a {
    color:
    var(--page_nav_child_color);
    display:
    block;
    position:
    relative;
    padding: 10px 0%;
    background-color:
    var(--page_nav_childbg_color);
    font-size: 10px;
}
#lnb nav .lnb-item ul li a.current {color:#712d3e;background:#f7f6f5;}

/*
sub pages location bar
**************************/
.location{width:100%;background-color:#542e80;text-align:center;}
.location.topfix{position:fixed;top:0;left:0;right:0;z-index:90}
.location_nav{font-size:3.5vw;text-align:left;white-space:nowrap;position:relative; display: flex; flex-direction: row; justify-content: space-between;}
.location_nav button{border:0;background:transparent;outline:0;font-size:0}
.location_nav .home{display:inline-block;width:12.1vw;height:12.1vw;overflow:hidden;position:relative;font-size:0;background-color:#542e80;}
.location_nav .home i {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;    
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    color: #fff;
    opacity: 1;
    font-size: 1rem;
}
.location_nav .path-item {position:relative;}
.location_nav .path-item dt {border-bottom:0;border-top:0; height:12.1vw;}
.location_nav .path-item dt span{opacity: 1; font-weight: 500; color: #fff; display: inline-flex; align-items: center; justify-content: center; height: 100%;}
.location_nav .path-item.path_depth_1{flex: 1;}
.location_nav .path-item.path_depth_2{flex: 1; margin-left: 0;}
.location_nav .path-item.path_depth_1 dt {}
.location_nav .path-item dt, .location_nav .path-item li {padding: 0 4vw 0 3.5vw;}
.location_nav .path-item ul{border:1px solid var(--page_nav_line_color); position:absolute;left: 0; right: -1px;}
.location_nav .path-item ul li{line-height:1.6;padding:0;text-align:left}
.location_nav .path-item dd{display:none;width:100%}
.location_nav .path-item li a{color:var(--page_nav_child_color);display:block;position:relative;padding:10px 15px;border-top:1px solid var(--page_nav_line_color);background-color:var(--page_nav_childbg_color);}
.location_nav .path-item li:first-child a{border-top:0}
.location_nav .path-item li a.current{color:var(--page_nav_current_color);background-color:var(--page_nav_current_bg_color);}
.location_nav .path-item .btn-open,
.location_nav .path-item .btn-close {
    position: absolute;
    right: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 45px;
    white-space: nowrap;
    overflow: hidden;
    cursor: pointer;
}
.location_nav .path-item .btn-open:after,
.location_nav .path-item .btn-close:after {
    content: "\e878";
    position: absolute;
    top: 4.5vw;
    right: 3.5vw;
    white-space: nowrap;
    overflow: hidden;
    font-size: 12px;
    font-family: 'Linearicons-Free';
    transition: all .3s cubic-bezier(.25, .46, .45, 1);
    transform:rotate(0deg);
    color:#fff;
}
.location_nav .path-item .btn-close{display:none}
.location_nav .path-item .btn-close:after{transform:rotate(180deg)}
.location_nav .path-item.active{z-index:22}
.location_nav .path-item.active .btn-open{display:none}
.location_nav .path-item.active .btn-close{display:block}


/* container 
******************/
#container {position: relative; overflow: hidden;}
#container .page_container { padding: 0 5.5% 12vw;}
.page_contents .sub_con_tit {margin:12vw 0 6vw;text-align:center;color:#493f38;font-size:1.5rem;font-weight:400;}
.layout_sub {}
.top_visual {position: relative; width: 100%; overflow: hidden; background: #ddd;}
.top_visual img {width: 100%;}
.sub_top_tit {position: absolute; left: 0; top: 0; right: 0; bottom:0; z-index: 20; word-spacing: -5px; text-align: center; color: #fff; display: flex; flex-direction: column; justify-content: center; font-size:1.375rem;}
.sub_top_tit dt {font-size: 1.5rem; font-weight: 600; padding-bottom: 0.3rem;}
.sub_top_tit dd {font-size: 0.82rem; font-weight: 100; text-transform: uppercase; font-family: "Montserrat", sans-serif; letter-spacing: 0.5rem;}
.img_con {position: relative;}
.foot_summary {}
.foot_summary li {text-indent: -1.1rem; padding-left: 1rem; font-size: 0.82rem; word-break: keep-all; color: #777;}
/*.sub_top_bg {background: url(../img/sub_top.jpg) no-repeat center top; background-size: contain; position: absolute; left: 0; right: 0; top: 0; bottom: 0;}*/

/* Footer Area */
footer {background: #1a1a1a;}
footer.gate { padding: 0;}
footer .footer_con { position: relative;}

/* main popup */
.popup_wrap {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 20vw 20px 0;
    background: rgba(0, 0, 0, 0.5);
    overflow-y: auto;
    z-index: 999;
    line-height: 0;
}
.popup_wrap .popup {}
.popup_wrap .popup_slide {position: relative;}
.popup_wrap .popup_slide li { position: relative; }
.popup_wrap .popup_slide .popinner {position: relative;}
.popup_wrap .popup_slide .popinner .pop_link {position: absolute; display:block; color: transparent; font-size: 0; background: rgba(0,0,0,0);}
.popup_wrap .popup_slide .popinner .pop_link.pop_link_1 {width: 93.1%; top: 69.6%; left: 3.1%; height: 11.5%;}
.popup_wrap .popup_slide .popinner .pop_link.pop_link_2 {width: 45.8%; top: 82.4%; left: 3.1%; height: 11.5%;}
.popup_wrap .popup_slide .popinner .pop_link.pop_link_3 {width: 45.8%; top: 82.4%; left: 50.6%; height: 11.5%;}
/* .popup_wrap .popup_slide .slick-arrow {display:block;position:absolute;top:50%;margin-top:-3.5rem;width:4rem;height:4rem;background:rgba(0,0,0,0.4);z-index:36;}
.popup_wrap .popup_slide .slick-arrow span {display:block;position:relative;text-align:center;line-height:4rem;}
.popup_wrap .popup_slide .slick-arrow span:before {display:inline-block;font-family:Linearicons-Free;font-size:1.1rem;color:#fff;}
.popup_wrap .popup_slide .slick-arrow.slick-prev {left:0;}
.popup_wrap .popup_slide .slick-arrow.slick-prev span:before {content:"\e875";}
.popup_wrap .popup_slide .slick-arrow.slick-next {right:0;}
.popup_wrap .popup_slide .slick-arrow.slick-next span:before {content:"\e876";} */
.popup_wrap .today {
    clear: both;
    width: 100%;
}

.popup_wrap .today {
    position: relative;
    overflow: hidden;
    width: 100%;
    background: #333;
    padding: 5px 5%;
    color: #fff;
    font-size: 13px;
    line-height: 24px;
}

.popup_wrap .today a {
    color: #fff;
    float: right;
}

.popup_wrap .slick-dots {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 4px;
    display: block;
    text-align: center;
    z-index: 1;
}

.popup_wrap .slick-dots li {
    width: 12px;
    height: 12px;
    margin: 0 2px;
    text-indent: -20000px;
    border-radius: 12px;
    display: inline-block;
    border: 2px solid #afafaf;
}

.popup_wrap .slick-dots li.slick-active {
    background: #afafaf;
}


@media screen and (max-width: 365px) {
    .location_nav {padding-left:0; padding-right: 0;}
    .location_nav .path-item {min-width: 100px;}
    .location_nav .path-item dt {font-size: 12px;}
    .location_nav .home {left: 0; border-left: 0;}
    .location_nav .path-item dt {border-right: 0;}
    .location_nav .path-item li a {font-size: 10px;}
    .location_nav .path-item .btn-open:after,
    .location_nav .path-item .btn-close:after {font-size: 16px;top: 14px;}
}

.youtube_responsive {
    position: relative;
    padding-bottom: 56.2%;
    height: 0;
    overflow: hidden;
}
.youtube_responsive iframe, 
.youtube_responsive object, 
.youtube_responsive embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* 개인정보 취급방침 */
.privacy_link {text-align: center; padding: 10px 0;}
.privacy_link a {display: inline-block; padding: 5px 10px; border: 1px solid #182d58; color: #182d58; font-size: 11px;}
.bl_line>li {position: relative; padding-left: 15px;}
.bl_line>li:before {
    content: '-';    
    position: absolute;
    left: 0;
    top: 0;    
    display: inline-block;     
}
.bl_dot_wh>li {position: relative; padding-left: 15px;}
.bl_dot_wh>li:before {
    content: '';    
    position: absolute;
    left: 0;
    top: 4px;    
    display: inline-block;     
    width: 2px;
    height: 2px;
    background: #fff;
}
.bl_dot>li {position: relative; padding-left: 15px;}
.bl_dot>li:before {
    content: '';    
    position: absolute;
    left: 0;
    top: 4px;    
    display: inline-block;     
    width: 2px;
    height: 2px;
    background: #929292;
}

.privacy_pop {
  width: 100%;  
  height:calc(100vh - 150px);
  overflow-y: scroll; 
  padding: 20px 15px; 
}
.privacy_pop h2 {text-align: center; font-size: 18px; color: #535353; padding-bottom: 30px; position: relative; margin-bottom: 20px; font-weight: 700;}
.privacy_pop h2::before {
  content: "";
  width: 1px;
  height: 20px;
  position: absolute;
  left: 50%;
  background: #535353;
  bottom: 0;
}
.privacy_pop .rule_list_box {background: #fbfbfb; border: 1px solid #e4e4e4; overflow:hidden; padding: 20px;}
.privacy_pop .rule_list_box li {padding: 5px 0;}
.privacy_pop .rule_list_box li:nth-child(2n+1) {clear: both;}
.privacy_pop .rule_list_box li a {color: #222;}
.privacy_pop .privacy_summary {padding: 25px 0; border-bottom: 2px solid #5872af; color: #222; font-size: 13px; line-height: 1.6;}
.privacy_pop .privacy_summary p {padding: 5px 0;}
.privacy_pop .privacy_con {line-height: 1.6; padding: 10px 0; font-size: 12px;}
.privacy_pop .privacy_con h3 {font-size: 14px; color: #535353; font-weight: 700; padding-bottom: 5px;}
.privacy_pop .privacy_con p {padding: 5px 0;}
.privacy_pop .privacy_con ul {}
.privacy_pop .privacy_con ul li {padding-left: 12px;}
.privacy_pop .privacy_con ol li {padding-left: 15px;}
.privacy_pop .privacy_con ol.circle_list>li::before {top: 2px;}
.privacy_pop .privacy_con ul.bl_dot>li:before {top: 8px;}

.common_tb_row {width: 100%; table-layout: fixed; border-top: 2px solid #00588a; margin-top: 10px;}
.common_tb_row thead th {
  padding: 8px 10px;
  font-size: 12px;
  background: #fff;
  color:#00588a;   
  text-align: center;
  vertical-align: middle;
  border-bottom: 1px solid #ddd;
  position: relative;
  white-space: nowrap;
  font-weight: 700;
}
.common_tb_row tbody td {
  padding: 8px 10px;
  font-size: 12px;
  word-break: break-word;
  text-align: center;
  border-bottom: 1px solid #ddd;
  color: #666; 
  background: #fff;
  line-height: 1.3;
  vertical-align: middle;
  text-align: center;  
}

.layerPopup.privacy_layer {        
    position: fixed;    
    top: 50%;    
    padding: 0;
    -webkit-transform: translate(0, -50.1%);
    -moz-transform: translate(0, -50.1%);
    -ms-transform: translate(0, -50.1%);
    transform: translate(0, -50.1%);
}

.layerPopup.privacy_layer .closeLayer {top: -60px; right:0;}
.layerPopup.privacy_layer .closeLayer a {padding: 0; font-size: 38px;}

.contract { position: relative; }
.contract a.link2 { width: 80%; height: 3.3%; left: 10%; top: 16.5%; position:absolute; display: block; text-indent: -200000px; background:rgba(0,0,0,0); overflow:hidden; }
.contract a.link1 { width: 80%; height: 3.3%; left: 10%; top: 12.5%; position:absolute; display: block; text-indent: -200000px; background:rgba(0,0,0,0); overflow:hidden; }

.video_box {padding: 0 5vw;}

/*.video_box {
    width: 100%;
    position: relative;
    padding: 56% 0 0;
}
.video_box .movie_btn {position: absolute; left: 50%; top: 50%; transform: translate(-50.1%, -50.1%); text-align: center; z-index:60;}
.video_box .movie_btn button {  
  width: 60px; 
  height: 60px;
  z-index: 43;
  font-size: 0;
  color: transparent;
  cursor: pointer;
  display: inline-block;
  transition: all .2s;
  background: rgba(0,0,0,.5);
  border:1px solid rgba(255,255,255,.5);
  border-radius: 60px;
}
.video_box .movie_btn button::before {
  content: "\f04b";
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 18px;
  color: #fff;
  margin-left: 5px;
}
.video_box video {
    width: 100%; 
    height: auto;
    position: absolute;
    top: 0px;
    left: 0px;
}*/

.event_winner .winner_list { padding: 1.5rem 0; }
.event_winner .winner_list ul.list_head { padding: 0 3%; }
.event_winner .winner_list ul.list_head li.user_tit { display: flex; font-size: 1.1rem; padding: 0.6rem 0; color: #000; font-weight: 500; background:#729d98; color: #fff; font-weight: 500; border-top: 2px solid #ffaa00;}
.event_winner .winner_list ul.list_head li.user_tit strong { display: block; width: 50%; padding: 0 5px; width: 40%; text-align: center;}
.event_winner .winner_list ul.list_head li.user_tit span { display: block; width: 50%; padding: 0 6px; width: 60%; text-align: center;}

/* .event_winner .winner_list ul.list_body { display: flex; justify-content: space-between; flex-wrap: wrap; } */
.event_winner .winner_list ul.list_body { padding: 0 3%; }
.event_winner .winner_list ul.list_body li.user_data { display: flex; font-size: 1.1rem; padding: 0.6rem 0; color: #000; font-weight: 500; border-bottom: 1px solid #ddd; }
.event_winner .winner_list ul.list_body li.user_data strong { display: block; width: 50%; padding: 0 5px; width: 40%; text-align: center;}
.event_winner .winner_list ul.list_body li.user_data span { display: block; width: 50%; padding: 0 6px; width: 60%; text-align: center;}


/* 
    관심고객등록 
 *****************/
.regist h2 {padding: 1rem 0; font-size: 1.1rem;}
.regist .terms_box {
    margin-bottom: 0.5rem;
    padding:3vw;
    height: 50vw;
    border: 1px solid #e0e5e8;
    background: #f9f9f9;
    overflow: auto;
    font-size: 0.82rem;
}
.terms p {padding-bottom: 0.5rem;}
.terms ul li {padding-bottom: 0.2rem;}
.regist .terms_box h3 {position: relative; padding: 1rem 0; font-size: 0.92rem; color: #1c1c1c; font-weight: 500;}
.terms_agree {text-align: center; padding: 0.5rem 0; margin-bottom: 1rem;}
.terms_agree * {vertical-align: middle;}
.terms_agree label {font-size: 0.87rem; display: inline-block; padding: 0 0.5rem;}
.privacy_tb {width: 100%; margin-bottom: 1rem; border-top: 2px solid var(--page_tbl_th_color);}
.privacy_tb th {
    padding: 1rem 0.5rem;
    text-align: center;
    vertical-align: middle;
    background-color: #ffffff;
    border-bottom: 1px solid var(--page_tbl_th_color);
    font-size: 13px;
    color: var(--page_tbl_th_color);
    word-break: keep-all;
}
.privacy_tb td {padding: 0.7rem 0.5rem; vertical-align: middle; border-bottom: 1px solid #cccccc; font-size: 0.82rem; word-break: keep-all;}
.privacy_tb td:first-child,
.privacy_tb th:first-child {
    border-right: 1px solid #cccccc
}

.form_table {margin-bottom: 1.5rem; border-top: 2px solid var(--page_tbl_th_color);}
.form_table dl {display: flex;}
.form_table dl dt {font-weight: 500;color: #000;font-size: 0.82rem; width: 30%; display: flex; align-items:center; justify-content: center; border-bottom: 1px solid var(--page_tbl_th_color);}
.form_table dl dd {padding:0.3rem 0; text-align: left; display: flex; justify-content: flex-start; width: 100%; border-bottom: 1px solid #ccc;  border-left: 1px solid #ccc; padding-left: 0.5rem;}
.form_table dl:last-child dd { border-bottom: 1px solid var(--page_tbl_th_color);}
.form_table dl dd .input-col {flex: 1; padding-right: 5px;}
.form_table dl dd .input-col input[type="text"], 
.form_table dl dd .input-col input[type="password"],
.form_table dl dd .input-col select {
    border-color: rgba(0,0,0,0.3);
    padding: 0.5rem 0.2rem;
    height: 100%;
    width: 100%;
    font-size: 0.82rem;
    line-height: 2;
}
.form_table dl dd .input-col .select-wrapper { border-color: rgba(0,0,0,1);}
.input_number {font-family:"Roboto", sans-serif !important;}
.input-col-1 {}
.input-col-1 input {width: 100%;}
.input-col-3 {width: 33.3333%;}
.button_group {display: flex; flex-direction: row; justify-content: space-between; padding: 2rem 1.5rem;}
.button_group a {width: 50%; text-align: center; display: flex; justify-content: center; align-items: center; padding: 0.7rem 0; margin: 0 0.5rem; font-size: 0.92rem;}
.button_group a.btn_regist {background: var(--regist_btn_color); color:#fff; border: 1px solid var(--regist_btn_color);}
.button_group a.btn_cancel {background: #777; color: #fff;}




/* Main page 
******************/
.sec_inner {margin:0 5.5%;position:relative;padding:60px 0;}
.main_visual {line-height: 0;}

.sec_open {position:relative; top:-20px;}

.sec_life .life_slide {position:relative;margin-top:25px;padding:0 7.8%;}
.sec_life .slick-arrow {display:block;position:absolute;top:47%;width:11px;height:39px;background-color:transparent;background-repeat:no-repeat;background-position:center center;z-index:15;text-indent:-9999px;overflow:hidden;border:0;background-size:100% 100%;transform:scale(0.5);}
.sec_life .slick-prev {left:-13%;background-image:url("/m/resources/img/main/arrow_left.png");}
.sec_life .slick-next {right:-13%;background-image:url("/m/resources/img/main/arrow_right.png");}

.sec_brand {background:#493f38;margin: 13.8888vw 0 0;}
@media screen and (min-width: 720px) {
    .sec_brand {
        margin: 100px 0 0;
    }
}
.sec_brand img {display:block;}
.sec_brand .video_con {position:relative; width:100%; height:0; padding-bottom:56.2%; background:#fff;}
.sec_brand .video_con iframe, .sec_brand .video_con video {position:absolute; left:0; top:0; width:100%; height:100%; z-index:1;}
.sec_brand .video_con .video_tit {position:absolute;left:50%;top:50%;width:100%;z-index:10;transform:translate(-50%, -50%);}
.sec_brand .brand_slide {margin:0 -1%;}
.sec_brand .slick-slide {text-align:center;}
.sec_brand .slick-slide img {display:inline-block;width:97%;}
.sec_brand .slick-dots {display:block;text-align:center;margin-top:40px;}
.sec_brand .slick-dots li {display:inline-block;margin:0 0.5%;}
.sec_brand .slick-dots li button {display:inline-block;transform:scale(0.5);width: 12px;height: 12px;border-radius: 10px;background:#f7f6f5;border:0;text-indent:-9999px;overflow:hidden; margin: 0;
        padding: 0;
        box-sizing: border-box;}
.sec_brand .slick-dots li.slick-active button {background:#a9c245;}

.sec_company .company_slide {position:relative;margin-top:25px;padding:0 7.8%;}
.sec_company .slick-arrow {display:block;position:absolute;top:100px;width:11px;height:39px;background-color:transparent;background-repeat:no-repeat;background-position:center center;z-index:15;text-indent:-9999px;overflow:hidden;border:0;background-size:cover;}
.sec_company .slick-prev {left:-11%;background-image:url("/m/resources/img/main/arrow_left.png");}
.sec_company .slick-next {right:-11%;background-image:url("/m/resources/img/main/arrow_right.png");}

.sec_location {background:#f8f8f8;}
.sec_location .location_box {display:flex;align-items:center;flex-direction:column;justify-content:space-between;}
.sec_location .location_box .map {position:relative;}
.sec_location .location_box .map>a {display:block;width:40%;height:12%;position:absolute;right:4%;bottom:4%;background:rgba(0,0,0,0);text-indent:-9999px;overflow:hidden;}


/* 게시판 */
.list_wrap{width: 90%;margin: 0 auto;padding-bottom: 10vw;}
.list_wrap ul li{padding:10px 0; line-height: 25px; border-bottom: 1px solid #dcdee2;}
.list_wrap ul li:first-child{border-top:1px solid #e0e5e8;}
.list_wrap ul li dl dt{float: left; width:90%;color:#000; font-size: 14px; text-align: left; padding-bottom: 5px;}
.list_wrap ul li dl dt a { color: #333; }
.list_wrap ul li dl:after{clear:both;content: '';display:block;}
.list_wrap ul li:after{clear:both;content: ''; display:block;}
.list_wrap ul li dl dd{float: left;}
.list_wrap ul li dl dd.num{width:10%; font-size:14px; color:#72273d;}

.list_wrap ul li dl dd.date{/* color:#fff; */ padding-right:12px; text-align: right; float: right;}
.list_wrap ul li dl dd.media{padding-left:10%; text-align: center;}
.list_wrap ul li dl dd.media span{display:block;background-color: #493f38; font-size: 14px; width:120px; height:23px; line-height: 23px; color:#fff;}
.list_wrap ul li dl dd.media.notice span{background-color: #1c1c1c ;}
.list_wrap .th{color:#404041 !important; font-size: 14px !important; font-weight: 700 !important; text-align: center !important; background:url("/images/common/list_th_bl.gif") 0 50% no-repeat;}
.list_wrap .th.none{background: none;}

.page_list {clear: both; text-align:center; padding-top: 30px;}
.page_list a {display: inline-block; width:31px; height:31px; line-height:26px; color: #72273d;}
.page_list a.arrow {font-size: 0; color: transparent;}
.page_list a.prev {}
.page_list a.next {}
.page_list * {vertical-align: inherit;}
.page_list a.on { border:2px solid #493f38; font-weight:600; color:#493f38;}
.page_list a.prev:before{font-family: 'FontAwesome'; content: "\f104"; font-size:20px; color: #001140; margin-left: -3px;}
.page_list a.first:before{font-family: 'FontAwesome'; content: "\f100"; font-size:20px; color: #001140;}
.page_list a.next:before{font-family: 'FontAwesome'; content: "\f105"; font-size:20px; color: #001140; margin-left:3px;}
.page_list a.last:before{font-family: 'FontAwesome'; content: "\f101"; font-size:20px; color: #001140;}

.btn_zoom {margin:25px 0 10px;}
.btn_zoom>a {display:inline-block;width:26%;}
/**/


.brand_page .video_con_wrap {background:#493f38;padding:0 5% 5% 5%;}
.brand_page .video_con {position:relative; width:100%; height:0; padding-bottom:56.2%; background:#fff;}
.brand_page .video_con .video_tit {position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);z-index:50;width:90%;}
.brand_page .video_con video {position:absolute; left:0; top:0; width:100%; height:100%; z-index:1;}


.quick_links {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-wrap: wrap;
}
.quick_links a {
    text-indent: -999999px;
    flex: 1;
}
.quick_links a:first-child {
    flex: 1.5;
}


/*이벤트 당첨자 발표*/
.winner_con {background-color: #615750}

.winner_con>.bg{display:table;width: 92%;padding: 15px;background: #FFF;position: relative;top: -16vw;left: 50%;transform: translateX(-50%);border-top-left-radius: 10px;border-bottom-right-radius: 10px;}
.winner_con>.bg>div{width:100%;}
.winner_con>.bg>div>ul{padding-bottom: 20px;}
.winner_con>.bg>div>ul li{display: flex; width:100%; color:#616161;}
.winner_con>.bg>div>ul li.th{font-size: 12px; font-weight:bold; color:#FFF;background: #493c37; padding:8px 0; margin-bottom:16px;align-items: center;justify-content: center;}
.winner_con>.bg>div>ul li.td{padding:5px 0; font-size:12px;}
.winner_con>.bg>div>ul li.th span:first-child {border-right: 1px solid #FFF}
.winner_con>.bg>div>ul li span{
    flex: 1;
    text-align: center;
}
.winner_con>.bg>div>ul li span:first-child{}

/* 관심고객등록 2 */
.privacy fieldset{text-align: left;}
.privacy fieldset > h2 {position:relative; margin-bottom:10px; font-size:18px; line-height: 18px; height: 18px; color:#1c1c1c; font-weight:400;}

.terms_box{margin-bottom:15px; padding:15px 2%; height:150px; border:1px solid #e0e5e8; background:#f9f9f9;overflow:auto; font-size:13px; line-height: 25px;}
.terms_box h1{color:#414042; font-size:15px;}
.terms_box .terms > ul{padding-top:5px;}
.terms_box .terms > ul ul{padding-left:10px;}
.terms_agree{margin-bottom:30px; text-align: center;}
.terms_agree * {vertical-align: middle;}
.terms_agree label{ display:inline-block; font-size:14px; color:#959595; }
.terms_agree input{height: 24px}

.privacy_tb {width:100%; margin-bottom:10px; border-top:2px solid #493f38;}
.privacy_tb th{padding:15px 8px; text-align:center; vertical-align: middle; background-color:#f6f6f6; border-bottom:1px solid #c7c7c7; font-size:15px; color:#2c2c2c; }
.privacy_tb td{padding:9px; vertical-align: middle; border-bottom:1px solid #c7c7c7;}
.privacy_tb td:first-child,.privacy_tb th:first-child{border-right: 1px solid #e4e4e4 }
.privacy_tb td input[type=text]{padding-left:5px; width:202px; height:30px; line-height:30px; }
.privacy_tb td span{color:#959595; font-size:12px;}
.privacy_tb td input[type=text]{padding-left:1%; width:99%; height:32px; line-height:32px; }
.privacy_tb td input[type=number]{padding-left:1%; width:99%; height:32px; line-height:32px; }

.privacy_tb td select{width:32%; height:34px; background: #fff; line-height:34px; font-size:11px;}
.privacy_tb td.w_3 input[type=text]{width:30%;}
.privacy_tb td.w_3 input[type=number]{width:28%;}
.privacy_tb td.w_3  select{width:26%;}
.privacy_tb td.w_2 select{width:44%;}
.privacy_tb td.w_2 input[type=text]{width:44%;}
.privacy_tb .btn_post{margin-left:5px; width:150px; height:32px; text-align:center; line-height:32px; display:inline-block; background-color:#414042; color:#fff; font-size:11px; font-family:"돋움";}
.privacy_tb td label{color:#959595; margin-right: 5px; font-size:14px; }

.privacy_tb td.lable_td{padding:15px 8px 0;}
.privacy_tb td input[type=radio].radio+.label{vertical-align: bottom;}
.privacy_tb td input[type=radio].radio+.label::before{min-width:16px; width:16px; height: 16px; line-height: 16px; font-size: 12px;}
.privacy_tb td input[type=radio].radio:checked+.label:before{border:1px solid #dbdbdb; color:#574b30;}

.privacy_tb td .qe{font-size:14px; color:#2c2c2c; 
  padding-bottom:10px;
  padding-top:20px;
}
.privacy_tb td .qe:first-child{padding-top:10px;}
.privacy_tb td .qe em{color:#5c7dca;}
.privacy_tb td .an input{line-height:24px; height:24px;}

.privacy_tb td .tit{font-size:15px; color:#585858; padding-top:15px; padding-bottom:10px;}
.privacy_tb td .tit em{color:#5c7dca;}
.privacy_tb td .an span{display: block;}
.privacy_tb td .an span.bar{display: inline-block; padding:3px 10px; background:#5c7dca; color:#fff; text-align: center; width:70px; margin-top: 10px;}


.privacy .btn_box{text-align: center; padding-top: 15px;}
.privacy .txt_box{color:#666; text-indent:-4%; margin-bottom:30px;}
.privacy .btn_box .btn {
    margin: 5px 2px;
    width: 140px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    display: inline-block;
    font-size: 16px;
    color: #fff;
    font-weight: 700;
}
.privacy .btn_box .btn.btn-green {background-color: #ae9b7e;}
.privacy .btn_box .btn.btn-gray {background-color: #e0e0e0; color:#666;}
.privacy .btn_box .btn.btn-navy {background-color: #493f38;}


.event_img{padding-bottom:30px;}
.file_input_textbox {float:left;}
.file_input_div {position:relative; width:27%;  height:34px; overflow:hidden;}
.file_input_img_btn {margin-left:5px; width:100%; display:block; height:34px; text-align:center; line-height:34px; display:inline-block; background-color:#414042; color:#fff !important; font-size:11px; font-family:"돋움";}

.file_input_hidden {
    font-size:29px; 
    position:absolute; 
    right:0px; 
    top:0px; 
    opacity:0; 
    filter: alpha(opacity=0); 
    -ms-filter: alpha(opacity=0); 
    cursor:pointer;
}

.st1.privacy_tb{border-bottom:1px solid #e4e4e4}
.st1.privacy_tb th{font-size:13px; border-bottom: none;}
.st1.privacy_tb td{border-bottom: none}


/*약관*/
.terms h1{font-size:13px; font-weight:400;}
.terms h2{margin-bottom:0; padding:20px 0 10px; font-size:14px; font-weight:400;}
.terms h2:first-child{padding-top:0;}
.terms p{margin-bottom:10px; }
.terms ul li{margin-bottom:5px;}


.txt_list {font-size:12px;}