.main_contents01 h3 {padding-bottom:10px;font-weight: bold; text-align:center; height:64px;margin:0 auto;font:36px/64px "Nanum Barun Gothic";color:#282828;}

.content-wrap  {width:90%;max-width:1200px;height:auto;margin:26px auto 0 auto;}
.content-wrap section {display: none;margin: 0 auto;padding: 70px 20px;max-width: 1040px;text-align: left;overflow:hidden;}
.content-wrap section.content-current {display: block;}

.step001, .step002, .step003, .step004{ background-color: #555; color: #fff;  padding: 5px 9px 10px 9px; border-radius: 18px; font:25px/43px "Nanum Barun Gothic Light";float:left;margin-right: 10px;font-weight: normal}

.me-select { position: relative;width:100%;margin-top: 0px;}
.me-select ul { list-style: none;padding:0;margin-bottom: 70px;}
.me-select li {  border:2px solid #ccc;display:inline-block;width:100%;margin: 5px auto;padding:15px 0 15px;margin-right:5px;position: relative; font-weight:bold; font:20px/25px "Nanum Barun Gothic Light";
-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.me-select ui h2{font-weight:bold;  margin-bottom: 15px; color:#747474;}	
	
.me-select label {  width: 100%;position: relative;font-size: 20px;padding: 12px 10px 15px 60px;vertical-align: top;cursor: pointer;}
.me-select label span {width: 100%;color: rgba(97,107,107,1);letter-spacing:-1.5px;font:20px/25px "Nanum Barun Gothic Light";}
.me-select input[type="radio"],
.me-select label::before,
.me-select input[type="radio"]:checked + label::after {width: 26px;height: 26px;top: 50%;left: 20px;margin-top: -13px;position: absolute;cursor: pointer;}

.me-select input[type="radio"] {opacity: 0;-webkit-appearance: none;display: inline-block;vertical-align: middle;z-index: 100;}
.me-select label::before {content: '';border: 2px solid rgba(0,0,0,0.7);}

.me-select input[type="radio"]:checked + label::after {content: '\2714';text-align: center;line-height: 28px;color: #5851e2;}
#me-select-list h2{font:30px/55px "Nanum Barun Gothic Light"; font-weight: bold; ;}

.title_left {text-align: left; width:50%;}
.title_right1 {text-align: right; width:10%;font-size: 10ox;}

.me-select1 { position: relative;width:100%;margin-top: -70px; }
.me-select1 ul { list-style: none;padding:0;margin-bottom: 70px;}
.me-select1 li {  border:2px solid #ccc;display:inline-block;width:100%;margin: 5px auto;padding:15px 0 15px;margin-right:5px;position: relative;
-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.me-select1 h2{font-weight: bold; margin-bottom: 20px;color:#747474;font:30px/55px "Nanum Barun Gothic Light"; }	
	
.me-select1 label {  width: 100%;position: relative;font-size: 20ox;padding: 12px 10px 15px 60px;vertical-align: top;cursor: pointer;}
.me-select1 label span {width: 100%;color: rgba(97,107,107,1);font-size:20px;font-weight:300;letter-spacing:-1.5px;}
.me-select1 input[type="radio"],
.me-select1 label::before,
.me-select1 input[type="radio"]:checked + label::after {width: 26px;height: 26px;top: 50%;left: 20px;margin-top: -13px;position: absolute;cursor: pointer;}

.me-select1 input[type="radio"] {opacity: 0;-webkit-appearance: none;display: inline-block;vertical-align: middle;z-index: 100;}
.me-select1 label::before {content: '';border: 2px solid rgba(0,0,0,0.7);}
.me-select1 input[type="radio"]:checked + label::after {content: '\2714';text-align: center;line-height: 28px;color: #5851e2;}

.us-select { display:none;position: relative;width:100%; margin-left: 0.5%; margin-top: -70px; margin-bottom: 75px;}
.us-select h2 {line-height: 45%;float: left;height: 45px;font-size: 16px !important;letter-spacing: -1;margin-bottom: 5px;}
.us-select .ico_usim{background: url(/img/onlinecomm/bullet_usim.png) no-repeat 0px 50%; background-size:22px; padding-left:30px;}
.us-select ul {list-style: none;padding: 0;margin-bottom: 10px; margin-top: -30px}
.us-select li {font-size: 12px;clear: both;	border:2px solid #ccc;padding:10px;margin: 0 auto;position: relative;-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.us-select li.selected {box-shadow: inset 0 0 0 40px rgba(255,246,0,0.1);}
.us-select label {  display: inline-block;width: 100%;position: relative;font-size: 16px;padding: 12px 10px 15px 0px;vertical-align: top;cursor: pointer;}
.us-select label span {display: inline-block;width: 100%;color: rgba(97,107,107,1);font-size:14px;font-weight:300;letter-spacing:-1px;}
.us-select span{font-size:14px;padding-left:10px;color:#747474;font-weight:bold;}
.us-select input{width:11%;margin:5px;padding:5px;color:#333;letter-spacing:2px;text-align:center;border: 1px solid #ccc;}
.us-select input[type="txt"],
.us-select label::before,
.us-select input[type="txt"]:checked + label::after {width: 26px;height: 26px;top: 50%;left: 20px;margin-top: -13px;position: absolute;cursor: pointer;}
.us-select input[type="txt"] {opacity: 0;-webkit-appearance: none;display: inline-block;vertical-align: middle;z-index: 100;}
.ico_q {margin-left: 7px;width: 24px;}

.me-select3 .cont_tit{margin-top:-10px; margin-bottom:0px; font-size:20ox; letter-spacing:-1px; padding:30px; font-weight:600;text-align:center;}
.me-select3 { position: relative;width:100%;}
.me-select3 ul { list-style: none;padding:0;margin-bottom: 20px;}
.me-select3 h2{font-weight: bold; margin-bottom: 20px;color:#747474;}	
.me-select3 li { background:#e6e9ec; border:2px solid #ccc;display:inline-block;width:100%;margin: 5px auto;padding:15px 0 15px;margin-right:5px;position: relative;
-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.me-select h2{font-weight: bold; margin-bottom: 15px; color:#747474;}	
	
.me-select3 label {width: 100%;position: relative;font-size: 20ox;padding: 12px 10px 15px 60px;vertical-align: top;cursor: pointer;}
.me-select3 label span {width: 100%;color: rgba(97,107,107,1);font-size:16px;font-weight:300;letter-spacing:-1.5px;}
.me-select3 input[type="radio"],
.me-select3 label::before,
.me-select3 input[type="radio"]:checked + label::after {width: 26px;height: 26px;top: 50%;left: 20px;margin-top: -13px;position: absolute;cursor: pointer;}

.me-select3 input[type="radio"] {opacity: 0;-webkit-appearance: none;display: inline-block;vertical-align: middle;z-index: 100;}
.me-select3 label::before {content: '';border: 2px solid rgba(0,0,0,0.7);}

.me-select3 input[type="radio"]:checked + label::after {content: '\2714';text-align: center;line-height: 28px;color: #5851e2;}


.me-select4 { position: relative;width:100%;margin-top: 50px; }
.me-select4 ul { list-style: none;padding:0;margin-bottom: 70px;}
.me-select4 li {  border:2px solid #ccc;display:inline-block;width:100%;margin: 5px auto;padding:15px 0 15px;margin-right:5px;position: relative;
-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.me-select4 h2{font-weight: bold; margin-bottom: 15px; color:#747474;}	
	
.me-select4 label {  width: 100%;position: relative;font-size: 20ox;padding: 12px 10px 15px 60px;vertical-align: top;cursor: pointer;}
.me-select4 label span {width: 100%;color: rgba(97,107,107,1);font-size:20px;font-weight:300;letter-spacing:-1.5px;}
.me-select4 input[type="radio"],
.me-select4 label::before,
.me-select4 input[type="radio"]:checked + label::after {width: 26px;height: 26px;top: 50%;left: 20px;margin-top: -13px;position: absolute;cursor: pointer;}

.me-select4 input[type="radio"] {opacity: 0;-webkit-appearance: none;display: inline-block;vertical-align: middle;z-index: 100;}
.me-select4 label::before {content: '';border: 2px solid rgba(0,0,0,0.7);}
.me-select4 input[type="radio"]:checked + label::after {content: '\2714';text-align: center;line-height: 28px;color: #5851e2;}


#sub_prd .prd_tit {font-size: 16px; font-weight: bold; letter-spacing:-2px; /*text-align:left;*/ /* margin-top: 0px !important*/} 
#sub_prd .prd_tit span {margin-right: 10px; letter-spacing: normal !important}
#sub_prd .prd_tit .btn-primary{margin-top:20px; width:100%; font-size:18px;}
#sub_prd .prd_tbl {display:inline-block; width: 100%;}
#sub_prd .prd_tbl .qty {float: left; width:100%; margin-top: 1px; border: solid 1px #666; height: 50px; padding-top: 23px; text-align: left}
.rate_tbl th .qty_cnt .data {background: url(/img/onlinecomm/ico_data.png) no-repeat 50% 0px; background-size: 20px auto; position:relative;}
.rate_tbl th .qty_cnt .voice {background: url(/img/onlinecomm/ico_voice.png) no-repeat 50% 0px; background-size: 20px auto; }
.rate_tbl th .qty_cnt .txt {background: url(/img/onlinecomm/ico_txt.png) no-repeat 50% 5px; background-size: 20px auto; }
.rate_tbl th .qty_cnt .txt_blank {no-repeat 50% 5px; background-size: 20px auto; }
.rate_tbl th .qty_cnt .data, .rate_tbl th .qty_cnt .voice, .rate_tbl th .qty_cnt .txt, .rate_tbl th .qty_cnt .txt_blank
 {display: inline-block; width: 80px; text-align: center; padding-top:30px; font-size: 14px; font-weight: normal; line-height: 100%}

.qtytt{position: relative; font-weight: bold !important; line-height: 100%; color:#747474;font-weight:bold; font:14px/15px "Nanum Barun Gothic Light";}
.qtymm{color: #f08000;font:14px/15px "Nanum Barun Gothic Light";}

#sub_prd .prd_tbl .rate_tbl {width:100%;}
#sub_prd .prd_tbl .rate_tbl table {width:100.5%;}

#sub_prd .prd_tbl .pay_tbl {width:100%;}
#sub_prd .pay_tbl table {width:100%;}
#sub_prd .pay_tbl th {width:80%;text-align: left;  height: 30px; padding-top: 0px; padding-bottom: 0px;line-height: 100%;font-weight:bold; font:25px/30px "Nanum Barun Gothic Light";}
#sub_prd .pay_tbl td {width:20%;text-align: right; height: 30px; padding-top: 0px; padding-bottom: 0px;font-weight:bold; line-height: 100%;padding-right:10px;}

#sub_prd .rate_tbl th {border: solid 2px #ccc; font-weight:bold; line-height: 100%;}
#sub_prd .rate_tbl td {border: solid 2px #ccc; font-weight:bold; line-height: 100%;}
#sub_prd .rate_tbl th, .rate_tbl td {text-align: center;  height: 50px; padding-top: 10px; padding-bottom: 10px;}
//#sub_prd .rate_tbl th:last-child {padding-top:5px; border-left: solid 1px #ccc; border-right:solid 3px #ccc; }
//#sub_prd .rate_tbl th:first-child {padding-top:5px; border-left: solid 1px #ccc; border-right:solid 3px #ccc; }


#sub_prd .prd_tbl .detail { padding-top: 5px; text-align:left; margin-bottom:20px;color:#747474;font-size: 12px;font-weight:bold; font:12px/15px "Nanum Barun Gothic Light";}


#sub_prd .prd_tbl .btnarea {float:right; width:26%; margin:30px 1% 30px 0; background: #ccc; }
#sub_prd .prd_tbl .btnarea .btn {display: block; width: 100%; background:#606469; color: #fff; font-size: 1.8em; line-height: 130%; text-align: center; height:177px; padding: 85px 0px 0px 0px; margin: 0px; }


.btnarea a{margin:0 auto;}
.btnarea {width:100%; margin:20px 0 30px 0; text-align: center; font-weight:bold; font:30px/35px "Nanum Barun Gothic Light";}
.btnarea img{height: 43px}
.btnarea .btn {display: block; color: #ffffff; font-size: 18px; margin:10px 0px ;  background: #606469;  padding: 20px 0px 20px 0px;  text-decoration: none;}
.btn_basic_s {font-weight: bold; font-size: 17px; background-color: #787878; color: #fff !important; text-align: center; border: 1px solid #787878; /*border-radius: 0.15em;*/ padding: 10px 20px 10px 20px; display: inline-block;}
.btn_basic_s a, .btn_basic_s button{color: #fff}
.btn_basic_sw {font-size:1.7rem; background-color: #fff; color: #000 !important; text-align: center; border: 1px solid #ccc; /*border-radius: 0.15em;*/ padding:10px 20px; display: inline-block;font-weight: normal;}
.btn_basic_sw a{color:#606469}

.c_skt{color: #f08000;}
.c_kt{color: #e1002a;}
.c_lgu{color: #e40080;}
.bg_skt{background-color: #f08000; color: #fff; border: none;}
.bg_kt{background-color: #e1002a; color: #fff; border:none;}
.bg_lgu{background-color: #e40080; color: #fff; border:none;}
.bg_skt:hover{background-color: #be5016;}
.bg_kt:hover{background-color: #ab1420;}
.bg_lgu:hover{background-color: #af144e;}

.usim_layernum {background-color:#000; opacity:0.7; position:fixed; top:0; left:0; width:100%; height:100%; display:none; z-index: 9998;}
.usim_layerwrap {display: none; width: 100%; position: absolute; left: 0; top: 0;  z-index: 9999; }
.usim_layerarea {width: 90%; position: relative; margin: 0 5% auto; border-radius: 0; background: #fff;}
.usim_layerarea > h2 {margin:0px !important; padding:0px !important; height: 55px;line-height: 55px; text-align: center;font-size: 22px;color: #000;font-weight: bold; border-bottom: 1px solid #ff5900;}
.usim_layerarea > .usim_pop_cont {padding: 0px 0px 0px 0px; text-align: left; font-size: 16px; line-height: 130%; color: #ccc;}
.usim_layerarea > .usim_pop_cont .usim_agreeWrap {margin: 0px; border: 0px solid #ddd; padding: 20px 30px 40px 30px; color: #fff; *font-size: 14px; max-height: 600px; overflow-y: scroll;overflow-x: hidden;}
.usim_layerarea > .usim_pop_cont .usim_agreeWrap img{width:100%;}
.usim_layerarea > .usim_pop_close {position: absolute;right: 15px; top: 15px; width: 23px;height: 23px;background: url(/img/onlinecomm/btn_popclose.png) no-repeat 0 0; background-size: 23px;}
.usim_layerarea > .usim_pop_close a {display: inline-block; width: 25px; height: 25px; color: transparent;}	