@charset "utf-8";


@import url('//fonts.googleapis.com/earlyaccess/nanummyeongjo.css');

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

:root {  
    --mainColor: #d9a14c;
    --subColor: #3f3536; 
    --bor_r:5px;
	--header_H:80px;
	--fs_01: "Nanum Brush Script", serif;
	--fs_02: 'Pretendard';
	--fs_03:'Nanum Myeongjo';
}

body{font-family: "Noto Serif KR", serif; font-weight:400; line-height:1.5; letter-spacing:-.5px; color:#000;}

#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%; background: #fff;}
#header .va_wrap,
#header .h_wrap{height:var(--header_H);}
#header #logo{z-index:800;}
#header #logo img{display:block; /*height: 36px;*/}
#header .gnb_wrap{margin:0 auto;}
#header .gnb_wrap .gnb .depth1{margin:0 8px; position: relative;}
#header .gnb_wrap .gnb .depth1 > a{font-size: 1.25em; line-height: inherit; font-weight:700; color:#111; 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(--mainColor); 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 .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; position: relative; z-index: 10000; cursor: pointer;}
#header .btn_gnb span{display:block; width:30px; height: 3px; background-color: #333; transition: .3s;}
#header .btn_gnb span.c_red{background-color: var(--mainColor) !important; width:22px; margin:8px 0; margin-left:auto; }
#header .btn_gnb:hover span.c_red{width:30px;}
#header .btn_gnb.on {height: 30px; padding-top: 16px;}
#header .btn_gnb.on span{background-color: #555!important; margin:-3px 0;}
#header .btn_gnb.on span:first-child{ transform: rotate(-45deg);}
#header .btn_gnb.on span:last-child{ transform: rotate(45deg);}
#header .btn_gnb.on span.c_red{display:none;}
.pc_all_menu .gnb_all{padding: 2em 0 0;}
.pc_all_menu .gnb_all > li.depth1{margin-bottom: 1.5em;}
.pc_all_menu .gnb_all > li.depth1 > a.dp1{font-size: 1.8em;}



/*스크롤 header*/
.scroll #header{background-color:#fff; border-bottom:1px solid #ddd;}
.scroll #header .gnb_wrap .gnb .depth1 > a{color:#222;}
.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;}


/*탑버튼*/
.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; color: #fff; background: #fe8421; box-sizing: border-box; transition: .3s;}
.qk_right > li .qk_btn.inq{ font-size:1.375em; background-color:#d9a14c;}
.qk_right > li .qk_btn.kakao{background-color: #ffcf3d; color: #512929;}
.qk_right > li .qk_btn.call{ background-color:#3a2987;}
.qk_right > li .qk_btn.ins{ background:linear-gradient(120deg, #574dc0, #b23086, #f09336);}
.qk_right > li .qk_btn.mail{ background-color:#3f3536;}
.qk_right > li .qk_btn.top_go{background-color: #333; color: #fff;}
.qk_right > li .qk_btn .xi{ line-height:  46px;}	


/*footer*/
.main #footer{margin-top: 0;}
#footer{margin-top:11em; padding: 40px 0 0; background-color:#f4f4f4; font-size:16px;}
#footer .f_top{width: 100%; margin-bottom:30px;}
#footer .f_top .f_logo{position: absolute; left: 50%; transform: translateX(-50%);}
#footer .f_info{margin-top:8px; width: 50%; margin: 0 auto;}
#footer .f_info > li{font-size: .938em; color:#333; font-weight: 300; margin-right:45px; margin-bottom: 7px; letter-spacing:0px;}
#footer .f_info > li span{margin-right: 10px;}
#footer .f_menu > li{position: relative; margin-right:30px;}
#footer .f_menu > li a{font-weight: 200; color:#444; font-size:.938em;}
#footer .f_menu > li:after{content:''; width:3px; height: 3px; background-color:#444; border-radius: 50%; position: absolute; top: 50%; right:-15px;}
#footer .f_menu > li:last-child{margin-right:0;}
#footer .f_menu > li:last-child:after{display:none;}
#footer .f_menu > li a:hover{color:#111;}
#footer .f_copy{color:#777; font-size:.875em; margin-top:30px; text-align: center; padding: 20px 0; border-top:1px solid #ddd;}





/*서브 비주얼*/
.sub_v_wrap{position: relative;}
#sub_visual{height:430px; position: relative; overflow: hidden;}
#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;}
#sub_visual .sub_v_tit{ font-weight: 700; text-align:center; font-size:3.625em; color:#fff; position: relative; z-index: 10; margin-top:40px; 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_01.jpg);}
#sub_visual.sub30 .bgfix{background-image:url(../img/sub/sub_v_01.jpg);}
#sub_visual.sub40 .bgfix{background-image:url(../img/sub/sub_v_01.jpg);}
#sub_visual.sub50 .bgfix{background-image:url(../img/sub/sub_v_01.jpg);}
#sub_visual.sub60 .bgfix{background-image:url(../img/sub/sub_v_01.jpg);}
#sub_visual.sub70 .bgfix{background-image:url(../img/sub/sub_v_01.jpg);}
#sub_visual.sub80 .bgfix{background-image:url(../img/sub/sub_v_01.jpg);}
#sub_visual.sub90 .bgfix{background-image:url(../img/sub/sub_v_01.jpg);}
#sub_visual.suba0 .bgfix{background-image:url(../img/sub/sub_v_01.jpg);}
#sub_visual.subb0 .bgfix{background-image:url(../img/sub/sub_v_01.jpg);}
#sub_visual.subc0 .bgfix{background-image:url(../img/sub/sub_v_01.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;}


#snb .snb_list .sdp1,
#snb .snb_list .sdp2{display: none;}

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

/*컨텐츠 타이틀*/ 
#container_wr{margin-top: 6em;}
.container_title{font-weight: 200; font-size: 2.125em; padding-top: 35px; margin: 55px 0; 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;} 




/* sub css */
.ser_wrap .page_tx{font-weight: 600; margin-bottom: 20px; margin-top: 2em;} 
.ser_wrap .ser_box{padding: 3em 0 4em; border-bottom: 1px solid #ddd;} 
.ser_wrap .ser_box .page_tt{font-size: 1.375em; margin-bottom: 30px;}
.ser_wrap .ser_box .tt{font-size: .937em; line-height: 2; margin-bottom: 20px;}
.ser_wrap .ser_box .tt .fwB{font-size: 1.2em;}
.ser_wrap .img_z{width: 100%; height: 300px; margin-top: 4em;}

.dot_list{line-height:1.6;} 
.dot_list > li{margin-left:10px;position: relative;}
.dot_list > li:before{content:''; width:3px; height:3px; border-radius:50%; background: #bbb; position: absolute; top:10px;left:-10px;}
.ml_list{font-size: .875em; color: #666; margin-bottom: 10px; margin-left: 20px; }


.profile_wrap{overflow: hidden; margin-bottom: -11em;}
.profile_wrap .pro_box{padding: 6em 0 8em; background-color: #f9f9f9;}
.profile_wrap .pro_box .in_box{width:50%;}
.profile_wrap .pro_box .in_box .txt_z .tt{font-size: 2em; margin-bottom: 20px; padding-bottom: 20px; font-weight: 700;letter-spacing: 4px; border-bottom: 1px solid #ddd;}
.profile_wrap .pro_box .in_box .txt_z .tt span{font-size: .875em; font-weight: 500;letter-spacing: 0; margin-left:8px;}
.profile_wrap .pro_box .in_box .txt_z .ti{font-size: 1.25em;font-weight: 600; margin-bottom: 10px;}
.profile_wrap .pro_box .in_box .line{width:100%; height:1px; background:#ddd;margin-bottom:2em;}
.profile_wrap .pro_box .in_box .img_z{height: 700px; margin-right: 4em;}
.profile_wrap .pro_box .in_box .img_z img{width: 100%; height: 700px; object-fit: cover;}
.profile_wrap .pro_box .dot_list{line-height: 2; }
.profile_wrap .pro_box .pro_list .dot_list{ margin-bottom: 20px;}
.profile_wrap .pro_box .dot_list > li:before{top:12px;}


.table_st{table-layout:fixed; border-top: 2px solid var(--mainColor); margin-bottom: 10px;}
.table_st th,
.table_st td{padding: .5em .8em; border: 1px solid #ddd; text-align: center; line-height: 1.6;}
.table_st th{color:#222; background-color:#f9f9f9; font-size:1.125em; font-weight: 500;}
.table_st td{color:#333;}
.table_st td .ti{font-size:1.25em; font-weight: 600; margin-bottom: 10px;}
.table_info{display: none;}


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

/*게시판*/
.chk_box input[type="checkbox"]:checked + label span{background: url(/img/chk.png) no-repeat 50% 50% var(--mainColor)}
.pg_wrap .pg_page.pg_end{background:url('/img/btn_end.gif') no-repeat 50% 50%}
.pg_wrap .pg_page.pg_start{background:url('/img/btn_first.gif') no-repeat 50% 50%} 



/*소개*/
.about_03_02 .company_wrap {position: relative;}
.about_03_02 .company_wrap .intro {margin-bottom: 30px;}
.about_03_02 .company_wrap .intro p{font-size: 2em; line-height: 1.3em;}
.about_03_02 .company_wrap .img_box{width:600px; height: 560px; background-image: url("/theme/aram_01/img/sub/com_img.jpg"); position: absolute; bottom:2em; right: 0; z-index: -1;}	
.about_03_02 .company_wrap .explain {background-color:#342a2b; padding: 70px 55px; width: 800px;}
.about_03_02 .company_wrap .explain .page_tx{color: #fff; margin-bottom:20px;} 
.about_03_02 .company_wrap .name {color: #fff; margin-top: 25px; text-align: right;}
.about_03_02 .company_wrap .name .tx{letter-spacing: 2px; display: block;}
.about_03_02 .company_wrap .name .in_name {font-size: 2em; font-family: var(--fs_03);  letter-spacing: 7px; margin-left:15px;}
.about_03_02 .company_wrap .intro_list{line-height: 1.6;}
 

/*오시는길*/
.loc_03_01 .location_box{} 
.loc_03_01 .location_box .page_tt{font-size: 2.125em; margin-bottom: 55px; text-align: center; position: relative;}
.load .loc_03_01 .location_box .page_tt:before{transform: scaleY(1); visibility: visible;}
.loc_03_01 .location_box .map_tw{padding-bottom:1em; font-size:1.5em;}
.loc_03_01 .location_box .map_tw .xi{ width: 44px; height: 44px; background: var(--mainColor); border-radius: 50%; line-height: 44px; margin-right: 10px; font-size:.938em; color:#fff;}
.loc_03_01 .location_box .info_list{margin-right:-20px; margin-top:30px;}
.loc_03_01 .location_box .info_list > li{width:25%;}	
.loc_03_01 .location_box .info_list > li .in{height:100%; border:1px solid #ddd; margin-right:20px; padding:35px 30px 90px; position: relative;}	
.loc_03_01 .location_box .info_list > li .in:before{content:''; width:40px; height: 3px; background-color:var(--mainColor); position: absolute; top: -1px; left:25px;}
.loc_03_01 .location_box .info_list > li .in .tt{font-size: 1.25em; text-align: center;}
.loc_03_01 .location_box .info_list > li .in .tx{font-size:1.25em; margin-top:10px; color:#333; font-weight: 300; text-align: center; position: relative; z-index: 5;}
.loc_03_01 .location_box .info_list > li .in .icon{position:absolute; bottom:15px; right:20px;}
.loc_03_01 .location_box .info_list > li .in .icon .xi{color:#eee; font-size:3.375em;}
.loc_03_01 .location_box .map_view .map_cont{width: 80%; margin: 0 auto;}
.root_daum_roughmap .wrap_controllers{display: none;}
.root_daum_roughmap_landing{border-bottom: 1px solid #ddd;}
.root_daum_roughmap .cont .section.lst{display: none;}
.location_table .page_stt{margin-top: 2em; margin-bottom: 10px;}
.location_table .table_st td span{display: block; margin: 20px 0 5px;}


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

/*메인 비주얼*/
.mainSlider{position:relative; height: 825px; overflow: hidden;}
.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:3.875em; display:block; transform:translateY(1em); font-weight: 800; opacity:0; margin-bottom: 5px; line-height: 1.2;}
.mainSlider .slogan .t2{ font-size:3.75em; transform:translateY(1em); opacity:0; line-height: 1.5;}
.mainSlider .slogan .t3{ font-size:1.5em; font-weight: 200; color: #efd8c1; transform:translateY(1em); opacity:0; line-height: 1.5; 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 .el.swiper-slide-active .slogan .t3{ transform:translateY(0); opacity:1; transition:1s; transition-delay:1.5s}

.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: 1px; font-weight: 200; font-family: var(--fs_02);}
.scroll_wrap .mainSlide_scroll_bar{ width: 1px; height: 45px; background: rgba(255,255,255,.5); margin: 5px auto 0; position: relative;}
.scroll_wrap .scroll_bar {width:1px; height: 15px; background: #ffb442; animation: box-ani 2s linear infinite backwards; margin-left:0px; border-radius: 50%;}

.mainSlider .mainSlider-control{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 10; width:88%; padding:0 7em;}
.mainSlider .mainSlider-control > li .xi{color:#fff; font-size: 4.375em; cursor: pointer; transition: .3s;}w
.mainSlider .mainSlider-control > li .xi:hover{ opacity: 1;}

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


/*메인 샘플용 css*/
.main_section{padding:7em 0;}
.main_section_bg{background-color: #f9f9f9;}
.main_tit{ margin-bottom: 40px;}
.main_tit .in_en{ font-size:1.5em; font-weight: 500; margin-bottom: 15px; color: #d6b18b;}
.main_tit .in_tt{ font-size:2.5em; color:#111; line-height: 1.3; letter-spacing: -2px;}
.main_tit .in_tx{ font-size:1.25em; font-weight: 600; color:#333; margin-top: 30px;}
.main_more{text-align:center;}
.main_more a{display: inline-block; width: 205px; height: 55px; align-content: center; border:1px solid #666; transition: .3s; font-size:1.125em; margin-top: 60px;}
.main_more a:hover{border-color:var(--mainColor)!important; background-color:var(--mainColor); color:#fff;}


/**/
.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)}

/**/
.nm_page_tt{font-size:1.5em; text-align: center; margin:80px auto 30px;}
.nm_page_tt .nmb{width:50px; height: 50px; line-height: 50px; border-radius: 50%; background-color: var(--mainColor); display: inline-block; color:#fff; margin-right:5px;}
.page_tt{font-size:1.825em; font-weight: 600;}
.page_stt{font-size:1.45em; font-weight: 600;}
.page_tx{font-size:1.25em; font-weight: 300;}
.page_stx{font-size:1em; font-weight: 300;}


/**/
.main_inquiry{padding: 130px 0 80px;}
.main_inquiry .inquiry_box{border-top: 2px solid #666; padding: 2.25em 0 0 0;}
.main_inquiry .w_form_tit{width: 20em;}
.main_inquiry .board_st{font-size: 1em; border-top: 0;}
.main_inquiry .board_st.write th{background: transparent; font-size: 1.25em; font-weight: 600; border-bottom: 0;}
.main_inquiry .board_st.write td{border-bottom: 0; padding: .65em .5em;}
.main_inquiry .board_st.write td.border_n{padding: 0 .5em; align-content: flex-start;}
.main_inquiry .input_st{ height: 3.5em; padding: 1em 1.25em;}
.main_inquiry .label_gr{border: 1px solid #ddd; border-radius: var(--bor_r); padding: 16px 35px; display: inline-block; width: 100%;}
.main_inquiry .label_gr .label_st{float: left; margin-right: 50px; line-height: 1.8;}
.main_inquiry .label_gr .label_st.cl{display: block; clear: both;} 
.main_inquiry .label_st input ~ span{color: #555; font-weight: 500;}
.main_inquiry .label_st:not(.cssbrowser) .xi:before{font-size: 1em;color: #555; margin-right: 5px;}
.main_inquiry .agree_st.label_st span{color: #777;}
.main_inquiry .agree_st.label_st a{color: #777; margin-left: 3px;}
.main_inquiry .agree_st.label_st .xi:before{color: #bbb; font-size: 1.333em; margin-right: 2px;}
.main_inquiry textarea.input_st{height: 11.25em!important;}
.main_inquiry .btn_submit{background: #0c4da2; width: 230px; height: 58px; border-radius: 7px; font-size: 1.125em; font-weight: 400; margin-top: 40px;}
.main_inquiry .btn_submit:hover{background: var(--mainColor);}
.main_inquiry #bo_w .write_div{margin-top: 0px;}

.main_about .main_tit{margin-bottom: 60px;} 
.main_about .about_box{background: rgba(255,255,255,.9); padding: 70px 80px; width: 80%; margin: 0 auto; transition:1.5s;}
.main_about .about_list{}
.main_about .about_list > li{width: 14%;}
.main_about .about_list > li .in{ text-align: center;}
.main_about .about_list > li .in .img_z{margin-bottom: 15px;}
.main_about .about_list > li .in .img_z img{height: 60px;}
.main_about .about_list > li .in .ti{font-size: 1em; color: #222;}


.main_service{position: relative;}
.main_service .service_slide{}
.main_service .service_slide .in{position: relative; display: block; width: 100%; height: 370px; text-align: center; padding-top: 70px; overflow: hidden;}
.main_service .service_slide .in .bg{width: 100%; height: 370px; position: absolute; top: 0; left: 0; z-index: -1; transition: .3s;}
.main_service .service_slide .in:hover .bg{transform: scale(1.1);}
.main_service .service_slide .in .img_z{filter: brightness(10);}
.main_service .service_slide .in .ti{font-size: 1.625em; font-weight: 600; color: #fff; margin-top: 20px;}
.main_service .service_slide .in .main_view{width: 46px; height: 46px; line-height: 46px; text-align: center; color: #fff; border: 1px solid #fff; position: absolute; bottom: 50px;left: 50%; transform: translateX(-50%); transition: .3s;}
.main_service .service_slide .in:hover .main_view{border-color:var(--mainColor)!important; background-color:var(--mainColor); color:#fff; transform: translateX(-50%) rotate(45deg);}
.main_service .service_slide .in .main_view .xi{transition: .3s;}
.main_service .service_slide .in:hover .main_view .xi{transform: rotate(45deg);}
.main_service .ser_control .btn_st{font-size: 4.375em; color: #ccc; position: absolute; top: 45%; transform: translateY(-50%); cursor: pointer;}
.main_service .ser_control .btn_st.b_next{right: -90px;}
.main_service .ser_control .btn_st.b_prev{left: -90px;}
.main_service .ser_pagen{margin: 25px auto 0; text-align: center;}
.main_service .ser_pagen.swiper-pagination-bullets .swiper-pagination-bullet{width: 75px; height: 4px; border-radius:0; margin: 0 5px; background: #ccc; opacity: 1;}
.main_service .ser_pagen.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #d6942f;}


.main_solution{}
.main_solution .solution_box{width: 50%; margin-left: auto; background: rgba(53, 42, 43,.93); padding: 60px 0 70px;}
.main_solution .main_tit{margin-bottom: 0;}
.main_solution .main_tit .img_z{margin-bottom: 20px;}
.main_solution .main_tit .in_tt {color: #fff;}
.main_solution .main_tit .in_tt .st{font-size: .825em; letter-spacing: 1px;}
.main_solution .main_tit .in_tt .fwSB{letter-spacing: 2px;}
.main_solution .main_more a{color: #fff; border-color: #fff;}


.main_contact{padding: 6.25em 0;}
.main_contact .main_tit .in_tt{color: #fff;}
.main_contact .contact_box .txt_z{width: 50%; color: #fff;}
.main_contact .contact_box .txt_z .tel{font-size: 2.8125em; font-weight: 700; letter-spacing: 1px; margin-bottom: 40px;}
.main_contact .contact_box .txt_z .tel .xi{width: 64px; height: 64px; line-height: 64px; background: #fff; border-radius: 50%; font-size: .755em; color: #604c4e; text-align: center; margin-right: 10px;}
.main_contact .contact_box .txt_z .tt{font-size: 1.25em; line-height: 1.8;}
.main_contact .contact_box .txt_z .tt .xi{margin-right: 3px;}
.main_contact .contact_box .sns_list{width: 45%; margin: 0 auto;}
.main_contact .contact_box .sns_list > li{width: 25%;}
.main_contact .contact_box .sns_list > li .in{text-align: center; color: #fff; font-size: 1.125em;}
.main_contact .contact_box .sns_list > li .in img{display:block; margin: 0 auto; margin-bottom: 15px;}


.mo_all_menu .mobile_gnb .depth1 .dp1{font-size: 1.25em;}
.mo_all_menu .mobile_gnb .depth1{margin-bottom:.5em;}