@charset "utf-8";
/* CSS Document */

/*@-ms-viewport{width:device-width}*/
*{ margin:0; padding:0; }
ul,ol,li{list-style:none}
img { border:none; max-width:100%}
*:focus{ outline: none;}

html,body,div,p,span,a,img,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,form,input,select,textarea,button,label,fieldset,table,tr,td,th,tbody,thead,tfoot,caption,video,strong,em,i,b{margin:0;padding:0; word-break:keep-all; font-family:inherit; font-size:inherit; font-weight:inherit;}
em,i{ font-style:normal}
table{ border-collapse:collapse; border-spacing:0;}
span, strong, a, em, i, b, input, button, textarea{ font-size:inherit; font-family:inherit;}
input,textarea,select,button{ letter-spacing:-0.5px;}
input[type=button], input[type=submit], button{ cursor:pointer;}
input:focus, textarea:focus, button:focus, select:focus{ outline: none;}
input[type="text"],input[type="password"],textarea,select{ -webkit-appearance:none; -moz-appearance:none; appearance:none;}
select{ padding:0 25px 0 10px; background:url(../images/main/select_arrow.png) no-repeat 93% center #fff; max-width:100%; color:#888}
select::-ms-expand{display:none;}



input[type=button].s3.input_st, input[type=submit].s3.input_st {height:45px; background:#444; border:1px solid #444; color:#fff}

a:link{color:#333;text-decoration:none}
a:visited{color:#333;}
a:active{color:#333;}
a:hover{color:#333;text-decoration:none}

/**/
html{overflow-x:hidden; overflow-y:scroll}
body{font-family:'baskinrobbins',sans-serif; font-size:16px; font-weight:400; line-height:1.2;}


.va_wrap{ text-align:center; white-space: nowrap}
.va{ display:inline-block; *display:inline; zoom:1; vertical-align:middle; width:0; height:100%}
.va_tt{display:inline-block; *display:inline; zoom:1; vertical-align:middle; width:auto; height:auto; white-space:normal}
.va_wrap img{vertical-align:middle; display:inline-block; *display:inline; zoom:1; max-width:100%; max-height:100%}

.img_resize{ display:block;}
.pt {cursor:pointer;}

.c_point{ color: #e41b23}

.wrap{position: relative; z-index:inherit; left:50%; top:0; width:2000px; margin-left:-1000px}
.box0{ width:1200px; max-width:95%; margin:0 auto}
.box1{ width:1200px; max-width:95%; margin:0 auto}
#fade{ position:fixed; z-index:1000000001; top:0; left:0; width:100%; height:100%; background:#fff}
.pc_hide{ display:none!important;}

#header{ position:fixed; width:100%; left:0; top:0; z-index:1000}
#header *{ transition:.3s;}
#header .head_bg{ position:absolute; left:0; top:0; width:100%; height:100%; background:#000; filter:alpha(opacity=50);opacity:.5;}
#header .head_line{ position:absolute; left:0; bottom:0; width:100%; height:1px; background:#fff; filter:alpha(opacity=30);opacity:0.3}
#header .header_wrap{ position:relative; overflow:hidden;}
#header .header_wrap .logo img{width:100px; transition: all .3s;}
#header .left{ float:left;}
#header .right{ 
    float:right;
    display: flex;
    align-items: center;
    gap:2.5em;   
}
#header .right .r_txt {text-align:right;}
#header .right .r_txt .top_t1 {display:block; color:#555; font-size:1.25em; font-weight:500; text-align:left;}
#header .right .r_txt .top_t2 {color:#e41b23!important; font-size:2.5em;}
#header .right .r_txt a {display:inline-block; color:#e41b23!important; font-size:1em; font-weight:700;}
#header .right .r_txt a .top_t2 {}
#header .right .r_txt .top_xi { font-size:.75em;}
#header .va_wrap{ height:120px;}
#header.fix .header_wrap .logo img{ zoom:.75}
#header.fix .va_wrap{ height:100px;}
#header.fix .logo{ display:none;}
#header.fix .head_bg{ filter:alpha(opacity=0);opacity:0;}
#header.fix .head_line{ filter:alpha(opacity=0);opacity:0;}
#header.hide{ display:none;}

.fp-viewing-HOME #header .right .r_txt .top_t1,
.fp-viewing-BI #header .right .r_txt .top_t1,
.fp-viewing-Interior #header .right .r_txt .top_t1,
.fp-viewing-Construct #header .right .r_txt .top_t1,
.fp-viewing-Memberstore #header .right .r_txt .top_t1{ color: #fff}

.sns_list{
    display: flex;
    gap: 0.5em;
}
.sns_list > li{}
.sns_list > li .sns_icon{ 
    display: block;
    width: 3em; height: 3em;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: contain;
}
.sns_list > li .sns_icon.in{ background-image: url(../images/main/sns_instar.png);}
.sns_list > li .sns_icon.nb{ background-image: url(../images/main/sns_naver.png);}
.sns_list > li .sns_icon.yt{ background-image: url(../images/main/sns_youtube_w.png);}
#header.fix .sns_list > li .sns_icon.yt{ background-image: url(../images/main/sns_youtube.png);}

#contents{ position:relative;}

#quickKakao{ display:none}




.main_slide{ position:relative;}
.main_slide .item{ position:relative;}
.main_slide .item .bg{ position:absolute; left:0; top:0; width:100%; height:100%; background-position:50% 50%; background-repeat:no-repeat; background-size:cover; transition:3s; transform:scale(1.1,1.1);}
.main_slide .item.ani-on .bg{transform:scale(1,1)}

.main_slide .slogan{ position:absolute; top:16%; left:0; right:0; text-align:center; filter:alpha(opacity=0); opacity:0; transform:translate(0, 60px); transition:All 1.5s ease;}
.main_slide .slogan > span {display:block; color:#fff; text-shadow:1px 1px 1px rgba(0,0,0,.7); letter-spacing:-1.5px;}
.main_slide .slogan .t1 { font-size:3.125em; font-weight:700;}
.main_slide .slogan .t2{text-align:center; font-family:"Times New Roman", Times, serif; color:#ccc; font-size:2em; font-style:italic;}
.main_slide .slogan .t2:before { display:block; content:''; width:40px; height:3px; background:#b91d22; margin:0 auto 25px auto;}
.main_slide .slogan .main01_logo{ height: 15vh;}
.main_slide .slogan .main01_logo img{ height: 100%;}
.main_slide .slogan .main_slogan_img{ margin-top:2em; height: 60vh;}
.main_slide .slogan .main_slogan_img img{ height: 100%;}
.main_slide .slogan.ani-on{ filter:alpha(opacity=100); opacity:1; transform:translate(0,0); transition-delay:.1s}



.main_slide .slick-dots,
.main_slide .control_pauseplay,
.main_slide .control_arrow{ position:absolute; z-index:100; left:8%; bottom:4.5em; padding-right:1px}
.main_slide .control_pauseplay,
.main_slide .control_arrow{ overflow:hidden;}
.main_slide .control_arrow > li{ float:left}
.main_slide .control_pauseplay a,
.main_slide .control_arrow a{ display:block; width:35px; line-height:30px; border:1px solid #fff; margin-right:-1px; color:#fff; text-align:center; filter:alpha(opacity=70); opacity:.7; border-radius:5px}
.main_slide .control_pauseplay a:before,
.main_slide .control_arrow a:before{ font-family:xeicon!important; font-size:1em}
.main_slide .control_box a{-webkit-transition:.3s; transition:.3s}
.main_slide .control_arrow .prev a{ border-radius:5px 0 0 5px}
.main_slide .control_arrow .next a{ border-radius:0 5px 5px 0}
.main_slide .control_arrow .prev a:before{ content:"\e93b";}
.main_slide .control_arrow .next a:before{ content:"\e93e";}
.main_slide .control_pauseplay .play{ display:none;}
.main_slide .control_pauseplay .pause a:before{ content:"\ea3b";}
.main_slide .control_pauseplay .play a:before{ content:"\ea3e";}
.main_slide .control_box a:hover{ filter:alpha(opacity=100); opacity:1}
.main_slide .control_pauseplay{ margin-left:80px}
.main_slide .slick-dots{ margin-bottom:-30px;}
.main_slide .slick-dots > ul > li{ display:inline-block; vertical-align:top;}
.main_slide .slick-dots > ul > li > button{ display:block; width:12px; height:12px; background:transparent; border:1px solid #fff; border-radius:50px; font-size:0; margin-right:5px; filter:alpha(opacity=50); opacity:.5;-webkit-transition:.3s; transition:.3s; cursor:pointer;}
.main_slide .slick-dots > ul > li:hover > button{ filter:alpha(opacity=100); opacity:1}
.main_slide .slick-dots .slick-active > button{ width:30px; background:#fff; filter:alpha(opacity=100); opacity:1}

.scrollAni{ position: fixed; left:50%; width:100px; margin-left:-50px; text-align:center; bottom:3em; filter:alpha(opacity=0); opacity:0; z-index:-1}
.scrollAni .xi{ vertical-align:middle}
.scrollAni .xi-mouse{font-size:3em; color:#fff; margin-right:-7px}
.scrollAni .xi-scroll{font-size:2em; color:#fff; margin-left:-7px}
.scrollAni .tt{ display:block; font-family:Arial, sans-serif; color:#fff; font-size:.75em; text-transform:uppercase}
.scrollAni.on{ filter:alpha(opacity=100); opacity:1; z-index:100;}

.section{ position:relative; background-color:#000; background-position:center top; background-size:cover; background-repeat:no-repeat;}
#section1 { background-image:url(../images/main/sec1_bg.jpg);}
#section2 { background-image:url(../images/main/sec2_bg.jpg);}
#section3 { background-image:url(../images/main/sec3_bg.jpg);}
#section4 { background-image:url(../images/main/sec4_bg.jpg);}
#section5 { background-image:url(../images/main/sec5_bg.jpg);}
#section6 { background-image:url(../images/main/sec6_bg.jpg);}
#section7 { background-image:url(../images/temp/sec8_bg.jpg);}
#section8 { background-image:url(../images/temp/sec9_bg.jpg);}
#section9 { background-image:url(../images/main/sec9_bg.jpg);}
#section10{ background-image:url(../images/main/sec10_bg.jpg);}
#section11{ background-image:url(../images/main/sec11_bg.jpg);}
/**/
.section .t_red {color:#e41b23!important;}
.section .sect_t_tit { /* font-family:'Roboto', sans-serif; */ font-size:2.188em; margin-bottom:10px; font-weight:600; color:#222;}
.section .sect_t_tit_w {color:#fff}
/* .section .main_con{ padding-top: 70px;} */
.section .main_con .main_tit1 { padding:90px 0 60px 0; /* font-family:'Roboto', sans-serif; */ font-size:1.063em; color:#e41b23; font-weight:500; text-align:center; position:relative; letter-spacing:1.5px;}
.section .main_con .main_tit1:before {content:''; position:absolute; width:40%; height:1px; left:0; top:100px; background:#e41b23; }
.section .main_con .main_tit1:after {content:''; position:absolute; width:40%; height:1px; right:0; top:100px; background:#e41b23; }
.section .sect4_tit {display:block; font-weight:400; font-size:2.188em; color:#fff; text-align:center; }

#section7 .sect_t_tit {text-align:center;}
/**/
.w_15 {width:15%;}
.w_20 {width:20%;}
.w_25 {width:25%;}
.w_auto {width:40%;}


/**/
#section1 .sec1_dv{background:rgba(255,255,255,.9); padding:3em 2em; border-radius:20px; text-align:center; box-shadow:3px 3px 5px rgba(0,0,0,.2);}
#section1 .sec1_dv .p1{color:#e41b23; font-size:1.875em; font-weight:600; margin-bottom:0.5em}
#section1 .sec1_dv .p2{ font-size: 1.125em; line-height:1.4; margin-bottom:1em;}
#section1 .sec1_dv .p3{color:#e41b23;  font-size:1.125em; font-weight:600; margin-bottom:1em; padding-bottom:2em; border-bottom:1px dashed #ccc;}
#section1 .sec1_dv .p4{color:#e41b23; font-size:2.5em; margin-bottom:0.5em; font-weight:600;}
#section1 .sec1_dv .p4 .st1{font-size:2em; font-weight:500; color:#e41b23}
#section1 .sec1_dv .redBox{ max-width: 80%; margin: 0 auto; padding: 2em; background: #e41b23; border-radius: 2em;}
#section1 .sec1_dv .redBox .txt{ font-weight: 600; font-size: 1.25em; color:#fff;}
#section1 .sec1_dv .fiveMu{ padding: 2em; background: #f4f4f4; border-radius: 2em;}
#section1 .sec1_dv .icon_ul01{overflow:hidden;}
#section1 .sec1_dv .icon_ul01 li{float:left; width:20%;}
#section1 .sec1_dv .icon_ul01 li .pd_dv{text-align:center; position:relative; padding:1em 0;}
#section1 .sec1_dv .icon_ul01 li .pd_dv > img{ zoom:.8}
#section1 .sec1_dv .icon_ul01 li .pd_dv::before{content:''; position:absolute; left:0; top:0; height:100%; width:1px; background:rgba(0,0,0,0.2);}
#section1 .sec1_dv .icon_ul01 li:first-child .pd_dv::before{background:none;}
#section1 .sec1_dv .icon_ul01 li .pd_dv .txt{color:#000; margin-top:1em; font-size:1.125em;}
#section1 .sec1_dv br.mobiOnly{ display: none;}


.comma_p {margin-top:1em; font-size:1.438em; text-align:center; margin:15px 0; color:#333; }
.comma_p .con2_t_ico {width:28px; height:22px; display:inline-block; }
.comma_p .con2_t_ico.l_ico {background:url(../images/main/con3_tit_ico1.png)no-repeat center center; margin-right:10px;}
.comma_p .con2_t_ico.r_ico {background:url(../images/main/con3_tit_ico2.png)no-repeat center center; margin-left:10px;}
.comma_p2{ margin-top:3em;}

/* #section2 .sect2_t_box {position:relative;}
#section2 .sect_t_tit_w {color:#fff;}
#section2 .logo_dv{width:70%; background:#fff; border-radius:20px; margin:0 auto; text-align:center; padding:3em 5%;}
#section2 .logo_dv .logo01{display:inline-block; *display:inline; zoom:1; vertical-align:middle;}
#section2 .logo_dv .logo02{display:inline-block; *display:inline; zoom:1; vertical-align:middle; margin-left:10%;}
#section2 .logo_dv .logo01 img{max-width:180px;}
#section2 .logo_dv .logo02 img{max-width:180px;}
#section2 .logo_ment{width:74%; background:rgba(228,27,35,0.9); border-radius:20px; margin:2em auto 0; text-align:left; padding:3em 3%;}
#section2 .logo_ment .p1{font-size:1.5em; font-family:notokrM; color:#fff;}
#section2 .logo_ment .p1::after{content:''; display:block; background:#fff; width:20px; height:3px; margin:20px 0;}
#section2 .logo_ment .p2{color:#fff; line-height:1.4;} */ /* back241111 */
#section2 .sect2_t_box {position:relative;}
#section2 .sect_t_tit_w {color:#fff;}
#section2 .logo_dv{ display: flex; justify-content: center; align-items:center; gap:2em; width: 100%; box-sizing:border-box; background:#fff;border-radius:20px;margin:0 auto;text-align:center;padding: 3em 5%;}
#section2 .logo_dv .logo01{ zoom:1; vertical-align:middle;}
#section2 .logo_dv .logo02{ zoom:1; vertical-align:middle;}
#section2 .logo_dv .mascot{ padding-left: 4em; }
#section2 .logo_dv .logo01 img{ height: 13em}
#section2 .logo_dv .logo02 img{ height:13em}
#section2 .logo_dv .mascot img{ height:15em;}
#section2 .logo_ment{width:100%;background:rgba(228,27,35,0.9);border-radius:20px;margin:2em auto 0;text-align:left;padding:3em 3%;box-sizing: border-box;}
#section2 .logo_ment .p1{font-size:1.75em;color:#fff;text-align: center;}
#section2 .logo_ment .p1::after{ content:''; display:block; background:#fff; width:20px; height:3px; margin: 20px auto 20px;}
#section2 .logo_ment .p2{ font-size:1.375em; color:#fff; line-height:1.4; text-align: center;}

#section3 {}
#section3 .icon_ul02{overflow:hidden; margin-top:2em; background:rgba(255,255,255,0.7); border-radius:20px; padding:2em 1em; box-shadow:3px 3px 5px rgba(0,0,0,.15); border-top:3px solid #666;}
#section3 .icon_ul02 li{width:25%; float:left;}
#section3 .icon_ul02 li .pd_dv{margin:0 2%; text-align:center;}
#section3 .icon_ul02 li .pd_dv .num{font-size:50px; color:#000; font-family:"Times New Roman", Times, serif; font-style:italic; font-weight:600;}
#section3 .icon_ul02 li .pd_dv .num::after{content:''; width:1px; height:50px; background:#000; display:block; margin:10px auto; position:relative; z-index:4;}
#section3 .icon_ul02 li .pd_dv .icon_dv{width:164px; height:164px; text-align:center; background:#e41b23; border-radius:50%; margin:-40px auto 0; position:relative; z-index:3;}
#section3 .icon_ul02 li .pd_dv .icon_dv .icon{padding-top:3em;}
#section3 .icon_ul02 li .pd_dv .icon_dv .txt{font-size:1.125em; font-family:notokrM; color:#fff; padding:0.5em 20px;}
#section3 .icon_ul02 li .pd_dv .txt2{ margin-top:10px; color:#000; padding:0 2em; line-height:1.3; font-size:1em;}

.sch_ul {overflow:hidden; margin:0 0 -10px -10px;}
.sch_ul > li {width:20%; float:left; position:relative; background:url(../images/main/step_arr.png) no-repeat right 75px;}
.sch_ul > li:last-child{background:none;}
.sch_ul .con3_wrap_in {margin:0 0 30px 10px;  padding-top:25px; text-align:center;}
.sch_ul .con3_wrap_in .count{font-weight:600; font-size:1.5em;}
.sch_ul .con3_wrap_in .count::after{content:''; width:30px; height:4px; background:#000; display:block; margin:5px auto;}
.sch_ul .con3_wrap_in .ico_tit{ margin-top:8px; font-weight:500; } 

.schList{
    display: flex;
    flex-wrap: wrap;
    gap:1em 2em;
    margin-top: 2em;
}
.schList > li{
    width: calc((100% - 8em) / 5);
    padding: 2em 1em 1.5em;
    box-sizing: border-box;
    border-radius:1em;
    background: #e41b23;
    color:#fff;
    text-align: center;
    position: relative;
}
.schList > li::after{
    content: '';
    width: 10px;
    height: 19px;
    background: url(../images/main/step_arr.png) no-repeat;
    text-align: center;
    position: absolute;
    right: calc(-1em - 5px);
    top: calc(50% - 8px);
}
.schList > li:nth-child(10)::after{display: none;}
.schList > li .num{
    font-weight: 700;
    font-size: 1.5em;
    position:relative;
}
.schList > li .num::after{
    content:'';
    display:block;
    width:1em;
    height:1px;
    margin:10px auto;
    background:rgba(255, 255, 255, .5)
}
.schList > li .tit{
    min-height:3.5em;
    font-weight: 700;
    font-size: 1.375em;
}
.schList > li .desc{
    font-size: 1.125em;
    line-height:1.4;
    letter-spacing: -1px;
}
.schList > li.mobionly{ display: none;}



/* #section6 .sect6_t_box .sect6_t_tit_s { font-size:1.625em; color:#222; font-weight:400; margin-top:25px;}
#section6 .sect6_t_box {overflow:hidden;}
#section6 .sect6_t_box .sect6_l_wrap {width:34%; float:left;}
#section6 .sect6_t_box .sect6_r_wrap {width:66%; float:right;}
#section6 .sect6_t_box .sect6_l_wrap .sect6_l_in {padding:25px 0;}
#section6 .sect6_t_box .sect6_l_tit {width:160px; height:35px; line-height:35px; background:url(../images/main/sect6_tit_bg.png) no-repeat left top; color:#fff; padding-left:15px; font-size:1.063em; margin-bottom:35px;}
#section6 .sect6_t_box .sect6_l_wrap .sect6_l_in .sect6_l_txt {background:url(../images/main/sect6_l_ico.png) no-repeat left top; padding:5px 0 5px 45px; margin-top:15px;}
#section6 .sect6_t_box .sect6_l_wrap .sect6_l_in .sect6_l_txt:first-child {margin-top:0;}
#section6 .sect6_t_box .sect6_l_wrap .sect6_l_in .sect6_l_txt .t1 {font-size:1.188em; color:#e41b23; font-weight:500; line-height:1.1; margin-bottom:5px; }
#section6 .sect6_t_box .sect6_l_wrap .sect6_l_in .sect6_l_txt .t2 {font-size:.938em; color:#222; }
#section6 .sect6_t_box .sect6_r_wrap .sect6_r_in {padding:30px 25px; background:#fff; box-shadow:3px 3px 5px rgba(0,0,0,.15); border-radius:10px; }
#section6 .sect6_t_box .sect6_r_wrap .sect6_r_in .sect6_r_tit {background:url(../images/main/sect6_tit_bg_r.png) no-repeat left top;}
#section6 .sect6_t_box .sect6_r_wrap .sect6_r_in .sect6_r_txt {margin-top:5px; margin-left:-15px; overflow:hidden;}
#section6 .sect6_t_box .sect6_r_wrap .sect6_r_in .sect6_r_txt > li {width:25%; float:left;}
#section6 .sect6_t_box .sect6_r_wrap .sect6_r_in .sect6_r_txt .sect6_r_t {margin-left:15px; letter-spacing:-1px;}
#section6 .sect6_t_box .sect6_r_wrap .sect6_r_in .sect6_r_txt .sect6_r_t dt {color:#e41b23; font-size:1.188em; margin-bottom:5px; font-weight:500;}
#section6 .sect6_t_box .sect6_r_wrap .sect6_r_in .sect6_r_txt .sect6_r_t dd {color:#222; font-size:.875em; padding:0 25px 25px 0; line-height:1.4; border-bottom:2px solid #e41b23; }
#section6 .sect6_t_box .sect6_r_wrap .sect6_r_in .sect6_r_txt .sect6_r_t dd.line_b {border-color:#222;}
#section6 .sect6_t_box .sect6_r_wrap .sect6_r_in .sect6_arrow {text-align:Center; margin:40px 0 20px 0; }
#section6 .sect6_t_box .sect6_r_wrap .sect6_r_in .sect6_arrow > i {font-size:35px; color:#e41b23; }
#section6 .sect6_t_box .sect6_r_wrap .sect6_r_in .sect6_r_btm {width:330px; height:65px; line-height:65px; border-radius:35px; background:#e41b23; color:#fff; font-size:1.188em; margin:auto; text-align:center;} */

#section7 .sect8_t_box {margin-left:-20px; overflow:hidden;}
#section7 .sect8_t_box > div {width:50%; float:left;}
#section7 .sect8_t_box > div .in_m {margin-left:20px;}
#section7 .sect8_t_box .sect8_tit {font-weight:500; font-size:1.125em; color:#222; margin-bottom:8px;}
#section7 .sect8_t_box .sect8_tit > i {margin-right:5px;}
#section7 .sect8_t_box .sect8_tit .sect8_ps {float:right; font-size:.875em; color:#666; }
.sect8_tbl tr th, .sect8_tbl tr td {border:1px solid #ddd; padding:10px 15px;}
.sect8_tbl {border-top:2px solid #e41b23;}
.sect8_tbl tr td {background:#fff;}
.sect8_tbl thead tr th { font-size:.875em; background:#f2f2f2;}
.sect8_tbl tbody tr th  {background:#f7f7f7;}
.sect8_tbl tbody tr th, .sect8_tbl tbody tr td { font-size:.813em; text-align:Center; line-height:1.4}
.sect8_tbl tbody tr td.align_l {text-align:left;}
.sect8_tbl ul > li{position:relative; padding-left:10px; text-align:left; font-size:0.938em;}
.sect8_tbl ul > li::before{content:''; width:3px; height:3px; background:#333; position:absolute; left:0; top:5px; }

#section7 .sect8_t_box .sect8_l_wrap .sect8_l_in .sect8_l_btm {margin-top:5px; padding:10px 20px; background:#e41b23; color:#fff; text-align:center; position:relative;}
#section7 .sect8_t_box .sect8_l_wrap .sect8_l_in .sect8_l_btm > span{position:absolute; display:block; right:20px; top:12px; font-size:.813em;}
#section7 .sect8_t_box .sect8_r_wrap .sect8_r_in .sect8_r_btm {margin-top:20px; background:rgba(255,255,255,.55); border-radius:10px; box-shadow:3px 3px 5px rgba(0,0,0,.15); padding:3em 2em; text-align:Center;}
#section7 .sect8_t_box .sect8_r_wrap .sect8_r_in .sect8_r_btm .sect8_btm_t1 {font-size:1.875em; margin:25px 0 13px 0; color:#222; font-weight:500;}
#section7 .sect8_t_box .sect8_r_wrap .sect8_r_in .sect8_r_btm .sect8_btm_t2 {font-size:.938em; font-family:'Roboto', sans-serif; color:rgba(34,34,34,.7); font-weight:500;}
#section7 .sect8_t_box .sect8_r_wrap .sect8_r_in .sect8_r_btm .sect8_btm_btn {display:block; width:270px; height:45px; line-height:45px; border-radius:30px; background:#fff; border:1px solid #e41b23; text-align:Center; margin:30px auto 0 auto; color:#e41b23; transition:.3s; cursor:pointer;}
#section7 .sect8_t_box .sect8_r_wrap .sect8_r_in .sect8_r_btm .sect8_btm_btn:hover {background:#e41b23; color:#fff;}
#section7 .sect8_btm_logo img{width:130px;}

#section7 .sect7_t_tit {color:#fff !important; margin-bottom:35px;}
#section7 .sect8_t_box1 { text-align:Center;}
#section7 .sect8_t_box1 > li {display:inline-block; font-size:0; width:12.2%; vertical-align:top;}
#section7 .sect8_t_box1 .sect8_step { width:136px; height:136px; border:2px solid #e41b23; border-radius:50%; font-size:1rem; text-align:Center; }
#section7 .sect8_t_box1 .sect8_step .txt {display:block;}
#section7 .sect8_t_box1 .sect8_step .txt.t1 { font-family:'Roboto', sans-serif; font-weight:600; font-size:1.875em; color:#e41b23; margin-top:30px;}
#section7 .sect8_t_box1 .sect8_step .txt.t2 { margin-top:5px; font-weight:400; font-size:1em; color:#fff; letter-spacing:-.5px; padding:0 5px;}
#section7 .sect8_t_box1 .sect8_step_bg {background:#e41b23; color:#fff;}
#section7 .sect8_t_box1 .sect8_step .txt.t1 { color:#fff; }

#section7 .sect8_t_box2 { margin-top:40px; margin-left:-13px; overflow:hidden; }
#section7 .sect8_t_box2 > li {width:20%; float:left;}
#section7 .sect8_t_box2 .sect8_list {margin-left:13px; border-top:2px solid #fff; padding:20px 20px 0px 30px; position:relative}
#section7 .sect8_t_box2 .sect8_list .t1 {font-size:1.125em; font-weight:500; line-height:1.4; margin-bottom:25px; color:#fff;}
#section7 .sect8_t_box2 .sect8_list .t1:before {content:'\e928'; font-family:xeicon; color:#e41b23; font-size:24px; position:absolute; left:0; top:20px; line-height:1.1;}
#section7 .sect8_t_box2 .sect8_list .t2 {font-size:.938em; font-weight:400; line-height:1.4; color:rgba(255,255,255,.7)}

#section8 .sect9_t_box {background:url(../images/main/sect9_bg.jpg)no-repeat right top; padding-bottom:65px;}
#section8 .sect9_t_box .sect9_t_in {width:70%; background:rgba(255,255,255,.8); border-radius:10px; padding:20px; box-shadow:3px 3px 5px rgba(0,0,0,.15);}
#section8 .sect9_t_box .sect9_t_in .sect9_t_in_s { padding:15px 20px;}
#section8 .sect9_t_box .sect9_t_in .que_wrap {margin-top:25px; padding-top:25px; border-top:1px dashed #000; letter-spacing:-1px;}
#section8 .sect9_t_box .sect9_t_in .que_wrap:first-child {margin-top:0; padding-top:0; border-top:none;}
#section8 .sect9_t_box .sect9_t_in .que_wrap dt {font-size:1.125em; font-weight:500; color:#222; margin-bottom:10px; padding-left:40px; position:relative; padding-top:12px;}
#section8 .sect9_t_box .sect9_t_in .que_wrap dt .qq {font-family:'Roboto', sans-serif; font-size:1.875em; font-weight:600; display:inline-block; margin-right:10px; position:absolute; left:0; top:0;}
#section8 .sect9_t_box .sect9_t_in .que_wrap dd {font-size:1em; font-weight:400; color:#555; padding-left:40px; position:relative; padding-top:12px;}
#section8 .sect9_t_box .sect9_t_in .que_wrap dd .aa {font-family:'Roboto', sans-serif; font-size:1.875em; font-weight:600; display:inline-block; margin-right:10px; color:#e41b23; position:absolute; left:0; top:0;}

#section6 .shop_slide { position:relative; margin-top:80px; /*overflow:hidden;*/ }
#section6 .shop_slide .shop_tt { background:url(../images/main/shop_icon.png) no-repeat left center; font-size:1.375em; padding-left:40px; line-height:1.5; margin-bottom:10px; }
#section6 .shop_slide .shop { margin:0 0 0 -20px; }
#section6 .shop_slide .shop li { float:left; width:25%; }
#section6 .shop_slide .shop li dl { margin:0 0 0 20px; }
#section6 .shop_slide .shop li dl dt a { display:block; overflow:hidden; width:100%; }
#section6 .shop_slide .shop li dl dt a img { transition:0.5s ease }
#section6 .shop_slide .shop li dl dt a:hover img { transform:scale(1.1,1.1); transition:0.5s ease; }
#section6 .shop_slide .shop li dl dd { padding:18px 10px 13px 10px; border-bottom:1px solid #444; background:rgba(255,255,255,.9);}
#section6 .shop_slide .shop li dl dd .name { font-size:1.125em; color:#111; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; width:97%; }
#section6 .shop_slide .shop li dl dd .name a:hover { text-decoration:underline; }
#section6 .shop_slide .shop li dl dd .tel a { display:inline-block; color:#e41b23; font-size:0.938em; font-family:"notokrB"; padding:5px 0; }
#section6 .shop_slide .shop li dl dd .add { color:#555; font-size:0.750em; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; width:97%; }
#section6 .shop_slide .shop li dl dd .more { color:#000; font-size:0.875em; display:inline-block; font-family:"notokrB"; margin-top:18px; }
#section6 .shop_slide .shop li dl dd .more .icon { display:inline-block; vertical-align:middle; width:24px; height:24px; border-radius:24px; background:#e41b23 url(../images/main/arrow.png) no-repeat center; margin-right:10px; transition:0.3s ease; }
#section6 .shop_slide .shop li dl dd .more:hover .icon { margin-left:10px; transition:0.3s ease; }
#section6 .shop_slide button { font-size:0; text-indent:-9999px; border:none; background:none; }
#section6 .shop_slide .slick-arrow { position:absolute; top:-31px; right:0; width:11px; height:14px;  }
#section6 .shop_slide .slick-prev { background:url(../images/main/slick_prev.png) no-repeat center; right:43px; }
#section6 .shop_slide .slick-next { background:url(../images/main/slick_next.png) no-repeat center; }
#section6 .shop_slide #pause { width:9px; height:14px; position:absolute; top:-31px; right:22px; background:url(../images/main/slick_pause.png) no-repeat center; }
#section6 .shop_slide #play { width:9px; height:14px; position:absolute; top:-31px; right:22px; background:url(../images/main/slick_play.png) no-repeat center; }


.sns_area{ display: flex; justify-content: end; align-items: center; gap:2em; text-align:right; border-radius:5px; background:#333; margin-top:10px; padding:1em 2em 1em 1.5em;}
.sns_area label{vertical-align:middle; display:inline-block; margin:0 2px; transition:0.3s; cursor:pointer;}
.sns_area label.icon:hover{opacity:0.8; transform:translate(-3px,-3px)}
.sns_area label.title{font-size:1.25em; font-weight:500; color:#fff; margin-right:10px; font-style:italic;}

/****/
.layer_wrap{}
.layer_wrap .layer_bg{position:fixed; z-index:100000000; width:100%; height:100%; left:0; top:0; background:#000; display:none; filter:alpha(opacity=50);opacity:0.5; cursor:pointer}
.layer_wrap .layer_frame{position:fixed; z-index:100000001; filter:alpha(opacity=0);opacity:0; background:#fff; box-shadow:1px 1px 10px #333;}
.layer_wrap .layer_frame .ifr{position:absolute; z-index:10000; left:0; top:0; width:100%; height:100%}
.layer_wrap .close{position:absolute; z-index:10000; right:0; top:0; width:65px; height:40px; line-height:1; color:#b91d22; text-align:center; font-size:3rem; opacity:.8;}
.layer_wrap .close:hover{ opacity:1}
.layer_wrap .layer_img{position:fixed; width:95%; height:95%; text-align:center; left:2.5%; top:2.5%; z-index:10000000000;cursor:pointer}
.layer_wrap .layer_img img{ box-shadow:2px 2px 10px #111}
body.pop { position:absolute; left:0; top:0; width:100%; height:100%; padding-bottom:10px; box-sizing:border-box; overflow-y:scroll}
body.pop .pop_tit{ display:block; position:fixed; z-index:2; left:0; top:0; width:100%; background:#222; font-size:1.125em; color:#fff; line-height:40px; padding:0 25px;}
body.pop .pop_tit + *{ padding:60px 30px 20px 30px;}
body.pop .pop_wrap > p {margin-bottom:10px; font-size:.938em; font-family:notokrR,sans-serif; color:#555}
/*body.pop2{ position:absolute; left:0; top:0; width:100%; height:100%; padding-bottom:10px; box-sizing:border-box;}
body.pop2 .pop_tit{ display:block; position:fixed; z-index:2; left:0; top:0; width:100%; background:#222; font-size:1.125em; color:#fff; line-height:40px; padding:0 25px;}
body.pop2 .pop_tit + *{ padding:60px 30px 20px 30px;}
.pop_wrap > p {margin-bottom:10px; font-size:.938em; font-family:notokrR,sans-serif; color:#555}*/

.pop_list_wrap {padding:40px 50px;}

/**/

.loca_detail_info { overflow:hidden; margin-top:40px; border-top:2px solid #666; border-bottom:2px solid #666; padding:20px 0;  }
.loca_detail_info2 {margin-top:0;}
.loca_detail_info > div { box-sizing:border-box; padding:0 20px; }
.loca_detail_info .photo { position:relative; overflow:hidden; }
/* .loca_detail_info .photo .flex-direction-nav > li > a { position:absolute; width:30px; height:56px; top:50%; margin-top:-15px; transition:.3s; background-repeat:no-repeat; filter:alpha(opacity=70); opacity:0.7; font-size:0; text-indent:-9999px; } */ /* slide btn back 241114 */
.loca_detail_info .photo .flex-direction-nav > li > a { position:absolute; width:65px; height:70px; background:rgba(0,0,0,.2); top:50%; margin-top:-15px; transition:.3s; background-repeat:no-repeat; filter:alpha(opacity=70); opacity:0.7; font-size:0; text-indent:-9999px; transform: translateY(-50%)}
.loca_detail_info .photo .flex-direction-nav > li > a:hover { filter:alpha(opacity=100); opacity:1; }
.loca_detail_info .photo .flex-direction-nav > li > a.flex-prev { left:30px; background-image:url(../images/main/model_img_slider_prev.png); background-position: center; }
.loca_detail_info .photo .flex-direction-nav > li > a.flex-next { right:30px; background-image:url(../images/main/model_img_slider_next.png); background-position: center; }
.loca_detail_info .photo .resize_gall img{ object-fit: contain;}

.loca_detail_info .info { margin-bottom:15px; }
.loca_detail_info .info .name { font-size:1.250em; color:#222; padding-bottom:10px; border-bottom:1px solid #ccc; }
.loca_detail_info .info ul li { margin:6px 0 0 3px; overflow:hidden;}
.loca_detail_info .info ul li span { display:inline-block; }
.loca_detail_info .info ul li span.tt { color:#b91d22; position:relative; padding-left:10px; width:11%; float:left;}
.loca_detail_info .info ul li span.tt:before { content:""; width:3px; height:3px; background:#ed7318; position:absolute; left:0; top:8px; }
.loca_detail_info .info ul li span.txt { color:#555; width:85%; float:left; }
.loca_detail_info .info ul li span.txt a { color:#555; }
.loca_detail_info .map_area { box-sizing:border-box; margin-top:20px; padding:20px 20px 0 20px; border-top:1px dashed #ccc; width:100%; }



.sect10_t_box {overflow:hidden;}
.sect10_t_box .sect10_t_tit { font-size:2em; font-family:inherit; }
.sect10_t_box .sect10_s_tit {margin:25px 0 40px 0; font-size:1.375em; line-height:1.5; color:#222;}
.sect10_t_box > div {width:50%; float:left;}
.sect10_t_box .sect10_l_info .sect10_info_t {margin-bottom:10px;}
.sect10_t_box .sect10_l_info .sect10_info_t > span {display:inline-block;}
.sect10_t_box .sect10_l_info .sect10_info_t .ico { width:50px; height:50px; line-height:50px; text-align:center; background:#e41b23; color:#fff; vertical-align:middle; border-radius:50%;}
.sect10_t_box .sect10_l_info .sect10_info_t .ico2 {background:#777;}
.sect10_t_box .sect10_l_info .sect10_info_t .ico3 {background:#f9e000; color:#3a1e1d;}
.sect10_t_box .sect10_l_info .sect10_info_t .ico > i { font-size:22px;}
.sect10_t_box .sect10_l_info .sect10_info_t .t1 {font-size:.938em; color:#555; font-weight:400; margin:0 5px 5px 10px; vertical-align:middle; line-height:1;}
.sect10_t_box .sect10_l_info .sect10_info_t .t01 { margin:0 5px 0 10px; }
.sect10_t_box .sect10_l_info .sect10_info_t .t02 {font-family:'Roboto', sans-serif; font-size:1.875em; color:#e41b23; font-weight:600; vertical-align:text-bottom; line-height:1;}
.sect10_t_box .sect10_l_info .sect10_info_t .t2 {font-size:1.188em; color:#222; font-weight:600; }
.sect10_t_box .sect10_l_info .sect10_info_t .t002 {font-size:1.188em; color:#222; font-weight:500; vertical-align:text-bottom; line-height:1;}
.sect10_t_box .sect10_l_info .kakao_btn {display:inline-block; margin-top:35px; padding:0 22px; height:45px; border-radius:30px; background:#3a1e1d; line-height:45px; color:#f9e000; letter-spacing:-1px; }
.sect10_t_box .sect10_l_info .kakao_btn > span {display:inline-block; vertical-align:middle;}
.sect10_t_box .sect10_l_info .kakao_btn .xi1 {font-size:26px; margin-right:10px; vertical-align:middle;}
.sect10_t_box .sect10_l_info .kakao_btn .xi2 {font-size:22px; margin-left:15px; vertical-align:middle;}
.sect10_t_box .sect10_r_wrap .sect10_r_in { background:#f7f7f7; border-radius:10px; padding:20px; box-shadow:3px 3px 5px rgba(0,0,0,.15); }
.sect10_t_box .sect10_l_info .in_quick_link{ display:none;}
.captcha_wrap{  }
.captcha_wrap #captchaImg{ height: 45px;}

span.brbr {display:inline-block; width:0px; height:1px;}
.agree .agr_tit { margin:15px 0 7px 0; font-size:15px; }
.agree .agree_area{ position:relative; height:100px; overflow-y:scroll;}
.agree .agree_area .agree_box{ background-color:#fff; padding:20px; font-size:.813em; color:#555}
.agree_chk {margin-top:10px; overflow:hidden;}
.agree_chk .label_st { height:45px; line-height:45px; }
.agree_chk .sms_btn {display:inline-block; float:right; width:270px; height:45px; line-height:45px; background:#e41b23; border-radius:30px; color:#fff; font-weight:400; text-align:center; border:1px solid #e41b23; box-sizing:border-box; transition:.3s;}
.agree_chk .sms_btn:hover {background:#fff; color:#e41b23;}

#footer {background:#333; padding:50px 0 60px 0; overflow:hidden; } 
#footer .footer_box {float:left;}
#footer .footer_box .f_info {font-size:.875em; color:#fff; font-family:'Noto Sans KR',sans-serif;}
#footer .footer_box .f_info > span {display:inline-block; margin-right:15px; letter-spacing:-.5px; line-height:1.5;}
#footer .footer_box .copy { color:#ddd; margin-top:30px; font-size:.813em; font-family:notokrL;}
#footer .f_link {float:right;}
#footer .f_right {float:right;display:inline-block;}
#footer .f_right img{width:130px;}
#footer .admin_btn {display:inline-block; padding:2px 10px; font-size:.75em; margin-top:10px; border:1px solid rgba(255,255,255,.4); color:rgba(255,255,255,.4); }
#footer .admin_btn:hover { border:1px solid rgba(255,255,255,.7); color:rgba(255,255,255,.7);}

.quick_link {}
.quick_link > li {display:inline-block;}
.quick_link > li > a {display:block; }

.main_photo_wrap{ position:relative; margin-top:30px;}
.main_photo_wrap .main_photo{}
.main_photo_wrap .main_photo .item{ transition:.2s;}
.main_photo_wrap .main_photo .item > p.img_resize{ display: flex; justify-content: center; align-items: center; margin:80px 45px; border-radius: 1em; background:rgba(255, 255, 255, .2); text-align: center; overflow: hidden; backdrop-filter: blur(10px);}
.main_photo_wrap .main_photo .item > p.img_resize > img{ display: block; max-width:100%; height: 100%;  /* border-radius:10px; overflow:hidden; */ box-shadow:3px 3px 5px rgba(0,0,0,.4); object-fit: contain; object-position: center;}
.main_photo_wrap .main_photo .slick-current{ transform:scale(1.25);}

.main_photo_wrap .main_photo.menu{}
.main_photo_wrap .main_photo.menu .item{ position: relative;}
.main_photo_wrap .main_photo.menu .item .tit{
    display: block;
    width: calc(100% - 90px);
    margin:0;
    padding: 1em 2.5em;
    box-sizing: border-box;
    border-radius: 0;
    background: rgba(0,0,0,.4);
    font-weight: 700;
    font-size: 1.125em;
    color:#fff;
    text-align: center;
    position: absolute;
    left: 45px;
    bottom: 80px;
}

.main_photo_wrap .control_box{ position:absolute; top:50%; left:6%; right:6%;}
.main_photo_wrap .control_arrow{}
.main_photo_wrap .control_arrow > li{ position:absolute; top:-25px;}
.main_photo_wrap .control_arrow > li .xi{ width:50px; height:50px; line-height:50px; text-align:center; border:1px solid rgba(255,255,255,.5); background-color:rgba(0,0,0,.5); font-size:1.563em; color:#fff; cursor:pointer;}
.main_photo_wrap .control_arrow .prev{ left:0;}
.main_photo_wrap .control_arrow .next{ right:0;}
.main_photo_wrap .slick-dots{ position:absolute; bottom:-20px; left:0; right:0; text-align:center; font-size:0;}
.main_photo_wrap .slick-dots > ul > li{ display:inline-block; *display:inline; zoom:1; vertical-align:top; margin:0 2px;}
.main_photo_wrap .slick-dots > ul > li button{ font-size:0; width:18px; height:18px; background-color:transparent; border:3px solid #fff; border-radius:100%; box-shadow:2px 2px 2px rgba(0,0,0,.5); cursor:pointer;}
.main_photo_wrap .slick-dots .slick-active > button{ border-color:#b91d22; background:#b91d22}

#section7 .main_inner .box1{ position:relative;}
#section7 .main_inner .box1 .link{ position:absolute; bottom:1.5%; right:0; width:49%; height:50%;}



/**/
.main_nav{ position:fixed; z-index:100; top:150px; right:25px}
.main_nav > li{ margin-top:3px}
.main_nav > li:first-child{ margin-top:0}
.main_nav > li * { -webkit-transition:.5s; transition:.5s}
.main_nav > li > a{ display:block; text-align:right; position:relative}
.main_nav > li > a:before{ content:""; position:absolute; right:-25px; width:25px; top:50%; height:1px; background:#fff; filter:alpha(opacity=0); opacity:0}
.main_nav > li > a .icon,
.main_nav > li > a .tt{ display:inline-block; *display:inline; zoom:1; vertical-align:middle}
.main_nav > li > a .tt{ position:absolute; top:50%; right:50px; margin-top:-15px; width:0; height:30px; line-height:30px; font-family:Arial, sans-serif; font-size:.750em; color:#fff; font-weight:600; letter-spacing:0; white-space: nowrap; overflow:hidden; background:#e41b23; border-radius:3px; filter:alpha(opacity=0); opacity:0;}
.main_nav > li > a .icon{ width:45px; line-height:45px; border:1px solid #fff; color:#aaa; border-radius:100%; text-align:center; font-size:1.250em}
.main_nav > li > a.on{}
.main_nav > li > a:hover{}
.main_nav > li > a.on:before{ filter:alpha(opacity=100); opacity:1}
.main_nav > li > a.on .icon,
.main_nav > li > a:hover .icon{ background:#e41b23; border-color:#e41b23; color:#fff}
.main_nav > li > a:hover .tt{ width:100px; padding:0 5px; margin-right:10px; filter:alpha(opacity=100); opacity:1}
.main_nav > li.kakao > a{ margin-right:-5px;}
.main_nav > li.kakao > a:before{ display:none;}
.main_nav > li.kakao .icon{ width:55px; line-height:55px; background:#f9e000 !important; border-color:#f9e000 !important; font-size:1.875em; color:#3a1e1d !important; box-shadow:1px 1px 4px rgba(0,0,0,.5);}
.main_nav > li.kakao > a .tt{ background:#3a1e1d;}

.ani_wrap{ position:relative;}
.ani_left{ left:-100px; opacity:0}
.ani_right{  right:-100px; opacity:0}
.ani_bottom{ position:relative; bottom:-100px; opacity:0}
.ani_no .ani_wrap{ left:auto !important; right:auto !important; bottom:auto !important; opacity:1 !important;}


/**/
.label_st{display:inline-block; *display:inline; zoom:1;}
.label_st > *{ display:inline-block; *display:inline; zoom:1; vertical-align:middle; cursor:pointer;}
.label_st span{ padding-left:3px; color:#888; font-weight:500; font-size:.875em}
.label_st:not(.cssbrowser) input:checked + span,
.label_st:not(.cssbrowser) input:checked + span + *{ color:#e41b23}

.label_st.de:not(.cssbrowser) .xi:before{ font-family:xeicon!important; font-style:normal; font-size:1.5em; color:#888;}
.label_st.de:not(.cssbrowser) input:checked + .xi + span,
.label_st.de:not(.cssbrowser) input:checked + .xi:before{ color:#e41b23}
.label_st.de:not(.cssbrowser) input[type=checkbox] + .xi:before{ content:"\e92e"}
.label_st.de:not(.cssbrowser) input[type=checkbox]:checked + .xi:before{ content:"\e92d"}
.label_st.de:not(.cssbrowser) input[type=radio] + .xi:before{ content:"\e9c6"}
.label_st.de:not(.cssbrowser) input[type=radio]:checked + .xi:before{ content:"\e9c7"}
.label_st.de:not(.cssbrowser) input[type=checkbox],
.label_st.de:not(.cssbrowser) input[type=radio]{ width:0; height:0; overflow:hidden;}

/**/
.input_st{display:inline-block; *display:inline; zoom:1; vertical-align:middle; box-sizing:border-box; border:none; margin-bottom:7px; }
input.input_st::-webkit-input-placeholder{ font-size:.938em; color:#888}
input.input_st::-moz-placeholder{ font-size:.938em; color:#888}
input.input_st::-moz-placeholder{ font-size:.938em; color:#888}
input.input_st::-ms-input-placeholder{ font-size:.938em; color:#888}
input[type=text].input_st, input[type=tel].input_st,
input[type=password].input_st{line-height:45px; height:45px; padding:0 20px;}
input[type=file].input_st{ background:none; border:none}
select.input_st{ height:45px;}
/**/
.inp_w10{ width:10%}
.inp_w15{ width:15%}
.inp_w20{ width:20%}
.inp_w25{ width:25%}
.inp_w30{ width:30%}
.inp_w315{width:31.5%;}
.inp_w35{ width:35%}
.inp_w40{ width:40%}
.inp_w45{ width:45%}
.inp_w493{width:49.3%;}
.inp_w50{ width:50%}
.inp_w60{ width:60%}
.inp_w63{ width:63%}
.inp_w65{ width:65%}
.inp_w70{ width:70%}
.inp_w75{ width:75%}
.inp_w80{ width:80%}
.inp_w85{ width:85%}
.inp_w90{ width:90%}
.inp_w95{ width:95%}
.inp_w100{ width:100%}
.textarea_w1{ width:100%; height:100px; padding:10px; overflow-y:scroll;}
.textarea_w2{ width:100%; height:80px;}
.textarea_w3{ width:100%; height:250px; padding:3%;}
/*inc*/
.al{ text-align: left !important;}
.ac{ text-align: center !important;}
.ar{ text-align: right !important;}

.vt{ vertical-align:top !important;}
.vm{ vertical-align:middle !important;}
.vb{ vertical-align:bottom !important;}

.fl{ float:left !important;}
.fr{ float:right !important;}
.cl{ clear:both !important; display:block}
.oh{ overflow:hidden !important;}

.pr{ position:relative; z-index:inherit}
.pa{ position:absolute; z-index:inherit}
.pa100{ position:absolute; z-index:inherit; left:0; top:0; width:100%; height:100%}

.di{display:inline-block; *display:inline; zoom:1;}
.db{ display:block !important;}
.dn{ display:none !important;}

.flex{ display: flex;}
.flex.wrap{ flex-wrap: wrap;}
.flex.hc{ justify-content: center;}
.flex.vc{ align-items: center;}
.flex .fix1{ flex:1;}
.flex.gap025{ gap:.25em}
.flex.gap05{ gap:.5em}