@charset "utf-8";

/*************************************************
CSS
/cmn_v1/css/gl_header.css

14.10.01
update:15.02.16
*************************************************/

/* ------------------------- TOC
Global Header
Media Queries
-------------------------- */



/* ============================== Clearfix */
.gl_nv_lst:before,
.gl_nv_lst:after { content: ""; display: table; }
.gl_nv_lst:after { clear: both; }
.gl_nv_lst { zoom: 1; }



/* ============================================================ Global Header */
#gl_header {}
#gl_header.hd_line { margin-bottom: 40px; border-bottom: 1px solid #dedede; }
#gl_header .gl_hd { max-width: 1008px; margin: 0 auto; padding: 0 8px; }
#gl_header .gl_hd .inner { display: table; width: 100%; }
#gl_header .hd_lg { display: table-cell; padding: 16px 0 0; vertical-align: middle; }
#gl_header .hd_lg a { display: block; width: 140px; height: 48px; background: url(../../cmn_v1/img/gl_header/hd_logo.png) 0 0 no-repeat; text-indent: -9999px; }


/* ============================== Header Utility */
#gl_header .hd_ut { display: table-cell; vertical-align: middle; padding: 4px 0; text-align: right; }
#gl_header .hd_ut .hd_ut_country { display: inline-block; padding: 2px 0 3px; color: #333333; font-size: 14px; font-weight: bold; }

/* hd_ut_lang_select */
#gl_header .hd_ut .hd_ut_lang_select { display: inline-block; margin-left: 3px; }

#gl_header .hd_ut .hd_ut_lang_select .hd_ut_lang { display: inline-block; padding: 2px 0 3px 11px; background: url(../../cmn_v1/img/gl_header/hd_ut_lang.png) 0 50% no-repeat; border-right: 1px solid #dedede; }
#gl_header .hd_ut .hd_ut_lang_select .hd_ut_lang .txt { display: inline-block; padding-right: 21px; background: url(../../cmn_v1/img/gl_header/hd_ut_lang_arrowdown.png) 100% 50% no-repeat; color: #666666; font-size: 14px; }
#gl_header .hd_ut .hd_ut_lang_select .hd_ut_lang:hover .txt { text-decoration: underline; }
#gl_header .hd_ut .hd_ut_lang_select span.hd_ut_lang .txt { padding-right: 10px; background: none; }
#gl_header .hd_ut .hd_ut_lang_select span.hd_ut_lang:hover .txt { text-decoration: none; }

#gl_header .hd_ut .hd_ut_lang_select .hd_ut_lang_lst { position: relative; z-index: 10; }
#gl_header .hd_ut .hd_ut_lang_select .hd_ut_lang_lst ul { display: none; position: absolute; right: 0;
	-moz-box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
	box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
}
#gl_header .hd_ut .hd_ut_lang_select .hd_ut_lang_lst ul li { border-bottom: 1px solid #c9c9c9; text-align: left; white-space: nowrap; }
#gl_header .hd_ut .hd_ut_lang_select .hd_ut_lang_lst ul li:last-child { border-bottom: none; }
#gl_header .hd_ut .hd_ut_lang_select .hd_ut_lang_lst ul li a { display: block; padding: 8px 8px 8px 11px; background: #f3f3f3; color: #333333; font-size: 14px; }
#gl_header .hd_ut .hd_ut_lang_select .hd_ut_lang_lst ul li a:hover { background: #dedede; text-decoration: none; }
#gl_header .hd_ut .hd_ut_lang_select .hd_ut_lang_lst ul li a.act,
#gl_header .hd_ut .hd_ut_lang_select .hd_ut_lang_lst ul li a.act:hover { background: #999999; color: #ffffff; }

#gl_header .hd_ut .hd_ut_lang_select .hd_ut_lang.open { background: #f3f3f3; border-right: 1px solid #f3f3f3;
	-webkit-border-radius: 4px 4px 0 0;
	border-radius: 4px 4px 0 0;
	-moz-box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
	box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
}

#gl_header .hd_ut .hd_ut_lang_select .hd_ut_lang.open .txt { background-image: url(../../cmn_v1/img/gl_header/hd_ut_lang_arrowup.png); }
#gl_header .hd_ut .hd_ut_lang_select .hd_ut_lang_lst ul.open { display: block; }


#gl_header .hd_ut .hd_ut_change { display: inline-block; padding: 2px 24px 3px 8px; background: url(../../cmn_v1/img/gl_header/hd_ut_change.png) 100% 50% no-repeat; color: #666666; font-size: 12px; font-weight: bold; }
#gl_header .hd_ut .hd_ut_btn a { display: inline-block; margin-top: 8px; padding: 6px 8px; background: #6c7074; color: #ffffff; font-size: 12px; font-weight: bold; text-decoration: none;
	-webkit-border-radius: 8px;
	border-radius: 8px;
}
#gl_header .hd_ut .hd_ut_btn a:hover { background-color: #888b8e; }

/* for small window */
#gl_header .gl_nv_btn,
#gl_header .gl_nv_s .hd_ut_s,
#gl_header .gl_nv_s .hd_ut_btn { display: none; }


/* ============================== Global Navigation */
#gl_header #gl_nv { background: #303233; position: relative; z-index: 4; }
#gl_header #gl_nv .gl_nv_lst { max-width: 1024px; margin: 0 auto; }
#gl_header #gl_nv .gl_nv_lst li { float: left; word-break: break-all; }
#gl_header #gl_nv .gl_nv_lst li a.gl_nv_lst_mn { position: relative; display: block; height: 29px; padding: 11px 16px 0; color: #ffffff; font-size: 14px; line-height: 1.2; z-index: 4; }
#gl_header #gl_nv .gl_nv_lst li a.gl_nv_lst_mn.open { background: #c9c9c9; color: #000000; }
#gl_header #gl_nv .gl_nv_lst li a.gl_nv_lst_mn.act { background: #000000; color: #ffffff; }
#gl_header #gl_nv .gl_nv_lst li a.gl_nv_lst_mn.act.open { background: #c9c9c9; color: #000000; }
#gl_header #gl_nv .gl_nv_lst li a.gl_nv_lst_mn:hover { background: #c9c9c9; color: #000000; text-decoration: none; }
#gl_header #gl_nv .gl_nv_lst li a.gl_nv_lst_mn:hover:after,
#gl_header #gl_nv .gl_nv_lst li a.gl_nv_lst_mn.open:after,
#gl_header #gl_nv .gl_nv_lst li a.gl_nv_lst_mn.act:hover:after { content: url(../../cmn_v1/img/gl_header/hd_gl_nv_arr_02.png); position: absolute; top: 100%; left: 50%; margin-left: -10px; line-height: 0; z-index: 3; }

/* Search */
#gl_header #gl_nv .gl_nv_lst li.gl_nv_src { float: right; padding-top: 8px; padding-right: 8px; }
#gl_header #gl_nv .gl_nv_lst li.gl_nv_src .dsp_normal {}
#gl_header #gl_nv .gl_nv_lst li.gl_nv_src .dsp_middle { display: none; }

#gl_header #gl_nv .gl_nv_lst li.gl_nv_src .gl_nv_src_inp { overflow: hidden; }
#gl_header #gl_nv .gl_nv_lst li.gl_nv_src .gl_nv_src_txt { display: block; float: left; width: 150px; height: 22px; margin: 0; padding: 2px 8px 0 8px; border: none; font-size: 14px; background: #ffffff;
	-webkit-border-radius: 4px 0 0 4px;
	border-radius: 4px 0 0 4px;
}
#gl_header #gl_nv .gl_nv_lst li.gl_nv_src .gl_nv_src_btn { display: block; float: left; width: 24px; height: 24px; margin: 0; border: none; background: url(../../cmn_v1/img/gl_header/gl_nv_src_btn.png) 50% 50% no-repeat #ffffff; text-indent: -9999px; line-height: 1px;
	-webkit-border-radius: 0 4px 4px 0;
	border-radius: 0 4px 4px 0;
}

/* Mega Drop Down Wrapper */
#gl_header #gl_nv .drop_down_wrp { display: none; position: absolute; left: 0; width: 100%; background-color:rgba(0,0,0,0.7); z-index: 1; }
#gl_header #gl_nv .drop_down_wrp.open { display: block; }

/* Mega Drop Down */
#gl_header #gl_nv .drop_down { display: none; position: absolute; left: 0; width: 100%; padding: 24px 8px; z-index: 2;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
#gl_header #gl_nv .drop_down.open { display: block; }
#gl_header #gl_nv .drop_down > .inner { display: none; max-width: 1024px; margin: 0 auto;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
#gl_header #gl_nv .drop_down > .inner.open { display: block; }
#gl_header #gl_nv .drop_down > .inner .dd_main { padding: 16px 0 32px; background: #ffffff; }

#gl_header #gl_nv .drop_down .drp_ft { padding: 16px; border-top: 1px solid #dedede; background: #ffffff; }


/* tab_sct */
#gl_header #gl_nv .drop_down .tab_sct {}
#gl_header #gl_nv .drop_down .tab_sct .tab_ttl { overflow: hidden; background: #ffffff; border: none;
	-webkit-border-radius: 4px 4px 0 0;
	border-radius: 4px 4px 0 0;
}
#gl_header #gl_nv .drop_down .tab_sct .tab_ttl li { padding: 0; border-right: 1px solid #c9c9c9; border-bottom: 1px solid #c9c9c9; background: #f3f3f3; }
#gl_header #gl_nv .drop_down .tab_sct .tab_ttl li.act { background: #ffffff; border-bottom: 1px solid #ffffff; }
#gl_header #gl_nv .drop_down .tab_sct .tab_ttl li:last-child { border-right: none; }
#gl_header #gl_nv .drop_down .tab_sct .tab_ttl li a { display: block; padding: 8px 16px; color: #666666; font-weight: bold; }
#gl_header #gl_nv .drop_down .tab_sct .tab_ttl li.act a { color: #333333; }
#gl_header #gl_nv .drop_down .tab_sct .tab_ttl li:first-child a {
	-webkit-border-radius: 4px 0 0 0;
	border-radius: 4px 0 0 0;
}
#gl_header #gl_nv .drop_down .tab_sct .tab_ttl li:last-child a {
	-webkit-border-radius: 0 4px 0 0;
	border-radius: 0 4px 0 0;
}
#gl_header #gl_nv .drop_down .tab_sct .tab_ttl li a:hover { text-decoration: none; }

#gl_header #gl_nv .drop_down .tab_sct .tab_dtl { display: none; padding: 16px 0 32px; background: #ffffff; border: none;
	-webkit-border-radius: 0;
	border-radius: 0;
}
#gl_header #gl_nv .drop_down .tab_sct .tab_dtl.act { display: block; }


/* clm1 */
#gl_header #gl_nv .drop_down .clm1 {}
#gl_header #gl_nv .drop_down .clm1 .clm { padding: 0 16px; border-right: 1px solid #dedede; }
#gl_header #gl_nv .drop_down .clm1 .clm:last-child { border-right: none; }


/* ============================== Header Bread Crumb */
#gl_header .hd_brd_crmb { max-width: 1008px; margin: 0 auto; padding: 16px 8px; border-bottom: 1px solid #c9c9c9; }
#gl_header .hd_brd_crmb ul { float: left; overflow: hidden; margin-top: 4px; }
#gl_header .hd_brd_crmb ul li { float: left; margin-right: 4px; font-size: 14px; }
#gl_header .hd_brd_crmb ul li:after { content: ">"; }
#gl_header .hd_brd_crmb ul li.act:after { content: ""; }
#gl_header .hd_brd_crmb ul li a,
#gl_header .hd_brd_crmb ul li span { padding: 0 4px 0 0; }

#gl_header .hd_brd_crmb .hd_shr_sct { float: right; display: block; text-align: right; }
#gl_header .hd_brd_crmb .hd_shr_sct .ttl { display: inline-block; margin-right: 16px; color: #717171; font-weight: bold; vertical-align: top; }
#gl_header .hd_brd_crmb .hd_shr_sct .dtl { display: inline-block; }
#gl_header .hd_brd_crmb .hd_shr_sct .dtl img { vertical-align: bottom; }