@font-face {
    font-family: 'Wemakeprice-Regular';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-10-21@1.0/Wemakeprice-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Wemakeprice-SemiBold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-10-21@1.0/Wemakeprice-SemiBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Wemakeprice-Bold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-10-21@1.0/Wemakeprice-Bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}






/**/
.main-section-schedule{overflow : hidden; display: flex;justify-content: center;align-items : center;width : 100%;height : 100vh;height : 100svh;background : url(/hb/2025/gocheok/assets/images/main/schedule-bg.jpg?v=1?v=11)no-repeat left bottom;background-size: cover;}
.schedule-inner{display: flex;justify-content: space-between;width : 1400px; margin-top: 100px;}
.schedule-title{font-size: 83px;color : #01509b;font-family: futura-pt-bold;margin-bottom: 5px;transform: translateX(-100px);opacity: 0;transition : transform 1.2s, opacity 1.2s;}
.active .schedule-title{transform: translateX(0);opacity: 1;transition : transform 1.2s .5s, opacity 1.2s .5s;}
.schedule-desc{font-size: 16px;letter-spacing: -0.04em;color : #272727;margin-bottom: 50px;transform: translateX(-100px);opacity: 0;transition : transform 1.2s, opacity 1.2s;}
.active .schedule-desc{transform: translateX(0);opacity: 1;transition : transform 1.2s .5s, opacity 1.2s .5s;}
.schedule-link-box{width :145px;transform: translateY(100px);opacity: 0;transition : transform 1.2s, opacity 1.2s;white-space : nowrap;border-left : 1px solid #767676;}
.active .schedule-link-box{transform: translateX(0);opacity: 1;transition : transform 1.2s 1s, opacity 1.2s 1s; line-height: 5px;}
.schedule-link-box > li > a{display: flex;align-items : Center;justify-content: space-between;padding : 11px 0 11px 19px;color : #313131;letter-spacing: -0.04em;font-weight: 700;position : relative;}
.schedule-link-box > li > a::after{position : absolute;content : '';width : 12px;height : 12px;border-radius : 50%;background : #42ade2;transform : scale(0) translateX(-50%);transform-origin : left;transition : transform .5s;left : 0;}
.schedule-link-box > li:hover > a::after{transform : scale(1) translateX(-50%);}
.schedule-link-box > li:hover > a{color : #42ade2;;}
.schedule-link-box > li > a > span{display: flex;align-items: center;letter-spacing: 0.25em;font-family: montserrat;font-weight: 500;font-size: 13px;position : relative;color : #343434;padding-right: 30px;opacity : 0;transform: translateX(-50px);transition: opacity .5s, transform .5s;}
.schedule-link-box > li:hover > a > span{opacity: 1;transform: translateX(0);}
.schedule-link-box > li > a > span::after{position : absolute;content: '';right : 0;width : 5px;height : 5px;border-top : 1px solid #42ade2;border-right : 1px solid #42ade2;transform: rotate(45deg);}
.schedule-link-box > li + li{margin-top: 15px;}
.schedule-right{width : 794px;}
.calendar-box{position : relative;transform: translateX(100px);opacity: 0;transition : transform 1.2s, opacity 1.2s;}
.active .calendar-box{transform: translateX(0);opacity: 1;transition : transform 1.2s .5s, opacity 1.2s .5s;}
.calendar{display: grid;grid-template-columns: repeat(6, 1fr);grid-template-rows: auto auto auto;gap: 15px;}
.calendar > li:nth-child(1){grid-column: span 6;}
/* .calendar > li:nth-child(2){grid-column: span 3;} */
.calendar > li{grid-column: span 3;display: flex;flex-direction: column;align-items: center;justify-content: center;max-height : 193px;background : #fff;padding : 20px 0;transition : color .3s, background .3s;}
.calendar > li:hover{background : #01509b;color : #fff;}
.calendar > li.on{background : #01509b;color : #fff;}
.calendar > li.on .day,
.calendar > li.on .name,
.calendar > li.on .point{color : #fff}
.calendar > li .day{align-items: center;font-size: 22px;letter-spacing: -0.04em;   color : #272727;margin-bottom: 10px; line-height: 1.3;}
.calendar > li:hover > .day{color : #fff;}
.calendar > li .day > b{font-size: 37px;font-family: futura-pt;font-weight: 500;}
.calendar > li .name{font-size: 19px;letter-spacing: -0.04em;color : #272727;line-height: 25px;text-align: center;}
.calendar > li:hover .name{color : #fff;}
.calendar > li .point{font-size: 32px;color : #01509b;font-family: futura-pt-bold;letter-spacing: -0.04em;margin-top: 3px;     margin-top: -10px; transition : color .3s;}
.calendar > li:hover .point{color : #fff;}
.schedule-rotate-btn{display: flex;align-items: center;justify-content: center;position : absolute;right : 0;top : 0;width : 86px;height : 86px;border-radius: 50%;background : #42ade2;color : #fff;font-weight: 700;font-size: 15px;text-align: center;z-index: 1;transform: translateX(50%) translateY(-50%);}
.schedule-rotate-btn::after{position: absolute;content: '';width : 112px;height : 112px;background : url(/images/schedule-rotate-text.png?v=1)no-repeat center;background-size: contain;animation : rotate-text 6s infinite linear;}
/**/

@keyframes rotate-text {
	0%{transform : rotate(0)}
	100%{transform : rotate(360deg)}
}



@media(max-width : 1200px){
    
    
    .section.active .yb_main_section_2_box { width: 100%  !important;}
    
	.main-section-schedule{height : auto;}
	.schedule-inner{display: flex;flex-direction : column;justify-content: center;width : 100%; margin-top: 5px;}
	.schedule-left{padding : 10px 20px 10px;}
	.schedule-title{font-size: 48px;margin-bottom: 6px;}
	.schedule-desc{font-size: 12px;margin-bottom: 10px;}
	.schedule-link-box{width :145px;}
	.schedule-link-box > li > a{padding : 5px 0 5px 10px;font-size : 12px;}
	.schedule-link-box > li > a::after{width : 8px;height : 8px;}
	.schedule-right{width : 100%;padding : 20px 20px 50px}
	.calendar{gap: 5px;}
	.calendar > li{grid-column: span 3;display: flex;flex-direction: column;align-items: center;justify-content: center;max-height : 193px;background : #fff;padding : 10px 0;transition : color .3s, background .3s; line-height: 0.5;}
	.calendar > li .day{font-size: 14px;margin-bottom: 5px}
	.calendar > li .day > b{font-size: 20px;}
	.calendar > li .name{font-size: 11px;line-height: 16px;}
	.calendar > li .point{font-size: 20px;margin-top: 0;}
	.schedule-rotate-btn{right : 30px;top : -20px;width : 60px;height : 60px;font-size: 10px;}
	.schedule-rotate-btn::after{width : 80px;height : 80px;}
}
























#quick {position:fixed;top:300px;right: -200px;z-index:111;transition: 1s ease all;}
#quick.on {position:fixed;top:300px;left:0;z-index:111;transition: 1s ease all;}
#quick .title2 {position:absolute;top:0;left:-52px; cursor: pointer;}
.title2 {position:absolute;top:0;left:-52px;display:none;cursor: pointer;}
#quick .con ul {margin-left:-5px;}
#quick .con ul li {float:left;margin-left:0px;}





#popup {position:absolute;top:15%;left: -700px;z-index:111;transition: 1s ease all;}
#popup.on {position:fixed;top:15%;left:0;z-index:111;transition: 1s ease all;}
#popup .title_s1 {position:absolute;top:0; right: -50px;; cursor: pointer;}
#popup .pop_tit2 {position:absolute;top:0; right: -50px; display:none;cursor: pointer;}
#popup .con ul {margin-left:-5px;}
#popup .con ul li {float:left;margin-left:0px;}

#popup_mo {position:fixed;top:80px;left: -270px;z-index:111;transition: 1s ease all;}
#popup_mo.on {position:fixed;top:15%;left:0;z-index:111;transition: 1s ease all;}
#popup_mo .title_s1 {position:absolute;top:0; right:-30px; cursor: pointer;}
#popup_mo .pop_tit2 {position:absolute;top:0; right:-30px;display:none;cursor: pointer;}
#popup_mo .con ul {margin-left:-5px;}
#popup_mo .con ul li {float:left;margin-left:0px;}





@media (min-width: 100px) and (max-width: 1440px) {
#quick {top:200px !important;}
#quick.on {top:200px !important;}
    
#popup {top:410px !important;}
#popup.on {top:410px !important;}
}









.tab_con {background-color: #f0f0f0;
    z-index: 9999999;
    position: relative;}



.news-zone {
	display: flex;
	flex-wrap: wrap;
    justify-content: flex-start;
    margin-top: 15px;
}

.news-zone li {
	max-height: 435px;
	margin-bottom: 40px;
    margin-right: 20px;
    margin-left: 5px;
}

.news-zone li {
	position:relative;
	width: 31%;
	text-align:left;
}

@media (min-width: 192px) and (max-width: 1359px) {
.news-zone li {
    position: relative;
    width: 100% !important;
    margin-right: 2%;
    text-align: left;
}
}



.news-zone li a:hover {
	
}

.news-zone li a .inner:hover {
	border:1px solid #2c3d47; 
	-webkit-transform: scale(1.03); 
	transform: scale(1.03); -webkit-transition: all 0.2s ease-out; 
	transition: all 0.2s ease-out; -webkit-box-shadow: 20px 30px 50px 8px black; 
	box-shadow: 0px 20px 30px 8px rgba(0,0,0,.1);}
}


.news-zone li:nth-child(3n) {
	margin-right: 0;
}

.news-zone li a {
	display: flex;
	flex-direction: column;
	width: 100%;
	height: 100%;
}

.news-zone li .thumbnail img {
	width: 100%;
	height: 100%;
	max-height: 100%;
	object-fit: cover;
}

.news-zone li .thumbnail {
	width: 100%;
	height: 190px;
	max-height: 190px;
    padding: 0px;
    margin-bottom: 0px;
	flex: 1;
}

.news-zone li .content {
	width: 100%;
	height: 245px;
	max-height: 245px;
	flex: 1;
	padding: 30px;
	letter-spacing:-1px;
	border:1px solid #d5d5d5;
}

.news-zone li .content .news-title {
	font-size:20px;
	overflow: hidden;
	text-overflow: ellipsis;
	word-wrap: break-word;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	height: 55px;
	margin: 0 0 20px 25px;
	line-height:140%;
	color: #5f5e5e;
}

.news-zone li .content .news-content {
	font-size:14px;
	overflow: hidden;
	text-overflow: ellipsis;
	word-wrap: break-word;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	height: 65px;
	margin-bottom: 20px;
    line-height: 1.5;
}

.news-zone li .news-info {
	display: flex;
	justify-content: space-between;
	font-size:13px;
}




.indicator {
	display:flex;
	justify-content: center;
	margin-bottom: 20px;
}

.indicator ul { display:flex;}

.indicator li { margin:0 2px}
.indicator li a { 
	display:flex;
	justify-content: center;
	align-items: center;
	width: 30px;
	height: 30px;
	background-color: #fff;
	border: 1px solid #d5d5d5;
	font-weight: normal;
}

.indicator li a:hover, .indicator li a.active {
	background-color: #295f79;
	border: 1px solid #295f79;
	color: #fff;
}


.fa-angle-double-left:before {
  content: "\f100"; }


















.lines {
    position: absolute;
    width: 100%;
    height: 100vh;
    overflow: hidden;
    z-index: 99999999;
}

.line {
    position: absolute;
    width: 1px;
    height: 100vh;
    background: linear-gradient(to bottom, rgba(255, 0, 255, 0) 0%, #fff 50%, rgba(255, 0, 255, 0) 100%);
    opacity: 0.7;
    animation: moveLines 5s linear infinite;
}

@keyframes moveLines {
    0% { transform: translateY(-100%); }
    100% { transform: translateY(100%); }
}

/* Positioning the Lines Randomly */
.line:nth-child(1) { left: 24.1%; animation-delay: 0s; }
.line:nth-child(2) { left: 49.2%; animation-delay: 1s; }
.line:nth-child(3) { left: 74.2%; animation-delay: 2s; }


.main_line{
    height: 40px;
    width: 1px;
    border-width: 0;
    color: #fff;
    background-color: #fff;
    margin: 0 auto;
    line-height: 3px;
    margin-top: 5px;
    margin-bottom: 5px;
    animation: line2 1.2s 0.7s both;
}

@keyframes line2 {
  0% { transform: scaleY(0);
  transform-origin: top;}
  
 100% { transform: scaleY(1);
  transform-origin: boootm;}
}



.main_line2{
    height: 150px;
    width: 1px;
    border-width: 0;
    color: #fff;
    background-color: #fff;
    margin: 0 auto;
    line-height: 3px;
    margin-top: 5px;
    margin-bottom: 5px;
    animation: line2s 1.2s 0.7s both;
}

@keyframes line2s {
  0% { transform: scaleY(0);
  transform-origin: top;}
  
 100% { transform: scaleY(1);
  transform-origin: boootm;}
}










.wemake {
	font-family: 'Wemakeprice-Regular', sans-serif !important;
}

.wemake_light {
	font-family: 'Wemakeprice-SemiBold', sans-serif !important;
}

.wemake_bold {
	font-family: 'Wemakeprice-Bold', sans-serif !important;
}


ul { list-style:none !important; margin:0; padding:0; }


.player_color { color:#8d5723 !important; }



.player_container_1 {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
  position:relative;
}
@media (min-width: 768px) {
  .player_container_1 {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .player_container_1 {
    width: 970px;
  }
}
@media (min-width: 1500px) {
  .player_container_1 {
    width: 1470px;
  }
}





#header.header-md #topNav a.logo>img {
	margin-top:19px;
}

#header.header-md #topNav #topMain>li>a {
	color:#ddd;
	font-size:16px;
}

.player_order_link {
	display:inline-block;
	height:30px; line-height:28px; text-align:center;
	padding:0px 30px;
	border:1px solid #fff;
	color:#fff;
	margin-top:20px;
}


.player_yb_footer {
	padding-top:80px;
}
.line_cont {
	border-top:1px solid #808080;
	border-bottom:1px solid #808080;
	padding:50px 70px;
}
.line_cont h4 {
	font-size:13px; margin-bottom:10px;
}
.line_cont p {
	font-size:13px; margin-bottom:0px; font-weight:300;
}

.player_copy {
	position:relative; padding:36px 0px;
}

.player_copy img {
	display:inline-block; position:absolute; top:26px; left:70px;
}
.player_copy p {
	padding-left:265px; font-size:13px; margin-bottom:15px; color:#ddd;
}
.player_copy .copy_text {
	padding-left:265px; font-size:12px; color:#ddd;
}





.main_slide_img {
	margin-left:-100px;
}

.player_main_slide_text_1 {
	font-size:20px;
	margin-top:26px;
}

.player_main_slide_text_2 {
	font-size:50px;
}

.player_main_slide_text_3 {
	padding-top:100px !important;
	font-size:24px; letter-spacing:-1px;
}

.player_main_slide_text_4 {
	font-size:50px; color:#8d5723 !important; letter-spacing:-2px;
}

.full_height_area {
	height: 100vh;
}


.full_height_parallax_1 { 
	height: 100vh;
	background-repeat: no-repeat !important;
	background-position:center bottom !important;
}


.player_header {
	margin-bottom:80px;
	text-align:center;
}

.player_header h2 { 
	margin-bottom:0px; color:#fff; font-size:50px;
}
.player_header p {
	margin-bottom:0px; color:#fff; font-size:25px;
}



.player_btn_line_small {
	display:inline-block; text-align:center;
	height:30px; line-height:28px;
	padding:0px 32px;
	border:1px solid #fff;
	color:#fff;
	font-size:12px;
}



.main_cont_box {
	padding-top:50px;
	padding-left:150px;
	text-align:left;
}

.main_cont_box h3 {
	color:#fff; font-size:35px; margin-bottom:30px;
}

.main_cont_box .title {
	color:#fff; font-size:20px; 
}

.main_cont_box p {
	color:#fff; font-size:15px; line-height:22px;
}



.main_box_slide_wrap {
	height:996px; background:url('../../images/main_bg_left.png') no-repeat;
	background-position:left center;
}

.main_box_slide {
	text-align:center;
	margin-left:410px;
}

.main_box_slide ul {
}

.main_box_slide ul li {
	float:left; margin-right:20px;
}

.main_box_slide ul:after {
	content: ".";
	display: block;
	clear: both;
}






.sub_top_text_1 {
	margin-top:230px;
}

.sub_top_text_2 {
	margin-top:140px;
}






















/**********************************************************************************************************************************************************************************************************************************************/

.sub_header {
	position: fixed;
    width: calc(100% - 100px);
    height: 110px;
    left: 0;
    top: 0;
    z-index: 9999;
    border: none;
    background: #fff;
    border-bottom: none;
}

 

.yb_hd_left { width: auto; height: 100%; position: absolute; left: 80px; }
.yb_hd_left li { float: left; position: relative; }
.yb_hd_left li:nth-child(1) {  margin-right: 25px; padding-right: 25px; margin-top: 24px; }
.yb_hd_left li:nth-child(1):after { content:''; width: 1px; height: 21px; background-color: #442530; position: absolute; right: 0; top: 20px; }
.yb_hd_left li:nth-child(2) { margin-top: 35.5px; }

.yb_hd_left:after {
	content: ".";
	display: block;
	clear: both;
}



.yb_wrap { width: 100%; height: 100%; position: fixed; left: 0; top: 0; z-index: 9999999; display: none; }
.yb_body_bg { width: 100%; height: 100%; position: fixed; left: -100%; top: 0; z-index: 9999998; background-color: rgba(0,0,0,0.7); }

.yb_hd_right { width: 50%; height: 100%; position: absolute; right: -50%; top: 0; background: #fff; background-size: cover; }
.yb_menu_wrap { width: 100%; position: absolute; left: 50%; top: 40%; transform: translate(-50%,-50%); text-align: center; opacity: 1; transition: 0.7s 0.4s; }
.yb_menu>li { font-size: 33px; line-height: 100%; margin: 55px 0; color: #323232; }
.yb_menu>li>a { position: relative; display: inline-block; }
.yb_menu>li>a>span { position: absolute; left: 50%; transform: translateX(-50%); bottom: -4px; background-color: #ffe534; width: 0; height: 9px; z-index: -1; transition: 0.4s; }
.yb_menu>li>a:hover span { width: 115%; }

.yb_menu>li ul { display: none; text-align: center; margin-top: 25px; }
.yb_menu>li ul li { color: #444; font-size: 20px; font-weight: 400; line-height: 36px; }
.yb_menu>li ul li a { position: relative; display: inline-block; }
.yb_menu>li ul li a span { position: absolute; left: 50%; transform: translateX(-50%); bottom: 7px; background-color: #ffe534; width: 0; height: 3px; z-index: -1; transition: 0.4s; }
.yb_menu>li ul li a:hover span { width: 105%; }

.yb_menu_close { width: 36px; height: 36px; position: absolute; right: 35px; top: 35px; z-index: 9; cursor: pointer; }
.yb_menu_close:after { content:''; width: 100%; height: 1px; background-color: #000; position: absolute; left: 0; right: 0; bottom: 0; top: 0; margin: auto; transform: rotate(-45deg); }
.yb_menu_close:before { content:''; width: 1px; height: 100%; background-color: #000; position: absolute; left: 0; right: 0; bottom: 0; top: 0; margin: auto; transform: rotate(-45deg); }

.yb_wrap.active .site_contact { transform: translateY(0); opacity: 1; } 



.yb_footer { width: 100%; height: auto; box-sizing: border-box; z-index: 999; font-family: 'Noto Sans KR', sans-serif; background-color: #fff; border-top: 1px solid #f0f0f0; position: relative; text-align: center; }
.yb_footer_logo { margin-top: 50px;  }
.yb_footer ul { color: #0b0b0b; margin-top: 20px; }
.yb_footer ul li { font-size: 10px; opacity: 0.77; line-height: 16px; letter-spacing: 0px; font-weight: 500; }
.yb_footer ul li:first-child { opacity: 0.99; }
.yb_footer h6 { color: #0b0b0b; font-size: 10px; line-height: 100%; opacity: 0.77; letter-spacing: 0px; margin-top: 20px; font-weight: 500; padding-bottom: 55px; }

.yb_hd_right .yb_footer { border: none; position: absolute; left: 0; right: 0; margin: auto; bottom: 100px; } .
.yb_hd_right .yb_footer_logo { margin-top: 0px; }
.yb_hd_right .yb_footer h6 { margin-bottom: 0px; }








.plus { width: 26px; height: 26px; border: 1px solid #fff; border-radius: 100%; margin: auto; position: absolute; bottom: 0; left: 0; right: 0; }
.plus:after { content:''; width: 12px; height: 2px; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; background-color: #fff; }
.plus:before { content:''; width: 2px; height: 12px; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; background-color: #fff; }

.plus2 { width: 26px; height: 26px; border: 1px solid #000; border-radius: 100%; margin: auto; position: absolute; bottom: 0; left: 0; right: 0; }
.plus2:after { content:''; width: 12px; height: 2px; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; background-color: #000; }
.plus2:before { content:''; width: 2px; height: 12px; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; background-color: #000; }


.yb_sam_menu { z-index:99999999; position: absolute; left: 50%; top: 41%; width: 45px; height: 40px; border-radius: 0; cursor: pointer; transform: translate(-50%,-50%); opacity: 1; }
.yb_sam_menu span { display: block; background: #000; margin: auto; width: 33px; height: 3px; border-radius: 0px; transition: margin 0.25s 0.25s, transform 0.25s; }
.yb_sam_menu .bar1 { margin-top: 12px; margin-bottom: 6px; }
.yb_sam_menu .bar2 { }
.yb_sam_menu .bar3 { margin-top: 6px; }
.yb_sam_menu h6 { width: 100%; font-size: 12px; font-weight: 400; text-align: center; line-height: 100%; margin-top: 14px; transform: translateX(1px); }

.yb_sam_menu.active { transition: 0.5s 0s; left: 80px; opacity: 0; }
.yb_sam_menu.active span { transition: 0.5s 0.4s; }

.yb_right_q { width: 100px; height: 100%; position: fixed; right: 0; top: 0; z-index: 9999999; font-family: 'Noto Sans KR', sans-serif; border: none; z-index: 999; box-sizing: border-box; background-color: #fff; }
.yb_right_button_1 { width: 100%; height: 200px; text-align: center; overflow: hidden; background: #0070c0; box-sizing: border-box; position: relative; }
.yb_right_button_1 img { display: block; }
.yb_right_img { margin: auto; margin-top: 35px; transform: translateX(2px); }
.yb_right_button_1 .plus { bottom: 35px; }
.yb_right_button_2 { width: 100%; height: 130px; text-align: center; overflow: hidden; background: #3e3e3f; box-sizing: border-box; position: relative; }
.yb_right_button_2 p { font-size: 14px; line-height: 18px; color: #fff; margin-top: 25px; font-weight: 500; letter-spacing: -0.5px; }
.yb_right_button_2 .plus { bottom: 20px; }

.yb_sam_menu_wrap { height: calc(100% - 330px); position: relative; border-left: 1px solid #c7c7c7; box-sizing: border-box; overflow: hidden; }
.yb_sam_menu_wrap ul { text-align: center; margin-top: 35px; }
.yb_sam_menu_wrap ul li { margin-top: 0px; }

.yb_right_op_wrapper { position: absolute; left: -40px; top: 130px; z-index: 999; }
.yb_right_op_icon { position: absolute; right: -7px; top: 40px; }


.yb_right_q_scroll { position: absolute; left: 44.5px; bottom: 50px; }





.yb_slide_area { display: none; position: fixed; top:0; left:0; bottom:0; width: calc(100% - 100px); height: 100vh; margin: 0; padding: 0; }
.yb_slide_area.on { display: block; }
.yb_slide_area.off { display: block; z-index:3; animation:yb_slide_area1 .5s ease-in-out both; }


@keyframes yb_slide_area1 {
	0% {left:0%; opacity:1;}
	100% {left:-100%; opacity:0;}
}


.yb_circle_button_wrapper { position: fixed; width: 90px; height: 100px; left: 30px; top: 0; bottom: 0; margin: auto; z-index: 999; font-family: 'Noto Sans KR', sans-serif; }
.yb_circle_button_next { display: block; position: relative; height: 20px; margin: 12px 0; }
.yb_circle_button_next div { color: #090909; font-size: 13px; font-weight: 500; transform: rotate(00deg); position: absolute; transform-origin: 0 0; left: 0; top: 0; }
.yb_circle_button_next.on div { color: #090909; }
.yb_circle_button_next.on div span { padding-left: 10px; }
.yb_circle_button_next.on div:after { content: ''; width: 110%; height: 6px; background-color: #fff100; position: absolute; left: 0%; bottom: 2px; z-index: -1; transform: translateX(-5%); animation: yb_circle_button 1.2s 0.1s both; }

@keyframes yb_circle_button {
	from { width: 0; }
	to {  }
}






.yb_main_section_1 { overflow: hidden; width:100%; position: relative; }
.yb_main_section_1_bg { width: 100%; height: 100%; position: absolute; left: 0px; top: 0; background: url(../../images/sec01_img.jpg) center bottom 0px repeat; background-size: cover;  animation: yb_main_section_bg 5s .0s both;}

.yb_main_section_1_content { position: relative; width: calc(100% - 100px); height: 100%; left: 0; top: 0; z-index: 1; color: #fff; }

.yb_main_section_1_txt_box { position: absolute; width: 670px; height: 515px; left: 0; right: 0; margin: auto; top: 15%; z-index: 9; text-align: center; color: #000; }

.yb_main_section_1_txt_box p { font-size: 22px; font-weight: 100; line-height: 25px; letter-spacing: -1px; margin-top: 0px; opacity: 1; animation: yb_main_section_1_txt 1.2s 0.3s both }
.yb_main_section_1_txt_box p span { font-weight: 600; }
.yb_main_section_1_txt_box h1 { color: #262626; font-family: 'Nanum Myeongjo', serif; font-size: 70px; line-height: 100%; margin-top: 30px; font-weight: 100; letter-spacing: -3px; animation: yb_main_section_1_txt 1.2s 0.6s both; }
.yb_main_section_1_txt_box h1 b { color: #0070c0; }

.yb_main_section_1_line { width: 1px; height: 40px; background-color: #000; margin: 40px auto; animation: yb_main_section_1_txt 1.2s 1.0s both; }
.yb_main_section_1_open { width: 195px; height: 50px; line-height: 48px; box-sizing: border-box; border: 1px solid #8a95a0; border-left: none; border-right: none; text-align: center; margin: auto; margin-top: 40px; font-size: 18px; }
.yb_main_section_1_logo { margin-top: 70px; animation: yb_main_section_1_txt 1.2s 1.3s both; }

@keyframes yb_main_section_bg {
  0%{transform: scale(1.4); }
  100%{ opacity: 1;}
}

@keyframes yb_main_section_1_txt {
	from { opacity: 0; transform: translateY(-20px); }
	to {  }
}



.main_section_2_keyframe animation {
    opacity: 1;
    transform: translateX(0px);
}

.section.active .yb_main_pre01 {animation: main_section_2_keyframe_txt2 1.2s 0.3s both;}
.section.active .yb_main_pre02 {animation: main_section_2_keyframe_txt2 2.2s 0.3s both;}
.section.active .yb_main_pre03 {animation: main_section_2_keyframe_txt2 3.2s 0.3s both;}
.section.active .yb_main_pre04 {animation: main_section_2_keyframe_txt2 4.2s 0.3s both;}


.section.active .yb_main_section_2_bg { width: 100%; height: 100%; position: absolute; left: 0px; top: 0; background: url(../../images/sec02_img.jpg) center bottom -10px repeat; background-size: cover; }


.section.active .yb_main_section_2_content { position: relative; width: calc(100% - 0px); height: 100%; left: 0; top: 0; z-index: 1; }
.section.active .yb_main_section_2_box { position: absolute; width: 1420px; height: 745px; left: 0; right: 0; margin: auto; top: 12%; z-index: 9; text-align: center; color: #000;}

.section.active .yb_main_section_2_top { width: 100%; }

.section.active .yb_main_section_2_box01 { width: 750px; position: relative; left: 30px; text-align: left;}
.section.active .yb_main_section_2_img01 {animation: main_section_2_keyframe 1.2s 0.1s both; float: left;}

.section.active .yb_main_section_2_txt01 { text-align: left; animation: main_section_2_keyframe 1.2s 0.1s both; float: left; padding-left: 40px;}
.section.active .yb_main_section_2_txt01 h1 {font-size: 20px; margin-top: 25px;}
.section.active .yb_main_section_2_txt01 p {font-size: 14px; margin-top: 20px; line-height: 1.7;}

.section.active .yb_main_section_2_pre01 {position: absolute; right: 100px; top: 0px; animation: main_section_2_keyframe_txt 1.2s 0.3s both;}

.section.active .yb_main_section_2_box02 { width: 303px; position: relative; left:50%; margin-left: -420px; text-align: left; top: 250px;}
.section.active .yb_main_section_2_img02 {animation: main_section_2_keyframe 1.2s 0.3s both; position:absolute; right: 300px;    top: 90px;}
.section.active .yb_main_section_2_pre02 {position: absolute; left: 20px; top: 44px; animation: main_section_2_keyframe_txt 1.2s 0.3s both;}

.section.active .yb_main_section_2_txt02 { text-align: left; animation: main_section_2_keyframe 1.2s 0.5s both; position: absolute; top:100px; left: -280px;}
.section.active .yb_main_section_2_txt02 h1 {font-size: 20px; margin-top: 25px;}
.section.active .yb_main_section_2_txt02 p {font-size: 14px; margin-top:10px; line-height: 1.7;}


.section.active .yb_main_section_2_box03 { width: 488px; position:absolute; left:50%; margin-left: -30px; text-align: left; top: 350px;}
.section.active .yb_main_section_2_img03 {animation: main_section_2_keyframe 1.2s 0.5s both; position:absolute; left: 0; top: 120px;}
.section.active .yb_main_section_2_pre03 {position: absolute; right: 200px; top: 350px; animation: main_section_2_keyframe_txt 1.2s 0.7s both;}

.section.active .yb_main_section_2_pre04 {position: absolute; right: 0; top: 500px; animation: main_section_2_keyframe_txt 1.2s 1.2s both;}

.section.active .yb_main_section_2_txt03 { text-align: left; animation: main_section_2_keyframe 1.2s 0.9s both; position: absolute; top: 360px; left: 0px;}
.section.active .yb_main_section_2_txt03 h1 {font-size: 20px; margin-top: 25px;}
.section.active .yb_main_section_2_txt03 p {font-size: 14px; margin-top:10px; line-height: 1.7;}

.section.active .yb_main_section_2_img04 {animation: main_section_2_keyframe 1.2s 0.7s both; position:relative; left: 0; top: 520px;}
.section.active .yb_main_section_2_txt04 { text-align: left; animation: main_section_2_keyframe 1.2s 0.7s both; position: absolute; top: 540px; left: 230px;}
.section.active .yb_main_section_2_txt04 h1 {font-size: 20px; margin-top: 25px;}
.section.active .yb_main_section_2_txt04 p {font-size: 14px; margin-top:10px; line-height: 1.7;}


.section.active .yb_main_section_2_box05 { width: 457px; position:absolute; left:50%; margin-left: 50px; text-align: left; top: 200px;}
.section.active .yb_main_section_2_img05 {animation: main_section_2_keyframe 1.2s 0.5s both; position:absolute; left: 0; top: 120px;}
.section.active .yb_main_section_2_pre05 {position: absolute; left: 290px; top: 30px; animation: main_section_2_keyframe_txt 1.2s 0.1s both;}

.section.active .yb_main_section_2_pre06 {position: absolute; left: 0; top: 44px; animation: main_section_2_keyframe_txt 1.2s 1.2s both;}

.section.active .yb_main_section_2_txt05 { text-align: left; animation: main_section_2_keyframe 1.2s 0.5s both; position: absolute; top: 270px; right: -185px;}
.section.active .yb_main_section_2_txt05 h1 {font-size: 20px; margin-top: 25px;}
.section.active .yb_main_section_2_txt05 p {font-size: 14px; margin-top:10px; line-height: 1.7;}


.section.active .yb_main_section_2_box06 { width: 457px; position:absolute; left:50%; margin-left: 490px; text-align: left; top: 330px;}
.section.active .yb_main_section_2_img06 {animation: main_section_2_keyframe 1.2s 0.3s both; position:absolute; left: 0;}
.section.active .yb_main_section_2_pre06 {position: absolute; left: -140px; top: 50px; animation: main_section_2_keyframe_txt 1.2s 0.7s both; z-index: 3;}

.section.active .yb_main_section_2_txt06 { text-align: left; animation: main_section_2_keyframe 2s 0.3s both; position: absolute; top: 240px; left: 0px;}
.section.active .yb_main_section_2_txt06 h1 {font-size: 20px; margin-top: 25px;}
.section.active .yb_main_section_2_txt06 p {font-size: 14px; margin-top:10px;}

@keyframes main_section_2_keyframe {
	from { opacity: 0; transform: translateX(-50px); }
	to {  }
}

@keyframes main_section_2_keyframe_txt {
	from { opacity: 0; transform: translateY(-20px); }
	to {  }
}

@keyframes main_section_2_keyframe_txt2 {
	from { opacity: 0; transform: translateY(-50px); }
	to {  }
}


 

.yb_main_section_3_bg { width: 100%; height: 100%; position: absolute; left: 0px; top: 0; background: url(../../images/sec03_img.jpg) center bottom -10px repeat; background-size: cover; }


.yb_main_section_3_content { position: relative; width: calc(100% - 100px); height: 100%; left: 0; top: 0; z-index: 1; }

.yb_main_section_3_box { position: absolute; width: 955px; height: 515px; left: 0; right: 0; margin: auto; top: 20%; z-index: 9; text-align: center; }

.yb_main_section_3_top { width: 100%; height: 255px; }
.yb_main_section_3_txt { float: left; text-align: left; color: #000; animation: yb_main_section_3_text 1.2s 0.1s both; }
.yb_main_section_3_txt h1 { font-size: 90px; line-height: 100%; letter-spacing: -3px; font-weight: 700; margin-top: 10px; margin-left: -3px; }
.yb_main_section_3_txt p { font-size: 15px; line-height: 25px; opacity: 0.77; margin-top: 55px; }
.yb_main_section_3_bt_box { width: 465px; float: right; color: #fff; text-align: left; animation: yb_main_section_3_box 1.2s 0.45s both; }
.yb_main_section_3_bt_box a {  }
.yb_main_section_3_bt_box h4 { font-size: 26px; line-height: 100%; font-weight: 600; color:#fff; }
.yb_main_section_3_bt_box p { font-size: 13px; line-height: 100%; opacity: 0.8; margin-top: 12px;  color:#fff; }
.yb_main_section_3_bt01 { width: 100%; height: 125px; background-color: #0070c0; margin-bottom: 5px; position: relative; }
.yb_main_section_3_bt01 a { display: block; width: 100%; height: 100%; padding-left: 43px; padding-top: 35px; box-sizing: border-box; }
.yb_main_section_3_bt01 .plus { left: 370px; top: 0; }
.yb_main_section_3_bt02 { width: 100%; height: 125px; background-color: #444444; position: relative; }
.yb_main_section_3_bt02 a { display: block; width: 100%; height: 100%; padding-left: 43px; padding-top: 35px; box-sizing: border-box; }
.yb_main_section_3_bt02 .plus { left: 370px; top: 0; }

.yb_main_section_3_bottom { width: 100%; height: auto; display: flex; justify-content: space-between; margin-top: 65px; color: #000; animation: yb_main_section_3_bottom 1.2s 0.9s both; }
.yb_main_section_3_bottom li { width: 220px; height: 195px; background-color: #fff; text-align: center; position: relative; transition: 0.4s; }
.yb_main_section_3_bottom li a { width: 100%; height: 100%; display: block; }
.yb_main_section_3_bottom li .yb_main_section_3_icon { width: 36px; height: 37px; margin: auto; position: relative; margin-top: 50px; }
.yb_main_section_3_bottom li .yb_main_section_3_icon img { position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; }
.yb_main_section_3_bottom li h5 { font-size: 20px; line-height: 100%; margin-top: 20px;}
.yb_main_section_3_bottom li h6 { font-size: 11px; line-height: 100%; opacity: 0.77; display: inline-block; margin-top: 10px; position: relative; }
.yb_main_section_3_bottom li h6:after { content:''; width: 110%; height: 1px; background-color: #bbb; position: absolute; left: 50%; transform: translateX(-50%); bottom: -2px; }
.yb_main_section_3_line01 { width: 0; height: 1px; background-color: #000; position: absolute; left: 0; top: 0; transition: 0.4s; }
.yb_main_section_3_line02 { width: 1px; height: 0; background-color: #000; position: absolute; right: 0; top: 0; transition: 0.4s; }
.yb_main_section_3_line03 { width: 0; height: 1px; background-color: #000; position: absolute; right: 0; bottom: 0; transition: 0.4s; }
.yb_main_section_3_line04 { width: 1px; height: 0; background-color: #000; position: absolute; left: 0; bottom: 0; transition: 0.4s; }

.yb_main_section_3_bottom li:hover { margin-top: -15px; }
.yb_main_section_3_bottom li:hover .yb_main_section_3_line01 { width: 100%; }
.yb_main_section_3_bottom li:hover .yb_main_section_3_line02 { height: 100%; }
.yb_main_section_3_bottom li:hover .yb_main_section_3_line03 { width: 100%; }
.yb_main_section_3_bottom li:hover .yb_main_section_3_line04 { height: 100%; }
 

@keyframes yb_main_section_3_text {
	from { opacity: 0; transform: translateY(-20px); }
	to {  }
}
@keyframes yb_main_section_3_box {
	from { opacity: 0; transform: translateX(20px); }
	to {  }
}
@keyframes yb_main_section_3_bottom {
	from { opacity: 0; transform: translateY(-150px); }
	to {  }
}









.yb_main_section_4_bg { width: 100%; height: 100%; position: absolute; left: 0px; top: 0; background: url(../../images/sec04_img.jpg) repeat; background-size: cover; }

.yb_main_section_4_content { position: relative; width: calc(100% - 100px); height: 100%; left: 0; top: 0; z-index: 1; }

.yb_main_section_4_box { position: absolute; width: 1040px; height: 555px; left: 0; right: 0; margin: auto; top: 20%; z-index: 9; text-align: left; }

.yb_main_section_4_left { width: 430px; height: 100%; float: left; border-right: 1px solid #a5a5a5; }
.yb_main_section_4_left_txt { animation: sec04_left_txt 1.2s 0.1s both; }
.yb_main_section_4_left_txt h1 { font-size: 70px; line-height: 100%; letter-spacing: -3px; font-weight: 700; margin-top: 5px; margin-left: -3px; }
.yb_main_section_4_left_txt p { font-size: 15px; line-height: 25px; opacity: 0.77; margin-top: 40px; }

.yb_main_section_4_bt_box { width: 355px; height: auto; margin-top: 40px; animation: sec04_bt_box 1.2s 0.5s both; }
.yb_main_section_4_bt_box h3 { font-size: 22px; line-height: 100%; float: left; padding-right: 20px; margin-right: 20px; position: relative; font-weight: 600; }
.yb_main_section_4_bt_box h3:after { content:''; width: 1px; height: 86%; background-color: #c7c7c7; position: absolute; right: 0; top: 14%; }
.yb_main_section_4_bt_box h5 { font-size: 13px; line-height: 100%; float: left; opacity: 0.77; margin-top: 7px; text-transform: uppercase; }
.yb_main_section_4_bt01 { width: 100%; height: 75px; background-color: #fff; position: relative; margin-bottom: 10px; }
.yb_main_section_4_bt01 a { width: 100%; height: 100%; display: block; box-sizing: border-box; padding-left: 33px; padding-top: 25px; }
.yb_main_section_4_bt01 .plus2 { top: 0; left: 250px; }
.yb_main_section_4_bt02 { width: 100%; height: 75px; background-color: #fff; position: relative; }
.yb_main_section_4_bt02 a { width: 100%; height: 100%; display: block; box-sizing: border-box; padding-left: 33px; padding-top: 25px; }
.yb_main_section_4_bt02 .plus2 { top: 0; left: 250px; }
.yb_main_section_4_bt03 { width: 100%; height: 120px; background-color: #442530; position: relative; color: #fff; margin-top: 41px; }
.yb_main_section_4_bt03 a { width: 100%; height: 100%; display: block; box-sizing: border-box; padding-left: 33px; padding-top: 37px; }
.yb_main_section_4_bt03 .plus { bottom: 65px; left: 250px; }
.yb_main_section_4_bt03 h4 { font-size: 22px; line-height: 100%; font-weight: 600; color:#fff; }
.yb_main_section_4_bt03 p { font-size: 13px; line-height: 100%; margin-top: 10px; opacity: 0.88; font-weight: 200; color:#fff; }

.yb_main_section_4_line01 { width: 0; height: 1px; background-color: #000; position: absolute; left: 0; top: 0; transition: 0.4s; }
.yb_main_section_4_line02 { width: 1px; height: 0; background-color: #000; position: absolute; right: 0; top: 0; transition: 0.4s; }
.yb_main_section_4_line03 { width: 0; height: 1px; background-color: #000; position: absolute; right: 0; bottom: 0; transition: 0.4s; }
.yb_main_section_4_line04 { width: 1px; height: 0; background-color: #000; position: absolute; left: 0; bottom: 0; transition: 0.4s; }

.yb_main_section_4_bt_box>div:hover .yb_main_section_4_line01 { width: 100%; }
.yb_main_section_4_bt_box>div:hover .yb_main_section_4_line02 { height: 100%; }
.yb_main_section_4_bt_box>div:hover .yb_main_section_4_line03 { width: 100%; }
.yb_main_section_4_bt_box>div:hover .yb_main_section_4_line04 { height: 100%; }

.yb_main_section_4_right { width: 540px; float: left; margin-left: 65px; animation: sec04_right 1.2s 0.9s both; }
.yb_main_section_4_right_txt h1 { font-size: 70px; line-height: 100%; letter-spacing: -3px; font-weight: 700; margin-top: 5px; margin-left: -3px; }
.yb_main_section_4_right_txt p { font-size: 15px; line-height: 25px; opacity: 0.77; margin-top: 40px; }

.yb_main_section_4_unit { width: 540px; text-align: center; margin-top: 35px; position: relative; }
.swiper1 { width: 380px; margin-left: auto; z-index: 99; padding-top: 50px; padding-bottom: 50px; margin-top: -50px; }
.swiper1 .swiper-slide { width: 100%; height: 325px; position: relative; }
.swiper1 .swiper-slide h3 { font-size: 33px; font-weight: 200; line-height: 100%; position: absolute; bottom: 0; left: 0; right: 0; margin: auto; }
.swiper1 .swiper-slide h3 b { font-weight: 600; }
.swiper1 .swiper-slide h3 span { font-size: 22px; }
.iso01 img { margin-top: 20px; }
.iso02 img { margin-top: -30px; }
.iso04_txt { transform: translateY(50px); }

.yb_main_section_4_arrow { width: 100%; height: 41px; position: absolute; left: 0; right: 0; margin: auto; top: 0; bottom: 0; z-index: 3; transform: translateX(4px); }
.yb_main_section_4_arrow .swiper-button-next { width: 60px; height: 41px; margin: 0; padding: 0; right: 0; outline: none; }
.yb_main_section_4_arrow .swiper-button-prev { width: 60px; height: 41px; margin: 0; padding: 0; top: 0; outline: none; }


@keyframes sec04_left_txt {
	from { opacity: 0; transform: translateY(-20px); }
	to {  }
}
@keyframes sec04_bt_box {
	from { opacity: 0; transform: translateX(-20px); }
	to {  }
}
@keyframes sec04_right {
	from { opacity: 0; transform: translateY(20px); }
	to {  }
}













/*******************************************************************************************************************sub***************************************************************************************************************************/
 

.yb_sub_cont { position: relative; width: calc(100% - 100px); left: 0; background-color:#fff; top:0; overflow: hidden; }
#yb_sub_top01 { width: calc(100% - 100px); height: 350px; position:relative; margin-top: 110px; z-index: 99; overflow: hidden;  background: url(../../images/sub_top.jpg) no-repeat; background-size: cover; background-position: bottom;
animation: sub-top 1.5s 0s ease-in-out both; }
#yb_sub_top01:after { content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: #000; z-index: -1; opacity: 0; }
#yb_sub_top02 { width:100%; height: 200px; margin: 0 auto; position:relative; margin-top: 90px; z-index: 99; background: url(../../images/sub-top02.jpg) center no-repeat; overflow: hidden; background-size: cover; }
#yb_sub_top03 { width:100%; height: 200px; margin: 0 auto; position:relative; margin-top: 90px; z-index: 99; background: url(../../images/sub-top03.jpg) center no-repeat; overflow: hidden; background-size: cover; }
#yb_sub_top04 { width:100%; height: 200px; margin: 0 auto; position:relative; margin-top: 90px; z-index: 99; background: url(../../images/sub-top04.jpg) center no-repeat; overflow: hidden; background-size: cover; }
#yb_sub_top05 { width:100%; height: 200px; margin: 0 auto; position:relative; margin-top: 90px; z-index: 99; background: url(../../images/sub-top05.jpg) center no-repeat; overflow: hidden; background-size: cover; }
#yb_sub_top06 { width:100%; height: 200px; margin: 0 auto; position:relative; margin-top: 90px; z-index: 99; background: url(../../images/sub-top06.jpg) center no-repeat; overflow: hidden; background-size: cover; }
#yb_sub_top07 { width:100%; height: 200px; margin: 0 auto; position:relative; margin-top: 90px; z-index: 99; background: url(../../images/sub-top07.jpg) center no-repeat; overflow: hidden; background-size: cover; }
.yb_sub_top_bg { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 2; opacity: 0.7; }
.yb_sub_top_tit { width: 860px; position: relative; transform: translateY(0); left: 0; right: 0; top: 22%; bottom: 0; margin: auto; text-align: center; animation: sub-tit 1s 0.3s both; color: #fff; z-index: 9; }

.yb_sub_top_tit .sub_top_line { width: 1px; height: 32px; margin: auto; margin-top: 22px; background-color: #fff; } 
.yb_sub_top_tit .sub_top_txt_dot { position: relative; }
.yb_sub_top_tit .sub_top_txt_dot:after { content:''; width: 7px; height: 7px; border-radius: 100%; background-color: #fff; position: absolute; left: 0; right: 0; margin: auto; top: 2px; transform: translateX(1px); }
.yb_sub_top_logo { margin-top: 28px; margin-left: 10px;  animation: sec01_txt 1.2s 0.6s both;}

.yb_sub_top_tit h1 { color: #fff; font-family: 'Nanum Myeongjo', serif; font-size: 50px; line-height: 120%; margin-top: 0px; margin-bottom: 0px; font-weight: 100; letter-spacing: -3px; animation: sec01_txt 1.2s 0.6s both; }
.yb_sub_top_tit h1 b { color: #2fa8ff; }

/*@keyframes sub-top {

	from {  background-position: bottom; };
	to { };
}*/
@keyframes sub-tit {

/*	from {  transform: translateY(25px); opacity: 0; };*/
	to { };
}

#yb_sub_top-text { position:absolute; top:-33px; left:50%; margin-left:-960px; }
#yb_sub_top-img { margin-top:-160px;}

.sub_top_txt { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); }


#yb_sub_tab_menu_wrap { width: 1100px; height: auto; position: relative; left: 50%; transform: translate(-50%); z-index: 99; }
#yb_sub_tab_menu {border:1px solid #dcdcdc; width: 100%; margin:0 auto 45px; position:relative; z-index:199; margin-top: 60px; }
#yb_sub_tab_menu:after {content:""; display:block; clear:both; }
#yb_sub_tab_menu > li {float:left; position:relative; height:48px;}
#yb_sub_tab_menu > li:first-child + li > a {background:url(../../images/snb-arr.gif) no-repeat 100% 50%;}
#yb_sub_tab_menu > li:first-child + li + li > a {background:url(../../images/snb-menu.gif) no-repeat 100% 50%; margin-top:1px;}
#yb_sub_tab_menu > li:first-child + .ov {margin-left:0;}
#yb_sub_tab_menu .ov {margin-left:-1px;}
#yb_sub_tab_menu .ov > a {
	display:block;
	height:48px;
	line-height:48px;
	padding:0 35px 0 15px;
	font-size:14px;
	color:#555;
	letter-spacing:-0.075em;
	border-right:1px solid #dcdcdc;
	border-left:1px solid #dcdcdc;
	min-width:160px;
	font-family:'Noto Sans KR', 'Malgun Gothic', dotum, '돋움', '굴림', Gulim, sans-serif; 
	font-weight:600;

}
#yb_sub_tab_menu .ov ul {position:absolute;left:0;top:100%;min-width:100%;background:#fff;display:none;}
#yb_sub_tab_menu .ov ul li {border:1px solid #dcdcdc;margin-top:-1px; font-family:'Noto Sans KR', 'Malgun Gothic', dotum, '돋움', '굴림', Gulim, sans-serif; font-weight:600; }
#yb_sub_tab_menu .ov ul li:first-child {margin-top:0;}
#yb_sub_tab_menu .ov ul li a {display:block;font-size:11.5px;color:#999;padding:11px 15px;white-space:nowrap;letter-spacing:-0.075em;}
#yb_sub_tab_menu .ov:hover ul {display:block;}
#yb_sub_tab_menu .ov ul li a:hover {background:#f3f3f3;color:#333;}





#yb_sub_big_tit{ position:relative; width:1100px; font-family: 'Noto Sans KR', sans-serif; text-align: center; left: 50%; transform: translateX(-50%); margin-top: 50px; }
#yb_sub_big_tit h1{ font-size: 32px; font-weight: 400; color:#101010; letter-spacing:-1px; z-index: 2; line-height: 100%; text-transform: uppercase; margin-bottom: 0px; }
#yb_sub_big_tit h1 span { color: #1e396e; }
#yb_sub_big_tit h5 { font-size: 15px; line-height: 100%; margin-top: 10px; color: #777; }
.yb_sub_big_tit-line { width: 1px; height: 20px; background-color: #ccc; margin: auto; margin-top: 20px; } 




#yb_sub_wrapper { width:100%; left: 0; right: 0; margin: auto; position:relative; height:auto; margin-top: 30px; z-index: 90; }
#yb_sub_cont_wrapper { width:1100px; position:relative; left:50%; margin-left:-550px; top:0px; padding-bottom: 90px; font-family: 'Noto Sans KR', sans-serif;  }














.sub_contact_wrap { width: 100%; max-width: 1100px; margin: auto; position: relative; text-align: left; color: #010101; }

.sub_contact_wrap h2 { font-size: 1.5rem; line-height: 100%; margin-bottom: 0.9375rem; font-weight: 500; }
.sub_contact_wrap h2 img { margin-right: 0.625rem; margin-top: 0px; }
.sub_contact_top { width: 100%; }
.sub_contact_top>div { width: 100%; display: flex; justify-content: space-between; align-items: flex-end; }

.sub_contact_bottom { width: 100%; margin-top: 5.3125rem; margin-bottom: 4.375rem; }
.sub_contact_bottom>div { width: 100%; display: flex; justify-content: space-between; align-items: flex-start; }

.sub_contact_map_box { width: 100%; width: 524px; height: 412px; border: 1px solid #9e9e9e; }
.sub_contact_map_box img { width: 100%; }

.sub_contact_txt_box { width: 100%; max-width: 524px; margin: 1.5625rem 0; }
.sub_contact_txt_box h3 { display: inline-block; font-size: 2rem; line-height: 100%; font-weight: 700; position: relative; margin-bottom: 3.75rem; }
.sub_contact_txt_box h3:after { content:''; width: 100%; height: 1px; background-color: #000; position: absolute; left: 0; bottom: 0; }

.sub_contact_add { display: flex; justify-content: space-between; align-items: center; }
.sub_contact_add h4 { font-size: 1.375rem; line-height: 100%; font-weight: 600; }
.sub_contact_add p { font-size: 1.1rem; line-height: 100%; margin-top: 0.5rem; }
.sub_contact_top .sub_contact_add { margin-top: 3.125rem; }

.sub_contact_bt { display: flex; justify-content: flex-end; align-items: center; margin-right: 0.625rem; }
.sub_contact_bt a { display: block; margin-left: 0.3125rem; }

#map { position: relative; width: 100%; height: 100%; overflow: hidden;}
#map2 { position: relative; width: 100%; height: 100%; overflow: hidden;}

.map_marker { font-family: 'Pretendard'; width: auto; height: 36px; border: 2px solid #000e42; background-color: #fff; border-radius: 25px; text-align: center; display: flex; justify-content: center; align-items: center; padding: 0 15px; position: relative;
box-sizing: border-box; }
.map_marker p { font-size: 13px; line-height: 100%; color: #000; font-weight: 600; }
.map_marker:after { content:''; width: 0px; height: 0px; border-top: 8px solid #000e42; border-left: 5px solid transparent; border-right: 5px solid transparent; position: absolute; left: 0; right: 0; bottom: -8px; margin: auto; }
/*.map_marker.mk01 { width: 82px; z-index: 9; }*/
/*  */





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

.sub_contact_wrap { width: 100%; }

.sub_contact_bottom { margin-top: 3rem; margin-bottom: 3rem; }

.sub_contact_box { width: 100%; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; }
.sub_contact_map_box { width: 100%; height: auto; }

.sub_contact_txt_box { max-width: 360px; margin: 1.5625rem 0; }

#map { position: relative; width: 100%; height: 280px; }
#map2 { position: relative; width: 100%; height: 280px; }

}







.sub_contact_wrap { width: 100%; }

.sub_contact_bottom { margin-top: 3rem; margin-bottom: 4.375rem; }
.sub_contact_bottom>div { width: 100%; display: flex; justify-content: space-between; align-items: flex-start; }

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

    .sub_contact_bottom>div {flex-wrap: wrap;justify-content: center;align-items: center;gap: 5rem 0;}

}

.sub_contact_map_box { width: 524px; }

.sub_contact_txt_box { max-width: 524px; margin: 1.5625rem 0; }