@charset "utf-8";

/* ************************************** *
 * in-wrap 컨텐츠 가로사이즈 조정
 * ************************************** */
.in-wrap { width: 1400px; margin: 0 auto;}
/* ////////////////////////////////////////////////// notebook */
@media all and (min-width:991px) and (max-width:1400px) {
	.in-wrap { width: 94%;}
}
/* ////////////////////////////////////////////////// tablet & mobile */
@media all and (max-width:990px) {
	.in-wrap { width: 88%;}
}





/* ************************************** *
 * common layout
 * ************************************** */
::selection { background: #b4b4b4;}
.clear:after { content: ""; display: block; clear: both;}/* float해제 */
.con-m { display: none;}/* mobile컨텐츠 숨김 */
.br-pc { display: block;}/* pc에서 br태그 효과 적용 */
.img-max { max-width: 100%;}
.img-ct-max { display: block; max-width: 100%; margin: 0 auto;}
.inquiry-pop,
.bg-body { display: none; z-index: 500; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.5);}
/* ////////////////////////////////////////////////// tablet & mobile */
@media all and (max-width:990px) {
	.br-pc { display: inline-block;}/* pc에서 br태그 효과 해제 */
    .br-m { display: block;}/* mobile에서 br태그 효과 적용 */
}





/* ************************************** *
 * header layout
 * ************************************** */
/* header */
#header { z-index: 100; width: 100%; height: 100px;  background: #fff; box-shadow:0 0 10px rgba(0,0,0,0.2); -webkit-box-shadow:0 0 10px rgba(0,0,0,0.2); -moz-box-shadow:0 0 10px rgba(0,0,0,0.2);}
#header .header-box { position: relative; margin: 0 130px;}
#header h1 {position: absolute; top: 20px; left: 0;}

/*gnb*/
#gnb{position: absolute; top: 22px; right: 20px;}

/* lnb : 네비게이션 메뉴 */
#lnb { z-index:200;}
.lnb-pc .lnb-navi { display:table; margin:0 auto;}
.lnb-pc .lnb-navi > li { position:relative; float:left;}
.lnb-pc .lnb-navi > li > a { display:block; margin:0 30px; padding:14px 0 10px; line-height:75px; font-size:16px; color:#222; letter-spacing:-0.05em;}
.lnb-pc .lnb-navi > li > a:hover,
.lnb-pc .lnb-navi > li.on > a { color:#507cc7; font-weight: 600;}
.lnb-pc .lnb-dep2 { z-index:200; display:none; position:absolute; top:95px; left:50%; margin-left:-75px; width:150px; padding:15px 0; background:#fff; box-shadow:0 0 10px rgba(0,0,0,0.2); -webkit-box-shadow:0 0 10px rgba(0,0,0,0.2); -moz-box-shadow:0 0 10px rgba(0,0,0,0.2); filter:progid:DXTransform.Microsoft.Shadow(Color=#cccccc, Strength=5, Direction=90);}
.lnb-pc .lnb-dep2 > li a { display:block; font-size:14px; color:#444; line-height:32px; letter-spacing:-0.05em; text-align:center;}
.lnb-pc .lnb-dep2 > li a:hover { color:#fff; background:#333; background-size:100%;}
.lnb-m { display:none;}
.lnb-m .btn-menu { z-index:199; overflow:hidden; position:absolute; top:39px; right:0; cursor:pointer; transition:0.5s;}
.lnb-m .btn-close { z-index:201; position:absolute; top:20px; right:30px; cursor:pointer;}
.lnb-m .lnb-box { z-index:200; display:none; position:fixed; top:0; right:0; width:50%; height:100%; background:#fff;}
.lnb-m .lnb-box .lnb-navi { position:absolute; top:50%; left:50px; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%);}
.lnb-m .lnb-box .lnb-navi > li > a { display:block; font-size:30px; font-weight:lighter; line-height:70px; letter-spacing:-0.075em; color:#222;}
.lnb-m .lnb-box .lnb-navi > li > a:hover,
.lnb-m .lnb-box .lnb-navi > li.on > a { color:#507cc7;}
.lnb-m .lnb-box .lnb-dep2 { display:none; padding:10px 0;}
.lnb-m .lnb-box .lnb-dep2 a { display:block; padding-left:10%; font-size:14px; line-height:30px; color:#555;}
.lnb-m .lnb-box .lnb-dep2 a:hover { font-weight:700; letter-spacing:-0.05em;}
.lnb-m .lnb-box .lnb-dep2 a:before { content:"- ";}

/* ////////////////////////////////////////////////// notebook & tablet & mobile */
@media all and (max-width:1400px) {
	/* header */
	#header .header-box { margin: 0 25px;}
}

/* ////////////////////////////////////////////////// notebook & tablet & mobile */
@media all and (max-width:1200px) {
	/* header */
	#header .header-box { margin: 0 25px;}
	#gnb{display: none;}
	/* lnb : 네비게이션 메뉴 */
	.lnb-pc .lnb-navi {float: right;}
	#lnb { top: 15px;}
	.lnb-m .lnb-box { width: 70%;}
	.lnb-m .btn-menu{ top: 21px;}
	.lnb-m .btn-close { top: 21px;}
	.lnb-m .lnb-box img { width: 110px; padding: 60px 0 0 40px;}
	.lnb-m .lnb-box .lnb-navi { top: 50%; left: 40px;}
	.lnb-m .lnb-box .lnb-navi > li > a { font-size: 23px; line-height: 50px;}
	.lnb-m .lnb-box .lnb-dep2 { padding: 5px 0;}
	.lnb-m .lnb-box .lnb-dep2 a { font-size: 14px; line-height: 28px;}
	/* lnb : 네비게이션 메뉴 */
	.lnb-m .lnb-box { width: 50%;}
}
/* ////////////////////////////////////////////////// tablet & mobile */
@media all and (max-width:990px) {
	/* header */
	#header { height: 80px;}
	#header .header-box { margin: 0;}
	#header h1{top:15px; left:5px;}
	#header h1 img{width: 200px;}
	#gnb{display: none;}
	/* lnb : 네비게이션 메뉴 */
	#lnb { top: 15px;}
	.lnb-m .lnb-box { width: 70%;}
	.lnb-m .btn-menu{ top: 21px; right: 15px;}
	.lnb-m .btn-close { top: 21px; right: 15px; right: 15px;}
	.lnb-m .lnb-box img { width: 110px; padding: 60px 0 0 40px;}
	.lnb-m .lnb-box .lnb-navi { top: 50%; left: 40px;}
	.lnb-m .lnb-box .lnb-navi > li > a { font-size: 23px; line-height: 50px;}
	.lnb-m .lnb-box .lnb-dep2 { padding: 5px 0;}
	.lnb-m .lnb-box .lnb-dep2 a { font-size: 14px; line-height: 28px;}
	/* lnb : 네비게이션 메뉴 */
	.lnb-pc { display: none;}
	.lnb-m { display: block;}
}
/* ////////////////////////////////////////////////// mobile */
@media all and (max-width:640px) {
	/* header */
	#header { height: 80px;}
	#header .header-box { margin: 0;}
	#header h1{top:15px; left:5px;}
	#header h1 img{width: 200px;}
	#gnb{display: none;}
	/* lnb : 네비게이션 메뉴 */
	#lnb { top: 15px;}
	.lnb-m .lnb-box { width: 70%;}
	.lnb-m .btn-menu{ top: 21px; right: 15px;}
	.lnb-m .btn-close { top: 21px; right: 15px;}
	.lnb-m .lnb-box img { width: 110px; padding: 60px 0 0 40px;}
	.lnb-m .lnb-box .lnb-navi { top: 50%; left: 40px;}
	.lnb-m .lnb-box .lnb-navi > li > a { font-size: 23px; line-height: 50px;}
	.lnb-m .lnb-box .lnb-dep2 { padding: 5px 0;}
	.lnb-m .lnb-box .lnb-dep2 a { font-size: 14px; line-height: 28px;}
}





/* ************************************** *
 * main layout
 * ************************************** */
.main-con-title{width: 100%; overflow: hidden; padding: 100px 0 50px 0;}
.main-con-title h3{font-size: 45px; font-family: 'Ubuntu', serif !important; text-align: center; font-weight: 600;}
/* 메인비주얼 */
.main-visual{width: 100%; overflow: hidden;}
.main-visual_wrap{position: relative; height: 1080px;}
.main-visual_wrap > li { width: 100%; height: 1080px; position: absolute; left: 0; top: 0; float: left;}
.main-visual-wrap .bg01 {width:100%; height:960px; background: url(image/visual01.jpg) no-repeat center; background-size: cover; box-sizing: border-box;}
.main-visual-wrap .bg02 {width:100%; height:960px; background: url(image/visual02.jpg) no-repeat center; background-size: cover; box-sizing: border-box;}
.main-visual .txt-box {width: 1400px; margin: 0 auto; padding-top: 400px;}
.main-visual .txt-box p.title{ font-family: 'Ubuntu', serif !important; font-size: 55px; text-transform: uppercase; color: #fff; text-align: left; letter-spacing: normal;}
.main-visual .txt-box p:nth-child(1) span { padding-top: 10px; font-weight: 600;}
.main-visual .txt-box .txt{width: 700px; text-align: center;  border-top: 1px solid #fff; border-bottom: 1px solid #fff; padding: 0 10px; box-sizing: border-box; margin-top: 20px;}
.main-visual .txt-box .txt p{color:#fff; font-size: 18px; font-weight: 600; line-height: 40px;}

/*비즈니스*/
.container{margin-top: 40px;}
.container.tab-nav {margin: 0; width: 50%; height: 150px;margin: 0 auto; display: table; overflow: hidden;}
.container.tab-nav p{cursor: pointer;}
.container.tab {width: 100%;}
.inactive01{width: 100px; height: 101px; background: url('image/img-business-img01.jpg') no-repeat center top; padding-top: 110px;box-sizing:border-box;outline: none;}
.inactive02{width: 100px; height: 101px; background: url('image/img-business-img02.jpg') no-repeat center top; padding-top: 110px;box-sizing:
border-box;outline: none;}
.inactive03{width: 100px; height: 101px; background: url('image/img-business-img03.jpg') no-repeat center top; padding-top: 110px;box-sizing:
border-box;outline: none;}
.inactive04{width: 100px; height: 101px; background: url('image/img-business-img04.jpg') no-repeat center top; padding-top: 110px;box-sizing:
border-box;outline: none;}

/*hover,active*/
.inactive01.active:hover{width: 100px; height: 101px; background: url('image/img-business-img01-on.jpg') no-repeat center top;box-sizing:
border-box; color:#0033ae;outline: none;}
.inactive01.active{width: 100px; height: 101px; background: url('image/img-business-img01-on.jpg') no-repeat center top;box-sizing:
border-box; color:#0033ae;outline: none;}

.inactive02.active:hover{width: 100px; height: 101px; background: url('image/img-business-img02-on.jpg') no-repeat center top;box-sizing:
border-box; color:#0033ae;outline: none;}
.inactive02.active{width: 100px; height: 101px; background: url('image/img-business-img02-on.jpg') no-repeat center top;box-sizing:
border-box; color:#0033ae;outline: none;}

.inactive03.active:hover{width: 100px; height: 101px; background: url('image/img-business-img03-on.jpg') no-repeat center top; box-sizing:
border-box; color:#0033ae;outline: none;}
.inactive03.active{width: 100px; height: 101px; background: url('image/img-business-img03-on.jpg') no-repeat center top; box-sizing:
border-box; color:#0033ae;outline: none;}

.inactive04.active:hover{width: 100px; height: 101px; background: url('image/img-business-img04-on.jpg') no-repeat center top; box-sizing:
border-box; color:#0033ae;outline: none;}
.inactive04.active{width: 100px; height: 101px; background: url('image/img-business-img04-on.jpg') no-repeat center top; box-sizing:
border-box; color:#0033ae;outline: none;}

/*해당bg*/
.business-slide01{width: 100%; height: 630px !important; background: url('image/bg-business-slide01.jpg') no-repeat center top;}
.business-slide02{width: 100%; height: 630px !important; background: url('image/bg-business-slide02.jpg') no-repeat center top;}
.business-slide03{width: 100%; height: 630px !important; background: url('image/bg-business-slide03.jpg') no-repeat center top;}
.business-slide04{width: 100%; height: 630px !important; background: url('image/bg-business-slide04.jpg') no-repeat center top;}

.tab-slide{position: relative;}
.business-txt-box{width: 405px; height: 550px; background: url('image/bg-business-list.jpg') no-repeat; display: block; position: absolute; right: 20%; top: 0; text-align: left; padding: 185px 0 0 60px; box-sizing: border-box;}
.business-txt-box h4{font-size: 35px; font-weight: 500; color:#fff;}
.business-txt-box .line{width: 35px; height: 2px; background-color: #8fc7d2; margin: 20px 0;}
.business-txt-box .txt{font-size: 20px; padding-bottom: 15px;}
.business-txt-box p{color:#fff; line-height: 25px;}
.business-txt-box .more{width: 115px; height: 40px; border: 1px solid rgba(255, 255, 255, 0.4); margin-top: 20px; text-align: center; line-height: 40px;border-radius: 3px;}
.business-txt-box .more a{color: #fff; display: inline-block; font-size: 14px;-webkit-transition: all .1s ease-in-out; -moz-transition: all .1s ease-in-out;  -ms-transition: all .1s ease-in-out; -o-transition: all .1s ease-in-out;}
.business-txt-box .more:hover{background: #fff;}
.business-txt-box .more:hover a{ color: #1e63b3; -webkit-transition: all .1s ease-in-out; -moz-transition: all .1s ease-in-out;  -ms-transition: all .1s ease-in-out; -o-transition: all .1s ease-in-out;}


/*비즈니스-m*/
.business-con-box{width: 90%;margin: 0 auto; overflow: hidden;}
.business-con-box li{width: 50%;  float: left; text-align: center; padding: 100px 0 0; box-sizing: border-box; border: 3px solid #f5f5f5; border-right: 0; border-bottom: 0;width: 47%;  margin: 1.5%; height: 210px;}
.business-con-box li:nth-child(1){background: url('image/img-business-img01-m.jpg') no-repeat center 40px; background-size: 50px;}
.business-con-box li:nth-child(2){background: url('image/img-business-img02-m.jpg') no-repeat center 40px; background-size: 50px;  }
.business-con-box li:nth-child(3){background: url('image/img-business-img03-m.jpg') no-repeat center 40px; background-size: 50px;;}
.business-con-box li:nth-child(4){background: url('image/img-business-img04-m.jpg') no-repeat center 40px; background-size: 50px;}
.business-con-box li a{color: #333; font-size: 16px; line-height: 20px;}
.business-con-box li .more{width: 115px; height: 40px; margin: 20px auto; border: 1px solid #666; margin-top: 20px; text-align: center; line-height: 40px;border-radius: 3px;}
.business-con-box li .more p{font-size: 13px;}


/*회사소개*/
.main-about-us{width: 100%; height:396px; background: url('image/bg-about-img01.jpg') no-repeat; overflow: hidden; }
.main-about-us .about-txt{width: 1200px; margin: 0 auto; padding-top: 130px;}
.main-about-us p{color: #24b69c; padding-bottom: 15px;}
.main-about-us h4{font-size: 35px; line-height: 42px; }
.main-about-us h4 .bold-txt{font-weight: 600;}
.main-about-us .more{width: 115px; height: 40px; border: 1px solid #000; margin-top: 20px; text-align: center; line-height: 40px;border-radius: 3px;}
.main-about-us .more a{width: 100%; color: #000; display: inline-block; font-size: 14px;}



/*CS center*/
.main-community{overflow: hidden; padding-top: 50px;}
.main-community ul{width: 1200px; margin: 0 auto;}
.main-community ul li{float: left;}
.main-community ul li:nth-child(1){width: 795px;}
.main-community ul li:nth-child(2){width: 405px; height: 345px; border: 10px solid #f5f5f5; box-sizing: border-box; padding: 60px 0;}
.main-community ul li:nth-child(2) h4{font-size: 48px; font-weight: 600; background: url('image/img-cs-img.jpg') no-repeat center top; font-family: 'Ubuntu', serif !important; padding-top: 90px; text-align: center; color:#0033ae; letter-spacing: -1.5px;}
.main-community ul li:nth-child(2) p{text-align: center; padding-top: 30px; line-height: 22px;}
.main-map { overflow: hidden; position: relative; float: left; width: 50%; height: 345px;}
.naver-map { z-index: 1; overflow: hidden; width: 100%; height: 100%;}
.loca-box { z-index: 10; position: absolute; bottom: 0; left: 0; width: 90%; padding: 5%; background: rgba(0,0,0,.6); text-align: center; color: #fff;}
.loca-box h3 { font-size: 17px; font-weight: 700;}
.loca-box p { padding: 5px 0 25px; font-size: 14px;}

/* ////////////////////////////////////////////////// notebook & tablet & mobile */
@media all and (max-width:1200px) {
	/*메인비주얼*/
	.main-visual-wrap{height: 600px;}
	.main-visual-wrap .text-box{width: 90%;  height: auto;}
	.main-visual-wrap .bg01{height: 900px;}
	.main-visual-wrap .bg02{height: 900px;}
	.main-visual .txt-box{width: 90%; margin: 0 auto; padding-top: 220px;}
	.main-visual .txt-box p.title{font-size: 38px;text-align: center;}
	.main-visual .txt-box .txt{width: 70%; margin: 30px auto; padding: 10px;}
	.main-visual .txt-box .txt p{font-size: 14px; line-height: 15px;}
	/*비즈니스*/
	.container.tab-nav{width: 80%;}
	.business-txt-box{right: 0;}
	/* 메인-고객센터-지도 */
	.main-about-us{background: url(image/bg-about-img01.jpg) no-repeat top;}
	.main-about-us .about-txt{width: 100%; padding-left: 10%;}
	.main-community ul{width: 100%;}
	.main-community ul li:nth-child(1){width: 60%; height: 342px;}
	.main-community ul li:nth-child(2){width: 40%;}
	.main-map { float: none; width: 100%; height: 400px;}

}
/* ////////////////////////////////////////////////// tablet & mobile */
@media all and (max-width:990px) {
	/*메인비주얼*/
	.main-visual-wrap{height: 600px;}
	.main-visual-wrap .text-box{width: 90%;  height: auto;}
	.main-visual-wrap .bg01{height: 600px;}
	.main-visual-wrap .bg02{height: 600px;}
	.main-visual .txt-box{width: 90%; margin: 0 auto; padding-top: 180px;}
	.main-visual .txt-box p.title{font-size: 38px;text-align: center;}
	.main-visual .txt-box .txt{width: 100%; margin: 30px auto; padding: 10px;}
	.main-visual .txt-box .txt p{font-size: 14px; line-height: 15px;}
	/*비즈니스*/
	.container.tab-nav{width: 90%;}
	/*회사소개*/
	.main-about-us{width: 90%; margin: 0 auto;}
	.main-about-us .about-txt{width: 100%; padding: 130px 20px; box-sizing: border-box; text-align: center;}
	.main-about-us h4{font-size: 20px; line-height: 30px;}
	.main-about-us .more{margin: 20px auto;}
	.main-about-us .more a{font-size: 13px;}
	.main-community{padding-top: 0; width: 90%; margin: 0 auto;}
	.main-community ul{width: 100%;}
	.main-community ul li:nth-child(1){width: 100%;}
	.main-community ul li:nth-child(2){width: 100%; border: 15px solid #f5f5f5;}
	.main-community ul li:nth-child(2) h4{font-size: 35px;}
	.main-community ul li:nth-child(1) .location-img .img-pc{display: none;}
	.main-community ul li:nth-child(1) .location-img .img-m{display: block;}
	.main-community ul li:nth-child(1) .location-img .img-m img{width: 100%;}
	.main-community ul li:nth-child(1) .location-txt {text-align: center;}
	.main-community ul li:nth-child(1) .location-txt p{float: none; font-size: 14px;}
	.main-community ul li:nth-child(1) .location-txt .more{float: none; margin: 0 auto; display: table; height: 30px; line-height: 30px; margin-top: 10px; width: 100px;}
	.main-community ul li:nth-child(1) .location-txt .more a{ font-size: 13px;}

}
/* ////////////////////////////////////////////////// mobile */
@media all and (max-width:640px) {
	/*공통*/
	.main-con-title h3{font-size: 40px;}
	/*회사소개*/
	.main-about-us{width: 90%; margin: 0 auto;}
	.main-about-us .about-txt{width: 100%; padding: 130px 20px; box-sizing: border-box; text-align: center;}
	.main-about-us h4{font-size: 20px; line-height: 30px;}
	.main-about-us .more{margin: 20px auto;}
	.main-about-us .more a{font-size: 13px;}
	.main-community{padding-top: 0; width: 90%; margin: 0 auto;}
	.main-community ul{width: 100%;}
	.main-community ul li:nth-child(1){width: 100%;}
	.main-community ul li:nth-child(2){width: 100%; border: 15px solid #f5f5f5;}
	.main-community ul li:nth-child(2) h4{font-size: 35px;}
	.main-community ul li:nth-child(1) .location-img .img-pc{display: none;}
	.main-community ul li:nth-child(1) .location-img .img-m{display: block;}
	.main-community ul li:nth-child(1) .location-img .img-m img{width: 100%;}
	.main-community ul li:nth-child(1) .location-txt {text-align: center;    height: 100%; padding: 20%;}
	.main-community ul li:nth-child(1) .location-txt p{float: none; font-size: 14px;}
	.main-community ul li:nth-child(1) .location-txt .more{float: none; margin: 0 auto; display: table; height: 30px; line-height: 30px; margin-top: 10px; width: 100px;}
	.main-community ul li:nth-child(1) .location-txt .more a{ font-size: 13px;}
	/* 메인-고객센터-지도 */
	.main-map { height: 300px;}
	.loca-box { bottom: 0; left: 0; width: 90%; padding: 5%;}
	.loca-box h3 { display: none;}
	.loca-box p { padding: 0 0 15px; font-size: 13px;}

}







/* ************************************** *
 * sub layout
 * ************************************** */
/* 서브비주얼 */
/* 서브비주얼 */
.sub-visual { position:relative; width:100%; height:350px; background:url('image/sub-visual.jpg') no-repeat center top; background-size: cover;-webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; text-align:center;}
.sub-visual .sub-title{position: absolute; top: 50%; left: 5%; width: 90%; -webkit-transform: translate(0,-50%); -ms-transform: translate(0,-50%); transform: translate(0,-50%); color: #000; text-align: center;}
.sub-visual h2 {font-size: 38px; line-height: 1.1em;  letter-spacing: -0.075em; color: #fff;}
.sub-visual p { padding: 15px 0 2px; letter-spacing: 0; font-weight: 500; color: #fff;}
.sub-visual p span { color:#3ca33e;}

/* 서브네비게이션 */
#snb .snb-list { display: table; margin: 60px auto; max-width: 1200px;}
#snb .snb-deps-num0 { margin: 60px auto 0 !important;}
#snb .snb-list li { float: left; width:  300px; text-align: center;}
#snb .snb-list li a { display: block; height: 58px; line-height: 58px; border: solid 1px #ddd; background: #f9f9f9; font-size: 16px; color: #333; box-sizing: border-box;}
#snb .snb-list li a:hover { border: solid 1px #999;}
#snb .snb-list li.on a { border: solid 3px #1e63b3; line-height: 54px; background: #fff; font-weight: 700; color: #1e63b3;}


/* 서브타이틀 */
#stle { margin: 80px 0; word-break: keep-all;}
#stle h2 { width: 80%; padding: 0 10%; font-size: 40px; color: #111; letter-spacing: -0.075em; text-align: center; }
#stle p{text-align: center; line-height: 52px; color: #666; font-size: 18px;}
#stle ul { display: table; margin: 15px auto 0;}
#stle li { float: left; font-size: 15px; color: #555; text-transform: uppercase;}
#stle li span { padding: 0 10px;}
#stle .line{width: 47px; height: 2px; background: #222; margin: 30px auto;}
#stle .his-list{display:block; margin:0 0 30px 0;}
#stle .his-list li{float:none; display:block; font-size:17px;}
/* 컨텐츠영역 */
#container { z-index: 1; width: 100%;}
.content-box {width: 1200px; margin: 0 auto 100px; min-height: 500px; -webkit-animation-name: fade; -webkit-animation-duration: 1s; animation-name: fade; animation-duration: 1s;}
@-webkit-keyframes fade {
    from { opacity: 0;}
    to { opacity: 1;}
}
@keyframes fade {
    from { opacity: 0;}
    to { opacity: 1;}
}/* ////////////////////////////////////////////////// notebook */
@media all and (min-width:991px) and (max-width:1200px) {
    /* 서브비주얼 */
    .sub-visual { height: 350px;}
    .sub-title { top: 35%;}
	/*서브타이틀*/

	#stle p{}
	/* 서브네비게이션 */
	#snb .snb-list { display: table; margin: 60px auto; max-width: 1200px;}
	#snb .snb-list li { float: left; width:  33%; text-align: center;}
	#snb .snb-list li a {width: 100%;display: block; height: 58px; line-height: 58px; border: solid 1px #ddd; background: #f9f9f9; font-size: 16px; color: #333; box-sizing: border-box;}
	#snb .snb-list li a:hover {width: 100%; border: solid 1px #999;}
	#snb .snb-list li.on a {width: 100%; border: solid 3px #1e63b3; line-height: 54px; background: #fff; font-weight: 700; color: #1e63b3;}

	/* snb */
    #snb li a { width: 140px; font-size: 14px;}
	#snb .snb-list{margin: 40px auto;}
	/* 컨텐츠내부 */
    .content-box {width: 100%; margin: 40px auto 50px; padding: 0 20px; box-sizing: border-box;}
	.content-box p{font-size: 14px;}
}
/* ////////////////////////////////////////////////// tablet & mobile */
@media all and (max-width:990px) {
    /* 서브비주얼 */
	.sub-visual p{padding: 10px 0 0;}
	/*서브타이틀*/
	#stle p{font-size: 14px; line-height: 22px; padding-top: 10px;}
    /* snb */
    #snb li { width:30.33%; margin:0 1.5% 1.5%;}
	#snb .snb-list{margin: 40px auto;}
	/* snb */
    #snb ul { width: 80%;}
    #snb li a { width: 100%; font-size:14px;}
	/* 서브네비게이션 type2:리스트타입 */
	#snb .snb-list.snb-deps-num1 li{margin-left: 0; width: 31.80%}
	#snb .snb-list li{width: 100%;}
	#snb .snb-list li a { height: 52px; line-height: 52px; font-size: 14px;}
	#snb .snb-list li.on a { line-height: 48px;}
	/* 컨텐츠내부 */
    .content-box {width: 100%; margin: 40px auto 50px; padding: 0 20px; box-sizing: border-box;}
	.content-box p{font-size: 14px;}
}
/* ////////////////////////////////////////////////// tablet */
@media all and (min-width:641px) and (max-width:990px) {
	.sub-visual p{padding: 10px 0 0;}
    /* 서브비주얼 */
    .sub-visual { height: 250px;}
    .sub-title { top:25%;}
    .sub-title h2 { font-size: 27px; top:46%;}
    .sub-title p { font-size: 15px;}
	/*서브타이틀*/
	#stle p{font-size: 14px;}
    /* snb */
    #snb ul { width: 80%;}
    #snb li a { width: 100%; font-size:14px;}
	/* 서브네비게이션 type2:리스트타입 */
	#snb .snb-list li{width: 30%;}
	#snb .snb-list li a { height: 52px; line-height: 52px; font-size: 14px;}
	#snb .snb-list li.on a { line-height: 48px;}
	/* 컨텐츠내부 */
    .content-box {width: 100%; margin: 40px auto 50px; padding: 0 20px; box-sizing: border-box;}
	.content-box p{font-size: 14px;}
}
/* ////////////////////////////////////////////////// mobile */
@media all and (max-width:640px) {
	/*stil*/
	#stle{margin: 30px 0;}
	#stle h2{font-size: 25px;}
	#stle p{font-size: 14px; line-height: 22px; padding-top: 10px;}
    /* 서브비주얼 */
    .sub-visual { height: 200px; -webkit-background-size: auto 100%; -ms-background-size: auto 100%; background-size: auto 100%;}
    .sub-title { top: 22%;}
    .sub-title h2 { font-size: 27px;  top:46%;}
    .sub-title p { font-size: 13px;}
    /* snb */
    #snb ul { width: 90%;}
    #snb li a { width: 100%; height: 44px; line-height: 44px; font-size: 14px;}
	/* 서브네비게이션 type2:리스트타입 */
	#snb .snb-list.snb-deps-num1 li{margin-left: 0; width: 31.80%}
	#snb .snb-list li{width: 30%;}
	#snb .snb-list li a { height: 52px; line-height: 52px; font-size: 14px;}
	#snb .snb-list li.on a { line-height: 48px;}
	#snb .snb-list li a{height: 40px; line-height: 40px; font-size: 12px;}
	#snb .snb-list li.on a{height: 40px; line-height: 35px; font-size: 12px;}
    /* 컨텐츠내부 */
    .content-box {width: 100%; margin: 40px auto 50px; padding: 0 20px; box-sizing: border-box;}
	.content-box p{font-size: 14px;}

}








/* ************************************** *
 * footer layout
 * ************************************** */
/* footer */
#footer { width: 100%; padding: 50px 0; border-top: solid 1px #ccc; text-align: center; overflow: hidden; margin-top: 75px; background: #222222;}
#footer address { margin-bottom: 7px; font-size: 14px; line-height: 1.6em; color: #575757;}
#footer address span { margin-right: 20px;}
#footer .copyright small { font-size: 14px; color: #444; opacity: .7;}
#footer .btn-top { display: none; z-index: 50; position: fixed; bottom: 50px; right: 50px;}
/* ////////////////////////////////////////////////// mobile */
@media all and (max-width:640px) {
	/* footer */
	#footer {padding: 40px 30px 40px; box-sizing: border-box;}
	#footer address { font-size: 13px;}
	#footer .copyright small { font-size: 12px;}
	#footer .btn-top { bottom: 25px; right: 25px;}
	#footer .btn-top button { width: 60px; line-height: 45px; font-size: 13px;}
	#footer .btn-top img{width: 100%;}
}