@charset "utf-8";

body{max-width:1920px;margin:0 auto;}
/*** common ***/
	#wrap {min-width:1100px;overflow:hidden;}
	.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:50px;line-height:48px;background:#fff;border:1px #ddd solid;color:#333;font-size:16px;padding:0 20px;margin:0;box-sizing:border-box;vertical-align:middle;text-align:left;border-radius:0;outline:0;font-family: inherit;letter-spacing: -0.025rem;}
	button {outline:0;box-sizing:border-box;}
		select {-webkit-appearance:none;-moz-appearance:none;appearance:none;}
		select::-ms-expand {display:none;}
		select {outline:0;cursor:pointer;height:50px;line-height:48px;font-size:16px;color:#666;border:1px solid #ddd;box-sizing:border-box;margin:0;padding:0 20px;vertical-align:middle;text-align:left;border-radius:0;background: #fff url("../images/da_image/select_arrow.png") calc(100% - 20px) center no-repeat;background-size: 10px auto;font-family: inherit;letter-spacing: -0.04em;}
		/*화살표 없애기
		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:17px;color:#444;font-weight: 400;letter-spacing:-0.04em;}
		input[type="checkbox"] + label:before, input[type="checkbox"] + label::before {display:inline-block;content:"";width:24px;height:24px;margin:-2px 15px 0 0;vertical-align:middle;background:url("../images/da_image/icon_chk.jpg") left center no-repeat; background-size: 100%; cursor:pointer;}
		input[type="checkbox"]:checked + label:before, input[type="checkbox"]:checked + label::before {background:url("../images/da_image/icon_chk_on.jpg") left top no-repeat; background-size: 100%; }
	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: 24px;height: 24px;margin: -2px 8px 0 0;vertical-align:middle;background: url('../images/da_image/icon_input_radio.png') center no-repeat;cursor:pointer;}
		input[type="radio"]:checked + label:before, input[type="radio"]:checked + label::before {background-image: url('../images/da_image/icon_input_radio_on.png');}
		input[type="radio"] + label:first-of-type:before, input[type="radio"] + label:first-of-type::before {margin-left:0;}
	textarea {font-family:inherit;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:20px;}
		.btn_center input {margin-top:-10px;}
	.btn_right a {font-size:15px;font-weight:700;}
	.btn, .btn_sm, .btn_bbs_go {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;}
		.btn, .btn:hover {width:105px;height:40px;line-height:38px;font-size:15px;color:#fff; letter-spacing:-0.04em;}
		.btn_basic, .btn_basic:hover {border-color:#602f67 !important;background-color:#fff !important; color: #602f67 !important;}
		.btn_point, .btn_point:hover {border-color:#602f67 !important;background-color:#602f67 !important; color: #fff;}
		.btn_sm, .btn_sm:hover {height: 50px; line-height: 48px; padding: 0 12px; border-color:#ccc !important;background-color:#eee !important;color:#666 !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;}

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

	공통

───────────────────────────────────────────────────────────*/
	#wrap .btn_center{margin-top:80px;}
	#wrap .btn_center .btn{display:inline-flex; align-items:center; justify-content:center; width:200px; height:70px; font-size:20px; font-weight:400; color:#fff; text-align:center; box-sizing:border-box; letter-spacing:-0.04em;}
		#wrap .btn_center .btn.auto{width:auto; padding:0 47px;}

	.step_info{display:flex;align-items: center;justify-content: center;margin-top: 39px;}
	.step_info dt{font-size:24px;font-weight:500;color:#602f67;letter-spacing: -0.04em;margin-right: 13px;}
	.step_info dd{font-size:32px;font-weight:500;color:#222;letter-spacing: -0.04em;}

	.sub_order{margin-top:-0.6vw;}

	.layer_wrap{position:fixed;top:50%;left:50%;transform:translate(-50%, -50%);z-index:9;border:1px solid #000;box-shadow:-5px 11px 38px rgba(0,0,0,0.18);background:#fff;border-radius:20px;box-sizing:border-box;overflow:hidden;min-width: 580px;padding: 60px; opacity:0; pointer-events:none; transition:all 0.4s;}
		.layer_wrap.on{opacity:1; pointer-events:inherit;}
	.layer_wrap .cont{text-align:center;}
	.layer_wrap .cont .logo{display:block; font-size:0; margin-bottom:35px;}
	.layer_wrap .cont .title h4{font-size:30px; font-weight:600; color:#222; letter-spacing:-0.04em;}
		.layer_wrap .cont .title h4.under_line:after{display:block; content:''; width:50px; height:1px; background:#000; margin:25px auto 25px;}
	.layer_wrap .cont .title p{font-size:18px; font-weight:500; color:#444; letter-spacing:-0.04em; line-height:1.55;}
	#wrap .layer_wrap .btn_center{margin-top:38px;}
	#wrap .layer_wrap .btn_center .btn{width:140px; height:60px; line-height:60px;}

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

	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, .wid_cus {position:relative; width:1280px; margin:0 auto; box-sizing:border-box;}
	#Cont_Wrap {width: 100%; min-width: 1200px; position: relative;}
	.S_container {position:relative; width:1280px; padding:53px 0 150px; margin:0 auto; box-sizing:border-box;}
	.container {position:relative;  width:1280px; box-sizing:border-box; margin: 0 auto;}

	.w_custom{position:relative; width:1380px; margin:0 auto; box-sizing:border-box;}
	.inr{position:relative; width:1280px; margin:0 auto; box-sizing:border-box;}

	@media only screen and (max-width:1397px){
		.w_custom{width:calc(100% - 30px);}
	}
	@media only screen and (max-width:1297px){
		.S_container, .container {width:calc(100% - 30px);}
		.w_set, .wid_cus{width:calc(100% - 30px);}
		.inr{width:calc(100% - 30px);}
	}

	/* header 레이아웃 */
		.warpper {width:100%;} /* header 와 footer 제외하고 전체를 감싸는 영역 */
		.warpper .contents_wrap {width:1280px;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:30px 0 50px 0;vertical-align:top;} /* 컨텐츠를 감싸는 영역 */
		.warpper .contents_wrap #aside + #contents_box {font-size:12px;width:80%;padding:30px 0 50px 40px;box-sizing:border-box;float:left;} /* 측면과 컨텐츠가 함께 나올때 영역 사이즈 재설정 */
		.warpper .contents_wrap .nav_wrap {margin-top:-7px;} /* 네비게이션 감싸는 영역. 레이아웃에 따라 위치가 ".contents_wrap > .nav_wrap" 일수도, ".contents_wrap #contents_box > .nav_wrap" 일수도 있음 */
		.warpper .contents_wrap #contents_box #content {width:100%;margin:0;padding:0;text-align:left;} /* 컨텐츠 */
		.warpper .contents_wrap #contents_box #content:after {clear:both;content:"";display:block;}

		@media only screen and (max-width:1297px){
			.warpper .contents_wrap{width:calc(100% - 30px);}
		}

	/* 네비게이션 영역 */
		.nav_wrap {}
		.nav_wrap .nav_box {padding:0 0 24px 0;border:0;margin:0;border-bottom:1px #858585 solid;margin-bottom:30px;}
		.nav_wrap .nav_box:after {clear:both;content:"";display:block;}
		.nav_wrap .nav_box h2 {font-size:28px;color:#333;line-height:46px;float:left;font-weight:700;font-family:'Lato','Nanum Gothic', sans-serif;position:relative;z-index:1;padding:12px 0 0 0;}
		.nav_wrap .nav_box h2:before {content:"";display:inline-block;width:15px;height:2px;background:#333;position:absolute;left:0;top:0;}
		.nav_wrap .nav_box ul {float:right;font-size:0;line-height:18px;padding:0px 0 0 0;}
		.nav_wrap .nav_box ul li {text-align:right;line-height:18px;padding:0;color:#aaa;font-size:8px;display:inline-block;}
		.nav_wrap .nav_box ul li + li {padding-left:5px;}
		.nav_wrap .nav_box ul li span, .nav_wrap .nav_box ul li strong, .nav_wrap .nav_box ul li a {padding:0px 4px;font-size:11px;display:inline-block;line-height:17px;width:auto;color:#888;vertical-align:middle;margin:0;font-family:'Nanum Gothic', sans-serif;}
		.nav_wrap .nav_box ul li strong a {padding:0;}
		.nav_wrap .nav_box ul li a.home {padding:0;margin-right:4px;background:url('../images/sub/route_home.gif') no-repeat 0 45%;width:9px;height:18px;text-indent:999px;overflow:hidden;}
		.nav_wrap .nav_box ul li:last-child a, .nav_wrap .nav_box ul li:last-child span, .nav_wrap .nav_box ul li:last-child strong {color:#222;font-weight:700;padding-right:0;}
	/*측면영역*/
		#aside {padding:0;text-align:left;}
		#aside .sub_menu {float:left;width:220px;}
		#aside .sub_menu dl {padding-bottom:40px;}
		#aside .sub_menu dl dt {position:relative;display:block;width:220px;height:40px;line-height:55px;text-indent:20px;font-size:17px;font-weight:600;color:#fff;z-index:100;top:-55px;}
		#aside .sub_menu dl dt:after{content:"";display:block;position:absolute;left:0px;top:0px;width:100%;height:55px;background-color:#000;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=75);opacity:.75;z-index:-1;}
		#aside .sub_menu dl dt + dd a {border-top:solid 1px #ddd;}
		#aside .sub_menu dl dt span {position:relative;display:block;width:220px;height:55px;line-height:55px;text-indent:20px;font-size:17px;font-weight:600;color:#fff;z-index:100;}
		#aside .sub_menu dl dt .sub_tit_bg {position:absolute;top:0;left:0;width:220px;height:55px;background-color:#000;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";/* IE 8 */ filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=75);/* IE 7 and olders */ opacity:.75;z-index:10;}
		#aside .sub_menu dl dd a {display:inline-block;text-indent:20px;font-size:14px;color:#444;width:220px;height:39px;line-height:39px;border-bottom:solid 1px #ddd;}
		#aside .sub_menu dl dd:hover a, #aside .sub_menu dl dd.on a {color:#eb3b4b;background:url("../images/sub/sub_nav_dot.gif") no-repeat;background-position:195px 50% ;}
	/* 측면 공통요소 영역 - left_bnr */
		#aside .sub_menu h2 {color:#333;font-size:16px;line-height:22px;margin:0 0 8px 0;font-weight:700;font-family:'Disis', sans-serif;}
		.quick_menu {text-align:left;font-size:0;padding-top:11px;}
		.quick_menu li {display:inline-block;vertical-align:top;width:70px;height:65px;box-sizing:border-box;border:1px #777 solid;border-radius:5px;}
		.quick_menu li + li {margin-left:5px;}
		.quick_menu li a {display:block;height:100%;color:#666;font-size:12px;font-weight:500;font-family:'Noto Sans KR', sans-serif;line-height:20px;padding:37px 0 6px 0;box-sizing:border-box;text-align:center;}
		.quick_menu li.notice {background:url('../images/common/icon_aside_lnb01.gif') no-repeat 50% 11px;} 
		.quick_menu li.map {background:url('../images/common/icon_aside_lnb02.gif') no-repeat 50% 11px;}
		.quick_menu li.cs {background:url('../images/common/icon_aside_lnb03.gif') no-repeat 50% 11px;}
	/* 서브 비주얼*/
		.sub_visual {position:relative;margin:0 auto;width:100%;min-width:1100px;height:400px;z-index:1;overflow:hidden;}
		.sub_visual img {position:absolute;max-width:2000px;width:2000px;height:400px;left:50%;margin-left:-1000px;}

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

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

───────────────────────────────────────────────────────────*/
	#header{position:fixed; top:0; left:0; width:100%; z-index:9999; border-top:4px solid #602f67; height:110px; padding-bottom:6px; transition:all 0.4s;}
	#header .hd_cont{position:relative; width:calc(100% - 102px); margin:0 auto; box-sizing:border-box; display:flex; align-items:center; height:100%;}
	#header .logo {font-size: 0;}
	#header .logo a{font-size:0; display:inline-block; width:253px; height:47px; background:url('../images/da_image/hd_logo_wh.png') no-repeat center; transition:all 0.4s;}
	#header .hd_right{position:absolute;top: 50%;right: -8px;transform:translateY(-50%); font-size:0;z-index:9999;}
	#header .hd_right ul{display:inline-flex; align-items:center;}
	#header .hd_right ul li{font-size:0; transition:all 0.4s;}
		#header .hd_right ul li + li{margin-left: 30px;}
		#header .hd_right ul li.all_cate{margin-left:40px;}
	#header .hd_right ul li a{position:relative; display:inline-block; font-size: 0; transition:all 0.4s;}
	#header .hd_right ul li.login a{width:29px; height:32px; background:url('../images/da_image/hd_login_wh.png') no-repeat center;}
	#header .hd_right ul li.join a{width:29px; height:30px; background:url('../images/da_image/hd_join_wh.png') no-repeat center;}
	#header .hd_right ul li.all_cate a{width:30px; height:22px; transition:all 0.4s;}
	#header .hd_right ul li.all_cate a span{position:absolute; top:0; right:0; width:100%; height:2px; background:#fff; transition:all 0.4s;}
		#header .hd_right ul li.all_cate a span:nth-child(2){top:50%; transform:translateY(-50%);}
		#header .hd_right ul li.all_cate a span:nth-child(3){top:auto; bottom:0;}
	#header .hd_gnb{position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); display:inline-flex; align-items:center; height:100%; }
	#header .hd_gnb > li{position:relative; height:100%;}
	#header .hd_gnb > li > a{display:inline-flex; align-items:center; height:100%; font-size:18px; font-weight:300; color:#fff; padding: 0 1.8vw; }
	#header .hd_gnb .dep2{display:none; position:absolute; width:max-content; top:calc(100% - 14px); left:50%; transform:translateX(-50%); border-radius:50px 0; overflow:hidden; box-shadow:0 0 20px rgba(0,0,0,0.2); background:#fff; padding:24px 29px 39px;}
	#header .hd_gnb .dep2 li{text-align:center;}
		#header .hd_gnb .dep2 li + li{margin-top:13px;}
	#header .hd_gnb .dep2 li a{position:relative; font-size:18px; font-weight:400; color:#666; letter-spacing:-0.03em; }
		#header .hd_gnb .dep2 li a:before{position:absolute; content:''; width:0; height:1px; background:#a72363; left:50%; bottom:-1px; transform:translateX(-50%); transition:all 0.4s;}
	#header.cate .hd_right ul li.login, #header.cate .hd_right ul li.join{opacity:0; pointer-events:none;}

		
		/* over */
			@media only screen and (min-width:1024px){
				#header.over{background:#fff; border-top-color:#fff;}
				#header.over .logo a{background:url('../images/da_image/hd_logo.png')}
				#header.over .hd_gnb > li > a{color:#333; font-weight:400;}
				#header.over .hd_right ul li.login a{background-image:url('../images/da_image/hd_login.png');}
				#header.over .hd_right ul li.join a{background-image:url('../images/da_image/hd_join.png');}
				#header.over .hd_right ul li.all_cate a span{background:#000;}

				#header .hd_gnb > li:hover > a{color:#a72363; font-weight:600;}
				#header .hd_gnb .dep2 li a:hover{color:#a72363;}
				#header .hd_gnb .dep2 li a:hover:before{width:100%;}
			}

			#header.on{background:#fff; border-top-color:#fff; box-shadow:0 3px 5px rgba(0,0,0,0.1); height:90px;}
			#header.on .logo a{background:url('../images/da_image/hd_logo.png')}
			#header.on .hd_gnb > li > a{color:#333; font-weight:400;}
			#header.on .hd_right ul li.login a{background-image:url('../images/da_image/hd_login.png');}
			#header.on .hd_right ul li.join a{background-image:url('../images/da_image/hd_join.png');}
			#header.on .hd_right ul li.all_cate a span{background:#000;}

		/* aide open */
			#header .hd_right ul li.all_cate a.on span, #header .hd_right ul li.all_cate a.on span:nth-child(3){background:#fff; top:50%; bottom:auto; left:50%; transform:translate(-50%, -50%) rotate(45deg); background:#fff;}
			#header .hd_right ul li.all_cate a.on span:nth-child(2){opacity:0;}
			#header .hd_right ul li.all_cate a.on span:nth-child(3){transform:translate(-50%, -50%) rotate(-45deg);}

	#header .hd_quick{position:fixed; bottom:15px; right:20px;}
	#header .hd_quick ul{text-align:right;}
	#header .hd_quick ul li{}
		#header .hd_quick ul li + li{margin-top:20px;}
	#header .hd_quick ul li a{ display:inline-flex; height:60px; border-radius:30px; overflow:hidden; background:#fff0; transition:all 0.4s;}
	#header .hd_quick ul li dl{display:flex; height:100%;}
	#header .hd_quick ul li dl dt{position:relative; display:inline-flex; align-items:center; justify-content:center; width:60px; width:60px;  border-radius:100%;}
		#header .hd_quick ul li.talk dl dt{background:linear-gradient(0deg, rgba(109,38,255,1) 0%, rgba(74,39,255,1) 100%);}
		#header .hd_quick ul li.scroll_top dl dt{background: linear-gradient(20deg, rgba(189,32,97,1) 20%, rgba(96,47,103,1) 70%,  rgba(96,47,103,1) 100%);}
		#header .hd_quick ul li.scroll_top dl dt:before{position:absolute; content:'';     width: 13px; height: 13px; border: 2.5px solid #fff0; border-top-color: #fff; border-right-color: #fff; top: 60%; left: 52%; transform: translate(calc(-50% - 0.5px), calc(-50% - 0.5px)) rotate(-45deg); border-radius: 3px;}
	#header .hd_quick ul li dl dd{display:inline-flex; align-items:center; justify-content:center; font-size:16px; font-weight:400; color:#fff;  box-sizing:border-box; width:0; overflow:hidden; padding:0; transition:all 0.4s;}

		/* over */
			@media only screen and (min-width:1024px){
				#header .hd_quick ul li:hover dl dd{width:94px; padding:0 10px 0 0;}
				#header .hd_quick ul li:hover a{background:#333;}
			}


	#layer_dim{position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.4); opacity:0; pointer-events:none;}
		#layer_dim.on{opacity:1; pointer-events:inherit;}
	#aside{position:fixed; top: -100%; left:0; width:100%; height:100%; z-index:999; background: #fff; opacity:0; transition: opacity 0.6s;}
	#aside:before {content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%;  background: url('../images/da_image/aside_bg.jpg') no-repeat center; background-size:cover; z-index: -1;}
		#aside.on{top: 0; opacity:1;}
		#aside:before{animation: clip-wave 4s linear infinite;}
	#aside .all_gnb{position:absolute; top:19.5%; left:50%; transform:translateX(-50%); display:flex; align-items:flex-start; width:73%;}
	#aside .all_gnb > li{text-align:left; width:100%;}
		#aside .all_gnb > li + li{}
	#aside .all_gnb > li > a{display:block; font-size:40px; font-weight:bold; letter-spacing:-0.03em; color: #fff0; background: #fff; background-clip: text;-webkit-background-clip: text; }
	#aside .all_gnb .dep2{margin-top:41px;}
	#aside .all_gnb .dep2 li{padding-right:15px;}
		#aside .all_gnb .dep2 li + li{margin-top:20px;}
	#aside .all_gnb .dep2 li a{display:block; font-size:20px; font-weight:400; color:#aaa; letter-spacing:-0.03em; line-height:150%; transition:all 0.4s;}

		/* over */
			@media only screen and (min-width:1024px){
				#aside .all_gnb > li:hover > a{background: linear-gradient(90deg, rgba(186,33,98,1) 0%, rgba(111,45,102,1) 100%); background-clip: text;-webkit-background-clip: text;}
				#aside .all_gnb .dep2 li a:hover{color:#fff;}
			}

	@media only screen and (max-width:1860px){
		#aside .all_gnb{width:85%;}
		#aside .all_gnb > li > a{font-size:38px;}
		#aside .all_gnb .dep2 li a{font-size:18px;}
	}
	@media only screen and (max-width:1500px){
		#aside .all_gnb{width:90%;}
		#aside .all_gnb > li > a{font-size:36px;}
		#aside .all_gnb .dep2 li a{font-size:17px;}
	}
	@media only screen and (max-width:1400px){
		#aside .all_gnb{width:95%;}
		#aside .all_gnb > li > a{font-size:34px;}
		#aside .all_gnb .dep2 li a{font-size:16px;}
	}


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

	 quick banner

───────────────────────────────────────────────────────────*/
	.bnr_quick_wrap {position:relative;}
	.bnr_quick {position:absolute;top:660px;right:60px;display:flex;align-items:center;z-index:100;}
	.bnr_quick.on {position:fixed;top:160px;}
	.bnr_quick .bnr_control {display: flex;font-size:0;height: 220px;flex-direction: column;justify-content: center;}
	.bnr_quick .bnr_control li {}
	.bnr_quick .bnr_control li + li {margin-top:10px;}
	.bnr_quick .bnr_control li button {width:30px;height:30px;border:1px solid #ddd;border-radius:100%;background:#fff;position:relative;z-index:1;font-size:0;}
	.bnr_quick .bnr_control li button:before {content:'';display:block;position:absolute;width:4px; height:4px; border:2.5px solid #3330; border-top-color: #333;border-right-color: #333; top: 60%; left: 52%; transform: translate(calc(-50% - 0.5px), calc(-50% - 0.5px)) rotate(-45deg); border-radius:3px;}
	.bnr_quick .bnr_control li .quick_arrow.arrow_down:before {border-top-color: #3330;border-right-color: #3330;border-bottom-color:#333;border-left-color:#333;top:50%;}
	.bnr_quick .bnr_control li .bnr_side_go {background:#000;border-color:#000;}
	.bnr_quick .bnr_control li .bnr_side_go:before {transform:translate(calc(-50% - 0.5px), calc(-50% - 0.5px)) rotate(45deg);border-top-color: #fff;border-right-color: #fff;top:53%;left:47%;}
	.bnr_quick .bnr_control li .bnr_side_go.fold:before {transform:translate(calc(-50% - 0.5px), calc(-50% - 0.5px)) rotate(225deg);left:60%;}
	.bnr_quick .bnr_wrap {width:110px;height: 220px;background:#fff;border:1px solid #ddd;box-sizing:border-box;padding:5px;margin-left:8px;border-radius:10px;opacity:1;transition:0.3s;overflow:hidden;}
	.bnr_quick .bnr_wrap.fold {width:0;opacity:0;margin-left:0;}
	.bnr_quick .bnr_wrap .bnr_list {padding-bottom: 40px;}
	.bnr_quick .bnr_wrap .bnr_list li {position: relative;}
	.bnr_quick .bnr_wrap .bnr_list li a{display: block;width:100%;height:100%;position: absolute;top:0;left:0;}
	.bnr_quick .bnr_wrap .bnr_list li .txt_wrap {text-align:center;padding: 6px 0 8px;}
	.bnr_quick .bnr_wrap .bnr_list li .txt_wrap strong {font-size:15px;line-height:20px;font-weight:700;color:#602f67;letter-spacing:-0.03em;display:block;font-family:'Noto Sans KR';}
	.bnr_quick .bnr_wrap .bnr_list li .txt_wrap strong em {font-size:inherit;line-height:inherit;font-weight:inherit;color:#a92d60;display:block;}
	.bnr_quick .bnr_wrap .bnr_list li .txt_wrap strong span {font-size:14px;letter-spacing:-0.05em;}
	.bnr_quick .bnr_wrap .bnr_list li .txt_wrap strong em span {font-size:11px;letter-spacing:-0.05em;white-space:nowrap;}
	.bnr_quick .bnr_wrap .bnr_list .slick-arrow {width:24px;height:24px;border:1px solid #ddd;border-radius:100%;box-sizing:border-box;background:#fff;position:absolute;font-size:0;bottom:5px;}
	.bnr_quick .bnr_wrap .bnr_list .slick-arrow:before {content:'';display:block;position:absolute;width: 3px;height: 3px;border: 2.5px solid #3330;border-top-color: #333;border-right-color: #333;top: 56%;left: 52%;transform: translate(calc(-50% - 0.5px), calc(-50% - 0.5px)) rotate(45deg);border-radius: 3.5px;}
	.bnr_quick .bnr_wrap .bnr_list .slick-prev {left:23px;}
	.bnr_quick .bnr_wrap .bnr_list .slick-prev:before {transform:translate(calc(-50% - 0.5px), calc(-50% - 0.5px)) rotate(225deg);left:56%;}
	.bnr_quick .bnr_wrap .bnr_list .slick-next {left:52px;}
	.bnr_quick .bnr_wrap .bnr_list li .thumb {}
	.bnr_quick .bnr_wrap .bnr_list li .thumb img {}


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

	 FOOTER | outline/footer.html

───────────────────────────────────────────────────────────*/
	#footer{background:#000; padding:40px 0 40px;}
	#footer a{font-size:inherit; font-weight:inherit; color:inherit;}
	#footer .ftr_top{position:relative; padding-bottom:10px; border-bottom:1px solid rgba(255,255,255,0.2);}
	#footer .ftr_nav{display:inline-flex; height:50px; align-items:center;}
	#footer .ftr_nav li{}
		#footer .ftr_nav li + li{margin-left:35px;}
	#footer .ftr_nav li a{font-size:16px; font-weight:400; color:#fff;}
	#footer .sns_list{position:absolute; top:0; right:0;display:inline-flex;}
	#footer .sns_list li{font-size:0; margin-right:10px;}
	#footer .sns_list li a{display:inline-flex; align-items:center; justify-content:center; width:50px; height:50px; background:rgba(255,255,255,0.1); border-radius:100%;}
	#footer .cont{display:flex; padding:40px 0;}
	#footer .cont .logo{width:65px; height:72px; font-size:0;}
	#footer .cont .info{width:calc(100% - 65px); padding-left:40px; box-sizing:border-box;}
	#footer .cont .info h6{font-size:20px; font-weight:400; color:#fff;}
	#footer .cont .info ul{margin-top:20px;}
	#footer .cont .info ul li{}
	#footer .cont .info ul li + li{margin-top:5px;}
	#footer .cont .info dl{display:inline-flex; margin-right:32px;}
	#footer .cont .info dl dt, #footer .cont .info dl dd{font-size:16px; font-weight:300; color:#aaa;}
	#footer .cont .info dl dt + dd{padding-left:4px;}
	#footer .cont .copyright{font-size:16px; font-weight:400; color:#666; margin-top:20px;}


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

	INDEX | index.html

───────────────────────────────────────────────────────────*/
	.main_content{position:relative; width:100%; overflow:hidden;}

	/* visual */
		.main_visual{position:relative;}
		.VisualSwiper{position:relative; height:960px; animation: clip-wave 4s linear infinite;}
			@keyframes clip-wave { 0% {clip-path:path("M0,0h1920v822c0,0-375,114-705,114s-366-62-630-62S0,960,0,960");} 40% {clip-path:path("M0,0h1920v960c0,0-111-96-441-96s-752,96-1016,96S0,868,0,868");} 80%{clip-path:path("M0,0h1920v904c0,0-507,56-837,56s-512-88-776-88S0,912,0,912");} 100% {clip-path:path("M0,0h1920v822c0,0-375,114-705,114s-366-62-630-62S0,960,0,960");}}
		
		.VisualSwiper .swiper-slide{background-size:cover; background-repeat:no-repeat; background-position:center;}
			.VisualSwiper .swiper-slide[data-swiper-slide-index="0"]{background-image:url('../images/da_image/main_visual01.jpg')}
			.VisualSwiper .swiper-slide[data-swiper-slide-index="1"]{background-image:url('../images/da_image/main_visual02.jpg')}
			.VisualSwiper .swiper-slide[data-swiper-slide-index="2"]{background-image:url('../images/da_image/main_visual03.jpg')}
		.VisualSwiper .swiper-slide .txt_wrap{position:absolute; top:32.2%; left:50%; transform:translateX(-50%);}
		.VisualSwiper .swiper-slide .txt_wrap h3{font-size:70px; font-weight:bold; color:#fff; line-height:128%; }
			.VisualSwiper .swiper-slide .txt_wrap h3 + p{margin-top:49px;}
		.VisualSwiper .swiper-slide .txt_wrap p{font-size:20px; font-weight:400; color:#fff; letter-spacing:-0.04em; line-height:180%;}

			/* active */
				.VisualSwiper .swiper-slide .txt_wrap .txtAni{transform:translateY(50px) rotateY(0.1turn) scale(1.1); opacity:0; transition:all 2s; transition-delay:0.4s; color:#fff;}
				.VisualSwiper .swiper-slide .txt_wrap p.txtAni{transition-delay:0.7s;}
				.VisualSwiper .swiper-slide.swiper-slide-active .txt_wrap .txtAni{transform:translateX(0) rotate(0) scale(1); opacity:1; color:#fff;}

		.VisualSwiper .scroll_down{position:absolute; left:42px; bottom:0; width:20px; height:200px;  z-index:3; cursor:pointer;}
			.VisualSwiper .scroll_down:before{position:absolute; content:''; width:1px; height:100%; background:rgba(255,255,255,0.8); top:0; left:50%; margin-left:-0.5px;}
			.VisualSwiper .scroll_down:after{position:absolute; content:''; width:10px; height:10px; background:#fff; border-radius:100%; top:0; left:50%; margin-left:-5px;}
			.VisualSwiper .scroll_down:after{animation-name: ScrollDown; animation-duration:2s; animation-iteration-count:infinite; animation-direction:alternate;  animation-fill-mode: forwards;}
			@keyframes ScrollDown {0% {top:0; background:#fff; }100% {top:calc(50%); background:#a92d60;}}
		.VisualSwiper .controller{position:absolute; left:50%; bottom:20%; transform:translateX(-50%); z-index:4; display:inline-flex; align-items:center;}
		.VisualSwiper .swiper-pagination{position:relative; top:auto; left:auto; bottom:auto; right:auto;}
		.VisualSwiper .swiper-pagination .swiper-pagination-bullet{position:relative; display:inline-flex; align-items:center; justify-content:center; width:50px; height:50px; font-size:16px; font-weight:600; color:rgba(255,255,255,0.6); background:none; opacity:1; letter-spacing:-0.03em;  transition:all 0.4s;}
			.VisualSwiper .swiper-pagination .swiper-pagination-bullet + .swiper-pagination-bullet{margin-left:15px;}
		.VisualSwiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{color:#fff;}
		.VisualSwiper .play_btn{position:relative; width:9px; height:10px; margin-left:30px; cursor:pointer;}
			.VisualSwiper .play_btn:before{position:absolute; content:''; width:3px; height:100%; top:0; left:0; background:#fff; }
			.VisualSwiper .play_btn:after{position:absolute; content:''; width:3px; height:100%; top:0; right:0; background:#fff; transition:all 0.4s;}
			.VisualSwiper .play_btn.on:before{width:auto; height:auto; background:#fff0; border:5px solid #fff0; border-left:7px solid #fff;}
			.VisualSwiper .play_btn.on:after{opacity:0;}

			/*over */
			@media only screen and (min-width:1024px){
				.VisualSwiper .swiper-pagination .swiper-pagination-bullet:hover{color:#fff;}
			}

		.VisualSwiper .circle-stroke{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); opacity:0; transition:all 0.4s;}
		.VisualSwiper .circle-stroke.ani{transform:translate(-50%, -50%) rotate(-90deg); stroke-dasharray: 156; stroke-dashoffset: 156;}

		.VisualSwiper .circle-stroke circle{stroke:rgba(255,255,255,0.3); stroke-width:2; stroke-linecap: round;}	
		.VisualSwiper .circle-stroke.ani circle{stroke:rgba(255,255,255,1); stroke-width:2; stroke-linecap: round;}
		
			/* active */
			.VisualSwiper .swiper-pagination-bullet-active .circle-stroke{opacity:1;}
			.VisualSwiper .swiper-pagination-bullet-active.on .circle-stroke.ani {animation: circle-stroke 5s linear;  animation-fill-mode:both }
		
			  @keyframes circle-stroke { 0% {stroke-dashoffset: 156;}  100% {stroke-dashoffset: 0;} }


	/* service */
		.main_service{position:relative; background:#f5f5f5; padding:320px 0 308px; margin-top:-100px;}
			.main_service:before{position:absolute; content:''; width:426px; height:468px; background:url('../images/da_image/main_service_bg_icon.png') no-repeat center; top:-8%; right:1%;}
		.main_service .ser_list{display:flex;}
		.main_service .ser_list li{position:relative; width:100%; background:#fff; padding:36px 40px 129px; box-sizing:border-box;}
			.main_service .ser_list li + li{margin-left:30px;}
		.main_service .ser_list li .icon{position:absolute; display:flex; width:100px; height:100px; align-items:center; justify-content:center; border-radius:100%; top:-10px; left:-11px; background:linear-gradient(45deg, rgba(151,44,88,1) 30%, rgba(101,47,102,1) 100%) ;}
		.main_service .ser_list li dl{}
		.main_service .ser_list li dl dt{text-align:right;}
			.main_service .ser_list li dl dt + dd{margin-top:19px;}
		.main_service .ser_list li dl dt strong{display:block; font-size:26px; font-weight:bold; color:#111; letter-spacing:-0.03em; }
			.main_service .ser_list li dl dt strong + span{margin-top:6px;}
		.main_service .ser_list li dl dt span{display:block; font-size:18px; font-weight:bold; color:#602f67; letter-spacing:-0.03em; }
		.main_service .ser_list li dl dd{font-size:16px; font-weight:400; color:#666; line-height:175%; letter-spacing:-0.03em;}
		.main_service .ser_list .more_wrap{position:absolute; left:50%; bottom:40px; transform:translateX(-50%); width:calc(100% - 30px); display:flex; justify-content:center; align-items:center;}
		.main_service .ser_list .more_wrap .quick_order span{display:inline-flex; align-items:center; height:60px; font-size:18px; font-weight:500; color:#a92d60; border:1px solid #a92d60; background:#fff; padding:0 27px; box-sizing:border-box; line-height:1; transition:all 0.4s;}
			.main_service .ser_list .more_wrap .quick_order span:after{display:inline-flex; content:''; width:15px; height:12px; background:url('../images/da_image/main_more_arrow.png') no-repeat center; margin-left:20px; transition:all 0.4s;}
		.main_service .ser_list .more_wrap .logo{display:inline-block; }
		.main_service .ser_list .more_wrap .quick_order + .logo{margin-left:29px;}

		.main_service{animation: clip-wave2 2s linear infinite;}
			@keyframes clip-wave2 { 0% {clip-path:path("M1,864.54.5.24h1920V868S1821,816.55,1522,816.55,360,966.91,1,864.54Z");} 40% {clip-path:path("M1,796,.5.24h1920V840S1181,891,882,891,360,898.37,1,796Z");} 100%{clip-path:path("M1,864.54.5.24h1920V868S1821,816.55,1522,816.55,360,966.91,1,864.54Z");}}

		/* over */
		@media only screen and (min-width:1024px){
			.main_service .ser_list .more_wrap .quick_order span:hover{background:#a92d60; color:#fff;}
			.main_service .ser_list .more_wrap .quick_order span:hover:after{background-image:url('../images/da_image/main_more_arrow_wh.png')}
		}

	/* title */
		.main_title{position:relative;}
		.main_title h2{font-size:70px; font-weight:bold; color:#111; line-height:114%;}
			.main_title h2 + p{margin-top:35px;}
		.main_title h3{font-size:60px; font-weight:bold; color:#111; letter-spacing:-0.03em;}
			.main_title h3 + p{margin-top:33px;}
		.main_title h4{font-size:50px; font-weight:bold; color:#111; letter-spacing:-0.03em;}
		.main_title h4 a{font-size:inherit; font-weight:inherit; color:inherit;}
		.main_title p{font-size:20px; font-weight:400; color:#333; line-height:170%; letter-spacing:-0.04em; font-family:'Noto Sans KR', Malgun Gothic,'맑은 고딕', AppleGothic,Dotum,'돋움', sans-serif;}


	/* brochures */
		.main_brochures{padding:48px 0 170px;}
		.main_brochures .w_custom{display:flex;}
		.main_brochures .main_title{width:550px; padding-right:15px; box-sizing:border-box; padding-top:60px;}
		.main_brochures .bro_list{display:flex; width:calc(100% - 550px); flex-wrap:wrap;}
		.main_brochures .bro_list li{margin-right:30px; width:calc(100% / 2 - 15px); border-radius:0 80px; height:212px; padding:33px 40px; box-sizing:border-box; position:relative;}
			.main_brochures .bro_list li:nth-child(2n){margin-right:0;}
			.main_brochures .bro_list li:nth-child(n+3){margin-top:30px;}
			.main_brochures .bro_list li:nth-child(2), .main_brochures .bro_list li:nth-child(3){border-radius:80px 0;}
			.main_brochures .bro_list li:nth-child(1){background:#972c58;}
			.main_brochures .bro_list li:nth-child(2){background:#932c59;}
			.main_brochures .bro_list li:nth-child(3){background:#762e61;}
			.main_brochures .bro_list li:nth-child(4){background:#612f67;}
		.main_brochures .bro_list li dl{}
		.main_brochures .bro_list li dl dt{font-size:18px; font-weight:400; color:rgba(255,255,255,0.6);}
			.main_brochures .bro_list li dl dt + dd{margin-top:6px;}
		.main_brochures .bro_list li dl dd{font-size:30px; font-weight:bold; color:#fff; line-height:120%; }
		.main_brochures .bro_list li .down_load{position:absolute; right:20px; bottom:-20px; opacity:0; transition:all 0.4s;}
		.main_brochures .bro_list li .down_load span{display:inline-flex; align-items:center; height:60px; font-size:18px; font-weight:500; color:#fff; padding:0 29px;  background:#111; box-shadow:0 0 20px rgba(0,0,0,0.2); line-height:1; transition:all 0.4s;} 
			.main_brochures .bro_list li .down_load span:after{display:inline-flex; content:''; width:15px; height:11px; background:url('../images/da_image/main_more_arrow_wh.png') no-repeat center; margin-left:16px; transform:rotate(90deg);}

			/* over */
			@media only screen and (min-width:1024px){
				.main_brochures .bro_list li:hover .down_load{opacity:1;}
				.main_brochures .bro_list li .down_load span:hover{background:#a92d60; color:#fff;}
			}

	/* genomics */
		.main_genomics{position:relative; padding:100px 0 176px;}
			.main_genomics:before{position:absolute; content:''; top:0; left:0; width:86.3%; height:58.5%; background:#f7f1f4; border-radius:0 200px 0 0; z-index:-1;}
		.main_genomics .w_custom{display:flex;}
		.main_genomics .main_title{width:760px; padding-right:15px; box-sizing:border-box; padding-top:56px;}
		.main_genomics .main_title .icon_list{margin-top:54px;}
		.main_genomics .icon_list{display:flex;}
		.main_genomics .icon_list li{}
			.main_genomics .icon_list li + li{margin-left:40px;}
		.main_genomics .icon_list li dl{position:relative;}
		.main_genomics .icon_list li dl dt{display:flex; align-items:center; justify-content:center; width:130px; height:130px; border:1px dashed #aaa; border-radius:100%; box-sizing:border-box; background:#fff;}
		.main_genomics .icon_list li dl dd{position:absolute; left:50%; transform:translateX(-50%); top:calc(100% + 15px); text-align:center;font-size:18px; font-weight:400; color:#333; line-height:133%; letter-spacing:-0.03em; width:max-content;}
		.main_genomics .thumb{width:calc(100% - 760px); font-size:0;}
		.main_genomics .thumb span{display:block; width:calc(100% + 270px); border-radius:150px 0 0 0; overflow:hidden;}

	/* board */
		.main_board{}
		.main_board .board_list{display:flex;}
		.main_board .board_list li{width:100%;}
			.main_board .board_list li + li{margin-left:100px;}
		.main_board .board_list .border_more{position:absolute; top:50%; transform:translateY(-50%); right:0; width:50px; height:50px; border:1px solid #ddd; background:#fff; box-sizing:border-box; transition:all 0.4s;}
			.main_board .board_list .border_more:before{position:absolute; content:''; width:20px; height:2px; background:#aaa; top:50%; left:50%; transform:translate(-50%, -50%); transition:all 0.4s;}
			.main_board .board_list .border_more:after{position:absolute; content:''; width:2px; height:20px; background:#aaa; top:50%; left:50%; transform:translate(-50%, -50%); transition:all 0.4s;}
		.main_board .board_list .cont{margin-top:18px; }
		.main_board .board_list .cont table{border-top:2px solid #000;}
		.main_board .board_list .cont table tr{position:relative; border-bottom:1px solid #ddd; transition:all 0.4s;}
		.main_board .board_list .cont table td.subject{font-size:18px; font-weight:400; color:#333; letter-spacing:-0.03em; padding:24px 0 26px 130px; box-sizing:border-box; transition:all 0.4s;}
		.main_board .board_list .cont table td.date{position:absolute; top:52%; left:0; transform:translateY(-50%); font-size:18px; font-weight:bold; color:#ccc; text-align:left; transition:all 0.4s;}

		/* over */
		@media only screen and (min-width:1024px){
			.main_board .board_list .border_more:hover{background:#a92d60; border-color:#a92d60;}
			.main_board .board_list .border_more:hover:before, .main_board .board_list .border_more:hover:after{background:#fff;}
			.main_board .board_list .cont table tr:hover{background:#f5f5f5;}
			.main_board .board_list .cont table tr:hover td.subject {padding-left:145px;}
			.main_board .board_list .cont table tr:hover td.date {left:15px;}
		}
	/* partner */
		.main_partner{padding:140px 0 146px;}
		.main_partner .main_title{display:flex; align-items:center;}
		.main_partner .main_title h3 + p{margin:0 0 0 40px;}
		.main_partner .PartnerSwiper{overflow:hidden; margin-top:45px;}
		.main_partner .controller{position:absolute; top:50%; right:0; transform:translateY(-50%); z-index:3; display:inline-flex;}
		.main_partner .controller .swiper-button-prev:after,
		.main_partner .controller .swiper-button-next:after {display: none;}
		.main_partner .swiper_btn{position:relative; top:auto; right:auto; bottom:auto; left:auto; width:60px; height:60px; border:1px solid #ddd; border-radius:100%; box-sizing:border-box; font-size:0; margin:0; background:#fff; transition:all 0.4s;}
			.main_partner .swiper_btn + .swiper_btn{margin-left:10px;}
			.main_partner .swiper_btn:before{position:absolute; content:''; width:12px; height:12px; border:2px solid #fff0; border-left-color:#aaa; border-top-color:#aaa; top:50%; left:57%; transform:translate(-50%, -50%) rotate(-45deg); border-radius:3px; transition:all 0.4s;}
			.main_partner .swiper_btn.swiper-button-next:before{transform:translate(-50%, -50%) rotate(-45deg) scale(-1, -1); left:46%}
		.main_partner .brand_more{margin-left:30px;}
		.main_partner .brand_more span{display:flex; align-items:center; height:60px; font-size:16px; font-weight:400; color:#666; padding:0 27px; line-height:1; border:1px solid #ddd; box-sizing:border-box; letter-spacing:-0.03em; transition:all 0.4s;}
			.main_partner .brand_more span:after{display:inline-flex; content:''; width:15px; height:12px; background:url('../images/da_image/main_more_arrow_gr.png') no-repeat center; margin-left:20px; transition:all 0.4s;}

		/* over */
		@media only screen and (min-width:1024px){
			.main_partner .swiper_btn:hover{background:#a92d60; border-color:#a92d60;}
			.main_partner .swiper_btn:hover:before{border-left-color:#fff; border-top-color:#fff;}
			.main_partner .brand_more span:hover{background:#a92d60; border-color:#a92d60; color:#fff;}
			.main_partner .brand_more span:hover:after{background-image:url('../images/da_image/main_more_arrow_wh.png');}
		}

	@media only screen and (max-width:1540px){
		.VisualSwiper .swiper-slide .txt_wrap, .VisualSwiper .controller{width:88%;}
	}
	@media only screen and (max-width:1397px){
		.main_service .ser_list li .icon{width:80px; height:80px; }
		.main_service .ser_list li dl dt strong{font-size:23px;}
		.main_service .ser_list li dl dt span{font-size:17px;}
		.main_service .ser_list li dl dd{font-size:15px;}
		.main_brochures .bro_list li dl dd{font-size:24px;}
	}


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

	 게시판, 회원 공통 요소

───────────────────────────────────────────────────────────*/
	/*** 페이징 ***/
		.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:30px;padding: 0 5px;}
		.paging span + span {}
		.paging .page_num a {display: block; width:30px;height:30px; font-size: 15px; color: #999;}
		.paging .page_num a img {display: none;}
		.paging .page_num.on a, .paging .page_num a:hover {background: #a92d60; border-radius: 50%; font-size: 15px; font-weight: 400; color: #fff; overflow: hidden;}
		.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/da_image/page_first.png') no-repeat center;}
		.paging .arrow.prev a {background:url('../images/da_image/page_prev.png') no-repeat center;}
		.paging .arrow.next a {background:url('../images/da_image/page_next.png') no-repeat center;}
		.paging .arrow.last a {background:url('../images/da_image/page_last.png') no-repeat center;}


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

	 BOARD   |   게시판서브타입 type

───────────────────────────────────────────────────────────*/
	/*** 게시판 리스트 공통 | board/board_list.html ***/
		.sub_board {position: relative; margin: 0; margin-top: -20px; padding: 0;}

		/* 검색 */
			.sub_board .board_search {background: #fff; padding: 0; border: 0; margin-bottom: 40px;}
			.sub_board .board_search fieldset {display: flex; justify-content: flex-end;}
			.sub_board .board_search select {width: 160px;}
			.sub_board .board_search input[type="text"] {width: 340px; margin: 0 10px;}
			.sub_board .board_search .btn_basic {width: 50px; height: 50px; background: #602f67 url("../images/da_image/icon_search.png") no-repeat center !important; background-size: 100%; border: 0 !important; border-radius: 6px; font-size: 0; overflow: hidden;}
		/* 하단 버튼 */
			.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;}
			.sub_board .gallery_list + .board_btm {margin: 10px 0 0 0;}
			.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;table-layout:fixed;}
			.sub_board table.board_list tr {border-top:1px solid #333;border-bottom:1px solid #ddd;}
			.sub_board table.board_list th {font-size:17px;text-align:center;line-height:59px;font-weight:500;color:#333;background:#f5f5f5;letter-spacing:-0.04em;font-family:'Noto Sans KR';}
			.sub_board table.board_list td {font-size:16px;color:#555;line-height:1.25;height:59px;padding:0 10px;vertical-align:middle;box-sizing:border-box;font-family:'Noto Sans KR';word-break:break-all;}
			.sub_board table.board_list td a {display: inline-block;vertical-align: middle;overflow: hidden;width: 100%;text-overflow: ellipsis;white-space: nowrap;font-weight:400;}
			.sub_board table.board_list td.left {text-align:left;padding-left:15px;padding-right:15px;}
			.sub_board table.board_list td.st2{color:#111;font-weight:500;}
			.sub_board table.board_list td.st3{color:#ee0000;font-weight:500;}
			.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 a {font-size:inherit;font-weight:inherit;color:inherit;}
			.sub_board table.board_list td .board_tit h3 {font-size:inherit;font-weight:inherit;color:inherit;}
			.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 strong {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: inline-block;vertical-align: top;max-width: 650px;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 {width: 100%; display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap;}
			.sub_board ul.gallery_list li {position: relative; width: calc((100% - 7.5%) / 4); margin: 0 2.5% 50px 0;}
			.sub_board ul.gallery_list li.last {margin-right: 0;}
			.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 li .thumb {position: relative; width: 100%; margin: 0 0 14px; box-sizing: border-box; border: 1px solid #ddd; border-radius: 10px; padding-top: 100%; overflow: hidden;}
			.sub_board ul.gallery_list li .thumb img {position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition: all 0.3s;}
			.sub_board ul.gallery_list li .txt_info .board_tit {text-align: center;}
			.sub_board ul.gallery_list li .txt_info .board_tit h3 {display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; font-size: 20px; font-weight: 400; color: #333; letter-spacing: -0.04em; line-height: 1.2; transition: all 0.3s;}
			.sub_board ul.gallery_list li.no_data {line-height:20px;padding:122px 0;}
		/* hover */
			.sub_board ul.gallery_list li:hover .thumb img {transform: scale(1.05);}
			.sub_board ul.gallery_list li:hover .txt_info .board_tit h3 {text-decoration: underline;}

	/*주문하기 게시판*/
		.sub_board .caution_box{box-sizing:border-box;border:1px solid #ddd;padding:30px 40px;margin-bottom:30px;}
		.sub_board .caution_box dl{}
		.sub_board .caution_box dl dt{position: relative;font-size: 18px;font-weight: 400;color: #333;letter-spacing: -0.04em;padding: 0 0 0 34px;box-sizing: border-box;margin-bottom: 14px;}
		.sub_board .caution_box dl dt:before{position: absolute;content: '!';width: 24px;height: 24px;border: 1px solid #c31515;border-radius: 100%;top: 50%;left: 0;transform: translateY(-50%);font-size: 16px;font-weight: 500;color: #c31515;display: inline-flex;align-items: center;justify-content: center;font-family: 'Inter', 'Noto Sans KR', 'Malgun Gothic','맑은 고딕', AppleGothic,Dotum,'돋움', sans-serif;}
		.sub_board .caution_box dl dd{font-size:16px;color:#666;font-weight:400;}
		.sub_board .caution_box dl dd strong{color:#333;}

	/*** 게시판 쓰기 | board/_form_board_write.html ***/
		table.board_write {border-top:1px solid #333;border-bottom:0;font-size:13px;text-align:left;margin-bottom:20px; }
		table.board_write tr + tr th, table.board_write tr + tr td {border-top:0;}
		table.board_write th, table.board_write td {font-size:16px;font-weight:400;color:#555;text-align:left;vertical-align:middle;box-sizing:border-box;padding-top:14px;padding-bottom:14px;padding-left:20px;padding-right:20px; height:70px; line-height:1.75; letter-spacing:-0.04em; border-bottom:1px solid #ddd; font-family:'Noto Sans KR', Malgun Gothic,'맑은 고딕', AppleGothic,Dotum,'돋움', sans-serif;word-break:break-all;}
		table.board_write th {color:#333;font-weight:500;font-size:17px;padding-left:20px;padding-right:20px;background-color:#f5f5f5;}
		table.board_write th.important:after, table.board_write th .require_dot:before{display:inline-flex; content:'*'; color:#a92d60; margin-left:4px;}
		table.board_write td {}
		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"], table.board_write td select {min-width:260px; width:32.1%; margin-right:6px; height:40px; line-height:inherit; border-radius:0; padding:0 15px; vertical-align:top;}
			table.board_write td input[type="text"]::placeholder, table.board_write td input[type="password"]::placeholder, table.board_write td input[type="number"]::placeholder{color:#aaa;}
		table.board_write td select {width:320px;}
		table.board_write td input[type="file"]{font-size:16px;; font-weight:400; color:#555; font-family:inherit;}
		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;}
		table.board_write .policy td{padding-left:0; padding-right:0; border-bottom:0; padding-bottom:0;}
		table.board_write td #captcha_box{display:inline-block; vertical-align:top; margin-right:7px;}
		table.board_write td #refreshCode{background:#fff url('../images/board/icon_btn_reset.gif') no-repeat center; font-size:0; width:40px; height:40px; display:inline-block; vertical-align:top; border:1px solid #ddd; box-sizing:border-box; cursor:pointer;}
		table.board_write td .btn{background:#888; font-size:16px; width:120px;}
		table.board_write td .zip_code{margin-bottom:10px;}
		table.board_write td input[type="text"].zip_inp{width:150px; min-width:auto;}
		table.board_write td input[type="text"].addr01{width:32.1%;}
		table.board_write td input[type="text"].addr02{width:47.2%}

		table.board_write td .label_list{display:flex; flex-wrap:wrap;}
		table.board_write td .label_list li{width:20%; }
			table.board_write td .label_list li:nth-child(n+6){margin-top:16px;}
			table.board_write td .label_list.auto{margin-bottom:-16px;}
			table.board_write td .label_list.auto li{width:auto; margin-top:0; margin-right:60px; margin-bottom:16px;}
		table.board_write td label{font-size:17px; font-weight:400; color:#444; letter-spacing:-0.04em; font-family:'Noto Sans KR', Malgun Gothic,'맑은 고딕', AppleGothic,Dotum,'돋움', sans-serif;}
		table.board_write td .label_list input[type="checkbox"] + label:before, table.board_write td .label_list input[type="checkbox"] + label::before{margin-right:9px;}
		table.board_write td .cont_noti{position:relative; font-size:18px; font-weight:400; color:#666; letter-spacing:-0.04em; padding:0 0 0 34px; box-sizing:border-box; margin-bottom:14px;}
			table.board_write td .cont_noti:before{position:absolute; content:'!'; width:24px; height:24px; border:1px solid #c31515; border-radius:100%; top:50%; left:0; transform:translateY(-50%); font-size:16px; font-weight:500; color:#c31515; display:inline-flex; align-items:center; justify-content:center; font-family:'Inter', 'Noto Sans KR', 'Malgun Gothic','맑은 고딕', AppleGothic,Dotum,'돋움', sans-serif;}
		table.board_write td .cont_noti strong{font-size:inherit; font-weight:500; color:#333; }

		table.board_write td .radio_info{display:flex; align-items:center; background:#f7f1f4; padding:20px 30px; box-sizing:border-box; border-radius:0 0 20px 0; overflow:hidden; margin-bottom:30px;}
		table.board_write td .radio_info span{display:inline-flex; align-items:center; justify-content:center; width:60px; height:60px; border-radius:100%; box-sizing:border-box; font-size:0; background: linear-gradient(0deg, rgba(149,44,89,1) 0%, rgba(103,47,101,1) 100%); margin-right: 20px;}
		table.board_write td .radio_info dl{display:inline-flex; align-items:center;}
		table.board_write td .radio_info dl dt{font-size:20px; font-weight:500; color:#333; letter-spacing:-0.04em; margin-right:20px;}
		table.board_write td .radio_info dl dd{font-size:17px; font-weight:400; color:#444; letter-spacing:-0.04em;}

		table.board_write td .radio_noti{border-top:1px solid #ddd; padding-top:18px; margin-top:27px;}
		table.board_write td .radio_noti dl{display:flex; align-items:center;}
		table.board_write td .radio_noti dl dt{position:relative; font-size:20px; font-weight:500; color:#333; letter-spacing:-0.04em; width:125px; box-sizing:border-box; padding-left:35px;}
			table.board_write td .radio_noti dl dt:before{position:absolute; content:'!'; width:24px; height:24px; border:1px solid #c31515; box-sizing:border-box; border-radius:100%; top:50%; left:0; transform:translateY(-50%); display:inline-flex; align-items:center; justify-content:center; font-size:16px; font-weight:500; color:#c31515; font-family:'Inter', 'Noto Sans KR', 'Malgun Gothic','맑은 고딕', AppleGothic,Dotum,'돋움', sans-serif;}
		table.board_write td .radio_noti dl dd{width:calc(100% - 125px);}
		.sub_join table.board_write td input[type="radio"] + label{margin-right:60px;}

		table.board_write.board_order td textarea{font-size:16px;}
		


	/*** 게시판 상세 | board/board_view.html ***/
		.sub_board .board_view {border-top: 1px solid #333; margin-bottom:0px;text-align:left;}
		.sub_board .board_view div.view_tit {border-bottom: 1px solid #ddd;}
		.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:none;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:#333;padding: 12px 16px;font-weight: 400;line-height:40px;font-size:16px;width: 100%;box-sizing: border-box;background: #fafafa;letter-spacing: -0.04em;}
		.sub_board .board_view div.view_cont {color:#888;width:100%;box-sizing:border-box;font-size:12px;padding:50px 0;line-height:26px;min-height:255px;border-bottom:1px solid #dddd;}
		.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 .board_view + .view_btn {position:relative; padding-top: 60px;}
		/* .sub_board .view_btn .btn_center {text-align:left;float:left;} */
		.sub_board .view_btn .btn_center .btn_point {/* background: #fff !important; */ font-size: 18px; line-height: 60px; font-weight: 400; color: #555; letter-spacing: -0.03em; padding: 0; width: 180px; height: 60px; border: 1px solid #aaa !important; box-sizing: border-box; text-align: center; vertical-align: top;}
		.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;}
		/* 게시판 개인정보취급 */
			textarea:focus{outline:none;}
			.sub_board .policy_cont {}
			.sub_board .policy_cont > div {text-align:left;margin:15px 0 0;}
			.sub_board .policy_cont > div input[type=checkbox] {}
			.sub_board .policy_cont > div label {color:#333;font-size:14px;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; font-weight:400; 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:#666 !important;font-size:12px !important;line-height:18px !important;box-sizing:border-box;}
			.sub_board .policy_cont > div textarea.write {min-width:80% !important;width:100% !important;padding:15px !important;height:100px !important;}
	/*** 게시판(비밀번호) | 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

───────────────────────────────────────────────────────────*/
	/** PC 일반 **/
		/*** 로그인 | member/login.html ***/
		.sub_login {}
		.sub_login .login_box {width:420px; margin:0 auto; padding:0}
		.sub_login .login_box h3,
		h3.sub_log_title {padding-bottom:25px;color:#888;font-size:16px;line-height:21px;text-align:center;font-weight:400;letter-spacing:-0.04em;font-family:'Open Sans','Nanum Gothic', 'Malgun Gothic', '맑은 고딕', dotum, sans-serif;}
		.sub_login .login_box h3 em,
		h3.sub_log_title em {color:#333;font-size:36px;line-height:44px;padding:0 0 6px 0;display:inline-block;width:100%;letter-spacing:0;font-weight:700;font-family:'Open Sans','Nanum Gothic', 'Malgun Gothic', '맑은 고딕', dotum, sans-serif;}
		.sub_login .login_box ul {}
		.sub_login .login_box ul li {padding-bottom:2.4%;}
		.sub_login .login_box ul li input {padding:0 20px; width:100%; height:48px; border:1px solid #cccccc; font-size:14px; color:#888888; font-weight:500;}
		.sub_login .login_box ul li:last-of-type {padding-top:2.4%;}
		.sub_login .login_box ul li button[type="submit"] {width:100%;font-size: 20px;line-height: 60px; font-weight: 500; letter-spacing: -0.03em; text-align: center; height: 60px; background: #602f67; display: block; margin: 0 auto;}
		.sub_login .login_box ul.login_link {border-top:1px solid #cccccc; width:100%; margin-top:7%; text-align:center; height:20px; line-height:20px; padding-top:3.6%;}
		.sub_login .login_box ul.login_link li {display:inline-block; padding:0 25px 0 0;}
		.sub_login .login_box ul.login_link li + li:before {display:inline-block;content:"";width:1px;height:12px;background:#ddd;vertical-align:middle;margin-right:25px;}
		.sub_login .login_box ul.login_link li a {color:#999999; font-size:14px; font-weight:500; vertical-align: middle;}
		.sub_login .login_box ul.login_link li.first {background:none;}

		/*** 회원가입동의 | member/join_agreement.html ***/
		.sub_agree {}
		.sub_agree.my_info{}
		.bbs_write_title {font-size: 20px; color: #222; font-weight: 700; padding-bottom: 1.2%;}
		.sub_agree .agree_box {text-align:left;}
		.sub_agree .line {margin-bottom:3.6%; padding-bottom:3.6%; border-bottom:2px solid #eeeeee;}
		.sub_agree .agree_box textarea {border:1px solid #dddddd; font-size:12px; color:#666666; width:100%; height:180px; font-weight:400; line-height:22px; padding:2% 12px;box-sizing:border-box;}
		.sub_agree .agree_box p {color:#333333;padding-top:1.6%;font-size:12px;}

		/*** 회원가입 | member/join.html ***/
		h3.join_tit {font-size:18px; color:#222222; font-weight:500; text-align:left; padding-bottom:12px;}
		h3.join_tit.pt20 {padding-top:20px;}
		.sub_memberout {}
		.sub_memberout p {font-size:13px; color:#666; line-height:20px; padding-bottom:20px;}
			table.board_css {table-layout:fixed;width:100%;text-align:left;box-sizing:border-box;border-top:1px solid #333;}
			table.board_css.bbs_title{border-top:1px solid #333;}
			table.board_css th,
			table.board_css td {font-size:16px;padding-top:12px;padding-bottom:12px;padding-left:20px;padding-right:20px;line-height:30px;border-bottom:1px solid #ddd;color:#555;text-align:left;vertical-align:middle;box-sizing:border-box;letter-spacing:-0.04em;font-family:'Noto Sans KR';word-break:break-all;}
			table.board_css th {padding:19.5px 20px;font-size:17px;font-weight:500;color:#333;background-color:#f5f5f5;letter-spacing:-0.04em;}
			table.board_css td {}
			table.board_css tr span,
			table.board_css tr input,
			table.board_css tr select,
			table.board_css tr textarea,
			table.board_css tr label {font-weight:400;}
			table.board_css tr select {background:#fff;}
			table.board_css tr label.ex_radio {width:100%;display:block;}
			table.board_css tr input[type="radio"] + label.ex_radio:before, 
			table.board_css tr input[type="radio"] + label.ex_radio::before {margin:-2px 5px 0 0;}
			table.board_css tr td #captcha_box {display:inline-block;width:auto;vertical-align:middle;margin-right:10px;}
			table.board_css tr td #captcha_box #captcha {height: 50px !important;}
			table.board_css tr td input[name="captcha"],
			table.board_css tr td .btn_reset,
			table.board_css tr td #refreshCode {vertical-align:middle !important;}
			table.board_css th .require_dot,
			table.board_css th .require_dot:before {line-height:inherit;height:inherit;color:#444;font-weight:400;display:inline-block;}
			table.board_css th .require_dot {padding-left:4px;}
			table.board_css th .require_dot:before {content:' *';font-size:inherit;vertical-align:middle;}
			table.board_css td p {line-height:20px;padding:5px 0 0;font-size:inherit;display:inline-block;margin:0;vertical-align:top;}
			table.board_css td div.view_cont {padding:8px 10px 50px 10px; line-height:26px; min-height:150px;}
			table.board_css td select,
			table.board_css td input[type="text"],
			table.board_css td input[type="password"],
			table.board_css td input[type="number"],
			table.board_css td input[type="date"] {min-width:25%; }
			table.board_css td input[name="title"] {width:100%;}
			table.board_css td input[name="zip"] {width:140px;min-width:70px;}
			table.board_css td input[name="address"],
			table.board_css td input[name="address2"] {width:55%;min-width:450px;}
			table.board_css td input.tel {min-width:50px;}
			table.board_css td textarea {min-width:100%;height:200px;}
			table.board_css td select.mail_select {margin-left:0px;margin-right:5px;}
			table.board_css td input[name="email_id"] {width:16%;min-width:120px;}
			table.board_css td input[name="email_domain"],
			table.board_css td select.mail_select {width:20%;min-width:140px;}
			table.board_css td input[name="email_domain"] {display:inline-block !important;}
			table.board_css .input_file {}
			table.board_css .input_file td,
			table.board_css .input_file td input {vertical-align:middle;}
			table.board_css td .file_name {display: inline-block;vertical-align: top;}
			table.board_css td .file_name a {display:inline-block;vertical-align:middle;line-height:23px;}
			table.board_css td .file_name .file_no {margin-left:5px;}
			table.board_css td .at {display:inline-block;vertical-align:middle;margin:0 0 0 3px;}
			table.board_css .input_email input {display:inline-block !important;}
				/* 캡챠 */
			table.board_css.captcha {border-top: 0;}
			/* table.board_css.captcha th {text-align:center;} */
			table.board_css.captcha th #captcha_box {}
			table.board_css.captcha th #captcha_box img {width:100% !important;height:auto !important;}
			table.board_css.captcha td {line-height:40px;vertical-align:middle;}
			table.board_css.captcha td input,
			table.board_css.captcha td span,
			table.board_css.captcha td button {vertical-align:middle !important;}
				/* 버튼 */
			table.board_css  + .btn_center {margin-top: 60px;}
			table.board_css  + .btn_center .btn {font-size: 20px;line-height: 60px;font-weight: 500;letter-spacing: -0.03em; width: 200px; height: 60px;}

		/*** 회원가입 완료 | member/join_ok.html ***/
		.sub_ok {max-width:100%;box-sizing:border-box; margin:0 auto; border:20px solid #eee; outline:1px solid #ddd;}
		.sub_ok .ok_box {width:100%;box-sizing:border-box; margin:0 auto; padding:6% 0;text-align:center;}
		.sub_ok .ok_box h3 {padding-bottom:1.4%; font-size:36px; font-weight:700; color:#333;word-break:keep-all;}
		.sub_ok .ok_box h4 {padding-bottom:2.8%; font-size:16px; color:#777; line-height:26px; font-weight:500;word-break:keep-all;}
		.sub_ok .ok_box h4 span {color:#222222; font-weight:500;}
		.sub_ok .ok_box .login_bt a {display:inline-block; font-size:15px; font-weight:700; width:120px; height:40px; background:#222222; border:1px solid #222222; text-align:center; line-height:40px; color:#fff; font-weight:500;}

		/*** 비밀번호 변경 안내 | member/periodic_change_pw.html ***/
		.sub_login.add {}
		.sub_login.add .login_box {width:100%;}
		.sub_login.add .login_box h2 {color:#282828; font-size:23px; font-weight:500; line-height:32px;}
		.sub_login.add .login_box h2 span {color:#222222; font-size:23px; font-weight:500;}
		.sub_login.add .login_box table.board_css {}
		.sub_login.add .login_box table.board_css caption {text-indent:0;line-height:20px;color:#777;font-size:14px;font-weight:500;text-align:left;padding-bottom:14px;height: auto;}
		.sub_login.add .login_box table.board_css caption span {color:#444; font-size:14px; font-weight:500;}
		.sub_login.add .login_box table.board_css input {max-width:200px;}
		.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;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);}

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

	pay

───────────────────────────────────────────────────────────*/
	.sub_content.sub_pay_box{padding-top:40px;}
	.sub_pay{}
	.sub_pay .pay_box{box-sizing:border-box;border:2px solid #ddd;border-radius:20px;padding:62px 65px 43px 107px;}
	.sub_pay .pay_box ol{display:flex;justify-content:space-between;counter-reset: pay_counter;}	
	.sub_pay .pay_box ol li{text-align: center;counter-increment: pay_counter;position: relative;}
	/* .sub_pay .pay_box ol li + li:before{width:36px;height:41px;content:"";background:url('../images/da_image/pay-arw.png')no-repeat center;position: absolute;left:-29%;top:27%;} */
	.sub_pay .pay_box ol li:nth-child(2){margin-left:40px;}
	.sub_pay .pay_box ol li .icon_box{width:160px;height:160px;box-sizing:border-box;background:#f5f5f5;border-radius:100%;margin:0 auto;display:flex;align-items:center;justify-content:center;position: relative;}
	.sub_pay .pay_box ol li .icon_box:before{content:counter(pay_counter);width:40px;height:40px;box-sizing:border-box;border-radius:100%;background:#fff;border:2px solid #f7f1f4;display:flex;align-items:center;justify-content:center;font-size:20px;color:#602f67;font-weight:500;letter-spacing:-0.8px;position: absolute;top:0;left:0;}

	.sub_pay .pay_box ol li .txt_box{margin-top:36px;}
	.sub_pay .pay_box ol li .txt_box dt{font-size:20px;color:#222;font-weight:500;letter-spacing:-0.8px;}
	.sub_pay .pay_box ol li .txt_box dd{margin-top:8px;}
	.sub_pay .pay_box ol li .txt_box dd p{font-size:16px;color:#222;font-weight:400;letter-spacing:-0.64px;line-height:26px;}
	.sub_pay .pay_box ol li .txt_box dd strong{display: block;font-size:inherit;color:#602f67;font-weight:600;letter-spacing:inherit;line-height:inherit;}

	.sub_pay .contact_box{box-sizing:border-box;background:#f7f1f4;display:flex;align-items:center;padding:20px 30px;border-radius:0 20px 0 20px;margin-top:30px;}
	.sub_pay .contact_box .icon{display: inline-flex;align-items: center;justify-content: center;width: 60px;height: 60px;border-radius: 100%;box-sizing: border-box;font-size: 0;background: linear-gradient(0deg, rgba(149,44,89,1) 0%, rgba(103,47,101,1) 100%);margin-right: 20px;}
	.sub_pay .contact_box .icon img{}
	.sub_pay .contact_box dl{display:flex;align-items:center;}
	.sub_pay .contact_box dl dt{font-size:20px;color:#333;font-weight:500;letter-spacing:-0.8px;}
	.sub_pay .contact_box dl dd{margin-left:20px;}
	.sub_pay .contact_box dl dd span{font-size:17px;color:#444;font-weight:400;letter-spacing:-0.68px;display: inline-block;position: relative;}
	.sub_pay .contact_box dl dd span + span:before{width:1px;height:12px;content:"";background:#ccc;display: inline-block;vertical-align: middle;margin:0 18px;}

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

	loading

───────────────────────────────────────────────────────────*/
    #loadingContainer {
        display: flex;
        justify-content: center;
        align-items: center;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(255, 255, 255, 0.5);
        z-index: 9999;
    }

    #loadingImage {
        width: 300px;
        height: 300px;
    }