@charset "utf-8";
/*───────────────────────────────────────────────────────────
	
	header, footer, main 관련 작성 css 파일입니다.

	** 이와 서브페이지 관련 css는 /css/sub.css 에 있습니다.

font-family:'Noto Sans KR','Nanum Gothic','Malgun Gothic','맑은 고딕',dotum,sans-serif;
───────────────────────────────────────────────────────────*/

/*───────────────────────────────────────────────────────────
	layout common
───────────────────────────────────────────────────────────*/
	#wrap {position:relative;height:100%;width:100%;margin:0;padding:0;} /* #header 와 #container, #footer 전체 감싸는 영역 */
	#wrap #header {width:100%;margin:0;padding:0;}
	#wrap #container {width:100%;margin:0}
	#wrap #footer {width:100%;margin:0;}
		/* #container 안의 레이아웃 */
	#contents_wrap {width:100%;margin:0;padding:0;position:relative;box-sizing:border-box;} /* #container 안의 컨텐츠 감싸는 영역 */
	#contents_wrap #side_box {width:100%;padding:0;box-sizing:border-box;} /* lnb 감싸는 영역 */
	#contents_wrap #contents_box {width:100%;padding:0 0 60px;box-sizing:border-box;} /* 컨텐츠를 감싸는 영역 */
	#contents_wrap #side_box + #contents_box {padding-top:0;} /* lnb와 컨텐츠가 float 일때 사이즈 재설정 */
		/* navigation layout */
	#contents_wrap .nav_wrap {box-sizing:border-box;}
		/* #content */
	#content {width:100%;max-width:1300px;margin:0 auto;padding:0;text-align:left;box-sizing:border-box;background:#fff;} /* navigation 을 제외한 컨텐츠 */
	#content .sub_content{width:100%;margin:0 auto;background:#fff;box-sizing:border-box;padding-top:86px;}
	#content .sub_content:after {clear:both;content:"";display:block;}
		/* 컨텐츠 전체 가로 사이즈 */
	.w_custom {width:1200px;text-align:left;margin:0 auto;padding:0;box-sizing:border-box;}
	@media only screen and (max-width:1330px) {
		body.on {height:100%;overflow:hidden;}
		#content {width:100%;padding-left:15px !important;padding-right:15px !important;}
		.w_custom{width:100%;padding-left:15px !important;padding-right:15px !important;}
	}
	@media only screen and (max-width:1217px) {
		#content .sub_content{padding-top:82px;}
	}
	@media only screen and (max-width:1023px) {
		#contents_wrap #side_box {padding: 85px 0 0 0;}
		#contents_wrap #contents_box {padding-bottom:4%;}
		#content .sub_content{padding-top:76px;}
	}
	@media only screen and (max-width:860px) {
		#contents_wrap #side_box {padding: 85px 0 0 0;}
		#contents_wrap #contents_box {padding-bottom:5%;}
		#content .sub_content{padding-top:64px;}
	}
	@media only screen and (max-width:767px) {
		#contents_wrap #side_box {display:none;}
		.sub_goods #contents_wrap #side_box {display:block;padding:0;}
		#content .sub_content{padding-top:58px;}
	}
	@media only screen and (max-width:640px) {
		.w_custom{width:100%;padding-left:12px !important;padding-right:12px !important;}
		#content {width:100%;padding-left:12px !important;padding-right:12px !important;}
		#contents_wrap #contents_box {padding:0 0 10.4% 0;}
		#content .sub_content{padding-top:50px;}
	}
	@media only screen and (max-width:479px) {
		#contents_wrap #contents_box {padding-bottom:7%;}
		#content .sub_content{padding-top:45px;}
	}
	@media only screen and (max-width:320px) {
		.w_custom{padding-left:10px !important;padding-right:10px !important;}
		#content {padding-left:10px !important;padding-right:10px !important;}
	}
	/* 슬라이드 토들 */
		.slide_toggle_wrap {}
		.slide_toggle_wrap dl {width:100%;position:relative;z-index:1;}
		.slide_toggle_wrap dt {cursor:pointer;width:100%;box-sizing:border-box;position:relative;z-index:1;}
		.slide_toggle_wrap dt:before {transition:all 0.3s;display:inline-block;content:"";position:absolute;top:50%;transform: rotate(0deg) translateY(-50%);}
		.slide_toggle_wrap.on dt:before {transform: rotate(180deg) translateY(50%);}
		.slide_toggle_wrap dd {position:absolute;display:none;width:100%;box-sizing:border-box;}
		.slide_toggle_wrap dd ul {}
		.slide_toggle_wrap dd ul li, .slide_toggle_wrap dd ul li a {}
		.slide_toggle_wrap dd ul li {}
		.slide_toggle_wrap dd ul li + li {}
		.slide_toggle_wrap dd ul li a {}
	/* 서브 상단 */
			#wrap #container.sub_img_title {}
			#wrap #container .sub_img_title_box {height:226px;}
			#wrap #container .sub_bg_wrap {height:410px;background-color: #ddd; background-size:auto 410px !important;top:0;background-repeat:no-repeat !important;background-position:50% 0 !important;z-index:-1;position:absolute;left:0;width:100%;margin:0;padding:0;}
				#wrap #container .sub_bg_wrap.sub_company {background-image:url(../images/skin/bg_title_memorial.jpg);}
				#wrap #container .sub_bg_wrap.sub_present {background-image:url(../images/skin/bg_title_present.jpg);}
				#wrap #container .sub_bg_wrap.sub_reservation {background-image:url(../images/skin/bg_title_reservation.jpg);}
				#wrap #container .sub_bg_wrap.sub_storage {background-image:url(../images/skin/bg_title_storage.jpg);}
				#wrap #container .sub_bg_wrap.sub_board {background-image:url(../images/skin/bg_title_community.jpg);}
			#wrap #container .sub_top_wrap {width:100%;/* max-width:1200px; */padding-top: 196px;line-height:56px;font-size:54px;height:350px;margin:0 auto;text-align:center;position:relative;z-index:1;box-sizing:border-box;}
			#wrap #container h2.sub_h2 {font-size:inherit;line-height:inherit;margin:0;padding:0;font-weight:500;color:#fff;text-align:center;display:inline-block;font-family:'hamsokhon';}
			#wrap #container h2.sub_h2 img {height:54px;width:auto;vertical-align:top;margin:0 auto;}
			#wrap #container .sub_top_wrap .sub_navi {display: none; top: 25%;font-size:14px;line-height:1em;height:1em;font-weight:400;color:#fff;position:absolute;right: 5%;transform: translateY(-25%);text-align:right;vertical-align:top;}
				#wrap #container .sub_navi a, #wrap #container .sub_navi strong {font-size:inherit;font-weight:inherit;line-height:inherit;height:inherit;color:inherit;margin:0;padding:0;display:inline-block;vertical-align:top;}
				#wrap #container .sub_navi a {}
				#wrap #container .sub_navi a.navi_home {width:16px;height:13px;background-image:url(../images/skin/icon_navi_home.png);background-repeat:no-repeat;background-position:50% 50%;background-size:cover;font-size:0;}
				#wrap #container .sub_navi strong {color:#fff;font-weight:400;}
				#wrap #container .sub_navi a + a:before, #wrap #container .sub_navi a + strong:before {width:5px;height:9px;margin:3px 12px;background-image:url(../images/skin/icon_navi_arrow.png);background-repeat:no-repeat;background-position:50% 50%;background-size:cover;display:inline-block;vertical-align:top;content:"";}
			.aside_wrapper {position:relative;width:100%;margin:0;padding:0;}
			.aside_wrap_box {top:0;z-index:1;position:absolute;left:50%;width:100%;transform:translateX(-50%);}
			.aside_wrapper + .sub_cont {padding-top:60px;}
			.aside_tab_wrap {background: rgba(0, 0, 0, 0.3);width:100%;margin:0;vertical-align:top;text-align:center;font-size:0;box-sizing:border-box;}
			.aside_tab_wrap dl {z-index:2;width:100%;max-width:1200px;margin:0 auto;vertical-align:top;text-align:center;font-size:0;box-sizing:border-box;}
			.aside_tab_wrap dt {display:none;}
			.aside_tab_wrap dd {padding:0;position:static;display:block;font-size:0;}
			.aside_tab_wrap dd a {height:60px;padding:20px 0;margin:0 24px;line-height:24px;font-size:16px;color:#fff;font-weight:400;text-align:center;display:inline-block;vertical-align:top;box-sizing:border-box;position:relative;z-index:1;}
			.aside_tab_wrap dd a:after {width:0;height:3px;background:#fff;left:50%;bottom:0;transform:translateX(-50%);transition:all 0.3s;display:inline-block;content:"";position:absolute;}
			.aside_tab_wrap dd a:hover:after, .aside_tab_wrap dd a.on:after {width:58px;}
			.aside_tab_wrap dd a + a:before {left:-27px;width:3px;height:3px;margin:0;padding:0;display:inline-block;content:"";vertical-align:top;position:absolute;top:50%;border-radius:100%;background:#999;}
			.aside_tab_wrap dd a em, .aside_tab_wrap dd a span {line-height:inherit;font-size:inherit;color:inherit;font-weight:inherit;display:inline-block;vertical-align:top;margin:0;padding:0;}
			.aside_tab_empty {height:60px;}
		@media only screen and (max-width:1247px) {
			#wrap #container .sub_top_wrap .sub_navi {right:15px;}
		}
		@media only screen and (max-width:1217px) {
			#wrap #container .sub_bg_wrap {height:360px;background-size:auto 360px !important;}
			#wrap #container .sub_top_wrap {height:300px;padding-top:172px;font-size:50px;line-height:1em;}
			#wrap #container h2.sub_h2 img {height:50px;}
		}
		@media only screen and (max-width:1100px) {
			#wrap #container .sub_bg_wrap {height:310px;background-size:auto 310px !important;}
			#wrap #container .sub_top_wrap {height:250px;padding-top:146px;font-size:48px;}
			#wrap #container h2.sub_h2 img {height:48px;}
		}
		@media only screen and (max-width:1023px) {
			#wrap #container .sub_bg_wrap {height:284px;background-size:auto 284px !important;}
			#wrap #container .sub_top_wrap {height:224px;padding-top: 126px;font-size:46px;}
			#wrap #container h2.sub_h2 img {height:46px;}
			.aside_wrapper + .sub_cont {padding-top:40px;}
		}
		@media only screen and (max-width:980px) {
			#wrap #container .sub_bg_wrap {height:260px;background-size:auto 260px !important;}
			#wrap #container .sub_top_wrap {height:204px;padding-top: 112px;}
			#wrap #container .sub_top_wrap .sub_navi {display:none;}
			.aside_tab_wrap dd a {height:56px;padding:16px 0;margin:0 22px;}
			.aside_tab_wrap dd a + a:before {left:-22px;}
			.aside_tab_empty {height:56px;}
		}
		@media only screen and (max-width:880px) {
			#wrap #container h2.sub_h2 img {height:44px;}
			.aside_tab_wrap dd a {height:54px;padding:15px 0;margin:0 20px;}
			.aside_tab_wrap dd a + a:before {left:-20px;}
			.aside_tab_empty {height:54px;}
		}
		@media only screen and (max-width:767px) {
			#wrap #container .sub_bg_wrap {height:236px;background-size:auto 236px !important;}
			#wrap #container .sub_top_wrap {height:180px;padding-top: 96px;font-size:44px;}
			#wrap #container h2.sub_h2 img {height:42px;}
			.aside_tab_wrap dd a {height:50px;padding:13px 0;}
			.aside_tab_wrap dd a + a:before {left:-20px;}
			.aside_tab_empty {height:50px;}
			.aside_wrapper + .sub_cont {padding-top:36px;}
		}
		@media only screen and (max-width:640px) {
			#wrap #container h2.sub_h2 img {height:40px;}
			.aside_tab_wrap dd a {height:50px;padding:13px 0;}
			.aside_tab_empty {height:50px;}
		}
		@media only screen and (max-width:510px) {
		}
		@media only screen and (max-width:500px) {
			#wrap #container h2.sub_h2 img {height:39px;}
			.aside_tab_wrap dl {position:relative;}
			.aside_tab_wrap dt {height:50px;padding:13px 0 12px;border-bottom:1px #ddd solid;line-height:24px;font-size:17px;background: rgba(255, 255, 255, 1);color:#333;font-weight:500;margin:0;text-align:center;vertical-align:top;box-sizing:border-box;display:block;position:relative;z-index:1;width:100%;cursor:pointer;}
			.aside_tab_wrap dt:before {right:14px;width:9px;height:5px;background-image:url(../images/skin/icon_select_arrow.png);background-repeat:no-repeat;background-size:100% auto;background-position:50% 50%;transform: rotate(180deg) translateY(50%);display:inline-block;content:"";position:absolute;top:50%;}
			.aside_tab_wrap.on dt:before {transform: rotate(0deg) translateY(-50%);}
			.aside_tab_wrap dd {top:100%;width:100%;background:#fff;position:absolute;transition:all 0.3s; display:none;}
			.aside_tab_wrap dd a {margin:0;}
			.aside_tab_wrap dd a:after, .aside_tab_wrap dd a:before {display:none;}
			.aside_tab_wrap dd a, .aside_tab_wrap dd a:hover {width:100%;border-bottom:1px #ddd solid;background:#fff;color:#333;font-size:17px;font-weight:400;}			
		}
		@media only screen and (max-width:320px) {
			#wrap #container .sub_bg_wrap {height:200px;background-size:auto 200px !important;}
			#wrap #container .sub_top_wrap {height:160px;padding-top:85px;font-size:40px;}
			#wrap #container h2.sub_h2 img {height:36px;}
		}

/*───────────────────────────────────────────────────────────
	메인 상품 진열 
───────────────────────────────────────────────────────────*/
	/* 메인상품진열 - 공통 */
	.main .list_cont {}
	.main .list_cont ul {font-size:0;width:calc(100% + 15px);margin-left:-15px;}
	.main .list_cont ul li {display:inline-block;margin-left:15px;vertical-align:top;}
	.main .list_cont ul li a {display:block;height:100%;}
	.main .list_cont ul li .thumb {}
	.main .list_cont ul li .thumb img {max-width:100%;width:100%;}
	.main .list_cont ul li .info {}
	.main .list_cont ul li .info p {color:#333;line-height:1.2;}
	.main .list_cont ul li .info .name {font-size:14px;}

	/* 메인상품진열 - 갤러리형 */
	.main .list_Galleryform {}
	.main .list_Galleryform ul {text-align:left;} 
	.main .list_Galleryform ul li {width:calc(25% - 15px);}
	.main .list_Galleryform ul li:nth-of-type(n+5) {margin-top:40px;}
	.main .list_Galleryform ul li .thumb {}
	.main .list_Galleryform ul li .thumb img {}
	.main .list_Galleryform ul li .info {margin-top:10px;}
	.main .list_Galleryform ul li .info p {}
	.main .list_Galleryform ul li .info .name {}

	/* 메인상품진열 - 리스트형 */
	.main .list_Listform {}
	.main .list_Listform ul {} 
	.main .list_Listform ul li {width:calc(50% - 15px);}
	.main .list_Listform ul li a {width:100%;display:table;}
	.main .list_Listform ul li:nth-of-type(n+3) {margin-top:40px;}
	.main .list_Listform ul li .thumb,
	.main .list_Listform ul li .info {display:table-cell;vertical-align:middle;width:50%;box-sizing:border-box;}
	.main .list_Listform ul li .thumb {}
	.main .list_Listform ul li .thumb img {}
	.main .list_Listform ul li .info {border:1px solid #ddd;padding:0 15px;}
	.main .list_Listform ul li .info p {}
	.main .list_Listform ul li .info .name {}

	@media only screen and (max-width:860px) {
		/* 메인상품진열 - 갤러리형 */
		.main .list_Galleryform ul li {width:calc(50% - 15px);}
		.main .list_Galleryform ul li:nth-of-type(n+3) {margin-top:40px;}		
		/* 메인상품진열 - 리스트형 */
		.main .list_Listform ul li {width:calc(100% - 15px);}
		.main .list_Listform ul li:nth-of-type(n+2) {margin-top:40px;}	}

/*───────────────────────────────────────────────────────────
	 HEADER | outline/header.html, outline/nav.html
───────────────────────────────────────────────────────────*/
	.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;}
	/* pc */
		#header {position:fixed;left:0;top:0;z-index:10;box-sizing:border-box;font-size:0;text-align:center;}
		#wrap #header:hover .hd_wrap, #wrap #header.fix .hd_wrap {background: #fff; transition: background 0.2s ease 0s;}
		#wrap #header:hover .hd_wrap:before, #wrap #header.fix .hd_wrap:before {background: #ddd;}
		#wrap #header:hover .hd_wrap h1 a, #wrap #header.fix .hd_wrap h1 a {background-image: url(../images/skin/logo_b.png) !important;}
		#wrap #header:hover .hd_wrap .hd_lnb > ul > li > a, #wrap #header.fix .hd_wrap .hd_lnb > ul > li > a {color: #000;}
			.hd_wrap {padding:22px 0 21px 90px; box-sizing:border-box;width:100%;text-align:center;vertical-align:top;font-size:0;position:relative;z-index:1;}
			.hd_wrap:before {content:"";width:100%;height:1px;background:rgba(255,255,255,0.5);position:absolute;left:0;bottom:0;display:inline-block;z-index:-1;}
			.hd_wrap h1 {position: absolute; left: 4.7%; top: 50%; transform: translateY(-50%);}
			.hd_wrap h1 a, #aside .aside_box .aside_hd .aside_logo a {margin-top:3px;width:199px;height:41px;/*background-image:url(../images/skin/logo.png);*/background-repeat:no-repeat !important;background-position:0 50% !important;background-size:auto 100% !important;vertical-align:top;display:inline-block;font-size:0;}
			.hd_wrap .hd_lnb {display:inline-block;margin:0 auto;vertical-align:top;}
			.hd_wrap .hd_lnb ul {vertical-align:top;text-align:center;font-size:0;}
			.hd_wrap .hd_lnb > ul > li, .hd_wrap .hd_lnb> ul > li > a {font-size:18px;line-height:33px;font-weight:400;color:#000;transition:all 0.2s ease 0s;vertical-align:top;display:inline-block;margin:0;padding:0;}
			.hd_wrap .hd_lnb > ul > li {padding:7px 30px;position:relative;z-index:1;}
			.hd_wrap .hd_lnb > ul > li + li {}
			.hd_wrap .hd_lnb > ul > li > a {padding:0 6px;position:relative;z-index:1;color:#fff;}
			.hd_wrap .hd_lnb > ul > li:hover > a:after{content:"";display:block;clear:both;width:4px;height:4px;background:#a36e21;position:absolute;left:50%;bottom:-6px;transform:translateX(-50%);border-radius:50%;;content:"";display:inline-block;}
			/*.hd_wrap .hd_lnb > ul > li:hover > a:after, .hd_wrap .hd_lnb > ul > li > a.on:after{width:100%;} */
			.hd_wrap .hd_lnb li .lnb_sub_dep {padding-top: 20px;position:absolute;left:50%;top:70%;transform:translateX(-50%);margin:0;width:100%;display:none;}
			.hd_wrap .hd_lnb li:hover .lnb_sub_dep {display:block;}
			.hd_wrap .hd_lnb li .lnb_sub_dep .sub_dep_wrap {border-radius: 10px; overflow: hidden;}
			.hd_wrap .hd_lnb li .lnb_sub_dep .sub_dep_wrap ul {}
			.hd_wrap .hd_lnb li .lnb_sub_dep .sub_dep_wrap ul li, .hd_wrap .hd_lnb li .lnb_sub_dep .sub_dep_wrap ul li a {font-size:16px;line-height:60px;color:#333;font-weight:400;}
			.hd_wrap .hd_lnb li .lnb_sub_dep .sub_dep_wrap ul li {background: #f5f5f5; text-align:center;}
			.hd_wrap .hd_lnb li .lnb_sub_dep .sub_dep_wrap ul li + li {}
			.hd_wrap .hd_lnb li .lnb_sub_dep .sub_dep_wrap ul li a {display:block;}
			.hd_wrap .hd_lnb li .lnb_sub_dep .sub_dep_wrap ul li:hover {background: #a36e21;}
			.hd_wrap .hd_lnb li .lnb_sub_dep .sub_dep_wrap ul li:hover a {color:#fff;}
			.hd_wrap .hd_gnb {position: absolute; right: 0; top: 0;}
			.hd_wrap .hd_gnb .gnb_cate {width:90px;height:90px;padding:34px 30px;box-sizing:border-box;background:#a36e21;display:inline-block;vertical-align:top;cursor:pointer;}
			.hd_wrap .hd_gnb .gnb_cate .btn_cate {width:30px;height:22px;position:relative;z-index:1;margin:0;}
			.hd_wrap .hd_gnb .gnb_cate .btn_cate span {transition:0.3s;height:2px;background: rgba(255, 255, 255, 1);right:0;width:100%;display:inline-block;position:absolute;}
			.hd_wrap .hd_gnb .gnb_cate .btn_cate span:nth-of-type(1) {top:0;}
			.hd_wrap .hd_gnb .gnb_cate .btn_cate span:nth-of-type(2) {top:50%;transform:translateY(-1px);}
			.hd_wrap .hd_gnb .gnb_cate .btn_cate:hover span:nth-of-type(2) {width:100%;}
			.hd_wrap .hd_gnb .gnb_cate .btn_cate span:nth-of-type(3) {bottom:0;}
			#header .hd_wrap .hd_lnb > ul > li:hover > a {color:#000;}
			#header:hover .hd_wrap .hd_gnb .gnb_cate .btn_cate span {background: rgba(255, 255, 255, 0.85);}
		#aside {right:-570px;top:0;width:570px;margin-right:-1px;transition:0.6s;height:100%;z-index:999;box-sizing:border-box;box-sizing:border-box;display:block;position:fixed;background:#fff;opacity:0.4;visibility:hidden;table-layout:fixed;}
			#aside.on {right:0;visibility:visible;opacity:1;}
			.aside_bg {left:-100%;top:0;width:100%;background: rgba(0, 0, 0, 0.1);transition:0.6s;height:100%;z-index:998;box-sizing:border-box;box-sizing:border-box;display:block;position:fixed;display:block;visibility:hidden;opacity:0;}
			.aside_bg.on {left:0;visibility:visible;opacity:1;}
			#aside .aside_box {text-align:center;display:block;vertical-align:top;position:static;text-align:right;width:100%;}
			#aside .aside_box .aside_content {background:#fff;width:100%;z-index:5;margin:0 0 0 auto;position:relative;}
			#aside .aside_box.for_m {display:none;}
			#aside .aside_box .btn_aside_close {margin-top:8px;float:right;}
			#aside .aside_box .btn_aside_close .menu-trigger2 {width:47px;height:47px;cursor:pointer;position:relative;z-index:1;}
			#aside .aside_box .btn_aside_close .menu-trigger2 span {height:1px;background-color:#333;right:0;top:15px;transition:0.3s;position:absolute;width:100%;display:inline-block;}
			#aside .aside_box .btn_aside_close .menu-trigger2.active-1 span:nth-of-type(1) {-webkit-transform: translateY (0) rotate (-45deg);transform: translateY(0) rotate(-45deg);}
			#aside .aside_box .btn_aside_close .menu-trigger2.active-1 span:nth-of-type(2) {width:0;opacity:0;}
			#aside .aside_box .btn_aside_close .menu-trigger2.active-1 span:nth-of-type(3) {-webkit-transform: translateY(0) rotate(45deg);transform: translateY(0) rotate(45deg);}
			#aside .aside_box .aside_hd {padding:22px 80px;box-sizing:border-box;width:100%;position:relative;z-index:1;}
			#aside .aside_box .aside_hd .aside_logo {float:left;}
			#aside .aside_box .aside_hd .aside_logo a {margin-top: 8px; background-image: url(../images/skin/logo_b.png);}
			#aside .aside_box .aside_lnb {padding:45px 80px;width:100%;box-sizing:border-box;text-align:left;vertical-align:top;}
			#aside .aside_box .aside_lnb > ul {}
			#aside .aside_box .aside_lnb > ul > li {padding:0;vertical-align:middle;position:relative;z-index:1;}
			#aside .aside_box .aside_lnb > ul > li + li {}
			#aside .aside_box .aside_lnb > ul > li > a, #aside .aside_box .aside_lnb > ul > li span.cate_arrow {font-size:24px;}
			#aside .aside_box .aside_lnb > ul > li > a {width:100%;padding:0.66em 0;line-height:1.125em;border-bottom:2px #fff solid;font-weight:400;color:#333;vertical-align:middle;box-sizing:border-box;display:inline-block;}
			#aside .aside_box .aside_lnb > ul > li span.cate_arrow {width:24px;height:24px;top:0.66em;margin-top:0em;display:inline-block;position:absolute;right:0;transition:all 0.3s;z-index:5;cursor:pointer;}
			#aside .aside_box .aside_lnb > ul > li span.cate_arrow:before, #aside .aside_box .aside_lnb > ul > li span.cate_arrow:after {width:14px;height:2px;display:inline-block;content:"";background:#888;margin:0;padding:0;position:absolute;left:0;top:0;}
			#aside .aside_box .aside_lnb > ul > li span.cate_arrow:before {transform:rotate(-135deg) translate(-8px, -6px);}
			#aside .aside_box .aside_lnb > ul > li span.cate_arrow:after {transform:rotate(-45deg) translate(0px, 14px);}
			#aside .aside_box .aside_lnb > ul > li.on > a {padding-bottom:1em;color:#a36e21;border-bottom-color:#ddd;font-weight:500;}
			#aside .aside_box .aside_lnb > ul > li.on span.cate_arrow {transform:rotate(180deg);}
			#aside .aside_box .aside_lnb > ul > li.on span.cate_arrow:before, #aside .aside_box .aside_lnb > ul > li.on span.cate_arrow:after {background:#a36e21;}
			#aside .aside_box .aside_lnb > ul > li > .lnb_sub_dep {height:0;overflow:hidden;display:inline-block;vertical-align:middle;}
			#aside .aside_box .aside_lnb > ul > li.on > .lnb_sub_dep {padding-top:20px;padding-bottom:35px;padding-left:20px;height:auto;overflow:inherit;}
			#aside .aside_box .aside_lnb > ul > li > .lnb_sub_dep .sub_dep_wrap {}
			#aside .aside_box .aside_lnb > ul > li > .lnb_sub_dep .sub_dep_wrap ul {}
			#aside .aside_box .aside_lnb > ul > li > .lnb_sub_dep .sub_dep_wrap li, #aside .aside_box .aside_lnb > ul > li > .lnb_sub_dep .sub_dep_wrap li a {font-size:22px;line-height:1.2em;font-weight:400;color:#888;vertical-align:middle;}
			#aside .aside_box .aside_lnb > ul > li > .lnb_sub_dep .sub_dep_wrap li {display:block;}
			#aside .aside_box .aside_lnb > ul > li > .lnb_sub_dep .sub_dep_wrap li + li {margin-top:23px;}
			#aside .aside_box .aside_lnb > ul > li > .lnb_sub_dep .sub_dep_wrap li a {display:inline-block;width:100%;}
			#aside .aside_box .aside_lnb > ul > li > .lnb_sub_dep .sub_dep_wrap li:hover a {color:#a36e21;}
	@media only screen and (max-width:1450px) {
		#header {}
			.hd_wrap, #aside .aside_box .aside_hd {padding:22px 60px;}
			#aside .aside_box .aside_lnb {padding: 40px 60px;}
			#aside .aside_box .btn_aside_close .menu-trigger2 {width: 40px; height: 40px;}
			.hd_wrap h1 {left: 50px;}
			.hd_wrap .hd_lnb {margin-right: -30px;}
			.hd_wrap .hd_lnb > ul > li {padding:7px 22px;}
	}
	@media only screen and (max-width:1360px) {
		#header {}
			.hd_wrap, #aside .aside_box .aside_hd {padding:22px 40px;}
			#aside .aside_box .aside_lnb {padding:30px 40px;}
			.hd_wrap h1 {left: 30px;}
	}
	@media only screen and (max-width:1280px) {
		#header {}
			.hd_wrap, #aside .aside_box .aside_hd {padding:22px 30px;}
			#aside .aside_box .aside_lnb {padding:30px;}
			.hd_wrap .hd_lnb > ul > li, .hd_wrap .hd_lnb> ul > li > a {font-size: 17px;}
			.hd_wrap .hd_lnb li .lnb_sub_dep .sub_dep_wrap ul li, .hd_wrap .hd_lnb li .lnb_sub_dep .sub_dep_wrap ul li a {line-height: 50px;}
	}
	@media only screen and (max-width:1247px) {
		#header {}
			.hd_wrap {padding:22px 15px;}
			.hd_wrap h1 a, #aside .aside_box .aside_hd .aside_logo a {margin-top:3px;width:180px;height:37px;}
			.hd_wrap .hd_lnb li .lnb_sub_dep {width: 130%;}
		#aside {}
			#aside .aside_box .aside_lnb > ul > li > a, #aside .aside_box .aside_lnb > ul > li span.cate_arrow {font-size:22px;}
			#aside .aside_box .aside_lnb > ul > li > a {padding:0.7em 0;line-height:1.2em;}
			#aside .aside_box .aside_lnb > ul > li.on > .lnb_sub_dep {padding-bottom:30px;}
			#aside .aside_box .aside_lnb > ul > li > .lnb_sub_dep .sub_dep_wrap li, #aside .aside_box .aside_lnb > ul > li > .lnb_sub_dep .sub_dep_wrap li a {font-size:20px;}
			#aside .aside_box .aside_lnb > ul > li > .lnb_sub_dep .sub_dep_wrap li + li {margin-top:20px;}
	}
	@media only screen and (max-width:1217px) {
		#header {}
			.hd_wrap {padding:20px 15px;}
			/* .hd_wrap h1 a, #aside .aside_box .aside_hd .aside_logo a {margin-top:2px;width:188px;height:38px;} *//*0 141 29*/
			.hd_wrap .hd_lnb > ul > li {padding:7px 16px;}
			.hd_wrap .hd_lnb > ul > li > a {padding:0 3px;}
			.hd_wrap .hd_lnb li .lnb_sub_dep {padding-top:20px;}
			.hd_wrap .hd_gnb .gnb_cate {width:87px;height:87px;padding:32px 28px;}/* 0 58 58 21 17 */
		#aside {right:-570px;width:570px;margin-right:-1px;}
			#aside .aside_box .btn_aside_close {margin-top:6px;}
			#aside .aside_box .btn_aside_close .menu-trigger2 {width:31px;height:31px;}
			#aside .aside_box .btn_aside_close .menu-trigger2 span {top:15px;}
			#aside .aside_box .aside_lnb > ul > li > a, #aside .aside_box .aside_lnb > ul > li span.cate_arrow {font-size:20px;}/*18*/
			#aside .aside_box .aside_lnb > ul > li > a {padding:0.7em 0;line-height:1.3em;border-bottom-width:2px;}/*0.72 1.3 1*/
			#aside .aside_box .aside_lnb > ul > li span.cate_arrow {width:24px;height:24px;top:0.7em;}
			#aside .aside_box .aside_lnb > ul > li span.cate_arrow:before, #aside .aside_box .aside_lnb > ul > li span.cate_arrow:after {width:14px;height:2px;}
			#aside .aside_box .aside_lnb > ul > li span.cate_arrow:before {transform:rotate(-135deg) translate(-8px, -6px);}
			#aside .aside_box .aside_lnb > ul > li span.cate_arrow:after {transform:rotate(-45deg) translate(0px, 14px);}
			#aside .aside_box .aside_lnb > ul > li.on > a {padding-bottom:1em;}
			#aside .aside_box .aside_lnb > ul > li.on > .lnb_sub_dep {padding-bottom:26px;}/*padding-top:20px;22*/
			#aside .aside_box .aside_lnb > ul > li > .lnb_sub_dep .sub_dep_wrap li, #aside .aside_box .aside_lnb > ul > li > .lnb_sub_dep .sub_dep_wrap li a {font-size:18px;}/*16*/
			#aside .aside_box .aside_lnb > ul > li > .lnb_sub_dep .sub_dep_wrap li + li {}/*margin-top:20px;*/
	}
	@media only screen and (max-width:1100px) {
			.hd_wrap {padding:18px 15px;}
			.hd_wrap h1 a, #aside .aside_box .aside_hd .aside_logo a {margin-top:2px;width:170px;height:35px;}
			.hd_wrap .hd_lnb > ul > li:hover > a:after {bottom: -3px;}
			.hd_wrap .hd_lnb > ul > li, .hd_wrap .hd_lnb> ul > li > a {font-size:16px;}
			/* .hd_wrap .hd_lnb > ul > li {padding:6px 20px;} */
			.hd_wrap .hd_lnb > ul > li > a {padding:0 2px;}
			.hd_wrap .hd_lnb li .lnb_sub_dep {padding-top:18px;}
			.hd_wrap .hd_lnb li .lnb_sub_dep .sub_dep_wrap ul li, .hd_wrap .hd_lnb li .lnb_sub_dep .sub_dep_wrap ul li a {font-size:15px;line-height:44px;}
			.hd_wrap .hd_gnb .gnb_cate {width: 83px; height: 83px; padding: 32px 28px;}
			#aside .aside_box .btn_aside_close {margin-top:3px;}
			#aside .aside_box .aside_lnb > ul > li > a, #aside .aside_box .aside_lnb > ul > li span.cate_arrow {font-size:19px;}
			#aside .aside_box .aside_lnb > ul > li.on > .lnb_sub_dep {padding-bottom:24px;}
			#aside .aside_box .aside_lnb > ul > li > .lnb_sub_dep .sub_dep_wrap li, #aside .aside_box .aside_lnb > ul > li > .lnb_sub_dep .sub_dep_wrap li a {font-size:17px;}
	}
	@media only screen and (max-width:1023px) {
			.hd_wrap {height: 70px; padding:17px 15px;}
			#aside .aside_box .aside_hd {height: 70px; padding:17px 30px;}
			.hd_wrap h1 a, #aside .aside_box .aside_hd .aside_logo a {margin-top:5px;width:160px;height:33px;}
			.hd_wrap h1 {left: 15px;}
			.hd_wrap .hd_lnb {margin-right: -50px;}
			.hd_wrap .hd_lnb > ul > li {padding: 2px 14px;}
			.hd_wrap .hd_lnb > ul > li, .hd_wrap .hd_lnb> ul > li > a {font-size: 15px;}
			.hd_wrap .hd_lnb li .lnb_sub_dep {padding-top:17px;}
			.hd_wrap .hd_lnb li .lnb_sub_dep .sub_dep_wrap ul li, .hd_wrap .hd_lnb li .lnb_sub_dep .sub_dep_wrap ul li a {font-size:14px;line-height:40px;}
			.hd_wrap .hd_gnb .gnb_cate {width: 70px; height: 70px; padding: 25px 23px;}
			.hd_wrap .hd_gnb .gnb_cate .btn_cate {width: 24px; height: 20px;}
			#aside .aside_box .btn_aside_close {margin-top:3px;}
			#aside .aside_box .aside_lnb > ul > li > a, #aside .aside_box .aside_lnb > ul > li span.cate_arrow {font-size:18px;}
			#aside .aside_box .aside_lnb > ul > li > a {padding:0.72em 0;border-bottom-width:1px;}
			#aside .aside_box .aside_lnb > ul > li span.cate_arrow {top:0.72em;}
			#aside .aside_box .aside_lnb > ul > li.on > a {padding-bottom:0.72em;}
			#aside .aside_box .aside_lnb > ul > li.on > .lnb_sub_dep {padding-bottom:22px;}
			#aside .aside_box .aside_lnb > ul > li > .lnb_sub_dep .sub_dep_wrap li, #aside .aside_box .aside_lnb > ul > li > .lnb_sub_dep .sub_dep_wrap li a {font-size:16px;}
	}
	@media only screen and (max-width:980px) {
		#header {}
			.hd_wrap {padding:16px 15px;}
			 #aside .aside_box .aside_hd {padding: 16px 30px;}
			.hd_wrap .hd_lnb > ul > li:hover > a:after {bottom: -1px;}
			/* .hd_wrap .hd_lnb > ul > li {padding: 2px 10px;} */
			.hd_wrap .hd_lnb > ul > li > a {padding:0 1px;}
			.hd_wrap .hd_lnb li .lnb_sub_dep {padding-top:16px;}
			#aside .aside_box .btn_aside_close {margin-top:1px;}
	}
	@media only screen and (max-width:880px) {
			.hd_wrap {padding:12px 15px;}
			.hd_wrap h1 a {margin-top:0;width:158px;height:32px;}
			#aside .aside_box .aside_hd .aside_logo a {margin-top: 3px;width:158px;height:32px;}
			 .hd_wrap .hd_lnb {display:none;}
			 
			#aside .aside_box .btn_aside_close {margin-top:0;}
	}
	@media only screen and (max-width:860px) {
	}
	@media only screen and (max-width:767px) {
		#header {}
			.hd_wrap .hd_gnb .gnb_cate .btn_cate {width: 24px; height: 16px;}
			.hd_wrap, #aside .aside_box .aside_hd {height:58px;box-sizing:border-box;padding: 12px 30px;}
			#aside .aside_box .aside_hd .aside_logo a {margin-top: 0;}
			.hd_wrap .hd_gnb .gnb_cate {width:58px;height:58px;padding:21px 17px;}
		#aside {right:-74%;width:74%;}
	}
	@media only screen and (max-width:640px) {
			.hd_wrap h1 a, #aside .aside_box .aside_hd .aside_logo a {margin-top:1px;width:154px;height:31px;}
		#aside {right:-82%;width:82%;}
			#aside .aside_box .btn_aside_close {margin-top:2px;}
			#aside .aside_box .btn_aside_close .menu-trigger2 {width:27px;height:27px;}
			#aside .aside_box .btn_aside_close .menu-trigger2 span {top:13px;}
	}
	@media only screen and (max-width:600px) {
		#aside {right:-90%;width:90%;}
	}
	@media only screen and (max-width:560px) {
		#aside {right:-94%;width:94%;}
	}
	@media only screen and (max-width:500px) {
			.hd_wrap h1 a, #aside .aside_box .aside_hd .aside_logo a {margin-top:2px;width:148px;height:30px;}/*0 141 29*/
			.hd_wrap .hd_lnb {display:none;}
		#aside {right:-100%;width:100%;margin-right:0px;}
			#aside .aside_box .btn_aside_close {margin-top:3px;}
			#aside .aside_box .btn_aside_close .menu-trigger2 {width:25px;height:25px;}
			#aside .aside_box .btn_aside_close .menu-trigger2 span {top:12px;}
			#aside .aside_box .aside_hd {padding: 12px 15px;}
			#aside .aside_box .aside_lnb {padding: 20px 15px;}
			#aside .aside_box .aside_lnb > ul > li > a, #aside .aside_box .aside_lnb > ul > li span.cate_arrow {font-size:18px;}
			#aside .aside_box .aside_lnb > ul > li > a {padding:0.72em 0;border-bottom-width:1px;}
			#aside .aside_box .aside_lnb > ul > li span.cate_arrow {width:24px;height:24px;top:0.72em;}
			#aside .aside_box .aside_lnb > ul > li span.cate_arrow:before, #aside .aside_box .aside_lnb > ul > li span.cate_arrow:after {width:14px;height:2px;}
			#aside .aside_box .aside_lnb > ul > li span.cate_arrow:before {transform:rotate(-135deg) translate(-8px, -6px);}
			#aside .aside_box .aside_lnb > ul > li span.cate_arrow:after {transform:rotate(-45deg) translate(0px, 14px);}
			#aside .aside_box .aside_lnb > ul > li.on > a {padding-bottom:0.72em;}
			#aside .aside_box .aside_lnb > ul > li.on > .lnb_sub_dep {}/*padding-top:20px;padding-bottom:22px;*/
			#aside .aside_box .aside_lnb > ul > li > .lnb_sub_dep .sub_dep_wrap li, #aside .aside_box .aside_lnb > ul > li > .lnb_sub_dep .sub_dep_wrap li a {font-size:16px;}
			#aside .aside_box .aside_lnb > ul > li > .lnb_sub_dep .sub_dep_wrap li + li {}/*margin-top:20px;*/
	}
	@media only screen and (max-width:479px) { 
		.hd_wrap h1 a, #aside .aside_box .aside_hd .aside_logo a {margin-top:3px;width:145px;height:29px;}
	}
	@media only screen and (max-width:375px) {
		.hd_wrap h1 a, #aside .aside_box .aside_hd .aside_logo a {width:141px;}
		#aside .aside_box .aside_lnb {padding: 10px 15px;}
	}
	@media only screen and (max-width:320px) { 
		#header {}
			.hd_wrap, #aside .aside_box .aside_hd {padding:12px 12px;}
			.hd_wrap h1 a, #aside .aside_box .aside_hd .aside_logo a {margin-top:3px;width:136px;height:28px;}
			#aside .aside_box .aside_lnb > ul > li > a, #aside .aside_box .aside_lnb > ul > li span.cate_arrow {font-size:17px;}
			#aside .aside_box .aside_lnb > ul > li.on > .lnb_sub_dep {padding-top:14px;padding-bottom:14px;}
			#aside .aside_box .aside_lnb > ul > li > .lnb_sub_dep .sub_dep_wrap li, #aside .aside_box .aside_lnb > ul > li > .lnb_sub_dep .sub_dep_wrap li a {font-size:15px;}
			#aside .aside_box .aside_lnb > ul > li > .lnb_sub_dep .sub_dep_wrap li + li {margin-top:12px;}
	}

/*───────────────────────────────────────────────────────────
	 FOOTER | outline/footer.html
───────────────────────────────────────────────────────────*/
	/* pc */
		.scr_btn {position:fixed;right:15px;bottom:90px;z-index:10;}
		.scr_btn a, .scr_btn span {display:inline-block;margin:0;padding:0;vertical-align:bottom;}
		.scr_btn a {padding-top:40px;width:40px;border-radius:40px;position:relative;z-index:1;height:0;}
		.scr_btn a:before {border-radius:inherit;position:absolute;left:0;bottom:0;width:100%;height:100%;overflow:hidden;transition:all 0.3s;display:inline-block;content:"";background:#a36e21;}
		.scr_btn a span {background-image:url(../images/skin/icon_ft_arrow.png);background-repeat:no-repeat;background-position:50% 100%;background-size:auto 23px;z-index:5;position:absolute;width:100%;height:100%;left:0;top:0;font-size:0;}
		.scr_btn:hover a {}
		.scr_btn:hover a:before {height:112%;}
		#footer {position:relative;z-index:2;}
		.ft_wrap {width:100%;max-width:1760px;margin:0 auto;border-top:1px #ddd solid;}
		.ft_box {width: 1280px; padding-top:34px;padding-bottom:90px;text-align:left;}
		.ft_box .ft_logo{margin-bottom:20px;}
		.ft_box .ft_logo ul{font-size:0;}
		.ft_box .ft_logo ul li{display: inline-block;vertical-align:middle;}
		.ft_box .ft_logo ul li + li{margin-left:20px;}
		.ft_box .ft_logo ul li a{display: block;width:100%;}
		.ft_box dl.ft_info {padding-top:2px;padding-bottom:20px;display:inline-block;}
		.ft_box dl.ft_info:after {clear:both;content:"";display:block;}
		.ft_box dl.ft_info dt, .ft_box dl.ft_info dd {font-size:13px;line-height:1.54em;font-weight:500;color:#777;display:inline-block;vertical-align:top;margin:0;padding:0;}
		.ft_box dl.ft_info dt {}
		.ft_box dl.ft_info dd {}
		.ft_box dl.ft_info dd span {font-size:inherit;line-height:inherit;color:inherit;font-weight:inherit;vertical-align:inherit;display:inline-block;margin:0;margin-right:6px;padding:0;}
		.ft_box dl.ft_info dd br {display:none;}
		.ft_box dl.ft_info dd:before {margin:0.27em 2em;height:1em;width:1px;background:#ddd;vertical-align:top;display:inline-block;content:"";}
		.ft_box .ft_sns {float: right;padding:4px 10px;text-align:left;vertical-align:top;font-size:0;}
		.ft_box .ft_sns li {display:inline-block;vertical-align:top;}
		.ft_box .ft_sns li a {width:32px;height:32px;border-radius:100%;background:#ccc url(../images/skin/icon_sns01.png) no-repeat 50% 50%;background-size:cover;display:inline-block;vertical-align:top;font-size:0;}
		.ft_box .ft_sns li + li {margin-left:10px;}
		.ft_box .ft_sns li.sns02 a {background:#ccc url(../images/skin/icon_sns02.png) no-repeat 50% 50%;background-size:cover;}
		.ft_box .ft_sns li.sns03 a {background:#ccc url(../images/skin/icon_sns03.png) no-repeat 50% 50%;background-size:cover;}
		.ft_box dl.ft_go {font-size:13px;height:40px;border-radius:40px;line-height:38px;padding:0 24px;color:#aaa;border:1px #aaa solid;font-weight:400;float:right;text-align:center;box-sizing:border-box;display:inline-block;position:relative;z-index:1;cursor:pointer;}
		.ft_box dl.ft_go:hover {color:#fff;}
		.ft_box dl.ft_go:before {height: calc(100% + 2px);width:0;border-radius:inherit;position:absolute;left:-1px;top:-1px;z-index:1;display:inline-block;content:"";transition:all 0.3s;background:#aaa;}
		.ft_box dl.ft_go:hover:before {width: calc(100% + 2px);}
		.ft_box dl.ft_go dt {font-size:inherit;height:inherit;border-radius:inherit;line-height:inherit;color:inherit;font-weight:inherit;z-index:5;position:relative;transition:all 0.3s;}		
		.ft_box dl.ft_go dd {display:none;}
		.ft_box dl.ft_go dd.on {display:block;width: 100%;position: absolute;bottom: 39px;left: 0;padding: 0 22px;border: 1px #aaa solid;box-sizing: border-box;background: #fff;z-index: 0;border-radius: 40px;}
		.ft_box p.address {font-size:13px;line-height:1em;font-weight:400;color:#aaa;}
	@media only screen and (max-width:1310px) {
		.ft_box {width: 100%; padding-left: 15px; padding-right: 15px;}
	}	
	@media only screen and (max-width:980px) {	
		.scr_btn {bottom:69px;}
		.ft_box {padding-top:28px;padding-bottom:28px;}
		.ft_box dl.ft_info  {padding-top:0;display:block;}
		.ft_box dl.ft_go {margin-bottom:24px;float:none;}
		.ft_box .ft_sns {float:none;padding-bottom: 16px;}
	}
	@media only screen and (max-width:820px) {
		.scr_btn {bottom:63px;}
		.ft_box dl.ft_info dt, .ft_box dl.ft_info dd {display:block;}
		.ft_box dl.ft_info dd {padding-top:3px;}
		.ft_box dl.ft_info dd:before {display:none;}
	}
	@media only screen and (max-width:767px) {
		.scr_btn {bottom:63px;}
		.ft_box {padding-top:22px;padding-bottom:22px;}
	}
	@media only screen and (max-width:640px) {
		.scr_btn {right:12px;bottom:63px;}
		.ft_box {padding-top:18px;padding-bottom:18px;}
		.ft_box dl.ft_info dd span {margin-right:0;}
		.ft_box dl.ft_info dd span + span {margin-left:9px;}
		.ft_box dl.ft_info dd br {display:inline-block;}
	}
	@media only screen and (max-width:500px) {
		.scr_btn {bottom:56px;}
		.ft_box {padding-top:15px;padding-bottom:15px;}
	
		.ft_box .ft_logo ul li{width:25%;text-align: center;}
		.ft_box .ft_logo ul li + li{margin-left:0;}
		.ft_box .ft_logo ul li img{}
	}
	@media only screen and (max-width:414px) {
		.ft_box dl.ft_info dd {max-width:375px;}
		.ft_box dl.ft_info dd span + span + span {margin-left:0;}
	}
	@media only screen and (max-width:320px) {
		.scr_btn {right:10px;bottom:56px;}
		.ft_box dl.ft_info dd span + span {margin-left:7px;}
	}

/*───────────────────────────────────────────────────────────
	 SIDE_BOX | outline/left_bbs.html｜outline/left_goods.html｜outline/left_member.html｜outline/left_service.html
───────────────────────────────────────────────────────────*/
	#side_box {padding-bottom:1.8%;}
	#side_box .sub_menu {width:100%;padding:0;margin:0;z-index:2;text-align:center;vertical-align:top;}
	#side_box .sub_menu dl {position:relative;display:inline-block;margin:0 auto;z-index:3;font-size:0;text-align:center;vertical-align:top;padding:0;}
	#side_box .sub_menu dt,
	#side_box .sub_menu dd {display:inline-block;margin:0;padding:0;}
	#side_box .sub_menu dt {display:none;}
	#side_box .sub_menu dd {line-height:31px;height:32px;padding:0 12px;border-bottom:1px #ddd solid;position:relative;z-index:1;box-sizing:border-box;vertical-align:top;}
	#side_box .sub_menu dd + dd {}
	#side_box .sub_menu dd a,
	#side_box .sub_menu dd strong {height:31px;line-height:31px;font-size:15px;font-weight:600;padding:0 2px;color:#888;display:inline-block;box-sizing:border-box;vertical-align:top;}
	#side_box .sub_menu dd:hover a,
	#side_box .sub_menu dd.on a,
	#side_box .sub_menu dd strong {border-color:#333;color:#333;position:relative;}
	#side_box .sub_menu dd:hover a:before,
	#side_box .sub_menu dd.on a:before, 
	#side_box .sub_menu dd strong:before {bottom:-1px;width:100%;height:2px;background:#333;left:50%;transform:translateX(-50%);position:absolute;content:"";display:block;}

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

	}
	@media only screen and (max-width:1023px) {
		
	}
	@media only screen and (max-width:860px) {
		#side_box .sub_menu dd {line-height:29px;height:30px;padding:0 8px;}
		#side_box .sub_menu dd a,
		#side_box .sub_menu dd strong {height:29px;line-height:29px;font-size:14px;padding:0 2px;}
	}
	@media only screen and (max-width:767px) {

	}
	@media only screen and (max-width:640px) {
		#side_box .sub_menu dd {line-height:27px;height:28px;padding:0 8px;}
		#side_box .sub_menu dd a,
		#side_box .sub_menu dd strong {height:27px;line-height:27px;font-size:14px;padding:0 2px;}
	}
	@media only screen and (max-width:479px) {
		#side_box {display:none;}
	}

/*───────────────────────────────────────────────────────────
	 MAIN | index.html
───────────────────────────────────────────────────────────*/
	/* pc */
		.main_section {position:relative;z-index:2;}
		
		.visual_wrap {height:0;padding:980px 0 0;width:100%;max-width:1920px;margin:0 auto;position:relative;z-index:2;box-sizing:border-box;/*background-image:url(../images/skin/visual01.jpg);*/background-repeat:no-repeat;background-position:50% 50%;background-size:auto 100%;}
		.main_intro {width:100%;max-width:1200px;margin:100px auto;display:table;border-collapse:collapse;table-layout:fixed;}
			.main_intro .main_intro_txt , .main_intro .main_intro_menu {width:50%;display:table-cell;vertical-align:middle;border-collapse:collapse;}
			.main_intro .main_intro_txt {}
			.main_intro .main_intro_txt h3, .main_intro .main_intro_txt p {text-align:left;}
			.main_intro .main_intro_txt h3 img, .main_intro .main_intro_txt p img {width:auto;vertical-align:top;margin:0 auto;}
			.main_intro .main_intro_txt h3 img {height:47px;}
			.main_intro .main_intro_txt p {padding-top:29px;}
			.main_intro .main_intro_txt p img {display:none;}
			.main_intro .main_intro_txt p img.img_pc {height:109px;display:block;margin:0;}
			.main_intro .main_intro_txt p img.img_t {}
			.main_intro .main_intro_txt p img.img_m {}
			.main_intro .main_intro_menu {}
			.main_intro .main_intro_menu ul {font-size:0;text-align:center;vertical-align:top;}
			.main_intro .main_intro_menu li {padding:10px 0 26px;width:33.32%;box-sizing:border-box;text-align:center;display:inline-block;vertical-align:top;position:relative;z-index:1;}
			.main_intro .main_intro_menu li + li {border-left:1px #ddd solid;}
			.main_intro .main_intro_menu li:nth-of-type(4) {border-left:0;}
			.main_intro .main_intro_menu li:nth-of-type(n + 4) {border-top:1px #ddd solid;}
			.main_intro .main_intro_menu li a, .main_intro .main_intro_menu li span, .main_intro .main_intro_menu li p {display:block;margin:0;padding:0;box-sizing:border-box;text-align:center;}
			.main_intro .main_intro_menu li a {position:absolute;left:0;top:0;z-index:2;width:100%;height:100%;}
			.main_intro .main_intro_menu li span {height:0;padding:50px 0 0;background-repeat:no-repeat;background-position:50% 50%;background-size:auto 100%;}
			.main_intro .main_intro_menu li p {margin-top:1em;font-size:15px;line-height:1.33em;font-weight:400;color:#333;}
			.main_intro .main_intro_menu li:nth-of-type(1) span {background-image:url(../images/skin/icon_main_intro01.png);}
			.main_intro .main_intro_menu li:nth-of-type(2) span {background-image:url(../images/skin/icon_main_intro02.png);}
			.main_intro .main_intro_menu li:nth-of-type(3) span {background-image:url(../images/skin/icon_main_intro05.png);}
			.main_intro .main_intro_menu li:nth-of-type(4) span {background-image:url(../images/skin/icon_main_intro03.png);}
			.main_intro .main_intro_menu li:nth-of-type(5) span {background-image:url(../images/skin/icon_main_intro04.png);}
			.main_intro .main_intro_menu li:nth-of-type(6) span {background-image:url(../images/skin/icon_main_intro06.png);}
		.main_bbs {width:100%; background: #f5f5f5; box-sizing: border-box; padding: 110px 0 120px;}
		.main_bbs .w_custom {width: 1300px;}
			.main_bbs .bbs_slider_wrap {}
			.main_bbs .bbs_title {margin-bottom: 40px; text-align: center;}
			.main_bbs .bbs_title a {font-size:46px;font-weight:500;color:#000;letter-spacing:-0.93px;display:inline-block;vertical-align:top;}
			.main_bbs .bbs_title a span {display: block; margin: 0 auto; font-size: 20px; color: #a36e21; letter-spacing: -0.04em;}
			.main_bbs.gallery .bbs_title a, .main_bbs.gallery .bbs_title a span {color:#fff;}
			.main_bbs .bbs_wrapper + .bbs_title {margin-top:64px;}
			.main_bbs .bbs_tab {text-align:left;font-size:0;}
			.main_bbs .bbs_tab li {font-size:20px;line-height:30px;font-weight:400;color:#888;display:inline-block;vertical-align:top;}
			.main_bbs .bbs_tab li + li {}
			.main_bbs .bbs_tab li + li:before {height:20px;margin:5px 24px;width:1px;background:#ddd;display:inline-block;vertical-align:top;content:"";}
			.main_bbs .bbs_tab li.on {font-size:22px;color:#222;}
			.main_bbs .bbs_tab li span {font-size:inherit;color:inherit;font-weight:inherit;line-height:inherit;vertical-align:inherit;display:inline-block;cursor:pointer;}
			.main_bbs .bbs_wrapper {width: 100%;}
			.main_bbs .bbs_wrap {height:0;overflow:hidden;}
			.main_bbs .bbs_wrap.on {height:auto;overflow:inherit;}
			.main_bbs .bbs_wrap .bbs_slider {}
			.main_bbs .bbs_wrap .bbs_slider ul.slick-slider {}
			.main_bbs .bbs_wrap .bbs_slider .slick-list {padding-top:20px !important; padding-bottom:30px !important;box-sizing:border-box;}
			.main_bbs .bbs_wrap .bbs_slider ul.slick-slider .slick-arrow {width:70px;height:70px;margin:0;cursor:pointer;border:0;background-color: #999;border-radius:50%;position:absolute;top:50%;transform:translateY(-50%);padding:0;z-index:5;font-size:0;outline:0;}
			.main_bbs .bbs_wrap .bbs_slider ul.slick-slider .slick-arrow:before {content: ""; width:20px;height:20px;position:absolute;border: 1.5px solid #fff; border-left: 0; border-top: 0;}
			.main_bbs .bbs_wrap .bbs_slider ul.slick-slider .slick-prev {left:-100px;}
			.main_bbs .bbs_wrap .bbs_slider ul.slick-slider .slick-next {right:-100px;}
			.main_bbs .bbs_wrap .bbs_slider ul.slick-slider .slick-prev:before {left: 46%; top:35%; transform:rotate(135deg);}
			.main_bbs .bbs_wrap .bbs_slider ul.slick-slider .slick-next:before {left: 26%; top:35%; transform:rotate(315deg);}
			.main_bbs .bbs_wrap .bbs_slider ul.slick-slider .slick-dots {display: none !important; position: absolute; left: 50%; bottom: -58px; transform: translateX(-50%);}
			.main_bbs .bbs_wrap .bbs_slider ul.slick-slider .slick-dots > li {position: relative; display: inline-block; width: 10px; height: 10px; margin-right: 0; padding: 0; font-size: 0;}
			.main_bbs .bbs_wrap .bbs_slider ul.slick-slider .slick-dots > li + li {margin-left: 20px;}
			.main_bbs .bbs_wrap .bbs_slider ul.slick-slider .slick-dots > li button {width: 100%; height: 100%; background: #fff; border-radius: 50%; font-size: 0; }
			.main_bbs .bbs_wrap .bbs_slider ul.slick-slider .slick-dots > li.slick-active {padding: 8px;}
			.main_bbs .bbs_wrap .bbs_slider ul.slick-slider .slick-dots > li.slick-active:before {content: ""; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 26px; height: 26px; box-sizing: border-box; border: 2px solid #fff; border-radius: 50%;}
			.main_bbs .bbs_wrap .bbs_slider .slick-list li {width:400px;margin:0;margin-right:50px;box-sizing:border-box;border:1px solid #ddd;border-radius:30px;overflow:hidden;background:#fff;position:relative;z-index:1;outline:0;}
			.main_bbs .bbs_wrap .bbs_slider .slick-list li:hover {border: 2px solid #a36e21; box-shadow: 16px 5px 20px 0px rgba(0,0,0,0.3);}
			.main_bbs .bbs_wrap .bbs_slider .slick-list li a {position:absolute;left:0;top:0;width:100%;height:100%;z-index:5;outline:0;}
			.main_bbs .bbs_wrap .bbs_slider .slick-list li .thumb {position:relative;width:100%;padding-bottom:100%;z-index:1;}
			.main_bbs .bbs_wrap .bbs_slider .slick-list li .thumb img {position:absolute;left:0;top:50%;transform:translateY(-50%);width:100%;height:auto;}
			.main_bbs .bbs_wrap .bbs_slider .slick-list li .txt {width:100%; box-sizing: border-box; padding: 22px 30px 40px;}
			.main_bbs .bbs_wrap .bbs_slider .slick-list li .txt > h4, .main_bbs .bbs_wrap .bbs_slider .slick-list li .txt > div {margin:0;padding:0;font-weight:400;overflow:hidden;text-overflow:ellipsis;text-align:left;white-space:normal;word-break:keep-all;word-wrap:break-word;}
			.main_bbs .bbs_wrap .bbs_slider .slick-list li .txt h4.sbj_box {font-size:20px;font-weight:500;line-height:1.5em;height:1.5em;white-space:nowrap;color:#000;}
			.main_bbs .bbs_wrap .bbs_slider .slick-list li .txt div.con_box {margin-top: 14px;padding-top: 14px;border-top: 1px solid #ddd;}
			.main_bbs .bbs_wrap .bbs_slider .slick-list li .txt div.con_box dl + dl {margin-top:6px;}
			.main_bbs .bbs_wrap .bbs_slider .slick-list li .txt div.con_box dt {display: inline-block;width:26%;max-width: 88px;min-width: 66px;font-size: 16px; color: #888; font-weight: 500; letter-spacing:-0.32px;}
			.main_bbs .bbs_wrap .bbs_slider .slick-list li .txt div.con_box dd {display: inline-block;width:calc(100% - 26%);width:100%;font-size: 16px;color: #888;font-weight: 400;word-break: break-all;overflow: hidden;white-space: normal;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-wrap: break-word;}
		.main_bbs.gallery {background: url(../images/skin/bg_main_gallery.jpg) no-repeat center; background-size: cover; padding-bottom: 188px;}
			.main_bbs.gallery .bbs_wrap .bbs_slider ul.slick-slider .slick-prev {left:0;}
			.main_bbs.gallery .bbs_wrap .bbs_slider ul.slick-slider .slick-next {right:0;}
			.main_bbs.gallery .bbs_wrap .bbs_slider ul.slick-slider .slick-dots {display: block !important; position: absolute;}
			.main_bbs.gallery .bbs_wrap .bbs_slider .slick-list {overflow: visible;}
			.main_bbs.gallery .bbs_wrap .bbs_slider .slick-list li {width: 1100px; margin-right:70px; border: 0; background: none;}
			.main_bbs.gallery .bbs_wrap .bbs_slider .slick-list li:hover {border: 0; box-shadow: none;}
			.main_bbs.gallery .bbs_wrap .bbs_slider .slick-list li .main_gallery_wrap {background: #fff; box-sizing: border-box; border-radius: 30px; padding: 50px 60px; transform: scale(0.86); transform-origin: center; overflow: hidden; transition: all 0.3s;}
			.main_bbs.gallery .bbs_wrap .bbs_slider .slick-list li .main_gallery_wrap:after {content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.4); z-index: 6;}
			.main_bbs.gallery .bbs_wrap .bbs_slider .slick-list li.slick-active .main_gallery_wrap {transform: scale(1);}
			.main_bbs.gallery .bbs_wrap .bbs_slider .slick-list li.slick-active .main_gallery_wrap:after {display: none;}
			.main_bbs.gallery .bbs_wrap .bbs_slider .slick-list li .thumb {display: inline-block; width: 354px; height: 500px; border-radius: 20px; padding-bottom: 0; vertical-align: middle; overflow: hidden;}
			.main_bbs.gallery .bbs_wrap .bbs_slider .slick-list li .thumb img {width: auto; max-width: inherit; height: 100%; left: 50%; top: 0; transform: translateX(-50%);}
			.main_bbs.gallery .bbs_wrap .bbs_slider .slick-list li .txt {display: inline-block; width: calc(100% - 360px); padding: 0 0 0 54px; vertical-align: middle;}
			.main_bbs.gallery .bbs_wrap .bbs_slider .slick-list li .txt p {margin-bottom: 12px; font-size: 20px; color: #333; letter-spacing: -0.5px; word-break: keep-all; font-family: 'Noto Sans KR','Malgun Gothic', '맑은 고딕', dotum, sans-serif;}
			.main_bbs.gallery .bbs_wrap .bbs_slider .slick-list li .txt h4.sbj_box {height: auto; font-size: 35px; font-weight: bold; line-height: 1.47; letter-spacing: -1.4px; word-wrap: break-word; white-space: inherit; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-family: 'Noto Sans KR','Malgun Gothic', '맑은 고딕', dotum, sans-serif;}
			.main_bbs.gallery .bbs_wrap .bbs_slider .slick-list li .txt div.con_box {border-top: 0; margin-top: 30px; padding-top: 0;}
			.main_bbs.gallery .bbs_wrap .bbs_slider .slick-list li .txt div.con_box dt {font-weight: 400;}
			.main_bbs.gallery .bbs_wrap .bbs_slider .slick-list li .txt a {position: relative; display: block; width: 170px; height: 50px; margin-top: 56px; background: #a36e21; box-sizing: border-box; padding: 0 30px; border-radius: 25px; line-height: 50px;}
			.main_bbs.gallery .bbs_wrap .bbs_slider .slick-list li .txt a span {font-size: 16px; font-weight: 400; color: #fff; letter-spacing: -0.32px;}
			.main_bbs.gallery .bbs_wrap .bbs_slider .slick-list li .txt a span:after {content: ""; position: relative; top: 50%; float: right; width: 9px; height: 9px; border: 1px solid #fff; border-left: 0; border-top: 0; transform: translateY(-50%) rotate(315deg);}
	@media only screen and (max-width:1520px) {
		.main_bbs {}
			.main_bbs .bbs_wrap .bbs_slider ul.slick-slider .slick-prev {left: 15px;}
			.main_bbs .bbs_wrap .bbs_slider ul.slick-slider .slick-next {right: 15px;}
		.main_bbs.gallery {}
			.main_bbs.gallery .bbs_wrap .bbs_slider ul.slick-slider .slick-prev {left: 50px;}
			.main_bbs.gallery .bbs_wrap .bbs_slider ul.slick-slider .slick-next {right: 50px;}
			.main_bbs.gallery .bbs_wrap .bbs_slider .slick-list li {width:1000px;}
	}
	@media only screen and (max-width:1450px) {
		.main_bbs {padding: 90px 0 100px;}
			.main_bbs .bbs_wrap .bbs_slider ul.slick-slider .slick-dots {bottom: -36px;}
			.main_bbs .bbs_wrap .bbs_slider ul.slick-slider .slick-dots > li {width: 8px; height: 8px;}
			.main_bbs .bbs_wrap .bbs_slider ul.slick-slider .slick-dots > li + li {margin-left: 14px;}
			.main_bbs .bbs_wrap .bbs_slider ul.slick-slider .slick-dots > li.slick-active:before {width: 22px; height: 22px;}
		.main_bbs.gallery {padding-bottom: 160px;}	
	}
	@media only screen and (max-width:1330px) {
		.main_bbs {}
			.main_bbs .w_custom {width: 100%; padding-left: 0 !important; padding-right: 0 !important;}
			.main_bbs .bbs_wrap .bbs_slider ul.slick-slider .slick-arrow {width: 60px; height: 60px;}
			.main_bbs .bbs_wrap .bbs_slider ul.slick-slider .slick-arrow:before {width: 16px; height: 16px;}
			.main_bbs .bbs_wrap .bbs_slider ul.slick-slider .slick-prev:before {left: 42%;}
			.main_bbs .bbs_wrap .bbs_slider ul.slick-slider .slick-next:before {left: 28%}
		.main_bbs.gallery {}
	        .main_bbs.gallery .bbs_wrap .bbs_slider ul.slick-slider .slick-prev {left: 9%;}
			.main_bbs.gallery .bbs_wrap .bbs_slider ul.slick-slider .slick-next {right: 9%;}
			.main_bbs.gallery .bbs_wrap .bbs_slider .slick-list li {width:900px;}
			.main_bbs.gallery .bbs_wrap .bbs_slider .slick-list li .thumb {width: 320px; height:450px;}
			.main_bbs.gallery .bbs_wrap .bbs_slider .slick-list li .txt {width: calc(100% - 324px); padding: 0 0 0 40px;}
			.main_bbs.gallery .bbs_wrap .bbs_slider .slick-list li .txt h4.sbj_box {font-size: 32px;}
	}
	@media only screen and (max-width:1260px) {
		.main_bbs.gallery {}
	        .main_bbs.gallery .bbs_wrap .bbs_slider ul.slick-slider .slick-prev {left: 6.5%;}
			.main_bbs.gallery .bbs_wrap .bbs_slider ul.slick-slider .slick-next {right: 6.5%;}
	}
	@media only screen and (max-width:1247px) {
		.main_intro {margin-top:90px;margin-bottom:54px;}
			.main_intro_wrap {padding-left: 30px !important; padding-right: 30px !important;}
			.main_intro .main_intro_txt {width:52%;}
			.main_intro .main_intro_txt h3 img, .main_intro .main_intro_txt p img {max-width:inherit;}
			.main_intro .main_intro_menu {width:48%;}
		.main_bbs {max-width:100%;}
			.main_bbs .bbs_title a {font-size: 44px;}
			.main_bbs .bbs_title a span {font-size: 18px;}
			.main_bbs .bbs_wrapper {width:100%;margin-left:0;margin-right:0;}
			.main_bbs .bbs_wrap .bbs_slider ul.slick-slider {padding:0;}
			.main_bbs .bbs_wrap .bbs_slider .slick-list li .txt h4.sbj_box {font-size: 18px;}
			.main_bbs .bbs_wrap .bbs_slider .slick-list li .txt div.con_box dt {font-size: 15px;}
			.main_bbs .bbs_wrap .bbs_slider .slick-list li .txt div.con_box dd {font-size: 15px;}
			/* .main_bbs .bbs_wrap .bbs_slider .slick-list {padding:0 5px;} */
			/* .main_bbs .bbs_wrap .bbs_slider .slick-list li {padding:0 10px;} */
		.main_bbs.gallery {}
	        .main_bbs.gallery .bbs_wrap .bbs_slider ul.slick-slider .slick-prev {left: 11.3%;}
			.main_bbs.gallery .bbs_wrap .bbs_slider ul.slick-slider .slick-next {right: 11.3%}
			.main_bbs.gallery .bbs_wrap .bbs_slider .slick-list li {width:800px; margin-right: 50px;}
			.main_bbs.gallery .bbs_wrap .bbs_slider .slick-list li .thumb {width: 280px; height: 394px;}
			.main_bbs.gallery .bbs_wrap .bbs_slider .slick-list li .txt {width: calc(100% - 284px); padding: 0 0 0 30px;}
			.main_bbs.gallery .bbs_wrap .bbs_slider .slick-list li .txt p {margin-bottom: 8px; font-size: 18px;}
			.main_bbs.gallery .bbs_wrap .bbs_slider .slick-list li .txt h4.sbj_box {font-size: 30px;}
			.main_bbs.gallery .bbs_wrap .bbs_slider .slick-list li .txt div.con_box {margin-top: 24px;}
			.main_bbs.gallery .bbs_wrap .bbs_slider .slick-list li .txt a {width: 160px; height: 44px; line-height: 44px; margin-top: 40px;}
			.main_bbs.gallery .bbs_wrap .bbs_slider .slick-list li .txt a span {font-size: 15px;}
	}
	@media only screen and (max-width:1217px) {
		.main_intro {margin-top:85px;}
			.main_intro .main_intro_txt {width:55%;}
			.main_intro .main_intro_menu {width:45%;}
		.main_bbs {}
			.main_bbs .bbs_wrap .bbs_slider .slick-list li {width:340px; margin-right: 30px;}
			.main_bbs .bbs_wrap .bbs_slider .slick-list li .txt {padding: 20px 26px 30px;}
		.main_bbs.gallery {}
	        .main_bbs.gallery .bbs_wrap .bbs_slider ul.slick-slider .slick-prev {left: 10.3%;}
			.main_bbs.gallery .bbs_wrap .bbs_slider ul.slick-slider .slick-next {right:10.3%}
	}
	@media only screen and (max-width:1160px) {
		.main_bbs.gallery {}
	        .main_bbs.gallery .bbs_wrap .bbs_slider ul.slick-slider .slick-prev {left: 8.3%;}
			.main_bbs.gallery .bbs_wrap .bbs_slider ul.slick-slider .slick-next {right: 8.3%;}
	}
	@media only screen and (max-width:1100px) {
		.visual_wrap {padding-top:54%;}
		.main_intro {margin-top:80px;}
			.main_intro .main_intro_txt {width:59%;}
			.main_intro .main_intro_menu {width:41%;}
		.main_bbs {}
			.main_bbs .bbs_title {margin-bottom: 30px;}
			.main_bbs .bbs_wrap .bbs_slider ul.slick-slider .slick-arrow {width: 50px; height: 50px;}
			.main_bbs .bbs_wrap .bbs_slider ul.slick-slider .slick-arrow:before {width: 12px; height: 12px;}
		.main_bbs.gallery {}
			.main_bbs.gallery .bbs_wrap .bbs_slider ul.slick-slider .slick-prev {left: 11.5%;}
			.main_bbs.gallery .bbs_wrap .bbs_slider ul.slick-slider .slick-next {right: 11.5%;}
			.main_bbs.gallery .bbs_wrap .bbs_slider .slick-list li {width:700px;}
			.main_bbs.gallery .bbs_wrap .bbs_slider .slick-list li .main_gallery_wrap {padding: 40px 50px;}
			.main_bbs.gallery .bbs_wrap .bbs_slider .slick-list li .thumb {width: 240px; height: 338px;}
			.main_bbs.gallery .bbs_wrap .bbs_slider .slick-list li .txt {width: calc(100% - 244px); padding: 0 0 0 25px;}
			.main_bbs.gallery .bbs_wrap .bbs_slider .slick-list li .txt p {font-size: 17px;}
			.main_bbs.gallery .bbs_wrap .bbs_slider .slick-list li .txt h4.sbj_box {font-size: 28px;}
			.main_bbs.gallery .bbs_wrap .bbs_slider .slick-list li .txt div.con_box dt {font-size: 14px;}
			.main_bbs.gallery .bbs_wrap .bbs_slider .slick-list li .txt div.con_box dd {font-size: 14px;}
	}
	@media only screen and (max-width:1040px) {
		.main_bbs.gallery {}
	        .main_bbs.gallery .bbs_wrap .bbs_slider ul.slick-slider .slick-prev {left: 9%;}
			.main_bbs.gallery .bbs_wrap .bbs_slider ul.slick-slider .slick-next {right: 9%;}
	}
	@media only screen and (max-width:1023px) {
		.visual_wrap {padding-top:60%;background-position:58% 50%;}
		.main_intro {}/*50*/
			.main_intro .main_intro_txt {width:60%;}
			.main_intro .main_intro_menu {width:40%;}
			.main_intro .main_intro_menu ul {width:90%;margin:0 0 0 auto;}
			.main_intro .main_intro_menu li {width:50%;}
			.main_intro .main_intro_menu li + li, .main_intro .main_intro_menu li:nth-of-type(4) {border-left:1px #ddd solid;}
			.main_intro .main_intro_menu li:nth-of-type(3), .main_intro .main_intro_menu li:nth-of-type(5) {border-left:0;}
			.main_intro .main_intro_menu li:nth-of-type(n + 3) {border-top:1px #ddd solid;}
		.main_bbs {}
			.main_bbs .bbs_wrap .bbs_slider .slick-list li {width:320px;}
	}
	@media only screen and (max-width:976px) {
		.main_bbs.gallery {}
	        .main_bbs.gallery .bbs_wrap .bbs_slider ul.slick-slider .slick-prev {left: 6.5%;}
			.main_bbs.gallery .bbs_wrap .bbs_slider ul.slick-slider .slick-next {right: 6.5%;}
	}
	@media only screen and (max-width:960px) {
		.visual_wrap {padding-top:69%;background-position:64% 50%;}
		.main_intro {margin-top:75px;display:block;}
			.main_intro .main_intro_txt , .main_intro .main_intro_menu {display:block;}
			.main_intro .main_intro_txt {width:100%;padding-bottom:42px;}
			.main_intro .main_intro_txt h3 img {height:44px;}
			.main_intro .main_intro_txt p {padding-top:24px;}
			.main_intro .main_intro_txt p img.img_pc {height:106px;}
			.main_intro .main_intro_menu {width:100%;}
			.main_intro .main_intro_menu ul {width:100%;}
			.main_intro .main_intro_menu li {padding-top:13px;padding-bottom:27px;width:16.66%;}
			.main_intro .main_intro_menu li + li, .main_intro .main_intro_menu li:nth-of-type(4), .main_intro .main_intro_menu li:nth-of-type(3), .main_intro .main_intro_menu li:nth-of-type(5) {border-left:1px #ddd solid;}
			.main_intro .main_intro_menu li:nth-of-type(n + 3) {border-top:0;}
		.main_bbs {}
			.main_bbs .bbs_wrap .bbs_slider .slick-list li {width:310px;}
			.main_bbs .bbs_wrap .bbs_slider .slick-list li .txt div.con_box dd {width: calc(100% - 68px);width:100%;}
		.main_bbs.gallery {}
			.main_bbs.gallery .bbs_wrap .bbs_slider ul.slick-slider .slick-prev {left: 14.5%;}
			.main_bbs.gallery .bbs_wrap .bbs_slider ul.slick-slider .slick-next {right: 14.5%;}
			.main_bbs.gallery .bbs_wrap .bbs_slider .slick-list li {width:540px;}
			.main_bbs.gallery .bbs_wrap .bbs_slider .slick-list li .main_gallery_wrap {padding: 30px 40px;}
			/* .main_bbs.gallery .bbs_wrap .bbs_slider .slick-list li .thumb {display: block; margin: 0 auto;}
			.main_bbs.gallery .bbs_wrap .bbs_slider .slick-list li .txt {display: block; width: 100%; padding: 25px 0 0 0;}  */
			.main_bbs.gallery .bbs_wrap .bbs_slider .slick-list li .txt p {margin-bottom: 4px;}
			.main_bbs.gallery .bbs_wrap .bbs_slider .slick-list li .txt h4.sbj_box {font-size: 26px; -webkit-line-clamp: 4;}
			.main_bbs.gallery .bbs_wrap .bbs_slider .slick-list li .txt div.con_box {display: none;}
			.main_bbs.gallery .bbs_wrap .bbs_slider .slick-list li .txt div.con_box dd {width: calc(100% - 26%);}
	}
	@media only screen and (max-width:900px) {
		.main_bbs.gallery {}
	        .main_bbs.gallery .bbs_wrap .bbs_slider ul.slick-slider .slick-prev {left: 12.4%;}
			.main_bbs.gallery .bbs_wrap .bbs_slider ul.slick-slider .slick-next {right: 12.4%;}
	}
	@media only screen and (max-width: 860px) {
		.visual_wrap {padding-top:76%;background-position:69% 50%;}
		.main_intro {margin-top:70px;}
			.main_intro .main_intro_txt p {padding-top:22px;}
		.main_bbs {}
			.main_bbs .bbs_title a {font-size: 42px;}
			/* .main_bbs .bbs_wrap .bbs_slider .slick-list {padding:0 7px;} */
			.main_bbs .bbs_wrap .bbs_slider .slick-list li {width:280px;/* padding:0 8px; */}
		.main_bbs.gallery {}
			.main_bbs.gallery .bbs_wrap .bbs_slider ul.slick-slider .slick-prev {left: 14%;}
			.main_bbs.gallery .bbs_wrap .bbs_slider ul.slick-slider .slick-next {right: 14%;}
			.main_bbs.gallery .bbs_wrap .bbs_slider .slick-list li {width:480px; margin-right: 60px;}
			.main_bbs.gallery .bbs_wrap .bbs_slider .slick-list li .thumb {display: block; margin: 0 auto;}
			.main_bbs.gallery .bbs_wrap .bbs_slider .slick-list li .txt {display: block; width: 100%; padding: 25px 0 0 0;}
			.main_bbs.gallery .bbs_wrap .bbs_slider .slick-list li .txt h4.sbj_box {-webkit-line-clamp: 2;}
	}
	@media only screen and (max-width: 800px) {
		.main_bbs {}
			.main_bbs .bbs_wrap .bbs_slider ul.slick-slider .slick-arrow {display: none !important;}
		.main_bbs.gallery {}
			.main_bbs.gallery .bbs_wrap .bbs_slider .slick-list li {margin-right: 30px;}
	}
	@media only screen and (max-width:767px) {
		.visual_wrap {padding-top:86%;background-position:72% 50%;}
			.main_intro .main_intro_menu li span {padding-top:46px;}
		.main_bbs {}
			.main_bbs .bbs_wrap .bbs_slider .slick-list li {width:260px;}
			.main_bbs .bbs_wrap .bbs_slider .slick-list li .txt div.con_box {line-height:1.43em;}
		.main_bbs.gallery {}
			.main_bbs.gallery .bbs_wrap .bbs_slider .slick-list li {width:440px;}
	}
	@media only screen and (max-width:680px) {
		.visual_wrap {padding-top:94%;background-position:71% 50%;}
		.main_intro {margin-top:65px;}
			.main_intro .main_intro_txt h3, .main_intro .main_intro_txt p {text-align:center;}
			.main_intro .main_intro_txt h3 img {height:38px;}
			.main_intro .main_intro_txt p img.img_pc {display:none;}
			.main_intro .main_intro_txt p img.img_m {height:140px;display:block;}
			.main_intro .main_intro_menu li {padding-top:16px;width:33.32%;}
			.main_intro .main_intro_menu li + li, .main_intro .main_intro_menu li:nth-of-type(3), .main_intro .main_intro_menu li:nth-of-type(5) {border-left:1px #ddd solid;}
			.main_intro .main_intro_menu li:nth-of-type(4) {border-left:0;}
			.main_intro .main_intro_menu li:nth-of-type(n + 4) {border-top:1px #ddd solid;}
			.main_intro .main_intro_menu li span {padding-top:50px;}
		.main_bbs {}
			.main_bbs .bbs_wrap .bbs_slider .slick-list li .txt {padding: 18px 20px 24px;}
			.main_bbs .bbs_wrap .bbs_slider .slick-list li .txt div.con_box {margin-top: 12px; padding-top: 12px;}
	}
	@media only screen and (max-width: 657px) {
		.main_bbs {}
			.main_bbs .bbs_wrap .bbs_slider .slick-list li {width:280px;}
	}
	@media only screen and (max-width: 640px) {
		.visual_wrap {padding-top:104%;background-position:70% 50%;}
		.main_intro {margin-top:60px;}
			.main_intro_wrap {padding-left: 12px !important; padding-right: 12px !important;}
			.main_intro .main_intro_txt h3 img {height:32px;}
			.main_intro .main_intro_txt p img.img_m {height:130px;}
			.main_intro .main_intro_menu li {padding-top:18px;}
		.main_bbs {padding: 70px 0 80px;}
			.main_bbs .bbs_title {margin-bottom: 20px;}
			.main_bbs .bbs_title a {font-size: 40px;}
			.main_bbs .bbs_title a span {font-size: 16px;}
			.main_bbs .bbs_wrap .bbs_slider ul.slick-slider .slick-dots {bottom: -20px;}
			.main_bbs .bbs_wrap .bbs_slider ul.slick-slider .slick-dots > li {width: 6px; height: 6px;}
			.main_bbs .bbs_wrap .bbs_slider ul.slick-slider .slick-dots > li + li {margin-left: 10px;}
			.main_bbs .bbs_wrap .bbs_slider ul.slick-slider .slick-dots > li.slick-active:before {width: 18px; height: 18px;}
			/* .main_bbs .bbs_wrapper {padding-top:32px;margin-left:-12px;margin-right:-12px;width: calc(100% + 24px);} */
			.main_bbs .bbs_wrap .bbs_slider .slick-list li .txt h4.sbj_box {font-size: 16px;}
			.main_bbs .bbs_wrap .bbs_slider .slick-list li .txt div.con_box dt {font-size: 14px;}
			.main_bbs .bbs_wrap .bbs_slider .slick-list li .txt div.con_box dd {font-size: 14px;}
		.main_bbs.gallery {padding-bottom:140px;}
			.main_bbs.gallery .bbs_wrap .bbs_slider .slick-list li {width:400px;}
			.main_bbs.gallery .bbs_wrap .bbs_slider .slick-list li .main_gallery_wrap {padding: 30px;}
			.main_bbs.gallery .bbs_wrap .bbs_slider .slick-list li .txt p {font-size: 16px;}
			.main_bbs.gallery .bbs_wrap .bbs_slider .slick-list li .txt h4.sbj_box {font-size: 25px; -webkit-line-clamp: 2;}
			.main_bbs.gallery .bbs_wrap .bbs_slider .slick-list li .txt a {width: 150px; height: 40px; line-height: 40px;}
			.main_bbs.gallery .bbs_wrap .bbs_slider .slick-list li .txt a span {font-size: 14px;}
			
	}
	@media only screen and (max-width:600px) {
		.visual_wrap {padding-top:110%;background-image:url(../images/skin/visual01_m.jpg);background-position:50% 50%;background-size:cover;}
		.main_bbs.gallery {}
			.main_bbs.gallery .bbs_wrap .bbs_slider .slick-list li {width:400px; margin-right: 20px;}
	}
	@media only screen and (max-width:500px) {
		.visual_wrap {padding-top:116%;}
		.main_intro {margin-top:55px;}
			.main_intro .main_intro_txt p img.img_m {height:126px;}
		.main_bbs {}
			.main_bbs .bbs_tab li + li:before {margin:5px 22px;}
			/* .main_bbs .bbs_wrap .bbs_slider .slick-list {padding:0 7px;} */
			.main_bbs .bbs_wrap .bbs_slider .slick-list li {width:280px;/* padding:0 8px; */}
		.main_bbs.gallery {}
			.main_bbs.gallery .bbs_wrap .bbs_slider .slick-list li {width:380px;}
	}
	@media only screen and (max-width:479px) {
		.visual_wrap {padding-top:120%;}
			.main_intro .main_intro_menu li {width:50%;}
			.main_intro .main_intro_menu li + li, .main_intro .main_intro_menu li:nth-of-type(4) {border-left:1px #ddd solid;}
			.main_intro .main_intro_menu li:nth-of-type(3), .main_intro .main_intro_menu li:nth-of-type(5) {border-left:0;}
			.main_intro .main_intro_menu li:nth-of-type(n + 3) {border-top:1px #ddd solid;}
		.main_bbs {}
			.main_bbs .bbs_title a {font-size: 36px;}
			.main_bbs .bbs_wrap .bbs_slider .slick-list li {margin-right: 20px;}
			.main_bbs .bbs_wrap .bbs_slider .slick-list li .txt div.con_box dt {font-size: 13px;}
			.main_bbs .bbs_wrap .bbs_slider .slick-list li .txt div.con_box dd {font-size: 13px;}
		.main_bbs.gallery {}
			.main_bbs.gallery .bbs_wrap .bbs_slider .slick-list li {width:330px;}
	}
	@media only screen and (max-width:375px) {
		.main_intro {margin-top:50px;}
			.main_intro .main_intro_txt h3 img {height:28px;}
			.main_intro .main_intro_txt p img.img_m {height:115px;}
			.main_intro .main_intro_menu li {padding-top:19px;}
			.main_intro .main_intro_menu li span {padding-top:50px;}
			.main_intro .main_intro_menu li p {font-size:15px;}
		.main_bbs.gallery {}
			/* .main_bbs.gallery .bbs_wrap .bbs_slider .slick-list li {width:290px;} */
			.main_bbs.gallery .bbs_wrap .bbs_slider .slick-list li .main_gallery_wrap {padding: 24px;}
	}
	@media only screen and (max-width:350px) {
		.main_bbs.gallery {}
			.main_bbs.gallery .bbs_wrap .bbs_slider .slick-list li {width: 280px;}
			.main_bbs.gallery .bbs_wrap .bbs_slider .slick-list li .thumb {width: 230px; height: 324px;}
	}
	@media only screen and (max-width:320px) {
		.main_intro {margin-top:40px;}
			.main_intro .main_intro_txt h3 img {height:22px;}
			.main_intro .main_intro_txt p img.img_m {height:98px;}
			.main_intro .main_intro_menu li {padding-top:13px;padding-bottom:20px;}
			.main_intro .main_intro_menu li span {padding-top:42px;}
			.main_intro .main_intro_menu li p {font-size:14px;}
		.main_bbs {}
			/* .main_bbs .bbs_wrapper {margin-left:-10px;margin-right:-10px;width: calc(100% + 20px);} */
			.main_bbs .bbs_tab li {font-size:18px;line-height:28px;}
			.main_bbs .bbs_tab li + li:before {margin:4px 20px;}
			.main_bbs .bbs_tab li.on {font-size:20px;}
			/* .main_bbs .bbs_wrap .bbs_slider .slick-list {padding:0 6px;} */
			.main_bbs .bbs_wrap .bbs_slider .slick-list li {width:240px;/* padding:0 6px; */}
			.main_bbs .bbs_wrap .bbs_slider .slick-list li .txt {padding: 15px 18px 24px;}
			.main_bbs .bbs_wrap .bbs_slider .slick-list li .txt h4.sbj_box {font-size:15px;}
			.main_bbs .bbs_wrap .bbs_slider .slick-list li .txt div.con_box {margin-top: 10px; padding-top: 10px;}
			.main_bbs .bbs_wrap .bbs_slider .slick-list li .txt div.con_box dt {font-size:12px;}
			.main_bbs .bbs_wrap .bbs_slider .slick-list li .txt div.con_box dd {font-size:12px;}
		.main_bbs.gallery {}
			.main_bbs.gallery .bbs_wrap .bbs_slider .slick-list li .txt p {font-size: 15px;}
			.main_bbs .bbs_wrap .bbs_slider .slick-list li .txt div.con_box dt {font-size:12px;}
			.main_bbs .bbs_wrap .bbs_slider .slick-list li .txt div.con_box dd {font-size:12px;}
	}






