@font-face {
  font-family: 'poppins';
  font-weight: 700;
  font-style: italic;
  font-display: swap;
  src: url(https://cdn.jsdelivr.net/gh/wishmediaart/font/poppins_700_italic.woff2) format('woff2');
}
@font-face {
  font-family: 'poppins';
  font-weight: 800;
  font-style: italic;
  font-display: swap;
  src: url(https://cdn.jsdelivr.net/gh/wishmediaart/font/poppins_800_italic.woff2) format('woff2');
}


/* Web Site Basic Color */
.mc { color:#1f5da8 !important; }
.bgmc { background-color:#1f5da8 !important; }
.bdmc { border-color:#1f5da8 !important; }

.sc { color:#56b250 !important; }
.bgsc { background-color:#56b250 !important; }
.bdsc { border-color:#56b250 !important; }

.s2c { color:#a4ca41 !important; }
.bgs2c { background-color:#a4ca41 !important; }
.bds2c { border-color:#a4ca41 !important; }


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

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


#head { width:100%; top:0; left:0; position:fixed; z-index:1000; overflow:hidden; }
#logo { position:absolute; width:200px; height:100px; top:0; z-index:100; background:url('/images/logo_w.png') left center no-repeat;}
#logo a { display:block; height:100%; }

#top_option { position:absolute; width:300px; height:100%; top:0; right:0; text-align:right; cursor:pointer; z-index:100; }
#top_option div { position:absolute; }
#top_option .mmenu_btn { display:none; background:url('/images/btn_menu.gif') right center no-repeat; }

#top_option .top_lang {	right:0; top:42px; padding-right:16px; background:url('../images/opt_arrow.gif') right 7px no-repeat; font-size:13px; color:#fff; letter-spacing:0;
}
#lang_box { position:fixed; right:40px; top:70px; width:90px; text-align:center; height:100px; display:none; z-index:1100; }
.opt_box { padding:13px 0; background:#fff; border:1px solid #ddd; border-radius:7px; }
.opt_box a { display:block; font-size:12px; padding:3px 0; color:#777; letter-spacing:0; }
.opt_box a:hover { color:#222; }

#top_option .top_ytb { right:80px; top:36px; }
#top_option .top_ytb * { vertical-align:middle; }
#top_option .top_ytb i { font-size:18px; color:#fff; }
#top_option .top_ytb span { font-size:14px; color:#fff; padding-left:2px; }


/*** ALL GNB ***/

#top_bg { position:absolute; width:100%; height:100px; display:block; z-index:-1; }
#submenu_bg { position:absolute; background:#fff; width:100%; height:0; top:100px; left:0; transition:all .6s; z-index:-1;  -webkit-box-shadow:0 4px 5px -2px rgba(0, 0, 0, 0.1); -moz-box-shadow:0 4px 5px -2px rgba(0, 0, 0, 0.1); box-shadow:0 4px 5px -2px rgba(0, 0, 0, 0.1); }

#gnb { text-align:center; padding-left:200px;}
#gnb ul { display:inline-block; margin-top:31px; }
#gnb ul:after { clear:both; visibility:hidden; display:block; content:''; }
#gnb ul li { float:left; padding:10px 0; height:88px; width:180px; text-align:center; cursor:pointer; position:relative; }
#gnb > ul > li > a { color:#fff; font-size:17.5px; font-weight:500; }

#gnb > ul > li:hover > a { color:#1f5da8 !important; }
#gnb > ul > li:hover > .submenu { background:#f5f5f5; }

.submenu { position:relative; height:0; top:42px; overflow:hidden; transition:all .6s; border-right:1px solid #e5e5e5; }
.submenu.first { border-left:1px solid #e5e5e5; }
.submenu a { display:block; color:#777; font-size:14px; font-weight:400; height:30px; text-align:center; line-height:30px; }
.submenu a:hover { color:#333; }
.submenu a:first-child { margin-top:14px; }

#gnb ul li p { position:absolute; left:50%; top:68px; width:0; height:2px; background:#1f5da8; z-index:100; transition:all .4s; }
#gnb ul li:hover p { width:180px; margin-left:-90px; }


#head.gnb2 #logo { background-image:url('/images/logo.png'); }
#head.gnb2 #top_bg { background:#fff; border-bottom:1px solid #ddd; }
#head.gnb2 #gnb > ul > li > a { color:#222; }

#head.gnb2 #top_option .top_lang { color:#333; background-image:url('../images/opt_arrow2.gif'); }
#head.gnb2 #top_option .top_ytb i { color:#e1002d; }
#head.gnb2 #top_option .top_ytb span { color:#444; }

#head.gnb_on #gnb:hover #submenu_bg, #head.gnb_on #gnb:hover .submenu { height:180px; }
#head.gnb_on #gnb:hover ul li { height:250px; }


.eng .submenu a { padding:6px 10px; height:auto; line-height:120%; }

body.eng #head.gnb_on #gnb:hover #submenu_bg, body.eng #head.gnb_on #gnb:hover .submenu { height:190px; }
body.eng #head.gnb_on #gnb:hover ul li { height:270px; }


/*** 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:50px;
	right:70px;
	cursor:pointer;
	z-index:20000;
}

#mobile_menu {
	position:fixed;
	width:600px;
	top:0;
	right:-600px;
	height:100%;
	background:#1f5da8;
	padding-top:70px;
	overflow-y:auto;
	z-index:20000;
	transition:all .7s;
}
#mobile_menu.mmenu_view { right:0 !important; }
#mobile_menu .m_gnb {
	margin:24px 0 6px;
	padding-left:60px;
	cursor:pointer;
	font-size:36px;
	font-weight:700;
	font-family:Nanum Gothic;
	color:#fff;
}
body.chn #mobile_menu .m_gnb { font-family:Noto Sans SC; }


#mobile_menu .m_gnb:first-child { margin-top:30px !important; }

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

.minfo {
	position:absolute;
	bottom:40px;
	font-size:16px;
	line-height:150%;
	color:#fff;
}

#maddr { left:60px; width:240px; }
#mtel { left:340px; }

#m_icons { display:none; position:absolute; }
#m_icons:after { clear:both; visibility:hidden; display:block; content:''; }




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

.tail_br { display:none; }
#tail_btn_wrap { border-bottom:1px solid #ddd; }
#tail_btn {	position:relative; padding:25px 0; background:url('../images/sns.gif') right center no-repeat; }
#tail_btn li {
	float:left;
	padding:0 10px;
	border-left:1px solid #ddd;
}
#tail_btn li:first-child { padding-left:0; border-left:0; }
#tail_btn li a {
	display:inline-block;
	width:100%;
	padding:0 10px;
	color:#444;
	font-size:16px;
}
#tail_btn li:first-child a { padding-left:4px; }

#address {
	position:relative;
	color:#777;
	font-size:15px;
	line-height:160%;
	margin:34px 0;
}
#address p { display:inline; color:#888; font-size:12px; text-transform:uppercase; }
#tail_logo { position:absolute; top:0; right:0; padding-top:10px; }