@charset "utf-8";

/*** common ***/
	#wrap {min-width:1240px;overflow:visible;}
	.after_div {*zoom:1;}
	.after_div:after {clear:both;content:"";display:block;}
	.clear {*zoom:1;}
	.clear:after {clear:both;content:"";display:block;}
	.fl {float:left;}
	.fr {float:right;}
	.relative {position:relative;}
	.absolute {position:absolute;}
	.block {display:block;}
	.blind, .dn {display:none !important;}
/*** 정렬 ***/
	.ta_left {text-align:left !important;}
	.ta_center {text-align:center !important;}
	.ta_right {text-align:right !important;}

/*───────────────────────────────────────────────────────────

	input, button

───────────────────────────────────────────────────────────*/
	/* input */
	input[type="text"], input[type="password"], input[type="number"], input[type="date"] {height:40px;line-height:40px;border:1px var(--border-color01) solid;color: var(--black-color03);font-size: var(--title-14);text-indent:0;padding:0 12px;margin:0;box-sizing:border-box;vertical-align:middle;text-align:left;border-radius:0;outline:0;}
		input[type="text"]::-webkit-input-placeholder {color:#555;}
		input[type="text"]::-moz-placeholder {color:#555;}
		input[type="text"]:-ms-input-placeholder {color:#555;}
		input[type="text"]:-moz-placeholder {color:#555;}
		input[type="password"]::-webkit-input-placeholder {color:#555;}
		input[type="password"]::-moz-placeholder {color:#555;}
		input[type="password"]:-ms-input-placeholder {color:#555;}
		input[type="password"]:-moz-placeholder {color:#555;}
	button {outline:0;box-sizing:border-box;}
		select {outline:0;cursor:pointer;height:27px;line-height:25px;font-size:12px;color:#555;border:1px solid #ddd;box-sizing:border-box;margin:0;padding:0 0 0 10px;vertical-align:middle;text-align:left;border-radius:0;background-color:#fff;}
		/*화살표 없애기
		select {-webkit-appearance:none;-moz-appearance:none;appearance:none;}
		select::-ms-expand {display:none;}
		select option {line-height:28px;padding:5px 0;}
		select option:checked, select option:hover {line-height:25px;background:#e0e0e0;font-size:12px;color:#555;}
		select option:checked, select option:hover {line-height:25px;box-shadow:0 0 10px 100px #e0e0e0 inset;font-size:12px;color:#555;}
		*/
		.select_box_wrap {display:inline-block;height:30px;line-height:30px;position:relative;z-index:1;box-sizing:border-box;margin:0;padding:0;}
		.select_box_wrap .select_box_arrow {display:none;cursor:pointer;position:absolute;z-index:5;width:0px;height:0px;right:7px;top:12px;border-right:6px solid transparent;border-bottom:6px solid #aaa;transform:rotate(315deg);-ms-transform:rotate(315deg);-webkit-transform:rotate(315deg);-moz-transform:rotate(225deg);-o-transform:rotate(315deg);}/*right:5px;top:15px;width:8px;height:5px;background:url(../../../../lib/images/icon_select_arrow.png) 0 0 no-repeat;*/
	input[type="checkbox"] {display:none;}
		input[type="checkbox"] + label {cursor:pointer;font-size:14px;}
		input[type="checkbox"] + label:before, input[type="checkbox"] + label::before {display:inline-block;content:"";width:25px;height:25px;margin:-2px 13px 0 0;vertical-align:middle;background:url("../images/da_image/chk_off.png") left top no-repeat;cursor:pointer;}
		input[type="checkbox"]:checked + label:before, input[type="checkbox"]:checked + label::before {background:url("../images/da_image/chk_on.png") left top no-repeat;}
	input[type="radio"] {display:none;}
		input[type="radio"] + label {cursor:pointer;}
		input[type="radio"] + label:before, input[type="radio"] + label::before {display:inline-block;content:"";width:20px;height:20px;margin:-2px 8px 0 20px;vertical-align:middle;background:url('../images/da_image/radio_off.png') left top no-repeat;cursor:pointer;}
		input[type="radio"]:checked + label:before, input[type="radio"]:checked + label::before {background:url('../images/da_image/radio_on.png') left top no-repeat;}
		input[type="radio"] + label:first-of-type:before, input[type="radio"] + label:first-of-type::before {margin-left:0;}
	textarea {font-size:12px;color:#666;border:1px solid #ddd;box-sizing:border-box;margin:0;padding:0 10px;vertical-align:middle;text-align:left;border-radius:0;}
	
	.btn_center {text-align:center;font-size:0;}
		.btn_center a {margin:0;}
		.btn_center button + button, .btn_center a + button, .btn_center button + a, .btn_center a + a {margin-left:8px;}
		.btn_center input {margin-top:-10px;}
	.btn_right a {font-size:15px;font-weight:700;}
	.btn, .btn_sm, .btn_bbs_go {font-weight:500;border-style:solid;border-width:1px;padding:0;margin:0;text-indent:0;vertical-align:top;text-align:center;display:inline-block;box-sizing:border-box;cursor:pointer;box-shadow:none;outline:0 !important;transition: all 0.3s;}
		.btn, .btn:hover {width:160px;height:48px;line-height:48px;font-size:16px;color:#fff;border-radius:48px;}
		.btn_basic {border: 0!important; background-color: var(--point-blue) !important; transition: all 0.4s;}
		.btn_border {font-weight: 500; color: var(--black-color06) !important; border-color:var(--point-green01) !important;background-color: var(--white-color01) !important;}
		.btn_point, .btn_point:hover {border-color:#094E9A !important;background-color:#094E9A !important; border-radius:700px;}
		.btn_sm, .btn_sm:hover {border-color:#ddd !important;background-color:#fff !important;color:#555 !important;}
		.btn_reset {background:#fff url('../images/board/icon_btn_reset.gif') no-repeat 9px 50%;padding:0 10px 0 30px;line-height:28px;}
		.board_search .btn, .board_search .btn:hover {width:60px;height:34px;color:#fff;line-height:32px;font-size:13px;}
	
	.btn_arw {position: relative; display: inline-flex; padding-right: 28px; transition: all 0.4s;}
		.btn_arw:before {content: ""; position: absolute; right: 0; top: 50%; transform: translateY(calc(-50% + 0.5px)); width: 20px; height: 20px; border-radius: 50%; background: var(--point-blue);}
		.btn_arw:after {content: ""; position: absolute; right: 5px; top: 50%; transform: translateY(calc(-50% + 0.5px)); width: 8px; height: 8px; background: url("../images/da_image/icon_btn_arw.svg") no-repeat center right; transition: all 0.6s;}
		.btn_arw span {font-size: var(--title-14); color: var(--black-color08);}

	/* hover */
	@media screen and (min-width:1024px){
		.btn_basic:hover {background-image: var(--point-gradi) !important; transition: all 0.4s;}
		.btn_border:hover {background-color: var(--point-green01) !important; color: var(--white-color01) !important;}
		
		.btn_arw:hover {padding-right: 60px;}
		.btn_arw:hover:before {background: var(--point-green01);}
		.btn_arw:hover:after {width: 38px; transition: all 0.6s;}
		.btn_arw:hover span {color: var(--black-color01);}
	}
	
/*───────────────────────────────────────────────────────────

	layout

───────────────────────────────────────────────────────────*/
	.skip_nav {position:relative;z-index:9999;}
	.skip_nav a {display:block;height:1px;width:1px;margin-bottom:-1px;overflow:hidden;font-size:12px;color:#fff;font-weight:bold;white-space:nowrap;text-align:center;}
	.skip_nav a:focus, .skip_nav a:active {height:auto;width:100%;padding:0;margin-bottom:0;position:absolute;left:0;top:0;}
	.w_layout, .wid_100 {width:100%;text-align:center;margin:0;padding:0;}/*text-align은 익스7이하에서 맞추기 위해서 명명*/
	.w_set, .w_custom, .wid_cus {width:1560px;text-align:left;margin:0 auto;box-sizing:border-box;padding:0 20px;}
	
	@media screen and (max-width:1560px){
		.w_set, .w_custom, .wid_cus {width: 100%;}
	}
	
	/* header 레이아웃 */
		.warpper {width:100%;} /* header 와 footer 제외하고 전체를 감싸는 영역 */
		.warpper .contents_wrap {width:calc(100% - 60px); max-width:1200px; margin:0 auto;padding:0;position:relative;z-index:1;vertical-align:top;font-size:0;min-height:640px;} /* warpper 안에 측면과 컨텐츠를 감싸는 영역 */
		.warpper .contents_wrap #aside {width:20%;float:left;vertical-align:top;} /* 측면을 감싸는 영역 */
		.warpper .contents_wrap #contents_box {width:100%;padding:0 0 150px 0;vertical-align:top;} /* 컨텐츠를 감싸는 영역 */

/*───────────────────────────────────────────────────────────

	 HEADER | outline/header.html, outline/nav.html

───────────────────────────────────────────────────────────*/
	#header {position: sticky; left: 0; top: 0; width: 100%; height: 80px; background: var(--white-color01); box-sizing: border-box; z-index: 10;}
	#header .w_custom {position: relative; display: flex; align-items: center; justify-content: space-between; height: 80px;}
	#header .hd_gnb {position: absolute; top: 0; left: 50%; transform: translateX(-50%); display: flex; width: max-content; height:100%;}
	#header .hd_gnb > li {position: relative; height: 100%; text-align: center;}
	#header .hd_gnb > li + li {margin-left: 60px;}
	#header .hd_gnb > li > a {position:relative; display: inline-flex; align-items: center; font-size: var(--title-16); font-weight: 600; height: 100%; color: var(--black-color01); cursor:auto;}
	#header .hd_gnb .depth2 {display: none; position: absolute; top: calc(100% - 14px); left: 50%; transform: translateX(-50%); width: max-content; background:var(--white-color01); box-sizing:border-box; padding: 12px 26px; box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);}
	#header .hd_gnb .depth2 > li {}
	#header .hd_gnb .depth2 > li > a {display: block; font-size: var(--title-15); font-weight: 400; color: var(--black-color07); padding: 6px 0;}
	#header .hd_right {display: inline-flex;}
	#header .hd_right .search_box {position: relative; margin-right: 20px; display: none;}	
	#header .hd_right .search_box .src_input {width: 230px; background: var(--gray-bg02); padding-right: 40px; border: 0; border-radius: 4px;}
	#header .hd_right .search_box .src_btn {position: absolute; right: 0; top: 0; width: 42px; height: 40px; background: url("../images/da_image/icon_search.svg") no-repeat center; background-size: 18px auto; font-size: 0; border: 0; outline: none;}
	#header .hd_right .menu-trigger {display: block; width: 40px; height: 40px; background: url("../images/da_image/icon_menu_trigger.svg") no-repeat center; background-size: 100% auto;}
		#header.on {box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);}
		#header.active {border-bottom: 1px solid var(--border-color01);}
		#header.active .hd_gnb {display: none;}
		#header.active .hd_right .menu-trigger {background: url("../images/da_image/icon_menu_close.svg") no-repeat center; background-size: 100% auto;}
	
	#allcate {overflow:hidden;bottom: 0;right: 0;width:100%;transition:0.5s;height:calc(100% - 80px);box-sizing:border-box;box-sizing:border-box;position:fixed;background:#fff;z-index:99;overflow:hidden;opacity: 0;transition: all 0.4s;z-index: -1;}
	#allcate.on {visibility: visible;opacity: 1;z-index: 99;}
	#allcate .aside_box {overflow:hidden;width:100%;height:100%;margin:0;overflow-y:auto;position:relative;z-index:1;box-sizing:border-box;padding: 0 0 20px; display: flex;align-items: center;justify-content: center;}
	#allcate .aside_menu {width: 100%;}
	#allcate .aside_menu .w_custom {padding: 0;}
	#allcate ul.slidemenu {box-sizing:border-box;padding: 70px 0;display:flex;width:100%;justify-content: center;}
	#allcate ul.slidemenu .depth1_li {padding:0 10px;text-align:center;display:block;vertical-align:top;position:relative;width: 100%;box-sizing:border-box;}
	#allcate ul.slidemenu .depth1_li:first-child{padding-left:0;}
	#allcate ul.slidemenu .depth1_li:last-child{padding-right:0;}
	#allcate ul.slidemenu .depth1_li a {display:inline-block;vertical-align:middle;}
	#allcate ul.slidemenu .depth1_li .depth1_a {transition:0.2s;padding:0;line-height:1.5;font-size: var(--title-40);color: var(--black-color01);font-weight:700;position:relative;padding-bottom:24px;margin-bottom: 24px;}
	#allcate ul.slidemenu .depth1_li .depth1_a:after{content:'';position:absolute;bottom:0;left:50%;width:30px;height:2px;background: var(--point-gradi);margin-left:-15px;}
	#allcate ul.slidemenu .depth1_li .depth li {padding-left:0;position:relative;}
	#allcate ul.slidemenu .depth1_li .depth li a {font-size: var(--title-20);line-height:1.5;color: var(--black-color07);position:relative;padding:13px 0;word-break:keep-all;}
	
	#quick {position: fixed; right: 40px; bottom: 60px; opacity: 0; pointer-events: none; transition: all 0.4s;}
	#quick.on {opacity: 1; pointer-events: inherit; transition: all 0.4s;}
	#quick a {display: flex; justify-content: center; align-items: center; width: 60px; height: 60px; border-radius: 50%; box-shadow: 1px 3px 3px rgba(0, 0, 0, 0.10);}
	#quick a + a {margin-top: 10px;}
	#quick a.inquiry {background: var(--point-green02) url("../images/da_image/icon_quick_inquiry.svg") no-repeat center; font-size: 0;}
	#quick a.top {background: var(--point-blue); font-size: var(--title-13); color: var(--white-color01); font-weight: 400;}
	#quick a.top span {padding-top: 8px;}
	#quick a.top span:before {content: ""; display: block; margin: 0 auto; width: 8px; height: 8px; border: 1px solid var(--white-color01); border-width: 1px 1px 0 0; transform: rotate(315deg);}
	
	/* hover */
	@media screen and (min-width:1024px){
		#header .hd_gnb > li:hover > a {color: var(--point-blue);}
		#header .hd_gnb .depth2 > li > a:hover {color: var(--black-color00);}
		#allcate ul.slidemenu .depth1_li .depth li:hover a {color: var(--black-color00);}
	}
	
	@media screen and (max-width:1680px){
		#quick {right: 30px;}
	}
	@media screen and (max-width:1560px){
		#quick {right: 20px;}
	}
	@media screen and (max-width:1240px){
		#header .hd_gnb > li + li {margin-left: 40px;}
		#header .hd_right .search_box {margin-right: 10px;}
		#header .hd_right .search_box .src_input {width: 200px;}
	}
	
/*───────────────────────────────────────────────────────────

	 FOOTER | outline/footer.html

───────────────────────────────────────────────────────────*/
	#footer {position:relative; width: 100%; background: var(--black-bg); padding: 42px 0; overflow: hidden;}
	#footer .ft_top {display: flex; margin-bottom: 20px; padding-bottom: 22px; border-bottom: 1px solid rgba(217, 217, 217, 0.3);}
	#footer .ft_top li + li {margin-left: 35px;}
	#footer .ft_top li a {font-size: var(--title-14); font-weight: 400; color: var(--black-color10);}
	#footer .ft_top li a strong {font-size: inherit; font-weight: inherit; color: var(--white-color01);}
	#footer .ft_info {}
	#footer .ft_info li {display: inline-table;}
	#footer .ft_info li + li {padding-left: 100px;}
	#footer .ft_info li dl {display: table-row; font-size: var(--title-14);}
	#footer .ft_info li dl dt, #footer .ft_info li dl dd {padding: 5px 0;}
	#footer .ft_info li dl dt {display: table-row; font-size: inherit; font-weight: 500; color: var(--black-color08);}
	#footer .ft_info li dl dd {display: table-cell; padding-left: 60px; font-size: inherit; font-weight: 300; color: var(--white-color01);}
	#footer .ft_copy {padding-top:38px;}
	#footer .ft_copy .copy {font-size:14px;font-weight:300;color:var(--black-color10);line-height:1.7;}
	#footer .ft_copy .copy a {padding-left:40px;font-size:inherit;font-weight:inherit;color:inherit;}

	@media screen and (max-width:1460px){
		#footer .ft_info li + li {padding-left: 78px;}
		#footer .ft_info li dl dd {padding-left: 50px;}
	}
	@media screen and (max-width:1240px){
		#footer .ft_info li + li {padding-left: 56px;}
		#footer .ft_info li dl dd {padding-left: 40px;}
	}
	
/*───────────────────────────────────────────────────────────

	INDEX | index.html

───────────────────────────────────────────────────────────*/
	/*** 메인비주얼 ***/
		#wrap .main_visual {position:relative;width:100%;min-width:1024px;margin:0;height:800px;background:#000;}
		#wrap .main_visual .slick-slide {overflow:hidden;position:relative;text-align:center;height:800px;}
		.main_visual .slick-slide a {display:inline-block;height:100%;width:100%;max-width:1920px;margin:0 auto;text-align:Center;position:absolute;left:0;top:0;outline:0;background-position:center;background-size:cover !important; }
		.main_visual .slick-slide img {display:inline-block;height:auto;width:100%;max-width:1920px;}
		.main_visual .txt_box {position:absolute;left:50%;top:46.5%;transform:translate(-50%, -50%);text-align:left;font-size:0;}
		.main_visual .txt_box strong {display: block; margin-bottom: 6px; font-size: var(--title-100); color: var(--white-color01); line-height: 1.33;}
		.main_visual .txt_box p {font-size: var(--title-30); color: var(--white-color01); line-height: 1.33;}
		.main_visual .slick-slide:before,
		.main_visual .slick-slide:after {content: ""; position: absolute; top: 0; width: 50%; height: 100%; background: #000; transition: all 0.4s; z-index: 1;}
		.main_visual .slick-slide:before {left: 0;}
		.main_visual .slick-slide:after {right: 0;}
		/* active */
			.main_visual .slick-slide.slick-active:before,
			.main_visual .slick-slide.slick-active:after {width: 0; transition: all 0.4s;}
		/* dot, 재생, 정지버튼 */
			.main_visual .slick-dots {position:absolute;bottom:80px;left:50%;transform:translateX(-50%);padding-right:30px;}
			.main_visual .slick-dots li {display:inline-block;padding:0 10px;}
			.main_visual .slick-dots li button {border:0;background:var(--white-color01);border-radius:100%;font-size:0;width:12px;height:12px;opacity: 0.4;}
			.main_visual .slick-dots li.slick-active button {opacity: 1;}
			.main_visual .visual_btn_wrap {position:absolute;bottom: 79px;left: calc(50% + 51px);}
			.main_visual .visual_btn_wrap .slickBtn {width:13px;height:14px;position:relative;font-size:0;cursor:pointer;}
			.main_visual .visual_btn_wrap .slickPause:before,
			.main_visual .visual_btn_wrap .slickPause:after {content:'';display:block;position:absolute;width:3px;height:100%;background:var(--white-color01);top:0;right:0;}
			.main_visual .visual_btn_wrap .slickPause:before {right:auto;left:0;}
			.main_visual .visual_btn_wrap .slickPlay:before {content:'';display:block;position:absolute;width: 13px;height:14px;border-top: 0;border-bottom: 0;border:2px solid var(--white-color01);border-top: 7px solid transparent;border-left: 13px solid var(--white-color01);border-right: 0px solid var(--white-color01);border-bottom: 7px solid transparent;box-sizing: border-box;}
		
	/*** main common ***/
		.main {width: 100%; overflow: hidden;}
		.main_tit {}
		.main_tit h2 {margin-bottom: 30px; font-size: var(--title-40); color: var(--black-color00); font-weight: 600;}
		.main_tit h3 {font-size: var(--title-60); color: var(--black-color00); font-weight: 300;}
		.main_tit h3 strong {font-size: inherit; color: inherit; font-weight: 800;}
		.main_tit h3 span {display: block; font-size: var(--title-30); color: inherit; font-weight: inherit;}
		.main_tit p {margin-top: 32px; font-size: var(--title-16); color: var(--black-color06);}
		.main_tit + .btn_wrap {margin-top: 60px;}
		.main_tit + .btn_wrap a + a {margin-left: 20px;}

	/*** main_about ***/
		.main_about {width: 100%; padding: 80px 0;}
		.main_about .w_custom {display: flex; justify-content: space-between; align-items: center;}
		.main_about .txt {width: calc(100% - 700px); box-sizing: border-box; padding-right: 20px; padding-top: 8px;}
		.main_about .main_tit h2 {margin-bottom: 18px;}
		.main_about .main_tit h3 {line-height: 1.3;}
		.main_about .thumb {width: 700px;}
		.main_about .thumb img {width: 100%; height: 100%; object-fit: cover;}
	
		@media screen and (max-width:1240px){
			.main_about .txt {width: calc(100% - 58.35%);}
			.main_about .main_tit h2 {margin-bottom: 14px;}
			.main_about .main_tit p {margin-top: 24px;}
			.main_about .main_tit + .btn_wrap {margin-top: 54px;}
			.main_about .thumb {width: 58.35%;}
		}
	
	/*** main_prd ***/
		.main_prd {width: 100%; background: var(--gray-bg01); padding: 90px 0;}
		.main_prd .main_tit {text-align: center;}
		.main_prd .prd_list {display: flex; width: 100%;}
		.main_prd .prd_list li {width: 100%;}
		.main_prd .prd_list li + li {margin-left: 40px;}
		.main_prd .prd_list li .thumb {width: 100%;}
		.main_prd .prd_list li .thumb img {width: 100%; height: 100%; object-fit: cover;}
		.main_prd .prd_list li .txt {width: 100%; padding: 23px 0 40px;}
		.main_prd .prd_list li .txt dt {margin-bottom: 14px; font-size: var(--title-26); color: var(--black-color00); font-weight: 600;}
		.main_prd .prd_list li .txt dd {font-size: var(--title-16); color: var(--black-color06); line-height: 1.5;}
		

/*───────────────────────────────────────────────────────────

	 게시판, 회원 공통 요소

───────────────────────────────────────────────────────────*/
	/*** 페이징 ***/
		.paging {text-align:center;height:30px;line-height:30px;font-size:0;margin:30px 0 0;}
		.paging span {display:inline-block;vertical-align:middle;line-height:1;width:30px;}
		.paging span + span {}
		.paging .page_num a {font-size:12px;color:#777;}
		.paging .page_num a img {vertical-align:middle;}
		.paging .page_num.on a, .paging .page_num a:hover {color:#eb3b4b;font-weight:700;}
		.paging .arrow.prev {margin-left:-2px;}
		.paging .arrow.last {margin-left:-1px;}
		.paging .arrow a {width:30px;height:30px;font-size:0;display:block;}
		.paging .arrow.first a {background:url('../images/sub/paging_first.gif') no-repeat center;}
		.paging .arrow.prev a {background:url('../images/sub/paging_prev.gif') no-repeat center;}
		.paging .arrow.next a {background:url('../images/sub/paging_next.gif') no-repeat center;}
		.paging .arrow.last a {background:url('../images/sub/paging_last.gif') no-repeat center;}

/*───────────────────────────────────────────────────────────

	 BOARD   |   게시판서브타입 type

───────────────────────────────────────────────────────────*/
	/*** 게시판 리스트 공통 | board/board_list.html ***/
		.sub_board {position:relative;margin:0;padding:0 0 60px 0;}
		/* 검색 */
			.sub_board .board_num {padding:4px 0 0 0;display:inline-block;line-height:19px;text-align:left;font-size:13px;color:#666;display:none;}
			.sub_board .board_num strong {color:#eb3b4b;font-family:'Lato','Nanum Gothic', sans-serif;font-weight:700;}
			.sub_board .board_search {text-align:center;padding:17px 0;margin-bottom:25px;border:1px solid #d3d3d3;width:100%;box-sizing:border-box;}
			.sub_board .board_search:after {clear:both;content:"";display:block;}
			.sub_board .board_search span {display:inline-block;color:#888;font-size:12px;font-family:'Lato','Nanum Gothic', sans-serif;font-weight:700;line-height:18px;padding:6px 0 6px 0;text-align:left;}
			.sub_board .board_search span strong {color:#eb3b4b;}
			.sub_board .board_search select {border:1px solid #d3d3d3;height:24px;line-height:24px;min-width:73px;margin-right:0px;color:#333;font-size:12px;padding:0 0 0 3px;font-weight:600;}
			.sub_board .board_search input.input_text {border:1px solid #d3d3d3;height:24px;min-width:160px;text-indent:10px;margin-right:1px;color:#333;font-size:12px;vertical-align:top;}
			.gallery_board .board_search {margin:0;text-align:left;padding:0 0 20px 0;}
		/* 하단 버튼 */
			.sub_board .paging_wrap {height:30px;position:relative;}
			.sub_board .paging_wrap2 {margin-top:35px;margin-bottom:39px;height:40px;position:relative;}
			.sub_board h2.btn_writing {position:absolute;right:0;top:-5px;}
			.sub_board .view_btn {padding-top:30px;margin-top:0px;}
			.sub_board .view_btn h2 {float:right;}
			.sub_board .view_btn p {text-align:center;}
			.sub_board .view_btn p a {}
			.board_btm{margin:30px 0 0 0;position:relative;}
			.board_btm .paging{}
			.board_btm .btn_right{position:absolute;right:0px;top:0px;}
	/*** 게시판 리스트 (리스트형) | layout/board/kist_default.html ***/
		/* 리스트 고정글 */
			.sub_board table.board_list tr.board_notice td {background:#f4f4f4;}
			.sub_board table.board_list tr.board_notice td:nth-of-type(1) {font-size:13px;color:#eb3949;font-weight:600;}
		/* 리스트 */
			.sub_board table.board_list {text-align:center;background:#fff;}
			.sub_board table.board_list tr {border-top:1px solid #d3d3d3;border-bottom:1px solid #d3d3d3;}
			.sub_board table.board_list th {font-size:13px;text-align:center;line-height:48px;font-family:'Lato','Nanum Gothic', sans-serif;font-weight:700;color:#333;background:#fafafa;}
			.sub_board table.board_list td {font-size:12px;color:#888;height:43px;padding: 0 10px;font-family:'Lato','Nanum Gothic', sans-serif;vertical-align:middle;}
			.sub_board table.board_list td a {font-family:'Lato','Nanum Gothic', sans-serif;display: inline-block;vertical-align: middle;overflow: hidden;width: 500px;text-overflow: ellipsis;white-space: nowrap;font-weight:400;}
			.sub_board table.board_list td.left {text-align:left;padding-left: 20px;padding-right: 10px;}
			.sub_board table.board_list td a.board_tit {display:inline-block;/* width:290px;*/line-height:21px;height:21px;margin:0;padding:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle;}
			.sub_board table.board_list td .board_tit {}
			.sub_board table.board_list td .board_tit h3 {font-size: 13px;color: #333333;font-weight: 600;}
			.sub_board table.board_list td .board_tit .board_ico, .sub_board table.board_list td .board_tit img, .sub_board table.board_list td .board_tit h3, .sub_board table.board_list td .board_tit span {display:inline-block;vertical-align:middle;}
			.sub_board table.board_list td .board_tit h3 .board_ico {}
			.sub_board table.board_list td .board_tit img {vertical-align: middle;margin-right: 5px;}
			.sub_board table.board_list td .board_tit h3 {font-weight: 400;line-height: 1.2;font-size: 12px;color: #444;font-family: 'Lato','Nanum Gothic', sans-serif;}
			.sub_board table.board_list td .board_tit h3 strong {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: inline-block;vertical-align: top;max-width: 320px;font-size: inherit;color: inherit;font-weight: inherit;line-height: inherit;}
	/*** 게시판 리스트 (갤러리형) | layout/board/list_gallery01.html ***/
		/* 갤러리 고정글 */
			.sub_board table.board_list.board_notice {margin-bottom:30px;}
		/* 갤러리 고정글 */
			.sub_board .gallery_notice {border-top:1px solid #333;margin:0 0 30px;}
			.sub_board .gallery_notice li {padding:15px 30px;box-sizing:border-box;background:#f5f5f5;border-bottom:1px solid #d3d3d3;font-size:0;position:relative;}
			.sub_board .gallery_notice li + li {}
			.sub_board .gallery_notice li a {position:absolute;left:0;top:0;right:0;bottom:0;z-index:5;}
			.sub_board .gallery_notice li .thumb,
			.sub_board .gallery_notice li .txt_info {display:inline-block;vertical-align:middle;}
			.sub_board .gallery_notice li .thumb {width:145px;height: 100px;overflow: hidden;position: relative;}
			.sub_board .gallery_notice li .thumb img {width:100%;height: auto;position: absolute;left:50%;top:50%;transform:translate(-50%, -50%);}
			.sub_board .gallery_notice li .txt_info {width:calc(100% - 145px);padding-left:25px;box-sizing:border-box;}
			.sub_board .gallery_notice li .txt_info b {font-size:15px;color:#eb3949;line-height:1;margin-bottom:5px;display:block;}
			.sub_board .gallery_notice li .txt_info .board_tit {padding: 5px 0 3px;line-height: 20px;font-size: 0;}
			.sub_board .gallery_notice li .txt_info .board_tit h3 {font-size: 13px;color: #333333;font-weight: 600;}
			.sub_board .gallery_notice li .txt_info .board_tit .board_ico, .sub_board .gallery_notice li .txt_info .board_tit img, .sub_board .gallery_notice li .txt_info .board_tit h3 {display: inline;vertical-align: top;}
			.sub_board .gallery_notice li .txt_info .board_tit h3 .board_ico {}
			.sub_board .gallery_notice li .txt_info .board_tit img {vertical-align: middle;margin-right: 5px;}
			.sub_board .gallery_notice li .txt_info .board_tit h3 {max-width: calc(100% - 80px);width: auto;}
			.sub_board .gallery_notice li .txt_info .board_tit h3 strong {display: inline;vertical-align: top;max-width: 100%;font-size: inherit;color: inherit;font-weight: inherit;line-height: inherit;}
			.sub_board .gallery_notice li p {display:block;font-size:12px;color:#888;font-weight:100;line-height:19px;text-align:left;margin:10px 0 0;}
			.sub_board .gallery_notice li p span {display:inline-block;width:1px;height:9px;background:#d3d3d3;margin:6px 8px 0 8px;vertical-align:top;}
		/* 리스트 */
			.sub_board ul.gallery_list {margin-left:0px;padding:17px 0 0 0;}
			.sub_board ul.gallery_list:after {clear:both;content:"";display:block;}
			.sub_board ul.gallery_list li {float:left;width:calc(33.3% - 16px);margin-right:24px;margin-bottom:25px;position:relative;}
			.sub_board ul.gallery_list li:nth-of-type(3n) {margin-right:0px;}
			.sub_board ul.gallery_list li:nth-of-type(3n+1) {clear:both;}
			.sub_board ul.gallery_list li a {position:absolute;left:0;top:0;right:0;bottom:0;z-index:5;}
			.sub_board ul.gallery_list_top {padding:0 0 0 0;}
			.sub_board ul.gallery_list li .thumb {text-align:center;width:100%;min-height: 200px;height: 200px;position: relative;border:1px solid #d3d3d3;box-sizing:border-box;overflow:hidden;vertical-align:top;font-size:0;padding:0;margin:0;}
			.sub_board ul.gallery_list li .thumb a {vertical-align:top;}
			.sub_board ul.gallery_list li .thumb img {width: 100%;height: auto;vertical-align:top;box-sizing:border-box;position: absolute;left:50%;top:50%;transform:translate(-50%, -50%);}
			.sub_board ul.gallery_list li .txt_info {padding:5px 0 0;}
			.sub_board ul.gallery_list li .txt_info .board_tit {padding: 5px 0 3px;line-height: 20px;font-size: 0;}
			.sub_board ul.gallery_list li .txt_info .board_tit h3 {font-size: 13px;color: #333333;font-weight: 600;}
			.sub_board ul.gallery_list li .txt_info .board_tit .board_ico, .sub_board ul.gallery_list li .txt_info .board_tit img, .sub_board ul.gallery_list li .txt_info .board_tit h3 {display:inline-block;vertical-align:middle;}
			.sub_board ul.gallery_list li .txt_info .board_tit h3 .board_ico {}
			.sub_board ul.gallery_list li .txt_info .board_tit img {vertical-align: middle;margin-right: 5px;}
			.sub_board ul.gallery_list li .txt_info .board_tit h3 {width: 100%;}
			.sub_board ul.gallery_list li .txt_info .board_tit h3 strong {vertical-align: top;max-width: 90%;font-size: inherit;color: inherit;font-weight: inherit;line-height: inherit;word-break:break-all;}
			.sub_board ul.gallery_list li p {display:block;font-size:12px;color:#888;font-weight:100;line-height:19px;text-align:left;margin:0;}
			.sub_board ul.gallery_list li p span {display:inline-block;width:1px;height:9px;background:#d3d3d3;margin:6px 8px 0 8px;vertical-align:top;}
			.sub_board ul.gallery_list li.no_data {line-height:20px;padding:122px 0;}
	/*** 게시판 쓰기 | board/_form_board_write.html ***/
		/* table.board_write {border-top:1px solid #333;font-size:13px;text-align:left;margin-bottom:20px;}
		table.board_write tr:nth-child(8) {border-bottom:1px solid #ddd; }
		table.board_write th, table.board_write td {font-size:12px;font-weight:300;color:#888;text-align:left;vertical-align:middle;box-sizing:border-box;padding-top:10px;padding-bottom:10px;padding-left:20px;padding-right:20px;line-height:30px;}
		table.board_write th {color:#444;font-weight:600;font-size:14px;padding-left:24px;padding-right:24px;background-color:#fafafa;}
		table.board_write td p {padding:5px 0 0;}
		table.board_write td div.view_cont {padding:8px 10px 50px 10px;line-height:26px;min-height:150px;}
		table.board_write td label {color:#666;font-size:12px;font-weight:600;}
		table.board_write td select, table.board_write td input[type="text"], table.board_write td input[type="password"], table.board_write td input[type="number"], table.board_write td input[type="date"] { min-width: 360px;height: 50px;margin-right:10px;}
		table.board_write td input[name="title"] {width:100%;}
		table.board_write td input.tel {min-width:50px;}
		table.board_write td textarea {min-width:100%;height:200px;} */

		.board_write_wrap{box-sizing:border-box;padding:20px 0;border-top:1px solid #2A282D;margin-top:4px;border-bottom:1px solid #ddd;}
		.board_write_wrap .bbs_cont + .bbs_cont{margin-top:20px;}
		.board_write_wrap .bbs_cont dl{display: flex;align-items: center;flex-wrap:wrap;text-align:left;}
		.board_write_wrap .bbs_cont.bbs_content textarea{width:100%;height:250px !important;box-sizing:border-box;border:1px solid #ddd;border-radius:10px;padding:20px;font-size:18px;color:#333;font-weight:400;resize:none;}
		.board_write_wrap .bbs_cont dl dt{font-size:18px;color:#303030;font-weight:500;width:204px;box-sizing:border-box;padding-left:24px;}
		.board_write_wrap .bbs_cont dl dd{width:calc(100% - 204px);box-sizing:border-box;padding-right:20px;}
		.board_write_wrap .bbs_cont input[type="radio"] + label{font-size:16px;color:#666;font-weight:500;line-height:50px;letter-spacing:-0.03em;}
		.board_write_wrap .bbs_cont ul{display: flex;}
		.board_write_wrap .bbs_cont ul li + li{margin-left:20px;}
		.board_write_wrap .bbs_cont input[type="text"], .board_write_wrap .bbs_cont select{box-sizing:border-box;height:50px;border:1px solid #ddd;padding-left:20px;font-size:16px;color:#303030;font-weight:400;}
		.board_write_wrap .bbs_cont input[type="text"]{width:360px;}
		.board_write_wrap .bbs_cont #title{width:100%;}

		.board_write_wrap #captcha_box{height:100%;vertical-align:top;}
		.board_write_wrap .captcha_wrap{max-width:calc(100% - 240px);border:1px solid #ddd;display:inline-block;height:50px;vertical-align:top;margin-right:10px;box-sizing:border-box;padding:7px;font-size:0;}
		.board_write_wrap .captcha_wrap img{height:100% !important;vertical-align:top;}
		.board_write_wrap .captcha_wrap .btn_reset{display: inline-block;font-size:0;width:34px;height:34px;margin-left:10px;border:1px solid #ddd;box-sizing:border-box;background-position:center;background-size:12px auto;cursor:pointer;padding:0;}
		.board_write_wrap input[name="captcha"] {min-width:240px;width:240px;box-sizing:border-box;}

		.board_write_wrap + .policy_cont{box-sizing:border-box;background: #fff;margin-top:40px;padding:30px 30px 34px 30px;margin-top:40px;border:1px solid #ddd;}
		.board_write_wrap + .policy_cont label{font-size:18px;letter-spacing:-0.03em;margin-right:0;font-weight: 500;color:#333;}
		.board_write_wrap + .policy_cont label em{font-size:inherit;font-weight:500;color:#008CDB;}
		.board_write_wrap + .policy_cont > div{padding-bottom:20px;display:flex;justify-content:space-between;align-items:flex-start;}
		.board_write_wrap + .policy_cont .policy_text_box{word-break:keep-all;white-space:pre-line;padding:20px 10px 20px 20px;box-sizing:border-box;height:120px;background:#f9f9f9;color:#777;font-size:14px;font-weight:400;letter-spacing:-0.03em;line-height:1.6;}
		.board_write_wrap + .policy_cont .policy_text_box textarea{height:100%;overflow-y:auto;width:100%;background:none;outline:none;border:none;font-size:14px;font-weight:400;}
		.board_write_wrap + .policy_cont .policy_text_box textarea::-webkit-scrollbar{width:4px;background: #ddd;}
		.board_write_wrap + .policy_cont .policy_text_box textarea::-webkit-scrollbar-thumb{width:4px;background:#222;}

		#wrap .board_btn{padding-top:30px;}
		#wrap .board_btn .btn_inq{display: inline-flex;box-sizing:border-box;align-items: center;justify-content: center;height:48px;border-radius:35px;padding:0 52px;background:#094E9A;font-size:16px;color:#fff;font-weight:500;font-family:var(--font-type01);}
	/*** 게시판 상세 | board/board_view.html ***/
		.sub_board .board_view {margin-bottom:0px;text-align:left;}
		.sub_board .board_view div.view_tit {font-family:'Lato','Nanum Gothic', sans-serif;border: 1px solid #d3d3d3;font-size: 0;background: #fafafa;}
		.sub_board .board_view div.view_tit h2 {float:left;width:85%;font-size:17px;color:#222222;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:20px;padding:10px 0;}
		.sub_board .board_view div.view_tit p{display:inline-block;vertical-align: middle;width:141px;padding-left:30px;font-size:12px;color:#333;font-weight:bold;}
		.sub_board .board_view div.view_tit h3 {display:inline-block;vertical-align: middle;color:#888;padding: 10px 15px;line-height:20px;font-size:12px;width: calc(100% - 171px);box-sizing: border-box;background: #fff;}
		.sub_board .board_view div.view_cont {color:#888;width:100%;box-sizing:border-box;font-size:12px;padding:16px 20px 80px 20px;line-height:26px;min-height:255px;border:1px solid #d3d3d3;border-top:none;}
		.sub_board .board_view div.view_cont .thumb_img_wrap {width:100%;margin:0;text-align:center;font-size:0;vertical-align:top;}
		.sub_board .board_view div.view_cont .thumb_img_wrap img {width:auto;max-width:100%;height:auto;margin:0 0 10px 0;padding:0;vertical-align:top;}
		.sub_board .board_view div.view_cont .thumb_img_wrap img + img {}
		.sub_board .board_view h4 {border-bottom:1px solid #d3d3d3;border-top:none;padding:17px 30px;font-size:13px;color:#444;font-weight:600;}
		.sub_board .board_view h4.thumb_wrap {padding-bottom:7px;}
		.sub_board .board_view h4 span {display:inline-block;color:inherit;font-weight:inherit;padding-right:0;margin-right:0;}
		.sub_board .board_view h4 span:after {display:inline-block;width:1px;height:10px;background:#d3d3d3;vertical-align:middle;margin:0 15px;padding:0;content:"";}
		.sub_board .board_view h4 a {display:inline-block;}
		.sub_board .board_view h4 a + a {margin-left:20px;}
		.sub_board .board_view .thumb_img_wrap {padding-top:10px;font-size:0;vertical-align:top;}
		.sub_board .board_view .thumb_img_wrap img {vertical-align:top;display:inline-block;margin-bottom:10px;}
		.sub_board .board_view .thumb_img_wrap img + img {margin-left:20px;}
		.sub_board .board_view .extra_editor_wrap {display:table;width:100%;margin:0;table-layout:fixed;border-collapse:collapse;margin-top:-1px;}
		.sub_board .board_view .extra_editor_wrap > h4, .sub_board .board_view .extra_editor_wrap > div.extra_cont {padding:10px;display:table-cell;box-sizing:border-box;border-collapse:collapse;vertical-align:middle;border:1px #d3d3d3 solid;text-align:left;}
		.sub_board .board_view .extra_editor_wrap > h4 {background:#fafafa;width:141px;}
		.sub_board .board_view .extra_editor_wrap div.view_cont.extra_cont {width: calc(100% - 141px);}
		.sub_board .board_view .extra_editor_wrap div.img_cont {}
		.sub_board .board_view .extra_editor_wrap div.extra_cont > span {font-size:12px;color:#888;vertical-align:middle;display:block;}
		.sub_board .board_view .extra_editor_wrap div.extra_cont > span + span {margin-top:10px;}
		.sub_board .board_view .extra_editor_wrap div.extra_cont a.icon_down {font-size:0;background:url('../images/board/icon_download.png') no-repeat 0 0;display:inline-block;width:15px;height:15px;background-size:100% auto;margin:0 0 0 5px;padding:0;vertical-align:middle;}
		.sub_board .board_view .extra_editor_wrap div.extra_cont img {width:auto;height:auto;vertical-align:middle;max-width:100%;}
		.view_video_wrap {position:relative !important; height:0 !important; padding-bottom:56.28% !important;margin:0 auto !important;text-align:center !important;max-width:100% !important;}
		.view_video_wrap > iframe {position:absolute;width:100%;height:100%;left:0;top:0;}
		.sub_board .view_btn {position:relative;}
		.sub_board .view_btn .btn_center {text-align:left;float:left;}
		.sub_board .view_btn h2 {float:right;}
		.sub_board .view_btn p {position:absolute;right:0px;top:30px;font-size:14px;font-weight:bold;text-align:center;}
		.sub_board .view_btn p a {}
		/* 댓글 */
			.sub_board .comment {margin:0 0 0px 0;padding:0;}
			.sub_board .comment .comment_box {position:relative;padding:30px 20px 30px 20px;border-top:1px #d3d3d3 solid;background:#fdfdfd;}
			.sub_board .comment .comment_box .comment_name {width:650px;margin-bottom:10px;}
			.sub_board .comment .comment_box .comment_name span {width:233px;line-height:25px;display:inline-block;}
			.sub_board .comment .comment_box .comment_name span.no_line {background:none;}
			.sub_board .comment .comment_box .comment_name span label {font-size:13px;color:#333;font-family:'Lato','Nanum Gothic', sans-serif;font-weight:700;line-height:25px;padding:0;width:auto;margin-right:20px;display:inline-block;}
			.sub_board .comment .comment_box .comment_name span input {border:1px solid #d3d3d3;line-height:23px;height:23px;padding:0;text-indent:5px;width:158px;min-width:158px;margin:0;}
			.sub_board .comment .comment_box .comment_memo {width:680px;}
			.sub_board .comment .comment_box .comment_memo label {font-size:13px;color:#333;font-family:'Lato','Nanum Gothic', sans-serif;font-weight:700;line-height:80px;padding:0;width:43px;display:block;min-height:80px;}
			.sub_board .comment .comment_box textarea {border:1px solid #d3d3d3;width:620px;min-width:610px;padding:5px 0 5px 5px;min-height:68px;height:68px;float:left;}
			.sub_board .comment .comment_box h3 {position:absolute;right:20px;top:30px;height:78px;text-align:center;width:108px;background-color:#333;border:1px #333 solid;line-height:78px;padding:0;}
			.sub_board .comment .comment_box h3 a {font-size:14px;color:#fff;font-family:'Lato','Nanum Gothic', sans-serif;font-weight:700;display:block;line-height:78px;}
			.sub_board .comment .comment_cont {position:relative;border-top:1px #d3d3d3 solid;}
			.sub_board .comment .comment_cont h2 {color:#888;padding:12px 0 12px 20px;line-height:25px;font-size:12px;}
			.sub_board .comment .comment_cont div {position:relative;border-top:1px #d3d3d3 solid;padding:12px 20px 14px 20px;z-index:1;}
			.sub_board .comment .comment_cont div h3 {color:#888;padding-bottom:2px;}
			.sub_board .comment .comment_cont div h3 strong {color:#333;font-family:'Lato','Nanum Gothic', sans-serif;font-weight:700;display:inline-block;margin-right:10px;}
			.sub_board .comment .comment_cont div h4 {color:#888;font-size:12px;line-height:19px;}
			.sub_board .comment .comment_cont div .comment_btn {position:absolute;right:20px;top:12px;color:#888;font-size:12px;border:0;margin:0;padding:0;}
			.sub_board .comment .comment_cont div .comment_btn a { color:#888;font-size:12px;display:inline-block;}
			.sub_board .comment .comment_cont div .comment_btn span.bar {color:#9b9b9b;display:inline-block;width:6px;text-align:center;margin:0;background:none;}
			.sub_board .comment .comment_cont div.com_reple {border-bottom:1px solid #d3d3d3;background:#fff url("../images/da_image/bg_dot_line.png") repeat-x left top;position:relative;z-index:3;margin-top:-1px;padding:12px 20px 14px 20px;}
			.sub_board .comment .comment_cont div.comment_reply {position:relative;z-index:3;margin-top:-1px;padding:12px 20px 14px 20px;}
			.sub_board .comment .comment_cont div.comment_box2 {position:relative;padding:10px 0;border:0;}
			.sub_board .comment .comment_cont div.comment_box2 .comment_name {width:650px;margin-bottom:10px;padding:0px;border:0;}
			.sub_board .comment .comment_cont div.comment_box2 .comment_name span {width:233px;line-height:25px;display:inline-block;}
			.sub_board .comment .comment_cont div.comment_box2 .comment_name span.no_line {background:none;}
			.sub_board .comment .comment_cont div.comment_box2 .comment_name span label {font-size:13px;color:#333;font-family:'Lato','Nanum Gothic', sans-serif;font-weight:700;line-height:25px;padding:0;width:auto;margin-right:20px;display:inline-block;}
			.sub_board .comment .comment_cont div.comment_box2 .comment_name span input {border:1px solid #d3d3d3;line-height:23px;height:23px;padding:0;text-indent:5px;width:158px;min-width:158px;margin:0;}
			.sub_board .comment .comment_cont div.comment_box2 .comment_memo {width:680px;padding:0px;border:0;}
			.sub_board .comment .comment_cont div.comment_box2 .comment_memo label {font-size:13px;color:#333;font-family:'Lato','Nanum Gothic', sans-serif;font-weight:700;line-height:80px;padding:0;width:43px;display:block;min-height:80px;}
			.sub_board .comment .comment_cont div.comment_box2 textarea {border:1px solid #d3d3d3;width:620px;min-width:618px;padding:5px 0 5px 5px;min-height:68px;height:68px;}
			.sub_board .comment .comment_cont div.comment_box2 h3 {position:absolute;right:0px;top:47px;height:78px;text-align:center;width:108px;background-color:#333;border:1px #333 solid;line-height:78px;padding:0;}
			.sub_board .comment .comment_cont div.comment_box2 h3 a {font-size:14px;color:#fff;font-family:'Lato','Nanum Gothic', sans-serif;font-weight:700;display:block;line-height:78px;}
			.sub_board .comment .comment_cont div.com_reserve {border:0;background:#fff url("../images/da_image/bg_dot_line.png") repeat-x left 10px;position:relative;z-index:3;margin-top:-1px;padding:30px 0px 0px 20px;margin:0;margin-left:-20px;margin-right:-20px;width:790px;}
			.sub_board .comment .comment_cont div.com_reserve textarea.com_reserve {border:1px solid #d3d3d3;width:653px;min-width:653px;padding:5px 0 5px 5px;min-height:68px;height:68px;margin-right:20px;}
			.sub_board .comment .comment_cont div.com_reserve a {position:absolute;right:0px;top:30px;height:78px;text-align:center;width:108px;background-color:#333;border:1px #333 solid;font-size:14px;color:#fff;font-family:'Lato','Nanum Gothic', sans-serif;font-weight:700;display:block;line-height:78px;padding:0;}
			.sub_board .board_comment {position:relative;box-sizing:border-box;border:1px solid #d3d3d3;padding:20px;margin-top:20px;}
			.sub_board .board_comment .comment_name {color:#555;padding:0 0 10px 0;text-align:left;}
			.sub_board .board_comment .comment_name span,
			.sub_board .board_comment .comment_memo span {display:inline-block;font-size:12px;color:#555;font-family:'Lato','Nanum Gothic', sans-serif;line-height:25px;padding:0;}
			.sub_board .board_comment .comment_name span input {vertical-align:top;border:1px solid #d3d3d3;padding:5px;}
			.sub_board .board_comment .comment_name span + span {margin-left:20px;}
			.sub_board .board_comment .comment_memo {}
			.sub_board .board_comment .comment_memo span {margin-right:20px;}
			.sub_board .board_comment,
			.sub_board .board_comment textarea, .sub_board .board_comment .comment_btn {vertical-align:top;}
			.sub_board .board_comment textarea {border:1px solid #d3d3d3;width:698px;min-width:610px;padding:5px 0 5px 5px;min-height:72px;height:72px;box-sizing:border-box;}
			.sub_board .board_comment .comment_btn {width:80px;height:72px;background:#eb3b4b;text-align:center;color:#fff;line-height:72px;font-size:14px;font-weight:bold;display:block;}
			.sub_board .board_comment_list {position:relative;margin:0 0 20px;}
			.sub_board .board_comment_list .comment_title {border-bottom:1px solid #d3d3d3;color:#888;padding:15px 0 7px 0;text-align:left;}
			.sub_board .board_comment_list .comment_title span {color:#eb3b4b;}
			.sub_board .board_comment_list .comment {position:relative;border-bottom:1px solid #d3d3d3;padding:8px 0;}
			.sub_board .board_comment_list .comment .comment_writer {color:#333;padding-bottom:3px;text-align:left;}
			.sub_board .board_comment_list .comment span.board_line {display:inline-block;width:1px;height:9px;background:#999;margin:0 8px;}
			.sub_board .board_comment_list .comment .com_btn {position:absolute;right:0;top:9px;}
			.sub_board .board_comment_list .comment .com_btn a {color:#999;}
			.sub_board .board_comment_list .comment .com_txt {color:#888;text-align:left;word-break:break-all;}
			.sub_board .board_comment_list .comment .com_txt_reply {color:#888;text-align:left;border-top:1px solid #d3d3d3;padding:16px 0 10px 40px;margin:10px 0 0;background:url("../images/sub/comment_reply.png") no-repeat 20px 18px;}
			.sub_board .board_comment_list .comment .com_modify {position:relative;margin:5px 0 0;}
			.sub_board .board_comment_list .comment .com_modify:after {clear:both;content:"";display:block;}
			.sub_board .board_comment_list .comment .com_modify textarea {float:left;width:90%;height:50px;border:1px solid #d3d3d3;}
			.sub_board .board_comment_list .comment .com_modify .btn_modify {float:right;width:9.2%;height:52px;display:inline-block;line-height:52px;background:#aaa;color:#fff;font-size:15px;font-weight:600;text-align:center;}
			.sub_board .board_comment_list .comment .comment_password {position:absolute;right:25px;top:0;width:300px;border:2px solid #757575;padding:7px;background:#fff;z-index:100;text-align:left;}
			.sub_board .board_comment_list .comment .comment_password.modify {right:72px;}
			.sub_board .board_comment_list .comment .comment_password span {display:inline-block;height:20px;line-height:20px;font-weight:600;vertical-align:middle;}
			.sub_board .board_comment_list .comment .comment_password input {width:195px;height:19px;}
			.sub_board .board_comment_list .comment .comment_password h5 {display:inline-block;width:39px;height:20px;line-height:20px;border:1px solid #ccc;background:#fff;text-align:center;border-radius:5px;vertical-align:middle;}
			.sub_board .board_comment_list .comment .comment_password a.close {position:absolute;right: 6px;top: 50%;margin-top: -4px;}
			.sub_board .board_comment_list .comment .com_btn a.on + .comment_password {display:block !important;}
		/* 게시판 개인정보취급 */
			/* .sub_board .policy_cont {}
			.sub_board .policy_cont > div {text-align:left;padding: 34px 30px;margin:15px 0; border:1px solid #ddd; background:#fff; }
			.sub_board .policy_cont > div input[type=checkbox] {}
			.sub_board .policy_cont > div label {color:#333;font-size:12px;font-weight:500;cursor:pointer;}
			.sub_board .policy_cont > div a {display:inline-block;line-height:20px;border:1px #ccc solid;padding:0 8px;height:22px;box-sizing:border-box;color:#666;font-size:12px;text-decoration:none;background:#fff;margin:0 0 0 10px;}
			.sub_board .policy_cont > div textarea {display:block !important;width:100% !important;margin:10px 0 0 !important;text-align:left !important;color:#888 !important;font-size:14px !important;line-height:90% !important;box-sizing:border-box; letter-spacing: -0.56px; font-family: Pretendard;font-weight:400;}
			.sub_board .policy_cont > div textarea.write {min-width:80% !important;width:100% !important;padding:10px !important;height:100px !important; height:120px;background:#F9F9F9;} */
	/*** 게시판(비밀번호) | layout/board/board_secret.html ***/
		.sub_pw_input {max-width:1058px;margin:0 auto;border:20px solid #eee;outline:1px solid #ddd;}
		.sub_pw_input .ok_box {width:100%;margin:0 auto;padding:70px 0;font-family:'Nanum Gothic', sans-serif;text-align:center;}
		.sub_pw_input .ok_box h2 {padding-bottom:20px;font-size:16px;font-weight:600;color:#333;}
		.sub_pw_input .ok_box div.input_box {padding-bottom:40px;}
		.sub_pw_input .ok_box div.input_box input {width:200px;height:30px;padding:5px 10px;border:1px solid #aaa;}
		.sub_pw_input .ok_box a.ok_bt {display:inline-block;font-size:15px;font-weight:700;width:120px;height:40px;background:#eb3b4b;border:1px solid #eb3b4b;text-align:center;line-height:40px;color:#fff;font-weight:600;}
		.sub_board .board_css tr{border-left:1px solid #d3d3d3;border-right:1px solid #d3d3d3;}
		.sub_board .board_css tr th{line-height:30px;padding:11px 0;padding-left:35px;vertical-align:middle;width:176px;}
		.sub_board .board_css tr td{line-height:30px;padding:11px 30px;}
		.sub_board .board_css tr td.td_textarea {padding-right:16px;}
		.sub_board  table.board_css td input[type=text], table.board_css td input[type=password]{border:1px solid #d9d9d9;}
		.sub_board  table.board_css td input[name=title] {width:80%;}

/*───────────────────────────────────────────────────────────

	 GOODS(상품)

───────────────────────────────────────────────────────────*/
	/*** 상품리스트, 상품검색 | goods/goods_list.html, goods/goods_search.html ***/
		.sub_list {}
		/* 서브 카테고리 */
			.sub_cate_wrap {margin-bottom:2.4%;border-top:1px solid #333;border-bottom:1px solid #d3d3d3;}
			.sub_cate_wrap ul.sub_cate {margin:1.2% 17px;line-height:26px;vertical-align:top;}
			.sub_cate_wrap ul.sub_cate:after {clear:both; content:""; display:block;}
			.sub_cate_wrap ul.sub_cate li {padding:0 12px 0 0;line-height:26px;font-size:0;float:left;text-align:left;box-sizing:border-box;vertical-align:top;}
			.sub_cate_wrap ul.sub_cate li a {font-size:13px;color:#666;font-weight:400;display:inline-block;line-height:inherit;vertical-align:top;}
			.sub_cate_wrap ul.sub_cate li:hover a {color:#333;}
			.sub_cate_wrap ul.sub_cate li + li {padding-left:0;}
			.sub_cate_wrap ul.sub_cate li + li:before {margin:0;margin-right:10px;width:1px;height:10px;background:#d3d3d3;display:inline-block;content:"";vertical-align:middle;}
		/* 디스플레이 유형 */
			.sub_list .list_array {margin:0;margin-bottom:2.4%;}
			.sub_list .list_array:after {clear:both; content:""; display:block;}
			.sub_list .list_array .list_count, .sub_list .list_array .list_count span {font-size:15px;line-height:30px;height:30px;font-weight:400;vertical-align:top;display:inline-block;text-align:left;}
			.sub_list .list_array .list_count {color:#555;float:left;}
			.sub_list .list_array .list_count span {color:#eb3b4b;font-weight:700;}
			.sub_list .list_array ul {float:right;}
			.sub_list .list_array ul:after {clear:both; content:""; display:block;}
			.sub_list .list_array ul li {width:30px;height:30px;border:1px solid #ccc;float:left;box-sizing:border-box;background:#fff;text-indent:-9999px;cursor:pointer;position:relative;z-index:1;}
			.sub_list .list_array ul li:before, .sub_list .list_array  ul li::before {content:"";display:inline-block;width:28px;height:28px;position:absolute;cursor:pointer;left:0;top:0;bottom:0;right:0;box-sizing:border-box;}
			.sub_list .list_array ul li.typeA:before {background:url("../images/sub/icon_list_typeA.png") no-repeat left top;}
			.sub_list .list_array ul li.typeA.on:before {background:#eb3b4b url("../images/sub/icon_list_typeA_on.png") no-repeat left top;}
			.sub_list .list_array ul li.typeB:before {background:url("../images/sub/icon_list_typeB.png") no-repeat left top;}
			.sub_list .list_array ul li.typeB.on:before {background:#eb3b4b url("../images/sub/icon_list_typeB_on.png") no-repeat left top;}
			.sub_list .list_array ul li.on {border:1px solid #eb3b4b; background:#eb3b4b;}
		/* 상품 진열 */
			.sub_list .list {}
		/* 검색결과없음 */
			.sub_list .list .list_no {color:#555;padding:1.2%;font-size:15px;line-height:23px;font-weight:500;width:100%;background:#fafafa;border:1px #ccc solid;text-align:center;vertical-align:top;box-sizing:border-box;}
			.sub_list .list .list_no .no_data {font-size:inherit;line-height:inherit;font-weight:inherit;}
			.sub_list .list .list_no .no_data:before {color:#fff;width:21px;height:21px;border-radius:100%;margin:1px 8px 0 0;background:#777;font-size:inherit;line-height:21px;font-weight:700;content:"!";display:inline-block;vertical-align:top;box-sizing:border-box;}
		/*** 상품 리스트 (갤러리형) | layout/goods/gallery.html ***/
			.sub_list .list .list_Galleryform {}
			.sub_list .list .list_Galleryform > ul {}
			.sub_list .list .list_Galleryform > ul:after {clear:both;content:"";display:block;}
			.sub_list .list .list_Galleryform > ul li {float:left;width:23.5%;margin:0 2% 30px 0;}
			.sub_list .list .list_Galleryform > ul li:nth-child(4n) {margin-right:0;}
			.sub_list .list .list_Galleryform > ul li:nth-child(4n+1) {clear:both;content:"";float:left;}
			.sub_list .list .list_Galleryform > ul li dl {}
			.sub_list .list .list_Galleryform > ul li dl dt {border:1px solid #ccc;margin:0 0 18px;height:auto;min-height:179px;position: relative;overflow:hidden;}
			.sub_list .list .list_Galleryform > ul li dl dt img {width:100%;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);}
			.sub_list .list .list_Galleryform > ul li dl dd {text-align:left;}
			.sub_list .list .list_Galleryform > ul li dl dd > em {display: block;box-sizing:border-box;color:#333;font-size:16px;font-weight:400;padding:0 0 6px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
			.sub_list .list .list_Galleryform > ul li dl dd p {color:#777;font-size:14px;font-weight:500;line-height:22px;}
	/*** 상품 리스트 (리스트형) | layout/goods/list.html ***/
		.sub_list .list .list_Listform {}
		.sub_list .list .list_Listform > ul {margin:0;padding:0;}
		.sub_list .list .list_Listform > ul:after {clear:both; content:""; display:block;}
		.sub_list .list .list_Listform > ul li {float:left; width: calc(50% - 6px); border:1px solid #ccc; margin:0 12px 12px 0;box-sizing:border-box;}
		.sub_list .list .list_Listform > ul li:nth-child(2n) {margin-right:0;}
		.sub_list .list .list_Listform > ul li:nth-child(2n+1) {clear:both; content:""; float:left;}
		.sub_list .list .list_Listform > ul li dl {display:table;height:100%;}
		.sub_list .list .list_Listform > ul li dl:after {clear:both;display:block;}
		.sub_list .list .list_Listform > ul li dl dt, .sub_list .list .list_Listform > ul li dl dd {box-sizing:border-box;display:table-cell;vertical-align:middle;text-align:left;}
		.sub_list .list .list_Listform > ul li dl dt {width:45%;border-right:1px solid #ccc;}
		.sub_list .list .list_Listform > ul li dl dt img {width:100%;height:auto;}
		.sub_list .list .list_Listform > ul li dl dd {width:55%;max-width: 200px;padding:12px;}
		.sub_list .list .list_Listform > ul li dl dd > em, .sub_list .list .list_Listform > ul li dl dd > .add_info p {width:100%;margin:0;padding:0;text-overflow:ellipsis;overflow:hidden;display:inline-block;box-sizing:border-box;position:relative;z-index:1;}
		.sub_list .list .list_Listform > ul li dl dd > em  {display: block;color:#333;font-size:16px;font-weight:700;line-height:24px;height:24px;white-space:nowrap;box-sizing: border-box;}
		.sub_list .list .list_Listform > ul li dl dd > .add_info {padding-top:26px;position:relative;z-index:1;display:inline-block;box-sizing:border-box;}
		.sub_list .list .list_Listform > ul li dl dd > .add_info:before {position:absolute;left:0;top:12px;content:"";display:block;width:30px;height:2px;background:#222222;}
		.sub_list .list .list_Listform > ul li dl dd > .add_info p {color:#777;font-size:14px;line-height:20px;max-height:40px;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;}
		/* 검색 페이지 - 검색창 */
			.sub_list .list_search {width:100%;height:74px;background:#f4f4f2;margin:50px 0 30px;}
			.sub_list .list_search:after {clear:both;content:"";display:block;}
			.sub_list .list_search > div {float:right;padding-right:20px;}
			.sub_list .list_search > div:after {clear:both;content:"";display:block;}
			.sub_list .list_search > div > span {float:left;display:inline-block;height:74px;line-height:74px;margin-right:15px;}
			.sub_list .list_search > div > span label {color:#777;font-size:12px;font-weight:500;padding-left:5px;}
			.sub_list .list_search .search_form {float:left;}
			.sub_list .list_search .search_form .search {margin:20px 0 0;}
			.sub_list .list_search .search_form .search select {width:100px;height:32px;line-height:30px;}
			.sub_list .list_search .search_form .search input {width:218px;height:32px;line-height:32px;border:1px solid #ddd;background:#fff;text-indent:12px;}
			.sub_list .list_search .search_form .search a {display:inline-block;width:60px;height:32px;line-height:32px;text-align:center;background:#666;color:#fff;font-size:13px;font-weight:600;margin-left:3px;vertical-align:middle;}
	/*** 상세페이지 | goods/goods_view.html  ***/
		.sub_view {}
		.sub_view .info {}
		.sub_view .info dl {}
		.sub_view .info dl:after {clear:both; content:""; display:block;}
		.sub_view .info dl dt, .sub_view .info dl dd {float:left;box-sizing:border-box;margin:0;padding:0;}
		.sub_view .info dl dt {width:43%;border:1px solid #ccc;padding:18px;margin-right:3%;}
		.sub_view .info dl dd.goods_tit {width:54%;}
		.sub_view .info dl dd.goods_tit {padding:2.4% 30px;border-top:2px solid #222;border-bottom:1px solid #ccc;background:#f2f2f2;text-align:left;box-sizing:border-box;}
		.sub_view .info dl dd.goods_tit, .sub_view .info dl dd.goods_tit p {font-family:'Nanum Gothic', 'Malgun Gothic', '맑은 고딕', dotum, sans-serif;text-overflow:ellipsis;overflow:hidden;}
		.sub_view .info dl dd.goods_tit {font-size:32px;line-height:40px;font-weight:500;color:#222;white-space:nowrap;}
		.sub_view .info dl dd.goods_tit p {margin-top:8px;font-size:15px;line-height:24px;font-weight:400;color:#777;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;}
		.sub_view .info_wrap {margin:3.6% 0 0;text-align:left;}
		.sub_view .info_wrap .info_li {margin:0 0 6.8%;}
		.sub_view .info_wrap .info_li dt.info_tit {color:#222;font-size:25px;font-weight:700;padding:0 0 1.2%;margin:0 0 3.6%;border-bottom:1px solid #222;text-align:left;}
		.sub_view .info_wrap .info_li img {max-width:100%;width:auto;height:auto;margin:0 auto;}
		.sub_view .info_wrap .info_li p {color:#666;font-size:14px;font-weight:400;line-height:22px;letter-spacing:-0.5px;}

/*───────────────────────────────────────────────────────────

	MEMBER(회원)   |   회원서브타입 type

───────────────────────────────────────────────────────────*/
	/*** 로그인 | member/login.html ***/
		.sub_login {position:relative;z-index:1;}
		.sub_login .login_box {position:relative;padding:63px 0 71px;border:1px solid #d3d3d3;overflow:hidden;background:url('../images/sub/login_bg_symbol.gif') no-repeat bottom right #eee;vertical-align:top;}
		.sub_login .login_box h2 {text-align:center;padding-bottom:30px;}
		.sub_login .login_box > div {min-height:136px;font-size:0;vertical-align:top;position:relative;width:315px;margin-left:50px;padding:0 50px 0px 0;float:left;background:url(../images/sub/login_line.gif) repeat-y right;}
		.sub_login .login_box div input.login_input {width:315px;height:24px;border:0;border-bottom:1px solid #dddddd;font-size:14px;/*color:#888888;*/font-weight:600;}
		.sub_login .login_box div input {font-size:15px;color:#222;letter-spacing:-0.015em;background:none;background-repeat:no-repeat;background-position:left center;}
		.sub_login .login_box div input.mb10 {margin-bottom:19px;}
		.sub_login .login_box div input.login_id, .sub_login .login_box div input.login_pw, .sub_login .login_box div input.login_name, .sub_login .login_box div input.login_email {width:100%;box-sizing:border-box;padding:0;color:#222;font-size:15px;font-weight:600;}
		.sub_login .login_box div input:-webkit-autofill { -webkit-box-shadow: 0 0 0 30px #eee inset ; -webkit-text-fill-color: #222; }
		.sub_login .login_box div input:-webkit-autofill, .sub_login .login_box div input:-webkit-autofill:hover, .sub_login .login_box div input:-webkit-autofill:focus, .sub_login .login_box div input:-webkit-autofill:active { transition: background-color 5000s ease-in-out 0s; }
		.sub_login .login_box div input[type="text"]::-webkit-input-placeholder {color:#222;font-size:15px;font-weight:600;}
		.sub_login .login_box div input[type="text"]::-moz-placeholder {color:#222;font-size:15px;font-weight:600;}
		.sub_login .login_box div input[type="text"]:-ms-input-placeholder {color:#222;font-size:15px;font-weight:600;}
		.sub_login .login_box div input[type="text"]:-moz-placeholder {color:#222;font-size:15px;font-weight:600;}
		.sub_login .login_box div input[type="password"]::-webkit-input-placeholder {color:#222;font-size:15px;font-weight:600;}
		.sub_login .login_box div input[type="password"]::-moz-placeholder {color:#222;font-size:15px;font-weight:600;}
		.sub_login .login_box div input[type="password"]:-ms-input-placeholder {color:#222;font-size:15px;font-weight:600;}
		.sub_login .login_box div input[type="password"]:-moz-placeholder {color:#222;font-size:15px;font-weight:600;}
		.sub_login .login_box div h3 {width:315px;height:35px;line-height:35px;cursor:pointer;font-weight:500;color:#fff;letter-spacing:-0.020em;text-align:center;font-size:13px;margin-top:6px;}
		.sub_login .login_box div h3.bg_eb3b4b {margin-top:34px;}
		.sub_login .login_box div h3 input, .sub_login .login_btn div a {vertical-align:top;cursor:pointer;font-weight:500;color:#fff;letter-spacing:-0.020em;text-align:center;font-size:13px;background:none;border:0;height:35px;line-height:35px;width:100%;outline:0;}
		.sub_login .login_box p  {width:350px;margin:0 auto;color:#555;letter-spacing:-0.050em;line-height:19px;padding:0;font-size:13px;}
		.sub_login .login_box p input {border:1px solid #dddddd;}
		.sub_login .login_box p.save_btn {height:35px;line-height:35px;}
		.sub_login .login_box p.save_btn input {vertical-align:middle;margin-bottom:0;}
		.sub_login .login_btn {position:absolute !important;top:50%;right:0;height:136px;margin-top:-66px;background:none !important;}
		.sub_login .login_btn div a {	background-color:#898989;display:inline-block;}
		.sub_login.pw_box {}
		.sub_login.pw_box .login_box > div {min-height:173px;}
		.sub_login.pw_box .login_box div h3.bg_eb3b4b {margin-top:28px;}
		.sub_login.pw_box {}
		.sub_login .login_btn div.btn_idfind {overflow:hidden;}
		.sub_login .login_btn div.btn_idfind a {width:153px;margin-left:9px;float:left;}
		.sub_login .login_btn div.btn_idfind a:first-child {margin:0;}
		.sub_login .login_btn div.btn_join a {margin:18px 0 10px;}
		.sub_login .login_btn div p {font-size:12px;color:#999999;padding-top:0px;}
		.sub_login .login_btn div h2 {font-size:14px;color:#555555;font-weight:600;padding-top:5px;}
		.sub_login .login_box div h3, .sub_login .login_box div h3 input, .sub_login .login_btn div a, .sub_login .login_box p {font-family:'Noto Sans KR', 'Nanum Gothic', dotum, sans-serif;}
	/*** 회원가입 | member/join.html ***/
		h3.join_tit {font-size:18px;color:#222222;font-weight:600;text-align:left;padding-bottom:12px;}
		h3.join_tit.pt20 {padding-top:20px;}
		span.join_btn {display:inline-block;margin-left:5px;width:110px;height:28px;text-align:center;line-height:26px;font-size:13px;color:#ffffff;font-weight:600;background-color:#aaaaaa;border:1px solid #999999;}
		.sub_join table.board_write td input[name="zip"] {width:80px;min-width:70px;}
		.sub_join table.board_write td input[name="address"], .sub_join table.board_write td input[name="address2"] {width:55%;min-width:450px;}
		table.board_write {border-top:1px solid #2A282D; font-size:12px;text-align:left;margin-bottom:20px;}
		table.board_write th {background:#fff;color:#333;font-size:18px !important; font-family: Pretendard;font-style: normal; font-weight: 500;line-height: normal;letter-spacing: -0.72px;}
		table.board_write th .require_dot {position:absolute;left:14px;top:50%;margin-top:-15px;line-height:30px;height:30px;}
		table.board_write th .require_dot:before {content:'*';font-size:14px;color:#eb3b4b;line-height:14px;display:inline-block;width:auto;height:14px;}
		table.board_write td {color:#888;font-weight:100;padding:10px 20px;}
		table.board_write tr:last-child td {padding:25px 0 15px 0;}
		table.board_write tr td .btn_reset {background:#fff url('../images/board/icon_btn_reset.gif') no-repeat 9px 50% !important;padding:0 10px 0 30px !important;cursor:pointer;}
		table.board_write .btn_sm {font-size:11px;color:#000;border-radius:2px;padding:0 9px !important;display:inline-block;background:#f3f3f3 !important;border:1px solid #d3d3d3;text-align:center;font-weight:normal;height:28px;line-height:26px;}
		table.board_write #captcha_box {display:inline-block;vertical-align:middle;margin-right:10px;}
		table.board_css {font-size:11px;text-align:left;margin-bottom:30px;}
		table.board_css tr {border-top:1px solid #d3d3d3;border-bottom:1px solid #d3d3d3;}
		table.board_css th, table.board_css td {color:#888;font-size:11px;box-sizing:border-box;font-family:'Lato','Nanum Gothic', sans-serif;line-height:28px;padding:13px 0;vertical-align:top;text-align:left;}
		table.board_css th {color:#333;font-weight:700;font-size:12px;padding-left:30px;background:#fafafa;width:180px;}
		table.board_css th.view_tit {background:#fbfbfb;}
		table.board_css th .require_dot {margin-left:5px;line-height:30px;height:30px;}
		table.board_css th .require_dot:before {content:'*';font-size:14px;color:#eb3b4b;line-height:14px;display:inline-block;width:auto;height:14px;}
		table.board_css td {padding-left:20px;padding-right:20px;background:#fff ;}
		table.board_css td .guide {display:inline-block;margin-left:3px;}
		table.board_css td div.view_cont {padding:9px 2px;line-height:25px;min-height:150px;}
		table.board_css td input[type=text], table.board_css td input[type=password]{min-width:198px;padding:0 10px;height:30px;border:1px solid #d3d3d3;margin-right:4px;}
		table.board_css td input.from_phone, table.board_css td input.form_tel {min-width:42px;}
		table.board_css td.field {padding-right:18px !important;}
		table.board_css td.field label {display:inline-block;width:62px;}
		table.board_css td textarea {min-width:98%;padding:8px 0 2% 8px;height:200px;border:1px solid #d3d3d3;}
		table.board_css td textarea.from_textarea {min-width:98%;padding:8px 0 2% 8px;height:200px;border:1px solid #d3d3d3;}
		table.board_css tr:last-child th, table.board_css tr:last-child td { background-image:none;border-bottom:1px #d3d3d3 solid;}
		table.board_css tr:last-child td .btn_reset {background:#fff url('../images/board/icon_btn_reset.gif') no-repeat 9px 50% !important;padding:0 10px 0 30px !important;cursor:pointer;}
		table.board_css .btn_sm {font-size:11px;color:#000;border-radius:2px;padding:0 9px !important;display:inline-block;background:#f3f3f3 !important;border:1px solid #d3d3d3;text-align:center;font-weight:normal;height:28px;line-height:26px;}
		.sub_join table.board_css{border-right:1px solid #d3d3d3;border-left:1px solid #d3d3d3;}
		.sub_join table.board_css th{font-size:12px;}
		.sub_join table.board_css td{}
		.sub_join table.board_css td input[type=text], .sub_join table.board_css td input[type=password] {min-width:220px;padding:0px !important;height:28px;border:1px solid #d3d3d3;}
		.sub_join table.board_css tr.mail input{min-width:120px !important;}
		.sub_join table.board_css td input[name=email_id], .sub_join table.board_css td input[name=email_domain]{min-width:180px;}
		.sub_join table.board_css td input[name=email_domain] {margin-left:4px;}
		.sub_join table.board_css td input[name=address], .sub_join table.board_css td input[name=address2] {width:80%;}
		.sub_join table.board_css td input, .sub_join table.board_css td a, .sub_join table.board_css td span, .sub_join table.board_css td strong, .sub_join table.board_css td select {vertical-align:top;}
		.sub_join table.captcha {}
		.sub_join table.captcha th, .sub_join table.captcha td {vertical-align:middle;}
		.sub_join table.captcha th {padding:10px 25px;}
		.sub_join table.captcha .sign{}
		.sub_join span.join_tit{font-size:16px;color:#333333;display:block;font-weight:600;text-align:left;padding-bottom:10px;}
		.sub_memberout p {font-size:13px;color:#666;line-height:20px;padding-bottom:20px;}
		.sub_join table.board_css td select {height:28px;line-height:28px;border:1px solid #d3d3d3;min-width:220px;padding:0 10px;box-sizing:border-box;}
		.sub_join table.board_css td select.mail_select {min-width:inherit;} 
		.change_pw table.board_css tr{border-left:1px solid #d3d3d3;border-right:1px solid #d3d3d3;}
		.change_pw table.board_css table.board_css td input[type=text],.change_pw table.board_css td input[type=password]{min-width:272px;padding:0 10px;height:26px;background-color:#F6F6F6;border:1px solid #d3d3d3;}
	/*** 회원가입 완료 | member/join_ok.html ***/
		.sub_ok {max-width:1058px;margin:0 auto;border:20px solid #eee;outline:1px solid #ddd;}
		.sub_ok .ok_box {width:100%;text-align:center;margin:0 auto;padding:70px 0;font-family:'Nanum Gothic', sans-serif;}
		.sub_ok .ok_box h3 {padding-bottom:20px;font-size:29px;font-weight:700;color:#333;}
		.sub_ok .ok_box h4 {font-size:16px;color:#777;line-height:26px;font-weight:500;}
		.sub_ok .ok_box h4 span {color:#eb3b4b;font-weight:600;}
		.sub_ok .ok_box .home_bt a {display:inline-block;font-size:15px;font-weight:700;width:120px;height:40px;background:#eb3b4b;border:1px solid #eb3b4b;text-align:center;line-height:40px;color:#fff;font-weight:600;}
		.sub_ok .ok_box .login_bt a {display:inline-block;font-size:15px;font-weight:700;width:120px;height:40px;background:#eb3b4b;border:1px solid #eb3b4b;text-align:center;line-height:40px;color:#fff;font-weight:600;}
	/*** 회원탈퇴 | member/withdrawal.html ***/
		.memberout {font-size:13px;color:#666;line-height:20px;padding-bottom:20px;}
		.withdrawal table.board_css{border-left:1px solid #d3d3d3;border-right:1px solid #d3d3d3;}
		.withdrawal table.board_css tr th{line-height:1;padding:10px 0 10px 30px;vertical-align:middle;width:170px;}
		.withdrawal table.board_css tr td{line-height:1;padding:10px 0 10px 20px;;}
	/*** 비밀번호 변경 안내 | member/periodic_change_pw.html ***/
		.sub_login.add {max-width:1135px;}
		.sub_login.add .login_box {width:100%;background: none;border: 0;padding: 0;}
		.sub_login.add .login_box h2 {color:#282828;font-size:23px;font-weight:600;line-height:32px;}
		.sub_login.add .login_box h2 span {color:#eb3b4b;font-size:23px;font-weight:600;}
		.sub_login.add .login_box table.board_write {width:662px;margin:58px auto 40px;}
		.sub_login.add .login_box table.board_write caption {overflow:auto;text-indent:0;height:20px;line-height:20px;color:#777;font-size:14px;font-weight:500;text-align:left;padding-bottom:14px;}
		.sub_login.add .login_box table.board_write caption span {color:#444;font-size:14px;font-weight:600;}
		.sub_login.add .login_box table.board_write input {width:396px;}
		.sub_login.add .login_box .btn_center {}
		.sub_login.add .login_box .btn_center button {width:160px;}
		.sub_login.add .login_box .btn_center button.gray {margin-left:16px;background:#999;border:1px solid #999;}

/*───────────────────────────────────────────────────────────

	 SERVICE

───────────────────────────────────────────────────────────*/
	/*** 이용약관 | service/agreement.html ***/
	/*** 개인정보취급방침 | service/usepolicy.html ***/
	/*** 회원가입동의 | member/join_agreement.html ***/
		.member_agree {font-size:13px;line-height:23px;padding:0;text-align:left;}
		.sub_agree {text-align:center;margin:0;padding:0 0 20px 0;}
		.sub_agree h2 {font-size:17px;line-height:23px;text-align:left;color:#333;font-family:'Lato','Nanum Gothic', sans-serif;font-weight:700;padding:0 0 16px 0;}
		.sub_agree .agree_box {margin-bottom:40px;padding:20px;background-color:#fafafa;border:1px solid #d3d3d3;}
		.sub_agree .agree_box textarea {box-sizing:border-box;line-height:14px;font-size:12px;width:790px;color:#888;height:192px;line-height:20px;font-weight:100;padding:20px;border:1px solid #d3d3d3;background-color:#fff;}
		.sub_agree .agree_box div {font-size:12px;color:#444;line-height:20px;font-weight:100;padding:20px 0;background-color:#fff;text-align:left;}
		.sub_agree .agree_box .agree_box_con{font-size:12px;overflow-y:scroll;width:746px;color:#888888;height:500px;font-weight:100;padding:20px;border:1px solid #d3d3d3;background-color:#fff;}
		.sub_agree .agree_box p.agree_txt {display:block;padding:13px 0 0px 20px;line-height:20px;font-size:12px;color:#333;text-align:left;}
		.sub_agree .agree_box p.agree_txt label strong {font-family:'Lato','Nanum Gothic', sans-serif;font-weight:700;}
		.sub_agree .btn_center {padding:22px 0 0 0;}
		.sub_agree .agree_bg {background:#fff;border:1px #d3d3d3 solid;border-top:2px #373737 solid;padding:20px 0;}
		.sub_agree .agree_bg p {margin:0 20px;text-align:left;}
		.sub_agree .privacy_bg {background:#fff;}
		.sub_agree #module_policy {border:1px #d3d3d3 solid;line-height:18px;font-weight:100;padding:12px 0 12px 12px;border:1px solid #d3d3d3;background-color:#fff;text-align:left;overflow:auto;height:auto;}
		.join_agree h2{font-size:16px;padding-bottom:16px;}
		.join_agree .agree_box{background:#fbfafa;padding:19px;border:1px solid #d3d3d3;width:830px;box-sizing:border-box;}
		.join_agree .agree_box p.agree_txt{padding:13px 0 0 0;}

/*───────────────────────────────────────────────────────────

	ETC

───────────────────────────────────────────────────────────*/
	/*** 에러페이지 | errors/index.html ***/
		.error_cont {position:relative;min-height:900px;background:url("../images/sub/error_bg.gif") repeat-x left top;}
		.error_cont .error_form {position:absolute;left:50%;top:123px;margin-left:-450px;width:910px;height:610px;background:url("../images/sub/error_form_bg.png") no-repeat left top;text-align:center;}
		.error_cont .error_form h2 {color:#333;font-size:20px;font-weight:500;font-family:"Noto Sans KR", 'Nanum Gothic', sans-serif !important;padding:296px 0 10px;}
		.error_cont .error_form p {color:#777;font-size:14px;font-weight:400;line-height:22px;font-family:"Noto Sans KR", 'Nanum Gothic', sans-serif !important;}
		.error_cont .error_form h5 {width:156px;height:44px;border:2px solid #333;background:url("../images/sub/error_icon_arrow.png") no-repeat 118px center;margin:38px auto 0;}
		.error_cont .error_form h5 a {display:block;width:100%;height:44px;line-height:44px;color:#333;font-size:17px;font-weight:500;font-family:"Noto Sans KR", 'Nanum Gothic', sans-serif !important;text-align:left;text-indent:38px;}
	/* 정확한 용도파악 불가 */
		/**********팝업***********/
		.password_popup {text-align:center;}
		.password_popup p {color:#888;padding:40px 0 10px 0;}
		.password_popup h2 {}
		.password_popup h2 input {border:1px solid #d3d3d3;padding:3px 5px;width:150px;}
		.password_popup h3 {padding-top:15px;}
		/* layer-popup */
			.layer-popup {font-size:12px;background:#fff;border:1px #000 solid;position:absolute;transform:none;}
			.layer-popup.layer_pc {}
			.layer-popup.layer_t {}
			.layer-popup.layer_m {left:50%;min-height:auto;transform:translate(-50%, 0)}
			.layer-popup h4 {font-size:12px;font-weight:700 !important;line-height:18px;padding:3px 12px;box-sizing:border-box;text-align:left;}
			.pop_content {margin:0;padding:0;}
			.pop_content img, .pop_content table, .pop_content div {max-width:100%;max-height:100%;}
			.layer-popup .pop_closed {text-align:right;padding:4px 12px;box-sizing:border-box;line-height:20px;font-size:12px;vertical-align:middle;}
			.layer-popup .pop_closed input[type="checkbox"] {}
			.layer-popup .pop_closed input[type="checkbox"] + label {font-size:12px;}
			.layer-popup .pop_closed a {vertical-align:top;display:inline-block;line-height:20px;margin-left:12px;position:relative;z-index:1;width:20px;height:20px;font-size:0;}
			.layer-popup .pop_closed a:before, .layer-popup .pop_closed a:after {display:inline-block;content:"";width:24px;height:1px;background:#000;position:absolute;left:0;top:50%;}
			.layer-popup .pop_closed a:before {transform:rotate(45deg);}
			.layer-popup .pop_closed a:after {transform:rotate(-45deg);}


/*───────────────────────────────────────────────────────────

	서브 공통

───────────────────────────────────────────────────────────*/
    .inr{position: relative; width: calc(100% - 60px); max-width: 1200px; margin:0 auto; box-sizing: border-box;}
    .sub_visual{position:relative; width:100%; height:400px; background: no-repeat center; background-size: cover; display:flex; align-items:center; justify-content: center; z-index: 9;}
    .sub_visual h3{font-size: var(--title-60); font-weight: 700; color: var(--white-color01); line-height: 1.2;}
    .sub_location{position:absolute; left:0; bottom:30px; width:100%;}
    .sub_location .cont{display:flex; align-items: center; gap:20px;}
    .sub_location .home{font-size:0;}
    .sub_location dl{display:flex;}
    .sub_location dl :where(dt,dd){position:relative;}
    .sub_location dl :where(dt span,dd span){position:relative; display:flex; align-items: center; padding:0 20px; min-width: 200px; box-sizing: border-box; font-size: var(--title-16); font-weight: 400; color: var(--white-color01); cursor: pointer;}
    .sub_location dl dt span:before, .sub_location dl dd span:before{position: absolute; content: ''; width:1px; height:16px; background:rgba(255,255,255,0.2); top:50%; left:0; transform: translateY(-50%);}
    .sub_location dl dt span:after, .sub_location dl dd span:after{position:absolute; content:''; width:6px; height:6px; border:1px solid var(--transparent); border-bottom-color:var(--white-color01); border-right-color: var(--white-color01); top:calc(50% - 3px); right:19px; transform: translateY(-50%) rotate(45deg); border-radius: 1px; transition: all 0.4s;}
    .sub_location dl dt.on span:after, .sub_location dl dd.on span:after { top: calc(50% + 3px); transform: translatey(-50%) rotate(45deg) scale(-1,-1); }
    .sub_location dl ul{position: absolute; left:0; top:calc(100% + 20px); background: var(--white-color01); padding:15px 0; width:100%; box-sizing: border-box; box-shadow: 3px 3px 5px rgba(0,0,0,0.1); opacity: 0; pointer-events: none; transition: all 0.4s;}
    .sub_location dl .on ul{opacity: 1; pointer-events: all;padding:16px 0 16px 20px;}
    .sub_location dl ul li{padding-bottom:5px; }
	.sub_location dl ul li:last-child {padding-bottom:0px; }
    .sub_location dl ul li a{display:block;  box-sizing: border-box; font-size: var(--title-16); font-weight: 400; color: var(--black-color06); }

    .nav_wrap{padding:105px 0 50px; font-size:var(--title-20); text-align: center;}
    .nav_wrap h2{font-size: 230%; font-weight: 600; color: var(--black-color01); line-height: 1;}
        .nav_wrap h2 + p{margin-top: 25px;}
    .nav_wrap p{font-size: 90%; font-weight: 400; color: var(--black-color06); line-height: 1.44;}


/*───────────────────────────────────────────────────────────

	회사 소개  

───────────────────────────────────────────────────────────*/
	/*연혁*/
	.sub_content_history { width:100%; height:auto; display:flex; justify-content:space-between; margin-top:10px; margin-bottom:50px;  }

	.sub_content_history .img_box {width:390px; height:500px;position:sticky; right:0; top:160px;  z-index:3;}
	.sub_content_history .img_box img {max-width:100%; }
	.sub_content_history .img_box:before {position:absolute; content:""; width:160px; height:160px; background: linear-gradient(46deg, #094E9A 0.63%, #67A349 98.15%); left:-40px; bottom:-40px; z-index:-1;}

	.history_box > div > h2 {color: #222; font-size: 26px; font-style: normal; font-weight: 600; line-height: normal; text-align:left; }
	.history_box_history {margin-bottom:60px;}
	.history_box_history > table{border-top:2px solid #222; width:750px; text-align:left; margin:20px 0 ; }
	.history_box_history > table tbody tr {border-bottom: 1px solid #DDD; }
	.history_box_history > table tbody th {width:150px; color: #222; font-size: 22px; font-style: normal; font-weight: 600; line-height: normal; padding:20px; box-sizing:border-box; }
	.history_box_history > table tbody td {color: #666; font-size: 18px; font-style: normal; font-weight: 400; line-height: normal;}

	/*찾아오시는길*/
	.map_api {width:100%; height:500px;}

	.map_info{margin:0 auto; max-width:1200px; display:flex;}
	.map_info .map_info_box {width:358px; height:290px; box-sizing:border-box; background: linear-gradient(46deg, #094E9A 0.63%, #67A349 98.15%); position:relative; top:-60px; 
	padding: 60px 0 50px 32px; text-align:left;}
	.map_info_box > p { color: #FFF; font-size: 20px; font-style: normal; font-weight: 600; line-height: normal; padding-bottom:76px;}
	.map_info_box > h2 { color: #FFF; font-size: 30px; font-style: normal; font-weight: 600; line-height: 40px; }

	.map_info_content {box-sizing:border-box; padding:50px 0px 50px 60px; display:flex; flex-direction:column; }
	.map_info_content dl{margin-bottom:20px; display:flex; align-items:center;}
	.map_info_content dl:last-child{margin:0;}
	.map_info_content dl dt {color: #202020; font-size: 20px; font-style: normal; font-weight: 600; width:190px; box-sizing:border-box; text-align:left; display:flex; align-items:center; }
	.map_info_content dl dd {color: #666; font-size: 18px; font-style: normal; font-weight: 400; line-height: normal;}
	.map_info_content dl dt img {width:30px; height:30px; margin-right:12px;}
	@media screen and (max-width:1240px){
		.map_info{width:calc(100% - 40px);}
	}
	/*지원서비스*/
	.sub_about{margin-top:4px; }
	.sub_about h2 {color: #222; font-size: 26px; font-style: normal; font-weight: 600; line-height: normal; text-align:left; }
	.sub_about_pocess{width:100%; height:191px; background: #F2F6FA; margin-top:20px; box-sizing:border-box; display:flex; justify-content:center; align-items:center; }
	.sub_about_pocess ol {display:flex; gap:20px; position:relative; top:20px;}
	.sub_about_pocess ol li{ position:relative; height:70px; box-sizing:border-box; background:#fff; border:1px solid #ddd; width:120px; display:flex; justify-content:center; align-items:center; flex-direction:column; }
	.sub_about_pocess ol li:first-child,
	.sub_about_pocess ol li:nth-child(2) {width:191px;}
	.sub_about_pocess ol li strong{color: #000; text-align: center; font-size: 16px; font-style: normal; font-weight: 500; line-height: 22px;}
	.sub_about_pocess ol li p {color: #666; text-align: center; font-size: 15px; font-style: normal; font-weight: 400; line-height: normal; margin-top:5px;}

	.sub_about_pocess ol li:first-child:before{content:"프로젝트 Open"; position:absolute; transform:translateX(50%); width:87px; height:17px; right:0; top:-42px; font-size:14px; font-weight:500; line-height:normal; font-style:normal; color:#333; text-align:center;}
	.sub_about_pocess ol li:first-child:after{content:""; position:absolute; right:0; top:-18px; font-size:12px; text-align:center;  transform:translateX(50%);
	 width: 0;  height: 0;  border-bottom: 6px solid transparent;  border-left: 4px solid transparent;  border-top: 7px solid #094E9A;  border-right: 4px solid transparent;}

	.sub_about_pocess ol li:nth-child(2):before{content:"장비 입고"; position:absolute; transform:translateX(50%); width:87px; height:17px; right:0; top:-42px; font-size:14px; font-weight:500; line-height:normal; font-style:normal; color:#333; text-align:center;}
	.sub_about_pocess ol li:nth-child(2):after{content:""; position:absolute; right:0; top:-18px; font-size:12px; text-align:center;  transform:translateX(50%);
	 width: 0;  height: 0;  border-bottom: 6px solid transparent;  border-left: 4px solid transparent;  border-top: 7px solid #E31B1B;  border-right: 4px solid transparent;}

	.sub_about_pocess ol li:nth-child(5):after{content:""; position:absolute; right:-82px; top:-24px; border:1px solid #ccc; width:421px; height:23px; border-bottom:0px solid transparent;}
	.sub_about_pocess ol li:nth-child(5):before{content:"장비 설치 이행"; position:absolute; right:76px; top:-34px; background:#F2F6FA; width:105px; height:18px; color: #000; text-align: center; font-size: 15px;font-style: normal;font-weight: 600;line-height: normal; z-index:10;}

	.sub_about_pocess ol li:nth-child(6):before{content:"서비스 Open"; position:absolute; transform:translateX(50%); width:87px; height:17px; right:0; top:-42px; font-size:14px; font-weight:500; line-height:normal; font-style:normal; color:#333; text-align:center;}
	.sub_about_pocess ol li:nth-child(6):after{content:""; position:absolute; right:0; top:-18px; font-size:12px; text-align:center;  transform:translateX(50%);
	 width: 0;  height: 0;  border-bottom: 6px solid transparent;  border-left: 4px solid transparent;  border-top: 7px solid #094E9A;  border-right: 4px solid transparent;}

	.sub_about_pocess ol li:nth-child(7):before{content:"유지보수"; position:absolute; transform:translateX(50%); width:87px; height:17px; right:0; top:-42px; font-size:14px; font-weight:500; line-height:normal; font-style:normal; color:#333; text-align:center;}
	.sub_about_pocess ol li:nth-child(7):after{content:""; position:absolute; right:0; top:-18px; font-size:12px; text-align:center;  transform:translateX(50%);
	 width: 0;  height: 0;  border-bottom: 6px solid transparent;  border-left: 4px solid transparent;  border-top: 7px solid #E31B1B;  border-right: 4px solid transparent;}

	.sub_about .number_list{counter-reset:number 0;}
	.sub_about .number_item:before{counter-increment:number 1; content:counter(number) '.'; }

	.sub_about_table { margin-top:50px; table-layout: fixed; }
	.sub_about_table table thead{border-top:1px solid #333; }
	.sub_about_table table thead tr {background:#F5F5F5; border-bottom:1px solid #ddd;}
	.sub_about_table table thead th {color: #333; text-align: center; font-size: 18px; font-style: normal; font-weight: 500; line-height: normal; padding:20px 0;}
	.sub_about_table table thead th + th {border-left:1px solid #ddd; }
	.sub_about_table table tbody tr {border-bottom:1px solid #ddd;}
	.sub_about_table table tbody th { width:250px; padding:14px 0; color: #333;text-align: center;font-size: 16px;font-style: normal;font-weight: 500;line-height: normal;}
	.sub_about_table table tbody td {padding:14px 20px; border-left:1px solid #ddd;}
	.sub_about_table table tbody ul { text-align:left;}
	.sub_about_table table tbody ul li { color: #666; font-size: 16px;font-style: normal;font-weight: 400;line-height: 26px; }

	.sub_about_graph {margin-bottom:40px; position:relative; border:1px solid #ddd; width:100%; height:615px; box-sizing:border-box; margin-top:50px; display:flex; justify-content:center; align-items:center;  }
	.sub_about_graph > div{  display:flex; align-items:center; flex-direction:column; }
	.sub_about_graph > div p.center_circle { background:#fff; width:201px; height:201px; border-radius:200px; filter: drop-shadow(0px 0px 20px rgba(0, 0, 0, 0.10)); display:flex; justify-content:center; align-items:center;  z-index:2; transform:translateY(240px); text-align:center;}
	.sub_about_graph > div p.outer_circle { position:relative; z-index:-2;width: 434.562px; height: 434.713px; border-radius: 434.713px; border: 1px dashed #DDD;background: #FFF; transform:translateY(-77px);}
	.sub_about_graph > div p.outer_circle:after {content:""; position:absolute; width: 355.642px; height: 355.765px; border-radius: 355.765px; background: #F5F5F5; z-index:-1; top: 42px; right:40px;}
	
	.sub_about_graph ul { z-index:4;  width:calc(1200px - 644px); height:515px; position:absolute; top:50px;}
	.sub_about_graph ul li { width:144.854px; height:144.904px; border-radius:200px; background:#fff; border:1px solid #094E9A; display:flex; justify-content:center; align-items:center; color: #094E9A; text-align: center;font-size: 16px;font-style: normal;font-weight: 500;line-height: 22px; }
	.sub_about_graph ul li:first-child {position:relative; left:50%; transform:translateX(-50%);}
	.sub_about_graph ul li:nth-child(3) {position:relative; left:100%; transform:translate(-100%,-100%);}
	.sub_about_graph ul li:nth-child(4) {position:relative; left:50%;  transform:translate(-150%,-50%);}
	.sub_about_graph ul li:nth-child(5) {position:relative; left:50%;  transform:translate(50%,-150%);}
/*───────────────────────────────────────────────────────────

	reference site

───────────────────────────────────────────────────────────*/
	/*주요고객사*/
	#wrap:has(.sub_content_reference) .sub_location dl dd{display:none;}
	.sub_content_reference {margin-bottom:40px; margin-top:5px; }
	.partner_box {text-align:left; }
	.partner_box h2 {color: #222; font-size: 26px; font-style: normal; font-weight: 600; line-height: normal;}
	.partner_list ul {display: inline-flex; align-items: flex-start; align-content: flex-start; flex-wrap: wrap;}
	.partner_list ul li {width:calc(100% / 4 - 15px); box-sizing:border-box; margin:20px 20px 0 0; position:relative;}
	.partner_list ul li:after { content:""; position:absolute; left:0; top:0; width:100%; box-sizing:border-box; height:100%; border:1px solid #ddd; }
	.partner_list ul li:nth-child(4n) {margin-right:0;}
/*───────────────────────────────────────────────────────────

	Product

───────────────────────────────────────────────────────────*/
    .inr{position: relative; width: calc(100% - 60px); max-width: 1200px; margin:0 auto; box-sizing: border-box;}

	/*유지보수*/
        .maintenance_img h2,
        .maintenance_table h2 {color: #222; font-size: 26px; font-style: normal; font-weight: 600; line-height: normal; text-align:left; margin-bottom:20px;}

        .maintenance_table { margin-top:100px; margin-bottom:47px; }
        .maintenance_table table thead{border-top:1px solid #333; }
        .maintenance_table table thead tr {background:#F5F5F5; border-bottom:1px solid #ddd;}
        .maintenance_table table thead th {color: #333; text-align: center; font-size: 18px; font-style: normal; font-weight: 500; line-height: normal; padding:20px 0;}
        .maintenance_table table thead tr th + th { border-left:1px solid #ddd; }
        .maintenance_table table tbody tr {border-bottom:1px solid #ddd;}
        .maintenance_table table tbody th { padding:14px 0; color: #333;text-align: center;font-size: 16px;font-style: normal;font-weight: 500;line-height: 22px;}
        .maintenance_table table tbody td {padding:14px 0 14px 24px; border-left:1px solid #ddd;}
        .maintenance_table table tbody ul { text-align:left;}
        .maintenance_table table tbody ul li { color: #666; font-size: 16px;font-style: normal;font-weight: 400;line-height: 26px; padding-left:10px; position:relative;}
        .maintenance_table table tbody ul li:before {content:""; position:absolute; left:-4px; top:11px; width:4px; height:4px; background:#666; border-radius:5px; }
        .maintenance_table table tbody ul li strong { color:#094E9A; font-weight:400; }
        .maintenance_table table tbody ul li p {color:#999; font-size:16px; line-height:26px; font-weight:400; margin-left:0px; }

    /* 라인업 */
        #wrap:has(.sub_lineup) :is(.sub_visual, .nav_wrap){display: none;}
        #wrap:has(.full_sec) .contents_wrap{width: 100%; max-width: 100%; min-height: auto;}
        #wrap:has(.sub_lineup) #contents_box{padding:0;}

        .sub_lineup{background: url('../images/da_image/sub_lineup.jpg') no-repeat center / cover; padding:185px 0;}
        .sub_lineup .cont_list{display: flex; gap: 20px;}
        .sub_lineup .cont_list > li{position: relative; width: 100%; background: var(--white-color01); border-radius: 20px; padding:54px 15px 200px; box-sizing: border-box;}
        .sub_lineup .cont_list .logo{display: flex; align-items: center; justify-content: center; height: 71px;}
            .sub_lineup .cont_list .logo + .desc{margin-top: 43px;}
        .sub_lineup .cont_list .desc{font-size: var(--title-20);}
        .sub_lineup .cont_list .desc dt{font-size: 160%; font-weight: 600; color: var(--black-color00); line-height: 1.4;}
        .sub_lineup .cont_list .desc dt + dd{margin-top: 13px;}
        .sub_lineup .cont_list .desc dd{font-size: 80%; font-weight: 400; color: var(--black-color06); line-height: 1.5;} 
        .sub_lineup .cont_list .btn_arw{position: absolute; left:40%; bottom:80px; }

    /* product */
        .sub_product .cont + .cont{margin-top: 120px;}
        .sub_product .cont + .cont.gray_bg{margin-top: 75px;}
        .sub_product .icon_list{display: flex; justify-content: center; gap:60px; padding-top: 10px;}
            .sub_product .icon_list + .img_wrap{margin-top: 94px;}
        .sub_product .icon_list > li{position: relative;}
        .sub_product .icon_list .desc{font-size: var(--title-20);}
        .sub_product .icon_list .desc dt{position: relative; display: flex; align-items: center; justify-content: center; width: 200px; height: 200px; border-radius: 100%; background: var(--gray-bg01);}
            .sub_product .icon_list .desc dt + dd{margin-top: 21px;}
            .sub_product .icon_list > li + li .desc dt:before{position: absolute; content:''; width: 60px; border-top: 1px dashed var(--border-color01); top:50%; right:100%; margin-top: -0.5px;}
            .sub_product .icon_list > li + li .desc dt:after{position: absolute; content:''; width: 9px; height: 9px; border-radius: 100%; background: var(--point-blue); top:50%; right:calc(100% + 26px); transform: translateY(-50%);}
        .sub_product .icon_list .desc dd{font-size: 80%;font-weight: 600;color: var(--black-color02);}

            .sub_product .icon_list.type02{gap: 40px;}
            .sub_product .icon_list.type02 > li + li .desc dt:before{width: 40px;}
            .sub_product .icon_list.type02 > li + li .desc dt:after{right:calc(100% + 16px);}

            .sub_product .icon_list.type03{gap: 40px;}
            .sub_product .icon_list.type03 > li{padding-bottom: 73px;}
            .sub_product .icon_list.type03 > li:before{position: absolute; content: ''; width: 40px; height: 40px; background: url('../images/da_image/arw_dwn.svg') no-repeat center; bottom:23px; left:50%; transform: translateX(-50%);}
            .sub_product .icon_list.type03 > li + li .desc dt:before{display: none;}
            .sub_product .icon_list.type03 > li + li .desc dt:after{display: none;}
            .sub_product .icon_list.type03 .desc dt + dd{margin-top: 7px;}
            .sub_product .icon_list.type03 .desc dd{font-size: 90%; font-weight: 400;}

        .sub_product .img_wrap{text-align: center;}
            .sub_product .img_wrap + .border_box{margin-top: 9px;}
            .sub_product .img_wrap + .chk_list{margin-top: 50px;}
            .sub_product .img_wrap + .sub_title{margin-top: 55px;}
        .sub_product .border_box{border:1px solid var(--border-color01); padding:20px 62px; box-sizing: border-box; width: fit-content; margin:0 auto; font-size: var(--title-20);}
            .sub_product .border_box.full{width: 100%; padding:60px 20px 20px;}
            .sub_product .border_box + .titbg_list{margin-top: 80px;}
        .sub_product .border_box p{font-size: 90%; font-weight: 400; color: var(--black-color00); line-height: 1.44;}
            .sub_product .border_box.full p{color: var(--black-color08);}
        .sub_product .titbg_list{display: flex; justify-content: center; gap:40px; }
            .sub_product .titbg_list + .sub_title{margin-top: 90px;}
        .sub_product .titbg_list > li{position: relative; width: calc(100% / 2 - 20px); box-sizing: border-box; max-width: 460px; border:1px solid var(--border-color01);}
            .sub_product .titbg_list > li:nth-child(2n) .desc dt{background: var(--point-green02);}
        .sub_product .titbg_list .desc{font-size: var(--title-20); text-align: left;}
        .sub_product .titbg_list .desc dt{font-size: 110%;font-weight: 500;color: var(--white-color01);background: var(--point-blue);padding: 9px 35px 8px;box-sizing: border-box;width: calc(100% + 2px);margin:-1px 0 0 -1px;}
        .sub_product .titbg_list .desc dd{font-size: 80%;font-weight: 400;color: var(--black-color06);line-height: 1.5;padding: 19px 35px 18px;box-sizing: border-box;}

            .sub_product .titbg_list.type02{gap: 30px;}
            .sub_product .titbg_list.type02 > li{width: calc(100% / 3 - 20px);}
            .sub_product .titbg_list.type02 .desc{text-align: center;}
            .sub_product .titbg_list.type02 .desc dt{background: var(--gray-bg04) !important; padding:14px 15px 13px;}
            .sub_product .titbg_list.type02 .desc dd{padding:19px 40px 40px;}

        .sub_product .flex_box{display: flex; }
        .sub_product .flex_box .img_wrap{width: 50%; padding-left: 140px; box-sizing: border-box;}
        .sub_product .flex_box .border_box{width: 50%; max-width: 558px; margin:0; padding:43px 40px 37px;}

        .sub_product .vector_list{display: flex; justify-content: center; flex-wrap: wrap; gap: 20px; width: 100%; max-width: 940px; margin:0 auto;}
            .sub_product .vector_list + .sub_title{margin-top: 58px;}
        .sub_product .vector_list > li{width: calc(100% / 4 - 15px);  border:1px solid var(--border-color01); padding:48px 5px 30px; box-sizing: border-box;  background: var(--white-color01); border-radius: 4px;}
        .sub_product .vector_list .desc{font-size: var(--title-20); text-align: center;}
        .sub_product .vector_list .desc dt{font-size: 0; display: flex; align-items: center; justify-content: center; height: 60px;}
            .sub_product .vector_list .desc dt + dd{margin-top: 25px;}
        .sub_product .vector_list .desc dd{font-size: 75%; font-weight: 400; color: var(--black-color03); letter-spacing: -0.02em;}

        .sub_title{position: relative; font-size: var(--title-20); text-align: left; box-sizing: border-box;}
            .sub_title.cen{text-align: center;}
            .sub_title.bg{background: url('../images/da_image/sub_title_bg.jpg') no-repeat center / cover; padding:50px 15px; max-width: 750px; margin:0 auto;}
            .sub_title.bg h3{color: var(--white-color01);}
            .sub_title + .img_wrap{margin-top: 70px;}
            .sub_title + .flex_box{margin-top: 30px;}
            .sub_title + .border_box{margin-top: 28px;}
            .sub_title + .vector_list{margin-top: 38px;}
            .sub_title + .table_wrap{margin-top: 28px;}
            .sub_title + .detail_list{margin-top: 65px;}
            .sub_title.arw:before{display: block; content:''; width: 162px; height: 78px; background: var(--gray-bg03); margin:56px auto 38px; clip-path: polygon(22% 0, 78% 0, 78% 40%, 100% 40%, 50% 100%, 0 40%, 22% 40%);}
        .sub_title h3{font-size: 200%; font-weight: 600; color: var(--black-color01); line-height: 1.2;}
            .sub_title h3.bg{font-weight: 400;padding: 16px 68px;background: var(--point-blue);border-radius: 10px;width: fit-content;margin:0 auto;color: var(--white-color01);}
            .sub_title h3 + h5{margin-top: 7px;}
        .sub_title h4{font-size: 150%; font-weight: 600; color: var(--black-color01); line-height: 1.35;}
            .sub_title h4 + p{margin-top: 18px;}
        .sub_title h4 small{font-size: 66.7%; font-weight: 400; color: var(--black-color06);}
        .sub_title h5{font-size: 120%; font-weight: 600; color: var(--black-color00); line-height: 1.4;}
        .sub_title h5 + p{margin-top: 16px;}
        .sub_title h5 big{font-size: 108%; font-weight: 400; color: var(--black-color03);}
        .sub_title h6{font-size: inherit; font-weight: 400; color: var(--black-color00); line-height: 1.4;}
        .sub_title p{font-size: 80%; font-weight: 400; color: var(--black-color08); line-height: 1.5;}
            .sub_title p + .btn{margin-top: 27px;}
        .sub_title p big{font-size: 112.5%; color: var(--black-color06); line-height: 1.44;}

        .chk_list{display: flex;flex-direction: column;gap: 14px;font-size: var(--title-20);}
        .chk_list > li{font-size: 80%; font-weight: 400; color: var(--black-color00); line-height: 1.6; text-align: left;}
        .chk_list > li:before{display: inline-flex;content:'';width: 20px;height: 20px;background: url('../images/da_image/chk_list.svg') no-repeat center;vertical-align: text-top;transform: translateY(-1px);}
        .chk_list > li > span{display: inline-block;width: calc(100% - 25px);padding-left: 10px;box-sizing: border-box;vertical-align: top;}

            .chk_list.type02{width: 72%; margin: 0 auto;}
            .chk_list.type02 > li:before{width: 23px; height: 23px; background-image: url('../images/da_image/chk_list02.svg');}
            .chk_list.type02 > li{font-size: 90%; color: var(--black-color00);}

        .consulting{position: relative; border:1px solid var(--border-color01); background: var(--gray-bg05); padding:40px 420px 40px 130px; box-sizing: border-box; margin-top: 70px;}
            .consulting:before{position: absolute; content:''; width: 212px; height: 171px; background: url('../images/da_image/consulting_icon.svg') no-repeat center; top:50%; right:159px; margin-top: -86px;}
        .consulting .sub_title p{color: var(--black-color06);}

        .gray_bg{background: var(--gray-bg01); padding:46px 0 96px}

        .sub_product.sub_vmware .border_box{padding:38px 15px 20px; width: 100%; max-width: 700px; margin-top: 24px; border-color: var(--black-color10);}
        .sub_product.sub_vmware .border_box .sub_title{margin-top: 24px;}

        .chart_list{position: relative; display: flex; gap: 10px; font-size: var(--title-20); max-width: 830px; margin:0 auto; padding-top: 60px;}
            .chart_list:before{position: absolute; content:''; width: 1px; height: 30px; background: var(--border-color01); top:0; left: 50%; margin-left: -0.5px;}
        .chart_list > li{position: relative; width: calc(100% / 4 - 7.5px); box-sizing: border-box; border:1px solid var(--point-green02); font-size: 70%; font-weight: 500; color: var(--black-color00); line-height: 1.43;}
        .chart_list > li > span{display: block; padding:20px;}
            .chart_list > li:before{position: absolute; content:''; width: 1px; height: 30px; background: var(--border-color01); bottom:calc(100% + 1px); left:50%; margin-left:-0.5px;}
            .chart_list > li:after{position: absolute; content:''; width: calc(100% + 12px); height: 1px; background: var(--border-color01); left:50%; bottom:calc(100% + 30px);}
            .chart_list > li:last-child:after{display: none;}
            .chart_list > li > span:before{position: absolute; content:''; width: 5px; height: 5px; border-radius: 100%; background: var(--point-green02); top:-2.5px; left:50%; margin-left:-2.5px;}

        .bullet_list{position: relative;display: flex;flex-direction: column;gap: 4px;font-size: var(--title-20);}
        .bullet_list > li{font-size: 70%;font-weight: 400;color: var(--black-color06);text-align: left;display: flex;align-items: baseline;gap: 10px;}
            .bullet_list > li:before{display: inline-flex;content:'';width: 3px;height: 3px;background: var(--black-color06);border-radius: 100%;vertical-align: super;transform: translateY(-3px);flex-shrink: 0;}
        .bullet_list > li span{display: inline-block;box-sizing: border-box;vertical-align: top;}

        .iconexp_list{display: flex; justify-content: center; gap: 20px;}
        .iconexp_list > li{border:1px solid var(--border-color01);box-sizing: border-box;padding: 23px 15px 20px;width: 260px;}
        .iconexp_list .icon{display: flex; align-items:flex-end; justify-content: center; font-size: 0; height: 76px;}
            .iconexp_list .icon + .desc{margin-top: 10px;}
        .iconexp_list .desc{font-size: var(--title-20);}
        .iconexp_list .desc dt{font-size: inherit; font-weight: 400; color: var(--black-color00);}
        .iconexp_list .desc dt + dd{margin-top: 17px;}
        .iconexp_list .desc dd .bullet_list{width: fit-content; margin:0 auto;}

        .align_list{display: flex; justify-content: space-between;}
        .align_list > li{width: 100%; padding:0 15px; box-sizing: border-box; text-align: center;}
        .align_list .thumb{display: flex; align-items: flex-end; justify-content: center; height: 166px;}
        .align_list .thumb + .desc{margin-top: 27px;}
        .align_list .desc{font-size: var(--title-20);}
        .align_list .desc dt{font-size: inherit; font-weight: 500; color: var(--black-color00);}
        .align_list .desc dt + dd{margin-top: 16px;}
        .align_list .desc dd{font-size: 70%; font-weight: 400; color:var(--black-color06); line-height: 1.57;}

        .hori_list{display: flex; flex-direction: column; gap: 40px; width: 100%; max-width: 996px; margin:0 auto;}
        .hori_list > li{position: relative;}
        .hori_list .desc{font-size: var(--title-20); display: flex; align-items: center;}
        .hori_list .desc dt{display: flex; align-items: center; justify-content: center; width: 168px; height: 168px; box-sizing: border-box; background: var(--gray-bg01); border-radius: 100%;}
        .hori_list .desc dd{width: calc(100% - 168px); padding-left: 49px; box-sizing: border-box; text-align: left; font-size: inherit; font-weight: 600; color: var(--black-color00);}
        .hori_list .desc dd strong + .bullet_list{margin-top: 12px;}
        .hori_list .desc .bullet_list{gap: 9px;padding-left: 5px;}
        .hori_list .desc .bullet_list > li{font-size: 80%; font-weight: 600; color: var(--black-color01);}
            .hori_list .desc .bullet_list > li:before{background: var(--black-color01);}
        .hori_list .desc .bullet_list > li small{display: block; font-size: 87.5%; font-weight: 400; line-height: 1.43; color: var(--black-color06);}


        .table_noti{position: relative; font-size: var(--title-20); text-align: left; box-sizing: border-box; margin-bottom: 5px;}
        .table_noti h4{font-size: 130%; font-weight: 600; color: var(--black-color01); line-height: 1.4; display: flex; align-items: center; flex-wrap: wrap; gap: 17px;}
        .table_noti h4 small{font-size: 61.5%; font-weight: 400; color: var(--black-color06);}
        .table_wrap{border-top: 1px solid var(--black-color01);}
            .table_wrap + .sub_title{margin-top: 66px;}
        .table_wrap table{font-size: var(--title-20);}
        .table_wrap thead tr{border-bottom: 1px solid var(--gray-bg03);}
        .table_wrap thead th{font-size: 90%; font-weight: 400; color: var(--white-color01); background: var(--point-blue); padding:18px 5px;}
            .table_wrap thead th:not(:last-child){border-right: 1px solid var(--gray-bg03);}
        .table_wrap tbody tr{border-bottom: 1px solid var(--gray-bg03);}
        .table_wrap tbody th{font-size: 90%;font-weight: 600;color: var(--black-color00);line-height: 1.4;padding: 15px 30px;background: var(--gray-bg01);text-align: left; border-right: 1px solid var(--gray-bg03);}
        .table_wrap tbody td{font-size: 70%;font-weight: 400;color: var(--black-color06);line-height: 1.43;padding: 15px 54px;text-align: left; height: 48px;}
            .table_wrap tbody td:not(:last-child){border-right: 1px solid var(--gray-bg03);}

            .table_wrap.small thead th{font-size: 80%;}
            .table_wrap.small tbody :is(th, td){font-size: 65%; padding:15px 2px; text-align: center;} 
            .table_wrap.small tbody th{color: var(--black-color03);}
            .table_wrap.small tbody td{height: auto;}

        .detail_list{display: flex; flex-direction: column; gap: 20px;}
            .detail_list + .sub_title{margin-top: 88px;}
        .detail_list > li{width: 100%; border:1px solid var(--border-color01); border-radius:20px; padding:20px; box-sizing: border-box;}
        .detail_list .desc{display: flex; align-items: center; font-size: var(--title-20);}
        .detail_list .desc dt{display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 25px; width: 300px; height: 240px; border-radius: 20px; background: var(--gray-bg01);}
        .detail_list .desc dt > span{display: block; mix-blend-mode: multiply;}
        .detail_list .desc dt .bullet_list > li{color: var(--black-color03);font-weight: 500;}
        .detail_list .desc dd{width: calc(100% - 300px); padding:10px 0 10px 60px; text-align: left; box-sizing: border-box;}
        .detail_list .desc dd em{display: block; font-size: 130%; font-weight: 600; color: var(--point-blue); line-height: 1.3;}
            .detail_list .desc dd em + strong{margin-top: 8px;}
        .detail_list .desc dd strong{display: block; font-size: 90%; font-weight: 500; color: var(--black-color03); line-height: 1.5;}
            .detail_list .desc dd strong + small{margin-top: 7px;}
        .detail_list .desc dd small{display: block; font-size: 70%; font-weight: 400; color: var(--black-color08); line-height: 1.71;}
        .detail_list .desc dd small + .bullet_list{margin-top: 24px;}
        .detail_list .desc dd .bullet_list{padding-left: 6px;gap: 3px;}
        .detail_list .desc dd .bullet_list > li{font-size: 80%;color: var(--black-color00);font-weight: 500;}
        .detail_list .desc dd .bullet_list > li:before{background: var(--black-color00);}



        .sub_plolink{padding-top: 2.9vw;}
        .sub_plolink .sub_title + .img_wrap{margin-top: 20px;}
        .sub_plolink .sub_title + .vector_list{margin-top: 82px;}
        .sub_plolink .item + .item{margin-top: 68px;}