/* include 공통 CSS */

/************************* 공통 시작*************************/
.sub_title_navi			{display:block; }
.sub_tab						{display:none;}

/* left menu 있을때... */
/*
.sub_left								{width:15%; max-width:200px; float:left;}
.sub_right						{width:82%; padding-right:1%; float:right; position:relative;}
*/

.sub_left								{display:none; }
.sub_right						{width:100%; position:relative;}

@media(max-width:1100px){
.sub_left	{display:none;}
.sub_right					{width:100%; padding-right:0%;}
}
@media(max-width:768px){
.sub_title_navi			{display:block;}
.sub_tab						{display:none;}
}
@media(max-width:600px){
}
.content_title			{margin:65px 0 35px; text-align:center;}
.content_title h1		{font-size:48px; font-weight:700; color:#212121; line-height:1;}

.content_desc				{padding-bottom:80px; min-height:500px;}
/************************* 공통 끝 *************************/

/************************* header_inc 시작*************************/
/**/
.header_t {width:100%; margin:0 auto; position:fixed; left:0; top:0px; z-index:99; background:#fff; transition: all 300ms ease-out; border-bottom: 1px solid #ddd;}
.header_t > .inner {height:90px; display:flex; justify-content:space-between; align-items:center; position: relative; max-width:1400px; margin:0 auto;}

.header_logo					{}
.header_gnb_bg				{flex:auto;}
.header_gnb_bg .gnb {width: 850px; margin-left: 115px; padding-left: 20px;}

/* 로고 */
.header_logo a {display: block;}
.header_logo img			{width: 110px; height: auto; display: block;}
.header_logo img.mo {display: none;}

/* global navigation bar */
.menu .major ul {width:100%; display:flex; align-items:center; justify-content:space-between;}
.menu .major ul li {flex:1; text-align: center;}
.menu .major ul li a {position:relative; padding:0; color:#333; font-size:18px;}
.menu .major ul li a span {padding-bottom: 35px;}
.menu .major ul li a::after {content: ''; display: block; width: 0; height: 2px; background: transparent; position: absolute; left: 50%; bottom: -5px; transition: all 300ms ease-out;}
.menu .major ul li:hover a {color: #005d95;}
.menu .major ul li:hover a::after {width: 100%; background: #005d95; left: 0; transition: all 0.3s; font-weight: 500;}

/* gnb Hover */
.menu .major li.active{z-index:2}
.menu .major li.active a {color: #005d95; font-weight: 500;}
.menu .major li.active a::after {width: 100%; background: #005d95; left: 0;}
.menu .major li.pactive a {color: #005d95; font-weight: 500;}
.menu .major li.pactive a::after {width: 100%; background: #005d95; left: 0;}

/* 우측 */
.header_link {position: absolute; right: 0; top: 10px;}
.header_link a {color: #666; font-size: 14px; }
.header_link span {color: #666; display: inline-block; margin: 0 5px;}

.header_lang {position: relative; text-align: center; margin-top: 15px;}
.header_lang a {color: #585858; font-size: 14px;}
.header_lang .lang_btn {display: flex; align-items:center; justify-content:space-between; width: 90px; height: 34px; padding: 0 6px 0 10px; border-radius:17px; border: 1px solid #ccc; background: #fff; font-weight: 500; position: relative; z-index: 5;}
.header_lang .lang_list {position: absolute; left: 0; top: 0; width: 100%; height: 0; opacity: 0; padding: 38px 0 4px; background: rgba(255,255,255,0.95); border-radius:17px; border: 1px solid #eee; z-index: 4; line-height: 1.6;}
.header_lang .lang_btn .up {display: none;}
.header_lang .lang_btn.on .up {display: block;}
.header_lang .lang_btn.on .down {display: none;}
.header_lang .lang_list.on {height: auto; opacity: 1; transition:all 0.3s;}

.header_search {position: relative; margin-top: 15px; margin-left: 15px;}
.header_search .search_i {cursor: pointer; width: 22px; color: #ccc; transition:all 0.2s; opacity: 0.4;}
.header_search .search_i:hover {opacity: 1; transition:all 0.2s;}
.header_search .search_in {position: absolute; right: 0; top: 75px; width: 325px; height: 40px; display: none; z-index: 1;}
.header_search .search_in * {font-size: 14px;}
.header_search .search_in.on {display: block;}
.header_search .search_in form {width: 100%; height: 100%; display: flex; align-items:center; justify-content:space-between;}
.header_search .search_in #tstx {width: 78%; height: 100%; border: none; padding: 10px; color: #888; border: 1px solid #ccc;}
.header_search .search_in .btn_submit {width: 20%; height: 100%; border-radius:0; background: #005d95;}


/* all nav */
#all_nav {width: 100%; background: rgba(255,255,255,0.95); padding: 20px 0; display: none; position: fixed; top: 91px; left: 0; z-index: 3;}
#all_nav .nav_ul {width: 850px; margin: 0 auto; display: flex; justify-content:space-between; }
#all_nav .nav_ul a:hover {color: #005d95;}
#all_nav .nav_ul > li {flex:1;}
#all_nav .nav_ul h2 {font-size: 18px; font-weight: 500; margin-bottom: 10px; color: #212121;}
#all_nav .nav_ul .sub {line-height: 2;}
#all_nav .nav_ul .sub a {font-size: 16px; color: #888;}
#all_nav .nav_ul .sub a:hover {color: #212121;}
#all_nav .nav_ul li:first-of-type .sub{padding-left:8px;}
#all_nav .nav_ul li:nth-of-type(2) .sub{padding-left:4px;}
#all_nav .nav_ul li:nth-of-type(3) .sub{padding-left:3px;}
#all_nav .nav_ul li:nth-of-type(5) .sub{margin-left:-7px;}
#all_nav .nav_ul li:nth-of-type(6) .sub{margin-left:-10px;}

/* 햄벅 */
.mo_nav {width: 20px; display: none; justify-content:center; align-items:center; position: relative; z-index: 1000;}
.mo_nav *{transition: all 300ms ease;}
.mo_nav .navbar-toggle {position: relative; background-color:transparent; background-image:none; border-radius:0; border:0; padding: 0;}
.mo_nav .navbar-toggle:focus {outline: 0;}
.mo_nav .navbar-toggle {display: flex; flex-flow:row wrap; justify-content:center; align-items:center;}
.mo_nav .navbar-toggle span {display: block; width: 20px; height: 2px; background: #333;}
.mo_nav .navbar-toggle span:nth-child(2n) {margin: 5px 0;}

@media(max-width:1400px){
.header_gnb_bg .gnb {width: 64vw; margin: 0 auto;}
.menu .major ul li a {font-size: 16px;}
.header_link {right: 4%;}
.header_link a {font-size: 12px;}
.header_lang a {font-size: 13px;}
.header_lang .lang_btn {width: 80px; height: 30px; padding: 0 6px 0 10px; border-radius:15px;}
.header_lang .lang_list {padding: 32px 0 2px;}
#all_nav .nav_ul {width: 64vw;}
#all_nav .nav_ul h2 {font-size: 16px; margin-bottom: 10px;}
#all_nav .nav_ul .sub a {font-size: 14px;}
.header_lang, .header_search {margin-top: 10px;}
}

@media(max-width:1024px){
.header_t > .inner {height:70px; padding:0 3%;}
.mo_nav {display: flex;}
.header_logo {flex:1;}
.header_logo a {position: absolute; left: 50%; margin-left: -55px; top: 50%; margin-top: -18px;}
.header_gnb_bg {display: none;}
.header_link {display: none; }
.header_lang {margin-right: 3%;}
.header_lang, .header_search {margin-top: 0;}
#all_nav {display: none;}
}

@media(max-width:600px){
.header_t > .inner {height:60px;}

.header_logo a {position: absolute; left: 50%; margin-left: -45px; top: 50%; margin-top: -15px;}
.header_lang {display: none;}
}
/************************* header_inc 끝*************************/

/************************* main_inc 시작*************************/
.main_title{text-align:center; color:#212121; font-size:60px; font-weight:700;}
.sub_title{color:#585858; text-align:center; margin-top:20px; font-size:24px;}
.main_visual {position:relative; margin:0 auto;}

@media(max-width:768px){
	.main_title{font-size:42px}
	.sub_title{font-size:18px; margin-top:10px}
}@media(max-width:600px){
	.main_title{font-size:28px}
	.sub_title{font-size:16px; margin-top:5px}
}

.sec01{background:url('./img/main_sec01_bg.jpg') 50% 50% no-repeat; background-size:cover; padding:120px 0 140px;}
.sec01_main_ul{width:100%; max-width:1400px; margin:90px auto 0; display: flex;}
.sec01_main_ul>li{width:32%; background:url('./img/main_se01_img01.jpg') 50% 50% no-repeat; padding:50px 0 0 50px; height:550px; position:relative; margin:0 1%; background-size:cover;}
.sec01_main_ul>li:nth-last-of-type(2){background:url('./img/main_se01_img02.jpg') 50% 50% no-repeat; background-size:cover;}
.sec01_main_ul>li:last-of-type{background:url('./img/main_se01_img03.jpg') 50% 50% no-repeat; background-size:cover;}
.sec01_main_ul>li:after{position:absolute; content:''; display: block; width:100%; height:100%; transition:all .3s; background:rgba(0,0,0,.0); left:0; top:0; z-index: 0;}
.sec01_main_ul>li h3{font-size:48px; color:#fff; font-weight:700; text-shadow: 1px 1px 5px rgb(0 0 0 / 70%); position:relative; z-index: 10;}
.sec01_main_ul>li p{color:#fff; font-size:17px; line-height:1.6; margin-top:30px;}
.sec01_main_ul>li:hover>p{display: none;}
.sec01_main_ul>li:hover:after{background:rgba(0,0,0,.8);}

.sec01_sub_ul{position:relative; display: none; z-index: 10; padding-left:60px; margin-left:30px;}
.sec01_main_ul>li:hover .sec01_sub_ul{display: block;}
.sec01_sub_ul:after{content:''; display:block; width:1px; height:350px; background:rgba(255,255,255,.5); position:absolute; left:0; top:-26px;}
.sec01_main_ul li:nth-of-type(2) .sec01_sub_ul:after{height:252px;}
.sec01_sub_ul li{border:1px solid rgba(255,255,255,.5); margin:40px 0; font-size:16px; line-height:1; max-width:220px; position: relative;}
.sec01_sub_ul li:before{width:60px; height:1px; top:0; bottom:0; margin:auto; left:-60px; display: block; content:''; display: block; position:absolute; background-color: rgba(255,255,255,.5);}
.sec01_sub_ul li a{display: flex; justify-content:space-between; padding:20px 30px; color:#fff;}
.sec01_sub_ul li a:after{width:1px; height:0; top:0; margin:auto; left:-61px; display: block; content:''; display: block; position:absolute; background-color:#fff;}
.sec01_sub_ul li a:before{width:0; height:1px; top:0; bottom:0; margin:auto; left:-61px; display: block; content:''; display: block; position:absolute; background-color:#fff;}
.sec01_sub_ul li a img{width:20px;}

.sec01_sub_ul li:hover{border:1px solid #fff;}
.sec01_sub_ul li a:hover{background: #00a33e; transition:all 0.3s;}
.sec01_sub_ul li:nth-of-type(1) a.on:after{top: -27px; animation: before_move01 0.3s linear; animation-fill-mode: forwards;}
.sec01_sub_ul li:nth-of-type(2) a.on:after{top: -125px; animation: before_move02 0.4s linear; animation-fill-mode: forwards;}
.sec01_sub_ul li:nth-of-type(3) a.on:after{top: -223px; animation: before_move03 0.5s linear; animation-fill-mode: forwards;}
.sec01_sub_ul li:nth-of-type(4) a.on:after{top: -321px; animation: before_move04 0.55s linear; animation-fill-mode: forwards;}

.sec01_sub_ul li:nth-child(1) a.on:before {animation: after_move 0.3s linear 0.3s; animation-fill-mode: forwards;}
.sec01_sub_ul li:nth-child(2) a.on:before {animation: after_move 0.3s linear 0.4s; animation-fill-mode: forwards;}
.sec01_sub_ul li:nth-child(3) a.on:before {animation: after_move 0.3s linear 0.5s; animation-fill-mode: forwards;}
.sec01_sub_ul li:nth-child(4) a.on:before {animation: after_move 0.3s linear 0.55s; animation-fill-mode: forwards;}

@keyframes before_move01 {
	from {height: 0;}
	to {height: 56px;}
}

@keyframes before_move02 {
	from {height: 0;}
	to {height: 154px;}
}

@keyframes before_move03 {
	from {height: 0;}
	to {height: 252px;}
}

@keyframes before_move04 {
	from {height: 0;}
	to {height: 349px;}
}

@keyframes after_move {
	from {width: 0;}
	to {width: 60px;}
}
@media(max-width:1500px){
	.sec01{padding:100px 3%;}
	.sec01_main_ul{margin-top:60px;}
	.sec01_main_ul>li{padding:2% 0 0 2%;}
	.sec01_main_ul>li h3{font-size:28px;}
	.sec01_main_ul>li p{margin-top:15px; font-size:16px;}
}@media(max-width:1200px){
	.sec01_main_ul>li{padding:3%;}
	.sec01_main_ul>li p br{display: none;}
}@media(max-width:900px){
	.sec01_main_ul{flex-flow:row wrap;}
	.sec01_main_ul>li{width:100%; margin-bottom:5%; padding:5%; height:auto;}
	.sec01_main_ul>li:last-of-type{margin-bottom:0;}
	.sec01_main_ul>li:hover:after{background:rgba(0,0,0,.4);}
	.sec01_main_ul>li:after{background:rgba(0,0,0,.4);}
	.sec01_main_ul>li p{z-index: 5; position:relative;}
	.sec01_main_ul>li:hover>p{display: block;}
	.sec01_sub_ul{display: block;}
}@media(max-width:768px){
	.sec01{padding:60px 3%;}
	.sec01_main_ul{margin-top:40px;}
	.sec01_main_ul>li p{font-size:14px;}

}@media(max-width:600px){
	.sec01_main_ul>li h3{font-size:22px;}
	.sec01_main_ul>li:hover>p{font-size:14px; line-height:1.4;}
	.sec01_sub_ul li a{padding:15px 25px; font-size:14px;}
	.sec01_sub_ul:after{height:308px;}
	.sec01_main_ul li:nth-of-type(2) .sec01_sub_ul:after{height:221px;}
}
.sec02{}
.sec02_list{display:flex; flex-flow:row wrap;}
.sec02_list li{width:25%; position:relative; overflow: hidden;}
.sec02_list li .bg_img{transition:all .8s; position:absolute; left:0; right:0; top:0; margin:auto; z-index: -1;}
.sec02_list li .bg_img img{width:100%; display: block; min-height:350px;}
.sec02_list li:hover .bg_img{transform: scale(1.07);}

.sec02_list li a{ justify-content:center; color:#fff; display: flex; flex-flow: column wrap; align-items: center; text-align:center; justify-content: center; height:320px;}
.sec02_list li h2{font-size:36px; font-weight:500; line-height:1; margin-bottom:35px}
.sec02_list li p{font-size:17px; line-height:1.5; transition:all .3s;}
.sec02_list li span{display: flex; align-items: center; color:#fff; margin-top:40px; line-height: 1; opacity: 0; position: absolute; bottom:10%; transition:all .3s; font-size:15px;}
.sec02_list li a:hover span{opacity: 1; bottom:20%;}
.sec02_list li a:hover p{margin-bottom:40px;}
.sec02_list li span img{width:15px; margin:0 0 5px 10px;}

@media(max-width:1500px){
	.sec02_list li h2{font-size:32px; margin-bottom:20px;}
	.sec02_list li p{font-size:16px;}
}@media(max-width:1024px){
	.sec02_list{flex-flow:row wrap; display: flex;}
	.sec02_list li{width:50%;}
	.sec02_list li h2{font-size:32px; margin-bottom:20px;}
	.sec02_list li p{font-size:16px;}
	.sec02_list li a{height:220px; padding:12% 4%;}
}@media(max-width:768px){
	.sec02_list li h2{font-size:26px; margin-bottom:15px;}
	.sec02_list li p{font-size:15px;}
}@media(max-width:600px){
	.sec02_list li p br{display: none;}
	.sec02_list li h2{font-size:22px; margin-bottom:0;}
	.sec02_list li p{display: none;}
	.sec02_list li span{display: none;}
	.sec02_list li a{height:160px; padding:12% 4%;}
	
}

.sec03{padding:105px 0; margin:0 auto; background-color:#f1f1f1; position:relative; overflow: hidden;}
.sec03:before, .sec03:after{content:''; display: block; width:125px; height:177px; position: absolute; background:url('./img/sec03_bg01.png') 50% 50% no-repeat; left:8%; top:-5%;}
.sec03:before{background:url('./img/sec03_bg02.png') 50% 50% no-repeat; left:auto; right:8%; top:auto; bottom:-5%;}
.sec03>a{width: 220px; height: 56px; border: 1px solid #212121; padding: 0 20px; text-transform: uppercase; font-size: 16px; margin: 80px auto 0; display:block; transition: all .4s; position:relative;}
.sec03>a span{display: flex; display:flex; align-items: center; justify-content:space-between; width: 100%; height: 100%; position:relative; z-index: 2;}
.sec03>a:after{position:absolute; content:''; display: block; width:0; background:#00a33e; transition:all .4s; left:0; top:0; height:100%;}
.sec03>a:hover:after{width:100%;}
.sec03>a:hover{color:#fff; border:1px solid #00a33e;}
.sec03>a img{width:28px;}

@media(max-width:768px){
	.sec03{padding:60px 0;}
	.sec03:before, .sec03:after{background-size:cover; width:60px; height:85px; right:3%; bottom:-1%; top:auto;}
	.sec03:after{left:3%; top:-1%;}
	.sec03>a img{width:22px;}
}

.sec04{text-align:center; color:#fff; padding:60px 0 50px; transition:all .4s; position:relative; overflow: hidden;}
.sec04 h2{font-size:48px; line-height:1; margin-bottom:15px; font-weight:600;}
.sec04 p{font-size:30px; line-height:1; font-weight:300;}
.sec04 a{color:#fff; width: 220px; height: 56px; border: 1px solid #fff; padding: 0 20px; text-transform: uppercase; font-size: 16px; margin: 40px auto 0; display:block; transition: all .4s; position:relative;}
.sec04>a span{display: flex; display:flex; align-items: center; justify-content:space-between; width: 100%; height: 100%; position:relative; z-index: 2;}
.sec04>a:after{position:absolute; content:''; display: block; width:0; background:#00a33e; transition:all .4s; left:0; top:0; height:100%;}
.sec04>a:hover:after{width:100%;}
.sec04>a:hover{color:#fff; border:1px solid #00a33e;}
.sec04>a img{width:28px;}

.sec04 .sec04_bg{position:absolute; left:0; right:0; margin:auto; top:0; z-index: -1;}
.sec04 .sec04_bg img{transition:all .9s;}
@media(max-width:1500px){
	.sec04 .sec04_bg{left:-10%; right:-10%;}
}@media(max-width:1024px){
	.sec04 h2{font-size:32px;}
	.sec04 .sec04_bg{left:-20%; right:-20%;}
	.sec04 p{font-size:22px;}
}@media(max-width:768px){
	.sec04 .sec04_bg{left:-30%; right:-30%;}
	.sec04 p{font-size:16px;}
	.sec04 h2{font-size:28px;}
	.sec04{padding:40px 0;}
	.sec04 a, .sec03>a{margin-top:5%; font-size:14px; width:180px; height:50px;}
	.sec04 a span, .sec03>a span{height:50px;}
}@media(max-width:600px){

}

/************************* main_inc 끝*************************/

/************************* sub 시작 ************************/
.sub_inner{width:100%; max-width:1400px; margin:0 auto;} 
.sub_page h1.ft_ns{font-size: 48px; font-weight: 700; color: #212121; line-height: 1; text-align: center; padding-bottom:80px;}

.sub11 h2.sub_page_title{margin-top:90px; border-top:1px solid #ccc; padding:80px 0 50px; font-size:36px; color:#212121; font-weight:600; text-align:center;}

.sub11_area01 .top_area{background:#F5F5F5; padding:40px 0 190px; text-align:center;}
.sub11_area01 .top_area p{font-size:30px; }
.sub11_area01 .top_area span{font-weight:600;}

.sub11_area01 .bottom_area{margin-top:-150px;}
.sub11_area01 .bottom_area img{display: block; width:100%;}
.sub11_area01 .bottom_area p{font-size:18px; margin:30px 0 25px;}
.sub11_area01 .bottom_area p:last-child{font-size:20px; font-weight:500;}

.sub11_area02 .main_list{display: flex; justify-content: space-between;}
.sub11_area02 .main_list>li{width:48%; padding:70px 85px; background:url('./img/sub11_img02.jpg') 50% 50% no-repeat; position:relative; display: flex; flex-flow:column wrap; justify-content: center;}
.sub11_area02 .main_list>li:nth-child(2){background:url('./img/sub11_img03.jpg') 50% 50% no-repeat;}
.sub11_area02 .main_list>li h3{color:#fff; font-size:36px; margin-bottom:35px; position:relative; z-index: 1; text-align:center;}
.sub11_area02 .main_list>li>a{color:#fff; font-size:16px; border-bottom:1px solid #fff; padding:7px; margin:10px auto 0; position:relative; z-index: 1; font-weight:300; transition: all .4s;}
.sub11_area02 .main_list>li>a:hover{letter-spacing: 3px;}
.sub11_area02 .main_list>li:after{background-color:rgba(0,0,0,.7); position:absolute; content:''; display: block; width:100%; height:100%; position: absolute; left:0; top:0; z-index: 0; }
.sub_list{position:relative; z-index: 1; display: flex; flex-flow:row wrap;}
.sub_list li{color:#fff; border:1px solid #fff; width:48%; margin:0 4% 4% 0; position:relative;}
.sub_list li a{display: flex; height: 100%; justify-content: center; align-items: center; width: 100%;}
.sub_list li:nth-of-type(2n){margin-right:0;}
.sub_list li figure{display: flex; flex-flow:column wrap; align-items:center; padding:20px 0; text-align:center; height:100%; width:100%; justify-content: center;}
.sub_list li figure:hover{background:rgba(255,255,255,.15);}
.sub_list li figure figcaption:before, .sub_list li figure figcaption:after, .sub_list li figure:before, .sub_list li figure:after{display: block; content:''; position:absolute; width:4px; height:4px; background:#fff; left:0; top:0;}
.sub_list li figure figcaption:before, .sub_list li figure figcaption:after{top:auto; bottom:0;}
.sub_list li figure figcaption:before, .sub_list li figure:before{left:auto; right:0;}
.sub_list li figure figcaption{font-size:20px; color:#fff; margin-top:5px; word-break: keep-all;}

.business_area{display: flex; flex-flow:row wrap;}
.business_area ul{width:52%; border-top:1px solid #ccc; border-bottom:1px solid #ccc; max-height:350px; display: flex; flex-direction:column; justify-content: center; position: relative;}
.business_area ul:after{background:#F8F8F8; content:''; position:absolute; left:0; top:0; width:18.6%; height:100%; z-index: -1;}
.business_area ul li{display: flex; font-size:16px; border-bottom:1px solid #efefef;}
.business_area ul li:last-of-type{border:none;}
.business_area ul p{width:81.4%;  display: flex; align-items: center; padding-left:25px; font-size:15px;}
.business_area ul span{font-weight:500; width:18.6%; display: block; padding:12px 0; text-align: center;}
.business_area .img_area{width:48%;}
.business_area .img_area img{display: block; width:100%;}

.sub11 .sub11_silde{position:relative;}
.sub11 .pager_area{position: absolute; right: 0; bottom: 0; width: 100%; z-index: 9; height: 80px; width: 240px; background: rgba(0,0,0,0.5); color: #fff; display: flex; justify-content: space-around; align-items: center; text-align: center;}
.sub11 .swiper_play{display: none;}
.sub11 .swiper-button-white{width:12px; height: 22px; background-size:cover; position: static; margin:0;}
.sub11 .swiper-pagination{position: static; width: auto; font-size:14px; font-weight:300;}
.sub11 .swiper-pagination-current{font-weight:500; font-size:20px;}
.sub11 .swiper-pagination-total{font-size:20px;}
.sub11 .swiper-pagination-current:before, .sub11 .swiper-pagination-total:before{content:'0'; display: inline;}
@media(max-width:1500px){
	.sub_inner{padding:0 3%;}
	.sub11_area02 .main_list>li{padding:5% 2%;}
}@media(max-width:1300px){
	.sub_list li figure figcaption{font-size:18px}
	.sub11_area02 .main_list>li h3{font-size:30px;}

	.business_area ul{width:40%;}
	.business_area .img_area{width:60%; max-height:350px;}
}@media(max-width:1050px){
	.business_area{flex-flow:row wrap;}
	.business_area ul{width:100%;}
	.business_area .img_area{width:100%; max-height:none;}
}@media(max-width:1024px){
	.content_title h1{font-size:36px}
	.sub11_area01 .top_area p{font-size: 24px;}
	.sub11_area01 .bottom_area p{font-size:17px; word-break: keep-all;}
	.sub11_area01 .bottom_area p br{display: none;}
	.sub11_area01 .bottom_area p:last-child{font-size:19px;}
	.sub11 h2.sub_page_title{font-size:32px;}
}@media(max-width:768px){
	.content_title h1{font-size:30px}
	.sub11_area01 .top_area{padding-bottom:120px}
	.sub11_area01 .bottom_area{margin-top:-105px;}
	.sub11_area01 .top_area p{font-size: 20px;}
	.sub11_area01 .bottom_area p{font-size:16px;margin:20px 0 15px;}
	.sub11_area01 .bottom_area p:last-child{font-size:18px;}
	.sub11 .pager_area{width:200px; height:60px; }
	.sub11 .swiper-pagination-current{font-size:16px;}
	.sub11 .swiper-pagination-total{font-size:14px;}
	.sub11 h2.sub_page_title{font-size:26px; padding:40px 0 20px; margin-top:50px;}

	.sub11_area02 .main_list{flex-flow:row wrap;}
	.sub11_area02 .main_list>li{width:100%; margin-bottom:3%;}
	.sub11_area02 .main_list>li h3{margin-bottom:15px; font-size:22px;}
	.sub_list{justify-content: center;}
	.sub_list li{width:23%; margin:0 1%;}
	.sub_list li figure{padding:15px 1%;}
	.sub_list li figure figcaption{font-size:14px;}
	.sub11_area02 .main_list>li>a{font-size:14px;}

	.business_area ul li{font-size:15px;}
}@media(max-width:600px){
	.content_title h1{font-size:24px}
	.sub11 h2.sub_page_title{font-size:22px;}
	.sub11_area01 .top_area p{font-size: 18px;}
	.sub11_area01 .bottom_area p{font-size:14px;}
	.sub11_area01 .bottom_area p:last-child{font-size:15px;}

	.sub_list li figure figcaption{font-size:14px; word-break: break-all;}
}@media(max-width:400px){
	.sub11_area01 .top_area p br{display: none;}
	.sub_list li{width:48%; margin-bottom:2%;}
}

.sub12 .sub12_area{display: flex; margin-bottom:60px;}
.sub12_area .text_area{width:57%; display: flex; flex-flow:column wrap; padding-right:3%;}
.sub12_area .text_area h4{position:relative; font-size:36px; padding:30px;}
.sub12_area .text_area h4 span{font-weight:700;}
.sub12_area .text_area h4:before{content:''; display: block; position:absolute; background:url('./img/sub_deco01.png') 50% 50% no-repeat; width:25px; height:36px; left:0; top:1%;}
.sub12_area .text_area h4:after{content:''; display: block; position:absolute; background:url('./img/sub_deco02.png') 50% 50% no-repeat; width:25px; height:36px; bottom:5%; left:470px;}
.sub12_area .text_area p{font-size:16px; margin-top:30px;}
.sub12_area .text_area p:first-of-type{margin-top:40px;}
.sub12_area .text_area p:last-of-type{margin-bottom:50px;}
.sub12_area .text_area p span{font-weight:500;}
.sub12_area .text_area>span{margin-left:auto; display: flex; align-items: center; font-size:18px; margin-right:11%;}
.sub12_area .text_area span img{margin-left:20px;}
.sub12_area .img_area{width:43%; max-width:600px; position:relative; background:url('./img/sub12_img01.jpg') 50% 50%; background-size:cover;}
.sub12_area .img_area:after{content:''; display: block; border:10px solid #F6F6F6; transform:rotate(356deg); position:absolute; z-index: -1; width:510px; height:520px; top:16%; left:-8%;}
.sub12_area .img_area img{display:block; width:100%;}

@media(max-width:1500px){

}@media(max-width:1300px){
	.sub12_area .text_area h4{font-size:28px; line-height:1.4; padding:20px;}
	.sub12_area .text_area h4:after{left:380px;}
	.sub12_area .img_area:after{width:440px; height:440px; top:10%;}
	.sub12_area .text_area p:first-of-type, .sub12_area .text_area p{margin-top:20px; font-size:14px;}
	.sub12_area .text_area p:last-of-type{margin-bottom:30px;}
	.sub12_area .text_area p br{display: none;}
	.sub12_area .text_area>span{font-size:16px;}
}@media(max-width:1000px){
	.sub12_area .img_area:after{width:320px; height:440px; top:15%;}
}@media(max-width:800px){
	.sub12_area{flex-flow:row wrap;}
	.sub12_area .text_area{width:100%;}
	.sub12_area .text_area h4{font-size:20px; padding:0 0 0 25px; margin-top:30px;}
	.sub12_area .img_area{width:100%; order:-1; max-width:none; height:400px; background-position: 50% 0%;}
	.sub12_area .img_area:after{width:100%; height:100%; left:0; top:0;}
	.sub12_area .text_area h4:before{top:-15%;  width: 19px; height: 27px; background-size: cover;}
	.sub12_area .text_area h4:after{left:270px; bottom:-15%; width: 19px; height: 27px; background-size: cover;}

}

.s13 .history_wrap {padding: 0 50px; width:100%; max-width:1400px; margin:0 auto;}
.s13 .step {margin-bottom: 40px;}
.s13 .step:last-child {margin-bottom: 0;}
.s13 .step .head {text-align: center; color: #fff; font-size: 36px; padding: 70px 0; position: relative; cursor: pointer; font-weight: 500;}
.s13 .step .head span {border-bottom: 2px solid #fff; padding-bottom: 10px; text-shadow: 1px 1px 5px rgba(0,0,0,0.5);}
.s13 .step .history_list {margin-top: 40px; padding-left: 40px; position: relative;}
.s13 .step .history_list::before {content: ''; width: 1px; height: 100%; position: absolute; left: 40px; top: 15px; border-left: 1px dashed #ccc;}
.s13 .step .history_list li {font-size: 18px; line-height: 1.6; margin-bottom: 30px; padding-left: 40px; position: relative; display: flex;}
.s13 .step .history_list li::before {content: ''; display: block; width: 5px; height: 5px; background: #005d95; position: absolute; left: -2px; top: 13px;}
.s13 .step .history_list li .year {color: #005d95; font-weight: 500; padding-right: 30px;}

@media(max-width:1400px){
.s13 .step .head {font-size: 32px;}
.s13 .step .history_list li {font-size: 17px;}
.s13 .step .history_list li::before {top: 12px;}
}

@media(max-width:1024px){
.s13 .history_wrap {padding: 0%;}
.s13 .step {margin-bottom: 30px;}
.s13 .step .head {font-size: 28px; padding: 60px 0;}
.s13 .step .history_list {margin-top: 30px; padding-left: 30px;}
.s13 .step .history_list::before {left: 30px; top: 15px;}
.s13 .step .history_list li {font-size: 16px; padding-left: 30px; margin-bottom: 20px;}
.s13 .step .history_list li::before {top: 11px;}
.s13 .step .history_list li .year {padding-right: 20px;}
}

@media(max-width:800px){
.s13 .step {margin-bottom: 4%;}
.s13 .step .head {font-size: 24px; padding: 50px 0;}
.s13 .step .head span {padding-bottom: 5px;}
.s13 .step .history_list {margin-top: 4%; padding-left: 20px;}
.s13 .step .history_list::before {left: 20px; top: 10px;}
.s13 .step .history_list li {font-size: 15px; padding-left: 20px;}
.s13 .step .history_list li::before {top: 8px;}
}

@media(max-width:600px){
.s13 .step .head {font-size: 20px; padding: 12% 0;}
.s13 .step .history_list {padding-left: 10px;}
.s13 .step .history_list::before {left: 10px; top: 10px;}
.s13 .step .history_list li {margin-bottom: 20px;}
.s13 .step .history_list li .year {padding-right: 15px;}
}

.sub14_area{display: flex; flex-flow:row wrap; width:100%; padding:80px 0; border-bottom:1px solid #ccc;}
.sub14_area:first-of-type{padding-top:0;}
.sub14 .sub14_title{width:24%; font-size:34px; font-weight:500; line-height:1;}
.sub14 .content_area{width:76%; max-width:1060px;}
.sub14 .content_area h4{font-size:24px; font-weight:500;}
.sub14 .content_area p{font-size:19px; font-weight:300; line-height:1.7; padding-bottom:25px;}
.sub14 .grid_area{background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAAXNSR0IArs4c6QAAACFJREFUKFNj/Pbt238GIgAjSCEXFxcjIbWjCvGGENHBAwCupSfsdgqV5QAAAABJRU5ErkJggg==') repeat; display: flex; align-items: center; justify-content: center; padding:45px 0; border:1px solid #ccc; background-color:#fff;}

.sub14 .color_list{display: flex;}
.sub14 .color_list li{width:31%; max-width:320px; margin:20px 4.7% 30px 0;}
.sub14 .color_list li:last-of-type{margin-right:0;}
.sub14 .color_list li p{color:#585858; font-size:16px; padding:0; margin:0; line-height:1.4;}
.sub14 .color_list li .color_area{height:50px; background:#00A33E; margin-bottom:10px;}
.sub14 .color_list li .color_area.blue{background:#005E95;}
.sub14 .color_list li .color_area.orange{background:#EB6E00;}
.sub14 .color_list li .color_area.gray01{background:#485157;}
.sub14 .color_list li .color_area.gray02{background:#727171;}
.sub14 .color_list li .color_area.gray03{background:#949495;}

.sub14_area03{border-bottom:0;}
.sub14 .prohibition_list li{display: flex; align-items: center;margin-bottom:30px;}
.sub14 .prohibition_list li p{font-size:18px; padding:0; margin:0 0 0 30px; font-weight:400;}
.sub14 .prohibition_list li figure{border:1px solid #ccc; height:170px; display: flex; align-items: center; justify-content: center; width:33%; max-width:340px; margin-right:20px; position: relative; overflow: hidden;}
.sub14 .prohibition_list li figure:after{content:''; display:block; width:115%; height:2px; background:#FF0000; transform: rotate(154deg); position:absolute;}
.sub14 .content_area p.notice{color:#DA0F18; font-size:16px; font-weight:400;}
.sub14 a.down_btn{background:#00A33E; color:#fff; font-size:18px; font-weight:400; display: flex; align-items: center; justify-content: space-around; width:220px; height:60px; padding:15px 30px; margin:80px auto 0;}
.sub14 a.down_btn img{margin-left:10px;}
figure.bg01{background-color:#EB6C01;}
figure.bg02{background-color:#212121;}
figure.bg03{background:url('./img/sub14_icon08_bg.png') 50% 50% no-repeat; background-size:cover;}
figure.bg04{background-color:#0B699F;}

.sub14 .sub14_bottom_inner{background:#F8F8F8; padding:80px 0;}
.guide_list{margin-bottom:30px;}
.guide_list li{font-size:20px; font-weight:300; line-height:1.8;}
.sub14_area04 .grid_area{padding:70px 0;}

.sub14_area05{padding-bottom:0; border-bottom:0;}
.sub14_area05 a.down_btn{margin-top:50px;}

@media(max-width:1500px){
	.sub14_area{padding:70px 3%;}
	.sub16_area01 img{display: block; width:100%;}
}@media(max-width:1300px){
	.sub14 .sub14_title{font-size:30px;}
	.sub14 .content_area p{font-size:17px;}
	.sub14 .content_area h4{font-size:20px;}
	.guide_list li{font-size:17px;}
}@media(max-width:1024px){
	.sub14 .sub14_title{width:100%;}
	.sub14 .content_area{width:100%; margin-top:15px;}
	.sub_page h1.ft_ns{font-size:36px;}
}@media(max-width:768px){
	.sub14 .sub14_bottom_inner{padding:50px 0;}
	.content_title{margin:40px auto 20px;}
	.sub14 .sub14_title{font-size:22px;}
	.sub14 .content_area p{font-size:15px; padding-bottom:15px;}
	.sub14 .content_area h4{font-size:18px;}
	.guide_list li{font-size:15px;}
	.guide_list{margin-bottom:15px;}
	.sub14_area{padding:50px 3%;}
	.sub14 .color_list li p{font-size:14px;}
	.sub14 .color_list li{margin:15px 4.7% 20px 0;}
	.sub14 .prohibition_list li{flex-flow:row wrap; margin-bottom:3%;}
	.sub14 .prohibition_list li figure{width:48%; margin:0 1%;}
	.sub14 .prohibition_list li p{width:100%; text-align: center; margin:2% 0 0; font-size:15px;}
	.sub14 .content_area p.notice{font-size:14px;}
	.sub14 a.down_btn{margin:20px auto 0; font-size:15px; max-width: 180px; height: 45px;}
	.sub_page h1.ft_ns{font-size:30px;}
}@media(max-width:600px){
	.sub14 .prohibition_list li figure img, .sub14 .grid_area img{width:80%; display: block;}
}

.sub15_area01{display: flex; justify-content: center; flex-flow:column wrap; width:100%; max-width:1000px; margin:0 auto;}
.sub15_area01>h3{font-size:30px; font-weight:300; line-height:1; position:relative; text-align:center; padding-bottom:5px; border-bottom:1px solid #212121; margin:55px auto 80px; display: inline-block;}
.sub15_area01>h3:after{content:''; display: block; width:460px; height:146px; background:url('./img/sub15_icon_bg.svg') no-repeat 50% 50%/cover; position:absolute; left:0; right:0; top:50%; transform: translateY(-50%); margin:auto;}

.sub15_area01>p{background:#F8F8F8; font-size:20px; text-align:center; padding:25px 0; word-break: keep-all;}
.sub15_area01 ul{display: flex; flex-flow:row wrap; justify-content: space-evenly; margin:100px 0 160px;}
.sub15_area01 ul li{width:33%; max-width:260px; background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAADNJREFUKFNj9N+f/H+j41xGBhwALIFPEVwnLkUoRmNThGE3uiKsjkNWhNP1MEU4FcB8BwBWGh5531XnUgAAAABJRU5ErkJggg==') repeat; background-color:rgba(30,160,57,.93);height:260px; transform: rotate(45deg); display: flex; align-items: center; justify-content: center;}
.sub15_area01 ul li:nth-child(2){ background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAADNJREFUKFNjVK1e+/92azAjAw4AlsCnCK4TlyIUo7EpwrAbXRFWxyErwul6mCKcCmC+AwBRSh5Vc2IyJQAAAABJRU5ErkJggg==') repeat; background-color:rgba(1,95,150,.93);}
.sub15_area01 ul li:nth-child(3){ background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAADNJREFUKFNj/NCu/V+g8iojAw4AlsCnCK4TlyIUo7EpwrAbXRFWxyErwul6mCKcCmC+AwBc4h6qj4hc4gAAAABJRU5ErkJggg==') repeat; background-color:rgba(235,110,1,.93);}
.sub15_area01 ul li p{transform: rotate(-45deg); color:#fff; font-size:24px; text-align: center;}

.sub15_area02{display: flex; flex-flow: column wrap; align-items: center;}
.sub15_area02>h2{font-size:30px; text-align:center; display: inline-flex; font-weight:500; position:relative;}
.sub15_area02>h2:before, .sub15_area02>h2:after{display:block; content:'';  position: absolute; background: url('./img/sub_deco01.png') 50% 50% no-repeat; width: 25px; height: 36px; left:-6%; top:0; bottom:0; margin:auto; z-index: -1;}
.sub15_area02>h2:after{background: url('./img/sub_deco02.png') 50% 50% no-repeat; left:auto; right:-6%;}
.sub15_area02 ul{display: flex; width:100%; justify-content: center;}
.sub15_area02 li{width:33.33%; display: flex; flex-flow:column wrap; align-items: center; border:1px solid #ccc; margin-top:40px; padding:40px 30px 50px; margin-right:-1px;}
.sub15_area02 li h4{font-size:18px; font-weight:500; line-height:1.4; text-align: center; word-break: keep-all;}
.sub15_area02 li img{margin:50px auto;}
.sub15_area02 li p{font-size:16px; margin-bottom:6px; align-self: flex-start; transform: rotate(0.029deg);}
.sub15_area02 li span{font-size:14px; margin-bottom:8px; font-weight:300; align-self: flex-start; word-break: keep-all; display: flex;}
.sub15_area02 li span:before{content:''; display: block; margin:11px 4px 0 3px; width:4px; height:1px; background:#666;}

@media (max-width:1300px) {
	.sub15_area01>h3{font-size:24px;}
	.sub15_area02>h2{font-size:22px; word-break:keep-all ;}
}@media (max-width:1050px) {
	.sub15_area01 ul li{width:230px; height:230px;}
	.sub15_area01 ul li p{font-size:20px;}
}@media (max-width:900px) {
	.sub15_area01 ul li{width:180px; height:180px;}
	.sub15_area01 ul li p{font-size:18px;}
}@media (max-width:768px) {
	.sub15_area01>h3{font-size:1.3rem; margin:45px auto 70px; word-break: keep-all;}
	.sub15_area02>h2{font-size:20px;}
	.sub15_area01>p{font-size:17px; padding:8% 2%;}
	.sub15_area01 ul{margin:60px auto 90px;}
	.sub15_area02 ul{flex-flow:row wrap;}
	.sub15_area02 li{width:100%; padding:4%; margin-left:0; margin-top:5%;}
	.sub15_area02 li h4{font-size:16px;}
}@media (max-width:600px) {
	.sub15_area01>h3:after{width:100%; height:26vw;}
	.sub15_area01>p{font-size:.9rem;}
}@media (max-width:460px) {
	.sub15_area02>h2{width:70%;}
	.sub15_area02>h2:after{right:-10%;}
	.sub15_area02>h2:before{left:-10%;}
}


.sub17_area{display: flex; flex-flow:row wrap; width:100%; padding:80px 0; border-bottom:1px solid #ccc;}
.sub17_area:first-of-type{padding-top:0;}
.sub17 .sub17_title{width:24%; font-size:34px; font-weight:500; line-height:1;}
.sub17 .content_area{width:76%; max-width:1060px;}
.sub17 .content_area h4{font-size:24px; font-weight:500; margin-top:40px; line-height:1.8}
.sub17 .sub17_area02 .content_area h4:first-of-type{margin-top:0;}
.sub17 .content_area p{font-size:18px; font-weight:300; line-height:1.8;}
.sub17 a.down_btn{background: #00A33E; color: #fff; font-size: 18px; font-weight: 400; display: flex; align-items: center; justify-content: space-between; max-width: 220px; height: 60px; padding: 15px 30px; margin: 45px auto 0; width:100%;}

.sub17_area01 ul{display: flex; justify-content: space-between;}
.sub17_area01 ul li{width:20%; max-width:200px; border:1px solid #ccc; padding:30px 0; position:relative;}
.sub17_area01 ul li:after{content:''; display:block; width:8px; height:14px; background:url('./img/arrow_next.png') 50% 50% no-repeat; position:absolute; top:0; bottom:0; right:-20%; margin:auto;}
.sub17_area01 ul li:last-of-type:after{display:none;}
.sub17_area01 ul li figure{display: flex; align-items: center; flex-flow:column wrap; justify-content: center;}
.sub17_area01 ul li figcaption{font-size:20px; margin-top:5px;}

.sub17_area02 p{margin-bottom:40px;}
.sub17_area02 p:last-of-type{margin:0;}

.sub17_area03 .content_area h4{margin:0; font-size:20px;}
.sub17_area03 ul{display: flex; flex-flow:row wrap;}
.sub17_area03 li{width:49%; margin:0 2% 2% 0; border:1px solid #ccc; display: flex; flex-flow:row wrap; align-items: center; padding:30px;}
.sub17_area03 li:nth-of-type(2n){margin-right:0;}
.sub17_area03 li img{width:20%; max-width:57px; height:auto; display: block;}
.sub17_area03 li div.text_area{width:80%; padding-left:30px;}


@media(max-width:1500px){
	.sub17_area{padding:70px 3%;}
}@media(max-width:1300px){
	.sub17 .sub17_title{font-size:30px;}
	.sub17 .content_area p{font-size:17px;}
	.sub17 .content_area h4{font-size:20px;}
}@media(max-width:1024px){
	.sub17 .sub17_title{width:100%;}
	.sub17 .content_area{width:100%; margin-top:15px;}
}@media(max-width:768px){
	.sub17 .sub17_bottom_inner{padding:50px 0;}
	.sub17 .sub17_title{font-size:22px;}
	.sub17 .content_area p{font-size:15px;}
	.sub17 .sub17_area02 .content_area h4:first-of-type, .sub17 .content_area h4{font-size:18px; margin-top:20px;}
	.sub17_area{padding:50px 3%;}
	.sub17_area01 ul li{padding:4% 0;}
	.sub17_area01 ul li figcaption{font-size:15px;}
	.sub17 a.down_btn{margin:20px auto 0; font-size:15px; max-width: 180px; height: 45px;}
	.sub17_area03 li{padding:5%;}
	.sub17_area03 li img{width:100%; margin:0 auto;}
	.sub17_area03 li div.text_area{width:100%; text-align: center; padding:0;}
}@media(max-width:650px){
	.sub17_area02 .content_area figure img{width:96%; display: block; margin:0 auto;}
}@media(max-width:600px){
	.sub17_area01 ul{flex-flow:row wrap;}
	.sub17_area01 ul li{width:44%; max-width:none; margin-bottom:5%;}
	.sub17_area01 ul li:after{right:-15%;}
	.sub17_area01 ul li:nth-of-type(2n):after{display: none;}
}

.sub18 .tap_btn{display: flex; justify-content: center; margin-bottom:80px;}
.sub18 .tap_btn li{width:30%; max-width:180px; text-align: center;}
.sub18 .tap_btn li a{padding:8px 0; border-bottom:3px solid #aaa;  font-size:24px; color:#aaa; width: 100%; display: block;}
.sub18 .tap_btn li.on a{color:#212121; border-bottom:3px solid #005E95;}

.sub18 .tap_content li{display: flex; flex-flow:row wrap; width:100%; display: none;}
.sub18 .tap_content li:first-of-type{display: flex;}
.sub18 .map{width:100%; margin-bottom:30px;}
.sub18 .map iframe{width:100%;}
.sub18 .sub18_title{width:24%; font-size:34px; font-weight:500; line-height:1;}
.sub18 .content_area{width:76%; max-width:1060px;}
.sub18 .content_area h4{font-size:20px; font-weight:500; line-height:1; margin-bottom:13px;}
.sub18 .content_area p{font-size:20px; line-height:1.8; margin-bottom:30px; font-weight:300; padding-left:10px;}
.sub18 .content_area li{display: flex; align-items: center; font-size:18px; line-height:1.6; font-weight:300; margin-bottom:10px;}
.sub18 .content_area li span{border-radius:20px; display: inline-block; color:#fff; line-height:1; background: linear-gradient(#0DA74D, #0E76DB); font-size:18px; padding:8px 0; text-align: center; width:120px; margin:0 20px 0 10px;}
.sub18 .content_area li span.subway01{background:#96710A;}
.sub18 .content_area li span.subway02{background:#A71E31;}
.sub18 .content_area li span.bus01{background:#F73617;}



@media(max-width:1500px){
	.sub18_area{padding:70px 3%;}
}@media(max-width:1300px){
	.sub18 .sub18_title{font-size:30px;}
	.sub18 .content_area p{font-size:17px;}
	.sub18 .content_area h4{font-size:20px;}
}@media(max-width:1024px){
	.sub18 .sub18_title{width:100%;}
	.sub18 .content_area{width:100%; margin-top:15px;}
}@media(max-width:768px){
	.sub18 .tap_btn{margin-bottom:50px;}
	.sub18 .tap_btn li a{font-size:20px;}
	.sub18 .sub18_title{font-size:22px;}
	.sub18 .content_area p{font-size:15px; margin-bottom:10px;}
	.sub18 .content_area h4{font-size:18px; margin-top:20px;}
	.sub18_area{padding:50px 3%;}
	.sub18 .map iframe{height:380px;}
}@media(max-width:600px){
	.sub18 .tap_btn li a{font-size:17px;}
}

.sub21 img{display: block; width:100%;}
.sub21 .top_area{width:100%; overflow:hidden; position:relative;}
.sub21 .pager_area{position:absolute; right:0; bottom:0; width:100%; z-index: 9; height: 80px; width: 240px; background: rgba(0,0,0,0.5); color: #fff; display: flex; justify-content: space-around; align-items: center; text-align: center;}
.sub21 .swiper_play{display: none;}
.sub21 .swiper-button-white{width:12px; height: 22px; background-size:cover; position: static; margin:0;}
.sub21 .swiper-pagination{position: static; width: auto; font-size:14px; font-weight:300;}
.sub21 .swiper-pagination-current{font-weight:500; font-size:20px;}
.sub21 .swiper-pagination-total{font-size:20px;}
.sub21 .swiper-pagination-current:before, .sub21 .swiper-pagination-total:before{content:'0'; display: inline;}

.sub21 .bottom_area{display: flex; margin-top:50px;}
.sub21 .btn_area{width:48%; max-width:620px; background:#07A33F; color:#fff; padding:40px 0 50px;}
.sub21 .btn_area h3{font-size:36px; line-height:1; font-weight:500; text-align: center; margin-bottom:25px;}
.sub21 .btn_area ul{display: flex; flex-flow:row wrap; align-items: center; justify-content: center;}
.sub21 .btn_area ul li{border:1px solid #fff; width:45%; margin:0 1.5% 2%;}
.sub21 .btn_area ul li a{color:#fff; display: flex; align-items: center; justify-content: center; height:50px; font-size:20px; text-align:center;}
.sub21 .btn_area ul li a:hover{background:rgba(255,255,255,.1)}
.sub21 .text_area{width:56%; margin-left:80px;}
.sub21 .text_area p{font-size:18px; line-height:1.6; font-weight:400;}

.sub21_2 .btn_area{background:#EA6D00;}


@media(max-width:1500px){
	.sub21 .text_area p{font-size:17px;}
	.sub21 .btn_area ul li a{font-size:18px;}

}@media(max-width:1300px){
	.sub21 .text_area p br{display: none;}
	.sub21 .text_area{margin-left:5%;}
	.sub21 .text_area p{font-size:16px;}
	.sub21 .btn_area ul li a{height:60px; font-size:17px;}
	.sub21 .btn_area h3{font-size:30px;}
}@media(max-width:1024px){

}@media(max-width:768px){
	.sub21 .bottom_area{display:flex; flex-flow:row wrap;}
	.sub21 .btn_area{width:100%; max-width:none; padding:6% 0;}
	.sub21 .btn_area h3{font-size:22px; margin-bottom:15px;}
	.sub21 .text_area{width:100%; margin:3% 0 0 0;}
	.sub21 .pager_area{ width: 200px; height: 60px;}
	.sub21 .swiper-pagination-current{font-size:16px;}
	.sub21 .swiper-pagination-total{font-size:14px;}
	.sub21 .btn_area ul li a{font-size:16px;}
}@media(max-width:600px){
	.sub21 .text_area p{font-size:14px;}
	.sub21 .btn_area{padding:8% 0;}
}

.sub22_area01{background:#F5F5F5; padding:40px 50px 55px; margin-bottom:80px;}
.sub22_area01 h4{font-size:30px; font-weight:500; margin-bottom:15px;}
.sub22_area01 p{font-size:18px; font-weight:300; line-height:1.8;}
.sub22_area01 span{font-weight:400;}

.sub22_area02{margin-bottom:80px;}

.sub22 .sub22_area{display: flex; flex-flow:row wrap;}
.sub22 .sub22_title{ width: 11%; font-size: 30px; font-weight: 500; line-height: 1;}
.sub22 .content_area{ width: 89%; max-width: 1240px;}
.sub22 .content_area table {width: 100%; border-bottom: 1px solid #212121;}
.sub22 .content_area table tr.developing{background:#F8FAFC;}
.sub22 .content_area table th {font-size: 18px; padding: 15px 0; font-weight: 500; border-top: 2px solid #005d95; border-bottom: 1px solid #ccc; background: #fafafa;}
.sub22 .content_area table td {font-size: 15px; padding: 12px 0; border-top: 1px solid #eee; text-align: center; line-height: 1.4;}
.sub22 .content_area table td.content{text-align:left; padding-left:30px;}
.sub22 .content_area .table01 table td:last-child {text-align: left; padding-left: 20px; padding-right: 10px;}
.sub22 .content_area .table02 table td:first-child {text-align: left; padding-left: 20px; padding-right: 20px;}

@media(max-width:1500px){
	.sub22{padding:0 3%;}
}@media(max-width:1300px){
	.sub22 .sub22_area03.sub_inner, .sub22 .sub22_area02.sub_inner{padding:0;}
	.sub22_area01{font-size: 17px; line-height: 1.6; padding: 40px;}
	.sub22_area01 br {display: none;}
	.sub22_area01 span{display: block;}
	.sub22_area01 h4 {font-size: 26px;}
	.sub22 .sub22_title{width:100%; font-size:26px; margin-bottom:30px;}
	.sub22 .content_area{width:100%;}
}@media(max-width:1024px){
	.sub22 {padding: 4%;}
	.sub22_area01 h4 {font-size: 20px; margin-bottom:10px;}
	.sub22_area01 span, .sub22_area01 p{margin-bottom: 10px; font-size: 16px;}
	.sub22_area01 p:last-child {margin-bottom: 0;}
	.sub22 .content_area {margin-top: 0;}
	.sub22 .content_area .table01 {margin: 8% 0;}
	.sub22 .content_area section h2 {font-size: 20px;}
	.sub22 .content_area table th {font-size: 16px; padding: 15px 0;}
	.sub22 .content_area table td {font-size: 14px; padding: 12px 0;}
}

@media(max-width:768px){
	.sub22_area01{margin-bottom:40px;}
	.sub22_area01 h4 {font-size: 18px; margin-bottom:8px;}
	.sub22_area01 {padding: 5%;}
	.sub22_area01 span, .sub22_area01 p{margin-bottom: 5px; font-size: 14px;}

	.sub22 .sub22_title{margin-bottom:20px; font-size:22px;}
	.sub22 .content_area .table01 {margin: 10% 0;}
	.sub22 .content_area section h2 {font-size: 18px;}
	.sub22 .content_area table th {font-size: 14px; padding: 12px 0;}
	.sub22 .content_area table td {font-size: 13px; padding: 10px 0;}
	.sub22 .content_area .table02 table td:first-child {padding-left: 10px; padding-right: 10px;}
	.sub22_area02{margin-bottom:40px;}
}

@media(max-width:600px){
	.sub22 .sub22_title{margin-bottom:15px; font-size:20px;}
	.sub22 .content_area .table01 {margin: 12% 0;}
	.sub22 .content_area section h2 {font-size: 18px;}
	.sub22 .content_area table th {font-size: 14px; padding: 12px 5px;}
	.sub22 .content_area table td {font-size: 13px; padding: 10px 5px;}
	.sub22 .content_area .table02 col:first-child {width: 60%;}
}

.s23{width:100%; max-width:1400px; margin:0 auto;}
.s23 .sub23_area01>p{text-align: center; font-size: 18px; font-weight: 300; line-height: 1.6; margin-top: -20px; margin-bottom: 60px;}
.s23 .sub23_area01>p br {display: none;}
.s23 .logos {display: flex; flex-flow:row wrap; justify-content:space-around; align-items:center; padding: 0 10%;}
.s23 .logos img {max-height:176px; height: 120px;}
.s23 .webzine_wrap {border-top: 2px solid #005d95; margin-top: 80px;}
.s23 .webzine_wrap > li {border-bottom: 1px solid #ccc; padding: 40px; display: flex; flex-flow:row wrap; align-items:center; justify-content:space-between;}
.s23 .webzine_wrap > li .img {width: 177px; height: 250px; border: 1px solid #ccc;}
.s23 .webzine_wrap > li .txt {width: 70%; padding: 0 20px;}
.s23 .webzine_wrap > li .txt h1 {font-size: 20px; margin-bottom: 10px; font-weight: 500;}
.s23 .webzine_wrap > li .txt p {font-size: 18px; font-weight: 300; line-height: 1.6;}
.s23 .webzine_wrap > li .txt ul {margin-top: 40px; font-size: 16px; line-height: 1.8; font-weight: 300;}
.s23 .webzine_wrap > li .txt ul li::before {content: '·'; display: inline-block; margin-right: 10px;}
.s23 .webzine_wrap > li .more a {display: block; width: 100px; text-align: center; background: #005d95; color: #fff; padding: 20px 0; font-size: 16px; line-height: 1.6;}

.s23 .view_wrap {position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 999; background: rgba(0,0,0,0.7); text-align: center; display: flex; align-items:center; justify-content:center;}
.s23 .view_wrap .img_view {display: inline-block; position: relative;}
.s23 .view_wrap .close_btn {color: #fff; font-size: 30px; position: absolute; right: -40px; top: 0; cursor: pointer;}

@media(max-width:1400px){
.s23 .logos {padding: 0 5%;}
.s23 .logos img {height: 100px;}
.s23 .webzine_wrap > li {padding: 30px;}
.s23 .webzine_wrap > li .txt {width: 65%;}
}

@media(max-width:1024px){
.s23 .s_subtit br {display: block;}
.s23 .logos {padding: 0;}
.s23 .logos img {height: 80px;}
.s23 .webzine_wrap {margin-top: 8%;}
.s23 .webzine_wrap > li {padding: 3%;}
.s23 .webzine_wrap > li .img {width: 141px; height: 200px;}
.s23 .webzine_wrap > li .txt {width: 65%;}
.s23 .webzine_wrap > li .txt h1 {font-size: 19px; margin-bottom: 5px;}
.s23 .webzine_wrap > li .txt p {font-size: 16px;}
.s23 .webzine_wrap > li .txt ul {margin-top: 20px; font-size: 14px;}
.s23 .webzine_wrap > li .more a {width: 80px; padding: 15px 0; font-size: 14px;}
}

@media(max-width:800px){
.s23 .logos img {height: 70px;}
.s23 .webzine_wrap {margin-top: 10%;}
.s23 .webzine_wrap > li {padding: 4%;}
.s23 .webzine_wrap > li .img {display: none;}
.s23 .webzine_wrap > li .txt {width: 85%; padding-left: 0;}
.s23 .webzine_wrap > li .txt h1 {font-size: 17px;}
.s23 .webzine_wrap > li .txt p {font-size: 14px;}
.s23 .webzine_wrap > li .txt ul {margin-top: 10px; font-size: 13px; line-height: 1.6;}
.s23 .webzine_wrap > li .more {width: 15%;}
.s23 .webzine_wrap > li .more a {width: 100%; padding: 15px 0; font-size: 14px;}

.s23 .view_wrap .img_view {width: 70%; margin: 0 auto;}
.s23 .view_wrap .img_view img {width: 100%; height: auto;}
.s23 .view_wrap .close_btn {font-size: 20px; right: -25px;}
}

@media(max-width:600px){
.s23 .logos img {height: 50px;}
.s23 .webzine_wrap > li {padding: 4%;}
.s23 .webzine_wrap > li .txt {width: 85%; padding-left: 0;}
.s23 .webzine_wrap > li .txt ul li::before {margin-right: 5px;}
.s23 .webzine_wrap > li .more {width: 15%;}
.s23 .webzine_wrap > li .more a {width: 100%; padding: 10px 0; font-size: 13px;}

.s23 .view_wrap .img_view {width: 70%; margin: 0 auto;}
.s23 .view_wrap .img_view img {width: 100%; height: auto;}
}

.sub24 h2{font-size:30px; font-weight:500; position:relative; padding-left:10px; margin-bottom:20px;}
.sub24 h2:after{content:''; display: block; height:30px; width:3px; background:#005d95; position:absolute; left:0; top:0;}
.sub24 h2:before{content:''; display: block; height:3px; width:6px; background:#005d95; position:absolute; left:0; top:0;}

.sub24_area01, .sub24_area02{margin-bottom:80px;}

@media(max-width:1300px){
	.sub24 h2{font-size:28px;}
}@media(max-width:768px){
	.sub24 h2{font-size:24px;}
	.sub24 h2:after{height:20px;}
	.sub24_area01, .sub24_area02{margin-bottom:40px;}
}@media(max-width:600px){
	.sub24 h2{font-size:20px;}
}



.s52 .pr_wrap {background: url("img/pr_bg.jpg") no-repeat center; background-size: cover; width:100%; max-width:1400px; margin:5% auto 0;}
.s52 .pr_wrap ul {display: flex; justify-content:space-between;}
.s52 .pr_wrap ul li {width: 18%; background: rgba(0,0,0,0.6); text-align: center;  padding: 80px 0;}
.s52 .pr_wrap ul li.between {width: 2.5%; background: #fff; padding: 0;}
.s52 .pr_wrap ul li.between:hover {background: #fff;}
.s52 .pr_wrap ul li a {display: block; text-shadow: 1px 1px 5px rgba(0,0,0,0.5); color: #fff;}
.s52 .pr_wrap ul li p {font-size: 24px; text-shadow: 1px 1px 5px rgba(0,0,0,0.5); color: #fff;}
.s52 .pr_wrap ul li a span {display: block; width: 150px; font-size: 18px; border: 1px solid #fff; color: #fff; padding: 8px 0; margin: 20px auto 160px; letter-spacing: 3px;}
.s52 .pr_wrap ul li a img {display: block; margin: 0 auto; width: 40px;}
.s52 .pr_wrap ul li:hover {background: rgba(0,0,0,0.2);}

.s52 .video_pop {display: none; position: fixed; left: 0; top: 0; z-index: 99; width: 100%; height: 100%; background: rgba(0,0,0,0.5); padding-top: 140px;}
.s52 .video_pop .inner {width: 1000px; background: #fff; padding: 30px; box-shadow:1px 1px 5px rgba(0,0,0,0.5); margin:0 auto;}
.s52 .video_pop h1 {display: flex; justify-content:space-between; align-items:center; font-size: 24px; border-bottom: 1px solid #ccc; padding-bottom: 20px; margin-bottom: 20px; line-height: 1;}
.s52 .video_pop h1 i {cursor: pointer;}
.s52 .video_pop iframe {width: 100%; height: 530px;}

@media(max-width:1400px){
.s52 .pr_wrap ul li {padding: 7% 0;}
.s52 .pr_wrap ul li p {font-size: 20px;}
.s52 .pr_wrap ul li a span {width: 120px; font-size: 16px; margin: 10px auto 100px;}
.s52 .pr_wrap ul li a img {width: 35px;}

.s52 .video_pop .inner {width: 800px; padding: 30px;}
.s52 .video_pop h1 {font-size: 20px; padding-bottom: 20px; margin-bottom: 20px;}
.s52 .video_pop iframe {height: 420px;}
}

@media(max-width:1024px){
.s52 .pr_wrap ul li {padding: 10% 0;}
.s52 .pr_wrap ul li p {font-size: 18px;}
.s52 .pr_wrap ul li a span {width: 100px; font-size: 14px; margin: 10px auto 80px;}
.s52 .pr_wrap ul li a img {width: 30px;}

.s52 .video_pop {padding-top: 100px;}
.s52 .video_pop .inner {width: 700px; padding: 20px;}
.s52 .video_pop h1 {font-size: 18px; padding-bottom: 15px; margin-bottom: 15px;}
.s52 .video_pop iframe {height: 370px;}
}

@media(max-width:800px){
.s52 .pr_wrap ul li {width: 19%;}
.s52 .pr_wrap ul li.between {width: 1.25%;}
.s52 .pr_wrap ul li:hover {background: rgba(0,0,0,0.6);}
.s52 .pr_wrap ul li p {font-size: 16px;}
.s52 .pr_wrap ul li a span {width: 80px; font-size: 14px; padding: 5px 0; margin: 10px auto 60px; letter-spacing: 0;}
.s52 .pr_wrap ul li a img {width: 25px;}

.s52 .video_pop {padding-top: 100px;}
.s52 .video_pop .inner {width: 550px; padding: 15px;}
.s52 .video_pop h1 {font-size: 16px; padding-bottom: 10px; margin-bottom: 10px;}
.s52 .video_pop iframe {height: 285px;}
}

@media(max-width:600px){
.s52 .pr_wrap {margin-top: 8%;}
.s52 .pr_wrap ul {flex-flow:column wrap; height: 550px;}
.s52 .pr_wrap ul li {width: 100%; height: 18%; padding: 0;}
.s52 .pr_wrap ul li.between {width: 100%; height: 2.5%;}
.s52 .pr_wrap ul li p {font-size: 14px; font-weight: 300; display: none;}
.s52 .pr_wrap ul li a {height: 100%; display: flex; flex-flow:column wrap; align-items:center; justify-content:center;}
.s52 .pr_wrap ul li a span {width: auto; font-size: 18px; padding: 0; border: 0; margin: 0; letter-spacing: 0;}
.s52 .pr_wrap ul li a img {margin-top: 10px;}

.s52 .video_pop {padding-top: 20vw;}
.s52 .video_pop .inner {width: 90%; padding: 10px;}
.s52 .video_pop iframe {height: 45vw;}
}


/************************* title_navi 시작 *************************/
.navi_all {width:100%; margin:0 auto; background:#fff; height:50px; border-bottom:1px solid #ddd; }
.navi_in	{margin:0 auto; padding:0;max-width:1280px; margin:0 auto;}
.navi_in:after		{clear:both; content:''; display:block; width:100%;}

.home_btn_all						{float:left; width:10%; max-width:50px;  border-right:1px solid #efefef;}
.home_btn_all a					{display:block; height:49px; line-height:50px; text-align:center;}
.home_btn_all a:hover		{background:#f8f8f8; }
.home_btn_all a img			{max-width:100%; height:auto; vertical-align:middle;}

.navi_left					{float:left; width:90%; max-width:550px;}
.navi_left:after		{clear:both; content:''; display:block; width:100%;}
.navi_left div			{float:left;}

.navi_main		{width:50%; max-width:250px; padding:0 0 0 0; height:50px; position:relative; line-height:50px;  cursor:pointer; border-right:1px solid #efefef;}
.navi_title01	{padding:0 0 0 0; height:40px; width:100%; position:relative; line-height:50px; }
.navi_title01 h1 {color:#777; font-size:14px; margin-left:10px; width:100%;}
.navi_title01 h1.sub_menu:hover { color:#212121; }

.navi_main h1 { color:#777; font-size:14px; margin-left:10px;}
.navi_main h1.sub_manu:hover { color:#212121; }
.navi_main > .deco_right { float:right;  }

.navi_main >a.down_btn1	{position:absolute; right:10px; top:0px;}
.navi_main >a.down_btn2	{position:absolute; right:10px; top:0px;}
.navi_main >a.down_btn3	{position:absolute; right:10px; top:0px;}

.h1_focus	{color:#333 !important;;}

.navi_sub {width:50%; max-width:250px; padding:0; height:50px; line-height:50px; position:relative; cursor:pointer; border-right:1px solid #efefef;}
.navi_sub > h2						{ color:#212121; font-size:14px;  cursor:pointer; margin-left:10px;}
.navi_sub>a.down_btn4	{position:absolute; right:10px; top:0px; }

.navi_sub > p						{float:right; }

.extend1							{position:relative; top:-1px; width:100%; }
.extend1 > ul				{position:absolute;left:-1px; min-height:1px;width:100%;padding-left: 0px; padding:0px 0 10px 0; border-top:0;z-index: 999; background:#fff; border:1px solid #efefef; display:none;}
.extend1 > ul a { text-decoration:none; }


.extend2							{position:relative; top:-1px; width:100%;}
.extend2 > ul				{position: absolute;left:-1px; min-height:1px; width:100%; padding-left:0px; z-index: 999; background:#fff; border:1px solid #efefef; display:none; padding:0px 0 10px 0; }
.extend2 > ul a { text-decoration:none; }
.extend2 h1 { }

/*
position:absolute; left:-20px; min-height:1px; width:256px; padding-left:20px;  border-top:1px solid #efefef; z-index:999; background:#ddd; 
*/

.extend > ul > li		{min-height:20px;}
.down_btn			{cursor:pointer; }

/************************* title_navi 끝 *************************/


/************************* footer_inc 시작 *************************/
/************************* footer_inc 시작 *************************/
.footer_t {background: #0d0e0f; padding: 50px 0; position: relative;}
.footer_t * {color: #acacac; font-size: 13px;}
.footer_t a {color: #acacac;}
.footer_t .inner {display: flex; justify-content:space-between; max-width:1400px; margin:0 auto;}
.footer_info {padding-left: 30px; width:75%;}
.footer_info .links li:first-child a {color: #ea6d00;}
.footer_info .links li {display: inline-block;}
.footer_info .links li:first-child::after {content: '|'; display: inline-block; margin: 0 15px; font-size: 8px; vertical-align: text-top;}
.footer_info .address {margin: 8px 0; line-height: 1.4; font-size: 12px;}
.footer_info .address li {display: flex; flex-flow: row wrap; align-items:center;}
.footer_info .address li:not(:last-child) {margin-bottom: 5px;}
.footer_info .address li p {display: flex; flex-flow: row wrap;}
.footer_info .address .line {margin: 0 8px; opacity: 0.3;}

.footer_site {position: relative; width: 220px; height: 50px;}
.footer_site .site_btn {height: 100%; display: flex; justify-content:space-between; align-items:center; background: #242629; padding: 0 25px; position: relative; z-index: 1;}
.footer_site .site_btn .down {display: none;}
.footer_site .site_btn.on .up {display: none;}
.footer_site .site_btn.on .down {display: block;}
.footer_site ul {background: #242629; padding: 5px 0; border-bottom: 1px solid #333; position: absolute; width: 100%; height: 0; bottom: 50px; left: 0; opacity: 0; visibility: hidden;}
.footer_site ul li {padding: 5px 25px; display: none;}
.footer_site ul.on {height: auto; transition:all 0.3s; opacity: 1; visibility: visible;}
.footer_site ul.on li {display: block;}

.footer_right .sns {display: flex; align-items:center; margin-top: 10px;}
.footer_right .sns li {margin-right: 7px;}
.footer_right .sns li:first-child i {font-size: 30px;}
.footer_right .sns i {font-size: 24px;}

@media(max-width:1500px){
	.footer_t .inner{padding:0 3%;}
}
@media(max-width:1200px){
.footer_t {padding: 40px 0;}
.footer_t * {font-size: 12px;}
.footer_t .inner {flex-flow:row wrap;}
.footer_logo img {width: 120px;}
.footer_info .links li::after {margin: 0 10px;}
.footer_site {width: 180px; height: 46px;}
.footer_site ul {bottom: 46px;}
.footer_info {width: 100%; order:3; padding: 30px 0 0;}
.footer_right {display: flex;}
.footer_right .sns {order:-1; margin: 0; margin-right: 10px;}
}


@media(max-width:800px){
.footer_t {padding: 20px 0;}
.footer_t .inner {align-items:center;}
.footer_logo img {width: 90px;}
.footer_site {width: 140px; height: 40px;}
.footer_right .sns {margin-right: 5px;}
.footer_right .sns li:first-child i {font-size: 24px;}
.footer_right .sns i {font-size: 20px;}
}

@media(max-width:600px){
.footer_info .address li p span {padding-right: 10px;}
.footer_info .address .line {display: none;}
}

/************************* footer_inc 끝 *************************/

/*family_inc.php의 스타일*/
.total								{width:100%;  cursor:pointer; }
.select_d							{border:1px solid #ddd; width:100%; line-height:30px; height:30px; padding-left:8px; position:relative; font-size:12px;}
.select_d span				{display:inline-block; position:absolute; right:10px;}

/* 패밀리사이트 클릭시 밑으로 떨어지는  CSS*/
/*
.select_op						{border:1px solid #ddd;border-top:none; width:168px; margin-top:0px; display:none; position:absolute; z-index:3px; background:#fff; font-size:11px;}
*/

/* 패밀리사이트 클릭시 위로 올라오는 CSS*/
.select_op						{border:1px solid #ddd;border-bottom:none; width:160px; margin-top:0px; display:none; position:absolute; z-index:3px; background:#fff; font-size:11px;bottom:30px;}

.select_op	li				{line-height:30px;height:30px; border:0px solid red; padding-left:8px;}
.select_op	li		a		{cursor:pointer; width:100%; height:30px; display:inline-block;letter-spacing:-0.3px;}
.select_op	li:hover	{background:#eee;}
.a_focus							{background:#8e8e8e; color:#fff !important;}



.footer_copyright			{background:#323232; color:#fff; text-align:center; padding:10px;}
.footer_copyright p			{color:#fff; font-size:12px;}
.footer_copyright p a		{font-size:11px; color:#fff;  margin-left:15px;}

/************************* footer_inc 끝 *************************/



/************************* left_lnb_inc 시작 *************************/
.left_lnb		{  }
/************************* left_lnb_inc 끝 *************************/



/************************* ui.totop 시작 *************************/
#toTop {
	display:none;
	text-decoration:none;
	position:fixed;
	bottom:10px;
	right:10px;
	overflow:hidden;
	width:51px;
	height:51px;
	border:none;
	text-indent:100%;
	background:url("./img/ui.totop6.png") no-repeat left top;
}

#toTopHover {
	background:url("./img/ui.totop6.png") no-repeat left -51px;
	width:51px;
	height:51px;
	display:block;
	overflow:hidden;
	float:left;
	opacity: 0;
	-moz-opacity: 0;
	filter:alpha(opacity=0);
}

#toTop:active, #toTop:focus {
	outline:none;
}
/************************* ui.totop 끝 *************************/

.inner{width:100%; max-width:1400px; margin:0 auto;}



.s14_a {background: #f8f8f8;}
.s14 .s_title + section {padding-top: 40px;}
.s14 section {display: flex; flex-flow:row wrap; border-bottom: 1px solid #ccc; padding-bottom: 80px; margin-bottom: 80px;}
.s14 section:last-of-type {padding-bottom: 0; border-bottom: 0; margin-bottom: 0;}
.s14 section > h2 {width: 25%; font-size: 34px; font-weight: 500;}
.s14 section .content {width: 75%;}
.s14 section .content > p {font-size: 20px; line-height: 1.8; font-weight: 300; margin-bottom: 30px;}
.s14 section .content > span {display: block; font-size: 16px; color: #da0f18; padding-top: 20px;}
.s14 .logo_wrap {background: url("img/simbol_bg.jpg") repeat 0 0; border: 1px solid #ccc; text-align: center; padding: 60px 0;}
.s14 .down_btn {display: flex; align-items:center; justify-content:space-between; width: 220px; margin: 80px auto 0; padding: 15px 25px; background: #00a33e; color: #fff; font-size: 18px;}

.s142 .color_wrap > div:first-child {margin-bottom: 30px;}
.s142 .color_wrap h3 {font-size: 24px; font-weight: 500; margin-bottom: 20px;}
.s142 .color_wrap ul {display: flex; justify-content:space-between;}
.s142 .color_wrap li {width: 30%;}
.s142 .color_wrap li .color {height: 50px; margin-bottom: 10px;}
.s142 .color_wrap li p {font-size: 16px; line-height: 1.4; color: #585858;}
.s142 .color01 {background: rgb(0,163,62);}
.s142 .color02 {background: rgb(0,94,149);}
.s142 .color03 {background: rgb(235,110,0);}
.s142 .color04 {background: rgb(72,81,87);}
.s142 .color05 {background: rgb(114,113,113);}
.s142 .color06 {background: rgb(148,148,149);}

.s143 .content li {display: flex; justify-content:space-between; align-items:center; margin-bottom: 30px;}
.s143 .content li:last-child {margin-bottom: 0;}
.s143 .content li h3 {width: 30%; padding-left: 5%; font-size: 18px;}
.s143 .content li img {max-width:500px; width: 35%; padding-right: 10px;}

.s144 .logo_wrap ul {display: flex; justify-content:space-around;}
.s144 .logo_wrap li .img {height: 140px; display: flex; align-items:center;}
.s144 .logo_wrap li p {margin-top: 20px; font-size: 18px;}

.s14 section.s145 .content > p {margin-bottom: 0;}
.s14 section.s145 .content > p::before {content: '-'; display: inline-block; margin-right: 10px;}
.s14 .s145 .logo_wrap {margin-top: 30px; padding: 80px 0;}

@media(max-width:1400px){
.s14 section > h2 {font-size: 30px;}
.s14 section .content > p {font-size: 18px;}
.s141 .logo_wrap img {width: 50%;}
.s143 .content li h3 {width: 20%; padding-left: 3%;}
.s143 .content li img {width: 40%;}
.s145 .logo_wrap img {width: 50%;}
}
@media(max-width:1024px){
.s14 .s_title + section {padding-top:2%;}
.s14 section {padding-bottom: 8%; margin-bottom: 8%;}
.s14 section > h2 {width: 100%; font-size: 28px; margin-bottom: 20px;}
.s14 section .content {width: 100%;}
.s14 section .content > p {font-size: 16px;}
.s14 .down_btn {margin-top: 8%;}
.s142 .color_wrap h3 {font-size: 20px; margin-bottom: 10px;}
.s142 .color_wrap li p {font-size: 14px;}
.s14 .s145 .logo_wrap {padding: 60px 0;}
.s145 .logo_wrap img {width: 40%;}
}
@media(max-width:800px){
.s14 section {padding-bottom: 10%; margin-bottom: 10%;}
.s14 section > h2 {font-size: 24px; margin-bottom: 10px;}
.s14 section .content > p {font-size: 14px;}
.s14 section .content > span {font-size: 12px; padding-top: 10px;}
.s14 .down_btn {width: 30%; padding: 12px 20px; font-size: 16px; margin-top: 10%;}
.s14 .logo_wrap {padding: 40px 0;}
.s142 .color_wrap h3 {font-size: 18px; margin-bottom: 10px;}
.s142 .color_wrap li .color {height: 40px;}
.s143 .content {padding-top: 20px;}
.s143 .content li {margin-bottom: 20px;}
.s143 .content li h3 {width: 24%; padding-left: 2%; font-size: 16px;}
.s143 .content li img {width: 38%;}
.s144 .logo_wrap li .img {height: 90px;}
.s144 .logo_wrap li:first-child img {width: 192px;}
.s144 .logo_wrap li:last-child img {width: 81px;}
.s144 .logo_wrap li p {margin-top: 10px; font-size: 16px;}
.s145 .logo_wrap img {width: 60%;}
}
@media(max-width:600px){
.s14 .s_title + section {padding-top:4%;}
.s14 section > h2 {font-size: 18px; margin-bottom: 10px;}
.s14 section .content > p {font-size: 13px; margin-bottom: 20px;}
.s14 .logo_wrap {padding: 10% 0;}
.s14 .down_btn {width: 40%; padding: 12px 20px; font-size: 14px;}
.s142 .color_wrap h3 {font-size: 16px;}
.s142 .color_wrap li .color {height: 8vw;}
.s142 .color_wrap li p {font-size: 13px;}
.s143 .content {padding-top: 10px;}
.s143 .content li h3 {padding-left: 10px; font-size: 14px;}
.s144 .logo_wrap li p {font-size: 14px;}
}

.s6 .img {padding-top: 20px;}
.s6 img.pc {display: block; max-width:100%; width: 100%;}
.s6 img.mo {display: none; max-width:100%; width: 100%;}

.s62 ul {border: 1px solid #ccc; padding: 50px; margin-top: 60px; background: #f8f8f8;}
.s62 li {font-size: 18px; display: flex; line-height: 1.6; margin-bottom: 40px;}
.s62 li::before {content: '하나,'; display: block; margin-right: 15px; font-weight: 500; color: #005d95; width:40px;}
.s62 li:last-child {margin-bottom: 0;}

.s63 .img {text-align: center; padding: 30px; margin-bottom: 30px; background: #f8f8f8;}
.s63 .img img {max-width:750px; width: 100%;}

.s64 .s64_list > li {display: flex; flex-flow:row wrap; margin-bottom: 30px;}
.s64 .s64_list .head {width: 20%; background: linear-gradient(45deg, rgba(7,163,63,1) 0%, rgba(0,94,149,1) 100%); color: #fff; padding: 30px; padding-bottom: 90px; font-size: 24px; margin-right: 10px;}
.s64 .s64_list .head span {font-weight: 300; }
.s64 .s64_list .head p {font-weight: 500;}
.s64 .s64_list .cont {width: 70%; background: #f8f8f8; display: flex; justify-content:center; align-items:center;}
.s64 .s64_list .cont ul {display: flex; justify-content:center; width: 100%;}
.s64 .s64_list .cont .circles li {width: 120px; height: 120px; border-radius: 50%; border: 1px solid #ccc; background: #fff; display: flex; justify-content:center; align-items:center; font-size: 20px; line-height: 1.4; margin: 0 20px;}
.s64 .s64_list .cont .table li {width: 28%; margin: 0 10px;}
.s64 .s64_list .cont .table li h2 {text-align: center; font-size: 16px; font-weight: 400; background: #777; color: #fff; padding: 5px 0;}
.s64 .s64_list .cont .table li div {background: #fff; border: 1px solid #ccc; height: 105px; padding: 10px; font-size: 14px; line-height: 1.6; font-weight: 300;}
.s64 .s64_list .cont .table li div p {display: flex;}
.s64 .s64_list .cont .table li div p::before {content: '·'; margin-right: 5px;}
.s64 .img {margin-bottom: 30px;}
@media(max-width:1500px){
	.inner{padding:0 3%;}
}
@media(max-width:1400px){
.s64 .s64_list .head {padding: 20px; padding-bottom: 80px; font-size: 20px; width: 19%; margin-right: 1%;}
.s64 .s64_list .cont {width: 80%; padding: 20px;}
.s64 .s64_list .cont .circles li {font-size: 18px;}
}

@media(max-width:1024px){
.s62 ul {padding: 5%; margin-top: 5%;}
.s62 li {font-size: 16px; margin-bottom: 5%;}
}

@media(max-width:800px){
.s63 .img {padding: 20px 0; background: none;}
.s64 img.pc {display: none;}
.s64 img.mo {display: block; max-width:690px;}
.s64 .s64_list .head {width: 100%; background: none; color: #212121; padding: 0; font-size: 20px; margin-right: 0; margin-bottom: 10px;}
.s64 .s64_list .head p {display: inline-block;}
.s64 .s64_list .cont {width: 100%; padding: 0; background: none;}
.s64 .s64_list .cont .table {justify-content:space-between;}
.s64 .s64_list .cont .table li {width: 32%; margin: 0;}

}

@media(max-width:600px){
.s6 img.pc {display: none;}
.s6 img.mo {display: block; margin: 0 auto;}
.s6 section .content > p {font-size: 14px;}

.s62 ul {margin-top: 8%;}
.s62 li {font-size: 14px;}

.s63 .img {padding: 0; margin-bottom: 20px;}
.s64 .s64_list .head {font-size: 18px;}
.s64 .s64_list .cont .circles li {width: 20vw; height: 20vw; font-size: 14px; margin: 0 10px;}
.s64 .s64_list .cont .table li h2 {font-size: 15px; padding: 3px 0;}
.s64 .s64_list .cont .table li div {height: 105px; padding: 10px; font-size: 2.7vw; line-height: 1.6; font-weight: 300;}
.s64 .s64_list .cont .table li div p::before {margin-right: 3px;}
}

.s65_info {margin-top: 5%; border: 1px solid #ccc; background: #fcfcfc; padding: 3%;}
.s65_info section {margin-bottom: 40px;}
.s65_info section:last-child {margin-bottom: 0;}
.s65_info section h2 {font-size: 20px; font-weight: 500;}
.s65_info section li {display: flex; font-size: 16px; font-weight: 300; line-height: 1.6; margin-top: 10px;}
.s65_info section li::before {content: '-'; display: block; margin-right: 5px;}

@media(max-width:1024px){
.s65_info {margin-top: 8%; padding: 30px;}
.s65_info section h2 {font-size: 18px;}
.s65_info section li {font-size: 14px;}
}

@media(max-width:600px){
.s65_info {margin-top: 10%; padding: 20px;}
.s65_info section {margin-bottom: 30px;}
.s65_info section h2 {font-size: 16px;}
.s65_info section li {font-size: 13px; margin-top: 5px;}

}