@charset "utf-8";
/*
    Main.css
*/

/*** main_area ***/
.main_area {position:relative;width:1280px;margin:0 auto -80px auto;margin-bottom:35px;}
.main_area article {margin-top:35px;}
.main_area article:first-child {margin-top:35px;}

.main_2d_area {background:#f5f5f5;clear:both;padding:45px 0;height:290px;}

/** mc_vm **/
.mc_vm {position: relative;}
.mc_vm:after {display:block;clear:both;height:0;content:"";overflow:hidden;}

/* mc_box S1랜던이미지변경가능*/
.mc_box {position:relative;float:left;width:815px;height:350px;background:#f7f7f7;}
.mc_box.s1 {background:url('/kas/img/KAS/main_v1.png') center no-repeat;}
.mc_box.s2 {background:url('/kas/img/KAS/main_v1.png') center no-repeat;}
.mc_box.s3 {background:url('/kas/img/KAS/main_v1.png') center no-repeat;}

/* mc_visual */
.mc_visual {position:relative;float:right;width:435px;height:350px;overflow:hidden;}
.mc_top_banner {position:relative;}
.mc_top_banner li {position:relative;display:block;float:left;width:435px;height:350px;}
.mc_top_banner li a {display:block;}
.mc_top_banner:after {display:block;clear:both;height:0;content:"";overflow:hidden;}
.mc_top_pagn {position:absolute;left:0;bottom:25px;width:100%;height:10px;font-size:0;line-height:10px;text-align:center;}
.mc_top_pagn a {display:inline-block;width:10px;height:10px;margin:0 6px;border:1px solid #20b1b9;box-sizing:border-box;border-radius:5px;transition:all 0.4s;}
.mc_top_pagn a.selected {width:26px;background:#20b1b9;}

/** mc_banner **/
.mc_banner a {display:block;}

/** mc_supportive **/
.mc_supportive {position:relative;width:100%;height:125px;}
.mc_supportive div {position:relative;float:left;width:50%;}
.mc_supportive a {display:table;width:100%;transition:all 0.4s;}
.mc_supportive .s1 a {background:#f5f5f5;}
.mc_supportive .s2 a {background:#f1f1f1;}
.mc_supportive .s1 a:hover {background:#f5f5f5;}
.mc_supportive .s2 a:hover {background:#f1f1f1;}
.mc_supportive dl {display:table-cell;height:125px;padding-left:40px;color:#1c1c1c;text-align:left;vertical-align:middle;}
.mc_supportive dt {font-size:22px;font-weight:100;line-height:58px;float:left;background:url('/kas/img/KAS/mark_tab_1.jpg') no-repeat 0 0;padding-left:110px;}
.mc_supportive dd {width:100px;height:40px;padding:0 17px;border:1px solid #1c1c1c;box-sizing:border-box;font-size:14px;font-weight:600;line-height:38px;float:right;margin-right:40px;margin-top:10px;}
.mc_supportive dd span {display:inline-block;position:relative;padding-right:12px;}
.mc_supportive dd span:after {position:absolute;right:0;top:50%;width:5px;height:7px;margin-top:-3px;background:url('/kas/img/KAS/ico_consult_btn01.png') no-repeat;content:"";}
.mc_supportive .s2 dt {font-size:22px;font-weight:100;line-height:58px;float:left;background:url('/kas/img/KAS/mark_tab_2.jpg') no-repeat 0 0;padding-left:160px;}
.mc_supportive .s2 dl {padding-left:40px;color:#1c1c1c;}
.mc_supportive .s2 dd {border-color:#1c1c1c;}

.noticeAreaT {padding:10px 0 0 55px}
.noticeAreaT h4 {font-size: 32px;color: #20b1b9;line-height: 40px;font-weight: 700;margin-bottom:15px;}
.noticeAreaT h4.notit {font-size: 32px;color: #333;line-height: 40px;font-weight: 700;margin-bottom:15px;}
.noticeAreaT ul {margin:0;padding:0;}

.noticeAreaT ul li a span + span {float: left;width: 64px;margin-left: 20px;font-size: 12px;color: #bababa;}
.noticeAreaT ul li a span.bbs_span{display: block;overflow: hidden;float: left;width: 440px;height: 26px;margin: 3px 0;white-space: nowrap;text-overflow: ellipsis;background:url(/kas/img/KAS/dot_bu.gif) no-repeat 0 11px;padding-left:14px;}

/** mc_info **/
.mc_info .info {position:relative;width:1280px;height:155px;text-align:justify;margin:0 auto;}
.mc_info .info:after{display:inline-block;width:99%;height:0;content:"";overflow:hidden;}
.mc_info .info li {display:inline-block;position:relative;vertical-align:top;}
.mc_info .info .img {display:block;padding-right:20px;margin-bottom:10px;}
.mc_info .info .txt {display:block;position:relative;height:155px;text-align:left;vertical-align:top;}
.mc_info .info .txt dt {color:#1c1c1c;font-size:20px;}
.mc_infoTit {font-size:35px !important;line-height:46px;font-weight:200;}
.mc_info .info .txt .s1 {margin-top:13px;color:#999;font-size:14px;line-height:20px;}
.mc_info .info .txt .s2 {position: absolute;left:0;bottom:0;}
.mc_info .info .txt .more_btn {display:inline-block;position:relative;width:64px;height:25px;border:1px solid #ddd;box-sizing:border-box;color:#1c1c1c;font-size:12px;line-height:23px;text-align:center;}
.mc_info .info .txt .more_btn span {display:inline-block;position:relative;padding-right:8px;}
.mc_info .info .txt .more_btn span:after {position:absolute;right:0;top:50%;width:5px;height:7px;margin-top:-4px;background:url(http://www.m-park.co.kr/2018_renew/images/main/ico_consult_btn01.png) right center no-repeat;content:"";}

/** mc_magazine **/
.mc_magazine {position:relative;width:100%;height:290px;padding-top:30px;}
.mc_magazine a {display:block;position:relative;}
.mc_magazine a .img p {transition:transform 0.4s;}
.mc_magazine a:hover .img p {transform:scale(1.08);}
.mc_magazine h3 {font-size:32px;color:#111;line-height:40px;font-weight:600;padding:50px 0 0 70px;}
.mc_magazine p {font-size:14px;color:#a6a6a6;line-height:40px;padding:0 0 0 70px;}

/* left */
.mc_magazine .left {position:relative;float:left;width:638px;height:360px;background:#fff;border:1px solid #20b1b9;}

/* right */
.mc_magazine .right {position:relative;float:right;width:639px;border:1px solid #e0e0e0;border-left:0px solid #e0e0e0;height:360px;background:#fff;}


.ir {display:block;overflow:hidden;float:left;margin:0;padding:0;color:transparent;text-indent:-9999em;background: none;cursor: pointer;text-transform: none;text-shadow: none;border:none;vertical-align: middle;}
.img_comn {background-image:url(/kas/img/KAS/img_comn.png);background-repeat:no-repeat}
address {font-style: normal;display: block;}
#foot_banner {overflow:hidden;position:relative; height:75px; width:1280px; margin:0 auto; }
#foot_banner h3 { position:absolute; top:26px; left:0px;font-size:16px;font-weight:200; }
#foot_banner .fb_box {position:absolute; width:1100px; height:44px;margin:15px 0 0 230px;overflow:hidden}
#slider_foot_banner {position:absolute; width:1080px ; }
#slider_foot_banner li {float:left;}
#foot_banner .control {position:absolute;top:28px;left:190px;width:60px;}
#foot_banner .control button, #foot_banner .control a {position:absolute;width:24px;height:24px}
#foot_banner .control .btn_prev {top:0;left:0;background-position:0 -146px}
#foot_banner .control .btn_prev:hover, #foot_banner .control .btn_prev:active, #foot_banner .control .btn_prev:focus {background-position:0 -176px;z-index:1}
#foot_banner .control .btn_next {top:0;left:23px;background-position:0 -206px}
#foot_banner .control .btn_next:hover, #foot_banner .control .btn_next:active, #foot_banner .control .btn_next:focus {background-position:0 -236px;z-index:1}
#foot_banner .control .btn_more {top:0px;left:46px;background-position:0 -266px}
#foot_banner .control .btn_more:hover, #foot_banner .control .btn_more:active, #foot_banner .control .btn_more:focus {background-position:0 -296px;z-index:1}
#foot_banner .control .btn_stop {top:0px;left:46px;background-position:0 -326px}
#foot_banner .control .btn_stop:hover, #foot_banner .control .btn_stop:active, #foot_banner .control .btn_stop:focus {background-position:0 -356px;z-index:1}
#foot_banner .control .btn_play {display:none;top:0px;left:46px;background-position:0 -386px}
#foot_banner .control .btn_play:hover, #foot_banner .control .btn_play:active, #foot_banner .control .btn_play:focus {background-position:0 -416px;z-index:1}