/*
 파일명:			svy.css
 기능설명:		svy contents
 작성자:			nowNsurvey
 최종수정일:	2012.12.
 */

@import url(/web/css/common.css);

input.txt, input[type="text"]	{height:17px; padding:2px; border:1px solid #c8c8c8;  color:#666666; font:normal 12px ;}

/* 섹션탭 */
#tabs1 { overflow:hidden; *zoom:1; line-height:33px; background:url("/img/common/tab-back.gif") repeat-x 0 bottom; margin-bottom:20px; }
.tbtn { text-align:right; padding-bottom:10px; }
#tabs1 ul {width:100%; }
#tabs1 li { float:left; width:90px;}
#tabs1 li .tab-a span {height:35px; display:inline-block;width:100%;text-align:center;background:#f6f6f6 url("/img/common/tab-back.gif") repeat-x 0 bottom; color:#c8c8c8; border-bottom:0px; border-top:1px solid #c8c8c8; border-left:1px solid #c8c8c8; border-right:1px solid #c8c8c8; vertical-align:bottom; margin-top:5px;}
#tabs1 li .tab-a span a {color:#c8c8c8;}


#tabs1 .tab-a:hover {}
#tabs1 .tcurrent .tab-a {width:90px; }
#tabs1 .tcurrent .tab-a span {height:34px; background:#fff; border-bottom:1px solid #fff; border-top:1px solid #c8c8c8; border-right:1px solid #c8c8c8; border-left:1px solid #c8c8c8}

#tabs1 .tcurrent .tab-a span a:link {color:#a65200; text-decoration:none;}
#tabs1 .tcurrent .tab-a span a:hover {color:#a65200; text-decoration:none;}
#tabs1 .tcurrent .tab-a span a:active {color:#a65200; text-decoration:none;}
#tabs1 .tcurrent .tab-a span a:visited {color:#a65200; text-decoration:none;}


/* 설문작성 */
.svy-tit {overflow:hidden; background:#c1e8ff; padding: 5px 10px; margin-bottom:20px; font-size:15px; color:#333;}
.svy-tit label,.svy-tit span.title-label {display:inline-block; color:#15629e; padding-right: 20px; border-right: 3px solid #15629e; line-height:16px; margin: 2px 10px 2px 0; font-size:13px;}
.svy-tit input {min-width:425px; margin-right: 3px; background:#c1e8ff; border:1px solid #c1e8ff; font-size:14px; height:15px; }
.svy-tit .title {font-size:13px;}

.svy-tit input.click {background:#fff; border:1px solid #c8c8c8;}
.svy-tit .search {float:right;}

.svy-tit p {width:80%; float:left; display:inline-block; margin:2px 0px; padding:0px;}
.svy-tit .w20p {width:20%;} 

.title-set {background:#ffe5bf; font-size:15px; margin-bottom:5px; margin-left:37px; position:relative;}

.title-set .title-num{

	display:inline-block; width:35px; height: 32px;line-height:32px; margin-right:5px; 
	border:1px solid #9e4e00; text-align:center; color:#fff; font-family:NanumGothicBold; font-size:20px; 
	
	background:url("/img/common/back-title-num.gif") no-repeat 0 0;
	/*background: rgb(164, 81, 0);
	background: -moz-linear-gradient(134deg, rgb(164, 81, 0) 26%, rgb(235, 116, 0) 70%);
	background: -webkit-linear-gradient(134deg, rgb(164, 81, 0) 26%, rgb(235, 116, 0) 70%);
	background: -o-linear-gradient(134deg, rgb(164, 81, 0) 26%, rgb(235, 116, 0) 70%);
	background: -ms-linear-gradient(134deg, rgb(164, 81, 0) 26%, rgb(235, 116, 0) 70%);
	background: linear-gradient(224deg, rgb(164, 81, 0) 26%, rgb(235, 116, 0) 70%);
	 behavior: url("/css/PIE/PIE.htc");*/
	 
	position:absolute; left:-37px;; top:0;
}

.tit, .tit-exp  {height: 34px;line-height:32px; padding-left: 5px;}

.tit-exp { border-top:1px solid #fff; }

.column { width: 100%; float: left; padding-bottom: 100px; }
.column-loading { display:none; width: 100%; height:70px; float: left; text-align:center; padding: 50px 0 100px 0; line-height:15px;}
.portlet { margin: 0 1em 1em 0; }
.ui-sortable-placeholder { border: 2px dotted #535353; visibility: visible !important; height: 50px !important; margin-left:40px; }
.ui-sortable-placeholder * { visibility: hidden; }

.squestion-wrap {border:1px solid #e3e3e3; padding-bottom:10px; margin-left:40px;}

.squestion-wrap .portlet-header {min-height:45px; margin: 0.3em; padding-bottom: 4px; padding-left: 0.2em; border-bottom:1px solid #1668a6; font-size:15px;line-height: 24px; font-weight:normal; overflow:visible; *zoom:1; }
.squestion-wrap .portlet-header span.squestion-num {float:left;cursor:move;color:#1668a6; font-size:24px; font-family:NanumGothicBold; padding: 8px 15px; display:inline-block; width:40px; line-height: 24px;}

.squestion-loading {display:none; position:absolute;background:#FFFFFF; width:70px;height:47px; text-align:center; padding-top:1px;}

.squestion-wrap .portlet-header .squestion-tit {float:left;position:relative; display:inline-block; width: 58%;}
.squestion-wrap .portlet-header .squestion-tit-ta {padding-top:5px;position:relative; display:inline-block; min-width: 55%; max-width:70%; }

.squestion-wrap .portlet-header span.squestion-tit-con {position:relative;}

.show-hide, .show-hide-right {position:absolute; display:inline-block;}
.show-hide {left:0; top:25px; padding: 10px;  width:285px; /*height:190px;*/ background:#fff; z-index:9999;  box-shadow: 5px 5px 10px #d9d9d9; behavior: url("/css/PIE/PIE.htc"); line-height:1.2em;
		zoom: 1;
        filter:
          progid:DXImageTransform.Microsoft.Shadow(color=#d9d9d9,direction=0,strength=1),
          progid:DXImageTransform.Microsoft.Shadow(color=#d9d9d9,direction=45,strength=1),
          progid:DXImageTransform.Microsoft.Shadow(color=#d9d9d9,direction=90,strength=2),
          progid:DXImageTransform.Microsoft.Shadow(color=#d9d9d9,direction=135,strength=3),
          progid:DXImageTransform.Microsoft.Shadow(color=#d9d9d9,direction=180,strength=10),
          progid:DXImageTransform.Microsoft.Shadow(color=#d9d9d9,direction=225,strength=3),
          progid:DXImageTransform.Microsoft.Shadow(color=#d9d9d9,direction=270,strength=2),
          progid:DXImageTransform.Microsoft.Shadow(color=#d9d9d9,direction=315,strength=1);
}

.show-hide-right button {border:none!important;}
.img-upload{ position:absolute;z-index:1000;display:none; }

.tit-division .input-division {padding: 5px 0 5px 0;}
.input-division-in {padding: 5px 0}
.tit-division-2 .input-division-in {padding-left:70px;}

/* show-hide-left */
.show-hide h1 {border-bottom:none !important; color:#1668a6!important; padding-bottom:7px; display:block; font-size:15px; text-align:left;}
.show-hide .img-form {display:block; padding-bottom:7px;}
.show-hide .layer-close {position:absolute; top:10px; right:10px;}
.show-hide .layer-close-mov {position:absolute; top:10px; right:10px;}
.show-hide .layer-close-movie {position:absolute; top:10px; right:10px;}
.section-div {width: 450px;}
.page-div {width: 720px;}
.section-div-del {width: 330px;}
.mobile-div {width: 425px;}
.da_update {width: 330px;}
.sms-div {width: 350px;}
.filter-div {width: 450px;}
.ctl-view-btn { cursor:pointer; }

/* 페이지 분리 */
.pagebox {width:700px; height:480px; overflow-y:scroll;overflow-x:hidden; background:#f6f6f6; padding:7px; margin-bottom:10px;}
.pagebox .page-header {min-height:22px; margin: 0.3em; padding-left: 0.2em; font-size:12px;line-height: 20px; font-weight:normal; overflow:visible; *zoom:1; }
.pagebox .page-header span.page-question-num {float:left;cursor:move;color:#1668a6; font-size:13px; font-weight:bold; font-family:NanumGothicBold; padding: 8px 15px; display:inline-block; width:25px; line-height: 18px;}
.pagebox .page-header .page-question {padding:10px 0 12px 0;position:relative; display:inline-block; width:610px; }
.pagebox .page-tail {height:19px; border-top:1px solid #1668a6; text-align:right;}
.pagebox .page-tail button { position:relative; top:-11px; }
.pagebox .division {height:19px; border-top:3px solid #1668a6; text-align:right;}
.pagebox .division button { position:relative; top:-11px; }
/* 페이지 분리 */

/* 필터링 리스트 */
.filterbox {width:420px; height:220px; overflow-y:scroll;overflow-x:hidden; background:#f6f6f6; padding:7px; margin-bottom:10px;}
.filterbox .page-header {min-height:22px; margin: 5px; font-size:12px;line-height: 20px; font-weight:normal; border-bottom:1px solid #d9d9d9; overflow:visible; *zoom:1; }
.filterbox .page-header span.page-question-num {float:left; display:inline-block; line-height: 18px;}
.filterbox .page-header .page-question {padding:1px 3px 3px 3px;position:relative; display:inline-block; width:340px; }
.filterbox .page-header .del { cursor:pointer;padding:1px 3px 3px 3px;position:relative; display:inline-block; width:15px; }
.filterbox .page-tail {height:19px; border-top:1px solid #1668a6; text-align:right;}
.filterbox .page-tail button { position:relative; top:-11px; }
.filterbox .division {height:19px; border-top:3px solid #1668a6; text-align:right;}
.filterbox .division button { position:relative; top:-11px; }
/* 필터링 리스트 */

/* show-hide-right  */
.show-hide-right {right:0!important;  top:25px; padding: 20px; background:#fff; z-index:9999;  border:1px solid #d6d5d5; box-shadow: 5px 5px 10px #d9d9d9; behavior: url("/css/PIE/PIE.htc"); line-height:1.2em;

		zoom: 1;
        filter:
          progid:DXImageTransform.Microsoft.Shadow(color=#d9d9d9,direction=0,strength=1),
          progid:DXImageTransform.Microsoft.Shadow(color=#d9d9d9,direction=45,strength=1),
          progid:DXImageTransform.Microsoft.Shadow(color=#d9d9d9,direction=90,strength=2),
          progid:DXImageTransform.Microsoft.Shadow(color=#d9d9d9,direction=135,strength=3),
          progid:DXImageTransform.Microsoft.Shadow(color=#d9d9d9,direction=180,strength=10),
          progid:DXImageTransform.Microsoft.Shadow(color=#d9d9d9,direction=225,strength=3),
          progid:DXImageTransform.Microsoft.Shadow(color=#d9d9d9,direction=270,strength=2),
          progid:DXImageTransform.Microsoft.Shadow(color=#d9d9d9,direction=315,strength=1);

 }

.show-hide-right h1 {border-bottom:none !important; color:#1668a6!important; padding-bottom:7px; display:block; font-size:15px; text-align:left;}
.show-hide-right .gbox label.w100 {margin-right:5px;}
.show-hide-right .img-form {display:block; padding-bottom:7px;}
.show-hide-right .layer-close {position:absolute; top:10px; right:10px;}

.squestion-wrap .portlet-header span.buttons {float:right; margin: 7px 5px 7px 0;}
.squestion-wrap .portlet-header span.buttons button{float:left;  margin: 0 5px;}

.squestion-wrap .tit-division span.buttons, .squestion-wrap .tit-division-2 span.buttons {float:right; margin: 7px 5px 7px 0;}
.squestion-wrap .tit-division span.buttons button, .squestion-wrap .tit-division-2 span.buttons button{float:left;  margin: 0 3px;width:32px; padding:1px; border:1px solid #fff; }
.squestion-wrap .tit-division span.buttons button:hover , .squestion-wrap .tit-division-2 span.buttons button:hover {border:1px solid #c8c8c8;}

.squestion-wrap .tit-division-2 {min-height:45px; border-bottom:1px solid #e3e3e3; font-size:15px;line-height: 15px; font-weight:normal; overflow:hidden; *zoom:1; width:100%;}
.squestion-wrap .tit-division-2 span.squestion-num {color:#1668a6; font-size:18px; font-family:NanumGothicBold; padding: 7px 5px 7px 25px; display:inline-block; width:40px; line-height: 15px; text-align:left;}
.squestion-wrap .tit-division-2 span.buttons {float:right; margin: 7px 5px 7px 0;}

.squestion-wrap .tit-division-3 .scale-choice { font-size:12px; font-family:NanumGothicBold; padding: 7px 5px 7px 70px; display:inline-block; width:500px; line-height: 15px; text-align:left;}
.padd20 { padding-left:20px; }

.squestion-wrap .squestion-tit {width:80%; position:relative; display:inline-block;}
.squestion-wrap .squestion-tit input[type="text"] { width:70%; font-size:15px;}
.squestion-wrap .squestion-text input[type="text"] {/*width: 308px; */width:90%;}
.squestion-wrap .squestion-tit textarea {padding:0; min-width:308px; width:70%; margin: 5px 0; }
.squestion-wrap .squestion-tit textarea.hauto {height:auto;}
span.essential {display:none; width:30px; }
.required {background:url(/img/common/ico-essential.png) no-repeat 0 50%; color:#fc0000; padding-left: 12px; font-size:10px; }

.insert-img, .insert-letter, .insert-movie { display:none; }
.option-btn { padding:0 5px; }
.option-btn-line { padding:0 5px; border-right:1px solid #e3e3e3; margin-top:-1px; }
/*.choice-img, .choice-del { display:none; }*/
/*.choice-dc-img, .choice-dc-letter, .choice-dc-movie, .choice-dc-del { display:none; }*/

.check-list {overflow:hidden; *zoom:1; margin: 7px 0; position:relative;}
.check-list li {float:left; width: 17%; padding: 2px 1% !important; border-right:1px solid #e4e4e4; font-size:11px; letter-spacing:-1; border-bottom:none!important; min-height: 45px; list-style:none!important}
.check-list li p {vertical-align:top; display:inline-block;}
.check-list li:last-child {border-right:none!important;}
.check-list .button-section {display:inline-block; height:49px; text-align:right; margin:0; float:right; right:0; top:0; border-bottom:none !important;}

.portlet-content { padding: 0.4em; }
.portlet-content li {list-style:none; position:relative;}
.portlet-content li .function-buttons {position:absolute; right:5px;}

.exam li {list-style:decimal inside none;}
.exam li, .exam .button-section, .button-section-add, .button-section-dc, .button-section.add-h2 { border-bottom:1px solid #e7e7e7; padding: 3px 0 3px 70px; vertical-align:top; }
.exam>span {padding: 3px 0 3px 35px;}

.scale .button-section-dc {border-bottom:1px solid #e7e7e7; padding: 3px 0 3px 70px; vertical-align:top; }
.scale .scale-input01 {padding: 3px 0 13px 0;}
.scale .scale-input02 {padding: 3px 0 13px 73px;}
.scale .scale-input03 {padding: 3px 0 13px 70px;}

.scale .scale-input {padding: 3px 0 13px 0;}

.scale-option .button-section-dc {border-bottom:1px solid #e7e7e7; padding: 13px 0 3px 70px; vertical-align:top; }
.scale-option .scale-input01-option {padding: 3px 0 13px 0;}
.scale-option .scale-input02-option {padding: 3px 0 13px 73px;}
.scale-option .scale-input03-option {padding: 3px 0 13px 70px;}

.squestion-text {display:inline-block; width:60%; vertical-align:top!important; margin-left:-5px; margin-right: 2%;}
.squestion-text p {}
.option-form {display:none; width: 30%; position:absolute;top:5px; }
.option-form-ms { width:100%; position:relative; }
.option-form-rc {width: 30%; position:absolute;top:5px; }
.jump-class-ms{ padding-top:10px; }

.title-set .buttons {position:absolute; right:0;  top:0;margin: 5px 5px 5px 0;}
.title-set .buttons button {text-align:right; margin: 0 3px;}

.title-set .tit input[type="text"], .title-set .tit-exp input[type="text"]{width: 505px;}

/* 이미지 삽입형 */
.img-section {background:#f9f9f9;overflow:hidden; *zoom:1; width:98%; padding: 5px 1%; }
.img-section .img-div {float:left; width: 170px; margin-left:60px; margin-right:20px;}
.img-section .img-div .file-name {font-size:11px;}
.img-section .txt-div {/*float:left;  display:inline-block;*/ margin-top: 26px; padding-left:270px; }
.img-section .txt-div-left {/*float:left;  display:inline-block;*/ margin-top: 20px; margin-left:60px; }
.img-section textarea {min-width: 490px; min-height:140px;font-size:15px; height:15px; background:#fff; border:1px solid #fff; width:auto;!important}
.img-section .mov-div {float:left; width: 650px; margin-left:60px; margin-right:20px;}
.movie-section {background:#f9f9f9;overflow:hidden; *zoom:1; width:98%; padding: 5px 1%; }
.movie-section .movie-div {float:left; width: 420px; margin-left:60px; margin-right:20px;}
.movie-section .movie-div .file-name {font-size:11px;}

/*설문 타이틀 글/그림 입력 */
.letter { width:50%; padding: 15px 1% 15px 50px; }

/* 복수 질문형 글/그림입력 */
.img-section-dc { background:#f9f9f9;overflow:hidden; *zoom:1; width:98%; padding: 5px 1%; }
.img-section-dc .img-div {float:left; width: 150px; margin-right:20px;}
.img-section-dc .img-div .file-name {font-size:11px;}
.img-section-dc .txt-div {/*float:left;  display:inline-block;*/ margin-top: 18px; padding-left:170px; }
.img-section-dc .txt-div-left {/*float:left;  display:inline-block;*/ margin-top: 20px; margin-left:10px; }
.img-section-dc textarea {min-width: 490px; min-height:112px;font-size:15px; height:15px; background:#fff; border:1px solid #fff; width:auto;!important}

.movie-section-dc {margin-left:55px; background:#f9f9f9;overflow:hidden; *zoom:1; width:98%; padding: 5px 1%; }
.movie-section-dc .movie-div {float:left; width: 150px; margin-right:20px;}
.movie-section-dc .movie-div .file-name {font-size:11px;}

/* 항목 글/그림입력 */
.img-section-cho {background:#f9f9f9;overflow:hidden; *zoom:1; width:98%; padding: 5px 1%; }
.img-section-cho .img-div {float:left; width: 150px;}
.img-section-cho .img-div .file-name {font-size:11px;}

.button-menu .insertq {width:570px; height:125px; margin:auto;background:url("/img/svy/bg_insert_group.gif") no-repeat bottom;}/*20130426 설문작성 유형추가 버튼 수정*/
.button-menu .insertq li {width:67px; height:56px; margin-right:2px; float:left;}
.button-menu .insertq button {width:67px; height:56px; margin-right:2px; padding-top:16px; float:left; background:url("/img/svy/bg_insert_q.png") no-repeat 0 0;}

/* 설문 미리보기 팝업 */
.button-menu .preview-mc { position:relative; top:-492px; left:-72px; z-index:1; display:none; }
.button-menu .preview-dc { position:relative;top:-560px; left:-72px; z-index:1; display:none; }
.button-menu .preview-ms { position:relative;top:-217px; left:-72px; z-index:1; display:none; }
.button-menu .preview-ds { position:relative;top:-370px; left:-72px; z-index:1; display:none; }
.button-menu .preview-rc { position:relative;top:-407px; left:-72px; z-index:1; display:none; }
.button-menu .preview-sc { position:relative;top:-205px; left:-159px; z-index:1; display:none; }
.button-menu .preview-sd { position:relative;top:-332px; left:-159px; z-index:1; display:none; }
.button-menu .preview-ic { position:relative;top:-170px; left:-351px; z-index:1; display:none; }
.button-menu .preview-pc { position:relative;top:-291px; left:-178px; z-index:1; display:none; }
.button-menu .preview-me { position:relative;top:-291px; left:-178px; z-index:1; display:none; }

.pop-menu { display:block; position:absolute; display:inline-block; left:0; top:30px;}
.pop-menu ul{border-radius:3px; border:1px solid #676767; overflow:hidden; *zoom:1; margin-top:7px; }
.pop-menu li {float:left; }
.pop-menu li a {display:block; padding: 6px 15px;}
.pop-menu li:hover, .pop-menu li.selected a {font-weight:bold; color:#f57900;}
.pop-menu .blank-img {position:absolute; top:-6px; left:55px; width:11px; height:50px; z-index:999;}
.pop-menu .blank-img img{width:11px; height:7px; }

.choice-dc-letter { display:none; }

/* 설문 새로 만들기 */
.input-division article {margin-bottom:30px;}
.input-division article.last {margin-bottom:15px!important;}/* ie8 */
.input-division article:last-child  {margin-bottom:15px!important;}
.input-division .btm_line {padding: 0 10px 10px 10px ;margin-bottom:10px;  border-bottom:1px solid #116eab; }
.input-division select {width: 575px; font-size:15px;height:25px;}
.input-division input[type="text"] {min-width: 586px; font-size:15px;height:21px;} 
.input-division .file-search {background:#333; color:#fff;}
.input-division label {display:inline-block; width:100px; height:15px; line-height:15px; border-right:4px solid #116eab; color:#01466d; margin-right:10px; font-size:13px;}

#content .title_line {padding: 0 10px 10px 10px ;margin-bottom:20px;  border-bottom:1px solid #116eab; }
#content .title_line p {display:inline-block; width:500px; height:15px; line-height:15px; color:#01466d; margin-right:10px; font-size:13px;}

/********************** 20130604 설문만들기-설문양식 가져오기 **************************/
.input-division .svy-group {width:800px; padding-left:0px; padding-right:0px; padding-bottom:50px; overflow:hidden;}
.input-division .svy-group dl {width:350px; float:left; overflow:hidden; margin-right:80px;}
.input-division .svy-group dl.right {margin-right:0px}
.input-division .svy-group dt {font-size:14px; color:#069; border-bottom:1px solid #c8c8c8; padding:0 0 10px 20px; margin-bottom:10px; background:url("/img/common/bul-blue2.gif") no-repeat 5px 8px}
.input-division .svy-group dd {width:350px; height:30px; float:left;}
.input-division .svy-group input {float:left;}
.input-division .svy-group label {width:200px; border:0px; color:#333; float:left}
.input-division .svy-group button {float:right}

.input-file, .input-file:hover {background:#efefef !important; border:1px solid #c8c8c8 !important;}
.ing-upload {display:inline-block; margin-left: 5px;}
.ing-upload img {margin-left:5px;}
.file-caution {display:block; padding-left: 123px; background:url("/img/common/ico-caution.gif") no-repeat 105px 5px; color:#ff0000; margin-top:5px;}
.file-import {display:block; padding-left:105px; margin-top:5px;}
.file-import .button-delete {margin-left:5px;}

/* 배포방식선택 NEW 추가 (161005 김연수) */
.giveout { height:1020px; border:0px solid red;}
.giveout > li {float:left; width:195px; height:280px; background:#f4f4f4; border:1px solid #dbdbdb; margin:0 0 25px 25px; padding:25px;}
.giveout > li.first {margin-left:0px;}
.giveout > li > dl > dt {text-align:center; margin-top:10px; height:62px; line-height:62px;}
.giveout > li > dl > dd.tit {text-align:center; font-size:18px; color:#4b8dca; font-weight:bold; padding:10px 0;}
.giveout > li > dl > dd.select {width:195px; height:32px; line-height:32px; font-size:13px; background:#4b8dca; color:#fff; text-align:center;  padding:0; display:inline-block;  font-weight:bold;}
.giveout > li > dl > dd > ul {margin-top:10px; font-size:13px; color:#666; line-height:17px; word-break: keep-all;}
.giveout > li > dl > dd > ul > li::before {content: ""; display:inline-block; width:3px; height:3px; background:#666; border-radius:50%; margin:13px 4px 4px 0;}
.giveout > li > dl > dd > ul > li > span {margin-left:7px; }

/* 복수 질문형(매트릭스) 신규 추가 2016-03-30 */
.div-table { display:table; }
.div-table-row { display:table-row; }
.div-table-cell { display:table-cell; }
.dc-table { display:table; margin:15px 0 10px 35px; width:96%; font-weight: normal; overflow: hidden; }
.dc-table-row { display:table-row; min-height:45px; width:100%; }
.dc-table-cell { display:table-cell; }
.dtc-first { min-width:200px; width:300px; font-size: 14px; line-height: 14px; border-bottom: 1px solid #e7e7e7; }
.dtc-first-choice { font-size: 15px; line-height: 15px; padding: 10px 0; border-bottom: 1px solid #e7e7e7; }
.dtc-second { text-align:center; padding-bottom:10px; border-bottom: 1px solid #e7e7e7; }
.dtc-end { width:80px; text-align:right; }
.squestion-num-dc { float:left; color: #1668a6; font-size: 18px; font-family: NanumGothicBold; padding: 7px 0; display: inline-block; width: 40px; line-height: 15px; text-align: left; }
.squestion-tit-dc { position: relative; float:left; min-width: 130px; width:200px; }
.squestion-text-dc { width: 90%; vertical-align: top!important; }
.dc-choice { overflow: hidden; min-height: 1em; min-width: 130px; width:200px; }
.dc-choice-chk { text-align:center; border-bottom: 1px solid #e7e7e7; vertical-align: middle; }
.img-area-dc { background:#f9f9f9;overflow:hidden; *zoom:1; width:98%; padding: 5px 1%; }
.img-area-dc .img-div {float:left; width: 150px; margin-right:20px;}
.img-area-dc .img-div .file-name {font-size:11px;}
.img-area-cho { overflow:hidden; *zoom:1; padding: 5px 1%; text-align:center; width:100%}
.img-area-cho .img-div .file-name {font-size:11px;}

.ds-table { display:table; margin:0 0 0 35px; width:96%; font-weight: normal; overflow: hidden; }
.ds-table-row { display:table-row; min-height:45px; width:100%; }
.ds-table-cell { display:table-cell; }
.ds-table-cell.col5:before {content:""; position:absolute; left:7% !important; left:8.5%\9 !important; right:7% !important; right:7.5%\9 !important; top:10px; height:2px; background-color:#c1c8ce; width:auto}/* 7지선다 기준 */ 
.scale-line-first { background-image:url("/img/svy/bg-scale-first-line.gif"); background-repeat:repeat-x; background-position:center 9px; }
.scale-line-middle { background-image:url("/img/svy/bg-scale-line.gif"); background-repeat:repeat-x; background-position:center 9px; }
.scale-line-end { background-image:url("/img/svy/bg-scale-end-line.gif"); background-repeat:repeat-x; background-position:center 9px; }
.scale-line-first-num { background-image:url("/img/svy/bg-scale-first-line.gif"); background-repeat:repeat-x; background-position:center 29px; }
.scale-line-middle-num { background-image:url("/img/svy/bg-scale-line.gif"); background-repeat:repeat-x; background-position:center 29px; }
.scale-line-end-num { background-image:url("/img/svy/bg-scale-end-line.gif"); background-repeat:repeat-x; background-position:center 29px; }
.dts-first { width:300px; padding: 10px 0; }
.dts-choice { padding-bottom:10px; border-bottom: 1px solid #e7e7e7; text-align:center; }
.dts-end { width:80px; text-align:right; }
.dts-dc-header { width:300px; padding: 10px 0; border-bottom: 1px solid #e7e7e7; }
.squestion-num-ds { float:left; color: #1668a6; font-size: 18px; font-family: NanumGothicBold; padding: 7px 0; display: inline-block; width: 40px; line-height: 15px; text-align: left; }
.dts-dc-choice { position: relative; float:left; min-width: 180px; width:200px; }
.dts-choice-textarea { overflow: hidden; min-height: 1em; min-width: 180px; width:200px; }
.dts-scale { display:table-cell; border-bottom: 1px solid #e7e7e7; text-align:center; vertical-align:middle; }

/* 배포방식선택 */
.select-how {overflow:hidden; *zoom:1; }
.select-how>li {float:left; width: 240px;padding:10px; height: 275px; list-style:none; position:relative;}

.select-how dl {position:relative;}
.select-how dt {color:#1870b4; font-size:19px;border-bottom:1px solid #dbdbdb; padding-bottom:10px; margin-bottom:10px; position:relative; padding-left: 38px;}

.select-how dt strong {font-weight:bold; font-style:normal; display:block;}
.select-how dt img.num {position:absolute; left:0; top:0;}
.select-how dt img.right-position {position:absolute; right:15px; top:-10px;}
.select-how dd {padding-left:30px; background:none; line-height:1.3em; height:244px;position:relative;}
.select-how dd .button-section {position:absolute;right:10px; bottom:30px;}
.bg-gray {background:#f2f2f2;}

/* 초대장, 알림, 후속초대장 */

.invi-form {background:#f3f8fb; padding:10px; position:relative;}
.invi-form th {color:#1870b4; font-size:13px;}
.invi-form th, .invi-form td {padding: 8px 10px; text-align:left;}
.invi-form .preview {position:absolute; top:0; right:10px;}
.invi-form .preview+.show-hide-right {top:35px;}
.select-add {width:360px; margin-left:30px;}
.caution-add {display:block; background:url("/img/common/ico-caution.gif") no-repeat 0 8px; color:#15629e; padding: 5px 0 5px 15px; font-size:11px;}

/* 초대장쪽에서 뜨는 레이어 팝업 컨텐츠 */
.invi-con { background:#eef6fa; padding: 10px; text-align:left;}
.time {text-align:center; font-size:18px;}
.time-num {font-weight:bold; color:#15629e;}

.invi-function-button {text-align:right; padding: 10px 0 30px 0; border-bottom:1px solid #c8c8c8; margin-bottom:30px;}
.invi-function-button button {border:1px solid #fff; margin-left:3px;}
.invi-function-button button:hover {background:#fff; border:1px solid #c8c8c8;}

/* 한정질문하기 */
.lquestion {}
.lquestion dt, .lquestion li {border-bottom:1px solid #c8c8c8; padding: 3px 0 3px 10px;}
.lquestion label {width:75px; margin-right:15px; text-align:right;}

.source-copy-section {position:relative; width:510px; }
.source-copy-section .copy-preview {position:absolute; display:inline-block; top:0; right:0; margin:0; }

.web-view-section {margin:10px 0; width:320px;}
.web-view-section .web-view{ width:320px; height:230px; padding:1px; border:1px solid #c8c8c8;}
.cname {margin-top:5px; text-align:right;}

.link-section {border-bottom:1px solid #c8c8c8; padding: 0 0 5px 10px; margin-bottom:5px; }
.link-section.source-code {border-bottom:none !important;}
.link-section h1 {color:#15629e; margin-bottom:10px; font-size:12px; font-weight:normal;}
.link-section ul{width:645px;}
.link-section li{padding-bottom:10px; position:relative;}
.link-section li>.button-section {display:inline-block; margin:0; position:absolute; right:0; top:0;}
.link-section li>.button-section2 {display:inline-block; margin:0; position:absolute; right:0; top:25;}
.my-link {width:270px !important; color:#15629e !important; font-size:12px;}

.img-qr {position:relative;}
.img-qr .download {position:absolute; top:3px; left:90px; }

/* sns 간편올리기 */
.sel_sns {width:44px; margin-right:20px; height:65px; float:left; text-align:center;}

/* 주소록 등록하기*/
.addrlist {width:455px; height:300px; margin-left:10px; background:#ffffff; padding:10px; margin-bottom:10px; line-height:1.8em; border:1px solid #c8c8c8; vertical-align:top; overflow-y:scroll;}
.addrlist th {font-weight:bold;}
.ttsub {width:650px; font-weight:bold; font-size:13px; float:left;}
.ttsub-btn {text-align:right;}

/* 설문편집 타이틀 & 버튼섹션 */
.tit-button-section {border-bottom:2px solid #666; margin-bottom:30px; height:50px; padding-bottom:7px;overflow:hidden;}  /* 20130514 height값 수정*/
.tit-button-section.bottom {border-bottom:none; border-top:2px solid #666; padding-bottom:0; padding-top:10px; margin-top:30px;}
.tit-button-section.bottom .tit-div{ position:relative; top:2px;}

.tit-button-section .lsection { float:left; width:65%;  height:50px; } /* 20130514 width, height값 수정*/

.tit-button-section button {width:50px; height:48px; overflow:hidden ; border:1px solid #fff;  text-indent:-9999px;} /* 20130514 width, height값 수정*/
.tit-button-section button.next, .tit-button-section button.pre {width:18px; height:18px; position:relative; top:-1px;}

.tit-button-section button:hover , .tit-button-section button.selected {border:1px solid #c8c8c8; background-position:0 -55px;}/* 20130514 background-position값 수정*/

.tit-button-section .tit-div {text-overflow:ellipsis; width:410px; font-size:15px; color:#333;display:inline-block; margin:10px 2px; height:30px; line-height:18px; vertical-align:top !important;} /* 20130514 font-size, margin값 수정*/
.tit-button-section .tit-div-que {text-overflow:ellipsis; width:610px; font-size:15px; color:#333;display:inline-block; margin:10px 2px; height:30px; line-height:18px; vertical-align:top !important;} /* 20130514 font-size, margin값 수정*/

.tit-button-section .rsection {display:inline-block; text-align:right; width:35%; float:right;  height:32px; }/* 20130514 width값 수정*/
.tit-button-section .rsection button {margin-left:5px}


button.modi {background:url("/img/btn/mynavi_editq.png") no-repeat 0 0;}
button.list {background:url("/img/btn/mynavi_golist.png") no-repeat 0 0;}
button.manage1 {background:url("/img/btn/mynavi_editsp.png") no-repeat 0 0;}
button.manage2 {background:url("/img/btn/mynavi_mngsp.png") no-repeat 0 0;}
button.analysis {background:url("/img/btn/mynavi_report.png") no-repeat 0 0;}

button.next {background:url("/img/common/tit-btn-next.png") no-repeat 0 0;}
button.pre {background:url("/img/common/tit-btn-pre.png") no-repeat 0 0;}

button.analysis-st2 {background:url("/img/common/tit-btn-a-check.png") no-repeat 0 0;}
button.analysis-st3 {background:url("/img/common/tit-btn-analysis2.png") no-repeat 0 0;}
button.d-set {background:url("/img/common/tit-btn-design-set.png") no-repeat 0 0;}



/*body:first-of-type .tit-button-section .tit-div   { position:relative; top:-5px;} /* 오페라 */
/*@-moz-document url-prefix() {.tit-button-section .tit-div {  position:relative; top:0px;} }/*파폭*/
/*body:first-of-type .tit-button-section button.next, .tit-button-section button.pre {top:-5px;} /* 오페라 */

/* 내설문함 개별응답 편집 */

.survey-wrap.modi-form{border-bottom:1px solid #e3e3e3;}
.survey-wrap.modi-form .squestion-wrap {margin: 0 0 30px 10px; !important; border:none;}
.survey-wrap.modi-form .squestion-wrap .tit-division {border-bottom:none;}
.survey-wrap.modi-form .squestion-wrap .squestion-content{ margin-left:60px;}
.survey-wrap.modi-form .squestion-wrap .exam {overflow:hidden; *zoom:1;}
.survey-wrap.modi-form .squestion-wrap .exam li {border-bottom:none; padding: 3px 0 3px 0 !important; list-style:none; float:left;}

.squestion-wrap .exam.exam3 li {width:33.3%;}
.squestion-wrap .exam.exam4 li {width:25%;}
.squestion-wrap .exam.exam5 li {width:20%;}

.survey-wrap.modi-form .squestion-wrap .exam p {margin-bottom:3px;}
.survey-wrap.modi-form .squestion-wrap .squestion-content textarea {color:#15629e;}

/* 응답설정 */

.a-setting {}
.a-setting dt {background:url("/img/common/bul-blue2.gif") no-repeat 0 13px; color: #00466f; font-size:13px; padding: 7px 0 7px 10px; border-bottom:1px solid #8ab3d2;  margin-top:15px;}
.setting-question {color: #00466f; font-size:13px; padding: 7px 0; border-bottom:1px solid #8ab3d2;  margin-top:15px;}
.a-setting dd {background:#f3f9fb; padding:7px 2%; width:96%; border-bottom:1px solid #e3e3e3; }
/*body:first-of-type .a-setting dd.w100p {width:100%;}*/
/* @media screen and (-webkit-min-device-pixel-ratio:0) { 
 .a-setting dd.w100p {width:100%;}
} 사파리, 크롬 

.a-setting dd.va-top {display:table; width: 96%; padding: 2%;}*/
.a-setting dd.va-top div {display:inline-block; vertical-align:top !important;}

.filter-tit {background:#e3e3e3;padding: 5px 10px; margin-bottom:20px;}
.filter-tit .f-tit {width:80px; color:#00466f}
.filter-tit input[type="text"] {width:520px;}

/* 응답분석 */

.a-an-tit { background:#e7eff5; padding: 10px; margin-bottom:5px; position:relative;}
.a-an-tit span.atit { display:inline-block; width:100px; text-align:center;}
.a-an-tit select {width:420px;}
.a-an-tit .btn-div {position:absolute; right:10px; top:9px; text-align:right;}

.a-an-add-div {text-align:right; font-size:11px; margin-bottom:30px;}
.a-an-add-div button {margin-left:10px;}

.stats-view { margin: 0 0 30px 0; display:block; background-color:#fff; }
.stats-view { border:1px solid #e3e3e3; padding-bottom:10px; }
.stats-view .tit-division {border-bottom:1px solid #1668a6; font-size:15px;line-height: 24px; font-weight:normal; overflow:visible; *zoom:1; position:relative; min-height:30px; padding: 7px 0 7px 60px; }
.stats-view .tit-division span.squestion-num {color:#1668a6; font-size:24px; font-family:NanumGothicBold; padding: 8px 10px; display:inline-block; width:40px; line-height: 24px; text-align:left; position:absolute; top:0; left:0;}

.stats-view .tit-division .squestion-tit {position:relative; display:inline-block; width: 620px; padding-right:30px;}
.stats-view .tit-division span.squestion-tit-con {position:relative;}

.tit-division .input-division {padding: 5px 0 5px 0;}

.stats-view .tit-division .buttons, .squestion-wrap .tit-division-2 .buttons {position:absolute; right:0; top:3px; display:inline-block; margin: 7px 5px 7px 0;}
.stats-view .tit-division .buttons>button, .squestion-wrap .tit-division-2 .buttons>button{float:left;  margin: 0;padding:1px; border:1px solid #fff; }

.stats-view .squestion-tit {position:relative; display:inline-block;}
.stats-view .squestion-tit {min-width: 308px; font-size:14px;} /*20130416 폰트사이즈 수정*/
.stats-view .tit-division span.squestion-num.squestion-txt {font-size:12px!important; letter-spacing:-2px; text-align:center !important;}

.analysis-div {margin:10px 10px 0 10px; padding:10px 10px 0 10px; background:#f3f7fb;}

.crosstabs-view { margin: 0 0 30px 0;}
.crosstabs-view { border:1px solid #e3e3e3; padding-bottom:10px; }
.crosstabs-view .tit-division {border-bottom:1px solid #1668a6; font-size:15px;line-height: 24px; font-weight:normal; overflow:visible; *zoom:1; position:relative; min-height:30px; padding: 7px 0 7px 60px; }
.crosstabs-view .tit-division span.cross-title {color:#1668a6; font-size:15px; font-family:NanumGothicBold; font-weight:bold; padding: 8px 10px; display:inline-block; width:200px; line-height: 24px; text-align:left; position:absolute; top:0; left:0;}
.crosstabs-view .main-div { width:100%; }
.crosstabs-view .main-housing { margin:10px 7px 2px 7px; }
.crosstabs-view .svy-title { padding:10px; font-weight:bold; text-align:left;font-size:13px; }
.crosstabs-view .chk-complete { width:200px; float:right; margin-right:15px; font-size: 12px; }
.crosstabs-view .crosstab-choice { height:25px;background-color:#C1D7FF;font-weight:bold;font-size:14px;color:#0246C5;padding:5px 0px 0px 10px; }

.choice-left-border { margin-top:39px;height:274px; top:0; background-image:url(/img/svy/bg_an.jpg); background-repeat:no-repeat; background-position:left; }
.choice-right-border { margin-top:39px;height:274px; top:0; background-image:url(/img/svy/bg_an.jpg); background-repeat:no-repeat; background-position:right; }
.choice-left-div { height:274px; top:0; background-image:url(/img/svy/bg_an.jpg); background-repeat:no-repeat; background-position:top;line-height:15px; }
.choice-right-div { height:274px; top:0; background-image:url(/img/svy/bg_an.jpg); background-repeat:no-repeat; background-position:top;line-height:15px; }
.column-explain { height:20px;font-weight:bold;font-size:12px; margin-top:10px; }
.row-explain { height:20px;font-weight:bold;font-size:12px; margin-top:10px; padding-right:10px; }
.column-nochoice { text-align:left; padding-left:10px; text-align:center; background-color:#e0edf3; }
.row-nochoice { background-color:#f2fffc; text-align:right; padding-right:10px; }

.crosstabs-view .tit-division .squestion-tit {position:relative; display:inline-block; width: 620px; padding-right:30px;}
.crosstabs-view .tit-division span.squestion-tit-con {position:relative;}
.crosstabs-view .table-div {margin:10px 10px 0 10px; padding:10px 10px 0 10px; background:#f3f7fb;}

.crosstabs-data { font-size:12px; }
.crosstabs-data th, .crosstabs-data td { border-bottom:1px solid #d9dce1; padding: 6px;}
.crosstabs-data th, .crosstabs-data td { word-break:break-all;}
.crosstabs-data tfoot tr th, .crosstabs-data tfoot td { border-bottom:none;}
.crosstabs-data tr.last th, .crosstabs-data tr.last td { border-bottom:none;}
.crosstabs-data2 tbody tr:hover {background-color:#fef9f3;}
.crosstabs-data3 tbody td:hover {background-color:#fef9f3;}
.crosstabs-data3 th { word-break:break-all; border-bottom:1px solid #d9dce1; padding: 6px;} 
.crosstabs-data3 th, .crosstabs-data3 td { word-break:break-all; border-bottom:1px solid #d9dce1; border-right:1px solid #d9dce1; padding: 6px;}
.crosstabs-data3 th.last, .crosstabs-data3 td.last { word-break:break-all; border-bottom:1px solid #d9dce1; border-right:0px; padding: 6px;}

.crosstabs-arrow { height:40px;margin:0 7px 0px 7px;background-image:url(/img/svy/bg_arrow.jpg); background-repeat:no-repeat; background-position:center; }

.crosstabs-choice-div { width:98.5%;height:240px;overflow-y:scroll;overflow-x:hidden; margin-left:10px; line-height:20px; }

.crosstabs-choice-left { height:274px; top:0; background-image:url(/img/svy/bg_an2.jpg); background-repeat:no-repeat; background-position:0 0; }
.crosstabs-choice-center { height:274px; top:0; background-image:url(/img/svy/bg_an2.gif); background-repeat:repeat-x; background-position:center;line-height:15px; }
.crosstabs-choice-right {height:274px; top:0; background-image:url(/img/svy/bg_an2.jpg); background-repeat:no-repeat; background-position:right 0;}
.crosstabs-choice-option { height:25px;background-color:#C1D7FF;font-weight:bold;font-size:14px;color:#0246C5;padding:5px 0px 0px 10px; }

.crosstabs-view .cross-result { width:95%; min-width:780px; margin-left:15px; }
.crosstabs-view .cross-title-que { width:35%; min-width:300px; float:left; padding:10px; font-size:14px; font-weight:bold; }
.crosstabs-view .cross-title-icon { width:58%; min-width:450px; float:left; padding:10px; font-size:12px; font-weight:bold; text-align:right; }

.cross-result .crosstable-title th {padding:10px; font-weight:bold; background:#f3f7fb; border-bottom: 1px solid #d9dce1;}
.cross-result .crosstable-total tr { padding:10px; border-bottom: 1px solid #d9dce1;}
.cross-result .crosstable-total .italic { font-style:italic; }
.cross-result .crosstable-total th { padding:8px; text-align:center; height:23px; }
.cross-result .crosstable-total td { padding:8px; text-align:center; height:23px; }

.cross-result .crosstable-que tr { padding:10px; border-bottom: 1px solid #d9dce1;}
.cross-result .crosstable-que th { padding:8px; height:23px; }
.cross-result .crosstable-que td { padding:8px; text-align:center; height:23px;}

.tit-division .input-division {padding: 5px 0 5px 0;}

.stats-view .tit-division .buttons, .squestion-wrap .tit-division-2 .buttons {position:absolute; right:0; top:3px; display:inline-block; margin: 7px 5px 7px 0;}
.stats-view .tit-division .buttons>button, .squestion-wrap .tit-division-2 .buttons>button{float:left;  margin: 0;padding:1px; border:1px solid #fff; }

.stats-view .squestion-tit {position:relative; display:inline-block;}
.stats-view .squestion-tit {min-width: 308px; font-size:14px;} /*20130416 폰트사이즈 수정*/
.stats-view .tit-division span.squestion-num.squestion-txt {font-size:12px!important; letter-spacing:-2px; text-align:center !important;}

.analysis-div {margin:10px 10px 0 10px; padding:10px 10px 0 10px; background:#f3f7fb;}

.analysis-data {}
.analysis-data th, .analysis-data td { border-bottom:1px solid #d9dce1; padding: 5px; text-align:left;}
.analysis-data th, .analysis-data td { word-break:break-all;}
.analysis-data tfoot tr th, .analysis-data tfoot td { border-bottom:none;}
.analysis-data tr.last th, .analysis-data tr.last td { border-bottom:none;}
span.data-lgraph {display:inline-block; height:18px; line-height:18px; background:#f59148; text-align:center; color:#fff; max-width:380px;}
span.data-lgraph.total {background:#c8c8c8;}
.squestion-wrap .tit-division span.squestion-num.squestion-txt {font-size:12px!important; letter-spacing:-2px; text-align:center !importatn;}

.ans-show-hide {display:block;}
.ans-show-hide dt {background:url("/img/common/ico-add.png") no-repeat 0 10px; padding: 5px 0 5px 30px; font-size:15px; border-bottom:1px solid #c8c8c8; cursor:pointer;  position:relative;}
.ans-show-hide dt.show{background:url("/img/common/ico-minus.gif") no-repeat 0 15px; }
.ans-show-hide dt.total {background:none !important;}
.ans-show-hide dt span.answer-num {position:absolute; display:inline-block;  right:0; font-weight:bold; font-size:12px !important;}
.ans-show-hide dd {display:block; border-bottom:1px solid #c8c8c8; font-size:12px !important; height:400px; overflow-y:scroll;}
.ans-show-hide dd p {background:#e8edf1; padding: 10px; margin-bottom:2px;}
.ans-show-hide dd p.last {margin-bottom:0;}
.ans-show-hide dd p span.a-con {display:block; margin-bottom:5px; font-size:13px;}
.ans-show-hide dd p span.a-tit-div {display:block;}
.ans-show-hide dd p span.a-num,.ans-show-hide dd p span.a-tit, .ans-show-hide dd p span.a-time {display:inline-block;}
.ans-show-hide dd p span.a-num {width:20%; color:#1668a6;}
.ans-show-hide dd p span.a-tit {width:60%;}
.ans-show-hide dd p span.a-time {width:19%; text-align:right;}

.answer-num-tit {text-align:right; color:#1668a6; border-bottom:1px solid #c8c8c8; padding-bottom:5px;}

.slide-show-hide {display:block;}
.slide-show-hide dt {background:url("/img/common/ico-add.png") no-repeat 0 10px; padding: 5px 0 5px 10px; font-size:14px; border-bottom:1px solid #c8c8c8; cursor:pointer;  position:relative;}
.slide-show-hide dt.show{background:url("/img/common/ico-minus.gif") no-repeat 0 15px; }
.slide-show-hide dt.total {background:none !important;}
.slide-show-hide dt span.answer-num {position:absolute; display:inline-block;  right:0; font-weight:bold; font-size:12px !important;}
.slide-show-hide dd {display:block; border-bottom:1px solid #c8c8c8; font-size:12px !important; height:440px; overflow-y:scroll;}
.slide-show-hide dd p {background:#e8edf1; padding: 10px; margin-bottom:2px;}
.slide-show-hide dd p.last {margin-bottom:0;}
.slide-show-hide dd p span.a-con {display:block; margin-bottom:5px; font-size:13px;}
.slide-show-hide dd p span.a-tit-div {display:block;}
.slide-show-hide dd p span.a-num,.slide-show-hide dd p span.a-tit, .slide-show-hide dd p span.a-time {display:inline-block;}
.slide-show-hide dd p span.a-num {width:20%; color:#1668a6;}
.slide-show-hide dd p span.a-tit {width:60%;}
.slide-show-hide dd p span.a-time {width:19%; text-align:right;}
.slide-show-hide dd .sub-de { width:735px; }
.slide-show-hide dd .sub-de-title { height:40px; }
.slide-show-hide dd .sub-de-title-choice { float:left; width:80%;padding:10px; 0 0 20px;  }
.slide-show-hide dd .sub-de-title-cnt { float:left;  width:15%; text-align:right; margin:10px 0 0 0; color: #1668a6; }
/* 적정 응답수 계산 (레이어 팝업 스텝 스타일)*/

.layer-step { padding:10px;}
.layer-step li {overflow:hidden; *zoom:1; padding-bottom:10px;}
.layer-step .step-num { float:left; display:inline-block; width:100px; font-size:24px; color:#1870b4; font-weight:bold;}
.layer-step .step-question-form { width:500px; margin-left:100px;}
.layer-step .step-question-form span {display:block; margin-bottom:10px;}

.q-tit {font-weight:bold; margin-bottom:10px;}
.q-select.lblock label{ display:block; margin-bottom:3px;}

.graph-section {text-align:center;}
.trans {position:absolute; right:10px; top:15px;}

/* 디자인설정 */

.choose-img {padding:0 !important; width:100% !important;}
.choose-img .choose-img-wrap {overflow:hidden; *zoom:1;}
.choose-img .choose-img-wrap>div {padding:15px 10px;}
.choose-img .choose-img-wrap button.select {font-size:11px;   background:#666; color:#fff; padding: 5px 10px;}
.choose-img-wrap .thumb-div { display:inline-block; float:left; width:155px; text-align:center;position:relative;}
.choose-img-wrap .text-input-div  { display:inline-block;  float:left;  width:430px;}
.choose-img-wrap .preview-div  { display:inline-block; float:right;  width:150px; background:#e7ecee;padding:10px ; text-align:center;}

.choose-img-wrap .thumb-div p {width:83px; margin: 0 auto;}
.choose-img-wrap .thumb-div .pre-img, .choose-img-wrap .thumb-div .next-img {position:absolute; top:45px; width:14px; height:28px;}
.choose-img-wrap .thumb-div .pre-img {left:15px;}
.choose-img-wrap .thumb-div .next-img {right:15px;}
.choose-img-wrap .thumb-div img, .choose-img-wrap .thumb-div span {display:block; margin-bottom:5px;}

.preview-div img, .preview-div span {margin:7px 0 5px 0; }
.preview-div span {font-size:11px;}


.choose-img-wrap .text-input-div textarea {width:420px; height:150px;}
.choose-img-wrap .text-input-div .bside-con {margin-top:7px;}
.choose-img-wrap .text-input-div .bside-con .lcon button img {border:1px solid #c8c8c8;}
.choose-img-wrap .text-input-div .bside-con .lcon button {border:1px solid #f3f9fb;}
.choose-img-wrap .text-input-div .bside-con .lcon button:hover img, .choose-img-wrap .text-input-div .bside-con .lcon button.selected img  {border:1px solid #ff9900;}
.choose-img-wrap .text-input-div .bside-con .lcon button:hover, .choose-img-wrap .text-input-div .bside-con .lcon button.selected {border:1px solid #ff9900;}
.choose-img-wrap .text-input-div .bside-con .lcon .mline {display:inline-block; background:url("/img/common/mbar.gif") no-repeat right 50%; padding-right:10px; margin-right:7px;}

.thumb-list {float:left; overflow:hidden; width:599px; height:193px;position:relative;}
.pre-page, .next-page {position:absolute; top:70px; width:21px; height:43px;}
.pre-page {left:20px;}
.next-page {right:20px;}

.thumb-list-slide {overflow:hidden !important; width:1000000px;}
.slide-wrap {width:609px; height:193px; float:left; position:relative; }
.slide-wrap .button-section {position:absolute; bottom:0; right:55px;}


.thumb-list-slide ul {float:left !important; width: 509px; height:168px; margin: 0 48px;}
.thumb-list-slide li {float:left; margin:0 10px 8px 0; position:relative;}
.thumb-list-slide li img {border:3px solid #f3f9fb; cursor:pointer;}
.thumb-list-slide li:hover img, .thumb-list li.selected img {border:3px solid #ff9900;}
.thumb-list-slide a{display:block;}

.mask {position:absolute; left:3px; top:20px; width:70px; height:36px; line-height:36px; background:#000; color:#fff; font-size:11px; text-align:center; opacity:0.6; 
	  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; /* IE 8 */
      filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); /* IE 7 and olders */}

.view-logo {width:300px; margin:20px 0 5px 0;}
.view-logo .img-name {text-align:right; font-size:11px; margin-bottom:5px;}
.view-logo .img-name button {margin-left:5px;}
.view-logo .del_log_text { font-size:11px; margin-bottom:5px; cursor:pointer;}



/* 설문 응답창 스타일 */

.survey-answer-wrap {width:1000px; margin: 0 auto;  position:relative; }
.survey-answer-con-wrap {position:relative;}   /*******************************************************20130322 수정 */    
/*.survey-answer-con-wrap {padding: 0 30px; height:684px;  overflow-y:scroll;  overflow-x:hidden; position:relative;} */

.survey-con-title {overflow:hidden; *zoom:1}/* width:940px */  /************20130704 수정******/
.survey-con-title .logo { width:210px; float:left; text-align:center; margin-top:10px}  /************20130704 수정******/
.survey-con-title .title { width:760px; height:80px; margin:0 0 0 210px; padding:10px; font-size:20px; font-weight:bold; line-height:1.5em; display:table-cell; vertical-align:middle; color:#fff}  /************20130711 수정******/
.survey-con-title .title2 {width:100%;} /***20130507 추가***/
.survey-con-title .title2 span {width:95.7%; font-size:20px; font-weight:bold; line-height:1.5em; display:inline-block; float:left;} /***20130507 추가***/
.survey-con-title .title2 p {width:20px; height:60px; background: url("/img/svy/tit-back.png") no-repeat left; float:left;} /***20130507 추가***/
.survey-con-title .title2 .title2right {background: url("/img/svy/tit-back.gif") no-repeat right;} /***20130507 추가***/

.sub-title {font-size:16px; color:#00466f; padding:0 20px} /************20130704 수정******/
.sub-title span { font-weight:bold; display:inline-block; margin-top:10px} /************20130704 수정******/
.sub-title span.partnum { color:#666; margin-right:20px;} /************20130704 수정******/


.graph-wrap {position:relative; margin-bottom:10px; height:75px;}
.graph-div {position:relative; width:450px; margin: 0 auto; }

.p-txt-tooltip {display:inline-block; width:63px; height:34px; background:url("/img/svy/back-tooltip.png") no-repeat 0 0; position:absolute; color:#fff; text-align:center; margin-left:-31.5px;}
.graph-back {width: 448px; top:38px;  margin: 0 auto; background:#c8c8c8; border:1px solid #666; border-radius:5px; behavior: url("/css/PIE/PIE.htc"); height:15px; position:relative;}
.graph {position:absolute; left:0; top:0; background:#448ed8; border-radius:5px; behavior: url("/css/PIE/PIE.htc"); height:15px;}
.graph-txt {position:absolute;  top:17px; margin-left:-23px; width:46px; }
.graph-txt span {font-weight:bold; color:#3c94ed; }

.survey-detail { background:#eaf5ff; border-top:1px solid #c6d9e4; border-bottom:1px solid #c6d9e4; padding: 20px 10px; font-size:13px; margin:-10px 0 30px 0;}

.survey-question-wrap  * {font-size:13px;}
.survey-answer-con-wrap .survey-question {position:relative; margin-bottom: 50px; padding:10px; }
.survey-answer-con-wrap .survey-question input[type="text"]:hover {background:#fff !important; border:1px solid #c8c8c8 !important;}

.q-num {display:inline-block; position:absolute; background:url("/img/svy/num-back.gif") repeat-y 0 0; padding: 5px 0; color:#fff; font-size:18px; font-weight:bold; /*border:1px solid #126487;*/ width:38px; text-align:right;}
.q-num-dongwha {display:inline-block; position:absolute; background:url("/img/svy/num-back-dong.gif") repeat-y 0 0; padding: 5px 0; color:#fff; font-size:18px; font-weight:bold; border:1px solid #126487; width:38px; text-align:center;}

.required-att {background:url("/img/svy/back-required.png") no-repeat 0 1px; position:absolute; right:0; top:26px; width:27px; height:20px; font-size:11px; font-weight:normal; text-align:center}

.survey-con {padding-bottom:10px;} 

.step1-title {margin-left:50px; margin-bottom:25px; font-size:16px; font-weight:bold; vertical-align:middle !important;}
.step1-title span {display:block; margin-bottom:10px;}
.survey-exam li input {margin-right:5px;}
.survey-exam li {padding: 10px 0 10px 10px; background-color:#EEECEC; margin:0 0 5px 50px;}
.survey-exam li:hover {background:#e7e7e7;}

div.survey-exam {padding: 3px 0 3px 50px;}
div.survey-exam textarea {width:100%; height:38px;}

.input-img {margin-bottom:20px; margin-top:5px; padding-left:46px; }
.input-choice {margin-bottom:20px; margin-top:5px;}
.input-txt {margin-bottom:20px;  margin-top:5px; font-size:13px;}

.step-2 .survey-exam {overflow:hidden; *zoom:1;}
.step-2 .survey-exam li {float:left; margin-left:350px;}

table.survey-exam {margin:10px 0 50px 50px; width:315px; } 
table.survey-exam tbody tr { width:300px; background-color:#f5f5f5 }
table.survey-exam tbody tr:hover {background:#e7e7e7;}
table.survey-exam th { padding: 10px 0 0 10px; }
table.survey-exam th, table.survey-exam td {text-align:center; padding: 13px 0; vertical-align:top;}
table.survey-exam th.last, table.survey-exam td.last {border-right:none;}
table.survey-exam tbody th {text-align:left; }
table.survey-exam tbody th .step-2-tit-num { color:#006699; font-weight:bold; font-size:16px; margin:0 0 0 10px; }

th .input-img, th .input-txt {text-align:left; padding-right:15px;}
thead th img { display:block; margin: 5px auto ;}

/* 03 ranking-select */
.ranking-select .survey-exam li {position:relative;} 
.ranking-select .survey-exam li select {width:100px; margin-right:10px;}
.ranking-select .survey-exam label.checking {position:absolute; right:10px; top:5px; text-align:right;}
.ranking-select .survey-exam label.no-checking {color:#c8c8c8;}

/* step2-주관식 */
.step-2-subjective { margin-bottom:20px;}
.step-2-subjective .title {margin-bottom:5px;}
.step-2-subjective .title span {margin-right:15px; font-size:16px; font-weight:bold; color:#006699;}

button.exit {position:absolute; right:10px; top:0; background: #e7e7e7;}

.survey-answer-wrap .footer {padding: 20px 0; width: 940px; text-align:center; background:#999; } /********************************수정(?) */
/*.survey-answer-wrap footer {padding: 20px 0; width: 1000px; text-align:center; background:#999; position:absolute; bottom:0; } */


.survey-exam.input .input-img {text-align:center;}

.survey-answer-wrap .button-section {text-align:center; margin: 20px 0;}  /********************************수정(?) */   
/*.survey-answer-wrap .button-section {text-align:center; margin: 30px 0;}   */                  
.survey-answer-wrap .button-section button {width:80px; color:#fff; background:#006699; padding: 10px 0}
.survey-answer-wrap .button-section button.pre {margin-right:3px;}

/* 단일점수평가 */
table.gr1 {width:890px; margin-left:50px;}
table.gr1 .first {border-right:0px; background-image:url(/img/svy/bg_gr3.png); background-repeat:no-repeat; background-position:left; padding-left:5px; text-align:left;}
table.gr1 .end {border-right:0px; background-image:url(/img/svy/bg_gr3.png); background-repeat:no-repeat; background-position:right; text-align:right; padding-right:5px;}
table.gr1 th {border-right:0px;}
table.gr1 th.left {text-align:left;}
table.gr1 th.right {text-align:right;}
table.gr1 td.left { border-right:0px; background-image:url(/img/svy/bg_gr3.png); background-repeat:no-repeat; background-position:left;}
table.gr1 td { border-right:0px; background-image:url(/img/svy/bg_gr3.png); background-repeat:no-repeat; background-position:center;}

table.gr2 {width:890px; margin-left:50px;}
table.gr2 .first {border-right:0px; background-image:url(/img/svy/bg_gr3.png); background-repeat:no-repeat; background-position:left; padding-left:5px; text-align:left;}
table.gr2 .end {border-right:0px; background-image:url(/img/svy/bg_gr3.png); background-repeat:no-repeat; background-position:right; text-align:right; padding-right:5px;}
table.gr2 th {border-right:0px;}
table.gr2 th.left {text-align:left;}
table.gr2 th.right {text-align:right;}
table.gr2 td { border-right:0px; background-image:url(/img/svy/bg_gr3.png); background-repeat:no-repeat; background-position:center;}
table.gr2 td.bg { border-right:0px; background-image:url(/img/svy/bg_gr3.png); background-repeat:no-repeat; background-position:-364px 6px;}

/* 복수점수평가 */
table.gr3 {width:890px;}
table.gr3 .first {border-right:0px; background-image:url(/img/svy/bg_gr3_2.png); background-repeat:no-repeat; background-position:left 13px; padding-left:2px; text-align:left;}
table.gr3 .end {border-right:0px; background-image:url(/img/svy/bg_gr3_2.png); background-repeat:no-repeat; background-position:right 13px; text-align:right; padding-right:2px;}
table.gr3 th {border-right:0px;}
table.gr3 th.left {text-align:left; padding-left:0px;}
table.gr3 th.mid {text-align:center;}
table.gr3 th.right {text-align:right; padding-right:0px;}
table.gr3 td { border-right:0px; background-image:url(/img/svy/bg_gr3_2.png); background-repeat:no-repeat; background-position:-247px 13px;}
table.gr3 td.bg { border-right:0px; background-image:url(/img/svy/bg_gr3_2.png); background-repeat:no-repeat; background-position:-364px 3px;}

table.gr4 {width:890px;}
table.gr4 .first {border-right:0px; background-image:url(/img/svy/bg_gr3_2.png); background-repeat:no-repeat; background-position:left 10px; padding-left:2px; text-align:left;}
table.gr4 .end {border-right:0px; background-image:url(/img/svy/bg_gr3_2.png); background-repeat:no-repeat; background-position:right 10px; text-align:right; padding-right:2px;}
table.gr4 th {border-right:0px;}
table.gr4 th.left {text-align:left; padding-left:0px;}
table.gr4 th.mid {text-align:center;}
table.gr4 th.right {text-align:right; padding-right:0px;}
table.gr4 td { border-right:0px; background-image:url(/img/svy/bg_gr3_2.png); background-repeat:no-repeat; background-position:-312px 10px;}
table.gr4 td.bg { border-right:0px; background-image:url(/img/svy/bg_gr3_2.png); background-repeat:no-repeat; background-position:-364px 10px;}

.msds-num { background-color:#ffffff; background:url("/img/svy/white.gif") repeat-y 0 0; }
.chk-num-box { background-color: #EEECEC; padding: 10px 0 10px 10px; margin: 0 0 5px 50px;}
.sc-reflash { width: 60px; color: #000; background: #c8c8c8; padding: 4px 0; }
/* 표지 만들기 */
.a-setting .svydeco1 {width:700px; margin-top:10px;}
.a-setting .svydeco1 dt {width:140px; height:22px; color:#00466f; background-image:none; border-bottom:0px; display:inline-block; padding-bottom:0px; padding-top:0px; padding-left:0px; margin-top:3px;}
.a-setting .svydeco1 dd {width:500px; background:none; border-bottom:0px; display:inline-block; padding-bottom:0px; padding-top:0px; margin-top:3px;}

.a-setting .svydeco2 {width:700px; margin-top:10px;}
.a-setting .svydeco2 dt {width:80px; height:22px; color:#00466f; background-image:none; border-bottom:0px; display:inline-block; padding-bottom:0px; padding-top:0px; padding-left:0px; margin-top:5px;}
.a-setting .svydeco2 dd {width:540px; background:none; border-bottom:0px; display:inline-block; padding-bottom:0px; padding-top:0px; margin-top:5px;}
.a-setting .svydeco2 input {width:500px;}
.a-setting .va-top p {width:80px; text-align:center; float:left; margin-right:32px;}
.a-setting .va-top textarea {width:750px; height:80px; line-height:20px; margin-top:10px; }

.q-popnum {font-size:13px; color:#15629e; font-weight:bold;}

/*************************** 20130509 교차분석 팝업 *****************************/
#content-pop {/*float:left;*/padding: 20px; width: 95%; min-width:770px; padding-bottom:10px;}
.cross-wrap.view { margin: 0 0 30px 0;}
.cross-wrap {border:1px solid #e3e3e3; padding-bottom:10px; margin-left:40px;}
.cross-wrap .tit-division {border-bottom:1px solid #1668a6; font-size:15px;line-height: 24px; font-weight:normal; overflow:visible; *zoom:1; position:relative; min-height:30px; padding: 7px 0 7px 60px; }
.cross-wrap .tit-division span.squestion-num {color:#1668a6; font-size:24px; font-family:NanumGothicBold; padding: 8px 10px; display:inline-block; width:40px; line-height: 24px; text-align:left; position:absolute; top:0; left:0;}

/*trlink-sitemap*/
.sitemap {position:absolute;left:auto !important ;  right: 15px !important; top:40px;width: 800px; height: 260px; background:#fff; text-align:center} /********20130705 수정*************/
 /********20130705 추가*************/
.sitemap .s-map-ttl {position:absolute; width:760px; height:40px; top:20px; left:20px; border-bottom:1px solid #CCC}
.sitemap .s-map-ttl>img {position:absolute; left:0 ; top:0}
.sitemap .s-map-ttl>button {position:absolute; right:0 ; top:0}
.sitemap .s-map-cont {position:absolute; width:760px; top:80px; left:20px; overflow:hidden}
.sitemap .s-map-cont dl {width:190px; float:left}
.sitemap .s-map-cont dt {height:43px; font-size:15px; font-weight:bold; text-align:left; text-indent:-99999px}
.sitemap .s-map-cont dt.cate1 {background:url("/img/common/cate_11.png") no-repeat 0 0}
.sitemap .s-map-cont dt.cate2 {background:url("/img/common/cate_22.png") no-repeat 0 0}
.sitemap .s-map-cont dt.cate3 {background:url("/img/common/cate_33.png") no-repeat 0 0}
.sitemap .s-map-cont dt.cate4 {background:url("/img/common/cate_44.png") no-repeat 0 0}
.sitemap .s-map-cont dd>a{font-size:13px; color:#666; padding-left:10px; background:url("/img/common/ico-sitemap.png") no-repeat 0 8px; margin:0 0 !important; clear:both; line-height:23px}
.sitemap .s-map-cont dd>a:hover {text-decoration:underline}
.sitemap .s-map-cont .s-map-sns {width:150px; height:40px; clear:both; margin-right:5px; padding-top:10px} 
.sitemap .s-map-cont .s-map-sns span a {margin:0 0; padding-right:5px}

/*************************** 20130430 설문작성 표지미리보기 팝업 *******************/
#coverwrap {width:1000px; font-size:14px; margin:auto;} 
#coverwrap .covercont {width:940px; padding:0px 30px;}
#coverwrap .covercont2 {width:940px; padding:40px 30px;}
#coverwrap .csvyinfo {padding-right:30px; padding-left:30px; margin:auto; padding-top:40px;}
#coverwrap .csvyinfo dt {width:150px; display:inline-block; float:left;}
#coverwrap .csvyinfo dd {color:#15629e;}
#coverwrap .csvyinfo2 {margin:auto; padding-left:500px;}
#coverwrap .csvyinfo2 dt {float:left; font-size:0px; display:none;}
#coverwrap .csvyinfo2 dd {}
#coverwrap .csvyinfo2 .st {margin-top:15px;}
#coverwrap .csvyinfo2 .st2 {display:inline;}
#coverwrap .skintop {width:100%; margin-bottom:50px}
#coverwrap .skinbtm {width:100%; margin-top:50px}
.skin0-1 {height:100px; background-color:#31859c} /************20131004 수정******/
.skin0-2 {height:40px; background-color:#b7dee8} /************20131004 수정******/
.skin0-3 {height:80px; background-color:#4b4b4b} /************20131004 수정******/
.skin1-1 {height:100px; background-color:#31859c} /************20131004 수정******/
.skin1-2 {height:40px; background-color:#b7dee8} /************20131004 수정******/
.skin1-3 {height:80px; background-color:#4b4b4b} /************20131004 수정******/
.skin2-1 {height:100px; background-color:#425d87} /************20131004 수정******/
.skin2-2 {height:40px; background-color:#d1dff5} /************20131004 수정******/
.skin2-3 {height:80px; background-color:#4b4b4b} /************20131004 수정******/
.skin3-1 {height:100px; background-color:#73527b} /************20131004 수정******/
.skin3-2 {height:40px; background-color:#e6d9e9} /************20131004 수정******/
.skin3-3 {height:80px; background-color:#4b4b4b} /************20131004 수정******/
.skin4-1 {height:100px; background-color:#62714b} /************20131004 수정******/
.skin4-2 {height:40px; background-color:#d9efb9} /************20131004 수정******/
.skin5-3 {height:80px; background-color:#4b4b4b} /************20131004 수정******/
.skin5-1 {height:100px; background-color:#825d16} /************20131004 수정******/
.skin5-2 {height:40px; background-color:#eddab6} /************20131004 수정******/
.skin5-3 {height:80px; background-color:#4b4b4b} /************20131004 수정******/
.skin6-1 {height:100px; background-color:#914242} /************20131004 수정******/
.skin6-2 {height:40px; background-color:#f2d6d6} /************20131004 수정******/
.skin6-3 {height:80px; background-color:#4b4b4b} /************20131004 수정******/
.skin7-1 {height:100px; background-color:#373737} /************20131004 수정******/
.skin7-2 {height:40px; background-color:#dfdfdf} /************20131004 수정******/
.skin7-3 {height:80px; background-color:#4b4b4b} /************20131004 수정******/

/*타겟팅 설문*/
.target-answer-wrap {width:100%; margin: 0 auto;}
.target-answer-wrap .survey-question .q-num {display:inline-block; position:absolute; background:url("/img/svy/num-back.gif") repeat-y 0 0; padding: 5px 0; color:#fff; font-size:20px; fon