@charset "utf-8";


.doc{font-size: 16px;}
.box0{ width:1700px; max-width: 96%; margin:0 auto; position:relative } 
.box1{ width:1280px;max-width: 96%; margin:0 auto; position:relative } 
.mobile_only{display:none;}

:root { 
    --mainColor:#b5553a;
    --subColor:#f8f5ee;
	--Color01:#673323;
    --bor_r:3px;
	--header_H:90px;
    --fs_01: "Nanum Brush Script", serif;
}



#captcha {display:inline-block;position:relative}
#captcha legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
#captcha #captcha_img {height:40px;border:1px solid #898989;vertical-align:top;padding:0;margin:0}
#captcha #captcha_mp3 {margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../../../img/captcha2.png') no-repeat;text-indent:-999px;border-radius:3px}
#captcha #captcha_reload {margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../../../img/captcha2.png') no-repeat 0 -40px;text-indent:-999px;border-radius:3px}
#captcha #captcha_key {margin:0 0 0 3px;padding:0 5px;width:90px;height:40px;border:1px solid #ccc;background:#fff;font-size:1.333em;font-weight:bold;text-align:center;border-radius:3px;vertical-align:top}
#captcha #captcha_info {display:block;margin:5px 0 0;font-size:0.95em;letter-spacing:-0.1em}
 
/*header*/
#header{z-index: 200; position: fixed; top: 0; left: 0; width:100%; border-bottom:1px solid rgba(255,255,255,.2);}
#header .va_wrap,
#header .h_wrap{height:var(--header_H);}
#header #h_logo .logo_a{display:none;}
#header #h_logo img{display:block;}
#header .gnb_wrap{}
#header .gnb_wrap .gnb .depth1{margin:0 25px; position: relative;}
#header .gnb_wrap .gnb .depth1 > a{font-size: 1.125em; line-height: inherit; font-weight:500; color:var(--subColor); position: relative;}
#header .gnb_wrap .gnb .depth1 > ul{background:#fff; min-width: 160px; border: 1px solid #ddd; border-top:0; margin-top:-2px; transition:all .5s; position:absolute; left:50%; transform:translateX(-50%); max-height:0; overflow:hidden; opacity:0 }
#header .gnb_wrap .gnb .depth1 > ul:after{content: ""; position: absolute; left: 0; top: -2px; width: 100%; height:5px; background-color:var(--subColor); transform: scaleX(0); transition: .3s;}
#header .gnb_wrap .gnb .depth1 > ul > .depth2 a{display: block; text-align: center; color:#444; border-top: 1px dotted #ddd; font-weight:400; padding: 15px 10px;}
#header .gnb_wrap .gnb .depth1 > ul > .depth2 a:hover{background: #f5f5f5;}
#header .gnb_wrap .gnb .depth1:hover ul{ max-height:500px; opacity:1 }
#header .gnb_wrap .gnb .depth1:hover > ul:after{transform: scaleX(1);}
#header .gnb_wrap .gnb .depth1:hover > ul:after{transform: scaleX(1);}
#header .gnb_wrap .gnb .depth1:last-child{width: 105px; margin-left: 40px;}
#header .gnb_wrap .gnb .depth1:last-child:after{content: ''; display: block; width: 105px; height: 38px; background: var(--mainColor); position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); border-radius: 10px; z-index: -5;}
.scroll #header .gnb_wrap .gnb .depth1:last-child > a{color: var(--subColor);}
#header .gnb_wrap .gnb .depth1 > ul{display: none;}


#header .lang_wrap{ position: relative;}
#header .lang_wrap .lw_btn{font-size: 1em; cursor: pointer; color:#fff; position: relative;}
#header .lang_wrap .lw_btn .lw_tx{margin:0 10px 0 5px;}
#header .lang_wrap .lw_btn .xi{font-size:1.125em; transition: .3s;}
#header .lang_wrap .lw_btn.on .xi-angle-down-min{transform: rotate(-180deg);}
#header .lang_wrap .lw_list{position: absolute; top: 30px; left: 50%; transform: translateX(-50%); padding:10px 5px; border-radius: 10px; background-color: #fff; width:100px; box-shadow: 0 0 5px rgba(0,0,0,.1); display: none;}
#header .lang_wrap .lw_list.on{display:block;}
#header .lang_wrap .lw_list a{color:#666; display: block; text-align: center; font-size:.938em; margin: 2px 0;}
#header .lang_wrap .lw_list a:hover{color:var(--mainColor)}


/*검색*/
#header .hd_sch_btn{font-size:1.125em; color:#fff; cursor: pointer;}
#header .hd_sch_btn.on .xi:before{content:'\e921';}
#header .hd_sch_wr #hd_sch{border:1px solid rgba(255,255,255,.8); border-radius: 50px; position: relative; width:240px; overflow: hidden;}
#header .hd_sch_wr #hd_sch #sch_stx{border:0; background:transparent; color:#fff; width:100%; height: 45px; padding:5px 55px 5px 20px; font-size:.95em; box-sizing: border-box;}
#header .hd_sch_wr #hd_sch #sch_stx::placeholder{color:rgba(255,255,255,.8)!important;}
#header .hd_sch_wr #hd_sch button{border:0; background-color:var(--mainColor); width:38px; height: 38px; color:#fff; position: absolute; top:50%; transform: translateY(-50%); right:4px; border-radius: 50%; font-size:.9em;}

/*회원*/
#header .hd_login{margin-left:20px;}
#header .hd_login > li a{color:#fff; margin-left:15px; font-weight: 300;}
#header .hd_login > li:first-child a{margin-left:0px;}
#header .hd_login > li .xi{vertical-align: baseline; margin-right:4px;}

/*전체메뉴버튼*/
#header .btn_gnb{width:30px; height: 30px; position: relative; z-index: 10000; margin-left:25px;}
#header .btn_gnb .a_rd{width:10px; height: 10px; background-color: #fff; border-radius: 50%;}
#header .btn_gnb .a_rd.a1{position: absolute; top: 0; left: 0; transition:.3s;}
#header .btn_gnb .a_rd.a2{position: absolute; top: 0; right: 0; background-color:var(--subColor)!important; transition:.3s;}
#header .btn_gnb .a_rd.a3{position: absolute; bottom: 0; left: 0; transition:.3s; }
#header .btn_gnb .a_rd.a4{position: absolute; bottom: 0; right: 0; transition:.3s; }

#header .btn_gnb:hover .a_rd.a1,
#header .btn_gnb:hover .a_rd.a4{display:none;}
#header .btn_gnb:hover .a_rd.a2,
#header .btn_gnb:hover .a_rd.a3{width:100%; border-radius: 50px;}

#header .btn_gnb.on .a_rd.a1,
#header .btn_gnb.on .a_rd.a4{display:none;}
#header .btn_gnb.on .a_rd.a2{width:100%; border-radius: 50px;}
#header .btn_gnb.on .a_rd.a3{width:100%; border-radius: 50px; background-color: #666;}
#header .btn_gnb.pc_only.on .a_rd.a3{background-color: #fff;}

/*스크롤 header*/
.scroll #header{background-color:rgba(255,255,255,.8); backdrop-filter: blur(5px)}
.scroll #header #h_logo .logo_a{display:block;}
.scroll #header #h_logo .logo_b{display:none;}
.scroll #header .gnb_wrap .gnb .depth1 > a{color:#111;}
.scroll #header .hd_sch_btn{color:#555;}
.scroll #header .hd_sch_wr #hd_sch{border-color:#ccc;}
.scroll #header .hd_sch_wr #hd_sch #sch_stx{color:#555;}
.scroll #header .hd_sch_wr #hd_sch #sch_stx::placeholder{color:#aaa!important;}
.scroll #header .hd_login > li a{color:#555;}
.scroll #header .btn_gnb .a_rd{background-color:#666;}
.scroll #header .lang_wrap .lw_btn{color:#666;}

/*pc_all_menu*/
.no_scroll{scroll-behavior: auto; overflow: hidden; height: 100vh;}
.pc_all_menu2{ background-color:rgba(0,0,0,0.65); backdrop-filter: blur(10px); position: fixed; top: 0; left: 0; width: 100%; height: 100vh; z-index: 500; opacity: 0; visibility: hidden; }
.pc_all_menu2.on{opacity: 1; visibility: visible;}
.pc_all_menu2 .box0{height:100vh;}
.pc_all_menu2 .gnb_all{width:100%;}
.pc_all_menu2 .gnb_all > li.depth1{width:calc(100% / 7); text-align: center;}
.pc_all_menu2 .gnb_all > li.depth1 > a.dp1{font-size: 1.625em; letter-spacing: -.5px; color:#fff; line-height: 1.1; font-weight: 800;}
.pc_all_menu2 .gnb_all > li.depth1 .dp2_menu{margin-top:40px;}
.pc_all_menu2 .gnb_all > li.depth1 .dp2_menu > li a{ display: inline-block; font-size:1.125em; position: relative; color:#ddd; margin-bottom: 20px;}
.pc_all_menu2 .gnb_all > li.depth1 .dp2_menu > li a:hover{ color:var(--subColor);}
.pc_all_menu2 .gnb_all > li.depth1 .dp2_menu > li a:after{content:''; display: block; width:0; height: 1px; background:var(--subColor); position: absolute; bottom: -4px; left: 0; opacity: 0; transition: .5s;}
.pc_all_menu2 .gnb_all > li.depth1 .dp2_menu > li a:hover:after{opacity: 1; width:100%;}


/*탑버튼*/
.qk_list{position: fixed; bottom:10px; right: 15px; z-index: 100;font-size: 16px; }
.qk_list li{ margin-top: 5px;}
.qk_list li a{display: block; width: 52px; height: 52px; line-height: 52px; text-align: center;  border-radius: 20px; font-size: 1.45em;  box-shadow: 2px 2px 3px rgb(0 0 0 / 20%); overflow: hidden; margin-left: auto; background-color: #333; color: #fff; transition: .5s; border:1px solid #0000;}
.qk_list li .xi{width: 52px; line-height: 52px; text-align:center;}
.qk_list li .stx{font-style: normal; font-size: .75em; width:0; overflow: hidden; display: none; font-weight: 700;}
.qk_list li a:hover .stx{width:auto; overflow: hidden; display: block;}
.qk_list li .qk_inq{background-color: #b5553a; color:var(--subColor); border:1px solid #b5553a;}
.qk_list li .qk_inq:hover{width:140px;}
.qk_list li .qk_call{background-color: #fff; color:#222; border:1px solid #333;}
.qk_list li .qk_call:hover{width:220px;}
.qk_list li .qk_kakao{background-color: #faea00; color:#111;}
.qk_list li .qk_kakao .xi{font-size:1.2em;}
.qk_list li .qk_kakao .stx{font-size:.7em; color:#111;}
.qk_list li .qk_kakao:hover{width:170px;}

/*footer*/
.main #footer{margin-top: 0;}
#footer{background-color:var(--mainColor); padding:50px 0 40px; margin-top:9.5em;}
#footer .f_left{width:calc(100% - 400px);}
#footer .f_info > li{color:var(--subColor); font-weight: 300; margin-right:35px; margin-bottom: 10px;}
#footer .f_priv{ color:var(--subColor); display: block; text-align: right; text-decoration: underline; margin-bottom:10px;}  
#footer .copy{font-size: .937em;}


/*서브 비주얼*/
.sub_v_wrap{position: relative; margin-bottom: 6em;}
#sub_visual{height:430px; position: relative; overflow: hidden;}
#sub_visual:before{content:''; width:100%; height: 100%; background-color: rgba(0,0,0,.3); position: absolute; top: 0; left:0; z-index: 10;}
#sub_visual .bgfix{position:absolute; top: 0; left:0; width:100%; height: 100%; transform: scale(1.15); transition-timing-function: ease-in-out; transition: 1s; background-image:url(../img/sub/sub_v_01.jpg);}
#sub_visual .sub_v_tit{ font-weight: 700; text-align:center; font-size:3.625em; color:#fff; position: relative; z-index: 10; margin-right:3em; opacity:0; transition:1s;}
.load #sub_visual .bgfix{transform: scale(1);}
.load #sub_visual .sub_v_tit{margin-right:0; opacity:1}

#sub_visual.sub10 .bgfix{background-image:url(../img/sub/sub_v_01.jpg);}
#sub_visual.sub20 .bgfix{background-image:url(../img/sub/sub_v_02.jpg);}
#sub_visual.sub30 .bgfix{background-image:url(../img/sub/sub_v_03.jpg);}
#sub_visual.sub40 .bgfix{background-image:url(../img/sub/sub_v_04.jpg);}
#sub_visual.sub50 .bgfix{background-image:url(../img/sub/sub_v_05.jpg);}
#sub_visual.sub60 .bgfix{background-image:url(../img/sub/sub_v_06.jpg);}
#sub_visual.sub70 .bgfix{background-image:url(../img/sub/sub_v_07.jpg);}

/*snb*/
#snb { position: absolute; bottom:4em; left:50%; transform: translateX(-50%); z-index: 10; opacity: 0; transition: 1.5s; width:96%;}
#snb .snb_list .sdp1 a{display:block; width:55px; height: 55px; line-height: 55px; border-radius: 50%; text-align:center; background-color:var(--mainColor); color:#fff; font-size:1.125em;}
#snb .snb_list .sdp2,
#snb .snb_list .sdp3,
#snb .snb_list .last{position: relative; width:250px; border-bottom:1px solid rgba(255,255,255,.3);padding:15px 20px; margin-left:20px; cursor: pointer; box-sizing: border-box;}
#snb .snb_list .last{cursor: default;}
#snb .snb_list .sdp_tt{ color:#fff; font-size:1.125em; font-weight: 500; padding-right:20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
#snb .snb_list .sdp_tt:before{content:'\e943'; font-family: 'xeicon'; position: absolute; top: 50%; right:20px; transform: translateY(-50%); font-size:.938em;}
#snb .snb_list .last .sdp_tt:before{display:none;}
#snb .snb_list .sdp_list_wrap{ max-height: 0px; position: absolute; top: 75px; left: 0;  width: 100%;  background: #fff; border-radius: 20px; box-sizing: border-box; box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.10); z-index: 10; transition: .3s; transition-timing-function: ease-in-out; opacity: 0; overflow: hidden;}
#snb .snb_list .Aon .sdp_list_wrap{ max-height: 1000px; opacity: 1;}
#snb .snb_list .sdp_list{ padding: 25px; }
#snb .snb_list .sdp_list > li{margin-bottom:7px;}
#snb .snb_list .sdp_list > li:last-child{margin-bottom:0;}
#snb .snb_list .sdp_list > li a{color:#777; font-size:1.05em;}
#snb .snb_list .sdp_list > li.on a{color:var(--mainColor); font-weight: 500;}
.load #snb{ opacity: 1;}


/*컨텐츠 페이지*/
.ctt_admin{display:none;}/*관리자 내용수정 버튼*/
#ctt header{display:none;}/*컨텐츠 페이지 타이틀 header*/

/*컨텐츠 타이틀*/
.container_title{font-weight: 500; font-size: 2.5em; padding-top: 35px; margin: 90px 0 55px; text-align: center; position: relative; display: none;}
.container_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 .container_title:before{transform: scaleY(1); visibility: visible;} 

/*개인정보&이용약관*/
.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;}


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

/*메인 비주얼*/
.mainSlider{position:relative}
.mainSlider .el{ height:100vh; position:relative; overflow:hidden}
.mainSlider .el .bg{ position:absolute; left:0; top:0; width:100%; height:100%; background-repeat:no-repeat; background-position:center center; background-size:cover; transform:scale(1.2,1.2); transition-delay:1s}
.mainSlider .slogan{ position:absolute; top:50%; left:50%; transform: translate(-50%, -60%); color:#fff;}
.mainSlider .slogan .t1{ font-size:5em; display:block; transform:translateY(1em); font-weight: 800; text-transform: uppercase; opacity:0; margin-bottom: 5px; line-height: 1.2;}
.mainSlider .slogan .t2{ font-size:1.3125em; font-weight: 500; color: var(--subColor); transform:translateY(1em); opacity:0; line-height: 1.6; margin-top:40px;}
.mainSlider .el.swiper-slide-active .bg{ transform:scale(1); transition:2s; transition-delay:0; transition-timing-function:ease-in}
.mainSlider .el.swiper-slide-active .slogan .t1{ transform:translateY(0); opacity:1; transition:1s; transition-delay:.5s}
.mainSlider .el.swiper-slide-active .slogan .t2{ transform:translateY(0); opacity:1; transition:1s; transition-delay:1s}

.mainSlider .mainSlider-pagination{ position: absolute; left:50%; bottom:3em; transform: translateX(-50%); z-index: 100;}
.mainSlider .mainSlider-pagination .swiper-pagination-bullet{width:120px; height:auto; margin: 0 20px 0 0; border-radius: 0; opacity: .4; background:transparent; color:#fff; border-bottom:2px solid #fff; padding-bottom:5px;}
.mainSlider .mainSlider-pagination .swiper-pagination-bullet-active{opacity: 1;}
.scroll_wrap{position: absolute; bottom: 0; left:0;width:100%; z-index: 10;}
.scroll_wrap .mainSlide_scroll{ color: #fff; font-size: 0.85em; text-align: center; letter-spacing: 4px; font-weight: 200;}
.scroll_wrap .mainSlide_scroll_bar{ width: 1px; height: 35px; background: rgba(255,255,255,.3); margin: 5px auto 0; position: relative; overflow: hidden;}
.scroll_wrap .scroll_bar {width:1px; height: 15px; background: #fff; animation: box-ani 2s linear infinite backwards; }

.mainSlider .txt_slog{overflow: hidden; background: var(--mainColor); padding: 30px 0;}
.mainSlider .txt_slog .in_txt {display: flex; white-space: nowrap;}
.mainSlider .txt_slog .in_txt p{display: flex; font-size: 1.5em; font-weight: 300; color: var(--subColor); animation: txt-move 30s linear infinite; padding-left: 10px;}
 
@keyframes box-ani { 
0% {transform: translate(50%, 0);} 
100% {transform: translate(50%, 53px);}
}

@keyframes txt-move { 
0% {transform: translateX(0);} 
100% {transform: translateX(-100%);}
}



/*메인 샘플용 css*/
.main_doc{overflow:hidden;}

.main_tit{ margin-bottom: 80px;}
.main_tit .in_tt{ font-size:4.125em; font-weight: 700; line-height: 1.3;}
.main_tit .in_tw{ font-size: 3.375em; font-weight: 700;}
.main_tit .in_tx{ font-size:1.0625em; font-weight: 500; color:#666; line-height: 1.5; margin-top:35px;}
.main_tit2{ margin-bottom: 20px;}
.main_tit2 .in_tt{ font-size:2.437em; color:#111; font-weight: 600; line-height: 1.3;}
.main_more a{transition: .3s; font-size:2.375em; color:#aaa;}
.main_more a:hover{color:var(--mainColor);}




.main_about{padding: 130px 0; background: var(--subColor); position: relative;} 
.main_about .dec_img{position: absolute; top: 88px; right: 0;}
.main_about .abo_con{margin-right: -35px;}
.main_about .abo_con > li{width: 33.33%;}
.main_about .abo_con > li .in{margin-right: 35px;}
.main_about .abo_con > li .in .icon{margin-top: 70px;}
.main_about .abo_con > li .in .tt{font-size: 3.375em; font-weight: 800; color: var(--mainColor); margin-top: 40px;}
.main_about .abo_con > li .in .txt{font-size: 1.0625em; font-weight: 500; color: #666; line-height: 1.6; margin-left: 20px; margin-bottom: 50px;}
.main_about .abo_con > li .in .img_box .img_z.st01{height: 280px; margin-top:145px;}
.main_about .abo_con > li .in .img_box .img_z.st02{height: 670px; margin-top:70px;}
.main_about .abo_con > li .in .img_box .img_z.st03{height: 370px; margin-bottom:70px;}
.main_about .abo_con > li .in .btn_st{display: inline-block; font-size: 1.0625em; font-weight: 500; color: var(--subColor); margin-left: 20px; padding: 18px 29px; background: var(--mainColor);}
.main_about .abo_con > li .in .btn_st .xi{margin-left: 40px;}
.main_about .abo_con > li .in .btn_st:hover{}

.main_travel{padding: 50px 0 200px; background: var(--subColor); position: relative;}
.main_travel .main_tit{margin-bottom: 50px;}
.main_travel .main_tit .in_tt{font-size: 6.75em; color: var(--mainColor);}
.main_travel .main_tit .in_tt.st{color: var(--Color01);}
.main_travel .travel_slider{display:flex;}
.main_travel .left_box{width:50%; padding-right: 40px;}
.main_travel .left_box .travel_main{overflow: hidden;}
.main_travel .left_box .travel_main li .img_z{width:100%; height:590px;}
.main_travel .right_box{width:50%; padding: 100px 75px 0 40px;}
.main_travel .right_box .travel_thumb{overflow: hidden;}
.main_travel .right_box .txt_box{font-size: 1.0625em; font-weight: 500; color: #666; line-height: 1.6; letter-spacing: -.5px;}
.main_travel .right_box .travel_thumb li .img_z{width:160px; height:160px;}
.main_travel .travel_nav{margin:60px 0 70px; gap:10px;}
.main_travel .travel_nav .arr_st{font-size: 1.625em; color: #666; }
.main_travel .dec_img.st01{position: absolute; bottom: 140px; left: 0; z-index: 10;}
.main_travel .dec_img.st02{position: absolute; bottom: 70px; right: 0; animation: dec_ani 15s infinite linear;}

@keyframes dec_ani{
0%{-webkit-transform:rotate(0); transform:rotate(0)}
100%{-webkit-transform:rotate(359deg); transform:rotate(359deg)}
}


.main_watch{padding: 120px 0 140px; position: relative; background: var(--mainColor);}
.main_watch .dec_img{position: absolute; top: 180px; right: -105px;}
.main_watch .main_tit .in_tt{font-size: 3.875em; color: var(--subColor);}
.main_watch .watchSlider .swiper-container{overflow: inherit;}
.main_watch .watchSlider li .in .txt_box{ height: 240px; padding: 40px 40px 45px; background: var(--subColor);}
.main_watch .watchSlider li .in .txt_box .num{font-size: 3.125em; font-weight: 700; text-align: right; color: var(--mainColor); margin-bottom: 25px;}
.main_watch .watchSlider li .in .txt_box .tt{font-size: 1.875em; font-weight: 600; color: var(--Color01);}
.main_watch .watchSlider li .in .img_box{}
.main_watch .watchSlider .in .img_box .img_z{width: 100%; height: 310px;}
.main_watch .watchSlider .swiper-pagination-progressbar{height: 4px; background: rgba(255, 255, 255, .3); margin-top: 70px; position: relative;}
.main_watch .watchSlider .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background: #fff;}

.main_inquire{position: relative; padding: 180px 0 210px;}
.main_inquire:before{content: ''; display: block; width: 1918px; height: 231px; background-image: url(/tmpl/r_shop_boot_basic/img/main/inq_bg2.png); position: absolute; bottom: 0; left: 0;}
.main_inquire .sub_tit{display: none;}
.main_inquire .main_tit .in_tt,
.main_inquire .main_tit .in_tx,
.main_inquire .label_st:not(.cssbrowser) input ~ span,
.main_inquire .inq_wrap .right_box .popup_list > a{color: var(--subColor);}

.main_gall{padding: 145px 0 140px; background: var(--subColor);} 
.main_gall .main_tit .in_tw{color: var(--mainColor); margin-bottom: 25px;}
.main_gall .main_tit .in_tt{color: var(--Color01);}
.main_gall .slick-list{overflow: inherit;}



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


/*공통*/
.tab_idx{ margin:-1em 0 3em -1em;}
.tab_idx > li{flex:1 20%;}
.tab_idx > li > a{ padding:0 .5em; height:4em; border:1px solid #ddd; margin:1em 0 0 1em; color:#666; transition:.3s;}
.tab_idx > li > a .va{font-size:1.068em; font-weight:500}
.tab_idx > li > a:hover,
.tab_idx > li.on > a{ box-shadow:0 0 1em .125em rgba(0,0,0,.1); color:var(--mainColor); border-color:var(--mainColor)}

.page_tt{font-size:2.875em; font-weight: 800; line-height: 1.4}
.page_stt{font-size:1.45em; font-weight: 700;}
.page_tx{font-size:1.125em; font-weight: 400; color:#222;}
.page_stx{font-size:1em; font-weight: 300;}

.table_st{table-layout:fixed; border-top: 2px solid var(--mainColor);}
.table_st th,
.table_st td{ padding:1em; border:1px solid #ddd; text-align: center; line-height: 1.3;}
.table_st th{color:#222; background-color: #f7f7f7; font-size:1.068em;}
.table_st td{color:#333;}
.table_st .bg01{background-color:#f5f8ff}
.table_st .bg02{background-color:var(--mainColor); border-color:rgba(255,255,255,.3); color:#fff;}
   

.dot_list > li{position: relative; padding-left:10px;}
.dot_list > li:not(:last-child){margin-bottom: 5px;}
.dot_list > li:after{content:''; width:3px; height: 3px; border-radius: 50%; position:absolute; top: 8px; left: 0; background-color: var(--subColor);}




/*게시판*/
#bo_gall .gall_li .gall_box{border: 0!important;}
#bo_gall .gall_li .gall_box:hover{box-shadow: 0 0 0 0 rgba(0,0,0,0)!important;}
#bo_gall .gall_li .gall_text_href{border-top: 0!important; padding: 10px 0!important;}
#bo_gall .gall_li .gall_text_href .gall_info{display: none;}


/**/
.perf_wrap .page_tt{margin-bottom:20px;margin-top:50px;}
.table_tx{color:#666; margin-top:10px; margin-bottom:50px;}




/*언어관련*/
.en_ver{visibility: hidden !important; height: 0; overflow: hidden;}

.lang_ko .ko_ver{visibility: visible !important; height: inherit; overflow: inherit;}
.lang_ko .en_ver{visibility: hidden !important; height: 0; overflow: hidden;}

.lang_en .en_ver{visibility: visible !important; height: inherit; overflow: inherit;}
.lang_en .ko_ver{visibility: hidden !important; height: 0; overflow: hidden;}


/*en_ver*/
.lang_en #header .gnb_wrap .gnb .depth1{margin:0 20px;}
.lang_en #header .gnb_wrap .gnb .depth1 > ul > .depth2 a{padding:12px 10px; line-height: 1.2;}
.lang_en .about_wrap .intro_box .page_tx.ceo_name .in_name{letter-spacing: 0;}
.lang_en .qly_top .qly_rd_ul .in .t1,
.lang_en .qly_top .qly_rd_ul .in .t2{padding:0 10px;}


/*Inquire*/
.inq_wrap .page_tt{margin-bottom: 20px; color: var(--mainColor);}
.inq_wrap .page_tx{color: #666;}
.inq_wrap .inq_box{margin-top: 90px;}
.inq_wrap .inq_box > div{width: 50%; }
.inq_wrap .left_box{padding-right: 20px;} 
.inq_wrap .left_box .in{background: var(--subColor); padding: 43px 50px;} 
.inq_wrap .left_box .in .tt{font-size: 1.375em; font-weight: 500; color: #333; margin-bottom: 40px;}
.inq_wrap .left_box .check_gr label:first-child{width: 100%;}
.inq_wrap .left_box .check_gr label{width: 50%; font-size: 1.0625em; margin-bottom: 20px;}
.inq_wrap .left_box .check_gr .label_st:not(.cssbrowser) input ~ span{ color: #666;}
.inq_wrap .right_box{padding-left: 20px;}
.inq_wrap .right_box .in .input_gr{margin-bottom: 47px;}
.inq_wrap .right_box .in .input_box{font-size: 1.0625em; background: var(--subColor); padding: 7px 35px; margin-bottom: 15px;}
.inq_wrap .right_box .in .input_box .xi{font-size: 1.625em; color: #aaa;}
.inq_wrap .right_box .in .input_box .input_st{width: calc(100% - 50px); background: transparent; border: 0;}
.inq_wrap .right_box .in .agree_st.label_st{font-size: 1.125em; margin-bottom: 15px;}
.inq_wrap .right_box .popup_list{width: 100%;}
.inq_wrap .right_box .popup_list > a{font-size: .937em; font-weight: 300; margin-left: 8px; text-decoration: underline;}
.inq_wrap .right_box .inq_btn{display: inline-block; line-height: 2em; vertical-align: middle; background: var(--mainColor); border:1px solid var(--mainColor); font-size: 1.125em; color: #fff; margin-top: 40px; padding: .75em 1em; box-sizing: border-box;}
.inq_wrap .right_box input::placeholder {color: #666!important;}
.inq_wrap .right_box input::-webkit-input-placeholder{color: #666!important;}
.inq_wrap .right_box input:-ms-input-placeholder{color: #666!important;} 


/* intro */
.intro_wrap{margin-top: -6em; background: var(--subColor); position: relative; padding: 7em 0 10em;}
.intro_wrap .page_tx{color: var(--mainColor); line-height: 1.4;}
.intro_wrap .dec_img.st01{position: absolute; top: -120px; left: 0;}
.intro_wrap .dec_img.st02{position: absolute; top: 600px; right: 0; z-index: 10;}
.intro_wrap .dec_img.st03{position: absolute; bottom: 0; left: 0; width: 1920px; z-index: 10;}

.intro_wrap .in_box{margin-top: 8em;}
.intro_wrap .intro_tit{ width: 50%; padding-top: 6em;}
.intro_wrap .intro_tit .tt{font-size: 3.375em; font-weight: 800; margin-bottom: 20px; color: var(--mainColor)}
.intro_wrap .intro_tit .page_tx{width: 53%;}
.intro_wrap .intro_imgbox{width: 50%; padding-left: 8em;}
.intro_wrap .intro_imgbox .img_z{height: 600px;}

.intro_wrap .in_box.st01 .int_box > li:nth-child(1){width: 33.33%; padding-right: 3em;}
.intro_wrap .in_box.st01 .int_box > li:nth-child(2){width: 66.66%; padding-left: 3em;}
.intro_wrap .in_box.st01 .txt_box .page_tx{margin-top: 75px;}
.intro_wrap .in_box.st01 .txt_box .img_it{margin-top: 90px;}
.intro_wrap .in_box.st01 .txt_box .img_it .img_z{height: 300px;}
.intro_wrap .in_box.st01 .img_box .img_z{width: 512px; height: 600px;}
.intro_wrap .in_box.st01 .int_box.rev .img_box .img_z{margin: 0 auto;} 

.intro_wrap .in_box.st02 .int_box{margin-right: -4em}
.intro_wrap .in_box.st02 .int_box > li{width: 33.33%; padding-right: 4em;}
.intro_wrap .in_box.st02 .int_box > li:nth-child(1) .img_box .img_z{height: 300px; margin-top: 90px;}
.intro_wrap .in_box.st02 .int_box > li:nth-child(2) .img_box .img_z{height: 527px; margin-bottom: 90px;}
.intro_wrap .in_box.st02 .int_box > li:nth-child(3) .img_box .img_z{height: 426px; margin-top: 90px;}


/* watchlist */
.watch_wrap{margin-top: -6em; background: var(--subColor); position: relative; padding: 7em 0 14em;}
.watch_wrap .watch_tit{margin-bottom: 6em;}
.watch_wrap .watch_tit .page_tt{color: var(--mainColor); margin-bottom: 20px;}
.watch_wrap .watch_tit .page_stt{color: var(--Color01);}
.watch_wrap .dec_img.st01{position: absolute; top: -120px; left: 0;}
.watch_wrap .dec_img.st02{position: absolute; top: 180px; right: 0;}
.watch_wrap .dec_img.st03{margin-bottom: 40px;} 
.watch_wrap .watch_list > li{width: 50%; margin-bottom: -5em;}
.watch_wrap .watch_list > li:not(:nth-child(2n)){padding-right: 3em;}
.watch_wrap .watch_list > li:nth-child(2n){padding-top: 10em; padding-left: 3em; }
.watch_wrap .watch_list > li .in .img_box{margin-bottom: 15px;}
.watch_wrap .watch_list > li .in .img_box .img_z{height: 600px;}
.watch_wrap .watch_list > li .in .page_stt{color: var(--mainColor); margin-bottom: 5px;}
.watch_wrap .watch_list > li .in .page_tx{font-weight: 600; color: var(--Color01);}