
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
display: block;}
ol, ul {list-style: none;}
li{list-style: none;}
a{text-decoration: none;}
/* 헤더 */



#header{width: 100%; height: 106px; background: #fff; position: relative;}
#header_box{width: 1300px; margin: 0 auto;}
#logo{float: left; }
#logo > h1{padding-top: 22px; }
#logo > h1 a{display: block;}
nav{float: left; height: 106px; margin-left: 210px;}
.pg_wrap{float: none;}
.pg_page, .pg_current {
    display: inline-block;height: 25px; line-height: 25px;}


.header_nav ul{margin:0; padding: 0;}
nav > ul > li{position: relative;float: left; width: 145px;  line-height: 106px;}

nav > ul > li:last-child:before{background:0; }
nav > ul > li > a{display: block;font-size: 17px; color: #101010; text-align: center; font-weight: 400;}
nav > ul > li > span{display: none; position: absolute; background:#8cc63f; width: 182px; height: 3px; top:0; left: 50%; margin-left: -90px; z-index: 9999;}
nav > ul > li:last-child{width: 80px;}
nav > ul > li:last-child > a{text-align: right;}
nav > ul > li > ul{display: none; position: absolute; z-index: 99999; background: rgba(140,198,63,0.77); margin: 0; padding: 0;  top: 106px; left: -20px; width: 182px; padding-bottom: 70px !important; padding-top: 30px !important;}
nav > ul > li:nth-child(3) > ul{ left: -33px; width: 210px;}
nav > ul > li:nth-child(3) > span {width: 210px; margin-left: -104px;}
nav > ul > li:nth-child(4) > ul{left: -27px;}
nav > ul > li:nth-child(4) > span {margin-left: -64px;}
nav > ul > li > ul:after{position: absolute; content:''; width: 133px; height: 62px; background: url(../../images/main/nav_ul_bg.png) 0 0 no-repeat; left: 50%; margin-left: -66px; bottom: 0;}
nav > ul > li > ul > li{height: auto;  text-align: center;  transition:.3s;}
nav > ul > li > ul > li.nav_last{border-top: 0;}
nav > ul > li > ul > li > a{display: block;line-height: 34px; text-align: center; font-size: 15px; color: #fff; font-weight: 400;}
nav > ul > li > ul > li:hover a{text-decoration: underline;}
.site_map_menu{float: right; text-align: right; margin-top: 40px; transition:.3s; width: 83px;}
.site_map_menu a{position: relative;font-size: 14px; color: #505050; padding-right: 25px; line-height: 25px; text-align: left; padding-bottom: 8px; display: block;}
.site_map_menu a:after{position: absolute; content:''; width: 11px; height: 17px; background: url(../../images/main/sitemap_icon.png) 0 0 no-repeat; right: 0; top: 3px;  transition:.5s;}
.site_map_menu:hover a:after{right: 12px;}

.site_map_menu a:before{position: absolute; content:''; width: 100%; height: 1px; background: #cacaca; bottom: 0; left: 0;}
.site_map_menu:hover{}



footer{width: 100%;height: 253px;background: #454545;color: #fff;overflow: hidden;}
.ft_top{border-bottom: 1px solid rgba(255,255,255,0.2); height: 142px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; padding-top: 52px;}
.ft_top ul{overflow: hidden;}
.ft_top ul li{color: #fff; text-align: left !important; float: left; font-size: 14px; font-weight: 300; line-height: 27px; padding-right: 15px;}
.ft_sub p{color: #fff; text-align: left;padding-top: 3px; font-weight: 300;}


.ft_sub dl{overflow: hidden;}
.ft_sub dd{margin-left: 0;line-height: 26px;font-size: 14px;color: #fff;font-weight: 400; float: left;}
.ft_sub dl dd.ft_fir_dd{position: relative;}
.ft_sub dl dd{position: relative;padding-right: 35px;}
.ft_sub dl dd:after{position: absolute; content:''; width: 1px; height: 12px; background: #697593; right: 17px; top: 7px;}
.ft_sub dl dd:last-child:after{display: none;}

.ft_btm{position: relative;}
.ft_menu{overflow: hidden;}
.ft_menu_left{float: left;}
.ft_menu ul{float: right;}
.ft_menu p{text-align: left; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; padding-top: 33px;}
.ft_menu > ul {margin-top: 33px;}
.ft_menu > ul > li{text-align: center;  height: 24px; line-height: 24px; float: left; padding-right: 16px;}
.ft_menu > ul > li:last-child{border-top: 0;}


.ft_menu > ul > li:hover { text-decoration: underline; color: #000;}
.ft_menu > ul > li > a{color: #a0a0a0; font-size: 15px;font-weight: 300;text-align: center; transition:.3s;}
.ft_menu > ul > li:hover a{color: #fff;}




p.ims{position: absolute;	right: 0;width: 50px;height: 30px;border: 1px solid #aeaeae;text-align: center;margin-top: 45px;}
p.ims > a{color: #aeaeae;}


/* ln 하단 메뉴 */

.ln_box{float: left; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; overflow: hidden; margin-top: 30px;}
.ln_box > ul{margin: 10px 0 0 0 ; padding: 0;}
.ln_box > ul > li{float: left; width: 125px; height: 135px; border: 1px solid #dbdbdb; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; text-align: center;}
.ln_box > ul > li:hover{background: #eff0f1; font-weight: 500;}
.ln_box > ul > li > a{display: block; padding-bottom: 20px;}
.ln_box > ul > li > a > p{font-size: 15px; color: #404040; padding-bottom: 10px; font-weight: 400;}
.ln_box > ul > li > a figure{margin-top: 15px; margin-left: 23px; margin-bottom: 5px; width: 80px; height: 73px;}
.ln_box > ul > li:hover > a > p{color: #253c68;}
.ln_box > ul > li:nth-child(3){clear: both;}
.ln_box > ul > li:nth-child(1), .ln_box > ul > li:nth-child(3){border-right: 0;}
.ln_box > ul > li:nth-child(1), .ln_box > ul > li:nth-child(2){border-bottom:0;}




.akjshd span{ text-align: right; display: inline-block; float: right;}
.nanerj span{  text-align: right;display: inline-block;float: right;}

.ft_sub dl dd.smol{font-size: 13px;}

.akjshd span.text_bb{position: relative; text-align: justify;   text-justify: inter-word;}
.akjshd span.text_bb:before{position: absolute; content:'사'; right: 3px; }
span.text_bb{float: left !important; text-indent: 0; text-align: justify; width: 50px;}


/* 모달 레이어 정의 */
.layer_popup { display:none; margin:0; padding:0 !important; overflow:hidden !important; }
.layer_popup iframe { width:100%; height:100%; border:0; box-sizing:border-box; }

/* 레이어 구성 */
.layer_box { display:block; width:100%; height:100%; padding:20px; box-sizing:border-box; overflow:hidden; }
.layer_box > header { display:none; }
.layer_box > .layer_cnt { display:block; overflow:hidden; }
.layer_box textarea {
	width:100%; height:300px; padding:10px; border:1px solid #ddd; overflow-y:auto; resize:none; outline:0;
	box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;font-family: 'Noto Sans Korean', sans-serif;
}
.layer_box .email_area { display:table; width:100%; height:300px; border-collapse:collapse; border-spacing:0; margin:0; padding:0; overflow:hidden; }
.layer_box .email_area .email_box { display:table-cell; width:100%; padding:30px 0; text-align:left; vertical-align:middle; overflow:hidden; }
.tbtb{overflow: hidden;}
.email_box table.table1ma{border-collapse:collapse;  width: 100%; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.email_box table.table1ma tr th{text-align: center; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; font-weight: 400;}
.email_box table.table1ma tr th,.email_box table.table1ma tr td { font-weight: 400;border: 1px solid #dbdbdb; padding: 10px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

.email_box table.table2ma{border-collapse:collapse; width: 100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.email_box table.table2ma tr th{text-align: center; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; font-weight: 400;}
.email_box table.table2ma tr th{border: 1px solid #dbdbdb; padding: 10px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.email_box table.table2ma tr td {border: 1px solid #dbdbdb; padding: 10px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.reij{text-align: center;}


.layer_box .email_area .email_box .big_txt { margin-bottom:20px; font-size:20px; color:#222; font-weight:400; text-align: center;}
.layer_box .email_area .email_box .big_txt ul{margin: 0; padding: 0;}
.layer_box .email_area .email_box .big_txt ul li{margin: 0; padding: 0;}
.email_box ul{margin: 0; padding: 0;}
.layer_box .email_area .email_box .normal_txt { margin:0 10%; font-size:15px; color:#555; line-height:1.5; text-align:justify; word-break:keep-all; }

.layer_box .sitemap { display:block; float:left; width:24%; height:auto; margin-right:1%; margin-bottom:1%; border:1px solid #ddd; overflow:hidden; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
.layer_box .sitemap dt { padding:5px 5px; font-size:0.87em; color:#000; font-weight:700; text-align:left; border-bottom:1px dotted #b7b7b7; }
.layer_box .sitemap dd { margin:0; padding:5px 5px; }
.layer_box .sitemap dd > ul { display:block; list-style:none; margin:0; padding:0; overflow:hidden; }
.layer_box .sitemap dd > ul > li { display:block; margin:0; padding:0; overflow:hidden; }
.layer_box .sitemap dd > ul > li > a { display:block; padding:5px 5px; font-size:0.87em; color:#666; border-bottom:1px dotted #ddd; overflow:hidden; }
.layer_box .sitemap dd > ul > li:nth-last-child(1) a { border-bottom:0; }
.layer_box .sitemap:nth-child(4n+4) { margin-right:0; }

.layer_box .t_depth_menu { padding:7px 5px !important; background:#f4f4f4; }
.layer_box .t_depth_menu > li { display:block; margin:0; padding:0; overflow:hidden; }
.layer_box .t_depth_menu > li > a { display:block; padding:5px 5px; font-size:0.81em; color:#666;  overflow:hidden; }
.layer_box .t_depth_menu > li:nth-last-child(1) > a { border-bottom:0; }

.layer_box .f_depth_menu { padding:5px !important; background:#fff; }
.layer_box .f_depth_menu > li { display:block; margin:0; padding:0; overflow:hidden; }
.layer_box .f_depth_menu > li > a { display:block; padding:5px 5px; border-bottom:1px dotted #ddd; overflow:hidden; }
.layer_box .f_depth_menu > li:nth-last-child(1) > a { border-bottom:0; }

.ui-widget-overlay { background:rgba(0,0,0,0.7); }

.table_outline > table th a, .table_outline > table td a{color: #303030;}