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


html{height:100%}
/***** layout *****/
body {height:100%;margin:0; padding:0; min-width:1380px;background:#292929;color:#666;font-family:'NotoSansKR','Malgun Gothic','맑은 고딕',Apple Gothic,arial,helvetica,sans-serif;font-size:18px;font-weight:600;line-height:26px;-webkit-text-size-adjust:none;-webkit-overflow-scrolling:touch;word-wrap:break-word;word-break:keep-all;white-space:normal;overflow-y:scroll;}
#wrap {position:relative;width:100%;background-color:#fff;overflow:hidden;min-height:100%;padding-bottom:160px;}

/**** Header ****/
header {position:fixed;left:0;top:0;width:100%;height:142px;background:#fff;border-bottom:1px solid #e5e5e5;box-sizing:border-box;z-index:100;}
header:before {position:absolute;left:0;top:80px;width:100%;height:1px;background:#e5e5e5;content:"";}
header .header_cont {position:relative;width:1280px;height:141px;margin:0 auto;}
header h1.logo {position:absolute;left:0;top:0;}
header h1.logo a {display:block;width:285px;height:80px;background:url(/kas/img/KAS/logo_main.png) center no-repeat;text-indent:-9999px;overflow:hidden;} 

/** GNB **/
.gnb {position:absolute;left:71px;top:81px;width:100%;font-size:0;text-align:center;}
.gnb:before {position:absolute;left:-100%;top:61px;width:300%;height:0;background:#f7f7f7;content:"";overflow:hidden;transition:all 0.4s;}

/* GNB 1Depth */
.gnb .li {display:inline-block;position:relative;}
.gnb .gnb_m {display:block;height:60px;padding:0 40px;color:#1c1c1c;font-size:18px;font-weight:800;line-height:59px;overflow:hidden;transition:all 0.4s;}
.gnb .gnb_m.on, .gnb .gnb_m:hover, .gnb .gnb_m:focus {color:#2c3781;}

/* GNB 2Depth */
.gnb .dep2 {position:absolute;top:61px;left:10px;width:700px;font-size:0;text-align:left;}
.gnb .dep2 ul {display:none;position:relative;animation:fade both 0.4s 0.1s;}
.gnb .dep2 li {display:inline-block;margin:0 5px;}
.gnb .dep2 li a {display:block;height:50px;padding:0 10px;color:#666;font-size:16px;line-height:50px;transition:all 0.4s;}
.gnb .dep2 li.on a, .gnb .dep2 li a:hover, .gnb .dep2 li a:focus {color:#2c3781;}
.gnb .gnb01 .dep2 {left:26px;}
.gnb .gnb02 .dep2 {left:27px;}
.gnb .gnb03 .dep2 {left:0px;}
.gnb .gnb04 .dep2 {left:5px;}
.gnb .gnb05 .dep2 {left:29px;}
.gnb .gnb06 .dep2 {left:4px;}

/* GNB Active */
.gnb.on:before {height:50px;}
.gnb .over .gnb_m {color:#2c3781;}
.gnb .over .dep2 ul {display:block;}


/** utill_nav **/
.utill_nav {position:absolute;right:140px;top:8px;}
.utill_nav ul {float:left;margin-top:14px;}
.utill_nav li {position:relative;float:left;padding-left:1px;}
.utill_nav li:last-child:before {position:absolute;left:0;top:13px;width:0px;height:11px;background:none;content:"";}
.utill_nav li:before {position:absolute;left:0;top:13px;width:1px;height:11px;background:#e5e5e5;content:"";}
.utill_nav li.utill_snav {margin-top:-3px;margin-left:10px;}
.utill_nav li.utill_snav:before {position:absolute;left:0;top:13px;width:0px;height:11px;background:#e5e5e5;content:"";}

.utill_nav li:first-child:before {display:none;}
.utill_nav li a {display:block;padding:5px 10px;color:#999;font-size:13px;transition:all 0.4s;}
.utill_nav li a:hover, .utill_nav li a:focus {color:#2c3781;}
.utill_nav li.utill_snav a {display:block;padding:0;}
.utill_nav:after {display:block;clear:both;height:0;content:"";overflow:hidden;}
.utill_nav li:last-child {padding:7px 0 0 10px;}

.language {position: absolute;top: 20px;right: 0;border: 1px solid #ddd;border-radius: 30px;}
.language li.on { color: #333;background-color: #eee;}
.language li:first-child {border-right: 1px solid #ddd;border-radius: 30px 0 0 30px;}
.language li:last-child {border-radius: 0 30px 30px 0;}
.language li {float: left;width: 55px;height: 38px;font-size: 13px;color: #999;text-align: center;line-height: 38px;letter-spacing: -0.5px;box-sizing: border-box;}


/** header_all_nav **/
.header_all_nav {display:none;position:absolute;left:0;top:141px;width:100%;padding:30px 0 40px 0;background:#fff;border-top:2px solid #2c3781;border-bottom:1px solid #e5e5e5;box-sizing:border-box;box-shadow:0 5px 10px 2px rgba(153,153,153,0.1);animation:fade both 0.5s 0.1s;}
.header_all_nav .inner {position:relative;width:1280px;margin:0 auto;overflow:hidden;}
.header_all_nav .inner:after {position:absolute;left:-5px;top:0;width:10px;height:100%;background:#fff;content:"";}
.header_all_nav .box {position:relative;margin:-1px 0 -55px 0;background:url(http://www.m-park.co.kr/2018_renew/images/layout/header_all_nav_line.png) repeat;}
.header_all_nav .box .li {float:left;width:20%;padding:0 35px 53px 35px;box-sizing:border-box;font-size:14px;line-height:20px;font-weight:normal;}
.header_all_nav .box .li:nth-child(5n + 1) {clear:left;}
.header_all_nav .box dt {margin-bottom:17px;}
.header_all_nav .box dt a {color:#1c1c1c;font-weight:800;}
.header_all_nav .box dd {padding:2px 0;}
.header_all_nav .box a {display:inline-block;transition:all 0.4s;}
.header_all_nav .box a:hover, .header_all_nav .box a:focus {color:#2c3781;}
.header_all_nav .box:after {display:block;clear:both;height:0;content:"";overflow:hidden;}
.header_all_nav.on {display:block;}
.header_all_nav.off {display:block;animation:fadeOut both 0.4s 0.1s;}

/* btn_allnav_op */
.btn_allnav_op {display:none;position:absolute;left:0;top:81px;height:60px;padding-left:33px;color:#1c1c1c;font-weight:800;line-height:59px;overflow:hidden;transition:all 0.4s;}
.btn_allnav_op:hover {color:#2c3781;}
.btn_allnav_op em {position:absolute;left:0;top:50%;width:21px;height:18px;margin-top:-8px;}
.btn_allnav_op em:before {position:absolute;left:0;top:0;width:21px;height:2px;background:#1c1c1c;content:"";transition:background 0.4s;}
.btn_allnav_op em:after {position:absolute;left:0;top:8px;width:21px;height:2px;background:#1c1c1c;content:"";transition:background 0.4s;}
.btn_allnav_op:after {position:absolute;left:0;top:38px;width:21px;height:2px;background:#1c1c1c;content:"";transition:background 0.4s;}
.btn_allnav_op.on {display:block;}
.btn_allnav_op.on em:before {animation:btnMgnb both 0.4s;}
.btn_allnav_op.on em:after {animation:btnMgnb both 0.4s 0.2s;}
.btn_allnav_op.on:after {animation:btnMgnb both 0.4s 0.4s;}
.btn_allnav_op:hover em:before {background:#2c3781;}
.btn_allnav_op:hover em:after {background:#2c3781;}
.btn_allnav_op:hover:after {background:#2c3781;}

/* btn_allnav_cl */
.btn_allnav_cl {display:none;position:absolute;left:50%;top:81px;width:150px;height:60px;margin-left:-640px;padding-left:33px;color:#2c3781;font-weight:800;line-height:61px;overflow:hidden;transition:all 0.4s;z-index:2;}
.btn_allnav_cl em {display:block;position:absolute;left:0;top:50%;width:24px;height:24px;margin-top:-11px;transform:rotate(45deg);}
.btn_allnav_cl em:before {position:absolute;left:0;top:50%;width:24px;height:2px;margin-top:-1px;background:#2c3781;content:"";}
.btn_allnav_cl em:after {position:absolute;left:50%;top:0;width:2px;height:24px;margin-left:-1px;background:#2c3781;content:"";}
.btn_allnav_cl.on {display:block;}
.btn_allnav_cl.on em:before {animation:btnMgnbX both 0.4s;}
.btn_allnav_cl.on em:after {animation:btnMgnbXh both 0.4s 0.2s;}


/**** Container ****/
#container {position:relative; padding:142px 0 0 0;}

/**** subContainer ****/
#subcontainer h3 { margin:-10px 0 39px 0;font-size: 29px;}
#subcontainer h3.mt30 {margin:0; padding:26px 0 6px; font-size:20px;}
#subcontent { overflow: hidden; width:100%; min-height:300px; }/* page-break-before:always; */
#subcontainer h4{ font-size:16px; color:#333333; font-weight:bold; background:url('../kas/img/KAS/blet/blet_round01.gif') no-repeat left 8px; padding-left:20px; margin:25px 0 2px 0;}
#subcontainer h4.first { margin:0px 0 10px;}

/*** visual_area ***/
.visual_area {position:relative;width:100%;background:#fff;color:#1c1c1c;text-align:center;}
.visual_area .visual_cont {display:table;position:relative;width:1280px;margin:0 auto;}
.visual_area .visual_cont .inner {display:table-cell;height:210px;vertical-align:middle}
.visual_area .img {position:absolute;left:0;top:0;width:100%;height:100%;}
.visual_area .title {font-size:42px;font-weight:800;line-height:42px;}
.visual_area .txt {margin-top:20px;font-size:15px;font-weight:100;}
.txtvi {color:#fff;font-size:17px;padding-top:43px;line-height:30px;}
.txtvi strong{color:#fff;font-size:26px;}



/*** cont_area ***/
.cont_area {position:relative;min-height:400px;width:1280px;margin:0 auto;font-size:14px;}
.cont {position:relative;margin-bottom:80px;/*overflow:hidden;*/}
.cont:last-child {margin-bottom:0;}
.cont_s {position:relative;margin-bottom:60px;}
.cont_s:last-child {margin-bottom:0;}
.cont_s2 {position:relative;margin-bottom:40px;}
.cont_s2:last-child {margin-bottom:0;}
.cont_area .con_box {width:1180px;margin:0 auto;}


.submenu_2De {box-sizing: border-box;height: 47px;padding: 0;text-align: center;border-bottom: 1px solid #ececec;background: #fafafa;}
.submenu_2De ul li { display: inline-block;margin: 0 20px;}
.submenu_2De ul li a {font-size: 16px;font-weight: 700;line-height: 18px;display: block;height: 32px;padding: 15px 0 0;color: #666;}
.submenu_2De ul li a.on {font-size: 16px;font-weight: 700;line-height: 18px;display: block;height: 32px;padding: 15px 0 0;color: #00aef5;}





/** Title **/
.tit_t {position:relative;margin:-2px 0 25px 0;color:#1c1c1c;font-size:30px;font-weight:800;line-height:30px;letter-spacing:-1px;}
.tit_t span {display:inline-block;position:relative;top:2px;font-size:18px;vertical-align:top;}
.tit_t.mb {margin-bottom:55px;}
.tit_t.center {text-align:center;}
.tit_t02 {position:relative;margin:-2px 0 30px 0;color:#1c1c1c;font-size:22px;font-weight:800;line-height:22px;letter-spacing:-0.5px;}
.tit_t02.mb {margin-bottom:15px;}   
.tit_s {position:relative;margin:-2px 0 50px 0;padding-bottom:28px;color:#1c1c1c;font-size:30px;font-weight:800;line-height:30px;text-align:center;letter-spacing:-1px;}  
.tit_s:after {position:absolute;left:50%;bottom:0;width:25px;height:4px;margin-left:-12px;background:#2c3781;content:"";}
.tit_p {position:relative;margin:-1px 0 20px 0;padding-left:12px;color:#1c1c1c;font-size:18px;font-weight:800;line-height:18px;}
.tit_p:before {position: absolute;left:0;top:5px;width:8px;height:8px;background:#2c3781;border-radius:100%;content:"";}

/** location **/
#location {
	position:absolute; top:0px; right:0px; padding-left:17px;
	background:url('../../images/common/img_locateion.gif') no-repeat left 1px;
}
#location ul { overflow:hidden; list-style:none; color:#8a8b8b;}
#location ul li { 
	float:left; font-size:11px; margin-right:7px;  padding-right:10px;
	background:url('../../images/blet/blet_arrow01.gif') no-repeat right 3px;
}
#location ul li.here { background:none; margin:0px; padding:0px; }

/**** Footer ****/
footer {position:absolute;background:#292929; bottom:0; width:100%; height:160px;}
footer:before {position:absolute;left:0;top:0;width:100%;height:46px;background:#333;content:"";}
footer .footer_cont {position:relative;width:1280px;min-height:170px;margin:0 auto;background:url(/kas/img/KAS/foot_logo.png) 0 76px no-repeat;}

/** footer_nav **/
.footer_nav {position:relative;height:46px;}
.footer_nav li {position:relative;float:left;padding-left:1px;}
.footer_nav li:before {position:absolute;left:0;top:18px;width:1px;height:12px;background:#555;content:"";}
.footer_nav li:first-child:before {display:none;}
.footer_nav li a {display:block;padding:0 10px;color:#999;font-size:14px;font-weight:100;line-height:46px;transition:all 0.4s;}
.footer_nav li a:hover, .footer_nav li a:focus {color:#fff;}
.footer_nav ul:after {display:block;clear:both;height:0;content:"";overflow:hidden;}


/** footer_area **/
.footer_area {position:relative;padding:28px 0 0 96px;color:#999;font-size:13px;font-weight:100;line-height:20px;}
.footer_area address {position:relative;font-style:normal;}
.footer_area .copyright {margin-top:5px;opacity:0.5;}

.mainBannerB{clear:both;width:1280px;margin:0 auto;padding:35px 0 0 0;height:110px;}
.mainBannerB ul li{float:left;}