@charset "utf-8";
/* CSS Document */


:root{
    --mainColor:#950000;
}

.doc{font-size:16px;}
.box1, .wrap{width:1280px; max-width:96%; margin: 0 auto; position: relative;}
.box0{padding:0 3em;}

.fwB{font-weight: 700;}

input {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;}




/*header*/
#header,
#header .va_wrap,
#header .h_wrap{height:80px; transition: all .3s;}
#header{font-size:16px; background-color: transparent; z-index: 1000;}
#header .h_logo{z-index: 10000;} 
#header .h_logo .logo_a{display: none;}
#header .h_logo .logo_b{display: block;}


.navbar{margin-bottom: 0!important;} 

#header .gnb{flex:auto; transition:all .3s; text-align:center;}
#header .gnb .depth1{ position:relative; float:left; padding:0 35px;}
#header .gnb .depth1 > a{font-weight:normal; color:#fff; font-size:1.15em;font-weight: 400; display:inline-block; }
#header .gnb .depth1 > ul{background:#fff; min-width: 160px; border: 1px solid #ddd; border-top:0; margin-top:-2px; width:auto; transition:all .5s;position:absolute; width:100%; left:50%; transform:translateX(-50%); height:0; overflow:hidden; opacity:0 }
#header .gnb .depth1 > ul:after{content: ""; position: absolute; left: 0; top: -2px; width: 100%; height:5px; background:var(--mainColor); transform: scaleX(0); transition: .3s;}
#header .gnb .depth1 > ul > .depth2 a{display:block; color:#444; border-top: 1px dotted #ddd; white-space: normal; font-weight: 400; font-size: .95em; padding: 15px 10px; line-height: 1.3;}
#header .gnb .depth1 > ul > .depth2 a:hover{background: #f5f5f5;}
#header .gnb .depth1:hover ul { height:auto;  opacity:1 }
#header .gnb .depth1:hover > ul:after{transform: scaleX(1);}


.hd_sch_box{font-size:2em; color: #555; margin-right: 30px; cursor: pointer}
.hd_sch_wr{width: auto; margin-left: 0px; position:absolute; top: 80px; right: 45px;padding:10px 0; border-radius: 0 0 20px 20px; display: none}
.hd_sch_box.on .xi-search:before{content:"\e921"}
.hd_sch_wr.on{display: block}
#hd_sch{border:1px solid #333;border-radius: 30px;}
#hd_sch #sch_stx{float: left;width: 240px;height: 45px;border-radius: 30px 0 0 30px;padding-left: 20px;border: 0;border-right: 0;background:#fff!important; font-size: 0.9em;color: #333;}
#hd_sch #sch_submit{float: left;width: 50px;height: 45px;border: 0px;background:#fff!important;border-radius: 0 30px 30px 0;color: #555;font-size:1.4em}
input[type=text]:focus,input[type=password]:focus, textarea:focus,select:focus {
-webkit-box-shadow:none;
-moz-box-shadow:none;
box-shadow:none;
border:;
}
legend{width:auto!important;}

.pc_all_menu .all_m_top .all_m_close:hover{background-color: #f9f9f9;}  
.pc_all_menu .gnb_all > ul > li.depth1 > a.gnb_al_a .c_dot{color:var(--mainColor)}
.pc_all_menu .gnb_all > ul > li.depth1 .dp2_menu > li a:after{background:var(--mainColor)}

#header .btn_gnb{padding: 5px 10px; border: 1px solid #ddd; position: relative; z-index: 1000;}
#header .btn_gnb .a_rd{display: block; width:25px; height: 2px; background-color: #fff; margin: 7px 0;}


/* #header .btn_gnb{width:30px;position: relative;z-index: 1000;cursor: pointer;}
#header .btn_gnb span{display:block; width:30px; height: 3px; background-color: #555; transition: .3s;}
#header .btn_gnb span.c_red{width:22px;margin:8px 0;margin-left:auto; background: var(--mainColor)}
#header .btn_gnb:hover span.c_red{width:30px;}
#header .btn_gnb.a_on {height: 30px; padding-top: 16px;}
#header .btn_gnb.a_on span{background-color: #555!important; margin:-3px 0;}
#header .btn_gnb.a_on span:first-child{ transform: rotate(-45deg);}
#header .btn_gnb.a_on span:last-child{ transform: rotate(45deg);}
#header .btn_gnb.a_on span.c_red{display:none;}

#header .btn_gnb.mobile_only{width:auto; background-color:transparent; color:#fff;} */

#header .lang_wrap{padding:0 3em;}
#header .lang_wrap a{font-size: 1em; font-weight: 300; margin-left:15px; cursor: pointer; color:#fff; position: relative;}
#header .lang_wrap a:first-child{margin-left:0;}
#header .lang_wrap a.on{ text-decoration: underline;}
#header .lang_wrap a:hover{ color:var(--mainColor) !important;}
#header .lang_wrap a:first-child::before{content: ''; display: block; position: absolute; top: 3px; right: -10px; width: 1px; height: 15px; background-color: #fff;} 
.lang_ko #header .lang_wrap a:first-child{color: var(--mainColor); font-weight: 600;}
.lang_en #header .lang_wrap a:last-child{color: var(--mainColor); font-weight: 600;}


/* scroll, sub */
.scroll #header{background-color: #fff;}
.scroll #header .h_logo .logo_a{display: block;}
.scroll #header .h_logo .logo_b{display: none;}
.scroll #header .btn_en{color: #111;}
.scroll #header .gnb .depth1 > a{color: #333;}
.sub #header{background-color: #fff;}
.sub #header .h_logo .logo_a{display: block;}
.sub #header .h_logo .logo_b{display: none;}
.sub #header .gnb .depth1 > a{color:#333;}
.scroll #header .btn_gnb .a_rd,
.sub #header .btn_gnb .a_rd{background-color: #999;}
.scroll #header .btn_gnb,
.sub #header .btn_gnb{border-color: #999;}
.scroll #header .lang_wrap a,
.sub #header .lang_wrap a{color:#333;}
.scroll #header .lang_wrap a:first-child::before,
.sub #header .lang_wrap a:first-child::before{background-color: #ddd;}


.navbar-default{box-shadow: none !important;}

.qk_con{ position:fixed; bottom:1.5em; right:1em; z-index: 100;}	
.qk_con .qk_btn{display:block; width:2.5em; height: 2.5em; line-height: 2.5em; background:#333; border-radius: 50%; text-align: center; box-shadow: 0 5px 0 rgb(0 0 0 / 15%); margin-top: 7px; font-size: 1.375em;}
.qk_con .qk_btn .xi{ color:#fff;}

/*footer*/
.main #hm_footer{margin-top:0;}
#hm_footer{font-size: 16px; background-color: transparent!important;} 
#hm_footer .f_wrap{padding:60px 0 40px;}
#hm_footer .f_logo{flex:170px;}
#hm_footer .f_info{flex:calc(100% - 340px);}
#hm_footer .f_info > li{color: #666; font-size: .875em; font-weight: 400; margin-bottom: 5px; margin-right: 40px;}
#hm_footer .f_info > li .stt{font-weight: 600; margin-right: 10px;}
#hm_footer .f_bottom{padding: 20px 0 40px; border-top: 1px solid #999;}
#hm_footer .f_link{display: block; font-size: .937em; color: #999;}
#hm_footer .f_link .xi{transform: rotate(-45deg); margin-left: 20px;}
#hm_footer .f_copy{color: #999; font-weight: 400; font-size: .8125em;letter-spacing: 0;}
#hm_footer{margin-top:9em; border-top: 1px solid #ddd;} 

.qk_list{position:fixed; bottom:.7em; right:.7em; z-index: 100;}
.qk_list .qk_btn{ display:block; width:2em; height: 2em; line-height: 2.1em; border-radius: 50%; text-align: center; box-shadow: 0 3px 0 rgb(0 0 0 / 15%); font-size: 1.85em; margin-top: 5px;}
.qk_list .qk_btn.top_btn{background:#333; color:#fff!important;}


/*=================================================================SUB=================================================================*/

/* inc */
.page_te{font-size: 1.125em; font-weight: 700; color: var(--mainColor); text-transform: uppercase;}
.page_tt{ font-size: 1.825em;font-weight: 700; line-height: 1.4; margin-bottom: .5em; margin-top: 1em; color: #222;}
.cont_bg{background-color:#f9f9f9; padding:4em 0;}

.dot_list > li{margin-left: 15px; position: relative;}
.dot_list > li:before{content: ''; display: block; width: 3px; height: 3px; border-radius: 50%; background-color: #999; position: absolute;top: 10px;left: -10px;}

.modalCont{padding: 3em 2em;}

/* 게시판 수정 */
.input_st .xi{line-height: 1.3}
#bo_w .write_div .xi-link{line-height:2}
#bo_w .write_div .xi-folder-open{line-height:2}
#bo_w .bo_w_flie .frm_file{margin-top:0px!important}
#bo_v_img .fotorama__wrap{margin:0 auto;}
.required, textarea.required{background: none!important}
.tbl_frm01 textarea, .frm_input{background: none!important}
.full_input{width: 100%; padding: 0 5px;}
.fotorama_img{width: 400px;min-width: 0px;max-width: 100%;}
#bo_v_atc{margin-top: 55px;}
#bo_v_img img{height: 100%; width: 100%; object-fit: cover}
.agree_ts{font-size:0.83em}

/* inquiry_st view */
#bo_v_con.in_mail{min-height:20px;margin:10px 0}
#bo_v_con.in_tel{min-height:20px;margin:10px 0}
#bo_v_con.in_ind{}
#bo_v_con.in_tt{font-size:14px;}
.in_200w{width: 200px;}
.in_200w.in_tw{font-size:17px!important}


/* 전체 검색 */
.pg_page, .pg_current, .qa_page{height: auto}
#sch_res_detail .sch_rd{display: inline-block!important}
.sch_more a{color: var(--mainColor)!important}
.sch_word{color: #3a8afd!important}
#sch_res_ov h2 strong{color: #3a8afd!important}

/* 검색 OR+ADN 버튼 */
.switch_field {display:inline-block;vertical-align:middle;padding:10px 5px}
.switch_field input {position:absolute !important;clip:rect(0, 0, 0, 0);height:1px;width:1px;border:0;overflow:hidden}
.switch_field label {float:left}
.switch_field label {display:inline-block;width:auto;background-color:#fff;color:rgba(0, 0, 0, 0.6);font-size:1em;font-weight:normal;text-align:center;text-shadow:none;padding:6px 14px;border:1px solid #bbc0c6;
-webkit-box-shadow:inset 0 5px 8px rgb(234, 234, 234), 0 1px rgba(255, 255, 255, 0.1);
box-shadow:inset 0 5px 8px rgb(234, 234, 234), 0 1px rgba(255, 255, 255, 0.1);
-webkit-transition:all 0.1s ease-in-out;
-moz-transition:all 0.1s ease-in-out;
-ms-transition:all 0.1s ease-in-out;
-o-transition:all 0.1s ease-in-out;
transition:all 0.1s ease-in-out}
.switch_field label:hover {cursor:pointer}
.switch_field input:checked + label {background-color:#3a8afd;border:1px solid #3a8afd;color:#fff;-webkit-box-shadow:none;box-shadow:none}
.switch_field label:first-of-type {border-radius:4px 0 0 4px;border-right:0}
.switch_field label:last-of-type {border-radius:0 4px 4px 0}




/*main_inc*/
.main_tit{ margin-bottom: 35px;}
.main_tit .in_tt{ font-size:4.06em; color:#222; font-weight: 700; line-height: 1;margin-bottom:48px}
.main_tit .in_tt.bo_st{font-weight: 800; margin-bottom: 20px; text-align: center}
.main_tit .in_te{ font-size:1.5em; color:#222; font-weight: 500; line-height: 1.5em;margin-bottom:15px}
.main_tit .in_th{ font-size:1.125em; color:#222; line-height: 1.6em; font-weight: 200}
.main_tit .in_th.al_st{text-align: center; margin-top: 55px;font-weight: 400}
.more_btn a{display: flex;border: 1px solid #fff; color: #fff; width: 200px;height: 67px;border-radius: 50px;padding: 10px;justify-content: space-around;align-items: center;font-size: 17px;text-transform: uppercase;margin-top:50px;transition: .5s;}
.more_btn a:hover{background: #fff; color: #333;}
.main_tit .imgbox{display: inline-block; width: 200px; border-radius: 50px;margin:0 35px; line-height: 0.9}
.main_tit .imgbox .img{display: inline-block; width: 200px; height: 50px;}
.main_tit .in_tt.cw,
.main_tit .in_te.cw,
.main_tit .in_th.cw{color:#fff;}
.main_tit.mobile_only .imgbox{display: flex;justify-content:center; width: auto; margin:0 35px;}
.main_tit.mobile_only .imgbox .img{display: inline-block; width: 60px; height: 60px;border-radius: 50%;margin: 0 5px 30px;}


/* en none */
.lang_en .main_able .about_list .in_box .in_tbox .t1{display: none}
.lang_en .main_able .about_list .in_box .in_tbox .t2{margin-top: 28px;}
.lang_en .main_tec .main_tit .in_th.cw{display: none}
.lang_en .main_pro .main_tit .in_th{display: none}
.lang_en .main_inq .main_tit .in_th{display: none}

/* main line */
.line_bg{display: flex; width: 1320px;height: 100%;margin: 0 auto;border-right: 1px solid #aaa;opacity: .15; border-left: 1px solid #aaa;position: absolute;left: 50%;transform: translateX(-50%);top: 0;}
.li_line{width: 33.33%; height: 100%; border-right: 1px solid #aaa;}
.li_line:last-child{border-right: none}


/* slide control */
.arr_st .in-btn{width:75px; height: 75px; line-height: 75px;text-align: center; cursor: pointer; font-size:2.375em;  color: #aaa}
.mainSlider-control .in-btn:hover{color: #fff!important}
.arr_st .in-btn:hover{color: var(--mainColor)}
.arr_st .in-btn.in-prev{padding-right: 5px;}
.arr_st .in-btn.in-next{padding-left: 5px;}
.arr_st .line{width: 1px; height: 28px; background: #ddd}


/*메인 inc*/
.main_tit{margin-bottom:60px;}	
.main_tit .in_te{font-size: 1.125em; font-weight: 600; color: var(--mainColor); margin-bottom: 25px;}
.main_tit .in_tt{color:#111; font-size:2.5em; font-weight: 600; line-height: 1.1;}	
.main_tit .in_tx{color:#666; font-size:1.125em; line-height: 1.8;}	
.main_more a{border:1px solid #ddd; color:#666; display:inline-block; padding: 10px 45px; margin-top:35px; transition: .3s;}
.main_more a:hover{border-color:var(--mainColor); color:var(--mainColor);}
	
/*메인*/
.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:39vh; left:50%; transform: translateX(-50%); color:#fff; text-align:left;}
.mainSlider .slogan .t1{ font-size:3.625em; display:block; /*transform:translateY(1em); */font-weight: 300;/* opacity:0;*/ margin-bottom: 5px; line-height: 1.2;}
.mainSlider .slogan .t3{ font-size:1.375em; font-weight: 300;/* transform:translateY(1em); opacity:0;*/ line-height: 1.5; margin-top:50px;}
/*.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 .t3{ transform:translateY(0); opacity:1; transition:1s; transition-delay:1s}*/

.mainSlider .mainSlider-control{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 10; max-width:96%; width:1600px;}
.mainSlider .mainSlider-control > li .xi{width:75px; height: 75px; line-height: 75px; border-radius: 50%; border:1px solid #fff; text-align: center; color:#fff; font-size: 1.625em; cursor: pointer; opacity: .6; transition: .3s;}
.mainSlider .mainSlider-control > li .xi:hover{ opacity: 1;}
.mainSlider .mainSlider-pagination{ position:absolute; bottom:0; left:0; z-index: 10; height: 4px; width:100%; background: #ddd;}
.mainSlider .mainSlider-pagination .swiper-pagination-progressbar-fill{background: var(--mainColor);}

.scrolldown{ position: absolute; left:50%; bottom:0; transform: translateX(-50%); text-align:center; opacity:1; z-index:9; text-decoration:none; animation-name: downAni; animation-duration: 3s; animation-iteration-count: infinite;}
.scrolldown .xi-mouse{font-size:2.5em; color:#fff; margin-bottom: 5px;}
.scrolldown .tt{ display:block; color:#fff; font-size:.813em; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif; letter-spacing:0}
.scrolldown .mainSlide_scroll_bar{  width: 2px; height: 40px; background: rgba(255, 255, 255, 0.2); overflow: hidden; margin: 10px auto 0;}
.scrolldown .scroll_bar {width: 100%; height: 18px; background: #fff; animation: box-ani 2s linear infinite backwards;}

/*@keyframes downAni{
60% {margin-bottom:0}
80% {margin-bottom:-1em}
100% {margin-bottom:0}
}*/



/* project */
.main_project{padding: 8em 0; position: relative;}
.main_project .project_control{position: absolute; bottom: 0; right: 20px;}
.main_project .project_control .xi{font-size: 24px; color: #999; margin: 0 15px; transition: .3s;}
.main_project .project_control .xi:hover{color: #333;}
.main_project .project_control .project_pagination{width: auto; font-size: 1.125em; font-weight: 400; color: #999;}
.main_project .project_control .project_pagination .swiper-pagination-current{font-weight: 600; color: var(--mainColor);}


/* service */
.main_service{padding: 4.375em 0;}
.main_service .ser_list{margin-right: -10px;}
.main_service .ser_list > li{width: 12%; transition: .3s;}
.main_service .ser_list > li.on{width: 50%;}
.main_service .ser_list > li .in{display: block; height: 500px; margin-right: 10px; color: #fff; padding: 65px 30px; position: relative;}
.main_service .ser_list > li .in .te{font-size: 1em; font-weight: 600; margin-bottom: 15px;}
.main_service .ser_list > li .in .ti{font-size: 1.75em; font-weight: 600; margin-bottom: 30px; word-break: break-all; text-transform: uppercase;}
.main_service .ser_list > li .in .tt{font-size: 1.125em; font-weight: 400; line-height: 1.8; margin-left: 12px; display: none;}
.main_service .ser_list > li .in .tt > li{position:relative;}
.main_service .ser_list > li .in .tt > li:before{content: ''; display:block; width: 5px; height: 5px; background-color: #fff; position: absolute; top:13px; left:-12px;}
.main_service .ser_list > li .in .xi{font-size: 1.5em; position: absolute; bottom: 40px; right: 35px; display: none;}
.main_service .ser_list > li.on .in .tt{display: block;}
.main_service .ser_list > li.on .in .xi{display: block;}


/* about */
.main_about{padding: 4.375em 0;}
.main_about .about_con > li{width: 25%;}
.main_about .about_con > li .in{display: block; height: 500px; padding: 40px; align-content: end;color: #fff;filter: grayscale(1); transition: .3s;}
.main_about .about_con > li .in:hover{filter: grayscale(0);}
.main_about .about_con > li .in .te{font-size: 1em; font-weight: 400; letter-spacing: .5px;}
.main_about .about_con > li .in .ti{font-size: 1.875em; font-weight: 600; color: #fff; width: 80%;}
.main_about .about_con > li .in .xi{font-size: 1.5em; margin-left:auto; opacity: 0; transition: .3s;}
.main_about .about_con > li .in:hover .xi{opacity: 1;}
	


/* contact */
.main_contact{margin-top: 4.375em; transition: .3s;}
.main_contact .in_box{width: 50%; height: 300px; color: #fff;}
.main_contact .in_box:nth-child(1){padding-right: 60px;}
.main_contact .in_box:nth-child(2){padding-left: 60px;}
.main_contact .in_box:first-child{border-right: 1px solid rgba(255,255,255,.2);}
.main_contact .ti{font-size: 1.5em; font-weight: 500;}
.main_contact .tt{font-size: 1.125em; font-weight: 400; width: 50%;}
.main_contact .in_btn{display:inline-block; padding: 5px 20px; font-size: 1em; font-weight: 300; border: 1px solid #ddd;}

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

/*공통*/
.tab_wrap{width:70%; margin: 0 auto;}
.tab_wrap.st{width:100%; margin: 0 auto;}
.tab_idx{ margin:-10px 0 5em -5px;}
.tab_idx > li{width: 33.33%;}
.tab_idx.sw5 > li{width: 20%;}
.tab_idx > li > a{ padding:0 .5em; height:58px; border:1px solid #cbcbcb; margin:10px 0 0 5px; color:#222; transition:.3s;}
.tab_idx > li > a .va{font-size:1.068em; font-weight:500}
.tab_idx > li > a:hover{ color:#266aa6; border-color:#266aa6}
.tab_idx > li.on > a{ box-shadow:0 0 1em .125em rgba(0,0,0,.1); color:#fff; border-color:#266aa6; background-color:#266aa6}


/*개인정보처리방침*/
.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: 15px;}
.agree_box .in_con .agree_wrap span{ display: block;}

/* 회사소개 */
.intro_wrap{padding: 6em 0 0;}
.intro_tit{padding: 7em 0 9em; background-repeat: no-repeat; background-size: cover; background-position: center top; background-attachment: fixed;}
.intro_tit .in_tt { font-size:4em; font-weight: 900; line-height: 1; text-align: center;}
.intro_tit .in_tt .t1{ color: #fff; font-style: italic; margin-bottom:10px;}
.intro_tit .in_tt .t2{ color: transparent; -webkit-text-stroke: 1px #fff; font-style: italic;}
.intro_box{background-color:#fff; padding:5.5em 8em 0; box-sizing: border-box; font-size: 1.125em; color: #333; text-align: justify; line-height: 2; margin-top: -7em;}
.intro_box .tt{font-size: 1.125em; font-weight: 600; color: #333; margin-bottom: 2em;}
.intro_box .tx{ margin-top: 30px;}
.intro_box .ceo{font-weight: 600; margin-top: 4em;}
.intro_box .ceo .ceo_nm{font-size: 1.5em;  /*font-weight: 400; font-family: 'kdg_Medium';*/ margin-left: 20px;}


/* 대표자이력 */
.gre_wrap{padding: 6em 0 0;}
.gre_wrap .img_z{height: 300px;}
.gre_wrap .gre_box{position: relative;}
.gre_wrap .gre_box_st .txt_z{padding-left: 8em;}
.gre_wrap .gre_box .pof_list > li{position: relative;}
.gre_wrap .gre_box .pof_list > li:before{content: ''; position: absolute; top: 35px; left: -5px; width: 10px; height: 10px; background: #ddd; border-radius: 100%;}
.gre_wrap .gre_box .gre_img{width: 40%;}
.gre_wrap .gre_box .gre_txt{width: 60%;}
.gre_wrap .gre_box .txt_z .tt{font-size: 1.75em;margin-bottom: 25px;font-weight: 700; color: #222;font-family:'Nanum Myeongjo'; padding-left: 1em; padding-top: 1.5em;}
.gre_wrap .gre_box .txt_z .tt span{font-weight: 600;margin-left: 5px;font-size: .7em;}
.gre_wrap .gre_box .txt_z .stw{font-size: 1.25em;font-weight: 600;margin-top:1.5em;margin-bottom:.5em; color:#333; line-height: 2; border-top: 1px solid #ddd; padding-top: 1em; padding-left: 1.5em;}
.gre_wrap .gre_box .txt_z .in{padding-left: 2em;}
/* .gre_wrap .gre_box .txt_z .pof_list{border-top: 1px solid #ddd; margin-top: 1em;} */
.gre_wrap .gre_box .txt_z .pof_list .in .dot_list{width: 50%;}
.gre_wrap .gre_box .img_z{height: 700px; margin-right: 1em;}
.gre_wrap .gre_box .txt_z{margin-left: 2em; border-left: 1px solid #ddd;}
.gre_wrap .gre_box .dot_list{line-height: 1.8; }
.gre_wrap .gre_box .dot_list > li:before{top:12px;}
.gre_wrap .gre_box .info{line-height: 1.8; color: #333;}



/* 연혁 */ 
  
.history_img { text-align:center;} 
.history_tit{ text-align:center; padding:80px 0; border: 1px solid #ddd; margin-top: 60px;}
.history_tit .t1{ font-size:2.625em; color:#fff;}
.history_tit .t2{ color:#fff; margin-top:10px; font-size:1.125em; font-weight: 300;}
.history_wrap{ position:relative; z-index:inherit; padding-left: 120px; overflow: hidden; border-bottom:1px solid #ddd;}
.history_wrap .history_line{ position:absolute; z-index:inherit; width:1px; background:#ddd; left:81px; height:111%; margin-left:1px; top:-40px}
.history_wrap .history > li{ position:relative; z-index:inherit; width:100%; margin-top:40px}
.history_wrap .history > li:first-child{margin-top:60px;}
.history_wrap .history > li .history{ padding:0 20px; border-bottom: 1px dotted #ccc;}
.history_wrap .history > li:last-child .history{border-bottom: 0;}
.history_wrap .history > li .history:before{content:''; position:absolute; top:20px;  left:-42px; width:10px; height:10px; background:var(--mainColor); border-radius:100%;}
.history_wrap .history > li .history .year{ font-size:1.9em; font-weight:600; color:#555; position:relative; z-index:inherit; letter-spacing:-1px; opacity:.6;}
.history_wrap .history > li .history .list{ position:relative; z-index:inherit; margin-top:15px}
.history_wrap .history > li .history .list .tt{ display:block; font-size:1em; font-weight: 400; color:#222; line-height:1.6; margin-bottom:25px; font-family:notokrM, sans-serif; vertical-align:middle;}
.history_wrap .history > li .history .list .txt {position:relative; padding-left:10px;}
.history_wrap .history > li .history .list .txt:before {position:absolute; content:""; width:5px; height:2px; background:#888; left:0; top:10px;}
.history_wrap .history > li .history .list .month{ min-width:50px; display:inline-block; color:var(--mainColor); font-weight: 700;}
.history dl{margin-bottom: 0!important;}

/* 사업영역 */
.ser_wrap .page_tt{margin-bottom:20px;}
.ser_wrap .ser_list{margin-right:-60px;}
.ser_wrap .ser_list > li{width:33.33%;}
.ser_wrap .ser_list > li .in{margin-right:60px;}
.ser_wrap .ser_list > li .in .page_stt{font-size: 1.125em; font-weight: 600; margin-bottom: 15px;}
.ser_wrap .ser_list > li .in .img_z{width: 100%; height: 200px; margin-bottom: 20px;}
.ser_wrap .ser_list > li .in ul.page_stx > li{ position: relative; padding-left:15px; margin-bottom: 5px;}
.ser_wrap .ser_list > li .in ul.page_stx > li:before{content:''; width:4px; height: 4px; border-radius: 50%; background-color: var(--mainColor); position: absolute; top:9px; left: 0;}


/* 서비스 */
.bus_wrap{padding-top: 6em;}
.bus_wrap .bus_list{margin-top: 4em; margin-right:-20px;}
.bus_wrap .bus_list > li{width:33.33%; margin-bottom: 20px;}
.bus_wrap .bus_list > li .in{height: 100%; margin-right:20px; padding: 30px 20px; border: 1px solid #ddd;}
.bus_wrap .bus_list > li .in:hover{border-color: #999; box-shadow: 1px 1px 10px #ddd;}
.bus_wrap .bus_list > li .in .img_z{width:200px; height: 200px; margin:0 auto 25px;  border-radius: 50%; box-shadow: 1px 3px 5px #ddd;}
.bus_wrap .bus_list > li .in .step{font-size:.875em; font-weight: 600; color: var(--mainColor); padding:5px 10px; background:#ffcccc; border-radius: 30px; margin-bottom: 10px; display: inline-block;}
.bus_wrap .bus_list > li .in .page_stt{padding-bottom:12px; margin-bottom:20px; border-bottom:1px solid #ddd; font-size: 1.5em;}
.bus_wrap .bus_list > li .in ul.page_stx > li{ position: relative; padding-left:15px; margin-bottom: 5px;}
.bus_wrap .bus_list > li .in ul.page_stx > li:before{content:''; width:4px; height: 4px; background-color: #999; position: absolute; top:9px; left: 0;}
.bus_wrap .bus_list.st > li .in .page_stt{border: 0; padding-bottom: 0; margin-bottom: 0;}
.bus_wrap .in_box{border:1px solid #ddd; margin-top: 2em;} 

.bus_wrap.bus_wrap05 .bus_list > li:nth-child(1){width: 100%;}
.bus_wrap.bus_wrap05 .bus_list > li:nth-child(2),
.bus_wrap.bus_wrap05 .bus_list > li:nth-child(3){width: 50%;}
.bus_wrap.bus_wrap05 .bus_list > li .page_stx{margin-top: 10px;}
.bus_wrap.bus_wrap05 .bus_list > li .page_stx > li{padding-left: 0!important;}
.bus_wrap.bus_wrap05 .bus_list > li .page_stx > li:before{display: none;}

.bus_wrap .ko_ver,
.bus_wrap .en_ver{margin: 0 auto;}




/* 오시는 길 */
.location_box{ margin: 0 auto; padding: 0 1em; padding-top: 4em;} 
.location_box .map_tw{padding-bottom:1em; font-size:1.25em;}
.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;}
.location_box .map_view{ border-top:3px solid var(--mainColor); box-shadow: 0 0.25em 0.5em rgba(0,0,0,.2); transition: .3s;  padding: 1em; border-radius: 0 0 1em 1em;}
.location_box .map_view .tt {padding-bottom:10px; font-size:1.125em; color:#333; letter-spacing:-2px; vertical-align:middle;}
.location_box .map_view .xi {vertical-align:middle; font-size:1.125em; padding-right:5px;}
.location_box .map_view .map_cont .root_daum_roughmap .wrap_controllers{display:none;}
.location_box .map_view .map_cont .txt_z{margin-top: 20px; margin-bottom: 10px;}
.location_box .map_view .map_cont .txt_z .ti{font-weight: 600; margin-bottom: 5px;}
.location_box .map_view .map_cont .txt_z .map_tt .map_st{font-size: .875em; color: #fff; padding: 2px 15px; border-radius: 30px; margin-right: 3px;}
.location_box .map_view .map_cont .txt_z .map_tt .map_st.map_a{background: #EF4B96;}
.location_box .map_view .map_cont .txt_z .map_tt .map_st.map_b{background: #CEA43A;}

.location_box .map_info{ border:1px solid #ddd; margin-top:30px;}
.location_box .map_info > li {width:25%; padding:40px 35px; border-right:1px solid #ddd; position: relative;}
.location_box .map_info > li:last-child {border-right:0;}
.location_box .map_info > li .in_tt{font-size: 1.068em; color: #111; border-bottom: 1px solid #111; display: inline-block; line-height: 1.1; margin-bottom: 10px;}
.location_box .map_info > li .in_tx{font-size: 1.068em; color: #444; line-height: 1.5; position: relative; z-index: 10;}
.location_box .map_info > li .in_tx.st{font-size: 1.125em;}
.location_box .map_info > li .in_tx .stt{font-size: .938em; color: #666; display:block; margin-top: 3px;}
.location_box .map_info > li .xi{font-size: 3.75em; color: #eee; position: absolute; right:30px; bottom:15px;}



/*==============================================================cus_css=======================================================*/
/*게시판 스킨 수정*/
#bo_list_total{letter-spacing: .5px;}
#bo_list_total .total_icon{border: 1px solid #ddd; border-radius: 50%;  width: 2em; line-height:2em !important; height: 2em; text-align: center; font-size: 1.375em; margin-right: 7px; box-shadow: 1px 1px 4px rgb(0 0 0 / 15%); color: #666;}


.subh_tit { text-align: center; position:absolute; left: 0; right: 0; top: 180px; width: 100%;}
.subh_tit h2 {font-size:38px; color:#fff; text-align: center; font-weight: 600; position: relative;}
.subh_tit h2:after{ content: ''; width: 1.25em; height: 3px; background: #fff; position: absolute; bottom: -.6em; left: 50%; margin-left: -.625em;}

.ctt_img{height:360px; width:100%; background-size:cover; background-position: center; background-repeat: no-repeat;}

#container_title { font-size:2em; line-height:1; font-weight:700; margin:80px 0 60px 0; text-align:center; position:relative; padding-top:20px; color:#111; }
#container_title:before { content:""; width:46px; height:3px; background:#222; position:absolute; top:0; left:50%; margin-left:-23px }
 

/* ckeditor 단축키 */
.btn_cke_sc{display:inline-block;padding:0 10px;/*height:23px*/;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;line-height:1.0em;vertical-align:middle;cursor:pointer;border-radius:4px}

/* 버튼 */
.btn_confirm {text-align:center;border-radius:4px} /* 서식단계 진행 */
a.btn_cancel {display:inline-block;padding:.5em 1.5em;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;vertical-align:middle;border-radius:4px}
button.btn_cancel {display:inline-block;padding:.5em 1.5em;border:1px solid #ccc;background:#fafafa;color:#000;vertical-align:top;text-decoration:none;border-radius:4px}
a.btn_frmline, button.btn_frmline {display:inline-block;padding:0 5px;height:24px;border:0;background:#333;color:#fff;letter-spacing:-0.1em;text-decoration:none;vertical-align:top;border-radius:4px} /* 우편번호검색버튼 등 */
a.btn_frmline {line-height:24px;border-radius:4px}
button.btn_frmline {font-size:1em;border-radius:4px}


/* 게시판용 버튼 */
a.btn_admin {display:inline-block;padding:3px 7px;border:1px solid #e8180c;background:#e8180c;color:#fff;text-decoration:none;vertical-align:middle;border-radius:4px} /* 관리자 전용 버튼 */

/*일반게시판css*/
#bo_list .tbl_head01{ border-top: 2px solid #333; margin-top: 1em; margin-bottom: 1em;}
.tbl_head01 td{ padding: 15px 5px}
#bo_list .td_name{ text-align: center;}
.tbl_head01 thead th{ padding: 17px 0;}
#bo_list .tbl_head01 a:hover{ color: #000;}
.total_icon{border: 1px solid #ddd; border-radius: 50%;  width: 2em; line-height:2em !important; height: 2em; text-align: center; font-size: 1.375em; margin-right: 5px; box-shadow: 1px 1px 4px rgb(0 0 0 / 15%);}
.btn_bo_adm input {padding:.5em 1.5em; background:#f5f5f5; border:1px solid #ddd; color:#666;text-decoration:none;vertical-align:middle;border-radius:4px}
a.btn_admin {display:inline-block;padding:.5em 1.5em;;border:1px solid #e8180c;background:#e8180c;color:#fff;text-decoration:none;vertical-align:middle}
#bo_list .tbl_head01 .td_subject .xi{font-size: 1.068em;}
#bo_list .tbl_head01 .td_subject .xi.xi-new{color:#ed1c24;}

/*뷰css*/
#bo_v_title{ padding: 20px 0 !important; border-bottom: 1px dashed #ccc; border-top: 2px solid #333;}
#bo_v_info{ color: #666;}
#bo_v_con{ margin-top: 2em;}
/*#bo_v_top{ display: none;}*/
#bo_v_bot{ padding-top: 1em; border-top: 1px solid #ddd;}
a.btn_b01 {display:inline-block;padding:.5em 1.5em;border:1px solid #d9ded9;background:#fafafa;color:#000;text-decoration:none;vertical-align:middle;border-radius:3px}
a.btn_b02 {display:inline-block;padding:.5em 1.5em;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none;vertical-align:middle;border-radius:3px}
a.btn_b03 {display:inline-block;padding:.5em 1.5em;border:1px solid #333;background:#333;color:#fff;text-decoration:none;vertical-align:middle;border-radius:3px}

/*서치css*/
#bo_sch{ margin-top: 3em; padding-top: 0;}
.frm_input {height:40px}
#sfl{ height: 40px; border: 1px solid #ddd;}
fieldset .btn_submit {padding:3px 25px; height:40px; line-height:1em; border-radius:4px}
.btn_submit {padding:.5em 1.5em;border:0;background:#333;color:#fff;letter-spacing:-0.1em;cursor:pointer;border-radius:4px}
.sanchor a{ height: 45px; padding: 0 15px;}
 

/* 게시판 목록 */
#bo_cate { font-size:0; margin-left:1px; text-align:center }
#bo_cate li { margin:0 ; padding:5px; float: none!important; border:1px solid #e0e0e0; height: 46px; flex:calc(100% / 9);}
#bo_cate a {  border-radius:0; margin:0!important; width:100% !important; min-width: 100%!important; text-align:center; height:auto; line-height:1.2 !important; padding:5px !important; border:0!important; /*background:#fff!important;*/ background:transparent!important; color:#aaa!important; font-weight:400!important; font-size:1.5rem; letter-spacing: 0!important; display: inline-block!important;}
#bo_cate li:hover { background:#f4f4f4!important; color:#222 }
#bo_cate li:hover a{ background:#f4f4f4!important; color:#222 }
#bo_cate #bo_cate_on { background:#fff; color:#222!important; border-color:#222; position:relative; z-index:1; box-shadow:none; font-weight:500 }
.input_st.s1{padding: .5em 1.5em}



/*갤러리게시판css*/
#bo_img_list{ margin-top: 1em !important;}
.bo_img_con{ box-sizing: border-box; overflow: hidden; border: 1px solid #ddd;}
.bo_img_con li{ padding: 0 1em; font-size: .813em;}
.bo_img_con li:last-child{ margin-bottom: 1em;}
.bo_img_con li.bo_img_href{ padding: 1em; text-align: center; border-bottom:1px solid #ddd;}
.bo_img_con li.bo_img_text_href a{ display: block; font-size: 1.25em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: normal !important; width: 100%; text-align: center;}


#bo_cate.st_tab ul{ text-align: center; margin-bottom: 3em;}
#bo_cate.st_tab ul li{ display: inline-block; float: none;}
#bo_cate.st_tab a{ padding: 15px 0; width: 130px;}


/*제품리스트*/
#ssch_sort{ display: none;}
.sct_10 .sct_li{ border: 1px solid #ddd; box-sizing: border-box; margin: 0 7px 20px !important;}
.sct_10 .sct_cost{ display: none;}
.sct_10 .sct_txt{ padding-top: 10px; text-align: center; border-top: 1px solid #ddd;}
#sit_inf_open th{ padding: 15px 10px !important; width: 225px;}
#sit_opt_added, #sit_tot_price, #sit_ov_btn, .sanchor, #sit_use, #sit_qa, #itemqa, #sit_qa_list, #sit_qa_wbtn, #sit_dvr, #sit_ex{ display: none !important;}
#sit_inf_explan{ margin: 2em 0 !important;}
.sit_ov_tbl tbody tr:nth-child(2){ display: none;}
#sit_inf_basic{ display: none;}
.sct_10 > li.sct_li .sct_basic{ display: none;}

/*댓글*/
#bo_vc_w{ display: none;}

.navbar{ min-height: 60px !important;}
.navbar-brand.flex.vc .logo_name{ font-weight: 500; margin-left: 5px;}
.f_logo .logo_name{ font-weight: 500; margin-left: 5px; opacity: .5; font-size: .5em;}


.en_ver{display:none!important;}
.lang_en .ko_ver{display:none !important;}
.lang_en .en_ver{display:block !important;}
.lang_en .en_ver.st{display:inline-block !important;}
.lang_ko .en_ver{display:none !important;}
.lang_ko .ko_ver{display:block !important;}
.lang_ko .ko_ver.st{display:inline-block !important;}

.cont_wrap{margin:3em 0;}


#bo_v_desc *{font-family: 'Pretendard'!important; font-size:1.125em!important}
#bo_v_desc h2{font-size:0!important}

/* basic board */
input[type="checkbox"], input[type="radio"]{width: 15px; height: 15px; border: 1px solid #d0d4df; border-radius: 3px; background: #fff;position: relative;}
input[type="checkbox"]:checked{background: var(--mainColor);border-color: var(--mainColor);}
input[type="checkbox"]:checked:before{display: block; content: ''; background-image: url('/tmpl/r_shop_boot_basic/img/chk.png'); position: absolute; top: 2px; left: 1px;width: 11px;height: 9px;}
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
  outline: thin dotted;
  outline: 0px!important; /* 체크할때 나타나는 굵은선 삭제 */
  outline-offset: -2px;
}