@charset "utf-8";

@import url('https://fonts.googleapis.com/css?family=Nanum+Gothic&subset=korean');
@import url("layout.css");
@import url("style.css");
@import url("main.css");

/* additional jquery css */
@import url("../jquery/fakeLoader/fakeLoader.css");
@import url("../jquery/colorbox_2/colorbox.css");
@import url("../jquery/selectize/selectize.default.css");
@import url("../../js/jquery/waitMe/waitMe.min.css");
@import url("../../js/jquery/bxslider/jquery.bxslider.min.css");

* {margin:0; padding:0; box-sizing:border-box; }
ul, dl {list-style:none;}

html, body, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video, span {margin: 0; padding: 0;  outline: 0; }

div {margin: 0; padding: 0; border: 0; outline: 0; }

/* body { font:13px  "Nanum Gothic" , Helvetica, Verdana, sans-serif ; color:#444;  letter-spacing:-0.3px; line-height:1.3; } */
body { font-family: 'Nanum Gothic', 'Malgun Gothic', dotum, sans-serif; font-size: 13px; color:#444;  letter-spacing:-0.3px; line-height:1.3; }
span {display:inline-block; }

a, a:link {	text-decoration:none !important ;}
a.hover{color:#000; }


a, button  { color:inherit;}


input[type="button"],input[type="submit"]{
	 transition:0.3s all;
	-webkit-transition:0.3s all;
	-moz-transition:0.3s all;
	-o-transition:0.3s all;
	-ms-transition:0.3s all;}
}

form legend, table caption {text-indent: -9999px; }

table  {border-collapse:collapse; } 

/* input,textarea,select,button,a,table { font:13px 'Nanum Gothic', dotum, sans-serif ; color:#444;  line-height:1.4;} */
input,textarea,select,button,a,table { font-size: 13px; color:#444; line-height:1.4;}

select {border:1px solid #C8C8C8; height:34px; padding:0 50px 0 3px;   -webkit-appearance: none; -moz-appearance: none;
		 background:#fff url(/images/user/select_arr.png) no-repeat right 50%; }

/* IE 10, 11 */

select::-ms-expand {  display: none;}

input[type="file"] {display:inline-block;}
input[type="file"],
input[type="password"],
input[type="text"] {text-indent:7px; height:34px; line-height:32px; background:#fff;  border:1px solid #C8C8C8; }
textarea{padding:7px;  border:1px solid #C8C8C8;  background-color:#fff;  	line-height:1.5; }


input[type=radio]{position:absolute; width:0px; height:0px; opacity:0;}
input[type=radio]+label{position:relative; display:inline-block;padding-left:24px; line-height:18px; cursor:pointer;}
input[type=radio]+label:before {content:''; display:inline-block; position:absolute; left:0; top:50%; transform: translateY(-50%);
									width:18px; height:18px; 
									background:url('../../../images/user/ico.png') no-repeat -5px -92px;}
input[type=radio]:checked + label:before  {background:url('../../../images/user/ico.png') no-repeat -25px -92px;}


input[type=checkbox]{position:absolute; width:0px; height:0px; opacity:0;}
input[type=checkbox]+label{position:relative; display:inline-block;padding-left:25px; line-height:18px; cursor:pointer;}
input[type=checkbox]+label:before {content:''; display:inline-block; position:absolute; left:0; top:50%; transform: translateY(-50%);
									width:18px; height:18px; 
									background:url('../../../images/user/ico.png') no-repeat -5px -71px;}
input[type=checkbox]:checked + label:before  {background:url('../../../images/user/ico.png') no-repeat -25px -71px;}

/*margin*/
.mL2 {margin-left:2px;}
.mL3 {margin-left:3px;}
.mL5 {margin-left:5px;}
.mL7 {margin-left:7px;}
.mL8 {margin-left:8px;}
.mL10 {margin-left:10px;}
.mL15 {margin-left:15px;}
.mL20 {margin-left:20px;}
.mL25 {margin-left:25px;}
.mL30 {margin-left:30px;}
.mL35 {margin-left:35px;}
.mL40 {margin-left:40px;}
.mL45 {margin-left:45px;}
.mL55 {margin-left:55px;}
.mL60 {margin-left:60px;}

.mT2 {margin-top:2px;}
.mT5 {margin-top:5px;}
.mT7 {margin-top:7px;}
.mT8 {margin-top:8px;}
.mT10 {margin-top:10px;}
.mT12 {margin-top:12px;}
.mT15 {margin-top:15px;}
.mT20 {margin-top:20px;}
.mT25 {margin-top:25px;}
.mT27 {margin-top:27px;}
.mT30 {margin-top:30px;}
.mT35 {margin-top:35px;}
.mT40 {margin-top:40px;}
.mT50 {margin-top:50px;}
.mT90 {margin-top:90px;}

.mR5 {margin-right: 5px;}
.mR10 {margin-right: 10px;}
.mR15 {margin-right: 15px;}
.mR20 {margin-right: 20px;}
.mR30 {margin-right: 30px;}
.mR50 {margin-right: 50px;}
.mR95 {margin-right: 95px;}
.mR320 {margin-right: 320px;}

.mB5 {margin-bottom: 5px;}
.mB10 {margin-bottom: 10px;}
.mB15 {margin-bottom: 15px;}
.mB20 {margin-bottom: 20px;}

/* width */
.w20 {width:20px;}
.w25 {width:25px;}
.w30 {width:30px;}
.w35 {width:35px;}
.w40 {width:40px;}
.w45 {width:45px;}
.w55 {width:55px;}
.w70 {width:70px;}
.w80 {width:80px;}
.w100 {width:100px;}
.w200 {width:200px;}
.w300 {width:300px;}

.w100p {width: 100%;}
.w90p {width: 90%;}
.w80p {width: 80%;}
.w75p {width: 75%;}
.w70p {width: 70%;}
.w66p {width: 66%;}
.w60p {width: 60%;}
.w50p {width: 50%;}
.w40p {width: 40%;}
.w33p {width: 33%;}
.w30p {width: 30%;}
.w25p {width: 25%;}
.w20p {width: 20%;}

/* height */
.height5 {height: 5px;}

/* border */
.b0 {border: 0px;}

/* font */	
.bold {font-weight:bold; }
.fleft { float:left; overflow:hidden;}
.fright { float:right; overflow:hidden; }
.aleft {text-align:left;}
.acen {text-align:center;}
.aright {text-align:right;}
.f_black {color:#000;}
.f_grey {color:#777;}
.f_blue {color:#0066cc;}
.f_red {color:#cc0000;}
.f_red:hover {color:#cc0000;}
.f_green {color:#609209;}
.f_org {color:#ff6600;}
.block {display:block;}
.repre {padding:0 5px; line-height:20px; color:#fff; font-size:12px; border-radius:3px;  background:#db4646; }
.f10 {font-size:10px;}
.f11 {font-size:11px;}
.f12 {font-size:12px;}
.f13 {font-size:13px;}
.f14 {font-size:14px;}
.f15 {font-size:15px;}
.f16 {font-size:16px;}
.f18 {font-size:18px;}
.line-he15 {line-height:1.5;} 
.line-he16 {line-height:1.6;} 
.line-he17 {line-height:1.7;} 
.line-he2 {line-height:2;} 
.line-he25 {line-height:2.5;} 
.inline {display:inline-block;}
.atop {vertical-align:top;}
.vm {vertical-align:middle;}
.unlerline {text-decoration:underline;}
.agree_area {padding:20px 30px; width:100%; height:300px; color:#888; border:1px solid #d6d6d6; background:#fafafa;}