﻿/* sub layout style (좌측메뉴없는) */

/******* 즉시신청박스 *******/
.quick_new_box {margin:5px 0 10px 0;padding:10px 20px;width:940px;min-height:256px;background:url(../img/device/quick_new_box_bg.jpg) left top no-repeat;}
.quick_new_box .quick_new_stitle {margin:0;padding:10px 0 10px 0;}
.quick_new_box .quick_new_area {margin:14px 0 8px 0;*zoom:1;}
.quick_new_box .quick_new_area:after {content:""; clear:both; visibility:hidden; display:block; height:0;}
.quick_new_box .quick_new_area>li {float:left;}
/* 선택 영역 */
.quick_new_box .quick_new_area>li.quick_select {width:370px;padding-right:20px;}
			   .select_list {width:370px;overflow:hidden;}
			   .select_list dt {display:block;float:left;padding:8px 5px 8px 0;}
			   .select_list dt img {vertical-align:middle;}
			   .select_list dd {display:block;float:left;width:auto;padding:8px 0 8px 0;}
			   .select_list dt.left {width:40px;}
			   .select_list dt.right {width:52px;padding-left:12px;}
			   .select_list dd select {width:90px;height:22px;font-size:11px;font-family:'돋움',Dotum,'굴림',Gulim;vertical-align:middle;}
.quick_new_box .quick_new_area>li .btn_s_rate {padding:5px 0 0 45px;}

/*선택했을때 월 금액 */
.quick_new_box .quick_new_area>li.selected_view {width:328px;padding-right:20px;margin-top:-15px;}
			   .month_charge {width:324px;}
			   .month_charge>li {padding:5px 5px 5px 0;font-size:13px;}
			   .month_charge>li span {display:inline-block;}
			   .month_charge>li .charge_th {width:120px;font-weight:600;}
			   .month_charge>li .charge_td {width:185px;text-align:right;}
			   .month_charge>li.last_line {margin-top:4px;padding:4px 0 0 0;border-top:1px solid #d7d7d7;}
/* 신청버튼 */
.quick_new_box .quick_new_area>li.btn_quick_reg {width:162px;text-align:center;}
.quick_new_box .quick_new_area>li.btn_quick_reg a {display:inline-block;text-align:center;width:150px;padding:25px 0;background-color:#083e6d;}

.quick_new_box .important_small {padding:2px 0 5px 0;font-size:11px;color:#777;line-height:1.5;}

/********* 단말기 리스트 **********/
/* 탭 */
.hphone_tab {margin:10px 0;width:940px;border:1px solid #d7d7d7;}
.hphone_tab:after {content:""; clear:both; visibility:hidden; display:block; height:0;}
.hphone_tab li {float:left;width:234px;border-left:1px solid #d7d7d7;}
.hphone_tab li:first-child {border-left:none;}
.hphone_tab li a {display:block;width:100%;padding:12px 0;text-align:center;font-size:13px;font-weight:600;background-color:#fbfbfb;color:#959595;}
.hphone_tab li a:hover {color:#fff;background-color:#093d6d;color:#fff;}
.hphone_tab li a.selected {color:#fff;background:url(../img/device/wh_b_arrow.png) 210px 50% #093d6d no-repeat;}
/* 썸네일 리스트 */
.hphone_list {margin:15px auto 0;width:944px;}
.hphone_list:after {display:block;clear:both;content:'';height:0;}
.hphone_list>li {float:left;width:234px;margin:0;border-right:1px solid #d7d7d7;border-bottom:1px solid #d7d7d7;overflow:hidden;}
.hphone_list>li:nth-child(4n+1) {clear:both;float:left;border-left:1px solid #d7d7d7;}
.hphone_list>li:first-child,.hphone_list>li:nth-child(2),.hphone_list>li:nth-child(3),.hphone_list>li:nth-child(4) {border-top:1px solid #d7d7d7;}
.hphone_list>li:first-child {margin-left:0;}
.hphone_list>li dl {box-sizing:border-box;}
.hphone_list>li dl dt img {width:100%;height:300px;}
.hphone_list>li dl dd {box-sizing:border-box;height:70px;padding:10px 0 0 0;text-align:center;background-color:#f5f5f5;}
.hphone_list>li dl dd:hover {background:#4187cb;color:#fff;}
.hphone_list>li dl dd:hover .brand_name, .hphone_list>li dl dd:hover .product_name, .hphone_list>li dl dd:hover .product_name span {color:#fff;}
.hphone_list>li dl dd a {display:block;width:100%;height:100%;}
.hphone_list>li dl dd .brand_name {padding-bottom:4px;color:#959595;font-size:14px;background:url(../img/main/short_bar.png) center bottom no-repeat;}
.hphone_list>li dl dd .product_name {padding:4px 0 4px 0;font-size:13px;font-weight:600;color:#777;}
.hphone_list>li dl dd .pname {color:#b2b2b2;font-weight:normal; font-size:13px;}
.hphone_list>li.device_no {width:940px;text-align:center;padding:25px 0;font-size:14px;color:#777;border:none;}


/*************** 단말기및요금 신청 페이지 *****************/
.hphone_select_area {margin:5px 0 10px 0;width:940px;}
.hphone_select_area:after {display:block;clear:both;content:'';height:0;}
/** 제품 이미지 **/
.hphone_select_area .hphone_img_area {box-sizing:border-box;float:left;width:352px;border:1px solid #ebebeb;}
.hphone_select_area .hphone_img_area .hphone_bigimg {width:100%;text-align:center;padding:25px 0;}
.select_list_area .hphone_thum {margin:10px auto 0;width:502px;}
.select_list_area .hphone_thum:after {display:block;clear:both;content:'';height:0;}
.select_list_area .hphone_thum li {float:left;width:58px;margin:0 6px;border:1px solid #d7d7d7;}
.select_list_area .hphone_thum li:hover {border:1px solid #b5c601;}
.hphone_select_area .hphone_img_area .btn_s_detail_info {margin:10px auto 20px;width:274px;}
.hphone_select_area .hphone_img_area .btn_s_detail_info:after {display:block;clear:both;content:'';height:0;}
.hphone_select_area .hphone_img_area .btn_s_detail_info li {float:left;width:130px;background-color:#ebebeb;}
.hphone_select_area .hphone_img_area .btn_s_detail_info li:first-child {margin-right:12px;}
.hphone_select_area .hphone_img_area .btn_s_detail_info li a {display:block;width:100%;font-size:11px;text-align:center;padding:8px 0;color:#777;}


/* 가입유형 선택 */
.hphone_select_area .select_list_area {box-sizing:border-box;float:right;width:515px;}
.hphone_select_area .select_list_area .hphone_select {padding:10px 0 15px 0;text-align:right;}
.hphone_select_area .select_list_area .hphone_select select {width:120px;height:22px;font-size:11px;font-family:'돋움',Dotum,'굴림',Gulim;vertical-align:middle;color:#777;}
.hphone_select_area .select_list_area .select_in_box {margin:5px 0 5px 0;padding:20px 0 15px 0;border-top:1px solid #6e8ab2;border-bottom:1px solid #6e8ab2;}
.hphone_select_area .select_list_area .select_in_box .device_txt {padding:5px 0 5px 10px;color:#a5a5a5;font-size:16px;}
.hphone_select_area .select_list_area .select_in_box .device_name {padding:5px 0 10px 10px;font-size:28px;}
.hphone_select_area .select_list_area .select_in_box .device_price {margin:12px 0;padding:20px 5px 20px 10px;background:#f6f7fb;border-top:1px solid #6e8ab2;border-bottom:1px solid #6e8ab2;}
.hphone_select_area .select_list_area .select_in_box .device_price .price_right {text-align:right;margin-left:290px;}
.hphone_select_area .select_list_area .select_in_box .radio_select {margin:10px 0 10px 10px;width:500px;font-size:14px;}
.hphone_select_area .select_list_area .select_in_box .radio_select:after {display:block;clear:both;content:'';height:0;}
.hphone_select_area .select_list_area .select_in_box .radio_select dt {float:left;width:108px;padding:5px 0;font-weight:600;}
.hphone_select_area .select_list_area .select_in_box .radio_select dd {float:left;width:350px;margin-left:20px;padding:5px 0;}
.hphone_select_area .select_list_area .select_in_box .radio_select dd span {0 6px;}
.hphone_select_area .select_list_area .inquiry_zone {margin:22px 0 10px 0;width:515px;overflow:hidden;}
.hphone_select_area .select_list_area .inquiry_zone>li {float:left;padding:0 5px;}
/* 요금제 선택 */
.phone_charge_select {margin:30px 0 10px 0;padding:10px 0;font-size:20px;color:#333;font-weight:600;background:url(../img/device/olive_stitle_bar.gif) left top no-repeat;}
.device_rate_tb {margin:10px 0 10px 0;border:1px solid #d7d7d7;}
.device_rate_tb th {padding:6px 0;background:#ebebeb;border:1px solid #d7d7d7;}
.device_rate_tb th.basic {background-color:#f5f5f5;}
.device_rate_tb td {padding:5px 0;text-align:center;border:1px solid #d7d7d7;}
/* 선택한 요금제 표시 */
.device_rate_view {margin:25px 0 0 0;width:940px;}
.device_rate_view .device_rate_total {margin:0;padding:0;background-color:#c0c0c0;overflow:hidden;}
.device_rate_view .device_rate_total p {padding:16px 0;font-size:20px;color:#fff;font-weight:600;}
.device_rate_view .device_rate_total .d_total_01 {float:left;width:300px;height:30px;padding:20px 0 0 20px;}
.device_rate_view .device_rate_total .d_total_02 {float:left;width:380px;height:30px;text-align:right;} 
.device_rate_view .device_rate_total .d_total_02 .total_price {color:#144878;font-size:28px;font-family:Arial,Verdana,'나눔고딕',NanumGothic;}
.device_rate_view .device_rate_total .d_total_03 {float:right;width:220px;height:30px;text-align:center;background-color:#144878;}
.device_rate_view .device_rate_total .d_total_03 a {display:block;width:100%;height:100%;}
.device_rate_view .device_rate_total .d_total_03:hover {background-color:#276fd3;}
.device_rate_view .rate_view_list_area {margin:0;padding:0;box-sizing:border-box;border:1px solid #959595;}
.device_rate_view .rate_view_list_area:after {display:block;clear:both;content:'';height:0;}
.device_rate_view .rate_view_list_area li {float:left;width:311px;height:250px;border-left:1px solid #d7d7d7;}
.device_rate_view .rate_view_list_area li:first-child {border-left:none;}
.device_rate_view .rate_view_list_area li .month_rate_th {background-color:#f5f5f5;font-size:14px;font-weight:600;height:40px;padding:10px 6px;overflow:hidden;}
.device_rate_view .rate_view_list_area li .month_rate_th .mon_left {float:left;padding-top:10px;}
.device_rate_view .rate_view_list_area li .month_rate_th .mon_right {float:right;line-height:1.5;text-align:right;}
.device_rate_view .rate_view_list_area li .rate_detail_list {padding:10px 5px 5px 10px;font-size:13px;overflow:hidden;}
.device_rate_view .rate_view_list_area li .rate_detail_list dt {float:left;width:145px;padding:7px 0;}
.device_rate_view .rate_view_list_area li .rate_detail_list dd {float:right;width:100px;text-align:right;padding:7px 0;}



/**************** 제품 상세정보 팝업창 ****************/
.div_window {position:absolute;top:150px;left:50%;margin-left:-250px;z-index:333;}
.device_detail_pop {width:540px;box-sizing:border-box;border:1px solid #c4dceb;border-radius:5px;padding:10px;background:url(../img/myflash/info_box_bg.gif)repeat;}
.rate_detail_pop {width:720px;box-sizing:border-box;border:1px solid #c4dceb;border-radius:5px;padding:10px;background:url(../img/myflash/info_box_bg.gif)repeat;}
.pop_con_bg {background:url(../img/common/pop_bg.png) right top #f5f5f5 no-repeat;padding:15px 10px;border:1px solid #c4dceb;}

                .pop_stitle {color:#666;font-size:20px;font-weight:600;padding:15px 10px 15px 10px;border-bottom:1px solid #959595;} 
				.device_pop_contents {margin:0 auto;width:500px;}
				.device_pop_contents .device_info_tb {border-top:2px solid #d7d7d7;font-size:12px;}
				.device_pop_contents .device_info_tb th {padding:8px 5px 8px 10px;text-align:left;background-color:#fbfbfb;border-bottom:1px solid #d7d7d7;border-right:1px solid #d7d7d7;font-size:12px;}
				.device_pop_contents .device_info_tb td {padding:6px 5px 6px 10px;background-color:#fff;border-bottom:1px solid #d7d7d7;}
				.device_pop_contents .order_g_stitle,.rate_pop_contents .order_g_stitle {color:#333;font-size:16px;font-weight:600;padding:10px 0 10px 5px;}
				.device_pop_contents .order_info_list {margin:5px 0 10px 5px;width:96%;}
				.device_pop_contents .order_info_list li {font-size:13px;color:#333;padding:5px 0;line-height:1.5;}
				.device_pop_contents .order_info_list li .s_list {margin:10px 0 8px 10px;}
				.device_pop_contents .order_info_list li .s_list li {font-size:12px;color:#777;padding:5px 0;}
				.rate_pop_contents .spec img, .device_pop_contents .spec img {width:100%;height:auto;}

.rate_pop_contents {margin:0 auto;width:680px;}
/**** New 요금제 리스트 테이블 ***/
.m_rate_tb {margin:0 auto;}
.m_rate_tb thead {border-bottom:2px solid #bbcc02;}
.m_rate_tb th {padding:7px 0;background-color:#f5f5f5;border-left:1px solid #d7d7d7;}
.m_rate_tb th:first-child {border-left:none;}
.m_rate_tb .th_basic {background-color:#f7f8ee;border-top:1px solid #d7d7d7;}
.m_rate_tb td {padding:7px 0;text-align:center;background-color:#fff;border-bottom:1px solid #ebebeb;}
.m_rate_tb td:first-child {font-weight:600;font-size:16px;color:#004280;background-color:#f1f5fb;border-bottom:1px solid #d3dce8;}
.m_rate_tb td:last-child img {vertical-align:middle;padding-top:2px;}
.m_rate_tb .left_tbline {border-left:1px solid #d7d7d7;}
.m_rate_tb .red_str_txt {color:#ed1c24;font-size:14px;}

/* 글자색 크기 */
.red_str {display:inline;font-size:16px;font-weight:600;color:#ed1c24;}
.navy_str {display:inline;font-size:16px;font-weight:bold;color:#073d6b;}
.light_g_small {display:inline;font-size:11px;color:#777;}
.black_semi_str {font-size:18px;font-weight:600;color:111;}
.wh_str {color:#fff;font-weight:600;font-size:20px;}

.t_center {text-align:center;padding:35px 0 0 0;}
#contents_wide select {width:120px;height:22px;font-size:11px;font-family:'돋움',Dotum,'굴림',Gulim;vertical-align:middle;color:#777;}
