@charset "utf-8";
/* *******************************************************
 * filename : content.css
 * description : 서브페이지 컨텐츠 CSS
 * date : 2020-11-25
******************************************************** */

/* ******************  서브공통 ********************** */
/* -------- 공통 스크롤바  -------- */
.custom-scrollbar-cover{display:none;}

/* -------- 공통 :: 탭 -------- */
/* Tab 공통 스타일 */
.sub-tab-wrapper-style{position:relative; height:60px; margin-bottom:15px; }
.sub-tab-list-style ul{display:table; width:100%; height:100%; table-layout:fixed;}
.sub-tab-list-style ul:after{display:none}
.sub-tab-list-style ul li{/* float:left; */ display:table-cell; vertical-align:middle; position:relative; width:20%; background-color:#fff; border:1px solid #e5e5e5; border-left:0 }
.sub-tab-list-style ul li:first-child{border-left:1px solid #e5e5e5;}
.sub-tab-list-style ul li a{display:table; height:58px; width:100%; }
.sub-tab-list-style ul li a em{display:table-cell; vertical-align:middle; color:#494949; font-size:18px; letter-spacing:-0.30px; text-align:center;}
.sub-tab-list-style ul li.selected{z-index:1; }
.sub-tab-list-style ul li.selected a{background-color:#333; border-color:#333}
.sub-tab-list-style ul li.selected a em{color:#fff; }
/* Tab Fixed Move*/
.sub-tab-list-style.top-fixed{position:fixed; top:70px; left:0; width:100%; height:60px;}
/* Mobile Tab Drop Menu */
.sub-drop-open-btn-style{display:none}

@media all and (min-width:1025px){
	/* Tab Fixed Background */
	.sub-tab-list-style:before{position:absolute; top:0px; bottom:0px; left:50%; width:0; content:""; background-color:#fff; border-bottom:1px solid #e5e5e5; transition:all 0.5s}
	.sub-tab-list-style.top-fixed:before{width:100%; margin-left:-50%}
}

/* ******************  COMPANY ********************** */
/* --------------- 회사소개 --------------- */
.intro-page{position:relative; padding-bottom:18.75em;}
.intro-page:after{position:absolute; content:""; width:997px; height:955px; background:url("/images/content/intro_bt_bg.png") no-repeat; background-size:contain !important; right:0; bottom:0; z-index:-1}
.intro-page .intro-top{background:url("/images/content/intro_top_bg.jpg") no-repeat 50% 0; background-size:cover}
.intro-page .intro-top > div{display:table; width:100%; height:400px; box-sizing:border-box;}
.intro-page .intro-top > div .top-txt{display:table-cell; vertical-align:middle;}
.intro-page .intro-top > div .top-txt h3{font-weight:400; font-size:2.25em; letter-spacing:-0.75px; color:#fff; line-height:1.52}
.intro-page .intro-top > div .top-txt h3 b{font-weight:600}
.intro-page .intro-top > div .top-txt p{font-size:1.125em; letter-spacing:-0.75px; color:#fff; line-height:1.83; margin-top:1.66em}
.intro-page .intro-txt{padding-top:1.875em}
.intro-page .intro-txt p{font-weight:400; font-size:1.125em; letter-spacing:-0.75px; line-height:1.83; color:#666; margin-top:1.94em}

/* --------------- 회사조직도 --------------- */
.org-page{text-align:center; padding:0 15px 105px}
.org-page img{max-width:100%}

/* --------------- 오시는길 --------------- */
.location-sec{margin-bottom:70px}
.location-sec:last-child{margin-bottom:0}
/* 오시는길 :: 상단 */
.map-script-wrapper{position:relative; overflow:hidden; margin:0px auto; height:380px; border:1px solid #ddd}
.map-script-wrapper2 {position:relative; overflow:hidden; margin:0px auto; height:600px; border:1px solid #ddd}
.map-script-wrapper .map-script-con{position:absolute; top:50%; left:50%; width:1300px; height:380px; margin:-190px 0 0 -650px;}
.map-script-wrapper2 .loaction_img img{}
.map-script-wrapper .map-script-con .root_daum_roughmap,
.map-script-wrapper .map-script-con .wrap_map{height:100% !important;}
/* 오시는길 :: 하단정보 */
.map-tbl-con{margin-top:40px;}
.map-tbl-con .map-tit{display:block; font-weight:700; font-size:30px; letter-spacing:-0.35px; color:#333; margin-bottom:25px}
.map-tbl{width:100%; border-top:1px solid #000}
.map-tbl th,.map-tbl td{padding:15px; letter-spacing:-0.65px; font-size:18px; font-weight:700; line-height:1.5; color:#333; text-align:left;  border-bottom:1px solid #e5e5e5; box-sizing:border-box;}
.map-tbl th{width:120px;}
.map-tbl td.font-noto{font-weight:500}
.map-tbl td p{margin-top:5px}
.map-tbl td p:first-child{margin-top:0}