@charset "utf-8";

#top_layout {border-bottom: 0;}
/* 250813,soyun, LNB와 콘텐츠 영역 가운데 너비 추가 */
.fix-layout {display: flex;align-items: flex-start;max-width: 1400px;margin: 0 auto;width: 100%;padding: 0 12px;position: relative;justify-content: space-between;}

/* 250829 hychoi 콘텐츠 중앙 정렬 */
.fix-layout:not(:has(.leftNavWrap)) { justify-content: center; }
@media screen and (max-width: 1300px) {
    .fix-layout { justify-content: center; }
}

/*#tab_wrap {width: 1100px !important;min-width: 1100px;flex-shrink: 0;padding: 20px;}*/
/* 250805, soyun, 반응형 처리 */
#tab_wrap {
    width: 100%;
    max-width: 1000px;
    min-width: 320px;
    padding: 20px;
    box-sizing: border-box;
    flex-shrink: 0;
    margin:0 30px;
}
@media only screen and (max-device-width: 1024px) {/* 태블릿 이하 */
    .fix-layout{padding: 0;}
    #tab_wrap {margin:0;}
}
/*@media only screen and (max-device-width: 768px) {!* 모바일 *!*/
/*    #tab_wrap {}*/
/*}*/

.fix-layout > * {position: relative !important;}
.sub-top-bg {position: absolute; top: 0; left: 0;width: 100%; height: 350px; margin: 0 auto; background: url(../img/sub/sub_bg.jpg) no-repeat;background-size: cover; display: flex; justify-content: center; align-items: center; flex-direction: column;}
/*.sub-top-tit h3 {color: #fff; font-size: 55px; font-weight: bold; text-align: center;!* text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5); *!}*/
.sub-top-tit h3 {color: #fff; font-size: 55px; font-weight: bold; text-align: center;margin-top: 40px;}
.sub-top-sub-tit h3 {color: #fff;font-size: 25px;font-weight: 500;text-align: center;margin-top: 10px;}
.sub-top-sub-tit h3 span.highlight {color: #ffd700;text-shadow: 0 0 12px rgba(255, 215, 0, 0.5);}

@media only screen and (max-width: 1200px) {
    .sub-top-bg {height: 200px;}
    .sub-top-tit h3 {font-size: 40px;}
}

@media only screen and (max-width: 767px) {
    .sub-top-bg {height: 160px; padding-top: 40px;}
    .sub-top-tit h3 {font-size: 30px;text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);}
}

.page_nav {position: absolute; bottom: -35px; width: 100%;}
/* .lnb {height: 70px; background: #121c3e url(../img/sub/lnb_bg.png) no-repeat right 5px bottom 10px; padding: 0; min-width: 1450px;}
.lnb:after {content: ""; display: block; clear: both;}
.lnb .home {float: left; width: 70px; height: 70px; background: url(../img/sub/sub_nav_home.png) no-repeat center / 24px auto; text-indent: -9999px;}
.lnb-item {position: relative; float: left; width: 250px; height: 70px; font-size: 16px; font-weight: 600; z-index: 1; border-left: 1px solid #444d6e; border-right: 1px solid #444d6e;}
.lnb-item a {display: block; height: 70px; line-height: 70px; color: #fff; padding: 0 20px;}
.lnb-item a {display: block; line-height: 70px; color: #fff; padding: 0 20px;}
.lnb-item .active > a {border-left-width: 0; margin-left: 0; border-top-width: 1px; padding-right: 0; bottom: 0;}
.lnb-item .active > a:after {content: ""; display: block; position: absolute; width: 16px; height: 60px; right: 20px; top: 0; background-size: 16px auto;}
.lnb-item > ul {position: absolute; top: 0; left: 0; right: 0; padding-top: 70px; height: 0; overflow: hidden;}
.lnb-item > ul .active {position: absolute; top: 0; left: 0; right: 0; height: 70px;}
.lnb-item > ul .active.open a {font-weight: 400; background: #3F3F6F;}
.lnb-item ul > li {border-left:1px solid #f0eded;}
.lnb-item ul > li.active {border-left: none;}
.lnb-item.first {border-right: 0;}
.lnb-item .navi_list a { color: #000; }
 */
 
 /* .mobile_eng_txt{font-size: 16px !important; line-height: 34px !important;white-space: pre-wrap !important;text-overflow: ellipsis !important;} */
 
@media only screen and (max-width: 1450px) {
    .lnb {min-width: auto;}
}

@media only screen and (max-width: 1200px) {
    .page_nav {bottom: -70px;}
}
/* 태블릿일 때, 홈버튼 미표시  */
@media only screen and (max-width: 850px) {
    .lnb .home {display: none;}
}
/* @media only screen and (max-width: 767px) { */
@media only screen and (max-width: 768px) {
	.page_nav {bottom: -60px;}
	
	/* .lnb .home{display: none;} */
	.lnb {height: 60px; background: #121c3e;}
	.lnb .home {width: 35px; height: 60px;}
	.lnb-item {height: 60px; /* width: 210px; */width:calc(33%); font-size: 14px;}
	.lnb-item > ul {padding-top: 60px;}
	.lnb-item > ul .active {height: 60px;}
	.lnb-item a {line-height: 60px; padding: 0  5px 0 10px; font-size: 16px; height: 60px;margin-right: 3px;}
    
    /* --- ##모바일메뉴, 텍스트 조정 --- */
    /* .mobile_eng_txt{font-size: 14px !important;white-space: pre-wrap !important;line-height: 18px !important;} */
    
    /* 모바일일 때, 셀렉트 아이콘 변경 */
    .navi_menu_debth {background:url(../img/common/select_thin.png) no-repeat right center;}
    
}
@media only screen and (max-width: 500px) {
	/* .lnb .home{display: none;} */
	.lnb-item.first {display: block;}
	.lnb-item {width: 30%; border: none;}
	.lnb .home {background-position: left center;}

    /* .
    // 2024-05-08, 모바일에서 홈 버튼 미표시
    lnb-item {width: 100%; border: none; display: none;}
    lnb-item:last-child {display: block;} */
    
    /* sub page contents */
    .sub-contents .sub-tit h2 {font-size: 20px;}
    .sub-contents .sub-tit h2:before {top: -16px; left: 50%; margin-left: -10.5px;}
    
    /* sub page tab secstion */
    #tab_wrap .tab_list li {width: 100%;}
    #tab_wrap .tab_list li a {margin: 2px 0; padding: 6px 0;}
    #tab_wrap .tab_list li a span {font-size: 14px;}
    
    #research .con ul li {padding: 20px 10px;}
    /* #research .con ul li p {font-size: 16px;} */
}
/* soyun,20240412 */
/* .sub-contents {margin-top: 250px; padding: 80px 0 200px;}
.sub-contents .sub-tit {margin: 110px auto 40px; display: table;}
.sub-contents .sub-tit h2 {position: relative; font-size: 32px; font-weight: bold;}
.sub-contents .sub-tit h2:before {content: ""; position: absolute; top: 0; left: -33px; width: 21px; height: 14px; background: url(../img/sub/h2_ico.png) no-repeat;} */

/* .sub-contents {margin-top: 250px; padding: 80px 0 200px;}
.sub-contents .page_tit {margin: 110px auto 40px; display: table;}
.sub-contents .page_tit h2 {position: relative; font-size: 32px; font-weight: bold;}
.sub-contents .page_tit h2:before {content: ""; position: absolute; top: 0; left: -33px; width: 21px; height: 14px; background: url(../img/sub/h2_ico.png) no-repeat;} */

@media only screen and (max-width: 1200px) {
    .sub-contents {padding: 0 0 100px;}
}

@media only screen and (max-width: 950px) {
    .sub-contents .sub-tit {margin: 60px auto 40px;}
}

@media only screen and (max-width: 767px) {
    /* [25.08.05] 모바일일때 마진 탑 제거 */
    /*.sub-contents {margin-top: 180px;}*/
    .sub-contents .sub-tit h2 {font-size: 24px;}
    #tab_wrap{padding: 0}
}

@media only screen and (max-width: 1200px) {
    #research .con ul li {font-size: 18px; padding: 25px;}
}
@media only screen and (max-width: 950px) {
    #tab_wrap .tab_list {display: inline-block; /* margin: 0 0 35px; */ width: 100%;}
    #tab_wrap .tab_list li {/* width: 50%; */width:100%; text-align: center;}
    #tab_wrap .tab_list li a {display: block; border: 1px solid #ddd; margin: 5px; padding: 10px 0; width:95%;}
    #tab_wrap .tab_list li a:after {display: none;}
    #tab_wrap .tab_list li a.ov {background: #F15A29; border: 1px solid #F15A29;}
    /* #tab_wrap .tab_list li a.ov {background: #464ea2; border: 1px solid #464ea2;} */
    #tab_wrap .tab_list li a.ov span {color: #fff;}
    
    #research .con ul li span {float: none; padding: 0;}
}

@media only screen and (max-width: 767px) {
    #tab_wrap .tab_list li a span {font-size: 16px;}
}