@charset "utf-8";
@import url('//cdn.malgnlms.com/common/font/notokr/notokr.css');
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap');

body,html{ font-size:16px !important; color:#333366 !important;padding:0px 0px !important;}
* {font-family:'Noto Sans KR', Malgun Gothic,'Malgun Gothic', 'Outfit', sans-serif !important;}
a { transition: all 0.3s ease !important;}
.selectBox select {z-index:10 !important;}
input[type='checkbox']:checked { background: #00312d url('/theme/6/img/main/check_icon.png')no-repeat center !important; border: 1px solid #00312d !important;}


/* 공통사항 */
.w1230 {min-width:250px !important;}
.compad {padding-top:70px  !important; padding-bottom:70px  !important;}
#wrap {min-width:250px !important;}
#header {border-bottom:1px #ddd solid !important;}

@media (min-width: 1300px) {
	.w1230 {width: 1200px !important;}
}
@media all and (min-width:1025px) {
	#wrap { padding-top:160px !important;}		
	#wrap.my_wrap {padding-top:80px !important;}
	.compad {padding-top:50px  !important; padding-bottom:50px  !important;}
	#header .head_in {padding:0px !important;}
	#header .head_in h1 {position:absolute !important; left:50%;top:-75px;transform:translateX(-50%);}
	#header .head_in h1 .svg_logo {max-height:80px !important;}

	#header .head_in h2 {position:absolute !important; left:0%;top:-75px;}
	#header .head_in h2 .svg_logo2 {max-height:80px !important;}
}
@media (max-width:1024px) and (min-width:681px) {
	#wrap { padding-top:90px !important;}
	#wrap.my_wrap {padding-top:80px !important;}
}
@media (max-width: 1024px) {
	#header .head_in h1 .svg_logo {width:auto !important;max-width:160px !important;}
}
@media (max-width: 980px) {
	#wrap.my_wrap {padding-top:65px !important;}
	#header .head_in h1 .svg_logo, 
	.header h1 .svg_logo {width:auto !important;max-width:140px !important;max-height:40px !important;}
	#header .head_in h2 {position: relative; display: inline-block;z-index: 1000;margin-left:5px;padding-top:2px;}
	#header .head_in h2 .svg_logo2 {max-height:32px !important;}
	#header {border-bottom:none !important;}
}
@media all and (max-width:680px) {
	#wrap.my_wrap {padding-top:0px !important;}
	.compad {padding-top:40px  !important; padding-bottom:40px  !important;}

}

#header .member_util {height:100px  !important; padding:25px 0px  !important;box-sizing:border-box  !important;}
#header .member_util li {border:none !important;}
#header .member_util li a {padding:0px 15px !important;background:none !important;border:none !important;}
#header .member_util li.search a {padding:0px !important;background: url('/html/images/common/icon_search.png') 50% 50% no-repeat !important;}
#header .head_in {height:60px;background:#fff;}
#header .head_in .mypage {display:none !important;}
#header.nofixed {top: -160px !important;}

#footer {padding:0px !important;background:#00312d !important;position:relative;}
#footer:before {content:'';position:absolute;top:0px;left:0px;width:100%;height:100px;background:#fff;border-top:1px #ddd solid;}
#footer .foot_top {transform:translateY(0px)!important;padding:30px 0px !important; line-height:40px !important;border-bottom:none !important; height:100px;background:none !important;margin:0px !important;box-sizing:border-box;}
#footer .foot_top a {font-size:1rem !important; color:#000 !important; line-height:40px !important; font-weight:500 !important; margin-right:50px !important;}
#footer .foot_top a:last-child {margin-right:0;}
#footer .foot_logo { display:flex;margin-bottom:15px !important;font-size:0.95em;font-weight:normal;line-height:22px !important; color:#000040 !important;}
#footer .foot_logo img { max-width:100px;max-height:22px;color:#9999B3 !important;margin-right:10px !important;}

#footer .foot_cs {font-family:'noto_sans' !important;float:left;width:50%;height:40px;line-height:40px;display:flex;justify-content:flex-start;align-content:center; color:#000 !important; font-size:18px;}
#footer .foot_cs h2 {font-size:25px;color:#000;margin-right:10px;font-weight:500;line-height:40px;letter-spacing:-0.07em;padding-left:45px;background: url('/html/images/common/foot_cs_t.png') 0% 50% no-repeat;}
#footer .foot_cs b {font-size:35px;color:#000;margin-right:10px;font-weight:800;line-height:40px;letter-spacing:-0.02em;font-family:'Inter' !important;}
#footer .foot_cs small {font-size:17px;color:#000;font-weight:500;line-height:40px;letter-spacing:-0.03em;}
#footer .foot_menu {float:right;width:50%;display:flex;justify-content:flex-end; }
#footer .foot_menu a {position:relative;margin:0px 0px 0px 25px !important;padding-left:9px !important;font-size:15px !important;}
#footer .foot_menu a:before {content:'';position:absolute;left:0px;top:50%;transform:translateY(-50%);width:3px;height:3px;border-radius:50%;background:#000;}
#footer .foot_bottom {position:relative;font-size:15px !important;color:#fff !important; font-weight:300 !important;text-align:center;padding:50px 130px;}
#footer .foot_bottom_logo {width:100%; }
#footer .foot_bottom_logo li {position:absolute;top:50%;transform:translateY(-50%);display:inline-block;}
#footer .foot_bottom_logo li:first-child {left:0px;}
#footer .foot_bottom_logo li:last-child {right:0px;}

/**** Gnb ****/
#gnb {width:100%; max-width:1200px;display:flex;justify-content:center;top:100px !important; transform:translateX(-50%);margin-left:0px !important;}
#gnb > ul > li {position:relative !important;padding:0px !important;}
#gnb > ul > li.dep_tit { min-width:140px !important;margin:0px !important;  text-align:center !important;}
#gnb > ul > li.dep_tit > a {font-size:1.176rem; color:#222;font-weight:500; letter-spacing:-0.7pt; line-height:60px !important; transition:all 0.3s;}
#gnb > ul > li:hover  a {color:#b99071 !important;}
#gnb > ul > li:hover:before {content:'';position:absolute; left:0px;top:0px;width:100%;height:2px;background:#b99071;}
#gnb .depth {top:60px !important;width:200px !important;padding:20px 0px !important;background:#b99071 !important;border:1px solid #b99071 !important; }
#gnb .one_depth {left:50% !important; transform:translateX(-50%);}
#gnb .one_depth::after {display:none !important;}

#gnb .depth > li {margin:0 0 20px;}
#gnb .depth > li:before {display:none !important;}
#gnb .depth > li a,
#gnb > ul > li.dep_tit:hover li a,
#gnb .depth > li:hover a { color:#ddd !important; text-align:center !important;}
#gnb > ul > li.dep_tit:hover li a:hover,
#gnb .depth > li a:hover { color:#fff !important;}

#gnb .three_depth li a::after {display:none;}
.searchWrap .search_close img {width:20px !important;}
/**** Gnb ****/
 

#fullmenu { position:absolute; z-index:1000; top:160px; left:0px; width:100%; height:auto;display:inline-block;  background:#b99071;  opacity:1; box-sizing:border-box;text-align:center; } 
#fullmenu .fullmenu_inner {width:1200px; padding:20px 0px;margin:0px auto;display:inline-block;text-align:center;}
#fullmenu ul {float:none;width:auto;display:inline-block;}
#fullmenu ul li {float:left;width:140px;}
#fullmenu ul li ul {width:100%;}
#fullmenu ul li ul li {width:100%;}
#fullmenu ul li ul li a{display:block; margin:0px;color:#fff;font-weight:normal;font-size:16px;line-height:30px; transition:0.5s ease-out;}

#contents {position:relative;}
.img_banner_box { max-height:600px;} 

/* 상단 배너 풀 이미지 */
.slick-prev, .slick-next {transform:translateY(-50%) !important;margin:0px !important; width:70px !important; height:70px !important;opacity:1;}
.slick-prev {left:50px !important; margin:0px !important; background:#00312d url('/html/images/common/arrow_left.png')no-repeat center !important;background-size:cover !important; }
.slick-next {right:50px !important; margin:0px !important; background:#00312d url('/html/images/common/arrow_right.png')no-repeat center !important;background-size:cover !important;}
.slick-prev:hover, .slick-next:hover {opacity:0.8}
#visual .text_area {display:none !important;}
#visual .section {left:0% !important;right:auto !important; width:100% !important; margin:0px !important; height:100%; background-size:cover !important; background-position:center center !important;}
@media all and (max-width:1299px) {
	.slick-prev,  .slick-next {width:60px !important; height:60px !important;}
}
@media all and (max-width:980px) {
	.slick-prev,  .slick-next {width:50px !important; height:50px !important;}
	.slick-prev {left:4% !important;}
	.slick-next {right:4% !important;}
	#visual .section {right:4%; width:92%; background-size:65%;}
}
@media all and (max-width:680px) {
	#visual {padding-top:0px !important;}
	.slick-prev,  .slick-next {width:30px !important; height:30px !important; background-size:8px;}
}

#visual_banner {height:180px !important; background:#00312d url('/html/images/common/sub9.png') 50% 50% no-repeat !important;background-size:contain !important; margin-bottom:100px;}
#visual_banner::before {content:'';position:absolute;left:0;top:180px;background:#f2f2f2;width:100%;height:60px;}
#visual_banner::after {background-size:contain !important;}

#sub_banner {height:180px !important; background:#00312d  url('/html/images/common/sub9.png') 50% 50% no-repeat !important; margin-bottom:100px;}
#sub_banner::before {content:'';position:absolute;left:0;top:180px;background:#f2f2f2;width:100%;height:60px;}
#sub_banner::after {background-size:contain !important;}

.content_title {max-width:1200px;position: relative; font-size: 1.765rem;color: #222; font-weight: bold;letter-spacing: -0.7pt; line-height: 1; margin:90px auto 30px auto;text-align:center;}
.cont_util.compad_t {padding-top:0px !important;}

/****** S :: sub lnb ******/
.stickyMenu { top:180px !important; padding:0px !important;height:60px !important; text-align:left !important;}
.stickyMenu .lnb {justify-content: flex-start !important;}
.lnb .lnbHome {padding-right:25px;border-right:1px #222 solid;height:60px !important;line-height:56px !important;top:0px !important; -webkit-filter:invert(100%); filter:invert(100%);}
.lnb .box { position:relative !important;vertical-align:middle !important;box-sizing:border-box;width:auto !important;min-width:150px !important;height:60px !important;line-height:60px !important;border-right:1px #dcdcdc solid !important; margin:0px !important;padding:0px 25px !important; }

.lnb .txt, 
.lnb .dropLst li span, 
.lnb .dropLst > a {color:#555 !important;line-height:60px !important;}
.lnb .dropLst{line-height:60px !important;}
.lnb .box .txt:after {display:none !important;}
.lnb .box .title:before {right:25px !important;top:50% !important; border: 1px solid rgba(255,255,255,0.2) !important;transform:translateY(-50%) rotate(0) !important; -webkit-filter:invert(100%); filter:invert(100%);}
.lnb .box .title.on:before {transform:translateY(-50%) rotate(180deg) !important;}

.lnb .dropLst {text-align:left !important;position:static !important;}
.lnb .dropLst .dlst {width:calc(100% + 2px) !important; position:absolute; top:60px !important;left:-1px; right:100% !important;border-radius:0px !important;box-sizing:border-box;box-shadow:none !important;}

.lnb .box .dropLst li .value {display:block !important; width:100% !important;}
.lnb .box .dropLst ul {padding:0px !important; background:#f2f2f2 !important;box-shadow:none !important;}
.lnb .box .dropLst ul li {margin:0px !important; padding:10px 15px !important;border-bottom:1px #dcdcdc solid;}
.lnb .box .dropLst ul li:last-child {border:none;}
.lnb .box .dropLst ul li a {display:block !important; line-height:1.5 !important;}
.lnb .box .dropLst ul li:hover {background:#00312d !important;}
	 .dropLst ul li:hover a {color:#fff !important;}
/****** E :: sub lnb ******/

/****** S :: 하위 lnb ******/
.lnb_depth {border-radius:0px !important; border:none !important; margin:40px auto !important;}
.lnb_depth .lnb_cont {padding:0px !important; height:auto !important;min-height:40px !important;}
.lnb_depth .prevArrow {display:none !important;}
.lnb_depth .prevArrow + .lnb_cont{width:100% !important;margin-left:0px !important;}
.lnb_depth ul li {position:relative;padding:0px 25px !important;height:43px !important;margin:0px !important;}
.lnb_depth ul li a {font-family:'noto_sans' !important;font-size:17px !important; color:#000 !important;line-height:42px !important;font-weight:500 !important;transition: all 0s !important;}
.lnb_depth ul li.active a{ color:#fff !important;}
.lnb_depth ul li.active {background:url('/html/images/common/lnb_bg.png') repeat-x;}
.lnb_depth ul li.active:before {content:'';position:absolute; top:0%; left:0;  width:15px; height:43px; background:url('/html/images/common/lnb_left.png') no-repeat; }
.lnb_depth ul li.active:after {content:'';position:absolute; top:0%; right:0;  width:15px; height:43px; background:url('/html/images/common/lnb_right.png') no-repeat;}
/*  .no_depth .lnb_cont {width:100%; } */


/****** E :: 하위 lnb ******/
.center .w1230 > div.cs {display:none !important;}
.center .w1230 > div.notice {width: calc((100% - 20px) / 2) !important; margin-right:0px !important;box-sizing:border-box; border:1px #ddd solid;background:#fff;}
.center .w1230 > div.notice:first-child {margin-right:20px !important;}
.center .w1230 > div h4 {position:relative;display:flex !important;padding:10px 30px 0px 30px !important;border-bottom:1px #ddd solid;box-sizing:border-box;margin:0px !important;line-height:50px !important; }
.center .w1230 > div h4 span {position:relative;width:auto;padding:0px 20px 0px 60px;line-height:50px;}
.center .w1230 > div h4 span::before {content:'';position:absolute;left:0px;bottom:0px;width:100%;height:3px;background:#000;}
.center .w1230 > div h4 a::after {content:'+'; margin-left:5px;}
.center .w1230 > div h4 a {right:30px !important;color:#888 !important;font-size:14px !important;transform:translateY(-30%) !important;text-decoration:none !important;}
.center .w1230 > div h4 a:hover {color:#000 !important;}
.center .w1230 > div ul {padding:25px 35px 35px 35px;box-sizing:border-box; }
.center .w1230 > div.notice:first-child h4 span {background: url('/html/images/common/icon_mboard1.png') 15px 50% no-repeat !important}
.center .w1230 > div.notice:nth-child(2) h4 span {background: url('/html/images/common/icon_mboard2.png') 15px 50% no-repeat !important}

.best .slick-prev,  
.best .slick-next { top:80px !important; margin-top:0px !important;width:40px !important; height:40px !important;border-radius:50% !important;}
.best .slick-prev {left:50% !important; margin-left:-660px !important; background:#06493d url('/html/images/common/arrow_left.png')no-repeat center !important;background-size:100% !important; }
.best .slick-next {right:50% !important; margin-right:-660px !important; background:#06493d url('/html/images/common/arrow_right.png')no-repeat center !important;background-size:100% !important;}

.best_list {margin:0px -10px !important;}
.best_list .item {margin:0px 10px !important;border-radius:0px !important;}
.best_list .item .img_box,
.best_list .item .img_box > img {border-radius:20px !important;}
.best_list .item .con_box {border-radius:0px !important;border:none !important;padding:20px 0px !important;}
.best_list .item .con_box h4 {text-align:center !important;margin-bottom:20px !important;font-size:17px !important;line-height:25px !important;height:50px !important;display: -webkit-box !important; white-space:normal !important; overflow:hidden; text-overflow:ellipsis !important; -webkit-line-clamp: 2 !important; -webkit-box-orient: vertical !important;word-break:keep-all;}
.best_list .item .con_box ul {margin:0px !important;}
.best_list .item .con_box ul li {padding:0px !important;text-align:center !important;}

.best_list .item .con_box .price {margin:0px !important;color:#e72936 !important;text-align:center !important; }
.best_list .item .con_box .price strong {font-size:15px !important;}

/* 갤러리형 과정목록 */
.photo_list .item {position:relative;border-radius:0px !important;border:none !important;}
.photo_list .item .img_box {border:1px #ddd solid !important;border-radius:20px !important;box-sizing:border-box !important;}
.photo_list .item .img_box > img {border-radius:20px !important;}
.photo_list .item .con_box {position:static !important;padding:22px 0px 85px 0px !important;}
.photo_list .item .con_box ul {margin-bottom:5px !important;}
.photo_list .item .con_box ul li {padding:0px !important; text-align:center !important;}
.photo_list .item .con_box ul li span {display:none !important;}
.photo_list .item .con_box h4 {font-family:'noto_sans' !important;font-size:17px !important;line-height:25px !important;height:50px !important;max-height:50px !important;font-weight:500 !important; margin-bottom:15px !important; text-align:center !important;word-break:keep-all !important; }
.photo_list .item .con_box .price {padding:0px !important; position:relative !important; font-size:15px !important; font-weight:400;color:#e72936 !important; margin:0px !important;text-align:center !important;}
.photo_list .item .con_box .price strong { font-size:1.0em !important; font-weight:400 !important;}
.photo_list .item .con_box .price .dash { color:#666 !important; margin-right:5px !important;}

.photo_list .item .con_box .btn {position:absolute;left:0px;bottom:10px;width:100%;display:flex;justify-content:center; }
.photo_list .item .con_box .btn > a {position:relative; display:block; width:auto; height:auto; line-height:40px;margin:0 4px; background:none; color:#fff; text-align:center; letter-spacing:-0.3pt; font-weight:400; font-size:15px; box-sizing:border-box; text-align:center; padding:0px 20px 0px 20px ;background:#00312d;border-radius:30px;}
.photo_list .item .con_box .btn > a .svg {display:none !important;}
.photo_list .item .con_box .btn > a.wait,
.photo_list .item .con_box .btn > a.cart {background:#e2e2e2;color:#000;}
.photo_list .item .con_box .btn > a.wait:hover,
.photo_list .item .con_box .btn > a.cart:hover {background:#ccc;}
.photo_list .item .con_box .btn > a.end {background:#3c3e40;color:#fff;}
.photo_list .item .con_box .btn > a.end:hover {background:#000;}

.thum_list .item .img_box{border:none !important;}
.thum_list .item .img_box a img{border-radius:20px !important;border:1px #ddd solid !important;box-sizing:border-box !important;}
.thum_list .item .con_box h4 a {font-family:'noto_sans' !important;font-weight:500 !important;}
.thum_list .item .con_box .btn a { border-radius:30px !important;padding-left:0px !important;}
.thum_list .item .con_box .btn a .svg {display:none !important;}
.thum_list .item .con_box .btn > a.wait,
.thum_list .item .con_box .btn > a.cart {background:#e2e2e2 !important;color:#000 !important;}
.thum_list .item .con_box .btn > a.wait:hover,
.thum_list .item .con_box .btn > a.cart:hover {background:#ccc !important;}
.thum_list .item .con_box .btn > a.end {background:#3c3e40 !important;color:#fff !important;}
.thum_list .item .con_box .btn > a.end:hover {background:#000 !important;}
.thum_list .item .con_box ul {margin:15px 0px 5px 0px !important;}

.faq_cont dt a {color:#333 !important;font-weight:500 !important;}
.faq_cont dd span.A {color:#666 !important;}

.login_cont {border-width:5px !important;border-radius:30px !important;}

.result_lnb dt {border:none !important; padding-bottom:0px !important;}
.result_lnb dd {border-top:1px #ddd solid !important;margin-top:10px !important;}

.clause,
.privacy {margin-top:50px;position:relative;width:100%;display:inline-block;}

/* 과정 상세 설정 */
.lnb_tab,
.price_table {border-radius:10px !important;}
.price_table ul li {border-radius:5px !important;}
.lnb_tab li a {font-family:'noto_sans' !important;}
.lnb_tab li a.mPS2id-highlight {font-weight:500 !important;color:#b99071 !important;}
.lnb_tab li a.mPS2id-highlight::after,
.lnb_tab li a::after {background:#b99071 !important }

@media all and (max-width:1500px) {
	.best .slick-prev {left:-50px !important;margin:0px !important;}
	.best .slick-next {right:-50px !important;margin:0px !important;}

	.best_list {width:calc(100% + 20px) !important;}
	.best_list .item {margin-left:15px;}
}
@media (max-width: 1299px) {
	#footer .foot_cs h2 {font-size:22px;}
	#footer .foot_cs b {font-size:30px;}
	#footer .foot_cs small {font-size:15px;}
	#footer .foot_menu a {font-size:14px !important;}
	
	.lnb .lnbHome {padding-left:20px !important;}

	.best .slick-prev,  
	.best .slick-next { top:calc((90% - 20px ) * 0.33) !important; transform:translateY(-50%) !important;}
	.best_list {width:90% !important;margin:0px 5% !important}

}

@media (max-width: 980px) {
	.header h1 .svg_logo {width:auto !important;max-width:140px !important;max-height:30px !important;}

	#footer:before {height:120px;}
	#footer .foot_top {padding:20px 0px !important;height:120px !important;}
	#footer .foot_top a {margin:0px 10px !important;}
	#footer .foot_cs,
	#footer .foot_menu {justify-content:center;}
	#footer .foot_cs {float:none;width:100%;height:auto; font-size:16px;align-content:center; }
	#footer .foot_menu {float:none;width:100%;}
	#footer .foot_bottom {font-size:14px !important;}


	.center .w1230 {padding:30px 0px !important;}
	.center .w1230 > div.notice {width: 100% !important; margin:20px 0px 20px 0px !important; }

	.best_list .item .con_box {padding:16px 0px !important;}
	.best_list .item .con_box h4 {font-size:16px !important;margin-bottom:16px !important;}
	.best_list .item .con_box ul li,
	.best_list .item .con_box .price strong {font-size:14px !important;}

	.lnb .txt, 
	.lnb .dropLst li span,
	.lnb .dropLst > a {font-size:14px !important;}

	.photo_list .item .con_box {padding:20px 23px 85px 23px !important;}

	.thum_list .item {padding:20px 0px !important;} 
	.thum_list .item .con_box ul {margin:10px 0px 0px 0px !important;}

	.login_cont {border-width:0px !important;border-radius:30px !important;}
	.login_cont.member_cont {top:0px !important;}



}
@media (max-width: 680px) {
	#header .head_in {box-sizing:border-box;}
	h3.title {font-size:1.4rem !important; margin: 0 0 20px !important;}
	
	#footer:before {height:100px;}
	#footer .foot_top {padding:20px 0px !important;height:100px !important;}
	#footer .foot_top a { line-height:30px !important;}
	#footer .foot_cs h2 {font-size:18px; line-height:30px !important;}
	#footer .foot_cs b {font-size:25px; line-height:30px !important;}
	#footer .foot_cs small {font-size:14px; line-height:30px !important;}
	#footer .foot_bottom {padding:20px;font-size:13px !important;}
	#footer .foot_bottom_logo { display:flex;justify-content:center;margin-bottom:15px;}
	#footer .foot_bottom_logo li {position:relative;top:0px;transform:translateY(0%);margin:0px 10px;}
	#footer .foot_bottom_logo li img {height:40px;}

	#visual_banner, 
	#sub_banner {height:100px !important; margin-bottom:40px;}
	#visual_banner::before,
	#sub_banner::before {top:100px;height:40px;}

	.content_title {font-size: 1.2rem; margin:60px auto 20px auto;}
	.cont_util.compad_t {padding-top:30px !important;}
	
	.stickyMenu { top:100px !important;height:40px !important;}
	.lnb .lnbHome {padding-right:20px;height:40px !important;line-height:35px !important;}
	.lnb .box { min-width:130px !important;height:40px !important;line-height:40px !important;padding:0px 20px !important;}
	.lnb .txt {line-height:40px !important;} 
	.lnb .dropLst > a {line-height:40px !important;}
	.lnb .box .title:before {right:20px !important;}
	.lnb .dropLst .dlst {top:40px !important;width:141px !important;}
	#contents .lnb_depth { margin:60px 0px 10px 0px !important; }
	.lnb_depth .lnb_cont {transform:scale(0.9);}

	.center .w1230 {padding:20px 0px !important;} 
	.center .w1230 > div.notice li:nth-child(3), 
	.center .w1230 > div.notice li:nth-child(4) {display:table !important;}
	.center .w1230 > div.notice li span {display:none !important;}
	.center .w1230 > div h4 {padding:5px 20px 0px 20px !important;line-height:45px !important; }
	.center .w1230 > div h4 span {padding:0px 15px 0px 60px;line-height:45px;font-size:16px !important;}
	.center .w1230 > div h4 a {right:20px !important;}
	.center .w1230 > div ul {padding:25px;}

	.best .slick-prev,  
	.best .slick-next { width:30px !important; height:30px !important;}
	.best .slick-prev {left:-40px !important;}
	.best .slick-next {right:-40px !important;}

	.photo_list .item .con_box {padding:15px 15px 20px !important;}
	.photo_list .item .con_box h4 {font-size:15px !important;line-height:20px !important;height:40px !important;max-height:40px  !important;}
	.photo_list .item .con_box ul li {font-size:14px !important; }
	.photo_list .item .con_box .price {font-size:14px !important; }
	.photo_list .item .con_box .btn {display:none;}

	.thum_list .item .con_box p.stxt {height:auto !important;}
	.thum_list .item .con_box h4 a {font-size:16px !important;}
	.thum_list .item .con_box ul li {font-size:14px !important;}
	.thum_list .item .con_box .price,
	.thum_list .item .con_box .price strong {font-size:14px !important; }
}

@media (max-width: 480px) {

	#footer .foot_top {padding:20px 0px !important;}
	#footer .foot_top a {margin:0px 8px !important;padding:0px !important; font-size:13px !important;}
	#footer .foot_top a:before {display:none !important;}
	#footer .foot_cs,
	#footer .foot_menu {justify-content:center;}
	#footer .foot_cs h2 {font-size:15px;padding-left:30px; background-size:auto 20px !important;}
	#footer .foot_cs b {font-size:20px;}
	#footer .foot_cs small {font-size:13px;}
	#footer .foot_bottom {padding:25px 0px;s}

	.best .slick-prev {left:0px !important;}
	.best .slick-next {right:0px !important;}
}

@media (max-width: 320px) {
	#footer:before {height:90px !important;}
	#footer .foot_top {padding:10px 0px !important;height:90px !important;}
	#footer .foot_top a {margin:0px 6px !important;font-size:12px !important;}
	#footer .foot_cs h2 {font-size:13px;}
	#footer .foot_cs b {font-size:16px;}
	#footer .foot_cs small {font-size:12px;}
	#footer .foot_bottom {padding:20px 0px;font-size:12px !important;}
}

.about_cont.compad {padding-top:0px !important;}
.contents_in.about_cont.compad {padding-top:0px !important;} 

.sub_cont {position:relative; width:100%;margin-bottom:70px;}
.sub_cont_top {position:relative;display:inline-block;box-sizing:border-box; width:100%;}
.sub_cont_top:before {content:'';position:absolute;left:0px;bottom:0px;width:62%;height:1px;background:#ddd;}
.sub_img {float:right;width:33%; max-width:440px;}
.sub_img img {width:100%;}
.sub_title {position:relative;font-family:'noto_sans';font-size:25px;line-height:130%;;font-weight:600;color:#000; margin:20px 0px 0px;padding-left:22px;letter-spacing:-0.05em;}
.sub_title:before {content:'';position:absolute;left:0px;top:0px;width:5px;height:20px;background:#333;transform: rotate( 40deg );}
.sub_txt {font-size:20px;line-height:200%;;font-weight:400;color:#000;margin:40px 0px;letter-spacing:-0.05em;padding-left:22px;}
.sub_txt span {color:#b99071;}
.sub_txt2 {font-size:17px;line-height:25px;color:#000;margin-top:20px;letter-spacing:-0.05em;padding-left:22px;}

.sub_tbl table {width:100%;border-left:1px #e0e0e0 solid;border-top:1px #e0e0e0 solid;margin-top:20px;}
.sub_tbl thead {background:#2e66b0;}
.sub_tbl thead th {font-size:17px;color:#fff;line-height:25px;font-weight:500;border-right:1px #6b92c7 solid;border-bottom:1px #6b92c7 solid;padding:10px;text-align:center;}
.sub_tbl tbody th {font-size:17px;color:#000;line-height:25px;background:#eaf1f9;font-weight:500;border-right:1px #e0e0e0 solid;border-bottom:1px #e0e0e0 solid;padding:10px;text-align:center;}
.sub_tbl tbody td {font-size:17px;color:#000;line-height:25px;border-right:1px #e0e0e0 solid;border-bottom:1px #e0e0e0 solid;padding:15px 30px;text-align:left;}
.sub_tbl tbody td.tac {text-align:center;padding:10px;}

@media (max-width: 980px) {
	.sub_cont_top:before {width:50%;}
	.sub_img {width:45%;}

	.sub_title {font-size:20px;margin-top:10px;padding-left:20px;}
	.sub_title:before {width:4px;height:18px;}
	.sub_txt {font-size:17px;line-height:180%;margin:30px 0px;padding-left:20px;}
	.sub_txt2 {font-size:16px;line-height:22px;padding-left:20px;}

	.sub_tbl thead th {font-size:15px;line-height:22px;}
	.sub_tbl tbody th {font-size:15px;line-height:22px;}
	.sub_tbl tbody td {font-size:15px;line-height:22px;padding:10px 20px;}
}

@media (max-width: 680px) {
	.sub_cont_top:before {width:100%;}
	.sub_img {float:none;width:100%;margin-bottom:20px;max-width:680px;}
	.sub_txt {font-size:17px;line-height:180%;margin:30px 0px;padding-left:20px;}

	.sub_tbl thead th {font-size:14px;line-height:20px;}
	.sub_tbl tbody th {font-size:14px;line-height:20px;}
	.sub_tbl tbody td {font-size:14px;line-height:20px;padding:10px 15px;}
}

#left_menu .left_menu .list>li#out,
#left_menu .left_menu .list>li#modify {display:none !important;}