@charset "utf-8";
#sub_visual {height:50rem; padding-top:20rem; text-align:center; color:#fff; background:no-repeat center/cover;}
#sub_visual.sub1 {background-image:url('/images/sub/sub_visual1.jpg');}
#sub_visual.sub12 {background-image:url('/images/sub/sub_visual12.jpg');}
#sub_visual.sub2 {background-image:url('/images/sub/sub_visual2.jpg');}
#sub_visual.sub3 {padding:0; height:100px; background:#111}
#sub_visual.sub4 {background-image:url('/images/sub/sub_visual4.jpg');}
#sub_visual .txt h3 {font-size:6rem; font-weight:700; line-height:1.4;}
#sub_visual .txt p {font-size:2.2rem; line-height:1.3;}


#location {display:flex; align-items:center; justify-content:right; margin:20px 0 10px;}
#location span {position:relative; font-size:14px; color:#666;}
#location span+span {margin-left:32px;}
#location span+span::before {position:absolute; left:-22px; top:50%; width:12px; height:12px; margin-top:-6px; background:url('/images/sub/icon_loc_arr.svg') no-repeat center/contain; content:'';}
#location span:last-child {color:#111}

.ctit {margin-bottom:6rem; text-align:center; font-size:5rem; color:#111; font-weight:700;}

.board_write {border-top:1px solid #E2E8F0;}
.star {color:#F12020;}
.frow {display:flex; border-bottom:1px solid #E2E8F0;}
.frow .flabel {width:200px; padding-left:20px; font-size:15px; line-height:68px; font-weight:600; background:#F9F9FA;}
.frow .finput {flex:1; min-width:0; padding:12px 15px;}


.fwrap {display:flex; gap:1rem; align-items:center;}
.fwrap .bar {font-size:12px;}
.fwrap .input_t01 {flex:1; min-width:0;}
.fwrap.email {max-width:900px;}

.input_t01 {height:44px !important; border:1px solid #E0E0E0 !important; border-radius:6px !important; font-size:15px !important; background:#fff;}
select.input_t01 {background:url('/images/sub/icon_sel_arr.svg') no-repeat right 1.5rem center; background-size:10px auto;}
.input_t02 {margin-top:10px; border:0 !important;}
textarea {border:1px solid #E0E0E0 !important; border-radius:6px !important; font-size:15px !important; box-shadow:none !important;}

.w_full {width:100% !important;}
.fsize01 {width:100% !important; max-width:300px;}


.btn_area {display:flex; align-items:center; justify-content:center; gap:10px; margin-top:40px;}
.ubtn {width:150px; border-radius:30px; line-height:54px; font-size:16px; font-weight:700; text-align:center; background:#EDEDED;}
.ubtn.point {color:#fff; background:#39893D;}

.btn_cke_sc {display:none !important;}

.nodata {text-align:center; font-size:15px;}

.pg_wrap {display:flex; align-items:center; justify-content:center; margin-top:6rem;}
.pg_wrap .pg {display:flex; align-items:center; justify-content:center; gap:5px;}
.pg_wrap .pg_page,
.pg_wrap .pg_current {width:40px; height:40px; border-radius:100%; font-size:14px; color:#7C7C7C; line-height:40px; text-align:center;}
.pg_wrap .pg_current {font-weight:400; color:#fff; background:#040707;}
.pg_wrap .pg_start,
.pg_wrap .pg_prev,
.pg_wrap .pg_next,
.pg_wrap .pg_end {overflow:hidden; text-indent:-999px; background:url('/images/sub/icon_page_arr2.png') no-repeat center; background-size:auto 12px;}
.pg_wrap .pg_prev,
.pg_wrap .pg_next {background-image:url('/images/sub/icon_page_arr1.png');}
.pg_wrap .pg_prev,
.pg_wrap .pg_start {transform:rotate(180deg);}


.dot_list {font-size:1.6rem; line-height:1.5;}
.dot_list li {display:flex; position:relative; padding-left:1.4rem;}
.dot_list li+li {margin-top:1.5rem;}
.dot_list li::before {position:absolute; top:1rem; left:0; width:0.4rem; height:0.4rem; border-radius:100%; background:#39893D; content:'';}
.dot_list strong {width:14rem; font-weight:600;}
.dot_list span {flex:1; min-width:0;}

.notice_img {padding:10rem 0 0; text-align:center;}
.notice_img img {max-width:100%;}

@media screen and (max-width:1024px){
	#sub_visual {height:auto; padding:12rem 0 10rem;}
	#sub_visual .txt h3 {font-size:4.8rem;}
	#sub_visual.sub3 {height:60px;}
	
	#location {justify-content:center; margin:15px 0 30px;}
	#location span {font-size:12px;}
	#location span+span {margin-left:26px;}
	#location span+span::before {left:-16px; width:10px;}
	
	.sub_top {display:flex; flex-direction:column-reverse;}
	
	.ctit {margin:5rem 0 0; font-size:4rem}
	.frow {flex-direction:column;}
	.frow .flabel {width:100%; line-height:50px;}
	.input_t02 {margin:0;}
	
	.fsize01 {max-width:none;}
	
	.fwrap.email {flex-wrap:wrap;}
	.fwrap.email select {flex:initial; width:100%;}
	
	.ubtn {width:120px; line-height:45px; font-size:15px;}
	
	
	.pg_wrap .pg {gap:3px;}
	.pg_wrap .pg_page,
	.pg_wrap .pg_current {width:33px; height:33px; line-height:33px; font-size:13px;}
	
	.dot_list {font-size:2rem;}
	.dot_list li::before {top:1.2rem; width:0.5rem; height:0.5rem;}
}



.greeting {display:flex; gap:8rem; word-break:keep-all;}
.greeting .img {width:41.5rem; height:68.8rem; border:1px solid #E0E0E0; background:url('/images/sub/greeting_img.jpg') no-repeat center bottom/contain;}
.greeting .cont {flex:1; min-width:0; padding-top:2rem;}
.greeting .cont .tit {font-size:2.2rem; font-weight:700; line-height:1.4;}
.greeting .cont .txt {margin-top:1rem; font-size:1.6rem; line-height:2.5;}
.greeting .cont .txt strong {font-weight:600;}
.greeting .cont .sign {display:flex; align-items:center; flex-wrap:wrap; gap:2rem; margin-top:2rem; font-size:1.4rem;}
.greeting .cont .sign img {max-width:17.5rem;}
.greeting .cont .sign span {position:relative; top:0.2rem;}
.greeting .cont .sign+.tit {margin-top:8rem;}

.contactus .cmap {position:relative; overflow:hidden; height:80rem;}
.contactus .cmap .root_daum_roughmap,
.contactus .cmap .wrap_map {width:100% !important; height:100% !important;}
.contactus .crow {display:flex; border-bottom: 1px solid #E0E0E0;}
.contactus .col {display:flex; flex:1; min-width:0; font-size:1.6rem;}
.contactus .col+.col {border-left: 1px solid #E0E0E0;}
.contactus .col .tit {position:relative; width:21rem; padding:2.5rem 3rem; font-weight:700;}
.contactus .col .tit::before {position:absolute; top:50%; right:0; width:1px; height:1.5rem; margin-top:-0.8rem; background:#D9D9D9; content:'';}
.contactus .col .txt {flex:1; min-width:0; padding:2.5rem 3rem;}

.special_edition {display:flex; gap:8rem; margin-top:10rem; padding-top:10rem; border-top:1px solid #E0E0E0;}
.special_edition .img {overflow:hidden; width:41.5rem; border:1px solid #E0E0E0; border-radius:1rem;}
.special_edition .img img {width:100%;}
.special_edition .cont {flex:1; min-width:0;}
.special_edition .cont .tit {font-size:4rem; color:#39893D; font-weight:700; line-height:1.4;}
.special_edition .cont .st01 {margin-top:1rem; font-size:1.6rem; color:#666;}
.special_edition .cont .st02 {margin-top:3rem; font-size:2.1rem;}
.special_edition .cont .st03 {display:inline-block; margin:5rem 0 2rem; padding:0 3rem 0 1.5rem; border-radius:0 2rem 2rem 0; line-height:2.25; font-size:1.6rem; color:#fff; font-weight:600; background:#39893D;}
.special_edition .dot_list {display:flex; flex-wrap:wrap;}
.special_edition .dot_list li {width:50%; margin-bottom:1.5rem;}
.special_edition .dot_list li+li {margin:0 0 1.5rem;}
.special_edition .cont .st04 {font-size:1.5rem; line-height:1.7;}
@media screen and (max-width:1024px){
	.greeting {flex-direction:column; gap:4rem;}
	.greeting .img {width:100%; border:0;}
	.greeting .cont .tit {font-size:2.8rem;}
	.greeting .cont .txt {font-size:2rem; line-height:2.2;}
	.greeting .cont .sign {font-size:1.55rem;}
	
	.contactus .cmap {height:50rem;}
	.contactus .crow {flex-direction:column;}
	.contactus .col {font-size:2rem;}
	.contactus .col+.col {border:0; border-top: 1px solid #E0E0E0;}
	.contactus .col .tit {width:10rem; padding:2.5rem 0;}
	
	
	.special_edition {flex-direction:column; gap:4rem;}
	.special_edition .img {width:100%;}
	.special_edition .cont {text-align:center;}
	.special_edition .cont .st03 {display:block; border-radius:2rem; font-size:2.2rem;}
	.special_edition .dot_list {text-align:left;}
	.special_edition .dot_list li {width:100%;}
	.special_edition .cont .st04 {font-size:2rem; text-align:left;}
}





#prod_list {display:flex; flex-wrap:wrap; margin:-1rem;}
#prod_list li {width:25%; padding:1rem;}
#prod_list .inbox {overflow:hidden; height:100%; position:relative; border-radius:1rem; transition:all 0.4s;}
#prod_list .inbox::before {position:absolute; top:0; left:0; right:0; bottom:0; border:1px solid #E0E0E0; border-radius:1rem; content:'';}
#prod_list a:hover .inbox {box-shadow: 0 0 2rem 0 rgba(0, 0, 0, 0.10);}
#prod_list .img {position:relative; padding-bottom:100%;}
#prod_list .img img {position:absolute; top:0; left:0; width:100%; height:100%;}
#prod_list strong {display:block; padding-bottom:3rem; font-size:2rem; font-weight:700; text-align:center;}
@media screen and (max-width:1024px){
	#prod_list li {width:33.333%;}
}
@media screen and (max-width:600px){
	#prod_list li {width:50%;}
	#prod_list strong {font-size:2.4rem;}
}




.prod2_top {position:relative; z-index:1; padding:8rem 0;}
.prod2_top::before {position:absolute; top:0; left:50%; width:5000px; height:100%; margin-left:-2500px; background:#F5F5F7; content:'';}
.prod2_top .inwrap {display:flex; align-items:center; gap:2rem; position:relative; z-index:1000;}
.prod2_top .img {width:42rem;}
.prod2_top .img img {width:100%;}
.prod2_top .cont {flex:1; min-width:0;}
.prod2_top .tit {font-size:5rem; font-weight:700; line-height:1.5;}
.prod2_top .pinfo {display:flex; flex-wrap:wrap;  gap:4.1rem; margin:1rem 0 4rem; font-size:1.7rem;}
.prod2_top .pinfo li {display:flex; gap:1rem; position:relative;}
.prod2_top .pinfo li+li::before {position:absolute; top:50%; left:-2rem; width:1px; height:1.4rem; margin-top:-0.7rem; background:#6E6E6F; content:'';}
.prod2_top .pinfo  strong {font-weight:600;}
.prod2_top .txt {font-size:1.5rem; line-height:2; color:#666; word-break:keep-all;}



#prod2_list {display:flex; flex-wrap:wrap; margin:-1rem; padding-top:10rem;}
#prod2_list li {width:25%; padding:1rem;}
#prod2_list .inbox {padding-bottom:3rem;}
#prod2_list .img {position:relative; padding-bottom:100%;}
#prod2_list .img img {position:absolute; top:0; left:0; width:100%; height:100%;}
#prod2_list .tit {display:block; margin-top:3rem; font-size:2rem; font-weight:700; text-align:center; word-break:keep-all;}
#prod2_list .sinfo {display:flex; justify-content:center; gap:1.5rem; margin-top:1rem; font-size:1.4rem; color:#666;}
#prod2_list .sinfo strong {font-weight:400; color:#111;}

#prod2_pop {display:none;}
#prod2_pop::before {position:fixed; top:0; left:0; right:0; bottom:0; z-index:10000; background:rgba(0,0,0,0.5); content:'';}
#prod2_pop .pbox {position:fixed; top:50%; left:50%; z-index:10001; transform:translate(-50%,-50%); width:92%; height:90%; max-width:1100px; border-radius:3rem; background:#fff;}
#prod2_pop .pbox .inwrap {display:flex; flex-direction:column; overflow:hidden; height:100%; border-radius:3rem; }
#prod2_pop .pbox .scroll {overflow-y:auto; flex:1; min-height:0}
#prod2_pop .pbox .top_btn {display:flex; position:absolute; top:3.5rem; right:3rem; gap:1rem;}
#prod2_pop .pbox .top {padding:3rem 0; padding-right:12rem; margin:0 4rem; border-bottom:1px solid #E0E0E0;}
#prod2_pop .pbox .top .tit {font-size:2.8rem; font-weight:600; line-height:1.45;}
#prod2_pop .pbox .top p {margin-top:1rem; font-size:1.3rem; line-height:1.5; color:#666;}
#prod2_pop .pbox .btn_kakao {display:flex; align-items:center; padding:0 2rem; gap:1rem; border-radius:2rem; font-size:1.4rem; color:#111; font-weight:500; line-height:4rem; background:#FFE600;}
#prod2_pop .pbox .btn_kakao::before {display:block; width:2.4rem; height:2.4rem; background:url('/images/sub/icon_kakao.svg') no-repeat center/contain; content:'';}
#prod2_pop .pbox .btn_pop_close {position:relative; right:auto; width:4rem; height:4rem; background:url('/images/sub/icon_pop_close.png') no-repeat center/contain;}
#prod2_pop .cbox {display:flex; align-items:center; gap:5rem; padding:3rem 4rem 4rem;}

#prod2_pop .img {width:40rem; position:relative;}
#prod2_pop .img::before {display:block; padding-bottom:100%; content:'';}
#prod2_pop .img::after {position:absolute; top:0; left:0; right:0; bottom:0; border:1px solid #E0E0E0; content:'';}
#prod2_pop .img img {position:absolute; top:0; left:0; width:100%; height:100%;}
#prod2_pop .img .btn_down {position:absolute; right:1.3rem; bottom:1.3rem; z-index:110; width:3.6rem; height:3.6rem; background:url('/images/sub/icon_down1.svg') no-repeat center/contain;}
#prod2_pop .info_box {flex:1; min-width:0;}
#prod2_pop .info_box .btn_wrap {display:flex; gap:1rem; margin-top:5rem; margin-right:-1rem;}
#prod2_pop .info_box .btn_wrap .btn_down {display:flex; align-items:center; gap:1rem; padding:0 2.5rem; border: 1px solid #39893D; border-radius:2.5rem; height:4.4rem; font-size:1.4rem;color:#39893D; font-weight:600; background:#E5F0E5;}
#prod2_pop .info_box .btn_wrap .btn_down::after {width:1.6rem; height:1.6rem; background:url('/images/sub/icon_down2.svg') no-repeat center/contain; content:'';}
#prod2_pop .detail {padding:3.5rem 4rem; background:#F9F9FA;}
#prod2_pop .detail .tit {margin-bottom:1rem; font-size:2rem; font-weight:700;}
#prod2_pop .detail .txt {font-size:1.5rem; line-height:1.5;}
#prod2_pop .btn_prev,
#prod2_pop .btn_next {position:absolute; top:50%; width:6rem; height:6rem; margin-top:-3rem; background:url('/images/sub/icon_pop_arr.svg') no-repeat center/contain;}
#prod2_pop .btn_prev {left:-8.5rem; transform:rotate(180deg);}
#prod2_pop .btn_next {right:-8.5rem;}

@media screen and (max-width:1024px){
	.prod2_top {padding:3rem 0 8rem;}
	.prod2_top .inwrap {flex-direction:column;}
	.prod2_top .pinfo {font-size:2rem;}
	.prod2_top .txt {font-size:1.9rem;}
	#prod2_list .sinfo {font-size:1.6rem;}
	#prod2_list li {width:33.333%;}
	
	#prod2_pop .pbox {display:flex; flex-direction:column; top:0; left:0; width:100%; height:100%; transform:translate(0,0); border-radius:0;}
	#prod2_pop .pbox .inwrap {display:block; overflow-x:hidden; overflow-y:auto; border-radius:0; height:100%;}
	#prod2_pop .pbox .top {flex-direction:column-reverse; gap:0; padding:0; margin:0; border:0; padding:50px 3rem 0;}
	#prod2_pop .pbox .top .tit {padding-top:3rem;}
	#prod2_pop .pbox .top p {font-size:1.8rem;}
	#prod2_pop .pbox .top_btn {display:flex; align-items:center; justify-content:space-between; position:fixed; top:0; left:0; right:0; z-index:100; width:100%; height:50px; border-bottom:1px solid #E0E0E0; background:#fff;}
	#prod2_pop .pbox .btn_kakao {display:block; position:absolute; top:7px; right:3rem; width:36px; height:36px; margin:0; padding:0; border-radius:100%; font-size:0;}
	#prod2_pop .pbox .btn_kakao::before {width:36px; height:36px; background-size:18px auto;}
	#prod2_pop .pbox .btn_pop_close {right:auto; top:auto; margin-left:3rem; width:24px; height:24px; background:url('/images/sub/icon_prev.svg') no-repeat center/contain;}
	#prod2_pop .cbox {flex-wrap:wrap; gap:3rem; padding:0; margin:3rem 3rem 4rem;}
	#prod2_pop .img {width:100%; max-width:60rem; margin:auto;}
	#prod2_pop .img .btn_down {right:2rem; bottom:2rem; width:4.5rem; height:4.5rem;}
	
	#prod2_pop .info_box {flex:initial; width:100%;}
	#prod2_pop .info_box .btn_wrap {flex-wrap:wrap; margin-top:4rem;}
	#prod2_pop .info_box .btn_wrap .btn_down {height:5rem; font-size:1.8rem;}
	#prod2_pop .info_box .btn_wrap .btn_down::after {width:2rem; height:2rem;}
	#prod2_pop .detail {padding:3.5rem 3rem;}
	#prod2_pop .detail .tit {font-size:2.4rem;}
	#prod2_pop .detail .txt {font-size:1.8rem;}
	
	#prod2_pop .btn_prev,
	#prod2_pop .btn_next {z-index:2; border-radius:100%; background:url('/images/sub/icon_pop_arr_m.svg') #fff no-repeat center/contain; box-shadow: 0 0 0.5rem 0 rgba(0, 0, 0, 0.25);}
	#prod2_pop .btn_prev {left:0;}
	#prod2_pop .btn_next {right:0;}
}
@media screen and (max-width:600px){
	#prod2_list li {width:50%;}
	#prod2_pop .img {margin:auto;}
	#prod2_list .tit {font-size:2.4rem;}
}