@charset "utf-8";
#ssu {padding-top:20px; text-align:center; line-height:20px; padding-top:10px;}
#ssu img {width:55%;}
.dep2 .tit {padding: 65px 10px 0 0;width: 280px;display: inline-block;vertical-align: top;text-align: center;}
.dep2 .tit>strong>em {display: block;font-style: normal;text-align: center;font-size: 1.7rem;color: #fff;font-weight: 600;font-family: s-core-dream, 'Noto Sans KR', sans-serif;}
.dep2 .tit>strong>span {display: block;line-height: 1.5;margin-top: 2rem;font-size: 1rem;color: #fff;font-family: s-core-dream, 'Noto Sans KR', sans-serif;font-weight: 300;margin-bottom:10px;text-align: center;}
.dep2 .m1 {background: #735b3f;background-image: url('m1_bg.png');background-repeat: no-repeat;background-position: -50px top;min-height: 340px;height: 100%;}
.dep2 .m2 {background: #735b3f;background-image: url('m2_bg.png');background-repeat: no-repeat;background-position: -50px top;min-height: 340px;height: 100%;}
.dep2 .m3 {background: #735b3f;background-image: url('m3_bg.png');background-repeat: no-repeat;background-position: -50px top;min-height: 340px;height: 100%;}
.dep2 .m4 {background: #735b3f;background-image: url('m4_bg.png');background-repeat: no-repeat;background-position: -50px top;min-height: 340px;height: 100%;}
.dep2 .m5 {background: #735b3f;background-image: url('m5_bg.png');background-repeat: no-repeat;background-position: -50px top;min-height: 340px;height: 100%;}
.dep2 .m6 {background: #735b3f;background-image: url('m1_bg.png');background-repeat: no-repeat;background-position: -50px top;min-height: 340px;height: 100%;}
.dep2 .m7 {background: #735b3f;background-image: url('m1_bg.png');background-repeat: no-repeat;background-position: -50px top;min-height: 340px;height: 100%;}
.serv_wrap1 {position:relative; width:100%; height:420px; background:url(mid_bg.jpg) center 0 no-repeat}
.serv_wrap1 .inner_wrap {position:relative; width:1400px; margin:0 auto; padding:50px 0 50px 0}
.serv_wrap1 .inner_wrap > h2 {color:#221816; font-size:40px; font-family:'s-core-dream-regular','Noto Sans KR', sans-serif; text-align:center; font-weight:normal; letter-spacing:0.1em}
.serv_wrap1 .inner_wrap > p {color:#333; font-size:17px;  font-weight:bold; text-align:center; margin-bottom:50px}
.serv_wrap1 .inner_wrap > p.desc {color:#666; font-size:14px;  text-align:center; margin-bottom:0.25em}
.serv_wrap1 .inner_wrap ul {margin:0 -20px}
.serv_wrap1 .inner_wrap ul:after {display:block; content:""; clear:both}
.serv_wrap1 .inner_wrap ul li {padding:10px; width:16.6%; float:left;line-height: 1.5;}
.serv_wrap1 .inner_wrap ul li a {display:block; position:relative; width:100%; height:300px; box-shadow:10px 10px 15px 0px rgba(0,0,0,.3);}
.serv_wrap1 .inner_wrap ul li a.go_bg_01 {background:url(go_bg_01.jpg) 50% 0 no-repeat; background-size:cover}
.serv_wrap1 .inner_wrap ul li a.go_bg_02 {background:url(go_bg_02.jpg) 50% 0 no-repeat; background-size:cover;}
.serv_wrap1 .inner_wrap ul li a.go_bg_03 {background:url(go_bg_03.jpg) 50% 0 no-repeat; background-size:cover}
.serv_wrap1 .inner_wrap ul li a.go_bg_04 {background:url(go_bg_04.jpg) 50% 0 no-repeat; background-size:cover;}
.serv_wrap1 .inner_wrap ul li a.go_bg_05 {background:url(go_bg_05.jpg) 50% 0 no-repeat; background-size:cover;}
.serv_wrap1 .inner_wrap ul li a.go_bg_06 {background:url(go_bg_06.jpg) 50% 0 no-repeat; background-size:cover;}
.serv_wrap1 .inner_wrap ul li a .serv_txt {position:absolute; bottom:0; left:0; width:100%;background-color: rgb(45, 28, 28, 0.6);}
.serv_wrap1 .inner_wrap ul li a .serv_txt .sub_txt:before {display:block; width:30px; height:3px; margin:12px auto; background-color:#FFF; content:""}
.serv_wrap1 .inner_wrap ul li a .serv_txt .sub_txt {font-size:16px; color:#FFF; font-family: 'Nanum Gothic', 'Malgun Gothic', sans-serif; text-align:center}
.serv_wrap1 .inner_wrap ul li a .serv_txt .sub_sbj {margin-bottom:25px; font-size:20px; color:#FFF; font-family:'s-core-dream-regular','Noto Sans KR', sans-serif; text-align:center}
/*01 */
.header-top {background: #d6d6d6 !important; height: 40px;}
.container {position: relative; max-width: 1400px;width:100%; margin: 0 auto; background:#fff;}
.left-wrap {float: left;}
.tab-list li {position: relative;float: left; display: block; padding: 0 20px; height: 40px; color: #373636; font-size: 15px;line-height: 40px; font-weight: 500; letter-spacing: -.03em; }
.tab-list li:before {content: ''; position: absolute;top: 50%;left: 0; width: 1px; height: 9px; margin-top: -4px; background: #fff;}
.right-wrap {float: right;}
.split-list li {position: relative; float: left; display: block; padding: 0 20px; height: 40px; color: #373636; font-size: 14px; line-height: 40px; font-weight: 500; letter-spacing: -.03em;}
.split-list > li + li:before {content: ''; position: absolute; top: 50%; left: 0; width: 1px; height: 9px; margin-top: -4px; background: #fff;}
.clear { position:relative; width:100%; clear:both; margin:0; padding:0; visibility:hidden; font-size:0; height:0px; overflow:hidden; }
.dep2 .in>ul>li:nth-child(4n+1) {clear: both;} 
 /* Visual **********************************************************************************************************************************************************************************************/
.s_visual_w_pc { position:relative; top:0px; left:0px; width:100%; min-height:190px; overflow:hidden; clear:both; z-index:1;}
.s_visual_w_pc .visual { position:relative; width:1300px; min-height:190px; margin:0 auto; overflow:hidden; clear:both; z-index:1; }
.s_visual_w_pc .visual00 { position:absolute; top:0px; left:0px; width:100%; min-height:190px; background:url("sv00.jpg") no-repeat center top; z-index:1; }
.s_visual_w_pc .visual01 { position:absolute; top:0px; left:0px; width:100%; min-height:190px; background:url("sv01.jpg") no-repeat center top; z-index:1; }
.s_visual_w_pc .visual02 { position:absolute; top:0px; left:0px; width:100%; min-height:190px; background:url("sv02.jpg") no-repeat center top; z-index:1; }
.s_visual_w_pc .visual03 { position:absolute; top:0px; left:0px; width:100%; min-height:190px; background:url("sv03.jpg") no-repeat center top; z-index:1; }
.s_visual_w_pc .visual04 { position:absolute; top:0px; left:0px; width:100%; min-height:190px; background:url("sv04.jpg") no-repeat center top; z-index:1; }
.s_visual_w_pc .visual05 { position:absolute; top:0px; left:0px; width:100%; min-height:190px; background:url("sv05.jpg") no-repeat center top; z-index:1; }
.s_visual_w_pc .visual06 { position:absolute; top:0px; left:0px; width:100%; min-height:190px; background:url("sv06.jpg") no-repeat center top; z-index:1; }
.s_visual_w_pc .visual07 { position:absolute; top:0px; left:0px; width:100%; min-height:190px; background:url("sv07.jpg") no-repeat center top; z-index:1; }
.s_visual_w_pc .visual08 { position:absolute; top:0px; left:0px; width:100%; min-height:190px; background:url("sv08.jpg") no-repeat center top; z-index:1; }
.s_visual_w_pc .visual .txt01 { position:absolute; top:50px; left:50px; font-weight:bold; font-size:18px; color:#fff; font-family:'Daum_Regular'; text-shadow:1px 1px 2px #333; line-height:30px; }
.s_visual_w_pc .visual .txt01 span { font-size:24px; color:#daff31; font-family:'Daum_Regular'; }
.s_visual_w_pc .visual .txt02 { position:absolute; top:120px; left:50px; font-weight:bold; font-size:13px; color:#fff; text-shadow:2px 2px 1px #333; }
/* TM */ .s_visual_w_tm { display:none; }
/* Tablet device **********************************************************************************************************************************************************************************************/
.s_lc_line {position:relative; width:100%; min-width:641px;  z-index:1;}
.s_lc { position:relative; width:100%; height:auto; min-height:720px; margin:0 auto; background:url("lm_bg.gif") repeat-y left top;overflow:hidden; }
.son_s {min-height:1300px;}
#visualBox{width:100%; position:relative;overflow:hidden;height: 300px;}
#visualBox .visualImg{ width:100%; height:100%;position:absolute; left:0; top:0; z-index:-1;background-size:cover; animation-duration: 3s;animation-fill-mode: both;animation-iteration-count: 1;animation-timing-function: ease;-webkit-animation-duration: 3s;-webkit-animation-fill-mode: both;-webkit-animation-iteration-count: 1;-webkit-animation-timing-function: ease;animation-delay: 0.4s; -webkit-animation-delay: 0.4s;animation-name:visual-zoom; -webkit-animation-name:visual-zoom;}
	@keyframes visual-zoom {
		0% {transform:scale(1.2);}
		100% {transform:scale(1);}
	}
	@-webkit-keyframes visual-zoom {
		0% {transform:scale(1.2);}
		100% {transform:scale(1);}
	}
	@keyframes visual-tit {
		0% {opacity:0; -webkit-opacity:0; transform:translateY(20px);}
		100% {opacity:1; -webkit-opacity:1; transform:translateY(0px);}
	}
	@-webkit-keyframes visual-tit {
		0% {opacity:0; -webkit-opacity:0; transform:translateY(20px);}
		100% {opacity:1; -webkit-opacity:1; transform:translateY(0px);}
	}
	@media (max-width: 575px) {
		.Breadcrumbs { margin: -110px auto 0;padding:20px 15px;}
		#visualBox{height:170px;}

	}
	@media (max-width: 1199px) {
		.sub-visual{display:none;}
	}
.bg01{background:url('visual_01.jpg') no-repeat center center;}
.bg02{background:url('visual_02.jpg') no-repeat center center;}
.bg03{background:url('visual_03.jpg') no-repeat center center;}
.bg04{background:url('visual_04.jpg') no-repeat center center;}
.bg05{background:url('visual_05.jpg') no-repeat center center;}
.bg06{background:url('visual_06.jpg') no-repeat center center;}
.bg07{background:url('visual_07.jpg') no-repeat center center;}
/* Left Menu **********************************************************************************************************************************************************************************************/
#left_menu_w { position:absolute; width:240px; height:auto; float:left; z-index:1;}
#left_menu_w .title { position:relative; width:240px; height:190px; top:0px; background:url("lm_tbg.gif") no-repeat left top; }
#left_menu_w .title p { position:absolute; top:50px; left:82px; margin:0 auto; }
#left_menu_w .title h2 { position:absolute; width:220px; top:130px; left:0px; font-size:24px; text-align:center; color:#3e3636; font-weight:500; }
/* 1차 메뉴 */
#left_menu_w ul.lm_1d { position:relative; width:240px; top:0px; }
#left_menu_w ul.lm_1d li.lm_1d_on { position:relative; width:240px; display:block; }
#left_menu_w ul.lm_1d li.lm_1d_on a,
#left_menu_w ul.lm_1d li.lm_1d_on a:visited, 
#left_menu_w ul.lm_1d li.lm_1d_on a:hover, 
#left_menu_w ul.lm_1d li.lm_1d_on a:active { width:240px; height:40px; padding:0 0 0 30px; font-size:17px; line-height:40px; color:#fff; font-weight:400; display:block; background:url("lm_on.gif") no-repeat left top; }
#left_menu_w ul.lm_1d li { position:relative; width:240px; display:block; }
#left_menu_w ul.lm_1d li a,
#left_menu_w ul.lm_1d li a:visited { width:250px; height:40px; padding:0 0 0 30px; font-size:17px; line-height:40px; color:#757575; font-weight:500; display:block; background:url("lm_off.gif") no-repeat left top; }
#left_menu_w ul.lm_1d li a:hover, 
#left_menu_w ul.lm_1d li a:active { width:250px; height:40px; padding:0 0 0 30px; font-size:147x; line-height:40px; color:#fff; font-weight:500; display:block; background:url("lm_on.gif") no-repeat left top; }
/* Sub Content **********************************************************************************************************************************************************************************************/
#sub_content { position:relative; width:100%; float:left; padding:0px 0px 20px 260px; font-size:12px; color:#666; overflow:hidden; border-right:1px solid #e4e4e4; }
#sub_content .title { position:relative; width:100%; height:125px; overflow:hidden; border-bottom:1px solid #544c4c;background: #fff url(bg_13.png) no-repeat right center;}
#sub_content .title h3 { position:relative; width:100%; height:70px; padding:50px 0 0 30px; font-size:30px; color:#222; font-weight:400; }
#sub_content .title p.lo { position:absolute; top:20px; right:20px; font-size:16px; color:#959595; }
#sub_content .title p.lo span.arrow { padding:0 3px; font-weight:bold; }
#sub_content .title p.lo img {vertical-align:middle;}
#sub_content .title p.prev {display:none;}
#sub_content .title p.next {display:none;}
#sub_content .content_w { position:relative; width:100%; min-height:650px; padding:0px; font-size:16px; color:#666; padding:30px 10px 0px 20px; }
.section06 {min-height:100px;/*border-top: 1px solid #909090;border-bottom: 1px solid #909090;*/}
.inner3{max-width:1400px;width:100%;}
.inner3 img{width:100%;height:auto;}
.inner8{max-width:1300px;width:100%;margin:0 auto}
.contents > section {max-width:1400px;min-height:50px; margin:0 auto}
.contents-03 {padding-top:10px;padding-bottom:30px;background:#fff;}
.contents-05 {width:100%}
#touchSlider5 {margin-top: 20px !important; }
#touchSlider5 ul li {width:24%;height:187px; font-size:14px; color:#fff;}
#touchSlider5 .link-article {display:block; height:187px; padding:0; color:#575a63; font-weight:400; font-size:1.025em; line-height:1.27; overflow:hidden;background:#fff; border:1px solid #b5bbb4;}
#touchSlider5 .link-article .img-cover {display:block; height:100%; margin:-25px -19px 15px; background-repeat:no-repeat; background-size:cover; background-position:center center}
#touchSlider5 .link-article .txt-tit {position:absolute; top:20px; left:1px;display:block;color:#fff; font-weight:500; font-size:14px; line-height:1.27;padding:5px 12px;background:#2e9c17}
#touchSlider5 .link-article .txt-cotent {position: absolute;bottom: 0;left: 0;display: block;width: 100%;height: 46px;line-height: 46px;padding: 0 0;font-size: 16px;font-weight: 400;color: #fff;text-align: center;box-sizing: border-box;background-color: rgba(106, 127, 99, 1.0);overflow: hidden}
#touchSlider5 .tmb {display:block;width:100%;height:100%;overflow:hidden;}
#touchSlider5 .tmb img {width:100%;height:100%;/* transform:scale(1); */ transition:transform 0.5s;/* min-height:100%; */}
#touchSlider5 a:hover .tmb img {transform:scale(1.1)}
.swiper-wrapper1 {position: relative;width: 100%;height: 100%;z-index: 1;display: flex;justify-content: space-between;flex-wrap:wrap;}
.swiper-slide {width:100%;height:100%;position:relative;}
/*.swiper-wrapper1 {position: relative;width: 100%;height: 100%;z-index: 1;display: flex;justify-content: space-between;transition-property: transform;box-sizing: content-box;}
.swiper-container {position:relative;width:100%;height:100%;margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}
.swiper-wrapper {position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}
.swiper-container-android .swiper-slide,
.swiper-wrapper {transform:translate3d(0px, 0, 0)}
.swiper-container-multirow > .swiper-wrapper {flex-wrap:wrap}
.swiper-container-multirow-column > .swiper-wrapper {flex-wrap:wrap;flex-direction:column}
.swiper-container-free-mode > .swiper-wrapper {transition-timing-function:ease-out;margin:0 auto}
.swiper-slide {flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}
*/
.inner { position: relative;max-width: 1400px;margin: 0 auto}
.inner:after { content: "";display: block;clear: both}
#header2 .inner { position: static }
#wrap.main #container .inner { border-left: 0}
#header1 { height: 40px; border-bottom: 1px solid #ededed; text-align: right; font-size: 0;	background: #ededed;}
#header1 .btn-twit img { margin-top: 6px;}
#header1 .btn-twit:last-child { background: none; padding-left: 0px; margin-left: 6px;}
#header1 a { display: inline-block; line-height: 39px; vertical-align: middle; font-size: 14px; color: #656565; padding-left: 13px; margin-left: 12px; background: url(bg_lnb.png) no-repeat 0 50%;}
#header1 ul li {display: inline-block;line-height: 39px;vertical-align: middle;font-size: 14px;color: #656565;padding-left: 5px;padding-right: 5px;background: url(bg_lnb.png) no-repeat 10px 50%;}
#header1 a:first-child {  background: none;}
#header1 a > img {vertical-align: middle;margin-top: -5px;}
#header2 {height: 65px;position: relative;background:#fff;border-bottom: solid 3px #4c4c4c;border-top: solid 1px #4c4c4c;}
#header2 h1 {float: left;padding-top: 2px;}
#header2 .btn-all {float: right;width: 60px;height: 60px;background: url(btn_all.png) no-repeat 0 0;text-indent: -9999px;margin-left: 20px;}
#gnb {padding: 0 0 0 20px;float: left;width: calc(100% - 261px);padding-right: 50px;}
#gnb > ul:after {display: block;content: '';clear: both;}
#gnb > ul > li {float: left;/*border-right: 1px solid #9e9573;width: 20%;*/width: 16.6%;}
/*#gnb > ul > li:last-child {border-right: none;}*/
#gnb > ul > li > a {position: relative;display: block;height: 65px;line-height: 65px;font-size: 22px;color: #000;padding: 0 0;font-weight: 500;text-align: center;white-space: nowrap;}
#gnb > ul > li > a:hover {font-weight: 500;color: #643d0f; }
#gnb > ul > li > a:before {content: "";display: block;position: absolute;left: 0;top: 50%;margin-top: -8.5px;width: 1px;height: 17px;background: #4f71a1;}
#gnb > ul > li:last-child > a::after {content: "";display: block;position: absolute;right: 0;top: 50%;margin-top: -8.5px;width: 1px;height: 17px;background: #4f71a1;}
#gnb > ul > li:hover .dep2 {display: block;}
.dep2 {display: none;position: absolute;left: 0;right: 0;top: 65px;min-height:340px; height: auto;background: #fff url(bg_gnb_over.png) no-repeat 100% 100%;z-index: 99;border-bottom: 1px solid #ccc;}
.dep2 .in {width: 1400px;margin: 0 auto;position: relative;}
.dep2 .tit {position: absolute;left: 0;top: 0;}
.dep2 ul {padding: 30px 0 0 300px;}
.dep2 ul:after {display: block;content: '';clear: both;}
.dep2 ul li {float: left;margin-right: 10px;position: relative;margin-bottom: 30px;white-space: nowrap;width:24%;}
.dep2 ul li > a {display: block;width: 100%;height: 48px;padding-left: 30px;line-height: 47px;font-size: 20px;color: #3b230b;font-weight: 400;background: #e0e0e0 url(bu_gnb_off.png) no-repeat 15px 50%;border: 1px solid #ccc;}
.dep2 ul li:hover > a,
.dep2 ul li.active > a {color: #fff;background-color: #173a82;background-image: url(bu_gnb_on.png);}
.dep2 ul li .d2 {position: relative;left: 10px;top: 0px;padding-top: 5px;}
.dep2 ul li .d2 p {padding-left: 10px;background: url(bul_gnb_3dep.gif) 10px 14px no-repeat; width:200px}
.dep2 ul li .d2 p:hover {color: #b40d0d;text-decoration: underline;background: url(bul_gnb_3dep_on.gif) 10px 14px no-repeat; outline: 1px solid #607bae;}
.dep2 ul li .d2 p a {display: block;font-size: 17px;line-height: 27px;color: #444;padding: 3px 10px;}
.dep2 ul li .d2 p a:hover {color: #b40d0d;text-decoration: underline;}

#m-header {display: none;position: relative;}
#m-header .logo {text-align: center;padding: 5px 0;}
#m-header .logo img {height: 50px;}
#all_menu .all_btn {position: relative;max-width: 1400px;margin: 0 auto;z-index: 999;}
#all_menu .allm_btn {display: inline-block;position: absolute;right: 0;top: -64px;width: 62px;height: 62px;line-height: 65px;color: #fff;font-size: 17px;background: /*#3c3825*/ url(btn_all.png) no-repeat 50% 50%;text-align: center;text-indent: -9999px;}
#all_menu .allm_btn.on {background: #261f06 url(allmenu_close_1.png) center center no-repeat;background-size: 25px;border: 1px solid #ddd;}
#allMenu {display: none;height: 680px;/*background-color: rgba(255, 255, 255, 1);border-top: 1px solid #b4b4b4; border-bottom: 1px solid #b4b4b4;*/position: absolute;top: 65px;left: 0;width: 100%;z-index: 999;font-size: 0.9375em;}
#allMenu > div {overflow: auto;width: 100%;max-width: 1400px;margin: 0 auto}
#overlay {display: none;position: fixed;top: 0; left: 0;width: 100%; height: 100%;background: rgba(0, 0, 0, 0.8);z-index: 999;}

.allM_Box {overflow: hidden;background: #fff }
.allM_Box > li {position: relative;box-sizing: border-box;float: left;width: 16.66%;padding: 40px 1% 10px;border-right: 1px solid #b4b4b4;min-height: 680px;text-align: center; border-bottom: 1px solid #b4b4b4;}
.allM_Box > li:first-child {border-left: 1px solid #b4b4b4}
.allM_Box > li > a {position: absolute;left: 0;top: 0;width: 100%;height: 45px;line-height: 45px;display: block;font-size: 18px;font-weight: bold;color: #885c11;background: #f1f1f1;border-bottom: 1px solid #b4b4b4}
.allM_Box > li > ul {padding-top: 15px}
.allM_Box > li > ul > li {padding-bottom: 10px;text-align: left}
.allM_Box > li > ul > li > a {color: #333;font-size: 18px;font-weight: 400}
.allM_Box > li > ul > li > ul > li {padding-left: 13px;background: url(bul_m_3dep.gif) 5px 9px no-repeat;text-align: left;padding-top: 5px;}
.allM_Box > li > ul > li > ul > li > a {color: #444;font-size: 16px;}
.allMenu_close {width: 100%;background-color: #3c3f50;border-top: 1px solid #6f9bd6;box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.2)}
.m_sns {display: none}
.close_btn {width: 100%;max-width: 1200px;height: 25px;margin: 0 auto;padding: 10px 0;text-align: right}
.close_btn button {width: 25px;height: 25px;margin-right: 10px;background: url(allmenu_close.png) no-repeat;border: 0;transition: all .4s}
.close_btn button:hover,
.close_btn button:focus {transform: rotate(180deg)}
.mobile_link {display: none;background: #fff;margin-bottom: 5px}
.mobile_link h2 {padding: 10px 0}
.mobile_link h2 a img {width: 150px}
.mobile_link ul:after {content: "";display: block;clear: both}
.mobile_link ul li {float: left;width: 50%;box-sizing: border-box;border-width: 1px 0 1px 1px;border-style: solid;border-color: #e7e7e7}
.mobile_link ul li:first-child {border-left: 0}
.mobile_link ul li:first-child,
.mobile_link ul li:nth-child(2) {width: 50%;border-bottom: 0}
.mobile_link ul li a {display: block;font-size: 13px;color: #666;height: 45px;line-height: 45px}
.mobile_link ul li a.msns {display: inline-block;}
.mobile_link ul li a.msns:last-child {margin-left: 11px;}
.mobile_link ul li a img {width: 30px;margin-top: 8px;}
.mobile_link ul li.wp_50 {width: 50%;margin-top: -1px;}
.mobile_link ul li a img.inno_gov {width: auto;height: auto;vertical-align: middle;margin-top: -5px;}
#lnb {float: left; box-sizing: border-box; width: 260px; font-size: 18px;z-index:1;} 
.lnb h2 { width: 100%; height: 125px; font-size: 28px; font-weight: 500; text-align: center; color: #fff } 
.so1 h2 { background: #273763 url(bg_lnb_01.png) center center no-repeat; background-size: cover } 
.so2 h2 { background: #273763 url(bg_lnb_01.png) center center no-repeat; background-size: cover } 
.so3 h2 { background: #273763 url(bg_lnb_01.png) center center no-repeat; background-size: cover } 
.so4 h2 { background: #273763 url(bg_lnb_01.png) center center no-repeat; background-size: cover } 
.so5 h2 { background: #273763 url(bg_lnb_01.png) center center no-repeat; background-size: cover } 
.so6 h2 { background: #273763 url(bg_lnb_01.png) center center no-repeat; background-size: cover } 
.so7 h2 { background: #273763 url(bg_lnb_01.png) center center no-repeat; background-size: cover } 
.lnb h2 span { display: block; padding-top: 46px } 

.lnb #left_submenu > li > a { display: block; padding: 16px 0 16px 7%; color: #414141; border-bottom: 1px solid #dfdfdf; font-size: 18px; line-height: 16px; font-weight: 400; text-decoration: none; background: url(bul_lnb_plus.gif) 87% center no-repeat } 
.lnb #left_submenu > li > a:hover { color: #fff; background: #484c5b; } 
.lnb #left_submenu > li > a.on:hover,
.lnb #left_submenu > li > a.on { color: #fff; background: #484c5b; } 
.lnb #left_submenu > li > a.empty { background: none; color: #414141 } 
.lnb #left_submenu > li > a.empty:hover { background: #484c5b; color: #fff } 
.lnb #left_submenu > li > a.on.empty { background: #484c5b; color: #fff } 
.lnb #left_submenu > li > ul { background-color: #f3f4f7; padding: 5px 0; border-bottom: 1px solid #dfdfdf } 
.lnb #left_submenu > li > ul > li > a { display: block; color: #414141; padding: 6px 0px 6px 13%; font-size: 16px; letter-spacing: 1.1px; } 
.lnb #left_submenu > li > ul > li > a > span { padding-left: 17px; background: url(bul_lnb_3depth.png) left center no-repeat } 
.lnb #left_submenu > li > ul > li > a:hover > span,
.lnb #left_submenu > li > ul > li > a.on > span { color: #d40419; font-weight: 600; background: url(bul_lnb_3depth_ov.png) left center no-repeat; text-decoration: underline } 

@media all and (max-width:1220px) {
#gnb > ul > li > a {padding: 0 24px}
#wrap.main #gnb > ul > li > a {padding: 0 24px;}
.btn-m {position: absolute;left: 0;top: 0;width: 50px;height: 50px;background: url(btn_m_nav.png) no-repeat 50% 50%;text-indent: -9999px;}
#aside {position: fixed;top: 0;bottom: 0;width: 255px;background: #fff;z-index: 6000;left: -255px;transition: all 0.3s ease;}
#aside .scroll {position: absolute;left: 0;right: 0;bottom: 0;top: 0;overflow: auto;}
#aside .btn-close {position: absolute;right: 0;top: 0;width: 40px;height: 40px;background: url(ico_close.png) no-repeat 50% 50%;background-size: 12px auto;}
#aside .logo {padding: 30px 0 10px 17px;border-bottom: 1px solid #9e9e9e;}
#aside .logo img {width: 160px;}
#aside .logo span {display: block;padding-top: 10px;font-size: 11px;letter-spacing: -1px;color: #28a9e0;}
#aside .nav > a {display: block;padding-left: 15px;height: 40px;line-height: 39px;border-bottom: 1px solid #e2e2e2;position: relative;}
#aside .nav > a:after {content: '';position: absolute;right: 15px;top: 40%;width: 6px;height: 6px;border-left: 1px solid #777;border-bottom: 1px solid #777;transform: rotate(315deg)}
#aside .nav > a.active:after {transform: rotate(135deg)}
#aside .nav > a + ul {display: none;}
#aside .nav > a + ul li a {display: block;padding-left: 15px;height: 35px;line-height: 34px;font-size: 12px;color: #252525;background: #f2f2f2;border-bottom: 1px solid #e2e2e2;}
.bg-aside {display: none;position: fixed;left: 0;right: 0;top: 0;bottom: 0;background: rgba(0, 0, 0, 0.7);z-index: 5000;}
body.fixed {overflow: hidden;}
body.fixed #aside {left: 0;}
body.fixed .bg-aside {display: block;}
}

@media all and (max-width:1200px) {
#gnb > ul > li > a { padding: 0 11px }
#wrap.main #gnb > ul > li > a { padding: 0 14px;font-size: 17px}
#header2 .btn-twit {padding-right: 80px}
#wrap.main .inner,
#wrap.main .dep2 .in {padding: 0 12px;max-width: 1024px;width: auto;box-sizing: border-box}
#wrap.main .main-body .partner .inner {padding: 21px 90px 0 63px;}
#wrap.main #all_menu .all_btn {max-width: 1024px}
#wrap.main #footer2 .inner {padding: 25px 0}
#content_wrap {border-right: 0}
}

@media screen and (max-width:1219px) and (min-width:1024px) {
#footer1 .inner {padding: 0}
}

@media all and (max-width:1024px) {
img {max-width: 100%;}
body {min-width: 0;}
#m-header .logo {height: 45px}
#m-header .logo a {margin-left: 10px}
#wrap.main .inner,
#wrap.main .dep2 .in {padding: 0 12px;max-width: 768px;width: auto;box-sizing: border-box;}
#wrap.main #footer1 .inner {padding: 0;}
#m-header {display: block;}
#m-header .logo {text-align: left}
#header1 {display: none}
#header1 a {height: 25px;line-height: 24px;font-size: 11px;}
#header2 {display: none;}
.mobile_link {display: block}
#all_menu .allm_btn {top: 5px;}
#all_menu .btn a {right: 1%}
#all_menu .allm_btn,
#all_menu .allm_btn.on {background: url(btn_m_nav.png) no-repeat 50% 50%;}
#all_menu .allm_btn {width: 50px;height: 60px;z-index: 999}
#allMenu {overflow-y: auto;position: fixed;top: 0;right: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.25);z-index: 1000}
#allMenu > div {width: 280px;height: 100%;position: absolute;right: 0;padding: 0;background: #f2f2f2;z-index: 9999;}
#allMenu > div > div > div {margin-right: 0;text-align: center}
#allMenu .link {display: block}
.allM_Box > li > a {position: static;left: inherit;top: inherit;border-bottom: 0;color: inherit;text-decoration: none;background: #fff}
.allM_Box > li > a.on {color: #fff;background: #c03e3e url(dep2_close.png) 93% center no-repeat}
.allM_Box > li > a.empty {background: #2c3e7e}
.allM_Box > li {width: 100%;text-align: left;padding: 0;}
.allM_Box > li > a {display: block;padding: 0 15px;height: 50px;line-height: 50px;text-decoration: none;color: #000;font-size: 17px}
.allM_Box > li:hover > a,
.allM_Box > li:active > a,
.allM_Box > li:visited > a {text-decoration: none}
.allM_Box > li > ul {padding: 0;background: #3c3f50}
.allM_Box > li > ul > li {padding-bottom: 0;border-bottom: 1px solid #4d5268;background: url(bul_mobile_2dep.gif) 20px 18px no-repeat}
.allM_Box > li > ul > li > a {display: block;padding: 10px 0 10px 32px;text-decoration: none;color: #fff;background: url(dep2_more.png) 93% center no-repeat}
.allM_Box > li > ul > li > a.on {background: url(dep2_close.png) 93% center no-repeat;}
.allM_Box > li > ul > li > a.empty {background: none}
.allM_Box > li > ul > li > ul {padding: 7px 25px;background: #4f556b}
.allM_Box > li > ul > li > ul > li {background: url(bul_mobile_3dep.gif) 5px center no-repeat}
.allM_Box > li > ul > li > ul > li > a {display: block;font-size: 13px;padding: 5px 0;text-decoration: none;color: #fff}
#allMenu .gnb_wrap {display: block}
#allMenu .allM_Box > li {float: none;min-height: inherit;border-left: 0;border-right: 0;border-bottom: 1px solid #e5e5e5}
#allMenu .allM_Box > li > ul,
#allMenu .allM_Box > li > ul > li > ul {display: none}
.allMenu_close {display: none}
#footer1 .inner {height: auto;}
#footer1 p {text-align: center;}
#footer1 p a {float: none;display: inline-block;vertical-align: middle;padding: 0;margin: 0 8px;font-size: 12px;background: none;}
#footer1 .btn-chat {position: static;display: block;text-align: center;}
#wrap.main #footer2 .inner {padding: 15px}
#footer2 .inner {padding: 15px;box-sizing: border-box;}
#footer2 .logo {position: static;}
#footer2 .addr {padding: 0;font-size: 13px;width: 90%;}
.ft_logo {right: 10px !important;}
.ft_logo > img {width: 65px;right: 10px;}
.right-wrap {display: none;}
}
@media all and (max-width:1000px) {
   .serv_wrap1 {height:auto}
   .serv_wrap1 .inner_wrap {width:100%; padding:5% 2.5%}
   .serv_wrap1 .inner_wrap ul li {width:33%}
   .serv_wrap1 .inner_wrap ul li a {margin-top:0 !important}
   .serv_wrap1 .inner_wrap > p {margin-bottom:20px}
}
@media all and (max-width:989px) { 
#content_wrap {padding-left: 0}
#content_wrap #content {padding: 20px 2%}
#lnb {display: none}

/* Tablet device **********************************************************************************************************************************************************************************************/
.s_lc_line {position:relative; width:100%; min-width:641px;  z-index:1;}
.s_lc {position:relative; width:100%; height:auto; min-height:500px; margin:0 auto; background:none;}

/* Visual **********************************************************************************************************************************************************************************************/
.s_visual_w_tm { position:relative; top:0px; left:0px; width:100%; overflow:hidden; clear:both; }
.s_visual_w_tm .visual { position:relative; width:100%; height:auto; margin:0 auto; overflow:hidden; clear:both; }
.s_visual_w_tm .visual01 { position:relative; width:100%; height:auto; }
.s_visual_w_tm .visual00 {height:190px; background:url("sv00_tm.jpg") no-repeat center top;background-size:cover}
.s_visual_w_tm .visual01 {height:190px; background:url("sv01_tm.jpg") no-repeat center top;background-size:cover}
.s_visual_w_tm .visual02 {height:190px; background:url("sv02_tm.jpg") no-repeat center top;background-size:cover}
.s_visual_w_tm .visual03 {height:190px; background:url("sv03_tm.jpg") no-repeat center top;background-size:cover}
.s_visual_w_tm .visual04 {height:190px; background:url("sv04_tm.jpg") no-repeat center top;background-size:cover}
.s_visual_w_tm .visual05 {height:190px; background:url("sv05_tm.jpg") no-repeat center top;background-size:cover}
.s_visual_w_tm .visual06 {height:190px; background:url("sv06_tm.jpg") no-repeat center top;background-size:cover}
.s_visual_w_tm .visual07 {height:190px; background:url("sv07_tm.jpg") no-repeat center top;background-size:cover}
.s_visual_w_tm .visual08 {height:190px; background:url("sv08_tm.jpg") no-repeat center top;background-size:cover}
.s_visual_w_tm { display:block; }
/* PC */ .s_visual_w_pc { display:none; }

/* Left Menu **********************************************************************************************************************************************************************************************/
#left_menu_w {display:none;}
#sub_content { position:relative; width:100%; float:left; padding:0px 15px 20px 15px; font-size:12px; color:#666; overflow:hidden; border-right:1px solid #ececec; }
#sub_content .content_w { position:relative; width:100%; min-height:auto; padding:0px; font-size:12px; color:#666; padding:10px 0; }
}


@media all and (max-width:800px) {
.page_exp_02 dd br {display: none}
#touchSlider5 ul li {width:49%;height:187px; font-size:14px; color:#fff;}
}

@media all and (max-width:768px) {
#content_wrap #content .sub_tit h3 {font-size: 25px}
}

@media all and (max-width:720px) {
.satisfaction dl dd span {margin-right: 1%}
}

@media all and (max-width:640px) {
.satisfaction dl {padding: 45px 10px 10px}
.satisfaction dl dd span {float: left;display: block;width: 33.3%;text-align: left}
}

@media all and (max-width:600px) {
.lst_thumb { padding: 15px 0 }
.lst_thumb > li > a > .list_item { padding: 10px}
.lst_thumb > li > a > .list_item > .thumb { position: static; margin: 0 auto; width: 100% }
.lst_thumb > li > a > .list_item > .thumb > img { height: auto}
.lst_thumb > li > a > .list_item > .list_info .info_title strong { font-size: 14px; margin: 2px 0 }
.lst_thumb > li > a > .list_item > .list_info .info_title span { margin: 5px 0}
}

@media all and (max-width:500px) {
.page_exp {padding: 20px; min-height: inherit; background: #fff}
.page_exp_02 dt { display: none}
.ft_logo > img {width: 50px;}
.ft_logo { display : none }
#footer2 .addr { margin-top: 20px; }
#footer2 .addr { width: 100%; }
#footer2 .addr img{ width: 88px; margin: 5px; }
#footer2 .addr span{  margin-bottom: 3px;  }
#sub_content .title h3 {padding:30px 0 0 30px; font-size:32px; color:#222; font-weight:400;text-align: center; }
.tab-list li {padding: 0 10px;}
#all_menu .allm_btn { top: 10px; }
.sec01_Bot.t01 {margin-top: 6px;}
}
/* header 로고 추가 */
.top_logo { display: inline-block;  float: left;   vertical-align: middle;  padding-top: 3px;}
/* footer 로고 추가 */
.ft_logo { float: right; right: 0; top: 15px;  position: absolute;}