/* 서브공통 */
#contents_in{padding-top:72px; margin-bottom:80px;}
.eng_title {margin-top:50px; width: 100%; font-size: 16px; font-weight: 700; color: #00ad1d; line-height: 1; letter-spacing: 10px; margin-bottom:20px; padding-left:3px;}
.kor_title {margin-bottom:50px; width: 1600px;  font-family: 'HDHyundai'; font-size: 50px; font-weight: 600; letter-spacing: -0.75px; line-height: 1; color: black;}
.contents_in .inner p.txt span.f_strong{font-size: 26px; color: #003774; font-weight: 800;}

    /* 미디어쿼리 시작 */
    @media (max-width: 1700px){
		#contents_in{padding-top: 60px;}
        #contents_in .inner{padding: 0 40px; max-width: 100%;}
    }
    @media (max-width: 1400px){
		#contents_in{padding-top: 50px;}
	}
	@media (max-width: 1200px){
		#contents_in .inner{padding: 0 20px;}
	}
    @media (max-width: 1024px){
		#contents_in{padding-top: 45px;}
	}
    @media (max-width: 680px){
		#contents_in .inner{padding: 0 15px;}
	}
    @media (max-width: 768px){
		#contents_in{padding-top: 40px;}
	}
    @media (max-width: 400px){
		#contents_in{padding-top: 30px;}
	}
    /* 미디어쿼리 끝 */

/* 공통 끝 */

/* 상단 애니메이션 시작 */
@keyframes scale {
    0% {
        transform: scale(1.09);
    }
    to {
        transform: scale(1);
    }
}
/* 상단 애니메이션 끝 */

/* 서브 상단 시작 */
#sub_top{width:100%; height:260px; margin-top:115px; position:relative; overflow:hidden;}
#sub_top .sub_bg{width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: -1;  background-repeat: no-repeat;  background-size: cover; background-position: 50%; animation: scale 4s forwards;}
#sub_top .sub_bg.bg01{background-image: url(../images/layout/sub_top_bg.jpg);}
#sub_top .inner{display: flex; align-items: flex-end; justify-content: space-between; padding: 0 70px;}
#sub_top .top_zone{width: 100%; height: 100%;}
#sub_top .top_zone .left_zone{margin-bottom:60px; transition:margin 0.3s;}
#sub_top .nav_in{display:flex;}
#sub_top .nav_in li{position:relative; color: white; font-family: 'HDHyundai'; font-size: 16px; line-height: 1; font-weight: 300; -webkit-text-stroke-width: 0.1px; padding: 0 13px 0 10px; transition:font-size 0.3s;}
#sub_top .nav_in li:first-child{padding-left:0;}
#sub_top .nav_in li:last-child{padding-right:0;}
#sub_top .nav_in li:before{
    content: '';
    display: block;
    width: 3px;
    height: 3px;
    position: absolute;
    top: 50%;
    right: 0;
	transform:translate(0, -50%);
	background-color: white;
	border-radius:100%;
	opacity:0.5;
}
#sub_top .nav_in li:last-child:before{display:none;}
#sub_top .s_menu_title{margin-top:24px; font-size:52px; line-height:1; font-weight:600; letter-spacing:-0.75px; color:white; text-align:left; transition:font-size 0.3s;}
#sub_top .print_btn{width:25px; height:21px; background: url(../images/layout/print_icon.svg) center no-repeat; background-size:cover;}
#sub_top .link_btn{width:21px; height:21px; background: url(../images/layout/link_icon.svg) center no-repeat; background-size:cover;}
#sub_top .social_icon_in{display:flex; margin-bottom:63px;}
#sub_top .social_icon_in li{padding-left:21px; padding-right:23px; position:relative;}
#sub_top .social_icon_in li:first-child{padding-left:0;}
#sub_top .social_icon_in li:last-child{padding-right:0;}
#sub_top .social_icon_in li:before{
    content: '';
    display: block;
    width: 1px;
    height: 9px;
    position: absolute;
    top: 50%;
    right: 0;
	transform:translate(0, -50%);
	background-color: white;
	border-radius:100%;
	opacity:0.5;
}
#sub_top .social_icon_in li:last-child:before{display:none;}
#sub_top .social_icon_in li a{display:inline-block; width:100%; height:100%;}


    /* 미디어쿼리 시작 */
    @media (max-width: 1700px){
		#sub_top{margin-top:95px;}
	}
    @media (max-width: 1400px){
        #sub_top{height: 240px;}
		#sub_top .s_menu_title{margin-top: 24px; font-size: 46px;}
		#sub_top .top_zone .left_zone{margin-bottom: 50px;}
		#sub_top .social_icon_in{margin-bottom:52px;}
    }
    @media (max-width: 1280px){
		#sub_top{margin-top:84px; height: 220px;}
		#sub_top .s_menu_title{margin-top: 20px; font-size: 43px;}
	}
    @media (max-width: 1024px){
		#sub_top{margin-top:72px;}
		#sub_top .inner{align-items: center;}
		/*#sub_top .sub_bg{background-position: 0;}*/
		#sub_top .sub_bg.bg01{background-image: url(../images/layout/sub_top_bg_m.jpg); background-position: center left;}
		#sub_top{height: 200px;}
		#sub_top .top_zone .left_zone{margin-bottom: 0; margin-top:10px;}
		#sub_top .top_zone .right_zone{display:none;}
		#sub_top .inner{justify-content: center;}
		#sub_top .s_menu_title{text-align:center;}
		#sub_top .nav_in{justify-content: center;}
		#sub_top .nav_in li{font-size:15px;}
		#sub_top .s_menu_title{font-size:38px; margin-top: 23px;}
	}
    @media (max-width: 768px){
		#sub_top{height:170px;}
		#sub_top .s_menu_title{font-size:34px; margin-top:16px;}
		#sub_top .nav_in li{font-size:14px;}
	}
    @media (max-width: 400px){
		#sub_top{height:150px;}
		#sub_top .s_menu_title {font-size: 29px; margin-top: 12px;}
		#sub_top .top_zone .left_zone{margin-top: 8px;}
	}
    @media (max-width: 350px){
		#sub_top {height: 130px;}
		#sub_top .top_zone .left_zone{margin-top: 8px;}
		#sub_top .nav_in li{font-size:13px;}
		#sub_top .s_menu_title{font-size: 25px;}
	}
    /* 미디어쿼리 끝 */

/* 서브 상단 끝 */

/* 콘텐츠 레이아웃 시작 */
.cont_in > .inner{display:flex;}
#content_field{width: calc(100% - 280px); padding-left:60px; padding-bottom: 40px;}

    /* 미디어쿼리 시작 */
	@media (max-width: 900px) {
        #content_field{padding-bottom: 20px;}
    }
    @media (max-width: 768px) {
		#content_field {padding-bottom: 0px;}
        .cont_in > .inner{padding: 0 15px;}
    }
    /* 미디어쿼리 끝 */

/* 콘텐츠 레이아웃 끝 */


/* 왼쪽메뉴 시작 */
#left_menu{width:280px; margin-bottom:30px;}
#left_menu .first_menu{width:100%; height:165px; position:relative;}
#left_menu .first_menu .in_detail{position: absolute; bottom:0; left:0; width:100%; height:215px; background-color:#00965d; background: url(../images/sub/left_menu_bg.jpg) center no-repeat; background-size: cover; padding:30px; font-size: 22px; color: white; font-weight: 300; display: inline-flex; flex-wrap: wrap; align-content: flex-end;}
#left_menu .first_menu .in_detail span{display: inline-block; width:100%;}
#left_menu .first_menu .in_detail .bottom{font-weight:700; margin-top:10px;}
#left_menu .second_menu .l_menu_list li{position: relative;}
#left_menu .second_menu .l_menu_list li:before{
    content: '';
    display: block;
    width: 100%;
    height: 61px;
    position: absolute;
    top: -1px;
    left: 0;
    transition: 0.3s;
    background-color: transparent;
    opacity: 0;
    visibility: hidden;
}
#left_menu .second_menu .l_menu_list > li.on:before, #left_menu .second_menu .l_menu_list >  li:focus::before, #left_menu .second_menu .l_menu_list > li:hover:before {
    background-color: #1173cc;
    opacity: 1;
    visibility: visible;
    top: -1px;
    left: 0;
    box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, .15);
}
#left_menu .second_menu .l_menu_list li > a{display: flex; align-items: center; width: 100%; height: 60px; padding: 3px 15px 0 27px; font-size: 17px; position: relative; color: #222222; border-bottom: 1px solid #dddddd;}
#left_menu .second_menu .l_menu_list li > a:before {
    content: '';
    display: block;
    width: 2px;
    height: 12px;
    right: 28px;
    top: 50%;
    margin-top: -5px;
}
#left_menu .second_menu .l_menu_list li > a:after {
    content: '';
    display: block;
    width: 12px;
    height: 2px;
    top: 30px;
    right: 23px;
}
#left_menu .second_menu .l_menu_list li > a:before, #left_menu .second_menu .l_menu_list li > a:after {
    background-color: #c2c2c2;
    position: absolute;
    border: none;
    transform: none;
}
#left_menu .second_menu .l_menu_list > li.on > a:before{
    display:none;
}
#left_menu .second_menu .l_menu_list > li.on > a:after{
    background-color: white;
}

#left_menu .second_menu .l_menu_list li:hover > a:before, #left_menu .second_menu .l_menu_list li:hover > a:after{background-color:white;}
#left_menu .second_menu .l_menu_list > li.on > a, #left_menu .second_menu .l_menu_list > li:focus > a, #left_menu .second_menu .l_menu_list > li:hover > a{color:white;}
#left_menu .second_menu .l_menu_list li .third_menu{background-color:#f9f9f9; padding: 0 15px;}
#left_menu .second_menu .l_menu_list li.on .third_menu{border-bottom: 1px #ededed solid;}
#left_menu .second_menu .l_menu_list li .third_menu li > a{display:none; font-size: 16px; border-bottom: 1px dotted #d5d5d5; position:relative; transition:0.3s;}
#left_menu .second_menu .l_menu_list li .third_menu li:hover > a{font-weight:700; color: #00509d;}
#left_menu .second_menu .l_menu_list li .third_menu li.on > a{font-weight:700; color: #00509d;}
#left_menu .second_menu .l_menu_list li.on .third_menu li > a{display:inline-flex; height: 55px; }
#left_menu .second_menu .l_menu_list li .third_menu li > a:before{width:4px; height:4px; top:32px; left:12px; background-color: gray;}
#left_menu .second_menu .l_menu_list li .third_menu li.on > a:before{background-color: #4088ce;}
#left_menu .second_menu .l_menu_list li .third_menu li:hover > a:before{background-color: #4088ce;}
#left_menu .second_menu .l_menu_list li .third_menu li > a:after{display:none;}
#left_menu .second_menu .l_menu_list li .third_menu li:last-child > a{border-bottom:none;}

    /* 미디어쿼리 시작 */
    @media (max-width: 1320px) {
        #left_menu{display:none;}
    }
    /* 미디어쿼리 끝 */

/* 왼쪽메뉴 끝 */

/* 콘텐츠 내용 시작 */
#content_field .cont_top{display: flex; justify-content: space-between; width: 100%; height:160px; border-bottom: 2px #f0f0f0 solid; padding-bottom: 30px; margin-bottom:55px; position:relative;}
#content_field .cont_top .left_zone{display:inline-flex; align-items:flex-end;}
#content_field .cont_top .left_zone .title h3{font-size: 34px; line-height: 1; font-weight: 800;}
#content_field .cont_top .right_zone{display:inline-flex; align-items:flex-end;}
#content_field .cont_top .right_zone .sub_nav{margin-right: 30px; position:relative;}
#content_field .cont_top .right_zone .sub_nav::before{
    content: "";
    position: absolute;
    bottom: 6px;
    right: -20px;
    width: 1px;
    height: 10px;
    background-color: #d8d8d8;
}

#content_field .cont_top .right_zone .sub_nav ul{display:inline-flex; font-size:16px; font-weight: 500; color: #959595;}
#content_field .cont_top .right_zone .sub_nav ul li{display:inline-flex; align-items: center; position:relative; padding-right:25px; margin-right:8px;}
#content_field .cont_top .right_zone .sub_nav ul li:last-child{padding-right:0; margin-right:0;}
#content_field .cont_top .right_zone .sub_nav ul li::before{
    content: "";
    position: absolute;
    top: 5px;
    right: -3px;
    width: 0;
    height: 0;
    opacity: 0.4;
    border-bottom: 5px solid transparent;
    border-top: 5px solid transparent;
    border-left: 7px solid #a1a1a1;
    border-right: 7px solid transparent;
}
#content_field .cont_top .right_zone .sub_nav ul li:last-child:before{display:none;}
#content_field .cont_top .right_zone .sub_nav ul li:first-child{font-size:0; line-height:0; padding-right:25px;}
#content_field .cont_top .right_zone .sub_nav ul li:first-child a{display:inline-block; background: url(../images/sub/home_icon.svg) no-repeat; background-size: 22px; background-position: left -3px top -2px; width: 17px; height: 18px;}
#content_field .cont_top .right_zone .sub_btn_list{width: 95px; height:34px; position: relative;}
#content_field .cont_top .right_zone .sub_btn_list ul{display:inline-flex; align-items: center; position: absolute; top: 0; left: 0;}
#content_field .cont_top .right_zone .sub_btn_list ul li{display:inline-flex; align-items: center; border-radius: 100%; background-color: #f8f8f8; width:45px; height:45px; font-size:0; line-height: 0; margin-right: 5px;}
#content_field .cont_top .right_zone .sub_btn_list ul li:last-child{margin-right:0;}
#content_field .cont_top .right_zone .sub_btn_list ul li.print{background: #f8f8f8 url(../images/sub/print_icon.svg) no-repeat; background-size: 24px; background-position: center; transition: 0.3s;}
#content_field .cont_top .right_zone .sub_btn_list ul li.print:hover{background: black url(../images/sub/print_icon_on.svg) no-repeat; background-size: 24px; background-position: center;}
#content_field .cont_top .right_zone .sub_btn_list ul li.link{background: #f8f8f8 url(../images/sub/link_icon.svg) no-repeat; background-size: 24px; background-position: center; transition: 0.3s;}
#content_field .cont_top .right_zone .sub_btn_list ul li.link:hover{background: black url(../images/sub/link_icon_on.svg) no-repeat; background-size: 24px; background-position: center;}
#content_field .cont_top .right_zone .sub_btn_list ul li a{display: inline-block; width: 100%; height: 100%;}

#content_field .cont_top .Inb_wrap{display:none; width: 100%; position: absolute; top: -20px; left: 0; z-index: 50;}
#content_field .cont_top .Inb_wrap .Inb_depth2{display:flex; align-items: center; width: calc(100% + 30px); height:60px; padding-left:10px; background: #00965d url(../images/sub/lnb_bg.jpg) center no-repeat; background-size: contain; background-position: right center;}
#content_field .cont_top .Inb_wrap .Inb_depth2 > li{position: relative; display:flex; align-items: center; height: 100%; padding-left: 20px; padding-right: 21px;}
#content_field .cont_top .Inb_wrap .Inb_depth2 > li:last-child{margin-right:0;}
#content_field .cont_top .Inb_wrap .Inb_depth2 > li:before{content: ''; display: block; width: 1px; height: 12px; position:absolute; top: 50%; right: 0; transform: translate(0, -50%); background-color:hsl(0deg 0% 100% / 30%);}
#content_field .cont_top .Inb_wrap .Inb_depth2 > li:last-child:before{display:none;}
#content_field .cont_top .Inb_wrap .Inb_depth2 > li > .Inb_depth3{position: absolute; top:60px; left:0;}
#content_field .cont_top .Inb_wrap .Inb_depth2 > li.n1 > a{display: inline-block; background: url(../images/sub/home_icon_white.svg) no-repeat; background-size: 22px; background-position: left -3px top -2px; width: 17px; height: 18px;     font-size: 0; line-height: 0;}
#content_field .cont_top .Inb_wrap .Inb_depth2 > li.n2{min-width: 180px;}
#content_field .cont_top .Inb_wrap .Inb_depth2 > li.n2 button{width: 100%; height: 100%; text-align: left; cursor: pointer; font-size: 16px; color:white; font-weight: 600; position:relative;}
#content_field .cont_top .Inb_wrap .Inb_depth2 > li.n2 button:after{content: ''; display: block; width: 14px; height: 7px; background: url(../images/sub/down_arrow.svg) center; background-size: 25px; position:absolute; top: 50%; right: 0; transform: translate(0, -50%); transition: 0.3s;}
#content_field .cont_top .Inb_wrap .Inb_depth2 > li.n2 button.active:after{transform: translate(0, -50%) rotate(180deg); transition: 0.3s;}
#content_field .cont_top .Inb_wrap .Inb_depth2 > li.n3{min-width: 240px;}
#content_field .cont_top .Inb_wrap .Inb_depth2 > li.n3 button{width: 100%; height: 100%; text-align: left; cursor: pointer; font-size: 16px; color:white; font-weight: 600; position:relative;}
#content_field .cont_top .Inb_wrap .Inb_depth2 > li.n3 button:after{content: ''; display: block; width: 14px; height: 7px; background: url(../images/sub/down_arrow.svg) center; background-size: 25px; position:absolute; top: 50%; right: 0; transform: translate(0, -50%); transition: 0.3s;}
#content_field .cont_top .Inb_wrap .Inb_depth2 > li.n3 button.active:after{transform: translate(0, -50%) rotate(180deg); transition: 0.3s;}
#content_field .cont_top .Inb_wrap .Inb_depth2 > li.n4 {min-width: 240px;}
#content_field .cont_top .Inb_wrap .Inb_depth2 > li.n4 button{width: 100%; height: 100%; text-align: left; cursor: pointer; font-size: 16px; color:white; font-weight: 600; position:relative;}
#content_field .cont_top .Inb_wrap .Inb_depth2 > li.n4 button:after{content: ''; display: block; width: 14px; height: 7px; background: url(../images/sub/down_arrow.svg) center; background-size: 25px; position:absolute; top: 50%; right: 0; transform: translate(0, -50%); transition: 0.3s;}
#content_field .cont_top .Inb_wrap .Inb_depth2 > li.n4 button.active:after{transform: translate(0, -50%) rotate(180deg); transition: 0.3s;}
#content_field .cont_top .Inb_wrap .Inb_depth3{width: 100%; background-color: white; top: 60px; left: -20px; box-sizing: border-box; border: 1px #d6d6d6 solid; border-top: none;}
#content_field .cont_top .Inb_wrap .Inb_depth3 > li{font-size: 16px; border-top: 1px #d6d6d6 solid;}
#content_field .cont_top .Inb_wrap .Inb_depth3 > li:first-child{border-top:none;}
#content_field .cont_top .Inb_wrap .Inb_depth3 > li a{color:#434343; display: inline-block; padding: 12px 20px; width: 100%; transition: 0.3s;}
#content_field .cont_top .Inb_wrap .Inb_depth3 > li a:hover{background-color: #f6f6f6; font-weight: 700; color: #eb5124; transition: 0.3s;}
#content_field .cont_top .Inb_wrap .Inb_depth3.hide{display:none;}

#content_field .cont_detail{font-size: 17px;}


    /* 미디어쿼리 시작 */
    @media (max-width: 1320px) {
        #content_field{width: 100%; padding-left:0;}
		#content_field .cont_top{margin-bottom:50px;}
        #content_field .cont_top .right_zone .sub_nav{display:none;}
        #content_field .cont_top .Inb_wrap{display:block;}
        #content_field .cont_top .left_zone .title h3{font-size: 30px;}
    }
    @media (max-width: 1025px) {
        #content_field .cont_top .Inb_wrap .Inb_depth2{height: 50px;}
        #content_field .cont_top .Inb_wrap .Inb_depth2 > li > .Inb_depth3{top:50px;}
        #content_field .cont_top .Inb_wrap .Inb_depth3 > li a{font-size:15px; padding:10px 20px;}
    }
    @media (max-width: 768px) {
        #content_field .cont_top{height: 130px; padding-bottom: 25px; margin-bottom:40px;}
        #content_field .cont_top .Inb_wrap{width: calc(100% - 45px); top: -20px; left: 0;}
        #content_field .cont_top .Inb_wrap .Inb_depth2{height:50px; width: calc(100% + 60px); padding-left:5px;}
        #content_field .cont_top .Inb_wrap .Inb_depth2 > li{display:none;}
        #content_field .cont_top .Inb_wrap .Inb_depth2 > li:first-child{display:flex;}
        #content_field .cont_top .Inb_wrap .Inb_depth2 > li:last-child{display:flex;}
        #content_field .cont_top .Inb_wrap .Inb_depth2 > li > .Inb_depth3{top:50px;}
        #content_field .cont_top .Inb_wrap .Inb_depth2 > li.n4 button{font-size:15px;}
        #content_field .cont_top .left_zone .title h3{font-size: 28px;}
    }
    @media (max-width: 500px) {
        #content_field .cont_top{height: 120px; margin-bottom: 30px; padding-bottom:20px;}
        #content_field .cont_top .Inb_wrap{width: calc(100% - 30px); left: -15px;}
        #content_field .cont_top .left_zone .title h3{font-size: 24px;}
        #content_field .cont_top .right_zone .sub_btn_list{display: none;}
        #content_field .cont_top .right_zone .sub_btn_list ul{top:-5px;}
    }
    /* 미디어쿼리 끝 */

    /* 프린터용 영역 시작 */
    @media print {
        body{margin:0; padding:0;}
        #header{display:none;}
        #footer{display:none;}
        #sub_top{display:none;}
        #left_menu{display:none;}
        #content_field{width: 100%; height: 100%; padding:0; margin:0;}
        #content_field .cont_top{height: 100px;}
        #content_field .cont_top .left_zone{width: 100%;}
        #content_field .cont_top .right_zone{display:none;}
		#content_field .cont_top .Inb_wrap .Inb_depth2{display:none;}
    }
    /*프린터용 영역 끝 */


/* 콘텐츠 내용 끝 */



/* 뿌리아카데미관 */

    /* 인사말 */

    .greet {width:100%; height:auto; margin:0 auto; margin-top:100px; margin-bottom:200px; display:flex;}

    .greet .img_zone {margin-right:auto; width:600px; margin-right:50px; margin-left:-50px}
    .greet .img_zone img {width:100%;}
   

    .greet .txt_zone {width: calc(100% - 50px);}

    .greet .txt_zone .eng_title {padding-left:3px;  width: 100%; font-size: 16px; font-weight: 700; color: #00ad1d; line-height: 1; letter-spacing: 10px; margin-bottom:15px}
    /* .greet .txt_zone .eng_title:after {content:''; display:block; width:20px; height:5px; background:#00ad1d; } */
    .greet .txt_zone .kor_title {margin-bottom:40px !important; width: 100% !important;  font-family: 'HDHyundai'; font-size: 50px; font-weight: 300 !important; line-height: 48px; color: black; letter-spacing: 0;}
    .greet .txt_zone .kor_title .blue {font-weight: 700; color: #004fa6;}

    .greet .txt_zone .txt {font-family: 'HDHyundai'; line-height:27px; font-size:18px; margin-bottom:20px; font-weight: 300; text-align: left; }
    .greet .txt_zone .txt .bold {font-weight: 700;}
    .greet .txt_zone .txt_end {font-size: 20px; margin-top:50px; font-weight: 700;}
    .greet .txt_zone .name {font-size: 20px; display: flex; float: right; margin-right:50px}

    .greet .txt_zone .name .sub1 {margin-right:10px; font-family: 'HDHyundai'; font-size:25px; font-weight: 700;}
    .greet .txt_zone .name .sub2 { font-family: 'HDHyundai'; letter-spacing: 1.2px;}


    @media screen and (max-width:1400px) {

        .greet {display: block;}

        .greet .img_zone {margin: 0 auto; width:50%}

        .greet .txt_zone {margin: 0 auto; margin-top:50px}

    }

    @media screen and (max-width:1000px) {

        .greet {margin-top:50px; margin-bottom:150px}

        .greet .txt_zone .kor_title {font-size: 40px;  margin-bottom: 30px; word-break: break-all;}
        .greet .txt_zone .kor_title span {word-break: break-all;}

    }

    @media screen and (max-width:700px) {

        .greet .img_zone {width:80%}

        .greet .txt_zone .title {width:80%}
        .greet .txt_zone .eng_title {letter-spacing: 4px; font-size: 13px; margin-bottom: 12px;}
        .greet .txt_zone .kor_title {font-size: 30px; line-height:35px}

        .greet .txt_zone .txt {font-size:16.5px}
        .greet .txt_zone .name {float: right; margin: 0; margin-right: 10px;}

    }


    /* 인사말 끝 */



    /* 미션 및 비전 */

    .tab_box {cursor: pointer;}
    .tab_box ul li a {text-align: center; margin: 0 auto; font-family: 'HDHyundai'; } 

    .mission {width:100%; height:auto; margin:0 auto; margin-top:100px; margin-bottom:200px;}
    .mission .mission_top {margin-bottom:70px}
    .mission .mission_top img {width:100%}

    .mission .mission_box {border-bottom: 1px solid #eee; width:100%; margin: 0 auto; margin-bottom:70px; padding-bottom:50px}

    .mission .mission_box .eng_title {width: 100%; font-size: 16px; font-weight: 700; color: #00ad1d; line-height: 1; letter-spacing: 10px; margin-bottom:20px; padding-left:3px}
    .mission .mission_box .kor_title {margin-bottom:40px; width: 1600px;  font-family: 'HDHyundai'; font-size: 50px; font-weight: 600; letter-spacing: -0.75px; line-height: 1; color: black;}
    

    .mission .mission_box .txt {font-size:18px; line-height:27px; color:#404252; margin-bottom:20px; font-family: 'HDHyundai'; font-weight: 400;}

    .mission h4 {font-family: 'HDHyundai'; color: black;line-height: 1; font-size: 30px; font-weight: 600; margin-bottom:30px}

    .mission .pic {display: flex;}
    .mission .pic li {margin-right:10px}
    .mission .pic li:last-child {margin-right:0px}
    .mission .pic li img {background-color:#eee; width:100%; border-radius: 10px;}

    .mission .mission_cir {width:100%; text-align: center; margin-left:25px}
    .mission .mission_cir ul {display: flex; width:100%;}
    .mission .mission_cir ul li {justify-content: space-between; width:calc(100% - 100px); padding-right:50px;}
    .mission .mission_cir ul li:last-child {padding-right:0px}
    .mission .mission_cir ul li .circle {width:250px; height:250px; border-radius: 50%; text-align: center;}
    .mission .mission_cir ul li .circle .ico {text-align: center; padding-left:35%; padding-top:30%}
    .mission .mission_cir ul li .circle .ico img {width:80px; text-align: center; }
    .mission .mission_cir ul li:nth-child(2) .circle .ico {padding-top:28%; padding-left:33%}
    .mission .mission_cir ul li:nth-child(2) .circle img {width:90px} 
    .mission .mission_cir ul li:nth-child(3) .circle .ico {text-align: center; padding-left:33%; padding-top:27%}
    .mission .mission_cir ul li:nth-child(3) .circle .ico img {width:90px} 
    .mission .mission_cir ul li:nth-child(4) .circle .ico {text-align: center; padding-top:28%; padding-left:34%}
    .mission .mission_cir ul li:nth-child(4) .circle .ico img {width:85px} 
    .mission .mission_cir ul li:nth-child(4) .circle .txt {color:#000}

    .mission .mission_cir ul li .circle .txt {color:#fff; font-size: 18px; padding-top:20px; width:110px; margin-left:29%; font-family: 'HDHyundai';  line-height:23px}
  

    .mission .mission_cir ul li:nth-child(1) .circle {background-color:  #00ad1d; }
    .mission .mission_cir ul li:nth-child(2) .circle {background-color:  #004fa6;}
    .mission .mission_cir ul li:nth-child(2) .circle:before {content:'+'; color:#004fa6; font-size:50px; position: absolute; left:21%; top:50%}
    .mission .mission_cir ul li:nth-child(3) .circle {background-color:  #404252;}
    .mission .mission_cir ul li:nth-child(3) .circle:before {content:'+'; color:#004fa6; font-size:50px; position: absolute; left:47%; top:50%}
    .mission .mission_cir ul li:nth-child(4) .circle {background-color:  #ccc;}
    .mission .mission_cir ul li:nth-child(4) .circle:before {content:'+'; color:#004fa6; font-size:50px; position: absolute; left:72.5%; top:50%}


    @media screen and (max-width:1300px){

        .mission .mission_cir {margin-left:0px}

        .mission .mission_cir ul li .circle {width:100%; height:100%}
        .mission .mission_cir ul li .circle .txt {width:80%; margin: 0 auto; padding-bottom:30%}

        .mission .mission_cir ul li:nth-child(2) .circle:before {left:22%}
        .mission .mission_cir ul li:nth-child(3) .circle:before {left:48%}
        .mission .mission_cir ul li:nth-child(4) .circle:before {left:74%}

    }

    @media screen and (max-width:1100px) {

        .mission .mission_cir ul li {padding-right:0px; width:100%}
        .mission .mission_cir ul li .circle {width:170px; height:170px}
        .mission .mission_cir ul li .circle .ico img, .mission .mission_cir ul li:nth-child(3) .circle .ico img, .mission .mission_cir ul li:nth-child(4) .circle .ico img {display: none;}
        .mission .mission_cir ul li .circle .txt {font-size:16px; width:60%; padding-top:20px; line-height:20px}
        .mission .mission_cir ul li:nth-child(3) .circle .txt {padding-top:20px; width: 50%;}

        .mission .mission_cir ul li:nth-child(2) .circle:before {left:21.5%; font-size:30px}
        .mission .mission_cir ul li:nth-child(3) .circle:before {left:46.5%; font-size:30px}
        .mission .mission_cir ul li:nth-child(4) .circle:before {left:71.5%; font-size:30px}

        .mission .mission_box .kor_title {font-size:30px}
        
    }

    @media screen and (max-width:1000px) {

        .mission {margin-top:50px; margin-bottom:150px}

        .mission .mission_box .eng_title {font-size:15px; margin-bottom:10px}
        .mission .mission_box .txt {font-size: 15px; margin-bottom:10px}

    }


    @media screen and (max-width:850px) {

        .mission .mission_box {border-bottom:none; padding-bottom:0px}

        .mission .mission_cir ul {display: block;}
        .mission .mission_cir ul li {width:100%; padding:0px; padding-bottom:50px}
        .mission .mission_cir ul li:last-child {padding-right:0px}
        .mission .mission_cir ul li .circle .ico img, .mission .mission_cir ul li:nth-child(3) .circle .ico img, .mission .mission_cir ul li:nth-child(4) .circle .ico img {display: block;}
        .mission .mission_cir ul li .circle {border-radius: 0px; width:100%; height:80px; padding: 20px; display:flex}
        .mission .mission_cir ul li .circle .txt {font-size:16px; line-height: 20px; padding-bottom:0px; text-align:left; padding-left:20px; margin-top:-10px}
        .mission .mission_cir ul li:nth-child(2) .circle .txt {padding-bottom:0px}
        .mission .mission_cir ul li .circle .txt {text-align: center; margin-left:0px; width:70%}
        .mission .mission_cir ul li:nth-child(3) .circle .txt {width:70%} 

        .mission .mission_cir ul li:nth-child(2) .circle:before {left: auto; width:90%; top:18%}
        .mission .mission_cir ul li:nth-child(3) .circle:before {left: auto; width:90%; top:42.5%}
        .mission .mission_cir ul li:nth-child(4) .circle:before {left: auto; width:90%; top:67.5% }
  
        .mission .mission_cir ul li .circle .ico, .mission .mission_cir ul li:nth-child(2) .circle .ico, .mission .mission_cir ul li:nth-child(3) .circle .ico, .mission .mission_cir ul li:nth-child(4) .circle .ico {padding: 0px;}
        .mission .mission_cir ul li .circle .ico img, .mission .mission_cir ul li:nth-child(3) .circle .ico img, .mission .mission_cir ul li:nth-child(4) .circle .ico img {width:50px}
       
        .mission .mission_cir ul li .circle .ico img {margin-left:10px; margin-top:3px}

        .mission .mission_top {margin-bottom:50px}
        .mission .mission_box {margin-bottom:50px;}
    }

    @media screen and (max-width:700px) {

        .mission .mission_box .eng_title {letter-spacing: 4px;  font-size: 13px;  margin-bottom: 12px;}
    }

    @media screen and (max-width:500px) {

        .mission .mission_box .kor_title {margin-bottom:30px}  
        .mission .mission_box .txt {line-height:21px}

    }


    /* 미션 및 비전 끝 */


/* 연혁 */


.history {width:100%; height:auto; margin:0 auto; margin-bottom:200px;}

.history .eng_title {margin-top:50px; width: 100%; font-size: 16px; font-weight: 700; color: #00ad1d; line-height: 1; letter-spacing: 10px; margin-bottom:20px; padding-left:3px;}
.history .kor_title {margin-bottom:100px; width: 1600px;  font-family: 'HDHyundai'; font-size: 50px; font-weight: 600; letter-spacing: -0.75px; line-height: 1; color: black;}

.history_list {margin-bottom:80px;}
.history_list:after {content:''; display:block; clear:both;}
.history_list > h5 {float:left; width:180px; color:#0053a5; padding-top:20px; font-size:50px; letter-spacing:-1px; font-weight:bold; font-family: 'HDHyundai';}
.history_list > ol {float:right; width:80%;  border-top:3px solid #0053a5}
.history_list > ol > li {padding:20px 0; font-size:20px; border-bottom:1px solid #d6d6d6; line-height:1.8; overflow:hidden; font-family: 'HDHyundai';}
.history_list > ol .date {float:left; width:35px; font-weight:bold; padding-left:10px}
.history_list > ol .txt {float:left; width:calc(100% - 40px); padding-left:20px}
.history_list > ol .txt .add_txt {color:#9f9f9f }
.history_list > ol .txt li {position:relative; padding-left:14px;}
.history_list > ol .txt li:before {position:absolute; top:0; left:0; content:'- ';font-weight:500;}




@media screen and (max-width:1024px) {
	.history_tit {height:180px; margin-bottom:30px;}
	.history_tit > span > strong {font-size:36px;}

	.history_list {margin-bottom:30px;}
	.history_list > h5 {font-size:40px; width:160px; padding-top:20px;}
    .history_list > ol .txt .add_txt {font-size:14px;}
	.history_list > ol {width:calc(100% - 200px);}
	.history_list > ol > li {font-size:19px;}
}

@media screen and (max-width:1000px) {

    .history {margin-top:30px; margin-bottom:150px}
    .history .eng_title {letter-spacing: 4px; font-size: 13px; margin-bottom:12px; margin-top:0px; }
    .history .kor_title {font-size:35px; margin-bottom: 50px;}  

}

@media screen and (max-width:800px) {
	.history .tab_box li a {font-size:16px;}

	.history_tit {height:auto; padding:20px 0; margin-bottom:20px; box-shadow:none}
	.history_tit > span {font-size:20px;}
	.history_tit > span > strong {font-size:26px;}	

	.history_list {margin-bottom:15px;}
	.history_list > h5 {font-size:20px; width:100px; padding-top:10px;}
	.history_list > ol {width:calc(100% - 130px);}
	.history_list > ol > li {padding:10px 0; font-size:16px; line-height:1.4;}
	.history_list > ol > li:last-child {border:none;}
	.history_list > ol .txt  li {margin-bottom:5px;}

    .history_list > h5 {padding-top:5px; font-size:30px}
}


@media screen and (max-width:500px) {


    
	.history_tit > span {font-size:16px;}
	.history_tit > span > strong {font-size:20px;}	

	.history_list > h5 {width:60px; font-size:20px;}
	.history_list > ol {width:calc(100% - 70px);}
	.history_list > ol > li {font-size:14px}
    .history_list > ol .txt .add_txt {color:#6f6f6f; font-size:12px}
	.history_list > ol .date {width:22px;}
	.history_list > ol .txt {width:calc(100% - 22px);}

 
}


/* 연혁 끝 */


    /* 조직도 */

    .organiz {margin-top:100px; margin-bottom:200px ; width:100%; height:auto; margin:0 auto; background-position: 52% 1%; }
    
    .organiz {width:100%; height:auto; margin:0 auto; margin-bottom:200px;}

    .organiz .eng_title {margin-top:50px; width: 100%; font-size: 16px; font-weight: 700; color: #00ad1d; line-height: 1; letter-spacing: 10px; margin-bottom:20px; padding-left:3px;}
    .organiz .kor_title {margin-bottom:100px; width: 1600px;  font-family: 'HDHyundai'; font-size: 50px; font-weight: 600; letter-spacing: -0.75px; line-height: 1; color: black;}

    .organiz .og_box {width:100%}
    .organiz .og_box img {width:100%}
    .organiz .og_box .img_mo {display: none;}


    @media screen and (max-width:1000px) {

        .organiz {margin-top: 50px; margin-bottom: 150px;}

    }

    @media screen and (max-width:700px) {

        .organiz .eng_title {letter-spacing: 4px;  font-size: 13px; margin-bottom: 12px; margin-top:0px;}
        .organiz .kor_title {font-size: 35px; margin-bottom: 50px;}

        .organiz .og_box .img_pc {display: none;}
        .organiz .og_box .img_mo {display: block; width:60%; margin:0 auto}

      


    }

    


    /* 조직도 끝 */


    /* 오시는길 */


.location {margin-top:50px; margin-bottom:200px}
.location #location_box {margin-bottom:100px;}
.location .root_daum_roughmap {width:100%;}
.location .root_daum_roughmap .wrap_controllers {display:none}
.location .tx {display:flex; min-height:170px; background:#404252; color:#fff}
.location .tx a {color:#fff}
.location .tx dl {flex:1; align-self:center; padding:0 60px} 
.location .tx dl dt {margin-bottom:17px; padding-bottom:17px; font-size:21px; font-weight:500; letter-spacing:-1px; border-bottom:1px solid #575967}
.location .tx dl dd {position:relative; display:inline-block; margin-right:25px; padding-right:25px; font-size:17px; color:#e8e8e8} 
.location .tx dl dd:after {content:''; position:absolute; top:5px; right:-2px; display:block; width:1px; height:12px; background:#5c5e6c}
.location .tx dl dd:last-child:after {display:none;}
.location .tx dl dd strong {display:inline-block; margin-right:15px; font-weight:500; color:#fff}

.location .tx dl dd:last-child strong:before {background-position:-16px 0}
.location .tx ul li {line-height:20px; text-align:center; margin-bottom:10px}
.location .tx ul li:last-child {margin-bottom:0px;}
.location .tx ul li.icon {font-size:30px}
.location .tx > a {display:flex; width:170px; min-height:170px; height:100%; justify-content: center; align-items: center; background:#004fa6; }
.location .tx > a:hover {background:#039be5;}


@media screen and (max-width:1200px) {
	.location .tx {min-height:auto;}
	.location .tx dl {padding:0 30px}
	.location .tx dl dt {font-size:16px}
	.location .tx dl dd {font-size:14px}
	.location .tx a {min-height:150px; font-size:15px}
}
@media screen and (max-width:800px) {
	.location {position:relative;}
	.location .tx dl {align-self:stretch; padding:25px 20px}
	.location .tx dl dt {margin-bottom:10px; padding-bottom:10px; line-height:150%;}
	.location .tx dl dd {margin-right:15px; padding-right:15px;}
	.location .tx > a {z-index:5; position:absolute; top:10px; right:10px; width:60px; height:60px; min-height:auto; font-size:12px}
	.location .tx > a span:before {width:18px; height:18px; margin-bottom:3px; background-size:18px;}
}
@media screen and (max-width:620px) {
	.location .root_daum_roughmap .wrap_map {height:280px !important;}
	.location .tx dl dt {font-size:15px}
	.location .tx dl dd:after {display:none}
}


/* 네비게이터 */

    .location .navigator .eng_title {margin-bottom:20px !important;}
    .location .navigator .kor_title {margin-bottom:50px !important;}

    .navigator .image_box .cont {margin-bottom:20px; margin-right:0px}

    .navigator .map_zone {position: relative; margin-bottom:50px; border-radius: 4px;  overflow: hidden; display:flex;}
    .navigator .map_zone .map1,  .navigator .map_zone .map2 { margin: 0 auto; width:100%; margin-bottom:20px;}

    .navigator .image_box .cont .txt_zone {padding:30px}
    .navigator .image_box .cont .txt_zone ul li {display:flex;}
    .navigator .image_box .cont .txt_zone ul li.bus {margin-bottom:50px; padding-bottom:30px; border-bottom: 2px solid #eee;}
    .navigator .image_box .cont .txt_zone ul li.car {margin-bottom:50px; padding-bottom:30px; border-bottom: 2px solid #eee;}   
    .navigator .image_box .cont .txt_zone ul li.bus:before {content:""; width:20px; height:20px; background-color:#004fa6; margin-right:15px; margin-top:15px}
    .navigator .image_box .cont .txt_zone ul li.car:before {content:""; width:20px; height:20px; background-color:#004fa6; margin-right:15px; margin-top:15px} 
    .navigator .image_box .cont .txt_zone ul li.car .block {display: block;}
    .navigator .image_box .cont .txt_zone ul li.car .block .line {margin-bottom:30px;}

    .navigator .image_box .cont .txt_zone ul li .tit {min-width:200px; font-size:24px; margin-bottom:20px; font-weight: 800; margin-right:50px; padding:10px; line-height: 30px; color: #0053a5}
    .navigator .image_box .cont .txt_zone ul li .txt_box {border: 1px solid #ccc; margin-bottom:10px; padding:10px; padding-left:20px; padding-right:20px; font-size:16px; width:100%}

    .navigator .image_box .cont .txt_zone ul li .txt {font-size: 16px; padding:10px; padding-bottom:3px; font-weight: 600; width:100%; color:#616161}


@media screen and (max-width:1400px) {

    .navigator .map_zone {display: block; width:100%; margin: 0 auto;}
    .navigator .map_zone .map1, .navigator .map_zone .map2 {width:50%; text-align: center; }


}

@media screen and (max-width:1000px) {

    .location .navigator .eng_title {letter-spacing: 4px; font-size: 13px;  margin-bottom: 12px;  margin-top: 0px;}
    .location .navigator .kor_title {font-size: 35px;  margin-bottom: 50px;}

    .location { margin-top: 30px;  margin-bottom: 150px;}

}

@media screen and (max-width:700px) {

    .navigator .image_box .cont .txt_zone ul li .tit {padding-left:0px;}
    .navigator .image_box .cont .txt_zone ul li {display:block;}
    .navigator .image_box .cont .txt_zone ul li .txt_box {text-align: center;}
    .navigator .image_box .cont .txt_zone ul li .tit {text-align: center; padding: 0px ;margin: 0px; margin-bottom:20px; font-size:24px;}
    .navigator .image_box .cont .txt_zone ul li .txt {font-size: 15px; font-weight: 500;}

}

@media screen and (max-width:500px) {

    .navigator .map_zone .map1, .navigator .map_zone .map2 {width:80%; text-align: center; float: left;}
}


    /* 오시는 길 끝 */



/*뿌리아카데미관 끝 */


/* 층별안내 */


.floor .floor_intro .eng_title {padding-left:4px;}
.floor .floor_intro .kor_title {margin-bottom:40px; width: 1600px;  font-family: 'HDHyundai'; font-size: 50px; font-weight: 600; letter-spacing: -0.75px; line-height: 1; color: black;}
.floor_intro .right_side {display: flex; margin:auto 0; margin-bottom:50px; padding:10px;}

.floor_intro table {margin-top: 50px;}
.floor_intro table thead th {background-color:#004fa6; border: 1px solid #004fa6; color:#fff; font-size:20px;}
.floor_intro table th {font-size:16px}
.floor_intro table td {font-size:16px}

.floor_intro .right_side ul:after {content:""; display:block; clear:both; }
.floor_intro .right_side ul li {align-items: center; width:100%; margin-bottom:50px; font-size: 30px;}
.floor_intro .right_side ul li:after {content:''; display:block; width:200px; height:1px; background:#000; position: relative; float: right; margin-left:20px}
.floor_intro .right_side ul li span {display: inline-block; width:50px; height:50px; margin-right: 10px; padding-left: 0; border-radius:50%; background:#121212; color:#fff; text-align: center; line-height: 50px; font-weight: 500;}
.floor_intro .right_side ul li span:before {display:none;}
.floor_intro .floor_img {margin: 0 ; margin-top: -50px; padding-left:100px; margin-right:20px}

.floor_intro h4 {font-family: 'HDHyundai'; color: black;line-height: 1; font-size: 30px; font-weight: 600; margin-bottom:30px}


.floor_intro .sisul_zone { margin-bottom: 80px;}
/*.floor_intro .sisul_zone ul {width: 100%; display: flex; flex-wrap: wrap; gap: 15px;}
.floor_intro .sisul_zone ul li { width: calc((100% / 3) - 30px); margin-bottom: 80px;}*/

/* 20250521 추가 */
.floor_intro .sisul_zone strong.sisul_zone_tit{display: block; padding-left:20px; position:relative; font-size: 24px; font-weight: 600; color: #004fa6; border-bottom: 1px solid #ddd;  margin-bottom: 30px; padding-bottom: 20px;}
.floor_intro .sisul_zone strong.sisul_zone_tit::before{content: "";display: block; width: 6px; height: 6px; background-color: #0c4da2; position: absolute; left: 0; top: 5px;}

.floor_intro .sisul_zone { margin-bottom: 60px;}
.floor_intro .sisul_zone ul {display: flex; flex-wrap: wrap;}
.floor_intro .sisul_zone ul li { width: calc((100% - 30px) / 3);  margin-right: 15px; margin-bottom: 60px;}
.floor_intro .sisul_zone ul li:nth-child(3n){margin-right: 0;}

/* .floor_intro .sisul_zone ul li:hover .img_zone img{scale: 1.1;} */
.floor_intro .sisul_zone ul li .img_zone {position: relative; width: 100%; background-color: gray; border-radius: 4px; overflow: hidden;}
.floor_intro .sisul_zone ul li .img_zone img {width:100%; height: 100%; transition: 0.3s;}
.floor_intro .sisul_zone ul li .txt_zone .sisul_title { width: 100%; font-weight: 500; color: black; font-size: 20px; padding-top: 18px;display: inline-flex; align-items: center;}
.floor_intro .sisul_zone ul li .txt_zone .sisul_title .floor  {font-size: 14px; font-weight: 600;  line-height: 1; margin-top: 0; border-radius: 5px;  padding: 0 10px; height: 24px; display: inline-flex; align-items: center; justify-content: center;  background: white; border: 1px #c5c9d6 solid;  margin-left: 7px; color: #454545;}
.floor_intro .sisul_zone ul li .txt_zone .sisul_txt  {margin-top:10px; line-height:24px; font-size:16px}


@media screen and (max-width:1400px) {

    .floor_intro .right_side {padding:0px}
    .floor_intro .floor_img {padding-left:50px; margin-right:0px}

}


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

    .floor_intro .floor_img {padding-left:50px}
    
}


@media screen and (max-width:1000px) {

    .floor {margin-top: 30px;}

    .floor_intro .floor_img {margin-top:0px}
    .floor_intro .right_side {margin-top:-50px}

}

@media screen and (max-width:700px) {

    .floor .floor_intro .eng_title {letter-spacing: 4px; font-size: 13px; margin-bottom: 12px; margin-top:0px;}
    .floor .floor_intro .kor_title {font-size: 35px;margin-bottom: 50px;}
    .floor_intro .sisul_zone ul li .txt_zone .sisul_title{font-size: 18px;}

}
@media screen and (max-width:850px) {

    .floor_intro .sisul_zone ul {display: block;}
    .floor_intro .sisul_zone ul li {width:90%; margin-left:auto; margin-right:auto}

    .floor_intro .sisul_zone ul li .txt_zone .sisul_title .floor {margin-left:15px;}
    .floor_intro .sisul_zone ul li .txt_zone .sisul_txt {line-height: 20px; font-size:14px;}
    .floor_intro .sisul_zone ul li:nth-child(3n){margin-right: auto;}

}

@media screen and (max-width:800px) {

    .floor_intro .floor_img {display: none;}

}

@media screen and (max-width:500px) {

    .table_type1 tbody tr td:last-child {font-size:15px; }
}


/* 층별안내 끝 */

/*예약신청 캘린더 공통*/
.calendar-legend {display: flex; align-items: center; gap: 12px; margin-bottom: 20px; font-size: 14px; font-weight: 500; position: relative;}
.calendar-legend::before{ content: ""; width: 20px; height: 20px; background-color: #004fa6; margin-right: 15px; margin-top: 15px;}
.legend-title { margin-right: 8px;}
.calendar-legend{ font-size: 18px; font-weight: 600; color: #666;}
.legend-item { display: flex; align-items: center; gap: 4px;}

.legend-box {
  width: 30px;
  height: 30px;
  border-radius: 8px;
  border: 1px solid #ccc;
}

.legend-box.unavailable {
  background-color: #dfe6ec; /* 예약불가 색상 (앞서 추천한 색) */
  border-color: #c0c8d0;
}

.legend-box.available {
  background-color: #ffffff; /* 예약가능: 기본 */
  border-color: #b0c0cc;
}
.calendar_legen_flexbox{
  display: flex;
  gap: 10px;
  position: absolute;
  right: 0; top: 25px;
}

  .txt_zone .legend-title{font-family: sans-serif; font-size: 30px; font-weight: 600; color: #004fa6; margin-top: 2rem; margin-bottom: 1rem; display: inline-block; padding-bottom: 0.4rem;}

/* 용접실습실 */
.welding {margin-top:100px; margin-bottom:200px ; width:100%; height:auto; margin:0 auto; background-position: 52% 1%; }
    
.welding {width:100%; height:auto; margin:0 auto; margin-bottom:200px;}
.welding .eng_title {margin-top:130px; width: 100%; font-size: 16px; font-weight: 700; color: #00ad1d; line-height: 1; letter-spacing: 10px; margin-bottom:20px; padding-left:3px;}
.welding .kor_title {margin-bottom:100px; width: 1600px;  font-family: 'HDHyundai'; font-size: 50px; font-weight: 600; letter-spacing: -0.75px; line-height: 1; color: black;}
.welding .txt_zone p > strong{font-size: 24px;}
.welding .txt_zone > p{margin-bottom: 15px;}

/* 예약신청 캘린더 */
#calendar {
    min-width: 1042px;
    margin: 0 auto;
    background: #fff;
  }
  
  /* 커스텀 헤더 스타일 */
  .custom-header {
    font-family: 'HDHyundai', sans-serif;
    min-width: 1042px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    font-size: 24px;
    background-color: #004fa6;
    padding: 10px 0;
    margin: 0 auto;
    color: #fff;
  }
  
  .custom-header button {
    background: none;
    border: none;
    font-size: 20px;
    cursor: pointer;
    padding: 4px 8px;
    transition: 0.2s ease;
    border-radius: 4px;
  }
  
  .custom-header button:hover {
    background-color: #003774;
  }
  
  .custom-header button:focus {
    outline: 2px solid #007BFF;
    outline-offset: 2px;
  }
  
/* 기본 칼럼 헤더 스타일 */
.fc-col-header-cell {
    background-color: #eee; 
    color: #222;
    border: 1px solid #ddd !important; /* 테두리 복원 */
  }
  
  /* 예약 가능 날짜에만 hover 효과 */
  .fc-daygrid-day:not(.fc-day-disabled):not(.full-booked):hover {
    background-color: #e3f0fb;
    transition: background-color 0.3s ease;
    cursor: pointer;
  }
  
  /* 예약 마감된 날짜는 hover, 클릭 모두 비활성화 */
  .full-booked,
  .fc-daygrid-day.full-booked {
    pointer-events: none;
    cursor: default !important;
    border: 1px solid #d0d7de;
  }
  
  /* 각 날짜 칸 높이 고정 */
  .fc-daygrid-day {
    height: 150px;
    min-height: 150px;
    max-height: 150px;
    border: 1px solid #ddd !important; /* 테두리 복원 */
  }
  
  /* 예약 내용이 많으면 그 내용이 넘치지 않도록 */
  .fc-daygrid-day-frame {
    overflow-y: auto;  /* 세로 방향으로 스크롤 가능하게 */
    padding: 5px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    gap: 5px;           /* 예약 정보 간 간격 */
  }
  
  /* 예약된 이벤트가 많을 경우 칸 내부에서 스크롤이 가능하게 */
  .fc-daygrid-day-events {
    overflow-y: auto;
  }
  
  /* ---------- 파란 줄 제거 관련 코드 ---------- */
  
  /* 파란 줄 제거 (fc-daygrid-day-bottom 관련) */
  .fc-daygrid-day-bottom {
    display: none !important;
    border: none !important;
    border-top: none !important;
    border-bottom: none !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
    background: transparent !important;
  }
  
  /* ---------- 테두리 복원 관련 코드 ---------- */
  
  /* 테이블 그리드 테두리 복원 */
  .fc-theme-standard .fc-scrollgrid,
  .fc-theme-standard .fc-scrollgrid-section > * {
    border: 1px solid #ddd !important;
  }
  
  /* 셀 테두리 복원 */
  .fc-theme-standard td, 
  .fc-theme-standard th {
    border: 1px solid #ddd !important;
  }

  
  
  /* ---------- 예약 없음 스타일링 ---------- */
  
  /* 예약 없음 이벤트 스타일 */
  .no-reservation-event,
  .no-reservation {
    text-decoration: none !important;
    border: 1px solid rgba(0,0,0,0.05) !important;
  }
  .no-reservation-title{color: #aaa !important;}
  .no-reserve{display: none;}
  .fc-event-main .fc-event-title a.reserve-btn{color: transparent; opacity: 0 !important;}
  /* 도트 컬럼 완전히 제거 */
  .fc-list-table .fc-list-event-graphic {
    display: none !important;
    width: 0 !important;
  }

  /*th,td넓이 맞추기*/
  .fc-list-event tr {
    table-layout: fixed;
  }
.fc-list-table {
  table-layout: fixed !important;
  width: 100% !important;
}
.fc-list-table tr > td.fc-list-event-time,
.fc-list-table tr > th.fc-list-event-time {
  width: 30% !important;
  min-width: 120px;
  max-width: 240px;
  text-align: center;
}
.fc-list-table tr > td.fc-list-event-title,
.fc-list-table tr > th.fc-list-event-title {
  width: 100% !important;
  min-width: 180px;
  text-align: left;
  padding-left: 15px;
}

/* 예약하기 버튼 높이 고정 */
.fc a.reserve-btn, .reserve-btn {
  min-height: 28px;  /* 버튼 최소 높이 지정 */
  line-height: 22px; /* 텍스트 수직 가운데 정렬용 */
  vertical-align: middle;
  box-sizing: border-box;
  margin: auto 0; /* 세로 중앙 정렬 도움 */
}

/* 드롭다운 확장 시에도 일관된 레이아웃 유지 */
.fc-list-event-title.expanded {
  align-items: flex-start; /* 확장 시 상단 정렬 */
  padding-top: 10px;       /* 상단 여백 추가 */
}

/* 예약 시간 표시 영역 */
.reserve-times {
  flex: 1;       /* 남은 공간 차지 */
}

/* 버튼 영역 별도 컨테이너로 분리 */
.btn-container {
  display: flex;
  align-items: center;
  margin-left: auto; /* 오른쪽 정렬 */
  align-self: center; /* 세로 중앙 정렬 */
}

/* allDay 컬럼 너비 조정 */
.fc-list-table .fc-list-event-time {
  width: 30% !important;
  text-align: center !important;
}

.fc-list-event-time{ line-height: 35px;}
.fc-list-event-time button{
  margin-left: 10px;
}
.fc-list-event-time span{
  font-size: 15px;
}
/* 예약 시간 보기 셀 스타일 */
/*.fc-list-event-time {
  display: flex;
  align-items: center;
  gap: 8px;
}*/

/* 드롭다운 버튼 스타일 */
.dropdown-btn {
  background: none;
  border: none;
  cursor: pointer;
  padding: 0 8px;
  display: inline-flex;
  align-items: center;
  transition: transform 0.3s ease;
}
.dropdown-btn img {
  transition: transform 0.3s cubic-bezier(0.4,0,0.2,1);
}

.dropdown-btn.expanded img {
  transform: rotate(180deg);
}

/* 예약 시간 표시 영역 - 높이 전환 애니메이션 */
.fc-list-event-title{
  max-height: 25px; /* 기본 높이 (한 줄) */
  overflow: hidden;
  transition: max-height 0.3s ease, padding 0.3s ease;
  padding-top: 3px;
  padding-bottom: 3px;
}
/* 펼침 상태 */
.fc-list-event-title.expanded{
  max-height: 200px; /* 충분한 최대 높이 */
  padding-top: 5px;
  padding-bottom: 8px;
}

/* 드롭다운 버튼 스타일 */
.dropdown-btn {
  background: none;
  border: none;
  cursor: pointer;
  padding: 0 8px;
  display: inline-flex;
  align-items: center;
}

/* 드롭다운 버튼 화살표 회전 */
.dropdown-btn img {
  transition: transform 0.3s ease;
}

/* ✅ 드롭다운 버튼에 expanded 클래스가 추가될 때 회전 */
.dropdown-btn.expanded img {
  transform: rotate(180deg);
}

/* 확장된 상태의 행 스타일 */
.fc-list-event-title.expanded {
  padding-bottom: 10px;
}

/* 드롭다운 버튼과 텍스트를 한 줄에 배치 */
.fc-list-event-title {
  position: relative;
  min-height: 52px;
  display: flex;
  align-items: flex-start;
}
.reserve-times {
  display: inline-block;
}
.dropdown-btn {
  background: none;
  border: none;
  cursor: pointer;
  padding: 0 4px;
}



/* 제목 컬럼에 더 많은 공간 할당 */
.fc-list-table .fc-list-event-title {
  width: 70% !important;
  padding-left: 15px !important;
  font-size: 15px;
  line-height: 1.7;
}
.fc-list-event.reserve-full .fc-list-event-title {
  color: #666;
}
.fc-list-event.reserve-empty .fc-list-event-title {
  color: #999;
}
/* 테이블 구조 강제 수정 */
.fc-list-table {
  table-layout: fixed !important;
  width: 100% !important;
}

.fc a.reserve-btn, .reserve-btn{
  display: inline-block;
  background-color: #1976d2; /* 또는 #1565c0, 헤더와 맞추세요 */
  color: #fff !important;
  padding: 3px 10px;
  border-radius: 4px;
  text-decoration: none;
  font-size: 0.85em;
  white-space: nowrap;
  border: none;
  font-weight: bold;
  transition: all 0.2s ease;
}
.fc-list-event-title .reserve-btn{
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
}

/*예약불가 버튼 스타일 추가*/

tr.reserve-full a.reserve-btn {
  background-color: #cecece; /* 연한 회색 */
  color: #666 !important;
  cursor: not-allowed;
  pointer-events: none;
  font-weight: bold;
}

.dropdown-btn.disabled {
  opacity: 0.5;
  cursor: not-allowed !important;
  pointer-events: none !important; /* 클릭 완전 차단 */
}
.dropdown-btn.disabled img {
  filter: grayscale(100%);
  transform: none !important; /* 회전 애니메이션 무효화 */
}

  /* PC/태블릿에서 예약 없음 텍스트 스타일 */
  @media (min-width: 768px) {
    .no-reservation .fc-event-title,
    .fc-event-title:contains('예약 없음'),
    .fc-event-title[innerText='예약 없음'],
    .no-reserve {
      opacity: 0.3 !important; /* 투명도 조절 */
      color: #aaa !important; /* 연한 회색 */
    }
    .fc-event.has-reservation,
    .fc-daygrid-event[data-has-reservation="true"],
    
        /* 주말 배경색 설정 */
    .fc-day-sat, .fc-day-sun, 
    .fc-day.reserve-full, .fc-daygrid-day.reserve-full {
      background-color: #dfe6ec !important; /* 첫 번째 이미지의 회색 배경과 유사한 색상 */
    }
    .fc-daygrid-day-frame {
      min-height: 80px;
    }
    .fc-h-event{border: 0px solid transparent; background-color: transparent;}
    .fc-h-event .fc-event-main {color: #333;}
    .fc-h-event .fc-event-title{display: none;}
    .fc-theme-standard td, .fc-theme-standard th{border: none;}
    .fc-event-times{margin-left: 5px; font-size: 12.5px;}
    th .fc-scrollgrid-sync-inner{background-color: #eee;}
  }
  
  /* 모바일에서는 예약 없음도 명확하게 표시 */
  @media (max-width: 767px) {
    .fc-list-event .fc-event-title:contains('예약 없음'),
    .fc-list-event .no-reserve {
      opacity: 0.7 !important;
      color: #888 !important;
    }
    /* 예약불가 행 전체 배경색 적용 */
    .fc-list-event.reserve-full,
    .fc-list-event.reserve-full td {
      background-color: rgb(227, 234, 241) !important;
    }  
    .reserve-btn:hover,
    .reserve-btn:focus {
      background-color: #1565c0; /* 더 진한 파랑으로 hover 효과 */
    }
    html body .fc a.reserve-btn[href*="/form"] {
      color: #ffffff !important;
      background-color: #1976d2 !important;
    }
      /* ---------- 예약 일정 스타일링 ---------- */
  
  /* 예약 있는 일정 스타일 */
  .fc-event.has-reservation,
  .fc-daygrid-event[data-has-reservation="true"],
  .fc-event:not(.no-reservation) {
    background-color: #fff;/* 연한 파란색 배경 */
    border-color: #d0e0f0 !important; /* 연한 테두리 색상 */
    border: 1px solid #d0e0f0 !important; /* 테두리 복원 */
    box-shadow: none !important;
  }
  
  /* 예약 있는 일정의 텍스트 색상 */
  .fc-event.has-reservation .fc-event-title,
  .fc-daygrid-event[data-has-reservation="true"] .fc-event-title,
  .fc-event:not(.no-reservation) .fc-event-title {
    color: #3070b0 !important; /* 적당한 파란색 텍스트 */
    font-weight: normal !important;
    text-decoration: none !important;
  }
    
  }
  
  /* a 태그 링크 스타일 제거 */
  .fc a:not(.reserve-btn) {
    color: inherit;
  }
  .fc a.reserve-btn{
    color: transparent;
  }

  /* PC 및 태블릿에서만 적용 */
  @media (min-width: 768px) {
    .fc-list-event .fc-event-title:contains('예약 없음') { opacity: 1 !important; }/* 특별히 모바일 뷰에서는 정상 표시 */
    .fc-dayGridMonth-view .no-reservation-event .fc-event-title, .fc-dayGridMonth-view .no-reservation-event .no-reserve {opacity: 0.1; color: #ddd;}
    .fc-daygrid-event .no-reservation-title, .fc-daygrid-event .no-reserve {display: none;}/* 예약 없는 날짜의 배경색 약간 변경 (선택사항) */
    .fc-daygrid-day-events:empty {background-color: rgba(0,0,0,0.02);}
        .no-reservation-title { color: #aaa;}
    .no-reserve { color: #aaa; font-size: 0.9em;}
  }

  /* PC/태블릿에서 '예약 없음' 스타일 */
@media (min-width: 768px) {
    .fc-daygrid-event .no-reservation-title, .fc-daygrid-event .no-reserve {display: none;}/* 예약 없는 날짜의 배경색 약간 변경 (선택사항) */
    .fc-daygrid-day-events:empty {background-color: rgba(0,0,0,0.02);}
  }
  
  /* 모바일에서는 리스트 뷰의 '예약 없음' 스타일 */
  @media (max-width: 767px) {
    .welding .txt_zone{padding-left: 10px;}
    .welding .txt_zone .eng_title{font-size: 13px;}
    .welding .txt_zone .kor_title{font-size: 35px; margin-bottom: 70px;}
    .no-reservation-title { color: #aaa;}
    .no-reserve { color: #aaa; font-size: 0.9em;}
  }

  @media screen and (max-width: 768px) {
    #calendar { min-width: 100%; height: auto !important; padding: 0 10px; }
    .custom-header { align-items: center; gap: 6px; font-size: 16px; padding: 10px;  min-width: 0 !important; margin-left: 10px; margin-right: 10px; }
    .custom-header button { font-size: 14px; padding: 4px 6px;}
  
    .fc-list-item { font-size: 14px; padding: 10px; border-bottom: 1px solid #eee;}
    .fc-list-day { background-color: #eee !important; font-weight: bold; padding: 10px;}
    .fc-list-day-cushion { background-color: #eee !important;}
    .fc-event-title {font-size: 14px;}
    .calendar-legend 
    .calendar-legend .txt_zone .legend-title{font-size: 25px;}
    .calendar-legend .calendar_legen_flexbox{margin-top: 10px; margin-right: 20px;}
    .calendar-legend .legend-item {font-size: 16px;}
    .calendar-legend .legend-box{width: 25px; height: 25px;}
    .fc a.reserve-btn{color: inherit !important;}
  }
  

a.reserve-btn,
a.reserve-btn:link,
a.reserve-btn:visited,
a.reserve-btn:hover,
a.reserve-btn:active,
a.reserve-btn:focus {
  color: #fff !important;
}
.fc-list-event-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

/* 용접실습실 폼 */
  
.reservation {margin-top:100px; margin-bottom:200px ; width:100%; height:auto; margin:0 auto; background-position: 52% 1%; }
    
.reservation {width:100%; height:auto; margin:0 auto; margin-bottom:200px;}
.reservation .eng_title {margin-top:130px; width: 100%; font-size: 16px; font-weight: 700; color: #00ad1d; line-height: 1; letter-spacing: 10px; margin-bottom:20px; padding-left:3px;}
.reservation .kor_title {margin-bottom:40px; width: 1600px;  font-family: 'HDHyundai'; font-size: 50px; font-weight: 600; letter-spacing: -0.75px; line-height: 1; color: black;}
.reservation .txt_zone {margin-bottom:100px;}
.reservation p.res_txt{font-family: 'HDHyundai', sans-serif; font-size: 22px; color: #666;}
.reservation strong:nth-of-type(2), .reservation strong:nth-of-type(3){margin-top: 50px;}

.reservation tr td.time1 .select, .reservation tr td.call3 .select, .reservation tr td.call3 .text{width:80px;}
.reservation tr td.time1 .time1_txt{display: inline-block; padding: 0 10px;}
.reservation tr td.w30{min-width: 300px;}
.reservation .data_list input{width: 80%; height: 42px;}
.data_list tr td span.hyphen {display:inline-block; height:42px; padding:0 4px; line-height:42px; text-align:center;}

.reservation input[readonly]{cursor: default; user-select: none !important; pointer-events: none;}
.reservation input.readonly{background-color: rgba(0, 0, 0, 0.04); color: #999; border-color: rgba(0, 0, 0, 0.06);}

@media screen and (max-width:1030px){
    .reservation tr td.call3 .select{padding-left: 10px;}
    .reservation tr td.call3 span.hyphen{padding: 0;}
    .reservation tr td.call3 .select, .welding_res tr td.call3 .text{width: calc((100% - 30px)/ 3);}
    .reservation tr td.call3 .text{padding: 5px 5px;}

}
@media screen and (max-width:800px){
    .reservation tr td.call3 .select{padding-left: 0px;}
    .reservation tr td.call3 span.hyphen{width: 10px;}
    .reservation tr td.call3 .select{min-width: 30px; width: calc((100% - 30px)/ 4);}
    .reservation tr td.call3 .text{min-width:40px; width: calc((100% - 30px)/ 3);}
    .reservation tr td.call3 .text{padding: 5px 0px;}
}
@media screen and (max-width:620px){
    .reservation tr td.w30{min-width: none; width: 100%;}
    .reservation tr td.call3,	.reservation tr td.call3{margin: 0 auto; text-align: center;}
	.reservation tr td.call3 .select, .reservation tr td.call1 .text {width: calc(30% - 9px);}
	.reservation tr td.call3 .select, .reservation tr td.call3 .text {width: calc(30% - 9px);}
    .reservation td input[type="text"]{width: 100% !important;}
    .reservation td .w80{width: 100%;}
    .data_list select.time1{width: 25%;}
    .data_list td.time1{text-align: center;}
    .data_list td.time1 br{display: none;}
    .data_list td.time1 span:nth-of-type(2){margin-left: 10px;}
}
@media screen and (max-width:620px){
    .data_list td.health_time1 input{width: 100% !important;}
    .data_list select.time2{width: 25%;}
    .data_list td.health_time2{text-align: center;}
    .data_list td.health_time2 br{display: none;}
    .data_list td.health_time2 span:nth-of-type(2){margin-left: 10px;}
}
.reservation .btn_area {margin: 20px; text-align:center;}
.reservation .btn_area a {min-width:220px; margin-bottom:3px;}

/* res_info */
.res_info .eng_title {margin-top:100px;}
.res_info .kor_title{margin-bottom:40px;}
.res_info .txt_zone{margin-bottom:100px}

/* vr */

.vr {margin-top:100px; margin-bottom:200px ; width:100%; height:auto; margin:0 auto; background-position: 52% 1%; }
    
.vr {width:100%; height:auto; margin:0 auto; margin-bottom:200px;}
.vr .eng_title {margin-top:130px; width: 100%; font-size: 16px; font-weight: 700; color: #00ad1d; line-height: 1; letter-spacing: 10px; margin-bottom:20px; padding-left:3px;}
.vr .kor_title {margin-bottom:100px; width: 1600px;  font-family: 'HDHyundai'; font-size: 50px; font-weight: 600; letter-spacing: -0.75px; line-height: 1; color: black;}
.vr .txt_zone p > strong{font-size: 24px;}
.br .txt_zone > p{margin-bottom: 15px;}

/* class1 */

.class1 {margin-top:100px; margin-bottom:200px ; width:100%; height:auto; margin:0 auto; background-position: 52% 1%; }
    
.class1 {width:100%; height:auto; margin:0 auto; margin-bottom:200px;}
.class1 .eng_title {margin-top:130px; width: 100%; font-size: 16px; font-weight: 700; color: #00ad1d; line-height: 1; letter-spacing: 10px; margin-bottom:20px; padding-left:3px;}
.class1 .kor_title {margin-bottom:40px !important; width: 1600px;  font-family: 'HDHyundai'; font-size: 50px; font-weight: 600; letter-spacing: -0.75px; line-height: 1; color: black;}
.contents_in .inner .class1 p.txt{font-size: 20px; color: #404252; padding-bottom:50px;}
.class1 .txt_zone > p{margin-bottom: 15px;}

/* class2 */

.class2 {margin-top:100px; margin-bottom:200px ; width:100%; height:auto; margin:0 auto; background-position: 52% 1%; }
    
.class2 {width:100%; height:auto; margin:0 auto; margin-bottom:200px;}
.class2 .eng_title {margin-top:130px; width: 100%; font-size: 16px; font-weight: 700; color: #00ad1d; line-height: 1; letter-spacing: 10px; margin-bottom:20px; padding-left:3px;}
.class2 .kor_title {margin-bottom:40px !important; width: 1600px;  font-family: 'HDHyundai'; font-size: 50px; font-weight: 600; letter-spacing: -0.75px; line-height: 1; color: black;}
.class2 .txt_zone p > strong{font-size: 24px;}
.contents_in .inner .class2 p.txt{font-size: 20px; color: #404252; padding-bottom:50px;}
.class2 .txt_zone > p{margin-bottom: 15px;}

/* health */

.health {margin-top:100px; margin-bottom:200px ; width:100%; height:auto; margin:0 auto; background-position: 52% 1%; }
    
.health {width:100%; height:auto; margin:0 auto; margin-bottom:200px;}
.health .eng_title {margin-top:130px; width: 100%; font-size: 16px; font-weight: 700; color: #00ad1d; line-height: 1; letter-spacing: 10px; margin-bottom:20px; padding-left:3px;}
.health .kor_title {margin-bottom:100px; width: 1600px;  font-family: 'HDHyundai'; font-size: 50px; font-weight: 600; letter-spacing: -0.75px; line-height: 1; color: black;}
.health .txt_zone p > strong{font-size: 24px;}
.health .txt_zone > p{margin-bottom: 15px;}

/* health_res */
.data_list select.time2{width: 25%; height: 42px;}
.data_list td.health_time2{text-align: left;}
.data_list td.health_time2 span{margin-right: 3px;}
.data_list td.health_time2 span:nth-of-type(2){margin-left: 5px;}
.data_list td.health_time2 br{display: none;}
.data_list td.health_time1 input{text-align: left;}


@media screen and (max-width:1060px){
    .data_list td.health_time2 br{display: block;}
    .data_list td.health_time2 span:nth-of-type(2){margin-left: 0;}
    .data_list select.time2{width: 50%;}
}
@media screen and (max-width:620px){
    .data_list td.health_time1 input{width: 100% !important;}
    .data_list select.time2{width: 25%;}
    .data_list td.health_time2{text-align: center;}
    .data_list td.health_time2 br{display: none;}
    .data_list td.health_time2 span:nth-of-type(2){margin-left: 10px;}
}

/* fullcalendar */
.full-booked { background-color: #dfe6ec; border: 1px solid #c0c8d0 !important;}

/* 2025.05.20 개인정보및 이용약관 */
.txt_section{border-top: 1px solid #d7d7d7; font-family: 'HDHyundai'; font-weight: 400;}
.txt_section .prv_box{margin:50px 0 80px; }
.txt_section p{font-size: 15px; margin-bottom: 20px;}
.txt_section h3{font-size: 20px; font-weight: 600; color: #0c4da2; font-family: 'HDHyundai'; background: none; margin: 30px 0 0; padding: 10px 15px; margin-left: -18px;}
.txt_section ul{margin-top: 10px;}
.txt_section li{font-size: 15px; color: #333;}
.txt_section li strong{font-weight: 800; margin-bottom: 5px;}
.txt_section .cm_sub_ul{padding-left: 30px;}
/* .txt_section .prv_flex{display: flex; justify-content: space-between;} */
.txt_section .prv_flex dl{width: 100%; margin-bottom: 20px; display: flex; border-top: 1px solid #c2c2c2; border-bottom: 1px solid #c2c2c2;}
.txt_section .prv_flex dl dt{font-size: 16.5px; padding: 10px 0; width: 20%; background: #eee; text-align: center; display: inline-flex; align-items: center; justify-content: center;}
.txt_section .prv_flex dl dd{padding: 20px; padding-left: 60px; line-height: 1.6; font-size: 15px;}
.txt_section  strong.st_blue{display: block; color: #0c4da2; margin-top: 20px; font-size: 15px;}
.txt_section  strong.st_blue .cm_no_style{font-weight: 400;}

.cm01 .title .eng_title{margin-top: 100px;}
.cm01 .title .kor_title{margin-bottom: 80px;}
.cm02 .title .kor_title, .cm03 .title .kor_title{margin: 100px 0 20px;}
.cm02 .title .sub_txt,.cm03 .title .sub_txt{font-size: 20.5px; margin-bottom: 80px;}
.cm02 h3, .cm03 h3{font-size: 20px; color: #0c4da2; position: relative; font-weight: 600; margin: 30px 0 0; padding: 10px 15px;}
.cm02 h3::before, .cm03 h3::before{content: "";display: block; width: 6px; height: 6px; background-color: #0c4da2; position: absolute; left: 0; top: 15px;}

.cm03 table{margin: 20px;}
.cm03 table th, .cm03 table td{border-bottom: 1px solid #ebebeb; text-align:center;}
.cm03 table th{font-size: 17px; border-top: 1px solid #ebebeb; padding: 10px 15px; background: #eee;  line-height: 1.5;}
.cm03 table td{padding: 20px 10px; font-size: 15px;}
.cm03 table td.cm_tb_etc{line-height: 60px;}

.contents_in .inner p.txt{font-size: 20px; color: #d7d7d7;}
.contents_in .inner p.txt span.f_strong{font-size: 26px; color: #003774; font-weight: 800;}
.contents_in .inner .res_info div.txt ul li{font-size: 20px !important; margin-bottom: 15px; position: relative;}
.contents_in .inner .res_info div.txt{border-top: 1.5px solid #e4e1e1; padding-top: 50px; border-bottom: 1.5px solid #e4e1e1; padding-bottom: 50px;}
.contents_in .inner .res_info div.txt ul li span.f_red{color: #db4d4c; font-weight: 800;}


/* 웹접근성을위한 캡션 보조 글 css */
.sr-only { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0;}

/* 20250619 07_Menu 마이페이지 시작 */
.res_ap_status .txt_zone{margin-bottom: 50px;}
.res_ap_status table.com_tb{margin-bottom: 20px;}

.tab_box.col4{width: 100%;}
.tab_box.col4 ul{display:flex; justify-content: center;}
.tab_box.col4 li{width: 24.47%; margin-right: 0.7%; margin-top: 0.7%; padding: 0 !important; letter-spacing: -0.3px; background-color: #fff; border: 2px solid #c0c0cc; color: #717171;}
.tab_box li.on{border: 3px solid #1a408b; color: #ffffff; background-color: #2451aa;}
.tab_box.col4 ul li a{padding: 10px; height: 100%; display: flex; align-items: center; justify-content: center; font-size: 17px; width:100%; font-weight:500; letter-spacing: -1px;}

.under_tab_zone{width: 100%; margin-top: 50px;}
.under_tab_zone ul{width: 100%; display: flex; flex-wrap: wrap; padding: 4px;}
.under_tab_zone ul li{width: calc((100% - 80px) / 4); display: inline-flex; justify-content: left; align-items: center; margin-bottom: 11px; margin-right: 20px; position: relative; font-weight: 600;}
.under_tab_zone ul > li a{display: inline-block; width: 100%; height: 100%; padding: 10px; font-size: 16px; border-bottom: 1px #dddddd solid; color: #666; font-weight: 500;}
.under_tab_zone ul > li a.active{color: #214395; font-weight: 600; border-bottom: 2px #214395 solid;}

.under_cont_area div.input_calender{width: 300px; height: 45px; text-align: center;}
.under_cont_area div.input_calender input.text{height: 45px;}
.under_cont_area #my_tab_04 div.input_calender{display: flex; width: 340px;}
.under_cont_area #my_tab_04 div.input_calender input.text{width: 240px;}
.under_cont_area div.input_calender span{display: inline-block; font-size: 16px; margin: 0 7px 0 10px; padding-top: 13px;}
.under_cont_area #my_tab_04 .search_area .select_box{margin-right: 45px;}

/* 20250902 문의게시판 사용자 글작성페이지 css수정 */
.input_flex img{height: 50px;}

@media screen and (max-width:912px){
	.input_flex img{height: 42px;}
}