@charset "utf-8";

@import url(./product.css);
@import url(./product_v2.css);


.result_img { text-align: center; }

/* 피시 버튼 공통 버튼 정의 */
.button_submit_wrap { font-weight: 500; box-sizing: border-box; text-align: center; margin:20px 0; }
.button_submit_wrap input[type=submit].button_normal {  }

.button_common_normal { display: inline-block; margin: 5px 5px 5px 0; text-align: center;
                        padding: 4px 15px; border: 1px solid #999;color: #fff;}
.button_common_big {    font-size: 20px;
                        display: inline-block; margin: 5px 3px 5px 3px;text-align: center;
                        padding: 14px 80px;  background: #333; border: 1px solid #333;color: #fff; background: #333; }
input[type=submit].button_common_big,
button.button_common_big { font-size: 20px; }

/* 컬러 */
.button_common_gray { background: #999;  border: 1px solid #999; color: #fff; }
.button_common_black { background: #333;  border: 1px solid #333; color: #fff; }
.button_common_white { background: #fff;  border: 1px solid #999; color: #333; }



/* 제품 카테고리 정렬 버튼 */
.product_list_sort{text-align: right}
.product_list_sort ul{margin-bottom: 18px}
.product_list_sort li:nth-child(3n) { margin-bottom: 0; }
.product_list_sort li:nth-child(4n) { margin-bottom: 0; }
.product_list_sort li{display: inline-block;}
.product_list_sort li.on a{ color: #333; font-weight: bold; }
.product_list_sort li a{display: block;color: #666}
.product_list_sort li a:hover{color: #222}
.product_list_sort li a:after{content: ' ';display: inline-block;width: 1px;height: 10px;margin: 0 8px 0 10px;background: #e5e5e5}
.product_list_sort li:last-child a:after{background: none;margin: 0}



.sticky {position: fixed;top: 0;width: 100%;}
.sticky .gnb ul { border:none; }
.sticky + .content {padding-top: 60px;}
.gnb_wrap.sticky { border-bottom: none; border-top: none;  }

/* 푸터 신청 */
.main_bottom_order_wrap {position:fixed; bottom:0; width:100%; height:60px; background:#f8f8f8 url(../images/dot_white.png); z-index: 99; }
.main_bottom_order { position: relative; color: #333; }
.main_bottom_order {width:980px; height:79px; margin:0 auto; }
.main_bottom_order span.btns {display:block; text-align:right;}
.main_bottom_order .name { position: absolute; top:12px; left: 520px; font-size:14px; letter-spacing:-0.7px; }
.main_bottom_order .tel { position: absolute;  top:12px; left: 630px; font-size:14px; letter-spacing:-0.7px; }
.main_bottom_order .name label { background: #000; display: inline-block; font-size: 15px; padding: 9px 4px; }

.main_bottom_order .tel input[type=text] { width: 160px; }
.main_bottom_order input[type=text] { font-size: 16px; width:90px; padding: 7px 4px;
                        border:none; margin-left:5px; }
.main_bottom_order .agree2 { position: absolute; top:15px; left: 970px; width: 20px;}
.main_bottom_order .agree { position: absolute; top:16px; left: 990px; width: 165px; line-height:140%; font-size:12px; letter-spacing:-1px; }
#dongview {font-size: 10px; line-height: 13px; }
#dongview .pl15 {margin: 0; padding: 0;}
.main_bottom_order .privacy {display: none; width: 200px; float: left; text-align: left}
.main_bottom_order .submit  { position: absolute; top:0px; left: 813px; width: 85px; }
.main_bottom_order input[type=submit] { width: 145px;  height: 60px;
        border-radius: 0; color: #fff; background:#39445b; font-size: 16px; border: none; }

.main_bottom_order .bottom_logo { position: absolute; left:0; top:15px; height: 35px; }
.main_bottom_order .bottom_logo img { max-width: 100%; max-height: 35px; padding-top: 0;}


#dongview_bottom {display:none;position:absolute;left:820px;top:-322px;background:#ffffff;border:1px solid #cccccc;width:350px; height:350px; color:#000; font-size:11px; overflow:hidden; text-align:left;padding:10px;z-index:10000; line-height:140%;}
#dongview_bottom .pl15 {margin:0; padding:0;}
#dongview_bottom .pt10 {margin:10px 0 0 0; padding:0;}
#dongclose_bottom {cursor:pointer;}


.main_best h3 { font-size: 25px; font-weight: bold; margin:30px 0; text-align: center; }
.main_item {position: relative;}
.main_item > h2 { text-align: center; font-size: 25px;  margin: 10px 0 20px 0;
            font-weight: bold;  }
.main_item .title_btn {position: absolute; top:-2px; right:3px;}

.main_bottom_order .bottom_tel {
    position: absolute;
    right: 450px;
    width: 140px;
}

.main_bottom_order .bottom_tel {
    position: absolute;
    right: 450px;
    width: 140px;
    top: 20px;
    float: left;
    font-size: 25px;
    background: url(../images/tel_bg_gray.png) no-repeat;
    background-size: 25px;
    padding-left: 32px;
    color: #2e8ce4;
    font-weight: bold;
}

.quick_menu{ background: #fff; }
div.main.quick_menu { top: 800px; }
div.main.quick_menu.fixed { position: fixed; top:40px; }

div.quick_menu { top:230px; }
div.quick_menu.fixed { position: fixed; top:40px; }

div.quick_menu { z-index: 4;
            position:absolute;
            text-align: center; padding: 0;
            min-height:150px; z-index: 20;
            margin-left:505px;
            left:50%;
            top:180px;
            }
div.quick_menu a {text-align: center; border-bottom: none;  }
div.quick_menu a:hover {text-decoration:none;}
div.quick_menu .go_top { background:#111; }

div.quick_menu .quick_banner_default a { padding: 10px 0; display: block;
            border-bottom: 1px solid #ececec;  }


div.quick_menu a.btn5 { border: none; background: #f8f8f8;  }
div.quick_menu a.btn4:hover {opacity: 1; }
div.quick_menu a.btn4.btn_tel { display: block; font-size: 20px;
                color: #157bdb;
                background-image:url(../images/quick_btn_tel.png);
                background-position: center 10px;
                background-repeat: no-repeat;
                padding-top: 55px;
            }
div.quick_menu a.btn4.btn_tel img { width: 50px; padding-top: 20px; padding-bottom: 10px;  }
div.quick_menu a.btn4 span {font-weight: bold; display: block; padding: 0 0 5px 0}
div.quick_menu .go_top
div.quick_menu .go_top.quick_banner_default a { border-bottom: none; }
div.quick_menu img { min-width: 100%;  }


div.quick_left {margin:0 0 0 -625px;
                 line-height: 1;
               }
/*
div.quick_menu.right{border: 1px solid #ececec;border-bottom: none}
div.quick_left ul{border: 1px solid #ececec;border-bottom: none}
*/

div.quick_menu ul{border: 1px solid #ececec;border-bottom: none}

.main_item ul li h3.title .text_sticker { margin: 5px 0; }
.main_item ul li h3.title .text_sticker span { display: inline-block;  color: #999; margin-right: 5px;
            width: auto; font-size: 12px; line-height: 16px; border:1px solid #aaa; padding: 2px 3px; }

.product_compare_detail { border:1px solid #ddd; padding:15px; font-size: 13px; margin-top:10px; color: #999; }
.product_compare_detail .product_compare_detail_item { margin: 0; font-size: 15px; }
.product_compare_detail p { margin: 0; line-height: 130%;  }

.privacy_page textarea { width: 100%; box-sizing: border-box; padding: 50px; border:2px solid #ccc;
        font-size: 15px; height: 400px; line-height: 25px; color: #666; margin-bottom: 50px; }

.apply_infomation { display: block; padding: 0 5%; width:90%; height:218px; border: 1px solid #eee; font-size: 12px;}



#top_popup_wrap {
        position:relative;
        background-position: top center;
        background-repeat: no-repeat;
    }
#top_popup_wrap h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.top_popup {position:relative; width: 1200px; margin: 0 auto; }
.top_popup_con {width:1200px;}
.top_popup_footer {position: absolute; top:15px; right:0;color:#fff;text-align:right; width: 100px; text-align: center;}
.top_popup_footer button {margin-right:0px; padding:0;border:0;color:#333; background: none; }
.top_popup_footer button.top_popup_close {background:none;}


.product_photo { position: relative; }
.product_photo .sticekr { position: absolute; top:10px; left:50px; z-index: 9; }
.product_photo .sticekr img { display: block; margin-bottom: 5px; height: 60px; }

.product_photo .sticekr.sticker_middle { bottom:80px; top:auto; left:0; z-index: 9;
                width: 100%; text-align: center; }
.product_photo .sticekr.sticker_middle span { display: inline; }
.product_photo .sticekr.sticker_middle img { display: inline ;margin-bottom: 20px; }


.product_photo .sticekr.sticker_right { left:auto; right:10px; }
.product_photo .sticekr.sticker_right img { height: 40px; }
.product_info .memo { padding: 10px 20px; background: #f4f4f4; line-height: 24px; margin-bottom: 10px; }

.product_photo #product_slider { height: 480px; overflow:hidden ; }
.product_photo .bx-viewport {  margin-bottom: 10px;  }
.product_photo .thumbs { text-align: center; }
.product_photo .thumbs a { display: inline-block ;width: 66px; height: 66px; border: 1px solid #ececec;  }
.product_photo .thumbs a.active { border: 1px solid #233549; }


.shop_btns li { border: 1px solid #b30a42;
    background-color: #b30a42; }
.shop_btns li.apply a { color: #fff; }



.discount_mark {position: absolute; bottom:-20px; left:10px; width: 100px;
    font-size: 16px; font-weight: bold; margin-bottom: 5px; z-index: 10;
    background-size: 40px;
  }
.discount_mark .price {color:#999; margin-bottom: 0px; text-decoration:line-through; line-height: 25px;
    font-weight: normal; }
.discount_mark .fee {color:#cc3333; margin-top: 0px; font-size: 20px;}



/* 결합기능 */
.joined_item_wrap  select { width: 410px; }
#joined_item_area { position: relative; padding-top: 10px; font-size: 13px; line-height: 20px;
					width: 340px; }

#joined_item_area .selected_item { position: relative; padding-right: 50px; color: #333; padding-top: 2px;
                    height: 40px; overflow:hidden;}
#joined_item_area a.close {  position: absolute; top:0; right:0;
				display: block; width: 40px; height: 40px; line-height: 40px;
				cursor: pointer; background: #efefef; text-align: center; font-size: 12px; }

#joined_item_price p { margin:0; }
#joined_item_price .sale_amount strong { font-size: 25px; color: #333;}
#joined_item_price .total_fee strong { font-size: 25px; color: #333;}


.list_column ul li { float: left; width: 31.333%; margin: 10px 2% 20px 0; }
.list_column ul li:nth-child(3) { margin-right: 0; }

.list_column ul li .img_area h4 { margin-top: 5px; margin-bottom: 0;
					font-size: 16px; color: #333; }
.list_column ul li .img_area div {  }

.event_detail_page h1.title { text-align: left; }


.join.join2 #join_kind:after { display: block; content: ''; clear: both; }
.join.join2 #join_kind li { float: left; position: relative; }
.join.join2 #join_kind li .title {  position: absolute; bottom:7px; width: 51px;
                        text-align: center; font-size: 10px; line-height: 12px;}
.join.join2 #join_kind li .join_kind_thumb { border: 1px solid #ddd; margin-right: 5px;
                        margin-bottom: 5px; box-sizing: border-box; }
.join.join2 #join_kind li .join_kind_title { display: none; }
.join.join2 #join_kind li:hover { cursor: pointer; }


#join_item { margin-top:10px ;border: 1px solid #ddd; height: 120px; overflow-y: scroll;
              padding: 0 5px; font-size: 13px; line-height: 18px;  }
#join_item li { height: 40px; position: relative; }
#join_item li { padding-right: 50px; }
#join_item span {  }
#join_item img { height: 40px; }
#join_item .no_item { height: 120px; line-height: 120px; text-align: center; }

#join_item .detail:hover,
#join_item .btn_select:hover { cursor: pointer; }
#join_item .btn_select { position: absolute; top:5px; right:0;
                        width: 50px; height: 25px; line-height: 25px;
                         text-align: center;display: inline-block; font-size: 10px;
                        background: #666; color: #fff; }



/* 신청서 공통 */
.apply_page_form { font-size: 16px; background: #fff; margin-bottom: 10px; padding: 0;
                    line-height: 1.4em; }
.apply_page_form h1 { margin: 0px; padding-top:0px; margin-bottom: 10px; }
.apply_page_form p {text-align: center; margin-bottom: 10px; }


.apply_page_form table { width: 100%; }
.apply_page_form table th { background: #f2f2f2; width: 250px; color: #222; }
.apply_page_form table th,
.apply_page_form table td { border-bottom: 1px solid #ccc; }
.apply_page_form table th { padding: 10px;}
.apply_page_form table td { padding: 10px 0 10px 10px; }
.apply_page_form table .first th,
.apply_page_form table .first td { border-top: 3px solid #b30a42; }
.apply_page_form .wrap_input_submit { border:none; margin: 0 0 40px 0; padding: 0; height: 45px }
.apply_page_form .wrap_input_submit input   {
    display: block;
    margin: 0 auto;
    padding: 0 110px;
    border: 1px solid #ad0338;
    background-color: #b30a42;
    font-size: 17px;
    color: #fff;
    line-height: 60px;
    letter-spacing:-1.7px;
}
.apply_page_form input[type=button] {text-align: center !important; border-radius: none; }
.apply_page_form input[type='text'] {
    display: block;
    width: 100%;
    margin: 0;
    color:#000;
    border: 1px solid #ddd;
    box-sizing: border-box;
    padding: 5px;
    font-size: 16px;
}
.apply_page_form textarea {
    width: 100%;
    color:#000;
    border: 1px solid #ddd;
    box-sizing: border-box;
    text-align: left;
    padding: 5px;
    font-size: 16px;
}
.apply_page_form .wrap_input_submit { text-align: center; }
.apply_page_form .agree_textarea_wrap {
    border: 1px solid #ddd;
    padding:5px; font-size: 14px; overflow-x: hidden; overflow-y: scroll;
    width:100%; height:90px;  box-sizing: border-box;
}










#cal_content{
     border:1px solid #e5e3e3;
    width:1100px;
    margin:20px auto 0 auto;
    padding:6px 10px;
    position: relative;
}
#cal_content:after {
    content:" ";
    display:block;
    clear:both;
}
#calculator{
    float:left;
    position: relative;
    width:178px;
    height:40px;
    border:1px solid #fff;
    background-image: url(/images/select_arrow.png),url(/images/bt_select.png);
    background-position:160px center,left top;
    background-repeat: no-repeat,repeat;
    margin-right:3px;
}
#calculator label{
    position:absolute;
    font-size:14px;
    color:#fff;
    font-family:'NanumBarunGothic',Arial,Sans-Serif;
    top:9px;
    left:12px;
    letter-spacing:-1px;
    font-weight:100;
}
#calculator .more-option{
    width:96%;
    max-width: 100%;
    height:40px;
    min-height:40px;
    line-height:40px;
    padding:0 2%;
    opacity:0;
    filter:alpha(opacity=0);
}
#calculator .commonRE{
    border:1px solid #979595;
    width:174px;
    height: 35px; line-height: 35px;
    font-size:20px;
    text-align:center;
    font-family:'NanumBarunGothic',Arial,Sans-Serif;
    font-weight:400;
}
.more-option option {
    font-size:14px;
}

.result_display { text-align: center; }
.result_display .result_display_button { float: none; text-align: center; margin-bottom: 20px;}
.result_display .result_display_text { float: none; display: inline-block; }
.result_display .result_display_input { float: none; display: inline-block; }

.bt_result,.txt_result{
    font-family:'NanumBarunGothic',Arial,Sans-Serif;
    font-weight:400;
}
.txt_result{
    width:200px;
    padding:8px 0 6px 0;
    font-size:17px;
    text-align:center;
}
.bt_result{
     background:#AD1947;
    color:#fff;
    border:none;
    position:relative;
    height:30px;
    font-size:20PX;
    padding:8PX 31PX 28PX;
    cursor:pointer;
    transition:800ms ease all;
    outline:none;
}
.bt_result:hover{
     background:#fff;
    color:#AD1947;
}
.bt_result:before,.bt_result:after{
     content:'';
    position:absolute;
    top:0;
    right:0;
    height:2px;
    width:0;
    background:#AD1947;
    transition:400ms ease all;
}
.bt_result:after{
     right:inherit;
    top:inherit;
    left:0;
    bottom:0;
}
.bt_result:hover:before,.bt_result:hover:after{
     width:100%;
    transition:800ms ease all;
}
.bt_result_text { margin-top:9px; font-size: 16px; padding:0 5px; }


.cal_imgbox{
    width:99.3%;
}
.cal_imgbox:after {
    content:" ";
    clear:both;
    display:block;
}
.cal_imgbox li {
    width:178px;
    height:130px;
    float:left;
    margin-right:4px;
}
.cal_imgbox li img {
    width:100%;
    height:100%;
}
.result_display{
    margin:60px 0 14px 0;
    float: left;
    width:650px;
    margin-left:46%;
    transform: translate(-40%,0%);
}
.result_display div {
    float:left;
    margin-right:5px;
}