@charset "utf-8";

* { margin:0; padding:0; border:none; -webkit-tap-highlight-color: rgba(0,0,0,0.0);  }

html,body { 
	background-color:white; color:#686868; 
	font-family:'Malgun Gothic',Sans-serif; -webkit-text-size-adjust: none; font-size:13px; 
}

body { width: 100%; height: 100%;}

article, aside, details, figcaption, figure, dialog, footer, header, hgroup, main, menu, nav, section, summary { display: block; }
audio, canvas, progress, video { display: inline-block; vertical-align: baseline; }

h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal;}

a { background:transparent; }
a:link, a:visited, a:hover, a:active, a:focus { color: #686868; text-decoration:none; outline: 0; }

button, input, optgroup, select, textarea {	color: inherit; font: inherit; margin: 0; }

button { overflow: visible; cursor:pointer; background:transparent; font-family:'Malgun Gothic',Sans-serif; }
button::-moz-focus-inner,
input::-moz-focus-inner { border:0; padding:0; }
button:focus{outline:0;}


ol, ul { list-style: none; }
hr { clear: both; display: none; }
table { border-collapse: collapse; border-spacing: 0; }

legend, caption { width: 0; height: 0; overflow: hidden; visibility: hidden; font-size: 0; line-height: 0; }
fieldset { border:none; }
em,address { font-style:normal; }
textarea{ resize:none; font-family:inherit; }



/*
 * Default Lyout
 */
.wrap { width: 100%; height: 100%; background: url(/images/bg_wrap.gif) repeat-x 0 67px;}
.header { width: 1450px; margin: 0 auto; overflow: hidden;}
.contents { width: 1450px;margin: 0 auto; padding-top: 3px; /*min-height: 647px;*/ height: 100%; border-bottom: 1px solid #cecece; overflow: hidden;}
.footer {/*  width: 1250px;  */margin: 0 auto; height: 139px;}
.footer .qimg {width: 100%;}

/*
 * Button Style 
 */
.btn a { display: inline-block; width: 60px; height: 21px; line-height: 21px; text-align: center; font-size: 11px; color: #545454; font-weight: 700;
	background: url(/images/btn.gif) no-repeat 0 0; cursor: pointer;}
.btn.inner a { width: 81px; height: 32px; line-height: 32px; background: url(/images/btn_inner.gif) no-repeat 0 0; color: #807215; cursor: pointer}
.btn.black { display: inline-block; padding-left: 10px; background: url(/images/btn_black_left.gif) no-repeat 0 0;}
.btn.black a { width: auto; height: 21px; line-height: 21px; background: url(/images/btn_black_right.gif) no-repeat right 0; color: #fff; padding-right: 10px; cursor: pointer;}
.btn.down { display: inline-block; padding-left: 10px; background: url(/images/btn_down_left.gif) no-repeat 0 0;}
.btn.down a { width: auto; padding-right: 10px; background: url(/images/btn_down_right.gif) no-repeat right 0; color: #fff;}
.wrap_btn { padding: 19px 0; text-align: right; width: 100%; clear: both;}
.wrap_btn .btn a { width: 100px; height: 33px; line-height: 33px; font-size: 14px; color: #000; font-weight: 700; background: url(/images/btn_wrap.gif) no-repeat 0 0;}
.wrap_btn .btn.func { display: inline-block; background: url(/images/btn_wrap_func_left.gif) no-repeat 0 0; padding-left: 20px;}
.wrap_btn .btn.func a { width: auto; color: #fff; background: url(/images/btn_wrap_func_right.gif) no-repeat right 0; padding-right: 20px;}
.linked .btn { display: inline-block; padding-left: 10px; background: url(/images/btn_left.gif) no-repeat 0 0;}
.linked .btn a { width: auto; padding-right: 10px; background: url(/images/btn_right.gif) no-repeat right 0;}
.linked .btn.func a { color: #3e82c1;}


/*
 * header Style
 */
.header h1 { float: left;}
.header .gnb { font-size: 11px; float: right; padding-top: 28px;}
.header .gnb li { float: left; padding: 0 8px 0 6px; border-left: 1px solid #dfdfdf;}
.header .gnb li:first-child { border-left: 0;}
.header .gnb li:last-child { padding-right: 0;}

/*
 * Footer Style
 */
.footer h2 { float: left;}
.footer .copyright { padding: 25px 0 0 10px; width: 760px; overflow: hidden;}
.footer .copyright li { float: left; padding: 5px 10px 0 0;}
.footer .copyright li:last-child { clear: both;}
.footer .copyright li em { color: #666; font-weight: 700; padding-right: 5px;}
.footer .copyright li span { color: #838383;}

/*
 * Login Style
 */
#login .wrap { background: url(/images/login_bg.gif) repeat-x 0 0;}
#login .contents { padding-top: 0; text-align: center; min-height: 0; border: 0;}
#login .contents img { margin-top: 40px;}
#login .loginForm { width: 400px; margin: 0 auto; padding: 25px 0 48px 0; border: 0;}
#login .loginForm dl { width: 300px; display: inline-block; padding-top: 0; vertical-align: middle;}
#login .loginForm dl dt,
#login .loginForm dl dd { display: inline-block; vertical-align: middle; margin-bottom: 10px;}
#login .loginForm dl dt.user_id,
#login .loginForm dl dd.user_id { margin-top: 10px;}
#login .loginForm dl dt { width: 70px; text-align: left;}
#login .loginForm dl dd input { padding: 1px 10px; width: 180px; border: 1px solid #c1c1c1;}
#login .loginForm .btn { vertical-align: middle;}
#login .loginForm .btn a { width: 79px; height: 56px; line-height: 56px; background-image: url(/images/login_btn.gif); color: #fff; font-size: 14px;}
#login .footer { text-align: center; padding-top: 25px;}

/*
 * Contents Style
 */

.contents .lnb { width: 249px; height: 100%; background: #f8f8f8; font-size: 12px; color: #5a5a5a; float: left;}
.contents .lnb li { border-bottom: 1px solid #cecece;}
.contents .lnb li a { display: block; height: 35px; line-height: 35px; padding-left: 27px;}
.contents .lnb li.on a { background: #f0f0f0 url(/images/bg_lnb_arrow.gif) no-repeat 228px 13px; color: #000; font-weight: 700;}
.contents[role=dashBoard] .lnb li[role=dashBoard], .contents[role=downloadList] .lnb li[role=downloadList], .contents[role=deleteQuestion] .lnb li[role=deleteQuestion], 
	.contents[role=adminMenu] .lnb li[role=adminMenu] { background: #f0f0f0 url(/images/bg_lnb_arrow.gif) no-repeat 228px 13px; color: #000; font-weight: 700;}
.contents .lnb li:hover a { background-color: #f0f0f0;}
/* ⬇️ 여기에 한 줄 더 추가 */
.contents[role=loglist] .lnb li[role=loglist] {
  background: #f0f0f0 url(/images/bg_lnb_arrow.gif) no-repeat 228px 13px;
  color: #000;
  font-weight: 700;
}

.contents .lodingBar { position: absolute; left: 0; top: 0; right: 0; bottom: 0;}		
.contents .lodingBar span { display: block; width: 100%; height: 100%; position: absolute;}
.contents .lodingBar span.bg { background: #000; opacity: 0.7;}
.contents .lodingBar span.load { background: url(/images/load.gif) no-repeat center center; background-size: 70px;}

/*content*/
.content { width: 1170px; padding-left: 30px; float: left; position: relative; border-left: 1px solid #cecece; padding-bottom: 20px;}
.content h3 { height: 69px; line-height: 69px; font-size: 18px; color: #000; font-weight: 700;}
.title { position: relative; border-top: 1px solid #000; border-bottom: 1px solid #000; margin: 20px 10px 10px 0;} /* 용욱 margin 변경*/
.title.first { margin-top: 0;}
.title > a { display: block; font-weight: 700; color: #f15500; padding-left: 10px; height: 35px; line-height: 30px;}
.title .tit_btn { position: absolute; right: 10px; top: 5px;}

.contents > div.content > div.title > a > em > input[type="text"] { width: 600px;  }
.qtitle {border: 1px solid #cbcbcb; background: #F1EBEB;}

.question { background: #F1EBEB; padding: 0 10px; position: relative; color: #000; border-bottom: 1px solid #333;
		/* overflow: hidden; */ margin: 0 10px 10px 0; clear: both;} /* 용욱 margin 추가*/
.question .q_cont { overflow: hidden; }
.question .lodingBar { position: absolute; left: 0; top: 0; right: 0; bottom: 0;}		
.question .lodingBar span { display: block; width: 100%; height: 100%; position: absolute;}
.question .lodingBar span.bg { background: #000; opacity: 0.7;}
.question .lodingBar span.load { background: url(/images/load.gif) no-repeat center center; background-size: 70px;}
.question .question_title { border-bottom: solid 1px; margin-bottom: 10px; }
.question > span.q_tit { display: block; padding: 15px 0; font-weight: 700; border-bottom: 1px solid #d4d4d4;}
.question > span.q_tit em { display: block; color: #2968b6; padding-bottom: 10px;}
/*.question .q_tit input { width: 792px; padding: 3px 8px; border: 1px solid #cbcbcb;} /*용욱 805 에서 줄임*/
.question .q_tit { padding: 15px 0; font-weight: 700;}
/*.question .q_tit > li > span,*/
.question ul.options > li > span { float: left;}
.question .q_tit > li > span em { font-size: 14px; display: inline-block; padding-right: 10px;}
.question .q_tit > li > span input { width: 650px; padding: 3px 8px; border: 1px solid #cbcbcb;}
/*.question ul.options > li > span input { width: 650px; padding: 3px 8px; border: 1px solid #cbcbcb;}*/
/*.question .q_tit > li > .optionValue,*/
.question ul.options + .optionValue { clear: both; padding-top: 10px; margin-left: 18px; /* display: none; */}
.question ul.options + .optionValue p { display: none; margin-bottom: 10px;}
.question ul.options + .optionValue p.imgBox img { display: block; margin-top: 10px; max-width: 500px; max-height: 350px;}
.question .q_cont div.depth_list .depth p.imgBox img { display: block; margin-top: 10px; max-width: 300px; max-height: 250px;}
/*.question ul.options + .optionValue p.imgBox div { margin-top: 5px;}*/
.question ul.options + .optionValue p.imgBox .btn { margin-left: 10px;}
/*.question .q_tit + .optionValue textarea,*/
.question ul.options + .optionValue textarea { width: 650px; height: 70px; padding: 3px 8px; border: 1px solid #cbcbcb;}
.question ul.options { float: right;}
.question ul.options > li { float: left; padding-left: 5px; position: relative;}
/*.question .q_tit .options > li > a { display: block; padding: 5px 7px; height: 23px; line-height: 23px; color: #fff;}*/
.question ul.options .tooltip { position: absolute; width: 230px; padding: 10px; margin: 10px 0 0 -220px; background: #fff; border: 1px solid #000; z-index: 10; display: none;}
.question ul.options .tooltip dt { font-size: 14px; font-weight: 700; color: blue; padding-bottom: 5px; border-bottom: 1px solid #d7d7d7;}
.question ul.options .tooltip dd { margin-top: 15px;}
.question ul.options .tooltip dd input { border: 0; width: 100%;}
.question ul.options .tooltip dd span { display: block;}
.question ul.options .tooltip dd textarea { box-sizing: border-box; width: 100%; border: 1px solid #d7d7d7; border-radius: 3px;}
.question ul.options .tooltip dd button { background: #f2f2f2; border: 1px solid #a19f9e; border-radius: 3px; box-shadow: 1px 2px 1px #d7d7d7; width: 100%; padding: 4px 0; margin-top: 10px;}
.question ul.options .tooltip .txt { margin-top: 10px; padding: 10px; background: #e7e7e7;}
.question ul.options .tooltip .txt span { display: block; padding-top: 10px; color: #888;}
.question ul.options .tooltip .txt span::before { content: "*"; display: inline-block; width: 11px;}
.question ul.options .tooltip .txt span:first-child { padding-top: 0;}
.question ul.options .tooltip span.btn { position: absolute; right: 10px; top: 5px;}
.question .q_tit::after { content: ""; display: block; clear: both;}
.question .d2_tit { border-bottom: 1px solid #d4d4d4; }
.question .sq_tit { /* display: block; */ padding: 5px 0 5px 12px; font-weight: 700; /* border-bottom: 1px solid #d4d4d4; */ margin-bottom: 3px;}
.question .sq_tit em { display: block; color: #2968b6; padding-bottom: 10px;}
.question .sq_tit input { width: 600px; padding: 3px 8px; border: 1px solid #cbcbcb;} /*용욱 805 에서 줄임*/

.question .d2_tit ul.options + .optionValue { clear: both; padding-top: 10px; padding-left: 12px;/* display: none; */}
.question .d2_tit ul.options + .optionValue p { display: none; margin-bottom: 10px;}
.question .d2_tit ul.options + .optionValue p.imgBox img { display: block; margin-top: 10px; max-width: 300px; max-height: 250px;}
.question .d2_tit ul.options + .optionValue p.imgBox .btn { margin-left: 10px;}
.question .d2_tit ul.options + .optionValue textarea { width: 650px; height: 70px; padding: 3px 8px; border: 1px solid #cbcbcb;}

.question .edit_btn { position: absolute; right: 10px; top: 15px;}
.question .q_cont::after { content: ""; display: block; clear: both;}
.question .q_cont > ul { min-height: 50px; padding: 20px 0 15px 0; border-bottom: 1px solid #d4d4d4;}
.question .q_cont > ul > li { padding-top: 5px; clear: both; }
.question .q_cont > ul > li div.account span em { display: inline-block;}
/* .question .q_cont > ul > li span em { display: inline-block; width: 30px;} */
.question .q_cont > ul > li span em + input[type=text] { width: 617px;}
.question .q_cont li:first-child { padding-top: 0;}
.question .q_cont .btn_area { float: right; margin: 10px 0 13px 6px;}
.question .q_cont li span.select { display: none;}
.question .q_cont li span.select select { width: 110px;}
.question .q_cont li span .nextQarea { display: none;}
.question .q_cont li span span input { width: 15px !important;}
.question .q_cont input[type=text] { width: 540px; margin-left: 3px; background: #fff; padding: 3px 8px; border: 1px solid #cbcbcb;} /*용욱 805 에서 줄임*/
.question .q_cont em + input[type=text] { width: 535px;} /*용욱 805 에서 줄임*/
.question .q_cont ul.options + .optionValue { margin-left: 25px;}
.question .q_cont ul.options + .optionValue textarea { width: 625px;}
.question input[type=text]:disabled { background: transparent; border-color: transparent;}
.question textarea:disabled { background: transparent; border-color: transparent;}
.question select { width: 120px; height: 23px; border: 1px solid #aaadb2; position: absolute; right: 10px; top: 15px;}
.question .q_cont .ico_box { width: 100%; clear: both;}
.question .q_cont .ico_box p { margin-top: 10px;}
.question .q_cont .ico_box p input { width: 280px; margin-left: 16px; padding: 14px 8px 15px 8px; text-align: center;} /*용욱 285 에서 줄임 */
.question .q_cont .ico_box p input:first-child { margin-left: 0; text-align: left;}
.question .q_cont .ico_box p input:nth-child(3) { text-align: right;}
.question .q_cont .ico_box div { overflow: hidden; margin-top: 25px;}
.question .q_cont .ico_box:first-child div { margin-top: 0;}
.question .q_cont .ico_box span { float: left; background: url(/images/bg_scale.gif) repeat-x 0 8px;}
.question .q_cont .ico_box span:last-child { width: auto !important;}
.question .q_cont .ico_box span.last { width: auto !important;}
.question .q_cont .ico_box.type_3 span { width: 460px;} /* 용욱 466 에서 줄임 */
.question .q_cont .ico_box.type_5 span { width: 230px;} /* 용욱 233 에서 줄임 */
.question .q_cont .ico_box.type_7 span { width: 153px;} /* 용욱 155 에서 줄임 */
.question .q_cont .ico_box.type_7 span:first-child { padding-right: 1px;}
.question .q_cont .ico_box.type_7 span:last-child { padding-left: 1px;}
.question .q_cont .ico_box.type_9 span { width: 114px;} /* 용욱 116 에서 줄임 */
.question .q_cont .ico_box.type_9 span:first-child { padding-right: 2px;}
.question .q_cont .ico_box.type_9 span:last-child { padding-left: 2px;}
.question .q_cont .ico_box.type_11 span { width: 92px;} /* 용욱 103 에서 줄임 */
.question .q_cont .ico_box.type_11 span:first-child { padding-right: 2px;}
.question .q_cont .ico_box.type_11 span:last-child { padding-left: 3px;}
.question.scale .q_cont ul { border-bottom: 0;}
.question .q_cont dl.options dd p.select { display: none;}
.question .q_cont dl.options dd p.select .nextQarea { display: none;}
.question .q_cont dl.options dd p.selectRate { display: none;}
.question .q_cont dl.options dd p.select .editView { display: inline-block;}
.question ul.count  { display: none;}
.question ul.count li span input { width: 15px !important;}
.question ul.count li .nextQarea { display: none;}
.question ul.count li .editView { display: inline-block;}

.question select { display: none;}
.question .optionsArea { display: none;}
.question .btn.add,
.question .btn.save,
.question .btn.cancel { display: none;}
.question .q_cont dl.options { display: none;}

/* edit 버전 */
/*.question[role="edit"] .q_tit { border-bottom-color: transparent;}*/
.question[role="edit"] .q_cont ul { border-bottom-color: transparent;}
.question[role="edit"] .q_cont ul.count em { display: inline-block; width: 15px;}
.question[role="edit"] .q_cont .sub_tit { margin-left: 15px; padding: 0; min-height: 20px;}
/*.question[role="edit"] .q_cont .sub_tit span em { font-weight: 700; margin-left}*/
.question[role="edit"] .q_cont .sub_tit input[type="text"] { width: 650px;}
.question[role="edit"] .q_cont .sub_tit ul.options + .optionValue { margin-left: 3px;}
.question[role="edit"] .q_cont .sub_tit ul.options + .optionValue textarea { width: 650px;}
.question[role="edit"] .q_cont .depth { padding-bottom: 15px;}
.question[role="edit"] .q_cont .depth .sub_tit + ul { margin-left: 35px;}
.question .q_cont .depth .sub_tit + ul { margin-left: 35px;}
.question[role="edit"] .q_cont .depth .sub_tit + ul li span em { display: inline-block; width: 30px;}
.question[role="edit"] .q_cont .depth .sub_tit + ul li span input[type="text"] { width: 617px;}
.question[role="edit"] .q_cont .depth .btn.add { margin-left: 18px;}
/*.question[role="edit"] .q_cont li span { display: inline-block; width: 25px; color: #5e5e5e;}*/
/* .question[role="edit"] .q_cont li span + input[type=text] { width: 767px;} */ /* 용욱 없앰*/
/*.question[role="edit"] .q_cont li input[type=text] { width: 805px;}*/
.question[role="edit"] .q_cont li select { position: static; margin-left: 6px;}
.question[role="edit"] .q_cont dl.options { padding: 22px 0 0 0; display: block;}
.question[role="edit"] .q_cont dl.options dt { width: 100px; color: #6a8d0c; font-weight: 700;}
.question[role="edit"] .q_cont dl.options dd input { margin-right: 5px;}
.question[role="edit"] .q_cont dl.options dt,
.question[role="edit"] .q_cont dl.options dd { display: inline-block; vertical-align: middle; margin-right: 15px; position: relative;}
.question[role="edit"] .q_cont dl.options dd p { position: absolute; top: 25px; left:5px; width: 300px;}
.question[role="edit"] .q_cont dl.options dd .selectRate { margin-left: 25px;}
.question[role="edit"] .q_cont dl.options dd p span:first-child::after { content: ""; display: inline-block;}
.question[role="edit"] .q_cont dl.options dd p span input { width: 15px;}
.question[role="edit"] .q_cont dl.options dd p select { position: static;}
.question[role="edit"] .q_cont dl.options dd * { display: inline-block; vertical-align: middle;}
.question[role="edit"] .q_cont .optionsArea select { position: static; width: 60px; margin-top: 10px;}
.question[role="edit"] .btn.add a { width: 72px; background-image: url(/images/btn_add.gif);}

.question[role="edit"] select { display: inline-block;}
/*.question[role="edit"] .q_tit input { background: #f6f6f6}*/
.question[role="edit"] .btn.add { display: block;}
.question[role="edit"] .edit_btn { display: none;}
.question[role="edit"] .btn.save,
.question[role="edit"] .btn.cancel { display: inline-block;}
.question[role="edit"] .btn.modify { display: none;}
.question[role="edit"] .optionsArea { display: block;}
.question[role="edit"] .q_cont li span .editView { display: inline;}
.question[role="edit"] ul.count  { display: block;}

.question.ranking[role="edit"] .q_cont li { padding-top: 5px;}
.question.ranking[role="edit"] .edit_btn { display: none;}
.question.ranking[role="edit"] select { display: inline-block;}
.question.complete .q_cont textarea { width: 100%; height: 170px; padding: 22px 20px; border: 1px solid #cbcbcb; box-sizing: border-box;}
.question.complete .q_cont .btn.black { margin-bottom: 10px;}

.question.message .q_tit { border-bottom: 0;}
.question.message .q_cont { padding: 15px 0 55px 0; text-align: center; color: #4d4d4d;}
.question.message .q_cont span { display: block; padding-bottom: 10px;}
.question.message .q_cont span a { color: #ff1800; text-decoration: underline;}
.question.message .q_cont span em { font-weight: 700;}

.message h3 { border-bottom: 0;}
.message .question { text-align: center; padding: 5px; border: 0;}
.message .question .q_tit { border-bottom: 0; background: #5184c4;}
.message .question .q_tit em { padding-bottom: 0; color: #fff; font-size: 14px;}
.message .question .q_cont { padding: 35px 0; color: #4d4d4d;}
.message .question .q_cont span { display: block; padding-top: 10px;}
.message .question .q_cont span:first-child { padding-top: 0;}
.message .question .q_cont span a { color: #ff1800; text-decoration: underline;}
.message .question .q_cont span em { font-weight: 700;}
.message.sendPlan h3 { /* border-bottom: 1px solid #333; */}
.message.sendPlan .question { border-top: 1px solid #333; border-bottom: 1px solid #333; text-align: left;}
.message.sendPlan .question .q_tit { text-align: center;}
.message.sendPlan .question ul { width: 630px; margin: 0 auto;}
.message.sendPlan .question li { display: table; width: 100%; margin-top: 35px;}
.message.sendPlan .question li:first-child { margin-top: 0;}
.message.sendPlan .question li label,
.message.sendPlan .question li .account { display: table-cell; vertical-align: middle; /*text-align: left;*/}
.message.sendPlan .question li label { width: 45%; cursor: pointer;}
.message.sendPlan .question li label img { margin-left: 20px;}
.message.sendPlan .question li label * { vertical-align: middle;}
.message.sendPlan .question li .account span { display: block; width: auto;}
.message.sendPlan .question .q_cont { padding-bottom: 10px;}
.message.sendPlan .question .q_cont label[for="send_homepage"] + .account select { margin-left: 0; margin-top: 5px;}
.message.sendPlan .question .q_cont label[for="send_homepage"] + .account select:disabled { opacity: 0.6;}
.message.sendPlan .question .q_cont .btn.black { display: inline-block; padding-top: 0;}
.message.sendPlan .question .q_cont .btn.black a { color: #fff; text-decoration: none;}
.message.sendPlan .user { float: left; margin-top: 25px;}
.message.sendPlan .user * { display: inline-block; vertical-align: middle;}
.message.sendPlan .wrap_btn { float: right; width: auto;}

.caption { padding-bottom: 10px; border-bottom: 1px solid #333;}
.caption dl { padding-top: 10px;}
.caption dl:first-child { padding-top: 15px;}
.caption dt { font-size: 12px; color: #000; display: inline-block; width: 80px;}
.caption dt::after { content: ""; display: block; width: 12px; height: 14px; float: left; background: url(/images/bg_caption_title.gif) no-repeat 0 4px;}
.caption dd { display: inline-block;}

.dataTable table { width: 100%; border-top: 2px solid #333; border-right: 1px solid #e1e1df; border-bottom: 1px solid #333; border-left: 1px solid #e1e1df; text-align: center;}
.dataTable thead th { height: 30px; line-height: 30px; border-bottom: 1px solid #333; background: url(/images/dataTable_head_bg.gif) repeat-x 0 0;}
.dataTable tbody td { height: 30px; line-height: 30px; border-top: 1px solid #e1e1df;}
.dataTable tbody tr:first-child td { border-top: 0;}
.dataTable tbody tr:hover { background: #fffaef; color: #fb7512;}
.dataTable tbody tr:hover a { color: #fb7512;}
.dataTable .btn { margin-top: 10px;}
.dataTable + .wrap_btn { padding-top: 0; margin-top: -30px;}
.dataTable .pager { font-family: verdana; text-align: center; margin-top: -21px;}
.dataTable .pager a { width: 26px; height: 26px; line-height: 26px; display: inline-block; font-weight: 700; font-size: 14px; text-align: center; border: 1px solid #c0c0c0;}
.dataTable .pager a.on { background: #87b824; border-color: #6d8f09; color: #fff;}
.dataTable .pager .ico { text-indent: -999999px; background-position: 10px 9px; background-repeat: no-repeat;}
.dataTable .pager .ico.prev { background-image: url(/images/prev.gif);}
.dataTable .pager .ico.prev_plus { background-image: url(/images/prev_plus.gif);}
.dataTable .pager .ico.next { background-image: url(/images/next.gif);}
.dataTable .pager .ico.next_plus { background-image: url(/images/next_plus.gif);}
.dataTable .title { border-bottom: 0;}
.table_statu { color: #545454; font-size: 12px; float: right; margin-top: 12px;}
.table_statu em { font-weight: 700;}
.btn_area + .wrap_btn { padding: 10px 0;}

.dataWrite table { width: 100%; text-align: left; border-top: 2px solid #333; border-bottom: 1px solid #333;}
.dataWrite table input,
.dataWrite table select,
.dataWrite table textarea { border: 1px solid #cbcbcb; width: 380px; padding: 2px 5px;}
.dataWrite th { width: 20%; background: #f6f6f6; border-top: 1px solid #d4d4d4;}
.dataWrite th label { display: inline-block; padding-left: 10px;}
.dataWrite th label::after { content: ""; display: block; width: 12px; height: 14px; float: left; background: url(/images/bg_caption_title.gif) no-repeat 0 4px;}
.dataWrite td { border-top: 1px solid #d4d4d4; padding: 5px;}
.dataWrite td select { width: 392px;}
.dataWrite td textarea { width: 98%; height: 80px;}
.dataWrite tr.ex th { vertical-align: top; padding-top: 7px;}

.question_create h3 { border-bottom: 0;}
.question_create ul { overflow: hidden;}
.question_create ul li { float: left;}
.question_create .dataWrite { clear: both; padding-top: 40px;}
.question_create .dataWrite input { width: 765px;}
.question_create .dataWrite select { display: inline-block; position: static; vertical-align: middle; width: 713px;}

.homepage .s_tit { font-size: 12px; color: #000; font-weight: 700; display: block; text-align: left; padding: 30px 0 10px 10px;}
.homepage .question .s_tit { padding-top: 10px;}
.homepage .question select { display: block; position: static; float: left; margin-left: 10px;}
.homepage .question .q_cont .btn { float: left; padding-top: 0; margin: 1px 0 0 10px; }
.homepage .question .q_cont .btn a { color: #545454; text-decoration: none;}
.homepage .dataTable { position: relative;}
.homepage .dataTable table { border-top: 1px solid #b2c3d8; border-bottom-color: #d6d6d6; border-left: 0; border-right: 0;}
.homepage .dataTable thead th { background: #d8e3f1; border-bottom: 0; color: #3c69a2;}
.homepage .dataTable + .wrap_btn { margin-top: -21px;}

.email .dataWrite th { padding-left: 10px; background: none;}
.email .dataWrite th::after { content: ""; display: block; width: 12px; height: 14px; float: left; background: url(/images/bg_caption_title.gif) no-repeat 0 6px;}
.email .dataWrite td { vertical-align: middle;}
.email .dataWrite td input { width: 250px; vertical-align: middle;}
.email .dataWrite tr:first-child td input { width: 96%;}
.email .dataWrite td .btn { margin-left: 10px;}
.email .dataTable table { border-top: 1px solid #b2c3d8; border-bottom-color: #d6d6d6; border-left: 0; border-right: 0;}
.email .dataTable thead th { background: #d8e3f1; border-bottom: 0; color: #3c69a2;}
/*.email .edit_area .send_tiem li { overflow: hidden;}*/
.email .edit_area .send_tiem { border: 1px solid #d4d4d4; padding: 15px 30px; margin-bottom: 10px;}
.email .edit_area .send_tiem label * { display: inline-block; vertical-align: middle;} 
.email .edit_area .send_tiem label { margin-right: 40px;}
.email .edit_area .send_tiem div { width: auto; padding: 0; display: inline-block;}
.email .edit_area .send_tiem div input { padding: 2px 5px; border: 1px solid #cbcbcb;}
.email .edit_area .send_tiem div select { height: 21px; line-height: 21px; border: 1px solid #cbcbcb;}

.letter .content { position: relative;}
.letter .dataWrite th { padding-left: 10px; background: none;}
.letter .dataWrite th::after { content: ""; display: block; width: 12px; height: 14px; float: left; background: url(/images/bg_caption_title.gif) no-repeat 0 6px;}
.letter .mobile_area { width: 147px; height: 262px; background: url(/images/bg_mobile.gif) no-repeat 0 0; padding: 65px 25px 25px; position: relative; float: left; margin-top: 40px;}
.letter .mobile_area input,
.letter .mobile_area textarea { background: transparent;}
.letter .mobile_area textarea { width: 100%; height: 170px;}
.letter .mobile_area .val { display: block; margin-top: 20px; text-align: center;}
.letter .mobile_area .val em { color: #000; font-weight: 700;}
.letter .mobile_area .submit_box { position: absolute; bottom: 24px; left: 20px;}
.letter .mobile_area .submit_box input { width: 125px; margin-left: 5px; color: #fff;}
.letter .mobile_area .submit_box .btn a { width: 25px; height: 21px; background: transparent; margin-left: 5px; text-indent: -999999px;}
.letter .mobile_information { width: 687px; padding: 10px; border: 1px solid #cbcbcb; position: relative; float: right; margin-top: 40px;}
.letter .mobile_information input[type=text] { border: 1px solid #cbcbcb; padding: 2px 5px; vertical-align: middle; width: 184px;}
.letter .mobile_information select { border: 1px solid #cbcbcb;}
.letter .mobile_information .number_val { width: 307px; height: 291px; border: 1px solid #cbcbcb; margin-top: 8px;}
.letter .settings { position: absolute; right: 10px; top: 10px; width: 362px; height: 319px; border: 1px solid #5184c4;}
.letter .settings .send_settings { padding-bottom: 15px; border-bottom: 1px solid #5184c4;}
.letter .settings .send_settings dt { height: 30px; line-height: 30px; background: #5184c4; color: #fff; font-weight: 700; padding: 0 15px;}
.letter .settings .send_settings dd { padding: 0 15px; margin-top: 15px;}
.letter .settings .send_settings dd.time select { width: 50px;}
.letter .settings .send_settings dd label { color: #5184c4; font-weight: 700; margin-right: 10px;}
.letter .settings .send_settings dd label input { margin-right: 5px;}
.letter .settings .send_settings dd label * { display: inline-block; vertical-align: middle;}
.letter .settings .send_settings dd input[type=text] { width: 75px; vertical-align: middle;}
.letter .settings .send_settings dd select { height: 21px; vertical-align: middle;}
.letter .settings .wrap_btn { width: auto; padding: 0 15px; margin: 20px 0;}
.letter .settings .wrap_btn .btn a { width: 292px;}
.letter .settings .address select { margin-left: 15px; height: 21px; width: 267px; vertical-align: middle;}
.letter .settings .address .wrap_btn .btn { display: inline-block; padding-left: 20px; background: url(/images/btn_wrap_left.gif) no-repeat 0 0;}
.letter .settings .address .wrap_btn .btn a { padding-right: 20px; background: url(/images/btn_wrap_right.gif) no-repeat right 0;}

.letter.lms .s_tit { display: block; color: #000; font-weight: 700; margin-bottom: 15px;}
.letter.lms .result_info { width: 715px; float: left;}
.letter.lms .result_info .s_tit { margin-top: 20px;}
.letter.lms .result_info table { width: 100%; text-align: left;}
.letter.lms .result_info table th { padding: 8px 20px; border-bottom: 1px solid #b2c3d8; background: #d8e3f1; color: #3c69a2; font-weight: 700;}
.letter.lms .result_info table td { padding: 8px 20px; border-bottom: 1px solid #d6d6d6;}
.letter.lms .result_info table tr:first-child th { border-top: 1px solid #b2c3d8;}
.letter.lms .result_info table tr:first-child td { border-top: 1px solid #d6d6d6;}
.letter.lms .mobile_area { float: right; margin-top: 0;} 
.letter.lms .mobile_area p { width: 100%; height: 170px;}
.letter.lms .report { clear: both; position: relative; padding: 20px 0 100px 0;}
.letter.lms .report table { width: 100%;}
.letter.lms .report table thead th { border-top: 1px solid #b2c3d8; color: #3c69a2; background: #d8e3f1; padding: 8px 20px;}
.letter.lms .report table tbody th { font-weight: 500; text-align: center;}
.letter.lms .report table tbody td a { text-align: center; display: block; color: #000;}
.letter.lms .report table tbody tr.fail th { background: #ececec;}
.letter.lms .report table tbody th, .letter.lms .report table tbody td { padding: 8px 20px; border-bottom: 1px solid #d6d6d6;}
.letter.lms .report .ex { position: absolute; right: 0; top: 25px;}
.letter.lms .report .ex em { font-weight: 700;}
.letter.lms .report .btn { float: right; margin-top: 10px;}

.result { min-height: 500px;}
.result h3 { border: 0;}
.result .dataTable td.time { color: #fb4d00;}
.result .dataTable td.state { color: #798f00;}
.result .dataTable td.title span { display: block; width: 330px; text-align: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.result .dataTable .pager { margin: 30px 0 50px 0;}
.result .search_area { margin-bottom: 20px; border: 1px solid #e1d8ba; background: #f9f7ec; padding: 10px;}
.result .search_area input { border: 1px solid #d4d4d4; padding: 2px 5px; width: 80px;}
.result .search_area select { border: 1px solid #d4d4d4; height: 21px;}
.result .search_area > div { display: inline-block; vertical-align: middle;}
.result .search_area .srch_txt input { width: 200px;}
.result .linked { position: absolute; right: 0; top: 25px;}

.result.detail .dataTable table { border: 0;}
.result.detail .dataTable thead th { border-bottom: 0; border-left: 1px solid #cbcbcb; background: #e9f1fa; border-top: 1px solid #cbcbcb; color: #2968b6;}
.result.detail .dataTable thead th:last-child { border-right: 1px solid #cbcbcb;}
.result.detail .dataTable tbody td { height: auto; line-height: 100%; border-top: 1px solid #cbcbcb; border-left: 1px solid #cbcbcb;}
.result.detail .dataTable tbody td:last-child { border-right: 1px solid #cbcbcb;}
.result.detail .dataTable tbody td span { /* max-width: 85px; */ display: inline-block; word-break: break-all;} /*  일단 max-width: 85 가림 곽용욱 */
.result.detail .dataTable tbody tr:last-child td { border-bottom: 1px solid #cbcbcb;}
.result.detail .dataTable tbody tr:hover { background: transparent; color: #686868;}
.result.detail .btn.down { margin-bottom: 10px;}
.result .btn.down { margin-bottom: 10px;}

.result.page .down_area { float: right;}
.result.page .down_area select { border: 1px solid #cbcbcb; height: 21px; vertical-align: middle;}
.result.page .section { margin-bottom: 40px; clear: both;}
.result.page .section .s_tit { background: #f6f6f6 url(/images/bg_section_arr.gif) no-repeat 98% -87px;}
.result.page .section.open .s_tit { background-position: 98% 13px;}
.result.page .section .s_tit em { float: left; width: 28px; height: 28px; line-height: 28px; border: 1px solid #2968b6; color: #2968b6; font-weight: 700; text-align: center; margin-right: 10px; background: #fff;}
.result.page .section .s_tit span { display: block; height: 28px; line-height: 28px; color: #2968b6; border: 1px solid #cbcbcb; font-weight: 700;}
.result.page .section div.box { border: 1px solid #cbcbcb; border-top: 0; padding: 10px;}
.result.page .section div.box h5 { height: 38px; line-height: 38px; background: #e4ecf5; padding: 0 15px; position: relative;}
.result.page .section div.box h5 .total { color: #ff5400; font-size: 12px; position: absolute; right: 15px; top: 0;}
.result.page .section div.box div.thead dl { background: #e4ecf5;}
.result.page .section div.box dl { padding: 0 15px; background: #f6f6f6; border-top: 1px solid #cbcbcb; height: 36px; line-height: 36px; position: relative;}
.result.page .section div.box dl dt { color: #000; width: 410px; display: inline-block;}
.result.page .section div.box dl dt.jg { color: #000; width: 180px; display: inline-block;}
.result.page .section div.box dl dd { display: inline-block; vertical-align: middle; width: 480px;}
.result.page .section div.box dl dd.jgd { display: inline-block; vertical-align: middle; width: 650px;}
.result.page .section div.box dl dd.blue span { color: #4179bf; font-weight: 700;}
.result.page .section div.box dl dd.graph span { display: inline-block; height: 11px; background: #4179bf;}
.result.page .section div.box dl dd.total { width: 85px; position: absolute; right: 8px; top: 0; text-align: right;}
.result.page .section div.box div { max-height: 185px; overflow-y: auto;}
.result.page .section.table .box h5 { color: #2968b6;}
.result.page .section.table .box h5 span { color: inherit;}
.result.page .section.table .box h5 ul { margin-left: 340px;}
.result.page .section.table .box h5 ul::after { content: ""; display: block; clear: both;}
.result.page .section.table .box h5 li { text-align: center; width: 33.3%;}
.result.page .section.table .box li { float: left;}
.result.page .section.table .box div { min-height: 0;}
.result.page .section.table .box dl dt { width: 345px;}
.result.page .section.table .box dl dd { width: 550px;}
.result.page .section.table .box dl dd ul { width: 100%;}
.result.page .section.table .box dl dd li { width: 20%; text-align: center; line-height: 100%;}
.result.page .section.table .box dl dd li span { display: block;}
.result.page .section.table .box dl dd.total { right: 8px; font-weight: 700; color: #000;}
/*.result.page .section.table .box dl dd ul { margin-left: 0;}*/
/*.result.page .section.table .box dl dd li { float: left;}*/
.result.page .btn.down { margin-bottom: 10px;}

.lms h3 { border: 0;}
.lms .dataTable .title span { display: block; text-align: left; width: 370px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.lms .dataTable tr:nth-child(even) { background: #fcfafb;}
.lms .dataTable thead th { border-bottom: 0;}
.lms .condition { border: 1px solid #b0c0d3; background: #f4f9ff; padding: 20px; margin-bottom: 10px;}
.lms .condition em { font-size: 12px; color: #3c69a2; font-weight: 700; padding-bottom: 20px; display: block;}
.lms .condition li { padding-top: 5px;}
.lms .condition li:first-child { padding-top: 0;}
.lms .condition li::after { content: ""; display: block; float: left; width: 15px; height: 15px; background: url(/images/bg_condition.gif) no-repeat 0 0;}

.write { padding-top: 30px;}
.write.first { padding-top: 0; border-top: 0;}
.write.first > dd { border-top: 1px solid #333;}
.write dt { font-size: 14px; font-weight: 700; color: #000; padding-bottom: 10px;}
.write dd { border-top: 2px solid #333; border-bottom: 1px solid #333;}
.write dd div { padding: 5px 0; width: 100%;}
.write dd div img { width: 100%;}
.write dd label { margin-right: 60px;}
.write dd label input { margin-right: 5px;}
/*.write dd * { display: inline-block; vertical-align: middle;}*/
.write + p.ex { margin-top: 10px;}
.write dl { overflow: hidden;}
.write dl dt { font-size: 13px; font-weight: 500; padding: 0; float: left; clear: both; padding: 0 10px; width: 150px; background: #f6f6f6; margin-right: 5px; height: 27px; line-height: 27px;}
.write dl dt::after { content: ""; display: block; width: 12px; height: 14px; float: left; background: url(/images/bg_caption_title.gif) no-repeat 0 12px;}
.write dl dd { border: 0; padding: 0; margin-top: 3px; float: left;}
.write dl dd input { padding: 2px 5px; border: 1px solid #cbcbcb; width: 780px;}
.write dd p { padding-bottom: 10px;}
.write.edit_area dd { border: 0;}
.write.section dd label { margin-right: 0;}
.write.section dd input { width: auto; margin-right: 5px;}
.write.section dd dl { display: block; overflow: hidden; border-top: 1px solid #d4d4d4;}
.write.section dd dl:first-child { border-top: 0;}
.write.template dd { border: 1px solid #d4d4d4; padding: 40px; text-align: center;}
.write.template dd p.ico { text-indent: -999999px; width: 53px; height: 53px; border: 3px solid transparent; padding-bottom: 0;}
.write.template dd .blue p.ico { border-color: #1c76ca; background: #2f8ee6;}
.write.template dd .orange p.ico { border-color: #e9640b; background: #ff7316;}
.write.template dd .green p.ico { border-color: #93ca32; background: #a2da3f;}
.write.template dd .white p.ico { border-color: #dde0d6; background: white;}

.write.template dd .new1 p.ico { border-color: #d6d4d4; background: #f2f2f2;}
.write.template dd .new2 p.ico { border-color: #e3dcc8; background: #fff2cc;}
.write.template dd .new3 p.ico { border-color: #c8d1c2; background: #e2f0d9;}
.write.template dd .new4 p.ico { border-color: #d0d9d8; background: #dfeceb;}

.write.template dd ul li { margin-left: 35px; display: inline-block;*display:inline; zoom:1;}
.write.template dd ul li:first-child { margin-left: 0;}
.write.template dd ul li label { margin-right: 0; text-align: center; width: 59px;}
.write.template dd ul li label input { margin: 20px 0 0 0;}

.searchUser .write.section dd dd { width: 795px;}
.searchUser .write.section input { width: 98%; margin-right: 0;}
.searchUser .write.section + .input_area { float: right; margin-top: 10px;}

.input_area * { display: inline-block; vertical-align: middle;}
.input_area label { margin-left: 20px;}
.input_area label:first-child { margin-left: 0;}
.input_area label input { margin-right: 5px;}

p.ex { font-size: 11px; color: #ff5a00;}
p.ex::after { content: ""; display: block; float: left; background: url(/images/bg_ex.gif) no-repeat 0 2px; width: 15px; height: 15px;}


/* mobile && POPUP */
.user_wrap { max-width: 900px; font-family: "맑은고딕"; margin: 0 auto;}
.user_wrap h2 { font-size: 14px; padding: 11px 20px 13px; color: #f15500; font-weight: 700; background: #f5f5f5; margin-top: 100px;}
.listArea { margin: 18px 21px;}
.listArea > li { border: 1px solid #dcdcdc; margin-bottom: 20px;}
.listArea h3 { font-size: 13px; color: #0b6eb3; background: #ebf3f9; font-weight: 700; padding: 12px 13px 13px;}
.listArea ol { padding: 15px 20px; overflow: hidden;}
.listArea ol li { min-width: 150px; padding: 0 10px 10px 0;}
.listArea ol.dual li { float: left; width: 50%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; box-sizing: border-box;}
.listArea ol.dual li:nth-child(2n+1) { clear: both;}
.listArea ol li input { display: inline-block; vertical-align: middle; margin-right: 5px;}
.listArea ol li input[type="text"] { min-width: 200px; height:30px; border: 1px solid #cbcbcb; margin-left: 10px;}
.listArea .txtBox { margin-top: 5px; white-space: initial;}
.listArea .imgBox { margin-top: 5px;}
.listArea .imgBox img { /* min-width: 220px;  */max-width: 400px;}
@media screen and (max-width: 400px) {
	.listArea ol.dual li { float: left; width: 100%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; box-sizing: border-box;}
	.listArea ol.dual li .imgBox img { width: 100%;}
	.listArea .imgBox img { width: 100%; /* min-width: 220px;  */max-width: 400px;}
}
@media screen and (max-width: 910px) {
	.listArea ol.dual li .imgBox img { width: 100%;}
	.listArea .imgBox img { width: 100%; /* min-width: 220px;  */max-width: 400px;}	
}
.listArea .text_area .imgBox img { width: 100%; /* min-width: 220px;  */max-width: 350px;}
.listArea .table_area .imgBox img {width: 100%; /* min-width: 220px;  */max-width: 170px;}
.listArea .select { padding: 10px 13px;}
.listArea .select select { width: 100%; border: 1px solid #acadb2;}
.listArea .multiple { border-color: transparent;}
.listArea .multiple ol { border: 1px solid #dcdcdc;}
.listArea .multiple .sub_tit { background: #ebf3f9; margin: 15px 0 20px 0; padding: 10px; }

.listArea .rank { border: 0;}
.listArea .rank h3 { border-top: 1px solid #dcdcdc; border-right: 1px solid #dcdcdc; border-left: 1px solid #dcdcdc;}
.listArea .rank ol { border-right: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc; border-left: 1px solid #dcdcdc;}
.listArea .rank ol li { width: 100%;}
.listArea .rank ol.dual li { float: left; width: 50%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; box-sizing: border-box;}
.listArea .rank ol.dual li:nth-child(2n+1) { clear: both;}
@media screen and (max-width: 400px) {
	.listArea .rank ol.dual li { float: left; width: 100%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; box-sizing: border-box;}
}
.listArea .rank .select { border: 1px solid #dcdcdc; margin-top: 10px;}
.listArea .rank div li { padding-bottom: 10px;}
.listArea .rank div li em { display: inline-block; font-weight: 700; width: 54px;}
.listArea .rank div li select { width: 90%;}
.listArea .rank ol li em { color: #6a8d0c; font-weight: 700; padding: 0 10px;}

.lcArea { margin: 18px 21px;}
.lcArea > li { padding: 15px 20px; overflow: hidden; border: 1px solid #dcdcdc; margin-bottom: 20px;}

.user_wrap .wrapBtn { padding: 0 21px 30px 21px; text-align: center; clear: both;}
.user_wrap .wrapBtn .btn a { font-size: 14px; color: #000; padding: 0 10px; width: auto; max-width: 140px; height: 30px; line-height: 30px; border: 1px solid #a19f9e; border-radius: 3px; display: inline-block; text-align: center; background: #f2f2f2; font-weight: 700;}
.user_wrap .wrapBtn .btn a.func { background: #87b940; color: #fff;}

.user_wrap li .table_area { padding: 15px 20px;}
.user_wrap li .table_area table { text-align: center; width: 100%;}
.user_wrap li .table_area table thead th { border-left: 1px solid #cbcbcb; background: #f6f6f6; padding: 10px;}
.user_wrap li .table_area table thead th:first-child { border-left: 0; width: 30%;}
.user_wrap li .table_area table tbody th { text-align: left; border-top: 1px solid #cbcbcb;}
.user_wrap li .table_area table tbody th em { color: #6a8d0c; font-weight: 700; padding: 0 10px;}
.user_wrap li .table_area table tbody td { border-left: 1px solid #cbcbcb; border-top: 1px solid #cbcbcb;}
.user_wrap li .table_area table tbody td label { display: block; padding: 10px 0;}
.user_wrap .scale_area { padding: 20px 0; width: 90%; margin-left: 10px;}
.user_wrap .scale_area2 { padding: 5px 0px 0px 0px; width: 90%; margin-left: 10px;}
.user_wrap .scale_area .sc_num { margin-bottom: 10px;}
.user_wrap .scale_area ul,
.user_wrap .scale_area p { display: table; width: 98%;}
.user_wrap .scale_area ul li,
.user_wrap .scale_area p span { display: table-cell;  vertical-align: middle;}
.user_wrap .scale_area ul li.i2 { background: none;}
.user_wrap .scale_area ul li.i2 span { width:13px; text-align: center;}
.user_wrap .scale_area ul li { background: url(/images/bg_scale.gif) repeat-x 0 7px;}
.user_wrap .scale_area ul li.i2 { background: none;}
.user_wrap .scale_area ul li.i2 span { width:13px; text-align: center;}
.user_wrap .scale_area ul li img { width: 16px; height: 16px; display: inline-block;}
.user_wrap .scale_area ul li:last-child { background: none; width: 1%;}
.user_wrap .scale_area ul li.last { background: none; width: 1%;}
.user_wrap .scale_area p { width: 97%;}
.user_wrap .scale_area p span { text-align: center;}
.user_wrap .scale_area p span:first-child { text-align: left;}
.user_wrap .scale_area p span:last-child { text-align: right;}
.user_wrap .scale_area p span.last { text-align: right;}
.user_wrap .scale_tit { display: table; margin-left: 36%; margin-top: 10px; text-align: center; width: 61%; margin-right: 3%;}
.user_wrap .scale_tit span { display: table-cell; width: 10%; margin: 0 auto;}
.user_wrap .scale_tit span:first-child { text-align:left;}
.user_wrap .scale_tit span:last-child { text-align:right;}
.user_wrap .scale_tit span.last { text-align:right;}
.user_wrap .scale_tit span em { padding-left: 5px;}
.user_wrap .matrix .scale_area { margin-left: 0; width: 95%; display: table; margin-right: 5%;}
.user_wrap .matrix .scale_area span { display: table-cell; margin-right: 1%; vertical-align: top;}
.user_wrap .matrix .scale_area span em { font-weight: 700; margin: 0 5px 0 10px; color: #6a8d0c;}
.user_wrap .matrix .scale_area ul { display: table-cell; width: 60%;}
.user_wrap .text_area { }
.user_wrap .text_area li { margin-top: 20px; padding: 15px 20px;}
.user_wrap .text_area li:first-child { margin-top: 0;}
.user_wrap .text_area em { color: #000; font-weight: 700;}
.user_wrap .text_area em span { color: #5d5d5d; font-weight: 500;}
.user_wrap .text_area textarea { display: block; width: 100%; height: 50px; border: 1px solid #cbcbcb; margin-top: 10px;}
.user_wrap.number h2 { width: 100%; height: 58px; line-height: 58px; background-color: #bf1a20; color: #fff; font-size: 18px; font-weight: 700;}
.user_wrap.number h2:before { content: ""; display: block; float: left; width: 30px; height: 29px; background: url(/images/bg_pop_number.gif) no-repeat 0 0; margin-top: 14px;}
.user_wrap.number .table_box { margin: 15px 10px;}
.user_wrap.number .table_box input { border: 1px solid #cbcbcb; padding: 4px 8px;}
.user_wrap.number .table_box table { width: 100%;}
.user_wrap.number .table_box table thead th { margin: 15px 10px; height: 28px; line-height: 28px; background: #d8e3f1; border-top: 1px solid #b2c3d8; color: #3c69a2;}
.user_wrap.number .table_box table tbody td { border-bottom: 1px solid #d6d6d6; padding: 5px; text-align: center; width: 20%;}
.user_wrap.number .table_box table tbody td input { margin-left: 10px; vertical-align: middle;  width: 90%;}
.user_wrap.number .table_box table tbody td:first-child { width: 5%; text-align: left;}
.user_wrap.number .table_box table tbody td:last-child { width: 30%;}

.user_wrap .txt_box { margin: 30px 0 50px 0;}
.user_wrap .txt_box p { margin-top: 20px; padding: 0 20px;}
.user_wrap .txt_box.message { background: #f1ebeb; padding: 15px 0 20px 0; border-bottom: 2px solid #dcdcdc; position: relative;}
.user_wrap .txt_box.message .description { position: absolute; left: 10px; top: 10px; margin: 0; padding: 0; color: #3763ba; font-weight: 700; text-align: left;}
.user_wrap .txt_box.message p { width: 100%; text-align: center;}
.user_wrap .txt_box.message p span { display: block; padding-top: 10px;}
.user_wrap .txt_box.message p span em { font-weight: 700; color: #000;}
/*.user_wrap .txt_box dl.question_info { padding: 0 20px; margin-top: 70px; overflow: hidden;}
.user_wrap .txt_box dl.question_info dt { float: left; width: 150px; padding: 3px 7px; border-left: 1px solid #bebebe; border-bottom: 1px solid #bebebe; clear: both; background: #eee;}
.user_wrap .txt_box dl.question_info dd { float: left; width: 150px; padding: 3px 7px; border-left: 1px solid #bebebe; border-bottom: 1px solid #bebebe; border-right: 1px solid #bebebe; color: #15629e; }
.user_wrap .txt_box dl.question_info dt:first-child,
.user_wrap .txt_box dl.question_info dd:nth-child(2) { border-top: 1px solid #bebebe;}*/
.user_wrap .txt_box .info { display: table; padding: 20px; width: 100%; box-sizing: border-box;}
.user_wrap .txt_box .info dl { display: table-row; width: 100%; background: #eef6fa;}
.user_wrap .txt_box .info dl dt,
.user_wrap .txt_box .info dl dd { display: table-cell; padding: 10px 0 10px 10px; box-sizing: border-box;}
.user_wrap .txt_box .info dl dt { width: 25%;}
.user_wrap .txt_box .info dl dd { width: 75%;}
.user_wrap .txt_box .info dl dt span { display: block; border-right: 3px solid #bebebe; margin-right: 10px;}
.user_wrap .txt_box dl dd span.minute::after { content: "분"; display: inline-block;}
.user_wrap .txt_box dl dd span.sec::after { content: "초"; display: inline-block;}
.user_wrap .txt_box dl.information { width: 255px; float: right; margin-bottom: 30px;}
.user_wrap .txt_box dl + p { margin-top: 30px;}
.user_wrap img { max-width : 860px;}

#datepicker .ui-datepicker { width: 100%; text-align: center; vertical-align: middle;}
#datepicker .ui-datepicker-header { position: relative;}
#datepicker .ui-datepicker-header .ui-datepicker-title { font-weight: 800; font-size: 23px; color: #4e4e4e;}
#datepicker .ui-datepicker-header .ui-datepicker-prev { position: absolute; left: 120px; top: 3px; cursor: pointer;}
#datepicker .ui-datepicker-header .ui-datepicker-next { position: absolute; right: 120px; top: 3px; cursor: pointer;}
#datepicker .ui-datepicker-calendar { width: 100%; margin-top: 10px;}
#datepicker .ui-datepicker-calendar th { font-size: 11px; height: 35px; vertical-align: middle; color: #4e4e4e;}
#datepicker .ui-datepicker-calendar td { width: 60px;}
#datepicker .ui-datepicker-calendar td a { width: 46px; height: 46px; line-height: 46px; display: inline-block; border-radius: 99px; font-weight: 700; font-size: 19px; color: #4e4e4e;}
#datepicker .ui-datepicker-calendar td.ui-datepicker-week-end a { color: #808283;}
#datepicker .ui-datepicker-calendar td.ui-datepicker-week-end:first-child a { color: #fe0000;}
#datepicker .ui-datepicker-calendar td.ui-datepicker-unselectable span { color: #cacaca; font-size: 19px; font-weight: 700;}
#datepicker .ui-datepicker-calendar .ui-state-active { background: #ff7e00; color: #fff !important;}


#pop_wrap { position: fixed; width: 100%; height: 100%; left: 0; top: 0;}
#pop_wrap .popup { width: 400px; height: 460px; position: absolute; left: 50%; top: 50%; margin-left: -200px; margin-top: -230px; z-index: 10; background: #fff;}
#pop_wrap .popup .contents { width: auto; padding: 20px 0; border-bottom: 0;}
#pop_wrap .popup .wrap_btn { text-align: center; padding-top: 30px;}
#pop_wrap .bg { background: #000; opacity: 0.8; position: fixed; left: 0; top: 0; right: 0; bottom: 0;}

#ui-datepicker-div	{z-index: 10 !important }
/* mobile 템플릿 별 디자인 color 변경 */
.user_wrap[role=white] h2 { color: #000; background: white;}
.user_wrap[role=white] h3 { color: #000; background: white;}

.user_wrap[role=blue] h2 { color: #000; background: #2f8ee6;}
.user_wrap[role=blue] h3 { color: #000; background: #2f8ee6;}

.user_wrap[role=orange] h2 { color: #000; background: #ff7316;}
.user_wrap[role=orange] h3 { color: #000; background: #ff7316;}

.user_wrap[role=green] h2 { color: #000; background: #a2da3f;}
.user_wrap[role=green] h3 { color: #000; background: #a2da3f;}

.user_wrap[role=new1] h2 { color: #000; background: #f2f2f2;}
.user_wrap[role=new1] h3 { color: #000; background: #f2f2f2;}

.user_wrap[role=new2] h2 { color: #000; background: #fff2cc;}
.user_wrap[role=new2] h3 { color: #000; background: #fff2cc;}
	
.user_wrap[role=new3] h2 { color: #000; background: #e2f0d9;}
.user_wrap[role=new3] h3 { color: #000; background: #e2f0d9;}
	
.user_wrap[role=new4] h2 { color: #000; background: #dfeceb;}
.user_wrap[role=new4] h3 { color: #000; background: #dfeceb;}
.tooltip { position: absolute; width: 230px; padding: 10px; margin: 10px 0 0 -220px; background: #fff; border: 1px solid #000; z-index: 10; display: none;}
.tooltip dt { font-size: 14px; font-weight: 700; color: blue; padding-bottom: 5px; border-bottom: 1px solid #d7d7d7;}
.tooltip dd { margin-top: 15px;}
.tooltip dd input { border: 0; width: 100%;}
.tooltip dd span { display: block;}
.tooltip dd textarea { box-sizing: border-box; width: 100%; border: 1px solid #d7d7d7; border-radius: 3px;}
.tooltip dd .imgFileUpload { background: #f2f2f2; border: 1px solid #a19f9e; border-radius: 3px; box-shadow: 1px 2px 1px #d7d7d7; width: 100%; padding: 4px 0; margin-top: 10px; cursor: pointer; text-align: center;}
.tooltip dd .videoFileUpload { background: #f2f2f2; border: 1px solid #a19f9e; border-radius: 3px; box-shadow: 1px 2px 1px #d7d7d7; width: 100%; padding: 4px 0; margin-top: 10px; cursor: pointer; text-align: center;}
.tooltip dd button { background: #f2f2f2; border: 1px solid #a19f9e; border-radius: 3px; box-shadow: 1px 2px 1px #d7d7d7; width: 100%; padding: 4px 0; margin-top: 10px;}
.tooltip .txt { margin-top: 10px; padding: 10px; background: #e7e7e7;}
.tooltip .txt span { display: block; padding-top: 10px; color: #888;}
.tooltip .txt span::before { content: "*"; display: inline-block; width: 11px;}
.tooltip .txt span:first-child { padding-top: 0;}
.tooltip span.btn { position: absolute; right: 10px; top: 5px;}

.text-center { text-align: center; }

/*140904*/
.contents[role="address_upload"] dl { padding: 5px 0; display: table; width: 100%;}
/*.contents[role="address_upload"] dl::after { content: ""; display: block; clear: both;}*/
.contents[role="address_upload"] dl dt { display: table-cell; width: 15%; height: 24px; line-height: 24px; margin-right: 10px; color: #333; border-right: 1px solid #d1d1d1;}
.contents[role="address_upload"] dl dt::before { content: "*"; display: inline-block; width: 20px; text-align: center; color: #fd703b;}
/*.contents[role="address_upload"] dl dt span { display: inline-block; width: 100%; border-right: 1px solid #d1d1d1;}*/
.contents[role="address_upload"] dl dd { display: table-cell; width: 85%;}
.contents[role="address_upload"] dl dd input { border: 1px solid #d1d1d1; margin-left: 10px; width: 300px;}
.contents[role="address_upload"] dl dd input[type="text"] { padding: 3px 5px 4px; width: 97%;}
.contents[role="address_upload"] dl.address_title { border-top: 2px solid #333;}
.contents[role="address_upload"] dl.fileUpload { border-bottom: 1px solid #333;}
.contents[role="address_upload"] p.description { padding: 20px; background: #f9f6ef; border-top: 1px solid #ececec; border-bottom: 1px solid #ececec;}
.contents[role="address_upload"] p.description span { color: #757575; display: block;}
.contents[role="address_upload"] dl.sub_title { width: auto; border: 1px solid #e5ddc8; background: #fffbef;}
/*.contents[role="address_upload"] dl.sub_title::after { content: ""; display: block; clear: both;}*/
/*.contents[role="address_upload"] dl.sub_title dt { width: 90px; height: 24px; line-height: 24px; border-right: 1px solid #ececec;}*/
.contents[role="address_upload"] dl.sub_title dt::before { content: "*"; display: inline-block; width: 20px; text-align: center; color: #ff6e41;}
.contents[role="address_upload"] dl.sub_title dd { width: 835px; margin-left: 10px;}
.contents[role="address_upload"] dl.sub_title dd input { width: 792px;}
.contents[role="address_upload"] .dataTable { width: 100%;}
.contents[role="address_upload"] .dataTable th,
.contents[role="address_upload"] .dataTable td { width: 33.3%; padding: 5px 0;}
.contents[role="address_upload"] .dataTable th { background: #f9f9f9; border-top: 2px solid #333; padding: 2px 0;}
.contents[role="address_upload"] .dataTable th div,
.contents[role="address_upload"] .dataTable td span { padding: 0 10px;}
.contents[role="address_upload"] .dataTable th select { width: 100%; background: #fff; border: 1px solid #aaaeb1;}
.contents[role="address_upload"] .dataTable tbody tr:last-child td { border-bottom: 1px solid #333;}
.contents[role="address_upload"] .dataTable + .wrap_btn { margin-top: 10px;}

.contents[role="address_upload"] .list dl.sub_title dd input { width: 300px;}
.contents[role="address_upload"] .list .dataTable { margin-top: 20px;}
.contents[role="address_upload"] .list .dataTable th,
.contents[role="address_upload"] .list .dataTable td { width: auto;}
.contents[role="address_upload"] .list .dataTable th:first-child { text-align: left;}
.contents[role="address_upload"] .list .dataTable .btn { padding: 0;}
.contents[role="address_upload"] .list .dataTable .btn a { width: 100px; color: #fff;}
.contents[role="address_upload"] .list .dataTable .btn.red a { background: #87b824; border: 1px solid #6d8f09; border-radius: 3px;}
.contents[role="address_upload"] .list .dataTable .btn.gray a { background: #838383; border: 1px solid #767676; border-radius: 3px;}
.contents[role="address_upload"] .list .dataTable .pager { margin-top: 20px;}
.contents[role="address_upload"] .list .dataTable td { text-align: center;}
.contents[role="address_upload"] .list .dataTable td:nth-child(1) { text-align: left;}
.contents[role="address_upload"] .list .dataTable td:nth-child(2) { text-align: left; width: 500px;}
.contents[role="address_upload"] .list .dataTable td:nth-child(4) { text-align: right;}

.contents[role="address_upload"] .view dl { color: #333; font-weight: 700;}
.contents[role="address_upload"] .view dl dd { padding-left: 10px;}
.contents[role="address_upload"] .view dl.info { margin-top: 20px; border-top: 1px solid #c5c5c5; border-bottom: 1px solid #c5c5c5; padding: 0;}
.contents[role="address_upload"] .view dl.info dt { background: #f3f3f3; padding: 5px 0;}
.contents[role="address_upload"] .view dl.info dd .btn { margin-left: 10px;}

.contents[role="address_upload"] .list.detail .sub_title dd { padding-left: 10px;}
.contents[role="address_upload"] .list.detail .option { position: relative; margin: 20px 0 10px 0;}
.contents[role="address_upload"] .list.detail .option input,
.contents[role="address_upload"] .list.detail .option select { border: 1px solid #aaadb2; padding: 3px 5px 4px;}
.contents[role="address_upload"] .list.detail .option em { color: #585858; font-weight: 700; display: inline-block;}
.contents[role="address_upload"] .list.detail .view_line { position: absolute; right: 0; top: 0;}
.contents[role="address_upload"] .list.detail .dataTable td:nth-child(2) { width: auto;}
.contents[role="address_upload"] .list.detail .dataTable th,
.contents[role="address_upload"] .list.detail .dataTable td { text-align: center;}
.contents[role="address_upload"] .list.detail .dataTable td input[type=text] { border: 1px solid #c2c2c2; width: 90%; line-height: 1; padding: 3px 5px 4px;}

/* 2014-12-29 곽용욱 
/survey/make/complete 에서 daumeditor 때문에 추가*/
.tx-toolbar .tx-toolbar-boundary .tx-bar .tx-list{float:left;padding-top:4px;padding-bottom:0;height:22px;}
dl.cheom_sub_title { width: auto; border: 1px solid #e5ddc8; background: #fffbef;}
dl.cheom_sub_title dt::before { content: "*"; display: inline-block; width: 20px; text-align: center; color: #ff6e41;}
.contents dl { padding: 5px 0; display: table; width: 100%;}
/*.contents[role="address_upload"] dl::after { content: ""; display: block; clear: both;}*/
.contents dl dt { display: table-cell; width: 15%; height: 24px; line-height: 24px; margin-right: 10px; color: #333; border-right: 1px solid #d1d1d1;}
.contents dl dt::before { content: "*"; display: inline-block; width: 20px; text-align: center; color: #fd703b;}