@charset "utf-8";

.pc_use { display:inline-block !important; }
.mb_use { display:none !important; }
@media only screen and (max-width:1204px) {
    .where-to-buy .contact-info-list dl dt{font-size:2.487vw; line-height:3.5vw;}
    .where-to-buy .contact-info-list dl dd{font-size:1.2435vw; line-height:2.01vw;}
    #sub-visual-container .sub-visual-title{transform:translateY(-38%); }
}
@media only screen and (max-width:890px) {
    /* Sub Content */
    .sub-max-inner { padding:0; box-sizing:border-box; }
    .locatrion_list dt img{width:6vw;}
    #sub-body-container{margin-bottom:23.8vw;}
    #sub-visual-container .sub-visual-title{transform:translateY(-35%); padding: 0 5.55vw; box-sizing:border-box;}
    #sub-visual-container .sub-visual-title dt{font-size:7.8vw; margin-bottom:2vw;}

    .pc_use { display:none !important; }
    .mb_use { display:inline-block !important; }    

    /* 이벤트 : List : 검색 */
    .event_search_box_container { display:block; margin:8.3vw 0; padding:0; background: none; padding: 0 5.55vw; box-sizing:border-box;}
    .event_search_box_container .event_search_box { position:relative; display:block; width:100%; height:11.11vw; line-height:10.55vw; margin:0 auto; padding-left:0; border:0.27vw solid #666; border-radius:5.55vw; }

    .event_search_box_container .event_search_box .select_area { display:none; }
    .event_search_box_container .event_search_box select { display:inline-block; width:46%; height:10.55vw; line-height:10.27vw; padding-left:3.68vw; font-size:3.58vw; font-weight:500; color:#222; background:url('../png/icon-arrow-down2.png') no-repeat 99% center, none; border:none; box-sizing: border-box; outline:0; appearance: none;  -webkit-appearance: none; -moz-appearance: none; background-size:3.3vw;}
    .event_search_box_container .event_search_box select.state { width:38%; padding-left:0.7vw; }

    .event_search_box_container .event_search_box input[type=text]{ display:inline-block; width:58%; height:10.55vw; line-height:10.27vw; padding-left:3.88vw; font-size:3.88vw; background: none; border:none; border-left:0.27vw solid #ddd; box-sizing: border-box; outline:0; }
    .event_search_box_container .event_search_box input[type=submit] { position:absolute; right:0; top:0; display:block; width:18%; height:10.55vw; background-position: center center; background-size:5.88vw;}
    .event_search_box_container .event_search_box input[type=text]::placeholder { font-weight:300; color:#aaa; }
	
	.event_search_box_container .search_box_select3{font-size:0; padding:0 5.55vw 0 3vw;}
	.event_search_box_container .search_box_select3 .search_selecBox{display:inline-block; width:92%; vertical-align:top;}
	.event_search_box_container .search_box_select3 .search_selecBox:last-of-type{width:8%;}
	.event_search_box_container .search_box_select3 input[type=submit]{display:inline-block; position:relative; width:100%;}
	.event_search_box_container .search_box_select3 select{width:47%; padding:0 5.56vw 0 2.78vw; background-position:right 5.56vw center;}
	.event_search_box_container .search_box_select3 select.state { width:53%; }
	.event_search_box_container .search_box_select3.on{height:auto; line-height:auto; border:0; border-radius:0; padding:0;}
	.event_search_box_container .search_box_select3.on .search_selecBox{width:100%; position:relative; display:block; width:100%; height:11.11vw; line-height:10.55vw; margin:0 auto 2.78vw; padding:0 5.56vw 0 2.78vw; border:0.27vw solid #666; border-radius:5.55vw; box-sizing:border-box;}
	.event_search_box_container .search_box_select3.on .search_selecBox:last-of-type{width:100%; margin-bottom:0;}
	.event_search_box_container .search_box_select3.on select{width:39%; padding:0 9.72vw 0 2.78vw;}
	.event_search_box_container .search_box_select3.on select.state { width:61%; padding-left:2.78vw;}
	.event_search_box_container .search_box_select3.on select.state02 { width:92%; padding-right:9.72vw; background-position:right 5.56vw center;}
	.event_search_box_container .search_box_select3.on input[type=submit]{width:8%;}

    /* 예약하기 : 팝업 */
    #sales_container { position:fixed; display:none; left:0; top:0; max-width:100%; width:100%; height:100%; padding:0; transform: translateX(0%); z-index:778; }
    #sales_container .title { height:12%; margin:0; padding:5.55vw; font-size:5.55vw; background: #f7f7f7; box-sizing:border-box; }
    #sales_container .scroll_box { height:88%; padding:0 5.55vw; box-sizing:border-box; }
    #sales_container .subject { margin:8.33vw 0 4.16vw; font-size:5vw; }

    #sales_container label { display:block; margin:0 0 2.08vw; font-size:3.33vw; }
    #sales_container input { width:100%; line-height:5.694vw; font-size:4.44vw; color:#222; border:none; border-bottom:0.27vw solid #ccc; outline:0; }
    #sales_container input:focus { border-color:#a12642; }
    #sales_container select { width:100%; height:6.805vw; line-height:6.805vw; font-size:4.44vw; border-bottom:0.27vw solid #ccc; }

    #sales_container ul > li { height:13.8vw; padding-top:6.94vw; }
    #sales_container textarea { margin:4.16vw 0; padding:2.7vw; font-size:3.88vw; }
    #sales_container .btn_reser_complet { display:block; width:100%; line-height:10.55vw; margin:0 auto 8.33vw; font-size:3.88vw; border-radius:5.27vw; }

    #sales_container .btn_x { position:absolute; right:5.55vw; top:5.55vw; }

    /* 예약완료 : 팝업 */
    #sales_complete { position:fixed; display:none; left:0; top:0; width:100%; height:100%; padding:22.2vw 0 30.55vw; transform: translateX(0); z-index:778; }
    #sales_complete .icon { width:27.7vw; height:27.7vw; }
    #sales_complete .text1 { margin:6.94vw 0 3.472vw; font-size:6.94vw; }
    #sales_complete .text2 { font-size:5.27vw; }
    #sales_complete .btn_x { position:absolute; right:40px; top:35px; }


    /* 문의하기 : 슈프리마  */
    #contact-us-container .contact-us-tab { display:block; margin:0 0 11.11vw; border-bottom:1px solid #e5e5e5; }
    #contact-us-container .contact-us-tab > li > a { height:12.5vw; line-height:12.5vw; font-size:3.88vw; border:none; }

    #contact-us-container .contact-us-tab > li.current > a { color:#a12642; background: #fff; border-bottom:0.83vw solid #a12642; }

    #contact-us-container .contact-us-detail .address_txt { line-height:1.5; margin:0 5.55vw 5.55vw; padding-left:7.7vw; font-size:4.44vw; background-size: 4.861vw auto; }

    #contact-us-container .contact-us-detail .map-container { position:relative; margin:0; }
    #contact-us-container .contact-us-detail .map-container iframe { height:91.11vw; }
    #contact-us-container .contact-us-detail .map-container .btn_direct { right:5.55vw; bottom:5.55vw; display:block; width:88.89%; height:10.55vw; line-height:10.55vw; font-size:3.88vw; border:0.27vw solid #a12642; border-radius:5.27vw; box-sizing: border-box; }

    #contact-us-container .contact-us-detail .contact-info-list { margin:0 0 11.11vw; padding:0 5.55vw; }
    #contact-us-container .contact-us-detail .contact-info-list dl { float:none; width:100%; margin-top:8.33vw; }
    #contact-us-container .contact-us-detail .contact-info-list dl dt { margin:0 0 0.138vw; font-size:4.44vw;}
    #contact-us-container .contact-us-detail .contact-info-list dl dd { padding-right:0; font-size:3.88vw; }
    #contact-us-container .contact-us-detail .contact-info-list dl dd.phone { margin-top:0.69vw; }

    #contact-us-container .submain-contents-wrap {padding:0; background: #f1f1f1;}
    #contact-us-container .submain-contents {width:100%;}
    #contact-us-container .submain-info {padding:0 5.55vw;}
    #contact-us-container .submain-info > li {width:100%;height:auto;padding:8.33vw 5.55vw;}
    #contact-us-container .submain-info > li:nth-child(1) {border-right:0;border-bottom:1px solid #ddd; background-repeat:no-repeat;background-size:8.88vw 19.44vw;}
    #contact-us-container .submain-info > li:nth-child(1) dl { float:left; width:45%; }
    #contact-us-container .submain-info > li:nth-child(2) {background-repeat:no-repeat;background-size:12.22vw 16.38vw;}
    #contact-us-container .submain-info > li p {font-size: 5vw;}
    #contact-us-container .submain-info > li p.submain-tel-num {font-size: 8.33vw;margin-top:3.61vw;}
    #contact-us-container .submain-info > li p.submain-tel-num > span {display:block;font-size: 3.88vw;margin:0;}
    #contact-us-container .submain-info > li dl dt,
    #contact-us-container .submain-info > li dl dd {padding-bottom:0;width:100%!important;}
    #contact-us-container .submain-info > li dl dt {font-size: 3.88vw;padding-bottom:1.38vw;}
    #contact-us-container .submain-info > li dl dd {font-size: 3.88vw;padding-bottom:2.77vw;}
    #contact-us-container .submain-info > li:nth-child(1) dl {margin-top:3.61vw;}
    #contact-us-container .submain-info > li:nth-child(2) dl {margin-top:3.61vw;}

    /* 지원하기 : 팝업 */
    #support_container { position:absolute; display:none; left:0; top:0; max-width:100%; width:100%; height:100%; padding:0; transform: translateX(0%); z-index:778; }
    #support_container .title { height:12%; margin:0; padding:5.55vw; font-size:5.55vw; background: #f7f7f7; box-sizing:border-box; }
    #support_container .scroll_box { height:88%; padding:0 5.55vw; box-sizing:border-box; }
    #support_container .subject { margin:8.33vw 0 4.16vw; font-size:5vw; }

    #support_container label { display:block; margin:0 0 2.08vw; font-size:3.33vw; }
    #support_container input { width:100%; line-height:5.694vw; font-size:4.44vw; color:#222; border:none; border-bottom:0.27vw solid #ccc; outline:0; }
    #support_container input:focus { border-color:#a12642; }
    #support_container select { width:100%; height:6.805vw; line-height:6.805vw; font-size:4.44vw; border-bottom:0.27vw solid #ccc; }

    #support_container ul > li { height:13.8vw; padding-top:6.94vw; }
    #support_container ul > li.file { height:auto; margin:0 0 30px; }
    #support_container ul > li.file .file_txt { margin:0 0 4.16vw; font-size:3.33vw; line-height:1.4em; float:none; }
    #support_container ul > li.file .file_txt span { display:block; margin-left:0; font-size:3.33vw; }

    #support_container ul > li.file .file_btn_box { float:none; }
    #support_container ul > li.file .file_btn_box a { display:block; width:100%; height:10.55vw; line-height:10.27vw; border-radius:5.27vw; font-size: 3.88vw; }
    #support_container ul > li.file .file_btn_box a + a { margin-left:0; margin-top:2.77vw; }
    #support_container ul > li.file > ul { height:22.22vw; padding:15px 10px 15px 30px; margin-top:2.77vw; }
    #support_container ul > li.file > ul > li { height:5.97vw; line-height:5.97vw; margin-bottom:10px; padding:0; padding-right:10px; font-size:3.33vw; }
    #support_container ul > li.file > ul > li a { width:5.97vw; height:5.97vw; background-size:100%; }

    #support_container ul > li.file input[type=text] { display:inline-block; width:75%; line-height:5.55vw; font-size:3.33vw; }
    #support_container ul > li.file input[type="file"] { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0; }
    #support_container ul > li.file label { display:inline-block; width:22%; line-height:5.55vw; font-size:3.33vw; border-radius:2.77vw; }
    #support_container ul > li.file .file_box{ margin:0 0 2.083vw; }

    #support_container .btn_reser_complet { display:block; width:100%; line-height:10.55vw; margin:0 auto 8.33vw; font-size:3.88vw; border-radius:5.27vw; }
    #support_container .btn_x { position:absolute; right:5.55vw; top:5.55vw; }

    /* 지원완료 : 팝업 */
    #support_complete { position:absolute; display:none; left:0; top:0; width:100%; height:100%; padding:22.2vw 0 30.55vw; transform: translateX(0); z-index:778; }
    #support_complete .icon { width:27.7vw; height:27.7vw; }
    #support_complete .text1 { margin:6.94vw 0 3.472vw; font-size:6.94vw; }
    #support_complete .text2 { font-size:5.27vw; }
    #support_complete .btn_x { position:absolute; right:40px; top:35px; }

    .where-to-buy .map-container { margin:0; }
    .pop-shop-list { width:100%; height:auto; position:initial; box-shadow:initial; }    
    .shop-list-haeder { font-size:5vw; height:13.88vw; padding:4.16vw 5.55vw; }
    .shop-list-body { height:auto; overflow:initial; }
    .locatrion_list { height:auto; box-sizing:border-box; }
    .locatrion_list:hover { height:auto; background-color:#f4f4f4}
    .locatrion_list dd { font-size:3.88vw; line-height:5.55vw; }
    .locatrion_list dd .btn_contact { font-size:3.88vw; height:10.55vw; line-height:10.55vw; position:initial; display:block; text-align:center; margin-bottom:8.33vw; }
    .locatrion_list dt { font-size:5vw; }
    .locatrion_list:hover { background-color:#fff;}
    
    .where-to-buy .contact-info-list { padding:0 5.55vw; box-sizing:border-box; }
    .where-to-buy .contact-info-list dl { width:100%; height:auto; float:none; margin:6.94vw 0; }
    .where-to-buy .contact-info-list dl:nth-child(2) { margin:0; }
    .where-to-buy .contact-info-list dl dt { font-size:5.83vw; line-height:7.5vw; height:initial; margin-bottom:3vw;}
    .where-to-buy .contact-info-list dl dd { font-size:3.88vw; line-height:5.55vw; box-sizing:border-box; }
    .where-to-buy .contact-info-list dl a { height:10.55vw; position:initial; display:inline-block; left:0; transform:translateX(0); padding:0 33.33vw; margin-top:7.63vw; font-size:3.88vw; line-height:10.55vw; }

    /*버튼 스타일*/
    button {outline: none; border: none;}
    .btn-area {width:100%;-webkit-box-sizing: border-box;box-sizing: border-box;padding:0 5.55vw; margin-bottom:7vw}
    .btn-area.btn-mobile {display:block;}
    .btn-area.btn-center {text-align:center;}
    .btn-more {position:relative;width:13.88vw;height:13.88vw;text-indent:-9999px;border-radius:6.94vw;background:#ddd;border:none;}
    .btn-more::before {position:absolute;content:'';width:4.44vw;height:0.44vw;background:#fff;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}
    .btn-more::after {position:absolute;content:'';width:0.44vw;height:4.44vw;background:#fff;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}    

    .channel-partner { padding:0 5.55vw; box-sizing:border-box; margin-top:11.11vw;}
    .channel-partner .red_txt { margin:11.11vw 0; font-size:5vw; line-height:normal;}
    .channel-partner .red_txt span { font-size:3.88vw; line-height:5.83vw; margin-top:5.55vw; }
    .channel-partner h4 { font-size:5.83vw; margin-bottom:3.88vw;}
    .channel-partner strong { font-size:4.44vw;  }
    .channel-partner ul{margin: 3vw 0 7.88vw 0;}
    .channel-partner li { font-size:3.88vw; line-height:5.83vw; background:url('../png/ico_dot-2.png') left 2.24vw no-repeat; background-size:5px; }
    .channel-partner-input label { padding-left:20px; font-size:3.88vw;}
    .channel-partner-input select{font-size: 4.08vw;}
	.channel-partner .channel-partner-input li {background-position:left 1.3vw;}
    .channel-partner .check_box_list li {padding: 2vw 0 2vw 1vw; line-height: 7vw; background-position:left center;}
    .form_area h5{margin-bottom:5.55vw; font-size:5.55vw;}
    .partner-com{margin: 0 0 7.88vw 0;}
    .channel-partner-input textarea{margin: 3.88vw 0;}
    .check_box_01 label{font-size:4.18vw;}
    .join_area { height:auto; background:url('../png/ico_join-2.png') 4.58vw 4.58vw no-repeat; padding:4.16vw 4.16vw 0 4.16vw; }
    .join_area span, .join_area h5 { padding-left:24.09vw; display:inline-block; }
    .join_area h5 { font-size:5vw; }
    .join_area span { font-size:3.88vw; line-height:5.55vw; }
    .join_area a { position:initial; width:100%; height:10.55vw; line-height:10.55vw; border-radius:10.55vw; padding:0; text-align:center; margin:9.5vw 0 0 0; font-size:3.88vw; }
    .sales_foot .btn_submit { width:100%; height:10.55vw; line-height:10.55vw; border-radius:10.55vw; padding:0; text-align:center; margin:14.86vw 0 4.86vw 0; font-size:3.88vw; }

    .sales_foot { padding:5.55vw 5.55vw 0 5.55vw; font-size:3.88vw; line-height:5.55vw; }
    .sales_foot .btn_submit { width:100%; height: 9.72vw; line-height:9.72vw; font-size:3.88vw; border-radius:9.72vw; margin:5.55vw 0; } 
    .sales_foot .check_info { width:100%; box-sizing:border-box; margin:0; padding-left:7.88vw; margin-bottom:2.08vw; }
    .inquiry_body .btn_area .box_radio label { font-size:3.88vw; padding:27.05vw 0 6.16vw 0; }
    .inquiry_body .btn_area .btn_module { top:25px; }
    .inquiry_body .inquiry_item select { font-size:4.44vw;}
    .sales_foot .check_box { top:0; left:0; }
    .sales_foot .check_box input[type=checkbox]:before, .inquiry_foot .check_box input[type=checkbox]:checked:before { width:5.55vw; height:5.55vw; background-size:cover !important; }

    .form_area { padding:5.55vw 6.94vw;}

}

@media only screen and (max-width:640px) {
    .join_area { background-size:21.52vw; }

}