@charset "utf-8";

.bgsqar {background:url(../../img/bul/bul_sq_arr.png) no-repeat 0 5px; padding-left:14px; }
.fmv-box-type1{border:1px solid #e4e4e4;}
.fmv-box-type1:hover{border-color:#999;}
/* 2016-08-01 화면개선 수정*/
.certificate-info {float:left;display:block;width:302px;height:434px; margin-left:19px; border:1px solid #e4e4e4; text-align:center;}
/*.certificate-info:hover{border-color:#999;}
.certificate-info:first-child {margin-left:0;}*/
.certificate-info .info-content{margin:45px auto 0; padding:150px 0 0 15px; width:208px; }
.certificate-info .info-content dt{font-size:18px;font-weight:bold;color:#222;text-align:center;}
.certificate-info .info-content dd {margin-top:15px; text-align:left;}
.certificate-info .info-content.info1{background:url(../../img/fmv/cp_info1.png) no-repeat center top;}
.certificate-info .info-content.info2{background:url(../../img/fmv/cp_info2.png) no-repeat center top;}
.certificate-info .info-content.info3{background:url(../../img/fmv/cp_info3.png) no-repeat center top;}
.certificate-info .info-content.info4{background:url(../../img/fmv/cp_info4.png) no-repeat center top;}
.certificate-info .info-content.info5{background:url(../../img/fmv/cp_info5.png) no-repeat center top;}
.certificate-info .info-content.info6{background:url(../../img/fmv/cp_info6.png) no-repeat center top;}
.contents ul.align{margin-left:-19px !important; }
.certificate-info p{margin-top:30px;}
/* 2016-08-01 화면개선 수정 끝 */

.certificate-box {width:900px; height:175px; padding:35px 0 0 50px; background:url(../../img/fmv/certificate-box.png) no-repeat }
.certificate-box .tit {display: block; margin-bottom: 20px; font-size: 23px; color: #222;}

.fmv-desc-type1{padding:47px 0 46px 53px;}
.fmv-desc-type1 .input-fail{background:url(../../img/fmv/input_fail.png) no-repeat;padding:6px 0 0 229px;height:143px;}
.fmv-desc-type1 .issue-complete{background:url(../../img/fmv/issue_complete.png) no-repeat;padding:6px 0 0 229px;height:143px;}
.fmv-desc-type1 .cont-desc{font-size:30px;font-weight:bold;line-height:36px;letter-spacing:-0.0623em;}
.fmv-desc-type1 .cont-desc .customer{line-height:40px;}
.certificate-complete{width:900px; height:175px; background:url(../../img/fmv/cp_renewal_1.png) no-repeat; padding:35px 0 0 50px;}
.certificate-complete a {margin-top:20px;}


.certificate-admin-wrap {width:950px;overflow:hidden;}
.certificate-admin {margin-left:-10px;}
.certificate-admin li{float:left;margin:0 0 10px 10px;padding:30px 0;width:468px;border:1px solid #e4e4e4;}
.certificate-admin li:hover{border-color:#e4e4e4;}
.certificate-admin li dl{padding-left:190px;height:145px;}
.certificate-admin .admin1{background:url(../../img/fmv/certificate_admin1.png) no-repeat 45px center; }
.certificate-admin .admin2{background:url(../../img/fmv/certificate_admin2.png) no-repeat 39px center;}
.certificate-admin .admin3{background:url(../../img/fmv/certificate_admin3.png) no-repeat 45px center;}
.certificate-admin .admin4{background:url(../../img/fmv/certificate_admin4.png) no-repeat 39px center;}
.certificate-admin .admin5{background:url(../../img/fmv/certificate_admin5.png) no-repeat 45px center;}
.certificate-admin .admin6{background:url(../../img/fmv/certificate_admin6.png) no-repeat 39px center;}
.certificate-admin .del1{position:relative;background:url(../../img/fmv/certificate_del1.png) no-repeat 30px top; padding-left:196px;height:126px;}
.certificate-admin .del2{position:relative;background:url(../../img/fmv/certificate_del2.png) no-repeat 30px top; padding-left:196px;height:126px;}
.certificate-admin .btn-area{padding-left:196px;}
.certificate-admin dt{font-size:18px;font-weight:bold;color:#222;}
.certificate-admin dd{margin-top:10px;word-break:keep-all;word-wrap:break-word;}

.otp-info{position:relative;padding:13px 0 0 250px;height:88px;line-height:24px }
.otp-info .figure{position:absolute;top:0;left:0;}

/* text type */
.fmv-subtitle1{font-size:14px;font-weight:bold;color:#222;}

/* 공인인증서 로그인 */
.loginbox2-wrap{background:url(../../img/bg/bg_login.png) no-repeat 173px 32px;margin-bottom:102px;padding:27px 0 0 373px;width:577px;height:165px;}
.loginbox2-wrap strong{display:block;font-size:26px;font-weight:bold;color:#222;}
.loginbox2-wrap strong span{color:#1f5dbe;}
.loginbox2-wrap .loginbox{margin:21px 0 0 3px;}
.loginbox2-wrap .txt-type3.bul{margin:25px 0 11px 3px;}
.loginbox2-wrap .btn-white{margin-right:4px;}
.loginbox2-wrap .btn-orange3{vertical-align:middle;}
.loginbox2-wrap .input-text{margin:0 4px 0 0;}
.loginbox2-wrap .btn-area{margin-left:3px;}

/* 약관동의 테이블 */
.terms-table-wrap{margin:16px 0 0;position:relative;}
.terms-table-wrap .btn-white{position:absolute;top:0;right:0;}
.tbl-terms{width:100%;margin:31px 0 0;font-size:13px;border-top:1px solid #ddd;}
.tbl-terms.first{margin-top:25px;}
.tbl-terms caption{padding:6px 0 0;height:31px;text-align:left;font-weight:bold;visibility:visible;overflow:visible;width:100%;font-size:14px;line-height:normal;}
.tbl-terms th{height:116px;padding:10px 0 0 10px;background:#f5f5f5;border-left:1px solid #ddd;border-bottom:1px solid #ddd;font-weight:normal;text-align:left;vertical-align:top;color:#666;}
.tbl-terms th label{float:left;width:175px;margin:-3px 0 0;*margin:0;padding:0 0 0 5px;letter-spacing:-1px;}

.tbl-terms th p{padding:0 0 0 5px;background:url(../../img/bul/bul_squ_gray.gif) no-repeat 0 8px;letter-spacing:-1px;}
.tbl-terms th .list-radio{padding:7px 0 0 5px;overflow:hidden;}
.tbl-terms th .list-radio li{float:left;margin:0 0 0 15px}
.tbl-terms th .list-radio li:first-child{margin:0;}
.tbl-terms th .list-radio li label{float:none;width:auto;margin:0;padding:0;letter-spacing:0;}
.tbl-terms th .list-radio li input[type="radio"]{margin:0 5px 0 0;}

.tbl-terms th input[type="checkbox"]{float:left;}
.tbl-terms td{padding:0 0 0 10px;border-left:1px solid #ddd;border-right:1px solid #ddd;border-bottom:1px solid #ddd;}
.tbl-terms td .terms-detail-scroll{padding:10px 0;height:106px;overflow:auto;overflow-x:hidden;}

.fmu-agree h5{margin-top:25px;font-size:14px;color:#444;}
.fmu-agree h5.mg-t0, .fmu-agree h6.mg-t0{margin-top:0}
.fmu-agree h6{margin-top:25px;font-size:13px;color:#444;}
.fmu-agree .list-type1 li{padding:0 0 0 16px;font-size:13px;color:#666;line-height:20px;text-indent:-16px;}
.fmu-agree .list-type1 li.decimal{margin-left:30px;padding-left:0;list-style-type:decimal;text-indent:-4px;}
.fmu-agree .list-type2 li.decimal{margin-left:13px;padding-left:0;list-style-type:decimal;text-indent:-4px;}
.fmu-agree .list-type3 li{margin-left:-4px;text-indent:-20px;}
.fmu-agree .tbl-vtype1 caption{visibility:hidden;overflow:hidden;width:0;height:0;font-size:0;line-height:0;padding:0;display:none}
.fmu-agree .tbl-vtype1 th{padding:5px 10px;background:#eeeeee;border-left:1px solid #cccccc;border-bottom:1px solid #cccccc;border-top:none;color:#222;height:auto;text-align:center;vertical-align:middle;}
.fmu-agree .tbl-vtype1 td{padding:11px 10px;border-left:1px solid #e4e4e4;border-top:1px solid #e4e4e4;border-right:none;text-align:center;color:#444;line-height:18px;}
.fmu-agree .tbl-vtype1 th.first, .fmu-agree .tbl-vtype1 td.first{border-left:none;}

/*	tooltip	가상계좌 툴팁 처리 추가	OTP 없는 고객의 본인확인 정보 변경	2014-08-04	chbaek*/
.guide-tip2 .tooltip-wrap{top:-207px;left:348px;width:480px;}
@media screen and (-webkit-min-device-pixel-ratio:0){.guide-tip2 .tooltip-wrap{top:-207px;left:380px;width:480px;}}
@media \0screen{.guide-tip2 .tooltip-wrap{top:-207px;left:380px;width:480px;}}
.guide-tip2 .tooltip-wrap.t2{top:-207px;left:141px;width:480px;}
@media screen and (-webkit-min-device-pixel-ratio:0){.guide-tip2 .tooltip-wrap.t2{top:-207px;left:148px;width:480px;}}
@media \0screen{.guide-tip2 .tooltip-wrap.t2{top:-207px;left:148px;width:480px;}}
.tooltip-content .imagine-account{background:#FFFAD2 url(../../img/fmc/sample_card.jpg) no-repeat 16px 10px;padding:14px 0 0 308px;height:180px;}
.tooltip-content .imagine-account2{background:#FFFAD2 url(../../img/fmc/sample_card2.jpg) no-repeat 16px 10px;padding:14px 0 0 308px;height:180px;}


/* 공인인증 스마튼폰 */
.certify-info {padding:30px 35px;border:1px solid #d8dadd;}
.certify-info .bule {color:#6a9fe0;}
.certify-step {zoom:1;margin-top:20px;}
.certify-step:after {content:" ";display:block;clear:both;}
.certify-step-tit {color:#222;}
.certify-step-tit img {margin-right:10px;}
.certify-step-unit {float:left;width:260px;}
.certify-step-unit.type02 {width:182px;}
.certify-step-unit.type03 {width:135px;}
.certify-step-unit.type03 .certify-step-img img {width:135px;}
.certify-step-img {margin-bottom:15px;}
.certify-step-unit .txt-type3 {font-size:12px;color:#686868;}
.certify-step-next {float:left;margin:85px 16px 0 16px;width:16px;height:27px;background:url(../../img/bul/ico_next.png) 0 0 no-repeat;}

.certify-box {border:3px solid #becbd7; padding:60px;}
.certify-box ul li {margin-top:60px;}
.certify-box ul li:first-child {margin-top:0}
.certify-box ul li .tit {display:block; font-size:14px; }
.certify-box ul li .tit span.step {font-size:16px; margin-right:10px;}
.certify-box ul li .tit span {color:#0054b9; font-weight:bold; }
.certify-box ul li .img {display:block; margin-top:10px; width:824px;}

/* otp이미지 보기 */
.otp-img {text-align:center; padding-top:15px;}

/* otp란 */
.otp-movie:after {content:" ";display:block;clear:both;}
.otp-movie li {float:left; width:180px; height:70px; padding-left:85px; margin-right:20px; background:url(../../img/fmv/movie_otp.png) no-repeat 0 0;}
.otp-movie li span {display:block; padding:6px 0 8px 0}
.otp-movie li a {font-size:18px; font-weight:bold; color:#222;}


/*2016-10-15 스마트OTP 고도화 추가*/
.smart-step {border: 3px solid #becbd7; background: #fff;height: 145px;}
.smart-step li{position: relative; float: left; background: url(../../img/bg/bluestep_arr.png) no-repeat 0 0; box-sizing: border-box;}
.smart-step li:first-child {background: none !important; padding-left: 18px !important;}
.smart-step li .step {display: block; font-size: 16px; color: #0054b9; padding-top: 34px; margin-bottom: 19px;font-weight: bold; }
.smart-step li p{text-align: center; color: #222; font-size: 16px; }
.smart-step.type03 li {width: 25%;}
.smart-step.big li {height: 145px; padding-left: 33px; background: url(../../img/bg/bluestep_arr02.png) no-repeat 0 0; box-sizing: border-box;}

.smtotp_app{position: relative; width:950px; height:260px; background-image: url(../../img/fmv/img_otpapp.jpg); background-repeat:no-repeat; margin-top:15px; padding:0 30px;}
.smtotp_app_step {position:absolute; bottom:20px;}
.smtotp_app_step li{position: relative; float: left; width:180px; text-align:center; margin-left:56px; font-size:14px; color:#222}
.smtotp_app_step li:first-child{margin-left:0;}


/*2017-01-13 OTP센터 추가*/
.otp-info-main {float:left;display:block;width:302px;height:434px; margin-left:19px; border:1px solid #e4e4e4; text-align:center;}
.otp-info-main .info-content{margin:45px auto 0; padding-top:150px; width:240px;}
.otp-info-main .info-content dt{font-size:18px;font-weight:bold;color:#222;text-align:center;}
.otp-info-main .info-content dd {margin-top:15px; text-align:left;}
.otp-info-main .info-content.info1{background:url(../../img/fmv/otp01.png) no-repeat 45px top;margin-bottom:40px;}
.otp-info-main .info-content.info2{background:url(../../img/fmv/otp02.png) no-repeat 45px top;}
.otp-info-main .info-content.info3{background:url(../../img/fmv/otp04.png) no-repeat 45px top;}
.otp-info-main .info-content.info4{background:url(../../img/fmv/otp03.png) no-repeat 45px top;}
.otp-info-main .info-content.info5{background:url(../../img/fmv/otp05.png) no-repeat 45px top;}
.otp-info-main .info-content.info6{background:url(../../img/fmv/otp06.png) no-repeat 53px top;}
.otp-info-main p {margin-top:40px;}

.otp-box2 {width:900px; height:175px; padding:35px 0 0 50px; background:url(../../img/fmv/otp-box2.png) no-repeat }
.otp-box2 .tit {display: block; margin-bottom: 20px; font-size: 23px; color: #222;}


/*2017-05-07 인증센터 탭추가 (IFA커뮤니티CSS추가 -> 추후 component.css 연결)*/
.tab-default {position:relative;}
.tab-default > ul { border-bottom:2px solid; box-sizing:border-box;}
.tab-default > ul:after {content:''; display:table; clear:both;}
.tab-default > ul > li {z-index:1; float:left;margin-top:-2px;}
.tab-default > ul > li > a {z-index:1; position:relative; display:inline-block; margin:0 0 0 -1px; padding:0 30px; height:38px; border:1px solid #cdd2d7; border-bottom:0; color:#686868; line-height:38px; font-size:14px; letter-spacing:-0.5px; text-align:center; text-decoration:none; cursor:pointer}
.tab-default > ul > li:first-child > a {margin-left:0;}
.tab-default > ul > li.current, /* script 동작 class : current */
.tab-default > ul > li.on {z-index:2;}
.tab-default > ul > li.current > a, /* script 동작 class : current */
.tab-default > ul > li.on > a {z-index:2; margin-bottom:-2px; height:39px; border:2px solid #5c6369; border-bottom:0; line-height:38px; background-color:#fff; color:#222; font-size:15px; font-family:'Spoqa Han Sans Neo';}

/* tab-sub */
.tab-sub {overflow:hidden;padding-left:2px}
.tab-sub ul {margin-left:-12px;}
.tab-sub ul:after {content:''; display:table; clear:both;}
.tab-sub ul li {position:relative; float:left;}
.tab-sub ul li a {position:relative; display:block; padding:0 10px; color:#686868; font-size:15px; letter-spacing:0; text-decoration:none;}
.tab-sub ul li:after {content:''; position:absolute; top:5px; left:0; display:inline-block; width:1px; height:12px; background-color:#ddd;}
.tab-sub ul li:first-child:after {display:none;}
.tab-sub ul li.current a {color:#333; font-weight:bold;}
.tab-sub .array_list {float:right; margin-left:0;}
.tab-sub .array_list li {margin-left:10px;}
.tab-sub .array_list li a {padding:0 0 0 20px; font-size:13px;}
.tab-sub .array_list li:after {display: none;}
.tab-sub .array_list li.current a {background:url('/img/ico/ico_check_community.png?cashBuster=20200519') 0 center no-repeat; font-weight:normal; font-family:'NanumGothicBold';}

.tab-default.on {padding-bottom:33px;}
.tab-default .tab-sub {position:absolute; left:0; top:57px;}

/*상단 description-box*/
.topdesc-box {position:relative; margin-top:20px; padding:30px; border:1px solid #ddd; border-radius:5px; line-height:1;}
.topdesc-box .titcopy {margin-bottom:10px; font-size:24px; font-family:'NanumGothicBold'; color:#222;}
.topdesc-box .subcopy {font-size:13px;}
.topdesc-box .nbtn {position:absolute; top:33px; right:30px;}
.certificate-topdesc .nbtn-primary {position:absolute; right:30px; top:50%; margin-top:-20px;}
/*버튼*/
.nbtn {display:inline-block; overflow:visible; position:relative; min-width:100px; width:auto; height:40px; line-height:38px; margin:0; padding:0 30px; border:1px solid #666; border-radius:5px; background:#fff; color:#333; font-size:16px; font-family:'NanumGothicBold'; font-weight:normal; letter-spacing:0; text-align:center; vertical-align:middle; text-decoration:none; white-space:nowrap; box-sizing:border-box; cursor:pointer;}
.nbtn .nbtn-text {display:inline-block; color:inherit; font:inherit;}
.nbtn-primary {border-color:#1f5dbe; background:#1f5dbe; color:#fff;}
.nbtn-primary:hover {border-color:#134298; background:#134298; color:#fff;}
/*탭 내용 불러오기*/
.center_wrap {overflow:hidden;}