@charset "UTF-8";

/********* common_layout *********/
html, body {height:100%;}
body {line-height:1.3; color:#333; font-family: 'Noto Sans KR', 'sans-serif'; font-size:16px;}
.wrapper {position:relative; z-index:1; min-height:100%; background: url('/images/main/section5_bg.jpg') no-repeat center bottom 270px; overflow: hidden;}
.container {position:relative; z-index:1; max-width:1280px; margin:0 auto;}
.contents {padding-top: 91px;}
.fc_point1 {color: #000;}
.fc_point2 {color: #000;}

/* skip navi */
.skip_navi {position:absolute; z-index:999999; width:100%; left:0; top:0; text-align:center;}
.skip_navi a {display:block; position:absolute; left:0; top:-9999px; z-index:1; width:100%; height:40px; line-height:40px; background-color:#333; color:#fff; font-size:20px; font-weight:700;}
.skip_navi a:hover, .skip_navi a:focus {top:0;}

/* header */
.header {position: fixed; width: 100%; z-index:9999; background-color:#efefef;}
.gnb_header {top:-100px; transition:top 0.3s; -moz-transition:top 0.3s; -webkit-transition:top 0.3s;}
.head_logo {position:absolute; left:3.3%; top:45%; z-index:2; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.head_logo a {display: block; margin-top:-32px;}
.head_logo .m_tit {display: none;}
.gnb {display: inline-block; vertical-align: top; -webkit-transition: padding 0.3s; -moz-transition: padding 0.3s; -ms-transition: padding 0.3s; -o-transition: padding 0.3s; transition: padding 0.3s;}
.gnb > li {position:relative; z-index:1; float:left;}
.gnb > li:first-child {margin-left:0;}
.gnb > li > a {display:block; padding: 31px 40px; font-size:1.4em; -webkit-transition: padding 0.3s; -moz-transition: padding 0.3s; -ms-transition: padding 0.3s; -o-transition: padding 0.3s; transition: padding 0.3s;font-weight:600;}
.gnb .sub_gnb {display: none !important;}

/* sub_gnb_box */
.sub_gnb_box {display: none; position: absolute; left: 0; top: 91px; width: 100%; padding-left: 16.66%; background-color: #6fa045;border-bottom: 2px solid #2f463e;}
.sub_gnb_box .consult_box {position: absolute; left: -20px; top: 30px; width: 16.66%;  background: url('/images/sub/consultico.png') no-repeat right 40px bottom;}
.sub_gnb_box .consult_box .inner {float: right; width: 226px; height: 220px; margin-right: 45px; padding-left: 45px; padding-top: 25px; color: #fff;}
.sub_gnb_box .consult_box .t1 {margin-bottom: 8px; font-family: 'NanumSquare'; font-size: 1.133em;}
.sub_gnb_box .consult_box .t1 b {font-size: 1.1em; }
.sub_gnb_box .consult_box .t2 {font-family: 'NanumSquare'; font-weight: 700; font-size: 1.5em; color: #fff}
.sub_gnb_box .show_gnb {overflow: hidden;}
.sub_gnb_box .show_gnb > li {float: left; width: 20%; min-height: 290px; padding: 35px 0 0 50px; background-color:#f8f8f8; border-left: 1px solid #dcdcdc;}
.sub_gnb_box .show_gnb > li > a {display: block; margin-bottom: 30px; color: #000; font-size: 1.5em; font-weight: 500;}
.sub_gnb_box .sub_gnb {display: block;}
.sub_gnb > li {margin-bottom: 15px;}
.sub_gnb > li:last-child {margin-bottom: 0;}
.sub_gnb > li > a {display: inline-block;	position: relative; padding-bottom: 3px; color: #383838; font-size: 1.133em; font-weight: 350;}
.sub_gnb > li.star > a:before {display: inline-block; content: '*'; margin-right: 2px;}
.sub_gnb > li > a:after {display: block; content:''; position: absolute; left: 0; bottom: 0; width: 0; height: 1px; background-color: #5e5e5e; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.sub_gnb > li > a:hover:after {width: 100%;}
.sub_gnb > li.has > a {padding-right: 17px; background: url('/images/common/sub_gnb_arr02.jpg') no-repeat right 5px center;}
.sub_gnb > li.has.on > a {background-image: url('/images/common/sub_gnb_arr01.jpg'); font-weight: 500;}
.sub_gnb > li.has.on > a:after {width: 100%;}
.sub2_gnb {padding-top: 10px; padding-left: 3px;}
.sub2_gnb > li {margin-bottom: 8px;}
.sub2_gnb > li:last-child {margin-bottom: 0;}
.sub2_gnb > li > a {color: #457ea8; font-weight: 350;}
.sub2_gnb > li > a:before {content:'-'; padding-right: 3px;}
.util_header {position:absolute; top:0; z-index:1; width:100%; background-color:#2e51ad;}
.util_header .container {height:30px; line-height:30px;}
.home_link {color:#fff;}
.gnb_bg {position: absolute; top:111px; left:0; display: none; background-color: #fff; width: 100%; height: 237px;  box-shadow: 0 5px 10px rgba(211,211,211,0.5);}
.call_btn {display: inline-block; position: absolute; z-index: 1; right: 0; top: 50%; margin-top: -46px; letter-spacing: -0.5px; padding: 33px 25px; /*background-color: rgba(92,58,49,0.1);*/ color: #2f463e; font-family: 'NanumSquare'; font-weight: 700; font-size: 1.5em; text-align: center; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.call_btn img {margin-right: 8px; margin-top: -2px; vertical-align: middle;}
.call_btn span {display: block; margin-top: 3px; font-family: inherit; font-size: 14px;}

/* sitemap (10/10) */ 
.sitemap_btn {position: absolute; z-index: 1; right: 14.3%; top: 50%; margin-top: -15px; outline: none;}
.sitemap_btn i {font-size: 2em;}
.sitemap_wrap {display: none; position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 9999; overflow: auto; padding: 80px 0 0; background-color: rgba(0,0,0,0.9);}
.sitemap_wrap .title {position: absolute; top: 0; left: 0; width: 100%; text-align: center; color: #fff; font-size: 2.667em; font-weight: 300;}
.sitemap_wrap .sitemap_close {position: absolute; right: 0; top: 3px;  color: #fff; overflow: hidden; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.sitemap_wrap .sitemap_close i {font-size: 40px;}
.sitemap_wrap .sitemap_close:hover {transform:rotate(180deg);}
.sitemap_wrap .sitemap {padding-top: 120px;}
.sitemap_wrap .sitemap > li {float: left; width: 28.66%; margin-right: 7%;}
.sitemap_wrap .sitemap > li:nth-child(3n) {margin-right: 0;}
.sitemap_wrap .sitemap > li:nth-child(3n+1) {clear: both;}
.sitemap_wrap .sitemap > li:nth-child(n+4) {margin-top: 70px;}
.sitemap_wrap .sitemap > li > a {display: block; height: 58px; line-height: 56px; padding-left: 18px; border: 1px solid #fff; background: url('/images/common/sitemap_gnb_bg.png') no-repeat right bottom; color:#fff; font-size: 1.733em; font-weight: 500;}
.sitemap_wrap .sitemap_sub_gnb {min-height: 200px; margin-top: 25px; padding-left: 20px;}
.sitemap_wrap .sitemap_sub_gnb > li {margin-bottom: 15px;}
.sitemap_wrap .sitemap_sub_gnb > li:last-child {margin-bottom: 0;}
.sitemap_wrap .sitemap_sub_gnb > li > a {display: inline-block; color: #fff; font-size: 1.267em; font-weight: 350; vertical-align: top; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.sitemap_wrap .sitemap_sub_gnb > li > a:hover {color: #b7995b;}
.sitemap_wrap .sitemap_sub2_gnb {display: inline-block; margin-left: 20px; margin-top: 5px; vertical-align: top;}
.sitemap_wrap .sitemap_sub2_gnb > li {margin-bottom: 10px;}
.sitemap_wrap .sitemap_sub2_gnb > li:last-child {margin-bottom: 0;}
.sitemap_wrap .sitemap_sub2_gnb > li > a {display: inline-block; color: #c2c2c2; font-size: 1.067em; font-weight: 350; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.sitemap_wrap .sitemap_sub2_gnb > li > a:hover {color: #2ac5d7;}
.sitemap_wrap .sitemap_sub2_gnb > li > a:before {display: inline-block; content: '-'; margin-right: 2px;}

/* scrolled */
.header.scrolled {position: relative;}
.header.scrolled .gnb_header {position:fixed; top:0; z-index:1; width:100%; background-color: #efefef;}
.header.scrolled .gnb_bg {top:100px;}
.header.scrolled .gnb > li > a {color: #6fa045;font-weight:600;}
.header.scrolled .call_btn {color:#2f463e; /*background-color: rgba(0,14,66,0.7);*/}
.header.scrolled .sitemap_btn i {color: #fff;}
.header.scrolled .none_480{display:none !important}
.header.scrolled .on_480{display:block !important}

/* hover */
.header.hover .gnb_header {background-color: #efefef;}
.header.hover .gnb > li > a {color: #2f463e;}
.header.hover .call_btn {color:#2f463e; /*background-color: rgba(0,14,66,0.7);*/}
.header.hover .sitemap_btn i {color: #fff;}


/* m_gnb */
.m_gnb_btn {display:none; position: absolute; z-index: 1; right: 15px; top: 50%; margin-top: -16px; outline: none;}
.m_gnb_btn i {font-size: 2em;}
.m_gnb_wrap {display:none; position:fixed; right:-480px; top:0; z-index:9999; overflow-y: auto; width: 100%; max-width: 480px; max-height:800px; height:100%; background-color:#fff;}
.m_gnb_top {height:70px; border-bottom:1px solid #e5e5e5; text-align:center;}
.m_logo {display: inline-block; vertical-align: middle;}
.m_logo img {max-height:40px;}
.m_gnb > li > a {display:block; position:relative; z-index:1; height:55px; line-height:55px; padding-left:10%; border-bottom:1px solid #e5e5e5; color:#000; font-size:1.2em;}
.m_gnb > li > a:after {display: inline-block; content:'+'; position: absolute; right: 20px; top: 0; color: #777;}
.m_gnb > li > a.on {background-color:#152151; color:#fff;}
.m_gnb > li > a.on:after {top: -4px; content:'-'; color: #fff; font-size: 24px; font-weight: 500;}
.m_sub_gnb {display:none; padding: 0 10%; background-color:#fff; border-bottom: 1px solid #e5e5e5; background-color: #f7f7f7;}
.m_sub_gnb > li > a {display:block; width:100%; height:40px; line-height:40px; border-top:1px solid #efede9; color:#000; font-size:1em;}
.m_sub_gnb > li:first-child > a {border-top:0 none;}
.m_sub2_gnb {padding:5px 5%; border-top: 1px solid #efede9;}
.m_sub2_gnb li a {display:block; padding:5px 0; color:#5a5340;}
.m_sub2_gnb li a:before {content:"-"; margin-right:5px; vertical-align:top;}
.m_gnb_close {display:block; position:absolute; top:20px; right:15px; z-index:1; width:30px; height:30px; line-height: 30px; color:#000; font-size:25px; text-align: center;}
.m_gnb_bg {display:none; position:fixed; left:0; top:0; z-index:9998; width:100%; height:100%; background-color:#000; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0;}

.m_lnb_wrap {display: none; position: relative;}
.m_lnb {width: 100%; height: 50px; overflow: hidden; background-color: #2f463e;}
.m_lnb > li .menu_list {position: relative; z-index: 1; padding: 0px 10px 30px; overflow-x: auto; overflow-y: hidden; white-space: nowrap; text-align: center;}
.m_lnb > li .menu_list > li {display: inline-block;}
.m_lnb > li .menu_list > li a {display: block; padding: 16px 15px; color: #fff; font-weight: 500;}
.m_lnb > li .menu_list > li.on a {color: #fff !important;}
.m_lnb2 {overflow: hidden; background-color: #13356b;}
.m_lnb2 > li {float: left;}
.m_lnb2 > li a {display: block; position: relative; z-index: 1; color: #667a84; padding: 15px 0px 14px; border-bottom: 2px solid transparent; text-align: center; font-weight: 500; transition: 0.3s ease border-bottom;}
.m_lnb2 > li.on a {color: #ebc67b; border-bottom-color: #ebc67b;}
.home_btn {display: none; position: absolute; z-index: 1; left: 15px; top: 50%; margin-top: -16px;}
.home_btn i {font-size: 2em;}




.quick_menu_box {position: fixed; z-index: 20; right: 29px;    top: 313px;}
.quick_menu_box .quick_menu {padding: 25px 0; background-image: linear-gradient(rgb(111 160 69), rgb(160 190 134 / 59%)); border-radius: 50px;}
.quick_menu_box .quick_menu > li {width: 96px; border-bottom: 1px solid rgba(255,255,255,0.5); padding: 15px 0; text-align: center;}
.quick_menu_box .quick_menu > li:last-child {border-bottom: 0;}
.quick_menu_box .quick_menu > li a {display: block;}
.quick_menu_box .quick_menu > li span {display: inline-block; position: relative;}
.quick_menu_box .quick_menu > li img {margin-bottom: 7px; transition: all 0.3s ease;}
.quick_menu_box .quick_menu > li .hover {position: absolute; left: 0; top: 0; opacity: 0;}
.quick_menu_box .quick_menu > li p {display: block; color: #fff; font-size: 13px; font-weight: 300; transition: all 0.3s ease;}
.quick_menu_box .quick_menu > li a:hover p {color: #fdd983; font-weight: 400;}
.quick_menu_box .quick_menu > li a:hover img {opacity: 0;}
.quick_menu_box .quick_menu > li a:hover .hover {opacity: 1 !important;}
.quick_menu_box .top_btn {display: block; width: 96px; height: 96px; padding-top: 27px; margin-top: 10px; border-radius: 50%; background-color: #71a148; font-size: 0; color: #fff; font-weight: 300; text-align: center;}
.quick_menu_box .top_btn i {font-size: 16px;}
.quick_menu_box .top_btn span {display: block; font-size: 14px;}

/* footer */
.footer {position:absolute; bottom:0; z-index:1; width: 100%; padding: 0 100px; background-color: #2f463e;}
.footer .foot_logo {position: absolute;left: 25px; top: 42px;display: inline-block; margin-bottom: 20px; width: 250px;}
.footer .foot_list {padding-left: 200px;}
.footer .foot_list > li {float: left; width: 66.7%; padding: 50px 0 20px;}
.footer .foot_list > li:last-child {width: 33.3%; height: 300px; padding: 0;}
.footer .foot_list > li:last-child > div {width: 100% !important; height: 100%;}
.footer .foot_list > li .clearfix {margin-top: 20px;}
.footer .foot_list > li .clearfix > div {float: left;margin-right: 2%; margin-bottom: 20px;}
.footer .foot_list > li .clearfix > div:last-child {margin-right: 0;}
.footer .foot_list > li .foot_tit {margin-bottom: 20px; color: #fff; font-size: 1.4em; font-weight: 500;}
.footer .foot_list > li .foot_txt {margin-bottom: 5px; color: #fff; font-size: 0.9em; font-weight: 300;}
.footer .foot_list > li .link {margin-bottom: 20px;}
.footer .foot_list > li .link a {display: inline-block; color: #fff;}
.footer .foot_list > li .link a:after {display: inline-block; content:'|'; color: #fff; margin: -7px 8px 0 10px; font-size: 12px; vertical-align: middle;}
.footer .foot_list > li .link a:last-child:after {display: none;}
.footer .foot_list > li .link a:hover {text-decoration: underline;}
.quick_box {display: none; position: fixed; left:50%; bottom: 70px; z-index: 10; margin-left: 600px;}
.q_share_box {display: none; position: relative; z-index: 1; margin-bottom: 5px;}
.quick_box button, .quick_box a {display: block; width: 40px; height: 40px; line-height: 40px; background-color: rgba(0,14,66,0.7); border-radius: 50%; color: #fff;
-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorStr=#80ffffff,endColorStr=#80ffffff)"; text-align: center;}
.quick_box button:hover, .quick_box button:focus, .quick_box a:hover, .quick_box a:focus {font-size: 18px;}
.q_share_menu {display: none; position: absolute; left: 0; bottom: 35px; z-index: 1;}
.q_share_menu li {margin-bottom: 5px;}
.q_share_menu li:last-child {margin-bottom: 0;}
.quick_box .top_btn {} 



.bgboder{border:1px solid #f9f9f9}

.twh{color:#fff !important;}