@charset "utf-8";


#container {position:relative; z-index:0; margin-top:90px;}



.main_common_title {font-size:22px; font-weight:bold; color:#000; margin-bottom:20px;position:relative;}
.main_common_title span {display:block; font-size:15px; font-weight:normal; color:#888; margin-top:5px;}
.main_common_title .more {position:absolute; right:0px; top:20px;}
.main_common_title .more a{display:block; font-size:13px; font-weight:normal; color:#000;}
.main_common_title .more a:hover{color:#0768ac /*#2f4d99*/;}


/*메인비지니스*/
.main_business_wrap { position:relative; overflow:hidden;}
.main_business_wrap ul.col_list{float:left; margin-right:596px;  z-index:1; position:relative;}
.main_business_wrap ul.col_list li{float:left; width:192px; margin-right:10px; margin-bottom:10px;  }
.main_business_wrap ul.col_list li .box{padding:15px; position:relative; border:1px #ddd solid; border-radius:15px; min-height:150px; transition: all 0.4s;}
.main_business_wrap ul.col_list li.jump{width:10px; background:none; border:0px;}
.main_business_wrap ul.col_list li .box .t1{font-size:18px; text-align:center; font-weight:bold; color:#000; margin-top:15px; transition: all 0.4s;}
.main_business_wrap ul.col_list li .box .icon {height:70px; line-height:70px; text-align:center; margin-top:20px; transition: all 0.4s;}
.main_business_wrap ul.col_list li .box .icon img {vertical-align:middle;}
.main_business_wrap ul.col_list li:hover .box .icon {margin-top:30px;}
.main_business_wrap ul.col_list li:hover .box  {background:#fff; border-color:#0768ac /*#2f4d99*/}
.main_business_wrap ul.col_list li:hover .box .t1  {color:#0768ac /*#2f4d99*/}

.main_business_wrap .main_visual{position:absolute; right:0px; top:60px; z-index:0; }
.main_business_wrap .main_visual ul {float:right;}
.main_business_wrap .main_visual ul li .icon {position:absolute; right:0px; top:60px; }
.main_business_wrap .main_visual ul li .main_visual_text {margin-right:240px; margin-top:30px;}
.main_business_wrap .main_visual ul li .main_visual_text .t1{font-size: 40px;    letter-spacing: -2px;    line-height: 50px;   color:#0768ac /*#2f4d99*/; font-family: 'TwayAir';}
.main_business_wrap .main_visual ul li .main_visual_text .t1 span {color:#000; display:inline-block; }
.main_business_wrap .main_visual ul li .main_visual_text .t2{font-size: 16px;    letter-spacing: -1px;    margin-top:15px;    color: #666;}
.main_business_wrap .main_visual .visul_btn {margin-top:180px;  clear:both;  }
.main_business_wrap .main_visual .visul_btn a{display:inline-block; padding:0 30px; line-height:50px; color:#fff; background:#0768ac /*#2f4d99*/; border-radius:50px; transition: all 0.4s;}
.main_business_wrap .main_visual .visul_btn a:hover{background:#a9977c;}




.main_middle_wrap {padding:80px 0px; background:#f3f2f2; margin-top:80px;}
.main_middle_wrap .main_news {margin-top:60px; }
.main_middle_wrap .main_news ul {text-align:center; position:relative; font-size:0px;  transition: all 0.4s;  width:1300px !important; overflow:hidden;}
.main_middle_wrap .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_middle_wrap .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_middle_wrap .main_news ul li .photo {position:absolute; left:30px; top:30px; width:110px; height:110px; overflow:hidden;  text-align:center; border-radius:10px; }
.main_middle_wrap .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_middle_wrap .main_news ul li .photo img{vertical-align:middle;}
.main_middle_wrap .main_news ul li .text_box {margin-left:140px;}
.main_middle_wrap .main_news ul li .t1{font-size:20px; height:22px; line-height:22px; color:#000; white-space: normal;}
.main_middle_wrap .main_news ul li .t2{font-size:15px; margin-top:20px;  height:36px; line-height:18px; font-weight:normal; white-space: normal;}
.main_middle_wrap .main_news ul li .t3 { text-align:left; font-size:12px; color:#999; margin-top:10px;}
.main_middle_wrap .main_news ul li:hover {top:-20px;  transition: all 0.2s;}
.main_middle_wrap .main_news ul li:hover .box {border-color:#0768ac /*#2f4d99*/;}
.main_middle_wrap .main_news ul li:hover .box .t1 {color:#0768ac /*#2f4d99*/;}
.main_middle_wrap .main_news .notice_pager {text-align:center; margin-top:20px;}
.main_middle_wrap .main_news .notice_pager span {width:15px; height:15px; background:#999; border-radius:15px; display:inline-block; margin:0 3px; cursor:pointer;}
.main_middle_wrap .main_news .notice_pager span.cycle-pager-active {background:#0768ac /*#2f4d99*/; width:50px;}


.main_middle_wrap .main_module {overflow:hidden;}
.main_middle_wrap .main_module .col {float:left; width:636px; }
.main_middle_wrap .main_module .col:nth-child(2n+2) {float:right; }
.main_middle_wrap .main_module .map_box {background:#fff; border-radius:15px; padding:30px; height:230px;}
.main_middle_wrap .main_module .map_box #daum_map {width:100%; height:160px; border-radius:15px;}
.main_middle_wrap .main_module .map_box .addr_box {margin-top:30px;  background:url(../images/main/main_map_icon.png) left 50% no-repeat;}
.main_middle_wrap .main_module .map_box .addr_box dl {padding-left:50px;}
.main_middle_wrap .main_module .map_box .addr_box dl dt {font-size:18px;font-weight:bold; color:#000; line-height:20px;}
.main_middle_wrap .main_module .map_box .addr_box dl dd {font-size:14px; color:#666; margin-top:5px; line-height:18px;}

.main_middle_wrap .main_module .middle_box {float:left; width:300px; }
.main_middle_wrap .main_module .middle_box .box {background:#e6e6e6; border-radius:15px; height:290px; transition: all 0.4s;}
.main_middle_wrap .main_module .middle_box .box:hover{background:#ffcf6a;}
.main_middle_wrap .main_module .middle_box .box .col_box{padding:30px;}
.main_middle_wrap .main_module .middle_box .box dl dt {font-size:18px; font-weight:bold; color:#000; }
.main_middle_wrap .main_module .middle_box .box dl dd {font-size:14px;  color:#777; margin-top:6px; line-height:18px;}
.main_middle_wrap .main_module .middle_box .box .inquery {margin-top:10px;}
.main_middle_wrap .main_module .middle_box .box .inquery ul li {margin-bottom:5px;}
.main_middle_wrap .main_module .middle_box .box .inquery ul li select {width:100%;  border:0px; height:40px; height:40px; border-radius:13px;}
.main_middle_wrap .main_module .middle_box .box .inquery ul li input[type="text"]{width:90%; padding:0px 5%; border:0px; height:40px; height:40px; border-radius:13px;}
.main_middle_wrap .main_module .middle_box .box .inquery ul li.btn {margin-top:10px;}
.main_middle_wrap .main_module .middle_box .box .inquery ul li input[type="submit"]{width:100%; text-align:center; border:0px; height:40px; height:40px; background:#000; color:#fff; border-radius:13px;}

.main_middle_wrap .main_module .right_box {float:left; width:300px; margin-left:26px;}
.main_middle_wrap .main_module .right_box .box {background:#d3defa url(../images/main/right_box_member_icon.png) 90% 90% no-repeat;; ; border-radius:15px; height:290px;  position:relative; transition: all 0.4s;}
.main_middle_wrap .main_module .right_box .box .col_box {padding:30px;}
.main_middle_wrap .main_module .right_box .box .col_box dl dt {font-size:18px; font-weight:bold; color:#000;}
.main_middle_wrap .main_module .right_box .box .col_box dl dd {font-size:14px;  color:#777; line-height:18px; margin-top:5px;}
.main_middle_wrap .main_module .right_box .box .col_box .btn  {position:absolute; left:30px; top:130px;}
.main_middle_wrap .main_module .right_box .box .col_box .btn a {display:inline-block; width:40px; height:40px; line-height:40px; border-radius:40px; text-align:center; background:rgba(0,0,0,0.3); font-size:15px; color:#fff;  transform:scale(1); transition: all 0.4s;}
.main_middle_wrap .main_module .right_box .box:hover .col_box .btn a {background:#fff; color:#000; transform:scale(1.2);}
.main_middle_wrap .main_module .right_box .box:hover{background-position: 90% 85%;}


@media all and (max-width:1080px) {




/*메인비지니스*/
.main_business_wrap {  padding:0 10px; margin-top:40px;}
.main_business_wrap ul.col_list{float:none; margin-right:0px;  z-index:1; overflow:hidden;}
.main_business_wrap ul.col_list li{float:left !important; width:48%; margin:0px 1% 2% !important;  }
.main_business_wrap ul.col_list li.jump {display:none !important;}

.main_business_wrap ul.col_list li .box{padding:15px; min-height:auto;}
.main_business_wrap ul.col_list li .box .t1{font-size:16px; margin-top:10px;}
.main_business_wrap ul.col_list li .box .icon {height:70px; line-height:70px; margin-top:10px;}

.main_business_wrap ul.col_list li:hover .box .icon {margin-top:10px;}



.main_business_wrap .main_visual{position:relative; right:0px; top:0px; z-index:0; border: 1px #ddd solid; padding:40px 20px; border-radius:15px; text-align:center; }
.main_business_wrap .main_visual ul {float:none; text-align:center;}
.main_business_wrap .main_visual ul li {width:100% !important;}
.main_business_wrap .main_visual ul li .icon {position:relative; right:0px; top:0px;  text-align:center;}
.main_business_wrap .main_visual ul li .icon img {max-width:130px;}
.main_business_wrap .main_visual ul li .main_visual_text {margin-right:0px; margin-top:20px; text-align:Center;}
.main_business_wrap .main_visual ul li .main_visual_text .t1{font-size:35px;    letter-spacing: -1px;    line-height:35px;}

.main_business_wrap .main_visual .visul_btn {margin-top:20px;  text-align:center;}
.main_business_wrap .main_visual .visul_btn a{ padding:0 30px; line-height:45px; border-radius:45px;}





.main_middle_wrap {padding:30px 10px;  margin-top:30px; background:none;}


.main_middle_wrap .main_module {overflow:hidden;}
.main_middle_wrap .main_module .col {float:none !important; width:auto !important; margin:0px 0px 40px !important;  -webkit-box-sizing: border-box;    -moz-box-sizing: border-box;    box-sizing: border-box;}

.main_middle_wrap .main_module .map_box {border:1px #ddd solid;}


.main_middle_wrap .main_module .middle_box {float:none; width:auto; }
.main_middle_wrap .main_module .middle_box .box { height:auto; ;}

.main_middle_wrap .main_module .right_box {float:none; width:auto; margin-left:0px; margin-top:10px;}



.main_middle_wrap .main_news {margin-top:0px; }
.main_middle_wrap .main_news ul {width:auto !important; }
.main_middle_wrap .main_news ul li{width:290px !important; margin-right:10px; }
.main_middle_wrap .main_news ul li .box {padding:25px;}


.main_middle_wrap .main_news ul li .photo { position:relative; left:0px; top:0px; width:auto; height:150px; overflow:hidden;  border-radius:5px; }
.main_middle_wrap .main_news ul li .photo .no_img {line-height:150px; height:150px; }

.main_middle_wrap .main_news ul li .text_box {margin-left:0px; margin-top:15px;}
.main_middle_wrap .main_news ul li .t1{font-size:18px; overflow: hidden;    white-space: nowrap;    text-overflow: ellipsis; }
.main_middle_wrap .main_news ul li .t2{font-size:15px; margin-top:5px;  height:36px; line-height:18px;  overflow: hidden;   }

.main_middle_wrap .main_news ul li:hover {top:-20px;  transition: all 0.2s;}
.main_middle_wrap .main_news ul li:hover .box {border-color:#0768ac /*#2f4d99*/;}
.main_middle_wrap .main_news ul li:hover .box .t1 {color:#0768ac /*#2f4d99*/;}
.main_middle_wrap .main_news .notice_pager {text-align:center; margin-top:20px;}
.main_middle_wrap .main_news .notice_pager span {width:15px; height:15px; background:#999; border-radius:15px; display:inline-block; margin:0 3px; cursor:pointer;}
.main_middle_wrap .main_news .notice_pager span.cycle-pager-active {background:#0768ac /*#2f4d99*/; width:50px;}





}