@charset "utf-8";

/* main_visual */
.main_visual{width:640px; margin:0 auto; position:relative;}
.main_visual ul li{position:relative; overflow:hidden}
.main_visual ul li img{display:block;}
.main_visual ul .slick-dots{bottom:35%; right:55px; text-align:right; margin:0 auto;}
.main_visual ul .slick-dots li{width:10px; height:10px; border-radius:50%; padding:0; margin:0 8px; background:#none; border:1px solid #4e4e4e; border-radius:50%;;}
.main_visual ul .slick-dots li button{width:100%; height:100%;}
.main_visual ul .slick-dots li button:before{display:none}
.main_visual ul .slick-dots li.slick-active{border-color:#ec97a1;}

/* main_con01 */
.main_con01{padding-bottom:100px;}
.main_con01 ul{font-size:0; text-align:center; letter-spacing:-4px;}
.main_con01 ul li{cursor:pointer; display:inline-block; vertical-align:middle; width:33.333333%;}
.main_con01 ul li .img_box{width:180px; height:180px; margin:0 auto; border-radius:50%; position:relative; }
.main_con01 ul li .img_box .progress_bar{z-index:1; position:absolute; left:0; top:0; width:100%; height:100%; transform:rotate(90deg); -ms-transform:rotate(90deg); -webkit-transform:rotate(90deg); -o-transform:rotate(90deg); -moz-transform:rotate(90deg);}
.main_con01 ul li .img_box i{opacity:0; z-index:2; position:absolute; left:50%; top:45%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%);}
.main_con01 ul li .img_box i{transition:0.5s; -ms-transition:0.5s; -webkit-transition:0.5s; -o-transition:0.5s; -moz-transition:0.5s;}
.main_con01 ul li .text{width:150px; height:48px; border:1px solid #e1e1e1; border-radius:30px; box-sizing:border-box; font-size:20px; color:#222; text-align:center; margin:20px auto;}
.main_con01 ul li .text p{line-height:46px; letter-spacing:-0.025em;}
.main_con01 ul li:hover .img_box i{opacity:1;}
.main_con01 ul li:hover .text{background:#ebebeb; color:#000000; font-weight:500;}

/* main_con02 */
.main_con02{padding:80px 0; background:url('/m/img/main_con02_bg.jpg')no-repeat center / cover;}
.main_con02 ul{font-size:0; text-align:center; letter-spacing:-4px;}
.main_con02 ul li{cursor:pointer; margin-top:-20px; position:relative; background:#fff; display:inline-block; vertical-align:top; width:524px; margin:0 auto 40px;}
.main_con02 ul li:last-child{margin-right:0;}
.main_con02 ul li a{display:block; width:61px; height:61px; background:#e95d74; position:absolute; right:0; top:0;}
.main_con02 ul li a img{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%);}
.main_con02 ul li .text{text-align:left; padding:60px 50px 30px 50px; box-sizing:border-box;}
.main_con02 ul li .text h5{font-size:26px; color:#232323; letter-spacing:-0.025em; font-weight:500; margin:0; padding-bottom:10px; margin-bottom:20px; border-bottom:1px solid #e1e1e1}
.main_con02 ul li .text p{min-height:72px; font-size:20px; color:#666; letter-spacing:-0.025em; word-break:keep-all;}
.main_con02 ul li > img{width:100%;}
.main_con02 ul li{transition:0.3s; -ms-transition:0.3s; -webkit-transition:0.3s; -o-transition:0.3s; -moz-transition:0.3s;}
.main_con02 ul li:hover{box-shadow:5px 0 13px rgba(0,0,0,0.3);position:relative; transform:translateY(5px); -ms-transform:translateY(5px); -webkit-transform:translateY(5px); -o-transform:translateY(5px); -moz-transform:translateY(5px);}
.main_con02 ul li:hover a{background:#ffa0ab}

/* main_con03 */
.main_con03 > div{width:100%; height:512px; float:left; position:relative; cursor:pointer; margin-bottom:40px}
.main_con03 .left{background:url('/m/img/main_con03_left.jpg')no-repeat center right / cover;}
.main_con03 .left .text{text-align:right; padding-right:50px; position:absolute; right:0; top:50%; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); -o-transform:translateY(-50%); -moz-transform:translateY(-50%);}
.main_con03 .left .text span{color:#de984d}
.main_con03 .left:hover .text span i{transform:translateX(-30px); -ms-transform:translateX(-30px); -webkit-transform:translateX(-30px); -o-transform:translateX(-30px); -moz-transform:translateX(-30px);}
.main_con03 .right{background:url('/m/img/main_con03_right.jpg')no-repeat center left / cover;}
.main_con03 .right .text{text-align:left; padding-left:50px; position:absolute; left:0; top:50%; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); -o-transform:translateY(-50%); -moz-transform:translateY(-50%);}
.main_con03 .right .text span{color:#fc9c9c}
.main_con03 .right:hover .text span i{transform:translateX(30px); -ms-transform:translateX(30px); -webkit-transform:translateX(30px); -o-transform:translateX(30px); -moz-transform:translateX(30px);}
.main_con03 > div .text h4{margin:0; font-size:36px; line-height:48px; color:#000; letter-spacing:-0.025em; font-weight:200;}
.main_con03 > div .text span{font-weight:bold; margin:0; font-size:36px; line-height:48px; color:#000; letter-spacing:-0.025em;}
.main_con03 > div .text span i{display:inline-block; vertical-align:middle; margin:0 10px; margin-top:-10px; transition:0.3s; -ms-transition:0.3s; -webkit-transition:0.3s; -o-transition:0.3s; -moz-transition:0.3s;}
.main_con03 > div .text p{margin-top:25px; font-size:18px; color:#232323; letter-spacing:-0.025em; font-weight:200;}

/* main_con04 */
.main_con04{background:#fffbed; padding:0 0 60px;}
.main_con04 .map{height:306px; margin-bottom:40px; position:relative;}
.main_con04 .map .bot_text{background:rgba(0,0,0,0.6); text-align:center; padding:15px 0; position:absolute; left:0; bottom:0; width:100%}
.main_con04 .map .bot_text p{font-size:18px; color:#fff; letter-spacing:-0.05em;}
.main_con04 .up_text{width:100%; padding:25px 45px; box-sizing:border-box; background:#fff; border:5px solid #f26d7d; text-align:center; }
.main_con04 .up_text h4{margin:0; box-sizing:border-box; font-size:24px; font-weight:500; margin-bottom:15px; color:#1f1f1f; letter-spacing:-0.05em;}
.main_con04 .up_text h4 img{margin-right:10px; position:relative; top:5px;}
.main_con04 .up_text p{margin:0 40px; display:inline-block; vertical-align:top; border-bottom:1px solid #eca4ac; padding:5px 0; font-size:18px; color:#1f1f1f;}
.main_con04 .up_text p:last-child{border-bottom:0;}
.main_con04 .up_text p span{font-weight:500;}

/* main_con05 */
.main_con05 {background-color: #f8f8f8;}
.main_con05.bomyunghwan_con02 {padding-bottom: 100px;}
.sns_login {margin-top: 20px; font-size: 0; letter-spacing: -4px; text-align: center;}
.sns_login a + a {margin-left: 15px;}
.sns_login a {display: inline-block; vertical-align: middle; position: relative; font-weight: 400; width: 250px; padding: 9px 0; text-align: center; box-sizing: border-box; font-size: 16px; line-height: 1.5em; letter-spacing: -0.01em; font-weight: 300; border-radius: 24px;}
.sns_login a i {position: absolute; top: calc(50% - 17px); left: 12px; width: 33px; height: 33px; background: no-repeat center center;}
.sns_login a::before {content: ''; position: absolute; top: 50%; transform: translate(-50%, -50%);}
.sns_login a.kakao {background-color: #ffe800; color: #222;}
.sns_login a.kakao i {background-image: url('/img/kakao_icon.png');}
.sns_login a.naver {background-color: #35b549; color: #fff;}
.sns_login a.naver i {background-image: url('/img/naver_icon.png');}

/* sub_footer */
.sub_footer{padding-bottom:150px; position:relative; background:#fffbed;}
.sub_footer .bak_text{background:#f27a87; height:116px; position:relative; text-align:center;}
.sub_footer .bak_text .inner{height:116px; display:table;}
.sub_footer .bak_text .inner p{display:table-cell; vertical-align:top;  padding:35px 0; font-size:16px; letter-spacing:0.6em; color:rgba(255,255,255,0.7); font-weight:100;}
.sub_footer .text{width:100%; padding-left:58px; margin-top:-30px; position:relative; box-sizing:border-box;}
.sub_footer .text .box{padding:50px 30px 50px 60px;  box-sizing:border-box; display:table; width:100%; height:100%; background:#fc999a; border-radius:100px 0 0 100px;}
.sub_footer .text .box p{position:relative; left:-45px; text-align:center; display:table-cell; vertical-align:middle; font-size:20px; color:#ffe1e1; letter-spacing:-0.05em; font-weight:200; line-height:28px;}
.sub_footer .text .box p b{color:#fff;}