@charset "utf-8";

/*** Header ***/
.header {position:fixed;left:0;top:0;width:100%;background:rgba(255,255,255,0.9);z-index:200;}
.header:after {content:"";position:absolute;left:0;top:0;width:100%;height:100px;background:#fff;transition:all 0.4s;}
.header.ov:after {box-shadow:0 5px 10px rgba(0,0,0,0.1);}
.header .hd_sub {position:relative;width:100%;max-width:1300px;margin:0 auto;z-index:1;}
.header .hd_sub:after {content:"";display:block;clear:both;}
.header .hd_logo {float:left;width:15%;}
.hd_logo > a {height:100px;background:url(../../images/layout/hd_logo.png) no-repeat left center;font-size:0;}
.header .gnb {float:left;width:53%;margin-left:13%;}
.header .gnb:after {content:"";display:block;clear:both;}
.gnb > li {position:relative;float:left;width:20%;}
.gnb > li > a {font-size:17px;color:#101010;text-align:center;line-height:100px;}
.gnb > li > a:before {content:"";position:absolute;left:0;top:0;width:100%;height:0;background:#d0121b;transition:height 0.4s;}
.gnb > li:hover > a:before, .gnb > li > a:hover:before, .gnb > li > a:focus:before {height:3px;}
.gnb .subm {display:none;padding:30px 0 120px;}
.gnb .subm > a {padding:6px 5px;text-align:center;line-height:22px;box-sizing:border-box;transition:color 0.4s;}
.gnb .subm > a:hover, .gnb .subm > a:focus {color:#d0121b;}
.header .hd_sns {float:right;margin-top:34px;text-align:right;}
.hd_sns > a {display:inline-block;width:32px;height:32px;margin-left:10px;font-size:0;vertical-align:top;}
.hd_sns > a.sns01 {background:url(../../images/template/ico_blog.png) no-repeat center center;}
.hd_sns > a.sns02 {background:url(../../images/template/ico_fb.png) no-repeat center center;}
.hd_sns > a.sns03 {background:url(../../images/template/ico_ins.png) no-repeat center center;}
.hd_sns > a.sns04 {background:url(../../images/template/ico_yout.png) no-repeat center center;}



/*** Footer ***/
.footer {padding:38px 0;background:#d5d5d5;}
.footer .ft_sub {width:100%;max-width:1300px;margin:0 auto;}
.footer .ft_sub:after {content:"";display:block;clear:both;}
.footer .ft_logo {float:left;width:14%;margin-right:4%;font-size:12px;line-height:17px;}
.ft_logo:before {content:"";display:block;height:40px;margin-bottom:8px;background:url(../../images/layout/ft_logo.png) no-repeat left top;border-bottom:solid 1px #605f60;}
.footer .ft_info {float:left;width:63%;}
.ft_info > li {font-size:0;line-height:28px;}
.ft_info > li > span {display:inline-block;margin-right:15px;font-size:15px;vertical-align:top;}
.footer .ft_menu {float:right;width:14%;}
.ft_menu > a {margin-top:5px;padding:0 10px;background:#fff;color:#808080;text-align:center;line-height:35px;box-sizing:border-box;transition:all 0.4s;}
.ft_menu > a:hover, .ft_menu > a:focus {background:#d0121b;color:#fff;}




/* 모달 레이어 정의 */
.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:310px; 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;
}
.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:center; vertical-align:middle; overflow:hidden; }
.layer_box .email_area .email_box .big_txt { margin-bottom:20px; font-size:20px; color:#222; font-weight:700; }
.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; }

.layer_box#layer_organ .org_tit {position:relative;margin-bottom:20px;padding-left:20px;background:url(../../images/sub/blt_arti_tit.png) no-repeat left center;font-size:26px;font-weight:700;color:#000;line-height:40px;}
.layer_box#layer_organ .org_tit .btn_print {position:absolute;right:0;top:0;}
.layer_box#layer_organ .table_ty {margin-bottom:20px;}

.layer_box#layer_priv .layer_cnt {height:310px;padding-right:10px;font-size:13px;overflow-y:auto;box-sizing:border-box;}
.layer_box#layer_priv .priv_stit {margin:30px 0 10px;font-size:17px;font-weight:700;color:#1e4560;line-height:27px;}
.layer_box#layer_priv .num_list > li {padding-left:20px;}

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