@charset "utf-8"; 

/* 컨텐츠 */
#contents { width:980px; margin:0 auto 110px; }

#contents .contents_purchase { margin: 50px auto 20px; display: flex; }
#contents .contents_purchase .con_pricelist_area {border: 1px solid #dddddd; height:590px; padding: 30px; flex-grow: 1; }
#contents .contents_purchase .pc {border-right:0; border-radius: 20px 0 0 20px; }
#contents .contents_purchase .combination {border-left:0;  border-radius: 0 20px 20px 0; }
#contents .contents_purchase .con_pricelist_area .good_title { text-align: center; margin-bottom:25px; }
#contents .contents_purchase .con_pricelist_area .good_title img { display: inline-block; margin-right:20px; }
#contents .contents_purchase .con_pricelist_area .good_title h4 { display: inline-block; font-size: 24px; line-height: 25px; color: #333333; text-align: left; vertical-align:top; margin-top: 10px; }
#contents .contents_purchase .con_pricelist_area .good_title h4 small { font-size: 16px; }
#contents .contents_purchase .con_pricelist_area .price_list { padding:20px; border: 1px solid #d2d1e1; border-radius:10px; margin:8px 0; background-color: #F8F8F8; background-repeat: no-repeat; background-position: right 10px; }
#contents .contents_purchase .con_pricelist_area.combination .price_list { background-color: #FFF8F2; border-color: #E1D5CB; }
#contents .contents_purchase .con_pricelist_area .price_list h5 { font-size: 21px; color: #4F4E58; line-height: normal; margin-bottom: 8px;}
#contents .contents_purchase .con_pricelist_area .price_list h5 small { display: block; font-size: 16px; color: #6b6b8d; margin-bottom: 4px; }
#contents .contents_purchase .con_pricelist_area .price_list h5 del { display: block; font-size: 14px; color: #666666; margin-bottom: 4px; }
#contents .contents_purchase .con_pricelist_area .price_list button {border: 1px solid #2B2F3C; border-radius: 5px; padding:8px; background-color: white; width: 78px; transition: background-color ease-in-out 0.3s, color ease-in-out 0.3s; }
#contents .contents_purchase .con_pricelist_area .price_list button:hover { background-color: black; color: white; }
#contents .contents_purchase .con_pricelist_area .price_list button:disabled { border-color: #D9D9D9; background-color: #EEEEEE; color: #CECECE; cursor: default; }
#contents .contents_purchase .con_pricelist_area .price_list .button_area { display: flex; justify-content: space-between; flex-direction: row-reverse;}
#contents .contents_purchase .con_pricelist_area .price_list .button_area div { margin-top: 10px; color: #4E4E67}
#contents .contents_purchase .con_pricelist_area ul { margin-top : 20px; font-size: 15px; color: #555555; padding-left: 20px;}
#contents .contents_purchase .con_pricelist_area ul li { line-height: 15px; padding: 6px 0; list-style-image: url('/image/purchase/icon_check_small_orange.png'); }
#contents ul.warn li::before { content: "\25AA"; color: #999; display: inline-block; width: 1em; margin: 5px 0;}

.con_purchase_layer { position: fixed; background-color: white; left:0; right:0; bottom: 0; border-top: 2px solid #f58220; z-index:103; }
.con_purchase_layer .inner_con { width: 980px; margin: 0 auto; padding: 5px 0; position: relative; }
.con_purchase_layer .inner_con .btn_layer_close { position: absolute; top: -41px; right: 0; display: block; width: 44px; height: 41px; background: url('/image/purchase/icon_layer_updown.png') no-repeat; background-position-y: -41px; }
.con_purchase_layer .inner_con .btn_layer_close.active { background-position-y: 0;}
.con_purchase_layer .inner_con .wrap_select { transition: max-height 0.8s ease, opacity 0.8s ease-in-out; max-height: 0; opacity: 0; overflow: hidden; }
.con_purchase_layer .inner_con .wrap_select.show { max-height: 500px; opacity: 1; } 
.con_purchase_layer .inner_con .wrap_select select { border: 1px solid #C2C2C2; padding:8px 15px; width: 320px; appearance: none; background: url('/image/purchase/icon_select_arrow_down.png') no-repeat calc(100% - 10px) 50%;}
.con_purchase_layer .inner_con .wrap_select .info_text { position: absolute; top: 25px; left: 340px; color: #AB6224; border: 1px solid #DCBCA2; box-shadow: 0 1px 1px rgba( 0, 0, 0, 10%); -webkit-box-shadow: 0 1px 1px rgba( 0, 0, 0, 10%);
    padding: 8px 12px; border-radius: 8px; background-color: #fff; font-size: 0.92rem; line-height: 1rem; }
.con_purchase_layer .inner_con .wrap_select .info_text:before { content:"";position:absolute;top:50%;margin-top:-6px;left:-26px;display:block;border-top:6px solid transparent;
    border-left:13px solid transparent;border-right:13px solid #d6b396;border-bottom:6px solid transparent; }
.con_purchase_layer .inner_con .wrap_select .info_text:after { content:"";position:absolute;top:50%;margin-top:-5px;left:-22px;display:block;border-top:5px solid transparent;
    border-left:11px solid transparent;border-right:11px solid #fff;border-bottom:5px solid transparent; }
.con_purchase_layer .inner_con .wrap_select .caution_area { margin:15px 0; font-size: 13px; }
.con_purchase_layer .inner_con .wrap_select .caution_area li::before { content: "\25AA"; color: #999; display: inline-block; width: 1em; }
.con_purchase_layer .inner_con .wrap_select .caution_area li { line-height: normal; }
.con_purchase_layer .inner_con .wrap_select .goods_list { display: flex; justify-content: space-between; flex-wrap:wrap; padding-bottom: 30px; }
.con_purchase_layer .inner_con .wrap_select .goods_list .good_item { width:454px; display: flex; justify-content: flex-start; flex-wrap:wrap; border: 1px solid #E0E0E0; padding: 10px 15px; margin-bottom: 9px; background-color: #F6F6F6; }
.con_purchase_layer .inner_con .wrap_select .goods_list .good_item.combination { background-color: #FFF8F2; }
.con_purchase_layer .inner_con .wrap_select .goods_list .good_item .name { font-size: 17px; margin-top: 10px; color: #333; flex-grow: 1; }
.con_purchase_layer .inner_con .wrap_select .goods_list .good_item .name small { font-size: 15px; color: #545F7C; margin-left:10px; }
.con_purchase_layer .inner_con .wrap_select .goods_list .good_item .small_text { padding-top: 10px; padding-right: 5px; color: #767676; }
.con_purchase_layer .inner_con .wrap_select .goods_list .good_item.combination .name { color: #6A4D33; }
.con_purchase_layer .inner_con .wrap_select .goods_list .good_item.combination .name small { color: #A97549; }
.con_purchase_layer .inner_con .wrap_select .goods_list .good_item button { border: 1px solid #bbbbbb; width:30px; height: 30px; padding:0 8px; font-size:22px; line-height: 30px; color: #999; vertical-align: top; box-sizing: border-box; background-color: white; }
.con_purchase_layer .inner_con .wrap_select .goods_list .good_item input[type=number] { border: 1px solid #bbbbbb; width: 3.5em; height: 28px; text-align: center; }
.con_purchase_layer .inner_con .wrap_select .goods_list .good_item svg { width:24px; height:24px; margin:3px 0 3px 5px; color:lightgrey; }

.con_purchase_layer .inner_con .wrap_select .price_box { float:  left; }
.con_purchase_layer .inner_con .wrap_select .price_box table { border: 1px solid #efefef; margin-top:30px; }
.con_purchase_layer .inner_con .wrap_select .price_box table td {padding: 20px; }
.con_purchase_layer .inner_con .wrap_select .price_box table td.plus { padding: 20px 5px;}
.con_purchase_layer .inner_con .wrap_select .price_box table td.plus svg { width :24px; height: 24px;}
.con_purchase_layer .inner_con .wrap_select .price_box table td label { display: block; color: #666; font-size: 14px; margin-bottom: 10px;}
.con_purchase_layer .inner_con .wrap_select .price_box table td strong { font-size: 18px; color: #555; font-weight: 600; }
.con_purchase_layer .inner_con .wrap_select .total_price { text-align: right;}
.con_purchase_layer .inner_con .wrap_select .total_price small { font-size: 14px; }
.con_purchase_layer .inner_con .wrap_select .total_price strong { display: block; font-size: 30px; line-height: 32px; font-weight: 600; margin:10px 0; }
.con_purchase_layer .inner_con .wrap_select .total_price button { background-color: #f58220; padding:15px 40px; text-align: center; color: white; border-radius: 100px; font-size: 20px; }
.con_purchase_layer .inner_con .wrap_select .total_price button:disabled { border-color: #D9D9D9; background-color: #EEEEEE; color: #CECECE; cursor: default; }

.purchase_top_text { text-align:center; padding-bottom:70px; }
.purchase_top_text .text_group01, .purchase_top_text_end .text_group01 { font-size:40px; line-height:40px; color:#333; display:block; }
.purchase_top_text .text_group02, .purchase_top_text_end .text_group02 { font-size:24px; line-height:34px; color:#767676; display:block; padding-top:16px; }
.purchase_top_text .text_group03 { font-size:18px; line-height:18px; color:#767676; display:block; padding-top:16px; }

.purchase_top_text_end { text-align:center; padding-bottom:40px; }

.wrap_purchase_pc { border-left:1px solid #ddd; border-top:1px solid #ddd; border-right:1px solid #ddd; }
.wrap_purchase_pc .purchase_product_pc { position:relative; float:left; padding:relative; width:215px; height:538px; }
.wrap_purchase_pc .purchase_product_pc .img_pc { position:absolute; top:170px; left:20px; width:170px; height:140px; background:url(/image/purchase/icon_purchase_title.png) no-repeat; }
.wrap_purchase_pc .purchase_product_pc h4 { position:absolute; top:310px; left:50px; font-size:22px; line-height:22px; color:#333; }
ul.purchase_contents { float:right; width:730px; height:538px; margin-right:20px; }
ul.purchase_contents li { padding-top:50px; }
ul.purchase_contents li h5.title { position:relative; *zoom:1; margin-bottom:5px; height:40px; }
ul.purchase_contents li h5.title span.num01, ul.purchase_contents li h5.title span.num02 { float:left; position:relative; display:block; overflow:hidden; text-indent:-9999px; margin-top:10px; width:29px; height:29px; background:url(/image/purchase/icon_circlenumber_black.png) no-repeat; }
ul.purchase_contents li h5.title span.num02 { background-position: 0 -29px; }
ul.purchase_contents li h5.title span.text { float:left; font-size:20px; line-height:20px; color:#333; padding:16px 0 0 10px; }
ul.purchase_contents li .purchase_contents table { width:740px; }

.wrap_purchase_mobile { border:1px solid #ddd; }
.wrap_purchase_mobile .purchase_product_mobile { position:relative; float:left; padding:relative; width:215px; height:538px; }
.wrap_purchase_mobile .purchase_product_mobile .img_mobile { position:absolute; top:160px; left:20px; width:170px; height:140px; background:url(/image/purchase/icon_purchase_title.png) no-repeat 0 -140px; }
.wrap_purchase_mobile .purchase_product_mobile h4 { position:absolute; top:310px; left:38px; font-size:22px; line-height:22px; color:#333; }

.wrap_con_purchasestep h4.step_title { display:inline-block; *display:inline; *zoom:1; padding-right:30px; height:57px; margin-bottom:16px; background:url(/image/purchase/bg_steptitle_right.png) no-repeat right 0; }
.wrap_con_purchasestep h4.step_title span.wrap_title { position:relative; padding:0 10px 0 20px; height:53px; border-left:2px solid #c4c4c4; border-top:2px solid #c4c4c4; border-bottom:2px solid #c4c4c4; display:inline-block; }
.wrap_con_purchasestep h4.step_title span.wrap_title span.title_step, .wrap_con_purchasestep h4.step_title span.wrap_title span.title_title { display:inline-block; *display:inline; *zoom:1; font-size:22px; line-height:22px; margin-top:16px; color:#f58220; font-weight:500; }
.wrap_con_purchasestep h4.step_title span.wrap_title span.title_step { padding-right:6px; }

.con_tip_banner { padding-top:30px; }
.con_tip_banner ul { height:98px; }
.con_tip_banner ul li { float:left; }
.con_tip_banner ul li a { display:block; overflow:hidden; text-indent:-9999px; width:980px; height:98px; }
.con_tip_banner ul li.tip_myproduct a { background:url(/image/purchase/banner_gopage_myproduct.png) no-repeat; }

ul.radio_list { border-bottom:1px solid #ddd; height:50px; margin-bottom:40px; overflow: auto; padding-bottom: 20px; } 
ul.radio_list li { float:left; padding:16px 20px 0; font-size:16px; line-height:16px; }
ul.radio_list li input[type=radio] { vertical-align:middle; }
ul.radio_list li label { vertical-align:middle; }

.con_purchase_terms { margin-top:60px; background:#f5f5f5; padding:25px 27px; }
.con_purchase_terms h3 { font-size:18px; line-height:18px; color:#333; padding-bottom:12px; }
.con_purchase_terms ul li { background:url(/image/comm/icon_bullet_gray_4.png) no-repeat 0 7px; padding:0 0 10px 12px; line-height:18px; }
.con_purchase_terms ul li span { vertical-align:middle; }
.con_purchase_terms ul li img { vertical-align:middle; }

.con_purchase_terms .tel_terms table { border:1px solid #ddd; background:#fff; }
.con_purchase_terms .tel_terms th, .con_purchase_terms .tel_terms td { border-right:1px solid #ddd; border-bottom:1px solid #ddd; height:48px; }
.con_purchase_terms .tel_terms th { text-align:center; }
.con_purchase_terms .tel_terms td { padding-left:20px; }

ul.sub_list { padding:15px 0 0 10px; }
ul.sub_list li { padding:6px 0; }
ul.sub_list li input[type=checkbox] { vertical-align:middle; }
ul.sub_list li label { vertical-align:middle; padding-left:6px; font-size:14px; line-height:14px; }
ul.sub_list a.link_term { text-decoration:underline; }

/* STEP02 유형 선택 */
.con_select_product { width:980px; border:1px solid #7b7a89; } 
.con_select_product h4 { height:22px; padding-top:8px; color:#fff; background:#7b7a89; font-size:14px; line-height:14px; text-align:center; }
.con_select_product .list_pc { width:489px; border-right:1px solid #7b7a89; }
.con_select_product .list_mobile { width:489px; border-left: 1px solid #7b7a89; }
.con_select_product .list_pc ul > li { border-bottom:1px solid #cdcde1; }
.con_select_product .list_pc ul > li.on { background:url(/image/purchase/icon_small_up.png) no-repeat right 0; }
.con_select_product .list_pc ul > li.off { background:url(/image/purchase/icon_small_down.png) no-repeat right 0; }

.con_select_product .list_pc ul > li > a, .con_select_product .list_mobile ul > li > a { position:relative; width:489px; padding-top:20px; height:38px; display:block; overflow:hidden;  background-repeat:no-repeat; background-position:10px 16px; }
.con_select_product .list_pc ul > li > a { background-image:url(/image/purchase/icon_small_pc_gray.png); }
.con_select_product .list_mobile ul > li > a { background-image:url(/image/purchase/icon_small_mobile_gray.png); }

.con_select_product .list_pc ul > li > a > span { vertical-align:middle; }
.con_select_product .list_mobile ul > li { border-bottom:1px solid #cdcde1; }
.con_select_product .list_mobile ul > li.on { background:url(/image/purchase/icon_small_up.png) no-repeat right 0; }
.con_select_product .list_mobile ul > li.off { background:url(/image/purchase/icon_small_down.png) no-repeat right 0; }

.con_select_product .list_mobile ul > li > a > span { vertical-align:middle; }
.con_select_product ul li a span.text_product { display:inline-block; overflow:hidden; font-size:18px; line-height:18px; padding-left:45px; color:#333; }
.con_select_product ul li a span.text_info_new, .con_select_product ul li a span.text_info_now { display:inline-block; overflow:hidden; padding-left:12px; font-size:14px; line-height:14px; }
.con_select_product ul li a span.text_info_new { color:#f58220; }
.con_select_product ul li a span.text_info_now { color:#ce7900; }
.con_select_product ul li a span.text_amount { padding-left:12px; color:#666; font-size:18px; line-height:18px; }
.con_select_product ul li.border_b_none { border-bottom:none; }

.con_select_product .list_sub_area { position:relative; padding:20px; background:#f5f5fb; border-top:1px solid #cdcde1; }
.con_select_product .list_sub_area ul li { border:none; }
.con_select_product .list_sub_area ul.list_sub01 li { padding:4px 0; color:#333; font-size:16px; line-height:16px; }
.con_select_product .list_sub_area ul.list_sub02 { padding:5px 0 0 20px; }
.con_select_product .list_sub_area ul.list_sub02 li { padding:2px 0; color:#666; font-size:14px; line-height:14px; }
.con_select_product .list_sub_area span.img_arrow { position:absolute; top:-1px; left:0; display:block; width:100%; height:13px; background:url(/image/purchase/bg_areatop_arrow.png) no-repeat 50% 0; }

.con_downloadbtn_area { text-align:center; padding-bottom:25px; }
.con_downloadbtn_area input[type=image] { padding:0 2px; }

.pur_event_text { border-radius: .3em; background-color: #2f7aef; color: #fff; font-weight: bold; padding: 5px 10px; }

/* 구매완료 */
.con_purchase_info { padding-top:50px; }
.con_tip_area { height:68px; padding:20px 20px 20px 150px; margin-top:50px; border-radius:20px; -webkit-border-radius:20px; -moz-border-radius:20px; -ms-border-radius:20px; -khtml-border-radius:20px; -o-border-radius:20px; background:#fef5ee url(/image/purchase/icon_tip_front.png) no-repeat 60px center; }
.con_tip_area span.title { display:block; font-size:20px; line-height:20px; color:#333; padding-top:12px; }
.con_tip_area span.text { display:block; font-size:16px; line-height:16px; color:#666; padding-top:8px; }

/* 이벤트 내용 */
.event_top_text { text-align:center; }
.event_top_text .text_group01 { font-size:30px; line-height:30px; color:#333; display:block; }
.event_top_text .img_area { text-align:center; padding-top:70px; }

/* 이벤트 목록 - 진행 이벤트 */
.event_list { width: 980px; margin: 0 auto 110px; min-height: 480px; }
.event_list ul { margin:0; padding:0; }
.event_list li { position:relative; margin:0 0 -1px 0; padding:15px 0; border:1px solid #ddd; border-left:0; border-right:0; vertical-align:top; *zoom:1; }
.event_list li:after { display:block; clear:both; content:""}
.event_list a { text-align:left; text-decoration:none; cursor:pointer; display: inline-block; }
.event_list .event_title { color:#f58220;  display: inline-block; font-size: 22px; line-height: 26px; padding:4px 0 0 6px; vertical-align:top; }
.event_list .event_text { color: #767676; display: block; font-size: 14px; line-height: 22px; padding: 8px 0 0 6px; }
.event_list .thumb { display:inline-block; overflow:hidden; position:relative; width:440px;  height:180px; background:#eee; color:#666; line-height:80px; text-align:center; }
.event_list .thumb img { display:block; border:0}
.event_list .thumb em { visibility:hidden; position:absolute; top:50%; left:0; width:1px; height:1px; margin:-90px 0 0 0; background:#000; font-size: 24px; color:#fff; text-align:center; opacity:.7; filter:alpha(opacity=50); z-index:5; }
.event_list .thumb em { _visibility:visible; _top:0; _width:100%; _height:auto; _margin:0; _line-height:20px; }
.event_list a:hover .thumb em,
.event_list a:active .thumb em,
.event_list a:focus .thumb em { visibility:visible; width:100%; height:auto; line-height:180px}

.event_list ul li .list_left { float:left; }
.event_list ul li .list_right { float:left; padding:24px 0 0 20px; }
.event_list ul li .list_right + img { vertical-align:top; }
.event_list .event_date { color: #767676; display: block; font-size: 14px; line-height: 22px; padding: 18px 0 0 6px; }

/* 이벤트 목록 - 종료 이벤트 */
.event_list .thumb_end { display:inline; overflow:hidden; position:relative; width:440px;  height:180px;  background:#eee; color:#666; line-height:80px; text-align:center; }
.event_list .thumb_end img { display:block; border:0}
.event_list .thumb_end em { visibility:hidden; position:absolute; top:50%; left:0; width:1px; height:1px; margin:-90px 0 0 0; background:#000; font-size: 24px; color:#fff; text-align:center; opacity:.7; filter:alpha(opacity=50); z-index:5; }
.event_list .thumb_end em { _visibility:visible; _top:0; _width:100%; _height:auto; _margin:0; _line-height:20px}
.event_list .event_end_title { color:#666666;  display: inline-block; font-size: 22px; line-height: 26px; padding:4px 0 0 6px; vertical-align:top; }

/* 이벤트 목록 형식으로 바뀌기 전 정의 CSS */
#event { position:relative; width:100%; }
#wrap_event01 { position:relative; width:100%; min-width:960px; margin:0 auto; background:#2b2e37 url(/image/news/event/32/bg_w_event01.png) no-repeat bottom center; }
.event01 { position:relative; width:1000px; height:560px; margin:0 auto; }

/* event 02 */
#wrap_event02 { position:relative; width:100%; min-width:960px; margin:0 auto;  background:#eaeaea url(/image/news/event/32/sp_bg.png) repeat-x bottom; }
.event02 { position:relative; width:960px; height:1130px; margin:0 auto; }

/* event 03 */
#wrap_event03 { position:relative; width:100%; min-width:960px; margin:0 auto;  background-color:#353841; }
.event03 { position:relative; width:960px; height:380px; margin:0 auto;  }

/* event 04 */
#wrap_event04 { position:relative; width:100%; min-width:960px; margin:0 auto;  background: #4e515b url(/image/news/event/32/sp_bg.png) repeat-x bottom; }
.event04 { position:relative; width:960px; height:480px; margin:0 auto; }

/*공유하기*/
#event .wrap_sns { width:100%; padding-top:30px; background:#eaeaea; }
#event .event_sns { position:relative; width:960px; margin:0 auto; height:130px; }
#event .event_sns .event_title { width:695px; height:96px; position:absolute; top:0; left:0; }
#event .event_sns .sns_area { position:absolute; top:0; right:0; width:196px; height:91px; display:block; overflow:hidden; text-indent:-9999px; background:url(/image/news/event/img_sns.png) no-repeat; }
#event .event_sns .sns_area a { position:absolute; width:56px; height:59px; display:block; }
#event .event_sns .sns_area a.sns_facebook { top:32px; left:0; }
#event .event_sns .sns_area a.sns_twitter { top:32px; left:70px; }
#event .event_sns .sns_area a.sns_kakaostory { top:32px; left:140px; }

/* 구매페이지 - 안내 레이어 */
.layer_check { position:absolute; top:-22px; left:-52px; z-index:8; }

/* 구매페이지 - 펼쳐지는 약관 부분 */
.wrap_view_terms { background:#f5f5fb; padding:20px; margin-top:10px; border:1px solid #ddd; height:100px; overflow-x:hidden; overflow-y:scroll; }
.view_terms { color:#767676; line-height:18px; }

/* 구매페이지 - 완료 */
.step3_ul { line-height:24px; }
.step3_li { font-size:13px; color:#767676; padding-left:10px; }