body {
	background-color: #f0eae3;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

body,text,table,tbody,th,td,tr {font: 12px 돋움,돋움체,굴림,굴림체,Arial,verdana,tahoma; color: #666666; line-height:18px; text-decoration:none; word-break:break-all;}
*/
body,text,table,tbody,th,td,tr {font: 12px 돋움,돋움체,굴림,굴림체,Arial,verdana,tahoma; color: #555555; line-height:18px; text-decoration:none; word-break:break-all;}
table { border-spacing:0px; border-collapse:collapse; } 

/*
a:link{color: #2267A2; text-decoration: none;}
a:visited {color: #2267A2; text-decoration: none;}
a:active {color: #2267A2; text-decoration: none;}
a:hover {color: #FF8000; text-decoration: none;}
*/

A.s:link {font: 1pt 돋움,Arial; color:#000000; line-height:100%;}
A.s:active {font: 1pt 돋움,Arial; color:#000000; line-height:100%;}
A.s:visited {font: 1pt 돋움,Arial; color:#000000; line-height:100%;}
A.s:hover {font: 1pt 돋움,Arial; color:#000000; line-height:100%;}

A.bbs:link{font: 12px; color: #9fa3a6; text-decoration: none;}
A.bbs:visited {font: 12px; color: #9fa3a6; text-decoration: none;}
A.bbs:active {font: 12px; color: #9fa3a6; text-decoration: none;}
A.bbs:hover {font: 12px; color: #f36621; text-decoration: underline;}

img {border:0px;}
li {list-style:none;}

/* 폼필드에 사용되는 스타일 시트 */
form {
	display:inline;
}
select {
	font-family: "굴림", "verdana";
	color: #666666;
	text-decoration: none;
	font-size: 9pt;
	HEIGHT:21px;
	border:1 C0C0C0 solid;
}

.input { font-family: "굴림", "verdana"; color: #666666; text-decoration: none; font-size: 12px; HEIGHT:18px; border:1 cccccc solid; vertical-align: middle; }
textarea { font-family: "굴림", "verdana"; color: #666666; text-decoration: none; font-size: 12px; line-height: 16pt; border:1 E4E5E1 solid; }

/* ###################################################### 추가 Stylesheet */

/* text class */
.menu1 {color: #3399CC}
.menu2 {color: #3333CC}
.menu3 {color: #009999}
.menu4 {color: #009933}
.menu5 {color: #996600}
.menu6 {color: #FF6600}
.menu7 {color: #0066CC}
.bar {color: #CCCCCC;}
.gray {color: #999999;}
.pink {color: #FF7676;}
.blue {color: #3398CC;}
.l_orange {color: FF944C;}
.red {color: #FF0000;}
.orange {color: #FF6600;}
.green {color: #008000;}
.black {color: #000000;}
.white {color: #FFFFFF;}
.purple {color: #533abc;}
.title_green18{font-family: "굴림"; font-size: 18px;color: #74AD13;font-weight:bold;line-height: 22px; text-decoration:underline;}
.title_blue14{font-family: "굴림"; font-size: 14px;font-weight: normal; color: #3398CC;font-weight:bold}
.title_blue15{font-family: "굴림"; font-size: 15px;font-weight: normal; color: #3398CC;font-weight:bold}
.title_orange15{font-family: "굴림"; font-size: 15px;font-weight: normal; color: #ff6600;font-weight:bold}
.title_black15{font-family: "굴림"; font-size: 15px;font-weight: normal; color: #222222;font-weight:bold}
.title_white15{font-family: "굴림"; font-size: 15px;font-weight: normal; color: #ffffff;font-weight:bold}
.small {
	font-size: 11px;
	color: #666666;
	line-height: 15px;
	font-family: "돋움";
}
.small_white {font-family: "돋움"; font-size: 11px;color: #95c7ff;line-height: 15px;}
.small_red {font-size: 11px;color: FF877C;font-family: "돋움";line-height: 15px; }
.underline {font-size: 11px;font-weight: 120%; text-decoration:underline;}
.bold {font-weight:bold}
.bold_blue {font-weight:bold; color: #3398CC;}
.bold_purple {font-weight:bold; color: #8E18BF;}
.bold_green {font-weight:bold; color: #74AD13;}
.bold_white {font-weight:bold; color: #ffffff;}
.bold_red {font-weight:bold; color: #ff0000;}

/* link */
a { selector-dummy : expression(this.hideFocus=true);}

a:link      { color:#666666; text-decoration:none; }
a:visited   { color:#666666; text-decoration:none; }
a:active    { color:#666666; text-decoration:none; }
a:hover     { color:#333333; text-decoration:underline; }

a.agray:link {font-family: "돋움";font-size: 11px;text-decoration:unone;color:#88898c;line-height: 15px;}
a.agray:visited {font-family: "돋움";font-size: 11px;text-decoration:none;color:#88898c;line-height: 15px;}
a.agray:active {font-family: "돋움";font-size: 11px;text-decoration:none;color:#88898c;line-height: 15px;}
a.agray:hover {font-family: "돋움";font-size: 11px;text-decoration:none;color:#8d91d3;line-height: 15px;}

a.agreen:link {text-decoration:underline;color:#598A0C;}
a.agreen:visited {text-decoration:underline;color:#598A0C;}
a.agreen:active {text-decoration:underline;color:#598A0C;}
a.agreen:hover {text-decoration:underline;color:#598A0C;} 

a.ablue:link {text-decoration:underline;color:#0018CC;}
a.ablue:visited {text-decoration:underline;color:#0018CC;}
a.ablue:active {text-decoration:underline;color:#0018CC;}
a.ablue:hover {text-decoration:underline;color:#0018CC;} 

a.bgreen:hover {text-decoration:none;color:#598A0C;font-weight:bold;} 

a.awhite:link {font-family: "돋움";font-size: 11px; text-decoration:none;color:#ffffff;}
a.awhite:visited {font-family: "돋움";font-size: 11px;text-decoration:none;color:#ffffff;}
a.awhite:active {font-family: "돋움림";font-size: 11px;text-decoration:none;color:#ffffff;}
a.awhite:hover {font-family: "돋움";font-size: 11px;text-decoration:none;color:#8d91d3;} 

a.apurple:link {text-decoration:underline;color:#7957AE;}
a.apurple:visited {text-decoration:underline;color:#7957AE;}
a.apurple:active {text-decoration:underline;color:#7957AE;}
a.apurple:hover {text-decoration:underline;color:#7957AE;}

a.basic:hover {text-decoration:underline;color:#ff0000;}
a.aorange:hover {text-decoration:underline;color:#ff6600;}


a.m_nav11:link {font-size: 12px; color: #ff0000;font-weight:bold; text-decoration:none;}
a.m_nav11:visited {font-size: 12px;color: #ff0000;font-weight:bold; text-decoration:none;}
a.m_nav11:active {font-size: 12px;color: #ff0000;font-weight:bold; text-decoration:none;}
a.m_nav11:hover {font-size: 12px;color: #ff0000;font-weight:bold; text-decoration:underline;}

a.s_nav11:link {font-size: 12px; color: #666666;text-decoration:none;}
a.s_nav11:visited {font-size: 12px;color: #666666;text-decoration:none;}
a.s_nav11:active {font-size: 12px;color: #666666;text-decoration:none;}
a.s_nav11:hover {-size: 12px;color: #666666;text-decoration:underline;}
.notice_date {
	font-family: "돋움";
	font-size: 11px;
	color: c4b3ad;
}
.notice {
	font-family: "돋움";
	font-size: 11px;
	color: 8c8c8c;
}
a.notice:link {font-size: 11px; color: #8c8c8c;text-decoration:none;}
a.notice1:visited {font-size: 11px;color: #8c8c8c;text-decoration:none;}
a.notice:active {font-size: 11px;color: #8c8c8c;text-decoration:none;}
a.notice:hover {-size: 11px;color: #e14269;text-decoration:underline;}


/* 21.02. 메인 */
.main{width: 100%; max-width: 962px; margin: 0 auto;}

.footer{width:100%; overflow:hidden; box-sizing: border-box; padding: 0 42px;}
.footer ul{float:left; overflow:hidden; padding-left:0; position:relative;}
.footer ul.left{}
.footer ul.left span{color:#333;}
.footer ul.right{float:right;}
.footer ul li{list-style:none; color:#888;}
.footer ul.right li{float:left; overflow:hidden; padding-left:20px; }
.footer ul.right li:nth-child(1){padding-left:0;}
.footer ul.right li.plus_l:after{content:""; display:block; width:1px; height:10px; background:#ccc; position:absolute; top:4px; left:105px;}
.footer ul.right li a{ color:#888;}


.top_h{width:100%; overflow:hidden; box-sizing: border-box; padding: 0 42px; /* letter-spacing: -0.03em; */ font-size:10px; font-weight:600;}
.top_h ul{float:left; overflow:hidden; padding-left:0; position:relative;}
.top_h ul.left{}
.top_h ul.left span{color:#333;}
.top_h ul.right{float:right;}
.top_h ul li{list-style:none; color:#888; }
.top_h ul.right li{float:left; overflow:hidden; padding-left:20px; }
.top_h ul.right li:nth-child(1){padding-left:0;}
.top_h ul.right li.plus_l:after{content:""; display:block; width:1px; height:10px; background:#ccc; position:absolute; top:4px; left:105px;}
.top_h ul.left li a, .top_h ul.right li a{ color:#888;}
.top_h ul.left li a:hover, .top_h ul.right li a:hover{ color:#DA2027; text-decoration:none;}

.header{position:relative; top:-15px;}
.h_wrap{float:left; overflow:hidden;}
.logo{padding:0 42px;}
.gnb {width:70%; height:48px; position:relative; box-sizing:border-box; letter-spacing:-0.05em; padding-right:20px; float:right;}
.gnb ul:after {content:""; display:block; clear:both;}
.gnb .mn_l1 {float:left;  line-height:100%; width:16.66%; padding-left:26px; box-sizing:border-box; transition:all 0.3s;}
.gnb .mn_l1.w_ty01{width:26%;}
.gnb .mn_l1.w_ty02{width:23%;}
.gnb .mn_l1.w_ty03{width:14%;}
.gnb .mn_l1.w_ty04{width:18%;}
.gnb .mn_l1.w_ty05{width:8%;}
.gnb .mn_l1.w_ty06{width:8%;}
.gnb .mn_a1 span {display:block; position:relative; text-align:center; font-weight:bold;}
.gnb .mn_a1 span:after{content:""; display:block; position:absolute; top:0px; left:-15px; width:1px; height:10px; background:#000;}
.gnb .mn_l1.over span.c_on, .gnb .mn_a1 span:hover, .gnb .mn_a1 span:focus{color:#DA2027;}{color:#DA2027;}
.gnb .mn_l1:first-child .mn_a1 span:after {display:none;}
.gnb .mn_a1 .eng {display:block; font-style:normal; font-size:10px; color:rgba(255, 255, 255, 0.5); text-align:center;  font-weight:normal;}
.gnb .depth2_wrap {display:none; position:absolute; top:30px; left:-74px; width:735px; height:30px; line-height:30px; background:#b2b2b2; z-index:1; font-size:11px; border-radius:5px;}
.gnb .depth2_wrap.depth_ty02{width:304px; left:68px;}
.gnb .depth2_wrap.depth_ty03{width:160px; left:246px;}
.gnb .depth2_wrap.depth_ty04{width:100px; left:364px;}
.gnb .depth2 {padding:0 8px;}
.gnb .mn_l2 {float:left; padding:0px 8px; position:relative;}
.gnb .mn_l2:after {content:""; display:block; width:1px; height:10px; background:#ccc; position:absolute; top:50%; right:0; margin-top:-5px;}
.gnb .mn_l2:last-child:after {display:none;}
.gnb .mn_a2{color:#fff;}
.gnb .mn_a2 span {font-weight:bold; transition:all 0.3s;}

.gnb a:hover, .gnb a:focus {text-decoration:none !important;}
.gnb .mn_a2:hover span, .gnb .mn_a2:focus span{color:#000;}

/* 21.02. 서브 */
.wrap-box{background: #4BB5DD; margin-left: 14px; width:100%; height: 600px; box-sizing: border-box; border-radius:5px;}
.wrap-box.c-ty01{background:#2FB5B9;}
.wrap-box.c-ty02{background:#85D259;}
.wrap-box.c-ty03{background:#4A8CE0;}
.wrap-box.c-ty04{background:#5164FC;}
.wrap-box.c-ty05{background:#D2C05B;}
.wrap-box .title{padding: 30px 22px; box-sizing: border-box;}
.wrap-box .title p{ color: #fff; letter-spacing: -0.06em; margin: 0; line-height: 1.2;}
.wrap-box .title p.b-tit{font-size: 25px; line-height:1; letter-spacing: -0.01em;}
.wrap-box .title p.s-tit{font-size: 10px;}

.wrap-box .menu{height:468px; margin:0 10px; background:#fff; box-sizing:border-box; border-radius:5px; box-shadow: inset 0px 1px 5px 0px rgb(155 155 155 / 80);}
.blind {width:1px;height:1px;overflow:hidden;position:absolute;top:-9999em;left:-9999em;display:block;text-indent:-9999em;font-size:0px;line-height:0;}
#subNavi a:hover, #subNavi a:focus {text-decoration:none;}
#subNavi .lm-wrap { box-sizing:border-box;}
#leftmenu .depth2{margin:0; padding:10px 0 0 0; }
#leftmenu .depth2 .lm_a2 {display:block; padding:10px 20px 5px 0; position:relative;}
#leftmenu .depth2 .lm_l2.had3dep .lm_a2:before {content:""; display:block; width:10px; height:2px; background:#ccc; position:absolute; top:17px; right:6px;}
#leftmenu .depth2 .lm_l2.had3dep .lm_a2:after {content:""; display:block; width:2px; height:10px; background:#ccc; position:absolute; top:13px; right:10px;}
#leftmenu .depth2 .lm_l2.had3dep.over .lm_a2:after {display:none;}
#leftmenu .depth2 .lm_a2 span {padding-left:10px; position:relative; font-weight:bold; color:#888; transition:all 0.3s; letter-spacing: -0.04em;}
#leftmenu .depth2 .lm_l2.over .lm_a2 span,
#leftmenu .depth2 .lm_a2:hover span,
#leftmenu .depth2 .lm_a2:focus span{color:#006699;}
#leftmenu .depth3 {background:#ccc;}
#leftmenu .depth3 {display:none; padding:5px 10px;}
#leftmenu .depth3 .lm_l3 {border-top: 1px solid rgba(255, 255, 255, 0.5)}
#leftmenu .depth3 .lm_l3:first-child {border-top:none;}
#leftmenu .depth3 .lm_a3 {display:block; padding:5px 0;}
#leftmenu .depth3 .lm_a3 span {font-size: 11px;letter-spacing: -0.08em; padding-left:12px; color:#fff; font-weight:bold; position:relative; transition:all 0.3s;}
#leftmenu .depth3 .lm_a3 span:before {content:""; position:absolute; display:block; top:6px; left:2px; width:4px; height:2px; background:#fff; }
#leftmenu .depth3 .lm_l3.over span,
#leftmenu .depth3 .lm_a3:hover span,
#leftmenu .depth3 .lm_a3:focus span {color:#555;}
#leftmenu .depth3 .lm_l3.over span:before,
#leftmenu .depth3 .lm_a3:hover span:before,
#leftmenu .depth3 .lm_a3:focus span:before {background:#555}