@import url(https://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(/css/usim_esim_k.css);
@charset "utf-8";
@page {size: a4; page-break-after: always;}
	.var_title{display:inline-block;}
	/* 161013 추가 */
	.digtitle{margin-bottom:50px; line-height:1.4em;}
	.digtitle1{font-size:15px; text-indent:-20px; margin-left:20px; line-height:1.4em;}
	.digtitle2{font-size:13px; margin-left:20px; padding-top:10px; color:#777;}

	
	/* 160930 추가 */
	.pur_new_title{font-weight:bold; font-size:15px;}
	.pur_new{padding-top:10px; font-size:13px; text-indent:-12px; margin-left:12px;}
	.pur_new dt{font-weight:bold;}
	.pur_new dd{padding:5px 12px 0 12px;}



	.el_signArea{width:100%;overflow:hidden; padding-bottom:40px;}
	.el_signArea li{text-align:center; width:20%; float:left; }
	.el_signArea li.redstep{width:4%; text-align:center;}
	.el_signArea li p{text-align:center; font-size:14px; width:100%; }
	.bt_unnew{padding-bottom:30px; text-align:center; line-height:1.4em;}
	
	.paynewtitle{font-size:13px; margin-top:30px; padding-bottom:10px; line-height:1.4em; background: url('../img/bullet_tip_2.png') 0 6px no-repeat; padding-left: 15px;}
	.paynewtitle2{font-size:16px; padding:20px 0 10px; line-height:1.4em;}
	.paunewbox{border:1px solid #ccc; padding:10px; line-height:1.5em; color:#777;}
	.com_table{overflow:hidden; margin-bottom:10px; }
	.blank_p{width:3%; display:inline-block; float:left; line-height:82px;}
	.aplsb{font-size:16px; font-weight:bold; line-height:1.2em;}
	.emer6_6{ padding-bottom:10px; border-bottom:1px solid #ccc;}
	.emer6_6 li{font-size:14px; line-height:1.4em;}
	.emer6_62{padding:10px 0; font-size:12px;}
	
	/*160909 popup*/
	#layer_pop_ibo1 .layer_pop{ display:none; max-width:700px; background: #f0f0f0; border:solid 1px #ccc; position:absolute; z-index:999; box-shadow: 0px 1px 20px #333; }
	#layer_pop_ibo1 .layer_pop h1 { font-size:22px;  padding:30px 0 10px; border-bottom:none;}
	#layer_pop_ibo1 .layer { padding:20px;}
	#layer_pop_ibo1 .title{border-bottom:1px solid #ccc; margin-bottom:20px; text-align:center;}
	#layer_pop_ibo1 .pop_l{font-size:16px; font-weight:normal; color:#555; line-height:1.3em; padding-bottom:20px; text-align:center;}
	#layer_pop_ibo1 .pop_wrap{ background: #fff; padding:20px; max-height:500px; overflow:auto; overflow-x:hidden}
	#layer_pop_ibo1 .mapop_cal2{width:90%; margin:0 auto;}
	#layer_pop_ibo1 .find_id td.find_idtitle{font-size: 16px; width: 25%; font-weight: bold;}
	#layer_pop_ibo1 .find_id td{font-size: 14px; width: 65%;  padding: 10px 0;}
	#layer_pop_ibo1 .find_id td input[type="text"]{border: 1px solid #ccc;  width: 95%; height: 40px; line-height: 40px; padding-left: 5%;}

	#layer_pop_ibo2 .layer_pop{ display:none; max-width:700px; background: #f0f0f0; border:solid 1px #ccc; position:absolute; z-index:999; box-shadow: 0px 1px 20px #333; }
	#layer_pop_ibo2 .layer_pop h1 { font-size:22px;  padding:30px 0 10px; border-bottom:none;}
	#layer_pop_ibo2 .layer { padding:20px;}
	#layer_pop_ibo2 .title{border-bottom:1px solid #ccc; margin-bottom:20px; text-align:center;}
	#layer_pop_ibo2 .pop_l{font-size:16px; font-weight:normal; color:#555; line-height:1.3em; padding-bottom:20px; text-align:center;}
	#layer_pop_ibo2 .pop_wrap{ background: #fff; padding:20px; max-height:500px; overflow:auto; overflow-x:hidden}
	#layer_pop_ibo2 .mapop_cal2{width:90%; margin:0 auto;}
	#layer_pop_ibo2 .find_id td.find_idtitle{font-size: 16px; width: 25%; font-weight: bold;}
	#layer_pop_ibo2 .find_id td{font-size: 14px; width: 65%;  padding: 10px 0;}
	#layer_pop_ibo2 .find_id td input[type="text"]{border: 1px solid #ccc;  width: 95%; height: 40px; line-height: 40px; padding-left: 5%;}

	/** 약관 로밍요율 표 **/
	.agree_roaming_tb {}
	.agree_roaming_tb td {text-align:right;padding-right:5px;}
	.agree_roaming_tb td:first-child {text-align:left;padding-left:5px;}
	
	.log_p{text-align:center; font-size:18px; line-height:1.4em; padding:40px; }
	.mem_join .form_wrap div.mem_yes{color:#000; font-size:14px; border:1px solid #ccc; padding:20px 0 20px 20px; margin-left:134px;}
	.mem_join .form_wrap div.mem_yes li{line-height:1.5em;}
	.nanoplus{margin-left:140px;}

	/* 160901 */	
	table.tb td.borderbotm{border-bottom:none;}
	.qnrk{width:15%;}
	.innerpading{padding:0 4% 5% 4%;}
	.my_change{font-size:18px; height:40px; line-height:40px;  margin-bottom:10px; }
	.my_change select{height:40px; line-height:40px; padding-right:20px; margin-left:10px;}
	.my_change .btn_dark{display:inline-block; padding:0 25px; height:39px; font-size:12px; position:relative; top:-1px;}
	
	.font_12{font-size:12px;}
	.borderih1{border-right:1px solid #ccc;}
	.col60sppp{width:60%; float:left; margin-left:10px;}
	
	/* 20160721 ADD from Mr.son */
	.noti_detail_page h1{text-align: center;}
	table.view .cont-wrap{padding: 0;}
	table.view .cont-wrap .cont{padding:40px 0; }
	table.view .cont-wrap .cont p{max-width:620px; margin:0 auto;} 
	table.view .cont-wrap .cont p img{width:100%;}
	table.view .fir{border-left:0;}
	table.view .las{border-right:0;}
	table.view .att_file{margin-right:10px;}
	table.view .title{font-weight: bold;}

	.btn_list {background: #fff;color: #4b4b4b;border: solid 1px #777;font-size: 13px;padding: 8px 22px;}

	.sale_program ol{margin-top: -30px;}
	.sale_program .title{font-size: 18px;font-weight: bold;color: #000;margin:30px 0 6px;}
	.sale_program p{font-size: 15px;color: #4b4b4b;line-height: 24px;text-indent: -10px;margin-left: 10px;}
	.sale_program .cont_imgbox{margin: 20px auto 40px;text-align: center;}
	.sale_program .cont_imgbox .cmt{display: block;font-size: 13px;margin-top: 10px;text-align: left;}
	.sale_program .cont_imgbox .cmt em{color: #ee3137;vertical-align: middle;display: inline-block;text-indent: 2px;}
	.sale_program .tip_box{ line-height: 20px; padding-bottom:5px;}
	.sale_program .tip_box li{background: url(../img/bullet_tip_2.png) 10px 6px no-repeat;padding-left:24px;font-size: 12px;}
	.sale_program .tip_box li .accent{color: #ee3137;font-size: 12px;margin-left: -5px;line-height: 20px;}
	.sale_program .tip{font-size: 13px;}
	/* .sale_program table.tb td{line-height: 20px;} */

	.kakao_service{/*background:url(../img/bg_kakaopage.png) 0 200px repeat-x;*/}
	.kakao_service .key_copy{font-size: 30px;color: #3b1e1e;letter-spacing: -1px;text-align: center;line-height: 30px;margin-bottom: 30px;text-transform: uppercase;font-weight: bold;}
	.kakao_service .key_copy i{font-style: italic;}
	.kakao_service .key_copy .txt_talk{margin: 0 2px 0 4px;display: inline-block;line-height: 80px;}
	.kakao_service .key_copy .txt_talk.mb_only{display: none;}
	.kakao_service .key_copy .sub{font-size: 18px;color: #777;font-weight: normal;}
	.kakao_service .phone_img {width: 310px;float: left;margin-bottom: 60px;text-align: center;margin-top: 10px;}
	.kakao_service .phone_img span{display: block;font-size: 16px;letter-spacing: -1px;margin-top: 10px;}
	.kakao_service .phone_img span em{color: #ee3137;}
	.kakao_service .info{margin-top: 77px;margin-left: 350px;border-top: solid 1px #a5a5a5;padding-top: 49px;width: 450px;}

	.kakao_service .info .copy{color: #333;font-size: 22px;line-height: 32px;font-weight: bold;padding-bottom: 50px;border-bottom: solid 1px #a5a5a5;}
	.kakao_service .info .copy em{color: #ee3137;}
	.kakao_service .info .copy p{
		margin-top: 25px;
		font-size: 16px;
		line-height: 17px;
	}
	.kakao_service .info .copy span{color: #555;font-size: 15px;line-height: 25px;display: block;font-weight: normal;}
	.kakao_service .cs{margin-left: 350px;margin-top: 44px;}
	.kakao_service .cs .copy{color: #000;font-size: 17px;line-height: 25px;margin-bottom: 10px;letter-spacing: -1px;}
	.kakao_service .cs .copy span{color: #555;font-size: 15px;line-height: 25px;display: block;}
	.kakao_service .cs .schedule{font-size: 14px;color: #000;height: 36px;border:solid 1px #ccc;line-height: 36px;display: inline-block;padding: 0 16px;letter-spacing: -1px;}

	.mem_join .inner { border-top: solid 2px #4b4b4b; }
	.mem_join .form_wrap { margin: 34px auto; width: 606px; border-bottom: solid 1px #ccc; padding-bottom: 36px; }
	.mem_join .form_wrap label { width: 22%; display: inline-block; font-size: 18px; font-weight: bold; }
	.mem_join .form_wrap div { margin-bottom: 10px; margin:15px 0;}
	.mem_join .form_wrap div .mem_join_stx{padding-left:22%; font-size:12px; color:#999; padding-top:5px; padding-bottom:5px;}
	.mem_join .form_wrap input { font-size: 16px; margin-top: -3px; }
	.mem_join .form_wrap .basic-sel { padding: 15px 20px; box-sizing: border-box; margin-top: -3px; height: 53px; font-size: 16px; border: solid 1px #d5d5d5; width:22%; margin-left: 8px; }
	.mem_join .form_wrap .basic-sel2 { padding: 15px 5px; box-sizing: border-box; margin-top: -3px; height: 53px; font-size: 16px; border: solid 1px #d5d5d5; width: 22%; margin-left: 8px; }
	.mem_join .form_wrap .short-sel { width: 120px; }
	.mem_join .form_wrap .has_radio { font-size: 17px; font-weight: bold; padding:20px 0; box-sizing: border-box; margin-top: -3px; line-height: 4px; }
	.mem_join .form_wrap .has_button { border: solid 1px #d5d5d5; width:53%; font-size: 16px; padding: 25px 12px; box-sizing: border-box; margin-top: -3px; }
	.mem_join .form_wrap .long { border: solid 1px #d5d5d5; width: 78%; font-size: 16px; padding: 25px 12px; box-sizing: border-box; margin-top: -3px; }
	.mem_join .form_wrap .short { border: solid 1px #d5d5d5; width: 22%; font-size: 16px; padding: 25px 12px; box-sizing: border-box; margin-top: -3px; }
	.mem_join .form_wrap .btn_orange { width:25%; display: inline-block; font-size: 18px; height: 54px; line-height: 55px; text-align: center; }
	.mem_join .form_wrap .btn_orange:hover { color: #fff; }
	.mem_join .btn_submit{text-align: center; margin-bottom: 60px; }
	.mem_join .btn_submit p{ height: 60px;  border:none; }
	.mem_join .btn_submit p a{width:30%; display:inline-block; color: #fff; background: #000; height: 60px; line-height:60px; font-size: 20px; }



/* 회원가입 아이디,비밀번호 찾기 팝업*/
.find_id td{font-size:14px; width:65%; padding:10px 0;}
.find_id td span{margin-right:10px;}
.find_id td.find_idtitle{font-size:16px; width:25%;  font-weight:bold;}
.find_id td input[type="text"]{border:1px solid #ccc; width:95%; height:40px; line-height:40px; padding-left:5%;}
.find_id td.patop0{padding-top:0;}
.mapop_cal2{background-color:#f0f0f0; line-height:1.4em; font-size:12px; width:90%; padding:3% 5%; margin-top:10px;}
.bordeebotom{border-bottom:1px solid #ccc;}


.updownArea{position:absolute; bottom:0; width:100%;}
.upbtn{z-index:996; width:40px; height:36px; float:left;}
.downbtn{z-index:996; width:40px; height:36px; float:right;}

/* 패밀리사이트 팝업 */
.familysite{width:100%; padding:5% 0;}
.familysite ul{width:100%; }
.familysite ul li{width:100%; border:1px solid #ccc; margin-bottom:10px;} 
.familysite ul li:last-child{margin-bottom:0;}
.familysite ul li a{display:inline-block; overflow:hidden; width:100%; padding:20px 0;}
.left_hi{float:left; font-size:18px; font-weight:bold; padding-left:20px;}
.right_hi{float:right; font-size:14px; padding-right:20px;}

.btn_neworange{font-size:11px; padding:5px; background-color:#000; letter-spacing:-0.5px; color:#fff;}
.btn_neworange_blank{font-size:11px; padding:5px; letter-spacing:-0.5px; color:#fff;}

.underline2{ margin-bottom: 20px; overflow:hidden;}
.sel > .underline2 > h2{font-size: 17px;  margin: 0 0 20px 0;}

/* 할인프로그램 */
.discot_dl{width:100%; line-height:1.4em; padding-bottom:20px;}
.discot_dl dt{font-size:18px; font-weight:bold; color:#000; line-height:1.4em;}
.discot_dl dd{font-size:15px; line-height:1.4em; }
.discot_dl dd ul li{background: url('../img/line.gif') no-repeat left 4px top 8px; padding-left: 14px; margin-bottom: 2px;}
.discot_dl dd ul li.discot_cArea{background:none; padding-left:0;}

/* 메인팝업*/
.newtd_h{ padding:10px 5px;}
.selh2_h{overflow:hidden; width:100%; line-height:17px; margin-bottom:20px;}
.selh2_h h2{margin:0; font-size:17px;}
.selh2_h h2 p{padding-left:5%;}
.fongray12{font-size:12px; color:#4b4b4b; line-height:1.4em;}
.pop_wrap img{width:100%;}
.pop_wrapnew img{width:100%;}
.pop_wrap h3{ font-size:15px;}
.pop_wrapnew h3{ font-size:15px;}
.dis_list{clear:both;}
.wid_h15{width:15%;}

.pop_wrap form{width:100%;}
.pop_wrap form table.load_ptable{width:90%; margin:20px auto;  font-weight:bold; font-size:16px;}
.pop_wrap form table.load_ptable .load_pt{width:100%; padding-bottom:10px;}
.pop_wrap form table.load_ptable .fir_poptd{width:20%;}
.pop_wrap form table.load_ptable .fir_poptd2{width:80%;}
.pop_wrap form table.load_ptable .fir_poptd2 input{width:100%; height:38px; line-height:38px;}
.pop_wrap form table.load_ptable .fir_poptd3{font-size:12px; font-weight:normal; line-height:1.4em; padding-top:5px;}

.pop_wrap .mapop_cal{width:90%; padding:5%; background-color:#f0f0f0; line-height:1.4em; font-size:12px;}
.pop_wrap .mapop_cal b{font-size:15px; color:#000; line-height:1.8em;}


/* 20130715 추가 및 수정 */
.mainpop1{padding:5% 0; font-size:20px; text-align:center; line-height:1.3em; border-bottom:1px solid #000;}
.gray_h{font-size:;font-size:16px;}
.mainpop2{padding:5% 0; font-size:16px; line-height:1.3em; }
.loading_p1{width:100%;}

/* 20130714 추가 및 수정*/
.newtd_h{ padding:10px 5px;}
.selh2_h{overflow:hidden; width:100%; line-height:17px; margin-bottom:20px;}
.selh2_h h2{margin:0; font-size:17px;}
.selh2_h h2 p{padding-left:5%;}
.fongray12{font-size:12px; color:#4b4b4b; line-height:1.4em;}
.dis_list{clear:both;}
.wid_h15{width:15%;}
.tx_orange{color:#EE3137; font-weight:bold;}


/* 20160712 추가 및 수정*/
.attention { overflow: hidden; display: table; margin-top:20px; width:100%; min-height:100px; }
.tab_lrl2{ margin-bottom: 20px; overflow: hidden;}
.tab_lrl2 li { float:left; width:19.8%; height:100%; display: table; border-left: none; border-top: 1px solid #ccc; border-left: 1px solid #ccc;  padding:0;  box-sizing: content-box;}
.tab_lrl2 li a{ height: 32px; font-size:13px; overflow:hidden; vertical-align: middle; display: table-cell; text-align: center; padding:5px 0 }
.tab_lrl2 li:nth-child(5), .tab_lrl2 li:nth-child(10){border-right:1px solid #ccc;}
.tab_lrl2 li:nth-child(6), .tab_lrl2 li:nth-child(7), .tab_lrl2 li:nth-child(8), .tab_lrl2 li:nth-child(9), .tab_lrl2 li:nth-child(10) { border-bottom:1px solid #ccc;}
.tab_lrl2 li.select a{color:#fff; background:#000; font-weight:bold; display:inline-block; width:100%; height:33px; line-height:33px;}

/* 카카오톡 */
.kakao2{display:none;}
.why_f2{display:none; }

.kalarge{font-size:18px; color:#777777; line-height:1.5em; padding-bottom:60px; text-align:center;}
.kalarge strong{font-size:30px; color:#3b1e1e; line-height:2em;}
.para_tb2{padding-top:20px;}
.inner_re{padding:4%;}
.inner_re .kalargeArea{overflow:hidden; font-size:15px; color:#333; }
.inner_re .kalargeArea .left_h{float:left; width:68%;}
.inner_re .kalargeArea .left_h p{font-size:18px; color:#333; padding-left:4%; height:38px; padding-top:30px;}
.inner_re .kalargeArea .left_h p span{position:relative; top:6px;}
.inner_re .kalargeArea .left_h dl{text-align:center; float:left; width:50%;}
.inner_re .kalargeArea .left_h dl dt{width:65%; margin:0 auto; padding-top:20px; height:80px;}
.inner_re .kalargeArea .left_h dl dt img{width:100%;}
.inner_re .kalargeArea .left_h dl dd{line-height:1.4em;}
.inner_re .kalargeArea .right_h{float:right; width:32%; text-align:center; line-height:1.4em; height:238px;}
.inner_re .kalargeArea .right_h .imgsp{width:55%; display:block; margin:0 auto; height:168px;}
.inner_re .kalargeArea .right_h .imgsp img{width:100%; }
.big_h{font-size:15px; color:#777; text-align:center;}
.big_h span{font-size:17px; color:#000; line-height:1.5em;}
.bgf3{background-color:#f3f3f3; padding:20px 0;}
.blod000{font-weight:bold; color:#000;}

.border_box .faq_bd{width:100%;}
.border_box .faq_bd li{width:100%; color:#4b4b4b; border-bottom:1px solid #ccc; font-size:14px;}
.border_box .faq_bd li a{display:inline-block; width:100%;}
.border_box .faq_bd li.ti_h{width:100%; border-bottom:1px solid #000; font-weight:bold; color:#000; }
.border_box .faq_bd li .faq_ans{width:100%; overflow:hidden; padding:16px 0; display:block;}
.border_box .faq_bd li .faq_ans .qa{display:inline-block; width:10%; padding-left:3%; float:left;}
.border_box .faq_bd li .faq_ans .category{display:inline-block; width:20%; padding-left:3%; float:left;}
.border_box .faq_bd li .faq_ans .subject{display:inline-block; width:58%; padding:0 3%; float:left; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.border_box .faq_bd li .answer{width:100%;  border-top:1px solid #ccc; background-color:#fef2f8;}
.border_box .faq_bd li .answer .answerArea{width:85%; padding-left:15%; line-height:1.4em; padding-top:15px; padding-bottom:15px; }
.border_box .faq_bd li .open{background-color:#fef2f8;}

.imgsp2{height:50px; padding-top:20px;}

/* 20160707 추가*/
.login_wrap .find_pw {margin-top:20px;  }
.login_wrap .find_pw_btn{font-size: 14px; padding-top: 5px; overflow: hidden;}
.login_wrap .button_small{padding:8.5px 0; font-size:12px; width: 110px; text-align:center;}
.button_large{padding:10px 50px; font-size:12px;  text-align:center; display:inline-block; margin-bottom:20px;}
.login_wrap .btn_round{border-radius:0;}
.login_wrap .ml10 { margin-left: 3px;}

.login_wrap .login0{width:100%; height:auto;}

.pop_wrap2{ background: #fff; padding: 20px; }
table.black2 {width:100%; border:3px solid #fff; margin:20px 0;}
table.black2 td {width:100%;  border:3px solid #fff;}
table.black2  table.black select { width:30%; height:45px; border:1px solid #ccc; }


table.black2 .custEmail { width:30%; height:45px; border:1px solid #ccc; }
table.black2 select { width:33%; height:50px;}
table.black2 .custZip { width:75%; height:45px; border:1px solid #ccc;margin-top:5px;}
table.black2 .custAddr { width:100%; height:45px; border:1px solid #ccc;margin-top:5px; }

.inner{overflow:hidden;}


/* 20160705 추가*/
.thumb_wrap .btnArea{width:100%; margin-top:35px;}
.thumb_wrap .btnArea .btn{display:inline-block; margin-top:5px;}

/* 20160706 추가*/
table.tb{font-size:12px;}
.layer_pop .layer table.tb th{text-align:center;}
.layer_pop .layer table.tb .tb_hi_pa{padding:3px 25px;}
#wrap { width: 100%; height:100% }
#leftframe { float: left; position:fixed; left: 0; top: 0; display: block; z-index: 888; width: 200px;height:930px;}
#mainframe { float: left; position: relative; display: block; width: calc(100% - 200px); max-width:1102px; height:930px; margin-left: 200px;}
#subframe { max-width: 60%; position: relative; margin-left: 360px; margin-right:200px; padding:60px 20px;}
#rightframe_sub {clear: both; border-left:1px solid #ccc; position: fixed; display:inline-block; z-index: 777; right: 0; top: 0; width:200px;}

/*메인배너*/
#jssor_1 div .banner_title1 {position:absolute;top:26%;right:0px;color:#444;font-size:22px;margin-right:8%;padding-top:10px;}
#jssor_1 div .banner_link1 {position:absolute;top:30%;right:0px;margin-right:8%;padding-top:10px;}
#jssor_1 div a {display:block;border:3px solid #444;text-align:center;padding:10px 60px 10px 60px;font-size:16px;}
#jssor_1 div .banner_title2 {position:absolute;top:35%;right:21%;color:#444;font-size:22px;}
#jssor_1 div .banner_link2 {position:absolute;top:39%;right:22%;}

/* 추가 20170704 */
.owl-nav{ width:100%;  overflow:hidden;}
.owl-prev{background:url('/img/mslide_arrow01.png') no-repeat left; width:51px;height:91px;position:absolute; top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);left:10px;opacity:.8;text-indent:-9999px;}
.owl-next{background:url('/img/mslide_arrow02.png') no-repeat right; width:51px;height:91px;position:absolute; top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);right:10px;opacity:.8;text-indent:-9999px;}
.owl-prev:hover {opacity:1;}
.owl-next:hover {opacity:1;}


/*------  20160714 ----- */
#rightframe_sub {clear: both; border-left:1px solid #ccc; display:inline-block; z-index: 777; right: 0; top: 0; width:200px;}
#rightframe_sub .rightf_a , #rightframe_sub .rightf_a img {display:block;}
#rightframe_sub .rightf_a .rightf945{height:94.5px; font-size:12px; color:#4b4b4b; text-align:center; line-height:1.4em;}
#rightframe_sub .rightf_a .rightf945 h4{font-size:16px; font-weight:bold; padding-bottom:4%;}
.bottommobile { display: none; }

/* 161026 추가 */ 
#rightframe { clear: both; position:absolute; z-index: 777; right:0; top: 0; width:618px;}
#rightframe .half{width:100%;overflow:hidden;}
#rightframe > div { float:left; width: 50%; box-sizing: border-box; border-collapse:collapse;}
#rightframe .bg_white{background-color:white; text-align:center; height:141px;}
#rightframe .bg_f6f6f6{float:left; box-sizing: border-box; padding-top:15px; width:50%; background-color:#f6f6f6; text-align:center; height:140px;}
#rightframe .bg_eff2f7{float:left; box-sizing: border-box; padding-top:15px;width:50%; background-color:#eff2f7; text-align:center; height:140px;}
#rightframe .bg_f6f6f6 img, #rightframe .bg_eff2f7 img {width:100%;max-width:260px;height:auto;}
#rightframe .bg_8a9cb3{float:left; width:50%; background-color:#808080; text-align:center; height:93px;}
#rightframe .bg_697a8f{float:left; width:50%; background-color:#666666; text-align:center; height:93px;}
#rightframe .bg_white a , #rightframe .bg_f6f6f6 a , #rightframe .bg_eff2f7 a , #rightframe .bg_8a9cb3 a{display:inline-block;}
#rightframe .bg_white img{display:block;} 

/* 161026 추가 */ 
#rightframe .bg_fafafa{float:left; width:100%; background-color:#fafafa; height:186px;}
#rightframe .bg_fafafa .bg_fa_inner{padding:25px;}
#rightframe .bg_fafafa .bg_fa_inner h4{display:block; width:100%;  border-bottom:1px solid #ccc; overflow:hidden;}
#rightframe .bg_fafafa .bg_fa_inner h4 span{display:inline-block; font-size:22px; line-height:44px; color:#050505; float:left;}
#rightframe .bg_fafafa .bg_fa_inner h4 a{display:inline-block; padding-top:12px; vertical-align:middle; float:right;}
#rightframe .bg_fafafa .bg_fa_inner ul{width:100%; overflow:hidden; padding-top:10px;}
#rightframe .bg_fafafa .bg_fa_inner ul li a{font-size:14px; display:inline-block; height:26px; line-height:26px;}
#rightframe .bg_fafafa .bg_fa_inner ul li .fa_title{float:left; width:70%; text-overflow:ellipsis; white-space: nowrap; overflow: hidden;}
#rightframe .bg_fafafa .bg_fa_inner ul li .fa_title span{color:#EE3137; font-weight:bold;}
#rightframe .bg_fafafa .bg_fa_inner ul li .fa_date{float:right; width:30%; text-align:right; font-size:14px; display:inline-block; height:26px; line-height:26px;}


#rightframe > div > div.bg_pink {  background-color: #e23896; border-bottom: 1px solid #e23896; }
#rightframe > div > div.bg_red {  background-color: #e8472a; border-bottom: 1px solid #e8472a; }
#rightframe > div > div.bg_gold {  background-color: gold; border-bottom: 1px solid gold; }
#rightframe > div > div.bg_silver {  background-color: #c1c1c1; border-bottom: 1px solid #c1c1c1; }
#rightframe > div > div.bg_dark {  background-color: #303030; border-bottom: 1px solid #303030; }
#rightframe > div > div > div.bg_blue1 {  background-color: #4d5d6a; }
#rightframe > div > div > div.bg_blue2 {  background-color: #323b44; }
#rightframe > div > div > div.bg_blue3 {  background-color: #738597; }
#rightframe > div > div > div.bg_blue4 {  background-color: #4d5d6a; }

#rightframe .quarter .bg_white a{display:inline-block;}
#rightframe .quarter img{display:block;}
#rightframe .half img{display:block;}
.quarter_ti{width:100%;}
.quarter_blcn{width:100%; height:5.5px;}
.quarter_img{width:100%;}

/* ----- 20160714 ------ */
 


section.logo {height: 110px; }
section.logo div.center { height:100%; position: relative; }
section.logo div.center img { width: 140px; position: absolute; top: 50%; left: 50%; margin-top:-20px; margin-left:-70px; }
section.logo div.menubtn { display: none; }

section.info ul { width: 100%; text-align: center;}
section.info ul.rid li { float: left; padding-top: 12px; width: 50%; color: white; height:24px;}
section.info ul.rid li:first-child { background-color: #70818f; }
section.info ul.rid li:last-child { background-color: #a0b9cd; }

section.info ul.rlogin li { clear: both; padding-top: 12px; height:25px; font-weight: 700; color: #303030; background-color: #FFFFFF; }
section.info ul.rlogin li a{ color:#303030; font-size:14px;}


section.lnb > ul > li { display: inline-block; cursor: pointer; width: 170px; font-size: 14px; padding-left:30px; line-height:58px;border-bottom: solid 1px #ddd;background-color:#ee3137; }
section.lnb > ul > li a{color:#FFF;}
section.lnb > ul > li > div { display: none; background-color: #eff2f7; position: fixed; top: 0; left: 200px;  width: 160px; height:100%; box-shadow: 1px 2px 4px #888888; z-index: 999}
section.lnb > ul > li > div > ul > li:first-child { border-top: solid 1px #ddd;}
section.lnb > ul > li > div > ul > li { font-size: 12px; padding-left:15px;  height:60px; line-height:60px; border-bottom: solid 1px #ddd; }
section.lnb > ul > li:hover { background: #000; }
section.lnb > ul > li:hover > a { color: #fff; }


/* 수정
section.lnb ul li.emenu1:hover > div { display: block; padding-top: 211px; }
section.lnb ul li.emenu2:hover > div { display: block; padding-top: 300px; }
section.lnb ul li.emenu3:hover > div { display: block; padding-top: 335px; }
section.lnb ul li.emenu4:hover > div { display: block; padding-top: 395px; }
section.lnb ul li.emenu5:hover > div { display: block; padding-top: 455px; }
section.lnb ul li div ul li:hover { color:#E4007F; font-weight:bold; background:#fff url('../img/bullet.png') no-repeat right 15px center;}
section.lnb ul li div ul li.emenu2 a.select{color:#E4007F; font-weight:bold;}
*/

section.lnb ul li.emenu1 > div { display: none; padding-top: 180px; }
section.lnb ul li.emenu2 > div { display: none; padding-top: 365px; }
section.lnb ul li.emenu3 > div { display: none; padding-top: 425px; }
section.lnb ul li.emenu4 > div { display: none; padding-top: 304px; }
section.lnb ul li.emenu5 > div { display: none; padding-top: 485px; }
section.lnb ul li.emenu6 > div { display: none; padding-top: 244px; }
section.lnb ul li.emenu7 > div { display: none; padding-top: 425px; }
/*section.lnb ul li div ul li { color:#E4007F; font-weight:bold; background:#fff url('../img/bullet.png') no-repeat right 15px center;}*/
section.lnb ul li div ul li a{ color:#444 !important;}
.active { color:#E4007F; font-weight:bold; background:#fff url('../img/bullet_2.png') no-repeat right 15px center;}
/*section.lnb ul li div ul li.emenu2 a.select{color:#E4007F; font-weight:bold;}*/

/* 160714 추가수정*/
section.lnb > ul > li > div > ul > li > a{ display: block;}
section.lnb > ul > li > div > ul > li:hover{ background:#fff url('../img/bullet_2.png') no-repeat right 15px center; }




section.bnb ul { padding: 10px 0; background-color: #efefef; border-bottom: solid 1px #ddd;  }
section.bnb ul li { font-size: 11px; padding: 6px 0 6px 30px; }


section.bottom ul { padding-top:5px; }
section.bottom ul li { font-size: 11px;  }
section.bottom ul li.addr2 { padding-bottom: 10px;}
section.bottom ul li.img { padding-top: 5px; padding-bottom: 5px;}

.jssorb05 { position: absolute; }
.jssorb05 div, .jssorb05 div:hover, .jssorb05 .av { position: absolute; width: 18px; height: 18px; background: url('../img/b05.png') no-repeat; overflow: hidden; cursor: pointer; }
.jssorb05 div { background-position: -7px -7px; }
.jssorb05 div:hover, .jssorb05 .av:hover { background-position: -37px -7px; }
.jssorb05 .av { background-position: -67px -7px; }
.jssorb05 .dn, .jssorb05 .dn:hover { background-position: -97px -7px; }
.jssora12l, .jssora12r { display: block; position: absolute; width:30px;height:46px; cursor: pointer; background: url('../img/a12_2.png') no-repeat; overflow: hidden; }
.jssora12l { background-position: -16px -37px; }
.jssora12r { background-position: -75px -37px; }
.jssora12l:hover { background-position: -136px -37px; }
.jssora12r:hover { background-position: -195px -37px; }

.location{float:right; color:#666;}
.location span {display: inline-block; background: url('../img/icon_arrow.gif') no-repeat left center; padding-left: 15px; margin:0 5px 0 2px; }
.location span.home {background:none; padding:0;}

/*content*/
h1{font-size:36px; margin:40px 0; word-break: keep-all;}
h2{font-size:18px; margin:26px 0; padding-left:15px; background: url('../img/bullet.png') no-repeat left 3px;}
h3{ font-size: 24px; margin:20px 0; }
.ex{color:#ee3137; font-size:18px; margin-top:10px;}
.bulletArea{padding:20px 0;}
.bullet{font-size:14px; margin:5px 0; padding-left:15px; background: url('../img/bullet.png') no-repeat left 3px;}

.contents_box{ width:100%; overflow: hidden; position: relative; border: 0px solid #ccc; display: table; }
.contents_list{border-top:1px solid #ccc; border-bottom:1px solid #ccc; padding:20px 0; margin-top:20px;}
.contents_box h3 { font-size: 24px; margin:20px 0 40px 0; }
.inner { padding:40px;}
.inner2 { padding: 0px; }
.edge{ margin:1% 0; }
.br_none{border:none !important;}
.bleft_none { border-left:none !important; }
.bright_none { border-right:none !important; }
.mb_only{display:none;}
.mb_only2{display:none;}

/********** 플래시모바일 소개 (20171214 추가 ) **********/
.fmobile_box {margin:30px auto 20px;padding:30px 20px;width:88%;background:#fafafa;}
.fmobile_box .fmobile_title {padding:10px 0 12px;font-size:40px;letter-spacing:-1px;text-align:center;}
.fmobile_box .fmobile_txt {margin:0 auto;width:60%;padding:0 0 20px 0;color:#999;font-size:22px;font-weight:400;text-align:center;word-break:keep-all;}
.fmobile_box .feature_list {margin:15px auto;width:100%;max-width:790px;}
.fmobile_box .feature_list:after {display:block;clear:both;content:'';height:0;visibility:hidden;}
.fmobile_box .feature_list>li {float:left;width:32%;max-width:248px;padding:0 5px;text-align:center;}
.fmobile_box .feature_list>li img {width:100%;}


/****************************************************/
/***** 다이렉트 개통 신청 (20161211 추가 ) **********/
/****************************************************/

.direct_con {width:100%;padding:20px 15px;}
.direct_con:after {content:""; clear:both; visibility:hidden; display:block; height:0;}
.direct_con .direct_title {padding:10px 0 20px 0;color:#ee3137;font-size:52px;letter-spacing:-1px;font-weight:100;}
.direct_con .direct_title .direct_t01 {font-size:46px;}
.direct_con .direct_title .direct_strong {font-weight:bold;}
.direct_con .direct_g_list {padding:15px 5px 15px 0;}
.direct_con .direct_g_list>li {padding:15px 0 20px 32px;font-size:20px;font-weight:600;background:url(/img/bu_check.png) 0 12px no-repeat;}
.direct_con .direct_g_list>li .direct_info_txt {font-weight:normal;}
.direct_con .direct_g_list>li .direct_p_img {padding:12px 5px 12px 20px;}
.direct_con .direct_g_list>li .direct_p_img img {width:100%;max-width:1011px;}
.direct_con .direct_g_list>li .direct_usim_guide {margin:15px 0 10px 0;}
.direct_con .direct_g_list>li .direct_usim_guide:after {content:""; clear:both; visibility:hidden; display:block; height:0;}
.direct_con .direct_g_list>li .direct_usim_guide .d_usim_left {float:left;width:32%;max-width:312px;}
.direct_con .direct_g_list>li .direct_usim_guide .d_usim_left_mobile {display:none;}
.direct_con .direct_g_list>li .direct_usim_guide .d_usim_right {float:left;width:65%;max-width:577px;}
.direct_con .direct_g_list>li .direct_usim_guide .d_usim_right img {padding:5px 0 15px 0;}
.direct_con .direct_g_list>li .direct_usim_guide img {width:100%;}
.direct_con .direct_g_list>li .direct_usim_guide .d_usim_right .in_usim_number {margin:8px 0 12px 2px;font-size:14px;}
.direct_con .direct_g_list>li .direct_usim_guide .d_usim_right .in_usim_number:after {content:""; clear:both; visibility:hidden; display:block; height:0;}
.direct_con .direct_g_list>li .direct_usim_guide .d_usim_right .in_usim_number .usim_num01 {float:left;width:72px;background-color:#636363;color:#fff;height:24px;line-height:24px;text-align:center;padding:3px 0;margin:0 4px 0 0;}
.direct_con .direct_g_list>li .direct_usim_guide .d_usim_right .in_usim_number .usim_num01 .wh_arrow {opacity:0;}
.direct_con .direct_g_list>li .direct_usim_guide .d_usim_right .in_usim_number .usim_num02 {float:left;width:auto;}
.direct_con .direct_g_list>li .direct_usim_guide .d_usim_right .in_usim_number .usim_num02 .u_number {padding:3px 2px;border:1px solid #d7d7d7;background:#fff;width:46px;height:24px;margin:0 3px;}
.direct_con .direct_g_list>li .direct_usim_guide .d_usim_right .d_compa_txt {font-size:16px;font-weight:normal;color:#ee3137;}
.direct_con .direct_g_list>li .direct_usim_guide .d_usim_right .d_compa_txt a {text-decoration:underline;color:#ee3137}
.direct_con .direct_g_list>li .direct_usim_guide .d_usim_right .buy_usim {display:inline-block;margin:15px 0 10px 0;padding:12px 15px;width:50%;max-width:255px;color:#fff;font-weight:bold;font-size:24px;letter-spacing:-1px;background:url(/img/b_white_arrow.png) 95% center #ed1c24 no-repeat;}
.direct_con .direct_g_list>li .direct_usim_guide .d_usim_right .buy_usim:hover {background:url(/img/b_white_arrow.png) 95% center #666 no-repeat;}

/* 프린트 */
.printArea{width:960px; margin:0 auto; overflow:hidden; display: table; }
.printArea .inner { padding:40px;}

.graph { overflow:hidden; margin-bottom:30px; margin-top:10px;}
.graph dt { float: left; font-size: 24px; width:20%; }
.graph dd { float: right; width:80%; }
.graph_bar { width:100%; height:40px; display: inline-block; text-align: right; background:#f0f0f0; margin-bottom:5px;}
.per{ background: #ee3137; }
/*width*/
.col { display:inline-block; }
.col10{width:10%;}
.col15{width:15%;}
.col20{width:20%;}
.col25{width:25%;}
.col30{width:30%;}
.col33{width:33%;}
.col40{width:40%;}
.col45{width:45%;}
.col50{width:50%;}
.col55{width:55%;}
.col60{width:60%;}
.col65{width:65%;}
.col70{width:70%;}
.col80{width:80%;}
.col90{width:90%;}
.col100{width:100% !important;}

.feebox{overflow:hidden;}
.feebox > div {float: left; position:relative; }
.feebox > div:before{content: ""; display: block; padding-top: 100%; }
.feebox > div > div { position:absolute; top:0; left: 0;bottom: 0;right: 0; color:#fff; padding:20px;}
.feebox > div > div > div { width: 100%; height: 100%; display: table; line-height: 1.2em; font-size: 14px;}
.feebox > div > div > div > div { display: table-cell; text-align: center; vertical-align: middle; }
.feebox > div > div > div > div > a {color:#fff; font-size:13px;}
.feebox > div > div > div > div > a > p {color:#fff; font-size:26px; line-height:34px; padding-top:44px; background: url('../img/icon_arrow_down.png') no-repeat center 20px;}
.feebox .purple{background: #714ba8; margin-right:5%; }
.feebox .purple .boxinner {background:#644097;}
.feebox .orange{background: #ff6139; margin-right:5%; }
.feebox .orange .boxinner {background:#eb532c;}
.feebox .gray{background: #4b4b4b; }
.feebox .gray .boxinner {background:#3f3d3d;}
.feebox .blue{background:#1b5a95; margin-right:5%;}
.feebox .blue .boxinner {background:#074783;}

/*** 20170704 요금제 카테고리 ***/
.feebox_wrapper {overflow:hidden;}
.feebox_wrapper:after {clear:both;display: block;content: ""; }
.feebox_wrapper > div {float: left; position:relative; }
.fee_category {margin-right:5%;}
.fee_category .fee_slogan {padding:15px 0 25px 0;text-align:center;font-size:18px;font-weight:300;line-height:1.4;}
.fee_category .purple_txt {color:#644097;}
.fee_category .orange_txt {color:#ff6139;}
.fee_category .blue_txt {color:#074783;}
.fee_category .charcoal_txt {color:#3f3d3d;}
.fee_category .fee_purple {margin:0 5px;padding:20px 0 20px 35px;background:url(../img/pay_ca_arrow.png) 97% center #644097 no-repeat;border-radius:10px;}
.fee_category .fee_orange {margin:0 5px;padding:20px 0 20px 35px;background:url(../img/pay_ca_arrow.png) 97% center #ff6139 no-repeat;border-radius:10px;}
.fee_category .fee_blue {margin:0 5px;padding:20px 0 20px 35px;background:url(../img/pay_ca_arrow.png) 97% center #074783 no-repeat;border-radius:10px;}
.fee_category .fee_charcoal {margin:0 5px;padding:20px 0 20px 35px;background:url(../img/pay_ca_arrow.png) 97% center #3f3d3d no-repeat;border-radius:10px;}
.fee_category  a {display:block;width:100%;height:100%;}
.fee_category  a .b_white {color:#fff;font-size:18px;}

/********* 요금제 선택 수정 (20171214) *********/
.fee_tab {margin-right:4%;position:relative;}
.fee_tab .fee_slogan {padding:15px 0 15px 0;margin:0 5px 10px 5px;text-align:center;font-size:18px;font-weight:300;line-height:1.4;color:#999;border:2px solid #ebebeb;border-radius:5px;}
.fee_tab .txt_on {color:#ff6139;}
.fee_tab .fee_btn {margin:0 5px;padding:20px 0 20px 35px;background:url(../img/pay_ca_arrow.png) 97% center #acacac no-repeat;border-radius:10px;}
.feeon {padding:0 0 10px 0;}
.feeon .fee_btn {margin:0 5px;padding:20px 0 20px 35px;background:url(../img/pay_ca_arrow.png) 97% center #ff6139 no-repeat;border-radius:10px;}
.feeon .fee_slogan {color:#ff6139;border:2px solid #ff6139;}

/*
.fee_tab .purple_txt {color:#644097;}
.fee_tab .orange_txt {color:#ff6139;}
.fee_tab .blue_txt {color:#074783;}
.fee_tab .charcoal_txt {color:#3f3d3d;}
.fee_tab .fee_purple {margin:0 5px;padding:20px 0 20px 35px;background:url(../img/pay_ca_arrow.png) 97% center #644097 no-repeat;border-radius:10px;}
.fee_tab .fee_orange {margin:0 5px;padding:20px 0 20px 35px;background:url(../img/pay_ca_arrow.png) 97% center #ff6139 no-repeat;border-radius:10px;}
.fee_tab .fee_blue {margin:0 5px;padding:20px 0 20px 35px;background:url(../img/pay_ca_arrow.png) 97% center #074783 no-repeat;border-radius:10px;}
.fee_tab .fee_charcoal {margin:0 5px;padding:20px 0 20px 35px;background:url(../img/pay_ca_arrow.png) 97% center #3f3d3d no-repeat;border-radius:10px;}
*/
.fee_tab  a {display:block;width:100%;height:100%;}
.fee_tab  a .b_white {color:#fff;font-size:18px;}

/* 추가 20190719 요금제pdf */
.all_fee_box {margin:15px auto 0;width:100%;max-width:558px;padding:0 5px 0 0;}
.all_fee_box .btn_all_fee_pdf {display:block;padding:15px 5px;width:96%;text-align:center;font-size:16px;color:#fff;background:#ff6139;border-radius:10px;}

/** 뉴요금제 리스트 20171214 **/
.charge_list_box {margin:20px auto 10px;width:100%;padding:7px 0 0 0;border-top:3px solid #4b4b4b;box-sizing:border-box;}
.charge_list_box .charge_list {padding:10px 0 15px;border-bottom:1px solid #d7d7d7;position:relative;}
.charge_list_box .charge_list:after {display:block;clear:both;content:'';height:0;visibility:hidden;}
.charge_list_box .charge_list dt, .charge_list_box .charge_list dd {box-sizing:border-box;height:auto;min-height:100px;}
.charge_list_box .charge_list .charge_name {float:left;width:33%;padding:30px 0;font-size:24px;text-align:center;border-right:1px solid #d7d7d7;}
.charge_list_box .charge_list .charge_info {float:left;margin:0 auto;padding:0 20px;width:35%;border-right:1px solid #d7d7d7;}
.charge_list_box .charge_list .charge_info:after {display:block;clear:both;content:'';height:0;visibility:hidden;}
.charge_list_box .charge_list .charge_won {float:left;width:20%;padding:25px 0;font-size:24px;text-align:center;}
.charge_list_box .charge_list .charge_go {float:left;width:12%;padding:30px 0;}
.charge_list_box .charge_list .charge_info .charge_call {float:left;width:33.33%;}
.charge_list_box .charge_list .charge_info .charge_call span {display:block;text-align:center;margin:0 8px;}
.charge_list_box .charge_list .charge_info .charge_call .service_icon {margin:0 auto;width:60px;height:60px;padding:15px 0;background:#f5f5f5;border-radius:30px;box-sizing:border-box;}
.charge_list_box .charge_list .charge_info .charge_call .service_name {padding:5px 0;font-size:13px;}
.charge_list_box .charge_list .charge_won .sum {font-weight:700;color:#ee393e;}
.charge_list_box .charge_list .charge_won .sum_through {font-weight:700;color:#555;text-decoration:line-through;}
.charge_list_box .charge_list .charge_won .online {display:block;padding:5px 0 0 0;float:none;font-size:14px;color:#ee393e;}
.charge_list_box .charge_list .charge_won .tax {display:block;font-size:13px;color:#898989;}
.charge_list_box .charge_list .charge_go .btn_ch_detail {display:inline-block;text-align:center;padding:12px 22px 12px 10px;background:url(../img/arrow_fee.png) 96% center #333 no-repeat;color:#fff;font-size:15px;}
.charge_list_box .charge_list .charge_go .btn_ch_detail2 {display:inline-block;text-align:center;padding:12px 22px 12px 10px;background:url(../img/arrow_fee.png) 96% center #ff6139 no-repeat;color:#fff;font-size:15px;}
.charge_list_box .charge_list .charge_go .btn_alli_card {margin-top:3px;display:inline-block;text-align:center;padding:10px 16px 10px 6px;background:url(../img/arrow_fee_black.png) 96% center #fff no-repeat;color:#333;font-size:14px;border:2px solid #333;}
.charge_list_box .charge_list .charge_go .btn_ch_detail .btn_txt {}

.new_pay_tag {display:inline-block;padding:2px 0 0 8px;}


/********20200331_ 버튼수정 *******/
.charge_list_box .charge_list .charge_btn_zone{float:left;width:12%;padding:15px 0;}
.charge_list_box .charge_list .charge_btn_zone .btn_direct_open {display:inline-block;text-align:center;width:118px;padding:8px 20px 8px 10px;background:url(../img/arrow_fee.png) 96% center #333 no-repeat;color:#fff;font-size:14px;}
.charge_list_box .charge_list .charge_btn_zone .btn_smart_open {margin:5px 0 0 0;display:inline-block;width:118px;text-align:center;padding:8px 20px 8px 10px;background:url(../img/arrow_fee.png) 96% center #ee3137 no-repeat;color:#fff;font-size:14px;}

/** 추천요금제 20181123 **/
.recomm_title {padding:8px 0 10px 0;font-size:24px;font-weight:600;background:url(../img/red_dg_bar.png) left bottom no-repeat;}
.recomm_charge {margin:5px auto 0;padding:4px 0;width:100%;box-sizing:border-box;}
.recomm_charge .recomm_ch_list {padding:10px 5px 5px 5px;border-bottom:1px solid #d7d7d7;}
.recomm_charge .recomm_ch_list:hover dt .charge_name {color:#0072bc;}
.recomm_charge .recomm_ch_list dt {padding:5px 0;}
.recomm_charge .recomm_ch_list dt:after {display:block;clear:both;content:'';height:0;visibility:hidden;}
.recomm_charge .recomm_ch_list dt .charge_name {box-sizing:border-box;float:left;width:70%;max-width:358px;font-size:20px;font-weight:600;color:#13528f;}
.recomm_charge .recomm_ch_list dt .charge_sum {box-sizing:border-box;float:right;width:30%;text-align:center;font-size:24px;font-weight:600;letter-spacing:-1px;}
.recomm_charge .recomm_ch_list dt .charge_sum .red_t {color:#ee3137}
.recomm_charge .recomm_ch_list dd {padding:5px 0;}
.recomm_charge .recomm_ch_list dd:after {display:block;clear:both;content:'';height:0;visibility:hidden;}
.recomm_charge .recomm_ch_list dd .recomm_charge_info {box-sizing:border-box;float:left;width:65%;max-width:358px;padding:0 10px 0 0;}
.recomm_charge .recomm_ch_list dd .recomm_charge_info span {display:block;}
.recomm_charge .recomm_ch_list dd .recomm_charge_info .info_01 {padding:5px 0;font-size:14px;color:#959595;}
.recomm_charge .recomm_ch_list dd .recomm_charge_info .info_02 {padding:3px 0 5px;font-size:16px;color:#333;}
.recomm_charge .recomm_ch_list dd .recomm_select {box-sizing:border-box;float:right;width:35%;padding:0 0 0 10px;}
.recomm_charge .recomm_ch_list dd .recomm_select a {display:block;margin:0 auto;width:99%;max-width:104px;padding:10px 8px;background:url(../img/white_check.png) 15px center #333 no-repeat;color:#fff;font-size:16px;font-weight:600;text-align:center;}
.recomm_charge .recomm_ch_list dd .recomm_select a:hover {background:url(../img/white_check.png) 15px center #ee3137 no-repeat;color:#fff;}


.pop_charge {margin:20px auto 10px;width:100%;padding:7px 0 0 0;border-top:3px solid #4b4b4b;box-sizing:border-box;}
.pop_charge .charge_list {padding:10px 0 15px;border-bottom:1px solid #d7d7d7;position:relative;}
.pop_charge .charge_list:after {display:block;clear:both;content:'';height:0;visibility:hidden;}
.pop_charge .charge_list dt {box-sizing:border-box;height:auto;min-height:50px;}
.pop_charge .charge_list dd {box-sizing:border-box;height:auto;min-height:none;}
.pop_charge .charge_list .charge_radio {position:absolute;top:10px;left:0;width:45px;padding:15px 0;text-align:center;}
.pop_charge .charge_list .charge_name {float:none;width:100%;padding:15px 0 15px 10px;font-size:18px;font-weight:600;text-align:left;}
.pop_charge .charge_list .charge_info {float:left;margin:0 auto;padding:0 30px 0 20px;width:58%;border-right:1px solid #d7d7d7;}
.pop_charge .charge_list .charge_info:after {display:block;clear:both;content:'';height:0;visibility:hidden;}
.pop_charge .charge_list .charge_won {float:left;width:42%;padding:25px 10px 25px 22px;font-size:18px;text-align:center;}
.pop_charge .charge_list .charge_info .charge_call {float:left;width:33.33%;}
.pop_charge .charge_list .charge_info .charge_call span {display:block;text-align:center;margin:0 5px;}
.pop_charge .charge_list .charge_info .charge_call .service_icon {margin:0 auto;width:50px;height:50px;text-align:center;padding:10px 0;background:#f5f5f5;border-radius:25px;box-sizing:border-box;}
.pop_charge .charge_list .charge_info .charge_call .service_icon img {width:100%;height:auto;max-width:34px;max-height:30px;}
.pop_charge .charge_list .charge_info .charge_call .service_name {padding:5px 0;font-size:12px;}
.pop_charge .charge_list .charge_won .sum {font-weight:700;color:#ee393e;}
.pop_charge .charge_list .charge_won .tax {display:block;font-size:14px;}
.pop_charge .charge_list .charge_confirm {position:absolute;top:18%;right:0px;}
.pop_charge .charge_list .charge_confirm a {padding:10px 10px;background:#ee393e;color:#fff;text-align:center;}
.pop_charge .charge_list .charge_confirm_c {position:absolute;top:48%;right:15px;}
.pop_charge .charge_list .charge_confirm_c a {display:block;width:36px;height:36px;border-radius:18px;background:#ee393e;color:#fff;text-align:center;}
.pop_charge .charge_list .charge_confirm_c a img {width:auto;vertical-align:-15px;}


.fee_list{ width:35%; float:left; }
.fee_list ul li{ border-bottom:1px solid #ccc; border-top:1px solid #ccc; padding-top:15px; padding-bottom:15px; padding-right:20px; }
.fee_list ul li:first-child{border-top:1px solid #ccc;  }
.fee_list ul li a span{padding-left:3px;}
.fee_list ul li strong { display: block; font-size:1.8em; color:#000; padding-left:5px;}
.fee_list ul li.select { border-bottom:2px solid #EE3137; background: url('../img/icon_arrow_right_on_2.png') no-repeat right 5px center; background-color:#f6f6f6;}

.fee_contents {width:60%; float:right; }
.fee_contents > div {border:4px solid #4b4b4b; padding:20px; }
.fee_contents .title {font-size:18px; line-height:30px; border-bottom:2px solid #4b4b4b; display:inline-block; }
.fee_contents dl {padding:20px 0}
.fee_contents dl dt {font-size:42px; color:#000;font-weight:bold;}
.fee_contents dl dd p {font-size:36px;}
.fee_contents dl dd .add{padding-top:10px;}
.rate { width:40%; float: left; }
.rate2 { width:60%; float: left; }

.service{position: relative;}
.service dl {width:52%; float: left;}
.service dl dt {font-size:48px; color:#000; border-bottom: 2px solid #4b4b4b;}
.service dl dd {overflow: hidden; margin-top:20px; }
/*.service dl dd .message { float: left; width:60%; font-size:14px; } 7월 19일 아래 내용으로 수정*/
.service dl dd .message { float: left; width:100%; font-size:14px; }
.service div.service_fee { width:40%; float: right; padding-right:3px; padding-bottom:3px;}
.service div.service_fee div { float: none; border:1px solid #ccc; border-radius: 3px;  padding:40px 0; text-align: center; font-size: 24px;
-webkit-box-shadow: 2px 2px 0px 1px rgba(0,0,0,0.2);
-moz-box-shadow: 2px 2px 0px 1px rgba(0,0,0,0.2);
box-shadow: 2px 2px 0px 1px rgba(0,0,0,0.2);}
.service div ul li span{text-decoration: underline;}
.service div ul li p {text-decoration: none !important; color:#4b4b4b;font-size:18px;}

.select_service { overflow: hidden; margin-top:20px; }
.select_service li {float: left; position: relative; width:16.66%;box-sizing:border-box; }
.select_service li:before{content: ""; display: block; padding-top: 100%; }
.select_service li div { box-sizing:border-box; border:1px solid #ccc; margin-right:5px; margin-bottom:5px; border-radius: 3px; position:absolute; top:0; left: 0;bottom: 0;right: 0; }
.select_service li div div,
.select_service li.active div div { width: :100%; width: calc(100%); height:100%; margin:0; border: none; display: table; background: #f5f5f5 }
.select_service li div div a{ display: table-cell; text-align: center; vertical-align:top; padding-top:40px; font-size: 18px; }
.select_service li div div a span {display: block; }
.select_service li div div a p {text-decoration:none;font-size:14px;color:#ee3137;}
.select_service li div div a .tit{ height:50%;}
.select_service li.active div {box-sizing:border-box; border:5px solid #ee3137;width:100%;overflow:hidden; }
.select_service li.active div div { background:#fff; }
.summary_content {float: left; width:67%; min-height:103px;}
.customer_content{float: right; width: 32%;}
.customer {background: #000 url('../img/icon_customer.png') no-repeat 18px center; color: #fff; padding: 20px 10px 25px 80px; font-size: 14px;}
/* 신청버튼으로 변경 수정 20190524 */
.customer_content a {display:block;}
.customer_content .customer .btn_insurance_reg {font-size:36px;font-weight:600;color:#fff;padding:10px 5px 10px 18px;}
 
.product{ overflow: hidden; }
.product li {float: left; width:25%; text-align: center; margin-bottom:28px; font-size: 16px; line-height:1.4em;}
.product li a {display: block; margin-left:5px; margin-right:5px; }
.product li a div.product_img { box-sizing: border-box; border:1px solid #ccc; overflow: hidden;position:relative;}
.product li a div.product_img img {width:100%;}
.product li a div.product_img .tag_list {box-sizing:border-box;position:absolute;top:10px;left:5px;}
.product li a div.product_img .tag_list>li {float:none;width:50px;margin-bottom:4px; font-size: 12px; line-height:1.4;}
.product li a div.product_img .tag01 {box-sizing:border-box;display:block;width:50px;height:50px;border-radius:25px;padding:10px 0;text-align:center;font-size:12px;font-weight:600;letter-spacing:-1px;line-height:1.4;}
.product li a div.product_img .tag02 {box-sizing:border-box;display:block;width:50px;height:50px;border-radius:25px;padding:0 0;text-align:center;font-size:12px;font-weight:600;letter-spacing:-1px;line-height:24px;}/* 한줄짜리 */
.product li a div.product_img .dpink {background:#e4007f;color:#fff;}
.product li a div.product_img .lred {background:#ee3137;color:#fff;}
.product li a div.product_img .yellow {background:#fbe31c;color:#ee3137;}
.product li a dl{margin-top:20px;}
.product li a dl.pro_info {margin-top:15px;}
.product li a dl.pro_info .pro_name {height:35px;}
.product li a dl.pro_info .mm_fee {padding:0 0;}
.product li a dl.pro_info .basic_fee {height:34px;padding:0 0;font-size:12px;font-weight:400;}

.title_name { background:#4b4b4b; border:1px solid #4b4b4b; overflow: hidden; padding:20px; line-height: 26px;}
.title_name .name { font-size:24px; color:#fff; float: left; }
.title_name .name span { font-size: 18px; color:#ccc; margin-left:10px; }
.title_name .price{ float: right; margin-right:20px; color:#fff; font-size: 18px;}

.border_line{border-top:2px solid #000; border-bottom: 1px solid #ccc; overflow:hidden; }

.sel{ border-bottom:1px solid #ccc; padding:20px;}
.sel > h2 { font-size:17px; margin:0 0 20px 0;}
.sel > h2.m0{margin:0 0 10px 0 !important;}
.sel > h2 .flash_help {display:inline-block;padding:0 5px 0 3px;cursor:pointer;} /* 20170704 */
.sel .radio li { margin-bottom: 10px; font-size:14px; }
.sel .phone_wrap { width: 80%; margin:40px auto 20px auto; }
.sel .phone_wrap img {width:100%;}
.sel .button_small { width:32%; text-align: center; display: inline-block; padding:3.5%; }
.sel .btn_blank { text-align: center; width: 50%;}
.sel .provide { padding: 10px; border:1px solid #ccc; font-size:14px; text-align: center;}
.sel .dis_list li { margin-bottom: 10px; font-size:14px; overflow: hidden; }
.sel .dis_list li .fr{color:#000;}
.sel .total { background: #fff; color:#661618; font-size:18px; text-align: right; padding: 10px; margin-top:15px; }
.sel1 { width:33.333%; text-align:center; display: table-cell; border-right:1px solid #ccc;}
.sel1 .phone_big {padding-top:30px;} /* 160714 */
.sel1 .phone_thumb {overflow: hidden; margin-top:20px; text-align: center;}
.sel1 .phone_thumb li { display:inline-block; border:1px solid #ccc;}
.sel1 .btn{margin-top:40px;}
.sel2 { width:33.333%; display: table-cell; border-right:1px solid #ccc;vertical-align:top;}
.sel3 { width:33.333%; display: table-cell; vertical-align:top;}
.sel4 { width:33.333%; display: table-cell; vertical-align:top;}
/* 단말기 색상 선택 (20190226) */
.color_select {padding:15px 0;}
.color_select* {box-sizing:border-box;}
.color_select:after {clear:both;display:block;content:'';height:0;visibility:hidden;}
.color_select .color_dt {float:left;width:10%;font-size:15px;padding-top:5px;}
.color_select .color_list {box-sizing:border-box;float:left;width:60%;}
.color_select .color_list:after {clear:both;display:block;content:'';height:0;visibility:hidden;}
.color_select .color_list li {box-sizing:border-box;float:left;width:32px;padding:0 2px;text-align:center;position:relative;}
.color_select .color_list li .btn_color {display:block;width:28px;height:28px;border-radius:14px;text-indent: -99999px;position:relative;}
.color_select .color_list li.selected {position:relative;}
.color_select .color_list li.selected:after {display:block;position:absolute;top:50%;left:50%;margin-top:-8px;margin-left:-7px;width:16px;height:15px;content:url(/img/icon_color_check.png);z-index:999;}
.color_select .color_name {box-sizing:border-box;display:block;float:left;width:27%;padding-top:5px;font-size:14px;letter-spacing:-1px;color:#999;}
/* 다른요금제보기 (20190226) */
.btn_other_fee {display:block;box-sizing:border-box;position:absolute;top:30px;right:20px;padding:10px 12px;font-size:16px;color:#fff;text-align:center;background:#333;border-radius:5px;}
.btn_other_fee:hover {background:#ee3137;color:#fff;}

/*********************** 파손보험신청페이지 20190503 ***********************/

.cf:after{display:block;clear:both;content:'';}
.care_search_wrap{max-width:710px; margin:30px 0; position: relative; overflow:hidden;}
.care_search_wrap table{width:100%;}
.care_search_wrap table th,.care_search_wrap table td{padding: 10px; border: 1px solid #d7d7d7;}
.care_search_wrap table th{background: #898989; color: #fff; font-size: 15px; font-weight: 500;}
.care_search_wrap .input_wrap input{width: 70%;}
.care_search_wrap .care_search_btn{width: 80px; background: #222; color: #fff; padding: 10px; font-size: 15px; border: none; margin-left: 2%;}

.care_search_wrap .care_btn{display: block; margin: 0 auto; width: 60%; border: none; background: #f13a0c; color: #fff; padding: 15px; font-size: 18px; position: relative;}
.care_search_wrap .care_btn img{position: absolute; top: 9px; right: 9px;}



/***** 파손수리 사고접수 ******/
.receive_wrap{width: 100%;}
.receive_wrap > ul{border-bottom: 2px solid #ff9900;}
.receive_wrap > ul li{float: left; width: 25%; text-align: center; padding: 15px; font-size: 18px; color: #636363; border-right: 1px solid #d7d7d7; background: #efefef; box-sizing: border-box; font-weight: 500;}
.receive_wrap > ul li:last-child{border-right: none;}
.receive_wrap > ul li.on{background: #ff9900; color: #fff;}

.receive_wrap h4{margin-top: 30px; font-size: 20px;}
.receive_wrap span.line{display:block; float: left; width: 2px; height: 22px; background: #ff0000; margin-right: 10px;}
.tab_contents{margin: 30px 0; width: 100%;}
.tab_contents > div{width: 100%; clear: both; margin: 15px 0;}
.tab_contents .step{width: 10%; float: left;}
.tab_contents .step img{width: 100%;}
.tab_contents .step_text{float: left; width: 90%;}
.tab_contents .step_text strong{display: block; padding: 10px 0 20px; font-size: 18px; font-weight: bold;}
.tab_contents .step_text p{line-height: 150%;}
.tab_contents .step_text ul{line-height: 150%;}
.receive_tab01 > .tab_contents{border-bottom: 1px solid #d7d7d7;}
.tab_contents > p{font-size: 14px; font-weight: normal;}
.receive_btn{display: block; margin: 40px auto 0; width: 200px; border: none; background: #f13a0c; color: #fff; padding: 15px; font-size: 18px;}
.fin_btn{display: block; margin: 40px auto 0; width: 240px; border: none; background: #f13a0c; color: #fff; padding: 15px; font-size: 18px;}

.receive_tab02 > p{font-size: 14px; font-weight: normal; padding: 20px 10px;}
.receive_tab02 > span.select_tit{margin-left: 10px; padding: 15px 30px; height: 16px; display: block; float: left; font-size: 16px; font-weight: 500; background: #898989; color: #fff;}
.receive_tab02 > select{height: 46px; width: 28%; padding: 0 10px; font-size: 16px; font-weight: normal; appearance: none; -webkit-appearance: none; -moz-appearance: none; background: url('../img/phone_care/arrow_down.png') no-repeat right center;}

.tab_agree_wrap{margin: 30px 0; padding: 20px; border: 1px solid #d7d7d7; background: #efefef;}
.tab_agree_wrap h3{font-weight: 500; margin: 0;}

.tab_agree_box{padding: 20px 20px 0 20px; border: 1px solid #d7d7d7; background: #fff; margin: 20px 0;}
.tab_agree_box span{font-size: 16px; display: inline-block; padding: 1px 0; border-bottom: 1px solid #222;}
.tab_agree_box ul li{margin: 20px 0; line-height: 150%;}
.tab_agree_wrap .all_chk_wrap{border-bottom: 1px dotted #222; padding-bottom: 20px;}
.tab_agree_wrap .all_chk_wrap label{font-size: 15px; font-weight: 500; line-height: 180%;}
.tab_agree_wrap .all_chk_wrap label span{background: #555; color: #fff; border-radius: 15px; padding: 4px 12px;}
.tab_agree_wrap label{display: block; padding: 0 20px;}
.tab_agree_wrap label em{width: 50%; display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.tab_agree_wrap label a{float: right; position: relative; display: block; border-bottom: 1px solid #222; overflow: hidden; height: 15px;}
.tab_agree_wrap label a img{margin-top: -8px; margin-left: -3px;}
.tab_agree_wrap .chk_wrap{padding: 20px 5% 0 0;}
.tab_agree_wrap .chk_wrap label{padding: 4px 20px; font-size: 13px;}

.table_wrap{width: 100%;}
.table_wrap02{width: 100%; margin-top: 40px;}
.table_wrap h3,.table_wrap02 h3{font-size: 18px; margin: 10px 0;}
.table_wrap table,.table_wrap02 table{width: 100%; text-align: left; border-top: 2px  solid #222;}
.table_wrap table th,.table_wrap table td,.table_wrap02 table th,.table_wrap02 table td{padding: 13px 20px;border: 1px solid #d9d9d9;}
.table_wrap table th{background: #e6eaf8;}
.table_wrap02 table th{background: #efefef; vertical-align:top;}
.table_wrap02 input[type="tel"]{padding: 3px; width: 60px; height: 23px;}
.table_wrap02 input[type="text"]{padding: 3px; width: 200px;}
.table_wrap02 table td span{color: #898989;}
.table_wrap02 table td select{width: 100px; appearance: none; -webkit-appearance: none; -moz-appearance: none; background: url('../img/phone_care/arrow_down.png') no-repeat right center; padding: 0 15px; margin-right: 5px;}
.table_wrap02 table td textarea{width: 60%; height: 100px; padding: 10px;}
.table_wrap02 table td b{color: #ff0000;}
.margin-left{margin-left: 50px;}
#add4{display: block; margin-top: 10px; width: 60%;}
.ui-datepicker-trigger{border: none; background: none;}
#calendar_date{width: 90px;}
#bank2{width: 50%;}

.file_form{display: none;}
.file_form table th{vertical-align:middle;}
.file_form input[type="text"]{height: 20px; position: relative; width: 40%;}
.file_input_wrap{position: relative;}
.file_form .file_btn{height: 30px; width: 100px; position: absolute; top:0; border: none; background: #222; color: #fff;}
.file_form .file_btn_hidden1,.file_form .file_btn_hidden2{height: 30px; width: 100px; position: absolute; top:0; opacity: 0;}

.fin_text_box{width: 100%; margin: 20px 0; border: 8px solid #efefef; text-align: center; padding: 35px 0; box-sizing: border-box; line-height: 180%; font-size: 17px; font-weight: 500;}
.fin_icon{display: block; margin: 0 auto; width: 150px;}
.receive_tab02 .gray_line{width: 98%; height: 1px; background: #d7d7d7; display: block; margin: 20px auto;}
.fin_text_box .color_r{color: #ff0000; font-size: 2em; font-weight: bold;}
.fin_text_box .sm_f{font-size: 13px;}
.fin_text_box ul li{display: inline-block; margin: 0 20px;}
.fin_text_box ul li span{display: inline-block; padding: 6px 0;}

.receive_tab02 .service_btn_wrap{width: 100%; text-align: center;}
.receive_tab02 .service_btn_wrap li{display: inline-block; margin: 0 5px;}
.receive_tab02 .service_btn_wrap li a{display: block; padding: 10px 40px; background: #ee393e; color: #fff; font-size: 17px; border-radius: 20px;}
.receive_tab02 .service_btn_wrap li.on{display: none;}

.receive_tab02 .service_box{width: 100%; background: #eff2f7; margin-top: 80px;border:1px solid #e4ebf7;border-radius:5px;}
.receive_tab02 .service_box div{float: left; width: 50%;}
.receive_tab02 .service_box .service_img img{float: right; margin: 10px 40px; width: 270px;}

.receive_tab02 .service_box .service_txt{padding: 23px 0;}
.receive_tab02 .service_box .service_txt h3{border-bottom: 1px solid #222; display: inline-block; padding: 2px; font-weight: normal;}
.receive_tab02 .service_box .service_txt h3 b{color: #ff0000;}
.receive_tab02 .service_box .service_txt p{font-size: 16px; font-weight: normal; line-height: 140%;}
.receive_tab02 .service_box .service_txt p i{font-weight: bold; border-bottom: 1px solid #222;}

.receive_tab02 dl{line-height: 180%; font-size: 14px; font-weight: normal; margin: 15px 0;}
.receive_tab02 dl dt{font-size: 17px;font-weight: bold; position: relative; margin-bottom: 5px;}
.receive_tab02 dl dt img{position: relative; top: 6px; left: 1px;}
.receive_tab02 dl dd{margin-left: 15px;}

/***** 파손보험 가입 개인 정보 처리 동의 팝업 ******/
.popup_layer_bg{display: none; width: 100%; height: 100%; background: rgba(0,0,0,.5); position: fixed; top: 0; left: 0; z-index: 9999; font-weight: normal;}
.popup_layer{display: none; width: 600px; height: auto; background: #fff; position: absolute; top: 0; z-index: 99999; text-align: center; padding: 20px;}
.popup_layer h1{font-size: 2em; text-align: left; margin: 20px 0;}
.popup_layer button.layer_popup_close{width: 50px; height: 50px; background: #e4007f; position: absolute; top: -50px; right: 0; border: none;}
.popup_layer button img{width: 50px;}
.popup_agree_wrap{border-top: 1px solid #d7d7d7; border-bottom: 1px solid #d7d7d7;text-align: left;}
.popup_agree_wrap > li{margin: 30px 0;}
.popup_agree_wrap li div{float: left; font-size: 16px;}
.popup_agree_wrap .list_n{padding: 5px 9px;background: #222; color: #fff; margin-right: 15px;}
.popup_agree_wrap .list_txt{width: 75%;}
.popup_agree_wrap .list_agr{width: 10%; text-align: right;}
.popup_agree_box > label{font-size: 16px; margin: 20px 0; display: block; font-weight: bold;}
.ex_img_wrap,.popup_upload_wrap,.popup_notice{text-align: left;}
.ex_img_wrap > span{padding: 5px 22px; background: #ed1c24; color: #fff; border-radius: 20px; font-size: 15px;}
.ex_img_wrap ul{margin: 20px 0 0;}
.ex_img_wrap > ul > li{float: left; width: 30%; margin: 0 1.5% 20px;}
.ex_img_wrap > ul > li > img{width: 100%;}
.ex_img_wrap > ul > li:nth-child(4){clear: both;}
.ex_img_wrap ul li > p{text-align: center; padding: 10px 0; font-weight: bold; position: relative;}
.ex_img_wrap ul li > p span{background: #898989; color: #fff; padding: 5px; border-radius: 5px; position: absolute; height: 14px; top: 4px; left: 0; cursor: pointer;}
.ex_img_wrap ul li > p span img{margin-top: -9px; margin-left: -2px;}
.ex_img_wrap .sub_ex{position: relative; width: 315%; height: 500px; background: #fff; overflow-y: scroll; display: none; left: 50%; margin-left: -45%;}
.ex_img_wrap .sub_ex p{color: #4197fe;}
.ex_img_wrap .sub_ex.ex_height{height: 300px; margin-left: -158%;}
.ex_img_wrap .sub_ex li{width: 48%; margin: 0 1%; float: left;}
.ex_img_wrap .sub_ex li img{width: 100%;}

.popup_upload_wrap > div{float: left; width: 50%; position: relative; margin-bottom: 15px;}
.popup_upload_wrap > div span{display: block; margin: 5px 0; font-weight: bold;}
.popup_upload_wrap .popup_file_btn{height: 32px; width: 66px; position: absolute; bottom:0; border: none; background: #222; color: #fff;}
.popup_upload_wrap .popup_file_btn_hidden{height: 32px; width: 66px; position: absolute; bottom:0; opacity: 0;}
.popup_upload_wrap input[type="text"]{width: 55%;}
.popup_upload_wrap button{position: absolute; height: 32px; width: 35px; bottom:0; right: 25px; border: none; background: #898989; padding: 2px 3px; display: none;}
.popup_upload_wrap button img{width: 100%;}

.popup_notice{padding: 20px 8px; background: #efefef; margin-top: 20px;}
.popup_notice h3{border-bottom: 2px solid #898989; padding: 0 5px; color: #cf2900; margin-top: 0;}
.popup_notice h3 img{margin-top: -5px;}
.popup_notice ul{line-height: 180%; padding: 0 15px;}
.popup_notice ul li{font-size: 14px;}

.p_btn_wrap{width: 100%; text-align: center;}
.pop_btn,.pop_btn_cancel{display: inline-block;}
.pop_btn a{display: block; margin: 20px 5px; width: 120px; border: none; background: #f13a0c; color: #fff; padding: 15px; font-size: 18px; text-align: center;}
.pop_btn_cancel a{display: block; margin: 20px 5px; width: 120px; border: none; background: #222; color: #fff; padding: 15px; font-size: 18px; text-align: center;}

.list_agr input[type="checkbox"]{display:none;}
.list_agr input[type="checkbox"] + label{display: inline-block; cursor: pointer; background: url('../img/phone_care/check_off.png') no-repeat; height: 23px; padding-left: 23px;}
.list_agr input[type="checkbox"]:checked + label {background: url('../img/phone_care/check_on.png') no-repeat; padding-left: 23px; height: 23px;}

/***** online_step2.html 단말 파손 보험 안내 팝업 ******/

.service_popup_bg{display: none; background: rgba(0,0,0,0.2); top: 0; left: 0; width: 100%; height: 100%; position: fixed; z-index: 99999;}
.service_popup,.service_agree_popup,.jump_service_agree_popup{display: none; width: 600px; height: auto; padding: 22px; text-align: center; position: absolute; top: 0; background: #fff; z-index: 100000;}
.service_popup button{width: 50px; height: 50px; background: #e4007f; position: absolute; top: -50px; right: 0; border: none;}
.service_popup h1,.service_agree_popup h1,.jump_service_agree_popup h1{font-size: 2.2em; margin: 0; text-align: left;}
.pop_service_wrap{width: 100%; text-align: left; padding: 20px 0; margin: 20px auto; background: #efefef;}
.pop_service_wrap div{float: left;}
.pop_service_wrap .service_img{width: 40%;}
.pop_service_wrap .service_img img{width: 90%;}

.pop_service_wrap .service_txt{width: 60%;}
.pop_service_wrap .service_txt h3{border-bottom: 1px solid #222; font-size: 1.6em; display: inline-block; padding: 2px; font-weight: normal; margin: 15px 0;}
.pop_service_wrap .service_txt h3 b{color: #ff0000;}
.pop_service_wrap .service_txt p{font-size: 16px; font-weight: normal; line-height: 140%;}
.pop_service_wrap .service_txt p i{font-weight: bold; border-bottom: 1px solid #222;}

.service_popup table{width: 100%; border-top: 2px solid #222;}
.service_popup table th{background: #efefef;}
.service_popup table td,.service_popup table th{padding: 2%; border: 1px solid #d7d7d7;}
.service_popup table td b{font-weight: 600; border-bottom: 1px solid #222;}
.service_popup > p{padding: 20px; font-size: 15px;}

.service_agree_popup,.jump_service_agree_popup{background: #efefef;}

.service_agree_popup h1,.jump_service_agree_popup h1{padding: 5px 0 15px; border-bottom: 1px solid #d7d7d7;}
.popup_agree_wrap .list_agr{clear: both; width: 100%; display: none;}
	.list_agr .list_agr_txt > table{margin: 10px 0;}
	.list_agr .list_agr_txt > table tr td,.list_agr .list_agr_txt > table tr th{border: 1px solid #222;}
	.list_agr .list_agr_txt > table tr td{vertical-align: top; padding: 3px; font-size: 12px;}
.service_agree_popup .pop_service_wrap,.jump_service_agree_popup .pop_service_wrap{padding: 0; width: 100%; background: #fff;}
.service_agree_popup .pop_service_wrap > ul,.jump_service_agree_popup .pop_service_wrap > ul{margin: 25px 25px 10px; padding-top: 2px; border-top: none;}
.popup_agree_wrap .list_agr_txt{line-height: 160%; text-align: left; font-size: 13px; font-weight: normal; height: 140px; overflow-y: scroll; border: 1px solid #d7d7d7; background: #efefef; padding: 10px; margin: 15px 0 10px;}
.popup_agree_wrap .list_txt{width: 86%; position: relative; font-size: 14px; line-height: 160%;}
.popup_agree_wrap .list_txt img{position: absolute; top: 0; right: -31px; cursor: pointer;}
.service_agree_popup .pop_btn a,.service_agree_popup .pop_btn_cancel a,.jump_service_agree_popup .pop_btn a,.jump_service_agree_popup .pop_btn_cancel a{width: 60px; padding: 9px; font-weight: normal;}
.service_agree_popup .pop_btn_cancel a,.jump_service_agree_popup .pop_btn_cancel a{background: #fff; color: #222;}

/***** 파손보험 가입및보상안내(첫번째) 페이지 ******/
.compensate_guide_cont {padding:15px 15px;}
.compensate_guide_cont .compensate_request_title {margin-top:30px;padding:0 0 15px 13px;font-size:22px;background:url(../img/icon_red_ver_bar.png) 0 2px no-repeat;}
.compensate_guide_cont .compensate_guide_list {padding:0 0 0 15px;}
.compensate_guide_cont .compensate_guide_list>li {padding:5px 0 5px 13px;background:url(/img/phone_care/light_dot.png) 0 11px no-repeat;font-size:14px;font-weight:normal;line-height:1.4;} 
.compensate_guide_cont .receive_guide_tb {padding:0 0 10px 0;width:100%;}
.compensate_guide_cont .receive_guide_tb th {padding:12px 4px;background:#f6f6f6;border-top:2px solid #4b4b4b;border-bottom:1px solid #555;border-left:1px solid #ccc;}
.compensate_guide_cont .receive_guide_tb th:first-child {border-left:none;}
.compensate_guide_cont .receive_guide_tb td {padding:10px 4px;color:#4b4b4b;font-size:14px;font-weight:normal;text-align:center;border-bottom:1px solid #ccc;border-left:1px solid #ccc;}
.compensate_guide_cont .receive_guide_tb td:first-child {border-left:none;}
.g_small_txt {font-size:12px;color:#999;}

/***** 점프업 유의사항 ******/
.jumpup_box {padding:28px 30px;background:#eff2f7;border-radius:5px;border:1px solid #e4ebf7;text-align:center;}
.jumpup_box .jumpup_banner_img {margin:0 auto;width:96%;max-width:441px;}
.jumpup_box .jumpup_banner_img img {width:100%;}
.jumpup_box .jumpup_txt {margin:0 auto;padding:20px 5px;font-size:16px;width:100%;max-width:454px;}
.jumpup_box .jumpup_txt span {font-weight:bold;text-decoration:underline;}
.jumpup_box .strong_t {padding:10px 0;font-size:24px;font-weight:600;}
.jumpup_box .strong_t span {font-size:14px;font-weight:normal;color:#999;}
.jumpup_box .btn_jumpup {margin:0 auto;display:block;width:33%;max-width:142px;padding: 10px 15px; background: #ee393e; color: #fff; font-size: 17px; border-radius: 20px;}

.receive_tab02 .max_reward {margin:10px auto;width:90%;font-weight:700;font-size:24px;text-align:center;}
.receive_tab02 .max_reward span {color:#ed1c24;text-decoration:underline;}
.jumpup_process {padding:10px 5px 20px;width:100%;}
.jumpup_process:after {clear:both;display:block;content:'';height:0;}
.jumpup_process li {box-sizing:border-box;float:left;width:50%;max-width:558px;padding:0 10px;text-align:center;}
.jumpup_process li img {width:100%;}

.jumpup_caution_title {margin:50px 0 0;}
.receive_tab02 .jumpup_service_info {padding:10px 15px;font-size:15px;line-height:1.5;color:#333;}
.receive_guide_ver_tb {padding:0 0 10px 0;width:100%;border-top:2px solid #4b4b4b;font-size:14px;}
.receive_guide_ver_tb th {width:20%;padding:12px 4px;background:#f6f6f6;border-bottom:1px solid #ccc;border-left:1px solid #ccc;}
.receive_guide_ver_tb th:first-child {border-left:none;}
.receive_guide_ver_tb td {width:80%;padding:12px 4px 12px 10px;color:#4b4b4b;font-size:14px;;font-weight:normal;line-height:1.5;border-bottom:1px solid #ccc;border-left:1px solid #ccc;} 
.receive_guide_ver_tb td:first-child {border-left:none;}

.receive_tab02 .jumpup_customer_list {padding:8px 0 8px 0;font-size:14px;}
.receive_tab02 .jumpup_customer_list:after {clear:both;display:block;content:'';height:0;visibility:hidden;}
.receive_tab02 .jumpup_customer_list dt {clear:both;box-sizing:border-box;float:left;width:23%;max-width:72px;padding:5px 15px;font-size:14px;font-weight:600;background:#000;color:#fff;text-align:center;border-radius:25px;}
.receive_tab02 .jumpup_customer_list dd {box-sizing:border-box;float:left;width:85%;padding:5px 0 5px 5px;text-align:left;font-size:14px;}

.tb_in_tb {margin:10px 0;padding:0 0 10px 0;border:1px solid #ccc;}
.tb_in_tb th {padding:10px 5px;background:#eff2f7;border-bottom:1px solid #d7d7d7;border-left:1px solid #d7d7d7;}
.tb_in_tb td {padding:10px 5px;border-bottom:1px solid #d7d7d7;border-left:1px solid #d7d7d7;font-size:14px;}
}

/************ 선불서비스 ***************/
/************202002추가 **************/
.prepay_tab {margin:10px auto;25px;width:100%;border-radius:10px;overflow:hidden;}
.prepay_tab:after {display:block;clear:both;content:'';height:0;visibility:hidden;}
.prepay_tab>li {box-sizing:border-box;float:left;width:25%;}
.prepay_tab>li:first-child {border-radius:10px 0 0 10px;overflow:hidden;}
.prepay_tab>li:last-child {border-radius:0 10px 10px 0;overflow:hidden;}
.prepay_tab>li a {box-sizing:border-box;display:block;width:100%;height:100%;padding:22px 0;border-right:1px solid #ebebeb;color:#fff;font-size:18px;text-align:center;}
.prepay_tab>li a.prepay_bg01{background:url(/img/prepay_tab_icon01.png) 10px center #acacac no-repeat;background-size:43px;}
.prepay_tab>li a.prepay_bg02{background:url(/img/prepay_tab_icon02.png) 10px center #acacac no-repeat;background-size:43px;}
.prepay_tab>li a.prepay_bg03{background:url(/img/prepay_tab_icon03.png) 10px center #acacac no-repeat;background-size:43px;}
.prepay_tab>li a.prepay_bg04{background:url(/img/prepay_tab_icon04.png) 10px center #acacac no-repeat;background-size:43px;}
.prepay_tab>li.on a.prepay_bg01{background:url(/img/prepay_tab_icon01.png) 10px center #ff6139 no-repeat;background-size:43px;}
.prepay_tab>li.on a.prepay_bg02{background:url(/img/prepay_tab_icon02.png) 10px center #ff6139 no-repeat;background-size:43px;}
.prepay_tab>li.on a.prepay_bg03{background:url(/img/prepay_tab_icon03.png) 10px center #ff6139 no-repeat;background-size:43px;}
.prepay_tab>li.on a.prepay_bg04{background:url(/img/prepay_tab_icon04.png) 10px center #ff6139 no-repeat;background-size:43px;}

.prepay_title {padding:20px 0 5px;font-size:28px;border-bottom:2px solid #ee3137;}
.prepay_g_txt {padding:15px 5px;font-size:16px;font-weight:400;line-height:1.6;}
.prepay_balance_inquiry_box {margin:20px 0 20px;padding:20px 20px;background:#fafafa;border-top:1px solid #ccc;border-bottom:1px solid #ccc;}
.prepay_balance_inquiry_box .inquiry_list {margin:0 auto;width:100%;max-width:680px;}
.prepay_balance_inquiry_box .inquiry_list li {padding:6px 0;}
.prepay_balance_inquiry_box .inquiry_list li:after {display:block;clear:both;content:'';height:0;visibility:hidden;}
.prepay_balance_inquiry_box .inquiry_list li>p {float:left;}
.prepay_balance_inquiry_box .inquiry_list li .inquiry_dt {box-sizing:border-box;width:20%;padding:14px 8px 14px 8px;font-size:16px;color:#fff;background:#0054a6;text-align:center;border-radius:5px 0 0 5px;}
.prepay_balance_inquiry_box .inquiry_list li .inquiry_dd {box-sizing:border-box;width:80%;}
.prepay_balance_inquiry_box .inquiry_list li .inquiry_dd input[type="number"] {display:inline-block;width:70%;height:45px;background:#fff;border:1px solid #d7d7d7;font-size:16px;}
.prepay_balance_inquiry_box .inquiry_list li .inquiry_dd button {display:inline-block;width:25%;max-width:130px;height:45px;background:#636363;border:none;color:#fff;text-align:center;font-size:16px;}
.prepay_btn_next {display:block;margin:15px auto;width:98%;max-width:366px;padding:15px 4px;text-align:center;font-size:18px;color:#fff;background:url(/img/arrow_fee.png) 90% center #ee3137 no-repeat;}
.prepay_name {display:inline-block;padding:6px 5px;border-radius:25px;color:#fff;background:#0054a6;font-weight:600;text-align:center;}
.balance_list_box {margin:20px 0;width:50%;}
.prepay_balance {width:100%;display:table;border-top:1px solid #ccc;border-bottom:1px solid #ccc;font-size:16px;}
.prepay_balance dt {display:table-cell;width:20%;padding:12px 4px;background:#333;color:#fff;text-align:center;}
.prepay_balance dd {display:table-cell;width:30%;padding:12px 20px 16px 5px;background:#f5f5f5;text-align:right;}
.prepay_balance dd .red_amount {color:#ee3137;font-size:24px;letter-spacing:-1px;}
.prepay_balance dd .tel_number {font-size:24px;}

.prepay_charge_list_box {margin:40px 0 20px;}
.prepay_charge_list_box:after {display:block;clear:both;content:'';height:0;visibility:hidden;}
.prepay_charge_list_box>li {float:left;width:50%;}
.red_txt {color:#ee3137;}
.gray_txt {color:#a2a2a2;}
.amount_txt {font-size:24px;font-weight:bold;letter-spacing:-1px;border-bottom:1px solid #ee3137;}
.card_charge_box {margin:20px 0 20px;padding:10px 20px;border-top:1px solid #d7d7d7;border-bottom:1px solid #d7d7d7;background:#fafafa;}
.charge_input_list {margin:0;padding:0 10px 10px 10px;width:100%;max-width:900px;}
.charge_input_list li {padding:4px 0;}
.charge_input_list li:after {display:block;clear:both;content:'';height:0;visibility:hidden;}
.charge_input_list li .charge_dt {box-sizing:border-box;float:left;width:18%;padding:14px 10px 14px 10px;font-size:16px;background:#eff2f7;}
.charge_input_list li .charge_dd {box-sizing:border-box;float:left;padding:3px 0 0 10px;width:82%;font-size:16px;}
.charge_input_list li input[type="number"] {display:inline-block;padding:5px 5px;height:30px;background:#fff;border:1px solid #d7d7d7;font-size:15px;}
.charge_input_list li select {display:inline-block;appearance:none;-webkit-appearance:none;-moz-appearance:none;padding:5px 5px !important;;width:32%;height:40px;border:1px solid #d7d7d7;font-size:15px;background:url(/img/select_arrow.png) #fff no-repeat right center;background-size:24px auto;}
.charge_input_list li select::-ms-expand {display:none;}
.charge_input_list li select.bank_sel {width:28%;}
.charge_input_list li .ch_amount {width:70%;}
.charge_input_list li .card_num {width:70%;}
.charge_input_list li .birth_date {width:35%;}
.charge_input_list li .card_pw {width:25%;}
.charge_input_list li .account_num {width:50%;}
.charge_input_list li  button {display:inline-block;width:25%;max-width:130px;height:40px;background:#636363;border:none;color:#fff;text-align:center;font-size:15px;}
::placeholder {color:#acacac;}
:-webkit-input-placeholder {color:#acacac;}
.btn_prepay_charge {margin:20px auto;width:98%;max-width:470px;}
.btn_prepay_charge a {display:inline-block;padding:15px 4px;text-align:center;font-size:18px;margin:0 3px;}
.btn_prepay_charge a.btn_cancel {width:46%;background:#7d7d7d;color:#fff;}
.btn_prepay_charge a.btn_charge {width:46%;background:#ee3137;color:#fff;}

.virtual_small_title {padding:5px 0 0 5px;font-size:24px;}
.guide_section {border-top:1px dashed #d7d7d7;padding:20px 10px 30px;}
.charge_input_list li .virtual_dt {box-sizing:border-box;float:left;width:18%;padding:10px 10px 10px 0;font-size:16px;}
.charge_input_list li .virtual_dd {box-sizing:border-box;float:left;width:82%;font-size:16px;}

.auto_charge_view_box {padding:20px 0 0 0;overflow-y:auto;}
.noinfo_txt {padding:40px 10px;text-align:center;font-size:18px;}
.prepay_charge_tb {width:100%;border-top:1px solid #b7b7b7;border-bottom:1px solid #b7b7b7;font-size:14px;}
.prepay_charge_tb th {padding:10px 4px;border-bottom:1px solid #d7d7d7;border-right:1px solid #d7d7d7;background:#f5f5f5;}
.prepay_charge_tb th:last-child {border-right:none;}
.prepay_charge_tb td {padding:12px 3px;border-bottom:1px solid #d7d7d7;border-right:1px solid #d7d7d7;font-weight:400;text-align:center;}
.prepay_charge_tb td:last-child {border-right:none;}
.prepay_charge_tb td.type_name {background:#eff2f7;}
.prepay_btn_charge {display:block;margin:15px auto;width:98%;max-width:366px;padding:15px 4px;text-align:center;font-size:18px;color:#fff;background:#ee3137;}
.prepay_btn_cancel {display:block;margin:15px auto;width:98%;max-width:366px;padding:15px 4px;text-align:center;font-size:18px;color:#fff;background:#000;}
  /* 자동충전팝업 */
.pop_prepay_charge {position:absolute;top:10%;left:50%;transform:translateX(-50%);width:98%;max-width:940px;padding:30px;background:#eff2f7;box-shadow:3px 3px 3px rgba(0,0,0,.1);z-index:999;display:none;}
.pop_charge_title {padding:0 5 20px;text-align:center;font-size:28px;}
.prepay_charge_inner {padding:20px;background:#fff;}
.auto_charge_box {border-top:1px solid #898989;}
.auto_charge_box .auto_charge_row {display:table;width:100%;border-bottom:1px solid #d7d7d7;}
.auto_charge_box .auto_charge_row dt {display:table-cell;width:20%;padding:15px 10px;background:#f5f5f5;font-size:16px;}
.auto_charge_box .auto_charge_row dd {display:table-cell;padding:15px 10px;font-size:16px;}
.auto_charge_box .auto_charge_row dd.w100 {width:80%;}
.auto_charge_box .auto_charge_row dd.w50 {width:30%;}
.auto_charge_box .auto_charge_row dd label {padding:0 6px 0 0;}
.auto_charge_box input[type="text"],.auto_charge_box input[type="password"],.auto_charge_box select {display:inline-block;padding:4px 4px;border:1px solid #d7d7d7;background:#fff;color:#777;font-size:16px;}
.auto_charge_box .pay_name {width:70%;}
.auto_charge_box .id_num {width:40%;}
.auto_charge_box .select_card {width:70%;}
.auto_charge_box .select_date {width:30%;}
.content_auto_charge {margin:30px 0;padding:20px 0;border-top:1px solid #898989;border-bottom:1px solid #898989;}
.charge_time {padding:5px 15px 20px 15px;width:100%;}
.charge_time:after {display:block;clear:both;content:'';height:0;visibility:hidden;}
.charge_time li {float:left;}
.charge_time li.time_dt {box-sizing:border-box;width:30%;font-size:18px;}
.charge_time li.time_dd {box-sizing:border-box;width:70%;padding:0 0 0 15px;font-size:16px;font-weight:500;}
.charge_time li.time_dd label {padding:0 20px 0 5px;}
.auto_charge_agree {padding:25px 15px;border-top:1px solid #d7d7d7;background:#f5f5f5;}
.auto_charge_agree:after {display:block;clear:both;content:'';height:0;visibility:hidden;}
.auto_charge_agree .charge_agree_txt {box-sizing:border-box;float:left;width:80%;font-size:16px;font-weight:500;}
.auto_charge_agree .btn_charge_agree {box-sizing:border-box;display:block;float:left;width:20%;padding:14px 10px;color:#fff;font-size:18px;text-align:center;}
.checkoff {background:#898989;}
.checkon {background:url(/img/icon_agree_check.png) 10px center #000 no-repeat;}
.icon_close {display:block;position:absolute;right:-15px;top:-15px;box-sizing:border-box;width:50px;height:50px;padding-top:10px;text-align:center;background:#000;border-radius:25px;}
.prepay_termitnate {padding:15px 5px;}
.input_termintate {padding:8px 5px;width:140px;height:36px;border:2px solid #ee3137;background:#fff;color:#999;font-size:18px;}

/********* 약정유예 프로그램 *********/
.contract_program {width:100%;padding:15px 5px;}
.contract_program .contract_stitle {display:inline-block;margin:30px 0 15px;padding:5px 4px 5px 5px;font-size:22px;background:url(/img/contract_program_stitle_bg.png) left bottom repeat-x;}
.contract_program .contract_txt {padding:10px 5px 20px;font-size:14px;line-height:1.5;}
.contract_program .contract_img01 {margin:10px auto 20px;padding:10px 0 15px;width:100%;max-width:1070px;text-align:center;}
.contract_program .contract_img01 img {width:100%;}
.contract_program .contract_img02 {margin:10px auto 25px;padding:30px 15px;width:100%;max-width:1143px;text-align:center;background:#f5f5f5;border-radius:20px;box-sizing:border-box;}
.contract_program .contract_img02 img {width:100%;max-width:1066px;}
.contract_program .contract_caution_title {position:relative;padding:20px 10px 10px 30px;font-size:22px;background:url(/img/icon_contract_caution.png) left center no-repeat;}
.contract_program .contract_caution_title:after {clear:both;content:'';width:91%;max-width:990px;height:2px;background:#333;position:absolute;top:20px;right:0;}
.contract_program .contract_program_list {padding:10px 5px 10px 10px;}
.contract_program .contract_program_list li {padding:10px 10px 10px 22px;font-size:14px;background:url(/img/bullet_gray.png) 5px 12px no-repeat;color:#777;}
.contract_program .contract_program_list li .postpone_program_b {display:block;padding:0 0 8px 0;font-size:16px;color:#000;}
.contract_program .contract_program_list .postpone_img {margin:30px auto 20px;width:98%;max-width:1110px;text-align:center;}
.contract_program .contract_program_list .postpone_img img {width:100%;}

/******* 데이터 결합 신청 서비스 ********/
.data_combine {width:100%;padding:25px 15px;border:1px solid #d7d7d7;box-sizing:border-box;}
.data_combine .data_stitle {display:inline-block;margin:30px 0 15px;padding:5px 4px 5px 5px;font-size:22px;background:url(/img/contract_program_stitle_bg.png) left bottom repeat-x;}
.data_com_tb_box {margin:10px 0;border-top:1px solid #000;border-bottom:1px solid #3c3a3a;box-sizing:border-box;}
.data_form_row {display:table;padding:3px 0;width:100%;box-sizing:border-box;}
.data_form_row dt {display:table-cell;width:30%;padding:10px 10px;text-align:center;font-size:18px;background:#3c3a3a;color:#fff;}
.data_form_row dt>span {font-size:14px;font-weight:300;}
.data_form_row dd {display:table-cell;width:70%;;padding:10px 10px;box-sizing:border-box;}
.data_form_row dd .data_txt {padding:5px 0 0 0;font-size:14px;color:#ee3137;}
.data_form_row dd .data_com_in {padding:5px;width:90%;max-width:325px;height:35px;border:1px solid #ccc;}
.data_form_row dd .data_tel01 {padding:5px;width:30%;max-width:80px;height:43px;border:1px solid #ccc;}
.data_form_row dd .data_tel02 {margin:0 3px;padding:5px;width:30%;max-width:80px;height:30px;border:1px solid #ccc;}
.data_com_imt {padding:30px 0 15px;font-size:18px;color:#ee3137;}
.essential_imt_box {padding:15px;background:#f8f8f8;border-radius:20px;}
.imt_list {}
.imt_list li {padding:5px 0 5px 15px;background:url(/img/dgray_bullet.png) 0 8px no-repeat;font-size:14px;}
.data_agree_check {margin:20px 0 0 0;padding:15px;border-top:1px solid #898989;font-size:14px;}
.btn_data_com {margin:15px auto;width:98%;text-align:center;}
.btn_data_com a {display:inline-block;margin:0 2px;width:45%;max-width:230px;}
.btn_data_com .btn_data_ok {padding:15px 8px;text-align:center;font-size:16px;background:#ee3137;color:#fff;}
.btn_data_com .btn_data_cancel {padding:15px 8px;text-align:center;font-size:16px;background:#7d7d7d;color:#fff;}
.data_tb_box {margin:0 auto 10px;width:98%;}
.data_com_tb {border-top:2px solid #4b4b4b;}
.data_com_tb th {padding:10px 8px;background:#f6f6f6;border-bottom:1px solid #ccc;border-right:1px solid #ccc;}
.data_com_tb td {padding:10px 8px;border-bottom:1px solid #ccc;text-align:center;border-right:1px solid #ccc;}
.data_com_tb .data_gr {background:#ebebeb;border-right:1px solid #ccc;}
.data_list_txt {padding:5px 0 10px 18px;position:relative;line-height:1.5;}
.data_list_txt::before {position:absolute;content:'※';top:4px;left:0;}
.data_list_txt span {text-decoration:underline;color:#ee3137;}
.data_com_tb th:last-child, .data_com_tb td:last-child {border-right:none;}
.recommend_list {padding:10px 10px;}
.recommend_list li {padding:5px 0;box-sizing:border-box;}
.recommend_list li:after {display:block;clear:both;content:'';height:0;visibility:hidden;}
.recommend_list li span {display:block;float:left;box-sizing:border-box;}
.recommend_list li .d_num {width:18px;height:18px;line-height:18px;border-radius:9px;background:#ebebeb;color:#898989;text-align:center;}
.recommend_list li .d_txt {width:94%;padding-left:5px;font-size:14px;}


/*********  사전예약 S22/S22울트라 **********/
.preorder_container {width:100%;position: relative;}
.preorder_container .preorder_main_img {width:100%;max-width:none;padding:0 0 4% 0;position: relative;overflow:hidden;z-index:-1;background:#f8f8f8;}
.preorder_container .preorder_main_img img {width:100%;height:auto;}
.preorder_container .btn_preorder_cont {position:relative;margin:-15% auto 4%;width:90%;max-width:520px;z-index:88;}
.preorder_container .btn_preorder_cont:after {clear:both;display:block;content:"";visibility:hidden;height:0;}
.preorder_container .btn_preorder_cont .btn_s20 {display:block;width:48%;padding:15px 0;font-size:20px;letter-spacing:-1px;text-align:center;border-radius:30px;}
.preorder_container .btn_preorder_cont .bleft {float:left;background:#76886f;color:#fff;border:2px solid #76886f;}
.preorder_container .btn_preorder_cont .bright {float:right;background:#fff;color:#76886f;border:2px solid #76886f;}
.preorder_container .preorder_cont_wrap {margin-top:-5px;padding-top:5px;padding-bottom:10px;background:#f8f8f8;}
.preorder_s21_section {margin:30px auto;width:100%;max-width:1042px;border-radius:20px;}
.preorder_s21_section h3 {padding:30px 0 15px;font-size:30px;font-weight:400;letter-spacing:-1px;color:#603913;text-align:center;}
.s21_bg01 {background:url(/img/preorder_s23_head01.png) center top no-repeat;}
.s21_bg02 {background:url(/img/preorder_s23_head02.png) center top no-repeat;}
.preorder_s21_section .content_inner {padding:25px 20px;background:#fff;border:2px solid #c2cade;border-radius:20px;}
.preorder_s21_section .content_inner2 {padding:25px 20px;background:#fff;border:2px solid #cee5d2;border-radius:20px;}
.preorder_s21_section .term_list {margin:0 auto;width:72%;box-sizing:border-box;padding:25px 10px 10px 10px;}
.preorder_s21_section .term_list>li {font-size:18px;font-weight:500;}
.preorder_s21_section .term_list>li .term_dt {display:inline-block;width:30%;padding:8px 10px 8px 10px;background:url(/img/s23_list_bg.png) 0 2px repeat-x;text-align:center;}
.preorder_s21_section .term_list>li .term_dd {display:inline-block;width:48%;padding:8px 10px 8px 10px;}
.preorder_s21_section .benefit_title {padding:30px 0 10px;}
.preorder_s21_section .benefit_title .benefit_circle {display:inline-block;width:76px;height:76px;line-height:76px;border-radius:38px;background:#908dc6;color:#fff;font-size:24px;font-weight:600;font-style:italic;text-align:center;}
.preorder_s21_section .benefit_title .benefit_circle2 {display:inline-block;box-sizing:border-box;padding:10px 0 0 0;width:76px;height:76px;line-height:28px;border-radius:38px;background:#908dc6;color:#fff;font-size:24px;font-weight:600;font-style:italic;text-align:center;}
.preorder_s21_section .benefit_title .benefit_txt {display:inline-block;margin-left:10px;font-size:24px;font-weight:300;color:#908dc6;}
.preorder_s21_section .gift_img_box {margin:0 auto;width:100%;max-width:958px;padding:15px 0 10px;text-align:center;}
.preorder_s21_section .gift_img_box img {width:100%;}
.preorder_s21_section .faq_txt {margin:0 auto;width:80%;padding:25px 10px 10px 40px;font-size:20px;text-align:center;}
.preorder_s21_section .btn_faq {display:block;margin:15px auto;padding:14px 10px 10px 30px;width:220px;text-align:left;color:#fff;font-size:24px;font-weight:400;background:url(../img/btn_wh_arrow.png) 86% center #333 no-repeat;border-radius:30px;}

.preorder_cs_imt_box {margin:0 auto;width:100%;max-width:1042px;padding:15px 30px;box-sizing:border-box;border-radius:30px;background-color:#fff;}
.preorder_cs_imt_box h3 {padding:0 0 0 25px;font-size:20px;background:url(../img/caution_mark.png) 0 50% no-repeat;}
.preorder_cs_imt_box .preorder_note_list {margin-left:20px;}
.preorder_cs_imt_box .preorder_note_list li {padding:4px 0;font-size:13px;font-weight:300;}
.preorder_cs_imt_box .preorder_note_list li.str {font-weight:600;}
.preorder_cs_imt_box .preorder_note_list li .event_tel {width:165px;font-weight:600;padding:8px 10px;border:2px solid #777;border-radius:20px;}

/* 사전예약 팝업 */
.preorder_stitle {padding:0 0 15px 0;font-size:24px; text-align:left; line-height:1.3em; border-bottom:1px solid #000;}
.cu_info_input {padding:15px 5px 20px 10px;}
.cu_info_input .preorder_form_list {padding:10px 0;}
.cu_info_input .preorder_form_list>li {padding:5px 0;font-size:16px;}
.cu_info_input .preorder_form_list>li:after {clear:both;display:block;content:"";visibility:hidden;height:0;}
.cu_info_input .preorder_form_list>li span {display:block;float:left;padding:0 5px 0 2px;}
									  .btn_s_confirm {height:35px;padding:0 10px;border:1px solid #ccc;background:#f5f5f5;}
.cu_info_input .preorder_form_list>li .input_dt {width:65px;text-align:left;padding:7px 0 0 5px;}
.cu_info_input .preorder_form_list>li .input_dd {margin:0 10px 0 10px;width:auto;}
.cu_info_input .preorder_form_list>li .select_dt {width:30%;margin:3px 3px;}
.cu_info_input .preorder_form_list>li .select_dt select {width:100%;}
.cu_info_input .preorder_agree {margin:4px 4px;font-size:13px;font-weight:300;text-align:left;}
.cu_info_input .preorder_agree .btn_small_all {display:inline-block;margin-left:8px;width:80px;text-align:center;background:#999;color:#fff;font-size:12px;}
.cu_info_input .ibo_box {background:#f5f5f5;padding:15px 10px;text-align:left;}
.cu_info_input .ibo_box .ibo_stitle {font-size:16px;}
.cu_info_input .ibo_box .ibo_in_txt {font-size:13px;padding:10px 5px;}
.cu_info_input .ibo_box .ibo_in_txt>li {padding:5px 0 5px 12px;line-height:1.5;background:url(../img/gray_bullet.gif) left 10px no-repeat;}
.cu_info_input .ibo_box .ibo_in_txt>li:last-child {padding:6px 10px;text-align:center;background:transparent;}
.preorder_thanks {padding:0 0 20px 0;font-size:24px;line-height:1.3em; border-bottom:1px solid #000;}

.preorder_complete_view {margin:5px auto 15px;width:65%;max-width:520px;text-align:left;font-size:16px;}
.preorder_complete_view:after {clear:both;display:block;content:"";visibility:hidden;height:0;}
.preorder_complete_view dt {clear:both;float:left;width:65px;margin:3px 0;padding:0 8px 0 5px;color:#000}
.preorder_complete_view dd {float:left;width:60%;margin:3px 0 3px 10px;font-weight:300;color:#999;}

.preorder_tb_cont {margin:15px auto;}
.preorder_tb {width:100%; border-top:2px solid #4b4b4b; font-size:12px;}
.preorder_tb th {background:#f6f6f6; padding:10px; border-right:1px solid #ccc; border-bottom:1px solid #ccc;}
.preorder_tb th:last-child, .preorder_tb td:last-child {border-right:none;}
.preorder_tb tr:nth-child(4n) {border-bottom:2px solid #4b4b4b;}
.preorder_tb td {padding:10px; text-align: center;background:#fff;border-right:1px solid #ccc; border-bottom:1px solid #ccc;}
.preorder_tb td .btn_reg_input {display:inline-block;background-color:#ff6139;padding:8px 8px;color:#fff;border-radius:3px;}
.preorder_tb td .btn_delete {display:inline-block;background-color:#252525;color:#fff;padding:8px 10px;border-radius:3px;}

.preorder_freebie_area {clear:both;margin:30px 0 10px;width:100%;padding-top:25px;}
.preorder_freebie_area .preorder_freebie_title {margin:10px auto 20px;max-width:430px;padding:0 0 10px 0;font-size:24px;text-align:center;background:url(../img/blue_bar.png) center bottom no-repeat;}
.preorder_freebie_area .freebie_process {margin:15px auto;width:98%;max-width:939px;position:relative;}
.preorder_freebie_area .freebie_process .process_img {width:100%;}
.preorder_freebie_area .freebie_process .process_img img {width:100%;height:auto;}
.preorder_freebie_area .freebie_process .go_freebie {position:absolute;display:block;top:45%;left:15px;opacity:0;width:20%;max-width:160px;height:30px;}
.preorder_freebie_area .freebie_process_mo {display:none;}









@media screen and (max-width: 1746px) {

.receive_wrap > ul li{height: 68px;}

}


@media screen and (max-width: 1600px) {

/**********선불서비스 ***********/
.prepay_tab>li a {padding:20px 0;font-size:18px;}
.prepay_tab>li a.prepay_bg01{background:#acacac;}
.prepay_tab>li a.prepay_bg02{background:#acacac;}
.prepay_tab>li a.prepay_bg03{background:#acacac;}
.prepay_tab>li a.prepay_bg04{background:#acacac;}
.prepay_tab>li.on a.prepay_bg01{background:#ff6139;}
.prepay_tab>li.on a.prepay_bg02{background:#ff6139;;}
.prepay_tab>li.on a.prepay_bg03{background:#ff6139;}
.prepay_tab>li.on a.prepay_bg04{background:#ff6139;}


}

@media screen and (max-width: 1024px) {

.receive_wrap > ul li{float: none; width: 100%; height: auto; border-top: 1px solid #fff; border-right: none;}
.receive_tab02 .service_box .service_img img{margin: 10px 0; width: 90%;}
/************ 선불서비스 202002추가************/
.prepay_tab>li {height:58px;}
.prepay_tab>li a {padding:10px 0;font-size:16px;}

/***** 약정유예 *****/

.contract_program .contract_caution_title:after {width:72%;max-width:none;height:2px;background:#333;}

}

@media screen and (max-width: 780px) {

.receive_tab02 > select{width: 48%;}
.margin-left{display:block; margin-top: 5px; margin-left: 0;}
.popup_layer{width: 85%;}
.service_popup, .service_agree_popup, .jump_service_agree_popup{width: 90%;}

.fin_text_box ul li{display:block; margin: 0 10px;text-align:left;}
.fin_text_box ul li span {font-size:15px;}

/*점프업 */
.receive_tab02 .max_reward {margin:10px auto;width:98%;font-size:20px;letter-spacing:-1px;}
.jumpup_caution_title {margin:30px 0 0;}
.receive_tab02 .jumpup_service_info {padding:0 10px;font-size:14px;line-height:1.4;}
.receive_tab02 .jumpup_customer_list dt {float:none;width:30%;max-width:72px;padding:5px 15px;}
.receive_tab02 .jumpup_customer_list dd {float:none;width:99%;padding:5px 0 5px 5px;}

/************ 선불서비스 202002추가************/

.prepay_title {padding:15px 0 5px;font-size:20px;}
.prepay_g_txt {padding:10px 5px;font-size:15px;line-height:1.5;}
.prepay_balance_inquiry_box {margin:15px 0 15px;padding:20px 5px;}
.prepay_balance_inquiry_box .inquiry_list li .inquiry_dt {width:22%;padding:10px 6px 6px 0;font-size:14px;height:40px;}
.prepay_balance_inquiry_box .inquiry_list li .inquiry_dd {width:78%;}
.prepay_balance_inquiry_box .inquiry_list li .inquiry_dd input[type="number"] {display:inline-block;width:70%;height:40px;font-size:14px;}
.prepay_balance_inquiry_box .inquiry_list li .inquiry_dd button {display:inline-block;width:25%;max-width:110px;height:40px;font-size:14px;}
.balance_list_box {margin:20px 0;width:100%;}
.prepay_balance {font-size:14px;}
.prepay_balance dt {padding:12px 4px;}
.prepay_balance dd {padding:12px 15px 12px 5px;}
.prepay_balance dd .red_amount {font-size:18px;letter-spacing:-1px;}
.prepay_balance dd .tel_number {font-size:18px;}
.prepay_btn_next {padding:10px 4px;font-size:16px;}

.prepay_charge_list_box {margin:20px 0 10px;}
.prepay_charge_list_box>li {float:none;width:100%;}
.card_charge_box {padding:10px 10px;}
.charge_input_list li .charge_dt {width:28%;padding:12px 5px 12px 5px;font-size:14px;}
.charge_input_list li .charge_dd {width:72%;font-size:14px;}
.charge_input_list li .charge_dd input[type="number"] {height:30px;font-size:14px;}
.charge_input_list li .charge_dd select {height:40px;background-size:20px auto;font-size:14px;}
.charge_input_list li  button {width:20%;max-width:100px;height:40px;font-size:14px;}
.btn_prepay_charge a {padding:10px 4px;text-align:center;font-size:16px;margin:0 3px;}
.btn_prepay_charge a.btn_cancel {width:44%;}
.btn_prepay_charge a.btn_charge {width:44%;}

.amount_txt {font-size:18px;}
.virtual_small_title {padding:5px 0 0 5px;font-size:20px;}
.charge_input_list li .virtual_dt {float:none;width:100%;padding:10px 5px 10px 0;font-size:15px;}
.charge_input_list li .virtual_dd {float:none;width:100%;font-size:15px;}
.charge_input_list li .virtual_dd input[type="number"] {height:32px;font-size:15px;}
.charge_input_list li .virtual_dd select {height:42px;background-size:20px auto;font-size:15px;}
.charge_input_list li .account_num {width:45%;}

.prepay_charge_tb {font-size:14px;}
.prepay_charge_tb th {padding:8px 3px;}
.prepay_charge_tb td {padding:10px 2px;}
.prepay_btn_charge {padding:10px 4px;font-size:16px;}
.prepay_btn_cancel {padding:10px 4px;font-size:16px;}

.pop_prepay_charge {top:12%;width:92%;max-width:none;padding:15px;}
.pop_charge_title {padding:0 5 15px;font-size:20px;}
.prepay_charge_inner {padding:10px;}
.auto_charge_box .auto_charge_row {display:block;width:100%;border-bottom:none;}
.auto_charge_box .auto_charge_row:after {display:block;clear:both;content:'';height:0;visibility:hidden;}
.auto_charge_box .auto_charge_row dt {display:block;clear:both;float:left;width:22%;height:45px;padding:12px 4px;font-size:14px;box-sizing:border-box;}
.auto_charge_box .auto_charge_row dd {display:block;float:left;height:50px;padding:10px 6px;font-size:14px;box-sizing:border-box;}
.auto_charge_box .auto_charge_row dd.w100 {width:78%;}
.auto_charge_box .auto_charge_row dd.w50 {width:78%;}
.auto_charge_box input[type="text"],.auto_charge_box input[type="password"],.auto_charge_box select {padding:4px 4px;font-size:14px;}
.charge_time li.time_dt {font-size:16px;}
.charge_time li.time_dd {box-sizing:border-box;width:70%;padding:0 0 0 15px;font-size:14px;}
.charge_time li.time_dd label {display:block;padding:0 5px 5px;}
.auto_charge_agree .charge_agree_txt {float:none;width:100%;font-size:14px;}
.auto_charge_agree .btn_charge_agree {float:none;margin:10px 0;width:100%;padding:10px 8px;color:#fff;font-size:16px;text-align:center;}
.checkon {background:url(/img/icon_agree_check.png) 15px center #000 no-repeat;background-size:16px auto;}
.icon_close {right:2px;top:2px;width:40px;height:40px;padding-top:10px;border-radius:20px;}
.icon_close img {width:20px;}
}


@media screen and (max-width: 420px) {

.table_wrap table th, .table_wrap table td, .table_wrap02 table th, .table_wrap02 table td{padding: 10px;}
.table_wrap02 input[type="tel"]{width: 20%;}
.table_wrap02 table td span{display: block; margin-top: 5px;}
.table_wrap02 input[type="text"]{width: 90%;}
.table_wrap02 table td select{width: 40%}
#bank2{display: block; width: 90%; margin-top: 5px;}
.file_form .file_btn_hidden1, .file_form .file_btn_hidden2{width: 70px;}
.file_form .file_btn{width: 70px;}
.table_wrap02 input.file_box1,.table_wrap02 input.file_box2{width: 51%;}
.fin_btn{width: 190px;}

.receive_tab02 .service_btn_wrap li{display: block; width: 75%; margin: 15px auto;}
.receive_tab02 .service_box{margin-top: 40px;overflow:hidden;}
.receive_tab02 .service_box div{float: none; width: 100%;}
.receive_tab02 .service_box .service_img {float:none;width:100%;text-align:center;padding:10px 10px;}
.receive_tab02 .service_box .service_img img{width:80%;min-width: 300px;}
.receive_tab02 .service_box .service_txt{padding: 0 15px 15px;}

.popup_layer{width: 80%;}
.ex_img_wrap ul li > p span{text-indent: -29px; top: 26px;}
.popup_layer h1{font-size: 1.5em;}
.popup_agree_wrap li div{font-size: 13px;}
.popup_agree_wrap .list_n{margin-right: 8px;}
.popup_upload_wrap > div{float: none; width: 100%;}
.pop_btn a,.pop_btn_cancel a{width: 80px;}
.ex_img_wrap .sub_ex{padding-top: 15px;}


.list_agr input[type="checkbox"] + label{padding-left: 19px;}
.list_agr input[type="checkbox"]:checked + label {padding-left: 19px;}


.service_popup, .service_agree_popup, .jump_service_agree_popup{width: 80%;}
.service_popup .pop_service_wrap div{float: none; width: 90%; margin: 0 auto;}
.pop_service_wrap .service_img img{display: block; margin: 0 auto;}
.popup_agree_wrap .list_txt{font-size: 13px; width: 77%;}

.fin_text_box ul li{margin: 0 5px;}

/* 파손보험가이드 */
.compensate_guide_cont {padding:15px 5px;}
.compensate_guide_cont .compensate_request_title {margin-top:20px;padding:0 0 10px 10px;font-size:20px;letter-spacing:-1px;background:url(../img/icon_red_ver_bar.png) 0 4px no-repeat;}
.compensate_guide_cont .compensate_guide_list {padding:0 0 0 0;}
.compensate_guide_cont .compensate_guide_list>li {padding:4px 0 4px 10px;} 
/* 점프업 */
.jumpup_process {padding:10px 5px 10px;}
.jumpup_process li {float:none;width:100%;max-width:none;}
.jumpup_box .btn_jumpup {margin:0 auto;display:block;width:75%;max-width:none;font-size: 16px;}

/****** 선불서비스 ***********/
.prepay_tab>li {box-sizing:border-box;float:left;width:50%;}
.prepay_tab>li a {padding:16px 0 16px 25px;border-bottom:1px solid #fff;border-right:1px solid #fff;font-size:14px;text-align:center}
.prepay_tab>li:first-child {border-radius:10px 0 0 0;overflow:hidden;}
.prepay_tab>li:last-child {border-radius:0 0 10px 0;overflow:hidden;}
.prepay_tab>li:nth-child(2) {border-radius:0 10px 0 0;overflow:hidden;}
.prepay_tab>li:nth-child(3) {border-radius:0 0 0 10px;overflow:hidden;}
.prepay_tab>li a {padding:18px 12px 18px 0;font-size:15px;text-align:right;}
.prepay_tab>li a.prepay_bg01{background:url(/img/prepay_tab_icon01.png) 6px center #acacac no-repeat;background-size:30px;}
.prepay_tab>li a.prepay_bg02{background:url(/img/prepay_tab_icon02.png) 6px center #acacac no-repeat;background-size:30px;letter-spacing:-1px;}
.prepay_tab>li a.prepay_bg03{background:url(/img/prepay_tab_icon03.png) 6px center #acacac no-repeat;background-size:30px;}
.prepay_tab>li a.prepay_bg04{background:url(/img/prepay_tab_icon04.png) 6px center #acacac no-repeat;background-size:30px;}
.prepay_tab>li.on a.prepay_bg01{background:url(/img/prepay_tab_icon01.png) 6px center #ff6139 no-repeat;background-size:30px;}
.prepay_tab>li.on a.prepay_bg02{background:url(/img/prepay_tab_icon02.png) 6px center #ff6139 no-repeat;background-size:30px;letter-spacing:-1px}
.prepay_tab>li.on a.prepay_bg03{background:url(/img/prepay_tab_icon03.png) 6px center #ff6139 no-repeat;background-size:30px;}
.prepay_tab>li.on a.prepay_bg04{background:url(/img/prepay_tab_icon04.png) 6px center #ff6139 no-repeat;background-size:30px;}
.pop_prepay_charge {top:14%;width:90%;padding:12px;}

}

/*********************** 파손보험신청페이지 20190509 끝 ***********************/

/*** 온라인가입신청 가입유형 창 20170704 ***/
.pop_type_wrap {position:relative;}

.pop_help	{
	position:absolute;
	z-index:9999;
	top:5px;
	left:5px;
	width:230px;
	height:auto;
	padding:10px;
	border:1px solid #e1e1e1;
	color:#fff;
	background:#7c7cc5;
	box-shadow:3px 3px 3px rgba(0,0,0,.1);
}

.pop_help .type_head { border-bottom:1px solid #fff; text-align:right; margin-bottom:10px; padding:5px; font-size:14px; cursor:pointer;}
.pop_help .type_tit	 { padding:5px 0; background:#5858b6; font-size:14px;font-weight:600; text-align:center; margin-bottom:10px; border-radius:5px;}
.pop_help .type_help_txt {font-size:12px;font-weight:300;padding-bottom:10px; line-height:150%; word-break:keep-all;}

/*** 외국인 체류코드별 가입한도안내 ***/
.pop_help_stay	{
	position:absolute;
	z-index:9999;
	top:10%;
	left:50%;
	transform:translateX(-50%);
	-webkit-transform:translateX(-50%);
	width:98%;
	max-width:350px;
	height:auto;
	padding:10px;
	border:1px solid #e1e1e1;
	color:#fff;
	background:#7c7cc5;
	box-shadow:3px 3px 3px rgba(0,0,0,.1);
}

.pop_help_stay .type_head { border-bottom:1px solid #fff; text-align:right; margin-bottom:10px; padding:5px; font-size:14px; cursor:pointer;}
.pop_help_stay .type_tit	 { padding:5px 0; background:#5858b6; font-size:14px;font-weight:600; text-align:center; margin-bottom:10px; border-radius:5px;}
.pop_help_stay .refer_tit {padding:10px 0 5px 0;font-size:14px;}
.pop_help_stay .type_help_txt {font-size:12px;font-weight:300;padding-bottom:10px; line-height:150%; word-break:keep-all;}
.pop_help_stay .stay_cord_tb_box {padding:5px 0;}
.pop_help_stay .stay_cord_tb_box .stay_cord_tb {border:1px solid #545177;}
.pop_help_stay .stay_cord_tb_box .stay_cord_tb th {padding:7px 4px;font-size:15px;background:#545177;border-bottom:1px solid #545177;border-left:1px solid #545177;}
.pop_help_stay .stay_cord_tb_box .stay_cord_tb td {padding:6px 4px;font-size:12px;color:#545177;text-align:center;border-bottom:1px solid #545177;border-left:1px solid #545177;}



.box {border: 1px solid #ccc; width: 100%; text-align: center; }
.box span { display: block; padding:10px; }

.definition dl { overflow:hidden; padding:5px 10px 10px 10px; }
.definition dl dt { float: left; width:30%; border-right: 1px solid #ccc; }
.definition dl dd { float: right; width:65%; }

.user_name{ font-size:36px; margin-bottom:40px;}

.line_box{ display: inline-block; border: 1px solid #ccc; padding: 10px 10px 10px 40px; font-size: 18px; }
.date_info { background: url('../img/icon_document.gif') no-repeat 10px center; }

.antena { background: url('../img/icon_antena.gif') no-repeat 10px center; }
.sandglass { background: url('../img/icon_sandglass.gif') no-repeat 10px center; }
.charge { background: url('../img/icon_charge.gif') no-repeat 20px center;  font-size:36px; font-weight: bold; padding:15px 15px 15px 70px; }
/* .info { padding:20px; } */
.info_box { border: 1px solid #ccc; background: #f9f9f9; border-radius: 15px; margin-top:15px; overflow: hidden; }
.info_box > .info { padding:18px 10px; overflow:hidden; text-align: center; }
.info_box ul { margin-left: 10px; display: inline-block; overflow: hidden;}
.info_box dl { margin-bottom:3px; text-align: left; }
.info_box dl dt { padding:5px 10px; width: 35px; text-align: center; background: #fff; display: inline-block; border:1px solid #ccc;
	-webkit-box-shadow: 2px 2px 0px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 2px 2px 0px 0px rgba(0,0,0,0.2);
	box-shadow: 2px 2px 0px 0px rgba(0,0,0,0.2); }
.info_box dl dd {display: inline-block; margin-left: 5px;}
.fee_info{ clear: both; background: #f0f0f0; padding:20px 10px; text-align: center; overflow:hidden;} 
.fee_info span {font-size: 18px; color:#000;}
.data_name { width:90px; height:90px; margin-bottom:4px; display: inline-block; box-sizing: border-box; background: #fff; border: 10px solid #ee3137; text-align: center; vertical-align: top; line-height:70px; border-radius: 100%; color:#ee3137; }


/* 20160930 */
.data_name2 {width:216px; height:216px; display: inline-block; margin-bottom:10px; box-sizing: border-box; background: #fff; border: 20px solid #ee3137; 
text-align:center; vertical-align:middle; padding-top:60px; font-size:26px; font-weight: bold; border-radius: 100%; color:#ee3137; }

.pay {overflow: hidden; display: table; width:100%;}
.pay > div { float: left; display: table-cell; width:50%}
.pay > div > div { padding:18px; margin:0 5px 10px 5px; background: url('../img/under_bar.gif') no-repeat center; text-align: center; border: 1px solid #ccc;}
.pay > div > div > p { padding-top:20px; }

.pay2 {overflow: hidden; display: table; width:100%;}
.pay2 > div { float: left; display: table-cell; width:50%}
.pay2 > div > div { padding:18px; margin:0 5px 10px 5px; text-align: center; border: 1px solid #ccc;}
.pay2 > div > div > p { padding-top:10px; }

.month_pay { font-size:18px; text-align: center; margin:15px 0; }
.month_pay span{font-size:36px; color: #661618; }
.month { font-size:36px; }
.month span { font-size:100px; }
.period { border:1px solid #ccc; display: inline-block; text-align: center; padding: 5px; background: #fff; }

.total_price{ overflow: hidden; }
.total_price .left_cont { float: left; width:60%; background: #f0f0f0; }
.total_price .left_cont div { padding:20px; overflow: hidden; line-height:26px;  }
.total_price .left_cont div .fl {font-size:16px;}
.total_price .left_cont div .fr span {font-size:24px; color:#661618; text-decoration: underline; }
.total_price .join_btn{ float: left; background:#000; width:40%; text-align: center; line-height: 30px;}
.total_price .join_btn a { color: #fff; padding:20px; font-size: 24px; display: block; }
.total_price .choice { font-size:2em; font-weight: 600; }

.summarybox {position:relative; border:1px solid #ccc; padding:20px; line-height:1.4em; min-height:63px;}
.summarybox ul li { font-size: 12px; background: url('../img/dot.gif') no-repeat left 4px; padding-left:10px; margin-bottom:2px;}
.summarybox ul li ul li { background: none; padding-left:5px;}
.summarybox2 {border:none; }

.attention .leftbox { width:20%; background: #4b4b4b; color:#fff; display: table-cell; vertical-align:top; padding:25px 0 0; }
.attention .leftbox .attention_check {display:block; width:30px; height:30px; background: url('../img/check_2.png') no-repeat 0 0; margin:0 auto; color:transparent;}
.attention .leftbox p { padding-top:10px; vertical-align: middle; text-align: center; }
.attention .rightbox { width:80%; display: table-cell; vertical-align: top;}
.attention .rightbox > ul { padding:20px; background:#f6f6f6;min-height: 60px;  }
.attention .rightbox ul li { background: url('../img/dot.gif') no-repeat left 4px; padding-left:10px; margin-bottom:2px;}
.attention .rightbox ul li h4{padding-bottom:10px;}
.attention .rightbox ul li ul li { background: none; padding-left:5px;}


.process { overflow: hidden; }
.process li { width:25%; float: left; color: #787878; box-sizing:content-box; }
.process li div { padding: 10px; height:60px; border-top:1px solid #ccc; border-right:1px solid #ccc; border-bottom:1px solid #ccc;}
.process li div p { margin-bottom:5px; font-size: 18px }
.process li:first-child div { border-left: 1px solid #ccc; }
.process li.select { background:#f0f0f0; color:#000; }
.process li.select p { background: url('../img/icon_btn_arrow2_2.gif') no-repeat 27px center; }

.process2 { overflow: hidden; }
.process2 li { width:14.28%; float: left; color: #787878; }
.process2 li div { padding: 10px; height:60px; border-top:1px solid #ccc; border-right:1px solid #ccc; border-bottom:1px solid #ccc;}
.process2 li div p { margin-bottom:10px; font-size: 18px }
.process2 li:first-child div { border-left: 1px solid #ccc; }
.process2 li.select { background:#f0f0f0; color:#000; }
.process2 li.select p { background: url('../img/icon_btn_arrow2.gif') no-repeat 27px center; }


/* 
.process { overflow: hidden; }
.process li { width:12.5%; float: left; color: #787878; box-sizing:content-box; }
.process li div { padding: 10px; height:60px; border-top:1px solid #ccc; border-right:1px solid #ccc; border-bottom:1px solid #ccc;}
.process li div p { margin-bottom:5px; font-size: 18px }
.process li:first-child div { border-left: 1px solid #ccc; }
.process li.select { background:#f0f0f0; color:#000; }
.process li.select p { background: url('../img/icon_btn_arrow2_2.gif') no-repeat 27px center; }

.process2 { overflow: hidden; }
.process2 li { width:14.28%; float: left; color: #787878; }
.process2 li div { padding: 10px; height:60px; border-top:1px solid #ccc; border-right:1px solid #ccc; border-bottom:1px solid #ccc;}
.process2 li div p { margin-bottom:10px; font-size: 18px }
.process2 li:first-child div { border-left: 1px solid #ccc; }
.process2 li.select { background:#f0f0f0; color:#000; }
.process2 li.select p { background: url('../img/icon_btn_arrow2.gif') no-repeat 27px center; } */

.card { width:100%; margin:0 auto; text-align: center;}
.card ul li { display: inline-block; margin-right:3.5%; vertical-align: top;}
.card ul li div { letter-spacing: -1.5px; border-radius: 3px; font-size: 17px; color: #787878; text-align: center; padding: 40px 20px; border:1px solid #ccc; 
	-webkit-box-shadow: 2px 2px 0px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 2px 2px 0px 0px rgba(0,0,0,0.2);
	box-shadow: 2px 2px 0px 0px rgba(0,0,0,0.2); margin-bottom:5px; }
/* 20170704 수정 */
.card ul li div > .tit { color: #000; font-size: 24px; margin-bottom:17px; margin-top:5px;}
.card ul li:last-child {margin-right:0;}
.card ul li .online_type_icon {padding:10px 0;text-align:center;}
.card ul li div .btn_type {display:inline-block;color: #fff; font-size:20px;font-weight:600;padding:14px 45px 14px 20px;background:url(../img/type_select_icon.png) 97% center #ff6039 no-repeat; border-radius:3px;}

/****** 스마트 개통신청 (20180524에 추가 ) ******/
.padd_ver_50 {padding:40px 0 20px;}
.card .smart_g_list {padding:20px 0 20px 15px;text-align:left;}
.card .smart_g_list li {display:block;padding:5px 0 5px 15px;background:url(../img/dgray_bullet.png) 0 7px no-repeat;font-size:14px;}
.card .red_caution {text-align:left;color:#ed1c24;font-size:14px;padding:15px 0 15px 15px;}
.imt_gray_box {margin:5px 0 0 15px;padding:20px 15px 20px 70px;background:url(../img/icon_ext_mark.png) 25px 20px #f5f5f5 no-repeat;}
.imt_gray_box ul {}
.imt_gray_box ul>li {font-weight:400;font-size:16px;padding:5px 0;}

/* 서류 다운로드 */
.card .download_ul {margin-top:3%;}


/****** 스마트 개통 안내 (20180726 ) ******/

.pop_wrap_smart {background:#fff;padding:20px;height:auto;min-height:200px;}
.smart_guide_box {padding:5px 0 10px;}
.smart_guide_box:after {display:block;clear:both;content:'';height:0;visibility:hidden;}
.smart_guide_box dt {box-sizing:border-box;float:left;padding:12px 6px;width:25%;height:auto;max-width:110px;max-height:110px;background:#eff2f7;text-align:center;border-radius:5px;}
.smart_guide_box dt img {width:100%;max-width:69px;}
.smart_guide_box dd {box-sizing:border-box;float:left;width:75%;padding:8px 0 0 25px;}
.smart_guide_box dd .smart_g_stitle {font-size:700;font-size:18px;}
.smart_guide_box dd .smart_reg_type {padding:5px 0 5px;font-size:14px;}
.smart_guide_box dd .imt_list {padding:5px 0 5px 8px;}
.smart_guide_box dd .imt_list>li {font-size:14px;list-style-type:decimal;padding:4px 0;}
dl dd .red_t {color:#ed1c24;}
.smart_g_line {margin:5px 0 15px 0;border-bottom:1px solid #d7d7d7;}
.smart_check {padding:5px 0 10px 5px;}


/****** 번호이동 사전동의 방법안내 (20180726 ) ******/
.telecomm_change_txt {padding:10px 2px 10px 5px;font-size:14px;font-weight:600;}
.smart_guide_box .telecomm_type {padding:24px 2px;width:25%;max-width:110px;height:110px;text-align:center;font-size:16px;font-weight:700;background:#eff2f7;color:#111;letter-spacing:-1px;}
.smart_guide_box .telecomm_type img {width:100%;max-width:96px;}
.tel_change_guide_list {padding:3px 0;width:100%;}
.tel_change_guide_list:after {display:block;clear:both;content:'';height:0;visibility:hidden;}
.tel_change_guide_list span {display:block;float:left;}
.tel_change_guide_list .ch_number {width:20px;height:20px;color:#fff;background:#ed1c24;font-size:16px;font-weight:bold;text-align:center;line-height:20px;border-radius:10px;}
.tel_change_guide_list .ch_txt {box-sizing:border-box;padding-left:10px;width:90%;font-size:16px;}

/****** 번호이동시 이전통신사 요금내역안내 (20180726 ) ******/
.ex_telecomm_txt {margin:0 auto;width:94%;padding:10px 5px;font-size:20px;font-weight:700;text-align:center;}
.tel_charge_box {display:table;width:100%;font-size:14px;}
.tel_charge_box dt {display:table-cell;width:55%;background:#e2e8f2;padding:10px 8px 10px 12px;font-size:16px;font-weight:700;}
.tel_charge_box dd {display:table-cell;width:45%; background:#fafafa;padding:10px 8px;text-align:right;}
dl dd .charge_price01 {font-size:18px;font-weight:bold;}
dl dd .charge_price02 {font-size:14px;font-weight:600;}
.tel_charge_sublist {}
.tel_charge_sublist:after {display:block;clear:both;content:'';height:0;visibility:hidden;}
.tel_charge_sublist dt {box-sizing:border-box;float:left;width:55%;background:#e2e8f2;padding:6px 8px 6px 22px;margin:0;font-size:13px;position:relative;}
.tel_charge_sublist dt::before {position:absolute;content:url(../img/sub_bullet.png);top:3px;left:10px;}
.tel_charge_sublist dd {box-sizing:border-box;float:left;width:45%;background:#fafafa;padding:6px 8px;margin:0;text-align:right;}
.charge_g_txt {padding:12px 2px;}
.mar_tb {margin:8px 0;}
.ex_check {display:inline-block;padding:5px 0;width:60px;background:#f5f5f5;color:#111;font-size:14px;font-weight:800;border-radius:2px;text-align:center;}
/****** 개통완료시 유심 삽입 안내 (20180726 ) ******/
.device_type_stitle {margin:0;padding:10px 0 0 0;font-size:18px;font-weight:bold;position:relative;}
.device_type_stitle::before {position:absolute;top:0;left:0;content:'';width:14px;height:2px;display:inline-block;background:#ed1c24;}
.usim_in_process {padding:10px 0 15px;}
.usim_in_process::after {display:block;clear:both;content:'';height:0;visibility:hidden;}
.usim_in_process>li {box-sizing:border-box;float:left;width:33.33%;padding:0 6px;}
.usim_in_process>li .type_g_img {width:100%;max-width:166px;border:1px solid #ccc;}
.usim_in_process>li .type_g_img img {width:100%;}
.usim_in_process>li .info_gray_box {padding:10px 5px;background:#f5f5f5;text-align:center;}
.usim_in_process>li .info_gray_box span {display:block;}
.usim_in_process>li .info_gray_box .step_num {margin:0 auto;width:50px;padding:6px 2px;background:#ed1c24;color:#fff;font-size:13px;letter-spacing:-1px;border-radius:12px;}
.usim_in_process>li .info_gray_box .step_txt {padding:10px 0 5px;font-size:13px;}



/* 20180710 수정 유심선택부분 */
.sel2 sel h2>btn_usim_tip {display:inline-block;padding:0 3px;}
.sel2 .radio_usim { margin-bottom: 17px;}
.sel2 .radio_usim:after {display:block;clear:both;content:'';height:0;visibility:hidden;}
.sel2 .radio_usim>li {float:left;width:33%;max-width:145px;position:relative;}
.sel2 .radio_usim>li label {display:block;}
.sel2 .radio_usim>li img {width:100%;max-width:53px;}
.sel2 .radio_usim>li .se_radio {position:absolute;top:0;left:10px;}
.sel2 .radio_usim>li .usim_img,
.sel2 .radio_usim>li .usim_se {display:block;padding:3px 0;font-size:12px;text-align:center;position:relative;top:15px;}
.sel2 .radio_usim>li label.check {color:#ed1c24;}
.sel2 .radio_usim>li label.check .usim_se::before {position:absolute;top:0;left:20px;content:url(../img/red_check_icon.png);}
.usim_number_guide {margin:10px 0;} 
.usim_number_guide .usim_guide_stitle {padding:0 0 10px 0;font-size:17px;font-weight:600;}
.usim_number_guide .usim_card_img {width:100%;max-width:388px}
.usim_number_guide .usim_card_img img {width:100%;}

.sel2 .usim_number_box {padding:10px 0 10px 14px;}
.sel2 .usim_number_box>li {display:table-cell;text-align:center;}
.sel2 .usim_number_box>li:nth-child(odd) {width:52px;}
.sel2 .usim_number_box>li:nth-child(even) {width:15px;}
.sel2 .usim_number_box>li .in_usim {width:48px;border:1px solid #ccc;padding:2px;color:#999;}
.sel2 .usim_number_box>li .btn_valid_check {display:inline-block;margin:0 0 0 4px;text-align:center;width:72px;height:34px;line-height:34px;color:#fff;background:#ee3137;}
/* 유심유형 안내팝업 */
.popup_tip {position:absolute;top:35px;left:150px;width:98%;max-width:560px;z-index:9999;}
.popup_tip .tip_box {background:#fff;padding:20px;width:100%;border:1px solid #333;box-shadow:0 5px 6px rgba(0,0,0,.2);position:relative;box-sizing:border-box;}
.popup_tip .tip_box .usim_type {background:#f5f5f5;border-radius:10px;padding:10px;}
.popup_tip .tip_box .usim_type:after {display:block;clear:both;content:'';height:0;visibility:hidden;}
.popup_tip .tip_box .usim_type>li {display:block;float:left;width:33%;padding:5px;text-align:center;box-sizing:border-box;}
.popup_tip .tip_box .usim_type>li .usim_img {padding:5px 0;}
.popup_tip .tip_box .usim_type>li .usim_type {display:inline-block;width:100px;padding:5px;background:#ed1c24;border-radius:10px;color:#fff;font-size:13px;font-weight:600;text-align:center;}
.popup_tip .tip_box .usim_type>li img {width:100%;max-width:120px;}
.popup_tip .tip_box .usim_txt_list {padding:15px 5px;}
.popup_tip .tip_box .usim_txt_list>li {padding:6px 0 6px 12px;font-size:14px;font-weight:400;background:url(../img/red_bullet.png)0 7px no-repeat;}
.popup_tip .tip_box .usim_txt_list>li span {font-weight:bold;}
.popup_tip .btn_wh_close {display:block;position:absolute;top:-30px;right:-2px;width:50px;text-align:center;padding:5px 0;background:#ed1c24;}

.agreebox ul li { padding:20px; border-top:1px solid #ccc; border-left:1px solid #ccc; border-right:1px solid #ccc;}
.agreebox ul li:last-child {border-bottom:1px solid #ccc;}
.agreebox ul li .agree_tit {padding:6px 0 4px;font-size:14px; color:#000;background:url(../img/acc_icon_down.png) 99% center no-repeat; }
.agreebox ul li .open {color:#ff6039;padding:6px 0 4px;display:block;background:url(../img/acc_icon_up.png) 99% center no-repeat;}

.alliance_tb {border:1px solid #d7d7d7;box-sizing:border-box;}
.alliance_tb th {padding:10px 0;background-color:#605ca8;color:#fff;border:1px solid #d7d7d7;}
.alliance_tb tr:nth-child(odd) {background-color:#eff2f7;}
.alliance_tb td {padding:10px 0;text-align:center;font-weight:600;border-left:1px solid #d7d7d7;border-bottom:1px solid #d7d7d7;}
.alliance_tb td:first-child {padding:5px 4px 5px 4px;vertical-align:middle;background-color:#fff;border-bottom:1px solid #d7d7d7;border-right:1px solid #d7d7d7;}
.alliance_tb td .alli_link {display:block;width:100%;height:100%;}
.alliance_tb td.odd_bg {background-color:#eff2f7;}
.alliance_tb td span {display:block;}
.alliance_tb td .alli_logo {float:left;width:60%;text-align:center;}
.alliance_tb td .alli_logo img {width:auto;height:auto;max-height:35px;}
.alliance_tb td .alli_name {float:right;width:40%;text-align:center;padding-top:14px;box-sizing:border-box;color:#605ca8;}
.alliance_tb td a.btn_store {display:block;background:url(../img/small_wh_arrow.png) 90% center #000 no-repeat;margin:0 auto;width:82%;max-width:100px;padding:7px 5px;text-align:center;}
.alliance_tb td a.btn_store:hover {background:url(../img/small_wh_arrow.png) 90% center #ec028a no-repeat;}
.alliance_tb td a.btn_store>.go {color:#fff;}

.acc_system_box {width:100%;overflow:hidden;border:1px solid #ccc;}
.acc_system_agree {float:left;width:26%;padding:20px 10px;box-sizing:border-box;text-align:center;}
.acc_system_agree li {display:inline-block;padding:5px 8px;font-size:16px;font-weight:bold;}
.acc_system_txt {float:left;width:74%;padding:20px 15px;background:#f5f5f5;border-left:1px solid #ccc;font-size:15px;box-sizing:border-box;}

.tb_bot_txt {padding:8px 0 8px 3px;font-size:13px;}

.hope_tel_td {position:relative;}
.hope_tel_pop {display:none;position:absolute;top:90%;left:10px;width:180px;height:150px;background:#fff;border:1px solid #d7d7d7;padding:10px;overflow-y:auto;box-shadow:0 5px 5px rgba(0,0,0,.1);z-index:99999;}
.hope_tel_pop .possible_tel {box-sizing:border-box;}
.hope_tel_pop .possible_tel:after {display:block;clear:both;content:'';height:0;visibility:hidden;}
.hope_tel_pop .possible_tel label {display:table}
.hope_tel_pop .possible_tel dt {display:table-cell;width:30px;padding:5px 0;}
.hope_tel_pop .possible_tel dd {display:table-cell;width:140px;font-size:15px;font-weight:600;padding:3px 0;box-sizing:border-box;}
.hope_tel_pop .possible_tel dd a {color:#333;}
.hope_tel_pop .possible_tel dd a:hover {color:#ed1c24;}
.hope_tel_pop .possible_tel dd input[type="radio"] {-webkit-appearance:none;-moz-appearance:none;width:20px;height:20px;padding:0;background:url(../img/radio_off.png);background-size:20px 20px;border:0;border-radius:0;cursor:pointer;}
.hope_tel_pop .possible_tel dd input[type="radio"]:checked {background:url(../img/radio_on.png);background-size:20px;border:0;}

.standard_box {width:100%;border:1px solid #ccc;padding:5px 15px;box-sizing:border-box;}
.title_standard {padding:10px 0 5px;text-align:center;font-size:36px;font-weight:bold;}
.title_standard .red_bot_bar {display:block;margin:3px auto;width:35px;height:3px;background:#ee3137;}
.small_t_standard {padding:25px 0 15px;font-size:24px;}
.standard_guide_txt {padding:0 0 15px;width:95%;line-height:1.4;word-break:keep-all;font-size:16px;font-weight:300;}
.standard_guide {padding:5px 0 5px;}
.standard_guide:after {display:block;clear:both;content:'';height:0;visibility:hidden;}
.standard_guide>li {float:left;width:20%;padding:0 10px;text-align:center;box-sizing:border-box;}
.standard_guide>li .standard_circle {text-align:center;}
.standard_guide>li .standard_circle .st_number {padding:0 4px 0;font-size:25px;font-weight:600;background:url(../img/red_sbar.png) center bottom no-repeat;}
.standard_guide>li .standard_circle .circle_icon {margin:10px auto;width:100%;max-width:158px;}
.standard_guide>li .standard_circle .circle_icon img {width:100%;}
.standard_guide>li .standard_circle .process_txt {font-size:13px;padding:10px 0 10px;}
.red_caution {margin-top:25px;color:#ed1c24;font-size:16px;padding:16px 0 15px 15px;}

.btn_bot_red {display:block; width:20%; padding:15px;text-align:center;font-size:16px;font-weight:600;background-color:#ee3137;color:#fff;}

.comm_complete {margin:0 auto;width:100%;text-align:center;padding:10px 0;}
.comm_complete img {width:100%;}

.comm_complete h3 {font-weight:500;font-size:28px;text-align:center;}
.comm_complete .myflash_ok_box {margin:10px 0;padding:20px 20px;width:100%;border:5px solid #ebebeb;background-color:#fafafa;box-sizing:border-box;}
.comm_complete .myflash_ok_box:after {display:block;clear:both;content:'';height:0;}
.comm_complete .myflash_ok_box .myflash_txt {float:left;width:70%;font-size:16px;padding:10px 0 0 0;text-align:left;}
.comm_complete .myflash_ok_box .btn_myflash_yes {display:block;float:left;width:20%;max-width:90px;border-radius:3px;height:40px;line-height:40px;text-align:center;color:#fff;background-color:#333;font-size:18px;}

/* 20180710 */
.comm_complete .myflash_ok_box .ok_txt {padding:10px 0 10px 0;text-align:center;font-size:24px;font-weight:700;border-bottom:1px solid #777;}
.comm_complete .myflash_ok_box .quick_wrapper {margin:14px auto 0;width:100%;max-width:720px;box-sizing:border-box;}
.comm_complete .myflash_ok_box .quick_wrapper:after {display:block;clear:both;content:'';height:0;}
.comm_complete .myflash_ok_box .quick_wrapper .myflash_quick_list {float:left;width:46%;padding:0 10px;}
.comm_complete .myflash_ok_box .quick_wrapper .myflash_quick_list>li {padding:5px 0;font-size:14px;text-align:left;}
.comm_complete .myflash_ok_box .quick_wrapper .myflash_quick_list>li img {vertical-align:middle;width:auto;padding-right:5px;}
.comm_complete .myflash_ok_box .btn_myflash_join {display:block;margin:10px auto;width:98%;max-width:580px;padding:10px 5px;text-align:center;font-size:16px;color:#fff;background:#ed1c24;}



.clause ul li { padding:20px; border:1px solid #ccc;}
.clause ul li .clause_tit { font-size:14px; color:#000; }
.clausebox{ padding:10px; margin:10px 0; background:#f0f0f0; border:1px solid #ccc; height: 90px; overflow-y: scroll; line-height:1.5em; }
.clausebox table{width:100%;}
.clausebox table th{padding:10px; text-align:center;  border:1px solid #ccc; background-color:#ddd;}
.clausebox table td{padding:10px; text-align:center;  border:1px solid #ccc;}

.finish{ font-size: 18px; margin:30px 0;}

.main_box { border:5px solid #eff2f7; border-radius: 5px; padding:30px 20px 30px 160px; background: #f9f9f9 url('../img/img_security.png') no-repeat 30px 20px; }
.main_box .title { font-size:28px; }

.list li { background: url('../img/dot.gif') no-repeat left 4px; padding-left:10px; margin-bottom:2px;}
.list_img { margin-top:20px; overflow: hidden; }
.list_img li { float: left; margin:0 8px 10px 2px; }

.login_wrap{ max-width:710px; margin:50px auto 0; position: relative; overflow:hidden; }
.login_wrap:after{clear:both;content:"";display:block;}
.login_wrap > .inner { padding:40px; border:1px solid #ccc; }
.login_wrap .lbl{ float: left; height:60px; line-height: 60px; width:20%; font-size: 17px;}
.login_wrap .login_form {width:100%;}
.login_wrap input[type="text"], .login_wrap input[type="password"] { height: 38px; padding:10px 3px; font-size:16px;font-family:'Nanum Gothic';}
.login_wrap .input_box {display: block; margin-right:5px;}
.login_wrap .input_row { width: 80%; margin-bottom: 5px; overflow:hidden; }
.login_wrap .input_wrap { width: 80%; float: left; }
.login_wrap .btn_login { width:19%; text-align: center; background: #ee3137; padding: 50px 0; position: absolute; top:40px; right:40px; color:#fff; font-size:24px;}
.login_wrap .int_jogin { background:none; border:none; color:#fff; font-size:24px;}
.login_wrap .input_phone { width:33.3%; float: left; display: block; }
.login_wrap .inum { width:83.5%; }
.login_wrap .int { width:94%; }

.division { width:50%; float: left; }

.date_check select { width:45%; } 
.round_box { position: relative; border:1px solid #ccc; padding:20px; border-radius: 20px; margin:0 10px 10px 10px; min-height:200px; }
.round_box h2 { margin:0 0 20px; }

.service_list { margin-top:20px; border-top:1px solid #ccc; }
.service_list li { overflow:hidden; border-bottom:1px solid #ccc; padding:7px 0;}
.service_list li dl dt { float: left; }
.service_list li dl dd { float: right; padding-left: 5px; min-width: 50px; text-align: center; color: #ee3137; border-left:1px solid #ccc;}

.wonm{ font-size:18px; margin:20px 0; }
.wonm span{ font-size:30px; margin-left:10px; } 

/** 20160708 추가 **/
.sel_list { margin-top:10px; overflow: hidden; }
.sel_wid { width:60%; height:33px; float: left; }
.sel_wid_r { width:40%; float: right }
.sel_wid > div { width: 50%; display: block; float: left; }
.sel_wid > div > span { display: block; margin-right:5px; }

/** 20160708 추가 **/
.search { overflow:hidden; }
.search .box_search { width:55%; float: left; }
.search .sc_input {margin-right:10px;}
.search .sc_input > input { border:1px solid #ee3137; padding:2px; width:100%;}
/** 20160708 추가 **/
.gray_box { background: #f0f0f0; border-radius: 3px; color:#777; font-size:16px; padding:28px 0; text-align: center; margin-top:20px; webkit-box-shadow: 3px 3px 0px 0px rgba(0,0,0,0.2);-moz-box-shadow: 3px 3px 0px 0px rgba(0,0,0,0.2); box-shadow: 3px 3px 0px 0px rgba(0,0,0,0.2);}
.gray_box > p {color:#000; margin-top:5px;}


/********************************************************************/
/***** 중고 휴대폰 연결 (20170511 추가 ) (20170804_수정) ************/
/********************************************************************/
.used_device_cont {margin:0 auto;width:100%;max-width:1149px;}
.used_device_cont .flashmobile_logo {padding:10px 0 5px;margin:10px 0 10px 0;text-align:center;}
.used_device_cont .flashmobile_logo img {width:160px;height:auto;}
/* 작은 해상도용 */
.used_device_cont .box_used_device_txt_mo {margin:0 auto;padding:0 0 15px;width:96%;max-width:810px;text-align:center;display:none;}
.used_device_cont .box_used_device_txt_mo img {width:100%;height:auto;}

.used_device_cont .box_used_device_txt {margin:0 auto;padding:0 0 15px;width:96%;max-width:810px;text-align:center;}
.used_device_cont .box_used_device_txt img {width:100%;height:auto;}

.used_device_buy {margin:5px auto;padding:0 0 10px;width:98%;max-width:860px;border-bottom:1px dashed #d7d7d7;}
.used_device_buy:after {clear:both;display:block;content:'';height:0;visibility:hidden;}
.used_device_buy .buy_thead {box-sizing:border-box;float:left;width:16%;max-width:134px;}
.used_device_buy .buy_thead .used_circle {margin:0 auto;width:128px;height:128px;box-sizing:border-box;padding:22px 0 10px 28px;border:5px solid #e9e9e9;border-radius:64px;}
.used_device_buy .buy_thead .used_circle img {width:99%;max-width:78px;}
.used_device_buy .buy_thead .btn_link {box-sizing:border-box;width:90%;max-width:128px;display:block;margin:5px auto 0;text-align:center;font-size:18px;font-weight:600;padding:8px 10px;border-radius:20px;}
.used_device_buy .buy_thead .bred {color:#fff;background:#ff3334;}
.used_device_buy .buy_thead .bblack{color:#fff;background:#333;}
.used_device_buy .used_device_link_box {box-sizing:border-box;float:left;width:84%;padding-left:20px;}
.used_device_buy .used_device_link_box .used_device_list {margin:10px 0;}
.used_device_buy .used_device_link_box .used_device_list:after {clear:both;display:block;content:'';height:0;visibility:hidden;}
.used_device_buy .used_device_link_box .used_device_list>li.site_corp {float:left;width:47%;height:126px;margin:0 8px;padding:5px 5px;position:relative;text-align:center;box-sizing:border-box;}
.used_device_buy .used_device_link_box .used_device_list>li.site_corp .used_device_comp_name {padding:20px 0 10px;color:#fff;font-weight:600;font-size:28px;}
.used_device_buy .used_device_link_box .used_device_list>li.site_corp .site_link {padding:10px 0 10px 0;color:#fff;font-weight:300;font-size:20px;}
.used_device_buy .used_device_link_box .used_device_list>li.good {background:url(../img/btn_used_device_bg_yellow.jpg) center top #ffc30b no-repeat;}
.used_device_buy .used_device_link_box .used_device_list>li.kumkang {background:url(../img/btn_used_device_bg01.jpg) center top #1d96cf no-repeat;}
.used_device_buy .used_device_link_box .used_device_list>li.gangnam {background:url(../img/btn_used_device_bg02.jpg) center top #f75b32 no-repeat;}
.used_device_buy .used_device_link_box .used_device_list>li.used_site_tel {float:left;width:47%;height:auto;margin:0 8px;padding:10px 5px;background:#f5f5f5;position:relative;text-align:center;box-sizing:border-box;}
.used_device_buy .used_device_link_box .used_device_list>li.used_site_tel h4 {padding:5px 0 5px;font-size:18px;font-weight:300;background:url(/img/bar_dark_orange.png) center top no-repeat;}
.used_device_buy .used_device_link_box .used_device_list>li.used_site_tel h4 span {display:inline;margin:0 3px;}
.used_device_buy .used_device_link_box .used_device_list>li.used_site_tel .tel {letter-spacing:-1px;font-size:22px;font-weight:bold;}
.used_device_buy .used_device_link_box .used_device_list>li.used_site_tel .time {margin:0 auto;padding:5px 0 5px;font-size:12px;font-weight:300;text-align:left;width:142px;}
.used_device_buy .used_device_link_box .used_device_list>li.site_corp a {display:block;position:absolute;top:0;left:0;width:100%;height:100%;}
.used_device_buy .add_txt {margin:0 auto;padding:5px 5px;width:98%;text-align:center;font-size:14px;font-weight:300;}

/*
.used_device_link {margin:0 auto 10px;width:98%;max-width:725px;}
.used_device_link:after {clear:both;display:block;content:'';height:0;visibility:hidden;}
.used_device_link>li {float:left;width:47%;height:auto;max-height:120px;margin:0 8px;padding:5px 5px;position:relative;text-align:center;box-sizing:border-box;}
.used_device_link>li .used_device_comp_name {padding:10px 0;color:#fff;font-weight:600;font-size:28px;}
.used_device_link>li .site_link {padding:10px 0 10px 0;color:#fff;font-weight:300;font-size:20px;}
.used_device_link>li.kumkang {background:url(../img/btn_used_device_bg01.jpg) center top #1d96cf no-repeat;}
.used_device_link>li.gangnam {background:url(../img/btn_used_device_bg02.jpg) center top #1d96cf no-repeat;}
.used_device_link>li a {display:block;position:absolute;top:0;left:0;width:100%;height:100%;}

.used_device_cont .add_txt {margin:0 auto;padding:10px 5px;width:98%;text-align:center;font-size:16px;font-weight:300;}

.used_device_cs_call {margin:15px auto 10px;width:98%;max-width:725px;}
.used_device_cs_call:after {clear:both;display:block;content:'';height:0;visibility:hidden;}
.used_device_cs_call>li {float:left;width:47%;height:auto;margin:0 8px;padding:10px 5px;position:relative;text-align:center;background:#f5f5f5;border:1px solid #ebebeb;box-sizing:border-box;}
.used_device_cs_call>li h4 {padding:5px 0 10px;font-size:22px;font-weight:300;background:url(/img/bar_dark_orange.png) center top no-repeat;}
.used_device_cs_call>li h4 span {display:inline;margin:0 3px;}
.used_device_cs_call>li .used_device_tel {letter-spacing:-1px;font-size:28px;font-weight:bold;}
.used_device_cs_call>li .used_device_time {padding:10px 0 5px;font-size:14px;font-weight:300;}

*/

/***********************************************/
/************** 데이터 로밍 서비스 *************/
/***********************************************/
.inner_20 {padding:20px 30px;}
.roaming_guide_cont {margin:0 0 25px 0;}
.roaming_guide_cont:after {clear:both;display:block;content:'';height:0;visibility:hidden;}
.roaming_graph {float:left;width:40%;max-width:425px;}
.roaming_graph img {width:100%;}
.roaming_txt {box-sizing:border-box;float:left;width:52%;padding:0 10px 0 30px;font-size:16px;line-height:1.5;}
.light_g_txt {padding:22px 0 10px;color:#999;font-size:14px;}
.red_txt {color:#ee3137;}
.underline_txt {text-decoration:underline;}
.roaming_g_list {margin:15px 0 10px;}
.roaming_g_list:after {clear:both;display:block;content:'';height:0;visibility:hidden;}
.roaming_g_list dt {float:left;box-sizing:border-box;width:20%;max-width:130px;height:100px;padding:34px 10px 20px;font-size:20px;background:url(../img/bar_dark_orange.png) 10px 20px #f5f5f5 no-repeat;}
.roaming_g_list dd {float:left;box-sizing:border-box;width:80%;padding:10px 0 10px 20px;font-size:16px;}
.roaming_g_list dd ul>li {padding:5px 0;}

.nation_list {float:left;box-sizing:border-box;width:49%;margin:10px 0;padding:0 10px;}
.nation_list dt {width:100%;padding:10px 0 20px;background:url(../img/roaming_wh_arrow.png) center 90% #000 no-repeat;color:#fff;font-size:20px;text-align:center;}
.nation_list dd {margin:2px 0;overflow-y:auto;height:180px;border:1px solid #d7d7d7;}
.nation_list dd .nation_tb {}
.nation_list dd .nation_tb .col0 {width:50%;}
.nation_list dd .nation_tb .col1 {width:50%;}
.nation_list dd .nation_tb th {background:#ee3137;padding:12px 0;color:#fff;}
.nation_list dd .nation_tb th:nth-child(2) {border-left:1px dashed #fff;}
.nation_list dd .nation_tb tr:nth-child(odd) {background-color:#f5f5f5;}
.nation_list dd .nation_tb tr:nth-child(even) {background-color:#fff;}
.nation_list dd .nation_tb td {padding:8px 0;text-align:center;}





/*popup
.overlay { width:100%; height:100%; background-color: #000; bottom: 0; left: 0; opacity: 0.5; filter: alpha(opacity = 50); position: fixed; z-index: 998; }
.layer_pop { display:none; min-width:600px; max-height:90%; background: #f0f0f0; border:solid 1px #ccc; position:absolute; z-index:999; box-shadow: 0px 1px 20px #333; }
.layer_pop .layer{padding:20px; }
.layer_pop .layer .pop_wrap{background: #fff; padding:20px; min-height:200px; overflow-y:scroll;}
.layer_pop h1 { font-size:24px;  border-bottom: 1px solid #ccc; padding:0 0 20px 0; margin:20px 0;}
.layer_pop h2 {font-size:18px; margin:20px 0; padding-left:15px; background: url('../img/bullet_2.png') no-repeat left 5px;}
.layer_pop h2:first-child { margin-top:0; }
.yakpop{max-height:400px;}

.layer_pop2 { display:none; min-width:600px; max-width:740px;background: #f0f0f0; border:solid 1px #ccc; position:absolute; z-index:999; box-shadow: 0px 1px 20px #333; }
.layer_pop2 h1 { font-size:24px;  border-bottom: 1px solid #ccc; padding:0 0 20px 0; margin:20px 0;}
.layer_pop2 h2 {font-size:18px; margin:20px 0; padding-left:15px; background: url('../img/bullet.png') no-repeat left 5px;}
.layer_pop2 h2:first-child { margin-top:0; }*/

/*popup*/
.overlay { width:100%; height:100%; background-color: #000; bottom: 0; left: 0; opacity: 0.5; filter: alpha(opacity = 50); position: fixed; z-index: 998; }
.layer_pop { display:none; min-width:600px; background: #f0f0f0; border:solid 1px #ccc; position:absolute; z-index:999; box-shadow: 0px 1px 20px #333; }
.layer_pop h1 { font-size:24px;  border-bottom: 1px solid #ccc; padding:0 0 20px 0; margin:20px 0;}
.layer_pop h2 {font-size:18px; margin:20px 0; padding-left:15px; background: url('../img/bullet.png') no-repeat left 5px;}
.layer_pop h2:first-child { margin-top:0; }

.layer { padding:20px; max-width:620px;}

.pop_wrap{ background: #fff; padding:20px; min-height:200px;  max-height:500px; overflow:auto; overflow-x:hidden}
.pop_wrapnew{background: #fff; padding:20px; min-height:200px;  overflow:auto; overflow-x:hidden;}


.layer_pop2 { display:none; min-width:600px; max-width:740px; background: #f0f0f0; border:solid 1px #ccc; position:absolute; z-index:999; box-shadow: 0px 1px 20px #333; }
.layer_pop2 h1 { font-size:24px;  border-bottom: 1px solid #ccc; padding:0 0 20px 0; margin:20px 0;}
.layer_pop2 h2 {font-size:18px; margin:20px 0; padding-left:15px; background: url('../img/bullet.png') no-repeat left 5px;}
.layer_pop2 h2:first-child { margin-top:0; }

/*table*/
table.tb{ width:100%; border-top:2px solid #4b4b4b; font-size:12px; }
table.tb th{background:#f6f6f6; padding:10px; border-right:1px solid #ccc; border-bottom:1px solid #ccc;}
table.tb tr.bg th {background:#eff2f7;}
table.tb th:last-child, table.tb td:last-child{border-right:none;}
table.tb td {padding:10px; text-align: center;border-right:1px solid #ccc; border-bottom:1px solid #ccc;}
table.tb .l_line{border-left:1px solid #ccc !important;}
table.tb .r_line{border-right:1px solid #ccc !important;}
table.tb .border_none th, table.tb .border_none td{ border-right:none; }

table.tb2{ width:100%; border-top:2px solid #4b4b4b; overflow:hidden;}
table.tb2 th{background:#f6f6f6; padding:10px 5px; text-align:left; border:1px solid #ccc;}
table.tb2 td {padding:10px 5px; text-align: left;border:1px solid #ccc; }

table.tb3{ width:100%; border-top:1px solid #ccc; overflow:hidden; line-height:1.4em;}
table.tb3 th{background:#f6f6f6; padding:10px; text-align:left; border:1px solid #ccc;}
table.tb3 td {padding:10px; text-align: left;border:1px solid #ccc; }

table.tb4{ width:100%; border-top:2px solid #4b4b4b; font-size:12px; }
table.tb4 th{background:#f6f6f6; padding:10px;text-align:center; border-right:1px solid #ccc; border-bottom:1px solid #ccc;}
table.tb4 tr.bg th {background:#eff2f7;}
table.tb4 th:last-child, table.tb4 td:last-child{border-right:none;}
table.tb4 td {padding:10px; text-align: left;border-right:1px solid #ccc; border-bottom:1px solid #ccc;}
table.tb4 .l_line{border-left:1px solid #ccc !important;}
table.tb4 .r_line{border-right:1px solid #ccc !important;}
table.tb4 .border_none th, table.tb4 .border_none td{ border-right:none; }



table.use{ width:100%; }
table.use th { background: #4b4b4b; padding:5px; color:#fff; font-weight: normal; }
table.use th.color { background: #ee3137; }
table.use th.blank { background: none; }
table.use td { border-bottom:1px solid #ccc; }
table.use td { padding:5px 0; text-align:center;  }
table.use td.first { border-right:5px solid #fff; }

table.black { width:100%; border:3px solid #fff; }
table.black th { border:3px solid #fff; background:#4b4b4b; color:#fff; vertical-align: top; padding:15px; }
table.black td {border:3px solid #fff;}
table.black input[type="text"], table.black select { width: 100%; height:45px; border:1px solid #ccc; }
table.black input[type="password"], table.black select { width: 100%; height:45px; border:1px solid #ccc; }

table.black select { width:101%; }

table.line { width: 100%; border-top:2px solid #4b4b4b; }

/** 20160708 추가 **/
.border_box { width: 100%; border-top:2px solid #4b4b4b; border-bottom:1px solid #4b4b4b; }
.border_box th { background:none; padding: 15px; text-align: left; border-bottom:1px solid #4b4b4b; } 
.border_box td { padding: 15px; text-align: left; border-top:1px solid #ccc; } 

/*tab*/
.tab{ width:100%; display:table; border-top:1px solid #ccc; border-left:1px solid #ccc; border-right:1px solid #ccc; background: #f6f6f6; overflow: hidden;}
/** 20160708 수정 **/
.tab li { width:20%; height:100%; border-left:1px solid #ccc; display:table-cell; text-align:center; vertical-align:middle; background: #f6f6f6; padding:18px 0;}
.tab li:first-child{ background:#f6f6f6; border-left:none; }
.tab li a{ color:#787878; display:block; padding:0 10px; font-size:18px;}
.tab li.select{background: #4b4b4b;}
.tab li.select a{color:#fff;}
.tab li:nth-child(8), .tab li:nth-child(9) {display:none;}
.tab2 li{width:12%}
/**** 할인프로그램 탭 수정 20171214 ***/
.tab.empty {border-top:none;border-right:none; background:transparent; }
.tab li.empty {border-top:none;border-left:none;border-right:none;background:transparent;}


.tab_sel{ width:100%; display:table; overflow: hidden;}
.tab_sel li {float: left; border-left:1px solid #333; padding:0 15px; }
.tab_sel li:first-child {border:none; padding-left:0;}
.tab_sel li a{font-size:15px;}

/*  추가 20211201 */
.tab_sel li.right_r_txt {float:right;text-align:right;color:#f13a0c;font-size:16px;padding:5px;border:none;}
.tab_color { width:100%; overflow:hidden; }
.tab_color li { float: left; width:16.5%; text-align: center;  }
.tab_color li a { border: 1px solid #ccc; padding:10px; font-size: 1.2em; margin-right: 10px; display: block; margin-bottom:5px;}
.tab_color li.select a { border: 1px solid #ee3137; background: #ee3137; color:#fff;  }

/*button 20160930*/
.button {display: inline-block; padding:18px 25px; }
.button2 {display: inline-block; padding:18px 25px; }
.button_small {display: inline-block; padding:10px 25px; }
.button_small2 {display: inline-block; padding:10px 25px; }
.button_small3 {display: inline-block; padding:5px 10px;white-space:nowrap; }
.button_small4 {display: inline-block; padding:10px 10px;white-space:nowrap;width:58px; }
a.button:hover, a.button_small:hover{color:#fff;}
.btn_orange { background:#ee3137; color: #fff; }
.btn_blue { background:#49549e; color: #fff; }
.btn_green { background:#56925f; color: #fff; }
.btn_gray { background:#9d9d9d; color: #fff; }

.btn_dark {background: #000; color:#fff;}
.btn_detail { position:absolute; right:20px; bottom:20px; background:#000000; color:#fff;}
.btn_detail2 { position:absolute; right:20px; top:12px; background:#000000; color:#fff;}
.btn_blank { border:1px solid #ccc; background: #fff; }
.btn_pen {background: #ee3137 url('../img/icon_pen.png') no-repeat 25px center; color: #fff; font-size:24px; padding-left:50px;}
a.btn_blank:hover{ color:#383d41; }
.btn_pass { position: absolute; right:20px; top:170px; border:1px solid #ccc; padding:10px; display: inline-block; }
.btn_pass span { display: inline-block; padding:0 10px 0 5px; background: url('../img/icon_btn_arrow.gif') no-repeat right center; }
.btn_req_orange {display:inline-block;background:#ee3137; color: #fff; padding:18px 25px;}

/** 20160930 추가 **/
.btn_phone, .btn_usim, .btn_pencil, .btn_download{ color: #fff; font-size:15px; padding-left:60px; }
.btn_phone {background: #ee3137 url('../img/icon_phone_2.png') no-repeat 20px center; }
.btn_usim{background: #ee3137 url('../img/icon_phone_3.png') no-repeat 20px center; }
.btn_upg{background: #ee3137 url('../img/icon_phone_4.png') no-repeat 10px center; }
.btn_pencil {background: #ee3137 url('../img/icon_pencil_2.png') no-repeat 20px center; }

/** 20160708 추가 **/
.btn_download { background: #ee3137 url('../img/icon_download.png') no-repeat 20px center; }
}
.btn_check {background: url('../img/icon_check.png') no-repeat 12px center; margin:0 auto; color:#fff; padding-left: 30px;}
.bg-gray {background:#CCC;}
.bg-orange {background:#ee3137 url('../img/icon_check.png') no-repeat 12px center;color:#fff;}
.btn_check:hover, .btn_check:active { url('../img/icon_check.png') no-repeat 12px center; }
.btn_round { background:#4b4b4b; border-radius: 20px; color:#fff;}
/** 20160708 추가 **/
.tab_lrl li { float:left; width:20%; height:100%; display: table; border-left: none; border-bottom: 1px solid #ccc; padding:0;  }
.tab_lrl li a{ font-size:12px; height: 33px; overflow:hidden; vertical-align: middle; display: table-cell; text-align: center; border-left:1px solid #ccc; padding:5px 0 }
.tab_lrl li:nth-child(6), .tab_lrl li:nth-child(7), .tab_lrl li:nth-child(8), .tab_lrl li:nth-child(9), .tab_lrl li:nth-child(10) { border-bottom:none;}
.tab_lrl li:first-child a, .tab_lrl li:nth-child(6) a { border-left:none;  }

/*pagenavi*/
.page_navi{padding:20px 0; text-align: center}
.page_navi a{ width:10px; height:10px; vertical-align: middle; display: inline-block; padding:10px; border:1px solid #ccc; }
.page_navi a.select{ background: #4b4b4b; color: #fff; }
.page_navi .first { background: url('../img/icon_first.gif') no-repeat center; }
.page_navi .prev { background: url('../img/icon_prev.gif') no-repeat center; margin-right:5px; }
.page_navi .next { background: url('../img/icon_next.gif') no-repeat center; margin-left:5px; }
.page_navi .last {background: url('../img/icon_last.gif') no-repeat center;}


input[type="text"], input[type="password"], input[type="number"] {height: 26px;font-family:'Nanum Gothic';}
select { height:33px; }

@media screen and (min-width: 1279px) and (max-width: 1420px) {
	.fee_list ul li strong { font-size:1.5em; }
	
	.sel { padding:7%; }
	.info_box > .info { padding:15px 5px; }

	table.use th { padding:7px; }
	table.use td { padding: 7px 0; }

	.fee_info span { font-size:16px; }
	.pay > div > div { padding:10px 5px; }

	/** 20160708 추가 **/
	.card ul li div { padding:15px; font-size: 15px;}
	.card ul li div > .tit {font-size:22px; letter-spacing: -1px;}

	/** 20160712 추가 **/
	.kalarge{font-size:18px; color:#777777; line-height:1.5em; padding-left:36%; background:#fff url('../img/ka_large.jpg') no-repeat top left 10% }
	.inner_re{padding:3% 2%;}
	.kalarge strong{line-height:1.2em;}

	/* 20160721 ADD from Mr.son */
	.sale_program .cont_imgbox img{width: 100%;}

}

@media screen and (max-width: 1279px) {
	.sale_program .cont_imgbox img{width: 100%;}
	/* 서류 다운로드 */
.card .download_ul {margin-top:0.5%;}
}

@media screen and (max-width: 1600px) {

#rightframe{width:400px;}
#rightframe > div{width:50%;}
.quarter{display:none;}
#rightframe .half{width:100%;}

.feebox > div > div > div > div > a > p { font-size:1.4em; line-height: 1.2em; padding-top:20px; background: url('../img/icon_arrow_down.png') no-repeat center 5px;}

/* 20170704 */
.fee_category .fee_slogan {padding:15px 0 20px 0;font-size:16px;height:80px;}
.fee_category .fee_purple {background-size:22px;}
.fee_category .fee_orange {background-size:22px;}
.fee_category .fee_blue {background-size:22px;}
.fee_category .fee_charcoal {background-size:22px;}
/** 요금제선택 수정20171214 **/
.fee_tab .fee_slogan {padding:15px 0 15px 0;font-size:15px;height:80px;}
.fee_tab .fee_btn{font-size:15px;background-size:22px;}
.feeon .fee_btn {background-size:22px;}



.why_f2{display:block; margin:0 auto; width:100%;}
.why_f{display:none;}



}

@media screen and (max-width: 1300px) {
	/* 20160721 ADD from Mr.son */
	.dataaimg img{width:100%;}
	.kakao_service .phone_img{float: none;width: auto;}
	.kakao_service .info{margin-left: 0;text-align: center;margin-top: 40px;width: auto;border-top:solid 1px #cccccc;}
	.kakao_service .cs{margin-left: 0;border-top: solid 1px #ccc;margin-top: 0;padding-top: 30px;}
	.kakao_service .info .copy{border-bottom: 0;}

	.mem_join .form_wrap div .mem_join_stx{padding-left:0;}
	.mem_join .form_wrap div.mem_yes{ font-size:13px; margin-left:0;}
	.mem_join .form_wrap { width: auto; }
	.mem_join .form_wrap label { display: block; height: 30px; }
	.mem_join .form_wrap div { margin-bottom: 20px; }
	.feebox > div > div > div > div > a .pc_only{display:none;}
	.pc_only3{display:none;}
	.mb_only2{display:block;}

	/* 161107 */
	.mem_join .form_wrap label{width:100%;}
	.mem_join .form_wrap .has_button{width:70%;}
	.mem_join .form_wrap .btn_orange{width:30%;}
	.mem_join .form_wrap .long{width:100%;}
	.mem_join .form_wrap .short { width: 25%; }
	.mem_join .form_wrap .basic-sel { width: 25%; }
	.mem_join .form_wrap .basic-sel2 { width: 25%; }
	.mem_join .form_wrap .short-sel { width: 25%; }
	.mem_join .btn_submit p a{width:50%; }

	/************** 플래시모바일 소개 (20171214) *********/
	.fmobile_box .fmobile_txt {margin:0 auto;width:78%;padding:0 0 20px 0;font-size:18px;}
	.fmobile_box .feature_list {margin:15px auto;width:100%;max-width:780px;}
	.fmobile_box .feature_list>li {float:left;width:31%;max-width:248px;padding:0;}

	/***************** 스마트 개통신청 (20180524) *************/
	.sel2 .usim_number_box {padding:10px 0 10px 0;}
	.sel2 .usim_number_box>li:nth-child(odd) {width:46px;}
	.sel2 .usim_number_box>li .in_usim {width:27px;border:1px solid #ccc;padding:0;}


	/***** 다이렉트 개통 신청 (20161211 추가 ) **********/
	.direct_con .direct_g_list>li .direct_usim_guide .d_usim_right .buy_usim {display:inline-block;margin:12px 0 10px 0;padding:12px 15px;width:42%;max-width:255px;font-size:22px;letter-spacing:-1px;}

	/***** 중고 휴대폰 연결 (20170511 추가/ 20170804 레이아웃 수정 ) ************/
	
	.used_device_buy .buy_thead {float:none;width:100%;max-width:280px;}
	.used_device_buy .buy_thead .used_circle {margin:0 auto;width:80px;height:80px;display:inline-block;box-sizing:border-box;padding:12px 0 10px 20px;border:5px solid #e9e9e9;border-radius:40px;}
	.used_device_buy .buy_thead .used_circle img {width:90%;max-width:none;}
	.used_device_buy .buy_thead .btn_link {box-sizing:border-box;width:auto;max-width:none;display:inline-block;margin:0 0;text-align:center;font-size:24px;font-weight:600;vertical-align:-14px;padding:0 8px 5px 10px;border-radius:0;}
	.used_device_buy .buy_thead .bred {color:#ff3334;background:transparent;}
	.used_device_buy .buy_thead .bblack{color:#333;background:transparent;}
	.used_device_buy .used_device_link_box {float:none;width:100%;padding-left:5px;}
	.used_device_buy .used_device_link_box .used_device_list>li.site_corp {float:left;width:46%;height:130px;margin:0 8px;padding:5px 5px;position:relative;text-align:center;box-sizing:border-box;}
	.used_device_buy .used_device_link_box .used_device_list>li.used_site_tel {float:left;width:46%;height:auto;margin:0 8px;padding:10px 5px;background:#f5f5f5;position:relative;text-align:center;box-sizing:border-box;}
	/*.used_device_link>li {float:left;width:47.2%;height:auto;max-height:120px;margin:0 5px;padding:5px 5px;}
	.used_device_cs_call>li {float:left;width:47.2%;height:auto;margin:0 5px;padding:10px 5px;} */

	 /*** 20170704 요금제 카테고리 ***/
	.feebox_wrapper > div {float: left; position:relative; }
	.fee_category {margin-right:5%;}
	.fee_category .fee_slogan {padding:15px 0 20px 0;font-size:16px;height:80px;}
	.fee_category .fee_purple {margin:0 5px;padding:20px 15px 20px 15px;background:url(../img/pay_ca_arrow.png) 97% center #644097 no-repeat;border-radius:10px;background-size:20px;}
	.fee_category .fee_orange {margin:0 5px;padding:20px 20px 20px 15px;background:url(../img/pay_ca_arrow.png) 97% center #ff6139 no-repeat;border-radius:10px;background-size:20px;}
	.fee_category .fee_blue {margin:0 5px;padding:20px 20px 20px 15px;background:url(../img/pay_ca_arrow.png) 97% center #074783 no-repeat;border-radius:10px;background-size:20px;}
	.fee_category .fee_charcoal {margin:0 5px;padding:20px 20px 20px 15px;background:url(../img/pay_ca_arrow.png) 97% center #3f3d3d no-repeat;border-radius:10px;background-size:20px;}
	.fee_category  a .b_white {color:#fff;font-size:15px;}

	.fee_tab {margin-right:5%;}
	.fee_tab .fee_slogan {padding:12px 0 12px 0;font-size:14px;line-height:1.4;height:80px;}
	.fee_tab .fee_btn {margin:0 5px;padding:20px 15px 20px 15px;font-size:15px;background:url(../img/pay_ca_arrow.png) 97% center #acacac no-repeat;border-radius:10px;background-size:20px;}
	.fee_tab  a .b_white {color:#fff;font-size:15px;}
	.feeon .fee_btn {margin:0 5px;padding:20px 15px 20px 15px;background:url(../img/pay_ca_arrow.png) 97% center #ff6139 no-repeat;border-radius:10px;background-size:20px;}

	/** 뉴요금제 리스트 20171214 **/
	.charge_list_box .charge_list {padding:8px 0 12px;}
	.charge_list_box .charge_list .charge_name {padding:26px 0;font-size:20px;letter-spacing:-1px;text-align:center;}
	.charge_list_box .charge_list .charge_info {padding:0 15px;}
	.charge_list_box .charge_list .charge_won {padding:20px 0;font-size:20px;letter-spacing:-1px;}
	.charge_list_box .charge_list .charge_go {padding:26px 0;}
	.charge_list_box .charge_list .charge_info .charge_call .service_name {padding:5px 0;font-size:13px;}
	.charge_list_box .charge_list .charge_won .sum {font-weight:700;color:#ee393e;}
	.charge_list_box .charge_list .charge_won .tax {display:block;font-size:14px;}
	.charge_list_box .charge_list .charge_go .btn_ch_detail {display:inline-block;text-align:center;padding:10px 10px 10px 10px;background:#333;font-size:14px;}

	/***** 약정유예 *****/
	.contract_program .contract_caution_title:after {width:66%;max-width:none;height:2px;background:#333;}
	.contract_program .contract_program_list li {padding:8px 10px 8px 20px;font-size:14px;background:url(/img/bullet_gray.png) 5px 12px no-repeat;color:#777;}
	.contract_program .contract_program_list li .postpone_program_b {font-size:14px;}

}


@media screen and (min-width: 769px) and (max-width: 1280px) {

	#rightframe { width:200px; }
	#rightframe > div { width: 100%; }
	
	#mainframe{height:auto;}
	#rightframe div.half { width:100%; display:block; padding-left:200px; }
	#rightframe .bg_white{height:auto;}
	#rightframe .half .bg_white{ position:relative;} 
	#rightframe .half .bg_white .bg_po{position:absolute; top:0; right:0;}
	#rightframe .bg_f6f6f6{height:auto;}
	#rightframe .bg_eff2f7{ height:auto;}
	#rightframe div.half div img { width: 90%;  margin:0 auto;}

	#rightframe { position: relative; display: block; width: 100%}
	#rightframe div.quarter { display:none; }
	

	.inner { padding:5%;}
	
	.fee_list{width:35%;}
	.fee_list ul li strong { font-size:1.5em;}

	.fee_contents{width:58%;}
	.feebox > div > div > div{font-size:1em;}
	.feebox > div > div > div > div > a { letter-spacing: -1px; }

	.feebox > div > div > div > div > a .pc_only{display:none;}
	.feebox > div > div > div > div > a > p { font-size:1.4em; line-height: 1.2em; padding-top:0; background:none;}


	
	.select_service li {width:20%; }
	.select_service li div div a{ padding-bottom:10%; font-size: 1.3em; }

	.sel { padding:7%; }
	.sel h2 { margin:0 0 4% 0 !important;}
	.sel .radio li {font-size:12px;}

	.pay > div > div { padding:10px 5px; }

	.month_pay { font-size:16px; }
	.month_pay span { font-size:30px; }
	
	.card ul li div { padding:20px; font-size: 15px;}

	.summary_content { width:60%;}
	.customer_content{ width: 39%;}
		/* 20190524 버튼으로변경 */.customer_content .customer .btn_insurance_reg {padding:10px 5px 10px 14px;font-size:30px;}
	.btn_phone, .btn_usim, .btn_pencil{font-size:15px;}

	/** 20160708 추가 **/
	.sel_wid { width:100%; float: none; }
	.sel_wid_r { width:100%; margin-top:5px; float: none }

	/** 20160708 추가 **/
	.card ul li div { padding:15px; font-size: 15px;}
	.card ul li div > .tit {font-size:20px; letter-spacing: -1px;}

	/** 20160712 추가 **/
	.kalarge{font-size:18px; line-height:1.5em;  padding-left:30%; background:#fff url('../img/ka_large.jpg') no-repeat top left 5% }
	.inner_re{padding:4% 2% 3% 2%;}
	.kalarge strong{line-height:1.2em;}

	/** 단말기 색상선택 (20190226) **/
	.color_select .color_dt {display:none;}
	.color_select .color_list {float:none;width:100%;text-align:left;}
	.color_select .color_name {float:none;width:100%;text-align:left;padding:8px 0 0 0;}


}
	
@media screen and (max-width: 1250px) {

	.el_signArea li{width:50%; height:320px;}
	.el_signArea li.redstep{display:none;}


	h1{margin:7% 0; font-size:2.5em;}

	
	.sel { padding:3%; }
	.sel .radio { overflow: hidden; }
	.sel .radio li {float: left; margin-right:25px;}
	.sel .radio li:last-child { margin-right:0; }
	
	.sel1 {width: 100%; padding: 5% 0; border-bottom:1px solid #ccc; display: block; overflow: hidden;}
	.sel1 .phone_big { width:50%; float: left; text-align: right; padding:0; }
	.phone_big img{width:80%;}
	.sel1 .thumb_wrap { width:50%; float: left; margin-top:10%; }
	.sel1 .phone_thumb {width: 75%; padding:0 7%; text-align: center; margin:0;}
	.sel1 .btn {margin-top:10%; margin-right: 10%;}
	
	.sel2 {width:100%; display: block; border-top:1px solid #ccc; }
	.sel2:first-child { border-top:none; }
	.sel3 {width:100%; display: block;border-top:1px solid #ccc;}
	.sel4 {width:100%; display: block;}
	

	.total_price .left_cont, .total_price .join_btn { float: none; width:100%; }
	.total_price .left_cont div { padding: 10px; margin-top:10px; font-size:70%; }	
	.total_price .join_btn a { padding:10px 20px; }
	.total_price div.choice { font-size:1em; }
	
	.process li { width: 25%; font-size:1em;}
	.process li.second_line2 div{ border-left:1px solid #ccc; }
	.process li.th_line{border-top:none; }
	.process li.th_line2 div{border-top:none; }



	.process2 li { width: 25%; box-sizing: content-box; font-size:1em;}
	.process2 li.second_line div{ border-top: none; }
	.process2 li.first div{ border-left: 1px solid #ccc; }

	.fee_list{ width:100%; margin:0 0 20px 0; float:none; overflow:hidden;}
	.fee_list ul li{width:48%; height:40px; line-height:40px; float:left; padding-right:0; }
	.fee_list ul li.select{ background-size: 12px 22px;}
	.fee_list ul li span{display:none;}
	.fee_list ul li a {font-size:0.9em;}
	.fee_list ul li.top{border-top:1px solid #ccc;}
	.fee_list ul li.select{height:39px;}
	.fee_list ul li.last{margin-right:4%;}

	.fee_contents{width:100%; margin:0; padding:0; float:none;}
	.fee_contents > div {margin:5% 0 0 0; padding:5%;}

	.feebox > div > div { padding: 10px; }

	


	.graph dt { font-size:1.5em; }

	.division { width:100%; float: none; }
	.round_box { margin:0 0 15px; }

	.charge{font-size:2em;}

	.rate { width:100%; float: none; overflow:hidden; }
	.rate > div { padding:30px 5%; }
	.rate2 { width:100%; float: none; border-top:1px solid #ccc; }

	.month { font-size:36px; float: left; }
	.month span { font-size:2em }
	.date_check { float: right; width: 65%; }

	.card ul li { width: 100%; }
	.card ul li div { padding:20px; margin-right:1%; margin-bottom:3%; }
	
	.btn_pass {top:initial; position: initial; right: initial; margin-bottom: 10px;}
	
	.login_wrap .input_row { width: 100%; }
	.login_wrap .btn_login { width: 100%; display: inline-block; padding:15px 0; text-align: center; position:static; }
	.login_wrap .btn_login input[type="submit"] { font-size:1.2em; }
	.login_wrap input[type="text"], .login_wrap input[type="password"] { height:30px; padding:5px; font-size:14px; }
	.login_wrap .lbl { width:20%; font-size:15px; height:40px; line-height: 40px; }
	.login_wrap .inum { width:75%; } 
	.login_wrap .inum2 { width:90%; }
	.login_wrap .int { width:96.5%; }

	/** 20160708 추가 **/
	.sel_wid { width:100%; float: none; }
	.sel_wid_r { width:100%; margin-top:5px; float: none }

	.tab li a {font-size:1.3em;}
	
	/** 20160708 추가 **/
	.tab_lrl li { float:left; width:20%; height:100%; display: table; border-left: none; border-bottom: 1px solid #ccc; padding:0;  }
	.tab_lrl li a{ height: 33px; overflow:hidden; vertical-align: middle; display: table-cell; text-align: center; border-left:1px solid #ccc; padding:5px 0 }
	.tab_lrl li:nth-child(6), .tab_lrl li:nth-child(7), .tab_lrl li:nth-child(8), .tab_lrl li:nth-child(9), .tab_lrl li:nth-child(10) { border-bottom:none;}
	.tab_lrl li:first-child a, .tab_lrl li:nth-child(6) a { border-left:none;  }
	.tab_lrl li a {font-size:12px;}

	/* 20160706 ¼öÁ¤*/
	.thumb_wrap .btnArea .btn{margin-right:5px;}

	/* 20160712 추가 및 수정*/
	.tab_lrl2 li {width:24.5%;  }
	.tab_lrl2 li a{ font-size:12px;}
	.tab_lrl2 li:nth-child(5){border-right:none;}
	.tab_lrl2 li:nth-child(6) { border-bottom:none;}
	.tab_lrl2 li:nth-child(7), .tab_lrl2 li:nth-child(8), .tab_lrl2 li:nth-child(9), .tab_lrl2 li:nth-child(10) { border-bottom:1px solid #ccc;}
	.tab_lrl2 li:nth-child(4), .tab_lrl2 li:nth-child(8){border-right:1px solid #ccc;} 

		/** 20160712 추가 **/
	.kalarge{ padding-left:35%; font-size:20px; background:#fff url('../img/ka_large.jpg') no-repeat top left 3%; background-size:28%; padding-bottom:40px;}
	.kalarge strong{font-size:22px; color:#3b1e1e; line-height:1.2em;}
	.para_tb2{padding-top:20px;}
	.inner_re{padding:3%;}
	.inner_re .kalargeArea .left_h{ width:100%; padding-top:10px;}
	.inner_re .kalargeArea .left_h p{font-size:14px; color:#333; padding-left:5%; height:20px;}
	.inner_re .kalargeArea .left_h dl{text-align:center; float:left; width:50%; padding-top:2%;}
	.inner_re .kalargeArea .left_h dl dt{width:70%; margin:0 auto; padding-top:22px;}
	.inner_re .kalargeArea .left_h dl dt img{width:100%;}
	.inner_re .kalargeArea .left_h dl dd{padding-top:20px;  padding-left:10px; padding-right:10px; line-height:1.4em; font-size:12px; }
	.inner_re .kalargeArea .right_h{ width:100%; text-align:center; line-height:1.4em;  font-size:12px;}
	.inner_re .kalargeArea .right_h .imgsp{width:30%; display:block; margin:0 auto; }
	.inner_re .kalargeArea .right_h .imgsp img{width:100%; }
	.big_h{font-size:12px; color:#777; text-align:center;}
	.big_h span{font-size:12px; color:#000; line-height:1.5em;}
	.inner_re .kalargeArea .left_h dl dt{height:auto;}

	.inner_re .kalargeArea .right_h{height:auto;}
	.wid_h15{width:20%;}


}	

@media screen and (max-width: 1024px) {


	




	#subframe{margin-right:0;}

	#rightframe_sub {display:none; }

	/* 메인배너 */
	#jssor_1 div .banner_title1 {position:absolute;top:25%;right:0px;color:#111;font-size:18px;margin-right:6%;padding-top:10px;}
	#jssor_1 div .banner_link1 {position:absolute;top:28%;right:0px;margin-right:6%;padding-top:15px;}
	#jssor_1 div a {display:block;border:3px solid #111;text-align:center;padding:10px 60px 10px 60px;font-size:13px;}

	.inner { padding:5%;}
	.pc_only{display:none;}
	.mb_only{display:block;}

	h1{margin:7% 0; font-size:2em; word-break:keep-all;}
	h2{margin:5% 0; font-size:1.3em;}
	
	.service dl, .service div.service_fee { float: none; width:100%; }
	.service dl dt { font-size:3em; }
	.service div.service_fee {margin-top: 20px; }
	.select_service li {width:25%;font-size:16px; }
	.summary_content, 
	.customer_content{ float: none; width:100%;}

	.main_box { background-size:80px 80px; background-position: 10px 20px; padding:20px 20px 20px 100px; }
	
	
	/***************** 스마트 개통신청 (20180524) *************/
	.sel2 .usim_number_box {padding:10px 0 10px 14px;}
	.sel2 .usim_number_box>li:nth-child(odd) {width:52px;}
	.sel2 .usim_number_box>li .in_usim {width:27px;border:1px solid #ccc;padding:4px;}

	.standard_guide>li {float:left;width:33.33%;padding:0 10px;}
	.standard_guide>li:nth-child(4) {clear:both;}
	.standard_guide>li .standard_circle .process_txt {height:auto;min-height:80px;font-size:13px;padding:6px 0 10px;}

	.comm_complete .myflash_ok_box .myflash_txt {padding:7px 0 0 0;}


	.feebox > div > div > div > div > a > p { background: none; padding-top:0; }

	/*** 20170704 요금제 카테고리 ***/
	.fee_category .fee_slogan {padding:15px 0 20px 0;font-size:14px;height:80px;}
	.fee_category .fee_purple {margin:0 5px;padding:20px 10px 20px 10px;background:#644097;border-radius:10px;}
	.fee_category .fee_orange {margin:0 5px;padding:20px 10px 20px 10px;background:#ff6139;border-radius:10px;}
	.fee_category .fee_blue {margin:0 5px;padding:20px 10px 20px 10px;background:#074783;border-radius:10px;}
	.fee_category .fee_charcoal {margin:0 5px;padding:20px 10px 20px 10px;background:#3f3d3d;border-radius:10px;}
	.fee_category  a .b_white {color:#fff;font-size:14px;}

	/*** 20171214 요금제선택탭 수정 ***/
	.fee_tab .fee_slogan {padding:15px 0 20px 0;font-size:14px;height:80px;}
	.fee_tab .fee_btn {margin:0 5px;padding:20px 10px 20px 10px;background:#acacac;border-radius:10px;}
	.fee_tab  a .b_white {color:#fff;font-size:14px;}
	.feeon .fee_btn {margin:0 5px;padding:20px 10px 20px 10px;background:#ff6139;border-radius:10px;}


	.login_wrap > .inner { padding:5%; }
	.login_wrap .lbl { font-size:13px;}
	
	/** 20160708 추가 **/
	.search .box_search { width:75%; }
	.search .sc_btn { width:25%; float: left;}
	.search .sc_btn > a { width: 100%; text-align: center; padding:10px 0; }

	.tab2 li { float:left; width:33.33%; height:100%; display: table; border-left: none; border-bottom: 1px solid #ccc; padding:0; }
	.tab2 li.lasttab{width:50%;}
	/*.tab2 li a { height: 33px; overflow:hidden; vertical-align: middle; display: table-cell; text-align: center; border-left:1px solid #ccc; padding:5px 0 }7월 19일 수정*/
	.tab2 li a { height: 43px; overflow:hidden; vertical-align: middle; display: table-cell; text-align: center; border-left:1px solid #ccc; padding:10px 0 }
	.tab li:nth-child(8), .tab li:nth-child(9) {display:block;}
	.tab li:nth-child(8) a,.tab li:nth-child(9) a { border-left:1px solid #ccc;cursor:default;}
	.tab li:nth-child(7), .tab li:nth-child(8), .tab li:nth-child(9) { border-bottom:none;}
	.tab li:first-child a, .tab li:nth-child(4) a, .tab li:nth-child(7) a { border-left:none; }
	
	table.tb th, table.tb td { padding:5px; }
	table.tb_row th, table.tb_row td { display: block; border-right: none; }

	/** 20160708 수정**/
	.finish img {width:100%;}

	.btn_pass {top:initial; position: initial; right: initial; margin-bottom: 10px;}
 
	/*button*/
	.btn_detail { position:initial; right:initial; bottom:initial; margin-top:10px}

	.tab2 li .second_line{border-bottom:1px solid #ccc;}
	.bordeebotom .second_line{border-top:none;}

	/* 20160721 ADD from Mr.son */
	table.pc_only{display:none;}
	table.mb_only{display:table;}


}

@media screen and (max-width: 800px) {

	#rightframe div.half { width:100%; padding-left:0; }

	.kakao2{display:block; margin:0 auto; width:100%; }
	.kakao1{display:none; }
	.why_f2{display:block; width:100%; }
	.why_f{display:none; }
	.downbtn{float:right;}

	.login_wrap .find_pw_btn{font-size:12px;}
	.bullet{font-size:12px;}
	.title_name {padding:2%;}

	/*popup
	.layer {padding:5%;}
	.layer_pop { min-width:320px; left:0; margin-left:1%; background: #f0f0f0; width:96%;  border:solid 1px #ccc; }
	.layer_pop h1 { font-size:16px;  border-bottom: 1px solid #ccc; padding:20px 0; margin-top:20px; margin-bottom:20px;}
	.pop_wrap{padding:3%; height:auto; }
	.layer_pop2 {min-width:320px; width:96%;} /* 160714 */

	/*popup*/
	
	.layer_pop { min-width:320px; left:0; margin-left:1%; background: #f0f0f0; width:96%; margin-top:30px; margin-bottom:30px; border:solid 1px #ccc; }
	.layer_pop h1 { font-size:16px;  border-bottom: 1px solid #ccc; padding:20px 0; margin-top:20px; margin-bottom:20px;}
	.layer {padding:5%;}
	.pop_wrap{padding:3%; max-height:220px;}
	.pop_wrapnew{padding:3%; }
	.layer_pop2 {min-width:320px; width:96%; margin-top:30px;  margin-bottom:30px;} /* 160714 */
	.layer_pop2 h1 { font-size:16px;}


	section.info ul.rlogin li{border-bottom:1px solid #ccc;}
	#rightframe .bg_white{height:auto;}
	#rightframe .half .bg_white{ position:relative;} 
	#rightframe .half .bg_white .bg_po{position:absolute; top:0; right:0;}
	#rightframe .bg_f6f6f6{height:auto;}
    #rightframe .bg_eff2f7{ height:100px;}
	/* #rightframe .bg_white .quarter_ti{display:none;}
	#rightframe .bg_white .quarter_blcn{height:20px;} */
	#leftframe { position: relative; width: 100%; height: 100px; }
	#rightframe div.half div img { width: 90%;  margin:0 auto;}


	#mainframe  {margin-top:73px;  position: relative; width: 100%; display: block; margin-left: 0; height:auto; }
	#mainframe div { width: 100%; display:block; }
	#mainframe div img { width:100%; }
	#subframe {margin:0; max-width:100%; padding:173px 20px 30px 20px }
	
	/* 메인 배너 -자세히보기 0824 */
	#jssor_1 div .banner_title1 {position:absolute;top:25%;right:0px;color:#111;font-size:15px;margin-right:6%;padding-top:5px;text-align:right;}
	#jssor_1 div .banner_link1 {position:absolute;top:28%;right:0px;margin-right:6%;padding-top:14px;text-align:right;width:25%;}
	#jssor_1 div a {display:block;border:3px solid #111;text-align:center;padding:10px 20px 10px 20px;font-size:12px;}

	#jssor_1 div .banner_title2 {top:36%; right:11%;color:#444; font-size:14px; text-align:right; margin-right:10%;}
	#jssor_1 div .banner_link2 {top:41%; right:19%; width:25%;}


	#rightframe { position: relative; display: block; width: 100%}
	#rightframe div.quarter { width:33.333%; }
	#rightframe div.quarter div { float: left; width: calc(25% - 1px); border-right: 1px solid #ddd}
	#rightframe div.quarter div img { width: 100% }



	#rightframe > div.bottommobile { width: 100%; display: block;}
	#rightframe > div.bottommobile ul { text-align: center; font-size: 12px; padding:20px 0 10px; line-height:1.4em; }
	#rightframe > div.bottommobile ul li:nth-child(3) { padding-top: 10px; }
	#rightframe > div.bottommobile ul li.img { padding: 10px 0; }
	#rightframe > div.bottommobile ul li.copyright { color: #777 }
	
	#rightframe_sub { position:relative; width:100%; bottom:0; display:block; }
	#rightframe_sub > div { width:25%; float:left; text-align:center; border:1px solid #fff;box-sizing: border-box; border-collapse:collapse;}
	#rightframe_sub > div.bottommobile { width: 100%; display: block; }
	#rightframe_sub > div.bottommobile ul { text-align: center; font-size: 12px; padding:25px 0 10px; line-height:1.4em;}
	#rightframe_sub > div.bottommobile ul li a{padding:0 5px;}
	#rightframe_sub > div.bottommobile ul li:nth-child(3) { padding-top:10px; color:#777;}
	#rightframe_sub > div.bottommobile ul li:nth-child(4) {color:#777;}
	#rightframe_sub > div.bottommobile ul li a:hover{color:#777; font-weight:bold;}
	#rightframe_sub > div.bottommobile ul li.img { padding: 10px 0; }
	#rightframe_sub > div.bottommobile ul li.copyright { color: #777 }
	#rightframe_sub > div > a > img { width:90%; margin:0 auto; }


	section.logo { height: 100px; }

 /*	section.info { display: none; } 20160720 */ 
	section.lnb { display: none; }
	section.bnb  { display: none; }
	section.bottom { display: none; }

	section.logo { height: 100px; }
	section.logo div.center { height:100px; position: relative; }
	section.logo div.center img { width: 140px; position: absolute; top: 50%; left: 50%; margin-top:-20px; margin-left:-70px; }
	section.logo div.menubtn { display: block; position: absolute; right: 15px; top: 30px}
	section.logo div.menubtn:hover section.lnb { display: block; }

	section.lnb > ul { background-color: white; }
	section.lnb > ul > li { position: relative; width: 100%; padding: 0; font-size: 14px;}
	section.lnb > ul > li span { display: inline-block; padding-left: 15px; }
	section.lnb > ul > li:first-child { border-top: solid 1px #ddd; }

	section.lnb > ul > li > div { position: relative; left: 0; top: 0; width: 100%; padding: 0;}
	section.lnb > ul > li > div > ul { background-color: #efefef }
	section.lnb > ul > li > div > ul > li { display: inline-block; border: 0; }
	section.lnb > ul > li > div > ul > li { width: calc(98% - 33px); font-size: 14px; padding-left: 40px;border-bottom: 1px solid #ddd }
	section.lnb ul li.emenu1 > div { display: none; padding-top: 0px; }
	section.lnb ul li.emenu2 > div { display: none; padding-top: 0px; }
	section.lnb ul li.emenu3 > div { display: none; padding-top: 0px; }
	section.lnb ul li.emenu4 > div { display: none; padding-top: 0px; }
	section.lnb ul li.emenu5 > div { display: none; padding-top: 0px; }
	section.lnb ul li.emenu7 > div { display: none; padding-top: 0px; }
	
	.location{display:none;}
	.scroll { overflow-x: scroll; }
	.finish img {width:100%;}

	.attention .leftbox { width:100%;display: block; padding:20px 0 0; }
	.attention .leftbox p { padding-bottom:20px; }
	.attention .rightbox { width:100%; display: block; }

	.main_box { background:none; padding:20px; }
	.main_box .title { font-size: 1.6em; letter-spacing: -1px; }
	
	.won { font-size:1.2em; }
	.won span { font-size:1.5em; }
	.user_name{ font-size:2em; padding-top:15px;}

	.line_box { font-size:13px; margin-top:10px; }

	/** 20160708 추가 **/
	.gray_box { font-size:1.1em; }

	.tab_color li {  width:50%;}
	.tab_color li a { margin-bottom: 5px;  margin-right:5px; font-size:10px; }
	/*tab*/
	.tab li.select{background: #4b4b4b;}
	.tab li.select a{color:#fff;}

	.thumb_wrap .btnArea{margin-top:15px;}

	
	/* 160712 추가 및 수정*/
	.border_box .faq_bd li{ font-size:12px;}
	.border_box .faq_bd li .faq_ans{padding:16px 0;}
	.border_box .faq_bd li.ti_h{text-align:center;}
	.border_box .faq_bd li .faq_ans .qa{width:10%; padding:0 2%; text-align:center;}
	.border_box .faq_bd li .faq_ans .category{display:none; }
	.border_box .faq_bd li .faq_ans .subject{width:82%; padding:0 2%; }

	.inner_re .kalargeArea .left_h{ width:100%; padding-top:0; }
	.inner_re .kalargeArea .left_h p{padding-top:0;}
	.inner_re .kalargeArea .left_h dl dd{padding-top:10px;}
	.imgsp2{padding-top:10px;}
	.inner_re .kalargeArea .right_h{height:auto;}
	.inner_re .kalargeArea .left_h dl{padding-top:1%;}

	#mainframe div.jssorb05{display:none;}

	
	/* 161107 */
	.mem_join .form_wrap .long { width: 100%; }
	.mem_join .form_wrap .has_button { width: 75%; }
	.mem_join .form_wrap .btn_orange { width: 25%; }
	.mem_join .form_wrap .short { width: 30%; }
	.mem_join .form_wrap .basic-sel { width: 30%; }
	.mem_join .form_wrap .basic-sel2 { width: 25%; }
	.mem_join .form_wrap .short-sel { width: 20%; }

	.fee_list ul li span.pc_only2{display:block;}

	/***** 다이렉트 개통 신청 (20161211 추가 ) **********/
	.direct_con .direct_g_list>li .direct_usim_guide .d_usim_left {display:none;}
	.direct_con .direct_g_list>li .direct_usim_guide .d_usim_left_mobile {display:block;float:none;width:98%;max-width:312px;}
	.direct_con .direct_g_list>li .direct_usim_guide .d_usim_right {float:none;width:98%;max-width:none;}
	.direct_con .direct_g_list>li .direct_usim_guide .d_usim_right img {padding:0 0 15px 0;}
	.direct_con .direct_g_list>li .direct_usim_guide .d_usim_right .d_compa_txt {font-size:14px;font-weight:normal;color:#ee3137;}
	.direct_con .direct_g_list>li .direct_usim_guide .d_usim_right .buy_usim {display:inline-block;width:42%;max-width:255px;font-size:18px;font-weight:600;}

		 /*** 20170704 요금제 카테고리 ***/
	.feebox_wrapper > div {float: left; position:relative; }
	.fee_category {margin-right:5%;}
	.fee_category .fee_slogan {display:none;}
	.fee_category .fee_purple {margin:0 5px;padding:20px 0 20px 20px;background:#644097;border-radius:10px;}
	.fee_category .fee_orange {margin:0 5px;padding:20px 0 20px 20px;background:#ff6139;border-radius:10px;}
	.fee_category .fee_blue {margin:0 5px;padding:20px 0 20px 20px;background:#074783;border-radius:10px;}
	.fee_category .fee_charcoal {margin:0 5px;padding:20px 0 20px 20px;background:#3f3d3d;border-radius:10px;}
	.fee_category  a .b_white {color:#fff;font-size:14px;}

	/**** 20171214 요금제선택 탭 ***/
	.fee_tab {margin-right:5%;}
	.fee_tab .fee_slogan {display:none;}
	.fee_tab .fee_btn {margin:0 5px;padding:20px 0 20px 20px;background:#acacac;border-radius:10px;}
	.fee_tab  a .b_white {color:#fff;font-size:14px;}
	.feeon .fee_btn {margin:0 5px;padding:20px 0 20px 20px;background:#ff6139;border-radius:10px;}

	/* 20190211 핸드폰혜택 택추가 */ 
	.product li {width:50%;}
	
	/***** 데이터 로밍 서비스 안내 ******/
	.roaming_graph {float:none;width:98%;text-align:center;}
	.roaming_txt {float:none;width:98%;padding:20px 0 10px 5px;}
	.roaming_g_list dt {padding:25px 10px 20px;font-size:18px;background:url(../img/bar_dark_orange.png) 10px 16px #f5f5f5 no-repeat;float:none;width:100%;max-width:100%;height:auto;}
	.roaming_g_list dd {padding:10px 0 10px 15px;font-size:14px;float:none;width:100%;}

	/* 20180710 스마트 가입 마이플래시 가입 전 */
	.comm_complete .myflash_ok_box .ok_txt {font-size:20px;font-weight:700;text-align:left;padding:10px 20px;}
	.comm_complete .myflash_ok_box .quick_wrapper {margin:14px auto 0;width:100%;max-width:none;box-sizing:border-box;}
	.comm_complete .myflash_ok_box .quick_wrapper .myflash_quick_list {float:none;width:100%;padding:0 10px 0 15px;}

		/* 유심유형 안내팝업 */
	.popup_tip {position:absolute;top:30px;left:0;width:99%;max-width:560px;}


	
	/********* 갤럭시s22 사전예약 **********/
	.preorder_container {background:#fff;}
	.preorder_container .preorder_main_img {z-index:1;}
	.preorder_container .btn_preorder_cont {margin:0;left:50%;transform:translateX(-50%);width:100%;padding:15px 10px;box-sizing:border-box;}
	.preorder_s21_section {margin:20px auto;width:100%;max-width:none;}
	.preorder_s21_section h3 {padding:20px 0 5px;font-size:24px;}
	.preorder_s21_section .content_inner {padding:15px;}
	.preorder_s21_section .term_list {width:90%;padding:15px 10px 10px 10px;}
	.preorder_s21_section .term_list>li {font-size:16px;letter-spacing:-1px;}
	.preorder_s21_section .benefit_title {padding:20px 0 10px;}
	.preorder_s21_section .benefit_title .benefit_circle {width:60px;height:60px;line-height:60px;border-radius:30px;font-size:20px;}
	.preorder_s21_section .benefit_title .benefit_circle2 {padding:8px 0 0 0;width:60px;height:60px;border-radius:30px;line-height:22px;font-size:20px;}
	.preorder_s21_section .benefit_title .benefit_txt {margin-left:8px;font-size:20px;}
	.caution_txt {padding:15px 5px;font-size:16px;}
	.preorder_s21_section .faq_txt {margin:0 auto;width:98%;padding:20px 10px 10px 10px;font-size:16px;text-align:center;}
	.preorder_s21_section .btn_faq {display:block;box-sizing:border-box;margin:15px auto;padding:10px 10px 10px 15px;width:200px;text-align:left;color:#fff;font-size:18px;font-weight:400;background:url(../img/btn_wh_arrow.png) 86% center #333 no-repeat;border-radius:30px;}

	}



@media screen and (max-width: 767px) {
    
	/* 20170704 메인슬라이드 버튼 */
	.owl-nav{}
	.owl-prev{width:30px;height:54px;background-size:30px 54px;left:5px;}
	.owl-next{width:30px;height:54px;background-size:30px 54px;right:5px;}



	#rightframe div.quarter{display:none;}
	#rightframe_sub > div{width:50%;}

	.process li.second_line2 div{ border-left:none;}
	.process li.second_line div{ border-left:1px solid #ccc; border-top:none;}
	.process li.th_line div{border-top:none; }
	.process li{width:33.33%;}

	.pc_only2{display:none;}
	.fee_list ul li span.pc_only2{display:none;}

	/* 
	161027
	section.lnb > ul > li > div > ul > li.pc_only2{display:none;} */
	

	/* .process li:first-child div{border-bottom:none;} */
	.layer_pop .layer{padding:10px;}

	/* 회원가입 아이디,비밀번호 찾기 팝업*/
	.find_id td{font-size:12px; width:65%; padding:10px 0; }
	.find_id td span{display:inline-block; margin-right:10px; width:50%;}
	.find_id td.find_idtitle{font-size:13px; width:25%;  font-weight:bold;}

	/* 20160721 ADD from Mr.son */
	table.view .att_file{display: inline-block;margin-bottom: 4px;}
	.noti_detail_page h1{text-align: center;margin: 26px auto 18px;width:220px;}
	table.view .cont-wrap .cont{padding:20px 0;}
	.sale_program .cont_imgbox{width: auto;}
	.sale_program .cont_imgbox img{width: 100%;}
	
	table.view .att_file{display: inline-block;margin-bottom: 4px;}
	.noti_detail_page h1{text-align: center;margin: 26px auto 18px;width:220px;}
	table.view .cont-wrap .cont{padding:20px 0;}
	.sale_program .cont_imgbox{width: auto;}
	.sale_program .cont_imgbox img{width: 100%;}
	.kakao_service .key_copy {font-size: 17px;line-height: 24px;}
	.kakao_service .key_copy .sub{font-size: 12px;}
	.kakao_service{background-size: 1px 144px; background-position: 0 130px;}
	.kakao_service .phone_img img{width: 50%;}
	.kakao_service .phone_img span{font-size: 12px;}
	.kakao_service .info .copy{font-size: 17px;line-height: 20px;padding-bottom: 25px;}
	.kakao_service .cs .copy{font-size: 12px;line-height: 15px;}
	.kakao_service .cs .copy span{font-size: 11px;line-height: 15px;}
	.kakao_service .cs .schedule{font-size: 11px;padding: 0 8px;}
	.kakao_service .info .button_wrap img{width: 176px;}
	.kakao_service .phone_img{margin-bottom: 40px;}
	.kakao_service .info .copy span{font-size: 13px;}
	.kakao_service .info{padding-top: 27px;border-top: solid 1px #cccccc;}
	.kakao_service .key_copy .txt_talk.pc_only{display: none;}
	.kakao_service .key_copy .txt_talk.mb_only{display: inline-block;line-height: 42px;margin: 0 0 0 0;}
	.kakao_service .info .button_wrap{
    margin-bottom: 21px;

	.mem_join .form_wrap .long { width: 100%; }
	.mem_join .form_wrap .has_button { width: 67%; }
	.mem_join .form_wrap .btn_orange { width: 86px; }
	.mem_join .form_wrap .short { width: 30%; }
	.mem_join .form_wrap .basic-sel { width: 30%; }
	.mem_join .form_wrap .basic-sel2 { width: 27%; }
	.mem_join .form_wrap .short-sel { width: 20%; }
	


	


	/***** 중고 휴대폰 연결 (20170511 추가 ) ************/


	.used_device_link>li {width:47%;height:auto;max-height:120px;margin:0 8px;}
	.used_device_link>li .used_device_comp_name {padding:10px 0;font-size:24px;}
	.used_device_link>li .site_link {padding:10px 0 10px 0;font-size:18px;}

	.used_device_cs_call>li {width:47%;height:auto;margin:0 8px;}
	.used_device_cs_call>li h4 {padding:5px 0 10px;font-size:20px;}
	.used_device_cs_call>li h4 span {display:block;margin:0;}


}

@media screen and (max-width: 480px) {

	/* 20170704 메인슬라이드 버튼 */
	.owl-prev{width:16px;height:29px;background-size:16px 29px;left:0;}
	.owl-next{width:16px;height:29px;background-size:16px 29px;right:0;}

	.el_signArea{padding-bottom:20px; }
	.el_signArea li{width:40%; padding:0 5%;  height:180px;}
	.el_signArea li:last-child{height:auto;}
	.el_signArea li img{ width:70%;}
	.el_signArea li p{font-size:12px; padding-top:0;}
	
	.paynewtitle2{font-size:13px;}
	.emer6_6 li{font-size:12px;}
	.log_p{font-size:14px; }
	.mem_join .form_wrap label{font-size:16px;}
	.nanoplus{margin-left:0;}
	.aplsb{font-size:12px;}
	.contents_box h3{font-size:16px; margin-bottom:20px;}

	/* 161107 */
	.mem_join .btn_submit p a{width:100%; }


	/* 160901 */
	.dataaimg img{width:100%;}
	.innerpading{padding:0 1% 10% 1%;}
	.my_change{font-size:12px; height:30px; line-height:30px;  margin-bottom:10px; }
	.my_change select{height:30px; line-height:30px; padding-right:10px; margin-left:10px; font-size:12px;}
	.my_change .btn_dark{display:inline-block; padding:0 10px; height:30px; font-size:12px; position:relative; top:0;}

	.layer_pop h1{font-size:14px; margin:0;}

	.contents_list{border-bottom:none; padding:20px 0 0 0; margin-top:20px;}
	.ex{font-size:14px; }

	/***************** 스마트 개통신청 (20180524) *************/
	.sel2 .usim_number_box {padding:10px 0 10px 10px;}

	.standard_guide>li {float:left;width:50%;padding:6px 10px;}
	.standard_guide>li:nth-child(4) {clear:none;}
	.standard_guide>li .standard_circle .process_txt {height:auto;min-height:60px;font-size:12px;padding:5px 0 8px;}

	.btn_bot_red {display:inline-block; width:40%; padding:15px;text-align:center;font-size:15px;}

	.comm_complete .myflash_ok_box {margin:10px 0;padding:15px 15px;width:100%;border:5px solid #ebebeb;}
	.comm_complete .myflash_ok_box .myflash_txt {float:none;width:100%;font-size:16px;padding:10px 0 0 0;text-align:center;}
	.comm_complete .myflash_ok_box .btn_myflash_yes {float:none;margin:15px auto 0;width:100%;max-width:none;}

	.fee_list ul li strong{font-size:1.2em; }
	.fee_list ul li strong.usim38{line-height:1.8em;}
	.fee_list ul li.select strong{color:#EE3137; font-weight:bold;}
	.fee_list ul li{line-height:110%;}

	.fee_contents dl dt {font-size:2.5em;}
	.fee_contents dl dd p {font-size:2em;}
	.fee_contents .title {font-size:1em; line-height:1.5em;}

	.feebox > div > div > div > div > a > p { font-size:0.9em; line-height:1.2em;}

	.select_service li div div a{ padding-bottom:9%; font-size: 1em; }

	.product li {width:50%;}

	
	.hide_box{display:none;}
	
	.process li{padding:0;}
	.process li div { padding:7%; font-size:0.9em; padding-bottom:0;}
	.process li div p {font-size:1.2em; margin-bottom:5%;}


	.title_name .name {font-size: 1.2em;}
	.title_name .name span {font-size: 12px; margin:0;}
	.title_name .price {font-size:12px; margin:0;}

	.total_price .left_cont div .fl{font-size:12px;}
	.total_price .left_cont div .fr span {font-size: 18px;}

	.graph dd { width:75%; }

	.login_wrap .lbl { width:22%; font-size: 12px; letter-spacing: -1px;}
	.login_wrap .input_wrap { width:78%; }
	.login_wrap .inum { width:65%; } 
	.login_wrap .inum2 { width:85%; }
	.login_wrap .int { width:95%; }

	.btn_pen {font-size:1em;}
	.btn_pass {top:initial; position: initial; right: initial; margin-bottom: 10px;}
	.button_small { padding: 10px 20px; }
	.button_small2 { padding: 10px 10px; }
	.btn_check { padding-left:30px; }

	.tab li a{ font-size:1em; padding:0 7px;}
	.tab2 li { width:33.3%; }
	/** 20160708 수정 **/
	.tab2 li a { height:33px; padding:7px 0; }

	/* 20160705 추가*/
	.fee_list ul li {background-size:10px;}
	.fee_list ul li.select{background:none; }
	.summarybox ul li{font-size:8px;}
	.select_service li{width:33.333%;}
	.tab li a{font-size:12px;}
	.service dl dt {font-size:30px; }

	/* 20160707 추가*/
	table.black2  table.black select { width:45%; height:45px; border:1px solid #ccc; }
	
		table.black2 .custEmail { width:30%; height:45px; border:1px solid #ccc; }
	table.black2 select { width:30%; height:50px;}
	table.black2 .custZip { width:70%; height:45px; border:1px solid #ccc;margin-top:5px;}
	table.black2 .custAddr { width:100%; height:45px; border:1px solid #ccc;margin-top:5px; }

	/* 20160707 추가*/
	table.black select { width:101%; }

	/*mobile table*/
	table.tb{ width:100%; border-top:2px solid #4b4b4b; word-break:initial;}
	table.tb th{background:#f6f6f6; padding:10px 1%; border-right:1px solid #ccc; border-bottom:1px solid #ccc;}
	table.tb tr.bg th {background:#eff2f7;}
	table.tb th:last-child, table.tb tbody td:last-child{border-right:none;}
	table.tb td {padding:5px 5px 5px 5px; text-align: center;border-right:1px solid #ccc; border-bottom:1px solid #ccc;}
	table.tb_row th, table.tb_row td { border-right:none; }
	.layer_pop .layer table.tb .tb_hi_pa{padding:10px;}

	/** 20160712 추가 **/
	.kalarge{ font-size:14px; padding-bottom:30px;}
	.kalarge strong{font-size:20px;}
	.inner_re .kalargeArea .left_h dl{float:none; width:100%; }
	.inner_re .kalargeArea .right_h{padding-top:20px;}
	.inner_re .kalargeArea .right_h .imgsp{width:50%;}
	.pas_h{padding:10px 5px; font-size:10px;}

	.wid_h15{width:22%;}
	.hpa_r{padding:15px 5px; font-size:12px; width:35%;}
	.hpa_r2{padding:15px 0 15px 5px; width:65%;}

	.mainpop1{font-size:16px;}
	.gray_h{font-size:14px;}
	.pop_wrap form table.load_ptable{width:100%; margin:20px 0; font-size:14px;}
	.pop_wrap form table.load_ptable .load_pt{width:100%; padding-bottom:10px;}
	.pop_wrap form table.load_ptable .fir_poptd{width:30%;}
	.pop_wrap form table.load_ptable .fir_poptd2{width:70%;}

	.font10 th , td{font-size:10px;}
	.underline2{padding-top:10px;}
	.btn_neworange{padding:3px 5px;}
	.won span { font-size:24px; }
	.won{ font-size:18px; }
	.mt50{margin-top:50px;}
	.customer{font-size:12px;}
	.left_hi{font-size:15px;}
	.right_hi{font-size:12px;}
	.find_id td span{display:block; margin-right:0; width:100%;}

	#timer{display:inline-block;}
	.space001{margin-left:0;}
	.space002{width:50%;}
	.space003{width:35%;}
	.space004{width:25%;}

	table.tb2 td input.col90{width:90%;}
	table.tb2 td input.col80{width:80%;}
	table.tb2 td input.col35{width:35%;}
	table.tb2 td input.col30{width:30%;}
	table.tb2 td input.col20{width:20%;}
	table.tb2 td .point{display:block;width:100%;}
	.point2{display:block;width:100%; padding:10px 5px; color:#e4007f;}

	.inner2 { padding:0px; }
	
	.col60sppp{width:100%; float:none; margin-left:0; display:block;}
	.mb_only .tb2hh{display:block;}

	.mem_join .form_wrap label{font-size:14px;}
	.mem_join .form_wrap .btn_orange { width: 100px; display: inline-block; font-size:12px; height: 54px; line-height: 55px; text-align: center; }
	.mem_join .form_wrap .long { width: 100%; font-size:12px;}
	.mem_join .form_wrap .has_button { width: 60%;  font-size:12px;}
	.mem_join .form_wrap .short { width: 30%;font-size:12px; }
	.mem_join .form_wrap .basic-sel { width: 30%;font-size:12px; }
	.mem_join .form_wrap .basic-sel2 { width: 27%; font-size:12px;}
	.mem_join .form_wrap .short-sel { width: 20%; font-size:12px;}
	.mem_join .form_wrap .has_radio{font-size:14px;}

	/* 요금제 신청버튼 */
	.btn_req_orange {display:block;padding:18px 25px;margin:3px auto;width:80%;text-align:center;}

	.tx55 td{font-size:8px;}
	.tx55 input[type="radio"]{padding:0; margin:0; width:9px;}

	.mopadding{padding:5px; font-size:8px;}
	.font_8{font-size:8px;}
	.font_12{font-size:8px;}


	/* 메인 배너 -자세히보기 0824 */
	#jssor_1 div .banner_title1 {display:none; top:25%;right:0px;color:#111;font-size:12px;margin-right:6%;padding-top:5px;;text-align:right;}
	#jssor_1 div .banner_link1 {top:23%;right:0px;margin-right:8%;padding-top:15px;text-align:right;width:25%;}
	#jssor_1 div a {display:block;border:2px solid #111;text-align:center;padding:6px 10px 6px 10px;font-size:10px;}

	#jssor_1 div .banner_title2 { display:none; top:34.5%; right:15%;color:#444; font-size:12px; text-align:right; margin-right:0;}
	#jssor_1 div .banner_link2 {top:35%; right:15%; width:25%;}

	#layer_pop_ibo1 .pop_l{font-size:13px; padding:10px 0;}
	#layer_pop_ibo1 .find_id td.find_idtitle{font-size: 13px; }
	#layer_pop_ibo1 .find_id td{font-size: 12px; padding:5px 0;}
	#layer_pop_ibo1 .layer_pop h1 { font-size:20px;  padding:10px 0;}
	#layer_pop_ibo1 .pop_wrap{padding-bottom:10px;}

	#layer_pop_ibo2 .pop_l{font-size:13px; padding:10px 0;}
	#layer_pop_ibo2 .find_id td.find_idtitle{font-size: 13px; }
	#layer_pop_ibo2 .find_id td{font-size: 12px; padding:5px 0;}
	#layer_pop_ibo2 .layer_pop h1 { font-size:20px;  padding:10px 0;}
	#layer_pop_ibo2 .pop_wrap{padding-bottom:10px;}

	#layer_pop_ibo3 .pop_l{font-size:13px; padding:10px 0;}
	#layer_pop_ibo3 .find_id td.find_idtitle{font-size: 13px; }
	#layer_pop_ibo3 .find_id td{font-size: 12px; padding:5px 0;}
	#layer_pop_ibo3 .layer_pop h1 { font-size:20px;  padding:10px 0;}
	#layer_pop_ibo3 .pop_wrap{padding-bottom:10px;}

	
/* 161026 추가 */ 
#rightframe { top:15px;} /* 20170210추가 */
#rightframe .bg_fafafa{height:166px;}
#rightframe .bg_fafafa .bg_fa_inner{padding:15px;}
#rightframe .bg_fafafa .bg_fa_inner h4 span{display:inline-block; font-size:18px; line-height:44px; color:#050505; float:left;}
#rightframe .bg_fafafa .bg_fa_inner h4 a{display:inline-block; padding-top:12px; vertical-align:middle; float:right;}
#rightframe .bg_fafafa .bg_fa_inner ul{width:100%; overflow:hidden; padding-top:10px;}
#rightframe .bg_fafafa .bg_fa_inner ul li a{font-size:12px; display:inline-block; height:26px; line-height:26px;}
#rightframe .bg_fafafa .bg_fa_inner ul li .fa_title{float:left; width:70%; text-overflow:ellipsis; white-space: nowrap; overflow: hidden;}
#rightframe .bg_fafafa .bg_fa_inner ul li .fa_title span{color:#EE3137; font-weight:bold;}
#rightframe .bg_fafafa .bg_fa_inner ul li .fa_date{float:right; width:30%; text-align:right; font-size:12px; display:inline-block; height:26px; line-height:26px;}

	/* 20161013 */ 
	.sale_program .title{font-size: 14px;}
	.sale_program p{font-size: 12px;line-height:1.3em;}
	.date_info { background: url('../img/icon_document.gif') no-repeat 10px 18px; }

	/********** 플래시모바일 소개 (20171214 추가 ) **********/
	.fmobile_box {margin:20px auto 15px;padding:20px 15px;width:94%;}
	.fmobile_box .fmobile_title {padding:10px 0 12px;font-size:32px;letter-spacing:-1px;}
	.fmobile_box .fmobile_txt {margin:0 auto;width:90%;padding:0 0 20px 0;font-size:16px;}
	.fmobile_box .feature_list {margin:15px auto;width:90%;max-width:none;}
	.fmobile_box .feature_list:after {display:block;clear:both;content:'';height:0;visibility:hidden;}
	.fmobile_box .feature_list>li {float:none;width:98%;max-width:248px;padding:8px 0;}

	/**** 20171214 요금제선택 탭 ***/
	.fee_tab {margin-right:4%;}
	.fee_tab .fee_btn {margin:0 5px;padding:8px 0 8px 5px;height:65px;background:#acacac;border-radius:8px;}
	.fee_tab  a .b_white {color:#fff;font-size:13px;}
	.feeon .fee_btn {margin:0 5px;padding:8px 0 8px 5px;height:65px;background:#ff6139;border-radius:8px;}
	/** 뉴요금제 리스트 20171214 **/
	.charge_list_box {margin:15px auto 10px;width:100%;padding:5px 0 0 0;}
	.charge_list_box .charge_list {padding:8px 0 10px;}
	.charge_list_box .charge_list dt {box-sizing:border-box;height:auto;min-height:50px;}
	.charge_list_box .charge_list dd {box-sizing:border-box;height:auto;min-height:none;}
	.charge_list_box .charge_list .charge_name {float:none;width:100%;padding:10px 0;text-align:left;font-size:18px;border-right:none;}
	.charge_list_box .charge_list .charge_info {clear:both;float:left;width:62%;margin:0 auto;padding:0 10px;border-right:1px solid #d7d7d7;}
	.charge_list_box .charge_list .charge_won {float:left;width:38%;padding:5px 15px 25px 10px;font-size:17px;text-align:left;}
	.charge_list_box .charge_list .charge_go {float:none;position:absolute;width:30px;padding:0;top:47%;right:-8px;}
	.charge_list_box .charge_list .charge_info .charge_call {float:left;width:33.33%;}
	.charge_list_box .charge_list .charge_info .charge_call span {display:block;text-align:center;margin:0 4px;}
	.charge_list_box .charge_list .charge_info .charge_call .service_icon {margin:0 auto;width:45px;height:45px;padding:10px 0;}
	.charge_list_box .charge_list .charge_info .charge_call .service_icon img {width:100%;height:auto;max-width:34px;max-height:30px;}
	.charge_list_box .charge_list .charge_info .charge_call .service_name {padding:5px 0;font-size:12px;}
	.charge_list_box .charge_list .charge_won .tax {display:block;font-size:12px;}
	.charge_list_box .charge_list .charge_go .btn_ch_detail {padding:10px 10px 10px;background:url(../img/arrow_fee.png) center center #333 no-repeat;color:#fff;font-size:13px;}
	.charge_list_box .charge_list .charge_go .btn_ch_detail .btn_txt {display:none;}

	.pop_charge .charge_list .charge_name {letter-spacing:-1px;}
	.pop_charge .charge_list .charge_info {float:left;margin:0 auto;padding:0 10px 0 10px;}
	.pop_charge .charge_list .charge_info .charge_call .service_icon {margin:0 auto;width:44px;height:44px;text-align:center;padding:10px 0;background:#f5f5f5;border-radius:22px;}
	.pop_charge .charge_list .charge_info .charge_call .service_icon img {width:100%;height:auto;max-width:30px;max-height:26px;}
	.pop_charge .charge_list .charge_info .charge_call .service_name {padding:5px 0;font-size:12px;}
	.pop_charge .charge_list .charge_won {float:left;width:38%;padding:15px 0 15px 10px;font-size:18px;}
	.pop_charge .charge_list .charge_won .sum {font-weight:700;color:#ee393e;letter-spacing:-1px;}
	.pop_charge .charge_list .charge_won .tax {display:block;font-size:13px;}

	.pop_charge .charge_list .charge_confirm_c {position:absolute;top:10%;right:0;}
	.pop_charge .charge_list .charge_confirm_c a {display:block;width:28px;height:28px;border-radius:14px;}
	.pop_charge .charge_list .charge_confirm_c a img {width:14px;height:14px;vertical-align:-10px;}

	/***** 다이렉트 개통 신청 (20161211 추가 ) **********/
	.direct_con {width:100%;padding:10px 10px 10px 5px;}
	.direct_con .direct_title {padding:10px 0 12px 0;font-size:40px;letter-spacing:-1px;font-weight:100;}
	.direct_con .direct_title .direct_t01 {font-size:32px;}
	.direct_con .direct_title .direct_strong {font-weight:bold;}
	.direct_con .direct_g_list {padding:10px 5px 10px 0;}
	.direct_con .direct_g_list>li {padding:15px 0 20px 30px;font-size:18px;font-weight:600;background:url(/img/bu_check.png) 0 12px no-repeat;}
	.direct_con .direct_g_list>li .direct_info_txt {font-size:16px;}
	.direct_con .direct_g_list>li .direct_p_img {padding:12px 5px 10px 0;}
	.direct_con .direct_g_list>li .direct_p_img img {width:100%;max-width:1011px;}
	.direct_con .direct_g_list>li .direct_usim_guide {margin:15px 0 10px 0;}
	.direct_con .direct_g_list>li .direct_usim_guide .d_usim_right img {padding:5px 0 15px 0;}
	.direct_con .direct_g_list>li .direct_usim_guide .d_usim_right .d_compa_txt {font-size:14px;font-weight:normal;color:#ee3137;}
	.direct_con .direct_g_list>li .direct_usim_guide .d_usim_right .buy_usim {display:inline-block;margin:15px 0 10px 0;padding:12px 15px;width:37%;max-width:none;font-size:16px;background:url(/img/b_white_arrow.png) 95% center #ed1c24 no-repeat;background-size:8px 14px;}
	.direct_con .direct_g_list>li .direct_usim_guide .d_usim_right .buy_usim:hover {background-size:8px 14px;}

	/***** 중고 휴대폰 연결 (20170511 추가/20170804수정 ) ************/
	
	.used_device_cont .box_used_device_txt {display:none;}
	.used_device_cont .box_used_device_txt_mo {display:block;}

	.used_device_buy .used_device_link_box .used_device_list>li.site_corp {float:left;width:44%;height:128px;margin:0 5px 0 0;padding:5px 5px;}
	.used_device_buy .used_device_link_box .used_device_list>li.used_site_tel {float:left;width:43%;height:auto;margin:0 8px;padding:8px 5px;}
	.used_device_buy .used_device_link_box .used_device_list>li.site_corp .used_device_comp_name {padding:15px 0 10px;font-size:20px;}
	.used_device_buy .used_device_link_box .used_device_list>li.used_site_tel {float:left;width:48%;height:auto;min-height:128px;margin:0 5px;padding:10px 5px;}
	.used_device_buy .used_device_link_box .used_device_list>li.used_site_tel h4 {font-size:15px;font-weight:300;letter-spacing:-1px;}
	.used_device_buy .used_device_link_box .used_device_list>li.used_site_tel h4 span {display:inline;margin:0 3px;}
	.used_device_buy .used_device_link_box .used_device_list>li.used_site_tel .tel {letter-spacing:-1px;font-size:18px;}
	.used_device_buy .used_device_link_box .used_device_list>li.used_site_tel .time {padding:5px 0 5px;font-size:12px;}
	.used_device_buy .add_txt {margin:0 auto;padding:5px 5px;width:100%;}
	/*.used_device_link>li {width:46.5%;height:auto;margin:0 5px;}
	.used_device_link>li .used_device_comp_name {padding:10px 0;font-size:18px;}
	.used_device_link>li .site_link {padding:10px 0 10px 0;font-size:16px;}

	.used_device_cs_call>li {width:46.5%;height:auto;margin:0 5px;}
	.used_device_cs_call>li h4 {padding:5px 0 5px;font-size:18px;}
	.used_device_cs_call>li h4 span {display:block;margin:0;letter-spacing:-1px;}
	.used_device_cs_call>li .used_device_tel {letter-spacing:-1.5px;font-size:20px;}
	.used_device_cs_call>li .used_device_time {padding:8px 0 5px;font-size:12px;}
	*/

	/********* 데이터 로밍 서비스 안내 *********/
	.inner_20 {padding:15px 10px;}
	.nation_list dt {width:100%;padding:8px 0 16px;background:url(../img/roaming_wh_arrow.png) center 89% #000 no-repeat;font-size:18px;}
	.roaming_g_list dt {padding:25px 8px 20px;font-size:16px;letter-spacing:-1px;background:url(../img/bar_dark_orange.png) 6px 15px #f5f5f5 no-repeat;}
	.roaming_g_list dd {padding:0 0 5px 10px;font-size:13px;}
	.nation_list {float:none;width:98%;margin:10px auto 15px;padding:0 0;}

	/* 유심유형 안내팝업 */
	.popup_tip {position:absolute;top:30px;left:0;width:99%;max-width:480px;}
	.popup_tip .tip_box {background:#fff;padding:20px 10px;width:100%;}
	.popup_tip .tip_box .usim_type>li .usim_type {display:inline-block;width:90%;padding:5px;height:30px;}

	.button_small4 {display: inline-block; padding:8px 8px;white-space:nowrap;width:56px; }

		/*** 외국인 체류코드별 가입한도안내 ***/
		.pop_help_stay	{
			position:absolute;
			z-index:9999;
			top:10px;
			left:0;
			transform:none;
			-webkit-transform:none;
			width:98%;
			max-width:350px;}
	/**** 데이터 결합 신청 *****/
	.data_form_row {display:block;overflow:hidden;}
	.data_form_row dt {display:block;width:100%;padding:10px 10px;font-size:16px;}
	.data_form_row dd {display:block;width:100%;;padding:10px 10px;text-align:center;}
	.btn_data_com a {display:inline-block;margin:0 2px;width:42%;max-width:none;}


	/********* 갤럭시 s23/23+/울트라 사전예약 ***********/
	.preorder_container .btn_preorder_cont .btn_s20 {font-size:16px;}
	.preorder_s21_section .content_inner {padding:10px;}
	.preorder_s21_section .term_list {width:90%;padding:10px 8px 10px 8px;}
	.preorder_s21_section .term_list>li {font-size:14px;letter-spacing:-1px;}
	.preorder_s21_section .term_list>li .term_dt {display:inline-block;width:50%;}
	.preorder_s21_section .term_list>li .term_dd {display:inline-block;width:80%;}
	.preorder_cs_imt_box {padding:15px 15px;}
	.preorder_cs_imt_box .preorder_note_list {margin-left:10px;}

}


@media screen and (max-width: 340px) {


.fee_list ul li strong.usim38_2{line-height:1.8em;}

}