/* 초기화 */
html {overflow-y:scroll}
body {margin:0;padding:0; font-family: sans-serif;}
* {box-sizing: border-box;}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1em}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
ul {margin:0;padding:0;list-style:none}
legend {position:absolute;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle}
input, button {margin:0;padding:0;font-size:1em}
button {cursor:pointer}
input[type=text], input[type=password], input[type=submit], input[type=image], button {border-radius:0;font-size:1em;-webkit-appearance:none}
textarea, select {font-size:1em;font-family:sans-serif;}
textarea {border-radius:0;-webkit-appearance:none}
select {margin:0}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a {color:#000;text-decoration:none; cursor: pointer; outline: none}
img {max-width: 100% !important}
#hd_login_msg {display: none}

/*폰트설정*/
/*@import url('https://fonts.googleapis.com/css?family=Black+Han+Sans&display=swap');*/
@font-face {
     font-family: 'S-CoreDream-4Regular';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-4Regular.woff') format('woff');
     font-weight: normal;
     font-style: normal;
}
@font-face {
     font-family: 'S-CoreDream-9Black';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-9Black.woff') format('woff');
     font-weight: normal;
     font-style: normal;
}
body {font-family: 'S-CoreDream-4Regular', sans-serif}
.inner {width: 1240px; margin:0 auto; overflow:hidden;}
#ref-header .inner {position: relative;}
.bgh {font-family: 'S-CoreDream-9Black', sans-serif !important; font-weight: normal !important;}

.row {display: block;font-size: 0}
.row:before, .row:after {display: block; content: ''; clear: both;}
.row > .col {display: inline-block; font-size: 1rem; vertical-align: middle;}
.u6 {width: 50%;}
.tr-c {text-align: center;}
.pt20 {padding-top: 20px}
.pt50 {padding-top: 50px;}
.pb50 {padding-bottom: 50px;}

#ref-header {background: #fff; position: fixed; top:0;left:0;right: 0; z-index: 900; letter-spacing: -0.025em; box-shadow: 0px 1px 2px rgba(0,0,0,0.2); }
#ref-header #logo {position: absolute; top:16px; left:15px; }
#ref-header #logo img {width: auto}
#ref-header .ref-gnb {display: block; padding:0 250px 0 0px; text-align: right;}
#ref-header .ref-gnb ul#gnb {display: inline-block; vertical-align: middle; font-size: 0; text-align: left;}
#ref-header .ref-gnb ul#gnb > li {display: inline-block; vertical-align: middle; font-size: 1rem}
#ref-header .ref-gnb ul#gnb > li > a {font-size: 18px; color:#333;display: block; padding: 32px 35px;  transition: all 0.3s ease; position: relative; font-weight: bold; font-weight: 600}
#ref-header .ref-gnb ul#gnb > li > a:hover {color:#0772ba; }
#ref-header .ref-gnb ul#gnb > li > a:after {display: block; content: ''; position: absolute; bottom: 25px; left:100px; right: 100px; height: 2px; background: #0772ba; opacity: 0; transition: all 0.3s ease}
#ref-header .ref-gnb ul#gnb > li > a:hover:after {left:30px;right: 30px; opacity: 1}
.refundSubmit {position: absolute; right: 15px; top:10px; display: block;padding:20px 30px; background:#0c7fcc; color:#fff; font-weight: bold; font-size: 18px; transition: all 0.3s ease}
.refundSubmit i {display: inline-block; vertical-align: baseline; margin-right: 10px;}
.refundSubmit i img {vertical-align: middle;}
.refundSubmit:hover {box-shadow: 0px 2px 2px rgba(0,0,0,0.2); background: #0772ba;}

.txt03 {font-size: 40px; line-height: 1.3;text-shadow: 1px 1px 2px rgba(0,0,0,0.2); padding-bottom: 50px}
.txt03 strong {font-size: 60px; padding-bottom: 20px; display: block;}
.btn {display: inline-block; font-size: 22px; color:#fff; font-weight: bold; border: 0}
.btn.ty01 {padding:20px 80px; background: #0c7fcc; color:#fff; transition: all 0.3s ease;}
.btn.ty01:hover {box-shadow: 0px 2px 2px rgba(0,0,0,0.2); background: #0772ba;}
.btn.ty02 {padding:26px 80px; border:3px solid #fff; border-radius: 45px; transition: all 0.3s ease;}
.btn.ty02:hover {background: #8187e9; box-shadow: 2px 2px 2px rgba(0,0,0,0.2)}


.ref-footer {background: #fff; text-align: left; }
.ref-footer .fnb {background: #f9f9f9; text-align: center; border-top:1px solid #ddd; border-bottom: 1px solid #ddd}
.ref-footer .fnb ul {font-size: 0}
.ref-footer .fnb ul li {display: inline-block; font-size: 1rem}
.ref-footer .fnb ul li a {display: block; color:#999; position: relative; padding:15px 25px; font-size: 14px;}
.ref-footer .fnb ul li a:before {position: absolute; left: 0; top:25px; bottom: 15px; background: #777; content: '';width: 4px; height: 4px; }
.ref-footer .fnb ul li:first-child a:before {display: none;}
.ref-footer .flogo { position: absolute;top:-15px}
.footcsc {position: absolute; right: 20px;}
.ref-footer .finfo { padding:50px 0;line-height: 1.4 font-size:12px;}
.ref-footer .finfo p {color:#aaacc5;  font-size: 14px;}
.ref-footer .finfo p.copy {color:#8687a3; padding-top: 70px;}
.footcsc ul {text-align: center; font-size: 0; width: 420px;}
.footcsc ul li {display: inline-block; font-size: 1rem; width: 50%;}
.footcsc ul li span img {margin-right: 0px;}
.footcsc ul li span {display: inline-block; text-align: left; font-size: 14px; vertical-align: middle; color:#9ea8bb;}
.footcsc ul li strong {display: block; font-size: 18px; padding-bottom: 2px; color:#333;}
.pos {position: relative; overflow:visible;}

/*메인*/
.pcol {color:#0772ba !important;}
.pcol2 {color:#23d1b7 !important;}
.main_banner, .svtop {padding-top: 88px; }
.slide-01 {background: url(/images/main_bg2.jpg) no-repeat 50% 50%; height: 680px;color:#fff;background-size: cover;}
.slide .slide-title {font-size: 38px; padding-top: 100px; font-weight: normal; letter-spacing: -0.075em}
.slide .slide-title span {display: inline; margin-right: 24px;}
.slide b {font-weight: normal;}
.slide h2 {font-size: 70px;  font-weight: normal; letter-spacing: -0.06em}
.slide .slide-txt {font-size:32px; padding-top:30px; letter-spacing: -0.075em; padding-bottom: 30px;}
.labelTag {position: absolute; top:400px; left:54%; background: url(/images/tag.png) no-repeat 0 0; width: 226px; height: 256px; text-align: center; padding-top: 138px;}
.labelTag strong {display: block; font-family: arial black,sans-serif; font-size: 48px; text-shadow: 2px 2px 0 rgba(0,0,0,0.1); letter-spacing: -0.03em}

.service_slide {}
.service_slide li {margin:0 10px;}
.service_slide li span.imgbox {display: block; vertical-align: top; text-align: center; background: #fff; }
.service_slide li span.imgbox img {width: 100%}
.service_slide li span.pordname {display: block; background: #0772ba; color:#fff; font-size: 16px; padding:10px 0;}
.tit_img {margin-left: 50%; padding-top: 80px;display: block;}
.new_tt {font-size: 40px; padding-bottom: 40px}

.ss_bb {padding:0 20px;}
.ss_bb h3 {font-size: 24px; padding-bottom: 20px; color:#333; }
.ss_bb table {width: 100%;border-collapse: collapse; border-spacing: 0;border-top: 3px solid #0772ba;border-left: 1px solid #ddd; margin-bottom: 60px;}
.ss_bb table th {background: #f9f9f9;}
.ss_bb table th, .ss_bb table td {border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; padding:10px 5px;text-align: center;}
.ss_tab {font-size: 0;overflow:hidden; display: block; border-top: 1px solid #0772ba; border-left: 1px solid #0772ba; margin-bottom: 40px;}
.ss_tab a {display: block; width: 50%; float: left; font-size: 20px; color:#555; text-align: center; padding:15px 0; border-right: 1px solid #0772ba; border-bottom: 1px solid #0772ba;}
.ss_tab a.active {background:#0772ba; color:#fff;}

.org_intro {background:url(/images/bg1.jpg) no-repeat 50% 0; padding:220px 0 120px; text-align: center; background-size: cover;}
.org_intro .org_txt {background:#fff;background:rgba(256,256,256,0.9); width: 800px; display: block; margin:0 auto; padding:30px;text-align: left; box-shadow: 5px 5px 5px rgba(0,0,0,0.2)}
.org_intro .org_txt pre {font-family: 'S-CoreDream-4Regular',sans-serif; font-size: 18px; color:#333; line-height: 1.7; text-align: left;white-space: pre-line; overflow:hidden;}
.org_intro .org_txt .sign {text-align: right; color:#0772ba;}

.gfbox {}
.gfbox li {position: relative;}
.gfbox li span {display:block;vertical-align: middle; width: 28px; height:28px; color:#fff; border-radius: 50%; background: #0772ba; color:#fff; position: absolute; font-size: 16px; text-align: center; line-height:28px;}
.gfbox li p {display: inline-block; vertical-align: middle; font-size: 18px; color:#333; padding-left: 40px; margin-bottom: 20px}

.cfbox {border:1px solid #0772ba; background:#f9f9f9; padding:20px 20px 15px;}
.cfbox ul li {font-size: 16px; color:#333; position: relative; padding-left: 15px; margin-bottom: 5px;}
.cfbox ul li:before {content: '';display: block; position: absolute; top:8px; left:0; width: 5px;height:5px; background:#0772ba;}
.steparea {display: block; font-size: 0; padding-bottom: 50px; overflow:hidden;}
.steparea > div {position: relative; overflow:hidden;}
.steparea .stepleft .stbox {float: left}
.steparea .stepright .stbox {float: right;}
.steparea .stbox {display: inline-block; font-size: 16px; word-break: keep-all; border:1px solid #ddd; border-top:3px solid #0772ba; box-shadow: 3px 3px 2px rgba(0,0,0,0.2); text-align: center; width: 300px; padding-bottom: 20px; margin:0 100px 0 0; margin-bottom: 50px;position: relative; background:#fff;}
.steparea .stbox span {display: block; width: 50px; height:50px; color:#fff; background: #0772ba; border-radius: 50%; margin: 14px auto; font-size: 24px; line-height: 50px; text-align: center;}
.steparea .stbox:after {content: ''; position: absolute; width: 100px; height:50px; z-index: -1; display: block;}
.steparea .stepleft .stbox:after {left:98%; top:35px;  background:url(/images/a_r.png) no-repeat 0 0;}
.steparea .stepright .stbox:after {right:98%; top:35px;  background:url(/images/a_l.png) no-repeat 0 0;}
.steparea .stbox.c:after {display: none}
.steparea .stbox.b:after {left:100px; top:98%;background:url(/images/a_b.png) no-repeat 0 0;}

.btnarea {}
.rf_btn {display: inline-block; font-size: 24px; padding:20px 30px; color:#fff; background:#23d1b7;  letter-spacing: -0.05em}
.btcol {background: #0772ba;}
.wcol {background: #fff; color:#23d1b7;}
.btnarea a {margin-right:20px;}
.section {padding:90px 0; text-align: center;}
.section .s_title {font-size: 48px; font-weight: normal; color:#23d1b7;font-family: 'S-CoreDream-9Black', sans-serif , sans-serif; padding-bottom: 40px; line-height: 1.2}
.gray {background: #f4f4f4}
.gray.bbg {background:#f4f4f4 url(/images/bbg.jpg) no-repeat 50% 100%; background-size: cover; background-attachment: fixed;}
.img3-list {font-size: 0; text-align: center;}
.img3-list li {display: inline-block; vertical-align: top; font-size: 1rem; width: 30%; color:#333;}
.img3-list li span {display: block; padding-bottom: 15px;}
.img3-list li strong {font-size: 28px; letter-spacing: -0.05em}
.img3-list li p {font-size: 18px; padding-top: 0px; line-height: 1.5; letter-spacing: -0.03em}

.section_banner { height:500px; }
.section_banner .inner {text-align: right;background: url(/images/eximg1.png) no-repeat 0 40px;}
.banner-txt {width: 54%; display: inline-block; text-align: left;padding-left: 20px;}
.banner-txt h3 {font-size: 32px; font-weight: normal; color:#333;letter-spacing: -0.05em; line-height: 1.2; padding-top: 70px; }
.banner-txt h3 b {font-size: 46px;display: block; padding-top: 12px;}
.s_txt {font-size: 22px; color:#47759b; letter-spacing: -0.05em; padding-bottom: 40px;}

.cscenter {display: inline-block; margin:20px; background: #fff; padding:40px 0;}
.cscenter ul {text-align: center; font-size: 0;}
.cscenter ul li {display: inline-block; font-size: 1rem; width: 25%; overflow:hidden; position: relative; padding:0 20px; vertical-align: top}
.cscenter ul li:after {content: ''; position: absolute; right: 0; top:0;bottom:0;width: 1px; background:#ddd;display: block;}
.cscenter ul li:last-child:after {display: none}
.cscenter ul li span.gimg {width: 25%; float: left; display: block;}
.cscenter ul li span.gimg img {width: 100%}
.cscenter ul li span.gtxt {display: block;float: left; width:75%; text-align: left; padding-left: 20px;}
.cscenter ul li span.gtxt b {display: block; color:#333; font-size: 18px; padding-bottom: 10px;}
.cscenter ul li span.gtxt strong, .cscenter ul li span.gtxt strong a {color:#0772ba; font-size: 22px; letter-spacing: -0.03em}
.cscenter ul li span.gtxt p {color:#666; font-size: 16px;}

.pp {display: block;width: 144px; height: 144px; border:15px solid #f4f4f4; border-radius: 50%; overflow:hidden; text-align: center; background: #fff}

.counsel01 {padding-top: 80px;}
.sel-item {background: #f4f4f4;text-align: center; position: relative; margin:72px 10px;padding:86px 20px 36px;}
.sel-item span {display: block; text-align: center;}
.sel-item span img {display: inline-block;}
.sel-item .pp {position: absolute; left:50%; margin-left:-72px; top:-72px;}
.sel-item .name {font-size: 28px; color:#222;}
.sel-item .store {padding: 10px 0 20px;}
.sel-item .price {font-size: 38px; color:#0772ba; font-family: arial black,sans-serif; letter-spacing: -0.05em}

.memtarea {margin-top: 70px; position: relative;}
.memtarea .pp {border-color: #eee; position: absolute; top:50%;margin-top: -72px;}
.memtarea ul {font-size: 0;text-align: center;}
.memtarea ul li {display: inline-block; font-size: 1rem; width: 424px; vertical-align: top; margin:10px;  background: #fff; border-radius: 10px; position: relative; height: 150px;padding:30px; text-align: left; font-size: 20px; color: #222;}
.memtarea ul li.fl .pp {left:-180px;}
.memtarea ul li.fr .pp {right: -180px}
.memtarea ul li.fl:before,.memtarea ul li.fr:before {position: absolute; content: ''; display: block; width: 0px;height: 0px;border:15px solid transparent;  top:60px;}
.memtarea ul li.fl:before {  border-right: 15px solid #fff;left: -30px;}
.memtarea ul li.fr:before {  border-left: 15px solid #fff;right: -30px;}
.rfment {position: relative; background: #23d1b7; color:#fff; width: 870px; height: 200px; border-radius: 10px; padding:20px 30px;margin-top: 10px; margin-left: 184px; text-align: left; font-size: 24px;}
.rfment .pp {left:-180px;}
.rfment .btnarea {padding-top: 20px;}
.wn {text-align: right; padding-top: 15px; color:#222; padding-right: 184px;}
.wn img {margin-right: 10px; vertical-align: middle;}

/*신청서*/
#ad_wrap {padding-top: 90px; background: #f4f4f4; padding-bottom: 50px; }
#ad_wrap .inner {background: #fff;padding: 30px 0;; box-shadow: 0 5px 10px rgba(0,0,0,0.2);border-top:2px solid #23d1b7;}
#ad_wrap h2 {padding: 50px 0; text-align: center;font-family: 'S-CoreDream-9Black', sans-serif , sans-serif !important; font-weight: normal !important; font-size:48px; padding-bottom: 50px; color:#0772ba;}
#ad_wrap h2 a {font-family: sans-serif !important}
#ad_wrap input[type=text],
#ad_wrap input[type=tel],
#ad_wrap input[type=email],
#ad_wrap input[type=password] {background:transparent;border:0;border:1px solid #ddd;  font-size: 16px; outline: none; padding: 12px 10px; width: 340px; transition: border 0.3s ease; }
#ad_wrap input[type=text]:focus,
#ad_wrap input[type=tel]:focus,
#ad_wrap input[type=email]:focus,
#ad_wrap input[type=password]:focus {border: 1px solid #0772ba; box-shadow: 2px 2px 0 rgba(0,0,0,0.2)}
#ad_wrap select {height: 36px;}
#ad_wrap textarea {width: 100%; height: 150px; border:1px solid #ddd; resize: none; outline: none; padding:10px;}
#ad_wrap .last-box,
#ad_wrap table.ad_tb {width: 840px; margin:0px auto;}
#ad_wrap table.ad_tb th, #ad_wrap table.ad_tb td {padding:15px 0;}
#ad_wrap table.ad_tb th { text-align: right; }
#ad_wrap table.ad_tb tr:hover th,
#ad_wrap table.ad_tb tr:hover td {color:#0772ba; background: #f9f9f9}
#ad_wrap table.ad_tb td {text-align: left;padding-left: 40px;}
.rdarea , .ckarea {font-size:0;}
.rdarea li, .ckarea li {display: inline-block; margin-right: 5px; margin-bottom: 5px; font-size: 1rem; letter-spacing: -0.05em; font-size: 15px;}
.rdarea li {position: relative;}
.rdarea li input[type=radio] {margin-right: 5px; display: none; }
.rdarea li input[type=radio]+label {display: inline-block; background: #fff; border: 1px solid #ddd; padding:5px 5px 5px 28px; cursor: pointer;}
.rdarea li input[type=radio]+label:before,.rdarea li label:after {position: absolute; width: 18px; height: 18px; content: ''; display: block; background: #fff; border-radius: 50%; top:7px; left:5px; border:1px solid #ddd;}
.rdarea li input[type=radio]+label:after {opacity: 0; top:10px; left: 8px}
.rdarea li input[type=radio]:checked+label {background: #0772ba;color:#fff;}
.rdarea li input[type=radio]:checked+label:after {background: #0772ba; width: 12px; height: 12px; opacity: 1}

.ckarea li {position: relative;}
.ckarea li input[type=checkbox] {margin-right: 5px; display: none; }
.ckarea li input[type=checkbox]+label {display: inline-block; background: #fff; border: 1px solid #ddd; padding:5px 5px 5px 28px; cursor: pointer;}
.ckarea li input[type=checkbox]+label:before,.ckarea li label:after {position: absolute; width: 18px; height: 18px; content: ''; display: block; background: #fff;  top:7px; left:5px; border:1px solid #ddd;}
.ckarea li input[type=checkbox]+label:after {opacity: 0; top:10px; left: 8px}
.ckarea li input[type=checkbox]:checked+label {background: #0772ba;color:#fff;}
.ckarea li input[type=checkbox]:checked+label:after {background: #0772ba; width: 12px; height: 12px; opacity: 1}

.agreetp {text-align: right; font-size: 14px; padding-bottom: 8px;}
.agreetp input[type=checkbox] {margin-left: 15px; margin-right: 5px;}
.agreetp:last-child {background: #f9f9f9; padding:10px; border:1px solid #ddd; text-align: center;}
.agreetp:last-child label {color:#000 !important;}
#agbox {background: #f9f9f9; padding:10px; border:1px solid #ddd; text-align: center; margin-bottom: 30px; font-size: 14px; }
#agbox a {background: #fff; border:1px solid #ddd; color:#555; padding:4px 10px; font-size: 12px}
.ckname {text-align: center; color:#e90000;}
.ckname span {display: block; padding-top: 10px; color:#000;}
.btnarea {padding: 40px 0;}



/*소개*/
.guideCon {background: url(/images/main_bg2.jpg) no-repeat 50% 0; background-size: cover; padding:100px 20px; text-align: center; color:#fff;}
.guideCon p {line-height: 1.5;font-size:22px; letter-spacing: -0.05em; text-shadow: 1px 1px 0 rgba(0,0,0,0.2)}
.guideCon h3 {font-size: 40px; padding-top: 20px; padding-bottom: 40px;letter-spacing: -0.05em; text-shadow: 1px 1px 0 rgba(0,0,0,0.2)}
.guideCon .cscenter {box-shadow: none;}
.sub_banner {background: url(/images/sbottom.jpg) no-repeat 50% 0; background-size: cover;}
.svtop {text-align: center; color:#0772ba; letter-spacing: -0.05em}
.svtop p {padding:50px 0 0px; font-size: 22px; font-weight: 500;font-weight: bold;}
.svtop h2 {font-family: 'S-CoreDream-9Black', sans-serif , sans-serif !important; font-weight: normal !important; font-size:48px; padding-bottom: 50px}
.svtop p span {color:#23d1b7;}

.sub01 {background:url(/images/main_bg2.jpg) no-repeat 50% 0; background-size: cover;text-align: center; color:#333;}

.statsLabel {display: inline-block;padding:10px 20px; background: #444; color:#fff;}
.statsLabel.stats_ing {background: #23d1b7; color:#fff;}
.statsLabel.stats_end {background: #0772ba; color:#fff;}
.storebox {}

/*사이드 네비*/
.lect-wrap-btn {display: none;}

@media screen and (max-width: 768px){
    * {font-size-adjust:none;}
    .inner {width: 100%;}
    #ref-header .ref-gnb ul#gnb {display: none}
    #ref-header {height: 70px; text-align: center;;}
    #ref-header #logo { left: 10px;width: 150px}
    .lect-wrap-btn, .lect-wrap-close {display: block; position: absolute; top:10px; right: 5px; width: 50px; height: 50px; color:transparent; overflow: hidden; background: url(/images/nav.png) no-repeat 50% 50%; background-size: 30px; opacity: 0.8}
    .lect-wrap-close {background: url(/images/x.png) no-repeat 50% 50%;background-size: 30px; opacity: 0.8}
    .lect-wrap {background: #fff;}
    .lect-wrap .refundSubmit {margin: 15px 0 15px 30px}
    .refundSubmit i, .refundSubmit i img {vertical-align: middle;}
    #ref-header .ref-gnb {padding:0;}
    .lect-wrap-gnb {padding: 15px 0; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;}
    .lect-wrap-gnb ul {}
    .lect-wrap-gnb ul li {margin-bottom: 10px;}
    .lect-wrap-gnb ul li a {font-size: 18px; padding: 10px 30px; display: block;}
    .lect-wrap > img {width: 180px; margin:30px auto; display: block;}
    .lect-wrap .refundSubmit {left:auto;}
    .refundSubmit {position: relative; top:auto; right: auto; padding:10px 10px; font-size: 14px; display: inline-block; margin-top: 15px; margin-bottom: 5px; left:50px;}
    .refundSubmit i {margin-right: 5px; width: 12px; vertical-align: 0}
    .u6 {width: 100%}

    .tit_img {margin-left: 0; padding-top: 100px}

    .ref-footer .fnb ul li a {font-size: 12px; padding:10px;}
    .ref-footer .finfo {padding:30px 0 ;font-size: 12px;}
    .ref-footer .finfo p {padding:0 20px;}
    /*.ref-footer .finfo p br {display: none}*/

    

    /*사이즈조절*/
    .slide {padding:0 20px 200px; position: relative;}
    .slide .slide-title {font-size: 22px; padding-top: 25px;font-weight: bold !important;}
    .main_banner, .svtop {padding-top: 70px;}
    .slide-01 {height: auto; background-position: 0% 0%;  }
    .slide h2 {font-size: 38px;font-weight: bold !important; line-height: 1.3; word-break: keep-all;}
    .slide .slide-txt {font-size: 18px;word-break: keep-all; padding-top: 10px;}
    .labelTag {bottom: 20px; left: 50%; top:auto; width: 160px; height: 182px; background-size: 100%; margin-left: -80px;}
    .cscenter {width: auto; margin: 20px 20px;display: block; padding:10px 0px 0;}
    .cscenter ul li {width: 50%; text-align: left; margin-bottom: 20px; display: inline-block; padding:0; }
    .cscenter ul li:after {display: none}

    .cscenter ul li span.gtxt {padding-left:5px;}
    .cscenter ul li span.gtxt b {font-size: 14px; padding-bottom:5px;}
    .cscenter ul li span.gtxt strong, .cscenter ul li span.gtxt strong a {font-size: 16px;}
    .cscenter ul li span.gtxt p {font-size: 12px;}

    .new_tt {font-size: 24px; word-break: keep-all; padding-bottom:30px;}

    .rfment {width: auto}
    .banner-txt {width: auto;  padding: 230px 20px 0;}
    .section_banner .inner {background: url(/images/eximg1.png) no-repeat 50% 0px; background-size:300px;}
    .ref-footer .flogo,.footcsc {left:auto; position: relative; left: auto;}
    .footcsc ul {width: auto;}
    .btnarea {padding:24px 0 12px;}
    .btnarea a {margin-right: 8px; margin-bottom: 8px;}
    .slide .btnarea {padding-top: 0;}
    .labelTag {padding-top: 72px;}
    .labelTag strong {font-size: 30px; padding-top: 30px;}
    .rf_btn {padding:10px 12px; font-size: 18px;}
    .section {padding:40px 0px;}
    .section .s_title {font-size: 32px; word-break: keep-all; padding-bottom: 25px; font-weight: bold !important;}
    .img3-list {padding:0 20px;}
    .img3-list li {width: 50%; margin-bottom: 15px;}
    .img3-list li img {width: 120px;height: 120px; padding-bottom: 8px;}
    .img3-list li span {padding-bottom: 0}
    .img3-list li strong {font-size: 18px;}
    .img3-list li p {font-size: 12px; padding-top: 5px;}
    .section_banner .inner {text-align: center;}
    .banner-txt {text-align: center;}
    .section_banner {height: auto; padding-bottom: 15px; background-position: 72% 0}
    .banner-txt h3 {font-size: 20px; padding-top: 30px; word-break: keep-all;}
    .banner-txt h3 b {font-size: 32px;}
    .s_txt {font-size: 16px; word-break: keep-all; padding:0 20px; padding-bottom: 20px;}
    .sel-item .pp {width: 50px; height: 50px; border:3px solid #f4f4f4; top:-25px; margin-left: -25px;}
    .counsel01 {padding-top: 0}
    .sel-item {margin:70px 2px 0; padding:26px 5px 20px}
    .sel-item .name {font-size: 16px;}
    .sel-item .store {padding:5px 10px;}
    .sel-item .price {font-size: 18px;font-weight: bold;}
    .memtarea {margin-top: 35px;}
    .memtarea ul li,
    .rfment {width: auto; padding:35px 15px 15px; font-size: 14px; height: auto; margin-bottom: 25px}
    .memtarea ul li.fl:before,.memtarea ul li.fr:before {display: none;}
    .memtarea ul li.fl .pp,
    .memtarea ul li.fr .pp,
    .rfment .pp {top:-25px; left:50%; margin-left: -25px; right: auto; width: 50px; height: 50px; border:3px solid #eee; margin-top: 0}
    .rfment {margin:0 10px 0;}
    .wn {text-align: center; padding-right: 0;font-size: 14px;}
    .ref-footer .fnb ul li a:before {top:16px;}
    .ref-footer .flogo, .footcsc {text-align: center;}
    .ref-footer .flogo img {width: 170px}
    .footcsc ul li {width: auto;display: block; padding-left: 20px; margin-bottom: 10px; text-align: left;}
    .footcsc {border-top: 1px solid rgba(256,256,256,0.2);border-bottom: 1px solid rgba(256,256,256,0.2); padding:15px 0 5px; margin-bottom: 10px;}
    .svtop {margin-top: 0px;}
    .svtop p {padding:25px 20px 0; font-size: 16px;font-weight: bold;}
    .svtop h2 {font-size: 28px; padding-bottom: 25px; line-height: 1.2;font-weight: bold !important;}
    .guideCon {padding:30px 20px;}
    .guideCon p {font-size: 16px; word-break: keep-all;}
    .guideCon h3 {font-size: 28px;word-break: keep-all;}
    .guideCon .cscenter {margin: 0}



    .org_intro {padding:120px 0 50px;}
    .org_intro .org_txt {margin:0 20px; padding:15px; width: auto; font-size: 16px;}
    .org_intro .org_txt pre {font-size: 15px;}
    .ss_bb h3 {font-size: 18px;}
    .gfbox li span {width: 22px; height:22px; line-height: 22px; font-size: 14px}
    .gfbox li p {font-size: 16px; margin-bottom:15px; padding-left:30px;}
    .gfbox {margin-bottom:30px; border-bottom: 1px solid #ddd;}
    .cfbox ul li {font-size: 16px; margin-bottom:15px;}

    .steparea .stbox span {position: absolute; width: 24px; height:24px; line-height: 24px; font-size: 14px; left:20px; top:10px;}
    .steparea .stbox {padding:24px 20px; width: auto; display: block; margin:0 0px 35px; float: none !important}
    .steparea .stbox:after, .steparea .stepleft .stbox:after, .steparea .stepright .stbox:after,
    .steparea .stbox.b:after {background: url(/images/a_b.png) no-repeat 0 0; left:50%; margin-left:-50px; top:75%;}

    .ss_tab a {font-size: 18px; padding:10px 0;}
    .ss_bb table th, .ss_bb table td {font-size: 14px;}


    /* 신청서 */
    #ad_wrap {padding-top: 80px;}
    #ad_wrap h2 { font-size: 26px; padding: 25px 0}
    #ad_wrap .last-box, #ad_wrap table.ad_tb {width: 100% }
    #ad_wrap table.ad_tb th {padding: 0 20px; text-align: left;}
    #ad_wrap table.ad_tb td {padding: 5px 20px 25px; text-align: left;}
    table.ad_tb, table.ad_tb tbody, table.ad_tb tr, table.ad_tb thead, table.ad_tb tfoot, table.ad_tb th,
    table.ad_tb td {display: block;}
    #ad_wrap table.ad_tb th br {display: none;}
    .agreetp {font-size: 12px; background: #f9f9f9}
    .agreetp span {display: block; text-align: left; padding:5px 20px;}
    .agreetp label {margin-right: 20px;}
    label.allok {font-size: 14px;}
    .ckname {font-size: 12px; padding:0 20px;}
    .ckname span {font-size: 14px}
    #p_name {width: 160px !important}
    #ad_wrap input[type=text],
    #ad_wrap input[type=tel],
    #ad_wrap input[type=email],
    #ad_wrap input[type=password] {width: 100%;}

    .ref-footer .finfo p.copy {padding-top: 10px;}
}


/*소개*/


/*안내*/
.stepBox {padding:50px 0;border: 1px solid #ddd; text-align: center; margin:0 20px 10px; background: #f9f9f9;}
.subCon .stepBox h3 {font-size: 42px; font-family: 'S-CoreDream-9Black', sans-serif , sans-serif !important; font-weight: normal !important;  color:#0772ba;}
.subCon .stepBox h3 b {font-size: 44px; margin-right: 10px; color:#23d1b7;}
.subCon .stepBox p {font-size: 18px; letter-spacing: -0.05em}
.subCon .stepBox p span {padding:5px;background:#23d1b7; color:#fff; display: inline-block; margin-right: 10px; border-radius: 4px; margin-bottom:5px;}
.subCon .stepBox .cscenter {margin-top: 40px}

.stepBox.step01 {margin-top: 60px;}
.stepBox.step05 {margin-bottom: 80px;}

/*블로그*/
#blog_content {padding:50px 0;}
#blog_list > li {border-bottom:1px solid #ddd; margin-bottom: 150px;}
#blog_list > li:last-child {margin-bottom: 50px;}
#blog_list > li .blog_title h2 {font-size: 36px; text-align: center; color:#333; font-weight: normal; padding-bottom: 30px;}
#blog_list > li .blog_title {border-bottom: 1px solid #ddd; overflow: hidden; padding-bottom: 15px;}
#blog_list > li .blog_title span.blog_info {text-align: right; color:#666; display: block; float: right;}
#blog_list > li .blog_title span.blog_info strong {color:#333; margin-right: 10px;}
#blog_list > li .blog_title span.blog_info strong:after {content: ': '}
.c_label {display:inline-block;font-size: 1rem; padding:5px 15px; border-radius: 20px; background: #f0f0f0; margin-right: 10px;}
.c_label:before {content: '#';}
.blog_con {padding:30px;}
a.admModiBtn {display: inline-block; padding: 5px 10px; background:#4e4e4e; color:#fff; font-size: 13px;}
#blog_content .btn_b01, #blog_content .btn_b02 {display: inline-block; padding:10px 25px; font-size: 16px; background: #23d1b7; color:#fff; border-radius: 22px;}
#blog_content .btn_b02 {background: #444;}
.blog_sc {padding-bottom: 50px;font-size: 0}
.blog_sc input[type=text] {background: #fff; border:1px solid #ddd;  font-size: 16px; min-width: 200px; max-width: 300px; width: 100%; display: inline-block;vertical-align: top; }
.blog_sc input.btn_submit {display: inline-block; font-size: 16px; color:#fff; background:#23d1b7; border:0px; vertical-align: top; cursor: pointer;}
.blog_sc input[type=text], .blog_sc input.btn_submit{height: 44px; line-height: 44px;padding:0px 12px;}

.listCon {padding:100px 0; min-height: 500px}
.tbList {border-collapse: collapse; border-spacing: 0; width: 100%; border-top:3px solid #23d1b7; margin-bottom:40px}
.tbList tr th { border-bottom: 1px solid #555; padding:15px;}
.tbList tr td {border-bottom: 1px solid #ddd;padding:20px 15px;}
.tbList tr th, .tbList tr td { font-size: 16px; text-align: center;}

/*후기*/
.review_write {padding-bottom: 50px}
.review_write .rv_name {display: block; text-align: right;}
.review_write .rv_content {display: block;padding-bottom: 15px;}
.review_write input[type=text] {font-size: 16px; background: #fff;border:0; border-bottom: 2px solid #333; padding:10px 15px; outline: none;}
.review_write textarea {font-size: 16px; resize: none; min-height: 80px; overflow-y: auto; padding:15px; width: 100%; outline: none;}
.review_write a.rv_submit {display: inline-block; margin-left: 10px; padding:10px 30px; color:#fff; background:#23d1b7;border-radius: 25px;font-size: 16px; }

@media screen and (max-width: 768px){

    
    .fxbg {margin-top: 0px; height: auto; text-align: center; padding-bottom: 20px; margin-bottom: 0}
    .fxbg img {top:auto; width: 180px;}
    .textPos {top:auto; padding-top: 20px}
    .mb-none {display: none !important}
    .stepBox {padding:20px 0 20px 0px;border-bottom: 1px solid #ddd; background-position: 50% 20px !important; background-size: 150px !important; text-align: center;}
    .subCon .stepBox h3 {font-size: 28px;}
    .subCon .stepBox h3 b {font-size: 28px; margin-right: 5px; }
    .subCon .stepBox p {font-size: 14px; padding: 0 20px 0; word-break: keep-all;}
    .subCon .stepBox p span {display: block;}
    .subCon .stepBox .cscenter {margin: 15px 5px 0;}
    .btn {font-size: 18px;}
    .btn.ty01 {padding:10px 15px;}
    
    .listCon {padding:40px 0; min-height: 400px}
    #blog_list > li .blog_title {padding:0 20px 15px;}
    #blog_list > li .blog_title h2 {font-size: 18px; padding-bottom: 10px;}
    #blog_list > li {margin-bottom: 40px;}
    #blog_list > li:last-child {margin-bottom: 20px;}
    .blog_sc {padding-bottom: 30px;}
    .blog_sc input[type=text] {font-size: 14px; min-width: 180px; max-width: 180px; width: 100%;  }
    .blog_sc input.btn_submit {font-size: 14px; }
    .blog_sc input[type=text], .blog_sc input.btn_submit{height: 30px; line-height: 30px;padding:0px 8px;}
    .c_label {font-size: 12px; }
    #blog_list > li .blog_title span.blog_info {font-size: 13px}
}

.pg_wrap {text-align: center; padding-bottom: 30px;}
.pg_wrap a, .pg_wrap strong {display: inline-block; width: 34px; height: 34px; line-height: 31px; font-size: 13px; border:1px solid #ddd; border-radius: 3px; text-align: center; color:#666; margin-bottom: 4px; vertical-align: top;}
.pg_wrap strong {background: #0772ba;color:#fff; font-weight: normal; border:1px solid #0772ba;}
.sound_only {display: none;}


.matche {padding:10px; background:#0772ba; color:#fff; border-radius: 10px; display: inline-block !important; margin:10px 0 10px;}
.reviews {margin-bottom:10px; word-break: break-all; text-overflow: ellipsis; display: block; overflow: hidden; white-space: nowrap;}