@charset "euc-kr";

@import url("base.css");
@import url("layout.css");
@import url("global.css");
@import url("bbs.css");

/* ?�비???�개 */
.ipinEffect {border-top:2px solid #3278c8; background:url(../../img/common/bg_gray_line01.gif) repeat-x 0 100%;}
.ipinEffect li {padding-left:109px; border-top:1px solid #e9e9e9;}
.ipinEffect li:first-child {border-top:0;}
.ipinEffect li.bg01 {height:70px; padding-top:34px; background:url(../../img/ipin/bg_effect01.gif) no-repeat 24px 29px;}
.ipinEffect li.bg02 {height:76px; padding-top:30px; background:url(../../img/ipin/bg_effect02.gif) no-repeat 24px 31px;}
.ipinEffect li.bg03 {height:76px; padding-top:30px; background:url(../../img/ipin/bg_effect03.gif) no-repeat 26px 24px;}
.ipinEffect li dl dt {color:#333333; font-weight:bold;}

.ipinEffect.prevent {}
.ipinEffect.prevent li.bg01 {height:70px; padding-top:34px; background:url(../../img/ipin/bg_prevent01.gif) no-repeat 33px 32px;}
.ipinEffect.prevent li.bg02 {height:70px; padding-top:34px; background:url(../../img/ipin/bg_prevent02.gif) no-repeat 28px 34px;}
.ipinEffect.prevent li.bg03 {height:70px; padding-top:34px; background:url(../../img/ipin/bg_prevent03.gif) no-repeat 27px 33px;}
.ipinEffect.prevent li.bg04 {height:70px; padding-top:34px; background:url(../../img/ipin/bg_prevent04.gif) no-repeat 29px 26px;}

/* 발급 ?��? */
.clauseWrap {}
.clauseWrap .clause.ipinClause {height:75px;}

.allAgree {margin:20px 0; padding:20px 20px 15px; color:#333333; background:#f7f7f7;}

/* 발급받기 */
.authenticateInfo {background: url("../../img/common/bg_gray_line01.gif") repeat-x scroll 0 100% transparent; border-top: 2px solid #3278C8;	 margin-bottom:28px;}
.authenticateInfo li {	border-top: 1px solid #E9E9E9; padding-left: 110px;	}
.authenticateInfo li:first-child {border-top: 0 none;}
.authenticateInfo li.bg01 {height:73px; padding-top:36px; background: url("../../img/ipin/bg_authenticateInfo01.gif") no-repeat scroll 34px 32px transparent;}
.authenticateInfo li.bg02 {height:80px; padding-top:31px; background: url("../../img/ipin/bg_authenticateInfo02.gif") no-repeat scroll 35px 35px transparent;}
.authenticateInfo li.bg03 {height:73px; padding-top:36px; background: url("../../img/ipin/bg_authenticateInfo03.gif") no-repeat scroll 34px 32px transparent;}
.authenticateInfo li dl dt {color: #333333;	font-weight: bold;}
.authenticateInfo dd {margin-top:2px;}
.authenticateInfo .btnIssue {position:relative; top:-5px; margin-left:10px;}

/* ?�이?� 관�?*/
.ipinControl {overflow:hidden; border-top:2px solid #3278c8; background:url(../../img/common/bg_gray_line01.gif) repeat-x 0 100%;}
.ipinControl li {float:left; width:370px; height:78px; padding-top:35px; border-bottom:1px solid #e9e9e9;}
.ipinControl li.bg01 {background:url(../../img/ipin/bg_control_list01.gif) no-repeat 33px 35px;}
.ipinControl li.bg02 {background:url(../../img/ipin/bg_control_list02.gif) no-repeat 33px 35px;}
.ipinControl li.bg03 {background:url(../../img/ipin/bg_control_list03.gif) no-repeat 31px 33px;}
.ipinControl li.bg04 {background:url(../../img/ipin/bg_control_list04.gif) no-repeat 38px 35px;}
.ipinControl li.bg05 {background:url(../../img/ipin/bg_control_list05.gif) no-repeat 27px 38px;}
.ipinControl li.bg06 {background:url(../../img/ipin/bg_control_list06.gif) no-repeat 40px 36px;}
.ipinControl li.bg07 {background:url(../../img/ipin/bg_control_list07.gif) no-repeat 33px 35px;}
.ipinControl li dl {margin-left:110px; padding-right:20px;}
.ipinControl li dl dt {color:#333333; font-weight:bold;}

/* ?�용방�? ?�비???�개 */
.preventHeader {height:177px; padding:181px 0 0 44px; background:url(../../img/ipin/img_ipin_prevent.gif) no-repeat 0 0;}
.preventHeader .txt {margin-bottom:20px; color:#999999; font-size:11px; line-height:14px;}
.preventHeader dl {float:left;}
.preventHeader dl.ipin {}
.preventHeader dl.ipin dt {margin-bottom:10px;}
.preventHeader dl.number {margin-left:44px;}
.preventHeader dl.number dt {margin-bottom:20px;}
.preventHeader dl input.txtInput {width:82px; margin-left:20px; padding:7px 0 4px 10px; color:#111111; text-align:center; border:0;}
.preventHeader dl input.txtInput:first-child { margin-left:6px;}
.preventHeader dl dd .btn {position:relative; top:-1px; margin-left:3px;}

.ohMyIpin {margin-top:5px;}
.ohMyIpin .inner {padding:41px 20px 33px 244px; background:url(../../img/ipin/bg_ohmy_ipin.gif) no-repeat 10px 57px;}
.ohMyIpin .inner p {}
.ohMyIpin .inner .phoneWrap {overflow:hidden;}
.ohMyIpin .inner .phoneWrap dl {float:left; overflow:hidden; position:relative; width:204px; margin-top:45px;}
.ohMyIpin .inner .phoneWrap dl dt {position:absolute; top:9px; left:82px;}
.ohMyIpin .inner .phoneWrap dl .btn {float:right; margin-top:33px;}
.ohMyIpin .inner .phoneWrap dl .qrCode {float:left;}
.ohMyIpin .inner .phoneWrap dl.android {margin-left:33px;}

/* ?�이?� ?�용방�? 체험 ?�인 ?�보 */
.resultTit {height:33px; *height:35px; padding:19px 0 0 20px; *padding-top:17px; color:#fff; font-size:18px; font-weight:bold; background:url(../../img/prevent/bg_result_tit.gif) no-repeat 0 0;}
.resultTit * {vertical-align:middle;}
.resultWrap {border-bottom:2px solid #f2f2f2;}
.resultWrap .inner {border:1px solid #d8d8d8;}
.resultWrap .result {overflow:hidden;}
.resultWrap .result li {float:left; width:183px; height:154px; padding-top:35px; color:#333; text-align:center; border-left:1px solid #e6e6e6;}
.resultWrap .result li:first-child {border-left:0;}
.resultWrap .result li strong {display:block;}
.resultWrap .result li span {display:inline-block;}
.resultWrap .result li .tit {margin-bottom:45px;}
.resultWrap .result li.area .tit {margin-bottom:25px;}
.resultWrap .result li .txt {margin-top:15px; font-size:14px;}
.resultWrap .result li .txt:first-child {margin-top:0;}
.resultWrap .result li .txt .sTit {width:35px; color:#959ba0; font-size:12px; text-align:left;}
.resultWrap .result li .txt .data {position:relative; top:2px; margin-right:4px; font-size:30px; font-family:'Arial'; line-height:30px;}
.resultWrap .result li.area .txt .data {width:49px; text-align:right;}
.resultWrap .result li .txt .data.do {color:#337ee3;}
.resultWrap .result li .txt .data.ov {color:#f56100;}
.resultWrap .infoTxt {position:relative; padding:18px 21px 15px; color:#ff6905; font-size:11px; background:#fafafa;}
.resultWrap .infoTxt a {position:absolute; top:13px; right:19px;}

.bbsSearch01 * {vertical-align:middle;}
.bbsSearch01 label {margin-right:42px; padding-top:4px;}
.bbsSearch01 label img {margin-top:-2px;}

/*20140722*/
.ipinEffect.prevent li.bg01_0722 {height:50px; padding-top:22px; background:url(../../img/ipin/bg_prevent01.gif) no-repeat 33px 15px;}
.ipinEffect.prevent li.bg02_0722 {height:50px; padding-top:22px; background:url(../../img/ipin/bg_prevent02.gif) no-repeat 28px 15px;}
.ipinEffect.prevent li.bg03_0722 {height:50px; padding-top:22px; background:url(../../img/ipin/bg_prevent03.gif) no-repeat 27px 15px;}
.ipinEffect.prevent li.bg04_0722 {height:50px; padding-top:22px; background:url(../../img/ipin/bg_prevent04.gif) no-repeat 29px 13px;}
.receiveOption_0722 {margin-bottom:5px;}
.receiveOption_0722 li {margin-top:11px;}
.receiveOption_0722 li * {vertical-align:middle;}
.receiveOption_0722 li:first-child {margin-top:0;}
.receiveOption_0722 li strong {display:inline-block; width:73px;}
.receiveOption_0722 li input {margin-left:16px;}
.boxType03_0722 {border-bottom:2px solid #f2f2f2; width:32%;}
.boxType03_0722 .inner {padding:; border-top:2px solid #3278c8; border-right:1px solid #d8d8d8; border-bottom:1px solid #d8d8d8; border-left:1px solid #d8d8d8;}
.boxType03_0722 .inner .tit {color:#004cca; font-size:14px; line-height:16px; font-weight:Bold; letter-spacing:-1px;}
.boxType03_0722 dl dt {color:#999999; font-size:11px; line-height:16px; font-weight:Bold; letter-spacing:-1px; padding-left:10px; text-indent:-10px;}
.boxType03_0722 .inner .txt {color:#333333; font-size:12px; line-height:16px;}
.boxType03_0722 .inner .txt li {text-indent:-12px; padding-left:12px;}
.clauseWrap .clause_0722 {overflow-x:hidden; overflow-y:auto; width:auto; height:200px; padding:15px 10px; word-break:keep-all;}
/*���*/
.agree{overflow:hidden; margin-top:40px;}
.agree_box{width:240px; float:left; margin-left:10px;}
.agree_box:first-child{margin-left:0px;}
.agree_box .boxType03 {border-bottom:2px solid #f2f2f2;}
.agree_box .boxType03 .inner,.agree_box .boxType03 .inner2 {padding:20px 20px 10px; border-top:2px solid #3278c8; border-right:1px solid #d8d8d8; border-bottom:1px solid #d8d8d8; border-left:1px solid #d8d8d8;}
.agree_box .boxType03 .inner .tit,.agree_box .boxType03 .inner2 .tit {color:#004cca; font-size:14px; line-height:16px; font-weight:Bold; letter-spacing:-1px;}
.agree_box .boxType03 dl dt {color:#999999; font-size:11px; line-height:16px; font-weight:Bold; letter-spacing:-1px; padding-left:10px; text-indent:-10px;}
.agree_box .boxType03 .inner .txt,.agree_box .boxType03 .inner2 .txt {color:#333333; font-size:12px; line-height:16px;}
.agree_box .boxType03 .inner .txt li,.agree_box .boxType03 .inner2 .txt li {text-indent:-12px; padding-left:12px;}
.agree_box .clauseWrap .inner,.agree_box .clauseWrap .inner2 {padding:0; }
.agree_box .clauseWrap .inner2 {padding:0; margin-top:10px;}
.agree_box .clauseWrap .inner2:first-child{margin-top:0;}
.agree_box .clauseWrap .clause {overflow-x:hidden; overflow-y:auto; width:auto; height:220px; padding:12px 12px 28px; word-break:keep-all;}
.agree_box .clauseWrap .clause2 {overflow-x:hidden; overflow-y:auto; width:auto; height:15px; padding:12px 12px 28px; word-break:keep-all;}
.agree_box .clauseWrap .clause .txt_box{height:70px; overflow:hidden;margin-top:10px;}
.agree_box .clauseWrap .clause .txt_box:first-child{margin-top:0;}
.agree_box .clauseWrap h2.agree_tit{margin-top:7px; margin-bottom:0; background:url(../images/cimd_agree_blit.gif) no-repeat 3px; padding-left:8px;}
.agree_box .bottom {height:23px; padding:5px 0 0 0; color:#333; background:#fafafa;}

/*20140813�����ɺ�ȣ*/
.preventHeader2 {height:150px; padding:181px 0 0 44px; background:url(../../img/ipin/img_ipin_safe.gif) no-repeat 0 0;}
.preventHeader2 .txt {margin-bottom:20px; color:#999999; font-size:11px; line-height:14px;}
.preventHeader2 dl {float:left;}
.preventHeader2 dl.ipin {}
.preventHeader2 dl.ipin dt {margin-bottom:10px;}
.preventHeader2 dl.number {margin-left:44px;}
.preventHeader2 dl.number dt {margin-bottom:20px;}
.preventHeader2 dl input.txtInput {width:82px; margin-left:20px; padding:7px 0 4px 10px; color:#111111; text-align:center; border:0;}
.preventHeader2 dl input.txtInput:first-child { margin-left:6px;}
.preventHeader2 dl dd .btn {position:relative; top:-1px; margin-left:3px;}
.cl{clear:both;}
.ipinEffect.prevent li.bg05_0813 {height:50px; padding-top:22px; background:url(../../img/ipin/bg_prevent05.gif) no-repeat 29px 13px;}