/* 여기에 작업 또는 수정할 당신의 css style을 설정하세요. (customizations) */

/*---------- Header 시작 -----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#header { position:fixed; top:0; left:0; clear:both; width:100%; height:70px; margin:0; padding:0; display:block; background:rgba(255,255,255,1); box-shadow:0 1px 2px rgba(0,0,0,0.2); border:0; z-index:1010; }
#header.sub-header { background:rgba(255,255,255,1); }
#header .headerCon { position:relative; float:left; width:100%; height:auto; margin:0; padding:0; display:block; }
#header .headerCon .header_logo { position:relative; float:left; width:auto; height:40px; margin:15px 25px; padding:0; display:block; }
#header .headerCon .header_logo img { position:relative; width:auto; height:100%; margin:0; padding:0; display:block; }
#header .headerCon .headerRight { position:relative; float:right; width:auto; height:40px; margin:15px 25px;  display:block; }
#header .headerCon .headerRight span.header_mIcon { position:relative; width:35px; height:35px; line-height:35px; margin-top:5px; text-align:center; color:#000; font-size:26px; display:none; }
#header .headerCon .headerRight button { margin-top:2px; line-height:28px; -webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out; transition: all 0.5s ease-out; }
#header .headerCon .headerRight button:hover::before { content:'전화문의 : '; }

.gnb2header { position:relative; float:left; width:100%; height:auto; margin:0; padding:40px 35px 0; font-size:16px; font-weight:400; display:table; }
.gnb2header > h5 { clear:both; font-weight:700; font-size:22px; padding-top:5px; }
.gnb2header > button.btn-close { position:absolute; top:15px; right:15px; }
#offcanvasGnb { width:300px !important; }

ul#header_nav { position:absolute; top:10px; left:50%; width:auto; height:60px; margin:0; padding:0; display:block; transform:translateX(-50%); -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%);  }
ul#header_nav li { position:relative; float:left; width:auto; height:60px; margin:0; padding:0 25px; font-family: 'Noto Sans KR', 'Sans-serif'; font-size:16px; font-weight:400; line-height:60px; color:#333; text-align:center; letter-spacing:-0.01em; color:#000; display:inline-block; }
ul#header_nav li a:hover { color:#865f16; }
ul#header_nav li:hover ul.header_nav2 { display:block; }
ul#header_nav li ul.header_nav2 { position:absolute; top:100%; left:calc(50% - 90px); width:180px; height:auto; margin:0; padding:20px 0; display:none; background:#000; box-shadow:0 1px 2px rgba(0,0,0,0.15); }
ul#header_nav li ul.header_nav2 > li { position:relative; float:left; width:100%; height:auto; height:42px; margin:0; padding:2px 15px; font-size:13px; line-height:38px; text-align:left; letter-spacing:0.01em; color:#FFF; display:block; background:#000;  box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }
ul#header_nav li ul.header_nav2 > li a { color:#FFF; }
ul#header_nav li ul.header_nav2 > li a:hover { color:#e5ca80; }

ul.gnb-nav { position:relative; float:left; width:calc(100% - 30px); height:auto; margin:0 18px 0 12px; padding:0; font-family: 'Noto Sans KR', 'Sans-serif'; font-size:16px; font-weight:400; line-height:1.6em; color:#333; text-align:left; letter-spacing:0.01em; color:#000; display:table; border-top:1px solid #AAA; }
ul.gnb-nav > li { position:relative; float:left; width:100%; height:auto; margin:0; padding:5px 0; display:table; border-bottom:1px solid #AAA; }
ul.gnb-nav > li .gnb2name { position:relative; float:left; width:100%; height:50px; margin:0; padding:5px 10px; line-height:40px; font-weight:600; color:#000; display:block; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }
ul.gnb-nav > li.counsel .gnb2name { color:#dc3545; }
ul.gnb-nav > li .gnb2name span.expendmark { float:right; display:inline-block; }

ul.gnb2 { position:relative; float:left; width:100%; height:auto; margin:0; padding:0; display:none; }
ul.gnb2 li { position:relative; float:left; width:100%; height:auto; height:42px; margin:0; padding:2px 15px; font-size:13px; line-height:38px; display:block; border-top:1px dotted #CCC; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }
ul.gnb2 li a { color:#555; }
ul.gnb2 li a:hover { color:#333; }

@media (max-width:1550px){
	ul#header_nav { transform:translateX(-40%); -webkit-transform:translateX(-40%); -ms-transform:translateX(-40%);  }
	ul#header_nav li { padding:0 22px; font-size:15px; letter-spacing:0em; }
}

@media (max-width:1200px){
	ul#header_nav { transform:translateX(-35%); -webkit-transform:translateX(-35%); -ms-transform:translateX(-35%);  }
	ul#header_nav li { padding:0 20px; font-size:14px; letter-spacing:-0.1em; }
}

@media (max-width:1050px){
	ul#header_nav li { padding:0 18px; font-size:13px; letter-spacing:-0.1em; }
}

@media (max-width:991px){
	#header { height:60px; }
	#header .headerCon .headerRight { margin:10px; }
	#header .headerCon .headerRight span.header_mIcon { display:inline-block; }
	#header .headerCon .headerRight button { display:none; }
	ul#header_nav { display:none; }
	#header .headerCon .header_logo { height:32px; margin:14px 20px; }
}

@media(max-width:767px) {
	
}

/* --- 인덱스 인트로 --- */
#IndexIntro { position:fixed; top:0; left:0; width:100%; height:100%; margin:0; padding:0; overflow:hidden; text-align:center; display:block; background:#111; z-index:1030; background-repeat:repeat;background-size:2000px 2824px;background-position:center top; }
#IndexIntro img { position:absolute; top:50%; left:50%; width:70%; max-width:550px; height:auto; display:block; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); }
@media (max-width:991px){
	#IndexIntro { background-size:1000px 1412px; }
	#IndexIntro img { width:80%; }
}

/*---------- Footer 시작 -----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.footer { position:relative; float:left; width:100%; height:auto; margin:0; padding:0; display:table; background-color: #333; background-repeat:repeat; background-size:2000px 1400px; background-position: center top; }
.footer a { color:inherit !important; }
.footer-top, .footer-btm { position:relative; float:left; width:100%; height:auto; margin:0; padding:40px 0; font-family: 'Noto Sans KR', 'Sans-serif'; font-size:12px; line-height:1.6em; text-align:left; letter-spacing:0.01em; color:#FFF; display:table; }
.footer-top { border-bottom:1px solid rgba(255,255,255,0.2)}
.footer-top .footer-logo { position:relative; clear:both; float:left; width:100%; height:auto; margin:0; padding:30px 0 20px; text-align:center; display:table; }
.footer-top .footer-logo img { height:auto; width:75%; max-width:650px; }
.footer-btm .footer-bl { position:relative; float:left; width:30%; height:80px; margin:0; padding:0; display:block; }
.footer-btm .footer-bl .foot_slogan { position:relative; float:left; width:100%; height:100%; margin:0; padding:0; font-size:14px; line-height:1.8em; text-align:left; letter-spacing:0.01em; color:#FFF; display:block; }
.footer-btm .footer-bl .foot_slogan strong { clear:both; font-size:25px; line-height:1.8em; display:block; }
.footer-btm .footer-br { position:relative; float:right; width:65%; height:80px; margin:0; padding:0; display:block; }
.footer-btm .footer-br .footer_info { position:relative; float:left; width:100%; height:100%; margin:0; padding:0; font-size:15px; line-height:2.0em; text-align:right; letter-spacing:0.01em; color:#FFF; display:block; }
.footer-btm .footer_copyright { position:relative; float:left; width:100%; height:30px; margin:0; padding:10px 0; font-size:12px; line-height:30px; text-align:right; letter-spacing:0.01em; color:#FFF; display:block; border-top:1px solid rgba(255,255,255,0.7)}
.footer-btm .footer_copyright ul.foot_menu { position:relative; float:left; width:auto; height:30px; margin:0 ; padding:0; display:block; }
.footer-btm .footer_copyright ul.foot_menu li { position:relative; float:left; width:auto; height:30px; margin:0 5px; padding:0; font-size:12px; line-height:30px; letter-spacing:0.01em; display:block; }

@media (max-width:991px){
	.footer { background-size:1000px 700px; }
	.footer-top, .footer-btm { padding:30px 0; }
	.footer-btm .footer-bl { display:none; }
	.footer-btm .footer-br { width:100%; height:auto; margin-bottom:20px; }
	.footer-btm .footer-br .footer_info { text-align:center; letter-spacing:0.01em; color:#FFF; display:block; }
}

@media(max-width:767px) {
	.footer-btm { padding:20px 0; }
	.footer-btm .footer-br .footer_info strong.companyname { clear:both; display:block; }
	.footer-btm .footer_copyright { text-align:center; }
	.footer-btm .footer_copyright ul.foot_menu { display:none; }
}


/* ========== page Title ========== */
/* page title */
.page-title { position:relative; float:left; width:100%; height:auto; margin-top:80px; padding:0; display:block; background:#FFF; }
.page-title-block { position:relative; float:left; width:100%; height:auto; margin:70px 0; padding:0; text-align: center; display:table; }
.page-title-block h2 {position:relative;margin-bottom: 15px;line-height: 1em;font-size:39px;font-weight: 700;color:#000; }
.page-title-block ul {display: flex;justify-content:center;margin-bottom: 0}
.page-title-block ul li {display: block;padding: 15px;font-size:13px;color:#000;border-bottom:1px solid rgba(0,0,0,.5)}
.page-title-block ul li a {color:#444; }
.page-title-block ul li a:hover {color:#000; }
.page-title-block ul li.active {font-weight: 600; border-color:#000; }
@media(max-width:991px) {
	.page-title-block { margin:35px 0; }
	.page-title-block h2 {margin-bottom: 10px;font-size: 26px}
	.page-title-block ul li {padding: 5px}
}

section.section-2 { background:#fcfcf9; }
.Section_color { position:absolute; right:10px; bottom:10px; width:auto; height:auto; margin:0; padding:2px 10px; font-family: 'Noto Sans KR', 'Sans-serif'; font-size:14px; line-height:1.6em; font-weight:400;letter-spacing:-0.01em; color:#CCC; display:inline-block; border-bottom:1px solid #CCC; }
.ScDark { color:#666; border-color:#666; }
.section-m-padding { padding:140px 0 !important; }
.subSection { position:relative; float:left; width:100%; height:auto; margin:0; padding:0; font-family: 'Noto Sans KR', 'Sans-serif'; font-size:14px; line-height:1.6em; font-weight:400; text-align:left; letter-spacing:0.01em; display:table; }
.subSection img { position:relative;  width:100%; height:auto; margin:10px auto; padding:0; display:block; }
.subSection .col_m6 { position:relative; float:left; width:50%; height:auto; margin:0; padding:15px; display:table; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }
.sectionTitle_Rtap { position:relative; float:left; width:100%; height:50px; margin:60px 0 20px; padding:0; font-size:12px; color:#999; line-height:65px; display:block; border-bottom:1px solid #444; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }
.sectionTitle_Rtap h4 { position:relative; float:left; width:auto; height:auto; margin-right:15px; padding:8px 25px 0; font-size:20px; line-height:40px; font-weight:600; color:#000; display:inline-block; border-radius:15px 15px 0 0; border:1px solid #444; border-bottom-color:#FFF; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }
ul.corerail { position:relative; float:left; width:60%; height:auto; margin:0; padding:0; display:table; }
ul.corerail li { position:relative; float:left; width:100%; height:auto; margin:0; padding:10px 0; display:block; }
ul.corerail li .core_sbj, ul.corerail li .core_con { position:relative; float:left; height:auto; min-height:40px; margin:0; padding:10px; display:block; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }
ul.corerail li .core_sbj { width:220px; font-size:18px; line-height:40px; font-weight:600; color:#000; background-repeat:no-repeat; background-size:40px 40px; background-position:left center; }
ul.corerail li .core_sbj img { position:relative; float:left; width:40px; height:40px; margin-right:10px; padding:0; display:inline-block; }
ul.corerail li .core_sbj em { font-weight:300; color:#b99c4b; margin-right:10px; }
ul.corerail li .core_con { width:calc(100% - 220px); padding:10px 10px 15px 15px; font-size:14px; line-height:1.4em; border-left:1px solid #999; }
.corerail_img { position: relative; float:left; width:40%; height:auto; margin:0; padding:10px; display:block; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }
.corerail_img img { position: relative; clear:both; width:100%; height:auto; margin:0 auto; padding:0; display:block; }

@media (max-width:1200px){

}

@media (max-width:1050px){

}

@media (max-width:991px){
	.section-m-padding { padding:70px 0 !important; }
	.subSection .col_m6 { width:100%; padding:10px 0; }
	.sectionTitle_Rtap { height:45px; margin:50px 0 15px; line-height:50px; }
	.sectionTitle_Rtap h4 { margin-right:12px; font-size:18px; line-height:35px; border-radius:12px 12px 0 0; }
	ul.corerail li { padding:8px 0;  }
	ul.corerail li .core_sbj { width:150px; font-size:16px; line-height:40px; }
	ul.corerail li .core_con { width:calc(100% - 150px); padding:5px 5px 10px 10px; font-size:12px; }
}

@media(max-width:767px) {
	ul.corerail { width:100%; }
	.corerail_img {width:100%; padding:30px; }	
}




/* 마스터 타이틀 */
.epm_master-title {position: relative;padding: 30px;margin-bottom: 60px;text-align: center;background-color: #fff;border:15px solid #004c8c;}
.epm_master-title:before, .epm_master-title:after {content:"";display: block;position: absolute;left: 50%;transform:translateX(-50%);width: 90%;height: 15px;background-color: #eee;}
.epm_master-title:before {top: -15px;}
.epm_master-title:after {bottom: -15px;}
.epm_master-title h2 {position: relative;margin-bottom: 30px;font-size:24px;font-weight: 700;}
.epm_master-title h2:before {content:"";display: block;position: absolute;bottom: -15px;left: 50%;width: 40px;height: 2px;margin-left: -20px;background-color: #0277bd;}
.epm_master-title p {font-size: 17px;}
@media (max-width:991px){
    .epm_master-title {padding: 20px;margin-bottom: 30px;border-width:10px;}
    .epm_master-title:before,
    .epm_master-title:after {height: 10px;}
    .epm_master-title:before {top: -10px;}
    .epm_master-title:after {bottom: -10px;}
    .epm_master-title h2 {font-size: 20px;}
    .epm_master-title p {font-size: 14px;}
    .epm_master-title p br {display: none;}
}