/* 영문폰트 */
.ubu { font-family:Ubuntu; }


/*************** 공통 레이아웃 ***************/

.fwrap { position:relative; width:calc(100% - 120px); margin-left:60px; margin-right:60px; }
.swrap { position:relative; width:1400px; margin-left:auto; margin-right:auto; }

#head { width:100%; top:0; left:0; position:fixed; z-index:1000; overflow:hidden; }
#head.main { top:30px; }
#logo { position:absolute; height:90px; line-height:90px; left:0; top:0; z-index:10; }

#top_option { position:absolute; width:100px; height:90px; top:0; right:0; text-align:right; z-index:10; }
#top_option p { display:inline-block; margin-left:30px; }
#top_option .mmenu_btn { width:60px; height:90px; background:url('/images/smap_btn.gif') right center no-repeat; cursor:pointer; }


/*** ALL GNB ***/

#all_gnb:before { position:absolute; width:100%; height:90px; display:block; content:''; background:#fff; z-index:-1; border-bottom:1px solid #ddd; }

#gnb { text-align:right; padding-right:160px; }
#gnb ul { display:inline-block; }
#gnb ul:after { clear:both; visibility:hidden; display:block; content:''; }
#gnb ul li { float:left; height:90px; width:160px; margin:0 30px; text-align:center; cursor:pointer; position:relative; }
#gnb > ul > li > a { color:#222; font-size:18px; font-weight:500; line-height:90px; }
#gnb > ul > li:hover > .submenu { display:block; }
#gnb > ul > li:hover,  #head.gnb2 #gnb > ul > li:hover { height:270px; }

#gnb .submenu { display:none; padding:14px 0 16px; background:#fff; z-index:1000; margin-top:-10px; border-radius:6px; -webkit-box-shadow:0 2px 5px 2px rgba(0, 0, 0, 0.15); -moz-box-shadow:0 2px 5px 2px rgba(0, 0, 0, 0.15); box-shadow:0 2px 5px 2px rgba(0, 0, 0, 0.15); }

.submenu a { display:block; color:#777; font-size:14px; font-weight:400; height:30px; text-align:center; line-height:30px; }
.submenu a:hover { color:#000; }


#head.main.gnb2 { top:0; }
#head.gnb2 #logo img { height:34px; }
#head.gnb2 #logo, #head.gnb2 #gnb > ul > li > a { height:76px; line-height:76px; font-size:17px; }
#head.gnb2 #top_option, #head.gnb2 #top_option .mmenu_btn, #head.gnb2 #all_gnb:before, #head.gnb2 #gnb ul li { height:76px; }




/*** BASIC Mobil GNB ***/

#mgnb_back { position:fixed; top:0; left:0; width:100%; height:100%; background:#000; opacity:.9; display:none; z-index:19999; transition:none !important; }
.mclose { position:absolute; top:40px; right:60px; cursor:pointer; z-index:20000; }

#mobile_menu, #site_map { position:fixed; width:0; height:0; left:0; top:0; overflow-y:auto; z-index:20000; opacity:0; }

.menu_bg { position:fixed; background:#222; z-index:-1; }
#mobile_menu.mmenu_view, #site_map.smap_view { width:100%; height:100%; opacity:1; }
#mobile_menu.mmenu_view .menu_bg, #site_map.smap_view .menu_bg { animation-name:menu_bg; animation-duration: 1s; animation-fill-mode:forwards; }

@keyframes menu_bg {
	0% { width:0; height:0; top:80px; right:80px; border-radius:50%; }
	70% { width:3000px; height:3000px; top:-1500px; right:-1000px; border-radius:50%; }
	100% { width:100%; height:100%; top:0; right:0; border-radius:0; }
}


#mobile_menu .m_gnb { margin:40px 0 6px; cursor:pointer; font-size:36px; font-weight:700; font-family:Nanum Gothic; color:#fff; opacity:0; transition:all 2s; }
#mobile_menu .m_gnb:first-child { margin-top:0; }
#mobile_menu.mmenu_view .m_gnb { opacity:1; }

#mobile_menu .m_snb { transition:none !important; }
#mobile_menu .m_snb li { margin-top:15px; cursor:pointer; font-size:17px; }
#mobile_menu .m_snb li a { display:block; color:#fff; font-weight:400; }




/*** BASIC Site Map ***/


#site_map .vm > ul { display:flex !important; width:100% }
#site_map .vm > ul > li { width:100%; position:relative; opacity:0; transition:opacity 1.4s; }
#site_map.smap_view .vm > ul > li { opacity:1; }

#site_map .smap_gnb p { color:#fff; font-size:24px; font-weight:500; }

#site_map .smap_snb { margin-top:30px; }
#site_map .smap_snb li { margin-top:16px; }
#site_map .smap_snb a { color:#ccc; font-size:16px; }
#site_map .smap_snb a:hover { color:#fff; }

#site_map #smap_line { display:flex; position:absolute; width:100%; height:100%; left:0; top:0; opacity:.2; }
#site_map #smap_line li { width:100%; border-left:1px solid #fff; }
#site_map #smap_line li:first-child { border-left:0; }




/***** 하단 *****/

#tail_area { position:relative; margin-top:100px; padding:60px 0; background:#333; }
#tail_area.attach { margin-top:0 !important; }
#tail_btn {	text-align:center; }

#tail_btn li { display:inline-block; margin:0 10px; }
#tail_btn li a { display:inline-block; width:100%; padding:0 10px; color:#ddd; font-size:16.5px; }

#address { text-align:center; color:#aaa; font-size:15px; line-height:160%; }
#page_top { position:absolute; bottom:40px; right:30px; opacity:.3; cursor:pointer; }
#page_top:hover { opacity:1; }

#tail_line { border-top:1px solid #555; margin:40px 0; }
#tail_sns_img { text-align:center; margin-bottom:25px; }

#copyright p { text-align:center; color:#aaa; font-size:12px; text-transform:uppercase; }