@charset "utf-8"; 
/* maintemplate basic023 (more sever only) */




/* MAIN VISUAL */
.mainVisual {max-width: 1600px;margin: 25px auto 0;box-sizing:border-box;transition:padding 0.5s;} 
.mainVisual .mainSlider_001 {z-index:0;overflow:hidden;position:relative;height:455px;border-radius: 30px 30px 0px 30px;} 
.mainVisual .mainSlider_001 .slide_wrap {height:75vh; position:relative; overflow:hidden; width:100%; display:block; position:relative; transition:height 1s; box-sizing:border-box;} 
.mainVisual .mainSlider_001 .slide_wrap > img {min-width:100%; min-height:100%; position:absolute; top:-999px; bottom:-999px; left:-999px; right:-999px; margin:auto;} 
.mainVisual .swiper-slide .imgbox {width:100%; height:100%;}
.mainVisual .swiper-slide .imgbox img {width:100%; min-height:100%;}

/* MAIN SLIDE COPY */
.mainVisual .copy {position:absolute; z-index:9; width:100%; word-break:keep-all;} 
.mainVisual .copy .inner {width:100%; padding: 0 25px;margin:0 auto;box-sizing:border-box;} 
.mainVisual .copy .tit {font-weight:400;line-height:120%;color: #333;display:inline-block;position:relative;overflow:hidden;max-width:100%;text-overflow:ellipsis;transition:font-size 1s;font-family:'esamanru';font-size: 36px;} 
.mainVisual .copy .tit * {font-family: 'esamanru';} 
.mainVisual .copy .tit strong {font-weight:600; line-height:150%;} 
.mainVisual .copy .tit b {position:relative;font-size: 38px;display: block;margin-top: 15px;line-height: 110%;} 
.mainVisual .copy p.smallp {line-height:150%;padding-top: 10px;font-weight:200;font-family:'esamanru';} 
.mainVisual .copy p.smallp * {font-family: 'esamanru';font-weight: 300;} 

	@media (max-width:1300px){
	}
	@media (max-width:990px){
		.mainVisual .copy .inner {padding:0 15px;} 
		.mainVisual .slick-dots {padding:0 15px;} 

		.mainVisual .swiper-slide .imgbox {position:relative;}
		.mainVisual .swiper-slide .imgbox img {position:absolute;/* width:auto; *//* height:auto; */max-width:150%;max-height:150%;margin:auto;}
	}
	@media (min-width:700px) and (max-width:990px){
		.mainVisual .mainSlider_001 {height:400px;}
		.mainVisual .copy .tit {font-size:27px;}
		.mainVisual .copy .tit b {font-size:30px;}
	}
	@media (max-width:799px){
		.mainVisual {width:100%;padding: 0 10px;}
		.mainVisual .mainSlider_001 {height: 250px;}
		.mainVisual .swiper-slide .imgbox img {
    /* max-height: none; */
    max-width: 120%;
    /* height: auto; */
    /* min-height: auto; */
    max-height: none;
    width: auto;
    /* right: 0; */
}

		.mainVisual .copy .tit {font-size: 15px;padding-right: 0;font-weight: 300;}
		.mainVisual .copy .tit b {font-size:27px;}
	}




/*SLIDE BTN SETTING*/
/* MAIN SLIDE bullet btn */
.mainVisual .swiper-pagination .swiper-pagination-bullet {width: 16px;height: 2px;background: #d5d5d5;box-sizing:border-box;opacity:1;border-radius: 0;border: none;}
.mainVisual .swiper-pagination .swiper-pagination-bullet:before {counter-increment: orderedlist;content: counter(orderedlist);position: absolute;opacity: 0;}
.mainVisual .swiper-pagination .swiper-pagination-bullet:first-child:before,
.mainVisual .swiper-pagination .swiper-pagination-bullet:last-child:before  {display:inline-block !important;}
.mainVisual .swiper-pagination .swiper-pagination-bullet:first-child:before {left: 13px;}
.mainVisual .swiper-pagination .swiper-pagination-bullet:last-child:before  {right: 0;}
.mainVisual .swiper-pagination .swiper-pagination-bullet:first-child:after,
.mainVisual .swiper-pagination .swiper-pagination-bullet:last-child:after {content:"0";font-family: 'esamanru';font-size: 13px;color: #000;font-weight: 300;position: absolute;}
.mainVisual .swiper-pagination .swiper-pagination-bullet:first-child:after {left:0;}
.mainVisual .swiper-pagination .swiper-pagination-bullet:last-child:after  {right: 13px;}

.mainVisual .swiper-pagination .swiper-pagination-bullet:first-child:before,
.mainVisual .swiper-pagination .swiper-pagination-bullet:last-child:before,
.mainVisual .swiper-pagination .swiper-pagination-bullet:first-child:after,
.mainVisual .swiper-pagination .swiper-pagination-bullet:last-child:after {top: 2px; font-family: 'esamanru'; font-size: 13px; color: #000; font-weight: 300; opacity: 1;}
.mainVisual .swiper-pagination .swiper-pagination-bullet-active {width: 20px;background:#333;}

/*기존슬라이드 불렛버튼*/
.mainVisual .slick-dots {position:absolute; left:50%; z-index:10; width:100%; max-width:1300px; bottom:130px; text-align:left; transform:translateX(-50%); box-sizing:border-box;} 
.mainVisual .slick-dots li {margin-left:6px; width:13px; height:13px; opacity:1; display:inline-block;} 
.mainVisual .slick-dots li:first-of-type {margin-left:0;} 
.mainVisual .slick-dots li button {text-indent:-999px; overflow:hidden; width:100%; height:100%; float:left; background:rgba(255, 255, 255, 0.1); border:2px solid #000; border-radius:100%;} 
.mainVisual .slick-dots li.slick-active {width:35px;} 
.mainVisual .slick-dots li.slick-active button {background:#000 !important; border-color:rgb(0 0 0); border-radius:40px;} 

/* MAIN SLIDE PLAY & STOP BTN */
.mainVisual .swiper-pagination-center {position:absolute;bottom: 0;right: -1px;width: 290px;height: 80px;padding-top: 20px;padding-left: 20px;align-items: center;justify-content: center;z-index:1;gap: 25px;box-sizing:border-box;background: url(/sample/template/basic/basic023/img/indicator_box.png);display: flex;} 
.mainVisual .swiper-pagination-center:after {content:"";width: 20px;height: 20px;display:inline-block;background:#fff;right: 0;bottom: 0;position: absolute;}
.swiper-pagination {position: relative !important;counter-reset: orderedlist;padding: 0 35px 0 30px;}
.mainVisual div.indicator {z-index:10;} 
.mainVisual div.indicator button {width:12px;height:12px;border:0;cursor:pointer;opacity:1;} 
.mainVisual div.indicator button:focus {opacity:1; outline:auto;} 
.mainVisual div.indicator button.play {background:url("/sample/template/basic/basic023/img/play.png")no-repeat; text-indent:-9999px;} 
.mainVisual div.indicator button.stop {background:url("/sample/template/basic/basic023/img/stop.png")no-repeat; text-indent:-9999px;} 

/* MAIN SLIDE PREV & NEXT BTN */
.mvswiper_btnbox {width: 55px;height: 60px;display: flex;align-items: center;}
.mvswiper_btnbox>div {width:100%;display: flex;justify-content: space-between;}
.mvswiper_btnbox .swiper-button-next,
.mvswiper_btnbox .swiper-button-prev {/* display:none !important; */background: none;position: relative;top: auto;left: auto;right: auto;width: auto;height: auto;margin: 0;opacity: 1 !important;} 
.mvswiper_btnbox .swiper-button-next:before,
.mvswiper_btnbox .swiper-button-prev:before {content:"";width: 8px;height: 8px;display: inline-block;border: 2px solid #333;transform: rotate(45deg);vertical-align: middle;}
.mvswiper_btnbox .swiper-button-next:before {border-width: 2px 2px 0 0;}
.mvswiper_btnbox .swiper-button-prev:before {border-width: 0 0 2px 2px;}

/*기존 버튼*/
.mainVisual .slick-arrow {display:none !important;} 

	@media (max-width:799px){
		.mainVisual .swiper-pagination-center {/* bottom:140px; */height: 60px;background-size: 100%;}
	}








.div_wrap {max-width:1600px;}

    @media (min-width:991px){    
        .div_wrap .customLayout {height: auto; border-radius: 30px; width: calc(50% - 25px); margin-right: 0 !important;}
        .div_wrap .customLayout:first-child {margin-right: 50px !important;}
    }
	@media (max-width:990px){  
		.div_wrap .customLayout {border-radius:30px;}
	}
	@media (min-width:800px) and (max-width:990px){
		.div_wrap .customLayout {height: auto !important; min-height: 470px;}
	}
	@media (max-width:799px){
		.div_wrap {padding:0 10px;}
		.div_wrap .customLayout {margin-bottom: 20px !important;}
	}


/* template special SETTING */
.spcl_widequick {}
.spcl_widequick * {font-family: 'esamanru';}
.spcl_widequick .linkbox_wrap {display: flex; flex-wrap: wrap; gap: 20px; justify-content: space-between;}
.spcl_widequick .linkbox_wrap .qbox {/* width: calc(33.333% - 13.33333px); *//* height: 150px; */box-sizing: border-box;}
.spcl_widequick .linkbox_wrap .qbox a {}
.spcl_widequick .linkbox_wrap .qbox .innerbox {padding: 35px 30px 0; box-sizing: border-box; border-radius: 30px; position: relative; height: 100%;}
.spcl_widequick .linkbox_wrap .qbox .innerbox .txtbox {}
.spcl_widequick .linkbox_wrap .qbox .innerbox .txtbox .con02 {font-size: 13px; opacity: 0.5; font-weight: 200; letter-spacing: 2px; font-family: 'Noto Sans KR'; margin-bottom: 20px;}
.spcl_widequick .linkbox_wrap .qbox .innerbox .txtbox .con02 * {font-family: 'Noto Sans KR';}
.spcl_widequick .linkbox_wrap .qbox .innerbox .txtbox .tit {font-weight: 500; font-size: 23px; margin-bottom: 15px; color: #333;}
.spcl_widequick .linkbox_wrap .qbox .innerbox .txtbox .co {font-size: 15px; font-weight: 100; line-height: 150%; color: #837f7d;}
.spcl_widequick .linkbox_wrap .qbox .innerbox .iconbox {position: absolute;right: 0;bottom: 0;max-width: 40%;}
.spcl_widequick .linkbox_wrap .qbox .innerbox .iconbox img {max-width:100%;}



.spcl_widequick .linkbox_wrap .qbox:first-child .innerbox .txtbox .tit {font-size: 29px; margin-bottom: 30px;}
.spcl_widequick .linkbox_wrap .qbox:first-child .innerbox .iconbox {max-width: 50%; padding: 0 20px 10px;}

	@media (min-width:1300px){
		.spcl_widequick .linkbox_wrap .qbox {width: calc(33.333% - 13.33333px); height: 150px;}
		.spcl_widequick .linkbox_wrap .qbox:first-child {height: 315px;}
		.spcl_widequick .linkbox_wrap .qbox:nth-child(4),
		.spcl_widequick .linkbox_wrap .qbox:nth-child(5) {position: absolute; right: 0; bottom: 0;}
		.spcl_widequick .linkbox_wrap .qbox:nth-child(4) {right: 33.333%; margin-right: 5.333px;}
	}
	@media (max-width:1299px){
		.spcl_widequick .linkbox_wrap .qbox {width: calc(50% - 10px);height: 150px;}
		.spcl_widequick .linkbox_wrap .qbox .innerbox {padding:25px 20px;}
		.spcl_widequick .linkbox_wrap .qbox .innerbox .iconbox {max-width: 25%;}
		.spcl_widequick .linkbox_wrap .qbox .innerbox .txtbox .tit {font-size:20px;}
		.spcl_widequick .linkbox_wrap .qbox:first-child {height: 315px;width: calc(50% - 10px);}
		.spcl_widequick .linkbox_wrap .qbox:first-child .innerbox .iconbox {max-width: 43%;padding-right: 10px;}
		.spcl_widequick .linkbox_wrap .qbox:first-child .innerbox .txtbox .tit {font-size:23px;margin-bottom: 15px;}
		.spcl_widequick .linkbox_wrap .qbox:nth-child(3) {position: absolute; right: 0; top: 166px;}
	}
	




.board015.custom {padding: 35px 30px;height: auto !important;min-height: 470px;}
.board015.custom ul.board_wrap > li {max-width:100%;}
.board015.custom ul.board_wrap > li.active .tit a.board_name {font-family: 'esamanru'; font-size: 28px; font-weight: 500; letter-spacing: 3px; padding: 0; height: auto; line-height: normal;}
.board015.custom ul.board_wrap > li.active .more_box {}
.board015.custom ul.board_wrap > li.active .more_box a {width: 35px; height: 35px; font-size: 28px; line-height: 32px; font-weight: 300; font-family: 'Noto Sans KR'; margin-top: 0;}
.board015.custom ul.board_wrap > li.active div ul {top: 55px; padding-top: 15px;}
.board015.custom ul.board_wrap ul li {border-color: #efefef;}
.board015.custom ul.board_wrap ul li:nth-child(6) ~ li {display:none;}
.board015.custom ul.board_wrap ul li a p.tit {font-family: 'esamanru';font-size: 18px;font-weight: 300 !important;color: #333;padding: 12px 0 !important;letter-spacing: 0;width: calc(100% - 100px);}
.board015.custom ul.board_wrap ul li a p.tit:before {content:""; width:7px; height:7px; display:inline-block; background:#75b5e5; border-radius:100%; margin-right:10px;}
.div_wrap .customLayout:nth-child(2) .board015.custom ul.board_wrap ul li a p.tit:before {content:""; background:#e9a316;}
.board015.custom ul.board_wrap ul li .date {font-family: 'Noto Sans KR';font-size: 15px;color: #333;letter-spacing: 1px;line-height: 52px;font-weight: 300 !important;}

	@media (min-width:800px) and (max-width:990px){
		.board015.custom {padding: 25px 20px;}
		.board015.custom ul.board_wrap > li.active .tit a.board_name {font-size:22px;}
	}
	@media (max-width:799px){

		.board015.custom {padding:25px 20px;min-height: 380px;}
		.board015.custom ul.board_wrap > li.active div ul {top:45px;}
		.board015.custom ul.board_wrap > li.active .tit a.board_name {font-size: 21px;}
		.board015.custom ul.board_wrap ul li a p.tit {font-size: 15px; padding: 8px 0px !important;}
		.board015.custom ul.board_wrap ul li .date {width: 45px; text-indent: -39px; line-height: 41px;}

		.spcl_widequick .linkbox_wrap .qbox .innerbox { padding: 20px 10px;}
		.spcl_widequick .linkbox_wrap .qbox .innerbox .txtbox .con02 * { font-size: 10px; line-height: 6px; letter-spacing: 1px;}
		.spcl_widequick .linkbox_wrap .qbox:first-child .innerbox .txtbox .tit {font-size: 19px;}
		.spcl_widequick .linkbox_wrap .qbox .innerbox .txtbox .tit {font-size:18px;]}
		.spcl_widequick .linkbox_wrap .qbox .innerbox .txtbox .co, .spcl_widequick .linkbox_wrap .qbox .innerbox .txtbox .co * {font-size:14px;line-height: 120%;font-weight: 300;word-break: keep-all;}
	}


.logo_slide005.custom .swiper-container .swiper-wrapper .swiper-slide {border:none;}
.logo_slide005.custom .swiper-button-prev,
.logo_slide005.custom .swiper-button-next {background: #a7a7a7; border-radius: 100%;}
.logo_slide005.custom .swiper-button-prev:before,
.logo_slide005.custom .swiper-button-next:before {content:"";width: 7px;height: 7px;display: inline-block;border: 2px solid #fff;text-indent: 0;position: absolute;left: 11px;top: 10px;transform: rotate(45deg);}
.logo_slide005.custom .swiper-button-prev:before {border-width: 0 0 2px 2px;}
.logo_slide005.custom .swiper-button-next:before {border-width: 2px 2px 0 0; left: 9px;}




/* header width setting */
.header .inner,
.menu .inner,
.btn_wrap {max-width:1600px;}