@charset "utf-8";
@import url('fonts.css');

html, body,
h1, h2, h3, h4, h5, h6,
input, select, textarea, button, option {font-family:"Noto Sans KR", "맑은 고딕", "돋움", dotum, sans-serif;letter-spacing:-0.2px;}

html {position:relative;}
html, body {font-weight:normal;color:#000;}
body {position:relative;font-size:22px;word-break:break-all;}
body, div, dl, dd, ul, ol, h1, h2, h3, h4, h5, h6, form, fieldset, legend, button, p, pre, blockquote, menu, figure, input {margin:0;padding:0;}
header, footer, section, article, aside, nav, hgroup, details, menu, figure, figcaption {display:block;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, legend, select, input, textarea, p, blockquote, th, td, menu, button, a, span, strong, label, header, footer, section, article, aside, nav, hgroup, details, figure, figcaption {word-break:break-word;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;word-break:break-all;}
h1  {font-size:30px;font-weight:bold;color:inherit;}
h2, h3, h4, h5, h6, input, select, textarea, button, option {font-size:22px;font-weight:normal;color:inherit;}
pre, code, samp, kbd {font-family:inherit;}
em, var, address {font-style:normal;}
ul, ol {list-style-type:none;}

legend, fieldset, button, img {border:0 none;}
input, select, textarea, button, label, strong, a, time {vertical-align:inherit;}
input, select, textarea, button, option {font-family:inherit;font-weight:inherit;}
input[type="text"]::-webkit-search-cancel-button {appearance:none;-webkit-appearance:none;}
button, select, option {color:inherit;text-transform:none;}
caption, legend {position:absolute;top:-9999px;left:-9999px;width:1px;height:1px;overflow:hidden;margin:-1px;clip:rect(0,0,0,0);}
table {border-collapse:collapse;border-spacing:0;}
button {overflow:visible;text-align:left;cursor:pointer;background:none;}
:focus{outline:0;}
a{color:#000;text-decoration:none;}
.hidden,
.sound-only{position: absolute!important;width: 1px!important; height: 1px!important;clip: rect(0 0 0 0)!important;overflow: hidden!important; border: 0!important; padding: 0!important;margin: -1px!important;}

.forMobile{display:none;}
::-webkit-input-placeholder{color:#696969;} /* Chrome/Opera/Safari */
::-moz-placeholder{color:#696969;} /* Firefox 19+ */
:-ms-input-placeholder{color:#696969;} /* IE 10+ */
:-moz-placeholder{color:#696969;} /* Firefox 18- */

.scroll{/*margin:0 2px;*/overflow:hidden;overflow-y:auto;}
.scroll::-webkit-scrollbar{width:5px;height:5px;}
.scroll::-webkit-scrollbar-track{background-color:#d5d9e1;border-radius:5px;}
.scroll::-webkit-scrollbar-thumb{background:#adb4c2;border-radius:5px;height: 10%;}
.scroll::-webkit-scrollbar-thumb:hover{background: #adb4c2;}

#skipnavigation{position:relative;z-index:110;}
#skipnavigation .skip{position:absolute;top:0;left:0;}
#skipnavigation a{display:block;height:1px;width:1px;margin-bottom:-1px;overflow:hidden;text-align:center;color:#000;white-space:nowrap;}
#skipnavigation a:focus,
#skipnavigation a:active{height:auto;width:auto;padding:5px;margin-bottom:10px;}

html,
body{height:100%;}
body{background-color:#fff;}
body.hiddenScroll{overflow:hidden;}
body.bgGray{background-color:#edf1f8;}

/* common */
#wrap{position:relative;min-height:calc(100% - 400px);z-index:200;}
#footer .bg,
#wrap .bg{position:relative;margin:0 auto;width:1300px;zoom:1;}
#wrap .bg:after{display:block;clear:both;content:''}
#wrap,
#header,
#footer{min-width:1300px;}

#header {
    position: sticky;
    top: 0;
    left: 0;
    background-color: transparent;      /* 처음에 투명 배경 */
    /* box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.05); 
       그림자도 스크롤 시에만 주려면 아래 scrolled 클래스로 이동하세요 */
    width: 100%;
    height: 110px;
    z-index: 400;
    transition: background-color 0.4s ease;  /* 배경만 부드럽게 전환 */
}

/* 스크롤 내렸을 때 적용할 스타일 */
#header.scrolled {
    background-color: #fff;                       /* 흰색 배경 */
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.05);   /* 그림자 추가 */
}
#header .bg{position:relative;margin:0 auto;width:1500px;height:120px;}
#header h1{position:absolute;top:-7px;left:39px;line-height:109px;height:129px;}
#header h1 img{vertical-align:middle;margin-top:0;}
#header .mGnb{margin:0 525px 0 570px;text-align:center;padding-right:40px;transition:all 0.4s 0s;}
#header .util{position:absolute;top:-11px;right:30px;transition:all 0.4s 0s;}
#header .util .tel{display:table;float:left;background-color:#db7632;color:#fff;font-size:17px;padding:0 40px;height:129px;transition:all 0.4s 0s;}
#header .util .tel .cell{display:table-cell;vertical-align:middle;line-height:160%;}
#header .util .tel .ti{}
#header .util .iMenu1{display:block;float:left;background:url(../images/ico_menu1.png) 50% 50% no-repeat;margin:0 0 0 125px;padding:0;text-indent:-9999px;font-size:0;width:89px;height:129px;transition:all 0.4s 0s;}

.mGnb ul{padding:0 0 0 65px;text-align:center;transition:all 0.4s 0s;} /*155->124->65*/
.mGnb li{position:relative;display:inline-block;margin:0 0;}
.mGnb li .dep1{display:block;color:#191919;font-size:18px;padding:0 18px;line-height:110px;height:129px;transition:all 0.4s 0s;}
.mGnb li .dep2{display:none;}
.mGnb li.active .dep1,
.mGnb li .dep1:hover{color:#ff8a00;}
.mGnb li:hover .dep2{position:absolute;top:94px;left:0;display:block;border-radius:8px;background-color:#ff8a00;width:255px;}
.mGnb li:hover .dep2{padding:19px 0;}
.mGnb li:hover .dep2 ul{padding:0;}
.mGnb li:hover .dep2 li{display:block;color:#fff;margin:0;line-height:120%;height:auto;}
.mGnb li:hover .dep2 li a{display:block;color:#fff;font-size:16px;padding:6px 25px;text-align:left;transition:all 0.4s 0s;}
.mGnb li:hover .dep2 li a:hover,
.mGnb li:hover .dep2 li.active a{color:#f6ff00;}
.mGnb .btn{position:absolute;top:37px;right:400px;border:1px solid #444;color:#444;font-size:14px;text-align:center;width:150px;line-height:33px;height:36px;border-radius:5px;}
.mGnb .btn:hover{color:#ef1e20;border-color:#ef1e20;}


.fadein { position:relative; height:332px; width:500px; }
.fadein img { position:absolute; left:0; top:0; }


.hbox {
  width: 100%;
  margin-top: 50px;
}

.hbox ul {
  margin: 30px auto;
  position: relative;
  width: 960px;
}

.hbox ul:before {
  content: " ";
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -2px;
  padding: 20px 0;
  width: 1px;
  height: 100%;
  background-color: #db7632;
}

.hbox ul li {
  position: relative;
  margin-bottom: 20px;
}

.hbox ul li:after {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 12px;
  height: 12px;
  background-color: #db7632;
  border-radius: 50%;
  border: 2px solid white;
  z-index: 1;
}

.hbox ul li:nth-child(even):before {
  content: "";
  position: absolute;
  height: 1px;
  background: #db7632;
  top: 50%;
  left: calc(50% - 10px);
  width: calc(50% - 379px); /* Adjust the 160px to match the width of h4 */
  z-index: 0;
}

.hbox ul li:nth-child(odd):before {
  content: "";
  position: absolute;
  height: 1px;
  background: #db7632;
  top: 50%;
  right: calc(50% - 10px);
  width: calc(50% - 379px); /* Adjust the 160px to match the width of h4 */
  z-index: 0;
}

.hbox ul li:nth-child(odd) {
  padding-right: 59.5%;
}

.hbox ul li:nth-child(even) {
  padding-left: 59.5%;
  text-align: left;
}

.hbox ul li h4 {
  font-size: 18px;
  color: #3f454b;
  display: inline-block;
  width: 100%; /* Adjust width as needed */
  padding:50px;
  border:1px solid #ccc;
}

.hbox ul li p {
  font-size: 15px;
  line-height: 1.7;
  letter-spacing: 0.01rem;
  color: #707984;
  word-break: keep-all;
}

.hbox ul li span {
  position: relative;
  display: block;
  margin-top: 20px;
  width: 320px;
  height: 180px;
  background: #dfdfdf;
}

.hbox ul li span:before {
  content: 'images box';
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -15px;
  margin-left: -35px;
  font-size: 14px;
}


.mMain1{position:relative;height:940px;overflow:hidden;margin-top:-130px}
.mMain1:before{content:"";position:absolute;bottom:25px;left:50%;margin-left:-22px;background:url(../images/ico_scroll1.png) 0 0 no-repeat;width:47px;height:65px;z-index:100;animation:scrollani 1s infinite ease-in-out;}
.mMain1 .slide{position:absolute;top:0;left:0;width:100%;background-size:cover;background-position:50% 50%;background-repeat:no-repeat;height:940px;}
.mMain1 .slide .txt{display:table;color:#000;font-weight:700;font-size:50px;line-height:100%;letter-spacing:-1px;width:1100px;height:100%;margin:0 auto;}
.mMain1 .slide .txt .cell{display:table-cell;padding:0 0 55px;vertical-align:middle;}
.mMain1 .slide .em{display:block;color:#888;font-size:20px;font-weight:400;line-height:150%;margin-top:30px;}
.mMain1 .slide .txt a{color:#000;}
.mMain1 .slide .logo{display:none;}
.mMain1 .pagination{position:absolute;bottom:190px;left:0;text-align:center;width:100%;}
.mMain1 .pagination > span{display:inline-block;background-color:#fff;border-radius:50%;box-shadow:5px 5px 5px rgba(0,0,0,0.1);margin:0 3px;width:14px;height:14px;opacity:1;transition:all 0.4s 0s;}
.mMain1 .pagination span.active{background-color:#ff8a00;border-radius:3px;width:36px;}

.mMain1 .swiper-slide{background-size:cover;background-position:50% 50%;background-repeat:no-repeat;height:769px;}
.mMain1 .swiper-slide .txt{display:table;color:#fff;font-weight:700;font-size:90px;line-height:130%;letter-spacing:-1px;text-align:center;width:100%;height:100%;text-shadow:5px 5px 5px rgba(0,0,0,0.2);}
.mMain1 .swiper-slide .txt .cell{display:table-cell;padding:0 0 55px;vertical-align:middle;}
.mMain1 .swiper-slide .txt a{color:#fff;}
.mMain1 .swiper-slide .txt em{color:#ffcc00;}
.mMain1 .swiper-slide .logo{display:none;}
.mMain1 .swiper-pagination{position:absolute;bottom:220px;left:0;width:100%;}
.mMain1 .swiper-pagination-bullet{background-color:#fff;border-radius:50%;box-shadow:5px 5px 5px rgba(0,0,0,0.1);margin:0 3px;width:14px;height:14px;opacity:1;transition:all 0.4s 0s;}
.mMain1 .swiper-pagination-bullet-active{background-color:#ffcc00;border-radius:3px;width:36px;}
@keyframes scrollani{
	0% {opacity: 0; bottom:34px;}
	50% {opacity: 1; }
	100% {opacity: 0;bottom:14px;}
}

.mMain2{position:relative;background-color:#f8f8f8;text-align:center;margin:0 0 100px;padding:100px 0 0;height:450px;}
.mMain2:before{content:"";position:absolute;bottom:0;left:50%;margin-left:-95px;}
.mMain2 h3{font-size:38px;font-weight:500;letter-spacing:-3px;color:#777;}
.mMain2 .bg2{width:1200px;margin:0 auto;text-align:left}
.mMain2 .btn{float:right;width:300px;background-color:#ff8a00;color:#fff;text-align:center;border-radius:7px;padding:15px 0 15px 0;}
.mMain2 a{float:right;width:300px;background-color:#4613af;color:#fff;text-align:center;border-radius:7px;padding:30px 0 30px 0;transition:all 0.4s 0s;}
.mMain2 a:hover{background-color:#562cae}
.mMain2 .txt{color:#777;font-size:25px;letter-spacing:-1px;line-height:160%;font-weight:100;padding-top:20px;max-width:950px;}

.mMain3{position:relative;padding:0 0 110px;overflow:hidden;text-align:center}
.mMain3 h3{font-weight:bold;font-size:50px;padding:0 0 98px;margin-bottom:20px;letter-spacing:-3px;}
.mMain3 .swiper-slide{position:relative;background-size:cover;background-position:50% 50%;background-repeat:no-repeat;height:513px;overflow:hidden;border-radius:10px;}
.mMain3 .swiper-slide .hover{position:absolute;top:100%;left:0;background-color:rgba(0,0,0,0.8);display:table;width:100%;height:100%;transition:all 0.4s 0s;}
.mMain3 .swiper-slide .hover .cell{display:table-cell;vertical-align:middle;}
.mMain3 .swiper-slide .hover .tit{display:block;color:#fff;font-size:27px;}
.mMain3 .swiper-slide .hover .more{position:relative;display:inline-block;color:#fff600;font-size:20px;font-weight:bold;margin:40px 0 0 0;text-align:left}
.mMain3 .swiper-slide .hover .more:before{content:"";position:absolute;bottom:0;left:0;background-color:#fff600;width:100%;height:1px;}
.mMain3 .swiper-slide:hover .hover{top:0;}
.mMain3 .swiper-slide .hover .txt{display:inline-block;color:#fff;font-size:18px;width:23%;margin:0 auto;line-height:35px;text-align:left;vertical-align: top;}
.mMain3 .swiper-slide .hover .txt2{display:inline-block;color:#fff;font-size:18px;width:60%;margin:0 auto;line-height:35px;text-align:left;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.mMain3 .pag{position:absolute;top:100px;left:0;text-align:center;width:100%;}
.mMain3 .swiper-button-next,
.mMain3 .swiper-button-prev{background:url(../images/ico_prev1.png) 50% 50% no-repeat;margin:0;position:static;display:inline-block;margin:0 8px;width:41px;height:41px;background-size:100%;}
.mMain3 .swiper-button-next{background-image:url(../images/ico_next1.png);}


.mMain4{background:url(../images/k_main4.png) 50% 100% no-repeat;background-size:cover;padding:115px 0;text-align:center;}
.mMain4 h3{font-weight:bold;font-size:40px;color:#fff;}
.mMain4 .info{color:#fff;font-size:25px;line-height:180%;margin:15px 0 0;}
.mMain4 .txt{color:#fff;font-size:20px;margin:42px 0 0;}
.mMain4 .txt em{color:#ffc600;font-weight:500;padding-right:7px;}
.mMain4 .txt > span{padding:0 5px;}
.mMain4 .btn{display:inline-block;border:1px solid #fff;border-radius:4px;color:#fff;font-size:20px;margin:54px 0 0;text-align:center;min-width:200px;line-height:60px;height:60px;}

.mMain5{display:-webkit-flex;display:flex;}
.mMain5 .col{position:relative;background:url(../images/k_main5_1.png) 0 0 no-repeat;background-size:cover;width:100%;-webkit-flex:1;flex:1;text-align:center;}
.mMain5 .col .cell{display:table;width:100%;}
.mMain5 .col a{position:relative;display:table-cell;vertical-align:middle;height:634px;transition:all 0.4s 0s;}
.mMain5 .col a:hover{background-color:rgba(0,138,255,0.5);}
.mMain5 .col .tit{display:block;color:#fff;font-size:40px;font-weight:bold;}
.mMain5 .col .txt{display:block;background:url(../images/ico_main5.png) 50% 100% no-repeat;color:#fff;font-size:25px;line-height:180%;margin:25px 0 0;padding:0 0 85px;}
.mMain5 .col.i1:before{content:"";position:absolute;top:0;left:0;background-color:rgba(0,0,0,0.2);width:100%;height:100%;}
.mMain5 .col.i2{background-image:url(../images/k_main5_2.png);}

.mMain6{display:-webkit-flex;display:flex;margin:0 auto;padding:95px 0 65px;width:1300px;}
.mMain6 .col{position:relative;-webkit-flex:1;flex:1;}
.mMain6 h3{font-weight:500;font-size:30px;padding:0 0 35px;}
.mMain6 .txt{font-size:20px;line-height:200%;}

.map{display:block;width:100%;border-radius:5px;border:1px solid #ddd;}

.mList1 dt{background:url(../images/ico_arr1.png) 0 6px no-repeat;font-size:20px;padding:0 0 10px 0;}
.mList1 dd{font-size:17px;padding:0 0 40px 0;color:#999}
.mBtn {width:300px;margin:0 auto;margin-top:30px;margin-bottom:190px;}
.mBtn li{float:left;width:50%;list-style:none}	

.mMain7{height:477px;}
.mMain7 .map{height:100%;}

.lMenu1{display:none;position:fixed;top:0;left:0;background-color:rgba(0,0,0,0.9);width:100%;height:100%;z-index:1000;}
.lMenu1 .menu{position:relative;color:#fff;margin:0 auto;padding:247px 0 0;width:1195px;}
.lMenu1 .info{font-weight:300;font-size:42px;letter-spacing:-1px;padding:0 0 75px;}
.lMenu1 .list{display:-webkit-flex;display:flex;}
.lMenu1 .list a{color:#fff;}
.lMenu1 .list > li{-webkit-flex:1;flex:1;}
.lMenu1 .list > li:nth-child(4){-webkit-flex:1;flex:1.3;}
.lMenu1 .list > li .dep1{display:block;font-size:33px;font-weight:400;margin:0 0 22px;color:#ff8a00}
.lMenu1 .list > li .dep2 li + li{margin-top:9px;}
.lMenu1 .list > li .dep2 li a{font-size:29px;font-weight:300;letter-spacing:0;transition:all 0.4s 0s;}
.lMenu1 .list > li .dep2 li a:hover{color:#db7632;}
.lMenu1 .close{position:absolute;top:260px;right:0;background:url(../images/ico_close1.png) 50% 50% no-repeat;text-indent:-9999px;font-size:0;width:40px;height:40px;}
	
#body{position:relative;background-color:#fff;margin:140px auto 0;width:1300px;margin-bottom:130px;}


  .mSub2{position:relative;text-align:center;}
	.mSub2 img{border-radius:10px;border:1px solid #e5e5e5;margin-top:30px;}	
	.mSub2 .con{text-align:center;padding:60px 0 60px 0;border-top:1px solid #e6e6e6;margin-bottom:283px;}
	.mSub2 .cont{width:100%;margin-top:40px;font-size:16px;}	
	.mSub2 .cont2 {text-align:left;margin-top:40px;font-size:16px;border:1px solid #ddd;padding:30px;border-radius:10px;}	
	.mSub2 .cont .tit{font-size:20px;}		
	.mSub2 .cont .txt{font-size:16px;margin-top:10px;}			
	.mSub2 .cont li{width:100%;background-color:#f8f8f8;padding:30px 40px 30px 40px;border-bottom:1px solid #eee;border-radius:10px;margin-bottom:10px;}		
	.mSub2 .r{width:300px;height:300px;line-height:350px;background-color:#fff;border-radius:20px;box-shadow: 0 22px 34px 0 rgba(0, 0, 0, .06);border:1px solid #eee}
	.mSub2 .con li{float:left;width:50%;list-style:none;text-align:left}
	.mSub2 .con li.f{padding-left:50px;}	
	.mSub2 .con li.g{text-align:right}		
	.mSub2 .con2 {width:1160px;margin:0 auto;text-align:center;padding:60px 0 60px 0;border-top:1px solid #e6e6e6;margin-bottom:200px;}
	.mSub2 .con2 li{float:left;list-style:none;text-align:left}
	.mSub2 .con2 li.f{padding-left:50px;}	
	.mSub2 .con2 li.g{text-align:right}		
	.mSub2 .con3 {width:1160px;margin:0 auto;text-align:center;padding:60px 0 60px 0;border-top:1px solid #e6e6e6;}
	.mSub2 .con3  h1{font-size:35px;font-weight:100;letter-spacing:-2px;}
	.mSub2 .con3  h2{font-size:67px;font-weight:600;letter-spacing:-2px;color:#5ed8f0;margin-bottom:80px;}
	.mSub2 .con3  h3{font-size:35px;font-weight:bold;letter-spacing:-2px;text-align:left}

	.mSub2 .con  h1{font-size:35px;font-weight:100;letter-spacing:-2px;}
	.mSub2 .con  h2{font-size:67px;font-weight:600;letter-spacing:-2px;color:#5ed8f0;margin-bottom:80px;}
	.mSub2 .con  h3{font-size:35px;font-weight:bold;letter-spacing:-2px;text-align:center;}
	.mSub2 .con2  h1{font-size:35px;font-weight:100;letter-spacing:-2px;}
	.mSub2 .con2  h2{font-size:67px;font-weight:600;letter-spacing:-2px;color:#5ed8f0;margin-bottom:80px;}
	.mSub2 .con2  h3{font-size:35px;font-weight:bold;letter-spacing:-2px;text-align:left}
	.mSub2 .con .bar{width:70px;;border-bottom:2px solid #db7632;margin: 0 auto;margin-top:30px;}	
	.mSub2 .con2 .bar{width:70px;;border-bottom:3px solid #5ed8f0;margin-top:30px;}		
	.mSub2 .con3 .bar{width:70px;;border-bottom:3px solid #5ed8f0;margin-top:30px;}			
	.mSub2 .txt{color:#000;font-size:20px;letter-spacing:-1px;line-height:140%;color:#777;width:100%;text-align:left}
	.mSub2 .txt .em{color:#5ed8f0;font-weight:300;font-size:15px;}
  .mSub2 .info {border:1px solid #ddd;background-color:#fff;margin-top:1000px;border-radius:10px;padding:60px 0 60px 0;line-height:180%;font-family: 'GmarketSans';background-color: #5ed8f0;color:#fff}	
  .mSub2 .info .txt{color:#f6c0c0;font-size:17px;}	

  .promotion {width:100%;background:url(/images/k_main4.png) 50% 100% no-repeat;background-size:cover;padding:54px 0;text-align:center;height:270px;border-radius:10px;color:#fff;margin-top:100px;}
  .promotion img {height:35px;border:0;margin-top:0}  
  .promotion .txt{display:block;color:#ded3f3;text-align:center;margin-top:15px;font-size:17px;}  
  .promotion .btn{display:inline-block;border:1px solid #ded3f3;border-radius:4px;color:#ded3f3;font-size:20px;margin:30px 0 0;text-align:center;min-width:200px;line-height:48px;height:50px;font-size:17px;}  

  .mSub3{position:relative;}
  .mSub3 .title{font-size:40px;font-weight:bold;letter-spacing:-1px;}  
  .mSub3 .tit{font-size:16px;color:#ccc;letter-spacing:-1px;margin-bottom:50px;}    
  .mSub3 .table td{font-size:17px;}
  

.sCom {text-align:center;width:100%;margin:100px 0 100px 0;}
.sList {width:100%}
.sList li{display:inline-block;width:32%;margin-right:10px;list-style:none;}
.sList .image-container {height: 400px;overflow:hidden;border-radius:7px;}
.sList .image-container img {width: 100%;height:100%;transition: transform 0.3s ease;}
.sList .image-container:hover img {transform: scale(1.1);}
.sList .Title {font-size:20px;margin:10px 0 40px 0;}
.sList a{}
.sList a:hover{color:#db7632}

.sView {width:100%;border-top:2px solid #db7632;margin-top:30px;}
.sView img{width:100%}
.sView li:nth-child(2n+1) {width:20%;text-align:center;}
.sView li:last-child {width:100%;color:#000;text-align:left;}
.sView li{display:inline-block;width:80%;border-bottom:1px solid #ddd;list-style:none;padding:15px;font-size:15px;margin-left:-5px;}



.mPag {display:block;margin: 20px 0 80px 0;line-height: normal;text-align: center;}
.mPag .bar, .mPag a, .mPag strong {display: inline-block;color: #89969f;text-decoration:none;text-align:center;min-width: 32px;line-height: 30px;height: 32px;border-radius:5px;border:1px solid #89969f;margin-left:7px;font-size:14px;}
.mPag strong, .mPag .selected {background-color: #89969f;color: #fff;font-weight: 600;}

#footer{position:relative;font-size:15px;margin:0 auto;width:100%;z-index:100;background-color:#ff8a00;color:#fff;margin-top:0;}
#footer .bg{width:1300px;margin:0 auto;padding:70px 0 70px 0}
#footer .bg .logo{float:left;width:22%}
#footer .bg .con{margin-left:150px;}
#footer .bg .con .txt{margin-top:20px;line-height:27px;margin-left:280px;}
#footer .bg .con .link{-webkit-flex:1;flex:1;margin-left:280px}
#footer .bg .con .link a{display:inline-block;font-size:15px;margin:0 10px 0 0;transition:all 0.4s 0s;color:#fff}
#footer .bg .con .link a:hover{color:#5c5c5c;}

/* sub */
.mTitle1{position:relative;font-size:51px;font-weight:700;margin:0 0 70px;}
.mTitle1 > span{position:relative;display:inline-block;}
.mTitle1 > span:before{content:"";position:absolute;bottom:-1px;left:0;border-radius:28px;width:100%;height:28px;z-index:0;}
.mTitle1 > span > span{position:relative;}

.mInfo1{margin-bottom:57px;}

.mText1{width:100%;letter-spacing:-1px;line-height:170%;}
.mText1 img{width:100%;margin-left:30px;border-radius:5px;}
.mText1 li{display:inline-block;;width:48%;list-style:none;vertical-align:top;}
.mText1 li .name{margin-top:60px;float:right;text-align:right}
.mText1 li .name img {width:77%;float:right;margin-top:10px;}
.mText2{text-align:right;font-size:25px;font-weight:bold;line-height:170%;}

.mImage1{margin:80px 0 80px 0;text-align:center}

.mKesub1{background-color:#f3f3f3;text-align:center;padding:62px 0 0;height:290px;}
.mKesub1 h3{color:#000;font-size:56px;letter-spacing:-3px;}

.mKesub2{background:url(../images/k_keysub2.png) 0 0 no-repeat;background-size:cover;text-align:center;padding:150px 0 0;height:785px;}
.mKesub2 h3{color:#fff;font-weight:500;font-size:63px;}

.mKesub3{background:url(../images/k_keysub3.png) 0 0 no-repeat;background-size:cover;text-align:center;padding:150px 0 0;height:785px;}
.mKesub3 h3{color:#fff;font-weight:500;font-size:63px;}

.mKesub4{background:url(../images/k_keysub4.png) 0 0 no-repeat;background-size:cover;text-align:center;padding:150px 0 0;height:785px;}
.mKesub4 h3{color:#fff;font-weight:500;font-size:63px;}

.mKesub5{background:url(../images/k_keysub5.png) 0 0 no-repeat;background-size:cover;text-align:center;padding:150px 0 0;height:785px;}
.mKesub5 h3{color:#fff;font-weight:500;font-size:63px;}

.mKesub6{background:url(../images/k_keysub6.png) 0 0 no-repeat;background-size:cover;text-align:center;padding:150px 0 0;height:785px;}
.mKesub6 h3{color:#fff;font-weight:500;font-size:63px;}


.mBc1{color:#c6c6c6;font-size:16px;}
.mBc1 > span{padding:0 10px;}

.sBox {position: relative;padding: 20px;margin:70px 0 0 0;}
.sBoxT{font-size:40px;text-align:center;letter-spacing:-2px;font-weight:300;margin-bottom:30px;}
.sBox li{display:inline-block;;width:23%;border:1px solid #db7632;border-radius:7px;margin-right:15px;margin-bottom:50px;padding:15px 0 0 30px;list-style:none;text-align:center;height:200px;}
.sBox li .txt{width:90%;display:block;margin-top:40px;}
.sBox li .sBoxR{position: relative;top:23px;left: 60px;width: 60px;height: 60px;line-height: 65px;font-size:60px;color:#db7632}
.table {width:100%;margin-top:20px;}
.table th{background-color:#f8f8f8;font-size:15px;text-align:center;padding:25px 15px 25px 15px;border:1px solid #ccc}
.table td{border:1px solid #ddd;border-left:0;border-right:0;padding:45px 15px 45px 15px;font-size:19px;text-align:left}

.table2 {width:100%;margin-top:50px;}
.table2 th{background-color:#f8f8f8;font-size:15px;text-align:center;padding:15px;border-left:0;border-right:0;font-weight:normal}
.table2 td{border-left:0;border-right:0;padding:15px 10px 15px 10px;font-size:15px;}
.kLine {font-size:15px;border-bottom:1px solid #ddd;height:50px;}


.mRound {background-color: #db7632;color: #fff;text-align: center;border-radius:50%;width:80px;height: 80px;line-height: 80px;}


.board_write {width:100%;border-top:2px solid #db7632;margin-top:20px;}
.board_write select,input,textarea{font-size:15px;padding:7px;border-radius:5px;border:1px solid #ddd}
.board_write th{font-size:15px;border-bottom:solid 1px #d5d5d5;text-align: center;background-color: #f8f8f8;font-weight:normal}
.board_write td{border-bottom:solid 1px #d5d5d5;padding:10px;}
.text-red {color:red}
.agree_box {margin-top: 30px;}
.agree_subtitle {margin-top: 20px;margin-bottom: 20px;}
.agree_number_area {margin-top: 20px;margin-bottom: 20px;}
.agree_number_title_head {display: inline-block;}
.board_agree {width: 100%;border-collapse: collapse;font-size: 16px;font-weight: 400;margin-bottom: 30px;letter-spacing: -0.03em;}
.board_agree th {background: #f8f8f8;border-top: solid 1px #b9b9b9;border-bottom: solid 1px #e7e7e7;text-align: center;padding:15px 0 15px 0;}
.board_agree td {color: #666;border-bottom: solid 1px #ddd;padding:15px 0 15px 0;}
.board_agree td.head {padding:30px;background-color: #f6f6f6;}
.board_agree .agree_title_th {font-weight: 500;text-align: center;}
.board_agree .agree_title_td {padding-left:40px;text-align:left;width:200px;color:#595959;font-weight: 500;}
.agree_line {width:1px;height:12px; margin-top:4px; background-color:#cdcdcd;}
.btn-board {padding: 15px 55px; border-radius:4px; min-width: 120px;text-align:center;margin:0 auto;font-size:17px;}
.btn-line {background-color: #fff; color: #db7632; border:1px solid #db7632;}
.btn-line:hover {background-color: #db7632; color: #fff; border:1px solid #db7632;}
.btn-blue {background-color: #db7632; color: #fff; border:1px solid #db7632}
.btn-blue:hover {background-color: #db7632; color: #fff;}

.lightbox-modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 1000;
    display: flex;
    flex-direction: column; /* 이미지 및 타이틀을 세로로 정렬 */
    align-items: center; /* 중앙 정렬 */
    justify-content: center; /* 중앙 정렬 */
}

.lightbox-modal img {
    max-width: calc(100% - 40px); /* 이미지 가로 최대 크기 설정 */
    max-height: auto; /* 이미지 세로 최대 크기 설정 */
    margin-bottom: 20px; /* 이미지와 타이틀 간격 설정 */
}

.lightbox-modal div {
    color: #fff; /* 타이틀 색상 설정 */
    margin-bottom: 20px; /* 타이틀과 닫기 버튼 간격 설정 */
}

.close-button {
    position: absolute;
    top: 20px;
    right: 40px;
    background: none;
    border: none;
    color: #fff;
    font-size: 16px;
    cursor: pointer;
}


.mTab1{text-align:left;margin:120px auto 0;width:1300px;}
.mTab1 a.active{background-color:#db7632;color:#fff;border:1px solid #db7632}
.mTab1 a:hover{background-color:#db7632;color:#fff;border:1px solid #db7632;transition: all 0.5s 0s;}
.mTab1 a{display:inline-block;background-color:#fff;border-radius:35px;color:#000;font-size:18px;text-align:center;min-width:200px;line-height:50px;height:52px;border:1px solid #ccc}
.mTab1 a + a{margin-left:6px;}
/* //sub */

.ani{filter:alpha(opacity=0);opacity:0;-moz-opacity:0;margin-top:100px;}




@-webkit-keyframes jsAnimate1 {
    100% {filter:alpha(opacity=100);opacity:1;-moz-opacity:1;margin-top:0;}
}
@keyframes jsAnimate1 {
    100% {filter:alpha(opacity=100);opacity:1;-moz-opacity:1;margin-top:0;}
}

.jsAnimateSub1.animate .ani{-webkit-animation-name:jsAnimate1;animation-name:jsAnimate1;-webkit-animation-duration:0.5s;animation-duration:0.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both;}
.jsAnimate4.animate .ani,
.jsAnimate3.animate .ani,
.jsAnimate2.animate .ani{-webkit-animation-name:jsAnimate1;animation-name:jsAnimate1;-webkit-animation-delay:0.1s;animation-delay:0.1s;-webkit-animation-duration:0.5s;animation-duration:0.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both;}

.iTop{position:fixed;bottom:20px;right:20px;float:right;display:block;background:url(../images/ico_top1_m.png) 50% 50% no-repeat;background-size:47px auto;text-indent:-9999px;font-size:0;width:60px;height:60px;z-index:1000;}

@media all and (max-width:1700px) {
	#header .mGnb{margin-right:390px;padding-right:0;}
	#header .mGnb ul{padding-left:25px;}
	#header .util{right:15px;}
	#header .util .iMenu1{margin-left:15px;}
}

@media all and (max-width:1460px) {
	.mGnb li .dep1{padding:0 5px;}
	#header .util .tel{padding:0 20px;}
	#header .mGnb{margin-right:350px;padding-right:0;}
	#header .mGnb ul{padding-left:0;}
}

/* forWeb */
@media all and (min-width:768px) {
	.lMenu1 .list > li .dep2{display:block !important;min-height:250px;}
}

/* forMobile */
@media all and (max-width:768px) {
	.mQuick1 .link a.forWeb,
	.forWeb{display:none;}
	.forMobile{display:block;}
	span.forMobile{display:inline-block;}
	.hidden_m{display:none;}
   h1  {font-size:22px;font-weight:bold;color:inherit;}	
   h5 {font-size:17px;}
	body{font-size:14px;}
	body.hiddenScrollForMobile{overflow:hidden;}
	
	#wrap,
	#header,
	#footer{width:auto;min-width:auto;}

	#header.type2_m{height:auto;box-shadow:none;}
	#header{height:65px;}
	#header h1{top:0;left:20px;line-height:65px;height:65px;}
	#header h1 img{height:30px;}
	#header .util .tel,
	#header.type2_m h1,
	#header .mGnb{display:none;}
	#header .util{right:0;}
	#header .util .iMenu1{background:url(../images/ico_menu1_m.png) 50% 80% no-repeat;background-size:37px auto;width:70px;height:65px;}

	#header.type2_m .util .iMenu1{position:absolute;top:0;right:0;background:url(../images/ico_menu1_w_m.png) 50% 70% no-repeat;background-size:37px auto;width:65px;height:65px;}

	.lMenu1{position:fixed;top:0;left:0;background-color:rgba(0,0,0,1);overflow:hidden;overflow-y:auto;height:100%;}
	.lMenu1 .menu{position:relative;color:#fff;margin:0 auto;padding:115px 0 0;width:100%;}
	.lMenu1 .info{display:none;font-weight:300;}
	.lMenu1 .list{display:block;text-align:center;}
	.lMenu1 .list > li:nth-child(4),
	.lMenu1 .list > li{display:block;}
	.lMenu1 .list > li .dep1{border-bottom:1px solid #222;font-size:28px;margin:0 0 18px;padding:0 0 15px;text-align:center;width:100%;color:#fff}
	.lMenu1 .list > li .dep2{display:none;border-bottom:1px solid #383838;margin-bottom:15px;padding-bottom:15px;}
	.lMenu1 .list > li .dep2 li + li{margin-top:9px;}
	.lMenu1 .list > li .dep2 li a{font-size:19px;}
	.lMenu1 .close{position:fixed;top:30px;right:15px;background:url(../images/ico_close1_m.png) 50% 50% no-repeat #000;background-size:21px auto;width:40px;height:40px;}

	#body{border:0;margin:0;padding:35px 25px;width:auto;}
	#body:before{display:none;}

	
	#footer{display:block;font-size:14px;padding:15px 0;}
	#footer .bg{width:100%;margin:0 auto;padding:25px}
	#footer .bg .logo{display:block;width:50%;float:none;margin:0 auto;}
	#footer .bg .con{margin-left:0;}
	#footer .bg .con .txt{margin-top:20px;line-height:27px;margin-left:0;}
	#footer .bg .con .link{display:none;}
	#footer .bg .con .copy{font-size:14px;text-align:center;margin-top:20px;}	
	
	
    .map{display:block;width:100%;border-radius:5px;border:1px solid #ddd;}
	.iTop{position:fixed;bottom:20px;right:20px;float:right;display:block;background:url(../images/ico_top1_m.png) 50% 50% no-repeat;background-size:47px auto;text-indent:-9999px;font-size:0;width:47px;height:47px;z-index:1000;}

	.mMain1{height:590px;}
	.mMain1:before{bottom:10px;margin-left:-22px;background-size:38px auto;width:44px;height:63px;}
	.mMain1 .slide{height:595px;}
	.mMain1 .slide .txt{font-size:32px;line-height:80%;letter-spacing:0;margin:0 auto;padding:0;width:315px;text-align:left;}
	.mMain1 .slide .txt .cell{padding-top:100px;}
  .mMain1 .slide .txt a	{font-size:25px;}
	.mMain1 .slide .logo{display:block;margin-bottom:15px;}
	.mMain1 .slide .logo img{height:36px;}
  .mMain1 .slide .em{display:block;color:#888;font-size:15px;font-weight:400;line-height:130%;margin-top:30px;}	
	.mMain1 .pagination{bottom:121px;left:50%;margin-left:-157px;text-align:left;width:100%;}
	.mMain1 .pagination span{margin:0 2px;width:7px;height:7px;opacity:1;transition:all 0.4s 0s;}
	.mMain1 .pagination span.active{border-radius:2px;width:18px;}

	.mMain1 .swiper-slide{height:440px;}
	.mMain1 .swiper-slide .txt{font-size:32px;line-height:130%;letter-spacing:0;margin:0 auto;padding:0;width:315px;text-align:left;}
	.mMain1 .swiper-slide .txt .cell{padding-bottom:0;}
	.mMain1 .swiper-slide .logo{display:block;}
	.mMain1 .swiper-slide .logo img{height:16px;}
	.mMain1 .swiper-pagination{bottom:120px;left:50%;margin-left:-157px;text-align:left;width:315px;}
	.mMain1 .swiper-pagination-bullet{margin:0 2px;width:7px;height:7px;opacity:1;transition:all 0.4s 0s;}
	.mMain1 .swiper-pagination-bullet-active{border-radius:2px;width:18px;}

	.mMain2{background-color:#f8f8f8;margin-bottom:80px;padding:35px 25px 35px 25px;height:auto;}
	.mMain2:before{margin-left:-48px;background-size:96px auto;width:96px;height:48px;}
  .mMain2 .bg2{width:100%;margin:0 auto;text-align:center}	
	.mMain2 h3{font-size:19px;font-weight:500;letter-spacing:0;padding:0;}
	.mMain2 .txt{font-size:14px;letter-spacing:0;line-height:130%;margin-top:20px;text-align:left}
	.mMain2 a{float:left;width:100%;background-color:#4613af;color:#fff;text-align:center;border-radius:7px;padding:25px 0;transition:all 0.4s 0s;}
	.mMain2 a:hover{background-color:#562cae}	
	
	.mMain3{padding:0 0 40px;}
	.mMain3 h3{font-size:24px;font-weight:500;padding:0 0 10px;}
	.mMain3 .swiper{position:relative;margin:0 25px;padding:0 10px;overflow:hidden;}
	.mMain3 .swiper-slide{height:438px;}
	.mMain3 .swiper-slide .hover .tit{font-size:17px;}
  .mMain3 .swiper-slide .hover .txt{display:inline-block;color:#fff;width:23%;margin:0 auto;line-height:25px;text-align:center;font-size:14px;text-align:left;vertical-align: top;}		
  .mMain3 .swiper-slide .hover .txt2{display:inline-block;color:#fff;width:55%;margin:0 auto;line-height:25px;text-align:left;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-size:14px;}   
	.mMain3 .swiper-slide .hover .more{font-size:20px;margin-top:15px;}
	.mMain3 .pag{top:45%;margin-top:-10px;width:100%;z-index:10;}
	.mMain3 .swiper-button-next,
	.mMain3 .swiper-button-prev{position:absolute;top:50%;left:-15px;background-size:40px auto;margin:0 15px;width:40px;height:50px;}
	.mMain3 .swiper-button-next{left:auto;right:-15px;}
	
	.mMain4{background: url(../images/k_main4.png) 50% 100% no-repeat;background-size: cover;padding:50px 30px 50px 30px;}
	.mMain4 h3{color:#fff;font-size:21px;font-weight:500;}
	.mMain4 .info{color:#fff;font-size:14px;line-height:180%;margin:15px 0 0;}
	.mMain4 .txt{background-color:#db7632;color:#fff;font-size:14px;margin:20px 0 0;padding:25px;text-align:left;}
	.mMain4 .txt em{color:#fff;font-weight:bold;padding-right:7px;}
	.mMain4 .txt > span{display:block;padding:0;}
	.mMain4 .txt > span + span{margin-top:5px;}
  .mMain4 .btn{display:inline-block;border:1px solid #fff;border-radius:4px;color:#fff;font-size:17px;margin:20px 0 0;text-align:center;min-width:200px;line-height:54px;height:54px;}
	
	.mMain5{display:block;}
	.mMain5 .col{display:block;}
	.mMain5 .col .cell{display:table;width:100%;}
	.mMain5 .col a{padding:60px 0 50px;height:auto;}
	.mMain5 .col .tit{font-size:25px;}
	.mMain5 .col .txt{background-image:none;font-size:17px;line-height:150%;margin:15px 0 0;padding:0;}
	.mMain5 .col.i1:before{display:none;}
	
	.mMain6{display:block;width:auto;padding: 0 0 30px;margin-top:40px;}
	.mMain6 .col{position:relative;display:block;}
	.mMain6 h3{font-size:19px;padding-bottom:20px;text-align:center;}
	.mMain6 .txt{font-size:16px;line-height:160%;}
	.mMain6 .col.call{margin:20px 0 0;}
	.mMain6 .col.call h3{display:none;}
	
	.mMain7{display:none;}
   .board_write td{border-bottom:0;padding:10px 10px 0 0;}
   .board_write input{    font-size: 15px;
    padding: 13px 7px 13px 7px;
    border-radius: 3px;
    border: 1px solid #ddd;}   

	.mTab1{display:inline-block;margin:60px auto 0;width:100%;padding-left:20px;}
	.mTab1 a.active{background-color:#db7632;color:#fff;}
	.mTab1 a:hover{background-color:#db7632;color:#fff;}
	.mTab1 a{display:inline-block;background-color:#fff;border-radius:52px;color:#000;text-align:center;min-width:30%;line-height:35px;height:35px;font-size:13px;}
	.mTab1 a + a{margin-left:6px;}

	.mTab2{display:block;width:85%;margin:0 auto;margin-top:25px;}
	.mTab2 a.active{background-color:#db7632;color:#fff;}
	.mTab2 a:hover{background-color:#db7632;color:#fff;}
	.mTab2 a{display:inline-block;background-color:#fff;border-radius:7px;color:#000;text-align:center;min-width:31%;line-height:50px;height:50px;font-size:14px;border:1px solid #ddd}
	.mTab2 a + a{margin-left:6px;}

   
	/* sub */
	.mTitle1{font-size:23px;margin-bottom:35px;}
	.mTitle1 > span:before{border-radius:14px;height:14px;}
	.mTitle1 > span > span{position:relative;}

	.mKesub1{display:table;background-size:cover;padding:0;width:100%;height:236px;}
	.mKesub1 .cell{display:table-cell;vertical-align:middle;padding:40px;}
	.mKesub1 h3{font-size:32px;}
	
	.mKesub2{display:table;background-size:cover;padding:0;width:100%;height:236px;}
	.mKesub2 .cell{display:table-cell;vertical-align:middle;padding-top:40px;}
	.mKesub2 h3{font-size:32px;}
	
	.mKesub3{display:table;background-size:cover;padding:0;width:100%;height:236px;}
	.mKesub3 .cell{display:table-cell;vertical-align:middle;padding-top:40px;}
	.mKesub3 h3{font-size:32px;}
	
	.mKesub4{display:table;background-size:cover;padding:0;width:100%;height:236px;}
	.mKesub4 .cell{display:table-cell;vertical-align:middle;padding-top:40px;}
	.mKesub4 h3{font-size:32px;}
	
	.mKesub5{display:table;background-size:cover;padding:0;width:100%;height:236px;}
	.mKesub5 .cell{display:table-cell;vertical-align:middle;padding-top:40px;}
	.mKesub5 h3{font-size:32px;}
	
	.mKesub6{display:table;background-size:cover;padding:0;width:100%;height:236px;}
	.mKesub6 .cell{display:table-cell;vertical-align:middle;padding-top:40px;}
	.mKesub6 h3{font-size:32px;}					
	
	.mSub2{position:relative;text-align:center;}
	.mSub2 img{width:100%;border-radius:10px;border:1px solid #e5e5e5;}	
	.mSub2 .con{text-align:center;padding:60px 0 60px 0;border-top:1px solid #e6e6e6;margin-bottom:420px;}
	.mSub2 .cont{width:100%;margin-top:40px;font-size:16px;}	
	.mSub2 .cont2 {text-align:left;margin-top:40px;font-size:16px;border:1px solid #ddd;padding:30px;border-radius:10px;}	
	.mSub2 .cont .tit{font-size:20px;}		
	.mSub2 .cont .txt{font-size:16px;margin-top:10px;}			
	.mSub2 .cont li{width:100%;background-color:#f8f8f8;padding:30px 40px 30px 40px;border-bottom:1px solid #eee;border-radius:10px;margin-bottom:10px;}		
	.mSub2 .r{width:300px;height:300px;line-height:350px;background-color:#fff;border-radius:20px;box-shadow: 0 22px 34px 0 rgba(0, 0, 0, .06);border:1px solid #eee}
	.mSub2 .con li{float:left;width:100%;list-style:none;text-align:left}
	.mSub2 .con li.f{padding-left:50px;}	
	.mSub2 .con li.g{text-align:right;}		
	.mSub2 .con2 {width:1160px;margin:0 auto;text-align:center;padding:60px 0 60px 0;border-top:1px solid #e6e6e6;margin-bottom:200px;}
	.mSub2 .con2 li{float:left;list-style:none;text-align:left}
	.mSub2 .con2 li.f{padding-left:50px;}	
	.mSub2 .con2 li.g{text-align:right}		
	.mSub2 .con3 {width:1160px;margin:0 auto;text-align:center;padding:60px 0 60px 0;border-top:1px solid #e6e6e6;}
	.mSub2 .con3  h1{font-size:35px;font-weight:100;letter-spacing:-2px;}
	.mSub2 .con3  h2{font-size:67px;font-weight:600;letter-spacing:-2px;color:#5ed8f0;margin-bottom:80px;}
	.mSub2 .con3  h3{font-size:35px;font-weight:bold;letter-spacing:-2px;text-align:left}

	.mSub2 .con  h1{font-size:35px;font-weight:100;letter-spacing:-2px;}
	.mSub2 .con  h2{font-size:67px;font-weight:600;letter-spacing:-2px;color:#5ed8f0;margin-bottom:80px;}
	.mSub2 .con  h3{font-size:30px;font-weight:bold;letter-spacing:-2px;text-align:center;}
	.mSub2 .con2  h1{font-size:35px;font-weight:100;letter-spacing:-2px;}
	.mSub2 .con2  h2{font-size:67px;font-weight:600;letter-spacing:-2px;color:#5ed8f0;margin-bottom:80px;}
	.mSub2 .con2  h3{font-size:35px;font-weight:bold;letter-spacing:-2px;text-align:left}
	.mSub2 .con .bar{width:70px;;border-bottom:2px solid #db7632;margin: 0 auto;margin-top:30px;}	
	.mSub2 .con2 .bar{width:70px;;border-bottom:3px solid #5ed8f0;margin-top:30px;}		
	.mSub2 .con3 .bar{width:70px;;border-bottom:3px solid #5ed8f0;margin-top:30px;}			
	.mSub2 .txt{color:#000;font-size:20px;letter-spacing:-1px;line-height:140%;color:#777;width:100%;text-align:left}
	.mSub2 .txt .em{color:#5ed8f0;font-weight:300;font-size:15px;}
  .mSub2 .info {border:1px solid #ddd;background-color:#fff;margin-top:1000px;border-radius:10px;padding:60px 0 60px 0;line-height:180%;font-family: 'GmarketSans';background-color: #5ed8f0;color:#fff}	
  .mSub2 .info .txt{color:#f6c0c0;font-size:17px;}	

  .mSub3{position:relative;}
  .mSub3 .title{font-size:20px;font-weight:bold;letter-spacing:-1px;}  
  .mSub3 .tit{font-size:15px;color:#ccc;letter-spacing:-1px;margin:7px 0 10px 0;}    
  .mSub3 .table td{font-size:15px;}

	.mBtn {width:300px;margin:0 auto;margin-top:30px;margin-bottom:100px;}
	.mBtn li{float:left;width:50%;list-style:none}	
	.mBc1{font-size:14px;margin-top:10px;}

	.mInfo1{margin-bottom:30px;}
	.mInfo1 img{width:325px;}

   .table th{background-color:#f8f8f8;font-size:15px;text-align:center;padding:10px 15px 10px 15px;border:1px solid #ccc}
   .table td{border:1px solid #ddd;border-left:0;border-right:0;padding:15px;font-size:15px;text-align:left}

	.mText1{letter-spacing:0;line-height:150%;}
	.mText1 img{width:100%;margin-left:0;border-radius:5px;}
	.mText1 li{display:block;;width:100%;list-style:none;vertical-align:top;}
	.mText1 li .name{margin:30px 0 30px 0;float:right}
	.mText1 li .name img {width:50%;float:right;margin-top:10px;}	

  .promotion {width:100%;background:url(/images/k_main4.png) 50% 100% no-repeat;background-size:cover;padding:30px;text-align:center;height:272px;border-radius:10px;color:#fff;}
  .promotion img {height:45px;border:0;margin-top:10px;}
  .promotion .txt{display:block;color:#ded3f3;text-align:center;margin-top:15px;font-size:15px;}  
  .promotion .btn{display:inline-block;border:1px solid #ded3f3;border-radius:4px;color:#ded3f3;font-size:20px;margin:30px 0 0;text-align:center;min-width:200px;line-height:48px;height:50px;font-size:17px;}  
	
	.mYui {display: flex;overflow-x: auto;white-space: nowrap;-webkit-overflow-scrolling: touch;margin: 0 0 15px 0;padding:0 0 0 25px;scrollbar-width: none;-ms-overflow-style: none;}
	.mYui::-webkit-scrollbar {display: none;}
	.mYui a {display: inline-block;flex-shrink: 0;width:auto;border: 1px solid #ddd;text-align:center;border-radius:7px;color:#444;margin:25px 5px 0 0;text-align:center;min-width:30%;line-height:50px;height:50px;font-size:15px;}
	.mYui a:hover {border: 1px solid #db7632;color: #fff;background-color: #db7632;}
	.mYui a.selected {border: 1px solid #db7632;color: #fff;background-color: #db7632;}

	.table2 {width:100%;margin-top:10px;}
	.table2 th{background-color:#f8f8f8;font-size:15px;text-align:center;padding:15px;border-left:0;border-right:0;font-weight:normal}
	.table2 td{border-left:0;border-right:0;padding:15px 10px 15px 10px;font-size:15px;}
	.kLine {font-size:15px;border-bottom:1px solid #ddd;height:50px;}

	
	.mText2{text-align:center;font-size:14px;}
	
	.mImage1{margin-top:30px;}
	.mImage1 img{width:100%;}
	/* //sub */

.sCom {text-align:center;width:100%;width:100%;}
.sCom img{width:100%;}

.sBox {position: relative;padding: 20px;margin:50px 0 0 0;}
.sBoxT{font-size:20px;text-align:center;letter-spacing:-2px;}
.sBox li{display:inline-block;;width:46%;border:1px solid #db7632;border-radius:7px;margin-right:10px;margin-bottom:30px;padding:20px;list-style:none;text-align:center;height:150px;}
.sBox li .sBoxR{position: relative;top: -37px;left: 30%;width: 40px;height: 40px;line-height: 45px;background-color: #db7632;border-radius: 50%;color:#fff}

.sList {width:100%;}
.sList li:nth-child(2n+1) {margin-right:15px;margin-bottom: 15px;}
.sList li{display:inline-block;block;width:100%/*47%*/;list-style:none;/*margin-right:0;*/vertical-align:top;margin-right:15px;margin-bottom: 15px;}
.sList .image-container {height: auto;overflow:hidden;border-radius:7px;}
.sList .image-container img {transition: transform 0.3s ease;}
.sList .image-container:hover img {transform: scale(1.1);}
.sList .Title {font-size:15px;margin:10px 0 40px 0;overflow:hidden}
.sList a{}
.sList a:hover{color:#db7632}

.sView {width:100%;border-top:2px solid #db7632;margin-top:0;}
.sView img{width:100%;}
.sView li:nth-child(2n+1) {width:23%;text-align:left;}
.sView li:last-child {width:100%;color:#000;text-align:left;padding-left:0}
.sView li{display:inline-block;width:79%;border-bottom:1px solid #ddd;list-style:none;padding:15px;font-size:15px;}



.close-button {
    position: absolute;
    top: 20px;
    right: 20px;
    background: none;
    border: none;
    color: #fff;
    font-size: 16px;
    cursor: pointer;
}
.lightbox-modal div {
    font-size:22px;
    color: #fff; /* 타이틀 색상 설정 */
    margin-bottom: 20px; /* 타이틀과 닫기 버튼 간격 설정 */
}

.hbox {
  width: 100%;
  margin-top: 50px;
}

.hbox ul {
  margin: 30px auto;
  position: relative;
  width: 960px;
}

.hbox ul:before {
  content: " ";
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -2px;
  padding: 20px 0;
  width: 1px;
  height: 100%;
  background-color: #db7632;
}

.hbox ul li {
  position: relative;
  margin-bottom: 20px;
}

.hbox ul li:after {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 12px;
  height: 12px;
  background-color: #db7632;
  border-radius: 50%;
  border: 2px solid white;
  z-index: 1;
}

.hbox ul li:nth-child(even):before {
  content: "";
  position: absolute;
  height: 1px;
  background: #db7632;
  top: 50%;
  left: calc(50% - 10px);
  width: calc(50% - 379px); /* Adjust the 160px to match the width of h4 */
  z-index: 0;
}

.hbox ul li:nth-child(odd):before {
  content: "";
  position: absolute;
  height: 1px;
  background: #db7632;
  top: 50%;
  right: calc(50% - 10px);
  width: calc(50% - 379px); /* Adjust the 160px to match the width of h4 */
  z-index: 0;
}

.hbox ul li:nth-child(odd) {
  padding-right: 59.5%;
  text-align: center;
}

.hbox ul li:nth-child(even) {
  padding-left: 59.5%;
  text-align: left;
}

.hbox ul li h4 {
  display: inline-block;
  width: 100%; /* Adjust width as needed */
  padding:10px;
  border:1px solid #ddd
}

.hbox ul li p {
  font-size: 15px;
  line-height: 1.7;
  letter-spacing: 0.01rem;
  color: #707984;
  word-break: keep-all;
}

.hbox ul li span {
  position: relative;
  display: block;
  margin-top: 20px;
  width: 320px;
  height: 180px;
  background: #dfdfdf;
}

.hbox ul li span:before {
  content: 'images box';
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -15px;
  margin-left: -35px;
  font-size: 14px;
}
	
.history_box {width:100%;margin-top:50px;}
.history_box h4 {font-size:100%;}
.history_box .his_tit { float:left; width:30%; } 
.history_box .his_con {width:100%; border-left:1px dashed #ddd; }
.history_box .his_con ul {width:100%;}
.history_box .his_con ul li { width:100%; margin-bottom:20px; position:relative;padding-left:26px;}
.history_box .his_con ul li::before {width:16px; height:16px; border-radius:50%; content:''; position:absolute; left:-8px; top:9px; border:1px solid #6092e1; background:#fff;} 
.history_box .his_con ul li:nth-child(2n)::before {border:1px solid #3865ad;} 
.history_box .his_con ul li:nth-child(3n)::before {border:1px solid #1b3e77;} 
.history_box .his_con ul li:after {content:""; display:block; clear:both;}
.history_box .his_con ul li span {float:left; font-size:16px; line-height:32px; color:#3865ad; font-weight:400; width:20%;}
.history_box .his_con ul li p {float:left; font-size:16px; line-height:32px; color:#555; font-weight:400; width:80%; word-break:keep-all;}

}