@charset "utf-8";
#wraper { width:100%;   text-align:left; min-width:320px; }
#wraper,#container, .inner:after,.header_Area:after { content:""; display:block; clear:both; }
.inner{width:1100px; clear:both; margin:0 auto;}
#container{}

/* skip navigation */
.skipnavi{position:absolute; z-index:9999; top:0; left:0; width:100%;}
.skipnavi a{position:absolute; z-index:-1; top:-100px; left:0;}
.skipnavi a:focus,
.skipnavi a.focus{z-index:100; top:-100px; width:100%; padding:10px 0 8px; border:1px solid #ccc; text-align:center; font-weight:bold; background-color:#000; top:0; color:#fff;}

#calendar_div{z-index:15}

/* 레이아웃
---------------------------------------------------------------------------------------------------------------------------------------------------------- */
body:not(.m_page) .header{position:relative;z-index:10; border-bottom: 1px solid #ddd; font-family: 'Noto Sans KR','맑은 고딕','malgun gothic',sans-serif;}

/* 201111 수정 */
body:not(.m_page) .header .inner {width: auto; min-width: 1240px; text-align: center; max-width: 1500px;}
body:not(.m_page) .header .inner:after {content: ''; display: block; clear: both;}

body:not(.m_page) .nav_bg{display:none;position:absolute;width:100%;top:91px; right:0;  z-index:15; background:#fff;}
body:not(.m_page) .nav_bg .inner{position:relative; /*background:url(../images/nav_bg.png) no-repeat right top;*/ }

body:not(.m_page) .header h1 {position: absolute; left: 0; top: 24px;}

body:not(.m_page) .header h1 a{display:block;  /*padding:10px; padding-left:0*/}
body:not(.m_page) .header .language{position:absolute; top:29px; right:59px; width:104px; background:url(../images/language_bg.png) no-repeat 12px 8px; font-family:"Nanum_bold"; z-index:16}
body:not(.m_page) .header .skype .selectyzeValue {width:100%; padding:0 25px 0 45px;}
body:not(.m_page) .header .skype li a{padding:0 10px 0 45px}
body:not(.m_page) .header .skype li a:hover{ background:url(../images/language_bg.png) no-repeat 12px 7px; }

body:not(.m_page) .header .utill{position:absolute; top:29px; right:0; }
body:not(.m_page) .header .utill a{display:block; float:left;}

body:not(.m_page) .header_util {position: absolute; right: 0; top: 34px;}
body:not(.m_page) .header_util:after {content: ''; display: block; clear: both;}
body:not(.m_page) .header_util .lang {float: left;}
body:not(.m_page) .header_util .lang:after {content: ''; display: block; clear: both;}
body:not(.m_page) .header_util .lang li {float: left; margin-left: 20px; position: relative;}
body:not(.m_page) .header_util .lang li:before {content: ''; position: absolute; left: -10px; top: 50%; width: 1px; height: 11px; transform: translateY(-50%); background: #ddd;}
body:not(.m_page) .header_util .lang li:first-of-type {margin-left: 0;}
body:not(.m_page) .header_util .lang li:first-of-type:before {display: none;}
body:not(.m_page) .header_util .lang li a {display: block; font-size: 15px; color: #999; line-height: 22px;}
body:not(.m_page) .header_util .lang li.on a {color: #333;}
body:not(.m_page) .header_util a.btn_link {float: left; text-indent: -9999px; width: 25px; height: 25px; background: url(../images/btn_link.png) no-repeat 50% 50%; background-size: 100%; margin-left: 30px;}
body:not(.m_page) .header_util .btn_all_menu {float: left; text-indent: -9999px; width: 25px; height: 22px; background: url(../images/btn_m.png) no-repeat 50% 50%; background-size: 100%; margin-left: 20px;}

/*gnb메뉴*/
body:not(.m_page) .gnb{position:relative; top:0; left:0; display: inline-block; text-align: center; vertical-align: top;}

body:not(.m_page) .nav{text-align:center}
body:not(.m_page) .nav:after {content: ''; display: block; clear: both;}
body:not(.m_page) .nav li.main{float:left; position:relative; }
body:not(.m_page) .nav li.main a.depth1{display:block; color:#333; padding:33px 0; line-height:24px; font-size:18px;  font-weight: 400; box-sizing:border-box; width:150px;}
body:not(.m_page) .nav li.main a.depth1:hover {color: #1e4b78; font-weight: 500;}

body:not(.m_page) .depth2{position:absolute;z-index:999; top:90px; width:100%;padding:17px 0 14px; box-sizing:border-box; display:none;}
body:not(.m_page) .depth2 .line{position:absolute; top:0; left:0; background:#1e4b78; height:2px; opacity:0}
body:not(.m_page) .depth2 li{}
body:not(.m_page) .depth2 li a{color:#666; font-size:16px; font-weight: 400; display:block; position:relative; line-height:20px; overflow:hidden; padding:5px;}
body:not(.m_page) .nav li.sub3 .depth2 li a{padding:5px 30px;}
body:not(.m_page) .depth2 li a:hover{color:#1e4b78; font-weight: 500;}
/*.depth2 li a .ic{position:relative; display:inline-block; opacity:0}
.depth2 li a .ic span{display:block; position:absolute; top:-8px; left:0; height:8px; background:url(../images/ic_gnb.png) no-repeat left top;  }*/

/* 201112 전체메뉴 */
body:not(.m_page) .all_menu_wrap {position: fixed; left: 0; top: 0; width: 100%; height: 100%; min-width: 1240px; margin: 0 auto; z-index: 999; display: none; opacity: 0;}
body:not(.m_page) .all_menu_wrap .dimm {position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.8); z-index: 100;}
body:not(.m_page) .all_menu_wrap .all_menu {background: #fff; position: absolute; left: 0; top: 0; width: 100%; min-height: 440px; z-index: 999; text-align: center;}
body:not(.m_page) .all_menu_wrap .all_menu .all_menu_list {display: inline-block; vertical-align: top; padding-top: 40px;}
body:not(.m_page) .all_menu_wrap .all_menu .all_menu_list > li {display: inline-block; vertical-align: top; width: 240px; position: relative;}
body:not(.m_page) .all_menu_wrap .all_menu .all_menu_list > li > a {display: block; font-size: 22px; font-weight: 700; color: #333; padding: 25px 0; line-height: 30px; position: relative;}
body:not(.m_page) .all_menu_wrap .all_menu .all_menu_list > li > a:after {content: ''; position: absolute; left: 50%; bottom: 0; background: #ddd; width: 200px; height: 1px; margin-left: -100px;}
body:not(.m_page) .all_menu_wrap .all_menu .all_menu_list > li:hover > a {color: #1e4b78;}
body:not(.m_page) .all_menu_wrap .all_menu .all_menu_list .all_menu_list2 {padding: 25px 0 50px;}
body:not(.m_page) .all_menu_wrap .all_menu .all_menu_list .all_menu_list2 > li > a {display: block; font-size: 18px; color: #666; padding: 7px 0;}
body:not(.m_page) .all_menu_wrap .all_menu .all_menu_list .all_menu_list2 > li > a:hover {color: #1e4b78;}
body:not(.m_page) .all_menu_wrap .all_menu_list_wrap {min-width: 1240px; margin: 0 auto; position: relative; max-width: 1500px;}
body:not(.m_page) .all_menu_wrap .all_menu .btn_all_close {position: absolute; right: 0; top: 34px; text-indent: -9999px; width: 22px; height: 22px; background: url(../images/btn_close.png) no-repeat 50% 50%; background-size: 100%; z-index: 20;}




/* M_con1
---------------------------------------------------------------------------------------------------------------------------------------------------------- */

.M_con1{overflow:hidden}
.M_visual{height:400px; position:relative; float:left; width:830px;}
#slide1{z-index:1;position:absolute;top:0;left:0; width:100%; height:400px; opacity:1;filter:alpha(opacity=100); }
.slide{z-index:1;position:absolute;top:0;left:0; width:100%; height:400px; opacity:0;filter:alpha(opacity=0);}

#slide1{background:url(../images/bg_M_visual1.png) no-repeat center top;}
#slide2{background:url(../images/bg_M_visual2.png) no-repeat center top;}
#slide3{background:url(../images/bg_M_visual3.png) no-repeat center top;}


.slide_control{position:absolute; width:100%; top:0; left:0; z-index:5;}
.slide_control .slide_navi{position:absolute; width:100%; left:0; display:none;}
.slide_control .slide_navi a{width:33px; height:61px; text-indent:-9999px; display:block; position:absolute; top:177px}
.slide_control .slide_navi a.P_arr{background:url(../images/M_arr_P.png) no-repeat 0 0;  left:0;}
.slide_control .slide_navi a.N_arr{background:url(../images/M_arr_N.png) no-repeat 0 0; right:0; }

.slide_control .visual_paging{z-index:3;position:absolute; top:372px; left:0;  width:100%; text-align:center;}
.slide_control .visual_paging ol{display:inline-block;}
.slide_control .visual_paging li{display:inline-block;}
.slide_control .visual_paging a{background:#fff;  left:0; height:12px; margin: 0 0 0 3px; width:12px;text-indent:-9999px; display:inline-block; border-radius:6px; box-shadow:2px 3px 5px #888;}
.slide_control .visual_paging .on{background:#004b94; width:22px}

.M_con1 .R_con{float:right; width:260px;}
.M_thum_slider{padding-bottom:9px}
.M_thum_slider .thum_box{}
.M_thum_slider .thum_box ul{border:1px solid #ddd;}
.M_thum_slider .thum_box li {border-top:1px solid #ddd;}
.M_thum_slider .thum_box li:first-child{border-top:0;}
.M_thum_slider .thum_box li a{display:block; padding:15px; line-height:26px; font-size:15px; color:#888}
.M_thum_slider .thum_box li a.active{font-family:"Nanum_bold"; color:#015498}

.M_thum_slider .thum_box li.M1 a{background:url(../images/M_thum_ic_1_off.png) no-repeat 221px 20px}
.M_thum_slider .thum_box li.M1 a.active{background:url(../images/M_thum_ic_1_on.png) no-repeat 221px 20px #f9f9f9}

.M_thum_slider .thum_box li.M2 a{background:url(../images/M_thum_ic_2_off.png) no-repeat 218px 20px}
.M_thum_slider .thum_box li.M2 a.active{background:url(../images/M_thum_ic_2_on.png) no-repeat 218px 20px #f9f9f9}

.M_thum_slider .thum_box li.M3 a{background:url(../images/M_thum_ic_3_off.png) no-repeat 218px 20px}
.M_thum_slider .thum_box li.M3 a.active{background:url(../images/M_thum_ic_3_on.png) no-repeat 218px 20px #f9f9f9}

.M_thum_slider .thum_box li.M4 a{background:url(../images/M_thum_ic_4_off.png) no-repeat 221px 18px}
.M_thum_slider .thum_box li.M4 a.active{background:url(../images/M_thum_ic_4_on.png) no-repeat 221px 18px #f9f9f9}

.M_con1 .M_notice{border:1px solid #ddd; padding:14px; height:162px; box-sizing:border-box}
.M_con1 .M_notice h3{position:relative; background:url(../images/bg_M_h3.png) no-repeat left bottom; line-height:23px; padding-bottom:12px; font-size:15px; color:#000; font-weight:500}
.M_con1 .M_notice h3 a{position:absolute; display:block; color:#000; font-size:25px; top:1px; right:0}
.M_con1 .M_notice ul{padding-top:18px}
.M_con1 .M_notice li.non{text-align:center; line-height:74px}
.M_con1 .M_notice li a{display:block; position:relative; line-height:19px; padding:4px 4px 4px 16px; font-size:13px; color:#777; box-sizing:border-box;
								float:left; width:100%; overflow:hidden;text-overflow:ellipsis; white-space:nowrap;}
.M_con1 .M_notice li a .ic{display:block; position:absolute; top:12px; left:4px; width:3px; height:3px; background:#229b24}

.slides{position:absolute; top:0; left:0}
.flexslider {  position:relative; overflow:hidden}
.flex-viewport{}
.slides img {display: block;}
.flex-pauseplay span {text-transform: capitalize;}

.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
.no-js .slides > li:first-child {display: block;}

.M_con2{overflow:hidden; padding:21px 0 5px 0;}
.M_con2 .M_bn{overflow:hidden}
.M_con2 .M_bn li{float:left; width:354px; position:relative; margin-bottom:21px; margin-left:19px}
.M_con2 .M_bn li.first{margin-left:0}
.M_con2 .M_bn li h3{position:relative; line-height:20px; padding-bottom:8px; font-weight:500; font-size:14px; color:#444; font-family:"Nanum_bold";}
.M_con2 .M_bn li h3 a{position:absolute; top:0; right:0; padding-right:16px; top:0; right:0; color:#666; font-family:"NanumGothic"; font-size:13px; background:url(../images/ic_arr.png) no-repeat right 9px; }
.M_con2 .M_bn li .Pic{overflow:hidden; display:block;}
.M_con2 .M_bn li .Pic img{width:100%; transition: all 1s ease 0s;}
.M_con2 .M_bn li .Pic:hover  img {transform:scale(1.08);}

/* 201111 메인 리뉴얼 */
/* 스크롤 애니메이션 ui */
@-webkit-keyframes scrollUi {
	50% {
		transform: translateY(5px);
		opacity: 1;
	}
	100% {
		transform: translateY(5px);
		opacity: 0;
	}
}
@-moz-keyframes scrollUi {
	50% {
		transform: translateY(5px);
		opacity: 1;
	}
	100% {
		transform: translateY(5px);
		opacity: 0;
	}
}
@keyframes scrollUi {
	50% {
		transform: translateY(5px);
		opacity: 1;
	}
	100% {
		transform: translateY(5px);
		opacity: 0;
	}
}

.con_section_inner {width: 1240px; margin: 0 auto;}

/* 메인섹션1 */
.main_section1 {position: relative; min-width: 1240px; margin: 0 auto;}
.main_section1 .main_slider1 {height: 650px; position: relative;}
.main_section1 .main_slider1 .swiper-slide {width: 100%; height: 100%; background: url(../images/main1_bg1.jpg) no-repeat 50% 50%; background-size: cover; text-align: center;}

/* 메인비주얼 이미지 변경 */
.main_section1 .main_slider1 .swiper-slide.slide2 {background-image: url(../images/main1_bg2.jpg);} 
.main_section1 .main_slider1 .swiper-slide.slide3 {background-image: url(../images/main1_bg3.jpg);} 


.main_section1 .main_slider1 .swiper-slide .txt_wrap {padding-top: 300px;}
.main_section1 .main_slider1 .swiper-slide .txt_wrap .txt {position: absolute; left: 0; bottom: 355px; width: 100%; text-align: center;}
.main_section1 .main_slider1 .swiper-slide .txt_wrap em {display: block; font-size: 18px; color: #dbe8f5; letter-spacing: 0.1em; padding-bottom: 5px;}
.main_section1 .main_slider1 .swiper-slide .txt_wrap strong {display: block; font-size: 60px; font-weight: 700; color: #fff; line-height: 70px;}
.main_section1 .main_slider1 .swiper-slide .txt_wrap span {display: block; font-size: 18px; color: #fff; padding-top: 40px; position: relative;}
.main_section1 .main_slider1 .swiper-slide .txt_wrap span:before {content: ''; position: absolute; left: 50%; top: 8px; width: 1px; height: 20px; background: #dbe8f5;}
.main_section1 .main_slider1 .slide_option {position: absolute; left: 50%; bottom: 200px; transform: translateX(-50%); z-index: 10; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;}
.main_section1 .main_slider1 .slide_option .btn_arrow {position: static; background-image: url(../images/arrow_prev.png); width: 10px; height: 17px; background-size: 100%; padding: 0; margin: 0; opacity: 1;}
.main_section1 .main_slider1 .slide_option .btn_arrow.swiper-button-next {background-image: url(../images/arrow_next.png);}
.main_section1 .main_slider1 .slide_option .swiper-pagination {position: static; padding: 0 5px;}
.main_section1 .main_slider1 .slide_option .swiper-pagination .swiper-pagination-bullet {opacity: 1; background: #fff; margin: 0 5px;}
.main_section1 .main_slider1 .slide_option .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {opacity: 1; background: #1e4b78;}
.main_section1 a.btn_scroll {position: absolute; left: 50%; bottom: 25px; transform: translateX(-50%); z-index: 9;}
.main_section1 a.btn_scroll:before {content: ''; display: block; width: 20px; height: 34px; border-radius: 20px; border: 2px solid #fff; margin: 0 auto;}
.main_section1 a.btn_scroll:after {content: ''; position: absolute; left: 50%; top: 8px; width: 2px; height: 5px; background: #fff; margin-left: -1px; -webkit-animation: scrollUi 1s ease-in-out infinite; -moz-animation: scrollUi 1s ease-in-out infinite; animation: scrollUi 1s ease-in-out infinite;}
.main_section1 a.btn_scroll span {display: block; font-size: 12px; color: #fff; padding-top: 10px;}

/* 메인섹션2 */
.main_section2 {padding: 140px 0; background: #fff url(../images/main2_bg.png) no-repeat 100% 100%; min-width: 1240px;}
.main_section2 .con_section_inner {display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between;}
.main_section2 .txt_wrap strong {display: block; font-size: 45px; font-weight: 700; color: #333; line-height: 55px;}
.main_section2 .txt_wrap span {display: block; font-size: 19px; color: #666; padding-top: 40px;}
.main_section2 a {width: 180px; height: 50px; line-height: 48px; font-size: 16px; color: #fff; padding: 0 20px; background: #333; box-sizing: border-box; position: relative;}
.main_section2 a:before {content: ''; position: absolute; right: 25px; top: 20px; width: 1px; height: 11px; background: #fff;}
.main_section2 a:after {content: ''; position: absolute; right: 20px; top: 25px; width: 11px; height: 1px; background: #fff;}

/* 메인섹션3 */
.main_section3 {min-width: 1240px; margin: 0 auto; position: relative;}
.main_section3 .con_section_inner:after {content: ''; display: block; clear: both;}
.main_section3 .main_slider2 {height: 540px; position: relative;}
.main_section3 .main_slider2 .txt_wrap {width: 370px; float: right; padding-top: 190px;}
.main_section3 .main_slider2 .txt_wrap strong {display: block; font-size: 32px; font-weight: 700; color: #fff;}
.main_section3 .main_slider2 .txt_wrap span {display: block; font-size: 17px; color: rgba(255,255,255,0.8); padding-top: 10px;}
.main_section3 .main_slider2 .txt_wrap a {display: inline-block; vertical-align: top; width: 150px; line-height: 43px; font-size: 15px; color: #fff; border: 1px solid #fff; padding: 0 20px; position: relative; margin-top: 35px; box-sizing: border-box;}
.main_section3 .main_slider2 .txt_wrap a:before {content: ''; position: absolute; right: 25px; top: 16px; width: 1px; height: 11px; background: #fff;}
.main_section3 .main_slider2 .txt_wrap a:after {content: ''; position: absolute; right: 20px; top: 21px; width: 11px; height: 1px; background: #fff;}
.main_section3 .main_slider2 .swiper-slide {background: url(../images/main3_bg1.jpg) no-repeat 50% 50%; background-size: cover; opacity: 0 !important; transition: opacity .3s;}
.main_section3 .main_slider2 .swiper-slide.slide2 {background-image: url(../images/main3_bg2.jpg);}
.main_section3 .main_slider2 .swiper-slide.slide3 {background-image: url(../images/main3_bg3.jpg);}
.main_section3 .main_slider2 .swiper-slide.slide4 {background-image: url(../images/main3_bg4.jpg);}
.main_section3 .main_slider2 .swiper-slide.slide5 {background-image: url(../images/main3_bg5.jpg);}
.main_section3 .main_slider2 .swiper-slide.slide6 {background-image: url(../images/main3_bg6.jpg);}
.main_section3 .main_slider2 .swiper-slide.swiper-slide-active {opacity: 1 !important;}
.main_section3 .main_slider2 .slide_option {position: absolute; left: 50%; top: 150px; z-index: 10; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; margin-left: 250px;}
.main_section3 .main_slider2 .btn_arrow {background-image: url(../images/arrow_prev2.png); width: 34px; height: 48px; background-size: 100%; padding: 0; margin: 0; opacity: 1; left: 50%; margin: -17px 0 0 -675px;}
.main_section3 .main_slider2 .btn_arrow.swiper-button-next {background-image: url(../images/arrow_next2.png); left: auto; right: 50%; margin: -17px -675px 0 0;}
.main_section3 .main_slider2 .slide_option .swiper-pagination {position: static; padding: 0; font-size: 16px; font-weight: 500;}
.main_section3 .main_slider2 .slide_option .swiper-pagination i {color: rgba(255,255,255,0.5); margin: 0 5px;}
.main_section3 .main_slider2 .slide_option .swiper-pagination .slide_current {color: #fff;}
.main_section3 .main_slider2 .slide_option .swiper-pagination .slide_total {color: rgba(255,255,255,0.5);}

/* 메인섹션3 슬라이더 텍스트 검은색 */
.main_section3 .main_slider2 .swiper-slide.b_txt .txt_wrap strong {color: #333;}
.main_section3 .main_slider2 .swiper-slide.b_txt .txt_wrap span {color: #333;}
.main_section3 .main_slider2 .swiper-slide.b_txt .txt_wrap a {border-color: #333; color: #333;}
.main_section3 .main_slider2 .swiper-slide.b_txt .txt_wrap a:before {background: #333;}
.main_section3 .main_slider2 .swiper-slide.b_txt .txt_wrap a:after {background: #333;}

/* 여백의 미 */
.blank_section {text-indent: -9999px; width: 100%; height: 220px; background: #fff; color: transparent;}

/* 메인섹션4 */
.main_section4 {padding: 100px 0; background: url(../images/main4_bg.jpg) no-repeat 50% 50%; background-size: cover; min-width: 1240px; margin: 0 auto;}
.main_section4 .con_list {display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between;}
.main_section4 .con_list li {margin-left: 35px; background: url(../images/main4_img1.jpg) no-repeat  50% 50%; background-size: cover; -webkit-box-flex: 1 0 30%; -ms-flex: 1 0 30%; flex: 1 0 30%; position: relative;}
.main_section4 .con_list li:nth-of-type(2) {background-image: url(../images/main4_img2.jpg);}
.main_section4 .con_list li:nth-of-type(3) {background-image: url(../images/main4_img3.jpg);}
.main_section4 .con_list li:before {content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #000; opacity: .3; transition: opacity .3s;}
.main_section4 .con_list li:first-of-type {margin-left: 0;}
.main_section4 .con_list .txt_wrap {position: relative; padding: 75px 40px; box-sizing: border-box;}
.main_section4 .con_list .txt_wrap strong {font-size: 30px; font-weight: 700; color: #fff; display: block;}
.main_section4 .con_list .txt_wrap span {font-size: 17px; color: #fff; padding-top: 10px; display: block;}
.main_section4 .con_list .txt_wrap a {display: inline-block; vertical-align: top; width: 150px; line-height: 43px; font-size: 15px; color: #fff; border: 1px solid #fff; padding: 0 20px; position: relative; margin-top: 45px; box-sizing: border-box; transition: all .3s;}
.main_section4 .con_list .txt_wrap a:before {content: ''; position: absolute; right: 25px; top: 16px; width: 1px; height: 11px; background: #fff; transition: all .3s;}
.main_section4 .con_list .txt_wrap a:after {content: ''; position: absolute; right: 20px; top: 21px; width: 11px; height: 1px; background: #fff; transition: all .3s;}

.main_section4 .con_list li:hover:before {opacity: .8;}
.main_section4 .con_list li:hover .txt_wrap a {border-color: #fff; background: #fff; color: #333;}
.main_section4 .con_list li:hover .txt_wrap a:before {background: #333;}
.main_section4 .con_list li:hover .txt_wrap a:after {background: #333;}


/*
.footer h2{text-align:left; font-weight:500; position:relative;}
.footer h2 a{display:inline-block; padding:0 0 5px 24px; background:url(../images/f_logo.png) no-repeat left 2px; font-size:15px; line-height:21px; font-family:"Nanum_bold"; color:#333;}
.footer a.f_btn{padding:0 5px; background:none; font-size:12px; line-height:21px; font-family:"Nanum_bold"; color:#444; position:absolute; top:30px; right:160px;
				 border:1px solid #ccc; height:26px; line-height:26px; padding:0 15px;}

.footer .address{ padding:15px 0 10px; position:relative;}

.footer address{ font-style:normal; line-height:20px; color:#515151; font-size:13px;}
.footer address span.sp{padding:0 6px} 
.footer address span.po{font-family:"Nanum_bold"; color:#3076b7}

.footer .familySite{position:absolute; top:28px; right:0; display:block; }
.footer .familySite .family_btn{display:block;  height:30px; width:150px; box-sizing:border-box; padding:0 18px; font-family:"Nanum_bold";
										background:url(../images/family_btn_arr.png) no-repeat 94% center #c6c6c6; color:#fff; font-size:13px;  line-height:30px; }
.footer #family{position:absolute; bottom:30px; right:0;  box-sizing:border-box; width:100%; background:#ebebeb; padding:10px 0;}
.footer #family a{display:block; line-height:18px; padding:3px 5px 3px 18px; color:#555; font-size:13px}
.footer #family a:hover{color:#333;  font-family:"Nanum_bold";}


.footer span.btn_top{z-index:20; width:40px; height:40px;  font-size:11px; cursor:pointer; border-radius:1px;
							position:fixed; float:left; bottom:40px; right:40px;  text-align:center; display:block}
.footer span.btn_top .bg{display:block; opacity:1;filter:alpha(opacity=100); width:40px; height:40px; background:#999; }
.footer span.btn_top .txt{color:#fff;position:absolute; top:0px; left:0; width:40px; height:40px;  line-height:15px; display:table-cell; vertical-align:middle; font-size:15px; }
.footer span.btn_top .fa-caret-up{display:block; padding-top:2px; font-size:15px;}

.footer .link{position:absolute; top:31px; right:160px; display:block; }
*/


/* 201111 수정 */
body:not(.m_page) .footer {font-family: 'Noto Sans KR','맑은 고딕','malgun gothic',sans-serif;}
body:not(.m_page) .footer .con_section_inner {display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex;}
body:not(.m_page) .footer h2 {width: 250px;}
body:not(.m_page) .footer h2 a {display: inline-block; margin-top: 45px;}
body:not(.m_page) .footer .footer_inner {width: calc(100% - 250px); display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; padding: 35px 0 40px;}
body:not(.m_page) .footer .footer_bottom {display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; padding-top: 20px;}
body:not(.m_page) .footer .footer_bottom a {font-size: 13px; color: #999; position: relative; display: block;}
body:not(.m_page) .footer .footer_bottom a:after {content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #ddd;}
body:not(.m_page) .footer .footer_bottom p.copy {margin: 0; font-size: 13px; color: #bbb; margin-right: 20px;}
body:not(.m_page) .footer .address_box address {font-style: normal;}
body:not(.m_page) .footer .address_box address span {font-size: 15px; color: #666;}
body:not(.m_page) .footer .address_box address span.sp {color: #ddd; margin: 0 10px;}
body:not(.m_page) .footer .family_wrap {position: relative; z-index: 9;}
body:not(.m_page) .footer .family_wrap .btn_family {border: 1px solid #ddd; font-size: 14px; color: #999; display: block; line-height: 38px; padding: 0 20px; box-sizing: border-box; width: 150px; position: relative;}
body:not(.m_page) .footer .family_wrap .btn_family:after {content: ''; position: absolute; right: 20px; top: 50%; width: 10px; height: 7px; background: url(../images/arrow_down.png) no-repeat 50% 50%; background-size: 100%; margin-top: -3px; transform: rotateZ(-180deg); transition: transform .3s;}
body:not(.m_page) .footer .family_wrap .family_list {position: absolute; left: 0; bottom: 40px; width: 100%; border: 1px solid #ddd; border-bottom: none; padding: 10px 0; box-sizing: border-box; background: #fff; display: none;}
body:not(.m_page) .footer .family_wrap .family_list li a {display: block; padding: 5px 20px; font-size: 14px; color: #999;}

body:not(.m_page) .footer .family_wrap.on .btn_family:after {transform: rotateZ(0);}