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

@font-face {
 font-family: 'NanumBarunGothic';
 font-style: normal;
 font-weight: 400;
 src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.eot');
 src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.eot?#iefix') format('embedded-opentype'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.woff') format('woff'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.ttf') format('truetype');
}

@font-face {
 font-family: 'NanumBarunGothic';
 font-style: normal;
 font-weight: 700;
 src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.eot');
 src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.eot?#iefix') format('embedded-opentype'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.woff') format('woff'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.ttf') format('truetype')
}

@font-face {
 font-family: 'NanumBarunGothic';
 font-style: normal;
 font-weight: 300;
 src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.eot');
 src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.eot?#iefix') format('embedded-opentype'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.woff') format('woff'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.ttf') format('truetype');
}

/*

@font-face {
    font-family: 'GongGothicBold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-10@1.0/GongGothicBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'GongGothicMedium';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-10@1.0/GongGothicMedium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'GongGothicLight';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-10@1.0/GongGothicLight.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


.fm_Go_B{font-family: 'GongGothicBold';}
.fm_Go_M{font-family: 'GongGothicMedium';}
.fm_Go_L{font-family: 'GongGothicLight';}


@font-face {
    font-family: 'Pretendard-Bold';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Pretendard-Medium';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Pretendard-Regular';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Pretendard-ExtraLight';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-ExtraLight.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}

.fm_Pr_B{font-family: 'Pretendard-Bold';}
.fm_Pr_M{font-family: 'Pretendard-Medium';}
.fm_Pr_R{font-family: 'Pretendard-Regular';}
.fm_Pr_EL{font-family: 'Pretendard-ExtraLight';}



@font-face {
    font-family: 'TheJamsil2Light';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2302_01@1.0/TheJamsil2Light.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
}
.fm_tj_L{font-family: 'TheJamsil2Light';}

*/
@font-face {
    font-family: 'BookkMyungjo-Bd';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2302@1.0/BookkMyungjo-Bd.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
}


:root{
    --maincolor:#1b4e83;
    --subcolor:#1b4e83;
}

/*header*/
#header,
#header .va_wrap,
#header .h_wrap{height:80px;}
#header{background:transparent; z-index: 100; border-bottom:1px solid rgba(255,255,255,.2);}
#header .h_logo{flex:182px;}
#header .h_logo .logo_b{display:none;}
#header .gnb{ margin-right: 0;}
#header .gnb .depth1{padding:0 5px; margin:0 50px;}
/*#header .gnb .depth1:last-child{margin: 0 0 0 50px;}*/
#header .gnb .depth1 > a{font-weight:400; color:#fff; font-size:1.15em; height:80px; line-height: 80px; }
#header .gnb .depth1 > ul{background:#fff; min-width: 160px; border: 1px solid #ddd; border-top:0; margin-top:-2px; width:auto;}
#header .gnb .depth1 > ul:after{content: ""; position: absolute; left: 0; top: -2px; width: 100%; height:5px; background:var(--subcolor); transform: scaleX(0); transition: .3s;}
#header .gnb .depth1 > ul > .depth2 a{color:#444; border-top: 1px dotted #ddd;}
#header .gnb .depth1 > ul > .depth2 a:hover{background: #f5f5f5;}
#header .gnb .depth1:hover > ul:after{transform: scaleX(1);}
#header .btn_gnb{flex:50px; cursor: pointer; text-align: right;}
#header .btn_gnb .xi{font-size:2em; color:#fff;}
#header .gnb .depth1 .va_wrap {display:block; text-align:center; white-space:nowrap;}




.scroll #header,
#header:hover{background-color: #fff;}
.scroll #header .gnb .depth1 > a,
.scroll #header .btn_gnb .xi,
#header:hover .gnb .depth1 > a,
#header:hover .btn_gnb .xi{color:#222;}
.scroll #header .h_logo .logo_a,
#header:hover .h_logo .logo_a{display: none;}
.scroll #header .h_logo .logo_b,
#header:hover .h_logo .logo_b{display: block;}

.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{background:#111; color:#888; border-top:0; padding:45px 0 60px; font-size: 16px; margin-top:10em;}
#footer .f_logo{opacity:.5; margin-bottom: 20px;}
#footer .f_info > li{font-size:.938em; line-height: 1.7; margin-right: 15px; padding-right: 15px; position: relative;}
#footer .f_info > li:after{content:''; width:1px; height:12px; background:#3c3c3c; position: absolute; top: 8px; right:-1px;}
#footer .f_info > li .f_tt{display:inline-block; margin-right: 10px; font-weight: 700;}
#footer .f_info > li.copy{ text-transform: uppercase; color:#666; margin-top:20px;}
#footer .f_info > li:nth-child(4):after,
#footer .f_info > li:nth-child(7):after,
#footer .f_info > li.copy:after{display: none;}
#footer .f_qk_btn > li .in{margin-bottom:7px; color:#a9a9a9; font-size: .938em; width:188px; padding: 12px 20px; border:1px solid #666; border-radius: 50px;}
#footer .f_qk_btn > li .in:hover{background-color:#444; border-color:#444; color:#fff;}
#footer .f_qk_btn > li .in .icon{line-height: 1;}



/*메인*/
.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; transition-delay:1s}
.mainSlider .slogan{ position:absolute; left: 50%; top: 50%;  transform: translate(-50%, -50%);  color:#fff; text-align:center; }
.mainSlider .slogan .t1{ font-size: 3.75em; display:block;  font-weight: bold; letter-spacing: -2px; transform: translateY(1em); opacity: 0;}
.mainSlider .slogan .t101{font-size: 1.875em;  margin-top: 0.5em;  font-weight: 400; transform: translateY(1em); opacity: 0;}
.mainSlider .swiper-slide-active .slogan .t1{transform: translateY(0); opacity: 1; transition: .7s;}
.mainSlider .swiper-slide-active .slogan .t101{transform: translateY(0); opacity: 1; transition: .7s;}
.mainSlider .main_arr{position: absolute;  z-index: 10; display: flex; flex-wrap: wrap; flex-direction: row; justify-content: space-between; width: 1360px; max-width: 96%; left: 50%; top: 50%;  transform: translate(-50%, -50%); font-size: 6em; color: #fff;}
.mainSlider .main_arr .mainSlider-prev{cursor: pointer; opacity: .5;}
.mainSlider .main_arr .mainSlider-prev:hover{opacity: 1;}
.mainSlider .main_arr .mainSlider-next{cursor: pointer; opacity: .5;}
.mainSlider .main_arr .mainSlider-next:hover{opacity: 1;}
.mainSlider .swiper-pagination{bottom: 32%;}
.mainSlider .swiper-pagination .swiper-pagination-bullet{opacity: 1; margin: 1em; background: none; width: 1.5em; height: 1.5em; font-size: 1.3em; display: inline-block; border-radius: 0; color: #fff;}
.mainSlider .swiper-pagination-bullet.swiper-pagination-bullet-active{color: var(--subcolor); border-bottom: 3px solid var(--subcolor); }
.mainSlider .main_scroll{ position: absolute; left: 50%;  transform: translateX(-50%); bottom: 0px; z-index: 10; color: #fff;}
.mainSlider .main_scroll .mainSlide_scroll{ font-size: 1em;  display: inline-block;text-transform: uppercase;}
.mainSlider .main_scroll .mainSlide_scroll_bar{ width: 2px; height: 50px; background: rgba(255, 255, 255, 0.2); overflow: hidden; margin: 10px auto 0;}
.mainSlider .scroll_bar{ width: 100%; height: 18px; background: #fff; animation: box-ani 2s linear infinite backwards;}
/*.mainSlider .el.swiper-slide-active .bg{ transform:scale(1) rotate(.001deg); transition:2.5s; 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-prev{position: absolute; left: 2%; top: 45%; width: 40px; height: 74px;}
.mainSlider .mainSlider-prev::after{background-image:url("../img/main/prev_icon.png") no-repeat center / 100%; }
.mainSlider .mainSlider-next{position: absolute; left: 2%; top: 45%; width: 40px; height: 74px;}
.mainSlider .mainSlider-next::after{background-image:url("../img/main/next_icon.png") no-repeat center / 100%; }

*/
.scroll_wrap{position: absolute; bottom: 0; left:50%; transform: translateX(-50%); width:70px; z-index: 10;}
.scroll_wrap .mainSlide_scroll{  color: #fff; font-size: 0.813em; font-weight: 400; text-align: center;}
.scroll_wrap .mainSlide_scroll_bar{  width: 2px; height: 53px; background: rgba(255, 255, 255, 0.2); overflow: hidden; margin: 15px auto 0;}
.scroll_wrap .scroll_bar {width: 100%; height: 18px; background: #fff; animation: box-ani 2s linear infinite backwards;}


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

/* 메인 타이틀 공통 */
.main_title{margin-bottom: 20px; font-size: 3.25em; display: inline-block; position: relative;font-weight: bold;text-transform:uppercase;}
.main_title > p {position: relative; z-index: 2;}
.main_title::after{content: ""; display: inline-block; width: 22px; height: 22px; background: #ddd; position: absolute; right: -10px; top: 0px; z-index: 1;}

.section01_wrap{position: relative; overflow: hidden;}
.section01_wrap .section01_con{display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; margin-top: 140px;}
.section01_wrap .section01_con .section01_titlebox{display: inline-block; margin-top: 55px;}
.section01_wrap .section01_con .section01_s_title01{line-height: 2.123em; font-size: 1.2em;}
.section01_wrap .section01_con .section01_s_title02{line-height: 2.123em; font-size: 1.187em; color: #404040;}
.section01_con .section01_titlebox .more_btn .section01_more{  background-repeat: no-repeat; background-size: cover; background-position: center;  width: 110px;  height: 110px;  position: absolute;  margin-top: 13px; left: 30%; transform: translateX(-50%);animation: rs_scroll 15s infinite linear;}
.section01_con .section01_titlebox .more_btn .section01_more_arr{  background-repeat: no-repeat; background-size: cover; background-position: center;  width: 110px;  height: 110px;  position: absolute;  margin-top: 13px; left: 34%; transform: translateX(-50%);}
.section01_wrap .section01_con .section01_imgbox{display: flex; /*flex-direction: row; flex-wrap: wrap; */position: relative;}
/*.section01_wrap::after{content: "BEST PRODUCT BEST QUALITY BEST SERVICE"; display: inline-block; position: absolute; z-index: -1;  left: 0; color: #dfdfdf;     font-size: 10em; bottom: 0;  font-weight: 700;   width: 6000px; }*/
.section01_wrap .section01_con .section01_imgbox .section01_img01{width: 380px; height: 480px; margin-top: 88px; position: relative; z-index: 2; background-position: center; background-size: cover;}
.section01_wrap .section01_con .section01_imgbox .section01_img02{width: 380px; height: 480px; margin-left: 40px; background-position: center; background-size: cover;}

.main_tx_slide{ position: relative;top: -5.5em; overflow: hidden; height: 180px;line-height: 1.5;z-index: -1;}
.main_tx_slide .n_tx{width: 2900px; position: absolute; top:0; right: 0px; z-index: 10; font-size: 10em; letter-spacing: 0px; color: transparent; text-transform: uppercase;
 -webkit-text-stroke: 1px #888; font-weight: 800;}
@keyframes rs_scroll{
0%{-webkit-transform:rotate(0);transform:rotate(0)}
100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}
}


.section02_wrap{ background: #fbfbfb; margin-bottom: 8em; padding: 7em 0;}
.section02_wrap .section02_con{position: relative; text-align: center;}
.section02_wrap .section02_con .main_title::after{content: "";  display: inline-block; width: 22px; height: 22px; background:#ddd; position: absolute; right: -10px; top: 0px; z-index: 1;}
.section02_wrap .section02_con .section02_s_title02{line-height: 1.75em; font-size: 1.6em; font-weight: 500; color: #404040;}
.section02_wrap .section02_con .sec02_slo{position: absolute; bottom: 0; font-size: 18px; letter-spacing: 1.8px;}
.section02_wrap .sec02sd_co {margin-top: 3.4em; width: 100%;}
.section02_wrap .sec02sd_co .sec02_img{height: 450px; width: 100%; background-repeat: no-repeat; position: relative; display:block;}
.section02_wrap .sec02sd_co .sec02_img .img_text_box{position: absolute;  width: 100%; height: 125px; bottom: 0;  display: flex;  flex-direction: row; flex-wrap: wrap; justify-content: space-between;background: linear-gradient(0deg, rgb(0 0 0 / 50%), rgba(0,0,0,0));}
.section02_wrap .sec02sd_co .sec02_img .img_text_box .name_in{color: #fff; padding: 40px 25px 0px 25px; font-size: 22px;}
.section02_wrap .sec02sd_co .sec02_img .img_text_box .name_in .img_name::before{content: ""; display: inline-block;  background-color: #fff;  width: 35px;  height: 4px;  top: 20px;  position: absolute;}
.section02_wrap .sec02sd_co .sec02_img .img_text_box .plus_in{border-top: 2px solid #fff; border-left: 2px solid #fff; width: 125px; height: 125px; color: #fff; text-align: center;}
.section02_wrap .sec02sd_co .sec02_img .img_text_box .plus_in .plus_link{color: #fff; display: inline-block; width: 125px; height: 125px; padding-top: 48px;}
.section02_wrap .sec02sd_co .sec02_img .img_text_box .plus_in .xi.xi-plus-thin{font-size: 2em;}
.section02_wrap .sec02sd_co .sec02_img .img_text_box .plus_in:hover{background: var(--subcolor); border: none;}
/* 슬라이드 부분*/
.section02_wrap .sec02_Slider{ display: flex; flex-direction: column; flex-wrap: wrap;  position: relative;}
.sec02_arr{position: absolute; display: flex; top: 6.3em;  right: 2em;}
.sec02_arr .sec02_Slider-prev{width: 65px; height: 65px; background-repeat: no-repeat;  cursor: pointer; margin-right: 2em; background-position: center;background-size: cover; opacity:.3; transition:.3s;}
.sec02_arr .sec02_Slider-next{width: 65px; height: 65px; background-repeat: no-repeat;  cursor: pointer; background-position: center; background-size: cover;opacity:.3;  transition:.3s;}
.sec02_arr .sec02_Slider-prev:hover{opacity:.8}
.sec02_arr .sec02_Slider-next:hover{opacity:.8}
.sec02_Slider .swiper-pagination{bottom: 32%; bottom: 28%; width: 290px;  position: absolute; left: 14em;}
.sec02_Slider .swiper-pagination .swiper-pagination-bullet{opacity: 1; margin: 0.5em; background: none; width: 1.5em; height: 1.5em; font-size: 1.3em; display: inline-block; border-radius: 0; color: #000;}
.sec02_Slider .swiper-pagination-bullet.swiper-pagination-bullet-active{color: var(--subcolor); border-bottom: 3px solid var(--subcolor); }
.section02_wrap .in_bg{width:100%; height: 100%; position: absolute; top: 0; left: 0;background-repeat: no-repeat; background-position: center; background-size: cover;}






.section03_wrap{overflow: hidden;margin-top: 4em}
.section03_wrap .section03_con{margin-bottom: 150px;}
.section03_wrap .section03_con .section03_titlebox{text-align: center; position: relative;}
.section03_wrap .section03_con .section03_titlebox .add_sub_title{font-size: 1.7em; font-weight: 800;}
.section03_wrap .section03_con .section03_s_title03{line-height: 1.75em;font-size: 1.6em;font-weight: 500;color: #404040;}
.section03_wrap .section03_con .section03_listbox{margin-top: 40px; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center;}
.section03_listbox{margin-right: -35px;}
.section03_listbox li{width: 25%;}
.section03_listbox li .in{margin-right: 35px;}
.section03_listbox li .in .listbox_img{position: relative;}
.section03_listbox li .in .listbox_img::before{content: ""; display: inline-block; background-color: #ececec1a;/*rgba(44 44 44 / 22%);*/ position: absolute; width: 100%; height: 100%;}
.section03_listbox li .in .listbox_h3{margin-top:25px; font-weight: 600; font-size: 1.4em;}
.section03_listbox li .in .listbox_p{margin-top: 10px; color: #838383;}
.section03_wrap .section03_con .section03_titlebox .section03_more{position: absolute; right: 55px; top: 30%; transform: translateY(-30%);}


.main_map{ position: relative; margin-bottom: 12em; margin-top: 2em;}
.main_map .root_daum_roughmap{ width: 100% !important;}
.main_map .map_info{ box-sizing: border-box; padding: 2em .5em; background: #fff; box-shadow: 3px 3px 10px rgba(0,0,0,.2); text-align: center;}
.main_map .map_info > li{ width: 25%; border-right: 1px solid #ededed;}
.main_map .map_info > li:last-child{border-right: none}
.main_map .map_info > li .xi{ font-size: 1.25em; color: #fff; width: 2.2em; height: 2.2em; line-height: 2.2em; background: var(--maincolor); border-radius: 50%; margin-bottom: 5px;}
.main_map .map_info > li .t1{color: var(--maincolor); font-weight: 600; font-size: .938em;}
.main_map .map_info > li .t2{ color: #333; font-size: 1.069em; margin-top: 7px;}
.main_map .box1{ position: absolute; left: 50%; bottom: -5.5em; transform: translateX(-50%); z-index: 10;}
.root_daum_roughmap .wrap_controllers{display: none;}




.section04_wrap{width: 100%;  background-size: cover;}
.section04_wrap .wrap{padding: 75px 0 50px 140px; position: relative;}
.section04_wrap .wrap .section04_con .section04_titlebox .section04_m_title{font-size: 2.187em; color: #fff; display: inline-block; margin-bottom: 3px; font-weight: bold;}
.section04_wrap .wrap .section04_con .section04_titlebox .section04_s_title01{ font-size: 2.687em; margin-bottom: 35px; position: relative; z-index: 2; font-weight: bold; display: inline-block;}
.section04_wrap .wrap .section04_con .section04_titlebox .af_box{position: relative;}
.section04_wrap .wrap .section04_con .section04_titlebox .af_box::after{content: ""; display: inline-block; background-color: #ffd598; width: 369px; height: 28px; position: absolute; bottom:37px; left: 0; z-index: 1;}
.section04_wrap .wrap .section04_con .section04_titlebox .section04_s_title02{  font-size: 1.125em; letter-spacing: 1px; line-height: 31px;}
.section04_wrap .wrap .section04_con .section04_img01{    position: absolute;
    top: 80px;
    right: 260px;}
.section04_wrap .wrap .section04_con .section04_img02{    position: absolute;
    left: -55px;
    top: 120px;}
.section04_wrap .wrap .section04_con .section04_img03{    position: absolute;
    top: 75px;
    right: 475px;}
.section04_wrap .wrap .section04_con .section04_img04{    position: absolute;
    top: 64px;
    right: 55px;}


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

/*공통*/
.page_tt{ font-size: 1.625em; margin-bottom: .5em; margin-top: 2.5em; color: #222;}
.sub_tbox{ margin-bottom:60px;}
.sub_tbox .in_tt{font-size:1.325em; color:#06377a; position: relative; padding-top:14px; margin-bottom: 25px;}
.sub_tbox .in_tt:before{content:''; display: block; width:32px; height: 3px; position: absolute; top: 0; left: 0; background-color:#06377a; }
.sub_tbox .in_md {color:#888;font-size:1rem;margin-bottom:10px}
.sub_tbox .in_imd {border:1px solid #dbdbdb}
.in_tw{line-height: 1.6; color:#2e2e2e;}
.in_tw > li{ position: relative; padding-left:10px; text-align: left; margin-bottom: 3px;}
.in_tw > li:before{content:''; width:3px; height: 3px; border-radius: 50%; background-color: #323232; position: absolute; top: 10px; left: 0;}
.in_timg {margin-right:-20px; margin-top:30px;}
.in_timg > li{flex:25%;}
.in_timg > li .in{margin-right:20px; border:1px solid #ddd; padding: 15px;}
.in_timg > li .in .resize{padding-bottom:80%;}

.table_st{table-layout:fixed; margin-bottom:10px;}
.table_st th,
.table_st td{ padding:1em 1em; border:1px solid #ddd}
.table_st td{ color:#363636;}
.table_st .bg_01{ background:#06377a; color:#fff;}
.table_st .bg_02{ background:#a0a0a0; color:#fff;}
.table_st .bg_03{ background:#f6f9ff;}
.table_st .bg_04{ background:#f7f7f7;}
.fix_info{display:none;}

.wrap_idx{ overflow:hidden}
.con_idx{ position:relative}
.con_idx > .idx{ position:absolute; left:0; top:0; width:100%; visibility:hidden;filter:alpha(opacity=0);opacity:0;}
.con_idx > .idx.on{ position:relative; visibility: visible; filter:alpha(opacity=100);opacity:1;}

.wrap_idx2{ overflow:hidden}
.con_idx2{ position:relative}
.con_idx2 > .idx2{ position:absolute; left:0; top:0; width:100%; visibility:hidden;filter:alpha(opacity=0);opacity:0; z-index: -1}
.con_idx2 > .idx2.on{ position:relative; visibility: visible; filter:alpha(opacity=100);opacity:1; z-index: 1;}

.tab_wrap{width:60%; margin: 0 auto;}
.tab_idx{ margin:-10px 0 5em -5px;}
.tab_idx > li{flex:1 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:#333; border-color:#e5840c}
.tab_idx > li.on > a{ box-shadow:0 0 1em .125em rgba(0,0,0,.1); color:#ffffff; border-color:#e5840c; background-color:#ffa500;}

.in_stab{margin-bottom:3.5em; position: relative;}
.in_stab:after{content:''; width:100%; height: 1px; background: #ddd; position: absolute; bottom: 2px; left: 0; z-index: -1;}
.in_stab > li a{font-size:1.125em; margin: 0 25px;  padding: 8px 38px 8px 15px; color:#777; position: relative; border-bottom:4px solid #ddd;}
.in_stab > li.on a{border-bottom:4px solid #06377a; color:#06377a;}
.in_stab > li a:before{content: '\e936'; font-family: 'xeicon'; position: absolute; top: 7px; right: 20px;}


/*개인정보처리방침*/
.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_bg_img{background: url("../img/sub/intro.png"); box-sizing: border-box; padding: 9em 1em;background-repeat: no-repeat; background-position: center; background-size: cover;}
.intro_text_box{background: rgba(255,255,255,90%); text-align: left; padding: 7em; box-shadow: 6px 6px 15px 0px rgb(44 44 44 / 60%);}
.intro_text_box .intro_text{font-size: 1.125em; line-height: 1.5em;	margin-bottom: 20px;}
.intro_text_box .intro_text_01{font-size: 2em; margin-bottom: 40px; font-weight: bold;}
.intro_text_box .intro_text_01 span {color: var(--maincolor);}
.intro_text_box .intro_text_06{margin-top: 15px; display: inline-block; margin-bottom: 0;}
.intro_text_box .ceo span{margin-left: 20px; font-size:1.5em; font-family: 'BookkMyungjo-Bd';}

/* 경영이념 및 비전 */
.vis_wrap .vis_cont{margin-top:6em;}
.vis_wrap .vis_cont .txt_box{margin-bottom:2em;}
.vis_wrap .vis_cont .txt_box .ti{margin-bottom:0em}
.vis_wrap .vis_cont .vis_list{ margin: auto;}
.vis_wrap .vis_cont .vis_list > li{}
.vis_wrap .vis_cont .vis_list > li .in{margin-bottom:4em}
.vis_wrap .vis_cont .vis_list > li .in > div {width:50%}
.vis_wrap .vis_cont .vis_list > li .in .img_box{height: 350px;}
.vis_wrap .vis_cont .vis_list > li .in .img_box .img_it{height: 350px; margin-right:4em;}
.vis_wrap .vis_cont .vis_list > li .in .ti{font-size:2.18em;color:#333; line-height: 1.6; font-weight: 700}
.vis_wrap .vis_cont .vis_list > li .in .tt{font-size:20px;color:var(--maincolor); font-weight: 400;margin-left:10px;}
.vis_wrap .vis_cont .vis_list > li .in .tx{font-size:18px;color:#666;}
.tit_box{text-align: center;}
.tit_box .t1{font-size: 1.25em; line-height: 1.6;color: var(--maincolor)}
.tit_box .t2{font-size: 1.875em; font-weight: 700;}



/******history******/
.history_wrap {border-top: 1px solid #ccc; padding: 30px 0;}
.history_wrap .mySwiper {overflow: hidden; margin-top: 22px;}
.history_wrap .swiper-slide{display: flex; margin-top: 4em; justify-content: space-around; }
.history_wrap .wrap .his_li{display: none;}
.history_wrap .swiper-slide-active .his_li{display: block;}
.sd_in_l{line-height: 2.5em; font-size: 40px; font-weight: bold;}	
.history_wrap .wrap	 .sd_in{ margin-left: 2em;}
.history_wrap .wrap .sd_in_l01{margin-top: 1.2em;}
.history_wrap .swiper-pagination{ top: -1em; text-align: initial; height: 40px; width: 85%; left: 50%; transform: translateX(-50%);}
.history_wrap .swiper-pagination-bullet{width: 150px;  height: 40px; background-color: #fff;  position: relative; font-size: 28px; display: inline-block;  width: 25%; border-radius: 0; margin: 0; opacity: 1;}
.history_wrap .swiper-pagination-bullet:before{font-size: 30px; width: 100%;  text-align: initial;  border-radius: 0; border-bottom: 10px solid #aaa; display: block; font-weight: bold; padding-bottom: 0.4em;}
.history_wrap .swiper-pagination-bullet.swiper-pagination-bullet-active:before{border-bottom: 10px solid var(--subcolor); }
.history_wrap .swiper-pagination-bullet:nth-child(1):before{content:'2020 ~ 2023';}
.history_wrap .swiper-pagination-bullet:nth-child(2):before{content:'2010 ~ 2019';}
.history_wrap .swiper-pagination-bullet:nth-child(3):before{content:'2000 ~ 2009';}
.history_wrap .swiper-pagination-bullet:nth-child(4):before{content:'1995 ~ 1999';}
.wrap.sec02_Slider.swiper.mySwiper{overflow: hidden;}
.his_in{display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start;}
.history_wrap .wrap .his_li{margin-top: 0.6em;}
.history_wrap .wrap .his_year{font-size: 25px; font-weight: bold; line-height: 2.5em;}
.history_wrap .wrap .his_text{margin-left: 18px; font-size: 18px; line-height: 1.5em; margin-top: 18px;}



.his_Slider-next .xi.xi-angle-right-thin{position: absolute; cursor: pointer; top: 15px;  right: 0; z-index: 10; transform: translateY(-50%); font-size: 50px; color: gray;}
.his_Slider-prev .xi.xi-angle-left-thin{position: absolute; cursor: pointer; top: 15px;  left: 0; z-index: 10; transform: translateY(-50%); font-size: 50px; color: gray;}


/*연혁*/
.history_wrap {border-top: 1px solid #ccc; padding: 30px 0;}
.history_wrap .wrap .h_box {position: relative; width: 80%; margin: 0 auto;}
.history_wrap .wrap .h_box:after{ content:''; display:block; clear:both; }
.history_wrap .wrap .h_box .imgbox {float: left; width: 260px; height: 165px; border-radius: 10px; margin-right: 120px; overflow: hidden;}
.history_wrap .wrap .h_box .imgbox::after {content: "";display: block;width: 1px;height: 100%; background-color: #ccc; position: absolute;left: 325px;top: -30px;}
.history_wrap .wrap .h_box .h_img1 {background: url("../theme/response/img/sub/history_01.jpg") no-repeat 100%/cover;}
.history_wrap .wrap .h_box .h_img2 {background: url("../theme/response/img/sub/history_02.jpg") no-repeat 100%/cover;}
.history_wrap .wrap .h_box .h_img3 {background: url("../theme/response/img/sub/giup_bg.png") no-repeat 100%/cover;}
.history_wrap .wrap .h_box .h_img4 {background: url("../theme/response/img/sub/history_bg.png") no-repeat 100%/cover;}
.history_wrap .wrap .h_box .historybox {float: left; width: 60%;padding: 25px 0;border-bottom: 1px dotted #ccc;}
.history_wrap .wrap .h_box:last-child .historybox {	border-bottom: none;}
.history_wrap .wrap .h_box .historybox .year {font-size: 2em; font-weight: 600;line-height: 2;letter-spacing: -1px; text-indent: 16px; position: relative;}
.history_wrap .wrap .h_box .historybox .year::after {content: "";display: block; background-color: #ffa500;	width: 10px;height: 10px; border-radius: 50%; position: absolute; left: -60px; top: calc(50% - 5px);z-index: 1;}
.history_wrap .wrap .h_box .historybox ul li {text-indent: 20px; line-height: 2; position: relative;}
.history_wrap .wrap .h_box .historybox .his_year{float: left; width: 10%; font-weight: bold;}
.history_wrap .wrap .h_box .historybox .his_text{float: left; width: calc(100% - 90px);}


/*오시는길*/
.map_view{ border-top:3px solid var(--maincolor); box-shadow:0 .25em .5em rgba(0,0,0,.2); transition:.3s; padding:1em; border-radius:0 0 1em 1em}
.map_view .tt {padding-bottom:10px; font-size:1.125em; color:#222; letter-spacing:-2px; vertical-align:middle;}
.map_view .xi {vertical-align:middle; font-size:1.125em; padding-right:5px;}
.map_view .map_in{margin-right:-20px;}
.map_view .map_in > li{width:50%;}
.map_view .map_in > li .in{margin-right: 20px;}
.map_view .map_in > li .in .map_bg{width:100%; height: 472px; background: url(../img/map_bg.jpg) no-repeat center; background-size: cover;}
.location_box .map_tw{padding-bottom: 1em;font-size: 1.5em;}
.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;text-align: center;}
.location_box{ margin: 0 auto; padding: 0 1em;}
.location_box .info_list{margin-top:1em;}
.location_box .info_list > li { overflow:hidden; padding:2.5em 1em; border-bottom:1px solid #ddd}
.location_box .info_list > li h3 { float:left; color:#222; font-size:1.375em; font-weight:500; position: relative; padding-top:7px;}
.location_box .info_list > li h3:before{content:''; width:25px; height: 2px; background: var(--maincolor); position: absolute; top:0; left: 0;}
.location_box .info_list > li h3 .xi { font-size:1.125em; margin-right: 5px;}
.location_box .info_list > li .info { margin:0 0 0 240px;}
.location_box .info_list > li .info .in_list{background: #f9f9f9; border: 1px solid #ddd; padding: 1.5em;}
.location_box .info_list > li .info .in_list > li{ color: #333; margin-bottom: 10px; font-size: 1.123em;}
.location_box .info_list > li .info .in_list > li:last-child{margin-bottom:0;}
.location_box .info_list > li .info .in_list > li:before{content:'-'; margin-right:5px;}


/*주요사업*/
.bus_top{}
.bus_top .b_box{width:calc(100% - 586px); padding-right:80px; box-sizing: border-box;}
.bus_top .bus_swiper{ position:relative; width:586px; height: 395px;}
.bus_top .bus_swiper .swiper-container{ width:100%; height: 100%;}
.bus_top .bus_swiper .img_z{ width:100%; height: 100%;}
.bus_top .bus_swiper .bus_control{ position:absolute; top: 50%; transform: translateY(-50%); left: 0; width:100%; z-index: 10;}
.bus_top .bus_swiper .bus_control .bus_btn{width:64px; height: 64px; line-height: 64px; background:rgba(0,0,0,.4); color:#fff; text-align: center; font-size:1.375em; cursor: pointer;}
.bus_step{margin-right:-50px;}
.bus_step > li{width:20%;}
.bus_step > li .in{text-align: center; border: 1px solid #ddd; box-sizing: border-box; padding: 1em 1em; margin-right:50px; height: 172px; font-size:1.125em; position: relative;}
.bus_step > li .in:after{content:'\e93e'; font-family: 'xeicon'; width:50px; text-align: center; position: absolute; top: 50%; right: -50px; transform: translateY(-50%); color:#666;}
.bus_step > li .in .stw{font-size:.813em; color:#666; margin-top:2px; flex:100%;}
.bus_step > li.box_two .in{margin-bottom:7px; height: auto;}
.bus_step > li.on .in{background-color: #06377a; border-color:#06377a; color:#fff;}
.bus_step > li.on .in:after{display:none;}

.table_ms{color:#999; font-size: .938em; text-align: right; margin-top: -25px; margin-bottom:5px;}
.info_box{color:#444;}
.page_sec3{margin-top:3em;}
.box_line{border-top:1px dashed #bbb; margin: 80px 0;}

/*문의하기*/
.board_st.write{ border-top:1px solid #0b4790}
.board_st.write th,
.board_st.write td{ height:3em; padding:1em 1.5em}
.board_st.write th{ border-right:1px solid #ddd; font-size:1.125em; text-align:left; word-break: keep-all;}

.board_st{ table-layout:fixed; font-size:.938em; margin-bottom:-2px}
.board_st th,
.board_st td{ padding:1em; border-bottom:1px solid #ddd}
.board_st th{ color:#333; font-weight: 500}
.board_st td{ color:#666}
.board_st a{ color:#111}

.w_form_tit{ width:15em}
.w_form_tit2{ width:25em}
.w_form_tit3{ width:5em}
.w_form_tit4{ width:10em}
.w_auto{ width:auto}
.w100{ width:100% !important;}    

.input_st.w1{ width:200px}
.input_st.w2{ width:90px}
.input_st.w3{ width:500px}
.input_st.w100{ width:100%}

.ess{ font-size:1em; color:#ed3030; display:inline-block; margin-top:-.5em; margin-right: 3px;}
.xi.ess:before{content:"*"}

.agree_box{ border:1px solid #ddd; background:#f9f9f9; border-radius:5px}
.agree_box:after{ display:block; clear:both; content:'';}
.agree_box .con{ padding:2em; color:#333; font-size: .938em;}
.agree_box .con.scrollst{ height:13em; overflow-y:scroll; border:1px solid #ededed; margin:1em; background:#fff;}
.agree_box .btn{ border-top:1px solid #ddd; background:#f5f5f5; padding:.5em 2em; text-align:right; font-size:.813em}
.agree_box .btn label{ margin-left:2em}
.agree_box .con.page_prv{ border:1px solid #ededed; margin:1em; background:#fff; font-size:.938em;}
.cont_check{ color:#777; margin-top:7px;}
.cont_check .xi{ font-size: 1.5em;}

.label_st{ display:inline-block; *display:inline; zoom:1; cursor:pointer}
.label_st > *{ display:inline-block; *display:inline; zoom:1; vertical-align:middle; cursor:pointer;}
.label_st:not(.cssbrowser) .xi:before{ font-family:xeicon!important; font-style:normal; font-size:1.25em; padding-right:.25em}
.label_st:not(.cssbrowser) input ~ span{ color:#666}
.label_st:not(.cssbrowser) input ~ .xi:before{ color:#aaa}
.label_st:not(.cssbrowser) input:checked ~ span{ color:#333}
.label_st:not(.cssbrowser) input:checked ~ .xi:before{ color:#0b4790}
.label_st:not(.cssbrowser) input[type=checkbox] ~ .xi:before{ content:"\e9c6"}
.label_st:not(.cssbrowser) input[type=checkbox]:checked ~ .xi:before{ content:"\e92b"}
.label_st:not(.cssbrowser) input[type=radio] ~ .xi:before{ content:"\e9c6"}
.label_st:not(.cssbrowser) input[type=radio]:checked ~ .xi:before{ content:"\e9c7"}
.label_st:not(.cssbrowser) input[type=checkbox],
.label_st:not(.cssbrowser) input[type=radio]{ width:0; height:0; overflow:hidden;}

input.input_st{display:inline-block; *display:inline; zoom:1; vertical-align:middle; border:1px solid #ddd; color:#666; padding:.5em 1em;  box-sizing:border-box; line-height:2em; height:3em;}
.input_st{display:inline-block; *display:inline; zoom:1; vertical-align:middle; border:1px solid #ddd; color:#666; padding:.5em 1em;  box-sizing:border-box; line-height:2em; height:3em;}
input[type=text].input_st,
input[type=password].input_st,
input[type=tel].input_st{ }
input[type=file].input_st{ background:none; border:none; padding:0}
textarea.input_st{ padding:1em; width:100%; height:8em; line-height:1.2}
textarea.input_st.ht1{ height:12em !important;}

input[type=button]:not([readonly=readonly]).input_st:hover,
input[type=submit]:not([readonly=readonly]).input_st:hover,
button:not([readonly=readonly]).input_st:hover,
a.input_st:hover{ opacity:.7; transition:.3s}

.input_st .xi{ margin:0 .125em}

.input_st:hover,
.input_st:focus{ border-color:#666; color:#111}
.label_select .input_st:hover,
.label_select .input_st:focus{ background:none}
.input_st[disabled=disabled]:not([type=button]),
.input_st[readonly=readonly]:not([type=button]){ cursor:default; background:#f5f5f5; border-color:#ddd !important; color:#666}

select.input_st:hover,
select.input_st:focus{ color:#666}
.label_select{ position:relative; background:#fff; display:inline-block; *display:inline; zoom:1; margin-bottom: 0; font-weight: 400}
.label_select select{ background:none; padding-right:3em !important; appearance:none;-webkit-appearance:none; position:relative; z-index:1}
.label_select select::-ms-expand{display:none;}
.label_select:after{ content:"\e942"; font-family:xeicon!important; position:absolute; z-index:0; right:0; top:50%; margin-top:-.5em; width:3em; text-align:center}

.input_st .xi{ font-size:1.5em}
.input_sec{ display:inline-block; *display:inline; zoom:1; width:1.25em; text-align:center; vertical-align:middle}

.board_btn_wrap {margin-top:3em;}
.board_btn_wrap .input_st{ border-radius:4px;}
.board_btn_wrap .tt {font-size:.875em; padding-left:3px;}
.board_btn_wrap .input_st.s1{ /*height:3.25em;*/ padding:.5em 1.5em; font-size:1.125em; background-color: #333; color:#fff;}
.board_btn_wrap .input_st.s1 .xi{margin-right:5px;}


/*게시판 스킨 수정*/
#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;}