/* 상단 메뉴, nav,  사이드 메뉴 */
html.expand body { position:fixed; top:0; left:0; width:100%; }
html.expand #side_bgc {position: fixed; top:0; right:0; width:100%; height:100%;  background:rgba(0,0,0,.7); }


br.mo_none,
img.mo_none {display: block;}
br.pc_none,
img.pc_none {display: none;}
@media (max-width: 768px) {
    br.mo_none,
    img.mo_none {display: none;}
    br.pc_none,
    img.pc_none {display: block;}
}



.header_wrap {  width: 100%; height: 80px; position: fixed;top:0; border-bottom: 1px solid #dfdfdf;background:#fff;  z-index: 999;}
.header_wrap:after {content:""; display:block; clear:both;}
.header_wrap:before {content:""; display:block; height: 79px; width: 100%;  position: absolute; left:0; top:0; }


.header_wrap .head_icon {display: none;}
.header_wrap .header {height: 80px; position: relative; max-width:1200px; margin: 0 auto;}
.header_wrap .header:after {content:""; display:block; clear:both;}
.header_wrap .logo_wrap {width:120px; position: absolute; top: 23px; left:15px; font-size:0; z-index: 10; }
.header_wrap .logo_wrap a {display:block; }
.header_wrap .logo_wrap img {height: 33px;}


.header_wrap .header .nav { text-align: right; padding: 0 15px 0 0;}
.header_wrap .header .nav li {display:inline-block; padding:0 40px; height: 80px; line-height:80px; position:relative; vertical-align: top;}
.header_wrap .header .nav li a {font-size: 1.53rem;  display: block; height: 80px; font-weight: normal; color: #111010; }
.header_wrap .header .nav li a::before {  display: block;   content: attr(title);   font-weight: bold;   height: 0;   overflow: hidden;   visibility: hidden; }

.header_wrap .header .nav li a.active,
.header_wrap .header .nav li a:hover {font-weight: bold; color: #000; }

.header_wrap .header .nav li ul  {display:none; width:200px; min-height: 60px; padding: 15px 0; background:rgba(255,255,255,.9);text-align:center;  position:absolute;  left:50%;  margin-left:-100px; top:80px; font-size:0; z-index:14; }
.header_wrap .header .nav li ul li {display:block;  margin:0 ; padding:0; height:30px; line-height:30px; vertical-align:top;}
.header_wrap .header .nav li ul li a {display:block;  font-weight: normal;}
.header_wrap .header .nav li ul li a.longtxt {letter-spacing:-1px;}
.header_wrap .header .nav li ul li a:hover,
.header_wrap .header .nav li ul li a.active {border-bottom: none;}
.header_wrap .header .nav li:last-child {padding-right: 0;}
.header_wrap .header .nav li ul.snav5 {left:-85px; margin-left:0; }


@media all and (min-width:769px) {
	.header_wrap .header .nav li:hover ul {display:block;}
}

@media (max-width: 1024px) {
	.header_wrap .header .nav li { padding:0 20px; }
	.header_wrap .header .nav li a {}

}

#side_nav .side_hide {display: none;}

@media (max-width: 768px) {
	.header_wrap {height: 50px; }
	.header_wrap .header {height:auto; min-height:50px }
	.header_wrap:before { height: 49px; }

	.header_wrap .logo_wrap  {width: 240px; position: absolute; top: 12px; left: 14px; margin-left: 0; font-size:0;}
	.header_wrap .logo_wrap a {display:block; text-align: left;}
	.header_wrap .logo_wrap img {height: 26px}

	.header_wrap .head_icon {height:30px;  display: block;}

	.header_wrap p.ico_ham {position: absolute; right: 12.5px; top: 14.5px; cursor: pointer; }
	.header_wrap p.ico_ham i {font-size: 25px; }
	.header_wrap p.ico_ham img {height: 15px;}

	.header_wrap .header #side_nav { padding:0 0; width: 85%; height:100%;  max-width: 500px; position: fixed; top:0; right:-100%;  background: #fff;  z-index:900   ; box-shadow:2px 0px 4px rgba(0,0,0,0.30); 
		overflow-y: auto;
	}
	.header_wrap .header .nav {float:none; width:100%; text-align:left; margin:0; position: relative; background: #fff;}
	.header_wrap .header .nav li {display:block; padding:0 0; height:auto; line-height:40px; position:relative; border-bottom: 1px solid #f7f7f7;}
	.header_wrap .header .nav li.havn {}

	.header_wrap .header .nav li a {font-size:15.5px; padding: 0 0 0 15px;  color:#1e1e1e; display: block; height:50px; line-height:50px; font-weight:500 ; border-bottom:none; }
	.header_wrap .header .nav li a.active,
	.header_wrap .header .nav li a:hover {border-bottom:none;}

	.header_wrap .header .nav li.havn > a:after {display: block; position: absolute; right:0; top:0;  width:40px; height:50px; line-height:50px; text-align: center; font-size:15px; content: "  \e941"; font-family:'xeicon'; 	transform: rotate(0deg);transition: transform 120ms 200ms ease-out;}
	.header_wrap .header .nav li.havn.on > a:after {	transform: rotate(-180deg);    transition: transform 120ms ease-in-out;}



	.header_wrap .header .nav li ul  {display:none; width:100%; min-height:40px; height:auto;  padding:5px 0; background: #f9f9f9;text-align:left;  position: relative; left:0;  top:0;  margin-left:0; }
	.header_wrap .header .nav li ul li {display:block;  margin:0 ; padding:0; height:40px; line-height:40px; vertical-align:top; border-bottom:none;}

	.header_wrap .header .nav li ul.snav5 {left:0; margin-left:0; }

	#side_nav .side_hide {display:block;}
	#side_nav .side_logo {padding: 15px 0 10px; text-align: center;}
	#side_nav .side_logo img {height: 23px;}


	#side_nav .btn_side_close {position: absolute; right: 13px; top: 13px; cursor: pointer;}
	#side_nav .btn_side_close i {font-size: 21px;}

}





.rico_wrap {width: 74px; position: fixed; right: 0; top: 80px; z-index: 20; }
.rico_wrap ul {background: #fefffe; }
.rico_wrap ul li {  text-align: center; padding: 19px 0 12px 0;}
.rico_wrap ul li.border {border: 1px solid #dfdfdf;}
.rico_wrap ul li .img img {width: 28px;}
.rico_wrap ul li .img2 img { height: 22px;}
.rico_wrap ul li .img.mobile {display: none;}
.rico_wrap ul li .t {color: #000; font-size: 1.22rem; letter-spacing: -0.068rem; font-weight: bold; margin: 6px 0 0; line-height: 1.23;}

.rico_wrap ul li .link {color: #fefffe; font-size: 1.22rem; letter-spacing: -0.068rem; font-weight: bold; margin: 14px 0 0; line-height: 1.23;}
.rico_wrap ul li .link a {color: #fefffe; display: block; line-height: 1.0; margin: 10px 0 0 0;}
.rico_wrap ul li.tel {background: #827370; color: #ffffff; border-bottom: 0;}

.rico_wrap .goTop {width: 74px; height: 74px; border-radius: 37px; background: #000000; text-align: center; margin: 10px 0; position: fixed; bottom: 0; right: 0}
.rico_wrap .goTop a { color: #fefffe; display: block; padding-top: 20px;}
.rico_wrap .goTop a span {display: block; }



.rico_wrap .kakao { width: 74px; height: 74px;  background: #ffffff; border-radius: 37px; margin: 10px 0 0 0; }
.rico_wrap .kakao span.ico img {width: 100%;}
/*
.rico_wrap .kakao span.ico {width: 44px; display: inline-block; border-radius: 22px; background: #FFE100; text-align: center;}
.rico_wrap .kakao span.ico .xi {color: #000000; font-size: 26px; vertical-align: middle;}
*/

.rico_wrap .open_btn {width: 50px; height: 50px; margin: 0 auto; background: #000; border-radius: 25px; text-align: center; outline: 0;  display: none; }
.rico_wrap .open_btn span {cursor: pointer; display: block; line-height: 50px;  color: #fff; font-size: 20px; transform: rotate(0deg); 	transition: transform 120ms 20ms ease-out; }
.rico_wrap .open_btn.close span {	transform: rotate( 45deg); 	transition: transform 120ms 20ms ease-out; }


.footer_go_btn{    background: #0e0f11;
    color: #fff!important;
    padding: 10px 22px;
    margin-top: 30px;
    text-decoration: none!important;
    display: inline-block;}


@media (max-width: 1024px) {

    .rico_wrap {width: 50px; top: auto; bottom: 30px; right: 15px;}
    .rico_wrap ul {background: transparent; border-top: 0;}

    .rico_wrap ul li { padding: 0 0 5px 0; }
    .rico_wrap ul li.border {border: none;}
    .rico_wrap ul li a {height: 50px; display: block; border-radius: 25px; background: #ffffff; border: 1px solid #dfdfdf;
        padding: 4px 0 0 0;
    }
    .rico_wrap ul li:first-child a {padding: 0 0 0;}
    /*
    .rico_wrap ul li .img img {width: 15px; height: auto;}
    .rico_wrap ul li .t {  font-size: 0.90rem;  font-weight: normal; margin: 3px 0 0; line-height: 1.23;}
    */
    .rico_wrap ul li .img,
    .rico_wrap ul li .t {display: none;}

    .rico_wrap ul li .img.mobile {display: block; }
    .rico_wrap ul li .img.mobile img {width: 100%;}

    .rico_wrap ul li.tel {display: none;}
    .rico_wrap .goTop {display: none;}


    .rico_wrap .kakao { width: 50px; height: 50px; line-height: 15px; background: transparent; border-radius: 25px;   text-align: center;
         padding: 4px 0 0 0; margin: 0 0 5px 0;
    }
    .rico_wrap .kakao a {font-size: 1.0rem; font-weight: normal;  }
    .rico_wrap .kakao span.ico {width: auto; line-height: 1.1; border-radius: 0; text-align: center; display: block; background: transparent; height: auto; }
    .rico_wrap .kakao span.ico .xi {color: #000000; font-size: 18px;  }


    .rico_wrap .rico_conts {display: none;}
    .rico_wrap .open_btn {display: block;}

}






/* 중간 레이아웃 */
.sub_conts {max-width: 1200px; margin: 0 auto; padding: 80px 0 0 0;  position: relative;}
@media (max-width: 768px) {
	.sub_conts {padding: 50px 0 0 0;}
}



/* 하단 */
.tail_wrap { padding: 40px 15px;  background: #827370; color: #ffffff;}
.tail_wrap .tail { padding:0 15px; max-width:1200px;  margin:0 auto; position:relative; font-size: 1.3rem;

}
.tail_wrap .tail .item { }
.tail_wrap .tail .logo_b { padding: 0 0 30px 0;  }
.tail_wrap .tail .logo_b img { height: 30px; }

.tail_wrap .tail .com_info { color: #ffffff; line-height: 1.7; font-size: 1.4rem; margin: 0 0 20px 0; }
.tail_wrap .tail .com_info span { /* display: inline-block; float: left; margin-left: -80px; width: 80px; font-size: 1.6rem;  font-weight: bold; */}

.tail_wrap .tail .site_menu {padding: 0 0 10px ; text-align: left;}
.tail_wrap .tail .site_menu a {color: #fff; display: inline-block; margin-right: 20px;}

.tail_wrap .tail .copyright {padding: 22px 0 0; text-align: center; line-height: 1.1; font-size: 1.2rem; color: #c5c5c5; text-align: center;}

ul.bsns {text-align: right;}
ul.bsns li {display: inline-block; margin-right: 10px;}
ul.bsns li a {display: block; width: 54px; height: 54px; border-radius: 27px; background: #6081c4; text-align: center;}
ul.bsns li a.o {background: #f15a4b;}
ul.bsns li a.c {background: #d50060;}
ul.bsns li a i {font-size: 32px; color: #fff;  line-height: 54px; }


@media (max-width: 768px) {
	.tail_wrap {border-top-width: 7px;}
	.tail_wrap .tail { display: block;	}
	.tail_wrap .tail .item { width: 100%;}
	ul.bsns {text-align: center;}
	ul.bsns li {display: inline-block; margin: 5px;}
	ul.bsns li a {display: block; width: 34px; height: 34px; border-radius: 17px; background: #6081c4; text-align: center;}
	ul.bsns li a i {font-size: 20px; color: #fff;  line-height: 34px; }
	.tail_wrap .tail .logo_b {padding: 30px 0 20px 0;}
	.tail_wrap .tail .logo_b img {height: 26px;}

	.tail_wrap .tail .com_info {   font-size: 1.3rem;}
	.tail_wrap .tail .com_info span { font-size: 1.45rem;}
}






/* sub */

.top_img_wrap { padding: 80px 0 0 0;}

.topImg_about { background: url('../img/top_img_about.jpg') no-repeat 50% 50%; background-size: cover;
    height: 426px; position: relative; overflow: hidden;
}
.topImg_about.img2 { background: url('../img/top_img_02.webp') no-repeat 50% 50%; background-size: cover;}
.topImg_about.img3 { background: url('../img/top_img_03.webp') no-repeat 50% 50%; background-size: cover;}
.topImg_about.img4 { background: url('../img/top_img_04.webp') no-repeat 50% 50%; background-size: cover;}


.topImg_about.bgOpacity:after { content:""; display: block; width: 100%; height: 100%; background:  rgba(0,0,0,0.4); 
	position: absolute; left: 0; top: 0; 
}


.sub_top_area {position: relative; height: 130px; background: #423431; }

.full_body_wrap {background: #ffffff;}

.page_title {color: #313131; max-width: 1200px; margin: 0 auto; padding: 110px 15px 0; position: relative; z-index: 5; }
.page_title h1 {line-height: 1.2; font-size: 3.74rem; font-weight: normal; letter-spacing: -1.5px; margin: 0 0 20px;}
.page_title .pdesc {line-height: 1.2; font-size: 1.76rem; font-weight: 500; color: #666666; font-style: italic; font-family: 'Noto Serif Display';}
.page_title.white { color: #fff;}
.page_title.white .pdesc { color: rgba(255,255,255,0.5);}
.page_title.normal {padding: 36px 15px 0; }
.page_title.normal h1 {line-height: 1.2; font-size: 3.14rem; margin: 0 0 10px;
	color: #fff;
}
.page_title.normal .pdesc { color:  rgba(255,255,255,0.5);}

.page_body_wrap {background: #f9f9f9; position: relative; padding: 10px 20px 100px;}
.page_body {max-width: 1436px; margin: 0 auto; padding: 80px 0; margin-top: -120px; background: #fff;  border: 1px solid #cbcbcb; }
.page_body.noPadding {padding: 0;}
.page_body.noBorder {border: 0; background: transparent;}
.page_body .prx { height: 424px; background: url('../img/about_img_prx.webp') no-repeat 50% 50%; background-size: 90% auto; background-attachment: fixed;
        margin: 75px 0;
}


.page_body_short  { max-width: 1200px; margin: 0 auto; padding: 20px 20px; min-height: calc(100vh - 520px); }

/* baoard*/

.botable_width { max-width: 1200px; margin: 0 auto; padding: 20px 20px; min-height: calc(100vh - 505px); }







/* 첫 페이지  */

.main_sld_wrap {    margin-top: 80px;}
.main_sld_wrap .msld {overflow: hidden; position: relative;}

.msld .swiper-slide { position: relative; text-align: center;
    display: -webkit-box;      display: -ms-flexbox;      display: -webkit-flex;      display: flex;
    -webkit-box-pack: center;      -ms-flex-pack: center;      -webkit-justify-content: center;      justify-content: center;      -webkit-box-align: center;      -ms-flex-align: center;      -webkit-align-items: center;      align-items: center;
}
.msld .swiper-slide a {display:block;height:100%;}
.msld .sldRate { height: 703px;  width: 100%; position: relative;}

.msld .mobImg {display: none;}
.msld .txt { position: absolute; left: 0; width: 100%; bottom: 100px; color: #ffffff; font-size: 5.0rem; z-index: 10;
    padding: 0 20px;
}
.msld .txt p { font-size: 2.0rem; margin: 50px 0 0;}
.msld .bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background:  rgba(0,0,0,0.3); z-index: 1;}
.msld .msld-pagination{position:absolute;left: 50%;transform: translateX(-50%);bottom: 20px;    z-index: 9;}
.msld .swiper-pagination-bullet{background:#A7A7A7;opacity:1;margin: 0 4px;}
.msld .swiper-pagination-bullet-active{background:#000;}

@media (max-width: 768px) {
    .msld .mobImg {display: block;}
    .msld .mobImg img {width: 100%;}
    .main_sld_wrap {padding-top: 50px;margin-top:0;}
    .msld .sldRate {height:unset;background:none;}
    .msld .msld-pagination{font-size: 10px;color: #fff;background: rgba(0, 0, 0, 0.5);width: auto;line-height: 1.3;padding: 6px 8px;border-top-left-radius: 6px;left: unset;transform: translateX(0);right: 0;bottom: 0;}
    .msld .numPager { bottom: 20px; }

    .msld .txt { font-size: 2.8rem; bottom: auto; top: 30%; }
    .msld .txt p { font-size: 1.4rem; margin: 30px 0 0 0;}

}


.brand_main { margin: 100px 20px;}
.brand_main .logo { text-align: center; margin: 0 0 40px;}
.brand_main .logo img { height: 50px;}

.brand_main .t1 { font-size: 3.4rem; font-weight: 500; text-align: center;}
.brand_main .t2 { font-size: 2.0rem; font-weight: normal; line-height: 2.0;margin: 30px 0; text-align: center;}


.brand_main .product { position: relative; display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr; gap: 20px 20px;
    max-width: 1200px; margin: 0 auto;
}

.brand_main .product .item {}

.brand_main .product .item .box { overflow: hidden; position: relative; height: 0; padding-bottom: 135%;}
.brand_main .product .item .box .img { position: absolute; left: 0; top: 0; width: 100%; height: 100%;}

.brand_main .product .ico { position: absolute; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); z-index: 12;
    transition-duration: 500ms;
}
.brand_main .product .ico .xi { color: #fff; font-size: 4.9rem;}

.brand_main .product .circle { background: #e95d5d;
    position: absolute; width: 100px; height: 100px; left: 50%; top: 50%;   transform: translate(-50%, -50%);
    border-radius: 50%; color: white; text-align: center;
    transition-duration: 500ms;
    z-index: 10;
}

.brand_main .product .item:nth-child(1) .circle { background: #e95d5d;}
.brand_main .product .item:nth-child(2) .circle { background: #f1c82f;}
.brand_main .product .item:nth-child(3) .circle { background: #1986b4;}
.brand_main .product .item:nth-child(4) .circle { background: #383a4a;}
.brand_main .product .item:nth-child(5) .circle { background: #007932;}


.brand_main .box .txt { position: absolute; width: 100%; left: 0; top: 60%; text-align: center; color: #fff;    opacity: 0;
    transition-duration: 500ms;
    z-index: 11;
}
.brand_main .box .s1 { font-size: 2.4rem; font-weight: 700;}
.brand_main .box .s2 { font-size: 1.4rem; font-weight: normal; margin: 15px 0 20px;}
.brand_main .box .more { display: inline-block; padding: 12px 26px; background: #fff; color: #000; border-radius: 20px;}

.brand_main .box:hover .circle { transform: translate(-50%, -50%) scale(7); }
.brand_main .box:hover .txt { top: 40%; opacity: 1; }
.brand_main .box:hover .ico { top: 30%;}



.intro_greeting { border-top: 1px solid #cccccc; margin: 150px 0;}
.intro_greeting .conts { position: relative; max-width: 1200px; margin: 0 auto ; padding: 100px 20px 0;}
.intro_greeting .line_box { font-size: 2.0rem; font-weight: 500; position: absolute; border: 1px solid #ccc; background: #fff; width: 250px; height: 56px; line-height: 56px;  text-align: center;
    top: -25px; left: 20px;
}
.intro_greeting .i1 { font-size: 3.1rem; margin: 0 0 30px; line-height: 1.3;}
.intro_greeting .i2 { font-size: 1.7rem; line-height: 1.7; }
.intro_greeting .i2 a { display: inline-block; line-height: 50px; padding: 0 30px; border: 1px solid #313131; color: #313131; font-size: 1.8rem;}



@media (max-width: 768px) {

	.brand_main .logo img { height: 40px;}

	.brand_main .t1 { font-size: 2.4rem; }
	.brand_main .t2 { font-size: 1.6rem; text-align: left;}


    .brand_main .product { grid-template-columns: 1fr 1fr; gap: 10px 10px;}
    .brand_main .product .circle { width: 70px; height: 70px; top: 30%; }
    .brand_main .product .ico .xi { font-size: 3.5rem;}

    .brand_main .box:hover .circle { transform: translate(-50%, -50%) scale(1); }
    .brand_main .box:hover .txt,
    .brand_main .box .txt { top: 50%; opacity: 1; }
    .brand_main .box .ico { top: 30%;}

    .brand_main .product .item:nth-child(4) { display: none;}

	.brand_main .box .s1 { font-size: 2.0rem; }
	.brand_main .box .s2 { font-size: 1.3rem; margin: 10px 0 10px; }
	.brand_main .box .more { padding: 7px 20px;}


	.intro_greeting { margin: 50px 0 100px;}
	.intro_greeting .conts { padding: 70px 20px 0;}
	.intro_greeting .line_box { font-size: 1.8rem; width: 200px; height: 46px; line-height: 46px; }
	.intro_greeting .i1 { font-size: 2.6rem; }
	.intro_greeting .i2 { font-size: 1.6rem; }
	.intro_greeting .i2 a { font-size: 1.6rem;}


}







.about {padding: 0 15px; max-width: 870px; margin: 0 auto;}
.about img {max-width: 100%;}

.about h2.st {line-height: 1.1; border-bottom: 1px solid rgba(8,8,8,0.1); padding-bottom: 30px; margin-bottom: 30px;}
.about h2.st img {max-height: 50px; }
.about h2.st span { font-weight: 500; font-size: 1.9rem;}

.about .thumb_lightbox {  cursor: pointer; transition: opacity 0.3s; }
.about .thumb_lightbox:hover { opacity: 0.8;}

.about {padding: 0 15px; max-width: 870px; margin: 0 auto;}
.about ul.gallery { padding: 30px 0;
	column-count: 3;
}
.about ul.gallery li {
    display: inline-block; padding: 0 0 15px ;
    width: 100%; 
    break-inside: avoid;
}


.about ul.gallery li img { width: 100%;}

.loghtbox_neo { display: none;
    position: fixed; top: 0;  left: 0;  width: 100%;  height: 100%;  background-color: rgba(0, 0, 0, 0.9);  z-index: 1000;
}
.loghtbox_neo .lightbox-content {    position: relative;    top: 50%;    left: 50%;    transform: translate(-50%, -50%);
    max-width: 90%;    max-height: 90%;
}
.loghtbox_neo .close-btn {    position: absolute;    top: 15px;    right: 35px;    color: #fff;    font-size: 40px;    font-weight: bold;    cursor: pointer;}



.greet { text-align: right; position: relative; padding: 35px 0;}
.greet .img {width: 380px; display: inline-block;}
.greet .txt {position: absolute; width: calc(100% - 420px);
    font-size: 1.85rem ; font-weight: normal; letter-spacing: -1.5px; line-height: 1.9;
    left: 0; top: 50%; -webkit-transform: translateY(-50%) ; text-align: left;
}

.greet.left {text-align: left;}
.greet.left .txt {right: 0; left: auto; text-align: right;}

@media (max-width: 768px) {
	.top_img_wrap {padding: 50px 0 0 0;}
    .topImg_about {height: 0; padding-bottom: 43.6%;}

	.page_body {margin-top: 0; padding: 40px 0;}

    .about ul.gallery { 	column-count: 2; }
}

@media (max-width: 468px) {
    .sub_top_area {height: 86px;}

    .page_title { padding: 50px 20px 0;}
    .page_title h1 { font-size: 2.1rem; letter-spacing: -0.7px; margin: 0 0 8px;}
    .page_title .pdesc {  font-size: 1.2rem; }

    .page_title.normal {padding: 18px 20px 0; }
    .page_title.normal h1 { font-size: 2.1rem; letter-spacing: -0.7px; margin: 0 0 8px;}

    .page_body_wrap {padding: 0;}

    .page_body { padding: 0; border: 0;}

    .about {padding: 0 20px;}
    .about h2.st {display: none;}

    .greet .img {width: 100%; display: block;}
    .greet .txt {position: static; top: auto; left: auto; right: auto; width: 100%;  -webkit-transform: none ;
        font-size: 1.3rem; color: rgba(4,4,4,0.6); font-weight: 300;letter-spacing: -0.5px; line-height: 1.67;
        margin: 0 0 25px 0;
    }
    .greet.left .txt {text-align: left;}


	@supports (-webkit-touch-callout: none) {
		.page_body .prx { height: 160px; margin: 0px 0;  background: url('../img/about_img_prx.jpg') no-repeat 50% 50%; background-size: 100% auto; background-attachment: scroll;	}
	}


	@supports not (-webkit-touch-callout: none) {
		/* CSS for other than iOS devices */
		.page_body .prx { height: 160px; margin: 0px 0; background: url('../img/about_img_prx.jpg') no-repeat 50% 50%; background-size: 100% auto; background-attachment: fixed;}
	}

}




.location_wrap {}
.location_wrap	#rael_map { width: 100%; height: 600px; margin-top: 10px; }
.location_wrap .addr {padding: 60px 0; font-size: 2.0rem; line-height: 1.9; letter-spacing: -0.8px;}
.location_wrap .addr .bus { font-size: 0.90em; margin-top: 20px; border-top: 1px solid #dcdcdc; padding-top: 20px;}
.location_wrap .addr .bus strong { font-weight: 500;}
@media (max-width: 1024px) {
    .location_wrap .map_wrap { padding: 0 20px;}
    .location_wrap #rael_map {height: 400px;}
}

@media (max-width: 468px) {
    .location_wrap {padding: 20px 0;}
    .location_wrap #rael_map {height: 320px;}
    .location_wrap .addr {padding: 25px 20px; font-size: 1.3rem; line-height: 1.67; font-weight: 300; letter-spacing: -0.5px;}
}


.bstep {background: #f9f9f9;}
.bstep img {max-width: 100%;}

.bstep .msg {background: #fff; padding: 70px 20px;}
.bstep .msg .txt { max-width: 1200px; margin: 0 auto; font-size: 2.0rem; line-height: 1.9; letter-spacing: -1.5px; color: #000;}

@media (max-width: 768px) {
    .bstep .msg {padding: 30px 20px; }
    .bstep .msg .txt {font-size: 1.3rem; letter-spacing: -0.5px; color: rgba(0,0,0,.6); position: relative; z-index: 5; }
}

.step_info {   padding: 130px 0; }
.step_info:after {content:""; display:block; clear:both;}
.step_info img {max-width: 100%;}
.step_info .item {width: calc(50% - 20px); float: left; background: #e3f0ff; position: relative;}
.step_info .item:after {content:""; display:block; clear: left;}
.step_info .item .img {float: left; width: 50%;}
.step_info .item .desc {   position: absolute;  width: 35%; left: 75%; top: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
}

.step_info .item .img .pc {}
.step_info .item .img .mo {display: none;}

.step_info .item.right {margin-top: 17%; margin-left: 40px;}
.step_info .item.right2 {margin-top: 13%; margin-left: 40px; margin-bottom: 140px;}
.step_info .item.side {margin-top: -4%;}

.step_info .item.wide {clear: both; width: 100%; float: none; }

.step_info .item.color1 {background: #2c2c2c;}
.step_info .item.color2 {background: #e4e1da;}
.step_info .item.color3 {background: #dcdcdc;}
.step_info .item.color4 {background: #7fc9af;}


.step_info .numb { display: inline-block; width: 50px; height: 50px; line-height: 48px; text-align: center;
    font-size: 2.08rem; border: 1px solid rgba(0,0,0,.6);     border-radius: 42px;
}
.step_info .desc_desc .t {font-size: 3.0rem; letter-spacing: -2px; margin: 20px 0 10px;}
.step_info .desc_desc .d {font-size: 2.0rem; color: rgba(0,0,0,.6); letter-spacing: -1.5px;}

.step_info .white .numb {border: 1px solid rgba(255,255,255,.6); color: rgba(255,255,255,.6);}
.step_info .white .desc_desc .t { color: #ffffff; }
.step_info .white .desc_desc .d { color: rgba(255,255,255,.6); }


.step_info .boo {position: absolute; height: 220px; right: 10%; top: -50%}
.step_info .boo img {height: 100%;}

.step_info .boo.boo1 { margin-top: -140px;
    animation-duration: 2s; animation-iteration-count: infinite; animation-name: moveup1;
}
.step_info .boo.boo1 img {width: 220px; height: auto;}


.step_info .boo.boo2 {right: auto; left: 7%; margin-top: -40px;
    animation-duration: 2s; animation-iteration-count: infinite; animation-name: moveup1;
}
.step_info .boo.boo2 img {width: 220px; height: auto;}


@media (max-width: 1536px) {
    .step_info .item {width: 61%; }
    .step_info .item.side {margin-top: 43px;}
    .step_info .item.right {float: right; margin-top: 43px; margin-left: 0;}
    .step_info .item.right2  {float: right; margin-top: 43px; margin-left: 0; margin-bottom: 43px;}
}

@media (max-width: 1200px) {
    .step_info {padding: 43px 0;}
    .step_info .boo {height: 170px;}
    .step_info .boo.boo1 img {width: 170px;}

}

@media (max-width: 1024px) {
    .step_info .numb {font-size: 1.8rem;  }
    .step_info .desc_desc .t {font-size: 2.5rem; letter-spacing: -1px; }
    .step_info .desc_desc .d {font-size: 1.6rem; letter-spacing: -0.5px;}
}

@media (max-width: 768px) {
    .step_info .item,
    .step_info .item.side,
    .step_info .item.right,
    .step_info .item.right2 {float: none; width: 100%; margin: 0 0 25px 0;}
    .step_info .item.right2 {margin-bottom: 60px;}

    .step_info {padding: 25px 0 0;}

    .step_info .boo.boo1 {display: none;}

    .step_info .boo.boo2 img {width: 120px; height: auto;}



    .step_info .numb {font-size: 1.1rem; width: 22px; height: 22px; line-height: 20px;  }
    .step_info .desc_desc .t {font-size: 1.65rem; letter-spacing: -1px; margin: 10px 0 5px; }
    .step_info .desc_desc .d {font-size: 1.25rem; letter-spacing: -0.5px;}
}

@media (max-width: 468px) {
    .step_info .item .img .pc {display: none;}
    .step_info .item .img .mo {display: block;}
    .step_info .boo.boo2 {width: 90px; margin-top: -10px;}
}

@media (max-width: 320px) {
    .step_info .desc_desc .t {font-size: 1.5rem; margin: 5px 0 4px; }
    .step_info .desc_desc .d {font-size: 1.1rem; }
}




.contact {padding: 40px 15px; max-width: 870px; margin: 0 auto;}
.contact img {max-width: 100%;}
.contact h3 {text-align: center; font-size: 3.0rem; letter-spacing: -2px; color: #000000; font-weight: normal; margin: 0 0 70px 0;}


.form_sub {
     --form_sub_height: 9.5rem;
     --form_sub_txt: 1.9rem;
}

.form_sub { max-width: 830px; margin: 50px auto;}
.form_sub * {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.form_sub ul {    border-top: 1px solid #cbcbcb; border-left: 1px solid #cbcbcb; }
.form_sub ul li {  border-right: 1px solid #cbcbcb; border-bottom: 1px solid #cbcbcb; }
.form_sub ul li .item {height: var(--form_sub_height); background: #f7f7f7;  position: relative;
     font-size: 0;
}
.form_sub ul li .item.wide { height: auto;}

.form_sub ul li .item .t {display: inline-block; line-height: var(--form_sub_height); width: 170px; font-size: var(--form_sub_txt); font-weight: normal; padding-left: 20px; letter-spacing: -0.2rem;}

.form_sub input[type=text],
.form_sub input[type=tel] { height: var(--form_sub_height); width: calc(100% - 170px); outline: 0; border: 0; background: #ffffff; border-left: 1px solid #cbcbcb; vertical-align: top;
    padding: 0 20px; font-size: var(--form_sub_txt);
}

.form_sub textarea { height: 250px; width: calc(100% - 170px); outline: 0; border: 0; background: #ffffff; border-left: 1px solid #cbcbcb; vertical-align: top;
    padding: 10px 20px; font-size: var(--form_sub_txt);
}

.form_sub .radio_box {height: var(--form_sub_height); width: calc(100% - 170px);  border-left: 1px solid #cbcbcb; background: #fff; display: inline-block;
    text-align: center;
}

.form_sub .agree {font-size: var(--form_sub_txt); line-height: var(--form_sub_height); }
.form_sub .agree label { font-size: 0; }
.form_sub .agree input[type="checkbox"] { border-radius: 0; border: 2px solid #000;
  -moz-transform: scale(1.5);   -webkit-transform: scale(1.5);   -o-transform: scale(1.5);
}

.form_sub .agree a { display: inline-block; margin-left: 10px; color: #000; font-size: 0.9em;}

.form_sub .pop_agree {position: fixed; width: 100%; height: 100%; left: 0; top: 0;  z-index: 1000; display: none; }
.form_sub .pop_agree .inner {padding: 20px 20px; background: #fff; border: 1px solid #000; font-size: 1.2rem; line-height: 1.6;
    position: absolute; width: 420px; left: 50%; top: 10%; margin-left: -160px; z-index: 1001; }

.form_sub .pop_agree .x {padding: 0 0 10px 0; text-align: right; cursor: pointer;}

.form_sub .pop_agree .shadow {position: absolute; width: 100%; height: 100%; background: rgba(0,0,0,.7); left: 0; top: 0; }

.form_sub .submit_wrap {text-align: right; padding: 20px 0 0 0;}
.form_sub .submit_wrap button {line-height: var(--form_sub_height); height: var(--form_sub_height); font-size: var(--form_sub_txt); letter-spacing: -0.2rem; background: #313131 url('../img/arrow_1.png') no-repeat 60% 50%;  background-size: auto 9px; color: #ffffff; border: 0; outline: 0;
    text-align: center; width: 100%; text-align: right; padding-right: 55%;
}


.form_sub .switch-radio {	display: flex;	margin-bottom:0; }
.form_sub .switch-radio input {
	position: absolute !important;
	clip: rect(0, 0, 0, 0);
	height: 1px; 	width: 1px; 	border: 0; 	overflow: hidden; margin: 0;
}

.form_sub .switch-radio label { cursor: pointer;
	background-color: #ffffff;
	color: #000000;
	font-size: var(--form_sub_txt);
	line-height: var(--form_sub_height);
    flex: 0 0 50%;
	text-align: center;
	padding: 0 10px;
    border-left: 1px solid #cbcbcb;
	margin-left: -1px;
	transition: all 0.1s ease-in-out;
}
.form_sub .switch-radio input:checked + label {	background-color: #000000; color: #fff;	box-shadow: none;}



.contact .other_info {text-align: center;}
.contact .other_info .more {padding: 40px 0;}
.contact .other_info .more a {display: inline-block; line-height: 1.1; border-bottom: 1px solid #000; color: #000; font-size: 2.4rem; letter-spacing: -1.5px;}

.contact .cs_info {padding: 40px 0 0;}
.contact .cs_info .item {display: inline-block; line-height: 59px; height: 59px; margin: 0 0; padding: 0 50px;
    font-size: 2.4rem; font-weight: 300; letter-spacing: -1px; color: #000;
}
.contact .cs_info .item:first-child {border-right: 1px solid rgba(0,0,0,.2);}
.contact .cs_info .item .ico {}
.contact .cs_info .item .ico img {height: 100%; margin-right: 5px;}



@media (max-width: 1024px) {
    .form_sub {
        margin: 0 auto;
        padding: 0;
         --form_sub_height: 7.0rem;
         --form_sub_txt: 1.6rem;
    }

    .contact .other_info .more a {font-size: 2.0rem;}
    .contact .cs_info .item {font-size: 1.8rem;}
}

@media (max-width: 768px) {
    .contact h3 {text-align: left; font-size: 1.65rem; letter-spacing: -1px; margin: 0 0 30px 0;}
    .form_sub ul li {flex: 0 0 100%}
    .form_sub ul li .item .t {width: 150px; padding-left: 15px; letter-spacing: -0.1rem;}
    .form_sub input[type=text],
    .form_sub input[type=tel] {width: calc(100% - 150px);}
    .form_sub .radio_box { width: calc(100% - 150px);}

	.form_sub textarea { width: calc(100% - 130px);	}

    .form_sub .submit_wrap button { background: #313131 url('../img/arrow_1.png') no-repeat 65% 50%;
        background-size: auto 7px;
    }

    .contact .cs_info {padding: 0 ;}
    .contact .other_info .more a {font-size: 1.4rem;}
    .contact .cs_info .item {font-size: 1.3rem; height: 32px; line-height: 32px; padding: 0 0 0 30px;}
    .contact .cs_info .item:first-child {padding-right: 30px; padding-left: 0;}
}

@media (max-width: 468px) {
    .form_sub {
         --form_sub_height: 4.4rem;
         --form_sub_txt: 1.3rem;
    }
    .form_sub ul li .item .t {width: 130px;}
    .form_sub input[type=text],
    .form_sub input[type=tel] {width: calc(100% - 130px);}
    .form_sub .radio_box { width: calc(100% - 130px);}
    .form_sub .agree {padding-left: 15px;}
    .form_sub .agree  input[type="checkbox"] {
      -moz-transform: scale(1.0);   -webkit-transform: scale(1.0);   -o-transform: scale(1.0);
        -webkit-appearance: none; -webkit-border-radius: 0; border: 2px solid #000;
        appearance: checkbox;
    }
    .form_sub .agree input[type="checkbox"]:checked { -webkit-appearance: checkbox; border: 2px solid #000;}

    .form_sub .pop_agree .inner {width: 90%; left: 5%; margin-left: 0;}


    .form_sub .submit_wrap {width: 250px; margin: 0 auto; }
    .form_sub .submit_wrap button { background: #313131 url('../img/arrow_1.png') no-repeat 90% 50%;  background-size: auto 7px;
        text-align: center; padding-right: 50%;
    }

}



.succ {}
.succ:after {content:""; display:block; clear:both;}
.succ .msg {max-width: 1200px; margin: 0 auto; padding: 100px 15px; word-break: keep-all;
    font-size: 2.0rem; letter-spacing: -1.5px; line-height: 1.9; color: #000;
}

.bna {background: #eef6f3; position: relative; }
.bna.gray {background: #f1f3f2;}
.bna.purple {background: #e4e7f6;}
.bna.white {background: #ffffff;}


.bna:after {content:""; display:block; clear:both;}

.bna img {max-width: 100%;}
.bna .img_wrap {width: 824px; float: left; }

.bna .txt { width: 500px; position: absolute; text-align: right;
    left: 50%; top: 50%;  -webkit-transform: translateY(-50%); margin-left: 100px; word-break: keep-all;
    font-size: 2.0rem; font-weight: normal; line-height: 1.9; letter-spacing: -1.5px; color: rgba(0,0,0,.6);
}
.bna .txt span.r {font-size: 1.95rem; line-height: 1.2; letter-spacing: -1px; font-weight: normal;  padding: 10px 22px;  border-radius: 26px; background: #312b2a; color: #fff; }
.bna .txt .tt {line-height: 1.43; margin: 20px 0; font-size: 3.0rem; font-weight: 500; letter-spacing: -2px; color: #000;}


.bna.bna2 {background: #ffffff;}
.bna.bna2.purple {background: #e4e7f6;}
.bna.bna2 .img_wrap {float: right;}
.bna.bna2 .txt {left: auto; margin-left: 0; right: 50%; margin-right: 100px; text-align: left;}

.bna.bna3 {background: #e3f0ff;}

@media (max-width: 1420px) {
    .bna .img_wrap {width: 50%; }
    .bna .txt {line-height: 1.6; font-size: 1.8rem; }
    .bna .txt,
    .bna.bna2 .txt {margin-left: 0; margin-right: 0; width: 50%; padding: 0 30px; float: left;}
}

@media (max-width: 768px) {
    .succ .msg {font-size: 1.3rem; line-height: 1.42; letter-spacing: -0.5px; font-weight: 300; padding: 35px 20px;}
    .bna.bna2 .img_wrap,
    .bna .img_wrap {float: none; width: 100%;}
    .bna .img_wrap:after {content:""; display:block; clear:both;}

    .bna .txt,
    .bna.bna2 .txt { position: static; left: auto; top: auto; width: 100%; padding: 40px 20px; float: none; -webkit-transform: none;
        text-align: left;
    }

    .bna .txt span.r {font-size: 1.1rem; letter-spacing: -0.5px; padding: 6px 10px; border-radius: 17px; }
    .bna .txt .tt {font-size: 1.7rem; letter-spacing: -1px;}
    .bna .txt {font-size: 1.3rem; letter-spacing: -0.5px;}

}


.program { overflow: hidden; background: #fef5ea;}
.program img {max-width: 100%;}


.program .msg {background: #fff; padding: 80px 20px;}
.program .msg .txt { max-width: 1200px; margin: 0 auto; font-size: 2.0rem; line-height: 1.9; letter-spacing: -1px; color: #000;}

.program .msg .desc { max-width: 1200px; margin: 0 auto; font-size: 1.6rem; line-height: 1.7; letter-spacing: -0.5px; color: #000;
	padding: 30px 0;
}


.program .online { max-width: 1200px; margin: 0 auto 90px; padding: 140px 20px 30px; border-bottom: 2px solid #827370; position: relative;
    color: rgba(0,0,0,.6); font-weight: normal; font-size: 2.0rem; line-height: 1.55; letter-spacing: -1.5px;
}
.program .online .img {width: 370px; position: absolute; right: 0; bottom:0;
   animation-duration: 2s;	animation-iteration-count: infinite; animation-name: moveup2; 
}
.program .online .img img { border: 2px solid #827370; border-radius: 20px 20px 0 0;}
.program .online .t1 { font-size: 2.5rem; font-weight: bold; color: #313131; margin-bottom: 15px;}
.program .online .txt { font-size: 1.9rem; margin-bottom: 30px;}

@media (max-width: 1200px) {
    .program .online .img {width: 300px;}
}
@media (max-width: 768px) {
    .program .msg {padding: 70px 20px 70px; }
    .program .msg .txt {font-size: 1.3rem; letter-spacing: -0.5px; color: rgba(0,0,0,.9); position: relative; z-index: 5; }
	.program .msg .desc { font-size: 1.3rem;}
    .program .online {font-size: 1.3rem; letter-spacing: -0.5px; color: rgba(0,0,0,.6);}
	.program .online .img {width: 250px; }

	.program .online .t1 { font-size: 1.9rem; }
	.program .online .txt { font-size: 1.5rem; }
}

@media (max-width: 468px) {
    .program .msg {padding: 30px 20px 50px; }
    .program .online {padding: 120px 20px 30px; margin-bottom: 50px;}
    .program .online .img {width: 50%; margin-right: -40px;}
    .program .online .img img { border-radius: 10px 10px 0 0;}
}


@keyframes moveup1 {
	0% {top: -20px;}
	50% {top: 0px;}
	100% {top: -20px;}
}


@keyframes moveup2 {
	0% {bottom: 20px;}
	50% {bottom: 0px;}
	100% {bottom: 20px;}
}







.personal_wrap {}
.personal_wrap .msg {  font-size: 2.0rem; line-height: 1.9;  color: #000;
     padding: 70px 0;
}

.personal_wrap h3 { font-size: 2.6rem; font-weight: 600; line-height: 1.0; color: #005099; margin-bottom: 30px; padding-top: 40px;
    padding-left: 10px;
}
.personal_wrap h3:before { content:"\eb2c"; display: block; margin-right: 3px; font-weight: 300; font-family: "xeicon";
    float: left; margin-left: -22px; width: 22px;
}

/*
ul.mid_nav { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 5px 5px;
    margin-bottom: 20px;
}
ul.mid_nav li a { display: block; text-align: center; border: 1px solid #dcdcdc; padding: 8px 0; cursor: pointer; font-size: 1.6rem;
    transition: all 0.2s ease-out;
}
ul.mid_nav li a:hover,
ul.mid_nav li a:active,
ul.mid_nav li a:focus { background: #423431; color: #fff;}
ul.mid_nav li a.long {letter-spacing: -1px;}
*/

.personal_wrap .t3 { font-size: 1.5rem; line-height: 1.5; }
.personal_wrap .t3 ul { padding-left: 9px; margin: 15px 0 35px;}
.personal_wrap .t3 ul li { margin-bottom: 5px;}
.personal_wrap .t3 ul li:before {content:"- "; display: block; width: 9px; float: left; margin-left: -9px;}
.personal_wrap .t3 strong { font-weight: 600;}
.personal_wrap p.t4 { font-weight: 700; margin-bottom: 10px; margin-top: 30px; font-size: 1.6rem;}
.personal_wrap .txt_strong { font-size: 1.6rem; line-height: 1.5; background: #f7f7f7; padding: 20px 20px; margin: 20px 0; border-radius: 8px;}
.personal_wrap .txt_strong.color2 { background: #fffaeb;  font-weight: 500; font-size: 1.5rem;}


.personal_wrap .hanja { margin-bottom: 30px;}
.personal_wrap .hanja .item { display: inline-block; font-size: 6.0rem; font-weight: 300; color: #696969;}
.personal_wrap .hanja .item p { text-align: center; font-size: 1.2rem; font-weight: normal; color: #000;}
@media (max-width: 768px) {
    .personal_wrap h3 { font-size: 2.2rem;}
    .personal_wrap .msg { font-size: 1.6rem;    padding: 30px 0;   }
    /* ul.mid_nav li a { font-size: 1.3rem;} */

}


.left_img { display: inline-block; float: left; margin: 0 10px 10px 0;}
.left_img img { width: 200px;}

@media (max-width: 768px) {
    .left_img img { width: 100px;}

}

.personal_wrap .grid_box { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; gap: 20px 10px;}
.personal_wrap .grid_box.grid3 {  grid-template-columns: 1fr 1fr 1fr;}
.personal_wrap .grid_box .item { border: 1px solid #dcdcdc; padding: 0 15px 15px; font-size: 0.92em;}
.personal_wrap .grid_box .it { padding: 10px 0 ; text-align: center; font-weight: 600; font-size: 1.5rem;}

.title_img_desc { margin: 0 0 50px;}
.title_img_desc:after {content:""; display:block; clear:both;}
.title_img_desc .ti { font-weight: 600; font-size: 1.6rem; margin: 0 0 10px ; color: #bc0000;}
.title_img_desc .img { float: left; width: 200px; margin: 0 10px 10px 0;}
.title_img_desc .img img { width: 100%; border-radius: 10px;}


@media (max-width: 768px) {
    .personal_wrap .grid_box.grid3,
    .personal_wrap .grid_box { grid-template-columns: 1fr 1fr; gap: 20px 10px;}
    .title_img_desc .img { width: 120px;}
}




/* 자가 진단 */

.diagnosis {padding: 0 15px; max-width: 980px; margin: 0 auto;}
.diagnosis img {max-width: 100%;}

.diagnosis h2.st {line-height: 1.1;  margin-bottom: 30px;}
.diagnosis h2.st img {max-height: 50px; }
.diagnosis h2.st span { font-weight: 500; font-size: 1.9rem;}

.diagnosis p.st2 { font-weight: 500; color: #999999; font-size: 1.5rem; margin-bottom: 15px;}


.diagnosis .desc {}
.diagnosis .desc ol li { line-height: 1.4; margin-bottom: 10px;}

.diagnosis .result { margin: 30px 0; text-align: center; font-size: 1.6rem;}


.quiz_neo_wrap { border-top: 1px solid #ececec;}
.quiz_neo { font-size: 14px;}
.quiz_neo li { display: grid; grid-template-columns: 50px auto 85px 85px 85px 85px; column-gap: 0px;
    border-bottom: 1px solid #ececec; align-items: center;
    padding: 12px 0; margin: 0; min-height: auto;
}
.quiz_neo.grid4 li { grid-template-columns: 50px auto 85px 85px; }

.quiz_neo.grid2depth li { grid-template-columns: 50px 1fr 1fr ; }
.quiz_neo.grid2depth section { display: grid; gap: 0px 0px; grid-template-columns: repeat(auto-fit, minmax(0, 1fr)); }

.quiz_neo .no { text-align: center; color: #696969;}
.quiz_neo .subj { letter-spacing: -0.5px;}
.quiz_neo .answ { text-align: center;}
.quiz_neo label.answ { padding: 5px 5px; cursor: pointer;}
.quiz_neo .header .subj {text-align: center; }
.quiz_neo .header .answ { line-height: 2.0;}


.quiz_neo_wrap .submit_wrap { margin: 20px 0;}
.quiz_neo_wrap .submit_wrap button { line-height: 50px; height: 50px; letter-spacing: -0.05rem; background: #313131; color: #ffffff; border: 0; outline: 0;
    text-align: center; width: 100%; font-size: 1.9rem;
}



.result_notice {}
.result_notice .rt { margin-bottom: 10px; font-size: 1.5rem; font-weight: 500;}
.result_notice .rt.mini { font-weight: normal; }
.rn_box { margin: 0 0 30px;}
.rn_box .rm_grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(25%, auto)); column-gap: 0px;
    border-bottom: 1px solid #ececec; align-items: center; text-align: center;
}
.rn_box .rm_grid > div { padding: 12px 0;}
.rn_box .rm_grid.header { background: #f7f7f7; border-top: 1px solid #313131;}

.rn_box .rm_grid.grid2 {grid-template-columns: repeat(auto-fill, minmax(50%, auto));   align-items: stretch; }
.rn_box .rm_grid.grid2 > div { border-top: 1px solid #ececec; }
.rn_box .rm_grid.grid2 div.th { background: #f9f9f9;}

.rn_box .rm_grid.grid21 {grid-template-columns: 90px auto;   align-items: stretch; }
.rn_box .rm_grid.grid21 > div { border-top: 1px solid #ececec; text-align: left; padding-left: 10px;}
.rn_box .rm_grid.grid21 div.th { background: #f9f9f9; text-align: center; padding-left: 0;}


.result_notice ul.info { color: #999;}
.result_notice ul.info li { padding-left: 10px; line-height: 1.3; margin-bottom: 10px;}
.result_notice ul.info li:before { content:"-"; display: block; float: left; margin-left: -10px;}

@media (max-width: 768px) {
    .diagnosis { padding: 30px 15px;}
    .quiz_neo .header { line-height: 3.0; }
    .quiz_neo li {
        grid-template-columns: repeat(auto-fill, minmax(12.5%, auto));
        grid-auto-flow: dense;
    }
    .quiz_neo li .no { margin-bottom: 10px;}
    .quiz_neo li .subj { grid-column: auto / span 7; margin-bottom: 10px;}
    .quiz_neo .answ { grid-column: auto / span 2;}

	.quiz_neo.grid4 li { }
    .quiz_neo.grid4 li .subj { grid-column: auto / span 3; }
    .quiz_neo.grid4 li .answ { grid-column: auto / span 2;}


	.quiz_neo.grid2depth li { grid-template-columns: 50px 1fr ; }
	.quiz_neo.grid2depth li .subj { grid-column: auto / span 1; }
	.quiz_neo.grid2depth section { grid-column: auto / span 2; }



}