#res_product_wrap {display: none;}
.content {
		width: 1200px;
		margin: 0 auto;
		margin-bottom:90px
	}
	
.content.company {
	padding-bottom: 0px;
	width: 1200px;
	padding: 80px 50px;
	margin: 0 auto;
	box-sizing: border-box;
}

.content.company.pb0 {
	padding-bottom: 0;
}


.content.company.pb100 {
	padding-bottom: 100px;
}

.content.company.tit {
	text-align: center;
	padding: 0;
}


.tc {
	text-align: center;
	margin-bottom: 40px;
}

.tc.mb0 {
	margin-bottom: 0
}


.brand_all {
	background: url(../images/sub/brand_bg.jpg) no-repeat center center;
	padding:300px 0;
	background-size:cover;
}

.brand_all .top_title { margin-top:-50px}

.brand_all_2 {
	background: url(../images/sub/brand_bg2.jpg) no-repeat center center;
	padding:100px 0 400px 0;
	background-size:cover;
}

.brand_all p {padding-top:30px; font-size:20px;  text-align:center; line-height:1.5;}


.brand_all_2 h3{margin-top:90px; font-size:34px; font-weight:bold;  line-height:1.5}
.brand_all_2 .sub-txt{

	text-align: center;
	line-height:2;
	font-size: 22px;
	color: rgba(255,255,255,.7);
}


.wrap {
	width: 1920px;
	margin: 0 auto;
	/* display: table; */
	/* overflow: hidden; */
}

.full {
	width: 100% !important;
	display: block;
	float: none;
}


.container {
	width: 100%;
	margin: 0 auto;
	/*height: 907px;
	 display: table-cell;
  vertical-align: middle; */
	text-align: center;
	color: #ffffff;
	position: relative;
	
}

.container .content {
	width: 1000px;
	height: 172px;
	position: absolute;
	top: 50%;
	margin-top: -86px;
	left: 50%;
	margin-left: -500px;
	
}

@media screen and (max-width: 1920px) {
	.wrap {
		width: 100%;
	}
	.content {
		width: 1200px;
		margin: 0 auto;
		margin-bottom:90px
	}
	.brand_all{
		width: 100%;
	}
	.container {
		width: 100%;
	}
	.control-bar {
		padding: 0 30px;
	}
	.product_all {
		width: 100%;
		margin: 0 auto;
	}
	.product_all .visual_product {
		width: 1150px;
	}
}


.product_img { position:relative; width:1100px; margin:0 auto; text-align:center; overflow:hidden; margin-top:20px}
.product_img_100 { position:relative; width:100%; text-align:center; overflow:hidden; margin-top:20px}
.product_img_100 img { width:100%;}
.product_img img {width: 100%;}
.product_img img.res_pic {display: none;}

@media only screen and (max-width: 743px) {
	.product_img {margin-top: 0; width:100%; }
	.product_img img.res_pic {display: block;}
	.product_img img.nomal_pic {display: none;}
}


.combat_01{background:url("../images/product/Combat_bg.jp");background-position:center;background-repeat:repeat-x;text-align:center;max-height:230px}

.hakas4_s1{background:url("../images/product/bg_hakas4_0.gif");background-position:center;background-repeat:repeat-x;text-align:center; background-size:cover}
.bg_hakas4{background:url("../images/product/bg_hakas4_2.gif");background-position:center;background-repeat:repeat-x;text-align:center;max-height:9091px}



.content.company .sub-txt{
	margin-top: 20px;
	text-align: center;
	line-height:2;
	font-size:22px;
	color: rgb(102,102,102);
	
}
.content.company .sub_title {
	text-align: center;
	font-size: 46px;
	color: #202020;
	font-family:'NotoSans-Medium';
	display: inline-block;
	border-top: 1px solid #202020;
	border-bottom: 1px solid #202020;
	padding: 2px 0 5px 0;
	text-transform:uppercase;
	margin-top: 0 !important;
}

.content.company .red_title {
	font-size: 24px;
	color: #cd0142;
	font-weight: 400;
	margin-bottom: 22px;
}

.content.company p {
	font-size: 16px;
	color: #1d1d1d;
	font-weight: 300;
	margin-bottom: 25px;
	line-height: 26px;
	letter-spacing: 0em;

}
.content.company p span {font-family: 'NotoSans-Medium',sans-serif !importnat; font-size: 14px !important }

.content.company .sub_txt {
	font-size: 17px;
	margin-top: 30px;
	line-height: 32px;

	font-weight: 300;
}


.content.company p.bold {
	font-weight: 500;
	font-size: 18px;
	
}

.content.company p:last-child {
	margin-bottom: 0
}


/* sub nav */

.sub_header.container {
	height: 100%;
	position: relative;
	/*overflow: hidden;*/
}

.sub_header.container.support {
	height:100%;
}

.sub_header .sub_visual {
	height: 100%;
	width: 100%;
	overflow: hidden;
}
.sub_header .sub_visual .cs {
	width: 100%;
	height: 100%;
	background: url(../images/sub/sub_header_bg_04.png) no-repeat center center;
	background-size: cover !important;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform-origin: center center;
	transform-origin: center center;
	-webkit-transform: scale(1, 1) rotate(0.01deg);
	transform: scale(1, 1) rotate(0.01deg);
	-webkit-transition: transform 7s linear 0s;
	transition: transform 7s linear 0s;
}

.sub_header .sub_visual.active .cs {
	-webkit-transform: scale(1.2, 1.2);
	transform: scale(1.2, 1.2);
}
.sub_header .sub_visual.cs .cs {
	-webkit-transform: scale(1.05) rotate(0.01deg);
	transform: scale(1.05) rotate(0.01deg);
}

.sub_header .sub_visual.cs.active .cs {
	-webkit-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1);
}

.sub_header .sub_visual .origin {
	width: 100%;
	height: 100%;
	background: url(../images/sub/sub_header_bg_01.png) no-repeat center center;
	background-size: cover !important;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform-origin: center center;
	transform-origin: center center;
	-webkit-transform: scale(1, 1) rotate(0.01deg);
	transform: scale(1, 1) rotate(0.01deg);
	-webkit-transition: transform 7s linear 0s;
	transition: transform 7s linear 0s;
}

.sub_header .sub_visual.active .origin {
	-webkit-transform: scale(1.2, 1.2);
	transform: scale(1.2, 1.2);
}
.sub_header .sub_visual.about .origin {
	-webkit-transform: scale(1.05) rotate(0.01deg);
	transform: scale(1.05) rotate(0.01deg);
}

.sub_header .sub_visual.about.active .origin {
	-webkit-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1);
}


.sub_header .sub_visual .shop {
	width: 100%;
	height: 100%;
	background: url(../images/sub/sub_header_bg_02.png) no-repeat center center;
	background-size: cover !important;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform-origin: center center;
	transform-origin: center center;
	-webkit-transform: scale(1, 1) rotate(0.01deg);
	transform: scale(1, 1) rotate(0.01deg);
	-webkit-transition: transform 7s linear 0s;
	transition: transform 7s linear 0s;
}

.sub_header .sub_visual.active .shop {
	-webkit-transform: scale(1.2, 1.2);
	transform: scale(1.2, 1.2);
}
.sub_header .sub_visual.shop .origin {
	-webkit-transform: scale(1.05) rotate(0.01deg);
	transform: scale(1.05) rotate(0.01deg);
}

.sub_header .sub_visual.shop.active .shop {
	-webkit-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1);
}

.sub_header .sub_visual {height:96vh;}
.sub_header .sub_visual .product {
	width: 100%;
	height: 100%;
	background: url(../images/sub/sub_header_bg_03.png) no-repeat center center;
	background-size: cover !important;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform-origin: center center;
	transform-origin: center center;
	-webkit-transform: scale(1, 1) rotate(0.01deg);
	transform: scale(1, 1) rotate(0.01deg);
	-webkit-transition: transform 7s linear 0s;
	transition: transform 7s linear 0s;
}

.sub_header .sub_visual.active .product {
	-webkit-transform: scale(1.2, 1.2);
	transform: scale(1.2, 1.2);
}
.sub_header .sub_visual.product  {
	-webkit-transform: scale(1.05) rotate(0.01deg);
	transform: scale(1.05) rotate(0.01deg);
}

.sub_header .sub_visual.product.active {
	-webkit-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1);
}


.sub_header .sub_slog {
	width: 1440px;
	/*height:100%;*/
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	margin-top:-142px;
	z-index: 4;
/*	padding-top: 250px;*/
	box-sizing: border-box;
}

@media only screen and (max-width: 1440px) {
	.sub_header .sub_slog {width: 95%;}
}

.sub_header .sub_slog p:nth-of-type(1) {
	font-size:75px;
	color: rgba(255, 255, 255, 0.95);
	letter-spacing: 0.05em;
	margin: 0 0 32px 0;
	text-align:center;
	font-weight:bold;
	 text-shadow: 1px 1px 30px rgba(0,0,0,0.2);
}

.sub_header .sub_slog p.textSplit {
	font-size: 30px;
	letter-spacing: -0.01em;
	line-height: 42px;
	font-weight: 300;
	text-align:center;
	    text-shadow: 1px 1px 30px rgba(0,0,0,0.2);
}

.sub_header .sub_slog p.textSplit span {
	font-size: 30px;
	line-height: 42px;
	font-weight: 300;
	color: rgba(255, 255, 255, 1);
	opacity: 0
}

.sub_header .sub_slog p.textSplit span.active {
	color: rgba(255, 255, 255, 1);
	opacity: 1
}

.sub_nav {
	display: block;
	width: 100%;
	/*max-width: 1920px;*/
	margin: 0 auto;
	height: 70px;
	text-align: center;
	background-color: #202020;
	margin-top: 0px;
	position:sticky;
    top: 0; left: 0;
	z-index:9999;
}

.sub_nav .table {
	margin: 0 auto;
	text-align: center;
}

.sub_nav ul {
	font-size: 0px;
	text-align: center;
	margin: 0 auto;
	width: 1440px;
}

.sub_nav ul::after {
	clear: both;
	content: '';
	display: block;
}

.sub_nav ul li {
	background: #202020;
	height: 70px;
	width: 240px;
	text-align: center;
	display: block;
	float: left;
}

.sub_nav.ty02 ul li {
	width: 288px;
}

.sub_nav.ty03 ul li {
	width: 240px;
}

.sub_nav.ty05 ul li {
	width: 288px;
}

.sub_nav ul li:first-child a {
	border-left: 1px solid rgba(255, 255, 255, .2);
}

.sub_nav ul li.active {
	background: #00aba2;
}
.sub_nav ul li:hover {
	background: #00aba2;
	font-family: 'NotoSans-Bold';
}

.sub_nav ul li.active a span {color: #fff}
.sub_nav ul li a:hover {
	text-decoration: none;
}
.sub_nav ul li a {
	display: block;
	text-align: center;
	line-height: 70px;
	color: #fff;
	font-size: 17px;
	font-weight: 300;
	text-transform: uppercase;
	letter-spacing: 0.075em;
	border-right: 1px solid rgba(255, 255, 255, .2);
	box-sizing: border-box;
}

.sub_nav ul li a.active {
	background: #a00033;
	border-right: none;
}

.sub_nav a.active span {
	border-bottom: 1px solid #ffffff;
	padding-bottom: 1px;
}

.res-snb {position:sticky; top: 50px; left: 0; width: 100%; display: none; z-index: 9;}
.res-snb ul {background: #202020; position: absolute; top: 48px; left: 0; width: 100%; display: none;}
.res-snb ul li {width: 100%; height: auto; border-top: 1px solid rgba(255,255,255,0.2);}
.res-snb ul li a {line-height: 1; padding: 15px 16px; box-sizing: border-box; text-align: left; color: #fff; display: block; font-size: 13px;}

.location {width: 100%; background: #000;}
.location span {position: relative; font-size: 14px; color: #fff; padding: 17px 16px; box-sizing: border-box; display: block; text-align: left;}
.location span::after {content: '+'; float: right; font-size: 14px; font-family: 'NotoSans-Light';  margin-top: -2px; -webkit-transition: -webkit-transform .3s ease;  transition: -webkit-transform .3s ease; transition: transform .3s ease; transition: transform .3s ease, -webkit-transform .3s ease; color: #fff;}
.location span.on::after {-webkit-transform: rotate(45deg) scale(1.08); transform: rotate(45deg) scale(1.08);}
	

/* history */

.historywrap {
	width: 100%;
	position: relative;
	padding: 40px 0 100px 0;
}

.historywrap::after {
	clear: both;
	content: '';
	display: block;
}

.historywrap::before {
	width: 1px;
	height: 100%;
	position: absolute;
	background: #e5e5e5;
	display: block;
	content: '';
	clear: both;
	left: 50%;
	top: 0;
}

.historywrap .section_L {
	float: left;
	width: 50%;
}

.historywrap .section_R {
	float: right;
	width: 50%;
}

.historywrap .section_L .box {
	width: 100%;
	text-align: right;
	position: relative;
}

.historywrap .section_R .box {
	width: 100%;
	text-align: left;
	position: relative;
}

.historywrap .section_L .box {
	padding: 0 65px 0 0;
	box-sizing: border-box;
}

.historywrap .section_R .box {
	padding: 0 0 0 65px;
	box-sizing: border-box;
}

.historywrap .box p.year {
	font-size: 35px;
	font-weight: 400;
	letter-spacing: -0.03em;
	font-family: 'Oswald', sans-serif;
	position: relative;
}

.historywrap .box ul li {
	font-size: 16px;
	display: block;
	letter-spacing: -0.025em;
	font-weight: 300;
	line-height: 26px;
	word-break: break-word;
	position: relative;
}

.historywrap .box ul  {margin-top:10px;}
.historywrap .box ul p {
	font-size: 18px;
	letter-spacing: 0.015em;
	font-weight: 300;
	
	margin-bottom: 0
}

.historywrap .box img {
	margin-top: 30px;
	max-width: 100%;
}

.historywrap .box ul li i {
	font-style: normal;
	font-weight: 400;
	color: #a00033;
	
}

.historywrap .section_R .box ul li {
	padding-left: 12px;
}

.historywrap .box ul i.dot {
	width: 13px;
	height: 13px;
	position: relative;
	display: inline-block;
}

.historywrap .section_R .box ul i.dot {
	width: 13px;
	height: 13px;
	position: absolute;
	left: 0;
	top: 5px;
	display: inline-block;
}

.historywrap .box ul i.dot::after {
	position: absolute;
	left: 0;
	top: 4px;
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background: #000;
	display: block;
	content: '';
	clear: both;
}

.historywrap .section_L .box::after {
	position: absolute;
	content: '';
	clear: both;
	display: block;
	width: 10px;
	height: 10px;
	background: #a00033;
	border-radius: 50%;
	top: 5px;
	right: -5px;
	z-index: 1
}

.historywrap .section_R .box::after {
	position: absolute;
	content: '';
	clear: both;
	display: block;
	width: 10px;
	height: 10px;
	background: #a00033;
	border-radius: 50%;
	top: 5px;
	left: -5px;
	z-index: 1
}

.historywrap .section_R .box::before {
	width: 50px;
	height: 1px;
	background: #a00033;
	display: block;
	content: '';
	clear: both;
	position: absolute;
	left: -0px;
	top: 10px;
}

.historywrap .section_L .box::before {
	width: 50px;
	height: 1px;
	background: #a00033;
	display: block;
	content: '';
	clear: both;
	position: absolute;
	right: -0px;
	top: 10px;
}

	.historywrap .section_L .box:nth-of-type(1) {
		margin-top: 0px;
	}

	.historywrap .section_R .box:nth-of-type(1) {
		margin-top:263.5px;
	}

	.historywrap .section_L .box:nth-of-type(2) {
		margin-top: 341.5px;
	}


	.historywrap .section_R .box:nth-of-type(2) {
		margin-top: 315.5px;
	}

	.historywrap .section_L .box:nth-of-type(3) {
		margin-top: 237.5px;
	}


	.historywrap .section_R .box:nth-of-type(3) {
		margin-top: 595.5px;
	}


	.historywrap .section_L .box:nth-of-type(4) {
		margin-top: 673.5px;
	}




	.historywrap .section_L .box:nth-of-type(5) {
		margin-top: 445.5px;
	}




	.historywrap .section_L .box:nth-of-type(6) {
		margin-top: 341.5px;
	}




	.historywrap .section_L .box:nth-of-type(7) {
		margin-top: 130px;
	}




	.historywrap .section_L .box:nth-of-type(8) {
		margin-top: 130px;
	}





	.historywrap .section_R .box:nth-of-type(4) {
		margin-top: 465.5px;
	}

	.historywrap .section_R .box:nth-of-type(5) {
		margin-top: 445.5px;
	}

	.historywrap .section_R .box:nth-of-type(6) {
		margin-top: 289.5px;
	}

	.historywrap .section_R .box:nth-of-type(7) {
		margin-top: 140px;
	}



.cf::after {
	clear: both;
	content: '';
	display: block;
}

.rating_guide {
	float: right;
	margin-top: 85px;
	width: 50%;
	padding-left: 30px;
	box-sizing: border-box;
}

.rating_guide ul li {
	font-size: 17px;
	line-height: 22px;
	letter-spacing: 0.025em;
	
	font-weight: 300
}

.rating_guide ul li i {
	font-style: normal;
	font-weight: 500;
	color: #a00033;
	padding-right: 10px;
	
}


#mArticle {max-width:1200px;margin:0 auto;padding:0 0 150px}

input[type="text"], input[type="password"], input[type="search"] {height:40px;padding:2px 10px;border:1px solid #ddd;border-radius:3px; background:#fff}
textarea {width:100%;padding:2px 10px;resize:none;border:1px solid #ddd;border-radius:3px}
hr {display:none}
mark {background-color:transparent;color:inherit}
i {vertical-align:middle}
select, .btn_select {height:40px;padding:2px 32px 2px 10px;border:1px solid #ddd;border-radius:3px;background:#fff /*url(../images/utility/select_arr.png) no-repeat 100% 16px*/;cursor:pointer}
.ie9 select, .ie9 .btn_select {padding:0;background:transparent}


/* search store */
.box_search {padding:0;border-top:2px solid #222;background-color:#f1f1f1;text-align:center;position: relative;overflow: hidden;}
.box_search .box_search_tab{
    width:100%;
    height:30px;
    background-color: #3f3f3f;
    float: left;
}
.box_search .search_tab_btn{
    width:50%;
    height:100%;
    float: left;
    line-height: 1.7em;
    color: #fff;
    font-weight: 600;
    cursor: pointer;
}
.box_search .search_tab_btn.active{
    background-color: #000;
}

.box_search .search_cont{
    width:100%;
    padding:40px 0;
    float: left;
	position:relative;
}

.box_search .search_cont{
    display: none;
}

.box_search .search_cont.active{
    display: block;
}


.box_search .lab_search {display:inline-block;width:600px; }
.box_search .lab_search .tf_search {width:100%;border-radius:50px;font-size:1em;color:#222;border:1px solid black;}
.box_search .lab_search .tf_search::-webkit-input-placeholder {font-size: 15px; color:#2f2f2f;font-weight: 600; text-align: center;}
.box_search .btn_search {
    position: relative;
    background-image: url(../img/search.png);
    background-repeat: no-repeat;
    background-position: center left 18px;
    background-size: 20px;
    text-indent: -9999em;
    margin-left: -63px;
    display: inline-block;
    width: 60px;
    height: 40px;
    border-radius: 0 50px 50px 0;
    font-size: 1em;
}
.box_search .btn_search:before {
    display: block;
    position: absolute;
    top:10%;
    left:0;
    width:100%;
    height:80%;
    border-left: 1px solid black;
    content: '';
}
.box_search .inp_del {position:absolute; top:50px; margin-left:-90px;  } 
.inp_del{position: relative;   text-indent: -9999em; display:inline-block; width:20px;height:20px;overflow:hidden; background:#ddd url(../images/sub/ico_del.png) center/100% no-repeat; border-radius:50%; vertical-align:middle;;font-size:3px;color:transparent;}

@media only screen and (max-width: 1068px) {
.box_search .inp_del {position:absolute; top:15px; right:80px;} 	
}
.box_search .tit_search {
    display: inline-block;
    margin-right: 15px;
    font-family: 'NotoSans-Bold';
    font-size: 1.125em
}
.box_search #si,
.box_search #gu {
    width: 600px;
    height: 30px;
    margin-bottom: 20px;


    font-size: 15px;
    color: #2f2f2f;
    font-weight: 600;
    text-align-last: center;
    text-align: center;
    -ms-text-align-last: center;
    -moz-text-align-last: center;

    border-radius: 50px;
    border: 1px solid black;
}
.box_search #gu{
    margin-bottom:0;
}

.box_search .select_area {
    display: inline-block;
    position: relative;
    width: 300px;
    height: 40px;
    margin-right: 6px
}

.box_search .select_area.on .opt_search {
    display: block
}

.box_search .select_area .btn_select {
    width: 100%;
    height: 100%;
    padding: 0 10px;
    border: 1px solid #ddd;
    border-radius: 3px;
    font-size: 1em;
    background-color: white;
    color: #222;
    text-align: left
}

.box_search .select_area .opt_search {
    display: none;
    position: absolute;
    top: 38px;
    left: 0;
    z-index: 10;
    width: 100%;
    border: 1px solid #ddd;
    text-align: left;
    z-index: 20
}

.box_search .select_area .opt_search ul {
    overflow-x: hidden;
    overflow-y: auto;
    float: left;
    width: 50%;
    height: 297px;
    padding: 8px 0;
    background-color: white
}

.box_search .select_area .opt_search ul li {
    height: 40px;
    padding: 0 20px;
    font-size: 1em;
    line-height: 40px;
    color: #222;
    cursor: pointer
}

.box_search .select_area .opt_search ul li:focus {
    background-color: #ff0
}

.box_search .select_area .opt_search ul li:hover {
    background-color: #f7f7f7
}

.box_search .select_area .opt_search ul li.on {
    color: #a50034;
    text-decoration: underline
}

.box_search .select_area .opt_search .list_location2 {
    border-left: 1px solid #ddd
}




/* .store_location.counselMap {position:relative;height:760px;margin-top:0;border-top:1px solid #222;border-bottom:1px solid #ddd;-webkit-transform:translate3d(0, 0, 0)}  */
.store_location {position:relative;height:760px;margin-top:40px;border-top:1px solid #222;border-bottom:1px solid #ddd;-webkit-transform:translate3d(0, 0, 0)}
.store_location:after {display:block;visibility:hidden;height:0;font-size:0;line-height:0;clear:both;content:""}
.store_location .tit_cont {height:60px;padding:0 10px;border-bottom:1px solid #ddd;font-weight:400;font-size:14px;line-height:60px;color:#444}
.store_location .num_count {font-weight:600;color:#a50034}
.store_location .cont_store {overflow-x:hidden;overflow-y:auto;float:left;width:36.66667%;height:100%;border-right:1px solid #222}
.store_location .cont_map {z-index:10;float:right;width:63.33333%;height:100%}
.store_cont {position:relative;padding:30px 40px 30px;cursor:pointer}
.store_cont:after {display:block;visibility:hidden;height:0;font-size:0;line-height:0;clear:both;content:""}
.store_cont:hover {background-color:#f1f1f1}
.store_cont:hover .ico_more {color:#a50034}
.store_cont .ico_more {position:absolute;top:32px;right:30px;height:20px;padding-right:20px;color:#222}
.store_cont .ico_more:before, .store_cont .ico_more:after {position:absolute;right:2px;bottom:-2px;width:12px;height:2px;margin:auto 0;box-shadow:inset 0 0 0 32px;-webkit-transform-origin:right;-ms-transform-origin:right;transform-origin:right;pointer-events:none;content:""} /*bottom 값 수정*/
.store_cont .ico_more:before {top:2px;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}
.store_cont .ico_more:after {top:0;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}
.store_cont .tit_name {max-width:310px;margin:0 0 12px -30px}
.store_cont .tit_name .new_store {display:inline-block;margin-top:6px;margin-left:6px;vertical-align:2px}
.store_cont .tit_name .new_store .ico_comm {overflow:hidden;width:40px;height:20px;margin-right:4px;font-size:12px;line-height:22px;background-position:0 -80px;color:white;text-align:center;letter-spacing:-1px;text-indent:2px}
.store_cont .tit_name .new_store .txt {font-size:12px;color:#a50034;vertical-align:middle}
/* 221026 률 - font-size:1.375em -> 1.2em 으로 변경 */
.store_cont .tit_name .txt_name {display:inline-block;font-family:'NotoSans-Bold';font-size:1.2em;line-height:1.2;color:#222}
.store_cont .tit_name .txt_name img {width:20px;height:26px;margin-right:10px}
.store_cont .txt_addr {display:block;font-size:14px;color:#444; line-height:1.5}
.store_cont .txt_tel {display:block;margin-top:16px;font-family:'NotoSans-Medium';font-size:15px;color:#222}
.store_cont .txt_bar {display:inline-block;margin:0 10px;font-size:10px;color:#ddd;vertical-align:text-top}
.store_cont .event_noti {padding-top:6px}
.store_cont .event_noti .txt_event {display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-top:8px;font-size:0.875em;color:#a50034}
.store_cont .event_noti .txt_event:before {display:inline-block;width:48px;height:18px;margin-right:8px;border-radius:3px;font-size:13px;line-height:18px;background-color:#a50034;color:white;text-align:center;letter-spacing:-1px;content:"event"}
.store_cont .event_noti .txt_event:nth-child(odd) {color:#843584}
.store_cont .event_noti .txt_event:nth-child(odd):before {background-color:#843584}
.store_cont .btn_ask {float:right;width:136px;height:36px;margin-top:14px;border-radius:3px;font-size:0.875em;background-color:#a50034;color:white}
.store_cont .btn_ask:disabled {background-color:#7d7b7b}
.list_shop > li {border-bottom:1px solid #ddd}
.list_shop > li.on .store_cont {background-color:#f1f1f1}
.list_shop > li.on .store_cont .ico_more {color:#a50034}
.list_shop > li.on .store_detail {display:block}
.list_shop > li .store_cont .txt_counsel {margin-top:10px;font-size:0.75em;text-align:right;color:#a50034}



.product_all::after {
	clear: both;
	content: '';
	display: block;
}

.product_all {
	width: 100%;
	box-sizing: border-box;
	padding: 75px 0;
	background: #fff;
}

.product_all .control_categoty {
	float: left;
	width: 290px;
}

.product_all .visual_product {
	float: left;
	width: 1150px;
	padding-left: 40px;
	box-sizing: border-box;
}


/* category */

.control_categoty {
	width: 100%;
}

.control_categoty .categoty_wrap {
	width: 100%;
	border-top: 1px solid #D1D1D1;
	box-sizing: border-box;
}

.control_categoty .categoty_wrap .line {
	width: 100%;
	box-sizing: border-box;
	padding: 30px;
	border-bottom: 1px solid #D1D1D1;
}

.control_categoty .categoty_wrap .line.searchbox {

}

.control_categoty .categoty_wrap .line.searchbox input[type="text"] {
	border: 1px solid #D1D1D1;
	border-right:0px none;
	padding: 10px 15px;
	box-sizing: border-box;
	width: 70%;
	float:left;

/*	display: inline-block;*/
	height: 42px;
	outline: 0 none;
}

.control_categoty .categoty_wrap .line.searchbox .submit_button {
	display: inline-block;
	height: 42px;
	width: 30%;
	box-sizing: border-box;
	border: 1px solid #D1D1D1;
	background: 0 none;
	outline: 0 none;
	cursor: pointer;
	background: transparent;
	transition: all .3s ease-out;
}
.control_categoty .categoty_wrap .line.searchbox .submit_button:hover {
	border: 1px solid transparent;
	background: #a50034;
	color: #fff;

}
.control_categoty .categoty_wrap .line p.type {
	font-size: 20px;
	color: #000;
	letter-spacing: 0.05em;
	font-weight: 400;
	line-height: 30px;
	padding-bottom: 25px;
}

.control_categoty .categoty_wrap .line .select_type {
	width: 100%;
	font-size: 18px;
	letter-spacing: 0.05em;
	font-weight: 300;
	color: rgba(0, 0, 0, 0.9);
	line-height: 28px;
	margin-bottom: 10px
}

.select_type.ty01 [type="checkbox"]:checked+label:before,
.select_type.ty01 [type="checkbox"]:not(:checked)+label:before {
	top: 7px;
}

.select_type.ty01 [type="checkbox"]:checked+label:after,
.select_type.ty01 [type="checkbox"]:not(:checked)+label:after {
	top: 11px;
}

.control_categoty .categoty_wrap .line .select_type.block {
	color: rgba(127, 127, 127, .9);
	position: relative;
}

.control_categoty .categoty_wrap .line .select_type.block:before {
	content: "";
	display: block;
	width: 9px;
	height: 9px;
	position: absolute;
	left: 4px;
	top: 11px;
	background-color: rgba(127, 127, 127, .7);
	z-index: 1;
}

.select_type.ty01.block.block label {
	cursor: default;
}

.select_type.ty01.block.block [type="checkbox"]:checked+label:before,
.select_type.ty01.block.block [type="checkbox"]:not(:checked)+label:before {
	border: 1px solid rgba(127, 127, 127, .9);
}

.select_type.ty01.block [type="checkbox"]:checked+label:after,
.select_type.ty01.block [type="checkbox"]:not(:checked)+label:after {
	background: rgba(127, 127, 127, .9);
}



.cs_form_w {
	width: 660px;
	margin: 0 auto
}
.cs_form_w .select_box_w {
	width: 100%;
	margin-top: 20px;
	font-weight: 400
}
.cs_form_w .select_box_title {
	width: 100%;
	background-position: 98% center
}
.cs_form_w .select_box_w:first-child {
	margin: 0
}
.cs_form_w .select_box_list {
	width: 100%
}
.cu_input_w {
	overflow: hidden;
	display: block;
	margin-top: 20px
}
.cui_box {
	float: left;
	width: 320px;
	height: 50px !important;
	margin-left: 20px;
	font-size: 16px;
	border: 1px solid #bbb!important;
	padding:0 10px;
	border-radius: 3px;
	box-sizing: border-box;
}
.cui_box:first-child {
	margin: 0
}
.cu_memo_box, .private_check {
	margin-top: 20px;
	display: block
}
.cui_box::placeholder {
color:#bbb
}
.cu_memo_box {
	position: relative
}
.cu_memo_box textarea {
	width: 660px;
	height: 300px;
	padding: 20px;
	box-sizing: border-box;
	resize: none;
	border: 1px solid #bbb
}
.max_text {
	position: absolute;
	bottom: 10px;
	right: 20px;
	color: #bbb;
	font-size: 14px
}
.private_check {
	position: relative
}
.private_check input {
	position: absolute;
	top: 0;
	left: 0;
	width: 30px;
	height: 30px;
	opacity: 0;
	z-index: 1
}
.private_check_txt {
	padding-left: 42px;
	font-size: 14px;
	font-weight: 500
}
.private_link2 {
	color: #222;
	line-height: 30px;
	border-bottom: 1px solid #222
}
.cs_btn, .private_link2:before {
	border: 1px solid #bbb;
	box-sizing: border-box
}
.private_link2:before {
	position: absolute;
	top: 0;
	left: 0;
	content: '';
	width: 30px;
	height: 30px
}
.private_check input:checked+.private_check_txt:after {
	content: '';
	position: absolute;
	top: 7px;
	left: 7px;
	background: url(../img/set_icon.png) -130px -200px;
	width: 17px;
	height: 15px
}
.sub_section_cu .module_btn_type3 {
	width: 200px
}
.sub_section_map {
	background-color: #fafafa
}
.map_w {
	overflow: hidden;
	width: 1200px;
	margin: 0 auto
}
.cs_inner {
	float: left;
	width: 398px;
	margin-top: 30px
}
.cs_title {
	display: block;
	margin-top: 50px;
	font-weight: 700;
	font-size: 26px;
	line-height: 34px
}
.cs_list dd, .cs_list dt, .fci_ceo, .fci_list_inner, .fci_name, .private_date_link {
	display: inline-block
}
.cs_address {
	margin-top: 20px;
	font-size: 16px;
	color: #555;
	line-height: 24px
}
.cs_list {
	margin-top: 13px;
	height: 26px;
	line-height: 26px;
	font-size: 0
}
.cs_list dt {
	width: 136px;
	font-size: 14px;
	vertical-align: middle
}
.cl_title {
	width: 84px!important
}
.cs_list dd {
	font-size: 20px;
	font-weight: 300;
	vertical-align: middle
}
.cs_btn_w {
	display: block;
	margin-top: 41px
}
.cs_btn {
	position: relative;
	display: block;
	width: 200px;
	height: 50px;
	padding-left: 93px;
	line-height: 50px;
	font-size: 12px;
	font-weight: 700;
	margin-top: 9px;
	background-color: #fff
}


.cu_input_w {
	overflow: hidden;
	display: block;
	margin-top: 20px
}
.cui_box {
	float: left;
	width: 320px;
	height: 60px;
	margin-left: 20px;
	font-size: 16px;
	border: 1px solid #bbb!important
}
.cui_box:first-child {
	margin: 0
}
.cu_memo_box, .private_check {
	margin-top: 20px;
	display: block
}
.cui_box::placeholder {
color:#bbb
}
.cu_memo_box {
	position: relative
}
.cu_memo_box textarea {
	width: 660px;
	height: 140px;
	padding: 20px;
	box-sizing: border-box;
	resize: none;
	border: 1px solid #bbb
}
.max_text {
	position: absolute;
	bottom: 10px;
	right: 20px;
	color: #bbb;
	font-size: 14px
}
.private_check {
	position: relative
}
.private_check input {
	position: absolute;
	top: 0;
	left: 0;
	width: 30px;
	height: 30px;
	opacity: 0;
	z-index: 1
}
.private_check_txt {
	padding-left: 42px;
	font-size: 14px;
	font-weight: 500
}
.private_link2 {
	color: #222;
	line-height: 30px;
	border-bottom: 1px solid #222
}
.cs_btn, .private_link2:before {
	border: 1px solid #bbb;
	box-sizing: border-box
}


.pb_title {
	font-size: 14px;
	letter-spacing: -.65px;
	padding-top: 20px;
	display: block;
	font-weight:bold;
	font-family: 'NotoSans-Medium';
}
.pb_info_text {
	font-size: 14px !important;
	line-height: 20px !important;
	letter-spacing: -.35px !important;
	color: #222 !important;
	word-break: keep-all; margin-bottom: 20px !important;
}
.pb_info {
	border: 0;
	background: #f7f7f7;
	padding: 1em;
	margin-top: 10px;
	font-size: 14px
}
.pb_info .pbi_inner {
	margin-top: 7px;
	margin-bottom: 0
}
.pb_info .pbi_inner:first-child {
	margin-top: 0
}
.pb_info .pbi_inner:after {
	content: '';
	display: block;
	clear: both
}
.pb_info .pbi_inner dt {
	float: left;
	width: 12%;
	font-weight:bold
}
.pb_info .pbi_inner dd {
	float: left;
	width: 88%;
	margin-left: 0;
	font-weight: 500;
	word-break:keep-all;
	line-height:1.5
}
.check_text {
	margin-top: 15px
}




.private_check_txt {
	color: #222
}
.private_check_txt .private_link2 {
	border-bottom: 0
}

.module_btn_type1, .module_btn_type2 {
	position: relative;
	color: #fff;
	font-weight: 500;
	display: block
}
.module_btn_type1 {
	width: 200px;
	height: 50px;
	padding-left: 20px;
	line-height: 50px;
	border: 1px solid #666;
	font-size: 14px;
	text-align: left
}
.module_btn_type2 {
	width: 332px;
	height: 60px;
	margin: 0 auto;
	line-height: 60px;
	border: 1px solid #fff;
	font-size: 20px;
	-webkit-transition: color .55s cubic-bezier(.52, .08, .18, 1);
	transition: color .55s cubic-bezier(.52, .08, .18, 1)
}
.module_btn_type2:before, .module_btn_type3:before {
	background: #fff;
	display: block;
	width: 120%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	-webkit-transform-origin: right top;
	-ms-transform-origin: right top;
	transform-origin: right top;
	-webkit-transform: translateX(-101%) skewX(-17.62deg);
	-ms-transform: translateX(-101%) skewX(-17.62deg);
	transform: translateX(-101%) skewX(-17.62deg);
	-webkit-transition: -webkit-transform .55s cubic-bezier(.52, .08, .18, 1);
	transition: -webkit-transform .55s cubic-bezier(.52, .08, .18, 1);
	transition: transform .55s cubic-bezier(.52, .08, .18, 1);
	transition: transform .55s cubic-bezier(.52, .08, .18, 1), -webkit-transform .55s cubic-bezier(.52, .08, .18, 1);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}
.module_btn_type3, .module_btn_type4 {
	display: block;
	height: 60px;
	margin: 0 auto;
	line-height: 60px;
	color: #222;
	font-weight: 500;
	text-align: center
}
.module_btn_type2:hover:before, .module_btn_type3:hover:before {
	-webkit-transform: translateX(0) skewX(-17.62deg);
	-ms-transform: translateX(0) skewX(-17.62deg);
	transform: translateX(0) skewX(-17.62deg);
	-webkit-transform-origin: left top;
	-ms-transform-origin: left top;
	transform-origin: left top
}
.module_btn_type2:hover {
	color: #222;
	border-color: #fff
}
.module_btn_txt {
	position: relative;
	z-index: 10
}
.module_btn_type3 {
	position: relative;
	width: 332px;
	border: 1px solid #222;
	font-size: 18px;
	-webkit-transition: color .55s cubic-bezier(.52, .08, .18, 1);
	transition: color .55s cubic-bezier(.52, .08, .18, 1);
	font-family: 'NotoSans-Medium';
}
.module_btn_type3:before {
	background-color: #222
}
.module_btn_type3:hover {
	color: #fff;
	border-color: #222
}

.module_btn_type3:before {
	background-color: #222
}


.module_btn_type4 {
	width: 200px;
	border: 1px solid #222;
	font-size: 20px
}
.module_btn_type4:hover {
	color: #42a0ff;
	border-color: #42a0ff;
	background-color: transparent
}
.icon_more2 {
	width: 14px;
	height: 14px;
	background-position: -140px -140px;
	margin-left: 10px;
	margin-top: -3px
}
.module_btn_type4:hover .icon_more2 {
	width: 14px;
	height: 14px;
	background-position: -130px -180px;
}
.module_btn_w button {
	position: absolute;
	top: 36%;
	width: 60px;
	height: 60px;
	border: 1px solid #bbb;
	box-sizing: border-box
}

.module_btn_type3:before {
	content: ''
}
.module_btn_type3 {overflow:hidden; margin-top:30px; background: #fff;}

/* 고객센터 메인 */
/*.board_zone_list {width:1200px; margin:0 auto}*/
.board_zone_list .date_check_box.faq-type{padding-left:0;}
.board_zone_list .date_check_box{padding:40px 50px 50px 50px;border:0;border-top:2px solid #000;border-bottom:1px solid #ededed;}
.board_zone_list .date_check_box form{font-size:0;}
.board_zone_list .date_check_box form .date_faq_list{vertical-align:top;border-right:1px solid #ededed;width:60%;box-sizing:border-box; display:inline-block}
.board_zone_list .date_check_box form .date_faq_list h2{font-size:24px;font-weight:500;color:#000;text-align:left;line-height:36px;padding:0;}
.board_zone_list .date_check_box form .date_faq_list .input-wrap{margin-top:16px;position:relative;width:589px;height:52px;box-sizing:border-box;border:1px solid #000;}
.board_zone_list .date_check_box form .date_faq_list .input-wrap input{position:relative;width:100%;height:100%;box-sizing:border-box;font-size:14px;font-weight:400;letter-spacing:0.03em;color:#000; border: 0;}
.board_zone_list .date_check_box form .date_faq_list .input-wrap input::placeholder{color:#969696;}
.board_zone_list .date_check_box form .date_faq_list .input-wrap button{display:block;position:absolute;right:0;top:0;width:19px;height:19px;background:url("../images/sub/print_search_dot.png")no-repeat center top;line-height:1;top:17px;right:17px;}
.board_zone_list .date_check_box form .date_faq_list .input-wrap button em{font-size:0;text-indent:-999999px;}
.board_zone_list .date_check_box form .date_faq_txt{border:0;padding:0;width:100%;box-sizing:border-box;padding-top:3px; display:inline-block}
.board_zone_list .date_check_box form .date_faq_txt p {text-align: center;}
.board_zone_list .date_check_box form .date_faq_txt p.text-big {font-size: 47px; margin-bottom: 30px;}
.board_zone_list .date_check_box form .date_faq_txt p.text-mid {font-family: 'NotoSans-Medium';}
.board_zone_list .date_check_box form .date_faq_txt .a_wraps {width: 100%; box-sizing: border-box; text-align: center;}
.board_zone_list .date_check_box form .date_faq_txt .a_wraps a {display:inline-block;width:200px; margin-left: 2%; height:50px; border-radius: 5px; font-size: 15px; box-sizing:border-box;border:1px solid #000;text-align:left; padding-left:17px; margin-top:30px; font-weight:400;color:#2a2a2a; font-family: 'NotoSans-Medium'; letter-spacing:0.03em;line-height:50px;background:url("../images/sub/bg_paging_arrow_next.png")no-repeat top 50% right 16px;}
.board_zone_list .date_check_box form .date_faq_txt .a_wraps a:first-of-type {margin-left: 0; background-color: #2a2a2a; color: #fff; background-image:url("../images/sub/bg_paging_arrow_next-w.png");}





ul.newslist { border-top: solid 1px #0b0205;}
ul.newslist li { border-bottom: solid 1px #e6e5e6; position: relative; box-sizing: border-box; padding-left: 500px	}
ul.newslist li span {position: absolute; top: 50%; margin-top: -105px; left: 0; display:block; width:460px; height:210px; background:#d2d2d7; overflow: hidden;}
ul.newslist li span img {position: absolute; top: 50%; left: 50%; width:auto; height: 101%; transform: translate(-50%, -50%); object-fit: cover;}
ul.newslist li dl {position: relative; width:100%; padding: 30px 0;}
ul.newslist li dl dd.txtdate { font-size:15px; color:#a8a8a8; margin-bottom:25px; letter-spacing:2px;}
ul.newslist li dl dt { letter-spacing:-2px; font-size:20px; font-weight:600; margin-bottom:10px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
ul.newslist li dl dt a { color:#1e1e1f;}
ul.newslist li dl dd.txtcon {letter-spacing:-2px; font-size:16px; white-space: normal; overflow:hidden;    line-height: 1.6;   height: 3.2em;     text-align: left;    word-wrap: break-word;    display: -webkit-box;     -webkit-line-clamp: 2;     -webkit-box-orient: vertical;}
	

	
ul.newslist li dl dd.btn_2 { margin-top:25px;}
ul.newslist li dl dd.btn_2 a { display:inline-block; border: solid 2px #1e1e1f; text-align:center; height:40px; line-height:35px; width:120px; font-size:14px; letter-spacing:-1px; color:#333; text-decoration:none;} 
ul.newslist li dl dd.btn_2 a:hover{border-color:#a00033;background-color:#a00033; color:#fff}


.sub_common_select_line{position: relative;display: flex;    width: 100%;    max-width: 1200px; border-bottom: 1px solid #ededed;margin: 0 auto 20px;}
.sub_common_select_line .sc_select_item{position: relative; display:inline-block; top: 1px;text-align: center;width: 50%;height: 60px;line-height: 60px;font-size: 19px;color: #999999;cursor: pointer;transition: all 0.3s;}
.sub_common_select_line .sc_select_item:hover{transition: all 0.3s;font-weight: 500;color: #424242;}

.on_sc_select{font-family:'NotoSans-Bold';color: #424242!important;}
.on_sc_select a {color: #000 !important}



.sideNav{text-align: center; margin-top:30px;height: 70px;position: sticky;position: -webkit-sticky;}
.sideNav ul.sideMenu {position: relative;text-align: center;background-color: #ededed; z-index: 9999;}
.sideMenu li{position: relative;display: inline-block;line-height: 70px; text-align: center;margin-left: 20px;margin-right: 20px; font-family: 'NotoSans-Light',sans-serif}
.sideMenu li a{position: relative;letter-spacing: 1px;color: #aaaaaa; font-size: 16px;font-weight: 400; padding-bottom:23px; -webkit-transition: .2s ease;transition: .2s ease;  font-family: 'NotoSans-Light',sans-serif}
.sideMenu li a:hover{color: #333; text-decoration:none;}
.sideMenu li a.active {color: #333;}
.sideMenu li a.active.on {color: #333333;font-family:'NotoSans-Bold'; border-bottom:2px solid #333;}



/* ------------- 기본 게시판 테이블 리스트  ------------- */
.board_zone_sec{position:relative;}
.board_zone_tit{margin:0 0 10px 0; padding:0 0 10px 0; font-size:16px;}
.board_zone_cont{}
.board_zone_sec + .board_zone_cont,
.board_zone_cont + .board_zone_cont{margin:70px 0 0 0;}
.board_zone_cont + .board_zone_tit{margin:70px 0 30px 0; padding:0 0 20px 0; border-bottom:1px solid #3c3c3c;}

.board_list_table{width:100%; margin:0 0 20px 0; border:0; border-spacing:0; border-collapse:collapse; border-top:1px solid #999999; text-align:center;}
.board_list_table th{padding:16px 10px 16px 14px; border-bottom:1px solid #dbdbdb; background:#fbfbfb; font-size:14px}
.board_list_table td{padding:20px 10px 22px 10px; border-bottom:1px solid #dbdbdb; font-size:14px}
/* 게시판 이미지 */
.board_list_table .board_img{overflow:hidden; position:relative; display:inline-block; text-align:center;}
.board_list_table .board_img a{display:table-cell; height:100%; vertical-align:middle; border:1px solid #ebebeb;}
/* 게시판 제목 */
.board_list_table .board_tit{text-align:left; vertical-align:middle;}
.board_list_table .board_tit strong{font-weight:normal;}
.board_list_table .board_tit strong > span{color:#ab3e55;}
.board_list_table .board_tit.on strong{font-weight:bold;}
.board_list_table .board_tit img{margin:0 2px 0 2px; vertical-align:middle;}
.board_list_table .board_tit strong:hover{text-decoration:underline;}


.board_list_table.ver_regist {border-top: 0;}
.board_list_table.ver_regist thead tr th {background: #161616; color: #fff;}
.board_list_table.ver_regist tr td strong {font-family:'NotoSans-Bold'; color: #161616;}
.board_list_table.ver_regist tr td  {font-family:'NotoSans-Medium'; color: #333}
.board_list_table.ver_regist tr:nth-of-type(odd) {background: #fafafa;}

/* 공지 */
.board_zone_list .notice_point,
.board_zone_list .notice_point td{background:#f7f7f7;}


/* badge*/
.badge {display: inline-block; height: 26px; padding: 0 6px; border-style: solid; border-radius:3px; border-width: 1px; font-size: 13px; line-height: 26px; white-space: nowrap;}
.badge.badge_type01 {border-color: #004a99; color: #004a99;} /* 파랑색 */
.badge.badge_type02 {border-color: #99cc99; color: #669966;} /* 연녹색 */
.badge.badge_type03 {border-color: #aaa; color: #999;} /* 회색 */
.badge.badge_type04 {border-color: #8daccc; color: #4175aa;} /* 연파랑색 */
.badge.badge_type05 {border-color: #c0a353; color: #c0a353;} /* 황토색 */


/* board */
.tit-sec-wrap {font-size:50px; color:#222; line-height:85px;}
.tit-sec-wrap > h2 {margin-bottom: 50px; font-size:30px; color:#222; line-height:36px; font-weight:600;} /* 190904 수정 */
.tit-sec-wrap > h3{font-size:30px; line-height:88px;}
.tit-sec-wrap > h4{font-size:20px; line-height:45px;}


/*--- borad ---*/
.board{width:1200px; overflow: hidden;}
.board table{border-top:1px solid #222;width: 1200px;margin-top: 10px;}
.board table caption{display:none;}
.board table tbody > tr > th{background:#fff;color:#222;font-size:15px;font-weight:700;border-bottom:0;height: 34px;border-right:1px solid #cccccc;}
.board table thead tr th{background:#fff;color:#222;height: 50px;line-height: 60px;font-size:15px;font-weight:700;border-top:1px solid #222;border-bottom:1px solid #ccc;padding: 0;}
.board table tbody tr{border-bottom: 1px solid #ececec;height: 34px;color:#666666;}
.board table tbody tr td{border:none;text-align: center;font-size: 15px;height: 60px;padding: 0;}
.strong{color:#222;font-weight:700 !important;}
.board table tbody tr:last-child{border-bottom:1px solid #ccc;}
.board_totalnum{display: inline-block;color:#a1a1a1;font-size:18px;margin-bottom: 30px;}
.board_totalnum em{color:#004a99;}

/*--- paging ---*/
.paging{text-align: center; margin:50px 0 0;}
.paging > a{display:inline-block;vertical-align: bottom;width: 30px;height:30px;line-height: 530px;text-align: center;}
.paging > ul{display:inline-block;overflow:hidden;vertical-align:;margin: 0 10px;}
.paging > ul >li {float:left; width:30px; height:30px; text-align: center;}
.paging > ul >li >a{display:block; line-height: 30px; font-size:14px; color:#222;}
.paging > ul >li.on{background:#333; }
.paging > ul >li.on a{color:#fff;}

.textL {text-align:left}
.pd-l-20 {padding-left: 20px !important;}
.board {width: 100%; margin-bottom: 30px;}
.board table {width: 100%; margin-top: 0;}
.board table tbody tr th,
.board table tbody tr td {padding-top: 10px; padding-bottom: 10px; box-sizing: border-box; }
.board table tbody tr th, .board table tbody tr td, .board table tbody tr td p { line-height: 36px !important; }
.board.board-row tbody td{padding-left: 40px; padding-right: 40px; text-align: left;}
.board table tbody tr td [class*='select'] select {border: 0; color: #222;}
.board table tbody tr td input {vertical-align: middle;}
.board td .txt {color: #888;}/* 리스트 안 회색 텍스트 */
.board .check-type01 input[type=checkbox] + label span{top: 0;}/* 텍스트가 들어가는 체크박스가 있음 */
.board.board-row td input + [class*='check-type'] {margin-left: 18px;}
.board.board-row [class*='check-type'] input[type=checkbox] + label {color: #222;}
.board.board-row input[type=text] + input[type=text] {margin-top: 10px;}

.board.board-noline table tbody > tr > th{border-right: 0;}

.board.board-menu table tbody tr th{background-color: #f8f8f8; border-right: 0;}
.board.board-menu .menu-list > li {float: left; margin: 14px 0; border-right: 1px solid #ddd;}
.board.board-menu .menu-list > li a{padding: 0 36px; color: #666;}
.board.board-menu .menu-list > li.active a {color:#004a99; font-weight: 600;}

.board-row-type01 p {line-height:36px;}
.board-row-type01 ul {padding-left:14px;}
.board-row-type01 ul li {line-height:36px; list-style:decimal;}
.board-row-type01 ul li ul {padding-left:0}
.board-row-type01 ul li ul li {line-height:36px; list-style:none;}

.board table tfoot th,
.board table tfoot td{background-color: #004a99; color: #fff; font-size: 15px; font-weight: 700; line-height: 60px; text-align: center;}

.list_veiw .txt_area {position: relative;}
.list_veiw .txt_area .add_file {position: absolute; right: 20px; top: 20px;}

.board-top,
.list-top {padding: 20px 0 10px;}
.board-top::after,
.list-top::after {display: block; content: ""; clear: both;}
.board-top .txt,
.list-top .txt {color: #aaa; font-size: 13px !important;}


/* ------------- view 페이지 ------------- */
.board_view_tit{overflow:hidden; padding:15px 15px 15px 15px; border-top:1px solid #999999; border-bottom:1px solid #dbdbdb; background:#f7f7f7;}
.board_view_tit h3{display:inline-block; color:#111111; font-size:14px; font-weight:bold}
.board_view_tit strong{float:right; font-size:14px;}

.board_zone_view .board_view_info{overflow:hidden; padding:10px 15px 10px 15px; border-bottom:1px solid #dbdbdb;}
.board_view_info .view_info_idip{display:inline-block;}
.board_view_info .view_info_idip em{color:#acacac; font-size:11px;}
.board_view_info .view_info_day{display:inline-block; height:10px; margin:0 0 0 7px; font-size:11px; border-left:1px solid #dbdbdb; vertical-align:middle;}
.board_view_info .view_info_day em{position:relative; display:block;  top:-3px; padding:0 0 0 10px;}
.board_view_info .view_info_hits{display:inline-block; float:right; text-align:right;}

.board_zone_view .board_view_event_day{overflow:hidden; padding:10px 15px 10px 15px; border-bottom:1px solid #dbdbdb;}
.board_zone_view .board_view_attach{overflow:hidden; padding:10px 15px 10px 15px; border-bottom:1px solid #dbdbdb;}
.board_zone_view .board_view_link{overflow:hidden; padding:10px 15px 10px 15px; border-bottom:1px solid #dbdbdb;}
.board_view_link a:hover{text-decoration:underline;}

.board_view_content {padding-bottom:50px}
.board_view_content .img img{width:100%}



/* CSS Document */
.member_wrap{width:593px; margin:20px auto 40px auto;}
.member_pwd_wrap{margin:20px auto 40px auto;}
.member_tit h2{font-size:28px; margin:0 0 20px 0;}
.member_cont{padding:70px 60px; border:1px solid #dbdbdb;}
.member_cont h3{font-weight:normal; font-size:18px; color:#222222;}
.member_cont h3 + p{padding:5px 0 8px 0; color:#bebebc;}
.login_input, .certify_confirm_input{border-top:1px solid #dbdbdb;}
.wake_base_box .login_input{border-top:none 0;}


/*.join_base_wrap .btn_center_box,
.login_input + .btn_center_box,*/
.member_cont .btn_center_box,
.member_warning + .btn_center_box{margin:35px 0 0 0;}
.join_ok_box .btn_center_box{padding:30px 0 0 0; border-top:1px solid #dbdbdb;}

/* 로그인 */
.member_cont .member_login_box h3{font-weight:normal; font-size:18px; color:#222222;}
.member_cont .member_login_box .member_login{margin:0 0 20px 0;}
.member_cont .member_login_box .login_input_sec{overflow:hidden;}
.member_cont .member_login_box .login_input_sec > div{float:left;}
.member_cont .member_login_box .login_input_sec input{display:block; width:292px; height:36px; margin:15px 0 10px 0; padding:0 0 0 8px; border:1px solid #d0d0d0; color:#979d9d;}
.member_cont .member_login_box .login_input_sec button{float:right; width:158px; height:91px; margin:15px 0 0 0; border:1px solid #000; background:#000; color:#ffffff; font-size: 15px; font-weight:bold; cursor:pointer;}
.member_cont .member_login_box .login_input_sec button:hover{background:#fff; border:1px solid #000; color:#000}
.member_cont .member_login_box .id_chk{padding:0 0 2px 0;}
.member_cont .member_login_box .id_chk p{padding:6px 0 0 0;}
.member_cont .member_login_box .id_chk span{display:inline-block;}
.member_cont .member_login_box .id_chk input{display:none;}
.member_cont .btn_login_box{overflow:hidden; margin:20px 0 0 0; padding:20px 0 0 0; border-top:1px solid #dcdcdc;}
.member_cont .btn_login_box li{float:left; margin:0 0 0 10px;}
.member_cont .btn_login_box li:first-child{margin:0;}


.form_element label.on{background:url('../images/check_on.png') no-repeat 1px top;}
.form_element label{position:relative;top:0;left:0;display:inline-block;min-width:20px;min-height:20px;padding:0 0 0 27px;background:url('../images/check_off.png') no-repeat 1px top; font-size:14px}
.form_element label:hover{background:url('../images//check_over.png') no-repeat 1px top;}
/* 로그인, 확인 버튼 */
.btn_member_ok,
.btn_member_login{width:150px; height:45px; margin:35px 0 0 0; color:#ffffff; font-size:14px; border:1px solid #ab3e55; background:#ab3e55; cursor:pointer;}
.btn_member_ok:hover,
.btn_member_login:hover{border:1px solid #9b344a; background:#9b344a;}
/* 아이디 찾기 버튼 */
.btn_member_id{float:right; width:158px; height:91px; margin:15px 0 0 0; color:#ffffff; font-size:15px; font-weight:bold; border:1px solid #3e3d3c; background:#3e3d3c; cursor:pointer;}
.btn_member_id:hover{border:1px solid #4f4e4d; background:#4f4e4d;}
/* 비밀번호 찾기, 로그인하기 버튼 */
.btn_member_white{width:150px; height:45px; color:#3e3d3c; font-weight:bold; font-size:13px; border:1px solid #cccccc; background:#fff; cursor:pointer;}
.btn_member_white:hover{color:#333333; border:1px solid #bbbbbb;}
/* 회원가입 등등 */
.btn_member_black{width:150px; height:45px; margin:35px 0 0 0; color:#ffffff; font-size:14px; border:1px solid #ab3e55; background:#ab3e55; cursor:pointer; font-weight:bold;}
.btn_member_black:hover{border:1px solid #9b344a; background:#9b344a;}
/* 취소*/
.btn_member_cancel{width:150px; height:45px; color:#3e3d3c; font-weight:bold; font-size:13px; border:1px solid #cccccc; background:#fff; cursor:pointer;}
.btn_member_cancel:hover{color:#333333; border:1px solid #bbbbbb;}
/* 회원가입, 휴먼 해제하기 */
.btn_member_join{width:150px; height:45px; margin:0; color:#ffffff; font-size:14px; border:1px solid #666666; background:#666666; cursor:pointer; font-weight:bold;}
.btn_member_join:hover{border:1px solid #626262; color: #fff; background:#626262;}
.btn_comfirm{width:150px; height:45px; margin:0; color:#ffffff; font-size:14px; border:1px solid #ab3e55; background:#ab3e55; cursor:pointer; font-weight:bold;}
.btn_comfirm:hover{border:1px solid #9b344a; color: #fff; background:#9b344a;}


@media only screen and (max-width: 734px) {
	.member_wrap {width: 100%; margin: 0; margin-top: 30px; padding: 0 25px;}
	.member_cont {border: 0; padding: 0;}
	.member_cont .member_login_box h3 {display: none;}
	.member_cont .member_login_box .login_input_sec > div {width: 100%; float: none;}
	.member_cont .member_login_box .login_input_sec input {width: 100%; height: 45px; margin: 10px 0;}
	.member_cont .member_login_box .login_input_sec button {width: 100%; height: 50px; border-radius: 5px;}
	.member_cont .btn_login_box li:first-child {width: 47%}
	.member_cont .btn_login_box li:nth-of-type(2) {width: 49%}
	.btn_member_white, .btn_member_join  {width: 100% !important; border-radius: 5px;}
}


.more_pdt {width: 100%; background: url(/images/sub/sub03_01_more_pdt_bg.jpg) no-repeat center, #f6f6f6; margin-bottom: 1%; padding: 50px 0}
.more_pdt p {font-size: 24px !important; margin-bottom: 10px; font-family: 'NotoSans-Bold'; text-align: center}
.more_pdt a {color: #0071e3; font-size: 16px; font-family: 'NotoSans-Light'; font-weight: 600; letter-spacing: -1px; line-height: 1; display: block; text-decoration: none; opacity: 1; text-align: center; margin-top: 20px;}
.more_pdt a span { background: url("../images/utility/bold-arrow-next-c.png?v=2") no-repeat top 6px right; background-size: 13px; padding-right: 20px;}




/*브랜드스토리*/
#sub_contents_wrap {width: 100%; overflow: hidden;}
.sub_section {position: relative; width: 100%; max-width: 2560px; padding: 7rem 0; background: #fff; overflow: hidden; background-size: cover; background-repeat: no-repeat !important; background-position: center;}
.sub_section p {text-align: center; margin-bottom: 0; color: #1d1d1f}
.sub_section p.text-smallest {color: #a1a1a6 !important;}
.sub_section p.text-small {line-height: 1.5;}
.sub_section a {color: #00aba2; font-size: 16px; font-family: 'NotoSans-Light'; font-weight: 600; letter-spacing: -1px; line-height: 1; display: block; text-decoration: none; opacity: 1; text-align: center; margin-top: 20px;}
.sub_section a span { background: url("../images/utility/bold-arrow-next-c.png?v=2") no-repeat top 6px right; background-size: 13px; padding-right: 20px;}
.sub_section .inner_section {position: relative; width: 100%;}
.sub_section .contents {position: relative; width: 1200px; margin: 0 auto; height: 100%;}

.sub_section.back_black {background: #000;}
.sub_section.back_black p {color: #fff;}
.sub_section.back_black p.text-semi_mid {color: #a1a1a6;}
.sub_section.back_black p.text-semi_mid.white {color: #fff;}


@media only screen and (max-width: 734px) {
	.sub_section {padding: 5rem 25px !important;}
	.sub_section a {font-size: 14px;}
	.sub_section a span {background-size: 10px; padding-right: 15px;}
	.sub_section a span {background-size: 10px; padding-right: 15px;}
}

#brand_story01 {background: url(/images/sub/brand_stroy_sec01_bg.jpg) no-repeat center; background-size:cover; padding: 10rem 0}
#brand_story01 p {color: #fff;}
#brand_story01 p.text-semi_mid {margin-top: 2rem;}

@media only screen and (max-width: 734px) {
	#brand_story01 {padding: 6rem 0;}
}

#brand_story02 {}
#brand_story02 .logos {margin: 1.2rem 0 3rem 0;}

#brand_story03 {/*background: url(/images/sub/brand_stroy_sec03_bg.jpg) no-repeat center; background-size:cover;*/}
#brand_story03 p {/*color: #fff;*/}
#brand_story03 p.text-extra_big span {font-family: 'NotoSans-Light';}
#brand_story03 p.text-semi_mid {margin: 2rem 0 5rem 0; color: #6a6a6a}
#infra_wrap {width: 100%; text-align: center; font-size: 0; margin-top: 3rem;}
#infra_wrap .infra {position: relative; display: inline-block; width: 32%; margin-left: 2%; border-radius: 5px; border: 1px solid #ddd; background: #f1f1f1; box-sizing: border-box; padding: 40px 10px;}
#infra_wrap .infra::after {position: absolute; top: -25px; left: 50%; margin-left: -25px; width: 50px; height: 50px; border-radius: 100%; content: '';}
#infra_wrap .infra p {text-align: center; margin: 10px 0;}
#infra_wrap .infra p.text-semi_mid {font-family: 'Lato-Black'; color: #161616;}
#infra_wrap .infra#feelm {margin-left: 0;}
#infra_wrap .infra#feelm::after {background: #ffc453;}
#infra_wrap .infra#korea::after {background: #ff567a;}
#infra_wrap .infra#america::after {background: #8c9af0;}

@media only screen and (max-width: 1100px) {
	#brand_story03 p img {width: 100%;}
}

@media only screen and (max-width: 1068px) {
	#brand_story03 {padding-left: 15px; padding-right: 15px; box-sizing: border-box;}
}

@media only screen and (max-width: 734px) {
	#infra_wrap .infra {width: 100%; margin-left: 0; margin-bottom: 2%; padding: 20px 0;}
	#infra_wrap .infra::after {width: 35px; height: 35px; margin-left: -18px; top: -18px;}
	#infra_wrap .infra p {font-size: 14px;}
}


#brand_story04 {/*background: #f5f5f7; */padding: 4rem 0;}
#brand_story-inner_section01 {position: relative; z-index: 1;}
#brand_story-inner_section02 .contents { display: flex; flex-wrap: wrap;}
.miniBox {width: 100%; box-sizing: border-box; padding: 4rem 1rem; margin: 1rem 0; background: #fff;}
.miniBox p i {display:block;overflow: hidden;margin: 0 auto 1.5rem auto; padding: 0;border: 0;background-color: transparent;background-position: 50% 50%;background-repeat: no-repeat;font-size: 0;line-height: 0;text-decoration: none;vertical-align: top;text-indent: -1000em; width: 40px; height: 40px; background-size: 100%;}
.miniBox p i.icon-brand01{background-image: url(/images/sub/brand_story_icon01.png); width: 45px; height: 45px;}
.miniBox p i.icon-brand02{background-image: url(/images/sub/brand_story_icon02.png);}
.miniBox p.text-semi_mid {margin-top: 1.7rem; color: #6a6a6a;}
.miniBox a {margin-top: 2rem;}


#brand_story05 { padding: 13rem 0; background-image: url(/images/sub/sub01_01_sec03_bg.jpg);}
#brand_story05::before {display: none; position: absolute; bottom: 0; right: 0;  text-align: center; font-size: 10rem; color: rgba(0,0,0,0.1); font-weight: 900; font-family: 'Lato-Black'; content: 'Haka Eechnology';}
#brand_story05 p.text-semi_mid {margin: 2rem 0;}
#brand_story05 p.text-extra_big {
    background-repeat: no-repeat;
    background-image: url(/images/sub/hero_manifesto_bg__c0zrbe748m82_large.jpg);
	background-position: left center;
    background-size: cover;
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
}

@media only screen and (max-width: 734px) {
	#brand_story05 {padding: 10rem 0;}
}


#brand_story06 {background: #f5f5f7;}

/*채용공고*/
#incruit01 {padding: 17rem 0;}
#incruit01 p.text-semi_mid {font-family: 'Lato-Bold'; margin-bottom: 2rem; letter-spacing: 1rem}
#incruit01 p.text-extra_big {background-repeat: no-repeat; background-image: url(/images/sub/hero_manifesto_bg__c0zrbe748m82_large.jpg); background-size: cover; background-clip: text; -webkit-background-clip: text;  color: transparent;}

#incruit02 {padding-top: 0;}
#incruit02 p {text-align: left;}
#incruit02 p.text-big {margin-bottom: 2rem}
#incruit_inner_section01 {background: url(/images/sub/incruit_sec03_bg.jpg) no-repeat center; background-size: cover; padding: 9rem 0; margin-top: 5rem; background-attachment:fixed; }
#incruit_inner_section01 p {text-align: center;}
#incruit_inner_section01 a {color: #fff;}
#incruit_inner_section01 a span {background-image: url("../images/utility/bold-arrow-next-w.png");}
#incruit03 {padding-top: 0;}



@media only screen and (max-width: 734px) {
	#incruit02 {padding-bottom: 0 !important}
	#incruit_inner_section01  {background-attachment: inherit;}
}

/*===============================================================
								제품소개
===============================================================*/
.products_section {}
.products_section p.text-semi_mid {line-height: 1.66;}
.products_section .contents {width: 850px; margin: 0 auto;}

.products_section p.text-extra_big {margin-bottom: 3rem;}
.products_section p.top-bar_deco {position: relative; margin-top: 3rem; padding-top: 3rem;}
.products_section p.top-bar_deco::before {position: absolute; top:0; left: 50%; margin-left: -35px; width: 70px; height: 3px; background: #a1a1a6; content: '';}

#signature01 {}
#signature01 p.text-extra_big {margin-bottom: 0}
#signature01 p.text-semi_mid {margin-bottom: 5rem;}
#signature01 p.text-semi_mid img {width: 35%; max-width: 1000px;}
#signature01 p.text-semi_mid:last-of-type {margin-bottom: 0}
#signature02 {}
#signature03 p.deco_pics {margin-top: 7rem;}

#signature04 p.text-extra_big {margin-bottom: 1.6rem;}
#signature04 p.text-extra_big img {width: 330px;}
#signature04 p.text-mid {}

.graph_list {margin: 7rem auto;}
.graph_list img {width: 100%;}
.graph_list .subject {float: left; width: 27%; border-top: 3px solid #ffce49}
.graph_list .subject p {color: #ffce49; text-align: left; padding-top: 0.7rem;;}
.graph_list .text {float: right; width: 67%;}
.graph_list .text p {text-align: left; margin-bottom: .7rem; line-height: 1.6;}
.graph_list:last-of-type {margin-bottom: 0}

.graph_list .subject p span {color: #f49dfc; display: block; position: relative; margin-top: .7rem; padding-top: .7rem; line-height: 1; font-size:17px;}
.graph_list .subject p span::before {position: absolute; top: 0; left: 0; width: 170px; height: 1px; background: #fff; content: '';}
.graph_list .graph_box {position: relative; width: 100%; margin: 1rem 0}
.graph_list .graph_box .graph {position: relative; width: 100%; overflow: hidden; box-sizing: border-box; padding:2px 0 2px 150px;}
.graph_list .graph_box .graph span {font-size: 15px; position: absolute; top: 6px; left: 0; width: 100px; color: #fff; font-family: 'NotoSans-Bold';}
.graph_list .graph_box .graph .graph_line_wrap {width: 100%;}
.graph_list .graph_box .graph .graph_line {width: 100%; height:15px; border-radius: 35px; margin: .3rem 0;}
.graph_list .graph_box .graph .graph_line.signature {background:linear-gradient(45deg,#f3c8fe,#40e6fe)}
.graph_list .graph_box .graph .graph_line.nomal {background:linear-gradient(45deg,#d7d7d7,#797979)}
.graph_list .graph_box .graph .graph_line.line10 {width: 10%}
.graph_list .graph_box .graph .graph_line.line20 {width: 20%}
.graph_list .graph_box .graph .graph_line.line30 {width: 30%}
.graph_list .graph_box .graph .graph_line.line40 {width: 40%}
.graph_list .graph_box .graph .graph_line.line50 {width: 50%}
.graph_list .graph_box .graph .graph_line.line60 {width: 60%}
.graph_list .graph_box .graph .graph_line.line70 {width: 70%}
.graph_list .graph_box .graph .graph_line.line80 {width: 80%}
.graph_list .graph_box .graph .graph_line.line90 {width: 90%}

#signature05 {background: #1f1f1f;}
#signature05 .section_title .text-extra_big {margin-bottom: 2rem;}
#signature05 .section_title .text-extra_big img {width: 330px;}
#signature05 .section_title .text-mid {position: relative; font-family: 'NotoSans-Medium'; color: #ffcf4f; line-height: 1.6; padding-top: 2rem;}
#signature05 .section_title .text-mid::after {position: absolute; top: 0; left: 50%; margin-left: -285px; width: 560px; height: 3px; background: url(/images/sub/gra_bg_yellow.jpg) no-repeat center; background-size: cover; content: '';}
#signature05 .inner_section {margin-top: 7rem ;}
#signature05 .inner_section  ul {}
#signature05 .inner_section  ul li {font-size: 23px; color: #fff;font-family: 'NotoSans-Bold'; box-sizing: border-box; margin: 2rem 0;}
#signature05 .inner_section  ul li:nth-of-type(1) {}
#signature05 .inner_section  ul li:nth-of-type(2) {padding-left: 30px;}
#signature05 .inner_section  ul li:nth-of-type(3) {padding-left: 45px;}
#signature05 .inner_section  ul li:nth-of-type(4) {padding-left: 30px;}
#signature05 .inner_section  ul li:nth-of-type(5) {}
#signature05 .inner_section  ul li span {background: #8e8e8e; font-style: italic; border-radius: 100%; width: 40px; height: 40px; text-align: center; line-height: 40px; display: inline-block; margin-right: 10px;}
#signature05 .inner_section .text-mid  {color:#ff1758; font-family: 'NotoSans-Medium'; margin-bottom: 2rem;}
#signature05 .inner_section .half_box_wrap {width: 1050px; margin: 0 auto;}
#signature05 .inner_section .half_box_wrap img  {width: 100%;}
#signature05 .inner_section .half_box_wrap .half_box.left {width: 600px; padding: 20px 0}
#signature05 .inner_section .half_box_wrap .half_box.right {width: 450px;}

#signature06  {background: #2a2a2a;}
#signature06 .text-semi_mid {color: #a1a1a6}
#signature06 .text-semi_mid span {color: #ffcf4f}

#signature06 .inner_section {margin-top: 7rem;}
#signature06 .inner_section p.text-smallest {margin: .5rem 0;}
#signature06 .graph_list {margin-top:2rem; margin-bottom: 2rem;}
#signature06 .graph_list .graph_box .graph .graph_line_wrap {height: 25px; background:#abb6bc; border-radius: 50px;}
#signature06 .graph_list .graph_box .graph {padding-left: 180px; padding-right: 110px;}
#signature06 .graph_list .graph_box .graph span  {font-size: 25px; width: 170px;}
#signature06 .graph_list .graph_box .graph span.right  {width:100px; right: 0; left: auto; font-size: 17px; font-family: 'NotoSans-Bold';}
#signature06 .graph_list .graph_box .graph span.signature  {color:#00cce2; }
#signature06 .graph_list .graph_box .graph span.nomal  {color:#ea2b47}
#signature06 .graph_list .graph_box .graph .graph_line_wrap .graph_line {height: 100%;}
#signature06 .graph_list .graph_box .graph .graph_line_wrap .graph_line.signature {background: url(/images/product/signature/graph_bg1.jpg) repeat-x center; background-size: auto 100%;}
#signature06 .graph_list .graph_box .graph .graph_line_wrap .graph_line.nomal {background: url(/images/product/signature/graph_bg2.jpg) repeat-x center; background-size: auto 100%;}

#signature07 {background-image: url(/images/product/signature/signature_pic04.jpg); padding: 13rem 0; background-position: bottom;}
#signature07 ul {width: 100%; text-align: center; font-size: 0; margin-top: 7rem;}
#signature07 ul li {display: inline-block; margin: 0 1.5rem; width: 230px; height: 230px; border-radius: 100%; border: 3px solid #fff; box-sizing: border-box; padding: 50px 0;}
#signature07 ul li p.text-mid {padding-bottom: 20px; margin-bottom: 20px; position: relative;}
#signature07 ul li p.text-mid::after {position: absolute; bottom: 0; width: 80%; margin-left: -40%; left: 50%; background: #fff; height: 2px; content: '';}


#signature08 {padding: 13rem 0;}
#signature08 p.text-small {margin: 2rem 0 5rem 0; font-family: 'NotoSans-Light';}


.trust_list_wrap {width: 750px; margin: 0 auto; position: relative; box-sizing: border-box; padding-left: 240px;}
.trust_list_wrap #deco_pic {position: absolute; top: 0 ;left: 0; width: 180px;}
.trust_list_wrap #deco_pic img {width: 100%;}
.trust_list {width: 100%; overflow: hidden; margin: 3.2rem 0;}
.trust_list p {text-align: left;}
.trust_list p.text-semi_mid {color:#fff !important;margin-bottom: .5rem}
.trust_list p.text-small {color:#a1a1a6;}

#signature09 {z-index: 1;}
#signature09 {background: url(/images/product/signature/signature_pic06.jpg) no-repeat center; background-size: cover; height: 1200px; z-index: 2;}
#signature10 p {margin-bottom: 0}

#signature11 {background: #f1f1f1; }
ul.signature_color_list {width: 100%; text-align: center; font-size: 0;}
ul.signature_color_list li {display: inline-block; margin: 2%; width: 23.5%; margin-right: 0;  margin-top: 0;}
ul.signature_color_list li:nth-of-type(5) {clear: both; margin-left: 0}
ul.signature_color_list li:first-of-type {margin-left: 0;}

#signature12 {}
#signature12 p {text-align: left;}


#signature13 {background: #101010;}
#signature13 .section_title {margin-bottom: 5.5rem;}

#signature15 {padding: 0}
#signature15 p {text-align: left;}
#signature15 p em {font-family: 'NotoSans-Light'; font-style: normal;}
#signature15 p span {background: url(/images/product/signature/signature_sec15_bl.png) no-repeat center right; background-size: 100px; padding-right: 130px;}

#signature11 .contents, #signature12 .contents, #signature13 .contents, #signature14 .contents ,#signature15 .contents {width: 1260px;}

#signature16 {background-image: url(/images/sub/signature_sec16_bg.jpg); background-position: bottom; padding:  12rem 0}
#signature16::after{position: absolute; top: 0; left: 0; width: 100%; height: 500px; background:linear-gradient(180deg,#131313,transparent); content: '';}
#signature16 .contents {z-index: 1;}
#signature16 ul {width: 700px; margin: 5rem auto 0 auto;}
#signature16 ul li {position: relative; width: 100%; font-size: 23px; font-weight: 600; padding: 2.4rem 0; background-image: url(/images/sub/gra_bg_yellow.jpg); background-repeat: no-repeat; background-size: cover; background-clip: text; -webkit-background-clip: text; color: transparent;}
#signature16 ul li::after {position: absolute; top: 0; left: 0;  width: 100%; height: 3px; background: url(/images/sub/gra_bg_yellow.jpg) no-repeat center; background-size: cover; content: '';}
#signature16 ul li:first-of-type::after {display: none;}


#signature17 {background-image: url(/images/product/signature/signature_sec17_bg.jpg); background-position: bottom; padding:  12rem 0; min-height: 1200px; background-attachment: fixed;}
#signature17 .contents {z-index: 1;}
#signature17::after{position: absolute; top: 0; left: 0; width: 100%; height: 500px; background:linear-gradient(180deg,#000,transparent); content: '';}

#signature18 {background: #252525;}
#signature18 .section_title {margin-bottom: 5.5rem;}
#signature18 .section_title p.text-extra_big {margin-bottom: 1.3rem;}
#signature18 p.text-semi_mid {margin-top: 4rem}
#signature18 p.text-semi_mid img {width: 300px;}


#signature19 {background: #191919;}
#signature19 .section_title p.text-extra_big img {width: 330px;}
#signature19 .section_title p.text-semi_mid span {color:#ffcf4f}
#signature19 .half_box_wrap {margin-top: 7rem;}
#signature19 .half_box.left {width: 250px;}
#signature19 .half_box.right {width: 600px; padding-left: 70px; }
#signature19 .half_box.right p { text-align: left;}
#signature19 .half_box p.text-semi_mid {color:#ffcf4f; text-align: left; position: relative; box-sizing: border-box; padding-left: 13px; margin-bottom: .7rem}
#signature19 .half_box p.text-semi_mid::after {background:#ffcf4f; position: absolute; top: 17px; left: 0; width: 5px; height: 5px; border-radius: 100%; content: '';}
#signature19 .half_box p.text-mid {color:#ffcf4f;}
#signature19 .half_box ul {width: 400px; text-align: center; font-size: 0;}
#signature19 .half_box ul li {font-size: 19px; color: #fff; font-family: 'NotoSans-Medium'; border: 3px solid #fff; padding: 10px  20px; box-sizing: border-box; display: inline-block;margin: .7rem 0; width: 100%;}
#signature19 .half_box ul li span {margin-right: 15px;}
#signature19 .half_box_wrap:first-of-type .half_box.left { padding-top: 40px}
#signature19 .half_box_wrap:last-of-type .half_box.right { padding-top: 10px}


#signature20 {background: url(/images/product/signature/signature_sec20_bg.jpg); background-position: bottom; background-repeat: no-repeat; background-size: cover;  padding-bottom: 0; background-color: #000; min-height: 1200px;}
#signature20 .inner_section {}
#signature20 .inner_section img {width: 100%; margin-left: -50%; left: 50%; position: relative;}
#signature20 .inner_section #text_box {position: absolute; top: 50%; margin-top: -160px; left: 50%; margin-left: 55px;}
#signature20 .inner_section #text_box p.text-mid {color: #ffcf4f; text-align: left;}
#signature20 .inner_section #text_box p.text-small {text-align: left;}

#signature21 {}
#signature21 p {color:#505050}
#signature21 .contents {width: 1100px;}
#signature21 .half_box_wrap {margin-top: 7rem;}
#signature21 .half_box_wrap .half_box.left {width: 500px;}
#signature21 .half_box_wrap .half_box.left img {width: 100%;}
#signature21 .half_box_wrap .half_box.right {width: 600px; padding-left: 70px;}
#signature21 .half_box_wrap .half_box.right p {text-align: left;}

#signature22 {background-color: #eaeaea;}
#signature22 .contents {width: 1100px;}
#signature22 .signature22_pic01 {margin: 5rem 0;}
#signature22 .signature22_pic01 img {width: 300px;}
#signature22 .signature22_pic02 img {width: 100%;}

#signature23 {background-image: url(/images/product/signature/signature_sec23_bg.png); background-color: #f3f3f3; background-size: 1000px; background-position: bottom right; }
#signature23 .contents {width: 1206px;}
#signature23 .left {width: 30%;}
#signature23 .left img {width: 100%;}
#signature23 .right {width: 70%; padding-left: 80px;}
#signature23 .right p {text-align: left;}
#signature23 .right a {text-align: left;}




/*===== HNB =====*/
.half_box_wrap {width: 100%; display: flex; flex-wrap: wrap;}
.half_box {float: right; width: 50%;}
.half_box p {margin: 2rem 0;}

#hnb_section01 {background:url(/images/sub/hnb_sec01_bg.jpg) no-repeat center; background-size: cover; overflow: hidden; box-sizing: border-box; padding-right:3rem; padding-left: 3rem;}
#hnb_section01 .half_box {width: 60%;}


#hnb_section02 {background:url(/images/sub/hnb_sec02_bg.jpg) no-repeat center; background-size: cover; }
#hnb_section02 .obj-wrap {position: relative; z-index: 2; display: flex; justify-content: center; align-items: center;}
#hnb_section02 .obj-wrap .obj1 {position: relative; z-index: 2;}
#hnb_section02 .obj-wrap .obj2 {position: absolute; top: 0; right: 50%;	transform: translateX(340px); opacity: 0; transition: .8s all ease-out .4s;}
#hnb_section02 .obj-wrap .obj3 {position: absolute; top: 0; left: 50%; transform: translateX(-340px); opacity: 0; transition: .8s all ease-out .4s;}
#hnb_section02 .dot-wrap .dot.active {opacity: 1;}
#hnb_section02 .obj-wrap .obj2.active {transform: translateX(20px); opacity: 1;}
#hnb_section02 .obj-wrap .obj3.active {transform: translateX(-20px); opacity: 1;}
.caution {position: absolute; bottom: 5rem; right:5rem; width: 280px; box-sizing: border-box; color: #e11313; border: 4px solid #e11313; border-radius: 10px; padding: 15px; font-size: 15px; line-height: 1.5; text-align: center; font-family: 'NotoSans-Medium';}

#hnb_section03 {background:url(/images/sub/hnb_sec03_bg.jpg) no-repeat center; background-size: cover; overflow: hidden; box-sizing: border-box; }
#hnb_section03 .half_box {background-color:rgba(255,255,255,0.73); width: 45%; padding: 1.4rem 0; margin-right: -3rem;}
#hnb_section03 .half_box p.text-big {position: relative;}
#hnb_section03 .half_box p.text-big::after {position: absolute; bottom: -15px; left: 50%; margin-left: -230px; width: 460px; height: 2px;  background: #161616; content: '';}

#hnb_section04 {background: #1d1d1d;}
#hnb_section04 .obj-wrap {position: relative; z-index: 2; display: flex; justify-content: center; align-items: center;}
#hnb_section04 .obj-wrap .obj1 {margin: 0 60px 0 0;}
#hnb_section04 .obj-wrap .obj2 {margin: 0 87px 0 0;}
#hnb_section04 .obj-wrap .obj2 ul {display: flex;}
#hnb_section04 .obj-wrap .obj2 ul li {margin: 0 0 0 48px; opacity: 0; transition: .5s all ease-out;}
#hnb_section04 .obj-wrap .obj3 .top {margin: 0 0 50px;}
#hnb_section04 .obj-wrap .obj3 .bt {}
#hnb_section04 .obj-wrap .obj2 ul li:nth-child(1) {transition-delay: .2s;}
#hnb_section04 .obj-wrap .obj2 ul li:nth-child(2) {transition-delay: .4s;}
#hnb_section04 .obj-wrap .obj2 ul li:nth-child(3) {transition-delay: .6s;}
#hnb_section04 .obj-wrap .obj2 ul li.active {opacity: 1;}
#hnb_section04 .obj-wrap .obj3 .top.active {animation: blink .6s linear 3 1s;}
@keyframes blink {
	0% { opacity: 1; }
	50% { opacity: 0; }
	100% { opacity: 1; }
}


#hnb_section05 {background: #fbfbfb; padding-bottom: 0;}
#hnb_section05 .text_box {width: 50%; float: left; padding-top: 130px;}
#hnb_section05 .text_box p {margin: 2rem 0;}
#hnb_section05 .text_box p.text-mid {font-family: 'NotoSans-Light';}
#hnb_section05 .obj-wrap {position:relative; z-index:  2;}
#hnb_section05 .obj-wrap .obj1 {margin: 25px 60px 0 0;}
#hnb_section05 .obj-wrap .obj2 {position: relative; left: 360px; opacity: 0; transition: .8s all ease-out .4s;}
#hnb_section05 .obj-wrap .obj2.active {left: 0; opacity: 1;}

#hnb_section06 {background:url(/images/sub/hnb_sec06_bg.jpg) no-repeat center; background-size: cover; padding-bottom: 2rem;}
#hnb_section06 p {margin: 1.6rem;}
#hnb_section06 img {margin-top: 3rem;}


#hnb_section07 {background: #fbfbfb; padding-bottom: 0; padding-top: 15rem;}
#hnb_section07 .contents {display: flex; width: 950px}
#hnb_section07 .bg-txt {position: absolute; left: 0; top: 50%; transform: translate(0, -45%); width: 100%; text-align: center;}
#hnb_section07 .bg-txt img {}
#hnb_section07 .box-left {margin: 0 150px 0 0; width: 320px; float: left;}
#hnb_section07 .box-left .obj-wrap {position: relative;}
#hnb_section07 .box-left .obj {position: absolute;}
#hnb_section07 .box-left .obj.obj1 {top: -92px; right: -34px; z-index: 5; transition: .8s all ease-out .4s;}
#hnb_section07 .box-left .obj.obj2 {top: -24px; right: 64px; z-index: 4; transition: .8s all ease-out 1.2s;}
#hnb_section07 .box-left .obj.obj3 {top: -24px; right: 64px; z-index: 1; transition: .8s all ease-out 1.2s;}
#hnb_section07 .box-left .obj.obj4 {top: 20px; right: 130px; z-index: 2; transition: .8s all ease-out 2s;}
#hnb_section07 .box-left .obj.obj5 {top: -120px; right: 98px; z-index: 2; opacity: 0;}
#hnb_section07 .box-left .obj.obj-base {position: relative; z-index: 3;	display: block;}
#hnb_section07 .box-right {margin: 0 0 0 110px; float: left;}
#hnb_section07 .box-right .txt-wrap {position: relative;}
#hnb_section07 .box-right .txt-wrap p {margin: 1.5rem 0;}
#hnb_section07 .box-right .dot-wrap {display: flex; align-items: center; width: 565px;	position: absolute; top: 37px; right: 0;}
#hnb_section07 .box-right .dot-wrap .dot {width: 16px; height: 16px; background: #8a0000; border-radius: 100%; margin: 0 0 0 26px; opacity: 0; transition: .8s all ease-out;}
#hnb_section07 .box-right .dot-wrap .dot:nth-child(1) {transition-delay: 4.6s;}
#hnb_section07 .box-right .dot-wrap .dot:nth-child(2) {transition-delay: 4.8s;}
#hnb_section07 .box-right .dot-wrap .dot:nth-child(3) {transition-delay: 5s;}
#hnb_section07 .box-right .dot-wrap .dot:nth-child(4) {transition-delay: 5.2s;}
#hnb_section07 .box-right .dot-wrap .line {width: 397px;}
#hnb_section07 .box-right .dot-wrap .line span {display: block;	width: 0; height: 3px; background: #8a0000;	opacity: 0;	transition: .8s all ease-out 5.6s;}
#hnb_section07 .box-left .obj.obj1.active {top: -192px; right: -56px; opacity: 0;}
#hnb_section07 .box-left .obj.obj2.active, #hnb_section07 .box-left .obj.obj3.active {top: -124px; right: 42px;	opacity: 0;}
#hnb_section07 .box-left .obj.obj4.active {top: -75px; right: 108px; opacity: 0;}
#hnb_section07 .box-left .obj.obj5.active {	animation: blade 1.4s ease-out 1 2.8s forwards;}
@keyframes blade {
	0% { opacity: 0; }
	50% { top: -120px; right: 98px; opacity: 1; }
	100% { top: 20px; right: 130px; opacity: 1; }
}
#hnb_section07 .box-right .dot-wrap .dot.active {opacity: 1;}
#hnb_section07 .box-right .dot-wrap .line.active span {width: 100%;	opacity: 1;}


#hnb_section08 {background: #e3e3e2; padding-bottom: 0}
#hnb_section08 .obj-wrap {display: inline-flex;	justify-content: center; position: relative; left: 50%; transform: translate(-50%,0);}
#hnb_section08 .obj-wrap .obj {position: absolute; top: 0;}
#hnb_section08 .obj-wrap .obj.obj1 {top: 0; left: -5px; z-index: 1;	opacity: 0;	transition: .8s all ease-out .4s;}
#hnb_section08 .obj-wrap .obj.obj2 {top: 0; left: -5px; z-index: 2;	opacity: 0;	transition: .8s all ease-out .4s;}
#hnb_section08 .obj-wrap .obj.obj3 {top: 0; left: -3px; z-index: 3;	opacity: 0;	transition: .8s all ease-out .4s;}
#hnb_section08 .obj-wrap .obj.obj4 {top: 0; right: 72px; z-index: 5; opacity: 0; transition: .8s all ease-out .4s;}
#hnb_section08 .obj-wrap .obj.obj5 {top: 0; right: 72px; z-index: 7; opacity: 0; transition: .8s all ease-out .4s;}
#hnb_section08 .obj-wrap .obj.obj6 {top: 0; right: 72px; z-index: 6; opacity: 0; transition: .8s all ease-out .4s;}
#hnb_section08 .obj-wrap .obj.obj-base {position: relative; z-index: 4;}
#hnb_section08 .obj-wrap .obj.obj1.active {left: -260px; opacity: 1;}
#hnb_section08 .obj-wrap .obj.obj2.active {left: -135px; opacity: 1;}
#hnb_section08 .obj-wrap .obj.obj3.active {left: -10px;	opacity: 1;}
#hnb_section08 .obj-wrap .obj.obj4.active {right: -65px; opacity: 1;}
#hnb_section08 .obj-wrap .obj.obj5.active {right: -150px; opacity: 1;}
#hnb_section08 .obj-wrap .obj.obj6.active {right: -270px; opacity: 1;}
ul.vision_list {position: relative; width:750px; margin: 3rem auto; overflow: hidden;}
ul.vision_list li {width: 50%; float: left; font-size: 18px; color: #333; position: relative; padding-left: 10px; box-sizing: border-box; margin: 1rem 0; font-family: 'NotoSans-Medium';}
ul.vision_list li strong {font-family: 'NotoSans-Bold';}
ul.vision_list li::after {position: absolute; top: 7px; left: 0; width: 3px; height: 3px; border-radius: 100%; background: #8a8a8a; content: '';}


#hnb_section09 {background: #fbfbfb;}
#hnb_section09 p {color: #f5841f;}
#hnb_section09 p.text-big {margin-bottom: 3rem;}


#hnb_section10 {background:url(/images/sub/hnb_sec10_bg.jpg) no-repeat center; background-size: cover;}
#hnb_section10 .cotents {overflow: hidden;}
#hnb_section10 .half_box {width: 40%; float: none;}


#hnb_section11 {}
#hnb_section11 .contents {overflow: hidden;}
#hnb_section11 .half_box {position: relative; width: 50%; float: left;}
#hnb_section11 .half_box::after {position:absolute; top: 50%; margin-top: -110px; left: -55px;; width: 110px; height: 60px; background: url(/images/sub/hnb_sec11_arrow.png) no-repeat center; background-size: 100%;  content: '';}
#hnb_section11 .half_box:first-of-type::after {display: none;}


#hnb_section12 {background: #242424}
#hnb_section12 .contents {overflow: hidden;}

#hnb_section12 p {margin: 1rem 0;}
#hnb_section12 p.text-big {margin-bottom: 15px;}
#hnb_section12 .half_box {text-align: center; margin-top: 7rem; float: left;}
#hnb_section12 .obj-wrap {position: relative; padding: 90px 0; overflow: hidden;}
#hnb_section12 .obj-wrap .obj {}
#hnb_section12 .obj-wrap .obj.active {animation: blink2 .4s linear 3 .4s;}
#hnb_section12 .obj-wrap #decos {position: absolute; top: 70px; left: 50%; margin-left: -68px;}
#hnb_section12 .obj-wrap p.text-smallest {position: absolute; bottom: 30px; right: 30px;}
@keyframes blink2 {
	0% { opacity: 1; }
	50% { opacity: 0; }
	100% { opacity: 1; }
}


#hnb_section13 {background: url(/images/sub/hnb_sec13_bg.jpg) no-repeat center; background-size: cover;}
#hnb_section13 p {color: #606060;}
#hnb_section13 .num {color: #f5841f; font-size: 100px; font-family: 'NotoSans-Bold'; text-align: center;}
#hnb_section13 .contents {display: flex; justify-content: center; align-items: center;}
#hnb_section13 .box-left { margin: 0 25px 0 0;}
#hnb_section13 .box-left .obj-wrap {display: flex;}
#hnb_section13 .box-left .obj-wrap .obj {position: relative;}
#hnb_section13 .box-left .obj-wrap .obj:not(:first-child) {margin-left: -35px;}
#hnb_section13 .box-left .obj-wrap .obj.obj1 {z-index: 5; opacity: 0; transition: .8s all ease-out .4s;}
#hnb_section13 .box-left .obj-wrap .obj.obj2 {left: -40px; z-index: 4; opacity: 0; transition: .8s all ease-out 1.2s;}
#hnb_section13 .box-left .obj-wrap .obj.obj3 {left: -40px;z-index: 3; opacity: 0; transition: .8s all ease-out 1.4s;}
#hnb_section13 .box-left .obj-wrap .obj.obj4 {left: -40px;z-index: 2; opacity: 0; transition: .8s all ease-out 1.6s;}
#hnb_section13 .box-left .obj-wrap .obj.obj5 {left: -40px;z-index: 1; opacity: 0; transition: .8s all ease-out 1.8s;}
#hnb_section13 .box-left .obj-wrap .obj.obj1.active {opacity: 1;}
#hnb_section13 .box-left .obj-wrap .obj.obj2.active {left: 0; opacity: 1;}
#hnb_section13 .box-left .obj-wrap .obj.obj3.active {left: 0; opacity: .8;}
#hnb_section13 .box-left .obj-wrap .obj.obj4.active {left: 0; opacity: .6;}
#hnb_section13 .box-left .obj-wrap .obj.obj5.active {left: 0; opacity: .4;}
#hnb_section13 .box-right {position: relative;	padding: 0 0 0 90px;}
#hnb_section13 .box-right .obj-wrap {text-align: center;}
#hnb_section13 .box-right .obj1 {margin: 0 0 50px;}
#hnb_section13 .box-right .obj2 {opacity: 0;}
#hnb_section13 .box-right .dot-wrap {position: absolute; top: 50%; left: 10px; display: flex;}
#hnb_section13 .box-right .dot-wrap .dot {width: 10px; height: 10px; border-radius: 100%; background: #434343;	opacity: 0;	transition: .8s all ease-out;}
#hnb_section13 .box-right .dot-wrap .dot:not(:first-child) {margin-left: 17px;}
#hnb_section13 .box-right .dot-wrap .dot.active {opacity: 1;}
#hnb_section13 .box-right .dot-wrap .dot1.active {transition-delay: 2.7s;}
#hnb_section13 .box-right .dot-wrap .dot2.active {transition-delay: 2.8s;}
#hnb_section13 .box-right .dot-wrap .dot3.active {transition-delay: 2.9s;}
#hnb_section13 .box-right .obj2.active {animation: section12-blink 1.2s linear 1 3.4s forwards;}
@keyframes section12-blink {
	0% { opacity: 0; }
	20% { opacity: 1; }
	40% { opacity: 0; }
	60% { opacity: 1; }
	80% { opacity: 0; }
	100% { opacity: 1; }
}

#hnb_section14 {padding: 0;}

#hnb_section15 {background:  #fbfbfb; padding: 110px 0 0 0; text-align: center;}
#hnb_section15 .obj {position: absolute; top: 360px; left: 50%;	transform: translateX(-205px); opacity: 0; transition: .8s all ease-out .4s;}
#hnb_section15 .obj.active {transform: translateX(-275px); opacity: 1;}

#hnb_section16 {background: #3a3a3a; padding: 0;}
#hnb_section16 .contents {overflow: hidden; width: 1000px;}
#hnb_section16 .box-left {margin-right: 55px; float: left; padding-top: 160px;}
#hnb_section16 .box-left .tit {margin: 0 0 70px;}
#hnb_section16 .box-left .light-wrap .line {display: flex;	align-items: center; padding: 12px 0;}
#hnb_section16 .box-left .light-wrap .line .percent {opacity: 0; transition: .4s all ease-out;}
#hnb_section16 .box-left .light-wrap .line .grade {display: flex; align-items: center;}
#hnb_section16 .box-left .light-wrap .line .grade .dot {display: flex; padding: 0 45px;}
#hnb_section16 .box-left .light-wrap .line .grade .dot li {width: 10px; height: 10px; background: #fff;	border-radius: 100%; opacity: 0; transition: .4s all ease-out;}
#hnb_section16 .box-left .light-wrap .line .grade .dot li:not(:first-child) {margin: 0 0 0 26px;}
#hnb_section16 .box-left .light-wrap .line .grade .star {display: flex;	opacity: 0;	transition: .8s all ease-out;}
#hnb_section16 .box-left .light-wrap .line .grade .star li:not(:first-child) {margin: 0 0 0 25px;}
#hnb_section16 .box-left .light-wrap .line.red .grade .dot li {background: #d50202;}
#hnb_section16 .box-right {float: right;}
#hnb_section16 .box-right .obj-wrap {position: relative;}
#hnb_section16 .box-right .obj-wrap .light {position: absolute; top: 297px; left: 50%; transform: translateX(-63px); opacity: 0; transition: .5s all ease-out;}
#hnb_section16 .box-left .light-wrap .line .percent.active {opacity: 1;}
#hnb_section16 .box-left .light-wrap .line .grade .dot li.active {opacity: 1;}
#hnb_section16 .box-left .light-wrap .line .grade .star.active {opacity: 1;}
#hnb_section16 .box-right .obj-wrap .light.active {opacity: 1;}
#hnb_section16 .box-left .light-wrap .line.line1 .percent {transition-delay: .4s;}
#hnb_section16 .box-left .light-wrap .line1 .grade .dot li:nth-child(1) {transition-delay: .6s;}
#hnb_section16 .box-left .light-wrap .line1 .grade .dot li:nth-child(2) {transition-delay: .7s;}
#hnb_section16 .box-left .light-wrap .line1 .grade .dot li:nth-child(3) {transition-delay: .8s;}
#hnb_section16 .box-left .light-wrap .line1 .grade .dot li:nth-child(4) {transition-delay: .9s;}
#hnb_section16 .box-left .light-wrap .line1 .grade .dot li:nth-child(5) {transition-delay: 1s;}
#hnb_section16 .box-left .light-wrap .line1 .grade .dot li:nth-child(6) {transition-delay: 1.1s;}
#hnb_section16 .box-left .light-wrap .line1 .grade .dot li:nth-child(7) {transition-delay: 1.2s;}
#hnb_section16 .box-left .light-wrap .line1 .grade .dot li:nth-child(8) {transition-delay: 1.3s;}
#hnb_section16 .box-left .light-wrap .line.line1 .grade .star {transition-delay: 1.4s;}
#hnb_section16 .box-right .obj-wrap .light3 {transition-delay: 1.7s;}
#hnb_section16 .box-left .light-wrap .line.line2 .percent {transition-delay: 2.2s;}
#hnb_section16 .box-left .light-wrap .line2 .grade .dot li:nth-child(1) {transition-delay: 2.4s;}
#hnb_section16 .box-left .light-wrap .line2 .grade .dot li:nth-child(2) {transition-delay: 2.5s;}
#hnb_section16 .box-left .light-wrap .line2 .grade .dot li:nth-child(3) {transition-delay: 2.6s;}
#hnb_section16 .box-left .light-wrap .line2 .grade .dot li:nth-child(4) {transition-delay: 2.7s;}
#hnb_section16 .box-left .light-wrap .line2 .grade .dot li:nth-child(5) {transition-delay: 2.8s;}
#hnb_section16 .box-left .light-wrap .line2 .grade .dot li:nth-child(6) {transition-delay: 2.9s;}
#hnb_section16 .box-left .light-wrap .line2 .grade .dot li:nth-child(7) {transition-delay: 3s;}
#hnb_section16 .box-left .light-wrap .line2 .grade .dot li:nth-child(8) {transition-delay: 3.1s;}
#hnb_section16 .box-left .light-wrap .line.line2 .grade .star {transition-delay: 3.2s;}
#hnb_section16 .box-right .obj-wrap .light2 {transition-delay: 3.5s;}
#hnb_section16 .box-left .light-wrap .line.line3 .percent {transition-delay: 4s;}
#hnb_section16 .box-left .light-wrap .line3 .grade .dot li:nth-child(1) {transition-delay: 4.2s;}
#hnb_section16 .box-left .light-wrap .line3 .grade .dot li:nth-child(2) {transition-delay: 4.3s;}
#hnb_section16 .box-left .light-wrap .line3 .grade .dot li:nth-child(3) {transition-delay: 4.4s;}
#hnb_section16 .box-left .light-wrap .line3 .grade .dot li:nth-child(4) {transition-delay: 4.5s;}
#hnb_section16 .box-left .light-wrap .line3 .grade .dot li:nth-child(5) {transition-delay: 4.6s;}
#hnb_section16 .box-left .light-wrap .line3 .grade .dot li:nth-child(6) {transition-delay: 4.7s;}
#hnb_section16 .box-left .light-wrap .line3 .grade .dot li:nth-child(7) {transition-delay: 4.8s;}
#hnb_section16 .box-left .light-wrap .line3 .grade .dot li:nth-child(8) {transition-delay: 4.9s;}
#hnb_section16 .box-left .light-wrap .line.line3 .grade .star {transition-delay: 5s;}
#hnb_section16 .box-right .obj-wrap .light1 {transition-delay: 5.3s;}



#hnb_section17 {background-image:url(/images/sub/hnb_sec17_bg.jpg);}
#hnb_section17 p.text-extra_big {margin-bottom: 1rem;}
#hnb_section17 p.text-semi_big {font-family: 'NotoSans-Medium'; margin-top: 1rem; margin-bottom: 3rem;}
#hnb_section17 .half_box {text-align: center;}
#hnb_section17 .half_box.left {padding-top:7rem;}

#hnb_section18 {background:url(/images/sub/hnb_sec18_bg.png) no-repeat center bottom; background-size: cover; min-height: 950px;}
#hnb_section18 .half_box.right {padding-left: 4rem; box-sizing: border-box;}
#hnb_section18 p {text-align: left;}
ul.specification_list {}
ul.specification_list li {position: relative; margin: 1.3rem 0; padding-left: 10px; box-sizing: border-box; font-size: 19px; font-family: 'NotoSans-Medium';}
ul.specification_list li::after {position: absolute; top: 8px; left: 0; width: 3px; height: 3px; background: #5a5a5a; border-radius: 100%;  content: '';}

#hnb_section19 p.text-extra_big {text-align: left; }
#hnb_section19 p.text-extra_big span {font-size: 37px; font-family: 'NotoSans-Medium'; vertical-align: middle; padding-left: 15px;}
.manual_wrap {text-align: center; width: 100%; margin-top: 3rem; display: flex;}
.manual_wrap .manual {display: inline-block; margin: 0 1rem; cursor: pointer;}
.manual_wrap .manual .btn {position: relative; width: 100%; background: #000; height: auto; padding: 0; }
.manual_wrap .manual .btn span {position: absolute; top: 50%; left: 50%; margin-top: -55px; margin-left: -55px;}
.manual_wrap .manual .btn>img {opacity: .5; transition: .3s; width: 100%;}
.manual_wrap .manual .btn:hover>img {opacity: 1;}
.manual_wrap .manual p {margin-top: 1rem;}

#hnb_section20 {background: #000;}

/*비디오팝업*/
.fixo-dimmed {position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 40; background: rgba(0,0,0,.4); opacity: 0; visibility: hidden; transition: .2s all ease-out .2s;}
.fixo-dimmed.active {opacity: 1; visibility: visible;}
.fixo-dimmed .video-wrap {display: flex; justify-content: center; align-items: center; height: 100%;}
.fixo-dimmed .video-wrap-inner {position: relative; width: 100%; max-width: 1024px;}
.fixo-dimmed .load-video {position: relative; padding-bottom: 56.25%; width: 100%; height: 0;}
.fixo-dimmed .load-video iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.fixo-dimmed .video-wrap .btn {position: absolute; top: -50px; right: -60px; z-index: 41; background: #333; width: 50px; height: 50px; border-radius: 100%;	font-size: 0; cursor: pointer;}
.fixo-dimmed .video-wrap .btn:before {content: ''; position: absolute; top: 50%; left: 50%;	transform: translate(-50%, -50%) rotate(45deg);	width: 24px; height: 1px; background: #fff;}
.fixo-dimmed .video-wrap .btn:after {content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(-45deg);	width: 24px; height: 1px; background: #fff;}
.fixo-motion .fixo-nodelay { transition: none !important;}



/*===== COMBAT =====*/
#combat_section01 {padding: 0}
#combat_section01 img {width: 100%}

#combat_section02 {padding-bottom: 0;}
#combat_section02 .half_box {text-align: center;}
#combat_section02 p.text-big span {background: url(/images/sub/combat_sec02_pic01.png) no-repeat center left;}


/*===============================================================
						하카소개
===============================================================*/

/*===== 하카의 과학과 기술 =====*/
.technology_section {}
.technology_section p.text-extra_big {margin-bottom: 3.5rem;}
.technology_section p.text-semi_mid {margin-top:2rem;}

#technology02 {background: url(/images/sub/technology02_bg.jpg) no-repeat center; background-size: cover; background-repeat: no-repeat;}
#technology02 p {color:#fff;}
#technology02 p.text-semi_mid {letter-spacing: -1px; opacity: .85}
#technology02 a {margin-top: 4rem;}

#technology03 {padding-bottom: 0 !important}
#technology03 .contents {width: 1460px;}

.technologyBox_wrap {width:100%; box-sizing: border-box; padding:1%; overflow: hidden; margin-top: 7rem;}
.technologyBox {width: 49.5%; height: 530px;  margin-left: 1%; margin-bottom: 1%; background-position: bottom center; background-repeat: no-repeat; float: left; box-sizing: border-box; padding: 70px; overflow: hidden; background-color: #fff;}
.technologyBox p {margin-bottom: .5em;}
.technologyBox p span {line-height: 1;}
.technologyBox:nth-of-type(2n+1) {margin-left: 0;}
#technologyBox01 {background-image:url(/images/sub/techBox1_bg.png); background-color: #000; background-size: 240px}
#technologyBox02 {background-image:url(/images/sub/techBox2_bg.png); background-position: bottom 75px center; background-size: 480px; background-color: #fafafa;}
#technologyBox03 {background-image:url(/images/sub/techBox3_bg.png?v=1); background-position: bottom 20px center; background-size: 400px; background-color: #fafafa;}
#technologyBox04 {background-image:url(/images/sub/techBox4_bg.png?v=1); background-color:#000; background-position: bottom 85px center; background-size: 480px}
#technologyBox04 p {line-height: 1.6;}
#technologyBox01 p, #technologyBox04 p {color: #fff;}


@media only screen and (max-width: 1460px) {
	#technology03 {padding-left: 0 !important; padding-right: 0 !important;}
	#technology03 .contents {width: 100%;}
}

@media only screen and (max-width: 1068px) {
	.technologyBox {padding: 3rem 1.5rem; height: 430px;}
	#technologyBox01 {background-size: 190px;}
	#technologyBox02 {background-size: 280px; background-position: bottom 55px center;}
	#technologyBox03 {background-size: 300px;}
	#technologyBox04 {background-size: 370px; background-position: bottom 40px center;}
}

@media only screen and (max-width: 734px) {
	.technologyBox_wrap {padding: 0;}
	.technologyBox {width: 100%; margin: 0; height: auto; min-height: 300px;}
	#technologyBox01 {background-size: 160px; min-height: 350px;}
	#technologyBox02 {background-size: 320px; background-position: bottom 25px center; min-height: 320px;}
	#technologyBox03 {background-size: 250px; min-height: 380px; background-color:#f8f8f8;}
	#technologyBox04 {background-size: 320px; background-position: bottom 10px center;}

}





#technology04 {background: url(/images/sub/technology04_bg.jpg) no-repeat center; background-size: cover; background-repeat: no-repeat; padding: 13rem 0; background-attachment: fixed;}
#technology04 p {color: #fff; margin: 0;}

#technology05 {background: url(/images/sub/technology05_bg.jpg) no-repeat center, #000; background-size: 1130px; background-position: bottom 160px center; padding: 13em 0;}
#technology05 .contents {width: 950px;}
#technology05 a {text-align: left; margin-top: 5rem;}
#technology05 p {color:#fff; text-align: left;}
#technology05 p span {font-family: 'NotoSans-Light';}
/*#technology05 p.text-extra_big {background-repeat: no-repeat; background-image: url(/images/sub/hero_manifesto_bg__c0zrbe748m82_large.jpg); background-size: cover; background-clip: text; -webkit-background-clip: text;  color: transparent;}*/

@media only screen and (max-width: 1068px) {
	#technology05 {padding:7rem 25px;}
	#technology05 .contents {width: 100% !important}
}
@media only screen and (max-width: 734px) {
	#technology05 {min-height: 1000px; background-size: 1000px; background-position: bottom 20px right 15px;}
	#technology05 a {margin-top: 2.7rem}
}

/*========= 인재채용 ==========*/
#recruit_container {width: 100%; padding: 80px 0;}
#recruit_container .contents_wrap {width: 900px; overflow: hidden; margin: 0 auto;}

.recruit_step_title {width: 100%; margin-bottom: 3rem;}
.recruit_step_title p {text-align: center; color: #161616;}
.recruit_step_title p.text-small {margin-top: 0; line-height: 1.5;}
.recruit_step_title p.text-semi_big {margin-bottom: 20px;}
.recruit_step_title #step_circle {width: 200px; position: relative; text-align: center; font-size: 0; margin: 0 auto 2.5rem auto;}
.recruit_step_title #step_circle span {display: inline-block; width: 16px; height: 16px; border: 1px solid #ddd; background: #fff; margin: 0 10px; border-radius: 100%; position: relative; z-index: 1;}
.recruit_step_title #step_circle::after {position: absolute; top: 50%; left: 0; width: 100%; height: 1px; background: #ddd; content: '';}
.recruit_step_title #step_circle span.prev {background: #ddd;}
.recruit_step_title #step_circle span.now {border: 0; background: #0071E5;}

.recruit_btns {width: 100%; text-align: center; font-size: 0; margin-top: 4rem; overflow: hidden;}
.recruit_btns button {display: inline-block; width: 180px; height: 45px; text-align: center; font-size: 15px; font-family: 'NotoSans-Medium'; margin: 0 10px; border-radius: 5px; cursor: pointer;}
.recruit_btns button.back {background: #fff; border: 1px solid #ddd; color: #161616;}
.recruit_btns button.next {background: #161616; border: 0; color: #fff;}
.recruit_btns button.final {background: #0071E5; border: 0; color: #fff;}


/*개인정보처리방침*/
.policy_box {width: 100%; border: 1px solid #ddd; box-sizing: border-box; padding: 2rem 1.5rem; font-size: 14px; line-height: 1.5; color: #161616; text-align: left; word-break: break-all; background: #fafafa;}
.policy_box#more_add {background: #fff; border-top: 0;}
.policy_box strong {font-family: 'NotoSans-Medium';}
.policy_box button {border: 0; color: #0071E5; background-color: transparent; margin-top: 1.5rem; cursor: pointer;}
.policy_agree_text {text-align: center; font-family: 'NotoSans-Medium'; width: 100%; margin-top: 2rem; font-size: 16px; line-height: 1.5; color: #161616;}


/*이력서*/
.resume {text-align: center;}


/*관심팀*/
ul.radio-wrap {width:100%; box-sizing:border-box; display: flex; flex-wrap: wrap;}
ul.radio-wrap li {position:relative; float:left; width:20%; height:55px !important; box-sizing:border-box; cursor: pointer;}

ul.radio-wrap li input[type="checkbox"] {display:none;}
ul.radio-wrap li input[type="checkbox"] + label {display:block; width:100%; height:55px; margin-left:0; text-align:center; line-height:53px; color:#161616; font-size: 15px; border:1px solid #ddd; box-sizing: border-box; border-radius: 5px; font-weight: 500; background-color: #fff; cursor: pointer;}
ul.radio-wrap li:first-of-type input[type="radio"] + label {border-left:1px solid #ddd;}
ul.radio-wrap li input[type="checkbox"] + label span {}
ul.radio-wrap li input[type="checkbox"]:checked + label {border: 1px solid #0071E5; background: #0071E5;}
ul.radio-wrap li input[type="checkbox"]:checked + label span { color: #fff;}

ul.radio-wrap li input[type="radio"] {display:none;}
ul.radio-wrap li input[type="radio"] + label {display:block; width:100%; height:55px; margin-left:0; text-align:center; line-height:53px; color:#161616; font-size: 15px; border:1px solid #ddd; /*border-left: 0;*/ box-sizing: border-box; border-radius: 5px; font-weight: 500; background-color: #fff; cursor: pointer;} 
ul.radio-wrap li:first-of-type input[type="radio"] + label {border-left:1px solid #ddd;}
ul.radio-wrap li input[type="radio"] + label span {}
ul.radio-wrap li input[type="radio"]:checked + label {border: 1px solid #0071E5; background: #0071E5;}
ul.radio-wrap li input[type="radio"]:checked + label span { color: #fff;}

ul.radio-wrap.leng02 li {width:49%; margin-left: 2%; margin-bottom: 2%;}
ul.radio-wrap.leng02 li:nth-of-type(2n+1) {margin-left: 0;}

ul.radio-wrap.leng03 {display: block; }
ul.radio-wrap.leng03 li {width:32.3% !important; margin-left: 1.5%;; margin-bottom: 1.5%;}
ul.radio-wrap.leng03 li input[type="radio"] + label {border: 1px solid #ddd}
ul.radio-wrap.leng03 li input[type="checkbox"] + label {border: 1px solid #ddd}
ul.radio-wrap.leng03 li:first-of-type, ul.radio-wrap.leng03 li:nth-of-type(3n+1) {margin-left: 0;}
ul.radio-wrap.leng04 li {width:24% !important; margin-left: 1%; margin-bottom: 1%;}
ul.radio-wrap.leng04 li:first-of-type, ul.radio-wrap.leng04 li:nth-of-type(4n+1) {margin-left: 0;}

ul.radio-wrap.leng05 li {width:20%;}
ul.radio-wrap.leng06 li {width:16.6%;}

/*거주지역*/
#location_select_wrap {width: 100%; overflow: hidden;}
#location_select_wrap select {float: left; width: 32%; height:55px; border-radius: 5px; border: 1px solid #ddd;box-sizing: border-box; margin-left: 2%; padding: 0 10px; font-size: 14px; color: #161616; -webkit-appearance:none; -moz-appearance:none; appearance:none; background:url(/images/utility/bold-arrow-down-b.png) no-repeat 95% 50%, #fff; background-size: 12px;}
#location_select_wrap select::-ms-expand {display:none;}
#location_select_wrap select:nth-of-type(3n+1) {margin-left: 0;} 

#check_addr {border-bottom: 1px solid #ddd; width: 100%; padding: 1rem 0; font-size-adjust: 16px; color: #161616; margin-top: 2.6rem}


/*정보검토*/
.info_box {width: 100%; margin: 3rem 0;}
.info_box:last-of-type {margin-bottom: 10rem;}
.info_box p.text-small {width: 100%; font-weight: 700; color: #161616; border-bottom: 1px solid #ddd; padding: 15px 0; font-family: 'NotoSans-Bold'; margin-bottom: 15px;}
.info_box p.text-small a {color: #0071E5; float: right; font-size: 14px; font-family: 'NotoSans-Light'}
.info_box ul {width: 100%; overflow: hidden;}
.info_box ul li {float: left; width: 49%; margin: 3% 0 3% 2%;}
.info_box ul li:nth-of-type(2n+1) {margin-left: 0;}
.info_box ul li span {display: block; color: #161616; font-display: 600; padding-bottom: 10px; font-family: 'NotoSans-Medium'}
.info_box ul li input {width: 100%; height: 50px; border: 1px solid #ddd; box-sizing: border-box; border-radius: 5px; padding: 0 10px;}
.info_box p.empty_file {}
.info_box .file {background: url(/images/sub/file.jpg) no-repeat center left; box-sizing: border-box; padding-left: 60px; padding-top: 10px; padding-bottom: 10px;}
.info_box .file p {line-height: 1.5;}
.info_box .file p strong {font-family: 'NotoSans-Medium';}
.info_box #fav_team_wrap {width: 100%; overflow: hidden;}
.info_box #fav_team_wrap .team_name {border-radius: 5px; width: 32%; float: left; margin-bottom: 2%; margin-left: 2%; box-sizing: border-box; height: 50px; line-height: 48px; border: 1px solid #ddd; background: #fff; text-align: center; color: #161616; font-family: 'NotoSans-Medium';}
.info_box #fav_team_wrap .team_name:first-of-type {margin-left: 0;}


/*정품등록*/
.info_box.regist_serial ul li {width: 100%; margin: 0;}
.info_box.regist_serial ul li input {text-align: center; font-size: 18px; border: 3px solid #000; height: 55px;}

.how_to_regist {width: 100%; overflow: hidden; margin-top: 6rem;}
.how_to_regist p.text-small strong {font-family: 'NotoSans-Bold';}
.how_to_regist p.q_subject {}
.how_to_regist p.q_subject span {width: 18px; height: 18px; display:inline-block; font-family: 'NotoSans-Bold'; color: #fff; text-align: center; font-size: 13px;  line-height: 18px;  background: #0071E5; border-radius: 100%; margin-right: 5px; margin-top: -3px; vertical-align: middle;}
.how_to_regist .a_box {width: 100%; border-radius: 5px; background: #fafafa; border: 1px solid #ddd; box-sizing: border-box; padding: 30px; display: flex; flex-wrap: wrap; margin-top: 15px;}
.how_to_regist .a_box img {margin-top: 15px;}
.how_to_regist p.text-smallest {line-height: 1.5; font-family: 'NotoSans-Medium'; color: #535353}
.how_to_regist p.text-smallest strong {font-family: 'NotoSans-Bold';}


@media only screen and (max-width: 1068px) {

}

@media only screen and (max-width: 900px) {
	#recruit_container .contents_wrap {width: 100%; box-sizing: border-box; padding-left: 30px; padding-right: 30px;}

}

@media only screen and (max-width: 734px) {
	.info_box.regist_serial ul li input {font-size: 14px;}
	.how_to_regist .a_box {padding: 15px;}
	.how_to_regist .a_box .half_box {width: 100%;}
	.how_to_regist .a_box .half_box img {width:100%;}
	.how_to_regist .a_box .half_box p {margin: 1rem 0;}
	
	.recruit_step_title p.text-small br {display: none;}
	
	.policy_box {font-size: 13px;}
	.policy_agree_text {font-size: 14px;}
	.policy_agree_text br {display: none;}
	
	.recruit_btns {margin-top: 2.5rem;}
	.recruit_btns button {font-size: 13px; width: 49%; margin-left: 2%; margin-right: 0}
	.recruit_btns button.back {margin-left: 0;}
	
	ul.radio-wrap li {height: 50px !important;}
	ul.radio-wrap li input[type="checkbox"] + label {font-size: 14px; height: 50px; line-height: 48px;}
	
	#location_select_wrap select {font-size: 13px; height: 50px; background-size: 9px;}
	
	.info_box p {font-size: 14px;}
	
	.info_box ul li {width: 100%; margin-left: 0;}
}

.customer_center_wrap {margin:30px auto 50px auto !important;}



.dep3-tabs {width: 100%; display: flex; margin-top: 30px;}
.dep3-tabs ul {width: 100%; text-align: center;}
.dep3-tabs ul li {display: inline-block; width: 50%; height: 60px; box-sizing: border-box; font-size: 17px; border-left: 0; float: left; background: #ededed;}
.dep3-tabs ul li a {display: block; line-height: 60px; width: 100%; height: 100%; color: #555; text-decoration: none;}
.dep3-tabs ul li.active {background: #000;}
.dep3-tabs ul li.active a {color: #fff !important; font-family: 'NotoSans-Bold';}


.hnb2 {background:url(/images/sub/HK_hnb2.jpg) no-repeat center,#000; background-size: cover;}
@media only screen and (max-width: 1200px) {
	.hnb2 {max-height: 670px;}
}

@media only screen and (max-width: 980px) {
	.dep3-tabs ul {margin-top: 30px;}
	.dep3-tabs ul li {height: 40px; font-size: 14px;}
	.dep3-tabs ul li a {line-height: 40px;}
	
	
}


@media only screen and (max-width: 740px) {
	.hnb2 {background-size: 190%;}
}


.coupon_btn {margin-top: 15px; text-align: center; background: #fff;}

@media only screen and (max-width: 980px) {
	.coupon_btn {position: sticky; bottom: 20px; left: 0; z-index: 11;}
}

.mark {opacity: 0.5; position: absolute; bottom: 20px; right: 20px; width: 200px;}
.mark img {width: 100%;}

@media all and (max-width: 980px) {
    .mark {width: 100px; right: 0; bottom: 0;}
}


.content .sub_txt .mobile_br { display:none }