@charset "utf-8";
@import url('fonts.css');
@import url('swiper.min.css');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap');
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css');
@import url('https://cdn.jsdelivr.net/gh/xpressengine/xeicon@2.3.3/xeicon.min.css');


@font-face {
    
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/MapoFlowerIslandA.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/**************************************************************************************************************
	공통
**************************************************************************************************************/
.m0 { margin:0  !important }
.mb0 { margin-bottom:0 !important }
.mb2 { margin-bottom:2px !important }
.mb4 { margin-bottom:4px !important }
.mb5 { margin-bottom:5px !important }
.mb6 { margin-bottom:6px !important }
.mb10 { margin-bottom:10px !important }
.mb15 { margin-bottom:15px !important }
.mb20 { margin-bottom:20px !important }
.mb25 { margin-bottom:25px !important }
.mb30 { margin-bottom:30px !important }
.mb35 { margin-bottom:35px !important }
.mb40 { margin-bottom:40px !important }
.mb45 { margin-bottom:45px !important }
.mb50 { margin-bottom:50px !important }
.mb55 { margin-bottom:55px !important }
.mb60 { margin-bottom:60px !important }
.mb70 { margin-bottom:70px !important }
.mb80 { margin-bottom:80px !important }
.mb90 { margin-bottom:90px !important }
.mb110 { margin-bottom:110px !important }
.mr10 { margin-right:10px !important;}
.mr20 { margin-right:20px !important;}
.mr30 { margin-right:30px !important;}
.mr40 { margin-right:40px !important;}
.mr50 { margin-right:50px !important;}
.ml5 { margin-left:5px !important }
.ml10 { margin-left:10px !important }
.ml20 { margin-left:20px !important }
.pd0 { padding:0 !important }
.pdb10 { padding-bottom:30px !important }
.pd30 { padding:30px !important }
.pd10 { padding:10px !important }
.pdt50 { padding-top:30px !important; }
.pr20 { padding-right:20px; }
.text-center { text-align:center !important }
.text-left { text-align:left !important }
.text-right { text-align:right !important }
.f12 { font-size:12px !important;  }
.f13 { font-size:13px !important;  }
.f14 { font-size:14px !important; }
.f34 { font-size:34px !important;  }
.f16 { font-size:16px !important;  }
.f17 { font-size:17px !important;  }
.f18 { font-size:18px !important;  }
.f19 { font-size:19px !important;  }
.f20 { font-size:20px !important;  }
.f24 { font-size:24px !important;  }
.f25 { font-size:25px !important;  }
.f29 { font-size:29px !important;  }
.f31 { font-size:31px !important;  }
.bold { font-weight: 600 !important; }

/*
	font-family: 'Nanum Gothic', sans-serif;
	font-family: 'Noto Sans', sans-serif;
*/

/***********************************************************************************
	Common
************************************************************************************/

html,body,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,big,cite,code,del,dfn,em,font,img,ins,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,ul,ol,li,dl,dt,dd,table,caption,tbody,tfoot,thead,tr,th,td,fieldset,fo7m,label,legend,input,button,textarea,select{margin:0;padding:0}
header,footer,section,article,aside,nav,hgroup,details,menu,figure,figcaption{display:block;margin:0;padding:0}
legend{display:block;overflow:hidden;position:absolute;width:1px;height:1px;font-size:1px;line-height:0;text-indent:-999em;white-space:nowrap; }
fieldset,img,table,caption,tbody,tfoot,thead,tr,th,td,button,hr{border:0 none}
img{vertical-align:middle}
body li{*vertical-align:top}
ul li{list-style:none; padding:0; margin:0;}
table{border-collapse:collapse}
caption{visibility:hidden;overflow:hidden;width:0;height:0;font-size:0;line-height:0;}
button{overflow:visible;border:0 none;cursor:pointer; outline:none; }
button::-moz-focus-inner,input[type="button"]::-moz-focus-inner,input[type="submit"]::-moz-focus-inner,input[type="reset"]::-moz-focus-inner {padding: 0;border: 0 none}
a { text-decoration:none; color:#222;  }
address, em { font-style:normal }
body,input,select,textarea,button,h1,h2,h3,h4,h5,h6 { font-family:'noto', sans-serif; font-size:13px; color: #222;}
body,textarea,input,select { font-family:'noto', sans-serif; font-size:13px; color: #222; text-decoration: none; }
textarea,.inp,select { border:0; outline:none; border-radius:0; resize:none; box-shadow:none; -webkit-appearance:none; appearance:none; font-weight: normal;}
a:hover { text-decoration: none;}
body { -webkit-text-size-adjust: none; background:none; }
form { padding: 0; margin: 0; }
* {box-sizing: border-box; -webkit-box-sizing:border-box;}
::-ms-clear { display: none;}
select::-ms-expand { display:none; }
a,a:active,a:visited { text-decoration:none !important; }
p,div { word-break:keep-all; }
img { max-width:100%; width: 100%; height: 100%;}

::-webkit-input-placeholder { color: #cacaca;}


body.overflow { overflow: hidden; }
.hidden { overflow:hidden; }
.modal-backdrop {position: fixed; top:0; right:0; bottom:0; left:0; background:#000; z-index:7500; opacity:.7; filter:alpha(opacity=70);}
.modal {display:none; position:fixed; top:0; right:0; bottom:0; left:0; z-index:8000; overflow:auto; -webkit-overflow-scrolling:touch; outline:0; }
.modal-dialog {position:relative; width:auto;margin:0 auto;  padding:0 30px; margin-bottom: 20px;  }
.modal-content {position:relative; background-color:#fff; outline:none;  overflow:hidden; padding:0; border-radius:10px; box-shadow:0 0 20px rgba(0,0,0,0.5); }
.modal-header { height:50px; padding-left: 20px; background: #182743; position: relative; }
.modal-header .h5 { font-size:18px; font-weight: 600; line-height: 50px; color: #fff; padding-left: 0;  }
.modal-header .h5:before { display: none; }
.modal-header .btn-close { position: absolute; right:5px; top:0; width:50px; height: 50px; background: url(../images/common/btn_modal_close.png) no-repeat 50% 50%; text-indent: -9999px; outline:none;}
.modal-body { padding:20px; }
.modal .search-wrap { padding: 0 0 15px; border: 0; border-bottom: 1px solid #959595; margin-bottom: 30px;}
.modal .search-wrap .search1 .left {align-self: center; }
.modal .btn-bottom { margin-bottom: 0; margin-top:30px;}
.modal .txt1 { font-size:14px;line-height: 1.6; }

.inner { max-width:1240px; margin: 0 auto; padding:0 20px; }


.select { vertical-align: middle; height: 40px; border: 1px solid #c2c2c2; border-radius:4px; padding:0 35px 0 12px; font-size:15px; color: #2b2b2b; background: url(../img/common/bu_select.svg) no-repeat right 50%; background-position: right 15px center;}
.inp { vertical-align: middle; height: 40px; border: 1px solid #c2c2c2; border-radius:4px; padding-left:12px; font-size:15px; color: #2b2b2b; }
.inp:disabled { background:#ddd; color:#888; }
.textarea { height: 40px; border: 1px solid #c2c2c2; border-radius:4px; padding:5px 12px; font-size:15px; color: #2b2b2b; }
.checkbox { position: absolute !important;left: -9999px; }
.checkbox + p { display: inline-block; vertical-align: middle; }
.checkbox + p em { display: inline-block; vertical-align: middle; width:18px; height: 18px; border-radius:3px; border: 2px solid #b2b2b2; position: relative;transition: all 0.5s ease; background: #fff; }
.checkbox + p em:before { content: ''; position: absolute;left: 0; top:0; right:0; bottom:0; background: url(../img/common/checkbox_on.png) no-repeat 50% 50%;  opacity:0.3; transition: all 0.5s ease; }
.checkbox + p span { display: inline-block; vertical-align: middle; font-size:14px; margin-left: 7px; font-weight: 600;}
.checkbox:checked + p em { border-color:#000; }
.checkbox:checked + p em:before { opacity:1; }

.btn-type0 { display:inline-block; vertical-align:middle; border:0; width:120px; height:40px; line-height:39px; border-radius:5px; background:#774193 ;font-size:16px; color:#fff;  text-align:center;}
.btn-type2 { display:inline-block; vertical-align:middle; border:0; width:120px; height:40px; line-height:39px; border-radius:5px; background:#b3dee5; font-size:16px; color:#fff; text-align:center;}
.btn-type1 { display:inline-block; vertical-align:middle; border:0; width:120px; height:40px; line-height:39px; border-radius:5px;  background:#31525b;  font-size:16px; color:#fff;  text-align:center;}
.btn-s { height: 30px; font-size:13px; line-height: 30px; }

/******************************************************************************************************************************
	Common
******************************************************************************************************************************/
.header1 .inner { height: 110px; display: flex; justify-content: space-between; align-items: center; position:relative; }
/*.header1 h1 a { display: block; background: url(../img/common/logo.jpg) no-repeat 0 0; width:200px; height: 45px; text-indent: -9999px; }*/
.header1 h1 a { display: block; content: url(../img/common/logo.jpg);     width: 120px; height: 110px; text-indent: -9999px; }
.header1 .menu a { display: inline-block; vertical-align: middle; font-size:14px; margin-left: 14px; }
.header1 .btn-m { display:none; position: absolute; right:0; top:0; font-size:0; width:40px; height:45px; padding-top:11px; margin-top:5px;text-align: right;}
.header1 .btn-m span { display:block; height:2px; background: #8854d0; width:23px; }
.header1 .btn-m span:nth-child(2) { width:18px; margin:5px 0 5px 5px; }
.header1 .btn-srch { position:absolute; right:155px; top:50%; transform:translateY(-50%); font-size:22px; }

.header2 { background: #774193; background: #774193; z-index:1000 !important;}
.header2 .inner { display: flex; justify-content:space-between; align-items: center; }
.header2 nav ul { display: flex; }
.header2 nav ul li { margin-right:45px; }
.header2 nav ul li a { display: block; font-size:17px; line-height: 60px; color: #fff; font-weight: 600; position: relative; }
.header2 nav ul li a:before { content: ''; position: absolute; left: 50%; top:9px; width:7px; height: 7px; border-radius:100%; background: #fff; margin-left: -3px; transition: all 0.3s ease; opacity:0;  transform: scale(0.4); }
.header2 nav ul li a span { display: block; transition: all 0.3s ease;}
.header2 nav ul li a:hover:before { top:12px; opacity:1; transform: scale(1); }
.header2 nav ul li a:hover span { transform: translateY(4px); }
.header2 .etc a { display:inline-block; vertical-align:middle; margin-left: 15px; font-size:15px; color:#fff; transition:all 0.5s ease; padding:0 10px; height:32px; line-height:30px; border-radius:32px; border:1px solid transparent;}
.header2 .etc a i { font-size:19px; vertical-align:middle;margin:-3px 5px 0 0; }
.header2 .etc a:hover { border-color:#fff; }
.header2 .etc a span { display:inline-block; }
.header2 .etc .btn-login { }
/*.header2 .etc .btn-login:before { content: ''; display: inline-block; background: url(../img/common/ico_top_login.png) no-repeat 0 0; width:23px; height: 21px;  }*/
.header2 .etc .btn-logout { }



.m-gnb { position: fixed;right:-350px;top:0;bottom:0; /*background: #774193;*/background: #41608f ;width:250px;z-index:2000; transition: all 0.4s ease; opacity:0; }
.m-gnb .btn-close { position: absolute; left: -45px; top:0; width:40px; height: 40px; background: url(../img/common/btn_all_close.png) no-repeat 50% 50%; }
.m-gnb .body { padding:40px 0 0px;}
.m-gnb .body a { position:relative; display: flex; font-size:16px; color: #fff; font-weight: 300; line-height: 2.4; margin-bottom: 4px;padding-left: 20px;}

.m-gnb .body a:before {
    content: '';
    position: absolute;
    left: 20px;
    height: 1px;
    background: rgba(255,255,255,0.5);
    width: 35px;
    bottom: 3px;
}


.m-gnb .btns { padding:15px 20px; }
.m-gnb .btns a { font-size:13px; color: #fff; margin-right:15px; }
.m-gnb .btns a em{ display:inline-block; padding:4px 8px; border:1px solid rgba(255,255,255,0.3); }
.m-gnb .btns  .btn-my { font-size:16px; }
.bg-m { display: none; position: fixed;left: 0;top:0;right:0;bottom:0;background: rgba(0,0,0,0.7); z-index:1900;}

body.menu-on { overflow: hidden; }
body.menu-on .m-gnb { right:0;  opacity:1;}

.main-banner { position: relative; margin-bottom: 70px;}
.main-banner .swiper-slide {  background:url(../img/main/main_visual1.jpg) no-repeat 50% 50%; }
.main-banner .inner { height: 560px; padding-top:140px; color: #fff; }
.main-banner .t1 { font-size:17px; line-height: 1.4; margin-bottom: 15px; }
.main-banner .t2 { font-size:68px;  }
.main-banner .page { position: absolute;left: 0; right:0; bottom:40px; z-index:100; }
.main-banner .swiper-pagination { position: static; max-width:1200px; margin: 0 auto; text-align: left; }
.main-banner .swiper-pagination-bullet { background: rgba(255,255,255,0.5); opacity:1; margin-right:6px; transition: all 0.5s ease; }
.main-banner .swiper-pagination-bullet-active { background: #fff; width:20px; border-radius:8px;  }
.main-banner .swiper-button-next, 
.main-banner .swiper-button-prev { background: url(../img/main/btn_slider_prev.png) no-repeat  0 0; width:28px; height: 51px; margin: -25px 0 0 0; top:50%; }
.main-banner .swiper-button-prev { left: 2%; }
.main-banner .swiper-button-next { right: 2%; transform: scaleX(-1); }

/* 0419 */
.top-banner { height:64px; background:url(/img/common/bg_top_banner.jpg) no-repeat 50% 50%;  text-align:center; display:flex; align-items:center; justify-content:center; margin-bottom:30px;} 
.top-banner span { display:inline-block; font-size:20px; font-weight:600; color:#ce2982; line-height:1.5; border-bottom:1px solid #ce2982; }
.top-banner .btn-close { width:21px; height:21px; background:url(/img/common/ico_cloe_banner.png)  no-repeat 0 0;display:inline-block; margin-left:12px; display:none; }
.bg-m + .main { margin-top:25px; }
.main-btns { display:flex; flex-wrap:wrap; justify-content:space-between; margin:-15px -5px 25px; }
.main-btns.type2 { margin:15px -5px; }
.main-btns p { flex:1; margin:0 5px;  }
.main-btns p a { display:block; padding:15px 5px; border-radius:5px;border:1px solid #ddd; text-align:center;  font-size:15px; font-weight:600; color:#555; transition:all 0.5s ease; }
/*.main-btns p a i { display:block; width:40px; height:40px; margin:0 auto 10px; background:url(/img/common/ico_main1_2.png) no-repeat 50% 50%; background-size:40px auto; }
*/
/*
.main-btns p a i.ic1 { background-image:url(/img/common/ico_main1_2.png);}
.main-btns p a i.ic2 { background-image:url(/img/common/ico_main2_2.png);}
.main-btns p a i.ic3 { background-image:url(/img/common/ico_main3_2.png);}
.main-btns p a i.ic4 { background-image:url(/img/common/ico_main4_2.png);}
*/

.main-btns p a i.ic1 { content: url(/img/common/ico_main1_2.png); width: 60%; height:60%; }
.main-btns p a i.ic2 { content: url(/img/common/ico_main2_2.png); width: 60%; height:60%; }
.main-btns p a i.ic3 { content: url(/img/common/ico_main3_2.png); width: 60%; height:60%; }
.main-btns p a i.ic4 { content: url(/img/common/ico_main4_2.png); width: 60%; height:60%; }

.main-btns p a i.ic5 { background-image:url(/img/common/ico_main5_2.png);}
.main-btns p a i.ic6 { background-image:url(/img/common/ico_main6_2.png);}
.main-btns p a i.ic7 { background-image:url(/img/common/ico_main7_2.png);}
.main-btns p a i.ic8 { background-image:url(/img/common/ico_main8_2.png);}
.main-btns p a:hover { box-shadow:5px 5px 10px rgba(0,0,0,0.1); }

.main-btns.type2 p { height:104px; }
.main-btns.type2 p a { height:100%; display:flex; justify-content:center; align-items:center; flex-direction:column; }








.h2 { font-size:30px; margin-bottom: 20px;  font-weight: 700;}
.head-h2 { display:flex; justify-content: space-between; align-items:flex-end; margin-bottom:25px; } 
.head-h2 .h2 { margin-bottom:0; }
.head-h2 .more a { font-size:16px; font-weight:600; padding-right:15px; background:url(/img/common/ico_more.png) no-repeat right 50%;  }
.best-slider {margin-bottom: 90px;  }
.best-slider .slider { border: 1px solid #ccc;  overflow: hidden; box-shadow:5px 5px 20px rgba(0,0,0,0.1); margin-bottom: 10px; }
.best-slider .item { display: flex; justify-content: space-between; padding: 0 50px 0 50px; align-items: flex-end; }
.best-slider .item.type1 { background: url(../img/main/bg_main_good.png) no-repeat 90% 50%; }
.best-slider .item .info { padding-bottom: 70px;}
.best-slider .item .info strong { display: block; font-size:40px; font-weight: 700; margin-bottom:15px;  }
.best-slider .item .info .key { font-size:14px; color: #777; margin-bottom: 10px; }
.best-slider .item .info .desc{ font-size:15px; color: #555; margin-bottom: 40px; }
.best-slider .item .info span { display: inline-block; padding:0 20px; height: 30px; line-height: 27px; border-radius:30px; background: #774193; border: 1px solid #774193; font-size:13px; color: #fff;transition: all 0.4s ease; }
.best-slider .item .photo{position:relative; }
.best-slider .item .photo img { height: 310px; }
.best-slider .item:hover .info span { background: #fff; color: #774193; }
.best-slider .control { position: relative; text-align: center; }
.best-slider .swiper-pagination { display: inline-block; position: static; text-align: center; margin: 0; }
.best-slider .swiper-pagination-bullet { background: #d6c6de; opacity:1; margin:0 4px; border-radius:8px;  transition: all 0.5s ease; }
.best-slider .swiper-pagination-bullet-active { background: #774193; width:20px;  }
.best-slider .control .swiper-button-prev,
.best-slider .control .swiper-button-next { position: static; display: inline-block; vertical-align: middle; width:15px; height: 20px; background: url(../img/main/btn_best_slider_prev.png) no-repeat 50% 50%; margin: 0; }
.best-slider .control .swiper-button-next { transform: scaleX(-1); }


.best {margin-bottom:70px; }
.best ul { display:flex; justify-content:space-between; margin:0 -5px;  }
.best ul li { margin:0 5px; }
.best ul li .img { width:80px; height:80px; border-radius:100%; background:#f2f2f2; overflow:hidden; position:relative; border:1px solid #eee; }
.best ul li .img img { position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:160%; max-width:inherit;  }
.best ul li .name { text-align:center; font-size:13px; font-weight:600; padding-top:10px;  }


.main-sort { margin-bottom: 20px; }
.main-sort a { display: inline-block; vertical-align: middle; font-size:30px; color: #a3a3a3;  position: relative; margin-right:20px;  }
.main-sort a span { position: relative; z-index:2;}
.main-sort a:before { content: ''; position: absolute;left: -3px;bottom:4px; width:0; ; height: 6px; background: #a87ac0; }
.main-sort a.active:before { opacity:1;  width:calc(100% + 6px); }
.main-sort a.active { color: #222; font-weight: 600;}


.list-type1 { margin-bottom:20px; }
.list-type1 ul { display: flex; flex-wrap: wrap; margin:0 -7px; }
.list-type1 ul li { width:25%; padding: 0 10px 30px; }
.list-type1 ul li a { display: block; box-shadow:5px 5px 15px rgba(0,0,0,0.1); overflow: hidden;  transition: all 0.5s ease; border-radius:10px;}
/* .list-type1 ul li a .photo { height:190px; position: relative; background: url(/img/common/bg_photo1.jpg) no-repeat 50% 50%; background-size:cover;  overflow: hidden;} */
.list-type1 ul li a .photo { /*height:190px;*/ position: relative; /* background: url(/img/common/bg_photo1.jpg) no-repeat 50% 50%; */ background-size:cover;  overflow: hidden;}
/*
.list-type1 ul li a .photo.type1 { background: url(/img/common/bg_photo3.jpg) no-repeat 50% 50%; } 
.list-type1 ul li a .photo.type2 { background: url(/img/common/bg_photo2.jpg) no-repeat 50% 50%; } 
.list-type1 ul li a .photo.type3 { background: url(/img/common/bg_photo1.jpg) no-repeat 50% 50%; } 
*/
.list-type1 ul li a .photo.type1 { background-color: #edebec; } 
.list-type1 ul li a .photo.type2 { background-color: #dfdee3; } 
.list-type1 ul li a .photo.type3 { background-color: #d9d9da; } 
.list-type1 ul li .type { padding:0 8px; height: 23px; line-height: 23px; border-radius:4px; /*background: #7e4d94;background: #ef96bc;*/ background: #ef74a8;font-size:13px; color: #fff; display:inline-block; }
.list-type1 ul li a .photo img { /*transform: translateY(-50%); max-width:inherit; position: absolute;left: -20%; width:140%; top:50%; */transition:all 0.4s ease; transform-origin: center center;}
.list-type1 ul li a .photo .type { position: absolute;left: 15px; top:15px; }
.list-type1 ul li a .photo .type  + .type { left:60px; }
.list-type1 ul li .type.type2 { background: #b35e82; }
.list-type1 ul li .type.type3 { background: #c25858; }

.list-type1 ul li a .status { position: absolute;right: 15px; bottom:15px; padding:0 8px; height: 23px; line-height: 23px;  border-radius:4px; background: rgba(255,255,255,0.8); font-size:13px; color: #75a247; font-weight: 600; }
.list-type1 ul li a .status:before { content: ''; display: inline-block; vertical-align: middle; width:8px; height: 8px; border-radius:100%; background: #75a247; margin:-2px 4px 0 0;}
.list-type1 ul li a .status.off { color: #999; }
.list-type1 ul li a .status.off:before { background: #999; }
.list-type1 ul li a .status.ing { color: #eb9d34; }
.list-type1 ul li a .status.ing:before { background: #eb9d34; }
.list-type1 ul li a .info { padding:10px 15px; }
.list-type1 ul li a .info .name { font-size:22px; font-weight: 700; margin-bottom: 5px; position:relative; }
.list-type1 ul li a .info .name .status { right:0; bottom:3px; font-size:12px;  }
.list-type1 ul li a .info .name strong { color: #774193; }
.list-type1 ul li a .info .key { font-size:14px; color: #777777; margin-bottom: 10px; }
/*
.list-type1 ul li a .info .key span { display:inline-block; vertical-align:middle; line-height:20px; border-radius:20px; padding:0 10px; font-size:11px; color:#fff; background:#bbb;}
*/
.list-type1 ul li a .info .desc { font-size:13px; color: #999;  }
.list-type1 ul li a .info .desc p { line-height:14px; height:28px; overflow:hidden;text-overflow: ellipsis;  display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp: 2; }
.list-type1 ul li .etc { display: flex; justify-content: space-between; align-items: center; }
.list-type1 ul li .etc .grade { font-size:14px; color: #777777; }
.list-type1 ul li .etc .grade img { transform: translateY(-2px); }
.list-type1 ul li .etc .rv { font-size:14px; color: #777; display: flex; align-items: center; }
.list-type1 ul li .etc .rv strong {  vertical-align: middle; padding:0 8px; height: 20px; min-width:20px; line-height: 20px; margin-left: 7px;  background: #774193; font-size:12px; font-weight: 600; color: #fff; font-family: 'Roboto';}
/*.list-type1 ul li a:hover .photo img { transform: translateY(-50%) scale(1.2); }*/
.list-type1 ul li a:hover { box-shadow:5px 5px 15px rgba(0,0,0,0.35); }



.review-list ul { display: flex; flex-wrap: wrap; margin:0 -10px;  }
.profile-wrap .review-list ul { flex-direction:column;}
.review-list ul li {  width:calc(33.33333% - 20px); margin:0 10px 20px; position: relative; }
.review-list ul li .item { display: block; padding: 35px 30px 95px; border: 1px solid #ddd; height: 100%; transition: all 0.3s ease;}
.review-list ul li .item .name {margin-bottom: 10px;}
.review-list ul li .item .name em { width:90px; height:90px;  border-radius:100%; overflow:hidden; margin-right:10px; border:1px solid #eee; background:#f2f2f2; position:relative;}
.review-list ul li .item .name em img {vertical-align:middle;  position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:160%; max-width:inherit;  }
.sub-wrap .review-list ul li .item { padding-top:20px; padding-bottom:75px; }
.sub-wrap .review-list ul li .item .name  { display:flex; align-items:center;} 
.review-list ul li .item .name strong { font-size:22px; font-weight: 700; }
.review-list ul li .item .name b { color: #774193; }
/* .review-list ul li .item .txt { font-size:14px; line-height: 20px; max-height:140px; overflow:hidden; text-overflow: ellipsis;  display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp: 7; color: #777777; } */
.review-list ul li .item .txt { font-size:14px; line-height: 20px; -webkit-box-orient: vertical;  -webkit-line-clamp: 7; color: #777777; }
.review-list ul li .item .etc { display: flex; justify-content: space-between; align-items: center; position: absolute;left:30px; right:30px; bottom:30px;  }
.review-list ul li .item .date em { width:50px; height:50px;  border-radius:100%; overflow:hidden; margin-right:10px; border:1px solid #eee; background:#f2f2f2; position:relative;}
.review-list ul li .item .date em img {vertical-align:middle;  position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:160%; max-width:inherit;  }
.review-list ul li .item .date { display:flex;align-items:center; font-size:13px; font-weight: 600; color: #999999; }
.review-list ul li .item .grade { font-size:14px; color: #777777; }
.review-list ul li .item .grade img { vertical-align:middle; margin:-3px 3px 0 0;}

/*
.review-list ul li .item .cmt_down { width:50px; height:24px; margin-left:20px; }
.review-list ul li .item .cmt_down .btn_cmt { display: inline-block; width:50px; height:100%; line-height:24px; text-align:center; vertical-align: top; font-size:13px; color: #fff; background:#aaa; position: relative; }
.review-list ul li .item .cmt_down > div { display: none; position: absolute; width:50px; left: 50%; margin-left: -25px; top:100%; background: #fff; border: 1px solid #ccc; border-top:2px solid #222; z-index:1; }
.review-list ul li .item .cmt_down > div > ul > li > a { display: block; font-size:13px; color: #777; padding:5px 0; text-align: center; transition: all 0.5s ease; }
.review-list ul li .item .cmt_down > div > ul > li > a:hover { background: #f2f2f2; color: #222;  }
*/

.review-list .btn_more,
.quest .btn_more { margin-top:20px; width:100%; padding: 3px 15px 5px; font-size:14px; color: #fff; font-weight: 500; line-height: 30px;
	border-radius: 4px; border: 1px solid #31525b; background:#31525b; transition: all 0.5s ease; }
.review-list .btn_more:hover,
.quest .btn_more:hover { border-color:#5a747b; background:#5a747b; }

.main .review-list ul li .item:hover { transform: translateY(-10px); border-color:#222; box-shadow:5px 5px 15px rgba(0,0,0,0.1); }

.review-comment .review-list ul li .item .txt  { -webkit-line-clamp:100; max-height:inherit; }

.review-list.full ul li { width:100%; margin:0 0 20px; }
.review-list.full ul li .item {padding:30px; }
.review-list.full ul li .item .etc { position:static; }
.review-list.full ul li .item .etc div { margin-right:10px; }
.review-list.full .replay { padding:20px; background:#f2f2f2; margin-top:20px; }
.review-list.full .replay .rname { font-size:16px; font-weight:700; margin-bottom:7px; }
.review-list.full .replay .rname span { display:inline; font-weight:400; font-size:12px; margin-left:10px; color:#777; }
.review-list.full .replay .rtext { font-size:14px; line-height:1.5; color:#555; }





.more-btn { text-align: center; margin:30px 0 85px; }
.more-btn a { display: inline-block; vertical-align: middle; padding: 0 45px; height: 45px; line-height: 43px; font-size:15px; border: 1px solid #000; font-weight: 600; position: relative; overflow: hidden; transition: all 0.5s ease;}
.more-btn a span { position: relative; }
.more-btn a:before { content: ''; position: absolute; right:-100px; bottom:-100px; width:100px; height: 100px; border-radius:100%; background: #000; transition: all 0.5s ease;}
.more-btn a:hover:before { border-radius:0; right:0; bottom:0; width:200px;}
.more-btn a:hover { color: #fff;}

.banner-main { height:219px; background:url(/img/main/bg_main1.jpg) repeat-x 50% 50%; margin-bottom:60px; }
.banner-main .inner { height:100%; display:flex; flex-direction:column; background:url(/img/main/ico_tar.png) no-repeat  90% 50%; padding-top:50px; }
.banner-main .inner .t1 { font-size:24px; color:#fff; font-weight:200;line-height:1.6; }
.banner-main .inner a { font-size:14px; font-weight:600; display:block; margin-top:25px; color:#fff; }
.banner-main .inner a i { font-size:17px; margin-left:5px;}


.bottom-banners { display: flex; justify-content: space-between; }
.bottom-banners a { width:calc(50% - 10px); padding:80px 50px; border: 1px solid #ddd; border-radius:20px; background: url(../img/common/ico_bottom_banner1.png) no-repeat 100% 100%; }
.bottom-banners a strong { font-size:40px; font-weight: 800; margin-bottom: 10px; }
.bottom-banners a p { font-size:14px; color: #777; }
.bottom-banners a.b2 { background-image: url(../img/common/ico_bottom_banner2.png); }

.footer1 { background: #815297; margin-top:70px; }
.footer1 .inner { position:relative; }
.footer1 .sns { position:absolute; right:0; top:-3px; opacity:0.9; }
.footer1 .sns a { margin-right:8px; }


.footer1 a { display: inline-block; vertical-align: middle; font-size:14px; line-height: 58px; color: #fff; margin-right:20px; }
.footer2 { background: #fff; padding:30px 0 50px; }
.footer2 .inner { display: flex; justify-content: space-between; align-items: flex-end; }
.footer2 .info { font-size:12px; color: rgba(255,255,255,0.7);}
.footer2 .info .logo { margin-bottom: 15px; }
.footer2 .info .addr { margin-bottom: 8px; }
.footer2 .info .copy {}
.footer2 .cs { padding:0 35px; border-left: 1px solid #949494; font-size:12px;  color: #fff; }
.footer2 .cs .t2 {  font-family: 'Roboto'; line-height: 1; margin:4px 0 15px; font-size:30px; font-weight: 700;}

.sub-wrap { padding:40px 0;}
.sub-head { background: url(../img/main/main_visual1.jpg) no-repeat 50% 50%; background-size:cover; margin-bottom: 30px; }
.sub-head .inner { padding: 70px 20px; background: url(../img/common/bg_subhead_tarot.png) no-repeat 100px 50%; }
.sub-head .t1 { font-size:17px; color: #fff; margin-bottom: 10px; line-height: 1.5; }
.sub-head .t2 { font-size:58px; color: #fff; font-weight:700; }

.profile-wrap { margin-top:60px; }
.profile-wrap .profile { display: flex; justify-content: space-between; margin-bottom: 70px;  }
.profile-wrap .profile .photo {width:59.58%; padding-right:22px; position:relative; }
.profile-wrap .profile .photo .swiper-container {  border-radius:20px; overflow: hidden; box-shadow:5px 5px 20px rgba(0,0,0,0.2); }
.profile-wrap .profile .photo .swiper-slide { /*background: url(../img/profile/bg_photo.jpg) no-repeat 50% 50%; background-size:cover;*/ /*background: url(/img/common/bg_photo2.jpg) no-repeat 50% 50%*/ background-size:cover;}
.profile-wrap .profile .photo .swiper-pagination { position:static; text-align:center; margin-top:10px; }
.profile-wrap .profile .photo .swiper-pagination-bullet { margin:0 4px; transition:all 0.5s ease; }
.profile-wrap .profile .photo .swiper-pagination-bullet-active{ background:#774193; }
.profile-wrap .profile .photo .status { position: absolute;left: 15px; top:15px; padding:0 8px; height: 23px; line-height: 23px;  border-radius:4px; background: rgba(255,255,255,0.8); font-size:13px; color: #75a247; font-weight: 600; z-index:100; }
.profile-wrap .profile .photo .status:before { content: ''; display: inline-block; vertical-align: middle; width:8px; height: 8px; border-radius:100%; background: #75a247; margin:-2px 4px 0 0;}
.profile-wrap .profile .photo .status.off { color: #999; }
.profile-wrap .profile .photo .status.off:before { background: #999; }
.profile-wrap .profile .photo .status.ing { color: #eb9d34; }
.profile-wrap .profile .photo .status.ing:before { background: #eb9d34; }


/*
.profile-wrap .profile .photo div.type1 { background: url(/img/common/bg_photo3.jpg) no-repeat 50% 50%; background-size: cover; } 
.profile-wrap .profile .photo div.type2 { background: url(/img/common/bg_photo2.jpg) no-repeat 50% 50%; background-size: cover; } 
.profile-wrap .profile .photo div.type3 { background: url(/img/common/bg_photo1.jpg) no-repeat 50% 50%; background-size: cover; } 
*/

.profile-wrap .profile .photo div.type1 {background-color: #edebec;} 
.profile-wrap .profile .photo div.type2 {background-color: #dfdee3;} 
.profile-wrap .profile .photo div.type3 {background-color: #d9d9da;} 


.profile-wrap .profile .info { width:40.42%; }
.profile-wrap .profile .info .head { display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px;}
.profile-wrap .profile .info .head .name { font-size:30px; font-weight: 700; }
.profile-wrap .profile .info .head .name span { color: #774193; font-family: 'Roboto'; }
.profile-wrap .profile .info .head .etc { display: flex; align-items: center; }
.profile-wrap .profile .info .head .etc .grade { font-size:14px; color: #777777; }
.profile-wrap .profile .info .head .etc .grade img { transform: translateY(-2px); }
.profile-wrap .profile .info .head .etc .rv { font-size:14px; color: #777; display: flex; align-items: center; margin-left: 15px; }
.profile-wrap .profile .info .head .etc .rv strong {  vertical-align: middle; padding:0 8px; height: 20px; min-width:20px; line-height: 20px; margin-left: 7px; /*border:1px solid #555;*/ border-radius:20px; /*background: #774193;*/ font-size:12px; font-weight: 600; color: #555; font-family: 'Roboto';}
.profile-wrap .profile .info h3 { font-size:20px; font-weight: 700; margin-bottom: 7px; }
.profile-wrap .profile .info .key { font-size:16px; color: #777; margin-bottom: 18px; }
.profile-wrap .profile .info .desc { font-size:16px; color: #777; margin-bottom: 10px; }
.profile-wrap .profile .info .types { display: flex; justify-content: space-around; padding:15px 0; border-radius:1px; border: 1px solid #ddd; background: #f9f9f9; text-align: center; border-radius:10px;  margin-bottom: 20px;  }
.profile-wrap .profile .info .types > div { font-size:16px; flex: 1; opacity:0.4; }
.profile-wrap .profile .info .types > div.active { opacity:1; }
.profile-wrap .profile .info .types > div + div { border-left: 1px solid #ddd; }
.profile-wrap .profile .info .types > div:before { content: ''; display: inline-block; vertical-align: middle; background: url(../img/profile/ico_type1.png) no-repeat 0 0; width:32px; height: 32px; margin:-3px 8px 0 0; }
.profile-wrap .profile .info .types > div.type2:before { background-image: url(../img/profile/ico_type2.png);}
.profile-wrap .profile .info .types > div.type3:before { background-image: url(../img/profile/ico_type3.png);}
.profile-wrap .profile .info .btns { display: flex; justify-content: space-between; }
.profile-wrap .profile .info .btns a { padding:15px 5px 15px 15px;width:49%; border-radius:10px; font-size:13px;  line-height: 1.3; color: #d7d6d6; background: #404054 url(../img/profile/ico_btn_tel.png) no-repeat 90% 5px;}
.profile-wrap .profile .info .btns a p { font-size:18px; margin-bottom: 4px;}
.profile-wrap .profile .info .btns a b { font-size:15px; }
.profile-wrap .profile .info .btns a.b2 { background-color:#894053; }

.profile-wrap .views { margin-bottom: 70px;max-width:59.58%; padding-right:22px;  }
.profile-wrap .views h3 { font-size:30px;  margin-bottom: 20px; font-weight: 400;}
.profile-wrap .views h3 span { position: relative; }
.profile-wrap .views h3 span:before { content: ''; position: absolute;left: -3px; right:-3px; bottom:0; height: 8px; border-radius:8px; background: #e4e229; z-index:-1;}

.profile-wrap .views .text {font-size:15px; line-height: 1.6; color: #777; margin-bottom: 60px; }

.profile-wrap .review-list ul { margin: 0 ;}
.profile-wrap .review-list ul li { width:auto; margin: 0;  }
.profile-wrap .review-comment {}
.profile-wrap .review-comment .head { position: relative;}
.profile-wrap .review-comment .head .btn-type1 { position: absolute; right:0; bottom:0;  }
.profile-wrap .review-list ul li .item { padding:20px;  border:0; border-bottom: 1px solid #ddd; border-radius:0;}
.profile-wrap .review-list ul li .item .title { position: relative; display: flex;justify-content: space-between; align-items: center; }
.profile-wrap .review-list ul li .item .title .strong { margin-right: 10px;}
.profile-wrap .review-list ul li .item .title .right { width:auto; display: flex; align-items: center; }
.profile-wrap .review-list ul li .item .title .opt { position: relative; margin-left: 15px;}
.profile-wrap .review-list ul li .item .title .opt .btn-opt { width:30px; height: 30px; border-radius:4px; border: 1px solid #ccc; background: #fff; font-size:16px; color: #999;}
.profile-wrap .review-list ul li .item.re { background:#f9f9f9; }

.qa_one .head { position: relative;}
.qa_one .head .btn-type1 { position: absolute; right:0; bottom:0;  }

/******************************************************************************************************************************
	게시판 
******************************************************************************************************************************/
.board-search { margin-bottom: 20px; }
.board-search .btn-srch { display: inline-block; vertical-align: middle; width:100px;  height: 40px; line-height: 42px; text-align: center; background:#31525b; font-size:15px; font-weight: 700; color: #fff; border-radius:4px;  }
.board-search .form { display: inline-block; vertical-align: middle; }
.board-search .form .inp { margin:0 10px; width:310px; }

.table-list { margin-bottom:30px; }
.table-list table { width:100%; border-collapse: collapse; border-top:1px solid #323232; }
.table-list table thead th { border-bottom: 1px solid #d0d0d0; padding:15px 10px; font-size:16px; font-weight: 600; color:#323232; background:none; white-space:nowrap;  }
.table-list table tbody td { border-bottom: 1px solid #d0d0d0; padding:12px 10px; font-size:16px; color:#909090; font-weight:300; }
.table-list table tbody td a { color:#323232;}
.table-list table tbody td.td_subject { text-align: left; }
.table-list table tbody td.no { color: #323232; }
.table-list table .mobile { }
.table-list table .mobile dl { display:inline; font-size:12px; color:#909090; margin-right:10px; }
.table-list table .mobile dl dt { display:inline; margin-right:5px; font-weight:600;  }
.table-list table .mobile dl dd { display:inline;}

.table-list2 { margin-bottom:30px; }
.table-list2 table { width:100%; border-collapse: collapse; border-top:1px solid #323232; }
.table-list2 table thead th { border-bottom: 1px solid #d0d0d0; padding:15px 10px; font-size:16px; font-weight: 600; color:#323232; background:none; white-space:nowrap;  background:#f9f9f9; }
.table-list2 table tbody td { border-bottom: 1px solid #d0d0d0; padding:12px 10px; font-size:16px; color:#909090; font-weight:300; }
.table-list2 table tbody td .point { padding:5px 15px; border-radius:40px; background:#774193; color:#fff; font-weight:600; }
.table-list2 table tbody td a { color:#323232;}
.table-list2 table tbody td.td_subject { text-align: left; }
.table-list2 table tbody td.no { color: #323232; }
.table-list2 table .mobile { }
.table-list2 table .mobile dl { display:inline; font-size:12px; color:#909090; margin-right:10px; }
.table-list2 table .mobile dl dt { display:inline; margin-right:5px; font-weight:600;  }
.table-list2 table .mobile dl dd { display:inline;}

.board-view .head { padding:25px 10px; border-top:2px solid #292728; border-bottom: 1px solid #dfdfdf; }
.board-view .head h3 { font-size:28px; font-weight: 600; line-height: 1.2; margin-bottom: 10px; }
.board-view .head .info dl { display: inline; margin-right:20px; font-size:16px; color: #797979; font-weight: 300; }
.board-view .head .info dl dt { display: inline; font-weight: 600; margin-right:6px; }
.board-view .head .info dl dd { display: inline; }
.board-view .body { font-size:16px; line-height: 1.7; padding:40px 0; }
.board-view .files { display: flex; align-items: center; padding: 20px 0; background: #f2f2f2; }
.board-view .files .tit { flex:0 0 135px; width:135px; text-align: center; font-size:16px; font-weight: 600; }
.board-view .files ul li a { font-size:14px; font-weight: 300; line-height: 1.5; }
.board-view .files ul li + li { margin-top:5px; }


/* 마이페이지 */
.table1{ margin-bottom:30px; }
.table1 table{ width:100%; border-collapse: collapse; border-top:2px solid #000; }
.table1 table thead th { padding:12px 10px; font-size:16px; font-weight: 600; color:#333; background:#f9f9f9; /*white-space:nowrap;*/ border-bottom:1px solid #ddd; border-right:1px solid #ddd; }
.table1 table tbody th { padding:12px 10px; font-size:16px; font-weight: 600; color:#333; background:#f9f9f9; /*white-space:nowrap;*/ border-bottom:1px solid #ddd; border-right:1px solid #ddd; }
.table1 table tbody td { border-bottom:1px solid #ddd; border-right:1px solid #ddd;  padding:12px 10px; font-size:16px; color:#777; font-weight:300; }
.table1 table tbody td .inp { width:100%; }
.table1 table tbody td:last-child { border-right:0; }
.table1.text-right table thead th,
.table1.text-right table tbody th{ text-align:center; }
.table1 table tbody tr.total th,
.table1 table tbody tr.total td { color:#815297; font-weight:600; background:#f9f9f9;}

.switch-label { display:inline-block; vertical-align:middle; line-height:20px;font-size:0;margin:-4px 0 0 15px; }
.switch { position: absolute;left: -9999px; }
.switch + p em { display: inline-block; vertical-align: middle; width:36px; height: 20px; border-radius:20px; position: relative; background: #e6e6e6; transition: all 0.4s ease; }
.switch + p em:before { content: ''; position: absolute;left: 4px; top:4px; width:12px; height: 12px; border-radius:100%; background: #fff; transition: all 0.4s ease; }
.switch + p span { display: inline-block; vertical-align: middle; font-size:13px; color:#333; margin:-2px 0 0 7px; }
.switch + p span:before { content:'상담불가능'; display:inline; }
.switch:checked + p span:before { content:'상담가능'; display:inline; }
.switch:checked + p em { background: #000; }
.switch:checked + p em:before { left: 20px; }

.board-write { border-top:2px solid #646465; margin-bottom: 15px; }
.board-write table { width:100%; border-collapse: collapse; }
.board-write table tbody th { background:#f5f5f5; width:20%; padding-left: 40px; font-size:18px; text-align: left; font-weight: 300; border-bottom: 1px solid #b2b2b2;  }
.board-write table tbody td { border-bottom: 1px solid #ababab; padding:10px;  }

#wr_content { padding:15px 10px; height:240px; background:#fff; border:1px solid #ccc; font-size:17px; line-height:1.6; color:#444; border-radius:0;box-shadow:none; }
#qa_content { padding:15px 10px; height:240px; background:#fff; border:1px solid #ccc; font-size:17px; line-height:1.6; color:#444; border-radius:0;box-shadow:none; }
.pg_wrap { text-align:center; display:block; margin:60px 0; }
.pg_page { display:inline-block; vertical-align:middle; width:34px; height:34px;  line-height:32px; font-size:16px; color:#858585; transition:all 0.5s ease;margin:0 4px; }  
.pg_start,
.pg_prev,
.pg_end,
.pg_next{ text-indent:-9999px; text-align:left; background-position:50% 50%; background-repeat:no-repeat;  border:1px solid #ddd; color:rgba(0,0,0,0); }
.pg_current {  color:#fff; display:inline-block; vertical-align:middle; width:34px; height:34px;  line-height:32px; font-size:16px;  background: #815297;  margin:0 4px; padding:0; }
.pg_start { background-image:url(../img/common/ico_page_first.svg); }
.pg_prev { background-image:url(../img/common/ico_page_prev.svg); }
.pg_next { background-image:url(../img/common/ico_page_prev.svg); transform:scaleX(-1); }
.pg_end { background-image:url(../img/common/ico_page_first.svg); transform:scaleX(-1);}

/******************************* 로그인 *******************************/
.login-wrap { min-height: 100vh; padding-left: 50%; position: relative;}
.login-wrap:before {content: '';position: absolute;left: 0;top:0;width:50%;bottom:0;background: url(../img/common/bg_login.jpg) no-repeat 50% 50%;background-size:cover;}
.login-box { min-height: 100vh; display: flex; align-items: center; }
.login-box .member { width:500px; }
.login-box .logo { font-size:30px; font-weight: 700; color: #000; margin-bottom: 40px; }
.member .h3-member { font-size:12px; color: #31525b; font-weight:600; text-align: left; margin-bottom: 6px;  }
.member .inp-member { width:100%; height: 40px; font-size:16px; color: #000; border: 0; border-bottom: 1px solid #d8dbe1; background: none;  transition: all 0.5s ease; }
.member .inp-member:focus { border-color:#000; }


/*.member { max-width:500px; margin: 0 auto; padding:80px 20px; }*/
.member { max-width:500px; margin: 0 auto; padding:0px 20px; }
.member .list-tabs { margin-bottom: 40px; }
.member .list-tabs a { height: 40px; line-height: 38px; }
.member .etc { overflow: hidden; margin-bottom: 35px;  }
.member .etc label { float:left; }
.member .etc .btn-hp { float:right; padding-left: 25px; line-height: 21px; font-size:14px; color: #292929; background: url(../img/common/ico_hp.png) no-repeat 0 50%; margin-top:2px; }
.member .find { text-align: center; margin:15px 0 30px; }
.member .find a { display: inline-block; vertical-align: middle; font-size:14px; color: #909090; line-height: 18px;  }
.member .find a  + a { padding-left:10px; margin-left: 10px; border-left: 1px solid #909090; }
.member .check-box { padding:20px; background:#f7f7f7; border-radius:5px; margin-bottom:25px; }
.member .check-box .check-desc { margin-bottom:0; }
.member .orther-login {}
.member .orther-login .tit { max-width:260px; margin: 0 auto; text-align: center; }
.member .orther-login .tit span { position: relative; display: block; }
.member .orther-login .tit span strong { display: inline-block; vertical-align:top; padding:0 12px; background: #fff; font-size:12px; color: #31525b; position: relative; z-index:2; }
.member .orther-login .tit span:before { content: ''; position: absolute; left: 0; right:0; top:50%; height: 1px; background: #e4e9f2; }
.member .orther-login .btns  {text-align: center; padding:12px 0 30px;  }
.member .orther-login .btns a {  margin:0 8px; }
.member .orther-login .btns a img { width:52px; }
.member .orther-login .desc { text-align: center; font-size:12px; line-height: 1.4; color: #909090;  word-break: keep-all; }
.member .orther-login .desc strong { color: #000; }
.member .check-desc {  margin-bottom: 30px; font-size:12px; line-height: 1.5; color: #909090;  word-break: keep-all; }
.member .check-desc p { padding-left: 14px; text-indent: -14px;}
.member .check-desc p + p { margin-top:3px;}
.member .privacy {padding:18px 20px; border-radius:5px; background: #f7f7f7; margin-bottom: 15px; max-height: 180px; overflow: auto; }
.member .privacy .t1 { font-size:12px; color: #606060; font-weight: 600; margin-bottom: 5px; }
.member .privacy .t2 { font-size:12px; color: #909090; }
.member .privacy table { width:100%; border-collapse:collapse; background:#fff;}
.member .privacy table  thead th { padding:5px; font-size:12px; color:#333; background:#f2f2f2; border:1px solid #ddd; }
.member .privacy table  tbody td { padding:5px; font-size:12px; border:1px solid #ddd; }
.member .chks { text-align: center; }
.member .checkbox-box { position: relative; margin-bottom: 13px; }
.member .checkbox-box .checkbox + em + span { font-size:16px; }
.member .checkbox-box .btn-flip { position: absolute; right:0; top:0; width:24px; height: 24px; background: url(../img/common/ico_checkbox_flip.svg) no-repeat 50% 50%; transition: all 0.5s ease;  transform: rotate(180deg);}
.member .checkbox-box .btn-flip.active { transform: rotate(0);}
.member .checkbox-box .chks {text-align: left; padding:15px 0 20px 24px;}
.member .checkbox-box .chks label:first-child { margin-right:70px; }
.member .checkbox-box .chks .txt { font-size:12px; color: #909090; padding-top:12px; word-break: keep-all; }
.member .agree-all { text-align: center; padding:30px 0; border-top:1px solid #d8dbe1; }
.member .agree-all .checkbox + p span { font-size:16px; font-weight: 600; }
.member .end { padding:40px 0 90px; text-align: center; }
.member .end .t1 {  background: url(../img/common/ico_sign.png) no-repeat 50% 0;  background-size:80px auto;  font-size:20px; line-height: 1.5; }
.member .end .t2 { font-size:14px; line-height: 1.4; color: #909090; margin:15px 0 45px;}
.member .end .btns {  }
.member .end .btns a { float:left; width:calc(50% - 10px); margin:0 5px; }
.member .btn-box { display: flex; justify-content: space-between}
.member .btn-box a,
.member .btn-box button { width:49%; font-weight: 600;}
.member .msg1 { font-size:12px; padding-bottom: 20px; margin-bottom: 20px; position: relative;}
.member .msg1:before { content: ''; position: absolute;left: -20px; right:-20px; bottom:0; height: 1px; background: #e1e1e1; }
.member-sns { display: flex; margin:5px 0; }
.member-sns a { display:flex; align-items: center; width:138px; height: 63px; padding: 12px 14px;  border: 1px solid #e1e1e1; border-radius:4px; margin-right:8px;} 
.member-sns a .ico { width:40px; margin-right:11px; }
.member-sns a .ico img { max-width:100%; }
.member-sns a .txt {}
.member-sns a .txt span { display: block; font-size:14px; }
.member-sns a .txt strong { display: block; font-size:12px; font-weight: 600; color: #31525b; }
/******************************* 로그인 *******************************/

.customer { display:flex; justify-content:space-between; }
.customer .aside { width:200px; margin-right:30px; }
.customer .aside a { display:block; font-size:17px; line-height:1.6; margin-bottom:20px;  color:#999; transition:all 0.3s ease; }
.customer .aside a:hover { color:#222; }
.customer .aside a.active { color:#222; font-weight:700;  }
.customer .content { flex:1; } 

.faq ul { border-top:1px solid #ccc; }
.faq ul li { border-bottom:1px solid #ddd; }
.faq .q { display:block; padding:20px 40px 20px 80px; position:relative; font-size:18px; color:#333; font-weight:600; }
.faq .q .tit { position:absolute; left:20px; top:18px; line-height:1; font-size:30px; font-weight:700; }
.faq .q:before { content:''; position:absolute; right:20px; top:25px; width:9px; height:9px; border-left:1px solid #555; border-bottom:1px solid #555; transform:rotate(-45deg); transition:all 0.5s ease; }
.faq .q .txt {  }
.faq .a { display:none; font-size:14px; line-height:1.6; color:#777; background:#f9f9f9; border-top:1px solid #eee;  padding:20px 20px 20px 80px;  }
.faq .q.active:before  { transform:rotate(135deg); top:28px;  }

.desc1 { font-size:15px; color:#222; }
.tabs { margin-bottom:30px; }
.tabs a { display:inline-block; vertical-align:middle; padding:0 15px; height:35px; line-height:33px; border-radius:35px;  font-size:15px; color:#999; border:1px solid #ddd; margin-right:5px;  transition:all 0.3s ease;}
.tabs a:hover { background:#815297; border-color:#815297; color:#fff;  }
.tabs a#bo_cate_on,
.tabs a.active{ background:#815297; border-color:#815297; color:#fff; font-weight:600; }
ul.tabs li { display:inline-block; vertical-align:middle; }

.tabs2 { margin-bottom:30px; }
.tabs2 a { display:inline-block; vertical-align:middle; padding:0 15px; height:35px; line-height:33px; border-radius:35px;  font-size:15px; color:#999; border:1px solid #ddd; margin-right:5px;  transition:all 0.3s ease;}
.tabs2 a.active{ background:#815297; border-color:#815297; color:#fff; font-weight:600; }

.h3 { font-size:20px; font-weight:700; margin-bottom:20px; color:#815297;  }
.guide ul { margin-bottom:50px;  }
.guide li { margin-bottom:20px; padding-left:60px; position:relative;  border-bottom:1px dashed #ddd; padding-bottom:20px;  }
.guide li strong { position:absolute; left:0; top:5px; font-size:35px; color:#222; font-weight:700; font-family:'Roboto'; }
.guide li .box {}
.guide li .box .ic { font-size:30px; }
.guide li .box div { font-size:15px; line-height:1.6; color:#777; }

.counseolor { max-width:965px; height:550px; background:url(/img/common/bg_answer_red.png) no-repeat 0 0; position:relative; margin:50px auto; }
.counseolor .box { position:absolute; left:42.1%; right:7%; top:35px; color:#fff; }
.counseolor .box .t1 { position:relative; font-size:34px; font-weight:700; color:#ffdd00; padding-top:15px; margin-bottom:30px; line-height:1.3; }
.counseolor .box .t1:before { content:''; position:absolute; left:0; top:0; width:50px; height:3px; background:#ffdd00; }
.counseolor .box .t2 { font-size:21px; font-weight:300; margin-bottom:20px; }
.counseolor .box .t3 { display:flex; margin-bottom:30px;  }
.counseolor .box .t3 div { margin-right:40px; }
.counseolor .box .t3 div  i  { display:block; margin-bottom:5px; font-size:25px;  }
.counseolor .box .t3 div p { font-size:16px; }
.counseolor .box .t3 div strong { display:block; font-size:21px; font-weight:600; }
.counseolor .box .t4 { font-size:14px; line-height:1.6;  }
.counseolor-box { margin:0 auto; max-width:600px; text-align:center; }

.counseolor2 { padding:20px;  text-align:center; font-size:14px; color:#000; max-width:600px; }
.counseolor2 .t1 { font-size:18px; font-weight:700; }
.counseolor2 .t2 { margin:5px 0 20px; }
.counseolor2 .t3 { display:inline-block; /*adding:15px; border-radius:15px; margin-bottom:20px;*/margin-bottom:8px; }
.counseolor2 .t3 a { color:#000 !important; }


input:-webkit-autofill,
input:-webkit-autofill:focus,
input:-webkit-autofill:active{ transition: background-color 5000s ease-in-out 0s;	 -webkit-transition: background-color 9999s ease-out;     -webkit-box-shadow: 0 0 0px 1000px white inset !important;     -webkit-text-fill-color: #000 !important; }
.pay-box { display:flex; justify-content:space-between; margin-bottom:40px; border-bottom:1px solid #ddd; padding-bottom:40px; }
.pay-box .box { width:45%; }
.pay-box .tit { font-size:18px; font-weight:600; color:#774193; margin-bottom:5px; }
.pay-box .inp-box + .tit { margin-top:5px; }
.pay-box .inp-wrap { display:flex; justify-content:space-between;}
.pay-box .inp-wrap > div { width:48%; }



.radio { position: absolute;left: -9999px; }
.radio + p { display: inline-block; vertical-align: middle; cursor: pointer;}
.radio + p em { display: inline-block; vertical-align: middle; width:16px; height: 16px; border: 1px solid #ccc; border-radius:100%; position: relative;transition: all 0.3s ease; position: relative;}
.radio + p em:before { content: ''; position: absolute;left: 3px; top:3px; right:3px; bottom:3px; border-radius:100%; background: #222; transition: all 0.3s ease; transform: scale(0.4); opacity:0;  }
.radio + p span { display: inline-block; vertical-align: middle; font-size:13px; margin-left: 6px; }
.radio:checked + p em { border-color:#222; }
.radio:checked + p em:before { opacity:1; transform: scale(1);}

h3 .btn-write { display:inline-block; padding:3px 15px; border-radius:4px; background:#666; color:#fff; font-size:15px; margin-left:30px;  }
h3 .btn-write i {vertical-align:middle; margin:-3px 6px 0 0; }
.quest { }
.quest li { padding:20px 0; border-bottom:1px solid #ddd; }
.quest li .label { display:inline-block; padding:0 15px; height:24px; line-height:23px; font-size:12px; color:#fff; border-radius:5px; background:#999; }
.quest li .label.end {background:#815297; }
.quest li .q { padding-left:25px; position:relative; ; margin-top:8px;  }
.quest li .q strong { position:absolute;left:0; top:-3px;font-size:20px; font-weight:700; color:#815297; }
.quest li .q .txt { font-size:17px; line-height:1.4; color:#666; margin-bottom:10px;  }
.quest li .date { font-size:14px; color:#999;  }
.quest li .date span + span { padding-left:12px; margin-left:10px; position:relative; }
.quest li .date span + span:before { content:''; position:absolute; left:0; top:3px; bottom:2px; width:1px; background:#ddd; }


.h4-sub { font-size:16px; font-weight:600; margin-bottom:10px; }
.text-box { padding:20px; box-shadow:5px 5px 20px rgba(0,0,0,0.1); border-radius:10px; background:#fff; font-size:14px; line-height:1.7; margin-bottom:40px;  }
.text-box span { font-size:18px; }

.writer { display:flex; align-items:center; padding:15px;   border-bottom:1px solid #ddd; } 
.writer .img { width:150px; margin-right:15px; background:#edebec;border-radius:10px; overflow:hidden; }
.writer .info { }
.writer .info .name{  margin-bottom:7px; font-size:18px;  }
.writer .info .name strong { }
.writer .info .name  b { position:relative; font-weight:400; margin-left:15px; padding-left:10px; }
.writer .info .name  b:before { content:''; position:absolute; left:0; top:50%; width:1px; height:14px; margin-top:-7px; background:#ddd; }
.writer .info .txt { font-size:15px; color:#999; }


.best-ps { display:flex; align-items:center; margin-bottom:15px; padding:10px; border:1px dashed #ddd;  }
.best-ps span { flex:0 0 100px; border-radius:5px; height:25px; line-height:24px; font-size:15px; color:#fff; background:#813939; margin-right:10px;text-align:center;  }
.best-ps p { font-size:15px; color:#222; font-weight:600; }

.posting-list { border-top:1px solid #000; }
.posting-list li  { border-bottom:1px solid #ddd; }
.posting-list li a { display:flex; align-items:center;  padding:15px 0; }
.posting-list li a .info { flex:1; margin-right:15px; }
.posting-list li a .info .subj {font-size:20px; font-weight:600; line-height:1.4; }
.posting-list li a .info .etc { display:flex; align-items:center; font-size:14px; margin:5px 0; }
.posting-list li a .info .etc .label { padding:0 10px; height:20px; line-height:20px; border-radius:20px; background:#813939; font-size:12px; color:#fff;  margin-right:15px;  }
.posting-list li a .info .write { font-size:14px; color:#999; }
.posting-list li a .info .write  span { margin-right:5px; }
.posting-list li a .img img { width:100px; height:100px;} 


.mobile-tabs { display:flex; margin:0 -5px 20px; position:relative;}

.mobile-tabs:before {content:''; position:absolute; left:0; right:0;bottom:0; height:1px; background:#ddd; }
.mobile-tabs a { flex:1; margin:0 5px; height:45px; line-height:43px;font-size:16px; color:#888; text-align:center;  position:relative; }
.mobile-tabs a:before { content:'';position:absolute; left:0; right:0; bottom:0; height:4px; opacity:1;}
.mobile-tabs a.active{ color:#774193;font-weight:600; }
.mobile-tabs a.active:before { background:#774193; }

.btn-top { position:fixed; right:20px; bottom:-40px; width:40px; height:40px; border-radius:100%; background:#aaa url(/img/common/ico_top.png) no-repeat 50% 50%; background-size:20px auto; transition:all 0.5s ease; opacity:0; z-index:100; }
.btn-top.active {bottom:20px;opacity:1; } 

#charge_form .table-list thead th { background:#f9f9f9; }

.fixed-menu { display:none; }

.search-wrap { position:fixed; left:0; top:0; right:0; bottom:0; background:#fff; z-index:1000; }
.search-wrap .head { height:50px; background:#41608f; display:flex; justify-content:space-between; align-items:center; padding:0 12px 0 20px;  } 
.search-wrap .head h2 { font-size:18px; color:#fff; }
.search-wrap .head .btn-close { width:30px; height:50px; font-size:24px; color:#fff; background:none;display:flex; align-items:center; justify-content:center;   }
.search-wrap .search-box { height:50px; border-bottom:1px solid #ccc; position:relative; }
.search-wrap .top-banner + .search-box { padding-left:20px; padding-right:20px; }
.search-wrap .search-box .inp-srch { width:100%; height:49px; border:0; padding-left:15px; font-size:14px; color:#000;  }
.search-wrap .search-box .btn-srch { position:absolute; right:0; top:0; width:50px; height:50px; font-size:24px; color:#222; background:none;display:flex; align-items:center; justify-content:center;}
.search-wrap .body { position:absolute; left:0; right:0; top:100px; bottom:0; overflow:auto; }
.search-wrap .body .list-type1 { padding:0 20px; }
.search-wrap .body .mobile-tabs { margin-left:0; margin-right:0; }
.search-wrap .body .mobile-tabs a { margin:0; }
.search-wrap .body .mobile-tabs:after { display:none; }
.search-wrap .body .mobile-tabs:before { left:0; right:0; }
.search-wrap .last-keyword ul { padding:0 20px; }
.search-wrap .last-keyword ul li { border-bottom:1px solid #ddd; } 
.search-wrap .last-keyword ul li a { padding:8px 0; font-size:14px; color:#888; display:block; }
.search-wrap .logins { display:flex; justify-content:space-between; align-items:center; height:50px; border-bottom:1px solid #ccc; margin-top:-15px; padding:0 20px; }


.mobile { display:none; }
@media all and (max-width:1150px) {

	.header1 .btn-srch { position:absolute; right:0; top:0; width:45px; height:50px; font-size:25px; color:#000; display:flex; align-items:center; justify-content:center;  transform:translateY(0);}

	.profile-wrap .profile .info .desc { font-size:13px; color: #777; margin-bottom: 18px; }
	.desc1 { font-size:12px; margin-bottom:10px;}

	.quest li .q .txt { font-size:12px; line-height:1.2; color:#666; margin-bottom:10px;  }
	.quest li .q strong { font-size:12px; line-height:1.2;}

	.text-box { font-size:12px;line-height: 1.5; }
	.text-box span {
    font-size: 14px;
	}

	.mobile { display:block; }
	.pc { display:none; }

	.board-search { margin-bottom:12px; }
	.board-search .form .inp { width:140px; }
	.board-search .btn-srch { width:60px; height:35px; line-height:34px; font-size:13px; }
	.select { height:35px; padding-left:10px; font-size:13px; }
	.inp { height:35px; padding-left:10px; font-size:13px; }
	.checkbox + em + span { font-size:12px; margin-left:4px; }
	.btn-type0,
	.btn-type1,
	.btn-type2 { height:35px; line-height:34px; font-size:14px; width:100px;}

	.tabs a { font-size:12px; margin-bottom:5px; letter-spacing:-0.5px; padding:0 10px; margin-right:2px;}
	.h3 { font-size:17px; margin-bottom:15px; }


	.table-list thead { display:none; }
	.table-list table,
	.table-list tbody,
	.table-list tr,
	.table-list th,
	.table-list td { display:block; }
	.table-list td { display:none; }
	.table-list td.td_subject { display:block; }
	.table-list td.td_subject a { font-size:14px; font-weight:600; color:#282828; }
	
	.board-view { margin:0 -20px; }
	.board-view .head{ padding:15px 20px; }
	.board-view .head h3 { font-size:18px; margin-bottom: 15px; }
	.board-view .head .info { margin:0 -20px -15px; background: #f7f7f7; padding:12px 0; text-align: center; border-top:1px solid #ececec;  }
	.board-view .head .info dl { font-size:12px; margin: 0;  }
	.board-view .head .info dl + dl { margin-left: 15px; }
	.board-view .body { padding:20px; font-size:13px; }
	.board-view .files { padding:15px 20px; display: block; }
	.board-view .files .tit { width:auto; font-size:13px; text-align: left; margin-bottom: 10px;}
	.board-view .files ul li a { font-size:12px; }

	.board-write table tbody th { padding-left:8px; font-size:13px; }

	/******************************* 로그인(반응형) *******************************/
	.login-wrap { padding: 0; }
	.login-wrap:before { display: none; }
	.login-box { display: block; }
	.login-box .member { width:auto; }
	.member { padding:30px 20px;} 
	.member .list-tabs { position: fixed; left: 20px; top:0; z-index:101;}
	.member .list-tabs  a { font-size:16px; height: 55px; line-height: 54px; }
	.member .orther-login .desc { font-size:11px; }
	.member .inp-member { height: 39px; }
	.member .checkbox-box .checkbox + em + span { font-size:14px; }
	.member .radio + em + span { font-size:12px; }
	.member .checkbox-box .chks .txt { font-size:10px; }
	.member-desc1 {font-size:14px; color: #909090; text-align: left; }
	.member-desc1 img { display: none; }	
	.member-desc1 p { padding: 0; }
	.member-sns { display: block; border: 1px solid #e1e1e1; border-radius:4px;}
	.member-sns a { width:auto; display: flex; justify-content: space-between; align-items: center; border: 0; height: auto; padding:10px 14px;}
	.member-sns a .ico { width:30px; }
	.member-sns a .txt { flex:1; display: flex; justify-content: space-between; align-items: center; }
	/******************************* 로그인(반응형) *******************************/

	body { padding-top:50px; }
	.header1 { position:fixed; left:0; right:0; top:0; height:50px; background:#fff;  z-index:300; border-bottom:1px solid #eee; box-shadow:0 5px 10px rgba(0,0,0,0.1); }
	.header1 .btn-m { display:block; }
	.header1 .inner { height:50px;  }
	/*.header1 h1 a { height:50px; background-size:auto 90px; background-position:0 50%; }*/
	.header1 h1 a { width: 90px; height:17px; content: url(../img/common/logo.png); }
	/*.header1 h1 a { display: block; content: url(../img/common/logo.jpg);     width: 12%; height: 48% text-indent: -9999px; }*/

	.header1 .menu { display:none; }
	.header2 { display:none; }

	.h2 { font-size:20px; margin-bottom:12px; }

	#ctt p {    word-break: break-all;}


	.main-banner { margin-bottom:40px; }
	.main-banner .inner { height:350px; padding-top:90px; }
	.main-banner .swiper-button-prev,
	.main-banner .swiper-button-next { display:none; }
	.main-banner .swiper-pagination { text-align:center; }
	.main-banner .t1 { text-align:center; font-size:15px;  }
	.main-banner .t2 { font-size:54px; text-align:center; }
	.best-slider { margin-bottom:40px; }
	.best-slider .item { display:block; position:relative; padding:0; }
	.best-slider .item .info { position:absolute; left:10px; top:10px; z-index:2; }
	.best-slider .item .info span{     
				padding: 0 10px;
				height: 20px;
				line-height: 18px;
				border-radius: 20px; 
				font-size: 11px;
				}
	.best-slider .item .photo img { height:auto; width:100%; margin:0; border-radius:0;}
	.best-slider .item .info strong { font-size:20px; margin-bottom:5px; }
	.best-slider .item .info .desc { display:none; }
	.best-slider .item .info .key  {font-size:10px; margin-bottom:20px; }
	.best { margin-bottom:40px;  }
	.best ul { white-space:nowrap; overflow:auto; overflow-y:hidden; margin:0 -20px; padding:0 20px; }
	.banner-main { margin-bottom:0; height:150px; }
	.banner-main .inner { background-position:90% 85%; background-size:80px auto; padding-top:30px;}
	.banner-main .inner .t1{ font-size:15px; }
	.banner-main .inner a { font-size:12px; }

	.list-type1 ul li { width:100%; padding:0 0 15px;  position:relative; }
	.list-type1 ul li a { display:flex; ; }
	.list-type1 ul li a .photo { height:auto; width:60%; flex:0 0 60%;  }
	.list-type1 ul li .type {font-size:10px; 	padding: 0 2px;    height: 15px;    line-height: 15px;    border-radius: 4px;	 }
	.list-type1 ul li a .photo .type { left:5px; top:5px; }
	.list-type1 ul li a .photo .type + .type { left:30px; }
	.list-type1 ul li a .pc { display:block; }
	.list-type1 ul li a .status { 	height: 15px;    line-height: 15px;    border-radius: 4px;	right:3px; bottom:3px; padding:0 2px; font-size:10px !important; }	
	.list-type1 ul li a .info .name { position:static; }
	.list-type1 ul li a .info .name .status { bottom:inherit; top:5px; left:calc(60% + 5px); }
	.list-type1 ul li a .photo img{	max-width: 130%;	width:100%;    /*margin-left: -15%;*/	}
	.list-type1 ul li a .info { padding:5px; display:flex; flex-direction:column; justify-content:center; flex:1; }
	.list-type1 ul li a .info .name { font-size:14px; letter-spacing:-0.5px; margin-bottom:0;  }
	.list-type1 ul li a .info .key { font-size:10px;    margin-bottom: 0; line-height:16px;}
	.list-type1 ul li a .info .key span { line-height:16px; height:16px; font-size:10px; padding:0; }
	.list-type1 ul li a .info .desc { font-size:11px; padding:0; margin-bottom:3px;  overflow-y:hidden;border:0px;}
	.list-type1 ul li a .info .desc p { height:14px; }
	.list-type1 ul li .etc.pc { display:none; }
	.list-type1 ul li .etc .grade { font-size:12px; }
	.list-type1 ul li .etc .rv{  font-size:12px; }
	.list-type1 ul li .etc .rv strong {		border-radius:5px;		margin-right: 3px;		height: 15px;		min-width: 15px;		font-size: 10px;		line-height: 15px;	}
	.list-type1 ul li .foot { height:30px; display:flex; justify-content:flex-end;align-items:center; }
	.list-type1.type-new ul { margin:0; }
	.list-type1.type-new ul li .foot .type { display:none; }
	.list-type1.type-new ul li .etc .rv strong  { margin-right:0; }
	.list-type1.type-new  ul li a { display:flex; border-radius:0; box-shadow:none; }
	.list-type1.type-new ul li a .photo { width:60%; flex:0 0 60%; }
	.list-type1.type-new ul li  {border-bottom:1px solid #ddd; margin-bottom:15px;}
	.list-type1.type-new ul li a .info {justify-content:flex-start; padding-right:0; padding-left:10px; padding-top:0;}
	.list-type1.type-new ul li a .photo { border-radius:8px; }
	.list-type1.type-new ul li a .photo img { }
	.list-type1.type-new ul li .foot { padding-top:10px; }
	.list-type1.type-new  ul li .foot .type { height:20px; line-height:20px; padding:0 7px; font-size:12px; }
	.list-type1.type-new  ul li a .info .name .status { left:calc(60% + 10px); top:inherit; bottom:15px; width:calc(40% - 10px); background:#75a247; text-align:center; font-size:12px !important; color:#fff; height:25px; line-height:24px;}
	.list-type1.type-new ul li a .status:before { width:25px; height:25px; background:url(/img/common/ico_tel.png) no-repeat 50% 50%; background-size:auto 13px; vertical-align:middle; margin:-3px 5px 0 0 ;}
	.list-type1.type-new ul li a .info .name .status.off { background:#ccc; }
	.list-type1.type-new ul li a .info .name .status.off:before { display:none; }
	.list-type1.type-new ul li a .info .name .status.ing { background:#eb9d34; }
	.list-type1.type-new ul li a .info .name .status.ing:before { display:none; }

	

	.head-h2 .more { /*display:none;*/ }
	.head-h2 .more a { font-size:13px; }	
	.review-list ul{  display:block; margin:0;  }
	.review-list ul li { width:auto; margin:0 0 15px; }
	.review-list ul li .item { padding:15px;  }
	.review-list ul li .item .name strong { font-size:17px; }
	.review-list ul li .item .txt { font-size:13px; line-height:1.6; -webkit-line-clamp:5; }
	.review-list ul li .item .etc { position:static; margin-top:15px; }
	.review-list ul li .item .date { font-size:12px; }
	.review-list ul li .item .grade { font-size:12px; }
	
	.review-list.full ul li .item { padding:20px; }
	.review-list.full .replay .rtext { font-size:13px; }


	.more-btn {margin:20px 0 40px; }
	.more-btn a { padding:0 30px; height:35px; line-height:33px; font-size:13px; }
	.bottom-banners { display:block; }
	.bottom-banners a { display:block; width:auto; padding:30px 20px; background-position:right 100%; background-size: auto 90%; margin-bottom:10px; }
	.bottom-banners a strong { font-size:25px; }
	.footer1 { margin-top:50px;}
	.footer1 a { font-size:12px; line-height:40px; margin:0 5px; }
	.footer1 .sns { right:20px; }
	.footer1 .btn-sns img { width:25px; }
	.footer2 { padding:20px 0 30px; }
	.footer2 .inner { display:block; }
	.footer2 .info .logo { margin-bottom:10px; }
	.footer2 .info .logo img { height:25px; }
	.footer2 .cs { padding:0; margin-top:10px; border-left:0; }

	.sub-head .inner { padding:50px 20px;  background-size:cover; text-align:center; }
	.sub-head .t1 { font-size:14px; margin-bottom:0; }
	.sub-head .t2 { font-size:35px; }
	.sub-wrap { padding:20px 0; }
	.profile-wrap { margin-top:30px; }
	.profile-wrap .profile { display:block;  margin-bottom:40px;}
	.profile-wrap .profile .photo { width:auto; padding-right:0; }
	.profile-wrap .profile .photo .swiper-slide { padding-bottom:84%;position:relative; overflow:hidden; }
	.profile-wrap .profile .photo .swiper-slide  img { position:absolute; left:0; object-fit:cover; bottom:0; width:100% ; height:100%; max-width:inherit; }
	/*.profile-wrap .profile .photo .swiper-slide  img { position:absolute; left:50%; bottom:0; width:130%; transform:translateX(-50%);max-width:inherit; }*/
	.profile-wrap .profile .info { width:auto; margin-top:20px; }
	.profile-wrap .profile .info .head .name { font-size:22px; }
	.profile-wrap .profile .info h3 { font-size:14px; }
	.profile-wrap .profile .info .key { font-size:13px; margin-bottom:18px; }
	.profile-wrap .profile .info .btns { display:block; }
	.profile-wrap .profile .info .btns a { width:auto;display:block;margin-bottom:5px; background-position:90% 50%; }
	.profile-wrap .views { display:block; margin-bottom:40px; max-width:100%; padding-right:0; }
	.profile-wrap .views .left { width:auto; padding-right:0; margin-bottom:20px; }
	.profile-wrap .views h3 { font-size:25px; margin-bottom:35px; }
	.profile-wrap .views .left .text { font-size:14px; margin-bottom:30px; }
	.profile-wrap .views .right { width:auto; }
	.profile-wrap .profile .info .head .etc .rv { display:block;text-align:center; }
	.profile-wrap .profile .info .head .etc .rv span {display:block; }
	.profile-wrap .profile .info .head .etc .rv strong { margin-left:0; }
	.profile-wrap .profile .info .head .etc .grade { text-align:center; }
	.profile-wrap .profile .info .head .etc .grade span { display:block; font-size:12px;}



	.customer { display:block; }
	.customer .aside { width:auto; margin-right:0; text-align:center; margin:0 -20px 30px;}
	.customer .aside a { display:inline-block; vertical-align:middle; font-size:12px;  margin:0 2px 8px; position:relative; }
	.customer .aside a:before {content:''; position:absolute; left:0; right:0; bottom:-4px; height:3px; background:#222; opacity:0; }
	.customer .aside a.active:before{ opacity:1; }

	.tabs2 a { padding:0 6px ; margin-bottom:5px; font-size:12px; margin-right:2px; }
	.faq .q { padding:15px 30px 15px 50px; font-size:15px; }
	.faq .q .tit { left:10px; top:10px; font-size:23px; }
	.faq .a { padding:15px 15px 15px 50px; font-size:13px; }
	.faq .q:before { right:10px; top:18px;  }
	.faq .q.active:before { top:24px; }

	.guide li strong { font-size:25px; }
	.guide li { padding-left:50px; }
	.guide li .box div{ font-size:12px; }
	.counseolor { height:auto; padding:40px 20px 80px; margin:30px 0;position:relative; }
	.counseolor:before {content:''; position:absolute;left:0;right:0;bottom:0;height:90%; background: linear-gradient(180deg, rgba(129,57,57,0) 0%, rgba(129,57,57,1) 100%);}

	.counseolor .box { position:relative; z-index:2;left:0;top:0; right:inherit;  }
	.counseolor .box .t1 { font-size:20px; margin-bottom:10px; }
	.counseolor .box .t2 { font-size:14px; margin-bottom:10px; }
	.counseolor .box .t3 { margin-bottom:20px; }
	.counseolor .box .t3 div { margin-right:15px; }
	.counseolor .box .t3 div p { font-size:13px; }
	.counseolor .box .t3 div strong{ font-size:15px; }
	.counseolor .box .t4 { font-size:12px; }


	.table-list2 table thead th { font-size:13px; padding:10px 3px; }
	.table-list2 table tbody td { font-size:11px; padding:8px 3px; letter-spacing:-0.5px; }
	.pay-box { display:block; padding-bottom:0; margin-bottom:30px; }
	.pay-box .box { width:auto; margin-bottom:30px; }
	.pay-box .tit { font-size:15px; }

	.table1 table colgroup { display:none; }
	.table1 table thead th,
	.table1 table tbody td,
	.table1 table tbody th { padding:10px; font-size:12px; }
	
	/*.table1.scroll-type:before { content:'Scroll Right > > '; position:absolute; transform:translateY(-30px); right:20px; display:block; text-align:right; margin-bottom:10px; }*/
	.table1.scroll-type { overflow:auto; padding-top:30px; }
	/*.table1.scroll-type table {width:700px; }*/
	.table1.mobile-block table tbody th,
	.table1.mobile-block table tbody td { padding:7px 3px; font-size:11px;  }
	.table1.mobile-block .checkbox + p span { font-size:12px; margin-left:0; }
	/*
	.table1.mobile-block { }
	.table1.mobile-block table,
	.table1.mobile-block table tbody,
	.table1.mobile-block table tr,
	.table1.mobile-block table th,
	.table1.mobile-block table td { display:block; }
	.table1.mobile-block table th { text-align:left;padding-left:10px; }
	.table1.mobile-block table tbody th,
	.table1.mobile-block table tbody td{ border-right:0; }
	*/

	.writer .img { width:100px; margin-right:10px; }
	.writer .info .name{ font-size:14px; }
	.writer .info .txt { font-size:12px; }

	.counseolor2 { font-size:12px; }	
	.counseolor2 .t1 { font-size:14px; }

	.posting-list li a { padding:10px 0; }
	.posting-list li a .info .subj {font-size:15px; }
	.posting-list li a .info .etc { font-size:12px; margin:3px 0; }
	.posting-list li a .info .write { font-size:12px; }
	.posting-list li a .img img { width:70px; height:70px; }


	
	.is-sticky .mobile-tabsbox { width:100%; left:0; z-index:100;background:#fff;}
	.is-sticky .mobile-tabs { margin-bottom:0; }

	.top-banner { background:url(/img/common/bg_top_banner_m.jpg) no-repeat 50% 50%; background-size:cover; height:50px; }
	.top-banner span { font-size:14px; }
	.top-banner a { }
	.main-btns {margin:-10px -5px 15px;}
	.main-btns p { width:calc(25% - 10px); flex:0 0 auto; margin:0 5px 10px; }
	.main-btns p a  { font-size:12px; padding:8px 3px; }
	/*.main-btns p a i { width:25px; height:25px; background-size:25px; margin-bottom:7px;}*/

	.main-btns.type2 p { height:74px; }

	.fixed-menu { display:block; height:60px; }
	.fixed-menu nav { position:fixed;left:0;right:0;bottom:0; display:flex; justify-content:space-between; background:#fff; border-top:1px solid #ccc;box-shadow:0 0 10px rgba(0,0,0,0.2); height:60px;align-items:center; z-index:8000;}
	.fixed-menu nav a { flex:1; text-align:center; font-size:13px; color:#444;height:60px;justify-content:center; align-items:center; display:flex; flex-direction:column;}
	.fixed-menu nav a i { font-size:20px;  }
	.fixed-menu nav a.active { background:#813939; color:#fff; }
	.btn-top.active  { bottom:70px; }

	.best-ps span { font-size:12px;margin-right:5px; flex:0 0 90px;  }
	.best-ps p { font-size:12px; }

	.mobile-tabs:after {content:''; position:absolute; left:-15px; right:-15px;top:-5px; height:5px; background:#ddd; }
	.mobile-tabs:before { left:-15px; right:-15px; }
	.mobile-tabs a { font-size:14px; }

}



/******************************* 할인상담 결제 JJR *******************************/
.sub-h3 { font-size:32px; font-weight: 600; font-family: 'Poppins', 'nq'; color: #222; padding-bottom: 15px; margin-bottom: 30px; border-bottom: 1px solid #222; }
.sub-h3:before { content: ''; display: inline-block; vertical-align: middle; width:30px; height: 30px; border: 10px solid #8854d0; margin:-4px 10px 0 0;  border-radius:100%; }
.description1 { padding-bottom: 30px; margin-bottom: 40px; border-bottom: 1px solid #ddd; }
.description1 strong { display: block; font-size:30px; line-height:1.4; color: #222222; margin-bottom: 14px; }
.description1 p { font-size:17px; color: #888; line-height: 1.5; }
.description1 p b { color:#222; }


.step-box { text-align: center; font-size:0; display: flex; justify-content:center; clear:both; margin:0 -10px; }
.step-box .article > div { display: flex; width:280px; height: 240px; justify-content:center; align-items: center; border-radius:5px;  background: #f2f2f2; margin:0 50px; position: relative; overflow:hidden; }
/*
.step-box .article + .article:before { content: '\e90b'; font-family:xeicon; position: absolute;left: 0; top:50%; width:58px; height: 58px; margin: -28px 0 0 -38px; background:#fff; border-radius:50%; line-height:56px; font-size:2rem; font-weight:100; }
*/
.step-box .article > div { flex: 1; }
.step-box .article img { max-height:60px; max-width:90px; }
.step-box .article .num { position:absolute; right:-5px; bottom:-10px; margin-bottom:0;line-height:1;font-size:90px; font-weight:700; opacity:0.1; }
.step-box .article div div { font-size:24px; line-height: 1.2; color: #777; margin:10px 0; }
.step-box .article p { font-size:17px; line-height: 1.5; font-weight:300; }
.step-box .article .box strong{ font-size:25px; font-weight:700; color:#222; }
.step-box .article .box  a { color:#774193; text-decoration:underline !important; }
/*.step-box .article:nth-child(1) { background: #0fb9b1; }
.step-box .article:nth-child(2) { background: #2d98da; }
.step-box .article:nth-child(3) { background: #3867d6; }
.step-box .article:nth-child(4) { background: #8854d0; }
.step-box .article:nth-child(1) { background: #FC427B; }
.step-box .article:nth-child(2) { background: #0fb9b1; }
.step-box .article:nth-child(3) { background: #8854d0; }
.step-box .article:nth-child(4) { background: #f7b731; }
*/
@media all and (max-width:1200px) {
	.step-box { margin:0;  display:block; }
	.step-box .article > div { width:100%; margin:0 0 20px; }
	.step-box .article .box strong { font-size:23px; }
	.step-box .article p { font-size:15px; }
	
}


.board-title { margin:0 0 30px; width:100%; position:relative; }
.board-title strong { display: inline-block; position: relative; z-index: 2; background:#fff; padding: 0 15px; font-size:24px; color: #222; line-height:1; border-left: 3px solid #8854d0; border-right: 3px solid #8854d0; }
.board-title:after {content:''; display: block; position: absolute; top: 11px; width: 100%; height: 1px; border-top:1px dashed #666; }

/* table */


.table { width: 100%; max-width: 100%; background-color: transparent; }
.table-responsive { display: inline-block; width: 100%; overflow-x: auto; }
.table td, .table th { padding: .75rem; vertical-align: middle !important; border-top: 1px solid #eee; }
.table tbody tr:hover { background-color:rgba(0,0,0,.025); }
.table tbody tr:last-child { border-bottom: 1px solid #eee; }
.table td .tit { font-weight:500; position:relative; }
.table td .dept { color:#aaa; }
.table strong { color: #a55eea; font-weight: 700; }
.table b { font-weight: 600; }
.table thead { border-bottom:2px solid #eee; }
.table tfoot { border-top:2px solid #eee; }
.table tfoot td { font-weight:500; }
.table-style { width: 100%; max-width: 100%; background-color: transparent; }
.table-style .tr_wrap { width: 100%; display:flex; flex-wrap:wrap; }
.table-style .tr_wrap:last-child { border-bottom: 1px solid #eee; }
.table-style .tr_wrap .tr { display:flex; width:100%; padding:.75rem 1rem; border-top: 1px solid #eee; align-items:center; }
.table-style .tr_wrap .tr:hover { background-color:rgba(0,0,0,.025); }
.table-style .tr_wrap .tr.col2 { width:50%; }
.table-style .tr_wrap .tr.col3,
.table-style .tr_wrap .tr.col6 { width:33.3333%; }
.table-style .tr_wrap .tr.col4 { width:25%; }
.table-style .tr_wrap .tr .th { width:6em; font-weight:600; display:flex; align-items:center; }
.table-style .tr_wrap .tr .td { width:calc(100% - 6em); }
.table-style .tr_wrap .tr .td p + p { margin-top:10px; }
.table-style .tr_wrap .tr .td p.inline  + p.inline  { margin-top:0; margin-left:1rem; }
.table-style .tr_wrap .tr .td p.inline { display:inline-block; margin-top:5px; }

#charge_form .table td { text-align:center; }

@media only screen and (max-width: 1200px){
	.table th,
	.table-style .tr_wrap .tr .th { font-size:14px; }
	.table td,
	.table-style .tr_wrap .tr .td { font-size:13px; }

	.description1 strong { font-size:20px; }
	.description1 p { font-size:14px; }
}
@media only screen and (max-width: 1000px){
	.table td .dept { display:block; }
	.table-style .tr_wrap .tr.col4,
	.table-style .tr_wrap .tr.col6 { width:50%; }
}
@media only screen and (max-width: 770px) {
	.table td, .table th { padding: .5rem; }
	.table td .dept { display:none; }
	.table-style .tr_wrap { display:block; }
	.table-style .tr_wrap .tr { width:100% !important; }
	.table-style .tr_wrap .tr { padding: .5rem; }
	.table-style .tr_wrap .tr .td p.inline  + p.inline  { margin-top:10px; margin-left:0; }
	.table-style .tr_wrap .tr .td p.inline { display:block; margin-top:0; }
}

.sub-box .check { margin-bottom:20px; }
.sub-box .check > li { font-size:16px; color: #222; font-weight:500; line-height: 1.5; margin-left:17px; word-break:keep-all; }
.sub-box .check > li + li { margin-top:5px; }
.sub-box .check > li:before { content:'\e928'; font-family:'xeicon'; color:#a55eea; margin-left:-17px; padding-right:5px; }
.sub-box .check > li em { color: #a55eea; }


/* form */

.pop_layer input, .pop_layer textarea, .pop_layer button,
.table input, .table textarea, .table button { -webkit-appearance: none; -moz-appearance: none; appearance: none; }

.star-ratings { display:inline-block; color: #f7b731; position: relative; width: fit-content; -webkit-text-fill-color: transparent; -webkit-text-stroke-width: 0.02em; -webkit-text-stroke-color: #f7b731; }
.star-ratings-fill { color: #f7b731; padding: 0; position: absolute; z-index: 1; display: flex; top: 50%; left: 0; overflow: hidden; transform:translateY(-50%); -webkit-text-fill-color: #f7b731; }
.star-ratings-base { padding: 0; z-index: 0; }

.form-control { display: block; padding: 0.5rem 0.75rem; font-size:1em; line-height: 1.25; color: #495057;
	background-color: #fff; border-radius: 2px; border: 1px solid #cccccc; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; }
.form-control:hover,
.form-control:focus { border: 1px solid #8854d0; }
.select-box { position:relative; display:inline-block; }
.select-box .form-control { padding-right:25px; }
.select-box:before { content:'\e936'; font-family:'xeicon'; position:absolute; right:5px; font-size: 16px; line-height:1; top:50%; transform:translateY(-50%); }

.pop_layer input[type="checkbox"],
.table input[type="checkbox"],
	.checkbox { width:16px !important; height:16px !important; vertical-align:-2px; margin:0 !important; padding:0 !important; font-size:11px !important; background-color:#fff; border:solid 1px #c6c6c6; position:relative; }
.pop_layer input[type="checkbox"]:before,
.table input[type="checkbox"]:before,
	.checkbox:before { content:'\e928'; font-family: "xeicon"; position:absolute; top:-0.1em; left:0.15em; color:#fff !important; font-weight:bold; opacity:0; transform: scale(0.5); transition:all 0.2s ease; }
.pop_layer input[type="checkbox"]:checked,
.table input[type="checkbox"]:checked,
	.checkbox:checked { border-color: #8854d0 !important; background-color: #8854d0 !important; }
.pop_layer input[type="checkbox"]:checked:before,
.table input[type="checkbox"]:checked:before,
	.checkbox:checked:before { opacity:1; transform: scale(1); }
.pop_layer input[type="checkbox"] ~ label,
.table input[type="checkbox"] ~ label,
	.checkbox ~ label { margin-left:4px; }
.pop_layer input[type="radio"],
.table input[type="radio"],
	.radiobtn { width:18px !important; height:18px !important; vertical-align:middle; margin:0 !important; padding:0 !important; background-color:#fff !important; border:solid 1px #c6c6c6 !important; border-radius:9px; position:relative; }
.pop_layer input[type="radio"]:before,
.table input[type="radio"]:before,
	.radiobtn:before { content:''; position:absolute; top:4px; left:4px; width:8px; height:8px; border-radius:6px; background:#fff; opacity:0; transform: scale(0.5); transition:all 0.2s ease; }
.pop_layer input[type="radio"]:checked,
.table input[type="radio"]:checked,
	.radiobtn:checked { border-color: #8854d0 !important; background-color: #8854d0 !important; }
.pop_layer input[type="radio"]:checked:before,
.table input[type="radio"]:checked:before,
	.radiobtn:checked:before { opacity:1; transform: scale(1); }
.pop_layer input[type="radio"] ~ label,
.table input[type="radio"] ~ label,
	.radiobtn ~ label { margin-left:4px; }

@media all and (max-width:1000px) {
	.form-control { font-size:14px !important; padding:0.5rem; }
	.select-box:before { font-size:18px; margin-top:-1px; }
}
/******************************* 할인상담 결제 JJR *******************************/


/******************************* 후기코멘트 JJR *******************************/
/* layer popup */

.dim_layer_popup { display: inline-block; }
.dim_layer_pop { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 400; background-color: rgba(0,0,0,0.5); transition:all .2s; }
.dim_layer_pop .pop_layer { position:relative; top: 50%; left: 50%; width: calc(100% - 40px); max-width:900px; background:#fff; transform:translate(-50%,-50%); z-index: 200; padding: 40px 30px; padding-right:0; }
.dim_layer_pop .pop_layer .comment_form { padding-right:30px; }
.pop_layer .layer_close_btn.x_btn { position:absolute; top:-15px; right:-15px; z-index:102; }
.pop_layer .layer_close_btn.x_btn button{ display:flex; align-items:center; justify-content:center; width:40px; height:40px; border-radius:50%; background-color:#8854d0; font-size:16px; color:#fff; transition: background ease-in 0.15s; }
.pop_layer .layer_close_btn.x_btn button:hover,
.pop_layer .layer_close_btn.x_btn button:focus,
.pop_layer .layer_close_btn.x_btn button:active { background:#a55eea; }
/*
.pop_layer .tit { font-family: 'nq'; font-size: 24px; font-weight: 600; text-align: center; line-height: 1.4; margin-bottom: 15px; }
.pop_layer .cont { color: #777; line-height: 1.8; }
.pop_layer .cont em { font-weight: 300; }
*/
.dim_layer_pop .pop_layer dt { font-size:16px; font-weight:700; margin-bottom:7px; }
.dim_layer_pop .pop_layer dd{ margin-bottom:10px; }
.pop_layer .btn-group { margin-top:30px; text-align:center; }
.pop_layer .btn-view { display: inline-block; padding:8px 30px 9px; border: 1px solid #303548; /*border-radius:30px;*/ background-color:transparent; font-size:16px; color: #303548; font-weight:400; transition: all 0.3s ease }
.pop_layer .btn-view:hover,
.pop_layer .btn-view:focus,
.pop_layer .btn-view:active { border-color:transparent; color: #fff; background:#45aaf2;  }
.pop_layer .btn-view + .btn-view { margin-left:5px; }
@media all and (max-width:1000px) {
	.dim_layer_pop .pop_layer { padding: 20px; padding-right:0; }
	.dim_layer_pop .pop_layer .comment_form { padding-right:20px; }
	.pop_layer .layer_close_btn.x_btn { top:-10px; right:-10px; }
	.pop_layer .layer_close_btn.x_btn button{ width:30px; height:30px; font-size:14px; }
	.pop_layer .btn-group { margin-top:20px; }
	/*
	.pop_layer .tit { font-size:18px; }
	.pop_layer .cont { font-size:14px; line-height:1.6; }
	*/
	.pop_layer .btn-view { font-size:14px; padding: 8px 10px 9px; }
	
	.sub-box .check > li { font-size:13px; } 
	.pg_page,
	.pg_current { width:24px; height:24px; font-size:12px; margin:0 1px; line-height:22px; min-width:inherit; padding:0; }
}
@media all and (max-height:800px) {
	.dim_layer_pop .pop_layer .comment_form { max-height:75vh; overflow-y:scroll; }
}

.opt_comment > div { display: none; position: absolute; width:70px; left: 50%; margin-left: -25px; top:100%; background: #fff; border: 1px solid #ccc; border-top:2px solid #222; z-index:1; }
.opt_comment > div > ul > li > a { display: block; font-size:13px; color: #777; padding:5px 0; text-align: center; transition: all 0.5s ease; }
.opt_comment > div > ul > li > a:hover { background: #f2f2f2; color: #222;  }


/******************************* 후기코멘트 JJR *******************************/

/******************************* 결제완료 JJR *******************************/
.pay_div { width:100%; margin: 0 auto; padding: 0 10px 100px 10px; }
.pay_div .title { position: relative; max-width:640px; vertical-align: middle;  font-size: 32px; letter-spacing: -2px; font-weight: 700; margin:0 auto; margin-bottom:20px; }
/* .pay_div .title:before { content: ''; position: absolute; left: 0; bottom:0; height: 1px; width:100%; background: #0056a3; } */
.pay_div table { width:100%; max-width:640px; margin:0 auto; border-top:2px solid #222; }
.pay_div table tbody tr { border-bottom:1px solid #efefef; }
.pay_div table tbody tr th, .pay_div table tbody tr td { height: 50px; padding:8px 10px; font-family:'noto';font-size:15px; }
.pay_div table tbody tr th { font-family:'noto'; font-weight: 500; color: #000; letter-spacing: -0.5px; line-height: 1.5; text-align: left; font-size: 15px;background:#f9f9f9;  }
.pay_div table tbody tr td span { line-height:40px; vertical-align:middle; color: #636363; }
.pay_div table tbody .price { font-size: 0.9rem; }
.pay_div table tbody .price .priceview { color:#0056a3; }
.pay_div table mark { background-color: #fff; background-image: linear-gradient(to left, rgba(126,167,226,0.75) 0%, rgba(126,167,226,0.75) 100%); background-repeat: no-repeat; background-size: 100% 0.3em; background-position: 0 88%; }
.pay_div table tfoot tr { border-top:3px solid #efefef; }
.pay_div table tfoot td { text-align:center; padding:20px 0; }
.pay_div .btn { margin:0 auto; }
/******************************* 결제완료 JJR *******************************/


@media all and (max-width:1150px) {
	.priceview_content {font-size: 10px;}
	.pay_div .title { font-size:25px; }
	.pay_div table tbody tr th { font-size:13px; }
	.pay_div table tbody tr td { font-size:13px; }
	
	.sch_last { text-align:center; }
	.sch_last .frm_input { height:35px; width:80px;}
	.sch_last .btn-type0 { width:60px; }
	.sch_last strong { /*display:block;*/ text-align:center;  font-size:15px; margin-bottom:6px;} 

}
@media all and (max-width:374px) {
	.board-search .form .inp { width:120px; margin:0 5px; }
}