@charset "utf-8";

@import url("layout.css");
@import url("main.css");
@import url("main_widjet.css");

/* 템플릿별로 개별 정의해야하는 CSS는 이 밑으로 작성하시면 최종적으로 적용 됩니다. **********/
/* 레이아웃은 같은 타입의 템플릿은 공통으로  적용되어 있습니다.**********/
/* 레이아웃 변경시에는 같은 템플릿은 같이 변경되오니 유의하여 주시고 변경하실 CSS는 각 템플릿의 샘플 템플릿의 layout.css를 수정하시면 됩니다.**********/
/* 개별적인 변경을 하실 경우에는 새로운 템플릿으로 추가해서 작업하시거나 style.css에서 !important처리로 작업하시기 바랍니다.**********/


._objHtml .tableWrap .left {text-align: left;}
._objHtml ul.dash_1 > li {position: relative; padding-left: 10px; margin-left: 10px;}
._objHtml ul.dash_1 > li:before {content: "-"; position: absolute; top: 0; left: 0;}


.main_goto_photo.goto_photo2 { background:url(./../../images/m_img.jpg) no-repeat center center; background-size:cover; }
.main_goto_photo.goto_photo2 a span { background-color:#00b0a3;}
.main_goto_photo.goto_photo3 { background:url(./../../images/b_img.png) no-repeat center center; background-size:cover; }
.main_goto_photo.goto_photo3 a span { background-color:#183a6a;}

/* 250917 */
/* 탑유틸메뉴 */
#topSec .topSecInner {display: flex; justify-content: space-between; align-items: center;}
#topSec .util_nav ul {display: flex; align-items: center; gap: 15px;}
#topSec .global_nav {height: auto; padding: 0 10px;}
#topSec .global_nav ul {display: flex; gap: 15px; align-items: center;}
#topSec .global_nav ul li a {font-size: 12px; }

@media only screen and (min-width: 1025px) {
    #mainNav {top: 0; position:unset;}
}

@media only screen and (max-width: 820px) {
    #topSec .util_nav ul li {width: 100%;}
}

/* 헤더 */
#headerSec {padding: 0 10px;}
#headerSec .headerSecInner {display: flex; justify-content: space-between; align-items: center;}
#mainNav .a_1 {display: block; padding: 20px 30px; font-weight: 400; font-size: 14px;}

@media only screen and (min-width: 1025px) {
  #mainNav .ul_1 {float: right; display: flex; text-align: center; align-items: center; word-break: normal; justify-content:space-around;}
}

@media only screen and (max-width: 1024px) {
  #headerSec .logo {width: 100%; justify-content:space-between; padding:0;}
}

@media only screen and (max-width: 600px) {
    #mainNav nav.menuUItop {
        position: absolute !important;
        width: stretch;
        top: 30px;
    }
}