@charset "utf-8";
/*@import url(//fonts.googleapis.com/earlyaccess/nanumgothic.css);*/
/*@import url(//fonts.googleapis.com/earlyaccess/nanummyeongjo.css);*/
/*
@font-face {
  font-family:'nanum';
  font-style:normal;
  font-weight:400;
  src: url(/css/font/nanum.eot);
  src: url(/css/font/nanum.eot?#iefix) format('embedded-opentype'),
       url(/css/font/nanum.woff2) format('woff2'),
       url(/css/font/nanum.woff) format('woff'),
       url(/css/font/nanum.ttf) format('truetype');
}
@font-face {
  font-family:'nanum';
  font-style:normal;
  font-weight:600;
  src: url(/css/font/nanumB.eot);
  src: url(/css/font/nanumB.eot?#iefix) format('embedded-opentype'),
       url(/css/font/nanumB.woff2) format('woff2'),
       url(/css/font/nanumB.woff) format('woff'),
       url(/css/font/nanumB.ttf) format('truetype');
}
*/


/* reset */
* {margin:0; padding:0; font-family:'nanum', "나눔고딕", 'Nanum Gothic', "맑은고딕", 'Malgun Gothic', "돋움", dotum, "굴림", gulim, sans-serif;}
a {color:#444; text-decoration:none;}
li {list-style-type:none;}
hr {display:none;}
img, fieldset {border:0;}
table {table-layout:auto; border-collapse:separate; border-spacing:0;}
table caption {position:absolute; left:-99999px; top:-99999px;}
button {cursor:pointer;}
.hide {position:absolute; left:-99999px; top:-99999px;}


/* common */
body {font-size:14px; line-height:1; color:#444; letter-spacing:-0.03em; /*background:#f8f9f9;*/}


/* align */
.clear  {clear:both;}
.fL		{float:left;}
.fR		{float:right;}
.taL {text-align:left !important;}
.taR {text-align:right !important;}
.taC {text-align:center !important;}
.taJ {text-align:justify !important;}
.vaT {vertical-align:top !important;}
.vaM {vertical-align:middle !important;}


/* margin & padding */
.mt0  {margin-top:0 !important;}
.mt4  {margin-top:4px;}
.mt5  {margin-top:5px;}
.mt6  {margin-top:6px;}
.mt8  {margin-top:8px;}
.mt9  {margin-top:9px;}
.mt10 {margin-top:10px;}
.mt12 {margin-top:12px;}
.mt15 {margin-top:15px;}
.mt18 {margin-top:18px;}
.mt20 {margin-top:20px !important;}
.mt22 {margin-top:22px;}
.mt25 {margin-top:25px;}
.mt30 {margin-top:30px;}
.mt50 {margin-top:50px;}


.mb25 {margin-bottom:25px;}
.mb30 {margin-bottom:30px;}

.ml0 {margin-left:0 !important;}

.p0  {padding:0 !important;}
.p3  {padding:3px;}
.p5  {padding:5px;}
.p10  {padding:10px;}
.p20  {padding:20px;}
.p30  {padding:30px;}

.pt0  {padding-top:0 !important;}
.pt7  {padding-top:7px;}
.pt8  {padding-top:8px;}
.pt15 {padding-top:15px;}
.pt20 {padding-top:20px;}
.pt25 {padding-top:25px;}
.pt30 {padding-top:30px;}


.pr10 {padding-right:10px;}
.pr15 {padding-right:15px;}


.pb5 {padding-bottom:5px;}


.pl0 {padding-left:0 !important;}
.pl10 {padding-left:10px;}
.pl20 {padding-left:20px;}

.pa20 {padding:20px;}

/* width & height */
.wp5 {width:5%;}
.wp6 {width:6%;}
.wp7 {width:7%;}
.wp8 {width:8%;}
.wp9 {width:9%;}
.wp10 {width:10%;}
.wp12 {width:12%;}
.wp14 {width:14%;}
.wp15 {width:15%;}
.wp20 {width:20%;}
.wp25 {width:25%;}
.wp30 {width:30% !important;}
.wp35 {width:35%;}
.wp40 {width:40%;}
.wp42 {width:42% !important;}
.wp45 {width:45% !important;}
.wp48 {width:48% !important;}
.wp50 {width:50% !important;}
.wp55 {width:55%;}
.wp60 {width:60%;}
.wp65 {width:65%;}
.wp70 {width:70%;}
.wp75 {width:75%;}
.wp80 {width:80%;}
.wp85 {width:85%;}
.wp90 {width:90%;}
.wp95 {width:95%;}
.wp100 {width:100% !important;}
.wp150 {width:150% !important;}
.wp200 {width:200% !important;}

.w50 {width:50px !important;}
.w60 {width:60px !important;}
.w70 {width:70px !important;}
.w80 {width:80px !important;}
.w100 {width:100px !important;}
.w110 {width:110px !important;}
.w120 {width:120px !important;}
.w150 {width:150px !important;}
.w160 {width:160px !important;}
.w180 {width:180px !important;}
.w200 {width:200px !important;}
.w250 {width:250px !important;}
.w300 {width:300px !important;}
.w350 {width:350px !important;}
.w400 {width:400px !important;}
.w450 {width:450px !important;}
.w500 {width:500px !important;}
.w550 {width:550px !important;}
.w600 {width:600px !important;}
.w650 {width:650px !important;}
.w700 {width:700px !important;}
.w750 {width:750px !important;}
.w780 {width:780px !important;}
.w800 {width:800px !important;}


.h10  {height:10px !important;}
.h20  {height:20px !important;}
.h30  {height:30px !important;}
.h40  {height:40px !important;}
.h50  {height:50px !important;}
.h100 {height:100px !important;}
.h200 {height:200px !important;}
.h300 {height:300px !important;}
.h400 {height:400px !important;}
.h500 {height:500px !important;}
.h900 {height:900px !important;}

/* font : size & color */
.fs0  {font-size:0 !important; line-height:0;}
.fs15 {font-size:15px !important;}
.fs14 {font-size:14px !important;}
.fs13 {font-size:13px !important;}
.fs18 {font-size:18px !important;}
.fs20 {font-size:20px !important;}
.fs22 {font-size:22px !important;}
.fs24 {font-size:24px !important;}

.line_h16 {line-height:16px;}
.line_h18 {line-height:18px;}
.line_h20 {line-height:20px;}
.line_h22 {line-height:22px;}
.line_h24 {line-height:24px;}
.line_h26 {line-height:26px;}
.line_h28 {line-height:28px;}
.line_h30 {line-height:30px;}


b,.bold,.b {font-weight:600 !important;}
.line {text-decoration:underline;}


.red {color:#e50000;}
.blue {color:#0066cc !important;}
.orange {color:#ff6600;}
.green {color:green;}

.bgeee {background-color:#eee;}
.bgf4 {background-color:#f4f4f4;}
.bg49 {background-color:#494949;}





/* button style */
.bt_wrap {padding:25px 0 35px 0;}
.bt1,.bt2,.bt3, .bt4 { display:inline-flex; align-items:center; padding:0 12px; font-weight:600; height:35px; white-space:nowrap; cursor:pointer;}
.bt1 { color:#383838; height:27px; border:1px solid #cecece; border-radius:3px 3px; background:#fff;}
.bt1.can {padding-left:28px; background:#fff url('/design/img/common/bt_cancel.png') no-repeat 10px center;}

.bt2 { border:0; color:#fff; border-radius:3px 3px; background:#666;}
.bt2.mod {padding-left:28px; background:#e74a49 url('/design/img/common/bt_modify.png') no-repeat 10px center;}
.bt2.del {padding-left:28px; background:#555 url('/design/img/common/bt_delete.png') no-repeat 10px center;}

.bt3 { border:0; color:#fff; border-radius:4px 4px; background:#0084ff;}
.bt3.bgcG {background:#0b8d48 !important;}
.bt3.srch {padding-left:33px; background:#0084ff url('/design/img/common/bt_search.png') no-repeat 11px center;}
.bt3.xls {padding-left:43px; background:#0b8d48 url('/design/img/common/bt_xls.png') no-repeat 11px center;}

.bt4 { padding:0 5px; color:#333;
border:1px solid #ccc; border-radius:3px 3px; background:#efefef; letter-spacing:-0.05em; }


.pw_wrap {width:70%; margin:0 auto; padding:5%; margin-bottom:30px; border:#DDD 1px solid; border-radius:10px; text-align:center;}
.pw_wrap p {color:#666; font-size:14px; margin-bottom:20px}
.inp_txt {height:28px; padding:0 5px; border:1px solid #cacaca; letter-spacing:-0.05em;}
.inp_rad {margin-right:4px; margin-left:12px; vertical-align:-2px;}

/* 본인인증 */
.certi_wp { position:relative; width:65%; margin:20px auto 0 auto;}
.certi_wp .certi_top { position:relative; border:1px solid #e7e7e7; border-bottom:1px solid #d3d3d3; box-sizing:border-box; padding:25px 30px; color:#555; text-align:center;}

.certi_wp .certi_top img { vertical-align:middle; margin-right:12px; }
.certi_wp .certi_top span { color:#777; }
.certi_wp .certi_al { position:relative; overflow:hidden; margin-top:40px;}
.certi_wp .certi_al .certi_phone { position:relative; float:left; width:47.5%; margin-right:5%; border:1px solid #e7e7e7; border-bottom:1px solid #d3d3d3; box-sizing:border-box; padding:30px;}
.certi_wp .certi_al .certi_phone .certi_ph_tl { position:relative; padding:15px 20px; display:block; background:#f91313; color:#fff; font-size:1.0em; height:65px; box-sizing:border-box;}
.certi_wp .certi_al .certi_phone .certi_ph_tl img, .certi_wp .certi_al .certi_ipin .certi_ipin_tl img { vertical-align:middle; margin-right:15px; }
.certi_wp .certi_al .certi_phone .certi_txt, .certi_wp .certi_al .certi_ipin .certi_txt { position:relative; margin-top:20px; color:#777; font-size:0.85em; line-height:1.5; width:90%; min-height:100px;  }
.certi_wp .certi_al .certi_ipin { position:relative; float:left; width:47.5%; border:1px solid #e7e7e7; border-bottom:1px solid #d3d3d3; box-sizing:border-box; padding:30px;}
.certi_wp .certi_al .certi_ipin .certi_ipin_tl { position:relative; padding:20px 20px; display:block; background:#3d65cb; color:#fff; font-size:1.0em; height:65px; box-sizing:border-box;}
.cert_customer { position:relative; padding-top:30px; border-top:1px solid #e7e7e7; }
.cert_customer .cc_t1 { color:#888; font-size:0.85em; letter-spacing:-0.05em; }
.cert_customer .cc_t2 { color:#333; font-size:1.0em; margin-top:3px; }
a.cer_ph_btn { position:relative; display:block; padding:18px 30px; border:1px solid #222; text-align:center; font-size:1.2em; color:#f91313; letter-spacing:-0.05em; margin-top:25px; font-weight:bold; background:#f2f2f2; }
a.cer_ipin_btn { position:relative; display:block; padding:18px 30px; border:1px solid #222; text-align:center; font-size:1.2em; color:#3d65cb; letter-spacing:-0.05em; margin-top:25px; font-weight:bold; background:#f2f2f2; }
a.cer_ph_btn:hover, a.cer_ipin_btn:hover { background:#333; color:#fff; }



/*레이어팝업 소스*/
.layer_popup { position:absolute; background:#fff; padding:10px; box-shadow:5px 5px 10px rgba(0,0,0,0.3); border-radius:10px; z-index:999; }
.layer_popup > *:first-child { display:flex; border-radius:5px; overflow:hidden;}
.layer_popup img { max-width:100%;}
.layer_popup .layer_close { display:flex; align-items:center; justify-content:space-between; padding-top:10px; font-size:16px; }
.layer_popup .layer_close label {color:#666; }
.layer_popup .layer_close a { color:#222; font-weight:600; }
@media all and (max-width:1023px) {
  .layer_popup { top:130px !important; left:3% !important; max-width:94%;}
}
@media all and (max-width:768px) {
  .layer_popup img {width:auto !important; height:auto !important;}
}