@charset "utf-8";
/* --- 공통 --- */

/* 레이아웃 */
html,body	{width:100%; height:100%;min-width:1500px;font-family:'Noto Sans KR', sans-serif;}
#sub_wrap	{width:100%;padding-top:52px}
.w1275 {width:1275px;margin:0 auto;position:relative}

.cont_center	{/*width:1000px;*/width:1275px; margin:0 auto; overflow:hidden;}


/*모바일 상세페이지*/
#contents_m {display:none}

/*top_menu*/
#top_menu	{/*position:fixed; top:0; left:0;*/ overflow:hidden; width:100%; background-color:#222;z-index:1000;height:35px;line-height:35px;border-bottom:1px solid #808080}
#top_menu > div {width:1275px;margin:0 auto}
#top_menu ul li {float:left}
#top_menu ul li:first-child a {padding-left:0}
#top_menu ul li a	{font-family:'Noto Sans KR', sans-serif; color:#fff; letter-spacing:-0.5px; font-weight:200;font-size:13px;padding:0 18px;border-right:1px solid #939393}
#top_menu ul li:last-child a {border-right:0}
#top_menu .top_left {float:left}
#top_menu .top_right {float:right}



#wrapper	{ position:relative;}

/* header */
#header	{width:100%; background-color:#111;z-index:1000;border-bottom:1px solid #808080}
#header .logoArea {height:125px;line-height:125px;border-bottom:1px solid #808080}
#header .logoArea #online_reserv_btn {position:absolute;left:0;top:50%;transform:translateY(-50%)}
#header .header_tel {position:absolute;left:0;top:50%;transform:translateY(-50%);color:#dedede;font-size:28px;letter-spacing:-1px}
#header .header_tel img {margin:-3px 8px 0 0;animation:tel .8s infinite ease-in-out;}
@keyframes tel {
    0%,100% {opacity:0.4}
    50% {opacity:1}
}

#header .logoArea .w1275 div {position:absolute;right:0;top:50%;transform:translateY(-50%)}
#header .logoArea .w1275 div a {margin-left:8px}
h1	{text-align:center;}
#header p	{margin-top:40px; text-align:center;}


/*footer*/
#footer {background:url('../../images/footer/footer_bg.jpg') no-repeat center center;background-size:cover;height:498px;width:100%}
#footer .w1275	{position:relative;height:498px}
#footer .w1275 > img {display:block}
#footer .w1275 .footer_text {padding:78px 0 30px}
#footer .copyright .ft_agree {margin:0 0 15px}
#footer .copyright .ft_agree li {position:relative;float: left;display: inline-block;cursor: pointer;font-size: 15px;color:#fff;font-weight:300;padding:0 12px;line-height:1;border-right: 1px solid rgba(255,255,255,0.3);}
#footer .copyright .ft_agree li:first-child {padding-left:0}
#footer .copyright .ft_agree li:last-child {border-right:0}
#footer .copyright	{position:absolute;top:345px;left:0;color:#fff;font-size:14px}
#footer .copyright address	{font-style:normal}
#footer .copyright .copy {margin:10px 0;display:block}
#footer .copyright a {color:#fff;display:block}

#nav_all.on {height:450px;padding-top:53px;box-sizing:border-box}
#nav_all { overflow:hidden; position:absolute; height:53px; z-index:101; width:100%;  background:url('../../images/common/gnb_bg.png') center top; transition:all 0.4s ease; -webkit-transition:all 0.4s ease; }
#nav_all > ul { margin:0 auto; overflow:hidden;width:1275px}
#nav_all > ul:after { display:block; clear:both; content:''; }
#nav_all > ul > li {width:11.875%;float:left;text-align:Center}
#nav_all > ul > li:first-of-type {width:5%}
#nav_all > ul > li > a { font-size:16px; color:#fff; line-height:53px; display:block}
#nav_all > ul > li > .sub_menu { margin-top:10px; }
#nav_all > ul > li > .sub_menu > li { height:37px; line-height:37px; }
#nav_all > ul > li > .sub_menu > li > a { color:#ededed; font-size:15px; transition:all 0.4s ease; -webkit-transition:all 0.4s ease;text-align:center; }
#nav_all > ul > li > .sub_menu > li > a:hover { color:#fe9d33; }
#nav_all > ul > li .intro{margin: 0;width: 159px;height: inherit;background: url('../../images/header/nav/bg.jpg') no-repeat center center;background-size:cover;color: #fff;font-weight: 300;text-align: center;}
#nav_all > ul > li .intro > i{display: -webkit-box;display: -ms-flexbox;display: flex; height: 94px;-webkit-box-align: end;-ms-flex-align: end;align-items: flex-end;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;margin: 0 0 13px;}
#nav_all > ul > li .intro > p.title{font-size: 16px;}
#nav_all > ul > li .intro > p.subTitle{font-size: 12px;line-height: 18px;padding: 0 17px;word-break: keep-all; margin-top:0}

/*진료예약팝업*/
html#pop_on {overflow: hidden;}
#appo {display: none;width: 840px!important;height: 590px!important;position: fixed;left: 50%;top: 180px;margin-left: -420px!important;background: url(../img/common/appo/bg.png);overflow: visible!important;z-index: 1104}
#appo_black {position: fixed;left: 0!important;top: 0!important;width: 100%!important;height: 100%!important;background: rgba(0,0,0,0.2);z-index: 1103;display: none}
#appo .top {height: 60px;padding: 0 24px}
#appo .top h5 {float: left;margin: 12px 0 0}
#appo .top p {float: left;margin: 28px 0 0 50px;font-size: 12px;color: #313131;font-weight: 400}
#appo .top .sq_btn {display: inline-block;font-size: 12px;color: #848484;width: 55px;height: 22px;line-height: 20px;background: #fff;text-align: center;border: 1px solid #dcdcdc;box-sizing: border-box;-webkit-box-sizing: border-box;border-radius: 5px;-webkit-border-radius: 5px}
#appo .top .btn_box {float: right;margin: 25px 0 0}
#appo .top .btn_box .fl {float: left;margin: 0 0 0 5px}
#appo .left {float: left;margin: 0 15px 0 24px;width: 511px}
#appo .cbox {float: left;background: #fff;border-radius: 10px;-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.5);box-shadow: 0 0 10px rgba(0,0,0,0.5);-webkit-box-sizing: border-box;box-sizing: border-box;padding: 15px}
#appo .cbox h5 {font-size: 15px;height: 20px;line-height: 15px;color: #555;background: url(../img/common/appo/ck_img.png) no-repeat 0 1px;padding: 0 0 8px 20px;font-weight: 500}
#appo .cbox2 {float: left;background: rgba(255,255,255,0.4);border-radius: 10px;-webkit-box-sizing: border-box;box-sizing: border-box;padding: 15px;-webkit-box-shadow: 3px 3px 5px rgba(0,0,0,.2);box-shadow: 3px 3px 5px rgba(0,0,0,.2)}
#appo .ap1 {width: 208px;height: 287px;margin: 0 15px 0 0}
#appo .ap1 select {width: 100%;height: 234px;border:1px solid #d7d7d7;font-size: 14px;-webkit-box-sizing: border-box;box-sizing: border-box;outline:none}
#appo .ap2 {position: relative;width: 288px;height: 287px}
#appo .ap2:after {content: '';width: 252px;height: 1px;background: #d7d7d7;position: absolute;bottom: 14px;}
#appo .ap2 .datepicker--buttons, #appo .ap2 .datepicker--time {padding: 6px 4px}
#appo .ap2 .datepicker--day-name {color: #9310be}
#appo .ap2 .datepicker--cell.-selected- {background: #9310be}
#appo .ap2 .datepicker--cell {height: 27px}
#appo .ap3 {width: 100%;height: 208px;margin: 15px 0 0}
#appo .ap3 h6 {font-size: 17px;color: #9310be;margin: 0 0 8px;font-weight: 500}
#appo .ap3 p {font-size: 14px;color: #313131;line-height: 22px;font-weight: 500}
#appo .ap3 p b {color: #9310be;font-weight: 500}
#appo .ap3 p b.b {font-weight: 700}
#appo .ap4 {float: left;width: 266px;height: 510px}
#appo .ap4 .texta {width: 100%;height: 100px;padding: 8px;border: 1px solid #d7d7d7;-webkit-box-sizing: border-box;box-sizing: border-box;overflow-y: auto;font-size: 13px;line-height: 18px;background: #f9f9f9;margin: 0 0 10px;font-family: inherit;resize: none}
#appo .ap4 .ck-r {float: right;font-size: 14px;height: 14px}
#appo .ap4 .ck-r input {vertical-align: top;margin: 2px}
#appo .ap4 .ap_tbl {width: 100%;margin: 0 0 3px}
#appo .ap4 .ap_tbl th {font-size: 13px;width: 55px;text-align: left;vertical-align: middle}
#appo .ap4 .ap_tbl td {line-height: 22px;padding: 1px 0;font-size: 13px}
#appo .ap4 .ap_tbl td input[type="text"] {padding: 0 7px;height: 22px;border: 1px solid #aaa;-webkit-box-sizing: border-box;box-sizing: border-box;margin: 0;display: block;font-size: 13px}
#appo .ap4 .ap_tbl .border_none {border: 0!important}
#appo .ap4 .ap_tbl .time_rtv {position: relative}
#appo .ap4 .ap_tbl .time_rtv #time_pk:focus + .time_help,
#appo .ap4 .ap_tbl .time_rtv #time_pk:active + .time_help,
#appo .ap4 .ap_tbl .time_rtv #time_pk:hover + .time_help {opacity: 1;right: -100%}
#appo .ap4 .ap_tbl .time_help { position: absolute;top: 0;right: -110%;border: 1px solid #ddd;border-radius: 5px;background: #fff;padding: 5px;opacity: 0;-webkit-transition: .3s;transition: .3s}
#appo .ap4 .ap_tbl .time_help h3 { font-weight: 500;color: #01676d;}
#appo .ap4 .ap_tbl .time_help p {}
#appo .ap4 .ads {}
#appo .ap4 .ads input[type="text"] {display: inline-block!important;vertical-align: top;margin-bottom:3px!important}
#appo .ap4 .ads input[type="button"] {margin: 2px 0 0 2px;padding: 0 10px;font-family: inherit;font-size: 12px;background: #555;color: #fff;border: 0;font-weight: 300;border-radius: 4px;vertical-align: top;cursor: pointer}
#appo .ap4 #appo_submit {width: 100%;height: 40px;font-size: 15px;font-weight: 500;background: #9310be;color: #fff;line-height: 40px;text-align: center;padding: 0;cursor: pointer;-webkit-box-sizing: border-box;box-sizing: border-box;border-radius: 5px;border: 0}
#appo #appo_close {cursor: pointer}
.ui-timepicker-standard {z-index: 10000!important}

/*ajax complete popup */
.smComplete {opacity: 0;position: fixed;left: 50%;top: 50%;margin: -43px 0 0 -107px;padding: 0 40px;height: 85px;line-height: 85px;white-space: nowrap;color: #fff;font-size: 16px;background: rgba(0,0,0,.8);border-radius: 5px;z-index: 1500}

#kakaoForm {background: #ffeb00;height: 170px}
#kakaoForm .dash {font-style: normal;text-align: center;width: 15px;display: inline-block;font-size: 16px;line-height: 30px;vertical-align: middle}
#kakaoForm .df {position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;padding: 27px 0 0}
#kakaoForm .sjt {width: 350px}
#kakaoForm .form {width: 670px;font-size: 16px;color: #282828}
#kakaoForm .form .f0 {font-size: 0}
#kakaoForm .form th {padding: 5px 0 0;width: 63px;text-align: left;vertical-align: top}
#kakaoForm .form td {padding: 3px 0}
#kakaoForm .form .k_ipt {height: 30px;padding: 0 7px}
#kakaoForm .form .name {width: 130px}
#kakaoForm .form .phone {width: 80px;font-size: 16px}
#kakaoForm .form .subject {width: 270px}
#kakaoForm .form .text textarea {width: 100%;height: 102px;resize: none}
#kakaoForm .submit_wrap {position: absolute;top: 34px;right: 0;}
#kakaoForm .submit {display: block;margin: 0 0 10px;width: 150px;height: 80px;background: #3c1e1e;font-size: 16px;color: #fff;line-height: 22px;font-weight: 500;border: 0}
#kakaoForm .submit_wrap p {font-size: 13px;color: #3c1e1e;font-weight: 500}
#kakaoForm .submit_wrap b {cursor: pointer}
#kakaoForm .submit_wrap input[type="checkbox"] {width: 15px;height: 15px;vertical-align: middle;margin: 0 5px 0 0}
#kakaoForm .kakao_admin {position: absolute;right: 160px;top: 34px;width: 70px;height: 80px;background-color: #333;color: #fff; text-align: center;padding-top: 20px;font-size: 13px;}

/*footer*/
#footer .cont_center p {position:absolute;bottom: 70px;left: 341px;color: #fff;font-size: 13px;}
#footer .cont_center p a {color:#fff}


/*네비게이션*/
#nav.on {height:303px}
#nav { overflow:hidden; position:absolute; height:53px; z-index:101; width:100%;  background:url('../../images/common/gnb_bg.png') center top; transition:all 0.4s ease; -webkit-transition:all 0.4s ease; border-bottom: 1px solid #808080;}
#nav > ul { margin:0 auto; overflow:hidden;width:1275px}
#nav > ul:after { display:block; clear:both; content:''; }
#nav > ul > li {width:11.875%;float:left;text-align:Center}
#nav > ul > li.menu00 {width:5%}
#nav > ul > li > a {position:relative; font-size:16px; color:#fff; line-height:53px; display:block}
#nav > ul > li > a::after{content:""; position:absolute; width:0; height:3px; left:50%; bottom:0px; background-color:#fe9d33; -webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;}
#nav > ul > li.menu00 > a::after {display:none}
#nav > ul > li:hover > a::after{left:0; width:100%;}
#nav > ul > li > div.Wrap{display: none;position: absolute;left: 0;width: 100%;height: 250px;background: #ffffff00;border-bottom: 1px solid #ccc;}
#nav > ul > li > div.Wrap > .contents{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 1275px;
    height: inherit;
    background: #fff;
    margin: 0 auto;
    position:relative;
}
#nav > ul > li > div.Wrap .intro{
    margin: 0;
    width: 159px;
    height: inherit;
    background: url('../../images/header/nav/bg.jpg') no-repeat center center;
    background-size:cover;
    color: #fff;
    font-weight: 300;
    text-align: center;
}
#nav > ul > li > div.Wrap .intro > i{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 94px;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 0 13px;
}
#nav > ul > li > div.Wrap .intro > p.title{
    font-size: 16px;
}
#nav > ul > li > div.Wrap .intro > p.subTitle{
    font-size: 12px;
    line-height: 18px;
    padding: 0 17px;
    word-break: keep-all;
    margin-top:0
}
#nav > ul > li > div.Wrap .sub_menu{
    width: 500px;
    text-align: left;
    padding: 30px 0 0 50px;
}
#nav > ul > li > div.Wrap .sub_menu li{
    margin: 0 0 10px;
    display: inline-block;
    min-width: 120px;
    opacity: 1;
    font-size:14px;
    letter-spacing:-0.5px
}
#nav > ul > li > div.Wrap .sub_menu li a:hover {color:#fe9d33; -webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;}
#nav > ul > li > div.Wrap .imgArea{
    width: 600px;
    font-size: 0;
    position:absolute;
    right:0
}
#nav > ul > li.menu01:hover > div.Wrap{
    display: block;
    overflow: hidden
}
#nav > ul > li.menu02:hover > div.Wrap{
    display: block;
    overflow: hidden
}
#nav > ul > li.menu03:hover > div.Wrap{
    display: block;
    overflow: hidden
}
#nav > ul > li.menu04:hover > div.Wrap{
    display: block;
    overflow: hidden
}
#nav > ul > li.menu05:hover > div.Wrap{
    display: block;
    overflow: hidden
}
#nav > ul > li.menu06:hover > div.Wrap{
    display: block;
    overflow: hidden
}
#nav > ul > li.menu07:hover > div.Wrap{
    display: block;
    overflow: hidden
}
#nav > ul > li.menu08:hover > div.Wrap{
    display: block;
    overflow: hidden
}

#nav .Wrap .contents .intro span {width:30px;height:2px;background-color:#fff;display:inline-block;margin:0 auto 5px}


/*sitemap*/
.sitemap_bg {display:none;position:fixed;top:0;left:0;width:100%;height:100vh;background:rgba(0,0,0,0.7);z-index:99999}
.sitemap_bg #sitemap_wrap {width:850px;height:auto;background-color:#111;padding:70px;box-sizing:border-box;position: absolute;left: 50%;transform: translatex(-50%) translateY(-50%);
top: 50%;}
.sitemap_bg #sitemap_wrap > ul > li {display:block}
.sitemap_bg #sitemap_wrap > ul > li a {float:left}
.sitemap_bg #sitemap_wrap > ul > li .sub_menu {float:left}



@media (max-width: 1125px){
    #contents {overflow:hidden}
    #sub_wrap {overflow:hidden}
    #sub_top {width:150% !important;max-width:150%;margin-left:-25%}
    #sub_contents {overflow:hidden}
    #sub_contents img {max-width:185% !important;width:185%;margin-left:-42.5%}
}


/*팝업*/
#bgBlack_pop {display:none;filter: alpha(opacity=85);opacity: 0.80;-moz-opacity: 0.80;background-color: #000;height: 100vh;left: 0;position: fixed;text-align: left;top: 0;width: 100%;z-index: 1100;}
.pop_all_wrap {position:absolute; width:100%;height:100%; margin:0 auto; text-align:center; z-index:11101; top:130px;}
.pop_all_wrap .pop_allClose {position:absolute;top:-40px;right:300px;color:#fff;cursor:pointer}
.pop_all_wrap .pop_allClose img {margin-top:-5px}
.popwrap {text-align:center; margin:5px; position:relative; float:left; display:none; width:500px;}
.popwrap img{width:100%;}
.close_bo { height:50px;width:100%;background:#000;background-color:rgba(000,000,000,0.5 ); }
.close_bo ul{padding:0; margin:0; overflow:hidden;}
.close_bo a{text-decoration:none;color:#fff}
.close_bo .layer_close_today { float:left; padding:10px 20px; }
.close_bo .layer_close_btn { float:right;width:60px; }
.close_bo .layer_close_today img { width:30px; vertical-align:top;}
.close_txt {  padding-left:10px; color:#a2a2a2; font-size:16px;  line-height:30px; }

.pop_open {position:fixed;bottom:50px;right:30px;z-index:1100;cursor: pointer;animation:float3 2s infinite ease-in-out;}
@keyframes float3 {
    0%,100% {bottom:50px}
    50% {bottom:40px}
}

/*하단광고배너*/

.quickMainEmbedControl{
    position: fixed;
    left:40px;
    bottom:-260px;
    z-index: 1000000;
    /*animation: quickTimeset .7s 5s linear forwards;*/
}

@-webkit-keyframes quickTimeset {
    0% {bottom:-220px}
    100% {bottom:0}
}
@keyframes quickTimeset {
    0% {bottom:-220px}
    100% {bottom:0}
}
.quickMainEmbed{
    position: fixed;
    left: 0px;
    bottom: 0px;
    width: 100%;
    height:101px; 
    z-index: 999;
    transition: .8s;
    background:url('../../img/quickBottom/quickBottom.png') no-repeat center center;
    /*animation: quickTimeset2 .7s 5s linear forwards;*/
}
@-webkit-keyframes quickTimeset2 {
    0% {bottom:0}
    100% {bottom:-210px}
}
@keyframes quickTimeset2 {
    0% {bottom:0}
    100% {bottom:-210px}
}


.quickMainEmbedControl img{
    cursor: pointer;
}
.quickMainEmbedControl img#colose{
    display: block;
}



.quickMainEmbed .quickMainEmbed_wrapper {position:relative;bottom:0;width: 1210px;margin: 0 auto; height:inherit;}

.quickCloseWrap {position: absolute;bottom: 140px;left: -30px;}
.quickCloseWrap img {cursor:pointer}

.quickImgWrap {position:absolute;left:0;bottom:0}
.quickImgWrap .quickBottomImg02 {position:absolute;left:175px;bottom:100px}
.quickImgWrap .quickBottomImg03 {position:absolute;left:175px;bottom:100px;animation:twinkle 1s .5s infinite ease alternate;}
@-webkit-keyframes twinkle {
    0% {opacity:1}
    50% {opacity:0}
    100% {opacity:1}
}
@keyframes twinkle {
    0% {opacity:1}
    50% {opacity:0}
    100% {opacity:1}
}

.quickMainEmbedControl .quickOpen01 {position:absolute;left:10px;bottom:0}
.quickMainEmbedControl .quickOpen02 {position:absolute;left:10px;bottom:0;animation:event .8s infinite ease-in-out;}

@-webkit-keyframes event {
    0%,100% {opacity:0}
    50% {opacity:1}
}
@keyframes event {
    0%,100% {opacity:0}
    50% {opacity:1}
}

.quickBottomlink {position:absolute;left:0;bottom:0;display:inline-block;width:1200px;height:80px}

/*@-webkit-keyframes quickTimeset3 {
    0% {height:155px}
    100% {height:0}
}
@keyframes quickTimeset3 {
    0% {height:155px}
    100% {height:0}
}*/


.cmArea2 {background-color:#efefef;padding:80px 0}
.cmArea2 .w1275 > div {position:relative;float:left;width:33.3333%;padding:0 30px;box-sizing:border-box;height:340px;border-right:1px solid #dbdbdb}
.cmArea2 .w1275 > div:last-child {border-right:0}
.cmArea2 .w1275 > div h5 {font-size:16px;color:#5d5d5d;text-align:center;font-weight:300}
.cmArea2 .w1275 > div h2 {font-size:25px;color:#222;text-align:center;margin-bottom:40px;font-weight:400}
.cmArea2 .w1275 > div:nth-child(3) h2 {margin-bottom:5px}
.cmArea2 .w1275 > div .cm_more {position:absolute;bottom:0;left:30px;width:364px;height:48px;line-height:48px;text-align:center;color:#fff;font-size:17px}
.cmArea2 .w1275 > div:first-child .cm_more {background-color:#fe9d33}
.cmArea2 .w1275 > div:first-child .cm_more:hover {background-color:#ff8500;transition:.2s}
.cmArea2 .w1275 > div:nth-child(2) .cm_more {background-color:#4f9aff}
.cmArea2 .w1275 > div:nth-child(2) .cm_more:hover {background-color:#3080ee;transition:.2s}
.cmArea2 .w1275 > div:last-child .cm_more {background-color:#ff6f84}
.cmArea2 .w1275 > div:nth-child(3) .cm_more:hover {background-color:#f9546c;transition:.2s}
.cmArea2 .w1275 > div:nth-child(3) p {font-size:50px;text-align:center;letter-spacing: -2px;}
.cmArea2 .w1275 > div:nth-child(3) ul {padding:13px 54px 0}
.cmArea2 .w1275 > div:nth-child(3) ul li {font-size:18px;color:#333}
.cmArea2 .w1275 > div:nth-child(3) ul li b {font-weight:400;font-size:14px}
.cmArea2 .w1275 > div:nth-child(3) ul li span {width:95px;display:inline-block}
.cmArea2 .w1275 > div .cm_more img {margin-right:10px;margin-top:-2px}
.cmArea2 .w1275 > div:first-child ul a:hover {color:#ff8500}
.cmArea2 .w1275 > div:nth-child(2) ul a:hover {color:#3080ee}


/* terms */
#terms {position: fixed;z-index: 1103;width: 70%;height: 90%;background: #fff;top: 101%;left: 15%}
#terms .t_group {display: -webkit-box;display: -ms-flexbox;display: flex;height: 55px}
#terms .t_group > li {-webkit-box-flex: 1;-ms-flex: 1;flex: 1}
#terms .t_group > li+li .mn {border-left: 1px solid #ddd}
#terms .mn {position: relative;height: 55px;line-height: 55px;background: #f6f6f6;border-bottom: 1px solid #ddd;text-align: center;font-size: 15px;cursor: pointer;outline: none}
#terms .mn.on {background: #fff;border-bottom: 0;font-weight: 500}
#terms .mn.on:before {content: '';position: absolute;left: 0;top: 0;width: 100%;height: 2px;background: #1a3544}
#terms .cont { display: none;position: absolute;top: 55px;left: 0;right: 0;bottom: 0;padding: 15px 35px 35px;-webkit-transition: opacity .4s;transition: opacity .4s;}
#terms .mn.on+.cont {display: block;}
#terms h5 {font-size: 35px;text-align: center;font-weight: 500;margin: 0 0 20px}
#terms .txt { white-space: pre-line;border: 1px solid #ddd;padding: 20px;font-size: 15px;line-height: 25px;overflow: auto;height: calc(100% - 105px);word-break: keep-all}
#terms_bg {display: none;position: fixed;left: 0;top: 0;right: 0;bottom: 0;width: 100%!important;height: 100%!important;z-index: 1102;background: #000;opacity: 0.7}
#terms_close {opacity: 0;-webkit-transform: scale(0);transform: scale(0);position: absolute;right: -50px;top: 0;cursor: pointer}