@charset "utf-8";
/* CSS Document */

@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);


/* footer 신규푸터, 이걸로 교체 ================================================================================================================================================ */
.btn_top{position:fixed; right:4%; top:90%; z-index:40}
.btn_top img{width:42px;}
.footer2, .foot_top, .foot_con, .foot_bottom{position:relative; overflow:hidden}
.footer2{padding:15px; text-align:center}
.foot_top{padding:15px 0; border-bottom:1px solid #f3f3f3}
.foot_top a, .foot_con a, .foot_bottom{font-family:'Noto Sans KR' !important}
.foot_top a{font-size:11px; line-height:13px; color:#555; font-weight:300; letter-spacing:-0.3px; margin:0 5px}
.foot_con{padding:15px 0}
.foot_con a{font-size:11px; line-height:13px; font-weight:500; color:#777; padding:7px; letter-spacing:-0.3px}
.foot_con img{width:110px}
.bar1{color:#efefef; font-weight:100; font-size:12px}
.bar2{color:#e9e9e9; font-weight:300; font-size:10px; line-height:16px; vertical-align:top; margin:0 7px}
.foot_bottom{font-size:12px; font-weight:300; line-height:18px; color:#aaa; padding-bottom:10px}
.footer_sns{position:relative; overflow:hidden; text-align:center; margin-top:10px}
.footer_sns ul{display:inline-block}
.footer_sns li{float:left; margin:0 3px}
.footer_sns li img{float:left}



/* decoded ================================================================================================================================================ */
/* decoded */
.decoded ::-webkit-input-placeholder{color:#aaa; font-weight:300; letter-spacing:-0.5px; font-size:15px}
.decoded ::-moz-placeholder{color:#aaa; font-weight:300; letter-spacing:-0.5px; font-size:15px}
.decoded :-ms-input-placeholder{color:#aaa; font-weight:300; letter-spacing:-0.5px; font-size:15px}
.decoded span{vertical-align:inherit}
.decoded, .decoded a, .decoded input, .decoded select, #dec_layer, #dec_layer a, .dec_tit2 a{font-family:'Noto Sans KR' !important}
.decoded, .dec_tit1, .dec_tit2, .dec_tit3, .dec_tit4, .dec_tit5, .dec_tit6, .btn_bg, .btn, .btn1, .btn2, .btn3, .btn4, form, .intype1, .dec_agree, .dec_agree_de, .provision, .dec_card, .dec_card li, .dec_pay, .dec_pay li{position:relative; overflow:hidden}
.decoded{padding-top:105px; margin:0 15px}
.dec_tit1, .dec_tit2, .dec_tit3, .dec_tit4, .dec_tit5{clear:both}
.dec_tit1{font-size:24px; line-height:30px; font-weight:600; letter-spacing:-1.5px; color:#000; padding:30px 0 20px; text-align:center}
.dec_tit2{font-size:14px; line-height:21px; font-weight:300; letter-spacing:-0.3px; color:#000; vertical-align:inherit}
.dec_tit2 a{font-size:16px; line-height:21px; font-weight:400; color:#666; letter-spacing:-0.3px; vertical-align:inherit}
.dec_tit3{font-size:17px; line-height:24px; font-weight:500; letter-spacing:-0.5px; color:#000; padding:10px 0 3px}
.dec_tit4{font-size:14px; line-height:21px; font-weight:300; letter-spacing:-0.3px; color:#888; padding-left:10px; text-indent:-8px}
.dec_tit5{font-size:14px; line-height:21px; font-weight:300; letter-spacing:-0.3px; color:#333; padding:10px 0 10px 18px; text-indent:-17px}
.dec_tit6, .dec_tit6 a{font-size:15px; line-height:23px; font-weight:300; letter-spacing:-0.3px; color:#aaa; padding:0; vertical-align:top}/*contact*/
.btn_bg{text-align:center; padding:10px 0}
.btn{display:inline-block; height:45px; line-height:45px; box-sizing:border-box; font-weight:500; font-size:13px; letter-spacing:-0.5px; text-align:center; padding:0 15px}
.btn1{width:50%; border:1px solid #e5e5e5; border-bottom:1px solid #ccc; height:35px; line-height:33px}/*작은버튼*/
.btn2{background:#1ba2da; color:#fff; height:35px; line-height:33px}/*작은버튼 파란색*/
.btn3{width:100%; background:#1ba2da; color:#fff; font-size:15px}/*파란버튼*/
.btn4{width:100%; background:#f4f4f4; color:#000; font-size:15px}/*회색버튼*/
.btn5{width:100%; border:1px solid #e5e5e5; border-bottom:1px solid #ccc; font-size:15px}/*흰버튼*/
.btn2:hover, .btn3:hover{color:#fff}
.btn4:hover{color:#000}
form{padding-top:10px}
.intype1{height:45px; background:#f4f4f4; border:none; box-sizing:border-box; padding:0 15px; margin:5px 0; -webkit-appearance:none; border-radius:0; font-size:16px; font-weight:400; letter-spacing:-0.3px}
.intype1_no{height:45px; margin:5px 0; font-size:16px; line-height:45px; font-weight:400; letter-spacing:-0.3px}
.dec_agree{padding:10px 0; font-size:15px; font-weight:300; line-height:20px; clear:both}
.dec_agree_de{font-size:12px; font-weight:500; color:#aaa; float:right; line-height:25px; letter-spacing:-0.5px; float:right}
/* provision */
.provision_bg{background:#f4f4f4; padding:10px; height:90px; overflow-y:scroll; margin:5px 0; float:left; clear:both}
.provision{font-size:13px; line-height:20px; font-weight:300; color:#666}
.provision b{color:#333; font-weight:500}
.provision table{position:relative; overflow:hidden}
.provision th, .provision td{border:1px solid #e9e9e9; font-size:8px; line-height:10px; padding:3px}
.provision th{background:#f7f7f7; font-weight:400}
.provision td{font-weight:300}
.dec_card, .dec_card li, .dec_pay, .dec_pay li{display:block}
.dec_card{padding:10px 20px}
.dec_card li{width:20%; float:left; text-align:center}
.dec_card li img{max-width:64px; width:100%}
.dec_pay{margin:10px 0; width:66.66666%}
.dec_pay li{width:50%; float:left}
.dec_pat_top_171121{position:relative; overflow:hidden; float:left; text-align:center; border-bottom:1px solid #eee; padding:10px 0}
.x_171121{ position:relative; overflow:hidden; box-sizing:border-box; width:100%; border:2px solid #1ba2da; padding:10px; margin:20px 0; font-size:12px; line-height:16px}

/* check */
.inforChk{display:none}
.inforLa{display:block; cursor:pointer; padding-left:30px; float:left}
input[type="checkbox"]:not(old) + label{background:url(http://res.heraldm.com/theinvestor/imgm/dec_che.jpg) 0 0 no-repeat; background-size:20px 20px}
input[type="checkbox"]:checked:not(old) + label{background:url(http://res.heraldm.com/theinvestor/imgm/dec_che_on.jpg) 0 0 no-repeat; background-size:20px 20px}
/* radio */
.inforChk2{display:none}
.inforLa2{display:block; float:left; width:92%; cursor:pointer; text-align:center; font-size:14px; line-height:20px; letter-spacing:-0.7px; font-weight:300; padding:0 4% 10px; min-height:100px}
input[type="radio"]:not(old) + label{background:url(http://res.heraldm.com/theinvestor/imgm/dec_radio.png) center 10px no-repeat; background-size:20px 20px; padding-top:40px}
input[type="radio"]:checked:not(old) + label{background:url(http://res.heraldm.com/theinvestor/imgm/dec_radio_on.png) center 10px no-repeat #f4f4f4; background-size:20px 20px}
/* profile */
.dec_pro_bg_tit{position:absolute; overflow:hidden; z-index:1; left:50%; margin:26px 0 -40px -50px; width:100px; text-align:center; font-size:17px; line-height:24px; font-weight:600; letter-spacing:-0.5px; background:#fff}
.dec_pro_bg, .dec_pro_bg2{position:relative; overflow:hidden; font-size:17px; line-height:28px; letter-spacing:-0.4px; font-weight:300}
.dec_pro_bg{border:1px solid #000; border-bottom:2px solid #000; border-radius:10px; margin:40px 0 20px; padding:25px 15px 15px}
.dec_pro_bg2{padding:10px 0 20px}


/* my ================================================================================================================================================ */
/* tab1 */
.tab1, .tab1>.tab_menu, .tab1>.tab_cont2, .cont, .line, .dec_tb1, .paging, .paging ul, .paging ul li, .paging ul li a, .paging_l, .paging_r{position:relative; overflow:hidden}
.tab1{display:block; clear:both; *zoom:1}
.tab1:after{display:block; height:0; content:""; font-size:0; visibility:hidden; clear:both}
.tab1>.tab_menu{padding:0 15px 10px}
.tab1>.tab_menu>li{float:left; border-right:1px solid #f4f4f4; text-align:center; font-size:16px; box-sizing:border-box; width:33.333%}
.tab1>.tab_menu>li:last-child{border:none}
.tab1>.tab_menu .tit{display:block; font-weight:400; color:#555; cursor:pointer; font-size:14px; line-height:18px; padding:5px; letter-spacing:-0.3px}
.tab1>.tab_menu .on{position:relative}
.tab1>.tab_menu .on .tit{color:#1ba2da; font-weight:500; letter-spacing:-0.4px}
.tab1>.tab_cont2{float:left;width:100%;clear:both}
.line{width:100%; height:1px; background:#f4f4f4; margin:10px 0}
.dec_tb1{width:100%; text-align:center; margin:10px 0}
.dec_tb1 th, .dec_tb1 td{padding:10px 0; font-size:13px}
.dec_tb1 th{font-weight:500; border-top:1px solid #f4f4f4; border-bottom:1px solid #f4f4f4}
.dec_tb1 td{font-weight:300; color:#555}
/* paging */
.paging{margin:20px auto; text-align:center}
.paging ul{display:inline-block; width:90%}
.paging ul li{display:block; float:left; width:14.2%}
.paging ul li a{display:block; color:inherit; padding:10px 0; font-size:16px; line-height:20px; font-weight:400; width:100%}
.paging ul li.on{color:#1ba2da}
.paging_l{background:url(http://res.heraldm.com/theinvestor/imgm/dec_pg_arrow_l.png) center center no-repeat; background-size:13px 13px; height:20px}
.paging_r{background:url(http://res.heraldm.com/theinvestor/imgm/dec_pg_arrow_r.png) center center no-repeat; background-size:13px 13px; height:20px}


/* dec_layer ================================================================================================================================================ */
#dec_layer{position:relative; overflow:hidden; background:#FFF; box-sizing:border-box; padding:0 15px 15px; text-align:left}
#closebtn{position:relative; overflow:hidden; width:20px; height:20px; float:right; background:url(http://res.heraldm.com/theinvestor/imgm/dec_close.png) center center; background-size:cover}


/* 170727_추가 */
.inforChk3{display:none}
.inforLa3{display:inline-block; cursor:pointer; font-size:15px; line-height:24px; letter-spacing:-0.5px; font-weight:300; margin:5px 20px 5px 0}
input[type="radio"]:not(old) + label.inforLa3{background:url(http://res.heraldm.com/theinvestor/imgm/dec_radio.png) 0 center no-repeat; background-size:20px 20px; padding:0 0 0 30px}
input[type="radio"]:checked:not(old) + label.inforLa3{background:url(http://res.heraldm.com/theinvestor/imgm/dec_radio_on.png) 0 center no-repeat; background-size:20px 20px}
.dec_pay_t1{font-weight:500; font-size:12px; line-height:16px}