@charset "utf-8";


/* Common */
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select,img, a{margin:0;padding:0;text-decoration:none;word-break:keep-all;}
body,input,textarea,select,button,table{font-family: 'Pretendard', 'Noto Sans KR','Malgun Gothic','맑은 고딕',"돋움",Dotum,Verdana,Arial,helvetica,clean,sans-serif;font-size:15px;color:#000}

img,fieldset{border:0}
ul,ol,li,dl,dd,dt{list-style:none}
em,address{font-style:normal}
a{text-decoration:none;color:#000}
a:hover,a:active,a:focus{text-decoration:none;cursor:pointer;-moz-outline-style:none}
/* a:focus{border:1px dashed #eee;} */
a {outline:none;selector-dummy :expression(this.hideFocus=true)}
a:focus,button:focus,input[type=button]:focus{box-shadow: rgba(27, 127, 204, 0.8) 0px 0px 0px 2px inset;}
div[role="button"]:focus {
	box-shadow: rgba(27, 127, 204, 0.8) 0px 0px 0px 2px inset;
	outline:none;
}

table{border:0;border-collapse:collapse}
caption{display:none}
input {vertical-align:middle;height:23px}
textarea, input, select{color:#333}
select {vertical-align:middle;height:23px}
address{margin:0;padding:0}
em{margin:0;padding:0}
p {margin:10px 0px}


*{margin:0; padding:0;}
img{vertical-align: top;border: 0;}

/* placeholder 색상 */
::-webkit-input-placeholder { /* 크롬 4–56 */
    color: #9e9e9e;
}
:-moz-placeholder { /* 파이어폭스 4–18 */
   color: #9e9e9e;
   opacity:  1;
}
::-moz-placeholder { /* 파이어폭스 19–50 */
   color: #9e9e9e;
   opacity:  1;
}
:-ms-input-placeholder { /* 인터넷 익스플로러 10+ */
   color:  #9e9e9e;
}
::placeholder { /* 파이어폭스 51+, 크롬 57+ */
   color: #9e9e9e;
   opacity:  1;
}

/* 인쇄시 배경색 자동 적용 */
@media print {
body {-webkit-print-color-adjust: exact;}
}

/* 사파리 버튼/셀렉트 그라데이션 테두리 곡선 */
/* input, textarea, button {-webkit-appearance:none; -moz-appearance:none; appearance:none;} */
textarea, button {-webkit-appearance:none; -moz-appearance:none; appearance:none;}
textarea, button, select {-webkit-border-radius:0; -moz-border-radius:0; -o-border-radius:0; border-radius:0;}
/* input, textarea, button, select {-webkit-border-radius:0; -moz-border-radius:0; -o-border-radius:0; border-radius:0;} */

.ip_saf{-webkit-appearance: none !important;-webkit-border-radius: 0 !important;}



.txtL{text-align:left !important}
.txtR{text-align:right}
.txtC{text-align:center}
.txtB{font-weight:bold}

.fl_l{float:left}
.fl_r{float:right}
.cl_b{clear:both}

.va_M {vertical-align:middle}

.w1000{width:1000px;}
.mg_a{margin:0 auto;}

.mt3{margin-top:3px}
.mt5{margin-top:5px}
.mt10{margin-top:10px}
.mt20{margin-top:20px}
.mt30{margin-top:30px}
.mt40{margin-top:40px}
.mt50{margin-top:50px}
.mt60{margin-top:60px}
.mt70{margin-top:70px}
.mt100{margin-top:100px}
.mt150{margin-top:150px}


.mr5{margin-right:5px}
.mr10{margin-right:10px}
.mr30{margin-right:30px}


.ml20{margin-left:20px}
.ml50{margin-left:50px}
.ml60{margin-left:60px}
.ml100{margin-left:100px}
.ml150{margin-left:150px}
.mt20{margin-top:20px !important}
.mtb20{margin-top:20px !important;margin-bottom:20px  !important}

.mb5{margin-bottom:5px}
.mb10{margin-bottom:10px}
.mb20{margin-bottom:20px}
.mb30{margin-bottom:20px}
.mb50{margin-bottom:50px}
.mb60{margin-bottom:60px}
.mb70{margin-bottom:70px}
.mb100{margin-bottom:100px}
.mtb1020{margin-top:10px;margin-bottom:20px}
.mtb2030{margin-top:20px;margin-bottom:30px}
.mtb3030{margin-top:30px;margin-bottom:30px}


.ml10{margin-left:10px}
.ml30{margin-left:30px}

.pl30{padding-left:30px}
.pl50{padding-left:50px}

.pl10{padding-left:10px}
.pl20{padding-left:20px}
.pr10{padding-right:10px}
.pr20{padding-right:20px}
.pr50{padding-right:50px}
.pt20{padding-top:20px}
.pb10{padding-bottom:10px}
.pb30{padding-bottom:30px !important}

.pd40{padding:0 40px}



.ex_txt{padding:0 10px 10px 10px;line-height:15px}
.lh_txt18{line-height:18px}
.lh_txt25{line-height:25px}

.cj{color:#e7474a}

.colB{background-color:#eff6fc;}
.bk_G{background:#339fcc !important;color:#ffffff}
.bk_G2{background:#ececec !important;color:#000}
.bk_B{background:#99ccff !important;color:#000}
.bk_Y{background:#ececec !important;color:#000}


.inputTxt{border:1px solid #999;height:23px;line-height:150%;margin:2px 0px;}
.inputTxt100{border:1px solid #999;height:23px;line-height:150%;margin:2px 0px;width:100px}
.inputTxt200{border:1px solid #999;height:23px;line-height:150%;margin:2px 0px;width:200px}
.inputTxt300{border:1px solid #999;height:23px;line-height:150%;margin:2px 0px;width:300px}
.inputTxt350{border:1px solid #999;height:23px;line-height:150%;margin:2px 0px;width:350px}
.inputTxt400{border:1px solid #999;height:23px;line-height:150%;margin:2px 0px;width:400px}
.inputTxtfull{width:100%;}

.select{border:1px solid #c4c2c2;line-height:150%;height:19px}
.textarea{padding:10px;border:1px solid #c4c2c2;line-height:150%;text-align:justify}

/* .blind {left:0px;top:-1000em;overflow:hidden;display:block;position:absolute} */
.blind{
	width: 1px;
    height: 1px;
    overflow: hidden;
    position: absolute;
    top: -9999em;
    left: -9999em;
    display: block;
    text-indent: -9999em;
    font-size: 0px;
    line-height: 0;
}
legend {left:0px;top:-1000em;overflow:hidden;display:block;position:absolute}
:root legend {line-height:0;font-size:0px;margin-top:-1px}

.coming{width:100%;text-align:center;margin:20px 0 20px 0}

.clearFloat {clear:both;display:block;border:none !important}
/* 이미지 정렬 */
img.fl_L {float:left;margin-right:30px}

/*  layout style *****************/
.colTwo .colL  {width:590px;min-height:500px;float:left;text-align:center}
.colTwo .colR {width:200px;float:left;border-left:1px solid #e1e1e1}
.fl_L {float:left}

/* 구분선 */
.divLine100 {border-top:1px solid #303030;padding:10px;width:100%:}
.divLine20 {background:url(/icon/line01.png) left center no-repeat;padding:10px 0px}
.divLine30 {border-top:2px solid #0085ea;width:30px;clear:both;display:block;padding:2px 0;margin:10px 0 20px 0}

/* 제목스타일 */


/* BOX 스타일 */
.box01 {border:2px solid #0085ea;padding:20px;width:80%;color:#000;margin:10px auto 20px}
.box02 {border:2px solid #0085ea;padding:20px;width:95%;color:#000;margin:10px auto 20px}

/* font Style */
.stxt01 {color:#f00;font-weight:bold}
.stxt02 {color:#c00;font-weight:bold;background:url('/icon/strong.png') left center no-repeat;padding-left:17px}
.stxt03 {color:#046;background:url('/icon/sq01.png') left center no-repeat;padding-left:10px}
.stxt04 {color:#f00;font-weight:bold}
.stxt05 {color:#000;font-weight:bold;font-size:11px}
.stxt06 {color:#c00;background:url('/icon/strong.png') left center no-repeat;padding-left:17px;font-size:11px}
.stxt07 {color:#000;font-weight:normal;font-size:11px}
.stxt08 {color:#000;font-weight:bold;font-size:21px}
.stxt09 {color:#000;font-weight:bold;font-size:19px}

.smatxt {font-size:12px;color:#999}

.dop01 {display:inline-block;width:30px;height:30px;background:url('/icon/dop.png') left top no-repeat;margin-right:10px}
.dop02 {display:inline-block;width:30px;height:30px;background:url('/icon/dop.png') left -70px no-repeat;margin-left:10px}

/*라운드 버튼*/
/*기본*/
span.btn {float:right}
.roundBtn{height:25px;border-radius:15px;-moz-border-radius:15px;text-align:center;background:#aaaaaa}
.roundBtn a{height:19px;padding:6px 15px 0 14px;font-size:12px;line-height:13px;color:#fff;font-weight:bold;display:inline-block;zoom:1;*display:inline;vertical-align:top}

/*기본 하단 버튼 시리즈*/
.btn_1 {
	display:inline-block;width:100px;border-radius:5px;-moz-border-radius:5px;background:#e1e1e1;
	font-weight:bold;text-align:center;padding:0.7em 1em;margin:0 0.1em;
}



.rBtn_G{text-align:center;line-height:30px;
    float:left;width:90px;height:30px;display:inline-block;
	color:#004766;font-size:15px;
	border:1px solid #0085ea;
	background-image:-moz-linear-gradient(#86c7e3, #5eabcc);
	background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#5eabcc), to(#86c7e3));
	background-image:-webkit-linear-gradient(#86c7e3, #5eabcc);
	background-image:-o-linear-gradient(#86c7e3, #5eabcc);
	text-shadow:1px 1px 1px #bce4f5;
	background-color:#5eabcc;
	border-radius:3px;
	-moz-border-radius:3px;
	box-shadow:inset 0px 0px 2px #fff;
	-o-box-shadow:inset 0px 0px 2px #fff;
	-webkit-box-shadow:inset 0px 0px 2px #fff;
	-moz-box-shadow:inset 0px 0px 2px #fff;
}
.rBtn_G:hover {
	border:1px solid #0085ea;
	background-image:-moz-linear-gradient(#5eabcc, #86c7e3);
	background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#86c7e3), to(#5eabcc));
	background-image:-webkit-linear-gradient(#5eabcc, #86c7e3);
	background-image:-o-linear-gradient(#5eabcc, #86c7e3);
	background-color:#86c7e3;
}
/* 하단 버튼 높이 */
.rBtn30_Gn{margin:0px 5px;text-align:center;line-height:30px;letter-spacing:-0.9px;padding:0px 10px;
  display:inline-block;	color:#004766;font-size:15px;
	border:1px solid #0085ea;
	background-image:-moz-linear-gradient(#86c7e3, #5eabcc);
	background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#5eabcc), to(#86c7e3));
	background-image:-webkit-linear-gradient(#86c7e3, #5eabcc);
	background-image:-o-linear-gradient(#86c7e3, #5eabcc);
	background-color:#5eabcc;
	border-radius:3px;
	-moz-border-radius:3px;
	box-shadow:inset 0px 0px 2px #fff;
	-o-box-shadow:inset 0px 0px 2px #fff;
	-webkit-box-shadow:inset 0px 0px 2px #fff;
	-moz-box-shadow:inset 0px 0px 2px #fff;
}

.rBtn30_Gra{margin:0px 5px;text-align:center;line-height:30px;
   min-width:100px;display:inline-block;
	color:#333;font-size:15px;
	border:1px solid #aaaaaa;
	background-image:-moz-linear-gradient(#86c7e3, #5eabcc);
	background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#5eabcc), to(#86c7e3));
	background-image:-webkit-linear-gradient(#86c7e3, #5eabcc);
	background-image:-o-linear-gradient(#86c7e3, #5eabcc);
	text-shadow:1px 1px 1px #bce4f5;
	background-color:#e1e1e1;
	border-radius:3px;
	-moz-border-radius:3px;
	box-shadow:inset 0px 0px 2px #fff;
	-o-box-shadow:inset 0px 0px 2px #fff;
	-webkit-box-shadow:inset 0px 0px 2px #fff;
	-moz-box-shadow:inset 0px 0px 2px #fff;
}

/* 그레이 */
.rBtn_Ga{text-align:center;line-height:70px;
    float:left;width:90px;height:70px;display:inline-block;
	color:#333;font-size:15px;
	border:1px solid #aaaaaa;
	text-shadow:1px 1px 1px #bce4f5;
	background-color:#e1e1e1;
	border-radius:3px;
	-moz-border-radius:3px;
	box-shadow:inset 0px 0px 2px #fff;
	-o-box-shadow:inset 0px 0px 2px #fff;
	-webkit-box-shadow:inset 0px 0px 2px #fff;
	-moz-box-shadow:inset 0px 0px 2px #fff;
}
.rBtn_Ga:hover {
	border:1px solid #687e30;
	background-color:#cccccc;
}

/* yellow */
.rBtn_Y{text-align:center;line-height:70px;
    float:left;width:90px;height:70px;display:inline-block;
	color:#333;font-size:15px;
	border:1px solid #999933;
	text-shadow:1px 1px 1px #bce4f5;
	background-color:#efef9f;
	border-radius:3px;
	-moz-border-radius:3px;
	box-shadow:inset 0px 0px 2px #fff;
	-o-box-shadow:inset 0px 0px 2px #fff;
	-webkit-box-shadow:inset 0px 0px 2px #fff;
	-moz-box-shadow:inset 0px 0px 2px #fff;
}
.rBtn_Y:hover {
	border:1px solid #999933;
	background-color:#fdfdd1;
}

.rBtn_G30{text-align:center;line-height:30px;height:30px;display:inline-block;padding:0px 20px;
	color:#000;font-size:1em;
	border:1px solid #0085ea;
	text-shadow:1px 1px 1px #bce4f5;
	background-color:#5eabcc;
	border-radius:3px;
	-moz-border-radius:3px;
	box-shadow:inset 0px 0px 2px #fff;
	-o-box-shadow:inset 0px 0px 2px #fff;
	-webkit-box-shadow:inset 0px 0px 2px #fff;
	-moz-box-shadow:inset 0px 0px 2px #fff;
}
.rBtn_G30:hover {
	border:1px solid #687e30;
	background-color:#86c7e3;
}

.rBtn_Gr20{text-align:center;line-height:20px;height:20px;display:inline-block;padding:0 15px;
	color:#000;font-size:0.9em;
	border:1px solid #999;
	background-color:#ffffff;
	border-radius:3px;
	-moz-border-radius:3px;
	box-shadow:inset 0px 0px 2px #fff;
	-o-box-shadow:inset 0px 0px 2px #fff;
	-webkit-box-shadow:inset 0px 0px 2px #fff;
	-moz-box-shadow:inset 0px 0px 2px #fff;
	font-weight:bold;
}

.rBtn_Gr10{text-align:center;line-height:17px;height:17px;display:inline-block;
	color:#000;font-size:0.9em;
	border:1px solid #0085ea;
	text-shadow:1px 1px 1px #bce4f5;
	background-color:#5eabcc;
	border-radius:3px;
	-moz-border-radius:3px;
	box-shadow:inset 0px 0px 2px #fff;
	-o-box-shadow:inset 0px 0px 2px #fff;
	-webkit-box-shadow:inset 0px 0px 2px #fff;
	-moz-box-shadow:inset 0px 0px 2px #fff;
	padding:0px 5px;
	margin:0px 10px;
}
.rBtn_Gr10:hover {
	border:1px solid #687e30;
	background-color:#86c7e3;
}

.rBtn_Gn20{text-align:center;line-height:20px;width:70px;height:20px;display:inline-block;
	color:#000;font-size:0.9em;
	border:1px solid #2f667d;
	text-shadow:1px 1px 1px #bce4f5;
	background-color:#66d1ff;
	border-radius:3px;
	-moz-border-radius:3px;
	box-shadow:inset 0px 0px 2px #fff;
	-o-box-shadow:inset 0px 0px 2px #fff;
	-webkit-box-shadow:inset 0px 0px 2px #fff;
	-moz-box-shadow:inset 0px 0px 2px #fff;
}
.rBtn_Gn20:hover {
	border:1px solid #2f667d;
	background-color:#86c7e3;
}
.rBtn_Gn10{text-align:center;line-height:20px;width:70px;height:20px;display:inline-block;
	color:#000;font-size:0.9em;
	border:1px solid #cccccc;
	text-shadow:1px 1px 1px #bce4f5;
	background-color:#e1e1e1;
	border-radius:3px;
	-moz-border-radius:3px;
	box-shadow:inset 0px 0px 2px #fff;
	-o-box-shadow:inset 0px 0px 2px #fff;
	-webkit-box-shadow:inset 0px 0px 2px #fff;
	-moz-box-shadow:inset 0px 0px 2px #fff;
}
.rBtn_Gn10:hover {
	border:1px solid #687e30;
	background-color:#86c7e3;
}
.rBtn_R10{text-align:center;line-height:20px;width:70px;height:20px;display:inline-block;
	color:#000;font-size:0.9em;
	border:1px solid #cccccc;
	text-shadow:1px 1px 1px #bce4f5;
	background-color:#ffccff;
	border-radius:3px;
	-moz-border-radius:3px;
	box-shadow:inset 0px 0px 2px #fff;
	-o-box-shadow:inset 0px 0px 2px #fff;
	-webkit-box-shadow:inset 0px 0px 2px #fff;
	-moz-box-shadow:inset 0px 0px 2px #fff;
}
.rBtn_R10:hover {
	border:1px solid #996699;
	background-color:#cc99cc;
}

/*small btn */
.sBtn_Gn {text-align:center;line-height:20px;height:20px;display:inline-block;padding:0px 5px;
	color:#000;font-size:0.9em;
	border:1px solid #cccccc;
	text-shadow:1px 1px 1px #bce4f5;
	background-color:#99cc33;
	border-radius:3px;
	-moz-border-radius:3px;
	box-shadow:inset 0px 0px 2px #fff;
	-o-box-shadow:inset 0px 0px 2px #fff;
	-webkit-box-shadow:inset 0px 0px 2px #fff;
	-moz-box-shadow:inset 0px 0px 2px #fff;
}


.sBtn_B {text-align:center;line-height:20px;height:20px;display:inline-block;padding:0px 5px;
	color:#000;font-size:0.9em;
	border:1px solid #66ccff;
	text-shadow:1px 1px 1px #bce4f5;
	background-color:#99ccff;
	border-radius:3px;
	-moz-border-radius:3px;
	box-shadow:inset 0px 0px 2px #fff;
	-o-box-shadow:inset 0px 0px 2px #fff;
	-webkit-box-shadow:inset 0px 0px 2px #fff;
	-moz-box-shadow:inset 0px 0px 2px #fff;
}


.sBtn_R {text-align:center;line-height:20px;height:20px;display:inline-block;padding:0px 5px;
	color:#000;font-size:0.9em;
	border:1px solid #cc33cc;
	text-shadow:1px 1px 1px #bce4f5;
	background-color:#ff99cc;
	border-radius:3px;
	-moz-border-radius:3px;
	box-shadow:inset 0px 0px 2px #fff;
	-o-box-shadow:inset 0px 0px 2px #fff;
	-webkit-box-shadow:inset 0px 0px 2px #fff;
	-moz-box-shadow:inset 0px 0px 2px #fff;
}

.Btn_Gren {text-align:center;line-height:20px;height:20px;display:inline-block;padding:5px 10px;
	color:#000;font-size:0.9em;
	border:1px solid #cccccc;
	text-shadow:1px 1px 1px #bce4f5;
	background-color:#99cc33;
	border-radius:3px;
	-moz-border-radius:3px;
	box-shadow:inset 0px 0px 2px #fff;
	-o-box-shadow:inset 0px 0px 2px #fff;
	-webkit-box-shadow:inset 0px 0px 2px #fff;
	-moz-box-shadow:inset 0px 0px 2px #fff;
}

.BxTxt_Gn{text-align:center;line-height:15px;height:15px;display:inline-block;
	color:#000;font-size:0.9em;
	border:1px solid #0085ea;
	text-shadow:1px 1px 1px #bce4f5;
	background-color:#5eabcc;
	border-radius:3px;
	-moz-border-radius:3px;
	box-shadow:inset 0px 0px 2px #fff;
	-o-box-shadow:inset 0px 0px 2px #fff;
	-webkit-box-shadow:inset 0px 0px 2px #fff;
	-moz-box-shadow:inset 0px 0px 2px #fff;
	padding:0px 1px;
	margin:0px 3px;
}

.BxTxt_Gn2{text-align:center;line-height:15px;height:15px;display:inline-block;
	color:#000;font-size:0.9em;
	border:1px solid #0085ea;
	text-shadow:1px 1px 1px #bce4f5;
	background-color:#5eabcc;
	border-radius:3px;
	-moz-border-radius:3px;
	box-shadow:inset 0px 0px 2px #fff;
	-o-box-shadow:inset 0px 0px 2px #fff;
	-webkit-box-shadow:inset 0px 0px 2px #fff;
	-moz-box-shadow:inset 0px 0px 2px #fff;
	padding:5px 5px;
	margin:0px 10px;
}


/*list style */
.bulletList {width:100%;margin:10px 20px}
.bulletList li {background:url(/icon/star03.png) left center no-repeat;padding:5px 10px;line-height:25px}
.bulList2 li {background:url(/icon/star03.png) left 12px no-repeat;padding:3px 10px}
.bulList3 li {background:url(/icon/star03.png) left 12px no-repeat;padding:1px 10px}


/*define Style **************/
.dfine01 > dt {background:url('/icon/star02.png') left  10px no-repeat;padding-left:10px;color:#000;font-weight:bold;margin:10px 0px}
.dfine01 > dd {margin:10px}

.dfine02 > dt {padding-left:15px;font-weight:bold;margin:5px 0px}
.dfine02 > dt.n1 {background:url('/icon/number.png') left 6px no-repeat}
.dfine02 > dt.n2 {background:url('/icon/number.png') left -15px no-repeat}
.dfine02 > dt.n3 {background:url('/icon/number.png') left -32px no-repeat}
.dfine02 > dt.n4 {background:url('/icon/number.png') left -53px no-repeat}
.dfine02 > dt.n5 {background:url('/icon/number.png') left -75px no-repeat}

.dfine03 dt {font-weight:bold;background:url('/icon/star04.png') left center no-repeat;color:#000;padding:5px 10px}
.dfine03 dd {margin-left:25px}

/* box style ****************************/
.bx-s{box-sizing: border-box}
.boxTxt01 {border:2px dashed #e1e1e1;padding:20px;background:#f2f9fc}


/*print*/
.printBt {float:right;clear:right}

/*mailing */
/* 메일링 */
.mailingWrap {background:#fafafa;width:700px;margin:20px;border:1px solid #e1e1e1;min-height:500px;border-radius:10px;overflow:hidden;font-size:13px;line-height:1.6em;}
.mailingWrap h1 {color:#ffffff;background:#4664bc;padding:20px;font-size:25px;font-weight:600;}
.mailingWrap h1 > small {display:block;font-size:15px;margin-top:10px;}
.mailingWrap ul {width:90%;margin:50px auto 10px;}
.mailingWrap li {padding:5px 0px;}
.mailingWrap .statTxt {font-size:20px;color:#000000;text-align:center;}
.txc_b {color:#06c;}
.tb_mailbox {margin:30px auto;width:70%;font-size:14px;background:#ffffff;}
.tb_mailbox th, .tb_mailbox td {border:1px solid #999999;padding:7px; text-align:center;}

.mailingWrap .footer {border-top:1px solid #ccc;margin-top:20px;padding:10px 0px;font-size:0.9em;}

/* 버튼 스타일 */
.btn_b {color:#fff;background:#2b75d1;border-top:1px solid #06c;border-left:1px solid #06c;padding:5px 20px;}
.btn_p {color:#fff;background:#cc66cc;border-top:1px solid #996699;border-left:1px solid #996699;padding:5px 20px;}

@media screen and (max-width: 1024px) {
	#hd_pop{top: 60px !important; left:20px !important;width:80% !important;}
	.hd_pops{position:static !important;width:100%;height:auto;max-width:450px;}
	.hd_pops_con{width:100% !important;height:auto !important;}
	.hd_pops_con br{display:none;}
}