@import url( basic.css );
@import url( common.css );
@import url( others.css );
.wrapper {
	margin: 0px auto; width: 1200px; position: relative;
}
.home {
	position: relative;
}
#header {
	left: 0px; top: 0px; width: 100%; position: absolute; z-index: 500;
}
.gnb_wrap {
	transition:top 0.6s cubic-bezier(0.6, 0.2, 0.1, 1); top: -59px; position: static; -webkit-transition: top 0.6s cubic-bezier(0.6, 0.2, 0.1, 1);
}
.gnb_wrap .logo_box {
	padding: 20px 0px; text-align: center;
}
.gnb_wrap.on {
	left: 0px; top: 0px; width: 100%; position: fixed;
}
.gnb_wrap.on .logo_box {
	display: none;
}
.gnb_wrap.on .gnb_box {
	box-shadow: 0px 1px 15px rgba(0,0,0,0.15);
}
.gnb_wrap .depth01 {
	width: 14.28%; float: left; position: relative;
}
.gnb_wrap .depth01 > a {
	background: url("../images/main/nav_bg.png") 0px 0px; padding: 8px 0px; transition:none; text-align: center; color: rgb(74, 74, 74); font-size: 17px; display: block;
}
.gnb_wrap .depth01 > a .e_txt {
	font-size: 12px; display: block; opacity: 0.5;
}
.gnb_wrap .depth01 > a.active {
	color: rgb(11, 44, 208);
}
.gnb_wrap .depth01 > a:hover {
	color: rgb(11, 44, 208);
}
.gnb_wrap .depth01 > a.last {
	padding: 10px 0px 10px 22px;
}
.gnb_wrap .depth01 .depth02 {
	left: 0px; top: 59px; width: 100%; text-align: left; display: none; position: absolute; z-index: 100;
}
.gnb_wrap .depth01 .depth02 li {
	margin: 0px; padding: 0px; float: none;
}
.gnb_wrap .depth01 .depth02 li .active {
	color: rgb(255, 186, 77); display: block;
}
.gnb_wrap .depth01 .depth02 li:first-child a {
	border-top-color: rgb(221, 221, 221); border-top-width: 1px; border-top-style: solid;
}
.gnb_wrap .depth01 .depth02 li a {
	background: url("../images/main/nav_bg.png") 0px; height: 50px; text-align: center; color: rgb(102, 102, 102); line-height: 50px; font-size: 15px; border-bottom-color: rgb(221, 221, 221); border-bottom-width: 1px; border-bottom-style: solid; display: block;
}
.gnb_wrap .depth01 .depth02 li a:hover {
	text-decoration: underline !important;
}
.gnb_wrap .depth01 .depth02 li a:focus {
	text-decoration: underline !important;
}
.gnb_wrap .depth01 .depth02 li .depth03 a {
	color: rgb(119, 119, 119); font-size: 13px;
}
.nav_btn_box {
	margin: 10px 0px 0px; width: 30px; float: right; display: none;
}
.visual_wrap {
	overflow: hidden;
}
.visual_wrap .img_box {
	background: url("../images/main/visual_01.jpg") no-repeat center 0px; height: 740px; position: relative;
}
.visual_wrap .link_list {
	left: 0px; width: 100%; bottom: 0px; position: absolute;
}
.visual_wrap .link_list li {
	width: 33%; text-align: center; float: left; position: relative;
}
.visual_wrap .link_list li .front {
	padding: 11px 0px; position: relative;
}
.visual_wrap .link_list li .front .tit {
	color: rgb(255, 255, 255); font-size: 16px;
}
.visual_wrap .link_list li .front .des {
	color: rgb(255, 255, 255); font-size: 12px; opacity: 0.7;
}
.visual_wrap .link_list li .back {
	left: 0px; width: 100%; bottom: -260px; position: absolute;
}
.visual_wrap .link_list li .back .inner {
	padding: 35px 0px; position: relative;
}
.visual_wrap .link_list li .back .inner .btn_open {
	left: 50%; top: -22px; width: 55px; height: 22px; margin-left: -27.5px; position: absolute;
}
.visual_wrap .link_list li .back .tit {
	color: rgb(255, 255, 255); padding-top: 40px; font-size: 18px;
}
.visual_wrap .link_list li .back .des {
	color: rgb(255, 255, 255); font-size: 12px; margin-top: 10px; opacity: 0.7;
}
.visual_wrap .link_list li .back .btn_link {
	background: url("../images/main/go_bg.png") no-repeat 0px 0px; width: 42px; height: 42px; line-height: 42px; font-size: 18px; margin-top: 20px; display: inline-block;
}
.visual_wrap .link_list li.li_01 .front {
	background: rgb(43, 112, 188);
}
.visual_wrap .link_list li.li_01 .back {
	background: url("../images/main/link_bg_01.png") 0px 0px;
}
.visual_wrap .link_list li.li_01 .back .tit {
	background: url("../images/main/link_i_01.png") no-repeat center 0px;
}
.visual_wrap .link_list li.li_01 .back .btn_link {
	color: rgb(211, 92, 92);
}
.visual_wrap .link_list li.li_02 .front {
	background: rgb(52, 86, 181);
}
.visual_wrap .link_list li.li_02 .back {
	background: url("../images/main/link_bg_02.png") 0px 0px;
}
.visual_wrap .link_list li.li_02 .back .tit {
	background: url("../images/main/link_i_01.png") no-repeat center 0px;
}
.visual_wrap .link_list li.li_02 .back .btn_link {
	color: rgb(185, 113, 135);
}
.visual_wrap .link_list li.li_03 .front {
	background: rgb(81, 132, 212);
}
.visual_wrap .link_list li.li_03 .back {
	background: url("../images/main/link_bg_03.png") 0px 0px;
}
.visual_wrap .link_list li.li_03 .back .tit {
	background: url("../images/main/link_i_01.png") no-repeat center 0px;
}
.visual_wrap .link_list li.li_03 .back .btn_link {
	color: rgb(193, 149, 149);
}
.visual_wrap .link_list li.li_04 .front {
	background: rgb(107, 116, 240);
}
.visual_wrap .link_list li.li_04 .back {
	background: url("../images/main/link_bg_04.png") 0px 0px;
}
.visual_wrap .link_list li.li_04 .back .tit {
	background: url("../images/main/link_i_01.png") no-repeat center 0px;
}
.visual_wrap .link_list li.li_04 .back .btn_link {
	color: rgb(203, 189, 189);
}
#section {
	padding: 60px 0px 85px;
}
#section .tit_box {
	text-align: center; margin-bottom: 50px;
}
#section .tit_box .section_tit {
	color: rgb(51, 51, 51); font-size: 39px;
}
#section .tit_box .tit_s {
	font-size: 16px;
}
#section .main_section_list > li {
	width: 390px; height: 231px; text-align: left; margin-bottom: 12px; margin-left: 15px; float: left;
}
#section .main_section_list > li .inner {
	padding: 25px 20px;
}
#section .main_section_list > li .inner .tit {
	margin-bottom: 15px;
}
#section .main_section_list > li .inner .tit h3 {
	color: rgb(51, 51, 51); font-size: 20px;
}
#section .main_section_list > li .inner .tit h3.red {
	color: rgb(183, 27, 27);
}
#section .main_section_list > li .inner .tit .s_txt {
	color: rgb(136, 136, 136); font-size: 13px; margin-top: 5px;
}
#section .main_section_list > li.li_01 {
	background: url("../images/main/section_01.png") no-repeat 0px 0px; margin-left: 0px;
}
#section .main_section_list > li.li_01 .num_txt {
	color: rgb(51, 51, 51); font-size: 20px; margin-bottom: 5px;
}
#section .main_section_list > li.li_01 .bot {
	color: rgb(153, 153, 153);
}
#section .main_section_list > li.li_02 {
	background: url("../images/main/section_02.png") no-repeat 0px 0px; position: relative;
}
#section .main_section_list > li.li_03 {
	background: url("../images/main/section_03.png") no-repeat 0px 0px;
}
#section .main_section_list > li.li_04 {
	background: url("../images/main/section_04.png") no-repeat 0px 0px; margin-left: 0px;
}
#section .main_section_list > li.li_04 .num_txt {
	color: rgb(51, 51, 51); letter-spacing: -1px; font-size: 32px; margin-bottom: 10px;
}
#section .main_section_list > li.li_04 .bot {
	color: rgb(153, 153, 153);
}
#section .main_section_list > li.li_04 .bot .kb_t {
	background: url("../images/icon/kb_i.png") no-repeat 0px 0px; padding-left: 35px;
}
#section .main_section_list > li.li_05 {
	background: url("../images/main/section_02.png") no-repeat 0px 0px;
}
#section .main_section_list > li.li_06 {
	background: url("../images/main/section_05.png") no-repeat 0px 0px;
}
#section .main_section_list > li.li_06 .btn_bill {
	background: rgb(204, 204, 204); border: 1px solid rgb(175, 175, 175); border-image: none; width: 125px; height: 33px; color: rgb(255, 255, 255); line-height: 33px; text-indent: 10px; margin-top: 20px; display: inline-block;
}
#section .main_section_list > li.li_06 .btn_bill:hover {
	background: rgb(255, 255, 255); border: 1px solid rgb(153, 153, 153); border-image: none; color: rgb(153, 153, 153);
}
#section .main_section_list .board_list li {
	background-position: 0px; line-height: 35px; font-size: 14px; position: relative;
}
#section .main_section_list .board_list li a:hover .des {
	text-decoration: underline;
}
#section .main_section_list .board_list li a .des {
	overflow: hidden; margin-right: 65px; display: block; white-space: nowrap; -ms-text-overflow: ellipsis;
}
#section .main_section_list .board_list li a .date {
	top: 0px; right: 0px; color: rgb(69, 151, 212); position: absolute;
}
#section .main_section_list .btn_more {
	top: 25px; right: 20px; position: absolute;
}
.footer_wrap {
	padding: 40px 0px 80px; border-top-color: rgb(223, 247, 255); border-top-width: 1px; border-top-style: solid;
}
.footer_wrap .footer_box {
	text-align: center;
}
.footer_wrap .footer_box .address_box {
	font-size: 13px; margin-top: 5px;
}
.footer_wrap .footer_box .copy_box {
	font-size: 13px; margin-top: 5px;
}
.footer_wrap .family_box {
	top: 0px; text-align: left; right: 0px; position: absolute;
}
.footer_wrap .family_box .inner {
	position: relative;
}
.footer_wrap .family_box .btn_family {
	background: url("../images/icon/f_up_i.png") no-repeat 90% rgb(255, 255, 255); border: 1px solid rgb(221, 221, 221); border-image: none; width: 205px; height: 40px; line-height: 40px; text-indent: 20px; display: block;
}
.footer_wrap .family_box .family_list {
	left: 0px; top: -40px; display: none; position: absolute;
}
.footer_wrap .family_box .family_list li a {
	background: rgb(255, 255, 255); border: 1px solid rgb(221, 221, 221); border-image: none; width: 205px; height: 40px; line-height: 40px; text-indent: 20px; margin-top: -1px; display: block;
}
.kakao_link {
	left: 0px; top: 30px; position: absolute;
}