@charset "utf-8";


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

:root{
	--mainColor: #162659;
	--subColor: #2644a5;
	--fs_01: "Montserrat", sans-serif;
	--fs_02: 'Sonpyeonji';

}
@font-face {
    font-family: 'Sonpyeonji';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/naverfont_05@1.0/Handletter.woff') format('woff');
    font-weight: normal;
    font-display: swap;
}
 
/*header*/
#header{z-index: 200; position: fixed; top: 0; left: 0; width:100%; background-color:#fff;}
#header .va_wrap,
#header .h_wrap{height:var(--header_H);}
#header #logo{z-index:800;}
#header #logo img{display:block;}
#header .gnb_wrap{margin:0 auto;}
#header .gnb_wrap .gnb .depth1{margin:0 40px; position: relative;}
#header .gnb_wrap .gnb .depth1 > a{font-size: 1.125em; line-height: inherit; font-weight:500; 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; height: 30px; position: relative; z-index: 10000; margin-left:25px;}
#header .btn_gnb .bar_i{width:30px; height: 2px; background:#666; margin:8px 0; display: block; transition:.3s;}
#header .btn_gnb .bar_i.n_02{width:21px;background: #111; margin-left:auto;}
#header .btn_gnb:hover .bar_i.n_02{width:30px;}

.pc_all_menu .gnb_all > li.depth1 > a.dp1{width: 400px; font-size: 2.5em; font-weight: 600; line-height: inherit; position: relative;}
.pc_all_menu .gnb_all > li.depth1 .dp2_menu > li a:after{height: 6px;}

#header .btn_gnb.on .bar_i{background: #333;}
#header .btn_gnb.on .bar_i.n_02{display:none;}
#header .btn_gnb.on .bar_i:nth-child(1){position: absolute; top: 25%; left: 0; transform:translateY(-50%) rotate(45deg)}
#header .btn_gnb.on .bar_i:nth-child(3){position: absolute; top: 25%; right: 0; transform:translateY(-50%) rotate(-45deg)}


/*스크롤 header*/
.scroll #header{border-bottom:1px solid #ddd;}


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

/*footer*/
#footer{background-color:#050505; padding:60px 0 35px; margin-top:8em;}
#footer .f_logo{margin-top: 12px; margin-right: 125px;}
#footer .f_info > li{color:#999; margin-top: 12px; margin-right:40px; font-size:.937em; position: relative;}
#footer .f_info > li:before{content: ''; display: block; width: 1px; height: 15px; background: #999; position: absolute; top: 4px; right: -20px;}
#footer .f_info > li:nth-child(2):before,
#footer .f_info > li:nth-child(4):before,
#footer .f_info > li:last-child:before{display: none;}
#footer .f_pv_right{margin-left: auto;}
#footer .f_link{}
#footer .f_link .f_link_btn{display: block; width:150px; font-size: .937em; font-weight: 400; color:#999; text-align: center; padding:10px 20px; cursor: pointer; border:1px solid #666; margin-bottom: 4px; transition: .3s;}
#footer .f_link .f_link_btn:hover{border-color: #999; color: #ddd;}
#footer .f_copy{font-size:.875em; color:#555; text-transform: uppercase; margin-top:60px; letter-spacing: .5px; font-weight: 300;}


/*서브 비주얼*/
.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-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);}

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

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

/*컨텐츠 타이틀*/
.container_title{font-weight: 400; font-size: 2.125em; padding-top: 35px; margin: 55px 0; text-align: center; position: relative;}
.container_title:before{content:''; width:0; height: 3px; visibility: hidden; transition: .8s; transition-timing-function: ease-in-out; transform: scaleY(0); transform-origin: left top; background: #222; position: absolute; top: 15px; left: 50%;}
.load .container_title:before{transform: translateX(-50%); width: 50px; visibility: visible;} 

/*개인정보&이용약관*/
.agree_box{ border:1px solid #ddd; background:#f9f9f9; border-radius:5px}
.agree_box .in_con{  padding:2em; border:1px solid #ededed; margin:1em; background:#fff;}
.agree_box .in_con .agree_wrap{ font-size: .938em;}
.agree_box .in_con .agree_wrap span{ display: block;}


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

/*메인 비주얼*/
.mainSlider{position:relative; margin-top: 80px;}
.mainSlider .el{ height: 800px; 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:43%; left:50%; transform: translate(-50%, -50%); color:#fff;}
.mainSlider .slogan .t1{ font-size:3.625em; display:block; transform:translateY(1em); font-weight: 700; opacity:0; margin-bottom: 5px; line-height: 1.4; width: 50%; font-family: var(--fs_01);}
.mainSlider .slogan .t2{ font-size:1.75em; font-weight: 500; transform:translateY(1em); opacity:0; line-height: 1.5; margin-top:40px;}
.mainSlider .slogan .t3{ font-size:1.1875em; font-weight: 400; transform:translateY(1em); opacity:0; line-height: 1.5; margin-top:10px;}
.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 .main_control{position: absolute; left:50%; bottom:40px; transform: translateX(-50%); z-index: 100;} 
.mainSlider .main_control .mainSlider-pagination{width: 400px; height: 4px; background: rgba(255, 255, 255, .3); margin-left: 25px; position: relative; }
.mainSlider .main_control .mainSlider-pagination .swiper-pagination-progressbar-fill{background: #fff;}
.mainSlider .main_control .btn_st{font-size: 1.125em; color: #fff; text-align: center; width: 50px; height: 50px; line-height: 50px; border: 1px solid #fff; border-radius: 50%; margin-right: 8px; cursor: pointer; transition: .3s;}
.mainSlider .main_control .btn_st:hover{background: #fff; color: var(--mainColor)}
.scroll_wrap{position: absolute; bottom: 40px; left:0;width:100%; z-index: 10;} 
.scroll_wrap .mainSlide_scroll{text-align: right;}


/*메인 공통 css*/
.main_section{padding:7em 0;}
.main_tit{ margin-bottom: 50px;}
.main_tit .in_en{ font-size:.937em; font-weight: 600; color: var(--mainColor); text-transform: uppercase; margin-bottom: 35px; display: inline-block; position: relative;}
.main_tit .in_en:before{content: ''; display: block; width: 100%; height: 3px; background: var(--mainColor); position: absolute; top: -14px; left: 0;}
.main_tit .in_tt{ font-size:2.8125em; color:#111; line-height: 1.3;}
.main_tit .in_tx{font-size: 1.0625em; color: #666; margin-top: 20px;}
.main_more{}
.main_more a{display: inline-block; padding:11px 27px; border:1px solid #ccc;  font-size:1em; font-weight: 500; color:#888; border-radius: 50px; transition: .3s;}
.main_more a .xi{font-size: 1.125em; color: #333; transform: rotate(-45deg); margin-left: 35px; transition:.3s;}
.main_more a:hover{border-color:var(--mainColor); background-color:var(--mainColor); color:#fff;}
.main_more a:hover .xi{color: #fff; transform: rotate(0);}
/*타이틀 흰색*/
.main_tit.st .in_en, 
.main_tit.st .in_tt{color:#fff;}
.main_tit.st .in_en:before{background: #fff;}
.main_tit.st .in_tx{color: #fff; opacity: .9;}
/*슬라이드 arr*/
.arr_st .in_btn{font-size: 1.875em; color: #ddd; transition: .3s; cursor: pointer;}
.arr_st .in_btn:hover{color: #666;}
.page_st{width: 110px!important; text-align: center; font-size: 1.25em; font-weight: 500; color: #ddd;}
.page_st .swiper-pagination-current{color: #666;}
 

/*main_company*/
.main_company{padding: 140px 0 80px; overflow:hidden;}  
.main_company .main_tit{margin-bottom: 70px;}
.main_company .comSlider{position:relative; height: 563px;}
.main_company .comSlider .slick-list{overflow:visible!important;}
.main_company .comSlider .in{display:block;text-align:center; margin: 0 15px;}
.main_company .comSlider .img_box{height:300px; position: relative; transition: .3s;}
.main_company .comSlider .img_z{width:100%; height: 100%; filter: saturate(0%); opacity: .8;}
.main_company .comSlider .img_z:before{content: ''; display: block; width: 100%; height: 100%; background: rgba(0,0,0,.3);}
.main_company .comSlider .tit{font-size:1.25em; font-weight:600; color:#aaa; margin-top: 20px; transition:.4s;}
.main_company .comSlider .slick-slide{padding:70px 0 50px;}  
.main_company .comSlider .slick-center .slick-slide{padding:0; position: relative; z-index: 100;}
.main_company .comSlider .slick-center .img_box{height: 317px; transform: scale(1.42); z-index: 100; position: relative;}
.main_company .comSlider .slick-center .img_box .img_z{box-shadow: 0 5px 10px rgba(0,0,0,.1); filter: saturate(100%); background-position: center top; opacity: 1;}
.main_company .comSlider .slick-center .img_box .img_z:before{display: none;}
.main_company .comSlider .slick-center .tit{font-size: 1.5em; color:#222; margin-top:90px;}
.main_company .com_control{width: 100%;}
.main_company .com_control .cus_pagen .current{color:#666;}


/*main_business*/
.main_business{padding: 120px 0 145px; position: relative;}
.main_business:before{content: ''; display: block; width: 100%; height: 697px; background: #f5f5f5; position: absolute; top: 0; left: 0;}
.main_business .main_tit{width: 50%; position: relative; z-index: 10;}
.main_business .main_more{position: relative; z-index: 10;}
.main_business .busSlider{height: 670px; margin-top: -230px;}
.main_business .busSlider .swiper-container{width: 100%; height:600px;}
.main_business .busSlider .swiper-wrapper{align-items:flex-end;height:100%;}
.main_business .busSlider .swiper-slide{width:360px;height:100%;display:flex;align-items:flex-end;}
.main_business .busSlider .swiper-slide.s3{width:600px;}
.main_business .busSlider .swiper-slide.s3 .img_box{width:600px;height:600px;}
.main_business .busSlider .in{width:100%; height:100%; display:flex; align-items:flex-end; position:relative; overflow:hidden;}
.main_business .busSlider .img_box{width:360px; height:360px; margin-top:auto; transition:.3s; background: #ddd; position:relative; overflow:hidden;}
.main_business .busSlider .img_box:before{content: ''; display: block; width: 100%; height: 100%; background: rgba(0,0,0,.5); position: absolute; top: 0; left: 0; opacity: 0; transition: .3s;}
.main_business .busSlider .img_box:hover:before{opacity: 1;}
.main_business .busSlider .img_box .img_z{width: 100%; height: 100%;}
.main_business .busSlider .txt_box{position:absolute; left:0; bottom:0; width:100%; padding:30px; z-index:2;}
.main_business .busSlider .tit{font-size:1.25em; color:#fff; font-weight:600; line-height: 1;}
.main_business .hover_icon{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:100px; height:100px; border:1px solid #fff; border-radius:50%; font-size: 1.875em; color:#fff; opacity:0; transition:.3s; z-index:2;}
.main_business .hover_icon .xi{transform: rotate(-45deg);}
.main_business .busSlider .in:hover .hover_icon{opacity:1;}
.main_business .bus_control{margin-bottom:20px;}



/*main_overview*/
.main_overview{padding: 155px 0;}
.main_overview .over_con{width: 94%; margin: 90px auto 0;}
.main_overview .over_con > li{width: 33.33%; position: relative;}
.main_overview .over_con > li:before{content: ''; display: block; width: 1px; height: 90px; background: #fff; opacity: .8; position: absolute; top:50%; right: 0; transform: translateY(-50%);}
.main_overview .over_con > li:last-child:before{display: none;}
.main_overview .over_con > li .in{text-align: center; color: #fff;}
.main_overview .over_con > li .in .icon{margin-bottom: 15px;}
.main_overview .over_con > li .in .ti{font-size: 1.0625em; font-weight: 300; margin-bottom: 25px;}
.main_overview .over_con > li .in .tt{font-size: 1.375em; font-weight: 500;}
.main_overview .over_con > li .in .tt span{font-size: 2em;}

/*main_news*/
.main_news{padding: 170px 0 185px;}
.main_news .news_con{}
.main_news .news_con .left_box{width: 43%;}
.main_news .news_con .right_box{width: 57%; padding-top: 50px;}

/*main_inquiry*/
.mian_inquiry{padding: 135px 0 130px;}
.mian_inquiry .main_more a{color: #fff; border-color: #ccc;}
.mian_inquiry .main_more a .xi{color: #fff;}
.mian_inquiry .main_more a:hover{border-color: var(--mainColor);}


/**/
.dot_list{padding: 0; margin: 0; text-align: left;}
.dot_list > li{line-height: 2; font-size: 1em; color: #222; position: relative; padding-left: 10px;}
.dot_list > li:before{content: ''; display: block; width: 3px; height: 3px; background: var(--subColor); border-radius: 50%; position: absolute; top: 14px; left: 0;}
.table_st{table-layout:fixed; border-top: 0 solid var(--mainColor); background: #fff; margin-bottom: 10px;}
.table_st th, 
.table_st td{padding: .7em 1em; border: 1px solid #ddd; text-align: center; line-height: 1.6;}
.table_st th{color:#222; background-color:#f9f9f9; font-size:1em; font-weight: 500;}
.table_st td{color:#333;}
.table_st .co_1{background: #f9f9f9;}
.table_st .co_2{background: var(--mainColor); color: #fff;}
.table_info{display: none;}

.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.125em; font-weight: 400; line-height: 1.6;}
.page_stx{font-size:1.0625em; font-weight: 400; line-height: 1.6;}


/*인사말*/
.com_wrap{}
.com_wrap .img_box{margin-bottom: 3.5em; }
.com_wrap .img_box .img_z{width: 100%; height: 400px; border-radius: var(--item_r);}
.com_wrap .txt_box{}
.com_wrap .txt_box .tit{width: 50%; padding-right: 3em;}
.com_wrap .txt_box .ti{font-size: 2.25em; line-height: 1.4; color: #333; margin-bottom: 20px;}
.com_wrap .txt_box .txt_z{width: 50%; padding-left: 5em;}
.com_wrap .txt_box .txt_z .page_tx{color: #333; margin-bottom: 20px;}
.com_wrap .txt_box .txt_z .page_tx .ceo{font-family: var(--fs_02); font-size: 2.5em; font-weight: 400; margin-left: 10px;}


/*연혁*/
.his_04_01 .img_box .img_z{width: 100%; height: 400px; border-radius: var(--item_r);}
.his_04_01 .history_wrap{ position:relative; overflow:hidden; padding:2em 0; border-bottom: 1px solid #ddd;}
.his_04_01 .history_wrap:before,
.his_04_01 .history_wrap .lineAni{ content:""; position:absolute; left:30%; top:0; width:2px; height:100%; background:#ddd}
.his_04_01 .history_wrap .lineAni{ height:0; background:var(--mainColor); transition:.3s}
.his_04_01 .history_wrap .lineAni:before{content: ''; display: block; width: 15px; height: 15px; border-radius: 50%; background: var(--mainColor); position: absolute; bottom: 0; left: 50%; transform: translateX(-50%);}
.his_04_01 .history_wrap .lineAni:after{content: ''; display: block; width: 7px; height: 7px; border-radius: 50%; background: #fff; position: absolute; bottom: 4px; left: 50%; transform: translateX(-50%);}	
.his_04_01 .history_wrap:after{ top:auto; bottom:0}
.his_04_01 .history_wrap .history > li{ margin-top:2em; border-bottom: 1px solid #ddd; padding-bottom: 3em;}
.his_04_01 .history_wrap .history > li:first-child{ margin-top:0}
.his_04_01 .history_wrap .history > li:last-child{border-bottom:0;}
.his_04_01 .history_wrap .history > li .year_tt{font-size:2em; font-weight:500; margin-bottom: .5em;}
.his_04_01 .history_wrap .history > li .year_tt .wrap_in{ position:relative; overflow:hidden;}
.his_04_01 .history_wrap .history > li .list{ width:65%; margin-top:1em}
.his_04_01 .history_wrap .history > li .list > li{ margin-top:.5em}
.his_04_01 .history_wrap .history > li .list > li:first-child{ margin-top:0}
.his_04_01 .history_wrap .history > li .list .wrap_in{ padding:0 2em}
.his_04_01 .history_wrap .history > li .list .wrap_in .detail > li .tt:after{ display: block; clear: both; content: '';}
.his_04_01 .history_wrap .history > li .list .mont{ color: #ccc; font-weight: 600; font-size: 1.75em; margin-bottom: 5px; display:block;}
.his_04_01 .history_wrap .history > li .list .detail{ width: 100%;}
.his_04_01 .history_wrap .history > li .list .detail > li{ margin-top:3em}
.his_04_01 .history_wrap .history > li .list .detail > li:first-child{ margin-top:0}
.his_04_01 .history_wrap .history > li .list .detail .tt{ position:relative; padding:0 1.5em; margin-top:.125em; color:#444;}
.his_04_01 .history_wrap .history > li .list .detail .tt .page_stx{display: flex;}
.his_04_01 .history_wrap .history > li .list .detail .tt .fwB{color: var(--mainColor); width: 60px; display: block;}


/*경영이념*/
.manag_wrap{ text-align: center; padding-bottom: 8em; position: relative; } 
.manag_wrap:before{content: ''; display: block; width: 100%; height: 400px; background: #f9f9f9; position: absolute; bottom: 0; left: 0;}
.manag_wrap .page_tt{margin-bottom: 20px;}
.manag_wrap .page_tt span{color:var(--mainColor); font-weight: 700;}
.manag_wrap .page_stt{margin-top:15px; margin-bottom: 10px;}
.manag_wrap .page_tx{color: #666;}
.manag_wrap .bus_cont{margin-top:6em;}
.manag_wrap .bus_cont > li{width:33.33%;}
.manag_wrap .bus_cont{ margin-right:-50px;}
.manag_wrap .bus_cont > li .in{margin-right:50px;}
.manag_wrap .bus_cont > li .in .img_z{width:300px; height:300px; border-radius: 50%; margin: 0 auto; position: relative;}
.manag_wrap .bus_cont > li .in .img_z .in_stt{font-size:1.5em; font-weight: 600; line-height: 1.25; position: absolute; bottom:0; left: 0; padding:20px 10px; color:#fff; background:linear-gradient(0deg, rgba(0,0,0,.35), #0000); width:100%; height: auto;}
.manag_wrap .bus_cont > li .in .in_stt2{font-size:1.375em; margin:20px 0 10px; font-weight: 500;}

/*회사개요*/
.over_wrap{padding: 8em 0 12em;}
.over_wrap .tit_box .ti{font-size: 2.25em; line-height: 1.4; color: #fff; text-transform: uppercase; margin-bottom: 40px;}
.over_wrap .over_list{ margin-right: -30px;}
.over_wrap .over_list > li{width: 33.33%; position: relative; }
.over_wrap .over_list > li .in{color: #333; background: #fff; margin-right: 30px; padding:30px 40px; height: 100%;}
.over_wrap .over_list > li .in .icon{margin-bottom: 15px;}
.over_wrap .over_list > li .in .icon img{width: auto; height: 80px;}
.over_wrap .over_list > li .in .page_tx{font-weight: 600; color: var(--subColor); margin-bottom: 10px;}
.over_wrap .over_list > li .in .tt{font-size: 1.375em; font-weight: 500; line-height: 1;}
.over_wrap .over_list > li .in .tt span{font-size: 2em;}
.over_wrap .over_list > li .in .page_stx{color: #999;}

/*조직도*/
.org_wrap{padding-bottom: 8em;}

/*오시는길*/
.location_wrap{} 
.location_wrap .root_daum_roughmap .cont .section.lst,
.location_wrap .root_daum_roughmap .wrap_controllers{display: none;}
.location_wrap .map_con{width: 50%;padding-right: 2em; border-radius: var(--item_r); overflow: hidden;} 
.location_wrap .page_tt{font-weight: 400; line-height: 1.4; margin-bottom: 20px;}
.location_wrap .info_box{width: 50%; padding-left: 2em;}
.location_wrap .info_box .info_list{color: #333;}
.location_wrap .info_box .info_list > li{padding: 1.6em 1em; border-bottom: 1px solid #ddd; display: flex; flex-wrap: nowrap; align-items: center;}
.location_wrap .info_box .info_list > li span{display: inline-block; width: 80px; font-weight: 700; margin:0 20px 0 10px; color: #222;}
.location_wrap .loc_btn{}
.location_wrap .loc_btn a{display: inline-block; padding: 12px 20px; font-size: 1em; border: 1px solid #ccc; color: #888; border-radius: 100px; transition: .3s;}
.location_wrap .loc_btn a:hover{background: #FEE500; border-color: #FEE500; color: #3c1e1e;} 
.root_daum_roughmap .wrap_map .map_border{border: 0!important; background-color: transparent!important;} 

 
/*사업소개*/
.bus_wrap{}
.bus_wrap .in_box{margin-top:6em;}
.bus_wrap .in_box .img_box{width: 50%; padding-right: 3em;}
.bus_wrap .in_box .txt_box{width: 50%; padding-left: 3em;}
.bus_wrap .in_box.rev .img_box{padding-left: 3em; padding-right: 0;}
.bus_wrap .in_box.rev .txt_box{padding-right: 3em; padding-left: 0;}
.bus_wrap .in_box .img_box .img_z{width: 100%; height: 450px;}
.bus_wrap .in_box .txt_box .page_tt{margin-bottom: 20px;}
.bus_wrap .in_box .txt_box .page_tx{font-weight: 600; color: var(--subColor); margin-bottom: 10px;}
.bus_wrap .in_box .txt_box .page_stx{color: #333;}
.bus_wrap .dot_list{margin-top: 30px; padding-top: 30px; border-top: 1px solid #ddd;}
.bus_wrap .bus_box{padding: 40px; background: #f9f9f9;}
.bus_wrap .bus_box .img_box{width: 30%; padding-right: 2em;}
.bus_wrap .bus_box .img_box img{border: 1px solid #ddd;}
.bus_wrap .bus_box .txt_box{width: 70%; padding-left: 2em;}
.bus_wrap .bus_box .txt_box .page_tt{margin-bottom: 20px;}
.cer_list > li{margin-bottom: 4em; padding-bottom: 4em; border-bottom: 1px solid #ddd;}
.cer_list > li .page_tt{width: 30%; font-weight: 400; margin-bottom: 20px; padding-right: 2em;}
.cer_list > li .img_box{width: 70%; padding: 40px; background: #f9f9f9;}
.cer_list > li .img_box > li:first-child{margin-right: 30px;}
.cer_list > li .img_box > li img{border: 1px solid #ddd;}


/*지속가능경영*/
.esg_wrap{}
.esg_wrap .page_tt{margin:30px 0 20px;}
.esg_wrap .esg_box{padding: 40px; background: #f9f9f9; margin-bottom: 4em;}
.esg_wrap .esg_box .img_box{width: 30%; padding-right: 2em;}
.esg_wrap .esg_box .img_box img{border: 1px solid #ddd;}
.esg_wrap .esg_box .txt_box{width: 70%; padding-left: 2em;}
.esg_wrap .esg_box .dot_list{margin-top: 30px; padding: 30px 0; border-top: 1px solid #ddd;}
.esg_wrap .in_box {}
.esg_wrap .in_box .page_tt{width: 30%;}
.esg_wrap .in_box .esg_list{width: 70%;}
.esg_wrap .in_box .esg_list > li{}

/*사이버신문고*/
.report_wrap{margin-bottom: 2em;} 
.report_wrap .page_stt{margin-bottom: 10px;}
.report_wrap .page_tx{margin-top: 20px; margin-bottom: 10px;}
.report_wrap .dot_list.st{border-bottom: 1px solid #ddd; margin-bottom: 20px; padding-bottom: 20px;}
.report_wrap .txt_box{background: #f9f9f9; padding: 20px;}
#bo_w .board_st{border-top: 1px solid #666}
#bo_w .board_st.write th{font-size: 1.125em; background: var(--mainColor);}
#bo_w .board_st th{color:#fff;}


/*재무정보*/
.info_chart > li:not(:last-child){ margin-bottom:50px; padding-bottom:50px; border-bottom:1px dashed #ddd;}
.info_chart .page_tt{margin-bottom:20px;}
.info_chart .in_chart{width:60%;}
.info_chart .in_table{width:40%; padding-left:100px;}
.info_chart .in_table .bg01{background-color: var(--mainColor); color:#fff;}

/*문의하기*/
.inq_wrap{margin-bottom: 30px;}
.inq_wrap .page_tt{font-weight:400; color: #333;}