@charset "utf-8";
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');
@import url('https://fonts.googleapis.com/css2?family=Kanit:wght@300;400;600;700&display=swap');





* { 
font-family: 'Pretendard', sans-serif; font-size:16px; color:#333;
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, 
acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, 
sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, 
caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, 
footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video
{font-family: 'Pretendard', sans-serif; font-size:16px; color:#333; box-sizing:border-box; line-height:1.2;}
a {text-decoration:none;}



input[type=text]:focus, input[type=password]:focus, textarea:focus, select:focus {box-shadow:none; -webkit-box-shadow:none; border:1px solid #333 !Important;}

.ent {font-family: 'Kanit', sans-serif;}


#wrap {width:100%; position:relative;}


/* header */
header {width:100%; height:100px; background:#fff; position:relative; z-index:999;}
.header_inner {width:1280px; max-width:100%; height:100%; margin:0 auto; position:relative;}
.header_contact {position:absolute; right:0; top:0; z-index:5; padding:24px 0 19px; width:100px; height:100px; background-color:#d63201; text-align:center;}
.header_contact .email_icon {}
.header_contact .email_icon img {width:36px;}
.header_contact .heco_tit {color:#fff; font-size:16px; margin-top:5px; font-weight:300;}
h1.logo {position:relative; z-index:5; width:264px; height:; padding-top:28px;}
h1.logo a {display:block; width:100%; height:100%;}
h1.logo a img {width:100%;}
h1.logo a svg {width:100%;}
h1.logo a img.logo_main {display:none;}




/* ¸ð¹ÙÀÏ */
.mobile_button {display:none; position:absolute; right:15px; top:32px; width:36px; height:29px; z-index:5;}
.mobile_button span {display:block; width:100%; height:3px; margin-bottom:10px; background:#333;}
.mobile_button span.two {width:100%;}
.mobile_button span.three {margin-bottom:0;}
.m_unit {display:none;}
.menu_close {display:block; width:28px; position:absolute; right:15px; top:25px; }
.menu_close span {display:block; width:100%; height:2px; background:#666; margin-bottom:7px; border-radius:5px; }
.menu_close span.one {transform:rotate(45deg); margin-top:4px;}
.menu_close span.two {display:none;}
.menu_close span.three {transform:rotate(135deg); margin-top:-10px;}
.m_sns_wrap {display:none;}
.m_bg {display:none;}









/* gnb */
.gnb_bg {width:100%; height:100%; position:fixed; left:0; top:0; z-index:99; background:rgba(0,0,0,0.7); opacity:0; visibility:hidden; overflow:hidden; transition:all 0.2s linear;}
.gnb {position:absolute; left:0; top:0px; z-index:4; width:100%; height:100%; padding-top:38px; text-align:center; /* overflow:hidden; */  transition:0.3s height ease; background:#fff;}
.gnb:before {position:absolute; left:0; top:100px; content:""; display:block; width:100%; height:1px; background:#efefef;}
.gnb:after {opacity:0; position:absolute; left:100px; bottom:0; content:""; display:block; width:377px; height:313px;  }
.gnb_ul {position:relative; display:inline-block; margin-left:190px; }
.gnb_ul li {position:relative; float:left; }
.gnb_ul li > a {position:relative; display:block; font-size:20px; font-weight:600; padding:0px 35px 38px; transition:0.3s all ease;}
.gnb_ul li > a:before {position:absolute; left:-15%; bottom:0; width:0; height:5px; content:""; display:block; background-color:#d63201; transition:0.3s width ease;}
.gnb_ul li dl {display:none; position:absolute; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); top:63px; width:130%; background-color:#fff; padding:0; border:1px solid #efefef; border-top:0;}
.gnb_ul li dl dd {}
.gnb_ul li dl dd > a {display:block; font-size:17px; padding:12px 5px; text-align:center; word-break:keep-all;}
/* .gnb_dep02 {position:absolute; left:0; top:100px; width:100%; text-align:left; background:linear-gradient(to right, #d63201 50%, #fff 50%); border-top:1px solid #ddd; opacity:0; visibility:hidden; transition:all 0.2s linear;}
.gnb_dep02_in {margin:0 auto; width:1280px; max-width:100%; display:flex;}
.gnb_dep02_left {width:450px; background-color:#d63201; padding:50px 50px 50px 0px;}
.gnb_dep02_tit {font-size:30px; color:#fff; font-weight:700;}
.gnb_dep02_tit span {display:block; font-weight:300; color:inherit; margin-bottom:3px; font-size:18px;}
.gnb_dep02_right {width:calc(100% - 450px); display:flex; padding:40px 50px 40px; flex-wrap:wrap; background-color:#fff;}
.gnb_dep02_right dd {width:33.33%; display:flex; align-items:center;}
.gnb_dep02_right dd a {display:block; font-size:18px; padding:16px 5px; text-align:left; word-break:keep-all;}

.gnb_ul li.on .gnb_dep02 {opacity: 1; visibility: visible; transition: all 0.2s linear; z-index: 99;}
.gnb_bg.on {opacity: 1; visibility: visible; transition: all 0.2s linear;} */







/* m_gnb */
.m_gnb { position:fixed; right:-50%; top:0; z-index:20; width:50%; height:100%; padding:62px 0 30px; background:#fff; text-align:left; overflow-y:scroll; transition:0.5s all ease;}
.mgnb_ul {width:100%; padding:15px 0px 0;}
.mgnb_ul li {padding:0 0; border-bottom:1px solid #ddd;}
.mgnb_ul li:first-child {border-top:1px solid #ddd;}
.mgnb_ul li > a {position:relative; padding:14px 20px; display:block; font-size:18px; }
.mgnb_ul li > a:before {position:absolute; right:20px; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); content:""; display:block; width:12px; height:7px; background-image:url('/images/m_arrow_grey.png'); background-size:contain; background-repeat:no-repeat; background-position:center center;}
.mgnb_ul li dl {display:none;}
.mgnb_ul li dl dd {}
.mgnb_ul li dl dd > a {position:relative; display:block; padding:14px 20px; background:#f7f7f7; border-bottom:1px solid #ddd; font-size:18px;}
.mgnb_ul li dl dd > a:before {position:absolute; right:20px; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); content:""; display:block; width:12px; height:7px; background-image:url('/images/m_arrow_grey.png'); background-size:contain; background-repeat:no-repeat; background-position:center center;}
.mgnb_ul li dl dd:last-child > a {border-bottom:0;}
.m_dep03 {display:none;}
.m_dep03 a {position:relative; display:block; padding:10px 32px;}
.m_dep03 a:before {position:absolute; left:20px; top:9px; content:"-"; display:block;}
.mgnb_bg { position:fixed; top:0; right:-100%; width:100%; height:100%; transition:0.5s all ease; background-color:rgba(0,0,0,0.6); z-index:10; }

.mgnb_ul li.on > a {background-color:#d63201; color:#fff;}
.mgnb_ul li.on > a:before {background-image:url('/images/m_arrow_white.png');}

	


/* sub_contents */
.sub_contents {width:100%; }
.sub_visual {position:relative;width:100%; height:250px; background-image:url('/images/sub_visual.png'); background-repeat:no-repeat; background-size:cover; background-position:center center;}
.sub_vtitle {width:1280px; max-width:100%; text-align:right; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); color:#fff; font-weight:700; font-size:32px; text-shadow:0 0 7px rgba(0,0,0,0.5);}
.sub_contents_in {position:relative; width:1280px; max-width:100%; margin:0 auto; padding:50px 0 120px 340px;}



.sub_menu {position:absolute; left:0; top:-80px; width:275px;}
.sub_title {background:#d63201; width:100%; height:200px; padding:100px 25px 0; color:#fff; font-size:28px; font-weight:700;}
.sub_title span {display:block; margin-bottom:5px; font-size:18px; font-weight:300; color:inherit;}
.sub_dep02 {position:relative; display:none; font-size:20px; padding:16px 24px; background-color:#d63201; color:#fff; font-weight:600; width:100%;}
.sub_dep02:before {position:absolute; right:24px; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); width:12px; height:6px; content:""; display:block; background:url('/images/sub_dep02_arrow.png') center center no-repeat; background-size:contain;}
.sub_menulist {width:100%;}
.sub_menuunit {width:100%;}
.sub_menuunit > li {}
.sub_menuunit > li > a {display:block; font-size:18px; border-bottom:1px solid #ddd; padding:20px 30px;}
.sub_menuunit > li > a.dep03_view {position:relative;}
.sub_menuunit > li > a.dep03_view:before {position:absolute; right:30px; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); content:""; display:block; width:11px; height:9px; background:url('/images/dep03_arrow.svg') center center no-repeat; background-size:contain;}
.sub_menuunit > li.on > a {font-weight:700; color:#d63201; border-bottom-width:3px; border-color:#d63201; }
.sub_menuunit > li.on > a.dep03_view {border-top:3px solid #d63201;}
.sub_menuunit > li.on > a.dep03_view:before {background-image:url('/images/dep03_arrow_red.svg');}
.dep03 {height:0; padding:0 30px; overflow:hidden; border-bottom:0; background-color:#f5f5f5; transition:0.4s all ease;}
.dep03 li {position:relative; padding-left:12px;}
.dep03 li:before {position:absolute; left:0; top:0; display:block; content:"-";}
.dep03 li + li {margin-top:7px;}
.dep03 li a {display:block;font-size:16px; }
.dep03 li.on a {font-weight:700; color:#d63201;}
.dep03 li.on:before {font-weight:700; color:#d63201;}
.sub_menuunit > li.on .dep03 {height:auto; padding:20px 30px; border-bottom:1px solid #ddd; transition:0.4s all ease;}

.sub_menuunit > li.add > a {color:#d63201; font-weight:700;}
.sub_menuunit > li.add .dep03 {height:auto; padding:20px 30px; border-bottom:1px solid #ddd; transition:0.4s all ease;}


.sub_contents_left {min-height:450px;}
.sub_contents_left.group02 {min-height:900px;}


.sub_content_load {display: flex; align-items: flex-end; justify-content: space-between; border-bottom: 1px solid #ddd; margin-bottom: 50px; padding-bottom: 30px; }
.sub_tit {font-size:32px; font-weight:700;}
.sub_load {display:flex; align-items:center;}
.sub_load li {position:relative;font-size:14px; color:#666; padding:0 15px 0 8px;}
.sub_load li:before {position:absolute; right:0; top:2px; width:7px; height:12px; content:""; display:block; background-image:url('/images/sub_loca_arrow.png'); background-repeat:no-repeat; background-size:contain; background-position:center center;}
.sub_load li:first-child {padding-left:0;}
.sub_load li:last-child {padding-right:0;}
.sub_load li:last-child:before {display:none;}



/* footer */
footer {width:100%; position:relative;}
.footer_inner {width:1280px; max-width:100%; margin:0 auto; position:relative;}

.footer_menu {width:100%; border-top:1px solid #ddd;}
.footer_menu .footer_inner {display:flex; justify-content:space-between;}
.footer_menu_ul {display:flex;}
.footer_menu_ul li {padding:12px 0;}
.footer_menu_ul li a {position:relative; display:flex; padding:0 14px; color:#666666; }
.footer_menu_ul li a:before {position:absolute; left:0; top:4px; width:1px; height:12px; content:""; display:block; background-color:#ddd;}
.footer_menu_ul li:first-child a {padding-left:0;}
.footer_menu_ul li:first-child a:before {display:none;}
.footer_menu_ul li a.privacy {padding-left:0; font-weight:500; color:#d63201;}
.footer_menu_ul li a.privacy:before {display:none;}
.footer_with {position:relative; width:200px;}
.fowi_tit {cursor:pointer; color:#666666; line-height:43px; padding:0 15px; position:relative; border-left:1px solid #ddd; border-right:1px solid #ddd;}
.fowi_tit:before {position:absolute; right:15px; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); content:""; display:block; width:9px; height:6px; background:url('/images/withcompany_arrow.png') center center no-repeat; background-size:contain;}
.fowi_ul {display:none; position:absolute; left:0; bottom:43px; z-index:1; width:100%; height:320px; overflow-y:scroll; border:1px solid #ddd; background-color:#fff;}
.fowi_ul li {}
.fowi_ul li a {display:block; padding:12px 15px; font-size:14px; border-bottom:1px solid #ddd; color:#666;}
.fowi_ul li a:before {border-bottom:0;}

.footer_info {border-top:1px solid #ddd; width:100%;}
.footer_info .footer_inner {padding:36px 0 75px;}
.footer_call {position:absolute; right:0; top:36px; padding:32px 100px 30px 24px; border:1px solid #ddd; background:url('/images/bottom_call.png') right 10px center no-repeat; background-size:135px 112px;}
.focl_tit {font-size:16px; color:#666;}
.focl_number {font-size:24px; font-weight:700; margin:3px 0 18px; color:#666;}
.focl_email {font-size:14px; color:#666;}
.footer_text {}
.footer_text li {color:#666;}
.footer_text li + li {margin-top:10px;}
.footer_text li.copyright {margin-top:42px;}
.footer_text li span {margin-right:36px; font-size:1em; color:inherit;}
.footer_text li span b {font-size:1em;}




/* Æ˾÷ */
#hd_pop {width:1200px; max-width:100%;}
.hd_pops_footer button > strong {color:inherit;}
.hd_pops_con {width:auto; max-width:100%;}


/************************************ hover ************************************/
@media (hover: hover) {
  
	
		/* gnb */		
		.gnb_ul li dl dd > a:hover { background-color:#333; color:#fff; }
		.gnb_ul li:hover > a:before {width:130%; transition:0.3s all ease;}

		.gnb_ul > li:hover > a { color:#d63201;}
		/* .gnb_ul > li:hover > a:before {width:100%; transition:0.3s width ease;} */


		/* submenu */
		.sub_menuunit li a:hover {color:#d63201;}


		.fowi_ul li a:hover {background-color:#f7f7f7;}

	



}
/************************************ hover ************************************/



/* ¹ÝÀÀÇü Áß°£±â±â 1280px »çÀÌÁî ÀÌÇÏ*/
@media all and (max-width:1280px){
	

	.header_inner {padding:0 15px;}


	.sub_vtitle {padding:0 15px;}


	/* sub_content */
	.sub_contents_in {padding:50px 15px 120px 340px;}
	.sub_menu {left:15px;}



	/* footer */
	.footer_inner {padding:0 15px;}
	.footer_info .footer_inner {padding:36px 15px 75px;}	
	.footer_call {right:15px;}



	/* popup */
	.hd_pops {position:absolute; left:50% !Important; transform:translateX(-50%); -webkit-transform:translateX(-50%);}
	

}



/* ¹ÝÀÀÇü Áß°£±â±â 1100px »çÀÌÁî ÀÌÇÏ*/
@media all and (max-width:1100px){

	
	/* header */
	.sitemap {display:none;}
	.mobile_button {display:block; top:30px;}

	
	/* header */
	header {height:90px;}
	.header_inner {display:block;}
	.sitemap {display:none;}
	.header_sns {display:none;}
	.mobile_button {display:block; top:30px;}
	.header_contact {position:fixed; top:auto; bottom:30px; right:15px; width:90px; height:90px; border-radius:50%; box-shadow:0 0 7px rgba(0,0,0,0.3); padding:20px 0 15px;}
	.header_contact .heco_tit {font-size:14px; margin-top:3px;}


	/* gnb */
	.gnb {display:none;}
	.header.open .m_gnb {display:block; right:0;}
	.header.open .mgnb_bg {display:block; right:0;}
	.m_gnb {}
	.mgnb_bg {}


	
	.header.open .gnb {right:0; transition:0.4s all ease; height:100%;}
	.header.open .m_bg {right:0; transition:0.4s all ease;}



	.sub_vtitle {text-align:center;}


	/* sub_content */
	.sub_contents_in {padding:0px 15px 120px;}
	.sub_menu {display:none; position:initial; width:calc(100% + 30px); margin:0 -15px;}
	.sub_title {display:none;}
	.sub_dep02 {display:block;}
	.sub_menulist {display:none; position:absolute; top:64px; left:0; z-index:10; box-shadow:1px 1px 5px rgba(0,0,0,0.1);}
	.sub_menuunit > li > a {font-size:16px; padding:16px 24px; background-color:#fff;}
	.sub_menuunit > li.on > a {border-bottom-width:1px; border-color:#ddd;}
	.sub_contents_left {padding-top:50px;}

	


	



	
}

/* ¹ÝÀÀÇü Áß°£±â±â 998px »çÀÌÁî ÀÌÇÏ*/
@media all and (max-width:998px){

	
	
		/* header */
		header {height:80px;}
		h1.logo {padding-top:24px; width:200px;}
		.mobile_button {top:24px;}


		/* footer */
		.footer_call {padding:24px 60px 24px 20px;}
		.footer_text {padding-right:300px;}
		.footer_text li {word-break:keep-all; line-height:1.5;}
		.footer_text li + li {margin-top:0;}


	
	

}



/* ¹ÝÀÀÇü Áß°£±â±â 768»çÀÌÁî ÀÌÇÏ */
@media screen and (max-width: 768px) {	


	
	/*gnb */
	.m_gnb {width:320px; right:-360px;}


	/* sub_visual */
	.sub_visual {height:180px;}
	.sub_vtitle {font-size:28px;}


	/* sub_menu */
	.sub_dep02 {font-size:16px; font-weight:500;}	
	.sub_menulist {top:51px;}


	/* sub_content */
	.sub_content_load {margin-bottom:30px; padding-bottom:15px;}
	.sub_tit {font-size:28px;}
	





	/* footer */
	.footer_menu_ul li a {padding:0 10px; font-size:14px;}
	.footer_with {width:180px; margin-right:-15px;}
	.fowi_tit {font-size:14px;}
	.footer_info .footer_inner {padding:18px 15px 50px;}
	.footer_call {position:initial; margin-bottom:10px; width:100%; padding:20px 20px; background-size:80px 66px;}
	.focl_tit {font-size:14px;}
	.focl_number {font-size:20px; margin:3px 0 8px;}
	.footer_text {padding-right:0; text-align:center;}
	.footer_text li {font-size:14px; font-weight:300;}
	.footer_text li span {margin-right:20px;}
	


	/* Æ˾÷ */
	.hd_pops_con {width:320px !important; height:auto !Important; max-width:100%;}
	

}



/* ¹ÝÀÀÇü ÀÛÀº±â±â 480»çÀÌÁî ÀÌÇÏ */
@media screen and (max-width: 480px) {	

	header {height:62px;}
	.header_inner {padding:18px 15px 15px;}
	h1.logo {width:180px; padding-top:0;}



	.mobile_button {width:28px; top:20px;}
	.mobile_button span {margin-bottom:8px; height:2px;}

	.header_contact {width:68px; height:68px; padding:12px 0 0;}
	.header_contact .email_icon {}
	.header_contact .email_icon img {width:28px;}
	.header_contact .heco_tit {font-size:13px; margin-top:2px;}

	/* sub_visual*/
	.sub_visual {height:120px;}
	.sub_vtitle {font-size:24px;}


	/* sub_content */
	.sub_contents_in {padding:0 15px 80px;}
	.sub_contents_left {padding-top:30px;}
	.sub_content_load {flex-wrap:wrap; padding-bottom:10px;}
	.sub_load {width:100%; margin-top:5px;}
	.sub_tit {font-size:24px;}



	/* footer */	
	.footer_menu .footer_inner {/* flex-wrap:wrap-reverse; */}
	.footer_menu_ul {width:100%;}
	.footer_with {width:245px; }
	.fowi_tit {border-right:0; background-color:#f7f7f7;}
	.footer_text li + li {margin-top:5px;}
	.footer_text li.copyright {margin-top:24px;}
	.footer_text li span {display:block; margin-right:0;}
	.footer_text li span + span {margin-top:5px;}

}



/* ¹ÝÀÀÇü ÀÛÀº±â±â 360»çÀÌÁî ÀÌÇÏ */
@media screen and (max-width: 360px) {	

	
	

}