@charset "utf-8";
/*------------------------------------
	메인
------------------------------------*/
.Main{ background:#0e3b76 }
.Main .basic-bs .basic-bs-main{ padding:0; position:inherit; }
.Main .basic-bs.basic-bs-wrap.container.content{ background:none; }
.Main .navbar.fixed{position:relative;}

.Main .basic-bs-body{  }

/* 메인 랩 */
.main_content{ overflow:hidden; }
.main_content:after{ content:""; display:block; clear:both; }

body.Main .basic-bs-wrap{ width:100%; padding:0; max-width:none; }

/*------------------------------------
	메인비주얼
------------------------------------*/
.main_visaulArea{ position:relative; height:774px; background:#031229 url(/img/main_visual_30.jpg) no-repeat center top; }
/* .main_visaulArea:before{ z-index:9; position:absolute; left:50%; bottom:44px; width:24px; margin-left:-12px; height:71px; content:''; background:url(/img/scroll_icon.png) no-repeat center; } */

/* 메인비주얼 텍스트 */
.visual_text{ position:absolute; left:360px; bottom:310px; overflow:hidden }
.visual_text:after{ content:""; display:block; clear:both; }
.visual_text h2{ position:relative; margin:0 0 22px; font:400 40px 'Noto Sans KR'; color:#fff; text-shadow:1px 1px 1px rgba(0,0,0,.4); letter-spacing:-1.5px;}
.visual_text h2:before{ position:absolute; left:-23px; top:20px; content:''; width:1px; height:150px; background:#fff; opacity:.6;  filter:alpha(opacity=60);  }
.visual_text h2 i{ font-style:normal; }
.visual_text p{ margin:0 0 20px; padding-bottom:1px; font:400 16px/28px Arial; color:#eaeeeb; text-shadow:0px 1px 1px rgba(0,0,0,.3); opacity:.6;  filter:alpha(opacity=60);  }
.visual_text a{ display:block; width:116px; font:100 13px/26px 'Noto Sans KR'; color:#eaeeeb; background:url(/img/arrow_right.png) no-repeat right bottom; letter-spacing:0.8px; opacity:.7 }
.visual_text a:hover{ color:#35eaff;opacity:1; font-weight:300; letter-spacing:0.65px;  }

/* .main_visaulArea{ float:left; width:38%; height:816px; }
.m_visual{ display:none; } */
/*------------------------------------
	메인 컨텐츠
------------------------------------*/
/* 메인 컨텐츠 */
.content_wrap{  }
.content_wrap .container{ max-width:100%; padding:0; }


/*------------------------------------
	사업영역 Business Area
------------------------------------*/
.content_top_wrap{ padding:74px 0 100px; background:#fafafa /* url(/img/bg_pattern_00.png) */ }
.content_top{ overflow:hidden; height:600px; max-width:1400px; margin:0 auto; padding:0 15px; box-sizing:content-box; }

/* 타이틀 */
.main_content_title{ margin-bottom:20px; font:500 39px/46px 'Noto Sans KR','Malgun Gothic',Sans-serif; color:#333; letter-spacing:-1px; text-align:center; }

/* 메인 롤링배너 */
.rolling_banner{ clear:both; position:relative; width:100%; height:auto; padding:0; margin:40px auto 0; }
.rolling_banner > a{ position:absolute; right:0; top:-54px; width:66px; height:25px; background:#2877d6; color:#dee7f2; font:600 14px/25px 'Noto Sans KR','Noto Sans KR'; text-align:center; }
.rolling_banner > a{ -webkit-transition-duration:0.3s; -moz-transition-duration:0.3s; -o-transition-duration:0.3s; -ms-transition-duration:0.3s; transition-duration:0.3s; }
.rolling_banner > a:hover{ background:#1362c2; }
.rolling_banner > a:before{ display:inline-block; margin-right:2.5px; width:10px; height:10px; content:''; background:url(/img/plus_icon_s.png) no-repeat center; background-size:100%; }
.jcarousel-skin-tango { width:100%; height:auto; }
#mycarousel{ padding:0 0 10px 0 !important; overflow:auto !important; height:auto !important; }
.jcarousel-skin-tango li{ width:260px; margin-right:24px; cursor:pointer; /* box-shadow:2px 2px 5px rgba(0,0,0,.1); */ padding:10px 0 20px 0;  border:solid 1px #e1e2e5; background:#fff; border-radius:3px;  }
.jcarousel-skin-tango .jcarousel-clip{ overflow:hidden; }
.jcarousel-skin-tango .jcarousel-prev-horizontal{ position:absolute; top:-127px; left:37%; padding-right:1px; width:42px; height:42px; cursor:pointer; background:#fff; border:1px solid #e7e7e7; border-radius:100em; text-align:center; }
.jcarousel-skin-tango .jcarousel-prev-horizontal:after{ content:""; font:normal 35px/40px 'Fontawesome',Arial; color:#b9c2cb;  }
.jcarousel-skin-tango .jcarousel-prev-horizontal:before{  }
.jcarousel-skin-tango .jcarousel-prev-horizontal:hover{ border-color:#0159b5; background:#0159b5 }
.jcarousel-skin-tango .jcarousel-prev-horizontal:hover:after{ color:#fff; }
.jcarousel-skin-tango .jcarousel-next-horizontal{ position:absolute; top:-127px; right:37%; padding-left:1px; width:42px; height:42px; cursor:pointer; background:#fff; border:1px solid #e7e7e7; border-radius:100em; text-align:center; }
.jcarousel-skin-tango .jcarousel-next-horizontal:after{ content:""; font:normal 35px/40px 'Fontawesome',Arial; color:#b9c2cb;  }
.jcarousel-skin-tango .jcarousel-next-horizontal:hover{  border-color:#0159b5; background:#0159b5 }
.jcarousel-skin-tango .jcarousel-next-horizontal:hover:after{ color:#fff; }

.jcarousel-skin-tango .jcarousel-prev-horizontal, .jcarousel-skin-tango .jcarousel-next-horizontal{ -webkit-transition-duration:0.3s; -moz-transition-duration:0.3s; -o-transition-duration:0.3s; -ms-transition-duration:0.3s; transition-duration:0.3s; }

/* 메인주요제품 배너 */
.main_goods_wrap{ position:relative; width:100%;  }
.main_goods_wrap{ -webkit-transition-duration:0.2s; -moz-transition-duration:0.2s; -o-transition-duration:0.2s; -ms-transition-duration:0.2s; transition-duration:0.2s; }
.main_goods_wrap:hover{ border-color:#ccc; }
.main_goods_wrap dt{ width:100%; padding:20px 0 10px 0; font:500 13px/20px Arial; color:#999;  text-align:center; min-height:100px; }
.main_goods_wrap dt b{ display:block; color:#0159b5; font:800 24px/30px Arial; text-transform:uppercase; }
.main_goods_wrap dd:after{ content:"See More"; display:block; margin:30px auto 0px; width:50%; text-align:center; border:solid 1px #e3e6ed; background:#aac7f4 url(/img/bg_top_1.png) top repeat-x; padding:2px 10px; color:#214b90; font:500 12px/18px 'NanumGothic','Malgun Gothic',Sans-serif; }
.main_goods_wrap:hover dt{  }
.main_goods_wrap dd{ width:100%; overflow:hidden; position:relative; background:#fff; text-align:center; padding-bottom:10px;}
.main_goods_wrap dd > img{ width:70%; transition:.2s ease  }
.main_goods_wrap:hover dd > img{-webkit-transform:scale(1.09); -ms-transform:scale(1.09); transform:scale(1.09); }
.main_goods_wrap:hover dd:after{ background:#005d9e; color:#fff; border-color:#005d9e; }
.main_goods_wrap:hover dt b{  color:#fa5b75; }
.main_content_p{ text-align:center;  font:500 16px/24px Arial;  /* background:#fff; padding:10px 0; */color:#999; }
/*------------------------------------
	검색창
------------------------------------*/
.search_wrap{ }
.search-open{ margin:0 auto; width:265px; border:solid 1px #ddd; background:#fff; border-radius:0;  }
.search-open{ -webkit-transition-duration:0.2s; -moz-transition-duration:0.2s; -o-transition-duration:0.2s; -ms-transition-duration:0.2s; transition-duration:0.2s; }
.search-open:hover{ border-color:#ccc; }
.search_wrap input[type=text]{ width:100%; height:39px; font:300 15px/37px 'Noto Sans KR','Malgun gothic'; color:#666; border:none; padding:0 0 2px 15px; background:none; box-shadow:none; }
.search-open:hover{/*  border-color:#5e98f8; */ }
.search_wrap button{ padding:0 10px 0 0; border:none; background:none; font-size:0; }
.input-group{ display:block; height:39px; }
.search-open .input-group-btn{ z-index:11; position:absolute; right:0; top:0; height:100%; width:40px; background:#fff; text-align:center; }
#sch_submit{ padding:0; margin:0; display:block; width:100%; height:100%; font-size:0px; }
#sch_submit:before{ content:''; font:normal 15px/27px "FontAwesome"; color:#a8a8a8; }
#sch_submit:before{ -webkit-transition-duration:0.2s; -moz-transition-duration:0.2s; -o-transition-duration:0.2s; -ms-transition-duration:0.2s; transition-duration:0.2s; }
.btn-default:hover{ border-radius:0; background:#fff; }
.search-open:hover #sch_submit:before{ color:#7e7e7e; }


/*------------------------------------
	하단 컨텐츠
------------------------------------*/
.content_bottom_wrap{ display:table; width:100%; }
.content_bottom{ display:table-row; }
.main_left_content{ position:relative; display:table-cell; width:33%; height:100%; background:url(/img/left_contents_bg.jpg) no-repeat left top; background-size:cover; overflow:hidden }
.main_left_content:before{ content:""; display:block; width:100%; height:200%; position:absolute; top:0; left:0; background:#005d9e; opacity:.92; background-size:contain; }

.main_right_content{ display:table-cell; width:67%;/*  background:#f7f7f7 url(/img/right_contents_bg.jpg) no-repeat right top;  */background:#fff }

/* 좌측 컨텐츠 */
.main_left_content ul li{ position:relative;  box-sizing:border-box; padding:100px 10% 75px 17%; }


.main_left_content ul li h3{ margin:0 0 40px 0; font:400 44px/48px 'Noto Sans KR','Malgun Gothic',Sans-serif; color:#fff; letter-spacing:-2px; }
.main_left_content ul li h3 span{ font-size:36px; color:#fff;  letter-spacing:0;  }
.main_left_content ul li p{ margin:0 0 0 2px; font:300 14px/22px 'Noto Sans KR','Malgun Gothic',Sans-serif; color:#fff;  }
.main_left_content ul li p.text{ color:#fff; opacity:.6; font:400 15px/26px 'Noto Sans KR','Malgun Gothic',Sans-serif; padding-top:10px; word-break:keep-all }
.main_left_content ul li p b{ display:block; font:500 28px/40px 'Noto Sans KR','Malgun Gothic',Sans-serif;  }

.main_left_content ul li .call{ position:relative;  font:700 28px/40px 'Noto Sans KR','Malgun Gothic',Sans-serif; color:#fff;  padding:0px 0 0 70px; margin-top:45px; opacity:1  }
.main_left_content ul li .call:before{ position:absolute; top:10px; left:0; content:""; display:inline-block; background:url(/img/icon_t.png) no-repeat; width:56px; height:52px; }
.main_left_content ul li .call .email{ display:block;  font:300 14px/20px 'Noto Sans KR','Malgun Gothic',Sans-serif; color:#fff; letter-spacing:0.3px;  }
.main_left_content ul li .call .email b{ display:inline-block; border-radius:20px;  font:400 13px/18px 'Noto Sans KR','Malgun Gothic',Sans-serif;  background:#36a0ee; padding:0 10px; letter-spacing:0;  }

.main_left_content li:nth-child(2){ background:rgba(0, 89, 152, 0.6); }
.main_left_content li:nth-child(2) h5{ margin:0 0 22px; width:86%; background:url(/img/more_icon.png) no-repeat right bottom; }
.main_left_content li:nth-child(2) h5 a{ display:block; color:#fff; }

/* 우측 컨텐츠 */
.main_right_content{ /* padding-left:3.4%; */ vertical-align:top; box-sizing:border-box; }

.main_product{ padding:80px 0 20px 5.2%; border-top:solid 1px #e4e4e4 }

.main_quick_menu{ overflow:hidden; padding:60px 0 60px 0; box-sizing:border-box;  }
.main_quick_menu li{ float:left; margin-left:1%; min-width:245px; }
.main_quick_menu li dl{ overflow:hidden; cursor:pointer; min-height:75px; }
.main_quick_menu li dl dd{ float:left; }
.main_quick_menu li dl dd img{}
.main_quick_menu li dl dt{ float:right; }
.main_quick_menu li dl dt h5{ margin:10px 0 15px; font:600 18px/21px 'Noto Sans KR'; color:#333; letter-spacing:-0.5px; }
.main_quick_menu li dl dt h5{ -webkit-transition-duration:0.2s; -moz-transition-duration:0.2s; -o-transition-duration:0.2s; -ms-transition-duration:0.2s; transition-duration:0.2s; }
.main_quick_menu li dl:hover dt h5{ color:#000; }
.main_quick_menu li dl dt p{ margin:0; font:300 13px/18px 'Noto Sans KR'; color:#888; word-break:keep-all }
.main_quick_menu li dl dt p{ -webkit-transition-duration:0.2s; -moz-transition-duration:0.2s; -o-transition-duration:0.2s; -ms-transition-duration:0.2s; transition-duration:0.2s; }
.main_quick_menu li dl:hover dt p{ color:#666; }


/* ############### 1800px 반응형 ############### */
@media (max-width:1850px) {  

.main_left_content{ background-size:cover; }
.main_left_content ul li{ padding:78px 3% 40px 5%; }
.main_left_content ul li p.text{ font-size:13px; line-height:160%; font-weight:400;   }
/* 우측 컨텐츠 */
.main_quick_menu li{ margin-left:3%; }
.visual_text{ bottom:50px; }
.visual_text h2{ margin-bottom:10px; font-size:40px; }
.visual_text h2:before{ height:88px; }
.visual_text p{ font-size:15px; line-height:22px; }
.main_left_content ul li .call{ padding-left:0; }
.main_left_content ul li .call:before{ display:none;  }
/*------------------------------------
	하단 컨텐츠
------------------------------------*/
.main_left_content{ width:30%; }
.main_right_content{ width:70%; }

}

/* ############### 1500px 반응형 ############### */
@media (max-width:1500px) {
.main_left_content{ width:40%; }
.main_right_content{ width:60%; }
/* 메인비주얼 */
.main_visaulArea{ height:700px; background-size:cover !important; }
.main_left_content ul li p.text br{ display:none;  }
.visual_text{ left:150px; bottom:320px; }
.content_top{ max-width:1130px }
/*------------------------------------
	하단 컨텐츠
------------------------------------*/

/* 좌측 컨텐츠 */
.main_product{ padding-left:2%; }
.main_left_content{  }
.main_left_content ul{  }
.main_left_content ul li{ padding:42px 10% 50px; height:auto; }
.main_left_content ul li:first-child{ height:376px; }
.main_left_content ul li > div{ position:relative; width:auto; right:auto; top:auto; }
.main_left_content ul li:first-child > div{ top:auto; }

.main_left_content li:nth-child(2) h5{ width:95%; }
.carousel-inner .item .main_notice_name{ width:90%; }

/* 우측 컨텐츠 */
.main_quick_menu{ padding:0; }
.main_quick_menu li{ padding:10px 2%; width:50%; /* border-top:1px solid #ddd;  */margin-left:0; min-width:auto; border-bottom:solid 1px #eee; box-sizing:border-box  }
.main_quick_menu li dl dt{ width:70%; }
.main_quick_menu li dl dt h5{ margin:5px 0 10px; }
.main_quick_menu li dl dt p > br{ display:none; }
.main_quick_menu li dl dd{/*  min-width:70px;  */text-align:center;width:30%; }
.main_quick_menu li dl dd img{ max-height:59px; }

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

/* 우측 컨텐츠 */


.main_left_content ul li h3{ margin:0 0 20px 0; font:400 26px/34px 'Noto Sans KR','Malgun Gothic',Sans-serif;  }
.main_left_content ul li h3 br{ display:none;  }
.main_left_content ul li h3 span{ font-size:25px; color:#fff;  letter-spacing:0;  }
.main_left_content ul li p b{ font:600 20px/30px 'Noto Sans KR','Malgun Gothic',Sans-serif;  }

}

/* ############### 태블릿 반응형 ############### */
@media (max-width:1200px) {  
.main_left_content ul li .call{ padding-left:70px; }
.main_left_content ul li .call:before{ display:block;  }
/* 메인비주얼 */
.main_visaulArea{ height:400px; }
.main_visaulArea:before{ display:none; }
.main_left_content ul li .call{ display:block; margin-top:25px;  }
.visual_text{ left:8%; bottom:40%; }

/*------------------------------------
	사업영역 Business Area
------------------------------------*/
.content_top_wrap{ padding:54px 0 80px; }
.content_top{ height:645.233px;}
.main_content_title{ margin-bottom:15px; font-size:36px; }
.jcarousel-skin-tango .jcarousel-prev-horizontal{ width:40px; height:40px; top:-70px; left:1%; }
.jcarousel-skin-tango .jcarousel-prev-horizontal:after{ line-height:38px; }
.jcarousel-skin-tango .jcarousel-next-horizontal{ width:40px; height:40px; top:-70px; right:3%; }
.jcarousel-skin-tango .jcarousel-next-horizontal:after{ line-height:38px; }

.rolling_banner{ margin-top:30px; }


/*------------------------------------
	하단 컨텐츠
------------------------------------*/
.content_bottom_wrap{ display:block; }
.content_bottom{ display:block; }
.main_left_content{ display:block; width:100%; }
.main_right_content{ display:block; width:100%; }

/* 좌측 컨텐츠 */
.main_left_content ul{ overflow:hidden; margin:0 auto; width:100%; max-width:1200px; }
/* .main_left_content ul li{ height:212px; }
.main_left_content ul li:first-child{ height:336px; } */
.main_left_content ul li > div{ /* position:absolute; right:0; top:42px; */}
.main_left_content ul li:first-child  p{  }

/* 우측 컨텐츠 */
.main_quick_menu li{ width:50%; box-sizing:border-box }


}
/* ############### 모바일 반응형 ############### */
@media (max-width:999px) {

/* 메인비주얼 */
.main_left_content ul li h3{ letter-spacing:-0.5px }
.main_content_p{ display:none;  }
.visual_text{ /* left:0; bottom:0; width:100%; text-align:center; */ left:5%; top:35%; bottom:auto;  }
.visual_text h2{ /* display:inline-block; */ margin:0; /* padding:7px 0; */ font-size:26px; padding:0 0 15px 0; font-weight:500 }
.visual_text h2:before{ display:none; }
.visual_text p{  margin:0; font-size:13px; line-height:20px; width:80%; word-break:keep-all; font-weight:300  }
.visual_text p br{ display:none;  }
.visual_text a{ display:none; }
.main_goods_wrap dd > img{ width:50%; }
.main_goods_wrap dt b{ font-size:20px }
.main_goods_wrap dt{ width:100%; padding:10px 0; font:500 13px/20px Arial; }
/*------------------------------------
	사업영역 Business Area
------------------------------------*/
.content_top_wrap{ padding-top:48px; background:#fff url(/img/bg_pattern_01.png) repeat left top; padding:54px 0 0;  }
.content_top{ height:500px;}
.main_content_title{ margin-bottom:10px; font-size:30px; }
.jcarousel-skin-tango li{ width:180px; margin-right:15px;}
/* .jcarousel-skin-tango .jcarousel-prev-horizontal{ width:36px; height:36px; top:-89px; }
.jcarousel-skin-tango .jcarousel-prev-horizontal:after{ line-height:34px; }
.jcarousel-skin-tango .jcarousel-next-horizontal{ width:36px; height:36px; top:-89px; }
.jcarousel-skin-tango .jcarousel-next-horizontal:after{ line-height:34px; } */

.search-open{ width:215px; font-size:14px; }

/*------------------------------------
	하단 컨텐츠
------------------------------------*/

/* 좌측 컨텐츠 */

/* 우측 컨텐츠 */
.main_product{ height:auto; overflow:hidden; padding:40px 3% 0 3%; }

.main_quick_menu li{ float:none; width:100%; }
.main_quick_menu li dl{ padding:10px 0; }
.main_quick_menu li:nth-child(2){ width:100%; }
.main_quick_menu li:nth-child(4){ width:100%; border-bottom:0  }
.main_quick_menu li dl dt{ float:right; width:75%; padding:0;  }
.main_quick_menu li dl dd{ float:left; width:25% }
.main_quick_menu li dl dt p{ /* display:none; */ }
.main_quick_menu li dl dt h5{  }

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

/* 메인비주얼 */

.visual_text h2 i{ display:none; }

/*------------------------------------
	사업영역 Business Area
------------------------------------*/
.content_top_wrap{ padding:40px 0 10px 0; }
.content_top{ height:410px; }


/*------------------------------------
	하단 컨텐츠
------------------------------------*/
/* 좌측 컨텐츠 */
.main_left_content{  }
.main_left_content ul{  }
.main_left_content ul li{ height:auto; padding:40px 15px 45px; }
.main_left_content ul li:first-child{ height:auto; }
.main_left_content ul li > div{ position:relative; right:auto; top:auto; width:100%; }
.main_left_content ul li:first-child > div{ top:auto; }
.main_left_content ul li:first-child  p{  }
.main_left_content li:nth-child(2) h5{ width:100%; }
.carousel-inner .item .main_notice_name{ width:95%; }

}