@charset "UTF-8";

	html,
	body { -webkit-text-size-adjust:none; width:100%; }

	#wrap { height:100%; position:relative; width:100%; }

	#header { background-color:#fff; width:100%; }
	.header { background:#fff; box-shadow:0 0 10px 10px rgba(0, 0, 0, 0.05); height:92px; position:relative; }
	.header .logo { background:url("/mko/images/common/mlogo.png") no-repeat; height:50px; left:32px; position:absolute; top:21px; width:72px; z-index:10; }
	.header .logo a { display:block; height:100%; overflow:hidden; text-indent:-20000px; width:100%; }
	.header .gnb_open { background:url("/mko/images/common/btn_allmenu.png") no-repeat; border:0; height:44px; position:absolute; right:32px; top:24px; width:44px; }

	.depth1_menu { background:#eee; height:150px; position:relative; width:100%; }
	.depth1_menu > h2 { text-align:center; }
	.depth1_menu > h2 > a { color:#000; display:inline-block; font-family:"ngb"; font-size:42px; line-height:150px; }
	.depth1_menu > h2 > a > img { margin-left:20px; vertical-align:middle; width:28px; }

	.depth1_menu > ul { background-color:#fff; border:1px solid #d7d7d7; box-shadow:5px 5px 20px -10px; display:none; left:50%; position:absolute; top:122px; transform:translateX(-50%); -webkit-transform:translateX(-50%); width:270px; z-index:10;}
	.depth1_menu > ul > li + li { border-top:1px solid #d7d7d7; height:80px; }
	.depth1_menu > ul > li > a { color:#000; display:block; font-family:"ngb"; font-size:28px; line-height:80px; text-align:center; }

	.depth2_menu_wrap { background-color:#000; overflow:hidden; }

	.depth2_menu { background-color:#000; height:80px; text-align:center; width:100%; }
	.depth2_menu li { display:inline-block; width:auto; }
	.depth2_menu li a { color:#aaa; display:block; font-size:24px; line-height:80px; padding:0 25px;  }
	.depth2_menu li.on a { background:url("/mko/images/common/depth2_on_bg.png") right 13px no-repeat; color:#fff; font-family:"ngb"; }

	.btn_rnb_close { background:url("/mko/images/common/btn_rnb_close.png") no-repeat; border:none; display:none; height:44px; position:fixed; right:-574px; top:24px; width:44px; z-index:101; }

	#gnb { background-color:#fff; display:none; height:100%; position:fixed; right:-550px; top:0; width:550px; z-index:101; }
	#gnb:before { background:url("/mko/images/common/rnb_logo.png") 40px center no-repeat; border-bottom:2px solid #eee; content:""; display:block; height:132px; width:100%; }

	#gnb .lang_sel_btns { font-size:0; position:absolute; right:32px; text-align:right; top:50px; }
	#gnb .lang_sel_btns a { color:#000; display:inline-block; font-family:"ngb"; font-size:28px; margin-left:32px; padding-bottom:6px; }
	#gnb .lang_sel_btns a:hover,
	#gnb .lang_sel_btns a.on { border-bottom:4px solid #000; }

	#gnb .tel { color:#000; display:inline-block; font-family:"ngb"; font-size:28px; left:50%; line-height:1; margin-top:38px; padding-left:24px; position:relative; -webkit-transform:translateX(-50%); transform:translateX(-50%); }
	#gnb .tel:before { background:url("/mko/images/common/ico_phone.png") no-repeat; content:""; height:25px; left:0; position:absolute; top:0; width:15px; }

	.gnb_sns { font-size:0; margin:38px 0 40px; text-align:center; }
	.gnb_sns > a { background:url("/mko/images/common/g_ico_sns_bg.png") no-repeat; display:inline-block;margin:0 16px; height:66px; width:67px; }
	.gnb_sns > a.sns01 { background-position:0 0; }
	.gnb_sns > a.sns02 { background-position:-99px 0; }
	.gnb_sns > a.sns03 { background-position:-198px 0; }
	.gnb_sns > a.sns04 { background-position:-298px 0; }

	#gnb > nav > ul { border-top:2px solid #eee; }
	#gnb > nav > ul > li > a { border-bottom:2px solid #d7d7d7; color:#000; font-family:"ngb"; font-size:29px; display:block; height:92px; line-height:90px; padding-left:40px; position:relative; }
	#gnb > nav > ul > li > a:after { background:url("/mko/images/common/rnb_menu_arr.png") no-repeat; background-position:0 -20px; content:""; display:block; height:20px; position:absolute; right:33px; top:50%; -webkit-transform:translateY(-50%); transform:translateY(-50%); width:33px; }
	#gnb > nav > ul > li > a.on:after { background-position:0 0; }

	#gnb .depth2 { background-color:#f7f7f7; display:none; padding:0 50px 0 40px; }
	#gnb .depth2 > li { border-bottom:2px solid #d7d7d7; margin:0; }
	#gnb .depth2 > li:last-child { border:0; }
	#gnb .depth2 > li > a { color:#000; display:block; font-size:28px; padding:25px 0; position:relative; }
	#gnb .depth2 > li > a.child:after { background:url("/mko/images/common/rnb_menu_arr_g.png") no-repeat; background-position:0 -15px; content:""; display:block; height:15px; opacity:.5; position:absolute; right:0; top:50%; -webkit-transform:translateY(-50%); transform:translateY(-50%); width:25px; }
	#gnb .depth2 > li > a.child.on:after { background-position:0 0; }

	#gnb .depth3 { display:none; padding-bottom:25px; }
	#gnb .depth3 > li { margin-top:20px; }
	#gnb .depth3 > li:first-child { margin-top:0; }
	#gnb .depth3 > li > a { color:#555; display:block; font-size:28px; position:relative; }
	#gnb .depth3 > li > a:before { content:"-"; display:inline-block; }

	.gnb_link:after { clear:both; content:""; display:block; }
	.gnb_link > a { background-color:#555; color:#fff; float:left; font-size:32px; height:100px; line-height:100px; text-align:center; width:50%; }
	.gnb_link > a:first-child { background-color:#909090; }

	#footer { background-color:#111; padding:55px 0 60px; position:relative; text-align:center; }
	#footer .logo { background:url("/mko/images/common/logo_w.png") no-repeat; height:76px; margin:0 auto; width:330px; }
	#footer address { color:#fff; font-size:24px; font-style:normal; font-weight:300; line-height:38px; margin-top:50px; }
	#footer address a { color:#fff; }
	#footer .copy { color:#fff; font-size:24px; font-weight:300; line-height:1; margin-top:30px; }

	.f_gnb_sns { margin-top:57px; }
	.f_gnb_sns > a { background:url("/mko/images/common/f_ico_sns_bg.png") no-repeat; display:inline-block; height:80px; margin:0 20px; width:80px; }
	.f_gnb_sns > a.sns01 { background-position:0 0; }
	.f_gnb_sns > a.sns02 { background-position:-120px 0; }
	.f_gnb_sns > a.sns03 { background-position:-240px 0; }
	.f_gnb_sns > a.sns04 { background-position:-360px 0; }

	.mt44 { margin-top:44px !important; }
	.mt50 { margin-top:50px !important; }
	.mt60 { margin-top:60px !important; }
	.mt75 { margin-top:75px !important; }
	.mt100 { margin-top:100px !important; }