@charset "utf-8"; 
@import "reset.css";
@import "nanumgothic.css";

/* skipToContent */ 
#skipToContent a { position:absolute; top:0px; left:0px; z-index:9999; width:100%; height:1px;	margin-top:-1px; display:block;	background-color:#3875c1; font-size:14px; font-weight:bold; color:#fff; line-height:1; text-align:center; overflow:hidden;}
#skipToContent a:focus,
#skipToContent a:active { margin-top:0px; height:auto; padding:10px 0px;}


/* Web Content Accessibility TTS(Text To Speech) Code */
caption, legend {visibility:hidden;width:0;height:0;line-height:0;font-size:0;overflow:hidden;}
.hidden {position:absolute;visibility:hidden;width:0;height:0;font-size:0;line-height:0;overflow:hidden;}


/* 공통 class */
.dpNone{display:none}
.floatL{float:left}
.floatR{float:right}
.posiA{position:absolute}
.center{text-align:center;}
.left{text-align:left;}
.right{text-align:right;}
.mgT20{margin-top:20px}
.mgT50{margin-top:50px}
.mgL20{margin-left:20px}
.point{color:#427eec}
.point_red{color:#F93B3B}

.cls_underBlueLine{border-bottom:2px solid #437fec; padding-bottom:10px}   /*제목의 아래에 파란 한줄 긋기*/

/* clearfix */
.clearfix:before,
.clearfix:after { content: ""; display: block; height: 0; overflow: hidden;}
.clearfix:after { clear: both;}


/*input*/

/*.inputTxt{height:14px;line-height:14px;}*/
.inputTxt{height:31px;line-height:14px;}
/*.inputSelect{height:33px;line-height:24px;margin-top:-3px;}*/
.inputSelect{height:35px;line-height:24px;margin-top:-3px;}
.inputCheck{-webkit-appearance:checkbox;border:1px solid #c7c7c7;}
.inputRadio{position:relative;top:0;vertical-align:top;-webkit-appearance:radio;border:1px solid #777;}
.inputTextarea{padding:4px;overflow:hidden !important;color:#666;border:1px solid #ccc;background-color:#fff}
.inputTextarea textarea{width:100%;color:#555;font-size:13.333px;border:0;}



/*input style*/

.dSelect{height:31px;line-height:31px;vertical-align:middle;border:1px solid #ccc;background-color:#fff;overflow:hidden;width:90%;margin-left:10%;}
.dInput{height:31px;line-height:31px;padding:0 5px;vertical-align:middle;border:1px solid #ccc;background-color:#fff;overflow:hidden;width:calc( 100% - 10px );margin-left:0%;}
.dSelect .inputSelect{width:calc( 100% - -1px );border-radius:5px 0 0 5px;display:block;padding-left:4px;}
.dInput .inputTxt{width:90%;}
.dInput.file input{height:100%;outline:none;}

/* contentWrap input reset */

.contentWrap input[type=text], input[type=url], input[type=email], input[type=password], input[type=tel], textarea{-webkit-appearance:none;-moz-appearance:none;font-family:'나눔고딕','Nanum Gothic','돋움',Dotum,Arial, Sans-serif;color:#555;border:0 none;outline:none;}
.contentWrap input[type="text"]:disabled{color:#000;background-color:#fff;outline:none;}

.contentWrap select{font-family:'나눔고딕','Nanum Gothic','돋움',Dotum,Arial, Sans-serif;color:#555;border:0 none;outline:none;}


.contentWrap button[type=submit]{-webkit-appearance: none;-moz-appearance:none; font-family:'나눔고딕','Nanum Gothic','돋움',Dotum,Arial, Sans-serif;border: 1px solid #bbb;}

.contentWrap input[type=range]{width: 100%;}
input[type=range]::-webkit-slider-thumb{ -webkit-appearance: none;background: #fdfdfd;border: 1px solid #bbb;}

/* unstyled tel links as default */
.contentWrap a[href^='tel:']:link, a[href^='tel:']:visited{color: #717171;font-weight: normal; text-decoration: none;}
.contentWrap a[href^='tel:']:hover, a[href^='tel:']:active{color: #717171; text-decoration: none;}


/*multiInput*/

/*cell*/

.multiInput li{position:relative;float:left;width:35%}
.multiInput li.select{width:30%;}
.multiInput li.select .dSelect{width:100%;}
.multiInput li.num .dInput{margin-left:20px}
.multiInput li .dInput span{position:absolute;left:10px;top:2px}
.multiInput:after{content:"";display:block;clear:both;}



/*email*/

.email .multiInput li{width:50%}
.email .multiInput li.num .dInput span{left:5px;}

/* btnArea */
.btnArea {position:relative;margin-top:10px}

/* btnOut reset */

.btnOut{display:inline-block;height:34px;vertical-align:middle;overflow:hidden}/* type01 메인버튼 */
address .btnOut{display:inline-block;height:34px;vertical-align:middle;overflow:hidden;line-height:34px;}/* type01 메인버튼 */
a.btnOut,
input.btnOut,
span.btnOut,     /*span 추가*/
button.btnOut{color:#fff;font-size:14px;font-weight:bold;text-align:center;font-family:'나눔고딕','Nanum Gothic','돋움',Dotum,Arial, Sans-serif;cursor:pointer}
button.btnOut{height:36px;}

/* btnOut type */

.btnOut.type01{border:1px solid #2f6da6;background-color:#427eec} /* type01 파랑/수정완료 */ 
.btnOut.type02{color:#fff;border:1px solid #464849;background-color:#616364} /* 취소 */ 
.btnOut.type03{border:1px solid #627584;background-color:#7c93a5} /* 다음 */ 
.btnOut.type04{color:#555;border:1px solid #555;background-color:#fff} /* type03 메인버튼(진회색) */ 



/*btnIn type*/

/*btnIn 테이블*/
.btnIn{display:inline-block;min-width:35px;height:14px;line-height:13px;padding:4px 10px;margin-left:2px;color:#fff;font-family:'나눔고딕','Nanum Gothic','돋움',Dotum,Arial, Sans-serif;font-size:12px;text-align:center;vertical-align:middle;cursor:pointer;overflow:hidden;}
.btnIn:hover{color:#fff;text-decoration:none !important}
.btnIn.type01{height:22px;line-height:21px;padding:0    5px;color:#fff;font-weight:600;border:1px solid #3674df;border-radius:3px;background-color:#427eec}
.btnIn.type02{height:15px;line-height:14px;padding:4px 5px;color:#fff;font-weight:600;border:1px solid #848991;border-bottom:1px solid #73777f;border-radius:3px;background-color:#8a909c}

.btnIn.type03{height:15px;line-height:14px;padding:4px 5px;color:#fff;font-weight:600;border:1px solid #3674df;border-bottom:1px solid #73777f;border-radius:3px;background-color:#427eec; min-width:15px}
.btnIn.type04{height:15px;line-height:14px;padding:4px 5px;color:#427eec;font-weight:600;border:1px solid #427eec;border-bottom:1px solid #427eec;border-radius:3px;background-color:#FFFFFF; min-width:15px}