@charset "utf-8"; 
/*
  Project _ CSS Init
  FileName _ layout.css - (전체적인 공통레이아웃)
  Author _ 쮸양~★
  Date _ 2020. 11. 09
  Last _ 2020. 11. 12
*/



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

/*
@media all and (min-width:1200px) {
	.inner, .container {width:1200px; margin:0 auto; position:relative}
}

@media all and (max-width:1199px) {
	.inner, .container {width:98%; margin:0 auto; position:relative}
}
*/



/******************************************************************************************************************************************
	header CSS (상단-로고,메뉴,탑메뉴 설정) - 2020.11.12 쮸양~★
*******************************************************************************************************************************************/
#header {height:137px; background:#008f4c; z-index:10; transition:all 0.2s; -moz-transition:all 0.2s; -webkit-transition:all 0.2s; -o-transition:all 0.2s}
#header a {color:#fff}

/* logo (로고) */
#header .logo {position:absolute; top:54px; left:0; z-index:30;}
#header .logo a {display:inline-block; width:391px; height:65px; text-indent:-9999px;background:url('/groups/language/images/common/h_logo_n.png') no-repeat; background-size:100%;}

/*
@media all and (max-width:480px) {
	#header .logo {top:66px}
	#header .logo a {width:291px; height:22px}
}
*/

/* head_top (탑메뉴) */
#header .head_top {height:37px; line-height:37px; font-size:1.1em; border-bottom:1px solid rgba(0, 0, 0, 0.2);}
#header .head_top::after {display:block; clear:both; content:''}
#header .head_top a:hover {text-decoration:none}
#header .head_top .right {float:right; position:relative}
#header .head_top .right li {display:inline-block; position:relative; border-right:1px solid rgba(0, 0, 0, 0.2);}

#header .head_top .right li a {display:block; padding:0 20px 0px 40px; color:#fff}
#header .head_top .right li:first-child a {border-left:1px solid rgba(0, 0, 0, 0.2);}

#header .head_top .right li a i.home {position:absolute; top:12px; left:15px; width:14px; height:13px; display:block; background:url('/groups/language/images/common/i_h.png') no-repeat 0px 0px;}
#header .head_top .right li a i.uni {position:absolute; top:12px; left:15px; width:15px; height:13px; display:block; background:url('/groups/language/images/common/i_uni.png') no-repeat 0px 0px;}
#header .head_top .right li a i.pot {position:absolute; top:12px; left:15px; width:15px; height:13px; display:block; background:url('/groups/language/images/common/i_pot.png') no-repeat 0px 0px;}

/*
@media all and (max-width:1024px) {
	#header .head_top .right li:last-child a {padding-right:0}
}
@media all and (max-width:400px) {
	#header .head_top {text-align:center}
	#header .head_top .right {float:none}
	#header .head_top .right li:last-child a {padding-right:15px}
}
*/

/* 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 {float:right; padding-left:400px;}
#gnb_area nav .gnb_menu > li {float:left; position:relative}
#gnb_area nav .gnb_menu > li > a {position:relative; display:block; padding:0 25px; font-size:1.65em; text-decoration:none; height:100px; line-height:100px}
#gnb_area nav .gnb_menu > li:last-child > a {padding-right:25px}
#gnb_area nav .gnb_menu > li:hover > a {color:#fffac0}

/* 뎁스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:#cce198}

#gnb_area nav .gnb_menu > li > .depth2 {display:none;position:absolute; width:110%; padding:10px 0; top:98px; left:50%; margin-left:-55%; background:#008f4c; 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; font-size:1.35em; line-height:1.6; word-break:keep-all}

/*
@media all and (max-width:1199px) {
	#gnb_area nav {width:98%}
	#gnb_area nav .gnb_menu > li > a {padding: 0 30px;}
	#gnb_area nav .gnb_menu > li:last-child > a {padding-right:40px}
}
@media all and (min-width:1025px) {
	#menu_icon,  .close_menu {display:none}
	#gnb_area nav h2 {display:none}
}
@media all and (max-width:1024px) {
	#menu_icon {display:block; position:absolute; top:66px; right:10px; width:28px; height:28px; text-indent:-9999px; background:url('/groups/suppo/groups/language/images/common/menu_open.png') no-repeat; background-size:cover; cursor:pointer}
	#gnb_area {display:none; position:fixed; right:0; top:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.8); z-index:100}
	#gnb_area nav {position:fixed; right:0; height:100%; width:240px; z-index:30; background:#007d77; overflow-y:scroll!important; -ms-overflow-style:none}
	#gnb_area nav::-webkit-scrollbar {display:none!important}
	#gnb_area nav .gnb_top {background:#004d39; color#fff; text-align:center; color:#fff}
	#gnb_area nav h2 {padding:20px; font-size:2em; color:
#fff; text-align:left; background:
#036560}
	#gnb_area nav h2 a {background:url('/groups/suppo/groups/language/images/common/menu_close.png') no-repeat; background-size:cover; text-indent:-9999px; display:block; width:26px; height:26px; position:absolute; right:18px; top:22px}	
	#gnb_area nav .gnb_menu::after {display:block; clear:both; content:''}
	#gnb_area nav .gnb_menu > li {display:block; border-top:1px solid #036560; width:100%}
	#gnb_area nav .gnb_menu > li > a {position:relative; display:block; padding:0 15px; font-size:1.4em; color:#fff; text-decoration:none; height:50px; line-height:50px}
	#gnb_area nav .gnb_menu > li:hover > a {color:#fff}
	#gnb_area nav .gnb_menu > li:hover > a::after {background:none}
	#gnb_area nav .gnb_menu > li > a::after {display:none}
	#gnb_area nav .gnb_menu > li > a::before {position:absolute; top:17px; right:24px; content:''; display:block; width:10px; height:10px; background:transparent; border-left:1px solid #fff; border-bottom:1px solid #fff; -moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); transform:rotate(-45deg); transition:all .3s ease-in-out}
	#gnb_area nav .gnb_menu > li > a.on {color:#fffac0}  
	#gnb_area nav .gnb_menu > li > a.on::before {position:absolute; top:22px; content:''; display:block; border-left:1px solid #fffac0; border-bottom:1px solid #fffac0; -moz-transform:rotate(-225deg); -ms-transform:rotate(-225deg); -webkit-transform:rotate(-225deg); transform:rotate(-225deg)}	
	#gnb_area nav .gnb_menu > li > .depth2 {display:none;background:#f2f2f2;position:static;border-radius:0;padding:0;text-align:left;border:none;margin-left: 0;}
	#gnb_area nav .gnb_menu > li > .depth2::after {display:none}
	#gnb_area nav .gnb_menu > li > .depth2 ul li {position:relative; border-top:1px solid #dedede}	
	#gnb_area nav .gnb_menu > li > .depth2 ul li:first-child {border:none}
	#gnb_area nav .gnb_menu > li > .depth2 ul li a {font-size:1.25em; color:#222; padding:10px 20px; display:block}
}
*/


/******************************************************************************************************************************************
	footer CSS (하단-로고,하단메뉴,바로가는사이트) - 2020.11.12 쮸양~★
*******************************************************************************************************************************************/
footer {clear:both; z-index:11; background:#eeeeee; padding:30px 0}
footer .f_logo {display:inline-block; width:296px; height:65px; text-indent:-99999px; background:url('/groups/language/images/common/f_logo_n_1.png') no-repeat; background-size:cover; margin-right:30px; vertical-align:middle}
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; line-height:1.2; color:#777; margin-top:5px}
footer .f_info address a {color:#777}
footer .f_info small {font-size:0.9em; color:#888}
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;}


/*
@media all and (max-width:800px) {
    footer .f_logo {display:none}
    footer .f_info {width:100%}
}
*/