@charset "utf-8";

.pc_mode{display: block !important;}
.t_mode{display: none !important;}
.m_mode{display: none !important;}
.pc_none{display: none !important;}
.t_none{display: block !important;}
.m_none{display: block !important;}

#wrap {}
#wrap #wrap_inner {position: relative;overflow: hidden;}

/* common */
.inner{width: 100%;max-width: 1100px;margin: 0 auto;}
.inner:after{display: block;clear: both;content: "";}

#header {width: 100%;border-bottom: 1px solid #e5e5e5;}
#header:after{display: block;clear: both;content: "";}
#header .head_top {border-bottom: 1px solid #e5e5e5;}
#header .head_top .inner {}
#header .head_top .inner:after{display: block;clear: both;content: "";}
#header .head_top .inner ul {float: right;width: 368px;/* width: 444.24px; */border-right: 1px dotted #e5e5e5;}
#header .head_top .inner ul:after{display: block;clear: both;content: "";}
#header .head_top .inner ul li {float: left;width: 182px;height: 50px;border-left: 1px dotted #e5e5e5;position:relative;}
#header .head_top .inner ul li a{display: block;height: 100%;text-indent: -500px;overflow: hidden;}
#header .head_top .inner ul li a:after {content:'';display:block;width: 6px;height: 11px;background: url(../../images/top-head-arrow.png);right: 14px;position: absolute;top: 20px;}
#header .head_top .inner ul li.one a {background: url(../../images/top-head-link1.png) 17px center no-repeat; }
#header .head_top .inner ul li.gender a {background: url(../../images/top-head-link2.png) 17px center no-repeat; }
#header .head_top .inner ul li.t1 a {margin-left: -1px;padding-top: 8px;background: url(../../images/arr_head_top.png) 90% center no-repeat;border-left: 1px solid #e5e5e5; color: #646464;font-weight: 300;font-size: 12px;}
#header .head_top .inner ul li.t2 a {margin-left: -1px;border-left: 1px solid #e5e5e5;text-align: center;}
#header .head_top .inner ul li.fb a {background: #3c5ead;border-right: 1px solid #fff;color: #fff;text-align: center;}


/* #header .head_top .inner ul li.t2 {width: 66.67%;}
#header .head_top .inner ul li p {float: left;width: width: 148.48px;}
#header .head_top .inner ul li p a {display: block;padding: 7px 0; text-align: center;color: #646464;font-weight: 300; font-size: 12px;}
#header .head_top .inner ul li p:first-child a{border-left: 1px dotted #e5e5e5;border-right: 1px dotted #e5e5e5;} */

#header .header_inner{width: 1100px;margin: 0 auto;text-align: center;position: relative;}
#header .header_inner:after{display: block;clear: both;content: "";}
#header .header_inner h1.logo{float: left;width: 19.1%;height: 100px;}
#header .header_inner h1.logo a{display: block;margin: 28px 0;text-align: left;}
#header .header_inner h1.logo a img{}
#header .header_inner #gnb{float: left;position: absolute;width: 80.9%;max-width: 560px;right: 0;}
#header .header_inner #gnb:after{display: block;clear: both;content: "";}
#header .header_inner #gnb > ul {float: right;width: 100%;max-width: 890px;/* border-left: 1px dotted #e5e5e5; */}
#header .header_inner #gnb > ul:after {display:block; clear:both; content:"";}
#header .header_inner #gnb > ul > li {float:left;position: relative;width: 33.3333%;height: 100%;padding: 42px 5px;/* border-right: 1px dotted #e5e5e5; */}
#header .header_inner #gnb > ul > li > a,
#header .header_inner #gnb > ul > li > span {display: block;color: #131313;font-size: 17px;font-weight: 600;}
#header .header_inner #gnb > ul > li > a:hover,
#header .header_inner #gnb > ul > li > a:focus,
#header .header_inner #gnb > ul > li > a.active,
#header .header_inner #gnb > ul > li > span:hover,
#header .header_inner #gnb > ul > li > span:focus,
#header .header_inner #gnb > ul > li > span.active{/* color: #dcf5c3; */}
#header .header_inner #gnb > ul > li .dep2{display: none;position: absolute;top: 101px;left: 1px;z-index: 100;width: 100%;height: 315px;border-right: 1px dotted #e5e5e5;}
#header .header_inner #gnb > ul > li:first-child .dep2{width: 100%;margin-left: -2px;border-left: 1px dotted #e5e5e5;}
#header .header_inner #gnb > ul > li .dep2 > ul{height: 320px;padding: 22px 5px 40px;}
#header .header_inner #gnb > ul > li .dep2 > ul > li {margin-top: 8px;}
#header .header_inner #gnb > ul > li .dep2 > ul > li:first-child{margin-top: 0;}
#header .header_inner #gnb > ul > li .dep2 > ul > li > a{display: block;color: #333;font-weight: 400;font-size: 15px;line-height: 1.5em;padding: 0px 2%;}
#header .header_inner #gnb > ul > li .dep2 > ul > li > a:hover,
#header .header_inner #gnb > ul > li .dep2 > ul > li > a:focus,
#header .header_inner #gnb > ul > li .dep2 > ul > li > a.on{color: #1d48aa;}

#dep2_bg{display: none;position: absolute;top: 150px;left: 0;z-index: 99;width: 100%;min-width: 1200px;height: 320px;border-top: 1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5;background: #fff;/* background: #eee; */}

#header .header_inner #btn_gnbm {display: none;}
#gnbm{display: none;}

#header .header_inner #gnb .ban {display: none;}

.content{min-height: 400px;}
.content .content_inner{margin: 80px 0;}

#footer {background: #f3f3f3; border-top: 1px solid #e5e5e5;}
#footer .inner{padding: 30px 0;}
#footer .inner:after{display: block;clear: both;content: "";}
#footer .inner .f_right {float: right;margin: 10px 0;}
#footer .inner .f_right .f_list:after{display: block;clear: both;content: "";}
#footer .inner .f_right .f_list ul {float: right;}
#footer .inner .f_right .f_list ul:after{display: block;clear: both;content: "";}
#footer .inner .f_right .f_list ul li {float: left;margin-left: 15px;}
#footer .inner .f_right .f_list ul li:first-child{margin-left: 0;}
#footer .inner .f_right .f_list ul li a {color: #676767;}
#footer .inner .f_right address {display: block;margin-top: 20px;text-align: right;font-style: normal;}
#footer .inner .f_right address p {margin-left: -2px;}
#footer .inner .f_right address p span {position: relative;display: inline-block;margin-left: 6px;padding-left: 7px;font-size: 12px;line-height: 1.5em;color: #c6c9cf; -ms-word-break: keep-all;word-break: keep-all; }
#footer .inner .f_right address p span:after{position: absolute;top: 50%;left: 0;content: "";width: 1px;height: 8px;margin-top: -4px;background: #c6c9cf;border-right: 1px solid #7e7f83;}
#footer .inner .f_right address p span:first-child:after{display: none;}
#footer .inner .f_right address p .copyright {}
#footer .inner .f_left {float: left;}
#footer .inner .f_left a {}
#footer .inner .f_left a img {}
#footer .inner .f_left address {font-style: normal;}
#footer .inner .f_left p {margin-top: 12px; color: #676767;line-height: 1.5em;font-size: 12px;}
.f_logo {margin-top: 25px;font-style: normal;}
.f_logo ul {}
.f_logo ul:after {clear:both; display:block; content:""}
.f_logo ul li {float: right;}
.f_logo ul li.txt {color: #676767; line-height: 26px; padding-right: 14px; font-size: 12px;}



/* popup */
.popup-wrap {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	z-index: 100;
	max-width: 500px;
}
.popup {
    position: relative;
    /* z-index: 100; */
    /* max-width: 400px; */
    /* left: 50%; */
    /* transform: translateX(-50%); */
    background: #283d6c;
    border: 1px solid #c2c2c2;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
    border-radius: 10px;
    overflow: hidden;
    width: fit-content;
    margin: 10px auto;
}
.popup .popup-cont {
    background: #fff;
}
.popup .popup-cont img {}
.popup .foot {
    line-height: 20px;
    color: #fff;
    padding: 6px;
    font-family: 'Spoqa Han Sans';
    font-size: 12px;
    position: relative;
    min-width: 250px;
}
.popup .foot input {
}
.popup .foot a {
    position: absolute;
    right: 15px;
    color: #fff;
    background: #000;
    top: 50%;
    transform: translateY(-50%);
    padding: 4px 10px;
    border-radius: 7px;
}

.checkbox-wrapper-4 * {
	box-sizing: border-box;
}
.checkbox-wrapper-4 .cbx {
	-webkit-user-select: none;
	user-select: none;
	cursor: pointer;
	padding: 6px 8px 3px;
	border-radius: 6px;
	overflow: hidden;
	transition: all 0.2s ease;
	display: inline-block;
}
.checkbox-wrapper-4 .cbx:not(:last-child) {
	margin-right: 6px;
}
.checkbox-wrapper-4 .cbx:hover {
	background: rgba(0,119,255,0.06);
}
.checkbox-wrapper-4 .cbx span {
	float: left;
	vertical-align: middle;
	transform: translate3d(0, 0, 0);
}
.checkbox-wrapper-4 .cbx span:first-child {
	position: relative;
	width: 18px;
	height: 18px;
	border-radius: 4px;
	transform: scale(1);
	border: 1px solid #cccfdb;
	transition: all 0.2s ease;
	box-shadow: 0 1px 1px rgba(0,16,75,0.05);
}
.checkbox-wrapper-4 .cbx span:first-child svg {
	position: absolute;
	top: 3px;
	left: 2px;
	fill: none;
	stroke: #fff;
	stroke-width: 2;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-dasharray: 16px;
	stroke-dashoffset: 16px;
	transition: all 0.3s ease;
	transition-delay: 0.1s;
	transform: translate3d(0, 0, 0);
}
.checkbox-wrapper-4 .cbx span:last-child {
	padding-left: 8px;
	line-height: 18px;
}
.checkbox-wrapper-4 .cbx:hover span:first-child {
	border-color: #07f;
}
.checkbox-wrapper-4 .inp-cbx {
	position: absolute;
	visibility: hidden;
}
.checkbox-wrapper-4 .inp-cbx:checked + .cbx span:first-child {
	background: #07f;
	border-color: #07f;
	animation: wave-4 0.4s ease;
}
.checkbox-wrapper-4 .inp-cbx:checked + .cbx span:first-child svg {
	stroke-dashoffset: 0;
}
.checkbox-wrapper-4 .inline-svg {
	position: absolute;
	width: 0;
	height: 0;
	pointer-events: none;
	user-select: none;
}
@media screen and (max-width: 640px) {
	.checkbox-wrapper-4 .cbx {
	  width: 100%;
	  display: inline-block;
	}
}
@-moz-keyframes wave-4 {
	50% {
	  transform: scale(0.9);
	}
}
@-webkit-keyframes wave-4 {
	50% {
	  transform: scale(0.9);
	}
}
@-o-keyframes wave-4 {
	50% {
	  transform: scale(0.9);
	}
}
@keyframes wave-4 {
	50% {
	  transform: scale(0.9);
	}
}