@charset "utf-8";
body {font-family: "Roboto", sans-serif;}

header {position: fixed; top: 0; z-index: 99; background: #ffffff; width: 100%; height: 70px; box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;}
.V1_box {width: 1110px; margin: auto; }

/* header_lgg (Language) */
.V1_lgg , .V1_won {position: relative; }
.V1_lgg label , .V1_won label {cursor: pointer; font-size: 18px;}
#V1_lgg-btn , #V1_won-btn { display: none;}
#V1_lgg-btn:checked ~ .V1_gnb , #V1_won-btn:checked ~ .V1_gnb  {z-index: 2; display: block;  width: 150px; height: 200px; box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;} 
.V1_gnb {position: absolute; left: -20px; top: 50px; display: none; background: #fff;  margin-top: 10px; padding: 15px; box-sizing: border-box; }
.V1_gnb > li {padding: 5px; box-sizing: border-box; transition: all 0.3s; line-height: 2.5; font-size: 14px;}
.V1_gnb > li:hover {background: #f5f5f5; border-radius: 10px;}
/* -------------------------------------------------------------- */
.V1_head_box h1 {float: left; width: 20%; height: 100%; padding:0; box-sizing: border-box;}
.V1_head_box h1 img {width: 80%; margin-top: 17px;}
.V1_head_box .V1_head_rigth {float: right; width: 40%;padding-top: 25px; }
.V1_head_rigth > li {display: inline-block; margin: 0 10px; font-size: 14px;}
.V1_head_rigth label {font-size: 14px;}
.V1_head_rigth .V1_won > .V1_gnb {overflow: auto;}
/* -------------------------------------------------------------- */
.pore {padding: 25px 20px; box-sizing: border-box;}
.V1_slide_box {overflow: hidden; position: relative; }
.V1_btnbox1 {display: none;}

.menu_button {display: none; height: 0; width: 35px; left: 0; top: 0; position: absolute; cursor: pointer;}

.menu_button2 { height: 50px; width: 50px; left: 5%; top: 0; position: absolute; cursor: pointer; font-size: 40px;}
.menu_button .bar {background: black; position: absolute; width: 100%; height: 3px; border-radius: 5px; -webkit-transition: .3s ease; transition: .3s ease;}
.menu_button2 .bar { background: black; position: absolute; width: 100%; height: 3px; border-radius: 5px; -webkit-transition: .3s ease; transition: .3s ease;}
.menu_button2 > div {color: #fff;}
.menu_button2 .bar:nth-child(1) {top: .6rem;}
.menu_button2 .bar:nth-child(2) { top: calc(50% - 1.5px);}
.menu_button2 .bar:nth-child(3) {bottom: .6rem;}
.menu_button .bar:nth-child(1) {top: .6rem;}
.menu_button .bar:nth-child(2) {top: calc(50% - 1.5px);}
.menu_button .bar:nth-child(3) {bottom: .6rem;}
.menu_button:hover .bar {background: grey;}

.V1_slider_btn button {background: #fff; border: none; width: 100%; padding: 15px 0; box-sizing: border-box; border-radius: 1px; color: #e41a37;}

#menu_inputbox:checked ~ .slider {left: 0;}
.slider {color: rgb(255, 255, 255); background: rgb(255, 255, 255); position: fixed; top: 0; height: 100%; width: 85%; left: -85%; box-sizing: border-box; -webkit-transition: all .3s ease; transition: all .3s ease;z-index: 5;}
.slider_head { height: 140px; line-height: 90px; background: #e41a37; color: #000; padding: 60px 15px 5px 15px; box-sizing: border-box; position: relative;}
.V1_menu_txtbox { padding: 25px 30px; box-sizing: border-box; margin: 0;}
.V1_menu_txtbox > li {line-height: 3.5;}
.menu1_li { width: 100%; color: #000;}

.slider_label {cursor: pointer; padding: 20px 15px; box-sizing: border-box; width: 100%; display: block;}
.slider_label span {color: #e41a37;}

.menu1_2 ,.menu2_2 ,.menu3_2 {position: absolute; top: 0%; right: -120%; width: 100%; background: #ffffff; color: #FFF; height: 40px; line-height: 40px; height: 100%; transition: all .5s ease; padding: 10px; box-sizing: border-box;}

.menu1_2 span ,.menu2_2 span  {display: block; background: #e41a37; width: 100%; padding: 20px 0 20px 70px; box-sizing: border-box;}

#menu1_1:checked ~ .menu1_2 { right: 0%; top: 0%; padding: 0; box-sizing: border-box; -webkit-transition: all .3s ease; transition: all .3s ease;}
#menu2_1:checked ~ .menu2_2 { right: 0%; top: 0%; padding: 0; box-sizing: border-box; -webkit-transition: all .3s ease; transition: all .3s ease;}
.slider_label2 { height: 30px; width: 30px; padding: .4rem .8rem; left: 25px; top: 14px; position: absolute; cursor: pointer;}
.slider_label2 > div {font-size: 30px;}
/* -------------------------------------------------------------- */
.V1_view {margin-top: 70px;}

.V1_view_head {margin-bottom: 20px;}
.V1_view_head .V1_view_list {display: flex; justify-content: left; align-items: center;}
.V1_view_head .V1_view_list a {display: block;}
.V1_view_head .V1_view_list li {padding: 15px 12px 15px 0; box-sizing: border-box;}
.V1_view_head .V1_view_list .V1_vlist_col {font-weight: bold;}

.V1_view_txt .V1_view_tit {margin-bottom: 10px; font-size: 32px; font-weight: bold;}
.V1_view_txt .V1_view_dp {margin-bottom: 10px;}
.V1_view_txt .V1_view_dp span {height: 100%; display: inline-block; background: #f5f5f5; padding: 3px 8px; box-sizing: border-box; border-radius: 5px; font-size: 14px; font-weight: 400; color: #757575;}
.V1_view_txt .V1_view_dp span:first-child {padding: 4px 8px; box-sizing: border-box;}

.V1_view_point {display: flex; justify-content: left; align-items: center; overflow: hidden;}
.V1_view_point .V1_vpoin_box_L {float: left; width: 70%; display: flex; justify-content: left; align-items: center;}
.V1_view_point .V1_vpoin_box_L p {padding: 0 5px; box-sizing: border-box;}
.V1_view_point .V1_vpoin_box_L .V1_vboxL_col {color: #f09b0a; font-size: 20px;}
.V1_view_point .V1_vpoin_box_L .V1_vboxL_poin1 {text-decoration: underline;}
.V1_view_point .V1_vpoin_box_L .V1_vboxL_poin2 {color: #757575;}

.V1_view_point .V1_vpoin_box_R {float: right; width: 30%; text-align: right; transition: all 0.2s;}
.V1_view_point .V1_vpoin_box_R i {display: inline-block; margin-right: 8px; font-size: 18px;}
.V1_view_point .V1_vpoin_box_R:hover {color: #ff5b00;}
/* -------------------------------------------------------------- */

.V1_view_conbox {position: relative; overflow: hidden; width: 100%; height: 474px;}

.V1_view_conbox .V1_vcon_L {float: left; width:750px; height: 499px; border-radius: 15px 0 0 15px;}
.V1_view_conbox .V1_vcon_L img {width: 100%; height: 100%; border-radius: 15px 0 0 15px;}

.V1_view_conbox .V1_vcon_R {float: right; width: 354px; height: 100%;}
.V1_view_conbox .V1_vcon_R div {height: 236px; background: #e41a37; margin-bottom: 5px;}
.V1_view_conbox .V1_vcon_R .V1_vconr_T {border-radius: 0 15px 0 0;}
.V1_view_conbox .V1_vcon_R .V1_vconr_T img {width: 100%; height: 100%; border-radius: 0 15px 0 0;}

.V1_view_conbox .V1_vcon_R .V1_vconr_B {border-radius: 0 0 15px 0;}
.V1_view_conbox .V1_vcon_R .V1_vconr_B img {width: 100%; height: 100%; border-radius: 0 0 15px 0;}

.V1_viewmo_open_btn {position: absolute; right: 15px; bottom: 15px; display: block;  padding: 15px 25px; box-sizing: border-box; background-color: #fff; border: none; border-radius: 10px; cursor: pointer; transition: box-shadow 0.2s; font-size: 15px; font-weight: bold;}
.V1_view_mo_btn:hover {box-shadow: 3px 4px 11px 0px #00000040;}

.V1_view_mo.on { display: block;}
.V1_view_mo {display: none; /*평소에는 보이지 않도록*/ position: fixed; top:0; left: 0; width: 100%; height: 100vh; overflow: hidden; background: rgba(0,0,0,0.9); z-index: 6;}
.V1_view_mo .V1_viewmo_pop {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); padding: 20px; box-sizing: border-box; border-radius: 20px; width: 60%;}
.V1_view_mo .V1_viewmo_pop .V1_viewmo_close_btn {position: absolute; right: 0; top: 0; display: block; padding: 10px 20px; background: none; border: none; border-radius: 5px; color: #fff; cursor: pointer; transition: box-shadow 0.2s; font-size: 30px; z-index: 5;}

.mySwiper2 {height: 500px; width: 100%; margin-bottom: 30px;}
.mySwiper2 .swiper-slide img {width: 80%; margin: 0 auto;}

/* 240802 수정 */
.mySwiper {height: 15%; box-sizing: border-box; padding: 10px 0;}
.mySwiper .swiper-slide {width: 10%; height: 50%; opacity: 0.4;}
.mySwiper .swiper-slide img {border-radius: 15%;}
.mySwiper .swiper-slide-thumb-active {opacity: 1;}
.swiper-slide img {display: block; width: 100%; object-fit: cover;}

.mySwiper2 .V1_next , .mySwiper2 .V1_prev  {width: 48px; height: 48px; background: rgba(255, 255, 255, 0.251); border-radius: 50%; border: 1px solid rgba(255, 255, 255, 0.251); transition: all 0.2s;} 
.mySwiper2 .V1_next:hover , .mySwiper2 .V1_prev:hover {border: 1px solid #fff;}
.mySwiper2 .V1_next::after , .mySwiper2 .V1_prev::after {font-size: 15px; color: #fff;}
/* -------------------------------------------------------------- */
.V1_view_content2 {padding-bottom:50px;}

.V1_viewcon_L {float: left; width: 70%; margin-top: 30px ;}

.V1_viewcon_Lbox {margin-bottom: 20px;}
/* 240802 수정 */
.V1_viewcon_T {overflow: hidden; background: #fcf6f2; border-radius: 15px; padding: 25px 25px 15px 25px; box-sizing: border-box;}
/* 240802 추가 */
.V1_view_conbox2 {overflow: hidden; width: 100%; height: 100%;}
.V1_view_conbox2 li {position: relative; padding-left: 18px; box-sizing: border-box; line-height: 2;}
.V1_view_conbox2 li::after {position: absolute; left: 0; top: 10px; width: 5px; height: 5px; background: #000; content: ''; border-radius: 50%;}

.V1_viewmo_open_btn2 {position: relative; display: block; width: 100%; margin-top: -10px; padding: 20px 0 25px 40px; box-sizing: border-box; border-radius: 0 0 15px 15px; background-color: #fcf6f2; border: none;  cursor: pointer; font-size: 18px; text-decoration: underline; font-weight: bold; text-align: left; z-index: 1;}
.V1_viewmo_open_btn2 i {display: inline-block; margin-left: 5px; font-weight: bold;}
.V1_viewmo_open_btn2::before {position: absolute; left: 0; top: -20px; width: 100%; height: 20px; background:linear-gradient(180deg,rgba(252,246,242,0),rgba(252,246,242,.5) 52.08%,#fcf6f2); content: '';}

.V1_view_mo2.on { display: block;}
.V1_view_mo2 {display: none; /*평소에는 보이지 않도록*/ position: fixed; top:0; left: 0; width: 100%; height: 100vh; overflow: hidden; background: rgba(0,0,0,0.8); z-index: 6;}
.V1_view_mo2 h3 {font-size: 25px; margin-bottom: 15px;}
/* 240802 수정 */
.V1_view_mo2 .V1_viewmo_pop2 {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); padding: 50px 45px; box-sizing: border-box; border-radius: 20px; background: #fff;}
.V1_view_mo2 .V1_viewmo_pop2 .V1_viewmo_close_btn2 {position: absolute; right: -70px; top: -20px; display: block; padding: 10px 20px; background: none; border: none; border-radius: 5px; color: #ffffff; cursor: pointer; transition: box-shadow 0.2s; font-size: 30px;}

/* -------------------------------------------------------------- */

.V1_viewmo_open_btn3 {position: relative; display: block; width: 100%; margin-bottom: 50px; padding: 20px 5px; box-sizing: border-box; border-radius: 15px; background-color: #fcf6f2; border: none;  cursor: pointer; font-size: 18px; text-align: left; }

.V1_viewmo_open_btn3 .V1_viewbtn3_tit {float: left; width: 50%; padding: 0 15px; box-sizing: border-box;}
.V1_viewmo_open_btn3 .V1_viewbtn3_txt {float: right; width: 32%; display: flex; justify-content: center; }
.V1_viewmo_open_btn3 .V1_viewbtn3_txt p {margin-right: 5px; padding: 2px 8px; box-sizing: border-box; font-size: 13px; color: #f44622; background: #fff;}
.V1_viewmo_open_btn3 .V1_viewbtn3_txt p:first-child {border-right: none;}
.V1_viewmo_open_btn3 .V1_viewbtn3_txt p:nth-child(3){border: 1px solid #f4462266;}
.V1_viewmo_open_btn3 .V1_viewbtn3_txt p:nth-child(4){ border: none; background: 0; color: #000; font-size: 15px; }
.V1_viewmo_open_btn3 .V1_viewbtn3_txt .V1_viewbtn3_poin {margin-left: -15px;padding: 2px 8px 2px 20px; box-sizing: border-box; background-color: rgba(244, 70, 34, 0.2); background-image: radial-gradient(circle at .9em center, #fff .22em, transparent 0), linear-gradient(125deg, #fff .68em, transparent 0), linear-gradient(55deg, #fff .68em, transparent 0); border-left: none;}

.V1_view_mo3.on { display: block;}

.V1_view_mo3 {display: none; /*평소에는 보이지 않도록*/ position: fixed; top:0; left: 0; width: 100%; height: 100vh; overflow: hidden; background: rgba(0,0,0,0.8); z-index: 6;}
.V1_view_mo3 .V1_viewmo_pop3 { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); border-radius: 20px; padding: 100px 0 20px 0; box-sizing: border-box;  width: 900px; height: 500px; background: #fff;}
.V1_view_mo3 .V1_viewmo_pop3 h3 {position: fixed; width: 90%; top: 40px; background: #fff; font-size: 25px; margin-bottom: 15px; padding: 0 40px; box-sizing: border-box;}
.V1_view_mo3 .V1_viewmo_pop3 .V1_viewmo_close_btn3 {overflow: hidden; position: absolute; right: -70px; top: -20px; display: block; padding: 10px 20px; background: none; border: none; border-radius: 5px; color: #ffffff; cursor: pointer; transition: box-shadow 0.2s; font-size: 30px; z-index: 5;}

.V1_view_conbox3 {width: 100%; height: 365px; overflow: auto; padding: 0 40px; box-sizing: border-box;}

.V1_view_conbox3 .V1_conbox3_1 {margin-bottom: 20px;}
.V1_view_conbox3 .V1_conbox3_1 h4 {display: inline-block; background: #f44622; color: #fff; margin-bottom: 5px; padding: 2px 8px; box-sizing: border-box; border-radius: 5px; font-size: 12px; font-weight: 400;}
.V1_view_conbox3 .V1_conbox3_1 p {font-size: 14px;}

.V1_view_conbox3 .V1_conbox3_1 .V1_conbox3_txt {display: flex; margin-bottom: 5px;}
.V1_view_conbox3 .V1_conbox3_1 .V1_conbox3_txt p {border: 1px solid #f4462266; color: #f44622;}
.V1_view_conbox3 .V1_conbox3_1 .V1_conbox3_txt p:first-child {border-right: none; padding: 2px 2px 2px 8px; box-sizing: border-box;}
.V1_view_conbox3 .V1_conbox3_1 .V1_conbox3_txt .V1_conbox3_poin {padding: 2px 8px 2px 20px; box-sizing: border-box; background-color: rgba(244, 70, 34, 0.2); background-image: radial-gradient(circle at .9em center, #fff .22em, transparent 0), linear-gradient(125deg, #fff .68em, transparent 0), linear-gradient(55deg, #fff .68em, transparent 0); border-left: none;}
.V1_view_conbox3 .V1_conbox3_1 ul li {position: relative; font-size: 14px; padding: 0 0 0 20px; box-sizing: border-box; line-height: 1.5;}
.V1_view_conbox3 .V1_conbox3_1 ul li::after {position: absolute; left: 7px; top: 7px; width: 3px; height: 3px; background: #000; border-radius: 50%; content: '';}

.V1_view_conbox3 .V1_conbox3_1 .V1_conbox3_poin1 {background: none; border:1px solid rgba(244, 70, 34, 0.4); color: #f44622;}
.V1_view_conbox3 .V1_conbox3_1 .V1_conbox3_poin2 {background: none; border:1px solid rgba(11, 158, 101, 0.4); color: #0b9e65;}

.V1_view_conbox3 p {font-size: 12px; color: #757575;}
/* -------------------------------------------------------------- */
.V1_viewcon_R {
    width:320px;
    margin-top: 30px;
    border: 1px solid #e6e6e6;
    padding: 30px 20px;
    box-sizing: border-box;
    border-radius: 15px;
    position: fixed;
    background: #fff;
    z-index: 1;}
.V1_viewcon_R p {font-size: 25px; margin-bottom: 20px; font-weight: bold;}
.V1_viewcon_R button {width: 100%; background: #5a9ff9; padding: 11px 0; box-sizing: border-box; border: none; color: #fff; border-radius: 10px; font-weight: bold; transition: all 0.3s; font-size: 17px;}
.V1_viewcon_R button:hover {background: #8bbaf8;}
/* -------------------------------------------------------------- */
/* footer */
footer {background: #000000; color: #fff;}
footer > .V1_box { overflow: hidden; padding: 100px 0px; box-sizing: border-box;}
footer .V1_foo_left {float: left; width: 50%;}
footer .V1_foo_left figure {width: 180px; height: 50px; margin-bottom: 15px;}
footer .V1_foo_left figure img {width: 100%; height: 100%;}
footer .V1_foo_left .V1_foo_b {margin-bottom: 40px; font-size: 15px;}
footer .V1_foo_left .V1_foo_s {line-height: 2;} 

footer .V1_foo_rigth {float: right; width: 50%; overflow: hidden; border-radius: 15px;}
footer .V1_foo_rigth .V1_foo_txt {float: left; width: calc(100%/3);}
/* 240802 추가 */
footer .V1_foo_rigth .V1_foo_txt h2 {margin-bottom: 20px;}
.V1_foo_rigth .V1_foo_txt ul li {margin-bottom: 10px; }

footer .V1_copy {border-top: 1px solid rgba(255, 255, 255, 0.10); padding: 24px 0;}
footer .V1_copybox {overflow: hidden; }
footer .V1_copy_box {float: left; width: 70%; }
footer .V1_copy_go {float: right; width: 15%;} 
footer .V1_copy_go ul li {float: left; width: calc(100%/4); font-size: 25px; color: #6A6A6A; transition: all 0.3s;}
footer .V1_copy_go ul li:hover {color: #fff;}

/*  */

.pore {padding: 25px 20px; box-sizing: border-box;}
.V1_slide_box {overflow: hidden; position: relative; }
.V1_btnbox {display: none;}

.menu_button {display: none; height: 0; width: 35px; left: 0; top: 0; position: absolute; cursor: pointer;}

.menu_button2 { height: 50px; width: 50px; left: 5%; top: 0; position: absolute; cursor: pointer; font-size: 40px;}
.menu_button .bar {background: black; position: absolute; width: 100%; height: 3px; border-radius: 5px; -webkit-transition: .3s ease; transition: .3s ease;}
.menu_button2 .bar { background: black; position: absolute; width: 100%; height: 3px; border-radius: 5px; -webkit-transition: .3s ease; transition: .3s ease;}
.menu_button2 > div {color: #fff;}
.menu_button2 .bar:nth-child(1) {top: .6rem;}
.menu_button2 .bar:nth-child(2) { top: calc(50% - 1.5px);}
.menu_button2 .bar:nth-child(3) {bottom: .6rem;}
.menu_button .bar:nth-child(1) {top: .6rem;}
.menu_button .bar:nth-child(2) {top: calc(50% - 1.5px);}
.menu_button .bar:nth-child(3) {bottom: .6rem;}
.menu_button:hover .bar {background: grey;}

.V1_slider_btn button {background: #fff; border: none; width: 100%; padding: 15px 0; box-sizing: border-box; border-radius: 1px; color: #e41a37;}

/* *240801 변경*  */
#menu_inputbox:checked ~ .sliders {left: 0;}
.sliders {color: rgb(255, 255, 255); background: rgb(255, 255, 255); position: fixed; top: 0; height: 100%; width: 85%; left: -85%; box-sizing: border-box; -webkit-transition: all .3s ease; transition: all .3s ease;z-index: 5;}
.slider_head { height: 140px; line-height: 90px; background: #e41a37; color: #000; padding: 60px 15px 5px 15px; box-sizing: border-box; position: relative;}
.V1_menu_txtbox { padding: 25px 30px; box-sizing: border-box; margin: 0;}
.V1_menu_txtbox > li {line-height: 3.5;}
.menu1_li { width: 100%; color: #000;}

.slider_label {cursor: pointer; padding: 20px 15px; box-sizing: border-box; width: 100%; display: block;}
.slider_label span {color: #e41a37;}

.menu1_2 ,.menu2_2 ,.menu3_2 {position: absolute; top: 0%; right: -120%; width: 100%; background: #ffffff; color: #FFF; height: 40px; line-height: 40px; height: 100%; transition: all .5s ease; padding: 10px; box-sizing: border-box;}

.menu1_2 span ,.menu2_2 span  {display: block; background: #e41a37; width: 100%; padding: 20px 0 20px 70px; box-sizing: border-box;}

#menu1_1:checked ~ .menu1_2 { right: 0%; top: 0%; padding: 0; box-sizing: border-box; -webkit-transition: all .3s ease; transition: all .3s ease;}
#menu2_1:checked ~ .menu2_2 { right: 0%; top: 0%; padding: 0; box-sizing: border-box; -webkit-transition: all .3s ease; transition: all .3s ease;}
.slider_label2 { height: 30px; width: 30px; padding: .4rem .8rem; left: 25px; top: 14px; position: absolute; cursor: pointer;}
.slider_label2 > div {font-size: 30px;}