@charset "utf-8";
@import url('../../fonts.googleapis.com/earlyaccess/nanumgothic.css');
@import url(base.css); /* reset */
@import url(common.css); /* header,footer */

/*메인퀵메뉴*/
#qWrap {width:1100px; position:relative;margin:0 auto;}
#qWrap #quick{position: absolute; left:1080px; top:560px; z-index:999;}

/*메인비쥬얼*/
.main_visual {width:100%; height:565px; position:relative;}
.main_visual p{height:565px;}
.main_visual .main_txt {z-index:102; width:1200px; margin:0 auto; height:0px; position:relative;}
.main_visual .main_txt li {position:absolute; top:-923px; right:0px; opacity:0; letter-spacing:-2px;}
.main_visual .main_txt li.mtxt01 {color:#FFFFFF; font-size:50px; font-weight:bolder; top:-843px; left:713px;}
.main_visual .main_txt li.mtxt02 {color:#FFFFFF; font-size:30px; font-weight:bolder; top:-653px; left:713px;}

/* pager */
.cycle-pager {text-align: center; width: 100%; z-index: 102; position: absolute; overflow: hidden; bottom:46px;}
.cycle-pager span { font-family: arial; font-size: 0px; display: inline-block; color: #ddd; cursor: pointer; width:18px; height:18px; background:#ddd; margin-left:10px;}
.cycle-pager span.cycle-pager-active { color: #0054a6; background:#0054a6;}
.cycle-pager > * { cursor: pointer;}

.main_visual .v_button {width:100%; position:absolute; top:260px; z-index: 102;}
.main_visual .v_button ul {width:1200px; margin:0 auto; position:relative;}
.main_visual .v_button ul li.left_btn {position:absolute; left:0px; cursor:pointer;}
.main_visual .v_button ul li.right_btn {position:absolute; right:0px; cursor:pointer;}

/*컨텐츠*/
#containerWrap {width:100%; }
#container {width:100%; position:relative; background:#FFFFFF; z-index:102;}
#container .contents {width:1200px; margin:0 auto; position:relative;}
.MidCon {width:1200px; position:relative;}
.MidCon .con_top {width:100%; height:1050px;}
.MidCon .con_top ul::after {content:""; display:block; clear:both;}
.MidCon .con_top ul li {float:left; width:279px; height:300px; position:relative; margin-right:8px;}
.MidCon .con_top ul li a { display:block; width:100%; height:100%; clear:both; position:absolute; top:0px;}
.MidCon .con_top ul li dl dt {color:#111111; font-size:21px; font-weight:bolder;}
.MidCon .con_top ul li dl dd {line-height:19px; color:#555555;}
.MidCon .con_top ul li.m_btn01 {margin-left:30px; margin-top:35px;}
.MidCon .con_top ul li.m_btn01 dl { margin-left:15px;}
.MidCon .con_top ul li.m_btn01 dl dt { margin-top:30px; margin-bottom:20px; }
.MidCon .con_top ul li.m_btn01 dl dd {position:relative; width:100%;}
.MidCon .con_top ul li.m_btn01 dl dd a{color:#555555; font-size:14px; font-weight:normal; line-height:30px; }
.MidCon .con_top ul li.m_btn01 dl dd.tel_num {font-weight:normal; margin-top:55px; margin-left:0px; }
.MidCon .con_top ul li.m_btn01 dl dd.tel_num p.number{color:#0054a6; font-size:20px; font-weight:normal; margin-left:0px; letter-spacing:-3px;}
.MidCon .con_top ul li.m_btn01 dl dd.tel_num span{font-weight:bolder;}

.MidCon .con_top ul li.m_btn02 {margin-top:35px;}
.MidCon .con_top ul li.m_btn02 dl { margin-left:15px;}
.MidCon .con_top ul li.m_btn02 dl dt { margin-top:30px; margin-bottom:20px; }
.MidCon .con_top ul li.m_btn02 dl dd {position:relative; width:100%;}
.MidCon .con_top ul li.m_btn02 dl dd a{color:#555555; font-size:14px; font-weight:normal; }
.MidCon .con_top ul li.m_btn02 dl dd.time_tbl {margin-top:40px;}

.MidCon .con_top ul li.m_btn03 {margin-top:35px;}
.MidCon .con_top ul li.m_btn03 dl { margin-left:15px;}
.MidCon .con_top ul li.m_btn03 dl dt { margin-top:30px; margin-bottom:20px; }
.MidCon .con_top ul li.m_btn03 dl dd {position:relative; width:100%;}
.MidCon .con_top ul li.m_btn03 dl dd a{color:#555555; font-size:14px; font-weight:normal; }
.MidCon .con_top ul li.m_btn03 dl dd.barogo {border:1px solid #BBBBBB; border-radius: 2px; width:112px; height:32px; line-height:32px; text-align:center; color:#333333; font-size:15px; font-weight:bold; margin-top:40px;}
.MidCon .con_top ul li.m_btn03 dl dd.add_txt {margin-top:20px;}

.MidCon .con_top ul li.m_btn04 {margin-top:35px;}
.MidCon .con_top ul li.m_btn04 dl { margin-left:15px;}
.MidCon .con_top ul li.m_btn04 dl dt { margin-top:30px; margin-bottom:20px; }
.MidCon .con_top ul li.m_btn04 dl dd {position:relative; width:100%;}
.MidCon .con_top ul li.m_btn04 dl dd a{color:#555555; font-size:14px; font-weight:normal; }
.MidCon .con_top ul li.m_btn04 dl dd.barogo {border:1px solid #BBBBBB; border-radius: 2px; width:112px; height:32px; line-height:32px; text-align:center; color:#333333; font-size:15px; font-weight:bold; margin-top:40px;}

.MidCon .con_top ul li.m_btn01 {background:url(http://keenus20.cdn3.cafe24.com/mid_btn01.png) no-repeat; }
.MidCon .con_top ul li.m_btn02 {background:url(http://keenus20.cdn3.cafe24.com/mid_btn02.png) no-repeat; }
.MidCon .con_top ul li.m_btn03 {background:url(http://keenus20.cdn3.cafe24.com/mid_btn03.png) no-repeat; }
.MidCon .con_top ul li.m_btn04 {background:url(http://keenus20.cdn3.cafe24.com/mid_btn04.png) no-repeat; }
.MidCon .con_top ul li.m_btn05 {background:url(http://keenus20.cdn3.cafe24.com/mid_btn05.png) no-repeat; }
.MidCon .con_top ul li.m_btn06 {background:url(http://keenus20.cdn3.cafe24.com/mid_btn06.png) no-repeat; }
.MidCon .con_top ul li.m_btn07 {background:url(http://keenus20.cdn3.cafe24.com/mid_btn07.png) no-repeat; }
.MidCon .con_top ul li.m_btn08 {background:url(http://keenus20.cdn3.cafe24.com/mid_btn08.png) no-repeat; }
.MidCon .con_top ul li.m_btn09 {background:#dedede; width:1140px; height:300px;}

.MidCon .con_top ul li.m_btn05 {margin-left:30px; margin-top:35px;}
.MidCon .con_top ul li.m_btn06 {margin-top:35px;}
.MidCon .con_top ul li.m_btn07 {margin-top:35px;}
.MidCon .con_top ul li.m_btn08 {margin-top:35px;}
.MidCon .con_top ul li.m_btn09 {margin-left:30px; margin-top:35px;}


.MidCon .con_top ul li.m_btn05 dl dt {color:#111111; font-size:21px; font-weight:bold; margin-top:172px; margin-left:21px;}
.MidCon .con_top ul li.m_btn05 dl dd {color:#555555;  margin-top:25px; margin-left:21px; margin-right: 21px; text-align: justify;}

.MidCon .con_top ul li.m_btn06 dl dt {color:#111111; font-size:21px; font-weight:bold; margin-top:172px; margin-left:21px;}
.MidCon .con_top ul li.m_btn06 dl dd {color:#555555;  margin-top:25px; margin-left:21px; margin-right: 21px; text-align: justify;}

.MidCon .con_top ul li.m_btn07 dl dt {color:#111111; font-size:21px; font-weight:bold; margin-top:172px; margin-left:21px;}
.MidCon .con_top ul li.m_btn07 dl dd {color:#555555;  margin-top:25px; margin-left:21px; margin-right: 21px; text-align: justify;}

.MidCon .con_top ul li.m_btn08 dl dt {color:#111111; font-size:21px; font-weight:bold; margin-top:172px; margin-left:21px;}
.MidCon .con_top ul li.m_btn08 dl dd {color:#555555;  margin-top:25px; margin-left:21px; margin-right: 21px; text-align: justify;}




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

.main_visual {height: auto;}
.main_visual p{height:450px;}
.main_visual .v_button {top: 210px; margin: 0 2%; width: 96%;}
.main_visual .v_button ul {width: 100%;}

/*컨텐츠*/
#container .contents {width:100%;}
.MidCon {width:100%;}
.MidCon .con_top {width:100%; height:auto;}
.MidCon .con_top ul {overflow:hidden;}
.MidCon .con_top ul li {float:left; width:47%; height:300px; position:relative; margin:1% 2%;}
.MidCon .con_top ul li dl dt {font-size:26px;}
.MidCon .con_top ul li dl dd {font-size:16px; line-height: 21px;}


.MidCon .con_top ul li.m_btn01 {box-sizing: border-box; border: 1px solid #dddddd; margin-top: 2%; margin-right: 1%; margin-left:2%; text-align:center;}
.MidCon .con_top ul li.m_btn02 {box-sizing: border-box; border: 1px solid #dddddd; margin-top: 2%; margin-left: 1%; text-align:center;}
.MidCon .con_top ul li.m_btn03 {box-sizing: border-box; border: 1px solid #dddddd; margin-right: 1%; text-align:center;}
.MidCon .con_top ul li.m_btn04 {box-sizing: border-box; border: 1px solid #dddddd; margin-left: 1%; text-align:center;}
.MidCon .con_top ul li.m_btn05 {box-sizing: border-box; border: 1px solid #dddddd; margin-right: 1%; margin-left:2%; text-align:center; margin-top: 1%;}
.MidCon .con_top ul li.m_btn06 {box-sizing: border-box; border: 1px solid #dddddd; margin-left: 1%; text-align:center; margin-top: 1%;}
.MidCon .con_top ul li.m_btn07 {box-sizing: border-box; border: 1px solid #dddddd; margin-right: 1%; text-align:center; margin-top: 1%;}
.MidCon .con_top ul li.m_btn08 {box-sizing: border-box; border: 1px solid #dddddd; margin-left: 1%; text-align:center; margin-top: 1%;}
.MidCon .con_top ul li.m_btn09 {box-sizing: border-box; border: 1px solid #dddddd; margin-left: 2%; margin-right: 2%; text-align:center; margin-top: 1%;}

.MidCon .con_top ul li.m_btn01 {background:url(http://keenus20.cdn3.cafe24.com/m_mid_btn01.png) no-repeat center; }
.MidCon .con_top ul li.m_btn02 {background:url(../images/main/m_mid_btn02.png) no-repeat center; }
.MidCon .con_top ul li.m_btn03 {background:url(http://keenus20.cdn3.cafe24.com/m_mid_btn03.png) no-repeat center; }
.MidCon .con_top ul li.m_btn04 {background:url(http://keenus20.cdn3.cafe24.com/m_mid_btn04.png) no-repeat center; }
.MidCon .con_top ul li.m_btn05 {background:url(../images/main/m_mid_btn05.png) no-repeat center; }
.MidCon .con_top ul li.m_btn06 {background:url(../images/main/m_mid_btn06.png) no-repeat center; }
.MidCon .con_top ul li.m_btn07 {background:url(../images/main/m_mid_btn07.png) no-repeat center; }
.MidCon .con_top ul li.m_btn08 {background:url(../images/main/m_mid_btn08.png) no-repeat center; }
.MidCon .con_top ul li.m_btn09 {background:#dedede; width:96%; height:300px;}

.MidCon .con_top ul li.m_btn01 dl dt {margin-top: 15px;}
.MidCon .con_top ul li.m_btn01 dl dd {margin-top: 35px;}
.MidCon .con_top ul li.m_btn01 dl dd.tel_num {font-size: 15px; margin-left: 0px; margin-top:35px;}

.MidCon .con_top ul li.m_btn02 dl {margin-left: 0px;}
.MidCon .con_top ul li.m_btn02 dl dt {margin-top: 30px;}
.MidCon .con_top ul li.m_btn02 dl dd {margin-top: 30px;}
.MidCon .con_top ul li.m_btn02 dl dd.time_tbl {margin-top: 35px;}

.MidCon .con_top ul li.m_btn03 dl {margin-left: 0px;}
.MidCon .con_top ul li.m_btn03 dl dd.barogo {display: inline-block; margin-top:50px;}
.MidCon .con_top ul li.m_btn03 dl dd.add_txt {margin-top:30px;}

.MidCon .con_top ul li.m_btn04 dl {margin-left: 0px;}
.MidCon .con_top ul li.m_btn04 dl dd.barogo {display: inline-block; margin-top:50px;}

.MidCon .con_top ul li.m_btn05 dl dt {margin-left: 0;}
.MidCon .con_top ul li.m_btn05 dl dd {margin-left: 0; margin-right: 0;}

.MidCon .con_top ul li.m_btn06 dl dt {margin-left: 0;}
.MidCon .con_top ul li.m_btn06 dl dd {margin-left: 0; margin-right: 0;}

.MidCon .con_top ul li.m_btn07 dl dt {margin-left: 0;}
.MidCon .con_top ul li.m_btn07 dl dd {margin-left: 0; margin-right: 0;}

.MidCon .con_top ul li.m_btn08 dl dt {margin-left: 0;}
.MidCon .con_top ul li.m_btn08 dl dd {margin-left: 0; margin-right: 0;}


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

.main_visual p{height:200px;}
.main_visual .v_button {top: 84px; margin: 0 2%; width: 99%;}
.main_visual .v_button ul li img{width:70%;}

.cycle-pager {bottom:25px;}

.MidCon .con_top ul li {float:left; width:96%; height:300px; position:relative; margin:1% 2%;}

.MidCon .con_top ul li.m_btn01 {margin-right: 2%; margin-left:2%;}
.MidCon .con_top ul li.m_btn02 {margin-right: 2%; margin-left:2%;}
.MidCon .con_top ul li.m_btn03 {margin-right: 2%; margin-left:2%;}
.MidCon .con_top ul li.m_btn04 {margin-right: 2%; margin-left:2%;}
.MidCon .con_top ul li.m_btn05 {margin-right: 2%; margin-left:2%;}
.MidCon .con_top ul li.m_btn06 {margin-right: 2%; margin-left:2%;}
.MidCon .con_top ul li.m_btn07 {margin-right: 2%; margin-left:2%;}
.MidCon .con_top ul li.m_btn08 {margin-right: 2%; margin-left:2%;}

.MidCon .con_top ul li.m_btn02 {background: url(../images/main/m_mid_btn02.png) no-repeat center 300%;}
.MidCon .con_top ul li.m_btn02 dl dt {margin-top: 25px;}
.MidCon .con_top ul li.m_btn03 dl dt {margin-top: 40px;}
.MidCon .con_top ul li.m_btn03 dl dd {word-break: keep-all;}
.MidCon .con_top ul li.m_btn04 dl dt {margin-top: 40px;}
.MidCon .con_top ul li.m_btn04 dl dd {word-break: keep-all;}

}