@charset "utf-8";
/************************************************
YUANTA
commnet : base
*************************************************/
@font-face {
  font-family: 'NanumGothic';
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/nanumgothic.eot);
  src: local('☺'),
       url(../fonts/nanumgothic.eot?#iefix) format('embedded-opentype'),
       url(../fonts/nanumgothic.woff) format('woff'),
       url(../fonts/nanumgothic.ttf) format('truetype');
}

/* Common */
html{height: 100%;}
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select,figure,figcaption{margin:0;padding:0}
body,input,textarea,select,button,table,p{font-family:NanumGothic,'나눔고딕','돋움',Dotum,helvetica,sans-serif;font-size:14px;line-height:1.7}
body{color:#6d6d6d;background:url("/templets/common/img/bg_headerwrap.png") no-repeat center top;overflow-y: scroll;}
body.noLnb{/*background:url("/templets/common/img/bg_headerwrap01.png") no-repeat center top*/}
body.lyType{background:none !important}
img,fieldset{border:0 none}
.inline{display:inline}
dl,ul,ol,menu,li{list-style:none}
button{cursor:pointer;border:none;outline:none}
header,hgroup,article,nav,footer,figure,figcaption,canvas,section,time{display:block}
table {border-collapse:collapse;border-spacing:0}
em,address{font-style:normal}
em {color:#e02f00;font-weight:bold}
em.plus{color:#ed0101;}
em.minus{color:#115BC0;}
em.ocr{display:inline-block;width:88px;height:30px;line-height:30px;text-align:center;border:2px solid #f26522;color:#f26522;font-size:13px;border-radius:3px}
input,select,button{vertical-align:middle}

/* Common Add */
legend{visibility:hidden;overflow:hidden;position:absolute;top:0;left:-999em;width:0;height:0;font-size:0;line-height:0;text-align:left}
input[type=text], input[type=password], input[type=number]{height:26px;padding:0 10px;border:1px solid #c9c9c9;background:#fff;line-height:26px;color:#3d3d3d;font-size:13px;width:78px;box-sizing:content-box;}
.ie8 input[type=text], .ie8 input[type=password], .ie8 input[type=number]{}
input[type=text].readonly{}
input:focus{border:1px solid #bbb}
input:disabled, textarea:disabled, select:disabled {background-color:#ddd;color:#999;border-color:#c9c9c9}
input[type=radio]{width:13px;height:13px;/*margin-bottom:3px*/}
select {height:28px;vertical-align:middle;border:1px solid #c9c9c9;padding:0 0 0 7px !important;color:#3d3d3d;font-size:13px}
select:focus, input:focus, textarea:focus {border-color:#8d8d8d;outline-width:0}
.ie8 select{height:auto;padding:4px 5px 5px 5px !important;/*min-width:100px*/}
select.fs{font-size:13px;letter-spacing:-1px}
textarea{padding:7px 10px;border:1px solid #c9c9c9;color:#3d3d3d;resize:none;font-size:13px}
::-webkit-input-placeholder {font-size:13px;vertical-align:middle;color:#999}
:-webkit-input-placeholder {font-size:13px;vertical-align:middle;color:#999}
::-moz-placeholder {font-size:13px;vertical-align:middle;color:#999}
:-moz-placeholder {font-size:13px;vertical-align:middle;color:#999}
:-ms-input-placeholder {font-size:13px;vertical-align:middle;color:#999}
.placeholder{font-size:13px;vertical-align:middle;color:#999 !important}

input[type=radio] + label, input[type=checkbox] + label {display:inline-block;letter-spacing:-1px;padding: 0 20px 0 3px;vertical-align:middle}
input[type=radio] + label.type2{display:inline}
input[type=radio] + label.hidden, input[type=checkbox] + label.hidden{font-size:0;line-height:0;text-indent:-9999px;padding-right:0;padding-left:0}
input[type=text] + input[type=radio], input[type=text] + input[type=checkbox], input[type=password] + input[type=radio], input[type=password] + input[type=checkbox], select + input[type=checkbox]{margin-left:5px}
input[disabled=disabled] + label{color:#BDBDBD;}
input[type=checkbox].btnType{-webkit-appearance:none;border:none;visibility:hidden;overflow:hidden;position:absolute;top:0;left:-999em;width:0;height:0;font-size:0;line-height:0;text-align:left;text-indent:-9999px}
input[type=checkbox].btnType + label{background-color:#337ab5;border-color:#337ab5;color:#fff;text-align:left !important;padding:0 14px;}
input[type=checkbox].btnType + label.on{background-color:#757575;border-color:#757575;}
input[type=checkbox].btnType + label>span{width:15px;height:14px;background-position:-395px 0 !important;vertical-align:middle;margin:-2px 5px 0 0}
.txt + .btnType + label {margin-left:5px} 
label.absolute {position:absolute;color:#999;display:none;cursor:text;}

input[type=checkbox].btnType.down + label>span{width:17px;background-position:-414px 0 !important}
.formWrap input, .formWrap select{margin:5px 0;}

.fileUpload {position:relative;width:200px;height:30px;border:1px solid #c9c9c9;}
.fileUpload .file {position:absolute;top:0;left:0;right:0;bottom:0;margin:0;padding:0;border:0 none;opacity:0;z-index:2;-ms-filter: "alpha(opacity=0)";}
.fileUpload a{z-index:1;float:right;}
.fileUpload .btn.srch{border:none;border-left:1px solid #e8e8e8}


/*a link*/
a{color:#3d3d3d;text-decoration:none}
a:hover,a:active, a:focus{text-decoration:none}
.link, .link:hover, .link:focus{text-decoration:underline;color:#1f80d2;font-size:13px}
.link.em{color:#e02f00 !important;}


/* basic */
.blind{visibility:hidden;overflow:hidden;position:absolute;top:0;left:-999em;width:0;height:0;font-size:0;line-height:0;text-align:left;text-indent:-9999px} 
.hide, .dataHide{display:none}
.fL{float:left !important}
.fR{float:right !important}
.fN{float:none !important}
.overflowH,.uiWrapper{overflow:hidden; zoom:1}
.ellipsis{display:inline-block;overflow:hidden;/*width: auto에서 100%로 수정 문제되면 말씀해주세욤(ci05)*/width:100%;white-space:nowrap;text-overflow:ellipsis;vertical-align:middle}
.txtC {text-align:center !important}
.txtL {text-align:left !important}
.txtR {text-align:right !important}
.vT {vertical-align:top !important}
.vM {vertical-align:middle !important}
.vB {vertical-align:bottom !important}
.block{display:block !important}
.iBlock{display:inline-block !important}
.item{display:inline-block;margin-left:10px;}
.item.r{margin-right:10px;margin-left:0;}
.bgN, .bgN li {background:none !important}
.bdN{border:none !important}
.pointer {cursor:pointer !important}
img.img {background:#e8e8e8 !important;display:block;margin:0 auto;}
.img.base{width:100px;height:100px}
.fwn{font-weight:normal !important;}
.underline{text-decoration:underline}
.divider{display:inline-block;width:5px;text-align:center;}
.divider.w{width:14px}
.icoLink{line-height:0;display:inline-block;}
.bb{box-sizing:border-box !important;}

/*font-size*/
.fs16{font-size:16px !important}
.fs18{font-size:18px !important}
.fs20{font-size:20px !important}

/*전화번호, 자택번호 */
.iTel, .iFax{width:41px !important}
.iTelx[type=password], .iFax[type=password]{width:50px !important}
.iZip{width:49px !important}
.iSmsCfim{width:110px !important;text-align:center;}
.iSmsCfim[type=password]{width:110px !important;text-align:center;}
.iPw[type=text], .iPw[type=password]{width:110px !important;text-align:center;}
.iPwW[type=text], .ipwW[type=password]{min-width:110px !important;text-align:center;width:auto;}
.iId{width:110px !important;text-align:center;}

.iAdd01{width:72px !important}
.iAdd02{width:169px !important}
.iAdd02{width:293px !important}
.iEmail, .iWauto{width:auto !important}

.txtWp100{width:100%;box-sizing:border-box;height:30px;}

/* width */
.wp17d5{width:17.5% !important}
.wp49d5{width:49.5% !important} 
.wp10{width:10% !important}
.wp12{width:12% !important}
.wp15{width:15% !important}
.wp20{width:20% !important}
.wp25{width:25% !important}
.wp30{width:30% !important}
.wp35{width:35% !important}
.wp40{width:40% !important}
.wp50{width:50% !important}
.wp60{width:60% !important}
.wp70{width:70% !important}
.wp75{width:75% !important}
.wp80{width:80% !important}
.wp100{width:100% !important}
.w30{width:30px !important}
.w50{width:50px !important}
.w51{width:50px !important} 
.w55{width:55px !important} 
.w60{width:60px !important}
.w65{width:65px !important}
.w70{width:70px !important}
.w75{width:75px !important}
.w78{width:78px !important}
.w80{width:80px !important}
.w85{width:85px !important}
.w89{width:89px !important}
.w90{width:90px !important}
.w95{width:95px !important}
.w100{width:100px !important}
.w110{width:110px !important}
.w120{width:120px !important}
.w130{width:130px !important}
.w140{width:140px !important}
.w150{width:150px !important}
.w155{width:155px !important}
.w156{width:156px !important}
.w157{width:157px !important}
.w160{width:160px !important}
.w170{width:170px !important}
.w180{width:180px !important}
.w185{width:185px !important}
.w190{width:190px !important}
.w191{width:191px !important}
.w200{width:200px !important}
.w210{width:210px !important}
.w220{width:220px !important}
.w230{width:230px !important}
.w240{width:240px !important}
.w250{width:250px !important}
.w270{width:270px !important}
.w273{width:273px !important}
.w275{width:275px !important}
.w300{width:300px !important}
.w320{width:320px !important}
.w330{width:330px !important}
.w340{width:340px !important}
.w345{width:345px !important}
.w354{width:354px !important}
.w355{width:355px !important}
.w360{width:360px !important}
.w370{width:370px !important}
.w420{width:420px !important}
.w435{width:435px !important}
.w450{width:450px !important}
.w500{width:500px !important}
.w670{width:670px !important}
.w790{width:790px !important}
.wAuto{width:auto !important;}

/* height */
.h45 {height:45px !important;min-height:45px !important}
.h100{height:100px}
.h200{height:200px !important;}
.h218{height:218px !important;}
.h286{height:286px !important;}
.h315{height:315px !important}
.h328{height:328px !important}
.h345{height:345px !important}
.h500{height:500px !important;}


/* margin */
.mt0{margin-top:0 !important;}
.mt5{margin-top:5px !important;}
.mt8{margin-top:8px !important;}
.mb5{margin-bottom:5px !important;}
.mr5{margin-right:5px !important;}
.ml5{margin-left:5px !important;}
.ml7{margin-left:7px !important;}
.mb10{margin-bottom:10px !important;}
.mb20{margin-bottom:20px !important;}
.mb151{margin-bottom:151px !important}
.ml0{margin-left:0 !important;}
.mt10{margin-top:10px !important}
.mtb10{margin-top:10px !important;margin-bottom:10px !important;}
.mt15{margin-top:15px !important}
.mt20{margin-top:20px !important}
.mt30{margin-top:30px !important}
.mt35{margin-top:35px !important}
.mt40{margin-top:40px !important}
.mt50{margin-top:50px !important}
.ml10{margin-left:10px !important}
.ml15{margin-left:15px !important}
.ml60{margin-left:60px !important}
.mb30{margin-bottom:30px !important}

/* padding */
.p0{padding:0 !important}
.pt23{padding-top:23px !important;}
.pl20{padding-left:20px !important}
.pr0{padding-right:0 !important}
.pr5{padding-right:5px !important}
.pr20{padding-right:20px !important}
.pr200{padding-right:200px}

/* etc */
.component{background-color:gray;min-height:180px;color:#fff;text-align:center;padding:10px}
.clearfix:before, .clearfix:after {content:"";display:table;}
.clearfix:after{clear:both;}
.clearfix{*zoom:1;}