@charset "utf-8";
/* 240802 */

/*kvo*/
/*common*/
.line {display: block; width: 100%; height: 6px; background-color: #f4f4f4;}
.topvisual_content {height: 420px;}
.topvisual_content .top_wrap {position: relative; -webkit-transition:all 0.3s cubic-bezier(0.215,0.610,0.355,1.000); -moz-transition:all 0.3s cubic-bezier(0.215,0.610,0.355,1.000); -o-transition:all 0.3s cubic-bezier(0.215,0.610,0.355,1.000); -ms-transition:all 0.3s cubic-bezier(0.215,0.610,0.355,1.000); transition:all 0.3s cubic-bezier(0.215,0.610,0.355,1.000);}
.topvisual_content .title {padding:135px 0 40px 0;}
.topvisual_content .title p {font-size:18px; margin-bottom: 12px; font-family: NSBold; color:#fff; text-align: center; letter-spacing: -1px; line-height: 22px;}
.topvisual_content .title h3 {font-size:36px; font-family: NSBold; color:#fff; text-align: center; letter-spacing: -1px; line-height: 33px;}
.topvisual_content .top_img {text-align: center;}
.topvisual_content .top_img img{height:235px;}
.topbtn_area {text-align: center; padding-top: 22px;}
.topbtn_area a {position: relative; display: inline-block;}
.kvo_con {position: relative;}
.system {margin-top: 68px;}
.system p {text-align: center; font-family: tahoma; font-size: 10px; color:#6e6d6d; letter-spacing: -0.2px; line-height:16px; }
.system p a {display: inline-block; margin-top: 5px; font-family: dotum; font-size:11px; color:#aaa; letter-spacing: -0.2px;}
.system p a:hover {text-decoration: underline; color:#444;}
.system strong {display:inline-block; margin-right: 6px; font-family: NBGBold; color:#4e4d4d;}
.system span {font-family: NBG;}
.section1_area {padding: 55px 0; border-bottom: 1px solid #eeeeee;}
.section2_inner .oneimg {text-align: center;}
.section2_inner .oneimg > img{width: 500px; box-shadow : 0px 14px 10px -16px rgba(0,0,0,0.35);}
.section2_inner .twoimg {text-align: center;}
.section2_inner .twoimg li {display: inline-block;}
.section2_inner .twoimg li .leftimg {margin-right: 2px;}
.section2_inner .twoimg li .rightimg {margin-left: 2px;}
.section2_inner .twoimg li img {width: 360px;}
.section2_inner li .tit {display: block; margin-top: 8px; font-size: 13px; color:#6f6f6f; text-align: center;}
.section2_inner .tab_content p.a_tabtit2 {padding-top: 20px; padding-bottom: 28px;}
.section2_inner ul.a_tab2wrap {margin-top:52px; padding: 0 109px;}
.section2_inner ul.a_tab2wrap li {float: left; text-align: center;}
.section2_inner ul.a_tab4wrap {margin-top:52px; padding: 0 109px;}
.section2_inner ul.a_tab4wrap li {float: left; text-align: center;}
.section2 {border-top: 1px solid #eeeeee; border-bottom: 1px solid #eeeeee;}
.section2_inner {position: relative; background: #fff;}
.section2_inner .tab_content {position: relative; /*display: none;*/ padding: 65px 0 70px;}
.section2_inner .tab_content h4 {font-family: NSBold; font-size:24px; color:#343434; text-align: center; line-height: 25px;}
.section2_inner .tab_content h4.pno_h4 {margin-bottom: 28px;}
.section2_inner .tab_content p {padding-top: 18px; padding-bottom: 17px; font-family: NBGLight; font-size: 14px; color:#191919; text-align: center; line-height: 22px;}

/*모니터 left*/
.section1_a {float: right; position: relative; left: -52%;}
.section1_a .img {float: left; position: relative; left: 50%;}
.section1_a .img img {vertical-align: top; height: 350px;}
.section1_a dl.text {float: left; position: relative; left: 50%; margin-top:90px;  margin-left: 60px;}
.section1_a dl.text dt {display:block; font-family:NBGLight; font-size:30px; color:#272727; letter-spacing: -1px; line-height:38px; margin-bottom:13px;}
.section1_a dl.text dt span.archi {color:#f2028b;}
.section1_a dl.text dd {display:block; font-family:NBGLight; font-size: 14px; color:#191919; line-height: 21px;}

/*archi*/
.a_bg {background-color: #f2028b;}
.section1_a {float: right; position: relative; left: -52%;}
.section1_a .img {float: left; position: relative; left: 50%;}
.section1_a .img img {vertical-align: top; height: 350px;}
.section1_a dl.text {float: left; position: relative; left: 50%; margin-top:90px;  margin-left: 60px;}
.section1_a dl.text dt {display:block; font-family:NBGLight; font-size:30px; color:#272727; letter-spacing: -1px; line-height:38px; margin-bottom:13px;}
.section1_a dl.text dt span.archi {color:#f2028b;}
.section1_a dl.text dd {display:block; font-family:NBGLight; font-size: 14px; color:#191919; line-height: 21px;}
.section2_inner .tab_content.archibg {background-color: #fffafd;}
.section2_inner ul.a_tab2wrap span.a1_tab2img {width: 432px; height: 275px; display: inline-block; margin-right: 15px; background:url(../img/content/archi1_tab2.png);}
.section2_inner ul.a_tab2wrap span.a2_tab2img {width: 432px; height: 275px; display: inline-block; background:url(../img/content/archi2_tab2.png);}
.section2_inner ul.a_tab4wrap span.a1_tab4img {width: 432px; height: 275px; display: inline-block; margin-right: 15px; background:url(../img/content/archi1_tab4.png);}
.section2_inner ul.a_tab4wrap span.a2_tab4img {width: 432px; height: 275px; display: inline-block; background:url(../img/content/archi2_tab4.png);}
.section3_a {padding:90px 0 80px 0; border-top: 1px solid #eeeeee; border-bottom: 1px solid #eeeeee;}
.section3_a dl.text {padding-bottom:75px; text-align: center;}
.section3_a dl.text dt {margin-bottom: 13px; font-family: NBGLight; font-size: 30px; color:#3a3a3a; line-height: 38px;}
.section3_a dl.text dd {font-family: NBGLight; font-size: 14px; color:#484848; line-height: 21px;}
.section3_a dl.text a {position: relative; display: inline-block; margin-top: 45px;color:#ff3fad; padding:9px 11px; font-family: NBGBold; font-size: 16px; border: 2px solid #ff3fad; border-radius: 3px; }
.section3_a .item_sliding {overflow: hidden;}
/*.section3_a .sliding_top {width: 2200px; margin-bottom: 20px;}
.section3_a .sliding_bottom {width: 2200px; margin-left: -70px;}*/
/*190403_개발용수정(s)*/
.section3_a .sliding_top {width: 100%; margin-bottom: 20px; position: absolute;}
.section3_a .sliding_bottom {width: 100%; margin-bottom: 20px; position: absolute;} 
/*190403_개발용수정(e)*/

/*190418_개발용수정- position추가(s)*/
.section3_a .sliding_top div, .section3_a .sliding_bottom div {float: left; margin:0 30px; position: absolute;}
/*190418_개발용수정- position추가(e)*/

.section3_a div span {display: inline-block; width: 70px; height: 70px;}
.section3_a .item1 span {background:url(../img/content/li_ob1.png) no-repeat; background-position: center; background-size: 70px auto;}
.section3_a .item2 span {background:url(../img/content/li_ob2.png) no-repeat; background-position: center; background-size: 70px auto;}
.section3_a .item3 span {background:url(../img/content/li_ob3.png) no-repeat; background-position: center; background-size: 70px auto;}
.section3_a .item4 span {background:url(../img/content/li_ob4.png) no-repeat; background-position: center; background-size: 70px auto;}
.section3_a .item5 span {background:url(../img/content/li_ob5.png) no-repeat; background-position: center; background-size: 70px auto;}
.section3_a .item6 span {background:url(../img/content/li_ob6.png) no-repeat; background-position: center; background-size: 70px auto;}
.section3_a .item7 span {background:url(../img/content/li_ob7.png) no-repeat; background-position: center; background-size: 70px auto;}
.section3_a .item8 span {background:url(../img/content/li_ob8.png) no-repeat; background-position: center; background-size: 70px auto;}
.section3_a .item9 span {background:url(../img/content/li_ob9.png) no-repeat; background-position: center; background-size: 70px auto;}
.section3_a .item10 span {background:url(../img/content/li_ob10.png) no-repeat; background-position: center; background-size: 70px auto;}
.section3_a .item11 span {background:url(../img/content/li_ob11.png) no-repeat; background-position: center; background-size: 70px auto;}
.section3_a .item12 span {background:url(../img/content/li_ob12.png) no-repeat; background-position: center; background-size: 70px auto;}
.section3_a .item13 span {background:url(../img/content/li_ob13.png) no-repeat; background-position: center; background-size: 70px auto;}
.section3_a .item14 span {background:url(../img/content/li_ob14.png) no-repeat; background-position: center; background-size: 70px auto;}
.section3_a .item15 span {background:url(../img/content/li_ob15.png) no-repeat; background-position: center; background-size: 70px auto;}
.section3_a .item16 span {background:url(../img/content/li_ob16.png) no-repeat; background-position: center; background-size: 70px auto;}
.section3_a .item17 span {background:url(../img/content/li_ob17.png) no-repeat; background-position: center; background-size: 70px auto;}
.section3_a .item18 span {background:url(../img/content/li_ob18.png) no-repeat; background-position: center; background-size: 70px auto;}
.section3_a .item19 span {background:url(../img/content/li_ob19.png) no-repeat; background-position: center; background-size: 70px auto;}
.section3_a .item20 span {background:url(../img/content/li_ob20.png) no-repeat; background-position: center; background-size: 70px auto;}
.section3_a .item21 span {background:url(../img/content/li_ob21.png) no-repeat; background-position: center; background-size: 70px auto;}
.section3_a .item22 span {background:url(../img/content/li_ob22.png) no-repeat; background-position: center; background-size: 70px auto;}
.section3_a .item23 span {background:url(../img/content/li_ob23.png) no-repeat; background-position: center; background-size: 70px auto;}
.section3_a .item24 span {background:url(../img/content/li_ob24.png) no-repeat; background-position: center; background-size: 70px auto;}
.section3_a .item25 span {background:url(../img/content/li_ob25.png) no-repeat; background-position: center; background-size: 70px auto;}
.section3_a .item26 span {background:url(../img/content/li_ob26.png) no-repeat; background-position: center; background-size: 70px auto;}
.section3_a .item27 span {background:url(../img/content/li_ob27.png) no-repeat; background-position: center; background-size: 70px auto;}
.section4_a {padding-bottom: 50px;}
.section4_a .video {position: relative; height: 350px;}
.section4_a .video.archi {background: url(../img/content/archivideo.png) no-repeat; background-size: cover;}
.section4_a .video a {display: block; width: 100%; height: 350px;}
.section4_a .textbox {position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 300px; height: 115px; text-align: center; margin: auto;}
.section4_a .textbox .video_btn {display: inline-block; width: 40px;}
.section4_a .textbox p {margin-top: 18px; font-family: NBGLight; font-size: 23px; line-height: 30px; color:#fff;}


/*archi S*/
.a_point_color{color:#ff5700;}
.a_gray_color{color:#aaaaaa;}
.a_white_color{color:#ffffff;}
.archi_bg {background:url(../img/content/archi_main_bg.png) top center; height: 522px;}
.a_yAnimate_2{font-size:50px !important;}
.a_system{margin-top:0;}
.a_system p{padding:0 10px 0 10px;}
.archi_content{height:987px;}
.archi_content .archi_top_wrap {position: relative; margin:0 auto; -webkit-transition:all 0.3s cubic-bezier(0.215,0.610,0.355,1.000); -moz-transition:all 0.3s cubic-bezier(0.215,0.610,0.355,1.000); -o-transition:all 0.3s cubic-bezier(0.215,0.610,0.355,1.000); -ms-transition:all 0.3s cubic-bezier(0.215,0.610,0.355,1.000); transition:all 0.3s cubic-bezier(0.215,0.610,0.355,1.000);}
.section1_archi{width:80%; height:1600px; margin:0 auto;}
.section1_a_title{text-align: center; font-size:36px; color:#ffffff; font-weight: normal;}
.archi_versus{position: relative; width:100%; height:400px; margin:0 auto; margin-top:50px;}
.archi_versus p.versus_title{text-align: center; font-size:18px; color:#ffffff; position: absolute; top:0px; left:0; right:0;}
.archi_versus div.vs{color:#ffffff; font-size:40px; position: absolute; text-align: center; top:130px; left:0; right:0;}
.archi_versus .versus_left{width:34%; height:100%; float: left; text-align: right;}
.archi_versus .versus_right{width:34%; height:100%; float: right;}
.section1_archi .archi_compare{width:560px; height:425px; margin: 0 auto 200px auto;}
.section1_archi .archi_compare_inner{width:560px; height:100%; margin:0 auto 0px auto; position:relative;}
.section1_archi h4.compare_title{width:540px; margin:0 auto; color:#ffffff; font-size:30px; padding-left:20px; font-weight:normal; margin-bottom:30px;}
.section1_archi .archi_compare_inner .archi_desc{position: relative; width:100%;}
.section1_archi .archi_compare_inner .archi_3_desc{float: left; width:48%; padding-right:2%;}
.section1_archi .archi_compare_inner .archi_3_desc h4{color:#aaaaaa; font-size:24px; font-weight: normal; text-align: right; margin-top:10px; margin-bottom:10px;}
.section1_archi .archi_compare_inner .archi_3_desc .a3_description p{color:#aaaaaa; font-size:14px; font-weight: normal; text-align: right; line-height: 1.4;}
.section1_archi .archi_compare_inner .archi_s_desc{float:right; width:48%; padding-left:2%;}
.section1_archi .archi_compare_inner .archi_s_desc h4{color:#ffffff; font-size:24px; font-weight: normal; text-align: left; margin-top:10px; margin-bottom:10px;}
.section1_archi .archi_compare_inner .archi_s_desc .as_description p{color:#ffffff; font-size:14px; font-weight: normal; text-align: left; line-height: 1.4;}

.section2_a{border-top:1px solid #ff5700; border-bottom:1px solid #ff5700; margin-top:200px;}
.section2_archis .section2_inner .tab_content.archibg {background-color: none;}
.section2_archis .section2_inner ul.a_tab2wrap span.a1_tab2img {width: 432px; height: 275px; display: inline-block; margin-right: 15px; background:url(../img/content/archi1_tab2.png);}
.section2_archis .section2_inner ul.a_tab2wrap span.a2_tab2img {width: 432px; height: 275px; display: inline-block; background:url(../img/content/archi2_tab2.png);}
.section2_archis .section2_inner ul.a_tab4wrap span.a1_tab4img {width: 432px; height: 275px; display: inline-block; margin-right: 15px; background:url(../img/content/archi1_tab4.png);}
.section2_archis .section2_inner ul.a_tab4wrap span.a2_tab4img {width: 432px; height: 275px; display: inline-block; background:url(../img/content/archi2_tab4.png);}

.section3_archis{width:100%; height:500px; margin:150px auto 0 auto; padding-bottom:150px;}
.section3_archis h3.archi_gallery_title{font-size:30px; font-weight: normal; margin-bottom:30px; text-align: center;}
.section3_archis .archi_gallery{text-align: center; width:100%; height:100%; overflow: hidden; position: relative;}
.section3_archis .archi_gallery ul li{position: absolute; width:100%; height:478px; text-align: center;}
.section3_archis .archi_gallery ul li img{display:inline-block; margin:0 auto;}
.section3_archis .archi_gallery ul li.archis_gallery01{top:0; left:0;}
.section3_archis .archi_gallery ul li.archis_gallery02{top:0; left:100%;}
.section3_archis .archi_gallery ul li.archis_gallery03{top:0; left:200%;}
.section3_archis .gallery_btn{position:absolute; width:90%; top:50%; left:50%; margin-top:-24px; margin-left:-45%;}
.section3_archis .gallery_btn .prev{float:left;}
.section3_archis .gallery_btn .next{float:right;}

/*kitchen*/
.ki_bg {background-color: #ff4e00;}
.section1_a dl.text dt span.kitchen {color:#ff4e00;}
.section2_inner .tab_content.kitchenbg {background-color: #fffaf7;}
.section4_a .video.kitchen {background: url(../img/content/kitchenvideo.png) no-repeat; background-size: cover;}

/*bath*/
.ba_bg {background-color: #ffaf1e;}
.section1_a.bath_monitor {left: -50%;}
.section1_a.bath_monitor .img img {height: 400px;}
.section1_a dl.text.bath_text {left: 45%; margin-top: 45px; margin-left: -70px;}
.section1_a dl.text dt span.bath {color:#ffaf1e;}
.section2_archis .section2_inner .tab_content.bathbg {background-color: #fffcf7;}
.section4_a .video.bath {background: url(../img/content/bathvideo.png) no-repeat; background-size: cover;}


/*모니터 right*/
/*khr*/
.khr_bg {background-color: #2e2e2e;}
.section1_b {float: right; position: relative; left: -48%;}
.section1_b .img {float: left; position: relative; left: 50%;}
.section1_b .img img {vertical-align: top; height: 350px;}
.section1_b dl.text {float: left; position: relative; left: 50%; margin-top:40px;  margin-right: 65px;}
.section1_b dl.text dt {display:block; font-family:NBGLight; font-size:30px; color:#272727; letter-spacing: -1px; line-height:38px; margin-bottom:13px;}
.section1_b dl.text dt span.khr {color:#06c597;}
.section1_b dl.text dd {display:block; font-family:NBGLight; font-size: 14px; color:#191919; line-height: 21px;}
.section2_inner .tab_content.khrbg {background-color: #fbfbfb;}
.section2_inner i.khrcare {display: block; font-style: normal; font-size: 11px; color:#949494;}
.section3 {padding-bottom: 50px;}
.section3 .video {position: relative; height: 350px;}
.section3 .video.khr {background: url(../img/content/khrvideo.png) no-repeat; background-size: cover;}
.section3 .video a {display: block; width: 100%; height: 350px;}
.section3 .textbox {position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 300px; height: 115px; text-align: center; margin: auto;}
.section3 .textbox .video_btn {display: inline-block; width: 40px;}
.section3 .textbox p {margin-top: 18px; font-family: NBGLight; font-size: 23px; line-height: 30px; color:#fff;}
/*builtin*/
.bu_bg {background-color: #0065c1;}
.section1_b dl.text dt span.builtin {color:#0065c1;}
.section2_inner .tab_content.bubg {background-color: #f8fcff;}
.section3 .video.builtin {background: url(../img/content/builtinvideo.png) no-repeat; background-size: cover;}


/*200928(s) 하우스 추가*/
/*house*/
.house_bg{background-color: #f9cb4e;}
.topvisual_content.house_bg .title{text-shadow: 3px 4px 9.5px rgba(0, 0, 0, 0.15);}
.topbtn_area .linkbtn_h {width: 92px; height: 34px; line-height: 34px; font-family: NBGBold; font-size: 16px; color:#555555; background-color:#fff; border: 2px solid #fff; border-radius: 3px; vertical-align: middle;}
.section1-1_h {float: right; position: relative; left: -48%; padding-top:150px;}
.section1-1_h .img {float: left; position: relative; left: 46%;}
.section1-1_h .img img {vertical-align: top; height: 350px;}
.section1-1_h dl.text {float: left; position: relative; left: 34%; margin-top:0px;}
.section1-1_h dl.text dt {display:block; font-family:NBGLight; font-size:30px; color:#3a3a3a; letter-spacing: -1px; line-height:38px; margin-bottom:13px;}
.section1-1_h dl.text dt span {color:#f9cb4e;}
.section1-1_h dl.text dd {display:block; font-family:NBGLight; font-size: 14px; color:#565656; line-height: 21px;}
.section1-2_h{background-color: #f4f4f4; width:100%; padding:130px 0;}
.section1-2_h h2.title{width: 100%; text-align: center;}
.section1-2_h h2.title span{display:block; text-align:center; font-family:'NS', sans-serif; font-weight: bold; font-size:24px; color:#f9cb4e;}
.section1-2_h h2.title strong{margin-top:10px; letter-spacing: -0.5px; display:block; text-align:center; font-family:'NS', sans-serif; font-weight: bold; font-size:30px; color:#000000;}
.section1-2_h p.desc{margin-top:25px; letter-spacing: -0.5px; display:block; text-align:center; font-family:'NBGLight', sans-serif; font-size:16px; color:#555; line-height: 1.6;}
.section1-2_h .box_container{width:100%; margin:0 auto; margin-top:100px; display:flex; justify-content: space-around;}
.section1-2_h .box_container .box{width:20%;}
.section1-2_h .box_container .img{width:100%; height:auto;}
.section1-2_h .box_container .img img{width:100%;}
.section1-2_h .box_container .txt h3{width:100%; text-align: center; margin:16px auto 14px auto; font-family: 'NS',sans-serif; font-weight: bold; font-size:18px; color:#ff0000;}
.section1-2_h .box_container .txt p{width:100%; text-align: center; margin:0 auto; font-family: 'NS',sans-serif; font-weight: normal; font-size:16px; color:#3c3c3c; line-height: 1.4;}
.section1-3_h{background-color: #ffffff;}
.section1-3_h .inner{width:80%; height:auto; margin:0 auto;}
.section1-3_h .flexbox{display: flex; justify-content: space-between; margin:250px 0;}
.section1-3_h .flexbox .box{width:48%;}
.section1-3_h .flexbox .txt_box h2{margin-bottom:30px;}
.section1-3_h .flexbox .txt_box h2.mg70{margin-top:70px;}
.section1-3_h .flexbox .txt_box h2.mg60{margin-top:60px;}
.section1-3_h .flexbox .txt_box h2.mg36{margin-top:36px;}
.section1-3_h .flexbox .txt_box h2 strong{display: block; font-family: 'NS', sans-serif; font-weight: bold; font-size: 30px; color: #000000; margin-top: 20px;}
.section1-3_h .flexbox .txt_box h2 span{display: block; font-family: 'NS', sans-serif; font-weight: bold; font-size: 26px;}
.section1-3_h .flexbox .txt_box p{display: block; font-family: 'NS', sans-serif; font-weight: normal; font-size: 20px; line-height: 1.6; color: #000000;}
.section1-3_h .flexbox .txt_box h2 span.color_693cff{color:#693cff;}
.section1-3_h .flexbox .txt_box h2 span.color_4380fe{color:#4380fe;}
.section1-3_h .flexbox .txt_box h2 span.color_00cfff{color:#00cfff;}
.section1-3_h .flexbox .txt_box h2 span.color_ff884f{color:#ff884f;}
.section2_inner li span.house_line {padding-bottom: 5px; border-bottom: 2px solid #f9cb4e; color:#f9cb4e; }
.section2_inner span.house_tab1img, .section2_inner span.house_tab2img, .section2_inner span.house_tab3img, .section2_inner span.house_tab4img {position: absolute; bottom: 0; right: 0; left: 233px; display:block; width: 636px; height: 343px;}
.section2_inner span.house_tab1img {background:url(../img/content/house/house_tab1-1.png);}
.section2_inner span.house_tab2img {background:url(../img/content/house/house_tab2-1.png);}
.section2_inner span.house_tab3img {background:url(../img/content/house/house_tab3-1.png);}
.section2_inner span.house_tab4img {background:url(../img/content/house/house_tab4-1.png); }

@media all and (max-width: 1180px){
	.section1-1_h {float: none; text-align: center;}
	.section1-1_h .img {float: none; position: inherit;}
	.section1-1_h .img img {height: 280px;}
	.section1-1_h dl.text {float: none; position: inherit; left:48%; margin-top:20px;}
	.section1-1_h dl.text dt {display:block; font-family:NBGLight; font-size:26px; color:#3a3a3a; letter-spacing: -1px; line-height:38px; margin-bottom:13px;}
	.section1-1_h dl.text dt span {color:#f9cb4e;}
	.section1-1_h dl.text dd {display:block; font-family:NBGLight; font-size: 14px; color:#565656; line-height: 21px;}
	.section1-2_h .box_container .box{width:24%;}
	.section1-2_h .box_container .txt h3{margin:16px auto 14px auto; font-size:16px;}
	.section1-2_h .box_container .txt p{font-size:14px; line-height: 1.4;}
	.section1-3_h .inner{width:95%; height:auto; margin:0 auto;}
	.section1-3_h .flexbox .txt_box h2.mg70,.section1-3_h .flexbox .txt_box h2.mg60,.section1-3_h .flexbox .txt_box h2.mg36{margin-top:20px;}
	.section1-3_h .flexbox .txt_box h2 strong{font-size: 23px; margin-top: 10px;}
	.section1-3_h .flexbox .txt_box h2 span{font-size: 18px;}
	.section1-3_h .flexbox .txt_box p{font-size: 14px; line-height: 1.6;}
}
@media all and (max-width: 730px){
	.section1-2_h{padding:100px 0;}
	.section1-2_h .box_container{flex-wrap:wrap; margin-top:50px;}
	.section1-2_h .box_container .box{width:48%; margin-bottom:50px;}
	.section1-3_h .flexbox{display: flex; justify-content: center; margin:150px auto; flex-direction: column; align-content: center;}
	.section1-3_h .flexbox:nth-child(2n){flex-direction: column-reverse;}
	.section1-3_h .flexbox .box{width:100%; margin:0 auto;}
	.section1-3_h .flexbox .txt_box h2{margin-bottom:10px;}
	.section1-3_h .flexbox .txt_box p{margin-bottom:20px;}
}
@media all and (max-width: 630px){
	.section1-1_h .img img {height: 160px;}
	.section1-2_h h2.title span{font-size:26px;}
	.section1-2_h h2.title strong{margin-top:10px;font-size:26px;}
	.section1-2_h p.desc{margin-top:25px;font-size:14px;}
}
/*200928(e) 하우스 추가*/


/*login*/
.login_page {position: relative; height:100vh;}
.login_wrap {margin: auto; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 380px; height: 365px;}
.login_inner {}
.login_wrap h3 {margin: 0 auto 50px auto; width: 288px; height: 37px; background: url(../img/content/user.png) no-repeat 0 0; background-size: 572px auto; text-indent: -9999px;}
.login_wrap .login_ipt_box {position: relative; display: block; height: 60px; overflow: hidden; background: #fff;}
.login_wrap .id_ipt {border-bottom: 1px solid #ccc; border-radius: 5px 5px 0 0;}
.login_wrap .pw_ipt { border-radius: 0 0 5px 5px;}
.login_wrap .login_ipt_box strong {display: block; position: absolute; top: 22px; left: 25px; height: 17px; font-size: 14px; color: #b6b6b6; vertical-align: middle; font-weight: normal;}
.login_wrap .login_ipt_box input {position: relative; padding: 22px 25px; width: 330px; height: 16px; font-family: 'NBGBold'; font-size: 14px; color: #aaa; border: none; letter-spacing: 1px; background-color: transparent;}
.login_wrap .login_ipt_box.on input {color:#7606e8;}
.login_wrap .login_ipt_box button {display:none;}
.login_wrap .login_ipt_box.on button {position:absolute; top:21px; right:26px; display:block; width:17px; height:17px; border:none; background:url(../img/content/user.png) no-repeat 0 -38px; background-size: 572px auto; text-indent:-9999px}
.login_wrap .btn_login {display: block; margin-top: 20px; width:380px; line-height: 60px; font-size: 17px; background:#fff; text-align: center; font-family: NBGBold; letter-spacing: -0.5px;}
.login_wrap a.btn_login {color: #6820e8;}
.login_wrap .bottom_button_box {margin-top: 40px; text-align: center;}
.login_wrap .bottom_button_box a {display: inline-block; padding: 19px 18px 0 18px; color: rgba(255,255,255,0.8);}
.login_wrap .bottom_button_box a:hover {color: rgba(255,255,255,1);}
.login_wrap .bottom_button_box .icon_division {display: inline-block; width: 1px; height: 12px; background:url(../img/content/user.png) no-repeat -19px -38px; background-size: 572px auto; opacity: 0.8; vertical-align: -2px;}



/*join*/
.join_page {position: relative; margin:0 auto; padding:75px 60px 100px 60px; }
.join_page .join_wrap {margin:0 auto;}
.join_wrap h3 {margin-bottom: 20px; font-family: NS; font-weight: 400; font-size: 18px; color:#fff; text-align: center; letter-spacing: -1px;}
.join_wrap .join_bg {background-color: #fff; border-radius: 5px;}
.join_wrap .join_bg .inner {padding: 30px 20px;}
.join_wrap .certify {margin-bottom: 60px;}
.join_wrap .certify .join_top {margin-bottom: 35px;}
.join_wrap .certify h4 {float: left; font-family: NBG; font-weight: 400; font-size: 21px; color:#7704e8;}
.join_page .certify .step {float: right; margin-top: 2px;}
.join_page .certify .step li {display: inline-block; font-family: NS; font-size: 14.5px; color:#7803e8; opacity: 0.4; letter-spacing: -0.5px;}
.join_page .certify .step span {font-family: Tahoma; margin-right: 7px; padding-left: 2px; padding-right: 2px; font-size: 15px; font-weight: bold;}
.join_page .certify .step li.on {opacity: 1; font-family: NSBold;}
.join_page .certify .step li.on span {border-bottom: 1px solid #7803e8;}
.join_wrap .certify a {margin-bottom: 38px; width: 100%; display: inline-block; line-height: 60px; color:#fff; font-size: 17px; font-family: NBG; text-align: center; background-color: #7803e8;}
.join_wrap .certify p.care {padding-top: 30px; border-top: 1px solid #d8d8d8; font-size: 13px; font-family: NBG; color:#535353; line-height: 23px; letter-spacing: -0.5px;}
.join_wrap .certify p.care> span {display: block;}
.join_wrap .complete {/*display: none;*/ text-align: center; margin-top: 42px; margin-bottom: 38px;}
.join_wrap .complete span {display: inline-block; width: 104px; height: 109px; background: url(../img/content/user.png) no-repeat 0 -57px; background-size: 572px auto;}
.join_wrap .complete p {margin-top: 20px; font-family: NBGBold; font-size: 18px; color:#424242;}
.join_wrap .agreement h4 {margin-bottom: 35px; font-family: NBG; font-weight: 400; font-size: 21px; color:#7704e8;}
.join_wrap .agreement .allagree {padding-bottom: 15px; border-bottom: 1px solid #8a8a8a;}
.join_wrap .agreement .allagree label.con{float: none; font-size:16px; color:#151515;}
.join_wrap .agreement ul {margin-top: 20px;}
.join_wrap .agreement li {position: relative; margin-bottom: 16px;}
.join_wrap .agreement li .accordion{position: absolute; top: 0; right: 0; padding: 0; font-family: DOTUM; font-size: 11px; color:#6a6a6a; border-bottom: 1px solid #6a6a6a;}
.join_wrap .agreement li .panel {max-height: 0;overflow: hidden; transition: max-height 0.2s ease-out;}
.join_wrap .agreement .inner {overflow: auto; height: 110px; margin-top: 15px; margin-bottom: 10px; padding: 10px; border: 1px solid #e6e6e6; }
.join_wrap .agreement .inner span {display: block; font-family: NBGBold; font-size: 13px; color:#2e2e2e; margin-bottom: 12px;}
.join_wrap .agreement .inner p {font-family: NBGLight; font-size: 11px; color:#636363; line-height: 17px; letter-spacing: 0;}
.join_wrap label.con {font-size: 14px; color:#535353; display: inline-block; position: relative; padding-left:34px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.join_wrap label.con em {margin-left: 2px; font-style: normal; font-size: 13px; color:#7f7f7f;}
.join_wrap label.con input {position: absolute; opacity: 0; cursor: pointer;}
.join_wrap.signupform label.con input {width: 0; height: 0; padding: 0;}
.join_wrap label.con span.checkmark {position: absolute; top: 0; left: 0; margin-top: -3px; width: 20px; height: 20px; border: 1px solid #7803e8;}
.join_wrap span.checkmark:after {content:''; position: absolute; display: none;}
.join_wrap label.con input:checked ~ .checkmark {background-color:#7803e8;}
.join_wrap label.con input:checked ~ .checkmark:after {display: block;}
.join_wrap label.con span.checkmark:after {left: 6px; top: 2px; width: 6px; height: 9px; border: solid white; border-width:0 2px 2px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);}
.join_wrap .inner .btn_area {padding-top: 45px; text-align: center;}
.join_wrap .inner .next_btn {display: inline-block; width: 190px; height: 54px; background: url(../img/content/user.png) no-repeat; background-position: -294px 0; background-size: 572px auto; opacity: 0.2;}
.join_wrap .inner .next_btn.on {opacity: 1;}
.join_wrap .userinfo {padding-bottom: 45px;}
.join_wrap .userinfo h4 {float: left; margin-bottom: 45px; font-family: NBG; font-weight: 400; font-size: 21px; color:#7704e8;}
.join_wrap .userinfo h4.joinh4 {float: none;}
.join_page .userinfo .step {float: right; margin-top: 2px;}
.join_page .userinfo .step li {display: inline-block; font-family: NS; font-size: 14.5px; color:#7803e8; opacity: 0.4; letter-spacing: -0.5px;}
.join_page .userinfo .step span {font-family: Tahoma; margin-right: 7px; padding-left: 2px; padding-right: 2px; font-size: 15px; font-weight: bold;}
.join_page .userinfo .step li.on {opacity: 1; font-family: NSBold;}
.join_page .userinfo .step li.on span {border-bottom: 1px solid #7803e8;}
.join_wrap .userinfo ul li {margin-bottom: 35px;}
.join_wrap .inputarea {display: block; width: 100%;}
.join_wrap .userinfo input, .join_wrap .businessinfo input {height: 45px; padding: 10px 15px; background-color: #f5f5f5; border: 1px solid #ebebeb;}
.join_wrap .userinfo input::placeholder, .join_wrap .businessinfo input::placeholder {font-size: 14px; color:#989898;}
.join_wrap .userinfo label, .join_wrap .businessinfo label {font-size: 14px; color:#444444;}
.join_wrap span.dot {display:inline-block; color:#f02525; margin-left: 1px; vertical-align: text-top; line-height: 12px;}
.join_wrap .userinfo span.fixedinfo {font-size: 16px; color:#989898; vertical-align: -1px;}
.join_wrap .namebirth label {display: inline-block; width: 85px;}
.join_wrap .namebirth .name {width: 100%; margin-bottom: 32px;}
.join_wrap .namebirth .birth {width: 100%;}
.join_wrap .idform_wrap {margin-top: 6px;position: relative;}
.join_wrap .idform_wrap .idform_inner {padding-right: 108px;}
.join_wrap.signupform input {width: 100%; box-sizing: border-box;}
.join_wrap .id a {position: absolute; top: 0; right: 0; width: 100px; line-height: 43px; text-align: center; font-size: 14px; color:#7803e8; border: 1px solid #7803e8;}
.join_wrap .pw .inputarea {margin-top: 6px;}
.join_wrap .pw1 {margin-bottom: 20px;}
.join_wrap .mobno label {display: inline-block; width: 85px;}
.join_wrap .mobno_wrap {margin-top: 6px;}
.join_wrap .mobno_wrap input {float: left; width: 142px;}
.join_wrap .mobno_wrap span.at {float: left; display: inline-block; width: 25px; text-align: center; margin-top: 16px; font-size: 14px; color:#656565;}
.join_wrap .phno .inputarea {margin-top: 6px;}
.join_wrap .email_wrap {margin-top: 6px; display: flex; -webkit-box-flex: 1;  -webkit-flex: 1 1 auto; -moz-box-flex: 1;-moz-flex: 1 1 auto;-ms-flex: 1 1 auto; flex: 1 1 auto; height: 45px; background-color: #f5f5f5; border: 1px solid #ebebeb;}
.join_wrap .email_wrap input {width: 100%; height: 45px; line-height: 0; padding-right: 2px; display: flex; -webkit-box-flex: 1;  -webkit-flex: 1 1 auto; -moz-box-flex: 1;-moz-flex: 1 1 auto;-ms-flex: 1 1 auto; flex: 1 1 auto;  box-sizing: border-box; background: none; border: none;}
.join_wrap .email_wrap input.input2 {padding-left: 2px;}
.join_wrap .email_wrap span.at {text-align: center; line-height: 49px; font-size: 14px; color:#656565;}
.join_wrap .email_wrap select {width:100%; height:25px; padding-left: 7px; border-right: 0; font-size: 14px; color:#989898; border: none; background-color: #f5f5f5; appearance:none;-webkit-appearance:none;-moz-appearance:none;-o-appearance:none;}
.join_wrap .email_wrap select::-ms-expand {display:none;}
.join_wrap .email_wrap .select_wrap {position: relative; width: 100%; height: 25px; margin-top: 10px; margin-bottom: 10px; border-left: 1px solid #e4e4e4;}
.join_wrap .email_wrap .select_wrap span {position: absolute; top: 0; right: 0; bottom: 0; margin:auto; margin-right: 7px; display:block; width: 13px; height: 7px; background:url('../img/content/select_arrow.png')no-repeat; background-size: 13px auto;}
.join_wrap .infoagree {margin-bottom: 0;}
.join_wrap .infoagree span.infoagree_text {display: block; margin-top: 7px; margin-bottom: 20px; font-family: dotum; line-height: 19px; font-size: 11px; color:#9c9c9c;}
.join_wrap .infoagree .checkbox_wrap label {width: 50%; font-size: 14px;}
.join_wrap .infoagree .checkbox_wrap {display: flex;}
.join_wrap .businessinfo {padding-top: 20px; border-top: 1px solid #eaeaea;}
.join_wrap .businessinfo ul li {margin-bottom: 35px;}
.join_wrap .businessinfo h4 {margin-bottom: 45px; font-family: NBG; font-weight: 400; font-size: 21px; color:#505050;}
.join_wrap .bisname .bistname {margin-bottom: 35px;}
.join_wrap .bisname .inputarea {margin-top: 6px;}
.join_wrap .bisno .inputarea {margin-top: 6px;}
.join_wrap .bisadress input.bisadress_input2 {margin-top: 6px;}
.join_wrap .bisadress .bisadressform_wrap {margin-top: 6px; margin-bottom: 6px; position: relative;}
.join_wrap .bisadress .bisadressform_wrap .bisadressform_inner {padding-right: 108px;}
.join_wrap .bisadress a {position: absolute; top: 0; right: 0; width: 100px; line-height: 43px; text-align: center; font-size: 14px; color:#7803e8; border: 1px solid #7803e8;}
.join_wrap .inner .joincomplt_btn1 {display: inline-block; width: 572px; height: 59px; background: url(../img/content/user.png) no-repeat; background-position: 0 -291px; opacity: 0.3;}
.join_wrap .inner .joincomplt_btn2 {display: inline-block; width: 100%; height: 59px; line-height: 59px; font-size: 17px; font-family: 'NSBold'; background: #7803e8; color:#fff; opacity: 0.3;}
.join_wrap .inner .joincomplt_btn1 {opacity: 1;}
.join_wrap .error {display: none; margin-top: 6px; font-size: 11px; font-family: 돋움; color:#f02525; line-height: 18px; letter-spacing:-0.5px;}



/*findid,pw*/
.findid {position: relative; margin:0 auto; padding:75px 60px 100px 60px; }
.findid h3 {margin-bottom: 20px; font-family: NS; font-weight: 400; font-size: 18px; color:#fff; text-align: center; letter-spacing: -1px;}
.findid .bgbox {background-color: #fff; border-radius: 5px;}
.findid .bgbox .inner {padding: 30px 20px;}
.findid h4 {margin-bottom: 20px; font-size: 20px; font-family: NSBold; color:#7704e8; letter-spacing:-0.1px; font-style: normal;}
.findid .tab {height: 48px; margin-bottom: 18px;  border: 1px solid #7803e8;border-radius: 6px;}
.findid .tab a {line-height: 48px; font-family: 'NS'; font-size: 15px; color:#7100de; text-align: center; letter-spacing: 0;}
.findid .tab a.on {background:#7803e8; color:#fff;}
.findid .tab a.left_tab {float: left; width: 50%; border-radius: 4px 0 0 4px; }
.findid .tab a.right_tab {float: left; width: 50%; border-radius: 0 4px 4px 0; }
.findid p {font-size: 13px; color:#aaa; line-height: 19px; margin-bottom: 27px;}
.findid .findid_input li {margin-bottom: 35px;}
.findid .findid_input label {font-size: 14px; color:#444444;}
.findid .inputarea {display: block; width: 100%; margin-top: 6px;}
.findid .inputarea input {width: 100%; padding: 10px 15px; box-sizing: border-box; height: 45px; background-color: #f5f5f5; border: 1px solid #ebebeb;}
.findid .inputarea input::placeholder {font-size: 14px; color:#989898;}
.findid .input2form_wrap {margin-top: 6px;position: relative;}
.findid .input2form_wrap .input2form_inner {padding-right: 108px;}
.findid .input2form_wrap a {position: absolute; top: 0; right: 0; width: 100px; line-height: 43px; text-align: center; font-size: 14px; color:#7803e8; border: 1px solid #7803e8;}
.find_footer{margin-top: 40px;}
.find_footer_btn{display:block; width:145px; line-height:45px ;margin:0 auto ; background: #7803e8; color:#fff; font-size:15px; font-family: NBG; text-align:center; cursor: pointer;}


/* 191011(s) */
/*user graph*/
.usergraph {padding:0 20px; background: #ffffff;}
.usergraph .userarchi {margin:0 auto; width:100%;}
.usergraph .userarchi .box {margin-top:20px; background: #ffffff; padding:26px 47px; border:1px solid #dadada; position: relative;}
.usergraph .userarchi .box h4 {font-size:19px; font-family: NS; color:#414040; letter-spacing: 0px;}
.usergraph .userarchi .box table{width:100%; height: auto; border-collapse: collapse; border:1px solid #4e82be;}
.usergraph .userarchi .box table caption{visibility: visible; overflow: hidden; width:100%; font-size: 12px; line-height: 30px; text-align: right;}
.usergraph .userarchi .box table .red{color:#ff0000;}
.usergraph .userarchi .box table tr, .usergraph .userarchi .box table td, .usergraph .userarchi .box table th {border:1px solid #dadada; font-family:NBG; font-size:13px;}
.usergraph .userarchi .box table tr.body:hover{background: #f4f4f4;}
/* 191014(s) */
.usergraph .userarchi .box table tr.topbg{background: #e9eeff;}
.usergraph .userarchi .box table tr.secondbg{background: #f2f5ff;}
.usergraph .userarchi .box table tr th.leftbg{background: url(../img/content/m_left_bg1.png);}
/* 191014(e) */
.usergraph .userarchi .box table th{padding:14px 0;}
.usergraph .userarchi .box table td{padding:5px 10px; text-align: right;}

.usergraph .userarchi .box table tr td span.using_icon{display:none; position: absolute; top:-15px; right:-15px; border-radius: 50%;}
.usergraph .userarchi .box table tr td span.using_icon img{width:30px; height:30px;}
.usergraph .userarchi .box table .using{border:4px solid #0000ff; border-right:none; box-sizing: border-box; font-weight: bold; color:#0000ff; font-size:18px;}
.usergraph .userarchi .box table .using td{position: relative;}
.usergraph .userarchi .box table .using td span.using_icon{display:block;}

.usergraph .userarchi .box ul{margin-top:20px;}
.usergraph .userarchi .box ul li{font-size:13px; font-family: NS; font-weight: 600; margin-top:10px; text-align: right;}
.usergraph .userarchi .box ul li.lastment{color:#aaaaaa;}
/* 191011(e) */

/*user main*/
.userab_wrap {padding:0 20px;}
.userab {width: 100%; margin-top: -40px;}
.userab .username {background:#fff; padding:26px 47px; border: 1px solid #dadada}
.userab .username .title {float: left; font-size: 13px;}
.userab .username .title span {display: inline-block; margin-top: 2px; margin-right: 5px; line-height: 24px; font-size: 19px; font-family: NSBold; color:#414040; letter-spacing: 0px;}
.userab .username .signdate {float: right; margin-top: 4px; line-height: 24px; font-size: 13px; letter-spacing: 0;}
.usermain {padding:20px 20px;}
.usermain .wrap {margin:0 auto; width:100%;}
.usermain .wrap .box {background:#fff; padding:47px; border: 1px solid #dadada; margin-bottom: 20px;}
.usermain .wrap .box h4 {font-size: 19px; font-family: 'NSBold'; color:#414040; letter-spacing: 0px; line-height: 25px;}
.usermain .wrap .box .desc {margin-top: 7px; font-size: 13px; color:#9a9a9a; line-height: 18px;}
.usermain .wrap .box .contents {width: 100%; margin-top: 30px;}
.usermain .wrap .box .contents li {padding:24px 0 24px 0; border-bottom:1px solid #e8e8e8;}
.usermain .wrap .box .contents li .type {float: left; padding-top:4px; font-size: 13px; color:#696969; line-height: 21px;}
.usermain .wrap .box .contents li .btns {float: right; padding-top:4px;}
.usermain .wrap .box .contents li span {display: block; float: left; margin-right: 20px; width: 48px; height: 51px; background: url(../img/content/user.png) no-repeat; background-size: 572px auto;}
.usermain .wrap .box .contents li strong {display: block; font-family: NSBold; font-size: 17px; color:#414040;} 
.usermain .wrap .box .contents li em {margin-left: 5px; font-style: normal; font-size: 12px;} 
.usermain .wrap .box .contents li a {display: inline-block; margin-left: 5px; width:95px; height: 32px; line-height: 32px; border-radius: 3px; border:1px solid #dcdcdc; text-align: center; font-family: NBG; font-size: 11px; color:#6d6d6d;} 
.usermain .wrap .box .contents li a:hover {border:1px solid #5d48e6; color:#5d48e6;}
.usermain .wrap .box .contents li a.license {background: #f1f1f1; color:#6d6d6d;}
.usermain .wrap .box .contents li a.license:hover {background: #5d48e6; color:#fff;}
/*191007(s) 아키S, 키친3 추가*/
.usermain .wrap .box .contents li.archis span {background-position: -104px -112px;}
.usermain .wrap .box .contents li.kitchen3 span {background-position: -204px -112px;}
/*191007(e) 아키S, 키친3 추가*/
.usermain .wrap .box .contents li.archi span {background-position: -104px -57px;}
.usermain .wrap .box .contents li.kitchen span {background-position: -204px -57px;}
.usermain .wrap .box .contents li.bath span {background-position: -154px -57px;}
.usermain .wrap .box .contents li.builtin span {background-position: -254px -57px;}
.usermain .wrap .box .contents li.high span {width: 47px; height: 47px; background-position: -304px -57px;}
.usermain .wrap .box .contents li.high {border-bottom: none;}
.usermain .triple .box {position: relative; height:180px;}
.usermain .hstyle {font-size: 19px; font-family: NSBold; color:#414040; letter-spacing: 0px; line-height: 26px;}
.usermain .hstyle span {display: inline-block; margin:5px 2px 0 0; vertical-align: -2px; font-size: 28px; letter-spacing: -1px; color:#5d48e6;}
.usermain .triple .box a {position: absolute; right:47px; bottom: 47px; width:82px; line-height: 32px; border:1px solid #dadada; font-size: 12px; text-align: center; color:#333;}
.usermain .triple .box a:hover {border:1px solid #5d48e6; color:#5d48e6;}

/*infosecurity*/
.infosecurity {margin:0 auto; padding:90px 80px 110px; background-color: #f5f6f8;}
.secure_wrap {width: 100%; margin:0 auto; border: 1px solid #dadada;}
.secure_bg {background-color:#fff;}
.secure_inner {padding: 80px 0;}
.secure_inner h4 {margin-bottom: 10px; font-family: 'NBGBold'; text-align: center; font-size: 19px; color:#353535;}
.secure_inner p {text-align: center; font-size: 13px; color:#898989; margin-bottom: 50px;}
.secure_inner .secure_form_wrap {width: 340px; margin: 6px auto 0; position: relative;}
.secure_inner .secure_form_wrap .secure_form_inner {padding-right: 108px;}
.secure_inner .secure_form_wrap input {width: 100%; padding: 10px 15px; box-sizing: border-box; height: 45px; background-color: #f5f5f5; border: 1px solid #ebebeb;}
.secure_inner .secure_form_wrap a {position: absolute; top: 0; right: 0; width: 100px; line-height: 43px; text-align: center; font-size: 13px; color:#333333; border: 1px solid #d7d7d7;}
.infomodify {margin: 0 auto; padding: 90px 80px 110px; background-color: #f5f6f8;}
.join_wrap .join_bg.infomodify_bg {border:1px solid #dadada; border-radius: 0;}
.infomodify .id label {display: inline-block; width: 85px;}
.infomodify .id > div {width: 100%; margin-bottom: 32px;}
.infomodify .id span.fixedinfo {font-size: 16px; color:#989898; vertical-align: -1px;}
.join_wrap .leave {margin-top: 27px; padding-top: 13px; border-top: 1px solid #eaeaea; text-align: right;}
.join_wrap .leave a {display: inline-block; height: 16px; font-size: 13px; border-bottom: 1px solid #989898; color: #989898; letter-spacing: 0;}
.infomodify .btn_area {padding-top: 60px; text-align: center;}
.infomodify .btn_area .modify_btn {display: inline-block; width: 150px; line-height: 55px; font-size: 16px; background-color: #7803e8; color:#fff;}

/*payment*/
.user_tit {padding: 40px 0 20px;}
.user_tit h4 {font-family: 'NSBold'; font-size: 17px; color:#545454;}
.user_tit p {margin-top: 8px; font-size: 14px}
.user_tit .custom-select {margin-top:44px;}
.user_list {width:100%; margin-bottom: 60px; font-family: NBG; font-size: 13px; color:#424242; letter-spacing: 0; border-top:1px solid #666;}
.user_list li {position: relative; padding:15px 0; color:#424242; border:0; border-bottom:1px solid #e2e2e2;}
.user_list li .leftlist {}
.user_list li .rightlist {position: absolute; bottom: 12px; right: 0;}
.user_list .info {display: block; text-align:left; margin-bottom: 4px; font-size: 15px;}
.user_list .date, .user_list .guide {display: block; text-align:left; font-size: 13px; color:#b5b5b5;}
.user_list .date {margin-bottom: 4px;}
.user_list .receipt {font-size: 12px; color:#b5b5b5;}
.user_list .guide a, .user_list .receipt a {font-size: 12px; border-bottom: 1px solid #bfbfbf; color:#b5b5b5;}
.user_list .amount {font-size: 15px;}
.user_list .method {display: block; margin-bottom: 4px; font-size: 12px; text-align: right; color:#b5b5b5;}
.user_list .blank {padding:60px 0; text-align: center; }
.user_list .total {padding:40px 0 20px; border-bottom:1px solid #666; color:rgb(98, 72, 230);}
.user_list .totaltit {float: left; margin-top: 12px; font-size: 16px;}
.user_list .totalamout {float: right; font-family: tahoma; font-size: 26px; font-weight: 700;}
.user_list .totalamout em {font-style: normal; font-weight: normal; font-size: 18px; vertical-align: 2px;}
.user_list p {text-align: center; padding:75px 0; border-bottom:1px solid #e2e2e2;}
#user .button_area {padding-top: 15px; padding-bottom: 55px; text-align: center;}
.bt_submit {width: 160px; height: 50px; line-height: 50px; font-family: 'NBGBold'; font-size: 18px; color:#fff; background-color:#464ee3;}
.etc {padding:20px 0 40px; color:#797979; font-family: NBG; font-size: 12px; line-height: 18px;}
.etc a {color:#797979; font-size: 12px; font-family: tahoma; letter-spacing: 0;}
.user_tit select {width:100%; height:40px; line-height: 40px; padding-left: 7px; font-size: 14px; color:#989898; border: 1px solid #c5c5c5; background-color: #fff; appearance:none;-webkit-appearance:none;-moz-appearance:none;-o-appearance:none; border-radius: 0;}
.user_tit select::-ms-expand {display:none;}
.user_tit .select_wrap {position: relative; width: 100%; height: 40px; margin-top: 15px;}
.user_tit .select_wrap span {position: absolute; top: 0; right: 0; bottom: 0; margin:auto; margin-right: 7px; display:block; width: 13px; height: 7px; background:url('../img/content/select_arrow.png')no-repeat; background-size: 13px auto;}
.account {margin-bottom: 15px;}
.account h4 {font-size: 18px;}
.account table {margin-top: 15px; width:100%; border-top: 1px solid #dcdcdc; border-left: 1px solid #dcdcdc; font-family: NBG; font-size: 13px;}
.account table th {border-bottom: 1px solid #dcdcdc; border-right:1px solid #dcdcdc; font-weight: normal; line-height: 40px; background: #f7f7f7;}
.account table td {border-bottom: 1px solid #dcdcdc; border-right:1px solid #dcdcdc; text-align: center; line-height: 50px;}
.account .etc a {font-size: 12px; letter-spacing: -0.5px; font-family: NBG; text-decoration: underline;}



/*policy*/
.policy_box {margin:0 auto;}
.policy_box h3 {margin-bottom: 20px; font-family: NS; font-weight: 400; font-size: 18px; color: #fff; text-align: center; letter-spacing: -1px;}
.policy_box .policy_wrap {margin:0 auto; padding:75px 60px 100px 60px;}
.policy_wrap .policy_bg {background-color:#fff; border-radius: 5px;}
.policy_wrap .inner {padding: 30px;}
.policy_box .tab {height: 48px; margin-bottom: 25px;  border: 1px solid #7803e8;border-radius: 6px;}
.policy_box .tab a {line-height: 48px; font-family: 'NS'; font-size: 15px; color:#7100de; text-align: center; letter-spacing: 0;}
.policy_box .tab a.on {background:#7803e8; color:#fff;}
.policy_box .tab a.left_tab {float: left; width: 50%; border-radius: 4px 0 0 4px; }
.policy_box .tab a.right_tab {float: left; width: 50%; border-radius: 0 4px 4px 0; }
.policy_box .h5sub {margin-bottom: 10px; color:#212121;}
.policy_box .in {padding-left: 17px;}
.policy_box .mabt5 {margin-bottom: 5px;}
.privacy {font-family: 'NS'; font-size: 12px; color:#7d7d7d; line-height: 19px;}
.privacy h4 {padding-bottom: 20px; font-family: NSBold; text-align: center; font-size: 16px; color:#2b2b2b;}
.privacy h5 {margin-bottom:7px;font-size: 13px; font-family: NSBold; color:#2b2b2b;}
.privacy p {margin-bottom:12px; font-size: 16px; font-weight: bold;}
.privacy span.line {display: inline-block; width: 100%; height: 1px; margin-top: 40px; margin-bottom: 35px; background-color: #e8e8e8;}

/*media Query*/

@media all and (max-width: 850px){
	/*bath*/
	.section1_a.bath_monitor .img img {height: 350px;}
}

@media all and (max-width: 820px){
	/*archi*/
	.a_yAnimate_2{font-size:40px !important;}
	.section1_a .img img {height:330px;}
	.section1_a {left: -50%;}
	.section1_a dl.text {margin-left: 55px;}

	/*khr*/
	.section1_b .img img {height:310px;}
	.section1_b {left: -50%;}
	.section1_b dl.text {}
}

@media all and (max-width: 760px){
	.section2_inner .twoimg li img {width: 440px;}
	.section2_inner .twoimg li .leftimg.on {padding-left:20px; padding-right: 20px;}
	.section2_inner .twoimg li .leftimg.none {display: none;}
	.section2_inner .twoimg li .rightimg.on {padding-left:20px; padding-right: 20px;}
	.section2_inner .twoimg li .rightimg.none {display: none;}
}

@media all and (max-width: 730px){
	/*archi*/
	.section1_a {float: none; text-align: center;}
	.section1_a .img {position:inherit; float:none;}
	.section1_a .img img {height: 280px;}
	.section1_a dl.text {display: inline-block; position:inherit; float:none; margin-left: 0; margin-top: 44px; text-align: left;}
	.section1_a dl.text dt {font-size: 26px; line-height: 35px; margin-bottom: 11px;}
	.section1_archi .archi_compare{width:420px; height:236px; margin-bottom:300px;}
	.section1_archi .archi_compare_inner {
		width: 420px;
		height: 100%;
		margin: 0 auto 0px auto;
		position: relative;
	}
	.section1_archi h4.compare_title {
		width: 360px;
		margin: 0 auto;
		color: #ffffff;
		font-size: 26px;
		font-weight: normal;
		margin-bottom: 30px;
		text-align: center;
	}

	/*khr*/
	.section1_b {float: none; text-align: center;}
	.section1_b .img {position:inherit; float:none;}
	.section1_b .img img {height: 260px;}
	.section1_b dl.text {display: inline-block; position:inherit; float:none; margin-left: 0; margin-right: 0; margin-top: 0; margin-bottom: 30px; text-align: left;}
	.section1_b dl.text dt {font-size: 26px; line-height: 35px; margin-bottom: 11px;}
	/*bath*/
	.section1_a dl.text.bath_text {margin-left:60px;}
	.section1_a.bath_monitor .img img {height: 265px;}
}

@media all and (max-width: 640px){
	/*kov common*/
	.topvisual_content {height:332px;}
	.topvisual_content .title {padding: 115px 0 30px 0;}
	.topvisual_content .title h3 {font-size: 28px; line-height: 30px;}
	.topvisual_content .title p {font-size: 15px; margin-bottom: 6px;}
	.topvisual_content .top_img img {height:175px;}
	.system {margin-top: 50px;}
	.system p {line-height: 14px; font-size: 10px;}
	.system p i {display: block; font-style: normal;}
	/*tab*/
	.section2_inner .tab_content {padding: 55px 0 60px;}
	.section2_inner .tab_content h4 {font-size: 23px; line-height: 24px;}

	/*archi*/
	.a_yAnimate_2{font-size:30px !important;}
	.a_system{margin-top:0;}
	.archi_versus p.versus_title {
		text-align: center;
		font-size: 18px;
		color: #ffffff;
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		margin-top:-24px;
	}
	.archi_versus div.vs {
		color: #ffffff;
		font-size: 30px;
		position: absolute;
		text-align: center;
		top: 100px;
		left: 0;
		right: 0;
	}
	.archi_versus {
		position: relative;
		width: 100%;
		height: 300px;
		margin: 0 auto;
		margin-top: 50px;
	}

	.section4_a .video {height: 250px;}
	.section4_a .video a {height: 250px;}
	.section4_a .textbox .video_btn {width: 35px;}
	.section4_a .textbox {height: 95px;}
	.section4_a .textbox p {font-size: 18px; line-height: 22px; margin-top: 15px;}

	/*khr*/
	.section3 .video {height: 250px;}
	.section3 .video a {height: 250px;}
	.section3 .textbox .video_btn {width: 35px;}
	.section3 .textbox {height: 95px;}
	.section3 .textbox p {font-size: 18px; line-height: 22px; margin-top: 15px;}

	/*join*/
	.join_page {padding:75px 0 100px 0;}
	.join_wrap h3 {font-size: 16px;}

	/*findid*/
	.findid {padding:75px 0 100px 0;}
	.findid h3 {font-size: 16px;}
	

	/* 191011(s) */
	/*user graph*/
	.usergraph .userarchi .box {padding:26px 20px;}
	.usergraph .userarchi .box table tr, .usergraph .userarchi .box table td, .usergraph .userarchi .box table th {font-size:10px;}
	.usergraph .userarchi .box ul li{font-size:10px;}
	/* 191011(e) */
	.usergraph .userarchi .box table tr th.leftbg{background: url(../img/content/m_left_bg2.png)}
	/*user main*/
	.userab {margin-top: -50px;}
	.userab .username {padding:26px 20px;}
	.userab .username .title {float: none; text-align: left;}
	.userab .username .signdate {float: none; text-align: left;}
	.usermain .wrap .box {padding: 20px;}
	.usermain .wrap .box .contents li .type {float: none;}
	.usermain .wrap .box .contents li .btns {float: none; padding-top: 25px; text-align: right;}
	.usermain .triple .box a {right:20px; bottom: 20px;}

	/*infosecurity*/
	.infosecurity {padding:60px 10px 60px;}
	.infomodify {padding:60px 10px 60px;}
	.secure_inner {padding:55px 20px;}
	.secure_inner h4 {font-size: 18px;}
	.secure_inner p {margin-bottom: 45px; line-height: 19px;}
	.secure_inner p span {display: block;}
	.secure_inner .secure_form_wrap {width: 100%;}
	.secure_inner .secure_form_wrap .secure_form_inner {padding-right: 98px;}
	.secure_inner .secure_form_wrap a {width: 90px;}

	/*policy*/
	.policy_box .policy_wrap {padding:75px 0 100px 0;}
}

@media all and (max-width: 550px){
	.section2_inner .oneimg {padding:0 10px;}
	.section2_inner .oneimg > img {width: 100%;}
	.section2_inner .twoimg li img {width: 100%;}
	
	/*login*/
	.login_wrap { width: 100%; height: 345px;}
	.login_inner {padding:0 20px;}
	.login_wrap .btn_login {width: 100%;}
	.login_wrap h3 {margin:0px auto 40px auto; width: 257px; height: 33px; background-size: 510px auto;}
	.login_wrap .bottom_button_box {margin-top: 35px; font-size: 13px;}
	.login_wrap .bottom_button_box a {padding:19px 12px 0 12px;}

	/*join*/
	.join_wrap .certify p.care {line-height: 20px;}
	.join_wrap .certify p.care> span {margin-bottom: 8px;}
	.join_wrap .agreement li .accordion{top: 5px; width: 17px; height: 9px; background: url(../img/content/user.png) no-repeat; background-position: -21px -38px; background-size: 572px auto; border-bottom: none; text-indent: -9999px;}
	
	/*archi S*/
	.section3_archis{width:100%; height:400px; margin:150px auto 0 auto; padding-bottom:150px;}
	.section1_archi .archi_compare{width:355px; height:200px; margin-bottom:300px;}
	.section1_archi h4.compare_title{width:355px; padding:0;}
	.section1_archi .archi_compare_inner {
		width: 355px;
		height: 100%;
		margin: 0 auto 0px auto;
		position: relative;
	}
	.section1_archi .archi_compare_inner .archi_s_desc .as_description p{font-size:13px;}
	.section1_archi .archi_compare_inner .archi_3_desc .a3_description p{font-size:13px;}
}

@media all and (max-width: 400px){
	
	.usermain .wrap .box .desc span {display: block;}

	/*archi S*/
	.section1_a_title {
		font-size:30px;
	}
	.section1_archi .archi_compare{width:300px; height:168px; margin-bottom:300px;}
	.section1_archi h4.compare_title{width:300px; padding:0;}
	.section1_archi .archi_compare_inner {
		width: 300px;
		height: 100%;
		margin: 0 auto 0px auto;
		position: relative;
	}
	.section1_archi .archi_compare_inner .archi_s_desc .as_description p{font-size:12px;}
	.section1_archi .archi_compare_inner .archi_3_desc .a3_description p{font-size:12px;}
	.section3_archis .gallery_btn {
		margin-top: -110px;
		margin-left: -45%;
	}
}

/* 240712 haedrio 해드리오 mobile (s) */
body.scroll_no {overflow: hidden;}
.ally_hidden {
	position:absolute;
	width:1px;
	height:1px;
	margin:-1px;
	overflow:hidden;
	clip:rect(0,0,0,0);
	-webkit-clip-path:inset(50%);
	clip-path:inset(50%);
}
.haedrio {
	min-width: 320px;
	font-family: 'pretendard', sans-serif;
	color: #343a40;
}
.haedrio .visual_wrap {background: url("../img/renewal/haedrio/img_bg_mo.png") center 10px no-repeat;}
.haedrio .visaul_inner {
	position: relative;
	width: 100%;
    height: 410px;
	margin: 0 auto;
	text-align: center;
}
.haedrio .visaul_inner .txt_wrap {
	position: absolute;
	top: 100px;
	left: 50%;
	margin: 0 0 40px;
	transform: translateX(-50%);
	text-wrap: nowrap;
}
.visaul_inner .main_tit {
	margin-bottom: 4px;
	font-size: 26px;
	font-weight: 700;
	color: #339af0;
}
.visaul_inner .main_tit .svc {font-weight: 500;}
.txt_wrap .txt {line-height: 24px;}
.haedrio .strong {font-weight: 700;}
.visaul_inner .main_tit .svc,
.visaul_inner .txt_wrap,
.btn_apply_haedrio,
.haedrio .main_tit2 {font-size: 18px;}
.btn_apply_haedrio {
	font-family: 'pretendard', sans-serif;
	padding: 4px 12px;
	margin-top: 12px;
	border-radius: 8px;
	background: #339af0;
	font-size: 18px;
	font-weight: 600;
	line-height: 1.67;
	color: #fff;
}
.haedrio .main_tit2 {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	margin: 0 auto;
	padding: 12px 0;
	background: #d0ebff;
	font-weight: 700;
	color:#212529;
	line-height: 42px;
}
.haedrio .main_tit2 .svg {margin-right: 4px;}
.haedrio .reason_list {
	width: 100%;
	padding: 20px;
	margin: 0 auto;
	font-size: 14px;
	line-height: 20px;
	color: #495057;
	box-sizing: border-box;
}
.reason:first-of-type {margin-bottom: 20px;}
.reason .cnt {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 28px;
	height: 28px;
	margin-bottom: 8px;
	border-radius: 50%;
	background: #339af0;
	font-size: 16px;
	font-weight: 600;
	color: #fff;
}
.reason .txt_wrap {
	display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    line-height: 20px;
}
.reason .img_box {margin: 12px 0 0;}
.reason .img_box .img_wrap {
	position: relative;
	width: 100%;
    max-width: 640px;
    max-height: calc(640px* 195 / 320);
    margin: 0 auto;
    border-radius: 15px;
}
.reason .img_box .img_wrap:first-of-type {margin-bottom: 20px;}
.reason .img_box .img_wrap::before {
    display: block;
    padding-top: 60.94%;
    content: '';
}
.reason .img_box .img_wrap:first-of-type::after {
	display: block;
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 68px;
	height: 68px;
	background: url("../img/renewal/haedrio/ico_arrow.png") center / cover no-repeat;
	transform: translate(-50%, 70%) rotate(90deg);
	content: '';
	z-index: 10;
}
.haedrio .img {
	position: absolute;
    left: 0;
    top: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.ellipsis {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}
.haedrio_trial {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .5);
	z-index: 100;
	font-family: 'pretendard',sans-serif;
	color: #495057;
	letter-spacing: 0;
}
.haedrio_trial .modal_inner {
	overflow: hidden auto;
	position: fixed;
	left: 50%;
	top: 50%;
	width: calc(100% - 40px);
	min-width: 300px;
	max-width: 320px;
	padding: 20px;
	background: #fff;
	transform: translate(-50%, -50%);
	box-sizing: border-box;
	text-align: center;
}
.haedrio_trial .top {
	position: relative;
	border-bottom: 1px solid #adb5bd;
}
.haedrio_trial .top::before {
	position: relative;
	display: block;
	width: 32px;
	height: 32px;
	background: url("../img/renewal/haedrio/ico_notice3x.png") center / cover no-repeat;
	content: '';
	margin: 0 auto 8px;
}
.haedrio_trial .step2 .top::before {background: url("../img/renewal/haedrio/ico_apply3x.png") center / cover no-repeat;}
.haedrio_trial .step3 .top::before {
	border-radius: 50%;
	background: url("../img/renewal/haedrio/ico_check3x.png") #734cff center / 24px 24px no-repeat;
}
.haedrio_trial .top .txt {
	margin: 8px 0 12px;
	font-size: 16px;
}
.haedrio_trial .tit,
.haedrio_trial .sub_tit {
	font-weight: 700;
	color: #212529;
}
.haedrio_trial .tit {font-size: 22px;}
.haedrio_trial .step2 .tit, 
.haedrio_trial .step3 .tit {color: #734cff;}
.haedrio_trial .sub_tit {
	margin: 12px 0 4px;
	font-size: 14px;
	line-height: 20px;
}
.haedrio_trial .center {
	font-size: 14px;
	margin: 12px 0 20px;
	text-align: start;
}
.haedrio_trial .step2 .center {margin: 20px 0;}
.haedrio_trial .step3 .center {text-align: center;}
.step3 .center .txt {line-height: 1.29}
.haedrio_trial .step2 .important_info,
.haedrio_trial .caution {text-align: start;}
.haedrio_trial .important_info {
	display: inline-block;
	width: 100%;
	font-size: 16px;
	font-weight: 600;
	color: #f03e3e;
	line-height: 20px;
	text-align: center;
}
.haedrio_trial .step2 .important_info {
	font-size: 14px;
	font-weight: 400;
}
.haedrio_trial .caution {
	letter-spacing: 0;
	line-height: 1.29;
}
.haedrio_trial .caution_item {
	position: relative;
	margin: 0 0 6px 0;
	padding-left: 8px;
	line-height: 18px;
}
.haedrio_trial .caution_item::before {
	position: absolute;
	left: 0;
	content: '·';
}
.haedrio_trial .check {
	position: relative;
	margin-top: 20px;
	font-weight: 600;
	color: #212529;
}
.haedrio_trial .bottom_btn {display: flex;}
.haedrio_trial .bottom_btn .btn {
	padding: 10px 30px;
	width: calc((100% - 20px)/2);
	font-size: 16px;
	font-weight: 600;
	font-family: 'pretendard',sans-serif;
	color: #fff;
	border-radius: 4px;
	box-sizing: border-box;
}
.haedrio_trial .btn:first-of-type {
	margin-right: 20px;
	border: 1px solid #734cff;
	background: #fff;
	color: #734cff;
}
.haedrio_trial .btn:last-of-type {background: #734cff;}
.haedrio_trial .step2 .custom_input_wrap {
	position: relative;
	margin: 12px 0;
}
.haedrio_trial .custom_input {
	/* display: none;
	appearance: none; */
	box-sizing: border-box;
    overflow: hidden;
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    font-size: initial;
    clip: rect(0 0 0 0);
	font-size: 16px;
    font-family: 'pretendard', sans-serif;
}
.haedrio_trial .custom_input_wrap {
	position: absolute;
	right: -4px;
	top: 0;
	font-family: 'pretendard', sans-serif;
	font-size: 16px;
}
.haedrio_trial .custom_input.date {
	display: block;
	appearance: initial;
	font-family: 'Pretendard', sans-serif;
	font-size: 14px;
}
.haedrio_trial .custom_checkbox {
	display: block;
	width: 16px;
	height: 16px;
	background: #fff;
	border: 1px solid #adb5bd;
	border-radius: 4px;
	box-sizing: border-box;
}
.haedrio_trial .checkbox:checked +.custom_checkbox {background: transparent;}
.haedrio_trial .checkbox:checked +.custom_checkbox {
	border-color: #734cff;
	background: url("../img/renewal/haedrio/ico_check3x.png") #734cff center / 16px 16px no-repeat;
}
.haedrio_trial .file_wrap,
.haedrio_trial .checkbox_wrap {
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.haedrio_trial .custom_file {
	display: flex;
    align-items: center;
    justify-content: center;
	width: 90px;
	padding: 6px 12px;
	border-color: #dee2e6;
	border-radius: 5px;
	background: #dee2e6;
	box-sizing: border-box;
	font-size: 14px;
	font-weight: 500;
	color: #212529;
	text-align: center;
}
.haedrio_trial .file_preview {
	display: flex;
	align-items: center;
	width: 153px;
	padding: 8px 10px;
	margin-top: 8px;
	border: 1px solid #734cff;
	border-radius: 100px;
	box-sizing: border-box;
	font-size: 12px;
	color: #212529;
}
.haedrio_trial .file_preview .ellipsis {
	flex: 1;
	line-clamp: 1;
	-webkit-line-clamp: 1;
	word-break: break-all;
}
.haedrio_trial .btn_delete_uploadfile {
	flex-shrink: 0;
	width: 16px;
	height: 16px;
	margin-left: 8px;
	border-radius: 50%;
	background: url("../img/renewal/haedrio/ico_close3x.png") #734cff center / 12px 12px no-repeat;
}
.haedrio_trial .file_info {
	position: relative;
	padding-left: 12px;
	line-height: 20px;
}
.haedrio_trial .file_info::before {
	position: absolute;
	left: 0;
	content: '※';
	font-size: 16px;
	color: #f03e3e;
}
.haedrio_trial .strong {
	font-weight: 600;
	color: #212529;
}
/* 240708 추가 (e) */
.haedrio_trial .request_box::placeholder {color: #adb5bd}
.haedrio_trial .request_box {
	width: 100%;
    padding: 4px;
    resize: none;
    box-sizing: border-box;
    font-family: 'pretendard', sans-serif !important;
    font-size: 14px;
    border: 8px solid #fff;
    border-radius: 5px;
    box-shadow: 0 0 0 1px #adb5bd;
}
.haedrio_trial .request_box::-webkit-scrollbar {
	width: 4px;
	border-radius: 10px;
	background: #dee2e6;
}
.haedrio_trial .request_box::-webkit-scrollbar-thumb {
	border-radius: 10px;
	background: #adb5bd;
}

.haedrio_trial .date_wrap {width: 138px;}
.haedrio_trial .date {
	position: relative;
	width: 138px;
	height: 36px;
	padding: 8.5px;
	border: 1px solid #adb5bd;
	border-radius: 5px;
	background: #fff;
	color: #495057;
}
.date_placeholder {
	display: none;
    position: absolute;
    top: 50%;
    right: 0;
	width: 20px;
	height: 20px;
    letter-spacing: -0.8px;
	color: #495057;
    transform: translate(-9px, -50%);
	background: url("../img/renewal/haedrio/ico_calendar3x.png") center right / 18px 18px no-repeat;
}
.haedrio_trial .date::placeholder {color: #adb5bd}
.haedrio_trial input.date::-webkit-datetime-edit,
.haedrio_trial input.date::-webkit-datetime-edit-year-field {
	font: 14px #495057 'pretendard', sans-serif !important;;
}
@supports selector(input[type="date" i]::-webkit-calendar-picker-indicator) {
	.haedrio_trial input[type="date" i]::-webkit-calendar-picker-indicator {
		background: url("../img/renewal/haedrio/ico_calendar3x.png") center / 20px 20px no-repeat;
	}
}
.haedrio_trial .error + label,
.haedrio_trial .error,
.haedrio_trial .error + .custom_checkbox,
.haedrio_trial .error + .custom_file {
	outline: 2px solid #000 !important;
}
.haedrio_trial .confirm_content {
	width: 100%;
	padding: 20px;
	border-radius: 10px;
	background: #f1f3f5;
	box-sizing: border-box;
	font-size: 12px;
}
.haedrio_trial .confirm_item {
	display: flex;
	margin-bottom: 20px;
	text-align: start;
}
.haedrio_trial .confirm_item.last_item {margin-bottom: 0;}
.haedrio_trial .confirm_item.last_item .content {
    overflow-y: auto;
	max-height: 95px;
}
.haedrio_trial .confirm_content .sub_tit2 {
	width: 69px;
	margin-right: 16px;
	flex-shrink: 0;
}
.haedrio_trial .sub_tit2 + .ellipsis {
	line-clamp: 1;
	-webkit-line-clamp: 1;
}
.haedrio_trial .confirm_item .content {font-weight: 500;}
.haedrio_trial .last_item .content_inner {
	padding-right: 4px;
}
/* 240708 추가 (s) */
.haedrio_trial .btn_close {
	position: absolute;
	right: 20px;
	top: 20px;
	width: 24px;
	height: 24px;
	background: url("../img/renewal/haedrio/ico_close3x_grey.png") center / cover no-repeat;
}
/* 240708 추가 (e) */

@supports selector(-webkit-scrollbar) {
	.haedrio_trial .request_box::-webkit-scrollbar,
	.haedrio_trial .last_item .content::-webkit-scrollbar {
		width: 4px;
		border-radius: 10px;
		background: #dee2e6;
	}
	.haedrio_trial .request_box::-webkit-scrollbar-thumb,
	.haedrio_trial .last_item .content::-webkit-scrollbar-thumb {
		border-radius: 10px;
		background: #adb5bd;
	}
}
.haedrio_trial, .step1, .step2, .step3 {display: none;}
.haedrio_trial.show {display: block;}
.step1.on, .step2.on, .step3.on {display: block;}

@media (max-width: 360px) {
	.haedrio_trial .check {letter-spacing: -0.9px;}
}
/* 240624 haedrio 해드리오 mobile (e) */

/* 240730 20주년 영상 (s) */
.landing_img_20th, .swiper_20th .swiper-wrapper {margin-top: 20px;}
.swiper_20th .swiper, .yt_player {
	width: 100%;
	height: 100%;
}
.swiper_20th .swiper-slide {
    overflow: hidden;
	height: 0;
    padding-bottom: 56%;
	aspect-ratio: 5/2.8;
}
.yt_player {
	position: absolute;
	top: 0;
	left: 0;
}
.swiper_20th .swiper-wrapper {margin-bottom: 25px;}
.swiper_20th .swiper-pagination {position: relative;}
.swiper_20th .swiper-pagination-bullet {
    width: 12px !important;
    height: 12px !important;
    margin: 0 12px !important;
}
/* 240730 20주년 영상 (e) */