@charset "utf-8";
/************************************************************************
 * filename     : sub.css
 * description  : 프론트 sub style CSS
 * date         : 2022.07.19 JDW
************************************************************************/

/* common */
.top-image,.top-image2,.top-image3,.top-image4 { position: relative; height: 250px; text-align: center; }  /* 170602 추가 */
.top-image .txt,.top-image2 .txt,.top-image3 .txt,.top-image4 .txt { font-size: 35px; font-weight: 700; color: #fff; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; }  /* 170602 추가 */
.top-image .txt span,.top-image2 .txt span,.top-image3 .txt span,.top-image4 .txt span { display: block; font-size: 24px; font-weight: 500; word-break: keep-all; padding: 0 20px; margin: 5px 0 0 0; }  /* 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 { 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; text-align: center; }
.tab-list li a:hover {color: #ec5520;}
.tab-list li.selected a { color: #ed5c23; font-weight: 600; }
.tab-list li.selected:after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 4px; background: #ed5c23; }
.tab-list .box .btn-prev { position: absolute; top: 0; left: 0; width: 40px; height: 69px; cursor: pointer; background: url("/img/v2/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("/img/v2/sub/icon-arrow-next.png") no-repeat center; }

.tab-list2 { height:140px; position: relative; font-size: 0; } /*210316 height값 변경*/
.tab-list2 .box { position: absolute; top: 0; left: 0; right: 0; z-index: 300; height: 140px; background: #fff; border-bottom: 1px solid #dbdbdb; } /*210316 height값 변경*/
.tab-list2 .box.fixed-menu { position: fixed; } /* 170523 추가 */
.tab-list2 .box-inner { position: relative; } /* 170523 추가 */
.tab-list2 li { display: inline-block; position: relative; width:12.5%; height:45px;} /* 170523 추가 */
.tab-list2 li a { display: block; font-size: 16px; color: #555; line-height: 54px; text-align: center;} /* 170523 추가 */
.tab-list2 li a:hover {color: #ec5520;} /* 170523 추가 */
.tab-list2 li.selected a { font-size:15px; color: #ed5c23;} /* 170523 추가 */
.tab-list2 li.selected:after { content: ''; position: absolute; top: 12px; left: 0; right: 0; height: 30px;  display:inline-block; border:1px solid #ed5c23;} /* 170523 추가 */

.tab-list3 { height:70px; position: relative; font-size: 0;} /* 170602 추가 */
.tab-list3 .box { position: absolute; top: 0; left: 0; right: 0; z-index: 300; height: 69px; background: #fff; border-bottom: 1px solid #dbdbdb; } /* 170602 추가 */
.tab-list3 .box.fixed-menu { position: fixed; } /* 170602 추가 */
.tab-list3 .box-inner { position: relative; } /* 170602 추가 */
.tab-list3 li { display: inline-block; position: relative; width:16%;} /* 170602 추가 */
.tab-list3 li a { display: block; font-size: 16px; color: #555; line-height: 65px; text-align: center;} /* 170602 추가 */
.tab-list3 li a:hover {color: #ed5c23;} /* 170602 추가 */
.tab-list3 li.selected a { font-size:15px; color: #ed5c23;} /* 170602 추가 */
.tab-list3 li.selected:after { content: ''; position: absolute; top: 18px; left: 0; right: 0; height: 30px;  display:inline-block; border:1px solid #ed5c23;} /* 170602 추가 */

.tab-list-smp { height: 70px; position: relative; font-size: 0; }
.tab-list-smp .box { position: absolute; top: 0; left: 0; right: 0; z-index: 300; height: 69px; background: #fff; border-bottom: 1px solid #dbdbdb; }
.tab-list-smp .box.fixed-menu { position: fixed; }
.tab-list-smp .box-inner { position: relative; }
.tab-list-smp .box-inner .clear { position: relative; overflow:hidden;width:89%;height:69px; }
.tab-list-smp .box-inner > div { position: absolute; left: 40px; right: 40px; white-space: nowrap; overflow: hidden; }
.tab-list-smp .box-inner > div > div { display: inline-block; position: relative; width:16.6% }
.tab-list-smp .box-inner > div > div a { display: block; font-size: 18px; color: #555; line-height: 69px; letter-spacing: -1px; text-align: center; }
.tab-list-smp .box-inner > div > div > div > div.selected a { color: #43579c; font-weight: 700; }
.tab-list-smp .box-inner > div > div > div > div.selected::after { width:153.3px; content: ''; position: absolute; bottom: 0; /*left: 0; right: 0;*/ height: 4px; background: #ed5c23; }
.tab-list-smp .box .btn-prev { position: absolute; top: 0; left: 0; width: 40px; height: 69px; cursor: pointer; background: url("/img/v2/sub/icon-arrow-prev.png") no-repeat center; }
.tab-list-smp .box .btn-next { position: absolute; top: 0; right: 0; width: 40px; height: 69px; cursor: pointer; background: url("/img/v2/sub/icon-arrow-next.png") no-repeat center; }

.title-sub { font-size: 35px; color: #333 !important; font-weight: 700; margin: 45px 0 30px; line-height:1.5;} /*210324 important 추가 */
.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-sub2 { font-size: 23px; color: #555; font-weight: 700; margin: 0 0 20px; }
.title-sub3 { font-size: 23px; color: #555; font-weight: 700; margin: 50px 0 20px; }
.title-sub3 > span { font-size: 17px; color: #777; line-height: 1.4; font-weight: 400; margin: 10px 0 0; display: block; }
.title-sub3 > ul { margin: 10px 0 0 0; }
.title-sub3 > ul > li { font-size: 15px; color: #777; font-weight: 400; padding: 4px 0 4px 20px; background: url("/img/v2/sub/icon-dot2.png") no-repeat 9px 12px; }
.title-sub4 { font-size: 23px; color: #555; line-height: 1.4; font-weight: 700; margin: 0 0 20px; }
.title-sub5 { font-size: 17px; color:  #ed5c23;; line-height: 1.4; font-weight: 700; margin: 0 0 20px 0; }
.title-sub6 { font-size: 35px; color: #333; font-weight: 700; margin: 30px 0 10px;} /* 181025 수정  */
ul.title-sub6-tip {font-size: 13px; color: #777; line-height:21px; text-align:left; letter-spacing:-1px; display:inline-block;} /* 180327 수정 */ /* 1809 rev */
ul.title-sub6-tip span a {display: inline-block; width: 90px; height:20px; background: #969696; text-align: center; color: #fff; font-size: 13px; line-height: 20px; letter-spacing: -1px; margin-left:10px;} /* 171226 추가  */
ul.title-sub6-tip span a:hover {background:#ed5c23;} /* 171226 추가 */
.title-sub6.hotissue{ font-size: 13px;  color: #777; font-weight: normal; margin: 10px 0px 15px; word-break: keep-all;} /*210114 추가*/

.area-btn3 { text-align:center; float:right; margin:45px 0 0 0 ;} /* 180420 추가 */
.area-btn3 a.btn-moim,.area-btn3 a { display: inline-block; vertical-align: top; box-sizing: border-box; background: #ed5c23; text-align: center; border: 1px solid #ed5c23; color: #fff; font-size: 16px; line-height: 43px; padding: 0 20px; letter-spacing: -1px; min-width: 130px; } /* 180420 추가 */
.area-btn3 a{background: #fff; border: 1px solid #ed5c23; color: #ed5c23;}/* 180927 add */
.area-btn3 a:hover{background:#ec5520; color: #fff;} /* 180927 add */
.area-btn3 a.btn-moim:hover {background:#ec5520;} /* 180420 추가 */

.area-btn3.btn-group{overflow:hidden;}/* 190919 add */
.area-btn3.btn-group .btn-calculator{float:left; font-size:13px; line-height:32px; padding:0 10px; min-width: 120px;}/* 190919 add */
.area-btn3.btn-group .btn-calculator:first-child{border-right:0 none;}/* 190919 add */


/*s:패널정보 타이틀 텍스트 옆 나우캐시 추가 PC 20200807 INR */
.title-sub.pannel { font-size: 35px; color: #333; font-weight: 700; margin: 45px 0 30px; line-height:1.5; display:inline-block; }
.nowcash-status {display:inline-block;  box-sizing:border-box; float:right; padding:15px 15px 0px;  margin-top:45px; }
.nowcash-status dt{font-size:18px; float:left;}
.nowcash-status dt span{float:right; font-size:20px; font-weight:bold; margin-left:20px;}
.nowcash-status .btn {float:right; margin-left:25px;}
.nowcash-status .btn .money {display:inline-block;}
.nowcash-status .btn .money a{display:inline-block; width:82px;  padding:5px; font-size:12px; text-align:center; margin-right:10px; border:1px solid #777;}
.nowcash-status .btn .nowcash-using {display:inline-block; float:right;}
.nowcash-status .btn .nowcash-using a {display:inline-block;  width:110px; padding:5px; font-size:12px;  text-align:center; border:1px solid #777;}
/*e://패널정보 타이틀 텍스트 옆 나우캐시 추가 PC 20200807 INR */

/* table common (list-page, read-page, write-page) */
.area-table { position: relative; border-top: 2px solid #dbdbdb; } /*181024 rev*/

.sub-page.list-page .area-table .table { display: table; width: 100%; table-layout: fixed; }
.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: 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-page .area-table .table ul.title li { font-size: 15px !important; color: #333b43 !important; font-weight: 700 !important; text-align: center !important; }
.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; } /* 181024 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; } /* 181024 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;} /* 181024 rev */
.sub-page.read-page .area-table .line1 p:nth-child(2) { width: 86%; color: #777; }
.sub-page.faq .area-table .table {  }/* 181024 add */
.sub-page.read-page .area-table .table { display: table; width: 100%; table-layout: fixed; position:relative;}/*210114 수정*/
.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; } /* 181024 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; } /* 181024 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 .area-content {font-size: 11pt; letter-spacing:0px; line-height:1.5; padding: 30px; color: #777; border-bottom: 1px solid #dbdbdb; margin: 0 0 30px; }
.sub-page.read-page .area-table .area-content .event-content{text-align:center;}
.sub-page.read-page .area-table .area-content .event-content img{max-width:100%;}
.sub-page.read-page .area-table .area-content .event-content .img-mobile{display:none;}
.sub-page.read-page .area-table .area-content .event-content .img-pc{display:block;}
.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:10px 0; font-size: 16px; }

.sub-page.write-page .area-table .line1 { display: table; width: 100%; table-layout: fixed;  } /*181024 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: #555; text-align: left; padding: 10px 20px; box-sizing: border-box; }
.sub-page.write-page .area-table .line1 > div:nth-child(1) { width: 14%; /*background: #f4f4f4;*/ color: #333b43; font-weight: 700; text-align: left;} /*181024 rev*/
.sub-page.write-page .area-table .line1 > div:nth-child(2) { width: 86%; color: #777;}
.sub-page.write-page .area-table .line1 .ctgy ul li {float:left; width:20%; } /* 170526 추가 */

/*s:패널정보입력 추가 210112 INR*/
.sub-page.write-page .area-table .line1.panel-info { display: table; width: 50%; table-layout: fixed;  float: left; border-bottom: 1px solid #ccc; margin-bottom: 41px;}
.sub-page.write-page .area-table .line1.panel-info > div { display: table-cell; height: 50px; vertical-align: middle; font-size: 15px; color: #555; text-align: left; padding: 10px; box-sizing: border-box; }
.sub-page.write-page .area-table .line1.panel-info > div:nth-child(1) { width: 14%; /*background: #f4f4f4;*/ color: #333b43; font-weight: 700; text-align: right;}
.sub-page.write-page .area-table .line1.panel-info > div:nth-child(2) { width: 86%; color: #777;}
.sub-page.write-page .area-table .line1.panel-info .ctgy ul li {float:left; width:20%; }
/*e://패널정보입력 추가 210112 INR*/

.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; 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-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: 28px; background: url("/img/v2/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: 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-page .area-table .line1 input[type='text'] { width: 100%; height: 28px; 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: 28px; border: 1px solid #c0bfbf; text-indent: 10px; }
.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; }  /* 181024 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 { padding: 30px; font-size: 15px; color: #777; line-height: 1.6; border-bottom: 1px solid #dbdbdb; margin: 0 0 30px; }
.sub-page.write-page .area-btns { text-align: right; font-size: 0; }
.sub-page.write-page .area-btns > p { width: 110px; }/*200914 수정*/
.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 10px; } /*210427 margin값 수정*/
.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("/img/v2/sub/icon-arrow-prev.png") no-repeat center; background-size: 11px auto; color: #fff;}
.area-table .paginate li.prev a:hover { background: url("/img/v2/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("/img/v2/sub/icon-arrow-next.png") no-repeat center; background-size: 11px auto; color: #fff;}
.area-table .paginate li.next a:hover { background: url("/img/v2/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("/img/v2/sub/icon-arrow-first.png") no-repeat center; background-size: 16px auto; }
.area-table .paginate li.first a:hover { background: url("/img/v2/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("/img/v2/sub/icon-arrow-last.png") no-repeat center; background-size: 16px auto; }
.area-table .paginate li.last a:hover { background: url("/img/v2/sub/icon-arrow-last-on.png") no-repeat center; background-size: 16px auto; }

.area-table .btn-wirte { text-align:right; margin-top:30px;} /*20200914 수정*/
.area-table .btn-wirte a { display: inline-block; width: 100px; padding:10px 0; font-size: 16px; color: #888; background: #fff; border: 1px solid #888; position: relative; text-align: center;}/*20200914 수정*/
.area-table .btn-wirte a:hover { color: #ed5c23; background: #fff; border: 1px solid #ed5c23; } /* 181024 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: 28px; 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("/img/v2/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("/img/v2/sub/icon-arrow-prev.png") no-repeat center; background-size: 11px auto; }
.area-table2 .paginate li.prev a:hover { background: url("/img/v2/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("/img/v2/sub/icon-arrow-next.png") no-repeat center; background-size: 11px auto; }
.area-table2 .paginate li.next a:hover { background: url("/img/v2/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("/img/v2/sub/icon-arrow-first.png") no-repeat center; background-size: 16px auto; }
.area-table2 .paginate li.first a:hover { background: url("/img/v2/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("/img/v2/sub/icon-arrow-last.png") no-repeat center; background-size: 16px auto; }
.area-table2 .paginate li.last a:hover { background: url("/img/v2/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; }
.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; width: 21px; margin: 9px 0 0 0;}
/* mobile */
@media screen and (max-width: 1023px) {
	.top-image,.top-image2,.top-image3,.top-image4 { height: 0; padding: 0 0 50%; }
	.top-image .txt,.top-image2 .txt,.top-image3 .txt,.top-image4 .txt { font-size: 28px; }
	.top-image .txt span,.top-image2 .txt span,.top-image3 .txt span,.top-image4 .txt span { font-size: 16px; }

	.tab-list { height: 50px; }
	.tab-list .box { height: 50px; }
	/*.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;}

	.tab-list2 {height: 225px;} /* 181129 height 수정 */
	.tab-list2 .box {width: 100%; height:225px;} /* 181129 height 수정 */
	.tab-list2 .box.fixed-menu:before { content: ''; position: fixed; width: 100%; height: 225px; background: #fff; border-bottom: 1px solid #dbdbdb; } /* 181129 height 수정 */
	.tab-list2 li {width:25%; } /* 170523 추가 */
	.tab-list2 li a { font-size: 14px; height:30px; line-height: 18px; width:100%; position: absolute; top: 18px; left: 0; right: 0;} /* 170523 추가 */

	.tab-list3 {height: 100px;} /* 170608 추가 */
	.tab-list3 .box {width: 100%; height:100px;} /* 170608 추가 */
	.tab-list3 .box.fixed-menu:before { content: ''; position: fixed; width: 100%; height: 100px; background: #fff; border-bottom: 1px solid #dbdbdb; } /* 170608 추가 */
	.tab-list3 ul { left: 0; right: 0; }
	.tab-list3 li {width:33.3%; padding: 20px 0 } /* 170608 추가 */

	.tab-list3 li a { font-size: 14px; height:30px; line-height: 30px; width:100%; position: absolute; top: 19px; left: 0; right: 0; } /* 170608 추가 */


	.tab-list .box .btn-prev, .sub-page.survey-form .tab-list .box .btn-next { display: none; }

	.tab-list-smp { height: 70px; position: relative; font-size: 0; }
	.tab-list-smp .box { position: absolute; top: 0; left: 0; right: 0; z-index: 300; height: 69px; background: #fff; border-bottom: 1px solid #dbdbdb; }
	.tab-list-smp .box.fixed-menu { position: fixed; }
	.tab-list-smp .box-inner { position: relative; }
	.tab-list-smp .box-inner .clear { position: relative; overflow:hidden; width:80%; height:69px; }
	.tab-list-smp .box-inner > div { position: absolute; left: 40px; right: 40px; white-space: nowrap; overflow: hidden; }
	.tab-list-smp .box-inner > div > div { display: inline-block; position: relative; width:16.6% }
	.tab-list-smp .box-inner > div > div a { display: block; font-size: 18px; color: #555; line-height: 69px; letter-spacing: -1px; text-align: center; }
	.tab-list-smp .box-inner > div > div > div > div.selected a { color: #43579c; font-weight: 700; }
	.tab-list-smp .box-inner > div > div > div > div.selected::after { width:16.6%; content: ''; position: absolute; bottom: 0; /*left: 0; right: 0;*/ height: 4px; background: #ed5c23; }
	.tab-list-smp .box .btn-prev { position: absolute; top: 0; left: 0; width: 40px; height: 69px; cursor: pointer; background: url("/img/v2/sub/icon-arrow-prev.png") no-repeat center; }
	.tab-list-smp .box .btn-next { position: absolute; top: 0; right: 0; width: 40px; height: 69px; cursor: pointer; background: url("/img/v2/sub/icon-arrow-next.png") no-repeat center; }

	.title-sub { font-size: 24px; margin: 30px 0 20px !important; } /*210114 수정*/
	.title-sub span { font-size: 20px; margin: 40px 0 0 0; }
	.title-sub2 { font-size: 18px; margin: 0 0 10px; }
	.title-sub4 { font-size: 15px; margin: 0 0 10px; }
	.title-sub5 { font-size: 14px;}
	.title-sub6 {font-size: 24px; margin: 30px 0px 10px 0; display:block; width:100%;}
	ul.title-sub6-tip {font-size: 13px; line-height:17px; margin:0 0 20px 0; text-align:left; display:block; float:left;} /* 180927 rev */
	ul.title-sub6-tip li {margin:0 0 3px 0;}

	/*s:패널정보 타이틀 텍스트 옆 나우캐시 추가 mobile  20200807 INR */
	.title-sub.pannel {font-size:24px; margin:30px 0 20px;}
	.nowcash-status {width:100%; display:inline-block; box-sizing:border-box; float:none; padding:15px; margin:0px 0 10px; background:#f7f7f7;}
	.nowcash-status .btn .nowcash-using {display:inline-block; float:inherit;}
	/*e//:패널정보 타이틀 텍스트 옆 나우캐시 추가 mobile  20200807 INR */


	.sub-page.list-page .area-table .table ul { display: block; padding: 14px 0; border-bottom: 1px solid #dbdbdb; position: relative; }
	.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 .btn-more { text-align: center; margin: 20px 0 0 0; }
	.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("/img/v2/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 0 0; }
	.sub-page.list-page .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; }

	.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; font-size: 14px; }
	.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: 14px; }
	.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 .event-content{}
	.sub-page.read-page .area-table .area-content .event-content .img-mobile{display:block;}
	.sub-page.read-page .area-table .area-content .event-content .img-pc{display:none;}
	.sub-page.read-page .area-table .area-btns { text-align: center; }
	.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 .line1.panel-info{margin-bottom:10px;}/*210112 추가*/
	.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.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; }


}

/* 01 진행중인설문 */
.sub-page.survey .top-image { background: url("/img/v2/sub/top07.jpg") no-repeat center; }
.sub-page.survey .top-image2 { background: url("/img/v2/sub/top14.jpg") no-repeat center; }
.sub-page.survey .top-image3 { background: url("/img/v2/sub/top15.jpg") no-repeat center; }/*핫이슈 서베이 결과분석 리스트 2019-08-21 추가*/
.sub-page.survey .tab-list li { width: 50%; }
.sub-page.pannel-survey .tab-list li { width: 50%; }

.sub-page.survey .top { margin: 0 0 50px; width: 100%; background: #dee1f0; display: table; table-layout: fixed; }
.sub-page.survey .top .inner-left { display: table-cell; width: 50%; vertical-align: top; position: relative; background: no-repeat center; background-size: cover; }
.sub-page.survey .top .inner-left .label { position: absolute; top: 0; left: 0; z-index: 3; font-size: 14px; color: #fff; font-weight: 700; background: #ff4001; padding: 2.2% 4%; }
.sub-page.survey .top .inner-right { display: table-cell; width: 50%; vertical-align: top; padding: 35px 30px; box-sizing: border-box; }
.sub-page.survey .top .inner-right h3 { font-size: 19px; color: #30448c; font-weight: 700; margin: 0 0 5px; }
.sub-page.survey .top .inner-right .txt { font-size: 14px; color: #777; line-height: 1.3; margin: 0 0 15px; }
.sub-page.survey .top .inner-right .btn.btn01 { width: 130px;}

.sub-page.survey .no {font-size:20px; text-align:center; font-weight:500; height:150px; line-height:150px; margin-bottom:50px; clear:both; } /* 180330 추가 */
.sub-page.survey .list { max-width: 1230px; margin: 0 -15px; margin-top: 30px; } /* 1809 rev */
.sub-page.survey .list li { display: inline-block; width: 33.333%; box-sizing: border-box; padding: 0 15px; margin: 0 0 30px; }
.sub-page.survey .list li .box { background: #fff; font-size: 14px; font-weight: 400; color: #777; line-height: normal; letter-spacing: -1px;  padding: 0 0 30px; position: relative; /*border: 1px solid #ededed;*/
	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.05);
	box-shadow: 0 1px 1px rgba(0,0,0,0.05);
	} /* 180919 추가 */

.sub-page.survey .list li .box .info h3 { font-size: 13px; font-weight: 400; color: #888; margin: 0 0 10px; } /* 180920 수정 */
.sub-page.survey .list li .box .info h4 { font-size: 17px; color: #313131; font-weight: 700; margin: 0 0 10px 0; height: 40px; line-height: 1.2; overflow: hidden; text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.sub-page.survey .list li .box .info > span { line-height: 1.6; }
.sub-page.survey .list li .box .info > span > span { display: block; }
.sub-page.survey .list li .box .info .txt {margin-bottom:5px; text-overflow:ellipsis; width:100%; overflow:hidden; white-space:nowrap;}  /*190822 수정*/
.sub-page.survey .list li .box .info .txt::after{content:''; display:block; clear:both;}
.sub-page.survey .list li .box .info .txt span {float:right;}
.sub-page.survey .list li .box .info .txt .info_date{display:inline-block; float:left; padding:5px 0; font-size:14px;}
.sub-page.survey .list li .box .info .txt .info_community{float:right; margin-top:0px; width:120px;text-align:right;}
.sub-page.survey .list li .box .info .txt .info_community .info_emotion{display:inline-block; padding: 0 10px 0 38px; height: 28px; color: #666; line-height: 28px;background: url('/img/issue/btn-emotion02.png') no-repeat left center; }
.sub-page.survey .list li .box .info .txt .info_community .info_reply{display:inline-block; padding: 0 0 0 24px; height: 28px; color: #666; line-height: 28px;background: url('/img/issue/ico-comment02.png') no-repeat left center; font-size:14px; margin-right:10px;}
.sub-page.survey .list li .box .info .txt2 {padding:5px 0;} /* 180115 추가 */
.sub-page.survey .list li .box .area-btns { margin: 25px 25px 0; text-align: left; font-size: 0; } /*210210 수정*/
.sub-page.survey .list li .box .area-btns > span{display:inline-block; float:right;}
.sub-page.survey .list li .box .area-btns > p { width: 40%; max-width: 100px; } /* 170726 수정 */
.sub-page.survey .list li .box .area-btns > p:nth-child(1) { margin: 0 3% 0 0; } /* 170726 수정 */
.sub-page.survey .list li .box .area-btns > p:nth-child(2) { margin: 0 0 0 0; } /* 170726 수정 */
.sub-page.survey .list li .box .info .info_txt{padding: 20px 25px 0;}

.thumbs-survey {
    margin: 0 0 10px;
    overflow: hidden;
    line-height: 237.5px !important;
} /* 181011 add */


/* 세미나행사광장( 180420 추가) */
.sub-page.survey .table_tit {font-size:22px; font-weight:bold; color:#333; padding-bottom:15px;}
.sub-page.survey .area-table input[type='text'].width-55 { width: 55px; text-indent: 5px; }
.sub-page.survey .area-table input[type='text'].width-85 { width: 85px;}
.sub-page.survey .area-table input[type='text'].width-145 { width: 145px;}
.sub-page.survey .area-table input[type='text'].width-345 { width: 345px;}
.sub-page.survey .area-table .area-gender span { display: inline-block; margin-right: 50px; font-size: 15px; color: #777; }
.sub-page.survey .area-table .area-gender span input { vertical-align: middle; }
.sub-page.survey .area-table .date {float:left; margin-right:10px; }
.sub-page.survey .area-table .datetxt {float:left; line-height:28px; margin:0 10px 0 5px;}
.sub-page.survey .area-table .datetxt2 {float:left; line-height:28px; margin:0 15px 0 10px;}
.sub-page.survey .area-table .adress {margin:10px 60px 0 0; display:block; position: relative;}
.sub-page.survey .area-table .btn a {display:inline-block; padding: 0 5px; height: 30px; background: #777; font-size: 13px; color: #fff; line-height: 28px; min-width: 40px; text-align: center; margin-left:10px; vertical-align: top;}
.sub-page.survey .area-table .area-check {margin-left:20px;}
.sub-page.survey .area-table .map {margin:15px 0;}
.sub-page.survey .area-table .tip {margin:5px 0 10px 0; font-size:13px;}
.sub-page.survey .area-btn { margin-top: 50px; text-align: center; }
.sub-page.survey .area-btn div { margin: 0 4px; }
.sub-page.survey .area-btn a { width: 140px; line-height: 40px; font-size: 16px; padding: 0; }
.sub-page.survey .detail {padding-top:50px; height:100%; width:100%;} /* 180622 수정 */
.sub-page.survey .detail p {font-size:15px;} /* 180622 수정 */
.sub-page.survey .reply {margin-top:30px;}
.sub-page.survey .share {position: relative; width: 48px; height: 40px; margin-top: -5px; padding-top: 5px; display: inline-block; vertical-align: middle; cursor: pointer; text-align: right;}
.sub-page.survey .share .sns {visibility:hidden; position:absolute; left:-205px; bottom:42px; width:252px; cursor:default; z-index:10000;}
.sub-page.survey .share:hover .sns {visibility:visible; text-indent:0; }
.sub-page.survey .sns .sns-area2 {width:210px; height:190px; border:1px solid #a1a1a1; background:#fff; padding:30px; z-index:100000;}
.sub-page.survey .sns .sns-area2 h1 {height:35px; font-size:20px; font-weight:bold; color:#555; border-bottom:1px solid #ccc; text-align:left;}
.sub-page.survey .sns .sns-area2 ul {padding:0px;}
.sub-page.survey .sns .sns-area2 ul::after {content:''; display:block; clear:both;}
.sub-page.survey .sns .sns-area2 ul li {width:36px; float:left; margin-left:7px; padding:0; }
.sub-page.survey .sns .sns-area2 ul li:first-child {margin-left:0;}
.sub-page.survey .sns .sns-area2 ul li img{display:block; width:100%;}
.sub-page.survey .sns .sns-area2 input[type='text'].width-250 {width: 135px; height: 35px; border: 1px solid #c7c7c7; box-sizing: border-box; text-indent: 10px; color:#999;}
.sub-page.survey .sns .sns-area2 .btn2 {display: inline-block; vertical-align: top; margin: 0 0 0 10px; }
.sub-page.survey .sns .sns-area2 .btn2 a {display: block; padding: 0 10px; height: 35px; background: #777; font-size: 13px; color: #fff; line-height: 35px; min-width: 45px; text-align: center; }
.sub-page.survey .sns .sns-area2 .btn2 a:hover {filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8;}

/* 180622 추가 */
.sub-page.survey .view {padding-bottom:30px; border-bottom:1px solid #dbdbdb;}
.sub-page.survey .view .row { display: table; width: 100%; table-layout: fixed; box-sizing: border-box;}
.sub-page.survey .view .row div {display: table-cell; vertical-align: middle; font-size: 15px; color: #555; text-align: left; padding: 7px 0px; box-sizing: border-box; border:0px solid red;}
.sub-page.survey .view .row div:nth-child(1) {width: 10%; color: #333b43; font-weight: 700; }
.sub-page.survey .view .row div:nth-child(1)::before {content: ""; display:inline-block; width:4px; height:4px; background:#555; border-radius:50%; margin:4px 6px 4px 0px; line-height:20px;}
.sub-page.survey .view .row div:nth-child(2) {width: 90%; color: #777; }
.sub-page.survey .view .row div.top2 {vertical-align:top;}
.sub-page.survey .view .row div.bottom {padding-bottom:0;}
.sub-page.survey .view .row div.bottom2 {padding:0;}
.sub-page.survey .view .row div .black {color:#333; font-weight:bold; }
.sub-page.survey .view .row div .blue {color:rgba(237,92,35,1.0); font-weight:bold; }
.sub-page.survey .view .row div p {display: block; width: 100%; color: #777;  padding: 0 0 12px 0; border:0px solid blue;}

/* SNS공유하기 */
.sub-page.survey .list .share {position:relative; width:48px; height:40px; margin-top:-5px; padding-top:5px; display:inline-block; vertical-align:middle; cursor:pointer; text-align:right;}
.sub-page.survey .list .share .sns {visibility:hidden; position:absolute; left:-205px; bottom:42px; width:252px; cursor:default; z-index:10000;}
.sub-page.survey .list .share:hover .sns {visibility:visible; text-indent:0; }
.sub-page.survey .list .sns .sns-area2 {width:210px; height:95px; border:1px solid #a1a1a1; background:#fff; padding:20px; z-index:100000;}
.sub-page.survey .list .sns .sns-area2 h1 {display:none; height:35px; font-size:20px; font-weight:bold; color:#555; border-bottom:1px solid #ccc; text-align:left;}/* 20220719 title 숨김 JDW */
.sub-page.survey .list .sns .sns-area2 ul {padding:0px; }
.sub-page.survey .list .sns .sns-area2 ul::after{content:''; display:block; clear:both;}
.sub-page.survey .list .sns .sns-area2 ul li {width:36px; float:left; margin: 0 0px 20px 7px; padding:0; }
.sub-page.survey .list .sns .sns-area2 ul li img{width:100%; display:block;}
.sub-page.survey .list .sns .sns-area2 ul li:first-child {margin-left:0;}
.sub-page.survey .list .sns .sns-area2 input[type='text'].width-250 { width: 135px; height: 35px; border: 1px solid #c7c7c7; box-sizing: border-box; text-indent: 10px; color:#999;}
.sub-page.survey .list .sns .sns-area2 .btn { display: inline-block; vertical-align: top; margin: 0 0 0 10px; }
.sub-page.survey .list .sns .sns-area2 .btn a { display: block; padding: 0 10px; height: 35px; background: #777; font-size: 13px; color: #fff; line-height: 35px; min-width: 45px; text-align: center; }
.sub-page.survey .list .sns .sns-area2 .btn a:hover {filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8;}

/* 패널설문 SNS공유하기 */
.sub-page.pannel-survey .list .share {position:relative; width:48px; height:40px; margin-top:-5px; padding-top:5px; display:inline-block; vertical-align:middle; cursor:pointer; text-align:right;}
.sub-page.pannel-survey .list .share .sns {visibility:hidden; position:absolute; left:-205px; bottom:42px; width:252px; cursor:default; z-index:10000;}
.sub-page.pannel-survey .list .share:hover .sns {visibility:visible; text-indent:0; }
.sub-page.pannel-survey .list .sns .sns-area2 {width:210px; height:95px; border:1px solid #a1a1a1; background:#fff; padding:20px; z-index:100000;}
.sub-page.pannel-survey .list .sns .sns-area2 h1 {display:none; height:35px; font-size:20px; font-weight:bold; color:#555; border-bottom:1px solid #ccc; text-align:left;}
.sub-page.pannel-survey .list .sns .sns-area2 ul {padding:0;}
.sub-page.pannel-survey .list .sns .sns-area2 ul li {width:36px; float:left; margin: 0 0px 20px 7px; padding:0; }
.sub-page.pannel-survey .list .sns .sns-area2 ul li img {width: 100%; display: block;}
.sub-page.pannel-survey .list .sns .sns-area2 ul li:first-child {margin-left:0;}
.sub-page.pannel-survey .list .sns .sns-area2 input[type='text'].width-250 {width: 135px; height: 35px; border: 1px solid #c7c7c7; box-sizing: border-box; text-indent: 10px; color:#999;}
.sub-page.pannel-survey .list .sns .sns-area2 .btn { display: inline-block; vertical-align: top; margin: 0 0 0 10px; }
.sub-page.pannel-survey .list .sns .sns-area2 .btn a { display: block; padding: 0 10px; height: 35px; background: #777; font-size: 13px; color: #fff; line-height: 35px; min-width: 45px; text-align: center; }
.sub-page.pannel-survey .list .sns .sns-area2 .btn a:hover {filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8;}

/* mobile */
@media screen and (max-width: 1023px) {
	.sub-page.survey .top-image { background: url("/img/v2/sub/top07-m.jpg") no-repeat center; background-size: cover; }
	.sub-page.survey .top-image2 { background: url("/img/v2/sub/top14-m.jpg") no-repeat center; background-size: cover; }
	.sub-page.survey .top-image3 { background: url("/img/v2/sub/top15-m.jpg") no-repeat center;  background-size: cover;}/*핫이슈 서베이 결과분석 리스트 2019-08-21 추가*/
	/* .sub-page.pannel-survey .list.top-image { background: url("/img/v2/sub/top07-m.jpg") no-repeat center; background-size: cover;}*/
	.sub-page.survey .top { display: none; }
	.sub-page.survey .no {font-size:15px; height:100px; line-height:100px; margin-bottom:50px; } /* 180330 추가 */
	.sub-page.survey .list { margin: 0; }
/*	.sub-page.survey .list li { display: block; width: 100%; padding: 0 !important; margin: 0 0 10px; } 1809 rev */
	.sub-page.survey .list li {
		display: inline-block;
		width: 47%;
		padding: 0 !important;
		margin: 0 10px 20px 10px;
} /* 1809 add */
	/* .sub-page.survey .list li .box { padding: 15px 10px; } 1809 rev */

	.sub-page.survey .list li .box .info { margin: 0 0 10px; }
	.sub-page.survey .list li .box .info h4 {  margin:0 0 10px; } /*190822 수정*/
	.sub-page.survey .list li .box .info > span { font-size: 12px; }
	.sub-page.survey .list li .box .info > span > span { display: inline-block; }
	.sub-page.survey .list li .box .info > span > span:after { content: '|'; display: inline-block; padding: 0 6px; font-size: 12px; color: #777; }

	.sub-page.survey .list li .box .area-btns {display:none; } /* 170726 수정 */
	.sub-page.survey .list li .box .area-btns2 { margin:25px 25px 0 25px;  text-align: left;} /*190822 마진값 수정*/
	.sub-page.survey .list li .box .area-btns2 > span{display:inline-block; float:right;}
	.sub-page.survey .list li .box .area-btns2 > p { width: 40%; max-width: 100px; } /* 170726 수정 */
	.sub-page.survey .list li .box .area-btns2 > p:nth-child(1) { margin: 0 3% 0 0; } /* 170726 수정 */
	.sub-page.survey .list li .box .area-btns2 > p:nth-child(2) { margin: 0 0 0 0; } /* 170726 수정 */

	/* 세미나행사광장( 180420 추가) */
	.sub-page.survey .table_tit {font-size:18px;}
	.sub-page.survey .area-table .area-gender span.money {margin-top:10px;}
	.sub-page.survey .area-table .date {width:100%; margin-bottom:10px;}
	.sub-page.survey .area-table .datetxt2 {clear:both; margin:0;}
	.sub-page.survey .area-table .btn { margin: 0; position: absolute; top: 0; right: -60px; }
	.sub-page.survey .area-table .area-check {margin:0 0 0 0;}
	.sub-page.survey .area-btn { margin-top: 20px; }
	.sub-page.survey .area-btn a { width: 120px; line-height: 35px; font-size: 14px; }
	.sub-page.survey .area-btns2 { margin: 0;  text-align: center;}
	.sub-page.survey .area-btns2 > p { width: 40%; max-width: 100px; }
	.sub-page.survey .area-btns2 > p:nth-child(1) { margin: 0 3% 0 0; }
	.sub-page.survey .area-btns2 > p:nth-child(2) { margin: 0 0 0 0; }

	.sub-page.survey span .share {width:40px; height:40px; display:inline-block;}
	.sub-page.survey .sns-area {position: fixed; top: 50%; left: 50%; max-width: 280px; height: 250px; padding: 20px; margin-left:-160px; margin-top:-140px; border: 1px solid #a1a1a1; background-color: white; display:none; z-index:9999;}
	.sub-page.survey .sns-area h1 { height:35px; font-size:20px; font-weight:bold; color:#555; border-bottom:1px solid #ccc; text-align:left;}
	.sub-page.survey .sns-area h1 span {float:right;}
	.sub-page.survey .sns-area ul {padding:30px 0 20px 0; overflow:hidden; }
	.sub-page.survey .sns-area ul li {float:left; width:17%; margin:0 0 5% 10%; padding:0;}
	.sub-page.survey .sns-area ul li:first-child {margin-left:0; }
	.sub-page.survey .sns-area ul li:nth-child(5) {margin-left:0; }
	.sub-page.survey .sns-area input[type='text'].width-250 { width: 75%; float:left; display: inline-block; height: 35px; border: 1px solid #c7c7c7; box-sizing: border-box; text-indent: 10px; color:#999;}
	.sub-page.survey .sns-area .btn2 { display: inline-block; vertical-align: top; margin: 0 0 0 10px; float:right; margin: 0 0 0 0px;}
	.sub-page.survey .sns-area .btn2 a { display: block; padding: 0 10px; height: 35px; background: #777; font-size: 13px; color: #fff; line-height: 35px; min-width: 45px; text-align: center; }

	.sub-page.survey .view .row div:nth-child(1) {width: 30%;} /* 180622 수정 */
	.sub-page.survey .view .row div:nth-child(2) {width: 70%;} /* 180622 수정 */

	/* 170726 수정 */
	#mask {position: fixed; top: 0; right: 0; bottom: 0; left: 0; width:100%; min-width:300px; z-index:9998; background: rgba(0, 0, 0, 0.5); opacity:0; -webkit-transition: opacity 400ms ease-in; -moz-transition: opacity 400ms ease-in; transition: opacity 400ms ease-in; pointer-events: none;  display:none;}
	.sub-page.survey .list span .share {width:40px; height:40px; display:inline-block;}
	.sub-page.survey .list .sns-area {position: fixed; top: 50%; left: 50%; max-width: 280px; height: 250px; padding: 20px; margin-left:-160px; margin-top:-140px; border: 1px solid #a1a1a1; background-color: white; display:none; z-index:9999;}
	.sub-page.survey .list .sns-area h1 { height:35px; font-size:20px; font-weight:bold; color:#555; border-bottom:1px solid #ccc; text-align:left;}
	.sub-page.survey .list .sns-area h1 span {float:right;}
	.sub-page.survey .list .sns-area ul {padding:30px 0 20px 0; overflow:hidden; }
	.sub-page.survey .list .sns-area ul li {float:left; width:50px; margin:5px 7px 5px 0px; padding:0 !important;}
    .sub-page.survey .list .sns-area ul li:nth-child(5) {margin:5px 0 5px 0px;}
	.sub-page.survey .list .sns-area input[type='text'].width-250 { width: 74%; float:left; display: inline-block; height: 35px; border: 1px solid #c7c7c7; box-sizing: border-box; text-indent: 10px; color:#999;}
	.sub-page.survey .list .sns-area .btn { display: inline-block; vertical-align: top; margin: 0 0 0 10px; float:right; margin: 0 0 0 0px;}
	.sub-page.survey .list .sns-area .btn a { display: block; padding: 0 10px; height: 35px; background: #777; font-size: 13px; color: #fff; line-height: 35px; min-width: 45px; text-align: center; }

	/* 패널설문 171229 추가 */
	.sub-page.pannel-survey .list span .share {width:40px; height:40px; display:inline-block;}
	.sub-page.pannel-survey .list .sns-area {position: fixed; top: 50%; left: 50%; max-width: 280px; height: 250px; padding: 20px; margin-left:-160px; margin-top:-140px; border: 1px solid #a1a1a1; background-color: white; display:none; z-index:9999;}
	.sub-page.pannel-survey .list .sns-area h1 { height:35px; font-size:20px; font-weight:bold; color:#555; border-bottom:1px solid #ccc; text-align:left;}
	.sub-page.pannel-survey .list .sns-area h1 span {float:right;}
	.sub-page.pannel-survey .list .sns-area ul {padding:30px 0 20px 0; overflow:hidden; }
	.sub-page.pannel-survey .list .sns-area ul li {float:left; width:50px; margin:5px 7px 5px 0px; padding:0 !important;}
    .sub-page.pannel-survey .list .sns-area ul li:nth-child(5) {margin:5px 0 5px 0px;}
	.sub-page.pannel-survey .list .sns-area input[type='text'].width-250 { width: 75%; float:left; display: inline-block; height: 35px; border: 1px solid #c7c7c7; box-sizing: border-box; text-indent: 10px; color:#999;}
	.sub-page.pannel-survey .list .sns-area .btn { display: inline-block; vertical-align: top; margin: 0 0 0 10px; float:right; margin: 0 0 0 0px;}
	.sub-page.pannel-survey .list .sns-area .btn a { display: block; padding: 0 10px; height: 35px; background: #777; font-size: 13px; color: #fff; line-height: 35px; min-width: 45px; text-align: center; }

}


/* 굿모임 Hoon (180703) */
.sub-page.survey2 .top-image { background: url("/img/v2/sub/top14.jpg") no-repeat center; }
.sub-page.survey2 .tab-list li { width: 50%; }

.sub-page.survey2 .top { margin: 0 0 50px; width: 100%; background: #dee1f0; display: table; table-layout: fixed; }
.sub-page.survey2 .top .inner-left { display: table-cell; width: 50%; vertical-align: top; position: relative; background: no-repeat center; background-size: cover; }
.sub-page.survey2 .top .inner-left .label { position: absolute; top: 0; left: 0; z-index: 3; font-size: 14px; color: #fff; font-weight: 700; background: #ff4001; padding: 2.2% 4%; }
.sub-page.survey2 .top .inner-right { display: table-cell; width: 50%; vertical-align: top; padding: 35px 30px; box-sizing: border-box; }
.sub-page.survey2 .top .inner-right h3 { font-size: 19px; color: #30448c; font-weight: 700; margin: 0 0 5px; }
.sub-page.survey2 .top .inner-right .txt { font-size: 14px; color: #777; line-height: 1.3; margin: 0 0 15px; }
.sub-page.survey2 .top .inner-right .btn.btn01 { width: 130px;}

.sub-page.survey2 .no {font-size:20px; text-align:center; font-weight:500; height:150px; line-height:150px; margin-bottom:50px; clear:both; } /* 180330 추가 */
.sub-page.survey2 .list { max-width: 1030px; margin: 0 -15px; }
.sub-page.survey2 .list li { display: inline-block; width: 33.333%; box-sizing: border-box; padding: 0 15px; margin: 0 0 30px; }
.sub-page.survey2 .list li .box { background: #f1f2f6; font-size: 14px; font-weight: 400; color: #777; line-height: normal; letter-spacing: -0.05em; padding: 30px 20px; position: relative; }
.sub-page.survey2 .list li .mybox {border:1px solid #ed5c23;}
.sub-page.survey2 .list li .box .info h3 { font-size: 13px; font-weight: 400; color: #ed5c23; margin: 0 0 10px; }
.sub-page.survey2 .list li .box .info h4 { font-size: 17px; color: #313131; font-weight: 700; margin: 0 0 10px 0; height: 40px; line-height: 1.2; overflow: hidden; text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical;} /* 180417 수정 */
.sub-page.survey2 .list li .box .info > span { line-height: 1.6; }
.sub-page.survey2 .list li .box .info > span > span { display: block; }
.sub-page.survey2 .list li .box .info .txt {margin-bottom:5px;}
.sub-page.survey2 .list li .box .info .txt span {float:right; }
.sub-page.survey2 .list li .box .info .txt2 {padding:5px 0;} /* 180115 추가 */
.sub-page.survey2 .list li .box .area-btns { margin: 20px 0 0 0; text-align: center; font-size: 0;}
.sub-page.survey2 .list li .box .area-btns > p { width: 40%; max-width: 100px; } /* 170726 수정 */
.sub-page.survey2 .list li .box .area-btns > p:nth-child(1) { margin: 0 3% 0 0; } /* 170726 수정 */
.sub-page.survey2 .list li .box .area-btns > p:nth-child(2) { margin: 0 0 0 0; } /* 170726 수정 */

.sub-page.survey2 .table_tit {font-size:22px; font-weight:bold; color:#333; padding-bottom:10px;}
.sub-page.survey2 .area-table2 {position:relative;}
.sub-page.survey2 .area-table2 .line1 input[type='text'].width-55 { width: 55px; text-indent: 5px; }
.sub-page.survey2 .area-table2 .line1 input[type='text'].width-85 { width: 85px;}
.sub-page.survey2 .area-table2 .line1 input[type='text'].width-145 { width: 145px;}
.sub-page.survey2 .area-table2 .line1 input[type='text'].width-345 { width: 345px;}
.sub-page.survey2 .area-table2 .line1 input[type='text'].width-500 { width: 500px;}
.sub-page.survey2 .area-table2 .line1 .place {vertical-align: top; padding-top:25px !important;}

.sub-page.survey2 .area-table2 .area-gender span { display: inline-block; margin-right: 50px; font-size: 15px; color: #777; }
.sub-page.survey2 .area-table2 .area-gender span input { vertical-align: middle; }
.sub-page.survey2 .area-table2 .date {float:left; margin-right:10px; }
.sub-page.survey2 .area-table2 .datetxt {float:left; line-height:28px; margin:0 10px 0 5px;}
.sub-page.survey2 .area-table2 .datetxt2 {float:left; line-height:28px; margin:0 15px 0 10px;}
.sub-page.survey2 .area-table2 .adress {width:100%; margin:10px 60px 0 0; display:block; position: relative;}
.sub-page.survey2 .area-table2 .btn a {display:inline-block; padding: 0 5px; height: 30px; background: #777; font-size: 13px; color: #fff; line-height: 28px; min-width: 40px; text-align: center; margin-left:10px; vertical-align: top;}
.sub-page.survey2 .area-table2 .area-check {margin-left:20px;}
.sub-page.survey2 .area-table2 .map {margin:15px 0;}
.sub-page.survey2 .area-table2 .tip {margin:5px 0 10px 0; font-size:13px;}
.sub-page.survey2 .area-table2 .line1 > div {padding: 10px; height: auto; font-size: 14px;}
.sub-page.survey2 .area-table2 .line1 > div:nth-child(1) {width: 12%; border:0px solid blue;}
.sub-page.survey2 .area-table2 .line1 > div:nth-child(2) {width: 88%; padding-left:0; border:0px solid red;}
.sub-page.survey2 .area-table2 .line4 { display: table; width: 100%; table-layout: fixed; }
.sub-page.survey2 .area-table2 .line4 > div { display: table-cell; vertical-align: middle; font-size: 15px; color: #555; text-align: left; padding: 13px 10px; box-sizing: border-box;}
.sub-page.survey2 .area-table2 .line4 > div:nth-child(1) { width: 14%; color: #333b43; font-weight: 700; }
.sub-page.survey2 .area-table2 .line4 > div:nth-child(2) { width: 44%; color: #777; padding:0;}
.sub-page.survey2 .area-table2 .line4 > div:nth-child(3) { width: 14%; color: #333b43; font-weight: 700; }
.sub-page.survey2 .area-table2 .line4 > div:nth-child(4) { width: 44%; color: #777;  padding:0;}
.sub-page.survey2 .area-table2 .line4 input[type='text'], input[type='password'] { height: 28px; border: 1px solid #c0bfbf; text-indent: 10px; }
.sub-page.survey2 .area-table2 .line4 input[type='text'].width-55 { width: 55px; text-indent: 5px; }
.sub-page.survey2 .area-table2 .line4 input[type='text'].width-85 { width: 85px; text-indent: 5px; }
.sub-page.survey2 .area-table2 .line4 input[type='text'].width-345 { width: 345px;}

.sub-page.survey2 .area-table2 .img-box1 {width:78%; padding-bottom:20px;}
.sub-page.survey2 .area-table2 .line5 { display: table; width: 100%; table-layout: fixed; }
.sub-page.survey2 .area-table2 .line5 > div {display: table-cell; vertical-align: middle; font-size: 14px; color: #555; text-align: left; padding: 10px 10px; box-sizing: border-box;}
.sub-page.survey2 .area-table2 .line5 > div:nth-child(1) {width: 15%; float:left; color: #333b43; font-weight: 700; text-align: right; padding: 17px 10px;}
.sub-page.survey2 .area-table2 .line5 > div:nth-child(2) {width: 85%; float:left; padding-left:0 ;}
.sub-page.survey2 .area-table2 .line5 > div ul li {float:left; width:170px; padding:8px 0 0 0px;}
.sub-page.survey2 .area-table2 .line5 input[type='text'], input[type='password'] { height: 28px; border: 1px solid #c0bfbf; text-indent: 10px; }
.sub-page.survey2 .area-table2 .line5 input[type='text'].width-500 { width: 500px;}
.sub-page.survey2 .area-table2 .img-box2 {overflow:hidden; height:200px; position:absolute; top:13px; right:17px;}
.sub-page.survey2 .area-table2 .img-add {position:relative;}
.sub-page.survey2 .area-table2 .img-add p .button-img {display:inline-block; width:274px; height:171px ; font-size:14px; letter-spacing:-1px; color:#777; border:solid 1px #c0bfbf; background: url("/img/v2/sub/icn_img_add.png") no-repeat center 55px;}
.sub-page.survey2 .area-table2 .img-add p .button-img:hover {color:#ef6c39; border:1px solid #ef6c39; background: url("/img/v2/sub/icn_img_add_on.png") no-repeat center 55px; cursor:pointer;}
.sub-page.survey2 .area-table2 .img-add .tip {text-align:center; color:#777;}
.sub-page.survey2 .area-table2 .agree {width:100%; height:160px; font-family: 'Nanum Gothic', sans-serif; font-size: 14px; color: #777; letter-spacing: -1px; line-height: 1.6; padding: 20px; margin: 10px 0 0 0; text-align:left; border: 1px solid #c2c2c2; overflow-y:auto;}
.sub-page.survey2 .area-table2 .agree .bold {font-weight:800;}
.sub-page.survey2 .area-table2 .tip {margin-top:10px; font-size:14px;}

.sub-page.survey2 .msg {display:none;}
.sub-page.survey2 .area-btn { margin-top: 50px; text-align: center;}
.sub-page.survey2 .area-btn div { margin: 0 4px; }
.sub-page.survey2 .area-btn a { width: 140px; line-height: 40px; font-size: 16px; padding: 0; }
.sub-page.survey2 .detail {padding-top:50px; height:100%; width:100%;} /* 180622 수정 */
.sub-page.survey2 .detail p {font-size:15px;} /* 180622 수정 */
.sub-page.survey2 .reply {margin-top:30px;}
.sub-page.survey2 .share {position:relative; width:42px; height:45px; display:inline-block; vertical-align:middle; cursor:pointer; }
.sub-page.survey2 .share .sns {visibility:hidden; position:absolute; left:-180px; top:45px; width:390px;  cursor:default; z-index:10000;}
.sub-page.survey2 .share:hover .sns {visibility:visible; text-indent:0; }
.sub-page.survey2 .sns .sns-area2 {width:330px; height:190px; border:1px solid #a1a1a1; background:#fff; padding:30px; z-index:10000;}
.sub-page.survey2 .sns .sns-area2 h1 {height:35px; font-size:20px; font-weight:bold; color:#555; border-bottom:1px solid #ccc; text-align:left;}
.sub-page.survey2 .sns .sns-area2 ul {padding:30px 0;}
.sub-page.survey2 .sns .sns-area2 ul li {width:50px; float:left; margin-left:20px; padding:0; }
.sub-page.survey2 .sns .sns-area2 ul li:first-child {margin-left:0;}
.sub-page.survey2 .sns .sns-area2 ul li img {width:50px; height:50px;}
.sub-page.survey2 .sns .sns-area2 .btnarea {padding-top:30px;}
.sub-page.survey2 .sns .sns-area2 input[type='text'].width-250 { width: 250px; height: 35px; border: 1px solid #c7c7c7; box-sizing: border-box; text-indent: 10px; color:#999;}
.sub-page.survey2 .sns .sns-area2 .btn2 { display: inline-block;   vertical-align: top; margin: 0 0 0 7px; }
.sub-page.survey2 .sns .sns-area2 .btn2 a { display: block; width:60px; height: 35px; background: #777; font-size: 13px; color: #fff; line-height: 35px;  text-align: center; }
.sub-page.survey2 .sns .sns-area2 .btn2 a:hover {filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8;}

.sub-page.survey2 .view-box {width:100%; border-bottom:0px solid #dbdbdb; }
.sub-page.survey2 .view-box .img-view {float:left; width:50%; box-sizing: border-box; }
.sub-page.survey2 .view-box .img-view .thumb img {width:100%;  height:313px;}
.sub-page.survey2 .view-box .img-view .writer {margin-top:10px; color:#777; font-size:14.5px;}
.sub-page.survey2 .view-box .img-view .btn_apply {box-sizing: border-box; border:0px solid red;}
.sub-page.survey2 .view-box .img-view .btn_apply img {border:0px solid red;}
.sub-page.survey2 .view-box .map a {display:inline-block; margin:2px 0 0 10px; font-size:12px; color:#fff; padding:0px 10px; text-align:center; line-height:18px; background:#999;}
.survey .area-btn3 { text-align:center; float:right; margin:0 0 0 10px ;} /* 1809 add */
.gmi-cnt .area-btn3 a{background: #fff; color: #888; border: 1px solid #888;}
.gmi-cnt .area-btn3 a:hover{background: #fff; color: #ed5c23; border: 1px solid #ed5c23;}
.gmi-sub-title{font-size: 24px; color: #515151; font-weight: 700;}
.gmi-sub-title2{font-size: 24px; color: #515151; font-weight: 700; margin-bottom: -28px; margin-top: 40px; }

/** 지도보기(180813) **/
#mask2 {position:absolute; left:0; top:0; z-index:1000; background: rgba(0, 0, 0, 0.8); opacity:0; -webkit-transition: opacity 400ms ease-in; -moz-transition: opacity 400ms ease-in; transition: opacity 400ms ease-in; pointer-events: none;}
.layer_pop {z-index:1100; position: fixed; width: 50%; left: 50%; margin-left: -25%; top: 40%; margin-top: -140px; overflow: hidden; background:#fff; border:1px solid #908f8f;  background:#fff;}
.layer_pop .wrap {width:100%; padding:25px; box-sizing: border-box;}
.layer_pop .wrap h1 {font-size:25px; color:#555; font-weight:bold; padding-bottom:20px;}
.layer_pop .wrap h1 span {float:right;}
.layer_pop .wrap .mapview {width:100%; height:400px; background:#fff; border:1px solid #c0bfbf; text-align:center; line-height:200px;}

.sub-page.survey2 .view {float:left; width:50%; padding-bottom:30px;  box-sizing: border-box; border:0px solid red;}
.sub-page.survey2 .view .row {display: table; width: 100%; table-layout: fixed; box-sizing: border-box;}
.sub-page.survey2 .view .row div {display: table-cell; vertical-align: middle; font-size: 15px; color: #555; text-align: left; padding: 7px 0px; box-sizing: border-box;}
.sub-page.survey2 .view .row div:nth-child(1) {width: 20%; color:rgba(237,92,35,1.0); font-weight: 700; text-align:right;}
.sub-page.survey2 .view .row div:nth-child(2) {width: 80%; color: #777; padding-left:20px;}
.sub-page.survey2 .view .row div.top2 {vertical-align:top;}
.sub-page.survey2 .view .row div.bottom {padding-bottom:0;}
.sub-page.survey2 .view .row div.bottom2 {padding:0 0 0 20px;}
.sub-page.survey2 .view .row div .black {color:#333; font-weight:bold; }
.sub-page.survey2 .view .row div .blue {color:rgba(237,92,35,1.0); font-weight:bold; }
.sub-page.survey2 .view .row div p {display: block; width: 100%; color: #777;  padding: 0 0 12px 0; border:0px solid blue;}
.sub-page.survey2 .view .row2 {display: table; width: 100%; table-layout: fixed; box-sizing: border-box; padding:10px 0;}
.sub-page.survey2 .view .row2 div:nth-child(1) {width: 10%; border-top:1px solid #fff; float:left;}
.sub-page.survey2 .view .row2 div:nth-child(2) {width: 10%; border-top:1px solid #dbdbdb; float:left;}
.sub-page.survey2 .view .row2 div:nth-child(3) {width: 2.3%; border-top:1px solid #fff; float:left;}
.sub-page.survey2 .view .row2 div:nth-child(4) {width: 70.7%; border-top:1px solid #dbdbdb; float:left;}

/* mobile */
@media screen and (max-width: 1023px) {
	.sub-page.survey2 .inner2 {display:none; border:1px solid red;}
	.sub-page.survey2 .top-image { background: url("/img/v2/sub/top14-m.jpg") no-repeat center; background-size: cover; }
	.sub-page.survey2 .table_tit {font-size:18px;}
	.sub-page.survey2 .area-table2 .area-gender span.money {margin-top:10px;}
	.sub-page.survey2 .area-table2 .date {width:100%; margin-bottom:10px;}
	.sub-page.survey2 .area-table2 .datetxt2 {clear:both; margin:0;}
	.sub-page.survey2 .area-table2 .btn { margin: 0; position: absolute; top: 0; right: -60px; }
	.sub-page.survey2 .area-table2 .area-check {margin:0 0 0 0;}
	.sub-page.survey2 .area-btn { margin-top: 20px; }
	.sub-page.survey2 .area-btn a { width: 120px; line-height: 35px; font-size: 14px; }
	.sub-page.survey2 .area-btns2 { margin: 0;  text-align: center;}
	.sub-page.survey2 .area-btns2 > p { width: 40%; max-width: 100px; }
	.sub-page.survey2 .area-btns2 > p:nth-child(1) { margin: 0 3% 0 0; }
	.sub-page.survey2 .area-btns2 > p:nth-child(2) { margin: 0 0 0 0; }
	.sub-page.survey2 .area-table2 ul li {width:45%;}

	.sub-page.survey2 .detail img {width:100%;}
	.sub-page.survey2 span .share {width:30px; height:33px; display:inline-block;}
	.sub-page.survey2 .sns-area {position: fixed; top: 50%; left: 50%; max-width: 280px; height: 250px; padding: 20px; margin-left:-160px; margin-top:-140px; border: 1px solid #a1a1a1; background-color: white; display:none; z-index:9999;}
	.sub-page.survey2 .sns-area h1 { height:35px; font-size:20px; font-weight:bold; color:#555; border-bottom:1px solid #ccc; text-align:left;}
	.sub-page.survey2 .sns-area h1 span {float:right;}
	.sub-page.survey2 .sns-area ul {padding:30px 0 20px 0; overflow:hidden; }
	.sub-page.survey2 .sns-area ul li {float:left; width:17%; margin:0 0 5% 10%; padding:0;}
	.sub-page.survey2 .sns-area ul li:first-child {margin-left:0; }
	.sub-page.survey2 .sns-area ul li:nth-child(5) {margin-left:0; }
	.sub-page.survey2 .sns-area input[type='text'].width-250 { width: 75%; float:left; display: inline-block; height: 35px; border: 1px solid #c7c7c7; box-sizing: border-box; text-indent: 10px; color:#999;}
	.sub-page.survey2 .sns-area .btn2 { display: inline-block; vertical-align: top; margin: 0 0 0 10px; float:right; margin: 0 0 0 0px;}
	.sub-page.survey2 .sns-area .btn2 a { display: block; padding: 0 10px; height: 35px; background: #777; font-size: 13px; color: #fff; line-height: 35px; min-width: 45px; text-align: center; }

	.sub-page.survey2 .view .row div:nth-child(1) {width: 30%;}
	.sub-page.survey2 .view .row div:nth-child(2) {width: 70%;}

	.sub-page.survey2 .view .row2 div:nth-child(1) {width: 0%; }
	.sub-page.survey2 .view .row2 div:nth-child(2) {width: 100%;}
	.sub-page.survey2 .view .row2 div:nth-child(3) {width: 0%;}
	.sub-page.survey2 .view .row2 div:nth-child(4) {width: 0%;}

	.layer_pop {z-index:20000; width: 90%; margin-left: -45%; }
	.layer_pop .wrap h1 {font-size:20px;}
	.layer_pop .wrap .mapview {height:300px;}

	.sub-page.survey2 .view-box {width:100%; border-bottom:0px solid #dbdbdb; }
	.sub-page.survey2 .view-box .img-view {display:block; width:100%; }
	.sub-page.survey2 .view-box .img-view .thumb img {width:100%; height:auto;}
	.sub-page.survey2 .view-box .view {width:100%; padding-top:30px;}
	.sub-page.survey2 .view-box .view .row div:nth-child(1) {width: 18%;}
	.sub-page.survey2 .view-box .view .row div:nth-child(2) {width: 82%;}
	.sub-page.survey2 .msg {display:block; padding:80px 0 50px 0; font-size:15px; text-align:center;}
}

/* 02 설문양식 */
.sub-page.survey-form .top-image { background: url("/img/v2/sub/top02.jpg") no-repeat center; }
.sub-page.survey-form .tab-list li { width: 16.666%; }

.sub-page.survey-form.list-page .area-table .table ul li:nth-child(1) { width: 60px; }
.sub-page.survey-form.list-page .area-table .table ul li:nth-child(2) { width: 140px; }
.sub-page.survey-form.list-page .area-table .table ul li:nth-child(3) { text-align: left; }
.sub-page.survey-form.list-page .area-table .table ul li:nth-child(4) { width: 100px; }
.sub-page.survey-form.list-page .area-table .table ul li:nth-child(5) { width: 100px; }
.sub-page.survey-form.list-page .area-table .table ul li:nth-child(6) { width: 130px; }

.sub-page.survey-form.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; }


/* mobile */
@media screen and (max-width: 1023px) {
	.sub-page.survey-form .top-image { background: url("/img/v2/sub/top02-m.jpg") no-repeat center; background-size: cover; }
	.sub-page.survey-form .tab-list li { width: auto; }

	.sub-page.survey-form.list-page .area-table .table ul li:nth-child(1) { display: none; }
	.sub-page.survey-form.list-page .area-table .table ul li:nth-child(2) { display: block; margin: 0 0 5px; width: auto; }
	.sub-page.survey-form.list-page .area-table .table ul li:nth-child(3) { display: block; margin: 0 100px 0 0; width: auto; }
	.sub-page.survey-form.list-page .area-table .table ul li:nth-child(4) { position: absolute; top: 40%; right: 50px; color: #888; width: auto;}
	.sub-page.survey-form.list-page .area-table .table ul li:nth-child(5) { position: absolute; top: 50%; right: 10px; transform: translateY(-50%); width: auto; }
	.sub-page.survey-form.list-page .area-table .table ul li:nth-child(5) .btn { border: 0; vertical-align: top; }
	.sub-page.survey-form.list-page .area-table .table ul li:nth-child(5) .btn a { font-size: 0; padding: 0; width: 30px; height: 29px; background: url("/img/v2/sub/icon-view.png") no-repeat center; background-size: 30px 29px; }
	.sub-page.survey-form.list-page .area-table .table ul li:nth-child(6) { display: none; }

	.sub-page.survey-form.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; }
}

/* 03 1:1상담 */
.sub-page.consult .top-image { background: url("/img/v2/sub/top03.jpg") no-repeat center; }
.sub-page.consult .top-image3 { background: url("/img/v2/sub/top15.jpg") no-repeat center; }
/*
.sub-page.consult .top-image2 { background: url("/img/v2/sub/top10.jpg") no-repeat center; }
.sub-page.consult .top-image3 { background: url("/img/v2/sub/top11.jpg") no-repeat center; }
.sub-page.consult .top-image4 { background: url("/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.666%; }
.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("/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; }

/* 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.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;*/}  /* 181024 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 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;}
.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: 33px; background: url("/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: 33px; box-sizing: border-box; }
.sub-page.consult.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; }
.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; }

/* mobile */
@media screen and (max-width: 1023px) {
	.sub-page.consult .top-image { background: url("/img/v2/sub/top03-m.jpg") no-repeat center; background-size: cover; } /* 170602 추가 */
	.sub-page.consult .top-image3 { background: url("/img/v2/sub/top15-m.jpg") no-repeat center; background-size: cover; }
	/*.sub-page.consult .top-image2 { background: url("/img/v2/sub/top10-m.jpg") no-repeat center; background-size: cover; }
	.sub-page.consult .top-image3 { background: url("/img/v2/sub/top11-m.jpg") no-repeat center; background-size: cover; }
	.sub-page.consult .top-image4 { background: url("/img/v2/sub/top12-m.jpg") no-repeat center; background-size: cover; }*/

	.sub-page.consult .tab-list ul {width:100%;}
	.sub-page.consult .tab-list li {width:25%;  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: -2px 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; }
	.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("/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: 33px; background: url("/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)*/
}

/* 03-1 버그/오류신고 추가(170602) */
.sub-page.report .top-image { background: url("/img/v2/sub/top03.jpg") no-repeat center; }
.sub-page.report .top-image2 { background: url("/img/v2/sub/top10.jpg") no-repeat center; }  /* 170602 추가 */
.sub-page.report .top-image3 { background: url("/img/v2/sub/top11.jpg") no-repeat center; }  /* 170602 추가 */
.sub-page.report .top-image4 { background: url("/img/v2/sub/top12.jpg") no-repeat center; }  /* 170602 추가 */
.sub-page.report .tab-list ul { left: 0; right: 0; }
.sub-page.report .tab-list li { width: 16.666%; }
.sub-page.report .tab-list .box .btn-prev, .sub-page.report .tab-list .box .btn-next { display: none; }
.sub-page.report .color-blue { color: #ed5c23; }

.sub-page.report.list-page .area-table .table ul li:nth-child(1) { width: 60px; }
.sub-page.report.list-page .area-table .table ul li:nth-child(2) { width: 80px; }
.sub-page.report.list-page .area-table .table ul li:nth-child(3) { text-align: left; }
.sub-page.report.list-page .area-table .table ul li:nth-child(4) { width: 130px; }
.sub-page.report.list-page .area-table .table ul li:nth-child(5) { width: 130px; }
.sub-page.report.list-page .area-table .table ul li:nth-child(2) img { width: 14px; vertical-align: middle; }
.sub-page.report.list-page .area-table .table ul li .icon-reply { display: inline-block; vertical-align: middle; width: 30px; height: 30px; background: url("/img/v2/sub/icon-reply.png") no-repeat left center; background-size: 17px auto; }
.sub-page.report.list-page .area-table .table ul.reply li a { display: inline-block; vertical-align: middle; }

/* 03-1 버그/오류신고 추가(170602) */
.sub-page.report dl.brd_visual {width:100%; clear:both; overflow:hidden; padding-bottom:40px;}
.sub-page.report dl.brd_visual dt {float:left; width:26%; text-align:center;}
.sub-page.report dl.brd_visual dt img {max-width:100%; height:auto;}
.sub-page.report dl.brd_visual dd {float:left; width:74%; font-size:16px; text-align:justify; line-height:23px;}
.sub-page.report.write-page .area-table .table .table-selectbox {width: 85px; height: 33px; border: 1px solid #c7c7c7; display: inline-block; margin-right: 10px;}
.sub-page.report.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.report.write-page .area-table .table .area-input { margin-right: 10px; display: inline-block; vertical-align: top;}
.sub-page.report.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.report.write-page .area-table .area-content { padding: 30px; font-size: 15px; color: #777; line-height: 1.6; border-bottom: 1px solid #dbdbdb; margin: 0 0 30px;}
.sub-page.report.write-page .area-table .area-textarea { font-size: 14px; color: #777; margin: 0 0 50px;}
.sub-page.report.write-page .area-table .area-textarea p { font-size: 15px; color: #777; font-weight:bold;}
.sub-page.report.write-page .area-table .area-textarea textarea {width: 100%; height: 130px;  font-size: 12px; color: #777; letter-spacing: -1px; line-height: 1.6; padding: 15px; margin: 10px 0 15px 0; box-sizing: border-box; border: 1px solid #c2c2c2;}
.sub-page.report.write-page .area-table .area-textarea label {vertical-align: middle; font-size: 14px; color: #777; }
.sub-page.report.write-page .area-table .area-textarea input {vertical-align: middle; width: 18px; height: 18px; }
.sub-page.report.write-page .area-table .line1 .ctgy ul li {float:left; width:20%;}
.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("/img/v2/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; }

/* mobile 추가(170602) */
@media screen and (max-width: 1023px) {
	.sub-page.report .top-image { background: url("/img/v2/sub/top03-m.jpg") no-repeat center; background-size: cover; } /* 170602 추가 */
	.sub-page.report .top-image2 { background: url("/img/v2/sub/top10-m.jpg") no-repeat center; background-size: cover; } /* 170602 추가 */
	.sub-page.report .top-image3 { background: url("/img/v2/sub/top11-m.jpg") no-repeat center; background-size: cover; } /* 170602 추가 */
	.sub-page.report .top-image4 { background: url("/img/v2/sub/top12-m.jpg") no-repeat center; background-size: cover; } /* 170602 추가 */

	.sub-page.report .tab-list ul {width:100%;}
	.sub-page.report .tab-list li {width:25%;  padding: 0 0px; }
	.sub-page.report dl.brd_visual {width:100%; clear:both; overflow:hidden; padding-bottom:40px;} /* 170602 추가 */
	.sub-page.report dl.brd_visual dt {float:left; width:25%; text-align:center;} /* 170602 추가 */
	.sub-page.report dl.brd_visual dt img {max-width:100%; height:auto; display:none;} /* 170602 추가 */
	.sub-page.report dl.brd_visual dd {float:left; width:100%; font-size:15px; text-align:justify; line-height:23px;} /* 170602 추가 */

	.sub-page.report.list-page .area-table .table ul li:nth-child(1) { display: none; }
	.sub-page.report.list-page .area-table .table ul li:nth-child(2) { float: left; width: auto; }
	.sub-page.report.list-page .area-table .table ul li:nth-child(2) img { width: 10px; margin: -2px 4px 0 0; }
	.sub-page.report.list-page .area-table .table ul li:nth-child(3) { display: block; width: auto; margin: 0 90px 0 0; }
	.sub-page.report.list-page .area-table .table ul li:nth-child(4) { 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.report.list-page .area-table .table ul li:nth-child(5) { display: block; width: auto; font-size: 13px; color: #888; padding: 5px 0 0 0; }

	.sub-page.report.list-page .area-table .table ul.reply li:nth-child(1) { margin: 0 0 5px 30px; }
	.sub-page.report.list-page .area-table .table ul.reply li:nth-child(2) { height: 11px; margin: 0 0 0 30px; }
	.sub-page.report.list-page .area-table .table ul.reply li:nth-child(4) { margin: 5px 0 5px 30px; }
	.sub-page.report.list-page .area-table .table ul.reply li:nth-child(5) { margin: 0 0 0 30px; }
	.sub-page.report.list-page .area-table .table ul li .icon-reply { position: absolute; top: 11px; left: 10px; vertical-align: middle; width: 20px; height: 20px; background: url("/img/v2/sub/icon-reply.png") no-repeat left center; background-size: 15px auto; }
	.sub-page.report.list-page .area-table .table ul.reply li a { vertical-align: top }

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

	.sub-page.report.write-page .area-table .line1 .ctgy ul li {float:left; width:50%; height:22px;} /* 추가 (170526)*/
	.sub-page.report.write-page .area-table .table .area-input input[type='text'].width-85 { width: 55px; text-indent: 5px; } /* 추가 (170526)*/
	.sub-page.report.write-page .area-table input[type='text'].width-275 { width: 100%; text-indent: 5px; } /* 170602 추가 */
	.sub-page.report.write-page .area-table .table .table-selectbox { position: relative; width: 65px; height: 33px; border: 1px solid #c7c7c7; } /* 추가 (170526)*/
	.sub-page.report.write-page .area-table .table .table-selectbox:before { content: ''; position: absolute; top: 0; right: 0; width: 18px; height: 33px; background: url("/img/v2/sub/icon-selectbox.png") no-repeat center; border-left: 1px solid #c7c7c7; } /* 추가 (170526)*/
	.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: 12px; color: #555; line-height: 33px; box-sizing: border-box; } /* 추가 (170526)*/
	.sub-page.report.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)*/
}

/* 04 faq */
.sub-page.faq .top-image { background: url("/img/v2/sub/top04.jpg") no-repeat center; }
.sub-page.faq .tab-list ul { left: 0; right: 0; }
.sub-page.faq .tab-list li { width: 16.666%; }
.sub-page.faq .tab-list .box .btn-prev, .sub-page.faq .tab-list .box .btn-next { display: none; }

.sub-page.faq.list-page .area-table .table ul li:nth-child(1) { width: 60px; }
.sub-page.faq.list-page .area-table .table ul li:nth-child(2) { width: 140px; }
.sub-page.faq.list-page .area-table .table ul li:nth-child(3) { text-align: left; box-sizing: border-box; padding: 0 0 0 30px; background: url("/img/v2/sub/icon-question.png") no-repeat 0 center; }
.sub-page.faq.list-page .area-table .table ul.title li:nth-child(3) { background: none; }

.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("/img/v2/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("/img/v2/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) {
	.sub-page.faq .top-image { background: url("/img/v2/sub/top04-m.jpg") no-repeat center; background-size: cover; }
	.sub-page.faq .tab-list li { width: auto; }

	.sub-page.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; }
}

/* 05 notice */
.sub-page.notice .top-image { background: url("/img/v2/sub/top05.jpg") no-repeat center; }

.sub-page.notice.list-page .area-table .table ul li:nth-child(1) { width: 60px; }
.sub-page.notice.list-page .area-table .table ul li:nth-child(2) { width: 180px; }
.sub-page.notice.list-page .area-table .table ul li:nth-child(3) { text-align: left; }
.sub-page.notice.list-page .area-table .table ul li:nth-child(4) { width: 140px; }
/* mobile */
@media screen and (max-width: 1023px) {
	.sub-page.notice .top-image { background: url("/img/v2/sub/top05-m.jpg") no-repeat center; background-size: cover; }

	.sub-page.notice.list-page .area-table .table ul li:nth-child(1) { display: none; }
	.sub-page.notice.list-page .area-table .table ul li:nth-child(2) { display: block; margin: 0 0 5px; width: auto; }
	.sub-page.notice.list-page .area-table .table ul li:nth-child(3) { display: block; width: auto; margin: 0 0 5px; }
	.sub-page.notice.list-page .area-table .table ul li:nth-child(4) { display: block; width: auto; font-size: 13px; color: #888; }
}

/* 06 mypage */
.sub-page.mypage .top-image { background: url("/img/v2/sub/top06.jpg") no-repeat center; }
.sub-page.mypage .tab-list ul { left: 0; right: 0; }
.sub-page.mypage .tab-list li { width: 25%; }
.sub-page.mypage .tab-list .box .btn-prev, .sub-page.mypage .tab-list .box .btn-next { display: none; }

.sub-page.mypage .ubox {margin:50px 0; overflow:hidden;} /* 171102 수정 */
.sub-page.mypage .ubox .using {float:left; width:49%; padding:30px 0; background:#eef0f8;} /* 171102 수정 */
.sub-page.mypage .ubox .using dl {width:100%;} /* 171102 수정 */
.sub-page.mypage .ubox .using dl dt {float:left; display:inline-block; font-size:18px; padding-left:10px;} /* 171102 수정 */
.sub-page.mypage .ubox .using dl dt.panel1 {margin-top:8px;} /* 171123 추가 */
.sub-page.mypage .ubox .using dl dt.panel2 {margin-top:20px;} /* 171123 추가 */
.sub-page.mypage .ubox .using dl dd {float:right; display:block; font-size:23px; padding-right:10px; color:#666; font-weight:600; line-height:20px; text-align:right; } /* 171102 수정 */
.sub-page.mypage .ubox .using dl dd span {font-size:15px;} /* 171102 수정 */
.sub-page.mypage .ubox .using dl dd.num {line-height:40px; color:#666;} /* 171102 수정 */
.sub-page.mypage .ubox .using dl dd.num a {line-height:40px; color:#666;} /* 171102 수정 */
.sub-page.mypage .ubox .using dl dd.url {width:75%; font-size: 16px; color: #666; word-break: break-all; text-align:right; margin-top:10px; border:0px solid red;} /* 171102 수정 */
.sub-page.mypage .ubox .using .money a {float:right; display:inline-block; width:80px; height:24px; background:#777; color:#fff; font-size:13px; line-height:24px; text-align:center; margin-right:10px;} /* 171123 추가 */
.sub-page.mypage .ubox .using .money a:hover{opacity: 0.9;} /* 1809 add */
.sub-page.mypage .ubox .using:nth-child(1) {margin:0 15px 15px 0;} /* 171123 수정 */
.sub-page.mypage .ubox .using.friend {margin:15px 15px 0 0;} /* 171123 수정 */
.sub-page.mypage .ubox .using.cash {margin:15px 0 0 0; padding:17px 10px 20px 10px;} /* 171123 수정 */


/*s:마이페이지 정리 PC 200810*/
.sub-page.mypage .ubox .using.full {width:100%; position:relative;}
.sub-page.mypage .ubox .using.full .service-title{display:table-cell; vertical-align:middle; font-size:18px; padding: 0 10px; text-align:left;}
.sub-page.mypage .ubox .using.full .line{width:95%;  border-top:1px dotted #ccc; padding-top:10px; margin-top:15px; display:block; position:absolute; right:25px; left:25px;}
.sub-page.mypage .ubox .using.full dl dd.service-name{margin-top:30px; margin-right:10px;}
.sub-page.mypage .ubox .using.full dl dd.service-name:first-child{margin-top:0px;}
.sub-page.mypage .ubox .using.full dl dd {float:inherit;}
.sub-page.mypage .ubox .using.full ul{margin-top:7px;}
.sub-page.mypage .ubox .using.full ul li{font-size:15px; font-weight:normal; line-height:23px; display:inline-block;}
.sub-page.mypage .ubox .using.full ul li:after{content: ' | '; display: inline-block; color:#eb523c; padding-left:10px;}
.sub-page.mypage .ubox .using.full ul li:last-child:after{content: '';}
.sub-page.mypage .ubox-50{max-width:1200px; margin:0 auto; overflow:hidden; position:relative; margin-top:15px;}
.sub-page.mypage .ubox-50 .ubox-in{margin-left:-15px; margin-right:-15px; clear:both;}
.sub-page.mypage .ubox-50 .ubox-in .using{width:50%; position:relative; float:left; padding-left:15px; padding-right:15px; box-sizing:border-box; }
.sub-page.mypage .ubox-50 .ubox-in .using dl{background:#f4f4f4; padding:30px 15px;}
.sub-page.mypage .ubox-50 .ubox-in .using dl dt{float:left; display:inline-block; font-size:18px; padding-left:10px; line-height:40px;}
.sub-page.mypage .ubox-50 .ubox-in .using dl dd.num{float:inherit; display:block; font-size:23px; padding-right:10px; color:#666; font-weight:bold; text-align:right; line-height:40px;}
.sub-page.mypage .ubox-50 .ubox-in .using dl dd.num a{text-align:right;}
.sub-page.mypage .ubox-50 .ubox-in .using.cash dd.num{line-height:20px;}
.sub-page.mypage .ubox-50 .ubox-in .using .money-btn{padding:10px 0px;}
.sub-page.mypage .ubox-50 .ubox-in .using .money-btn .money a {float:right; display:inline-block; width:80px; height:24px; background:#777; color:#fff; font-size:13px; line-height:24px; text-align:center; margin-right:10px;} /* 171123 추가 */
.sub-page.mypage .ubox-50 .ubox-in .using .money-btn .money a:hover{opacity: 0.9;} /* 1809 add */
/*s:마이페이지 정리 200810*/

.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: 180px; }
.sub-page.mypage.list-page .area-table .table ul li:nth-child(4) { width: 120px; }
.sub-page.mypage.list-page .area-table .table ul li:nth-child(5) { width: 120px; color: #555; }
.sub-page.mypage.list-page .area-table .table ul li:nth-child(6) { width: 120px; }

.sub-page.mypage.read-page .area-table.order-top .table ul li { background: #fff; font-size: 15px; color: #555; font-weight: 400; text-align: center; width: auto; }
.sub-page.mypage.read-page .area-table.order-top .table ul.title li { color: #333b43; font-weight: 700; }
.sub-page.mypage.read-page .area-table { margin: 0 0 50px; }
.sub-page.mypage.read-page .area-table.order-top .table ul li:nth-child(1) { width: auto; }
.sub-page.mypage.read-page .area-table.order-top .table ul li:nth-child(2) { width: 150px; }
.sub-page.mypage.read-page .area-table.order-top .table ul li:nth-child(3) { width: auto; }
.sub-page.mypage.read-page .area-table.order-top .table ul li:nth-child(4) { width: auto; }
.sub-page.mypage.read-page .area-table.order-top .table ul li:nth-child(5) { width: 150px; }
.sub-page.mypage.read-page .area-table.order-top .table ul li:nth-child(6) { width: 150px; }
.sub-page.mypage.read-page .area-table.order-top .table ul li:nth-child(7) { width: auto; }
.sub-page.mypage.read-page .area-btns { text-align: right; margin: -20px 0 0 0; }
.sub-page.mypage.read-page .area-btns > p { width: 100px; }
.sub-page.mypage.read-page .area-btns > p > a { padding: 11px 0; font-size: 16px; }

.sub-page.mypage .area-caution { text-align: center; margin: 0 0 100px; }
.sub-page.mypage .area-caution > p { font-size: 50px; margin: 0 0 15px; padding: 146px 0 0 0; background: url("/img/v2/sub/icon-cauntion.png") no-repeat center top; }
.sub-page.mypage .area-caution > p strong { font-weight: 700; }
.sub-page.mypage .area-caution > .txt { font-size: 22px; color: #777; line-height: 1.4; }
/* mobile */
@media screen and (max-width: 1023px) {
	.sub-page.mypage .top-image { background: url("/img/v2/sub/top06-m.jpg") no-repeat center; background-size: cover; }
	.sub-page.mypage .tab-list li { width: auto; }

	.sub-page.mypage .title-sub > div { margin: 40px 0 0 0; padding: 1px 0 30px 0; text-align: center; background: #ed5c23; color: #fff; font-size: 14px; line-height: 1.4; } /* 수정(170414)*/
	.sub-page.mypage .title-sub > div b { color: #fff; }
	.sub-page.mypage .title-sub > div > span { display: block;}

	.sub-page.mypage .menu-list { margin: 0 -10px; }
	.sub-page.mypage .menu-list .box { float: none; width: 100%; padding: 20px 10px !important; border-bottom: 1px solid #dcdbdb; text-align: center; }
	.sub-page.mypage .menu-list .box:before { display: none !important; }
	.sub-page.mypage .menu-list .box .txt { text-align: left; }
	.sub-page.mypage .menu-list .box .txt:before { display: none !important; }
	.sub-page.mypage .menu-list .box .txt h5 { font-size: 16px; }
	.sub-page.mypage .menu-list .box .txt .sub-txt { font-size: 13px; }

	.sub-page.mypage.list-page .area-table .table ul li:nth-child(1) { display: none; width: auto; }
	.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; }
	.sub-page.mypage.list-page .area-table .table ul li:nth-child(3) { display: block; width: auto; margin: 0 80px 5px 0; }
	.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) { 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; }
	.sub-page.mypage.list-page .area-table .table ul li:nth-child(6) { display: block; width: auto; font-size: 13px; color: #777; margin-right: 80px; }
	.sub-page.mypage.list-page .area-table .table ul li:nth-child(6):before { content: '결제일 :'; display: inline-block; font-size: 13px; color: #777; padding: 0 2px 0 0; }
	.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.read-page .area-table.order-top .table ul { display: block; padding: 14px 0; border-bottom: 1px solid #dbdbdb; position: relative; }
	.sub-page.mypage.read-page .area-table.order-top .table ul li { border: 0; }
	.sub-page.mypage.read-page .area-table.order-top .table ul.title { display: none; }
	.sub-page.mypage.read-page .area-table { margin: 0 0 30px; }
	.sub-page.mypage.read-page .area-table.order-top .table ul li { display: block; float: none; text-align: left !important; padding: 0; height: auto; }
	.sub-page.mypage.read-page .area-table.order-top .table ul li:nth-child(1) { width: auto; margin: 0 80px 5px 0; color: #ed5c23; font-size: 13px; }
	.sub-page.mypage.read-page .area-table.order-top .table ul li:nth-child(2) { width: auto; float: left; }
	.sub-page.mypage.read-page .area-table.order-top .table ul li:nth-child(3) { width: auto; margin: 0 80px 5px 0; }
	.sub-page.mypage.read-page .area-table.order-top .table ul li:nth-child(4) { display: none; }
	.sub-page.mypage.read-page .area-table.order-top .table ul li:nth-child(5) { width: auto; float: left; font-size: 13px; color: #777; }
	.sub-page.mypage.read-page .area-table.order-top .table ul li:nth-child(5):before { content: '결제금액 :'; display: inline-block; font-size: 13px; color: #777; padding: 0 2px 0 0; }
	.sub-page.mypage.read-page .area-table.order-top .table ul li:nth-child(5):after { content: '/'; display: inline-block; padding: 0; font-size: 13px; color: #777; padding: 0 5px; }
	.sub-page.mypage.read-page .area-table.order-top .table ul li:nth-child(6) { width: auto; font-size: 13px; color: #777; margin: 0 80px 0 0; }
	.sub-page.mypage.read-page .area-table.order-top .table ul li:nth-child(6):before { content: '결제일 :'; display: inline-block; font-size: 13px; color: #777; padding: 0 2px 0 0; }
	.sub-page.mypage.read-page .area-table.order-top .table ul li:nth-child(7) { 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; }
	.sub-page.mypage.read-page .area-table.order-top .table ul:before { content: ''; position: absolute; top: 14px; right: 71px; bottom: 14px; width: 1px; background: #c2c2c2; }
	.sub-page.mypage.read-page .area-btns { text-align: center; margin: -10px 0 0 0; }

	.sub-page.mypage .area-caution { margin: 0 0 50px; padding: 30px 0 0 0; }
	.sub-page.mypage .area-caution > p { font-size: 25px; margin: 0 0 10px; padding: 85px 0 0 0; background-size: 80px auto; }
	.sub-page.mypage .area-caution > .txt { font-size: 14px; }
}

/* 07 join */
.sub-page.join .top-image { background: url("/img/v2/sub/top01.jpg") no-repeat center; }

.sub-page.join .area-benefit { position: relative; margin: 0 -11px; }
.sub-page.join .area-benefit .box { float: left; width: 33.333%; padding: 0 11px; box-sizing: border-box; }
.sub-page.join .area-benefit .box .inner-box { position: relative; text-align: center; padding: 140px 0 40px; }
.sub-page.join .area-benefit .box.box01 .inner-box { background: #efefef url("/img/v2/sub/icon-benefit01.png") no-repeat center 41px; }
.sub-page.join .area-benefit .box.box02 .inner-box { background: #efefef url("/img/v2/sub/icon-benefit02.png") no-repeat center 39px; }
.sub-page.join .area-benefit .box.box03 .inner-box { background: #efefef url("/img/v2/sub/icon-benefit03.png") no-repeat center 56px; }
.sub-page.join .area-benefit .box .inner-box .label { position: absolute; top: 0; left: 0; width: 60px; height: 30px; background: #ed5c23; font-size: 13px; color: #fff; line-height: 30px; text-align: center; }
.sub-page.join .area-benefit .box .inner-box .txt { font-size: 17px; line-height: 1.4; }
.sub-page.join .sub-txt { margin: 20px 0 0 0; font-size: 15px; color: #777; font-weight: 400; }
.sub-page.join .area-banner { margin: 30px -17px 0; }
.sub-page.join .area-banner > div { float: left; width: 50%; box-sizing: border-box; padding: 0 17px; color: #fff; }
.sub-page.join .area-banner .ban01 .inner-box { background: #1d2339; padding: 30px 40px; position: relative; }
.sub-page.join .area-banner .ban02 .inner-box { background: #5a70bc; padding: 30px 40px; position: relative; }
.sub-page.join .area-banner .inner-box:after { content: ''; position: absolute; top: 50%; right: 40px; transform: translateY(-50%); background: url("/img/v2/sub/icon-arrow.png") no-repeat; width: 43px; height: 34px; }
.sub-page.join .area-banner .inner-box h3 { margin: 0 0 13px; font-size: 25px; font-weight: 400; letter-spacing: 1px; }
.sub-page.join .area-banner .inner-box span { font-size: 15px; line-height: 1.3; letter-spacing: 0; }

.sub-page.join .area-textarea { font-size: 14px; color: #777; margin: 0 0 50px; }
.sub-page.join .area-textarea textarea { white-space: pre-line; width: 100%; height: 240px; resize: none; font-size: 12px; color: #777; letter-spacing: -1px; line-height: 1.4; padding: 25px; margin: 0 0 15px; box-sizing: border-box; vertical-align: top; border: 1px solid #c2c2c2; }
.sub-page.join .area-textarea label { vertical-align: middle; font-size: 17px; color: #777; }
.sub-page.join .area-textarea input { vertical-align: middle; width: 18px; height: 18px; }
.sub-page.join .area-btns { text-align: center; }
.sub-page.join .area-btns .btn a { width: 100px; padding: 11px 0; font-size: 16px; }

.sub-page.join .table-info { font-size: 15px; color: #444; text-align: right; margin: 0 0 15px; }
.sub-page.join .color-blue { color: #5a6ebb; }
.sub-page.join .area-table input[type='text'].width-275, .sub-page.join .area-table input[type='password'].width-275 { width: 275px; height: 35px; border: 1px solid #c7c7c7; box-sizing: border-box; text-indent: 10px; }
.sub-page.join .area-table input[type='text'].width-85 { width: 85px; height: 35px; border: 1px solid #c7c7c7; box-sizing: border-box; vertical-align: top; }
.sub-page.join .area-table input[type='text'].width-346 { width: 346px; height: 35px; border: 1px solid #c7c7c7; box-sizing: border-box; vertical-align: top; }
.sub-page.join .area-table input[type='text'].width-145 { width: 145px; height: 35px; border: 1px solid #c7c7c7; box-sizing: border-box; vertical-align: top; }
.sub-page.join .area-table .info { font-size: 14px; line-height: 15px; margin: 10px 0 0 0; display: block; padding: 0 0 0 20px; background: url("/img/v2/sub/icon-cauntion2.png") no-repeat left center; }
.sub-page.join .area-table .area-id { font-size: 0; display: inline-block; vertical-align: top; position: relative; }
.sub-page.join .area-table .area-id input { display: inline-block; vertical-align: top; }
.sub-page.join .area-table .line1 input { font-size: 15px; }
.sub-page.join .area-table .line1 .btn { display: inline-block; vertical-align: top; margin: 0 0 0 10px; }
.sub-page.join .area-table .line1 .btn a { display: block; padding: 0 10px; height: 35px; background: #777; font-size: 13px; color: #fff; line-height: 35px; min-width: 45px; text-align: center; }
.sub-page.join .area-table .line1 .txt { display: inline-block; vertical-align: top; margin: 0 0 0 15px; font-size: 14px; color: #999; line-height: 35px; }
.sub-page.join .area-table .area-gender span { display: inline-block; margin-right: 50px; font-size: 15px; color: #777; }
.sub-page.join .area-table .area-gender span input { vertical-align: middle; }
.sub-page.join .area-table .area-birth .birth1 { display: inline-block; vertical-align: top; margin: 0 20px 0 0; }
.sub-page.join .area-table .area-birth .birth2 { display: inline-block; vertical-align: top; margin: 0 20px 0 0; }
.sub-page.join .area-table .area-birth .birth3 { display: inline-block; vertical-align: top; margin: 0 10px 0 0; }
.sub-page.join .area-table .area-birth > div > div { display: inline-block; vertical-align: top; width: 85px; }
.sub-page.join .area-table .area-birth > div > span { display: inline-block; vertical-align: top; line-height: 35px; font-size: 15px; color: #777; }
.sub-page.join .area-table .area-birth .txt2 { display: inline-block; vertical-align: top; font-size: 17px; line-height: 35px; }
.sub-page.join .area-table .area-address { margin: 0 0 5px; position: relative; }
.sub-page.join .area-table .area-address2 input { display: inline-block; vertical-align: top; margin: 5px 10px 0 0; }
.sub-page.join .area-table .inner-box-relation { border-bottom: 1px solid #dbdbdb; margin: 0 -20px 10px; padding: 0 20px 10px; }
.sub-page.join .area-table .inner-box-relation span { display: inline-block; vertical-align: top; line-height: 35px; font-size: 15px; color: #777; margin-left: 50px; }
.sub-page.join .area-table .inner-box-relation span:first-child { margin: 0; }
.sub-page.join .area-table .inner-box-relation span input { vertical-align: middle; }
.sub-page.join .area-table .area-relation { margin-top: 10px; position: relative; }
.sub-page.join .area-table .area-relation .table-selectbox { width: 145px; margin-right: 20px; display: inline-block; vertical-align: top; }
.sub-page.join .area-table .area-relation .area-input { display: inline-block; vertical-align: top; }
.sub-page.join .area-table .area-relation .txt2 { display: inline-block; vertical-align: top; line-height: 35px; margin: 0 0 0 10px; }
.sub-page.join .area-table .area-phone .table-selectbox { width: 100px; margin-right: 10px; display: inline-block; vertical-align: top; }
.sub-page.join .area-table .area-phone .area-input { margin-right: 10px; display: inline-block; vertical-align: top; }
.sub-page.join .area-table .area-phone .btn { margin: 0; }
.sub-page.join .area-table .area-check { display: block; margin: 10px 0 0 0; }
.sub-page.join .area-table .area-check input { width: 17px; height: 17px; vertical-align: middle; }
.sub-page.join .area-table .inner-box-phone { /*border-bottom: 1px solid #dbdbdb;*/ margin: 0 -20px 0; padding: 0 20px 0; }
.sub-page.join .area-table .inner-box-phone2 { line-height: 35px; }
.sub-page.join .area-table .inner-box-phone2 input { margin-left: 10px; }
.sub-page.join .area-table .area-email { display: inline-block; vertical-align: top; margin: 0 10px 0 0; }
.sub-page.join .area-table .area-email p { display: inline-block; vertical-align: top; line-height: 35px; }
.sub-page.join .area-table .area-email2 { display: inline-block; vertical-align: top; }
.sub-page.join .area-table .area-email2 .table-selectbox { width: 145px; }
.sub-page.join .area-btns2 { text-align: center; margin: 30px 0 0 0; }
.sub-page.join .area-btns2 a { display: block; font-size: 16px; padding: 11px 20px; }

.sub-page.join .area-certified-mail { border-top: 2px solid #555; padding: 60px 0 0 0; text-align: center; }
.sub-page.join .area-certified-mail .txt { padding: 110px 0 20px; background: url("/img/v2/sub/icon-mail.png") no-repeat center top; font-size: 25px; color: #444; }
.sub-page.join .area-certified-mail .txt span { color: #ed5c23; }
.sub-page.join .area-certified-mail .txt2 { font-size: 20px; color: #777; margin: 0 0 60px; }
.sub-page.join .area-certified-mail .area-info { padding: 30px 0; margin: 0 0 40px; border: 1px solid #dbdbdb; border-left: 0; border-right: 0; background: #f4f4f4; }
.sub-page.join .area-certified-mail .area-info > div { float: left; width: 385px; font-size: 17px; color: #555; text-align: right; }
.sub-page.join .area-certified-mail .area-info > div > span { display: inline-block; padding: 0 30px 0 42px; text-align: left; background: url("/img/v2/sub/icon-x.png") no-repeat left center; font-weight: 700; }
.sub-page.join .area-certified-mail .area-info > ul { float: left; padding: 0 0 0 30px; text-align: left; border-left: 1px solid #dbdbdb; }
.sub-page.join .area-certified-mail .area-info > ul > li { font-size: 15px; color: #777; line-height: 1.5; background: url("/img/v2/sub/icon-dot2.png") no-repeat left 9px; padding: 0 0 0 11px; }

.sub-page.join .area-secret { border-top: 2px solid #555; padding: 60px 0 0 0; text-align: center; }
.sub-page.join .area-secret .txt { padding: 115px 0 20px; background: url("/img/v2/sub/icon-secret2.png") no-repeat center top; font-size: 25px; color: #444; }
.sub-page.join .area-secret .txt span { color: #ed5c23; }
.sub-page.join .area-secret .txt2 { font-size: 20px; color: #777; border-bottom: 1px solid #dbdbdb; margin: 0 0 30px; padding: 0 0 60px; }
/* mobile */
@media screen and (max-width: 1023px) {
	.sub-page.join .top-image { background: url("/img/v2/sub/top01-m.jpg") no-repeat center; background-size: cover; }
	.sub-page.join .area-benefit .box { float: none; width: 100%; margin: 0 0 15px; }
	.sub-page.join .area-benefit .box .inner-box { padding: 75px 0 20px; }
	.sub-page.join .area-benefit .box.box01 { margin: 0 0 10px; }
	.sub-page.join .area-benefit .box.box01 .inner-box { background-position: center 21px; background-size: 40px auto; }
	.sub-page.join .area-benefit .box.box02 .inner-box { background-position: center 22px; background-size: 35px auto; }
	.sub-page.join .area-benefit .box.box03 .inner-box { background-position: center 23px; background-size: 31px auto; }
	.sub-page.join .area-benefit .box .inner-box .txt { font-size: 14px; }
	.sub-page.join .sub-txt { display: none; }
	.sub-page.join .sub-txt-m { font-size: 13px; line-height: 1.4; margin: 0 11px 20px; }
	.sub-page.join .area-banner { margin: 20px 0; }
	.sub-page.join .area-banner > div { float: none; width: 100%; padding: 0; margin: 0 0 20px; }
	.sub-page.join .area-banner .ban01 .inner-box { padding: 20px 10px; }
	.sub-page.join .area-banner .ban02 .inner-box { padding: 20px 10px; }
	.sub-page.join .area-banner .inner-box:after { right: 10px; background-size: 23px 18px; width: 23px; height: 18px; }
	.sub-page.join .area-banner .inner-box h3 { font-size: 16px; font-weight: 700; margin: 0 0 8px; }
	.sub-page.join .area-banner .inner-box span { font-size: 13px; letter-spacing: -1px; }

	.sub-page.join .area-textarea { margin: 0 0 25px; }
	.sub-page.join .area-textarea textarea { height: 126px; border: 1px solid #e3e3e3; padding: 10px; margin: 0 0 10px; }
	.sub-page.join .area-textarea label { font-size: 14px; }
	.sub-page.join .area-btns .btn a { width: 136px; }

	.sub-page.join .area-table .table-selectbox:before { width: 25px; }
	.sub-page.join .table-info { margin: 0 0 10px; }
	.sub-page.join .area-table input[type='text'].width-275, .sub-page.join .area-table input[type='password'].width-275, .sub-page.join .area-table input[type='text'].width-346, .sub-page.join .area-table input[type='text'].width-145 { width: 100%; text-indent: 5px; }
	.sub-page.join .area-table input[type='text'].width-85 { width: 55px; text-indent: 5px; }
	.sub-page.join .area-table .info { margin: 5px 0 0 0; font-size: 13px; }
	.sub-page.join .area-table .area-id { margin: 0 60px 0 0; display: block; }
	.sub-page.join .area-table .line1 input { font-size: 12px; }
	.sub-page.join .area-table .table-selectbox label, .sub-page.join .area-table .table-selectbox select { font-size: 12px; padding: 0 5px; }
	.sub-page.join .area-table .line1 .btn { margin: 0; position: absolute; top: 0; right: -70px; }
	.sub-page.join .area-table .line1 .txt { margin: 5px 0 0 0; line-height: normal; font-size: 11px; }
	.sub-page.join .area-table .area-gender span { margin-right: 20px; font-size: 14px; }
	.sub-page.join .area-table .area-birth { font-size: 0 }
	.sub-page.join .area-table .area-birth .birth1 { margin: 0 5px 5px 0; }
	.sub-page.join .area-table .area-birth .birth2 { margin: 0 5px 5px 0; }
	.sub-page.join .area-table .area-birth .birth3 { margin: 0 5px 5px 0; }
	.sub-page.join .area-table .area-birth > div > div { width: 70px; }
	.sub-page.join .area-table .area-birth > div > span { font-size: 14px; margin:0 2px; }
	.sub-page.join .area-table .area-birth .txt2 { font-size: 14px; }
	.sub-page.join .area-table .area-address { margin: 0 0 5px 0; display: block; }
	.sub-page.join .area-table .area-address input { width: 80px !important; display: inline-block; vertical-align: top; }
	.sub-page.join .area-table .area-address .btn { position: static; }
	.sub-page.join .area-table .area-address2 input { display: block; margin: 0 0 5px; }
	.sub-page.join .area-table .inner-box-relation { margin: 0 -10px 10px; padding: 0 10px 10px; }
	.sub-page.join .area-table .inner-box-relation span { font-size: 14px; margin-left: 20px; }
	.sub-page.join .area-table .inner-box-relation span input[type='text'] { width: 40px !important; }
	.sub-page.join .area-table .area-relation { margin: 10px 0 30px; }
	.sub-page.join .area-table .area-relation .table-selectbox { width: 105px; margin-right: 3px; font-size: 12px; }
	.sub-page.join .area-table .area-relation .area-input { position: relative; }
	.sub-page.join .area-table .area-relation .txt2 { display: block; margin: 0; position: absolute; bottom: -20px; left: 0; line-height: 20px; font-size: 14px; }
	.sub-page.join .area-table .area-phone .table-selectbox:first-child { display: block; margin: 0 0 5px; }
	.sub-page.join .area-table .area-phone .table-selectbox { width: 65px; margin: 5px 3px 0 0; }
	.sub-page.join .area-table .area-phone .area-input { margin: 5px 3px 0 0; display: inline-block; vertical-align: top; }
	.sub-page.join .area-table .area-phone .area-input input[type='text'].width-85 { width: 50px; }
	.sub-page.join .area-table .area-phone .btn { margin: 0; position: static; margin: 5px 0 0 0; }
	.sub-page.join .area-table .area-check { display: block; margin: 5px 0 0 0; }
	.sub-page.join .area-table .area-check input { width: 17px; height: 17px; vertical-align: middle; }
	.sub-page.join .area-table .inner-box-phone { margin: 0 -10px 10px; padding: 0 10px 10px; }
	.sub-page.join .area-table .inner-box-phone2 input { margin: 0 3px; }
	.sub-page.join .area-table .inner-box-phone2 .btn { position: static; }
	.sub-page.join .area-table .inner-box-phone2 .btn a { padding: 0; }
	.sub-page.join .area-table .area-email {  margin: 0 0 5px; }
	.sub-page.join .area-table .area-email p { display: inline-block; vertical-align: top; line-height: 35px; }
	.sub-page.join .area-table .area-email p:nth-child(1), .sub-page.join .area-table .area-email p:nth-child(3) { width: 84px; }
	.sub-page.join .area-btns2 { margin: 20px 0 0 0; }
	.sub-page.join .area-btns2 a { min-width: 135px; }

	.sub-page.join .area-certified-mail { border-top: 1px solid #555; padding: 30px 0 0 0; }
	.sub-page.join .area-certified-mail .txt { padding: 60px 0 10px; background-size: 60px auto; font-size: 17px; }
	.sub-page.join .area-certified-mail .txt2 { font-size: 14px; margin: 0 0 30px; }
	.sub-page.join .area-certified-mail .area-info { padding: 20px; margin: 0 0 20px; }
	.sub-page.join .area-certified-mail .area-info > div { float: none; display: block; width: 100%; text-align: left; font-size: 15px; margin: 0 0 10px; }
	.sub-page.join .area-certified-mail .area-info > div > span { background: none; padding: 0; }
	.sub-page.join .area-certified-mail .area-info > ul { float: none; padding: 0; text-align: left; border: 0; }
	.sub-page.join .area-certified-mail .area-info > ul > li { font-size: 14px; }

	.sub-page.join .area-secret { border-top: 1px solid #555; padding: 30px 0 0 0; }
	.sub-page.join .area-secret .txt { padding: 70px 0 10px; background-size: 44px auto; font-size: 17px; }
	.sub-page.join .area-secret .txt2 { font-size: 14px; margin: 0 0 20px; padding: 0 0 30px; }
}

/* 08 서비스가격 */
.sub-page.service .top-image { background: url("/img/v2/sub/top08.jpg") no-repeat center; }
.sub-page.service .tab-list ul { left: 0; right: 0; }
.sub-page.service .tab-list li { width: 33.33%; box-sizing: border-box; } /*210205 width값 수정 */
/*.sub-page.service .tab-list li { width: 50%; box-sizing: border-box; }*/
.sub-page.service .tab-list .box .btn-prev, .sub-page.service .tab-list .box .btn-next { display: none; }

.sub-page.service .txt_01 {font-size:35px; color:#555; font-weight:bold; text-align:center;} /* 170529 추가*/
.sub-page.service .txt_01 span {font-size:40px; color:#ed5c23;} /* 170529 추가*/
.sub-page.service .txt_02 {font-size:25px; color:#555; text-align:center; padding:15px 0 70px 0;} /* 170529 추가*/
.sub-page.service .cnt_img img {max-width:100%; height:auto; width: 1200px;} /* 170529 추가 180921 수정*/

.sub-page.service .area-caution { text-align: center; margin: 0 0 60px; padding: 50px 0; border-top: 2px solid #555; border-bottom: 1px solid #dbdbdb; }
.sub-page.service .area-caution > p { font-size: 35px; margin: 0 0 15px; padding: 136px 0 0 0; background: url("/img/v2/sub/icon-cauntion.png") no-repeat center top;}
.sub-page.service .area-caution > p strong { font-weight: 700; color: #555; }
.sub-page.service .area-caution > .txt { font-size: 20px; color: #777; line-height: 1.4; }
.sub-page.service .area-caution > .txt { font-size: 20px; color: #777; line-height: 1.4; }
.sub-page.service .other-detail-view {text-align:right;}/*20200122 추가*/
.sub-page.service .other-detail-view a{display: inline-block; vertical-align: top; box-sizing: border-box; text-align: center; border: 1px solid #ed5c23; color: #ed5c23; font-size: 16px; line-height: 43px; padding: 0 20px; letter-spacing: -1px; min-width: 130px; } /*20200122 추가*/
.sub-page.service .other-detail-view a:hover{display: inline-block; vertical-align: top; box-sizing: border-box; background: #ed5c23; text-align: center; border: 1px solid #ed5c23; color: #fff; font-size: 16px; line-height: 43px; padding: 0 20px; letter-spacing: -1px; min-width: 130px; }/*20200122 추가*/
.sub-page.service .tip {text-align:right;  font-size:13px; letter-spacing:-1px; color:#3a3a3a; padding-bottom:25px; font-weight:bold; margin-top:18px; line-height:18px;} /*20200827 추가*/
.sub-page.service .area-price { text-align: center; margin: 0px; position: relative;} /*200622 margin값 변경*/
.sub-page.service .area-price .section-title { display: inline-block; vertical-align: top; width: 20%; box-sizing: border-box; border-right: 1px solid #dbdbdb; border-top: 1px solid #dbdbdb; line-height: normal; letter-spacing: -1px; }
.sub-page.service .area-price .section-title .title { width: 100%; background: #fff; color: #333; font-size: 23px; line-height:30px; padding: 70px 0 0 0; height: 119px; }  /* 180528 수정 */
.sub-page.service .area-price .section-title .title b { font-weight: 800; }

.sub-page.service .area-price .inner-box .combine2 {position: absolute; top: 0px; left: 40%; width:40%; right: 0; height:40px; line-height: 35px; color:#fff; font-weight:bold; background: #fff;  box-sizing: border-box; border:1px solid #dbdbdb; border-right:0px solid #dbdbdb;}  /* 200622 top값 수정*/
.sub-page.service .area-price .inner-box .combine2 .txt {color:#666; font-size:20px; font-weight:500;}  /* 180528 수정 */
.sub-page.service .area-price .inner-box .combine2 .txt span {font-size:13px;} /* 180327 추가 */
.sub-page.service .area-price .inner-box .title { background: #fff; }
.sub-page.service .area-price .inner-box .title .mt40 {margin-top:40px;} /* 180327 추가 */
.sub-page.service .area-price .inner-box .title h3 { background: #fff; color:#666; font-size: 20px; line-height: 40px; height: 40px; font-weight:500; box-sizing: border-box; border-top:1px solid #dbdbdb;  border-bottom:1px solid #dbdbdb;} /* 180528 수정 */
.sub-page.service .area-price .inner-box .title > div { padding: 30px 0 0 0; height: 120px; position: relative; }
.sub-page.service .area-price .inner-box .title > div .txt.positon { margin: -10px 0 0 0; }
.sub-page.service .area-price .inner-box .title > div .txt { font-size: 27px; color:#333; font-weight:700;}  /* 180528 수정 */
.sub-page.service .area-price .inner-box .title > div .txt > span { font-size: 13px; padding-left:5px;}
.sub-page.service .area-price .inner-box .title > div .txt > b { display: block; font-size: 14px; font-weight: 400; }
.sub-page.service .area-price .inner-box .title > div .btn { position: absolute; bottom: 28px; left: 14%; right: 14%; }
.sub-page.service .area-price .inner-box .title > div .btn > a { display: block; background: #ed5c23; font-size: 14px; color: #fff; font-weight: 700; padding: 10px 0; width: 100%; }  /* 180528 수정 */
.sub-page.service .area-price .inner-box .title > div .btn > a:hover {background: #e9b09a; color:#fff;}
/*20200827 구매하기 버튼 색 추가 */
.sub-page.service .area-price .inner-box.first .title > div .btn > a{ display: block; background: #69bdd2; font-size: 14px; color: #fff; font-weight: 700; padding: 10px 0; width: 100%; }
.sub-page.service .area-price .inner-box.first .title > div .btn > a:hover {background:#92d5e6; color:#fff;}
.sub-page.service .area-price .inner-box.one .title > div .btn > a{ display: block; background: #169900; font-size: 14px; color: #fff; font-weight: 700; padding: 10px 0; width: 100%; }
.sub-page.service .area-price .inner-box.one .title > div .btn > a:hover{background:#64c054; color:#fff;}
/*20200827 구매하기 버튼 색 추가 */
.sub-page.service .area-price .inner-box { display: inline-block; vertical-align: top; width: 20%; box-sizing: border-box; border-left: 1px solid #dbdbdb; letter-spacing: -1px; line-height: normal; }
.sub-page.service .area-price .inner-box.first { border: 0; }
.sub-page.service .area-price .inner-box.standard{width:40%;}/*200513 추가*/

/*구매하기 standard 월납/선납 합치기 200513*/
.sub-page.service .area-price .inner-box .standard-billing-btn{text-align:center; padding:0px 40px 0px 40px; }
.sub-page.service .area-price .inner-box .standard-billing-btn .month {margin-top:-8px;}
.sub-page.service .area-price .inner-box .standard-billing-btn .month .txt.positon {display:inline-block; margin:0px !important;}
.sub-page.service .area-price .inner-box .standard-billing-btn .month .btn{width:180px; position:static !important; display:inline-block; bottom:auto !important; padding-left:36px; vertical-align:top;}
.sub-page.service .area-price .inner-box .standard-billing-btn .year .txt.positon {display:inline-block; margin:0px !important; padding-top:15px;}
.sub-page.service .area-price .inner-box .standard-billing-btn .year .btn{width:180px; position:static !important; display:inline-block; bottom:auto !important; padding-left:22px; padding-top:20px; vertical-align:top;}



/*s:구매하기 자세히보기 20200622*/
.sub-page.service .svy-title:last-child{border-top:0px; border-bottom:1px solid #dbdbdb;}
.sub-page.service .svy-title{display:block;  border-top:1px solid #dbdbdb; text-align:left; padding:20px; font-size:18px;  cursor:pointer; text-align:center; position:relative; }
.sub-page.service .svy-title:after {margin-left:15px; width: 11px;height: 11px;border-right: 1px solid #777;border-bottom: 1px solid #777;position: absolute;/* right: 20px; */content: " ";top: 23px;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.service .svy-title.active:after {transform: rotate(-135deg); -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; top: 30px; border-right: 1px solid #777;border-bottom: 1px solid #777;}
.sub-page.service .svy-title:hover{background:#f9f9f9; color:#eb5c23;}
.sub-page.service .svy-title:hover:after {;border-right: 1px solid #eb5c23;border-bottom: 1px solid #eb5c23;}
.sub-page.service .detail-view{display:none; margin-top:-1px;}
/*e//:구매하기 자세히보기 20200622*/

/* 맞춤식 결제 */
.ico-essential{font-weight:bold; color:#ed5c23; vertical-align:6px;}
.table-regulation{line-height:24px; padding:20px 15px; border:1px solid #c2c2c2; margin:0 0 15px;}
.text-caution{font-weight:bold; color:#ed5c23; font-weight:bold; text-decoration:underline;}
/* e:맞춤식 결제 */

.sub-page.service .area-price .table { font-size: 15px; color: #777; line-height: 1.3; letter-spacing: -1.2px; }
.sub-page.service .area-price .section-title .table { background: #fff; color: #333; font-weight: 500; background:#fff; text-align:left;}
.sub-page.service .area-price .section-title .table blockquote { padding-left:15px;}
.sub-page.service .area-price .table li { border-bottom: 1px solid #dbdbdb; padding: 10px 0; height: 40px; box-sizing: border-box; line-height: 20px;}
.sub-page.service .area-price .table li:first-child {border-top: 1px solid #dbdbdb; margin-top:43px;}  /* 180528 추가 */
.sub-page.service .area-price .table li.mt43 {margin-top:43px;}  /* 180528 추가 */
.sub-page.service .area-price .table li.blue {color:#ed5c23;}  /* 180528 추가 */
.sub-page.service .area-price .table li.height-4 { height: 100px; line-height: 20px;}
.sub-page.service .area-price .table li.height-3 { height: 80px; line-height: 20px;}
.sub-page.service .area-price .table li.height-2 { height: 60px; line-height: 20px; }
.sub-page.service .area-price .table li.height-4.txt1 { line-height: 20px; padding-top:30px; }
.sub-page.service .area-price .table li.height-3.txt1 { line-height: 60px; }
.sub-page.service .area-price .table li.height-2.txt1 { line-height: 40px; }
.sub-page.service .area-price .table li > span { font-size: 15px; font-weight: 300; }
.sub-page.service .area-price .table li .combine { position: absolute; top: 183px; left: 20%; right: 0; height:79px; line-height: 20px; padding:10px ; background:#fff; border-bottom: 1px solid #dbdbdb; }
.sub-page.service .area-price .table li .combine.no-btn{position: absolute; top: 183px; left: 20%; right: 0; height:41px; line-height: 20px; padding:19px ; background:#fff; border-bottom: 1px solid #dbdbdb; } /*2001109 추가*/
.sub-page.service .area-price .table li .combine .btn_charge a {display:inline-block; width:70px; height:26px; background:#ed5c23; color:#fff; line-height:26px; text-align:center; font-size:12.5px; margin-top:7px;} /* 170719 추가*/
.sub-page.service .area-price .table li .combine .btn_charge a:hover {background:#ec5520;} /* 170719 추가*/
.sub-page.service .area-price .table li.check {background: url("/img/v2/sub/icon-check2.png") no-repeat center center; }
.sub-page.service .area-price #g_menu1 .table li.check {background: url("/img/v2/sub/icon-check-join.png") no-repeat center center; }/*200827 추가*/
.sub-page.service .area-price #g_menu4 .table li.check {background: url("/img/v2/sub/icon-check-one.png") no-repeat center center; }/*200827 추가*/


.sub-page.service .area-price-info { font-size: 15px; color: #777; margin: 0 0 40px; }
.sub-page.service .area-price-info li { font-weight: 400; line-height:20px; padding: 4px 0 4px 10px; background: url("/img/v2/sub/icon-dot2.png") no-repeat 0 12px; }
.sub-page.service .area-price-info li span.pricename {font-weight:bold; color:#ed5c23; font-size:19px; padding: 0 10px 3px 0;} /* 170719 추가 */
.sub-page.service .area-price-info li span.grid {padding-left:95px;} /* 170719 추가 */
.sub-page.service .area-price-info2 { border: 1px solid #f3772f; padding: 40px 50px;}
.sub-page.service .area-price-info2 .area-box { padding: 0 0 0 160px; background: url("/img/v2/sub/icon-price.png") no-repeat 0 0; text-align: left; line-height: 21px; letter-spacing: -1px; } /*210205 수정*/
.sub-page.service .area-price-info2 .area-box h3 { font-size: 23px; color: #ed5c23; margin: 0 0 10px; }
.sub-page.service .area-price-info2 .area-box span { display: block; font-size: 17px; color: #555; margin: 0 0 15px; }
.sub-page.service .area-price-info2 .area-box ul { font-size: 15px; color: #777; margin: 0 0 25px; }
.sub-page.service .area-price-info2 .area-box li { font-weight: 400; padding: 4px 0 4px 10px; background: url("/img/v2/sub/icon-dot2.png") no-repeat 0 12px; line-height:17px; } /*210205 수정*/
.sub-page.service .area-price-info2 .area-box .area-btns2 { margin:0 auto;} /* 180528  수정 */
.sub-page.service .area-price-info2 .area-box .area-btns2 > p { margin: 0 10px; }
.sub-page.service .area-price-info2 .area-box .area-btns2 > p > a { display: block; width: 100px; padding: 11px 0; font-size: 16px; }
/*s:20200901 구매하기 버튼 색 변경*/
.sub-page.service .area-price-info2 .area-box .area-btns2 .btn.btn01{background:#eb5c23; border-color: #ed5c23; color:#fff;}
.sub-page.service .area-price-info2 .area-box .area-btns2 .btn.btn01 > a {color:#fff;}
.sub-page.service .area-price-info2 .area-box .area-btns2 .btn.btn01:hover{color:#eb5c23; border-color:#ebr5c23; background:#fff;}/*210205 수정*/
.sub-page.service .area-price-info2 .area-box .area-btns2 .btn.btn01 > a:hover {color:#eb5c23;}/*210205 추가*/
/*e:20200901 구매하기 버튼 색 변경*/

/*  서비스 비교 (180528 추가) */
.sub-page.service .area-price .sub-title,.sub-page.service .area-price .sub-title2,.sub-page.service .area-price .sub-title3,.sub-page.service .area-price .sub-title4,.sub-page.service .area-price .sub-title5,.sub-page.service .area-price .sub-title6,.sub-page.service .area-price .sub-title7 {width:100%; height:45px; line-height:45px; background:#f4f4f4; border-top: 1px solid #dbdbdb;  border-bottom: 1px solid #dbdbdb;text-align:left;}
.sub-page.service .area-price .sub-title {position: absolute; top: 0px; left: 0;}/*200622 top수정*/
.sub-page.service .area-price .sub-title2 {position: absolute; top: 1097px; left: 0; }  /*20180820 top 수정 1017 -> 1097px */
.sub-page.service .area-price .sub-title3 {position: absolute; top: 3258px; left: 0; }  /*20180820 top 수정 3178 -> 3258px */
.sub-page.service .area-price .sub-title4 {position: absolute; top: 3501px; left: 0; }  /*20180820 top 수정 3422 -> 3501px */
.sub-page.service .area-price .sub-title5 {position: absolute; top: 3905px; left: 0; }  /*20180820 top 수정 3824 -> 3905px */
.sub-page.service .area-price .sub-title6 {position: absolute; top: 4269px; left: 0; }  /*20180820 top 수정 4189 -> 4269px */
.sub-page.service .area-price .sub-title7 {position: absolute; top: 4391px; left: 0; }  /*20180820 top 수정 4310 -> 4391px */
.sub-page.service .area-price .sub-title-txt {color:#333; font-size:16px; font-weight:600; margin-left:15px;}

.sub-page.service .area-price .inner-box .combine3 {position: absolute; top: 4626px; left: 40%; width:40%; right: 0; height:40px; line-height: 35px; color:#fff; font-weight:bold; background: #fff;  box-sizing: border-box; border:1px solid #dbdbdb; border-right:0px solid #dbdbdb;}
.sub-page.service .area-price .inner-box .combine3 .txt {color:#666; font-size:20px; font-weight:500;}
.sub-page.service .area-price .inner-box .combine3 .txt span {font-size:13px;}

.sub-page.service .area-price2 {text-align: center; margin:10px 0 30px 0; overflow:hidden;}

/* 180921 rev
.sub-page.service .area-price2 ul li .btn > a { display: block; background: #ed5c23; font-size: 14px; color: #fff; font-weight: 700; padding: 10px 0; width: 100%; margin-top:30px;}
.sub-page.service .area-price2 ul li .btn > a:hover {background: #e9b09a; color:#fff;}
*/
.sub-page.service .area-price2 ul li .btn > a { display: block; background: #fff; font-size: 14px; color: #ed5c23; border: 1px solid #ed5c23; font-weight: 700; padding: 10px 0; width: 100%; margin-top:30px;}
.sub-page.service .area-price2 ul li .btn > a:hover {background: #ed5c23; color:#fff;}
.sub-page.service .area-price2 ul li .btn2 > a { display: block; background: #fff; border:1px solid #ed5c23; font-size: 14px; color: #ed5c23; font-weight: 700; padding: 9px 0; width: 100%; margin-top:29px;  box-sizing: border-box;}
.sub-page.service .area-price2 ul li .btn2 > a:hover {background: #ed5c23; color:#fff;}
.sub-page.service .area-price2 ul li .pt36 {padding-top:36px;}
.sub-page.service .area-price2 ul li .list {text-align:left; margin-top:20px; line-height:28px; font-size:14px; color:#666;}
.sub-page.service .area-price2 ul li .list p::before {content: ""; display:inline-block; width:3px; height:3px; background:#666; border-radius:50%; margin:7px 7px 2px 5px; }
.sub-page.service .area-price2 ul li .list p.no-circle::before{display:inline-block; width:3px; height:3px; margin:7px 7px 2px 5px; background:#fff;}
.sub-page.service .msg {display:none;}
.sub-page.service .inner2 p {color: #3a3a3a;} /* 180921 add */


/* mobile */
@media screen and (max-width: 1023px) {
	.sub-page.service .inner2 {display:none;} /* 180528 추가 */
	.sub-page.service .top-image { background: url("/img/v2/sub/top08-m.jpg") no-repeat center; background-size: cover; }

	.sub-page.service .txt_01 {font-size:19px; color:#555; font-weight:bold; text-align:center;} /* 170529 추가*/
	.sub-page.service .txt_01 span {font-size:25px; color:#ed5c23;} /* 170529 추가*/
	.sub-page.service .txt_02 {font-size:16px; color:#555; text-align:center; padding:10px 0 30px 0;} /* 170529 추가*/

	.sub-page.service .area-caution { margin: 0 0 30px; padding: 30px 0; }
	.sub-page.service .area-caution > p { font-size: 20px; margin: 0 0 10px; padding: 85px 0 0 0; background-size: 80px auto; }
	.sub-page.service .area-caution > .txt { font-size: 13px; }

	.sub-page.service .area-price .slide-btns { margin: 0 0 20px; text-align: center; font-size: 0;}
	.sub-page.service .area-price .slide-btns p { display: inline-block; margin: 0 8px; border-radius: 50%; background: #999; width: 12px; height: 12px; }
	.sub-page.service .area-price .slide-btns p.selected { background: #ed5c23; }

	.sub-page.service .area-price { white-space: nowrap; overflow: hidden; margin: -20px 0 10px;}
	.sub-page.service .area-price .tip {font-size:13px; padding-bottom:20px;} /* 170720 추가*/
	.sub-page.service .area-price .section-title { width: 34%; min-width: 100px; }
	.sub-page.service .area-price .inner-box { width: 33%; min-width: 100px; }

	.sub-page.service .area-price .inner-box .combine2 {display:none;} /* 180327 추가 */
	.sub-page.service .area-price .inner-box .title .mt40 {margin-top:0px;} /* 180327 추가 */
	.sub-page.service .area-price .section-title .title { height: 70px; padding: 35px 0 0 0; font-size: 19px; letter-spacing: 0; }
	.sub-page.service .area-price .inner-box .title h3 { font-size: 12px; line-height: 20px; height: 20px; }
	.sub-page.service .area-price .inner-box .title > div { padding: 15px 0 0 0; height: 70px; position: relative; }
	.sub-page.service .area-price .inner-box .title > div .txt.positon { margin: -8px 0 0 0; }
	.sub-page.service .area-price .inner-box .title > div .txt { font-size: 15px; }
	.sub-page.service .area-price .inner-box .title > div .txt > span { font-size: 12px; }
	.sub-page.service .area-price .inner-box .title > div .txt > b { font-size: 12px; font-weight: 400; }
	.sub-page.service .area-price .inner-box .title > div .btn { bottom: 10px; }
	.sub-page.service .area-price .inner-box .title > div .btn > a { padding: 5px 0; }
	.sub-page.service .area-price .table { font-size: 12px; }
	.sub-page.service .area-price .table li .combine { top: 577px; left: 34%;  line-height: 16px; height:79px; padding:10px;}
	.sub-page.service .area-price .table li.height-4 { line-height: 20px;}
	.sub-page.service .area-price .table li.height-3 { line-height: 15px; }
	.sub-page.service .area-price .table li.height-2 { height: 50px; line-height: 15px; }
	.sub-page.service .area-price .table li.height-2.txt1 { line-height: 30px; }

	.sub-page.service .area-price-info { font-size: 13px; margin: 0 0 40px 0; }
	.sub-page.service .area-price-info li { background-position: 0 10px; }
	.sub-page.service .area-price-info li span.pricename {font-size:16px;} /* 170719 추가 */
	.sub-page.service .area-price-info li span.grid {padding-left:0;} /* 170719 추가 */

	.sub-page.service .area-price-info2 { border: 1px solid #ed5c23; padding: 20px 15px; }
	.sub-page.service .area-price-info2 .area-box { padding: 0; background: none; }
	.sub-page.service .area-price-info2 .area-box h3 { font-size: 17px;}
	.sub-page.service .area-price-info2 .area-box span { font-size: 13px; margin: 0 0 10px; }
	.sub-page.service .area-price-info2 .area-box ul { font-size: 13px; margin: 0 0 20px; }
	.sub-page.service .area-price-info2 .area-box li { background-position: 0 10px; }
	.sub-page.service .area-price-info2 .area-box .area-btns2 { margin: 0 -3px; }
	.sub-page.service .area-price-info2 .area-box .area-btns2 > p { margin: 0 3px; }
	.sub-page.service .area-price-info2 .area-box .area-btns2 > p > a { width: 125px; }
	.sub-page.service .msg {display:block; padding:80px 0 50px 0; font-size:15px; text-align:center;}

}

/* 08 서비스가격(결제) */
.sub-page.service.price-page .inner { position: relative; }
.sub-page.service.price-page .area-step { position: absolute; top: 0; right: 0; }
.sub-page.service.price-page .area-step li { display: inline-block; font-size: 15px; line-height: 15px; letter-spacing: -1px; color: #999; margin: 0 0 0 49px; padding: 0 0 0 67px; background: url("/img/v2/sub/icon-arrow2.png") no-repeat left center; }
.sub-page.service.price-page .area-step li:first-child { margin: 0; padding: 0; background: none; }
.sub-page.service.price-page .area-step li b { display: block; font-size: 13px; line-height: 13px; font-weight: 700; padding: 4px 0 5px; }
.sub-page.service.price-page .area-step li > div { padding: 0 0 0 52px; height: 40px; }
.sub-page.service.price-page .area-step li.selected { color: #ed5c23; }
.sub-page.service.price-page .area-step li:nth-child(1) > div { background: url("/img/v2/sub/icon-step01.png") no-repeat left center; }
.sub-page.service.price-page .area-step li:nth-child(2) > div { background: url("/img/v2/sub/icon-step02.png") no-repeat left center; }
.sub-page.service.price-page .area-step li:nth-child(3) > div { background: url("/img/v2/sub/icon-step03.png") no-repeat left center; }
.sub-page.service.price-page .area-step li:nth-child(1).selected > div { background: url("/img/v2/sub/icon-step01on.png") no-repeat left center; }
.sub-page.service.price-page .area-step li:nth-child(2).selected > div { background: url("/img/v2/sub/icon-step02on.png") no-repeat left center; }
.sub-page.service.price-page .area-step li:nth-child(3).selected > div { background: url("/img/v2/sub/icon-step03on.png") no-repeat left center; }

.sub-page.service.price-page .sms_num {width:100%; margin:50px 0; padding:30px; background:#eef0f8;} /* 170719 추가 */
.sub-page.service.price-page .sms_num dl {text-align:center; } /* 170719 추가 */
.sub-page.service.price-page .sms_num dl dt {font-size:18px; display:inline-block; margin-top:3px;} /* 170719 추가 */
.sub-page.service.price-page .sms_num dl dt span {font-weight:bold;} /* 170719 추가 */
.sub-page.service.price-page .sms_num dl dd {display:inline-block; font-size:23px; color:#ed5c23; padding-left:10px;} /* 170719 추가 */

.sub-page.service.price-page .area-table .line1 { display: table; width: 100%; table-layout: fixed; font-size: 0; }
.sub-page.service.price-page .area-table .line1 > 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.service.price-page .area-table .line1 > div:nth-child(1) { width: 14%; background: #f4f4f4; color: #333b43; font-weight: 700; }
.sub-page.service.price-page .area-table .line1 > div:nth-child(2) { width: 86%; color: #777; }
.sub-page.service.price-page .area-table .line1.bold-line{border-top:1px solid #dbdbdb;}/*20200604 추가*/
.sub-page.service.price-page .area-table .case {float:left; display:inline-block; margin-top:7px;} /* 170719 추가 */
.sub-page.service.price-page .area-table .select {float:left; display:inline-block;} /* 170719 추가 */
.sub-page.service.price-page .area-table .table-selectbox { position: relative; width: 195px; height: 33px; border: 1px solid #c7c7c7; } /*20200601 width값 조정*/
.sub-page.service.price-page .area-table .table-selectbox:before { content: ''; position: absolute; top: 0; right: 0; width: 36px; height: 33px; background: url("/img/v2/sub/icon-selectbox.png") no-repeat center; border-left: 1px solid #c7c7c7; }
.sub-page.service.price-page .area-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.service.price-page .area-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; }
.sub-page.service.price-page .area-table .line1 input[type='text'] { width: 100%; height: 33px; border: 1px solid #c0bfbf; text-indent: 10px; }
.sub-page.service.price-page .area-table .table-file { position: relative; width: 100%; max-width: 294px; height: 35px; }
.sub-page.service.price-page .area-table .table-file input[type='file'] { position: absolute; opacity: 0; z-index: 2; width: 100%; max-width: 294px; height: 33px; }
.sub-page.service.price-page .area-table .table-file .fakefile { position: absolute; top: 0; left: 0; right: 0; width: 100%; max-width: 294px; z-index: 1; }
.sub-page.service.price-page .area-table .table-file .fakefile .area-text { margin-right: 70px; }
.sub-page.service.price-page .area-table .table-file .fakefile input { width: 100%; height: 35px; border: 1px solid #c7c7c7; box-sizing: border-box; }
.sub-page.service.price-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.service.price-page .area-table .table { display: table; width: 100%; table-layout: fixed; }
.sub-page.service.price-page .area-table .table ul { display: table-row; }
.sub-page.service.price-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: #333b43; padding: 10px 20px; box-sizing: border-box; }
.sub-page.service.price-page .area-table .table ul li input[type='checkbox'] { width: 16px; height: 16px; border: 1px solid #c0bfbf; vertical-align: middle; }
.sub-page.service.price-page .area-table .table ul li:nth-child(odd) { width: 14%; background: #f4f4f4; color: #333b43; font-weight: 700; }
.sub-page.service.price-page .area-table .table ul li:nth-child(even) { width: 36%; color: #777; }
.sub-page.service.price-page .area-table .area-radiobox span { margin: 0 50px 0 0; }
.sub-page.service.price-page .area-table .area-radiobox span input { vertical-align: middle; }

.sub-page.service.price-page .area-table.price-total .table ul li { background: transparent; font-size: 18px; color: #777; font-weight: 400; text-align: center; position: relative; }
.sub-page.service.price-page .area-table.price-total .table ul.title li { color: #333b43 !important; font-size: 15px; font-weight: 700 !important; }
.sub-page.service.price-page .area-table.price-total .table ul.title li:after { display: none; }
.sub-page.service.price-page .area-table.price-total .table ul li:nth-child(1) { width: 33%; } /* 170719 수정 */
.sub-page.service.price-page .area-table.price-total .table ul li:nth-child(1):after { content: ''; position: absolute; top: 50%; right: -8.5px; transform: translateY(-50%); background: url("/img/v2/sub/icon-plus.png") no-repeat center; width: 17px; height: 17px; }  /* 170719 수정 */
.sub-page.service.price-page .area-table.price-total .table ul li:nth-child(2) { width: 33%; }  /* 170719 수정 */
.sub-page.service.price-page .area-table.price-total .table ul li:nth-child(2):after { content: ''; position: absolute; top: 50%; right: -9.5px; transform: translateY(-50%); background: url("/img/v2/sub/icon-total.png") no-repeat center; width: 19px; height: 10px; }  /* 170719 수정 */
.sub-page.service.price-page .area-table.price-total .table ul li:nth-child(3) { width: 33%; font-weight: 400; color: #555555; }  /* 170719 수정 */
.sub-page.service.price-page .area-table.price-total .total {width:100%; background:#f4f4f4; height:49px; border-bottom:1px solid #dbdbdb;} /* 170719 추가 */
.sub-page.service.price-page .area-table.price-total .total dl {line-height:49px; font-size: 18px; } /* 170719 추가 */
.sub-page.service.price-page .area-table.price-total .total dl dt {float:left; width:67%; color: #555555; font-weight:bold; text-indent:40px;} /* 170719 추가 */
.sub-page.service.price-page .area-table.price-total .total dl dd {float:right; width:33%; color: #5a6fcb; font-weight: 700; text-align:center;} /* 170719 추가 */
	/* One - Test 구매하기 */
	.sub-page.service.price-page .area-table.price-total .table #t_ser_prod_name:after {display: none;}
	.sub-page.service.price-page .area-table.price-total .table #t_ser_prod_price:after {		
		content: '';
		position: absolute;	top: 50%; right: -8.5px; transform: translateY(-50%);
		background: url(/img/v2/sub/icon-plus.png) no-repeat center;
		width: 17px; height: 17px;
	}
	.sub-page.service.price-page .area-table.price-total .table #t_ser_prod_surtax:after {
		content: '';
		position: absolute; top: 50%; right: -9.5px; transform: translateY(-50%);
		background: url(/img/v2/sub/icon-total.png) no-repeat center;
		width: 19px; height: 10px;
	}

.sub-page.service.price-page .area-btns { text-align: center; font-size: 0; margin: 40px 0 0 0; }
.sub-page.service.price-page .area-btns > p { width: 100px; margin: 0 0 0 10px; }
.sub-page.service.price-page .area-btns > p > a,
.sub-page.service.price-page .area-btns > p > button { padding: 10px 0 9px; font-size: 16px; }

.sub-page.service.price-page .area-textarea { font-size: 14px; color: #777; margin: 0 0 50px; }
.sub-page.service.price-page .area-textarea textarea { white-space: pre-line; width: 100%; height: 240px; resize: none; font-size: 13px; color: #777; letter-spacing: -1px; line-height: 1.4; padding: 20px 15px; margin: 0 0 15px; box-sizing: border-box; vertical-align: top; border: 1px solid #c2c2c2; }
.sub-page.service.price-page .area-textarea label { vertical-align: middle; font-size: 17px; color: #777; }
.sub-page.service.price-page .area-textarea input { vertical-align: middle; width: 18px; height: 18px; }

.sub-page.service.price-page .area-result { font-size: 25px; color: #555; margin: 0 0 50px; padding: 155px 0 0 0; background: url("/img/v2/sub/icon-check.png") no-repeat center 50px; text-align: center; }
/* mobile */
@media screen and (max-width: 1023px) {
	.sub-page.service.price-page .area-step { position: static; text-align: center; }
	.sub-page.service.price-page .area-step li { font-size: 13px; line-height: 13px; margin: 0 0 0 23px; padding: 0 0 0 35px; background: url("/img/v2/sub/icon-arrow2.png") no-repeat left center; background-size: 13px auto; }
	.sub-page.service.price-page .area-step li b { font-size: 11px; line-height: 11px; padding: 4px 0 5px; }
	.sub-page.service.price-page .area-step li > div { padding: 35px 0 0 0; height: auto; }
	.sub-page.service.price-page .area-step li:nth-child(1) > div { background: url("/img/v2/sub/icon-step01.png") no-repeat center top; background-size: 30px auto; }
	.sub-page.service.price-page .area-step li:nth-child(2) > div { background: url("/img/v2/sub/icon-step02.png") no-repeat center top; background-size: 30px auto; }
	.sub-page.service.price-page .area-step li:nth-child(3) > div { background: url("/img/v2/sub/icon-step03.png") no-repeat center top; background-size: 30px auto; }
	.sub-page.service.price-page .area-step li:nth-child(1).selected > div { background: url("/img/v2/sub/icon-step01on.png") no-repeat center top; background-size: 30px auto; }
	.sub-page.service.price-page .area-step li:nth-child(2).selected > div { background: url("/img/v2/sub/icon-step02on.png") no-repeat center top; background-size: 30px auto; }
	.sub-page.service.price-page .area-step li:nth-child(3).selected > div { background: url("/img/v2/sub/icon-step03on.png") no-repeat center top; background-size: 30px auto; }

	.sub-page.service.price-page .sms_num dl dt {font-size:16px;} /* 170719 추가 */
	.sub-page.service.price-page .sms_num dl dd {display:inline-block; font-size:20px;} /* 170719 추가 */

	.sub-page.service.price-page .area-table .line1 > div { padding: 10px; height: auto; font-size: 14px; }
	.sub-page.service.price-page .area-table .line1 > div:nth-child(1) { width: 28%; }
	.sub-page.service.price-page .area-table .line1 > div:nth-child(2) { width: 72%; }
	.sub-page.service.price-page .area-table .case {width:100%; display:block; margin:0 0 10px 0; padding-right:30px;} /* 170719 추가 */
	.sub-page.service.price-page .area-table .table ul li { padding: 10px; height: auto; float: left; box-sizing: border-box; font-size: 14px; line-height: auto; }
	.sub-page.service.price-page .area-table .table ul li:nth-child(odd) { width: 28%; }
	.sub-page.service.price-page .area-table .table ul li:nth-child(even) { width: 72%; }
	.sub-page.service.price-page .area-table .area-radiobox span { display: block; margin: 5px 0 0 0; }
	.sub-page.service.price-page .area-table .area-radiobox span:first-child { margin: 0; }

	.sub-page.service.price-page .area-table.price-total .table ul li { font-size: 14px; }
	.sub-page.service.price-page .area-table.price-total .table ul.title li { font-size: 13px; }
	.sub-page.service.price-page .area-table.price-total .table ul li:nth-child(1):after { right: -5px; background-size: 10px auto; width: 10px; height: 10px; }
	.sub-page.service.price-page .area-table.price-total .table ul li:nth-child(2):after { right: -5px; background-size: 10px auto; width: 10px; height: 10px; }
	.sub-page.service.price-page .area-table.price-total .total dl {font-size: 16px; padding-right:5%;} /* 170719 추가 */
	.sub-page.service.price-page .area-btns { margin: 20px 0 0 0; }
	.sub-page.service.price-page .area-btns > p { width: 135px; margin: 0 0 0 8px; }
	.sub-page.service.price-page .area-btns > p:first-child { margin: 0; }

	.sub-page.service.price-page .area-textarea { margin: 0 0 25px; }
	.sub-page.service.price-page .area-textarea textarea { height: 126px; border: 1px solid #e3e3e3; padding: 10px; margin: 0 0 10px; }
	.sub-page.service.price-page .area-textarea label { font-size: 14px; }
	.sub-page.service.price-page .area-btns .btn a { width: 136px; }

	.sub-page.service.price-page .area-result { font-size: 15px; margin: 0 0 25px; padding: 120px 0 0 0; background-size: 53px auto; text-align: center; }
}

/* 09 기타페이지 */
.sub-page.aggrement .top-image { background: url("/img/v2/sub/top09.jpg") no-repeat center; }
.sub-page.aggrement .area-etc { font-size: 15px; color: #777; line-height: 1.6; }
.sub-page.aggrement .area-etc h2 { font-size: 23px; color: #555; font-weight: 700; margin: 50px 0 30px; }
.sub-page.aggrement .area-etc h3 { font-size: 17px; color: #ed5c23; font-weight: 700; margin: 30px 0 5px; }
.sub-page.aggrement .area-etc p { margin: 0 0 10px; }
.sub-page.aggrement .area-etc span { display: block; margin: 0 0 0 15px; }
.sub-page.aggrement .area-etc .top-txt { font-size: 17px; color: #555; font-weight: 700; }
.sub-page.aggrement .btn-view-history {
	display: inline-block; box-sizing: border-box; background: #a9a9a9; border: 1px solid #a9a9a9;
	padding: 2px 5px; margin-left: 3px;
	text-align: center;  color: #ffffff; font-size: 12px; letter-spacing: -1px; vertical-align: 1px;
	cursor: pointer;
}
.sub-page.aggrement .btn-view-history:hover{background: #9a9a9a; border: 1px solid #9a9a9a;}
.sub-page.aggrement .table-privacy{vertical-align: middle; border: 1px solid #dbdbdb; border-spacing: 0; border-collapse: collapse;}
.sub-page.aggrement .table-privacy tr th,
.sub-page.aggrement .table-privacy tr td{vertical-align: middle; border: 1px solid #dbdbdb; padding: 8px; line-height: 1.42857143; text-align:center;}
.sub-page.aggrement .table-privacy thead tr th{background-color:#F4F4F4;}
.sub-page.aggrement .table-privacy tr th{font-weight:600;}
.sub-page.aggrement .table-privacy tr td{}
.sub-page.aggrement table.privacy{border: 1px solid #cccc; font-size: 12px; text-align: center;}
.sub-page.aggrement table.privacy thead th{background: #f4f4f4; padding: 5px; border-right: 1px solid #ccc; border-bottom:1px solid #ccc; font-weight:bold;}
.sub-page.aggrement table.privacy thead th:last-child{border-right:none;}
.sub-page.aggrement table.privacy tbody tr td{border-right: 1px solid #ccc; border-bottom:1px solid #ccc; padding: 10px; white-space: pre-line; word-break: keep-all;}
.sub-page.aggrement table.privacy tbody tr td:last-child{border-right: 1px solid #ccc; border-bottom:1px solid #ccc; }
.sub-page.aggrement table.privacy{border: 1px solid #cccc; font-size: 12px; text-align: center;}
.sub-page.aggrement table.privacy thead th{background: #f4f4f4; padding: 5px; border-right: 1px solid #ccc; border-bottom:1px solid #ccc; font-weight:bold;}
.sub-page.aggrement table.privacy thead th:last-child{border-right:none;}
.sub-page.aggrement table.privacy tbody tr td{border-right: 1px solid #ccc; border-bottom:1px solid #ccc; padding: 10px; white-space: pre-line; word-break: keep-all;}
.sub-page.aggrement table.privacy tbody tr td:last-child{border-right: 1px solid #ccc; border-bottom:1px solid #ccc;}


/* mobile */
@media screen and (max-width: 1023px) {
	.sub-page.aggrement .top-image { background: url("/img/v2/sub/top09-m.jpg") no-repeat center; background-size: cover; }

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

/* 휴대폰인증 */
.phone_confirm { width: 416px; margin: 0 auto; color:#666; font-size: 12px; font-family: 'Nanum Gothic'; }
.phone_confirm h2 { font-size: 16px; color: #fff; line-height: 50px; background: #323232; padding: 0 0 0 40px; }
.phone_confirm .section { padding: 30px 40px; border: 1px solid #b7b7b7; border-top: 0; }
.phone_confirm .section h3 { font-size: 11px; color: #333; line-height: 18px; font-weight: 400; margin: 0 0 20px; }

.phone_confirm .section .inner { background: #eee; padding: 20px 20px; margin: 0 0 10px; }
.phone_confirm .section .inner .select { margin: 0 0 10px; }
.phone_confirm .section .inner .select .tit { display: inline-block; *display: inline; *zoom: 1; background: url("/img/panel/icon_dot.gif") no-repeat 0 50%; padding: 0 26px 0 9px; font-size: 11px; }
.phone_confirm .section .inner .select select { width: 54px; height: 17px; border: 1px solid #b7b7b7; font-size: 11px; color: #666; margin: 0 1px 0 0; }
.phone_confirm .section .inner .select input { width: 54px; height: 17px; border: 1px solid #b7b7b7; font-size: 11px; color: #666; line-height: 17px; margin: 0 1px; }
.phone_confirm .section .inner .btn { width: 83px; height: 20px; background: #ed5c23; text-align: center; margin: 0 auto; }
.phone_confirm .section .inner .btn a { display: block; line-height: 20px; color: #fff; font-size: 11px; text-decoration: none; }
.phone_confirm .section .info { margin: 0 0 20px; }
.phone_confirm .section .info li { background: url("/img/panel/icon_dot.gif") no-repeat 0 7px; padding: 0 0 2px 12px; line-height: 16px; font-size: 11px; }

.phone_confirm .section .inner2 { background: #eee; padding: 20px 30px; margin: 0 0 10px; }
.phone_confirm .section .inner2 h4 { margin: 0 0 10px; font-weight: 400; }
.phone_confirm .section .inner2 .tit { display: inline-block; *display: inline; *zoom: 1; background: url("/img/panel/icon_dot.gif") no-repeat 0 50%; padding: 0 20px 0 9px; font-size: 11px; }
.phone_confirm .section .inner2 input { width: 78px; height: 17px; border: 1px solid #b7b7b7; font-size: 11px; color: #666; line-height: 17px; *margin: -2px 0; }

.phone_confirm .section .inner2 .btn { width: 39px; height: 19px; background: #ed5c23; text-align: center; display: inline-block; *display: inline; *zoom: 1; }
.phone_confirm .section .inner2 .btn a { display: block; line-height: 19px; color: #fff; font-size: 11px; text-decoration: none; }

/* Quick Meu (170607 추가) */
#Quickmenu { margin: 0pt; padding: 0pt;  position: absolute; width:1px; height:1px; left: 50%; top:0; z-index:1000; }
#Quickmenu .bnr {margin:475px 0 0 530px; }
#Quickmenu .bnr h1 {width:100px; height:35px; background:#ed5c23; font-size:14px; letter-spacing:0px; font-weight:bold; text-align:center; color:#fff; line-height:35px;}
#Quickmenu .bnr ul {width:100px; background:#fff; border:1px solid #ed5c23; box-sizing: border-box; position:relative;}
#Quickmenu .bnr ul li a {display:inline-block; width:80px; height:100px; border-top:1px solid #dbdbdb; margin:0 10px; line-height:15px; text-align:center; line-height:140px; cursor: pointer;}
#Quickmenu .bnr ul li:nth-child(1) a {background: url("/img/v2/main/icon_quick_error.png") no-repeat center 23px;  border-top:0px solid #dbdbdb;}
#Quickmenu .bnr ul li:nth-child(1) a:hover {background: url("/img/v2/main/icon_quick_error_over.png") no-repeat center 23px;  border-top:0px solid #dbdbdb;}
#Quickmenu .bnr ul li:nth-child(2) a {background: url("/img/v2/main/icon_quick_idea.png") no-repeat center 20px; }
#Quickmenu .bnr ul li:nth-child(2) a:hover {background: url("/img/v2/main/icon_quick_idea_over.png") no-repeat center 20px; }
#Quickmenu .bnr ul li:nth-child(3) a { background: url("/img/v2/main/icon_quick_partner.png") no-repeat center 23px;}
#Quickmenu .bnr ul li:nth-child(3) a:hover { background: url("/img/v2/main/icon_quick_partner_over.png") no-repeat center 23px;}
#Quickmenu .bnr ul li:nth-child(4) a { background: url("/img/v2/main/icon_quick_survey.png") no-repeat center 18px;}
#Quickmenu .bnr ul li:nth-child(4) a:hover { background: url("/img/v2/main/icon_quick_survey_over.png") no-repeat center 18px;}
#Quickmenu .bnr ul li a:hover {color:#ec5520;}

/* mobile */
@media screen and (max-width: 1023px) {
	#Quickmenu { display:none; }
}

/*바로 위에서 분리시키고 max-height추가 by nccho*/
@media screen and (min-width: 768px) and (max-width: 1023px) {
	.thumbs-survey { margin: 0 0 10px; overflow: hidden; max-height: 265px; line-height: 265px !important;}  /* 181011 rev */
}

/* 171019설문목록콘텐츠추가 */
.thumbs-survey p { text-align:center;}
.thumbs-survey img { /* 180919 수정 */
width: auto;  /* 181026 rev */
/*height: 62.5%; nccho*/
/*min-height: 237px;*/
/*max-height: 237.5px;nccho*/ /*181011 add*/
/*width: auto;nccho*/ /*181011 add*/
vertical-align: middle; /*181011 add*/
-webkit-transform:scale(1);
-moz-transform:scale(1);
-ms-transform:scale(1);
-o-transform:scale(1);
transform:scale(1);
}
.sub-page.pannel-survey .thumbs-survey img{ /* 181026 add */
	vertical-align: top !important;
	text-align: center !important;
}

.sub-page.survey .thumbs-survey img{ /* 181026 add */
	vertical-align: top !important;
	text-align: center !important;
	width:100%; /* 2019-08-21 add */
	height:100%; /* 2019-08-21 add */
}

/*
.thumbs-survey:hover img {
 -webkit-transform:scale(1.1);
 -moz-transform:scale(1.1);
 -ms-transform:scale(1.1);
 -o-transform:scale(1.1);
 transform:scale(1.1);
}
*/

.svy_list_li .box:hover{
/*	 -webkit-box-shadow: 0 0 4px rgba(0,0,0,0.15), 0 4px 16px rgba(0,0,0,0.15) !important;
    -moz-box-shadow: 0 0 4px rgba(0,0,0,0.15), 0 4px 16px rgba(0,0,0,0.15) !important;
    -ms-box-shadow: 0 0 4px rgba(0,0,0,0.15), 0 4px 16px rgba(0,0,0,0.15) !important;
    -o-box-shadow: 0 0 4px rgba(0,0,0,0.15), 0 4px 16px rgba(0,0,0,0.15) !important;
    box-shadow: 0 0 4px rgba(0,0,0,0.15), 0 4px 16px rgba(0,0,0,0.15) !important;*/
	-webkit-box-shadow: 6px 6px 10px rgba(0,0,0,0.2) !important;
    -moz-box-shadow:6px 6px 10px rgba(0,0,0,0.2) !important;
    -ms-box-shadow: 6px 6px 10px rgba(0,0,0,0.2) !important;
    -o-box-shadow: 6px 6px 10px rgba(0,0,0,0.2) !important;
    box-shadow: 6px 6px 10px rgba(0,0,0,0.2) !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;} /* 200427 수정 */

.svy_list_li .box:hover .thumbs-survey img{ /* 181018 add */
 -webkit-transform:scale(1.1);
 -moz-transform:scale(1.1);
 -ms-transform:scale(1.1);
 -o-transform:scale(1.1);
 transform:scale(1.1);
-webkit-transition:.3s;
-moz-transition:.3s;
-ms-transition:.3s;
-o-transition:.3s;
transition:.3s;
}


/* 171019배포관리콘텐츠추가 */
.area-thumbs-survey:after { content: ''; display: block; clear: both; }
.area-thumbs-survey li { float: left; width: 180px; margin: 0 0 0 15px; text-align: center; }
.area-thumbs-survey li:first-child { margin: 0; }
.area-thumbs-survey li img { width: 100%; }

.area-thumbs-survey-custom .thumb-preview { width: 180px; height: 113px; background: #f0f0f0; display: table-cell; vertical-align: middle; text-align: center; }
.area-thumbs-survey-custom .thumb-preview img { width: 180px; max-height: 113px; }
.area-thumbs-survey-custom .btn { margin: 10px 0 0 0; }

/* 171023추가 */
.sub-page.pannel-survey .top-image { background: url("/img/panel/top13.jpg") no-repeat center; }

.sub-page.pannel-survey .list { max-width: 1230px; margin: 0 -15px; margin-top: 30px;} /* 180920 수정 */
.sub-page.pannel-survey .list li { display: inline-block; width: 33.333%; box-sizing: border-box; padding: 0 15px; margin: 0 0 30px; text-align: left;} /* 180920 수정 */
.sub-page.pannel-survey .list li .box { background: #fff;
    font-size: 14px;
    font-weight: 400;
    color: #777;
    line-height: normal;
    letter-spacing: -1px;
    padding: 0 0 30px;
    position: relative;
   /* border: 1px solid #ededed; */
	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.05);
    box-shadow: 0 1px 1px rgba(0,0,0,0.05);
} /* 180921 수정 */ /* 1810 rev */

.sub-page.pannel-survey .list li .box .info h3 { font-size: 13px; font-weight: 400; color: #888; margin: 0 0 10px; }
.sub-page.pannel-survey .list li .box .info h4 { font-size: 17px; color: #313131; font-weight: 700; margin: 0 0 10px 0; height: 40px; line-height: 1.2; overflow: hidden; text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.sub-page.pannel-survey .list li .box .info .info-box { font-size: 14px; line-height: 1.6; }
.sub-page.pannel-survey .list li .box .info .info-box p.nowcash { color: #ed5c23; font-weight: 700; }
.sub-page.pannel-survey .list li .box .info .info-box p span { display: inline-block; width: 90px; color: #777; }
.sub-page.pannel-survey .list li .box .info .txt {margin-bottom:5px;} /* 171226 추가 */

.sub-page.pannel-survey .list li .box .area-btns {margin: 20px 0 0 0; text-align: center; font-size: 0; ;}
.sub-page.pannel-survey .list li .box .area-btns:after { content: ''; display: block; clear: both; }
.sub-page.pannel-survey .list li .box .area-btns .date { float: left; font-size: 13px; line-height: 30px; letter-spacing: -1px; }
.sub-page.pannel-survey .list li .box .area-btns .btn { float: right; width: 35%; max-width: 100px; }
.sub-page.pannel-survey .list li .box .area-btns .btn.complete { opacity: 0.5; }
.sub-page.pannel-survey .list li .box .area-btns .btn.complete a { cursor: default; }
.sub-page.pannel-survey .list li .box .area-btns4 { margin: 25px 0 0; text-align: left; font-size: 0;} /* 171229 추가 */
.sub-page.pannel-survey .list li .box .area-btns4 > p { width: 40%; max-width: 100px; margin-right:10px;} /* 171229 추가 */
.sub-page.pannel-survey .list li .box .area-btns4 > span {float:right; display:inline-block;}
.sub-page.pannel-survey .list li .box .info .info_txt{padding: 20px 25px 0;}


/* mobile */
@media screen and (max-width: 1023px) {
	.sub-page.pannel-survey .top-image { background: url("/img/panel/top13-m.jpg") no-repeat center; background-size: cover; }
	.sub-page.pannel-survey .list { margin: 0; }
	/* .sub-page.pannel-survey .list li { display: block; width: 100%; padding: 0 !important; margin: 0 0 10px; }  1809 rev */
	.sub-page.pannel-survey .list li {
	display: inline-block;
    width: 47%;
    padding: 0 !important;
    margin: 0 10px 20px 10px;
} /* 1809 add */
	.sub-page.pannel-survey .list li .box { padding: 0 0 20px; }
	.sub-page.pannel-survey .list li .box .info h4 { height: auto; margin: 0 0 5px; }
	.sub-page.pannel-survey .list li .box .info .info-box { font-size: 12px; }
	.sub-page.pannel-survey .list li .box .area-btns .date { font-size: 12px; }
	.sub-page.pannel-survey .list li .box .area-btns4 {display:none;} /* 171229 추가 */
	.sub-page.pannel-survey .list li .box .area-btns5 { margin: 25px 0 0; text-align:left; font-size: 0;} /* 171229 추가 */
	.sub-page.pannel-survey .list li .box .area-btns5 > span{float:right}
	.sub-page.pannel-survey .list li .box .area-btns5 > p { width: 40%; max-width: 100px;  margin-right:10px;} /* 171226 추가 */
}

/* 고객센터 추가(171207) */
.sub-page.customer .top-image { background: url("/img/v2/sub/top03.jpg") no-repeat center;}
.sub-page.customer .tab-list ul { left: 0; right: 0; }
.sub-page.customer .tab-list li { width: 20%; box-sizing: border-box; }

 /* mobile */
@media screen and (max-width: 1023px) {
	.sub-page.customer .top-image { background: url("/img/v2/sub/top03-m.jpg") no-repeat center; background-size: cover; }
	.sub-page.customer .tab-list { display:none;}
	.sub-page.customer .tab-list-m { height: 50px; font-size: 0; position: relative;}
	.sub-page.customer .tab-list-m ul {position: absolute; left:40px; right:40px; white-space: nowrap; overflow: hidden; }
	.sub-page.customer .tab-list-m li {width:32.9%; padding: 0 0px; display: inline-block; position: relative;}
	.sub-page.customer .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 {color: #ec5520;}
	.sub-page.customer .tab-list-m li.selected a { color: #ed5c23; font-weight: 700; }
	.sub-page.customer .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 { height: 50px; position: absolute; top: 0; left: 0; right: 0; z-index: 300; height: 50px; background: #fff; border-bottom: 1px solid #dbdbdb; }
	.sub-page.customer .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 { position: fixed; }
	.sub-page.customer .tab-list-m .box-inner { position: relative; }
	.sub-page.customer .tab-list-m .box .btn-prev { position: absolute; top: 0; left: 0; width: 40px; height: 50px; cursor: pointer; background: url("/img/v2/sub/icon-arrow-prev.png") no-repeat center;}
	.sub-page.customer .tab-list-m .box .btn-next { position: absolute; top: 0; right: 0; width: 40px; height: 50px; cursor: pointer; background: url("/img/v2/sub/icon-arrow-next.png") no-repeat center;}

	/* 탭 양쪽 화살표 그라데이션 2023-11-09 */
	.sub-page.customer .tab-list-m .swiper-button-prev,
	.sub-page.customer .tab-list-m .swiper-button-next{
		padding-top:0;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.sub-page.customer .tab-list-m .swiper-button-prev{background: linear-gradient(90deg,#ffffff 50%, #ffffff00 100%);}
	.sub-page.customer .tab-list-m .swiper-button-next{background: linear-gradient(90deg,#ffffff00 0%, #ffffff 50%);}
	

}

/* 샘플계산기 추가 (180228) */
.sub-page.calculator .top-image { background: url("/img/v2/sub/top08.jpg") no-repeat center; }
.sub-page.calculator .tab-list ul { left: 0; right: 0; }
.sub-page.calculator .tab-list li { width: 50%; box-sizing: border-box; }

.sub-page.calculator .widget {border:1px solid #dbdbdb; padding:10px;}
.sub-page.calculator .widget fieldset {width:290px; height:40px; border:0; padding:10px; font-size: 16px; color: #555; float:left; }
.sub-page.calculator .widget fieldset legend {width:100px; float:left; padding-top:5px; margin-right:10px;}
.sub-page.calculator .widget fieldset legend.last {margin-right:0px;}
.sub-page.calculator .widget fieldset input[type='text'] {height:28px; border:1px solid #c0bfbf; text-indent:10px;}
.sub-page.calculator .widget fieldset select {width:80px;}
.sub-page.calculator .widget .c-result {margin-top:10px;  font-size: 16px; color: #555; clear:both; position:relative; padding-top:10px; border-top:1px solid #dbdbdb;}
.sub-page.calculator .widget .c-result .btn.btn01 {width:200px;}
.sub-page.calculator .widget .c-result .btn.btn01 a {font-size:16px;}
.sub-page.calculator .widget .c-result p.right {right:45%; top:15px; text-align:right;position:absolute;}
.sub-page.calculator .widget .c-result p.left {left:45%; top:15px; text-align:left;position:absolute;} /*by nccho*/

.sub-page.calculator .area-price { margin: 0 0 20px; position: relative; }
.sub-page.calculator .area-price .inner-box .title { background: #ed5c23; color: #fff; }
.sub-page.calculator .area-price .inner-box .title h3 { background: #888; font-size: 20px; line-height: 40px; height: 40px; text-align:center; }

.sub-page.calculator .area-price .inner-box { display: inline-block; vertical-align: top; width: 20%; box-sizing: border-box; border-left: 1px solid #dbdbdb; letter-spacing: -1px; line-height: normal; }
.sub-page.calculator .area-price .inner-box.first { border: 0; }
.sub-page.calculator .area-price .table { font-size: 15px; color: #777; line-height: 1.3; letter-spacing: -1.2px; }
.sub-page.calculator .area-price .table li { border-bottom: 1px solid #dbdbdb; padding: 10px 0; height: 40px; box-sizing: border-box; line-height: 20px; text-align:center;}
.sub-page.calculator .area-price .table li.bd-right {border-right: 0px; }

.sub-page.calculator .widget-comment {width:100%; font-size: 15px; line-height:1.4; color: #777; margin: 40px 0; }
.sub-page.calculator .widget-comment h5.calculator-title {font-size:19px; color:#ed5c23; font-weight:bold; padding-bottom:10px;}
.sub-page.calculator .widget-comment p span.c-point {color:#ed5c23; font-weight:bold;}
.sub-page.calculator .widget-comment p span.pl20 {padding-left:20px;}
.sub-page.calculator .widget-comment p a {color:#ed5c23; font-weight:bold;}
.sub-page.calculator .widget-comment .c-img {width:70%; height:150px; margin:30px auto;}
.sub-page.calculator .widget-comment .c-img dl {width:50%; float:left;}
.sub-page.calculator .widget-comment .c-img dl dt {text-align:center; font-weight:bold; color:#ed5c23;}
.sub-page.calculator .widget-comment .c-img dl dd {text-align:center; margin-top:10px;}




/* mobile */
@media screen and (max-width: 1023px) {
	.sub-page.calculator .top-image { background: url("/img/v2/sub/top08-m.jpg") no-repeat center; background-size: cover; }

	.sub-page.calculator .widget {border:1px solid #dbdbdb; padding:10px;}
	.sub-page.calculator .widget fieldset {width:100%; height:28px; border:0; padding:10px; font-size: 13px; color: #555; float:left; margin-right:15px;}
	.sub-page.calculator .widget fieldset legend {width:100px; margin-right:10px;}
	.sub-page.calculator .widget fieldset legend.last {width:100px; margin-right:10px;}
	.sub-page.calculator .widget fieldset input[type='text'] {height:28px; border:1px solid #c0bfbf; text-indent:10px;}
	.sub-page.calculator .widget fieldset select {width:80px;}
	.sub-page.calculator .widget .c-result {margin-top:10px;  font-size: 13px; color: #555; clear:both; padding-top:10px; border-top:0px;}
	.sub-page.calculator .widget .c-result .btn.btn01 {width:100%;}
	.sub-page.calculator .widget .c-result .btn.btn01 a {font-size:16px;}
	.sub-page.calculator .widget .c-result p {width:100%;}
	.sub-page.calculator .widget .c-result p.right {width:100%;text-align:left; position:static; padding:10px 0; font-size:16px; margin-top:15px; border-top:1px solid #dbdbdb;}
	.sub-page.calculator .widget .c-result p.left {width:100%;text-align:left; position:static; padding:10px 0; font-size:16px; margin-top:15px; border-top:1px solid #dbdbdb;} /*by nccho*/

	.sub-page.calculator .area-price .slide-btns { margin: 0 0 20px; text-align: center; font-size: 0;}
	.sub-page.calculator .area-price .slide-btns p { display: inline-block; margin: 0 8px; border-radius: 50%; background: #999; width: 12px; height: 12px; }
	.sub-page.calculator .area-price .slide-btns p.selected { background: #ed5c23; }

	.sub-page.calculator .area-price { white-space: nowrap; overflow: hidden; margin: 0px 0 10px; }
	.sub-page.calculator .area-price .section-title { width: 34%; min-width: 100px; }
	.sub-page.calculator .area-price .inner-box { width: 50%; min-width: 100px; }
	.sub-page.calculator .area-price .inner-box .title h3 { font-size: 14px; line-height: 28px; height: 30px; }
	.sub-page.calculator .area-price .table { font-size: 14px; }
	.sub-page.calculator .area-price .table li {line-height: 16px; padding:10px;}

	.sub-page.calculator .widget-comment {width:100%; font-size: 14px; line-height:1.4; color: #777; margin: 40px 0; }
	.sub-page.calculator .widget-comment h5.calculator-title {font-size:19px; color:#ed5c23; font-weight:bold; padding-bottom:10px;}
	.sub-page.calculator .widget-comment p span.c-point {color:#ed5c23; font-weight:bold;}
	.sub-page.calculator .widget-comment p a {color:#ed5c23; font-weight:bold;}
	.sub-page.calculator .widget-comment p span.pl20 {padding:18px;}
	.sub-page.calculator .widget-comment .c-img {width:100%; margin:30px auto;}
	.sub-page.calculator .widget-comment .c-img dl {width:100%; float:left; margin-bottom:30px;}
	.sub-page.calculator .widget-comment .c-img dl dt {text-align:center; font-weight:bold; color:#ed5c23;}
	.sub-page.calculator .widget-comment .c-img dl dd {text-align:center; margin-top:10px;}
}



/* 패널비용알아보기 추가 (180711) */
.sub-page.service .panel-title {font-size:23px; color:#555; font-weight: 700; margin:20px 0;}
.sub-page.service .panel-sub-title {font-size:15px; font-weight: 400; line-height:20px; padding: 4px 0 4px 0px;}

.sub-page.service .panel-price {clear:both;}
.sub-page.service .panel-price .estimate .estimate-title {border-bottom:1px solid #dbdbdb; text-align:center; font-size:23px; color: #ed5c23; font-weight: 700; padding:15px 0;}
.sub-page.service .panel-price .estimate .estimate-title2 {text-align:center; font-size:23px; color: #ed5c23; font-weight: 700; padding:15px 0; width:33.3333%; float:left;} /* 210202 rev */
.sub-page.service .panel-price .estimate .estimate-title3 {text-align:center; font-size:23px; color: #ed5c23; font-weight: 700; padding:15px 0; width:66.6666%;float:left; } /* 210202 rev */

.sub-page.service .panel-price .estimate .estimate_detail {padding:20px; z-index:1; position:relative;}
.sub-page.service .panel-price .estimate .estimate_detail li { font-size:15px; padding:5px; }
.sub-page.service .panel-price .estimate .estimate_detail li span {display:inline-block;}
.sub-page.service .panel-price .estimate .estimate_detail li span.item-title {width:145px; vertical-align:top; padding-top:10px;}
.sub-page.service .panel-price .estimate .estimate_detail li span.item-title2 {width:145px; vertical-align:top; padding-top:5px;}
.sub-page.service .panel-price .estimate .estimate_detail li span.item-title3 {width:100px; vertical-align:top; padding-top:10px;}
.sub-page.service .panel-price .estimate .estimate_detail li span input[type=text] {width:180px; height:25px; padding:5px; font-size:15px; vertical-align:top;}
.sub-page.service .panel-price .estimate .estimate_detail li span input.under {border-right:0px; border-left:0px; border-top:0px; border-bottom:1px solid #ed5c23; margin-top:-8px; text-align:right;} /* 180718 margin-top. text-align 추가 */
.sub-page.service .panel-price .estimate .estimate_detail li span.item-value3 { font-size:15px; line-height:20px; padding-top:3px;}
.sub-page.service .panel-price .estimate .estimate_detail li span.item-value4 { font-size:15px; line-height:20px; padding-top:7px;}
.sub-page.service .panel-price .estimate .estimate_detail li span ul li { font-weight: 400; line-height:20px; padding: 4px 0 4px 10px; background: url("/img/v2/sub/icon-dot2.png") no-repeat 0 12px;}

/*문항수 선택박스 추가*/
.sub-page.service .panel-price .estimate .estimate_detail li .item-select {width:180px; display:inline-block; margin-right: 50px;}
.sub-page.service .panel-price .estimate .estimate_detail li .item-select p {width:180px; height:24px; padding:8px 5px 5px 5px; font-size:15px; vertical-align:top; display:inline-block; border:1px solid #dbdbdb; margin-left:-3px; background:url("/img/v2/common/icon-arrow-d.png") no-repeat; background-position:170px center; cursor:pointer;}
.sub-page.service .panel-price .estimate .estimate_detail li .item-select ul {width:180px; padding:5px; border:1px solid #dbdbdb; margin-left:-3px; margin-top:-1px; z-index:2; position:absolute; top:64px; background:#fff; }

.sub-page.service .panel-price .estimate .estimate_detail li .table-selectbox {position: relative; width: 190px; height: 35px; border: 1px solid #dbdbdb;  margin: 0 50px 0 -3px;}
.sub-page.service .panel-price .estimate .estimate_detail li .table-selectbox:before { content: ''; position: absolute; top: 0; right: 0; width: 36px; height: 35px; background: url("/img/v2/sub/icon-selectbox.png") no-repeat center; border-left: 1px solid #c7c7c7; }
.sub-page.service .panel-price .estimate .estimate_detail li .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.service .panel-price .estimate .estimate_detail li .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.service .panel-price .estimate .estimate_sum {border-bottom:1px solid #dbdbdb; padding:20px;}
.sub-page.service .panel-price .estimate .estimate_sum li { font-size:15px; padding:5px; text-align:right;}
.sub-page.service .panel-price .estimate .estimate_sum li span {display:inline-block; text-align:left;}
.sub-page.service .panel-price .estimate .estimate_sum li span.item-title {width:80px;}
.sub-page.service .panel-price .estimate .estimate_sum li span.item-title2 {width:80px; letter-spacing:0.7em;}
.sub-page.service .panel-price .estimate .estimate_sum li span input[type=text] {width:180px; height:25px; padding:5px; font-size:15px;border-right:0px; border-left:0px; border-top:0px; border-bottom:1px solid #ed5c23; margin-left:0px; text-align:right;}

.sub-page.service .panel-price .estimate .estimate_detail_info { font-size: 15px; line-height:1.4; color: #777; padding:20px 0 50px 0; clear:both;}
.sub-page.service .panel-price .estimate .estimate_detail_info li {font-weight: 400; line-height:20px; padding: 4px 0 4px 0px; }
.sub-page.service .panel-price .estimate .estimate_detail_info li.dot {background: url("/img/v2/sub/icon-dot2.png") no-repeat 0 12px; font-weight: 400; line-height:20px; padding: 4px 0 4px 10px;}

.sub-page.service .panel-price .estimate .estimate-price-unit {position:relative; top:60px; right:15px; text-align:right; margin-bottom:10px;}
.sub-page.service .panel-price .estimate .estimate-price-unit2 {position:relative; top:-26px; right:310px; text-align:right; margin-bottom:-15px;}
.sub-page.service .panel-price .estimate .estimate-sub-title {margin-top:-1px; color:#333; font-size:16px; font-weight:600; background:#f4f4f4; border-top:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb; padding:15px 0; text-align:center;}
/*.sub-page.service .panel-price .estimate .estimate-sub-title span {padding-right:25px;} 1809 rev*/


/*210202 패널가입하기 수정*/
.sub-page.service .panel-price .estimate .estimate-table{width:16.6666%; box-sizing:border-box; float:left; border-bottom:1px solid #dbdbdb;}
.sub-page.service .panel-price .estimate .estimate-table.border-right{ border-right:1px solid #dbdbdb;}
/*
.sub-page.service .panel-price .estimate .estimate-table1 {width:200px; float:left; border-bottom:1px solid #dbdbdb; }
.sub-page.service .panel-price .estimate .estimate-table2 {width:199px; float:left; border-bottom:1px solid #dbdbdb; border-right:1px solid #dbdbdb; }
.sub-page.service .panel-price .estimate .estimate-table2 .table li span {padding-right:35px;}
.sub-page.service .panel-price .estimate .estimate-table3 { width: 205px; float:left; border-bottom:1px solid #dbdbdb;  }
.sub-page.service .panel-price .estimate .estimate-table4 { width: 185px; float:left; border-bottom:1px solid #dbdbdb;  } */

.sub-page.service .panel-price .estimate div .table li {padding:10px; text-align:center; line-height:15px;}
.sub-page.service .panel-price .estimate div .table li.last {visibility:hidden; }
.sub-page.service .panel-price .estimate div .table li.last2 {visibility:visible;}
.sub-page.service .panel-price .estimate div .table li span {display:inline-block; width:75px; text-align:right; padding-right:30px;}

.sub-page.service .panel-price .estimate2 {width:500px; padding-bottom:30px;}
.sub-page.service .panel-price .estimate2 .estimate-title {text-align:center; font-size:23px; color: #ed5c23; font-weight: 700; padding:15px 0; }
.sub-page.service .panel-price .estimate2 .estimate-title2 {width:250px; text-align:center; font-size:23px; color: #ed5c23; font-weight: 700; padding:15px 0; }
.sub-page.service .panel-price .estimate2 .estimate-title3 {width:250px;  text-align:center; font-size:23px; color: #ed5c23; font-weight: 700; padding:15px 0; }

.sub-page.service .panel-price .estimate2 .estimate-price-unit {position:relative; top:60px; right:15px; text-align:right; margin-bottom:10px; }
.sub-page.service .panel-price .estimate2 .estimate-sub-title {margin-top:-1px; color:#333; font-size:16px; font-weight:600; background:#f4f4f4; border-top:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb; padding:15px 0; text-align:center;}
.sub-page.service .panel-price .estimate2 .estimate-sub-title2 {margin-top:-1px; color:#333; font-size:16px; font-weight:600; background:#f4f4f4; border-top:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb; padding:15px 0; text-align:center;}
.sub-page.service .panel-price .estimate2 .estimate-sub-title3 {border-bottom:1px solid #dbdbdb; text-align:center; font-size:23px; color: #ed5c23; font-weight: 700; padding:15px 0; }
.sub-page.service .panel-price .estimate2 .estimate-sub-title4 {border-bottom:1px solid #dbdbdb;  text-align:center; font-size:23px; color: #ed5c23; font-weight: 700; padding:15px 0; }
.sub-page.service .panel-price .estimate2 .estimate-table1 {width:299px; float:left; border-bottom:1px solid #dbdbdb; }
.sub-page.service .panel-price .estimate2 .estimate-table1 .table li span  {display:inline-block; width:130px; text-align:right; padding-right:43px;}
.sub-page.service .panel-price .estimate2 .estimate-table2 {width:199px; float:left; border-bottom:1px solid #dbdbdb;  }
.sub-page.service .panel-price .estimate2 .estimate-table2 .table li span  {display:inline-block; width:75px; text-align:right; padding-right:10px;}
.sub-page.service .panel-price .estimate2 .estimate-table3 {width:299px; float:left; border-bottom:1px solid #dbdbdb; }
.sub-page.service .panel-price .estimate2 .estimate-table3 .table {width:140px; float:left;}
.sub-page.service .panel-price .estimate2 .estimate-table3 .last {border-right:1px solid #dbdbdb; }
.sub-page.service .panel-price .estimate2 .estimate-table3 .table li span {display:inline-block; width:75px; text-align:right; padding-right:10px;}

.sub-page.service .panel-price .estimate2 div .table li {padding:10px; text-align:center; line-height:15px;}
.sub-page.service .panel-price .estimate2 div .table li.big3 span { line-height:15px;}

.sub-page.service .estimate_detail_info2 { font-size: 15px; line-height:1.6; color: #777; padding:0px 0 50px 0; clear:both;}
.sub-page.service .estimate_detail_info2 span {color: #ed5c23;}


/* 패널 구매단계 추가 (180808) */
.sub-page.service .panel-order {clear:both; margin-bottom:60px;}
.sub-page.service .panel-order .box-step {display:block; }
.sub-page.service .panel-order .box-step .step {display:block; width:100%; height:100px; vertical-align:middle; padding-bottom:25px; background: url("/img/v2/sub/icon-arrow3.png") no-repeat; background-position:135px 95px; }
.sub-page.service .panel-order .box-step .step:last-child {background:none;}
.sub-page.service .panel-order .box-step .step p.title {display:table-cell; border:1px solid #dadada; width:300px; height:80px; vertical-align:middle; font-size:19px; color:#3c3c3c; line-height:1.2; text-align:center;}
.sub-page.service .panel-order .box-step .step p.text {display:table-cell; height:80px; vertical-align:middle; padding-left:30px; font-size: 15px;}
.sub-page.service .panel-order .panel-order-info { font-size: 15px; line-height:1.6; color: #777; padding:0px 0 50px 0; clear:both;}
.sub-page.service .panel-order .panel-order-info span {color:#ed5c23;}


/* 06 mypage : 패널구매현황 추가 (180824) */
.sub-page.mypage .ubox .using dl.half {width:45%; margin:1px 0;}
.sub-page.mypage .ubox .using dl dt.lineht {line-height:40px;}

/* tablet 설정 ============== */
@media screen and (max-width: 1023px) {
	.sub-page.mypage .ubox .using dl.half {width:45%; margin:2px 0;}
	.sub-page.mypage .ubox .using dl dt.lineht {line-height:25px;}

	.btn_area{
	position: relative;
	float: left;
	margin-bottom: 30px;
	width: 100%;
    background-color: #fff;
	display: inline-block;
	}/* 1809 add */
	.btn_area .dropdown .dropdown-menu {
		width: 100%;
		min-width: 100%;
		font-size: 0.8rem;
		} /* 1809 add */
	.btn_area .dropdown .dropdown-menu li{
		padding: 0 2px;
		} /* 1809 add */
	.area-btn3{
		margin-top: 20px;
		} /* 1809 add */
	.container-sub {
		padding-top: 70px;
	}/* 20230822 수정 */
}
@media screen and (max-width: 580px){
	.container-sub {
		padding-top: 55px;
	}/* 20230822 추가 */
}

/* mobile 설정 ============== */
@media screen and (max-width: 767px){
	.sub-page.survey .list li { display: block; width: 100%; padding: 0 !important; margin: 0 0 10px; }
	.sub-page.pannel-survey .list li { display: block; width: 100%; padding: 0 !important; margin: 0 0 10px; }
	/*.sub-page.customer .tab-list-m li:last-child{display: none;} 201106 clear
	.sub-page.customer .tab-list-m li:nth-last-child(2){display: none;}  */
	.sub-page.mypage .ubox {margin:30px 0; }/* 1809 add */
	.sub-page.mypage .ubox .using {float:left; width:100%; padding:15px 10px; background:#eef0f8;} /* 1809 add */
	.sub-page.mypage .ubox .using dl dt {float:left; display:inline-block; font-size:16px; padding-left:0px; letter-spacing:-2px; margin-top:6px;} /* 1809 add */
	.sub-page.mypage .ubox .using dl dd {text-align:right;  font-size:20px;} /* 1809 add */
	.sub-page.mypage .ubox .using dl dd span {font-size:13px; line-height:12px;} /* 1809 add */
	.sub-page.mypage .ubox .using dl dd.url {width:55%; margin-top:8px; text-align:left;} /* 1809 add */
	.sub-page.mypage .ubox .using .money {width:100%; float:right; } /* 1809 add */
	.sub-page.mypage .ubox .using:first-child {margin-right:0px; margin-bottom:20px;} /* 1809 add */
	.sub-page.mypage .ubox .using.friend {margin:15px 0 15px 0;} /* 1809 add */
	.sub-page.mypage .ubox .using.cash {margin:0 0 0 0;} /* 1809 add */
	.btn_area .search_box input{width: 85%;}/* 1809 add */
	/*.thumbs-survey {line-height: 237.5px !important; } /* 181024 add nccho clear*/

	/*s:마이페이지 정리 모바일 200810*/
	.sub-page.mypage .ubox .using.full ul li {display:block; line-height:22px;}
	.sub-page.mypage .ubox .using.full ul li:after{content: '';}
	.sub-page.mypage .ubox-50 .ubox-in .using{width:100%;}
	.sub-page.mypage .ubox-50 .ubox-in .using dl {margin-bottom:20px;}
	/*e//:마이페이지 정리 모바일 200810*/


	.thumbs-survey { margin: 0 0 10px; overflow: hidden; max-height: auto; line-height: auto;}  /* 181011 rev *//*265 >> 237.5 nccho added*/
}

/* ------------------------------------ 1810 renewal (게시판 / 작성영역) --------------------------------------------------- */

/* 굿모임 */
.sub-page.survey2 .area-table2 .line5 > div:nth-child(1) {text-align: right; padding-right: 20px;}
.sub-page.survey2 .area-table2 .line1 > div:nth-child(1) {text-align: right; padding-right: 20px;}
.sub-page.survey2 .area-table2 .line4 > div:nth-child(1) {text-align: right; padding-right: 20px;}
.sub-page.survey2 .area-table2 .line4 > div:nth-child(3) {text-align: right; padding-right: 20px;}

/* 1:1상담 */
.sub-page.write-page .area-table .table ul li{word-break: keep-all;}
.sub-page.read-page .area-table .line1 p:nth-child(1) {text-align: right; width: 10%;}
.sub-page.read-page .area-table .line1 p:nth-child(2) {width: 90%;}
.sub-page.read-page .area-table .table ul li{text-align: right;}
.sub-page.read-page .area-table .area-content{padding: 30px 40px;} /*20200330 패딩값 가로크기 조절*/
.sub-page.read-page .area-table .line1{padding-top: 0;}
.sub-page.read-page .area-table .table ul li:nth-child(2n){width: 40%;}
.sub-page.consult .color-blue{padding-right: 5px;}
.sub-page.write-page .area-table .line1 > div:nth-child(1) {text-align: right; width: 10%;}
.sub-page.write-page .area-table .line1 > div:nth-child(2) {width: 90%;}
.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: 10%; }

/* tablet 설정 ============== */
@media screen and (max-width: 1023px){
/* .sub-page .list .sns-area ul li:last-child{display: none;}  181029 add */
}

/* mobile 설정 ============== */
@media screen and (max-width: 767px){
.sub-page.read-page .area-table .line1 p:nth-child(1) {text-align: right; width: 25%;}
.sub-page.read-page .area-table .line1 p:nth-child(2) {width: 75%;}
.sub-page.read-page .area-table .table ul li:nth-child(2n)  {width: 75%;}
.sub-page.write-page .area-table .line1 > div:nth-child(1) {text-align: right; width: 25%;}
.sub-page.write-page .area-table .line1 > div:nth-child(2) {width: 75%;}
.sub-page.write-page .area-table .table ul li:nth-child(2n+1) {text-align: right; width: 25%; }
.sub-page.write-page .area-table .table ul li:nth-child(2n){width: 75%;}
.sub-page.read-page .area-table .table ul li:nth-child(2n+1) {text-align: right; width: 25%; }
.sub-page.read-page .area-table .table ul li:nth-child(2n+1){width: 25%;}
.sub-page.read-page .area-table .area-content{padding: 10px;}
/* .sub-page .list .sns-area ul li:nth-last-child(2){display: none;}
.sub-page .list .sns-area ul li:last-child{display: none;} */
}

/* 설문 라이브러리 설정 ***********************************************************************************************************/
/* V190326 */
#library-survey-sample{
	margin:0 auto 20px; width:100%;
	display: grid;
	gap: 20px 15px;
	grid-template-columns: repeat(3, 1fr);
	}
	.library-box {transition:opacity 0.5s;}
	.library-box > div:first-child:hover {box-shadow: 0 1px 10px rgba(0, 0, 0, 0.2);}
	.library-survey {
		position: relative;
		overflow: hidden;
		width:100%; padding: 0px 0px 117px; box-sizing: border-box;
		background: #fff;
		border:1px solid #ccc;
	}
	.library-survey > iframe{
		min-width: 356px; overflow-x: hidden;
		padding-top: 4px; background-color: #eee;
		/* width: calc(100% - 17px); margin-right: 17px; margin-top: -6px; */
	}
	
	.library-survey > iframe:hover{width: 100%; margin-right: 0;}
	.library-survey img{max-width:100%; border:0;}
	.library-survey .library-txt{
		position: absolute;
		bottom: 0; left: 0; right: 0;
		border-top:1px solid #ddd;
		transition: transform .4s;
		background:#fff7f3;
		/* 상단 화살표 추가
		padding:5px 15px 80px;
		transform: translateY(100%) translateY(-85px);*/
		transform: translateY(100%) translateY(-120px);
		padding: 25px 15px 80px;
	}
	.library-survey .library-txt:hover{
		background: #fff7f3;
		transform: translateY(0%) translateY(50px);
		padding: 15px 15px 80px;
	}
	.library-survey .library-txt::before{
		content:'';
		background:url("/img/v2/arrow_btn_open.png") no-repeat center;
		display:block;
		width: 100%; height: 30px;
		position:absolute;
		top: 0; left: 0;
		-webkit-animation: myfirst 0.6s linear 0s infinite alternate;
		animation: myfirst 0.6s linear 0s infinite alternate;
		}
		/* 화살표 애니메이션 */
		/* Chrome, Safari, Opera */
		@-webkit-keyframes myfirst {
			0%   {opacity: 1.0; top:10px;}
			100% {opacity: 1.0; top:0px;}
		}
		/* Standard syntax */
		@keyframes myfirst {
			0%   {opacity: 1.0; top:10px;}
			100% {opacity: 1.0; top:0px;}
		}
	.library-survey .library-txt:hover::before{background:none;}
	.library-survey .library-txt > img:first-child{opacity:0.3;}
	.library-survey .library-txt .main-txt span {display:block;	margin-top:5px;}
	.library-survey .library-txt .main-txt h2 {margin-top:10px; margin-bottom:35px; font-size: 130%; line-height: 130%;}
	.library-survey .library-txt .main-txt-info{
		font-size:15px;
		margin-left:3px; margin-top:20px;
	}
	.library-survey .library-txt .main-txt-info:hover {display:block;}
	.library-survey .library-txt .main-txt-info .library-btn {margin-top:40px; text-align:center;}
	.library-survey .library-txt .main-txt-info .library-btn a {
		padding:10px 10px 10px 10px; border:1px solid #ccc;
		font-size:16px; text-align:center;
	}
	.library-survey .library-txt .main-txt-info .library-btn a:hover {
		width:100%; background-color:#ed5c23; border:1px solid #ed5c23;
		color:#fff;
	}
	.library-survey .library-txt .main-txt-info ul li{line-height:23px;}
/* tablet 설정 ============== */
@media screen and (max-width: 1200px){
	#library-survey-sample{grid-template-columns: repeat(2, 1fr);}
	.library-survey{padding: 0px 0px 107px;}
	.library-survey .library-txt{transform: translateY(100%) translateY(-110px);}
	.library-survey .library-txt .main-txt h2{margin-bottom:25px;}
	.library-survey .library-txt .main-txt-info{margin-top:10px;}
}

/* mobile 설정 ============== */
@media screen and (max-width: 800px){
	#library-survey-sample{grid-template-columns: repeat(1, 1fr);}
	.library-survey > iframe{min-width: 100%;}
}

/*핫이슈 상단이미지 190821 추가*/
.sub-page.notice .top-image3  { background: url("/img/v2/sub/top15.jpg") no-repeat center; }

@media screen and (max-width: 1023px){
.sub-page.notice .top-image3{background: url("/img/v2/sub/top15-m.jpg") no-repeat center;  background-size: cover;}
}

/*핫이슈 이모티콘 위치 변경 추가 210114*/
.title-sub.hotissue{position:absolute; right:0; top:18px;}
.title-sub > ul { float: right; }
.title-sub > ul li { float: left; margin: 0 0 0 20px; }
.title-sub > ul li:first-child { margin: 0; }
.title-sub > ul li a { display: block; padding: 0 0 0 24px; height: 28px; color: #666; line-height: 28px; font-size:12px; }
.title-sub > ul li.emoticon a { background: url("/img/issue/btn-emotion.png") no-repeat left center; padding: 0 0 0 38px; }
.title-sub > ul li.comment a { background: url("/img/issue/ico-comment.png") no-repeat left center; }
.title-sub > ul li.share a { background: url("/img/issue/ico-share.png") no-repeat left center; }

@media screen and (max-width: 767px){
	.title-sub.hotissue {top: 59px;}
}

/*구매하기-화상좌담회 추가 210205**********************************************************/

/*레이아웃*/
.layout-row {
    margin-right: -10px;
    margin-left: -10px;
    margin-bottom: 15px;
}
.layout-col-8 {
    width: 66.66666667%;
	position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
	float: left;
	box-sizing: border-box;
}
.layout-col-4{
	width: 33.33333333%;
	position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
	float: left;
	box-sizing: border-box;
}
.layout-col-12{
	width:100%;
	position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
	float: left;
	box-sizing: border-box;
}
.layout-row::after {
    content: '';
    display: block;
    clear: both;
}
.layout-col-12::after{
    content: '';
    display: block;
    clear: both;
}

/* 리스트 설정 ************************************************************** */
.vfgd .content-box dl dd ul li{
	position:relative;
	padding-left:10px;
}
.vfgd .content-box dl dd ul li::after{
	content:'- ';
	position:absolute;
	left:0; top: -1px;
}
/* 콘텐츠 설정 ************************************************************** */
.vfgd .content-box{
	padding: 20px 0px;
    height: auto;
    max-width: 1200px;
    margin: 0 auto;
    overflow: hidden;
    clear: both;
}
.vfgd .content-box .box-text{
	display:table;
	height:auto;
}
.vfgd .content-box .box-img{
	display:block;
	vertical-align: bottom;
	height: 400px;
	line-height: 400px;
}
.vfgd .content-box .box-img > img{
	max-width: 100%;
    max-height: 100%;
}
.vfgd .content-box dl{
	display:table-cell;
	vertical-align: middle;
}
.vfgd .content-box dl dt{
	padding:0 0 25px 0;
	font-size:30px;
	letter-spacing: -0.5px;
	font-weight: 600;
}
.vfgd .content-box dl dd{
	font-size:16px;
	line-height:22px;
	margin-bottom:15px;
	letter-spacing: -0.5px;
}
.vfgd .content-box dl dd:last-child{
	margin-bottom:0px !important;
}
.vfgd .content-box dl dt > span{
	color: #ed5c23;
}
.vfgd .content-box dl dd > span.span-br {
    display: block;
}
.vfgd .content-box dl dd ul li{
	width:100%;
	font-size:16px;
	line-height:26px;
}
/* 테이블 설정 */
.vfgd .content-box .box-table{padding-top:15px;}
.vfgd .content-box .table-intro{
	margin:50px 0px;
	border-bottom: 1px solid #ccc;
}
.vfgd .content-box .box-table table{
	 border-collapse: collapse;
    table-layout: auto;
	width:100%;
}
.vfgd .content-box .table-intro thead tr th{
	background-color:#d2d2d2;
	color:#3a3a3a;
	font-weight:bold;
}
.vfgd .content-box .table-intro tr th:first-child,
.vfgd .content-box .table-intro tr td:first-child{
	width:20%;
}
.vfgd .content-box .table-intro tbody tr th .sub-title,
.vfgd .content-box .table-intro tbody tr td .sub-title{
	font-size: 15px;
	color: #9a9a9a;
	font-weight: 600;
}
.vfgd .content-box .table-intro tr th,
.vfgd .content-box .table-intro tr td{
	font-size:15px;
	text-align:center;
	color: #666666;
	padding: .75rem;
	word-break: keep-all;
	border:0 none;
	vertical-align: top;
}
.vfgd .content-box .table-striped tbody tr:nth-of-type(odd){
 background-color: rgba(0,0,0,.05);
}

@media (max-width:1023px){
	.vfgd .content-box dl dt{
		padding: 0 0 10px 0;
		font-size: 27px;
		letter-spacing: -0.5px;
	}
	.vfgd .content-box .box-img {
		display: block;
		vertical-align: bottom;
		height: 370px;
		line-height: 370px
	}
	.vfgd .content-box dl dd ul li{
		width: 100%;
		float: left;
		font-size: 15px;
		line-height: 24px;
		letter-spacing: -1px;
	}
}
@media (max-width:767px){
	.layout-col-4{
		width:100%;
		padding-right:10px;
		padding-left:10px;
		float: right;
	}
	.layout-col-8{
		width:100%;
		padding-right:10px;
		padding-left:10px;
		float: right;
	}
	.vfgd .content-box{
		padding: 15px 0px 0px 0px;
	}
	.vfgd .content-box dl dd > span.span-br{
		display:inline;
	}
	.vfgd .content-box .box-img > img {
		width:250px; height:250px;
	}
	.vfgd .content-box dl dd{
		font-size:14px;
		line-height:22px;
		letter-spacing:-0.5px;
		word-break:keep-all;
	}
	.vfgd .content-box .box-img{
		text-align: center;
		width: 100%; height: auto;
		line-height: inherit;
		margin: 20px 0px;
	}
	.vfgd .content-box dl dd ul li{
		font-size:14px;
	}
	.vfgd .content-box dl dt{
		padding: 0 0 15px 0;
		font-size: 23px;
		letter-spacing: -1px;
	}
	.vfgd .content-box .table-intro tr th, .vfgd .content-box .table-intro tr td{
		white-space:pre-line;
		vertical-align:middle;
		font-size:12px;
	}
	.vfgd .content-box .table-intro{
		margin: 10px 0px 50px;
	}
}

/*패널인증 가입 완료 안내 210324*/
.panel-join-confirm .confirm-txt{
	font-size:17px;
	text-align:center;
	margin:0 auto;
}
.panel-join-confirm .confirm-txt .confirm-in{
	display:inline-block;
}
.panel-join-confirm .confirm-txt .confirm-in h3{
	font-size:23px;
	background:#eee;
	padding:10px;
}
.panel-join-confirm .confirm-txt .confirm-in ul{
	 text-align:center;
	 margin:30px 20px 20px;
}
.panel-join-confirm .confirm-txt .confirm-in ul li{
	text-align:left;
	line-height:22px;
	list-style:disc;
}
.panel-join-confirm .confirm-txt .confirm-in ul li span{
	color:#eb5c23;
}
.panel-join-confirm .confirm-txt .confirm-in h4{
	margin-bottom:20px;
	font-weight:300;
}
.panel-join-confirm .confirm-btn {
	text-align:center;
	margin-top:30px;
}
.panel-join-confirm .confirm-btn button{
	outline:0;
	border:0;
}
.panel-join-confirm .confirm-btn .panel-modify,.panel-join-confirm .confirm-btn .cash-confirm{
	color: #eb5c23;
	background:#fff;
	display: inline-block;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid #eb5c23;
    padding: .65rem .75rem;
    font-size:16px;
    line-height: 1.5;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
	cursor:pointer;
	letter-spacing:-1px;
	margin-left:10px;
}
.panel-join-confirm .confirm-btn .panel-modify:hover,.panel-join-confirm .confirm-btn .cash-confirm:hover{
	background:#eb5c23;
	color:#fff;
}

@media screen and (max-width: 1023px){
	.panel-join-confirm .confirm-txt{
		font-size:14px;
	}
	.panel-join-confirm .confirm-txt .confirm-in{
		margin:20px 0px 10px;
	}
	.panel-join-confirm .confirm-txt .confirm-in h3{
		font-size:20px;
	}
	.panel-join-confirm .confirm-txt .confirm-in ul{
		 text-align:center;
		 margin:15px 15px 20px 15px;
	}
	.panel-join-confirm .confirm-btn .panel-modify,.panel-join-confirm .confirm-btn .cash-confirm{
		font-size:14px;
	}
}


/*이벤트 게시판*/
#event-area{ box-sizing: border-box;}

#event-area .event-list{
	margin:0 auto;
	display:table;
}
#event-area .event-list ul li{
	margin:10px 0px;
}
#event-area .event-list .box{
	padding:25px;
	border:1px solid #ddd;
	overflow:hidden;
	cursor:pointer; /*210531*/

}
#event-area .event-list .box .img{
	float:left;
	display: table-cell;
}
#event-area .event-list .box .img img{
	max-width:100%;
	height:auto;
}
#event-area .event-list .box .content{
    display: table-cell;
    padding-left: 40px;
	box-sizing:border-box;
}
#event-area .event-list .box .content .event-state{ /*210729 수정*/
    font-size: 14px;
    width: 50px;
    height: 30px;
    text-align: center;
    vertical-align: middle;
	display:inline-block;
	line-height:30px;
}
#event-area .event-list .box .content .event-state.ing{ /*210729 수정*/
	background-color:#eb5c23;
	border:1px solid #eb5c23;
	color:#fff;
}
#event-area .event-list .box .content .event-state.end{/*210729 수정*/
	background-color:#878787;
	border:1px solid #878787;
	color:#fff;
}
#event-area .event-list .box .content .event-state.winners{/*210729 수정*/
	border:1px solid #eb5c23;
	color:#eb5c23;
	width:100px;
}
#event-area .area-content img{ /*210609 수정*/
	display:block;
	max-width:100%;
	margin:0 auto;
}
#event-area .event-list .box .content  dl{
	padding-top: 20px;
}
#event-area .event-list .box .content  dl dt{
	font-size:24px;
	white-space:nowrap;
	color:#000;
}
#event-area .event-list .box .content  dl dd{
	font-size:17px;
	color:#777;
	margin-top: 3px;
	word-break: keep-all;
}
#event-area .event-list .box .content  dl dd.date{
	font-size: 13px;
    color: #aaa;
    margin-top: 10px;

}
.area-content table.content-img img{  /*210610 add*/
	max-width:100%;
}
@media screen and (max-width: 1023px) {
	#event-area{
		padding: 0 10px;
	}
	#event-area .event-list{
		overflow:hidden;
	}
	#event-area .event-list{
		padding:0 10px;
	}
	#event-area .event-list ul li{
		border: 1px solid #ccc;
		width: 47%;
		height: 400px;
		float: left;
		margin: 10px;
	}

	#event-area .event-list .box{
		padding:20px;
		border:0px;
	}
	#event-area .event-list .box .content{
		padding-left:0px;
		padding-top:15px;
	}
	#event-area .event-list .box .content dl dt{
		font-size:20px;
	}
	#event-area .event-list .box .content  dl dd{
		font-size:15px;
	}

}
@media screen and (max-width: 767px) {
	#event-area .event-list ul li{
		width:100%;
		margin:0px;
		height:auto;
	}
	#event-area .event-list ul li + li{
		margin: 10px 0 0 0;
	}
	#event-area .event-list .box .content dl dt{
		font-size:18px;
	}
	#event-area .event-list .box .content  dl dd{
		font-size:14px;
	}
}


/*개인정보 수집 업데이트 210720*/
.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;
	}
	/*s:210728 개인정보 모바일 수정*/
	.page-in .privacy-table .agree-btn{
		white-space: pre-line;
		 display: block;
	}
	.page-in .privacy-table .agree-btn .input-btn{
		margin-left:0px;
	}
	.page-in .privacy-table .agree-btn .input-btn:first-child{
		margin-top:10px;
	}
	/*e://210728 개인정보 모바일 수정*/

	.page-in .privacy-table table tbody td:last-child{/*보유년수 강조 추가 210722 */
		font-size:15px;
	}
}

/* s: 220602 구매하기 테이블 display flex로 변경 */
.sub-page.service .area-price .section-title.v2{position: relative; width: 100%; border-right: 0;}
.sub-page.service .area-price .section-title.v2 .sub-title{position: relative; border-top:0;}
.table_price_ibt{
		display: -ms-flexbox;
		display: -webkit-flex;
	display: flex;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
	flex-direction: column;
	font-size:15px;
}
.table_price_ibt dl{
		display: -ms-flexbox;
		display: -webkit-flex;
	display: flex;
		-webkit-flex-direction: row;
		-ms-flex-direction: row;
	flex-direction: row;
		-webkit-align-items: stretch;
		-ms-flex-align: stretch;
	align-items: stretch;
	border-bottom:1px solid #dbdbdb;
	color: #777; line-height:140%;
}
.table_price_ibt dl dt,
.table_price_ibt dl dd{
		display: -ms-flexbox;
		display: -webkit-flex;
	display:flex;
		-webkit-align-items: center;
		-ms-flex-align: center;
	align-items: center;
		-webkit-justify-content: center;
		-ms-flex-pack: center;
	justify-content: center;
	box-sizing: border-box;
	border-left:1px solid #dbdbdb; padding: 10px;
}
.table_price_ibt dl dt{
	padding-left:15px; border-left:0; color:#333; text-align: left;
		-webkit-justify-content: flex-start;
		-ms-flex-pack: start;
	justify-content: flex-start;
		-webkit-flex: 0 0 20%;
		-ms-flex: 0 0 20%;
	flex: 0 0 20%;
	/* 	-webkit-flex-basis: 20%;
		-ms-flex-basis:20%;
	flex-basis: 20%; */
}
.table_price_ibt dl dd{flex: 1;}
.table_price_ibt dl dd.f2{
		-webkit-box-flex: 2;
		-ms-flex: 2;
	flex-grow: 2;
}
.table_price_ibt dl.col dt,
.table_price_ibt dl.col dd{
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
	flex-direction: column;
}
.table_price_ibt dl.col dt{padding:0;}
.table_price_ibt dl.col dt > div{
	width:100%; height:100%;  box-sizing: border-box;
	padding: 10px 10px 10px 15px;
	border-bottom:1px solid #dbdbdb;
		display: -ms-flexbox;
		display: -webkit-flex;
	display:flex;
		-webkit-align-items: center;
		-ms-flex-align: center;
	align-items: center;
}
.table_price_ibt dl dt > div:last-child{border-bottom: 0;}
.table_price_ibt .con_col{
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
	flex-direction: column;
		-webkit-align-items: flex-start;
		-ms-flex-align: start;
	align-items: flex-start;
}
.btn_charge a {display:inline-block; width:70px; height:26px; background:#ed5c23; color:#fff; line-height:26px; text-align:center; font-size:12.5px; margin-top:7px;}
.btn_charge a:hover {background:#ec5520;}
i.check{width:14px; height:16px; background-size:cover; background-repeat: no-repeat;}
i.check.sky{background-image: url("/img/v2/sub/icon-check-join.png");}
i.check.orange{background-image: url("/img/v2/sub/icon-check2.png");}
i.check.blue{background-image: url("/img/v2/sub/icon-check-one.png");}
/* e: 220602 구매하기 테이블 display flex로 변경 */

/** SNS공유하기(231127 수정) **/
.sub-page.survey .list .sns .sns-area2{width: fit-content;}
.sub-page.survey .list .sns .sns-area2 > ul{
	display: flex;
    justify-content: space-between; 
}
.sub-page.survey .list .sns .sns-area2 > ul > li{width: auto; float: none; flex: 1; margin-left:12px;}
@media screen and (max-width: 1023px) {
	.sub-page.survey .list .sns-area{
		width: 80%; max-width: 280px; margin:0;
		transform: translate(-50%, -50%);
	}
	.sub-page.survey .list .sns-area ul{
		display: grid;
		grid-template-columns: repeat(4, 1fr);
		gap: 15px;
		width: 100%;
		/* width: calc(100% + 10px); */
	}
	.sub-page.survey .list .sns-area ul li{
		float: none;
		width: auto; padding: 0;
	}
	.sub-page.survey .list .sns-area ul li,
	.sub-page.survey .list .sns-area ul li:nth-child(5){margin: 0;}
	.sub-page.survey .list .sns-area ul li a{display: block;}
	.sub-page.survey .list .sns-area ul li a img{width: 100%; height: auto;}
	.sub-page.survey .list .sns-area > div{
		display: flex;
		justify-content: space-between;
	}	
}