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

/*study*/
.board_tit {padding: 40px 0 20px;}
.board_tit h4 {font-family: 'NSBold'; font-size: 17px; color:#545454;}
.board_tit p {margin-top: 8px; font-size: 14px}
/*.board_tit .custom-select {margin-top:44px;}*/
.board_tit .input_wrap {position: relative; margin-top: 15px;}
.board_tit .input_wrap input {width: 100%; padding: 6px; box-sizing: border-box; height: 40px; background-color: #fff; border: 1px solid #c5c5c5;}
.board_tit .input_wrap input::placeholder {font-size: 14px; color:#989898;}
.board_tit .input_wrap span {position: absolute; top: 0; right: 0; bottom: 0; margin: auto; margin-right: 7px; display: block; width: 15px; height: 14px; background: url(../img/board/study.png) 0 0 no-repeat; background-size: 100px auto;}
.board_list {width:100%; font-family: NBG; font-size: 13px; color:#424242; border-top:1px solid #666;}
.board_list li {position: relative; padding:18px 0; color:#424242; border:0; border-bottom:1px solid #e2e2e2;}
.board_list .title {width:85%; display: block; text-align:left; margin-bottom: 8px; font-size: 16px; line-height: 20px;}
.board_list .title i {display: block; margin-right: 5px; margin-bottom: 4px; font-family: 'NSBold'; font-size: 13px; font-style: normal; color:#0060ef; line-height: 15px;}
.board_list .title2 {width:85%; display: block; text-align:left; margin-bottom: 5px; font-size: 16px; line-height: 20px;}
.board_list .title2 i.new {width: 27px; height: 15px; display: inline-block; margin-left: 4px; vertical-align: -2px; background-image: url(../img/board/help.png); background-position: 0 0; background-size: 88px auto; text-indent: -9999px;}
.board_list .study_tag a {font-size:12px; padding: 1px; color:#676767; background-color: #f7f7f7; margin-right: 5px;}
.board_list .date {font-size: 13px; color:#828282;}
.board_list li span.arrow {position: absolute; top: 0; bottom: 0; right: 10px; margin: auto; display: block; width: 7px; height: 13px; background: url(../img/board/study.png) -17px 0 no-repeat; background-size: 100px auto;}
.board_list span.moreview {display: block; margin:25px 0; text-align: center; color:#868686; font-size: 14px;}
.board_viewbox {width:100%; margin-top: 50px; padding-bottom: 45px; font-family: NBG; font-size: 13px; color:#424242; border-top:2px solid #666;}
.board_viewbox .view_tit {padding: 23px 15px; text-align: center; line-height: 21px; font-size: 17px; color:#212121; border-bottom: 1px solid #d4d4d4;}
.board_viewbox .filedown {text-align: right; padding:0 5px; margin-top:10px;}
.board_viewbox .filedown span {display: inline-block; font-size: 12px; color:#868686; line-height: 18px; vertical-align:middle;}
.board_viewbox .filedown span.icon {width: 10px; height: 18px; margin-right: 5px; background: url(../img/board/study.png) -42px 1px no-repeat; background-size: 100px auto;}
.board_viewbox .filedown a {margin-left: 4px; margin-right: 2px; font-size: 12px; border-bottom: 1px solid #b5b5b5; color:#6c6c6c;}
.board_viewbox .view_detail {padding:50px 5px; border-bottom:2px solid #666;}
.board_viewbox .view_detail .iframe_wrap {position: relative; padding-bottom: 56.25%; padding-top: 10px; height: 0; margin-bottom: 12px;}
.board_viewbox .view_detail .iframe_wrap iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.board_viewbox .view_detail p.content_img_box {line-height: 0px; margin-bottom: 12px; }
.board_viewbox .view_detail p.content_text {margin: 0 5px; font-size: 15px; color:#424242; line-height: 21px;}
.board_viewbox .view_detail p > img {width: 100%;}
/*190708_랜딩이미지a링크추가(s)*/
.board_viewbox .view_detail a {/*position: absolute;*/ display: block; /* padding-bottom: 40%;*/}
.board_viewbox .view_detail a.landing1 {top:5%; right:0; left:0;} 
.board_viewbox .view_detail a.landing2 {top:35%; right:0; left:0;}
/*190708_랜딩이미지a링크추가(e)*/
.board_viewbox .viewli {margin-top: 55px; margin-bottom: 20px; border-top: solid 1px #d4d4d4; border-bottom: solid 1px #d4d4d4;}
.board_viewbox .viewli li {position: relative; padding:14px 15px; color:#424242;}
.board_viewbox .viewli li.bd{border-bottom: solid 1px #d4d4d4;}
.board_viewbox .viewli li .study_tit {width:85%; display: block; text-align:left; font-size: 15px; line-height: 20px;}
.board_viewbox .viewli li .study_tit i {display: block; margin-right: 5px; margin-bottom: 4px; font-family: 'NSBold'; font-size: 13px; font-style: normal; color:#0060ef; line-height: 15px;}
.board_viewbox .viewli li .viewli_btn span {position: absolute; top: 0; bottom: 0; right: 10px; margin: auto; display: block; width: 14px; height: 7px; }
.board_viewbox .viewli li .viewli_btn .pre {background: url(../img/board/study.png) -26px -9px no-repeat; background-size: 100px auto;}
.board_viewbox .viewli li .viewli_btn .next {background: url(../img/board/study.png) -26px 0 no-repeat; background-size: 100px auto;}
.board_viewbox .list_btn {text-align: center; margin-top: 25px; margin-bottom: 10px;}
.board_viewbox .list_btn a {display: inline-block; width: 110px; height: 40px; line-height: 40px; font-size: 14px; color:#333; border:1px solid #d4d4d4;}


/*library*/
.library_litit {padding: 90px 0 55px 0;}
.library_litit h4 {font-size: 36px; color:#545454; font-weight: 700; float: left;}
.library_tit {padding: 90px 0 55px 0; border-bottom: 2px solid #3b3b3b;}
.library_tit h4 {font-size: 36px; color:#545454; font-weight: 700; float: left;}
.library_list {width:100%; border:0; font-family: NBG;}
.library_list li.last {margin-right: 0;}
.library_list .thumbbox_list {margin-bottom: 17px;}
.library_list .thumbbox_list a {display: block;}
.library_list .thumbbox_list .thumb {display: block; position: relative; box-sizing: border-box; border: 1px solid #ccc;}
.library_list .thumbbox_list .thumb > img {width: 100%;}
.library_list .thumbbox_list .info {padding:22px 20px; color:#3d3c3c; box-sizing: border-box; border: 1px solid #ccc; border-top:0;}
.library_list .thumbbox_list .info dt.tit {font-family: 'NBGBold'; font-size: 16px; line-height: 21px; color:#2b2b2b;}
.library_list .thumbbox_list .info dd.date {display: inline-block; padding-top: 10px; font-size: 13px; font-family: tahoma; line-height: 14px;}
.library_list span.moreview {display: block; margin:25px 0; text-align: center; color:#868686; font-size: 14px;}


/*school*/
.schoolcontent {width: 100%;}
.schoolcontent .header {margin:60px 0 40px; padding: 30px; border:1px solid #c8c8c8;}
.schoolcontent .header .thumb {position: relative; height: 270px; border-bottom:1px solid #c8c8c8;}
.schoolcontent .header .thumb h4 {width: 220px; font-family: 'NSBold'; font-size: 32px; line-height: 42px;}
.schoolcontent .header .thumb p {display: inline-block; margin-top: 8px; padding:4px 6px; font-size: 13px; background:#f5439b; color:#fff; letter-spacing: 0;}
.schoolcontent .header .thumb span {position: absolute; right:12px; top: 45px;}
.schoolcontent .header .thumb span.expimg {width:164px; height:196px; background:url(../img/board/school_explain.png) no-repeat; background-size: 164px;}
.schoolcontent .header .thumb span.eduimg {top:80px; width:159px; height:167px; background:url(../img/board/school_edu.png) no-repeat; background-size: 159px auto;}
.schoolcontent .header .info {width:100%; letter-spacing: 0;}
.schoolcontent .header .info ul {font-family: NBG;}
.schoolcontent .header .info li {padding: 12px 0; font-size:14px; border-bottom:1px solid #c8c8c8;}
.schoolcontent .header .info li.last {border-bottom:none;}
.schoolcontent .header .info strong {float: left; position: relative; width:170px; padding-left: 23px; font-weight: normal;}
.schoolcontent .header .info span {float: left;}
.schoolcontent .header .info a.minbtn {display: inline-block; margin-left: 8px; font-size: 12px; font-family: dotum; letter-spacing: -0.5px; color:#9a9a9a;}
.schoolcontent .header .info a.minbtn:hover {text-decoration: underline;}
.schoolcontent .header .info ul i {position: absolute; top: 0; bottom: 0; left: 11px; margin:auto; width:3px;height:3px;background:#f5439b;}
.schoolcontent .header .info em {display: inline-block; margin-right: 5px; font-style: normal; font-family: tahoma; font-weight: bold;}
.schoolcontent .header .info a.btn {display: block; margin-top: 20px; text-align: center; font-family: NSBold; font-size: 18px; background:#f5439b; color:#fff; line-height: 54px;}
.schoolcontent .contents {width:100%; border:0; font-family: NBG; border-top: 2px solid #3b3b3b; }
.schoolcontent .contents .tab {position: relative; height: 50px; text-align: left; font-size: 17px; color:#333333; line-height: 24px; font-weight: 400;border:0; border-bottom:1px solid #c8c8c8; background:#f7f7f7;}
.schoolcontent .contents .tab p {position: absolute; left:0; top:0; width:160px; line-height:50px; text-align: center; font-size: 16px; color:#000; background-color:#fff; border-bottom:1px solid #fff; border-right:1px solid #c8c8c8; border-left:1px solid #c8c8c8;}
.schoolcontent .contents .text {margin-top: 60px; font-size: 14px; color:#545454;}
.schoolcontent .contents .text h5 {font-size: 22px; margin-bottom: 16px;}
.schoolcontent .contents .text p {margin-bottom: 45px; line-height: 28px;}
.schoolcontent .contents .text .special {padding: 40px 0; font-size: 14px; line-height: 23px; background-color: #fcfcfc; border: 1px solid #dfdfdf; text-align: center;}
.schoolform {width:100%; height:730px; background:url(../img/board/helpbg.png) no-repeat; background-position: center; text-align: center;}
.schoolform p {padding-top: 100px; color:#fff;font-family: NSBold; font-size: 30px;}
.schoolform strong {display: inline-block; margin-top: 30px; color:rgba(255,255,255,0.6); font-weight: normal; font-size: 14px; line-height: 24px;}
.schoolform .box {margin:34px auto 0; width:400px; padding:38px; background:#fff; border-radius: 5px; text-align: left;}
.schoolform .box a {display: block; margin-top: 30px; padding:20px 0; background:#f5439b; color:#fff; font-family: NSBold; font-size: 19px; text-align: center;}
.schinputs {position: relative; margin: 0 0 20px; padding-left: 90px; letter-spacing: 0;}
.schinput_text {position: absolute; top: 0; left: 0; width: 90px; color: #333; line-height: 44px; font-size: 15px;}
.schinput_text em {margin-left: 3px; font-style: normal; font-family: dotum; font-size: 11px; color:#aaa;}
.schinput_default {display: block; width: 294px; height: 24px; padding: 10px 14px 8px 0; line-height: 15px; border: 1px solid #d7d7d7; color: #7c7c7c; font-size: 15px; text-indent: 15px; vertical-align: top;}
.schinput_small {display: inline-block; margin-left: 3px; width: 87px; height: 24px; padding: 10px 14px 8px 0; line-height: 15px; border: 1px solid #d7d7d7; color: #7c7c7c; font-size: 15px; text-indent: 15px; vertical-align: top;}
.schinputs select {width:100%; height:44px; line-height: 44px; padding-left: 15px; font-size: 14px; color:#7c7c7c; border: 1px solid #d7d7d7; background-color: #fff; appearance:none;-webkit-appearance:none;-moz-appearance:none;-o-appearance:none; border-radius: 0;}
.schinputs select::-ms-expand {display:none;}
.schinputs .select_wrap {position: relative; width: 100%; height: 44px;}
.schinputs .select_wrap span {position: absolute; top: 0; bottom: 0; right: 7px; margin:auto; margin-right: 7px; display:block; width: 14px; height: 7px; background: url(../img/common/common.png) no-repeat; background-position: 0 0; background-size: 100px auto;}
.schinputs .select_wrap.select2 {display: inline-block; width: 90px;}
.schinputs .select_wrap.select2 select {width: 90px;}
.eduform {width:100%; height:675px; background:url(../img/board/helpbg.png) no-repeat; background-position: center; text-align: center;}
.eduform p {padding-top: 100px; color:#fff;font-family: NSBold; font-size: 30px;}
.eduform strong {display: block; color:rgba(255,255,255,0.6); font-weight: normal; font-size: 14px; line-height: 24px;}
.eduform strong.strong1 {margin-top: 30px;}
.edu {margin:0 auto; padding-top: 100px; width: 648px; letter-spacing: 0;}
.edu em {display: block; margin-bottom:6px; font-style: normal; font-size: 16px; color:#aaa;}
.edu .box {float: left; margin:auto; width:270px; padding:20px; margin:0 7px; background:#fff; border-radius: 5px; text-align: center;}
.edu p {font-size: 30px; padding-top:30px; margin-bottom: 16px; font-family: NSBold; line-height: 34px; color:#444;}
.edu .box a {display: block; margin-top: 25px; padding:20px 0; background:#f5439b; color:#fff; font-family: NSBold; font-size: 19px; text-align: center;}
.edu .box .date {font-size: 14px;}
.edu .box .date span {display: inline-block; padding:3px 7px 2px; margin-right: 10px; background:#f5439b; color: #fff; font-family: dotum; font-size: 11px;}
.edu .box .tags {margin-top: 35px;}
.edu .box .tags span {display: inline-block; padding:4px 8px 3px; margin:0 10px 13px 0; background:#f1f1f1; color:#868686; border-radius: 3px; font-size: 13px;}
.edu .box a.educancle {border:1px solid #f5439b; background:#fff; color:#f5439b;}
.view_tit {padding: 23px 15px; text-align: center; line-height: 21px; font-size: 17px; color:#212121; border-bottom: 1px solid #d4d4d4;}
.board_viewbox {width:100%; margin-top: 50px; padding-bottom: 45px; font-family: NBG; font-size: 13px; color:#424242; border-top:2px solid #666;}

/*개발용 css추가 (s) 190619*/
.schinputs .custom-select {position: relative; width: 100%; height: 44px;}
.schinputs .custom-select span {position: absolute; top: 0; bottom: 0; right: 7px; margin:auto; margin-right: 7px; display:block; width: 14px; height: 7px; background: url(../img/common/common.png) no-repeat; background-position: 0 0; background-size: 100px auto;}
.schinputs .custom-select.select2 {display: inline-block; width: 90px;}
.schinputs .custom-select.select2 select {width: 90px;}
/*개발용 css추가 (e) 190619*/

/*코비소식 - 언택트페이지 css 추가 200909(s)*/
/*untact*/
.help_con {position: relative;}
.help_contents {height: 420px;}
.help_contents .top_wrap {position: relative; -webkit-transition:all 0.3s cubic-bezier(0.215,0.610,0.355,1.000); -moz-transition:all 0.3s cubic-bezier(0.215,0.610,0.355,1.000); -o-transition:all 0.3s cubic-bezier(0.215,0.610,0.355,1.000); -ms-transition:all 0.3s cubic-bezier(0.215,0.610,0.355,1.000); transition:all 0.3s cubic-bezier(0.215,0.610,0.355,1.000);}
.help_contents .title {padding:135px 0 40px 0;}
.help_contents .title p {font-size:18px; margin-bottom: 12px; font-family: NSBold; color:#fff; text-align: center; letter-spacing: -1px; line-height: 22px;}
.help_contents .title h3 {font-size:36px; font-family: NSBold; color:#fff; text-align: center; letter-spacing: -1px; line-height: 33px;}
.help_contents .top_img {text-align: center;}
.help_contents .top_img img{height:235px;}
.untact_bg{background-color: #5b60c8;}
span.color7100fd{color:#7100fd;}
span.colorfeaa0a{color:#feaa0a;}
.topbtn_area .buybtn_untact{width: 92px; height: 34px; line-height: 34px; font-family: NBGBold; font-size: 16px; color:#343434; background-color:#fff; border: 2px solid #fff; border-radius: 3px; vertical-align: middle;}
.help_contents .top_img.untact {position: absolute; top: 0; bottom: 0; left: 0; margin-left: 136px; margin-top: 400px; z-index: 6666;}
.help_contents .top_img.untact img{margin-bottom: 25px;}
.section1_untact { margin:0 auto; height:auto;}
.section1_untact .sec1_content{height: 100%}
.section1_untact h2.sec1_tit{padding-top:160px; text-align: center; letter-spacing: -1px; font-size:30px; font-family: 'NS',sans-serif; font-weight: bold; color:#000000; line-height: 1.5; width:90%; margin:0 auto;}
.section1_untact p.sec1_desc{margin-top:50px; margin-bottom:0px; letter-spacing: -0.5px; line-height: 1.6; text-align: center; font-size:18px; font-family: 'NS',sans-serif; font-weight: normal; color:#000000;}
.section1_untact .flex_box{display: flex; justify-content: center; align-items: center; flex-direction: column;}
.section1_untact .flex_box .fBox{width:456px; padding:65px 0 70px 0;}
.section1_untact .flex_box .fBox .img{width:100%; height: 356px;}
.section1_untact .flex_box .fBox .text h3{padding:30px 0; text-align: center; font-family: 'NS',sans-serif; font-weight: bold; font-size:24px; line-height: 25px; color:#000000;}
.section1_untact .flex_box .fBox .text p{text-align: center; font-family: 'NBG',sans-serif; font-size:14px; color:#555555; line-height: 1.5; letter-spacing: -0.7px;}

.section1-2_untact{width:100%; padding:100px 0 50px 0;  background-color: #f4f4f4;}
.section1-2_untact h2.sec1-2_tit{padding-top:0px; text-align: center; letter-spacing: -1px; font-size:30px; font-family: 'NS',sans-serif; font-weight: bold; color:#000000;}
.section1-2_untact p.sec1-2_desc{letter-spacing: -0.5px; line-height: 1.6; text-align: center; font-size:18px; font-family: 'NS',sans-serif; font-weight: normal; color:#000000; width: 480px; margin:30px auto 70px auto;}
.sec1-2_content{width: 100%; height: auto; position: relative; margin:0 auto;}
.sec1-2_content .img{width:100%; text-align: center; display: none;}
.sec1-2_content .li{
	width:436px;
	padding-left:60px;
	background-repeat: no-repeat;
	background-size: 44px 44px;
	background-position: left top;
	margin: 80px auto;
}
.sec1-2_content .li01{background-image:url(../img/board/untact/num01.png); top:0; left:0;}
.sec1-2_content .li02{background-image:url(../img/board/untact/num02.png); top:0; right:0;}
.sec1-2_content .li03{background-image:url(../img/board/untact/num03.png); top:400px; left:0;}
.sec1-2_content .li04{background-image:url(../img/board/untact/num04.png); top:400px; right:0;}
.sec1-2_content .li h3{padding:10px 0 20px 0; font-family: 'NS', sans-serif; font-weight: bold; font-size:24px; color:#000000;}
.sec1-2_content .li p{font-family: 'NBG', sans-serif; font-weight: normal; font-size:14px; color:#000000; line-height: 1.6; letter-spacing: -0.8px;}

.section1-3_untact{width:100%; padding:150px 0;  background-color: #ffffff;}
.sec1-3_content .img{width:100%; text-align: center;}
.sec1-3_content .img img{width:500px;}
.sec1-3_content .text_top{margin-top:0px;}
.sec1-3_content .text_top h3{
	font-family: 'NS', sans-serif;
	font-weight: bold;
	font-size:30px;
	color:#000000;
	text-align: center;
	margin-bottom:28px;
}
.sec1-3_content .text_top p{
	font-family: 'NS', sans-serif;
	font-weight: bold;
	font-size:17px;
	color:#000000;
	text-align: center;
	margin-bottom:40px;
}
.sec1-3_content .text{margin-top:40px;}
.sec1-3_content .text h3{
	font-family: 'NS', sans-serif;
	font-weight: bold;
	font-size:30px;
	color:#000000;
	text-align: center;
	margin-bottom:28px;
}
.sec1-3_content .text p{
	font-family: 'NS', sans-serif;
	font-weight: bold;
	font-size:17px;
	color:#000000;
	text-align: center;
	margin-bottom:40px;
}
.section2_inner li span.untact_line {padding-bottom: 5px; border-bottom: 2px solid #7100fd; color:#7100fd; }
.section2_inner span.untact_tab1img, .section2_inner span.untact_tab2img, .section2_inner span.untact_tab3img, .section2_inner span.untact_tab4img {position: absolute; bottom: 0; right: 0; left: 233px; display:block; width: 636px; height: 343px;}
.section2_inner span.untact_tab1img {background:url(../img/board/untact/untact_tab1-1.png);}
.section2_inner span.untact_tab2img {background:url(../img/board/untact/untact_tab2-1.png);}
.section2_inner span.untact_tab3img {background:url(../img/board/untact/untact_tab3-1.png);}
.section2_inner span.untact_tab4img {background:url(../img/board/untact/untact_tab4-1.png); }
/*코비소식 - 언택트페이지 css 추가 200909(e)*/


/* 190909_베타랜딩페이지(s) */
.randing_beta{position: relative;}
.randing_beta a{display:block; position: absolute;}
.beta_02 a.beta_img01{width:60%; height:21.5%; background: none; top:0; left:20%; text-indent: -99999px;}
.beta_03 a.beta_img02{width:22%; height:60%; background: none; top:0; left:5%; text-indent: -99999px;}
.beta_03 a.beta_img03{width:22%; height:60%; background: none; top:0; right:5%; text-indent: -99999px;}
.beta_04 a.beta_img04{width:10%; height:14%; background: none; top:0; left:11%; text-indent: -99999px;}
.beta_04 a.beta_img05{width:10%; height:14%; background: none; top:0; right:11%; text-indent: -99999px;}
.beta_05 a.beta_img06{width:28%; height:80%; background: none; top:0; left:34%; text-indent: -99999px;}
.beta_05 a.beta_img07{width:28%; height:80%; background: none; top:0; left:65%; text-indent: -99999px;}
.beta_06 a.beta_img08{width:7%; height:11%; background: none; top:0; left:54%; text-indent: -99999px;}
.beta_06 a.beta_img09{width:7%; height:11%; background: none; top:0; right:7.5%; text-indent: -99999px;}
.beta_07 a.beta_img10{width:28%; height:80%; background: none; top:0; left:34%; text-indent: -99999px;}
.beta_07 a.beta_img11{width:28%; height:80%; background: none; top:0; left:65%; text-indent: -99999px;}
.beta_08 a.beta_img12{width:7%; height:4%; background: none; top:0; left:54%; text-indent: -99999px;}
.beta_08 a.beta_img13{width:7%; height:4%; background: none; top:0; right:7.5%; text-indent: -99999px;}
/* 190909_베타랜딩페이지(e) */

/* 190911_부산경향하우징 랜딩페이지(s) */
.randing_busan{position: relative; margin:0; padding:0;}
.randing_busan img{display:block;}
.randing_busan input{position: absolute;}
.busan_03 input.busan_text_name{top:22%; left:32.5%; width:34%; height:60%; font-size:22px; font-weight: normal; font-family: NBG; border:none;}
.busan_05 input.busan_text_number01{top:21%; left:32.5%; width:8.5%; height:60%; font-size:22px; font-weight: normal; font-family: NBG; border:none;}
.busan_05 input.busan_text_number02{top:21%; left:45.6%; width:8.5%; height:60%; font-size:22px; font-weight: normal; font-family: NBG; border:none;}
.busan_05 input.busan_text_number03{top:21%; left:58.7%; width:8.5%; height:60%; font-size:22px; font-weight: normal; font-family: NBG; border:none;}
.busan_07 input.busan_text_people{top:21%; left:32.5%; width:34%; height:60%; font-size:22px; font-weight: normal; font-family: NBG; border:none;}
.busan_09 button{position: absolute; top:0; left:31.2%;  width:37.3%; height:40%; font-size:22px; font-weight: normal; font-family: NBG; border:none; text-indent: -999999px;}
/* 190911_부산경향하우징 랜딩페이지(e) */

/* 190930_베타랜딩페이지(s) */
.randing_beta{position: relative;}
.randing_beta a{display:block; position: absolute;}
.randing_beta img{display:block;}
.beta_01-1 a.beta_img01{width:60%; height:49%; background: none; top:0; left:20%; text-indent: -99999px;}
.beta_01-2 a.beta_img01-2{width:60%; height:69.5%; background: none; top:0; left:19.5%; text-indent: -99999px;}
.beta_01-3 a.beta_img01-3{width:13%; height:7%; background: none; top:0; left:44%; text-indent: -99999px;}
.beta_03 a.beta_img02{width:22%; height:60%; background: none; top:0; left:5%; text-indent: -99999px;}
.beta_03 a.beta_img03{width:22%; height:60%; background: none; top:0; right:5%; text-indent: -99999px;}
.beta_04 a.beta_img04{width:10%; height:14%; background: none; top:0; left:11%; text-indent: -99999px;}
.beta_04 a.beta_img05{width:10%; height:14%; background: none; top:0; right:11%; text-indent: -99999px;}
.beta_05 a.beta_img06{width:28%; height:80%; background: none; top:0; left:34%; text-indent: -99999px;}
.beta_05 a.beta_img07{width:28%; height:80%; background: none; top:0; left:65%; text-indent: -99999px;}
.beta_06 a.beta_img08{width:7%; height:11%; background: none; top:0; left:54%; text-indent: -99999px;}
.beta_06 a.beta_img09{width:7%; height:11%; background: none; top:0; right:7.5%; text-indent: -99999px;}
.beta_07 a.beta_img10{width:28%; height:80%; background: none; top:0; left:34%; text-indent: -99999px;}
.beta_07 a.beta_img11{width:28%; height:80%; background: none; top:0; left:65%; text-indent: -99999px;}
.beta_08 a.beta_img12{width:7%; height:4%; background: none; top:0; left:54%; text-indent: -99999px;}
.beta_08 a.beta_img13{width:7%; height:4%; background: none; top:0; right:7.5%; text-indent: -99999px;}
/* 190930_베타랜딩페이지(e) */

/* 191125_랜딩페이지(s) */
.randing_page{position: relative;}
.randing_page a{display:block; position: absolute;}
.randing_page img{display:block;}
.r_contentbox_01-2 a.r_link_01-2{width:31%; height:100%; background: none; top:0; left:34.5%; text-indent: -99999px;}
/* 191125_랜딩페이지(e) */

/* 랜딩페이지(s) */

.randing_page{position: relative;}
.randing_page a{display:block; position: absolute;}
.randing_page img{display:block;}
.r_contentbox_01-2 a.r_link_01-2{width:31%; height:100%; background: none; top:0; left:34.5%; text-indent: -99999px;}

/* 191202(s) */
.r_contentbox_02-2 a.r_link_02-2{width:35.8%; height:100%; background: none; top:0; left:32%; text-indent: -99999px;}
/* 191202(e) */
/* 191223(s) */
.r_contentbox_04-2 a.r_link_04-2{width:22%; height:46%; background: none; top:0; left:50%; margin-left:-11%; text-indent: -99999px;}
/* 191223(e) */
/* 200207(s) */
.r_contentbox_05-2 a.r_link_05-2{width:62%; height:100%; background: none; top:0; left:50%; margin-left:-31%; text-indent: -99999px;}
/* 200207(e) */
/* 200226(s) */
.r_contentbox_06-2 a.r_link_06-2{width:61.6%; height:100%; background: none; top:0; left:50%; margin-left:-30.6%; text-indent: -99999px;}
/* 200226(e) */
/* 200427(s) */
.r_contentbox_07-2 a.r_link_07-2{width:61.6%; height:100%; background: none; top:0; left:50%; margin-left:-30.6%; text-indent: -99999px;}
/* 200427(e) */

/* 200520(s) */
.r_contentbox_08-2 a.r_link_08-2{width:61.6%; height:100%; background: none; top:0; left:50%; margin-left:-30.6%; text-indent: -99999px;}
/* 200520(e) */
/* 200805(s) */
.r_contentbox_10-2 a.r_link_10-2{width:61.6%; height:100%; background: none; top:0; left:50%; margin-left:-30.6%; text-indent: -99999px;}
.r_contentbox_10-4 a.r_link_10-4{width:46%; height:100%; background: none; top:0; left:50%; margin-left:-23%; text-indent: -99999px;}
/* 200805(e) */
/* 200901(s) */
.r_contentbox_11-2 a.r_link_11-2{width:61.6%; height:100%; background: none; top:0; left:50%; margin-left:-30.6%; text-indent: -99999px;}
.r_contentbox_11-4 a.r_link_11-4{width:46%; height:100%; background: none; top:0; left:50%; margin-left:-23%; text-indent: -99999px;}
/* 200901(e) */
/* 201007(s) */
.r_contentbox_12-2 a.r_link_12-2{width:60.5%; height:100%; background: none; top:0; left:50%; margin-left:-30%; text-indent: -99999px;}
/* 201007(e) */
/* 201030(s) */
.r_contentbox_13-2 a.r_link_13-2{width:61.6%; height:100%; background: none; top:0; left:50%; margin-left:-30.6%; text-indent: -99999px;}
.r_contentbox_13-4 a.r_link_13-4{width:46%; height:100%; background: none; top:0; left:50%; margin-left:-23%; text-indent: -99999px;}
/* 201030(e) */
/* 201111(s) */
.r_contentbox_14-2 a.r_link_14-2{width:100%; height:100%; background: none; top:0; left:0%; margin-left:0%; text-indent: -99999px;}
/* 201111(e) */
	/* 201203(s) */
.r_contentbox_16-2 a.r_link_16-2{width:61.6%; height:100%; background: none; top:0; left:50%; margin-left:-30.6%; text-indent: -99999px;}
.r_contentbox_16-4 a.r_link_16-4{width:61.6%; height:100%; background: none; top:0; left:50%; margin-left:-30.6%; text-indent: -99999px;}
.r_contentbox_16-6 a.r_link_16-6{width:42%; height:100%; background: none; top:0; left:50%; margin-left:-21%; text-indent: -99999px;}
/* 201203(e) */
/* 201218(s) */
.r_contentbox_17-2 a.r_link_17-2{width:61.6%; height:100%; background: none; top:0; left:50%; margin-left:-30.6%; text-indent: -99999px;}
.r_contentbox_17-4 a.r_link_17-4{width:61.6%; height:100%; background: none; top:0; left:50%; margin-left:-30.6%; text-indent: -99999px;}
.r_contentbox_17-6 a.r_link_17-6{width:42%; height:100%; background: none; top:0; left:50%; margin-left:-21%; text-indent: -99999px;}
/* 201218(e) */
/* 210104(s) */
.r_contentbox_18-2 a.r_link_18-2{width:50%; height:100%; background: none; top:0; left:50%; margin-left:-25%; text-indent: -99999px;}
/* 210104(e) */
/* 210127(s) */
.r_contentbox_19-2 a.r_link_19-2{width:50%; height:100%; background: none; top:0; left:50%; margin-left:-25%; text-indent: -99999px;}
/* 210127(e) */
/* 210226(s) */
.r_contentbox_21-2 a.r_link_21-2{width:42%; height:100%; background: none; top:0; left:50%; margin-left:-21%; text-indent: -99999px;}
.r_contentbox_21-4 a.r_link_21-4{width:62%; height:100%; background: none; top:0; left:50%; margin-left:-31%; text-indent: -99999px;}
/* 210226(e) */
/* 210325(s) */
.r_contentbox_22-2 a.r_link_22-2{width:32%; height:100%; background: none; top:0; left:50%; margin-left:-16%; text-indent: -99999px;}
.r_contentbox_22-4 a.r_link_22-4{width:38.5%; height:100%; background: none; top:0; left:54%; margin-left:0%; text-indent: -99999px;}
.r_contentbox_22-6 a.r_link_22-6{width:44%; height:100%; background: none; top:0; left:50%; margin-left:-22%; text-indent: -99999px;}
/* 210325(e) */
/* 210427(s) */
.r_contentbox_23-2 a.r_link_23-2{width:66%; height:100%; background: none; top:0; left:50%; margin-left:-34%; text-indent: -99999px;}
.r_contentbox_23-4 a.r_link_23-4{width:12%; height:100%; background: none; top:0; left:57%; margin-left:0%; text-indent: -99999px;}
.r_contentbox_23-6 a.r_link_23-6{width:68%; height:100%; background: none; top:0; left:50%; margin-left:-34%; text-indent: -99999px;}
/* 210427(e) */
/* 210429(s) */
.r_contentbox_21-2 a.r_link_21-2{width:42%; height:100%; background: none; top:0; left:50%; margin-left:-21%; text-indent: -99999px;}
.r_contentbox_21-4 a.r_link_21-4{width:62%; height:100%; background: none; top:0; left:50%; margin-left:-31%; text-indent: -99999px;}
/* 210429(e) */
/* 210601(s) */
.r_contentbox_26-2 a.r_link_26-2{width:32%; height:100%; background: none; top:0; left:50%; margin-left:-16%; text-indent: -99999px;}
/* 210601(e) */
/* 210630(s) */
.r_contentbox_27-2 a.r_link_27-2{width:35.5%; height:100%; background: none; top:0; left:69.5%; margin-left:-16%; text-indent: -99999px;}
.r_contentbox_27-4 a.r_link_27-4{width:42%; height:100%; background: none; top:0; left:50%; margin-left:-21%; text-indent: -99999px;}
/* 210630(e) */
/* 210803(s) */
.r_contentbox_30-2 a.r_link_30-2{width:60.5%; height:100%; background: none; top:0; left:50%; margin-left:-30%; text-indent: -99999px;}
.r_contentbox_30-4 a.r_link_30-4{width:60.5%; height:100%; background: none; top:0; left:50%; margin-left:-30%; text-indent: -99999px;}
/* 210803(e) */
/* 210831(s) */
.r_contentbox_31-2 a.r_link_31-2{width:35.5%; height:100%; background: none; top:0; left:69.5%; margin-left:-16%; text-indent: -99999px;}
.r_contentbox_31-4 a.r_link_31-4{width:42%; height:100%; background: none; top:0; left:50%; margin-left:-21%; text-indent: -99999px;}
/* 210831(e) */
/* 211001(s) */
.r_contentbox_33-2 a.r_link_33-2{width:36%; height:100%; background: none; top:0; left:50%; margin-left:-18%; text-indent: -99999px;}
.r_contentbox_33-4 a.r_link_33-4{width:36%; height:100%; background: none; top:0; left:50%; margin-left:3%; text-indent: -99999px;}
/* 211001(e) */
/* 211029(s) */
.r_contentbox_34-2 a.r_link_34-2{width:60.5%; height:100%; background: none; top:0; left:50%; margin-left:-30%; text-indent: -99999px;}
.r_contentbox_34-4 a.r_link_34-4{width:62%; height:100%; background: none; top:0; left:50%; margin-left:-31%; text-indent: -99999px;}
.r_contentbox_34-6 a.r_link_34-6{width:35.5%; height:100%; background: none; top:0; left:69.5%; margin-left:-16%; text-indent: -99999px;}
/* 211029(e) */
/* 211130(s) */
.r_contentbox_35-2 a.r_link_35-2{width:35.5%; height:100%; background: none; top:0; left:69.5%; margin-left:-16%; text-indent: -99999px;}
/* 211130(e) */
/* 231031(s) */
.tab_con {display: none}
.ally_hidden {position:absolute;left:-1000%;top:0;width: 1px;height: 1px;margin: -1px;overflow: hidden;color:#fff}
/* 애니메이션 */
.tab_list .tab_item.on {position: relative;left: 0;top:0}
.tab_con.on {display: block}
/* 231031(e) */
/* 랜딩페이지(e) */

/* 240404(s) */
.popup_0404 {width: 100%}
.popup_0404 .inner {width: 551px;padding: 29px 0 40px}
.popup_0404 p {font-size: 24px}
.popup_0404 p + span {font-size: 32px;margin: 0 0 28px}
.popup_0404 a {font-size: 18px;width: 214px;line-height: 21px;padding: 13.5px 0}
.popup_0404 a > span {width: 24px;height: 24px}
/* 240404(e) */
/* 240516(s) */
.cnt_txt0515 {font-family: 'Pretendard', sans-serif;font-size: 22px;transform: translate(-50%, 20%);}
/* 240516(e) */

/* 240903 부톡- 업체정보 추가(s) */
.expert *, .new * {
	font-family: 'pretendard', sans-serif;
	box-sizing: border-box;
}
.expert .visual_wrap {
	background: url("../img/board/expert/expert_visual_bg3x.png") center / cover no-repeat;
	width: 100%;
	height: 388px;
	margin: 0 auto;
}
.expert .visaul_inner, .item_link, .expert_item .top_info {display: flex;}
.expert .visaul_inner, .new .visual_inner {
	align-items: center;
	justify-content: center;
	width: 1100px;
	height: 100%;
	margin: 0 auto;
	padding: 100px 0 0;
	text-align: center;
}
.expert .main_tit {
	font-size: 44px;
	line-height: 1.27;
	font-weight: 700;
	color: #0c2067;
}
.expert .main_tit .strong {
	display: inline-block;
	width: 100%;
	color: #fff;
}
.expert .sub_tit {
	margin-top: 12px;
	font-size: 26px;
	color: #f1f3f5;
}

.expert .sub_contentbox {
	width: auto;
	background: #f8f9fa;
	padding: 40px 0;
}
.expert .contentbox_inner {
	width: 736px;
	margin: 0 auto;
	font-size: 14px;
}
.expert .description {
	margin: 0 0 25px;
	color: #495057;
	font-weight: 500;
}
.expert_list {
	display: flex;
	gap: 34px 20px;
	flex-wrap: wrap;
}
.expert_item {
	width: calc((100% - 80px)/4);
	min-width: 169px;
	height: 209px !important;
	padding: 0;
	background: #fff;
	border-radius: 8px;
	box-shadow: 0 4px 4px 0 rgba(33, 37, 41, 0.15);
	color: #212529;
	text-align: start;
	aspect-ratio: auto;
}
.expert_item .item_link {
	flex-direction: column;
	justify-content: space-between;
	width: 100%;
	height: 100%;
	padding: 16px 14px;
	cursor: auto;
}
.expert_item .top_info {
	align-items: center;
	gap: 8px;
}
.top_info .img_wrap {
	overflow: hidden;
	align-self: flex-start;
	flex-shrink: 0;
	width: 48px;
	height: 48px;
	border: 1px solid #dee2e6;
	border-radius: 50%;
	background: #dee2e6;
}
.top_info .img_wrap img {object-fit: fill;}
.expert_item .company {
	font-size: 18px;
	font-weight: 700;
}
.expert_item .ceo, .expert_item .location {font-size: 14px;}
.expert_item .ceo {font-weight: 500;}
.expert_item .location {
	height: 17px;
	font-weight: 600;
	text-align: right;
}
/* 240903 부톡- 업체정보 추가(e) */

/* 240920 코비서베이 추가(s) */
.new .visual_inner {display: flex;}
.new .flex {display: flex;}
.new .flex_col {
    display: flex;
    flex-direction: column;
}
.new .main_tit {font-weight: 700;}
.new .modal {position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5);
    z-index: 100;
    word-break: keep-all;
}
.new .modal .modal_inner {
    overflow: hidden auto;
    position: fixed;
    left: 50%;
    top: 50%;
    width: 320px;
    padding: 94px 24px 24px;
    background: #fff;
    transform: translate(-50%, -50%);
    box-sizing: border-box;
    text-align: center;
    border-radius: 16px;
}
.new .modal .modal_inner::before {
    content: '';
    position: absolute;
    left: 50%;
    top: 30px;
    width: 44px;
    height: 44px;
    background: url("../img/board/survey/modal_check3x.png") center / cover no-repeat;
    transform: translate(-50%, 0);
}
.new .modal {display: none;}
.new .modal.show {display: block;}
/* css 변수 지정*/
.survey {
    --bg-color : #eaf4fe;
    --bg-white : #fff;
    --tit-color : #121212;
    --main-tit-color : #212529;
    --sub-txt-color : #495057;
    --btn-txt-color : #1b2d81;
    --btn-bg-color : #b3caf0;
    --tit-size: 20px;
    --main-tit-size : 18px;
    --sub-txt-size : 16px;
    --tit-weight: 600;
    --new-main-tit-color : #1b1b1e;
    --new-sub-txt-color : #343a40;
    --placeholder-color : #adb5bd;
    --textbox-color : #f8f9fa;
    --new-survey-color: #102c72;
    --new-btn-bg-color : #b3caf0;
    --new-tit-size: 24px;
}
/* CSS 변수를 지원하는 경우 */
@supports (--bg-color: #eaf4fe) {
	.survey .sub_contentbox {background-color: var(--bg-color);}
	.survey_contents .survey_box,
    .survey_contents .title_box {background-color: var(--bg-white);}
    .survey_contents .tit {
        font-size: var(--tit-size);
        color: var(--tit-color);
    }
    .survey_contents .main_tit,
	.new .modal .main_tit {
        font-size: var(--main-tit-size);
        color: var(--main-tit-color);
    }
    .survey_contents .tit,
    .survey_contents .main_tit,
    .survey .btn {font-weight: var(--tit-weight);}
    .survey_contents .input_txt,
	.survey .txt,
	.question .checkbox_wrap {
        font-size: var(--sub-txt-size);
        color: var(--sub-txt-color);
    }
    .survey .btn {
        background-color: var(--btn-bg-color);
        font-size: var(--main-tit-size);
    }
    .survey .btn,
    .survey_contents .tit::before,
    .survey_contents .checkbox_wrap:hover .custom_check,
    .survey_contents .input_check:checked + .custom_check {color: var(--btn-txt-color);}
    .survey_contents .tit::before,
    .survey_list .sub_tit,
    .survey .survey_btn_list .btn,
    .survey .alert_modal .btn {background: var(--btn-txt-color);}
    .survey_contents .new_survey .tit {font-size: var(--new-tit-size);}
    .survey .new_survey .sub_tit,
    .survey .new_survey .survey_btn_list .btn {
        background: var(--bg-white);
        color: var(--new-survey-color);
    }
    .new_survey_form .small,
    .new_survey_form tbody .main_tit {
        color: var(--sub-txt-color);
    }
    .survey_contents .textbox {
        background: var(--textbox-color);
    }
    .survey_contents .textbox::placeholder {
        color: var(--placeholder-color);
    }
    .new_survey_form thead th {
        color: var(--new-sub-txt-color);
    }
    .survey .survey_form .btn {
        background: var(--new-btn-bg-color);
        color: var(--btn-txt-color);
    }
    .survey_contents .new_survey_form .main_tit {
        color: var(--new-main-tit-color);
    }
}

/* CSS 변수를 지원하지 않는 경우 */
@supports not (--bg-color: #eaf4fe) {
	.survey .sub_contentbox {background-color: #eaf4fe;}
    .survey_contents .survey_box,
    .survey_contents .title_box {background-color: #fff;}
    .survey_contents .tit {
        font-size: 20px;
        color: #212121;
    }
    .survey_contents .main_tit,
	.new .modal .main_tit {
        font-size: 18px;
        color: #212529;
    }
    .survey_contents .tit,
    .survey_contents .main_tit,
    .survey .btn {font-weight: 600;}
    .survey_contents .input_txt,
	.survey .txt {
        font-size: 16px;
        color: #495057;
    }
    .survey .btn {
        background-color: #b3caf0;
        font-size: 18px;
    }
    .survey .btn,
    .survey_contents .tit::before,
    .survey_contents .checkbox_wrap:hover .custom_check,
    .survey_contents .input_check:checked + .custom_check {color: #1b2d81;}
    .survey_contents .tit::before,
    .survey_list .sub_tit,
    .survey .survey_btn_list .btn,
    .survey .alert_modal .btn {background: #1b2d81;}
    .survey_contents .new_survey .tit {font-size: 24px;}
    .survey .new_survey .sub_tit,
    .survey .new_survey .survey_btn_list .btn {
        background: #fff;
        color: #102c72;
    }
    .new_survey_form .small,
    .new_survey_form tbody .main_tit {
        color: #495057;
    }
    .survey_contents .textbox {
        background: #f8f9fa;
    }
    .survey_contents .textbox::placeholder {
        color: #adb5bd;
    }
    .new_survey_form thead th {
        color: #343a40;
    }
    .survey .survey_form .btn {
        background: #b3caf0;
        color: #1b2d81;
    }
    .survey_contents .new_survey_form .main_tit {
        color: #1b1b1e;
    }
}
.survey .modal .txt {
    margin: 8px 0 12px;
    padding: 0 20px;
    line-height: 1.5;
}
.survey .modal .btn_confirm {
    width: 90px;
    padding: 9px 16px;
    line-height: 1;
}
.survey .visual_inner {padding: 147px 0 37px;}
.survey .visual_inner .img_wrap {
    width: 551px;
    height: 177px;
    margin-left: 100px;
}
.survey .visual_inner .img_wrap img {height: 100%;}
.survey .visual_inner .tit {
    font-size: 54px;
    line-height: 1;
    color: #1b2d81;
}
.survey .sub_contentbox {
    width: auto;
	padding: 0;
}
.survey .contentbox_inner {
    width: 1100px;
    margin: 0 auto;
    padding: 40px 100px;
}
.survey .surey_item .info {justify-content: space-between;}
.survey_item .info .left {
    gap: 8px;
    flex: 1;
    font-size: 14px;
}
.survey_contents .survey_form {
    display: flex;
    flex-direction: column;
}
.survey_contents .survey_box,
.survey_contents .title_box {
    width: 100%;
	min-width: 280px;
    padding: 24px;
    border-radius: 16px;
}
.survey_contents .survey_box {padding: 24px}
.survey_contents .title_box {
    margin: 0 0 12px;
    padding: 20px 22px;
}
.survey_contents .survey_list .title_box {margin: 0 0 30px;}
.survey_contents .tit {
    position: relative;
    margin: 0 0 8px;
}
.survey_contents .tit,
.survey .title_box .txt  {padding: 0 0 0 13px;}
.survey .title_box .left {padding: 0;}
.survey_contents .tit::before {
    position: absolute;
    left: 0;
    top: 1px;
    display: inline-block;
    content: '';
    width: 5px;
    height: 21px;
}
.survey_contents .survey_list .tit {margin: 0 0 54px;}
.survey_contents .survey_list .tit::before {top: 2px;}
.survey_list .sub_tit {
	flex-shrink: 0;
    padding: 2px 8px;
    color: #fff;
    text-align: center;
    text-indent: 0;
}
.survey_list .txt_inner {
    align-items: center;
    line-height: 1;
    text-indent: 8px;
	white-space: nowrap;
}
.survey_contents .survey_box {
    display: flex;
    flex-direction: column;
}
.survey_contents .main_tit, 
.survey_contents .new_survey_form .table_caption:first-of-type {
    margin: 44px 0 32px;
}
.survey_contents .main_tit:first-of-type {margin: 0 0 30px;}
.survey_contents .modal .main_tit {margin: 0;}
.survey_contents .question_list {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    height: 100%;
    max-height: 333px;
}
.survey_contents .question {
	display: flex;
    align-items: center;
    margin: 0 0 20px;
    list-style: none;
}
.survey_contents .question:last-of-type,
.survey_contents .question:nth-of-type(9) {margin: 0;}
.question .checkbox_wrap {
    display: flex;
    align-items: center;
    line-height: 16px;
	user-select: none;
}
.survey_contents .input_check {
    /* 시각적으로만 숨김처리를 해준다 */
    overflow: hidden;
    position: absolute;
    width: 0px;
    height: 0px;
    margin: -1px;
    clip: rect(0,0,0,0);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
}
.survey_contents .custom_check {
	flex-shrink: 0;
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-right: 8px;
    border: 1px solid #adb5bd;
    border-radius: 50%;
    transition: all .250ms ease-in-out;
}
.survey_contents .checkbox_wrap:hover .custom_check,
.survey_contents .input_check:checked + .custom_check {border-color: var(--btn-txt-color);}
.survey_contents .input_check:checked + .custom_check {position: relative;}
.survey_contents .input_check:checked + .custom_check::after {
    position: absolute;
    content: '';
    left: 50%;
    top: 50%;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #1b2d81;
    transform: translate(-50%, -50%);
}
.survey_contents .input_txt {
    border-width: 0 0 1px 0;
    text-indent: 2px;
	max-width: 135px;
}
.survey_contents .input_txt:focus,
.survey_contents .input_txt:focus-visible,
.survey_contents .input_txt:active {
    border-width: 0 0 1px 0;
    outline: none;
}
.survey .btn {
    align-self: flex-end;
    max-width: 106px;
	margin: 18px 0 0;
    padding: 12px 20.5px;
    border: 1px solid transparent;
    border-radius: 12px;
    cursor: pointer;
	transition: all .1s ease-in-out;
}
.survey .btn:hover {border-color: var(--btn-txt-color);}
.survey .modal .btn_confirm,
.survey .btn_participate {margin: 0;}
.survey .btn_tit, .survey .btn_participate {
    max-width: none;
    text-align: center;
}
.survey .sub_contentbox .btn_tit {
    width: 165px;
    margin: 0 0 20px;
    padding: 12px 16px;
}
.survey .btn_tit,
.survey .survey_btn_list .btn:hover,
.survey .alert_modal .btn:hover {
    background: var(--bg-white);
    border: 1px solid var(--btn-txt-color);
    color: var(--btn-txt-color);
}
.survey .survey_btn_list .btn {
	display: inline-block;
    width: 135px;
	max-width: none;
	margin: 0;
    padding: 12px;
    color: #fff;
	text-align: center;
}
.survey .survey_btn_list .btn:last-of-type {margin-left: 10px;}
.survey_banner {
    display: block;
	width: 100%;
    margin-bottom: 12px;
}
.survey_banner img {width: 100%;}
.survey_banner:hover {outline: none;}
.new .modal .alert_modal {
    overflow: visible;
    width: 280px;
    height: 270px;
    padding: 108px 35px 40px;
    border: 1px solid #ced4da;
}
.survey .modal .alert_modal .txt {
    margin: 0 auto 16px;
    font-size: 18px;
}
.survey .alert_modal .btn {
    display: block;
    max-width: none;
    max-height: 52px;
    margin: 0;
    padding: 12px;
    line-height: 1.5;
    color: #fff;
}
.new .modal .alert_modal::before {
    width: 48px;
    height: 48px;
    background: url("../img/board/survey/ico_alert3x.png") center / cover no-repeat;
}
/*U.survey .survey_item:not(:first-of-type) .btn_result {display: none;}*/
/* 250410 신규설문 강조(s) */
.survey_contents .survey_list .new_survey *,
.survey_contents .new_survey_form * {
    font-family: 'esamanru', sans-serif;
    user-select: none;
}
.survey_contents .new_survey {
    position: relative;
    padding: 32px 22px 20px 32px;
    background: transparent;
}
.survey_contents .new_survey::before,
.survey_contents .new_survey::after {
    content: '';
    position: absolute;
    z-index: 0;
}
.survey_contents .new_survey::before {
    left: 0;
	top: 0;
	width: 100%;
	height: 100%;
    background: url("../img/board/survey/new_main_bg.png") 0 0 / 100% 100% no-repeat;
}
.survey_contents .new_survey::after {
    bottom: 0;
    left: 420px;
    width: 120px;
    height: 126px;
    background: url("../img/board/survey/new_bg_element.png") 0 3px / 100% 100% no-repeat;
}
.new_survey .sub_tit,
.new_survey .btn {
    font-weight: 500;
}
.survey .new_survey .txt,
.survey_contents .new_survey .tit {
    color: #fff;
}
.survey_contents .new_survey .tit::before {
    background: #ffd34f;
}
.survey_list .new_survey .txt_inner {
    font-weight: 300;
    color: #f1f3f5;
}
.survey .new_survey .sub_tit,
.survey .new_survey .survey_btn_list .btn {
    background: var(--bg-white);
    color: var(--new-survey-color);
}
.new_survey .info,
.survey .new_survey .txt {
    position: relative;
}
.survey_contents .survey_list .title_box {
    margin: 0 0 20px;
}

/* 서베이 new view */
.new_survey_form .survey_box {
    border: 1px solid #102c72;
}
.survey_contents .new_survey_form .new_survey {
    padding: 36px 24px 58px;
    margin: -10px 0 12px;
}
.new_survey_form .new_survey::after {
    left: 500px;
}
.survey_contents .new_survey_form .new_survey::before {
    left: -8px;
    width: calc(100% + 8px);
    background: url("../img/board/survey/new_detail_bg.png") 0 0 / 100% 100% no-repeat;
}
.survey .new_survey_form .txt,
.new_survey_form .question .checkbox_wrap {
    font-weight: 300;
}
.new_survey_form .small {
    font-size: 14px;
    font-weight: 300;
    color: var(--sub-txt-color);
}
.survey_contents .textbox {
    width: 100%;
    height: 196px;
    padding: 20px;
    resize: none;
    background: var(--textbox-color);
    border: 1px solid #adb5bd;
    border-radius: 16px;
    font-size: 16px;
    font-weight: 300;
}
.survey_contents .textbox::placeholder {
    color: var(--placeholder-color);
}
.survey .survey_item {
    margin: 0 0 44px;
}
.survey .survey_table {
    width: 100%;
}
.survey_contents .survey_table .custom_check {
	margin: 0;
}
.survey .survey_table col:first-of-type {
    min-width: 302px;
}
.new_survey_form th {
    text-align: left;
    font-size: initial;
    font-weight: 500;
    white-space: nowrap;
}
.new_survey_form td,
.new_survey_form th {
    padding: 0 0 20px;
}
.new_survey_form thead th {
    color: var(--new-sub-txt-color);
}
.new_survey_form tbody .main_tit {
    position: relative;
    font-weight: 300;
    color: var(--sub-txt-color);
}
/* .new_survey_form tbody .main_tit::before {
    content: '•';
    position: relative;
    left: 0;
    top: 0;
    margin: 0 10px 0;
} */
.survey .survey_form .btn {
    max-width: none;
    padding: 14px 43px;
    background: var(--new-btn-bg-color);
    color: var(--btn-txt-color);
    font-family: 'pretendard', sans-serif;
}
.survey_contents .new_survey_form .main_tit {
    color: var(--new-main-tit-color);
}
.survey_contents .new_survey_form tbody .main_tit {
    margin: 0;
    color: var(--new-sub-txt-color);
    font-size: var(--sub-txt-size);
}
.survey .table_caption {
    width: auto;
    visibility: visible;
    line-height: inherit;
    text-align: left;
}
/* 250410 신규설문 강조(e) */
/* 240920 코비서베이 추가(e) */

/* 240924 초급강좌 배너 추가(s) */
.banner_link {
    display: block;
    width: 100%;
    margin: 30px 0;
}
/* 240924 초급강좌 배너 추가(e) */

/* 241024 둔촌주공 */
.apt_event {
    max-width: 1100px;
    width: 100%;
    margin: 0 auto;
    font-family: 'pretendard', sans-serif;
    font-size: 12px;
    color: #212121;
    line-height: 1.4;
    box-sizing: border-box;
}
.apt_event .sec {padding: 0 5.46% 1.67em;}
.apt_event .sec1,
.apt_event .sec3 {background-color: rgba(214, 198, 248, 0.05);}
.apt_event .sec2 {background: #f9f9f9;;}
.apt_event .sec2 .strong {
    position: relative;
    color: #8146ff;
    z-index: 10;
}
.apt_event .sec2 .strong::before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 2px;
    width: 100%;
    height: 10px;
    background-color: #FFDB7E;
    z-index: -1;
}
.apt_event .cut {display: block;}
.apt_event img {
    width: 100%;
    height: 100%;
    object-fit: fill;
}
.apt_event .small_tit,
.apt_event .sec_main_tit,
.apt_event .content_tit {font-weight: 700;}
.apt_event .sec2,
.apt_event .section_tit {text-align: center;}
.apt_event .section_tit {padding: 1.67em 0;}
.apt_event .small_tit {
    font-size: 1em;
    color: #8146ff;
}
.apt_event .sec_main_tit {font-size: 1.67em;}
.apt_event .content_tit {font-size: 1.34em;}
.apt_event .info_txt {
    margin: 4px 0 0;
    color: #868e96;
    word-break: keep-all;
}
.apt_event .header .info_txt:first-of-type {
    width: 65%;
    word-break: break-all;
}
.apt_event .interior_item {margin: 20px 0 28px;}
.apt_event .header {
    position: relative;
    margin: 0 0 1.67em;
}
.apt_event .event .header {white-space: nowrap;}
.apt_event .btn_download {
    position: absolute;
    right: -4px;
    bottom: 0;
    padding: 8px;
    border-radius: 100px;
    background: #8146ff;
}
.apt_event .btn_download,
.apt_event .ico_new {
    border-radius: 100px;
    font-weight: 600;
    color: #fff;
}
.apt_event .ico_new {
    margin: 0 4px 0 -14px;
    padding: 8px 10px;
    background: #ffcb46;
}
.apt_event .ico_new + .content_tit {
    letter-spacing: -1.25px;
    text-wrap: nowrap;
}
.apt_event .content_img {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    gap: 1em;
}
.apt_event .content_img .img_wrap {
    width: calc(50% - .5em);
    border: 0.4em solid #f1f3f5;
    list-style: none;
    box-sizing: border-box;
    aspect-ratio: 77/48;
}
.apt_event .content_img .img_wrap:nth-of-type(even) {
    border-color: #d6c6f8;
    margin-right: 0;
}
.apt_event .qr {
    display: flex;
    justify-content: center;
    align-items: center;
}
.apt_event .qr img {
    width: 3.67em;
    height: 3.67em;;
    padding: 25px 54px;
}
.apt_event .apt_py {
    position: relative;
    width: 100%;
    margin: 0 auto;
}
.apt_py .content_tit {position: absolute;}
.apt_py .content_tit:first-of-type {
    top: 0;
    left: 50%;
    width: 100%;
    transform: translateX(-50%);
    letter-spacing: -1px;
}
.apt_py .content_tit:last-of-type {
    right: 0;
    bottom: 32px;
    text-align: right;
}
.apt_event .apt_wrap .map_mobile {
    display: block;
    width: 100%;
    max-width: 294px;
    margin: 0 auto;
    background: url("../img/board/241024event/img_map2x.png") center / 100% 100% no-repeat;
    aspect-ratio: 2/3.5;
}
.apt_event .apt_wrap *,
.apt_event .video_wrap .poster.off,
.aptdrawing .map_inner .map_location_textbox {display: none;}
.apt_event .aptdrawing,
.apt_event .aptdrawing .map {margin: 0;}
.apt_event .aptdrawing .map_wrap_initial {
    padding: 0;
    border: none;
}
.apt_event .aptdrawing .map_inner .map_location_first {
    width: calc(100% - 520px);
    height: 550px;
}
.apt_event .aptdrawing .map_location_first li {width: 30%;}
.apt_event .apt_wrap,
.apt_event .video_wrap {
    width: 100%;
    border-radius: 10px;
}
.apt_event .video_wrap {
    overflow: hidden;
    position: relative;
    aspect-ratio: 160 / 73;
}
.apt_event .video_wrap .poster {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.3);
    cursor: pointer;
    z-index: 10;
}
.apt_event .video_wrap .poster::after {
    position: absolute;
    left: 50%;
    top: 50%;
    content: '';
    width: 3.67em;
    height: 3.67em;
    background: url("../img/board/241024event/ico_play2x.png") center / 100% 100% no-repeat;
    transform: translate(-50%, -50%);
    z-index: 15;
}
.apt_event .video {
    width: 100%;
    height: 100%;
    object-fit: fill;
}
.apt_event .video:-webkit-full-screen,
.apt_event .video:-ms-fullscreen {
    object-fit: scale-down;
}
.apt_event .video:fullscreen {
    -o-object-fit: scale-down;
    object-fit: scale-down;
}
/* 241024 둔촌주공(e) */

/*media Query*/
/* 190911_부산경향하우징 랜딩페이지(s) */
@media all and (max-width: 980px){
	.busan_03 input.busan_text_name{font-size:18px;}
	.busan_05 input.busan_text_number01{font-size:18px;}
	.busan_05 input.busan_text_number02{font-size:18px;}
	.busan_05 input.busan_text_number03{font-size:18px;}
	.busan_07 input.busan_text_people{font-size:18px;}
}
/* 190911_부산경향하우징 랜딩페이지(e) */

@media all and (max-width: 680px){
	
	.eduform {height: 970px; background-size: cover;}
	.edu {width: 100%; padding-top: 50px;}
	.edu p {padding-top: 10px; font-size: 28px; line-height: 28px;}
	.edu .box {float: none; margin:15px auto;}
	.edu .box a {margin-top: 15px; padding:17px 0; font-size: 17px;}
	.eduform strong {display:block; font-size: 12px; line-height: 20px;}
	.eduform strong.strong1 {margin-top: 15px;}
	.eduform strong.strong2 {margin-top: 5px;}
	.eduform strong span {display: block;}
	
	/* 190911_부산경향하우징 랜딩페이지(s) */
	.busan_03 input.busan_text_name{font-size:12px;}
	.busan_05 input.busan_text_number01{font-size:12px;}
	.busan_05 input.busan_text_number02{font-size:12px;}
	.busan_05 input.busan_text_number03{font-size:12px;}
	.busan_07 input.busan_text_people{font-size:12px;}
	/* 190911_부산경향하우징 랜딩페이지(e) */

}

@media all and (max-width: 580px){
	.schoolcontent .header {padding: 20px;}
	.schoolcontent .header .thumb h4 {font-size: 30px; line-height: 38px;}
	.schoolcontent .header .thumb span {right:0; top:85px;}
	.schoolcontent .header .thumb span.expimg {width: 140px; height: 170px; background-size: 140px auto;}
	.schoolcontent .header .thumb span.eduimg {top: 95px; width: 141px; height: 150px; background-size: 140px auto;}
	.schoolcontent .header .info ul i {left:10px;}
	.schoolcontent .header .info li {padding:10px 0;}
	.schoolcontent .header .info strong {float: none; padding-left: 20px;}
	.schoolcontent .header .info span {float: none; display: block; margin-left: 20px; margin-top: 6px;}
	.schoolcontent .contents .text .special {padding: 20px;}
	.schoolcontent .contents .text .special span {display: block;}
	.schoolform .box {width: 270px; margin:20px auto 0; padding: 20px;}
	.schoolform p {padding-top: 80px; font-size: 28px;}
	.schinputs {margin:0 0 15px; padding-left: 0; padding-top: 30px;}
	.schinput_text {line-height: 25px;}
	.schinputs .select_wrap.select2 {width: 85px;}
	.schinputs .select_wrap.select2 select {width: 85px;}
	.schinput_default {width: 254px;}
	.schinput_small {width: 70px;}
	.schoolform .box a {margin-top: 22px; padding:17px 0; font-size: 17px;}
	.schoolform strong {margin-top: 15px; font-size: 12px; line-height: 20px;}
	.schoolform strong span {display: block;}
	
	/*개발용 css추가 (s) 190619*/
	.schinputs .custom-select.select2 {width: 85px;}
	.schinputs .custom-select.select2 select {width: 85px;}
	/*개발용 css추가 (e) 190619*/
	
	/* 190911_부산경향하우징 랜딩페이지(s) */
	.busan_03 input.busan_text_name{font-size:10px;}
	.busan_05 input.busan_text_number01{font-size:10px;}
	.busan_05 input.busan_text_number02{font-size:10px;}
	.busan_05 input.busan_text_number03{font-size:10px;}
	.busan_07 input.busan_text_people{font-size:10px;}
	/* 190911_부산경향하우징 랜딩페이지(e) */
	
	/*코비소식 - 언택트페이지 css 추가 200909(s)*/
	.section1_untact h2.sec1_tit{padding-top:120px; letter-spacing: -1px; font-size:26px; line-height: 1.5;}
	.section1_untact p.sec1_desc{margin-top:20px;}
	.section1_untact .flex_box .fBox{width:90%; padding:40px 0 50px 0;}
	.section1_untact .flex_box .fBox .img{width:95%; margin:0 auto; height: auto; text-align: center;}
	.section1_untact .flex_box .fBox .text h3{padding:25px 0 20px 0; font-size:23px; line-height: 25px; color:#000000;}
	.section1_untact .flex_box .fBox .text p{font-size:14px; line-height: 1.5; letter-spacing: -0.7px;}
	.section1-2_untact h2.sec1-2_tit{letter-spacing: -1px; font-size:26px; line-height: 1.5;}
	.section1-2_untact p.sec1-2_desc{letter-spacing: -0.5px; line-height: 1.6; font-size:14px; width:95%; margin:30px auto 70px auto;}
	.sec1-2_content .li h3{padding:5px 0 16px 0; font-size:23px;}
	.sec1-2_content .li{
		width:70%;
		padding-left:55px;
		background-repeat: no-repeat;
		background-size: 36px 36px;
		background-position: left top;
		margin: 80px auto;
	}
	.sec1-3_content .text_top h3{
		font-size:26px;
		width:95%; margin:0 auto;
		margin-bottom:30px;
	}
	.sec1-3_content .text_top p{
		font-weight: bold;
		font-size:17px;
		width:95%; margin:0 auto 40px auto;
	}
	.sec1-3_content .text h3{
		font-size:26px;
		width:95%; margin:0 auto;
	}
	.sec1-3_content .text p{
		font-weight: bold;
		font-size:17px;
		width:95%; margin:60px auto 40px auto;
	}
	.sec1-3_content .img{width:95%; margin:0 auto; text-align: center;}
	/*코비소식 - 언택트페이지 css 추가 200909(e)*/
}

/* 240404(s) */
@media screen and (max-width: 1099px) {
	.popup_0404 {width: 100%;}
	.popup_0404 .inner {width: 100%;max-width: 551px}

	/* 240516 */
	.cnt_txt0515 {font-size: 1.95vw}
}
@media screen and (max-width: 640px) {
	/* 240516(s) */
	.cnt_txt0515 {font-size: 1.95vw;transform: translate(-50%, 23%);}
}
@media screen and (max-width: 768px) {
	.popup_0404 .inner {width: 85%;min-width: 260px;padding: 29px 0 30px}
	.popup_0404 p {font-size: 18px;line-height: 1.3;}
	.popup_0404 p + span {font-size: 22px;margin:  0 0 20px}
	.popup_0404 a {font-size: 15px;width: 185px}
	.popup_0404 a > span {width: 22px;height: 22px}
}
/* 240404(e) */

/* 240920 new 부톡/서베이(s) */
@media screen and (max-width: 1099px) {
	.expert .visaul_inner,
	.survey .contentbox_inner {width: auto;}
	.survey .visual_inner {padding: calc(5.5% + 20px) 5.5% 5.5%;}
	.survey .contentbox_inner {
		max-width: 1100px;
		padding: 5.5%;
	}
	.survey .visual_inner {
		display: flex;
		justify-content: space-between;
		align-items: center;
		width: auto;
		padding-right: 0;
	}
	.survey .visual_inner .txt_wrap {
		text-align: start;
	}
	.survey .visual_inner .img_wrap {
		width: 55.55%;
		min-width: 200px;
		height: auto;
		margin: 0 0 0 12.5%;
		aspect-ratio: 5/2;
	}
	.survey .visual_inner .img_wrap img {height: auto;}
	.survey_contents .title_box {padding: 4.44%;}
	/* .survey_contents .survey_box {padding: 20px 5.55%;} */
    .survey_contents .new_survey {
        padding: 7% 4% 4% 4%;
    }
    .survey_contents .survey_list .new_survey::after {
		display: none;
	}
    .survey_contents .new_survey::before {
        left: -8px;
        width: calc(100% + 8px)
    }
}
@media screen and (max-width: 1023px) {
	.survey .survey_table col:first-of-type {
	    min-width: 232px;
	}
	.new_survey_form thead th {
		min-width: 78px;
    	
	}
	.new_survey_form td,
	.new_survey_form thead th {
		text-align: center;
	}
	.new_survey_form thead th:first-of-type {
		text-align: start;
	}
}
@media screen and (max-width: 767px) {
	.expert {position: relative;}
	.expert .visual_wrap {
		background-image: url("../img/board/expert/expert_visual_bg_mobile3x.png");
		height: 212px;
	}
	.expert .visaul_inner {padding: 56px 0 0;}
	.expert .main_tit {
		font-size: 22px;
		line-height: 1.45;
	}
	.expert .sub_tit {
		margin-top: 8px;
		font-size: 16px;
	}
	.expert .sub_contentbox {padding: 12px 20px 64px;}
	.expert .contentbox_inner {width: auto;}
	.expert .description, .expert_item .ceo {font-size: 12px;}
	.expert .description {margin: 0 0 12px;}
	.expert_list {
		display: block;
		padding: 0 3px;
	}
	.expert_item {
		width: 100%;
		min-width: 0;
		height: auto !important;
		margin: 0 0 20px;
		aspect-ratio: 163 / 56;
	}
	.expert_item .company {font-size: 14px;}
	.expert .btn_top {
		position: absolute;
		right: 20px;
		bottom: 20px;
		display: block;
		width: 24px;
		height: 24px;
		border-radius: 50%;
		background: url("../img/board/expert/img_btn_top3x.png") center / contain no-repeat;
	}
	.survey {
		font-size: 14px;
		--tit-size: 14px;
		--main-tit-size : 14px;
		--sub-txt-size : 12px;
		--btn-txt-size : 13px;
		--new-tit-size: 14px;
	}
	.survey .visual_inner,
	.survey .contentbox_inner {padding: 40px;}
	.survey .visual_inner {padding: calc(5em + 20px) 2.857em 2.857em;}
	.survey .visual_inner {padding-right: 0}
	.survey .visual_inner .tit {font-size: 6.6667vw;}
	.survey .contentbox_inner {padding: 2.857em;}
	.survey_contents .tit::before {
		width: 3px;
		height: 16px;
		left: 0;
		top: 0;
	}
	.survey_contents .survey_box,
	.survey_contents .title_box {border-radius: 12px;}
	.survey_contents .survey_list .tit {
		margin: 0 0 13px;
		padding: 0 0 0 8px;
		text-indent: 0;
	}
	.survey_contents .survey_list .tit::before {top: 0;}
	.survey_item .info .left {font-size: 12px;}
	.survey_contents .question_list {
		flex-direction: row;
		max-height: none;
	}
	.survey_contents .question {
		width: 50%;
		word-break: keep-all;
	}
	.survey_contents .question:last-of-type,
	.survey_contents .question:nth-of-type(9) {margin: 0 0 20px;}
	.survey_contents .input_txt {max-width: 40px;}
	.survey .btn,
	.survey .survey_btn_list .btn {
		margin: 0;
		padding: 8px 15px;
		border-radius: 8px;
		font-size: var(--btn-txt-size) !important;
	}
	.survey .survey_btn_list .btn {width: auto;}
	.survey .survey_btn_list .btn:last-of-type {margin-left: 6px;}
	.survey .btn_participate {width: 77px;}
	.survey .btn_submit {width: 90px;}
	.survey .sub_contentbox .btn_tit {
		width: 113px;
		margin: 0 0 12px;
		padding: 8px;
	}
	.new .modal .modal_inner {
		width: 260px;
		padding: 84px 24px 24px;
	}
	.new .modal .modal_inner::before {
		top: 24px;
		width: 40px;
		height: 40px;
	}
	.survey .modal .btn_confirm {width: 57px;}
	.survey .modal .alert_modal .txt,
	.survey .alert_modal .btn {
		font-size: 14px;
	}
	.new .modal .alert_modal {
		height: auto;
	}
	.new .flex.info {flex-direction: column;}
	.survey .survey_btn_list {margin: 13px 0 0 auto;}
	.survey .survey_table col:first-of-type {
	    min-width: 0;
	}
	.new_survey_form .txt {
		line-height: 1.5;
	}
	.survey .new_survey .txt {
	    width: 70%;
	    text-wrap: balance;
	    word-break: keep-all;
	}
	.survey_contents .new_survey_form .new_survey {
        padding: 6% 5%;
	}
	.survey_contents .new_survey_form .new_survey::after {
        left: auto;
        right: 5%;
        width: 15%;
        min-width: 62px;
        height: auto;
        aspect-ratio: 1 / 1;
    }
	.survey_contents .new_survey .tit,
    .survey .new_survey .txt {
		padding-left: 6px;
	}
    .survey_contents .new_survey .tit {
        text-indent: 7px;
    }
    .survey_contents .new_survey_form .new_survey .tit {
    	text-indent: 0;
    }
    .survey_contents .survey_list .new_survey .tit::before {
        left: 5px;
    }
    .survey_contents .main_tit {
        word-break: keep-all;
    }
    .survey_contents .new_survey_form .main_tit {
        margin: 20px 0 14px;
        letter-spacing: -.5px;
        line-height: 1.4;
    }
    .survey_contents .new_survey_form tbody .main_tit {
    	letter-spacing : normal;
    }
    .survey_contents .new_survey_form .main_tit:first-of-type  {
        margin: 0 0 14px;
    }
    .survey_contents .new_survey_form tbody .main_tit:first-of-type {
    	margin: 0;
    }
    .survey .survey_form .btn {
        padding: 8px 22.5px;
        margin: 20px 0 0;
    }
    .survey_contents .new_survey::before,
    .survey_contents .new_survey_form .new_survey::before {
        left: -4px;
        width: calc(100% + 4px);
    }
    .survey_contents .new_survey::before {
		background: url("../img/board/survey/mo_new_main_bg.png") 0 0 / 100% 100% no-repeat;
	}
    .survey_contents .new_survey::after {
        background: url("../img/board/survey/mo_new_bg_element.png") 0 3px / 100% 100% no-repeat;
    }
    .survey_contents .new_survey_form .new_survey::before {
        background: url("../img/board/survey/mo_new_detail_bg.png") 0 0 / 100% 100% no-repeat;
    }
    /* 테이블 기본 스타일 재설정 */
    .survey_table,
    .survey_table tbody,
    .survey_table tr,
    .survey .table_caption {
        display: block;
    }
    .survey_table thead {
        display: none; /* 헤더 숨기기 */
    }
    .survey_table tbody,
    .survey_table tr,
    .new_survey_form tbody .main_tit {
        width: 100%;
    }
    .survey_table tbody tr,
    .survey_contents .rating {
        display: grid;
        grid-template-columns: 40% 43% 17%;
        grid-template-rows: auto auto;
    }
    .survey_contents .rating .question {
    	width: auto;
    }
    .survey_table tbody th {
		grid-column: 1 / -1; /* 첫 번째 열부터 마지막 열까지 차지 */
		grid-row: 1;
		padding: 0;
	}
	.survey_table tbody td:nth-child(2) { /* 매우 불만족 */
		grid-column: 2;
		grid-row: 3;
	}
	.survey_table tbody td:nth-child(3) { /* 불만족 */
		grid-column: 1;
		grid-row: 3;
	}
	.survey_table tbody td:nth-child(4) { /* 보통 */
		grid-column: 3;
		grid-row: 2;
	}
	.survey_table tbody td:nth-child(5) { /* 만족 */
		grid-column: 2;
		grid-row: 2;
	}
	.survey_table tbody td:nth-child(6) { /* 매우 만족 */
		grid-column: 1;
		grid-row: 2;
	}
    .survey_table td {
        display: flex;
        align-items: center;
        justify-content: space-between;
        white-space: nowrap;
    }
    .survey_table td:nth-of-type(3) {
        margin: 0;
    }
    .survey_table tbody td:nth-of-type(3) {
        width: fit-content;
    }
    .survey_table td:last-child {
        margin-bottom: 0;
    }
    .survey_table td:nth-child(3) {
        display: inline-flex;
    }
    .survey_table .checkbox_wrap {
        display: flex;
    }
    .new_survey_form .checkbox_wrap .ally_hidden {
        position: static;
        width: auto;
        height: auto;
        margin: auto;
        overflow: visible;
        color: #495057;
        clip: auto;
        clip-path: none;
    }
    .new_survey_form tbody .main_tit {
        padding: 0 0 12px;
    }
    .new_survey_form tbody .main_tit,
    .new_survey_form tbody td,
    .new_survey_form .textbox,
    .survey_contents .new_survey_form tbody .main_tit {
        font-size: 12px;
        font-weight: 500;
    }
    .new_survey_form .textbox,
    .new_survey_form .checkbox_wrap .ally_hidden {
    	font-weight: 300;
    }
    .new_survey_form tbody .main_tit::before {
	    display: none;
    }
    .survey_contents .survey_table .custom_check {
    	margin-right: 8px;
    }
}
@media screen and (max-width: 660px) {
	.survey .contentbox_inner {
        padding: 20px;
    }
}
@media screen and (max-width: 360px) {
	.survey .visual_inner {padding: 75px 0 20px 20px;}
	.survey .visual_inner .tit {font-size: 24px;}
	.survey .visual_inner .img_wrap {
		width: 200px;
		height: 80px;
		margin: 0 0 0 45px;
	}
	.survey_contents .tit {margin: 0 0 4px;}
	.survey_contents .main_tit {margin: 20px 0 16px;}
	.survey_contents .main_tit:first-of-type  {margin: 0 0 16px;}
	.survey_contents .modal .main_tit {margin: 0;}
	.survey_contents .title_box {padding: 16px;}
	.survey_contents .survey_list .title_box {margin: 0 0 20px;}
	.survey_contents .survey_box {padding: 20px;}
	.survey_contents .survey_list .tit {
		margin: 6px 0 13px;
	}
	.survey_contents .new_survey_form .new_survey {
        padding: 23px 16px 16px 18px;
	}
	.survey .new_survey .txt {
		text-wrap: auto;
	}
	.survey_contents .new_survey_form .new_survey::after {
		right: 16px;
	}
}
@media screen and (max-width: 320px) {
	body {width: 320px;}
	.survey_contents .new_survey_form .new_survey {
		max-height: none;
	}
}
/* 240920 new 부톡/서베이(s) */

/* 241024 둔촌주공 (s) */
@media screen and (min-width: 360px) {
    .apt_event .header .info_txt:first-of-type {width: auto;}
    .apt_event .ico_new {margin: 0 4px 0 0;}
    .apt_event .ico_new + .content_tit {letter-spacing: -1px;}
}
@media screen and (min-width: 640px) {
    .apt_event {font-size: 18px;}
    .apt_event .btn_download {padding: 11px 14px;}
    .apt_event .info_txt {margin: 8px 0 0;}
    .apt_event .qr img {
        width: 88px;
        height: 88px;
    }
    .apt_event .apt_py {width: auto;}
    .apt_event .apt_wrap .map_mobile {
        width: 100%;
        height: auto;
        max-width: 544px;
        margin: 0 auto;
        aspect-ratio: 2 / 3.5;
    }
}
@media screen and (min-width: 1024px) {
    .apt_event .apt_wrap * {display: block;}
    .apt_event .apt_py,
    .apt_py .content_tit {position: static;}
    .apt_py .content_tit:first-of-type {transform: none;}
    .apt_py .content_tit:last-of-type {text-align: center;}
    .apt_event .apt_wrap .map_mobile {display: none;}
    .apt_event .cut {display: inline-block;}
    .apt_event .apt_wrap {
        margin: 1em 0 1.67em;
        aspect-ratio: 2/1;
        background: #fff;
    }
    .apt_event .apt_wrap:first-of-type {overflow-y: auto;}
    .apt_event .apt_wrap:last-of-type {
        overflow: hidden;
        margin-bottom: 0;
    }
}
/* 241024 둔촌주공 (e) */