*{margin: 0 auto; padding: 0;}
body {}

.header {height: 100px; width: 100%; background-color: #ffff; box-shadow: 0px 0px 10px #1d1d1d; position: fixed; top: 0; z-index: 800; background-color: #fff;}
.bar {width: 1200px; height: 100px; position: relative;}
.logo {position: relative;}
.logo_img {margin: 1rem; height: 100px; float: left;}

.menu{ margin: 1rem; float: right;}
.menu > ul{list-style: none; }
.menu > ul > li{float: left; margin: 1rem 3.5rem;}
.menu > ul > li > a{color: #1d1d1d; letter-spacing: 0.01rem; font-size: 14px; font-weight: bold; text-decoration: none;}
.menu > ul > li > a:hover{color: #5198D4;}


	.section input[id*="slide"] {display:none;}
	.section .slidewrap {max-width:100%;margin:0 auto;}
	.section .slidelist {white-space:nowrap;font-size:0;overflow:hidden;position:relative;}
	.section .slidelist > li {display:inline-block;vertical-align:middle;width:100%;transition:all .5s;}
	.section .slidelist > li > a {display:block;position:relative;}
	.section .slidelist > li > a img {width:100%;}
	.section .slidelist label {position:absolute;z-index:10;top:50%;transform:translateY(-50%);padding:50px;cursor:pointer;}
	.section .slidelist .textbox {position:absolute;z-index:1;top:50%;left:50%;transform:translate(-50%,-50%);line-height:1.6;text-align:center;}
	.section .slidelist .textbox h3 {font-size:38px;color:#fff;;transform:translateY(70px);transition:all .5s; text-shadow: 3px 3px 6px #1d1d1d;}
	/*.section .slidelist .textbox p {font-size:16px;color:#fff;opacity:0;transform:translateY(30px);transition:all .5s;}*/

	/* input에 체크되면 슬라이드 효과 */
	.section input[id="slide01"]:checked ~ .slidewrap .slidelist > li {transform:translateX(0%);}
	.section input[id="slide02"]:checked ~ .slidewrap .slidelist > li {transform:translateX(-100%);}
	.section input[id="slide03"]:checked ~ .slidewrap .slidelist > li {transform:translateX(-200%);}

	/* input에 체크되면 텍스트 효과 */
	.section input[id="slide01"]:checked ~ .slidewrap li:nth-child(1) .textbox h3 {opacity:1;transform:translateY(0);transition-delay:.2s;}
	.section input[id="slide01"]:checked ~ .slidewrap li:nth-child(1) .textbox p {opacity:1;transform:translateY(0);transition-delay:.6s;}
	.section input[id="slide02"]:checked ~ .slidewrap li:nth-child(2) .textbox h3 {opacity:1;transform:translateY(0);transition-delay:.2s;}
	.section input[id="slide02"]:checked ~ .slidewrap li:nth-child(2) .textbox p {opacity:1;transform:translateY(0);transition-delay:.6s;}
	.section input[id="slide03"]:checked ~ .slidewrap li:nth-child(3) .textbox h3 {opacity:1;transform:translateY(0);transition-delay:.2s;}
	.section input[id="slide03"]:checked ~ .slidewrap li:nth-child(3) .textbox p {opacity:1;transform:translateY(0);transition-delay:.6s;}

	/* 좌,우 슬라이드 버튼 */
	.slide-control > div {display:none;}
	.section .left {left:50px;background:url('../img/left.png') center center / 100% no-repeat;}
	.section .right {right:50px;background:url('../img/right.png') center center / 100% no-repeat;}
	.section input[id="slide01"]:checked ~ .slidewrap .slide-control > div:nth-child(1) {display:block;}
	.section input[id="slide02"]:checked ~ .slidewrap .slide-control > div:nth-child(2) {display:block;}
	.section input[id="slide03"]:checked ~ .slidewrap .slide-control > div:nth-child(3) {display:block;}

.slidewrap{position: relative;}
	/* 페이징 */
	.slide-pagelist {text-align:center;padding:20px; position: absolute;
	top: 90%;
	left: 50%; transform: translate( -50%, -50% );}
	.slide-pagelist > li {display:inline-block;vertical-align:middle;}
	.slide-pagelist > li > label {display:block;padding:10px 10px;border-radius:30px;background:#999;margin:20px 10px;cursor:pointer;}
	.section input[id="slide01"]:checked ~ .slidewrap .slide-pagelist > li:nth-child(1) > label {background:#fff;}
	.section input[id="slide02"]:checked ~ .slidewrap .slide-pagelist > li:nth-child(2) > label {background:#fff;}
	.section input[id="slide03"]:checked ~ .slidewrap .slide-pagelist > li:nth-child(3) > label {background:#fff;}






/*sub01*/
.sub01{height: 250px; overflow: hidden; position: relative;}
.sub01 img{padding-top: 100px; width: 100%; min-height: 150px; background-size: cover;}
.sub01 .main_bar {position:absolute; top:170px; left:50%; transform:translate(-50%,-50%); text-align:center; z-index:1;}
.sub01 .main_bar h3 {font-size:38px;color:#fff;}

.sub01_2{width:1200px; height: 500px; }
.sub01_img{width:814px; height: 458px; background-image:url('../img/sub01/sub01_1.png'); background-size: cover; position: relative;}
.sub01_img .sub01_txt{width: 500px; text-align: center; vertical-align: middle; position: absolute;left: 50%;top: 50%; transform: translate(-50%,-50%)}
.sub01_img .sub01_txt h3{font-size: 38px; color:#5198D4;}
.sub01_img .sub01_txt p{color:#1d1d1d;}

.vi{width: 100%; height: 1020px; background-color: #ededed;margin-bottom: 130px;}
.vi .vi_in{width: 1200px; height: 410px; padding-top: 100px; position: relative;}
.vi .vi_in .vi_left{float: left;}
.vi .vi_in .vi_right{float: right; margin-top: 50px; padding-right: 30px;}
.vi .vi_in .vi_right h3{width: 90px; text-align: left;font-size: 30px; color:#1d1d1d; border-top: 3px solid; border-color: #5198D4; margin: 0;}
.vi .vi_in .vi_right p{}

.vi .mi_in{width: 1200px; height: 410px;  position: relative; padding-top: 60px;}
.vi .mi_in .mi_right{float: right;}
.vi .mi_in .mi_left{float: left; margin-top: 50px; padding-left: 30px;}
.vi .mi_in .mi_left h3{width: 100px; text-align: left;font-size: 30px; color:#1d1d1d; border-top: 3px solid; border-color: #5198D4; margin: 0;}
.vi .mi_in .mi_left p{}


.oc{text-align: center;padding-bottom: 160px;}
.his{text-align: center;padding-bottom: 150px;}


/*sub02*/
.sub02{width: 1200px; text-align: center; padding-top: 100px; padding-bottom: 200px;}
.sub02_1{width: 1200px; text-align: center; padding-bottom: 140px;}
.sub02_2{width: 1200px; text-align: center; padding-bottom: 100px;}


.sub02_1 .pt {padding-top: 50px;}

.pt > a.roll img{display: inline;}
.pt > a.roll img.over{display: none;}
.pt > a.roll:hover img{display: none;}
.pt > a.roll:hover img.over{display: inline;}


.sub02_1 .pt .pt2{width: 200px; justify-content: center; flex-wrap: wrap;}
.sub02_1 .pt .pt3{width: 200px; justify-content: center; flex-wrap: wrap;}
.sub02_1 .pt .pt4{width: 200px; justify-content: center; flex-wrap: wrap;}
.sub02_1 .pt .pt5{width: 200px; justify-content: center; flex-wrap: wrap;}



/*sub03*/
.sub03{width: 1200px; text-align: center; padding-top: 80px; padding-bottom: 100px;}
.sub03_1{width: 1200px; text-align: center; padding-bottom: 140px;}


/*sub04*/
.sub04{width: 1200px; height: 560px; padding: 120px;}
.sub04_left{float: left; width: 500px; }
.sub04_left > h1{font-size: 30px; color: #5198D4; padding-bottom: 40px;}
.sub04_left > h3{font-size: 18px; color: #1d1d1d; opacity: 70%; padding-bottom: 20px;}

.sub04_left .p4{}
.sub04_left .p4 .p_l{float: left;}
.sub04_left .p4 .p_l > p{font-size: 14px; color: #1d1d1d; opacity: 70%;}

.sub04_left .p4 .p_R{float: right; padding-right: 100px;}
.sub04_left .p4 .p_R > p{font-size: 14px; color: #1d1d1d; opacity: 70%;}
.sub04_left .p4 .p_R > a{font-size: 14px; color: #1d1d1d; opacity: 70%;text-decoration: none;}

.sub04_right{width: 700px; height: 300px; float: right; }
.sub04_right .kakaomap{position: relative; margin: 0 auto; max-width: 700px; width: 100%}
.sub04_right .kakaomap > .root_daum_roughmap{width: 100%; padding-bottom: 50%;}
.sub04_right .kakaomap > .root_daum_roughmap .wrap_map{position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%;}
.kakaomap .hide {display: none;}


footer{background-color: #1d1d1d;}
footer > .footer{width: 1200px; height: 150px; padding: 50px; position: relative;}
.footer_left{float: left;}
.footer_left > p{color: #ffffff; font-size: 14px; font-weight: 400; padding-bottom: 3px;}
.footer_left > .copy{float: right; padding-left: 20px;}
.footer_left > a{color: #ffffff; font-size: 14px; text-decoration: none; font-weight: 400;}

.footer_right{float: right;}