@charset "euc-kr";
a:focus {outline:none;}
::selection {

  background-color: #00B8A9;
color:#fff;

}

/*****±Û·Î¹ú ¸Þ´º ¿µ¿ª°ü·Ã*****/
.amDim {display: none;position: absolute;width: 100%;background-color: rgba(0,0,0,.5);right: 0;top: 0;z-index: 98;}
.amline {position: relative;top:100px;border-bottom:1px solid #fff;opacity:.3;}
.main #container {margin-top: 0;}
#header {position: fixed;left: 0;right:0;margin:0 auto;width: 100%;top: 0px;z-index: 999999;background:#fff;-webkit-box-shadow: 0 1px 5px 1px rgba(0,0,0,0.05);box-shadow: 0 1px 5px 1px rgba(0,0,0,0.05);}
#header:after {content:'';position: absolute;width: 100%;height: 1px;background-color: #e5e5e5;top: 99px;z-index: -1;}
#header.ov {background-color: #fff;border-bottom: 1px solid #eee;-webkit-box-shadow: 0 1px 5px 1px rgba(0,0,0,0.05);box-shadow: 0 1px 5px 1px rgba(0,0,0,0.05);}
#header.ov:after {content:'';position: absolute;width: 100%;height: 1px;background-color: #ddd;top: 99px;z-index: -1;}
#header.load {top: 0;}
#header .gnbWrap {position: relative;text-align: center;}
#header h1 {z-index: 97;position: absolute;width:300px;height:100%;left: 45px;top: 0; background-image: url(../img/common/scholaslogo.svg); 
    background-size: 150px;background-repeat: no-repeat; text-indent: -9999px;}
#header h1 a{display: block;height: 100%;}
#header #gnb {text-align: center;display: inline-block;position:relative;}
#header #gnb > li{display: block;text-align: center;float: left;}
#header #gnb > li > a{display: block;line-height: 96px;color: #000;padding: 0 35px;font-size: 19px;font-weight: 600;height:89px;}
#header #gnb > li > a > span {display: block;position: relative;border-bottom:3px solid #fff;}
#header #gnb > li:hover > a > span {color: #00B8A9;border-bottom:3px solid #00B8A9;transition:0.2s ease;}
#header #gnb > li .depth2 {font-size: 0;display: none;padding: 35px 0 10px 0;box-sizing:border-box;width: 100%;text-align: center}
#header #gnb:hover > li .depth2 {display: block;}
#header #gnb > li .depth2:after {clear: both;content:'';display: block;} 
#header #gnb > li .depth2 > li {text-align: center;display: block;}
#header #gnb > li .depth2 > li > a{display: block;font-size: 16px;line-height: 32px;font-weight: normal;color: #666;}
#header #gnb > li .depth2 > li > a:hover{color: #00B8A9;font-weight: 500;}
#header.active:after {content:'';position: absolute;width: 100%;height: 1px;background-color: #fff;top: 0px;z-index: -1;height:100px;-webkit-box-shadow: 0 1px 5px 1px rgba(0,0,0,0.2);box-shadow: 0 1px 5px 1px rgba(0,0,0,0.2);}
#header .btn_all_menu {z-index: 100;position: absolute;width: 100px;height: 100px;top: 2px;right: 12px;}
#header .btn_all_menu div {position: absolute;width: 40px;height: 25px;left: 50%;top: 50%;margin-left: -16.5px;margin-top: -12.5px;}
#header .btn_all_menu span{position: absolute;right: 0;height: 2px;background-color: #000;transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;width: 100%;border-radius: 2px;}
#header .btn_all_menu span.barTop{top: 0;}
#header .btn_all_menu span.barMid{top: 11px;width: 70%;}
#header .btn_all_menu span.barBot{top: 22px;}
#header .btn_all_menu.on span{position: absolute;right: 0;height: 2px;background-color: #000;transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;width: 100%;border-radius: 2px;}
#header .btn_all_menu.on .barTop{width: 100%;transform:rotate(45deg);-webkit-transform:rotate(45deg);top:12px;}
#header .btn_all_menu.on .barBot{width: 100%;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);top:12px;}
#header .btn_all_menu.on .barMid {width: 0;}
#header .btn_top {z-index: 90;position: absolute;top: 38px;right: 105px;font-size:13px;font-weight:normal;text-align:center;padding:6px 17px 5px 17px;border-radius:3px;color:#333;border:1px solid #777;border-radius:30px;transition:0.3s ease;}
#header .btn_top:hover  {color:#fff;border:1px solid #00B8A9;background:#00B8A9;}
.allMenuWrap {z-index:99;position:absolute;width:100%;height:100%;top:0;right:-100%;box-sizing:border-box;background:url('../img/common/allmenu-back.jpg') center top no-repeat;background-color:#f1f1f1;}
.allMenuWrap h2 {z-index: 100;position: absolute;width:300px;height:100px;left: 45px;top: 9px;background-image: url(../img/common/logo.png);background-repeat: no-repeat;text-indent: -9999px;}
.allMenuWrap.active {right:0;}
.allMenuWrap .allMenuWrap_inner {display: table;table-layout: fixed;height: 100%;width: 100%;}
.allMenuWrap .allMenu_inner{display: table-cell;vertical-align: middle;height: 100%;padding: 0 4% 0 12%;overflow-y: auto;}
h4{font-size:18px;}


@media (max-width: 1280px){
#header h1 {left: 20px;}
#header #gnb > li > a{padding: 0 20px;}
#header .btn_all_menu {right: 0px;}
}


@media (max-width: 1024px){
.amline {display: none;}
#header {height: 60px;}
#header:after {display:none;}
#header h1 {width: 200px;height: 50px;left: 15px;top: 1px;background-size:55%;}
#header.active {background-color: #fff;border-bottom: 1px solid #eee;box-shadow:0 0 14px rgba(0,0,0,.4);}
#header.active:after {display:none;}
.gnbWrap {display: none;} 
#header .btn_all_menu{width: 60px;height: 60px;right: -5px;}
#header .btn_all_menu div {width: 20px;height: 20px;margin-left: -10px;margin-top: -10px;}
#header .btn_all_menu span.barMid {top: 8px;}
#header .btn_all_menu span.barBot {top: 16px;}
#header .btn_all_menu.on .barTop {top: 8px;}
#header .btn_all_menu.on .barBot {top: 8px;}
#header .btn_top {display:none;}
.allMenu {padding: 0;}
.allMenu > li{display: block;width: 100%;float: none;width: auto;padding: 0;}
.allMenuWrap {padding: 50px 20px 50px 20px;display: block;right: -100%;background:none;background-color:#fff;transition:right .4s ease-in-out;-webkit-transition:right .4s ease-in-out;}
.allMenuWrap h2 {display:none;}
.allMenuWrap.active {right:0;}
.allMenuWrap .allMenuWrap_inner{padding-top: 80px;display: block;box-sizing:border-box}
.allMenuWrap .allMenu_inner {display: block;padding: 0;}
.allMenuWrap {width: 45%;}
.allMenuWrap .allMenuWrap_inner {padding-top: 60px;}
}
@media (max-width: 600px){
.allMenuWrap {width: 70%;}




h4{font-size:15px;}
}








/*****»çÀ̵å(Çܹö°Å) ¸Þ´º°ü·Ã (PC)*****/
#sidemenu{width:70%;margin:0 auto;padding:200px 0 0 0;}
#sidemenu ul {border-left:1px solid #ddd;float:left;width:20%;height:350px;}
#sidemenu ul:first-child {border-left:0px solid #ddd;}
#sidemenu ul li.title{display:block;color:#000;padding:10px 30px 50px 30px;font-size:28px;font-weight:600;}
#sidemenu ul li > a{display:block;color:#777;font-size:17px;font-weight:500;padding:0 0 0 12px;margin:0 30px 20px 30px;background:url(../img/common/blet-side.png) 0px 10px;background-repeat:no-repeat;}
#sidemenu ul li:hover > a{color:#00B8A9;}
.si-wrap{position:fixed;bottom:70px;padding:0 0 0 20px;}
.si-wrap h3 {color:#333;font-size:24px;font-weight:600;margin:10px 0 0 0;}
.si-wrap h5 {color:#777;font-size:12px;font-weight:normal;margin:10px 0 0 0;}




@media screen and (max-width: 1440px){
#sidemenu{width:90%;padding:150px 0 0 0;}
#sidemenu ul {width:20%;height:300px;}
#sidemenu ul:first-child {}
#sidemenu ul li.title{padding:10px 10px 50px 20px;font-size:26px;}
#sidemenu ul li > a{font-size:16px;margin:0 10px 20px 20px;background:url(../img/common/blet-side.png) 0px 8px;background-repeat:no-repeat;}
#sidemenu ul li:hover > a{}
}












/*****»çÀ̵å(Çܹö°Å) ¸Þ´º°ü·Ã(Mobile)*****/
@media (min-width: 1025px) {
#gnbmenu {display:none;}
.lan-wrap {display:none;}
}
@media (max-width: 1024px) {
#gnbmenu, #gnbmenu ul, #gnbmenu ul li, #gnbmenu ul li a {margin: 0;padding: 0;border: 0;list-style: none;line-height: 1;display: block;position: relative;box-sizing: border-box;}
#gnbmenu {width: 100%;color: #ffffff;margin:30px 0 0 0;}
#gnbmenu ul ul {display: none;}
.align-right {float: right;}
#gnbmenu > ul > li > a {padding: 20px 16px;cursor: pointer;z-index: 2;font-size: 18px;font-weight: 500;text-decoration: none;color: #555;text-shadow: 0 1px 1px rgba(0, 0, 0, 0);background: #fff;box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15);transition:0.3s ease;border-bottom: 1px solid #f1f1f1;}
#gnbmenu > ul > li > a:hover, #gnbmenu > ul > li.active > a, #gnbmenu > ul > li.open > a {color: #00B8A9;}
#gnbmenu > ul > li.open > a {box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0);border-bottom: 1px solid #f1f1f1;}
#gnbmenu > ul > li:last-child > a, #gnbmenu > ul > li.last > a {border-bottom: 1px solid #f1f1f1;}
#gnbmenu .holder {width: 0;height: 0;position: absolute;top: 7px;right: 0;}  /*****È­»ìÇ¥À§Ä¡*****/
#gnbmenu .holder::after, #gnbmenu .holder::before {display: block;position: absolute;content: "";width: 7px;height: 7px;right: 20px;z-index: 10;transform: rotate(-135deg);} /*****È­»ìǥũ±â*****/
#gnbmenu .holder::after {top: 17px;border-top: 2px solid #555;border-left: 2px solid #555;} /*****È­»ìÇ¥Ä÷¯*****/
#gnbmenu > ul > li > a:hover > span::after, #gnbmenu > ul > li.active > a > span::after, #gnbmenu > ul > li.open > a > span::after {border-color: #00B8A9;} /*****È­»ìÇ¥¸¶¿ì½º¿À¹öÄ÷¯*****/
#gnbmenu .holder::before {top: 18px;border-top: 2px solid;border-left: 2px solid;} /*****È­»ìÇ¥±×¸²ÀÚÄ÷¯*****/
#gnbmenu ul ul li a {color:#777;font-size:15px;font-weight:500;padding:0 0 0 12px;margin:15px 10px 0 15px;background:url(../img/common/blet_mgnb.png) 0px 6px;background-repeat:no-repeat;}
#gnbmenu ul ul li:hover > a, #gnbmenu ul ul li.open > a, #gnbmenu ul ul li.active > a {color: #00B8A9;}
#gnbmenu ul ul li:first-child > a {box-shadow: none;margin-top:20px;}
#gnbmenu ul ul ul li:first-child > a {box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);}
#gnbmenu ul ul ul li a {padding-left: 30px;}
#gnbmenu > ul > li > ul > li:last-child > a, #gnbmenu > ul > li > ul > li.last > a {border-bottom: 0;padding-bottom:25px;}
#gnbmenu > ul > li > ul > li.open:last-child > a, #gnbmenu > ul > li > ul > li.last.open > a {border-bottom: 1px solid #ddd;}
#gnbmenu > ul > li > ul > li.open:last-child > ul > li:last-child > a {border-bottom: 0;}
#gnbmenu ul ul li.has-sub > a::after {display: block;position: absolute;content: "";width: 5px;height: 5px;right: 20px;z-index: 10;top: 11.5px;border-top: 2px solid #eeeeee;border-left: 2px solid #eeeeee;-webkit-transform: rotate(-135deg);-moz-transform: rotate(-135deg);-ms-transform: rotate(-135deg);-o-transform: rotate(-135deg);transform: rotate(-135deg);}
#gnbmenu ul ul li.active > a::after, #gnbmenu ul ul li.open > a::after, #gnbmenu ul ul li > a:hover::after {border-color: #ffffff;}
.lan-wrap {position:relative;top:30px;left: 15px;}
.lan-wrap .btn{display:inline-block;position:relative;font-size:13px;text-align:center;padding:7px 15px 7px 15px;margin:5px 10px 0 0;border-radius:4px;border:1px solid #bbb;color:#555;background:#fff;transition:0.3s ease;}
.lan-wrap a:hover .btn{color:#fff;background:#00B8A9;border:1px solid #00B8A9;}
}
@media (max-width: 768px) {
#gnbmenu {margin:10px 0 0 0;}
#gnbmenu > ul > li > a {padding: 16px 14px;font-size: 17px;}
#gnbmenu .holder {top: 3px;}
#gnbmenu ul ul li a {font-size:13px;padding:0 0 0 10px;margin:15px 10px 0 15px;background:url(../img/common/blet_mgnb.png) 0px 6px;background-repeat:no-repeat;}
}










/*****¸ÞÀÎÆäÀÌÁö ·Ñ¸µÀ̹ÌÁö ¿µ¿ª*****/
/*****PC ÇØ»óµµ ½ÃÀÛ*****/
.visual-main01{width:100%;height:100vh;background:url(../img/main/visual04.png) center;background-size:cover;display:flex;justify-content:center;align-items:center;}
.visual-main02{width:100%;height:100vh;background:url(../img/main/visual05.png) center;background-size:cover;display:flex;justify-content:center;align-items:center;}
.visual-main03{width:100%;height:100vh;background:url(../img/main/visual03.jpg) center;background-size:cover;display:flex;justify-content:center;align-items:center;}
.v-mt01{color:#fff;font-size:66px;font-weight:600;line-height:90px;padding:0 0 15px 0;text-shadow: 0 1px 2px rgba(0, 0, 0, .2);letter-spacing:.5px;text-align:left;}
.v-mt02{color:#eee;font-size:20px;line-height:30px;padding:0 0 40px 0;text-shadow: 0 1px 2px rgba(0, 0, 0, .2);text-align:left;}
.vr-btn{display:inline-block;font-size:15px;text-align:center;padding:7px 25px 7px 25px;border-radius:0px;color:#fff;border:1px solid #000;background:#000;transition:0.3s ease;}
 a:hover .vr-btn{color:#fff;border:1px solid #00B8A9;background:#00B8A9;}


@media screen and (max-width: 1440px){
.v-mt01{font-size:58px;line-height:70px;padding:0 0 15px 0;letter-spacing:.5px;}
.v-mt02{font-size:16px;line-height:24px;padding:0 0 30px 0;}
.vr-btn{font-size:15px;padding:7px 25px 7px 25px;border-radius:5px;}
 a:hover .vr-btn{}
}


@media (max-width: 1024px) {
.visual-main01{width:100%;height:75vh;background:url(../img/main/visual04.png) center;background-size:cover;}
.visual-main02{width:100%;height:75vh;background:url(../img/main/visual05.png) center;background-size:cover;}
.visual-main03{width:100%;height:75vh;background:url(../img/main/visual03.jpg) center;background-size:cover;}
.v-mt01{font-size:46px;line-height:40px;padding:0 0 15px 0;}
.v-mt02{font-size:14px;line-height:20px;padding:0 0 30px 0;}
.vr-btn{font-size:12px;padding:5px 20px 5px 20px;border-radius:0px;}
 a:hover .vr-btn{}
}


/*****½º¸¶Æ®Æù Çػ󵵿¡¼­ ¹é±×¶ó¿îµå À̹ÌÁöÀÇ Áß½ÉÃà À̵¿Àº background:url() 0px 0px; ¿¡¼­ ¾ÕÀÇ 0px °ªÀ» ÀûÀýÈ÷ Á¶ÀýÇØÁÖ½Ã¸é µË´Ï´Ù.*****/
@media (max-width: 480px) {
.visual-main01{width:100%;height:75vh;background:url(../img/main/visual04.png) -200px 0px;background-size:cover;}
.visual-main02{width:100%;height:75vh;background:url(../img/main/visual05.png) -200px 0px;background-size:cover;}
.visual-main03{width:100%;height:75vh;background:url(../img/main/visual03.jpg) -100px 0px;background-size:cover;}
.v-mt01{font-size:28px;line-height:30px;padding:0 0 15px 0;}
.v-mt02{font-size:14px;line-height:16px;padding:0 0 20px 0;}
.vr-btn{font-size:10px;padding:5px 20px 5px 20px;border-radius:0px;}
 a:hover .vr-btn{}
}






/*****·ÎÄø޴º °ü·Ã*****/
.location {position:relative;padding:220px 0 0 0;}
.location:after {content:"";clear:both;display:block;}
.location a.btn-home {display:block;float:left;background:url("../img/common/btn-home.png") center no-repeat;width:20px;height:42px;margin:0 18px 0 0;}
.location .depth01 {float:left;position:relative;z-index:9;background:#none;padding:0 0 0 5px;background:url("../img/common/blet-location.png") left no-repeat;}
.location .depth01 p {margin:0px;padding:0 20px 0 20px;height:42px;line-height:42px;font-size:15px;color:#333;cursor:pointer;}
.location .depth02 {float:left;position:relative;z-index:9;background:#none;padding:0 0 0 5px;background:url("../img/common/blet-location.png") left no-repeat;}
.location .depth02 p {margin:0px;padding:0 0 0 20px;height:42px;line-height:42px;font-size:15px;color:#333;cursor:pointer;}
.location .depth02 .blet {display:inline-block;position:relative;top:-1px;left:10px;}
.location .depth02 ul.drop {width:160px;background:#fff;display:none; position:absolute;top:55px;left:5px;padding:15px 0 15px 0;-webkit-box-shadow:0 1px 10px 1px rgba(0,0,0,0.1);box-shadow:0 1px 10px 1px rgba(0,0,0,0.1);}
.location .depth02 ul.drop li a {display:block;font-size:15px;line-height:40px;padding-left:20px;color:#333;transition:0.2s ease;}
.location .depth02 ul.drop li a:hover {color:#fff;background:#00B8A9;}
.location .depth02 ul.drop li {border-top:0px solid #ccc;}
.location .depth02 ul.drop li:first-child {border-top:0;}
.location .overlay-wcs {position:absolute;bottom:0;left:0;width:90%;background:#333;height:80px;z-index:1;}


@media (max-width: 1024px) {
.location {padding:100px 0 0 0;}
.location:after {}
.location a.btn-home {background-size:11px;width:10px;height:40px;margin:0 7px 0 0;}
.location .depth01 {}
.location .depth01 p {padding:0 10px 0 10px;height:40px;line-height:40px;font-size:12px;}
.location .depth02 {}
.location .depth02 p {padding:0 0 0 10px;height:40px;line-height:40px;font-size:12px;}
.location .depth02 .blet {top:0px;left:5px;}
.location .depth02 ul.drop {width:120px;top:38px;padding:10px 0 10px 0;}
.location .depth02 ul.drop li a {font-size:12px;line-height:26px;padding-left:15px;}
.location .depth02 ul.drop li a:hover {}
.location .depth02 ul.drop li {}
.location .depth02 ul.drop li:first-child {}
}














.post-section{margin:40px 0}
.post-title{font-size:22px;font-weight:700;margin:0 0 16px}
.post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.post-card{display:flex;flex-direction:column;border:1px solid #eee;border-radius:12px;overflow:hidden;background:#fff;transition:transform .2s,box-shadow .2s}
.post-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(0,0,0,.06)}
.post-thumb{width:100%;aspect-ratio:16/9;object-fit:cover;background:#f5f5f5}
.post-body{padding:12px}
.post-h{font-size:14px;line-height:1.5;font-weight:600;color:#222;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.post-meta{margin-top:8px;font-size:12px;color:#888}
@media (max-width:992px){.post-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){.post-grid{grid-template-columns:1fr}}






/*****ÀÏ¹Ý ÄÁÅÙÃ÷ ¿µ¿ª°ü·Ã*****/
.navTop{position:fixed;z-index:-1;width:100%;height:350px;opacity:0;}
.nav{position:relative;text-align:center;font-size:12px;color:#fff;margin:5px 0 0 0;text-shadow: 0 1px 2px rgba(0, 0, 0, .0);}
.nav img{vertical-align:-1px;}
.nav .current{display:inline-block;color:#fff;padding:0 0 0 8px;}
.tc01{color:#b70706;text-decoration:underline;}
.tc02{color:#b70706;text-decoration:none;}
.ta-l{text-align:left;}
.ta-c{text-align:center;}
.ta-r{text-align:right;}
.ta-j{text-align:justify;}
.ta-b{font-weight:500;}
.ts01{color:#000;font-size:30px;margin:30px 0 30px 0;font-weight:500;line-height:46px;}
.ts02{color:#555;font-size:19px;line-height:26px;}
.ts03{color:#333;font-size:22px;font-weight:600;margin:70px 0 0 0;font-style:italic;text-align:right;}
.ts04{color:#111;font-size:56px;font-weight:bold;margin:30px 0 0 0;}
.ts05{color:#333;font-size:24px;font-weight:500;margin:10px 0 25px 0;;line-height:32px;}
.ts06{color:#555;font-size:18px;margin:0 0 0 0;line-height:26px;}
.tb01{color:#666;font-size:16px;padding:0 0 0 11px;margin:0 0 5px 0;background:url(../img/common/blet01.png) 0px 10px; background-repeat:no-repeat;}
.tl01{color:#555;text-decoration:none;font-size:29px;border-top:1px solid #cccccc;border-bottom:1px solid #cccccc;padding:18px 0 23px 0;margin:35px 0 60px 0;text-align:center;letter-spacing:1px;}
.gnbmenu01{position:relative;top:0;}
.t1{width:100%;margin:0 auto;border-left:0px solid #ddd;border-right:0px solid #ddd;border-top:3px solid #000;border-bottom:1px solid #ddd;font-size:18px;}
.t1 caption{display:none;}
.t1 th{padding:30px 20px 30px 20px;background-color:#fafafa;color:#000;border-bottom:1px solid #ddd;border-left:1px solid #ddd;text-align:center;font-weight:600;}
.t1 td{padding:30px 20px 30px 20px;background-color:#ffffff;color:#333;border-bottom:1px solid #ddd;border-left:1px solid #ddd;text-align:left;}
.t1 th.left{text-align:left;}
.t1 td.left{text-align:left;}
.t1 td.rline{border-right:1px solid #ddd;}
.t1 th.fst{background:#fafafa;text-align:center;font-weight:bold;color:#555;}
.t1 td.fst{background:#fff;text-align:center;font-weight:normal;color:#777;}
.t1 th:first-child{border-left:0px;}
.t1 td:first-child{border-left:0px;}
.tit-main01 {color:#111;font-size:44px;font-weight:bold;margin:50px 0 30px 0;text-align:center;}
.tit-main02 {color:#777;font-size:18px;font-weight:normal;margin:0 0 40px 0;line-height:26px;text-align:center;}
.tit-main03 {color:#000;font-size:46px;font-weight:bold;margin:120px 0 10px 0;}
.tit-main04 {color:#777;font-size:20px;font-weight:500;margin:0 0 20px 0;}
.tsm01{margin-top:-70px;}
.tsm02{margin-top:-20px;}
.tit-sub01 {color:#000;font-size:64px;font-weight:600;position:relative;margin:10px 0 25px 0;letter-spacing:5px;}
.tit-sub02 {color:#000;font-size:24px;font-weight:600;margin:0 0 100px 0;letter-spacing:1px;}
.tit-sub03 {color:#000;font-size:24px;font-weight:600;margin:0 0 30px 0;letter-spacing:1px;}
.tit-sub04 {color:#777;font-size:19px;font-weight:normal;margin:0 0 100px 0;line-height:28px;}
.tit-sub05 {color:#000;font-size:36px;font-weight:600;padding:0 0 30px 0;position:relative;}
.tit-sub05:before{position:absolute;top:-7px;left:0px;width:30px;height:2px;content:'';background:#000;}
.round{border-radius:15px;}
.map{width:100%;height:600px;margin:0 0 70px 0;border:none;}
.back-to-top {cursor: pointer;position: fixed;bottom: 20px;right: 38px;display:none;z-index:9999;}
.au-btn{text-align:center;}
.au-btn a{display:inline-block;background:#000;color:#fff;border:1px solid #000;text-align:center;font-size:15px;padding:10px 30px 10px 30px;margin:0 0 50px 0;border-radius:0px;transition:0.3s ease;}
.au-btn a:hover{background:#00B8A9;color:#fff;border:1px solid #00B8A9;}
.ms-wrap{position:relative;background:#000;overflow:hidden;border-radius:0px;}
.ms-wrap .ms-img{display:block;transition:0.3s ease;}
 a:hover .ms-wrap{background:#02307b;}
 a:hover .ms-img{transform:scale(1.1);filter: blur(0px);opacity: 0.3;}
.ms-wrap .ms-title{width:100%;position:absolute;top:15%;left:10%;transition:0.2s ease;}
 a:hover .ms-wrap .ms-title{transform:translateY(-20px);}
.ms-wrap .ms-title h3{color:#fff;font-size:24px;font-weight:500;margin:0 0 5px 0;}
.ms-wrap .ms-title h5{color:#fff;font-size:17px;font-weight:normal;margin:0 0 15px 0;}
.ms-btn{display:inline-block;font-size:12px;padding:5px 20px 5px 20px;transition:0.2s ease;opacity:1;color:#fff;border:1px solid #fff;}
.ms-top{margin-top:70px;}
.mb-wrap{position:relative;background:#000;overflow:hidden;border-radius:0px;}
.mb-wrap .mb-img{display:block;transition:0.3s ease;}
 a:hover .mb-wrap{color:#555;text-decoration:none;background:#000;}
 a:hover .mb-img{transform:scale(1.2);filter: blur(0px);opacity: 0.5;}
.mb-wrap .mb-title{width:100%;position:absolute;top:50%;left:0; text-align:center;transition:0.2s ease;}
 a:hover .mb-wrap .mb-title{transform:translateY(-10px);}
.mb-wrap .mb-title h3{color:#fff;font-size:30px;font-weight:500;margin:0 0 5px 0;}
.mb-wrap .mb-title h5{color:#fff;font-size:16px;font-weight:normal;margin:0 0 15px 0;}
.mb-btn{display:inline-block;font-size:12px;padding:6px 20px 6px 20px;transition:0.2s ease;opacity:1;color:#fff;border:1px solid #fff;}
.mz-wrap{width:100%;}
.mz-wrap h1{font-size:64px;font-weight:bold;color:#111;margin:50px 0 30px 0;}
.mz-wrap h3{font-size:22px;font-weight:normal;color:#333;margin:0 0 30px 0;}
.mz-wrap h5{font-size:18px;font-weight:normal;color:#777;margin:5px 0 0 0;line-height:26px;}
.mz-btn{display:inline-block;position:relative;font-size:15px;text-align:center;padding:7px 25px 7px 25px;margin:30px 0 0 0;border-radius:0px;color:#555;border:1px solid #bbb;background:#fff;transition:0.3s ease;}
 a:hover .mz-btn{color:#fff;background:#00B8A9;border:1px solid #00B8A9;}
.mf-wrap{position:relative;background:#000;overflow:hidden;border-radius:0px;}
.mf-wrap .mf-img{display:block;transition:0.3s ease;}
 a:hover .mf-wrap{color:#555;text-decoration:none;background:#000;}
 a:hover .mf-img{transform:scale(1.1);filter: blur(0px);opacity: 0.5;}
.mf-wrap .mf-title{width:100%;position:absolute;top:40%;left:0;transition:0.2s ease;text-align:center;}
 a:hover .mf-wrap .mf-title{transform:translateY(-10px);}
.mf-wrap .mf-title h3{color:#fff;font-size:30px;font-weight:500;margin:0 0 5px 0;}
.mf-wrap .mf-title h5{color:#fff;font-size:18px;font-weight:normal;margin:0 0 15px 0;}
.an-wrap {padding:250px 30px 250px 30px;margin:130px 0 150px 0;background:url('../img/main/an-back.jpg') center top no-repeat;background-attachment:fixed; background-size:cover;}
.an-wrap h3 {color:#fff;font-size:50px;font-weight:500;margin:0 0 20px 0;letter-spacing:.5px;}
.an-wrap h5 {color:#fff;font-size:19px;font-weight:normal;margin:0 0 25px 0;line-height:26px;}
.an-btn{display:inline-block;font-size:15px;padding: 7px 25px 7px 25px;border-radius: 0px;border:1px solid #fff;color:#fff;transition:0.3s ease;}
 a:hover .an-btn{color:#fff;background:#00B8A9;border:1px solid #00B8A9;}
.bn-wrap {padding:110px 30px 90px 30px;margin:150px 0 0 0;background:url('../img/main/bn-back.jpg') center top no-repeat;background-attachment:scroll;background-size:cover;}
.bn-wrap h3 {color:#fff;font-size:30px;font-weight:500;margin:0 0 10px 0;text-align:center;letter-spacing:.5px;}
.bn-wrap h5 {color:#fff;font-size:20px;font-weight:normal;margin:0 0 30px; 0;text-align:center;}
.bn-btn{color:#fff;font-size:20px;font-weight:normal;text-align:center;padding:30px 15px 30px 15px;border-radius: 0px;border:1px solid #ddd;transition:0.3s ease;}
 a:hover .bn-btn{color:#fff;background:#00B8A9;border:1px solid #00B8A9;}
.cn-wrap {padding:300px 30px 300px 30px;margin:20px 0 150px 0;background:url('../img/company/cn-back.png') center top no-repeat;background-attachment:fixed;background-size:cover;text-align:center;}
.cn-wrap h3 {color:#fff;font-size:44px;font-weight:500;margin:0 0 50px 0;}
.cn-wrap h5 {color:#fff;font-size:24px;font-weight:normal;margin:0 0 0 0;line-height:34px;}
.dn-wrap {padding:200px 30px 200px 30px;margin:20px 0 50px 0;background:url('../img/company/dn-back.jpg') center top no-repeat;background-attachment:fixed;background-size:cover;text-align:center;}
.dn-wrap h3 {color:#fff;font-size:42px;font-weight:500;margin:0 0 50px 0;}
.dn-wrap h5 {color:#fff;font-size:22px;font-weight:normal;margin:0 0 0 0;line-height:34px;}
.en-wrap {padding:200px 30px 200px 30px;margin:20px 0 50px 0;background:url('../img/company/en-back.jpg') center top no-repeat;background-attachment:fixed;background-size:cover;text-align:center;}
.en-wrap h3 {color:#fff;font-size:42px;font-weight:500;margin:0 0 50px 0;}
.en-wrap h5 {color:#fff;font-size:22px;font-weight:normal;margin:0 0 0 0;line-height:34px;}
.fn-wrap {padding:200px 30px 200px 30px;margin:20px 0 150px 0;background:url('../img/business/fn-back.jpg') center top no-repeat;background-attachment:fixed;background-size:cover;text-align:center;}
.fn-wrap h3 {color:#fff;font-size:42px;font-weight:500;margin:0 0 50px 0;}
.fn-wrap h5 {color:#fff;font-size:22px;font-weight:normal;margin:0 0 0 0;line-height:34px;}
.fn-wrap2 {padding:200px 30px 200px 30px;margin:20px 0 150px 0;background:url('../img/business/fn-back2.jpg') center top no-repeat;background-attachment:fixed;background-size:cover;text-align:center;}
.fn-wrap2 h3 {color:#fff;font-size:42px;font-weight:500;margin:0 0 50px 0;}
.fn-wrap2 h5 {color:#fff;font-size:22px;font-weight:normal;margin:0 0 0 0;line-height:34px;}
.it-wrap {position:relative;margin:0 0 30px 0;padding:100px 50px 100px 50px;background:url('../img/company/it-img.jpg') center top no-repeat;background-attachment:scroll;background-size:cover;border-radius:0px;}
.it-wrap h3 {color:#fff;font-size:34px;font-weight:500;margin:0 0 15px 0;}
.it-wrap h5 {color:#fff;font-size:15px;font-weight:normal;line-height:24px;}
.it-wrap .figure{background:#004d28;position:absolute;bottom:-30px;right:-30px;width:600px;height:400px;z-index:-1;}
.bf-wrap{background:#fff;border:0px solid #ccc;padding:50px 50px 50px 50px;border-radius:20px;-webkit-box-shadow:0 1px 10px 1px rgba(0,0,0,0.05);box-shadow:0 1px 10px 1px rgba(0,0,0,0.05);}
.bf-wrap .bf-title{}
.bf-wrap h3{color:#000;font-size:22px;font-weight:bold;margin:20px 0 0 0;}
.bf-wrap h5{color:#777;font-size:16px;font-weight:500;margin:10px 0 0 0;}
.co-wrap{text-decoration:none;background:#fff;border:1px solid #ccc;padding:80px 15px 50px 15px;border-radius:10px;}
.co-wrap .co-title{text-align:center;}
.co-wrap h3{color:#333;font-size:20px;font-weight:bold;margin:15px 0 0 0;}
.co-wrap h5{color:#777;font-size:15px;font-weight:normal;margin:10px 0 0 0;line-height:20px;}
.sb-wrap{text-decoration:none;margin:0 0 0 0;}
.sb-wrap .sb-title{background:#fff;text-align:left;padding:20px;border-left:1px solid #ddd;border-right:1px solid #ddd;border-bottom:1px solid #ddd;}
.sb-wrap h3{color:#000;font-size:20px;font-weight:600;margin:10px 0 0 0;}
.sb-wrap h5{color:#555;font-size:18px;font-weight:normal;margin:10px 0 0 0;}
.xb-wrap{text-decoration:none;margin:0 auto;}
.xb-wrap .xb-title{background:#fff;text-align:left;padding:15px;border-left:0px solid #ddd;border-right:0px solid #ddd;border-bottom:0px solid #ddd;}
.xb-wrap h3{color:#000;font-size:22px;font-weight:600;margin:15px 0 0 0;}
.xb-wrap h5{color:#555;font-size:18px;font-weight:normal;margin:10px 0 0 0;line-height:26px;}
.mov-wrap {position:relative;padding-bottom:60%;height:0;overflow:hidden;} 
.mov-wrap iframe, .mov-wrap object, .mov-wrap embed {position:absolute;top:10px;left:0px;width:100%;height:714px;}
.featurette-divider {margin: 80px 0;}
.footer-divider {margin: 150px 0;clear:both;}
.dfs-divider01 {margin: 150px 0;clear:both;}
.dfs-divider02 {margin: 120px 0;clear:both;}
.dfs-divider03 {margin: 100px 0;clear:both;}
.dfs-divider04 {margin: 80px 0;clear:both;}
.dfs-divider05 {margin: 50px 0;clear:both;}
.dfs-line01 {margin:130px 0;border-top:1px solid #ddd;}
.dfs-line02 {margin:100px 0;border-top:1px solid #ddd;}
#history-box{width:100%;}
#history-box dl{clear:both;border-top:1px dotted #999999;padding:40px 50px 0 50px;}
#history-box dl.noline{border:none;margin-top:-18px;}
#history-box dt{float:left;text-align:left;font-weight:bold;font-size:44px;color:#000;padding:14px 0 5px 0;position:absolute;}
#history-box dd{float:left;text-align:left;padding:20px 0 40px 150px;}
#history-box dd ul li{position:relative;text-align:left;padding:10px 0 10px 70px;font-size:18px;color:#333;}
#history-box dd .num{position:absolute;left:10px;}
.policy-box01 {padding:15px 15px 15px 15px;margin:50px 0 0 0;font-size:15px;color:#666;clear:both;height:600px;overflow-y:scroll;border:1px solid #cccccc;background:#ffffff;}
.policy-box02 {padding:15px 15px 15px 15px;margin:50px 0 0 0;font-size:15px;color:#666;clear:both;height:200px;overflow-y:scroll;border:1px solid #cccccc;background:#ffffff;}
#square-box{float:left;width:100%;padding:30px;margin:0 0 30px 0;background:#f9f9f9;border:1px solid #ddd;}
#square-box h3{font-size:24px;font-weight:500;color:#333;margin:0 0 10px 0;}
#square-box h5{font-size:17px;font-weight:normal;color:#777;margin:0 0 0 0;}
footer {width:100%;position:relative;clear:both;padding:50px 0 100px 0;background-color:#252525;border-top:0px solid #eee;}
footer:after {content:""; display:block; clear:both;}
footer .flogo {position:absolute; left:15px; top:17px;}
footer .fnb {width:100%; padding:15px 0 0 0; overflow:hidden;margin:0 0 0 120px;}
footer .fnb ul {margin:0 0 0 1px;text-align:center;}
footer .fnb ul:after {content:""; display:block; clear:both;}
footer .fnb ul li {float:left; font-size:17px;padding:0 13px 0 0;margin:0 12px 0 0;background:url('../img/common/fnb-line.png') right 5px no-repeat;}
footer .fnb ul li a {color:#eee;}
footer .fnb ul li a:hover {color:#fff;}
footer .fnb ul li.last {background:url('');}
footer .sns {position:absolute; right:15px; top:20px;}
footer .sns ul:after {content:""; display:block; clear:both;}
footer .sns ul li {float:left; padding:0 0 0 10px;}
footer .sns ul li.last {padding:0 0 0 12px;}
footer .address {width:100%; padding:15px 0 1px 1px; overflow:hidden;color:#aaa;margin:0 0 0 120px;}
footer .address ul:after {content:""; display:block; clear:both;}
footer .address ul li {float:left; font-size:15px;line-height:15px;color:#aaa; padding:0 13px 0 0;margin:0 12px 0 0;background:url('../img/common/fnb-line.png') right 2px no-repeat;}
footer .address ul li.last {background:url('');}
footer .address ul li strong {color:#aaa; font-weight:bold;}
footer .copy {width:100%; font-size:15px; color:#aaa; padding: 0 0 0; margin:-4px 0 0 120px; overflow:hidden;}
footer .copy span {font-size:13px;}










/******************¸ÞÀÎÀÇ ¹öÆ° ¿µ¿ª ½ÃÀÛ**********************/
.button-wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 16px;
  margin-top: 40px;
}




/* ¹öÆ° °øÅë ½ºÅ¸ÀÏ */ 
.button {
  display: inline-block;
  padding: 14px 24px;
  font-size: 16px;
  font-weight: 600;
  color: #fff;
  border: 1px solid #000;
  transition: all 0.3s ease;
  text-align: center;
  text-decoration: none;
  flex: 1 1 calc(25% - 16px); /* 4°³ ±âÁØ */
  min-width: 140px;
  box-sizing: border-box;
}




/* »ö»ó: primary */
.button.primary {
  background-color: #000;
  color: #fff;
}
.button.primary:hover {
  background-color: #00B8A9;
  color: #fff;
  border: 1px solid #00B8A9;
}




/* »ö»ó: secondary */
.button.secondary {
  background-color: #fff;
  color: #00b2a4;
}
.button.secondary:hover {
  background-color: #00b2a4;
  color: #fff;
}




/******************¸ÞÀÎÀÇ ¹öÆ° ¿µ¿ª ³¡**********************/




@media (max-width: 1024px) {
#sidemenu {display:none;}
.si-wrap {display:none;}
.navTop{position:fixed;z-index:1;width:100%;height:60px;opacity:0;}
.logo{position:absolute;top:13px;left:10px;text-align:left;z-index:999;width:200px;}
.ts01{font-size:18px;margin:0 0 25px 0;line-height:25px;}
.ts02{font-size:13px;line-height:20px;}
.ts03{font-size:14px;margin:30px 0 0 0;}
.ts04{font-size:26px;margin:20px 0 10px 0;}
.ts05{font-size:14px;margin:0 0 10px 0;line-height:20px;}
.ts06{font-size:13px;margin:0 0 30px 0;line-height:18px;}
.tb01{font-size:13px;padding:0 0 0 9px;margin:0 0 5px 0;background:url(../img/common/blet01.png) 0px 6px; background-repeat:no-repeat;}
.tl01{font-size:20px;padding:20px 0 15px 0;margin:20px 0 35px 0;text-align:center;}
.tit-main01 {font-size:20px;margin:10px 0 20px 0;}
.tit-main02 {font-size:13px;margin:0 0 25px 0;line-height:18px;}
.tit-main03 {font-size:22px;margin:50px 0 5px 0;}
.tit-main04 {font-size:12px;margin:0 0 15px 0;}
.tsm01{margin-top:-20px;}
.tsm02{margin-top:-20px;}
.tit-sub01{font-size:28px;margin:10px 0 0 0;letter-spacing:1px;}
.tit-sub011111:before{bottom:35px;width:40px;height:3px;}
.tit-sub02 {font-size:14px;margin:10px 0 50px 0;line-height:20px;letter-spacing:.5px;}
.tit-sub03 {font-size:15px;margin:20px 0 20px 0;line-height:20px;letter-spacing:.5px;}
.tit-sub04 {font-size:13px;margin:0 0 30px 0;line-height:18px;}
.tit-sub05 {font-size:20px;padding:0 0 20px 0;}
.tit-sub05:before{top:-5px;left:1px;width:34px;height:2px;}
.round{border-radius:10px;}
.map{width:100%;height:400px;margin:0 0 30px 0;border:none;}
.top-line{display:none;height:1px;}
.back-to-top {position:fixed;bottom:0px;right:0px;display:none;z-index:9999;opacity:0;}
.t1{width:100%;font-size:13px;}
.t1 th{padding:15px 5px 15px 5px;}
.t1 td{padding:15px 5px 15px 5px;}
.au-btn{}
.au-btn a{font-size:11px;padding:8px 20px 8px 20px;margin:0 0 10px 0;}
.au-btn a:hover{}
.ms-wrap{border-radius:10px;}
.ms-wrap .ms-img{}
 a:hover .ms-wrap{}
 a:hover .ms-img{}
.ms-wrap .ms-title{top:10%;left:10%;}
 a:hover .ms-wrap .ms-title{transform:translateY(-10px);}
.ms-wrap .ms-title h3{font-size:15px;margin:10px 0 5px 0;}
.ms-wrap .ms-title h5{font-size:12px;margin:0 0 15px 0;}
.ms-btn{font-size:9px;padding:4px 12px 4px 12px;}
.ms-top{margin-top:30px;}
.mb-wrap{border-radius:0px;}
.mb-wrap .mb-img{}
 a:hover .mb-wrap{}
 a:hover .mb-img{}
.mb-wrap .mb-title{top:65%;left:0;}
 a:hover .mb-wrap .mb-title{transform:translateY(-5px);}
.mb-wrap .mb-title h3{font-size:18px;margin:0 0 5px 0;}
.mb-wrap .mb-title h5{font-size:12px;margin:0 0 15px 0;}
.mb-btn{font-size:8px;padding:4px 12px 4px 12px;}
.mz-wrap{}
.mz-wrap h1{font-size:26px;margin:0 0 20px 0;}
.mz-wrap h3{font-size:14px;margin:0 0 20px 0;line-height:20px;}
.mz-wrap h5{font-size:13px;margin:5px 0 0 0;line-height:18px;}
.mz-btn{font-size:11px;padding:8px 20px 8px 20px;margin:20px 0 30px 0;}
 a:hover .mz-btn{}
.mf-wrap{}
.mf-wrap .mf-img{}
 a:hover .mf-wrap{}
 a:hover .mf-img{}
.mf-wrap .mf-title{position:absolute;top:40%;left:0;}
 a:hover .mf-wrap .mf-title{transform:translateY(-10px);}
.mf-wrap .mf-title h3{font-size:18px;margin:0 0 5px 0;}
.mf-wrap .mf-title h5{font-size:12px;margin:0 0 15px 0;}
.an-wrap {padding:80px 10px 80px 10px;margin:50px 0 50px 0;background-attachment:scroll; background-size:cover;}
.an-wrap h3 {font-size:22px;margin:0 0 20px 0;letter-spacing:.5px;}
.an-wrap h5 {font-size:12px;margin:0 0 20px; 0;line-height:18px;}
.an-btn{font-size:11px;padding: 8px 20px 8px 20px;}
 a:hover .an-btn{}
.bn-wrap {padding:60px 20px 50px 20px;background-attachment:scroll; background-size:cover;}
.bn-wrap h3 {font-size:18px;margin:0 0 10px 0;letter-spacing:.5px;}
.bn-wrap h5 {font-size:12px;margin:0 0 20px; 0;}
.bn-btn{font-size:15px;padding:20px 5px 20px 5px;}
 a:hover .bn-btn{}
.cn-wrap {padding:80px 10px 80px 10px;margin:30px 0 70px 0;background-attachment:scroll;background-size:cover;}
.cn-wrap h3 {font-size:20px;margin:0 0 20px 0;}
.cn-wrap h5 {font-size:12px;margin:0 0 0 0;line-height:18px;}
.dn-wrap {padding:80px 10px 80px 10px;margin:0 0 50px 0;background-attachment:scroll;background-size:cover;}
.dn-wrap h3 {font-size:20px;margin:0 0 20px 0;}
.dn-wrap h5 {font-size:12px;margin:0 0 0 0;line-height:18px;}
.en-wrap {padding:80px 10px 80px 10px;margin:0 0 30px 0;background-attachment:scroll;background-size:cover;}
.en-wrap h3 {font-size:20px;margin:0 0 20px 0;}
.en-wrap h5 {font-size:12px;margin:0 0 0 0;line-height:18px;}
.fn-wrap {padding:80px 10px 80px 10px;margin:0 0 60px 0;background-attachment:scroll;background-size:cover;}
.fn-wrap h3 {font-size:20px;margin:0 0 20px 0;}
.fn-wrap h5 {font-size:12px;margin:0 0 0 0;line-height:18px;}
.it-wrap {padding:50px 20px 50px 20px;background-attachment:scroll; background-size:cover;}
.it-wrap h3 {font-size:20px;margin:0 0 10px 0;line-height:28px;}
.it-wrap h5 {font-size:12px;line-height:18px;}
.bf-wrap{padding:30px 20px 25px 20px;border-radius:10px;}
.bf-wrap .bf-title{}
.bf-wrap h3{font-size:16px;margin:15px 0 0 0;}
.bf-wrap h5{font-size:12px;margin:10px 0 0 0;}
.co-wrap{padding:50px 10px 30px 10px;}
.co-wrap .co-title{}
.co-wrap h3{font-size:14px;margin:15px 0 0 0;}
.co-wrap h5{font-size:11px;margin:5px 0 0 0;line-height:15px;}
.sb-wrap{}
.sb-wrap .sb-title{padding:10px;}
.sb-wrap h3{font-size:15px;margin:10px 0 0 0;}
.sb-wrap h5{font-size:13px;margin:5px 0 0 0;line-height:18px;}
.xb-wrap{}
.xb-wrap .xb-title{padding:10px;}
.xb-wrap h3{font-size:16px;margin:15px 0 0 0;}
.xb-wrap h5{font-size:13px;margin:10px 0 0 0;line-height:18px;}
.mov-wrap {position:relative;padding-bottom:65%;height:0;overflow:hidden;} 
.mov-wrap iframe, .mov-wrap object, .mov-wrap embed {position:absolute;top:0px;left:0px;width:100%;height:100%;}
.featurette-divider {margin: 60px 0;}
.footer-divider {margin: 60px 0;}
.dfs-divider01 {margin: 60px 0;}
.dfs-divider02 {margin: 50px 0;}
.dfs-divider03 {margin: 40px 0;}
.dfs-divider04 {margin: 30px 0;}
.dfs-divider05 {margin: 20px 0;}
.dfs-line01 {margin:50px 0;border-top:1px solid #ddd;}
.dfs-line02 {margin:30px 0;border-top:1px solid #ddd;}
#history-box{}
#history-box dl{padding:0px 10px 0px 10px;}
#history-box dl.noline{margin-top:-30px;}
#history-box dt{font-size:24px;padding:30px 50px 0 0;position:relative;}
#history-box dd{padding:5px 0 20px 0;}
#history-box dd ul li{padding:10px 0 1px 35px;font-size:13px;line-height:18px;}
#history-box dd .num{left:2px;}
.policy-box01 {padding:15px 15px 15px 15px;font-size:13px;height:400px;}
.policy-box02 {padding:15px 15px 15px 15px;font-size:13px;height:200px;}
#square-box{padding:15px;margin:0 0 30px 0;}
#square-box h3{font-size:15px;margin:0 0 5px 0;}
#square-box h5{font-size:12px;margin:5px 0 0 0;}
footer {padding:25px 0 50px 0;}
footer .flogo {display:none;}
footer .fnb {padding:20px 0 0 0;margin:0 0 0 0;}
footer .fnb ul {text-align:center; margin:0;}
footer .fnb ul li {display:inline; float:none; margin:0 6px 0 0;background:url('../img/common/fnb-line.png') right 8px no-repeat;}
footer .fnb ul li a {font-size:12px;}
footer .fnb ul li.last {padding:0; margin:0;}
footer .sns {position:relative; right:auto; left:0; top:0; margin:20px 0 0 -10px;}
footer .sns ul {text-align:center;}
footer .sns ul li {display:inline; float:none;}
footer .sns ul li.last {padding:0 0 0 12px;}
footer .address {padding:10px 0 2px 0;text-align:center;margin:0 0 0 5px;}
footer .address ul {text-align:center;padding:0;margin:0;}
footer .address ul li {display:block; font-size:12px;float:none; padding:1px 0;background:url('');}
footer .address ul li.last {background:url('');}
footer .address ul li strong {font-size:14px; color:#999; font-weight:600;}
footer .copy {font-size:12px;text-align:center; margin:5px 0 0 0;}
footer .copy span {display:block; padding:8px 0 0 0;}








/****************************¸ÞÀÎ ¹öÆ° ¿µ¿ª ½ÃÀÛ********************************/
.button {
    flex: 1 1 calc(50% - 16px); /* 2°³¾¿ º¸À̵µ·Ï */
  }




/****************************¸ÞÀÎ ¹öÆ° ¿µ¿ª ³¡********************************/




}








/*****ÅؽºÆ® Áٹٲٱ⠰ü·Ã*****/
@media (max-width: 1024px) {
  .hidden-ms {display: none !important;}
}
@media (max-width: 768px) {
  .hidden-xs {display: none !important;}
}
@media (min-width: 1025px) {
  .hidden-bs {display: none !important;}
}
@media (min-width: 769px) {
  .hidden-fs {display: none !important;}
}




/*****ȸ»ç¼Ò°³ ¿µ¿ª*****/






.ceo-container {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 60px;
  padding: 30px 0;
}




.ceo-image img {
  height: 400px;
  width: auto;
  border-radius: 8px;
}




.ceo-message {
  font-size: 16px;
  color: #212121;
  line-height: 1.6;
}




/* ¹ÝÀÀÇü: ¸ð¹ÙÀÏ¿¡¼­´Â ¼¼·Î Á¤·Ä */
@media (max-width: 768px) {
  .ceo-container {
    flex-direction: column;
    align-items: center;
    text-align: center;
gap: 30px;
  }




  .ceo-message {
    margin-top: 12px;
  }




.ceo-image img {
  height: auto;
  width: auto;
  border-radius: 8px;
}
}






/*****ºñÁî´Ï½º ¿µ¿ª*****/




.highlight {
  color: #00b2a4; /* Æ÷ÀÎÆ® »ö»ó */
}




.brand-card,
.brand-card:hover {
  color: #111; /* Á¦¸ñ ±âº» »ö */
}




/* Á¦¸ñ/¼³¸í »öÀ» ¸í½ÃÀûÀ¸·Î ÁöÁ¤ÇØ hover »ó¼ÓÀ» ²÷±â */
.brand-title { color: #111; }
.brand-desc  { color: #666; }




/* È­»ìÇ¥¸¸ hover ¶§ »ö º¯°æ */
.brand-card:hover .brand-arrow {
  color: #00c2a8; /* ¹ÎÆ® */
}




.brand-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
}




.brand-card {
  display: flex;
  flex-direction: column;
  text-decoration: none;
  color: #000;
  transition: all 0.3s ease;
}




.brand-image {
  width: 100%;
  padding-top: 60%; /* ºñÀ² À¯Áö */
  background-size: cover;
  background-position: center;
  transition: background-image 0.3s ease;
   border-radius:15px;
}




.brand-title {
  margin-top: 20px;
margin-bottom: 5px;
  font-weight: bold;
}




.brand-desc {
  margin-top: 8px;
  font-size: 14px;
  color: #555;
}




.brand-arrow {
  margin-top: 12px;
  font-size: 22px;
  color: #000;
  transition: color 0.3s ease;
}




/* È­»ìÇ¥ hover »ö»ó */
.brand-card:hover .brand-arrow {
  color: #00c2a8; /* ¹ÎÆ® »ö»ó */
}




/* ¹ÝÀÀÇü */
@media (max-width: 1024px) {
  .brand-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}




@media (max-width: 600px) {
  .brand-grid {
    grid-template-columns: 1fr;
  }
}




/* ÅÇ ¹öÆ° */
.ci-section,.hub-section{
margin-bottom:70px;
}
.hub-section{
margin-top:70px;
}
.ci-tabs {
  display: flex;
  gap: 8px;
  margin-bottom: 40px;
  justify-content: center; /* ✅ °¡¿îµ¥ Á¤·Ä */
width:100%;
}
.ci-tab {
width: 35%;
  appearance: none;
  border: 1px solid #00b2a4;
  background: #fff;
  color: #00b2a4;
  border-radius: 8px;
  padding: 10px 16px;
  font-weight: 700;
  cursor: pointer;
  transition: .2s ease;


}
.ci-tab:hover { background: #e7fbf8; }
.ci-tab.active {
  background: #00b2a4;
  color: #fff;
}




/* ÆгΠǥ½Ã/¼û±è */
.ci-panel { display: none; }
.ci-panel.active { display: block; }




/* ·¹À̾ƿô */
/*.ci-story-grid {
  display: grid;
  grid-template-columns: 1.1fr 1fr;
  gap: 24px;
  align-items: center;
}*/
.ci-guide-grid,.ci-story-grid {
  display: flex;
  flex-direction: column; /* ✅ Ç×»ó »óÇÏ ±¸Á¶ */
  gap: 24px;              /* À§¾Æ·¡ °£°Ý */
}
.ci-story-img img,


.ci-visual img {
  width: 100%;
  height: auto;
  border-radius: 12px;
}




.ci-story-txt h3,
.ci-text h3 { margin: 0 0 10px; }




.ci-bullets { margin: 12px 0 18px; padding-left: 18px; }
.ci-bullets li { margin: 6px 0; color: #444; }




.ci-downloads {
  display: flex;
  justify-content: center;
  gap: 10px;
  flex-wrap: wrap;
  margin-bottom: 8px;
}
.ci-btn {
  display: inline-block;
  min-width: 190px;
  text-align: center;
  padding: 12px 18px;
  border-radius: 8px;
  text-decoration: none;
  font-weight: 700;
  transition: .2s ease;
  border: 1px solid #a6a6a6;
}
.ci-btn.primary { background: #00b2a4; color: #fff; }
.ci-btn.primary:hover { background: #009a8f; }
.ci-btn.outline { background: #fff; color: #a6a6a6; }
/*.ci-btn.outline:hover { background: #e7fbf8; }*/




.ci-meta { font-size: 12px; color: #888; }




/* ¹ÝÀÀÇü */
@media (max-width: 992px) {
  .ci-story-grid,
  .ci-guide-grid {
    grid-template-columns: 1fr;
  }
}




/* Brand Sections */
.brand-block {
  display: grid;
  grid-template-columns: 1.1fr 0.9fr; /* ±Û:·Î°í ºñÀ² */
  gap: 32px;
  align-items: center;
  padding: 32px 0;
}




.brand-block .ci-downloads {
  display: flex;
  justify-content: left;
  gap: 10px;
  flex-wrap: wrap;
  margin-bottom: 8px;
}


.brand-text p { line-height: 1.8; color: #444; margin: 0 0 14px; }
.brand-guide { margin: 8px 0 1.33em; padding-left: 18px; color: #666; }
.brand-guide li { margin: 4px 0; }




.brand-visual img{
  width: 100%;
  height: auto;
  display: block;
  border-radius: 12px;
}




/* ±¸ºÐ¼± */
.brand-divider{
  border: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, #e9ecef, transparent);
  margin: 8px 0 16px;
}










/* ¹ÝÀÀÇü */
@media (max-width: 992px){
  .brand-block{
    grid-template-columns: 1fr;  /* 1¿­ ½ºÅà */
  }
  .brand-visual{ order: 2; }     /* ¸ð¹ÙÀÏ¿¡¼­ ÅؽºÆ®°¡ ¸ÕÀú ³ª¿À°Ô */
  .brand-text{ order: 1; }
}








.section-divider{
  height:1px;
  width:100%;
  background:#eaeaea;   /* ¼± »ö»ó */
  margin:40px 0;        /* À§¾Æ·¡ ¿©¹é */
}




.biz-section {
  display: flex;
  align-items: center;
  gap: 40px;
  padding: 20px 0;
}




.biz-section.reverse {
  flex-direction: row-reverse; /* À̹ÌÁö ¿À¸¥ÂÊ */
}




.biz-image img {
  max-width: 100%;
  height: auto;
  border-radius: 10px;
}




.biz-text {
  flex: 1;
}




.biz-title {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 10px;
}




.biz-desc {
  font-size: 16px;
  color: #555;
}


.biz-image{
width: 50%;
    height: 250px;
    overflow: hidden;
    border-radius: 10px;
}


/* ¸ð¹ÙÀÏ */
@media (max-width: 768px) {
  .biz-section,
  .biz-section.reverse {
    flex-direction: column;
    text-align: center;
gap:20px;
  }
.biz-image{
width: 100%;
    height: auto;;
    overflow: hidden;
    border-radius: 10px;
}
  .biz-image img {
    max-width: 80%;
  }
}






/* Àüü ÁÙ(½ºÆ®¸³) */
.ci-strip{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:clamp(16px, 4vw, 56px);
  padding:clamp(8px, 2vw, 24px);
}




/* ÁÂÃø CI ±¸¼º¼± À̹ÌÁö – ¹ÝÀÀÇüÀ¸·Î ÀÚ¿¬ Ãà¼Ò */
.ci-geo{
  width:clamp(120px, 22vw, 230px);
  height:auto;
  object-fit:contain;
}




/* ¿øÇü À̹ÌÁö + ĸ¼Ç ¹­À½ */
.ci-item{
  text-align:center;
}




/* ¿øÇü ¸¶½ºÅ© */
.ci-circle{
  width:clamp(80px, 12vw, 160px);
  aspect-ratio:1/1;
  border-radius:50%;
  overflow:hidden;
  background:#f6f6f6;
  box-shadow:0 2px 10px rgba(0,0,0,.06);
}




.ci-circle img{
  width:100%;
  height:100%;
  object-fit:cover;
}




/* ĸ¼Ç */
.ci-caption{
  margin-top:10px;
  font-size:clamp(12px, 1.4vw, 16px);
  color:#212121;
}




/* °¡¿îµ¥ Ç÷¯½º */
.ci-plus{
  font-weight:700;
  line-height:1;
  font-size:clamp(18px, 3vw, 36px);
  color:#212121;
}




/* ÇÊ¿ä½Ã ÃʼÒÇü ±â±â¿¡¼­ ¿©¹é¸¸ Á¶±Ý ÁÙÀ̱â */
@media (max-width:420px){
  .ci-strip{ gap:clamp(10px, 3vw, 20px); }
}


.ci-cori img{width:50%; height:auto; }
.ci-cori {display:flex; 
align-items: center;
    justify-content: center;
}






.core-value-container {
  text-align: center;
  padding: 50px 20px;
}




.core-value-title {
  font-weight: bold;
  margin-bottom: 40px;
}




.core-value-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 30px;
}




.core-value-item {
  text-align: center;
}




.core-icon {
  width: 100px; /* ÇÊ¿ä¿¡ ¸Â°Ô Á¶Á¤ */
  height: auto;
  margin-bottom: 20px;
}




/* Hover ½Ã È®´ë */
.core-value-item:hover .core-icon {
  transform: scale(1.1);
}




.core-value-item h4 {
  font-weight: bold;
  margin-bottom: 10px;
}




.core-value-item p {
  color: #333;


}




.highlight {
  font-weight: bold;
}




/* ÅÂºí¸´ & ¸ð¹ÙÀÏ: 2°³¾¿ */
@media (max-width: 1024px) {
  .core-value-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}




/* ÃʼÒÇü È­¸é: 1°³¾¿ */
@media (max-width: 480px) {
  .core-value-grid {
    grid-template-columns: 1fr;
  }
}








/* ·¹À̾ƿô */
.vmi-cards{
  display:grid;
  grid-template-columns: repeat(3,1fr);
  gap:28px;
  margin:32px auto 0;
}




.vmi-card{
  border:1px solid #E6E9EE;
  border-radius:16px;
  background:#fff;
  padding:28px 26px 30px;
  min-height:220px;
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
  transition:box-shadow .2s ease, transform .2s ease;
justify-content: center;
}
.vmi-card:hover{
  transform:translateY(-2px);
  box-shadow:0 6px 18px rgba(0,0,0,.06);
}




.vmi-title{








  letter-spacing:.02em;
  font-weight:800;
  margin:2px 0 16px;
}




.vmi-body{




  color:#222;
}




.vmi-brand{
  color:#00bb6f;       /* ¹ÎÆ® Æ÷ÀÎÆ® */
  font-weight:700;
}




/* ¸®½ºÆ® ½ºÅ¸ÀÏ(¿À¸¥ÂÊ Ä«µå) */
.vmi-list{
  margin:4px 0 0;
  padding:0 0 0 0;
  list-style:none;
}
.vmi-list li{
  position:relative;
  padding-left:18px;
  margin:8px 0;
}
.vmi-list li::before{
  content:"¡¤";
  position:absolute;
  left:0; top:0;








  color:#00c2a8;
}




/* ¹ÝÀÀÇü */
@media (max-width: 1024px){
  .vmi-cards{ grid-template-columns: repeat(2,1fr); }
}
@media (max-width: 640px){
  .vmi-cards{ grid-template-columns: 1fr; }
  .vmi-title{ font-size:24px; }
  .vmi-body{ font-size:15px; }
}
















/*****ä¿ë °ü·Ã ÆäÀÌÁö*****/
/* ¹ÝÀÀÇü */
@media (max-width: 768px) {


.career-people .col-xs-5 {
width:100%;
}
.map-tab-btns {
    display: flex;
    justify-content: space-around;
    gap: 5px;
    margin-bottom: 30px;
    flex-wrap: wrap;
  }
  .map-tab-btns button {
    padding: 10px 10px;
    border: 1px solid #333;
    background-color: #fff;
    color: #333;
    cursor: pointer;
    font-size: 14px;
    border-radius: 6px;
    transition: all 0.3s ease;
  }


}
@media (max-width: 300px) {


.map-tab-btns {
    display: flex;
    justify-content: space-around;
    gap: 5px!important;
    margin-bottom: 30px;
    flex-wrap: wrap;
  }
  .map-tab-btns button {
    padding: 5px 5px!important;
    border: 1px solid #333;
    background-color: #fff;
    color: #333;
    cursor: pointer;
    font-size: 14px;
    border-radius: 6px;
    transition: all 0.3s ease;
  }


}






.recruit-btn-wrap {
  width: 100%; margin-top:15px;
}


.recruit-btn {
  display: block;
  width: 100%;
  text-align: center;
  background-color: #fff;
  color: #333;
  padding: 16px 20px;
  font-size: 16px;
  border: 1px solid #333;
  border-radius: 6px;
  text-decoration: none;
  box-sizing: border-box;
  transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease;
}


.recruit-btn:hover {
  background-color: #00B8A9;
  color: #fff;
  border-color: #00B8A9;
}




.map-tab-btns {
    display: flex;
    justify-content: center;
    gap: 10px;
    margin-bottom: 30px;
    flex-wrap: wrap;
  }




  .map-tab-btns button {
    padding: 10px 20px;
    border: 1px solid #333;
    background-color: #fff;
    color: #333;
    cursor: pointer;
    font-size: 16px;
    border-radius: 6px;
    transition: all 0.3s ease;
  }




  .map-tab-btns button.active {
    background-color: #00B8A9;
border: 1px solid #00B8A9;
    color: #fff;
  }




  .map-content {
    display: none;
  }




  .map-content.active {
    display: block;
  }








/*********************************¹Ìµð¾î ÆäÀÌÁö °ü·Ã******************************/




/* ¾ÆÁÖ ÀÛÀº Æù: 1´Ü */
@media (max-width: 480px) {
  .col-xs-5 { width: 100%; }
}




.ig-embed{
  width:100%;
  aspect-ratio: 1 / 1;     /* ÀÏ¹Ý °Ô½Ã¹°(Á¤»ç°¢Çü) */
  border:0;
  display:block;
}
@media (min-width:768px){
  .ig-embed{ aspect-ratio: 1 / 1; }  /* ÇÊ¿ä½Ã ºñÀ² Á¶Á¤ */
}