@charset "euc-kr";
@font-face{ 
	font-family: 'NanumBarunGothicBold';
	src: url('../../font/NanumBarunGothicBold.eot');
	src: url('../../font/NanumBarunGothicBold.eot?#iefix') format('embedded-opentype');
	src: url('../../font/NanumBarunGothicBold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}


div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, abbr, acronym, address, big, cite, code, ins, small, sub, sup
{ font:normal 12px/22px 'Nanum Gothic', monospace; padding:0; margin:0; }

div img, dl img, dt img, dd img, ul img, ol img, li img, h1 img, h2 img, h3 img, h4 img, h5 img, h6 img, pre img, form img, fieldset img, input img, textarea img, p img, blockquote img, th img, td img{ font-size:0; line-height:0; }

table{ border-collapse:collapse; border-spacing:0; }

ol, ul, li{ list-style:none; }

h1, h2, h3, h4, h5, h6, th, td{ font-weight:normal; font-size:100%; }

form, fieldset, a img{ border:0; }

q:before,q:after { content:''; }

abbr,acronym { border:0; }

address, abbr, address, big, cite, code, ins, small, sub, sup, em{ font-weight:normal; font-style:normal; }

blockquote, q{ quotes:none; }

.accessibility, .skip, legend
{ position:absolute !important; width:0 !important; height:0 !important; font-size:0 !important; line-height:0 !important; overflow:hidden !important; visibility:hidden !important; }
caption{ display:none; }

.null{ font-size:0; line-height:0; }

a img, input, textarea, select, img{ vertical-align:middle; }


time, progress, mark, output { display:inline; }


.hide{ position:absolute; top:-9999px; left:-9999px; }
.clr{ clear:both !important; float:none !important; width:0 !important; height:0 !important; padding:0 !important; font-size:0 !important; line-height:0 !important; overflow:hidden !important; visibility:hidden !important; }

a {text-decoration:none;}
a:hover {text-decoration:underline;}
a img{ border:0; }
img, input, select{ vertical-align:middle; }

input{ font:13px 'Nanum Gothic', monospace; color:#000; vertical-align:middle; }
select{ font-size:13px; border:1px solid #D0D0D0; background:#fff; }

.il {width:100%;height:40px;margin:10px 0;position:relative;box-shadow:0 1px 0 #FFF;-webkit-box-shadow: 0 1px 0 #FFF;padding:1px;border-radius:4px;border:1px solid #dadada;background:-webkit-linear-gradient(top,rgba(174,174,175,1) 0%,rgba(199,199,199,1) 100%);}
.noj {margin:0;}
.j2 {margin-bottom:15px;}
.j3 {width:68%;}
.il label {display:block;font:normal 18px/40px 'dotum';color:#999;}
.il span {display: block;height:40px;padding: 0 6px;border-radius: 3px;background:#FFF;box-shadow: inset 1px 1px 0 #F0F0F0;-webkit-box-shadow: inset 1px 1px 0 #F0F0F0;}
.il input {position:absolute;width:99%;padding-left:1%;height:40px;border:0;background: transparent;font-size:20px;vertical-align:top;-webkit-appearance: none;top:0;left:0;z-index:1;}
.il textarea {position:absolute;width:99%;padding-left:1%;height:120px;border:0;background: transparent;font-size:20px;vertical-align:top;-webkit-appearance: none;top:0;left:0;z-index:1;}

.il2 {width:100%;height:120px;margin:10px 0;position:relative;box-shadow:0 1px 0 #FFF;-webkit-box-shadow: 0 1px 0 #FFF;padding:1px;border-radius:4px;background:-webkit-linear-gradient(top,rgba(174,174,175,1) 0%,rgba(199,199,199,1) 100%);}
.il2 label {display:block;font:normal 20px/40px 'dotum';color:#999;}
.il2 span {display: block;height:120px;padding: 0 6px;border-radius: 3px;background:#FFF;box-shadow: inset 1px 1px 0 #F0F0F0;-webkit-box-shadow: inset 1px 1px 0 #F0F0F0;}
.il2 textarea {position:absolute;width:98%;padding:10px 1%;height:100px;border:0;background: transparent;font-size:20px;vertical-align:top;-webkit-appearance: none;top:0;left:0;z-index:1;}

.select_wrap {width:100%;display:block;position:relative;height:40px;border:1px solid #aaaaaa;border-radius:5px;background:-webkit-gradient(linear,left top,left bottom,color-stop(1%,rgba(255,255,255,1)),color-stop(100%,rgba(239,239,239,1)));background:-webkit-linear-gradient(top,rgba(255,255,255,1) 1%,rgba(239,239,239,1) 100%);}
.select_wrap select {font-size:23px;width:100%;height:40px;padding:0 0 0 10px;border:0;background:transparent url(../img/comm/bg_select.gif) no-repeat 100% 0;background-size:36px 40px !important;-webkit-background-size:36px 40px !important;-webkit-appearance:none}

.ic {width:100%;margin:10px 0;display:inline-block;}
.ic li {width:32%;float:left;}
.ic li.ic_num {margin-left:2%;}
.ic li.ic_mail {width:48%;margin-right:2%;}
.ic li.ic_mail2 {width:50%;}
.ic .select_wrap {width:100%;}
#mail_dir {display:none;}

.form_btn {text-align:center;margin:20px 0;}

/*------------------------------------------------------------------------------------------------------------*/
/*body{ margin:0; padding:0;  width:100%; position:relative;overflow-x:hidden; background:#c0c0c0;}*/
body{ margin:0; padding:0; padding-bottom:12%;  width:100%; position:relative;overflow-x:hidden; background:#c0c0c0;}/*2021.03.05 ¼öÁ¤*/
 
#document{ width:640px; margin:0 auto; background:#fff;}

/* Çì´õ */
.head_box {width:640px; height:118px; overflow:hidden; margin:0 auto}
.head_box h1 {float:left;}
.head_box ul {float:right;margin-right:15px;}
.head_box ul li {float:left;margin-left:5px;}
.top_menu {width:640px; margin:0 auto; overflow:hidden; }
.top_menu li{float:left;} 

/* ǪÅÍ */
.foot_btn {width:640px; margin:0 auto; margin-top:10px;position:relative;}
.foot_btn ul {width:640px; margin:0 auto; overflow:hidden;}
.foot_btn ul li {float:left;}
.foot_btn ul li.last {margin:0;}

.foot_btn2 {width:640px; margin:0 auto; position:relative;}
.foot_btn2 ul {width:640px; margin:0 auto; overflow:hidden;}
.foot_btn2 ul li {float:left;}
.foot_btn2 ul li.last {margin:0;}

.add {width:640px; margin:0 auto; background:#454e59;  overflow:hidden;}
.add ul {width:420px; margin:0 auto; text-align:center; padding:10px 30px; overflow:hidden;}
.add ul li {float:left; width:123px; padding: 3px;}

/*sitemap */
.site_map_bg {display:none;width:100%;height:100%;left:0;top:0;position:absolute;background:url('../img/comm/sitemap_bg.png') repeat;z-index:1000;}
.site_map_dim {width:640px;height:100%;margin:0 auto; position :relative;z-index:2000;}
.site_map_wrap {top:-1800px; width:640px;position:absolute; z-index:13500;}
.site_map_wrap .btns {text-align:right;padding-right:15px;}
.site_map_wrap .site_nav_wrap {width:640px; margin:10px 0; overflow:hidden;background:#fff}
.site_map_wrap .site_nav { width:600px;padding:10px 0;margin:20px; overflow:hidden;border-bottom:1px solid #dcdcdc;}
.site_map_wrap .site_nav h2 {width:130px;float:left;color:#0087d1;font-weight:bold;font:bold 28px/32px 'NanumBarunGothicBold'; margin:10px 0; letter-spacing:-2px;}
.site_map_wrap .site_nav ul { float:left; width:470px; font-size:0;overflow:hidden;}
.site_map_wrap .site_nav ul li {float:left; width:220px;margin:3px 0 3px 15px; letter-spacing:-2px; height:48px;  color:#000;  display:block; }
.site_map_wrap .site_nav ul li a{ overflow:hidden;text-align:center;
	font:bold 24px/30px 'NanumBarunGothicBold';
	letter-spacing:-2px;
	border:1px solid #d6d6d6;
	display:block;
	cursor:pointer;
	color:#5b5b5b;
	font-family:arial;
	font-size:17px;
	padding:7px 25px;
	text-decoration:none;
	text-shadow:0px 1px 0px #e1e2ed;
	background-color:#e8e8e8;
}
.site_map_wrap .site_nav ul li a:hover {
	background-color:#6a6a6a;
	color:#fff;
}
.site_map_wrap .site_nav ul li a:active {
	position:relative;
	top:1px;
}

.site_map_wrap .site_nav2 {width:600px;padding:10px 0;margin:10px auto; overflow:hidden;}
.site_map_wrap .site_nav2 ul { width:600px; float:left; overflow:hidden;}
.site_map_wrap .site_nav2 ul li {float:left; width:48%;margin:6px; height:65px;color:#000;display:block;}
.site_map_wrap .site_nav2 ul li a { overflow:hidden;text-align:center;
	font:bold 24px/30px 'NanumBarunGothicBold';
	letter-spacing:-2px;
	border:1px solid #d6d6d6;
	display:block;
	cursor:pointer;
	color:#5b5b5b;
	font-family:arial;
	font-size:17px;
	padding:7px 25px;
	text-decoration:none;
	text-shadow:0px 1px 0px #e1e2ed;
	background-color:#e8e8e8;
}
.site_map_wrap .site_nav2 ul li a:hover {
	background-color:#6a6a6a;
	color:#fff;
}
.site_map_wrap .site_nav2 ul li a:active {
	position:relative;
	top:1px;
}