@charset "utf-8";

/*kvo*/
.topvisual_content {height: 630px;}
.topvisual_content .top_wrap {position: relative; width: 1100px; 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);}
.topvisual_content .title {padding:170px 0 305px 0;}
.topvisual_content .title p {font-size:22px; margin-bottom: 15px; font-family: NSBold; color:#fff; text-align: center; letter-spacing: -1px; line-height: 22px;}
.topvisual_content .title h3 {font-size:50px; font-family: NSBold; color:#fff; text-align: center; letter-spacing: -1px; line-height: 50px;}
.topvisual_content .top_img {position: absolute; top: 0; bottom: 0; left: 0; margin-left: 262px; margin-top: 400px; z-index: 6666;}
.topvisual_content .top_img img{margin-bottom: 25px;}
.topbtn_area {text-align: center; padding-top: 30px;}
.topbtn_area a {position: relative; display: inline-block;}
.kvo_con {position: relative;}
.system {width: 1100px; margin:0 auto; margin-top: 85px;}
.system p {text-align: center; font-family: tahoma; font-size: 13px; color:#6e6d6d; letter-spacing: -0.2px; line-height:18px; }
.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;}
.left_btn {position: absolute; width: 24px; height: 48px; top:340px; left: -62px; display: block; background:url(../img/content/kvo.png) no-repeat; background-position: 0 -67px; z-index: 6664;}
.right_btn {position: absolute; width: 24px; height: 48px; top:340px; right: -62px; display: block; background:url(../img/content/kvo.png) no-repeat; background-position: -30px -67px; z-index: 6664;}
.section2 {padding:75px 0; background-color:#f2f2f2;}
.section2_inner {position: relative; width: 1100px; margin:0 auto;}
.section2_inner ul.tab {border-top: 1px solid #c4c4c4; border-left: 1px solid #c4c4c4;}
.section2_inner ul.tab li {float: left; height: 78px; width:calc((1098px - 1px*3)/4); border-right: 1px solid #c4c4c4; border-bottom: 1px solid #c4c4c4; background-color:#e8e8e8;}
.section2_inner ul.tab li:hover {background-color:#DEDEDE;}
.section2_inner ul.tab li.on {background-color:#fff; border-bottom:1px solid #fff;}
.section2_inner ul.tab li.on:hover {background-color:#fff;}
.section2_inner ul.tab li a {display: block; text-align: center; font-family: NSBold; font-size: 18px; color:#585758; line-height: 78px;}
.section2_inner ul.tab li span.a_line {padding-bottom: 5px; border-bottom: 2px solid #ff5c07; color:#ff5c07; }
.section2_inner ul.tab2 {border-top: 1px solid #c4c4c4; border-left: 1px solid #c4c4c4; background-color:#e8e8e8;}
.section2_inner ul.tab2 li {float: left; width: 366px; height: 78px; border-right: 1px solid #c4c4c4;border-bottom: 1px solid #c4c4c4;}
.section2_inner ul.tab2 li.bdrn {width: 364px;}
/* 20190813(s) */
.section2_inner ul.tab2 li.fourtab{width:274px;}
.section2_inner ul.tab2 li.fourtab_last{width:273px;}
/* 20190813(e) */
.section2_inner ul.tab2 li:hover {background-color:#DEDEDE;}
.section2_inner ul.tab2 li.on {background-color:#fff; border-bottom:1px solid #fff;}
.section2_inner ul.tab2 li.on:hover {background-color:#fff;}
.section2_inner ul.tab2 li a {display: block; text-align: center; font-family: NSBold; font-size: 18px; color:#585758; line-height: 78px;}
.section2_inner ul.tab2 li span.a_line {padding-bottom: 5px; border-bottom: 2px solid #f2028b; color:#f2028b; }
.section2_inner .tab_content {position: relative; width:calc((1100px - 1px*2)/1); height: 600px; border: 1px solid #c4c4c4; border-top:none; background-color: #fff;}
.section2_inner .tab_content {display: none;}
.section2_inner .tab_content.on {display: block;}
.section2_inner .tab_content h4 {padding-top: 110px; font-family: NSBold; font-size:35px; color:#343434; text-align: center; line-height: 35px;}
.section2_inner .tab_content p {padding-top: 30px; font-family: NBG; font-size: 17px; color:#6f6f6f; text-align: center; line-height: 25px;}



/*archi*/
.a_bg {background-color: #f2028b;}
.topbtn_area .trialbtn_a {width: 92px; height: 34px; line-height: 34px; margin-right: 7px; font-family: NBGBold; font-size: 16px; color:#fff; border: 2px solid #fff; border-radius: 3px; vertical-align: middle;}
.topbtn_area .buybtn_a {width: 92px; height: 34px; line-height: 34px; font-family: NBGBold; font-size: 16px; color:#f2028b; background-color:#fff; border: 2px solid #fff; border-radius: 3px; vertical-align: middle;}
.section1_a {width:1100px; margin:0 auto; height:830px;}
.section1_a .img {position: absolute; top: 100px; left: 220px; width: 737px; height: 679px; z-index: 6665;}
.section1_a .img img {vertical-align: top;}
.section1_a dl.text {position: absolute; width: 360px; top: 300px; left: 1080px; display:block; }
.section1_a dl.text dt { display:block; font-family:NBGLight; font-size: 42px; color:#3a3a3a; letter-spacing: -1px; line-height: 57px; margin-bottom: 20px;}
.section1_a dl.text dt span {color:#f2028b;}
.section1_a dl.text dd { display:block; font-family:NBGLight; font-size: 17px; color:#565656; line-height: 28px;}
.section2_inner span.a_tab1img, .section2_inner span.a3_tab1img, .section2_inner span.a_tab2img, .section2_inner span.a_tab3img {position: absolute; bottom: 0; right: 0; left: 233px; display:block; width: 636px; height: 343px;}
.section2_inner span.a_tab1img {background:url(../img/content/archi_tab1.png);}
.section2_inner span.a_tab2img {background:url(../img/content/archi_tab2.png);}
.section2_inner span.a_tab3img {background:url(../img/content/archi_tab3.png);}
.section2_inner span.a_tab4img {background:url(../img/content/archi_tab4.png);}
/*191017(s)*/
.section2_inner span.a3_tab1img {background:url(../img/content/archi3_tab1.png);}
/*191017(e)*/
.section2_inner .tab_content h4.a_tabtit {padding-top: 96px;}
.section2_inner .tab_content h4.a_tab3tit {padding-top: 96px; font-size: 33px;}
.section2_inner .tab_content p.a_tabtit2 {padding-top: 25px;}
.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_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:125px 0 135px 0}
.section3_a dl.text {width: 1100px; padding-bottom:125px; margin:0 auto; text-align: center;}
.section3_a dl.text dt {font-family: NBGLight; font-size: 36px; color:#3a3a3a; line-height: 46px;}
.section3_a dl.text dd {margin-top: 12px; font-family: NBGLight; font-size: 17px; color:#484848; line-height: 27px;}
.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 .text_btn{display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s;}
.section3_a .text_btn:before{content: ""; position: absolute; z-index: -1; top: 0;left: 0;right: 0;bottom: 0; background: #ff3fad;-webkit-transform: scaleX(0);transform: scaleX(0);-webkit-transform-origin: 0 50%;transform-origin: 0 50%;-webkit-transition-property: transform;transition-property: transform;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;}
.section3_a .text_btn:hover:before, .section3_a .text_btn:focus:before, .section3_a .text_btn:active:before{transform: scaleX(1);}
.section3_a dl.text a.text_btn:hover, .section3_a dl.text a.text_btn:focus, .section3_a dl.text a.text_btn:active {color:white;}
.section3_a .item_sliding {overflow: hidden;}
.section3_a .sliding_top {width: 100%; margin-bottom: 20px; position: absolute;}
.section3_a .sliding_top div {float: left; position: absolute; }
.section3_a div span {display: inline-block; width: 100px; height: 100px; margin: 0 28px;}
.section3_a .item1 span {background:url(../img/content/li_ob1.png) no-repeat; background-position: center;}
.section3_a .item2 span {background:url(../img/content/li_ob2.png) no-repeat; background-position: center;}
.section3_a .item3 span {background:url(../img/content/li_ob3.png) no-repeat; background-position: center;}
.section3_a .item4 span {background:url(../img/content/li_ob4.png) no-repeat; background-position: center;}
.section3_a .item5 span {background:url(../img/content/li_ob5.png) no-repeat; background-position: center;}
.section3_a .item6 span {background:url(../img/content/li_ob6.png) no-repeat; background-position: center;}
.section3_a .item7 span {background:url(../img/content/li_ob7.png) no-repeat; background-position: center;}
.section3_a .item8 span {background:url(../img/content/li_ob8.png) no-repeat; background-position: center;}
.section3_a .item9 span {background:url(../img/content/li_ob9.png) no-repeat; background-position: center;}
.section3_a .item10 span {background:url(../img/content/li_ob10.png) no-repeat; background-position: center;}
.section3_a .item11 span {background:url(../img/content/li_ob11.png) no-repeat; background-position: center;}
.section3_a .item12 span {background:url(../img/content/li_ob12.png) no-repeat; background-position: center;}
.section3_a .item13 span {background:url(../img/content/li_ob13.png) no-repeat; background-position: center;}
.section3_a .item2-1 span {background:url(../img/content/li_ob1.png) no-repeat; background-position: center;}
.section3_a .item2-2 span {background:url(../img/content/li_ob2.png) no-repeat; background-position: center;}
.section3_a .item2-3 span {background:url(../img/content/li_ob3.png) no-repeat; background-position: center;}
.section3_a .item2-4 span {background:url(../img/content/li_ob4.png) no-repeat; background-position: center;}
.section3_a .item2-5 span {background:url(../img/content/li_ob5.png) no-repeat; background-position: center;}
.section3_a .item2-6 span {background:url(../img/content/li_ob6.png) no-repeat; background-position: center;}
.section3_a .item2-7 span {background:url(../img/content/li_ob7.png) no-repeat; background-position: center;}
.section3_a .item2-8 span {background:url(../img/content/li_ob8.png) no-repeat; background-position: center;}
.section3_a .item2-9 span {background:url(../img/content/li_ob9.png) no-repeat; background-position: center;}
.section3_a .item2-10 span {background:url(../img/content/li_ob10.png) no-repeat; background-position: center;}
.section3_a .item2-11 span {background:url(../img/content/li_ob11.png) no-repeat; background-position: center;}
.section3_a .item2-12 span {background:url(../img/content/li_ob12.png) no-repeat; background-position: center;}
.section3_a .item2-13 span {background:url(../img/content/li_ob13.png) no-repeat; background-position: center;}
.section3_a .sliding_bottom {width: 100%; margin-left: -200px; position: absolute}
.section3_a .sliding_bottom div {float: left; position: absolute; }
.section3_a .item14 span {background:url(../img/content/li_ob14.png) no-repeat; background-position: center;}
.section3_a .item15 span {background:url(../img/content/li_ob15.png) no-repeat; background-position: center;}
.section3_a .item16 span {background:url(../img/content/li_ob16.png) no-repeat; background-position: center;}
.section3_a .item17 span {background:url(../img/content/li_ob17.png) no-repeat; background-position: center;}
.section3_a .item18 span {background:url(../img/content/li_ob18.png) no-repeat; background-position: center;}
.section3_a .item19 span {background:url(../img/content/li_ob19.png) no-repeat; background-position: center;}
.section3_a .item20 span {background:url(../img/content/li_ob20.png) no-repeat; background-position: center;}
.section3_a .item21 span {background:url(../img/content/li_ob21.png) no-repeat; background-position: center;}
.section3_a .item22 span {background:url(../img/content/li_ob22.png) no-repeat; background-position: center;}
.section3_a .item23 span {background:url(../img/content/li_ob23.png) no-repeat; background-position: center;}
.section3_a .item24 span {background:url(../img/content/li_ob24.png) no-repeat; background-position: center;}
.section3_a .item25 span {background:url(../img/content/li_ob25.png) no-repeat; background-position: center;}
.section3_a .item26 span {background:url(../img/content/li_ob26.png) no-repeat; background-position: center;}
.section3_a .item27 span {background:url(../img/content/li_ob27.png) no-repeat; background-position: center;}
.section3_a .item2-14 span {background:url(../img/content/li_ob14.png) no-repeat; background-position: center;}
.section3_a .item2-15 span {background:url(../img/content/li_ob15.png) no-repeat; background-position: center;}
.section3_a .item2-16 span {background:url(../img/content/li_ob16.png) no-repeat; background-position: center;}
.section3_a .item2-17 span {background:url(../img/content/li_ob17.png) no-repeat; background-position: center;}
.section3_a .item2-18 span {background:url(../img/content/li_ob18.png) no-repeat; background-position: center;}
.section3_a .item2-19 span {background:url(../img/content/li_ob19.png) no-repeat; background-position: center;}
.section3_a .item2-20 span {background:url(../img/content/li_ob20.png) no-repeat; background-position: center;}
.section3_a .item2-21 span {background:url(../img/content/li_ob21.png) no-repeat; background-position: center;}
.section3_a .item2-22 span {background:url(../img/content/li_ob22.png) no-repeat; background-position: center;}
.section3_a .item2-23 span {background:url(../img/content/li_ob23.png) no-repeat; background-position: center;}
.section3_a .item2-24 span {background:url(../img/content/li_ob24.png) no-repeat; background-position: center;}
.section3_a .item2-25 span {background:url(../img/content/li_ob25.png) no-repeat; background-position: center;}
.section3_a .item2-26 span {background:url(../img/content/li_ob26.png) no-repeat; background-position: center;}
.section3_a .item2-27 span {background:url(../img/content/li_ob27.png) no-repeat; background-position: center;}
.section4_a {padding-bottom: 100px; position: relative;}
.section4_a .video {position: relative; width: 50%; float: left;}
.section4_a .video span.img {display: block; height: 500px; background:url(../img/content/archivideo.png) no-repeat; transition-duration: 0.3s;}
.section4_a .trialdown {position: relative; width: 50%; float: left;}
.section4_a .trialdown span {display: block; height: 500px; background:url(../img/content/architrial.png) no-repeat; transition-duration: 0.3s;}
.section4_a .textbox {position: absolute; top:0; left: 0; width: 100%; padding:170px 0; text-align: center; z-index: 6662;}
.section4_a .textbox span.video_btn {display: inline-block; width: 49px; height: 55px; background: url(../img/content/kvo.png) no-repeat; background-position: 0 0;}
.section4_a .textbox span.down_btn {display: inline-block; width: 77px; height: 61px; background: url(../img/content/kvo.png) no-repeat; background-position: -55px 0;}
.section4_a .textbox p {margin-top: 25px; font-family: NBGLight; font-size: 30px; line-height: 37px; color:#fff;}
.section4_a .hoverimg {position: absolute; top: 0; right: 0; bottom: 0; display: inline-block; width:50%; height: 500px; background-color:rgba(242, 2, 139, 0.7); z-index: 6661;}

/* 200806(s) 아키3 체험판 제거 */
.section4_a.trial_none{overflow: hidden; padding-bottom:0; margin-bottom:100px;}
.section4_a.trial_none .video{width:100%;}
.section4_a.trial_none .video span.img{background-size: cover;}
.section4_a.trial_none .textbox{width:100%;}
.section4_a.trial_none .hoverimg{width:100%; top:500px; transition: all 0.6s;}
.section4_a.trial_none:hover .hoverimg{top:0px;}
.section4_a.trial_none .trialdown{display: none;}
/* 200806(e) 아키3 체험판 제거 */


/*archi S*/
.a_point_color{color:#ff5700;}
.a_gray_color{color:#aaaaaa;}
.archi_content {width:100%; height:987px; padding-top:200px; background: url(../img/content/archi_main_bg.png) center no-repeat;}
.a_bg {background-color: none;}
.archi_content .archi_top_wrap {position: relative; width: 1100px; 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);}
.archi_content .archi_top_wrap .title {position: relative; width:387px; left:110px; top:180px;}
.archi_content .archi_top_wrap .title p.yAnimate_1 {position:relative; color:#ffffff; font-size:20px; text-align: center; font-weight: normal; margin-top:70px;}
.archi_content .archi_top_wrap .title h3 {color:#ffffff; font-size:80px; font-weight:normal; text-align: center;}
.archi_content .archi_top_wrap .title p.archi_system {font-size:12px; color:#ffffff; text-align: left; line-height: 19px; margin-top:12px; margin-left:28px;}
.archi_topbtn_area {text-align: center; padding-top: 20px;}
.archi_topbtn_area a {position: relative; display: inline-block;}
.archi_topbtn_area .trialbtn_a {width: 92px; height: 34px; line-height: 34px; margin-right: 7px; font-family: NBGBold; font-size: 16px; color:#fff; border: 2px solid #fff; border-radius: 3px; vertical-align: middle;}
.archi_topbtn_area .buybtn_a {width: 92px; height: 34px; line-height: 34px; font-family: NBGBold; font-size: 16px; color:#ff5700; background-color:#fff; border: 2px solid #fff; border-radius: 3px; vertical-align: middle;}

/*20190827(s)*/
.section1_archi {width:1100px; margin:70px auto 300px auto; height:3300px;}
.section1_archi h3.section1_a_title{font-size:50px; text-align: center; color:#ffffff; font-weight:normal;}
.section1_archi .archi_versus{width:100%; position: relative; height:452px;}
.section1_archi .archi_versus p.versus_title{color:#fff; font-size:35px; text-align: center; width:1100px; position: absolute; left:50%; top:130px; margin-left:-550px;}
.section1_archi .archi_versus .versus_left{width:50%; height:100%; float: left; text-align: left;}
.section1_archi .archi_versus .versus_right{width:50%; height:100%; float: right; text-align: right;}
.section1_archi .archi_compare{width:100%; height:470px; margin-bottom:260px;}
.section1_archi .archi_compare_inner{width:840px; height:100%; margin:0 auto 0px auto; position:relative;}
.section1_archi h4.compare_title{width:840px; 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;}
.section1_archi .archi_compare_inner .archi_3_desc{position: absolute; bottom:100px; left:0; margin-left:-135px;}
.section1_archi .archi_compare_inner .archi_3_desc h4{width:300px; position: absolute; top:0; left:0; color:#aaaaaa; font-size:24px; font-weight: normal; text-align: right; margin-top:-30px; margin-left:-246px;}
.section1_archi .archi_compare_inner .archi_3_desc .a3_description{width:300px; position: absolute; top:0; left:0; margin-top:30px; margin-left:-246px;}
.section1_archi .archi_compare_inner .archi_3_desc .a3_description p{color:#aaaaaa; font-size:16px; font-weight: normal; text-align: right; line-height: 1.4;}

.section1_archi .archi_compare_inner .archi_s_desc{position: absolute; top:100px; right:0; margin-right:-135px;}
.section1_archi .archi_compare_inner .archi_s_desc h4{width:300px; position: absolute; top:0; right:0; color:#ffffff; font-size:24px; font-weight: normal; text-align: left; margin-top:-30px; margin-right:-246px;}
.section1_archi .archi_compare_inner .archi_s_desc .as_description{width:300px; position: absolute; top:0; right:0; margin-top:30px; margin-right:-246px;}
.section1_archi .archi_compare_inner .archi_s_desc .as_description p{color:#ffffff; font-size:16px; font-weight: normal; text-align: left; line-height: 1.4;}
/*20190827(e)*/


.a_section2_bg .section2_inner span.a_tab1img, .section2_inner span.a_tab2img, .section2_inner span.a_tab3img, span.a_tab4img {position: absolute; bottom: 0; right: 0; left: 233px; display:block; width: 636px; height: 343px;}
.a_section2_bg .section2_inner span.a_tab1img {background:url(../img/content/archi_tab1.png);}
.a_section2_bg .section2_inner span.a_tab2img {background:url(../img/content/archi_tab2.png);}
.a_section2_bg .section2_inner span.a_tab3img {background:url(../img/content/archi_tab3.png);}
.a_section2_bg .section2_inner span.a_tab4img {background:url(../img/content/archi_tab4.png);}
.a_section2_bg .section2_inner .tab_content h4.a_tabtit {padding-top: 110px;}
.a_section2_bg .section2_inner .tab_content h4.a_tab3tit {padding-top: 96px; font-size: 33px;}
.a_section2_bg .section2_inner .tab_content p.a_tabtit2 {padding-top: 30px;}
.a_section2_bg .section2_inner .tab_content h4.a_white_color{color:#ffffff;}
.a_section2_bg .section2_inner .tab_content p.a_eee_color{color:#eeeeee; font-weight: normal;}
.a_section2_bg .section2_inner ul.a_tab2wrap {margin-top:52px; padding: 0 109px;}
.a_section2_bg .section2_inner ul.a_tab2wrap li {float: left; text-align: center;}
.a_section2_bg .section2_inner ul.a_tab4wrap {margin-top:52px; padding: 0 109px;}
.a_section2_bg .section2_inner ul.a_tab4wrap li {float: left; text-align: center;}
.a_section2_bg .section2_inner ul.a_tab2wrap span.a1_tab3img {width: 432px; height: 275px; display: inline-block; margin-right: 15px; background:url(../img/content/archi1_tab3.png);}
.a_section2_bg .section2_inner ul.a_tab2wrap span.a2_tab3img {width: 432px; height: 275px; display: inline-block; background:url(../img/content/archi2_tab3.png);}
.a_section2_bg .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);}
.a_section2_bg .section2_inner ul.a_tab4wrap span.a2_tab4img {width: 432px; height: 275px; display: inline-block; background:url(../img/content/archi2_tab4.png);}

/*20190827(s)*/
.a_section2_bg{background: none; border-top:1px solid #ff5700; border-bottom:1px solid #ff5700;}
.a_section2_bg .section2_inner ul.a_tab li:hover{background-color:#222222; }
.a_section2_bg .section2_inner ul.a_tab li.on {background-color:#1a1a1a; border-bottom:1px solid #1a1a1a;}
.a_section2_bg .section2_inner ul.a_tab li.on:hover {background-color:#1a1a1a;}
.a_section2_bg .section2_inner ul.a_tab li {float: left; height: 78px; width:calc((1098px - 1px*3)/4); border-right: 1px solid #c4c4c4; border-bottom: 1px solid #c4c4c4; background-color:#2e2e2e;}
.a_section2_bg .section2_inner ul.a_tab li a{color:#ffffff; font-family: NSBold; font-weight: normal;}
.a_section2_bg .section2_inner .a_tab_bg {position: relative; width:calc((1100px - 1px*2)/1); height: 600px; border: 1px solid #c4c4c4; border-top:none; background-color: #1a1a1a;}
/*20190827(e)*/

.a_sec2_bg .section2_inner ul.tab li{background: #2e2e2e;}
.a_sec2_bg .section2_inner ul.tab li.on{background: #1a1a1a; border-bottom:none; position: relative; margin-top:1px;}
.a_sec2_bg .section2_inner .tab_content{background: #1a1a1a; border:1px solid #4d4d4d; border-top:none;}


/*20190828(s)*/
.section3_archi{width:100%; height:1000px;}
.section3_inner{width:1540px; margin:250px auto; position: relative;}
.section3_inner h3.section3_title{color:#ffffff; font-size:30px; font-weight: normal; padding-left:20px;}
.section3_inner div.archi_gallery_button a{display:block; width:24px; height:48px; position: absolute; z-index: 10;}
.section3_inner div.archi_gallery_button a.archi_prev_button{top:50%; left:0; margin-top:8px; margin-left:-50px; background: url(../img/content/archi_prev_btn.png) center center no-repeat; text-indent: -999999px;}
.section3_inner div.archi_gallery_button a.archi_next_button{top:50%; right:0; margin-top:8px; margin-right:-50px; background: url(../img/content/archi_next_btn.png) center center no-repeat; text-indent: -999999px;}
.section3_inner .archi_gallery_box{width:1540px; height:720px; position: relative; margin:30px auto 0 auto; overflow:hidden;}
.section3_inner .archi_gallery_box ul.archi_gallery{position: absolute; width:10000px;}
.section3_inner .archi_gallery_box ul.archi_gallery li{float:left;}
.section3_inner .archi_gallery_box ul.archi_gallery li a{display:block; width:385px; height:360px; overflow: hidden; position: relative;}
.section3_inner .archi_gallery_box ul.archi_gallery li a span.img_hover{position: absolute; top:0; left:0; width:381px; height:356px; border:2px solid #ff4e00; display:none; text-indent: -999999px;}

.section3_inner .archi_gallery_box ul.archi_gallery li a.a_gallery01{background: url(../img/content/archis_gallery01.png) center no-repeat;}
.section3_inner .archi_gallery_box ul.archi_gallery li a.a_gallery02{background: url(../img/content/archis_gallery02.png) center no-repeat;}
.section3_inner .archi_gallery_box ul.archi_gallery li a.a_gallery03{background: url(../img/content/archis_gallery03.png) center no-repeat;}
.section3_inner .archi_gallery_box ul.archi_gallery li a.a_gallery04{background: url(../img/content/archis_gallery04.png) center no-repeat;}
.section3_inner .archi_gallery_box ul.archi_gallery li a.a_gallery05{background: url(../img/content/archis_gallery05.png) center no-repeat;}
.section3_inner .archi_gallery_box ul.archi_gallery li a.a_gallery06{background: url(../img/content/archis_gallery06.png) center no-repeat;}
.section3_inner .archi_gallery_box ul.archi_gallery li a.a_gallery07{background: url(../img/content/archis_gallery07.png) center no-repeat;}
.section3_inner .archi_gallery_box ul.archi_gallery li a.a_gallery08{background: url(../img/content/archis_gallery08.png) center no-repeat;}
.section3_inner .archi_gallery_box ul.archi_gallery li a.a_gallery09{background: url(../img/content/archis_gallery09.png) center no-repeat;}
.section3_inner .archi_gallery_box ul.archi_gallery li a.a_gallery10{background: url(../img/content/archis_gallery10.png) center no-repeat;}
.section3_inner .archi_gallery_box ul.archi_gallery li a.a_gallery11{background: url(../img/content/archis_gallery11.png) center no-repeat;}
.section3_inner .archi_gallery_box ul.archi_gallery li a.a_gallery12{background: url(../img/content/archis_gallery12.png) center no-repeat;}
.section3_inner .archi_gallery_box ul.archi_gallery li a.a_gallery13{background: url(../img/content/archis_gallery13.png) center no-repeat;}
.section3_inner .archi_gallery_box ul.archi_gallery li a.a_gallery14{background: url(../img/content/archis_gallery14.png) center no-repeat;}
.section3_inner .archi_gallery_box ul.archi_gallery li a.a_gallery15{background: url(../img/content/archis_gallery15.png) center no-repeat;}
.section3_inner .archi_gallery_box ul.archi_gallery li a.a_gallery16{background: url(../img/content/archis_gallery16.png) center no-repeat;}


.popwrap_black{width:100%; height:100%; background-color:rgba(0,0,0,0.7); position:fixed; left:0; top:0; z-index: 9999; box-sizing:border-box;}
.popwrap{width:850px; height:478px; position: fixed; left:0; top:0; z-index: 10000; border:2px solid #cccccc;}

.popwrap .gallery_pop01{background: url(../img/content/archis_gallery01.png) center; background-size: cover; display:block; width:100%; height:100%;}
.popwrap .gallery_pop02{background: url(../img/content/gallery_pop02.png) center; background-size: cover; display:block; width:100%; height:100%;}
.popwrap .gallery_pop03{background: url(../img/content/archis_gallery03.png) center; background-size: cover; display:block; width:100%; height:100%;}
.popwrap .gallery_pop04{background: url(../img/content/gallery_pop04.png) center; background-size: cover; display:block; width:100%; height:100%;}
.popwrap .gallery_pop05{background: url(../img/content/gallery_pop05.png) center; background-size: cover; display:block; width:100%; height:100%;}
.popwrap .gallery_pop06{background: url(../img/content/archis_gallery06.png) center; background-size: cover; display:block; width:100%; height:100%;}
.popwrap .gallery_pop07{background: url(../img/content/gallery_pop07.png) center; background-size: cover; display:block; width:100%; height:100%;}
.popwrap .gallery_pop08{background: url(../img/content/archis_gallery08.png) center; background-size: cover; display:block; width:100%; height:100%;}
.popwrap .gallery_pop09{background: url(../img/content/gallery_pop09.png) center; background-size: cover; display:block; width:100%; height:100%;}
.popwrap .gallery_pop10{background: url(../img/content/gallery_pop10.png) center; background-size: cover; display:block; width:100%; height:100%;}
.popwrap .gallery_pop11{background: url(../img/content/gallery_pop11.png) center; background-size: cover; display:block; width:100%; height:100%;}
.popwrap .gallery_pop12{background: url(../img/content/gallery_pop12.png) center; background-size: cover; display:block; width:100%; height:100%;}
.popwrap .gallery_pop13{background: url(../img/content/gallery_pop13.png) center; background-size: cover; display:block; width:100%; height:100%;}
.popwrap .gallery_pop14{background: url(../img/content/gallery_pop14.png) center; background-size: cover; display:block; width:100%; height:100%;}
.popwrap .gallery_pop15{background: url(../img/content/gallery_pop15.png) center; background-size: cover; display:block; width:100%; height:100%;}
.popwrap .gallery_pop16{background: url(../img/content/gallery_pop16.png) center; background-size: cover; display:block; width:100%; height:100%;}

.popwrap .gallery_close a{display:block; position: absolute; width:36px; height:36px; background: url(../img/content/gallery_close.png) center no-repeat; text-indent: -999999px; top:0; right:0; margin-top:-18px; margin-right:-18px;}

/*20190828(e)*/



/*kitchen*/
.ki_bg {background-color: #ff4e00;}
.topbtn_area .buybtn_ki{width: 92px; height: 34px; line-height: 34px; font-family: NBGBold; font-size: 16px; color:#ff4e00; background-color:#fff; border: 2px solid #fff; border-radius: 3px; vertical-align: middle;}
.section1_ki {width:1100px; margin:0 auto; height:830px;}
.section1_ki .img {position: absolute; top: 100px; left: 220px; width: 748px; height: 679px; z-index: 6665;}
.section1_ki .img img {vertical-align: top;}
.section1_ki dl.text {position: absolute; width: 360px; top: 300px; left: 1080px; display:block; }
.section1_ki dl.text dt { display:block; font-family:NBGLight; font-size: 42px; color:#3a3a3a; letter-spacing: -1px; line-height: 57px; margin-bottom: 20px;}
.section1_ki dl.text dt span {color:#ff4e00;}
.section1_ki dl.text dd { display:block; font-family:NBGLight; font-size: 17px; color:#565656; line-height: 28px;}
.section2_inner li span.ki_line {padding-bottom: 5px; border-bottom: 2px solid #ff4e00; color:#ff4e00; }
.section2_inner span.ki_tab1img, .section2_inner span.ki_tab3img, .section2_inner span.ki_tab4img {position: absolute; bottom: 0; right: 0; left: 233px; display:block; width: 636px; height: 343px;}
.section2_inner span.ki_tab2img {position: absolute; bottom: 0; right: 0; left: 170px; display:block; width: 652px; height: 363px;}
.section2_inner span.ki_tab1img {background:url(../img/content/kitchen_tab1-1.png);}
.section2_inner span.ki_tab2img {background:url(../img/content/kitchen_tab2-1.png);}
.section2_inner span.ki_tab3img {background:url(../img/content/kitchen_tab3.png);}
.section2_inner span.ki_tab4img {background:url(../img/content/kitchen_tab5.png) center no-repeat; background-size:contain; }
.section2_inner .tab_content h4.ki_tabtit {padding-top: 90px;}
.section2_inner .tab_content p.ki_tabtit2 {padding-top: 25px;}
.section2_inner .tab_content ul.tab3-tabtit li{float:left; width:50%;}
.section2_inner ul.ki_tab1wrap {margin-top:45px; padding: 0 109px;}
.section2_inner ul.ki_tab1wrap li {float: left; text-align: center;}
.section2_inner ul.ki_tab1wrap span.ki1_tab3img {width: 432px; height: 275px; display: inline-block; margin-right: 15px; background:url(../img/content/kitchen1_tab3-1.png);}
.section2_inner ul.ki_tab1wrap span.ki2_tab3img {width: 432px; height: 275px; display: inline-block; background:url(../img/content/kitchen2_tab3-1.png);}
.section2_inner ul.ki_tab1wrap span.tit {display: block; margin-top: 8px; font-family: NBGBold; font-size: 17px; color:#6f6f6f;}
/*190816(s)*/
.section2_inner ul.ki_tab1wrap li.ki_2tabs{width:50%;}
.section2_inner ul.ki_tab1wrap li.ki_2tabs span{margin:0;}
/*190816(e)*/
.section3 {position: relative; width: 100%; height: 427px; overflow: hidden; margin-bottom: 100px; }
.section3 .video {position: relative; width: 100%;}
.section3 .video span.ki_img {display: block; height: 427px; background:url(../img/content/kitchenvideo.png) no-repeat; transition-duration: 0.3s;}
.section3 .textbox {position: absolute; top:0; left: 0; width: 100%; padding:135px 0; text-align: center; z-index: 6662;}
.section3 .textbox span.video_btn {display: inline-block; width: 49px; height: 55px; background: url(../img/content/kvo.png) no-repeat; background-position: 0 0;}
.section3 .textbox p {margin-top: 25px; font-family: NBGLight; font-size: 34px; line-height: 42px; color:#fff;}
.section3 .ki_hoverimg {position: absolute; left: 0; bottom: -427px; display:inline-block; width:100%; height: 427px; background-color:rgba(255, 78, 0, 0.75); z-index: 6661;}


/*builtin*/
.bu_bg {background-color: #0065c1;}
.topbtn_area .buybtn_bu{width: 92px; height: 34px; line-height: 34px; font-family: NBGBold; font-size: 16px; color:#0065c1; background-color:#fff; border: 2px solid #fff; border-radius: 3px; vertical-align: middle;}
.section1_bu {width:1100px; margin:0 auto; height:830px;}
.section1_bu .img {position: absolute; top: 170px; left: 870px; width: 827px; height: 671px; z-index: 6665;}
.section1_bu .img img {vertical-align: top;}
.section1_bu dl.text {position: absolute; width: 360px; top: 300px; left:400px; display:block; }
.section1_bu dl.text dt { display:block; font-family:NBGLight; font-size: 42px; color:#3a3a3a; letter-spacing: -1px; line-height: 57px; margin-bottom: 20px;}
.section1_bu dl.text dt span {color:#0065c1;}
.section1_bu dl.text dd { display:block; font-family:NBGLight; font-size: 17px; color:#565656; line-height: 28px;}
.section2_inner li span.bu_line {padding-bottom: 5px; border-bottom: 2px solid #0065c1; color:#0065c1; }
.section2_inner span.bu_tab1img, .section2_inner span.bu_tab2img, .section2_inner span.bu_tab3img {position: absolute; bottom: 0; right: 0; left: 233px; display:block; width: 636px; height: 343px;}
.section2_inner span.bu_tab1img {background:url(../img/content/builtin_tab1.png);}
.section2_inner span.bu_tab2img {background:url(../img/content/builtin_tab2.png);}
.section2_inner .tab_content h4.bu_tabtit {padding-top: 90px;}
.section2_inner .tab_content p.bu_tabtit2 {padding-top: 25px;}
.section2_inner ul.bu_tab3wrap {margin-top:45px; padding: 0 69px;}
.section2_inner ul.bu_tab3wrap li {float: left; text-align: center;}
.section2_inner ul.bu_tab3wrap span.bu1_tab3img {width: 432px; height: 275px; display: inline-block; margin-right: 23px; background:url(../img/content/builtin1_tab3.png);}
.section2_inner ul.bu_tab3wrap span.bu2_tab3img {width: 432px; height: 275px; display: inline-block; background:url(../img/content/builtin2_tab3.png);}
.section2_inner ul.bu_tab3wrap span.bu_arrow {display: inline-block; margin-right: 23px; margin-top: 120px; width:49px; height:49px; background: url(../img/content/kvo.png) no-repeat; background-position: -137px 0;}
.section2_inner ul.bu_tab3wrap span.tit {display: block; margin-top: 8px; font-family: NBGBold; font-size: 17px; color:#6f6f6f;}
.section3 .video span.bu_img {display: block; height: 427px; background:url(../img/content/builtinvideo.png) no-repeat; transition-duration: 0.3s;}
.section3 .bu_hoverimg {position: absolute; left: 0; bottom: -427px; display:inline-block; width:100%; height: 427px; background-color:rgba(0, 101, 193, 0.75); z-index: 6661;}

/*bath*/
.ba_bg {background-color: #ffaf1e;}
.topbtn_area .buybtn_ba {width: 92px; height: 34px; line-height: 34px; font-family: NBGBold; font-size: 16px; color:#ffaf1e; background-color:#fff; border: 2px solid #fff; border-radius: 3px; vertical-align: middle;}
.section1_ba {width:1100px; margin:0 auto; height:830px;}
.section1_ba .img {position: absolute; top: 135px; left: 250px; width: 968px; height: 716px; z-index: 6664;}
.section1_ba .img img {vertical-align: top;}
.section1_ba dl.text {position: absolute; width: 360px; top: 220px; left: 1080px; display:block; z-index: 6665;}
.section1_ba dl.text dt { display:block; font-family:NBGLight; font-size: 42px; color:#3a3a3a; letter-spacing: -1px; line-height: 57px; margin-bottom: 20px;}
.section1_ba dl.text dt span {color:#ffaf1e;}
.section1_ba dl.text dd { display:block; font-family:NBGLight; font-size: 17px; color:#565656; line-height: 28px;}
.section2_inner li span.ba_line {padding-bottom: 5px; border-bottom: 2px solid #ffb52e; color:#ffa200; }
.section2_inner span.ba_tab1img, .section2_inner span.ba_tab2img {position: absolute; bottom: 0; right: 0; left: 233px; display:block; width: 636px; height: 343px;}
.section2_inner span.ba_tab1img {background:url(../img/content/bath_tab1.png);}
.section2_inner span.ba_tab2img { background:url(../img/content/bath_tab2.png);}
.section2_inner .tab_content h4.ba_tab1tit {font-size: 33px;}
.section2_inner .tab_content h4.ba_tab3tit {padding-top: 95px;}
.section2_inner .tab_content p.ba_tab3tit2 {padding-top: 23px;}
.section2_inner ul.ba_tab3wrap {margin-top:45px; padding: 0 109px;}
.section2_inner ul.ba_tab3wrap li {float: left; text-align: center;}
.section2_inner ul.ba_tab3wrap span.ba1_tab3img {width: 432px; height: 275px; display: inline-block; margin-right: 15px; background:url(../img/content/bath1_tab3.png);}
.section2_inner ul.ba_tab3wrap span.ba2_tab3img {width: 432px; height: 275px; display: inline-block; background:url(../img/content/bath2_tab3.png);}
.section2_inner ul.ba_tab3wrap span.tit {display: block; margin-top: 8px; font-family: NBGBold; font-size: 17px; color:#6f6f6f;}
.section3 .video span.ba_img {display: block; height: 427px; background:url(../img/content/bathvideo.png) no-repeat; transition-duration: 0.3s;}
.section3 .ba_hoverimg {position: absolute; left: 0; bottom: -427px; display:inline-block; width:100%; height: 427px; background-color:rgba(255, 175, 30, 0.8); z-index: 6661; }

/*khr*/
.khr_bg {background-color: #2e2e2e;}
.topvisual_content .title h3 span{font-size: 37px;}
.topbtn_area .buybtn_khr{width: 92px; height: 34px; line-height: 34px; font-family: NBGBold; font-size: 16px; color:#2e2e2e; background-color:#fff; border: 2px solid #fff; border-radius: 3px; vertical-align: middle;}
.section1_khr {width:1100px; margin:0 auto; height:830px;}
.section1_khr .img {position: absolute; top: 135px; left: 870px; width: 815px; height: 668px; z-index: 6664;}
.section1_khr .img img {vertical-align: top;}
.section1_khr dl.text {position: absolute; width: 360px; top: 220px; left: 400px; display:block; z-index: 6665;}
.section1_khr dl.text dt { display:block; font-family:NBGLight; font-size: 42px; color:#3a3a3a; letter-spacing: -1px; line-height: 57px; margin-bottom: 20px;}
.section1_khr dl.text dt span {color:#06c597;}
.section1_khr dl.text dd { display:block; font-family:NBGLight; font-size: 17px; color:#565656; line-height: 28px;}
.section2_inner li span.khr_line {padding-bottom: 5px; border-bottom: 2px solid #06c597; color:#06c597; }
.section2_inner ul.khr_tab1wrap {margin-top:70px; padding: 0 109px;}
.section2_inner ul.khr_tab1wrap li {float: left; text-align: center;}
.section2_inner ul.khr_tab1wrap span.khr1_tab1img {width: 432px; height: 275px; display: inline-block; margin-right: 15px; background:url(../img/content/khr1_tab1.png) no-repeat;}
.section2_inner ul.khr_tab1wrap span.khr2_tab1img {width: 432px; height: 275px; display: inline-block; background:url(../img/content/khr2_tab1.png) no-repeat;}
.section2_inner ul.khr_tab1wrap span.tit {display: block; margin-top: 8px; font-family: NBGBold; font-size: 17px; color:#6f6f6f;}
.section2_inner span.khr_tab4img {position: absolute; bottom: 0; right: 0; left: 233px; display:block; width: 636px; height: 343px; background:url(../img/content/khr_tab4.png) no-repeat;}
.section2_inner i.khrcare {font-style: normal; font-size: 13px; color:#aeaeae;}
.section2_inner .tab_content h4.khr_tabtit {padding-top: 90px;}
.section2_inner .tab_content h4.khr_tab1tit {padding-top: 95px;}
.section2_inner .tab_content h4.khr_tab2tit {padding-top: 90px;}
.section2_inner .tab_content p.khr_tabtit2 {padding-top: 23px;}
.section2_inner .tab_content h4.khr_tab4tit {padding-top: 100px;}
.section2_inner .tab_content p.khr_tab4tit2 {padding-top: 27px;}
.section2_inner ul.khr_tab2wrap {margin-top:45px; padding: 0 109px;}
.section2_inner ul.khr_tab2wrap li {float: left; text-align: center;}
.section2_inner ul.khr_tab2wrap span.khr1_tab2img {width: 432px; height: 275px; display: inline-block; margin-right: 15px; background:url(../img/content/khr1_tab2.png);}
.section2_inner ul.khr_tab2wrap span.khr2_tab2img {width: 432px; height: 275px; display: inline-block; background:url(../img/content/khr2_tab2.png);}
.section2_inner ul.khr_tab2wrap span.khr1_tab3img {width: 432px; height: 275px; display: inline-block; margin-right: 15px; background:url(../img/content/khr1_tab3.png);}
.section2_inner ul.khr_tab2wrap span.khr2_tab3img {width: 432px; height: 275px; display: inline-block; background:url(../img/content/khr2_tab3.png);}
.section2_inner ul.khr_tab2wrap span.tit {display: block; margin-top: 8px; font-family: NBGBold; font-size: 17px; color:#6f6f6f;}
.section3 .video span.khr_img {display: block; height: 427px; background:url(../img/content/khrvideo.png) no-repeat; transition-duration: 0.3s;}
.section3 .khr_hoverimg {position: absolute; left: 0; bottom: -427px; display:inline-block; width:100%; height: 427px; background-color:rgba(0, 249, 236, 0.75); z-index: 6661;}


/*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;}
.topvisual_content.house_bg .top_img {position: absolute; top: 0; bottom: 0; left: 0; margin-left:188px; margin-top: 360px; z-index: 6666;}
.topvisual_content.house_bg .top_img img{margin-bottom: 25px;}
.section1-1_h {width:1100px; margin:0 auto; height:830px; margin-top:280px;}
.section1-1_h .img {position: absolute; top: 100px; left: 109px; width: 1170px; height: 559px; z-index: 6665;}
.section1-1_h .img img {vertical-align: top;}
.section1-1_h dl.text {position: absolute; width: 420px; top: 100px; left: 1080px; display:block; z-index: 6666;}
.section1-1_h dl.text dt { display:block; font-family:NBGLight; font-size: 42px; color:#3a3a3a; letter-spacing: -1px; line-height: 57px; margin-bottom: 20px;}
.section1-1_h dl.text dt span {color:#f9cb4e;}
.section1-1_h dl.text dd { display:block; font-family:NBGLight; font-size: 17px; color:#565656; line-height: 28px;}
.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:30px; color:#f9cb4e;}
.section1-2_h h2.title strong{margin-top:22px; letter-spacing: -0.5px; display:block; text-align:center; font-family:'NS', sans-serif; font-weight: bold; font-size:45px; color:#000000;}
.section1-2_h p.desc{margin-top:45px; letter-spacing: -0.5px; display:block; text-align:center; font-family:'NBGLight', sans-serif; font-size:26px; color:#555; line-height: 1.6;}
.section1-2_h .box_container{width:1460px; margin:0 auto; margin-top:100px; display:flex; justify-content: space-around;}
.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:1400px; 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: 110px;}
.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: 45px; 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: 30px;}
.section1-3_h .flexbox .txt_box p{display: block; font-family: 'NS', sans-serif; font-weight: normal; font-size: 26px; 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); }
/*200928(e) 하우스 추가*/



/*order*/
.order .order_tit {padding-top: 60px;}
.order .order_tit h4 {float: left; font-family: NSBold; font-size: 36px; color:#444444; font-weight: 400; letter-spacing: -1.2px;}
.order em {font-style: normal; font-size:13px; color:#000; opacity: 0.5; line-height: 24px;}
.order .order_tit ul {float: right; margin-top: 8px;}
.order .order_tit li {display: inline-block; font-family: NSBold; font-size: 17px; color:#1e88e5; opacity: 0.4; letter-spacing: -0.5px;}
.order .order_tit span.arrow_l, .order .order_tit span.arrow_r, .order .order_tit span.arrow_r2 {display: inline-block; width: 8px; height: 11px; margin:0 12px; background: url(../img/content/order.png) no-repeat; background-position: 0 0;}
.order .order_tit span.arrow_l {opacity: 0.4;}
.order .order_tit span.arrow_r2 {opacity: 0.4;}
.order .order_tit li span.no {font-family: Tahoma; margin-right: 4px; font-size: 17px; font-weight: bold;}
.order .order_tit li.on {opacity: 1; font-family: NSEBold;}
.order .order_section {margin-top: 81px; font-family: NBG;}
.order .order_section h5 {margin-bottom: 15px; font-family: NSBold; font-size: 26px; color:#545454; letter-spacing: -1px;}
.order .orderresult_icon {margin-top: 90px; text-align: center;}
.order .orderresult_icon span {display: inline-block; width: 201px; height: 173px; background: url(../img/content/order.png) no-repeat; background-position: -273px -15px;}
.order .orderresult_icon p {margin-top: 45px; font-size: 31px; font-family: NBGBold; color:#424242; line-height: 32px;}
.order_tb1 {width: 100%; border:0; border-top: 2px solid #3b3b3b;}
.order_tb1 th {height: 57px; background:#f7f7f7; font-size: 17px; font-weight: 400; color:#1c1c1c; border:0; border-bottom:1px solid #c8c8c8;}
.order_tb1 td {padding:33px 0; text-align: center; color:#424242; border:0; border-bottom:1px solid #c8c8c8;}
.order_tb1 td .thumb {display: block; float: left; width: 169px; height: 169px; margin-right: 35px;}
.order_tb1 td.info {text-align: left; padding-left:35px; padding-right:35px;}
.order_tb1 td .p_tit1 {width: 400px; float: left; padding-top: 30px; padding-bottom: 30px;}
.order_tb1 td .p_tit2 {padding-top: 10px; padding-bottom: 10px;}
.order_tb1 td .txt1 {display: block; font-size:18px; color:#121212;}
.order_tb1 td .txt2 {display: block; font-size: 15px; color:#8c8b8b; line-height: 23px; margin-top: 12px;}
.order_tb1 td.bdtd {border-left: 1px solid #c8c8c8; border-right: 1px solid #c8c8c8;}
.order_tb1 td.price {font-size:15px; color:#727272;}
.order_tb1 td.price span {font-family: Tahoma; font-weight: bold; font-size: 18px; margin-right: 4px; vertical-align: -1px;}
.order_tb1 td.total_price {background-color:#f7f7f7; padding-top: 45px; padding-bottom: 25px; padding-left:25px; padding-right:25px;}
.order_tb1 td.total_price ul {float: right; width: 490px;}
.order_tb1 td.total_price ul li.order_price {margin-bottom: 20px;}
.order_tb1 td.total_price li span.tit {float: left; font-size: 16px; color:#404040;}
.order_tb1 td.total_price span.price {float: right;}
.order_tb1 td.total_price span.price i {font-style: normal; font-family: Tahoma; font-weight: bold; font-size: 16px; margin-right: 4px; vertical-align: -1px;}
.order_tb1 td.total {background-color:#f7f7f7; padding-top: 15px; padding-bottom: 15px; padding-left:25px; padding-right:25px;}
.order_tb1 td.total i.tit {font-style: normal; margin-top: 6px; float: left; font-size: 24px; color:#373737;}
.order_tb1 td.total span {float: right; font-size: 18px; color:#262626;}
.order_tb1 td.total span i.price {font-style: normal; margin-right: 4px; font-family: Tahoma; font-weight: bold; font-size: 32px; color:#3a3a3b; vertical-align: -1px;}
.order_tb1 td.total_r {background-color:#f7f7f7; padding-top: 15px; padding-bottom: 15px; padding-left:25px; padding-right:25px;}
.order_tb1 td.total_r i.tit {font-style: normal; margin-top: 6px; float: left; font-size: 24px; color:#464ee3;}
.order_tb1 td.total_r span {float: right; font-size: 18px; color:#464ee3;}
.order_tb1 td.total_r span i.price {font-style: normal; margin-right: 4px; font-family: Tahoma; font-weight: bold; font-size: 32px; color:#464ee3; vertical-align: -1px;}
.order_tb2 {width: 100%; border:0; border-top: 2px solid #3b3b3b;}
.order_tb2 th {height: 57px; padding-left: 23px; text-align: left; font-size: 17px; font-weight: 400; color:#1c1c1c; border:0; border-bottom:1px solid #c8c8c8; border-right: 1px solid #c8c8c8;}
.order_section .tit h5 {float: left;}
.order_section .tit .change_btn {float:right; width: 63px; height: 30px; text-align: center; font-size: 14px; color:#373737; line-height: 30px; border: 1px solid #8b8b8b;}
.order_tb2 td.bdr {border-right: 1px solid #c8c8c8; vertical-align: top;}
.order_tb2 span.name {font-size: 15px; margin-left: 2px;}
.order_tb2 td {padding-top:20px; padding-bottom:20px; padding-left: 23px; text-align: left; font-size: 16px; color:#1d1d1d; border:0; border-bottom:1px solid #c8c8c8;}
.order_tb2 tr.change {/*display: none;*/}
.order_tb2 td.change_form1 {/*display: none;*/ padding-top:10px; padding-bottom:10px;}
.order_tb2 .change_form1 input.phone_input {width: 74px; height: 31px; text-align: center; font-size:16px; color:#333333; border: 1px solid #909090;}
.order_tb2 .change_form1 span {margin:0 5px; display: inline-block; width: 6px; height: 1px; background-color:#333333; vertical-align:3px;}
.order_tb2 td.change_form2 {/*display: none;*/ padding-top:10px; padding-bottom:10px;}
.order_tb2 td.change_form2 input.adress_input1 {width: 74px; height: 31px; margin-right: 12px; margin-top: -1px; padding:0 5px; font-size:16px; color:#333333; border: 1px solid #909090;}
.order_tb2 td.change_form2 a.adress_btn {display: inline-block; width: 94px; height: 31px; line-height: 33px; text-align: center; font-family: NBG; font-size: 15px; color:#222222; border: 1px solid #bdbdbd; background-color:#fff; }
.order_tb2 td.change_form2 .adress_detail {margin-top: 8px;}
.order_tb2 td.change_form2 input.adress_input2 {width: 322px; height: 31px; margin-right: 8px; padding:0 5px; font-size:16px; color:#333333; border: 1px solid #909090;}
.order_tb2 td.change_form2 input.adress_input3 {width: 513px; height: 31px; font-size:16px; padding:0 5px; color:#333333; border: 1px solid #909090;}
.order_tb3 {width: 100%; border:0; border-top: 2px solid #3b3b3b;}
.order_tb3 th {height: 57px; padding-left: 23px; text-align: left; font-size: 17px; font-weight: 400; color:#1d1d1d; background:#f7f7f7; border:0; border-bottom:1px solid #c8c8c8;}
.order_tb3 th.bdr{border-right: 1px solid #c8c8c8;}
.order_tb3 td.bdr, .order_tb3 tr.bankbook td.bdr {border-right: 1px solid #c8c8c8; vertical-align: top; padding-top:22px;}
.order_tb3 td {padding-top:20px; padding-bottom:20px; padding-left: 23px; text-align: left; font-size: 17px; color:#1d1d1d; border:0; border-bottom:1px solid #c8c8c8;}
.order_tb3 tr.bankbook {/*display: none;*/}
.order_tb3 tr.bankbook_r {/*display: none;*/}
.order_tb3 tr.bankbook td {padding-top:15px;}
.order_tb3 label.con {display: inline-block; position: relative; padding-left:25px; padding-right: 40px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.order_tb3 label.con input {position: absolute; opacity: 0; cursor: pointer;}
.order_tb3 label.con span.checkmark {position: absolute; top: 0; left: 0; width: 16px; height: 16px; background-color:#fff; border: 1px solid #9B9B9B; border-radius: 50%;}
.order_tb3 span.checkmark:after {content:''; position: absolute; display: none;}
.order_tb3 label.con input:checked ~ .checkmark:after {display: block;}
.order_tb3 label.con span.checkmark:after {top: 4px; left: 4px; width: 8px; height: 8px; border-radius: 50%; background-color:#464ee3;}
.order_tb3 tr.bankbook {}
.order_tb3 tr.bankbook span {display: block; font-size: 15px; color:#0d0d0d;}
.order_tb3 tr.bankbook span.depositor {margin-bottom: 22px;}
.order_tb3 tr.bankbook span.depositor input {width: 155px; height: 31px; margin-left: 17px; padding:0 5px; font-size:16px; color:#333333; border: 1px solid #909090;}
.order_tb3 tr.bankbook span.account {margin-bottom: 11px;}
.order_tb3 tr.bankbook span.account strong.account_no {margin-left: 18px; font-style: normal; font-size: 17px; font-family: Tahoma; font-weight: bold; color:#5a61ea;}
.order_tb3 tr.bankbook span.accholder {margin-bottom: 11px;}
.order_tb3 tr.bankbook span.accholder strong.accholder_name {margin-left: 31px; font-style: normal; font-weight: 400;}
.order_tb3 tr span.account {font-size: 15px;}
.order_tb3 tr.bankbook_r span {font-size: 15px; color:#0d0d0d;}
.order_tb3 tr.bankbook_r strong.account_no {display: inline-block; font-style: normal; font-size: 17px; font-family: Tahoma; font-weight: bold; color:#1e1e1e; vertical-align: -1px;}
.order_tb3 tr.bankbook_r span.accholder {margin-left: 7px;}
.order_tb3 tr.bankbook_r span.accholder strong.accholder_name {font-style: normal; font-weight: 400;}
.order_section .bankcare {display: block; margin-top: 15px; margin-left: 20px; font-size: 13px; color:#000; opacity: 0.5; line-height: 24px;}
.order_tb3 td span.price {font-size:13px; color:#5a61ea;}
.order_tb3 td span.price i {font-style: normal; font-family: Tahoma; font-weight: bold; font-size: 16px; margin-right: 4px; vertical-align: -1px;}
.order_tb3 span.care {font-family: NBGLight; font-size: 15px; line-height: 27px; font-weight: 100;}
.order_tb4 {width: 100%; border:0; border-top: 2px solid #3b3b3b;}
.order_tb4 td {padding-top:30px; padding-bottom:30px; text-align: left; font-size: 17px; color:#1d1d1d; border:0; border-bottom:1px solid #c8c8c8;}
.order_tb4 td.bdr {border-right: 1px solid #c8c8c8;}
.order_tb4 .left_box {}
.order_tb4 .left_box .agree_tit {padding-bottom: 30px; border-bottom: 1px solid #c8c8c8;}
.order_tb4 .left_box label.con {display: inline-block; position: relative; padding-left:43px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.order_tb4 .left_box label.con input {position: absolute; opacity: 0; cursor: pointer;}
.order_tb4 .left_box label.con span.checkmark {position: absolute; top: 0; left: 0; margin-top: -5px; width: 26px; height: 26px; border: 1px solid #464ee3;}
.order_tb4 .left_box span.checkmark:after {content:''; position: absolute; display: none;}
.order_tb4 .left_box label.con input:checked ~ .checkmark {background-color:#464ee3;}
.order_tb4 .left_box label.con input:checked ~ .checkmark:after {display: block;}
.order_tb4 .left_box label.con span.checkmark:after {left: 9px; top: 4px; width:6px; height: 11px; border: solid white; border-width:0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);}
.order_tb4 .left_box .agreement_area {padding: 30px 30px 0 30px;}
.order_tb4 .left_box .agreement {height: 140px; padding: 25px; border: 1px solid #e6e6e6; overflow: auto;}
.order_tb4 .left_box .agreement span {display: block; font-family: NBGBold; font-size: 15px; color:#2e2e2e; margin-bottom: 17px;}
.order_tb4 .left_box .agreement p {font-family: NBGLight; font-size: 14px; color:#636363; line-height: 24px;}
.order_tb4 .right_box {padding-left:30px; padding-right: 30px; vertical-align: top;}
.order_tb4 .right_box ul {padding-bottom: 70px; border-bottom: 1px solid #e6e6e6;}
.order_tb4 .right_box li.order_price {margin-bottom: 20px;}
.order_tb4 .right_box span.tit {float: left; font-size: 16px; color:#404040;}
.order_tb4 .right_box span.price {float: right;}
.order_tb4 .right_box span.price i {font-style: normal; font-family: Tahoma; font-weight: bold; font-size: 16px; margin-right: 4px; vertical-align: -1px;}
.order_tb4 .right_box .total {padding-top: 35px; padding-bottom: 15px;}
.order_tb4 .right_box .total span.total_tit {display: block; margin-bottom: 40px; font-style: normal; font-size: 24px; color:#464ee3;}
.order_tb4 .right_box .total span.price {display: block; color:#464ee3;}
.order_tb4 .right_box .total span.price i {font-style: normal; margin-right: 4px; font-family: Tahoma; font-weight: bold; font-size: 32px; vertical-align: -1px;}
.order .btn_area {padding: 60px 0 150px; text-align: center;}
.bt_submit1 {display: inline-block; width: 269px; height: 56px; margin-right: 6px; background: url('../img/content/order.png') no-repeat; background-position: 0 -15px;}
.bt_submit2 {display: inline-block; width: 269px; height: 56px; background: url('../img/content/order.png') no-repeat; background-position: 0 -75px;}
.bt_submit3 {display: inline-block; width: 269px; height: 63px; background: url('../img/content/order.png') no-repeat; background-position: 0 -135px;}
.order_tb_event {width: 100%; border:0; border-top: 2px solid #3b3b3b;}
.order_tb_event td {padding-top:13px; padding-bottom:13px; padding-left: 23px; text-align: left; font-size: 16px; color:#1d1d1d; border:0; border-bottom:1px solid #c8c8c8;}
.order_tb_event td.bdr {border-right: 1px solid #c8c8c8;}
.order_tb_event td.coupon input {width: 300px; height: 31px; padding:0 5px; font-size:16px; color:#333333; border: 1px solid #909090;}
.order_tb_event td.coupon a {display: inline-block; margin-left: 5px; width: 70px; height: 31px; line-height: 31px; text-align: center; font-size:14px; color:#373737; border: 1px solid #8b8b8b}

/*aptdrawing*/
.aptdrawing {margin-top: 75px;}
.aptdrawing h4{padding-bottom: 15px; font-size: 24px; font-family: NSBold; color:#545454; border-bottom: 2px solid #3b3b3b;}
.aptdrawing .areaname .srchbox_bg {padding: 30px; background-color: #f8f8f8; border-bottom: 1px solid #e0e0e0;}
.aptdrawing .areaname .srchbox_wrap {margin:0 auto; width: 525px; height: 43px;}
.aptdrawing .areaname select {width:255px; height:43px; padding:0 17px; font-size: 15px; color:#2e2e2e; border: 1px solid #D1D1D1; background:url('../img/board/help_select.png')no-repeat; background-position: 220px 17px; background-color: #fff; appearance:none;-webkit-appearance:none;-moz-appearance:none;-o-appearance:none;}
.aptdrawing .areaname select::-ms-expand {display:none;}
.aptdrawing .map {margin-top:20px;} 
.aptdrawing .map_wrap {padding-top: 45px; padding-bottom: 100px; border-bottom: 1px solid #D4D4D4;}
.aptdrawing .map_wrap_initial {padding-top: 45px; padding-bottom: 40px; border-bottom: 1px solid #D4D4D4;}
.aptdrawing .map_inner h5 {font-size: 24px; font-family: NSBold; color:#545454;}
.aptdrawing .map_inner .map_bg {width: 501px; height: 500px; float: left; background:url(../img/content/library_map_bg.png) no-repeat;}
.aptdrawing .map_bg>div {width: 501px; height: 500px; background:url(../img/content/library_domestic_map.png) no-repeat;}
.aptdrawing .map_bg>div img{width: 100%; height: 100%;}
.aptdrawing .map_bg>div.domestic_map00 {background-position: -501px -2500px;} /*초기화면*/
.aptdrawing .map_bg>div.domestic_map01 {background-position: 0 0;} /*서울*/
.aptdrawing .map_bg>div.domestic_map02 {background-position: -1002px 0;} /*경기*/ 
.aptdrawing .map_bg>div.domestic_map03 {background-position: -501px 0;} /*인천*/
.aptdrawing .map_bg>div.domestic_map04 {background-position: 0 -500px;} /*강원*/
.aptdrawing .map_bg>div.domestic_map05 {background-position: -501px -500px;} /*충남*/
.aptdrawing .map_bg>div.domestic_map06 {background-position: -1002px -500px;} /*제주*/
.aptdrawing .map_bg>div.domestic_map07 {background-position: 0 -1000px;} /*대전*/
.aptdrawing .map_bg>div.domestic_map08 {background-position: -501px -1000px;} /*충북*/
.aptdrawing .map_bg>div.domestic_map09 {background-position: -1002px -1500px;} /*경북*/
.aptdrawing .map_bg>div.domestic_map10 {background-position: 0 -2000px;} /*대구*/
.aptdrawing .map_bg>div.domestic_map11 {background-position: -501px -2000px;} /*울산*/
.aptdrawing .map_bg>div.domestic_map12 {background-position: -1002px -1000px;} /*전북*/
.aptdrawing .map_bg>div.domestic_map13 {background-position: 0 -1500px;} /*광주*/
.aptdrawing .map_bg>div.domestic_map14 {background-position: -501px -1500px;} /*전남*/
.aptdrawing .map_bg>div.domestic_map15 {background-position: -1002px -2000px;} /*경남*/
.aptdrawing .map_bg>div.domestic_map16 {background-position: 0 -2500px;} /*부산*/
.aptdrawing .map_inner .map_location_first {width: 563px; float: left;}

/*.aptdrawing .map_inner .map_location_textbox {width: 570px; float: left; margin-top: 190px;}
.aptdrawing .map_inner .map_location_textbox p {font-family: NSBold; font-size: 23px; text-align: center; color:#2d2d2d;}
.aptdrawing .map_inner .map_location_textbox strong {font-size: 26px;}
.aptdrawing .map_inner .map_location_textbox span {display: inline-block; margin-left: 8px; margin-right: 2px; font-family: Tahoma; font-weight: bold; font-size: 26px; color:#7803e8;}
.aptdrawing .map_inner .map_location_textbox i {margin-top: 12px; font-style: normal; display:block; font-size: 15px; color:#545454; text-align: center;}
*/

/*200923(s) 디자인 수정*/
.aptdrawing .map_inner .map_location_textbox {width: 570px; float: left; margin-top: 170px;}
.aptdrawing .map_inner .map_location_textbox p {font-family: NSBold; font-size: 40px; text-align: center; color:#2d2d2d;}
.aptdrawing .map_inner .map_location_textbox strong {font-size: 40px; letter-spacing: -0.5px;}
.aptdrawing .map_inner .map_location_textbox span {display: inline-block; margin-left: 8px; margin-right: 2px; font-family: Tahoma; font-weight: bold; font-size: 40px; color:#7803e8;}
.aptdrawing .map_inner .map_location_textbox i {margin-top: 30px; font-style: normal; display:block; font-size: 22px; color:#545454; text-align: center;}
/*200923(e) 디자인 수정*/


.aptdrawing .map_location_first li {position: relative; float: left; width: 180px; height: 40px; line-height: 40px; margin-right: 8px; margin-bottom: 8px; color:#545454; border: 1px solid #ddc0f9;}
.aptdrawing .map_location_first li.last{margin-right: 0;}
.aptdrawing .map_location_first li.on{width: 176px; height: 36px; line-height: 36px; border: 3px solid #7803e8;}
.aptdrawing .map_location_first a {display: block;}
.aptdrawing .map_location_first span.domestic_name {display: inline-block; padding-left: 14px;/* width: 60px;*/ font-family: NSBold; font-size: 14px; color:#545454;}
.aptdrawing .map_location_first span.recruit_num {position: absolute; top: 0; right: 14px; display: inline-block; font-size: 13px; color:#767676;}
.aptdrawing .map_location_first strong {display: inline-block; margin-right: 2px; font-family: Tahoma; font-style: normal; font-size: 14px; color:#7e28ff; font-weight: bold; letter-spacing: -0.5px}
.aptdrawing .map_location_secound {margin-top: 50px; padding-left:35px; padding-right: 35px;}
.aptdrawing .map_location_secound dt {margin-bottom: 20px; font-family: NBG; font-size: 23px; color:#3f3f3f;}
.aptdrawing .map_location_secound strong {display: inline-block; font-style: normal; font-family: NBGBold;}
.aptdrawing .map_location_secound .dtspan {margin-left: 3px; font-family: Tahoma; font-size: 18px; font-weight: bold; vertical-align: 1px;}
.aptdrawing .map_location_secound div.ddwrap {padding: 24px 35px; border: 1px solid #dbdbdb;}
.aptdrawing .map_location_secound dd {float: left; width: 25%; font-family: NBG; font-size: 15px; color:#363636; line-height: 27px;}
.aptdrawing .map_location_secound .ddspan {margin-left: 3px; font-family: Tahoma; font-weight: bold; font-size: 14px;}
.aptdrawing .aptbtn_area {text-align: center; margin-top: 35px;}
/*191011 (s)*/
.aptdrawing .aptbtn_area  .archiS {display: inline-block; width: 251px; height: 59px; margin-right:30px; background: url(../img/content/aptbtn_S.png) no-repeat; background-position: 0 0;}
.aptdrawing .aptbtn_area  .archi3 {display: inline-block; width: 251px; height: 59px; margin-left:30px; background: url(../img/content/aptbtn_3.png) no-repeat; background-position: 0 0;}
/*191011 (e)*/
.aptdrawing dl.aptcare {margin-top: 30px; margin-left: 20px; padding-bottom: 130px; font-family: NBG;}
.aptdrawing dl.aptcare dt {float: left; width: 170px; font-family: NBGBold; font-size: 15px; color:#525252; margin-bottom: 8px; letter-spacing: 0;}
.aptdrawing dl.aptcare dd {float: left; font-size: 14px; color:#5d5d5d; line-height: 26px; letter-spacing: 0;}
.aptdrawing dl.aptcare a {color:#454545; text-decoration: underline;}
.aptdrawing dl.aptcare a:hover {color:#7803e8; text-decoration: underline;}

/*201126(s) 아파트평형 팝업 변경*/
/*190620_아파트평형 팝업 추가(s)*/
/*#aptdrawing_popup {position: fixed; width: 100%; height: 100vh; background: rgba(0, 0, 0, 0.6); z-index: 9999;}
#aptdrawing_popup .wrap {position: absolute; top:0; right:0; bottom:0; left:0; margin:auto; width: 1096px; height: 768px; background: #fff; border-radius: 15px; }
#aptdrawing_popup .inner {padding: 80px 57px 45px;}
#aptdrawing_popup .inner p {margin-top: 45px; font-family: 'NSBold'; font-size: 22px; color:#252525; text-align: center;}
#aptdrawing_popup .close_btn {position: absolute; right:0; top: 0; display: inline-block; width: 15px; height: 15px; padding: 23px; background: url(../img/content/library_popup_closebtn.png) no-repeat; background-position: center;}
#aptdrawing_popup .iframe_view {width: 676px; height: 376px; overflow: hidden; position: relative; top: 0; left: 0; bottom: 0;}
#aptdrawing_popup .iframe_view .iframe_wrap {position: absolute; width: 2058px; height: 376px; top:0; right: 0; bottom: 0; left: 0;}
#aptdrawing_popup .iframe_wrap li {float: left; width: 676px; height: 376px; text-align: center; margin-right: 10px;}
#aptdrawing_popup .iframe_wrap li p {font-size: 26px; margin-top: 120px; margin-bottom: 7px;}
#aptdrawing_popup .iframe_view .area_name {display: block; font-size: 16px;}
#aptdrawing_popup .iframe_wrap li button {display: inline-block; margin-top: 28px;}
#aptdrawing_popup .popup_nav {position: absolute; bottom: 82px; left: 0; right: 0;}
#aptdrawing_popup .popup_nav a {display: block; width: 44px; height: 44px;}
#aptdrawing_popup .popup_nav .leftbtn {margin-left: 57px; position: absolute; left: 0; background: url(../img/content/library_popup_leftbtn.png);}
#aptdrawing_popup .popup_nav .leftbtn.disable {background: url(../img/content/library_popup_leftbtn_d.png);}
#aptdrawing_popup .popup_nav .rightbtn {margin-right: 57px; position: absolute; right: 0; background: url(../img/content/library_popup_rightbtn.png);}
#aptdrawing_popup .popup_nav .rightbtn.disable {background: url(../img/content/library_popup_rightbtn_d.png);}
#aptdrawing_popup .donot_area {position: absolute; right: 0; bottom: -26px;}
#aptdrawing_popup .donot_area input {margin-right: 3px; width: 15px; height: 15px;}
#aptdrawing_popup .donot_area a {font-size: 14px; color:#fff;}*/
/*190620_아파트평형 팝업 추가(e)*/
#aptdrawing_popup {position: fixed; width: 100%; height: 100vh; background: rgba(0, 0, 0, 0.6); z-index: 9999;}
#aptdrawing_popup .wrap {position: absolute; top:0; right:0; bottom:0; left:0; margin:auto; width: 1096px; height: 768px; background: #fff; border-radius: 10px; box-shadow: 0px 1px 10.66px 2.34px rgba(0, 0, 0, 0.18);}
#aptdrawing_popup .wrap a.close_btn{position: absolute; top:0; right:0;	margin-top:-40px; margin-right:-40px; display:block; width:40px; height:40px;	border-radius: 50%; background-color: #ffffff; background-image: url(../img/content/library_popup_closebtn.png); background-repeat: no-repeat; background-position: center; box-shadow: 0px 1px 11.7px 1.3px rgba(0, 0, 0, 0.35);}
#aptdrawing_popup .wrap .popup_container{width:100%; height:100%; display:flex;}
#aptdrawing_popup .wrap .popup_container .box{width:50%; height:100%; box-sizing: border-box; background: red;}
#aptdrawing_popup .wrap .popup_container .popup_house{border-radius:10px 0 0 10px;}
#aptdrawing_popup .wrap .popup_container .popup_online{border-radius:0 10px 10px 0;}
#aptdrawing_popup .wrap .popup_container .popup_header{width:100%; height:280px; position:relative;}
#aptdrawing_popup .wrap .popup_container .popup_header.house_h{background-color: #ffc600; border-radius:10px 0 0 0;}
#aptdrawing_popup .wrap .popup_container .popup_header.online_h{background-color: #5032bd;	border-radius:0 10px 0 0;}
#aptdrawing_popup .wrap .popup_container .popup_header h2{text-align: center; padding-top:70px;}
#aptdrawing_popup .wrap .popup_container .popup_header h2 em{display:block; font-family: 'NS',sans-serif; font-size:13px; font-weight: normal; font-style:normal; color:#ffffff; text-align: center; text-shadow: 0px 1px 11.7px rgba(0, 0, 0, 0.25); line-height: 40px;}
#aptdrawing_popup .wrap .popup_container .popup_header h2 strong{display:block;	font-family: 'NS',sans-serif; font-size:35px; font-weight: bold; color:#ffffff; text-align: center;	text-shadow: 0px 1px 11.7px rgba(0, 0, 0, 0.25); line-height: 30px;}
#aptdrawing_popup .wrap .popup_container .popup_header p{display:block;	font-family: 'NS',sans-serif; font-size:14px; font-weight: bold; color:#ffffff;	text-align: center;	text-shadow: 0px 1px 11.7px rgba(0, 0, 0, 0.25); line-height: 24px;	margin-top:20px;}
#aptdrawing_popup .wrap .popup_container .popup_header .link_btns{position:absolute; bottom:0; left:50%; transform: translate(-50%, 0);	margin-bottom:-24px; display:flex; justify-content: space-between; width:336px; height:48px;}
#aptdrawing_popup .wrap .popup_container .popup_header .link_btns a{width:46%; height:100%; background-color: #ffffff; border-radius: 6px; font-family: 'NS', sans-serif; font-size:20px; font-weight: bold; line-height: 48px; text-align: center; color:#ffffff; box-shadow: 0px 1px 11.7px 1.3px rgba(0, 0, 0, 0.35); box-sizing: border-box;}
#aptdrawing_popup .wrap .popup_container .popup_header .link_btns a.google{background-image:url(../img/content/apt_icon/apt_google_n.png); background-repeat: no-repeat; background-position: center; background-size: cover;}
#aptdrawing_popup .wrap .popup_container .popup_header .link_btns a.google:hover{background-image:url(../img/content/apt_icon/apt_google_o.png); background-repeat: no-repeat; background-position: center;	background-size: cover;}
#aptdrawing_popup .wrap .popup_container .popup_header .link_btns a.web{background-image:url(../img/content/apt_icon/apt_web_n.png); background-repeat: no-repeat; background-position: center;	background-size: cover;}
#aptdrawing_popup .wrap .popup_container .popup_header .link_btns a.web:hover{background-image:url(../img/content/apt_icon/apt_web_o.png); background-repeat: no-repeat; background-position: center; background-size: cover;}
#aptdrawing_popup .wrap .popup_container .popup_header .link_btns a.archis{width:56%; margin:0 auto; background: #ee3f40; background: -moz-linear-gradient(left,  #ee3f40 0%, #fb5f61 100%); background: -webkit-linear-gradient(left,  #ee3f40 0%,#fb5f61 100%); background: linear-gradient(to right,  #ee3f40 0%,#fb5f61 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ee3f40', endColorstr='#fb5f61',GradientType=1 );}
#aptdrawing_popup .wrap .popup_container .popup_header .link_btns a.archis:hover{background: #ffffff; border:2px solid #ee3f40;	line-height: 44px; color:#ee3f40;}
#aptdrawing_popup .wrap .popup_container .popup_content{width:100%; height:458px; background: #ffffff;}
#aptdrawing_popup .wrap .popup_container .popup_content.house{background: #fff7dc;}
#aptdrawing_popup .wrap .popup_container .popup_content.house h3{font-family: 'NS', sans-serif;	font-weight: bold; font-size:20px; color:#000000; text-align: center; padding-top:60px;}
#aptdrawing_popup .wrap .popup_container .popup_content.house .img{width:100%; margin-top:10px; text-align: center;}
#aptdrawing_popup .wrap .popup_container .popup_content.online{padding:90px 40px 0 40px; box-sizing: border-box;}
#aptdrawing_popup .wrap .popup_container .popup_content.online iframe{max-width:100%; height:72.4%;}
#aptdrawing_popup .wrap .popup_container .popup_content.online p{font-family: 'NBG', sans-serif; font-weight:bold; font-size:16px; color:#333333; text-align: left; margin-top:10px;}
#aptdrawing_popup .wrap .popup_container .popup_bottom_line.house{width:100%; height:30px; background: #ffc600;	border-radius:0 0 0 10px;}
#aptdrawing_popup .wrap .popup_container .popup_bottom_line.online{width:100%; height:30px;	background: #5032bd; border-radius:0 0 10px 0;}
/*201126(e) 아파트평형 팝업 변경*/



/*user main*/
.userab {position: absolute; left:50%; top:324px; margin-left:-550px; width:1100px; z-index: 1;transition: top 0.2s ease-out;}
.userab .username {background:#fff; padding:26px 47px; border: 1px solid #dadada}
.userab .username .title {float: left;}
.userab .username .signdate {float: right; line-height: 35px;}
.userab .username .title span {margin-right: 8px; font-size: 28px; font-family: NS; font-weight: bold; color:#414040; letter-spacing: 0px; line-height: 35px;}
/* 191011(s) */
/*user graph*/
.usergraph {padding:50px 0 0; background: #f4f4f4;}
.usergraph .userarchi {margin:0 auto; width:1100px;}
.usergraph .userarchi .box {margin-top:24px; background: #ffffff; padding:47px; border:1px solid #dadada; position: relative;}
.usergraph .userarchi .box h4 {font-size:28px; 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 tr, .usergraph .userarchi .box table td, .usergraph .userarchi .box table th {border:1px solid #dadada; font-family:NBG;}
.usergraph .userarchi .box table .red{color:#ff0000;}
.usergraph .userarchi .box table tr.body td{position: relative;}
.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;}
/* 191014(e) */
.usergraph .userarchi .box table th{padding:14px 0;}
.usergraph .userarchi .box table td{padding:5px 14px; text-align: right;}
.usergraph .userarchi .box table tr th.leftbg{background: url(../img/content/left_bg1.png);}

/* 191101(s) */
.usergraph .userarchi .box table tr.using td.event_end, .usergraph .userarchi .box table tr.body td.event_end{padding:5px 0; text-align: center;}
/* 191101(e) */
.usergraph .userarchi .box table tr td span.using_icon{display:none; position: absolute; top:-16px; right:-16px; border-radius: 50%;}
.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:14px; font-family: NS; font-weight: 600; margin-top:10px; text-align: right;}
.usergraph .userarchi .box ul li.lastment{color:#aaaaaa;}

.usermain {padding:1px 0 60px; background: #f4f4f4;}
/* 191011(e) */

.usermain .wrap {margin:0 auto; width:1100px;}
.usermain .wrap .box {margin-top: 24px; background:#fff; padding:47px; border: 1px solid #dadada;}
.usermain .wrap .box h4 {font-size: 28px; font-family: NS; color:#414040; letter-spacing: 0px; line-height: 37px;}
.usermain .wrap .box .desc {margin-top: 24px; font-size: 14px; color:#9a9a9a; line-height: 21px;}
.usermain .wrap .box .contents {width: 680px;}
.usermain .wrap .box .contents li {padding:24px 0 24px 16px; 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;}
.usermain .wrap .box .contents li strong {display: block; font-family: NS; 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: 8px; width:146px; line-height: 35px; border-radius: 3px; border:1px solid #dcdcdc; text-align: center; font-family: NBGBold; font-size: 13px; 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;}
.usermain .wrap .box .contents li.high {padding:24px 0 0 16px;}
/*191007(s) 아키S, 키친3 추가, 패딩값이 .archi >> .archis 로 변경*/
.usermain .wrap .box .contents li.archis {padding:0 0 24px 16px;}
.usermain .wrap .box .contents li.archis span {background-position: -291px -118px;}
.usermain .wrap .box .contents li.kitchen3 span {background-position: -395px -118px;}
/*191007(s) 아키S, 키친3 추가, 패딩값이 .archi >> .archis 로 변경*/
.usermain .wrap .box .contents li.archi span {background-position: -291px -58px;}
.usermain .wrap .box .contents li.bath span {background-position: -343px -58px;}
.usermain .wrap .box .contents li.kitchen span {background-position: -395px -58px;}
.usermain .wrap .box .contents li.builtin span {background-position: -447px -58px;}
.usermain .wrap .box .contents li.high span {width: 47px; height: 47px; background-position: -499px -58px;}
.usermain .wrap .box .contents li.high {border-bottom: none;}
.usermain .triple {float: left; width:calc((100% - 2*13px)/3); margin-right: 12px;}
.usermain .triple.last {margin-right: 0;}
.usermain .triple .box {position: relative; height:260px;}
.usermain .hstyle {font-size: 27px; font-family: NS; font-weight: bold; color:#414040; letter-spacing: 0px; line-height: 37px;}
.usermain .hstyle span {display: inline-block; margin:5px 2px 0 0; vertical-align: -2px; font-size: 36px; letter-spacing: -1px; color:#5d48e6;}
.usermain .triple .box a {position: absolute; left:47px; bottom: 47px; width:90px; line-height: 43px; border:1px solid #dadada; font-size: 13px; text-align: center; color:#333;}
.usermain .triple .box a:hover {border:1px solid #5d48e6; color:#5d48e6;}


/*user*/
.user_tit {padding: 90px 0 26px 0;}
.user_tit h4 {font-size: 36px; color:#545454; font-weight: 700;}
.user_tit p {padding:18px 0;}
.user_tit .custom-select {margin-top:44px;}
.user_list {width:100%; border-top:2px solid rgb(68,68,68);  font-family: NBG; margin-bottom: 30px; letter-spacing: 0;}
.user_list th {height: 48px; background: #f7f7f7; font-size: 14px; color: #5a5a5a; border: 0; border-bottom: 1px solid #c8c8c8;}
.user_list td {height: 70px; color:#424242; border:0; border-bottom:1px solid #c8c8c8;}
.user_list tr:hover {background-color:#f5f5f5;}
.user_list .info {padding-left: 20px;}
.user_list .amount {text-align: right; padding-right: 40px;}
.user_list .guide {text-align: center;}
.user_list .blank {padding:20px 0; text-align: center;}
.user_list .total td {line-height: 100px; padding:0 20px; border-bottom:1px solid #666; color:rgb(98, 72, 230);}
.user_list .total:hover {background-color:#fff;}
.user_list .totaltit {float: left; font-size: 20px;}
.user_list .totalamout {float: right; font-family: tahoma; font-size: 36px; font-weight: 700;}
.user_list .totalamout em {font-style: normal; font-weight: normal; font-size: 18px;}
#user .bt_area {padding: 33px 0 150px;}
.bt_area2 {padding-bottom: 100px; color: #333333; font-family: NBG; font-size: 20px; line-height: 28px;}
.bt_submit {width: 276px; height: 64px; margin-left: 8px; background: url('../img/content/user.png') no-repeat; background-position: 0 0; margin: 0; padding: 0;}
.bt_submit4 {width: 166px; height: 48px; background: url('../img/content/user.png') no-repeat; background-position: -255px -239px; margin: 0; padding: 0;}
.etc {padding-bottom: 100px; color:#797979; font-family: NBG; font-size: 14px; line-height: 28px;}
.etc a {color:#797979; font-size: 13px; font-family: tahoma; letter-spacing: 0;}
.account h4 {font-size: 30px;}
.account table {margin:34px 0 30px; width:100%; border-top: 1px solid #bdbdbd; border-left: 1px solid #bdbdbd; font-family: NBG;}
.account table th {border-bottom: 1px solid #bdbdbd; border-right:1px solid #bdbdbd; font-weight: normal; line-height: 40px; background: #f5f5f5;}
.account table td {border-bottom: 1px solid #bdbdbd; border-right:1px solid #bdbdbd; text-align: center; line-height: 50px;}
.account .etc a {font-size: 14px; letter-spacing: -0.5px; font-family: NBG; text-decoration: underline;}
.user_list .private_no {text-align: center; font-family: tahoma; font-size: 13px;}
.user_list .private_pro {text-align: center;}
.user_list .private_date {text-align: center;}
.user_list .private_price {text-align: center;}
.user_list .private_step {text-align: center;}


/* 200423(s) 제로페이 추가 */
/*zero_pay*/
.zero_pay_title .leftfloat h4 span.s_font{
	display:inline-block;
	font-size:18px;
}
.zero_pay_title .leftfloat h4 span.s_font span{
	position:relative;
	display:inline-block;
	width:28px; height:28px;
	margin-left:-6px;
}
.zero_pay_title .leftfloat h4 span.s_font span img{
	position: absolute;
	top:0;left:0; z-index: 2;
	cursor: pointer;
}
.zero_pay_title .leftfloat h4 span.s_font span .desc{
	width:0px;
	height:75px;
	background-color: #7d7d7d;
	border-radius: 14px;
	position: absolute;
	top:50%; left:0px;
	margin-top:-30px; margin-left:14px;
	overflow: hidden;
	transition: 0.3s;
}
.zero_pay_title .leftfloat h4 span.s_font span .desc div{
	font-size:14px;
	font-weight: normal;
	text-align: center;
	color:#ffffff;
	line-height: 20px;
	width:174px;
	margin-top:10px;
}
.zero_pay_title .leftfloat h4 span.s_font span:hover .desc{width:174px;}
.zero_pay{padding-bottom: 230px;}
/* 200424(s) 내용수정 */
.zero_pay p.sub_tit{
	clear:both;
	width:100%;
	text-align: center;
	padding:26px 0;
	margin-top:0px;
	border-top:2px solid #444444;
	border-bottom:1px solid #c8c8c8;
	font-size:18px;
	font-family: 'NBG', sans-serif;
	font-weight: bold;
	color:#545454;
}
.zero_pay .zero_pay_content{
	width:646px; height:auto;
	padding-top:70px;
	margin:0 auto;
}
.zero_pay .zero_pay_content .QR_box{
	width:100%;
	text-align: center;
}

/* .zero_pay .zero_pay_content p.strong{
	text-align: right;
	font-family: 'NBG', sans-serif;
	font-weight: bold;
	font-size:18px;
	color:#ff0000;
	width:451px;
	margin:6px auto 100px;
} */
.zero_pay .zero_pay_content ul.step{margin:50px auto;}
.zero_pay .zero_pay_content ul.step li{
	text-align: center;
	padding:20px 0;
	font-family: 'NBG', sans-serif;
	font-size:18px;
	line-height: 1.5;
	color:#545454;
}
.zero_pay .zero_pay_content ul.step li a{
	color:#8841e5;
	font-weight: bold;
}
.zero_pay .zero_pay_content ul.step li strong{
	font-weight: bold;
	color:#000000;
}
/* 200424(e) 내용수정 */
.zero_pay p.sub_tit{
	clear:both;
	width:100%;
	text-align: center;
	padding:26px 0;
	margin-top:26px;
	border-top:2px solid #444444;
	border-bottom:1px solid #c8c8c8;
	font-size:18px;
	font-family: 'NBG', sans-serif;
	font-weight: bold;
	color:#545454;
}
.zero_pay .zero_pay_content{
	width:646px; height:auto;
	padding-top:70px;
	margin:0 auto;
}
.zero_pay .zero_pay_content .QR_box{
	width:100%;
	text-align: center;
}
.zero_pay .zero_pay_content p.strong{
	text-align: right;
	font-family: 'NBG', sans-serif;
	font-weight: bold;
	font-size:18px;
	color:#ff0000;
	width:451px;
	margin:6px auto 100px;
}
.zero_pay .zero_pay_content .code{
	width:646px; height:64px;
	margin:0 auto;
	background: red;
}
.zero_pay .zero_pay_content .code .fl{
	float:left;
	width:70%; height:100%;
	background: blue;
	position: relative;
}
.zero_pay .zero_pay_content .code .fl span{
	position: absolute;
	font-family: 'NBG', sans-serif;
	font-weight: bold;
	font-size:22px;
	color:#545454;
	display:inline-block;
	width:100px;
	text-align: center;
	background: #ffffff;
	top:-13px;
	left:20px;
}
.zero_pay .zero_pay_content .code .fl input{
	width:100%; height:62px;
	border:1px solid #c8c8c8;
	font-size:20px;
	font-family: 'NBG', sans-serif;
	font-weight: normal;
	color:#545454;
	text-align: center;
}
.zero_pay .zero_pay_content .code .fl input::placeholder{
	color:#999999;
	letter-spacing: -0.6px;
}
.zero_pay .zero_pay_content .code .fr{
	float:right;
	width:30%; height:100%;
	box-sizing: border-box;
}
.zero_pay .zero_pay_content .code .fr a{
	display:block;
	width:100%; height:100%;
	background-color: #8841e0;
	color:#ffffff;
	text-align: center;
	line-height: 64px;
	font-size:23px;
	font-family: 'NBG', sans-serif;
	font-weight:normal;
}
.zero_complete_box .border_box{
	width:730px;
	padding:100px 0;
	margin:0 auto;
	border:1px solid #e5e5e5;
	font-size:23px;
	line-height: 48px;
	color:#545454;
	text-align: center;
}
.zero_complete_box .border_box strong{font-weight: 700; color:#000000;}
.zero_complete_box .btn{
	width:100%;
	margin-top:30px;
	margin-bottom:190px;
	text-align: center;
}
.zero_complete_box .btn a{
	display:inline-block;
	width:340px; height:64px;
	line-height: 64px;
	background-color: #8841e0;
	margin:0 auto;
	font-family: 'NBG', sans-serif;
	font-size:23px;
	color:#ffffff;
}
/* 200423(e) 제로페이 추가 */

/*login*/
.login {position: relative; height:100vh;}
.login_wrap {margin: 270px 0 0 -246px; position: absolute; top: 0; left: 53%}
.login_wrap h3 {margin: 0 auto 50px auto; width: 287px; height: 35px; background: url(../img/content/user.png) no-repeat; background-position: 0 -69px; 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-size: 14px; font-weight: bold; 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:16px; border:none; background:url(../img/content/user.png) no-repeat 0 -108px; 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: NBG; font-weight: bold; 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: 13px; background:url(../img/content/user.png) no-repeat -21px -106px; opacity: 0.8}

/*join*/
.join {position: relative; width: 1100px; margin:0 auto; padding:180px 0 100px 0; }
.join .step {position: absolute; top:380px; right:0; margin-right: 25px;}
.join .step li {margin-bottom: 22px; font-family: NS; font-size: 14.5px; color:#fff; opacity: 0.4; letter-spacing: -0.5px;}
.join .step li.on {opacity: 1; font-family: NSBold;}
.join .step span {font-family: Tahoma; margin-right: 4px; font-size: 14px; font-weight: bold;}
.join .join_wrap {width: 692px; margin:0 auto;}
.join_wrap h3 {margin-bottom: 35px; font-family: NS; font-weight: 400; font-size: 24px; color:#fff; text-align: center; letter-spacing: -1px;}
.join_wrap p.tit {margin-bottom: 40px; font-family: NBGLight; font-size: 15px; color:#fff; text-align: center; letter-spacing: -0.7px;}
.join_wrap .join_bg {background-color: #fff; border-radius: 5px;}
.join_wrap .join_bg .inner {padding: 60px; width: 600px}
.join_wrap .certify {margin-bottom: 85px;}
.join_wrap .certify h4 {margin-bottom: 45px; font-family: NBG; font-weight: 400; font-size: 24px; color:#7704e8;}
.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 span.care {display: block; padding-top: 30px; border-top: 1px solid #d8d8d8; font-size: 14px; font-family: NBG; color:#535353; line-height: 23px;}
.join_wrap .complete {/*display: none;*/ text-align: center; margin-top: 42px; margin-bottom: 38px;}
.join_wrap .complete span {display: inline-block; width: 107px; height: 109px; background: url(../img/content/user.png) no-repeat; background-position: 0 -129px;}
.join_wrap .complete p {margin-top: 20px; font-family: NBGBold; font-size: 18px; color:#424242;}
.join_wrap .agreement h4 {margin-bottom: 38px; font-family: NBG; font-weight: 400; font-size: 24px; color:#7704e8;}
.join_wrap .agreement .allagree {padding-bottom: 20px; border-bottom: 1px solid #8a8a8a;}
.join_wrap .agreement .allagree label.con{float: none; font-size:17px; color:#151515;}
.join_wrap .agreement ul {margin-top: 30px;}
.join_wrap .agreement li {position: relative; margin-bottom: 20px;}
/* 하단 240320 수정 */
.join_wrap .agreement li .accordion, .agreement .btn_modal {position: absolute; top: 0; right: 0; padding: 0; font-family: DOTUM; font-size: 13px; color:#6a6a6a; padding-bottom: 1px; border-bottom: 1px solid #6a6a6a;}
.join_wrap .agreement li .panel {max-height: 0;overflow: hidden; transition: max-height 0.2s ease-out;}
/* 240313 수정(s) */
.join_wrap .agreement .inner {width: 100%;overflow: auto; height: 110px; margin-top: 15px; margin-bottom: 10px; padding: 25px; border: 1px solid #e6e6e6;box-sizing: border-box}
/* 240313 수정(e) */
.join_wrap .agreement .inner span {display: block; font-family: NBGBold; font-size: 15px; color:#2e2e2e; margin-bottom: 17px;}
.join_wrap .agreement .inner p {font-family: NBGLight; font-size: 14px; color:#636363; line-height: 24px;}
.join_wrap label.con em {margin-left: 2px; font-style: normal; font-size: 14px; color:#7f7f7f;}
.join_wrap label.con {font-size: 15px; color:#535353; display: inline-block; position: relative; padding-left:38px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.join_wrap label.con input {position: absolute; opacity: 0; cursor: pointer;}
.join_wrap label.con span.checkmark {position: absolute; top: 0; left: 0; margin-top: -4px; width: 22px; height: 22px; 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: 7px; top: 3px; width:5px; height: 9px; border: solid white; border-width:0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);}
.join_wrap .inner .btn_area {padding-top: 60px; 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: -280px 0; opacity: 0.2;}
.join_wrap .inner .next_btn.on {opacity: 1;}
.join_wrap .userinfo {padding-bottom: 55px;}
.join_wrap .userinfo h4 {margin-bottom: 45px; font-family: NBG; font-weight: 400; font-size: 24px; color:#7704e8;}
.join_wrap ul li {margin-bottom: 35px;}
.join_wrap .inputarea {display: block;}
.join_wrap .userinfo input, .join_wrap .businessinfo input {height: 27px; 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: 15px; 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;}
.join_wrap .namebirth label {display: inline-block; width: 85px;}
.join_wrap .namebirth .name {float: left; width: 280px; margin-right: 12px;}
.join_wrap .namebirth .birth {float: left; width: 280px;}
.join_wrap .idform_wrap {margin-top: 12px;}
.join_wrap .id input {width:387px; float: left;}
.join_wrap .id a {float: left; margin-left: 10px; width: 141px; line-height: 47px; text-align: center; font-size: 15px; color:#7803e8; border: 1px solid #7803e8;}
.join_wrap .pw .inputarea {margin-top: 12px;}
.join_wrap .pw input {width: 248px;}
.join_wrap .pw1 {float: left; margin-right: 12px;}
.join_wrap .pw2 {float: left;}
.join_wrap .mobno label {display: inline-block; width: 85px;}
.join_wrap .mobno_wrap {margin-top: 12px;}
.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: 12px;}
.join_wrap .phno input {width: 540px;}
.join_wrap .email_wrap {margin-top: 12px;}
.join_wrap .email_wrap input {float: left; width: 142px;}
.join_wrap .email_wrap span.at {float: left; display: inline-block; width: 32px; text-align: center; margin-top: 16px; font-size: 14px; color:#656565;}
.join_wrap .email_wrap select {margin-left: 12px;width:180px; height:49px; padding: 15.5px 16px; font-size: 14px; color:#989898; line-height: 16px; border: 1px solid #ebebeb; background:url('../img/board/help_select.png')no-repeat; background-position: 146px 19px; 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 .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 {float: left; width: 248px;}
.join_wrap .businessinfo {padding-top: 50px; border-top: 1px solid #eaeaea;}
.join_wrap .businessinfo h4 {margin-bottom: 45px; font-family: NBG; font-weight: 400; font-size: 24px; color:#505050;}
.join_wrap .bisname input {width: 248px;}
.join_wrap .bisname .bistname {float: left; margin-right: 12px;}
.join_wrap .bisname .bisrname {float: left;}
.join_wrap .bisname .inputarea {margin-top: 12px;}
.join_wrap .bisno .inputarea {margin-top: 12px;}
.join_wrap .bisno input {width: 540px;}
.join_wrap .bsadform_wrap {margin-top: 12px;}
.join_wrap .bisadress input.bisad_input1 {width:120px; float: left; margin-right: 12px;}
.join_wrap .bisadress input.bisad_input2 {width:223px; float: left;}
.join_wrap .bisadress a {float: left; margin-left: 10px; width: 141px; line-height: 47px; text-align: center; font-size: 15px; color:#7803e8; border: 1px solid #7803e8;}
.join_wrap .bisadress input.bisadr_input {width: 540px; margin-top: 9px;}
.join_wrap .inner .joincomplt_btn1, .join_wrap .inner .joincomplt_btn2 {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_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;}
.join_wrap .errId {display: none; margin-top: 6px; font-size: 11px; font-family: 돋움; color:#f02525; line-height: 18px; letter-spacing:-0.5px;}
.join_wrap .errPwd {display: none; margin-top: 6px; font-size: 11px; font-family: 돋움; color:#f02525; line-height: 18px; letter-spacing:-0.5px;}
.join_wrap .errPwdChk {display: none; margin-top: 6px; font-size: 11px; font-family: 돋움; color:#f02525; line-height: 18px; letter-spacing:-0.5px;}
.join_wrap .errEmail {display: none; margin-top: 6px; font-size: 11px; font-family: 돋움; color:#f02525; line-height: 18px; letter-spacing:-0.5px;}
.join_wrap .errAddr {display: none; margin-top: 6px; font-size: 11px; font-family: 돋움; color:#f02525; line-height: 18px; letter-spacing:-0.5px;}
.join_wrap .errBist {display: none; margin-top: 6px; font-size: 11px; font-family: 돋움; color:#f02525; line-height: 18px; letter-spacing:-0.5px;}
.join_wrap .errBisr {display: none; margin-top: 6px; font-size: 11px; font-family: 돋움; color:#f02525; line-height: 18px; letter-spacing:-0.5px;}
.join_wrap .errBisno {display: none; margin-top: 6px; font-size: 11px; font-family: 돋움; color:#f02525; line-height: 18px; letter-spacing:-0.5px;}
.join_wrap .errBisaddr {display: none; margin-top: 6px; font-size: 11px; font-family: 돋움; color:#f02525; line-height: 18px; letter-spacing:-0.5px;}
.join_wrap .errHp {display: none; margin-top: 6px; font-size: 11px; font-family: 돋움; color:#f02525; line-height: 18px; letter-spacing:-0.5px;}
.join_wrap .leave {margin-top: 27px; padding-top: 13px; border-top: 1px solid #eaeaea; text-align: right;}
.join_wrap .leave a {display: inline-block; width: 51px; height: 16px; font-size: 14px; border-bottom: 1px solid #989898; color: #989898; letter-spacing: 0;}

/*infomodify*/
.infomodify {margin:0 auto; padding:50px 0 150px 0; background-color: #f5f6f8;}
.infomodify .join_wrap {width: 692px; margin:0 auto; border: 1px solid #dadada;}
.infomodify .joincomplt_btn2 {display: inline-block; width: 190px; height: 54px; background: url(../img/content/user.png) no-repeat; background-position: -280px 0;}
.infomodify .id label {display: inline-block; width: 85px;}
.infomodify .mobno_wrap {margin-top: 12px;}
.infomodify .mobno_wrap input {float: left; width: 142px;}
.infomodify .mobno_wrap span.at {float: left; display: inline-block; width: 25px; text-align: center; margin-top: 16px; font-size: 14px; color:#656565;}
.infomodify .btn_area {padding-top: 60px; text-align: center;}
.infomodify .btn_area .leave_btn {display: inline-block; margin-right: 10px; width: 175px; line-height: 57px; font-size: 18px; color:#7803e8; border: 1px solid #7803e8;}
.infomodify .btn_area .modify_btn {display: inline-block; width: 175px; line-height: 59px; font-size: 18px; background-color: #7803e8; color:#fff;}
.infomodify .useradress input.bisad_input1 {width:120px; float: left; margin-right: 12px;}
.infomodify .useradress input.bisad_input2 {width:223px; float: left;}
.infomodify .useradress a {float: left; margin-left: 10px; width: 141px; line-height: 47px; text-align: center; font-size: 15px; color:#7803e8; border: 1px solid #7803e8;}
.infomodify .useradress input.bisadr_input {width: 540px; margin-top: 9px;}
.infomodify .bisadress {margin-bottom: 10px;}

/*infosecurity*/
.infosecurity {margin:0 auto; padding:90px 0 110px 0; background-color: #f5f6f8;}
.secure_wrap {width: 630px; margin:0 auto; border: 1px solid #dadada;}
.secure_bg {background-color:#fff;}
.secure_inner {padding: 80px 65px;}
.secure_inner h4 {text-align: center; font-size: 25px; margin-bottom: 13px; color:#353535; font-weight: 400;}
.secure_inner p {text-align: center; font-size: 14px; color:#898989; margin-bottom: 60px;}
.secure_inner .secure_pw {width: 350px; margin:0 auto; margin-top: 12px;}
.secure_inner .secure_pw span.inputarea {display: block;}
.secure_inner .secure_pw input {width:220px; float: left; height: 27px; padding: 10px 15px; background-color: #f5f5f5; border: 1px solid #ebebeb;}
.secure_inner .secure_pw a {float: left; margin-left: 6px; width: 90px; line-height: 47px; text-align: center; font-size: 13px; color:#333333; border: 1px solid #d7d7d7;}

/*policy*/
.policy_box {width: 1100px; margin:0 auto; padding:180px 0 100px 0; }
.policy_box h3 {margin-bottom: 35px; font-family: NS; font-weight: 400; font-size: 24px; color:#fff; text-align: center; letter-spacing: -1px;}
.policy_box .policy_wrap {width: 950px; margin:0 auto;}
.policy_wrap .policy_bg {background-color:#fff; border-radius: 5px;}
.policy_wrap .inner {padding: 50px;}
.policy_tab{height:59px;margin-bottom:60px;border-bottom:1px solid #7013e8;text-align:center;*zoom:1}
.policy_tab:after{display:block;clear:both;content:''}
.policy_tab_left,.policy_tab_right{position:relative;float:left;width:423.5px;height:38px;padding-top:20px; font-size: 16px; color:#a2a2a2; border:1px solid #d7d7d7;border-bottom:0;background-color:#fff}
.policy_tab_left{margin-right:-1px}
.policy_tab_right{width:423.5px;border-left-color:#7013e8}
.policy_tab_left.active,.policy_tab_right.active{padding-bottom:1px; color:#7803e8; font-family: NBGBold; border-color:#7803e8;}
.policy_box .in {padding-left: 20px;}
.privacy {font-family: 돋움; font-size: 12px; color:#393939; line-height: 22px;}
.privacy h4 {margin-bottom:50px; font-family: NSBold; text-align: center; font-size: 24px;}
.privacy h5 {margin-bottom:5px;font-size: 13px;}
.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;}


/*findid*/
.findid {position: relative; width: 1100px; margin:0 auto; padding:180px 0 100px 0; }
.findid_wrap {width: 692px; margin:0 auto;}
.findid_wrap h3 {margin-bottom: 60px; font-family: NSBold; font-weight: 400; font-size: 26px; color:#fff; text-align: center; letter-spacing: -1px;}
.findid_wrap .bgbox {background-color: #fff; border-radius: 5px;}
.findid_wrap .bgbox .inner {padding: 68px;}
.find_idpw_area hr {display: block; height: 1px; border: 0; margin: 15px 0 35px; background: #d1d1d1;}
.find_tab{height:59px;margin-bottom:50px;border-bottom:1px solid #7013e8;text-align:center;*zoom:1}
.find_tab:after{display:block;clear:both;content:''}
.find_tab_left,.find_tab_right{position:relative;float:left;width:272px;height:38px;padding-top:20px;border:1px solid #d7d7d7;border-bottom:0;background-color:#fff}
.find_tab_left{margin-right:-1px}
.find_tab_right{width:281px;border-left-color:#7013e8}
.find_tab_left span, .find_tab_right span {display: inline-block; overflow: hidden; line-height: 999px; background: url(../img/content/user.png) 0 0 no-repeat;}
.find_tab_left span,.find_tab_right span{vertical-align:top}
.find_tab_left span{width:97px;height:21px;background-position:-101px -242px}
.find_tab_right span{width:115px;height:22px;background-position:-119px -267px;}
.find_tab_left.active,.find_tab_right.active{padding-bottom:1px;border-color:#7013e8}
.find_tab_left.active span{background-position:0 -242px;}
.find_tab_right.active span{background-position:0 -267px;}
.find_type{position:relative;padding-bottom:20px;padding-left:26px;color:#2c2c2c}
.find_type_title {display: block; font-size: 20px; font-family: NSBold; letter-spacing:-0.1px; font-style: normal;}
.find_type_desc {display: block; margin-top: 13px; font-size: 16px; color:#aaa; line-height: 24px;}
.find_type_radio{position:absolute;top:0;left:0;width:16px;height:16px;padding:0;border:0;-webkit-appearance:none;-moz-appearance:none;background:#fff}
.find_type_radio+i{position:absolute;top:2px;left:0;width:16px;height:16px;line-height: 999px; background: url(../img/content/user.png) 0 0 no-repeat;background-position:-223px -242px}
.find_type_radio.checked+i{background-position:-203px -242px}
/*.find_inputs_area {display: none;}*/
.find_inputs {position: relative; margin: 20px 0; padding-left: 121px;}
.find_inputs_area {padding-bottom: 10px;}
.find_input_text {position: absolute; top: 0; left: 0; width: 111px; color: #333; line-height: 41px; font-size: 14px;}
.find_input_default {display: block; width: 414px; height: 16px; padding: 12px 16px 11px 0; line-height: 16px; border: 1px solid #d7d7d7; color: #333; font-size: 16px; text-indent: 15px; vertical-align: top;}
.find_input_small {	width:131px; padding: 12px 16px 11px 0; line-height: 16px; border: 1px solid #d7d7d7; color: #333; font-size: 16px; text-indent: 15px; vertical-align: top; margin-left: 4px;}
.find_idpw_area .select-selected {border: 1px solid #d7d7d7; font-size: 16px; color: #333;}
.find_idpw_area .select-items {border-left: 1px solid #d7d7d7; border-right: 1px solid #d7d7d7; border-bottom: 1px solid #d7d7d7;}
.find_footer{margin-top: 40px;}
.find_footer_btn{display:block;width:190px;line-height:54px;margin:0 auto;border:1px solid #7803e8;color:#fff;font-size:17px;font-family: NBG; text-align:center;background-color:#7803e8}
.find_footer_btn span{vertical-align:top}
.find_footer_desc {border-top: 1px solid #d7d7d7; padding:12px 0px 30px 10px; font-family: dotum; font-size: 11px; color: #999; line-height: 19px;}
.find_footer_desc i{position: relative; top: -2px; display: inline-block; width: 2px; height: 2px; margin-right: 5px; background-color: #999; vertical-align: middle;}
.id_result {padding:30px;}
.id_result em {display: block; margin:0 auto 30px; width:107px; height:109px; background: url(../img/content/user.png) 0 0 no-repeat;background-position:0px -129px;}
.id_result p {padding-bottom: 20px; font-size: 19px; text-align: center; letter-spacing: 0;}
.id_result span {font-family: tahoma; font-size: 20px; font-weight: bold; color:#7803e8; letter-spacing: 0;}
a.find_input_btn{display: block; line-height: 46px; background:#7013e8; text-align: center; font-size: 16px; color: #fff;}
.pw_result {letter-spacing: 0;}
.pw_result h4 {font-size: 22px; font-weight: normal; font-family: NBGBold;color:#4e4e4e;}
.pw_result p {margin-top: 12px; margin-bottom: 36px; font-size: 15px; font-weight: normal; line-height: 22px; color: #989898;}
.pw_result .desc {font-family: dotum; font-size: 11px;}
.pw_result .desc i {position: relative; top: -2px; display: inline-block; width: 2px; height: 2px; margin-right: 5px; background-color: #999; vertical-align: middle;}
.newpassword {width:510px;padding:15px 18px; font-size: 16px;}
.newpw_c {margin-top: -1px;}

/* 240319 코비 딜러/스폰서 (s) */
/* #gnb .gnbul {width: 820px} */ /* 240320 주석처리 */
/* login (s) */
.login_wrap {top: 270px;left: 50%;margin: 0;transform: translate(-50%, 0)}
.login_wrap a.btn_login {width: 100%}
/* login (e) */

/* 240319 signup (s) */
/* font */
.modal_dim {position: fixed;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,.5);z-index: 100}
.check_modal {font-family: 'Pretendard', sans-serif;font-size: 18px}
.check_modal .tit {color: #212529}
.check_modal strong.tit {font-size: 24px;font-weight: 600;text-align: center;text-decoration: underline}
.join_wrap .check_modal .con, .join_wrap .check_modal .con em {font-size: 18px;font-weight: 600;color: #212529}
.join_wrap .check_modal .con em {color: #7704e8}
.join_wrap .check_modal .con .checkmark.custom {background: #fff}
.check_modal .content .main_tit {font-size: 20px;font-weight: 500;color: #212529;text-align: center}
.check_modal .content .tit {font-weight: 500}
.check_modal .content p {font-weight: 300;color: #495057;line-height: 1.25}

/* layout */
.check_modal {position: fixed;left: 50%;top: 50%;width: 700px;height: 715px;padding: 41.5px 40px;transform: translate(-50%, -50%);background: #fff;box-sizing: border-box;z-index: 100}
.check_modal .content {margin-top: 20px;border: 1px solid #adb5bd;border-radius: 15px;overflow: hidden}
.check_modal .content_inner {height: 520px;padding: 20px;border-radius: 15px;box-sizing: border-box;overflow-y: scroll}
.check_modal .content_inner::-webkit-scrollbar {display: none}
.check_modal strong.tit {display: block;margin: 0 auto 40px}
/* .check_modal strong.tit::after {width: 100%;content: '';position: relative;display: block;height: 2px;background: #212529} */
.check_modal .content .tit, .check_modal .content .main_tit {display: block;margin: 25px 0}
.join_wrap .check_modal .con {display: flex;align-items: center}
.join_wrap .check_modal .con .checkmark.custom {width: 24px;height: 24px;margin-top: 0;border-radius: 5px;border-color: #adb5bd;box-sizing: border-box;overflow: hidden}
.check_modal .content .main_tit:first-of-type {margin-top: 20px}
.check_modal .content .depth2 {margin: 25px 0;margin-left: 8px}
.check_modal .btn_close {position: absolute;right: 22px;top: 22px;padding: 0}

/* effect */
.modal_dim {display: none;transition: all .2s}
.modal_dim.active {display: block;}
.join_wrap .check_modal .con:hover .checkmark.custom {background: #f1f3f5}
.join_wrap label.con input:checked ~ .checkmark.custom {background: #f1f3f5}
.join_wrap label.con span.checkmark.custom:after {left: 0;top: 0;width: 24px;height: 24px;background: url("../img/sponsor/ico_check_2x.png") -1px -1.4px / 24px 24px no-repeat;border: none;transform: none}
/* signup (e) */

/* order (s) */
/* font */
.order_top .code_input_box, .order_top .sponsor_code_form {font-family: 'Pretendard', sans-serif;letter-spacing: normal}
.code_input_box .code_tit {font-size: 20px;font-weight: 600;color: #212529}
.code_input_box .info {font-size: 12px;font-weight: 500;color: #ff0000}
.sponsor_off {font-family: 'Pretendard', sans-serif;font-size: 16px;font-weight: 600;color: #495057;letter-spacing: normal}
.sponsor_off .ico {font-family: NS;font-weight: 400;color: #424242}

/* layout */
.order .order_section .order_top h5 {float: left;margin-top: 15px}
.order_top .code_input_box {float: right}
.order_top .code_input_box, .order_top .sponsor_code_form {display: flex}
.code_input_box .code_tit {display: block;height: 24px;margin-top: 4px}
.code_input_box .code_wrap {display: flex;flex-direction: column;margin-left: 10px}
.code_input_box .code_input {width: 225px;padding: 4px 8px;border: solid 1px #ced4da;box-sizing: border-box}
.code_input_box .info {margin: 7px 0}
.code_input_box .code_input:hover, .code_input_box .code_input:focus {border-color: #212529}
.code_input_box .btn {align-self: flex-start;margin-left: 5px;padding: 6px 20px;border: solid 1px #ced4da;font-family: 'Pretendard', sans-serif}
.bdtd .price, .bdtd .sponsor_name {display: none}

/* effect */
.sponsor_off .price, .sponsor_off .sponsor_name {display: block}
/* order (e) */

/* sponsor manage - main (s) */
/* font */
.sponsor_manage .sub_contentbox, .sponsor_manage input, .sponsor_manage button {font-family: 'Pretendard', sans-serif}
.sponsor_manage .main_tit {color: #212529;text-align: center}
/* 240320 수정 및 추가 (s) */
.sponsor_manage .manage_tit .main_tit {position: relative;font-size: 36px;font-weight: 700;color: #212529}
.sponsor_manage .manage_tit .main_tit::before {content: '';position: absolute;left: -77.5px;top: 0;width: 59.5px;height: 59.5px;background: url("../img/sponsor/img_note.png") center / cover no-repeat}
/* 240320 수정 및 추가 (e) */
.sponsor_manage .manage_tit .main_tit span {color: #5459ff}
.sec .main_tit {font-size: 30px;font-weight: 600} 
.feature_box:first-of-type {background: #ffd9a1}
.feature_box:last-of-type {background: #a1daff}
.feature_box .tit {font-size: 22px;font-weight: 600;color: #343a40}
.feature_box .txt {font-size: 14px;color: #495057;line-height: 16px}
.feature_box .input {font-size: 16px;color: #212529;text-align: center}
.feature_box .input::placeholder {font-size: 16px;color: #adb5bd}
.sponsor_manage .btn {font-size: 18px;font-weight: 600;color: #343a40;background: #fff;line-height: 21px}
.sponsor_manage .preparing .tit {font-size: 30px;font-weight: 700;color: #212529}
.sponsor_manage .preparing .tit span {color: #1396ff}
.sponsor_manage .preparing .txt_wrap {font-size: 16px;line-height: 26px;color: #495057}

/* layout */
.sponsor_manage .fl_box {display: flex;align-items: center;justify-content: center}
.sponsor_manage .fl_box_space {display: flex;justify-content: space-between;align-items: center}
.sponsor_manage .btn {padding: 10px 30px;border: 1px solid #adb5bd;border-radius: 10px;box-sizing: border-box}
.sponsor_manage .sec {padding-bottom: 72px}
.sponsor_manage .sec:last-of-type {padding-bottom: 100px}
.sponsor_manage .manage_tit {width: 1100px;height: 135px;background: url("../img/sponsor/img_bg.png") 0 0 no-repeat}
.sponsor_manage .manage_tit .main_tit span {position: relative;display: inline-block;padding: 6px 8px;box-sizing: border-box}
/* 하단 css 240319 수정 */
.sponsor_manage .manage_tit .main_tit span::before {position: absolute;left: -7px;top: -7px;content: '';width: 161px;height: 67px;background: url("../img/sponsor/img_tit_bg.png") center / cover no-repeat}
.sponsor_manage .manage_tit .main_tit span::before {will-change:auto}
.sec .main_tit {margin: 55px 0 32px} 
.feature_box {position: relative;width: 476px;height: 170px;padding: 20px 24px;border-radius: 10px;overflow: hidden;box-sizing: border-box;box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15)}
.feature_box:first-of-type {margin-right: 46px}
.feature_box::after {position:absolute;top: 0;right: 0;content: '';background: center / cover no-repeat}
.feature_box:first-of-type::after {width: 129px;height: 126px;background-image: url("../img/sponsor/img_search.png")}
.feature_box:last-of-type::after {width: 120px;height: 106px;background-image: url("../img/sponsor/img_add.png")}
.feature_box .info_txt {margin: 6px 0 20px}
.feature_box .info_txt .txt:last-of-type {margin-left: 18px}
.feature_box .input {width: 166px;height: 42px;padding: 12px;margin-right: 12px;border: 1px solid #adb5bd;box-sizing: border-box}
.feature_box .copy_box {display: flex}
.feature_box .copy_box .btn {width: 141px;border-color: transparent}
.sponsor_manage .sponsor_feature {padding-bottom: 83px}
.sponsor_manage .preparing {text-align: center}
.sponsor_manage .preparing .tit {margin: 15px 0 20px}

/* effect */
.feature_box::after {transition: all .15s}
.feature_box:first-of-type:hover::after {background-image : url("../img/sponsor/img_search2.png")}
.feature_box:last-of-type:hover::after {background-image : url("../img/sponsor/img_add2.png")}
.feature_box .input:hover, .feature_box .input:focus {border-color: #212529}
.feature_box .copy_box .btn {transition: all .1s}
.feature_box .copy_box .btn:hover, .feature_box .copy_box .btn:focus {color: #fff}
.feature_box:first-of-type .copy_box .btn:hover, .feature_box:first-of-type .copy_box .btn:focus {background: #ffae37}
.feature_box:last-of-type .copy_box .btn:hover, .feature_box:last-of-type .copy_box .btn:focus {background: #3ab1ff}
/* sponsor manage - main (e) */

/* 240314 sponsor manage - contents (s) */
/* font */
.sponsor_contents .txt_wrap {font-size: 16px;color: #000}
.content_item .txt_btn {font-size: 14px;color: #868e96}
.sponsor_manage .page_num {font-size: 26px;font-weight: 500;text-align: center}

/* layout */
.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%)}
.sponsor_contents {padding: 0 75px}
.sponsor_contents .tab_item:nth-of-type(2) {margin: 0 8px}
.sponsor_contents .content_item {align-items: flex-start;padding: 24px 20px;border-top: 1px solid #adb5bd;border-bottom: 1px solid #adb5bd;box-sizing: border-box}
.sponsor_contents .content_item:first-of-type {margin-top: 20px}
.sponsor_contents .img_wrap {width: 258px;height: 147px;border-radius: 15px;overflow: hidden}
.sponsor_contents .img_wrap .img {width: 100%;border-radius: 15px}
.sponsor_contents .txt_wrap {flex: 1;flex-shrink: 0;margin: 0 20px 0 17px}
.sponsor_contents .txt_wrap div:first-of-type {width: 281px;margin-right: 20px}
.sponsor_contents .txt_wrap div:last-of-type {width: 167px}
.sponsor_contents .txt_wrap .fl_box_space:not(:last-of-type) {margin-bottom: 24px}
.sponsor_contents .btn_list {width: 147px;text-wrap: nowrap}
.sponsor_contents .btn_list .txt_btn {padding: 0}
.sponsor_contents .btn_list .txt_btn:not(:last-of-type) {margin-right: 16px}
.pagination_wrap {margin-top: 76px}
.sponsor_manage .page_num {display: inline-block;width: 50px;padding: 9.5px 16.5px;margin: 0 14px;box-sizing: border-box}
.btn_previous_list button, .btn_next_list button {width: 26px;height: 26px;margin: 12px;box-sizing: border-box}
.btn_previous_list button:first-of-type, .btn_next_list button:first-of-type {margin-right: 28px}
.btn_previous_list button {transform: rotateY(180deg)}
.btn_previous_list .btn_go_first {background: url("../img/sponsor/ico_arrow_double.png") center / contain no-repeat}
.btn_previous_list .btn_previous {background: url("../img/sponsor/ico_arrow_light.png") center / contain no-repeat}
.btn_next_list .btn_go_last {background: url("../img/sponsor/ico_arrow_double.png") center / contain no-repeat}
.btn_next_list .btn_next {background: url("../img/sponsor/ico_arrow_light.png") center / contain no-repeat}


/* effect */
.sponsor_contents .tab_item.on, .sponsor_contents .tab_item:hover, .sponsor_contents .tab_item:focus,
.sponsor_contents .btn:hover, .sponsor_contents .btn:focus {background: #c0e4ff;border-color: transparent}
.sponsor_contents .content_item:hover {background: #eaf6ff}
.content_item .txt_btn:hover, .content_item .txt_btn:focus {color: #000;text-decoration: underline}
.content_item .txt_btn:last-of-type:hover, .content_item .txt_btn:last-of-type:focus  {color: #009bff}
.sponsor_contents .tab_content {display: none}
.sponsor_contents .tab_content.active {display: block}
.sponsor_manage .page_num.on  {background: #212529;color: #fff;border-radius: 50%}
/* sponsor manage - contents (e) */
/* 240319 코비 딜러/스폰서 (e) */

/* 240712 haedrio 해드리오 (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 {
	font-family: 'pretendard', sans-serif;
	color: #343a40;
}
.haedrio .visual_wrap {background: url("../img/renewal/haedrio/img_bg.png") center no-repeat;}
.haedrio .visaul_inner {
	position: relative;
	width: 1100px;
    height: 500px;
	margin: 0 auto;
}
.haedrio .visaul_inner .txt_wrap {
	position: absolute;
	top: 122px;
	left: 71px;
	margin: 0 0 40px;
}
.visaul_inner .main_tit {
	margin-bottom: 12px;
	font-size: 58px;
	font-weight: 700;
	color: #339af0;
}
.visaul_inner .main_tit .svc {font-weight: 500;}
.txt_wrap .txt {line-height: 42px;}
.haedrio .strong {font-weight: 600;}
.visaul_inner .main_tit .svc,
.visaul_inner .txt_wrap,
.btn_apply_haedrio,
.haedrio .main_tit2 {font-size: 32px;}
.btn_apply_haedrio {
	padding: 22px 52px;
	margin-top: 40px;
	border-radius: 15px;
	background: #339af0;
	font-size: 32px;
	font-weight: 600;
	line-height: 30px;
	color: #fff;
}
.btn_apply_haedrio:hover,
.btn_apply_haedrio:focus {
	background: transparent;
	color: #339af0;
	border: 1px solid #339af0;
}
.haedrio .main_tit2 {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	margin: -21px auto 0;
	padding: 40px 0;
	background: #d0ebff;
	font-weight: 700;
	color:#212529;
	line-height: 42px;
}
.haedrio .main_tit2 .svg {margin-right: 8px;}
.haedrio .reason_list {
	width: 1100px;
	padding: 50px 50px 82px;
	margin: 0 auto;
	font-size: 24px;
	line-height: 30px;
	color: #495057;
	box-sizing: border-box;
}
.haedrio .reason .strong {
	line-height: 34px;
	color: #343a40;
}
.reason:first-of-type {margin-bottom: 100px;}
.reason .cnt {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 44px;
	height: 44px;
	margin-right: 7px;
	border-radius: 50%;
	background: #339af0;
	font-size: 24px;
	font-weight: 600;
	color: #fff;
}
.reason .txt_wrap {
	display: flex;
	line-height: 41px;
}
.reason .img_box {
	display: flex;
	margin: 24px 0 0;
}
.reason .img_box .img_wrap {
	width: 50%;
	height: 296px;
	border-radius: 15px;
}
.reason .img_box .img_wrap:first-of-type {
	position: relative;
	margin-right: 24px;
}
.reason .img_box .img_wrap:first-of-type::after {
	display: block;
	position: absolute;
	top: 50%;
	right: -76px;
	width: 128px;
	height: 128px;
	background: url("../img/renewal/haedrio/ico_arrow.png") no-repeat;
	transform: translateY(-50%);
	content: '';
}
.ellipsis {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	/* white-space: nowrap; */
}
.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: 418px;
	padding: 30px;
	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: 44px;
	height: 44px;
	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 / 36px 36px no-repeat;
}
.haedrio_trial .top .txt {
	margin: 8px 0 19px;
	font-size: 20px;
	line-height: 26px;
}

.haedrio_trial .step1 .top .txt {line-height: inherit}
.haedrio_trial .tit,
.haedrio_trial .sub_tit {
	font-weight: 700;
	color: #212529;
}
.haedrio_trial .tit {font-size: 26px;}
.haedrio_trial .step2 .tit, 
.haedrio_trial .step3 .tit {color: #734cff;}
.haedrio_trial .sub_tit {
	margin: 20px 0 8px;
	font-size: 18px;
}
.haedrio_trial .center {
	margin: 20px 0 40px;
	font-size: 18px;
	text-align: start;
}
.haedrio_trial .step2 .center {margin: 20px 0;}
.haedrio_trial .step3 .center {text-align: center;}
.step3 .center .txt {line-height: 28px;}
.haedrio_trial .step2 .important_info,
.haedrio_trial .caution {text-align: start;}
.haedrio_trial .important_info {
	display: inline-block;
	width: 100%;
	font-size: 20px;
	font-weight: 600;
	color: #f03e3e;
	text-align: center;
}
.haedrio_trial .step2 .important_info {
	font-size: 18px;
	font-weight: 400;
}
.haedrio_trial .caution {
	letter-spacing: -0.5px;
	line-height: 1.56;
}
.haedrio_trial .caution_item {
	position: relative;
	margin: 0 0 12px 0;
	padding-left: 8px;
	line-height: 18px;
}
.haedrio_trial .caution_item::before {
	position: absolute;
	left: 0;
	content: '·';
}
.haedrio_trial .check {
	display: flex;
	align-items: center;
	margin-top: 40px;
	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: 20px;
	font-weight: 600;
	font-family: 'pretendard',sans-serif;
	color: #fff;
	border-radius: 4px;
	box-sizing: border-box;
}
.haedrio_trial button:focus {
    outline: 1px solid #000;
}
.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: relative;
	font-family: 'pretendard', sans-serif;
	font-size: 16px;
}
.haedrio_trial .custom_input.date {
	display: block;
	appearance: initial;
	font-family: 'Pretendard', sans-serif;
}
.haedrio_trial .custom_checkbox {
	display: block;
	width: 20px;
	height: 20px;
	margin-left: 4px;
	background: #fff;
	border: 1px solid #adb5bd;
	border-radius: 4px;
	box-sizing: border-box;
}
.haedrio_trial .custom_checkbox:hover {border-color: #734cff;}
.haedrio_trial .checkbox:checked +.custom_checkbox {
	border-color: #734cff;
	background: url(../img/renewal/haedrio/ico_check3x.png) #734cff center / 15px 15px 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: 110px;
    padding: 8.5px 22px;
	border-color: #dee2e6;
	border-radius: 5px;
	background: #dee2e6;
	box-sizing: border-box;
	font-weight: 500;
	color: #212529;
	text-align: center;
}
.haedrio_trial .file_preview {
	display: flex;
	align-items: center;
	width: 153px;
	margin-top: 12px;
	border: 1px solid #734cff;
	border-radius: 100px;
	box-sizing: border-box;
	font-size: 12px;
	color: #212529;
}
.haedrio_trial .file_preview .ellipsis {
	line-clamp: 1;
	-webkit-line-clamp: 1;
	word-break: break-all;
	margin: 8px 10px;
	flex: 1;
}
.custom_input.checkbox:focus-visible + .custom_checkbox,
.custom_input.file:focus-visible + .custom_file {
    outline: 1px solid #000;
}
.haedrio_trial .btn_delete_uploadfile {
	flex-shrink: 0;
	width: 16px;
	height: 16px;
	/* margin-left: 16px; */
	margin-right: 10px;
	border-radius: 50%;
	background: url("../img/renewal/haedrio/ico_close3x.png") #734cff center / 12px 12px no-repeat;
}
.haedrio_trial .request_box:focus,
.haedrio_trial .date:hover,
.haedrio_trial .date:focus {
	outline: 1px solid #495057;
}
.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: 16px;
    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: 16px #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: 16px;
}
.haedrio_trial .confirm_item {
	display: flex;
	margin-bottom: 20px;
	text-align: left;
}
.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: 91px;
	margin-right: 20px;
	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: 30px;
	height: 30px;
	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;}
/* 240624 haedrio 해드리오 (e) */


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