/*  32	a	@charset "utf-8"; */
::-moz-selection {
   background-color: #1c9bf6;
   color: #fff;
}
::selection {
    background-color: #1c9bf6;
    color: #fff;
}

@keyframes ani{
	0%{transform:translate(0,0);}
	100%{transform:translate(10px,20px)rotate(3deg);}
}    
@keyframes ani2{
	0%{transform:translate(0,0);}
	100%{transform:translate(-10px,-20px)rotate(5deg);}
}   

.pcolor {color: #00696D}
.noborder {border: 0 !important}

.bodyarea img { display: inline-block; width:  auto\9 !important;width: auto !important;max-width: 100%;height: auto !important}
.autoimg {display: inline-block; width:  auto\9 !important;width: auto !important;max-width: 100%;height: auto !important}
.carousel.item img { display: inline-block; width:  auto\9 !important;width: auto !important;max-width: 100%;height: auto !important}

body {font-size:18px;margin: 0;padding: 0;color: #222;line-height: 1.8em;background: #fff;letter-spacing: -0.1px;}
.mo {display: none}
.tb {display: none}

.gnb_btn {display: none}
.mgnb {display: none}

header {width: 100%;position: relative;}
header .header {z-index: 99;position: relative;width: 100%; padding: 0 5.2%; margin: 0 auto; left: 0; right: 0;display: table;height: 90px;background: #fff;}
/* 헤더 보더 선 투명값 시작 03.10 */
header .header .logo {position: absolute;top: 17px}
header .header .logo img {cursor: pointer; height: 60px;}
header .header .mlogo {display: none}

header .header .gnb {font-weight: 500; float: right;}
header .header::after{clear: both; display:block; content: '';}
header .header .gnb .gnb_ul {display: table;margin: 0 auto;}
header .header .gnb .gnb_ul li {display: table;height: 90px;text-align: right;font-size: 18px;padding: 0 25px;line-height: 18px; float: left;}
header .header .gnb .gnb_ul li:last-of-type{padding-right: 0;}

header .header .gnb .gnb_ul li a {color: #333; text-decoration: none;}
header .header .gnb.sub .gnb_ul li a {color:#333 !important}
header .header .gnb .gnb_ul li a span{display:table-cell; vertical-align: middle; height: 90px;}

header .header .gnb .gnb_ul li.login_nav {display: none}

header .header .login_btn {position: absolute;right: 60px;top: 35px}
header .header .login_btn ul li {float: left;margin-left: 10px;line-height: 18px;}
header .header .login_btn ul li a {color: #888;font-size: 13px}


header .sub_head {background-color: transparent; position: absolute; border: 0;}
header .sub_head .gnb .gnb_ul li a {color: #fff}
header .sub_head .gnb .gnb_ul li .depth01 a{color: #000; }

.gnb>ul>li>a {
	display: block;
	color: #fff;
	transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-webkit-transition: all .2s ease-in-out;
}

#contents {margin-top:0;overflow: hidden}
.wrap {width: 1420px;margin: 0 auto;position: relative}
h2{font-size: 50px; line-height: 1.5em; margin-bottom: 0; font-weight: 700;}

h3{font-size: 30px; line-height: 1.5em; margin-bottom: 0; font-weight: 700;}
h4{font-size: 24px; line-height: 1.5em; margin-bottom: 0; font-weight: 400;}
h5{font-size: 22px; line-height: 1.5em; margin-bottom: 0;}
.title{font-size: 20px; line-height: 1.5em;letter-spacing: -.07em}
.text{font-size: 18px; line-height: 1.7em; letter-spacing: -.04em;}
.text span{white-space: nowrap;}
.subtitle{font-size: 13px; line-height: 1.5em; color:#00696D; font-weight: 700;letter-spacing: .3em}

ul.list-dot{margin:0; list-style-type: none; padding:0; margin-left:10px;}
ul.list-dot li{width:100%; padding:0; line-height: 1.5em; margin-bottom: 10px; position: relative;}
ul.list-dot li:last-of-type{margin-bottom: 0;}
ul.list-dot li::before{content:''; display: block; width:5px; height: 5px; background:#333; border-radius: 5px; position: absolute; left:-10px; top:9px; transition: background .4s;}

.carousel_btn{border: 1px solid #999; background: transparent; width:48px; height: 48px; font-size: 24px; line-height: 48px; text-align: center; color:#999;}
.carousel_btn:hover, .carousel_btn:focus, .carousel_btn:active{border-color:#666; color:#666;}

.vide_wrap {position: relative;height: auto}

.vide_wrap video {
	width: 100%;
	height: auto;
	/* position: absolute;
	top: 50%;
	left: 50%;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	z-index: 0;
	-ms-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%); */
}

.flexwrap{display: flex;}
.flexwrap.fwrap{flex-wrap:wrap;}
.flexwrap.jbetween{justify-content: space-between;}
.flexwrap.jaround{justify-content: space-around;}
.flexwrap.acenter{align-items: center;}
.flexwrap.aend{align-items: end;}
.flexwrap.atop{align-items: start;}

.main_01{padding: 200px 0;}
.main_01 .headline h2{color:#fff;}
.main_01 .headline h4{color:#fff;margin-top: 20px;}
.main_01 .flexwrap{width:102%; margin-left:-1%; margin-top: 160px;}
.main_01 .flexwrap .article{width:31.33%; margin:0 1%; position: relative;}
.main_01 .flexwrap .article .number{position: absolute; top:-32px; left:0; right:0; width:64px; height: 64px; border-radius: 64px; background:#00696D; color:#fff; font-size: 28px; text-align: center; line-height: 64px; margin:0 auto;}
.main_01 .flexwrap .article .segment{background: rgba(51,51,51,.4); padding:45px 30px; border-radius: 100px; text-align: center; color:#fff; height: 100%; display: flex; justify-content: center; align-items: center;}

.main_02{padding-top:130px;}
.main_02 .left{width:45%; display: flex; align-items: end;}
.main_02 .right{width:55%; padding-top:50px;}
.main_02 .right h4{margin-top: 30px;}
.main_02 .right .text{margin-top: 30px;font-size: 20px}
.main_02 .right .right_box {background: rgba(255, 255, 255, .8);padding: 60px}
.main_02 .right .right_box h2 {line-height: 1.2em;letter-spacing: -.05em}


.main_03{padding:200px 0;color: #fff}
.main_03 .left{width:50%;}
.main_02 .left .right_box h2 {line-height: 1.2em;letter-spacing: -.05em}
.main_03 .left .listwrap{display: flex; justify-content: start; align-items: start; margin-top: 50px;}
.main_03 .left .listwrap .list{margin-right:40px;}
.main_03 .left .listwrap .list:last-of-type{margin-right: 0;}
.main_03 .left .listwrap .list ul{margin-top: 20px;font-size: 20px}
.main_03 .left .listwrap .list ul.list-dot li::before{background:#fff;}
.main_03 .right{width:50%; display: flex; justify-content: end; align-items: center;}
.main_03 .right .imgwrap{text-align: right;}

.main_04{padding:150px 0;}
.main_04 .headline h2{font-weight: 400;}
.main_04 .headline .subtitle{margin-top: 10px;}
.main_04 .inner .title{margin-top: 10px;}
.main_04 .inner .title span{white-space: nowrap;}
.main_04 .carouselwrap{margin-top: 50px; position: relative;}
.main_04 .inner .carouselwrap{margin-top: 0;}
.main_04 .carouselwrap .carousel .owl-stage-outer{padding:30px 0;}
.main_04 .carouselwrap .carousel .item{padding:60px 40px;-webkit-box-shadow: 5px 5px 30px 0px rgba(0,0,0,0.03); -moz-box-shadow: 5px 5px 30px 0px rgba(0,0,0,0.03); box-shadow: 5px 5px 30px 0px rgba(0,0,0,0.03); background: transparent; height: 340px; transition: all .4s; position: relative;}
.main_04 .carouselwrap .carousel .item:hover{background:#00696D; color:#fff;}
.main_04 .carouselwrap .carousel .item:hover ul li::before{background:#fff;}
.main_04 .carouselwrap .carousel .item ul{margin-top: 10px;}
.main_04 .carouselwrap .carousel .item ul li{margin-bottom: 5px;}
.main_04 .carouselwrap .carousel .item .img_name{position: absolute; bottom:40px; left:40px; color:#fff !important; font-size: 18px; font-weight: 700;}
.main_04 .carouselwrap .btnwrap .carousel_btn{position: absolute; top:0; bottom:0; margin:auto;}
.main_04 .carouselwrap .btnwrap .prev_btn{left:-68px;}
.main_04 .carouselwrap .btnwrap .next_btn{right:-68px;}
.main_04 .inner .flexwrap{margin-top: 40px; width:100%;}
.main_04 .inner .flexwrap .article{width:33.33%;padding:0 4%;}
.main_04 .inner .flexwrap .article:nth-of-type(1){padding-left:0;}
.main_04 .inner .flexwrap .article:nth-of-type(2){border-left:1px solid #999; border-right:1px solid #999;}
.main_04 .inner .flexwrap .article:nth-of-type(3){padding-right:0;}
.main_04 .inner .flexwrap .article h3{color:#00696D; font-weight: 400;}
.main_04 .inner .flexwrap .article>.text{margin-bottom: 40px; margin-top: 30px;}
.main_04 .inner .flexwrap .article .segment{margin-top: 30px;}
.main_04 .inner .flexwrap .article .segment .text{margin-top: 15px;}
.main_04 .inner .flexwrap .article .segment ul{margin-top: 10px;}
.main_04 .inner .flexwrap .article .segment ul li{color:#666}
.main_04 .inner .flexwrap .article .segment ul li span{white-space: nowrap;}
.main_04 .inner .flexwrap .article .segment ul li::before{background:#666;}
.main_04 .inner .flexwrap .article .tablewrap table{width:100%;margin-top: 20px;}
.main_04 .inner .flexwrap .article .tablewrap table.m_table{display: none}
.main_04 .inner .flexwrap .article .tablewrap table thead tr th{background: #56A3A3; color:#fff; text-align: center; border-bottom:2px solid #fff;  padding:17px 10px;}
.main_04 .inner .flexwrap .article .tablewrap table thead tr th:first-of-type{border-right:2px solid #fff;}
.main_04 .inner .flexwrap .article .tablewrap table tbody tr td{border-bottom:2px solid #fff; background: #E3F1F2; padding:17px 10px; text-align: center;}
.main_04 .inner .flexwrap .article .tablewrap table tbody tr td:first-of-type{border-right:2px solid #fff; background: #BADEDF; white-space: nowrap;}

.main_05{padding:150px 0;}
.main_05 .headline h2{font-weight: 400;}
.main_05 .headline .subtitle{margin-top: 10px;}
.main_05 .flexwrap{width:104%; margin-left:-2%; margin-top: 80px;}
.main_05 .article{width:29.33%; margin:0 2%;}
.main_05 .article h3{font-weight: 400;}
.main_05 .article .listwrap{border-top:1px solid #333; padding-top:20px; margin-top:10px;}
.main_05 .article .listwrap ul{display: flex; justify-content: space-between; flex-wrap:wrap;}
.main_05 .article .listwrap ul li{width:50%; color:#666; font-size: 20px; letter-spacing: -.04em;}
.main_05 .article .listwrap ul li::before{background: #666;}

.main_05 .carouselwrap{margin-top: 50px; position: relative;}
.main_05 .inner .carouselwrap{margin-top: 0;}
.main_05 .carouselwrap .carousel3 .owl-stage-outer{padding:30px 0;}
.main_05 .carouselwrap .carousel3 .item{padding:60px 40px;-webkit-box-shadow: 5px 5px 30px 0px rgba(0,0,0,0.03); -moz-box-shadow: 5px 5px 30px 0px rgba(0,0,0,0.03); box-shadow: 5px 5px 30px 0px rgba(0,0,0,0.03); background: transparent; height: 340px; transition: all .4s; position: relative;}
.main_05 .carouselwrap .carousel3 .item:hover{background:#00696D; color:#fff;}
.main_05 .carouselwrap .carousel3 .item:hover ul li::before{background:#fff;}
.main_05 .carouselwrap .carousel3 .item ul{margin-top: 10px;}
.main_05 .carouselwrap .carousel3 .item ul li{margin-bottom: 5px;}
.main_05 .carouselwrap .carousel3 .item .img_name{position: absolute; bottom:40px; left:40px; color:#fff !important; font-size: 18px; font-weight: 700;}
.main_05 .carouselwrap .btnwrap3 .carousel_btn{position: absolute; top:0; bottom:0; margin:auto;}
.main_05 .carouselwrap .btnwrap3 .prev_btn{left:-68px;}
.main_05 .carouselwrap .btnwrap3 .next_btn{right:-68px;}

.main_06{padding:150px 0;}
.main_06 .headline h2{font-weight: 400;}
.main_06 .headline .subtitle{margin-top: 10px;}
.main_06 .flexwrap{width:102%; margin-left:-1%; margin-top: 80px;}
.main_06 .article{width:23%; margin:0 1%;}
.main_06 .article h4{color:#00696D; margin-top: 15px; font-weight: 500; min-height: 72px}
.main_06 .article .title{margin-top: 15px;}
.main_06 .article .title span{white-space: nowrap;}

.main_07{padding-top:150px;}
.main_07 .headline h2{font-weight: 400;}
.main_07 .headline .subtitle{margin-top: 10px;}
.main_07 .carouselwrap{margin-top: 60px;}
.main_07 .carouselwrap .carousel2 .owl-item{transition: width .4s;}
.main_07 .carouselwrap .carousel2 .owl-item.active.center .item{position: relative; z-index: 1;}
.main_07 .carouselwrap .carousel2 .owl-item .segment{opacity: 0; transition: opacity .4s;}
.main_07 .carouselwrap .carousel2 .owl-item .imgwrap{opacity: 50%; transition: opacity .4s;}
.main_07 .carouselwrap .carousel2 .owl-item .imgwrap .btnwrap2{opacity: 0; transition: opacity .4s;}
.main_07 .carouselwrap .carousel2 .owl-item.center .segment{opacity: 1;}
.main_07 .carouselwrap .carousel2 .owl-item.center .imgwrap{opacity: 1;}
.main_07 .carouselwrap .carousel2 .owl-item.center .imgwrap img{width: 100%;}
.main_07 .carouselwrap .carousel2 .owl-item.center .imgwrap .btnwrap2{opacity: 1;}
.main_07 .carouselwrap .carousel2 .owl-item:last-of-type{visibility: hidden; display: none;}
.main_07 .carouselwrap .carousel2.solo .owl-item:last-of-type{visibility: visible; display: block;}
.main_07 .carouselwrap .carousel2 .item .imgwrap2{position: relative; overflow: hidden; border-radius: 15px;}
.main_07 .carouselwrap .carousel2 .imgwrap .btnwrap2 button{position: absolute; top:0; bottom:0; margin:auto;}
.main_07 .carouselwrap .carousel2 .imgwrap .btnwrap2 button.next_btn{right:-150px; transition: right .4s;}
.main_07 .carouselwrap .carousel2 .imgwrap .btnwrap2 button.next_btn:hover{right:-155px;}
.main_07 .carouselwrap .carousel2 .imgwrap .btnwrap2 button.prev_btn{left:-150px; transition: left .4s;}
.main_07 .carouselwrap .carousel2 .imgwrap .btnwrap2 button.prev_btn:hover{left:-155px;}
.main_07 .carouselwrap .carousel4{display: none;}
.main_07 .m_btn{display: none;}

.main_08{padding: 200px 0;}
.main_08 .headline h2{font-weight: 400;}
.main_08 .headline .subtitle{margin-top: 10px;}
.main_08 .flexwrap{margin-top: 80px;}
.main_08 .map{width:70%; height: 600px; background:#ccc;}
.main_08 .segment{width:30%;padding-left:5%;}
.main_08 .segment .article{margin-top: 40px;}
.main_08 .segment .article:first-of-type{margin-top: 0;}
.main_08 .segment .article .text{margin-top: 5px}
.main_08 .segment .article .text.bustext{font-weight: 500;}
.main_08 .segment .article .cellwrap{margin-top: 5px;}
.main_08 .segment .article .cellwrap .cell{display: table; width:100%; margin-top: 5px;}
.main_08 .segment .article .cellwrap .cell:first-of-type{margin-top: 0;}
.main_08 .segment .article .cellwrap .cell div{display: table-cell; vertical-align: middle;}
.main_08 .segment .article .cellwrap .cell div:first-of-type{width:50px; text-align: center; color:#fff; border-radius: 5px;font-weight: 500;}
.main_08 .segment .article .cellwrap .cell div:last-of-type{color:#666; padding-left:5px;}

.main_11 {padding:150px 0;}
.main_11 .headline h2{font-weight: 400;}
.main_11 .headline .subtitle{margin-top: 10px;}
.main_11 .flexwrap{margin-top: 60px; width:104%; margin-left:-2%;}
.main_11 .flexwrap .article{width:29.33%; margin:0 2%;}
.main_11 .flexwrap .article h2{font-weight: 400;}
.main_11 .flexwrap .article .text{margin-top: 10px;}
.main_11 .flexwrap .article h3{font-weight: 400; padding-bottom: 20px; margin-bottom: 20px; border-bottom:1px solid #777}
.main_11 .flexwrap .article h4{color:#333; margin-top: 20px;}
.main_11 .flexwrap .article ul{display: flex; justify-content: space-between; flex-wrap:wrap;}
.main_11 .flexwrap .article ul li{width:50%; color:#333}
.main_11 .flexwrap .article ul li::before{background: #666;}
.main_11 .flexwrap .article .art_table{}
.main_11 .flexwrap .article .art_table .cell{display: table; width:100%; margin-bottom: 15px;}
.main_11 .flexwrap .article .art_table .cell:last-of-type{margin-bottom: 0;}
.main_11 .flexwrap .article .art_table .cell .inner{display: table-cell; vertical-align: top;}
.main_11 .flexwrap .article .art_table .cell .inner:first-of-type{ color:#666; width:30%; white-space: nowrap;}
.main_11 .flexwrap .article .art_table .cell .inner:last-of-type{ color:#333;}


.main_09{padding:150px 0;}
.main_09 .headline h2{font-weight: 400;color:#fff !important}
.main_09 .headline .subtitle{margin-top: 10px;color:#fff !important}
.main_09 .flexwrap{margin-top: 60px; width:104%; margin-left:-2%;}
.main_09 .flexwrap .article{width:29.33%; margin:0 2%;}
.main_09 .flexwrap .article h2{font-weight: 400;color:#fff !important}
.main_09 .flexwrap .article .text{margin-top: 10px; color:#fff;}
.main_09 .flexwrap .article h3{font-weight: 400; padding-bottom: 20px; margin-bottom: 20px; border-bottom:1px solid #777}
.main_09 .flexwrap .article h4{color:#ffffff; margin-top: 20px;}
.main_09 .flexwrap .article ul{display: flex; justify-content: space-between; flex-wrap:wrap;}
.main_09 .flexwrap .article ul li{width:50%; color:#fff}
.main_09 .flexwrap .article ul li::before{background: #666;}
.main_09 .flexwrap .article .art_table{}
.main_09 .flexwrap .article .art_table .cell{display: table; width:100%; margin-bottom: 15px;}
.main_09 .flexwrap .article .art_table .cell:last-of-type{margin-bottom: 0;}
.main_09 .flexwrap .article .art_table .cell .inner{display: table-cell; vertical-align: top;}
.main_09 .flexwrap .article .art_table .cell .inner:first-of-type{ color:#666; width:30%; white-space: nowrap;}
.main_09 .flexwrap .article .art_table .cell .inner:last-of-type{ color:#333;}


footer{background: #00696D; padding:100px 0; color:#fff;}
footer .foot_top .flexwrap{align-items: start;}
footer .foot_top .left{width:40%; padding-right:5%;}
footer .foot_top .left h3{font-weight: 400}
footer .foot_top .left>h3:first-of-type{position: relative;}
footer .foot_top .left>h3:first-of-type::before{content:'';display: block; left:170px; top:19px; right:0; height: 1px; background: #fff; position: absolute;}
footer .foot_top .left h2{margin-top: 20px; margin-bottom: 100px;}
footer .foot_top .left h4{margin-bottom: 10px;}
footer .foot_top .left .info_time{display: none;}
footer .foot_top .right {width:60%; padding-left:5%;}
footer .foot_top .right .inner {display: flex; justify-content: space-between; align-items: start;}
footer .foot_top .right .pay {padding: 10px 0}
footer .foot_top .right .pay button {background: transparent;border: 1px solid #fff;color: #fff;width:31.33%; margin:0 1%;height: 60px;padding: 0;float: left}
footer .foot_top .right .pay button:hover {background: #005e5e;border: 1px solid rgba(255, 255, 255, 0.668);transition: all .3s}
footer .foot_top .right .article{width:31.33%; margin:0 1%; border:1px solid #fff; text-align: center; padding:50px 30px; height: 100%; min-height: 300px;}
footer .foot_top .right .article .icons img{height: 60px;}
footer .foot_top .right .article h5{margin-top: 10px;}
footer .foot_top .right .article h4{margin-top: 10px;}
footer .foot_bottom{margin-top: 100px; position: relative;}
footer .foot_bottom .company{font-size: 24px; line-height: 1.5em; margin-bottom: 10px;}
footer .foot_bottom .info span{white-space: nowrap;}
footer .foot_bottom .copy{position: absolute; bottom:0; right:0;}

.foot_fix_bar {display: none}

@media screen and (max-width:1419px) {
	header .header{padding:0 3%;}
	header .header .gnb .gnb_ul li:first-of-type{padding-left:0;}
	header .header .gnb .gnb_ul li{padding-right:0;}
	
	.wrap {width: 98%;margin: 0 auto;position: relative}
	
	h2{font-size: 42px;}
	h3{font-size: 26px;}
	h4{font-size: 22px;}
	h5{font-size: 20px;}
	.title{font-size: 18px;}
	.text{font-size: 16px;}
	
	.main_02 .left{width:40%;}
	.main_02 .right{width:60%; padding-left:3%; padding-top: 0;}
	
	.main_03 .left{width:60%;}
	.main_03 .right{width:40%;}
	
	.main_04 .carouselwrap .btnwrap{position: absolute; top:-40px; right:0;}
	.main_04 .carouselwrap .btnwrap .carousel_btn{position: static;}
	.main_04 .carouselwrap .btnwrap .prev_btn{margin-right:10px;}
	
	.main_05 .article .listwrap ul li{font-size: 18px;}
	.main_05 .carouselwrap .btnwrap3{position: absolute; top:-40px; right:0;}
	.main_05 .carouselwrap .btnwrap3 .carousel_btn{position: static;}
	.main_05 .carouselwrap .btnwrap3 .prev_btn{margin-right:10px;}
	
	.main_07 .carouselwrap{margin-top: 40px; position: relative;}
	.main_07 .carouselwrap .carousel2{display: none;}
	.main_07 .carouselwrap .carousel4{display: block;}
	.main_07 .carouselwrap .carousel4 .item .imgwrap{width:100%; height: 550px;}
	.main_07 .m_btn{display: block; position: absolute; top:-80px; right:1%;}
	.main_07 .m_btn .prev_btn{margin-right:10px;}
}

@media screen and (max-width:1199px) {
	body {font-size:15px;margin: 0;padding: 0;color: #222;line-height: 1.8em;background: #fff;letter-spacing: -0.1px;}
	.mo {display: none}
	.tb {display: none}
	
	header .header .gnb .gnb_ul li{padding-left: 20px;}
	
	.wrap {width: 96%;margin: 0 auto;position: relative}
	
	h2{font-size: 38px;}
	h3{font-size: 24px;}
	h4{font-size: 20px;}
	h5{font-size: 18px;}
	.title{font-size: 16px;}
	.text{font-size: 15px;}
	
	.carousel_btn{width:40px; height: 40px; line-height: 40px; font-size: 20px;}
	
	ul.list-dot li::before{width:4px; height: 4px; top:7px;}
	
	.main_01 .flexwrap .article .segment{padding:30px;}
	.main_01 .flexwrap .article .number{width:56px; height: 56px; font-size: 24px; line-height: 56px;}
	
	.main_03 .left{width:580px;}
	.main_03 .right{width:auto}
	
	.main_04 .carouselwrap .carousel .item .img_name{font-size: 16px;}
	
	.main_05 .article .listwrap ul li{font-size: 16px;}
	.main_05 .carouselwrap .carousel3 .item .img_name{font-size: 16px;}
	
	.main_04 .inner .flexwrap{display: block;}
	.main_04 .inner .flexwrap .article{width:100%; padding:0;}
	.main_04 .inner .flexwrap .article:nth-of-type(2){border-right:none; border-left:none; padding:30px 0; margin: 30px 0; border-top:1px solid #999; border-bottom:1px solid #999;}
	.main_04 .inner .flexwrap .article>.text{margin-top: 10px; margin-bottom: 30px;}
	.main_04 .inner .flexwrap .article .segwrap{display: flex; justify-content: start; width:102%; margin-left:-1%; flex-wrap:wrap;}
	.main_04 .inner .flexwrap .article .segment{width:48%; margin:0 1%;}
	.main_04 .inner .flexwrap .article .segment:nth-of-type(2) ~ .segment{margin-top: 2%;}
	.main_04 .inner .flexwrap .article .tablewrap table.pc_table{display: none}
	.main_04 .inner .flexwrap .article .tablewrap table.m_table{display: table}
	.main_04 .inner .flexwrap .article .tablewrap table.m_table tbody tr th{background: #56A3A3; color:#fff; text-align: center; border-bottom:2px solid #fff;  padding:17px 10px; border-right:2px solid #fff;}
	.main_04 .inner .flexwrap .article .tablewrap table.m_table tbody tr td{border-bottom:2px solid #fff; background: #E3F1F2; padding:17px 10px; text-align: center; border-right:2px solid #fff;}
	.main_04 .inner .flexwrap .article .tablewrap table.m_table tbody tr td:last-of-type{border-right:none;}
	
	.main_06 .flexwrap{flex-wrap:wrap;}
	.main_06 .article{width:48%;}
	.main_06 .article:nth-of-type(2) ~ .article{margin-top: 4%;}
	.main_06 .article h4{min-height: 60px;}
	.main_06 .article .imgwrap img{width:100%;}
	
	.main_07 .carouselwrap .carousel4 .item .imgwrap{height: 500px;}
	
	.main_09 .flexwrap{flex-wrap:wrap; margin-top: 40px;}
	.main_09 .flexwrap .article:first-of-type{width:100%; margin-bottom: 40px; text-align: center;}
	.main_09 .flexwrap .article{width:46%;}
	.main_09 .flexwrap .article .text div{display: none;}
	.main_09 .flexwrap .article .imgwrap img{width:100%;}
	
	footer .flexwrap{display: block}
	footer .foot_top .right {width:100%; padding:15px 0;}
	footer .foot_top .right .pay button {width:150px;height: 50px}
	footer .foot_top .right .inner{display: none;}
	footer .foot_top .left {width:100%;}
	footer .foot_top .left .inner{display: flex; justify-content: space-between;}
	footer .foot_top .left h2{margin-bottom: 10px;}
	footer .foot_top .left .info_time{display: block; margin-top: 30px;}
	footer .foot_top .left .info_time ul{}
	footer .foot_top .left .info_time ul li{display:table; width:100%;}
	footer .foot_top .left .info_time ul li div{display: table-cell; vertical-align: middle; font-size: 17px;}
	footer .foot_top .left .info_time ul li div:first-of-type{width: 100px;}
}

@media screen and (max-width:1023px) {
	header .header {z-index: 99;position: relative;width: 100%;display: table;height: 60px;background: #fff;}
	header .header .logo {position: absolute;left: 20px;top: 10px}
	header .header .logo img {height: 40px;cursor: pointer;}

	header .header .gnb {display: none}
	.gnb_btn {position: fixed;right: 20px;top:19px;display: table;z-index: 99}
	
	.m_gnb_ul {display: table;width: 100%;text-align: center;margin-top: 10px;}
	.m_gnb_ul li {font-size: 22px;line-height: 1.1em;padding: 15px 20px;font-weight: 400;position: relative; margin-bottom: 5px;}
	.m_gnb_ul li:last-of-type{margin-bottom: 0;}
	.m_gnb_ul li a {color: #2f2f2f; text-decoration: none;}
	.m_gnb_ul li a:hover {font-weight: bold;text-decoration: underline}
	
	.mgnb {color: #67646e;position: fixed;z-index:99;width:100%;top:0px;background:#fff;display: table;right: -360px;visibility: hidden; height: 100vh;}
	.mgnbmask {position: fixed;top:0px;z-index: 8;width:100%;display: none}
	
	.mgnb .logo {padding: 60px 20px 40px;text-align: center}
	.mgnb .logo img {height: 50px}
	
	.main_02 .right .right_box {background: rgba(255, 255, 255, .8);padding: 40px}
	.main_02 .right .right_box h2 {line-height: 1.2em;letter-spacing: -.05em;font-size:30px}
	
	.main_05 .article .listwrap ul{display: block;}
	.main_05 .article .listwrap ul li{width:100%;}
	
	.main_07 .carouselwrap .carousel4 .item .imgwrap{height: 450px;}
	
	.main_08 .segment{width:40%;}
	.main_08 .map{width:60%;}
}

@media screen and (max-width: 780px){
	body {font-size:14px;margin: 0;padding: 0;color: #222;line-height: 1.8em;background: #fff;letter-spacing: -0.1px;}
	.pc {display: none}
	.tb {display: none}
	.mo {display: initial}
	
	.wrap {width: 90%;margin: 0 auto;position: relative}
	
	h2{font-size: 34px;}
	h3{font-size: 22px;}
	h4{font-size: 18px;}
	h5{font-size: 17px;}
	.title{font-size: 15px;}
	.text{font-size: 14px;}
	
	.carousel_btn{width:36px; height: 36px; line-height: 36px; font-size: 18px;}
	
	.main_01{padding:120px 0;}
	.main_01 .flexwrap{display: block; width:100%; margin-left:0; margin-top: 80px;}
	.main_01 .flexwrap .article{width:420px; margin:0 auto;}
	.main_01 .flexwrap .article:nth-of-type(1) ~ .article{margin-top: 40px;}
	.main_01 .flexwrap .article .number{width:50px; height: 50px; font-size: 20px; line-height: 50px; top:-25px;}
	
	.main_02 {padding-top: 50px}
	.main_02 .flexwrap{display: block;}
	.main_02 .left{width:100%;}
	.main_02 .left .imgwrap{max-width:420px; margin:0 auto;}
	.main_02 .right{width:100%; padding-left:0; margin-top: 0;padding-bottom: 50px}
	.main_02 .right .text{margin-top: 30px;}
	.main_02 .right .right_box {background: rgba(255, 255, 255, .8);padding: 40px;mar}
	.main_02 .right .right_box h2 {line-height: 1.2em;letter-spacing: -.05em;font-size:30px}
	
	
	.main_03{padding:120px 0;}
	.main_03 .left{width:100%;}
	.main_03 .right{width:auto; position: absolute; top:-50px; right:0;}
	.main_03 .right img{height: 190px;}
	
	#main_03{padding-bottom: 0;}
	
	.main_04{padding-top:120px;}
	
	.main_04 .inner:last-of-type{padding:0;}
	.main_04 .carouselwrap .carousel .item{padding:40px; height: 290px;}
	.main_04 .carouselwrap .carousel .item .img_name{font-size: 15px;}
	.main_04 .inner .flexwrap{margin-top: 40px;}
	.main_04 .inner .flexwrap .article>.text{margin-top: 20px; margin-bottom: 30px;}
	.main_04 .inner .flexwrap .article .tablewrap table.pc_table{display: table}
	.main_04 .inner .flexwrap .article .tablewrap table.m_table{display: none}
	
	.main_05{padding:120px 0;}
	.main_05 .flexwrap{margin-top: 40px;}
	.main_05 .article .listwrap ul li{font-size: 15px;}
	
	.main_05 .carouselwrap .carousel3 .item{padding:40px; height: 290px;}
	.main_05 .carouselwrap .carousel3 .item .img_name{font-size: 15px;}
	
	.main_06{padding-top:120px;}
	.main_06 .flexwrap{width:100%; margin-left:0; display: block; margin-top: 50px;}
	.main_06 .article{width:100%; margin:0; display:flex; justify-content: start; align-items: start;}
	.main_06 .article:nth-of-type(1) ~ .article{margin-top: 30px;}
	.main_06 .article .imgwrap{width:30%;}
	.main_06 .article .segment{width:70%; padding-left:3%;}
	.main_06 .article h4 {margin-top: 0; min-height: auto;}
	
	.main_07{padding-top:50px;}
	.main_07 .carouselwrap .carousel4 .item .imgwrap{height:400px;}
	
	.main_08{padding:120px 0;}
	.main_08 .segment{width:50%;}
	.main_08 .map{width:50%; height: 460px;}
	
	.main_09{padding-top:0;}
	
	footer .foot_bottom{margin-top: 50px;}
	footer .foot_top .left>h3:first-of-type::before{left:130px; top:15px;}
	footer .foot_top .left .info_time ul li div{font-size: 16px;}
	footer .foot_bottom .company{font-size: 20px;}
	footer .foot_bottom .copy{position: static; margin-top: 20px;}
}

@media screen and (max-width: 620px){
	
	.main_02 .right .text{font-size: 18px}
	.main_03 .left .listwrap .list ul {font-size: 16px}
	
	.main_04 .carouselwrap .carousel .item{height: 270px;}
	
	.main_03 .left .listwrap .list{margin-right:40px;}
	
	.main_05 .carouselwrap .carousel3 .item{height: 270px;}
	
	.main_05 .flexwrap{display: block;}
	.main_05 .flexwrap .article{width:100%;}
	.main_05 .flexwrap .article:nth-of-type(1) ~ .article{margin-top: 30px;}
	
	.main_06 .article .imgwrap{width:40%;}
	.main_06 .article .segment{width:60%; padding-left:3%;}
	
	.main_08 .flexwrap{display: block; margin-top: 50px;}
	.main_08 .map{width:100%; height: 400px;}
	.main_08 .segment{width:100%; padding:0 2%; margin-top:30px; display: flex; justify-content: start; flex-wrap:wrap;}
	.main_08 .segment .article{width:48%; margin:0 1%;}
	.main_08 .segment .article:nth-of-type(2) ~ .article{margin-top: 30px;}
	
	.main_09 .flexwrap .article ul li{width:100%;}
	.main_09 .flexwrap .article .art_table .cell{display: block;}
	.main_09 .flexwrap .article .art_table .cell .inner{display: block;}
	.main_09 .flexwrap .article .art_table .cell .inner:first-of-type{font-weight: 600;}
	
	footer{padding:60px 0;}
	footer .foot_top .left .inner{display: block;}
	footer .foot_top .left .info_time ul li div{font-size: 15px;}
	
	.foot_fix_bar {position: fixed;bottom: 0;width: 100%;background: rgba(255, 255, 255, 0.9);overflow: hidden;z-index: 99;border-top: 1px solid #eee;display: block}
	.foot_fix_bar div {float: left;width: 50%;text-align: center;color: #000;cursor: pointer;padding: 15px 0;line-height: 1em;transition: .4s all;font-weight: 600}
	.foot_fix_bar div:hover {background: #ffffff;transition: .4s all}
	.foot_fix_bar .sms {border-right: 1px solid #eee}
	.foot_fix_bar div img {height: 20px;margin-right: 8px}
}

@media screen and (max-width: 520px){
	h2{font-size: 30px;}

	h3{font-size: 20px;}
	h4{font-size: 17px;}
	h5{font-size: 16px;}
	.title{font-size: 14px;}
	.text{font-size: 13px;}
	
	
	.main_01 .headline h4 div{display: none;}
	.main_01 .flexwrap .article{width:100%;}
	.main_01 .flexwrap .article .number{width:40px; height: 40px; font-size: 18px; line-height: 40px; top:-20px;}
	.main_01 .flexwrap .article .segment{padding:30px 20px;}
	
	.main_02{padding-top:50px;}
	.main_02 .left .imgwrap{max-width:300px;}
	
	.main_03 {padding: 50px 20px}
	.main_03 .left .listwrap{display: block;}
	.main_03 .left .listwrap .list{margin-right:0; margin-top: 40px;}
	.main_03 .left .listwrap .list:first-of-type{margin-top: 0;}
	.main_03 .right{top:auto; bottom:-80px;}
	.main_03 .right img{height: 130px;}
	
	.main_04 {padding: 50px 0}
	.main_04 .inner .title div{display: none;}
	.main_04 .carouselwrap .carousel .item .img_name{font-size: 14px;}
	.main_04 .inner .flexwrap .article .segwrap{display: block; width:100%; margin-left:0;}
	.main_04 .inner .flexwrap .article .segment{width:100%; margin-top: 30px !important;}
	.main_04 .inner .flexwrap .article .segment:first-of-type{margin-top: 0 !important;}
	.item {border: 1px solid #eee;}
	
	.main_05 {padding: 50px 0}
	.main_05 .article .listwrap ul li{font-size: 14px;}
	.main_05 .carouselwrap .btnwrap3,.main_04 .carouselwrap .btnwrap{top:-30px;}
	.main_05 .carouselwrap .carousel3 .owl-stage-outer{padding:20px 0;}
	.main_05 .carouselwrap .carousel3 .item .img_name{font-size: 14px;}
	
	.main_06 {padding: 50px 0}
	.main_06 .article .imgwrap{width:45%;}
	.main_06 .article .segment{width:55%; padding-left:3%;}
	
	.main_07 .m_btn{display: none;}
	.main_07 .carouselwrap .carousel4 .item .imgwrap{height:300px;}
	
	.main_11 {padding: 50px 10px}
	
	.main_11 .flexwrap{display: block;}
	.main_11 .flexwrap .article{width:100%;}
	.main_11 .flexwrap .article ul li{width:100%;}
	.main_11 .flexwrap .article .art_table .cell{display: block;}
	.main_11 .flexwrap .article .art_table .cell .inner{display: block;}
	.main_11 .flexwrap .article .art_table .cell .inner:first-of-type{font-weight: 600;}
	.main_11 .flexwrap .article{width:100%; margin:0; margin-bottom: 40px;}
	.main_11 .flexwrap .article:first-of-type{text-align: left;}
	.main_11 .flexwrap .article:last-of-type{margin-bottom: 0;}
	.main_11 .flexwrap .article .art_table .cell{display: table;}
	.main_11 .flexwrap .article .art_table .cell .inner{display: table-cell;}
	.main_11 .flexwrap .article .art_table .cell .inner:first-of-type{font-weight: 400;}
	.main_11 .flexwrap .article h4{margin-top: 10px;}
	
	.main_08 {padding: 50px 10px}
	.main_08 .segment{width:100%; padding:0 2%; margin-top:30px; display: block;}
	.main_08 .segment .article{width:100%; margin:0;}
	.main_08 .segment .article:nth-of-type(1) ~ .article{margin-top: 30px;}
	
	.main_09 {padding: 50px 10px}
	.main_09 .flexwrap{display: block;}
	.main_09 .flexwrap .article{width:100%; margin:0; margin-bottom: 40px;}
	.main_09 .flexwrap .article:first-of-type{text-align: left;}
	.main_09 .flexwrap .article:last-of-type{margin-bottom: 0;}
	.main_09 .flexwrap .article .art_table .cell{display: table;}
	.main_09 .flexwrap .article .art_table .cell .inner{display: table-cell;}
	.main_09 .flexwrap .article .art_table .cell .inner:first-of-type{font-weight: 400;}
	.main_09 .flexwrap .article h4{margin-top: 10px;}
}

@media screen and (max-width: 420px){
	.main_02 .left .imgwrap{max-width:240px;}
	
	.main_05 .flexwrap .article:nth-of-type(1) ~ .article{margin-top: 70px;}
	
	.main_06 .article{display: block;}
	.main_06 .article .imgwrap{width:100%;}
	.main_06 .article .segment{width:100%; padding-left:0;}
	.main_06 .article h4 {margin-top: 15px;}
}