@charset "utf-8";
/* CSS Document */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, textarea, input, fieldset, form, select, option, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, button {margin:0;padding:0;border:0;font:inherit}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
body {font-family:"Noto Sans KR", "맑은 고딕", "malgun gothic", Sans-serif;line-height:1;font-size:14px;-webkit-text-size-adjust:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}
ol, ul, dl {list-style:none}
blockquote, q {quotes:none}
blockquote:before, blockquote:after, q:before, q:after {content:'';content:none}
table {border-collapse:collapse;border-spacing:0}
hr {display:none}
img {border:0}
a {text-decoration:none}
legend, caption {display:none}
input, textarea, select {letter-spacing:normal}
br {letter-spacing:normal}
p {letter-spacing:normal}
input[type="checkbox"] {-webkit-border-radius:0}
input:checked[type="checkbox"] {-webkit-appearance:checkbox}
input[type="radio"] {border:none}
button,input[type="button"],input[type="submit"],input[type="reset"],input[type="file"] {-webkit-appearance:button;border-radius:0}
select {height:auto;color:#333;border:1px solid #ddd;background:-webkit-linear-gradient(transparent, transparent);border-radius:0}
select::-ms-expand {display:none}
input::-webkit-input-placeholder {color:#888}
input::-moz-placeholder {color:#888}
input:-ms-input-placeholder {color:#888}
input::placeholder {color:#888}
input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder {color:transparent}
input:focus::-webkit-input-placeholder {color:transparent}  
input:focus::-moz-placeholder {color:transparent}
input, textarea {color:#333;vertical-align:middle;border:1px solid #ddd;-webkit-border-radius:0;-moz-border-radius:0;-o-border-radius:0;border-radius:0}
fieldset {padding:0;margin:0;border:0} 
:invalid {box-shadow:none}
:-moz-submit-invalid {box-shadow:none}
:-moz-ui-invalid {box-shadow:none}
.clearfix:before, .clearfix:after {content:"";, display:table}
.clearfix:after {clear:both}
.clearfix {*zoom:1}

/* 공통 영역 */
.pink {color:#ec6867}
.gray8 {color:#888}
.gray5 {color:#555}
.gray3 {color:#333}
.white {color:#fff}
.float_l {float:left}

/* pc */
.nav_wrap_m {display:none}
.nav_wrap {width:100%;height:80px;background-color:#ec6867;position:fixed;top:0px;left:0px;z-index:1}
.nav_wrap h1 {width:100%;height:auto;text-align:center}
.nav_wrap h1 a {line-height:75px}
.nav_wrap h1 a img {height:40px;vertical-align:middle}
.nav_wrap .nav {width:auto;height:80px;margin:0px 1% 0px 0px;position:absolute;top:0px;right:0px}
.nav_wrap .nav .line {padding:0px 10px;font-size:16px;color:#fff;line-height:75px}
.nav_wrap .nav li {float:left}
.nav_wrap .nav li a {width:100%;height:auto;font-weight:400;font-size:22px;color:#fff;text-align:right;line-height:78px;letter-spacing:-1px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}
.nav_wrap .nav li a:hover, .nav li a:active {font-weight:500}
.wrap1 {width:100%;height:488px;margin:60px 0px 0px 0px;padding:0px;text-align:center;float:left}
.m_wrap1 {display:none;}
.m_wrap2 {display:none}
.wrap2 {width:100%;height:auto;padding:0px 0px 60px 0px;text-align:center;background:url(../img/bg.jpg) no-repeat center center;float:left}
.wrap2 h3 {margin:60px 0px 60px 0px;font-weight:700;font-size:40px;color:#fff;letter-spacing:-1px}
.wrap2 .text1 {width:1024px;height:auto;margin:0px auto}
.wrap2 .text1 .w759 {width:639px;padding:0px 0px 0px 120px}
.wrap2 .text1 .w265 {width:245px;padding:5px 0px 0px 20px}
.wrap2 .text1 .w265 img {display:block;width:240px;margin-top:-100px}
.wrap2 .text1 li {width:auto;height:auto;font-weight:400;font-size:20px;color:#fff;text-align:left;line-height:26px;letter-spacing:-1px;float:left}
.wrap2 .text1 li .pink {font-weight:500}
.m_wrap3 {display:none}
.wrap3 {width:100%;height:auto;padding:0px 0px 0px 0px;text-align:center;float:left}
.wrap3 .bg {width:1200px;height:455px;margin:0px auto;background:url(../img/bg.png) no-repeat left top;background-size:400px 428px;margin-top:30px}
.wrap3 h3 {width:1200px;margin:0px auto 30px;padding:100px 0px 0px 0px;font-weight:700;font-size:40px;color:#1b1464;line-height:50px;letter-spacing:-1px}
.wrap3 .text2 {width:1200px;margin:0px auto 20px;font-weight:500;font-size:25px;color:#1b1464;letter-spacing:-2px}
.wrap3 .text3 {width:1200px;margin:0px auto;font-weight:500;font-size:28px;color:#1b1464;line-height:34px;letter-spacing:-1px}
.wrap4 {width:100%;height:auto;padding:0px 0px 70px 0px;text-align:center;background:url(../img/bg1.jpg) no-repeat center center;float:left}
.wrap4 h3 {margin:60px 0px 30px 0px;font-weight:700;font-size:40px;color:#fff;line-height:50px;letter-spacing:-2px}
.wrap4 h3 .pink {font-size:40px}
.wrap4 .box1 {width:1200px;height:auto;margin:0px auto}
.wrap4 .box1 .bg1 {background-color:#f3f3f5}
.wrap4 .box1 .bg2 {background-color:#e7e7e9}
.wrap4 .box1 li {width:290px;height:215px;margin:0px 5px 10px;padding:0px;font-weight:400;font-size:16px;color:#65686b;line-height:20px;float:left}
.wrap4 .box1 li img {margin:14px 0px 0px 0px;width:66px}
.wrap4 .box1 img.logo2 {width:150px;margin:30px 0}
.wrap4 .box1 li h2 {font-weight:900;color:#ec6867}
.wrap4 .box1 li h4 {margin:0px 0px 10px 0px;font-weight:500;font-size:20px;color:#3e4142}
.wrap5 {width:100%;height:auto;padding:0px 0px 60px 0px;text-align:center;background-color:#f5f5f5;float:left}
.wrap5 h3 {margin:60px 0px 60px 0px;font-weight:700;font-size:40px;color:#1b1464;letter-spacing:-2px}
.wrap5 .box2 {width:900px;height:auto;margin:0px auto}
.wrap5 .box2 .bg1 {background:url(../img/bg2.jpg) no-repeat center center;background-size:cover}
.wrap5 .box2 .bg2 {background:url(../img/bg3.jpg) no-repeat center center;background-size:cover}
.wrap5 .box2 .bg3 {background:url(../img/bg4.jpg) no-repeat center center;background-size:cover}
.wrap5 .box2 li {width:25.2%;height:150px;margin:0px 3% 8px;padding:50px 1% 0px;font-weight:700;font-size:30px;color:#fff;border-radius:20px;float:left}
.wrap5 .box2 li a {width:140px;height:40px;margin:40px auto 0px;font-weight:500;font-size:20px;color:#ec6867;line-height:38px;background-color:rgba( 255, 255, 255, 0.6 );border-radius:50px;display:block}
.wrap6 {width:100%;height:auto;text-align:center;background:url(../img/bg5.jpg) no-repeat center center;float:left;position:relative}
.wrap6 .fix {width:1px;height:1px;position:absolute;top:-79px;left:0px}
.wrap6 h3 {margin:60px 0px 60px 0px;font-weight:700;font-size:40px;color:#fff;letter-spacing:-2px}
.wrap6 .map {width:890px;height:450px;margin:0px auto 60px;background:url(../img/map.jpg) no-repeat center center;border:5px solid #aaa}
.wrap6 .text2 {width:1024px;height:auto;margin:0px auto}
.wrap6 .text2 li {width:100%;height:auto;margin:0px 0px 10px 0px;float:left}
.wrap6 .text2 li .text3 {width:100%;height:auto;padding:0px 0px 0px 65px}
.wrap6 .text2 li .text3 dt {margin:0px 30px 20px 0px;font-weight:700;font-size:36px;color:#fff;text-align:left;float:left}
.wrap6 .text2 li .text3 dt .point {width:6px;height:32px;margin:0px 10px 0px 0px;background-color:#ec6867;border-radius:3px;display:inline-block}
.wrap6 .text2 li .text3 dd {font-weight:700;font-size:36px;color:#ec6867;text-align:left;word-break:keep-all}
.wrap6 .text2 li .text3 dd .phone {display:none}
.wrap6 .text2 li .text3 dd .pink {font-weight:400;font-size:20px;line-height:20px}
.wrap7 {width:100%;height:auto;padding:40px 0px 40px 0px;text-align:center;background-color:#222;float:left}
.wrap7 .text4 {width:1024px;height:auto;margin:0px auto;text-align:center}
.wrap7 .text4 .line3 {padding:0px 5px;font-size:12px;color:#888}
.wrap7 .text4 li {width:auto;height:auto;font-weight:300;font-size:14px;color:#eee;display:inline-block}
.wrap7 p {margin:15px 0px 0px 0px;font-weight:300;font-size:13px;color:#ccc}
#top_btn {cursor:pointer;width:50px;height:50px;font-weight:300;font-size:14px;color:#333;text-align:center;line-height:16px;background-color:rgba(248, 248, 248, 0.8);border:1px solid #ddd;border-radius:50px;outline:none;position:fixed;right:2%;bottom:4%;display:none;z-index:1}
.m-only {display:none}

/* mobile */
@media only screen and (max-width : 1020px) {
.m-only {display:block}
.nav_wrap {display:none}
.nav_wrap_m {width:100%;height:60px;background-color:#ec6867;position:fixed;top:0px;left:0px;display:block;z-index:1}
.nav_wrap_m h1 {width:100%;height:auto;text-align:center}
.nav_wrap_m h1 a {line-height:80px}
.nav_wrap_m h1 a img {height:26px;padding-bottom:4px}
.nav_wrap_m a#mobile {width:25px;position:absolute;top:16px;right:3%;display:block}
.nav_wrap_m a#mobile img {width:100%}
.nav_wrap_m .nav {width:100%;height:auto;border-top:1px solid #fff;background-color:#fff;position:absolute;top:60px;left:0px;display:none}
.nav_wrap_m .nav li {width:100%;height:auto;text-align:center;display:block;border-bottom:1px solid #eee;float:none}
.nav_wrap_m .nav li a {width:100%;height:auto;font-weight:400;font-size:18px;color:#1b1464;line-height:50px;letter-spacing:-1px;display:block}
.wrap1 {display:none;width:94%;height:auto;margin:60px 0px 0px 0px;padding:20px 3%;text-align:center;float:left}
.m_wrap1 {display:block;margin-top:60px;}
.m_wrap1 img {width:100%;display:block}
.wrap1 img {width:100%}
.wrap2 {display:none}
.m_wrap2 {width:94%;height:auto;padding:0px 3% 30px;text-align:center;background:url(../img/bg.jpg) no-repeat center center;background-size:cover;float:left;display:block}
.m_wrap2 h3 {margin:40px 0px 20px 0px;font-weight:700;font-size:26px;color:#fff;letter-spacing:-2px}
.m_wrap2 .text1 {width:100%;height:auto}
.m_wrap2 .text1 .center {text-align:center}
.m_wrap2 .text1 li {width:100%;height:auto;margin:0px 0px 10px 0px;font-weight:400;font-size:16px;color:#fff;text-align:left;line-height:22px;letter-spacing:-1px;float:right}
.m_wrap2 .text1 li img {width:50%;display:block;margin: 20px auto 0;}
.m_wrap2 .text1 li .pink {font-weight:500}
.wrap3 {display:none}
.m_wrap3 {width:94%;height:auto;padding:0px 3%;text-align:center;float:left;display:block;position:relative;}
.m_wrap3 h3 {width:100%;margin:40px 0px 20px 0px;font-weight:700;font-size:26px;color:#1b1464;line-height:30px;letter-spacing:-1px}
.m_wrap3 .text2 {width:100%;margin:0px;font-weight:500;font-size:19px;color:#1b1464;line-height:24px;letter-spacing:-1px}
.m_wrap3 .text3 {width:100%;margin-bottom:40px;font-weight:500;font-size:20px;color:#1b1464;line-height:26px;letter-spacing:-1px}
.m_wrap3 img {width:60%;vertical-align:top;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:-1;opacity:50%;}
.wrap4 {width:94%;height:auto;padding:0px 3% 40px 3%;text-align:center;background:url(../img/bg1.jpg) no-repeat center center;background-size:cover;float:left}
.wrap4 h3 {margin:40px 0px 20px 0px;font-weight:700;font-size:26px;color:#fff;line-height:30px;letter-spacing:-1px}
.wrap4 h3 .pink {font-size:26px}
.wrap4 .box1 {width:100%;height:auto}
.wrap4 .box1 .bg1 {background-color:#f3f3f5}
.wrap4 .box1 .bg2 {background-color:#e7e7e9}
.wrap4 .box1 li {width:92%;height:auto;margin:0px 3% 10px;padding:0px 1% 20px;font-weight:400;font-size:16px;color:#65686b;line-height:20px;float:left}
.wrap4 .box1 li img {width:50px}
.wrap4 .box1 li h4 {margin:0px 0px 10px 0px;font-weight:500;font-size:20px;color:#3e4142}
.wrap4 .last {display:none;}
.wrap5 {width:94%;height:auto;padding:0px 3% 25px;text-align:center;background-color:#f2f4f7;float:left}
.wrap5 h3 {margin:40px 0px 30px 0px;font-weight:700;font-size:26px;color:#1b1464;letter-spacing:-2px}
.wrap5 .box2 {width:100%;height:auto}
.wrap5 .box2 .bg1 {background:url(../img/bg2.jpg) no-repeat center center;background-size:cover}
.wrap5 .box2 .bg2 {background:url(../img/bg3.jpg) no-repeat center center;background-size:cover}
.wrap5 .box2 .bg3 {background:url(../img/bg4.jpg) no-repeat center center;background-size:cover}
.wrap5 .box2 li {width:82%;height:auto;margin:0px 8% 20px;padding:25px 1%;font-weight:700;font-size:28px;color:#fff;border-radius:20px;float:left}
.wrap5 .box2 li a {width:120px;height:34px;margin:20px auto 0px;font-weight:500;font-size:20px;color:#ec6867;line-height:34px;background-color:rgba( 255, 255, 255, 0.6 );border-radius:50px;display:block}
.wrap6 {width:94%;height:auto;padding:0px 3% 0px;text-align:center;background-color:#111;float:left;position:relative}
.wrap6 .fix {width:1px;height:1px;position:absolute;top:-59px;left:0px}
.wrap6 h3 {margin:40px 0px 30px 0px;font-weight:700;font-size:26px;color:#fff;letter-spacing:-2px}
.wrap6 .map {width:97.4%;height:250px;margin:0px 0% 40px;background:url(../img/map.jpg) no-repeat center center;border:4px solid #aaa}
.wrap6 .text2 {width:100%;height:auto}
.wrap6 .text2 li {width:100%;height:auto}
.wrap6 .text2 li .text3 {width:100%;height:auto;padding:0px}
.wrap6 .text2 li .text3 dt {margin:0px 0px 10px 0px;font-weight:700;font-size:22px;color:#fff;text-align:left;float:none}
.wrap6 .text2 li .text3 dt .point {width:5px;height:18px;margin:0px 10px 0px 0px;background-color:#ec6867;border-radius:3px;display:inline-block}
.wrap6 .text2 li .text3 dd {margin:0px 0px 20px 0px;font-weight:500;font-size:23px;color:#ec6867;text-align:left;line-height:26px;word-break:keep-all;position:relative}
.wrap6 .text2 li .text3 .number {font-size:26px}
.wrap6 .text2 li .text3 dd .phone {width:70px;height:21px;font-weight:400;font-size:12px;color:#fff;text-align:center;line-height:20px;border:1px solid #fff;position:absolute;top:2px;left:190px;display:block}
.wrap6 .text2 li .text3 dd .pink {width:100%;height:auto;margin:10px 0px 0px 0px;font-weight:400;font-size:18px;display:block}
.wrap7 {width:94%;height:auto;padding:30px 3% 30px;text-align:center;background-color:#222;float:left}
.wrap7 .text4 {width:100%;height:auto}
.wrap7 .text4 .line3 {display:none}
.wrap7 .text4 li {width:100%;height:auto;margin:0px 0px 10px 0px;font-weight:400;font-size:14px;color:#eee;text-align:left}
.wrap7 p {width:100%;height:auto;margin:15px 0px 0px 0px;font-weight:400;font-size:12px;color:#ccc;text-align:left;word-break:keep-all}
#top_btn {width:50px;height:50px;font-weight:300;font-size:14px;color:#333;text-align:center;line-height:16px;background-color:rgba(248, 248, 248, 0.8);border:1px solid #ddd;border-radius:50px;outline:none;position:fixed;right:2%;bottom:3%;display:none;z-index:1}
}

@media only screen and (min-width : 1922px) {
.wrap2 {width:100%;height:auto;padding:0px 0px 60px 0px;text-align:center;background:url(../img/bg.jpg) no-repeat center center;background-size:cover;float:left}
.wrap4 {width:100%;height:auto;padding:0px 0px 80px 0px;text-align:center;background:url(../img/bg1.jpg) no-repeat center center;background-size:cover;float:left}
.wrap6 {width:100%;height:auto;padding:0px 0px 55px 0px;text-align:center;background:url(../img/bg5.jpg) no-repeat center center;background-size:cover;float:left;position:relative}
}