@charset "utf-8";
/************************************************
YUANTA
commnet : certcenter
*************************************************/

/*certBox::JY::*/
.certBox {border:1px solid #9d9d9d;}
.certBox.long{min-height:315px;}
.certBox > dt {position:relative;padding-left:20px;background:#f4f4f4;color:#3d3d3d;font-size:16px;font-weight:bold;line-height: 44px;}
.certBox > dt .btn {position:absolute;top:10px;right:10px;}
.certBox > dd {position:relative;min-height:100px;padding:16px 10px 0 109px;border-top:1px solid #e0e0e0;}
.certBox > dd p {font-size:13px;}
.certBox > dd p em {font-weight:normal;}
.certBox > dd .ico {position:absolute;left:20px;top:50%;margin-top:-33px;}
.certBox > dd .btn {margin:8px 0 20px;}
.certBox > dd dt {color:#1f80d2;font-weight:bold;}
.certBox > dd dd {font-size:12px;line-height:18px}
strong.mts {padding:0 8px;letter-spacing:-1px;font-size:13px;font-weight:normal;line-height:20px;height:20px;display:inline-block;color:#fff;background:#015db1;border-radius:3px;}

/* submain */
.main.certcenter .contentWrap {padding-top: 23px;}
.pvMainWrap .mainTitArea h1:after, .pvMenu dl:before, .pvGuideWrap .guideTop li.g1:after, .pvGuideWrap .btnDetail span, .pvGuideWrap .guideTop li.g2 a span,
.pvGuideWrap .pvDetail > ul > li > dl > dd ul li:before, .pvGuideWrap .pvDetail > ul > li > p, .pvGuideWrap .pvDetail > ul > li.d3 > dl dt:after, .icoPv01
{background:url("/myasset/common/img/pv/spr_pv_main.png") no-repeat;}

.pvMainWrap.bg {background:url("/myasset/common/img/pv/bg_main.jpg") no-repeat center 247px;}
.pvMainWrap .pvContent {width:990px;margin:0 auto 100px;}
.icoPv01 {width:49px;height:47px;background-position:0 -261px;}
/* 201202수정 */
.pvMainWrap .mainTitArea h1 {/* text-indent:-10000px; */}
.pvMainWrap .mainTitArea h1:after {content:"";position:absolute;top:30px;left:0;width:178px;height:30px;/* background-position:-324px 0; */ background:none}
/* 201202수정(e) */
.pvMenu {margin-bottom:60px}/* 231116 수정 */
.pvMenu:after {content:"";display:block;clear:both;}
.pvMenu > li {float:left;width:317px;margin-left:20px;box-shadow:5px 3px 10px #aeb7b7;}
.pvMenu > li.m1, .pvMenu > li.m4 {width:316px;margin-left:0;}
.pvMenu > li.m1, .pvMenu > li.m2, .pvMenu > li.m3 {margin-bottom:14px;}
.pvMenu dl {position:relative;border-top:5px solid #fc6d29;padding:30px 30px 0 40px;height:250px;background:#fff;box-sizing:border-box;}
.pvMenu dl dt {font-size:24px;color:#343434;font-weight:bold;line-height:30px;letter-spacing:-2px;}
.pvMenu dl dt .sub {font-size:15px;}
.pvMenu dl dd ul {margin-top:10px;}
.pvMenu dl dd ul li {color:#202020;font-size:14px;letter-spacing:-1px;line-height:22px;position:relative;padding-left:8px;}
.pvMenu dl dd ul li:before {content:"";position:absolute;top:10px;left:0;width:5px;height:1px;background:#202020;}
.pvMenu dl dd p {position:relative;padding-left:10px;color:#7d7d7d;font-size:13px;line-height:20px;}
.pvMenu dl dd p:before {content:"*";position:absolute;top:0;left:0;}
.pvMenu dl dd .btn {position:absolute;bottom:30px;right:40px;height:38px;line-height:38px;font-size:16px;color:#3d3d3d;}
.pvMenu dl dd .btn:hover {color:#fff;background-color:#dd3900;border-color:#dd3900;}

.pvMenu dl:before {content:"";position:absolute;left:40px;}
.pvMenu > li.m1 dl:before {bottom:34px;width:60px;height:42px;background-position:0 0;}
.pvMenu > li.m2 dl:before {bottom:35px;width:53px;height:51px;background-position:-64px 0;}
.pvMenu > li.m3 dl:before {bottom:35px;width:53px;height:51px;background-position:-122px 0;}
.pvMenu > li.m4 dl:before {bottom:30px;width:51px;height:50px;background-position:-179px 0;}
.pvMenu > li.m5 dl:before {bottom:30px;width:54px;height:54px;background-position:-234px 0;}

.pvMenu > li.m2 dl {border-top-color:#00837e;}
.pvMenu > li.m3 dl {border-top-color:#5568f2;}
.pvMenu > li.m4 dl {border-top-color:#c5dbe6;}
.pvMenu > li.m5 dl {border-top-color:#bbc7e1;}
.pvMenu > li.m6 dl {border-top-color:#a5a3b8;}
.ie8 .pvMenu dl  {border-left:1px solid #e8e8e8;border-bottom:1px solid #e8e8e8;border-right:1px solid #e8e8e8;}
.pvGuideWrap {margin-top:80px;border:1px solid #e8e8e8;}
.pvGuideWrap .guideTop {overflow:hidden;}
.pvGuideWrap .guideTop li {position:relative;color:#202020;letter-spacing:-1px;padding:20px 0 0 40px;height:98px;border-bottom:1px solid #e8e8e8;box-sizing:border-box;}
.pvGuideWrap .guideTop li.g1 {width:663px;float:left;border-right:1px solid #e8e8e8;}
.pvGuideWrap .guideTop li.g1:after {content:"";position:absolute;bottom:0;right:40px;width:123px;height:80px;background-position:-15px -62px;}
.pvGuideWrap .guideTop li.g1 strong {font-size:22px;color:#1f7dcb;}
.pvGuideWrap .guideTop li.g1 p {font-size:15px;}
.pvGuideWrap .guideTop li.g2 {width:325px;float:left;}
.pvGuideWrap .guideTop li.g2 strong {font-size:21px;color:#343434;}
.pvGuideWrap .guideTop li.g2 p {font-size:14px;}
.pvGuideWrap .guideTop li.g2 a {position:absolute;right:40px;bottom:25px;font-size:14px;color:#197ac7;font-weight:bold;}
.pvGuideWrap .guideTop li.g2 a span {margin-left:7px;vertical-align:middle;display:inline-block;width:9px;height:14px;background-position:-162px -67px;}
.pvGuideWrap .btnDetail {display:block;height:43px;line-height:43px;text-align:center;font-size:16px;color:#666666;font-weight:bold;background:#f8f8f8;}
.pvGuideWrap .btnDetail span {margin-left:10px;display:inline-block;width:14px;height:10px;background-position:-177px -77px;}
.pvGuideWrap .btnDetail.on span {background-position:-177px -67px;}
.pvGuideWrap .pvGuideDetailWrap {border-top:1px solid #e8e8e8;display:none;}
.pvGuideWrap .pvDetail {padding:40px;}
.pvGuideWrap .pvDetail .tit {margin:0 0 20px;display:block;font-size:22px;color:#343434;font-weight:bold;line-height:24px;}
.pvGuideWrap .pvDetail > ul > li {overflow:hidden;}
.pvGuideWrap .pvDetail > ul > li.d1 {height:198px;}
.pvGuideWrap .pvDetail > ul > li.d2 {height:125px;}
.pvGuideWrap .pvDetail > ul > li.d3 {height:146px;}
.pvGuideWrap .pvDetail > ul > li > p {text-align:center;color:#3d3d3d;padding:12px 85px 0 0;font-size:14px;float:left;width:275px;height:134px;background-position:-236px -60px;box-sizing:border-box;}
.pvGuideWrap .pvDetail > ul > li.d1 > p {margin-top:57px;}
.pvGuideWrap .pvDetail > ul > li.d2 > p {margin-top:3px;background-position:-236px -204px;}
.pvGuideWrap .pvDetail > ul > li.d3 > p {margin-top:12px;background-position:-236px -336px;}
.pvGuideWrap .pvDetail > ul > li > dl {float:right;width:633px;display:table;overflow:hidden;}
.pvGuideWrap .pvDetail > ul > li > dl > dt {width:290px;display:table-cell;vertical-align:middle;font-size:16px;line-height:24px;color:#3d3d3d;text-align:center;}
.pvGuideWrap .pvDetail > ul > li > dl > dd {width:343px;display:table-cell;}
.pvGuideWrap .pvDetail > ul > li > dl > dd ul {margin-top:16px;}
.pvGuideWrap .pvDetail > ul > li > dl > dd ul li {font-size:15px;line-height:22px;color:#3d3d3d;padding-left:13px;position:relative;margin-top:13px;}
.pvGuideWrap .pvDetail > ul > li > dl > dd ul li p {color:#dd3900;font-size:12px;}
.pvGuideWrap .pvDetail > ul > li > dl > dd ul li:first-child {margin-top:0;}
.pvGuideWrap .pvDetail > ul > li > dl > dd ul li:before {content:"";position:absolute;top:10px;left:0;width:4px;height:4px;background-position:-163px -105px;}
.pvGuideWrap .pvDetail > ul > li.d1 > dl > dd ul li {color:#1f7dcb;}
.pvGuideWrap .pvDetail > ul > li.d1 > dl > dd ul li:before {background-position:-163px -89px;}
.pvGuideWrap .pvDetail > ul > li.d2 > dl > dd ul li {color:#01a9aa;}
.pvGuideWrap .pvDetail > ul > li.d2 > dl > dd ul li:before {background-position:-163px -97px;}
.pvGuideWrap .pvDetail > ul > li.d1 > dl {height:180px;background:#f3faff;}
.pvGuideWrap .pvDetail > ul > li.d2 > dl {height:97px;background:#f6fdfb;}
.pvGuideWrap .pvDetail > ul > li.d3 > dl {height:100px;background:#f9fafb;}
.pvGuideWrap .pvDetail > ul > li.d3 > dl dt {position:relative;}
.pvGuideWrap .pvDetail > ul > li.d3 > dl dt:after {content:"";position:absolute;width:76px;height:56px;right:-48px;top:50%;margin-top:-28px;background-position:0 -197px;}
.pvGuideWrap .pvDetail > ul > li.d3 > dl dd {float:right;width:278px;}
.pvGuideWrap .pvFaq  {border-top:1px solid #e8e8e8;}

.pvGuideWrap .pvDetail .othMenu {overflow:hidden;margin-top:30px;}
.pvGuideWrap .pvDetail .othMenu dt {margin:0 0 15px;color:#3d3d3d;font-size:16px;line-height:24px;letter-spacing:-1px;font-weight:bold;}
.pvGuideWrap .pvDetail .othMenu dd {width:214px;float:left;margin-left:17px;}
.pvGuideWrap .pvDetail .othMenu dt + dd {margin-left:0;}
.pvGuideWrap .pvDetail .othMenu dd a {height:52px;line-height:52px;font-size:15px;color:#3d3d3d;text-align:center;display:block;border:1px solid #e8e8e8;background:#f8f8f8;}

.pvMainWrap .pvFaq {padding:15px 40px 20px;}
.pvMainWrap .pvFaq .guideTxt {margin-top:10px;}
.pvMainWrap .pvFaq .guideTxt li {float:left;width:444px;}
.pvMainWrap .pvFaq .guideTxt a {font-size:14px;color:#6d6d6d;}
.pvMainWrap .pvFaq .guideTxt a:hover {text-decoration:underline;}
.guideTxt.olType.useStep li, .guideTxt.olType.useStep dt{margin-left:0;text-indent:0;}
.guideTxt.olType.useStep dd{padding-left:0}
.guideTxt.olType.useStep>li>dl, .guideTxt.olType.useStep>li>strong{margin:0 10px;}
.guideTxt.olType.useStep>li>strong{display:inline-block;}
.guideTxt.olType.useStep dd>img:first-child{margin-top:5px}

.pvmCt .ico{background-image:url("/myasset/common/img/mobile/pv/spr_trdg.png");background-size:200px auto}
.pvmCt .ctit1{position:absolute;left:0;top:0;width:13px;height:15px;background-position:0 0}
.pvmCt .ctit2{position:absolute;left:0;top:0;width:13px;height:15px;width:14px !important;background-position:-13px 0}
.pvmCt .ctit3{position:absolute;left:0;top:0;width:13px;height:15px;width:14px !important;height:15px !important;background-position:-29px 0}
.pvmCt .ctit4{position:static;display:block;margin:0 auto;padding-bottom:10px;width:149px !important;height:22px !important;background-position:-43px 0px}
.pvmCtBox{margin-left:10px;margin-right:10px;padding:15px 8px 15px 8px;border:1px solid #e6e6e6;}
.pvmCtBox.type2{background-color:#fafafa}
.pvmCtBox+.pvmCtBox{margin-top:10px}
.pvmCtBox .pvmCtTit{position:relative;padding-bottom:6px}
.pvmCtBox .pvmCtTit .ico{}
.pvmCtBox .pvmCtTit em{display:block;font-size:15px;color:#013273;}
.pvmCtBox .guideTxt em{color:#1f80d2}
.pvmCtBox{padding:15px 8px 15px 8px;}
.pvmCtBox .btn{min-width:58px}
.pvmCtBox .btnType1{background-color:;border-color:#1f80d2;background-color:#1f80d2;font-size:12px;color:#fff;border-radius:4px}
.pvmCtBox .btnType1{background-color:;border-color:#1f80d2;background-color:#1f80d2;font-size:12px;color:#fff;border-radius:4px}