body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,form,fieldset,p,button,span{margin:0;padding:0;}
body,h1,h2,h3,h4,input{color:#666666; font-size:12px; font-family: "NanumSquareL",dotum,Arial,Malgun Gothic; font-weight:bold;}
p{line-height:16px;}
caption {font-size: 0; height: 0;line-height: 0;visibility: hidden;width: 0;}
html, body{ text-align:center; height:100%;}
body{position:relative; width:100%; }
body.fixedBody{position:fixed; width:100%; overflow-y: scroll; /*height:100%;*/}
img,fieldset{border:0;}
legend{display:none;}
ul,ol,li{list-style:none;}
li{line-height:18px;}
em{font-style:normal;}
img,input,select,textarea{vertical-align:middle; margin:0; padding:0; color:#777777; font-family:dotum}
input[type=text],input[type=password]{font-family:"dotum"}
input[type=checkbox], input[type=radio] { border:none; }
textarea{border:1px solid #adb4cc;}
img{border:none;}
a{color:#666666; text-decoration:none; }
a:active{color:#333333}
a:hover{color:#333333;text-decoration:none;}
a.ir:hover{text-decoration:none;}

.input_type01{border: 1px solid #cccccc; padding:0 0 0 2px; height:17px; line-height:17px;}
.input_txt01{border: 1px solid #cccccc; padding:0 0 0 2px; height:18px; line-height:18px;}
.input_txt02{padding:2px 1px 2px 2px ;border: 1px solid #adb4cc;}
.input_file01{padding:2px 1px 3px 2px ;border: 1px solid #adb4cc;}
select{border:1px solid #cccccc;}


::-webkit-input-placeholder {
   color: #666;
   font-weight:normal;
   text-indent:10px;
} 
:-moz-placeholder {
   color: #666;
   opacity: 1;
   font-weight:normal;
   text-indent:10px;
}
::-moz-placeholder {
   color: #666;
   opacity: 1; 
   font-weight:normal;
   text-indent:10px;
}
:-ms-input-placeholder {
   color: #666; 
   font-weight:normal;
   text-indent:10px;
}

.mL4{margin-left:4px;}
.mL8{margin-left:8px;}
.mL10{margin-left:10px;}
.mL12{margin-left:12px;}
.mL16{margin-left:16px;}
.mL20{margin-left:20px;}
.mL25{margin-left:25px;}
.mL44{margin-left:44px;}
.mL48{margin-left:48px;}
.mR30{margin-right:30px;}
.mT4{margin-top:4px}
.mT8{margin-top:8px}
.mT10{margin-top:10px}
.mT12{margin-top:12px}
.mT13{margin-top:13px}
.mT15{margin-top:15px}
.mT16{margin-top:16px}
.mT17{margin-top:17px;}
.mT20{margin-top:20px;}
.mT30{margin-top:30px;}
.mT36{margin-top:36px;}
.mT40{margin-top:40px;}
.mT50{margin-top:50px;}
.mT70{margin-top:70px;}
.mT100{margin-top:100px;}
.mT120{margin-top:120px;}
.mT226{margin-top:226px;}
.mB6{margin-bottom:6px;}
.mB9{margin-bottom:9px;}
.mB13{margin-bottom:13px;}
.mB20{margin-bottom:20px;}
.mB40{margin-bottom:40px;}
.mB56{margin-bottom:56px;}
.pL15{padding-left:15px}
.pL16{padding-left:16px}

.pT30{padding-top:30px;}
.pT36{padding-top:36px;}
.pT55{padding-top:55px;}
.pT50{padding-top:50px;}
.pT111{padding-top:111px}
.pB79{padding-bottom:79px;}
.pB87{padding-bottom:87px}
.pB91{padding-bottom:91px}
.pB108{padding-bottom:108px}
.pB114{padding-bottom:114px}
.pB128{padding-bottom:128px}
.pB169{padding-bottom:169px}


.ti18{text-indent:18px;}

.txtstyle01{color:#888888; font-size:11px;}
.txtstyle02{color:#A82822; font-weight:bold;}
.txtstyle03{color:#999999; font-size:11px;}
.txtstyle04{color:#333333; font-size:14px; font-weight:bold;}

.fsize11{font-size:11px;}

.ls1{letter-spacing:-1px;}

.wscreenp1{display:block;}
.wscreenm1{display:none;}
@media screen and (max-width: 768px){
	.wscreenp1{display:none;}
	.wscreenm1{display:block;}
}

.color1{color:#c53732;}
.color2{color:#333333;}
.color3{color:#97744e;}
.color4{color:#0068b7;}

.itc{font-style:italic;}

.dspm{display:inline-block; vertical-align:middle;}
.dsb{display:block; vertical-align:middle;}

.fr{float:right;}
.fl{float:left;}
.cboth{clear:both; font-size:0px; height:1px; line-height:0;}

.hrbd01{clear:both; background:#fff; border:none; width:100%; height:2px; font-size:1px; line-height:0; }

.linetype1{clear:both; width:100%; height:0; font-size:0; line-height:0; border:none; border-bottom:1px solid rgba(221, 221, 221, .6); }
.linetype2{clear:both; width:100%; height:1px; font-size:1px; line-height:0; border:none; background:url(/images/common/ico/dot2.gif) repeat-x left bottom;}

.left{text-align:left;}
.center{text-align:center;}
.right{text-align:right;}

.none1{display:none;}
.displayn1{font-size:0; line-height:0; height:0; width:0; padding:0; margin:0;}

h3.stit1{font-size:36px; color:#333333; line-height:38px;}
h3.stit1.c1{color:#fff;}

/*position*/
	.aleft1{position:absolute; left:0;}
	.aright1{position:absolute; right:0; bottom:0;}
/*position*/

/*box*/
	.pbox1{font-family: 'NanumSquareL'; font-size:18px; color:#666666; line-height:22px;}
	.pbox1 em{ font-style:normal; color:#821e28;}
	
	.txtbox01{width:100%; line-height:26px; text-align:left;}
	.txtbox01 h3{font-size:16px; color:#333333; text-align:left;}
	
	.txtbox02{position:relative;}
	.txtbox02 .right1{position:absolute; right:0; top:1px;}
	
	.nbox1{padding:19px; border:1px solid #e4e4e4;}
	.nbox2{padding:18px; background:#f5f5f5;}
	.nbox3{padding:4px; background:#f5f5f5;}
	.nbox4{padding:10px; border:1px solid #e4e4e4; background:#fff;}
	
	.sybox1{height:100px; overflow-y:auto; border:1px solid #e4e4e4; padding:18px;}
	
	.txtbox1{line-height:16px; color:#333333; font-family: 'NanumSquareL';}
	.txtbox1 em.txt1{display:block; font-size:30px; line-height:34px; color:#5a429b; font-family: 'NanumSquareL'; margin-top:4px;}
	
	.txtbox2{position:relative; font-size:18px; color:#666666; text-align:center; line-height:22px;}
	.txtbox2 em{display:block; font-size:30px; line-height:30px; color:#333333; font-weight:bold; margin-bottom:10px;font-family: 'NanumSquareEB';}
	
	.txtbox3{position:relative; font-size:20px; color:#666666; text-align:center; line-height:26px;}
	.txtbox3 em{display:block; font-size:55px; line-height:30px; color:#333333; margin-bottom:30px;}
	
	.nbox1{padding:50px 0; border:1px solid #e4e4e4; text-align:center; }
	.nbox1 .tit1{font-size:20px; color:#333; font-weight:600}
	.nbox1 .cont1{font-size:16px; color:#666; line-height:22px; margin-top:20px; font-weight:500}
	.nbox1 .cont1 em{color:#002f2b; font-weight:bold;}
	.nbox1 .cont1 .dbox1{margin:0 auto; width:40%;}
	.nbox1 .cont1 dl{float:left; width:100%; font-size:16px; color:#333333;}
	.nbox1 .cont1 dl dt{clear:both; float:left; width:20%; height:40px; line-height:40px; text-align:left; font-weight:600; padding-left:5%;}
	.nbox1 .cont1 dl dd{float:left; width:70%; padding-top:6px; text-align:left; }
	
	@media (min-width:641px) AND (max-width:1099px){		
		.sbox1 .cont1 .dbox1{ width:82%;}
		.sbox1 .cont1 dl dt{width:14%;}
	}
	@media (max-width:640px){
		.sbox1 p.txt1{line-height:18px; font-size:14px; padding:15px 0;}
		.sbox1 .cont1{padding:15px 0;}
		.sbox1 .cont1 .dbox1{ width:90%;}
		.sbox1 .cont1 dl dt{width:100%; float:none; clear:both; margin-bottom:2px;}
		.sbox1 .cont1 dl dd{width:100%; height:auto; float:none; clear:both;}
	}
	
	.stxtbox1{line-height:16px; color:#333333;  font-size:16px;}
	.stxtbox1 em.txt1{display:block; font-size:30px; line-height:34px; color:#5a429b;  margin-top:4px;}
	
	.stitbox1{text-align:left;}
	.stitbox1 em.tit1{font-weight:bold; color:#333; font-size:24px; line-height:24px;}
	.stitbox1 em.tit1:before{display:inline-block; vertical-align:middle; margin:0 8px 2px 0; width:3px; height:20px; background:#002f2b; content:"";}
	.stitbox1 p{font-size:16px; color:#666666; line-height:22px; margin-top:4px;}
/*box*/

/*bull*/
	
	.bull1{padding:0 0 0 10px; background:url(/images/common/bul_sqr1.gif) no-repeat 3px center;}
	
/*bull*/


/*table*/
	.tbl1{border-top:1px solid #e3e5e4; border-spacing:0; border-collapse:collapse; table-layout:fixed; font-size:14px;}
	.tbl1 th{background:#f9f9f9; text-align:center; padding:8px 0 8px 0; border-right:1px solid #e3e5e4; border-bottom:1px solid #e3e5e4; line-height:22px;}
	.tbl1 td{background:#fff; padding:10px 0 10px 0; text-align:left; border-right:none; border-bottom:1px solid #e3e5e4; padding-left:24px; line-height:22px;}	
	.tbl1 .left1{padding-left:18px; text-align:left;}
	.tbl1 .last1{border-right:none;}
	.tbl1 .tit1{background:#f6f6f6;}
	.tbl1 .tit1 strong{color:#333;}
	.tbl1.t2 th{background:none; border-right:none;}
	
	.tbl2{border-top:2px solid #a79998; border-spacing:0; border-collapse:collapse; table-layout:fixed;}
	.tbl2 th{text-align:center; color:#666666; padding:8px 0 8px 0; border-right:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4;}
	.tbl2 td{padding:8px 0 8px 0; border-right:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4; text-align:center; line-height:18px;}
	.tbl2 .bg1{background:#f5f5f5;}
	.tbl2 .last1{border-right:none;}
	.tbl2 .left1{padding-left:16px; text-align:left;}
	
	.tbl3{border-top:1px solid #e4e4e4; border-spacing:0; border-collapse:collapse; table-layout:fixed;}
	.tbl3 th{background:#f2f2ff; text-align:center; color:#393c75; padding:4px 0 4px 0; border-right:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4;}
	.tbl3 td{padding:5px 0 5px 12px; border-right:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4; text-align:left; line-height:18px;}
	.tbl3 .last1{border-right:none;}
	.tbl3 .center{padding-left:0; text-align:center;}
	
	
/*table*/
/*
.checkbox1:after,
.checkbox1:before{content:""}
.checkbox1{position:relative;top:-1px;cursor:pointer; margin-right:5px;}
.checkbox1:before{position:absolute;top:-1px;left:-2px;z-index:1;width:1rem;height:1rem;border:1px solid #D8D8D8;
	-webkit-transition:all .3s ease-in-out;
	-moz-transition:all .3s ease-in-out;
	transition:all .3s ease-in-out;
}
.checkbox1:checked:before{width:.8rem; height:.4rem; border-color:#00b3d7; border-width:2px; border-top:none; border-right:none;
	-webkit-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
	-o-transform:rotate(-45deg);
	transform:rotate(-45deg);
}
.checkbox1:after{position:absolute;top:-1px;left:-2px;width:0.9rem;height:0.9rem;background:#fff;cursor:pointer;}
*/
.checkbox1+label::after,
.checkbox1+label::before{
	content:"";
	border:4px solid;
}
.checkbox1+label{
	position:relative;
}
.checkbox1{
	width:0; height:0;
	display:inline-block; vertical-align:middle; 
	cursor:pointer;
}
.checkbox1+label::after{
	position:absolute; top:3px; left:3px;
	width:0.7rem; height:0.5rem; border:1px solid #fff; border-top:none; border-right:none;
	-webkit-transition:all .3s ease-in-out;
	-moz-transition:all .3s ease-in-out;
	transition:all .3s ease-in-out;
	z-index:1;
}
.checkbox1+label::before{
	position:relative; top:-1px; left:-2px;
	display: inline-block; vertical-align:middle;
	width:1.2rem; height:1.2rem; 
	background:#fff; 
	margin-right:2px; 
	border:1px solid #ddd; border-radius:5px;
	cursor:pointer;
	-webkit-transition:all .3s ease-in-out;
	-moz-transition:all .3s ease-in-out;
	transition:all .3s ease-in-out;
}
.checkbox1:checked+label::before{
	background:#002f2b; border:1px solid #ddd; border-top:1px solid #ddd; border-left:1px solid #ddd;
}
.checkbox1:checked+label::after{
	width:.6rem;height:.3rem;
	border-color:#fff; border-width:2px; border-top:none;border-right:none;
	-webkit-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
	-o-transform:rotate(-45deg);
	transform:rotate(-45deg);
}

.radio1 {
	-webkit-appearance: none;
	opacity:1;
	position:relative; top:1px;
	width:0; height:0;
	margin-right:5px;
	cursor:pointer;
}
.radio1+label::before {
  position:relative; top:-1px;
  display: inline-block; vertical-align: middle;
  width: .8em; height: .8em;
  border: solid 1px;
  border-radius: 50%;
  margin-right:5px; 
  box-shadow: inset 1em 1em 0 6px white, inset 0 0 0 15px fff, 0 0 0 ;/* you can add as many , could be rings Inside each others*/
  cursor: pointer;
  transition: 0.2s;
  content: '';
}

.radio1:checked+label::before {
  box-shadow: inset 0 0 0 2px white, inset 0 0 0 15px #333, 0 0 0 ;
}

.popuplayer{-webkit-animation:textDown2 1.2s cubic-bezier(0.25, 0.1, 0.25, 1.0) both;animation:textDown2 1.2s cubic-bezier(0.25, 0.1, 0.25, 1.0) both; -ms-animation:textDown2 1.2s cubic-bezier(0.25, 0.1, 0.25, 1.0) both; 
		animation-delay:.0s; }
.popuplayer img{float:left; border-left:1px solid #000;}
.imglayerbox1{position:absolute; left:0; top:0; text-align:center; z-index:10000; text-align:center; margin:0 auto; width:100%;}


/*uploadbox*/
	.layerpop1{position:absolute; right:0; top;0; max-width:500px; height:80%; z-index:1000; background:#fff; padding:2%; border:1px solid #ddd; min-height:200px; overflow-y:auto; text-align:center;}
	.layerpop1 .tit1{position:relative; background:#eee; width:100%; font-size:14px; font-weight:bold; padding:6px 0; color:#333; margin-top:20px;}
	.layerpop1 .btn1{position:absolute; right:0; top:0; display:inline-block;  background:#333;}
	.layerpop1 .btn1 a{color:#fff; display:block; padding:6px 10px; font-weight:bold;}
	.listbox1{width:100%; height:250px; overflow-y:auto; }
	.layerpop1 div.filearea1{border:1px solid #ddd; padding:10px; overflow-y:auto; height:60%; margin-top:20px;}	
	.layerpop1 div.filearea1 ul{width:100%;}
	.layerpop1 div.filearea1 ul li{position:relative; float:left; width:18%; margin:0 1%;}
	.layerpop1 div.filearea1 ul li img{max-height:38px;}
	.layerpop1 div.filearea1 ul li p{ text-overflow:ellipsis; white-space:nowrap; overflow:hidden; margin-top:5px; padding-bottom:20px;}
	.layerpop1 div.filearea1 ul li span.fsize{display:none;}
	.layerpop1 div.filearea1 ul li div.btnbox1{position:absolute; left:0; bottom:0; display:none; text-align:left; width:100%;}
	.layerpop1 div.filearea1 ul li div.btnbox1 .b01,
	.layerpop1 div.filearea1 ul li div.btnbox1 .b02,
	.layerpop1 div.filearea1 ul li div.btnbox1 .b03,
	.layerpop1 div.filearea1 ul li div.btnbox1 .b04,
	.layerpop1 div.filearea1 ul li div.btnbox1 .b05{display:inline-block; width:18px; height:18px; vertical-align:top; background:url(/images/common/btn/btn_filebrowser.gif) no-repeat; font-size:0; color:#fff; text-indent:-4000px;}
	.layerpop1 div.filearea1 ul li div.btnbox1 .b01{background-position:0 0;}
	.layerpop1 div.filearea1 ul li div.btnbox1 .b02{background-position:-18px 0;}
	.layerpop1 div.filearea1 ul li div.btnbox1 .b03{background-position:-36px 0;}
	.layerpop1 div.filearea1 ul li div.btnbox1 .b04{background-position:-54px 0; float:right;}
	.layerpop1 div.filearea1 ul li div.btnbox1 .b05{background-position:-72px 0;}
	.layerpop1 div.filearea1 ul li div.btnbox1 .b01:hover, .layerpop1 div.filearea1 ul li div.btnbox1 .b01:active, .layerpop1 div.filearea1 ul li div.btnbox1 .b01:link{background-position:0 -18px;}
	.layerpop1 div.filearea1 ul li div.btnbox1 .b02:hover, .layerpop1 div.filearea1 ul li div.btnbox1 .b02:active, .layerpop1 div.filearea1 ul li div.btnbox1 .b02:link{background-position:-18px -18px;}
	.layerpop1 div.filearea1 ul li div.btnbox1 .b03:hover, .layerpop1 div.filearea1 ul li div.btnbox1 .b03:active, .layerpop1 div.filearea1 ul li div.btnbox1 .b03:link{background-position:-36px -18px;}
	.layerpop1 div.filearea1 ul li div.btnbox1 .b04:hover, .layerpop1 div.filearea1 ul li div.btnbox1 .b04:active, .layerpop1 div.filearea1 ul li div.btnbox1 .b04:link{background-position:-54px -18px;}
	.layerpop1 div.filearea1 ul li div.btnbox1 .b05:hover, .layerpop1 div.filearea1 ul li div.btnbox1 .b05:active, .layerpop1 div.filearea1 ul li div.btnbox1 .b05:link{background-position:-72px -18px;}
	.layerpop1 div.filearea1 ul li:hover div.btnbox1{display:block;}
	.filenbox1{display:block; margin:5px 0;}
	.filenbox1 .ifile1{position:relative; display:inline-block; max-width:160px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; margin-left:10px; }
	.filenbox1 .ifile1 em{display:block;}
	.filenbox1 .ifile1 img{max-height:40px;}
	.filenbox1 .ifile1 a.btn1{position:absolute; right:0; top:0; cursor:pointer; background:#fff; display:inline-block; padding:0 3px; border:1px solid;}	
	.layerpop1.l1{max-width:500px; height:100px; width:96%;}
	.layerpop1.l1 div.filearea1{display:none;}
/*uploadbox*/