@charset "utf-8";

/* Reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,form,fieldset,p,button{margin:0;padding:0}
body,h1,h2,h3,h4,input,button,textarea,pre,select{font-family:'Noto Sans KR','나눔고딕',NanumGothic,'맑은 고딕',Malgun Gothic,'돋움',Dotum,'굴림',Gulim,HelveticaNeue-Light,AppleSDGothicNeo-Light,sans-serif; font-size:16px;color:#1b1b1b; letter-spacing:-0.5px; }
body{text-align:left; word-break:break-word; overflow-x:hidden;}
img,fieldset,iframe{border:0 none}
img {max-width:100%;}
li{list-style:none}
input,select,button{vertical-align:middle}
img{vertical-align:top}
i,em,address{font-style:normal}
label,button{cursor:pointer}
a{color:#000;text-decoration:none; }
a:hover{}
hr{display:none}
legend{*width:0}
table{border-collapse:collapse;border-spacing:0}
caption{font-size:0; line-height:0; height:0}

/* Mobile Form Default */
input[type='text'],input[type='password'],input[type='image'],input[type='search']{-webkit-appearance:none;-webkit-border-radius:0}

/* Skip */
#skipnavigation{z-index:9999;position:absolute;left:0;top:0;width:100%;text-align:center}
#skipnavigation *{list-style:none;margin:0;padding:0;}
#skipnavigation a{display:block;width:100%;height:0;overflow:hidden;white-space:nowrap;}
#skipnavigation a:focus,
#skipnavigation a:active{display:block;width:100%;height:36px;color:#fff;background:#000;line-height:36px;text-decoration:underline !important;font-size:14px;}

* {box-sizing:border-box; -webkit-tap-highlight-color: rgba(0,0,0,0);}
select{ -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-appearance:none;-webkit-border-radius:0 }
select::-ms-expand {display: none;}

::-webkit-input-placeholder { color:#c9c9c9;  font-weight: normal; font-size: 18px;  font-weight: 400; opacity:1; }

.mob {display: none;}
.gm { font-family: 'GmarketSans' !important; }

.head {position: fixed; left:0; top:0; width: 100%; z-index: 10; z-index: 100; border-bottom: 1px solid #ffffff; background: rgba(38,43,57,.6); padding:0 43px;}
.head .headCont {position: relative;  height:113px;  max-width:1920px; width: 100%; margin:0 auto;  z-index: 10; }
.head .headCont:after {content:''; position: absolute; right:0;}
.head .headCont .h1Logo {position: absolute; left:0; top:0; height: 100%; z-index: 10; display: flex; align-items: center;}
.head .headCont .h1Logo a {width:221px; height: 40px; text-indent:-999em; display: block; background:url('../images/h1Logo.png?v1') center no-repeat; }
.head .headCont .gnbWrap {position: relative; z-index: 1; display: flex; align-items: center; justify-content: center;}
.head .headCont .gnbWrap .in > ul {display: flex; align-items: center; justify-content: center; gap:40px; }
.head .headCont .gnbWrap .in > ul > li {position: relative;text-align: center;  }
.head .headCont .gnbWrap .in > ul > li > a {font-size:18px; height: 113px; color:#fff; display: flex;justify-content: center; align-items: center; padding:0 33px; font-weight: 500; letter-spacing:0.5px;}
.head .headCont .btnGlobal {position: absolute; right:43px; top:0; display: flex; align-items: center; height: 100%; gap:25px; z-index: 10;}
.head .headCont .btnGlobal a {font-size: 16px; color:#93adc4; position: relative; opacity:.5}
.head .headCont .btnGlobal a:first-child:after {content:''; position: absolute; right:-13px; top:50%; margin-top:-5px; width: 1px; height:11px; background: #93adc4;}
.head .headCont .btnGlobal a.active {color:#fff; opacity:1;}



.inner {max-width:1440px; padding:0 20px; margin:0 auto;}
.inBox {max-width:1400px; margin:0 auto;}



body:has(.subSec) .head {background: rgba(38,43,57,.6); }
body:has(.subSec)  .headCont .btnGlobal a {color:#93adc4; }

body .head.black {border-bottom: 1px solid #c9c9c9; background: #fff;}
body .head.black .h1Logo a {background:url('../images/h1Logo_color.png?v1') center no-repeat;}
body .head.black .gnbWrap .in > ul > li > a  {color:#131313;}
body .head.black  .headCont .btnGlobal a {color:#131313; }
body .head.black  .headCont .btnGlobal a:first-child:after {background: #537185;}
body .head.black  .headCont .btnGlobal a.active {color:#131313; opacity:1;}


/*
body:has(.subSec) .head .h1Logo a {background:url('../images/h1Logo_color.png?v1') center no-repeat; }
body:has(.subSec) .head .gnbWrap .in > ul > li > a  {color:#131313;}
body:has(.subSec)  .headCont .btnGlobal a {color:#131313; }
body:has(.subSec)  .headCont .btnGlobal a:first-child:after {background: #537185;}
body:has(.subSec)  .headCont .btnGlobal a.active {color:#131313; opacity:1;}
*/
.inner {max-width:1340px; padding:0 20px; margin:0 auto;}
.btnMemu {display: none;}



.mainSec {}
.mainSlideWrap { position: relative;   min-height:700px; height: 100vh; overflow:hidden;}
.mainSlideWrap .mainSlide {position: absolute; left:50%; top:0; transform:translateX(-50%); width: 100%; height: 100vh;}
.mainSlideWrap .mainSlide .inSlide{  overflow:hidden; height: 100%; }
.mainSlideWrap .mainSlide .swiper {  height: 100%; }
.mainSlideWrap .mainSlide .swiper-wrapper img {width: 100%; height: 100%; object-fit:cover}
.mainSlideWrap .mainSlide .mainText {position: absolute; left:50%; bottom:0; padding-bottom: 185px; transform:translate(-50%,0); max-width:1340px; width: 100%;  color:#fff;  z-index:10; }
.mainSlideWrap .mainSlide .text {}
.mainSlideWrap .mainSlide .text .no1 {margin-bottom: 10px; font-size: 42px; line-height: 1.4; font-weight: 700;  }
.mainSlideWrap .mainSlide .text .no2 {font-size:18px; line-height: 1.6; margin:35px 0;}
.mainSlideWrap .mainSlide .scroll {position: absolute; left:0; width: 100%; bottom:50px;  text-align: center;  animation: updown 3s cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite; z-index: 0;}



@keyframes updown {
    0% {
        bottom: 50px;
    }

    50% {
        bottom:20px;
    }

    100% {
        bottom: 50px;
    }
}

.swiper-button-next,
.swiper-button-prev{display: inline-block; width: 26px;height: 52px;background: none;}
.swiper-button-prev{left: 130px;}
.swiper-button-next{right: 130px;left: auto;}

.swiper-pagination {position: static; text-align: left; gap:24px; display: flex;}
.swiper-pagination .swiper-pagination-bullet {background: none; border:1px solid #fff; opacity:1; }
.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {background: #fff;}
.swiper-pagination-current{color: #fff}
.swiper-container-horizontal>.swiper-pagination-bullets{width: auto;position: absolute;font-size: 0;top: auto;bottom: 100px;width: 100%;text-align: center;left:0}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 12px;background-color: #fff}


.mainVis {margin:75px 0 60px;}
.mainVis .bgBox .tit {font-size:30px; line-height: 1.3; font-weight: 700; color:#1b1b1b; text-align: center; margin-bottom: 80px;}
.mainVis .bgBox .list ul {display: flex;gap:10px;}
.mainVis .bgBox .list ul li {border:1px solid #d2d2d2; height: 332px;  flex:1; padding: 22px 10px 10px 30px;}
.mainVis .bgBox .list ul li .ico  {height:110px; align-items: center; display: flex; }
.mainVis .bgBox .list ul li .tit01 {font-size: 24px; line-height: 1.3; font-weight: 700; color:#1b1b1b; margin-bottom: 30px;}
.mainVis .bgBox .list ul li .tit02 {color:#313131;font-size: 18px; line-height: 1.6;}


.videoWrap .inner{display: flex; gap:10px; }
.videoWrap .inner > div {padding:62px 0 0 0; position: relative;     }
.videoWrap .inner > div.left {padding-right: 45px;}
.videoWrap .inner > div.left:after {content:''; position: absolute; right:0; top:0; width: 200vw; height: 100%; border-top-right-radius:50px;  border-bottom-right-radius:50px; background: #eee;}
.videoWrap .inner > div.left .cont {position: relative; z-index: 1;}
.videoWrap .inner > div.left .cont .video {box-shadow:10px 10px 30px 30px rgba(0,0,0,.1); position: relative; top:20px; }
.videoWrap .inner > div.left .cont .video iframe {vertical-align: top; }
.videoWrap .titBox {display: flex; justify-content: space-between;margin-bottom: 45px; align-items: center; max-width:600px;}
.videoWrap .titBox  .tit {font-size: 30px; font-weight: 700; line-height: 30px; color:#1b1b1b;} 
.videoWrap .inner > div.right {padding-left: 40px;}
.videoWrap .inner > div.right .imgList {white-space:nowrap; font-size: 0; overflow-x:auto; width: 900px;}
.videoWrap .inner > div.right .imgList::-webkit-scrollbar {height: 0;}
.videoWrap .inner > div.right .imgList a {display: inline-block; margin-right: 8px; }
.videoWrap .inner > div.right .imgList a img {width: 244px; height: 347px; border:1px solid #dfdfdf; vertical-align: top; }
.videoWrap .inner > div.right .control {display: flex; justify-content: flex-end; gap:10px; margin-top: 27px; max-width:600px; }
.videoWrap .inner > div.right .control a {width: 43px; height: 43px; text-indent:-999em; background:url('../images/ico_play.png') center no-repeat; border:1px solid #b6b6b6; border-radius:50%;}
.videoWrap .inner > div.right .control a.prev {transform:rotate(180deg); display: none;}

.ico_more {font-size: 16px; color:#000; font-weight: 500; padding-right: 18px; background:url('../images/ico_more2.png') right center no-repeat; }
.noticeWrap {margin:60px 0 80px;}
.noticeWrap .inner  {display: flex; gap:11px}
.noticeWrap .noticeSlide {flex:1; overflow:hidden;}
.noticeWrap .noticeSlide .inSlide{overflow:hidden; }
.noticeWrap .noticeSlide .title {display: flex; align-items: center; justify-content: space-between; margin-bottom: 8px; padding-bottom: 25px; border-bottom: 2px solid #1b1b1b; padding-right: 12px;}
.noticeWrap .noticeSlide .title .tit {font-size: 30px; font-weight: 700; color:#1b1b1b;}

.noticeWrap .noticeSlide  p {overflow:hidden;}
.noticeWrap .noticeSlide  p a {display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #dcdcdc; padding:20px 0; gap:10px;}
.noticeWrap .noticeSlide  p a .tit {font-size: 18px; color:#1b1b1b; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} 
.noticeWrap .noticeSlide  p a .date {font-size: 18px; color:#aaaaaa; flex-shrink:0; padding-right: 13px;} 
.noticeWrap .btns {min-width:318px; height: 280px; position: relative;}
.noticeWrap .btns.no1 {background: #1b1b1b;}
.noticeWrap .btns a {display: block; height: 100%; position: relative; z-index: 10;}
.noticeWrap .btns .tit {font-size: 30px; padding-left: 33px; line-height: 1.3; height:115px; line-height: 115px; color:#fff; font-weight: 700;  background:url('../images/main_ico2.png') center no-repeat; background-size:cover;   }
.noticeWrap .btns .txt {font-size: 18px; line-height: 1.4; color:#fff;  padding:30px 0 0 37px;}
.noticeWrap .btns .txt strong {font-weight:500; }
.noticeWrap .btns .txt span {color:#757a85; display: block; margin-top: 5px; }
.noticeWrap .btns.no1:after {content:''; position: absolute; right:27px; bottom:27px;  width: 43px; height: 43px; background:url('../images/ico_play.png') center  no-repeat;}
.noticeWrap .btns.no2 {background:#202d48;}
.noticeWrap .btns.no2 .tit { background:url('../images/main_ico1.png') center no-repeat; background-size:cover;}
.noticeWrap .btns.no2 .txt { padding-top: 17px;}
.noticeWrap .btns.no2:after {  background-image:url('../images/ico_main06.png');}
.noticeWrap .btns.no2 .number {font-size: 37px; line-height: 37px; padding-top: 30px;color:#fff; padding-left: 37px; font-weight: 700;}

.footer {background: #000000; padding:65px 0 80px; margin-top: 100px;}
.footer .inner {}
.footer .inner .left { display: flex; justify-content: space-between; margin-bottom: 55px;}
.footer .inner .left .link { display: flex; gap:10px}
.footer .inner .left .link a {flex:1; width:275px; height: 55px; padding-left: 20px; display: flex; align-items: center; font-size: 16px; color:#757a85; border:1px solid #717680; background:url('../images/ico_link.png') right 20px center no-repeat; }
.footer .inner .right { font-size: 18px; color:#fff;  }
.footer .inner .right .line {display: flex;}
.footer .inner .right .line p {display: flex; position: relative; padding-right: 27px; gap:10px; }
.footer .inner .right .line p:after {content:''; position: absolute; right:13px; top:50%; width: 1px; background:#fff;; height: 20px; margin-top:-9px; }
.footer .inner .right .line p:last-child {padding-right: 0;}
.footer .inner .right .line p:last-child:after {display: none;}
.footer .inner .right .line p strong {font-weight: 700;}
.footer .inner .right .addr { line-height: 1.6; margin-bottom: 45px; margin-top: 5px;}
.footer .inner .right .copy {font-size: 16px; color:#757a85; }

.subSec {}

.btnCenter {text-align: center;}

.subTop {background:url('../images/subBg01.jpg') center no-repeat; background-size:100% 100%; padding-top:230px; text-align: center; height: 508px; color:#fff; margin-bottom: 50px;}
.subTop.product {background-image:url('../images/subBg02.jpg'); }
.subTop.media {background-image:url('../images/subBg03.jpg'); }
.subTop.project {background-image:url('../images/project.png'); }
.subTop.contact {background-image:url('../images/subBg04.jpg'); }
.subTop h2 {font-family: 'GmarketSans'; font-size: 36px; line-height: 1;  font-weight: 700; color:#fff; margin-bottom: 30px;}
.subTop .txt {font-size: 18px;}

.container:has(.tabBox) .subTop {margin-bottom: 0;}

.tabBox {margin-top:-35px; margin-bottom: 80px;}
.tabBox ul {display: flex; flex-wrap:wrap;}
.tabBox ul li {flex:1; border:1px solid #e3e3e3; margin-right:-1px;}
.tabBox ul li a {height: 70px; display: flex; align-items: center; justify-content: center; font-size: 20px; color:#1b1b1b; background: #fff;}
.tabBox ul li.active { border:none;}
.tabBox ul li.active a {height: 72px;background:#202d48; background-size:cover; color:#fff; }
.tabBox.type2 ul li.active a { color:#fff; }


.ipType1 {border:1px solid #dcdcdc; width: 100%; height:65px; padding-left:25px;}
.ipType1.mini {height: 49px;}
input:read-only {background: #f4f4f4;}

.btnType1 {display: inline-flex; align-items: center; justify-content: center; font-size: 18px; font-weight:500; color:#fff; background: #294785; border-radius:5px; min-width:260px; padding:0 24px; height: 65px; }
.btnType1.white {background: #fff; border:1px solid #7dc788; color:#294785;}
.btnType1.line {background: #fff; border:1px solid #aaaaaa; color:#aaaaaa;}
.btnType1.gray {background: #eeeeee; border:1px solid #eeeeee; color:#aaaaaa;}
.btnType1.green {background: #fff; border:1px solid #0ea624; color:#0ea624;}
.btnType1.mini {min-width:146px; height: 49px;}
.btnType1.mini2 {min-width:104px; height: 35px; font-size: 16px; font-weight: 400;}
.btnType1.mini3 {min-width:240px; height: 50px; }

.checkLable {display: flex;}
.checkLable input {position: absolute; visibility: hidden; }
.checkLable label {font-size: 18px; line-height: 18px; color:#313131; padding:10px 0 10px 42px; position: relative;}
.checkLable label:after {content:''; position: absolute; left:0; top:50%; margin-top:-15px; width: 28px; height: 28px; border:1px solid #bebebe; border-radius:100px; background:url('../images/ico_check.png') center no-repeat;}
.checkLable input:checked + label:after {background:url('../images/ico_check_on.png') center no-repeat; border-color:#294785}


.radioType1 {display: flex;}
.radioType1 input {position: absolute; visibility: hidden; }
.radioType1 label {font-size: 18px; line-height: 18px; color:#313131; padding:10px 0 10px 40px; position: relative;}
.radioType1 label:after {content:''; position: absolute; left:0; top:50%; margin-top:-13px; width: 25px; height: 25px; border:1px solid #bebebe; border-radius:100px;}
.radioType1 input:checked + label:before {content:''; position: absolute; left:8px; top:50%; margin-top:-5px; background:#294785; width: 11px; height: 11px; border-radius:100px;}


.selType1 {padding:0 42px 0 23px; background:url('../images/ico_sel.png') right 23px center no-repeat; border:1px solid #dcdcdc; height: 65px; width: 100%; font-size: 18px; color:#333;}
.selType1.mini {height: 49px;}

.formBox {margin-bottom: 90px;}
.formBox.borderTop {border-top: 2px solid #313131;}
.formBox .tit {font-size: 24px; line-height: 24px; color:#313131; font-weight: 700; padding-bottom: 24px; border-bottom: 2px solid #313131;}
.formBox .formTable .line {display: flex; border-bottom: 1px solid #dcdcdc;;}
.formBox .formTable .line .th {padding:26px 0 26px 25px; font-size: 18px; color:#000000; min-width:180px;}
.formBox .formTable .line .th .req {color:#294785;}
.formBox .formTable .line .td {padding:16px 0; font-size: 18px; color:#898989; }
.formBox .formTable .line .td.full {width: 100%;}
.formBox .formTable .line .td .txt {padding:10px 0;}
.formBox .formTable .line .td .selType1 { height: 50px;}
.formBox .formTable .line .td .ipType1 {width:220px; vertical-align: top; height: 50px;}
.formBox .formTable .line .td .size01 {width:470px;}
.formBox .formTable .line .td .size02 {width:220px;}
.formBox .formTable .line .td textarea {width:100%; border:1px solid #e6e6e6; padding:20px; height: 340px;}
.formBox .formTable .line .td .btnType1 {min-width:150px; margin-left: 16px;}
.formBox .formTable .line .td .emailBox {display: flex; align-items: center ; gap:15px; color:#313131;}
.formBox .formTable .line .td .tdBox {margin-bottom:15px; display: flex; align-items: center;}
.formBox .formTable .line .td .tdBox:last-child {margin-bottom: 0;}
.formBox .formTable .line .td .radioBox {padding:5px 0;}
.formBox .formTable .line .td .radioBox .radio {margin-bottom: 5px; display: flex; align-items: center; gap:30px;}
.formBox .formTable .line .td .radioBox .etc {font-size: 18px; color:#c9c9c9;}
.formBox .formTable .btnCenter {margin-top: 100px;}


.tabType1 { display: flex;  align-items: center; width: 100%; margin-bottom: 20px; border-bottom:2px solid #191919; }
.tabType1 li{flex:1;height:100%;   max-width:230px; margin-bottom:-2px;}
.tabType1 li,.tab_elem{display:flex;align-items:center;justify-content:center;height:100%;font-size:18px;font-weight:400;cursor:pointer;box-sizing:border-box;border:0;gap:6px; width: 100%; color:#212121; height: 60px;}
.tabType1.border_top li .tab_elem{color:#1e1e1e;  border-bottom:2px solid #191919; background: #f8f8f8; text-align: center; word-break:keep-all; line-height: 18px;}
.tabType1.border_top li:nth-child(n+2) .tab_elem{margin-left:-1px}
.tabType1.border_top li.active .tab_elem{color:#191919; border:2px solid #191919;border-bottom:0;background-color:#fff;container-type:inline-size;font-weight:500;position:relative}



.locationWrap .map {margin-bottom: 75px; overflow:hidden; border-radius:16px;}
.locationWrap .map .root_daum_roughmap { width: 100% !important;}
.locationWrap .map .root_daum_roughmap * {border:none;}
.locationWrap .map .root_daum_roughmap .wrap_controllers  {display: none;}
.locationWrap .map .root_daum_roughmap .cont  {display: none;}
.locationWrap .map .root_daum_roughmap .cont  {display: none;}
.locationWrap .info {display: flex; gap:20px;  }
.locationWrap .info .box {flex:auto;font-size: 18px; }
.locationWrap .info .box .img {margin-bottom: 25px;  height: 58px; border-bottom: 1px solid #000000;}
.locationWrap .info .box .tit01 {margin-bottom:5px; font-weight: bold;}



.tbType1 table {width: 100%;}
.tbType1 table thead {border-top: 2px solid #3a3a3a;}
.tbType1 table thead th {font-size: 16px; color:#434343; font-weight: 700; text-align: center;  border-bottom: 1px solid #e6e6e6; padding:18px 0; width: 160px;}
.tbType1 table thead th.number {width: 100px;}
.tbType1 table thead th.multiDate {width: 110px;}
.tbType1 table thead th.writer {width: 120px;}
.tbType1 table thead th.count {width: 100px;}
.tbType1 table thead th.mini {width:120px;}
.tbType1 table thead th.tit {width: auto;}
.tbType1 table tbody td {font-size: 16px; color:#888888; text-align: center;  border-bottom: 1px solid #e6e6e6;;  padding:18px 0;}
.tbType1 table tbody td.tit a {color:#888888; }
.tbType1 table tbody td.tit {text-align: left; padding-left: 25px;}
.tbType1 table tbody td .new {display: inline-flex; width: 20px; height: 20px; background:url('../images/ico_new.png') center no-repeat; vertical-align: middle; margin-left: 10px;}

.viewType1 {margin-bottom: 70px;}
.viewType1 .top {border-top: 2px solid #3a3a3a;}
.viewType1 .top .line {padding:15px 0; border-bottom: 1px solid #e8e8e8;}
.viewType1 .top .line.double{display: flex;}
.viewType1 .top .line.double .box {flex:1; width: 50%;}
.viewType1 .top .line .box {display: flex;}
.viewType1 .top .line .box .tit {min-width:115px; text-align: center; font-size: 16px; color:#434343; font-weight: 700;}
.viewType1 .top .line .box .text {font-size: 16px; color:#888888;}
.viewType1 .top .line .box .text.bold { color:#1b1b1b;}
.viewType1 .top .line .box .text.green a { color:#294785;}
.viewType1 .bottomText {font-size: 16px; color:#888888; padding:28px; border-bottom: 1px solid #e8e8e8;  min-height:300px;}



.popup {position: fixed; left:0; top:0; width: 100%; height: 100%; z-index: 100; background:rgba(0,0,0,.6); display: none;}
.popup .in {position: fixed; left:50%; top:55%; transform:translate(-50%,-50%); width: 1418px; height: 777px; padding:36px 59px; z-index: 100; background:url('../images/popbg.png') center no-repeat;}
.popup .in .btnClose {position: absolute; right:60px; top:-30px; width:32px; height: 32px; background:url('../images/ico_close.png') center no-repeat; text-indent:-999em; cursor:pointer;}
.popup .in .popCont {display: flex; justify-content: center; align-items: center;    gap:30px;}
.popup .in .popCont .swiper-wrapper {align-items: center;}
.popup .in .popCont .popSwiper {flex:auto; max-width:700px; text-align: center; overflow:hidden; position: relative; margin-top: 50px;}
.popup .in .popCont .popSwiper .swiper-slide {padding:10px;}
.popup .in .popCont .popSwiper .navBtn {margin-top: 25px; display: flex; align-items: center; gap:10px; justify-content: center;}
.popup .in .popCont .popSwiper .swiper-button-next,.popup .in .popCont .popSwiper .swiper-button-prev {position: static; width: 44px; height: 44px; align-items: center; display: flex; justify-content: center; border:1px solid #a6a6a6; border-radius:50%; background:none; margin:0;}
.popup .in .popCont .popSwiper .swiper-button-next:hover,.popup .in .popCont .popSwiper  .swiper-button-prev:hover {background: url('../images/bg_arrow.png') center no-repeat;}
.popup .in .popCont .popSwiper .swiper-button-next {transform:rotate(180deg);}
.popup .in .popCont .info {min-width: 420px; color:#fff; font-family: 'GmarketSans'; }
.popup .in .popCont .info .name {font-weight: 700;  margin-bottom: 35px; padding-bottom: 30px; text-align: center; letter-spacing:1px; border-bottom: 2px solid #fff; font-size: 56px; font-weight: 700;}
.popup .in .popCont .info .sns .box {display: flex; color:#fff;   align-items: center; justify-content: space-between; font-size: 24px; font-weight: 700; margin-bottom: 35px;}
.popup .in .popCont .info .sns .box:last-child {margin-bottom: 0;}
.popup .in .popCont .info .sns .box .tit {display: flex; align-items: center; gap:30px;}
.popup .in .popCont .info .sns .box .count {min-width:72px; text-align: left; }

.searchWrap {display: flex; justify-content: flex-end; margin-bottom: 50px;}
.searchWrap .rightArea {display: flex; align-items: center; }
.searchWrap .rightArea .selType1 {width: 148px; height:47px; margin-right: -1px;}
.searchWrap .rightArea .ipType1 {width: 285px; height:47px; margin-right: -1px;}
.searchWrap .rightArea .btn {width:96px; height:47px; background:#294785; color:#fff; display: flex; justify-content: center; align-items: center; font-size: 18px; }


.photoList ul {display:grid; grid-template-columns:repeat(4,1fr); gap:10px;}
.photoList ul li {  min-width:0; box-shadow:5px 10px 10px rgba(0,0,0,0.1); border:1px solid rgba(0,0,0,0.1);}
.photoList ul li .img{  height: 205px; overflow:hidden; text-align: center;}
.photoList ul li .img img { height:100%; }
.photoList ul li .text {padding:15px; position: relative;}
.photoList ul li .text .tit {font-size: 20px; color:#1e1e1e; font-weight: 500; margin-bottom: 5px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; display: block;}
.photoList ul li .text .txt {font-size: 16px; color:#b5b5b5;}


.paging {display: flex; align-items: center; justify-content: center; margin-top: 80px;}
.paging .num {margin:0 15px;}
.paging .num a.active {background:#294785; color:#fff;}
.paging a {width: 45px; height: 45px; display: inline-flex; align-items: center; justify-content: center; font-size: 16px; color:#1b1b1b;}
.paging a.arrow {text-indent:-999em; border:1px solid #bbbbbb;}
.paging a.arrow.prev {background: url('../images/paging1.png') center no-repeat; background-size:9px auto;}
.paging a.arrow.next {background: url('../images/paging2.png') center no-repeat; background-size:9px auto;}



.viewType2 {padding-top: 80px;}
.viewType2 .top {display: flex; gap:20px; margin-bottom: 85px;}
.viewType2 .top .img { min-width: 650px; overflow:hidden; width: 650px; }
.viewType2 .top .img .mySwiper2{border:1px solid #dcdcdc; margin-bottom: 10px; text-align: center;}
.viewType2 .top .img .mySwiper2 .swiper-slide {height: 415px; display: flex; justify-content: center; align-items: center;}
.viewType2 .top .img .mySwiper2 img {max-height: 100%;}
.viewType2 .top .img .mySwiper1 .swiper-slide{border:1px solid #dcdcdc; cursor:pointer; height: 120px;}
.viewType2 .top .img .mySwiper1 .swiper-slide {text-align: center; display: flex; justify-content: center; align-items: center;}
.viewType2 .top .img .mySwiper1 .swiper-slide img {max-height:100%;}
.viewType2 .top .rightBox {width: 100%;}
.viewType2 .top .btnRight {margin-top: 25px;}
.viewType2 .top .btnRight a {width: 100%;}
.viewType2 .bottom .descBox {border:1px solid #dcdcdc; padding:20px; font-size: 18px; color:#aaaaaa; min-height:480px;}
.viewType2 .bottom .descBox > div {display: none;}
.viewType2 .bottom .descBox > div.active {display: block;}
.viewType2 .mySwiper1 {}


.tbBox {border-top: 2px solid #3a3a3a;}
.tbBox .tr {display: flex; border-bottom: 1px solid #e6e6e6;}
.tbBox .tr .th {min-width:174px; font-size: 18px; line-height: 18px;font-weight: 700;  padding:0 0 0 30px; min-height:60px; display: inline-flex; flex-direction:column; justify-content: center;}
.tbBox .tr .th .info {color:#c9c9c9; font-weight: 400; margin-top: 10px;}
.tbBox .tr .td {font-size: 18px; color:#888888;  padding:15px 0; line-height: 1.6; display: flex; align-items: center; width: 100%;}
.tbBox .tr .td .radio {display: flex; align-items: center; gap:10px 33px; flex-wrap:wrap;} 
.tbBox .tr .td textarea {width: 100%; border:1px solid #e8e8e8; height: 86px; resize:none;}
.tbBox .tr .td strong {color:#191919; font-weight: 500;}

.titBorder {position: relative; font-size: 24px; line-height: 24px; font-weight: 700; color:#313131; margin-bottom: 30px; }
.titBorder.none {border-bottom: none; padding-bottom: 0;}
.titBorder .more {position: absolute; right:0; top:5px; width: 16px; height: 16px; text-indent:-999em; background:url('../images/ico_more_pc.png') center no-repeat; background-size:16px auto;}


.viewType1 {margin-bottom: 70px;}
.viewType1 .top {border-top: 2px solid #3a3a3a;}
.viewType1 .top .line {padding:15px 0; border-bottom: 1px solid #e8e8e8;}
.viewType1 .top .line.double{display: flex;}
.viewType1 .top .line.double .box {flex:1; width: 50%;}
.viewType1 .top .line .box {display: flex;}
.viewType1 .top .line .box .tit {min-width:115px; text-align: center; font-size: 16px; color:#434343; font-weight: 700;}
.viewType1 .top .line .box .text {font-size: 16px; color:#888888;}
.viewType1 .top .line .box .text.bold { color:#1b1b1b;}
.viewType1 .top .line .box .text.green a { color:#294785;}
.viewType1 .bottomText {font-size: 16px; color:#888888; padding:28px; border-bottom: 1px solid #e8e8e8;  min-height:300px;}



.agreeWrap .agreeBox.mb0 {margin-bottom: 0;}
.agreeWrap .agreeBox .tit {font-size: 24px; font-weight: 700; color:#313131; padding-bottom: 20px; margin-bottom: 30px; border-bottom: 2px solid #313131;}
.agreeWrap .agreeBox .agreeText {font-size: 18px; color:#aaaaaa; padding:20px 18px; border:1px solid #e3e3e3; margin-bottom: 25px; min-height:180px; max-height:180px; overflow-y:auto;}
.agreeWrap .agreeBox .agreeCheck {display: flex; align-items: center; justify-content: space-between;}
.agreeWrap .agreeBox .agreeCheck .info {font-size: 18px; color:#313131; }
.agreeWrap .agreeBox .agreeCheck .checkList {display: flex; gap:36px;}
.agreeWrap .btnCenter {padding-top:80px; margin-top:25px; border-top: 1px solid #dcdcdc;}
.agreeWrap .btnCenter .btnType1 {}

.aboutWrap {display: flex; justify-content: space-between;}
.aboutWrap .left {font-size: 25px;  font-weight: 500; min-width:524px;}
.aboutWrap .left .tit01 {color:#294785; margin-bottom: 50px;}
.aboutWrap .right {flex:1; font-size: 18px; color:#262626; line-height: 1.6;}
.aboutWrap .right .tit02 {text-align: right;}

.organWrap {text-align: center;}

.h3Wrap{margin-bottom: 90px; border-bottom: 2px solid #101010; padding-bottom: 20px; text-align: center;}
.h3Wrap h3{font-size: 24px; font-weight: 700; text-align: left;}

.historyWrap {padding-left: 140px; position: relative;}
.historyWrap .hisTit {position: absolute; left:0; top:0; font-size: 24px; font-weight: 700; }
.historyWrap .hisList .box {margin-bottom: 110px;}
.historyWrap .hisList .box:last-child {margin-bottom: 0;}
.historyWrap .hisList .box .bigYear {font-size: 48px; font-weight: 700; line-height: 48px; margin-bottom: 60px;}
.historyWrap .hisList .box .in {display: flex; gap:40px; justify-content: space-between;}
.historyWrap .hisList .box .in > div {width: 50%; }
.historyWrap .hisList .box .in ul {position: relative;}
.historyWrap .hisList .box .in ul:after {content:''; position: absolute; left:97px; top:8px; width: 1px; height: 100%; background: #bfbfbf;}
.historyWrap .hisList .box .in ul li {display: flex; gap:40px; margin-bottom: 50px;}
.historyWrap .hisList .box .in ul li .year {font-size: 24px; line-height: 24px; font-weight: 700; position: relative; width: 103px;}
.historyWrap .hisList .box .in ul li .year:after {content:''; position: absolute; right:0; top:8px; width: 10px; height: 10px; border-radius:50%; background: #294785; z-index: 10;}
.historyWrap .hisList .box .in ul li .text {font-size: 18px; color:#5b5b5b; line-height: 1.5;}


.h3Tit {text-align: center; font-size: 36px; font-weight: 700; margin-bottom: 90px; }

.certList ul {display: grid; grid-template-columns: repeat(4, 1fr); gap:23px;}
.certList ul li {position: relative; overflow:hidden; border-bottom-right-radius:40px;}
.certList ul li .img {display: flex; height: 100%; }
.certList ul li img {height: 428px; }
.certList ul li .text {position: absolute; left:0; bottom:0; width: 100%; height: 130px; display: flex;  align-items: flex-end; padding:25px; color:#fff; font-weight: 500; font-size: 18px; background: linear-gradient(
        to top, 
        #000, 
        rgba(0, 0, 0, 0));}
.certList ul li:hover .text { background: linear-gradient(
        to top, 
        #284685, 
        rgba(0, 0, 0, 0));}
        
body:has(.certList) {background: #f5f5f5;}

.catalogWrap {display: grid; grid-template-columns:repeat(2,1fR); justify-content: space-between; gap:15px; } 
.catalogWrap .imgBox {flex:1; border:1px solid #e3e3e3; padding:25px; position: relative; display: flex; gap:20px;}
.catalogWrap .imgBox .img {min-width: 276px; height: 366px; border-radius:10px; overflow:hidden;}
.catalogWrap .imgBox .img img {width: 276px; height: 366px;}
.catalogWrap .imgBox .text {flex:1;}
.catalogWrap .imgBox .text .tit {font-size: 23px; font-weight: 500; color:#171717; padding-bottom: 20px; margin-bottom:20px; border-bottom: 1px solid #171717;}
.catalogWrap .imgBox .text .date {font-size: 18px; color:#b5b5b5;}
.catalogWrap .imgBox .text a {position: absolute; right:25px; bottom:25px;}

@media all and (max-width:1400px) {
    .head .headCont .gnbWrap .in > ul > li > a {padding:10px 10px 20px;}
}

@media all and (max-width:1280px) {


    ::-webkit-input-placeholder {font-size: 14px;  }

    .mob {display: block;}
    .pc {display: none;}

    .head {position: fixed; left:0; top:0; width: 100%; z-index: 10; z-index: 100; border-bottom: 1px solid #ffffff; padding:0 20px;}
    .head .headCont {position: relative;  height:60px;  max-width:1682px; width: 100%; margin:0 auto;  z-index: 10; }
    .head .headCont:after {content:''; position: absolute; right:0;}
    .head .headCont .h1Logo {position: absolute; left:0; top:0; z-index: 10;}
    .head .headCont .h1Logo a {width:145px; height: 60px; text-indent:-999em; display: block; background-size:145px auto !important;}
    .head .headCont .gnbWrap {position: fixed; display: flex; justify-content: flex-end; right:0; top:0; width: 100%; height: 100%;  background: #fff; z-index: 100; background:rgba(0,0,0,.5); display: none;}
    .head .headCont .gnbWrap .in {background: #fff; width: 80%; height: 100%;float:right}
    .head .headCont .gnbWrap .in > ul {display: block; align-items: center; justify-content: center; padding-top: 60px; }
    .head .headCont .gnbWrap .in > ul > li {position: relative;  }
    .head .headCont .gnbWrap .in > ul > li > a {font-size:20px; font-weight: 500;  height:auto; padding:20px 0 20px 20px; color:#000; display: flex;justify-content: center; align-items: center;}
    .head .headCont .btnGlobal {right:55px;}
    .head.gnbOpen .btnMemu{}
    .head.gnbOpen .btnMemu button{background:url('../images/ico_close.svg') center no-repeat !important; background-size:25px !important; border:1px solid #000}
    .head.gnbOpen .gnbWrap .in > ul > li > a {color:#000 !important}

    body .head.active { }

    .btnMemu {display: block; position: absolute; right:0; top:10px; z-index: 500; }
    .btnMemu button {display: block; width: 40px; height: 40px; border-radius:50%; border:1px solid #fff; background:url('../images/ico_ham.png') center no-repeat; background-size:15px auto; z-index:500;}



    body:has(.subSec) .head .h1Logo a { }
    body:has(.subSec) .head .gnbWrap .in > ul > li > a  {color:#fff;}
    /*
    body:has(.subSec) .head .btnMemu button {  border:1px solid #000; background:url('../images/ico_ham_black.png') center no-repeat; background-size:15px auto; z-index:500;}
    */
    body .head.black .h1Logo a {}
    body .head.black .gnbWrap .in > ul > li > a  {color:#000;}
    body .head.black .btnMemu button { border:1px solid #000; background:url('../images/ico_ham_black.png') center no-repeat; background-size:15px auto; z-index:500;}


    .inner {max-width:1340px; padding:0 20px; margin:0 auto;}


    .mainSec {overflow:hidden;}
    .mainSlideWrap { position: relative;   min-height:500px; height: 100vh; height: 100svh; overflow:hidden;}
    .mainSlideWrap .mainSlide {position: absolute; left:50%; top:0; transform:translateX(-50%); width: 100%; height: 100vh; height: 100svh; }
    .mainSlideWrap .mainSlide .inSlide{  overflow:hidden; height: 100%; }
    .mainSlideWrap .mainSlide .swiper {  height: 100%; }
    .mainSlideWrap .mainSlide img {width: 100%; height: 100%; object-fit:cover}
    .mainSlideWrap .mainSlide .mainText {position: absolute; left:50%; bottom:0; padding:0 16px 50px; transform:translate(-50%,0); max-width:1340px; width: 100%;  color:#fff;  z-index:10; }
    .mainSlideWrap .mainSlide .text {}
    .mainSlideWrap .mainSlide .text .no1 {margin-bottom: 15px; font-size:21px; line-height: 1.6; margin-bottom: 15px; }
    .mainSlideWrap .mainSlide .text .no2 {font-size:15px; line-height: 1.4; font-weight: 700; margin-top: 0; margin-bottom: 20px;}
    .mainSlideWrap .mainSlide .scroll {display: none;}
    
    .mainVis {margin:35px 0 30px;}
    .mainVis .bgBox .tit {font-size:20px; line-height: 1.3; font-weight: 700; color:#1b1b1b; text-align: center; margin-bottom: 40px;}
    .mainVis .bgBox .list ul {display: block;gap:10px; grid-template-columns:repeat(2,1fr);}
    .mainVis .bgBox .list ul li {border:1px solid #d2d2d2; height: auto;  flex:1; padding: 20px; margin-bottom: 15px;}
    .mainVis .bgBox .list ul li .ico  {height:auto; align-items: center; display: flex;  margin-bottom: 20px;}
    .mainVis .bgBox .list ul li .tit01 {font-size: 20px; line-height: 1.6; font-weight: 700; color:#1b1b1b; margin-bottom: 10px;}
    .mainVis .bgBox .list ul li .tit02 {color:#313131;font-size: 14px; line-height: 1.6;}
    .mainVis .bgBox .list ul li .tit02 br {display: none;}


    .videoWrap .inner{display: block; gap:10px; padding:0; }
    .videoWrap .inner > div {padding:30px 20px; position: relative;     }
    .videoWrap .inner > div.left {padding:40px 20px; background: #eee;}
    .videoWrap .inner > div.left:after {display: none;}
    .videoWrap .inner > div.left .cont {position: relative; z-index: 1;}
    .videoWrap .inner > div.left .cont .video {box-shadow:10px 10px 30px 30px rgba(0,0,0,.1); position: relative; top:0; }
    .videoWrap .inner > div.left .cont .video iframe {vertical-align: top; width: 100%;  height: auto; min-height:200px; }
    .videoWrap .titBox {display: flex; justify-content: space-between;margin-bottom: 20px; align-items: center;  max-width:100%;}
    .videoWrap .titBox  .tit {font-size: 20px; font-weight: 700; line-height: 20px; color:#1b1b1b;} 
    .videoWrap .inner > div.right {padding:40px 20px;}
    .videoWrap .inner > div.right .imgList {white-space:nowrap; font-size: 0;  max-width:100%; width: 100%;}
    .videoWrap .inner > div.right .imgList a {display: inline-block; margin-right: 8px; }
    .videoWrap .inner > div.right .imgList a img {width: 244px; height: 347px; border:1px solid #dfdfdf; vertical-align: top; }
    .videoWrap .inner > div.right .control {display: flex;  gap:10px; margin-top: 27px;  max-width:100%;}
    .videoWrap .inner > div.right .control a {width: 33px; height: 33px; text-indent:-999em; background:url('../images/ico_play.png') center no-repeat; border:1px solid #b6b6b6; border-radius:50%; background-size:33px auto;}
    .videoWrap .inner > div.right .control a.prev {transform:rotate(180deg);}

    .ico_more {font-size: 14px; color:#000; font-weight: 500; padding-right: 15px; background:url('../images/ico_more2.png') right center no-repeat; background-size:6px auto; }
    .noticeWrap {margin:10px 0 40px;}
    .noticeWrap .inner  {display: block; gap:11px}
    .noticeWrap .noticeSlide {flex:1; overflow:hidden; margin-bottom: 30px;}
    .noticeWrap .noticeSlide .inSlide{overflow:hidden; }
    .noticeWrap .noticeSlide .title {display: flex; align-items: center; justify-content: space-between; margin-bottom: 8px; padding-bottom: 15px; border-bottom: 2px solid #1b1b1b; padding-right: 12px;}
    .noticeWrap .noticeSlide .title .tit {font-size: 20px; font-weight: 700; color:#1b1b1b;}

    .noticeWrap .noticeSlide  p {overflow:hidden;}
    .noticeWrap .noticeSlide  p a {display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #dcdcdc; padding:10px 0;}
    .noticeWrap .noticeSlide  p a .tit {font-size: 14px; color:#1b1b1b;} 
    .noticeWrap .noticeSlide  p a .date {font-size: 12px; color:#aaaaaa;  padding-right: 0;} 
    .noticeWrap .btns {min-width:0; height:auto; position: relative;}
    .noticeWrap .btns.no1 {background: #1b1b1b; margin-bottom: 20px; }
    .noticeWrap .btns a {display: block; height: 100%; position: relative; z-index: 10; padding-bottom: 50px;}
    .noticeWrap .btns .tit {font-size: 23px; padding-left: 13px; line-height: 1.3; height:80px; line-height: 80px; color:#fff; font-weight: 700;  background:url('../images/main_ico2.png') center no-repeat; background-size:cover;   }
    .noticeWrap .btns .txt {font-size: 16px; line-height: 1.4; color:#fff;  padding:30px 0 0 17px;}
    .noticeWrap .btns .txt strong {font-weight:500;}
    .noticeWrap .btns .txt span {color:#757a85; display: block; margin-top: 5px; }
    .noticeWrap .btns.no1:after {content:''; position: absolute; right:17px; bottom:17px;  width: 33px; height: 33px; background:url('../images/ico_play.png') center  no-repeat; background-size:33px auto;}
    .noticeWrap .btns.no2 {background:#202d48; padding-bottom: 30px;}
    .noticeWrap .btns.no2 .tit { background:url('../images/main_ico1.png') center no-repeat; background-size:cover;}
    .noticeWrap .btns.no2 .txt { padding-top: 17px;}
    .noticeWrap .btns.no2:after {  background-image:url('../images/ico_main06.png');}
    .noticeWrap .btns.no2 .number {font-size: 27px; line-height: 27px; padding-top: 30px;color:#fff; padding-left: 17px; font-weight: 700;}

    .footer { padding:25px 0 30px; margin-top: 50px;}
    .footer .inner {display: block; justify-content: space-between;}
    .footer .inner .left {padding:10px 0; flex:1; width: 100%; margin-bottom: 15px; display: block;}
    .footer .inner .left .logo img {width: 170px;}
    .footer .inner .left .link {margin-top: 27px; display: flex; gap:10px}
    .footer .inner .left .link a {flex:1; width: 100%; height: 35px; padding-left: 10px; display: flex; align-items: center; font-size: 12px; color:#757a85; border:1px solid #717680; background:url('../images/ico_link.png') right 10px center no-repeat; }
    .footer .inner .right {padding:0; font-size: 12px; color:#fff;  flex:1; width: 100%;}
    .footer .inner .right .line {display: flex;}
    .footer .inner .right > .line:first-child {display: block; font-size: 13px; line-height: 1.8;}
    .footer .inner .right > .line:first-child strong {margin-right: 10px; flex:0 0 auto; margin-right: 5px;}
    .footer .inner .right > .line:first-child p:after{display: none;}
    .footer .inner .right > .line:first-child p {display: inline-block;}
    .footer .inner .right .line p {display: flex; position: relative; padding-right: 14px; gap:5px; }
    .footer .inner .right .line p:after {content:''; position: absolute; right:7px; top:50%; width: 1px; background:#fff;; height: 10px; margin-top:-5px; }
    .footer .inner .right .line p:last-child {padding-right: 0;}
    .footer .inner .right .line p:last-child:after {display: none;}
    .footer .inner .right .line p strong {font-weight: 700;  flex-shrink:0;}
    .footer .inner .right .addr {margin:5px 0 15px; line-height: 1.6;}
    .footer .inner .right .copy {font-size: 10px; color:#757a85;}

    .subTop {background:url('../images/subBg01.jpg') center no-repeat; background-size:cover !important; padding-top: 100px; text-align: center; height: 300px; color:#fff; margin-bottom: 30px;}

    .subTop h2 {font-family: 'GmarketSans'; font-size: 26px; line-height: 1;  font-weight: 700; color:#fff; margin-bottom: 30px;}
    .subTop .txt {font-size: 14px; padding:0 10px; word-wrap:break-word; word-break:keep-all;}

    .popup {position: fixed; left:0; top:0; width: 100%; height: 100%; z-index: 100; background:rgba(0,0,0,.6); display: none;}
    .popup .in {position: fixed; left:50%; top:10%; transform:translate(-50%,0); width: 98%; height:auto;  padding:7%; z-index: 100; background:url('../images/popbg.png') center no-repeat; background-size:100% 100%;}
    .popup .in .btnClose {position: absolute; right:20px; top:-20px; width:32px; height: 32px; background:url('../images/ico_close.png') center no-repeat; background-size:25px auto; text-indent:-999em; cursor:pointer;}
    .popup .in .popCont {display: block; justify-content: center; align-items: center;    gap:30px;  max-height:75vh; min-height:500px; overflow-y:auto; margin-bottom: 50px;}
    .popup .in .popCont .popSwiper {flex:auto; max-width:700px; text-align: center; overflow:hidden; position: relative; margin:0 auto 30px; padding-top: 10px;}
    .popup .in .popCont .popSwiper .navBtn {margin-top: 15px; display: flex; align-items: center; gap:10px; justify-content: center;}
    .popup .in .popCont .popSwiper .swiper-button-next,.popup .in .popCont .popSwiper .swiper-button-prev {position: static; width: 34px; height: 34px; align-items: center; display: flex; justify-content: center; border:1px solid #a6a6a6; border-radius:50%; background:none; margin:0;}
    .popup .in .popCont .popSwiper .swiper-button-next:hover,.popup .in .popCont .popSwiper  .swiper-button-prev:hover {background: url('../images/bg_arrow.png') center no-repeat;}
    .popup .in .popCont .popSwiper .swiper-button-next {transform:rotate(180deg);}
    .popup .in .popCont .info {min-width: 0;  color:#fff; font-family: 'GmarketSans';  padding:0 20px;}
    .popup .in .popCont .info .name {font-weight: 700; margin-bottom: 15px; padding-bottom: 10px; text-align: center; letter-spacing:1px; border-bottom: 2px solid #fff; font-size: 24px; font-weight: 700;}
    .popup .in .popCont .info .sns .box {display: flex; align-items: center; justify-content: space-between; font-size: 16px; font-weight: 700; margin-bottom: 10px;}
    .popup .in .popCont .info .sns .box:last-child {margin-bottom: 0;}
    .popup .in .popCont .info .sns .box .tit {display: flex; align-items: center; gap:10px;}
    .popup .in .popCont .info .sns .box .tit img {width: 20px;}
    .popup .in .popCont .info .sns .box .count {min-width:52px; text-align: left; }


    .tabBox {margin-top:-40px; margin-bottom: 40px;}
    .tabBox ul {display: flex; flex-wrap:wrap;}
    .tabBox ul li {flex:1; border:1px solid #e3e3e3; margin:0 -1px -1px 0; min-width: 33.3%;}
    .tabBox.four ul li { min-width: 25%;}
    .tabBox ul li a {height: 40px; display: flex; align-items: center; justify-content: center; font-size: 14px; color:#1b1b1b; background: #fff;}
    .tabBox ul li.active { border:1px solid #e3e3e3;}
    .tabBox ul li.active a {height: 40px; background-size:cover; color:#fff; }
    .tabBox.type2 ul li.active a {color:#fff; }


    .searchWrap {display: flex; justify-content: flex-end;  margin-bottom:20px; }
    .searchWrap .rightArea {}
    .searchWrap .rightArea .selType1 {min-width: 80px}
    .searchWrap .rightArea .ipType1 {width: 100%; padding-left: 10px;}
    .searchWrap .rightArea .btn {width: 90px; font-size: 14px;}

    .ipType1 {border:1px solid #dcdcdc; width: 100%; height:65px; padding-left:25px;}
    .ipType1.mini {height: 49px;}
    input:read-only {background: #f4f4f4;}

    .btnType1 {display: inline-flex; align-items: center; justify-content: center; font-size: 16px; font-weight:500; color:#fff; background: #294785; border-radius:5px; min-width:260px; padding:0 24px; height: 45px; }
    .btnType1.white {background: #fff; border:1px solid #7dc788; color:#294785;}
    .btnType1.line {background: #fff; border:1px solid #aaaaaa; color:#aaaaaa;}
    .btnType1.gray {background: #eeeeee; border:1px solid #eeeeee; color:#aaaaaa;}
    .btnType1.green {background: #fff; border:1px solid #0ea624; color:#0ea624;}
    .btnType1.mini {min-width:146px; height: 49px;}
    .btnType1.mini2 {min-width:104px; height: 35px; font-size: 16px; font-weight: 400;}
    .btnType1.mini3 {min-width:240px; height: 50px; }

    .checkLable {display: flex;}
    .checkLable input {position: absolute; visibility: hidden; }
    .checkLable label {font-size: 18px; line-height: 18px; color:#313131; padding:10px 0 10px 42px; position: relative;}
    .checkLable label:after {content:''; position: absolute; left:0; top:50%; margin-top:-15px; width: 28px; height: 28px; border:1px solid #bebebe; border-radius:100px; background:url('../images/ico_check.png') center no-repeat;}
    .checkLable input:checked + label:after {background:url('../images/ico_check_on.png') center no-repeat; border-color:#294785}


    .radioType1 {display: flex;}
    .radioType1 input {position: absolute; visibility: hidden; }
    .radioType1 label {font-size: 18px; line-height: 18px; color:#313131; padding:10px 0 10px 40px; position: relative;}
    .radioType1 label:after {content:''; position: absolute; left:0; top:50%; margin-top:-13px; width: 25px; height: 25px; border:1px solid #bebebe; border-radius:100px;}
    .radioType1 input:checked + label:before {content:''; position: absolute; left:8px; top:50%; margin-top:-5px; background:#294785; width: 11px; height: 11px; border-radius:100px;}


    .selType1 {padding:0 15px 0 15px; background-size:10px auto; padding-right: 10px; background-position:right 5px center; border:1px solid #dcdcdc; height: 45px; width: 100%; font-size: 14px; color:#333;}
    .selType1.mini {height: 40px;}


    .photoList ul {display:grid; grid-template-columns:repeat(2,1fr); gap:15px;}
    .photoList ul li {  min-width:0; box-shadow:5px 5px 5px rgba(0,0,0,0.1)}
    .photoList ul li .img{  height: 150px; overflow:hidden;}
    .photoList ul li .img img { height:100%; }
    .photoList ul li .text {padding:10px; position: relative;}
    .photoList ul li .text .tit {font-size: 14px; color:#1e1e1e; font-weight: 500; margin-bottom: 5px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; display: block;}
    .photoList ul li .text .txt {font-size: 12px; color:#b5b5b5;}


    .paging {display: flex; align-items: center; justify-content: center; margin-top: 40px;}
    .paging .num {margin:0 5px;}
    .paging .num a.active { color:#fff;}
    .paging a {width: 35px; height: 35px; display: inline-flex; align-items: center; justify-content: center; font-size: 13px; color:#1b1b1b;}
    .paging a.arrow {text-indent:-999em; border:1px solid #bbbbbb;}
    .paging a.arrow.prev {background: url('../images/paging1.png') center no-repeat; background-size:9px auto;}
    .paging a.arrow.next {background: url('../images/paging2.png') center no-repeat; background-size:9px auto;}


    .viewType2 {padding-top: 20px;}
    .viewType2 .top {display: block; gap:20px; margin-bottom: 35px;}
    .viewType2 .top .img { min-width: 100%; overflow:hidden; width: 100%; margin-bottom: 20px; }
    .viewType2 .top .img .mySwiper2{border:1px solid #dcdcdc; margin-bottom: 10px;}
	.viewType2 .top .img .mySwiper2 .swiper-slide {height: auto;}
    .viewType2 .top .img .mySwiper1 .swiper-slide{border:1px solid #dcdcdc; cursor:pointer;}
    .viewType2 .top .rightBox {width: 100%;}
    .viewType2 .top .btnRight {margin-top: 15px;}
    .viewType2 .top .btnRight a {width: 100%;}
    .viewType2 .bottom .descBox {border:1px solid #dcdcdc; padding:15px; font-size: 14px; color:#aaaaaa; min-height:280px;}
    .viewType2 .bottom .descBox > div {display: none;}
    .viewType2 .bottom .descBox > div.active {display: block;}
    .viewType2 .mySwiper1 {}

    .tbBox {border-top: 2px solid #3a3a3a;}
    .tbBox .tr {display: flex; border-bottom: 1px solid #e6e6e6;}
    .tbBox .tr .th {min-width:100px; font-size: 14px; line-height: 18px; color:#434343; font-weight: 700;  padding:0; min-height:45px; display: block; padding-top: 13px; flex-direction:column; justify-content: center;}
    .tbBox .tr .th .info {color:#c9c9c9; font-weight: 400; margin-top:5px; display: inline-block; margin-left: 10px;}
    .tbBox .tr .td {font-size: 14px; color:#888888;  padding:8px 0; display: flex; align-items: center; width: 100%;}
    .tbBox .tr .td .radio {display: flex; align-items: center; gap:10px;}
    .tbBox .tr .td textarea {width: 100%; border:1px solid #e8e8e8; height: 86px; resize:none;}
    .tbBox .tr.block {display: block;}

    .titBorder {font-size: 16px; line-height: 16px; font-weight: 700; color:#313131; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 2px solid #313131;}
    .titBorder .more {top:0; width: 16px; height: 16px; background-size:14px auto;}

    .tabType1 { display: flex;  align-items: center; width: 100%; margin-bottom: 20px; border-bottom:2px solid #191919; }
    .tabType1 li{flex:1;height:100%;   max-width:230px; margin-bottom:-2px;}
    .tabType1 li,.tab_elem{display:flex;align-items:center;justify-content:center;height:100%;font-size:14px;font-weight:400;cursor:pointer;box-sizing:border-box;border:0;gap:6px; width: 100%; color:#212121; height: 40px;}
    .tabType1.border_top li .tab_elem{color:#1e1e1e;  border-bottom:1px solid #191919; background: #f8f8f8; text-align: center; word-break:keep-all; line-height: 18px;}
    .tabType1.border_top li:nth-child(n+2) .tab_elem{margin-left:-1px}
    .tabType1.border_top li.active .tab_elem{color:#191919; border:1px solid #191919;border-bottom:0;background-color:#fff;container-type:inline-size;font-weight:500;position:relative}





    .formBox {margin-bottom: 30px;}
    .formBox .tit {font-size: 16px; line-height: 16px; color:#313131; font-weight: 700; padding-bottom: 15px; border-bottom: 2px solid #313131;}
    .formBox .formTable .line {display: block; margin-top: 10px;  border:none; }
    .formBox .formTable .line:first-child {margin-top: 0;}
    .formBox .formTable .line .th {padding:13px 0 13px 0; font-size: 16px; color:#000000; min-width:180px; }
    .formBox .formTable .line .th .req {color:#294785;}
    .formBox .formTable .line .td {padding:0; font-size: 14px; color:#898989; display: flex; align-items: center;}
    .formBox .formTable .line .td .txt {padding:10px 0; font-size: 16px;}
    .formBox .formTable .line .td textarea {height: 200px;}
    .formBox .formTable .line .td .ipType1 {width:100%; vertical-align: top;}
    .formBox .formTable .line .td .size01 {width:100%;}
    .formBox .formTable .line .td .size02 {width:100%;}
    .formBox .formTable .line .td .btnType1 {min-width:110px; margin-left: 10px; padding:0 10px;}
    .formBox .formTable .line .td .emailBox {display: flex; align-items: center ; gap:5px; color:#313131;}
    .formBox .formTable .line .td .tdBox {margin-bottom:10px; display: flex; align-items: center;}
    .formBox .formTable .line .td .tdBox:last-child {margin-bottom: 0;}
    .formBox .formTable .line .td:has(.tdBox) {display: block;}
    .formBox .formTable .line .td:has(.radioBox) {display: block;}
    .formBox .formTable .line .td .radioBox {padding:5px 0;}
    .formBox .formTable .line .td .radioBox .radio {margin-bottom: 5px; display: flex; align-items: center; gap:30px;}
    .formBox .formTable .line .td .radioBox .etc {font-size: 14px; color:#c9c9c9;}
    .formBox .formTable .btnCenter {margin-top: 30px;}
    

    .agreeWrap .agreeBox {margin-bottom: 45px;}
    .agreeWrap .agreeBox.mb0 {margin-bottom: 0;}
    .agreeWrap .agreeBox .tit {font-size: 16px; font-weight: 700; color:#313131; padding-bottom: 10px; margin-bottom: 15px; border-bottom: 2px solid #313131;}
    .agreeWrap .agreeBox .agreeText {font-size: 14px; color:#aaaaaa; padding:15px; border:1px solid #e3e3e3; margin-bottom: 25px; min-height:140px; max-height:180px; overflow-y:auto;}
    .agreeWrap .agreeBox .agreeCheck {display: block; align-items: center; justify-content: space-between; gap:10px;}
    .agreeWrap .agreeBox .agreeCheck .info {font-size: 13px; color:#313131; }
    .agreeWrap .agreeBox .agreeCheck .checkList {display: flex; gap:10px; min-width:172px; justify-content: center; margin-top: 10px;}
    .agreeWrap .btnCenter {padding-top:40px; margin-top:25px; border-top: 1px solid #dcdcdc;}

    .checkLable {display: flex;}
    .checkLable input {position: absolute; visibility: hidden; }
    .checkLable label {font-size: 14px; line-height: 14px; color:#313131; padding:5px 0 5px 32px; position: relative;}
    .checkLable label:after {content:''; border:none; position: absolute; left:0; top:50%; margin-top:-12px; width: 22px; height: 22px; border-radius:100px; background-size:100% auto !important;}

    

    .aboutWrap {display: block; justify-content: space-between;}
    .aboutWrap .left {font-size: 20px;  font-weight: 500; min-width:100%; margin-bottom: 30px;}
    .aboutWrap .left .tit01 {color:#294785; margin-bottom: 20px;}
    .aboutWrap .right {flex:1; font-size: 14px; color:#262626; line-height: 1.6;}
    .aboutWrap .right .tit02 {text-align: right;}

    .organWrap {text-align: center;}

    .h3Wrap{margin-bottom: 40px; border-bottom: 2px solid #101010; padding-bottom: 10px; text-align: center;}
    .h3Wrap h3{font-size: 20px; font-weight: 700; text-align: left;}

    .historyWrap {padding-left: 0; position: relative;}
    .historyWrap .hisTit {position:static; font-size: 20px; font-weight: 700; display: none; }
    .historyWrap .hisList .box {margin-bottom: 60px;}
    .historyWrap .hisList .box:last-child {margin-bottom: 0;}
    .historyWrap .hisList .box .bigYear {font-size: 28px; font-weight: 700; line-height: 28px; margin-bottom: 20px;}
    .historyWrap .hisList .box .in {display: block; gap:40px; justify-content: space-between; position: relative;}
    .historyWrap .hisList .box .in:after {content:''; position: absolute; left:74px; top:8px; width: 1px; height: 100%; background: #bfbfbf;}
    .historyWrap .hisList .box .in > div {width: 100%; margin-bottom: 20px; }
    .historyWrap .hisList .box .in ul {position: relative;}
    .historyWrap .hisList .box .in ul:after {display: none;}
    .historyWrap .hisList .box .in ul li {display: flex; gap:20px; margin-bottom: 30px;}
    .historyWrap .hisList .box .in ul li .year {font-size:18px; line-height: 24px; font-weight: 700; position: relative; min-width: 80px; width: 80px;}
    .historyWrap .hisList .box .in ul li .year:after {content:''; position: absolute; right:0; top:8px; width: 10px; height: 10px; border-radius:50%; background: #294785; z-index: 10;}
    .historyWrap .hisList .box .in ul li .text {font-size: 14px; color:#5b5b5b; line-height: 1.5;}


    .h3Tit {text-align: center; font-size: 24px; font-weight: 700; margin-bottom: 40px; }

    .certList ul {display: block; gap:23px; flex-wrap:wrap;}
    .certList ul li {position: relative;flex:1;  overflow:hidden; border-bottom-right-radius:40px; width: 100%; margin-bottom: 20px;}
    .certList ul li .img {display: flex; height: 100%; }
    .certList ul li img {height: auto; width: 100%; min-height:300px; }
    .certList ul li .text {position: absolute; left:0; bottom:0; width: 100%; height: 100px; display: flex;  align-items: flex-end; padding:15px; color:#fff; font-weight: 500; font-size: 16px; background: linear-gradient(
            to top, 
            #000, 
            rgba(0, 0, 0, 0));}
            
    body:has(.certList) {background: #f5f5f5;}


    .locationWrap .inner {padding:0;}
    .locationWrap .map {margin-bottom: 35px; overflow:hidden; border-radius:16px;}
    .locationWrap .map .wrap_map {height: 300px !important;}
    .locationWrap .map .root_daum_roughmap { width: 100% !important;}
    .locationWrap .map .root_daum_roughmap * {border:none;}
    .locationWrap .map .root_daum_roughmap .wrap_controllers  {display: none;}
    .locationWrap .map .root_daum_roughmap .cont  {display: none;}
    .locationWrap .map .root_daum_roughmap .cont  {display: none;}
    .locationWrap .info {display: block; gap:20px;  }
    .locationWrap .info .box {flex:auto;font-size: 16px; margin-bottom: 30px;}
    .locationWrap .info .box .img {margin-bottom: 15px;  height:auto; padding-bottom: 10px; }
    .locationWrap .info .box .tit01 {margin-bottom:5px; font-weight: bold;}
    


    .catalogWrap {display: block;} 
    .catalogWrap .imgBox {flex:1; border:1px solid #e3e3e3; padding:15px; position: relative; display: block; gap:20px; margin-bottom: 20px;}
    .catalogWrap .imgBox .img {min-width: 0; height: auto; border-radius:10px; overflow:hidden; margin-bottom: 20px;}
    .catalogWrap .imgBox .img img {width: 100%; height: auto;}
    .catalogWrap .imgBox .text {flex:1;}
    .catalogWrap .imgBox .text .tit {font-size: 16px; font-weight: 500; color:#171717; padding-bottom: 10px; margin-bottom:10px; border-bottom: 1px solid #171717;}
    .catalogWrap .imgBox .text .date {font-size: 14px; color:#b5b5b5;}
    .catalogWrap .imgBox .text a {position: static; right:25px; bottom:25px; display: block; text-align: right;}
    .catalogWrap .imgBox .text a img {width: 40px;}



    .viewType1 {margin-bottom: 30px;}
    .viewType1 .top {border-top: 2px solid #3a3a3a;}
    .viewType1 .top .line {padding:15px 0; border-bottom: 1px solid #e8e8e8;}
    .viewType1 .top .line.double{display: flex;}
    .viewType1 .top .line.double .box {flex:1; width: 50%;}
    .viewType1 .top .line .box {display: flex;}
    .viewType1 .top .line .box .tit {min-width:70px; text-align: center; font-size: 14px; color:#434343; font-weight: 700;}
    .viewType1 .top .line .box .text {font-size: 14px; color:#888888;}
    .viewType1 .top .line .box .text.bold { color:#1b1b1b;}
    .viewType1 .top .line .box .text.green a { color:#294785;}
    .viewType1 .bottomText {font-size: 14px; color:#888888; padding:20px 15px; border-bottom: 1px solid #e8e8e8;  min-height:200px;}
    

    .tbType1 table {width: 100%;}
    .tbType1 table thead {border-top: 2px solid #3a3a3a;}
    .tbType1 table thead th {font-size: 15px; color:#434343; font-weight: 500; text-align: center;  border-bottom: 1px solid #e6e6e6; padding:12px 0;  width:auto;}
    .tbType1 table .number {display: none;}
    .tbType1 table .count {display: none;}
    .tbType1 table thead th.tit {width: 50%;}
    .tbType1 table tbody td {font-size: 13px; color:#888888; text-align: center;  border-bottom: 1px solid #e6e6e6;;  padding:12px 0;  width:auto;}
    .tbType1 table tbody td.tit {text-align: left; padding-left: 10px;}
    .tbType1 table tbody td .new {position: relative; top:-2px; display: inline-flex; width: 18px; height: 18px; background-size:18px auto; vertical-align: middle; margin-left: 5px;}
    
    /* PDF Viewer Styles - Mobile */
    .pdf-viewer {
        border: 1px solid #ddd;
        border-radius: 8px;
        background: #f9f9f9;
        margin-top: 20px;
    }

    .pdf-controls {
        padding: 10px 15px;
        background: #fff;
        border-bottom: 1px solid #ddd;
        display: flex;
        align-items: center;
        gap: 8px;
        flex-wrap: wrap;
        border-top-left-radius: 8px;
        border-top-right-radius: 8px;
        font-size: 12px;
    }

    .pdf-viewer .pdf-controls .pdf-btn,
    .pdf-controls button.pdf-btn {
        padding: 6px 12px !important;
        border: 1px solid #294785 !important;
        background: #fff !important;
        color: #294785 !important;
        border-radius: 4px !important;
        cursor: pointer !important;
        font-size: 12px !important;
        transition: all 0.3s !important;
        min-width: 60px !important;
        text-align: center !important;
        font-family: inherit !important;
        line-height: normal !important;
        outline: none !important;
        box-shadow: none !important;
        -webkit-appearance: none !important;
        -moz-appearance: none !important;
        appearance: none !important;
    }

    .pdf-viewer .pdf-controls .pdf-btn:hover:not(:disabled),
    .pdf-controls button.pdf-btn:hover:not(:disabled) {
        background: #294785 !important;
        color: #fff !important;
    }

    .pdf-viewer .pdf-controls .pdf-btn:disabled,
    .pdf-controls button.pdf-btn:disabled {
        opacity: 0.5 !important;
        cursor: not-allowed !important;
    }

    .pdf-page-info, .pdf-zoom-info {
        font-size: 12px;
        color: #666;
        white-space: nowrap;
    }

    .pdf-zoom-controls {
        display: flex;
        align-items: center;
        gap: 5px;
        margin-left: auto;
    }

    .pdf-canvas-container {
        padding: 15px;
        text-align: center;
        background: #fff;
        min-height: 300px;
        position: relative;
        border-bottom-left-radius: 8px;
        border-bottom-right-radius: 8px;
        overflow-x: auto;
    }

    #pdf-canvas {
        box-shadow: 0 2px 8px rgba(0,0,0,0.15);
        max-width: 100%;
        height: auto;
    }

    .pdf-loading {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        font-size: 14px;
        color: #666;
        background: rgba(255,255,255,0.9);
        padding: 20px;
        border-radius: 8px;
        box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    }

    .pdf-error {
        padding: 30px 15px;
        text-align: center;
        color: #666;
    }

    .pdf-error h3 {
        color: #d32f2f;
        margin-bottom: 15px;
        font-size: 16px;
    }

    .pdf-download-link {
        display: inline-block;
        margin-top: 15px;
        padding: 8px 16px;
        background: #294785;
        color: #fff;
        text-decoration: none;
        border-radius: 4px;
        font-size: 14px;
        transition: background 0.3s;
    }

    .pdf-download-link:hover {
        background: #1e3a70;
    }

}