@charset "utf-8";

/*** Header f06327 ***/
#hd_pop {/*display:none;*/}
.hd_btm {background:rgba(5,34,61,0.65); position:relative;}
.hd_btm:before {position: absolute; width: 100%; height: 55px; background:rgba(5, 34, 62, 0.7); content: ""; z-index: -1;}
.header {position:fixed;left:0;top:0;width:100%;;z-index:100; }
.header .hd_sub {width:100%;max-width:1300px;margin:0 auto;}
.header .hd_top {border-bottom:solid 1px #dbdbdb;background:#fff}

.hd_btm .gnb {float:left;width:910px; margin-left:-40px;}

.hd_sb_bg {display:none; position:absolute; bottom:50%; right:50%; transform:translate(-50%); margin-right:-800px; margin-bottom:-65px;}
.gnb > li {float:left;width:140px; position:relative;}
.gnb > li.gl {width:16%;}
.gnb > li > a {font-size:17px;font-weight:400;color:#fff;text-align:center;line-height:55px;transition:all 0.4s; font-family:'Noto Sans Korean',sans-serif;}
.gnb > li > .sub_mn {display:none; padding:30px 0 58px; text-align:center;}
.gnb > li > .sub_mn > li {margin-bottom:20px; text-align:center;}
.gnb > li > .sub_mn > li:last-child {margin-bottom:0;}
.gnb > li > .sub_mn > li > a {width:76px; height:15px; margin:0 auto; color:transparent; transition:0.3s;}
.gnb > li > .sub_mn > .gn_mn_01 a {width:79px !important; background:url(../images/layout/gn_mn/gn_mn_01.png)no-repeat}
.gnb > li > .sub_mn > .gn_mn_02 a {background:url(../images/layout/gn_mn/gn_mn_02.png)no-repeat}
.gnb > li > .sub_mn > .gn_mn_03 a {background:url(../images/layout/gn_mn/gn_mn_03.png)no-repeat}
.gnb > li > .sub_mn > .gn_mn_04 a {background:url(../images/layout/gn_mn/gn_mn_04.png)no-repeat}
.gnb > li > .sub_mn > .gn_mn_05 a {background:url(../images/layout/gn_mn/gn_mn_05.png)no-repeat}
.gnb > li > .sub_mn > .gn_mn_06 a {background:url(../images/layout/gn_mn/gn_mn_06.png)no-repeat}
.gnb > li > .sub_mn > .gn_mn_07 a {background:url(../images/layout/gn_mn/gn_mn_07.png)no-repeat}
.gnb > li > .sub_mn > .gn_mn_08 a {background:url(../images/layout/gn_mn/gn_mn_05.png)no-repeat}
.gnb > li > .sub_mn > .gn_mn_09 a {background:url(../images/layout/gn_mn/gn_mn_09.png)no-repeat}
.gnb > li > .sub_mn > .gn_mn_10 a {background:url(../images/layout/gn_mn/gn_mn_06.png)no-repeat}
.gnb > li > .sub_mn > .gn_mn_11 a {background:url(../images/layout/gn_mn/gn_mn_07.png)no-repeat}
.gnb > li > .sub_mn > .gn_mn_12 a {background:url(../images/layout/gn_mn/gn_mn_12.png)no-repeat}
.gnb > li > .sub_mn > .gn_mn_13 a {width:92px !important; background:url(../images/layout/gn_mn/gn_mn_13.png)no-repeat}
.gnb > li > .sub_mn > .gn_mn_14 a {width:92px !important; background:url(../images/layout/gn_mn/gn_mn_14.png)no-repeat}
.gnb > li > .sub_mn > .gn_mn_15 a {width:92px !important; background:url(../images/layout/gn_mn/gn_mn_15.png)no-repeat}

.gnb > li > .sub_mn > .gn_mn_01 a:hover {background:url(../images/layout/gn_mn/gn_mn_01_.png)no-repeat}
.gnb > li > .sub_mn > .gn_mn_02 a:hover {background:url(../images/layout/gn_mn/gn_mn_02_.png)no-repeat}
.gnb > li > .sub_mn > .gn_mn_03 a:hover {background:url(../images/layout/gn_mn/gn_mn_03_.png)no-repeat}
.gnb > li > .sub_mn > .gn_mn_04 a:hover {background:url(../images/layout/gn_mn/gn_mn_04_.png)no-repeat}
.gnb > li > .sub_mn > .gn_mn_05 a:hover {background:url(../images/layout/gn_mn/gn_mn_05_.png)no-repeat}
.gnb > li > .sub_mn > .gn_mn_06 a:hover {background:url(../images/layout/gn_mn/gn_mn_06_.png)no-repeat}
.gnb > li > .sub_mn > .gn_mn_07 a:hover {background:url(../images/layout/gn_mn/gn_mn_07_.png)no-repeat}
.gnb > li > .sub_mn > .gn_mn_08 a:hover {background:url(../images/layout/gn_mn/gn_mn_05_.png)no-repeat}
.gnb > li > .sub_mn > .gn_mn_09 a:hover {background:url(../images/layout/gn_mn/gn_mn_09_.png)no-repeat}
.gnb > li > .sub_mn > .gn_mn_10 a:hover {background:url(../images/layout/gn_mn/gn_mn_06_.png)no-repeat}
.gnb > li > .sub_mn > .gn_mn_11 a:hover {background:url(../images/layout/gn_mn/gn_mn_07_.png)no-repeat}
.gnb > li > .sub_mn > .gn_mn_12 a:hover {background:url(../images/layout/gn_mn/gn_mn_12_.png)no-repeat}
.gnb > li > .sub_mn > .gn_mn_13 a:hover {background:url(../images/layout/gn_mn/gn_mn_13_.png)no-repeat}
.gnb > li > .sub_mn > .gn_mn_14 a:hover {background:url(../images/layout/gn_mn/gn_mn_14_.png)no-repeat}
.gnb > li > .sub_mn > .gn_mn_15 a:hover {background:url(../images/layout/gn_mn/gn_mn_15_.png)no-repeat}

.gnb > li > .sub_mn > .letter_1 > a {letter-spacing:-1px;}
.gnb li a:hover, .gnb li a:focus, .gnb li a:active {color:#f06327; }
.gnb .sub_mn li a:hover, .gnb .sub_mn li a:focus, .gnb .sub_mn li a:active {}
.gnb > li > a {border-bottom:2px solid transparent;}
.gnb > li:hover, .gnb > li:focus, .gnb > li:active {color:#f06327;}
.gnb > li:hover:before {position:absolute; top:54px; left:50%; margin-left:-30px; width:60px; height:3px; background:#f06327; content:"";}
.gnb > li.current > a {color:#f06327;}

.header .hd_sub .more_btn {margin-top:15px; float:right;}
.header .hd_sub .more_btn > span {display:inline-block; width:22px}
.header .hd_sub .more_btn > span > a {color:transparent; height:20px;}
.header .hd_sub .more_btn .btn_home {margin-right:15px;}
.header .hd_sub .more_btn .btn_home > a {background:url(../images/layout/icon_home_btn.png) no-repeat center}
.header .hd_sub .more_btn .btn_layer_sitemap > a {background:url(../images/layout/icon_sitemap_btn.png) no-repeat center}

/* 모바일헤더 */

.m_m_b{display: none;}
#m_header{position: absolute;height: 115px; display: none; top: 0; left: 0; width: 100%; height: 100%;}
.m_manu {cursor: pointer; position: absolute; right: 20px; top: 40px; z-index: 1005123; }
.m_manu ul li{width: 45px; height: 6px; background: #13264d; margin-bottom: 7px; transition:.5s; text-align: right; }
.m_manu ul li:nth-child(2){width: 57px; margin-left: -12px;}
.m_manu.on{top:20px;}
.m_manu.on ul li.li2{display: none; }
.m_manu.on ul li.li1{ transform:rotate(45deg); margin-top: 8px; background: #fff; height: 8px; -webkit-border-radius: 12px;-moz-border-radius: 12px;border-radius: 12px; width: 40px;}
.m_manu.on ul li.li3{transform:rotate(-45deg); margin-top: -15px; background: #fff; height: 8px; -webkit-border-radius: 12px;-moz-border-radius: 12px;border-radius: 12px; width: 40px;}
#m_logo h1 a{display: block;}
#ln_area{display: none;}
.m_header_nav{position: absolute;top: 66px; right: 0; z-index: 10000; background: #fff; width: 50%; display: none; height: 100%;}
.m_header_nav:before{position: absolute; content:''; top: -66px; left: 0; background: #13264d; width: 100%; height: 66px;}
#m_logo{text-align: center; margin: 0 auto; float: left; margin-left: 20px; margin-top: 20px; position: absolute; z-index: 100; width: 180px; height: 50px; left: 20px; top: 17px;} 
#m_logo img{width: 100%;}

#m_header_box{height: 115px; padding: 0px 20px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; width: 100%;}
.m_header_nav ul li{position: relative;text-indent: 20px; line-height: 70px; cursor: pointer; transition:.3s; border-bottom: 1px solid #dbdbdb;}
.m_header_nav ul li:first-child{border-top: 1px solid #dbdbdb;}
.m_header_nav > ul > li > a{color: #505050; font-weight: 400; display: block; font-size: 22px;}
.m_header_nav ul li:after{position: absolute;content:'';width: 27px; height: 19px; right: 20px;     top: 26px; background: url(../images/main/m_cb.png) 0 0 no-repeat; transition:.3s;}
.m_header_nav > ul > li:hover:after{background: url(../images/main/mh_cb.png) 0 0 no-repeat;}
.m_header_nav > ul > li.on:after{position: absolute;content:'';width: 27px; height: 19px; right: 20px; top:26px; background: url(../images/main/m_ct.png) 0 0 no-repeat; transition:.3s;}
.m_header_nav > ul > li.on:hover:after{background: url(../images/main/mh_ct.png) 0px 0px no-repeat;}
.m_header_nav > ul > li:hover > a{background: #253c68; color: #fff;}
.m_header_nav ul li span.li_han{font-weight: 900; font-size: 24px;}
.m_header_nav ul li span.navli_2{font-size: 20px; font-weight: 400;}
.m_header_nav > ul > li > ul{display: none;}
.m_header_nav > ul > li > ul li{border-bottom: 1px solid #dbdbdb; }
.m_header_nav > ul > li > ul li:first-child{border-top: 1px solid #dbdbdb; }
.m_header_nav > ul > li > ul{background: #e8eaed;}
.m_header_nav > ul > li > ul li a{font-size: 22px; color: #505050; transition:.3s; display: block; font-weight: 400;}
.m_header_nav > ul > li > ul li a:hover{color: #007dc6; font-weight: 500;}
.m_header_nav > ul > li > ul li ul{display: none;}
.m_header_nav > ul > li > ul li ul li a{font-size: 22px;}
.m_header_nav > ul > li > ul li ul li:after{display: none;}
.nav_bg{display: none;background: rgba(0,0,0,0.5); position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1000;}



/*** Footer ***/
.footer {width:100%; height:147px; position:absolute; bottom:0; background:rgba(4,26,47,0.85)}
.footer .ft_sub {width:100%;max-width:1300px;margin:0 auto; padding:38px 0 34px; position:relative; background:url(../images/layout/ft_logos_ver.png) no-repeat center right;}
.footer .ft_sub .ft_txt, .footer .ft_sub .ft_txt span {font-size:14px; font-weight:400; color:#c9d2db;}
.footer .ft_sub .ft_txt .fax {margin-left:10px;}
.footer .ft_sub .ft_txt {line-height:1.8}
.footer .ft_sub .layer_btn {position:absolute; right:0; bottom:40px;}
.footer .ft_sub .layer_btn span {display:inline-block;}
.footer .ft_sub .layer_btn span > a {font-weight:400;}
.footer .ft_sub .layer_btn .btn_layer_privacy {margin-right:15px;}
.footer .ft_sub .layer_btn .btn_layer_privacy > a {color:#f16a31}
.footer .ft_sub .layer_btn .btn_layer_email > a {color:#fff}
.footer .ft_sub .ft_txt, .footer .ft_sub .ft_txt .copy_c {margin-right:10px;}
.footer #top_btn {position:relative;}
.footer #top_btn > a {position:fixed; right:100px; bottom:40px; padding-top:25px;background:#fff; text-align:center; color:#05223e; width:60px; height:35px; 
	border:2px solid #05223e; border-radius:50%; transition:0.3s }
.footer #top_btn > a:hover {background:#05223e; color:#fff; border:2px solid rgba(255,255,255,1); }

/* 모달 레이어 정의 */
.layer_popup { display:none; margin:0; padding:0 !important; overflow:hidden !important; }
.layer_popup iframe { left:0 !important;top:0 !important;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:360px; 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:500; }
.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:500; 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; }

.pop_bg {
	position:fixed; display:none; left:0; right:0; top:0; bottom:0; z-index:100;
	background:rgba(0,0,0,0.15);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#70000000,endColorstr=#70000000);
}
.layer_box {
	position:fixed; display:block; left:0; right:0; top:0; margin:auto auto; z-index:101;
	box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;
}
.layer_sitemap, .layer_email, .layer_privacy { width:800px; max-width:800px; height:500px; background:#fff; max-height:500px; padding:30px;  bottom:0;}

.layer_box_board_view {width:900px; height:auto !important; max-height:500px; padding:0; overflow-y:auto; top:100px; }
.layer_box_board_view #board_img_area {text-align:center; line-height:0; font-size:0}
.layer_box_board_view #board_img_area img {vertical-align:top}
.layer_box_board_view .btn_close {top:1px !important; width:30px !important; height:30px !important;}
.layer_box_board_view .btn_close:after {line-height:25px !important;}

.layer_box > h3 { margin-bottom:40px; font-size:30px; color:#111; font-weight:500; }
.layer_box .btn_close { position:absolute; display:block; width:35px; height:35px; right:0; top:0; background:#000; overflow:hidden; font-size:0;line-height:0;}
.layer_box .btn_close:after {content:"X";display:block;font-size:20px;font-weight:700;color:#fff;text-align:center;line-height:32px;}

.layer_cnt_email {padding:100px 50px; text-align:center}
.layer_cnt_email h1 {margin-bottom:30px; font-weight:400}
.layer_cnt_email p {font-weight:400}

.layer_sitemap {overflow-y:scroll;}
.layer_sitemap .layer_cnt {overflow:hidden;}
.layer_sitemap .layer_cnt dl {width:20%; margin-right:2%; min-height:150px; margin-bottom:20px; padding:20px 0 20px 20px; border:1px solid #ddd; float:left;}
.layer_sitemap .layer_cnt dl:nth-child(4n) {margin-right:0;}
.layer_sitemap .layer_cnt dt {font-size:18px; color:#333; font-weight:500; margin-bottom:10px;}
.layer_sitemap .layer_cnt dd {padding-left:0px; line-height:1.8}
.layer_sitemap .layer_cnt dd a:before {display:inline-block; margin-right:7px; content:"-";}

@media(max-width:1024px){
	.layer_box { width:auto; max-width:90%; height:auto; padding:10px; }
	.layer_box > h3 { margin-bottom:10px; padding:10px 0; font-size:20px; }
	.layer_box .btn_close { position:absolute; display:block; width:35px; height:35px; right:0; top:0; overflow:hidden; }
}
@media(max-width:480px){
	.layer_box > h3 {font-size:16px;}
	.layer_box .btn_close {width:30px;height:30px;}
	.layer_box .btn_close:after {font-size:16px;line-height:30px;}
}

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

.mb_v_bg,
.mb_v_open,
.mb_v_box {display:none;}

/* 우측 사이드 메뉴 영역 */
/* @media (max-width:1024px) {
	.mb_v_bg,
	.mb_v_open,
	.mb_v_box {display:block;}
	.hd_btm .gnb, .header .hd_sub .more_btn .btn_layer_sitemap {display:none;}
	.hd_btm:before {background: rgba(5, 34, 62, 1);}
	.header .hd_sub .more_btn {float:left}


	.mb_v_open {position:absolute; top:12px; right:20px;}
	.mb_v_open > i {font-size:28px; color:#fff}

	.m_side_area { position:fixed; display:block; right:-220px; top:0; width:220px; height:100%; background:#fff; box-sizing:border-box; overflow-x:hidden;  }
	
	#btn_n_close { position:absolute;background:#3f3f3f;height: 68px;top: 0; right: 0; width: 100%; z-index: 9999; display:block;}
	#btn_n_close > .txt { position:absolute; display:block; right:20px; top:25px; width:16px; height:16px; background:url('../../images/common/icon_close.png') no-repeat center center; background-size:100%; z-index:129; cursor:pointer; font-size:0; }

	.mb_v_bg{background-color: rgba(0,0,0,0.5);width:100%; height:100%;position: fixed; overflow: hidden; top: 0px; left: 0px;display:none}
	.mb_v_box{display:block; position: fixed;width:100%; height:100%; left:100%;top:0; color: #fff; overflow-y:hidden;}
	.mb_v_box .mb_v_close_btn_wrap {background:#3f3f3f; width:60%; height:55px; float:right; position:relative; }
	.mb_v_box .mb_v_close_btn_wrap .fa {margin:12px 20px 0 0; font-size:28px; float:right;}
	.mb_v_box .mb_v_close {position: absolute; width:100%; height:100%;right:0; top:0; font-size: 20px; z-index:999;}
	.mb_v_box .mb_v_gnb {position: relative;top:0;width:60%;height:100%;float:right;background:#fff; overflow-y:scroll;    }
	.mb_v_box .mb_v_gnb > ul {}
	.mb_v_box .mb_v_gnb .mb_v_stit{ cursor:pointer; padding: 15px 30px; border-bottom: 1px solid #d8d8d8; font-size:15px; font-weight:500;color:#333;}
	.mb_v_box .mb_v_gnb .mb_v_stit:hover,
	.mb_v_box .mb_v_gnb .mb_v_stit:focus{ background: #05223e; color:#fff;}
	.mb_v_box .mb_v_gnb li:first-child .stit{ border-top:1px solid #11c2d0;}
	.mb_v_box .mb_v_gnb .mb_v_sgnb{ background-color: #eeeeee; font-size: 14px; line-height: 2;}
	.mb_v_box .mb_v_gnb .mb_v_sgnb li { border-bottom: 1px solid #d8d8d8;	}
	.mb_v_box .mb_v_gnb .mb_v_sgnb li > a{display:inline-block; width:80%; height:100%;padding: 2px 0 3px 30px; font-size:13px; font-weight:600; box-sizing:border-box;}
	.mb_v_box .mb_v_gnb .mb_v_sgnb{display:none;}
} */