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

/*
@import url('/web/css/webfont.css');
@import url('/web/css/base.css');
*/

/* LAYOUT */


html, body, .sub-wrap{/*height:100%;*/margin: 0;	padding: 0;}
.sub-top-wrap {position: relative;	z-index: 100;}
/*.content-wrap {min-height: 100%;	margin: 0 0 -44px;}*/
* html .content-wrap {/*height: 100% !important;*/}
 #content { /*padding: 25px 0 44px;*/ min-height:800px;}

textarea, input:focus { outline: none; }
.right{ float: right !important;}
.center { text-align:center !important; }

/* Sub Layout */
.skip-navigation {position:absolute; top:-5000px; left:-5000px; height:0; font-size:0;}

/* 지도 옵션값때문에 z-index 105로 넣음 */
.sub-wrap {background:url('/img/common/lback.gif') repeat-y 0 0; }
.sub-top-wrap { z-index:105; width: 100%; position: fixed; top: 0px; } /* 20181029 상단고정 */
.sub-top { z-index:105; overflow:visible;*zoom:1; min-width: 980px; height:40px; line-height: 40px;background:#ffffff !important; border-bottom:1px solid #e3e3e3; }  /* 20181029 border-bottom 추가 */ 
.sub-top h1 { width: 171px; float:left; text-align:center; height:40px; line-height: 40px; }
/*.sub-top .tmenu {float:left;  z-index:999;}*/
.sub-top .gnb-slide-menu {display:inline-block; float:left;}  /* 20181102 수정 */
.sub-top .tmenu {float:right;  z-index:999; behavior: url("/css/PIE/PIE.htc"); } 
.sub-top .tmenu li {float:left; text-align:center; padding: 0 10px; position:relative;}   /* 20181029 배경삭제 */
.sub-top .tmenu li a {color:#666;}  /* 20181029 색상변경 */
.sub-top .tmenu li a:hover {color:#ed5c23;}  /* 20181029 색상변경 */
.sub-top .tmenu li.selected {color:#ed5c23;}   /* 20181029 색상변경 */

/* gnb */
 .sub {position:absolute; left:0; top: 40px; width: 120px; box-shadow: 5px 5px 10px #d9d9d9; behavior: url("/css/PIE/PIE.htc"); z-index:9999;}  /* 20181017 width값 수정 */
 .sub li {clear:left; width: 80px; text-align:left !important; background-image:none; background:#fff !important; padding: 0 20px!important; }  /* 20181017 width값 수정 */
 .sub li a {color:#666 !important; display:block;}
 .sub li:hover  a{color:#ed5c23 !important;  }


.sub-top .trlink {/*float:left; position:relative;*/}   /* 20181102 수정 */
.sub-top .trlink a {float:left; color:#666; margin:0 11px; }
.sub-top .trlink a img {vertical-align:middle!important; margin-left:5px;}

/* trlink-login*/
.login-box {width: 250px; height:100px; box-shadow: 5px 5px 10px #d9d9d9; }
.login-box p {line-height:19px; margin:5px 0;padding-left:13px; vertical-align:middle;}
.login-box p:last-child {margin-bottom:none;}
.login-box input[type="text"] {width: 145px; }
.login-box input[type="checkbox"] {margin-right:2px;}
.login-box label {font-size:11px;}
.login-box label.id, .login-box label.pw {position:absolute; top:-1000px; left:-5000px; height: 0; font-size:0;}
.login-box button {width: 70px; background:#666666; color:#fff; font-size:11px; text-align:center; height: 25px; padding: 5px 0;.margin:3px 0 0 3px;}
.login-box a.find-id-pw {float:none !important; color:#666 !important;  background:url("/img/common/bul-dot-02.gif") no-repeat 0 5px; margin: 0!important;padding: 0 0 10px 10px; font-size:11px;}

/*trlink-info*/
.user-info { width: 100px;  }  /* 20181029 width값 수정 */
.user-info a{clear:left; display:block; width:100px;  margin: 0!important; text-indent:10px; font-size:11px;  text-align:left !important; background:#fff ; color:#666 !important; }  /* 20181029 width값 수정 */
.user-info a:hover {background:#ed5c23 !important ; color:#fff !important; }   /* 20181029 배경색상 수정 */


/*trlink-sitemap*/
.sitemap {position:absolute;left:auto !important ;  right: 15px !important; top:40px;width: 300px; height: 100px; background:#fff; text-align:center; }

.conetent-wrap {line-height:20px; overflow:visible; *zoom:1; width:100%; margin: 3px 0; min-width: 1200px; background:url("http://dev.nownsurvey.com/img/common/lback.gif") repeat-y 0 0; z-index:2; float:left;              
               -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
              -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
               box-shadow: 0 1px 10px rgba(0, 0, 0, 0.2); } 
.conetent-wrap {overflow:visible; *zoom:1; width:100%; margin: 3px 0; min-width: 1200px; background:url('/img/common/lback.gif') repeat-y 0 0; z-index:2; float:left;}   /* 20181109 float 추가 */
.conetent-wrap .left-section { top:40px; float:left; width: 170px; /*height:100%;*/ z-index:200; position:fixed; background:url('/img/common/lback.gif') repeat-y 0 0; }  /* 20181127 width수정, position값 추가, width값, z-index값 수정 */ 
.conetent-wrap .left-section .ltit {padding: 25px 15px 10px 15px; display:none;}  /* 20181127 display속성 추가 */
.conetent-wrap .left-section .ltit h2 {width:100%; font-size:25px; font-family:NanumGothic; display:inline-block; margin-bottom:8px; text-align:center; font-weight:500; letter-spacing:-0.05em;}
.conetent-wrap .left-section .ltit h2 span {font-size:13px!important; font-family:NanumGothic !important;  color:#666; display:block; padding-top:5px; }

.conetent-wrap .left-section .ltit .button-type1 {background:#666; color:#fff; font-size:12px; text-align:center; padding:10px 0; width:100%; }

.left-menu-section {}
.left-menu-section .lmenu {border-bottom:1px solid #dddddd;border-right:1px solid #dddddd;}   /* 20181107 수정 */
/** .left-menu-section .lmenu { background: url('/img/common/dot-w-border.gif') repeat-x left top, url('/img/common/dot-w-border.gif') repeat-x left bottom;padding:1px 0;} **/

.left-menu-section .ltit-st01 { padding-left:30px; font-size:13px; border-top:1px solid #dddddd; border-bottom:1px solid #ddd; background: url("/img/common/ico-lmenu-00.png") no-repeat 10px 10px; padding: 7px 0 7px 30px;}
.left-menu-section .ltit-st01:hover {color:#ed5c23; font-weight:bold; background:#f6f6f6; background: url("/img/common/ico-lmenu-00-over2.png") no-repeat 10px 10px;}      /** 20181029 색상변경 **/
.left-menu-section .ltit-st01.selected {color:#ed5c23; font-weight:bold; background:#f6f6f6; background: url("/img/common/ico-lmenu-00-over2.png") no-repeat 10px 10px;} /** 20181029 색상변경 **/

.left-menu-section .ltit-st01 img, .left-menu-section .lmenu-st02 img,.left-menu-section .lmenu-st03 img {vertical-align:middle; margin-right:7px;}
.left-menu-section .lmenu .first {background:#fff; position:relative;} /** 수정(161006 김연수) **/
.left-menu-section .lmenu li {background:#fff; padding: 6px 0 6px 15px; position:relative;} /** 수정(161006 김연수) **/
.left-menu-section .lmenu li:hover {background:#fff;} 
.left-menu-section .lmenu li:hover a {color:#ed5c23; font-weight:bold; }   /** 20181107 색상수정 **/
.left-menu-section .lmenu li.selected {color:#ed5c23; font-weight:bold; background:#fff;}  /** 20181107 색상수정 **/
.left-menu-section .lmenu li.selected a{color:#ed5c23; }  /** 20181107 색상수정 **/
.left-menu-section .lmenu li input.left-sub {background:#fff !important; border:1px solid #e9eef4 !important; width:80px;}
.left-menu-section .lmenu li.selected input.left-sub {background:#fff !important; border:1px solid #e3e3e3!important; width:75px;}

/*.left-menu-section .lmenu li input.left-sub:hover , .left-menu-section .lmenu li input.left-sub:active {background:#fff !important; color:#1563a5;}*/

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

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

.left-menu-section .function-link {/*padding: 5px 0 5px 15px ;*/ border-top:1px solid #dddddd; }
.left-menu-section .function-link li {padding: 7px 0 7px 10px; border-bottom:1px solid #dddddd;}  /** 수정(161006 김연수) **/
.left-menu-section .function-link li:hover {background:#f6f6f6;}  /** 수정(161006 김연수) **/
.left-menu-section .function-link li:hover a {color:#ed5c23; font-weight:bold; }   /** 20181029 색상변경 **/
.left-menu-section .function-link li.selected {color:#ed5c23; font-weight:bold; background:#f6f6f6; }   /** 20181029 색상변경 **/
.left-menu-section .function-link li.selected a{color:#ed5c23; font-weight:bold;}  /** 20181029 색상변경 **/
.left-menu-section .function-link a img {margin-right: 7px;}

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

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

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

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

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

/*footer {width:100%; background:#cde7ff; color:#666666; padding: 10px 0; text-align:center; z-index:9999; } */
.footer {width:100%; min-width: 1200px; background:#fff; color:#666666; padding: 10px 0; bottom:0; text-align:center; border-top:1px solid #e3e3e3; z-index:5; /*position:fixed;*/ float:left;} /* 20181109 float 추가 background 컬러 변경, border 추가, min-width추가 */
.footer_make {width:100%; background:#fff; color:#666666; padding: 10px 0; position:absolute; /*bottom:0; */text-align:center; /* z-index:-1;*/ }

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

/*.conetent-wrap {height:100%; min-height:100%;}*/
.sub-wrap{height:100%; min-height:100%;margin-bottom:-44px;}
 #content {/*float:left;*/margin-left: 170px;  /*padding: 20px 0 0 0;*/ width: 1010px; min-width:770px; margin-top:50px; padding-bottom:70px; overflow:hidden;} /** 181106 margin-left값 수정**/
 #content_make {/*float:left;*/margin-left: 170px;  padding: 20px 0 0 0; width: 800px; min-width:770px; margin-top:30px; padding-bottom:70px;}
 #analyze_content {/*float:left;*/margin-left: 190px; margin-top: 30px; padding: 20px 0 0 0; min-width:800px; padding-bottom:70px;}
 #content.auto   {width: auto!important;} 


/* Hgroup */
h3 {font-family:NanumGothic; font-size:16px; font-weight:600; margin-bottom:10px; color:#333;}  /* 20181106 폰트명, 굵기 변경 */
h4 {font-family:NanumGothic;  font-weight:600; font-size:16px;  color:#333;} /* 20181106 폰트명, 굵기 변경 */
span.navigation {display:block; color:#15629e; font-size:12px; padding-left:2px; margin-bottom:30px;}
.hstyle-3{background:url("/img/common/bul-blue2.gif") no-repeat 0 7px;  font-size:13px; padding: 0 0 0 10px; font-weight:normal !important;}
.hstyle-2{font-size:20px !important; margin:0 0 30px 10px !important; color:#000 !important;}   /* 20181109  배포타이틀 :  font-size, margin-bottom값 수정 */
span.tit-side {font-size:11px; font-weight:normal !important;}
span.tit-side strong {color:#ed5c23; font-weight:bold;}  /* 20181106 폰트색상 수정 */

/* 양사이드 컨텐츠 : 제목단*/
.hsection {overflow:hidden; *zoom:1;}
.hsection .hstyle-2 {float:left; display:inline-block !important; width:60%!important;}
.hsection .button-section {float:right; width:30%; text-align:right;}

/* 양사이드 컨텐츠 : 컨텐츠단*/
.bside-con {overflow:visible; *zoom:1;min-height:20px;margin-bottom:8px;}
.bside-con.o-hidden {overflow:hidden;}
.bside-con .lcon {float:left; display:inline-block !important; width:49%!important; position:relative; text-align:left;}
.bside-con .rcon {float:right; width:49%; text-align:right;}
.bside-con .lcon3 {float:left; display:inline-block !important; width:50%!important; position:relative; text-align:left; }
.bside-con .rcon3 {float:right; width:50%; text-align:right;}
.bside-con .right-btn {float:right; width:150px; text-align:right; padding-right:15px;}

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

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

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

 /* button : 기본정렬 left*/

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

.button-type-board {padding: 5px; border:1px solid #c8c8c8; font-size:12px; }  /* 20181106 폰트크기, padding값 수정 */ 
.arrow {background:url("/img/common/ico-arrow.png") no-repeat 35px 50% ; padding-right:17px;}

/* 설문작성페이지 input:hover style */
.input-type2 { z-index:2; resize: none; background:#fff; color:#333; border:0; background-color:transparent; width:88%; padding:3px;}
.input-type2 :hover { z-index:2; background:#eef9d7 !important;; border:1px solid #f4ffdd !important; }

.input-type3 { z-index:2; resize: none; font-size:15px; background:#fff; color:#333; border:0; background-color:transparent; min-width:240px; width:70%; padding:3px;}
.input-type3 :hover { z-index:2; background:#eef9d7 !important; border:1px solid #f4ffdd !important; }

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

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

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

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

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

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


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

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

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

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

/*.dot-st03 li {background:url("/img/common/bul-blue.gif") no-repeat 0 8px; padding-bottom:5px; font-size:12px; padding-left:10px; line-height:18px;}*/ /* blue dot */
.dot-st03 li {background:url("/img/common/bul-dot-01.gif") no-repeat 0 8px; padding-bottom:5px; font-size:13px; padding-left:10px; line-height:20px;}  /*orange dot*/  /* 20181106 수정 */
.gbox .dot-st03 li:last-child {padding-bottom:0;}

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


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

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

/* data-table */
table{ table-layout:fixed; width:100%;}
.data-table-col {/*border-bottom:1px solid #e3e3e3 !important;*/ border-bottom:0; }  /* 20181108 border 수정 */
.data-table-col th {color:#333b43; vertical-align:top; text-align:right; font-weight:600; }  /* 20181108 text-align, color 수정 */
.data-table-col th, .data-table-col td {padding:10px; font-size:14px;}  /* 20181108 text-align삭제, font-size, padding 수정 */
.data-table-col-no th, .data-table-col-no td {text-align:left;}
td span.question {margin: 0 0 0 40px; background:url('/img/common/ico-question.gif')no-repeat 0 0; padding-left:17px; font-size:11px;}

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

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

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

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

/* board-list */
.board-list { border-top:2px solid #dbdbdb;margin: 3px 0;}   /* 20181106 수정 */
.board-list thead th {color:#333b43; border-bottom:1px solid #dbdbdb; padding: 10px 0 ;text-align:center; font-weight:600; line-height:15px; font-size:14px;}  /* 20181106 수정 */
.board-list tbody th, .board-list tbody td {padding: 10px 0; border-bottom:1px solid #dbdbdb; text-align:center; color:#555; font-size:14px; letter-spacing:-0.03em;}  /* 20181106 수정 */
.board-list tbody tr:hover {background:#f4f4f4; }  /* 20181106 수정 */
.no-data {padding:25px 0 !important;}

.board-list2 { border-top:1px solid #ed5c23;margin: 3px 0;}
.board-list2 tbody th { color:#1668a6; border-bottom:1px solid #e3e3e3; padding:5px 0; text-align:left;}
.board-list2 tbody td { padding:5px 0; border-bottom:1px solid #e3e3e3; text-align:left;}

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

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

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

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

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

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

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

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

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

.tab-section {position:relative;}
.tab-section span.right-con {position:absolute; right:0; top:7px; color:#1870b4; font-size:11px;}

/* division-section-3 */

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

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

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

/* 삭제, 이동 선택 레이어 */
.select-layer {width:102px !important; border:1px solid #666;}
.select-layer li a{color:#666; display:block;padding: 5px;  font-size:11px;}
.select-layer li a:hover{background:#e3e3e3 url("/img/common/check.png")no-repeat 90px 50%; }
.select-layer-right, .button-section .select-layer-right {position:absolute; left:47px!important;}
.button-section .select-layer{padding:0; top:20px;}
.make-survey {font-size:11px !important; color:#15629e; background:url("/img/common/ico-plus.gif") no-repeat 5px 50%; padding: 10px 0 10px 15px;}
.make-btn-right {float:right;}
.make-btn-right a {display:inline-block; padding:5px; color:#888; background:#fff; border:1px solid #888;}
.make-btn-right a:hover {color:#ed5c23; background:#fff; border:1px solid #ed5c23;}

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

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

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

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

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

/*20170207 문항작성페이지 ::: 전현정 */
.sub-top .menu-wrap {float:right; z-index:1000; }
.sub-top .linemap {float:left;}
.sub-top .linemap ul {padding-left:10px;}
.sub-top .linemap ul li {height:40px; line-height: 40px; color:#666;  text-align:right; padding-left:0px; padding-right:30px; background:url("/img/svy/linemap_arrow2.png") no-repeat; background-position:right 0px; float:left;}  /* 20181127 배경이미지수정, padding값 수정 */
.sub-top .linemap ul li span img {margin-top:-2px; margin-left:5px; margin-right:5px;}
.sub-top .linemap ul li.last {padding-left:5px; text-align:right; height:40px; line-height: 40px; background:none; font-weight:bold;}
.sub-top .linemap ul li a { color:#666; }

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

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

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

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


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

/* 20181107 배포관리 페이지 */
.board-position {position:relative; top:0px; left:20px;}  /* 20181127 top 수정 */
.show-hide-right .button-section .button-type61 { border:1px solid #666 !important; color:#666; padding:0px 10px; font-size:13px; min-width:77px; height:24px; min-height:27px; line-height:20px;} /** 20181107 추가 **/
.button-type55 { background:#fff; border:1px solid #c8c8c8; color:#666; padding:0px 10px; font-size:12px; min-width:77px; height:24px; min-height:27px; line-height:20px;}

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

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