.l_vis_wrap {position:absolute; width:100%; height:540px; z-index:-1; background:url('../img/sub/sub_vis.jpg') 50% 50%; background-size:cover;}
.l_vis_sha {position:absolute; width:100%; height:540px; left:0px; top:0px; background:url('../img/main/sha.png'); background-size:1px 540px;}
.l_cont_wrap {position:relative; width:1220px; box-sizing:border-box; margin:0 auto; padding-top:235px; min-height:800px;}
.l_page_path {position:relative; width:100%; box-sizing:border-box; padding-bottom:6px; font-size:15px; font-weight:300; color:rgba(255,255,255,.6); letter-spacing:-0.2px;}
.l_page_path a {color:rgba(255,255,255,.6);}
.l_page_tit {position:relative; width:30%; box-sizing:border-box; padding-bottom:16px; font-size:23px; font-weight:600; color:rgba(255,255,255,1); letter-spacing:-0.3px; line-height:30px; word-break:keep-all;}
.l_page_txt {position:relative; width:100%; box-sizing:border-box; font-size:16px; font-weight:300; color:rgba(255,255,255,.8); letter-spacing:-0.2px; line-height:140%; word-break:keep-all;}

.l_indexlist_wrap {position:relative; width:100%; box-sizing:border-box; padding-top:80px;}
.m_list_tit {position:relative; width:100%; box-sizing:border-box; padding-bottom:17px; font-size:20px; color:#fff; font-weight:600;}
.m_list_wrap {position:relative; width:100%; box-sizing:border-box; margin-bottom:40px;}
.m_list_wrap ul li {position:relative; float:left; width:calc(25% - 15px); margin-right:20px; margin-bottom:40px; cursor:pointer;}
.m_list_wrap ul li:nth-child(4n+4) {margin-right:0px;}
.m_list_wrap ul li:hover .m_list_imgboxline {border:solid 1px rgba(25,230,235,.4)}
.m_list_imgbox {position:relative; width:100%; padding-top:65%; box-sizing:border-box; background-repeat:no-repeat; background-position:50% 50%; background-size:cover;}
.m_list_imgboxline {position:absolute; width:100%; padding-top:calc(65% - 2px); left:0px; top:0px; box-sizing:border-box; border:solid 1px rgba(25,230,235,0); transition:all 0.4s ease 0s;}
.m_list_best {position:absolute; left:16px; top:10px; font-size:14px; font-weight:400; color:#3efeff;}
.m_list_txtbox {position:relative; width:100%; box-sizing:border-box; padding-top:15px; padding-bottom:5px;}
.m_list_txtcat {position:relative; width:100%; box-sizing:border-box; font-size:14px; font-weight:300; color:rgba(255,255,255,.7); padding-bottom:3px;}
.m_list_txttit {position:relative; width:100%; box-sizing:border-box; font-size:15px; font-weight:300; color:rgba(255,255,255,1); line-height:130%; padding-bottom:0px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden; white-space:normal; letter-spacing:0.5px; word-break:keep-all;}
.m_list_txtcost {position:relative; width:100%; box-sizing:border-box; font-size:14px; font-weight:300; color:#3efeff;}

.l_cost {position:relative; width:100%; box-sizing:border-box; font-size:20px; font-weight:600; color:#3efeff; letter-spacing:-0.2px;}
.l_pay_wrap {position:absolute; box-sizing:border-box; height:110px; right:0px; top:253px;}
.l_pay_wrap ul li {position:relative; float:left; height:110px; box-sizing:border-box; border:solid 1px rgba(255,255,255,.1); line-height:108px; text-align:center; transition:all 0.1s ease 0s;}
.l_pay_wrap ul li.l_pay_1 {width:60px; background:url('../img/svg/pay_1.svg') no-repeat 50% 50%; background-size:12px; border-right:0px; cursor:pointer;}
.l_pay_wrap ul li.l_pay_1:hover {background:rgba(255,255,255,.02) url('../img/svg/pay_1.svg') no-repeat 50% 50%; background-size:12px;}
.l_pay_wrap ul li.l_pay_2 {width:80px; font-size:20px; font-weight:400; color:#fff;}
.l_pay_wrap ul li.l_pay_3 {width:60px; background:url('../img/svg/pay_2.svg') no-repeat 50% 50%; background-size:12px; border-left:0px; cursor:pointer;}
.l_pay_wrap ul li.l_pay_3:hover {background:rgba(255,255,255,.02) url('../img/svg/pay_2.svg') no-repeat 50% 50%; background-size:12px;}
.l_pay_wrap ul li.l_pay_4 {width:110px; background:#f23d4e; border:none; margin-left:10px; font-size:16px; font-weight:600; color:#fff; cursor:pointer; line-height:110px;}
.l_pay_wrap ul li.l_pay_4:hover {background:#ea3041;}
.l_cont_tit {position:relative; width:100%; box-sizing:border-box; font-size:21px; font-weight:600; color:#fff; letter-spacing:-0.2px; padding-top:70px; padding-bottom:15px; margin-top:70px; border-top:solid 1px rgba(255,255,255,.1);}
.l_cont_txt {position:relative; width:100%; box-sizing:border-box; font-size:16px; font-weight:300; color:rgba(255,255,255,.7); line-height:150%; word-break:keep-all;}
.l_info_box {position:relative; width:100%; box-sizing:border-box;}
.l_info_box ul li {position:relative; float:left; box-sizing:border-box; margin-top:40px; margin-right:110px;}
.l_info_box ul li:last-child {margin-right:0px;}
.l_info_tit {display:inline-block; box-sizing:border-box; font-size:17px; font-weight:600; color:#fff; letter-spacing:-0.1px; line-height:140%; padding-bottom:10px;}
.l_info_txt {display:inline-block; box-sizing:border-box; font-size:16px; font-weight:300; color:rgba(255,255,255,.7); letter-spacing:-0.1px; margin-bottom:3px; padding-left:18px; line-height:130%; background:url('../img/svg/check.svg') no-repeat 0px 3px; background-size:12px;}

.l_photo_wrap {position:relative; width:100%; box-sizing:border-box; margin-top:80px;}
.l_photo {position:relative; width:100%; height:600px; box-sizing:border-box; margin-bottom:10px;}
.l_photo img {width:100%; height:600px; object-fit:cover;}
.l_photo_tum {position:relative; width:100%; height:108px; box-sizing:border-box; overflow-x:auto; overflow-y:hidden; white-space:nowrap; font-size:0; -ms-overflow-style:none; -webkit-overflow-scrolling:touch;}
.l_photo_tum ul li {position:relative; display:inline-block; width:150px; height:100px; margin-right:10px; cursor:pointer;}
.l_photo_tum ul li:last-child {margin-right:0px;}
.l_photo_tum ul li img {width:150px; height:100px; object-fit:cover;}
.l_photo_tum::-webkit-scrollbar {
  height: 4px;  /* 스크롤바의 높이 */
}
.l_photo_tum::-webkit-scrollbar-thumb {
  background:rgba(255,255,255,.3); /* 스크롤바의 색상 */
  border-radius: 0px;
}
.l_photo_tum::-webkit-scrollbar-thumb:hover {
  background:rgba(255,255,255,.5); /* 스크롤바의 색상 */
}
.l_photo_tum::-webkit-scrollbar-track {
  background: #131313;  /*스크롤바 뒷 배경 색상*/
}

.l_photo_tumline {position:absolute; width:150px; height:100px; left:0px; top:0px; box-sizing:border-box; border:solid 2px rgba(60,247,252,0); transition:all 0.1s ease 0s;}
.l_photo_tumline.tumon {border:solid 2px rgba(60,247,252,1);}
.l_photo_tumline.tumplay {background:url('../img/svg/play.svg') no-repeat 50% 50%; background-size:18px;}




.l_ban_box {position:relative; width:100%; box-sizing:border-box; border:solid 1px rgba(255,255,255,.1); margin-top:80px; text-align:center; font-size:16px; font-weight:300; color:rgba(255,255,255,.7); letter-spacing:-0.1px; line-height:150%; padding:60px 60px; word-break:keep-all;}
.l_ban_col {display:inline-block; font-size:20px; font-weight:600; color:rgba(255,255,255,1); letter-spacing:-0.1px; padding-bottom:10px;}

.l_ban_box_2 {position:relative; width:100%; box-sizing:border-box; border:solid 1px rgba(255,255,255,.1); margin-top:80px; background:url('../img/svg/line.svg') repeat-y 50% 0px; background-size:1px;}
.l_ban_box_2 ul li {position:relative; float:left; width:50%; box-sizing:border-box; padding:40px 40px 50px 40px;}

.l_ban_num {position:relative; width:32px; height:32px; box-sizing:border-box; border-radius:18px; background:#39e6eb; text-align:center; line-height:32px; color:#131313; font-size:12px; font-weight:600;}
.l_ban_txt_1 {position:relative; width:100%; box-sizing:border-box; color:rgba(255,255,255,.6); font-size:14px; font-weight:300; padding-top:18px; padding-bottom:6px; letter-spacing:-0.2px;}
.l_ban_txt_2 {position:relative; width:100%; box-sizing:border-box; color:rgba(255,255,255,1); font-size:20px; font-weight:600; letter-spacing:-0.2px; padding-bottom:10px;}
.l_ban_txt_3 {position:relative; width:100%; box-sizing:border-box; color:rgba(255,255,255,.7); font-size:16px; font-weight:300; letter-spacing:-0.1px; padding-bottom:10px; line-height:150%; word-break:keep-all;}
.l_ban_txt_4 {position:relative; width:100%; box-sizing:border-box; color:rgba(255,255,255,.7); font-size:16px; font-weight:300; letter-spacing:-0.1px; line-height:170%; word-break:keep-all;}

.l_faq_tit {position:relative; width:100%; box-sizing:border-box; font-size:21px; font-weight:600; color:#fff; letter-spacing:-0.2px; padding-bottom:20px; margin-top:80px;}
.l_faq_box {position:relative; width:100%; box-sizing:border-box; border:solid 1px rgba(255,255,255,.1); cursor:pointer; transition:all 0.2s ease 0s; margin-bottom:6px;}
.l_faq_q {position:relative; width:100%; box-sizing:border-box; font-size:16px; font-weight:400; color:#fff; letter-spacing:-0.1px; line-height:140%; padding:22px 30px; word-break:keep-all;}
.l_faq_a {position:relative; width:100%; box-sizing:border-box; font-size:16px; font-weight:300; color:rgba(255,255,255,.7); letter-spacing:-0.1px; line-height:150%; padding:0px 30px 22px 30px; word-break:keep-all;}
.l_faq_plus {position:absolute; width:12px; height:12px; left:calc(100% - 42px); top:28px; background:url('../img/svg/pay_2.svg') no-repeat 50% 50%; background-size:12px; opacity:.4; transition:all 0.2s ease 0s;}
.l_faq_box:hover .l_faq_plus {opacity:1;}
.l_faq_box:hover {border:solid 1px rgba(255,255,255,.2);}

.l2_img_box {position:relative; width:100%; height:600px; box-sizing:border-box; margin-top:80px;}
.l2_img_box img {width:100%; height:600px; object-fit:cover;}
.l2_img_txt {position:relative; width:100%; box-sizing:border-box; font-size:18px; font-weight:600; color:#fff; letter-spacing:-0.2px; line-height:150%; margin-top:24px; word-break:keep-all;}
.l2_cont_tit {position:relative; width:100%; box-sizing:border-box; font-size:21px; font-weight:600; color:#fff; letter-spacing:-0.2px; padding-bottom:15px; margin-top:70px}
.l2_cont_txt {position:relative; width:100%; box-sizing:border-box; font-size:16px; font-weight:300; color:rgba(255,255,255,.7); line-height:150%; word-break:keep-all;}

.l2_payinfo {position:relative; width:100%; box-sizing:border-box; border:solid 1px rgba(255,255,255,.1); padding:30px; font-size:16px; color:rgba(255,255,255,.7); letter-spacing:-0.1px; line-height:150%; margin-top:80px; word-break: keep-all; font-weight:300;}
.l2_payinfo_col {display:inline-block; font-size:18px; color:rgba(255,255,255,1); padding-bottom:7px; font-weight:400;}

.l2_info_box {position:relative; width:100%; box-sizing:border-box; border:solid 1px rgba(255,255,255,.1); padding:24px 30px; font-size:16px; color:rgba(255,255,255,.7); letter-spacing:-0.1px; line-height:150%; margin-top:80px; word-break: keep-all; font-weight:300;}
.l2_info_box_col {display:inline-block; font-size:16px; color:rgba(255,255,255,1); padding-bottom:4px; font-weight:400;}

.l2_info_box_2 {position:relative; width:100%; box-sizing:border-box; border:solid 1px rgba(255,255,255,.1); padding:24px 30px; font-size:16px; color:rgba(255,255,255,.7); letter-spacing:-0.1px; line-height:150%; margin-top:7px; word-break: keep-all; font-weight:300;}




/* 태블릿 CSS */
@media all and (max-width:1260px){
	.l_vis_wrap {height:270px; }
	.l_vis_sha {height:270px; background:url('../img/main/sha.png'); background-size:1px 270px;}
	.l_cont_wrap {width:100%; padding-top:140px; padding-left:20px; padding-right:20px; min-height:600px;}
	.l_page_path {font-size:14px; padding-bottom:4px;}
	.l_page_tit {width:100%; font-size:20px;}
	.l_page_txt {font-size:14px;}
	
    .l_indexlist_wrap {padding-top:50px;}
	.m_list_wrap ul li {width:calc(25% - 12px); margin-right:16px; margin-bottom:30px;}	
	.m_list_tit {padding-bottom:15px; font-size:17px; color:#fff; font-weight:600;}
	.m_list_imgbox {border-radius:2px;}
	.m_list_imgboxline {display:none;}
	.m_list_best {left:13px; top:7px; font-size:13px; font-weight:800;}
	.m_list_txtbox {padding-top:9px; padding-bottom:0px;}
	.m_list_txtcat {font-size:12px; padding-bottom:0px; line-height:140%;}
	.m_list_txttit {font-size:14px; padding-bottom:1px; letter-spacing:0.3px;}
	.m_list_txtcost {font-size:13px;}
	
	.l_cost {font-size:18px;}
	.l_pay_wrap {position:relative; box-sizing:border-box; height:70px; right:auto; top:auto; margin-top:40px;}
	.l_pay_wrap ul li {height:70px; line-height:68px;}
	.l_pay_wrap ul li.l_pay_1 {width:50px; background-size:10px;}
	.l_pay_wrap ul li.l_pay_1:hover {background-size:10px;}
	.l_pay_wrap ul li.l_pay_2 {width:60px; font-size:18px;}
	.l_pay_wrap ul li.l_pay_3 {width:50px; background-size:10px;}
	.l_pay_wrap ul li.l_pay_3:hover {background-size:12px;}
	.l_pay_wrap ul li.l_pay_4 {width:120px; font-size:15px; line-height:70px;}
	.l_cont_tit {font-size:18px; padding-top:50px; margin-top:50px; padding-bottom:13px;}
	.l_cont_txt {font-size:15px;}
	
	.l_info_box ul li {float:none; margin-right:0px;}
	.l_info_box ul li:last-child {margin-top:20px; margin-right:0px;}
	.l_info_tit {font-size:16px; padding-bottom:7px;}
	.l_info_txt {font-size:15px; margin-bottom:2px; background:url('../img/svg/check.svg') no-repeat 0px 3px; background-size:12px; padding-left:17px;}
	
	.l_photo_wrap {margin-top:60px;}
	.l_photo {width:100%; height:400px;}
	.l_photo img {width:100%; height:400px;}
	.l_photo_tum {position:relative; width:100%; height:78px;}
	.l_photo_tum ul li {width:100px; height:70px;}
	.l_photo_tum ul li img {width:100px; height:70px;}
	.l_photo_tumline {position:absolute; width:100px; height:70px;}
	
	.l_ban_box {margin-top:50px; font-size:15px; padding:50px 50px;}
	.l_ban_col {font-size:18px;}
	
	.l_ban_box_2 {margin-top:50px; background:none;}
	.l_ban_box_2 ul li {width:100%; padding:30px 20px 40px 20px; border-bottom:solid 1px rgba(255,255,255,.1);}
	.l_ban_box_2 ul li:last-child {border-bottom:none;}
	.l_ban_txt_2 {font-size:18px;}
	.l_ban_txt_3 {font-size:15px;}
	.l_ban_txt_4 {font-size:15px;}
	
	.l_faq_tit {font-size:18px; margin-top:50px; padding-bottom:18px;}
	.l_faq_q {font-size:15px; font-weight:300; padding:22px 20px;}
	.l_faq_a {font-size:15px; padding:0px 20px 22px 20px;}
	.l_faq_plus {left:calc(100% - 32px);}
	
	.l2_img_box {height:300px; margin-top:50px;}
	.l2_img_box img {height:300px;}
	.l2_img_txt {font-size:16px; margin-top:20px; font-weight:400;}
	.l2_cont_tit {font-size:18px; padding-bottom:13px; margin-top:50px;}
	.l2_cont_txt {font-size:15px;}
	
	.l2_payinfo {padding:25px 20px; font-size:14px; margin-top:50px;}
	.l2_payinfo_col {font-size:15px; padding-bottom:7px;}
	
	.l2_info_box {padding:22px 20px; font-size:14px; margin-top:50px;}
	.l2_info_box_col {font-size:15px;}
	.l2_info_box_2 {padding:22px 20px; font-size:14px; margin-top:5px;}
}


/* 모바일 CSS */
@media all and (max-width:480px){
	.l_vis_wrap {height:270px; }
	.l_vis_sha {height:270px; background:url('../img/main/sha.png'); background-size:1px 270px;}
	.l_cont_wrap {width:100%; padding-top:140px; padding-left:20px; padding-right:20px; min-height:600px;}
	.l_page_path {font-size:14px; padding-bottom:4px;}
	.l_page_tit {width:100%; font-size:20px;}
	.l_page_txt {font-size:14px;}
	
    .l_indexlist_wrap {padding-top:50px;}
	.m_list_wrap ul li {width:calc(50% - 8px); margin-right:16px; margin-bottom:30px;}
	.m_list_wrap ul li:nth-child(2n+2) {margin-right:0px;}	
	.m_list_tit {padding-bottom:15px; font-size:17px; color:#fff; font-weight:600;}
	.m_list_imgbox {border-radius:2px;}
	.m_list_imgboxline {display:none;}
	.m_list_best {left:13px; top:7px; font-size:13px; font-weight:800;}
	.m_list_txtbox {padding-top:9px; padding-bottom:0px;}
	.m_list_txtcat {font-size:12px; padding-bottom:0px; line-height:140%;}
	.m_list_txttit {font-size:14px; padding-bottom:1px; letter-spacing:0.3px;}
	.m_list_txtcost {font-size:13px;}
	
	.l_cost {font-size:18px;}
	.l_pay_wrap {position:relative; box-sizing:border-box; height:70px; right:auto; top:auto; margin-top:40px;}
	.l_pay_wrap ul li {height:70px; line-height:68px;}
	.l_pay_wrap ul li.l_pay_1 {width:50px; background-size:10px;}
	.l_pay_wrap ul li.l_pay_1:hover {background-size:10px;}
	.l_pay_wrap ul li.l_pay_2 {width:60px; font-size:18px;}
	.l_pay_wrap ul li.l_pay_3 {width:50px; background-size:10px;}
	.l_pay_wrap ul li.l_pay_3:hover {background-size:12px;}
	.l_pay_wrap ul li.l_pay_4 {width:calc(100% - 170px); font-size:15px; line-height:70px;}
	.l_cont_tit {font-size:18px; padding-top:50px; margin-top:50px; padding-bottom:13px;}
	.l_cont_txt {font-size:15px;}
	
	.l_info_box ul li {float:none; margin-right:0px;}
	.l_info_box ul li:last-child {margin-top:20px; margin-right:0px;}
	.l_info_tit {font-size:16px; padding-bottom:7px;}
	.l_info_txt {font-size:15px; margin-bottom:2px; background:url('../img/svg/check.svg') no-repeat 0px 3px; background-size:12px; padding-left:17px;}
	
	.l_photo_wrap {margin-top:60px;}
	.l_photo {width:100%; height:300px;}
	.l_photo img {width:100%; height:300px;}
	.l_photo_tum {position:relative; width:100%; height:78px;}
	.l_photo_tum ul li {width:100px; height:70px;}
	.l_photo_tum ul li img {width:100px; height:70px;}
	.l_photo_tumline {position:absolute; width:100px; height:70px;}
	
	.l_ban_box {margin-top:50px; font-size:15px; padding:50px 30px;}
	.l_ban_col {font-size:18px;}
	
	.l_ban_box_2 {margin-top:50px; background:none;}
	.l_ban_box_2 ul li {width:100%; padding:30px 20px 40px 20px; border-bottom:solid 1px rgba(255,255,255,.1);}
	.l_ban_box_2 ul li:last-child {border-bottom:none;}
	.l_ban_txt_2 {font-size:18px;}
	.l_ban_txt_3 {font-size:15px;}
	.l_ban_txt_4 {font-size:15px;}
	
	.l_faq_tit {font-size:18px; margin-top:50px; padding-bottom:18px;}
	.l_faq_q {font-size:15px; font-weight:300; padding:22px 20px;}
	.l_faq_a {font-size:15px; padding:0px 20px 22px 20px;}
	.l_faq_plus {left:calc(100% - 32px);}
	
	.l2_img_box {height:300px; margin-top:50px;}
	.l2_img_box img {height:300px;}
	.l2_img_txt {font-size:16px; margin-top:20px; font-weight:400;}
	.l2_cont_tit {font-size:18px; padding-bottom:13px; margin-top:50px;}
	.l2_cont_txt {font-size:15px;}
	
	.l2_payinfo {padding:25px 20px; font-size:14px; margin-top:50px;}
	.l2_payinfo_col {font-size:15px; padding-bottom:7px;}
	
	.l2_info_box {padding:22px 20px; font-size:14px; margin-top:50px;}
	.l2_info_box_col {font-size:15px;}
	.l2_info_box_2 {padding:22px 20px; font-size:14px; margin-top:5px;}
}