@charset "utf-8";
/* 2018-09 미디어쿼리 800px -> 1023px 변경 */
/* common */
.caption{display:none;}
.tab-list { height: 70px; position: relative; font-size: 0; }
.tab-list .box { position: absolute; top: 0; left: 0; right: 0; z-index: 300; height: 69px; background: #fff; border-bottom: 1px solid #dbdbdb; }
.tab-list .box.fixed-menu { position: fixed; }
.tab-list .box-inner { position: relative; }
.tab-list ul { position: absolute; left: 40px; right: 40px; white-space: nowrap; overflow: hidden; }
.tab-list li { display: inline-block; position: relative; }
.tab-list li a { display: block; font-size: 18px; color: #555; line-height: 69px; letter-spacing: -1px; text-align: center; }
.tab-list li a:hover {color: #ec5520;}
.tab-list li.selected a { color: #ed5c23; font-weight: 700; }
.tab-list li.selected:after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 4px; background: #ed5c23; }
.title-sub { font-size: 35px; color: #333; font-weight: 700; margin: 45px 0 30px; line-height:1.5; display:inline-block;} /* 181023 rev */
.title-sub > div { font-size: 25px; color: #777; font-weight: 400; margin: 10px 0 0 0; }
.title-sub > div b { color: #ed5c23; font-weight: 400; }
.title-sub > span { font-size: 30px; font-weight: 400; }
.title-sub img {margin-left:7px; margin-top:-4px;}
.tab-list .box-inner{position:relative;}
.sub-page.pannel-join .tab-list ul {left:0; right:0;}
.sub-page.pannel-join .tab-list li {width:33.333%; box-sizing:border-box;}
.sub-page.intro .tab-list ul {left:0; right:0;}
.sub-page.intro .tab-list li {width:33.333%; box-sizing:border-box;}
.top-image,.top-image2,.top-image3,.top-image4 { position: relative; height: 250px; text-align: center; }  /* 170602 추가 */
.top-image2 .txt span.btn a:hover {background: rgba(186,175,173,0.2);}
.tab-list { height: 70px; position: relative; font-size: 0; }
.tab-list .box .btn-prev { position: absolute; top: 0; left: 0; width: 40px; height: 69px; cursor: pointer; background: url("/now/now_img/sub/icon-arrow-prev.png") no-repeat center; }
.tab-list .box .btn-next { position: absolute; top: 0; right: 0; width: 40px; height: 69px; cursor: pointer; background: url("/now/now_img/sub/icon-arrow-next.png") no-repeat center; }
.filebox input[type="file"] {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0;}
.filebox label {display: inline-block; width:80px; height:28px; color: #fff; line-height:26px ; font-size:12px; background-color: #354152; cursor: pointer; text-align:center;}
.filebox .upload-name {display: inline-block; color: #777; background:#fff; font-size: 14px; border:1px solid #c9c8cd; height:26px; text-indent:7px;}
.filebox.btn label {color: #fff; background-color: #354152;}
.pc-hidden{display:none !important;	width:100%;}
.m-hidden{display:inline-block !important;}
.pc-hidden-meeting{display:none;}
.gry_btn7{display: inline-block; width: 55px; height: 35px; background-color: #ccc;  font-size: 12px; line-height: 36px; text-align: center; font-weight: bold; margin-left:5px;}
.i_400{width:400px;}
.text-center{text-align:center;}
.text-left{text-align:left;}
.text-right{text-align:right;}


/*개인정보수집 및 이용안내*/
.area-table .area-textarea textarea {width: 100%; height: 130px; font-family: 'Nanum Gothic', sans-serif; font-size: 13.5px; color: #777; letter-spacing: -1px; line-height: 1.6; padding: 15px; margin: 10px 0 15px 0; box-sizing: border-box; border: 1px solid #c2c2c2;}
.area-table .area-textarea { font-size: 14px; color: #777; margin: 0 0 50px;}
.area-table .area-textarea .info{width: 100%; min-height: 130px; font-size: 13.5px; color: #777; letter-spacing: -1px; line-height: 1.6; padding: 15px; margin: 10px 0 15px 0; box-sizing: border-box; border: 1px solid #c2c2c2;}
.area-table .area-textarea p { font-size: 15px; color: #777; font-weight:bold;}
.area-table .area-textarea label {vertical-align: middle; font-size: 14px; color: #777; }
.area-table .area-textarea input {vertical-align: middle; width: 18px; height: 18px; }


@media screen and (min-width:768px) and (max-width: 1023px) {
	.pc-hidden-meeting{display:none;}

}

@media screen and (max-width: 767px) {
	.pc-hidden-meeting{display:block !important;}
	.title-sub img {margin-left:7px; margin-top:-1px; width:25px; height:25px;}
}


/* mobile */
@media screen and (max-width: 1023px) {
	.tab-list { height: 50px; }
	.tab-list .box { height: 50px; margin-top:-1px; }
	/*.tab-list .box.fixed-menu:before { content: ''; position: fixed; width: 100%; height: 50px; background: #fff; border-bottom: 1px solid #dbdbdb; }*/
	.tab-list ul { left: 0; right: 0; }
	.tab-list li { padding: 0 0px; } /* 180420 수정 */
	.tab-list li a { font-size: 16px; line-height: 50px; }
	.tab-list li a:hover {color: #ed5c23;}
	.title-sub { font-size: 24px; margin: 30px 0 20px; } /* 181023 rev */
	.top-image, .top-image2, .top-image3, .top-image4, .top-image-news {    height: 0;    padding: 0 0 50%; }
	.pc-hidden{display:inline-block !important;	 width:100%;}
	.m-hidden{display:none !important;}
	.title-sub img {margin-left:7px; margin-top:-1px; width:25px; height:25px;}
	}



/*서브 탑 메뉴 텍스트*/
.top-image .txt, .top-image2 .txt, .top-image3 .txt, .top-image4 .txt{font-size: 33px;font-weight: 700; color: #fff; line-height:60px; position:absolute;  width: 100%;  text-align:center; top: 19%; }
.top-image .txt span, .top-image2 .txt span, .top-image3 .txt span, .top-image4 .txt span, .top-image-news .txt span{display: block; color:#fff;font-size: 22px; font-weight: 400; word-break: keep-all;  line-height: 30px; text-align:center; padding:0 20px; margin:20px 0 0 0; }


.paging {text-align:center; margin-bottom:10px;}
.paging a {background-color: #ededed; color: #555; display: inline-block; font-size: 13px; margin-left: 4px; padding: 3px 0 4px; vertical-align: top; width: 26px; }
.paging a.on {background-color: #a9a8a8; color: #fff;}
.paging a:hover {background-color: #a9a8a8; color: #fff;}
.paging .prev {background: url("../now_img/common/board_paging.png") no-repeat 0 0; height: 26px; margin: 0 4px 0 0; padding: 0;}
.paging .prev:hover {background-position: 0px -62px;}
.paging .prev.disable {background-position: 0 0;}
.paging .next {background:url("../now_img/common/board_paging.png") no-repeat -29px -31px; height: 26px; margin-left: 10px; padding: 0;}
.paging .next:hover {background-position: -29px -62px;}
.paging .next.disable {background-position: -29px 0;}
.paging2 {display:inline-block; text-align:center; position:relative; top:0; left:12%;}
.paging2 a {background-color: #ededed; color: #555; display: inline-block; font-size: 13px; margin-left: 4px; padding: 3px 0 4px; vertical-align: top; width: 26px; }
.paging2 a.on {background-color: #a9a8a8; color: #fff;}
.paging2 a:hover {background-color: #a9a8a8; color: #fff;}
.paging2 .prev {background: url("../now_img/common/board_paging.png") no-repeat 0 0; height: 26px; margin: 0 4px 0 0; padding: 0;}
.paging2 .prev:hover {background-position: 0px -62px;}
.paging2 .prev.disable {background-position: 0 0;}
.paging2 .next {background:url("../now_img/common/board_paging.png") no-repeat -29px -31px; height: 26px; margin-left: 10px; padding: 0;}
.paging2 .next:hover {background-position: -29px -62px;}
.paging2 .next.disable {background-position: -29px 0;}


/* table common (list-page, read-page, write-page) */
.area-table { position: relative; clear:both; } /*181023 rev*/

.sub-page.list-page .area-table .table { display: table; width: 100%; } /*190923 보더값 추가*/
.sub-page.list-page .area-table .table ul { display: table-row; }
.sub-page.list-page .area-table .table ul li { display: table-cell; text-align:left; height: 30px; text-align:center; vertical-align: middle; border-bottom: 1px solid #dbdbdb; font-size: 15px; color: #555; line-height: 1.4; padding: 10px 10px; } /*190923 수정*/
.sub-page.list-page .area-table .table ul.title li { font-size: 15px !important; color: #333b43 !important; font-weight: 700 !important; text-align: center !important;height:51px; }
.sub-page.list-page .area-table .table ul li:nth-child(2), .sub-page.list-page .area-table .table ul li:nth-child(2) a { color: #666; }
.sub-page.list-page .area-table .table ul li .btn { display: inline-block; }
.sub-page.list-page .area-table .table ul li .btn a { padding: 5px 10px; border: none;}
.sub-page.list-page .area-table .table ul:hover { background: #f4f4f4; }
.sub-page.list-page .area-table .table ul.title:hover { background: #fff; }
.sub-page.list-page .area-table .no-data {display: block; text-align: center; padding:50px 0; vertical-align: middle; border-bottom: 1px solid #dbdbdb; font-size: 15px; color: #555; line-height: 50px;}


.sub-page.read-page .area-table .line1 { display: table; width: 100%; table-layout: fixed; padding-top: 10px; } /* 181023 rev */
.sub-page.read-page .area-table .line1 p { display: table-cell; height: 50px; vertical-align: middle; /*border-bottom: 1px solid #dbdbdb; */font-size: 15px; color: #555; text-align: left; padding: 10px 20px; box-sizing: border-box; } /* 181023 rev */
.sub-page.read-page .area-table .line1 p > span { color: #ed5c23; }
.sub-page.read-page .area-table .line1 p > span:after { content: '|'; display: inline-block; padding: 0 6px; font-size: 15px; color: #555; }
.sub-page.read-page .area-table .line1 p:nth-child(1) { width: 14%; /* background: #f4f4f4; */ color: #333b43; font-weight: 700; text-align: left;} /* 181023 rev */
.sub-page.read-page .area-table .line1 p:nth-child(2) { width: 86%; color: #777; }
.sub-page.faq .area-table .table {  }/* 181023 add */
.sub-page.read-page .area-table .table { display: table; width: 100%; table-layout: fixed;/* border-bottom: 1px solid #eee;*/  }/* 181023 rev */
.sub-page.read-page .area-table .table ul { display: table-row; }
.sub-page.read-page .area-table .table ul li { display: table-cell; text-align: left; height: 50px; vertical-align: middle; /*border-bottom: 1px solid #dbdbdb;*/ font-size: 15px; color: #555; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 10px 20px; box-sizing: border-box; } /* 181023 rev */
.sub-page.read-page .area-table .table ul li input[type='checkbox'] { width: 16px; height: 16px; border: 1px solid #c0bfbf; vertical-align: middle; }
.sub-page.read-page .area-table .table ul li:nth-child(odd) { width: 14%; /*background: #f4f4f4;*/ color: #333b43; font-weight: 700; } /* 181023 rev */
.sub-page.read-page .area-table .table ul li:nth-child(even) { width: 36%; color: #777; text-align: left;}
.sub-page.read-page .area-table .table ul.add-file{ display: table-row; }
.sub-page.read-page .area-table .area-content { padding: 30px; font-size: 14px; color: #777; line-height: 1.6; border-bottom: 1px solid #dbdbdb; margin: 0 0 30px; }
.sub-page.read-page .area-table .area-content img {max-width: 100%;}
.sub-page.read-page .area-table .area-content .newyear-event img{max-width:100%;}
.sub-page.read-page .area-table .area-content.qna {font-size:11pt; letter-spacing:0px; line-height:1.5; color: #777; border-bottom: 0px solid #dbdbdb; padding:30px 0px; margin:0px;}
.sub-page.read-page .area-table .area-content .event_2020{text-align:center;}
.sub-page.read-page .area-table .area-content .event_2020 span{position:absolute; top:1070px; left:430px; cursor:pointer;}
.sub-page.read-page .area-table .area-content .vod-view{position:relative; padding-bottom:56.25%; height:0;}
.sub-page.read-page .area-table .area-content .event_rent3 {margin: 0 auto; }
.sub-page.read-page .area-table .area-content .event_rent3 .box{border:1px solid #ccc; width:900px; margin-top:30px; padding:15px;}
.sub-page.read-page .area-table .area-content .event_rent3 .box .table .table-con{display:table; margin:0 auto; padding:10px;}
.sub-page.read-page .area-table .area-content .event_rent3 .box .table .table-con .tit{display:block; width:49%; float:left;  line-height:40px;  text-indent:20px; box-sizing:border-box;word-wrap: break-word;}
.sub-page.read-page .area-table .area-content .event_rent3 .box .table .table-con .tit span{padding-right:15px; font-weight:bold;}
.sub-page.read-page .area-table .area-content .event_rent3 .box .table .table-con .tit input {width:200px;}

.sub-page.read-page .area-table .area-content .event_rent3 .box .scrollbox5 {height:100px; overflow-y:auto; border:1px solid #c2c2c2; padding:15px; margin:15px 0; color:#777; font-size:13px; text-align:left; }
.sub-page.read-page .area-table .area-content.news-video .center{width:500px; height:600px;}
.sub-page.read-page .area-table .area-content iframe{position:absolute; height:100%; width:100%; display:flex;}
.sub-page.read-page .area-table .area-content.news-video .center{width:600px; height:400px;}
/* .sub-page.read-page .area-table .area-content.news-video iframe{position:inherit; height:100%; width:100%; display:flex;} */
.sub-page.read-page .area-table .area-btns { text-align: right; font-size: 0; }
.sub-page.read-page .area-table .area-btns > p { width: 100px; margin: 0 0 0 10px; }
.sub-page.read-page .area-table .area-btns > p > a { padding: 11px 0; font-size: 16px; }

@media screen and (max-width: 767px) {
.sub-page.read-page .area-table .area-content .event_rent3 .box{width:100%; max-width:100%;}
.sub-page.read-page .area-table .area-content .event_rent3 .box .table .table-con .tit{width:100%; margin-bottom:10px;}
.sub-page.read-page .area-table .area-content .event_rent3 .box .table .table-con{padding-right:60px;}
.sub-page.read-page .area-table .area-content .event_2020 span{position:absolute; width:57%; left:20%; top:58%;}
.sub-page.read-page .area-table .area-content.qna { padding: 0px; font-size: 14px; color: #777; line-height: 1.6; border-bottom: 0px solid #dbdbdb; margin: 0 0 30px; }
.sub-page.read-page .area-table .area-content.news-video .center {position:relative; width:100%; height:100%; padding-bottom:56.25%;}
.sub-page.read-page .area-table .area-content.news-video iframe{position:absolute; width:100%; height:100%;}
}

.sub-page.write-page .area-table .line1 { display: table; width: 100%; table-layout: fixed;  } /*181023 rev*/
.sub-page.write-page .area-table .line1 > div { display: table-cell; height: 50px; vertical-align: middle; /*border-bottom: 1px solid #dbdbdb;*/ font-size: 15px; color: #333b43; text-align: left; padding: 10px 20px; box-sizing: border-box; }
.sub-page.write-page .area-table .line1 .ctgy ul li {float:left; width:20%; } /* 170526 추가 */
.sub-page.write-page .area-table .notice-txt {margin-left:12%}
.sub-page.write-page .area-table .line2 { display: table; width: 100%; table-layout: fixed; }
.sub-page.write-page .area-table .line2 > div { display: table-cell; vertical-align: middle; border-bottom: 1px solid #dbdbdb; font-size: 15px; color: #333b43; text-align: left; padding: 10px 20px; box-sizing: border-box; }
.sub-page.write-page .area-table .line2 > div:nth-child(1) { width: 14%; background: #f4f4f4; color: #333b43; font-weight: 700; }
.sub-page.write-page .area-table .line2 > div:nth-child(2) { width: 36%; color: #777; }
.sub-page.write-page .area-table .line2 > div:nth-child(3) { width: 14%; background: #f4f4f4; color: #333b43; font-weight: 700; }
.sub-page.write-page .area-table .line2 > div:nth-child(4) { width: 36%; color: #777; }
.sub-page.write-page .area-table .line2 input[type='text'], input[type='password'] { height: 28px; border: 1px solid #c0bfbf; text-indent: 10px; }

.sub-page.write-page .area-table .line1 .line3 { display: table; width: 100%; table-layout: fixed;} /* 180420 추가 */
.sub-page.write-page .area-table .line1 .line3 > div { display: table-cell; height: 50px; vertical-align: middle; border-bottom: 1px solid #dbdbdb; font-size: 15px; color: #555; text-align: left; padding: 10px 20px; box-sizing: border-box; }  /* 180420 추가 */
.sub-page.write-page .area-table .line1 .line3 > div:nth-child(1) { width: 13%; color: #777; font-weight: 700;  border-right: 1px solid #dbdbdb; text-align:center;} /* 180420 추가 */
.sub-page.write-page .area-table .line1 .line3 > div:nth-child(2) { width: 37%; color: #777;} /* 180420 추가 */
.sub-page.write-page .area-table .line1 .line3 > div:nth-child(3) { width: 13%; color: #777; font-weight: 700;  border-left: 1px solid #dbdbdb; border-right: 1px solid #dbdbdb; text-align:center;} /* 180420 추가 */
.sub-page.write-page .area-table .line1 .line3 > div:nth-child(4) { width: 37%; color: #777;} /* 180420 추가 */

.sub-page.write-page .area-table .table-selectbox { position: relative; width: 172px; height: 28px; border: 1px solid #c7c7c7; }
.sub-page.write-page .area-table .table-selectbox:before { content: ''; position: absolute; top: 0; right: 0; width: 36px; height: 33px; background: url("/now/now_img/sub/icon-selectbox.png") no-repeat center; border-left: 1px solid #c7c7c7; }
.sub-page.write-page .area-table .table-selectbox label { position: absolute; top: 0; left: 0; right: 36px; z-index: -1; height: 33px; padding: 0 10px; font-size: 15px; color: #555; line-height: 33px; box-sizing: border-box; }
.sub-page.write-page .area-table .table-selectbox select { width: 100%; height: 35px; min-height: 28px; padding: 0 10px; font-size: 15px; color: #555; line-height: 33px; border: 0; -webkit-appearance: none; opacity: 0; box-sizing: border-box; }
.sub-page.write-page .area-table .line1 input[type='text'] { width: 50%; height: 35px; border: 1px solid #c0bfbf; text-indent: 10px; }
.sub-page.write-page .area-table .table-file { position: relative; width: 100%; max-width: 294px; height: 35px; }
.sub-page.write-page .area-table .table-file input[type='file'] { position: absolute; opacity: 0; z-index: 2; width: 100%; max-width: 294px; height: 28px; }
.sub-page.write-page .area-table .table-file .fakefile { position: absolute; top: 0; left: 0; right: 0; width: 100%; max-width: 294px; z-index: 1; }
.sub-page.write-page .area-table .table-file .fakefile .area-text { margin-right: 70px; }
.sub-page.write-page .area-table .table-file .fakefile input { width: 100%; height: 35px; border: 1px solid #c7c7c7; box-sizing: border-box; }
.sub-page.write-page .area-table .table-file .fakefile .btn { position: absolute; top: 0; right: 0; width: 64px; height: 35px; text-align: center; line-height: 35px; font-size: 13px; color: #fff; background: #777; }
.sub-page.write-page .area-table .table { display: table; width: 100%; table-layout: fixed; }
.sub-page.write-page .area-table .table input[type='text'], select { width: 100%; height: 35px; border: 1px solid #c0bfbf; text-indent: 10px; }
.sub-page.write-page .area-table .table input[type='text'].width-85 {width: 85px; height: 35px; border: 1px solid #c7c7c7; box-sizing: border-box; vertical-align: top; }
.sub-page.write-page .area-table .table ul { display: table-row; }
.sub-page.write-page .area-table .table ul li { display: table-cell; text-align: left; height: 50px; vertical-align: middle;/* border-bottom: 1px solid #dbdbdb;*/ font-size: 15px; color: #555; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 10px 20px; box-sizing: border-box; }  /* 181023 rev */
.sub-page.write-page .area-table .table ul li input[type='checkbox'] { width: 16px; height: 16px; border: 1px solid #c0bfbf; vertical-align: middle; }
.sub-page.write-page .area-table .table ul li:nth-child(odd) { width: 14%; text-align: left; color: #333b43; font-weight: 700; }
.sub-page.write-page .area-table .table ul li:nth-child(even) { width: 36%; color: #777; }
.sub-page.write-page .area-table .area-content { margin-top:30px; font-size: 15px; color: #777; line-height: 1.6;  }
.sub-page.write-page .area-btns { text-align: right; font-size: 0; margin-bottom:20px;}
.sub-page.write-page .area-btns > p { width: 100px; margin: 0 0 0 10px; }
.sub-page.write-page .area-btns > p > a { padding: 11px 0; }

.area-table .no-data {display: block; text-align: center; padding:50px 0; vertical-align: middle; border-bottom: 1px solid #dbdbdb; font-size: 15px; color: #555; line-height: 50px;}

.area-table .paginate { text-align: center; margin: 30px 0 50px; }
.area-table .paginate li { display: inline-block; vertical-align: top; margin: 0 2.5px; }
.area-table .paginate li a { display: block; font-size: 14px; color: #707070; letter-spacing: -1px; line-height: 26px; width: 26px; height: 26px; background: #f1f1f1; } /* 1809 rev */
.area-table .paginate li.selected a { color: #fff; background: #f3772f;} /* 1809 rev */
.area-table .paginate li.prev { margin: 0 12px 0 0; }
.area-table .paginate li.prev a { background: url("/now/now_img/sub/icon-arrow-prev.png") no-repeat center; background-size: 11px auto; }
.area-table .paginate li.prev a:hover { background: url("/now/now_img/sub/icon-arrow-prev-on.png") no-repeat center; background-size: 11px auto; }
.area-table .paginate li.next { margin: 0 0 0 12px; }
.area-table .paginate li.next a { background: url("/now/now_img/sub/icon-arrow-next.png") no-repeat center; background-size: 11px auto; }
.area-table .paginate li.next a:hover { background: url("/now/now_img/sub/icon-arrow-next-on.png") no-repeat center; background-size: 11px auto; }

.area-table .paginate li.first { margin: 0 8px 0 0; }
.area-table .paginate li.first a { background: url("/now/now_img/sub/icon-arrow-first.png") no-repeat center; background-size: 16px auto; }
.area-table .paginate li.first a:hover { background: url("/now/now_img/sub/icon-arrow-first-on.png") no-repeat center; background-size: 16px auto; }
.area-table .paginate li.last { margin: 0 0 0 8px; }
.area-table .paginate li.last a { background: url("/now/now_img/sub/icon-arrow-last.png") no-repeat center; background-size: 16px auto; }
.area-table .paginate li.last a:hover { background: url("/now/now_img/sub/icon-arrow-last-on.png") no-repeat center; background-size: 16px auto; }

.area-table .btn-wirte { position: absolute; margin-top:20px; right: 0; }
.area-table .btn-wirte a { display: inline-block; width: 100px; height: 40px; font-size: 14px; line-height: 40px; color: #888; background: #fff; border: 1px solid #888; position: relative; text-align: center; }
.area-table .btn-wirte a:hover { color: #ed5c23; background: #fff; border: 1px solid #ed5c23; } /* 181023 rev */


/* table common (list-page, read-page, write-page) */
.area-table2 { position: relative; }
.sub-page.list-page2 .area-table2 .table { display: table; width: 100%; table-layout: fixed; }
.sub-page.list-page2 .area-table2 .table ul { display: table-row; }
.sub-page.list-page2 .area-table2 .table ul li { display: table-cell; text-align: center; height: 30px; vertical-align: middle; border-bottom: 1px solid #dbdbdb; font-size: 15px; color: #555; line-height: 1.4; padding: 10px 0; }
.sub-page.list-page2 .area-table2 .table ul.title li { font-size: 15px !important; color: #333b43 !important; font-weight: 700 !important; text-align: center !important; }
.sub-page.list-page2 .area-table2 .table ul li:nth-child(2), .sub-page.list-page .area-table .table ul li:nth-child(2) a { color: #555; }
.sub-page.list-page2 .area-table2 .table ul li .btn { display: inline-block; }
.sub-page.list-page2 .area-table2 .table ul li .btn a { padding: 5px 10px; }
.sub-page.list-page2 .area-table2 .table ul:hover { background: #f4f4f4; }
.sub-page.list-page2 .area-table2 .table ul.title:hover { background: #fff; }
.sub-page.list-page2 .area-table2 .no-data {display: block; text-align: center; padding:50px 0; vertical-align: middle; border-bottom: 1px solid #dbdbdb; font-size: 15px; color: #555; line-height: 50px;}

.sub-page.read-page2 .area-table2 .line1 { display: table; width: 100%; table-layout: fixed; }
.sub-page.read-page2 .area-table2 .line1 p { display: table-cell; height: 50px; vertical-align: middle; border-bottom: 1px solid #dbdbdb; font-size: 15px; color: #555; text-align: left; padding: 10px 20px; box-sizing: border-box; }
.sub-page.read-page2 .area-table2 .line1 p > span { color: #ed5c23; }
.sub-page.read-page2 .area-table2 .line1 p > span:after { content: '|'; display: inline-block; padding: 0 6px; font-size: 15px; color: #555; }
.sub-page.read-page2 .area-table2 .line1 p:nth-child(1) { width: 14%; background: #f4f4f4; color: #333b43; font-weight: 700; }
.sub-page.read-page2 .area-table2 .line1 p:nth-child(2) { width: 86%; color: #777; }


.sub-page.read-page2 .area-table2 .table { display: table; width: 100%; table-layout: fixed; }
.sub-page.read-page2 .area-table2 .table ul { display: table-row; }
.sub-page.read-page2 .area-table2 .table ul li { display: table-cell; text-align: left; height: 50px; vertical-align: middle; border-bottom: 1px solid #dbdbdb; font-size: 15px; color: #555; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 10px 20px; box-sizing: border-box; }
.sub-page.read-page2 .area-table2 .table ul li input[type='checkbox'] { width: 16px; height: 16px; border: 1px solid #c0bfbf; vertical-align: middle; }
.sub-page.read-page2 .area-table2 .table ul li:nth-child(odd) { width: 14%; background: #f4f4f4; color: #333b43; font-weight: 700; }
.sub-page.read-page2 .area-table2 .table ul li:nth-child(even) { width: 36%; color: #777; }
.sub-page.read-page2 .area-table2 .area-content { padding: 30px; font-size: 15px; color: #777; line-height: 1.6; border-bottom: 1px solid #dbdbdb; margin: 0 0 30px; }
.sub-page.read-page2 .area-table2 .area-btns { text-align: right; font-size: 0; }
.sub-page.read-page2 .area-table2 .area-btns > p { width: 100px; margin: 0 0 0 10px; }
.sub-page.read-page2 .area-table2 .area-btns > p > a { padding: 11px 0; font-size: 16px; }

.sub-page.write-page2 .area-table2 .line1 { display: table; width: 100%; table-layout: fixed; }
.sub-page.write-page2 .area-table2 .line1 > div { display: table-cell; height: 20px; vertical-align: middle; font-size: 15px; color: #555; text-align: left; padding: 10px 20px; box-sizing: border-box; }
.sub-page.write-page2 .area-table2 .line1 > div:nth-child(1) { width: 12%; color: #333b43; font-weight: 700;}
.sub-page.write-page2 .area-table2 .line1 > div:nth-child(2) { width: 88%; color: #777;}
.sub-page.write-page2 .area-table2 .line1 .ctgy ul li {float:left; width:20%; } /* 170526 추가 */

.sub-page.write-page2 .area-table2 .line2 { display: table; width: 100%; table-layout: fixed; }
.sub-page.write-page2 .area-table2 .line2 > div { display: table-cell; height: 50px; vertical-align: middle; border-bottom: 1px solid #dbdbdb; font-size: 15px; color: #555; text-align: left; padding: 10px 20px; box-sizing: border-box; }
.sub-page.write-page2 .area-table2 .line2 > div:nth-child(1) { width: 14%; background: #f4f4f4; color: #333b43; font-weight: 700; }
.sub-page.write-page2 .area-table2 .line2 > div:nth-child(2) { width: 36%; color: #777; }
.sub-page.write-page2 .area-table2 .line2 > div:nth-child(3) { width: 14%; background: #f4f4f4; color: #333b43; font-weight: 700; }
.sub-page.write-page2 .area-table2 .line2 > div:nth-child(4) { width: 36%; color: #777; }
.sub-page.write-page2 .area-table2 .line2 input[type='text'], input[type='password'] { height: 35px; border: 1px solid #c0bfbf; text-indent: 10px; }

.sub-page.write-page2 .area-table2 .line1 .line3 { display: table; width: 100%; table-layout: fixed;} /* 180420 추가 */
.sub-page.write-page2 .area-table2 .line1 .line3 > div { display: table-cell; height: 50px; vertical-align: middle; border-bottom: 1px solid #dbdbdb; font-size: 15px; color: #555; text-align: left; padding: 10px 20px; box-sizing: border-box; }  /* 180420 추가 */
.sub-page.write-page2 .area-table2 .line1 .line3 > div:nth-child(1) { width: 13%; color: #777; font-weight: 700;  border-right: 1px solid #dbdbdb; text-align:center;} /* 180420 추가 */
.sub-page.write-page2 .area-table2 .line1 .line3 > div:nth-child(2) { width: 37%; color: #777;} /* 180420 추가 */
.sub-page.write-page2 .area-table2 .line1 .line3 > div:nth-child(3) { width: 13%; color: #777; font-weight: 700;  border-left: 1px solid #dbdbdb; border-right: 1px solid #dbdbdb; text-align:center;} /* 180420 추가 */
.sub-page.write-page2 .area-table2 .line1 .line3 > div:nth-child(4) { width: 37%; color: #777;} /* 180420 추가 */

.sub-page.write-page2 .area-table2 .table-selectbox2 { position: relative; width: 172px; height: 28px; border: 1px solid #c7c7c7; }
.sub-page.write-page2 .area-table2 .table-selectbox2:before { content: ''; position: absolute; top: 0; right: 0; width: 36px; height: 28px; background: url("/now/now_img/sub/icon-selectbox.png") no-repeat center; border-left: 1px solid #c7c7c7; }
.sub-page.write-page2 .area-table2 .table-selectbox2 label { position: absolute; top: 0; left: 0; right: 36px; z-index: -1; height: 33px; padding: 0 10px; font-size: 15px; color: #555; line-height: 28px; box-sizing: border-box; } /* 180703 수정 */
.sub-page.write-page2 .area-table2 .table-selectbox2 select { width: 100%; height: 28px; min-height: 28px; padding: 0 10px; font-size: 15px; color: #555; line-height: 33px; border: 0; -webkit-appearance: none; opacity: 0; box-sizing: border-box; }
.sub-page.write-page2 .area-table2 .line1 input[type='text'] { width: 100%; height: 28px; border: 1px solid #c0bfbf; text-indent: 10px; }
.sub-page.write-page2 .area-table2 .table-file { position: relative; width: 100%; max-width: 294px; height: 35px; }
.sub-page.write-page2 .area-table2 .table-file input[type='file'] { position: absolute; opacity: 0; z-index: 2; width: 100%; max-width: 294px; height: 28px; }
.sub-page.write-page2 .area-table2 .table-file .fakefile { position: absolute; top: 0; left: 0; right: 0; width: 100%; max-width: 294px; z-index: 1; }
.sub-page.write-page2 .area-table2 .table-file .fakefile .area-text { margin-right: 70px; }
.sub-page.write-page2 .area-table2 .table-file .fakefile input { width: 100%; height: 35px; border: 1px solid #c7c7c7; box-sizing: border-box; }
.sub-page.write-page2 .area-table2 .table-file .fakefile .btn { position: absolute; top: 0; right: 0; width: 64px; height: 35px; text-align: center; line-height: 35px; font-size: 13px; color: #fff; background: #777; }
.sub-page.write-page2 .area-table2 .table { display: table; width: 100%; table-layout: fixed; }
.sub-page.write-page2 .area-table2 .table input[type='text'], select { width: 100%; height: 28px; border: 1px solid #c0bfbf; text-indent: 10px; }
.sub-page.write-page2 .area-table2 .table ul { display: table-row; }
.sub-page.write-page2 .area-table2 .table ul li { display: table-cell; text-align: left; height: 50px; vertical-align: middle; border-bottom: 1px solid #dbdbdb; font-size: 15px; color: #555; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 10px 20px; box-sizing: border-box; }
.sub-page.write-page2 .area-table2 .table ul li input[type='checkbox'] { width: 16px; height: 16px; border: 1px solid #c0bfbf; vertical-align: middle; }
.sub-page.write-page2 .area-table2 .table ul li:nth-child(odd) { width: 14%; background: #f4f4f4; color: #333b43; font-weight: 700; }
.sub-page.write-page2 .area-table2 .table ul li:nth-child(even) { width: 36%; color: #777; }
.sub-page.write-page2 .area-table2 .area-content { padding: 30px; font-size: 15px; color: #777; line-height: 1.6; border-bottom: 1px solid #dbdbdb; margin: 0 0 30px; }

.area-table2 .no-data {display: block; text-align: center; padding:50px 0; vertical-align: middle; border-bottom: 1px solid #dbdbdb; font-size: 15px; color: #555; line-height: 50px;}

.area-table2 .paginate { text-align: center; margin: 30px 0 120px; }
.area-table2 .paginate li { display: inline-block; vertical-align: top; margin: 0 2.5px; }
.area-table2 .paginate li a { display: block; font-size: 14px; color: #555; letter-spacing: -1px; line-height: 26px; width: 26px; height: 26px; background: #ededed; }
.area-table2 .paginate li.selected a { color: #fff; background: #f58c70; }
.area-table2 .paginate li.prev { margin: 0 12px 0 0; }
.area-table2 .paginate li.prev a { background: url("/now/now_img/sub/icon-arrow-prev.png") no-repeat center; background-size: 11px auto; }
.area-table2 .paginate li.prev a:hover { background: url("/now/now_img/sub/icon-arrow-prev-on.png") no-repeat center; background-size: 11px auto; }
.area-table2 .paginate li.next { margin: 0 0 0 12px; }
.area-table2 .paginate li.next a { background: url("/now/now_img/sub/icon-arrow-next.png") no-repeat center; background-size: 11px auto; }
.area-table2 .paginate li.next a:hover { background: url("/now/now_img/sub/icon-arrow-next-on.png") no-repeat center; background-size: 11px auto; }

.area-table2 .paginate li.first { margin: 0 8px 0 0; }
.area-table2 .paginate li.first a { background: url("/now/now_img/sub/icon-arrow-first.png") no-repeat center; background-size: 16px auto; }
.area-table2 .paginate li.first a:hover { background: url("/now/now_img/sub/icon-arrow-first-on.png") no-repeat center; background-size: 16px auto; }
.area-table2 .paginate li.last { margin: 0 0 0 8px; }
.area-table2 .paginate li.last a { background: url("/now/now_img/sub/icon-arrow-last.png") no-repeat center; background-size: 16px auto; }
.area-table2 .paginate li.last a:hover { background: url("/now/now_img/sub/icon-arrow-last-on.png") no-repeat center; background-size: 16px auto; }

.area-table2 .btn-wirte { position: absolute; bottom: -15px; right: 0; }
.area-table2 .btn-wirte a { display: inline-block; width: 100px; height: 40px; font-size: 14px; color: #fff; line-height: 40px; background: #ed5c23; border: 1px solid #ed5c23; position: relative; text-align: center; }
.area-table2 .btn-wirte a:hover {background:#ec5520;}
/* Hoon 추가 */

.sub-page .area-search { text-align: right; margin: 0 0 20px; display:inline-block; float:right; margin-top:50px; }
.sub-page .area-search .input-box { display: inline-block; width: 268px; height: 40px; border: 1px solid #c7c7c7; box-sizing: border-box; padding: 10px; vertical-align: top; font-size: 13px; line-height: 18px; letter-spacing: -1px; }
.sub-page .area-search .btn { display: inline-block; border: 1px solid #c7c7c7; border-left: 0; vertical-align: top; text-align: center; }
.sub-page .area-search .btn a { display: block; width: 38px; height: 38px; }
.sub-page .area-search .btn img { width: 21px; margin: 9px 0 0 0; }
.sub-page .area-search .btn input[type='image'] { border:0px;  margin: 8px 0 0 0; height:20px;}
.sub-page .area-search .btn1 { display: inline-block; border: 1px solid #c7c7c7; border-left: 0; vertical-align: top; text-align: center; }
.sub-page .area-search .btn1 a { display: block; width: 38px; height: 38px; }
.sub-page .area-search .btn1 img { width: 21px; margin: 9px 0 0 0; }
.sub-page .area-search .btn1 input[type='image'] { border:0px;  margin: 8px 0 0 0; height:20px;}







@media screen and (max-width: 1023px) {
	.sub-page.list-page .area-table .table {display:inline-block;}
	.sub-page.list-page .area-table .table ul { display: block; padding: 16px 0; border-bottom: 1px solid #dbdbdb; position: relative; }
	.sub-page.list-page .area-table.sns .table ul {height:100px; margin-top:5px; padding:0px;}
	.sub-page.list-page .area-table .table ul.title { display: none; }
	.sub-page.list-page .area-table .table ul li { display: block; text-align: left; height: auto; white-space: normal; border: 0; padding: 0; line-height: normal;}
	.sub-page.list-page .area-table .table ul li span.member{font-size:13px;}

	.sub-page.list-page .area-table .btn-more { text-align: center; margin-top:30px; margin-bottom:30px; }
	.sub-page.list-page .area-table .btn-more a { display: inline-block; width: 120px; height: 30px; font-size: 14px; color: #555; line-height: 30px; border: 1px solid #555; position: relative; padding: 0 20px 0 0; }
	.sub-page.list-page .area-table .btn-more a:after { content: ''; position: absolute; top: 50%; right: 40px; transform: translateY(-50%); background: url("/now/now_img/sub/icon-more.png") no-repeat center; background-size: 16px auto; width: 16px; height: 9px; }
	.sub-page.list-page .area-table .btn-wirte { position: relative; bottom: 0; text-align: center; margin: 20px 0 20px 0; }
	.sub-page.list-page .area-table .btn-wirte a { width: 140px; height: 35px; font-size: 14px; color: #fff; line-height: 33px; background: #ed5c23; border: 1px solid #ed5c23; position: relative; }

	.sub-page.list-page .area-table .no-data { display: block; text-align: center; padding:50px 0; vertical-align: middle; border-bottom: 1px solid #dbdbdb; font-size: 15px; color: #555; line-height: 50px;}

	.sub-page.read-page .area-table .line1 p { padding: 10px; height: auto; }
	.sub-page.read-page .area-table .line1 p > span { display: block; margin: 0 0 3px; }
	.sub-page.read-page .area-table .line1 p > span:after { display: none; }
	.sub-page.read-page .area-table .line1 p:nth-child(1) { width: 25%; }
	.sub-page.read-page .area-table .line1 p:nth-child(2) { width: 75%; }

	.sub-page.read-page .area-table .table ul li { padding: 10px; height:40px; float: left; box-sizing: border-box; font-size: 15px; }
	.sub-page.read-page .area-table .table ul li:nth-child(odd) { width: 25%; }
	.sub-page.read-page .area-table .table ul li:nth-child(even) { width: 75%; }
	.sub-page.read-page .area-table .area-content { padding: 10px 0; font-size: 14px; }
	.sub-page.read-page .area-table .area-content img{max-width:100%;}
	.sub-page.read-page .area-table .area-btns { text-align: center;  margin-bottom:30px; margin-top:30px;}
	.sub-page.read-page .area-table .area-btns > p { width: 25%; max-width: 70px; margin: 0 0 0 4px; }
	.sub-page.read-page .area-table .area-btns > p:first-child { margin: 0; }

	.sub-page.write-page .area-table .line1 > div {padding: 10px; height: auto; font-size: 14px; }
	.sub-page.write-page .area-table .line1 > div:nth-child(1) { width: 25%; }
	.sub-page.write-page .area-table .line1 > div:nth-child(2) { width: 75%; }
	.sub-page.write-page .area-table .notice-txt{ font-size:11px;}
	.sub-page.write-page .area-table .line1 .ctgy ul li {float:left; width:50%; height:22px;} /* 추가 (170526)*/
	.sub-page.write-page .area-table .line1 .line3 > div {width:100%; display:inline-block; height: 38px;  padding: 10px 5px; font-size: 14px; }  /* 180420 추가 */
	.sub-page.write-page .area-table .line1 .line3 > div:nth-child(1) {  float:left; width: 27%; font-weight: 700; box-sizing: border-box; } /* 180420 추가 */
	.sub-page.write-page .area-table .line1 .line3 > div:nth-child(2) { float:left; width: 73%; word-break: break-all; line-height:14px; } /* 180420 추가 */

	.sub-page.write-page .area-table .table ul li { padding: 10px; height: 55px; float: left; box-sizing: border-box; font-size: 14px; line-height: 35px; }
	.sub-page.write-page .area-table .table ul li:nth-child(odd) { width: 25%; }
	.sub-page.write-page .area-table .table ul li:nth-child(even) { width: 75%; }
	.sub-page.write-page .area-table .area-content { padding: 10px 0; font-size: 13px; }
	.sub-page.write-page .area-table .area-btns { text-align: center; }
	.sub-page.write-page .area-table .area-btns > p { width: 25%; max-width: 70px; margin: 0 0 0 8px; }
	.sub-page.write-page .area-table .area-btns > p:first-child { margin: 0; }
	.sub-page.write-page .area-table input[type='text'].width-345 { width: 100%;}
	.sub-page.write-page .area-table .line1 input[type='text'] {width:100%;}
	.sub-page.list-page .area-table .paginate { display: none; }
	.sub-page.list-page .area-table.table-nodata { display: none; }
	.sub-page.list-page .area-table .no-data { display: none; }

	.sub-page .area-search { margin: 0 0 15px; position: relative; }
	.sub-page .area-search .input-box { display: block; width: 100%; padding: 10px 40px 10px 10px; }
	.sub-page .area-search .btn { position: absolute; top: 0; right: 0; }

	.sub-page .area-search { margin: 0 0 15px; position: relative; float:none; display:block; }
	.sub-page .area-search .input-box { display: block; width: 100%; padding: 10px 40px 10px 10px; }
	.sub-page .area-search .btn1 { margin-top:-40px; }
}

@media screen and (min-width:768px) and (max-width: 1023px) {
.sub-page.news .top-image-news { background:url(../now_img/sub/service_visual_08.png) no-repeat top center; width:100%;  background-color:#f8f8f7; background-size:cover; height:460px;}
.sub-page.news .area-table .table ul li:nth-child(1){display:none;}
.sub-page.news .area-table .table ul li:nth-child(2){display:block; text-align:left!important;}
.sub-page.news .area-table .table ul li:nth-child(4){display:block; float:left; text-align:left; width:100%;}
.sub-page.news .area-table .table ul li:nth-child(5){display:block; text-align:left!important;}

.sub-page.data.list-page .area-table .table ul li:nth-child(2){display:block;}
}

@media screen and (max-width: 767px) {
.sub-page.write-page .area-table .line1 input[type='text'] {width:100%;}
.sub-page.write-page .area-btns {padding-bottom:20px;}
.sub-page.news .area-table .table ul li:nth-child(1){display:none;}
.sub-page.news .area-table .table ul li:nth-child(2){text-align:left!important;}
.sub-page.news .area-table .table ul li:nth-child(4){float:left; width:auto;}
.sub-page.news .area-table .table ul li:nth-child(5){text-align:left!important;}
}


/*서비스개요*/
.sub-page.summary {max-width:1200px;}
.sub-page.summary .panel-title {font-size:23px; color:#555; font-weight: 700; margin:10px 0;}
.sub-page.summary .panel-sub-title {font-size:15px; font-weight: 400; line-height:25px; padding: 4px 0 4px 0px;}
.sub-page.summary .why-icon {margin:0 auto;  max-width:1200px;}
.sub-page.summary .why-icon ul{overflow:hidden; margin-top:50px;}
.sub-page.summary .why-icon ul li {float:left; width:20%;  height:290px; padding:0 10px; border-left:1px dashed #b8b8ba; text-align:center;}
.sub-page.summary .why-icon ul li:first-child {border-left:0px dashed #b8b8ba;}
.sub-page.summary .why-icon ul li dl dt{ text-align: center; color: #333; font-size: 23px;line-height: 30px; letter-spacing: -1px;  margin:0 auto !important; padding-top:20px;; }
.sub-page.summary .why-icon ul li dl dd {line-height:20px; font-size:15px; width:150px; margin:0 auto; margin-top:10px; word-break:keep-all;}

.sub-page.summary .sum-icon {margin:0 auto;  max-width:1200px;}
.sub-page.summary .sum-icon ul{overflow:hidden; margin-top:50px;}
.sub-page.summary .sum-icon ul li {float:left; width:20%;  height:310px; padding:0 10px; border-left:1px dashed #b8b8ba; text-align:center;}
.sub-page.summary .sum-icon ul li:first-child {border-left:0px dashed #b8b8ba;}
.sub-page.summary .sum-icon ul li dl dt{ text-align: center; width:100%; color: #333; font-size: 21px;line-height: 30px; letter-spacing: -1px;  margin:0 auto !important; padding-top:20px; word-break:keep-all; }
.sub-page.summary .sum-icon ul li dl dd {line-height:20px; font-size:15px; width:150px; margin:0 auto; margin-top:10px; word-break:keep-all;}




 .define {width:100%; height:298px; background:url(../now_img/sub/service_visual_02.png) no-repeat top center; background-color:#ff7b10; margin-bottom:50px; margin-top:60px;}
 .define .box2{margin:0 auto; max-width:1200px;}
 .define .box2 dl { width:610px; margin-top:45px; float:right;}
 .define .box2 dl dt {font-size:27px; font-weight:bold; color:#fff; padding-bottom:10px;}
 .define .box2 dl dd {font-size:19px; color:#fff; line-height:33px; }
 .define .box2 dl dd img {margin-right:10px;}

.case{max-width:1200px; margin:0 auto;}
.case p {font-size:23px; color:#555; font-weight: 700; margin:10px 0;}
.case ul{overflow:hidden; margin:30px 0px 50px 0px;}
.case dl {max-width:100%;}
.case dl img {text-align:center; max-width:100%;}
.case ul li:first-child { border-left:0px dashed #b8b8ba; }
.case ul li {float:left; width:25%;  padding:0 39px; border-left:1px dashed #b8b8ba; height:600px;}
.case ul li dl dd {letter-spacing:-0.1px;font-size:16px; line-height:30px; color:#777; background:url(../now_img/sub/cnt_icn_01.png) no-repeat 0 10px; padding-left:10px; word-break:keep-all;}
.case ul li dl dd.tit {margin:20px 0 15px 0; text-align:left; color:#333; font-size:23px; background:url(../now_img/sub/cnt_icn_01.png) no-repeat 0 30px; padding-left:0px;}
.case p {margin-bottom:-10px;}

.btnarea {max-width:1200px; margin:0 auto; padding-top:30px; border-top:1px solid #ccc; text-align:center;}
.btnarea .org_btn a {display:inline-block; width:116px;  background-color:#ed5b23; color:#fff; font-size:16px; font-weight:400;  line-height:36px; text-align:center;  border:1px solid #ed5b23; }
.btnarea .org_btn a :hover {opacity:0.8;}
.btnarea .org_btn2 {display:inline-block; width:116px; ; background-color:#fff; color:#ed5b23; font-size:16px; font-weight:400; line-height:38px; text-align:center; }
.btnarea .org_btn2 a:hover{opacity:0.8;}

/*Tablet*/

@media (min-width:768px) and (max-width:1023px) {
.top-image .txt, .top-image2 .txt, .top-image3 .txt, .top-image4 .txt{font-size: 28px;font-weight: 700; color: #fff; line-height:60px; position:absolute;   text-align:center; top: 40%; }
.top-image .txt span, .top-image2 .txt span, .top-image3 .txt span, .top-image4 .txt span{display: block;font-size: 16px; font-weight: 400; word-break: keep-all;  line-height: 26px; text-align:center;}

.sub-page.summary {max-width:1023px; padding:0 10px; margin:0 auto;}
.sub-page.summary .why-icon ul li{width:20%; padding: 0 0px;  height:290px;}
.sub-page.summary .why-icon dt{max-width:90%; margin:0 auto;}
.sub-page.summary .why-icon dt img {max-width:100%;}
.sub-page.summary .why-icon ul li dl dd.tit {font-size:20px; margin:0 auto; margin-top:20px; line-height:22px;}
.sub-page.summary .why-icon ul li dl dd {line-height:23px; font-size:14px; width:135px; margin:0 auto; margin-top:15px;}
.sub-page.summary .sum-icon ul li{width:20%; padding: 0 0px;}
.sub-page.summary .sum-icon ul li img {max-width:100%;}
.sub-page.summary .sum-icon ul li dl dt {text-align:center;font-size:20px; margin:0 auto; margin-top:20px; line-height:22px; padding:15px 10px;}
.sub-page.summary .sum-icon ul li dl dd {line-height:23px; font-size:14px; width:135px; margin:0 auto;}

.define .box2 dl dt {font-size:22px;}
.define .box2 dl dd  {font-size:16px;}


.case{max-width:1000px; margin:0 auto;}
.case ul li{display:inline-block; float:left; width:50%; height:auto;  padding:0px 15px 25px 15px;  border-left:1px dashed #b8b8ba;  margin-top:10px;}
.case ul li:nth-child(3) {  border-left:0px dashed #b8b8ba;}
.case dl {max-width:100%;}
.case dl img {max-width:100%;}
.case p {margin-bottom:-10px;}
.btnarea.service{padding-bottom:30px;}

}





/*Mobile*/

@media all and (max-width:767px) {
.top-image .txt, .top-image2 .txt, .top-image3 .txt, .top-image4 .txt{font-size: 28px; width:100%; }
.top-image .txt span, .top-image2 .txt span, .top-image3 .txt span, .top-image4 .txt span{ margin-top:-2px; letter-spacing:-2px; display: block;font-size: 16px; color:#fff; line-height:26px;}
.sub-page.summary .why-icon {margin:0 auto;  max-width:767px; margin-top:-15px;}
.sub-page.summary .why-icon ul{overflow:hidden; margin-top:30px;}
.sub-page.summary .why-icon ul li:first-child { width:100%; border:1px solid #ccc; margin:0 auto; margin-bottom:20px; height:auto;}
.sub-page.summary .why-icon ul li { width:100%; border:1px solid #ccc; margin:0 auto; margin-bottom:20px;  height:auto;}
.sub-page.summary .why-icon dl {margin-left:130px;}
.sub-page.summary .why-icon ul li img{float:left; padding:20px 20px 20px 7px; max-width:100%; position:relative; width:100px;}
.sub-page.summary .why-icon ul li dl dt{ float:left; padding-top:30px; width:100%; text-align:left !important;}
.sub-page.summary .why-icon ul li dl dd {float:left; line-height:23px; font-size:14px; width:auto;   padding-left:0px; text-align:left; padding-bottom:20px;}


.sub-page.summary .sum-icon {margin:0 auto;  max-width:767px; margin-top:-15px;}
.sub-page.summary .sum-icon ul{overflow:hidden; margin-top:-12px;}
.sub-page.summary .sum-icon ul li:first-child { width:100%; border:1px solid #ccc; margin:0 auto; margin-bottom:20px; height:auto; margin-top:30px;}
.sub-page.summary .sum-icon ul li {width:100%; border:1px solid #ccc; margin:0 auto; margin-bottom:20px; height:auto;  }
.sub-page.summary .sum-icon dl {margin-left:130px;}
.sub-page.summary .sum-icon ul li dl dt { float:left; padding-top:30px; text-align:left;}
.sub-page.summary .sum-icon ul li img{float:left; padding:20px 20px 20px 7px; max-width:100%; position:relative; width:100px;}
.sub-page.summary .sum-icon ul li dl dd {float:left; line-height:23px; font-size:14px; width:auto;   padding-left:0px; text-align:left; padding-bottom:20px;}



 .define {width:100%; height:400px; background-image:none;  background-color:#ff7b10; margin-bottom:50px; margin-top:60px;}
 .define .box2{margin:0 auto; max-width:767px; margin-left:10px;}
.define .box2 dl { width:auto;  margin-top:45px; float:left; margin-left:10px; padding-top:10px;}
.define .box2 dl dd {font-size:16px; margin-top:12px; padding-left:30px; position:relative; letter-spacing:-1px;  line-height:26px;}
.define .box2 dl dd.box2_1:before{ content:'1'; display:inline-block; background-color:#fff; color:#ff7b10; font-weight:bold; border-radius:23px; height:23px; width:23px; text-align:center; line-height:20px; font-size:14px; position:absolute; left:0; top:5px;}
.define .box2 dl dd.box2_2:before{ content:'2'; display:inline-block; background-color:#fff; color:#ff7b10; font-weight:bold; border-radius:23px; height:23px; width:23px; text-align:center; line-height:20px; font-size:14px; position:absolute; left:0; top:5px;}
.define .box2 dl dd.box2_3:before{ content:'3'; display:inline-block; background-color:#fff; color:#ff7b10; font-weight:bold; border-radius:23px; height:23px; width:23px; text-align:center; line-height:20px; font-size:14px; position:absolute; left:0; top:5px;}
.define .box2 dl dd.box2_4:before{ content:'4'; display:inline-block; background-color:#fff; color:#ff7b10; font-weight:bold; border-radius:23px; height:23px; width:23px; text-align:center; line-height:20px; font-size:14px; position:absolute; left:0; top:5px;}
.define .box2 dl dd.box2_5:before{ content:'5'; display:inline-block; background-color:#fff; color:#ff7b10; font-weight:bold; border-radius:23px; height:23px; width:23px; text-align:center; line-height:20px; font-size:14px; position:absolute; left:0; top:5px;}
.case{max-width:768px; margin:0 auto;}
.case ul li{display:inline-block; float:left; width:100%; height:auto; padding:15px; margin-top:10px; margin:0 auto; text-align:center;  border-left:0px dashed #b8b8ba;}
.case dl {max-width:100%;}
.case dl img {max-width:100%; text-align:center; width:100%;}
.case p {margin-bottom:-24px;}
.case ul li dl dd.tit {text-align:left; }
.case ul li dl dd {font-size:16px; line-height:30px; color:#777; background:url(../now_img/sub/cnt_icn_01.png) no-repeat 0 10px; text-align:left;}
.btnarea.service{padding-bottom:30px;}
}



/*서비스소개*/
.sub-page .slt2 {max-width:1200px; margin:0 auto; overflow:hidden; border:0 solid #000; margin-top:-40px;}
.sub-page .slt2 .info {margin-top:130px;}
.sub-page .slt2 .info:first-child {margin-top:5px;}
.sub-page .slt2 .info:last-child {margin-bottom:80px;}
.sub-page .slt2 .info p{float:left; width:330px; margin-top:20px;}
.sub-page .slt2 .info img{max-width:100%;}
.sub-page .slt2 .info .box{float:right; width:100%; margin-left:-380px; padding-left:380px; box-sizing:border-box; margin-bottom:20px;}
.sub-page .slt2 .info .box::after{content:''; display:block; clear:both;}
.sub-page .slt2 .info .box .tit1{font-size:22px; line-height:24px; letter-spacing:-2px; margin-bottom:7px;}
.sub-page .slt2 .info .box .tit2 {margin-bottom:10px; font-size:32px; font-weight:bold; letter-spacing:-2px; border-bottom:1px solid #ccc; padding-bottom:15px;}
.sub-page .slt2 .info .box .txt{font-size:17px; color:#555; line-height:25px; margin-bottom:10px;}
.sub-page .slt2 .info .box ul{width:50%; padding: 5px 0 15px 0;}
.sub-page .slt2 .info .box ul.p100{width:100%;}
.sub-page .slt2 .info .box ul li {font-size:15px;  line-height:25px;  }
.sub-page .slt2 .info .box ul li span{display:block; font-size:13px; line-height:18px;}
.sub-page .slt2 .info .box span.btn-s {position:absolute; float:left; margin-bottom:10px; margin-top:74px; } /*190919 클래스명 변경*/
.sub-page .slt2 .info .box .btn-s::after{content:''; display:block; clear:both;}
.sub-page .slt2 .info .box .org_btn4,
.sub-page .slt2 .info .box .gry_btn5{display:inline-block; float: left; margin-right: 3px;}
.sub-page .slt2 .info .box .org_btn4 a,
.sub-page .slt2 .info .box .gry_btn5 a{display:inline-block; width:100px; height:35px; font-size:14px; line-height:35px; text-align:center; color:#fff; margin-top:10px; box-sizing:border-box;}
.sub-page .slt2 .info .box .org_btn4 a:hover,
.sub-page .slt2 .info .box .gry_btn5 a:hover{filter: alpha(opacity=80); -moz-opacity: 0.8;  khtml-opacity: 0.8; opacity:0.8;}
.sub-page .slt2 .info .box .gry_btn5 a{background-color:#777777;}
.sub-page .slt2 .info .box .org_btn4 a{background-color:#ed5b23;}
.sub-page .slt2 .info .box .org_btn4.line-2 a,
.sub-page .slt2 .info .box .gry_btn5.line-2 a{padding: 4px 2px; font-size: 12px; line-height: 14px;}
.sub-page .slt2 .info .box .box-inquiry{float:left; width:100%; padding:15px 0; font-weight: 600; font-size: 14px;}

.surbay{width:100%; margin-top:70px;}
.surbay .box2{max-width:1200px; margin:0 auto; overflow:hidden;}
.surbay .box2 dl dt{font-size:23px; color:#555; padding-bottom:5px; letter-spacing:-1px;}
.surbay .box2 dl dd{font-size:15px; line-height:25px; padding-bottom:20px; margin-top:20px; }
.surbay .box2 dl dd .btn {padding:7px 10px; background-color:#ed5b23; color:#fff; display:inline-block;}
.surbay .box2 dl dd .btn a{color:#fff;}
.surbay .box2 dl dd .btn:hover{filter: alpha(opacity=80); -moz-opacity: 0.8;  khtml-opacity: 0.8; opacity:0.8;}
.surbay .box2 span.btn-s{background-color:#ed5c23; padding:10px; vertical-align:middle; display:inline-block; }
.surbay .box2 span.btn-s a{color:#fff !important;}
.surbay .box2 span.btn-s:hover{opacity:0.7}

@media screen and (max-width: 1023px){
	.sub-page .slt2 .info .box .btn-s{margin:10px 10px 0;}
	.sub-page .slt2 .info .box .box-inquiry{margin: 15px 10px 0px; padding:0 0 15px 0;}
}

/*Tablet*/
@media (min-width:768px) and (max-width:1023px) {
	.sub-page .slt2 {max-width:1023px; margin:0 auto; overflow:hidden; border:0 solid #000; }
	.sub-page .slt2 .info{margin-top:50px;}
	.sub-page .slt2 .info p{float:left; width:330px;}
	.sub-page .slt2 .info img{max-width:100%;}
	.sub-page .slt2 .info .box{float:right; width:100%; margin-left:-380px; padding-left:380px; box-sizing:border-box; }
	.sub-page .slt2 .info .box .tit1{font-size:22px; line-height:24px;}
	.sub-page .slt2 .info .box .tit2 {margin-bottom:10px; font-size:32px; font-weight:bold; letter-spacing:-2px; border-bottom:1px solid #ccc; padding-bottom:15px;}
	.sub-page .slt2 .info .box .txt{font-size:15px; color:#555; line-height:35px;}
	.sub-page .slt2 .info .box ul{width:100%; }
	.sub-page .slt2 .info .box ul li {font-size:15px; color:#777; line-height:26px;  padding-left:10px;}
	.sub-page .slt2 .info .box .btn {position:inherit; margin-top:0; }
	.define .box2 dl {width:62%;}

}

/*Mobile*/

@media all and (max-width:767px) {
.pop-layer {top:20%;}
.pop-layer.service{top:0%;}
.surbay{width:100%; margin-top:20px;}
.sub-page .slt2 {max-width:100%; margin:0 auto; overflow:hidden; border:0 solid #000; }
.sub-page .slt2 .info:first-child{background-color: #f2f2f2; padding-bottom:20px;}
.sub-page .slt2 .info {background-color: #f2f2f2; margin-top:20px;}
.sub-page .slt2 .info p{float:none; margin:0 auto; max-width:100%; width:100%; }
.sub-page .slt2 .info img{width:100%;}
.sub-page .slt2 .info .box ul{width:100%;}
.sub-page .slt2 .info .box{padding:30px 11px 30px; float:none;  box-sizing:border-box; margin:0 auto; }
.sub-page .slt2 .info .box .info-btn {margin:0 auto;}
.sub-page .slt2 .info .box .btn {margin-top:-110px;}
.sub-page .slt2 .info .box .btn_01{margin-top:15px;}
.sub-page .slt2 .info .box .txt{margin-bottom:10px;}
.sub-page .slt2 .info .box .tit2 {border-bottom:0px solid #ccc; padding-bottom:8px;}
.surbay .box2{ margin:0 10px; }
.surbay .box2 .btn { margin-bottom:30px;}
.sub-page .slt2 .info .box ul li {font-size:16px;  padding-left:10px; line-height:24px;}
.sub-page .slt2 .info .box .tit2 span{display:inline-block; width:310px;}
.sub-page .slt2 .info .box .btn {margin-top:10px; position:relative; margin-bottom:15px;  float:left;}
.sub-page .slt2 .info .box .box-inquiry{margin: 15px 10px 0px; padding:0;}

}


/*상담 보드*/
.srchbox {text-align:right; margin-top:-20px; margin-bottom:20px;}
.srchbox select{width:70px;}
.srchbox input.inputbox {width:110px; height:26px;}
.srchbox input.btnsrch{width:60px; height:26px; background-color:#354152; font-size:13px; color:#fff;text-align:center; display:inline-block; line-height:16px; border:0; text-indent:0px; cursor:pointer; }


/* 03 1:1상담 */
.sub-page.consult .top-image { background: url("../now_img/sub/service_visual_06.png") no-repeat center; }

/*
.sub-page.consult .top-image2 { background: url("https://www.nownsurvey.com/img/v2/sub/top10.jpg") no-repeat center; }
.sub-page.consult .top-image3 { background: url("https://www.nownsurvey.com/img/v2/sub/top11.jpg") no-repeat center; }
.sub-page.consult .top-image4 { background: url("https://www.nownsurvey.com/img/v2/sub/top12.jpg") no-repeat center; }
*/
.sub-page.consult .tab-list ul { left: 0; right: 0; }
.sub-page.consult .tab-list li { width: 16.6666%; }
.sub-page.consult .tab-list .box .btn-prev, .sub-page.consult .tab-list .box .btn-next { display: none; }
.sub-page.consult .color-blue { color: #ed5c23; }

.sub-page.consult.list-page .area-table .table ul li:nth-child(1) { width: 60px; }
.sub-page.consult.list-page .area-table .table ul li:nth-child(2) { width: 140px; }
.sub-page.consult.list-page .area-table .table ul li:nth-child(3) { width: 80px; }
.sub-page.consult.list-page.idea .area-table .table ul li:nth-child(3) {width: auto; text-align: left;} /* 181108 add */
.sub-page.consult.list-page .area-table .table ul li:nth-child(4) { text-align: left; }
.sub-page.consult.list-page.idea .area-table .table ul li:nth-child(4) {width:80px;} /* 181108 add */
.sub-page.consult.list-page .area-table .table ul li:nth-child(5) { width: 130px; }
.sub-page.consult.list-page .area-table .table ul li:nth-child(6) { width: 130px; }
.sub-page.consult.list-page .area-table .table ul li:nth-child(3) img { width: 14px; vertical-align: middle; }
.sub-page.consult.list-page .area-table .table ul li .icon-reply { display: inline-block; vertical-align: middle; width: 30px; height: 30px; background: url("https://www.nownsurvey.com/img/v2/sub/icon-reply.png") no-repeat left center; background-size: 17px auto; } /* 180927 rev */
.sub-page.consult.list-page .area-table .table ul.reply li a { display: inline-block; vertical-align: middle; }


/*버그오류신고*/
.sub-page.bug.list-page .area-table .table ul li:nth-child(1) { width: 60px; }
.sub-page.bug.list-page .area-table .table ul li:nth-child(2) { width: 400px; text-align:left;}
.sub-page.bug.list-page .area-table .table ul li:nth-child(3) { width: 100px; }
.sub-page.bug.list-page .area-table .table ul li:nth-child(4) { width: 100px; }



/* 03 1:1상담 추가(170602) */
.sub-page.consult dl.brd_visual {width:100%; clear:both; overflow:hidden; padding-bottom:40px;}
.sub-page.consult dl.brd_visual dt {float:left; width:26%; text-align:center;}
.sub-page.consult dl.brd_visual dt img {max-width:100%; height:auto;}
.sub-page.consult dl.brd_visual dd {float:left; width:74%; font-size:16px; text-align:justify; line-height:23px;}
.sub-page.consult.survey .area-table .table .table-selectbox {width: 85px; height: 33px; border: 1px solid #c7c7c7; display: inline-block; margin-right: 10px;}
.sub-page.consult.survey .area-table .table .table-selectbox:before{ content: ''; position: absolute; top: 0; right: 0; width: 36px; height: 31px; background: url("https://www.nownsurvey.com/img/v2/sub/icon-selectbox.png") no-repeat center; border-left: 1px solid #c7c7c7; }
.sub-page.consult.write-page .area-table .table .area-input input[type='text'].width-85 {width: 85px; height: 35px; border: 1px solid #c7c7c7; box-sizing: border-box; vertical-align: top; }
.sub-page.consult.write-page .area-table .table .area-input { margin-right: 10px; display: inline-block; vertical-align: top;}
.sub-page.consult.write-page .area-table input[type='text'].width-275 { width: 275px; height: 35px; border: 1px solid #c7c7c7; box-sizing: border-box; text-indent: 10px; }
.sub-page.consult.write-page .area-table .area-content { padding: 10px; font-size: 15px; color: #777; line-height: 1.6; border-bottom: none; margin: 0 0;/* 30px;*/}  /* 181023 rev */
.sub-page.consult.write-page .area-table .area-textarea { font-size: 14px; color: #777; margin: 0 0 50px;}
.sub-page.consult.write-page .area-table .area-textarea p { font-size: 15px; color: #777; font-weight:bold;}
.sub-page.consult.write-page .area-table .area-textarea label {vertical-align: middle; font-size: 14px; color: #777; }
.sub-page.consult.write-page .area-table .area-textarea input {vertical-align: middle; width: 18px; height: 18px; }
.sub-page.consult.write-page .area-table .line1 .ctgy ul li {float:left; width:20%; }
.sub-page.consult.write-page .area-table .table .table-selectbox { position: relative; width: 85px; height: 33px; border: 1px solid #c7c7c7; display: inline-block; margin-right: 10px;} /*1809 rev*/
.sub-page.consult.write-page .area-table .table .table-selectbox:before { content: ''; position: absolute; top: 0; right: 0; width: 36px; height: 31px; background: url("https://www.nownsurvey.com/img/v2/sub/icon-selectbox.png") no-repeat center; border-left: 1px solid #c7c7c7; }
.sub-page.consult.write-page .area-table .table .table-selectbox label { position: absolute; top: 0; left: 0; right: 0; z-index: -1; height: 33px; padding: 0 10px; font-size: 15px; color: #555; line-height: 30px; box-sizing: border-box; }
.sub-page.consult.write-page .area-table .table .table-selectbox select { width: 100%; height: 35px; min-height: 35px; padding: 0 10px; font-size: 15px; color: #555; line-height: 33px; border: 0; -webkit-appearance: none; opacity: 0; box-sizing: border-box; }
.sub-page.consult.write-page .area-table .scrollbox4 { height: 135px; overflow-y: auto; padding: 20px; border: 1px solid #ccc; margin-top: 30px; font-size: 14px; text-align: justify; }
.sub-page.consult.write-page .area-table .scrollbox4 dl dt { font-weight: bold; font-size: 15px; }
.sub-page.consult.write-page .area-table .scrollbox4 dl dd.txt { padding: 10px 0 3px 0; }
.sub-page.consult.write-page .area-table .scrollbox4 dl dd { padding-left: 15px; padding:3px 0; }
.sub-page.consult.write-page .area-table .mt15 { font-size: 14px; text-align: justify; margin-top: 15px !important; }


/*news&notice*/
.sub-page.news .top-image { background:url(../now_img/sub/service_visual_06.png) no-repeat top center; width:100%; height:250px; background-color:#f8f8f7;}
.sub-page.news .tab-list ul { left: 0; right: 0; }
.sub-page.news .tab-list li { width: 20%; }
.sub-page.news .area-table .table ul li:nth-child(1) { width: 60px; text-align:center !important; } /*190923 센터 정렬*/
.sub-page.news .area-table .table ul li:nth-child(2) { width: 130px; text-align:center; } /*190923 센터 정렬*/
.sub-page.news .area-table .table ul li:nth-child(3) { text-align: left;  } /*190923 센터 정렬*/
.sub-page.news .area-table .table ul li:nth-child(4) { width: 80px;  text-align:center; }
.sub-page.news .area-table .table ul li:nth-child(5) { width: 130px; text-align:center } /*190923 센터 정렬*/





.sub-page.data.top-image { background:url(../now_img/sub/service_visual_06.png) no-repeat top center; width:100%; height:250px; background-color:#f8f8f7;}
.sub-page.data.list-page .area-table .table ul li:nth-child(1) { width: 60px; text-align:center  }
.sub-page.data.list-page .area-table .table ul li:nth-child(2) { text-align:left }
.sub-page.data.list-page .area-table .table ul li:nth-child(3) { width: 120px; text-align:center; }
.sub-page.data.list-page .area-table .table ul li:nth-child(4) { width: 120px; text-align: left; }
.sub-page.data.list-page .area-table .table ul li:nth-child(5) { width: 130px; text-align:center; }
.sub-page.data.list-page .area-table .table ul li:nth-child(6) { text-align:center !important; }



.sub-page.learning.list-page .area-table .table ul li:nth-child(1) { width: 60px; text-align:center; }
.sub-page.learning.list-page .area-table .table ul li:nth-child(2) { text-align: left; padding-left:20px;}
.sub-page.learning.list-page .area-table .table ul li:nth-child(3) { width: 100px; text-align:center; }
.sub-page.learning.list-page .area-table .table ul li:nth-child(4) {width: 100px; text-align:center; }
.sub-page.learning.list-page .area-table .table ul li:nth-child(5) { width: 100px;  text-align:center; }

.sub-page.consult.list-page .area-table .table ul li:nth-child(3) img { width: 14px; vertical-align: middle; }
.sub-page.consult.list-page .area-table .table ul li .icon-reply { display: inline-block; vertical-align: middle; width: 30px; height: 30px; background: url("../now_img/sub/icon-reply.png") no-repeat left center; background-size: 17px auto; } /* 180927 rev */
.sub-page.consult.list-page .area-table .table ul.reply li a { display: inline-block; vertical-align: middle; }



.sub-page.read-page .area-table .line1 p:nth-child(1) {text-align: right; width: 12%; font-size:15px;}
.sub-page.read-page .area-table .line1 p:nth-child(2) {width: 88%;}
.sub-page.read-page .area-table .table ul li{text-align: right;}
.sub-page.read-page .area-table .line1{padding-top: 0;}
.sub-page.read-page .area-table .table ul li:nth-child(2n){width: 38%;}
.sub-page.read-page .area-table .table ul.add-file li:nth-child(2n){position:absolute; width:100%; margin-top:3px;}
.sub-page.data.read-page .area-table .table ul li:nth-child(2n){width: 38%;}
.sub-page.consult .color-blue{padding-right: 5px; color:#ed5c23;}
.sub-page.write-page .area-table .table ul li{word-break: keep-all;}
.sub-page.write-page .area-table .line1 span{color:red; padding-right: 5px;}
.sub-page.write-page .area-table .line1 > div:nth-child(1) {text-align: right; width: 10%; font-weight:bold;}
.sub-page.write-page .area-table .line1 > div:nth-child(2) {width: 90%;}
.sub-page.counsel.write-page .area-table .line1.add-file > div:nth-child(1) {width:10%; text-align:right; word-break: keep-all; overflow: inherit; text-overflow: inherit;}
.sub-page.write-page .area-table .table ul li:nth-child(2n+1) {text-align: right; width:10%; overflow: inherit; text-overflow: inherit;}
.sub-page.write-page .area-table .table ul li:nth-child(2n){width: 40%;}
.sub-page.read-page .area-table .table ul li:nth-child(2n+1) {text-align: right; width: 12%; }
.sub-page.write-page .area-table .table ul li span{color:red; padding-right:5px;}


.sub-page.consult.write-page .area-table .scrollbox4 { height: 175px; overflow-y: auto; padding: 20px; border: 1px solid #ccc; margin-top: 30px; font-size: 14px; text-align: justify; }
.sub-page.consult.write-page .area-table .scrollbox4 dl dt { font-weight: bold; font-size: 15px; }
.sub-page.consult.write-page .area-table .scrollbox4 dl dd.txt { padding: 10px 0 3px 0; }
.sub-page.consult.write-page .area-table .scrollbox4 dl dd { padding-left: 15px; padding:3px 0; }
.sub-page.consult.write-page .area-table .mt15 { font-size: 14px; text-align: justify; margin-top: 15px !important; }
.sub-page.write-page .area-table .table ul li:nth-child(2n) {width:40%;}


.qa-layer .pop-container {padding: 0px;overflow-y: auto; } /*190920 변경*/
.qa-layer p.ctxt {color: #666;   line-height: 25px;}
.qa-layer .btn-r {  width: 100%;   margin: 10px 0 20px;   padding-top: 10px;  text-align: right; }
.qa-layer {  display: none;  position: relative;  top: 20%; width: 780px;  max-width:100%;  height: auto;  background-color: #fff;  z-index: 10; margin:0 auto !important;}
.sub-page .customer .consult .read-page.btn-example {border:1px solid #ccc; padding:5px;}
.sub-page .customer .consult .read-page.btn-example:hover {border:1px solid #ed5c23; color:#ed5c23; cursor:pointer;}


@media screen and (max-width: 1023px){
.sub-page.read-page .area-table .table ul.add-file li:nth-child(2n+1){width:12%;}
.sub-page.read-page .area-table .table ul.add-file li:nth-child(2n){position:relative; margin-top:0px; width:80%;}
}


/*자료실*/
.sub-page .data .top-image { background:url(../now_img/sub/service_visual_06.png) no-repeat top center; width:100%; height:250px; background-color:#f8f8f7;}
.sub-page.data .tab-list ul { left: 0; right: 0; }
.sub-page.data .tab-list li { width: 20%; }
.sub-page.tab-list .box .btn-prev, .sub-page.consult .tab-list .box .btn-next { display: none; }
.sub-page.data .list-page .area-table .table ul li:nth-child(1) { width: 5%; text-align:center !important; } /*190923 센터 정렬*/
.sub-page.data.list-page .area-table .table ul li:nth-child(2) { width: 55%; text-align:left !important;} /*190923 센터 정렬*/
.sub-page.data.list-page .area-table .table ul li:nth-child(3) {width:10%;}
.sub-page.data.list-page .area-table .table ul li:nth-child(4) { width:10%; text-align: center; }
.sub-page.data.list-page .area-table .table ul li:nth-child(5) { text-align:center; } /*190923 센터 정렬*/



@media screen and (max-width: 1023px){
	.sub-page.bug.list-page .area-table .table ul li:nth-child(1) {display:none;}
	.sub-page.bug.list-page .area-table .table ul li:nth-child(3) {position:absolute; right:0; width:80px; text-align:center; top:40%;}
	.sub-page.news .area-table .table ul li:nth-child(1){display:none;}
	.sub-page.news .area-table .table ul li:nth-child(2){text-align:left!important;}
	.sub-page.news .area-table .table ul li:nth-child(3){display:block; width:auto;  font-size:15px; padding-top:2px; line-height:22px;}
	.sub-page.news .area-table .table ul li:nth-child(4){position:absolute; top:33%; right:0;  transform:translateY(50%); white-space:nowrap; text-align:center; overflow:hidden; display:none;}
	.sub-page.news .area-table .table ul li:nth-child(5){text-align:left!important; font-size:13px; color:#888;}
	.sub-page.data.list-page .area-table .table ul li:nth-child(3){float:right; }
	.sub-page.data.list-page .area-table .table ul li:nth-child(5){text-align:left !important; }
	.sub-page.consult .top-image { background: url("../now_img/sub/service_visual_06.png") no-repeat center; background-size: cover; height:460px;}
	.sub-page.consult .tab-list ul {width:100%;}
	.sub-page.consult .tab-list li {width:40%;  padding: 0 0px; }
	.sub-page.consult dl.brd_visual {width:100%; clear:both; overflow:hidden; padding-bottom:40px;} /* 170602 추가 */
	.sub-page.consult dl.brd_visual dt {float:left; width:25%; text-align:center;} /* 170602 추가 */
	.sub-page.consult dl.brd_visual dt img {max-width:100%; height:auto; display:none;} /* 170602 추가 */
	.sub-page.consult dl.brd_visual dd {float:left; width:100%; font-size:15px; text-align:justify; line-height:23px;} /* 170602 추가 */



	.sub-page.consult.list-page .area-table .table ul li:nth-child(1) { display: none; }
	.sub-page.consult.list-page .area-table .table ul li:nth-child(2) { display: block; margin: 0 0 5px; width: auto; }
	.sub-page.consult.list-page .area-table .table ul li:nth-child(3) { float: left; width: auto; }
	.sub-page.consult.list-page .area-table .table ul li:nth-child(3) img { width: 10px; margin: 0px 4px 0 0; }
	.sub-page.consult.list-page .area-table .table ul li:nth-child(4) { display: block; width: auto; margin: 0 90px 0 0; font-size:15px; }
	.sub-page.consult.list-page .area-table .table ul li:nth-child(5) { position: absolute; top: 50%; right: 0; transform: translateY(-50%); width: 80px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 13px; padding: 0 5px; text-align: center; }
	.sub-page.consult.list-page .area-table .table ul li:nth-child(6) { display: block; width: auto; font-size: 13px; color: #888; padding: 5px 0 0 0; }

	.sub-page.consult.list-page .area-table .table ul.reply li:nth-child(2) { margin: 0 0 5px 30px; }
	.sub-page.consult.list-page .area-table .table ul.reply li:nth-child(3) { height: 11px; margin: 0 0 0 30px; }
	.sub-page.consult.list-page .area-table .table ul.reply li:nth-child(5) { margin: 5px 0 5px 30px; }
	.sub-page.consult.list-page .area-table .table ul.reply li:nth-child(6) { margin: 0 0 0 30px; }
	.sub-page.consult.list-page .area-table .table ul li .icon-reply { position: absolute; top: 11px; left: 10px; vertical-align: middle; width: 20px; height: 20px; background: url("https://www.nownsurvey.com/img/v2/sub/icon-reply.png") no-repeat left center; background-size: 15px auto; } /* 180927 rev */
	.sub-page.consult.list-page .area-table .table ul.reply li a { vertical-align: top }

	.sub-page.consult.write-page .area-table .area-textarea p { font-size: 14px; color: #777; font-weight:bold;}
	.sub-page.consult.write-page .area-table .area-textarea label {vertical-align: middle; font-size: 14px; color: #777; }
	.sub-page.consult.write-page .area-table .area-textarea input {vertical-align: middle; width: 15px; height: 15px; }

	.sub-page.consult.write-page .area-table .line1 .ctgy ul li {float:left; width:50%; height:22px;} /* 추가 (170526)*/
	.sub-page.consult.write-page .area-table .table .area-input input[type='text'].width-85 { width: 55px; text-indent: 5px; } /* 추가 (170526)*/
	.sub-page.consult.write-page .area-table input[type='text'].width-275 { width: 100%; text-indent: 5px; } /* 170602 추가 */
	.sub-page.consult.write-page .area-table .table .table-selectbox { position: relative; width: 65px; height: 33px; border: 1px solid #c7c7c7; } /* 추가 (170526)*/
	.sub-page.consult.write-page .area-table .table .table-selectbox:before { content: ''; position: absolute; top: 0; right: 0; width: 18px; height: 31px; background: url("https://www.nownsurvey.com/img/v2/sub/icon-selectbox.png") no-repeat center; border-left: 1px solid #c7c7c7; } /* 추가 (170526)*/
	.sub-page.consult.write-page .area-table .table .table-selectbox label { position: absolute; top: 0; left: 0; right: 0; z-index: -1; height: 33px; padding: 0 10px; font-size: 12px; color: #555; line-height: 33px; box-sizing: border-box; } /* 추가 (170526)*/
	.sub-page.consult.write-page .area-table .table .table-selectbox select { width: 100%; height: 33px; min-height: 33px; padding: 0 10px; font-size: 12px; color: #555; line-height: 33px; border: 0; -webkit-appearance: none; opacity: 0; box-sizing: border-box; } /* 추가 (170526)*/


	.sub-page.customer .tab-list-m,.sub-page.buy .tab-list-m {height:50px; font-size:0; position:relative;}
	.sub-page.customer .tab-list,.sub-page.buy .tab-list { display:none;}
	.sub-page.customer .tab-list-m,.sub-page.buy .tab-list-m { height: 50px; font-size: 0; position: relative;}
	.sub-page.customer .tab-list-m ul,.sub-page.buy .tab-list-m ul  {position: absolute; left:40px; right:40px; white-space: nowrap;  }
	.sub-page.customer .tab-list-m li,.sub-page.buy .tab-list-m li {width:50%; padding: 0 0px; display: inline-block; position: relative;}

	.sub-page.customer .tab-list-m li a,.sub-page.buy .tab-list-m li a { font-size: 15.5px; line-height: 50px; display: block; color: #555; letter-spacing: -1px; text-align: center; }
	.sub-page.customer .tab-list-m li a:hover,.sub-page.buy .tab-list-m li a:hover  {color: #ec5520;}
	.sub-page.customer .tab-list-m li.selected a,.sub-page.buy .tab-list-m li.selected a { color: #ed5c23; font-weight: 700; }
	.sub-page.customer .tab-list-m li.selected:after,.sub-page.buy .tab-list-m li.selected:after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 4px; background: #ed5c23; }
	.sub-page.customer .tab-list-m .box,.sub-page.buy .tab-list-m .box {  position: absolute; top: 0; left: 0; right: 0; border-bottom: 1px solid #dbdbdb; }
	.sub-page.customer .tab-list-m .box.fixed-menu:before,.sub-page.buy .tab-list-m .box.fixed-menu:before { content: ''; position: fixed; width: 100%; height: 50px; background: #fff; border-bottom: 1px solid #dbdbdb; }
	.sub-page.customer .tab-list-m .box.fixed-menu,.sub-page.buy .tab-list-m .box.fixed-menu { position: fixed; }
	.sub-page.customer .tab-list-m .box-inner,.sub-page.buy .tab-list-m .box-inner { position: relative; }
	.sub-page.customer .tab-list-m .box .btn-prev,.sub-page.buy .tab-list-m .box .btn-prev  { display:none;}
	.sub-page.customer .tab-list-m .box .btn-next,.sub-page.buy .tab-list-m .box .btn-next{ position: absolute; top: 0; right: 0; width: 40px; height: 50px; cursor: pointer;  background: url("/now/now_img/sub/icon-arrow-next.png") no-repeat center;}

	.sub-page.data.list-page .area-table .table ul li:nth-child(1) { width: 60px; text-align:left; display:none;}
	.sub-page.data.list-page .area-table .table ul li:nth-child(2) { text-align:left; font-size:15px; width:100%; font-size:15px; margin-right:80px; line-height:22px;}
	.sub-page.data.list-page .area-table .table ul li:nth-child(3) { width: 80px; text-align:center; transform: translateY(-50%); white-space: nowrap; top: 50%; position: absolute; right: 0; font-size:13px;}
	.sub-page.data.list-page .area-table .table ul li:nth-child(4) { width: 120px; text-align: left; font-size:13px; color:#888;}
	.sub-page.data.list-page .area-table .table ul li:nth-child(5) { width: 130px; text-align:center; display:none;}
	.sub-page.data.list-page .area-table .table ul li:nth-child(6) { width: 130px; text-align:left !important; }

	.sub-page.read-page .area-table .table ul li:nth-child(2n+1) {text-align: right; width: 12%; }
	.sub-page.bug.list-page .area-table .table ul li:nth-child(2){margin-right:80px; width:auto;}


}

@media screen and (max-width: 767px){
.sub-page.bug.list-page .area-table .table ul li:nth-child(3) {float:right !important; text-align:right; }
.sub-page.consult .top-image { background: url("../now_img/sub/service_visual_06.png") no-repeat center; background-size: cover; height:auto; }
.sub-page.consult .tab-list ul {width:100%;}
.sub-page.consult .tab-list li {width:40%;  padding: 0 0px; }
.sub-page.read-page .area-table .line1 {width:100%;}
.sub-page.read-page .area-table .line1 p:nth-child(1) {text-align: right; width: 25% !important;}
.sub-page.read-page .area-table .line1 p:nth-child(2) {width: 75% !important;}
.sub-page.read-page .area-table .table ul li:nth-child(2n)  {width: 75% !important; }
.sub-page.write-page .area-table .line1 > div:nth-child(1) {width: 25% !important;}
.sub-page.write-page .area-table .line1 > div:nth-child(2) {width: 75% !important;}
.sub-page.write-page .area-table .table ul li:nth-child(2n+1) {width: 25% !important;}
.sub-page.write-page .area-table .table ul li:nth-child(2n){width: 75% !important; }
.sub-page.read-page .area-table .table ul li:nth-child(2n+1) {width: 25% !important;}
/* .sub-page .list .sns-area ul li:nth-last-child(2){display: none;}
.sub-page .list .sns-area ul li:last-child{display: none;} */
}


@media all and (max-width:767px) {
	.sub-page.consult .top-image { height:250px;}
	.sub-page.write-page .area-table .area-btns {margin-bottom:30px; padding-top:20px;}
}


/*FAQ*/
.sub-page.faq.top-image { background:url(../now_img/sub/service_visual_06.png) no-repeat top center; width:100%; height:250px; background-color:#f8f8f7;}
.sub-page.faq.list-page .area-table .table ul li:nth-child(1) { width: 10%;  text-align: center !important;}/*190923 수정*/
.sub-page.faq.list-page .area-table .table ul li:nth-child(2) { width: 90%; text-align: left !important; box-sizing: border-box; padding: 0 0 0 30px; background: url("/now/now_img/sub/icon-question.png") no-repeat 0 center; }/*190923 수정*/
.sub-page.faq.list-page .area-table .table ul.title li:nth-child(2) { background: none; }/*190923 수정*/

.sub-page.faq.list-page .area-banner { margin: 100px 0; }
.sub-page.faq.list-page .area-banner > div { box-sizing: border-box; float: left; width: 50%; }
.sub-page.faq.list-page .area-banner > div .inner-box { padding: 25px 25px 25px 90px; position: relative; }
.sub-page.faq.list-page .area-banner > div .inner-box:after { content: ''; position: absolute; top: 50%; left: 35px; transform: translateY(-50%); width: 33px; height: 33px; }
.sub-page.faq.list-page .area-banner .ban01 { padding: 0 16px 0 0; }
.sub-page.faq.list-page .area-banner .ban02 { padding: 0 0 0 16px; }
.sub-page.faq.list-page .area-banner .ban01 .inner-box { background: #ef6c39; }
.sub-page.faq.list-page .area-banner .ban01 .inner-box:after { background: url("/now/now_img/sub/icon-consult.png") no-repeat center; }
.sub-page.faq.list-page .area-banner .ban02 .inner-box { background: #1d2338; }
.sub-page.faq.list-page .area-banner .ban02 .inner-box:after { background: url("/now/now_img/sub/icon-call.png") no-repeat center; }
.sub-page.faq.list-page .area-banner > div h3 { font-size: 25px; color: #fff; margin: 0 0 10px; }
.sub-page.faq.list-page .area-banner > div span { font-size: 15px; color: #fff; }

/* mobile */
@media screen and (max-width: 1023px) {

	.faq.list-page .area-table .table ul li:nth-child(1) { display: none; }
	.sub-page.faq.list-page .area-table .table ul li:nth-child(2) { display: block; margin: 0 0 5px; width: auto; }
	.sub-page.faq.list-page .area-table .table ul li:nth-child(3) { display: block; width: auto; }
	.sub-page.faq.list-page .area-table .table ul li:nth-child(3) { padding: 0; background: none; }

	.sub-page.faq.list-page .area-banner { margin: 30px -10px 0; }
	.sub-page.faq.list-page .area-banner > div { float: none; width: 100%; }
	.sub-page.faq.list-page .area-banner > div .inner-box { padding: 25px 0 25px 80px; }
	.sub-page.faq.list-page .area-banner > div .inner-box:after { left: 25px; }
	.sub-page.faq.list-page .area-banner .ban01 { padding: 0; }
	.sub-page.faq.list-page .area-banner .ban02 { padding: 0; }
	.sub-page.faq.list-page .area-banner > div h3 { font-size: 17px; margin: 0 0 5px; }
	.sub-page.faq.list-page .area-banner > div span { font-size: 14px; display: block; }
}

/*--------------------------------------------------------구매하기시작*/

/*정액제 소개페이지*/
.title-sub > span.special_discount {font-size:18px; font-weight:bold; margin-left:15px;}
.title-sub > span.special_discount b{background:#ed5c23; font-size:22px; color:#fff;}
.sub-page.buy .top-image   { background:url(../now_img/sub/service_visual_04.png) no-repeat top center; width:100%; height:250px; background-color:#f8f8f7;}
.sub-page.buy .tab-list ul { left: 0; right: 0; }
.sub-page.buy .tab-list li { width: 25%; }
.sub-page .buy-in .step-img {margin:0 auto; text-align:center; width:100%;}
.sub-page .buy-in .service{margin-top:10px; overflow:hidden; width:100%;}
.sub-page .buy-in .service .slt2{width:1200px; margin:0 auto; overflow:hidden; padding:50px 0;}
.sub-page .buy-in .service .slt2 p {float:left; width:35%; padding-right:40px;}
.sub-page .buy-in .service .slt2 img {width:100%;}
.sub-page .buy-in .service .slt2 .box {float:left; box-sizing:border-box; width:65%; display:block;}
.sub-page .buy-in .service .slt2 .box .tit1{font-size:22px; line-height:24px; letter-spacing:-2px; margin-bottom:7px;}
.sub-page .buy-in .service .slt2 .box .tit2{font-size:38px; line-height:38px; font-weight:bold; letter-spacing:-3px;padding-bottom:15px;}
.sub-page .buy-in .service .slt2 .box .line{border-top:1px solid #ccc; width:100%;}
.sub-page .buy-in .service .slt2 .box .txt {font-size:17px; color:#555; letter-spacing:-1px; line-height:40px;}
.sub-page .buy-in .service .slt2 .box ul{width:50%; padding: 5px 0 15px;}
.sub-page .buy-in .service .slt2 .box ul.p100{width:100%;}
.sub-page .buy-in .service .slt2 .box ul li{font-size:15px; line-height:25px;}
.sub-page .buy-in .service .slt2 .box ul li span{display:block; font-size:13px; line-height:18px;}
.sub-page .buy-in .service .slt2 .box ul.webinar{width:100%;}
.sub-page .buy-in .service .slt2 .box .gry_btn5 a{display:inline-block; width:100px; height:35px; background-color:#777; font-size:14px; line-height:35px; text-align:center; color:#fff; }
.sub-page .buy-in .service .slt2 .box .gry_btn5 a:hover {filter: alpha(opacity=80); -moz-opacity: 0.8;  khtml-opacity: 0.8; opacity:0.8;}
.sub-page .buy-in .service .slt2 .box .org_btn4 a{display:inline-block; width:100px; height:35px; background-color:#ed5c23; font-size:14px; line-height:35px; text-align:center; color:#fff; }

.sub-page .buy-in .service .slt2 .box .table_wrap dl{display: flex; margin-top:30px;}
.sub-page .buy-in .service .slt2 .box .table_wrap dl dt{width:100px; padding:3px 0; background:#ed5c23; text-align:center; font-size:16px; color:#fff;}
.sub-page .buy-in .service .slt2 .box .table_wrap dl dd{padding:3px 10px; font-size:14px; font-weight: 600;}
.sub-page .buy-in .service .slt2 .box .table_wrap img{max-width:570px; margin-top:20px;}

.sub-page .buy-in table {width:100%; border:0; border-spacing:0; color:#999; border-top:2px solid #777;}
.sub-page .buy-in table th {background-color:#fff; height:50px; text-align:center; font-size:15px; color:#555; font-weight:#555; border-bottom:1px solid #c2c2c2; border-left:1px solid #c2c2c2;}
.sub-page .buy-in table th:first-child{border-left:0;}
.sub-page .buy-in table td {padding:10px; font-size:15px;}
.sub-page .buy-in table td:first-child{border-left:0;}
.sub-page .buy-in .srvslt{width:100%; overflow:hidden;}
.sub-page .buy-in .srvslt span{font-size:12px; color:#555; margin-right:5px;}
.sub-page .buy-in table .i_200{width:200px;}
.sub-page .buy-in table .txt2 {font-size:12px; color:#555; padding-top:5px; text-align:center; line-height:17px;}
.sub-page .buy-in table td .period {display:inline-block; margin:0 auto;}
.sub-page .buy-in table td .period ul{text-align:center;}
.sub-page .buy-in table td .period ul li {margin-bottom:0px; text-align:left; margin:0 auto; display:inline-block;}
.sub-page .buy-in table .year1{display:inline-block; color:#ed5b23; font-weight:bold; padding-right:7px; border-right:1px solid #c2c2c2; line-height:15px; width:93px;}
.sub-page .buy-in table .year2{display:inline-block; color:#555; font-size:16px; font-weight:bold; padding-left:5px; text-align:left;}
.sub-page .buy-in table .year2:nth-child(2){margin-right:9px;}
.sub-page .buy-in table .year3{display:inline-block; color:#555; font-size:13px; margin-top:-4px;  }
.sub-page .buy-in table ul.pay{overflow:hidden; width:100%; padding: 0 20px; }
.sub-page .buy-in table ul.pay li {line-height:22px; color:#777; font-weight:bold; margin:2px 0 6px 0;}
.sub-page .buy-in table ul.pay li span{font-weight:normal; display:inline-block; float:right;}
.sub-page .buy-in table ul.pay li span#lbl_price_tot1{position:relative;}
.sub-page .buy-in table ul.pay li span#lbl_price_tot1:after{content: ''; display: block; position: absolute; top: 50%; left:50%; transform: translateY(-50%) translateX(-50%); width: 130%; height: 1px; background: #f00;}
.sub-page .buy-in table ul.pay li span#lbl_price_tot1:before{content: ''; display: block; position: absolute; bottom: 6px; right:-12%; transform:rotate(60deg); width: 15px; height: 15px; border-right:1px solid #f00;}
.sub-page .buy-in table ul.pay li span b{font-weight:800;}
.sub-page .buy-in table ul.pay li.txt_org{color:#ed5b23;  font-size:15px;}
.sub-page .buy-in table ul.pay li.txt_blk{color:#333;}
.sub-page .buy-in table ul.pay li.line{border-top:1px solid #ccc;}

.sub-page .buy-in .agree{padding:15px 20px; overflow:hidden; border-top:1px solid #c2c2c2; width:100%;}
.sub-page .buy-in .agree .txt{font-size:12px; display:block; line-height:18px;}
.sub-page .buy-in .agree .btn{float:right; margin-top:10px;}
.sub-page .buy-in .gry_btn a{display:inline-block; width:55px; padding:5px 0px; background-color:#777; color:#fff; font-size:11px; line-height:17px; text-align:center;}
.sub-page .buy-in .agree .check{text-align:left; padding-top:10px; font-size:14px;}
.sub-page .buy-in .now-svy{margin:0 auto; margin-top:5px;}
.sub-page .buy-in .now-svy .tit-table {margin-top:20px; font-size:15px; line-height:30px;}
.sub-page .buy-in .now-svy .tit {font-size:17px; color:#ed5b23; font-weight:bold; line-height:40px; margin-top:25px;}
.sub-page .buy-in .now-svy .txt{font-size:15px; line-height:22px; margin-bottom:15px;}
.sub-page .buy-in .now-svy .txt span{color:#ed5b23; font-weight:bold;}
.sub-page .buy-in .now-svy .svy_tit {margin-top:25px; color:#ed5b23; font-weight:bold;  font-size:17px; line-height:40px;}
.sub-page .buy-in .now-svy table{text-align:center;}
.sub-page .buy-in .now-svy table th {background-color:#fff; height:50px; text-align:center; font-size:15px; color:#555; font-weight:bold; border-bottom:1px solid #c2c2c2; border-left:1px solid #c2c2c2;}
.sub-page .buy-in .now-svy table th:first-child {border-left:0;}
.sub-page .buy-in .now-svy table td {background-color:#fff; height:20px; text-align:center; font-size:15px; color:#777; border-bottom:1px solid #c2c2c2; border-left:1px solid #c2c2c2;}
.sub-page .buy-in .now-svy table td:first-child {border-left:0;}
.sub-page .buy-in .now-svy table span{font-size:15px; color:#777; font-weight:300;}
.sub-page .buy-in .now-svy table small{color:#777; font-weight:300;}
.sub-page .buy-in .now-svy table .txt_org{font-size:19px; font-weight:bold; color:#ed5b23;}
.sub-page .buy-in .now-svy .svy-notice {font-size:12px; display:block; margin-top:10px; line-height:18px;}
.sub-page .buy-in .now-svy .check {text-align:left; padding-top:10px;}
.sub-page .buy-in .now-svy .btn {float:right; margin-top:-50px;}
.sub-page .buy-in .now-svy .svy_sum table td{border:0px solid #ccc; padding-top:46px;}
.sub-page .buy-in .now-svy .svy_sum table td span{float:right; font-weight:bold; font-size:36px; display:inline; margin-top:-10px;}
.sub-page .buy-in .use {width:170px; height:26px; font-size:13px; border: 1px solid #ed5b23; color: #ed5b23;text-align: center;line-height: 26px;}
.notice-buy{text-align:center;font-size:16px; vertical-align:middle; padding:100px 0px;}
/**정액제 소개페이지 끝**/




/*정액제 특별할인 시작*/
.sub-page .buy-in .event-date {float:right; margin-top:-25px;}
.sub-page .buy-in table.specia-price  {width:100%; border:0; border-spacing:0; color:#999; border-top:2px solid #777;}
.sub-page .buy-in table.special-price td { line-height: 29px;}
.sub-page .buy-in table.special-price td .people{ line-height: 31px; margin: 0 auto; display: table; color:#555;}
.sub-page .buy-in table.special-price td:nth-child(2){ text-align:left; padding:0 80px;}
.sub-page .buy-in table.special-price td:nth-child(3){ text-align:left;padding:0 80px;}
/*정액제 미리보기 팝업*/

/* 마이페이지 */
.sub-page.mypage .top-image {
    background: url(/now/now_img/sub/service_visual_xr_bg.png.png) no-repeat top center;
    width: 100%;
    height: 250px;
    background-color: #f8f8f7;
}

.sub-page.mypage .top-image .clear {
	width: 1200px;
	margin: 0 auto;
}

.sub-page.mypage .top-image .clear  .txt .tit {
	text-align: left;
	text-shadow: 2px 2px 4px rgba(32, 72, 86, 0.35);
}

.sub-page.mypage .top-image .clear  .txt .tag {
	text-align: left;
}

.sub-page.mypage .top-image .clear  .txt .tag li {
	font-size: 14px;
    padding: 12px 10px;
    border: 1px solid #fff;
    background-color: rgb(255, 2555, 255, 0.5);
    display: inline;
    color: #333;
    border-radius: 50px;
}





@media all and (max-width:1023px) {
.sub-page .buy-in .service .slt2 .box{width:100%;}
.sub-page.buy .top-image   {background:url(../now_img/sub/service_visual_04.png) no-repeat top center; width:100%;  background-color:#f8f8f7; background-size:cover;}
.sub-page .buy-in .service .slt2 {padding:30px 0px;}
.sub-page .buy-in .service .slt2 p {width:450px; padding-right:0px; display:block; margin:0 auto; max-width:100%;}
.sub-page .buy-in .service .slt2 .box .tit1 {margin-top:20px;}

}


/*멀티 플랫폼 서비스 */
.sub-page .slt2 .info .special-txt, .sub-page .buy-in .special-txt {margin-top:30px; font-size:16px; line-height:23px; overflow:hidden; width:100%;}
.sub-page .slt2 .info .special-txt  h5, .sub-page .buy-in .special-txt h5 {font-size:22px; margin-bottom:10px;}
.sub-page .slt2 .info .special-txt .multi-platform {margin-bottom:30px;}
.sub-page .slt2 .info .special-txt .multi-platform dl dt,.sub-page .buy-in .special-txt .multi-platform dl dt{font-weight:bold; margin-top:35px; margin-bottom:10px; font-size:18px;}
.sub-page .slt2 .info .special-txt .multi-platform dl dd,.sub-page .buy-in .special-txt .multi-platform dl dd{display:inline-block; line-height:24px;}
.sub-page .slt2 .info .special-txt .multi-platform dl dd:before, .sub-page .buy-in .special-txt .multi-platform dl dd:before{content:"|"; color:#eb5c23; font-weight:bold; padding:0px 6px;}
.sub-page .slt2 .info .special-txt .multi-platform dl dd.nownnow:before,.sub-page .buy-in .special-txt .multi-platform dl dd.nownnow:before{content:""; padding:0px;}
.sub-page .slt2 .info .special-txt .multi-platform span,.sub-page .buy-in .special-txt .multi-platform span{font-size:13px;}
.sub-page .slt2 .info .special-txt {background:#f4f4f4; padding:20px; margin-top:30px; float:left; overflow:hidden;}
.sub-page .slt2 .info .special-txt .multi-platform{margin-bottom:5px;}



@media all and (max-width:767px){
.sub-page .slt2 .info .special-txt {padding:20px; margin-top:10px; border-top:1px solid #ccc; color:#777;}
.sub-page .slt2 .info .special-txt h5, .sub-page .buy-in .special-txt h5{color:#555; font-size:17px;}
.sub-page .slt2 .info .special-txt .multi-platform dl dd:before{content:""; color:#eb5c23; font-weight:bold; padding:0px;}

}


/*정액제 결제페이지*/
.sub-page .buy-in2 table{width:100%; border:0; border-spacing:0; color:#999; border-top:2px solid #777; margin-top:50px;}
.sub-page .buy-in2 table td {border:0; border-bottom:1px solid #ccc; height:50px; padding-left:20px; font-size:14px;}
.sub-page .buy-in2 table td.tit{height:50px; font-size:20px; font-weight:bold; color:#555;}
.sub-page .buy-in2 table th{background:#f6f5f5; height:50px; font-size:14px; color:#555; font-weight:bold; border-bottom:1px solid #c2c2c2; text-align:left; padding-left:20px;}
.sub-page .buy-in2 input{height:26px;}
.sub-page .buy-in2 .i_150{width:150px;}
.sub-page .buy-in2 table td span.amount{font-size:15px; font-weight:bold; color:#ed5b23;}
.sub-page .buy-in2 .btnarea {border-top:0px solid #ccc;}
/**정액제 결제페이지 끝**/



/*장비*/
.sub-page .product .shop_step {width:100%; height:50px;}
.sub-page .product .shop_step ul{width:100%; display: flex; gap: 12px;}
.sub-page .product .shop_step ul li{width:19.5%; text-align:center; list-style:none; border:1px solid #ccc; height:50px; display:inline-block; font-size:17px; padding-top:9px; letter-spacing:-2px; position:relative;  line-height: 28px;}
.sub-page .product .shop_step li:hover{border:1px solid #ed5b23;}
.sub-page .product .shop_step a {display:block; color:#555;}
.sub-page .product .shop_step li a:hover {color:#ed5b23;}
.sub-page .product .shop_step ul li.select{border:1px solid #ed5b23;}
.sub-page .product .shop_step ul li.select a{ color:#ed5b23;}


.sub-page .product .metting-room .subtit2{font-size:22px; font-weight:bold; color:#555; text-align:left;letter-spacing:-3px; padding:15px 0; border-bottom:2px solid #c2c2c2; display:block; margin-bottom:10px;}
.sub-page .product .metting-room .prt{overflow:hidden; padding:20px 0; border-bottom:1px solid #ddd; width:100%;}
.sub-page .product .metting-room .prt_img{float:left; width:278px; height:178px; position:relative; overflow:hidden; border:1px solid #ddd; margin-right:20px;}
.sub-page .product .metting-room .prt_img:hover .view {bottom:0; cursor: pointer;}
.sub-page .product .metting-room .prt_img:hover {border:1px solid #ed5b23;}
.sub-page .product .metting-room .prt_img .view{position:absolute; left:0; right:0; bottom:-178px; height:178px; transition:top 0.1s linear; text-align:center; line-height:178px;}
.sub-page .product .metting-room .prt_img .view img{position:absolute; top:135px; right:20px;}
.sub-page .product .metting-room .prt_img .view .btn{display:inline-block; width:278px; height:178px;}
.sub-page .product .metting-room .prt_txt ul{float:left; width:400px; margin-right:19px;}
.sub-page .product .metting-room .prt_txt ul li.txt1{font-size:23px; color:#555; line-height:40px;}
.sub-page .product .metting-room .prt_txt ul li.txt2{font-size:18px; color:#777; padding-bottom:20px; border-bottom:1px solid #ddd;}
.sub-page .product .metting-room .prt_txt ul li.txt3{font-size:14px; color:#777; line-height:22px; overflow:hidden; margin-top:20px;}

.sub-page .product .metting-room .shop_video video{display:block; margin:20px 0; width:100%; max-width:1195px;}

.sub-page .prt_num{float:left; width:236px; height:180px; background-color:#f4f4f4; padding-top:60px; margin-right:1px;}
.sub-page .num{font-size:16px; color:#777; text-align:center;}
.sub-page .check{text-align:center; padding-top:10px; border:0px solid red;}
.sub-page .check .edit{display:inline-block; width:50px; height:28px; color:#666; font-size:15px; letter-spacing:-1px; text-indent:0px; vertical-align:top; text-align:center; background-color:#fff;}
.sub-page .check .edit1{display:inline-block; width:50px; height:28px; color:#666; font-size:15px; letter-spacing:-1px; text-indent:0px;  vertical-align:top; text-align:center; background-color:#fff; }
.sub-page .check .edit.soldout {background-color:#ddd;}
.sub-page .check .minus a{display:inline-block; width:32px; height:26px; line-height:29px; background-color:#fff; text-align:center;   border-left: 1px solid #c2c2c2;     border-top: 1px solid #c2c2c2;     border-bottom: 1px solid #c2c2c2; }
.sub-page .check .minus.soldout a {background-color:#ddd;}
.sub-page .check .minus img{margin-top:-5px;}
.sub-page .check .plus a{display:inline-block; width:32px; height:26px; line-height:29px; background-color:#fff; text-align:center;  border-right: 1px solid #c2c2c2;     border-top: 1px solid #c2c2c2;     border-bottom: 1px solid #c2c2c2; }
.sub-page .check .plus img{margin-top:-8px;}
.sub-page .check .plus.soldout a {background-color:#ddd;}
.sub-page .shop table td.prt_img2 {text-align:left;}
.sub-page .shop table td.prt_img2 img {width:82px; height:53px; border:1px solid #ddd; margin-right:10px;}
.sub-page .shop table td {padding:20px; font-size:17px;}
.sub-page .shop table td  .table-selectbox{ position: relative; width: 85px; height: 35px;  display: inline-block; border:1px solid #ccc;} /*1809 rev*/
.sub-page .shop table td  .table-selectbox select { width: 100%; height: 35px; min-height: 35px; padding: 0 10px; font-size: 15px; color: #555; line-height: 33px; border: 0; -webkit-appearance: none; opacity: 0; box-sizing: border-box; }
.sub-page .shop table td  .table-selectbox:before{ content: ''; position: absolute; top: 0; right: 0; width: 36px; height: 33px; background: url("https://www.nownsurvey.com/img/v2/sub/icon-selectbox.png") no-repeat center; border-left: 1px solid #c7c7c7; }
.sub-page .shop table td .table-selectbox label { position: absolute; top: 0; left: 0; right: 0; z-index: -1; height: 33px; padding: 0 10px; font-size: 15px; color: #555; line-height: 33px; box-sizing: border-box; }
.sub-page .prt_price{float:left; width:240px; height:180px; background-color:#ebebeb; padding-top:60px;}
.sub-page .prt_price .tit{font-size:16px; color:#777; text-align:center;}
.sub-page .prt_price .won{text-align:center; padding-top:10px; color:#ed5b23; font-size:21px;}
.sub-page .shop .subtit {margin-top:30px; margin-bottom:10px;}
.sub-page .shop .subtit .tit{font-size:18px; letter-spacing:-1px;}
.sub-page .shop .pay_opt {    border-top: 2px solid #777; border-bottom: 1px solid #777; height: 80px; text-align: center; line-height: 80px;}
.gry_btn6{ background-color:#354152; width:55px; height:28px; display:inline-block; font-size:13px; color:#fff; line-height:25px;}
.sub-page .product .metting-room {margin-top:20px;}
.sub-page .product .metting-room .basket {background:#ebebeb; border:1px solid #dfdcdc; height:100px; padding:22px; margin-top:30px; text-align:right; vertical-align:top; width:100%;}
.sub-page .product .metting-room .basket .sum1 {display:inline-block; color:#575555;   font-size:20px; height:45px; line-height:45px;}
.sub-page .product .metting-room .basket .sum2 {display:inline-block; color:#ed5b23; font-size:22px; letter-spacing:-1.5px; height:45px; line-height:45px; padding:0 10px;}
.sub-page .product .metting-room .basket .btn a {display:inline-block; width:140px; height:45px; color:#fff; background:#ed5b23; font-size:16px; letter-spacing:-1.5px; text-align:center; line-height:45px; font-weight:bold;}
.sub-page .product .metting-room .basket .btn a:hover {filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8;}

/*장비 일시품절 overlay */
.sub-page .product .metting-room .prt_img .soldout{width:276px; height:176px; position:absolute; margin:0 auto; text-align:center; background:url(../now_img/sub/prt_diagonalline.png); background-size:100% 100%; line-height:169px; font-size:18px; color:#fff; }


/*장비-견적문의 테이블*/

.sub-page .shop table {width:100%; border:0; border-spacing:0; color:#999; border-top:2px solid #c2c2c2;}
.sub-page .shop table.line {border-top:0px solid #777;}
.sub-page .shop table th {background-color:#f6f5f5; height:50px; font-size:14px; color:#555; font-weight:bold; border-bottom:1px solid #c2c2c2; text-align:center;}
.sub-page .shop table th.style1 {background-color:#f6f5f5; height:50px; font-size:15px; color:#555; font-weight:bold; border-bottom:1px solid #c2c2c2; text-align:left; padding-left:20px; text-align:left;}
.sub-page .shop table td {border-bottom:1px solid #ccc; height:50px; text-align:center; border-right:0px solid red;}
.sub-page .shop table td.style2 {border-bottom:1px solid #ccc; padding-left:20px; text-align:left; width:50%; font-size:14px;}
.sub-page .shop table td p {font-size:13px; line-height:17px; padding-bottom:10px;}
.sub-page .shop textarea {width:100%; height:150px; margin:10px 0;}
.sub-page .shop .agr {overflow:hidden; padding:15px 0 0 0;}
.sub-page .shop .agr .tit {font-size:16px; color:#555; font-weight:bold;}
.sub-page .shop .agr .scrollbox3 {height:150px; overflow-y:auto; border:1px solid #c2c2c2; padding:15px; margin:10px 0; color:#000; font-size:14px; line-height:24px;}
.sub-page .shop .agr .scrollbox3 dl dt {font-weight:bold;}
.sub-page .shop .agr .scrollbox3 dl dd {padding-bottom:10px;}
.sub-page .product .shop .pay_opt {border-top:2px solid #777; border-bottom:1px solid #777; height:80px; text-align:center; line-height:80px;}
.sub-page .product .shop .pay_opt p {font-size:16px;}
.sub-page .product .shop dl.buy_cmpt {border-top:2px solid #777; border-bottom:2px solid #777;  text-align:center; padding:20px 0;}
.sub-page .product .shop dl.buy_cmpt dt {font-size:30px; color:#ed5b23; letter-spacing:-2px;}
.sub-page .product .shop dl.buy_cmpt dd {font-size:16px; color:#777; padding:10px 0 10px 0;}
.sub-page .product  .shop .subtit{ margin-top:40px;}
.sub-page .product .shop .subtit .txt {float:right; font-size:13px; color:#777; margin-bottom:15px;}
.sub-page .shop span.sign {color:#ed5b23; padding-right:5px; font-size:15px; display:inline-block; vertical-align:middle;}

/*장비-구매하기*/
.sub-page .shop table.cart{width:100%; margin-top:50px;}
.sub-page .shop .total-m {background:#f4f4f4; height:100px; border-bottom:1px solid #c2c2c2; border-top:1px solid #c2c2c2;}
.sub-page .shop  .total-m ul {padding-top:23px; height:60px; line-height:60px; margin-left:70px; display:table;}
.sub-page .shop  .total-m ul li {float:left;  width:160px; text-align:center; border:0px solid red;}
.sub-page .shop  .total-m ul li dl {height:60px; line-height:40px;}
.sub-page .shop  .total-m ul li dl dt {height:20px; line-height:20px;}
.sub-page .shop  .total-m ul li dl dt.total-pay-txt {display:flex;}
.sub-page .shop  .total-m ul li dl dd {height:40px; line-height:30px; font-size:18px; color:#333; font-weight:bold;}
.sub-page .shop  .total-m ul li dl dd.pay { color:#ed5b23; position:absolute;}
.sub-page .shop .pay_opt {padding-bottom:10px;}
.sub-page .shop .buy_cmpt {margin-top:10px;}
.sub-page .shop .buy_cmpt .gry_btn8{margin-top:10px;}
.sub-page .shop dl.buy_cmpt {border-top: 2px solid #777; border-bottom: 2px solid #777; text-align: center;  padding: 20px 0; margin-top:50px;}
.sub-page .shop dl.buy_cmpt dt {font-size:30px; color:#ed5b23; letter-spacing:-2px;}
.sub-page .shop dl.buy_cmpt dd {font-size:16px; color:#777; padding:10px 0px;}

/*웨비나*/
.sub-page .buy-in .webinar_step {width:100%; height:50px;}
.sub-page .buy-in .webinar_step ul{display:flex; width:100%; justify-content: space-between;}
.sub-page .buy-in .webinar_step ul li{width:32.5%; text-align:center; list-style:none; border:1px solid #ccc; height:50px; font-size:17px; padding-top:13px; letter-spacing:-1px; position:relative;}
.sub-page .buy-in .webinar_step li:hover{border:1px solid #ed5b23;}
.sub-page .buy-in .webinar_step a {display:block; color:#555;}
.sub-page .buy-in .webinar_step li a:hover {color:#ed5b23;}
.sub-page .buy-in .webinar_step ul li.select{border:1px solid #ed5b23;}
.sub-page .buy-in .webinar_step ul li.select a{ color:#ed5b23;}
.sub-page .buy-in .shop .edge {line-height:30px; margin-top:50px;}
.sub-page .buy-in .shop .edge .cnt_icn {padding-top:15px;color:#777777;line-height: 25px;font-size:15px;border-top:1px solid #CCCCCC;margin-top:20px; display:inline-block; padding-bottom:20px; width:100%;}
.sub-page .buy-in .shop .edge .cnt_icn .webinar-text{width:25%; box-sizing: border-box; font-size:15px;}
.sub-page .buy-in .webinar_wrap {overflow:hidden; width:1200px; height:482px; margin:0 auto; position: relative; margin-top:20px;}
.sub-page .buy-in .webinar_wrap .frame {overflow: hidden; position:relative; margin-top:20px;}
.sub-page .buy-in .webinar_wrap .frame ul {list-style: none; margin: 0; padding: 0; position:absolute; }
.sub-page .buy-in .webinar_wrap .frame ul li {float: left;margin: 0 1px 0 0;padding: 0;text-align: center;}
.sub-page .buy-in .webinar_wrap .pages {list-style: none; text-align: center; position:absolute; top:363px; left:46.5%;}
.sub-page .buy-in .webinar_wrap .pages li {display: inline-block; width:13px; height:13px; margin: 0 4px; border-radius: 10px; background: #fff; border:1px solid #ed5b23; cursor: pointer; overflow: hidden;  }
.sub-page .buy-in .webinar_wrap .pages li:hover {background: #ed5b23;}
.sub-page .buy-in .webinar_wrap .pages li.active {background: #ed5b23;}
.sub-page .buy-in .webinar_wrap .bnr01,.bnr02,.bnr03 {width: 1200px;height:462px;}
.sub-page .buy-in .webinar-img {width:100%; float:left; overflow:hidden; margin-bottom:70px;}
.sub-page .buy-in .webinar-img ul{float:left; width:50%;}
.sub-page .buy-in .webinar-img ul::after{content:''; display:block; clear:both;}
.sub-page .buy-in .webinar-img ul li{float:left; padding:0 2px; width:50%;}
.sub-page .buy-in .webinar-img ul li img{max-width:100%;}
.sub-page .buy-in .webinar-img .tit{font-size:20px; color:#eb5c23; font-weight:bold; padding-top:10px;}
.sub-page .buy-in .webinar-img .txt{font-size:15px; padding-top:5px; color:#777;}
.sub-page .buy-in .webinar-img .txt ul {padding-top:10px; width:100%;}
.sub-page .buy-in .webinar-img .txt ul li{width:100%; line-height:25px; padding:0;}
.sub-page .buy-in .webinar-img .txt li:before{ content: '·'; padding-right:5px;}

.sub-page .buy-in .xr-img ul{display:flex; flex-wrap:wrap; justify-content:space-between; margin-top:-15px;}
.sub-page .buy-in .xr-img ul li{width:19.5%;}
.sub-page .buy-in .xr-img ul li .txt{padding:15px 0; line-height:1.4; text-align:center; font-size:15px; color:#777;}
.sub-page .buy-in .xr-img ul li img{width: 100%;}

/* 웨비나 포트폴리오 - 모달설정 */
.fade{
	opacity: 0;
	-webkit-transition: opacity .15s linear;
	-o-transition: opacity .15s linear;
	transition: opacity .15s linear;
}
.fade.in {opacity: 1;}
.modal-backdrop {position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 10000; background-color: #000;}
.modal-backdrop.fade {filter: alpha(opacity=0); opacity: 0;}
.modal-backdrop.in {filter: alpha(opacity=50); opacity: .5;}
.modal.modal-video{display: none; position: fixed; top: 0; right: 0; bottom: 0; left: 0; outline: 0; z-index: 10001; overflow: hidden; -webkit-overflow-scrolling: touch;}
.modal.modal-video *{
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.modal-open {overflow: hidden;}
.modal-open .modal.modal-video {overflow-x: hidden; overflow-y: auto;}
.modal.modal-video .modal-dialog {position: relative; width: auto; margin: 10px;}
.modal.modal-video.fade .modal-dialog {
    -webkit-transform: translate(0,-25%);
    -ms-transform: translate(0,-25%);
    -o-transform: translate(0,-25%);
    transform: translate(0,-25%);
    -webkit-transition: -webkit-transform .3s ease-out;
    -o-transition: -o-transform .3s ease-out;
    transition: -webkit-transform .3s ease-out;
    transition: transform .3s ease-out;
    transition: transform .3s ease-out,-webkit-transform .3s ease-out,-o-transform .3s ease-out;
}
.modal.modal-video.in .modal-dialog {
    -webkit-transform: translate(0,0);
    -ms-transform: translate(0,0);
    -o-transform: translate(0,0);
    transform: translate(0,0);
}
.modal.modal-video .modal-content {
    position: relative;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #999;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 6px;
    -webkit-box-shadow: 0 3px 9px rgb(0 0 0 / 50%);
    box-shadow: 0 3px 9px rgb(0 0 0 / 50%);
    outline: 0;
}
.modal.modal-video .modal-body{position: relative; padding: 15px;}
.modal.modal-video .modal-header{padding: 10px 15px; border-bottom: 1px solid #e5e5e5;}
.modal.modal-video .modal-header::after{content:''; display:block; clear:both;}
.modal.modal-video .modal-header .close {float: right; padding: 0; cursor: pointer; background: 0 0; border: 0; font-size: 24px; font-weight: 700; color: #000; line-height: 1; filter: alpha(opacity=20); opacity: .3;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	}
.modal.modal-video .modal-body .embed-responsive{position: relative; display: block; width: 100%; height: 0; padding: 0;padding-bottom: 56.25%; overflow: hidden;}
.modal.modal-video .modal-body .embed-responsive .embed-responsive-item, .embed-responsive embed, .embed-responsive iframe, .embed-responsive object, .embed-responsive video {position: absolute; top: 0;bottom: 0;left: 0;width: 100%;height: 100%;border: 0;}
.modal.modal-video .modal-footer{padding:5px 15px 25px;}
.modal.modal-video .modal-footer .video-info .video-title{font-size: 18px; font-weight:600; margin-bottom:8px;}
.modal.modal-video .modal-footer .video-info .video-comment{font-size: 14px; font-weight:600; color:#8d8d8d;}

@media (min-width: 768px){
	.modal.modal-video .modal-dialog {width: 900px; margin: 150px auto 0;}
	.modal.modal-video .modal-content {
	    -webkit-box-shadow: 0 5px 15px rgb(0 0 0 / 50%);
	    box-shadow: 0 5px 15px rgb(0 0 0 / 50%);
	}
}


/* 웨비나 포트폴리오 */
.webinar-video{margin-top: 50px;}
.webinar-video .video-list{margin:0 -15px;}
.webinar-video .video-list::after{content:''; display:block; clear:both;}
.webinar-video .video-list .video-content{float:left; width:50%; box-sizing: border-box; padding:0 15px; margin-bottom:30px;}
.webinar-video .video-list .video-content .ytube{position: relative; width: 100%; color: #666; border: 1px solid #ddd; cursor: pointer;}
.webinar-video .video-list .video-content .ytube:before{
	content : url("../now_img/sub/main_icn_youtube_pc.png");
	position:absolute;
	left:50%; top:50%;
	transform: translate(-50%, -50%);
	z-index:2;
	cursor: pointer;
}
.webinar-video .video-list .video-content .ytube img{max-width:100%; width:100%; cursor: pointer;}
.webinar-video .video-list .video-content .ytube:hover{background-color:#000;}
.webinar-video .video-list .video-content .ytube:hover img{opacity:0.8;}

.webinar-video .video-list .video-content .video-info{width: 100%; margin-top: -1px; text-align: center; background: #f4f4f4; border: 1px solid #ddd; padding: 10px; line-height: 26px;}
.webinar-video .video-list .video-content .video-info .video-title{font-size: 18px; font-weight:600; }
.webinar-video .video-list .video-content .video-info .video-comment{font-size:15px; font-weight:600; color:#8d8d8d;}

@media (min-width:768px) and (max-width:1023px) {
	.sub-page .buy-in .webinar-img ul{float:none; width:100%;}
	.sub-page .buy-in .webinar-img ul li{float:left; width:50%;}
	.sub-page .buy-in .webinar-img {margin-bottom:30px;}
	.sub-page .buy-in .webinar-img .txt{margin-bottom:20px;}
	.sub-page .buy-in .xr-img ul li{width:49.5%;}
}


@media all and (max-width:767px) {
	.sub-page .buy-in .webinar-img {margin-bottom:30px;}
	.sub-page .buy-in .webinar-img ul{float:none; width:100%;}
	.sub-page .buy-in .webinar-img ul li{float:left; padding:0 2px; width:100%;}
	.sub-page .buy-in .webinar-img .txt ul{padding-bottom:40px; display:inline-block;}
	.sub-page .buy-in .btnarea{margin-bottom:50px;}
	.sub-page .buy-in .xr-img ul li{width:100%;}

	.sub-page .buy-in .webinar_step ul li {height: 40px; font-size: 14px; padding-top: 10px;}

	/* 웨비나 포트폴리오 */
	.webinar-video .video-list .video-content{float:none; width:100%;}
}

/*회원정보 시작*/
.sub-page.my .top-image   { background:url(../now_img/sub/service_visual_07.png) no-repeat top center; width:100%; height:250px; background-color:#f8f8f7;}
.sub-page.my .tab-list ul { left: 0; right: 0; }
.sub-page.my .tab-list li { width: 25%; }
.sub-page.my .mypage {overflow:hidden;}
.sub-page.my .mypage .subtit {margin:30px 0 10px 0; overflow:hidden;}
.sub-page.my .mypage .subtit .tit {float:left; font-size:18px; font-weight:bold; color:#555;}
.sub-page.my .mypage .subtit .txt {float:right; font-size:13px; color:#777;}
.sub-page.my .mypage span.sign {color:#ed5b23; padding-right:5px; font-size:15px; display:inline-block; vertical-align:middle;}
.sub-page.my .mypage table {width:100%;font-size:13px; border:0; border-spacing:0; color:#999; border-top:2px solid #dbdbdb;}
.sub-page.my .mypage table.line {border-top:0px solid #777;}
.sub-page.my .mypage table th { width:83%; height:50px; font-size:13px; color:#555; font-weight:bold;  text-align:left; padding-left:20px;}
.sub-page.my .mypage table th.style1 {width:200px;  height:50px; font-size:14px; color:#555; font-weight:bold;  text-align:right; padding-left:20px;}
.sub-page.my .mypage table th.style3 {width:50px;  height:50px; font-size:14px; color:#555; font-weight:bold;  text-align:right; padding-left:20px;}
.sub-page.my .mypage table td {height:50px; text-align:center; border-bottom:1px solid #ddd;}
.sub-page.my .mypage table td.style2 {width:1000px; padding-left:20px; text-align:left; position:relative; font-size:15px;}
.sub-page.my .mypage table td p {font-size:11px; line-height:17px; padding-bottom:10px; white-space:initial; box-sizing:border-box;}
.sub-page.my .mypage dl {width:600px; float:right; font-weight:bold; overflow:hidden; text-align:right;}
.sub-page.my .mypage dl dt {float:left; padding-right:0px; margin-top:3px;}
.sub-page.my .mypage dl dt dd {float:left;}
.sub-page.my .mypage input.btnsrch {width:60px; height:27px; background-color:#354152; font-size:13px; color:#fff; font-weight:bold; text-align:center; display:inline-block; line-height:25px; border:0; text-indent:0px;}
.service-info-style3{font-size:15px; font-weight:bold; padding-bottom:10px;}
.sub-page.my .mypage table td .gry_btn6{background-color:#ed5c23; cursor: pointer;}
.sub-page.my .mypage table td .gry_btn6 a{color:#fff;}
.sub-page.my .mypage table td .gry_btn6:hover{filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8;}

/* 새로운 마이페이지 웹배너 250626 */
.sub-page .top-img.mypage {
	position: relative;
	background: url(/now/now_img/sub/service_visual_xr_bg.png) no-repeat top center;
    width: 100%;
    height: 250px;
}

.sub-page .top-img.mypage>.clear {
	width: 100%;
	height: 100%;
}

.sub-page .top-img.mypage .txt_wrap {
	width: 1200px;
    height: 100%;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
	text-align: left;
	word-break: keep-all;
}

.sub-page .top-img.mypage .txt_wrap .txt_box {
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.sub-page .top-img.mypage .txt_wrap .tit {
	font-size: 33px;
	font-weight: 700;
	color: #fff;
}

.sub-page .top-img.mypage .txt_wrap .txt_box .tag {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	width: 80%;
}

.sub-page .top-img.mypage .txt_wrap .txt_box .tag li {
	padding: 8px 12px;
	border: 1px solid #fff;
	background-color: rgb(255, 255, 255, 0.4);
	color: #333;
	font-size: 14px;
	font-weight: 600;
	border-radius: 5px;
}
@media all and (max-width:1200px) {
	.sub-page .top-img.mypage .txt_wrap {
		width: 100%;
		padding: 24px;
	}
}

@media all and (max-width:1023px) {
	.sub-page .top-img.mypage {
		padding: 0 0 50%;
		background-size: cover;
	}

	.sub-page .top-img.mypage .txt_wrap {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        flex-direction: column;
        justify-content: center;
        gap: 16px;
        align-items: center;
	}

	.sub-page .top-img.mypage .txt_wrap .tit {
		font-size: 26px;
		text-align: center;
	}

	.sub-page .top-img.mypage .txt_wrap .txt_box .tag {
        justify-content: center;
        width: 100%;
        margin: 0 auto;
	}
}

@media all and (max-width:767px) {
.sub-page .top-img.mypage .txt_wrap .right_img {
	width: 60%;
}

.sub-page.my .mypage dl {width:auto;}
.sub-page.my .mypage {margin-bottom:30px;}
}
/*개설관리 시작*/
.sub-page.my .mypage .boardtop {overflow:hidden; padding-bottom:20px;}
.sub-page.my .mypage .boardtop input.btnsrch {margin-left:10px;}
.sub-page.my .mypage .boardtop .count {float:left; display:inline-block; margin-top:8px;}
.sub-page.my .mypage .boardtop dl dt{float:left; padding-right:0px; margin-top:3px; }

@media (min-width:768px) and (max-width:1023px) {
.sub-page.my .top-image   {background:url(../now_img/sub/service_visual_07.png) no-repeat top center; width:100%;  background-color:#f8f8f7; background-size:cover;}
}


@media all and (max-width:767px) {
.sub-page.my .top-image   { background:url(../now_img/sub/service_visual_07.png) no-repeat top center; width:100%;  background-color:#f8f8f7; background-size:cover;}
.sub-page.my .mypage table td{width:65%; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.sub-page.my .mypage table th.style1 {width:35%; height:50px; font-size:15px; color:#555; font-weight:bold; text-align:right; padding-left:20px; ;}
.sub-page.my .mypage table td {height:50px; text-align:center; border-right:0px solid red;}
.sub-page.my .mypage table td.style2 {width:65%;  padding-left:20px; text-align:left; position:relative;}

}

@media all and (max-width:580px) {
.sub-page .top-img.mypage .txt_wrap .txt_box .tag {
	width: 100%;
	gap: 5px;
}

.sub-page .top-img.mypage .txt_wrap .right_img {
	display: none;
}
}

/*주소록 시작*/
.btnarea .ml05{margin-left:5px;}
.sub-page.my .mypage .adr01 {float:left; overflow:hidden; width:20%; height:525px; margin-right:15px; padding:20px 10px; background-color:#ececec; }
.sub-page.my .mypage .adr01 ul.topbtn li {float:left;}
.sub-page.my .mypage .adr01 p {display:inline-block; font-size:15px; color:#555; font-weight:bold; margin:20px 0 10px 10px;}
.sub-page.my .mypage .adr01 .listbox {width:94%; height:420px; padding:10px 10px 20px 10px; background-color:#fff; border:1px solid #d6d4d4; overflow-y:auto; margin-left: 5px;}
.sub-page.my .mypage .adr01 .listbox dl {overflow:hidden; width:100%; float:left;}
.sub-page.my .mypage .adr01 .listbox dl dt {width:60%; font-size:12px; color:#888; text-align:left; background:url("../now_img/sub/adress_icn_folder02.png") no-repeat 0px 4px; padding:2px 5px 3px 18px; line-height:15px;}
.sub-page.my .mypage .adr01 .listbox dl dt.total {float:left; font-size:12px; color:#333;  padding:2px 5px 3px 18px;}
.sub-page.my .mypage .adr01 .listbox dl dt.on {width:60%; font-size:12px; color:#ed5b23; text-align:left; background:url("../now_img/sub/adress_icn_folder01.png") no-repeat 0px 4px;  padding:2px 5px 3px 18px; line-height:15px;}
.sub-page.my .mypage .adr01 .listbox dl dt input{height: 20px;}
.sub-page.my .mypage .adr01 .listbox dl dd {float:right; width:9%; height:15px; margin-top:4px;}
.sub-page.my .mypage .adr01 .listbox dl dd.add {float:right; width:18%; height:16px; margin-top:7px;}
.sub-page.my .mypage .org_btn3 a {display:inline-block; width:70px; height:25px; background-color:#ed5b23; color:#fff; font-size:12px; line-height:25px; text-align:center;}
.sub-page.my .mypage .adr01 ul.topbtn li {float:left;}
.sub-page.my .mypage .adr01 ul.topbtn li.org_btn4 a {display:inline-block; width:77px; height:25px; background-color:#ed5b23; color:#fff; font-size:13px; line-height:25px; text-align:center; margin-left:5px;}

.sub-page.my .mypage .adr02{float:right;width:78%;}
.sub-page.my .mypage .adr02 ul.topbtn li {float:left; margin-right:5px;}
.sub-page.my .mypage .gry_btn5 a {display:inline-block; width:97px; height:28px; background-color:#fff; color:#777; line-height:25px; text-align:center; font-weight:bold; border:1px solid #ccc;}
.sub-page.my .mypage .adr02 ul.keyword {clear:both; padding:10px 0 20px 0; overflow:hidden;}
.sub-page.my .mypage .adr02 ul.table_top {width:100%; border-top:1px solid #ccc;}
.sub-page.my .mypage .adr02 ul.table_top li{float:left; height:40px; font-size:14px; color:#555; border-bottom:1px solid #ccc; background-color:#f6f5f5; text-align:center; line-height:40px;}
.sub-page.my .mypage .adr02 table td.modify a{background-color:#fff; border:1px solid #ccc; padding:5px 10px;}
.sub-page.my .mypage .adr02 table td.modify a:hover {background-color:#ed5b23; border:1px solid #ed5b23; color:#fff;}

/*아이디어제안*/
.area-table { position: relative; border-top: 2px solid #dbdbdb; }
.sub-page .color-blue{padding-right: 5px;}
.sub-page.counsel.write-page .area-table .line1.add-file > div:nth-child(1) {width:10%; text-align:right; word-break: keep-all; overflow: inherit; text-overflow: inherit;}
.sub-page.counsel.write-page .area-table .table ul li:nth-child(2n+1) {text-align: right; width: 10%; overflow: inherit; text-overflow: inherit;}
.sub-page.counsel.write-page .area-table .table ul li:nth-child(2n){width: 40%;}
.sub-page.counsel.write-page .area-table .table .area-input input[type='text'].width-85 {width: 85px; height: 35px; border: 1px solid #c7c7c7; box-sizing: border-box; vertical-align: top; }
.sub-page.counsel.write-page .area-table .table .area-input { margin-right: 10px; display: inline-block; vertical-align: top;}
.sub-page.counsel.write-page .area-table input[type='text'].width-275 { width: 275px; height: 35px; border: 1px solid #c7c7c7; box-sizing: border-box; text-indent: 10px; }
.sub-page.counsel.write-page .area-table .area-content { padding: 10px; font-size: 15px; color: #777; line-height: 1.6; border-bottom: none; margin: 0 0;/* 30px;*/}  /* 181023 rev */
.sub-page.counsel.write-page .area-table .line1 .ctgy ul li {float:left; width:20%;}
.sub-page.counsel.write-page .area-table .table .table-selectbox { position: relative; width: 85px; height: 36px; border: 1px solid #c7c7c7; display: inline-block; margin-right: 10px;} /*1809 rev*/
.sub-page.counsel.write-page .area-table .table .table-selectbox:before { content: ''; position: absolute; top: 0; right: 0; width: 36px; height: 35px; background: url("../now_img/sub/icon-selectbox.png") no-repeat center; border-left: 1px solid #c7c7c7; }
.sub-page.counsel.write-page .area-table .table .table-selectbox label { position: absolute; top: 0; left: 0; right: 0; z-index: -1; height: 33px; padding: 0 10px; font-size: 15px; color: #555; line-height: 33px; box-sizing: border-box; }
.sub-page.counsel.write-page .area-table .table .table-selectbox select { width: 100%; height: 35px; min-height: 35px; padding: 0 10px; font-size: 15px; color: #555; line-height: 33px; border: 0; -webkit-appearance: none; opacity: 0; box-sizing: border-box; }
.sub-page.counsel.write-page .area-table .scrollbox4 { height: 135px; overflow-y: auto; padding: 20px; border: 1px solid #ccc; margin-top: 30px; font-size: 14px; text-align: justify; margin-top:5px;}
.sub-page.counsel.write-page .area-table .scrollbox4 dl dt { font-weight: bold; font-size: 15px; margin-bottom:5px;}
.sub-page.counsel.write-page .area-table .scrollbox4 dl dd.txt { padding: 10px 0 3px 0; }
.sub-page.counsel.write-page .area-table .scrollbox4 dl dd { padding-left: 15px; padding:3px 0; }
.sub-page.counsel.write-page .area-table .mt15 { font-size: 14px; text-align: justify; margin-top: 15px !important; }


/*태블릿*/
@media all and (max-width:1023px) {
.sub-page.counsel.list-page .area-table .table ul li:nth-child(4) { display: block; width: auto; margin: 0 90px 0 0; color:#888; font-size:13px; }
}

/*모바일*/
@media all and (max-width:767px) {
.area-table{margin-bottom:30px;}
.sub-page.write-page .area-table .area-textarea p { font-size: 14px; color: #777; font-weight:bold;}
.sub-page.write-page .area-table .area-textarea label {vertical-align: middle; font-size: 14px; color: #777; }
.sub-page.counsel.write-page .area-table .area-textarea input {vertical-align: middle; width: 15px; height: 15px; }
.sub-page.counsel.list-page .area-table .table ul li:nth-child(1) { display: none; }
.sub-page.counsel.list-page .area-table .table ul li:nth-child(2) { display: block; margin: 0 0 5px; width: auto; font-size:15px;}
.sub-page.counsel.list-page .area-table .table ul li:nth-child(3) { float: left; width:80px; text-align:center; }
.sub-page.counsel.list-page .area-table .table ul li:nth-child(3) img { width: 10px; margin: -2px 4px 0 0; }
.sub-page.counsel.list-page .area-table .table ul li:nth-child(4) { display: block; width: auto; margin: 0 90px 0 0; color:#888; font-size:13px; }
.sub-page.counsel.list-page .area-table .table ul li:nth-child(5) { position: absolute; top: 50%; right: 0; transform: translateY(-50%); width: 80px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 13px; padding: 0 5px; text-align: center; }
.sub-page.counsel.list-page .area-table .table ul li:nth-child(6) { display: block; width: auto; font-size: 13px; color: #888; padding: 5px 0 0 0; }
.sub-page.counsel.write-page .area-table .line1 .ctgy ul li {float:left; width:50%; height:22px;} /* 추가 (170526)*/
.sub-page.counsel.write-page .area-table .table .area-input input[type='text'].width-85 { width: 55px; text-indent: 5px; } /* 추가 (170526)*/
.sub-page.counsel.write-page .area-table input[type='text'].width-275 { width: 100%; text-indent: 5px; } /* 170602 추가 */
.sub-page.counsel.write-page .area-table .table .table-selectbox { position: relative; width: 65px; height: 35px; border: 1px solid #c7c7c7; } /* 추가 (170526)*/
.sub-page.counsel.write-page .area-table .table .table-selectbox:before { content: ''; position: absolute; top: 0; right: 0; width: 18px; height: 33px; background: url("../now_img/sub/icon-selectbox.png") no-repeat center; border-left: 1px solid #c7c7c7; } /* 추가 (170526)*/
.sub-page.counsel.write-page .area-table .table .table-selectbox label { position: absolute; top: 0; left: 0; right: 0; z-index: -1; height: 33px; padding: 0 10px; font-size: 12px; color: #555; line-height: 33px; box-sizing: border-box; } /* 추가 (170526)*/
.sub-page.counsel.write-page .area-table .table .table-selectbox select { width: 100%; height: 33px; min-height: 33px; padding: 0 10px; font-size: 12px; color: #555; line-height: 33px; border: 0; -webkit-appearance: none; opacity: 0; box-sizing: border-box; } /* 추가 (170526)*/
}
/*고객센터-버그/오류신고-사업제휴제안*/
.sub-page .counsel .boardtop {margin-bottom:40px;}
.sub-page .counsel .boardtop dt{ width:15%; text-align:center; float:left;}
.sub-page .counsel .boardtop dd{width:85%; float:left;  font-size:15px; line-height:25px; margin-top:5px; margin-bottom:50px;}
.sub-page .counsel .boardtop dd span{color:#ed5b23; }
.sub-page .counsel .boardtop dd small{color:#888; line-height:18px;}
.sub-page .counsel table{width:100%; border:0; border-spacing:0; color:#999; border-top:2px solid #c2c2c2; margin-top:30px; }
.sub-page .counsel table th{  height:50px; font-size:14px; color:#555; font-weight:bold;  padding-left:20px;text-align:center;}
.sub-page .counsel table td{border:0;  height:50px; padding-left:20px;}
.sub-page .counsel table td input.style2{width:176px;}
.sub-page .counsel table td input.style3{width:600px;}
.sub-page .counsel table td img{line-height:20px;}
.sub-page .counsel table td .txt{font-size:15px; font-weight:bold; color:#555; text-align:left;}
.sub-page .counsel table textarea {width:98%; height:350px; margin:15px 0; color:#777; }
.sub-page .counsel .org_btn a {display:inline-block; width:116px; height:36px; background-color:#ed5b23; border:2px solid #ed5b23; color:#fff; font-size:16px; font-weight:bold; line-height:32px; text-align:center; }
.sub-page .counsel .org_btn a:hover {filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8;}
.sub-page .counsel .pagebox {width:100%; float:left; text-align:center;}
.sub-page .counsel .pagebox2 {width:100%; text-align:center; overflow:hidden; position:relative;}
.sub-page .counsel .btnarea {clear:both; margin-top:30px; text-align:center;}
.sub-page .counsel .btnarea2 {margin-top:30px; float:right;}
.sub-page .counsel .scrollbox4 {height:135px; overflow-y:auto; padding:20px; border:1px solid #ccc; margin-top:30px; font-size:13px; text-align:left;}
.sub-page .counsel .scrollbox4 dl {padding-bottom:25px;}
.sub-page .counsel .scrollbox4 dl dt {width:auto; font-weight:bold; font-size:15px;margin-left:-3px;}
.sub-page .counsel .scrollbox4 dl dd.txt {padding:5px 0 3px 0; font-size:13px;}
.sub-page .counsel .scrollbox4 dl dd {padding-left:15px;margin-bottom:0px; font-size:13px;}
.sub-page .counsel .btn-write a{ display: inline-block; width: 100px; height: 40px; font-size: 14px; line-height: 40px; color: #888; background: #fff; border: 1px solid #888; position: relative; text-align: center; float:right;}
.sub-page .counsel .btn-write a:hover{color: #ed5c23; background: #fff; border: 1px solid #ed5c23;}
.g-recaptcha{margin-bottom:10px;}



/*고객센터-버그/오류신고-사업제휴제안 write*/
.sub-page.write .boardtop {overflow:hidden;}
.sub-page.write .boardtop dd {width:85%; float:left; margin-bottom:10px; font-size:15px; line-height:25px;}
.sub-page.report.write-page .area-table .table .table-selectbox { position: relative; width: 85px; height: 33px; border: 1px solid #c7c7c7; }
.sub-page.report.write-page .area-table .table .table-selectbox:before { content: ''; position: absolute; top: 0; right: 0; width: 36px; height: 33px; background: url("/now/now_img/sub/icon-selectbox.png") no-repeat center; border-left: 1px solid #c7c7c7; }
.sub-page.report.write-page .area-table .table .table-selectbox label { position: absolute; top: 0; left: 0; right: 0; z-index: -1; height: 33px; padding: 0 10px; font-size: 15px; color: #555; line-height: 33px; box-sizing: border-box; }
.sub-page.report.write-page .area-table .table .table-selectbox select { width: 100%; height: 33px; min-height: 33px; padding: 0 10px; font-size: 15px; color: #555; line-height: 33px; border: 0; -webkit-appearance: none; opacity: 0; box-sizing: border-box; }


@media (min-width:768px) and (max-width:1023px) {
.sub-page .counsel .boardtop dd{width:85%; float:left; margin-bottom:30px;  font-size:15px; line-height:25px; padding:0px 30px; }
.sub-page .counsel .scrollbox4 {height:135px; overflow-y:auto; padding:20px; border:1px solid #ccc; margin-top:30px; font-size:13px; text-align:left;}
.sub-page .counsel .scrollbox4 dl {padding-bottom:25px;}
.sub-page .counsel .scrollbox4 dl dt {width:auto; font-weight:bold; font-size:15px;margin-left:-3px;}
.sub-page .counsel .scrollbox4 dl dd.txt {padding:5px 0 3px 0; font-size:13px;}
.sub-page .counsel .scrollbox4 dl dd {padding-left:15px;margin-bottom:0px; font-size:13px;}
.area-table .btn-more { text-align: center; margin: 20px 0 0 0; }
.area-table .btn-more a { display: inline-block; width: 120px; height: 30px; font-size: 14px; color: #555; line-height: 30px; border: 1px solid #555; position: relative; padding: 0 20px 0 0; }
.area-table .btn-more a:after { content: ''; position: absolute; top: 50%; right: 40px; transform: translateY(-50%); background: url("/now/now_img/sub/icon-more.png") no-repeat center; background-size: 16px auto; width: 16px; height: 9px; }
.area-table .btn-wirte { position: relative; bottom: 0; text-align: center; margin: 20px 0 0 0; }
.area-table .btn-wirte a { width: 140px; height: 30px; font-size: 14px; color: #fff; line-height: 30px; background: #ed5c23; border: 1px solid #ed5c23; position: relative; }

}

@media all and (max-width:767px) {
.sub-page .counsel .boardtop {margin-bottom:0px;}
.sub-page .list-page .area-table table td {padding-left:0px; }
.sub-page .counsel .boardtop dt {display:none !important;}
.sub-page.write-page.counsel .boardtop dl.border_top_img dt img{display:none;}
.sub-page .counsel .boardtop dd{width:100%; float:left; margin-bottom:30px;  font-size:15px; line-height:25px; padding:0px 0px 0px 20px; }
.i_70{width:22%;}
.sub-page .counsel table th{padding-left:0px;}
.sub-page .counsel table td input.style2{width:243px;}
.sub-page .counsel table td input.style3{width:100%;}
.sub-page .counsel table td:last-child{font-size:11px;}
.sub-page .counsel table textarea {width:100%; height:350px; margin:15px 0; color:#777; }
.sub-page .counsel .btnarea2 {margin-top:30px; float:none; text-align:center;}
.sub-page .counsel .org_btn a{margin-bottom:20px; text-align:center;}
}

.sub-page .faq-list {max-width: 1200px; list-style:none; padding:0;  padding-bottom:30px; }
.sub-page .faq-list li {list-style:none; border-bottom: 1px solid #c2c2c2; position: relative; overflow:hidden;}
.sub-page .faq-list li p {display: none; padding: 15px 25px 15px 50px; font-size:15px; color: #777; line-height:21px; background-color:#f6f5f5; border-top:1px solid #c2c2c2; background:url('../now_img/sub/faq_icn_a.png') no-repeat 15px 20px; background-color:#f6f5f5;} /*20200811 이미지 경로 수정*/
.sub-page .faq-list a {width:100%; display: block; cursor: pointer; font-weight:bold; line-height:3.2; font-size: 15px; text-indent: 50px; user-select:none; background:url('../now_img/sub/faq_icn_q.png') no-repeat 15px 13px; height:48px;  }/*20200811 이미지 경로 수정*/
.sub-page .faq-list a:after {width: 11px; height: 11px; border-right: 1px solid #555; border-bottom: 1px solid #555; position: absolute; right: 20px; content: " "; top: 14px; transform: rotate(-45deg); -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}
.sub-page a.active:after {transform: rotate(45deg); -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}

@media (max-width:768px)  {
.sub-page .faq-list {max-width: 1200px; list-style:none; padding:0; }
.sub-page .faq-list li {list-style:none; border-bottom: 1px solid #c2c2c2; position: relative;}
.sub-page .faq-list li p {display: none; padding: 15px 25px 15px 35px; font-size:15px; color: #777; line-height:21px; background-color:#f6f5f5; border-top:1px solid #c2c2c2; background:url('../now_img/sub/faq_icn_a.png') no-repeat 5px 20px; background-color:#f6f5f5;}/*20200811 이미지 경로 수정*/
.sub-page .faq-list a {width:100%; display: table-cell; text-indent:0px; cursor: pointer; font-weight:bold; line-height:20px; font-size: 15px;  user-select: none; background:url('../now_img/sub/faq_icn_q.png') no-repeat 5px 13px; height:48px; margin-right:-60px; padding-right:60px; padding-left:40px; vertical-align:middle; }/*20200811 이미지 경로 수정*/
.sub-page .faq-list a:after {width: 11px; height: 11px; border-right: 1px solid #555; border-bottom: 1px solid #555; position: absolute; right: 20px; content: " "; top: 14px; transform: rotate(-45deg); -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}
.sub-page a.active:after {transform: rotate(45deg); -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}
}

/*VOD*/
.sub-page .top-image-news  { background:url(../now_img/sub/service_visual_08.png) no-repeat top center; width:100%; height:250px; background-color:#f8f8f7; position:relative; text-align:center;}
.sub-page  .top-image-news .txt{font-size: 33px;font-weight: 700; color: #fff; line-height:60px; position:absolute;  width: 100%;  text-align:center; top: 19%; }
.sub-page .top-image-news .txt span{display: block; color:#fff;font-size: 22px; font-weight: 400; word-break: keep-all;  line-height: 30px; text-align:center; padding:0 20px; margin:20px 0 0 0; }
.sub-page .vod .list{max-width:1230px; margin:0 -15px;}
.sub-page .vod .list li{display:inline-block; width:33.33%; box-sizing:border-box; padding:0 15px; margin:0 0 20px;}
.sub-page .vod .list li .box{background-color:#fff; display:flex; border:1px solid #ececec; font-size:14px; font-weight:400; color:#777; line-height:normal; letter-spacing:-1px; padding:0 0 30px; padding:0 0 30px; position:relative; 	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.05); 	box-shadow: 0 1px 1px rgba(0,0,0,0.05);}
.sub-page .vod .list li .box .area-btns {margin:30px 0 0 0; text-align:center; font-size:0;}
.sub-page .vod .list li .box .info h3 { font-size: 13px; font-weight: 400; color: #888; margin: 0 0 10px; line-height:20px; height:50px;}
.sub-page .vod .list li .box .info h4 { font-size: 17px; line-height:18px; color: #313131; font-weight: 700; margin: 0 0 10px;  overflow: hidden; height:60px;}
.sub-page .vod .list li .box .info > span { line-height: 1.6; }
.sub-page .vod .list li .box .info > span > span { display: block; }
.sub-page .vod .list li .box .info .txt {margin-bottom:5px;}
.sub-page .vod .list li .box .info .txt span {float:right; }
.sub-page .vod .list li .box .info .txt2 {padding:5px 0;}
.sub-page .vod .list li .box .area-btns { margin: 30px 0 0 0; text-align: center; font-size: 0;}
.sub-page .vod .list li .box .area-btns > p { width: 40%; max-width: 110px; }
.sub-page .vod .list li .box .area-btns > p:nth-child(1) { margin: 0 3% 0 0; }
.sub-page .vod .list li .box .area-btns > p:nth-child(2) { margin: 0 3% 0 0; }
.sub-page .vod .list li .box .info .info_txt{  padding: 10px 15px 0;}
.sub-page .vod .list li .box .thumbs-survey {line-height:237.5px; margin:0 0 10px; overflow:hidden;}
.sub-page .vod .list li .box .thumbs-survey p { text-align:center;}
.sub-page .vod .list li .box .thumbs-survey img {max-height:230px; overflow:hidden; vertical-align: middle; -webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1); -o-transform:scale(1);  transform:scale(1);}
.sub-page .vod .list .thumbs-survey img{ width:100%; vertical-align: top !important; 	text-align: center !important; min-height:100%;}
.sub-page .vod .list li .box:hover{	-webkit-box-shadow: 18px 18px 26px rgba(0,0,0,0.3) !important;    -moz-box-shadow:18px 18px 26px rgba(0,0,0,0.3) !important;    -ms-box-shadow: 18px 18px 26px rgba(0,0,0,0.3) !important;
    -o-box-shadow: 18px 18px 26px rgba(0,0,0,0.3) !important;    box-shadow: 18px 18px 26px rgba(0,0,0,0.3) !important; 	-webkit-transition:.3s !important;	-moz-transition:.3s !important;	-ms-transition:.3s !important;
	-o-transition:.3s !important;	transition:.3s !important;     -webkit-transition: all .4s ease-out !important;    transition: all .4s ease-out !important;}
.sub-page .vod .list li .box:hover .thumbs-survey img{ -webkit-transition:.3s; -moz-transition:.3s; -ms-transition:.3s; -o-transition:.3s; transition:.3s;}


/*이벤트*/

.sub-page .event .list{max-width:1230px; margin:0 -15px;}
.sub-page .event .list li{display:inline-block; width:33.33%; box-sizing:border-box; padding:0 15px; margin:0 0 20px;}
.sub-page .event .list li .box{background-color:#fff;  display:flex; border:1px solid #ececec; font-size:14px; font-weight:400; color:#777; line-height:normal; letter-spacing:-1px; padding:0 0 30px; padding:0 0 30px; position:relative; 	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.05); 	box-shadow: 0 1px 1px rgba(0,0,0,0.05);}
.sub-page .event .list li .box .area-btns {margin:30px 0 0 0; text-align:center; font-size:0;}
.sub-page .event .list li .box .info h3 {
	font-size: 13px; font-weight: 400; color: #888; margin: 0 0 10px; line-height:20px; height:60px; overflow:hidden; text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}
.sub-page .event .list li .box .info h4 {height:36px; font-size: 17px; line-height:18px; color: #313131; font-weight: 700; margin: 0 0 10px;  overflow: hidden;}
.sub-page .event .list li .box .info > span { line-height: 1.6; }
.sub-page .event .list li .box .info > span > span { display: block; }
.sub-page .event .list li .box .info .txt {margin-bottom:5px; color: #aaa;}
.sub-page .event .list li .box .info .txt span {float:right; }
.sub-page .event .list li .box .info .txt2 {padding:5px 0;}
.sub-page .event .list li .box .info .info_txt .event-state{}
.sub-page .event .list li .box .info .info_txt .event-state::after{content:''; display:block; clear:both;}
.sub-page .event .list li .box .info .info_txt .event-state .txt{float:right; display:inline-block; margin-top:3px; font-size:13px;}
.sub-page .event .list li .box .info .info_txt .event-state .event-state-label{font-size: 12px;width: 44px;padding:1px 0;text-align: center;vertical-align: middle;display: inline-block;line-height: 20px;}
.sub-page .event .list li .box .info .info_txt .event-state .event-state-label.end {background-color:#878787; border: 1px solid #878787; color: #fff;}
.sub-page .event .list li .box .info .info_txt .event-state .event-state-label.ing {background-color:#eb5c23; border: 1px solid #eb5c23; color: #fff;}
.sub-page .event .list li .box .area-btns { margin: 30px 0 0 0; text-align: center; font-size: 0;}
.sub-page .event .list li .box .area-btns > p { width: 40%; max-width: 110px; }
.sub-page .event .list li .box .area-btns > p:nth-child(1) { margin: 0 3% 0 0; }
.sub-page .event .list li .box .area-btns > p:nth-child(2) { margin: 0 3% 0 0; }
.sub-page .event .list li .box .info .info_txt{padding: 20px 40px 0;}
.sub-page .event .list li .box .thumbs-survey p { text-align:center;}
.sub-page .event .list li .box .thumbs-survey img { overflow:hidden; vertical-align: middle; -webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1); -o-transform:scale(1);  transform:scale(1); width:auto; height:auto;}
.sub-page .event .list .thumbs-survey img{ width:100%; vertical-align: top !important; 	text-align: center !important; min-height:100%;}
.sub-page .event .list li .box:hover{	-webkit-box-shadow: 18px 18px 26px rgba(0,0,0,0.3) !important;    -moz-box-shadow:18px 18px 26px rgba(0,0,0,0.3) !important;    -ms-box-shadow: 18px 18px 26px rgba(0,0,0,0.3) !important;
    -o-box-shadow: 18px 18px 26px rgba(0,0,0,0.3) !important;    box-shadow: 18px 18px 26px rgba(0,0,0,0.3) !important; 	-webkit-transition:.3s !important;	-moz-transition:.3s !important;	-ms-transition:.3s !important;
	-o-transition:.3s !important;	transition:.3s !important;     -webkit-transition: all .4s ease-out !important;    transition: all .4s ease-out !important;}
.sub-page .vod .list li .box:hover .thumbs-survey img{ -webkit-transition:.3s; -moz-transition:.3s; -ms-transition:.3s; -o-transition:.3s; transition:.3s;}

@media (min-width:768px) and (max-width:1023px) {


.sub-page.consult .top-image-news { background:url(../now_img/sub/service_visual_08.png) no-repeat top center; width:100%;  background-color:#f8f8f7; background-size:cover; }
.sub-page.consult .top-image-news .txt{font-size: 28px;font-weight: 700; color: #fff; line-height:60px;  text-align:center; top: 180px;}
.sub-page.consult .top-image-news .txt span {display: block;font-size: 16px; font-weight: 400; word-break: keep-all;  line-height: 26px; text-align:center;}
.sub-page.news .top-image-news { background:url(../now_img/sub/service_visual_08.png) no-repeat top center; width:100%;  background-color:#f8f8f7; background-size:cover; }
.sub-page.news .top-image-news .txt{font-size: 28px;font-weight: 700; color: #fff; line-height:60px; text-align:center; top: 180px }
.sub-page.news .top-image-news .txt span {display: block;font-size: 16px; font-weight: 400; word-break: keep-all;  line-height: 26px; text-align:center;}
.sub-page .top-image-news {background-size:cover;}
.sub-page .top-image-news .txt {top:120px; font-size:28px;}
.sub-page .top-image-news .txt span{display: block;font-size: 16px; font-weight: 400; word-break: keep-all;  line-height: 26px; text-align:center;}
.sub-page .join .consult .list-page .area-table .table ul li:nth-child(1) { width: 5%;}
.sub-page .join .consult .list-page .area-table .table ul li:nth-child(2) { width: 5%;}
.sub-page.join .area-table .table ul li:nth-child(3) {width: 50%; }
.sub-page.join .area-table .table ul li:nth-child(4) { width: 10%;}
.sub-page.join .area-table .table ul li span {border:1px solid #ccc; padding:10px;}
.sub-page.join .area-table .table ul li span:hover {border:1px solid #ed5c23; color:#ed5c23; cursor:pointer;}
.sub-page.join .area-table .table ul:hover{background:#fff;}
.sub-page .vod .list li{display:inline-block; width:50%; box-sizing:border-box; padding:0 15px; margin:0 0 20px;}
.sub-page .vod .list li .box{background-color:#fff;  display:flex; border:1px solid #ececec; font-size:14px; font-weight:400; color:#777; line-height:normal; letter-spacing:-1px; padding:0 0 30px; padding:0 0 30px; position:relative; 	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.05); 	box-shadow: 0 1px 1px rgba(0,0,0,0.05);}
.sub-page .vod .list li .box .area-btns {margin:30px 0 0 0; text-align:center; font-size:0;}
.sub-page .vod .list .thumbs-survey img{ width:100%; vertical-align: top !important; 	text-align: center !important; }
.sub-page .event .list li{display:inline-block; width:50%; box-sizing:border-box; padding:0 15px; margin:0 0 20px;}
.sub-page .event .list li .box{background-color:#fff; display:flex; border:1px solid #ececec; font-size:14px; font-weight:400; color:#777; line-height:normal; letter-spacing:-1px; padding:0 0 30px; padding:0 0 30px; position:relative; 	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.05); 	box-shadow: 0 1px 1px rgba(0,0,0,0.05);}
.sub-page .event .list li .box .area-btns {margin:30px 0 0 0; text-align:center; font-size:0;}
.sub-page .event .list .thumbs-survey img{width:100%; vertical-align: top !important; 	text-align: center !important; }

}

@media all and (max-width:768px)  {
.sub-page.consult .top-image-news { background:url(../now_img/sub/service_visual_08.png) no-repeat top center; width:100%; background-color:#f8f8f7; background-size:cover; }
.sub-page .top-image-news {background-size:cover;}
.sub-page.consult .top-image-news .txt{font-size: 28px; width:100%; }
.sub-page.consult .top-image-news .txt span{margin:0px; display: block;font-size: 16px; color:#fff; letter-spacing:-2px;}
.sub-page.news .top-image-news { background:url(../now_img/sub/service_visual_08.png) no-repeat top center; width:100%; background-color:#f8f8f7; background-size:cover; }
.sub-page.news .top-image-news .txt{font-size: 28px; width:100%;}
.sub-page.news .top-image-news .txt span{margin:0px; display: block;font-size: 16px; color:#fff; letter-spacing:-2px;}
.sub-page .vod .list .info{width:100%;}
.sub-page .vod .list {margin:0;}
.sub-page .vod .list li{display:inline-block; width:100%; box-sizing:border-box; padding:0 15px; margin:0 0 20px;}
.sub-page .vod .list li .box{background-color:#fff;  border:1px solid #ececec; font-size:14px; font-weight:400; color:#777; line-height:normal; letter-spacing:-1px; padding:0 0 30px; padding:0 0 30px; position:relative; 	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.05); 	box-shadow: 0 1px 1px rgba(0,0,0,0.05);}
.sub-page .vod .list li .box .thumbs-survey img {max-width:768px; height:auto; width:85%; min-height:100%;}
.sub-page .event .list .info{width:100%;}
.sub-page .event .list {margin:0;}
.sub-page .event .list li{display:inline-block; width:100%; box-sizing:border-box; padding:0 15px; margin:0 0 20px;}
.sub-page .event .list li .box{background-color:#fff; height:50%; border:1px solid #ececec; font-size:14px; font-weight:400; color:#777; line-height:normal; letter-spacing:-1px; padding:0 0 30px; padding:0 0 30px; position:relative; 	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.05); 	box-shadow: 0 1px 1px rgba(0,0,0,0.05);}
.sub-page .event .list .thumbs-survey img {max-width:768px; width:85%; min-height:100%;}
.sub-page .top-image-news .txt{font-size: 28px;font-weight: 700; color: #fff; line-height:60px; }
.sub-page .top-image-news .txt span{display: block;font-size: 16px; font-weight: 400; word-break: keep-all;  line-height: 26px; text-align:center; letter-spacing:-2px; margin-top:-1px;}

}

@media all and (max-width:650px)  {
.sub-page .vod .list li .box{background-color:#fff;  display:flex; border:1px solid #ececec; font-size:14px; font-weight:400; color:#777; line-height:normal; letter-spacing:-1px; padding:0 0 30px; padding:0 0 30px; position:relative; 	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.05); 	box-shadow: 0 1px 1px rgba(0,0,0,0.05);}
.sub-page .event .list li .box{background-color:#fff; height:50%; display:flex; border:1px solid #ececec; font-size:14px; font-weight:400; color:#777; line-height:normal; letter-spacing:-1px; padding:0 0 30px; padding:0 0 30px; position:relative; 	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.05); 	box-shadow: 0 1px 1px rgba(0,0,0,0.05);}
}
/*동영상 메뉴얼*/

.sub-page.learning .top-image { background:url(../now_img/sub/service_visual_08.png) no-repeat top center; width:100%; height:250px; background-color:#f8f8f7;}
.sub-page.learning .tab-list ul { left: 0; right: 0; }
.sub-page.learning .tab-list li { width: 20%; }

@media all and (max-width:1023px)  {
.sub-page.learning .top-image { background:url(../now_img/sub/service_visual_08.png) no-repeat top center; width:100%;  background-color:#f8f8f7; background-size:cover; }
.sub-page.learning.list-page .area-table .table ul li:nth-child(1) { display: none; }
.sub-page.learning.list-page .area-table .table ul li:nth-child(2) { display: block; margin: 0 0 5px; width: auto; padding-left:0px; transform: translateY(50%); margin-right:80px; font-size:15px; line-height:22px; }
.sub-page.learning.list-page .area-table .table ul li:nth-child(3) {float:right; transform: translateY(-50%); width:80px; position:absolute; top:50%; right:0; font-size:13px;}
.sub-page.learning.list-page .area-table .table ul li:nth-child(3) img { width: 10px; margin: 0px 4px 0 0;}
.sub-page.learning.list-page .area-table .table ul li:nth-child(4) { display: block; text-align:left; padding-top:5px; font-size:13px; color:#888;}
.sub-page.learning.list-page .area-table .table ul li:nth-child(5) { display:none; position: absolute; top: 50%; right: 0; transform: translateY(-50%); width: 80px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 13px; padding: 0 5px; text-align: center; }
.sub-page.learning.list-page .area-table .table ul li:nth-child(6) { display: block; width: auto; font-size: 13px; color: #888; padding: 5px 0 0 0px; }
.sub-page.learning.list-page .area-table .table span.member{margin-left:10px;}
}


/*미팅룸리스트-개설하기*/
.sub-page.join .top-image { background:url(../now_img/sub/service_visual_09.png) no-repeat top center; width:100%; height:250px; background-color:#f8f8f7;}
.sub-page.join .tab-list ul { left: 0; right: 0; }
.sub-page.join .tab-list li { width: 50%; }
.sub-page.join .notice {float:right; padding-bottom:10px;}
.sub-page.join .notice span{cursor:pointer; color:#ff0000;}

.sub-page.join .total span{color:#ff0000;}
.sub-page.meeting.list-page .area-table .table ul li.consul-btn{font-size:0px;}
.sub-page.meeting.list-page .area-table .table ul li.meeting-btn{font-size:0px;}
.sub-page.join .area-table .table ul:hover{ background: #f4f4f4; }
.sub-page.join .area-table .table ul li:nth-child(1) { width: 6%; padding-left:14px;}
.sub-page.join .area-table .table ul li:nth-child(2){ width: 9%;}
.sub-page.join .area-table .table ul li:nth-child(3) {width: 42%;  text-align:left;}
.sub-page.join .area-table .table ul li:nth-child(3) a{cursor:pointer;}
.sub-page.join .area-table .table ul li:nth-child(3) img{display:none;}
.sub-page.join .area-table .table ul li:nth-child(4) { width: 15%; white-space:nowrap;}
.sub-page.join .pop-layer .pop-container {padding-top:0px;}
.sub-page.join .pop-layer .pop-container .pop-conts {height:250px;}
.sub-page.join .pop-layer .mname{text-align:center; font-size:16px; font-weight:bold; margin-top:40px; }
.sub-page.join .pop-layer .mname .i_150{width:200px; border:none; border-bottom:1px solid #dfdfdf;}
.sub-page.join .pop-layer .ctxt { text-align:center; background-color:#ed5c23; width:80px; height:35px; padding-top:7px; position:absolute; margin:0; left:160px; top:175px; color:#fff; font-size:16px; cursor:pointer;}
.sub-page.join .pop-layer .mtxt{  width:100%; height:50px; color: #fff; font-size:20px; line-height: 27px; background-color:#ed5c23; padding-top:12px;}
.sub-page.join .pop-layer .mtxt span{margin-top:15px; margin-left:15px; }
.sub-page.join .pop-layer .btn-r {  width: 100%;  margin: -50px 0 0 0;  padding-top: 10px;    text-align: right; }
.sub-page.join .pop-layer {  display: none;   position: absolute;  top: 33%;  left: 40%;  width: 410px;   height: auto;   background-color: #fff;   z-index: 10;}
.sub-page.join .dim-layer {  display: none;   position: fixed;  _position: absolute;   top: 0;   left: 0;   width: 100%;    height: 100%;   z-index: 9999; }
.sub-page.join .dim-layer .dimBg {  position: absolute;   top: 0;   left: 0;    width: 100%;   height: 100%;   background: #000;  opacity: .5;   filter: alpha(opacity=50);}
.sub-page.join .dim-layer .pop-layer {  display: block;}
.sub-page.join a.btn-layerClose {margin-right:20px; margin-top:4px; }
.sub-page.join .btn-example {border:1px solid #ccc; padding:5px;}
.sub-page.join .btn-example:hover {border:1px solid #ed5c23; color:#ed5c23; cursor:pointer;}


@media (min-width:768px) and (max-width:1023px) {

.sub-page.join .top-image { background:url(../now_img/sub/service_visual_09.png) no-repeat top center; width:100%;  background-color:#f8f8f7; background-size:cover; height:460px;}
.sub-page.join .top-image .txt{font-size: 28px;font-weight: 700; color: #fff; line-height:60px; position:absolute;   text-align:center; top: 234px }
.sub-page.join .top-image .txt span {display: block;font-size: 16px; font-weight: 400; word-break: keep-all;  line-height: 26px; text-align:center;}
.sub-page.join .notice {float:right; padding-bottom:10px; cursor:pointer;}
.sub-page.join .total {margin-bottom:10px;}
.sub-page.join .total span{color:#ff0000; }

.sub-page.meeting.list-page .area-table .table ul li:nth-child(1) { display: inline-block; margin-left:14px; width:5% }
.sub-page.meeting.list-page .area-table .table ul li:nth-child(2) { display: inline-block; width:10%; padding:0 50px;}
.sub-page.meeting.list-page .area-table .table ul li:nth-child(3) { display: inline-block; text-align:left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 34%;}
.sub-page.meeting.list-page .area-table .table ul li:nth-child(3) img { width: 10px; margin: 0px 4px 0 10px;}
.sub-page.meeting.list-page .area-table .table ul li:nth-child(4) { display: inline-block; width:10%; text-align:center;  text-overflow: ellipsis; white-space: nowrap; overflow:hidden;}
.sub-page.meeting.list-page .area-table .table ul li:nth-child(5) {display: inline-block; width:20%; text-align:center; white-space:nowrap; }
.sub-page.meeting.list-page .area-table .table ul li:nth-child(6) { display: block; width: auto; font-size: 13px; color: #888; padding: 5px 10px 0 0px; float:right;}
.sub-page.join .area-table .table ul:hover{background:#fff;}
}


@media all and (max-width:768px)  {
.sub-page.join .top-image {background:url(../now_img/sub/service_visual_09.png) no-repeat top center; width:100%;  background-color:#f8f8f7; background-size:cover; height:250px;}
.sub-page.join .total{width:100px; display:block; margin-bottom:5px;}
.sub-page.join .notice{display:block; float:left; margin-top:7px; margin-bottom:7px;}
.sub-page.meeting.list-page .area-table .table ul {height:80px; }
.sub-page.meeting.list-page .area-table .table ul li.consul-btn{color:#fff; background-color:#2963b5; display:inline-block; width:40px; height:40px; border-radius:40px; padding-top:11px; margin-top:4px; margin-left:10px;font-size:14px; text-align:center; padding-left:0px;}
.sub-page.meeting.list-page .area-table .table ul li.meeting-btn{color:#fff; background-color:#152850; display:inline-block; width:40px; height:40px; border-radius:40px; padding-top:11px; margin-top:4px; margin-left:10px; font-size:14px; text-align:center; padding-left:0px; }
.sub-page.meeting.list-page .area-table .table ul li:nth-child(1) img{display:none; width:40px; }
.sub-page.meeting.list-page .area-table .table ul li:nth-child(2) { display: inline-block; width:0px;}
.sub-page.meeting.list-page .area-table .table ul li:nth-child(2) img{display:none;}
.sub-page.meeting.list-page .area-table .table ul li:nth-child(3) {display: inline-block; text-align:left; font-size:16px; vertical-align:top; position: absolute; left:65px; right:85px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width:auto; }
.sub-page.meeting.list-page .area-table .table ul li:nth-child(3) img{display:inline-block;}
.sub-page.meeting.list-page .area-table .table ul li:nth-child(3) a {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.sub-page.meeting.list-page .area-table .table ul li:nth-child(4) {display:none; width:auto; overflow:hidden;  text-align:left;  text-overflow: ellipsis; white-space: nowrap; margin-left:15px; font-size:13px; color:#999; }
.sub-page.meeting.list-page .area-table .table ul li:nth-child(5) {display: none; width:auto; text-align:left;  font-size:13px; color:#999; margin-right:80px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.sub-page.meeting.list-page .area-table .table ul li:nth-child(6) { display: inline-block; width: auto; font-size: 13px; color: #888; padding: 5px 10px 0 0px; float:right;}
.sub-page.meeting.list-page .area-table .table ul li:nth-child(7) {width:auto; overflow:hidden;  text-align:left;  text-overflow: ellipsis; white-space: nowrap; margin-left:15px; font-size:13px; color:#999; }
.sub-page.meeting.list-page .area-table .table ul li:nth-child(8) {width:auto; overflow:hidden;  text-align:left;  text-overflow: ellipsis; white-space: nowrap; margin-left:15px; font-size:13px; color:#999; }
.sub-page.join .btn-example{border:1px solid #ccc; padding:8px 5px;  display:block;}
.sub-page.meeting.list-page .area-table .table .user-state {white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size:13px; margin-top:5px; display:block;}
.sub-page.meeting.list-page .area-table .table .user-state span{padding-left:5px; border:0px; font-size:13px; padding:0px;}
.sub-page.meeting.list-page .area-table .table .user-state span:hover {border:0px solid #ed5c23; color:#555; cursor:default; font-weight:normal; }

}


/*서비스이용약관*/
.sub-page.etc .top-image { background-size:cover; background:url(../now_img/sub/service_visual_09.png) no-repeat top center; width:100%; height:250px; background-color:#f8f8f7;}
.sub-page.etc .tab-list ul { left: 0; right: 0; }
.sub-page.etc .tab-list li { width: 33.333%; }
.sub-page.etc .etc{overflow:hidden; text-align:justify;}
.sub-page.etc .etc p.jang{font-size:17px; font-weight:bold; padding-bottom:20px; color:#ed5b23;}
.sub-page.etc .etc dl {padding-bottom:25px;}
.sub-page.etc .etc dl dt {font-weight:bold; font-size:17px;}
.sub-page.etc .etc dd.txt{padding: 5px 0 3px 0; font-size:14px; line-height:1.5; letter-spacing:-1px;}
.sub-page.etc .etc dd{line-height:1.5; letter-spacing:-1px;}

.sub-page.etc .etc { font-size: 15px; color: #777; line-height: 1.6; }
.sub-page.etc .etc h2 { font-size: 23px; color: #555; font-weight: 700; margin: 50px 0 30px; }
.sub-page.etc .etc h3 { font-size: 17px; color: #ed5c23; font-weight: 700; margin: 30px 0 5px; }
.sub-page.etc .etc p { margin: 0 0 10px; }
.sub-page.etc .etc span { display: block; margin: 0 0 0 15px; }
.btn-view-history{display: inline-block; box-sizing: border-box; background: #a9a9a9; text-align: center; border: 1px solid #a9a9a9; color: #ffffff; font-size: 12px; padding: 2px 5px; letter-spacing: -1px; margin-left:3px;}
.btn-view-history:hover{background: #9a9a9a; border: 1px solid #9a9a9a;}

/* mobile */
@media screen and (max-width: 1023px) {

	.sub-page.etc.etc { font-size: 14px; line-height: 1.6; }
	.sub-page.etc .etc h2 { font-size: 18px; margin: 30px 0 10px; }
	.sub-page.etc .etc h3 { font-size: 15px; margin: 10px 0 5px; }
}



@media (min-width:768px) and (max-width:1023px) {

.sub-page.etc .top-image { background:url(../now_img/sub/service_visual_09.png) no-repeat top center; width:100%;  background-color:#f8f8f7; background-size:cover; height:460px;}
.sub-page.etc .top-image .txt{font-size: 28px;font-weight: 700; color: #fff; line-height:60px; position:absolute;   text-align:center; top: 234px }
.sub-page.etc .top-image .txt span {display: block;font-size: 16px; font-weight: 400; word-break: keep-all;  line-height: 26px; text-align:center;}
.sub-page.etc .fix-mobile{display:none !important;}

}

@media all and(max-width:767px)  {
.sub-page.etc .top-image  { background:url(../now_img/sub/service_visual_09.png) no-repeat top center; width:100%; background-color:#f8f8f7; background-size:cover; margin-top:-60px;}
.sub-page.etc .top-image .txt{font-size: 28px; width:100%; }
.sub-page.etc .top-image .txt span{display: block;font-size: 16px; color:#fff;}
.sub-page.etc .fix-mobile{display:none !important;}
}


/*구매하기 정액제 미리보기 */
.pop-layer .pop-container {padding: 0px;overflow-y: auto; } /*190920 변경*/
.pop-layer p.ctxt {color: #666;   line-height: 25px;}
.pop-layer .btn-r { text-align: right; }
.pop-layer {  display: none;  position: relative;  top: 20%; width: 780px;  max-width:100%;  height: auto;  background-color: #fff;   margin:0 auto !important;}
.dim-layer {  display: none;  position: fixed; z-index:9999; top: 0;  left: 0;  width: 100%;  height: 100%;  }
.dim-layer .dimBg {  position: absolute;  top: 0;  left: 0;  width: 100%;  height: 100%;  background: #000;  opacity: .5;  filter: alpha(opacity=50);}
.dim-layer .pop-layer {  display: block;}
a.btn-layerClose {  display: inline-block;  height: 25px;  padding: 0 14px 0;   font-size: 13px;  color: #fff;  line-height: 25px;}
.popcnt3{max-width:100%;}
.pop_wrap .popcnt {padding:0px;}
.pop_wrap .popcnt.post {padding:20px;}
.pop_wrap .popcnt3 {width:780px !important; padding:20px; height:auto;}
.pop_wrap .popcnt3 dl {float:left;}
.pop_wrap .popcnt3 dl dt {color:#777; font-size:16px; letter-spacing:-2px; font-weight:bold; }
.pop_wrap .popcnt3 dl dd.std {color:#ed5b23; font-size:35px; line-height:30px;}
.pop_wrap .popcnt3 .caption {background:#ededed; padding:20px; margin:45px 0 25px 0; overflow:hidden; display:inline-block; width:100%;}
.pop_wrap .popcnt3 .caption p {height:60px; width:62px !important; color:#555; font-size:45px; float:left; line-height:54px; padding-right:13px;}
.pop_wrap .popcnt3 .caption dl {float:left; border-left:1px solid #bebebe; padding-left:13px; width:90%;}
.pop_wrap .popcnt3 .caption dl dt {color:#555; font-size:16px; font-weight:bold;}
.pop_wrap .popcnt3 .caption dl dd {color:#555; font-size:14px; line-height:18px;  font-weight:normal; padding-top:5px;}
.pop_wrap .popcnt3 .caption dl dd ul {padding:10px; float:left;  width:48%  !important;}
.pop_wrap .popcnt3 .caption dl dd ul:first-child {padding-left:0  !important; width:52% !important;}
.pop_wrap .popcnt3 .caption dl dd ul li {height:23px; border:0px solid red; font-size:13px  !important; }
.pop_wrap .popcnt3 .caption dl dd ul li span {display:inline-block; width:20px; height:20px; background:#ed5b23; color:#fff; font-size:13px; border-radius:40px; margin-right:5px; text-align:center; font-weight:bold; line-height: 19px;}
.pop_wrap .popcnt3 .caption2 {background:#ededed; padding:20px; margin:20px 0; overflow:hidden;}
.pop_wrap .popcnt3 .caption2 .infonum {float:left; color:#555; font-size:45px; float:left; line-height:45px; padding-right:13px;  border-right:1px solid #bebebe; }
.pop_wrap .popcnt3 .caption2 .infotxt {float:left;padding-left:13px; color:#555; font-size:16px; line-height:45px; }
.pop_wrap .popcnt3 .btn {text-align:center;  position:relative !important;}
.pop_wrap .popcnt3 .btn .download {position:absolute; top:0; left:0;}
.pop_wrap .popcnt3 .org_btn a{width:120px; height:40px; color:#fff; background-color:#ed5b23; font-size:16px; display:inline-block; line-height:39px; text-align:center; border:1px solid #ed5b23; }
.pop_wrap .popcnt3 .org_btn a:hover{opacity:0.8;}
.pop_wrap .popcnt3 .org_btn2 a{width:120px; height:40px; color:#ed5b23; background-color:#fff; font-size:16px; display:inline-block; line-height:39px; text-align:center; border:1px solid #ed5b23;}
.pop_wrap .popcnt3 .org_btn2 a:hover{opacity:0.8;}
.pop_wrap .popcnt .rst table {width: 100%; border: 0; border-spacing: 0; color: #999; text-align: center; border-top: 2px solid #777; font-size: 13px;}
.pop_wrap .popcnt .rst table th {background: #fff;  height: 30px; text-align: center; font-size: 13px; color: #555;  font-weight: bold; border-bottom: 1px solid #c2c2c2; padding-left: 15px; line-height: 16px;}

@media all and(max-width:767px)  {
.pop_wrap .popcnt3 dl dd.std {font-size:28px;}
.pop-layer {  display: none;  position: relative;  top: 0%; width: 780px;  max-width:100%;  height: auto;  background-color: #fff;   margin:0 auto !important;}
.pop_wrap .popcnt img{max-width:100%;}
}

/*솔루션 다운로드 - 업그레이드 안내*/

.sub-page.download .top-image { background:url(../now_img/sub/service_visual_10.png) no-repeat top center; width:100%; height:250px; background-color:#f8f8f7;}
.sub-page.download .tab-list ul { left: 0; right: 0; }
.sub-page.download .tab-list li { width: 50%; }
.sub-page.download .txt-wrap{width:calc(100% - 360px); order:1;}
.sub-page.download .tc{order:2;}
.sub-page.download .main-txt {font-size:45px; color:#ed5b23; margin:10px 0 42px;}
.sub-page.download .downbox {margin-bottom:5px; width:100%; align-items:flex-end;}
.sub-page.download .downbox img{max-width:100%; height:auto; margin-top:5px;}
.sub-page.download .down,
.sub-page.download .mobile,
.sub-page.download .ios{width:24%; text-align:center;}
.sub-page.download .down span,
.sub-page.download .mobile span,
.sub-page.download .ios span{display:block; text-align:left;}
.sub-page.download .downbox .tip_down{text-align:left;}
.sub-page.download .info{border-top:1px solid #ddd;}
.sub-page.download .info dl{margin-top:30px;}
.sub-page.download .info dl dt{font-size:15px; color:#ed5b23; }
.sub-page.download .info dl dd {margin-top:5px; font-size:22px; font-weight:bold;}
.sub-page.download .info dl dd.txt {margin-top:5px; font-size:14px; color:#6a6a6a; font-weight:normal; }
.sub-page.download .info .box{margin:30px 0px 60px; font-size:16px; line-height:30px;}
.sub-page.download .info .sub_tit{color:#333; font-weight:bold; font-size:16px; padding-top:30px;}
.sub-page.download .info ul{margin-left:13px; margin-top:10px;}
.sub-page.download .info ul li{line-height:24px; font-size:14px; list-style:disc;}


@media all and (max-width:1023px) {
.sub-page.download .top-image{ background:url(../now_img/sub/service_visual_10.png) no-repeat top center; width:100%;  background-color:#f8f8f7; background-size:cover; height:460px;}
.sub-page.download .top-image .txt{font-size: 28px;font-weight: 700; color: #fff; line-height:60px; position:absolute;   text-align:center; }
.sub-page.download .top-image .txt span {display: block;font-size: 16px; font-weight: 400; word-break: keep-all;  line-height: 26px; text-align:center;}
.sub-page.download .fix-mobile{display:none !important;}
.sub-page.download .txt-wrap{width:100%; margin-bottom:30px; order:2;}
.sub-page.download .tc{order:1; margin:0 auto;}
.sub-page.download .main-txt {text-align:center; float:none;}
.sub-page.download .info {padding:0 30px;}
.sub-page.download .info .box{margin:30px 0px 60px; font-size:14px; line-height:24px;}
}

@media all and (max-width:768px) {
.pop_wrap .popcnt3{overflow-y:scroll;}
.pop_wrap .popcnt3 .caption {padding:0px 10px 30px;}
.pop_wrap .popcnt3 .caption p {font-size:25px; height:auto;}
.pop_wrap .popcnt3 .caption dl dd{padding-left:0px;}
.pop_wrap .popcnt3 .caption dl dd ul:first-child  {width:100% !important;}
.pop_wrap .popcnt3 .caption dl dd ul {width:100% !important;  padding:0px;}
.pop_wrap .popcnt3 .caption dl dd ul li {height:auto; padding:5px 0px;}
.pop_wrap .popcnt3 img{max-width:100%;}
.sub-page .slt2 .info .box .btn {float:none;}

.sub-page.download .top-image{ background:url(../now_img/sub/service_visual_10.png) no-repeat top center; width:100%;  background-color:#f8f8f7; background-size:cover; height:250px;}
.sub-page.download .main-txt {font-size:35px; text-align:center; float:none; }
.sub-page.download .downbox .tip_down {font-size:10px; margin-top:5px; margin-left:-5px;}
.sub-page.download .info {padding:0 30px; width:100%;}
.sub-page.download .info img{max-width:100%; height:auto; display:inline-block;}
}


/*문자메세지 결제*/
.pop_wrap{	width:100%;overflow:hidden;	z-index:1;}
.pop_wrap .pop_top{	background-color: #ed5b23;    height: 25px;    padding: 14px;}
.pop_wrap .popcnt ul.cmt{	margin-bottom: 15px; background-color: #ebebeb;  overflow: hidden;    padding: 15px 30px;}
.pop_wrap .popcnt ul.cmt li{font-size: 13px; color: #777;    text-align: left;    padding: 0 0 0 7px;    background: url(../../now_img/sub/cnt_icn_01.png) no-repeat 0px 10px;	}
.pop_wrap .popcnt ul.cmt li.act{ color: #333;}
#container {width: 100%;  overflow: hidden; padding-top: 50px; min-height: 100%; margin: 0 0 -130px 0;}
#container .cntwarp{	width: 1000px; margin: 0 auto;  overflow: hidden;padding: 100px 0 130px 0;	}
#container .cntwarp .titarea {overflow: hidden; padding-bottom: 40px;}
#container .cntwarp .titarea .subtit {	float: left;font-size: 37px;font-weight: bold;color: #555;text-align: left;letter-spacing: -3px;}
#container .cntwarp .shop dl.buy_cmpt {border-top: 2px solid #777;  border-bottom: 2px solid #777; text-align: center; padding: 20px 0;}
#container .cntwarp .shop dl.buy_cmpt dt {font-size: 30px; color: #ed5b23; letter-spacing: -1px;}
#container .cntwarp .shop dl.buy_cmpt dd {font-size: 16px;    color: #777;    padding: 10px 0 10px 0;	}
.gry_btn8 a {display: inline-block;width: 140px; height: 30px; background-color: #b9b8b8; color: #fff; font-size: 13px; line-height: 25px;text-align: center;    font-weight: bold;	}
#container .shop .line {border-top: 2px solid #777;}
#container .total-m {background: #f4f4f4;    height: 100px;    border-bottom: 1px solid #c2c2c2;}
.pop_wrap table{	width: 100%; border: 0; border-spacing: 0; color: #999; text-align: center;}
.pop_wrap .btnarea{clear: both;    text-align: center;}

/*이메일*/
.pop_wrap {width: 100%;    overflow: hidden;	}
.pop_wrap .pop_top {background-color: #ed5b23;  height: 55px;    padding: 14px;	}
.pop_wrap .pop_top .pop_tit {float: left;	color: #fff;font-weight: bold;font-size: 18px;line-height: 22px;}
.pop_wrap .pop_top .btn_close {float:right;	}


.pop_wrap .popcnt2 {padding:10px 10px 20px 10px;} /*{padding:30px 10px 40px 10px;}*/
.pop_wrap .popcnt2 ul.email {overflow:hidden; margin:30px 0;}
.pop_wrap .popcnt2 ul.email li {text-align:center; }
.pop_wrap .popcnt2 ul.email li.tit {color:#333; font-size:40px; line-height:40px; letter-spacing:-4px; margin:15px 0;}
.pop_wrap .popcnt2 ul.email li.txt {color:#777; font-size:17px; line-height:19px; letter-spacing:-2px; font-weight:bold;}
.pop_wrap .popcnt2 ul.cmt {height:55px; margin-top:10px; background-color:#ebebeb; overflow:hidden; padding:15px 30px; }
.pop_wrap .popcnt2 ul.cmt li {font-size:13px; color:#777; text-align:left; padding:0 0 0 7px ; background:url('../../now_img/sub/cnt_icn_01.png') no-repeat 0px 10px;}
.pop_wrap .popcnt2 ul.cmt li.info { background:url('../../now_img/sub/cnt_icn_01.png') no-repeat 0px 40px; padding:0 0 6px 0;}
.pop_wrap .popcnt2 .free_box_on {float:left; width:29.5%; height:445px; padding:10px 10px 20px 10px; margin-bottom:15px; border:2px solid #ed5b23; background:url('../../now_img/sub/order_freeview_check.png') no-repeat 0 0;}
.pop_wrap .popcnt2 .free_box_off {float:left; width:29.5%; height:445px; padding:10px 10px 20px 10px; margin-bottom:15px; border:2px solid #e2dfdf;}
.pop_wrap .popcnt2 p {text-align:center; padding-bottom:10px;}
.pop_wrap .popcnt2 .tit {color:#ed5b23; font-size:20px; line-height:22px; letter-spacing:-2px; text-align:center; padding:5px 0;}
.pop_wrap .popcnt2 .tit p {font-size:26px; font-weight:bold; padding-bottom:15px;}
.pop_wrap .popcnt2 .area {overflow:hidden; height:140px;}
.pop_wrap .popcnt2 .area ul.txt {margin:0 13px;}
.pop_wrap .popcnt2 .area ul.txt li {background:url('../../now_img/common/pop_icn_bullet.gif') no-repeat 0 10px; padding-left:8px; line-height:20px; font-size:14px;}
.pop_wrap .popcnt2 .select {margin:20px 15px; text-align:center;}
.pop_wrap .popcnt2 .select .off {width:120px; height:36px; line-height:33px; background-color:#b3b3b3; display:inline-block; padding-left:10px;}
.pop_wrap .popcnt2 .select .on {width:120px; height:36px; line-height:33px; background-color:#ed5b23; display:inline-block; padding-left:10px;}
.pop_wrap .popcnt2 .select label {color:#fff; font-size:14px; font-weight:bold;}
.pop_wrap .popcnt2 .date {text-align:left; height:40px; line-height:16px; font-weight:bold; color:#fff; background-color:#ed5b23; padding:5px 0 0 10px;}
.pop_wrap table {width:100%; border:0; border-spacing:0; text-align:center; color:#999; text-align:center; /* border-top:2px solid #777;*/} /* 180927 rev */
.pop_wrap table th {/*background:#f6f5f5; */ height:40px; text-align: left; font-size:14px; color:#555; font-weight:bold; /* border-bottom:1px solid #c2c2c2; */ padding-left:15px; line-height:16px} /* 180927 rev */
.pop_wrap table td {/*border-bottom:1px solid #ccc;*/ height:40px; text-align:left; padding-left:15px; word-wrap:break-word; line-height:15px; font-size:13px;} /* 180927 rev */
.pop_wrap table td.price {font-weight:bold; color:#ed5b23;}
.pop_wrap table td.tip {font-weight:bold; color:#ed5b23; font-size:16px;}
.pop_wrap table td.msg {color:#333; font-size:13px; font-weight:bold; padding:5px 15px;}
.pop_wrap table td p {color:#777; font-size:12px; line-height:16px; height:20px; padding:3px 0; font-weight:normal;}
.pop_wrap .btnarea {clear:both;  text-align:center;}
.pop_wrap .popcnt #tabmenu8 {overflow:hidden; margin:0px 0 20px 0; border:0px solid red;}
.pop_wrap .popcnt #tabmenu8 ul li{float:left; list-style:none;}
.pop_wrap .popcnt #tabmenu8 ul li a{display:inline-block; width:197px; height:35px; color:#999999; font-size:15px; font-weight:bold; line-height:32px; text-align:center; border-top:1px solid #d7d5d5; border-right:1px solid #d7d5d5; border-bottom:1px solid #354152;  cursor:pointer;}
.pop_wrap .popcnt #tabmenu8 ul li.on a {background-color: #fff; color: #354152; border-top: 1px solid #354152;  border-right: 1px solid #354152; border-left: 1px solid #354152;  border-bottom: 1px solid #fff; }
.pop_wrap .popcnt .post{padding-left:30px;}
.pop_wrap .popcnt dl.post {background-color: #f4f4f4; border: 1px solid #d7d5d5; padding: 15px 17px; margin-bottom: 15px;}
.pop_wrap .popcnt .post input {margin-top:-4px;}
.pop_wrap .popcnt .post dt{margin-bottom:10px;}
.pop_wrap .popcnt .rst_txt{padding-left:30px;}


/*이벤트*/
.logo-event {float:right; margin:0 auto;}



@media all and (max-width:768px) {
.sub-page .vod .thumbs-survey p img{max-width:100%; height:300px; width:696px;}
}



/*개설관리*/

.sub-page.mypage .area-table {
    position: relative;
    border-top: 2px solid #dbdbdb
	}
.sub-page.mypage.list-page .title-name {font-size:20px; font-weight:bold; margin-bottom:10px; margin-top:45px;}
.sub-page.mypage.list-page .area-table .table ul li:nth-child(1) { width: 60px; }
.sub-page.mypage.list-page .area-table .table ul li:nth-child(2) { width: 100px; }
.sub-page.mypage.list-page .area-table .table ul li:nth-child(3) { width: 600px; }
.sub-page.mypage.list-page .area-table .table ul li:nth-child(4) { width: 100px; }
.sub-page.mypage.list-page .area-table .table ul li:nth-child(5) { width: 170px; color: #555; }
.sub-page.mypage.list-page .area-table .table ul li:nth-child(6) { width: 120px; cursor:pointer; }
.sub-page.mypage.list-page .area-table .table ul li:nth-child(6) a {border:1px solid #ccc; padding:5px;}

/*결제관리*/

.sub-page.mypage.list-page .area-table .service-purchase .table ul li:nth-child(1) { width: 150px; }
.sub-page.mypage.list-page .area-table .service-purchase .table ul li:nth-child(2) { width: 240px; }
.sub-page.mypage.list-page .area-table .service-purchase .table ul li:nth-child(3) { width: 150px; }
.sub-page.mypage.list-page .area-table .service-purchase .table ul li:nth-child(4) { width: 60px; }
.sub-page.mypage.list-page .area-table .service-purchase .table ul li:nth-child(5) { width: 170px; color: #555; }
.sub-page.mypage.list-page .area-table .service-purchase .table ul li:nth-child(6) { width: 120px; cursor:pointer; }

.sub-page.mypage.list-page .area-table .sms-purchase .table ul li:nth-child(1) { width: 200px; }
.sub-page.mypage.list-page .area-table .sms-purchase .table ul li:nth-child(2) { width: 200px; }
.sub-page.mypage.list-page .area-table .sms-purchase .table ul li:nth-child(3) { width: 200px; }
.sub-page.mypage.list-page .area-table .sms-purchase .table ul li:nth-child(4) { width: 200px; }
.sub-page.mypage.list-page .area-table .sms-purchase .table ul li:nth-child(5) { width: 200px; color: #555; }


.sub-page.mypage.list-page .area-table .equip-purchase .table ul li:nth-child(1) { width: 200px; }
.sub-page.mypage.list-page .area-table .equip-purchase .table ul li:nth-child(2) { width: 420px; }
.sub-page.mypage.list-page .area-table .equip-purchase .table ul li:nth-child(3) { width: 100px; }
.sub-page.mypage.list-page .area-table .equip-purchase .table ul li:nth-child(4) { width: 100px; }
.sub-page.mypage.list-page .area-table .equip-purchase .table ul li:nth-child(5) { width: 140px; color: #555; }
.sub-page.mypage.list-page .area-table .equip-purchase .table ul li:nth-child(6) { width: 140px; }




@media screen and (max-width: 1023px) {
	.sub-page.mypage.list-page .area-table .table ul li:nth-child(1) { }
	.sub-page.mypage.list-page .area-table .table ul li:nth-child(2) { display: block; width: auto; font-size: 13px; margin: 0 80px 5px 0; position:absolute; top:17px; left:50px; }
	.sub-page.mypage.list-page .area-table .table ul li:nth-child(3) { display: block; width: auto; margin: 10px 80px 5px 0; font-size:13px; color: #777; }
	.sub-page.mypage.list-page .area-table .table ul li:nth-child(4) { float: left; display: block; width: auto; font-size: 13px; color: #777; }
	.sub-page.mypage.list-page .area-table .table ul li:nth-child(4):before { content: '개설자 :'; display: inline-block; font-size: 13px; color: #777; padding: 0 2px 0 0; }
	.sub-page.mypage.list-page .area-table .table ul li:nth-child(4):after { content: ''; display: inline-block; padding: 0; font-size: 13px; color: #777; padding: 0 5px; }
	.sub-page.mypage.list-page .area-table .table ul li:nth-child(5) { display: block; width: auto; font-size: 13px; color: #777; margin-right: 80px; }
	.sub-page.mypage.list-page .area-table .table ul li:nth-child(5):before { content: '개설일 :'; display: inline-block; font-size: 13px; color: #777; padding: 0 2px 0 0; }
	.sub-page.mypage.list-page .area-table .table ul li:nth-child(6) { position: absolute; top: 50%; right: 0; transform: translateY(-50%); width: 60px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 13px; color: #555; padding: 0 5px; text-align: center; cursor:pointer; }
	.sub-page.mypage.list-page .area-table .table ul:before { content: ''; position: absolute; top: 14px; right: 71px; bottom: 14px; width: 1px; background: #c2c2c2; }
	.sub-page.mypage.list-page .area-table .table ul li:nth-child(6) a {border:0px;}

	.sub-page.mypage.list-page .area-table .service-purchase .table ul li:nth-child(1) {width:auto; font-size:18px;}
	.sub-page.mypage.list-page .area-table .service-purchase .table ul li:nth-child(2) { display: block; width: auto; font-size: 13px; margin: 0 80px 5px 0; position:static;}
	.sub-page.mypage.list-page .area-table .service-purchase .table ul li:nth-child(2):before { content: '약정기간:'; display: inline-block; font-size: 13px; color: #777; padding: 0 2px 0 0; }
	.sub-page.mypage.list-page .area-table .service-purchase .table ul li:nth-child(3) {width: auto; display:inline; float:left; margin:0px;}
	.sub-page.mypage.list-page .area-table .service-purchase .table ul li:nth-child(4) { float: left; display: block; width: auto; font-size: 13px; color: #777; }
	.sub-page.mypage.list-page .area-table .service-purchase .table ul li:nth-child(3):before { content: '결제금액:'; display: inline-block; font-size: 13px; color: #777; padding: 0 2px 0 0; }
	.sub-page.mypage.list-page .area-table .service-purchase .table ul li:nth-child(3):after { content: '/'; display: inline-block; padding: 0; font-size: 13px; color: #777; padding: 0 5px; }
	.sub-page.mypage.list-page .area-table .service-purchase .table ul li:nth-child(5) { display: block; font-size: 13px; color: #777; margin-right: 80px; margin-top:30px; }
	.sub-page.mypage.list-page .area-table .service-purchase .table ul li:nth-child(5):before { content: '결제방법 :'; display: inline-block; font-size: 13px; color: #777; padding: 0 2px 0 0; }
	.sub-page.mypage.list-page .area-table .service-purchase .table ul li:nth-child(6) { position: absolute; top: 50%; right: 0; transform: translateY(-50%); width: 63px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 13px; color: #555; padding: 0 5px; text-align: center; cursor:pointer; }
	.sub-page.mypage.list-page .area-table .service-purchase .table ul:before { content: ''; position: absolute; top: 14px; right: 71px; bottom: 14px; width: 1px; background: #c2c2c2; }

	.sub-page.mypage.list-page .area-table .sms-purchase .table ul li:nth-child(1) {width:150px; font-size:13px;}
	.sub-page.mypage.list-page .area-table .sms-purchase .table ul li:nth-child(2) { display: block; width: auto; font-size: 16px; margin: 0 80px 5px 0; position:static;}
	.sub-page.mypage.list-page .area-table .sms-purchase .table ul li:nth-child(3) { display:none;  width: auto; margin: 10px 80px 5px 0; }
	.sub-page.mypage.list-page .area-table .sms-purchase .table ul li:nth-child(4) { float: left; display: block; width: auto; font-size: 13px; color: #777; }
	.sub-page.mypage.list-page .area-table .sms-purchase .table ul li:nth-child(4):before { content: '결제방법:'; display: inline-block; font-size: 13px; color: #777; padding: 0 2px 0 0; }
	.sub-page.mypage.list-page .area-table .sms-purchase .table ul li:nth-child(4):after {display:none;}
	.sub-page.mypage.list-page .area-table .sms-purchase .table ul li:nth-child(5) { margin-right:-17px;position: absolute; top: 50%; right: 0; transform: translateY(-50%); width: 100px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 13px; color: #555; padding: 0 5px; text-align: center; cursor:pointer; }
	.sub-page.mypage.list-page .area-table .sms-purchase .table ul li:nth-child(5):before {content: ''; display:inline-block; }

	.sub-page.mypage.list-page .area-table .equip-purchase .table ul li:nth-child(1) {width:150px; font-size:13px;}
	.sub-page.mypage.list-page .area-table .equip-purchase .table ul li:nth-child(2) { display: block; width: auto; font-size: 16px; margin: 0 80px -7px 0; position:static;}
	.sub-page.mypage.list-page .area-table .equip-purchase .table ul li:nth-child(3) { display:inline-block; margin:10px 0px 0px 0px; float:left; width:auto;}
	.sub-page.mypage.list-page .area-table .equip-purchase .table ul li:nth-child(3):before { content: '결제금액 :'; display: inline-block; font-size: 13px; color: #777; padding: 0 2px 0 0; }
	.sub-page.mypage.list-page .area-table .equip-purchase .table ul li:nth-child(3):after { content: '/'; display: inline-block; font-size: 13px; color: #777; padding: 0 5px 0 0; }
	.sub-page.mypage.list-page .area-table .equip-purchase .table ul li:nth-child(4) { float: left; display: block; width: auto; font-size: 13px; color: #777; margin-top:10px;}
	.sub-page.mypage.list-page .area-table .equip-purchase .table ul li:nth-child(4):before { content: '결제일:'; display: inline-block; font-size: 13px; color: #777; padding: 0 2px 0 0; }
	.sub-page.mypage.list-page .area-table .equip-purchase .table ul li:nth-child(4):after { content: ''; display: inline-block; padding: 0; font-size: 13px; color: #777; padding: 0 5px; }
	.sub-page.mypage.list-page .area-table .equip-purchase .table ul li:nth-child(5) { display: block; width: 100%; font-size: 13px; color: #777; margin-right: 80px; margin-top:30px; }
	.sub-page.mypage.list-page .area-table .equip-purchase .table ul li:nth-child(6) { position: absolute; top: 50%; right: 0; transform: translateY(-50%); width: 63px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 13px; color: #555; padding: 0 5px; text-align: center; cursor:pointer; }
	.sub-page.mypage.list-page .area-table .equip-purchase .table ul:before { content: ''; position: absolute; top: 14px; right: 71px; bottom: 14px; width: 1px; background: #c2c2c2; }


}


/*1:1상담 답변/내용 함께*/
.area-table .counsel-table table {width: 100%;margin-bottom:20px;margin-top:20px;}
.area-table .counsel-table th, td {padding: 10px 20px;}
.counsel-table .counsel-view th {width: 12%;	text-align: left;	}
.area-table .counsel-table .counsel-view th{	text-align:right; 	font-weight:700;	border-bottom: 1px solid #ddd; font-size:15px;	}
.area-table .counsel-table .counsel-view td{border-bottom: 1px solid #ddd; }
.area-table .counsel-table .counsel-view th,  .counsel-view td {	line-height:24px;	padding:10px 20px;}

@media (min-width:768px) and (max-width:1023px) {
.area-table .counsel-table th, td {padding: 10px;}
.area-table .counsel-table .counsel-view th{	text-align:right; 	font-weight:700;	border-bottom: 1px solid #ddd; font-size:14px;}
.area-table .counsel-table .counsel-view th,  .counsel-view td {	line-height:24px;	padding:10px;}

}

@media only screen and (max-width:768px) {
.area-table .counsel-table .counsel-view {	margin: 0 auto;}
.area-table .counsel-table .counsel-view th,  .counsel-view td {width: 100%;display: block;	border-top: none;	padding:10px;	line-height:24px; font-size:14px;}
.area-table .counsel-table .counsel-view  th {	text-align:center;}
.area-table .counsel-table .counsel-view tr:first-child th {border-top: 1px solid #ddd;}
}


/*장비_미리보기*/
.pop_wrap .popcnt {padding: 15px 20px 20px 20px;}
#preview {position:relative; left:0; top:0; height:435px; border:1px solid #dfdcdc; }
#preview img {display:block; border:0;zoom:1}
#preview ul {display:table; margin:0 auto; padding-top:320px;}
#preview ul:after {content:"";display:block; clear:both}
#preview ul li {float:left;}
#preview li a {display:inline-block; border:1px solid #ccc; padding:10px 14px; margin-left:10px;}
#preview li a:hover {border:1px solid #333;}
#preview .full {position:absolute; top:40px; max-width:100%; margin:0 auto; display:inline-block; left:50%; transform: translateX(-50%); cursor:default;opacity:0;filter:alpha(opacity=0); -webkit-transition:1s; -moz-transition:1s;-o-transition:1s ; width:280px;}
#preview li:first-child .full, #preview a:hover + .full, #preview a:active + .full, #preview a:focus + .full {opacity:1; filter:alpha(opacity=100);}
.pop_wrap .popcnt .prt_info {background:#f4f4f4; border:1px solid #dfdcdc; padding:25px 30px; margin-top:10px;}
.pop_wrap .popcnt .prt_info H1 {font-size:25px; color:#333; font-weight:bold; letter-spacing:-2px; height:25px; line-height:25px; vertical-align:top;}
.pop_wrap .popcnt .prt_info table {width:100%; color:#777; font-size:16px; border-top:0px solid #777; margin-top:15px;}
.pop_wrap .popcnt .prt_info table th {font-size:14px; height:30px; font-weight:bold; border-bottom:0px solid #c2c2c2; text-align:left; padding-left:0px; vertical-align:top;}
.pop_wrap .popcnt .prt_info table td {font-size:14px; height:30px; border-bottom:0px solid #c2c2c2; padding-left:0px; line-height:19px; vertical-align:top;}
.pop_wrap .popcnt #tabmenu9 {overflow:hidden; margin:20px 0 15px 0; border:0px solid red; width:100%; }
.pop_wrap .popcnt #tabmenu9 ul li{list-style:none; float:left; width:33.333%;}
.pop_wrap .popcnt #tabmenu9 ul li a{display:inline-block; width:246px; height:40px; background-color:#9aa7b8; color:#fff; font-size:15px; font-weight:bold; line-height:35px; text-align:center; border-left:1px solid #fff; cursor:pointer;}
@-moz-document url-prefix() {.pop_wrap .popcnt #tabmenu9 ul li a{display:inline-block; width:100%; height:40px; background-color:#9aa7b8; color:#fff; font-size:15px; font-weight:bold; line-height:40px; text-align:center; border-left:1px solid #fff; cursor:pointer;}} /** ���̾����� **/
@media screen and (-webkit-min-device-pixel-ratio:0){.pop_wrap .popcnt #tabmenu9 ul li a{display:inline-block; width:100%; height:40px; background-color:#9aa7b8; color:#fff; font-size:15px; font-weight:bold; line-height:40px; text-align:center; border-left:1px solid #fff; cursor:pointer;}} /** ���� **/
.pop_wrap .popcnt #tabmenu9 ul li:first-child {border-right:0px solid #fff;}
.pop_wrap .popcnt #tabmenu9 ul li a:hover{background-color:#354152; color:#fff;}
.pop_wrap .popcnt #tabmenu9 ul li.on a{background-color:#354152; color:#fff; line-height:40px;}
.pop_wrap .popcnt #shopcontent0 {max-width:100%;}
.pop_wrap .popcnt #shopcontent1 {max-width:100%;}
.pop_wrap .popcnt #shopcontent2 {max-width:100%;}
.pop_wrap .popcnt #shopcontent0 img{max-width:100%;}
.pop_wrap .popcnt #shopcontent1 img{max-width:100%;}
.pop_wrap .popcnt #shopcontent2 img{max-width:100%;}
.pop_wrap .popcnt .prt_detail {overflow:hidden; text-align:center; padding-top:20px;}
.pop_wrap .popcnt .prt_detail p {text-align:center; margin:0; padding:0;}
.pop_wrap .popcnt .prt_devy {overflow:hidden;  padding-top:20px;}
.pop_wrap .popcnt .prt_devy .box01 {background:url('../../now_img/sub/shop_icn_delivery.gif') no-repeat 43px 25px;}
.pop_wrap .popcnt .prt_devy .box02 {background:url('../../now_img/sub/shop_icn_change.gif') no-repeat 43px 80px;}
.pop_wrap .popcnt .prt_devy h1 {font-size:19px; color:#777; margin-left:160px; padding-bottom:5px;}
.pop_wrap .popcnt .prt_devy ul {margin-left:160px;}
.pop_wrap .popcnt .prt_devy ul li {font-size:14px; color:#777; text-align:left; padding:0 0 0 7px ; background:url('../../now_img/sub/cnt_icn_01.png') no-repeat 0px 10px;}
.pop_wrap .popcnt .line {border-bottom:1px dashed #cecaca; padding-top:20px; margin-bottom:20px;}
.pop_wrap .popcnt .prt_cus {overflow:hidden; padding-top:20px;}
.pop_wrap .popcnt .prt_cus .box03 {background:url('../../now_img/sub/shop_icn_tel.gif') no-repeat 43px 0px;}
.pop_wrap .popcnt .prt_cus dl {margin-left:160px;}
.pop_wrap .popcnt .prt_cus dl dt {font-size:19px; color:#777; font-weight:bold;}
.pop_wrap .popcnt .prt_cus dl dd {font-size:40px; color:#354152; font-weight:bold; height:40px; vertical-align:top; line-height:35px;}
.pop_wrap .popcnt .prt_cus ul li {font-size:14px; color:#777; text-align:left; padding:0 0 0 7px ; background:url('../../now_img/sub/cnt_icn_01.png') no-repeat 0px 10px;}


.pop_wrap .popcnt .prt_info_responsive table{border-collapse: collapse; border-spacing: 0; width: 100%; font-size:16px;}
.pop_wrap .popcnt .prt_info_responsive h1{padding:10px 0px;}
.pop_wrap .popcnt .prt_info_responsive table th, .pop_wrap .popcnt .prt_info_responsive table td{padding: 10px; border: 1px solid #ddd;  font-size:14px;}
.pop_wrap .popcnt .prt_info_responsive table th {background: #f4f4f4;}
.pop_wrap .popcnt .prt_info_responsive table.product_info th{width: 30%;text-align: left;}

@media only screen and (max-width:500px) {
.pop_wrap .popcnt #tabmenu9 {font-size:14px;}
#preview {position:relative; left:0; top:0; height:520px; border:1px solid #dfdcdc;}
#preview ul {padding-top:245px;}
#preview ul li {text-align:center; float:none;}
.pop_wrap .popcnt #tabmenu9 ul li{width:100%; border:1px solid #fff;}
.pop_wrap .popcnt .prt_info_responsive table.product_info th,.pop_wrap .popcnt .prt_info_responsive table.product_info td{width: 100%; display:block; border-top: none; height: auto;}
.pop_wrap .popcnt .prt_info_responsive table.product_info tr:first-child th{border-top: 1px solid #ddd;}

.pop_wrap .popcnt .prt_devy .box01{background:none;}
.pop_wrap .popcnt .prt_devy .box02 {background:none;}
.pop_wrap .popcnt .prt_cus .box03 {background:none;}

.pop_wrap .popcnt .prt_devy h1 {margin-left:0px;}
.pop_wrap .popcnt .prt_devy ul {margin-left:0px;}
.pop_wrap .popcnt .prt_cus dl {margin-left:0px;}
}


@media only screen and (max-width:300px) {
#preview {position:relative; left:0; top:0; height:455px; border:1px solid #dfdcdc; }
#preview ul {display:grid; margin:0 auto; padding-top:200px;}
#preview ul li {text-align:center;}
#preview li a {margin-bottom:10px;}

}



/*웨비나 스튜디오 임대*/
.sub-page.webinar.write-page .area-table .area-content {margin-top:15px;}
.sub-page.webinar.write-page .area-table .table ul li {overflow:unset;}
.sub-page.write-page .area-table .line1 input[type='text'].i_100{width:100px;}
.sub-page.webinar.write-page .area-table .table .table-selectbox {position:relative; width:85px; height:35px; border:1px solid #c7c7c7; display:inline-block; margin-right:10px;}
.sub-page.webinar.write-page .area-table .table .table-selectbox:before { content: ''; position: absolute; top: 0; right: 0; width: 36px; height: 33px; background: url("https://www.nownsurvey.com/img/v2/sub/icon-selectbox.png") no-repeat center; border-left: 1px solid #c7c7c7; }
.sub-page.webinar.write-page .area-table .area-input{display:inline;}
.sub-page.webinar.write-page .area-table .area-input:nth-child(3){margin-left:10px;}
.sub-page.webinar.write-page .area-table .table input[type='text'].width-275{width:264px;}
.sub-page.webinar.write-page .line1 .reservation_time{display:inline-block; margin-left:10px;}
.sub-page.webinar.write-page .line1 .reservation_time span.txt{color:#555; vertical-align:middle;}
.sub-page.webinar.write-page .area-table .line1 > div:nth-child(1) {white-space:nowrap;}
.sub-page.sub-page.buy-in .flexslider .slides {margin-top:30px;}
.sub-page.sub-page.buy-in .flexslider .slides .txt{background-color:#2a2a2a; width:100%; padding:20px 40px;}
.sub-page.sub-page.buy-in .flexslider .slides .txt .tit{color:#fff; font-size:33px; float:left; display:inline-block;}
.sub-page.sub-page.buy-in .flexslider .slides .txt .con{color:#fff; display:inline-block; margin-left:20px; font-size:16px;}



@media (min-width:768px) and (max-width:1023px) {
.sub-page.webinar.write-page .area-table .table input[type='text'].width-275{width:100%;}
.sub-page.webinar.write-page .line1 .reservation_time {margin-left:0px; white-space: nowrap;}
.sub-page.webinar.write-page .line1 .reservation_time select{height:35px;}
.sub-page.webinar.write-page .line1 .reservation_time span.txt{display:inline-block; padding-top:11px;}
.sub-page.sub-page.buy-in .flexslider .slides .txt .con {margin-left:0px; padding-top:10px;}
.sub-page .buy-in .shop .edge {margin-top:30px;}
.sub-page .buy-in .shop .edge .cnt_icn .webinar-text{width:50%; font-size:14px;}
}

@media only screen and (max-width:768px) {
.sub-page.webinar.write-page .line1 .reservation_time select{margin-top:10px;}
.sub-page.sub-page.buy-in .flexslider .slides .txt {min-height:200px;}
.sub-page .buy-in .shop .edge {margin-top:30px;}
.sub-page .buy-in .shop .edge .cnt_icn .webinar-text{width:100%; font-size:13px;}
.sub-page.sub-page.buy-in .flexslider .slides .txt .con {margin-left:0px;}
}


/*개설-초대-이메일미리보기*/

.pop_wrap .popcnt2 table.meeting-info {width: 100%;}
.pop_wrap .popcnt2 table.meeting-info td{padding: 10px; border: 1px solid #ddd; }
.pop_wrap .popcnt2 table.meeting-info th {width: 30%; text-align: left; padding: 10px; border: 1px solid #ddd;}
.pop_wrap .btnarea.meeting-preview {border-top:0px solid #fff;}


@media only screen and (max-width:600px) {
.pop_wrap .popcnt2 table.meeting-info {margin:0 auto;}
.pop_wrap .popcnt2 table.meeting-info td{height:auto; min-height:40px;}
.pop_wrap .popcnt2 table.meeting-info th, .pop_wrap .popcnt2 table.meeting-info td{width: 100%; display: block;border-top:none; border-bottom: none; }
.pop_wrap .popcnt2 table.meeting-info tr:first-child th{border-top: 1px solid #ddd;}
}



/*구매하기-정액제-반응형*/

.sub-page.buy-in .buy-step{width:100%;}
.sub-page.buy-in .buy-step ul{border:1px solid #ddd; display: inline-table; width:100%;}
.sub-page.buy-in .buy-step ul li{width:33.333%; border-right:1px solid #ddd; display: inline-block;  font-size:20px; text-align:center; padding:13px 0px;}
.sub-page.buy-in .buy-step ul li.select{background-color:#f0f0f0;}
.sub-page.buy-in .buy-step ul li:last-child{border-right:none;}


.sub-page.buy-in table.service-select {width: 100%;}
.sub-page.buy-in table.service-select th, .sub-page.buy-in table.service-select td {padding: 10px; border-right:1px solid #c2c2c2; text-align: center;}
.sub-page.buy-in table.service-select th, .sub-page.buy-in table.service-select td:last-child{border-right:none;}
.sub-page.buy-in table.service-select th {width: 13%; height:auto;}
.sub-page.buy-in table.service-select td:first-child {text-align: left;}


.sub-page.buy-in table.concurrent-purchase {width: 100%; color:#777;}
.sub-page.buy-in table.concurrent-purchase th {font-weight:bold;}
.sub-page.buy-in table.concurrent-purchase th col{width:25%;}
.sub-page.buy-in table.concurrent-purchase th span{font-size:12px; font-weight:normal;}
.sub-page.buy-in table.concurrent-purchase tr td{border-top:1px solid #c2c2c2; text-align:center; border-right: 1px solid #c2c2c2;}
.sub-page.buy-in table.concurrent-purchase tr:last-child{border-bottom:1px solid #c2c2c2;}
.sub-page.buy-in .tit-table {font-size:15px; margin-bottom:10px; margin-top:30px;}
.sub-page.buy-in .svy_tit{margin-top: 25px; color: #ed5b23; font-weight: bold; font-size: 17px;line-height: 40px;}
.sub-page.buy-in .svy_tit span{color:#777; font-size:13px; font-weight:normal;}
.sub-page.buy-in table.service-select.simultaneous td:first-child {text-align:center;}
.sub-page.buy-in .agree {font-size:12px; line-height:18px; padding:15px;}
.sub-page.buy-in .agree .check span.gry_btn {float:right;}

.sub-page.buy-in table.total-price td {border-right:0px solid #ddd; padding-top:34px; padding-right:0px;  padding-left:0px; padding-bottom:32px; border-bottom:1px solid #ddd;}
.sub-page.buy-in table.total-price ul{width:100%;}
.sub-page.buy-in table.total-price ul li{display:inline-block; float:left; white-space:nowrap;}
.sub-page.buy-in table.total-price ul li:first-child{width:18.5%; text-align:center; margin-top: 10px;}
.sub-page.buy-in table.total-price ul li:nth-child(2){width:1.5%; font-size:30px; font-weight:bold;}
.sub-page.buy-in table.total-price ul li:nth-child(3){width:19%; text-align:center; margin-top: 10px;}
.sub-page.buy-in table.total-price ul li:nth-child(4){width:1%; font-size:30px; font-weight:bold;}
.sub-page.buy-in table.total-price ul li:nth-child(5){width:20%; text-align:center; margin-top: 10px;}
.sub-page.buy-in table.total-price ul li:nth-child(6){width:20%; text-align:center; margin-top: 10px;}
.sub-page.buy-in table.total-price ul li:nth-child(7){width:20%; text-align:center; margin-top: 10px; padding-left:10px;}

@media (min-width:768px) and (max-width:1023px) {
.sub-page .buy-in table ul.pay {padding:0px;}
.sub-page .buy-in .service .slt2 p{max-width:100%;}
}

@media only screen and (max-width: 768px) {
.sub-page .buy-in .service .slt2 .box ul {width:100%;}
.sub-page.buy-in .svy_tit span {font-size:11px;}
.sub-page .buy-in table .i_200 {width:180px;}
.sub-page.buy-in .buy-step ul li{width:33.333%; border-right:1px solid #ddd; display: inline-block;  font-size:15px; text-align:center; padding:13px 0px;}
.sub-page.buy-in .buy-step ul li span{display:block; color:#777; font-size:12px;}
.sub-page.buy-in table.service-select {display: block; width: 100%; }
.sub-page.buy-in table.service-select thead {display: inline-table;float: left; width:26%; }
.sub-page.buy-in table.service-select tbody {display: table-cell;  overflow-x: none;  width:74%; overflow: hidden;     float: right;}
.sub-page.buy-in table.service-select th {display: block; width: auto; font-size:14px; }
.sub-page.buy-in table.service-select th:first-child{height:109px;padding-top:35px;}
.sub-page.buy-in table.service-select th:nth-child(2){height:112px; line-height: 87px; }
.sub-page.buy-in table.service-select th:nth-child(3){height:114px; line-height: 88px;}
.sub-page.buy-in table.service-select td:first-child{height:109px; border-right: none;}
.sub-page.buy-in table.service-select td:nth-child(2){height:112px; border-right: none;}
.sub-page.buy-in table.service-select td:nth-child(3){height:114px; border-right: none;}
.sub-page.buy-in table.service-select tbody tr {display: inline-block;margin: 0 auto; width:100%;}
.sub-page.buy-in table.service-select th, .sub-page.buy-in table.service-select td{border:none; border-top:1px solid #c2c2c2; border-right: 1px solid #c2c2c2;}
.sub-page.buy-in table.service-select td {display: block;}
.sub-page.buy-in table td .period{display:inline-block; margin:0 auto;}
.sub-page.buy-in table td .period ul li span{font-size:13px;}
.sub-page.buy-in table .txt2 {text-align:center; margin-left:0px; font-size:12px;}
.sub-page.buy-in table ul.pay {padding:0px;}
.sub-page.buy-in table.concurrent-purchase th {font-weight:bold; font-size:14px; padding: 10px 0px;}
.sub-page.buy-in table.concurrent-purchase tr td{display:table-cell; border-left: 1px solid #c2c2c2;}
.sub-page.buy-in table.concurrent-purchase tr td:first-child{border-left:none;}
.sub-page.buy-in table.concurrent-purchase td{font-size:13px; }

.sub-page.buy-in table.service-select.simultaneous td:first-child {text-align:center;}
.sub-page.buy-in table.service-select.simultaneous th {font-size:14px;}
.sub-page.buy-in table.service-select.simultaneous th:first-child{height:38px; line-height: 17px; padding-top:10px;}
.sub-page.buy-in table.service-select.simultaneous th:nth-child(2){height:55px;line-height: unset; padding-top: 12px;}
.sub-page.buy-in table.service-select.simultaneous th:nth-child(3){height:82px; line-height: 22px; padding: 15px 0px;}
.sub-page.buy-in table.service-select.simultaneous th:nth-child(4){height:115px; line-height: 95px; }
.sub-page.buy-in table.service-select.simultaneous td:first-child{height:38px; line-height: 17px;}
.sub-page.buy-in table.service-select.simultaneous td:nth-child(2){height:55px;}
.sub-page.buy-in table.service-select.simultaneous td:nth-child(3){height:82px; line-height: 54px;}
.sub-page.buy-in table.service-select.simultaneous td:nth-child(4){height:115px; line-height: 95px;}


.sub-page.buy-in table.total-price ul li{display:inline-block; float:left; white-space:nowrap; font-size:12px; margin-top:0px;}
.sub-page.buy-in table.total-price ul li:nth-child(2){width:1.2%; font-size:12px; font-weight:bold; line-height:35px;}
.sub-page.buy-in table.total-price ul li:nth-child(4){width:1.2%; font-size:12px; font-weight:bold;  line-height:35px;}

}



/*구매하기-정액제-결제하기*/

.sub-page.buy-in .payment{border-top: 2px solid #dbdbdb; padding:15px 0px; font-size:15px; display: inline-block; color: #333b43; border-bottom:1px solid #dbdbdb;}
.sub-page.buy-in .notice{font-size:20px; font-weight:bold; margin:20px 0px; letter-spacing:-1px;}
.sub-page.buy-in .notice span{color:#ed5b23;}
.sub-page.buy-in .payment ul {float:left; margin:0; padding:0; display:block; width:100%; padding: 15px 0px;}
.sub-page.buy-in .payment ul li:first-child{display: inline-block; width:10%; font-weight:bold; text-align:right;}
.sub-page.buy-in .payment ul li:last-child{display:inline-block; width:89%; text-align:left; padding-left:40px;}
.sub-page.buy-in .payment ul li input {height:35px;}
.sub-page.buy-in .payment ul li span{color:red; font-size:13px;}
.sub-page.buy-in .payment ul li.amount_txt{color:#ed5b23; font-size:18px; font-weight:bold;}
.sub-page.buy-in .btnarea{border:none;}


@media only screen and (max-width: 768px) {
.sub-page.buy-in .payment ul li:first-child{display: inline-block; width:30%; }
.sub-page.buy-in .payment ul li:last-child{display:inline-block; width:68%; padding-left:20px;}
.sub-page.buy-in .payment ul li span{display:block;}
}

/*구매하기 종량제*/
@media only screen and (max-width: 768px){
.sub-page.buy-in table.service-select.meter th:nth-child(2){height:80px; line-height: 56px;}
.sub-page.buy-in table.service-select.meter td:nth-child(2){height:80px; }
}

/*구매하기 장비*/
.sub-page .product .metting-room.product{margin-top:20px;}
.sub-page .product .metting-room.product .metting-room-top {width:100%; position:relative; }
.sub-page .product .metting-room.product .metting-room-top .product-top-img img{max-width:100%; }
.sub-page .product .metting-room.product .metting-room-top .product-txt{background-color:#606060; padding:10px 20px; color:#fff; font-size:14px; max-width:100%; display:inline-block; position:absolute; height:100%; top:50%; transform: translate(0%, -50%); right:0%;}
.sub-page .product .metting-room.product .metting-room-top .product-txt span{padding-top:20px; display:inline-block; font-size:22px; font-weight:bold;}
.sub-page .product .metting-room.product .metting-room-top .product-txt ul li.circle{margin-top: 20px; padding: 12px 11px; background-color: #fff; border-radius: 10px; width: 76px; height: 21px; color: #333; display: inline-block; line-height: 0px; text-align: center; margin-bottom: 10px; }
.sub-page .product .metting-room.product .metting-room-top .product-txt ul li {line-height:22px;}
.sub-page .product .metting-room .prt.responsive{width:100%;}
.sub-page .product .metting-room .prt.responsive .prt_img {width:23%; display:inline-block;}
.sub-page .product .metting-room .prt.responsive .prt_img img{max-width:100%; }
.sub-page .product .metting-room .prt.responsive .prt_txt{width:44%; display:inline-block; margin-top:-10px; vertical-align:top;}
.sub-page .product .metting-room .prt.responsive .prt_txt ul {width:100%;}
.sub-page .product .metting-room .prt.responsive .prt_pay{width:30%; display:inline-block;}
.sub-page .product .metting-room .prt.responsive .prt_pay .prt_num{width:49%;}
.sub-page .product .metting-room .prt.responsive .prt_pay .prt_price{width:49%;}

@media (min-width:768px) and (max-width:1023px) {
.sub-page .product .metting-room.product .metting-room-top .product-txt{width:100%; position: inherit; transform: inherit; padding:10px 20px 20px; margin-top:5px;}
.sub-page .product .metting-room.product .metting-room-top .product-txt span{padding-top:20px; display:inline-block; font-size:22px; font-weight:bold;}
.sub-page .product .metting-room.product .metting-room-top .product-top-img {width:100%;}
.sub-page .product .metting-room.product .metting-room-top .product-top-img img {max-width:100%; padding-top:20px;}

}

@media only screen and (max-width: 900px){
.sub-page .product .metting-room .prt.responsive .prt_img {width:100%;}
.sub-page .product .metting-room .prt.responsive .prt_img img {max-width:100%; margin:0 auto; display:block; padding-top:0px;}
.sub-page .product .metting-room .prt.responsive .prt_pay{width:100%; display:inline-block;}
.sub-page .product .metting-room .prt.responsive .prt_txt {width:100%; margin-top:5px;}
.sub-page .product .metting-room .prt.responsive .prt_pay .prt_num {float:left; width:49%; height:96px; background-color:#f4f4f4; padding-top:19px; margin-top:30px;}
.sub-page .product .metting-room .prt.responsive .prt_pay .prt_price{float:right; width:49%; height:96px; background-color:#ebebeb; padding-top:19px; margin-top:30px;}
}

@media only screen and (max-width: 768px){
.sub-page .product .metting-room.product .metting-room-top .product-txt{width:100%; position: inherit; transform: inherit; font-size:13px;}
.sub-page .product .metting-room.product .prt_img {width:100%; height:100%; text-align:center; }
.sub-page .product .metting-room.product .prt_txt ul {width:100%;}
.sub-page .product .metting-room.product .prt_txt ul li.txt1 {margin-top:20px;}
.sub-page .product .metting-room .prt.responsive .prt_txt {width:100%;}
.sub-page .product .metting-room .basket {width:100%; text-align:center; margin-bottom:30px; height:150px;}
.sub-page .product .metting-room .basket span.btn{display:block;}
.sub-page .product .shop_step {display:inline-block;}
.sub-page .product .shop_step{width:100%;}
.sub-page .product .shop_step ul li{width:100%; border-top:0px solid #fff;}
.sub-page .product .shop_step ul li:first-child{border-top:1px solid #ccc;}
.sub-page .product .shop_step ul li.select:first-child{border-top:1px solid #ed5b23;}
.sub-page .product .metting-room.product .metting-room-top .product-txt {margin-top:5px; padding:10px 20px 20px;}
.sub-page .product .metting-room.product .metting-room-top .product-txt span{padding-top:20px; display:inline-block; font-size:22px; font-weight:bold;}
.sub-page .product .metting-room.product .metting-room-top .product-top-img {width:100%;}
.sub-page .product .metting-room.product .metting-room-top .product-top-img img {max-width:100%; padding-top:20px;}

}


/*구매하기 장비 미리보기*/

.pop_wrap .popcnt .preview_product{display:block; border:1px solid #ccc;}
.pop_wrap .popcnt .preview_product .preview{float:right; margin:20px; padding:10px; border:1px solid #ddd;}
.pop_wrap .popcnt .preview_product ul li img {max-width:100%; text-align:center; display:block; margin:0 auto;}


/*구매하기 장비 견적문의*/
.sub-page.write-page .area-table .table-selectbox select {height:35px;}
.sub-page.shop.write-page {margin-top:30px;}
.sub-page.shop.write-page .area-table .table-selectbox {width:85px; display:inline-block;}
.sub-page.shop.write-page .area-table .table-selectbox:before {height:33px;}
.sub-page.shop.write-page .area-table .table-selectbox {height:35px;}
.sub-page.shop.write-page .area-table .area-input {display: inline;}

@media only screen and (max-width: 768px){
.sub-page.shop.write-page .area-table .table {margin-top:10px;}
.sub-page.shop.write-page .area-table .area-content {margin-top:10px;}
}

/*사용후기 게시판*/
.sub-page.review .top-image{ background: url("../now_img/sub/service_visual_11.png") no-repeat center; }
.sub-page.review.list-page .area-table .table ul li:nth-child(1){width:10%; box-sizing:border-box;}
.sub-page.review.list-page .area-table .table ul li:nth-child(2){width:60%; box-sizing:border-box; text-align:left;}
.sub-page.review.list-page .area-table .table ul li:nth-child(2) img{margin-right:5px;}
.sub-page.review.write-page .area-table .notice-review-txt{font-size:12px; float:left;}
@media only screen and (max-width: 1023px){
	.sub-page.review .top-image{
		background-size: cover;
		height: 460px;
		background: url("../now_img/sub/service_visual_11-t.png") no-repeat center;
	}
	.sub-page.review.write-page .area-table .notice-review-txt{
		float:none;
		text-align:center;
	}
	.sub-page.review.list-page .area-table .table ul li:nth-child(1){
		display:none;
	}
	.sub-page.review.list-page .area-table .table ul li:nth-child(3){
		 position: absolute;
		top: 50%;
		right: 0;
		transform: translateY(-50%);
		width: 80px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		font-size: 13px;
		padding: 0 5px;
		text-align: center;

	}
	.sub-page.review.list-page .area-table .table ul li:nth-child(4){
		display: block;
		width: auto;
		font-size: 13px;
		color: #888;
		padding: 5px 0 0 0;
	}
}
@media only screen and (max-width: 767px){
	.sub-page.review .top-image{
		height: 250px;
	}
}

/*웨비나 룸 유튜브*/
.video-webinar {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
	margin-top:20px;
}

.video-webinar iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* 개인정보수집이용 동의서 */
.sub-page .agr-box {overflow:hidden; padding:15px 0 0 0;}
.sub-page .agr-box .tit {font-size:16px; color:#555; font-weight:bold;}
.sub-page .agr-box .scrollbox3 {height:150px; overflow-y:auto; border:1px solid #c2c2c2; padding:15px; margin:10px 0; color:#000; font-size:14px; line-height:24px;}
.sub-page .agr-box .scrollbox3 dl dt {font-weight:bold;}
.sub-page .agr-box .scrollbox3 dl dd {padding-bottom:10px;}

.privacy-container{margin-top:25px;}
.privacy-container .privacy-title{margin-bottom:10px; font-size: 14px; color: #555; font-weight: bold;}
.privacy-container .privacy-content{
	height: 150px;
    overflow-y: auto;
    border: 1px solid #c2c2c2;
    padding: 15px;
	font-size:14px;
	line-height:24px;
	overflow-y:auto;
	margin-bottom:15px;
	color: #777;
}
.privacy-container .privacy-content ul{
	padding-left:0;
}
.privacy-container .privacy-content ul li{
	line-height:20px;
	margin-bottom:12px;
}
.privacy-container .privacy-checkbox{}
.privacy-container .privacy-checkbox label{cursor:pointer; font-size:14px;}
.privacy-container .privacy-checkbox label input[type="checkbox"]{vertical-align:-8px;}

@media only screen and (max-width: 767px){

}


/*개인정보 수집 업데이트 210723*/
.page-in .privacy-table{
	padding:13px 20px;
}
.page-in .privacy-table table{
	font-size:15px;
}
.page-in .privacy-table h3{
	margin-bottom:10px;
}
.page-in .privacy-table table{
	width:100%;
	border:1px solid #ccc;
	margin-top:10px;
	display:table;
}
.page-in .privacy-table table thead{
	height:30px;
	background:#eee;
	border-bottom:1px solid #ccc;
}
.page-in .privacy-table table thead th{
	border-right:1px solid #ccc;
}
.page-in .privacy-table table tbody td{
	overflow: visible;
    text-overflow: unset;
    height: 30px;
    text-align: center;
    padding: 10px;
    white-space: pre-line;
    word-break: keep-all;
	border-right:1px solid #ccc;
}
.page-in .privacy-table table tbody td:last-child{
	font-size:17px;
	text-decoration:underline;
}
.page-in .privacy-table label{
	 cursor:pointer;
}
.page-in .privacy-table .txt{
	position:relative;
	margin-top:30px;
	padding:0 0 0 12px;
	font-size:13px;
}
.page-in .privacy-table .txt:before{
	position: absolute;
    content: '※';
    vertical-align: middle;
    top: 0;
    left: 0;
}
.page-in .privacy-table .agree-btn{
	margin-top: 10px;
    padding: 10px;
	background: #f4f4f4;
}
.page-in .privacy-table .agree-btn .input-btn{
	display:inline-block;
	margin-left:20px;
}
.page-in .privacy-table table tbody td:last-child{ /*보유년수 강조 추가 210722 */
	font-size:18px;
	text-decoration:underline;
}
@media screen and (max-width: 767px) {
	.page-in .privacy-table{
		padding:13px 20px;
		margin:0 auto;
		display:inline;
		width:100%;
		font-size:13px;
	}
	.page-in .privacy-table table{
		font-size:13px;
	}
	.page-in .privacy-table h3{
		margin-bottom:10px;
		font-size:14px;
	}
	.page-in .privacy-table .txt{
		line-height:20px;
	}
	.page-in .privacy-table .agree-btn{
		white-space:inherit;
	}
	.page-in .privacy-table table tbody td:last-child{/*보유년수 강조 추가 210722 */
		font-size:15px;
	}
}