@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Noto+Sans');
#sub_top_title {height:100px; font-weight:bold; font-size:40px; letter-spacing:-2px; line-height:120px;}
#sub_top_title span {font-weight:normal; font-size:30px; letter-spacing:-1px;}
#sub_title {font-size:14px; letter-spacing:-0.5px; color:#888; height:57px; border-bottom:3px solid #e7e7e7;}

.sub_name{font-size:20px; line-height:2.4em; margin-top:25px;  font-weight:bold;c }
.cored {color:#963345;}
.cogreen {color:#4e9086;}
.coblue {color:#000;}
.fwn {font-weight:normal;}
.fwb {font-weight:bold;}
.fs075 {font-size:0.75em;}
.fs14 {font-size:1.4em;}
.fs12 {font-size:1.2em;}
.lp0 {letter-spacing:0;}
.lp1 {letter-spacing:-1px;}
.tac {text-align:center;}

.sub_tel {font-size:50px; line-height:1.4em; font-weight:bold; color:#ffffff; text-align:right;}
.sub_tel01 {font-size:14px; line-height:1.4em; margin-top:10px;  color:#53463a; text-align:left;font-weight:bold;}
.sub_tel02 {font-size:15px; line-height:1.4em; margin-top:10px;  color:#ffffff; text-align:left;letter-spacing:-0.5px; }
.sub_tel04 {font-size:20px; line-height:1.4em; margin-top:45px;  font-weight:bold;color:#ffffff; }
.sub_tel05 {font-size:16px; line-height:1.4em; margin-top:15px;  color:#f6f91a;padding:15px; etter-spacing:-0.5px;}
.sub_tel_sub {font-size:18px; line-height:1.4em; margin-top:20px; font-weight:bold; color:#fff; }
.sub_tel02_01 {font-size:14px; line-height:1.8em; margin-top:10px;  text-align:left;letter-spacing:-0.5px; padding-left:10px;}
.m_tel {font-size:36px;font-family: 'frutiqer', sans-serif; line-height:2.0em; margin-top:5px;text-align:left;letter-spacing:-0.5px;font-weight:bold;color:#e91d1f }

.sub_tel03 {font-size:14px; line-height:1.4em; margin-top:20px;  color:#d0d0d0; text-align:left;}
.sub_tel03 a:link {font-size:14px; line-height:1.4em; margin-top:20px;  color:#d0d0d0; text-align:left;}
.sub_tel03 a:visited{font-size:14px; line-height:1.4em; margin-top:20px;  color:#d0d0d0; text-align:left;}

.sub_tel03 a:hover {font-size:14px; line-height:1.4em; margin-top:20px;  color:#ffcd39; text-align:left;}
.sub_tel03 a:focus {font-size:14px; line-height:1.4em; margin-top:20px;  color:#ffcd39; text-align:left;}
.sub_tel03 a:active {font-size:14px; line-height:1.4em; margin-top:20px;  color:#ffcd39; text-align:left;}

.sub_tel0 {font-size:14px;line-height:1.8em; margin-top:40px;  color:#ffffff;padding-left:3px;}

.sub_tel0101 {font-size:14px; line-height:1.6em; margin-top:10px;  color:#ffffff; }
.sub_tel0201 {font-size:12px; line-height:1.4em; margin-top:15px;  color:#ffffff;letter-spacing:-0.5px; }
.sub_tel0401 {font-size:20px; line-height:1.4em; margin-top:45px;  font-weight:bold;color:#ffffff; }
.sub_tel0501 {font-size:14px; line-height:1.4em; margin-top:15px;  color:#ffffff;padding:15px; }
.top_tel {font-size:29px; line-height:1.4em; color:#08629c;padding:15px 0px 15px 15px; font-weight:bold;text-align:center;}

.top_tel01 {font-size:43px; line-height:1.4em; color:#ffcd39;padding:0px 0px 15px 0px; font-weight:bold;}

 

.sub_con2 {margin-top:40px; line-height:1.55em; font-size:15px; letter-spacing:-0.5px;}
.sub_con2 table {width:100%; border-spacing:0; border-collapse:collapse;}
.sub_con2 table th {font-size:15px; padding:10px; border:1px solid #ddd; background:#f0f0f0;width:200px;text-align:left;}
.sub_con2 table td {font-size:15px; padding:10px; border:1px solid #ddd;}



.sub_con2_m {margin-top:40px; line-height:1.55em; font-size:15px; letter-spacing:-0.5px;}
.sub_con2_m table {width:100%; border-spacing:0; border-collapse:collapse;}
.sub_con2_m table th {font-size:15px; padding:10px; border:1px solid #ddd; background:#f0f0f0;width:120px;text-align:left;}
.sub_con2_m table td {font-size:15px; padding:10px; border:1px solid #ddd;}

.sub_con { height:20px;line-height:1.55em; font-size:14px; letter-spacing:-0.5px;}
.sub_con table {width:100%;height:20px; border-spacing:0; border-collapse:collapse;border-top:1px solid #e5e5e5;}
.sub_con table th {width:60px;font-size:14px; height:25px;padding:5px; border:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;font-family:'Noto Sans KR', sans-serif;color:#ffffff; text-align:center; background:#2d3e50;}
.sub_con table td {font-size:14px;height:25px; padding:5px; border:1px solid #ddd;font-family:'Noto Sans KR', sans-serif;text-align:left;width:100px;background:#f5f5f5; }




.sub_con01 {padding-top:20px; height:20px;line-height:1.55em; font-size:14px; letter-spacing:-0.5px;}
.sub_con01 {height:20px;line-height:1.55em; font-size:14px; letter-spacing:-0.5px;}
.sub_con01 table {width:100%;height:20px; border-spacing:0; border-collapse:collapse;border-top:1px solid #e5e5e5;}
.sub_con01 table th {font-size:14px; height:25px;padding:5px; border:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;font-family:'Noto Sans KR', sans-serif;color:#333333; text-align:center; background:#ecf3fc;}
.sub_con01 table td {font-size:14px;height:25px; padding:5px; border:1px solid #ddd;font-family:'Noto Sans KR', sans-serif;text-align:left;background:#ffffff; }



.sub_con03 {padding-top:20px; height:20px;line-height:1.55em; font-size:14px; letter-spacing:-0.5px;}
.sub_con03 table {width:100%;height:20px; border-spacing:0; border-collapse:collapse;border-top:2px solid #062139;}
.sub_con03 table th {font-size:15px; height:30px;padding:5px; border:1px solid #062139;border-right:1px solid #062139;font-family:'Noto Sans KR', sans-serif;color:#ffffff; text-align:center; background:#204f9c;}

.sub_con03 table td {font-size:15px;height:20px; line-height:1.8em;padding:6px; border:1px solid #ddd;border-right:1px solid #ddd;font-family:'Noto Sans KR', sans-serif; }





.sub_con_m {margin-top:40px; line-height:1.55em; font-size:14px; letter-spacing:-0.5px;}
.sub_con_m table {width:100%; border-spacing:0; border-collapse:collapse;}
.sub_con_m table th {font-size:14px; padding:10px; border:1px solid #ddd;color:#ffffff; text-align:center; }
.sub_con_m table td {font-size:14px; padding:10px; border:1px solid #ddd;}
.com { margin-top:40px; line-height:2.4em; font-size:14px; letter-spacing:0px;}
.sub_map {margin-top:40px; font-size:16px; line-height:1.55em; text-align:center;}
.sub_map p {font-size:24px; font-weight:bold;}




.sub_con3 {margin-top:40px; line-height:1.55em; font-size:14px; letter-spacing:-0.5px; clear:both;}
.sub_con3 ul {margin:0; padding:0; list-style:none;}
.sub_con3 ul li {float:left; width:50%;}
.sub_con3 .sub_con3_img {text-align:center; height:280px; padding:0 10px 30px 10px;}
.sub_con3 .sub_con3_img img {height:280px;}
.sub_con3 table {width:100%; border-spacing:0; border-collapse:collapse;}
.sub_con3 table th {font-size:12px; padding:5px; width:50px; border:1px solid #ddd; background:#f0f0f0; text-align:center;}
.sub_con3 table td {font-size:14px; padding:10px; border:0;}
.sub_con3 .sub_titb {font-size:20px; font-weight:bold; padding-bottom:20px; letter-spacing:-0.5px; text-align:center;}
.sub_con3 .btn_video {display:block; width:180px; margin:0 auto; background:#2f5d7d; color:#fff; padding:10px; margin-top:30px; text-align:center; font-weight:bold;}

/*메인바로가기*/
.main_banner_title {text-align:center; padding:10px;font-size:18px;line-height:1.2em;color:#ffffff;font-weight:bold;font-family:'Noto Sans KR', sans-serif; }
.main_banner_etitle {text-align:center; padding:10px;font-size:12px;line-height:1.2em;color:#ffffff;font-weight:bold;font-family:'Noto Sans KR', sans-serif; }

.main_banner_con{text-align:center;padding:10px; font-size:14px;line-height:1.1em;color:#ffffff;font-family:'Noto Sans KR', sans-serif;}

/*메인상품타이틀*/
.main_p_title {text-align:center; font-size:22px;line-height:1.9em;color:#ffffff;font-weight:bold;font-family:'Noto Sans KR', sans-serif; }
.main_p_con{text-align:left; font-size:14px;line-height:1.2em;color:#ffffff;font-family:'Noto Sans KR', sans-serif;letter-spacing:-0.5px;}

/*메인전화번호*/
.main_tel {text-align:center; font-size:30px;line-height:1.2em;color:#ffffff;font-weight:bold;font-family:'Noto Sans KR', sans-serif; }
.main_time{text-align:left; font-size:12px;line-height:1.2em;color:#ffffff;font-family:'Noto Sans KR', sans-serif;}

.main_time01{text-align:left; font-size:16px;line-height:1.6em;color:#ffffff;font-family:'Noto Sans KR', sans-serif;}

.customer_title{text-align:center; font-size:14px;line-height:1.6em;color:#ffffff;font-family:'Noto Sans KR', sans-serif;letter-spacing:-0.2px;}
     

/*각서브타이틀*/

.sub_title {font-size:30px; line-height:1.0em; font-weight:bold; color:#ffffff;}
.sub_cont {font-size:15px; line-height:1.4em;  color:#ffffff;}
.sub_title01 {font-size:16px; line-height:1.4em; margin-top:20px; font-weight:bold; text-align:center;color:#ffffff;}
.sub_title02 {font-size:16px; line-height:1.2em;  font-weight:bold; text-align:left;color:#17448f;}



/* 인사말 */
.gr{height:876px; background:url("../img/ceo_bg.jpg") no-repeat right top;}
.gr_title {font-size:15px; line-height:2.0em; margin-top:30px; font-weight:bold; color:#ac9d8b; text-align:center;}
.im_title {font-size:18px; line-height:2.0em; margin-top:20px; font-weight:bold; color:#082942; text-align:left;}
.im_title01 {font-size:18px; line-height:2.5em; margin-top:30px; font-weight:bold; color:#082942; text-align:left;}
.im_title01_m {font-size:18px; line-height:1.2em; margin-top:30px; font-weight:bold; color:#082942; text-align:left;}
.greething {width:100%; font-family:'Noto Sans KR', sans-serif;padding-top:0px;font-size:15px; text-align:left; line-height:1.4em; letter-spacing:-1.0px; color:#333;}
.greething01 {width:100%; font-family:'Noto Sans KR', sans-serif;padding-top:0px;font-size:15px; text-align:left; line-height:1.6em; letter-spacing:-1.0px; color:#ffffff;}

.greething_name {width:100%; font-family:'Noto Sans KR', sans-serif;padding-top:0px;font-size:16px; text-align:right; line-height:1.6em; letter-spacing:0px; color:#333;}


.red {width:100%; font-family:'Noto Sans KR', sans-serif;padding-top:0px;font-size:25px; text-align:left; line-height:1.6em; letter-spacing:0px; color:#cc0101;font-weight:bold;}



.gr01{height:585px;background:url("../img/mobile/company_bg01.gif") no-repeat right top;}
.greething 01{font-size:15px; line-height:1.6em; letter-spacing:-0.5px; color:#333;}

.greething_s {font-size:12px; line-height:1.4em; letter-spacing:-0.5px; color:#333;}


.greething02 {width:100%; font-family:'Noto Sans KR', sans-serif;padding:10px;font-size:16px; text-align:left; line-height:1.4em;  color:#333;letter-spacing:-0.5px;}

.greething02_red {width:100%; font-family:'Noto Sans KR', sans-serif;padding:10px;font-size:20px; text-align:left; line-height:1.6em; color:#fd292a;letter-spacing:0.5px; font-weight:bold;}



/*  main_배너*/

.m_banner {font-family:'Noto Sans KR', sans-serif; font-size:18px;line-height:1.4em; margin-top:40px;  color:#68686a;padding-left:40px;}

.m_banner01 {font-family: 'Noto Sans KR', sans-serif;text-align:left; font-size:15px;line-height:1.2em; margin-top:40px;  color:#68686a;;}
.m_banner_title {font-family:'Noto Sans KR', sans-serif; font-size:18px;line-height:4.0em; margin-top:40px;  color:#68686a;;font-weight:bold;}





/*biz*/

.biz {font-size:12px;color:#ffffff; line-height:1.2em;font-family: 'Noto Sans KR', sans-serif; letter-spacing:-0.5px;  }



/*copy*/
.copy {font-size:12px; height:20px;color:#ffffff; text-align:center;font-family: 'Noto Sans KR', sans-serif;}
.copy  a:link {font-size:12px;  color:#ffffff; text-align:center;font-family: 'Noto Sans KR', sans-serif;}
.copy  a:visited{font-size:12px;  color:#ffffff; text-align:center;font-family: 'Noto Sans KR', sans-serif;}

.copy  a:hover {font-size:12px;  color:#ffffff; text-align:center;font-family: 'Noto Sans KR', sans-serif;}
.copy  a:focus {font-size:12px; color:#ffffff; text-align:center;font-family: 'Noto Sans KR', sans-serif;}
.copy  a:active {font-size:12px;  color:#ffffff; text-align:center;font-family: 'Noto Sans KR', sans-serif;}

.sub_tel0 {font-size:14px;line-height:1.8em; margin-top:40px;  color:#ffffff;padding-left:3px;}


/*메인배너롤오버*/


.overlayone{
max-width: 230px;
height: auto;
display: inline-block;
position: relative;
}
.overlayinn {
background-color: rgba(53, 57, 54, 0.7);
height: 100%;
width: 100%;
opacity: 0;
top: 0;
left: 0;
padding-left:5px;
position: absolute;
transition: opacity .5s;
}
.overlayinn:hover {
text-align:center;
color:#fff;
opacity: 1;
transition: opacity .5s;
}
@media (max-width:236px){
.overlayone {
max-width: 236px;
height:auto;
display: inline-block;
position: relative;}
.overlayinn {
color:#fff;
background-color: rgba(7, 34, 115, 0.7);
height: 100%
width: 100%
top: 0;
left: 0;
position: absolute;
padding: 25px;
text-align:center;
opacity: 0.8;}
.title1{
font-size:2.2em;
}
.title2{
width:50px
}



/*추가*/
.s_nav{zoom: 1;  height:47px;}
.s_nav ul:after{display: block;clear: both;content: '';}
.s_nav ul > li { float:left; height:47px; color:#ffffff;line-height:50px; padding:0 20px; font-size: 14px; position:relative;}
.s_nav > ul > li:first-child { padding-left:0;}
.s_nav ul li img { vertical-align:middle;}
.s_nav ul li > a {color:#363636; display:block; }
.s_nav ul .s_nav_list > a:after { content:''; display:inline-block; width:18px; height:18px; margin-left:20px; background:url(/img/navi_icon_off.png) no-repeat; vertical-align:middle}
.s_nav ul .s_nav_list > .active:after { background:url(/img/navi_icon_off.png) no-repeat; }
.s_nav ul .s_nav_list > .active {color:#ffffff;}
.s_nav_list a:hover {color:#666;}
.s_nav_list img{vertical-align: middle;	margin-left: 15px;}

.s_nav .depthDiv {border:1px solid #e1e1e1; background:#fff;  position:absolute; left:0px; width:150px; display: none; z-index:9999;}
.s_nav .depthDiv:after { width:14px; height:9px; content:''; position:absolute; left:20px; top:-9px; background:url(../images/sub/arrow_topbg.png) no-repeat;}  
.s_nav .depthDiv li {height:30px; line-height:30px; border-bottom:1px solid #e1e1e1; padding:0 20px;  float:none;}
.s_nav .depthDiv li:hover {background:#eaeaea;}
.s_nav .depthDiv li a {font-size:13px;}
.s_nav .depthDiv li a:hover {color:#304d99; font-weight:bold;  }
.s_nav .depthDiv li:last-child { border-bottom:0px;} 
.sub_con {width:1200px; margin:0 auto; padding:50px 0;
/* nav */


/*모바일*/
.mobile_title01 {font-size:14px;color:#ffffff; line-height:2.0em; margin-top:30px; font-weight:bold; }