@charset "utf-8";
/* CSS Document */
.doc{font-size:16px;}
.box1, .wrap{width:var(--box1); max-width:96%; margin: 0 auto; position: relative;}
.mobile_only{display:none;}
.res_block{display:none;}

.lang_ch{font-family: "Noto Serif SC", serif!important;}
.lang_jp{font-family: "Noto Serif JP", serif!important;}

.en_ver{display:none!important;}
.ch_ver{display:none!important;}
.jp_ver{display:none!important;}

.lang_ko .ko_ver.st{display:inline-block !important;}
.lang_en .en_ver.st{display:inline-block !important;}
.lang_ch .ch_ver.st{display:inline-block !important;}
.lang_jp .jp_ver.st{display:inline-block !important;}

.lang_ko table tr.ko_ver{display:table-row !important;}
.lang_en table tr.en_ver{display:table-row !important;}
.lang_ch table tr.ch_ver{display:table-row !important;}
.lang_jp table tr.jp_ver{display:table-row !important;}

.lang_ko .ko_ver{display:block !important;}
.lang_ko .en_ver,
.lang_ko .ch_ver,
.lang_ko .jp_ver{display:none !important;}

.lang_en .en_ver{display:block !important;}
.lang_en .ko_ver,
.lang_en .ch_ver,
.lang_en .jp_ver{display:none !important;}

.lang_ch .ch_ver{display:block !important;}
.lang_ch .ko_ver,
.lang_ch .en_ver,
.lang_ch .jp_ver{display:none !important;}

.lang_jp .jp_ver{display:block !important;}
.lang_jp .ko_ver,
.lang_jp .en_ver,
.lang_jp .ch_ver{display:none !important;}





.sit_admin{display:none;}

:root{
	--box0:1600px;
	--box1:1340px;
	--bor_r:3px;
	--header_H:80px;
	--mainColor:#c40f24;
	--subColor:#ff4141;
	--font_ko:'Pretendard';
	--font_ko2:'NanumMyeongjo';
	--font_jp:'Noto Sans JP'; 
}


.box0{width:var(--box0); max-width:96%; margin:0 auto; position: relative;}
#hd_wrapper,
.box1{width:var(--box1); max-width:96%; margin:0 auto; position: relative;}

/*header*/

#hd{background:transparent; border-bottom:0; position: fixed; top: 0; left: 0; width:100%; z-index: 100; border-bottom: solid 1px rgba(255, 255, 255, 0.1);}
#hd #hd_wrapper {padding:0; font-size:16px; height:var(--header_H);}
#hd #hd_wrapper #logo{padding:0;z-index: 100;}
#hd #hd_wrapper #logo img{display:block;}
#hd #hd_wrapper #logo a,
.pc_all_menu .all_m_top a{display:block; font-size: 1.725em; font-weight: 700; color:#fff;}
.pc_all_menu .all_m_top a{color:#333;}
#hd #hd_wrapper .hd_sch_wr{float:none; padding:0; width:380px; margin: 0 auto; display:none; position: absolute; top: 75px; right:30px; z-index: 105;}
#hd #hd_wrapper .hd_sch_wr.on{display:block;}

#hd #hd_wrapper .hd_sch_wr #hd_sch #sch_stx{background:#fff; color:#333; border:1px solid #444; border-right:0; padding:0 25px; height: 42px; width:calc(380px - 50px); font-size:.938em; border-radius: 0; float:left;}
#hd #hd_wrapper .hd_sch_wr #hd_sch #sch_stx::placeholder{color:#bbb;}
#hd #hd_wrapper .hd_sch_wr #hd_sch #sch_submit{background:#fff; font-size:1.25em; color:#333; border:1px solid #444; border-left:0; height: 42px; width:50px; float:none;}
#hd #hd_wrapper .hd_sch_wr #hd_sch #sch_submit img{width:25px; height: auto; }

#hd #hd_wrapper .hd_login{position:inherit; right:inherit; top: inherit;}
#hd #hd_wrapper .hd_login > li{float:none; margin:0; border-left:0; padding-left:0; line-height: inherit; margin-left:15px; position: relative;}
#hd #hd_wrapper .hd_login > li a{display:block; font-size:.938em; color:#333; padding:5px;}
#hd #lang{position: relative;}
#hd #lang .lang_btn{cursor: pointer; position: relative; width:55px;}
#hd #lang .lang_btn:after{content:'KR'; position: absolute; top: 50%; right:0; transform: translateY(-50%); color: #fff;}
#hd #lang #flags{position: absolute; top: 40px; left: 50%; transform: translateX(-50%); width:80px; border-radius: 5px; background-color: #fff; padding:10px;}
#hd #lang #flags a{font-size:.875em; padding:1px 0; text-align: center; color:#666; display: block;}
#hd #lang #flags a:hover{color:#333;}
#hd #lang #flags > a:nth-child(1):before{content:'KR'}
#hd #lang #flags > a:nth-child(2):before{content:'EN'}
#hd #lang #flags > a:nth-child(3):before{content:'JP'}
#hd #lang #flags > a:nth-child(4):before{content:'CN'}

.lang_en #hd #lang .lang_btn:after{content:'EN';}
.lang_ch #hd #lang .lang_btn:after{content:'CN';}
.lang_jp #hd #lang .lang_btn:after{content:'JP';}

.lang_ko #hd #hd_wrapper #logo a{letter-spacing: 7px;}
.lang_jp #hd #hd_wrapper #logo a{letter-spacing: -2px;}


#hd #lang .lang_btn img{filter: brightness(100);}
.scroll #hd #lang .lang_btn:after,
.sub #hd #lang .lang_btn:after{color: #111}
.scroll #hd #lang .lang_btn img,
.sub #hd #lang .lang_btn img{filter: brightness(0);}
.scroll #hd #hd_wrapper #logo a,
.sub #hd #hd_wrapper #logo a{color: #111}

.tabs_sch_w{padding:0 15px;}
.tabs_sch_w #hd_sch{position: relative;}
.tabs_sch_w #sch_stx{width:100%; height: 40px; border:1px solid #333; padding: 0 50px 0 10px;}
.tabs_sch_w #sch_submit{position: absolute; top: 0; right:0; width:40px!important; height: 40px!important;}

.all_menu{z-index: 10000; width:26px; height: 22px;}
.all_menu .bar{display:block; width:100%; height: 2px; background-color: #111; transition: .3s;}
.all_menu .bar.st02{margin:8px 0; width:80%;}
.all_menu.on{padding-top:8px;}
.all_menu.on .bar{margin:-2px 0;}
.all_menu.on .bar.st01{transform: rotate(-45deg);}
.all_menu.on .bar.st03{transform: rotate(45deg);}
.all_menu.on .bar.st02{display:none;}
#quick .qk_tx{margin-top:8px;}

#side_menu .tabs_gnb{margin:10px 0; padding:0 15px;}
#side_menu .tabs_gnb > li a{display:block; padding:10px 0; font-size:1.125em; border-bottom:1px solid #eee;}
#side_menu .tabs_gnb .dp2_list > li a{background-color: #f9f9f9; padding:8px; color:#333;}

#hd #gnb{font-size:16px; margin-bottom: 0px; background-color: transparent}
#hd #gnb .gnb_ul > li{position: relative; margin: 0 15px;}
#hd #gnb .gnb_ul > li > a{font-size:1em; color:#fff; height: var(--header_H); display: block;}
#hd #gnb .dp2_list{ position: absolute; top:var(--header_H); left: 50%; transform: translateX(-50%); width:11em; background-color: #fff; border:1px solid #ddd; display:none; }
#hd #gnb .dp2_list > li > a{padding:10px; display: block; border-bottom:1px dashed #ddd; text-align: center}
#hd #gnb .dp2_list > li > a:hover{background-color: #f9f9f9;}
#hd #gnb .dp2_list > li:last-child > a{border-bottom:0;}
#hd #gnb .gnb_ul > li:hover .dp2_list{ display:block;}
#hd #gnb .gnb_ul > li > a:after{content: ''; display: block; position: absolute; left: 50%; transform: translateX(-50%); width: 0; height: 2px; background: var(--mainColor); z-index: 100; transition: .3s;}
#hd #gnb .gnb_ul > li:hover > a:after{width: 60px;}

.scroll #hd,
.sub #hd{background-color: #fff; border-bottom:1px solid #ddd;}
.scroll #hd #gnb .gnb_ul > li > a,
.sub #hd #gnb .gnb_ul > li > a{color: #111;}

/*전체메뉴버튼*/
#hd .btn_gnb{width:30px; height: 30px; position: relative; z-index: 10000; margin-left:20px;}
#hd .btn_gnb .a_rd{width:10px; height: 10px; background-color: #fff; border-radius: 50%;}
#hd .btn_gnb .a_rd.a1{position: absolute; top: 0; left: 0; transition:.3s;}
#hd .btn_gnb .a_rd.a2{position: absolute; top: 0; right: 0; background-color:var(--mainColor)!important; transition:.3s;}
#hd .btn_gnb .a_rd.a3{position: absolute; bottom: 0; left: 0; transition:.3s; }
#hd .btn_gnb .a_rd.a4{position: absolute; bottom: 0; right: 0; transition:.3s; }
#hd .btn_gnb:hover .a_rd.a1,
#hd .btn_gnb:hover .a_rd.a4{display:none;}
#hd .btn_gnb:hover .a_rd.a2,
#hd .btn_gnb:hover .a_rd.a3{width:100%; border-radius: 50px;}
#hd .btn_gnb.on .a_rd.a1,
#hd .btn_gnb.on .a_rd.a4{display:none;}
#hd .btn_gnb.on .a_rd.a2{width:100%; border-radius: 50px;}
#hd .btn_gnb.on .a_rd.a3{width:100%; border-radius: 50px; /*background-color: #666;*/}
.scroll #hd .btn_gnb .a_rd,
.sub #hd .btn_gnb .a_rd{background: #ddd;}

/*footer*/
.footer{background: #111; padding: 70px 0 65px; font-size: 16px; margin-top: 3em;}
.footer .logo{padding-right: 130px;}
.footer .ft_info > li:nth-child(1){font-size: 1em; color:#bbb; margin-bottom: 8px; }
.footer .ft_info > li:nth-child(2){font-size: .875em; color:#ddd; opacity: .3; text-transform: uppercase;}
.qk_right{ position: fixed; right:10px; bottom:.5em; z-index: 999; font-size: 16px;}    
.qk_right > li{ margin-bottom: 8px;}
.qk_right > li .qk_btn{ display: block; width: 46px; height: 46px; line-height: 46px; text-align: center; border-radius: 50%; font-size: 1.625em; background-color: #333; color: #fff; box-sizing: border-box;}



/*===================================================================main===================================================================*/

.main_doc .sct_10{margin:0;}
.main_doc .sct_wrap{margin:0;}

.mainSlider{ position: relative; height:var(--Fhz); overflow: hidden;
--Fhz: 100vh;
--prvSz: 90px;
--pgSz: 40px;
}
.mainSlider .swiper-container{height:100%;}
.mainSlider .el{ height:100%; position:relative; overflow:hidden; background-color:#fff}
.mainSlider .bgfix{width:100%; height: 100%; position: absolute; top: 0; left: 0;}
.mainSlider .slog_box{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 10; width:var(--box1); max-width:96%;}
.mainSlider .slog_box .t1{font-family: var(--font_ko2); color:#111; font-size:3.375em; font-weight: 600; line-height: 1.2; position: relative;}
.mainSlider .slog_box .t1:before{content:''; width:48px; height: 2px; background-color: #111; position: absolute; top: -45px; left: 0;}
.mainSlider .slog_box .t2{font-size:1.25em; color:#444; margin-top:40px;}
.mainSlider .mainControl{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 1; text-align: center; color:#fff;}
.mainSlider .mainControl .mainSlider-btn{font-size:1.625em; cursor: pointer; opacity: .8;}
.mainSlider .mainControl .mainSlider-btn:hover{opacity: 1;}
.mainSlider .mainControl .mainSlider-next{margin-right: -4em;}
.mainSlider .mainControl .mainSlider-prev{margin-left: -4em;}

.mainSlider .mainControl .mainSlider-pagination .swiper-pagination-bullet{display:none; width: auto; height: auto; border-radius: 0; background:transparent; opacity: 1; margin:10px 0; font-size:4.05em; font-weight: 700;}
.mainSlider .mainControl .mainSlider-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{display:block;}

.scroll_wrap{position: absolute; bottom: 0; left:0;width:100%; z-index: 10;}
.scroll_wrap .mainSlide_scroll{ color: #fff; font-size: 0.815em; text-align: center; letter-spacing: 4px; font-weight: 200;}
.scroll_wrap .mainSlide_scroll_bar{ width: 2px; height: 25px; background: rgba(255,255,255,.3); margin: 5px auto 0; position: relative; overflow: hidden;}
.scroll_wrap .scroll_bar {width:2px; height: 15px; background: #fff; animation: box-ani 2s linear infinite backwards; position: absolute; top: 0; left: 0;}

@keyframes box-ani { 
0% {transform: translate(50%, 0);} 
100% {transform: translate(50%, 53px);}
}


.main_tit{margin-bottom:30px; letter-spacing: -.5px;}
.main_tit .in_en{font-size:1.25em; color:var(--mainColor); font-weight: 300; margin-bottom: 5px;}
.main_tit .in_tt{font-size:2.5em; color:#111; font-weight: 600;}
.main_tit .in_tx{font-size:1.25em; color:#111; font-weight: 300; margin-top: 10px;}

.more_btn .xi{color:#aaa; transition: .3s; font-size:2.25em;}
.more_btn:hover .xi{color:var(--mainColor);}

.shop_control{margin-top:40px;}
.shop_control .xi {width:46px; height: 46px; line-height: 46px; text-align: center; background-color: #fff; border:1px solid #ddd; border-radius: 50%; font-size: 1.068em; color: #aaa; cursor: pointer; transition: 0.3s;}
.shop_control .xi:hover{background-color:var(--mainColor); color:#fff; border-color:var(--mainColor)!important}
.progress {display: block; width: 450px; height: 5px; overflow: hidden; background-color: #ddd; background-image: linear-gradient(to right, var(--mainColor), var(--mainColor)); background-repeat: no-repeat; background-size: 0 100%; transition: background-size .4s ease-in-out; margin: 0 30px;}
.progress .slick-dots{display:none!important;}
.progress.slick-hidden{display:none!important;}

.shop_st_list{margin-right:-20px!important; font-size:16px;}
.shop_st_list > li{margin-bottom:20px!important; width:25%!important;}
.shop_st_list > li > .in{margin-right:20px;}
.shop_st_list > li > .in .sct_img{position: relative;}
.shop_st_list > li > .in .sct_img a{display: block; overflow: hidden; border:1px solid #ddd; background-color: #f8f8f8;}
.shop_st_list > li > .in .sct_img a img{width:100%; height:auto;}
.shop_st_list > li > .in .per_tx{color:#fff; background-color:#333; width:46px; height: 46px; line-height: 46px; text-align: center; position: absolute; top: 20px; left: 20px; z-index: 10;}
.shop_st_list > li > .in .sct_txt{padding:0; border-bottom:0; font-size:1.068em; margin:15px 0 5px; color:#333;}
.shop_st_list > li > .in .sct_basic{ font-size:.938em; color:#888; margin-bottom: 6px;}
.shop_st_list > li > .in .sct_cost{ font-size:1.068em; font-weight: 600; color:#111;}
.shop_st_list > li > .in .sct_cost .per_ts{ font-size:.875em; color:#aaa; font-weight: 400; text-decoration: line-through; display:block;}
.shop_st_list > li > .in .btn_cart{display:none!important;}
.shop_st_list > li > .in .sct_tbox{}

.main_btn a{border:1px solid #ddd; color:#999; padding:13px 30px; width:180px; transition: .3s; font-size:1.125em; margin: 0 auto;} 
.main_btn a i{margin-left:10px;}
.main_btn a:hover{background-color: #fff; color:#333;}


.shop_con_01{margin-top:100px; margin-bottom:100px;}
.shop_con_01 .main_btn{margin-top: 40px;}


.main_shop_bn{padding:110px 0; margin-bottom: 40px; margin-top:80px;}
.main_shop_bn .main_tit{margin-bottom:0;}
.main_shop_bn .main_tit .in_en{color:#fff;}
.main_shop_bn .in_tt{color:#fff;}
.main_shop_bn .in_tx{color:#fff; margin-bottom: 50px; font-size: 1.187em; font-weight: 300;}
.main_shop_bn .main_btn a{border:1px solid #fff; color:#fff;}
.main_btn a:hover{color:#333;}

.main_shop_con{padding: 70px 0;}
.main_shop_con .shop_in_box{width: 50%;}
.main_shop_con .shop_in_box:nth-child(1){padding-right: 20px;}
.main_shop_con .shop_in_box:nth-child(2){padding-left: 20px;}

/**/
.scrollHidden{ overflow: hidden; }
.modal_wrap{position: fixed; top: 0; left: 0; width:100%; height: 100%; opacity: 0; visibility: hidden; background-color: rgba(0,0,0,.7); z-index: 10000;}
.modal_wrap.Aon{opacity: 1; visibility: visible;}
.modal{position: fixed; top: 0; left: 0; width:100%; height: 100%;  opacity: 0; visibility: hidden; display:flex; flex-wrap:wrap; align-content: center; align-items: center; justify-content: center;font-size: 15px;}
.modal.active{opacity: 1; visibility: visible;}
.modal .modal__inner{background-color:#fff; position: relative; width:800px; border-radius: var(--bor_r);}
.modal .modal__inner .modal--close{position: absolute; top: -35px; right: -45px; width: 40px; height: 40px; background: #fff; color: #666; border-radius: 50%; line-height: 40px; text-align: center;}
.modal .modal__inner .rv_img img{display:block;}
.modal .modal__inner .rv_right{padding:20px 20px 110px; box-sizing: border-box; width:calc(100% - 400px); position: relative;}
.modal .modal__inner .rv_right .rv_prod{padding-left:15px; width:calc(100% - 70px);}
.modal .modal__inner .rv_right .rv_tbox{padding-bottom:10px; border-bottom:1px solid #ddd; margin-bottom:20px;}
.modal .modal__inner .rv_right .rv_tit{font-size:1.125em; margin-bottom: 10px;}
.modal .modal__inner .rv_right .rv_txt{color:#555; -webkit-line-clamp: 4;}
.modal .modal__inner .tum_list{width:calc(100% - 40px); position: absolute; bottom:20px; left: 20px;}
.modal .modal__inner .tum_list > li{width:20%}
.modal .modal__inner .tum_list > li .in{margin-right:3px; cursor: pointer; border:1px solid #ddd; line-height: 0; text-align: center; border-radius: 5px;}
.modal .modal__inner .tum_list > li.on .in,
.modal .modal__inner .tum_list > li .in:hover{border:1px solid var(--mainColor)}
.modal_arr{width:800px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.modal_arr .xi{color:#fff; font-size:2.5em; cursor: pointer;}
.modal_arr .b_prev{margin-left:-60px;}
.modal_arr .b_next{margin-right:-60px;}

/*===================================================================sub===================================================================*/

#container {float:none; min-height:650px; margin:120px 0 0; width:100%;}
#container_title{font-size:2.5em; font-weight: 400; text-align: center; margin: 2em auto 1.5em; position: relative; padding-top: 40px;}
#container_title:before{content:''; width:1px; height: 26px; background: #222; position: absolute; top: 0; left: 50%; transition: .8s; transition-timing-function: ease-in-out; transform: scaleY(0); transform-origin: left top;}
.load #container_title:before{transform: scaleY(1); visibility: visible;}
#wrapper_title{font-weight:400; padding:1em 0 1.5em;  font-size:2.825em; text-align: center;}

.page_tt{font-size:1.625em; margin-bottom: 10px;}
.page_stt{font-size:1.068em; margin-bottom: 15px; font-weight: 300; color:#222;}
.page_tx{color:#333; margin:15px 0 30px;}

.ver_jp{display:none;}
.lang_en .ver_ko{display:none;}
.lang_en .ver_jp{display:block;}

/*board*/
.btn_submit{background:var(--mainColor)!important; border-color:var(--mainColor)!important;}
.btn_submit:hover{background:var(--mainColor)!important;}
.cmt_btn span.total:after{background:var(--mainColor)!important;}
.cmt_btn span.total{color:var(--mainColor)!important}
#bo_list_total{font-size:1.375em;}
#bo_list .tbl_head01{font-size:1.15em; /*border-top:2px solid #666;*/}
#bo_list .bo_tit{ font-weight: normal;}
.main_board .bo_list > li .in .cnt_cmt{background: #e9eff5; color: #3a8afd; font-size: 11px; height: 16px; line-height: 16px; padding: 0 5px; border-radius: 3px; vertical-align: middle;}
.board_btn_wrap{font-size:14px;}
.board_btn_wrap > li{width:auto!important;}

.sch_word{background: var(--mainColor); color:#fff!important; border-radius: 3px;}
#sch_res_board .sch_on{background: #07348b; -webkit-box-shadow: none; box-shadow: none;}
#sch_res_ov h2 strong{color:#07348b}
#sch_res_ov dl{background: #ecf2f3; border: 1px solid #bed1d4;}
#sch_res_detail .frm_input{ border-radius: 3px;}
#sch_res_detail select{ border-radius: 3px;}

/*테이블*/
.board_st.write{ table-layout:fixed; border-top:1px solid #333; font-size:13px;}
.board_st.write th,
.board_st.write td{ height:3em; padding:1.2em 1.5em; border-bottom:1px solid #ddd}
.board_st.write th{ border-right:1px solid #ddd; font-size:1.125em; text-align:left; word-break: keep-all; color:#333; font-weight: 500}
.board_st.write td{ color:#666}

.ess{ font-size:.75em; color:#af1f24; display:inline-block; width:1.5em; margin-top:-.5em}
.xi.ess:before{content:"\e928"; font-family: 'xeicon';}

.tbl_line_box{border:1px solid #ddd; border-top:1px solid #333; padding:25px; font-size:1.25em;}

/**/
#ssch_sort{width:100%;}
#sit_pvi_big .sct_marker{display:none;}
#sit_star_sns{display:none;}
#sit_tab{width:calc(100% - 270px);}
.tbl_head01{font-size:14px; font-family: var(--font_ko), sans-serif;}
.btn_confirm .btn{font-weight:normal;  font-family: var(--font_ko), sans-serif; border-radius: 3px;}
.fregister_agree input[type="checkbox"]:checked + label span{ background-color:var(--mainColor);}
.top_btn{position: fixed; right:.5em; bottom:0; transform: translateY(-50%); z-index: 120001; display: block; width: 2em; height: 2em; line-height: 2em; text-align: center; border-radius: 50%; font-size: 23px; color: #fff; background: #333; box-shadow: 2px 2px 3px rgba(0,0,0,0.2); box-sizing: border-box;}
.top_btn .xi{ line-height: 2em;}
.ssch_option.chk_box #ssch_qname,
.ssch_option.chk_box #ssch_qexplan,
.ssch_option.chk_box #ssch_qbasic,
.ssch_option.chk_box #ssch_qid{display:none;}
#sit_tab .tab_tit li .selected:after{background: var(--mainColor);}
#bo_cate #bo_cate_on{background: var(--mainColor); box-shadow: none; border:1px solid var(--mainColor);}
.sit_btn_buy{background: var(--mainColor); border-color:var(--mainColor); }
.sit_btn_buy:hover{background: var(--mainColor);}
#sit_inf_open th{width:20em;}
.btn_bo_user .btn_b01{font-size: 1.4em;} 
.agree_box{ border:1px solid #ddd; background:#f9f9f9; border-radius:5px}
.agree_box .in_con{  padding:2em; border:1px solid #ededed; margin:1em; background:#fff;}
.agree_box .in_con .agree_wrap{ font-size: .938em;}
.agree_box .in_con .agree_wrap span{ display: block;}
.ctt_privacy,
.ctt_provision,
.ctt_brand{margin:0 !important; padding:0 !important;}
#bo_list .td_name{text-align:center;}
.shop_select_to_html:hover .category_title,.shop_select_to_html:hover .category_title i{color:var(--mainColor)}
.shop_select_to_html .option.selected,.shop_select_to_html .option.selected a{font-weight:700;color:var(--mainColor)}
.pg_wrap{margin-top:3em;}
.pg_current{font-size: 1.083em;line-height: 28px; font-weight: normal;}
.sod_left{width:calc(100% - 360px);}
#faq_wrap li h3.faq_li_open a{color:var(--mainColor)!important;}
#sit_use #itemuse .explain_nobox{display:none;}
.r_bar{text-decoration:line-through;}
.mb_log_cate .join{font-size:1.3em;}
#bo_cate a{color:#555; border-color:#aaa;}
#point .pg_wrap{float:none; display:block; margin:0 auto 2em;}
#point .btn_close{margin-bottom:3em;}
#smb_my_ov .cou_pt:after{content:''; clear: both; display: block;}
#smb_my_ov .cou_pt dd{position:relative;}
#smb_my_ov .cou_pt dd:after{content:''; width:1px; height:16px; background-color: #bbb; position: absolute; top: 50%; right:10px; transform: translateY(-50%);}
#smb_my_ov .cou_pt dd:last-child:after{display:none;}
.review_detail_in{max-width:96%; margin-left:0; transform: translateX(-50%);}
.sps_img .prd_detail{background:var(--mainColor);}
#sit_ov_wrap .sit_t_pay{ font-size:1.5em; font-weight: 600;}
#sit_ov_wrap .sit_t_pay .per_tx{font-weight: 800; color:var(--subColor); margin-right: 5px;}
.s_ol form{padding:20px 15px;}
#ol_submit{background: var(--mainColor); font-weight: 400;}
#ol_svc a{color:#333;}

#sod_ws .list_02,
#smb_my_wish .list_02{margin-bottom:50px;}
#sod_ws .list_02 ul,
#smb_my_wish .list_02 ul{display:flex; flex-wrap:wrap;}
#sod_ws .list_02 ul > li,
#smb_my_wish .list_02 ul > li{width:20%; margin:10px 0 20px 0; padding:0 10px;}
#sod_ws .list_02 ul > li:nth-child(5n+1),
#smb_my_wish .list_02 ul > li:nth-child(5n+1){clear: inherit;}
#sod_ws .list_02 ul > li .sod_ws_img,
#smb_my_wish .list_02 ul > li .sod_ws_img{border:1px solid #ededed; overflow: hidden;}
#sod_ws .list_02 ul > li .sod_ws_img img,
#smb_my_wish .list_02 ul > li .sod_ws_img img{height:auto!important;}

#smb_my_wish .list_02 ul > li{border-bottom:0;}
#smb_my_wish .list_02 .smb_my_img{border:1px solid #ededed; overflow: hidden; text-align: center;}
#smb_my_wish .smb_my_date{border-bottom:1px solid #e0e0e0; padding-bottom: 5px;}

.sit_use_top > *{float:left;}
.sit_use_top:after{content:''; display:block; clear:both;}
.sit_use_top .use_tbox{width:calc(100% - 350px);}
.sit_use_top #sit_use_wbtn{position:inherit!important; top: inherit!important; right: inherit!important; float:right;text-align: right;}


/**/
.sod_opt{display:none;}
#mod_option_frm h2{display:none;}
#mod_option_frm #sit_sel_option h3{display:none;}
#mod_option_frm #sit_opt_added .sit_opt_prc{display:none;}
#mod_option_frm .btn_confirm .btn_close{display:none;}
#mod_option_frm #sit_tot_price{font-size:1.25em; font-weight: 800;}
#mod_option_frm #sit_tot_price span{font-weight: 400; font-size:.938em;}


/**/
.add_modal.modal{display:flex;}
.add_modal .modal__inner{width:700px; margin:0 auto;}
.add_modal .modal_tt{font-size:1.5em; font-weight: 700; color:#333; margin-bottom:10px;}
.add_modal .add_sch .add_in_sch{width:calc(100% - 100px);}
.add_modal .add_sch .input_st .xi{font-size:1.125em;}
.add_modal .add_table{border:1px solid #ddd; margin-top:20px; font-size:1.068em;}
.add_modal .add_table th{background-color:#f9f9f9; font-size:1.068em;}
.add_modal .add_table th,
.add_modal .add_table td{border-bottom:1px solid #ddd; padding:.8em; border-right:1px solid #ddd;}
.add_modal .add_table td p:hover{text-decoration: underline; cursor: pointer;}
.add_modal .add_table .c_nm{color:var(--mainColor)}

.add_modal .pg_wrap {float: none; display: block; text-align: center; margin-top: 3em;}
.add_modal .pg_wrap .pg_page { vertical-align: top; width: 40px; height: 40px; line-height: 40px; border: 1px solid #ddd; background-color: #fff; color: #333; font-size: 1em; padding: 0; margin: 2px 0;}
.add_modal .pg_wrap .pg_current { vertical-align: top; width: 40px; height: 40px; line-height: 40px; border: 1px solid #ddd; font-size: 1em; background-color: #333; color: #fff; padding: 0; font-weight: normal; margin: 2px 0;}
.add_modal .pg_wrap .pg_page.pg_end, .pg_wrap .pg_page.pg_start { background-color: #f5f5f5; border-color: #ccc;}


/*마이페이지*/
.my_cou_st{margin-bottom:30px; font-size: 14px;}
.my_cou_st > li{width:50%; border:1px solid #ddd; padding:20px 30px; font-size:1.068em;}
.my_cou_st > li:nth-child(1){border-right:0;}
.my_cou_st > li .input_st.s3{line-height: 1.5em;}
.my_cou_st > li .nmb_st{margin-right:20px;}
.my_menu_w{margin-right:-15px; font-size: 14px;}
.my_menu_w > li{width:33.33%; margin-bottom: 15px;}
.my_menu_w > li .in_w{display:block; padding:35px 20px; border:1px solid #ddd; margin-right:15px; text-align: center; height: 100%;}
.my_menu_w > li .in_w .in_icon{margin-bottom:10px;}
.my_menu_w > li .in_w .in_icon img{width:40px; height: auto;}
.my_menu_w > li .in_w .in_en{ font-size:1.2em; margin-bottom:10px; line-height: 1.1;}
.my_menu_w > li .in_w .in_tt{ font-size:1.25em; margin-bottom:20px; line-height: 1.1; font-weight: 500;}
.my_menu_w > li .in_w .in_tx{line-height: 1.3; color:#666;}
.my_menu_w > li .in_w:hover{border-color:#555;}

/**/

.page_v_title{font-weight: 200; font-size: 2.125em; padding-top: 35px; margin: 0 0 55px; text-align: center; position: relative;}
.page_v_title:before{content:''; width:1px; height: 26px; visibility: hidden; transition: .8s; transition-timing-function: ease-in-out; transform: scaleY(0); transform-origin: left top; background: #222; position: absolute; top: 0; left: 50%;}
.load .page_v_title:before{transform: scaleY(1); visibility: visible;} 

.v_page_stt{color: #222; margin-bottom: 25px; font-weight: 500; font-size:1.5em; word-break: keep-all;}
.v_page_stt2{color: #222; margin-bottom: 10px; font-weight: 600; font-size:1.35em; word-break: keep-all;}
.v_page_tx{ color: #333; margin-bottom:15px; font-size:1.125em; word-break: keep-all;}
.v_page_tx2{ color: #333; margin-bottom:15px; font-size:1.068em; word-break: keep-all;}
	
.lang_en .v_page_stt{ word-break: break-all;}
.lang_en .v_page_stt2{ word-break: break-all;}
.lang_en .v_page_tx{  word-break: break-all;}
.lang_en .v_page_tx2{  word-break: break-all;}

.load .load_Ani.scrollAni{visibility:visible; opacity:1; transition:.5s; transition-timing-function:ease-in;}
.load .load_Ani.scrollAni.moveL{transform:translateX(0);}
.load .load_Ani.scrollAni.moveR{transform:translateX(0);}

.about_02_01 .cos_intro > li{ margin:3em 5em 5em;}
.about_02_01 .cos_intro > li .in .img_z{width:50%; padding-right:4em;}
.about_02_01 .cos_intro > li .in .img_z .bgfix{height: 500px; background-color: #aaa;}
.about_02_01 .cos_intro > li .in .txt_z{width:50%; padding:0 0 0 4em;}
.about_02_01 .cos_intro > li .in .txt_z .tt{font-size: 2.5em; font-weight: 700; margin-bottom:20px; color: #222; line-height: 1.2;}
.about_02_01 .cos_intro > li .in .txt_z .v_page_stt{margin-bottom: 35px;}
.about_02_01 .cos_intro > li .in.rev .img_z{padding-right:0; padding-left:4em;}
.about_02_01 .cos_intro > li .in.rev .txt_z{padding-left:0; padding-right:4em;}

.about_01_01 .cos_intro{width:67%; margin: 0 auto;}
.about_01_01 .cos_intro > li{ margin:4em auto 7em;}
.about_01_01 .cos_intro > li .in .img_z{width:50%; padding-right:2.5em;}
.about_01_01 .cos_intro > li .in .img_z .bgfix{height: 530px; background-color: #aaa;}
.about_01_01 .cos_intro > li .in .txt_z{width:50%; padding:0 0 0 2.5em;}
.about_01_01 .cos_intro > li .in .txt_z .in_en{color:#efefef; font-size:5em; font-weight: 800; margin-bottom: 5px;}
.about_01_01 .cos_intro > li .in.rev .img_z{padding-right:0; padding-left:2.5em;}
.about_01_01 .cos_intro > li .in.rev .txt_z{padding-left:0; padding-right:2.5em; text-align: right}

.bus_03_01{ padding:5em 6em; margin-bottom: 6em; background-attachment: fixed; position: relative;}
.bus_03_01:before{content:''; width:100%; height: 100%; background-color: rgba(0,0,0,0.55); position: absolute; top: 0; left: 0;}
.bus_03_01 .page_v_title{color:#fff;}
.bus_03_01 .page_v_title:before{background-color:#fff;}
.bus_03_01 .bus_list{margin-top:-60px; margin-right:-120px; position: relative; z-index: 10;}
.bus_03_01 .bus_list > li{width:33.33%; margin-top:70px;}
.bus_03_01 .bus_list .in{ text-align: center; margin-right:120px;}
.bus_03_01 .bus_list .in .in_img{display:block; margin: 0 auto 20px}
.bus_03_01 .bus_list .in .v_page_stt2{ color:#fff;}
.bus_03_01 .bus_list .in .v_page_tx2{width:85%; margin: 0 auto; color:#fff; font-weight: 300;  opacity: .85;}

.bus_03_02 .lua_list{border-top:2px solid #555; border-bottom:1px solid #ddd;}
.bus_03_02 .lua_list > li{width:33.33%; margin-bottom: -1px;}
.bus_03_02 .lua_list > li .in{padding:40px 25px; border-bottom:1px solid #ddd; height: 100%;}
.bus_03_02 .lua_list > li .in .in_img{width:100%; height: 300px; background-color: #aaa; margin-bottom: 20px;}


/**/
#sct_sort ul{display:none!important;}
#sit_inf_open{display:none;}
#bo_w .cke_sc{display:none;}
.page_stt{font-size:1.5em; font-weight: 500; }

ul.contentsTab { margin-bottom:50px; transition:all 0.35s ease-out;text-align:center; font-size:16px;}
ul.contentsTab > li {width:20%; margin-bottom: 10px;}
ul.contentsTab > li > a {display:flex;align-items:center;justify-content:center;border:solid 1px #ccc;border-radius:5px;transition:all 0.35s ease-out;color:#888; padding:15px; height: 100%; line-height: 1.2; margin:5px; white-space:normal; word-break:keep-all; overflow-wrap:break-word; background-color:#fff;}
ul.contentsTab > li > a:hover {border:solid 1px #000;color:#000;}
ul.contentsTab.moveTab {display:none;width:150px;position:fixed;z-index:1000;left:10px;top:50%;transform:translateY(-50%);}
ul.contentsTab.moveTab > li{width:100%;}
ul.contentsTab.moveTab > li > a{ padding:7px; font-size:.938em;}
.scroll ul.contentsTab.moveTab{display:block;}
    
.contentsDesign{font-size:16px;}    
.contentsDesign > li{margin-bottom:70px;}   

#bo_v_file h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_v_file ul {margin:0;list-style:none}
#bo_v_file li {padding:15px;position:relative;margin:10px 0;border:1px solid #dfdfdf;border-radius:5px;
-webkit-box-shadow:1px 1px 5px 0px hsl(232, 36%, 96%);
-moz-box-shadow:1px 1px 5px 0px hsl(232, 36%, 96%);
box-shadow:1px 1px 5px 0px hsl(232, 36%, 96%)}
#bo_v_file li i {float:left;color:#b2b2b2;font-size:2.35em;margin-right:20px}
#bo_v_file a {float:left;display:block;text-decoration:none;word-wrap:break-word;color:#000}
#bo_v_file a:focus, #bo_v_file li:hover a, #bo_v_file a:active {text-decoration:underline;color:#3a8afd}
#bo_v_file img {float:left;margin:0 10px 0 0}
#bo_v_file .bo_v_file_cnt {color:#b2b2b2;font-size:0.92em}
#bo_v_file li:hover {border-color:#bed4f4;color:#bed4f4}
#bo_v_file li:hover i {color:#3a8afd}
#bo_v_file li:hover .bo_v_file_cnt {color:#99c2fc}