@charset "utf-8";

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

/* 템플릿별로 개별 정의해야하는 CSS는 이 밑으로 작성하시면 최종적으로 적용 됩니다.**********/

#_contentBuilder {
	min-height: 500px;
	padding-bottom: 2em;
}

/**[GNB]**/
@media only screen and (min-width: 1025px){

	#mainNav .div_2 {
	  text-align: center;
	  width: 320px;
	  left: calc(50% - 160px);
	}
}
/**[GNB hidden menu]**/
#menuUItop li.li_1_13726 {
	display: none;
}

.main_quickLink ul li{vertical-align: top;}
.main_quickLink{width:800px;height:175px;}

@media only screen and (max-width: 820px){
.main	.main_quickLink{width:90%;}
.main_quickLink ul li a{box-sizing:border-box;}
.main_quickLink{height:200px;}
}

@media only screen and (max-width: 600px){
	.main_quickLink{height:150px;}
#multipleDiv_temp_02_24 {top: 235px;}
.main_quickLink ul li a{padding-top:80px;}
.main_quickLink ul li a strong{font-size:14px;}
}

@media only screen and (max-width: 480px){
#multipleDiv_temp_02_24{top:160px;}
.main .main_quickLink{height:100%;}
.main_quickLink ul li a{padding-top:70px;}
}






/**Greetings**/
#introduceBox .thumb .sign {
  padding: 4px 14px 0 16px;
  font-size: 16px;
}
#introduceBox .thumb .sign em {
    font-size: 24px;
}

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

/* 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; color: white;}

@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;
    }
}