@charset "utf-8";
/* CSS Document */
/*================================
메인 css 공통요소
=================================*/
#main_visual{ width:100%; height:760px;  margin-top:85px;}
#main_visual .wrap{height:100%;}
#main_visual ul.bxslider{width:100%; height:100%; position:relative; overflow:hidden;}
#main_visual ul.bxslider li{ background-repeat:no-repeat; background-position: center center; width:100%; height:100%; position:absolute; left:0; top:0; }
#main_visual ul.bxslider li.main_bg1{background-image:url(../../img/main_visual.png);}
#main_visual ul.bxslider li.main_bg2{background-image:url(../../img/main_visual2.png);}
.bx-wrapper, .bx-viewport{ height:760px!important}
#main_visual .main_in_text{width:100%; padding-top:190px; position:absolute; left:0; top:0}
#main_visual .main_in_text .small_txt{font-size:25px; color:#03086d; font-weight:800; margin-bottom:10px}
#main_visual .main_in_text strong{ color:#fff; font-size:70px; color:rgba(255, 255, 255, 8); text-shadow:1px 1px 3px rgba(0, 8, 87, 0.8); line-height:1.3}
#main_visual .main_in_text strong > i{ font-style:normal;font-weight: 300;font-size:59px;}
#main_visual .main_in_text .view_btn{ width:210px; border:2px solid #0032aa;height:48px; margin-top:75px}
#main_visual .main_in_text .view_btn a span{ color:#0032aa;}
#main_visual .main_in_text .view_btn:hover{ background:#fff; border:2px solid #fff;}
.main_content{padding:120px 0; width:100%;}
.main_content .main_tit_box {text-align:center;}
.main_content .main_tit_box h1{ color:#333132; font-weight:800; font-size:43px;  }
.main_content .main_tit_box h1 span{font-size:20px; color:#1f3b9f; padding-bottom:3px; position:relative; display:inline-block; margin-bottom:20px;}
.main_content .main_tit_box h1 span:after{ content:""; display:block; width:100%; position:absolute; left:0; bottom:0; height:2px; background:#1f3b9f}
.main_content .main_tit_box > p{font-size:19px; color:#333132; font-weight:normal; line-height:1.7; margin-top:25px;}
#main_section3 .list .more { position: absolute; left: 1rem; bottom: 2.2rem; padding-right: 1.8rem; font-weight: 600; letter-spacing: 1px; text-transform: uppercase; opacity: 0; }
.view_btn a:hover .more::before, .view_btn a:focus .more::before, .view_btn a:active .more::before { right: -0.5rem; }
.view_btn a:hover .more::after, .view_btn a:focus .more::after, .view_btn a:active .more::after { right: -0.5rem; width: 1.9rem; }
.view_btn a .more {font-weight: 600; letter-spacing: 1px; text-transform: uppercase; padding-right:35px }
.view_btn a .more::before { position: absolute; right: 0; bottom: 50%; width: 0.6rem; height: 1px; background-color: #0032aa; content: ''; -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: all 0.3s; transition: all 0.3s; }
.view_btn a .more::after { position: absolute; right: 0; top: 50%; width: 1.4rem; height: 1px; margin-top: 0.2rem; background-color: #0032aa; content: ''; -webkit-transition: all 0.3s; transition: all 0.3s; }

.view_btn a{font-size:15px; display:block; width:100%; height:100%; line-height:42px; padding-left:20px;}
.view_btn a span{font-family: 'Nanum Gothic', sans-serif;font-weight:800; position:relative;}
figure { margin:0; padding:0; }
.white{ color:#fff!important}
.white:after{ background:#fff!important}
/*================================
메인 css 개별요소
=================================*/
#main_cont2{ background:url(../../img/main_map_bg.png) no-repeat top center}
#main_cont3{ background:url(../../img/main_business_bg.png) no-repeat center;}
.view_btn.blue{ border:2px solid #0032aa; width:180px; height:45px; margin:45px auto 0; }
.view_btn.blue a{ color:#0032aa;}
#main_cont3 .busi_box{ margin-top:80px;}
#main_cont3 .busi_box li{float:left; margin-right:21px;width:284px;}
#main_cont3 .busi_box li:last-child{ margin-right:0}
#main_cont3 .busi_box li figure{ box-sizing:border-box; box-shadow:3px 3px 10px rgba(0,0,66,0.8);}
#main_cont3 .busi_box li .view_btn{border:2px solid #fff; margin-top:30px; height:65px; line-height:61px;}
#main_cont3 .busi_box li .view_btn a{ font-size:18px; line-height:61px; color:#fff;}
#main_cont3 .busi_box li .view_btn a .more{ color:#fff;}
#main_cont3 .busi_box li .view_btn a:hover{ background:#fff;color:#203b9f}
#main_cont3 .busi_box li .view_btn a:hover .more{ color:#203b9f}
#main_cont3 .busi_box li .view_btn a .more{ font-family: 'NanumSquare','Nanum Gothic';}
#main_cont3 .busi_box li .view_btn a .more::before, #main_cont3 .busi_box li .view_btn a .more::after {background-color: #fff; }
#main_cont3 .busi_box li .view_btn a:hover .more::before, #main_cont3 .busi_box li .view_btn a:hover .more::after{ background-color: #203b9f; }
#main_cont4 .customer_box{ margin-top:80px;}
#main_cont4 .customer_box article{ float:left; width:calc( 50% - 16px); margin-right:32px; box-sizing:border-box;box-shadow: 4px 5px 6px rgba(0,0,0,0.1);border:1px solid #ecebea; padding:50px 35px; height:340px;}
#main_cont4 .customer_box article:last-child{margin-right:0}
#main_cont4 .customer_box article .customer_tit{position:relative; border-bottom:2px solid #2f3192; padding-bottom:10px} 
#main_cont4 .customer_box article .customer_tit h2 a{font-size:32px; color:#353535; font-weight:700;}
#main_cont4 .customer_box article .customer_tit h2 a > span{ display:inline-block;  font-size:16px;font-family: 'Nanum Gothic', sans-serif; color:#666}
#main_cont4 .customer_box article .customer_tit .lt_more{font-size:16px; color:#353535; position:absolute; right:0; top:10px}
#main_cont4 .customer_box article .customer_tit .lt_more:hover{ color:#203b9f; text-decoration:underline}
#main_cont4 .customer_box article#call_center dl{padding:41px 85px; box-sizing:border-box;}
#main_cont4 .customer_box article#call_center dl dt{ margin-bottom:20px; font-size:29px; font-weight:800; color:#333}
#main_cont4 .customer_box article#call_center dl dt p{display:inline-block; padding-right:20px;}
#main_cont4 .customer_box article#call_center dl dd{ text-align:center; font-size:18px; color:#333; font-weight:bold; padding-top:25px; position:relative;}
#main_cont4 .customer_box article#call_center dl dd:after{ width:35px; height:1px; background:#111; position:absolute; left:50%; margin-left:-17.5px; top:0; content:""; display:block;}