@charset 'utf-8';

/* °ψΕλ */
#wrap{ min-width: 1550px; overflow: hidden; }
.m_inBox{max-width: 1517px; margin: 0 auto; }


/* HEADER */
#header{position: fixed; left: 0; top: 0; width: 100%; height: 84px; border-bottom: 1px solid  rgba(256,256,256,0.4); z-index: 300; transition:.3s all;}
#header .m_inBox{position: relative; }
#header.scroll{position: fixed; background-color: #fff;}
#header.scroll .h_logo a{background-image: url(/img/common/h_logo_on.png);}
#header.scroll #gnb > ul > li > a{color: #212121;}
#header.scroll #gnb > ul > li > a:hover {color: #212121;}
#header.scroll .lang #btn_lang{color: #646464;}
#header.scroll .btn_menu span,#header.scroll .btn_menu span:before,#header.scroll .btn_menu span:after{background-color: #4d4d4d;}

#header .h_logo{position: absolute; padding: 13px 0 21px 0; }
#header .h_logo a{display: block; text-indent: -9999px; 	width: 122px; height: 55px; background: url(/img/common/h_logo.png) left top no-repeat; -webkit-background-size: 100%;background-size: 100%; transition:.3s all; }
#header #gnb{/* width: 795px; */ width: 920px; margin: 0 auto; }
#header #gnb > ul:after{display: block;clear: both;content: "";}
#header #gnb > ul > li { float: left;  position: relative; margin-left:92px;}
#header #gnb > ul > li:first-child { margin-left: 54px;}
#header #gnb > ul > li:hover:before { content: ""; display: block; width: 163px; height: 3px; background: #d70c19; color:#141414; position: absolute; left: 50%; margin-left: -81.5px;  top: 0;}
#header #gnb > ul > li > a { display: block; padding: 32px 0; color: rgba(255, 255, 255, 0.8); font-size: 19px; ;}
#header #gnb > ul > li > a:hover {color:#fff; }


/* 2dep */
#header #gnb .lst_sub{display: none; position: absolute; background-color: #fff; width: 163px; 	 left: 50%; margin-left:-81.5px;  z-index: 200; padding: 23px 0; }
#header #gnb .lst_sub ul li{margin-top: 23px; }
#header #gnb .lst_sub ul li:first-child{margin-top: 0; }
#header #gnb .lst_sub ul li a{display: block; font-size: 15px; font-weight: 400; padding: 0px 17px; color:#3e3e3e; line-height: 1.3;}
#header #gnb .lst_sub ul li a:hover{color:#d70c19;}
#header #gnb .lst_sub ul li:first-child a{border-top: 0; }
#header #gnb .lst_sub ul li .dep3{display: none; }

#header .lang {position: relative;position: absolute; top: 0; right: 85px; width: 92px; height: 40px; margin-top: 22px;  border: 1px solid  #9da4c6; padding-right:15px; }
#header .lang #btn_lang { display:block; font-size:15px; padding:0 20px; line-height:38px; font-size:15px; color:#fff; background:url(/img/common/lang_arr.png) right center no-repeat; }
#header .lang ul { display:none; position:absolute; left:0; right:0; top:39px; background:#fff; }
#header .lang ul a { display:block; padding:8px 5px; text-align:center; font-size:15px; color:#3d3d3d; border-radius:3px; }
#header .lang ul a:hover { background:#f1f1f1; }

#header .btn_menu{position: absolute; right: 15px;  top:0; margin-top: 30px; width: 35px; height: 21px; z-index: 800; }
#header .btn_menu span{position: relative; text-indent: -9999px;display: block; width: 100%; height: 3px;  margin:0 auto ;background-color: #fff;}
#header .btn_menu span:before{position: absolute; left: 0; top: -10px; width: 100%; height: 3px; background-color: #fff;content: "";}
#header .btn_menu span:after{position: absolute; left: 0; top: 10px; width: 22px; height: 3px; background-color: #fff;content: "";}


.bg_menu{display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.6); z-index: 300;	}
.r_menu{position: fixed; top: 0; right: -100%; width: 80%; max-width: 310px; min-width: 310px; height: 100%; padding: 33px 25px 20px 23px; z-index: 700; background-color: #fff;     overflow-y: auto; overflow-x: hidden;}
.r_menu .tit{font-size: 36px; color: #d70c19; font-family: 'Roboto'; font-weight:200; margin-bottom: 40px; }
.r_menu #gnb>li {}
.r_menu #gnb>li>a{color: #2a2a2a;display: block; font-size: 19px; padding: 22px 0 23px 0;  border-bottom: 1px solid #cdcdcd; background: url(/img/common/snb_arr.png) 95% center no-repeat;}
.r_menu #gnb>li>a.on{border-bottom-color: #d70c19; color: #d70c19; background: url(/img/common/snb_arr_on.png) 95% center no-repeat;}
.r_menu #gnb>li .lst_sub{display: none;}
.r_menu #gnb>li .lst_sub >ul> li{ border: 1px solid  #ccc; margin-top: 3px;  padding:18px; background: url(/img/common/dep2_arr.png) 93% 18px no-repeat #f7f7f7;}
.r_menu #gnb>li .lst_sub >ul> li:first-child{margin-top: 0; }
.r_menu #gnb>li .lst_sub >ul> li>a{display: block; color: #141414; font-size: 16px;   }
.r_menu #gnb>li .lst_sub >ul> li>a.on{color: #d70c19;}
/* .r_menu #gnb>li .lst_sub >ul> li.on> a{ display: block; color: #d70c19; } */
.r_menu #gnb>li .lst_sub >ul> li>.dep3{display: none; padding-bottom: 8px;	}
.r_menu #gnb>li .lst_sub >ul> li>.dep3 ul li{margin-top: 15px; }
.r_menu #gnb>li .lst_sub >ul> li>.dep3 ul li a{display: block; font-size: 14px; color: #141414; line-height: 1.3;	padding-left: 10px; position: relative; }
.r_menu #gnb>li .lst_sub >ul> li>.dep3 ul li a:after{position: absolute; left: 0; top: 10px; width: 6px; height: 1px; background-color: #141414; content: "";}
.r_menu #gnb>li .lst_sub >ul> li>.dep3 ul li a sub,
.r_menu #gnb>li .lst_sub >ul> li>.dep3 ul li a sup{ font-size: x-small; }
.r_menu #gnb>li .lst_sub >ul> li>.dep3 ul li a sub{ vertical-align: sub; }
.r_menu #gnb>li .lst_sub >ul> li>.dep3 ul li a sup{ vertical-align: super; }

.r_menu .btn_close{position: absolute; z-index: 1010; top:47px; right: 20px; width: 30px; height: 30px; }
.r_menu .btn_close button{position: relative; text-indent: -9999px;display: block; width: 100%; margin:0 auto ;}
.r_menu .btn_close button:before{position: absolute; left: 0; top:0; width: 100%; height: 1px; background-color: #da1d29; -webkit-transform: rotate3d(0,0,1,45deg);transform: rotate3d(0,0,1,45deg); content: "";}
.r_menu .btn_close button:after{position: absolute;  left: 0; top: 0; background-color: #da1d29; width: 100%; height: 1px;-webkit-transform: rotate3d(0,0,1,-45deg);transform: rotate3d(0,0,1,-45deg); content: "";}


/* FOOTER */
#footer{background-color: #3a485f;}
#footer .f_top{border-bottom: 1px solid  #4e5b6f; padding: 20px 0 20px 0; }
#footer .f_top .f_logo{float: left; }
#footer .f_top .f_utill{float: right;margin-top:15px }
#footer .f_top .f_utill ul:after{display: block;clear: both;content: "";}
#footer .f_top .f_utill ul li{float: left; font-size: 15px; margin-right: 47px; }
#footer .f_top .f_utill ul li:last-child{margin-right: 0; }
#footer .f_top .f_utill ul li a{display: block;color: #adb7c5; font-weight: 300; }
#footer .f_top .f_utill ul li:last-child a{color:#6e94d4;;}
#footer .f_bot{padding: 43px 0;  } 
#footer .f_bot .m_inBox{position: relative; }
#footer .f_bot .f_info ul li{color: #adb7c5; font-family: 'Montserrat'; font-size: 15px; line-height: 1.75; letter-spacing: -1px; }
#footer .f_bot .f_info p{font-size: 15px; color: #adb7c5; margin-top: 25px; font-weight: 300; }
#footer .f_bot .f_info p span.call{color: #74a7fd; display: inline-block; margin-right: 15px; font-weight: 400; }
#footer .f_bot .copyright{position: absolute; bottom: 0; right: 0;  font-size: 13px; color: #adb7c5; font-family: 'Montserrat'; }
#footer .f_bot .f_info .flex-box{ display:flex; justify-content:space-between; font-family: 'Montserrat'; font-size: 15px; line-height: 1.75; letter-spacing: -1px; flex-wrap:wrap; }
#footer .f_bot .f_info .flex-box .txt { width: 35%; margin-top: 0; text-align: right; }
@media screen and (max-width: 720px){
	#footer .f_bot .f_info .flex-box .txt{ width: 100%;  text-align: left; margin-top: 20px;}
}

#s_visual{height: 436px; -webkit-background-size: cover;background-size: cover;}
#s_visual .in{display: table; height: 100%; width: 100%; text-align: center; display: none; }
#s_visual .in p{display: table-cell; vertical-align: middle; 	}

#container.sub .c_inner{max-width: 1400px; margin:0 auto;	position: relative; }
#snb{position: relative;width: 258px; top: -207px; left: 0;  float: left; }
#snb .snbTop{background-color: #d70c19; display: table; width: 100%; height: 207px; text-align: center; }
#snb .snbTop p{color: #fff; font-family: 'Montserrat'; font-weight: bold; font-size: 30px; display: table-cell; vertical-align: middle; }
#snb .snbBx{border: 5px solid  #f2f2f2; background-color: #fff; padding: 37px 17px 37px 17px;}
#snb .snbBx .lst_sub > ul >li > a{display: block; padding: 20px 0; color: #262626; font-size: 18px; font-weight: 300;border-bottom: 1px solid  #ececec; position: relative; }

#snb .snbBx .lst_sub > ul >li.on > a{color: #262626; font-weight:  bold;}
#snb .snbBx .lst_sub > ul >li.on > a:after{position: absolute; left: 0; bottom:-1px; width: 36px; height: 1px;  background-color: #d70c19; content: "";}
#snb .snbBx .lst_sub > ul >li.on .dep3{display: block; }
#snb .snbBx .lst_sub .dep3{display: none; padding: 25px 0; border-bottom: 1px solid #ececec; }
#snb .snbBx .lst_sub .dep3 ul li{margin-top: 20px; }
#snb .snbBx .lst_sub .dep3 ul li:first-child{margin-top: 0; 	}
#snb .snbBx .lst_sub .dep3 ul li a{display: block; color: #262626; font-size: 14px; font-weight: 300; line-height:130%; }
#snb .snbBx .lst_sub .dep3 ul li.on a{color: #d70c19; font-weight: 400; }
#snb .snbBx .lst_sub .dep3 ul li a sup,
#snb .snbBx .lst_sub .dep3 ul li a sub{ font-size: xx-small; }
#snb .snbBx .lst_sub .dep3 ul li a sup{ vertical-align: super; }
#snb .snbBx .lst_sub .dep3 ul li a sub{ vertical-align: sub; }

#m_snb { position: relative; display: none;border-bottom: 1px solid #d9d9d9;  }
#m_snb .btn_home { display:inline-block; float: left; width:60px; height:60px; text-align:center; background:#d70c19; position: relative; z-index: 10; }
#m_snb .btn_home:after { content:''; display:inline-block; width:0; height:100%; vertical-align:middle; }
#m_snb .btn_home img { vertical-align:middle; }
#m_snb >ul{position: relative; left: 0; top: 0; width: 100%; padding-left: 60px;  }
#m_snb >ul:after{display: block;clear: both;content: "";}
#m_snb >ul> li{width:50%; float: left; position: relative; height: 60px;line-height: 60px;padding-left: 23px; border-top: 1px solid  #d9d9d9;  font-size: 16px;color: #484848;background: url(/img/common/lnb_icon.png) 90% center no-repeat;cursor: pointer; }
#m_snb >ul> li.home{width: auto; background: none; padding-left: 0; }
#m_snb >ul> li>div{background-color: #fff; z-index: 100; position: absolute;left: -1px;right: -1px;  top: 60px;background: #fff; border: 1px solid  #d9d9d9; border-top: none;}
#m_snb >ul> li>div ul li a{    display: block;padding: 10px 23px;font-size: 15px; line-height: 1.25;border-top: 1px solid #d9d9d9;}
#m_snb >ul> li>div ul li:first-child a{border-top: 0; }
#m_snb >ul> li>div ul li a:hover{background-color: #f1f1f1;}
#m_snb >ul> li.dep1 .lst_dep{display: none; }
#m_snb >ul> li.dep1 .lst_dep .lst_sub{display: none; }
#m_snb >ul> li.dep2{border-left: 1px solid  #d9d9d9; }
#m_snb >ul> li.dep2 .lst_sub{display: none; }
#m_snb >ul> li.dep2 .lst_sub .dep3{display: none; }
#m_snb >ul> li.dep3{width: calc(100% + 60px);  margin-left: -60px;  background-position: 95.7% center; }
#m_snb >ul> li.dep3 .lst_sub{display: none; }

#container.sub #s_cont{ float: right;  width: 1050px; }
#container.sub #s_cont .sTop{position: relative; padding: 74px 0 32px 0; border-bottom: 1px solid #878787; margin-bottom: 60px;  }
#container.sub #s_cont .sTop:after{display: block;clear: both;content:"";}
#container.sub #s_cont .sTop h2{font-size: 28px; font-weight: 500; color: #333; float: left; letter-spacing: -2px;  line-height: 1.25;}
#container.sub #s_cont .sTop h2 sub,
#container.sub #s_cont .sTop h2 sup{ font-size: small; }
#container.sub #s_cont .sTop h2 sub{ vertical-align: sub; }
#container.sub #s_cont .sTop h2 sup{ vertical-align: super; }
#container.sub #s_cont .sTop .path{float: right; margin-top: 12px; }
#container.sub #s_cont .sTop .path li{float: left; font-size: 13px; padding-left: 15px; margin-left: 10px; line-height: 26px; 	 color: #5b5b5b; position: relative;}	
#container.sub #s_cont .sTop .path li:first-child{padding-left: 0;margin-left: 0; }
#container.sub #s_cont .sTop .path li.home span{display: inline-block; color: #d70c19; font-size: 14px; width: 26px; height: 26px; line-height: 24px; text-align: center; background-color: #dfdfdf; -webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%; }
#container.sub #s_cont .sTop .path li:after{position: absolute; left: 0; top: 5px; width: 6px; height: 14px; background: url(/img/common/path_arr.png) left top no-repeat; content: "";}
#container.sub #s_cont .sTop .path li:first-child:after{display: none;}
#container.sub #s_cont .sTop .path li.ing{color: #1d1d1d; font-weight: 400;}
#s_article{min-height: 300px; padding-bottom: 100px; }
#container.sub #s_cont .sTop .path li sup,
#container.sub #s_cont .sTop .path li sub{ font-size: xx-small; }
#container.sub #s_cont .sTop .path li sup{ vertical-align: super; }
#container.sub #s_cont .sTop .path li sub{ vertical-align: sub; }
#s_article.no_pb{padding-bottom: 0; }


.sectionBtn{position: fixed; width: 18px; right: 45px; z-index: 500; top: 50%; -webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);}
.sectionBtn ul li{margin: 42px 0;text-align: center;  }
.sectionBtn ul li a{text-indent: -9999px; display: inline-block; width: 14px; height: 14px; border: 3px solid  #a49fab; transition:.3s all;}
.sectionBtn ul li a.on{  border-color: #d70c19; width: 18px; height: 18px; }


/* 20251119 ΌφΑ€ */
#m_snb >ul> li { display: flex; align-items:center; line-height:1; }
#m_snb >ul> li sub { font-size: 0.642em; }
@media screen and (max-width:1400px) {
	#header #gnb > ul > li{ margin-left: 70px; }
}

@media screen and (max-width:1200px) {

	/* common */
	#wrap{min-width: inherit;}
	.m_inBox{padding-left: 15px; padding-right: 15px; }
	#header #gnb{display: none; }
	#header{height: 70px; }
	#header .h_logo{padding: 13px 0 19px 0; }
	#header .h_logo a{width: 93px; height: 42px; }
	#header .lang{ width: 65px; height: 33px; margin-top: 19px; padding-right: 5px; right: 67px;}
	#header .lang #btn_lang{line-height: 31px;     padding: 0 11px; font-size: 13px; }
	#header .lang ul{top: 32px; }
	#header .lang ul a{font-size: 13px; }
	#header .btn_menu{margin-top: 22px;     width: 30px;height: 24px;}

	#footer .f_top .f_utill ul li{margin-right: 27px; }
	#footer .f_bot .copyright{position: relative; right: inherit; bottom: inherit;margin-top: 20px;  }

	#snb{display: none;  }
	#m_snb{display: block; }
	#s_visual{height: 350px; }
	#s_visual .in{display: table; padding-top: 70px;  }
	#s_visual .in p{ color: #fff;font-family: 'Montserrat';font-weight: bold;font-size: 30px;}
	#container.sub #s_cont{width: 100%; float: none; }
	#container.sub #s_cont .sTop{padding:50px 15PX 30px 15PX;}
	#container.sub #s_cont .sTop .path{display: none; }
	#container.sub #s_cont .sTop h2{float: none; text-align: center; }
	
	.sectionBtn{right: 20px;}

	#s_article{padding-left: 15px; padding-right: 15px; }

}

@media screen and (max-width:720px) {
	#footer .f_top{padding: 35px 0 20px 0;}
	#footer .f_top .f_logo{float: none; text-align: center; }
	#footer .f_top .f_utill{float: none; margin-top:30px; }
	#footer .f_top .f_utill ul li{width: 22%; margin-right:0; text-align: center; }
	#footer .f_top .f_utill ul li:last-child{width: 34%; }
	#footer .f_bot{padding: 25px 0 50px 0; }

	#s_visual{height: 250px; }
	#container.sub #s_cont .sTop h2{font-size: 30px; }

	#m_snb .btn_home{width: 45px; height: 45px; display: none; }
	#m_snb >ul{padding-left: 0; }
	#m_snb >ul> li{height: 45px; /* line-height: 45px; */ padding-left: 15px; font-size: 15px; background-position: 95% center;}
	#m_snb >ul> li.dep3 {width: 100%;margin-left: 0; background-position: 97.7% center;}
	#m_snb >ul> li>div{top: 45px; }
	#m_snb >ul> li>div ul li a{padding: 10px 15px;}

}

@media screen and (max-width:640px) {
#container.sub #s_cont .sTop h2{font-size: 25px; }
}