@charset "utf-8";/* CSS Document */

.cont_box {margin-bottom: 50px;}
.cont_box > p {font-size: 20px; margin-bottom: 15px; font-weight: 700;}

.list_box {margin-bottom: 30px;}
.list_box:last-child {margin-bottom: 0;}
.list_box ul {overflow: hidden;}
.list_box ul li {float: left; margin-right: 10px;}
.list_box ul li:last-child {margin-right: 0;}

.btn_box {text-align: center;}

/* primary_button */ 
.primary_btn {background: #000; color:#fff; height: 52px; padding: 0 30px; font-size: 16px; border-radius: 5px;}
.primary_btn:hover, .primary_btn.active {background: #4D4D4D; color:#fff;}
.primary_btn:disabled, .primary_btn.disabled {background: #E6E6E6; color:#777;} 

/* ghost_button */
.ghost_sml_btn {height: 32px; padding: 0 12px; font-size: 14px; border-radius: 5px; color:#666; background: #fff; border: 1px solid #777;font-weight:500}
.ghost_sml_btn:hover, .ghost_sml_btn.active {background: #F5F5F5; border: 1px solid #aaa;}
.ghost_sml_btn:disabled, .ghost_sml_btn.disabled {background: #F5F5F5;  border: 1px solid #E6E6E6; color:#aaa;} 
.ghost_btn {background: #fff; border: 1px solid #777; color:#000; height: 52px; padding: 0 30px; font-size: 16px; border-radius: 5px; }
.ghost_btn:hover, .ghost_btn.active {background: #F5F5F5; border: 1px solid #000; color:#000;}
.ghost_btn:disabled, .ghost_btn.disabled {background: #F5F5F5; border: 1px solid #E6E6E6; color:#aaa;} 
.ghost_sml_btn + .ghost_sml_btn{margin-left:8px;}

/* group_box */
.group_box {overflow: hidden;}
.group_box button {float: left; margin-right: 8px; margin-left: 0;}
.group_box button:last-child {margin-right: 0; margin-left: 0;}

/* hyperlink */
.hyperlink, .hyperlink:visited, .hyperlink:focus{font-size: 13px; color:#255B8E;font-weight:bold;line-height:22px;}
.hyperlink:hover, .hyperlink.active {font-size: 13px; color:#255B8E;text-decoration: underline;text-underline-position: under;line-height: 22px;}
.hyperlink:disabled, .hyperlink.disabled {color:#aaa;}


/* arrow_btn  Large & Small size */
.arrow_btnBox {overflow: hidden;}
.arrow_btnBox > button {float: left; margin-right: 14px;}
.arrow_btnBox > button:last-child {margin-right: 0;}

.arrow_L_btn button {width: 50px; height: 50px; border-radius: 50%; background: #fff; border: 1px solid #ddd;}
.arrow_L_btn button:hover, .arrow_L_btn button.active {border: 1px solid #000;}
.arrow_L_btn button:disabled, .arrow_L_btn button.disabled {border: 1px solid #E6E6E6;} 

.arrow_S_btn button {width: 40px; height: 40px; border-radius: 50%; background: #fff; border: 1px solid #ddd;}
.arrow_S_btn button:hover, .arrow_S_btn button.active {border: 1px solid #000;}
.arrow_S_btn button:disabled, .arrow_S_btn button.disabled {border: 1px solid #E6E6E6;} 
 
/* route_btn */
.route_btn {width: 94px; height: 32px; background: url(../images/common/ico_route.png) no-repeat; color:#666;font-size:14px;font-weight: 500; }
.route_btn:hover, .route_btn.active {background: url(../images/common/ico_route_hover.png) no-repeat;}
.route_btn:disabled, .route_btn.disabled {background: url(../images/common/ico_route_disabled.png) no-repeat; color:#777}
/* .route_btn {display: inline-block; position: relative; margin: 0 36px 36px 0; padding: 6px 0 6px 6px; font-size: 18px; line-height: 18px; border: 2px solid rgb(0,0,0); border-right: none;
    border-radius: 5px 0 0 5px;}
.route_btn::after {content:''; position: absolute; display: inline-block; top: 3px; right: -12px; width: 22px; height: 22px; border-top: 2px solid rgb(0,0,0); border-right: 2px solid rgb(0,0,0);
    transform: rotate(45deg);} */

/* radio button */
input[type="radio"] {overflow: hidden; position: absolute; left: -9999px; font-size: 1px; color: transparent; text-indent: -9999px;}
input[type="radio"] + label {padding-left: 32px; height: 24px; line-height: 24px; position: relative; font-size: 14px;}
input[type="radio"]:disabled + label {color: #aaa; }
input[type="radio"] + label:before {content: ''; position: absolute; left: 0; top: 50%; transform: translatey(-50%); width: 24px; height: 24px; background: url(../images/common/ico_labelBtn.png) no-repeat; background-size: contain;}
input[type="radio"]:checked + label:before {background: url(../images/common/ico_radio_select.png) no-repeat;}
input[type="radio"]:disabled + label:before {background: url(../images/common/ico_labelBtn_dis.png) no-repeat;}
input[type="radio"]:checked:disabled + label:before {background: url(../images/common/ico_radio_select_dis.png) no-repeat;}

/* check button */
input[type="checkbox"] {overflow: hidden; position: absolute; left: -9999px; font-size: 1px; color: transparent; text-indent: -9999px;}
input[type="checkbox"] + label {padding-left: 32px; height: 24px; line-height: 24px; position: relative; font-size: 14px;}
input[type="checkbox"] + label:focus {border:1px solid #000;}
input[type="checkbox"]:focus + label{border:1px solid #000;}
input[type="checkbox"]:disabled + label {color: #aaa; }
input[type="checkbox"] + label:before {content: ''; position: absolute; left: 0; top: 50%; transform: translatey(-50%); width: 24px; height: 24px; background: url(../images/common/ico_labelBtn.png) no-repeat; background-size: contain;}
input[type="checkbox"]:checked + label:before {background-image: url(../images/common/ico_check_select.png);}
input[type="checkbox"]:disabled + label:before {background-image: url(../images/common/ico_labelBtn_dis.png);}
input[type="checkbox"]:checked:disabled + label:before {background-image: url(../images/common/ico_check_select_dis.png);}

input[type="checkbox"].checkbox2 + label {padding-left: 20px; }
input[type="checkbox"].checkbox2 + label:before {background: url(../images/common/ico_check2.png) no-repeat; width: 10px; height: 9px;}
input[type="checkbox"].checkbox2:checked + label:before {background: url(../images/common/ico_check2_selct.png) no-repeat;}
input[type="checkbox"].checkbox2:disabled + label:before {background: url(../images/common/ico_check2_dis.png) no-repeat;}
input[type="checkbox"].checkbox2:checked:disabled + label:before {background: url(../images/common/ico_check2_select_dis.png) no-repeat;}


/* moreView_btn */
.moreView_btn {font-size: 16px; color: #fff; position: relative; padding: 0 10px;  border-radius: 6px; border: 2px solid #ec5448;}
.moreView_btn:before {width: 100%;height:25px; padding: 0 20px; background: #fff; position: absolute; content: ''; left: -20px; top: -5px;}
.moreView_btn:after {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); content: '더보기'; font-size: 16px; color: #444; width: 100%;}
.moreView_btn:hover, .moreView_btn.active {border:none; border-bottom: 2px solid #da291c; border-radius:0; padding-top: 2px;}
.moreView_btn:hover:after, .moreView_btn:hover.active {color:#444; font-weight: 500;}




/* button icon */
.heart {margin-right: 7px; position: relative; padding-left: 24px; display: inline-block; text-indent: -9999px;}
.heart:before {content: ''; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); display: inline-block; background: url(../images/common/ico_heart.png) no-repeat; width: 24px; height: 24px; background-size: contain;}
button[type="button"]:disabled .heart:before, .disabled .heart:before {background: url(../images/common/ico_heart_disabled.png) no-repeat; background-size: contain;} 

.share {margin-right: 7px; position: relative; padding-left: 24px; display: inline-block; text-indent: -9999px;}
.share:before {content: ''; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); display: inline-block; background: url(../images/common/ico_share.png) no-repeat; width: 24px; height: 24px; background-size: contain;}
button[type="button"]:disabled .share:before, .disabled .share:before {background: url(../images/common/ico_share_disabled.png) no-repeat; background-size: contain;} 

.hyper_next {padding-left: 16px; margin-left: 2px; position: relative; display: inline-block; text-indent: -9999px;vertical-align: middle;}
.hyper_next:before {content: ''; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); display: inline-block; background: url(../images/common/ico_hyperNext.png) no-repeat; width: 16px; height: 16px; background-size: contain;}
button[type="button"]:disabled .hyper_next:before, .disabled .hyper_next:before {background: url(../images/common/ico_hyperNext_disabled.png) no-repeat; background-size: contain;} 

.slick-prev {position: relative; display: inline-block; text-indent: -9999px;}
.slick-prev:before {content: ''; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); display: inline-block; background: url(../images/common/ico_arrow_prev.png) no-repeat; width: 16px; height: 16px; background-size: contain;}
.slick-prev:disabled:before, .slick-prev.disabled:before {background: url(../images/common/ico_arrow_prev_disabled.png) no-repeat; background-size: contain;} 

.slick-next {position: relative; display: inline-block; text-indent: -9999px;}
.slick-next:before {content: ''; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); display: inline-block; background: url(../images/common/ico_arrow_next.png) no-repeat; width: 16px; height: 16px; background-size: contain;}
.slick-next:disabled:before, .slick-next.disabled:before {background: url(../images/common/ico_arrow_next_disabled.png) no-repeat; background-size: contain;} 

.map {margin-right: 5px; position: relative; padding-left: 16px; display: inline-block; text-indent: -9999px;}
.map:before {content: ''; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); display: inline-block; background: url(../images/common/ico_map.png) no-repeat; width: 16px; height: 16px; background-size: contain;}
button[type="button"]:disabled .map:before, .disabled .map:before {background: url(../images/common/ico_map_disabled.png) no-repeat; background-size: contain;} 

.txt_btn{position: relative;margin:0 10px;}
.txt_btn button{font-size:14px;color:#666;line-height: 1.57;}
.txt_btn button:hover{color:#000;font-weight: 500;}
.txt_btn + .txt_btn:before{content:'';position: absolute;left:-12px;top:6px;width:1px;height:14px;border-left:1px solid #707070;}


/* slick-slider */
.thumb_box {position: relative;}
.thumb_contBox.slick-slider {padding-top: 60px;}
.thumb_contBox.slick-slider button {position: absolute; right: 20px; top: 0;}
.thumb_contBox.slick-slider .slick-prev {top: 0; right: 74px;}
.thumb_contBox.slick-slider .slick-next {top: 0; right: 20px;}
/* .thumb_contBox.slick-slider {padding-top: 60px; position: relative; width: calc(100% - 20px);}
.thumb_contBox.slick-slider button {position: absolute; right: 0; top: 0;}
.thumb_contBox.slick-slider .slick-prev {top: 0; right: 54px;}
.thumb_contBox.slick-slider .slick-next {top: 0; right: 0;} */
 


@media screen and (min-width:768px) and (max-width:1024px){
    /* tablet */    
}
        
@media all and (min-width: 260px) and (max-width: 890px){
    /* mobile */
    
    .m_full_btn {width: 100%;}

    .cont_box p {margin-bottom: 15px;}
    .list_box ul li.title > p {margin: 0;}
    .list_box ul li {width: 100%; margin-bottom: 10px; margin-right: 0;}
    .list_box ul li:last-child {margin-bottom: 0;}

    /* button */
    .ghost_sml_btn {width: 260px; font-size: 14px;}
    .ghost_btn {width:100%; font-size: 14px;}
    .ghost_sml_btn {width: calc(50% - 6px);height: 42px;font-size: 13px; }
    .group_box button {padding: 0 12px; width: calc(50% - 4px);}
    .hyperlink {font-size: 12px;}
    .slick-prev {display: none !important;}
    .slick-next {display: none !important;}
    .route_btn  {font-size: 13px;}

    
    /* radio button */ 
    input[type="radio"] + label {font-size: 13px;}
    input[type="checkbox"] + label {font-size: 13px;}
    
    .thumb_contBox.slick-slider {padding-top: 0;}

    /* 더보기 */
    .moreView_btn{font-size:14px;padding: 0 10px 10px;}
    .moreView_btn:before{height:32px;}
    
}