@CHARSET "UTF-8";
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR');
/*여백 초기화*/
body, div, dl, dd, dt, ul, ol, li, h1, h2, h3, h4, h5, h6, form, input, legend, textarea, select, fieldset,p, button, img {margin: 0; padding: 0;}

/*링크 초기화*/
a { color: #383838; text-decoration: none;}

/*폰트 초기화*/
body, input, textarea, select, button, table { 
	font-family: 'Noto Sans KR','Malgun Gothic','맑은 고딕','돋움',Dotum,'굴림',Gulim, sans-serif;
    font-size: 12px;
     }

/*제목 스타일 초기화*/
h1, h2, h3, h4, h5, h6 {
    font-size: 12px;
    font-weight: normal;
}

/*블릿기호 초기화*/
li, ol, ul {
    list-style: none;
}

/*이탤릭체 초기화*/
em, address {font-style: normal;}

/*테두리 초기화*/
img {border:0;}

/*padding, margin setting*/
.mt20 {margin-top: 20px;}
.mt10 {margin-top: 10px;}

/*ir*/
.ir {
	width: 0; height: 0; font-size: 0; line-height: 0; overflow: hidden; position: absolute; top: 0; left: 0;
}
* {box-sizing:border-box;}
/*layout*/
#wrap {width: 100%;}
#header {background-color: #fff;}
#logo-menu {float:left;width: 100%; position:relative;z-index:1000;}
#sub_nav {width:100%; display:none;z-index:1001;border-bottom:2px solid #FFCDCD; position:absolute;background-color:white;padding-bottom:10px;}
#banner {width: 100%; }
#contents {width: 100%; height: auto; }
/*#footer { position:relative;width: 100%; background:#2E2E2E;padding-bottom:50px;clear:both;}
#footer .container_main{width:85%;}*/
/*layout-sub*/
/*#sub_main {width: 100%; height: 112px; position:absolute; top:100px;}*/
#sub_main {width: 100%; position:relative; }
#sub_contents {width: 100%; margin-top:5px; }
/*layout-sub2*/
#sub2_contents {width: 100%; overflow: hidden;}
/*layout-sub*/
#sub3_contents {width: 100%; }

/*container*/
.container_main {margin: 0 auto; position: relative;}
.container {margin: 0 auto; position: relative;}
#sub_contents .container{width:85%;}

.title_box{text-align:center;}
.flex_{display:flex;}
.fs_100{font-size:100px;}
.fs_60{font-size:60px;}
.fs_50{font-size:50px;}
.fs_46{font-size:46px;}
.fs_40{font-size:40px;}
.fs_36{font-size:36px;}
.fs_30{font-size:30px;}
.fs_26{font-size:26px;}
.fs_22{font-size:22px;}
.fs_20{font-size:20px;}
.fs_18{font-size:18px;}
.fs_16{font-size:16px;}
.fs_15{font-size:15px;}
.fs_14{font-size:14px;}
.fs_12{font-size:12px;}

#header .hover > a{font-weight:bold;}

/*header*/
.header {width:85%;margin:0 auto;height: 100px;display:flex;align-items:center;justify-content:space-between;}
.header .inacorpLogo {
	width:30%;
	display:flex;
	align-items:center;
}
#sub_nav .inacorpLogo {width:30%;}
#sub_nav .list1 {width:30%;}
.header .inacorpLogo img { width:100%;}

.header .list1 {
	
	width:30%;
	display:flex;
	justify-content:center;
	gap:30px;
}


.header .list1 div {
    font-size: 0.8vw;
	/*line-height:100px;*/
	float:left;
    color: #797979;
    font-weight: 100;
}
.header .list1 div a{
	color:#7A7A7A;
}
#header .menu {
	display:none;
}
#header .menu img {
	width:20px;
	height:20px;
}
#header .menu .brandIcon {
	font-size:25px;
	margin-right:20px;
	font-weight:bold;
	line-height:25px;
}
	
.tit_inacorp {
	display:flex;
	justify-content:center;
	width:100%;
	/*gap:5vw;*/
}
.tit_inacorp div {
	line-height: 100px;
	padding:0px 40px;
}

.tit_inacorp div a{
    font-size: 1.2vw;
    font-weight: bold;
}
#sub_nav {justify-content:center;}
#sub_nav #sn {
	margin:0 auto;
	display:flex;
	gap:5.7vw;
}
#sub_nav .nav {
	text-align: center;
	line-height: 40px;
	font-size:15px;
}
/*logo menu*/
#logo-menu .container_main {width:85%;border-top: 4px solid #FFCDCD;}
.logo_menu {background-color: #FFCDCD;z-index:9999; border-bottom:4px solid #FFCDCD;}
.logo_menu div {display:flex;flex-wrap:wrap;justify-content: center;padding:5px;}
.logo_menu div div{background-color:white;width:190px; border:1px solid #f1f3f6;border-radius:8px;margin:5px}
.logo_menu div div:hover{background: #FFFFFFC7 0% 0% no-repeat padding-box;box-shadow: inset 0px 6px 5px #00000040;opacity: 0.8;}
.logo_menu img {display: block;margin: 0 auto;width:100%;}

#arrow {
	position:absolute;
	right:0;
	padding:7px;
	z-index:9999;
	display:none;
	font-size:15px;
	color:#6E2323;
	background-color:#FFCDCD;
	cursor:pointer;
	border-bottom-left-radius:10px;
	border-bottom-right-radius:10px;
}
#arrow img {
	float:right;
	
}
.block {display:block;}
/* full slides*/
#full_width_wrap{ position:relative; margin:0px auto; float:left; overflow:hidden; width:100%; height:80vh; background:#fff;}
#full_width_wrap .swiper-wrapper{align-items:center;}
#full_width_wrap .swiper-slide > div{width:1200px; margin:auto; position:absolute; left:50%; top:15%; transform:translateX(-50%);}
#full_width_wrap .swiper-slide{background-position: center; background-size: cover; }
#full_width_wrap .swiper-slide .ani_top{display:inline-block; transition: transform 1s cubic-bezier(0.23, 1, 0.32, 1), opacity 1s cubic-bezier(0.23, 1, 0.32, 1); transform: translateY(100%); opacity: 0;}
#full_width_wrap .swiper-slide-active .ani_top{transform: translateY(0%); opacity: 1;}

#full_width_wrap .tiayo .ani_top{margin-top:20px;}
#full_width_wrap .tiayo{ background-image:url('/upload/banner/TIAYO.jpg');}
#full_width_wrap .tiayo div p {padding-top:30px;}

#full_width_wrap .gtr .ani_top{margin-top:20px;}
#full_width_wrap .gtr{ background-image:url('/upload/banner/GTR.jpg');}
#full_width_wrap .gtr div p {padding-top:30px;}

#full_width_wrap .jel .ani_top{margin-top:20px;}
#full_width_wrap .jel{ background-image:url('/upload/banner/JEL.jpg');}
#full_width_wrap .jel div p {padding-top:30px;}

#full_width_wrap .keb .ani_top{margin-top:20px;}
#full_width_wrap .keb{ background-image:url('/upload/banner/KEB.jpg');}
#full_width_wrap .keb div p {padding-top:30px;}

#full_width_wrap .ckd .ani_top{margin-top:20px;}
#full_width_wrap .ckd{ background-image:url('/upload/banner/CKD.jpg');}
#full_width_wrap .ckd div p {padding-top:30px;}

#full_width_wrap .swiper-slide > div p span {line-height:20px;}
#full_width_wrap .swiper-slide > div .f_22{font-size:20px;font-weight:bold;}
/*search*/
.search {
	width:100%;
	background-color: #DCDCDC;
	overflow: hidden;
	padding-bottom:20px;
}
.search div {
	display:flex;
	margin:0px auto;
	justify-content:center;
}
.search div p {
	padding: 45px 20px 0px 75px;
	color: #fff;
	float: left;
	font-size: 20px;
}

.search .search_box {
	height: 42px;	
	margin: 40px 0 0 0;
	position:relative;
}

.search .search_box input {
	padding: 6px 10px;
	width: 780px;
	font-size: 18px;
	height:42px;
	border:0px;
	border-top-left-radius:10px;
	border-bottom-left-radius:10px;
}

.search .search_box input::placeholder {
	font-weight:bold;
	color:red;
}

.search .search_go {
	width: 100px;
	display:block;
	background: #D70000;
	color: #fff;
	font-size: 50px;
	font-weight:bold;
	text-align: center;
	line-height:25px;
	border-top-right-radius:10px;
	border-bottom-right-radius:10px;
}


.search .info {
	width:60%;
	float: left;
	padding-top:20px;
}

.search .info div{
	width:100%;
	color: #000;
	font-weight:bold;
	font-size: 18px;
}


/*contents*/
.major_pd {
	position:relative;
	width:1200px;
}
.major_pd .tit_box {
	height: 80px;
	border-bottom: 1px solid #bfbfbf;
	line-height: 18px;
	margin-top: 10px;
	overflow:hidden;
}

.major_pd .tit_box .tit{
	font-size: 22px;
	color: #252837;
	margin-top: 40px;
	margin-left: 15px;
	font-weight: 700;
	float: left;
}

.major_pd .tit_box .sub_tit{
	font-size: 18px;
	color: #919191;
	margin-top: 42px;
	margin-left: 10px;
	font-weight: 100;
	float: left;
}

.major_pd .tit_box .plus {
	background: url(/image/main/plus.png) no-repeat;
	margin-top: 42px;
	float: right;
}

.major_pd .tit_box .plus a {
	font-size: 18px;
	color: #919191;
	font-weight: 100;
	padding-left: 25px;
}

.major_pd .ban ul {
	overflow: hidden;
	margin-top: 25px;
}
.major_pd .ban li {
	float: left;
	margin-right: 65px;
}

.major_pd .ban li:last-child {
	margin-right: 0;
}

.major_pd .ban li p {
	font-size: 18px;
	padding-top: 10px;
	text-align: center;
	font-weight: 100;
}

.notice {
	float: left;
}

.about {
	float: right;
}

.tit_box2 {
	width: 550px;
	height: 80px;
	border-bottom: 1px solid #bfbfbf;
	line-height: 18px;
	margin-top: 60px;
}

.tit_box2 .tit{
	font-size: 22px;
	color: #252837;
	margin-top: 40px;
	margin-left: 15px;
	font-weight: 700;
	float: left;
}

.tit_box2 .sub_tit{
	font-size: 18px;
	color: #919191;
	margin-top: 42px;
	margin-left: 10px;
	font-weight: 100;
	float: left;
}

.tit_box2 .plus {
	background: url(/image/main/plus.png) no-repeat;
	margin-top: 45px;
	float: right;
}

.tit_box2 .plus a {
	font-size: 18px;
	color: #919191;
	font-weight: 100;
	padding-left: 25px;
}

.list {
	margin-left: 15px;
	margin-top: 20px;
	line-height: 40px;
}

.list li {
	background: url(../image/blt_news.png) no-repeat 0 center;
	padding-left: 20px;
}

.list a {
	font-size: 18px;
	font-weight: 100;
	padding-bottom: 3px;
}

.list a:hover {
	border-bottom: 1px solid #383838;
}

/*footer*/
/*
.footer {
	position:relative;
	
	margin:0px auto;
}

.footer img{
	margin: 40px 60px 0 40px;
	float: left;
}
.footer ul {
	overflow: hidden;
	margin-top: 50px;
	display: inline-block;
}

.footer li {
	float: left;
	margin-right: 40px;
}

.footer li a {
	font-size: 16px;
	font-weight: 100;
	color: #7e7e7e;
}

.footer li a.personal {
	font-weight: 700;
}

.footer p {
	margin-left: 270px;
	font-size: 14px;
	margin-top: 20px;
	color: #7e7e7e;
	line-height: 25px;
}
.footer_info img{
	margin: 40px 60px 0 40px;
	float: left;
}
.footer_info ul {
	overflow: hidden;
	margin-top: 50px;
	display: inline-block;
}

.footer_info li {
	float: left;
	margin-right: 40px;
}

.footer_info li a {
	font-size: 16px;
	font-weight: 100;
	color: #7e7e7e;
}

.footer_info li a.personal {
	font-weight: 700;
}

.footer_info p {
	margin-left: 270px;
	font-size: 14px;
	margin-top: 20px;
	color: #7e7e7e;
	line-height: 25px;
}

.footer_info .sns {
	float: right;
	position:absolute;
	top:0;
	right:0;
}

.footer_info .sns ul {
	overflow: hidden;
	margin-top: 50px;
	display: inline-block;
}

.footer_info .sns li {
	margin-left: 10px;
}

.footer_info .sns img {
	margin: 0;
	float: right;
}*/
/*-------------------sub----------------------------*/
.sub_main {
	font-size:30px;
	font-weight:bold;
	display:flex;
	justify-content:center;
	align-items:center;
	height:50px;
	text-align:center;
}
#sub_main .sub_title {
	/*background-color:black;*/
	height:250px;
	background-image: url(/image/company/CEO_W.PNG);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	display:flex;
	align-items:center;
	
}
#sub_main .sub_title div {
	padding:50px;
	width:80%;
	color:white;
	font-size:2vw;
	font-weight:bold;
	margin:0 auto;
	text-align:center;
}
.na {
	font-size:0.8vw;
	position:absolute;
	top:10px;
	left:160px;
}

.sub_main .logo_btn {
	position: absolute;
	right: 0;
	top: 0;
	cursor: pointer;
}

.sub_nav {
	margin:0px auto;
	display:flex;
	justify-content:safe center;
	overflow:auto;
	white-space: nowrap;
	width:85%;
	div{flex:0 0 auto;};
	/*float: left;
	background-color: #eeeeee;*/
}

.sub_nav2 {
	margin:0px auto;
	display:flex;
	
	/*float: left;
	background-color: #eeeeee;*/
}
.sub_nav div {
	position:relative;
	margin:0px 5px;
}
.sub_nav div a {
	font-size: 18px;
	padding: 5px 10px 5px 10px;
	display: block;
}
.sub_nav div a.on {
	color:white;
}
.sub_nav div a::after {
	content:'';
	position:absolute;
	height:4px;
	left:0;
	bottom:0;
	width:0;
	background-color:#D70000;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
}
.sub_nav div a:hover:after {
	width:100%;
}
.sub_nav .on::before{
	content:'';
	position:absolute;
	height:100%;
	left:0;
	bottom:0;
	width:100%;
	background-color:#D70000;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
	z-index:-1;
}


.sub_contents {
	width:100%;
	
	margin:50px auto;
	display: flex; justify-content: center;
}
.sub_contents form {
	width:800px;
}

.sub_contents img {
	/*width:100%;*/
	margin: 40px 0 5px 0px;
}

.req_table img {
	margin: 0;
}


.sub_tit {
	font-size: 22px;
	font-weight: 700;
}
.ceoContent {
	font-size:25px;
}
.ceoContent p{
	text-align:right;
}
.ceoContent p span{
	font-size:30px;
}
/*-----------------------sub02--------------------------*/
.sub2_contents {
	margin: 20px 0 70px 0;
}
.sub2_tit {
	float: left;
}

.sub2_contents .go_img {
	float: right;
}

.sub2_contents .sub_main {
	margin-top: 20px;
}

.sub2_contents .con_box {
	margin: 20px 0 20px 0;
	height: 345px;
}

.sub2_contents .con_box li {
	float: left;
	width:280px;
	height: 345px;
	margin-right: 26px;
}

.sub2_contents li.last {
	margin-right: 0;
}

/*---------------------------sub03----------------------------*/

#sub3_contents .tit_img {
	height:115px;
	text-align:center;
}
.sub3_tit {
	display:block;
}
.sub3_tit .sub_tit {
	text-align:center;
}
.sub3_tit .sub_tit2 {
	font-weight:bold;
	padding-top:10px;
	padding-left:170px;
	font-size:15px;
}
.sub3_tit .sub_tit3 {
	text-align:center;
	font-size:30px;
	font-weight:bold;
	
}
.sub3_contents .con_box{
	/*display:flex;
	justify-content:center;
	gap:60px;*/
	padding:0;
	margin-top:15px;
}
.sub3_contents .con_box .con_cate{
	margin:0 auto;
	width:85%;
	overflow:auto;
	white-space: nowrap;
	display:flex;
	justify-content:safe center;
	gap:30px;
	direction: ltr;
}

.sub3_contents .con_box .category{
	position:relative;
	font-size:17px;
	font-weight:bold;
	text-align:center;
	padding:5px;
}

.sub3_contents .con_box .category a::after {
	content:'';
	position:absolute;
	height:4px;
	left:0;
	bottom:0;
	width:0;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
}
.sub3_contents .con_box .category a:hover:after {
	width:100%;
}
.category.on > a{
	color:white;
}
.sub3_contents .con_box .on::before{
	content:'';
	position:absolute;
	height:100%;
	left:0;
	bottom:0;
	width:100%;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
	z-index:-1;
}

.sub3_contents .con_box2{
	width:80%;
	margin:20px auto;
}
.sub3_contents .con_box2 .proList{
	width:100%;
}
.sub3_contents .con_box2 .proList div {
	float:left;
	display:flex;
	flex-direction:column;
	justify-content:center;
	width:230px;
	height:240px;
	border:1px solid #eee;
	border-radius:10px;
	padding:10px;
	margin:10px;
}

.sub3_contents .con_box2 .proList div:hover {
	background-color:#FFE6E6;
	
}

.sub3_contents .con_box2 .proList div img{
	width:100%;
}

.sub3_contents .con_box2 .proList div p{
	text-align:center;
	overflow:hidden;
}


.sub3_contents li.last {
	margin-right: 0;
}

.sub3_contents .con_box3{
	width:100%;
	margin:20px auto;
	
}

.sub3_contents .con_box3 div {
	display:flex;
	flex-direction:column;
	align-items:safe center;
}

.sub3_contents .con_box3 div img{
	width:500px;
}

.sub3_contents .con_box3 .productInfo .productDescription{
	display:block;
	margin-bottom:10px;
}

.sub3_contents .con_box3 .productInfo .pro_etc{
	flex-direction:row;
	margin:20px 0px;
}

.sub3_contents .con_box3 .productInfo .pro_etc .btn{
	display:inline-block;
	padding:10px 30px 10px 30px;
	border-radius:50px;
	border:1px solid #7A7A7A;
	font-size:16px;
	font-weight:bold;
	line-height:18px;
	margin:0px 10px;
	
}
.down {
	background-color:#FFE6E6;
	border:1px solid #FFE6E6 !important;
}
.sub3_contents .con_box3 .productInfo .pro_etc .btn:hover{
	background-color:#eee;
}
.sub3_contents .con_box3 .productInfo .pro_etc .btn img{
	width:25px;
	vertical-align:middle;
}

.sub3_contents .relation {
	background-color:#FFE6E6;
	padding-top:30px;
	padding-bottom:30px;
}

.sub3_contents .relation .relation2{
	width:85%;
	margin:0 auto;
}

.sub3_contents .relation .rel_subject{
	
	
	padding-bottom:15px;
	font-weight:bold;
	font-size:18px;
}

.sub3_contents .relation .rel_product{
	position:relative;
	overflow:hidden;
}

.sub3_contents .relation .rel_product div.swiper-wrapper {
	display:flex;
}

.sub3_contents .relation .rel_product div div{
	display:flex;
	flex-direction:column;
	text-align:center;
	margin:10px;
	background-color:white;
	border:1px solid #f1f3f6;
	border-radius:8px;
}
.sub3_contents .relation .rel_product div div:hover{
	background: #FFFFFFC7 0% 0% no-repeat padding-box;box-shadow: inset 0px 6px 5px #00000040;opacity: 0.8;
}

.sub3_contents .relation .rel_product div div p{
	font-size:15px;
	font-weight:bold;
	padding:5px;
}

#sub3_contents .product_intro {
	border-top: 2px solid #1e2a68;
}
.cboth {clear:both; width:100%; height:60px;}
.siteD {width:250px;}
.end {margin-right:0;}
.siteD p {margin:0; padding:12px 0; border-top:3px solid #2a2a2a; border-bottom:1px solid #2a2a2a; text-align:center; color:#2a2a2a; font-size:17px; line-height:23px;}
.depthD li {overflow:auto; border-bottom:1px solid #dfdfdf; padding:12px 10px;}
.depthD li a {display:block; color:#5a5a5a; font-size:15px; text-decoration:none;}
.thrD {float:none; background:#f6f6f6; border-bottom:1px solid #dfdfdf; padding:8px 10px 9px 10px; }
.thrD a {clear:both; display:block; padding:3px 10px; border-bottom:0; color:#717171; font-size:13px; line-height:20px; text-decoration:none;}


/*.logo_menu {background-color: #FFCDCD;z-index:9999; border-bottom:4px solid #FFCDCD;}
.logo_menu div {display:flex;flex-wrap:wrap;justify-content: center;padding:5px;}
.logo_menu div div{background-color:white;width:190px; border:1px solid #f1f3f6;border-radius:8px;margin:5px}
.logo_menu div div:hover{background: #FFFFFFC7 0% 0% no-repeat padding-box;box-shadow: inset 0px 6px 5px #00000040;opacity: 0.8;}
.logo_menu img {display: block;margin: 0 auto;width:100%;}*/


.info_logo div {display:flex;flex-wrap:wrap;justify-content: center;padding:5px;}
.info_logo div div{background-color:white;width:190px; border:1px solid #f1f3f6;border-radius:8px;margin:5px}
.info_logo div div:hover{background: #FFCDCD 0% 0% no-repeat padding-box;box-shadow: inset 0px 6px 5px #00000040;opacity: 0.8;}
.info_logo img {display: block;margin: 0 auto;width:100%;}

/* section_04 */
#section_04{background:rgba(191, 191, 191,0.14); padding:0px 0px 50px 0px;}
#section_04 h5{font-size:46px; font-weight:bold; text-align:center; padding-top:50px;}
#section_04 .sub_title{font-size:18px; font-weight:500; margin-top:11px; text-align:center;}
#section_04 .flex_{display:flex; justify-content: center; margin-top:60px; gap:120px;}

#section_04 .center_map{width:364px; position:relative;}
#section_04 .center_map img{width:90%;}

#section_04 .info_text_box{padding-top:100px;}
#section_04 .info_text_box h6{font-size:30px; margin-bottom:27px;}
#section_04 .left_box {width:285px;}
#section_04 .right_box {width:248px;}
#section_04 .left_box p{font-size:18px; line-height:29px; margin-bottom:13px;}
#section_04 .left_box .button{width:240px; height:55px; margin-top:50px; border-radius: 34px; background:none; border:1px solid #707070; position:relative; overflow: hidden;}
#section_04 .left_box .button a{display:inline-block; width:100%; height:100%; text-align:center; line-height:54px; font-size:20px; font-weight: 500; }
#section_04 .left_box .button::before{content:''; transition:all 0.5s; position:absolute; width:0%; height:100%; top:0; left:0; z-index: -1; border-radius:34px;}
#section_04 .left_box .button:hover{color:#fff;  border:none; background:#CF001C;}

#section_04 .right_box .tel_box{width:max-content;}
#section_04 .right_box .tel_box p{font-size:22px; font-weight:500;}
#section_04 .right_box .tel_box a{font-size:40px; font-weight:bold; color:#003E92;}
#section_04 .right_box .tel_box + .tel_box{margin-top:16px;}
#section_04 .right_box .button{width:240px; height:55px; border:1px solid #707070; border-radius:34px; margin-top:45px; position:relative; overflow: hidden;}
#section_04 .right_box .button a{display:inline-block; width:100%; height:100%; text-align:center; line-height:54px; font-size:20px; font-weight: 500; }
#section_04 .right_box .button + .button{margin-top:17px;}
#section_04 .right_box .button::before{content:''; transition:all 0.5s; position:absolute; width:0%; height:100%; top:0; left:0; z-index: -1; border-radius:34px;}
#section_04 .right_box .button:hover{color:#fff;  border:none; background:#CF001C;}


#section_04 .map_btn{ position:absolute; cursor:pointer; z-index:2; width:36px; height:36px; border-radius:100%;}
#section_04 .map_btn::after{content:''; position:absolute; top:50%; left:50%; width:22px; height:22px; border-radius:100%; background:#CF001C; transform:translate(-50%,-50%);}
#section_04 .map_btn:nth-child(n):before{content:''; animation:mapBtn 2s linear infinite; position:absolute; top:50%; left:50%; width:36px; height:36px; background:rgba(207, 0, 28, 0.25); border-radius:100%; transform:translate(-50%,-50%);}
#section_04 .map_btn:nth-child(2n):before{content:''; animation:mapBtn2 2s 0.5s linear infinite; position:absolute; top:50%; left:50%; width:36px; height:36px; background:rgba(207, 0, 28, 0.25); border-radius:100%; transform:translate(-50%,-50%);}
#section_04 .map_btn:nth-child(3n):before{content:''; animation:mapBtn3 2s 1s linear infinite; position:absolute; top:50%; left:50%; width:36px; height:36px; background:rgba(207, 0, 28, 0.25); border-radius:100%; transform:translate(-50%,-50%);}

#section_04 .center_map .map_info{position:absolute; cursor:default; z-index:3; left:50%; transform: translate(-50%, -100%); top:0; display:none; background:#EAEAEA; width:487px; height:auto; padding:12px 17px; box-shadow: rgba(0,0,0,0.45) 0px  3px 5px;}
#section_04 .center_map .map_info::after{content:''; position:absolute; left:50%; bottom:1px; transform:translate(-50%, 100%); z-index:3; background:none; width:0; height:0; border-top:18px solid #EAEAEA; border-left:9px solid rgba(0,0,0,0); border-right:9px solid rgba(0,0,0,0);}
#section_04 .center_map .map_info .name{font-size:14px; font-weight:bold; margin-bottom:6px;}
#section_04 .center_map .map_info .name span{color:#CF001C;}
#section_04 .center_map .map_info .info{font-size:14px; display:inline-block;}
#section_04 .center_map .map_info .info .address{display:block; margin-bottom:3px;}
#section_04 .center_map .map_info .info .pax{margin-left:6px;}


#section_04 .center_map .seoul{top:19.26%; left:14%;}
#section_04 .center_map .center{top:20.26%; left:3%;}
#section_04 .center_map .suwon{top:27%; left:22%;}
#section_04 .center_map .cheonan{top:36%; left:18%;}
#section_04 .center_map .deajeon{top:43.5%; left:25%;}
#section_04 .center_map .daegu{top:53%; left:57%;}
#section_04 .center_map .gwangju{top:66%; left:8%;}
#section_04 .center_map .ulsan{top:60%; left:78%;}
#section_04 .center_map .busan{top:67%; left:72%;}

#section_04 .center_map .map_btn:hover .map_info{display:block;}
#section_04 .resize_off{display:block;}
#section_04 .resize_on{display:none;}

.prd_detail_common {width:1020px;margin:0 auto;}
.prd_detail_common table {width:100%; border-top:1px solid #000;border-bottom:1px solid #000;font-size:18px;border-collapse:collapse;}
.prd_detail_common table th {text-align:center;padding:20px;border-bottom:1px solid #000;}
.prd_detail_common table td {text-align:center;padding:20px;border-bottom:1px solid #000;}

/* section_03 */
#section_03 {margin-top:100px;}
#section_03 .sec_wrap{margin:auto; display:flex; gap:50px; width:1200px;}
#section_03 .sec_wrap > div{width:50%; overflow: hidden; position:relative; }

#section_03 .left_sec{}
#section_03 .left_sec ul{display:flex; gap:16px; margin-bottom:60px;}
#section_03 .left_sec li{height:42px; cursor:pointer; border-radius: 35px; background:#F6F6F6; text-align: center; text-align:18px; font-weight:500; padding:0 39.5px; line-height:42px;}
#section_03 .left_sec li:hover{background:#DBDBDB;}
#section_03 .left_sec li.on{background:#CF001C; color:#fff;}
#section_03 .left_sec h5{font-size:55px; margin-bottom:40.5px;}
#section_03 .left_sec p{font-size:18px; line-height:30px;}

#section_03 .right_sec{}
#section_03 .right_sec h6{font-size:30px; font-weight:500; margin-bottom:70px;}
#section_03 .right_sec h6 span{display:inline-block; margin-left:6px; font-size:24px; font-weight:normal;}
#section_03 .right_sec form{width:100%; height:100%;}
#section_03 .right_sec .form_{width:100%;     padding-bottom: 50px; min-height: 656px;}
#section_03 .right_sec .flex_{display:flex;}

#section_03 .right_sec .form_01 > div{height:40px; width:100%;}
#section_03 .right_sec .form_01 > div + div{margin-top:14px;}
#section_03 .right_sec .form_01 .name{width:100%;}
#section_03 .right_sec .form_01 .company{width:calc(100% - 205px);}
#section_03 .right_sec .form_01 .tel{width:100%;}
#section_03 .right_sec .form_01 .flex_{align-items: center;}


#section_03 .right_sec .form_01 .email{width:100%;}
#section_03 .right_sec .form_01 .check_radio_box{margin-top:7px;}
#section_03 .right_sec .form_01 input{width:100%; height:100%; background:#F6F6F6; border:none; padding-left:10px; font-size:16px;}
#section_03 .right_sec .form_01 input:focus{outline:none; border:none;}
#section_03 .right_sec .form_01 input::placeholder{opacity:0.42;}


#section_03 .right_sec .form_01 .email_box{height:72px;}
#section_03 .right_sec .form_01 .email{height:40px;}
#section_03 .right_sec .form_01 .check_radio_box{margin-top:7px; display:flex;}
#section_03 .right_sec #consent{cursor:pointer; margin-right:8px; position:relative; width:20px; height:20px; appearance: none; border-radius: 100%; border:2px solid #707070; background:#fff;}
#section_03 .right_sec #consent:checked::before{content:''; position:absolute; width:8px; height:8px; background:#CF001C; border-radius:100%; top:50%; left:50%; transform:translate(-50%, -50%);}
#section_03 .right_sec .form_01 .check_radio_box label{font-size:16px;}
#section_03 .right_sec .form_01 .check_radio_box label span{display:inline-block; margin-left:9px; font-size:14px; text-decoration: underline; opacity: 0.5; cursor:pointer;}

#section_03 .right_sec .form_01 .pri {position:relative;}
#section_03 .right_sec .form_01 .info{display:none; max-width:560px; width:max-content; position:absolute; padding:30px 40px; border-radius:19px; background:#f6f6f6; box-shadow: 0px 3px  5px rgba(0,0,0,0.46); left:50%; top:0; transform:translate(-50%, calc(-100% - 40px));}

#section_03 .right_sec .form_01 .info p{margin-top:9px; line-height:26px;}
#section_03 .right_sec .form_01 .info::before{content:''; border-top:32px solid #f6f6f6; border-left:16px solid rgba(0,0,0,0); border-right:16px solid rgba(0,0,0,0); position:absolute; left:50%; bottom:0; transform:translate(-50%, 100%); }
#section_03 .right_sec .form_01 .box2 {height:250px;}
#section_03 .right_sec .form_01 textarea{font-size:16px; width:100%; height:170px; background:#f6f6f6; border:none; resize: none; padding:20px}
#section_03 .right_sec .form_01 textarea:focus{outline: none;}
#section_03 .right_sec .form_01 button{float:right; width:180px; height:40px; border-radius: 27px; font-size:16px; border:none; margin:20px auto 0; background:#787878; color:#fff; cursor: pointer; }
#section_03 .right_sec .form_01 .box > .flex_{width:100%; height:40px; background:#f6f6f6; padding-left:22px; align-items: center;}
#section_03 .right_sec .form_01 .box > .flex_ > div{display:flex; gap:8px; align-items: center; font-size:16px; width:fit-content;}
#section_03 .right_sec .form_01 .box > .flex_ > div input{cursor:pointer; position:relative; width:20px; height:20px; appearance: none; border-radius: 100%; border:2px solid #707070; background:#fff;}
#section_03 .right_sec .form_01 .box > .flex_ > div input:checked::before{content:''; position:absolute; width:8px; height:8px; background:#CF001C; border-radius:100%; top:50%; left:50%; transform:translate(-50%, -50%);}
#section_03 .right_sec .form_01 .flex_{gap:20px;}
#section_03 .right_sec .form_01 .flex_ > div{width:calc(100% - 10px);}
#section_03 .right_sec .form_01 > div .step{font-size:14px; opacity: 0.5;}
#section_03 .right_sec .form_01 > div .ps{padding:12px 15px 0; font-size:14px; line-height:20px;}
#section_03 .right_sec .form_01 .title{width:100%;}




/*#section_03 .right_sec .form_02 .box{width:100%; height:114px;   }
#section_03 .right_sec .form_02 input{position:absolute; width:0; height:0; padding:0; border:0; overflow:hidden;}
#section_03 .right_sec .form_02 label{border-radius:10px; background:#F6F6F6; cursor:pointer; color:#707070; font-size:16px; line-height:24px; width:100%; height:100%; display:inline-block; padding-top:18px; padding-left:34px;}
#section_03 .right_sec .form_02 label span{font-size:18px; font-weight:500; margin-bottom:3px; display:block; color:#303030;}
#section_03 .right_sec .form_02 .box + .box{margin-top:15px;}
#section_03 .right_sec .form_02 h6{margin-bottom:70px;}
#section_03 .right_sec .form_02 label:hover{background:#DBDBDB;}
#section_03 .right_sec .form_02 label.choice{background:rgba(0,0,0,0.2); border:1px solid #707070;}

#section_03 .right_sec .form_03 h6 {margin-bottom:45px;}
#section_03 .right_sec .form_03 h6 p{font-size:18px; font-weight:normal; margin-top:7px;}
#section_03 .right_sec .form_03 > div p{font-size:18px; margin-bottom:10px;}
#section_03 .right_sec .form_03 > div + div{margin-top:20px;}
#section_03 .form_02_ .form_03 > div + div{margin-top:7px;}
#section_03 .form_02_ .form_03 input{width:100%; height:100%; background:#F6F6F6; border:none; padding-left:10px; font-size:16px;}
#section_03 .form_02_ .form_03 input:focus{outline:none; border:none;}
#section_03 .form_02_ .form_03 input::placeholder{opacity:0.42;}
#section_03 .form_02_ .form_03 > .box{height:40px; width:100%;}*/

/* //section_03 */

#header .nav_list{display:flex; height:auto;}
#header .sub_nav_list{display:none; top:70px; padding-top:45px; padding-left:535px; padding-bottom:45px; font-weight:normal; position:absolute; width:100%; left:50%; transform:translateX(-50%); background:#fff; font-size:16px; color:#989898;  height:auto;}
#header .hover .sub_nav_list{display:flex;}

#full_header{width:100%; height:100%; position:fixed; background:#fff; top:0; left:0; z-index:9999; display:none;}
#full_header::after{content:''; width:100%; height:1px; background:#f0f0f0; position:absolute; top:110px; left:0;}
#full_header .close_icon{position:absolute; top:40px; right:40px; cursor: pointer;}
#full_header .logo_wrap{width:40%; padding-top:30px; padding-left:20px; margin-right:50px;margin-bottom:30px;}
#full_header .logo_wrap img {width:100%;}
#full_header .nav_list{width:100%; border-left:1px solid #f0f0f0;}
#full_header .nav_list > .nav{width:25%; border-right:1px solid #f0f0f0; }
#full_header .nav_list > .nav:hover{background:#CF001C; color:#fff;}
#full_header .nav > a{display:block; width:100%; font-size:20px; font-weight: bold; color:#303030;padding-top:60px;}
#full_header .nav_list > .nav:hover a{color:#fff;}
#full_header .nav a{padding-left:22px;}
#full_header .nav .sub_nav2{line-height:40px; font-size:16px; color:#6C6C6C;}
#full_header .nav_list > .nav:hover .sub_nav2{color:#fff;}
#full_header .nav .sub_nav2 .lit_nav_list{display:none; padding: 5px 0 10px;}
#full_header .nav .sub_nav2 .down_list{position:relative;}
#full_header .nav .sub_nav2 .rotate_{transform:rotate(180deg);}
#full_header .nav .sub_nav_wrap{padding-top:40px;}

#full_header .nav_list > .nav .normal_{display:inline-block;}
#full_header .nav_list > .nav .hover_{display:none;}
#full_header .nav_list > .nav:hover .normal_{display:none;}
#full_header .nav_list > .nav:hover .hover_{display:inline-block;}

#full_header .nav .sub_nav2 .lit_nav_list li{padding-left:10px; line-height:30px; font-size:14px;}
#full_header .member_wrap{color: #303030; font-weight: 500; font-size: 18px; padding:40px;}
#full_header .member_wrap .member_btn{display:flex; gap:16px; flex-direction: column;}
#full_header .member_wrap .button_wrap{font-size:16px;}
#full_header .member_wrap .button_wrap a{display:flex; justify-content: center; align-items: center; background:#F1F1F1; border-radius: 34px; gap:17px; font-weight:500; width:184px; height:50px; color:#303030; }
#full_header .member_wrap .button_wrap a + a{margin-top:13px;}

.sitemap {gap:50px;flex-wrap:wrap;}

.map .sub_contents{flex-wrap:wrap;}
.map .sub_contents .addr {width:1000px;text-align:left; font-size:18px;}


.sub_contents form button{width:154px; height:60px; border-radius: 60px; border:none; cursor: pointer;}
.sub_contents form button.next{color:#fff; background:#707070;}
.sub_contents form .button_wrap{justify-content: center; gap:25px; margin-top:50px;}

.pop-layer {
	/*display: none;*/
	position: absolute;
	top: 10%;
	left: 5%;
	width: 500px;
	height: 400px;
	background-color: #fff;
	border-radius:20px;
	z-index: 9999;
	padding:10px;
}
.pop-conts {
	height:365px;
	overflow:hidden;
	/*border-radius:20px;*/
}

.pop-layer .swiper-slide {
	text-align:center;
	
}
.pop-layer .swiper-slide img{
	border-radius:20px;
}

.btn-close-main-notice {
	position: absolute;
	top: -10px;
	right: -10px;
	width: 28px;
	height: 28px;
	background: url('/images/etc/ico-layer-close-g.png');
	overflow: hidden;
	text-indent: -9999px;
	border: 0;
	cursor:pointer;
}
.layer-dimmed {
	display:none;
}
.oneday {
	position:absolute;
	right:15px;
	bottom:5px;
	z-index:11;
	font-size:13px;
	color:#8C8C8C;
}
.sub_navv:hover a{
	color:red;
	font-weight:bold;
}

.his_table {
	width:900px;
	border-collapse: collapse;
}
.his_table th, td {
	padding:15px;
	
}
.his_table .y {
	font-size:16px;
	vertical-align:top;
	color:#F39598;
}
.his_table .ym {
	font-size:16px;
	vertical-align:top;
}
.his_table td {
	font-size:16px;
}

#footer{width:100%; background:#2E2E2E; color:#BEBEBE; font-size:16px; line-height:26px;clear:both;}
#footer .link_wrap{width:100%; height:80px; border-bottom:1px solid rgba(191,191,191,0.5);}
#footer .link_wrap .flex_box{width:1420px; margin:auto; height:100%; display:flex; justify-content: space-between;}
#footer .link_wrap ul{display:flex; height:100%; align-items: center;flex-wrap:wrap;}
#footer .link_wrap .use_info li{padding:0 31px; line-height: 13px;}
#footer .link_wrap .use_info li a{color:#BEBEBE;}
#footer .link_wrap .use_info li + li{border-left:1px solid #BEBEBE;}
#footer .link_wrap .use_info li:first-child{padding-left:0;}

#footer .sns_link{gap:30px;}
#footer .sns_link li{height:30px;}
#footer .sns_link li img{height:100%;}

#footer .footer_info{width:1420px; display:flex; margin:auto; justify-content: space-between; padding-top:35px; padding-bottom:50px;}
#footer .footer_info .info_wrap .copyright{margin-top:22px; font-size:14px;}
#footer .footer_info .info_wrap .caution{font-size:14px; color:#CF001C; margin-top:7px;}
#footer .footer_info .info_wrap p{line-height:30px;}
#footer .footer_info .info_wrap b{display:inline-block; margin-right: 10px;}
#footer .footer_info .bar{display:inline-block; width:1px; height:13px; background:#BEBEBE; margin:0 10px;}

#footer .footer_info .right_sec{width:327px; display:flex; flex-wrap: wrap; gap:60% 0%; }
#footer .footer_info .right_sec img{width:100%;}
#footer .footer_info .right_sec select{cursor:pointer; background:url(/image/icon_arrow_down_w.png) no-repeat calc(100% - 22px) 50%/16px auto; display:block; position:relative; width:100%; height:42px;  color:#fff; padding:0 22px; font-size:16px;  -webkit-appearance:none; -moz-appearance:none; appearance:none;}
#footer .footer_info .right_sec select::-ms-expand{display:none;/*for IE10,11*/}
#footer .footer_info .right_sec select:focus{outline: none;}
#footer .footer_info .right_sec select option{font-size:16px; background: #9B9B9B; color:#fff; cursor: pointer;}
#footer .footer_info .right_sec .select_box{background:#9B9B9B; height: fit-content;}

.m_br{display:none;}
.l_br{display: none;}

.scrollbar::-webkit-scrollbar {
	width: 10px;
}
.scrollbar::-webkit-scrollbar-thumb {
    background-color: #2f3542;
    border-radius: 10px;
    background-clip: padding-box;
    border: 2px solid transparent;
}
.scrollbar::-webkit-scrollbar-track {
    background-color: grey;
    border-radius: 10px;
    box-shadow: inset 0px 0px 5px white;
}
.product_character {width:500px;margin-left:20px;line-height:30px;font-size:16px;padding-top:20px;}
.product_character p:first-child {width:100%;text-align:left;font-size:25px;font-weight:bold;margin-bottom:10px;}
.product_character p:last-child {width:100%;text-align:left;font-size:20px;}
.fdr {flex-direction:row !important;}
.fdc {flex-direction:column !important;}
.swiper-button-prev,
.swiper-button-next {
  background-color: #0000004D;
  opacity: 0.5;
  padding: 20px 10px;
  border-radius: 4px;
  color: white !important;
  --swiper-navigation-size:80px;
}

.swiper-button-prev:after,
.swiper-button-next:after {
  font-size: 2rem !important;
}
.swiper-pagination-bullet {
  background: black !important;
}