/*********************************************
Note : 안내테스크 색상
*********************************************/
.Default_backColor,#CSpaper_Menu a,#CSpager_Layer .title strong {background-color:#145598}
.Default_textColor {color:#145598}

/*********************************************
Note : 기본레이아웃
*********************************************/
.body-wrap-full {width:100%}
.body-wrap-basic {position:relative;width:1100px;margin:0 auto}

/*********************************************
Note : head top
*********************************************/
.head-top {height:50px;border-bottom:1px solid #ddd}

/* link box */
.link-box ul, .link-box ul li {float:left}
.link-box ul li {font-size:13px;color:#676767;line-height:50px;margin-left:10px}
.link-box ul li.update strong {color:#fff;padding:2px 6px;background-color:#333}
.link-box ul li:first-child {margin-left:0}
.link-box ul li a {display:block;font-size:13px;color:#676767;line-height:50px}


/* 날씨 기본스타일 */
#weather_box > a {font-size:11px;letter-spacing:-0.08em;color:#b1b3b6;text-decoration:none;} /* 기상청제공 */
#weather_box,
#weather_box > ul.weather-roll li {box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
/* 날씨스타일-1 */
#weather-wiget-x1 {position:absolute;overflow:hidden;left:250px;top:10px;z-index:99;height:30px;font-size:13px;line-height:240%;color:#77787b;letter-spacing:-0.05em}
/* update 노출시 left:360px */
#weather-wiget-x1 > #weather_box {position:relative;float:left;width:100%;padding-left:56px;text-align:left;}
#weather-wiget-x1 > #weather_box > ul.weather-roll li {position:relative;float:left;width:100%;padding-left:30px;background-color:#fff;}
#weather-wiget-x1 > #weather_box > ul.weather-roll li > i {position:absolute;left:0;top:0;line-height:120%;}
#weather-wiget-x1 > #weather_box > a {position:absolute;left:0;top:0;}
/* 날씨스타일-1(파이어폭스) */
@-moz-document url-prefix() {	/* FF */
	#weather-wiget-x1 {line-height:240%;}
}

/* login box */
.login-box {float:right}
.login-box ul, .login-box ul li {float:left}
.login-box ul li {margin-left:10px}
.login-box ul li:first-child {margin-left:0}
.login-box ul li a {display:block;font-size:13px;color:#676767;line-height:50px}


/*********************************************
Note : head logo
*********************************************/
/*.head-logo .top-logo {float:left;width:260px}*/
.head-logo .top-logo {float:left;width:200px} /*20210330 modify by goodlife78*/


/*********************************************
Note : head menu
*********************************************/
.head-menu {overflow:visible;height:45px;padding:15px 0;border-bottom:1px solid #ddd}
.head-menu .body-wrap-basic {height:45px}

/* 1차섹션 */
/*ul.mega-menu {position:absolute;left:280px;top:0;width:740px;height:45px}*/
ul.mega-menu {position:absolute;left:190px;top:0;width:880px;height:45px} /*20210330 modify by goodlife78 */

/* 1차섹션(아웃) */
ul.mega-menu li.megaline {float:left}
ul.mega-menu li.megaline:first-child {background:none}
ul.mega-menu li.megaline a.first {position:relative;display:block;height:45px;font-weight:700;font-size:17px;color:#333;line-height:45px;padding:0 14px}
ul.mega-menu li.megaline a.first > .icon-bar {position:absolute;display:none;left:0;top:58px;width:100%;height:3px;background-color:#54a5e9;text-indent:-5000px}

/* 1차섹션(오버) */
ul.mega-menu li.megaline a.first.a-hover,
ul.mega-menu li.megaline a.first:hover {text-decoration:none;color:#54a5e9}	
ul.mega-menu li.megaline a.first.a-hover > .icon-bar,
ul.mega-menu li.megaline a.first:hover > .icon-bar {display:block}

/* 2차섹션 */
ul.mega-menu li.megaline > ul {position:absolute;overflow:hidden;display:none;width:1080px;height:36px;top:45px;background-color:transparent;z-index:9999}
ul.mega-menu li.megaline > ul > li.sub {float:left;height:36px;line-height:36px;padding:0 6px 0 7px;background:url('./design_basic.png') no-repeat left -3px}
ul.mega-menu li.megaline > ul > li.nobr {padding-left:0;background:none}
ul.mega-menu li.megaline > ul > li.sub > a {display:block;float:left;font-size:13px;color:#676767;letter-spacing:-0.08em}
ul.mega-menu li.megaline > ul > li.sub > a:hover {color:#000}


/*********************************************
Note : all menu
*********************************************/
/* all menu */
.all-menu-btn {position:absolute;right:0;padding:5px 10px;background-color:#333;letter-spacing:-0.08em}
.all-menu-btn a {display:block;font-size:18px;color:#fff}

/* all menu box */
.all-menu-box {position:absolute;display:none;top:60px;left:0;right:0;padding:19px;background-color:#fff;border:1px solid #ddd;z-index:9999}

/* 1차섹션 */
.mega-menu-all {float:left;width:100%}
.mega-menu-all ul.hm-menu {float:left;width:100%;margin-top:20px}
.mega-menu-all ul.hm-menu:first-child {margin-top:0}

/* 1차섹션(아웃) */
/*.mega-menu-all ul li.megaline {float:left;width:128px;margin-left:14px;box-sizing:border-box;text-align:left}*/
.mega-menu-all ul li.megaline {float:left;width:120px;margin-left:14px;box-sizing:border-box;text-align:left} /*20210330 modify by goodlife78 */
.mega-menu-all ul li.megaline:first-child {margin-left:0}
.mega-menu-all ul li.megaline a.first {display:block;height:36px;font-weight:700;font-size:17px;color:#333;line-height:36px;border-top:1px solid #ddd;border-bottom:1px solid #ddd}

/* 1차섹션(오버) */
.mega-menu-all ul li.megaline a.first.a-hover,
.mega-menu-all ul li.megaline a.first:hover {text-decoration:none;color:#54a5e9}

/* 2차섹션 */
.mega-menu-all ul li.megaline > ul {}
.mega-menu-all ul li.megaline > ul > li.sub {list-style-type:disc;list-style-position:inside;width:100%;margin-top:7px}
.mega-menu-all ul li.megaline > ul > li.sub > a {font-size:12px;color:#676767}
.mega-menu-all ul li.megaline > ul > li.sub > a:hover {color:#000}