@charset "utf-8";


	body { background:#efefef}



/*공통*/
.main_wrap_box {overflow:hidden; margin-top:20px;  padding:80px 0px 0; }





.main_common_box {padding:30px; position:relative;}
.main_common_title { margin-bottom:20px;}
.main_common_title .t1{font-size:20px; color:#000; font-weight:bold;}
.main_common_title .t2{font-size:14px; color:#666; margin-top:5px; line-height:18px;}


.main_common_btn {position:absolute; left:30px; top:150px;}
.main_common_btn a {display:inline-block; width:40px; height:40px; line-height:40px; border-radius:40px; text-align:center; background:rgba(0,0,0,0.4); font-size:15px; color:#fff;  transform:scale(1); transition: all 0.4s; position:relative;}
.main_common_btn a .hidde_text{display:none;}









/*메인레프트*/
.main_left_box {float:left; width:275px; }
.main_left_box .col{background:#fff;  border-radius:30px; height:243px; margin-bottom:20px; transition: all 0.4s; overflow:hidden;}  
.main_left_box .col.m1 {background:#ede5d9 url(../images/main/main_about_icon_bg.png) 90% 90% no-repeat;;} 
.main_left_box .col.m2 {background:#cedbe4 url(../images/main/main_member_icon_bg.png) 90% 80% no-repeat;; }  
.main_left_box .col.m1:hover {background-position:80% 90%;}
.main_left_box .col.m2:hover {background-position:80% 80%;}

.main_left_box .col:hover .main_common_btn a {background:#fff; color:#000; width:100px; text-align:left; padding-left:30px;}
.main_left_box .col:hover .main_common_btn a .hidde_text{display:block; font-size:12px; color:#666; position:absolute; right:20px;top:0px; line-height:40px; }








.main_left_box .col.m2 ul {overflow:hidden; margin-top:40px;  z-index:1; position:relative; width:100% !important; }
.main_left_box .col.m2 ul li{display:inline-block; width:135px !important; margin-right:10px; }
.main_left_box .col.m2 ul li .photo { }
.main_left_box .col.m2 ul li .photo img {vertical-align:top; -moz-transition: all 0.3s;  -webkit-transition: all 0.3s;  transition: all 0.3s;border-radius:15px;}
.main_left_box .col.m2 ul li .name{text-align:center; font-size:15px; color:#000; margin-top:5px;}


.main_left_box .col.m2 .control {width:100%; position:absolute; left:0px; top:170px; }
.main_left_box .col.m2 .control a{float:left; margin:0px -60px; width:20px; height:35px; background:url(../images/main/product_btn.png) left top no-repeat; text-indent:-9999px; position:relative; z-index:2;}
.main_left_box .col.m2 .control a#main_business_next{float:right; background-position:right top;}


/*센터*/

.main_center_box {float:left; width:530px;margin:0 20px; background:#272a31 url(../images/main/main_center_rain_bg.png) center top no-repeat;; height:506px; border-radius:20px; position:relative;}
.main_center_box .main_human {position:absolute; right:-30px; bottom:0px; }
.main_center_box .main_human img {vertical-align:middle;}

.main_center_box .text_box { text-align:left; margin-top:140px; margin-left:50px; }
.main_center_box .text_box .t1 {font-size:18px;  letter-spacing:-1px; line-height:20px;  color:#fff;  }
.main_center_box .text_box .t2 {font-size:40px;  letter-spacing:-1px; margin-top:15px; line-height:40px; color:#a9977c; font-family: 'Chosunilbo_myungjo';}
.main_center_box .text_box .t3 {font-size:15px;  line-height:20px;  letter-spacing:-1px; margin-top:5px; color:rgba(255,255,255,0.6); }


.main_center_box .text_box .btn {margin-top:40px;}
.main_center_box .text_box .btn a {display:inline-block; border:3px #a9977c solid; padding:0px  30px; color:#a9977c;  line-height:50px; font-size:16px; border-radius:50px;}
.main_center_box .text_box .btn a:hover {background:#a9977c;color:#fff;}




.main_center_box .inquery {overflow:hidden;padding:10px 0px;}
.main_center_box .inquery ul li {margin-bottom:5px; width:30%; float:left; margin-right:6px;}
.main_center_box .inquery ul li input[type="text"]{width:90%; padding:0px 5%; border:0px; height:50px; height:50px; background:#fff; border:1px #fff solid;}
.main_center_box .inquery ul li.btn {margin-left:15px;}
.main_center_box .inquery ul li input[type="submit"]{width:100%; text-align:center; border:0px; height:50px; height:50px; background:#a9977c; color:#fff; }


.main_center_box .inquery ul li input[type="text"]:hover,
.main_center_box .inquery ul li input[type="password"]:hover,
.main_center_box .inquery ul li textarea:hover,
.main_center_box .inquery ul li textarea:focus,
.main_center_box .inquery ul li input[type="text"]:focus,
.main_center_box .inquery ul li input[type="password"]:focus  {border-color:#a9977c; outline: none;}




/*메인레프트*/
.main_middle_box {float:left; width:275px; margin-right:20px; }
.main_middle_box .col{background:#fff;  border-radius:30px; height:243px; margin-bottom:20px; transition: all 0.4s; overflow:hidden;}  
.main_middle_box .col.m1 {background:#e7d2e0 url(../images/main/main_business_icon_bg.png) 90% 90% no-repeat; height: 180px;} 
.main_middle_box .col.m2 {background:#d1eadc;height:306px;}  

.main_middle_box .col.m1:hover {background-position:80% 90%;}
.main_middle_box .col.m2:hover {background-position:80% 80%;}

.main_middle_box .main_common_btn {left:30px; top:120px;}
.main_middle_box .col:hover .main_common_btn a {background:#fff; color:#000; width:100px; text-align:left; padding-left:30px;}
.main_middle_box .col:hover .main_common_btn a .hidde_text{display:block; font-size:12px; color:#666; position:absolute; right:20px;top:0px; line-height:40px; }



.main_middle_box .col.m2 .inquery {}
.main_middle_box .col.m2 .inquery ul {overflow:hidden;}
.main_middle_box .col.m2 .inquery ul li {margin-bottom:5px; float:left; width:49%;}
.main_middle_box .col.m2 .inquery ul li.last {float:right;}
.main_middle_box .col.m2 .inquery ul li input[type="text"]{width:100%; padding:0px 10%; border:0px; height:33px; height:33px; border-radius:10px; font-size:13px;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.main_middle_box .col.m2 .inquery ul li.text{margin-top:5px; width:100%;}
.main_middle_box .col.m2 .inquery ul li.btn {margin-top:5px; width:100%;}
.main_middle_box .col.m2 .inquery ul li input[type="submit"]{width:100%; text-align:center; border:0px; height:40px; height:40px; background:#272a31; color:#fff; border-radius:10px;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}  
.main_middle_box .col.m2 .inquery ul li.text textarea{border:0px; height:70px; padding:10px; border-radius:10px; width:100%; font-size:13px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}


.main_middle_box .col.m2 .inquery ul li input[type="text"]:hover,
.main_middle_box .col.m2 .inquery ul li input[type="password"]:hover,
.main_middle_box .col.m2 .inquery ul li textarea:hover,
.main_middle_box .col.m2 .inquery ul li textarea:focus,
.main_middle_box .col.m2 .inquery ul li input[type="text"]:focus,
.main_middle_box .col.m2 .inquery ul li input[type="password"]:focus  {background-color:#fcfaed; outline: none;}




/*메인라이트*/
.main_right_box {float:left; width:300px; border-radius:30px; }
.main_right_box .col{background:#fff;  border-radius:30px; height:220px; margin-bottom:20px;} 
.main_right_box .col.m1 {height:auto;} 

.main_right_box .col.m1 #daum_map {width:100%; height:150px; border-radius:15px;}
.main_right_box .col.m1 .addr_box {margin-top:15px;  background:url(../images/main/main_map_icon.png) left 50% no-repeat;}
.main_right_box .col.m1 .addr_box dl {padding-left:40px;}
.main_right_box .col.m1 .addr_box dl dt {font-size:16px;font-weight:bold; color:#000; line-height:20px;}
.main_right_box .col.m1 .addr_box dl dd {font-size:13px; color:#666; margin-top:5px; line-height:18px;}


.main_right_box .col.m2 {background:#e1deda; height:180px;} 
.main_right_box .col.m2 .c_info {padding-left:60px; background:url(../images/main/main_right_box_call_icon.png) left top no-repeat; }
.main_right_box .col.m2 .c_info .t1 {font-size:25px; font-weight:bold; color:#8f7d62; margin-top:20px;}  
.main_right_box .col.m2 .c_info .t2 {margin-top:2px; color:#000;} 
.main_right_box .col.m2 .c_info .t2 .color{color:#a9977c;} 





.main_news {margin-top:0px; }


.main_news_title {font-size:22px; font-weight:bold; color:#000; margin-bottom:20px;position:relative;}
.main_news_title span {display:block; font-size:14px; font-weight:normal; line-height:18px; color:#888; margin-top:5px;}
.main_news_title .more {position:absolute; right:0px; top:20px;}
.main_news_title .more a{display:block; font-size:13px; font-weight:normal; color:#000;}
.main_news_title .more a:hover{color:#233652;}




.main_news ul {text-align:center; position:relative; font-size:0px;  transition: all 0.4s;  width:1300px !important; overflow:hidden;}
.main_news ul li{display:inline-block;; width:640px !important; margin-right:20px;  position:relative; top:0px; -webkit-box-sizing: border-box;    -moz-box-sizing: border-box;    box-sizing: border-box; transition: all 0.4s; }
.main_news ul li .box {padding:30px;border-radius:15px; background:#fff; position:relative;  -webkit-box-sizing: border-box;    -moz-box-sizing: border-box;    box-sizing: border-box; text-align:left; border:3px #f3f2f2 solid; transition: all 0.4s;}


.main_news ul li .photo {position:absolute; left:30px; top:30px; width:110px; height:110px; overflow:hidden;  text-align:center; border-radius:10px; }
.main_news ul li .photo .no_img {display:block;  vertical-align:top; line-height:110px; color:#ddd;  height:110px; background:#f2f2f2; font-size:11px;  text-align:center;}

.main_news ul li .photo img{vertical-align:middle;}
.main_news ul li .text_box {margin-left:140px;}
.main_news ul li .t1{font-size:20px; height:22px; line-height:22px; color:#000; white-space: normal;}
.main_news ul li .t2{font-size:15px; margin-top:20px;  height:36px; line-height:18px; font-weight:normal; white-space: normal;}
.main_news ul li .t3 { text-align:left; font-size:12px; color:#999; margin-top:10px;}
.main_news ul li:hover {top:-20px;  transition: all 0.2s;}
.main_news ul li:hover .box {border-color:#233652;}
.main_news ul li:hover .box .t1 {color:#233652;}
.main_news .notice_pager {text-align:center; margin-top:20px;}
.main_news .notice_pager span {width:15px; height:15px; background:#999; border-radius:15px; display:inline-block; margin:0 3px; cursor:pointer;}
.main_news .notice_pager span.cycle-pager-active {background:#233652; width:50px;}



