@charset "utf-8";
/*
 파일명:			common_v2.css
 기능설명:		common, layout, content css
 최종수정일:	2020.08.07 
*/

/* LAYOUT */
html, body, .sub-wrap{margin:0; padding:0;}
.sub-top-wrap {position:relative; z-index:100;}
textarea, input:focus {outline: none;}
.right{ float: right !important;}
.center { text-align:center !important;}
.mb10{margin-bottom:10px;}
.clear:after {content: ""; display: block; clear: both; visibility: hidden; font-size: 0; height: 0;}

/* 좌측메뉴 설정 */
.left-menu-section{background-color:#ffffff; box-shadow:1px 1px 1px 0px rgba(0, 0, 0, .1); border:1px solid #efefef;}
.left-menu-section .lmenu{border-bottom:1px solid #dddddd; background-color:#f3f3f3;}
.left-menu-section .ltit-st01 { padding-left:30px; border-bottom:1px solid #ddd; background: url("/img/common/ico-lmenu-00.png") no-repeat 10px 11px; padding: 9px 0 9px 30px;}
.left-menu-section .ltit-st01:hover {color:#ed5c23; font-weight:bold; background:#f6f6f6; background: url("/img/common/ico-lmenu-00-over2.png") no-repeat 10px 11px;}
.left-menu-section .ltit-st01.selected {color:#ed5c23; font-weight:bold; background:#f6f6f6; background: url("/img/common/ico-lmenu-00-over2.png") no-repeat 10px 11px;}
.left-menu-section .ltit-st01 img, .left-menu-section .lmenu-st02 img,.left-menu-section .lmenu-st03 img {vertical-align:middle; margin-right:7px;}
.left-menu-section .lmenu .first {background:#fff; position:relative;}
.left-menu-section .lmenu li {padding: 9px 0 9px 15px; position:relative;}
.left-menu-section .lmenu li:hover {background:#ececec;}
.left-menu-section .lmenu li:hover a {color:#ed5c23; font-weight:bold; }
.left-menu-section .lmenu li.selected {color:#ed5c23; font-weight:bold; background:#ececec;}
.left-menu-section .lmenu li.selected a{color:#ed5c23; }
.left-menu-section .lmenu li input.left-sub {background:#ececec !important; border:1px solid #e9eef4 !important; width:80px;}
.left-menu-section .lmenu li.selected input.left-sub {background:#ececec !important; border:1px solid #e3e3e3!important; width:75px;}

.left-menu-section .lmenu li .button-set {display:inline-block; position:absolute; top:7px; right:5px; text-align:right;  width:40px;  box-sizing: border-box;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
.left-menu-section .lmenu li .button-set button {width:17px; height:17px; border:1px solid #c5c3c3; text-align:center; line-height:15px;}
.left-menu-section .lmenu li .button-set button img {text-align:center; line-height:15px; margin:0 3px 7px 0;}
@-moz-document url-prefix() {.left-menu-section .lmenu li .button-set {position:absolute; top:7px; left:125px;}}
@-moz-document url-prefix() {.left-menu-section .lmenu li .button-set img {position:relative; left:0px; top:-1px;}}
.left-menu-section .lmenu li .button-set button:hover {width:17px; height:17px; background:#fff; border:1px solid #888888;}

.left-menu-section .lmenu-st02 {background:#e3e3e3 url("/img/common/dot-w-border.gif") repeat-x 0 0; color:#666; padding: 7px 0 7px 15px; font-size:13px;}
.left-menu-section .lmenu-st03 {background: url("/img/common/ico-lmenu-04.png") no-repeat 10px 8px;  padding: 7px 0 7px 30px;}
.left-menu-section .lmenu-st03:hover {color:#ed5c23; font-weight:bold; background:#f6f6f6; background: url("/img/common/ico-lmenu-04-over2.png") no-repeat 10px 8px;}
.left-menu-section .lmenu-st03:hover a {color:#ed5c23; font-weight:bold;}
.left-menu-section .lmenu-st03.selected {color:#ed5c23; font-weight:bold; background:#f6f6f6; background: url("/img/common/ico-lmenu-04-over2.png") no-repeat 10px 8px;}
.left-menu-section .lmenu-st03.selected a {color:#ed5c23; font-weight:bold;}

.left-menu-section .function-link {border-top:1px solid #dddddd;}
.left-menu-section .function-link li {padding:7px 0 7px 10px; border-bottom:1px solid #dddddd;}
.left-menu-section .function-link li:last-child{border-bottom:0 none;}
.left-menu-section .function-link li:hover {background:#f6f6f6;}
.left-menu-section .function-link li:hover a {color:#ed5c23; font-weight:bold;}
.left-menu-section .function-link li.selected {color:#ed5c23; font-weight:bold; background:#f6f6f6; }
.left-menu-section .function-link li.selected a{color:#ed5c23; font-weight:bold;}
.left-menu-section .function-link a img {margin-right: 7px;}

.left-menu-section .function-link li.mnu1 {padding-left:30px; background: url("/img/common/ico-lmenu-09.png") no-repeat 10px 12px;}
.left-menu-section .function-link li.mnu1:hover {color:#ed5c23; font-weight:bold; background:#f6f6f6; background: url("/img/common/ico-lmenu-09-over2.png") no-repeat 10px 12px;}  /** 20181029 색상변경 **/
.left-menu-section .function-link li.mnu1.selected {color:#ed5c23; font-weight:bold; background:#f6f6f6; background: url("/img/common/ico-lmenu-09-over2.png") no-repeat 10px 12px;}  /** 20181029 색상변경 **/

.left-menu-section .function-link li.mnu2 {padding-left:30px; background: url("/img/common/ico-lmenu-10.png") no-repeat 10px 12px;}  /** 수정(161006 김연수) **/
.left-menu-section .function-link li.mnu2:hover {color:#ed5c23; font-weight:bold; background:#f6f6f6; background: url("/img/common/ico-lmenu-10-over2.png") no-repeat 10px 12px;}  /** 20181029 색상변경 **/
.left-menu-section .function-link li.mnu2.selected {color:#ed5c23; font-weight:bold; background:#f6f6f6; background: url("/img/common/ico-lmenu-10-over2.png") no-repeat 10px 12px;}  /** 20181029 색상변경 **/

.left-menu-section .function-link li.mnu3 {padding-left:30px; background: url("/img/common/ico-lmenu-11.png") no-repeat 10px 10px;}  /** 수정(161006 김연수) **/
.left-menu-section .function-link li.mnu3:hover {color:#ed5c23; font-weight:bold; background:#f6f6f6; background: url("/img/common/ico-lmenu-11-over2.png") no-repeat 10px 10px;}   /** 20181029 색상변경 **/
.left-menu-section .function-link li.mnu3.selected {color:#ed5c23; font-weight:bold; background:#f6f6f6; background: url("/img/common/ico-lmenu-11-over2.png") no-repeat 10px 10px;}   /** 20181029 색상변경 **/

.left-menu-section .go-calculator a {display:block; width:80%; border:1px solid #aaaaaa; padding:5px; margin:50px 0 0 10px; text-align:center;} /** 추가(180302 전현정) **/
.left-menu-section .go-calculator a:hover {color:#ed5c23; border-color:#ed5c23;}   /** 20181029 색상변경 **/
.left-menu-section .go-calculator2 a {display:block; width:80%; border:1px solid #aaaaaa; padding:5px; margin:10px 0 0 10px; text-align:center;} /** 추가(180302 전현정) **/
.left-menu-section .go-calculator2 a:hover {color:#ed5c23; border-color:#ed5c23;}   /** 20181029 색상변경 **/

.lmenu-st01, .lmenu-st02{position:relative;}
.left-menu-section .lmenu-set-buttons{position:absolute; right:0; top:9px; text-align:right; padding-right:10px;}
.left-menu-section .lmenu-set-buttons button{margin-left:2px;}
.set {background:#0d65ac; color:#fff; font-size:11px; padding:3px;}

/* CONTENT */
/* .scroll {*position:relative; overflow:auto; overflow-y:hidden;} */
.share-position {position:relative; top:0px; }

/* Hgroup */
h3 {font-size:16px; font-weight:600; margin-bottom:10px; color:#222;}  /* 20181106 폰트명, 굵기 변경 */
h4 {font-weight:600; font-size:16px;  color:#222;} /* 20181106 폰트명, 굵기 변경 */
span.navigation {display:block; color:#15629e; font-size:12px; padding-left:2px; margin-bottom:30px;}
.hstyle-3{background:url("/img/common/bul-blue2.gif") no-repeat 0 7px;  font-size:13px; padding: 0 0 0 10px; font-weight:normal !important;}
.hstyle-2{font-size:20px !important; margin:0 0 30px 10px !important; color:#000 !important;}   /* 20181109  배포타이틀 :  font-size, margin-bottom값 수정 */
span.tit-side {font-size:14px; font-weight:normal !important;}
span.tit-side strong {color:#ed5c23; font-weight:bold;}  /* 20181106 폰트색상 수정 */
    .default-section h3 > .tit-side{margin-left: 5px; color: #333;}
/* 양사이드 컨텐츠 : 제목단*/
.hsection {overflow:hidden; *zoom:1;}
.hsection .hstyle-2 {float:left; display:inline-block !important; width:60%!important;}
.hsection .button-section {float:right; width:30%; text-align:right;}
.divide-line{border-top: 1px solid #ddd; margin:20px 0px;}

/* 양사이드 컨텐츠 : 컨텐츠단*/
.bside-con {
    overflow: visible;
    min-height: 30px; margin-bottom: 8px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-end;
}
.bside-con::after{content:''; display:block; clear:both;}
.bside-con.o-hidden {overflow:hidden;}
.bside-con .lcon {display:inline-block !important; position:relative;}
.bside-con .rcon {margin-left:auto; position: relative;}
    .bside-con .rcon select, .bside-con .rcon input{min-height: 30px; box-sizing: border-box; border-radius: 5px; padding: 3px;}
    .bside-con .rcon select[name=opt]{border: 0; background: #f7f7f7; border-right: 5px solid transparent}
    .bside-con .rcon input[name=stx]{width: 180px; border: 1px solid #DDD; background-color: #fff; font-size: 13px; padding-right: 30px;}
    .bside-con .rcon button[id=schBtn]{position: absolute; z-index: 1; right: 10px; top: 50%; transform: translateY(-50%);}

.bside-con .lcon3 {display:inline-block !important; position:relative; text-align:left; }
.bside-con .rcon3 {margin-left:auto; text-align:right; font-size:90%;}
.bside-con .right-btn {float:right; margin-left:auto;  width:150px; text-align:right; padding-right:15px;}
.bside-con .hstyle-2{}

/* Step */
.step {overflow:hidden; *zoom:1; margin-bottom:45px;}
.step li {width: 156px; float:left;} /*20130717 수정*/

/* Step-circle */
.step-circle {overflow:hidden; *zoom:1; margin:0 150px 30px;}
.step-circle li {float:left; width:142px; height:142px; border-radius:71px; behavior: url("/css/PIE/PIE.htc");  border:2px solid #84afe0; text-align:center; color:#1668a6; margin-right:20px; cursor:pointer;}
.step-circle li span {width:52px; height: 53px; overflow:hidden;display:block; margin: 20px auto 8px;}
/*.step-circle li:hover, */.step-circle li.selected {background:#84afe0; color:#fff;}
/*.step-circle li:hover span img, */.step-circle li.selected span img{margin-left:-52px;}

.make-step {overflow:hidden; *zoom:1; margin:0 150px 30px;}
.make-step li {float:left; width:145px; height:145px; margin-right:20px; cursor:pointer;}
.make-step #menu01 { background:url("/img/svy/step_01.png") no-repeat; }
.make-step #menu02 { background:url("/img/svy/step_02.png") no-repeat; }
.make-step #menu04 { background:url("/img/svy/step_03.png") no-repeat; }
.make-step #menu01.selected {background-position:0 -145px; }
.make-step #menu02.selected {background-position:0 -145px; }
.make-step #menu04.selected {background-position:0 -145px; }
.make-step li.selected span img{margin-left:-52px;}

 /* button : 기본정렬 left*/

button {line-height:1em;}
.button-section {
    text-align:left;
    margin:10px 0;
    position:relative;
    /* display: flex;
    justify-content: center;
    align-items: center; */
}
.button-section.attibt{background:#fff; margin:0px; padding:7px 0px; text-align: center;}
.button-section.attibt button {
    margin-left:10px;
    line-height: 1;
}
.button-section.attibt button:first-child:not(.dark){margin-left:0;}
.button-section.attibt .btn{margin: 0 auto; line-height: 0;}

.button-section button {/*margin-right: 3px;*/}
.button-section.right {text-align:right;}
.button-section.right button {margin-left:1px;}
.button-section.center {
    text-align:center;
    justify-content: center;
    align-items: center;
}
.button-section.center button {margin: 0 1px; line-height: 1;}

.button-section.test-main{margin:0px 0px 0px; text-align:center;}

.button-section-add {text-align:left; margin:7px 0; position:relative;}
.button-section-add button {/*margin-right: 3px;*/}
.button-section-add.right {text-align:right;}
.button-section-add.right button {margin-left:3px;}
.button-section-add.center {text-align:center;}
.button-section-add.center button {margin: 0 1px;}

.button-section-dc {text-align:left; margin:7px 0; position:relative;}
.button-section-dc button {/*margin-right: 3px;*/}
.button-section-dc.right {text-align:right;}
.button-section-dc.right button {margin-left:3px;}
.button-section-dc.center {text-align:center;}
.button-section-dc.center button {margin: 0 1px;}

.pannel-ctl { text-align:left; /*margin:7px 0;*/ position:relative;}
.pannel-ctl button {/*margin-right: 3px;*/}
.pannel-ctl.right {text-align:right;}
.pannel-ctl.right button {margin-left:3px;}
.pannel-ctl.center {text-align:center;}
.pannel-ctl.center button {margin: 0 1px;}

.pannel-insert {display:none; font-size:11px; color:#fff; text-align:center; letter-spacing:-1; }
.pannel-insert.fixed {width: 60px; padding: 3px 0;}

.pannel-insert-cnl {display:none; font-size:11px; color:#fff; text-align:center; letter-spacing:-1; }
.pannel-insert-cnl.fixed {width: 60px; padding: 3px 0;}

.pannel-paste {display:none; font-size:11px; color:#fff; text-align:center; letter-spacing:-1; }
.pannel-paste.fixed {width: 60px; padding: 3px 0;}

.pannel-paste-cnl {display:none; font-size:11px; color:#fff; text-align:center; letter-spacing:-1; }
.pannel-paste-cnl.fixed {width: 60px; padding: 3px 0;}

.section-create {display:none; font-size:11px; color:#fff; text-align:center; letter-spacing:-1; }
.section-create.fixed {width: 60px; padding: 3px 0;}

.section-create-cnl {display:none; font-size:11px; color:#fff; text-align:center; letter-spacing:-1; }
.section-create-cnl.fixed {width: 60px; padding: 3px 0;}

 .button-type1 {font-size:11px; color:#fff; text-align:center; letter-spacing:-1; }
 .button-type1.fixed {width: 60px; padding: 3px 0;}

.button-type2 {border-radius:5px;  behavior: url("/css/PIE/PIE.htc"); border:1px solid #cacaca; width:125px; padding: 7px 0;}
.button-type2:hover, .button-type2.selected {background:#f57900;   color:#fff;}/* 이미지넣기 등 가로넓이 fixed 회색 */

.button-type3 { background:#666; color:#fff; font-size:11px; padding: 5px 17px;} /* 이곳에 넣기, 이곳에복사, 섹션 넣기 등 밝은회색 작은버튼*/

.button-type4 {background:#5c5c5c; color:#fff; width:60px; text-align:center; padding: 7px 0;}/* 저장, 초기화, 닫기 등 레이어안의 w60 fixed button*/

.button-type5 { background:#fff; border:1px solid #c8c8c8; color:#666; padding:5px 10px; font-size:12px; min-width:77px;}
.button-type6 { background:#666; border:1px solid #666; color:#fff; padding:0px 10px; font-size:12px; min-width:77px; height:24px; min-height:27px; line-height:20px;} /** 170918 수정 **/
.button-type66 { background:#666; border:1px solid #666; color:#fff; padding:5px 10px; font-size:14px; min-width:77px; min-height:27px; line-height:20px;} /** 20181109 font-size, padding 수정, height삭제 **/
.button-type66 img {margin-top:-3px;} /** 170918 추가 **/

.button-type7 { background:#2179bd;color:#fff; padding:5px 10px; min-width:70px; font-size:11px;}
.button-type8 { background:#b2b2b2;color:#fff; padding:5px 10px;min-width:70px; font-size:11px;}
.button-type9 { background:#666;color:#fff; padding:10px 10px;min-width:70px; font-size:11px;}
.button-type10 { background:#fff; border:1px solid #c8c8c8; color:#666; padding:5px 10px; font-size:12px; min-width:77px; margin-top:15px; margin-right:15px; }

.img_insert_btn { background:#666; color:#fff; font-size:11px; padding: 5px 17px; margin-top:8px; } /* 이곳에 넣기, 이곳에복사, 섹션 넣기 등 밝은회색 작은버튼*/
.mov_insert_btn { background:#666; color:#fff; font-size:11px; padding: 5px 17px; margin-top:8px; } /* 이곳에 넣기, 이곳에복사, 섹션 넣기 등 밝은회색 작은버튼*/
.button-type_file { background:#ccc; color:#fff; font-size:11px; border:1px solid #c8c8c8; padding: 5px 17px;} /* 이곳에 넣기, 이곳에복사, 섹션 넣기 등 밝은회색 작은버튼*/
.button-type_mov { background:#ccc; color:#fff; font-size:11px; border:1px solid #c8c8c8; padding: 5px 17px; margin-top:10px;} /* 이곳에 넣기, 이곳에복사, 섹션 넣기 등 밝은회색 작은버튼*/


/*
.rollover>button{border:1px solid #fff;padding:1px;}
.rollover>button:hover{border:1px solid #c8c8c8;}
*/

.button-type-board {padding: 5px; border:1px solid #c8c8c8; font-size:12px;}  /* 20181106 폰트크기, padding값 수정 */
.arrow {background:url("/img/common/ico-arrow.png") no-repeat 35px 50% ; padding-right:17px;}
.mov-survey.button-type-board,
.mov-survey-rand.button-type-board{color: #757575; border-radius: 3px;}
.mov-survey.arrow,
.mov-survey-rand.arrow{background-image: none; padding-right: 0}
.mov-survey.arrow::after,
.mov-survey-rand.arrow::after {
    position: relative; top: 1px; margin: 0 5px;
    font: var(--fa-font-solid);
    content: '\f107';
}
/* 설문작성페이지 input:hover style */
.input-type2 { z-index:2; resize: none; background:#fff; color:#333; border:0; background-color:transparent; width:80%; vertical-align:top; padding: 0 0 0 3px;}/* 20200514 width:88%에서 80%로 수정 JDW */
.input-type2 :hover { z-index:2; background:#eef9d7 !important; border:1px solid #f4ffdd !important; }
.input-type2.wb :hover { z-index:2; background:none !important; border:0 none !important; }/* 20200522 나우앤테스트 수식편집기 JDW */

.input-type3 { z-index:2; resize: none; font-size:15px; background:#fff; color:#333; border:0; background-color:transparent; min-width:240px; width:70%; padding:3px;}
.input-type3 :hover { z-index:2; background:#eef9d7 !important; border:1px solid #f4ffdd !important; }
.input-type3.wb :hover { z-index:2; background:none !important; border:0 none !important; }/* 20200522 나우앤테스트 수식편집기 JDW */

.input-type-ta { z-index:2; resize: none; font-size:15px; background:#fff; color:#333; border:0; background-color:transparent; min-width:258px; width:100%; padding:3px;}
/*.pup{ z-index:2; background:#eef9d7 !important; border:1px solid #f4ffdd !important; }*/
.pup{ z-index:2; border-bottom:1px dashed #c2c2c2 !important; }
.pup:focus{ border-bottom:1px dashed #ed5c23 !important; }

.input-type-letter { z-index:2; resize: none; font-size:15px; /*background:#fff; border:0; background-color:transparent;*/ color:#333; width:900px; min-width:400px; min-height:30px; padding:5px;}
.input-type-dc { z-index:2; resize: none; font-size:15px; background:#fff; border:0; background-color:transparent; color:#333; width:40%; height:50px; padding:3px;}

.input-type-iframe {z-index:2;resize: none;font-size:15px;/*background:#fff; border:0; background-color:transparent;*/color:#333;width:900px;min-width:400px;min-height:30px;padding:5px;}

.intext-option-front { width: 150px; text-align:right; border-left:1px solid #fff !important; border:0; background-color:transparent; border-right:1px solid #fff !important; }
.intext-option-back { width: 150px; border-left:1px solid #fff !important; border-top:1px solid #fff !important; border-right:1px solid #fff !important; }

/*
input.input-type2 {background-color:transparent; border:0;}
input.input-type3 {background-color:transparent; border:0;}
*/
/*input:hover, input.input-type2:hover {background:#eef9d7 !important;; border:1px solid #f4ffdd !important; }*/

h1 .input-type2 {z-index:2;font-size:15px; height:15px;}
h1 .title {font-size:15px; height:15px;}

.tit .input-type2, .tit-exp .input-type2 {z-index:2;background:#ffe5bf; border:1px solid #ffe5bf !important; font-size:15px; height:15px;}
.tit .title, .tit-exp .title {z-index:2;font-size:15px; height:15px;}


/* list */
ol.list-none	{list-style:none;}
ol.list-none	li	{position:relative; margin-bottom:4px; padding-left:16px;}
ol.list-none	li	span	{position:absolute; top:0; left:0px; _left:-16px;}
	:root ol.list-none	li	span	{top:4px;}

.star li {background:url("/img/common/bul-star.gif") no-repeat 0 6px; padding: 0 0 5px 10px; text-align:left;}/*star*/

.dot-st01 li {background:url("/img/common/bul-dot-01.gif") no-repeat 0 7px; padding: 0 0 5px 10px;}/*orange dot*/

.dot-st02 li , .dot-st02{background:url("/img/common/bul-dot-02.gif") no-repeat 0 7px; padding: 0 0 10px 10px;}/*gray dot*/

/*.dot-st03 li {background:url("/img/common/bul-blue.gif") no-repeat 0 8px; padding-bottom:5px; font-size:12px; padding-left:10px; line-height:18px;}*/ /* blue dot */
.dot-st03 li {
    /*orange dot*/  /* 20181106 수정 */
    position: relative; background:none; padding-bottom:5px; font-size:14px; padding-left:10px; line-height:150%;
    word-break: keep-all;
} 
.dot-st03 li::before{
    content: "";
    display: inline-block; position: absolute; top: 8px; left: 3px; width: 3px; height: 3px;
    background: url(/img/common/bul-dot-01.gif) no-repeat 0 0px;    
}
.dot-st03.strong li{color:#f03434}/*210712 add INR*/
.dot-st03.strong li:first-child{background:none; padding-left:0px;}
.dot-st03 a.make-svy-small-btn{vertical-align: top; margin:-3px 5px 0 3px; border-radius: 3px;}
.dot-st03 img[src*=ico-set2],
.dot-st03 img[src*=ico-set],
.dot-st03 img[src*=ico-graph]{margin: 0 3px 3px;}
.gbox .dot-st03 li:last-child {padding-bottom:0;}
.dot-st03.inline li {display:inline-block; margin-right:37px; font-size:15px;}/*20210105 추가*/
.dot-st03.inline li#alarm_chk{
	float: right;
    margin-right: 4px;
    margin-top: 4px;
    background: none;
	color:#eb5c23 !important;
	position:relative;
	}
	.dot-st03.inline li#alarm_chk img{
		margin-right:5px;
	}
#alarm_chk{
    color: #ef6c39;
    font-weight:bold;
    background-color: #ffeee8;
    padding: 15px;
    margin-bottom: 15px;
    border: 1px solid #ffd4c4;
}
#alarm_chk img{
    vertical-align: -3px !important;
}

/* gray-line*/
.gray-bb, tr.gray-bb th, tr.gray-bb td  {border-bottom:1px solid #bdc5c8; margin-bottom:7px;}
.gray-bt {border-top:1px solid #bdc5c8}


/* fixed width : px */
.w40 {width:40px!important;}
.w50 {width:50px!important;}
.w60 {width:60px!important;}
.w70 {width:70px!important;}
.w80 {width:80px!important;}
.w100 {width:100px!important;}
.w120 {width:120px!important;}
.w165 {width:165px!important;}
.w190 {width:190px!important;}
.w200 {width:200px!important;}
.w250 {width:250px!important;}
.w300 {width:300px!important;}
.w350 {width:350px!important;}
.w380 {width:380px!important;}
.w400 {width:400px!important;}
.w410 {width:410px!important;}
.w430 {width:430px!important;}
.w450 {width:450px!important;}
.w500 {width:500px!important;}
.w560 {width:560px!important;}

/* fixed height : px */
.h22 {height:22px;}
.h30 {height:30px;}
.h40 {height:40px;}
.h40 h3.hstyle-3 {line-height:40px; background-position:0 15px; margin-bottom:0}
.h150 {height:150px; overflow-y:scroll;}
.h280 {height:280px; overflow-y:scroll;}

/* data-table */
table{ table-layout:fixed; width:100%;}
.data-table-col {/*border-bottom:1px solid #e3e3e3 !important;*/ border-bottom:0; }  /* 20181108 border 수정 */
.data-table-col th {color:#333b43; vertical-align:top; text-align:right; font-weight:600; }  /* 20181108 text-align, color 수정 */
.data-table-col th, .data-table-col td {padding:10px; font-size:14px; line-height:22px;}  /* 20181108 text-align삭제, font-size, padding 수정 */
.data-table-col-no th, .data-table-col-no td {text-align:left;}
    .data-table-col.v2{}
    .data-table-col.v2 .box-item{
        margin:7px 0;
            display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
            -webkit-align-items: flex-end;
            -ms-flex-align: end;
        align-items: flex-end;
    }
    
    .data-table-col.v2 .box-item:last-child{}
    .data-table-col.v2 .box-item .box-item-th{color: #333b43; font-weight:bold; min-width:140px;}
    .data-table-col.v2 .box-add{margin-top:7px;}
    .data-table-col.v2 .box-add .desc{max-width:650px;}
    .data-table-col.v2 .box-add .desc li{position:relative; margin:3px 0; padding-left:15px; font-size:small; line-height: 150%; word-break: keep-all;}
    .data-table-col.v2 .box-add .desc li::before{content: "※"; position: absolute; left:0;}


td span.question {margin: 0 0 0 40px; background:url('/img/common/ico-question.gif')no-repeat 0 0; padding-left:17px; font-size:11px;}

tr.bg th, tr.bg td {background:#f3f8fb url("/img/common/th-back.gif") no-repeat right 11px;}/*background*/
tr.bg td {background:#f3f8fb;} /*background*/

table.pos-rel td {position:relative !important;}
.scenario {position:absolute; right:-95px; top:0; font-size:11px;}
.essential {position:absolute; right:-35px; top:0; font-size:11px;}
.essential-st2 {background:url("/img/common/bul-essential.gif") no-repeat 0 3px; padding-left:7px;}
.caution {background:url("/img/common/ico-caution.gif") no-repeat 0 0; color:#ff0000; padding-left:15px; font-size:11px;}
.caution-st2 {background:url("/img/common/bul-essential.gif") no-repeat 0 10px;  color:#ed5c23 ; padding: 5px 0 0 10px; font-size:11px; }
.required {position:absolute; right:0; top:0; font-size:11px;}

.inner th {color:#666;} /* data-table-col + th font-color 666 */
.inner2 th {color:.#666; background:none;}/* data-table-col + inner + th-no-background */
/* in  table fixed label 값 : tr에 class 추가*/
.w10p label {width:10%;}
.w20p label , .w20p{width:19%;}
.w25p label , .w20p{width:24%;}
.w30p label {width:32%;}
.w1-3 label {width:32%;}
.w1-4 label {width:24%;}
label.w100p, .w100p{width:100%!important;}
label.w50p, .w50p{width:50%;}

td div.pos-rel button.del {position:absolute; right:0 !important; top:2px;} /* td 끝쪽 삭제버튼스타일 */
.nob th, .nob td {border:none;}

/* board-list */
.board-list { border-top:2px solid #dbdbdb;margin: 3px 0; position:relative;}   /* 20181106 수정 */
.board-list button.s_txt:hover{color:#ed5c23; text-decoration: underline;} 
.board-list thead th {color:#333b43; border-bottom:1px solid #dbdbdb; padding: 10px 0 ;text-align:center; font-weight:600; line-height:15px; font-size:14px;}  /* 20181106 수정 */
.board-list tbody th, .board-list tbody td {padding: 10px 0; border-bottom:1px solid #dbdbdb; text-align:center; color:#444; font-size:14px; white-space: normal;}  /* 20181106 수정 */
.board-list tbody tr:hover {background:#f4f4f4; }  /* 20181106 수정 */
.no-data {padding:25px 0 !important;}
.tit-progress{font-weight:bold;}/* 진행중 */
.label-progress{display:inline-block; width:4px; height:4px; border-radius:50%; background-color:#ED5C23; vertical-align: top; text-indent:-9999px;}
.tit-progress .label-progress{margin-left:15px;}
.ctl-view-btn.label-progress{vertical-align:1px;}
.board-list .number-icon {display:inline-block; overflow:hidden; font-size:0; box-sizing:content-box;}
.board-list .number-icon span.ascending{background:url("/img/v2/common/ascending_icon.png") no-repeat top; display:inline-block; width:13px; height:10px; position:absolute; top:13px;}
.board-list .number-icon span.descending{background:url("/img/v2/common/descending_icon.png") no-repeat top; display:inline-block; width:13px; height:10px; position:absolute; top:13px;}
.board-list .number-icon span.ascending.pop{background:url("/img/v2/common/ascending_icon.png") no-repeat top; display:inline-block; width:13px; height:10px; position:absolute; top:12px;}
.board-list .number-icon span.descending.pop{background:url("/img/v2/common/descending_icon.png") no-repeat top; display:inline-block; width:13px; height:10px; position:absolute; top:12px;}
.board-list thead th {margin:0px;}
.board-list thead th img {display:inline-block !important; margin:0px; box-sizing:border-box;}
.board-list2 { border-top:1px solid #ed5c23;margin: 3px 0;}
.board-list2 tbody th { color:#1668a6; border-bottom:1px solid #e3e3e3; padding:5px 0; text-align:left;}
.board-list2 tbody td { padding:5px 0; border-bottom:1px solid #e3e3e3; text-align:left;}

.board-list3{border-top:2px solid #dbdbdb;margin: 3px 0; position:relative; table-layout: auto !important;}
.board-list3 th,
.board-list3 td {border:0px solid #ddd; padding: 10px 0; font-size: inherit; width:Auto; word-break: break-all;}
.board-list3 th {color:#333b43; border-bottom:1px solid #dbdbdb; font-weight:600;}
.board-list3 td {border-bottom: 1px solid #dbdbdb;}
.board-list3.popup-board-list{}
.board-list3.popup-board-list tbody tr:hover{background:none;}
.board-list3.popup-board-list th{background-color: #f6f6f6;}
.board-list3.popup-board-list th,
.board-list3.popup-board-list td{padding:7px 0;}
.board-list3 .number-icon {display:inline-block; overflow:hidden; font-size:0; box-sizing:content-box;}
.board-list3 .number-icon span.ascending{background:url("/img/v2/common/ascending_icon.png") no-repeat top; display:inline-block; width:13px; height:10px; position:absolute; top:16px;}
.board-list3 .number-icon span.descending{background:url("/img/v2/common/descending_icon.png") no-repeat top; display:inline-block; width:13px; height:10px; position:absolute; top:16px;}
.board-list3 .number-icon span.ascending.pop{background:url("/img/v2/common/ascending_icon.png") no-repeat top; display:inline-block; width:13px; height:10px; position:absolute; top:12px;}
.board-list3 .number-icon span.descending.pop{background:url("/img/v2/common/descending_icon.png") no-repeat top; display:inline-block; width:13px; height:10px; position:absolute; top:12px;}

table {table-layout:fixed; }
th.left, td.left {text-align:left !important; padding-left:7px !important;}
th.right, td.right {text-align:right !important; padding-right:7px !important;}
th.right img, td.right img {margin-left:3px;}
/*table input {margin-right:0 !important;}*/
/*.board-list.ellipsis td {overflow: hidden; text-overflow: ellipsis; text-overflow-mode: ellipsis; -o-text-overflow:ellipsis; white-space:nowrap;}*/

/* paginate
.paginate { text-align:center; margin-top:20px;}
.paginate .page-num {margin: 0 7px; padding-top:2px; display:inline-block;}
.paginate a, .paginate .page-num a  {display:inline-block; width:35px; height:18px; border:1px solid #c8c8c8; cursor:pointer; font-size:9.5px; }
.paginate .page-num a {margin-right:2px;}
.paginate a:hover, .paginate a.selected {border:1px solid #5e9abd; color:#15629e; font-weight:bold;}

.page-pre {background:url("/img/common/btn-page-pre.png") no-repeat 50% 50%; text-indent:-9000px;}
.page-pre:hover {background:url("/img/common/btn-page-pre-o.png") no-repeat 50% 50%; }
.page-next {background:url("/img/common/btn-page-next.png") no-repeat 50% 50%; text-indent:-9000px;}
.page-next:hover {background:url("/img/common/btn-page-next-o.png") no-repeat 50% 50%; }
.page-pre2 {background:url("/img/common/btn-page-pre2.png") no-repeat 50% 50%; text-indent:-9000px;}
.page-pre2:hover {background:url("/img/common/btn-page-pre-o2.png") no-repeat 50% 50%; }
.page-next2 {background:url("/img/common/btn-page-next2.png") no-repeat 50% 50%; text-indent:-9000px;}
.page-next2:hover {background:url("/img/common/btn-page-next-o2.png") no-repeat 50% 50%; }
*/
.paginate { text-align: center; margin: 30px 0 30px; }
.paginate li { display: inline-block; vertical-align: top; margin: 0 2.5px; }
.paginate li a { display: block; font-size: 14px; color: #555; letter-spacing: -1px; line-height: 26px; width: 26px; height: 26px; background: #ededed; }
.paginate li.selected a { color: #fff; background: #f3772f; }  /* 20181106 배경색상 수정 */
.paginate li.prev { margin: 0 12px 0 0; }
.paginate li.prev a {background-size: 11px auto; background:#fff;}
.paginate li.prev a:hover {background-size: 11px auto;  background:#fff; color:#eb5c23;}
.paginate li.next { margin: 0 0 0 12px; }
.paginate li.next a { background-size: 11px auto;  background:#fff;}
.paginate li.next a:hover {  background-size: 11px auto;  background:#fff; color:#eb5c23;}

.paginate li.first { margin: 0 8px 0 0; }
.paginate li.first a { background: url(/img/v2/sub/icon-arrow-first.png) no-repeat center; background-size:auto; }
.paginate li.first a:hover { background: url(/img/v2/sub/icon-arrow-first-on.png) no-repeat center; background-size:auto; }
.paginate li.last { margin: 0 0 0 8px; }
.paginate li.last a { background: url(/img/v2/sub/icon-arrow-last.png) no-repeat center; background-size: auto; }
.paginate li.last a:hover { background: url(/img/v2/sub/icon-arrow-last-on.png) no-repeat center; background-size:auto; }

.paginate.small{font-size:11px;}
.paginate.small li a{font-size:inherit; width: 22px; height: 22px; line-height: 22px;}
.paginate.small li.prev,
.paginate.small li.next{margin:0;}

/*Box*/
/*.gbox {background:#eef6fa; padding:10px;}*/
.previewbox {margin-bottom:10px; line-height:1.8em;}
.gbox {background:#f6f6f6; padding:15px; margin-bottom:10px; line-height:1.8em;}
.gbox.alarm{margin-left:60px; margin-top:20px; max-width:900px;}
.gbox.alarm:first-child{margin-bottom:10px;}
.bbox {background:#eef6fa; padding:7px; margin-bottom:10px; line-height:1.8em; text-align:left;}
.bbox li {margin-bottom:7px;}
.blue-bor-box {border:3px solid #1870b4; border-radius:3px; behavior: url("/css/PIE/PIE.htc");padding:12px; margin-bottom:10px;}
.gray-bor-box{border:1px solid #c8c8c8; padding:10px 15px; margin-bottom:10px; box-shadow:0 0 0 !important;}

.gray-bor-box .inner {overflow:hidden; *zoom:1;}
.gray-bor-box .inner .inner-left {float:left; width: 48%; padding-right:1.8%;  border-right:1px solid #c8c8c8;}
.gray-bor-box .inner .inner-right {float:left; width:48.2%; padding-left:1.8%;}

/* 양사이드 컨텐츠 */
.gray-bor-box .inner .inner-left dl {}
.gray-bor-box .inner dt  { display:inline-block; width:40%;}
.gray-bor-box .inner dd { display:inline-block; width:59%;text-align:right;}

.gray-bor-box1 {margin-top:20px;}
.gray-bor-box1 p{margin-left:53px;}
.gray-bor-box1 .inner-list { background:#f1f1f1;}
.gray-bor-box1 .inner-list li {text-align:left; margin-bottom:20px;}
.gray-bor-box1 .inner-list li .rcon {text-align:left; width:60%; margin-left:155px;}
.gray-bor-box1 .inner-list li .rcon span {font-weight:bold; color:#333;}
.gray-bor-box1 .inner-list li  b .{text-align:right; padding-left:100px;}
.gray-bor-box1 table { border:0;  background:#f1f1f1; margin-left:1px; font-size:13px; margin-top:50px;}
.gray-bor-box1 table td {border:0; padding:7px; line-height:2m; }
.gtitle  {margin-top:15px; margin-left:2px; font-size:16px; margin-bottom:10px;}
.gtitle  span{margin-left:45px;}

.inner-list { background:#f1f1f1; padding: 7px; margin: 5px 0;}
.inner-list li {position:relative; text-align:left;}
.inner-list li .rcon {position:absolute; right:0; text-align:right; width:50%;}
.inner-list li .rcon span {font-weight:bold; color:#333; }

.tab-section,
.default-section {position:relative; max-width:1300px;}
.tab-section.width-full,
.default-section.width-full {max-width:100%;}
.tab-section span.right-con {position:absolute; right:0; top:7px; color:#1870b4; font-size:11px;}
.tab-section #iframe_main{padding-top: 20px;}

/* division-section-3 */
.division-section-3 {overflow:hidden; *zoom:1;}
.division-section-3 dl {float:left; padding-right:15px; margin-right:15px; border-right:1px solid #c8c8c8; width: 27%;}
.division-section-3 dt {float:left; width:40%; font-size:11px;}
.division-section-3 dd {float:right; width:45%; text-align:right; font-size:11px;}
.division-section-3 dd.add {width:100% !important;}
.division-section-3 dd span {color:#1870b4; font-weight:bold; font-size:13px; margin-right:3px;}

.division-section-3 .t-sum {text-align:right; display:inline-block; width:220px; height:60px;float:right;}
.division-section-3 .total-won{color:#1870b4; font-weight:bold; font-size:13px;display:block; margin:12px 0 0 0;}

/* 결과 등 섹션 */
.result-section { /*background:#eef6fa;*/ padding: 40px; text-align:center;}

/* 삭제, 이동 선택 레이어 */
.select-layer {width:250px !important; border:1px solid #666;}
.select-layer li a{color:#666; display:block;padding: 5px;  font-size:11px;}
.select-layer li a:hover{background:#e3e3e3 url("/img/common/check.png")no-repeat 90px 50%; }
.select-layer-right, .button-section .select-layer-right {position:absolute; left:47px!important; z-index:9999;}
    .mov-survey-sub.select-layer,
    .mov-survey-rand-sub.select-layer{
        left: 0 !important; 
        border: 1px solid #ddd; border-radius: 3px;
        width: fit-content !important; min-width: 150px;
    }
    .mov-survey-sub.select-layer-right header,
    .mov-survey-rand-sub.select-layer-right header{
        display: flex;
        align-items: center;
        flex-direction: row;
        flex-wrap: nowrap;
        padding: 3px 5px; border-bottom: 1px solid #eee; font-size: smaller; color: #999;
    }
    .mov-survey-sub.select-layer-right header button,
    .mov-survey-rand-sub.select-layer-right header button{margin-left: auto;}
    .mov-survey-sub.select-layer-right header button i,
    .mov-survey-rand-sub.select-layer-right header button i{ font-size: 12px; color: #999; vertical-align: 1px;}
    .mov-survey-sub.select-layer-right header button:hover i,
    .mov-survey-rand-sub.select-layer-right header button:hover i{color: #333;}
    .mov-survey-sub.select-layer li a,
    .mov-survey-rand-sub.select-layer li a{padding:5px 10px;}
    .mov-survey-sub.select-layer li a::before,
    .mov-survey-rand-sub.select-layer li a::before{
    content: ''; display: inline-block;
    position: relative; top: 1px; width: 7px; height: 10px; margin-right: 3px;
    background: url(https://dev.nowntest.com/img/common/ico-lmenu-01.png) no-repeat 0px -2px;
    }
    .mov-survey-sub.select-layer li:first-child,
    .mov-survey-rand-sub.select-layer li:first-child{font-weight: bold; }
    .mov-survey-sub.select-layer li:first-child a::before,
    .mov-survey-rand-sub.select-layer li:first-child a::before{display: none;}
    .mov-survey-sub.select-layer li a:hover,
    .mov-survey-rand-sub.select-layer li a:hover{background: #f5f5f5 url(https://dev.nowntest.com/img/common/check.png) no-repeat 95% 50%;}
    #top_div_control .mov-survey-sub,
    #top_div_control .mov-survey-rand-sub{top: 0;}
    #btm_div_control .mov-survey-sub,
    #btm_div_control .mov-survey-rand-sub{top: auto; bottom: 0;}
    
    
.button-section .select-layer{padding:0; top:20px;}
.make-survey {font-size:11px !important; color:#15629e; background:url("/img/common/ico-plus.gif") no-repeat 5px 50%; padding: 10px 0 10px 15px;}
.make-btn-right {float:right; margin-left: auto;}
.make-btn-right a {display:inline-block; padding:5px 7px; color:#555; background:#fff; border:1px solid #707070; border-radius: 5px;}
.make-btn-right a:hover {color:#ed5c23; background:#fff; border:1px solid #ed5c23;}

/* 간편보내기 메일 작성 폼 : 레이어 */

.data-form {background:#eef6fa; padding:10px;}
.data-form th {font-weight:normal; color:#1870b4; text-align:left !important; vertical-align:top;}
.data-form td {text-align:left !important; }
.data-form input,select {font-size:12px !important; height: auto; min-height: 26px; width: auto; min-width: 38px; border: 1px solid #555;}
.data-form th, .data-form td {padding: 5px 0;}
.data-form input[type="text"]  {width:430px;}
.data-form select {width:435px; }
.data-form .to-me {color:#666 !important; margin-top:5px; font-size:11px;}

.data-view th, .data-view td {border-bottom:1px solid #c8c8c8;}
.data-view td  {overflow:visible; text-overflow:string;/*white-space: nowrap word-break:break-all;*/}
.data-view tr:last-child th, .data-view tr:last-child td {border-bottom:none;}
.data-view tr.last th, .data-view tr.last td {border-bottom:none;}

.pos-rel li {position:relative;}
.pos-rel li button.delete {position:absolute; right:10px;}

/* 응답자 걸러내기 */
.view-section { margin-left:12px; display:; }
.view-section .road-contents { width:485px; height:140px; background-color:#fff; border:1px solid #ccc; overflow-y: scroll; overflow-x: hidden; }
.view-section .road-contents { width:485px; height:140px; background-color:#fff; border:1px solid #ccc; overflow-y: scroll; overflow-x: hidden; }
.main-select{width:150px; height:25px;}
.filtering-data {width:475px; font-size:11px;}
.filtering-data th, .filtering-data td { border-bottom:1px solid #d9dce1; padding: 6px;}
.filtering-data th, .filtering-data td { word-break:break-all;}
.filtering-data tfoot tr th, .filtering-data tfoot td { border-bottom:none;}
.filtering-data tr.last th, .filtering-data tr.last td { border-bottom:none;}
.filtering-data .input-date{width:65px; height:13px; font-size:11px;}
.filtering-data .input-select{width:50px; font-size:11px;}
.filtering-data .input-time{width:45px; height:13px; font-size:11px;}
.filter-btm{ font-size:12px; padding: 0 0 0 10px; font-weight:normal !important;}
.filtering-title {width:400px; font-size:11px;}
.fquestion-text {display:inline-block; width:360px;  vertical-align:top!important; margin-left:-5px; margin-right: 2%;}
.fimg-section-cho {background:#f9f9f9;overflow:hidden; *zoom:1; padding: 5px 1%; }
.fimg-section-cho .img-div {float:left; width: 150px;}
.fimg-section-cho .img-div .file-name {font-size:11px;}
.input-num{width:65px; height:13px; font-size:11px;}
.input-range-min{width:65px; height:13px; font-size:11px;}
.input-range-max{width:65px; height:13px; font-size:11px;}
.input-min{width:65px; height:13px; font-size:11px;}
.input-max{width:65px; height:13px; font-size:11px;}
.contain-txt{width:125px; height:13px; font-size:11px;}


/* IE 10, 11의 네이티브 화살표 숨기기 */
.nav-menu-svy select::-ms-expand {display:none;}
.nav-menu-svy select option{color:#666;}

.button-preview {background:#6a6a6a;color:#ffffff; border:1px solid #6a6a6a; width:120px; padding: 10px 0;} /*설문지미리보기*/
.button-preview2 {background:#ffffff;color:#6a6a6a; border-right:1px solid #6a6a6a;  border-top:1px solid #6a6a6a; border-bottom:1px solid #6a6a6a;width:120px; padding: 10px 0;} /*PC, Mobile 미리보기*/
.button-blue {padding:10px; color:#fff; background:#eb5c23 !important;}

.preview-btn { width:99%; height:35px; margin:7px 0; }
.preview-btn .float-btn { float:right; width: 160px; padding: 10px 20px; text-align: center; color: #ffffff; background-color: #47b7b0; cursor: pointer; font-weight: 500;}

/*20170919 패널배포(김연수)  */
.category li {float:left; width:108px; margin:0 4px 4px 0;}
.category li button {width:108px; height:23px; text-align:center; background:#fff; font-size:12px; color:#333; letter-spacing:-1px; border:1px solid #c8c8c8; line-height:10px;}
.category li.on button {color:#eb5c23; border:1px solid #eb5c23;}
.category li.disable button {color:#bbb; border:1px solid #ddd; background:#f3f4f4; cursor:default;}

.select {border:1px solid #c8c8c8; width:740px; /*padding:20px;*/}
.select span {padding-right:15px; display:inline-block;}
.select button {padding-left:6px;}


/* 20180920 설문편집 상단메뉴 */
.sub-top .gnb-slide {float:left; margin-right:10px; display:none; } /* 20181102수정*/
.sub-top .gnb-slide a img {margin:0 10px;}

/* 20181107 배포관리 페이지 */
.board-position {position:relative; top:0px; left:20px;}  /* 20181127 top 수정 */
.show-hide-right .button-section .button-type61 { border:1px solid #666 !important; color:#666; padding:0px 10px; font-size:13px; min-width:77px; height:24px; min-height:27px; line-height:20px;} 
.show-hide-right.topcenter{
    top:50%; left:50%;     right: auto !important; 
        -webkit-transform: translate(-49%, -50%);
        -ms-transform: translate(-49%, -50%);
    transform: translate(-49%, -50%); 
    
}
.show-hide-right.topcenter select{
    padding:0 5px;
}


/** 20181107 추가 **/
.button-type55 { background:#fff; border:1px solid #c8c8c8; color:#666; padding:0px 10px; font-size:12px; min-width:77px; height:24px; min-height:27px; line-height:20px;}

/* 20190603 배포관리 페이지 - 알림설정 */
.svyset-notice{ display:none; width: 400px; height: 230px; border: 1px solid #ccc;padding:15px 15px; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto;  z-index: 2000; background-color: #fff;}
.svyset-notice-head{padding:10px 10px; overflow:hidden;}
.svyset-notice-head .head-tit{float:left; font-size:20px;}
.svyset-notice-head .head-btn{float:right;}
.svyset-notice-body{padding:20px 10px;}
.svyset-notice-body .body-txt{margin-bottom:25px; line-height:22px;}
.svyset-notice-body .body-radio .radio-inline{margin-right:5px; cursor:pointer;}
.svyset-notice-body .body-radio .radio-inline:last-child{margin-right:0px;}
.svyset-notice-footer{padding:15px 10px; text-align:center;}
.svyset-notice-footer .footer-txt{display:none;}
.svyset-notice-footer .footer-btn{padding:8px 15px; background:#3a3a3a; color:#fff; font-size:14px;}
.svyset-notice-footer .footer-btn{cursor:pointer;}

/* 20190603 배포관리 페이지 - 알림설정_비활성화 */
.svyset-notice.disable{background-color:#f5f5f5; color:#ccc;}
.svyset-notice.disable .svyset-notice-body{padding: 20px 10px 0;}
.svyset-notice.disable .svyset-notice-body .body-radio .radio-inline{cursor:default;}
.svyset-notice.disable .svyset-notice-footer .footer-txt{display:block; padding:0px 0 10px; color:#FF0000; font-size:16px; font-weight:bold;}
.svyset-notice.disable .svyset-notice-footer .footer-btn{background-color:#ccc; cursor:default;}

/* 20181114  배포리스트 양사이드 제목 */
.hsection .dist-num-info {text-align:right; position:absolute; right:0;}
.hsection .dist-num-info dt {width:50px; float:left; display:inline-block; margin-left:15px;}
.hsection .dist-num-info dd {display:inline; float:left; text-align:left; padding-left:5px; color:#ed5c23; font-weight:bold;}

.board-position .dist-list {height:35px;}
.board-position .dist-list2 {height:35px; padding-top:80px;}


/*210105 실시간 관리 ********************************************/

/*공통*****************************************************************/
.btn {
    padding: 4px 10px;
    font-size: 12px;
    border-radius: 2px;
}
.left-txt{
	text-align:left !important;
}
.center-txt{
	text-align:center !important;
}
.right-txt{
	text-align:right !important;
}
.form-control{
	border:0 none;
	background:none;
	box-shadow:none;
	height:28px;
	padding:12px;
	resize:none;
	vertical-align:bottom;
	overflow-y:hidden;
    display: block;
    width: 100%;
    font-size: 13px;
    line-height: 1.42857143;
    color: #262626;
    background-color: #fff;
    background-image: none;
}
.form-control:focus{
	border:0 none;
	box-shadow:none;
}
.file-upload label {
    display: inline-block;
    padding: .6em .75em;
    color: #999;
    font-size: inherit;
    line-height: normal;
    vertical-align: middle;
    background-color: #fdfdfd;
    cursor: pointer;
    border: 1px solid #ebebeb;
    border-bottom-color: #e2e2e2;
    border-radius: .25em;
}
.file-upload input[type="file"] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip:rect(0,0,0,0);
    border: 0;
}
.file-upload input[type="file"] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip:rect(0,0,0,0);
    border: 0;
}
.file-upload label {
    display: inline-block;
    padding: .6em .75em;
    color: #999;
    font-size: inherit;
    line-height: normal;
    vertical-align: middle;
    background-color: #fdfdfd;
    cursor: pointer;
    border: 1px solid #ebebeb;
    border-bottom-color: #e2e2e2;
    border-radius: .25em;
}
.file-upload .upload-name {
    display: inline-block;
    padding: .5em .75em;
    font-size: inherit;
    font-family: inherit;
    line-height: normal;
    vertical-align: middle;
    background-color: #f5f5f5;
    border: 1px solid #ebebeb;
    border-bottom-color: #e2e2e2;
    border-radius: .25em;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}


/*오류접수현황*/
.content-control-list{
	margin-top:50px;
	position:relative;
}
.content-control-list .tab {
	border-left:none;
	background:#fff;
	overflow:hidden;
	width: 100%;
    border-bottom: 1px solid #ddd;
}
.content-control-list .tab li {
	float:left;
	width: 140px;
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
	text-align:center;
	box-sizing:border-box;
	display:inline-block;
	padding:10px 20px;
	cursor:pointer;
}
.content-control-list .tab li:last-child{
	border-right: 1px solid #ddd;
}
.content-control-list .tab li.on {
	background-color:#eb5c23;
	color:#fff;
}
.content-control-list .tab_con {
	clear:both;
}
.content-control-list .tab_con .subject, .content-control-list .tab_con .question{
	display:none;
	text-align:center;
	font-size:14px;
}
/*오류접수현황-리스트 공통사항*/
.content-control-list .board-list{
	margin-top:-1px !important;
	position: inherit;
	display:table;
	width:100%;
}
.content-control-list .board-list .row{
	display:table;
	width:100%;
}
.content-control-list .board-list .row.title{
	cursor: default;
    text-align: center;
    font-weight: bold;
    display: table;
    width: 100%;
}
.content-control-list .board-list .row:hover{
	background:#f4f4f4;
}
.content-control-list .board-list .cell{
	display: table-cell;
    vertical-align: middle;
    border-bottom: 1px solid #ccc;
    padding: 10px;
    box-sizing: border-box;
}
.content-control-list .board-list .cell.name{
	width:80%;
}
.content-control-list .board-list .cell.time{
	width:20%;
	font-size:14px;
}
.content-control-list .board-list.user-board .row.no-content{
    padding: 0;
}
.content-control-list .board-list.user-board .row.no-content .cell{
	width: 100%;
}
.content-control-list .board-list .cell span{
	margin-left:5px;
}
/*오류접수현황-대상자 리스트*/
.content-control-list .board-list.user-board .cell.name{
	width:80%;
	cursor:pointer;
}
/*오류접수현황-문제 리스트*/
.content-control-list .board-list.question-board .cell:first-child,.content-control-list .board-list.question-board .cell:nth-child(4){
	width:10%;
}
.content-control-list .board-list.question-board .cell:nth-child(2),.content-control-list .board-list.question-board .cell:last-child{
	width:15%;
}
/*실시간 관리 문제 */
.content-control-list .error-btn{
	position:absolute;
	top:5px; right:0;
	width: 122px;
    height: 28px;
    line-height: 28px;
    background-color: #5b5e67;
    color: #fff;
    font-size: 13px;
}
.content-control-list .error-btn:hover{
	background-color:#8b8b8b;
}
.content-control-list .question-board{
	text-align:center;
	padding-left:0px;
}
.content-control-list .question-board .row .col-p-1{
	line-height:37px;
}
.content-control-list .question-board .number{
	color:red;
}
.content-control-list .question-board .view{
  cursor:pointer;
}
/*실시간 관리 문제 기타 오류 접수 현황 팝업*/
#etc-error-list .pop-layer,#detail-view .pop-layer{
	height:auto;
	/*width:600px;*/
    width:420px;
}
#etc-error-list .pop-layer-in .pop-conts{
	max-height:447px;
	height:100%;
}
#etc-error-list .pop-layer-in .pop-conts .list ul{
	text-align:left;
}
#etc-error-list .pop-layer-in .pop-conts .list ul li{
	border-bottom:1px solid #ccc;
	padding:5px 0px;
}
/*실시간 관리 문제 개별 문항  오류 접수 현황 팝업*/
#detail-view  .pop-layer-in .pop-conts{
	padding: 10px 20px;
    overflow-y: unset;
    max-height: 447px;
    height: 100%;
    font-size: 13px;
}
#detail-view .list{
	padding:10px;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
}
#detail-view .q-number{
	padding: 5px 10px;
    background: #5b5e67;
    color: #fff;
    display: table;
    text-align: left;
    margin-bottom: 5px;
    border-radius: 10px;
}
#detail-view dl{
	display:table;
	width:100%;
	padding:5px 0px;
}
#detail-view dl dt{
	display:table-cell;
	text-align:left;
}
#detail-view dl dd{
	display:table-cell;
	text-align:right;
	font-weight:bold;
}
#detail-view .etc-list{
	margin-top: 10px;
    background: #f2f2f2;
    color: #262626;
    overflow-y: auto;
}
#detail-view .etc-list ul{
	padding: 10px;
	max-height: 180px;
	height:100%;
}
#detail-view .etc-list ul li{
	padding: 5px;
    border-bottom: 1px solid #ccc;
    text-align: left;
}
/*[공통] 채팅창 팝업-관리자*/
.dim-layer {
	display:none;
}
.dimBg {
	background:rgba(0,0,0,0.3);
	position:fixed;
	top:0; left:0;
	z-index:999;
	width:100%;
	height:100%;
}
.pop-layer {
	width:400px; height:565px;
	background:#fff;
	position:absolute;
	top:50%;left:50%;
	z-index:999;
	text-align:center;
}
.page-content .pop-layer{/* 응답창 팝업용 */
	width:100%;height:600px;
	background:#fff;
	z-index:999;
	text-align:center;
    top: auto;
    left: 0;
}
.pop-layer .menu-bar{
    width: 50px;
    height: 600px;
    float: left;
    background: #ececed;
	position:relative;
	font-size:11px;
}
.pop-layer .menu-bar::after{
	clear:both;
	display:table;
	content:'';
}
.pop-layer .menu-bar .notice-btn{
	position:absolute;
	top:60px;
	background:url('/img/v2/sub/pop_notice_icon.png') no-repeat;
	background-position: 50% 0%;
    width: 100%;
	cursor:pointer;
}
.pop-layer .menu-bar .notice-btn.on,.pop-layer .menu-bar .notice-btn:hover,.pop-layer .menu-bar .notice-btn:active.pop-layer .menu-bar .notice-btn:focus{
	background:url('/img/v2/sub/pop_notice_icon_hover.png') no-repeat;
	background-position: 50% 0%;
    width: 100%;
	color:#eb5c23;
}
.pop-layer .menu-bar .error-btn{
	position:absolute;
	top:140px;
	background:url('/img/v2/sub/pop_error_icon.png') no-repeat;
	background-position: 50% 0%;
    width: 100%;
	cursor:pointer;
}
.pop-layer .menu-bar .error-btn.on,.pop-layer .menu-bar .error-btn:hover,.pop-layer .menu-bar .error-btn:active.pop-layer .menu-bar .error-btn:focus{
	background:url('/img/v2/sub/pop_error_icon_hover.png') no-repeat;
	background-position: 50% 0%;
    width: 100%;
	color:#eb5c23;
}
.pop-layer .menu-bar .notice-btn span,.pop-layer .menu-bar .error-btn span{
	display: block;
    padding-top: 25px;
}
.pop-layer .pop-layer-in{
	min-height:100%;
	position:relative;
	overflow: hidden;
}
.pop-layer .pop-layer-in .title .orange-bar{
    background: #eb5c23;
    width: 100%; height: 50px;
}

/* 제목 전용 */
.pop-layer .pop-layer-in .title .orange-bar h4{
    color: #fff;
    font-size: 16px;
    text-align: left;
    padding-left: 14px;
    padding-top: 16px;
    padding-right:45px;
}
.pop-layer .pop-layer-in .title .orange-bar h4 span{
    font-size: 11px;
    margin-left: 8px;
    background: #fff;
    color: #7c7c7c;
    padding: 4px 10px;
    border-radius: 16px;
    vertical-align: 2px;
}
.pop-layer .pop-layer-in .title .btn-layerClose{
    position: absolute;
    right: 10px;
    top: 13px;
}
.pop-layer .pop-layer-in .title .btn-layerClose img{
    text-align: right;
    width: 25px;
	cursor:pointer;
}

/* 탭 전용 */
.pop-layer .pop-layer-in .title .orange-bar .title-tab{
    padding: 15px 10px 0;
}
.pop-layer .pop-layer-in .title .orange-bar .title-tab ul::after{
    content:'';
    display:block;
    clear:both;
}
.pop-layer .pop-layer-in .title .orange-bar .title-tab ul li{
    float:left;
    padding:10px 15px;
    cursor:pointer;
}
.pop-layer .pop-layer-in .title .orange-bar .title-tab ul li.notice-btn{
    background: url('/img/v2/common/tab-notice-off.png') 12px 7px no-repeat;
}
.pop-layer .pop-layer-in .title .orange-bar .title-tab ul li.error-btn{
    background: url('/img/v2/common/tab-error-off.png?v=20210511') 12px 7px no-repeat;
}
.pop-layer .pop-layer-in .title .orange-bar .title-tab ul li.message-btn{
    background: url('/img/v2/common/tab-message-off.png') 12px 7px no-repeat;
}
.pop-layer .pop-layer-in .title .orange-bar .title-tab ul li.examinee-btn{
    background: url('/img/v2/common/tab-message-off.png') 12px 7px no-repeat;
}
.pop-layer .pop-layer-in .title .orange-bar .title-tab ul li.facilitator-btn{
    background: url('/img/v2/common/tab-message-off.png') 12px 7px no-repeat;
}

.pop-layer .pop-layer-in .title .orange-bar .title-tab ul li.notice-btn.on{
    background:#ffffff url('/img/v2/common/tab-notice-on.png') 12px 7px no-repeat;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
.pop-layer .pop-layer-in .title .orange-bar .title-tab ul li.error-btn.on{
    background:#ffffff url('/img/v2/common/tab-error-on.png?v=20210511') 12px 7px no-repeat;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
.pop-layer .pop-layer-in .title .orange-bar .title-tab ul li.message-btn.on{
    background:#ffffff url('/img/v2/common/tab-message-on.png') 12px 7px no-repeat;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
.pop-layer .pop-layer-in .title .orange-bar .title-tab ul li.examinee-btn.on{
    background:#ffffff url('/img/v2/common/tab-message-on.png') 12px 7px no-repeat;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
.pop-layer .pop-layer-in .title .orange-bar .title-tab ul li.facilitator-btn.on{
    background:#ffffff url('/img/v2/common/tab-message-on.png') 12px 7px no-repeat;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
.pop-layer .pop-layer-in .title .orange-bar .title-tab ul li span{
    padding-left: 20px;
    font-weight:bold;
    color:#f5ae92;
    letter-spacing: -1px;
}
.pop-layer .pop-layer-in .title .orange-bar .title-tab ul li.on span{
    color:#eb5c23;
}
.pop-layer .pop-layer-in .title .notice{
    padding: 10px;
    text-align: center;
    font-size: 12px;
    color: #999;
}
/*.pop-layer .pop-layer-in .title .orange-bar h4{
    color: #fff;
    font-size: 18px;
    display: table-cell;
    vertical-align: middle;
    text-align: left;
    padding-left: 14px;
}
.pop-layer .pop-layer-in .title .orange-bar h4 span{
    font-size: 11px;
    margin-left: 8px;
    background: #fff;
    color: #7c7c7c;
    padding: 5px 14px;
    border-radius: 16px;
    position: absolute;
    top: 13px;
}
.pop-layer .pop-layer-in .title .btn-layerClose{
	vertical-align: middle;
    display: table-cell;
    position: absolute;
    right: 10px;
    top: 13px;
}
.pop-layer .pop-layer-in .title .btn-layerClose img{
	display: table-cell;
    vertical-align: middle;
    text-align: right;
    width: 25px;
	cursor:pointer;
}*/
.pop-layer-in .pop-conts {
    overflow-y: auto;
    height: 395px;
	font-size:13px;
}
.pop-layer-in .pop-conts.pop-conts-adm{/* 관리자용 하단 버튼 없을때 높이 */
    height: 436px;
}
.pop-layer-in .pop-conts.pop-conts-notice {/* 공지확인 */
    height: 518px;
}
.pop-layer-in .pop-conts .pop-conts-in{
	padding:20px;
}
.pop-layer-in .pop-conts .chat-user{
	text-align: left;
	float:left;
	width:100%;
}
.pop-layer-in .pop-conts .chat-user:after{
	clear:both;
	display:table;
	content:'';
}
.pop-layer-in .pop-conts .chat-user figure{
	margin-left: 20px;
    font-size: 15px;
    position: relative;
    font-weight: 600;
}
.pop-layer-in .pop-conts .chat-user figure:before{
	content: '';
    background-image: url(/img/v2/common/error-report-people-icon.png?v3);
    position: absolute;
    width: 18px;
    height: 17px;
    left: -21px;
    top: 2px;
}
.pop-layer-in .pop-conts .chat-user .chat-txt{
	display: table;
    margin: 5px 20px;
}
 .pop-layer-in .pop-conts .chat-user .chat-txt .txt{
	padding: 7px 10px;
    border: 1px solid #f2f2f2;
    border-radius: 9px;
    background: #f1f1f1;
    max-width: 190px;
    display: table;
    margin: 5px 0px;
    word-break: keep-all;
}
.pop-layer-in .pop-conts .chat-user .chat-txt .time, .pop-layer-in .pop-conts .chat-select .chat-txt .time{
    font-size: 10px;
    padding-left: 7px;
    color: #888;
    vertical-align: bottom;
    display: table-cell;
}
.pop-layer-in .pop-conts .chat-admin{
	float:right;
	width:100%;
}
.pop-layer-in .pop-conts .chat-admin:after{
	clear:both;
	content:'';
	display:table;
}
.pop-layer-in .pop-conts .chat-admin .chat-txt{
	display: table;
    margin: 7px 0px;
    text-align: left;
    float: right;
}
.pop-layer-in .pop-conts .chat-admin .chat-txt:before{
	content:'';
	display:table;
	clear:both;
}
.pop-layer-in .pop-conts .chat-admin .chat-txt .time{
    font-size: 10px;
    padding-right: 7px;
    color: #888;
    vertical-align: bottom;
    display: table-cell;
}
.pop-layer-in .pop-conts .chat-admin .chat-txt .txt{
	padding: 7px 10px;
    border-radius: 9px;
    max-width: 190px;
    word-break: break-all;
    border: 1px solid #eb5c23;
    width: 100%;
    white-space: pre-wrap;
    box-sizing: border-box;
}
/*[공통] 채팅창 팝업-고객용*/
.pop-layer-in .pop-conts .chat-select{
	display: table;
    margin: 5px;
}
.pop-layer-in .pop-conts .chat-select .chat-txt{
	display: table;
    margin: 7px 0px;
    text-align: left;
}
.pop-layer-in .pop-conts .chat-select .chat-txt:after{
	clear:both;
	display:table;
	content:'';
}
.pop-layer-in .pop-conts .chat-select .chat-txt .select-option-txt{
	padding: 10px;
    border: 1px solid #f2f2f2;
    border-radius: 9px;
    background: #f1f1f1;
    max-width: 250px;
    display: table;
    margin: 5px 0px;
    word-break: break-word;
    width: 100%;
	text-align:left;
	font-size:13px;
	box-sizing: border-box;
}
.pop-layer-in .pop-conts .chat-select .chat-txt .select-option-txt>.yxy {
    word-break: break-word;
}
.pop-layer-in .pop-conts .chat-select .chat-txt .select-option-txt.final-answer{
	background:#ececec;
}
/*[공통] 공지확인 팝업창 */
.select-option-txt.final-answer .img{
	max-width:100%;
}
.select-option-txt.final-answer .img img{
	/*width:100%; height:auto;
	max-height:140px;*/
    max-width:100%;
	overflow: hidden;
}
.select-option-txt.final-answer h4{
	margin:10px 0px;
}
.select-option-txt.final-answer .txt{
	line-height:17px;
}
.pop-layer-in .pop-conts .chat-select .chat-txt ul{
	margin:10px 0px;
}
.pop-layer-in .pop-conts .chat-select .chat-txt ul button{
	background: #fff;
    padding: 10px;
    border-radius: 5px;
    width: 100%;
    border: 1px solid #f2f2f2;
    color: #262626;
    margin: 2px 0px;
	font-size:13px;
}
.pop-layer-in .pop-conts .chat-select .chat-txt ul button:hover,.pop-layer-in .pop-conts .chat-select .chat-txt ul button:active,.pop-layer-in .pop-conts .chat-select .chat-txt ul button:focus{
	border:1px solid #eb5c23;
}
/*Styling Selectbox*/
.pop-layer-in .pop-conts .dropdown {
	width: auto;
    display: inline-block;
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 0 2px rgb(204, 204, 204);
    transition: all .5s ease;
    position: relative;
    font-size: 13px;
    color: #474747;
    height: 100%;
    padding-right: 10px;
    text-align: left;
    max-width: 200px;
    text-overflow: ellipsis;
	margin-top:10px;
}
.pop-layer-in .pop-conts .dropdown .select {
    cursor: pointer;
    display: block;
    width: 100%;
    outline: none;
    padding: 5px 0px;
    text-indent: 5px;
	border:0px;
}
.pop-layer-in .pop-conts .dropdown .select span{
	display: inline-block;
    font-size: 13px;
    color: #9e9da5;
    line-height: 25px;
    padding: 0 40px 0 0;
    background: url(/img/v2/common/icon-arrow-d.png) no-repeat right center;
    vertical-align: top;
}
.pop-layer-in .pop-conts .dropdown .select:hover,.pop-layer-in .pop-conts .dropdown .select:active,.pop-layer-in .pop-conts .dropdown .select:focus{
	outline:none;
}
.pop-layer-in .pop-conts .dropdown:hover {
    box-shadow: 0 0 4px rgb(204, 204, 204)
}
.dropdown:active {
    background-color: #f8f8f8
}
.pop-layer-in .pop-conts .dropdown.active:hover,
.pop-layer-in .pop-conts .dropdown.active {
    box-shadow: 0 0 4px rgb(204, 204, 204);
    border-radius: 5px 5px 0 0;
    background-color: #f8f8f8
}
.pop-layer-in .pop-conts .dropdown.active .select > i {
    transform: rotate(-90deg)
}
.pop-layer-in .pop-conts .dropdown .dropdown-menu {
    position: absolute;
    background-color: #fff;
    width: 100%;
    left: 0;
    margin-top: 1px;
    box-shadow: 0 1px 2px rgb(204, 204, 204);
    border-radius: 0 1px 5px 5px;
    overflow: hidden;
    display: none;
    max-height: 144px;
    overflow-y: auto;
    z-index: 9
}
.pop-layer-in .pop-conts .dropdown .dropdown-menu li {
    padding: 10px;
    transition: all .2s ease-in-out;
    cursor: pointer
}
.pop-layer-in .pop-conts .dropdown .dropdown-menu {
    padding: 0;
    list-style: none
}
.pop-layer-in .pop-conts .dropdown ul.dropdown-menu{
	margin:0;
}
.pop-layer-in .pop-conts .dropdown .dropdown-menu li:hover {
    background-color: #f2f2f2
}
.pop-layer-in .pop-conts .dropdown .dropdown-menu li:active {
    background-color: #e2e2e2
}


/* 실시간 관리 채팅창 팝업 본문의 댓글 쓰기 */
.write-container{
	width:100%;
	position:absolute;
	bottom:0;
	left:0;
	height: 68px;
}
.write-container .write{
	position:relative;
	width:100%;
	padding:5px 0; margin:0;
	border-top:1px solid #ddd;
	background: #fff;
}
.write-container .write .write-content{
	padding:0px 126px 5px 5px;
}
.write-container .write .write-content .form-control{
    font-size: 14px;
    box-sizing: border-box;
    padding: 18px 12px;
    min-height: 55px;
    overflow-y: auto;
}
.write-container .write .write-content-btn{
	position: absolute;
    right: 20px; bottom: 6px; top: 20px;
}
.write-container .write .write-content-btn .btn-send{
	color: #fff;
    background-color: #eb5c23;
    border-color: #eb5c23;
    border-radius: 9px;
    width: 50px;
    height: 30px;
    line-height: 1;
    font-size: 13px;
}
.write-container .write .write-content-btn .btn-send:focus,
.write-container .write  .write-content-btn .btn-send:hover{
	color:#fff;
	background-color:#bd4414;
	border-color:#bd4414;
}
.write-container .write .write-content-btn .btn-not-send{
	color: #838383;
    background-color: #bcbcbc;
    border-color: #bcbcbc;
    border-radius: 9px;
    width: 50px; height: 30px;
    line-height: 1;
    font-size: 13px;
	pointer-events: none;
}
/*실시간 전체 공지하기*/
#realtime-notice{
}
#realtime-notice table{
	width:650px;
}
#realtime-notice .notice-content{
	width:480px; height:100px;
	border:1px solid #ccc;
}
#realtime-notice .counter{
	font-size:11px;
	float:right;
}
#realtime-notice .counter:after{
	clear:both;
	content:'';
	display:table;
}
#realtime-notice .file-upload .select-radio{
	display:inline-block;
}
#realtime-notice .file-upload .notice-size-txt{
	float:right;
	font-size:11px;
	display:inline-block;
	color:#888;
}
#realtime-notice .file-upload .upload-input-box{
	margin-top:10px;
}
#realtime-notice .file-upload .upload-input-box .upload-name{
	width:422px;
}
#realtime-notice .file-upload .notice-txt{
	font-size: 11px;
    color: #888;
    margin-top: 5px;
}


/*실시간 전체 공지하기-미리보기 팝업*/
#preview-notice-popup .pop-layer{
	width:420px;
	height:auto;
	max-height:600px;
	overflow-y:auto;
	box-sizing:border-box;
	border:1px solid #ccc;
	padding-bottom: 20px;
}
#preview-notice-popup .pop-layer .preview-content{
	padding:20px;
}
#preview-notice-popup .pop-layer .preview-content .notice-img{
	width:100%; height:200px;
	overflow:hidden;
	background:#f2f2f2;
}
#preview-notice-popup .pop-layer .preview-content .notice-img img{
	width:auto;
	height:200px;
}
#preview-notice-popup .pop-layer .preview-content .notice-txt{
	margin-top:15px;
	text-align:left;
	border-bottom: 1px solid #ccc;
    padding-bottom: 15px;
	overflow-y: auto;
    width: 380px;
	max-height:200px;
}
#preview-notice-popup .pop-layer .preview-content .notice-txt h4{
	margin-bottom:10px;
}
#preview-notice-popup .pop-layer .btn-send{
	background: #3a3a3a;
    color: #fff;
    font-size: 13px;
    padding: 10px 15px;
}

/*전체 공지 리스트*/
#realtime-notice-list{
}
#realtime-notice-list .list{
	max-height: 560px;
    overflow-y: auto;
    overflow-x: hidden;
	border-top: 2px solid #f2f2f2;
	border-bottom: 2px solid #f2f2f2;
}
#realtime-notice-list .list ul{
	display: table;
    width: 98%;
    padding: 10px 0px;
    border-bottom: 1px solid #ddd;
	margin:0 auto;
}
#realtime-notice-list .list ul:last-child{
	border-bottom:none;
}
#realtime-notice-list .list ul li {
	display:table-cell;
	padding-left:10px;
	vertical-align:middle;
}
#realtime-notice-list .list ul li.list-img{
	width: 200px;
    height: 100px;
    background: #f9f9f9;
    overflow: hidden;
	text-align:center;
}
#realtime-notice-list .list ul li.list-img img{
	width: auto;
    height: 100px;
}
#realtime-notice-list .list ul li.txt{
	padding-left:10px;
	width:900px; word-break: break-all;
}
#realtime-notice-list .list ul li.time{
	font-size: 12px;
	width:100px;
	text-align:right;
	padding-right:22px;
}

/*안내버튼*/
.info-btn-area{
	padding-bottom:10px;
	display:block;
	margin: 0 auto;
}
.info-btn-area ul li{
	display:inline-block;
}
.info-btn-area ul li button{
	border: 1px solid #ddd;
    width: 82px; height: 30px;
    border-radius: 10px;
    margin-right: 5px;
}
.info-btn-area ul li button:last-child{
	margin-right:0px;
}
.info-btn-area ul li button.back-btn{
	line-height: 1;
    padding: 2px 0px 0 14px;
    background: url(/img/v2/common/btn_back.png) no-repeat left;
	background-position:10px;
}
.info-btn-area ul li button.first-btn{
	line-height: 1;
    padding: 2px 0px 0px 13px;
    background: url(/img/v2/common/btn_home.png) no-repeat left;
	background-position:8px;
}
.info-btn-area ul li button.close-btn{
	line-height: 1;
    padding: 2px 14px 0 23px;
    background: url(/img/v2/common/btn_close.png) no-repeat left;
	background-position:17px;
}

/*브라우저별 알림 해제 안내 팝업- 기본*/
#alram-explain .chrome{
}
#alram-explain .dim-layer{
	position: fixed;
	top: 0px; left: 0px;
	width: 100%; height: 100%;
	z-index: 999;
	opacity: 0.5;
	background-color: rgb(0, 0, 0);
	display:block;
}
#alram-explain .popup-box{
	position: relative;
    max-width: 100%;
}
#alram-explain .popup-box .popup-box-in h5{
	display: inline-block;
    margin: 0;
    color: #262626;
    text-decoration: underline;
	font-size:12px;
}
#alram-explain .popup-box .popup-box-in button{
	float:right;
	margin:10px;
	outline: 0;
    border: 0;
    cursor: pointer;
	background:#fff;
}
#alram-explain .popup-box .popup-box-in button img{
	width:25px; height:25px;
}
#alram-explain .popup-box .arrow{
	z-index:999;
}
#alram-explain .popup-box .title{
    padding: 20px;
}
#alram-explain .popup-box .title .tit{
	font-size: 15px;
	margin-top:10px;
	line-height:22px;
}
#alram-explain .popup-box .title .notice{
    margin-top: 15px;
    font-size: 14px;
    position: relative;
    padding-left: 17px;
    font-weight: bold;
    border-top: 1px solid #cacaca;
    border-bottom: 1px solid #cacaca;
    padding: 10px 0px 10px 17px;
}
#alram-explain .popup-box .title .notice:after{
	content: url("/img/v2/sub/popup-bell.png");
    position: absolute;
    left: 0;
    top: 11px;
}
#alram-explain .popup-box .con{
	padding: 0px 20px 23px;
	font-size:16px;
    line-height: 25px;
}
#alram-explain .popup-box .con .txt{
	padding: 15px;
    border-radius: 25px;
    color: #262626;
    text-align: center;
    background: #ffeee7;
	border:1px solid #fedacb;
	line-height:22px;
}
#alram-explain .popup-box .con span{
	font-weight:bold;
}
#alram-explain .popup-box .con span img{
	vertical-align: middle;
}
c
	#alram-explain .popup-box .popup-box-in{
		width:300px !important;
	}
	#alram-explain .popup-box .con{
		line-height:22px;
	}
}
/*브라우저별 알림 해제 안내 팝업- 크롬*/
#alram-explain .chrome .popup-box .arrow{
    left: 138px;
    top: 133px;
    position: absolute;
    background: none;
	z-index: 9999;
}
#alram-explain .chrome .popup-box .popup-box-in{
    position: absolute;
    width: 520px;
    z-index: 9999;
    background-color: #fff;
    top: 189px;
    left: 111px;
    border: 1px solid #f2f2f2;
    max-width: 100%;
	word-break:keep-all;
	color:#555;
}
/*브라우저별 알림 해제 안내 팝업- 엣지*/
#alram-explain .edge .popup-box .popup-box-in{
	position: absolute;
    width: 520px;
    z-index: 9999;
    background-color: #fff;
    top: 78px;
    right: 195px;
    border: 1px solid #f2f2f2;
    left: inherit;
    max-width: 100%;
    word-break: keep-all;
	color:#555;
}
#alram-explain .edge .popup-box .arrow{
	right: 195px;
    top: 35px;
    position: absolute;
    background: none;
    transform: rotate(45deg);
	z-index: 9999;
}
@media (max-width: 580px) {
	#alram-explain .edge .popup-box .popup-box-in{
		right: 89px;
		width:300px;
	}
	#alram-explain .edge .popup-box .arrow{
		 right: 149px;
	}
}
/*브라우저별 알림 해제 안내 팝업- 파이어폭스*/
#alram-explain .firefox .popup-box{
}
#alram-explain .firefox .popup-box .popup-box-in{
	position: absolute;
    width: 520px;
    z-index: 9999;
    background-color: #fff;
    top: 78px;
    left:175px;
    border: 1px solid #f2f2f2;
    max-width: 100%;
    word-break: keep-all;
	color:#555;
}
#alram-explain .firefox .popup-box .arrow{
	left:272px;
    top: 35px;
    position: absolute;
    background: none;
    transform: rotate(45deg);
	z-index: 9999;
}
/*브라우저별 알림 해제 안내 팝업- 웨일*/
#alram-explain .whale .popup-box .popup-box-in{
	position: absolute;
    width: 520px;
    z-index: 9999;
    background-color: #fff;
    top: 63px;
    right: 131px;
    border: 1px solid #f2f2f2;
    left: inherit;
    max-width: 100%;
    word-break: keep-all;
	color:#555;
}
#alram-explain .whale .popup-box .arrow{
	right: 179px;
    top: 13px;
    position: absolute;
    background: none;
	z-index:9999;
}
@media (max-width: 580px) {
	#alram-explain .whale .popup-box .popup-box-in{
		right: 124px;
		width:300px;
	}
	#alram-explain .whale .popup-box .arrow{
		 right: 181px;
	}
}
@media (max-width: 542px) {
	#alram-explain .whale .popup-box .popup-box-in{
		right: 124px;
		width:300px;
	}
	#alram-explain .whale .popup-box .arrow{
		 right: 151px;
	}
}
@media (max-width: 514px) {
	#alram-explain .whale .popup-box .arrow{
		 right: 122px;
	}
}
@media (max-width: 485px) {
	#alram-explain .whale .popup-box .popup-box-in{
		right: 76px;
		width:300px;
	}
	#alram-explain .whale .popup-box .arrow{
		 right: 92px;
	}
}

/*브라우저별 알림 해제 안내 팝업- 모바일 모든 브라우저*/
#alram-explain .mobile .popup-box .arrow{display:none;}
#alram-explain .mobile .popup-box .popup-box-in{
    position: absolute;
    width: 400px !important; max-width:90% !important;
    z-index: 9999;
    background-color: #fff;
    top: 50px; left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    border: 1px solid #f2f2f2;
    max-width: 100%;
	word-break:keep-all;
	color:#555;
}

/*시험 응시 중 공지 레이어 팝업*/
#push-layer{
	position:absolute;
	right:46%;
	top:0%;
    z-index: 10;
}
#push-layer-popup{
	position: absolute;
    top: 230px;
	background:#fff;
}
#push-layer-popup:before{
	content:'';
	clear:both;
	display:block;
}
#push-layer-popup .push-layer-in{
	width:450px;
	max-width:100%;
	margin:15px;
}
#push-layer-popup .push-layer-in .popup-in{
	padding:20px;
	border:1px solid #dedede;
}
#push-layer-popup .push-layer-in .popup-in .close-btn {
	float:right;
	cursor:pointer;
}
#push-layer-popup .push-layer-in .popup-in .close-btn:before{
	content:'';
	clear:both;
	display:block;
}
#push-layer-popup .push-layer-in .popup-in h5{
	font-size: 16px;
    color: #eb5c23;
	display: block;
    border-bottom: 1px solid #dedede;
	padding-bottom: 10px;
}
#push-layer-popup .push-layer-in .popup-in .img{
	overflow: hidden;
}
#push-layer-popup .push-layer-in .popup-in .img img{
	max-width: 100%;
	margin: 10px 0px;
}
#push-layer-popup .push-layer-in .popup-in .txt{
	line-height: 18px;
    margin: 10px 0px;
    word-break: break-word;
}
#push-layer-popup .push-layer-in .popup-in .time{
	display: inline-block;
    font-size: 11px;
}

@media (max-width: 767px) {
	#push-layer-popup .push-layer-in{
		width: 100%;
		max-width: 450px;
		margin: 0 auto;
	}
}

/*감독관 확인 결과 팝업*/
.dim-layer.refuse{
	display:block;
}
#refuse-popup .pop-layer{
	width: 350px;
    height: 130px;
    background: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 999;
    text-align: center;
    transform: translate(-50%,-50%);
}
#refuse-popup .pop-conts-in{
	padding: 30px 0px;
    font-size: 15px;
}
#refuse-popup .pop-conts-in strong{
	color:red;
}

/* 로딩 설정 */
.none-scroll{overflow:visible !important;}
.svy-loading{
    position:absolute;
    top:0; lefT:0; right:0; bottom:0;
    background: rgba(0,0,0,0.54);
    z-index:9999;
}
.svy-loading .loading-content{
    position:absolute;
    background-color:#fff;
    top: 40%; left:50%;
    transform:translateX(-50%);
    width:65px; height:65px;
    padding:35px;
    text-align:center;
    box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 8px 8px rgba(0,0,0,0.22);
}
.svy-loading .loader-img{
  width: 40px; height: 40px;
  margin:-8px 0 0 4px;
  text-align:center;
  border: 8px solid rgb(255 228 217);
  border-top-color: #ED5C23;
  border-radius: 50%;
  position: relative;
  animation: loader-page-rotate 1s linear infinite;
}

@keyframes loader-page-rotate{
  0% {
    transform: rotate(0); }
  100% {
    transform: rotate(360deg); }
}

.svy-loading .loader-txt{
    text-align:center;
    margin-top:10px;
    font-weight:bold;
    font-size:12px;
    color:#333;
}
button.s_txt {
    display: inline-block;
    font-size: 12px;
    border-radius: 3px;
    padding: 3px;
    line-height: 140%;
    color: #555;
    width: auto;
    white-space: pre-line;
    word-break: keep-all;
}
.s_txt{font-size: 12px !important; letter-spacing: -0.5px; !important}
.table-style{width:100%; border-top:2px solid #ddd; border-bottom:2px solid #eee;}
.table-style th,
.table-style td{padding:7px; }
.table-style th{background:#f6f6f6;}
.table-style td{border-top:1px solid #eee;}


/* 20221020 시간연장관련 */
.time_extension{}
.time_extension .board-list{border-top:2px solid #dbdbdb;margin: 3px 0; position:relative; table-layout: auto !important;}
.time_extension .board-list th,
.time_extension .board-list td {border:0px solid #ddd; padding: 10px 0; font-size: inherit; width:Auto;}
.time_extension .board-list th {color:#333b43; border-bottom:1px solid #dbdbdb; font-weight:600;}
.time_extension .board-list td {border-bottom: 1px solid #dbdbdb;}
.time_extension .board-list.popup-board-list{}
.time_extension .board-list.popup-board-list tbody tr:hover{background:none;}
.time_extension .board-list.popup-board-list th{background-color: #f6f6f6;}
.time_extension .board-list.popup-board-list th,
.time_extension .board-list.popup-board-list td{padding:7px 0;}



.time_extension button.add_hit{color:#ed5c23; font-weight: 900; font-size:110%; vertical-align: -1px; font-family: sans-serif;}
.time_extension button.add_hit:hover{text-decoration: underline; }

.notice_desc{}
.notice_desc li{position:relative; margin:3px 0; padding-left:15px; font-size:small; line-height: 150%; word-break: keep-all;}
.notice_desc li::before{content: "※"; position: absolute; left:0;}
.ico-set.small{
    vertical-align: -5px; font-size:17px;
    font-variation-settings:
    'FILL' 0,
    'wght' 400,
    'GRAD' -25,
    'opsz' 17
}
.ico-set.border{border:1px solid #555;}
.ico-set.hover{opacity: .5; transition: all .3s ease;}
.ico-set.hover:hover{opacity:1; background:#333; color:#fff;}

.ico-set.ico-add{}
.ico-set.hover.ico-add:hover{background:#ed5c23; border: 1px solid #ed5c23;}
.ico-set.ico-sort-down{}
.ico-set.ico-sort-up{transform: scaleY(-1);}
.ico-set.ico-more-right{}
.ico-set.ico-add-hour{width:19px; height:19px; font-size:11px; color:#ed5c23;}


/* 응시자 리스트 */
.board-list.pop-v1{}
.board-list.pop-v1 thead th{background-color: #f9f9f9; word-break:break-all; }
.board-list.pop-v1 tbody td{
    font-size:0.937rem; word-break:break-all; word-wrap:break-word;
    padding-left:10px; padding-right:10px;
}
.board-list.pop-v1 tbody td:first-child{padding-left:0;}
.board-list.pop-v1 tbody td:last-child{padding-right: 0;}
.board-list.pop-v1 .num{width:80px;}
.board-list.pop-v1 .ico{width:60px;}
.board-list.pop-v1 .name,
.board-list.pop-v1 .name1{width: 1%; max-width:150px; min-width: 100px;}
.board-list.pop-v1 .add1,
.board-list.pop-v1 .add2{width: 1%; max-width:150px; min-width: 120px;}
.board-list .btn_link{
    display: inline-block; cursor: pointer; border: 0;
    padding: 5px; background: #666; border-radius: 3px;
    font-size: 12px; color: #fff; line-height: 1;
}
.board-list .btn_link.copy{background:#999;}


/* 툴팁 퀘스천 question new */
.tooltip.v1{position: relative; float: none; padding:0; z-index: 10;}
.tooltip.v1 i{
    display: inline-block;
    vertical-align: middle;
    transition: all 0.3s linear;
}
.tooltip.v1 .ico_q_marker{
    position: static;
    width: 14px;
    height: 14px;
    background-color: transparent;
    border-radius: 50%;
    background-image: url(/img/icon/ico_question.svg);
    filter: invert(41%) sepia(54%) saturate(2654%) hue-rotate(350deg) brightness(88%) contrast(130%);

}
.tooltip.v1 .ico_q_marker::before{display: none;}
.tooltip.v1 .ico_q_marker::after{display: none;}    
.tooltip.v1 .tooltip-box{
    display:none;
    position: absolute; background-color: #4e4e4e; width:max-content; max-width: 300px; padding:7px; border-radius: 5px;
    font-size:11px; line-height: 1.5; color:#fff;  
}
.tooltip.v1 .tooltip-box:before{content:""; position:absolute; background-color: #4e4e4e; width:10px; height: 10px; transform: rotate(45deg);}
.tooltip.v1 .tooltip-box.bottom{top:25px; left:-10px;}
.tooltip.v1 .tooltip-box.bottom::before{top:-3px; left:12px;}
.tooltip.v1 .tooltip-box.bottom-right{top:25px; right:-10px;}
.tooltip.v1 .tooltip-box.bottom-right::before{top:-3px; right:12px;}
.tooltip.v1 .tooltip-box.marker_styl1 li{position: relative; width:100%; min-height: auto; padding-left: 12px; word-break: keep-all; text-align: left; margin-bottom: 5px;}
.tooltip.v1 .tooltip-box.marker_styl1 li:last-child{margin-bottom: 0;}
.tooltip.v1 .tooltip-box.marker_styl1 li::before{content:"※"; position: absolute; left:0;}
.tooltip.v1 .tooltip-box.marker_styl1 li:nth-child(3n+2){text-align: left;}
.tooltip.v1:hover .tooltip-box{display: block;}

/* flex 기본설정 */
.display-flex{
    display: flex;
    align-items: center;
}

/* 배포관리 - 부정행위 방지 시스템 */
.check_cheating_system{
    display: grid;
    /* grid-template-columns: repeat(auto-fill, minmax(30%, 245px)); */
    grid-template-columns: repeat(3, 1fr);
    align-items: start;
    gap: 30px;
    height: 340px;
    margin-bottom: 30px;
}
.check_cheating_system .items{
    border:1px solid #ddd; border-radius: 10px; padding: 10px;
    display: flex;
    flex-direction: column;
    transition: all 0.3s ease;
}
.check_cheating_system .items label{font-weight: bold;}
.check_cheating_system .items input[type='radio']{margin-right: 5px !important;}
.check_cheating_system .items .desc{margin: 10px 0 0 0; background:#f7f7f7; border-radius: 7px; padding: 10px 10px 10px 15px;}
.check_cheating_system .items .p_txt{color:#ed5c23; font-weight:700; margin-top:10px; }
.check_cheating_system .items .caution{
    padding-left: 0; background-image: none; margin-top: 5px; display: block;
}
.check_cheating_system .items .caution i{
    display: inline-block; width: 25px; padding:1px 3px; border-radius: 3px; background:red;  margin-right:3px;
    color:#fff; font-weight:bold; font-size:x-small;  font-style: normal; text-align: center;
}
.check_cheating_system .items dl{
    line-height: 1.4; 
    display: none;
}
.check_cheating_system .items dt{margin-top:15px; font-size: 14px; font-weight: 700;}
.check_cheating_system .items dt i{font-size: x-small; margin-right: 3px;}
.check_cheating_system .items dd{display: block; margin-top:5px; font-size: smaller; font-weight: 500; padding-left:15px; color:#555; }
.check_cheating_system .items dl:first-child{display: block;}
.check_cheating_system .items dl:first-child dt{margin-top:0;}
.check_cheating_system .items:hover{border-color: #333;}
.check_cheating_system .items:hover dl{display: block;}
.check_cheating_system .items input[type='radio']:checked + .desc dl{display: block;}

.check_cheating_system .items.disabled{opacity: 0.5;}
.check_cheating_system .items.disabled:hover{border-color: #DDD;}

/* 시험 화면 밖 클릭 시 메세지 */
.focus_chk {
    text-align: center;
    font-size: 14px;
    color: #222;
    font-weight: 500;
    background-color: #fff;
    border-radius: 10px;
    border: 2px solid #dcdcdc;
    font-family: 'pretendard';
    display: inline-block;
}