.clearfix{zoom:1;}
.clearfix:before, .clearfix:after{content:" ";display:table;}
.clearfix:after{clear:both;} 

.float-left {float:left;}
.float-right {float:right;}

.text-light {font-weight: 300;}
.text-normal {font-weight: normal;}
.text-medium {font-weight: 500;}
.text-bold {font-weight: 500;}
.text-black {font-weight: black;}

.text-left {text-align:left;}
.text-right{text-align:right;}
.text-center{text-align:center;}
.text-justify{text-align:justify;}
.text-nowrap{white-space:nowrap;}

.text-white {color:#ffffff;}
.text-dark {color:#221e1f;}
.text-primary {color:#24478d;}

.bg-primary {background-color:#24478d}
.bg-light {background-color:#f7f7f7}

.ellipsis {text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}

#overlay_back {display: none;position: fixed;top: 96px;left: 0;width: 100%;height: 100%;background: #0f0f0f;;opacity: 0.6;z-index: 1000;}

body {
    background: #ffffff;
    font-size: 18px;
    color: #6b6b6b;
	font-weight: 300;
	overflow-y: auto;
}

.wrap {position: relative;width: 1200px;margin: 0 auto; }

h1 {font-size:45px;font-weight: 500;line-height:140%;letter-spacing: -0.1px;}
h2 {font-size:35px;font-weight: 500;line-height:140%;letter-spacing: -0.1px;}
h3 {font-size:30px;font-weight: 500;line-height:140%;letter-spacing: -0.1px;}

p {line-height:160%;letter-spacing: -0.1px;}

.content_top {height: 252px;}
.content_top h1 {color: #fff;font-weight: 500;padding-top: 94px;}
.content_top.a1 {background:url('../img/sub/bg_top_a1.jpg') no-repeat 50% 50%;background-size: cover;}
.content_top.b1 {background:url('../img/sub/bg_top_b1.jpg') no-repeat 50% 50%;background-size: cover;}
.content_top.c1 {background:url('../img/sub/bg_top_b5.jpg') no-repeat 50% 50%;background-size: cover;}
.content_top.notice {background:url('../img/sub/bg_top_notice.jpg') no-repeat 50% 50%;background-size: cover;}

/****************************************************** header ******************************************************/


/*header*/
#header {position:fixed;top: 0;left: 0; width:100%; height: 88px; background:#fff;border-bottom:1px solid #f2f2f4;text-align: center; z-index:510;}
#header.index_header {background:#fff;border-bottom:1px solid #fff;}

.headerWrap	h1 {float:left;width: 91px;height: 64px;margin-top: 12px;background: url('../img/common/logo.png?v=3') no-repeat 0 0;background-size: contain;line-height: 0;}
.headerWrap	h1 a {display: block;width: 100%;height: 100%;}
.headerWrap	h1 a img {}

.headerWrap	.member_area {background: #f2f2f4;text-align: right;}
.headerWrap	.member_area .wrap {padding: 6px 0 11px;}
.headerWrap	.member_area li {display: inline-block;padding-left: 17px;padding-right: 19px;font-size: 13px;color: #767676;}
.headerWrap	.member_area li:first-child {background: #f2f2f4;}
.headerWrap	.member_area li a {display: block;font-size: 13px;color: #767676;}
.headerWrap	.member_area li.lang a {color: #2e2e2e;}

.headerWrap .btn_menu {display:none;}

.sub .headerWrap .inner {padding:0;}

/* GNB */
#topmenu {display:inline-block;z-index:100;}
#topmenu ul:after {display:block; content:""; clear:both;}
#topmenu ul a {display:block; color:#0f0f0f;}
#topmenu > ul > li {position:relative; float:left;margin: 0 30px;font-size:18px; font-weight:400;}
#topmenu > ul > li.m5 {width: auto;}
#topmenu > ul > li > a {display:block; text-align:left;}
#topmenu > ul > li > a > span {display:inline-block; height: 86px; padding-top:34px;}
#topmenu > ul > li:hover > a span {border-bottom:2px solid #c72767;}
#topmenu div.submenu {position:absolute; top: 87px; display: none; width:100%; height: 364px; z-index:100;}
#topmenu div.submenu ul {padding-top: 13px; font-size:13px;}
#topmenu div.submenu ul li {position:relative; height:auto; width:100%; line-height: 360%;}
#topmenu div.submenu ul li a {display:block; padding:0; font-size:16px; font-weight:300; color:#666666; text-align:left;}
#topmenu div.submenu ul li a:hover {color:#c72767;}

a.btn_f1 {display: inline-block;margin-top: 10px;height: 66px;float: right;}
a.btn_f1 img {height: 66px;}

.hamburger {display: none;position: absolute;top: 16px;right: 25px;cursor: pointer;}
.hamburger .line {width: 30px;height: 4px;margin: 5px 0 5px;background-color: #001e4a;display: block;-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.hamburger.active .line:first-child {-webkit-transform: translateY(9px) rotate(-45deg);-ms-transform: translateY(9px) rotate(-45deg);-o-transform: translateY(9px) rotate(-45deg);transform: translateY(9px) rotate(-45deg);}
.hamburger.active .line:nth-child(2) {display: none;}
.hamburger.active .line:nth-child(3) {-webkit-transform: translateY(0) rotate(45deg);-ms-transform: translateY(0) rotate(45deg);-o-transform: translateY(0) rotate(45deg);transform: translateY(0) rotate(45deg);}


.TopmenuBg {display: none; position:absolute; top: 122px; left: 0; width: 100%; height: 364px; background:#ffffff;}

#mobile_menu {
    display: block;
    overflow-y: auto;
    position: fixed;
    top: 0;
    right: -100%;
    width: 100%;
    height: 100%;
    background-color: #001e4a;
    z-index: 999;
    transition: all 0.3s cubic-bezier(0.47, 0, 0.745, 0.715);
    -webkit-transition: all 0.3s cubic-bezier(0.47, 0, 0.745, 0.715);
    -oz-transition: all 0.3s cubic-bezier(0.47, 0, 0.745, 0.715);
    -ms-transition: all 0.3s cubic-bezier(0.47, 0, 0.745, 0.715);
    visibility: hidden;
}
#mobile_menu.open {right: 0;visibility:visible;}
#mobile_menu .nav {border-top: 1px solid #8b95a4;padding: 30px 0;}
#mobile_menu .nav li {display: block;padding:10px 30px;}
#mobile_menu .nav li a {display: block;font-size: 18px;line-height: 150%;font-weight: 500;color: #fff;}
#close_toggle_menu {text-align: right;}
#close_toggle_menu span {display: inline-block;margin-top: 19px;margin-right: 25px;margin-bottom: 19px;width: 24px;height: 24px;background:url('../img/common/close_toggle_menu.png') no-repeat 50% 50%;background-size: contain;cursor: pointer;}
#mobile_menu .mm-logo {float: left;height: 47px;margin-top: 9px;margin-left: 15px;}

/*------------------------------------
        FOOTER
-------------------------------------*/

footer {width:100%;padding-bottom: 50px;background: #48484b;color: #7f7f87;}
footer .logo {float: left;margin-right: 96px;margin-top: 23px;}
footer .logo {display: block;width: 143px;height: 100px;}
footer .logo img {width: 100%;height: 100%;}
footer .txts {float: left;width: 80%;margin-top: 23px;}

footer .terms_link {margin-top: 23px;margin-bottom: 40px;}
footer .terms_link li {float: left;padding-left: 20px;padding-right: 18px;}
footer .terms_link li a {font-size: 16px;color: #7f7f87;}
footer .terms_link li:first-child {background: #48484b;padding-left: 0;}

footer .info {margin-bottom: 10px;font-size: 15px;}
footer .info li {float: left;margin-bottom: 5px;padding-right: 20px;line-height: 120%;}
footer .info li:first-child {background: #48484b;padding-left: 0;}
footer .info li span {color: #c4c4c4;}
footer .info li.addr {padding-left: 0;}

footer p {font-size: 14px;}

/*------------------------------------
        PAGE COMMON
-------------------------------------*/
#m_nav {display: none;position:absolute;top:0;right:0;width:60px;height:60px;cursor: pointer;padding: 0;border: 0;outline: 0;background: none;overflow: hidden;}
#m_nav i{background:#24478d;display:block;width:28px;height:3px;left:calc(50% - 14px);opacity:1;position:absolute;transform:rotate(0deg);transition:0.25s ease-in-out;}
#m_nav i:nth-child(1){top:calc(50% - 12px)}
#m_nav i:nth-child(2){top:calc(50% - 2px)}
#m_nav i:nth-child(3){top:calc(50% - -9px)}

.opened #m_nav i{left:calc(50% - 14px);width:28px}
.opened #m_nav i:nth-child(1){top:28px;transform:rotate(135deg)}
.opened #m_nav i:nth-child(2){left:-60px;opacity:0}
.opened #m_nav i:nth-child(3){top:28px;transform:rotate(-135deg)}

body.opened {overflow-y: hidden;}

.top-menu-m {
	display:none;
    position: fixed;
    top: 58px;
    left: 0px;
    width: 100%;
    background-color: rgba(35, 31, 32, .80);background:url(../img/bg_header.png) repeat\9;
    padding: 10px 25px;
    z-index: 190;
}

.top-menu-m li {
    
    text-align: left;
}

.top-menu-m li a {
	display:block;
	padding: 8px 0;
    font-size: 14px;
    color: #fff;
    font-weight: 500;
}

.top-menu-m li a:hover {
    color: #999675;
}

#overlaybg {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    background-color: rgba(35, 31, 32, .90);
}