@charset "utf-8";

/* iframe 100Per */
.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } 
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* modal */
.overlay {width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 1000; display: none;}
.modal {display:none; overflow: auto; z-index: 1001; position: absolute; background:#FFF; text-align:left;}
.modal h3 {text-align:center; height:54px; line-height:54px; font-size:20px; color:#FFF; position:relative; background:#00aca8;}
.modal h3 .btnClosePop {position:absolute; right:10px; top:-1px;}
.modal .dePadding {padding:30px 20px;}

.wrap {display:block; width:100%; height:100%;min-width:1200px;}
.wrap.login {display:table; background:url('../img/bg_register.jpg') no-repeat 50% 50%; background-size:cover; position:relative; text-align:center;}

.exmTxt {display:block; height:auto; overflow:hidden; text-align:center;}
.exmTxt .exmTitle {font-size:18px; color:#333; margin-bottom:6px;}
.exmTxt .exam {font-size:14px; color:#666; margin-bottom:15px;}
.exmTxt .mUnder {text-decoration:underline; color:#00aca8;}

.resTxt {display:block; height:auto; overflow:hidden; text-align:center; font-size:18px; color:#333; margin:30px 0 20px 0;}
.resultSec {clear:both; display:block; height:270px; overflow:hidden; overflow-y:scroll;}

/* register */
.loginWrap {display:table-cell; vertical-align:middle;}
.loginWrap .loginSec {width:540px; height:auto; overflow:hidden; margin:0 auto; background:rgba(255, 255, 255, 0.75); padding:100px 60px; box-sizing:border-box;}
.loginWrap .loginSec h2 {text-align:center; margin-bottom:35px; font-size:33px; font-weight:normal; font-family:'NanumSB';}
.loginWrap .loginSec .regiSec {display:block; height:auto; overflow:hidden;}
.loginWrap .loginSec .regiSec li {display:block; margin-top:-1px;}
.loginWrap .loginSec .regiSec li:first-child {margin-top:0;}
.chkTxt {display:block; height:35px; line-height:35px; text-align:right; color:#777777;font-weight:bold;}

.regiTab {display:block; height:auto; overflow:hidden; border:1px solid #d3d8dc; margin-bottom:30px;}
.regiTab li {float:left; width:50%; height:60px; line-height:58px; text-align:center; font-size:18px; border-right:1px solid #d3d8dc; background:#e8f3f2;}
.regiTab li:last-child {border-right:0px solid #d3d8dc;}
.regiTab li a {display:block;}
.regiTab li a:hover {color:#00aca8; font-family:'NanumSB'; border-bottom:2px solid #00aca8;}
.regiTab li.on a {color:#00aca8; font-family:'NanumSB'; border-bottom:2px solid #00aca8;}
.cauTxt {display:block; height:auto; overflow:hidden; background:url(../img/icon_cau.png) no-repeat left 0px; font-size:16px; color:#555756; line-height:22px; text-align:left; margin-top:20px; padding-left:30px;}
.resSec {display:table; width:100%; height:270px; text-align:center;}
.resSec .resTxtSec {display:table-cell; vertical-align:middle;}
.resSec .resTxtSec .rsTxt {color:#666; font-size:16px; margin-bottom:10px;}
.resSec .resTxtSec .rsId {color:#00aca8; font-size:34px; font-family:'NanumSB';}

/* gloHeader */
.gloHeader {float:left;width:100%;position:relative;}
.gloHeader .utilSec {position:relative;width:1200px; height:130px; margin:0 auto; padding-top:32px; box-sizing:border-box;}
.gloHeader .utilSec .welcomTxt {color:#666; font-weight:bold;text-align:right;margin-bottom:7px;}
.gloHeader .utilSec .welcomTxt-admin {color:#666; font-weight:bold;text-align:right;}
.gloHeader .utilSec .util-wrap {float:left;position:relative;width:100%;margin-bottom:33px;}
.gloHeader .utilSec .logo {float:left; width:200px; height:45px;box-sizing:border-box; padding-top:4px;}
.gloHeader .utilSec .sbar {float:left; width:600px; height:45px;box-sizing:border-box;}
.gloHeader .utilSec .sbar > .search-input {
	float:left; width:555px; height:43px; margin:0; background:#fff; text-indent:12px; font-size:14px; color:#e26637;
	border:1px solid #e26637;font-weight:bold;letter-spacing:1px;
}
.gloHeader .utilSec .sbar > .search-input-btn {float: left;width: 43px;height: 45px;background-color: #e26637;}
.gloHeader .utilSec .util {float:left; width:400px; height:45px;box-sizing:border-box; padding-top:5px;padding-left:68px;}

.gloHeader .naviSec {clear:both; display:block; width:100%; height:62px; background:#f3f3f3; z-index:2;border-bottom:1px solid #e26637;}
.gloHeader .naviSec .navi {display:block; width:1200px; height:62px; margin:0 auto; position:relative;}
.gloHeader .naviSec .navi li {float:left; width:14.28%; height:62px; line-height:62px; text-align:center; box-sizing:border-box; position:relative;
	border-right:1px solid #e0e0e0;border-bottom:1px solid #e26637;
}
.gloHeader .naviSec .navi li:first-child {border-left:1px solid #e0e0e0;}
.gloHeader .naviSec .navi li a {
	display:block; color:#333333; font-family:'NanumSR';font-size:15px;z-index:10;height:62px; line-height:62px;box-sizing:border-box;
	border-left:1px solid #f3f3f3;border-top:1px solid #f3f3f3;border-right:1px solid #f3f3f3;border-bottom:1px solid #e26637;
}

.gloHeader .naviSec .navi li a.nav-nv-s {background:url("../img/nav-nv-off.png") no-repeat left 28px center;padding-left:33px;}
.gloHeader .naviSec .navi li a:hover.nav-nv-s, 
.gloHeader .naviSec .navi li a.nav-nv-s.on {
	background:#ffffff url("../img/nav-nv-on.png") no-repeat left 28px center;padding-left:33px; height:62px; line-height:62px;box-sizing:border-box;
	border-left:1px solid #e26637;border-top:1px solid #e26637;border-right:1px solid #e26637;border-bottom:1px solid #ffffff;
}

.gloHeader .naviSec .navi li a.nav-nv-n {background:url("../img/nav-nv-off.png") no-repeat left 36px center;padding-left:34px;}
.gloHeader .naviSec .navi li a:hover.nav-nv-n, 
.gloHeader .naviSec .navi li a.nav-nv-n.on {
	background:#ffffff url("../img/nav-nv-on.png") no-repeat left 36px center;padding-left:34px;height:62px; line-height:62px;box-sizing:border-box;
	border-left:1px solid #e26637;border-top:1px solid #e26637;border-right:1px solid #e26637;border-bottom:1px solid #ffffff;
}

.gloHeader .naviSec .navi li a.nav-nv-m {background:url("../img/nav-nv-off.png") no-repeat left 36px center;padding-left:34px;}
.gloHeader .naviSec .navi li a:hover.nav-nv-m, 
.gloHeader .naviSec .navi li a.nav-nv-m.on {
	background:#ffffff url("../img/nav-nv-on.png") no-repeat left 36px center;padding-left:34px; height:62px; line-height:62px;box-sizing:border-box;
	border-left:1px solid #e26637;border-top:1px solid #e26637;border-right:1px solid #e26637;border-bottom:1px solid #ffffff;
}

.gloHeader .naviSec .navi li a.nav-yt {background:url("../img/nav-yt-off.png") no-repeat left 51px center;padding-left:33px;}
.gloHeader .naviSec .navi li a:hover.nav-yt, 
.gloHeader .naviSec .navi li a.nav-yt.on {
	background:#ffffff url("../img/nav-yt-on.png") no-repeat left 51px center;padding-left:33px;height:62px; line-height:62px;box-sizing:border-box;
	border-left:1px solid #e26637;border-top:1px solid #e26637;border-right:1px solid #e26637;border-bottom:1px solid #ffffff;
}

.gloHeader .naviSec .navi li a.nav-fb {background:url("../img/nav-fb-off.png") no-repeat left 44px center;padding-left:35px;}
.gloHeader .naviSec .navi li a:hover.nav-fb, 
.gloHeader .naviSec .navi li a.nav-fb.on {
	background:#ffffff url("../img/nav-fb-on.png") no-repeat left 44px center;padding-left:35px;height:62px; line-height:62px;box-sizing:border-box;
	border-left:1px solid #e26637;border-top:1px solid #e26637;border-right:1px solid #e26637;border-bottom:1px solid #ffffff;
}

.gloHeader .naviSec .navi li a.nav-tw {background:url("../img/nav-tw-off.png") no-repeat left 52px center;padding-left:34px;}
.gloHeader .naviSec .navi li a:hover.nav-tw, 
.gloHeader .naviSec .navi li a.nav-tw.on {
	background:#ffffff url("../img/nav-tw-on.png") no-repeat left 52px center;padding-left:34px;height:62px; line-height:62px;box-sizing:border-box;
	border-left:1px solid #e26637;border-top:1px solid #e26637;border-right:1px solid #e26637;border-bottom:1px solid #ffffff;
}

/* subMenu */
.subMenu {position:absolute; left:0; top:52px; display:none; width:100%; height:45px; overflow:hidden;}
.subMenu .subDep {position:absolute; height:45px; line-height:45px; background:#e26637; padding:0 23px; font-size:12px; font-family:'Dotum'; min-width:240px;}
.subMenu .subDep span {display:inline-block; background:url(../img/pix_sub.png) no-repeat right 50%; padding-right:15px; margin-right:10px;}
.subMenu .subDep span a {display:block; color:#fec1aa;}
.subMenu .subDep span a:hover {color:#FFF;}
.subMenu .subDep span.on a {color:#FFF; font-weight:bold;}
.subMenu .subDep span:last-child {background:none; padding-right:0; margin-right:0;}
.subMenu .depth01 {left:0;}
.subMenu .depth02 {left:192px;}
.subMenu .depth03 {left:384px;}
.subMenu .depth04 {left:576px;}
.subMenu .depth05 {left:768px;}
.subMenu .depth06 {right:0;}

/* gloFooterSec */
.gloFooterSec {clear:both; display:block; height:44px; border-top:1px solid #d3d8dc; background:#FFF;}
.gloFooterSec .footer {display:block; width:1200px; height:43px; line-height:43px; margin:0 auto; text-align:right; font-family:'Dotum'; font-size:12px; color:#666;}

/* contents */
.contents {clear:both;float:left;width:100%;position:relative; display:block; height:auto; padding:50px 0 50px 0;}
.contents .conWrap {display:block;position:relative; width:1200px; margin:0 auto;}
.pageTitle {display:block; color:#333;font-family:'NanumSR'; font-size:20px; font-weight:bold; margin-bottom:20px;}
.contents .conWrap .subTitle {display:block; color:#666; font-size:15px; font-weight:bold; margin-bottom:10px;}
.contents .conWrap .lnbSec {float:left; width:190px; height:auto; overflow:hidden; margin-right:30px;}
.contents .conWrap .subCon {float:left; width:980px; height:auto; overflow:hidden;}

.contents .conWrap .lnbSec .lnb {display:block; height:auto; overflow:hidden;}
.contents .conWrap .lnbSec .lnb .lnbTitle {height:70px; padding:0 20px; box-sizing:border-box; background:#636392; display:table; width:100%; box-sizing:border-box;}
.contents .conWrap .lnbSec .lnb .lnbTitle h2 {display:table-cell; vertical-align:middle; font-size:20px; font-weight:bold; color:#FFF; padding-top:12px; position:relative;}
.contents .conWrap .lnbSec .lnb .lnbTitle h2:after {content:''; position:absolute; left:0; top:18px; width:15px; height:2px; background:#FFF;}
.contents .conWrap .lnbSec .lnb .lnbList {display:block; height:auto; overflow:hidden; border:1px solid #dadada; border-top:0px; padding:10px;}
.contents .conWrap .lnbSec .lnb .lnbList li {display:block; height:auto; overflow:hidden; line-height:38px; border-bottom:1px dashed #dadada; position:relative; font-family:'Dotum'; font-size:12px;}
.contents .conWrap .lnbSec .lnb .lnbList li:last-child {border-bottom:0px;}
.contents .conWrap .lnbSec .lnb .lnbList li:after {content:''; position:absolute; left:8px; top:50%; transform:translate(0, -50%); width:2px; height:2px; background:#333;}
.contents .conWrap .lnbSec .lnb .lnbList li:hover:after {content:''; position:absolute; left:8px; top:50%; transform:translate(0, -50%); width:2px; height:2px; background:#FFF;}
.contents .conWrap .lnbSec .lnb .lnbList li a {display:block; color:#333; padding-left:18px;}
.contents .conWrap .lnbSec .lnb .lnbList li a:hover {background:#8786b1; color:#FFF;}
.contents .conWrap .lnbSec .lnb .lnbList li.on a {background:#8786b1; color:#FFF; font-weight:bold;}
.contents .conWrap .lnbSec .lnb .lnbList li.on:after {content:''; position:absolute; left:8px; top:50%; transform:translate(0, -50%); width:2px; height:2px; background:#FFF;}

.seachBox {display:block; height:auto; overflow:hidden; background:#f4f4f4; border:1px solid #d3d8dc; padding:5px 10px;}
.seachBox .sortBy {float:left; width:50%; height:auto; overflow:hidden;}
.seachBox .sortBy.big {width:65%;}
.seachBox .sortTitle {display:inline-block; padding-right:10px; border-right:1px solid #d3d8dc; font-size:12px; font-family:'Dotum'; font-weight:bold;}
.searchInput {float:right; width:50%; height:auto; overflow:hidden; text-align:right;}
.searchInput.big {width:35%;}

.tableSec {clear:both; display:block; height:auto; overflow:hidden; margin:10px 0;}
.tableSec.fullSec {overflow:visible; overflow-x:scroll;}
.tableSec.noMar {margin:0;}
.tableSec .tableTxt {display:block; margin-bottom:5px; font-size:12px; font-family:'Dotum';}
.tableSec table {padding:0; margin:0; width:100%; font-family:'Dotum';word-break:break-all;}
.tableSec table.arLeft th, .tableSec table.arLeft td {text-align:left;}
.tableSec table.arLeft th {padding:7px 26px;}
.tableSec table.arLeft td {padding:7px 10px;}
.tableSec table.smTable td {font-size:12px;padding-top:10px; padding-bottom:10px;}
.tableSec th, .tableSec td {border:1px solid #d3d8dc;}
.tableSec th {background:#f4f4f4; text-align:center; font-size:12px; height:40px;}
.tableSec th.subTh {background:#eff5f4;}
.tableSec td {/*min-height:47px;*/ padding:4px; text-align:center; font-size:12px; color:#666; /*line-height:16px;*/}
.tableSec th.bgGreen, .tableSec td.bgGreen {background:#eff5f4; font-weight:normal;}
.tableSec th.bgGreen {font-size:11px; color:#444;}
.tableSec td.bgGray {background:#f4f4f4;}
.tableSec td p {position:relative;padding-bottom:3px;}
.tableSec td textarea {display:inline-block; width:100%; line-height:18px; border:1px solid #d3d8dc; background:#FFF; box-sizing:border-box; padding:20px; font-size:12px; font-family:'Dotum'; color:#000000; box-sizing:border-box;}
.tableSec td a {display:inline-block; color:#666;}
/*.tableSec td a:visited {color:#ccc;}*/
.tableSec td input[type="file"] {display:inline-block; padding:5px; font-size:12px; font-family:'Dotum'; border:1px solid #e0e0e0;}

.tableSec th .innerSet {display:block; position:relative; line-height:24px; text-align:left; padding-left:10px;}
.tableSec th .innerSet .absRight {position:absolute; right:12px; top:0px;}

.tableSec td .innerSet {display:block; position:relative; line-height:24px; text-align:left;}
.tableSec td .innerSet label {position:absolute; right:0; top:-7px;}

.halfTy01 {display:block; height:auto; overflow:hidden;}
.halfTy01 .halfCon {float:left; width:49%; height:auto; overflow:hidden; margin-right:2%;}
.halfTy01 .halfCon:last-child {margin-right:0;}

.thirdTy01 {display:block; height:auto; overflow:hidden;}
.thirdTy01 .thirdCon {float:left; width:32%; height:auto; overflow:hidden; margin-right:2%;}
.thirdTy01 .thirdCon:nth-child(3n) {margin-right:0%;}
.thirdTy01 .thirdCon:nth-child(4), .thirdTy01 .thirdCon:nth-child(5), .thirdTy01 .thirdCon:nth-child(6) {margin-top:10px;}

.reasonSec {display:block; height:auto; overflow:hidden; background:#f4f4f4; border:1px solid #d3d8dc; padding:10px;}
.reasonSec textarea {display:inline-block; width:100%; height:150px; line-height:20px; border:1px solid #d3d8dc; background:#FFF; box-sizing:border-box; padding:15px; font-size:12px; font-family:'Dotum'; color:#666;}

/* mTab */
.mTab {clear:both; display:block; height:39px; overflow:hidden; position:relative; margin-top:20px;}
.mTab:after {content:''; position:absolute; width:100%; height:1px; left:0; bottom:0; background:#d3d8dc;}
.mTab li {float:left; width:120px; height:39px; line-height:39px; border:1px solid #d3d8dc; text-align:center; font-size:12px; font-family:'Dotum'; margin-left:-1px; box-sizing:border-box; position:relative;}
.mTab li:first-child {margin-left:0;}
.mTab li a {display:block;}
.mTab li a:hover {font-weight:bold; color:#00aca8;}
.mTab li a:hover:after {content:''; position:absolute; width:100%; height:2px; left:0; bottom:0; background:#00aca8;}
.mTab li.on a {border-bottom:2px solid #00aca8; font-weight:bold; color:#00aca8;}
.mTab li.on a:after {content:''; position:absolute; width:100%; height:2px; left:0; bottom:0; background:#00aca8;}


/* paging */
.pagingSec {clear:both; display:block; height:auto; overflow:hidden; text-align:center;}
.pagingSec li {display:inline-block; text-align:center; margin:0 2px;}
.pagingSec li a {display:block; width:25px; height:25px; line-height:25px; border:1px solid #d3d8dc; background:#f4f4f4; color:#c8c8c8; box-sizing:border-box; font-family:'Dotum'; font-size:12px; overflow:hidden;}
.pagingSec li a:hover,
.pagingSec li.on a {background:#a0a0a0; color:#FFF; font-weight:bold;border:1px solid #a0a0a0;}
.pagingSec li img {width:100%; vertical-align:0;}

/* search */
.regiSec select {display:inline-block; width:100%; height:56px; line-height:54px; background:#FFF; border:1px solid #d3d8dc; box-sizing:border-box; padding:0 20px; font-size:16px; color:#c0c0c0;
-webkit-appearance: none;
-moz-appearance:none;
background:#FFF url('../img/sel_bg.png') no-repeat right 50%;
background-size:36px 35px;
padding:0 0 0 15px;
box-sizing:border-box;
}
.regiSec select::-ms-expand {
    display: none;
}

.seachBox select, .tableSec select {display:inline-block; width:100%; height:33px; line-height:31px; background:#FFF; border:1px solid #d3d8dc; box-sizing:border-box; padding:0 20px; font-size:12px; color:#000000; font-family:'Dotum';
-webkit-appearance: none;
-moz-appearance:none;
background:#FFF url('../img/sel_bg01.png') no-repeat right 50%;
background-size:36px 35px;
padding:0 0 0 15px;
box-sizing:border-box;
}
.seachBox select::-ms-expand {display: none;}
.tableSec select::-ms-expand {display: none;}

select.small {display:inline-block; width:100%; height:23px; line-height:21px; background:#FFF; border:1px solid #d3d8dc; box-sizing:border-box; padding:0 5px; font-size:11px; color:#9c9c9c; font-family:'Dotum';
-webkit-appearance: none;
-moz-appearance:none;
background:#FFF url('../img/sel_bg01.png') no-repeat right 50%;
background-size:22px 21px;
box-sizing:border-box;
}
select.small::-ms-expand {display: none;}

.tableSec select.dis {background:#f8f8f8 url('../img/sel_bg01.png') no-repeat right 50%;}

.fileHidden {position:absolute; left:-60px; top:0px; opacity:0; width:140px; height:33px;
    filter: alpha(opacity=0);
    -ms-filter: alpha(opacity=0);
    cursor:pointer;
}

.floorSet {clear:both; display:block; height:auto; border-bottom:1px solid #d3d8dc; box-sizing:border-box; padding-bottom:10px; margin-bottom:10px; overflow:hidden; font-family:'Dotum'; font-size:12px; color:#9c9c9c;}
.floorSet:last-child {border-bottom:0px; padding-bottom:0px; margin-bottom:0px;}

.graphSec {display:block; height:auto; overflow:hidden; margin-bottom:10px; text-align:center;}

/* btn */
.btnArea {clear:both; display:block; height:auto; overflow:hidden;}
.btnArea .setHalf {float:left; width:50%; height:auto; overflow:hidden;}
.btnArea ul.halfPer {display:block; height:auto; overflow:hidden;}
.btnArea ul.halfPer li {float:left; width:48.5%; height:auto; overflow:hidden; margin-right:3%;}
.btnArea ul.halfPer li:last-child {margin-right:0%;}

.btnGreen a {display:inline-block; width:100%; height:60px; line-height:60px; font-size:20px; color:#FFF; background:#00aca8;}
.btnOrange a {display:inline-block; width:100%; height:60px; line-height:60px; font-size:20px; color:#FFF; background:#e26637;}
.btnGray a {display:inline-block; width:100%; height:60px; line-height:60px; font-size:20px; color:#FFF; background:#747474;}
.regBtnGray a {display:inline-block; width:100%; height:60px; line-height:60px; font-size:20px; color:#FFF; background:rgba(116,116,116,0.4);}

.btnGreenS a {display:inline-block; width:100%; height:40px; line-height:40px; font-size:12px; color:#FFF; background:#00aca8; font-family:'Dotum'; text-align:center; font-weight:bold;}
.btnOrangeS a {display:inline-block; width:100%; height:40px; line-height:40px; font-size:12px; color:#FFF; background:#e26637; font-family:'Dotum'; text-align:center; font-weight:bold;}
.btnGrayS a {display:inline-block; width:100%; height:40px; line-height:40px; font-size:12px; color:#FFF; background:#747474; font-family:'Dotum'; text-align:center; font-weight:bold;}
.btnBlueS a {display:inline-block; width:100%; height:40px; line-height:40px; font-size:12px; color:#FFF; background:#488ec0; font-family:'Dotum'; text-align:center; font-weight:bold;}
.btnRedS a {display:inline-block; width:100%; height:40px; line-height:40px; font-size:12px; color:#FFF; background:#da5757; font-family:'Dotum'; text-align:center; font-weight:bold;}

.btnGreenT a, .btnGreenT {display:inline-block; height:33px; line-height:33px; font-size:12px; color:#FFF !important; background:#00aca8; font-family:'Dotum'; padding:0 13px; font-weight:bold;}
.btnOrangeT a, .btnOrangeT {display:inline-block; height:33px; line-height:33px; font-size:12px; color:#FFF !important; background:#e26637; font-family:'Dotum'; padding:0 13px; font-weight:bold;}
.btnGrayT a, .btnGrayT {display:inline-block; height:33px; line-height:33px; font-size:12px; color:#FFF !important; background:#989898; font-family:'Dotum'; padding:0 13px; font-weight:bold;}

.btnWhiteTs a, .btnWhiteTs {display:inline-block; height:21px; line-height:21px; font-size:11px; color:#666 !important; background:#ffffff; font-family:'Dotum'; padding:0 7px;border:1px solid #818181;}
.btnGreenTs a, .btnGreenTs {display:inline-block; height:23px; line-height:23px; font-size:11px; color:#FFF !important; background:#00aca8; font-family:'Dotum'; padding:0 7px;}
.btnOrangeTs a, .btnOrangeTs {display:inline-block; height:23px; line-height:23px; font-size:11px; color:#FFF !important; background:#e26637; font-family:'Dotum'; padding:0 7px;}
.btnGrayTs a, .btnGrayTs {display:inline-block; height:23px; line-height:23px; font-size:11px; color:#FFF !important; background:#989898; font-family:'Dotum'; padding:0 7px;}
.btnRedTs a, .btnRedTs {display:inline-block; height:23px; line-height:23px; font-size:11px; color:#FFF !important; background:#da5757; font-family:'Dotum'; padding:0 7px;}
.btnBlueTs a, .btnBlueTs {display:inline-block; height:23px; line-height:23px; font-size:11px; color:#FFF !important; background:#488ec0; font-family:'Dotum'; padding:0 7px;}

.btnGreenTsp a, .btnGreenTsp {display:inline-block; height:23px; line-height:23px; font-size:11px; color:#FFF !important; background:#00aca8; font-family:'Dotum'; padding:0 5px;}
.btnOrangeTsp a, .btnOrangeTsp {display:inline-block; height:23px; line-height:23px; font-size:11px; color:#FFF !important; background:#e26637; font-family:'Dotum'; padding:0 5px;}
.btnGrayTsp a, .btnGrayTsp {display:inline-block; height:23px; line-height:23px; font-size:11px; color:#FFF !important; background:#989898; font-family:'Dotum'; padding:0 5px;}
.btnRedTsp a, .btnRedTsp {display:inline-block; height:23px; line-height:23px; font-size:11px; color:#FFF !important; background:#da5757; font-family:'Dotum'; padding:0 5px;}
.btnBlueTsp a, .btnBlueTsp {display:inline-block; height:23px; line-height:23px; font-size:11px; color:#FFF !important; background:#488ec0; font-family:'Dotum'; padding:0 5px;}

.btnSch a {display:inline-block; height:33px; line-height:33px; padding:0 25px; color:#FFF; font-weight:bold; font-family:'Dotum'; font-size:12px; letter-spacing:-1px; background:#989898; vertical-align:-1px;}

/* input */
.inputRegi {display:inline-block; width:100%; height:56px; line-height:54px; background:#FFF; border:1px solid #d3d8dc; box-sizing:border-box; padding:0 10px; font-size:14px;}
.inputSch {display:inline-block; width:100%; height:33px; line-height:31px; border:1px solid #d3d8dc; background:#FFF; box-sizing:border-box; padding:0 10px; font-size:14px; font-family:'Dotum'; color:#666666;}
.inputNormal {
	display:inline-block; width:100%; height:33px; border:1px solid #e0e0e0; background:#FFF; box-sizing:border-box; 
	padding:0 10px; font-size:12px; color:#666666;
}
.inputNormal.dis {background:#f8f8f8;}

.inputSmall {display:inline-block; width:100%; height:27px; line-height:27px; border:1px solid #e0e0e0; background:#FFF; box-sizing:border-box; padding:0 10px; font-size:12px;color:#888888;}

.txtNormal {border:1px solid #e0e0e0;width:100%;background:#FFF; box-sizing:border-box;padding:10px; color:#666666;}

.b-info {
	float:left;margin-right:10px;
	display: inline-block;background:#ffffff url("../img/info-ico.png") no-repeat left 15px center;box-sizing:border-box;border:1px solid #e0e0e0;
	width:104px;height: 40px;line-height: 40px;color: #666666;font-weight: bold;text-align:center;padding-left:23px;padding-top:1px;
}
.b-api {
	float:left;margin-right:10px;
	display: inline-block;background:#ffffff url("../img/api-ico.png") no-repeat left 15px center;box-sizing:border-box;border:1px solid #e0e0e0;
	width:104px;height: 40px;line-height: 40px;color: #666666;font-weight: bold;text-align:center;padding-left:23px;padding-top:1px;
}
.b-logout {
	float:left;
	display: inline-block;background:#e26637 url("../img/logout-ico.png") no-repeat left 18px center;box-sizing:border-box;
	width:104px;height: 40px;line-height: 40px;color: #fff;font-weight: bold;text-align:center;padding-left:23px;padding-top:1px;
}

.cont-header {float:left;width:100%;position:relative;margin-bottom:15px;} 
.cont-header > .left {float:left;}
.cont-header > .right {float:right;}

.cont-body {float:left;width:100%;position:relative;margin-bottom:20px;border-top:1px solid #929292;}

.sel-box {
	float:left;
	border:1px solid #e0e0e0;color:#888888;padding-left:10px;padding-right:10px;height:33px;line-height:33px; box-sizing: border-box;
	-webkit-appearance: none; -moz-appearance: none; background: #FFF url("../img/selbox-ico.png") no-repeat right 5px center;
}

.input-group {position: relative;display: table;border-collapse: separate;}

.input-group .sform-control {
	position: relative;z-index: 2;float: left;width: 100%;display: table-cell;height: 33px;line-height: 33px;padding: 0 20px 0 5px;	color: #888888;
	box-sizing: border-box;	border-right:0;border-left:1px solid #e0e0e0;border-top:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0;
}

.input-group .form-control {
	position: relative;z-index: 2;float: left;width: 100%;display: table-cell;height: 33px;line-height: 33px;padding: 0 20px 0 5px;	
	color: #888888;box-sizing: border-box;border:1px solid #e0e0e0;
}
.input-group .input-group-btn {
	border:0; width:70px; height:33px; line-height:33px;font-weight: bold;line-height: 1;color: #FFF;text-align: center;box-sizing: border-box;
	background-color: #a0a0a0;white-space: nowrap;vertical-align: middle;display: table-cell;cursor:pointer;float:left;
}
.sinput-group-btn {
	border:0; width:70px; height:33px; line-height:33px;font-weight: bold;line-height: 1;color: #FFF;text-align: center;box-sizing: border-box;
	background-color: #e26637;white-space: nowrap;vertical-align: middle;display: table-cell;cursor:pointer;float:left;
}
.input-group .input-group-addon {display: inline-block;float: left;position: relative;top: 10px;padding-left: 10px;padding-right: 10px;color:#999999;}
/*
.input-group .input-group-addon {
	padding: 0 12px;font-weight: bold;line-height: 1;color: #666666;text-align: center;
	width: 1%;white-space: nowrap;vertical-align: middle;display: table-cell;box-sizing: border-box;
}
*/
.table {width: 100%;max-width: 100%;padding: 0;margin: 0;border-collapse: collapse;border-spacing: 0;color:#666666;table-layout:fixed;}
.thover > tbody > tr:hover {background-color: #f5f5f5;}
.tstriped > tbody > tr:nth-of-type(odd) {background-color: #f9f9f9;}
.table > thead > tr > th {
	background: #f4f4f4;text-align: center;color:#444444;font-weight:bold;height:40px;line-height:40px;border-right:1px solid #e0e0e0;
	padding-left:5px;padding-right:5px;word-break:break-all;
}
.table > thead > tr > th:last-child {border-right:none;}
.table > thead > tr > th.bd-line {border-bottom:1px solid #929292;padding:0;height:0;font-size:1px;}
.table > tbody > tr > td {
	border-bottom: 1px solid #e0e0e0;border-right: 1px solid #e0e0e0;padding:13px 5px 8px 5px;box-sizing: border-box;
	word-break: break-all;text-align: center;
}
.table > tbody > tr > td:last-child {border-right:none;}
.table > tbody > tr > td.text-left {text-align:left;}
.table > tbody > tr > td.sdate {background-color:#f3f7f8;font-weight:bold;color:#444444;}
.table > tbody > tr > td p {margin-bottom:5px;}
.table > tbody > tr > td p.tt {font-weight:bold;}

.table-v {width: 100%;max-width: 100%;padding: 0;margin: 0;border-collapse: collapse;border-spacing: 0;color:#666666;}
.table-v > tbody > tr > th {
	background-color:#f6f6f6;border-left:1px solid #e0e0e0;border-right:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0;
	text-align:left;padding-left:15px;line-height:47px;height:47px;word-break:break-all;
}
.table-v > tbody > tr > th:first-child {border-left:none;}
.table-v > tbody > tr > td {border-bottom: 1px solid #e0e0e0;box-sizing: border-box;word-break: break-all;padding:7px 10px;}
.star {position: relative;top: 1px;color: #c94c4c;padding-left: 5px;}
.js-date {background:url("../img/cal-ico.png") no-repeat right 10px center;}
.excel-ico {background:url("../img/excel-ico.png") no-repeat center center;width:26px;height:26px;display:inline-block;}
.layer-wrap {float:left;width:100%;display:block;border:3px solid #e26739;padding:40px !important;text-align:left;}
.pop-close {background:url("../img/pop-close.png") no-repeat center center;position:absolute;right:0;top:0;display:inline-block;width:32px;height:32px;}
.pop-body-scroll {float:left;width:854px;height:350px;position:relative;margin-bottom:20px;border:1px solid #e0e0e0;overflow:auto;}
.res-comp {
	display:inline-block;width:70px;height:26px;line-height:26px;background:#c84d4d url("../img/check-ico.png") no-repeat left 12px center;text-align:center;
	color:#ffffff;padding-left:18px;
}

.condition1 {display:inline-block;background:url("../img/condition1.png") no-repeat left center;padding-top:7px;padding-bottom:6px; padding-left:25px;}
.condition2 {display:inline-block;background:url("../img/condition2.png") no-repeat left center;padding-top:7px;padding-bottom:6px; padding-left:25px;}
.condition3 {display:inline-block;background:url("../img/condition3.png") no-repeat left center;padding-top:7px;padding-bottom:6px; padding-left:25px;}
.condition4 {display:inline-block;background:url("../img/condition4.png") no-repeat left center;padding-top:7px;padding-bottom:6px; padding-left:25px;}
.condition5 {display:inline-block;background:url("../img/condition5.png") no-repeat left center;padding-top:7px;padding-bottom:6px; padding-left:25px;}
.condition6 {display:inline-block;background:url("../img/condition6.png") no-repeat left center;padding-top:7px;padding-bottom:6px; padding-left:25px;}
.condition7 {display:inline-block;background:url("../img/condition7.png") no-repeat left center;padding-top:7px;padding-bottom:6px; padding-left:25px;}

.info-txt {color:#d83131;margin-bottom:5px;}

.naverTitle {
	background:url("../img/nav-nv-on.png") no-repeat left center; display:block; color:#333;font-family:'NanumSR'; 
	font-size:20px; font-weight:bold; margin-bottom:20px;padding-left:35px;height:26px;line-height:26px;
}
.naverTitle > span {color:#00c63b;}

.youtubeTitle {
	background:url("../img/nav-yt-on.png") no-repeat left center; display:block; color:#333;font-family:'NanumSR'; 
	font-size:20px; font-weight:bold; margin-bottom:20px;padding-left:35px;height:26px;line-height:26px;
}
.youtubeTitle > span {color:#fd0200;}
.delTitle {display:block; color:#333;font-family:'NanumSR'; font-size:20px; font-weight:bold; margin-bottom:20px;text-align:center;}
.m-admin {display:inline-block;background-color:#747474;width:104px;padding-top:5px;padding-bottom:5px;color:#ffffff;text-align:center;}