﻿/* @charset "utf-8";

@font-face{
	font-family:"NanumSquareB";
	src:url('/resources/fonts/NanumSquareB.eot');
	src:url('/resources/fonts/NanumSquareB.eot?#iefix') format('embedded-opentype'),
		url('/resources/fonts/NanumSquareB.woff') format('woff'),
		url('/resources/fonts/NanumSquareB.ttf') format('truetype'),
		url('/resources/fonts/NanumSquareB.ttf') format('truetype'),
		url('/resources/fonts/NanumSquareB.svg#NanumSquareB') format('svg');
	src:local(※), url('/resources/fonts/NanumSquareB.woff') format('woff');
}

@font-face{
	font-family:"NanumSquare";
	src:url('/resources/fonts/NanumSquare.eot');
	src:url('/resources/fonts/NanumSquare.eot?#iefix') format('embedded-opentype'),
		url('/resources/fonts/NanumSquare.woff') format('woff'),
		url('/resources/fonts/NanumSquare.ttf') format('truetype'),
		url('/resources/fonts/NanumSquare.ttf') format('truetype'),
		url('/resources/fonts/NanumSquare.svg#NanumSquare') format('svg');
	src:local(※), url('/resources/fonts/NanumSquare.woff') format('woff');
}

@font-face{
	font-family:"NanumBarunGothic";
	src:url('/resources/fonts/NanumBarunGothic.eot');
	src:url('/resources/fonts/NanumBarunGothic.eot?#iefix') format('embedded-opentype'),
		url('/resources/fonts/NanumBarunGothic.woff') format('woff'),
		url('/resources/fonts/NanumBarunGothic.ttf') format('truetype'),
		url('/resources/fonts/NanumBarunGothic.ttf') format('truetype'),
		url('/resources/fonts/NanumBarunGothic.svg#NanumBarunGothic') format('svg');
	src:local(※), url('/resources/fonts/NanumBarunGothic.woff') format('woff');
}
@font-face{
	font-family:"NanumBarunGothicB";
	src:url('/resources/fonts/NanumBarunGothicBold.eot');
	src:url('/resources/fonts/NanumBarunGothicBold.eot?#iefix') format('embedded-opentype'),
		url('/resources/fonts/NanumBarunGothicBold.woff') format('woff'),
		url('/resources/fonts/NanumBarunGothicBold.ttf') format('truetype'),
		url('/resources/fonts/NanumBarunGothicBold.ttf') format('truetype'),
		url('/resources/fonts/NanumBarunGothicBold.svg#NanumBarunGothicBold') format('svg');
	src:local(※), url('/resources/fonts/NanumBarunGothicBold.woff') format('woff');
} */

body {
	font-family: Arial, Helvetica, sans-serif;
}

table {
	font-size: 1em;
}

.ui-draggable, .ui-droppable {
	background-position: top;
}


#skipNavi {position: absolute; margin: 0 auto; width: 998px; list-style: none; font-size: 1.15em; top: -10.5em; left: 0; z-index: 20; }
#skipNavi a:active, #skipNavi a:focus{
position: absolute; padding-top: 0.5em; width: 998px; height: 2em; top: 10.5em; text-align: center; font-weight:bold; outline: 0;}

.hide{position:absolute; overflow:hidden; width:0; height:0; font-size:0;}
h2, h3, h4{font-family:"NanumBarunGothicB";}

/* header */
#header{background:url(/resources/images/cms/cms/header_bg.gif) repeat-x; }
.h_wrap{position:relative; width:1100px; height:122px; margin:0 auto;}
.h_wrap:after{display:block; content:""; clear:both;}
.h_wrap h1{position:relative; float:left; padding-top:67px; z-index:510;}

.utill{position:absolute; top:0; right:0;}
.utill:after{display:block; content:""; clear:both;}
.utill > div{float:right;}
.utill_menu ul{overflow:hidden; padding-top:9px;}
.utill_menu ul li{float:left; padding:0 9px; background:url(/resources/images/cms/cms/txt_bar.gif) right 3px no-repeat; }
.utill_menu ul li a{font-size:12px; }
.familySite {position:relative; z-index:600; font-family:"Dotum";}
.familySite:after{display:block; content:""; clear:both;}
.familySite ul {float:left; padding-top:5px;}
.familySite .submit{display:none;}
.familySite .btn_family {float:left; width:90px; padding:11px 0 11px 12px; text-transform:uppercase; background:url(/resources/images/cms/cms/open_arr.png) no-repeat 82px center;  letter-spacing:-1px; font-size:11px; font-weight:bold; }
.familySite .btn_family.open { background:url(/resources/images/cms/cms/close_arr.png) no-repeat 82px center;}
.familyList {display:none; position:absolute; left:0px; top:35px; width:101px; word-spacing:-1px;}
.familyList li a {display:block; float:none; padding:5px 0 5px 12px; border:none; font-size:11px;}

.search{position:relative;}
.sch_form{position:absolute; top:35px; right:0; width:226px; z-index:510;}
.sch_form:after{display:block; content:""; clear:both;}
.sch_form input{float:left;}
.sch_form input[type="text"]{width:180px; height:19px; padding:8px 0 7px 6px; border:none; }

.side_menu{display:none;}
.search_m {display:none;}

/* lnb style1 전체메뉴 */
/*
.lnb {overflow:hidden; position:absolute; top:50px; left:0; width:100%; height:48px; z-index:500;}
.lnb_bg {display:none; position:absolute; top:73px; left:0; width:100%; height:202px; background-color:#fff; border-bottom:2px solid #000;}
.lnb > ul {position:relative; width:1100px; height:275px; margin:0 auto; z-index:500;}
.lnb > ul > li {float:left; width:160px; height:275px; margin:0; padding:0;}
.lnb > ul > li:first-child{margin-left:300px;}
.lnb > ul > li > a{font-size:18px; font-family:"NanumSquareB";}
.lnb > ul > li > a span{margin-right:5px; color:#898b1c; font-size:16px;}
.lnb > ul > li > a, .lnb_all a {display:block; height:27px; padding:18px 0 9px 0; margin-bottom:19px; text-align:center;}
.lnb > ul > li > ul {display:none; width:160px; height:182px; padding:20px 0 0 0; border-right:1px solid #ddd;}
.lnb > ul > li > ul.active {background:#efefef;}
.lnb > ul:first-child li:first-child ul {border-left:1px solid #7ca9c4;}
.lnb > ul > li > ul > li a {display:block; height:16px; margin:0; padding:0 0 8px 10px; color:#424242; text-align:left; font-size:12px;}
.lnb > ul > li > ul > li a:hover{font-family:"NanumBarunGothicB";}
 */
 
/* lnb style1 일부메뉴 */
.lnb_bg { width: 100%; position: absolute; top:122px; left: 0; background: url(/resources/images/cms/cms/lnb_bg.png) repeat-y center center; }
#lnb { float: right; padding-top:59px; margin-right: 135px; }
#lnb > li { float: left; padding: 5px 25px 45px; }
#lnb > li > a { position: relative; font-size: 20px; font-family: NanumSquare; font-weight: 700; letter-spacing: -1px; transition: all 0.5s; -webkit-transition: all 0.5s; }
#lnb > li.active > a:before {content:''; position:absolute; top:-13px; left:0; width:100%; height:3px; }
.lnb_sub { display: none; position: absolute; top:123px; right: 0; width: 100%; margin: 30px 0; }
#lnb > li.active .lnb_sub { margin: 0; padding: 30px 0; }
.lnb_sub div { float: left; width: 290px; padding: 30px 0px; vertical-align: top; }
.lnb_tit { position: relative; margin-bottom: 15px; font-size: 28px; font-family: NanumSquare; font-weight: 700; }
.lnb_tit:before { content: ''; position: absolute; top: -20px; left: 0; width: 20px; height: 7px; transform: skewY(140deg); -ms-transform: skewY(140deg); -webkit-transform: skewY(140deg); -moz-transform: skewY(140deg); }
.lnb_txt { font-size: 15px; line-height: 1.4; }
.lnb_sub > ul  { float: left; width:780px; padding-left: 30px; }
.lnb_sub > ul > { float: left; width: 700px; vertical-align: top; }
.lnb_sub > ul > li { display: inline-block; width: 260px; margin-left: -4px; vertical-align: top; }
.lnb_sub > ul > li:nth-child(3n) { border-right: none; }
.lnb_sub > ul > li > a { position: relative; padding: 12px 10px 12px 20px; font-size: 16px; font-weight: 700; transition: all 0.5s; -webkit-transition: all 0.5s; }
.lnb_sub > ul > li > a:before { content: ''; position: absolute; top: 13px; left: -7px; width: 13px; height: 13px; border-radius: 50%; }
.lnb_sub > ul > li > ul { padding-bottom: 20px; }
.lnb_sub > ul > li > ul > li { padding:; }
.lnb_sub > ul > li > ul > li a { padding: 5px 10px 5px 20px; }
.lnb_sub > ul > li > ul > li a:hover { text-decoration: underline; text-underline-position: under; }

/* footer */
#footer{  font-family:"Dotum";}
.f_menu{width:1100px; height:46px; margin:0 auto;}
.f_menu:after{display:block; content:""; clear:both;}
.f_menu > ul{float:left; padding-top:15px;}
.f_menu > ul{overflow:hidden;}
.f_menu > ul li{float:left; padding-left:15px; background:url(/resources/images/cms/cms/txt_bar.gif) 6px 2px no-repeat;}
.f_menu > ul li:first-child{padding:0; background:none;}
.f_menu > div{float:right;}
.f_menu > div:after{display:block; content:""; clear:both;}
.familySite2{float:left; font-family:"Dotum";}
.familySite2 {position:relative; z-index:600;}
.familySite2:after{display:block; content:""; clear:both;}
.familySite2 ul {float:left; padding-top:5px;}
.familySite2 .submit{display:none;}
.familySite2 .btn_family2 {float:left; width:90px; height:16px; padding:17px 0 13px 12px; text-transform:uppercase; background:url(/resources/images/cms/cms/open_arr.png) no-repeat 82px center;  letter-spacing:-1px; font-size:11px; font-weight:bold; }
.familySite2 .btn_family2.open { background:url(/resources/images/cms/cms/close_arr.png) no-repeat 82px center;}
.familyList2 {display:none; position:absolute; left:-1px; top:46px; width:102px; border-top:none; word-spacing:-1px;}
.familyList2 > li{border-right:none; border-left:none;}
.familyList2 > li a {display:block; float:none; padding:8px 0 7px 12px; border:none; font-size:11px;}

.f_menu > div > ul{overflow:hidden; float:left;}
.f_menu > div > ul > li{float:left; }
.f_wrap{overflow:hidden; width:1100px; margin:0 auto; padding-bottom:17px;}
.f_txt{float:left; margin-top:20px;}
.f_txt p{margin-bottom:5px; }

/* drawer */
.dmm{position:fixed;top:0;left:0;right:0; height:10000px; z-index:6000}
#naviMenu{position:fixed;top:0;left:-1000px;max-width:335px; z-index:7000; width:100%; min-height:800px;  overflow:hidden; background-size:335px 1px;}
#naviMenu > div{position:absolute;top:0;left:0;overflow:auto; width:100%;}
#naviMenu .gnb{z-index: 1}
#naviMenu .gnb, #naviMenu .gnbHome{position:absolute;left:0;width:140px;height:56px;}
#naviMenu .gnb a, #naviMenu .gnbHome a{display:block;height:25px;font-size:13px;text-align:center;background:url('/resources/images/cms/ico_menu_off.png') no-repeat 27px 18px; background-size:22px 22px;}
#naviMenu .on .gnb a{ background-image:url('/images/cms/common/ico_menu_on.png'); }
#naviMenu .gnbHome{top:0; }
#naviMenu .gnbHome a{height:36px; padding:18px 0 0 16px; font-size:20px; font-weight:bold;}
#naviMenu .sitemap{position:absolute;top:0px; left:141px;width:194px; height:56px; }
#naviMenu .sitemap a {display:block; height:36px; background:url('/images/cms/common/left_sitemap.png') no-repeat 25px 19px; background-size:22px 22px; padding:18px 0 0 0; font-size:18px; font-weight:bold; text-align:center;}
#naviMenu .closeArea{position:relative; height:56px;}
#naviMenu .close{width:16px;height:16px;position:absolute;top:20px;right:15px;background:url('/images/cms/common/bg_btn.png') no-repeat 0 0; background-size:16px 16px;cursor:pointer; z-index:6000;}
#naviMenu .t_a_line {overflow:hidden;}
#naviMenu .mnTit{float:left;width:61%; height:20px; padding:15px 7% 15px 16%; font-size:18px;}
#naviMenu span.arrow {cursor:pointer; float:left; width:16%; height:20px; padding:15px 0; background:url('/images/cms/common/ml_down_arrow.png') no-repeat center;}
#naviMenu .on > .t_a_line > .mnTit{float:left; font-weight:bold; }
#naviMenu .on > .t_a_line > span.arrow {background:url('/images/cms/common/ml_up_arrow.png') no-repeat center;}
#naviMenu .mnTit + ul{display:none;}
#naviMenu .on > .mnTit + ul{display:block; }
#naviMenu .side_sub{display:none;}
#naviMenu .side_sub li a{display:block; padding:20px 0 20px 78px; background:url('/images/cms/common/mm_li_bg.gif') no-repeat 58px 28px; font-size:16px; }
#naviMenu .side_sub li a:hover{ font-weight:bold;}
#naviMenu .side_sub li a.active { font-weight:bold;}
#naviMenu .side_sub li > ul > li a {padding:7px 0 7px 60px; background:url(/images/cms/kor/sub/list_icon_1.gif) no-repeat 50px 13px;}
#naviMenu .side_sub li > ul > li a.active { font-weight:bold;}
#naviMenu .subTit{display:block;padding:13px 35px;background:url('/images/cms/common/bg_bu.png') no-repeat 94% -330px;background-size:15px 450px;line-height:16px;}
#naviMenu .on > .subTit{ background-position:94% -380px}
#naviMenu .on > .side_sub{display:block; background:url('/images/cms/common/side_sub_bg.gif'); }

.select_box_1 {padding:12px 0 12px 20px;}
.select_box_1 span.select select {width:72%; height:28px; }
.select_box_1 p {margin-bottom:7px;}



@media only screen and (max-width:1100px) {

}


@media only screen and (max-width:320px) {

	.wrap{width:320px;}
}

/* Aagii */
.th-center th, .td-center td{text-align:center !important;}
.paging a{cursor:pointer;}
.font-inherit font{vertical-align: inherit;}


