@charset "utf-8";

/* reset */
html {-webkit-text-size-adjust:none;}
html,body {height:100%;}
body {background-color:#222;}
body,h1,h2,h3,h4,h5,h6,div,p,blockquote,pre,address,ul,ol,li,dl,dt,dd,table,caption,th,td,form,fieldset,legend,hr,label,input,textarea,button,select,option {margin:0;padding:0;font-family:'Noto Sans', 'Malgun Gothic', sans-serif, Arial, Dotum, Gulim, Verdana, Tahoma;color:#666;font-weight:400;letter-spacing:-0.02em;}
header,section,article,aside,footer,nav {display:block;}
legend,caption {height:0;font-size:0;line-height:0;overflow:hidden;}
iframe{margin:0;padding:0;border:0;outline:0;background:transparent;font-size:100%;vertical-align:baseline}
img {border:0;vertical-align:top; max-width: 100%;}
fieldset {border:0;}
ul,ol,dl {list-style:none;}
textarea,button,select,input {box-sizing:border-box;border:none;vertical-align:middle;-webkit-appearance:none;appearance:none;}
button {border:none;background-color:transparent;cursor:pointer;}
em,address {font-style:normal;}
a {color:#666;text-decoration:none;}
a:hover,a:active,a:focus {text-decoration:none;}
table {border-collapse:collapse;border-spacing:0;}
td {word-break:break-all;word-wrap:break-word;}
strong {font-weight:400;}

input[type="text"],input[type="password"],input[type="tel"],input[type="number"],input[type="email"],select,textarea {padding:0 15px;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:none;border-radius:0}
/* placholder */
::-webkit-input-placeholder {color:#666;}
input:-moz-placeholder {color:#666;}

::-webkit-scrollbar {-webkit-appearance:none;}
::-webkit-scrollbar:vertical {width:7px;}
::-webkit-scrollbar:horizontal {height:7px;}
::-webkit-scrollbar-thumb {background-color:rgba(0, 0, 0, .2);border-radius:20px;border:2px solid #fff;}
::-webkit-scrollbar-track {border-radius:20px;background-color:#fff;}

.blind{visibility:hidden;overflow:hidden;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0}

.fc_2 {color:#222 !important;}
.fc_6 {color:#666 !important;}
.fc_9 {color:#999 !important;}


/* 팝업 */
#popup_layer {position:fixed; left:0; right:0; top:0; bottom:0; background:rgba(0,0,0,0.5); z-index: 10000;} 
/*팝업 박스*/
.popup_box{z-index:1002; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); box-sizing:border-box;background:#fff;width: 90vw;}
/*컨텐츠 영역*/
.popup_box .popup_cont h2 {padding:15px 0;color:#333;margin:0;}
.popup_box .popup_cont p{ border-top: 1px solid #666;padding-top: 30px;}
/*버튼영역*/
.popup_box .popup_btn {display:flex; margin-right: -1px;}
.popup_box .popup_btn a{height: 50px;
    line-height: 50px;
    margin-left: -1px;
        flex: 1;
    display: block;
    color: #222;
    font-size: 0.8rem;
        font-family: 'GC130';
    text-align: center;
    border: 1px solid #e3e3e3;}


/* sprite image */
.radio label:before,
.checkbox label:before,
.swiper_btn_next, .swiper_btn_prev,
.layer_pop .btn_close:after,
.layer_pop .btn_back:after {background-image:url(../images/sp_common.png);background-size:250px auto;background-repeat:no-repeat;}



/* FORM */
input.text,
textarea.text {width:100%;padding:11px 15px;border:1px solid #cdcdcd;background:#fff;color:#666;font-size:12px;}
input.text {height:40px;}
textarea.text {line-height:1.2;}
select {width:100%;height:40px;line-height:38px;padding:0 14px;border:#cdcdcd 1px solid;color:#666;font-size:12px;background:url(../images/content/arr_select.png) no-repeat 100% 16px;background-size:auto 6px;}
select::-ms-expand {display:none;}
.selectbox {display:inline-block;position:relative;width:100%;}
.selectbox.w100 {width:100px;}
.selectbox label {position:absolute;left:-5000px;height:0;line-height:0;overflow:hidden;}

.radio {display:inline-block;position:relative;line-height:20px;margin-right:20px;}
.radio label {display:inline-block;padding-left:29px;font-size:12px;color:#666;}
.radio input[type="radio"] {position:absolute;top:0;left:0;opacity:0;-webkit-appearance:none;}
.radio label:before {content:"";position:absolute;top:0;left:0;width:20px;height:20px;background-position:-50px -65px;}
.radio input[type="radio"]:checked + label::before {content:"";background-position:-75px -65px;}

.checkbox {display:inline-block;position:relative;}
.checkbox label {display:inline-block;padding-left:29px;font-size:12px;line-height:20px;color:#666;vertical-align:top;}
.checkbox input[type="checkbox"] {position:absolute;top:0;left:0;opacity:0;-webkit-appearance:none;}
.checkbox label:before {content:"";position:absolute;top:0;left:0;width:20px;height:20px;background-position:0 -65px;}
.checkbox input[type="checkbox"]:checked + label::before {content:"";background-position:-20px -65px;}

#header_s_form{margin-top: 10px; margin-left: 20px;}
#header_s_form input{display:inline-block; width:100px; height:30px; font-size:12px; padding: 5px 0; background-color: rgba(140, 149, 151, 0.5); padding: 10px; border: 0; border-radius: 20px; margin-right: 10px; color: #bbb;}
#header_s_form input::placeholder{color: #bbb; text-align: center;}
#header_s_form input::placeholder{text-align: center;}
#header_s_form input::placeholder{text-align: center;}
#header_s_form input::placeholder{text-align: center;}
#header_s_form button{display:inline-block; width: 20px; height: 20px; background: url('/company/images/common/h_search.png') no-repeat; background-size: contain; margin-top: 4px;}

/* BUTTON */
.btn_tyn, .btn_tyf {display:inline-block;height:50px;line-height:49px;box-sizing:border-box;background:#fff;border:#c8c8c8 1px solid;color:#666;font-size:15px;text-align:center;}
.btn_tyn {padding:0 30px;}
.btn_tyf {width:100%;} /* fill size button */
.btn_tyn.c_white, .btn_tyf.c_white {background:#fff;border:#c8c8c8 1px solid;color:#666;}
.btn_tyn.c_black, .btn_tyf.c_black {background:#323232;border:#323232 1px solid;color:#fff;}
.btn_tyn.c_gray, .btn_tyf.c_gray {background:#888;border:#888 1px solid;color:#fff;}
.btn_more:after {content:'+';display:inline-block;margin-left:6px;}
.btn_area {text-align:center;}
.btn_area:after {content:'';display:block;clear:both;}

/* SWIPER */
.swiper {position:relative;width:100%;height:100%;padding-bottom:23px;overflow:hidden;z-index:1;}
.swiper_wrap {position:relative;width:100%;z-index:1;display:-webkit-box;display:-webkit-flex;display:flex;}
.swiper_slide {flex-shrink:0;}
.swiper_pagination {position:absolute;bottom:0;left:0;line-height:0;width:100%;-webkit-transition:.3s opacity;transition:.3s opacity;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);text-align:center;z-index:10;}
.swiper-pagination-bullet {display:inline-block;width:8px;height:8px;margin:0 4px;box-sizing:border-box;border-radius:100%;border:#333 1px solid;}
.swiper-pagination-bullet-active {background:#333;}
.swiper_btn_next, .swiper_btn_prev {position:absolute;top:50%;width:35px;height:35px;margin-top:-30px;cursor:pointer;z-index:10;}
.swiper_btn_next {left:auto;right:0;background-position:-35px -95px;}
.swiper_btn_prev {left:0;right:auto;background-position:0 -95px;}
.swiper_btn_next.swiper-button-disabled, .swiper_btn_prev.swiper-button-disabled {pointer-events:none;opacity:.35;cursor:auto;}

/* TITLE */
.tit_area {padding-bottom:35px;}
.tit_area.pb0 {padding-bottom:0;}
.tit_area h4 {color:#222;font-size:24px;line-height:30px;font-weight:500;text-align:center;}
.tit_area .desc {display:block;max-width:300px;margin:0 auto;padding-top:10px;color:#666;font-size:12px;line-height:18px;text-align:center;word-break:keep-all;}
.tit_area .txt {display:block;padding:33px 0 10px;color:#666;font-size:12px;text-align:right;}
.tit_area .ico_import {color:#a40000;font-size:12px;font-weight:500;vertical-align:middle;}

/* nav cate */
.nav_cate {padding-bottom:0;border-bottom:#cdcdcd 1px solid;}
.nav_cate:before, .nav_cate:after {content:'';display:block;position:absolute;top:0;width:20px;height:100%;background:#f00;z-index:2;}
.nav_cate:before {left:0;background:-webkit-linear-gradient(right, rgba(255,255,255,0) 0%,rgba(255,255,255,0.7) 30%,rgba(255,255,255,100) 100%);background:linear-gradient(to left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.7) 30%,rgba(255,255,255,100) 100%);}
.nav_cate:after {right:0;background:-webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.7) 30%,rgba(255,255,255,100) 100%);background:linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,0.7) 30%,rgba(255,255,255,100) 100%);}
.nav_cate .nav_cate_wrap {display:table;position:relative;margin:0 auto;z-index:1;}
.nav_cate .nav_cate_btn {display:table-cell;height:100%;padding:0 10px;box-sizing:border-box;white-space:nowrap;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;}
.nav_cate .nav_cate_btn a {display:block;position:relative;height:69px;line-height:67px;padding:0 10px;color:#999;font-size:15px;font-weight:500;}
.nav_cate .nav_cate_btn.on a {color:#222;}
.nav_cate .nav_cate_btn.on a:after {content:'';display:block;position:absolute;bottom:20px;left:10px;right:10px;height:2px;background:#000;}

/* TABLE */
.table_data table {width:100%;border-top:#333 2px solid;}
.table_data tbody th,
.table_data tbody td {height:61px;box-sizing:border-box;border-bottom:#cdcdcd 1px solid;font-size:12px;vertical-align:top;word-break:keep-all;}
.table_data tbody th {padding-top:20px;border-right:#e6e6e6 1px solid;background:#fafafa;color:#222;text-align:center;}
.table_data tbody td {padding:12px 15px;}
.table_data tbody td.vam {vertical-align:middle;}
.table_data tbody td > span {font-size:12px;line-height:18px;}
.table_data tbody td strong {font-weight:500;}

.table_data_ty2 table {width:100%;}
.table_data_ty2 th,
.table_data_ty2 td {border-left:#e6e6e6 1px solid;border-bottom:#cdcdcd 1px solid;word-break:keep-all;}
.table_data_ty2 tr th:first-child,
.table_data_ty2 tr td:first-child {border-left:none;}
.table_data_ty2 td {padding:16px 12px;}
.table_data_ty2 td > span {display:block;font-size:12px;line-height:18px;}
.table_data_ty2 td .caution {position:relative;margin-top:13px;padding-left:13px;color:#ff6d02;font-size:10px;line-height:16px;}
.table_data_ty2 td .caution:before {content:'※';display:block;position:absolute;top:0;left:0;}
.table_data_ty2 td strong {display:block;margin:0 -12px;font-weight:500;text-align:center;}
.table_data_ty2 thead th {padding:13px 12px;background:#546220;color:#fff;font-size:12px;line-height:18px;font-weight:500;}
.table_data_ty2 tfoot td {padding:19px 12px;border-bottom:none;border-left:#575757 1px solid;background:#333;color:#fff;text-align:center;}
.table_data_ty2 tfoot td strong {font-weight:500;}
.table_data_ty2 td ul {margin:-4px 0;}
.table_data_ty2 td ul li {position:relative;margin:4px 0;padding-left:8px;font-size:12px;line-height:18px;}
.table_data_ty2 td ul li:before {display:block;position:absolute;left:0;}
.table_data_ty2 td > ul > li:before {content:'';top:8px;width:3px;height:3px;background:#666;border-radius:100%;}
.table_data_ty2 td > ul > li > ul {margin:0 0 10px;}
.table_data_ty2 td > ul > li > ul > li:before {content:'-';position:absolute;top:0px;}
.table_data_ty2 td ul li.fc_important,
.table_data_ty2 td ul li.fc_important li {color:#aa8f63;}

.write_area {border-top:#333 2px solid;}
.write_area .table_write {margin-bottom:35px;}
.table_write {width:100%;}
.table_write th,
.table_write td {height:40px;border-bottom:#cdcdcd 1px solid;font-size:12px;text-align:left;vertical-align:top;}
.table_write th {padding:20px 0 0 15px;color:#222;font-weight:500;}
.table_write td {padding:10px;color:#666;}
.table_write th.row2 {padding-top:11px;}
.table_write th strong {display:block;position:relative;padding-left:9px;font-weight:500;}
.table_write .ico_import:before {content:'*';display:block;position:absolute;left:0;top:3px;color:#a40000;font-size:12px;font-weight:500;}
.table_write .radio {margin-top:10px;}
.table_write .tel_sel {float:left;width:35%;}
.table_write .tel_txt {float:left;width:28%;margin-left:8px;}
.table_write .email_txt1 {width:88%;margin-right:4px;}
.table_write .email_at {vertical-align:middle;}
.table_write .email_txt2 {margin-top:7px;}
.table_write .email_sel {margin-top:7px;}
.table_write .cost_txt {width:84%;margin-right:4px;text-align:right;}
.table_write .cost_unit {vertical-align:middle;}

/* 레이어 팝업 */
.dim {display:none;position:fixed;left:0;right:0;top:0;bottom:0;width:100%;height:100%;background-color:#000; opacity: 0.6;z-index:1000;}
.layer_pop {display:none;position:absolute;right:20px;left:20px;margin-bottom:20px;background:#fff;z-index:1001;}
.layer_pop.open {display:block;}
.layer_pop .head {height:69px;padding-right:50px;}
.layer_pop .head h4 {padding:20px 0 0 20px;color:#222;font-size:20px;line-height:1;font-weight:500;}
.layer_pop .btn_close, .layer_pop .btn_back {display:block;position:absolute;top:3px;width:50px;height:50px;line-height:50px;text-align:center;}
.layer_pop .btn_close {right:3px;}
.layer_pop .btn_back {left:3px;}
.layer_pop .btn_close:after, .layer_pop .btn_back:after {content:'';display:inline-block;height:15px;}
.layer_pop .btn_close:after {width:15px;background-position:-80px -95px;}
.layer_pop .btn_back:after {width:17px;background-position:-105px -95px;}
.layer_pop .cont {padding:0 20px 35px;}
.layer_pop .btn_tyn, .layer_pop .btn_tyf {height:40px;line-height:39px;}

/* 메인팝업 */
.layer-pop-wrap {position:fixed; top:100%; left:0; width:100%; height:100%; z-index:200; transition:all 0.75s cubic-bezier(.75,0,0.1,1);}
.layer-pop-wrap.open {top:0;}
.layer-pop-wrap.small {opacity:0; transition:top 0s 0.5s, opacity 0.5s ease; overflow-y:auto; -webkit-overflow-scrolling: touch;}
.layer-pop-wrap.small.open {opacity:1; transition:top 0s 0s, opacity 0.5s ease;}
.layer-pop-wrap.small .layer-pop-parent {display:table; width:100%; height:100%; table-layout:fixed; margin:0; background:rgba(0,0,0,0.7);}
.layer-pop-wrap.small .layer-pop-parent .layer-pop-children {display:table-cell; width:100%; height:100%; padding:20px; vertical-align:middle;}
.layer-pop-wrap.small .pop-data {position:relative; background:#fff; overflow:hidden;}
.layer-pop-wrap.small .pop-data > .pop-title {height:50px; line-height:50px; padding:0 20px; color:#fff; font-size:1.133rem; background:#222;}
.layer-pop-wrap.small .pop-data > .content img{width:100%;}
.layer-pop-wrap.small .pop-data > .pop-bottom-btn {display:flex; margin-right:-1px;}
.layer-pop-wrap.small .pop-data > .pop-bottom-btn a {flex:1; display:block; height:50px; line-height:50px; margin-left:-1px; color:#222; font-size:1.133rem; font-family:'GC130'; text-align:center; border:1px solid #e3e3e3;}
.layer-pop-wrap.small .btn-pop-close {position:absolute; top:0; bottom:auto; left:auto; right:5px; display:block; width:50px; height:50px; padding:20px; font-size:0; z-index:10;}
.layer-pop-wrap.small .btn-pop-close:before {content:''; position:absolute; top:50%; left:15px; display:block; width:25px; height:2px; margin:-1px 0 0 0; background-color:#fff; transform:rotate(-45deg);}
.layer-pop-wrap.small .btn-pop-close:after {content:''; position:absolute; top:50%; left:15px; display:block; width:25px; height:2px; margin:-1px 0 0 0; background-color:#fff; transform:rotate(45deg);}
.layer-pop-parent {position:absolute; top:0; right:0; bottom:0; left:0; width:auto; height:auto; margin:0 0 50px 0; background:#fff; overflow-y:auto; -webkit-overflow-scrolling: touch;}
.btn-pop-close {position:absolute; bottom:0; left:0; display:block; width:100%; height:50px; font-family:'GC130'; color:#fff; font-size:1.133rem; line-height:50px; background:#222; z-index:10; text-align:center;}
.layer-pop-wrap.main-notice-pop .pop-data > .pop-bottom-btn a {font-size:0.8rem;}