@charset "utf-8";
/*@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR&display=swap');*/
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;600;700;900&display=swap');

/*Common*/
*{margin:0;padding:0}
html,body{width:100%;height:100%;}
html{overflow-y:scroll}
body{word-break:keep-all;}
body,h1,h2,h3,h4,h5,h6,th,td,li,dt,dd,a,p,input,textarea,select,option{
	color:#0c0c0c;
	font-family:"Noto Sans KR";
	font-size:14px;font-weight:400;
}


img,fieldset,iframe{border:0 none}
ul,ol,li{list-style:none}
em,address{font-style:normal}
img,input,select,textarea{vertical-align:middle}
a{text-decoration:none;cursor:pointer}

ol{ display: block; }

.blind, legend, caption{position: absolute !important; height: 1px; width: 1px; overflow: hidden; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px);}
button,label{cursor:pointer;_cursor /**/:hand}
button *{position:relative}
button { border: none; background-color: transparent; color: inherit; font: inherit; }
textarea{overflow:auto}
option{padding-right:6px}
.input_text, textarea{*margin:-1px 0;padding-right:1px}
.input_check, .input_radio{width:16px;height:16px}

input[type=checkbox] {
	display:inline-block;
	width:16px;
	height:16px;
	vertical-align:-3px;
	-webkit-appearance:none;
	border-radius:0;
	border:1px solid #B1B1B1;
	margin:0;
	padding:0;
	cursor:pointer
}

input[type=radio] {
	display:inline-block;
	width:16px;
	height:16px;
	vertical-align:-3px;
	border-radius:100;
	border:1px solid #B1B1B1;
	margin:0;
	padding:0;
	cursor:pointer;
}

input[type=checkbox]:checked {
	background:url(//image.toast.com/aaaaahb/css/cb_checked.gif) no-repeat
}

nav {display:block;}

hr{display:none}
legend{*width:0}
:root legend{margin-top:-1px;font-size:0;line-height:0}
caption{*line-height:0}

/* padding */
/* 왼쪽 */
.padL00 {padding-left:0px !important;}
.padL01 {padding-left:1px !important;}
.padL02 {padding-left:2px !important;}
.padL03 {padding-left:3px !important;}
.padL04 {padding-left:4px !important;}
.padL05 {padding-left:5px !important;}
.padL06 {padding-left:6px !important;}
.padL07 {padding-left:7px !important;}
.padL08 {padding-left:8px !important;}
.padL09 {padding-left:9px !important;}
.padL10 {padding-left:10px !important;}
.padL15 {padding-left:15px !important;}
.padL20 {padding-left:20px !important;}
.padL25 {padding-left:25px !important;}
.padL30 {padding-left:30px !important;}
.padL35 {padding-left:35px !important;}
.padL40 {padding-left:40px !important;}
.padL45 {padding-left:45px !important;}
.padL50 {padding-left:50px !important;}
.padL55 {padding-left:55px !important;}
.padL60 {padding-left:60px !important;}

/* 오른쪽 */
.padR00 {padding-right:0px !important;}
.padR01 {padding-right:1px !important;}
.padR02 {padding-right:2px !important;}
.padR03 {padding-right:3px !important;}
.padR04 {padding-right:4px !important;}
.padR05 {padding-right:5px !important;}
.padR06 {padding-right:6px !important;}
.padR07 {padding-right:7px !important;}
.padR08 {padding-right:8px !important;}
.padR09 {padding-right:9px !important;}
.padR10 {padding-right:10px !important;}
.padR15 {padding-right:15px !important;}
.padR20 {padding-right:20px !important;}
.padR25 {padding-right:25px !important;}
.padR30 {padding-right:30px !important;}
.padR35 {padding-right:35px !important;}
.padR40 {padding-right:40px !important;}
.padR45 {padding-right:45px !important;}
.padR50 {padding-right:50px !important;}
.padR55 {padding-right:55px !important;}
.padR60 {padding-right:60px !important;}

/* 위 */
.padT00 {padding-top:0px !important;}
.padT01 {padding-top:1px !important;}
.padT02 {padding-top:2px !important;}
.padT03 {padding-top:3px !important;}
.padT04 {padding-top:4px !important;}
.padT05 {padding-top:5px !important;}
.padT06 {padding-top:6px !important;}
.padT07 {padding-top:7px !important ;}
.padT08 {padding-top:8px !important;}
.padT09 {padding-top:9px !important;}
.padT10 {padding-top:10px !important;}
.padT15 {padding-top:15px !important;}
.padT20 {padding-top:20px !important;}
.padT25 {padding-top:25px !important;}
.padT30 {padding-top:30px !important;}
.padT35 {padding-top:35px !important;}
.padT40 {padding-top:40px !important;}
.padT45 {padding-top:45px !important;}
.padT50 {padding-top:50px !important;}
.padT55 {padding-top:55px !important;}
.padT60 {padding-top:60px !important;}

/* 아래 */
.padB00 {padding-bottom:0px !important;}
.padB01 {padding-bottom:1px !important;}
.padB02 {padding-bottom:2px !important;}
.padB03 {padding-bottom:3px !important;}
.padB04 {padding-bottom:4px !important;}
.padB05 {padding-bottom:5px !important;}
.padB06 {padding-bottom:6px !important;}
.padB07 {padding-bottom:7px !important;}
.padB08 {padding-bottom:8px !important;}
.padB09 {padding-bottom:9px !important;}
.padB10 {padding-bottom:10px !important;}
.padB15 {padding-bottom:15px !important;}
.padB20 {padding-bottom:20px !important;}
.padB25 {padding-bottom:25px !important;}
.padB30 {padding-bottom:30px !important;}
.padB35 {padding-bottom:35px !important;}
.padB40 {padding-bottom:40px !important;}
.padB45 {padding-bottom:45px !important;}
.padB50 {padding-bottom:50px !important;}
.padB55 {padding-bottom:55px !important;}
.padB60 {padding-bottom:60px !important;}

/* 전체 */
.pad00 {padding:0px !important;}
.pad01 {padding:1px !important;}
.pad02 {padding:2px !important;}
.pad03 {padding:3px !important;}
.pad04 {padding:4px !important;}
.pad05 {padding:5px !important;}
.pad10 {padding:10px !important;}
.pad15 {padding:15px !important;}
.pad20 {padding:20px !important;}
.pad25 {padding:25px !important;}
.pad30 {padding:30px !important;}
.pad35 {padding:35px !important;}
.pad40 {padding:40px !important;}
.pad45 {padding:45px !important;}
.pad50 {padding:50px !important;}
.pad55 {padding:55px !important;}
.pad60 {padding:60px !important;}

/* margin */
/* 왼쪽 */
.marL00 {margin-left:0px !important;}
.marL01 {margin-left:1px !important;}
.marL02 {margin-left:2px !important;}
.marL03 {margin-left:3px !important;}
.marL04 {margin-left:4px !important;}
.marL05 {margin-left:5px !important;}
.marL06 {margin-left:6px !important;}
.marL07 {margin-left:7px !important;}
.marL08 {margin-left:8px !important;}
.marL09 {margin-left:9px !important;}
.marL10 {margin-left:10px !important;}
.marL15 {margin-left:15px !important;}
.marL20 {margin-left:20px !important;}
.marL25 {margin-left:25px !important;}
.marL30 {margin-left:30px !important;}
.marL35 {margin-left:35px !important;}
.marL40 {margin-left:40px !important;}
.marL45 {margin-left:45px !important;}
.marL50 {margin-left:50px !important;}
.marL55 {margin-left:55px !important;}
.marL60 {margin-left:60px !important;}


/* 오른쪽 */
.marR00 {margin-right:0px !important;}
.marR01 {margin-right:1px !important;}
.marR02 {margin-right:2px !important;}
.marR03 {margin-right:3px !important;}
.marR04 {margin-right:4px !important;}
.marR05 {margin-right:5px !important;}
.marR06 {margin-right:6px !important;}
.marR07 {margin-right:7px !important;}
.marR08 {margin-right:8px !important;}
.marR09 {margin-right:9px !important;}
.marR10 {margin-right:10px !important;}
.marR13 {margin-right:13px !important;}
.marR15 {margin-right:15px !important;}
.marR20 {margin-right:20px !important;}
.marR25 {margin-right:25px !important;}
.marR30 {margin-right:30px !important;}
.marR35 {margin-right:35px !important;}
.marR40 {margin-right:40px !important;}
.marR45 {margin-right:45px !important;}
.marR50 {margin-right:50px !important;}
.marR55 {margin-right:55px !important;}
.marR60 {margin-right:60px !important;}

/* 위 */
.marT00 {margin-top:0px !important;}
.marT01 {margin-top:1px !important;}
.marT02 {margin-top:2px !important;}
.marT03 {margin-top:3px !important;}
.marT04 {margin-top:4px !important;}
.marT05 {margin-top:5px !important;}
.marT06 {margin-top:6px !important;}
.marT07 {margin-top:7px !important;}
.marT08 {margin-top:8px !important;}
.marT09 {margin-top:9px !important;}
.marT10 {margin-top:10px !important;}
.marT15 {margin-top:15px !important;}
.marT20 {margin-top:20px !important;}
.marT25 {margin-top:25px !important;}
.marT30 {margin-top:30px !important;}
.marT35 {margin-top:35px !important;}
.marT40 {margin-top:40px !important;}
.marT45 {margin-top:45px !important;}
.marT50 {margin-top:50px !important;}
.marT55 {margin-top:55px !important;}
.marT60 {margin-top:60px !important;}
.marT70 {margin-top:70px !important;}
.marT80 {margin-top:80px !important;}
.marT90 {margin-top:90px !important;}
.marT100 {margin-top:100px !important;}

/* 아래 */
.marB00 {margin-bottom:0px !important;}
.marB01 {margin-bottom:1px !important;}
.marB02 {margin-bottom:2px !important;}
.marB03 {margin-bottom:3px !important;}
.marB04 {margin-bottom:4px !important;}
.marB05 {margin-bottom:5px !important;}
.marB06 {margin-bottom:6px !important;}
.marB07 {margin-bottom:7px !important;}
.marB08 {margin-bottom:8px !important;}
.marB09 {margin-bottom:9px !important;}
.marB10 {margin-bottom:10px !important;}
.marB15 {margin-bottom:15px !important;}
.marB20 {margin-bottom:20px !important;}
.marB25 {margin-bottom:25px !important;}
.marB30 {margin-bottom:30px !important;}
.marB35 {margin-bottom:35px !important;}
.marB40 {margin-bottom:40px !important;}
.marB45 {margin-bottom:45px !important;}
.marB50 {margin-bottom:50px !important;}
.marB55 {margin-bottom:55px !important;}
.marB60 {margin-bottom:60px !important;}

/* 전체 */
.mar00 {margin:0px !important;}
.mar01 {margin:1px !important;}
.mar02 {margin:2px !important;}
.mar03 {margin:3px !important;}
.mar04 {margin:4px !important;}
.mar05 {margin:5px !important;}
.mar06 {margin:6px !important;}
.mar07 {margin:7px !important;}
.mar08 {margin:8px !important;}
.mar09 {margin:9px !important;}
.mar10 {margin:10px !important;}
.mar15 {margin:15px !important;}
.mar20 {margin:20px !important;}
.mar25 {margin:25px !important;}
.mar30 {margin:30px !important;}
.mar35 {margin:35px !important;}
.mar40 {margin:40px !important;}
.mar45 {margin:45px !important;}
.mar50 {margin:50px !important;}
.mar55 {margin:55px !important;}
.mar60 {margin:60px !important;}

/* Width % */
.w1p  {width:1% !important;}
.w2p  {width:2% !important;}
.w3p  {width:3% !important;}
.w4p  {width:4% !important;}
.w5p  {width:5% !important;}
.w6p  {width:6% !important;}
.w7p  {width:7% !important;}
.w8p  {width:8% !important;}
.w9p  {width:9% !important;}
.w10p {width:10% !important;}
.w11p {width:11% !important;}
.w12p {width:12% !important;}
.w13p {width:13% !important;}
.w14p {width:14% !important;}
.w15p {width:15% !important;}
.w16p {width:16% !important;}
.w17p {width:17% !important;}
.w18p {width:18% !important;}
.w19p {width:19% !important;}
.w20p {width:20% !important;}
.w21p {width:21% !important;}
.w22p {width:22% !important;}
.w23p {width:23% !important;}
.w24p {width:24% !important;}
.w25p {width:25% !important;}
.w26p {width:26% !important;}
.w27p {width:27% !important;}
.w28p {width:28% !important;}
.w29p {width:29% !important;}
.w30p {width:30% !important;}
.w31p {width:31% !important;}
.w32p {width:32% !important;}
.w33p {width:33% !important;}
.w34p {width:34% !important;}
.w35p {width:35% !important;}
.w36p {width:36% !important;}
.w37p {width:37% !important;}
.w38p {width:38% !important;}
.w39p {width:39% !important;}
.w40p {width:40% !important;}
.w41p {width:41% !important;}
.w42p {width:42% !important;}
.w43p {width:43% !important;}
.w44p {width:44% !important;}
.w45p {width:45% !important;}
.w46p {width:46% !important;}
.w47p {width:47% !important;}
.w48p {width:48% !important;}
.w49p {width:49% !important;}
.w50p {width:50% !important;}
.w51p {width:51% !important;}
.w52p {width:52% !important;}
.w53p {width:53% !important;}
.w54p {width:54% !important;}
.w55p {width:55% !important;}
.w56p {width:56% !important;}
.w57p {width:57% !important;}
.w58p {width:58% !important;}
.w59p {width:59% !important;}
.w60p {width:60% !important;}
.w61p {width:61% !important;}
.w62p {width:62% !important;}
.w63p {width:63% !important;}
.w64p {width:64% !important;}
.w65p {width:65% !important;}
.w66p {width:66% !important;}
.w67p {width:68% !important;}
.w68p {width:68% !important;}
.w69p {width:69% !important;}
.w70p {width:70% !important;}
.w71p {width:71% !important;}
.w72p {width:72% !important;}
.w73p {width:73% !important;}
.w74p {width:74% !important;}
.w75p {width:75% !important;}
.w76p {width:76% !important;}
.w77p {width:77% !important;}
.w78p {width:78% !important;}
.w79p {width:79% !important;}
.w80p {width:80% !important;}
.w81p {width:81% !important;}
.w82p {width:82% !important;}
.w83p {width:83% !important;}
.w84p {width:84% !important;}
.w85p {width:85% !important;}
.w86p {width:86% !important;}
.w87p {width:87% !important;}
.w88p {width:88% !important;}
.w89p {width:89% !important;}
.w90p {width:90% !important;}
.w91p {width:91% !important;}
.w92p {width:92% !important;}
.w93p {width:93% !important;}
.w94p {width:94% !important;}
.w95p {width:95% !important;}
.w96p {width:96% !important;}
.w97p {width:97% !important;}
.w98p {width:98% !important;}
.w99p {width:99% !important;}
.w100p {width:100% !important;}

.w310 {width:310px !important;}

/* module --------------------------------------------------------------------------------------------------------------------*/
/* -------- 수정시 재선언하시거나 해당 클래스명을 지워주세요 -------- */
/* con */
[class*="con-"][class*="-width1"]{position:relative;width: 100%;padding:0 0%;margin:0 auto;z-index: 10;}
[class*="con-"][class*="-width2"]{position:relative;width: 100%;padding:0 0%;margin:0 auto;z-index: 10;}
[class*="-layout"]{position:relative;}

/* col */
[class*="col-"][class*="-1"]{width: 100% !important;}
[class*="col-"][class*="-2"]{width: 50% !important;}
[class*="col-"][class*="-3"]{width: 33.33% !important;}
[class*="col-"][class*="-4"]{width: 25% !important;}
[class*="col-"][class*="-5"]{width: 20% !important;}
[class*="col-"][class*="-6"]{width: 16.66% !important;}
[class*="col-"][class*="-7"]{width: 14.28% !important;}
[class*="col-"][class*="-8"]{width: 12.5% !important;}
/* con */
[class*="con-"][class*="-1000"]{width: 1000px;margin:0 auto;}
[class*="con-"][class*="-1100"]{width: 1100px;margin:0 auto;}
[class*="con-"][class*="-1200"]{width: 1200px;margin:0 auto;}
[class*="con-"][class*="-1300"]{width: 1300px;margin:0 auto;}
[class*="con-"][class*="-1360"]{width: 1360px;margin:0 auto;}
[class*="con-"][class*="-1400"]{width: 1400px;margin:0 auto;}
[class*="con-"][class*="-1500"]{width: 1500px;margin:0 auto;}
[class*="m-"][class*="-width1"]{width: 93%;margin:0 auto;}

#wrap, #container{width:100%;position: relative; overflow:hidden;}
#contents{}

#wrap{
	margin:0 auto;
	background-color:#fff;
}

/*header 기초는 http://www.wood.co.kr/ 참조*/
#header{
	background: #fff;
    position: relative;
}

.inner {
    margin: 0 auto;
    width: 100%;
	/*border-bottom:1px solid #DCDCDC;*/
}

.center-1800{
	width:clac(100% - 15px);
  max-width:1366px;
  margin:0 auto;
  padding: 0 0px;
  position: relative;
}



.header{
	position:relative;
	display:flex;
	justify-content:space-between;
	flex-wrap: wrap;
	align-items:center;
	width: calc(100% - 0px);
	padding: 0 0px;
	height:100px;
	margin:0 auto;
	box-sizing: border-box;
}

.header .right_nav {
	display:flex;
	align-items:center;
	justify-content:flex-end;
	position: relative;
}
.header .left_nav {display:flex;align-items:center;}


.header div.logo {position:relative;}
/*.header h1.logo a.main_logo {display:block; width:132px; height:26px; background-image:url("../images/common/header_logo2.png");}*/
.header div.logo a.main_logo {display:block; width:132px; height:26px; }

.header .gnb {display:flex; margin-left:55px;}
.header .gnb>li {padding: 0px 90px 38px 20px;margin-top: 37px;}
.header .gnb>li>a {display:block; font-weight:500; font-size:17px;letter-spacing:-0.17px;color:#000; line-height:25px;}

.header .search {margin: 0 20px 0;}
.header .search_btn {display: block;width:35px;height:35px;background:url("../images/icon/icon_search.webp") no-repeat center / contain;}

.header .lang {position:relative;display: flex;align-items: center; margin-right:30px;}
.header button.lang_btn  {position:relative; width:40px; padding-bottom: 2px; font-size: 15px; font-weight: 600; color: #000; line-height: 35px; text-align: left; letter-spacing: -0.15px;}
.header button.lang_btn:before { position: absolute; top: 15px; right: 0; display: block; width: 10px; height: 7px; background: url("../images/icon/icon_arrow1.png") no-repeat left top; background-size: 100%; content: ''; }

.header .lang .lang_l {position:absolute;top:48px;left:-32px; display:none; z-index:1004; border:1px solid #8D8D8D; background-color:#fff;}
.header .lang .lang_l li {width:90px;height:40px;margin-bottom: 2px;}
.header .lang .lang_l li a {display:block;width:100%;height:100%;font-size:14px;font-weight:500;color: #000;line-height:40px;text-align:center;}
.header .lang .lang_l li.on a {color:#63C4F1;}

.header .menu{
	width:30px;
	display:flex;
	align-items: center;
	margin-left:20px;
	cursor:pointer;
}

/*메뉴*/
.gnb_1da {
	display: block;
	font-weight: 300;	
	color: #FFFFFF;
	text-decoration: none
	}
	.gnb_2dul {
	display: none;
	position: absolute;
	width: 190px;
	margin-top: 38px;	
	}

	.header .hd-nav .hd-menu li {position:relative;display:inline-block;text-align:center;}
	.header .hd-nav .hd-menu li a {display:block;font-family:'Noto Sans KR';font-size: 18px;opacity: 1;letter-spacing: 0px;}
	.header .hd-nav .hd-menu .gnb_2dli{
		width: 100%;
	}
	.header .hd-nav .hd-menu .gnb_2dli>a {
		font-family: 'Noto Sans KR';
		font-size: 16px;
		padding: 10px 20px;
		text-align: left;
	}

	.gnb_1dli_over .gnb_2dul ,
	.gnb_1dli_over2 .gnb_2dul {
		width:500px;
		height:auto;
		background-color:#fff;
		display:flex;	
		z-index: 99;	
		position:absolute;	
		border-top: 1px solid #DCDCDC ;
		margin-left: -20px;
	}

	
/* 2023.9.2 white_menu 분할*/
/* 2023.9.8 white_menu 분할 했는데 공통 부분이 많은거 같아서 넓이 값만 다른부분만 빼고 공통 사용처리*/
.gnb_2dul .white_menu{
	width:500px;
	height:auto;
	background-color:#fff;
	display:flex;	
	position:absolute;	
}

.gnb_2dul .white_menu .sub_menu{
	width:100%;
	padding:15px 30px;
	position:relative;
	display:flex;
	justify-content:space-between;
}

.gnb_2dul .white_menu .sub_menu ul.depth1{
	width:55%;
}


.gnb_2dul .white_menu .sub_menu div.depth2{
	width:51%;
	line-height:60px;
}
.gnb_2dul .white_menu .sub_menu div.depth2 p a{
	font-weight:500;
	font-size:16px;
	line-height:25px;
	letter-spacing: -0.48px;
	color: #000000;
}
.gnb_2dul .white_menu .sub_menu div.depth2 p a:hover{
	color:#63C4F1;
}

.gnb_2dul .white_menu .sub_menu li{
	position: relative;
}

.gnb_2dul .white_menu .sub_menu li a{
	font-weight:600;
	font-size:17px;
	line-height:60px;
	position: relative;
} 

.gnb_2dul .white_menu .sub_menu li a:hover
{
	color:#63C4F1;
}
/*2차뎁스 하늘색 arrow*/
.gnb_2dul .white_menu .sub_menu li:hover:before{
	position: absolute; top: 26px; right: 10px; display: block; width: 7px; height: 11px; background: url("../images/icon/menu_color_arrow.png") no-repeat left top; background-size: 100%; content: ''; -webkit-transform: rotate(0deg); transform: rotate(0deg);
}


.gnb_1dli_over .menuBackground{
	position: absolute;    
    top: 101px;
    left: -150%;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 400%;
    height: 1000vh;
    background-color: rgba(0 0 0 / 0.4);
	z-index: 9;
}
/*기업정보 submenu넓이*/
.gnb_2dul .white_menu.white_menu3{
	width:450px;	
}
.gnb_2dul .white_menu.white_menu3 .sub_menu ul.depth1{
	width:45%;
}
.gnb_2dul .white_menu.white_menu3 .sub_menu div.depth2{
	width:55%;
}

/*제품소개 submenu넓이*/
.gnb_2dul .white_menu.white_menu0{
	width:380px;	
}
.gnb_2dul .white_menu.white_menu0 .sub_menu ul.depth1{
	width:50%;
}
.gnb_2dul .white_menu.white_menu0 .sub_menu div.depth2{
	width:50%;
}
/*고객지원 submenu넓이*/
.gnb_2dul .white_menu02{
	width:220px;	
}
.gnb_2dul .white_menu.white_menu02 .sub_menu ul.depth1 {
	/*화살표 위치 때문에 첫번째 영역의 넓이를 넓게줌 */	
	width: 100%;
}

/*전체메뉴*/
#allmenu{display:none;position:fixed;top:0px;left:0;width:100%;height:100%;overflow: hidden;background: #fff;z-index: 1000;}

/*
.header {
    width: 100%;
    height: 100px;
    justify-content:space-between;
    display: flex;
    flex-wrap: nowrap;
    position: relative;
	
}

.header .header-logo {
    align-self: center;
}
	
.header .header-logo img {
    width: 132px;
}

.header .header-gnb {
	display: flex;
	justify-content:flex-start;
	position:relative;
	border:1px solid #ccc;
}
*/

	/*하단 제품 카테고리 06-10 추가*/
	#product_category{
		position: relative;padding:50px; background-color:#fff;
		border-top:1px solid #ccc;
		z-index:1
	}

	#product_category .inner{
		 position: relative;
		 max-width:1360px;
		 margin: 0 auto;
	}


  /*추가*/
#product_category .inner nav.pc_product_menu{
	font-size: 14px;
    font-weight: 400;
	display: flex;
	flex-wrap: nowrap;
    padding-top: 20px;
}

#product_category .inner nav.pc_product_menu .product_column{
	-ms-flex-preferred-size: 20%;
    flex-basis: 20%;
}

#product_category .inner nav.pc_product_menu .product_column .product_section{
	padding-top:24px;
}

#product_category .inner nav.pc_product_menu .product_column .product_section .product_section_title{
	margin-bottom: 15px;
}

#product_category .inner nav.pc_product_menu .product_column .product_section .product_section_title a{
	font-weight:600;
	font-size:17px;
	line-height:25px;
	color:#000;
	letter-spacing: -0.17px;
	margin-bottom: 15px;
}

#product_category .inner nav.pc_product_menu .product_column .product_section .column-section-list{
	margin-right: 20px;
  list-style: none;
  padding: 0;
}

#product_category .inner nav.pc_product_menu .product_column .product_section .column-section-list .column-section-item{
	display: block;
  pointer-events: auto;
  margin-bottom: 15px;
	padding-left:10px;
}

#product_category .inner nav.pc_product_menu .product_column .product_section .column-section-list .column-section-item a {
	font-weight:400;
	font-size:15px;
	line-height:30px;
	letter-spacing: -0.15px;
	color: #555555;
}


#product_category .inner nav.pc_product_menu:last-child {
	padding-bottom:28px
}

/*끝*/
	#product_category .inner .product_menu{
		width: 100%;
		justify-content:flex-start;
		display:flex !important;
		flex-wrap: nowrap;
		position: relative;
	}

	#product_category .inner .product_menu .menu{
		width:300px;
		margin-left:30px;
	}

	#product_category .inner .product_menu .menu:first-child{
		margin-left:0px;
	}

	#product_category .inner .product_menu .menu .product{
		border-bottom:1px solid #b1b1b1;
		padding-bottom:10px;
	}

	#product_category .inner .product_menu .menu .product button { position: relative; width: 300px; padding-bottom: 2px; font-size: 17px; font-weight: 600; color: #000; line-height: 32px; text-align: left; margin-top:10px; padding-left:5px;}
	#product_category .inner .product_menu .menu .product button:before { position: absolute; top: 15px; right: 0; display: block; width: 10px; height: 7px; background: url("../images/icon/icon_arrow1.png") no-repeat left top; background-size: 100%; content: ''; }

	#product_category .inner .product_menu .menu .product .detail_product{
		margin-top:15px;
		margin-bottom:10px;
		display:none;
	}

	#product_category .inner .product_menu .menu .product .detail_product li{
		padding-left:5px;	
	}

	#product_category .inner .product_menu .menu .product .detail_product li a{
		font-size:15px; font-weight:400; color: #555 !important; letter-spacing: -0.15px;
		line-height:25px;
	}

/*스크롤*/
#scroll_top {
    position: relative;
    transition: 0.5s;
    z-index: 800;
}

#scroll_top button {
    position: fixed;
    bottom: 30px;
    right: 2.5%;
    z-index: 10;
    display: none;
}

#scroll_top .icon {
    position: relative;
    width: 40px;
    height: 40px;
    display: block;
}



/* footer https://www.lgcns.com/ 참조 */
#footer{
	position: relative;padding:50px; background-color:#000;
}

#footer .inner{
	 position: relative;
	 max-width:1360px;
	 margin: 0 auto;
}

/* family_site 참고 https://www.shinsegae-enc.com/*/
#footer .inner .family_site { position: absolute; top:0px; right: 0; }
#footer .inner .family_site.active button:before { -webkit-transform: rotate(180deg); transform: rotate(180deg); }
#footer .inner .family_site.active ul { display: block; }

#footer .inner .family_site button.family_site_btn { position: relative; width: 180px; padding-bottom: 2px; border-bottom: 1px solid #787878; font-size: 16px; font-weight: 300; color: #fff; line-height: 32px; text-align: left; background-color:#000; }

#footer .inner .family_site button.family_site_btn:before { position: absolute; top: 8px; right: 0; display: block; width: 16px; height: 16px; background: url("../images/icon/ic-arrow.png") no-repeat left top; background-size: 100%; content: ''; -webkit-transform: rotate(-180deg); transform: rotate(-180deg);}

#footer .inner .family_site button.family_site_btn.active:before  { position: absolute; top: 8px; right: 0; display: block; width: 16px; height: 16px; background: url("../images/icon/ic-arrow.png") no-repeat left top; background-size: 100%; content: ''; -webkit-transform: rotate(0deg); transform: rotate(0deg);}


#footer .inner .family_site ul { position: absolute; top:40px; left: 0; right: 0; display: none; background: #0c0c0c;  z-index:100; }
#footer .inner .family_site ul li a { display: block; padding: 8px 8px; font-size: 14px; color: #fff; text-align: left; }


#footer .footer_logo{
	margin-bottom: 40px;
	width:134px;
}

#footer .shortcuts {
    margin-bottom: 23px;
}

#footer .shortcuts ul li {
    display: inline-block;
    margin-right: 32px;
}

/*https://www.kumsung.co.kr/ 카피라이트 참조*/
#footer .shortcuts ul li a{
	background: url("../images/icon/icon-outlink_wh.svg") 100% 70% no-repeat;
	padding-right:20px;
	line-height:25px;
	font-size: 14px;
	font-weight: 500;
	letter-spacing: -0.14px;
	color:#FFFFFF;
}

#footer .fnb {
    margin-bottom: 20px;
}

#footer .fnb ul {
    display: flex;
}

#footer .fnb ul li:before {
    content: "";
    display: inline-block;
    width: 1px;
    height: 14px;
    margin: 0 12px;
    background-color: #6b6b6b;
    vertical-align: middle;
}

#footer .fnb ul li:first-child:before {
	content: none
}

#footer .fnb ul li {
	line-height:25px;
}

#footer .fnb ul li a{
	font-size: 14px;
	font-weight: 500;
	letter-spacing: -0.14px;
	color:#FFFFFF;
}

#footer .fnb ul li a:hover{
	font-weight: 700;
}

#footer .copyright , #footer .site_meta{
	font-weight:500;
	font-size:14px;
	line-height:25px;
	letter-spacing: -0.14px;
	color:#fff;
}

/*메인버튼*/
.pageLink{
	cursor:pointer;
}

.main_item_link{
	cursor:pointer;
}

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

	.header {
		width:calc(100% - 15px);
	}
	
	.center-1800{
		width:100%;
		margin:0 auto;
		padding: 0 0px;
		position: relative;
	}

	[class*="con-"][class*="-1360"]{width: 100%;margin:0 auto;}
 
  .header .lang {margin-right:0px; }

	#nav {display:none;}

	#allmenu .inner{
		width:calc(100% - 15px);
		position: relative;
	}

	#allmenu .inner .allgnb{
		margin-top:30px;
		padding:0 0 100px 0;
		max-width: 100%;
	}

	#allmenu .inner .allgnb h2{
		position:relative;
		display: block;
		overflow:hidden;
		font-size:17px;
		font-weight:600;
		line-height:40px;
		letter-spacing: -0.51px;
		color: #363636;
		cursor:pointer;
	}

	#allmenu .inner .allgnb h2:before
	{ position: absolute; top:18px; right:0; display: block; width: 10px; height: 7px; background: url("../images/icon/icon_arrow1.png") no-repeat left top; background-size: 100%; content: '';  -webkit-transform: rotate(0deg); transform: rotate(0deg);}

	#allmenu .inner .allgnb .menu{
		margin-top:20px;
	}

	#allmenu .inner .allgnb .sub_menu{margin-top:15px;}
	#allmenu .inner .allgnb .sub_menu li {line-height:45px;}
	#allmenu .inner .allgnb .sub_menu li + li{margin-top: 4px;}
	#allmenu .inner .allgnb .sub_menu a{
		display: inline-block;
		font-size: 16px;
		font-weight: 500;
		letter-spacing: -0.48px;
		color: #363636;
		padding-left:30px;
	}
	#allmenu .inner .allgnb .sub_menu a:hover{color:#63C4F1;}

	#product_category{
		padding:0px;
		z-index:1;
	}

	#product_category .inner{
		 position: relative;
		 width:100%;
		 margin: 0 auto;
	}

	#product_category .inner .product_menu{
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		position: relative;
	}

	#product_category .inner .product_menu .menu{
		width:100%;
		margin:0;
	}

	#product_category .inner .product_menu .menu .product{
		margin-top:10px;
		padding:0px;
	}

	#product_category .inner .product_menu .menu .product button { position: relative; width:100%; padding-bottom: 2px; font-size: 17px; font-weight: 600; color: #000; line-height: 32px; text-align: left; padding-left:5px; margin-bottom:10px;}
	#product_category .inner .product_menu .menu .product button:before { position: absolute; top: 15px; right: 10px; display: block; width: 10px; height: 7px; background: url("../images/icon/icon_arrow1.png") no-repeat left top; background-size: 100%; content: ''; }

	#product_category .inner .product_menu .menu .product .detail_product{
		margin-top:0px;
		margin-bottom:10px;
	}

	#product_category .inner .product_menu .menu .product .detail_product li{
		padding:5px 0 5px 15px;
	}

	
	/*태블릿*/
	#footer {	
		padding: 60px 24px;
	}

}

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

	#allmenu .inner{
		width:calc(100% - 15px);
		position: relative;
	}
 
  .header .lang {margin-right:0px; }

	#allmenu .inner .allgnb{
		margin-top:30px;
		padding:0 0 100px 0;
		max-width: 100%;
	}

	#allmenu .inner .allgnb h2{
		position:relative;
		display: block;
		overflow:hidden;
		font-size:17px;
		font-weight:600;
		line-height:40px;
		letter-spacing: -0.51px;
		color: #363636;
		cursor:pointer;
	}

	#allmenu .inner .allgnb h2:before
	{ position: absolute; top:18px; right:0; display: block; width: 10px; height: 7px; background: url("../images/icon/icon_arrow1.png") no-repeat left top; background-size: 100%; content: '';  -webkit-transform: rotate(0deg); transform: rotate(0deg);}

	#allmenu .inner .allgnb h2.title{
		width:100%;
		
	}

	#allmenu .inner .allgnb .menu{
		margin-top:20px;
	}

	#allmenu .inner .allgnb .sub_menu{margin-top:15px;}
	#allmenu .inner .allgnb .sub_menu li {line-height:45px;}
	#allmenu .inner .allgnb .sub_menu li + li{margin-top: 4px;}
	#allmenu .inner .allgnb .sub_menu a{
		display: inline-block;
		font-size: 16px;
		font-weight: 500;
		letter-spacing: -0.48px;
		color: #363636;
		padding-left:30px;
	}
	#allmenu .inner .allgnb .sub_menu a:hover{color:#63C4F1;}
	
	[class*="con-"][class*="-1360"]{width: 100%;margin:0 auto;}

	.center-1800{
		width:100%;
		margin:0 auto;
		padding: 0 0px;
		position: relative;
	}


	.w310 {width:100% !important;}
	
	#nav {display:none;}

	.inner.center-1800{
		padding:0px;
		position: relative;
	}
	
	.header {
		padding:0px;
		width:calc(100% - 15px);
		height:60px;
	}
 
  .header .lang {margin-right:0px; }
	
	
	.header div.logo a.main_logo {width:100px; height:20px; background-size:cover;}

	.header .search {margin: 0 20px 0;}
	.header .search_btn {display: block;width:35px;height:35px;background:url("../images/icon/icon_search.webp") no-repeat center / contain;}

	.header .lang {position:relative;display:flex; align-items:center;}
	.header button.lang_btn  {position: relative; width:40px; padding-bottom: 2px; font-size: 15px; font-weight: 600; color: #000; line-height: 35px; text-align: left; letter-spacing: -0.15px;}
	.header button.lang_btn:before { position: absolute; top: 15px; right: 0; display: block; width: 10px; height: 7px; background: url("../images/icon/icon_arrow1.png") no-repeat left top; background-size: 100%; content: ''; }
	.header .menu{display:"block";}


	#product_category{
		padding:0px;
		z-index:1;
	}

	#product_category .inner{
		 position: relative;
		 width:100%;
		 margin: 0 auto;
	}

	#product_category .inner .product_menu{
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		position: relative;
	}

	#product_category .inner .product_menu .menu{
		width:100%;
		margin:0;
	}

	#product_category .inner .product_menu .menu .product{
		margin-top:10px;
		padding:0px;
	}

	#product_category .inner .product_menu .menu .product button { position: relative; width:100%; padding-bottom: 2px; font-size: 17px; font-weight: 600; color: #000; line-height: 32px; text-align: left; padding-left:5px; margin-bottom:10px;}
	#product_category .inner .product_menu .menu .product button:before { position: absolute; top: 15px; right: 10px; display: block; width: 10px; height: 7px; background: url("../images/icon/icon_arrow1.png") no-repeat left top; background-size: 100%; content: ''; }

	#product_category .inner .product_menu .menu .product .detail_product{
		margin-top:0px;
		margin-bottom:10px;
	}

	#product_category .inner .product_menu .menu .product .detail_product li{
		padding:5px 0 5px 15px;
	}
	
	/*태블릿*/
	#footer {
		padding: 30px 15px;
		min-width:370px;
	}

	/* family_site 참고 https://www.shinsegae-enc.com/*/
	#footer .inner .family_site { 
		position:relative;
		margin-bottom: 25px;
	}

	#footer .footer_logo img{
		width: auto;
		height: 24px;
	}
	
	#footer .footer_logo{
		margin-bottom: 30px;
	}
	
	#footer .shortcuts {
		margin-bottom: 20px;
	}

	#footer .shortcuts ul li {
		display: inline-block;
		margin-right: 20px;
	}

	#footer .fnb {
		overflow: hidden;
	}

	#footer .fnb ul {
		display: block;
		margin-left: 0px;
	}
	
	#footer .fnb ul li {
		display: inline-block;
		line-height: 1.5;
	}

	#footer.fnb ul li:first-child:before {
		content: "";
	}

}

/* 페이징 */
.page_wrap{
	width:100%; text-align:Center;
	margin-top:20px;
}
.pg_wrap {clear:both;display:inline-block;}
.pg_wrap:after {display:block;visibility:hidden;clear:both;content:""} 
.pg {text-align:center}
.pg_page, .pg_current {display:inline-block;vertical-align:middle;}
.pg a:focus, .pg a:hover {text-decoration:none}
.pg_page {color:#959595;font-size:1.083em;height:30px;line-height:28px;padding:0 5px;min-width:30px;text-decoration:none;border-radius:3px}
.pg_page:hover {background-color:#fff}
.pg_start {text-indent:-999px;overflow:hidden;background:url('../images/common/btn_first.png') no-repeat 50% 50%;padding:0;}
.pg_prev {text-indent:-999px;overflow:hidden;background:url('../images/common/btn_prev.png') no-repeat 50% 50%;padding:0;}
.pg_end {text-indent:-999px;overflow:hidden;background:url('../images/common/btn_last.png') no-repeat 50% 50%;padding:0;}
.pg_next {text-indent:-999px;overflow:hidden;background:url('../images/common/btn_next.png') no-repeat 50% 50%;padding:0;}
.pg_start:hover,.pg_prev:hover,.pg_end:hover,.pg_next:hover {background-color:#fff}

.pg_current {display:inline-block;color:#000;font-weight:bold;height:30px;line-height:30px;padding:0 10px;min-width:30px;border-radius:3px}

/*seo를 위한 h1태그 숨김 처리 css [23.08.21 cjh]*/
.blindH1{
	position: absolute;
	clip: rect(0 0 0 0);
	width: 1px;
	height: 1px;
	margin: -1px;
	overflow: hidden;
}