@charset "utf-8";

/* 초기화 */
html {overflow-y:scroll;height:100%;min-width:320px}
body {margin:0;padding:0;font-size:0.75em;/*background:#e6e6e6;*/background:#fffbf9;height:100%}
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}
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 {font-size:1em;-webkit-appearance:none}
textarea, select {font-size:1em;font-family:dotum}
textarea {border-radius:0;-webkit-appearance:none}
select {margin:0;background:none}
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;}
ul,li,dl,dt,dd{padding:0;margin:0}
ul{list-style:none;}

*, :after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}


/* font */
@font-face {
font-family :'NanumGothic'
src: url('/fonts/NanumGothic.eot');
src: local('※'), url('/fonts/NanumGothic.woff') format('woff'), url('/fonts/NanumGothic.ttf') format('truetype');
}
@font-face {
font-family: 'NanumBarunGothic';
src: url('/fonts/NanumBarunGothic.eot');
src: local('※'), url('/fonts/NanumBarunGothic.woff') format('woff'), url('/fonts/NanumBarunGothic.ttf') format('truetype'),
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'NanumBarunGothicBold';
src: url('/fonts/NanumBarunGothicBold.eot');
src: local('※'), url('/fonts/NanumBarunGothicBold.woff') format('woff'), url('/fonts/NanumBarunGothicBold.ttf') format('truetype'),
font-weight: normal;
font-style: normal;
}

@font-face {
  font-family: 'Nanum Myeongjo';
  font-style: normal;
  font-weight: 400;
  src: local('NanumMyeongjo'), url(/fonts/NanumMyeongjo.woff) format('woff');
}
@font-face {
  font-family: 'Nanum Myeongjo';
  font-style: normal;
  font-weight: 700;
  src: local('NanumMyeongjoBold'), local('NanumMyeongjoBold'), url(/fonts/NanumMyeongjoBold.woff) format('woff');
}
@font-face {
  font-family: 'Nanum Myeongjo';
  font-style: normal;
  font-weight: 800;
  src: local('NanumMyeongjoExtraBold'), local('NanumMyeongjoExtraBold'), url(/fonts/NanumMyeongjoExtraBold.woff) format('woff');
}

@font-face {
    font-family: 'Cafe24Ohsquare';
    src: url('../font/Cafe24Ohsquare.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Cafe24Ohsquareair';
    src: url('../font/Cafe24Ohsquareair.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Binggrae-Bold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/Binggrae-Bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Binggrae';
    src: url('../font/Binggrae.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


@import url('/theme/woorijum-2021/css/notosanskr.css');
body {
	margin:0;padding:0;
	font-family:'NanumBarunGothic', 'NanumGothic';
}







body, td, p, input, button, textarea, select, .c1 {font:16px 'Noto Sans KR','NanumBarunGothic','NanumGothic','굴림',AppleGothic,sans-serif; color:#222222; }


/* 팝업레이어 */
#hd_pop {z-index:1000;position:relative;margin:0 auto;width:100%;height:0}
#hd_pop h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
.hd_pops {position:absolute;border:1px solid #e9e9e9;background:#fff;}
.hd_pops img{max-width:100%;height:auto}
.hd_pops_con {}
.hd_pops_footer {padding:10px 0;background:#000;color:#fff;text-align:right}
.hd_pops_footer button {margin-right:5px;padding:5px 10px;border:0;background:#393939;color:#fff}



/* 상단 레이아웃 */
#hd {position:relative; width:100%; height:50px; background-color:#fff; }
#hd h1 {position:absolute; font-size:0; line-height:0; overflow:hidden}
#logo {padding:10px 0; height:50px; text-align:center;}
#logo img{max-height:100%;}
#gnb_open {position:absolute; top:5px; left:10px; width:30px; height:30px; border:0; background:transparent; color:black; font-size:1.5rem;}
.dongne-map {position:absolute; top:16px; right:15px; border:0; background:transparent; color:#ff6623; font-size:0.8rem; font-weight:500; }
/*.dongne-map:after {position:absolute; content:''; top:-2px; right:0; width:15px; height:21px; background:url('../img/mobile/dongne-map_icon.png') no-repeat; background-size:80%;}*/



#gnb {display:none;/*background:rgba(255,102,32,0.9);*/ background:#fff;/*background:#262626;*/;position:fixed;top:0;left:0;z-index:99999;height:100%;overflow-y:auto;width:300px;
-webkit-box-shadow:0 0 5px  rgba(55,55,5,0.4);
-moz-box-shadow:0 0 5px  rgba(55,55,5,0.4);
box-shadow: 0 0 5px  rgba(55,55,5,0.4);}

#gnb a {display:block;/*color:#efefef*/}
.gnb_1dul {padding:15px 0;}
.gnb_1dli {position:relative;line-height:40px;font-size:18px; text-align:center; font-weight:500;  color:#333}
.gnb_1dli span {position:relative;}
.gnb_1dli .gnb_1dli_new {position:absolute; width:22px; height:22px; top:10px; left:50px; font-size:0.8rem; line-height:1.4rem; border-radius:50%; background-color:#fd6621; color:#fff; }
.gnb_1dli button{position:absolute;top:0;right:0;background:url;border:0;width:100%;height:40px;overflow:hidden;border:0;background:url(../img/mobile/gnb_bg.png) no-repeat 50% 50%;background-position-x:95%;text-indent:-9999px}
.gnb_1dli button.btn_gnb_cl{background:url(../img/mobile/gnb_bg2.png) no-repeat 50% 50%; background-position-x:95%;}
.gnb_1da {padding:0 20px; /*border-bottom:1px solid #e9e9e9 #2d2d2d*/}
.gnb_2dul {display:none; background-color:#e9e9e9;  color:#333;}
.gnb_2da {/*border-bottom:1px solid #e9e9e9   #2d2d2d;background:url(../img/btn_next.gif) no-repeat 21px 17px;*/ background-color:#f7f7f7; padding:2px 0; font-weight:400; border-bottom:1px solid #fefefe; text-align:center;}
/*#gnb_close {display:block;margin:0;height:50px;width:100%;border:0;background:url(../img/mobile/btn_close.png) no-repeat right 50%  */

.hd_close {position:relative; width:100%; padding:10px 20px; background:#fff; border-bottom:2px solid #ff651f;}
.hd_close .hd_closer_button {position:absolute; width:16px; top:8px; right:20px; border:none; background-color:transparent;
#ea4900 /* #222222 */;background-size:25px;color:#fff;/*text-indent:-999999999px;*/font-size:20px;font-weight:bold;overflow:hidden; }

.hd_menu_user {position:relative; background-color:#ff6623; overflow:hidden;}
.hd_menu_user:after {position:absolute; content:''; width:1px; height:26px; top:15px; left:50%; background-color:#ffaf8c;}
.hd_menu_user .user_login_signup {float:left; width:50%; text-align:center; }
.hd_menu_user .user_login_signup a {padding:15px 0; color:#fff;}

.hd_service {padding:26px 0; border-top:1px solid #ececec;  border-bottom:1px solid #ececec;}
.hd_service p {font-size:1rem; font-weight:500; text-align:center; line-height:1.2rem; margin-bottom:5px;}
.hd_service p span {font-size:0.8rem; color:#727272;}


#gnb_empty {padding:20px 0;color:#fff;text-align:center;line-height:2em}
#gnb_empty a {display:inline;text-decoration:underline}

#hd_sch {text-align:center;padding:5px}
#hd_sch h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
#hd_sch form {position:relative;padding-right:40px;}
#hd_sch #sch_stx {width:100%;height:45px;background:#464646;border:0;padding-left:10px;border-radius:3px 0 0 3px;color:#fff}
#hd_sch #sch_submit {position:absolute;top:0;right:0;width:40px;height:45px;;border:0;border-radius:0 3px 3px 0;cursor:pointer;color:#fff;background:#464646;font-size:1.25em}

#user_btn {position:absolute;top:10px;right:10px;padding:0 10px;height:30px;width:34px;border:0;;color:#fff;font-size:16px;background:#ff8221;letter-spacing:-0.1em; border-radius:5px;}
#user_menu{display:none;position:fixed;top:0;right:0;height:100%;;overflow-y:auto;width:320px;z-index:9999;background:#fff;text-align:center;
-webkit-box-shadow:0 0 5px  rgba(55,55,5,0.4);
-moz-box-shadow:0 0 5px  rgba(55,55,5,0.4);
box-shadow: 0 0 5px  rgba(55,55,5,0.4);}
#user_close {display:block;margin:0;height:50px;width:100%;border:0;background:url(../img/mobile/btn_close.png) no-repeat right 50%  
#ff6620;background-size:25px;color:#fff;/*text-indent:-999999999px;*/font-size:20px;font-weight:bold;overflow:hidden;font-family:'NanumMyeongjo';}
#snb_cnt span{display:inline-block;padding: 0 7px;height:18px;line-height:18px;font-size:12px;background:#3ca1ff;border-radius:20px;color:#fff}

#hd_nb{margin:20px;}
#hd_nb:after {display:block;visibility:hidden;clear:both;content:""}
#hd_nb li{width:50%;float:left;text-align:center;line-height:25px;font-size:1.083em;font-weight:bold}
#hd_nb li a{display:block;color:#717171;padding:20px 0}
#hd_nb li i{font-size:20px;}
#hd_nb .hd_nb1{border-right:1px solid #e2e5e7;border-bottom:1px solid #e2e5e7}
#hd_nb .hd_nb2{border-bottom:1px solid #e2e5e7}
#hd_nb .hd_nb3{border-right:1px solid #e2e5e7}

/* 2차메뉴 슬라이더 */
.frame {position:relative; height: 50px; line-height: 50px; overflow: hidden; background-color:#ff6523; padding:0 20px;}
.frame ul {list-style: none; margin: 0; padding: 0; height: 100%; font-size: 0.9rem;}
.frame ul li {float: left; padding: 0 12px; height: 100%; color: #fff; text-align: center;	cursor: pointer;}
.frame ul li a {color:#fff;}
.frame ul li.activetop a {color:yellow;}
.topmenu ul li ul li ul li, .activetop>a {color:yellow;}
.topmenu ul li ul li ul li, .activetop>a:after {content: ""; display: block; width:100%; border-bottom: 2px solid red; margin: 15px 0px 0px 0px;}
.frame:after{
	display:block;content:"";
	width:8px;height:8px;
	border-right:2px solid #fff;border-bottom:2px solid #fff;
	transform:rotate(-45deg) translate(-50%,-50%);
	position:absolute;right:4px;bottom:20px;margin:-3px 0 0;transition:all 0.4s ease-out; z-index:3;
}
.frame:before{
	display:block;content:"";
	width:8px;height:8px;
	border-right:2px solid #fff;border-bottom:2px solid #fff;
	transform:rotate(135deg) translate(-50%,-50%);
	position:absolute;left:4px;bottom:20px;margin:-3px 0 0;transition:all 0.4s ease-out; z-index:3;
}


/* 최상위 google paly */
.top-event-layer {width:100%; background-color:#ff5206; padding:10px 15px;}
.top-event-layer p {position:relative; color:#fff; font-size:0.8rem; letter-spacing:-0.7px; }
.top-event-layer p a {color:#fff;}
.top-event-layer p a span {display:inline-block; padding-left:6px;}
.top-event-layer p a img {width:90px; padding-bottom:2px;}
.top-event-layer .play-close {position:absolute; top:14px; right:15px; width:14px; height:14px; background:url('/images/google_play_close.png') no-repeat;}



/* 텍스트 크기 조절 */
#text_size {margin:0 0 10px;text-align:center;display:inline-block;padding:7px 20px;background:#e6e7e9;border-radius:25px;height:48px;}
#text_size button {margin:0 5px;border:0;background:none;height:35px;width:35px;border-radius:50%}
#text_size button.select{background:#fff;border-bottom:1px solid #bbb;
-webkit-box-shadow:0 0 5px  rgba(100,80,100,0.2);
-moz-box-shadow:0 0 5px  rgba(100,100,100,0.2);
box-shadow: 0 0 5px  rgba(100,100,100,0.2);}
.ts_up {font-size:1.167em !important}
.ts_up2 {font-size:1.3em !important}




/* 중간 레이아웃 */
#wrapper {}
#wrapper:after {display:block;visibility:hidden;clear:both;content:""}
#container {position:relative;min-height:300px;background:#fff;}
#container:after {display:block;visibility:hidden;clear:both;content:""}
#container_title {font-size:1.2em;font-weight:bold;height:50px;padding:10px;line-height:30px;background:#fff;color:#333;display:none;
-webkit-box-shadow: 0 0 5px rgba(55,55,5,0.4);
-moz-box-shadow: 0 0 5px rgba(55,55,5,0.4);
box-shadow: 0 0 5px rgba(55,55,5,0.4);
}
.top{position:relative}
.btn_top{position:absolute;top:0px;right:0px;z-index:999;padding:10px;}
.btn_top li{display:inline-block}
.btn_top a,.btn_top .btn_submit{line-height:30px;padding: 0 10px;border-radius:3px}
.btn_top .btn_cancel,.btn_top .btn_b01{border:1px solid #aaa;background:none;color:#666;line-height:28px;background:#fff}
.fixed{position:fixed;top:0;right:0;z-index:999;}
#container_title.fixed{width:100%;}

/* 메인 롤링 */
.main-visual {}
.main-visual .main-slider {position:relative; width:100%;}
.main-visual .main-slider img {width:100%;}
.main-visual .main-slider .slide-box div {position:absolute; left:0; top:0; width:100%;}
.main-visual .main-slider .slide-box div .main-img {opacity:0; transition:ease-out; transition-duration:0.5s;}
.main-visual .main-slider .slide-box div .main-img img {width:100%; }
.main-visual .main-slider .slide-box div.on .main-img {opacity:1; transition:ease-out; transition-duration:0.5s; z-index:2;}


.main-visual .main-slider .visual-btn {position:relative;}
.main-visual .main-slider .visual-btn ul {position:relative; width:100%;/* bottom:30px;*/ z-index:2; border:1px solid #e8e8e8; overflow:hidden; background-color:#fff;}
.main-visual .main-slider .visual-btn ul li {float:left; width:20%; height:40px; background-color:#fff; color:#858585; font-size:0.9rem; line-height:40px; cursor:pointer; text-align:center; border-right:1px solid #e8e8e8;}
.main-visual .main-slider .visual-btn ul li:last-child {width:20%; border-right:none;}

.main-visual .main-slider .visual-btn ul li.on {color:#fff; background-color:#ff6623; font-weight:500;}







/* 메인 배너 */
.vis {position:relative; width:100%; background-color:#f8f8f8; overflow:hidden;}
.vis .vis-text {padding:40px 0 0 30px;}
.vis .vis-text p {text-align:left; padding:0;}
.vis .vis-text .vis-b {font-size:2rem; line-height:2.2rem; letter-spacing:-0.1rem; font-family: 'Cafe24Ohsquare'; margin-bottom:10px;}
.vis .vis-text .vis-b span {font-family: 'Cafe24Ohsquareair';}
.vis .vis-text .vis-s {font-size:0.7rem; line-height:0.9rem;  margin-bottom:30px;}
.vis .vis-text .vis-m {font-size:1rem; color:#ff6623;  font-family: 'Cafe24Ohsquareair';}
.vis .vis-pic {position:absolute; right:0; bottom:0; text-align:right;}
.vis .vis-pic img {width:50%;}


.unse-select {position:relative; top:-20px; width:100%; padding:25px 26px; background-color:#fff; border-radius:14px; box-shadow:0 3px 3px 0 rgba(0,0,0,.1);z-index:1000;}
.unse-select .title {font-size:1.6rem; font-family: 'Cafe24Ohsquareair'; text-align:left; margin-bottom:10px;}
.unse-select ul {overflow:hidden;}
.unse-select ul li {float:left; width:25%; margin-bottom:20px;}
.unse-select ul li a div {text-align:center; margin-bottom:10px;}
.unse-select ul li a div img{width:50px;}
.unse-select ul li a p {font-size:0.7rem; text-align:center;}


.unse-select2 {position:relative; top:-40px; width:100%; padding:25px 26px 5px 26px; background-color:#fff; }
.unse-select2 .title {font-size:1.6rem; font-family: 'Cafe24Ohsquareair'; text-align:left; margin-bottom:10px;}
.unse-select2 ul {overflow:hidden;}
.unse-select2 ul li {float:left; width:25%; margin-bottom:20px;}
.unse-select2 ul li a div {text-align:center; margin-bottom:10px;}
.unse-select2 ul li a div img{width:50px;}
.unse-select2 ul li a p {font-size:0.7rem; text-align:center;}


.unse-search {position:relative; top:-30px; width:100%; padding:25px 26px; border-radius:14px; background-color:#fff; border-radius:14px; box-shadow:0 3px 3px 0 rgba(0,0,0,.1); z-index:60;}
.unse-search .title {font-size:1.6rem; font-family: 'Cafe24Ohsquareair'; text-align:left; margin-bottom:12px; }
.unse-search .search {width:100%; margin:0 auto; overflow:hidden; margin-bottom:14px;}
.unse-search .search li {float:left; width:49.5%; height:40px; font-size:0.8rem; line-height:40px; text-align:center; border:1px solid #e1e1e1;  cursor:pointer; border-radius:20px;}
.unse-search .search li:first-child {margin-right:1%;}
.unse-search .search li.on {background-color:#ff6623; color:#fff; border:none;}
.unse-search .search-bar {position:relative;}
.unse-search .search-bar input[type="text"] {width:100%; height:40px; font-size:0.8rem; padding-left:15px; padding-right:35px; box-shadow:0 2px 6px 0 rgba(0,0,0,.1); border:2px solid #454545;}
.unse-search .search-bar select {font-size:0.8rem; width:32%; height:40px; border:1px solid #f2f2f2; padding-left:10px; margin-right:0.2%; background: url('/images/select_btn.jpg') no-repeat 100% 50%; border-radius: 0px; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
.unse-search .search-bar select::-ms-expand { display:none;}
.unse-search .search-bar button[type="button"] {position:relative; font-size:0.8rem; width:32%; height:40px; color:#fff; background-color:#ff6623; border:none;padding-left:10px; text-align:left;}
.unse-search .search-bar button[type="button"]:after {content:''; position:absolute; top:12px; right:10px; width:16px; height:16px; background:url('/images/search_glass_icon_w.png') no-repeat; background-size:16px; }
.unse-search .search-bar .glass {position:absolute; top:5px; right:15px; cursor:pointer;}
.unse-search .search-bar .glass img {width:20px;}


.unse-search2 {position:relative; width:100%; padding:10px ;box-shadow:0 3px 3px 0 rgba(0,0,0,.1); z-index:60;}
.unse-search2 .title {font-size:1.6rem; font-family: 'Cafe24Ohsquareair'; text-align:left; margin-bottom:12px; padding-left:10px; }
.unse-search2 .search {width:100%; margin:0 auto; overflow:hidden; margin-bottom:14px;}
.unse-search2 .search li {float:left; width:49.5%; height:40px; font-size:0.8rem; line-height:40px; text-align:center; border:1px solid #e1e1e1;  cursor:pointer; border-radius:20px;}
.unse-search2 .search li:first-child {margin-right:1%;}
.unse-search2 .search li.on {background-color:#ff6623; color:#fff; border:none;}
.unse-search2 .search-bar {position:relative;}
.unse-search2 .search-bar input[type="text"] {width:100%; height:40px; font-size:0.8rem; padding-left:15px; padding-right:35px; box-shadow:0 2px 6px 0 rgba(0,0,0,.1); border:2px solid #454545;}
.unse-search2 .search-bar select {font-size:0.8rem; width:32%; height:40px; border:1px solid #f2f2f2; padding-left:10px; margin-right:0.2%; background: url('/images/select_btn.jpg') no-repeat 100% 50%; border-radius: 0px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background:#fff;}
.unse-search2 .search-bar select::-ms-expand { display:none;}
.unse-search2 .search-bar button[type="button"] {position:relative; font-size:0.8rem; width:32%; height:40px; color:#fff; background-color:#ff6623; border:none;padding-left:10px; text-align:left;}
.unse-search2 .search-bar button[type="button"]:after {content:''; position:absolute; top:12px; right:10px; width:16px; height:16px; background:url('/images/search_glass_icon_w.png') no-repeat; background-size:16px; }
.unse-search2 .search-bar .glass {position:absolute; top:5px; right:15px; cursor:pointer;}
.unse-search2 .search-bar .glass img {width:20px;}

.search-location {display:block}
.search-name {display:none;}


.user-tab {position:relative; width:100%; padding:0; margin-bottom:30px;}
.user-tab li{padding:0px;margin:0px;}
.user-tab .title {font-size:1.6rem; font-family: 'Cafe24Ohsquareair'; text-align:left; margin-bottom:12px; }
.user-tab .user_tab {width:100%; margin:0 auto; overflow:hidden; margin-bottom:14px;}
.user-tab .user_tab li {float:left; width:50%; height:30px; font-size:0.8rem; line-height:30px; text-align:center; border-bottom:2px solid #ff6623;  cursor:pointer;background:#fff;}
.user-tab .user_tab li.on {background-color:#ff6623; color:#fff;}

.user-fav {display:block; background:#fff;}
.user-review {display:none; background:#fff;}

.unse-recom {position:relative; width:100%; top:-10px; padding:0 26px 0 26px; border-radius:14px; margin-bottom:30px;}
.unse-recom .title {font-size:1.6rem; font-family: 'Cafe24Ohsquareair'; text-align:left; margin-bottom:6px; }
.unse-recom .s-title {font-size:0.8rem; font-family: 'Cafe24Ohsquareair'; text-align:left; margin-bottom:12px; }
.unse-recom .text {position:relative; width:100%; height:40px; font-size:0.8rem; line-height:40px; padding-left:15px; background-color:#ffefe8; text-align:left; border-radius:15px;  box-shadow:0 3px 3px 0 rgba(0,0,0,.1);}
.unse-recom .recom-btn {position:absolute; top:5px; right:10px; height:30px; padding:0 15px; font-size:0.8rem; color:#fff; background-color:#000000; border-radius:14px;}

.unse-teacher {position:relative; width:95%; padding:0 10px 0 10px; margin:0px auto 30px auto;/*box-shadow:0px 0px 10px 1px rgba(0,0,0,.1);border:1px solid #e8e8e8; border-radius:14px;*/background:#fff;}
.unse-teacher ul {}
.unse-teacher ul li:first-child {}
.unse-teacher ul li.last-child {}
.unse-teacher ul li {position:relative; padding:20px 10px; background-color:#fff; box-shadow:0px 0px 10px 1px rgba(0,0,0,.1);/*border:1px solid #e8e8e8;*/ border-radius:14px; margin-bottom:20px;}
.unse-teacher ul li:after {position:absolute; content:''; width:90%; height:1px; left:5%; bottom:0; background-color:#f4f4f4;}
.unse-teacher ul li .location {font-size:0.8rem; color:#ff6623; text-align:left; margin-bottom:8px;}
.unse-teacher ul li .info {width:54%;}
.unse-teacher ul li .info .name-title {font-size:0.8rem; color:#3c3c3c; line-height:0.9rem; text-align:left; margin-bottom:6px; width:100%;height:16px;overflow:hidden;}
.unse-teacher ul li .info .name {font-size:1.8rem; font-weight:700; line-height:1.8rem; color:#3c3c3c; text-align:left; margin-bottom:8px; }
.unse-teacher ul li .info .info-text {font-size:0.6rem; line-height:0.9rem; height:34px; color:#3c3c3c; text-align:left; margin-bottom:0px;}
.unse-teacher ul li .info .hashtag {font-size:0.7rem; color:#3c3c3c; text-align:left; margin-bottom:5px;width:100%;height:30px;overflow:hidden;line-height:110%}
.unse-teacher ul li .info .hashtag span {color:#ff6623;}
.unse-teacher .info-tel {overflow:hidden; width:100%;}
.unse-teacher .info-tel .tel {float:left; font-size:0.8rem; line-height:2rem; font-weight:500; color:#ff6623; letter-spacing:-0.4px; margin-right:5px;}
.unse-teacher .info-tel .star {float:left; font-size:0.8rem; line-height:2rem; font-weight:500; color:#5e5e5e; margin-right:5px;}
.unse-teacher .info-tel .star span {color:#e5e5e5;}
.unse-teacher .info-tel .dat {float:left; font-size:0.8rem; line-height:2rem; font-weight:500; color:#5e5e5e;}
.unse-teacher .info-tel .dat span {display:inline-block; color:#e5e5e5;}
.unse-teacher .info-tel .dat span i {margin-bottom:10px;}

.unse-teacher .info-tel .w_cate {float:left; font-size:0.7rem; vertical-align:middle; font-weight:500; color:#ffffff;margin-left:4px;}
.unse-teacher .info-tel .w_cate span {display:inline-block; color:#ffffff;padding:2px 5px;margin:4px 0px 0px 1px;}

.unse-teacher .info-tel button[type="button"] {float:right; width:110px; height:30px; font-size:0.8rem; line-height:1rem; color:#fff; margin-right:0px; background-color:#ff6623; }

.reservation {margin:0 auto; width:110px; height:30px; font-size:0.8rem; line-height:1rem; color:#fff; margin-right:0px; background-color:#ff6623; }

.unse-teacher .pic {position:absolute; top:50px; right:10px;}
.unse-teacher .pic img {border-radius:50%; width:110px;}

.unse-star {position:relative; width:100%; padding:30px 0 50px 0; margin-bottom:30px; background-color:#ffffff;}
.unse-star .title {font-size:1.6rem; font-family: 'Cafe24Ohsquareair'; text-align:left; padding-left:25px; margin-bottom:6px; margin-bottom:12px;}
.unse-star .s-title {font-size:0.8rem; font-family: 'Cafe24Ohsquareair'; text-align:left; margin-bottom:12px; }


.unse-review {position:relative; width:100%; padding:30px 0 50px 0; margin-bottom:30px; background-color:#ffffff;}
.unse-review .title {font-size:1.6rem; font-family: 'Cafe24Ohsquareair'; text-align:left; padding-left:25px; margin-bottom:6px; margin-bottom:12px;}
.unse-review .s-title {font-size:0.8rem; font-family: 'Cafe24Ohsquareair'; text-align:left; margin-bottom:12px; }

.unse-review-teacher {position:relative; width:100%; padding:0 10px 0 10px; margin:0px auto 30px auto;/*box-shadow:0px 0px 10px 1px rgba(0,0,0,.1);border:1px solid #e8e8e8; border-radius:14px;*/}
.unse-review-teacher ul {}
.unse-review-teacher ul li:first-child {}
.unse-review-teacher ul li.last-child {}
.unse-review-teacher ul li {margin-bottom:10px;text-align:left;}

.unse-review-teacher .info {width:calc( 100% - 100px ); margin-left:100px;}
.unse-review-teacher .info ul li  {width:100%;}
.unse-review-teacher .info ul li .addr {font-size:0.8rem; color:#3c3c3c; line-height:0.9rem; text-align:left; margin-bottom:6px; width:100%;height:16px;overflow:hidden;}

.unse-review-teacher .info ul li .name-title {font-size:0.8rem; color:#3c3c3c; line-height:0.9rem; text-align:left; margin-bottom:6px; width:100%;height:16px;overflow:hidden;}
.unse-review-teacher .info ul li .name {font-size:1.8rem; font-weight:700; line-height:1.8rem; color:#3c3c3c; text-align:left; margin-bottom:8px; }
.unse-review-teacher .info ul li .info-text {font-size:0.6rem; line-height:0.9rem; height:34px; color:#3c3c3c; text-align:left; margin-bottom:0px;}
.unse-review-teacher .info ul li .hashtag {font-size:0.7rem; color:#3c3c3c; text-align:left; margin-bottom:5px;width:100%;height:30px;overflow:hidden;line-height:110%}
.unse-review-teacher .info ul li .hashtag span {color:#ff6623;}
.unse-review-teacher .info-tel {overflow:hidden; width:100%;}
.unse-review-teacher .info-tel {text-align:left; font-size:0.8rem; lfont-weight:500; color:#999; letter-spacing:-0.4px; margin-right:5px;}
.unse-review-teacher .info-tel .star {float:left; font-size:0.8rem; line-height:2rem; font-weight:500; color:#5e5e5e; margin-right:5px;}
.unse-review-teacher .info-tel .star span {color:#e5e5e5;}
.unse-review-teacher .info-tel .dat {float:left; font-size:0.8rem; line-height:2rem; font-weight:500; color:#5e5e5e;}
.unse-review-teacher .info-tel .dat span {display:inline-block; color:#e5e5e5;}
.unse-review-teacher .info-tel .dat span i {margin-bottom:10px;}

.unse-review-teacher .info-tel .w_cate {float:left; font-size:0.7rem; vertical-align:middle; font-weight:500; color:#ffffff;margin-left:4px;}
.unse-review-teacher .info-tel .w_cate span {display:inline-block; color:#ffffff;padding:2px 5px;margin:4px 0px 0px 1px;}

.unse-review-teacher .info-tel button[type="button"] {float:right; width:110px; height:30px; font-size:0.8rem; line-height:1rem; color:#fff; margin-right:0px; background-color:#ff6623; }

.unse-review-teacher .pic {position:absolute; top:10px; left:0px;}
.unse-review-teacher .pic img {border-radius:50%; width:110px;}


.swiper-wrapper {padding-left:10px;}

.swiper-container_review {width:95%;margin:0 auto; height:400px;}

.swiper-container , .swiper-container_here{
  width: 100%;
	height:210px;

}
.swiper-slide {
	padding:20px 10px 15px 15px;
	text-align: center;
	font-size: 18px;
	background: #fff;
border-radius:14px;
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

.swiper-slide{

}


.unse-star-teacher {width:100%;}
.unse-star-teacher .info {width:54%;}
.unse-star-teacher .info .name-title {font-size:0.8rem; color:#3c3c3c; line-height:0.9rem; text-align:left; margin-bottom:6px; width:100%;height:15px;overflow:hidden;}
.unse-star-teacher .info .name {font-size:1.8rem; font-weight:700; line-height:1.8rem; color:#3c3c3c; text-align:left; margin-bottom:8px; }
.unse-star-teacher .info .info-text {font-size:0.6rem; line-height:0.9rem; height:34px; color:#3c3c3c; text-align:left; margin-bottom:0px;}
.unse-star-teacher .info .hashtag {font-size:0.7rem; color:#3c3c3c; text-align:left; margin-bottom:5px;width:100%;height:28px;overflow:hidden;}
.unse-star-teacher .info .hashtag span {color:#ff6623;}
.unse-star-teacher .info-tel {}
.unse-star-teacher .info-tel .tel {float:left; font-size:0.8rem; line-height:2rem; font-weight:500; color:#ff6623; letter-spacing:-0.4px; margin-right:5px;}
.unse-star-teacher .info-tel .star {float:left; font-size:0.8rem; line-height:2rem; font-weight:500; color:#5e5e5e; margin-right:5px;}
.unse-star-teacher .info-tel .star span {color:#e5e5e5;}
.unse-star-teacher .info-tel .dat {float:left; font-size:0.8rem; line-height:2rem; font-weight:500; color:#5e5e5e;}
.unse-star-teacher .info-tel .dat span {display:inline-block; color:#e5e5e5;}
.unse-star-teacher .info-tel .dat span i {margin-bottom:10px;}
.unse-star-teacher .pic {position:absolute; top:20px; right:15px;}
.unse-star-teacher .pic img {border-radius:50%; width:110px;}

.swiper-pagination {width:100%; text-align:center; bottom:20px;}
.swiper-pagination .swiper-pagination-bullet {margin-right:6px;}



/* 하단 레이아웃 */
#ft {background:#222;padding:0px 10px 10px}
#ft h1 {width:0;height:0;font-size:0;line-height:0;overflow:hidden}
#ft p {margin:0;padding:10px 0;line-height:1.8em}

#ft_copy {padding:10px;line-height:2em;text-align:center;color:#777}
#ft_copy #ft_company {text-align:center}
#ft_copy #ft_company a {display:inline-block;padding:0 10px;line-height:1em;border-left:1px solid #333;color:#fff}
#ft_copy #ft_company a:first-child{border:0}
#ft_copy b {color:inherit}
#ft_copy a {color:inherit;text-decoration:none}

#top_btn {position:fixed;bottom:10px;right:10px;width:40px;height:40px;line-height:36px;border:2px solid #333;background:rgba(255,255,255,0.6);color:#333;text-align:center;font-size:15px;z-index:99}
#device_change {display:block;line-height:40px;border:1px solid #3a3a3a;border-radius:2em;color:#777;font-size:1em;text-decoration:none;text-align:center}

/* 게시물 선택복사 선택이동 */
#copymove {}
.copymove_current {float:right;color:#ff3061}
.copymove_currentbg {background:#f4f4f4}
#copymove .tbl_head01{margin-top:10px}
#copymove td{background:#fff}
#copymove .win_btn{margin:10px}

/* 화면낭독기 사용자용 */
#hd_login_msg {position:absolute;top:0;left:0;width:0;height:0;overflow:hidden}
.msg_sound_only, .sound_only {display:inline-block;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;width:1px !important;height:1px !important;font-size:0 !important;line-height:0 !important;overflow:hidden}

/* 본문 바로가기 */
.to_content a {z-index:100000;position:absolute;top:0;left:0;width:0;height:0;font-size:0;line-height:0;overflow:hidden}

/* 이미지 등비율 리사이징 */
.img_fix {width:100%;height:auto}

/* 캡챠 자동등록(입력)방지 기본 -pc */
#captcha {position:relative}
#captcha legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden;}
#captcha #captcha_img {height:40px;border:1px solid #898989;;vertical-align:top;padding:0;margin:0}
#captcha #captcha_mp3 {margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;width:40px;height:40px;background:url('../../../img/captcha2.png') no-repeat;text-indent:-999px;;border-radius:3px}
#captcha #captcha_reload {margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../../../img/captcha2.png') no-repeat  0 -40px;text-indent:-999px;border-radius:3px}
#captcha #captcha_key {margin:0 0 0 3px;padding:0 5px;width:90px;height:40px;border:1px solid #ccc;background:#fff;font-size:1.333em;font-weight:bold;text-align:center;border-radius:3px;vertical-align:top}
#captcha #captcha_info {display:block;margin:3px 0 5px ;font-size:0.95em;letter-spacing:-0.1em}

/* 캡챠 자동등록(입력)방지 기본 - mobile */
#captcha.m_captcha audio {display:block;margin:0 0 5px}

/* 구글리캡챠 크기 조정 scale */
#captcha.recaptcha{width:213px;height:55px;overflow:hidden}
#rc-imageselect, .g-recaptcha {transform:scale(0.7);-webkit-transform:scale(0.7);transform-origin:0 0;-webkit-transform-origin:0 0;}

/* ckeditor 태그 기본값 */
#bo_v_con ul{display: block;list-style-type: disc;margin-top: 1em;margin-bottom: 1em;margin-left: 0;margin-right: 0;padding-left: 40px;}
#bo_v_con ol{display: block;list-style-type: decimal;margin-top: 1em;margin-bottom: 1em;margin-left: 0;margin-right: 0;padding-left: 40px;}
#bo_v_con li{display: list-item;}

/*단축키일람 */
.cke_sc{text-align:right}
.btn_cke_sc{background:#333;color:#fff;padding:5px;border:none}
.cke_sc_def {margin:0 0 5px;padding:10px;border:1px solid #ccc;background:#f7f7f7;text-align:center}
.cke_sc_def dl{margin:0 0 5px;text-align:left;zoom:1}
.cke_sc_def dl:after {display:block;visibility:hidden;clear:both;content:""}
.cke_sc_def dt, .cke_sc_def dd {float:left;margin:0;padding:5px 0;border-bottom:1px solid #e9e9e9}
.cke_sc_def dt {width:50%;font-weight:bold}
.cke_sc_def dd {width:50%}
.btn_cke_sc_close{background:#333;padding:5px;border:none;color:#fff}

/* 버튼 */
.btn{display:inline-block;padding:0 5px;height:30px;line-height:30px;border-radius:3px}
a.btn01 {display:inline-block;background:#ddd;color:#444;text-decoration:none;vertical-align:middle}
a.btn01:focus, a.btn01:hover {text-decoration:none}
button.btn01 {display:inline-block;margin:0;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none}
a.btn02 {display:inline-block;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none;vertical-align:middle}
a.btn02:focus, .btn02:hover {text-decoration:none}
button.btn02 {display:inline-block;margin:0;padding:7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none}
.btn_confirm {text-align:center} /* 서식단계 진행 */
.btn_submit {border:0;background:#ff506a;color:#fff;cursor:pointer;border-radius:3px}
fieldset .btn_submit {}
a.btn_cancel {display:inline-block;background:#ddd;color:#444;text-decoration:none;vertical-align:middle}
button.btn_cancel {display:inline-block;;border:1px solid #ccc;background:#fafafa;color:#000;vertical-align:top;text-decoration:none}
a.btn_frmline, button.btn_frmline {display:inline-block;padding:0 5px;;border:0;background:#333;color:#fff;letter-spacing:-0.1em;text-decoration:none;vertical-align:top} /* 우편번호검색버튼 등 */
button.btn_frmline {font-size:1em}

/* 게시판용 버튼 */
a.btn_b01,.btn_b01 {display:inline-block;background:#4c4f6f;color:#fff;text-decoration:none;vertical-align:middle}
.btn_b01:hover, .btn_b01:hover {}
a.btn_b02 ,.btn_b02{display:inline-block;background:#ff506a;color:#fff;text-decoration:none;vertical-align:middle;border:0}
a.btn_b02:hover, .btn_b02:hover {}
a.btn_b03, .btn_b03 {display:inline-block;line-height:28px;border:1px solid #ed6478;color:#ed6478;background:none;text-decoration:none;vertical-align:middle}
a.btn_b03:hover, .btn_b03:hover {}
a.btn_admin {display:inline-block;background:#e8180c;color:#fff;text-decoration:none;vertical-align:middle} /* 관리자 전용 버튼 */
a.btn_admin:focus, a.btn_admin:hover {}

/* 기본테이블 */
.tbl_wrap {margin:0 10px 10px}
.tbl_wrap table {width:100%;border-collapse:collapse;border-spacing:0}
.tbl_wrap caption {padding:10px 0;color:#4b8b99;font-weight:bold;text-align:left}

.tbl_head01 {}
.tbl_head01 caption {padding:0 0 10px;color:#777;text-align:left}
.tbl_head01 thead th {padding:12px 0;border:1px solid #cacaca;background:#d9d9da;color:#383838;font-size:0.95em;text-align:center;letter-spacing:-0.1em}
.tbl_head01 thead a {color:#383838}
.tbl_head01 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head01 tfoot th {border-top:1px solid #666;border-bottom:1px solid #666;background:#484848;color:#fff}
.tbl_head01 tfoot td {border-color:#e3e3e5;background:#484848;color:#fff;font-weight:bold;text-align:center}
.tbl_head01 tbody th {padding:5px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9}
.tbl_head01 td {padding:5px;border:1px solid #e3e3e5;line-height:1.5em;word-break:break-all}

.tbl_head02 {}
.tbl_head02 caption {padding:0 0 10px;color:#777;text-align:left}
.tbl_head02 thead th {padding:5px 0;border-top:1px solid #d1dee2;border-bottom:1px solid #d1dee2;background:#e5ecef;color:#383838;font-size:0.95em;text-align:center;letter-spacing:-0.1em}
.tbl_head02 thead a {color:#383838}
.tbl_head02 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head02 tfoot th {border-top:1px solid #666;border-bottom:1px solid #666;background:#484848;color:#fff}
.tbl_head02 tfoot td {background:#484848;color:#fff;font-weight:bold;text-align:center}
.tbl_head02 tbody th {padding:5px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9}
.tbl_head02 td {padding:5px 3px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;line-height:1.4em;word-break:break-all}

/* 기본리스트 */
.list_01{padding:0 10px;}
.list_01 li{background:#fff;border-radius:3px;margin:10px 0;padding:10px 15px;border-bottom:1px solid #ccc;}

/* 기본폼 */
.form_01{margin:10px}
.form_01 .write_div{margin:5px 0;position:relative}
.form_01 li{margin:5px 0;position:relative;list-style:none}
.form_01 textarea, .frm_input {border:1px solid #ccc;background:#fff;color:#000;vertical-align:middle;border-radius:3px;padding:5px;}
.form_01 textarea {width:100%;height:100px}
.frm_input {height:40px;}
.full_input{width:100%} 
.form_01 .frm_file {display:block;margin-bottom:5px;width:100%}
.form_01 select{height:40px;border-radius:3px;background-color:#fff}
.form_01 .frm_info{font-size:0.92em;color:#ff8221;text-align:left;margin:3px 0 10px;display:block;line-height:1.3em}

/* 자료 없는 목록 */
.empty_table {padding:100px 0 !important;color:#777;text-align:center}
.empty_list {padding:20px 0 !important;text-align:center}

/* 필수입력 */
.required, textarea.required {background-image:url('../img/require.png')  !important;background-repeat:no-repeat   !important;background-position:right top  !important;}

/* 테이블 항목별 정의 */
.td_board {width:120px;text-align:center}
.td_category {width:80px;text-align:center}
.td_chk {width:30px;text-align:center}
.td_date {width:60px;text-align:center}
.td_datetime {width:150px;text-align:center}
.td_group {width:100px;text-align:center}
.td_mb_id {width:100px;text-align:center}
.td_mng {width:80px;text-align:center}
.td_name {width:100px;text-align:left}
.td_nick {width:100px;text-align:center}
.td_num {width:50px;text-align:center}
.td_numbig {width:80px;text-align:center}
.td_stat {width:60px;text-align:center}

.txt_active {color:#5d910b}
.txt_done {color:#e8180c}
.txt_expired {color:#999}
.txt_rdy {color:#8abc2a}

/* 새창 기본 스타일 */
.new_win {}
.new_win #win_title {font-size: 1.2em;font-weight: bold;height: 50px;padding: 10px;line-height: 30px;background: #ff8221;color: #fff;}
.new_win #win_title .sv {font-size:0.75em;line-height:1.2em}
.new_win_con{margin:10px}

.new_win .win_ul {margin:10px}
.new_win .win_ul li {display:inline-block;}
.new_win .win_ul li a {display: block;line-height: 24px;padding: 0 10px;}
.new_win .win_ul li .selected {background: #ff8221;color: #fff;border-radius: 13px;
-webkit-box-shadow: 0 0 5px rgba(65,98,255,0.8);
-moz-box-shadow: 0 0 5px rgba(65,98,255,0.8);
box-shadow: 0 0 8px rgba(65,98,255,0.8);}

.new_win .win_desc {margin:5px 0;font-size:0.92em;color:#ff8221}
.new_win .win_btn {clear:both;margin:10px 0;text-align:center}
.new_win .win_btn a {display:inline-block;height:40px;line-height:40px;font-weight:bold}
.new_win .win_btn .btn_close {display:inline-block;padding:0 10px;border:0;background:#c6c6d2;color:#666;text-decoration:none;font-weight:bold;height:40px;border-radius:3px;margin:10px 0}
.new_win .win_btn .btn_submit {width:100%;height:40px;line-height:40px;border-radius:3px;margin:0 0 20px;display:inline-block;font-weight:bold}

/* 검색결과 색상 */
.sch_word {color:#00c4ac}

/* 사이드뷰 */
.sv_wrap {display:inline-block;position:relative;font-weight:normal;line-height:20px}
.sv_wrap .sv {z-index:1000;width:100px;display:none;margin:5px 0 0;font-size:0.92em;background:#333;text-align:left;
-webkit-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.2);
box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.2);}
.sv_wrap .sv:before{content: "";position: absolute;top: -6px;left: 15px;width: 0;height: 0;border-style: solid;border-width: 0 6px 6px 6px;border-color: transparent transparent #333 transparent;}
.sv_wrap .sv a {display:inline-block;width:100px;margin:0;padding:0  10px;line-height:30px;font-weight:normal;color:#bbb }
.sv_wrap .sv a:hover{background:#000;color:#fff}
.sv_member{color:#333;font-weight:bold;}
.sv_on {display:block !important;position:absolute;top:23px;left:0px;width:auto;height:auto}
.sv_nojs .sv {display:block}

/* 페이징 */
.pg_wrap {clear:both;margin:10px 0;text-align:center}
.pg {display:inline-block}
.pg_page, .pg_current {display:inline-block;padding:0 10px;height:30px;color:#000;line-height:28px;vertical-align:middle}
.pg a:focus, .pg a:hover {text-decoration:none}
.pg_page {background:#fff;border:1px solid #d4d4d4;border-radius:3px}
.pg_start {background:url(../img/btn_first.gif) no-repeat 50% 50% #fff;width:30px;height:30px ;text-indent:-999px;overflow:hidden}
.pg_prev {background:url(../img/btn_prev.gif) no-repeat 50% 50% #fff;width:30px;height:30px ;text-indent:-999px;overflow:hidden}
.pg_next {background:url(../img/btn_next.gif) no-repeat 50% 50% #fff;width:30px;height:30px ;text-indent:-999px;overflow:hidden}
.pg_end {background:url(../img/btn_end.gif) no-repeat 50% 50% #fff;width:30px;height:30px ;text-indent:-999px;overflow:hidden}
.pg_current {display:inline-block;background:#4c4f6f;color:#fff;font-weight:normal;border-radius:3px;line-height:30px;}

.hide {display:none;}
.cb {clear:both;}



/* 라테스트 */

.lt_img img {/*width:100%;*/}
.small_photo li {float:left; margin-right:6px; cursor:pointer;}

li.addr {font-size:15px;word-break:keep-all;vertical-align:top;}
.hanjul {font-size:0.8rem;word-break:keep-all;margin-top:10px;padding:0px;line-height:120%;}
.dujul {font-size:0.7rem; line-height:1rem;word-break:keep-all;padding-right:10px;}
.s_name {word-break:keep-all;font-size:23px;font-weight:500;}
.hash {font-size:10px;word-break:keep-all;letter-spacing:-1px;padding-top:10px;}
.tel a {word-break:keep-all; font-size:14px;/*color:#ff6623*/color:#ff6623;font-weight:500;letter-spacing:-1px;}
.cb {clear:both;}
.tel_btn {background:#ff6623;;padding:3px; width:75%;margin:0 auto; text-align:center; color:#fff;font-size:13px;}

@media screen and (min-width: 500px) { 
	li.addr {font-size:25px;}
	.hanjul {font-size:21px;}
	.dujul {font-size:19px;line-height:160%;word-break: break-all;}
	.s_name {font-size:33px;}
	.hash {font-size:20px;}
	.tel a {font-size:20px;}
	.tel_btn {font-size:20px;}

	.unse-teacher ul li .location, {font-size:25px;}
	.unse-teacher ul li .info .name-title , .unse-star-teacher .info .name-title {font-size:21px;height:28px;line-height:150%;}
	.unse-teacher ul li .info .name , .unse-star-teacher .info .name {font-size:33px;}
	.unse-teacher ul li .info .info-text , .unse-star-teacher .info .info-text {font-size:18px;line-height:120%;word-break: break-all;height:50px;}
	.unse-teacher ul li .info .hashtag , .unse-star-teacher .info .hashtag {font-size:14px; height:30px}

}

input::placeholder {
  color: #aaa;
}

input::-webkit-input-placeholder {
  color: #aaa;}
input:-ms-input-placeholder {
  color: #aaa;
}

textarea::placeholder {
  color: #aaa;
}

textarea::-webkit-input-placeholder {
  color: #aaa;}
textarea:-ms-input-placeholder {
  color: #aaa;
}

/* 공유하기 버튼 시작 */
.share-btn {background-color:#eeeeee; padding:10px; overflow:hidden;}
.share-btn .share-btn-line {float:left; width:32.5%; margin-right:1%; border-radius:10px; text-align:center; height:30px; font-size:0.9rem; font-weight:500; letter-spacing:-1px; line-height:29px;}
.share-btn .share-btn-line:last-child {margin-right:0;}
.share-btn .share-btn-kakao {background-color:#f9e000}
.share-btn .share-btn-kakao img {padding-bottom:3px; width:20px;}
.share-btn .share-btn-facebook {background-color:#5e77ac}
.share-btn .share-btn-facebook img {padding-bottom:6px; width:20px;}
.share-btn .share-btn-facebook a {color:#fff;}
.share-btn .share-btn-sns {background-color:#6799ed; }
.share-btn .share-btn-sns a {color:#fff;}
.share-btn .share-btn-sns img {padding-bottom:3px; width:16px;}
.share-btn .share-btn-copy {background-color:#fff}
.share-btn .share-btn-copy img {padding-bottom:3px; width:14px;}
/* 공유하기 버튼 끝 */

/* 띠별 운세 시작 */
.zodiac-main-bg {position:relative; width:100%;}
.zodiac-main-bg img {width:100%;}
.zodiac-select {position:relative; width:100%; padding:25px 10px 5px 10px; background-color:#fff; }
.zodiac-select .title {width:70%; padding:8px 0; margin:0 auto 20px auto; font-size:1rem; font-weight:500; line-height:1rem; text-align:center; background-color:#f5f6f8; border-radius:30px;}
.zodiac-select .zodiac-select-items {overflow:hidden;}
.zodiac-select .zodiac-select-items li {float:left; width:25%; margin-bottom:15px;}
.zodiac-select .zodiac-select-items li div {text-align:center; margin-bottom:8px;}
.zodiac-select .zodiac-select-items li div img{width:50px;}
.zodiac-select .zodiac-select-items li p {font-size:0.9rem; text-align:center;}

.zodiac-day {position:relative; padding:0 5% 20px 5%; background-color:#fff;}
.zodiac-day .zodiac-day-inner {border-top:1px solid #e9e9e9;}
.zodiac-day .zodiac-day-inner .zodiac-items {display:none;}
.zodiac-day .zodiac-day-inner .zodiac-items li {position:relative; border-bottom:1px solid #f5f5f5; padding:15px 0; overflow:hidden;}
.zodiac-day .zodiac-day-inner .zodiac-items li div:nth-child(1) {float:left; width:50px;}
.zodiac-day .zodiac-day-inner .zodiac-items li div:nth-child(1) p {width:50px; height:50px; left:0; top:15px; background-color:#fff8f6; text-align:center; border-radius:50%; padding-top:10px;  font-size:0.8rem; line-height:0.9rem; }
.zodiac-day .zodiac-day-inner .zodiac-items li div:nth-child(1) img {width:50px; height:50px; left:0; top:15px; }
.zodiac-day .zodiac-day-inner .zodiac-items li div:nth-child(2) {float:left; width:calc(100% - 60px); display:table;}
.zodiac-day .zodiac-day-inner .zodiac-items li div:nth-child(2) p {padding-left:10px; height:50px; font-size:0.9rem; line-height:1.2rem; display:table-cell; vertical-align:middle;}
.zodiac-day .zodiac-day-inner .zodiac-items li div:nth-child(2) span {font-size:1rem; font-weight:500;}
/* 띠별 운세 끝 */


/* 별자리 운세 시작 */
.horoscope-main-bg {position:relative; width:100%;}
.horoscope-main-bg img {width:100%;}
.horoscope-select {position:relative; width:100%; padding:25px 10px 5px 10px; background-color:#fff; }
.horoscope-select .title {width:70%; padding:8px 0; margin:0 auto 20px auto; font-size:1rem; font-weight:500; line-height:1rem; text-align:center; background-color:#f5f6f8; border-radius:30px;}
.horoscope-select .horoscope-select-items {overflow:hidden;}
.horoscope-select .horoscope-select-items li {float:left; width:25%; margin-bottom:20px;}
.horoscope-select .horoscope-select-items li div {text-align:center; margin-bottom:8px;}
.horoscope-select .horoscope-select-items li div img{width:50px;}
.horoscope-select .horoscope-select-items li p {font-size:0.8rem; line-height:1.0rem; text-align:center;}
.horoscope-select .horoscope-select-items li p span {font-size:0.7rem;}


.horoscope-day {position:relative; padding:0 5% 20px 5%; background-color:#fff;}
.horoscope-day .horoscope-day-inner {border-top:1px solid #e9e9e9;}
.horoscope-day .horoscope-day-inner .horoscope-items {display:none; padding:20px 0;}
.horoscope-day .horoscope-day-inner .horoscope-items li {position:relative; overflow:hidden; padding:10px 0;}
.horoscope-day .horoscope-day-inner .horoscope-items li .horoscope-pic {float:left; width:50px;}
.horoscope-day .horoscope-day-inner .horoscope-items li .horoscope-pic img {width:50px; height:50px; left:0; top:15px; }
.horoscope-day .horoscope-day-inner .horoscope-items li .horoscope-position {float:left; width:calc(100% - 60px); display:table;}
.horoscope-day .horoscope-day-inner .horoscope-items li .horoscope-position p {padding-left:10px; height:50px; font-size:0.9rem; line-height:1.2rem; display:table-cell; vertical-align:middle;}
.horoscope-day .horoscope-day-inner .horoscope-items li .horoscope-position span {font-size:1rem; font-weight:500;}
.horoscope-day .horoscope-day-inner .horoscope-items li .horoscope-text p {font-size:0.9rem; line-height:1.3rem;}
/* 별자리 운세 끝 */


/* 타로 운세 시작 */
.tarotcard {background:url('/images/tarotcard_main_bg.jpg') no-repeat center; padding:20px; height:600px; transition:ease-out; transition-duration:0.2s; overflow:hidden;}
.tarotcard .tarotcard-title {height:110px; text-align:center;}
.tarotcard .tarotcard-title img {height:110px;}
.tarotcard .tarotcard-onepick {font-size:1.2rem; line-height:1.2rem; color:#fff; text-align:center; margin-bottom:20px;}
.tarotcard .tarotcard-paper {position:relative; }
.tarotcard .tarotcard-paper .back_pick .back_pick_pic {position:relative;}
.tarotcard .tarotcard-paper .back_pick .back_pick_pic img {position:absolute; width:100%; left:0; top:0px;  transition:ease-out; transition-duration:0.2s;}
.tarotcard .tarotcard-paper.on .back_pick .back_pick_pic.on img {left:0; top:-24px;  transition:ease-out; transition-duration:0.2s;}


.tarotcard .tarotcard-paper .back_pick {position:absolute; width:18%; cursor:pointer; transition:ease-out; transition-duration:0.1s; opacity:0; transform: rotate( 0deg );}

.tarotcard .tarotcard-paper .back_pick:nth-child(1) {opacity:0; top:248px; left:0; z-index:1; transition-delay:0.02s; transform: rotate( -60deg ); }
.tarotcard .tarotcard-paper .back_pick:nth-child(2) {opacity:0; top:228px; left:4%; z-index:2; transition-delay:0.04s; transform: rotate( -54deg );}
.tarotcard .tarotcard-paper .back_pick:nth-child(3) {opacity:0; top:216px; left:8%; z-index:3; transition-delay:0.06s; transform: rotate( -48deg );}
.tarotcard .tarotcard-paper .back_pick:nth-child(4) {opacity:0; top:204px; left:12%; z-index:4; transition-delay:0.08s; transform: rotate( -42deg );}
.tarotcard .tarotcard-paper .back_pick:nth-child(5) {opacity:0; top:195px; left:16%; z-index:5; transition-delay:0.10s; transform: rotate( -36deg );}
.tarotcard .tarotcard-paper .back_pick:nth-child(6) {opacity:0; top:190px; left:20%; z-index:6; transition-delay:0.12s; transform: rotate( -30deg );}
.tarotcard .tarotcard-paper .back_pick:nth-child(7) {opacity:0; top:185px; left:24%; z-index:7; transition-delay:0.14s; transform: rotate( -24deg );}
.tarotcard .tarotcard-paper .back_pick:nth-child(8) {opacity:0; top:182px; left:28%; z-index:8; transition-delay:0.16s; transform: rotate( -18deg );}
.tarotcard .tarotcard-paper .back_pick:nth-child(9) {opacity:0; top:180px; left:32%; z-index:9; transition-delay:0.18s; transform: rotate( -12deg );}
.tarotcard .tarotcard-paper .back_pick:nth-child(10) {opacity:0; top:178px; left:36%; z-index:10; transition-delay:0.2s; transform: rotate( -6deg );}
.tarotcard .tarotcard-paper .back_pick:nth-child(11) {opacity:0; top:176px; left:40%; z-index:11; transition-delay:0.22s; transform: rotate( 0deg ); }
.tarotcard .tarotcard-paper .back_pick:nth-child(12) {opacity:0; top:178px; left:44%; z-index:12; transition-delay:0.24s; transform: rotate( 4deg ); }
.tarotcard .tarotcard-paper .back_pick:nth-child(13) {opacity:0; top:180px; left:48%; z-index:13; transition-delay:0.26s; transform: rotate( 8deg );}
.tarotcard .tarotcard-paper .back_pick:nth-child(14) {opacity:0; top:183px; left:52%; z-index:14; transition-delay:0.28s; transform: rotate( 12deg );}
.tarotcard .tarotcard-paper .back_pick:nth-child(15) {opacity:0; top:188px; left:56%; z-index:15; transition-delay:0.30s; transform: rotate( 16deg );}
.tarotcard .tarotcard-paper .back_pick:nth-child(16) {opacity:0; top:192px; left:60%; z-index:16; transition-delay:0.32s; transform: rotate( 20deg );}
.tarotcard .tarotcard-paper .back_pick:nth-child(17) {opacity:0; top:198px; left:64%; z-index:17; transition-delay:0.34s; transform: rotate( 24deg );}
.tarotcard .tarotcard-paper .back_pick:nth-child(18) {opacity:0; top:205px; left:68%; z-index:18; transition-delay:0.36s; transform: rotate( 28deg );}
.tarotcard .tarotcard-paper .back_pick:nth-child(19) {opacity:0; top:212px; left:72%; z-index:19; transition-delay:0.38s; transform: rotate( 32deg );}
.tarotcard .tarotcard-paper .back_pick:nth-child(20) {opacity:0; top:220px; left:76%; z-index:20; transition-delay:0.40s; transform: rotate( 36deg );}
.tarotcard .tarotcard-paper .back_pick:nth-child(21) {opacity:0; top:230px; left:80%; z-index:21; transition-delay:0.42s; transform: rotate( 40deg );}

.tarotcard.on .tarotcard-paper .back_pick:nth-child(1) {opacity:1; top:248px; left:0; z-index:1; transition-delay:0.02s; transform: rotate( -60deg ); }
.tarotcard.on .tarotcard-paper .back_pick:nth-child(2) {opacity:1; top:228px; left:4%; z-index:2; transition-delay:0.04s; transform: rotate( -54deg );}
.tarotcard.on .tarotcard-paper .back_pick:nth-child(3) {opacity:1; top:216px; left:8%; z-index:3; transition-delay:0.06s; transform: rotate( -48deg );}
.tarotcard.on .tarotcard-paper .back_pick:nth-child(4) {opacity:1; top:204px; left:12%; z-index:4; transition-delay:0.08s; transform: rotate( -42deg );}
.tarotcard.on .tarotcard-paper .back_pick:nth-child(5) {opacity:1; top:195px; left:16%; z-index:5; transition-delay:0.10s; transform: rotate( -36deg );}
.tarotcard.on .tarotcard-paper .back_pick:nth-child(6) {opacity:1; top:190px; left:20%; z-index:6; transition-delay:0.12s; transform: rotate( -30deg );}
.tarotcard.on .tarotcard-paper .back_pick:nth-child(7) {opacity:1; top:185px; left:24%; z-index:7; transition-delay:0.14s; transform: rotate( -24deg );}
.tarotcard.on .tarotcard-paper .back_pick:nth-child(8) {opacity:1; top:182px; left:28%; z-index:8; transition-delay:0.16s; transform: rotate( -18deg );}
.tarotcard.on .tarotcard-paper .back_pick:nth-child(9) {opacity:1; top:180px; left:32%; z-index:9; transition-delay:0.18s; transform: rotate( -12deg );}
.tarotcard.on .tarotcard-paper .back_pick:nth-child(10) {opacity:1; top:178px; left:36%; z-index:10; transition-delay:0.20s; transform: rotate( -6deg );}
.tarotcard.on .tarotcard-paper .back_pick:nth-child(11) {opacity:1; top:176px; left:40%; z-index:11; transition-delay:0.22s; transform: rotate( 0deg ); }
.tarotcard.on .tarotcard-paper .back_pick:nth-child(12) {opacity:1; top:176px; left:44%; z-index:12; transition-delay:0.24s; transform: rotate( 4deg ); }
.tarotcard.on .tarotcard-paper .back_pick:nth-child(13) {opacity:1; top:177px; left:48%; z-index:13; transition-delay:0.26s; transform: rotate( 8deg );}
.tarotcard.on .tarotcard-paper .back_pick:nth-child(14) {opacity:1; top:180px; left:52%; z-index:14; transition-delay:0.28s; transform: rotate( 12deg );}
.tarotcard.on .tarotcard-paper .back_pick:nth-child(15) {opacity:1; top:182px; left:56%; z-index:15; transition-delay:0.30s; transform: rotate( 16deg );}
.tarotcard.on .tarotcard-paper .back_pick:nth-child(16) {opacity:1; top:186px; left:60%; z-index:16; transition-delay:0.32s; transform: rotate( 20deg );}
.tarotcard.on .tarotcard-paper .back_pick:nth-child(17) {opacity:1; top:190px; left:64%; z-index:17; transition-delay:0.34s; transform: rotate( 24deg );}
.tarotcard.on .tarotcard-paper .back_pick:nth-child(18) {opacity:1; top:196px; left:68%; z-index:18; transition-delay:0.36s; transform: rotate( 28deg );}
.tarotcard.on .tarotcard-paper .back_pick:nth-child(19) {opacity:1; top:204px; left:72%; z-index:19; transition-delay:0.38s; transform: rotate( 32deg );}
.tarotcard.on .tarotcard-paper .back_pick:nth-child(20) {opacity:1; top:214px; left:76%; z-index:20; transition-delay:0.40s; transform: rotate( 36deg );}
.tarotcard.on .tarotcard-paper .back_pick:nth-child(21) {opacity:1; top:228px; left:80%; z-index:21; transition-delay:0.423s; transform: rotate( 44deg );}


.tarotcard.on .tarotcard-paper.on .back_pick {transform: rotate( 0deg ); width:18%;}
.tarotcard.on .tarotcard-paper.on .back_pick:nth-child(1) {opacity:1; top:0; left:0; z-index:1; transition-delay:0.03s;}
.tarotcard.on .tarotcard-paper.on .back_pick:nth-child(2) {opacity:1; top:0; left:20%; z-index:2; transition-delay:0.06s;}
.tarotcard.on .tarotcard-paper.on .back_pick:nth-child(3) {opacity:1; top:0; left:40%; z-index:3; transition-delay:0.09s;}
.tarotcard.on .tarotcard-paper.on .back_pick:nth-child(4) {opacity:1; top:0; left:60%; z-index:4; transition-delay:0.12s;}
.tarotcard.on .tarotcard-paper.on .back_pick:nth-child(5) {opacity:1; top:0; left:80%; z-index:5; transition-delay:0.15s;}
.tarotcard.on .tarotcard-paper.on .back_pick:nth-child(6) {opacity:1; top:50px; left:0; z-index:6; transition-delay:0.18s;}
.tarotcard.on .tarotcard-paper.on .back_pick:nth-child(7) {opacity:1; top:50px; left:20%; z-index:7; transition-delay:0.21s;}
.tarotcard.on .tarotcard-paper.on .back_pick:nth-child(8) {opacity:1; top:50px; left:40%; z-index:8; transition-delay:0.24s;}
.tarotcard.on .tarotcard-paper.on .back_pick:nth-child(9) {opacity:1; top:50px; left:60%; z-index:9; transition-delay:0.27s;}
.tarotcard.on .tarotcard-paper.on .back_pick:nth-child(10) {opacity:1; top:50px; left:80%; z-index:10; transition-delay:0.3s;}
.tarotcard.on .tarotcard-paper.on .back_pick:nth-child(11) {opacity:1; top:100px; left:0; z-index:11; transition-delay:0.33s;}
.tarotcard.on .tarotcard-paper.on .back_pick:nth-child(12) {opacity:1; top:100px; left:20%; z-index:12; transition-delay:0.36s;}
.tarotcard.on .tarotcard-paper.on .back_pick:nth-child(13) {opacity:1; top:100px; left:40%; z-index:13; transition-delay:0.39s;}
.tarotcard.on .tarotcard-paper.on .back_pick:nth-child(14) {opacity:1; top:100px; left:60%; z-index:14; transition-delay:0.42s;}
.tarotcard.on .tarotcard-paper.on .back_pick:nth-child(15) {opacity:1; top:100px; left:80%; z-index:15; transition-delay:0.45s;}
.tarotcard.on .tarotcard-paper.on .back_pick:nth-child(16) {opacity:1; top:150px; left:0; z-index:16; transition-delay:0.48s;}
.tarotcard.on .tarotcard-paper.on .back_pick:nth-child(17) {opacity:1; top:150px; left:20%; z-index:17; transition-delay:0.51s;}
.tarotcard.on .tarotcard-paper.on .back_pick:nth-child(18) {opacity:1; top:150px; left:40%; z-index:18; transition-delay:0.54s;}
.tarotcard.on .tarotcard-paper.on .back_pick:nth-child(19) {opacity:1; top:150px; left:60%; z-index:19; transition-delay:0.57s;}
.tarotcard.on .tarotcard-paper.on .back_pick:nth-child(20) {opacity:1; top:150px; left:80%; z-index:20; transition-delay:0.6s;}
.tarotcard.on .tarotcard-paper.on .back_pick:nth-child(21) {opacity:1; top:200px; left:0%; z-index:21; transition-delay:0.63s;}
.tarotcard.on .tarotcard-paper.on .back_pick:nth-child(22) {opacity:1; top:200px; left:20%; z-index:21; transition-delay:0.66s;}


.tarotcard .tarotcard-change {position:relative; margin-bottom:20px;}
.tarotcard .tarotcard-change .tarotcard-change-pic {position:relative; width:18%; height:auto; top:0; left:40%; cursor:pointer; transition:ease-out; transition-duration:1s; opacity:0;}
.tarotcard .tarotcard-change .tarotcard-change-pic.on { width:50%; left:25%; opacity:1;}
.tarotcard .tarotcard-change .tarotcard-change-pic img {width:100%;}

.tarotcard .tarotcard-check {position:relative; left:-100%; text-align:center; opacity:1; cursor:pointer;}
.tarotcard .tarotcard-check.on { opacity:1; left:0; transition:ease-out; transition-duration:.2s; transition-delay:1s;}
.tarotcard .tarotcard-check img {width:160px;}


.tarotcard-text {padding:40px 20px; background-color:#fff; display:none;}
.tarotcard-text .tarotcard-today-title {text-align:center; padding-bottom:20px;}
.tarotcard-text .tarotcard-today-title img {width:160px;}
.tarotcard-text .tarotcard-today-text {font-size:1rem; line-height:1.4rem; margin-bottom:40px;}

.tarotcard-text .tarotcard-info-title {text-align:center; padding-bottom:20px;}
.tarotcard-text .tarotcard-info-title img {width:160px;}
.tarotcard-text .tarotcard-info-text {font-size:1rem; line-height:1.4rem; }
/* 타로 운세 끝 */



/* 포춘쿠키 */
.fortune {background-color:#ecd8c4; padding:40px 5%;}
.fortune .fortune-title {margin-bottom:20px;}
.fortune .fortune-title p.fortune-title-text {font-size:2rem; text-align:center; font-family:'Cafe24Ohsquareair';}
.fortune .fortune-title p.fortune-title-text span {font-family:'Cafe24Ohsquare';}
.fortune .fortune-pic {position:relative; text-align:center; margin-bottom:10px;  }
.fortune .fortune-pic img {width:300px; }
.fortune .fortune-pic .fortune-click {position:absolute; width:100px; top:30px; left:calc( 50% - 50px ); animation:fortuneClick 1s infinite alternate; display:none;}
.fortune .fortune-pic .fortune-click img {width:100px; cursor:pointer;}
.fortune .fortune-click-text {font-size:1.5rem; text-align:center; color:#664d2c; letter-spacing:-1px; margin-bottom:30px;}
.fortune .fortune-unse {position:relative; top:40px; padding:4%; opacity:0;  transition:ease-out; transition-duration:1s;}
.fortune .fortune-unse.on {opacity:1; top:0;}
.fortune .fortune-unse .fortune-unse-inner {background-color:#f2eee8;}
.fortune .fortune-unse .fortune-unse-inner p.fortune-day {padding:40px 0; font-size:1.2rem; font-weight:400; line-height:1.5rem; letter-spacing:-1px; color:#664d2c; text-align:center; background:url('/images/fortune_bg.png') no-repeat center;}
.fortune .fortune-unse .fortune-unse-inner p.fortune-text {font-size:1.2rem; font-weight:400; line-height:1.5rem; text-align:center; padding:0 6% 40px 6%; word-break:keep-all;}


@keyframes fortuneClick{ 
	0%{transform:rotate( 40deg )} 
	100%{transform:rotate( -20deg )} 
}
/* 포춘쿠키 끝 */

/* 애정지수 시작 */
.unse-match {width:100%; background:url('/images/unse_match_bg.jpg'); padding:8% 5% 10% 5%; margin-bottom:10px; text-align:center;}
.unse-match .unse-match-title {text-align:center; margin-bottom:30px;}
.unse-match .unse-match-title img {width:90%;}
.unse-match .unse-match-text {text-align:center; margin-bottom:30px;}
.unse-match .unse-match-text img {width:90%;}
.unse-match .unse-match-first {margin-bottom:30px;}
.unse-match .unse-match-first .match-name {width:100%; border:2px solid #333333; overflow:hidden; margin-bottom:10px;}
.unse-match .unse-match-first .match-name .match-title {float:left; width:30%; font-weight:700; height:70px; color:#fff; font-size:1.2rem; line-height:70px; border-right:2px solid #333333; background-color:#b485e3; text-align:center;}
.unse-match .unse-match-first .match-name .match-input {float:left; width:70%;}
.unse-match .unse-match-first .match-name .match-input input {border:none; width:100%; height:70px; line-height:70px; font-size:1.2rem; padding-left:15px; background-color:#fff;}

.unse-match .unse-match-first .match-blood {overflow:hidden;}
.unse-match .unse-match-first .match-blood select {float:left; width:49%; height:70px; font-size:1.2rem; line-height:70px; background-color:#fff; padding-lefT:10px; border:2px solid #333333;} 
.unse-match .unse-match-first .match-blood select:last-child {float:right;}

.unse-match .unse-match-last {margin-bottom:30px;}
.unse-match .unse-match-last .match-name {width:100%; border:2px solid #333333; overflow:hidden; margin-bottom:10px;}
.unse-match .unse-match-last .match-name .match-title {float:left; width:30%; font-weight:700; height:70px; color:#fff; font-size:1.2rem; line-height:70px; border-right:2px solid #333333; background-color:#ff9d9d; text-align:center;}
.unse-match .unse-match-last .match-name .match-input {float:left; width:70%;}
.unse-match .unse-match-last .match-name .match-input input {border:none; width:100%; height:70px; line-height:70px; font-size:1.2rem; padding-left:15px; background-color:#fff;}

.unse-match .unse-match-last .match-blood {overflow:hidden;}
.unse-match .unse-match-last .match-blood select {float:left; width:49%; height:70px; font-size:1.2rem; line-height:70px; background-color:#fff; padding-left:10px; border:2px solid #333333;} 
.unse-match .unse-match-last .match-blood select:last-child {float:right;}

.unse-match .match-result-btn {width:70%; height:70px; font-size:1.4rem; line-height:66px; color:#fff; background-color:#b485e3; border:2px solid #333; margin:0 auto;}

.unse-match-result {}
.unse-match-result .result1 {margin-bottom:40px;}
.unse-match-result .result1 img {width:50%;}
.unse-match-result .result2 {margin-bottom:40px;}
.unse-match-result .result2 img {width:50%;}
.unse-match-result .result-name {font-size:1rem; font-weight:700; margin-bottom:20px;}
.unse-match-result .result-name .name-first {color:#ff6b6b;}
.unse-match-result .result-name .name-last {color:#a955fe;}
.unse-match-result .result-point {width:60%; height:75px; font-size:3.4rem; font-weight:700; line-height:65px; margin:0 auto; color:#d8211d; background-color:#fff; border:1px solid #b485e3; letter-spacing:-1px;}
.unse-match-result .result-point2 {width:60%; height:75px; font-size:3.4rem; font-weight:700; line-height:65px; margin:0 auto; color:#d8211d; background-color:#fff; border:1px solid #ff6b6b; letter-spacing:-1px;}
/* 애정지수 끝 */


/* 이름궁합 시작 */
.unse-namematch {width:100%; background-color:#ffeeee; padding:8% 5% 10% 5%; margin-bottom:10px; text-align:center;}
.unse-namematch .unse-namematch-title {text-align:center; margin-bottom:10px;}
.unse-namematch .unse-namematch-title img {width:90%;}
.unse-namematch .namematch-gender {display:inline-block; width:80%; margin:0 auto; margin-bottom:20px;}
.unse-namematch .namematch-gender .namematch-man {float:left; width:47%; height:150px; background-color:#fff; border-radius:16px; padding-top:30px; box-shadow:5px 5px 2px 2px rgba(255,66,70,.2)}
.unse-namematch .namematch-gender .namematch-man.active {background-color:#ff4246;}
.unse-namematch .namematch-gender .namematch-man .namematch-man-pic {width:39px; height:62px; background:url('/images/unse_namematch_man_off.png') no-repeat; margin:0 auto;}
.unse-namematch .namematch-gender .namematch-man.active .namematch-man-pic {width:39px; height:62px; background:url('/images/unse_namematch_man_on.png') no-repeat; margin:0 auto;}
.unse-namematch .namematch-gender .namematch-man p {font-size:1.2rem; padding-top:5px; color:#ff4246;}
.unse-namematch .namematch-gender .namematch-man.active p {color:#fff;}
.unse-namematch .namematch-gender .namematch-woman {float:right; width:47%; height:150px; background-color:#fff; border-radius:16px; padding-top:30px; box-shadow:5px 5px 2px 2px rgba(255,66,70,.2)}
.unse-namematch .namematch-gender .namematch-woman.active {background-color:#ff4246;}
.unse-namematch .namematch-gender .namematch-woman .namematch-woman-pic {width:39px; height:62px; background:url('/images/unse_namematch_woman_off.png') no-repeat; margin:0 auto;}
.unse-namematch .namematch-gender .namematch-woman.active .namematch-woman-pic {width:39px; height:62px; background:url('/images/unse_namematch_woman_on.png') no-repeat; margin:0 auto;}
.unse-namematch .namematch-gender .namematch-woman p {font-size:1.2rem; padding-top:5px; color:#ff4246;}
.unse-namematch .namematch-gender .namematch-woman.active p {color:#fff;}

.unse-namematch .namematch-gender2 {display:inline-block; width:80%; margin:0 auto; margin-bottom:20px;}
.unse-namematch .namematch-gender2 .namematch-man {float:left; width:47%; height:150px; background-color:#fff; border-radius:16px; padding-top:30px; box-shadow:5px 5px 2px 2px rgba(255,66,70,.2)}
.unse-namematch .namematch-gender2 .namematch-man.active {background-color:#ff4246;}
.unse-namematch .namematch-gender2 .namematch-man .namematch-man-pic {width:39px; height:62px; background:url('/images/unse_namematch_man_off.png') no-repeat; margin:0 auto;}
.unse-namematch .namematch-gender2 .namematch-man.active .namematch-man-pic {width:39px; height:62px; background:url('/images/unse_namematch_man_on.png') no-repeat; margin:0 auto;}
.unse-namematch .namematch-gender2 .namematch-man p {font-size:1.2rem; padding-top:5px; color:#ff4246;}
.unse-namematch .namematch-gender2 .namematch-man.active p {color:#fff;}
.unse-namematch .namematch-gender2 .namematch-woman {float:right; width:47%; height:150px; background-color:#fff; border-radius:16px; padding-top:30px; box-shadow:5px 5px 2px 2px rgba(255,66,70,.2)}
.unse-namematch .namematch-gender2 .namematch-woman.active {background-color:#ff4246;}
.unse-namematch .namematch-gender2 .namematch-woman .namematch-woman-pic {width:39px; height:62px; background:url('/images/unse_namematch_woman_off.png') no-repeat; margin:0 auto;}
.unse-namematch .namematch-gender2 .namematch-woman.active .namematch-woman-pic {width:39px; height:62px; background:url('/images/unse_namematch_woman_on.png') no-repeat; margin:0 auto;}
.unse-namematch .namematch-gender2 .namematch-woman p {font-size:1.2rem; padding-top:5px; color:#ff4246;}
.unse-namematch .namematch-gender2 .namematch-woman.active p {color:#fff;}
.unse-namematch .namematch-result-btn {width:80%; height:80px; color:#fff; font-size:2rem; line-height:66px; color:#fff; background-color:#ff6366; margin:0 auto; border-radius:100px; border:0; outline:0; font-family:'Binggrae-Bold'; box-shadow:5px 5px 2px 2px rgba(255,66,70,.2)}
.unse-namematch .namematch-input input {width:100%; height:60px; font-size:1.2rem; line-height:60px; background-color:#fff; padding-left:20px; border:1px solid #ff4246; border-radius:16px; margin-bottom:40px;}
.unse-namematch .namematch-input input::placeholder {color:#dfdfdf;}

.unse-namematch-result {width:100%; background-color:#ffeeee; padding:8% 5% 10% 5%; margin-bottom:10px; text-align:center;}
.unse-namematch-result .unse-namematch-result-title {text-align:center; margin-bottom:10px;}
.unse-namematch-result .unse-namematch-result-title img {width:90%;}
.unse-namematch-result p {font-size:2rem; font-family:'Binggrae-Bold'; line-height:36px; margin-bottom:10px;}
.unse-namematch-result p:nth-child(3) {margin-bottom:20px;}
.unse-namematch-result p:nth-child(5) {margin-bottom:40px;}
.unse-namematch-result p span.result-first {color:#ff6366;}
.unse-namematch-result p span.result-last {color:#ff6366;}
.unse-namematch-result p span.result-love {color:#ff6366;}
.unse-namematch-result p span.result-per {font-size:90px; color:#ff6366; line-height:90px;}

.result-ex {}
.result-ex .first-line {position:relative; overflow:hidden; width:330px; margin:0 auto; font-family:'Binggrae-Bold'; font-size:30px; margin-bottom:5px;}
.result-ex .first-line .first-name {float:left; width:50px; height:50px; line-height:54px; background-color:#dcdfff; margin-right:5px;}
.result-ex .first-line .last-name {float:left; width:50px; height:50px; line-height:54px;  background-color:#ffcad3; margin-right:5px;}
.result-ex .two-line {position:relative; overflow:hidden; width:330px; margin:0 auto; margin-bottom:5px;}
.result-ex .two-line:after {position:absolute; content:''; width:276px; height:1px; bottom:0; left:25px; background:url('/images/unse_namematch_line2.png') repeat-x}
.result-ex .in_name {position:relative; float:left; font-family:'Binggrae-Bold'; font-size:30px; width:50px; height:50px; line-height:53px;  margin-right:5px; margin-bottom:11px;}
.result-ex .in_name:after {position:absolute; content:''; width:1px; height:15px; bottom:-10px; left:50%; background:url('/images/unse_namematch_line1.png') repeat-y}
.result-ex .thr-line {position:relative; overflow:hidden; width:275px; margin:0 auto; margin-bottom:5px;}
.result-ex .thr-line:after {position:absolute; content:''; width:221px; height:1px; bottom:0; left:25px; background:url('/images/unse_namematch_line2.png') repeat-x}
.result-ex .for-line {position:relative; overflow:hidden; width:220px; margin:0 auto; margin-bottom:5px;}
.result-ex .for-line:after {position:absolute; content:''; width:166px; height:1px; bottom:0; left:25px; background:url('/images/unse_namematch_line2.png') repeat-x}
.result-ex .fiv-line {position:relative; overflow:hidden; width:165px; margin:0 auto; margin-bottom:5px;}
.result-ex .fiv-line:after {position:absolute; content:''; width:111px; height:1px; bottom:0; left:25px; background:url('/images/unse_namematch_line2.png') repeat-x}
.result-ex .six-line {position:relative; overflow:hidden; width:110px; margin:0 auto; margin-bottom:5px;}
.result-ex .six-line .in_name:after {display:none;}
.unse-namematch-result .namematch-reset-btn {width:80%; height:80px; color:#fff; font-size:2rem; line-height:66px; color:#fff; background-color:#ff6366; margin:0 auto; border-radius:100px; border:0; outline:0; font-family:'Binggrae-Bold'; box-shadow:5px 5px 2px 2px rgba(255,66,70,.2)}








/* 이름궁합 끝 */


/* 심리테스트 시작 */
.psy {background-color:#faefdd;}
.psy-in {padding:50px 0;}
.psy-title {text-align:center; margin-bottom:40px; padding:0 14%; }
.psy-title img {width:100%;}
.psy-items {padding:0 5%;}
.psy-items .psy-item-title {overflow:hidden; margin:0 auto; margin-bottom:30px;}
.psy-items .psy-item-title a li {float:left; width:100%; height:200px; overflow:hidden;}
.psy-items .psy-item-title a:nth-child(1) li .psy-item-title-bg {background:url('/images/psy_item_title_01.jpg') no-repeat center center; background-size:120%;}
.psy-items .psy-item-title a:nth-child(2) li .psy-item-title-bg {background:url('/images/psy_item_title_02.jpg') no-repeat center center; background-size:120%;}
.psy-items .psy-item-title a li .psy-item-title-bg {width:100%; height:250px; background-size:cover;  text-align:center; padding-top:70px;
-webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease;}
.psy-items .psy-item-title a li .psy-item-title-bg:hover {-webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2);}
.psy-items .psy-item-title a li .psy-item-title-bg p {color:#fff; }
.psy-items .psy-item-title a li .psy-item-title-bg p.title {font-size:22px; font-weight:bold; margin-bottom:5px;}
.psy-items .psy-item-title a li .psy-item-title-bg p.que {font-size:16px; border-radius:20px; border:2px solid #fff; width:40%; margin:0 auto; padding:4px 0;}

.psy-items .psy-item {overflow:hidden;}
.psy-items .psy-item a li {position:relative; float:left; width:100%; height:160px;  margin-bottom:20px; overflow:hidden; border-radius:8px;}
.psy-items .psy-item a:nth-child(2n) li {margin-right:0;}
.psy-items .psy-item a:nth-child(1) li .psy-item-bg {background:url('/images/psy_item_01.jpg') no-repeat center center; background-size:120%;}
.psy-items .psy-item a:nth-child(2) li .psy-item-bg {background:url('/images/psy_item_02.jpg') no-repeat center center; background-size:120%;}
.psy-items .psy-item a:nth-child(3) li .psy-item-bg {background:url('/images/psy_item_03.jpg') no-repeat center center; background-size:120%;}
.psy-items .psy-item a:nth-child(4) li .psy-item-bg {background:url('/images/psy_item_04.jpg') no-repeat center center; background-size:120%;}
.psy-items .psy-item a:nth-child(5) li .psy-item-bg {background:url('/images/psy_item_05.jpg') no-repeat center center; background-size:120%;}
.psy-items .psy-item a:nth-child(6) li .psy-item-bg {background:url('/images/psy_item_06.jpg') no-repeat center center; background-size:120%;}
.psy-items .psy-item a:nth-child(7) li .psy-item-bg {background:url('/images/psy_item_07.jpg') no-repeat center center; background-size:120%;}
.psy-items .psy-item a li .psy-item-bg {position:relative; width:100%; height:160px; background-size:cover; text-align:center; 
-webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease;}
.psy-items .psy-item a li:hover .psy-item-bg {-webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2);}
.psy-items .psy-item a li .psy-item-info {position:absolute; left:0; bottom:0; width:100%; padding:10px 20px; background-color:rgba(0,0,0,.4); z-index:1;}
.psy-items .psy-item a li .psy-item-info .psy-item-info-title {float:left; font-size:18px; color:#fff;}
.psy-items .psy-item a li .psy-item-info .psy-item-info-que {float:right; font-size:16px; color:#e3e3e3;}
/* 심리테스트 끝 */


/* 색깔 심리테스트 시작*/

.color-psy-title {padding:8% 6% 6% 6%}
.color-psy-title p.color-psy-text-coment {font-size:1rem; line-height:1rem; color:#888888; margin-bottom:10px;}
.color-psy-title p.color-psy-text-title {font-size:1.4rem; line-height:1.4rem; font-weight:600; color:#ff6623;}
.color-psy-title.on p.color-psy-text-title {margin-bottom:60px;}
.color-psy-title .color-psy-bar {position:relative; width:100%; height:10px; border-radius:10px; background-color:#eaeaea; display:none;}
.color-psy-title.on .color-psy-bar {display:block}

.color-psy-title .color-psy-bar .color-psy-bar-play {position:absolute; left:0; top:0; width:10%; height:10px; border-radius:10px; background-color:#ff6623;}
.color-psy-title .color-psy-bar .color-psy-bar-icon {position:absolute; left:10%; bottom:17px; }	

.color-psy-select {display:none;}
.color-psy-item {margin:0 auto; padding:0 6% 10% 6%}
.color-psy-item p.color-psy-que {font-size:1rem; line-height:1.5rem; color:#6c6c6c; margin-bottom:20px;}
.color-psy-item .color-psy-pic {margin-bottom:6%;}
.color-psy-item .color-psy-pic img {width:100%;}
.color-psy-item .color-psy-text {display:flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between;}
.color-psy-item .color-psy-text p {word-break:keep-all;}
.color-psy-item .color-psy-text p.color-psy-text-info {font-size:0.9rem; line-height:1.4rem; color:#6c6c6c; margin-bottom:20px;}
.color-psy-item .color-psy-text p.color-psy-text-user {font-size:0.9rem; line-height:0.9rem; color:#939393; text-align:center;}
.color-psy-item .color-psy-text p.color-psy-text-user span {color:#ff6623; font-weight:500;}
.color-psy-item .color-psy-text .color-psy-btn {width:48%; color:#7f7f7f; padding:1%; background-color:#fff; text-align:center; margin:0 auto; border-radius:0; font-size:0.9rem; cursor:pointer; word-break:keep-all; }
.color-psy-item .color-psy-text .color-psy-btn .color-psy-btn-bg {margin-bottom:10px;}
.color-psy-item .color-psy-text .color-psy-btn .color-psy-btn-text {margin-bottom:10px; font-size:1rem; font-weight:500; color:#323232;}
.color-psy-item .color-psy-text .color-psy-btn:nth-child(1) {opacity:0; transition-timing-function:ease; transition-duration:0.8s;}
.color-psy-item .color-psy-text .color-psy-btn:nth-child(2) {opacity:0; transition-timing-function:ease; transition-duration:0.8s;}
.color-psy-item .color-psy-text .color-psy-btn:nth-child(3) {opacity:0; transition-timing-function:ease; transition-duration:0.8s;}
.color-psy-item .color-psy-text .color-psy-btn:nth-child(4) {opacity:0; transition-timing-function:ease; transition-duration:0.8s;}
.color-psy-item .color-psy-text .color-psy-btn:nth-child(1).on {opacity:1; transition-timing-function:ease;}
.color-psy-item .color-psy-text .color-psy-btn:nth-child(2).on {opacity:1; transition-timing-function:ease;}
.color-psy-item .color-psy-text .color-psy-btn:nth-child(3).on {opacity:1; transition-timing-function:ease;}
.color-psy-item .color-psy-text .color-psy-btn:nth-child(4).on {opacity:1; transition-timing-function:ease;}
.color-psy-item .color-psy-text .color-psy-btn:nth-child(1) .color-psy-btn-bg {background:url('/images/color_btn_pic_01.jpg') no-repeat; background-size:cover;height:100px;}
.color-psy-item .color-psy-text .color-psy-btn:nth-child(2) .color-psy-btn-bg {background:url('/images/color_btn_pic_02.jpg') no-repeat; background-size:cover;height:100px;}
.color-psy-item .color-psy-text .color-psy-btn:nth-child(3) .color-psy-btn-bg {background:url('/images/color_btn_pic_03.jpg') no-repeat; background-size:cover;height:100px;}
.color-psy-item .color-psy-text .color-psy-btn:nth-child(4) .color-psy-btn-bg {background:url('/images/color_btn_pic_04.jpg') no-repeat; background-size:cover;height:100px;}

.color-psy-item .color-psy-text .color-psy-start {display:block; width:60%; color:#fff; padding:4%; background-color:#ff6623; border:none; margin:0 auto; border-radius:60px; font-size:1.2rem; font-weight:bold; cursor:pointer; margin-bottom:20px; text-align:center;}
.color-psy-item .color-psy-text .color-psy-start:hover {border:none; color:#fff;}





.color-psy-item-in {}
.color-psy-item.on {display:block;}
.color-psy-result-loding {display:none; padding:140px 0; text-align:center;}
.color-psy-result-loding.on {display:block;}
.color-psy-result {display:none; width:100%; padding:0 6% 10% 6%}
.color-psy-result.on {display:block;}
.color-psy-result .color-psy-result-title {margin-bottom:30px; text-align:center;}
.color-psy-result .color-psy-result-text {font-size:1.2rem; font-weight:bold; color:#323232; margin-bottom:15px; }
.color-psy-result .color-psy-result-info {font-size:1rem; line-height:24px; color:#a3a3a3; word-break:keep-all; margin-bottom:15px;}
.color-psy-result .color-psy-result-advice {text-align:left; word-break:keep-all; font-weight:bold; margin-bottom:30px;}
.color-psy-result .color-psy-result-advice-bar {background-color:#fff; padding:0 5px; color:#ff6623; margin-right:5px; border:1px solid #ff6623; border-radius:20px; padding:0 20px;}
.color-psy-result .color-psy-replay {width:60%; color:#fff; padding:10px; background-color:#ff6623; margin:0 auto; border-radius:60px; font-size:20px; font-weight:bold; cursor:pointer; margin-bottom:10px;}

/* 색깔 심리테스트 끝*/




/* 첫인상 심리테스트 시작 */
.first-psy {border-top:1px solid #efefef; }
.solo-psy-item {display:none; margin:0 auto; }
.solo-psy-title {padding:8% 6% 6% 6%}
.solo-psy-title p.solo-psy-text-coment {font-size:1rem; line-height:1rem; color:#888888; margin-bottom:10px;}
.solo-psy-title p.solo-psy-text-title {font-size:1.4rem; line-height:1.4rem; font-weight:600; color:#ff6623;}
.solo-psy-title.on p.solo-psy-text-title {margin-bottom:60px;}
.solo-psy-title .solo-psy-bar {position:relative; width:100%; height:10px; border-radius:10px; background-color:#eaeaea; display:none;}
.solo-psy-title.on .solo-psy-bar {display:block}

.solo-psy-title .solo-psy-bar .solo-psy-bar-play {position:absolute; left:0; top:0; width:10%; height:10px; border-radius:10px; background-color:#ff6623;}
.solo-psy-title .solo-psy-bar .solo-psy-bar-icon {position:absolute; left:10%; bottom:17px; }

.solo-psy-item .solo-psy-pic {margin-bottom:6%;}
.solo-psy-item .solo-psy-pic img {width:100%;}
.solo-psy-item .solo-psy-text {padding:0 6% 10% 6%}
.solo-psy-item .solo-psy-text p {word-break:keep-all;}
.solo-psy-item .solo-psy-text p.solo-psy-text-info {font-size:0.9rem; line-height:1.4rem; color:#6c6c6c; margin-bottom:20px;}
.solo-psy-item .solo-psy-text p.solo-psy-text-user {font-size:0.9rem; line-height:0.9rem; color:#939393; text-align:center;}
.solo-psy-item .solo-psy-text p.solo-psy-text-user span {color:#ff6623; font-weight:500;}
.solo-psy-item .solo-psy-text .solo-psy-btn {width:100%; color:#7f7f7f; padding:4% 5%; background-color:#fff; border:1px solid #d4d4d4; margin:0 auto; border-radius:0; font-size:0.9rem; cursor:pointer; margin-bottom:10px; word-break:keep-all;}
.solo-psy-item .solo-psy-text .solo-psy-btn:hover {border:1px solid #ff6623; color:#ff6623; font-weight:500;}

.solo-psy-item .solo-psy-text .solo-psy-btn2 {width:100%; color:#7f7f7f; padding:4% 5%; background-color:#fff; border:1px solid #d4d4d4; margin:0 auto; border-radius:0; font-size:0.9rem; cursor:pointer; margin-bottom:10px; word-break:keep-all;}


.solo-psy-item .solo-psy-text .hov {border:1px solid #ff6623; color:#ff6623; font-weight:500;}



.solo-psy-item .solo-psy-text .solo-psy-start {width:60%; color:#fff; padding:4%; background-color:#ff6623; border:none; margin:0 auto; border-radius:60px; font-size:1.2rem; font-weight:bold; cursor:pointer; margin-bottom:20px; text-align:center;}
.solo-psy-item .solo-psy-text .solo-psy-start:hover {border:none; color:#fff;}
.solo-psy-item .solo-psy-text p.solo-psy-que {font-size:1rem; line-height:1.5rem; color:#6c6c6c; margin-bottom:20px;}




.solo-psy-item-in {}
.solo-psy-item.on {display:block;}
.solo-psy-result-loding {display:none; padding:140px 0; text-align:center;}
.solo-psy-result-loding.on {display:block;}
.solo-psy-result {display:none; width:100%; padding:0 6% 80px 6%;}
.solo-psy-result.on {display:block;}
.solo-psy-result .solo-psy-result-title {text-align:center; margin-bottom:30px;}
.solo-psy-result .solo-psy-result-title img {width:70%;}
.solo-psy-result .solo-psy-result-text {font-size:1.2rem; font-weight:bold; color:#323232; margin-bottom:8px; }
.solo-psy-result .solo-psy-result-info {font-size:1rem; line-height:24px; color:#a3a3a3; word-break:keep-all; margin-bottom:25px;}
.solo-psy-result .solo-psy-result-advice {text-align:left; word-break:keep-all; font-weight:bold; margin-bottom:30px;}
.solo-psy-result .solo-psy-result-advice-bar-p {margin-bottom:10px;}
.solo-psy-result .solo-psy-result-advice-bar {background-color:#fff; padding:0 5px; color:#ff6623; margin-right:5px; border:1px solid #ff6623; border-radius:20px; padding:0 20px; margin-bottom:30px;}
.solo-psy-result .solo-psy-replay {width:60%; color:#fff; padding:10px; background-color:#ff6623; margin:0 auto; border-radius:60px; font-size:20px; font-weight:bold; cursor:pointer; margin-bottom:10px;}


.solo-psy-item .solo-psy-text .fruit-psy-btn {width:49%; float:left; margin-right:2%; border:none;}
.solo-psy-item .solo-psy-text .fruit-psy-btn:nth-child(2n-1) {margin-right:0;}
.solo-psy-item .solo-psy-text .fruit-psy-btn .fruit-psy-pic {margin-bottom:10px;}
.solo-psy-item .solo-psy-text .fruit-psy-btn .fruit-psy-pic img {width:100%;}
.solo-psy-item .solo-psy-text .fruit-psy-btn .fruit-psy-text {text-align:center; font-size:1.1rem;}

/* 첫인상 심리테스트 끝 */



/* 우리동네점집 이용안내 */

.woorijum-info p { font-family:'Binggrae'; }
.woorijum-info p.bingbold { font-family:'Binggrae-Bold'}
.woorijum-info {width:100%;}
.woorijum-info .user-info {background-color:#fcfcfc; padding:40px 0;}
.woorijum-info .user-info .user-info-title {text-align:center; margin-bottom:10px;}
.woorijum-info .user-info .user-info-title p {font-size:2rem; line-height:2.4rem; }
.woorijum-info .user-info .user-info-title span {color:#ff6623;}
.woorijum-info .user-info .user-info-subtitle {font-size:1.2rem; line-height:1.6rem; text-align:center; margin-bottom:20px;}
.woorijum-info .user-info .user-info-pic {margin-bottom:20px; text-align:center;}
.woorijum-info .user-info .user-info-pic img {width:240px;}
.woorijum-info .user-info .user-info-text {font-size:1rem; line-height:1.4rem; text-align:center;}

.woorijum-info .user-info-detail {background-color:#f9f9f9; padding:40px 0;}
.woorijum-info .user-info-detail .user-info-detail-title {font-size:2rem; line-height:2.3rem; text-align:center; margin-bottom:24px; opacity:0;}
.woorijum-info .user-info-detail ul {margin:0 auto; padding:0 8%; max-width:400px;}
.woorijum-info .user-info-detail ul li {position:relative; margin-bottom:30px; opacity:0; transform:translateY(30px)}
.woorijum-info .user-info-detail ul li:last-child {margin-bottom:10px;} 
.woorijum-info .user-info-detail ul li .info-detail-pic {position:absolute; top:0; left:0; width:50px; height:50px;}
.woorijum-info .user-info-detail ul li .info-detail-pic img {width:50px;}
.woorijum-info .user-info-detail ul li .info-detail-text {padding-left:70px; }
.woorijum-info .user-info-detail ul li .info-detail-text .info-detail-text-info {font-size:0.9rem; line-height:0.9rem; margin-bottom:8px;}
.woorijum-info .user-info-detail ul li .info-detail-text .info-detail-text-title {font-size:1.4rem; line-height:1.4rem;}

.woorijum-info .user-info-detail.on .user-info-detail-title {opacity:1; transition-duration:0.5s; transition-timing-function: ease;}
.woorijum-info .user-info-detail.on ul li {opacity:1; transition-duration:0.5s; transition-timing-function: ease; transform:translateY(0)}
.woorijum-info .user-info-detail.on ul li:nth-child(1) {transition-delay:0.2s;}
.woorijum-info .user-info-detail.on ul li:nth-child(2) {transition-delay:0.4s;}
.woorijum-info .user-info-detail.on ul li:nth-child(3) {transition-delay:0.6s;}

.woorijum-info .user-info-lo {background-color:#ffffff; padding:60px 0;}
.woorijum-info .user-info-lo .user-info-lo-title {text-align:center; margin-bottom:10px; opacity:0;}
.woorijum-info .user-info-lo .user-info-lo-title p {font-size:2rem; line-height:2.4rem; }
.woorijum-info .user-info-lo .user-info-lo-title span {color:#ff6623;}
.woorijum-info .user-info-lo .user-info-lo-subtitle {font-size:1.2rem; line-height:1.6rem; text-align:center; margin-bottom:20px; opacity:0;}
.woorijum-info .user-info-lo .user-info-lo-pic {position:relative; width:240px; margin:0 auto; text-align:center;  opacity:0; transform:translateY(60px)}
.woorijum-info .user-info-lo .user-info-lo-pic img {width:240px;}
.woorijum-info .user-info-lo .user-info-lo-pic .info-lo-move-one {position:absolute; top:70px; left:55%;   opacity:0; transform:translateY(30px)}
.woorijum-info .user-info-lo .user-info-lo-pic .info-lo-move-one img {width:140px;}
.woorijum-info .user-info-lo .user-info-lo-pic .info-lo-move-two {position:absolute; top:170px; left:-12%;   opacity:0; transform:translateY(30px)}
.woorijum-info .user-info-lo .user-info-lo-pic .info-lo-move-two img {width:151px;}

.woorijum-info .user-info-lo.on .user-info-lo-title {opacity:1; transition-duration:0.5s; transition-timing-function: ease;}
.woorijum-info .user-info-lo.on .user-info-lo-subtitle {opacity:1; transition-duration:0.5s; transition-delay:0.3s; transition-timing-function: ease;}
.woorijum-info .user-info-lo.on .user-info-lo-pic {opacity:1; transition-duration:0.3s; transition-delay:0.6s; transition-timing-function: ease; transform:translateY(0)}
.woorijum-info .user-info-lo.on .user-info-lo-pic .info-lo-move-one {opacity:1; transition-duration:0.3s; transition-delay:1.5s; transition-timing-function: ease; transform:translateY(0)}
.woorijum-info .user-info-lo.on .user-info-lo-pic .info-lo-move-two {opacity:1; transition-duration:0.3s; transition-delay:2s; transition-timing-function: ease; transform:translateY(0)}

.woorijum-info .user-info-lo-view {background-color:#ffffff; padding:60px 0;}
.woorijum-info .user-info-lo-view .user-info-lo-view-title {text-align:center; margin-bottom:10px; opacity:0;}
.woorijum-info .user-info-lo-view .user-info-lo-view-title p {font-size:2rem; line-height:2.4rem; }
.woorijum-info .user-info-lo-view .user-info-lo-view-title span {color:#ff6623;}
.woorijum-info .user-info-lo-view .user-info-lo-view-subtitle {font-size:1.2rem; line-height:1.6rem; text-align:center; margin-bottom:20px; opacity:0;}
.woorijum-info .user-info-lo-view .user-info-lo-view-pic {position:relative; width:240px; margin:0 auto; text-align:center; opacity:0; transform:translateY(60px)}
.woorijum-info .user-info-lo-view .user-info-lo-view-pic img {width:240px;}
.woorijum-info .user-info-lo-view .user-info-lo-view-pic .info-lo-view-move-one {position:absolute; top:70px; left:55%; opacity:0; transform:translateY(30px)}
.woorijum-info .user-info-lo-view .user-info-lo-view-pic .info-lo-view-move-one img {width:130px;}

.woorijum-info .user-info-lo-view.on .user-info-lo-view-title {opacity:1; transition-duration:0.5s; transition-timing-function: ease;}
.woorijum-info .user-info-lo-view.on .user-info-lo-view-subtitle {opacity:1; transition-duration:0.5s; transition-delay:0.3s; transition-timing-function: ease;}
.woorijum-info .user-info-lo-view.on .user-info-lo-view-pic {opacity:1; transition-duration:0.3s; transition-delay:0.6s; transition-timing-function: ease; transform:translateY(0)}
.woorijum-info .user-info-lo-view.on .user-info-lo-view-pic .info-lo-view-move-one {opacity:1; transition-duration:0.3s; transition-delay:1.5s; transition-timing-function: ease; transform:translateY(0)}

.woorijum-info .user-info-free {background-color:#ff6623; padding:60px 0;}
.woorijum-info .user-info-free .user-info-free-title {text-align:center; margin-bottom:10px; opacity:0;}
.woorijum-info .user-info-free .user-info-free-title p {color:#fff; font-size:2rem; line-height:2.4rem; }
.woorijum-info .user-info-free .user-info-free-title span {color:#fff7cd;}
.woorijum-info .user-info-free .user-info-free-subtitle {color:#fff; font-size:1.2rem; line-height:1.6rem; text-align:center; margin-bottom:20px; opacity:0;}
.woorijum-info .user-info-free .user-info-free-inner {position:relative; opacity:0; transform:translateY(60px)}
.woorijum-info .user-info-free .user-info-free-inner .user-info-free-phonetop {position:relative; top:0; left:14%; width:72%; border-radius:30px 30px 0 0;  }
.woorijum-info .user-info-free .user-info-free-inner .user-info-free-phonetop img {width:100%;}
.woorijum-info .user-info-free .user-info-free-inner .swiper-container {}
.woorijum-info .user-info-free .user-info-free-inner .swiper-container .swiper-wrapper {padding-left:0;}
.woorijum-info .user-info-free .user-info-free-inner .swiper-container .swiper-wrapper .swiper-slide {background-color:rgba(0,0,0,0); padding:0; top:0; margin-bottom:100px;}
.woorijum-info .user-info-free .user-info-free-inner .swiper-container .swiper-wrapper .swiper-slide img {width:80%; transition-duration:0.5s; transition-timing-function: ease; border-radius:28px; margin-top:40px;}
.woorijum-info .user-info-free .user-info-free-inner .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-active {margin-bottom:0;}
.woorijum-info .user-info-free .user-info-free-inner .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-active img {width:100%; transition-duration:0.2s; transition-timing-function: ease; transition-delay:0.5s;  border-radius:0 0 28px 28px; margin-top:0;}
.woorijum-info .user-info-free .user-info-free-inner .swiper-container .user-info-free-phone {position:absolute; top:0; left:14%; width:72%;  }
.woorijum-info .user-info-free .user-info-free-inner .swiper-container .user-info-free-phone img {width:100%; border-radius:0 0 30px 30px;}

.woorijum-info .user-info-free.on .user-info-free-title {opacity:1; transition-duration:0.5s; transition-timing-function: ease;}
.woorijum-info .user-info-free.on .user-info-free-subtitle {opacity:1; transition-duration:0.5s; transition-delay:0.3s; transition-timing-function: ease;}
.woorijum-info .user-info-free.on .user-info-free-inner {opacity:1; transition-duration:0.3s; transition-delay:0.6s; transition-timing-function: ease; transform:translateY(0)}
/* 우리동네점집 이용안내 끝 */





/* 지역별 검색 */
.location-find-area { width:100%; background-color:#fff; padding:20px 20px 40px 20px ;}
.location-find-area .location_title {font-size:1.6rem; font-family: 'Cafe24Ohsquareair'; font-weight:600; line-height:1.2rem; margin-bottom:10px; letter-spacing:-1px; padding-left:6px;}
.location-find-area .location_1depth {overflow:hidden;}
.location-find-area .location_1depth .si {position:relative; float:left; width:49%; height:50px; padding-left:15px; font-size:0.9rem; line-height:50px; border-bottom:1px solid #f7f7f7; margin-right:2%; cursor:pointer;}
.location-find-area .location_1depth .si:after {position:absolute; content:''; width:10px; height:6px; top:22px; right:15px; background:url('../img/location_arrow_top.png') no-repeat center; background-size:10px;}
.location-find-area .location_1depth .si.on {background-color:#fafafa; border-bottom:none;}
.location-find-area .location_1depth .si.on:after {position:absolute; content:''; width:10px; height:6px; top:22px; right:15px; background:url('../img/location_arrow_bottom.png') no-repeat center; background-size:10px;}
.location-find-area .location_1depth .si:nth-child(2n) {margin-right:0;}
.location-find-area .location_1depth .gun {float:left; width:100%;  background-color:#fafafa; display:none; }
.location-find-area .location_1depth .gun .location_2depth {overflow:hidden; display:table;}
.location-find-area .location_1depth .gun .location_2depth a .gu {position:relative; float:left; width:49%; height:50px; padding-left:15px; font-size:0.8rem; line-height:1.2rem; margin-right:2%; padding-right:40px;}
.location-find-area .location_1depth .gun .location_2depth a .gu:after {position:absolute; content:''; width:5px; height:8px; top:21px; right:15px; background:url('../img/location_arrow_right.png') no-repeat center; background-size:5px;}
.location-find-area .location_1depth .gun .location_2depth a .gu span {height:50px; display:table-cell; vertical-align:middle; word-break:keep-all;}
.location-find-area .location_1depth .gun .location_2depth a:nth-child(2n) .gu  {margin-right:0;}


.borad-sub-title {width:100%; height:100px; background:url('/images/borad_top_title.png') no-repeat;  margin-bottom:10px;}
.borad-sub-title p {font-size:1.4rem; font-weight:700; color:#fff; line-height:1.4rem; text-align:center; padding-top:44px; }


/* 별 자리개수 */
.star {display:inline-block;}
.tel-star-off  {display:inline-block; position:relative; background:url('/images/star_off.png') no-repeat; width:14px; height:14px; background-size:14px; top:2px; }
.tel-star-off  .tel-star-on {position:absolute; top:0; left:0; height:14px; background:url('/images/star_on.png') no-repeat;  background-size:14px;}
.tel-star-text {display:inline-block;}

.tel-star-s-off  {display:inline-block; position:relative; background:url('/images/star_s_off.png') no-repeat; width:16px; height:15px; top:2px; }
.tel-star-s-off  .tel-star-s-on {position:absolute; top:0; left:0; height:19px; background:url('/images/star_s_on.png') no-repeat;}



/* ad-팝업 */

.ad-popup-list {position:fixed; left:0; top:0; width:100%; height:100vh; background-color:rgba(0,0,0,.8); z-index:9999; display:none;}
.ad-popup-list .ad-popup-item {position:relative; width:100%; padding:20px 0 30px 0; margin:0 auto; background-color:#fff; margin-top:40px; border-radius:20px;}
.ad-popup-list .ad-popup-item .ad-popup-title {text-align:left; margin-bottom:20px;}
.ad-popup-list .ad-popup-item .ad-popup-title p {font-size:1.2rem; font-weight:700; letter-spacing:-1px; padding-left:10px;}
.ad-popup-list .ad-popup-item .ad-popup-title p span {color:#ff6623;}
.ad-popup-list .ad-popup-item .ad-popup-count {position:absolute; right:20px; top:20px; width:30px; height:30px; border-radius:20px; color:#fff; font-size:1rem; background-color:black; text-align:center; line-height:28px;}
.ad-popup-list .ad-popup-item .ad-popup-close {position:absolute; right:20px; top:20px; width:30px; height:30px; border-radius:20px; color:#fff; font-size:1rem; background-color:black; text-align:center; line-height:28px; display:none; cursor:pointer;}