@charset "utf-8";


/* 메인슬라이더 */
#visual{width:100%; min-width:1100px; margin:0 auto; position:relative; overflow:hidden;}
a{cursor:pointer}

#visual .sliderbx{ z-index:10;width:100% !important; height:950px; position:relative;}

#visual #slogan{ text-align:center; color:#fff;;font-family: 'Noto Sans KR', sans-serif; position:absolute; left:50%; margin-left:-550px; top:100px; width:1100px;}
#visual #slogan>div{width:100%;}
#visual #slogan .img01{
	position:absolute; top:0px; opacity:0; z-index:998;
	font-family: 'Titillium Web', sans-serif; font-size:2em; letter-spacing:5px;
	}
#visual #slogan .img02{
	position:absolute; top:30px; opacity:0; z-index:998;
	 font-size:5em; font-weight:600; letter-spacing:-3px;
	}
#visual #slogan .mt{
	position:absolute; top:100px; opacity:0; z-index:998; 
	font-size:1.7em; letter-spacing:-1px;  font-weight:normal;
	}
#visual #slogan .mt strong{color:#c3d93f;}

#visual #mslogan{ display:none;}

#visual .sliderbx li{ width:100% !important; height:950px; background-repeat:no-repeat; background-position: center top;}
#visual .sliderbx li:nth-child(1){background-image:url(../img/main/mvisual01.jpg)}
#visual .sliderbx li:nth-child(2){background-image:url(../img/main/mvisual02.jpg)}
#visual .sliderbx li:nth-child(3){background-image:url(../img/main/mvisual03.jpg)}

#visual div.bx-pager{ position:absolute; top:40px; left:50%; margin-left:-23px; z-index:101;}
#visual div.bx-pager div{ float:left; margin:4px 3px;}
#visual div.bx-pager div a{ display:block; width:12px; height:7px; text-indent:-9999px; background:#FFF;}
#visual div.bx-pager div a.active{ background:#fff; width:30px;}
#visual div.bx-controls-direction a{ 
 display:none; width:40px; height:40px; border-bottom:2px solid #FFF; border-left:2px solid #FFF; border-radius:0 0 0 5px; text-indent:-9999px; position:absolute; top:50%; margin-top:-20px !important; z-index:9999;} /*좌우버튼동시선택*/
#visual a.bx-prev{ transform:translateY(-50%) rotate(45deg); left:40px;}
#visual a.bx-next{ transform:translateY(-50%) rotate(-135deg); right:40px;}	
#visual div.bx-controls-auto{ position:absolute; top:40px; left:50%; margin-left:-60px; width:44px;  z-index:101;}
#visual div.bx-controls-auto a{	float:left; margin-right:4px; width:15px; height:15px; border-radius:10px; color:#FFF; text-align:center; line-height:12px; font-size:12px; text-indent:-9999px;	} /*플레이스탑버튼동시선택*/
#visual div.bx-controls-auto a.bx-start{ background:url(../img/common/btn_play.png) no-repeat 50% 50%;}
#visual div.bx-controls-auto a.bx-stop{ background:url(../img/common/btn_stop.png) no-repeat 50% 50%;}


/*메인 박스*/
#mbox{ width:1000px; height:600px; position:absolute; top:350px; left:50%; margin-left:-500px; z-index:999; font-size:1.1em;}
#mbox .box{padding:30px 45px;}
#mbox .box h2{ font-size:1.5em; font-weight:600; letter-spacing:0px; margin-bottom:10px;}

#mbox .idx-bbs{background:#fff; height:243px;}
#mbox .idx-bbs .lt .lt_title{display:none;}
#mbox .idx-bbs .lt .lt_more{display:none;}

#mbox .idx-cus{background:#F6EFDD; color:#5370A5; padding:22px 45px;}
#mbox .idx-cus h2{font-size:1.3em; margin-bottom:5px;}
#mbox .box h2 span{ font-size:0.7em; font-weight:normal; letter-spacing:-0.5px; opacity:0.8; vertical-align:middle;}
#mbox .idx-cus .call{ font-size:2em; margin-bottom:0px; margin-left:-5px;}
#mbox .idx-cus .call u{font-size:0.8em;}
#mbox .idx-cus h3{font-size:1.2en;}
#mbox .idx-cus h3 img{margin-right:3px; margin-top:-5px;}
#mbox .idx-cus h3 span{margin-left:5px; font-size:0.8em; opacity:0.7;}
#mbox .idx-cus .bank{ font-size:2em;}

#mbox .idx-blog{ background:#5370A5; padding-top:10px; padding-bottom:10px; height:130px; color:#fff; font-size:1.1em}
#mbox .idx-blog a{color:#fff;}
#mbox .idx-blog strong{font-size:1.5em; letter-spacing:0; margin-right:10px;}

#mbox .idx-bn1{ background:url(../img/main/idx_bn1_bg.png) right bottom no-repeat #5DBB46; color:#fff;}
#mbox .idx-bn1 h2{ color:#ffde00;}
#mbox .idx-bn2{ background: url(../img/main/idx_bn2.png) no-repeat 90% 65% RGBA(42, 94, 56,0.3); color:#fff;}
#mbox .idx-bn2 h2{margin-bottom:0;}
#mbox .idx-bn2 p{font-size:1.3em;}

#mbox .idx-bn1 a,
#mbox .idx-bn2 a{ display:inline-block; padding:7px 18px; border:3px solid #fff; color:#fff; font-size:0.85em; margin-top:15px; transition:all 0.3s;}
#mbox .idx-bn1 a:hover{ background:#fff; color:#5DBB46; font-weight:600;}
#mbox .idx-bn2 a:hover{ background:#fff; color:#2B4D1D; font-weight:600;}

#mbox .idx-bn4 .arrow{display:block; margin-top:15px;}
#mbox .idx-bn4 li a{ display:block; color:#fff;}
#mbox .idx-bn4 li:nth-child(1) a{color:#34462d;}
#mbox .idx-bn4 li:nth-child(1){ background:#C3D93F url(../img/main/idx_bn4a.png) no-repeat 85% 50%;}
#mbox .idx-bn4 li:nth-child(2){ background:#2B4D1D url(../img/main/idx_bn4b.png) no-repeat 85% 50%;}
#mbox .idx-bn4 li:nth-child(3){ background:#F4952B url(../img/main/idx_bn4c.png) no-repeat 85% 50%;}
#mbox .idx-bn4 li:nth-child(4){ background:#675534 url(../img/main/idx_bn4d.png) no-repeat 85% 50%;}


/*메인-중간컨텐츠*/
#middle{ width:100%; background:#94A8BF; padding:100px 0}
#mid_wrap{ width:1200px; margin:0 auto;}
#mid_wrap #cat_slogan{ text-align:center; color:#fff;;font-family: 'Noto Sans KR', sans-serif; padding:0px 0 50px 0;}
#mid_wrap #cat_slogan .mbr{ display:none;}
#mid_wrap #cat_slogan .txt01{ font-family: 'Titillium Web', sans-serif; font-size:1.8em; letter-spacing:5px;}
#mid_wrap #cat_slogan .txt02{ font-size:4em; font-weight:600; letter-spacing:-3px; line-height:1.7em;}
#middle #oneshot_2_7 .la_title,
#middle #oneshot_2_7 .lt_more{display:none;}

/* 하단 온라인문의 */
#f_con{background: url(../img/main/m_cus_bg.jpg) no-repeat 50%/cover; text-align:center; height:500px; min-width:1100px; color:#fff;}
#f_con h1{ font-size:1.6em; line-height:1.8em; font-weight:bold; padding-top:90px;}
#f_con h2{ font-family: 'Titillium Web', sans-serif; font-size:4.5em; line-height:1em; margin:10px 0 30px 0;}
#f_con p{color:#ddd; font-size:1.6em; line-height:1.8em;}
#f_con h3.btn{ margin-top:40px;}
#f_con h3.btn a{ display:block; border:1px solid #fff; color:#fff; font-size:1.8em; text-align:center; letter-spacing:-2px; padding:15px 70px; border-radius:10px 0 10px 10px;}
#f_con h3.btn a:hover{ background:#ffff; font-weight:bold; color:#333;}

@media (max-width:575px) {
#visual{ min-width:100%;}
#visual .sliderbx,
#visual .sliderbx li{height:450px; background-size:cover;}
#visual #slogan{width:100%; left:0; margin:0;}
#visual #slogan .img01{font-size:1.2em;}
#visual #slogan .img02{font-size:2.5em; padding-top:20px;}
#visual #slogan .mt{font-size:1.3em; margin-top:-30px;}


/*메인 박스*/
#mbox{ width:100%; height:auto; position:relative; top:0px; left:0px; margin-left:0; z-index:999;}
#mbox .row{margin:0;}
#mbox .box{padding:30px 25px;}
#mbox .idx-blog{padding-top:6px; padding-bottom:10px;}
#mbox .box h2 span{display:block;}
#mbox .idx-cus .call{font-size:1.8em;}
#mbox .idx-bn2{ background:#2a5e38;}

/*메인-중간컨텐츠*/
#middle{ height:auto; padding:0 7%;}
#mid_wrap{ width:100%; padding-bottom:30px;}
#mid_wrap #cat_slogan{ text-align:center; color:#fff;;font-family: 'Noto Sans KR', sans-serif; padding:50px 0 40px 0;}
#mid_wrap #cat_slogan .txt01{ font-size:1em;}
#mid_wrap #cat_slogan .txt02{ font-size:1.8em;line-height:1.2em; letter-spacing:-3.5px;}
#mid_wrap #cat_slogan .txt03{ display:none;}
#cat_box{ margin-left:3%;}
#cat_box a{ width:45%; height:auto; margin:0; font-size:1.25em; padding:25px 10px;}
#cat_box a:nth-child(1){ margin:0 5% 5% 0;}
#cat_box a:nth-child(4){ margin:0 0 0 5%;}
#cat_box i{ margin-top:0px; height:55px;}
#cat_box p{ margin:0px auto; width:60px;}
#cat_box p img{ width:100%;}
#cat_box p.so_txt{ display:none;}
#cat_box strong{ font-size:1.2em; line-height:1.2em; letter-spacing:-1.5px; border-bottom:0; padding-bottom:0px; margin-bottom:0px; margin-top:15px;}


/* 하단 온라인문의 */
#f_con{ min-width:100%; height:auto; padding:75px 0;}
#f_con h1{ font-size:1.2em;  padding-top:0px;}
#f_con h2{ font-size:3.5em; margin:0px 0 10px 0;}
#f_con p{ display:none;}
#f_con h3.btn{ margin-top:10px;}
#f_con h3.btn a{ font-size:1.6em; padding:13px 30px;}
}