@charset "utf-8"; 
/*
  Project _ CSS Init
  FileName _ layout.css - (전체적인 공통레이아웃)
  Author _ 쮸양(태태태어멈)~★
  Date _ 2022. 01. 13
  Last _ 2022. 01. 13
*/

#wrap {
	position:relative;
	width:100%;
	min-width:1200px;
	}

/******************************************************************************************************************************************
	common CSS (레이아웃 공통사항 설정) - 2022.01.13 쮸양~★
*******************************************************************************************************************************************/
.ico_blank, .blank {display:inline-block; width:14px; height:14px; text-indent:-99999px; background:url('../img/ico_blank_2.png') no-repeat; background-size:cover; vertical-align:middle; margin-left:3px}
.inner, .container {position:relative; width:1200px; margin:0 auto;}



/******************************************************************************************************************************************
	header CSS (상단-로고,메뉴,탑메뉴 설정) - 2022.01.13 쮸양~★
*******************************************************************************************************************************************/
#header {height:162px; z-index:10; transition:all 0.2s; -moz-transition:all 0.2s; -webkit-transition:all 0.2s; -o-transition:all 0.2s}

/* logo (로고) */
#header .logo {position:relative; width:1200px; height:94px; text-align:center; z-index:30; padding-top:28px;}
#header .logo a {display:inline-block; width:210px; height:55px; text-indent:-9999px;background:url('../img/common/h_logo.png') no-repeat; background-size:cover;}


/* gnb_area, gnb_menu (메인메뉴) */
#gnb_area {position:relative; width:100%}
#gnb_area nav {position:relative; width:1200px; margin:0 auto; z-index:20}

#gnb_area nav .gnb_menu {}
#gnb_area nav .gnb_menu > li {position:relative; float:left;}
#gnb_area nav .gnb_menu > li > a {position:relative; display:block; padding:0 32px; font-size:23px; text-decoration:none; height:68px; line-height:68px; color:#313131;}
#gnb_area nav .gnb_menu > li:hover > a {color:#01479e}

/* 뎁스2메뉴 */
#gnb_area nav .gnb_menu > li > .depth2::after {position:absolute; left:0; top:-3px; width:0; height:3px; content:''; transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s}
#gnb_area nav .gnb_menu > li:hover > .depth2::after {width:100%; background:#2670b4}

#gnb_area nav .gnb_menu > li > .depth2 {display:none;position:absolute; width:110%; padding:10px 0; top:68px; left:50%; margin-left:-55%; background:#01479e; text-align:center; border-top:none; border-radius:0 0 8px 8px;}
#gnb_area nav .gnb_menu > li > .depth2 > ul li a {display:block; padding:5px 10px; color:#fff; font-size:1.35em; line-height:1.6; word-break:keep-all}


/* head_top (탑메뉴) */
.top_right {position:absolute; top:35px; right:0px;}
.top_right li {position:relative; display:inline-block; height:15px; border-right:1px solid #959595;}

.top_right li a {font-size:12px; letter-spacing:0em; display:block; padding:0px 10px; color:#959595}
.top_right li:first-child a {padding-left:40px;}
.top_right li:last-child {border-right:none;}
.top_right li:last-child a {padding-right:0px;}



/******************************************************************************************************************************************
	footer CSS (하단-로고,하단메뉴,바로가는사이트) - 2022.01.13 쮸양~★
*******************************************************************************************************************************************/
footer {clear:both; z-index:11; background:#eeeeee; padding:30px 0}
footer .f_info {display:inline-block; vertical-align:middle; width:calc(100% - 330px)}
footer .f_info li {display:inline-block; position:relative; padding:0 25px 5px 0}
footer .f_info li::after {content:""; position:absolute; right:10px; top:3px; width:1px; height:10px; background:#bbb}
footer .f_info li a {display:block; font-size:1.1em}
footer .f_info li:last-child::after {display:none}
footer .f_info address {display:block; padding:5px 0; letter-spacing:0; line-height:1.5; color:#777; margin-top:5px}
footer .f_info address a {color:#777}
footer .f_info small {font-size:0.9em; color:#888; letter-spacing:0px;}
footer .f_info small a {text-decoration:none; color:#888}

/* 하단바로가기 */
.footBtn {position:absolute; top:0px; right:0px; text-align:left; width:200px; height:40px; margin:0 5px 5px 0; border:1px solid #ccd1da;}
.footBtn button {width:198px; height:38px; background:#fff; color:#404040; text-align:center; border:1px solid #eee;}
.footBtn ul {display:none; position:absolute; bottom:30px; left:-1px; z-index:10000; width:200px; background:#fff; border:1px solid #ccd1da; border-bottom:0; max-height:300px; overflow-y:scroll;}
.footBtn ul li.ti {border-bottom:1px dashed #dedede; overflow:hidden; color:#404040; background:#eeeeee; font-size:13px; text-align:center; padding:7px 5px;}
.footBtn ul li {border-bottom:1px dashed #dedede; overflow:hidden; background:#fff; font-size:13px;}
.footBtn ul li:last-child {border:0;}
.footBtn ul li.subLine {border-bottom:3px double #dedede;}
.footBtn ul li a {display:block; overflow:hidden; padding:7px 5px; color:#333; background:#fff; font-size:13px; text-align:left;}
.footBtn ul li a:hover,
.footBtn ul li a:focus,
.footBtn ul li a:active {color:#fff; background:#404040;}