*{margin:0; padding:0;}
html{position:relative; width:100%; height:100%; -webkit-text-size-adjust:none;}
body{position:relative; height:100%; font-size:12px; font-family:"Malgun Gothic","맑은고딕",dotum,"돋움",sans-serif; color:#666; line-height:16px; -webkit-text-size-adjust:none;}
body, p, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, table, th, td, form, fieldset, legend, input, textarea, button, select{margin:0; padding:0;}
ul,ol,li{list-style:none;}
img, fieldset{border:none; vertical-align:top;}
legend, caption{display:none;}
textarea, button{vertical-align:middle; color:#666; font-size:12px}
input, select{!important; height:15px; vertical-align:middle; background:#fff; border:1px solid #dbdbdb; color:#666; font-size:12px; font-family:"Malgun Gothic" !important;}
input{padding:3px;}
select{padding:2px; height:25px}
textarea{padding:3px; vertical-align:middle; background:#fff; border:1px solid #ddd; color:#666;}
.checkbox{padding:0; border:1px solid #aaa}
.disNone{display:none;}
a{text-decoration:none; color:inherit;}
a:hover, a:focus, a:active{text-decoration:none;}
table{border-collapse:collapse;}
section, nav, article, aside, hgroup, header, footer{display: block;}
hr{border:1px solid #e5e5e5; border-left:1px solid #fff; border-bottom:1px solid #fff; border-right:1px solid #fff;}
strong{font-family: "Malgun Gothic"; font-weight:bold;}
/* 간격, 폰트 */
.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt25{margin-top:25px;}
.mt30{margin-top:30px;}
.mt35{margin-top:35px;}
.mt40{margin-top:40px;}
.mt45{margin-top:45px;}
.mt50{margin-top:50px;}
.mt55{margin-top:55px;}
.mt60{margin-top:60px;}
.ml5{margin-left:5px;}
.ml10{margin-left:10px;}
/* 정렬 */
.taC{text-align:center;}
.taR{text-align:right;}
.taL{text-align:left;}
.pBox {overflow: hidden;position: relative;width: 100%;}
.overF{overflow:hidden} /*2014-02-24추가*/
/*레이아웃*/
/**************************************************************************************************************************************************/
/* 2013-11 간소화 페이지 추가 */
/* 2013-10-28 추가, 임시페이지 메인 */
.mainTemp1{background-color:#777}
.mainTemp1 p{padding:10px; color:#fff; font-size:11px}
.mainTemp2{padding:15px 10px; border-bottom:1px solid #dadada; background-color:#f1f1f1}
.mainTemp2 p{color:#ff0000}
.mainTempCon{padding:0 10px}
.mainTempCon .subTit{padding-left:25px; height:20px; background:url('/smc/resources/images/icon/title_checkicon.png') no-repeat 0 0; background-size:20px 20px; color:#3768b9; font-size:17px; line-height:20px}
.mainTemp4{border-top:2px solid #666}
.mainTemp4 p{color:#444}
.mainTemp4 .linkList{padding-bottom:15px; border-bottom:1px solid #ddd}
/* 2021-11-23 추가 */
.mainTemp4 .subTit {display:inline-block;}
.mainTemp4 .linkList > div .linkBtn{display: inline-block; width: calc(50% - 10px); height:27px; color:#fff; font-weight: bold; font-size: 16px; line-height:27px; border-radius: 2px; border: 1px solid #444; background: #444444;}
.mainTemp4 .linkList > div a{display: inline-block; width: calc(50% - 10px);}
.mainTemp4 .linkList a img{width:100%;}
.mainTemp5 .linkList .linkBtn{display: inline-block; width: calc(50% - 10px); height:27px; color:#555; font-weight: bold; font-size: 16px; border-radius: 2px; line-height: 3vw; border: 1px solid #ccc; background: #fcfcfc; line-height:27px;}
.mainTemp5 .linkBtn2{display: inline-block; width: calc(50% - 10px); height:27px; color:#555; font-weight: bold; font-size: 16px; border-radius: 2px; line-height: 27px; border: 1px solid #ccc; background: #fcfcfc;}
/* //2021-11-23 추가 */
.mainTemp5{padding:10px 0; border-top:1px dashed #ddd}
.mainTemp5 strong{color:#444}
.mainTemp5 a{margin-right:5px}
.mainTemp6{padding:10px 0; border-top:1px dashed #ddd}
.mainTemp6 table{width:100%; border-top:1px solid #ddd; text-align:left}
.mainTemp6 th{padding:10px; border-right:1px solid #ddd; border-bottom:1px solid #ddd; border-left:1px solid #ddd; background-color:#f8f8f8}
.mainTemp6 td{padding:10px; border-right:1px solid #ddd; border-bottom:1px solid #ddd}
.mainTemp6 .bold{font-weight:bold}
.mainTemp6 .email{color:#000; text-decoration:underline}
.mainTemp6 .dot{padding-left:6px; background:url('/smc/resources/images/icon/dot10x10.png') no-repeat 0 5px; background-size:2px 2px}
.mainTempFoot{padding: 23px 10px 10px; height:57px; border-top:1px solid #cbcbcb; background-color:#e5e5e5; color:#777} /*2013-11-04 수정*/
/*2013-11-04 추가*/
.mainTempFoot div {padding: 0 0 19px; overflow:hidden; }
.mainTempFoot div span {float:left; }
.mainTempFoot div span + a {float:right;}
/*2013-11-05 추가 임시페이지 - 미환급액조회하기*/
.headline {height:42px; padding:8px 0 0 12px; background:#303030;}
.subTem1{background-color:#777}
.subTem1 p{padding:10px; color:#fff; font-size:11px}
.subTem2{padding:15px 10px; border-bottom:1px solid #dadada; background-color:#f1f1f1}
.subTem2 p{color:#ff0000}
.subTemCon{padding:0 10px}
.subTemCon .subTit{padding-left:25px; height:20px; background:url('/smc/resources/images/icon/title_checkicon.png') no-repeat 0 0; background-size:20px 20px; color:#3768b9; font-size:17px; line-height:20px}
.subTem3 .stH01 {height: 33px; padding:20px 0 0; font-size:18px; font-weight:bold; border-bottom:2px solid #666; }
.subTem4 {font-size:11px;}
.subTem5 .st01 {width:100%;}
.subTem5 .st01 :first-child th,
.subTem5 .st01 :first-child td {border-top:1px solid #666;}
.subTem5 .st01 th,
.subTem5 .st01 td {border-bottom:1px solid #dbdbdb; font-size:10px;}
.subTem5 .st01 th{padding:0 0 0 10px; height:44px; line-height:44px; color:#444; text-align:left; background:#f8f8f8;}
.subTem5 .st01 td{padding:0 0 0 8px; height:44px; line-height:44px; }
.subTem5 .st01 tr.stRow td{border-bottom:1px dashed #ddd;}
.subTem5 .st01 tr.stRow th span{color:#666;}
.subTem5 .st01 td b {font-size:11px;}
.subTem5 .st01 td b.tp01 {padding:0 64px 0 0; }
.subTem5 .st01 td b.tp02 {padding:0 57px 0 0; }
.subTem5 .st01 td b.tp03 {padding:0 18px 0 0; }
.subTem5 .st01 td b.tp04 {padding:0 7px 0 0; }
.subAgree div {/* height:135px; */ margin:10px 0 0 0; padding:13px 0 0 13px ; border:1px solid #b8b8b8;}
.subAgree div.agreeText1 {height:285px; margin:10px 0 0 0; padding:13px 0 0 13px ; border:1px solid #b8b8b8;}
.subAgree div.agreeText2 {height:63px; margin:10px 0 0 0; padding:13px 0 0 13px ; border:1px solid #b8b8b8;}
.subAgree div p {font-size:11px; padding-bottom:5px; }
.subAgree span {display:inline-block; width:100%; padding:10px 3px 15px 0; overflow:hidden; }
.subAgree span {float:left; }
.subAgree span a.aRight {float:right;}
.subTem6{padding:10px 0; border-top:1px dashed #ddd}
.subTem6 table{width:100%; border-top:1px solid #ddd; text-align:left}
.subTem6 th{padding:10px; border-right:1px solid #ddd; border-bottom:1px solid #ddd; border-left:1px solid #ddd; background-color:#f8f8f8}
.subTem6 td{padding:10px; border-right:1px solid #ddd; border-bottom:1px solid #ddd}
.subTem6 .bold{font-weight:bold}
.subTem6 .email{color:#000; text-decoration:underline}
.subTem6 .dot{padding-left:6px; background:url('/smc/resources/images/icon/dot10x10.png') no-repeat 0 5px; background-size:2px 2px}
.subtem6info {height:188px; font-size:11px; border:1px solid #ddd; padding: 13px 0 0 13px; background:#f8f8f8;} /* 2016-10-18 height:142px; */
.subtem6info p strong{color:#3768b9;}
.subTemFoot{padding: 23px 10px 10px; height:57px; border-top:1px solid #cbcbcb; background-color:#e5e5e5; color:#777}
.subTemFoot div {padding: 0 0 19px; overflow:hidden; }
.subTemFoot div span {float:left; }
.subTemFoot div span + a {float:right;}
/*2013-11-05 추가 임시페이지 - 미환급액조회하기 결과*/
.subviewbutton {margin:15px 0;height:60px; text-align:center;border-bottom:1px solid #ddd;}
/*2013-11-05 추가 임시페이지 - 환급신청결과*/
.subApplication {padding-bottom:17px;margin-bottom:10px; border-bottom:1px solid #ddd;}
.st02{border-top:1px solid #666; width:100%;position:relative}
.st02 td{text-align:center; height:35px; line-height:35px; border-bottom:1px solid #dbdbdb; font-size:10px;}
.st02 th {text-align:left; color:#444; font-size:10px; font-weight:normal; border-bottom:1px solid #dbdbdb; padding: 0 0 0 10px; background:#f8f8f8;}
.st02 td span {color:#3768b9;}
.subApplication p {font-size:11px; color:#666;}
.subApplication .titleTxt {color: #3768b9; font-size: 13px; font-weight: bold; padding-left: 15px;}
/*2013-11-06 추가 임시페이지 - 회원가입*/
.subJoin01 {padding:10px 0;}
.subJoin01 p{height:48px; line-height:48px; padding:0 0 0 15px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; background:#f8f8f8;}
.subJoin01 p span a img {display:inline-block; float:right; }
.subJoin01 p span a {display:inline-block; margin:9px 17px 0 0 ; float:right; }
.subJoin01 + p {padding: 0 3px;}
.subApplication .titleTxt {color: #3768b9; font-size: 13px; font-weight: bold; padding-left: 15px;}
.boardType01 td a.joinTR {display:inline-block; float:right; padding:0 0 0 }
.subJoin03 {width:100%;height:50px; padding:10px 0 0; text-align:center; margin:0 0 10px ; border-bottom:1px solid #ddd;}
.subJoin03 span{display:inline-block; }
/*2013-11-06 추가 임시페이지 - 회원가입가능*/
.boardType01 td span.joinTC {display:block; height: 15px;padding: 0 0 0 17px; background:url('/smc/resources/images/icon/join_ok.gif') no-repeat 0 2px ; background-size: auto 14px; color:#456cae;}
.boardType01 td.ft09{font-size:9px;}
/*2013-11-06 추가 임시페이지 - 회원가입불가*/
.boardType01 td {line-height:18px;}
.boardType01 td span.joinTN {display:block; height: 18px;padding: 0 0 0 17px; background:url('/smc/resources/images/icon/join_no.gif') no-repeat 0 2px ; background-size: auto 14px; color:#ec4747;}
.boardType01 td.ft09{font-size:9px; height:auto; padding: 15px 0 13px 10px; }
/*2013-11-06 추가 임시페이지 - 회원가입완료*/
.subJoin04 {padding:10px 13px 10px;height:150px; margin:10px 0;border:1px solid #ddd;background:#f8f8f8;}
.subJoin04 p{height:30px; text-align:center; font-size:11px; color:#444; border-bottom:1px dotted #ddd; }
.subJoin04 p span{color:#456cae; text-decoration:underline;}
.subJoin04 ul li{padding:11px 0 0 8px; font-size:10px; background:url('/smc/resources/images/icon/join_end.gif') no-repeat 0 17px; background-size: auto 5px; }
/*2013-11-06 추가 임시페이지 - 로그인*/
.subLogin01 {position:relative; padding:12px 13px ;height:122px; margin:19px 0; border:1px solid #ddd;background:#f8f8f8;}
.subLogin01 p {padding:0 0 5px;}
.subLogin01 p input[type="text"] {width:68%; height:22px; line-height:22px; color:#999; font-size:11px; border:1px solid #b8b8b8}
.subLogin01 p input[type="tel"] {width:68%; height:22px; line-height:22px; color:#999; font-size:11px; border:1px solid #b8b8b8}
.subLogin01 p input[type="password"] {width:68%; height:22px; line-height:22px; color:#999; font-size:11px; border:1px solid #b8b8b8}
.subLogin01 p a {display:inline-block; position:absolute; top: 12px; right:10px; overflow:hidden;}
.subLogin01 span a {display:inline-block; font-size:10px; color:#666; text-decoration:underline; padding: 0 11px 0 0; }
/*2013-11-06 추가 임시페이지 - 로그인오류*/
.subLogin01 p.loginTN {padding:10px 0 0 17px; font-size:10px; background:url('/smc/resources/images/icon/join_no.gif') no-repeat 0 12px ; background-size: auto 14px; color:#ec4747;}
/*2013-11-06 추가 임시페이지 - 비밀번호 분실*/
.boardType01 th {text-align:center; border-bottom:1px solid #ddd; background:#f8f8f8;}
.subPass {height:44px; line-height:44px; padding:0; margin:0; border-top:1px solid #666; border-bottom:1px solid #dbdbdb;}
.subPass span {display:inline-block; width:30%; height:43px; padding:0 0 0 10px;font-size:10px; margin:0 10px 0 0; color:#444;}
.subPass02 {width:100%; height:133px; padding:10px 0 0; text-align:center; margin:0 0 10px ; border-bottom:1px solid #ddd;}
/*2013-11-06 추가 임시페이지 - 회원가입팝업1 , 2 */
.joinPop01{position:absolute; top:16px; left:7%; width:86%; background:#fff; border:3px solid #444; }
.joinPop01 .bg{border:1px solid #ccc; }
.joinPop01 .head{padding:11px 12px 13px 6px; overflow:hidden; background:url('/smc/resources/images/popup/popup_bg.gif') repeat-x; background-size: 284px 40px; }
.joinPop01 .tit{width:; float:left; font-weight:bold; color:#444; font-size:14px;}
.joinPop01 .xbt{width:; float:right;}
.subCon01{padding:0;background:#fff; position:relative; z-index:1}
.joinPop01 .etcDiv {}
.joinPop01 .etcDiv .borderB{border-bottom:1px solid #dbdbdb;padding-bottom:15px;}
.joinPop01 .etcDiv .borderB02{border-bottom:1px dashed #dbdbdb;padding-bottom:15px;}
.joinPop01 .etcDiv .titDiv p.tit{color:#3768b9;font-size:30px;font-weight:bold;line-height:30px}
.joinPop01 .etcDiv .titDiv .txt01{font-size:13px;color:#777}
.joinPop01 .etcDiv .titDiv .txt02{font-size:14px;color:#444;font-weight:bold}
.joinPop01 .etcDiv .conDiv{height: 457px; overflow:scroll; padding: 12px 5px 30px 12px;}
.joinPop01 .etcDiv .conDiv .titleTxt{color:#444;font-size:13px;font-weight:bold;}
.joinPop01 .etcDiv .conDiv .tit{color:#3768b9;font-size:13px;font-weight:bold;padding-top:15px; width:%;}
.joinPop01 .etcDiv .conDiv .txt {width:100%;}
.joinPop01 .etcDiv .conDiv .txt .num{width:17px;}
.joinPop01 .etcDiv .conDiv .txt .con{width:90%;}
.joinPop01 .etcDiv .conDiv .txt .con span.fontB{font-weight:bold; display:inline-block; margin-top:5px}
.joinPop01 .etcDiv .conDiv .txt span.icon{display:inline-block;padding-left:7px;background:url('/smc/resources/images/icon/icon_blit02.png') no-repeat 0 7px;background-size:3px 1px}
.joinPop01 .etcDiv .conDiv .topTxt{font-size:12px;color:#444;}
.joinPop01 .etcDiv .conDiv .topTxt02{font-size:13px;color:#444;}
.joinPop01 .etcDiv .conDiv .txtBox{border:1px solid #ddd;background:#f8f8f8;padding:8px 10px 10px;line-height:18px}
.joinPop01 .etcDiv .conDiv .txtBox p{font-weight:bold;background:url('/smc/resources/images/icon/dot10x10.png') no-repeat 0 6px;background-size:5px 5px;padding-left:10px}
.joinPop01 .etcDiv .conDiv .txtBox span{color:#456cae}
/*2013-11-06 추가 임시페이지 - 회원가입팝업 2 */
.joinPop01 .conDiv {height:auto; padding:15px 11px; height: 457px; overflow:scroll; }
.joinPop01 .conDiv p{font-size:11px; color:#666; padding:0 0 10px; line-height:16px;}
.joinPop01 .conDiv p.tit2 {font-size:12px; font-weight:bold; color:#444; }
.joinPop01 .conDiv p.tit3 {font-size:12px; font-weight:bold; padding:0 0 10px; color:#456cae;}
/*2013-11-06 main5 - 버튼 추가 및 수정*/
.mainGnbDiv .con02 .conDiv .bottom{width:100%; }
.mainGnbDiv .con02 .conDiv ul.bottom li { float: left; width: 48.9%; border-top: 1px solid #e4e4e4; height: 55px;}/*2014-07-09 width값 수정*/
.mainGnbDiv .con02 .conDiv .bottom li a { display: block;padding: 7px 0 8px;height: 40px;}
.mainGnbDiv .con02 .conDiv .bottom li span{display:inline-block;}
.titleTxt{background:url('/smc/resources/images/icon/icon_blit.png') no-repeat 0 2px;background-size:11px 11px;font-size:13px;color:#3768b9;font-weight:bold;padding-left:15px;}
/*boardType*/
.boardType01{border-top:1px solid #666;width:100%;position:relative}
.boardType01.borderN{border-top:none}
.boardType01 td{padding:7px 8px 7px 10px;border-bottom:1px solid #dbdbdb;font-size:11px}
.boardType01 td.padRN{padding-right:0}
.boardType01.type02 td{padding:12px 8px 9px 10px}
.boardType01 td .inputDiv{position:relative}
.boardType01 td.tit{width:30%;background:#f8f8f8;color:#444;text-align:left;vertical-align:middle}
.boardType01 td input{width:100%;height:22px;border:1px solid #b8b8b8}
.boardType01.lossDiv td input{width:100%;height:22px;border:1px solid #e7e7e7}
.boardType01 td select{width:100%;height:28px;border:1px solid #b8b8b8;}
.boardType01 td.number input{width:43.1%}
.boardType01 td p.input{margin-right:62px}
.boardType01 td p.input02{margin-right:80px} /*20130701 추가*/
.boardType01 td p.btn{position:absolute;top:0;right:-8px}
.boardType01 td p.btn02{position:absolute;top:0;right:0} /*20130701 추가*/
.boardType01 td p.subTxt{font-size:10px;color:#888;margin-top:5px}
.boardType01 td p.phoneinput select{width:30%}
.boardType01 td p.phoneinput input{width:25%}
.boardType01 td.fontB{color:#3768b9}
.boardType01.refund{} /*20130702추가*/
.boardType01.refund tr.telecom td{border-bottom:1px dashed #ddd;padding-right:0} /*20130702추가*/
.boardType01.refund tr.telecom td.tit{border-bottom:1px solid #ddd} /*20130702추가*/
.boardType01.refund tr.telecom.end td{border-bottom:1px solid #ddd} /*20130702추가*/
.boardType01.refund tr.telecom td p.tit{font-weight:bold;font-size:12px} /*20130702추가*/
.boardType01.refund .inputBox input{width:15px;height:22px} /*20130702추가*/
.boardType01.refund .inputBox label{color:#666;margin-left:5px} /*20130702추가*/
.boardType01.refund td.vTop{vertical-align:top} /*20130702추가*/
.boardType01.refund td.checkCon{padding-left:0}
.boardType02{width:100%;}
.boardType02 th{font-weight:normal;background:#f8f8f8;color:#444;font-size:11px;padding:10px 0}
.boardType02 td{border-top:1px solid #ccc;text-align:center;padding:13px 0 11px;font-size:13px;} /*padding:13px*/
.boardType02 tr.end td{border-bottom:1px solid #ccc}
.boardType02 td.num{color:#444;}
.boardType02 td.txt{color:#444;}
.boardType02 td.txt.on{color:#3768b9;text-decoration:underline}
.boardType02 td.type .type01{background:#1563c7;color: #fff;font-size: 10px;padding: 5px 5px 5px;font-weight:bold;}
.boardType02 td.type .type02{background:#666;color: #fff;font-size: 10px;padding: 5px 5px 5px;font-weight:bold;}
.boardType03{width:100%;border-top:1px solid #666}
.boardType03 td.tit{text-align:left;color:#444;background:#f8f8f8}
.boardType03 td{text-align:center;padding:11px 10px 10px;border-bottom:1px solid #dbdbdb;font-size:11px;color:#666}
.boardType03 td.taL{text-align:left}
.boardType03 tr.icon td{padding:9px 10px 9px}
.boardType03 td.fontB{color:#3768b9}
.boardType04{width:100%;}
.boardType04 li{overflow:hidden;padding:10px 0;border-bottom:1px solid #dbdbdb}
.boardType04 .img{float:left;width:105px;height:70px;overflow:hidden;border:1px solid #dbdbdb;margin-right:8px} /*margin-right:10px 20130628수정*/
.boardType04 .txt{float:left;padding:8px 0 0;width:57%} /*padding:15px 0 0 ;width:55% 20130628수정*/
.boardType04 .txt .tit{font-weight:bold;color:#444;font-size:13px}
.boardType04 .txt .date{margin-top:5px;font-size:10px;line-height:10px} /*margin-top:10 20130628수정*/
.boardType04 .txt .date02{margin-top:10px;font-size:11px;line-height:10px} /* 2013.08.26 smji 수정*/
.boardType04 .txt .date span{padding:0 6px;}
.boardType04 .txt .date span img{vertical-align:top}
.boardType04 .txt .con{font-size:11px;line-height:14px;margin-top:5px} /*20130722 추가*/
.boardType05{width:100%;border-top:1px solid #666;font-size:11px}
.boardType05 th{background:#f8f8f8;font-weight:normal;color:#444;padding:10px 0}
.boardType05 td{border-top:1px solid #dbdbdb;text-align:center;padding:12px 10px 9px}
.boardType05 tr.end td{border-bottom:1px solid #dbdbdb}
.boardType05 tr.end td.last{font-weight:bold;color:#3768b9}
.boardType05 td.tit{font-weight:bold;color:#444;text-align:center;padding:12px 0 9px}
.boardType05 td.fontB{color:#3768b9}
/* 2014-08-05 추가 시작 */
.boardType06{width:100%; border-top:1px solid #666}
.boardType06 th{padding:10px; border-right:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb; background:#f8f8f8; color:#444; font-size:11px}
.boardType06 th.fir{border-left:1px solid #ccc}
.boardType06 td{padding:10px; border-right:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb; font-size:11px}
.boardType06 td.fir{border-left:1px solid #dbdbdb}
/* 2014-08-05 추가 끝 */
/**************************************************************************************************************************************************/
/* 2016-04-20 추가 */
.txt6 {color:#eb646f;font-size:14px;line-height:21px; background:url('/smc/resources/images/icon/point_img.gif')no-repeat left 2px; padding-left:26px;}
/* 2016-11-14 추가 s */
.popupwrapH {display:none; position:fixed; left:50%; top:30px; width:94%; margin:0 0 0 -47%; z-index:101; background:#fff}
.popupwrapH h1 {height:27px; padding:8px 0 0 10px; background:url('/smc/resources/images/mobile/common/bg_poptitle_gr.jpg') repeat-x 0 100%; background-size:4px 34px; border-width:1px 1px 0 1px; border-style:solid; border-color:#ccc; color:#222; font-size:16px}/*2015-04-16 ucomp*/
.popupwrapH .btn_modalclose {position:absolute; right:7px; top:5px; width:25px; height:25px; background:url('/smc/resources/images/mobile/btn/btn_layerclose.png') no-repeat 50% 50%; background-size:16px 16px; text-indent:-99999px}
.popupwrapH .popcontents {padding:10px 10px; overflow:hidden; background:#fff; border-width:0 1px 1px 1px; border-style:solid; border-color:#ccc}
.popupwrapH .popcontents dl {width:50%;float:left;font-size:9px;text-align:center; margin-top:5px;}
.popupwrapH .popcontents dl img {width:130px;}
.blackBg{position:absolute;top:0;left:0;width:100%;background:#000;z-index:501;}
/* 2016-11-14 추가 e */
/* 단말기지원금 20%할인 상세보기 페이지 START */
.responWrp{width:100%;}
.responWrp .newTop{width:100%; height:722px; border-bottom:5px solid #0072bc; background:url('/smc/resources/images/txt/paypage_newmainimg.gif') no-repeat center 0 #cdf2ff; text-indent:-9999px}
.rwTab{width:100%;}
.rwTab .tab{width:930px; margin:auto; overflow:hidden}/* 2017-03-24수정 */.rwTab .tab a{display:block; float:left; width:240px; height:75px; line-height:75px; padding:0 50px 0 20px; float:left; font-size:28px; letter-spacing:-3px; color:#cdf2ff; font-weight:bold; background:url('/smc/resources/images/icon/paypage_new_tab.gif') no-repeat 95% 20px #0072bc}/* 2017-03-24수정 */
.rwTab .tab a.on{display:block; float:left; width:240px; height:75px; line-height:75px; padding:0 50px 0 20px; float:left; font-size:28px; color:#0071bc; font-weight:bold; background:url('/smc/resources/images/icon/paypage_new_tab_on.gif') no-repeat 95% 20px #fff}/* 2017-03-24수정 */
/* .rwTab .tab a{display:block; float:left; width:44%; height:29px; padding:23px 3%; float:left; font-size:28px; color:#cdf2ff; font-weight:bold; background:url('/smc/resources/images/icon/paypage_new_tab.gif') no-repeat 95% 20px #0072bc}
.rwTab .tab a.on{display:block; float:left; width:44%; height:29px; padding:23px 3%; float:left; font-size:28px; color:#0071bc; font-weight:bold; background:url('/smc/resources/images/icon/paypage_new_tab_on.gif') no-repeat 95% 20px #fff} */
.newConbody1{width:100%;}
.newConbody2{width:100%; background:#f5f5f5}
.conbodyDiv{position:relative; width:900px; min-height:365px; margin:auto; padding:45px 0;}
.conbodyDiv .txt1{font-size:34px; line-height:34px; letter-spacing:-2px;}
.conbodyDiv .subtxt1{font-size:24px; line-height:24px; color:#555; margin-top:30px;}
.conbodyDiv dl{width:50%; font-size:18px; line-height:28px;}
.conbodyDiv dt{margin-top:30px;}
.conbodyDiv dd{margin-top:15px;}
.conbodyDiv dd a{color:#0e9ed9; font-weight:bold; text-decoration:underline}
.conbodyDiv .txt2{width:50%; font-size:14px; line-height:22px;}
.conbodyDiv .img{position:absolute; bottom:50px; right:0;}
.conbodyDiv .btn{margin:70px 0 0}/* 2016-02-12 추가 */
.newFoot{width:100%; background:#0072bc}
.newFoot .newFootDiv{position:relative; width:900px; padding:25px 0; margin:auto; overflow:hidden}
.newFoot .newFootDiv p{float:left; padding-right:55px;}
.newFoot .newFootDiv a{position:absolute; top:25px; right:0;}
.bluTxt{font-size:34px; line-height:34px; color:#0e9ed9; letter-spacing:-2px}
.listLi{margin-top:30px;}
.listLi li{padding:20px 0; font-size:24px; font-weight:bold; line-height:60px; letter-spacing:-1px; border-bottom:1px solid #ddd; overflow:hidden}
.listLi li.one{background:url('/smc/resources/images/icon/paypage_new_icon1.gif') no-repeat right bottom}
.listLi li.two{background:url('/smc/resources/images/icon/paypage_new_icon2.gif') no-repeat right bottom}
.listLi li .imgTxt{float:left; margin-right:18px;}
.listLi li .txt{float:left; width:813px;}
.listLi li .pnDiv{overflow:hidden; line-height:35px; font-weight:normal; letter-spacing:0px; margin-top:10px;}
.listLi li .pnDiv .unit{width:27%; float:left; border-right:1px dashed #ddd; padding:0 3%}
.listLi li .pnDiv .unit.end{border-right:0px dashed #ddd;}
.conbodyDiv .txt3{font-size:18px; line-height:30px;}
.conbodyDiv.type2{min-height:auto; background:url('/smc/resources/images/icon/paypage_new_icon3.gif') no-repeat right bottom}
.conbodyDiv.type2 .txt3{width:67%;}
.conbodyDiv.type3{min-height:auto;}
.conbodyDiv .listTxt{overflow:hidden; margin-bottom:12px}
.conbodyDiv .listTxt .imgTxt{float:left; margin-right:18px}
.conbodyDiv .listTxt .txt{float:left; font-size:24px; line-height:30px; font-weight:bold}
.conbodyDiv .listTxt .txt a{text-decoration:underline}
.devicesupport ul.common_tabbox li {width:auto; float:none; overflow:hidden}
.devicesupport ul.common_tabbox li:first-child {width:50%; float:left}
/* 단말기지원금 20%할인 상세보기 페이지 END */
/* 2017-03-27추가 */
.conbodyDiv .txt4{font-size:20px;}
.conbodyDiv .txt5{font-size:15px; line-height:25px;}
.conbodyDiv .txt7{font-size:14px; line-height:22px;}
.newConbody1 .conbodyDiv .blueTxt{color:#0072bc;}
.conbodyDiv .txt1 .c2da{color:#2dafe5;}
.conbodyDiv .newConBox{background:#fff; border:1px solid #dddddd; width:898px; height:18px; padding:20px 0; text-align:center;}
.conbodyDiv .newConBox .c007{color:#0072bc; font-size:22px; font-weight:bold;}
.conbodyDiv .txt3 .c2da{color:#2dafe5; text-decoration:underline;}
.conbodyDiv .txt4 .c2da{color:#0072bc;}
.newConT table{width:900px; border-top:2px solid #888888;}
.newConT table thead th{height:39px; border-bottom:1px solid #dddddd; border-right:1px solid #dddddd; font-size:14px; color:#444444; background:#f1f1f1;}
.newConT table thead th:nth-child(3) {border-right:none;}
.newConT table tbody {text-align:center;}
.newConT table tbody td{height:40px; border-bottom:1px solid #dddddd; border-right:1px solid #dddddd; font-size:14px; color:#444444;}
.newConT table tbody tr th{font-weight:normal; font-size:14px; color:#444444; border-bottom:1px solid #dddddd; border-right:1px solid #dddddd;}
.newConT table tbody tr td:nth-child(4) {border-right:none;}
.newConT table tbody tr td > .c007{color:#0072bc; font-size:16px;}
.newConT table tbody tr td span.c007{color:#0072bc;}
/* 단말기지원금 20%할인 상세보기 페이지 END */
@media all and (max-width:1300px) {/*768px*/
.responWrp .newTop{height:722px; background:url('/smc/resources/images/txt/paypage_newmainimg2.gif') no-repeat center 0 #cdf2ff;}
.rwTab{width:100%;}
.rwTab .tab{width:100%;}
.rwTab .tab a{width:28%; height:26px; padding:20px 3%; float:left; font-size:25px; line-height:26px;}
.rwTab .tab a.on{width:26%; height:26px; padding:20px 3%; float:left; font-size:25px; line-height:26px;}
.conbodyDiv{width:94%; margin:auto; padding:40px 3%;}
.conbodyDiv .txt1{font-size:30px; line-height:30px; letter-spacing:-1px;}
.conbodyDiv .subtxt1{font-size:15px; line-height:22px; margin-top:15px;}
.conbodyDiv dl{width:50%; font-size:15px; line-height:25px;}
.conbodyDiv dt{margin-top:20px;}
.conbodyDiv dd{margin-top:10px;}
.conbodyDiv .txt2{font-size:13px; line-height:20px;}
.conbodyDiv .img{bottom:40px; right:3%;}
.conbodyDiv .newConBox{background:#fff; border:1px solid #dddddd; width:80%; height:18px; padding:20px 0; text-align:center; margin:20px auto;}
.newConT table{width:100%;}
.newFoot .newFootDiv{width:94%; padding:18px 3%;}
.newFoot .newFootDiv p{float:left; padding-right:30px;}
.newFoot .newFootDiv a{position:absolute; top:18px; right:3%;}
.bluTxt{font-size:28px; line-height:28px;}
.listLi{margin-top:25px;}
.listLi li{padding:18px 0; font-size:20px line-height:50px;}
.listLi li .imgTxt{margin-right:15px;}
.listLi li .pnDiv{line-height:30px;}
.conbodyDiv .txt3{font-size:15px; line-height:28px;}
.conbodyDiv .listTxt{margin-bottom:10px}
.conbodyDiv .listTxt .imgTxt{margin-right:15px}
.conbodyDiv .listTxt .txt{font-size:20px; line-height:28px;}
.conbodyDiv .btn {margin:38px 0 0}
.conbodyDiv .btn img {width:334px;}
}
@media all and (max-width:820px) {
.responWrp .newTop{height:360px; background:url('/smc/resources/images/txt/paypage_newmainimg3.gif') no-repeat center 0 #cdf2ff; background-size:320px 360px}/* 2017-05-31 수정 */
.rwTab .tab a{letter-spacing:0.5px; width:26%; height:13px; line-height:15px; padding:12px 4% 17px; font-size:14px; background:url('/smc/resources/images/icon/paypage_new_tab.gif') no-repeat 94% 13px #0072bc; background-size:10px 15px;}/* 2017-05-31 수정 */
.rwTab .tab a.on{width:26%; height:13px; line-height:15px; padding:12px 3% 17px; font-size:14px; background:url('/smc/resources/images/icon/paypage_new_tab_on.gif') no-repeat 99% 13px #fff; background-size:10px 15px;}/* 2017-05-31 수정 */
.conbodyDiv{padding:20px 3%;}
.conbodyDiv .txt1{font-size:20px; line-height:25px; letter-spacing:0px;}
.conbodyDiv dl{width:100%; font-size:13px; line-height:22px;}
.conbodyDiv dt{margin-top:15px;}
.conbodyDiv dt img{height:26px;}
.conbodyDiv dd{margin-top:8px;}url('/smc/resources/images/icon/paypage_new_tab.gif') no-repeat 95% 13px #0072bc
.conbodyDiv .txt2{width:100%; font-size:12px; line-height:18px;}
.conbodyDiv .img{position:relative; bottom:0; right:0; text-align:center; margin-top:20px;}
.conbodyDiv .img img{width:250px;}
.conbodyDiv .newConBox .c007{color:#0072bc; font-size:15px; font-weight:bold;}
.newFoot .newFootDiv{width:94%; padding:15px 3%;}
.newFoot .newFootDiv p{float:left; padding-right:15px;}
.newFoot .newFootDiv p img{height:25px;}
.newFoot .newFootDiv a{position:absolute; top:15px; right:3%;}
.newFoot .newFootDiv a img{height:25px;}
.bluTxt{font-size:20px; line-height:20px; letter-spacing:-1px}
.listLi{margin-top:15px;}
.listLi li{padding:15px 0; font-size:15px; line-height:18px;}
.listLi li.one{background:url('/smc/resources/images/icon/paypage_new_icon1.gif') no-repeat right bottom; background-size:80px 55px;}
.listLi li.two{background:url('/smc/resources/images/icon/paypage_new_icon2.gif') no-repeat right bottom; background-size:80px 55px;}
.listLi li .imgTxt{margin-right:8px;}
.listLi li .imgTxt img{height:34px;}
.listLi li .txt{float:left; width:55%;}
.listLi li.thr .txt{float:left; width:80%;}
.listLi li .txt img{height:25px;}
.listLi li.thr .txt img{height:18px;}
.listLi li .pnDiv{overflow:hidden; line-height:35px; font-weight:normal; letter-spacing:0px; margin-top:10px;}
.listLi li .pnDiv .unit{width:27%; float:left; border-right:1px dashed #ddd; padding:0 3%; font-size:10px; line-height:20px}
.listLi li .pnDiv .unit.end{border-right:0px dashed #ddd;}
.conbodyDiv .txt3{font-size:14px; line-height:18px;}
.conbodyDiv .txt3.mt40{margin-top:20px;}
.conbodyDiv .txt3.mt25{margin-top:10px;}
.conbodyDiv.type2{min-height:100%; background:url('/smc/resources/images/icon/paypage_new_icon3.gif') no-repeat right bottom; background-size:80px 120px;}
.conbodyDiv.type2 .txt3{width:67%;}
.conbodyDiv.type3{min-height:100%;}
.conbodyDiv .listTxt{overflow:hidden; margin-bottom:10px}
.conbodyDiv .listTxt.mt30{margin-top:15px;}
.conbodyDiv .listTxt .imgTxt{float:left; margin-right:8px}
.conbodyDiv .listTxt .imgTxt img{height:20px;}
.conbodyDiv .listTxt .txt{float:left; font-size:13px; line-height:18px; font-weight:bold}
.conbodyDiv .listTxt .txt a{text-decoration:underline}
.conbodyDiv .btn {margin:20px 0 0; text-align:center; }
.conbodyDiv .btn img {width:205px;}
}
/* //2017-03-27추가 */
/* 2021-11-23 추가 */
@media all and (max-width:650px) {
.mainTemp4 .linkList > div .linkBtn, .mainTemp5 .linkBtn2, .mainTemp5 .linkList .linkBtn {font-size:12px;}
}
/* // 2021-11-23 추가 */
/* 2017-05-31 추가 */
@media all and (max-width:414px) {
.rwTab .tab a{letter-spacing:0.5px; width:26%; height:22px; line-height:17px; padding:12px 4% 20px; font-size:14px; background:url('/smc/resources/images/icon/paypage_new_tab.gif') no-repeat 94% 20px #0072bc; background-size:10px 15px;}
.rwTab .tab a.on{width:26%; height:22px; line-height:17px; padding:12px 3% 20px; font-size:14px; background:url('/smc/resources/images/icon/paypage_new_tab_on.gif') no-repeat 99% 20px #fff; background-size:10px 15px;}
}
/* //2017-05-31 추가 */
/* 2017-06-13 s */
.transparents-layer {position:fixed; left:0; top:0; z-index:100; width:100%; height:100%; background:#000; opacity:0.5; filter:alpha(opacity="50")}
.modalpop .popupwrap {display:none; position:fixed; left:50%; width:94%; margin:0 0 0 -47%; z-index:101; background:#fff}
.popupwrap h1 {height:27px; padding:8px 0 0 10px; background:url('/smc/resources/images/mobile/common/bg_poptitle_gr.jpg') repeat-x 0 100%; background-size:4px 34px; border-width:1px 1px 0 1px; border-style:solid; border-color:#ccc; color:#222; font-size:16px}/*2015-04-16 ucomp*/
.popupwrap .btn_modalclose {position:absolute; right:7px; top:5px; width:25px; height:25px; background:url('/smc/resources/images/mobile/btn/btn_layerclose.png') no-repeat 50% 50%; background-size:16px 16px; text-indent:-99999px}
.popupwrap .popcontents {padding:15px 10px; overflow:hidden; background:#fff; border-width:0 1px 1px 1px; border-style:solid; border-color:#ccc}
.popupwrap.refundtimeout {position:absolute}
.popupwrap.refundSK_Check {position:absolute}
.popupwrap.refundCheckER {position:absolute}
/* 2017-06-13 e */
/* 2021-11-23 추가 */
@media all and (max-width:360px) {
.mainTemp4 .linkList > div .linkBtn, .mainTemp5 .linkList .linkBtn,.mainTemp5 .linkBtn2 {width:100%; font-size: 14px;}
.mainTemp4 .linkList > div .linkBtn:nth-child(even), .mainTemp5 .linkList > div .linkBtn:nth-child(even){margin-top:5px;}
}
@media all and (min-width:800px){
.mainTemp4 .linkList > div .linkBtn, .mainTemp5 .linkList .linkBtn, .mainTemp5 .linkBtn2{width: 380px; max-width: 380px; font-size: 16px}
}
/* // 2021-11-23 추가 */