/**  Nanum Gothic  **/
@import url(//fonts.googleapis.com/earlyaccess/nanumgothic.css);

/**   Language   **/
html:lang(ko) body {font: 13px/1.5 'Nanum Gothic', NanumGothic, AppleGothic, Arial, Helvetica, sans-serif;}
html:lang(en) body {font: 16px/1.5 AppleGothic, Arial, Helvetica, sans-serif;}

* {text-shadow:none !important;box-shadow:none !important;}
html {width:100%;height:100%; padding:0;margin:0; overflow-y:auto; }
body {width:100%;height:100%;padding:0;margin:0; background:#393939; }
.wrap {width:100%;height:100%;padding:0;margin:0; position:relative;}
.side {min-height:100%;width:190px; position:absolute; top:20px; left:0; }
.content {background:#fff; min-height:100%; padding:50px 2.5% 0 2.5%; color:#2c2c2c; overflow: hidden; margin-left:190px; margin-bottom:35px; }
#footer {position:fixed;left:0;bottom:0;background:#ebeef5;width:100%;height:20px;font-size:12px;color:#696969;padding:9px 20px;}
label {cursor:pointer;}

/*Header*/
.header  {position:relative; /*width:99.9%;*/height:45px;color:#fff;font-size:12px;margin-bottom:0;overflow:hidden;padding:0;margin:0; z-index:1; }
.header .brand {background: url("../images/top_logo.png") 20px 7px no-repeat;font-size:13px;color:#fff;text-shadow:none;line-height:1.5;margin:0;padding-left:65px;}
.header .brand .blind {position:absolute;left:-9999px;}
.header .brand > a {padding:10px 0;color:#fff;text-decoration:none;white-space:nowrap; vertical-align:middle; line-height:2; }
.header .nav > li > a {color:#fff; text-shadow:none;}
.login-user {display:inline-block;padding:13px 15px;border:1px solid #d35f83;border-width:0 1px;}
.login-user span {float:right;display:block;height:18px;width:25px;background:url("../images/i_user.png") center right no-repeat;}
#btnLogoff {padding:13px 30px 13px 15px; background:url("../images/i_power.png") center right no-repeat;background-color:none;}
.navbar .nav > li > a:hover {color:#f3f3f3;}

/*header color*/
.header.pink {background:#c83764; border:1px solid #d35f83;}
.header.pink .login-user  {background:#c83764;border-color:#d35f83;}
.header.orange {background:#f37a45; border:1px solid #f5956a;}
.header.orange .login-user  {background:#e7652b;border-color:#f5956a;}
.header.skyblue {background:#60c9d6; border:1px solid #80d4de;}
.header.skyblue .login-user  {background:#47b6c4;border-color:#80d4de;}
.header.green {background:#3bb86e; border:1px solid #62c68b;}
.header.green .login-user  {background:#62c68b;border-color:#62c68b;}

/*Side*/
.nav.nav-list { max-width:100%; }
.navbar .nav.pull-right {margin-right:20px;}
.side .sidebar-nav {margin-top:50px;}
.nav li + .nav-header {margin-top:20px;}
.nav-header {color:#888;}
.nav-list >li > a {font-size:12px;color:#d7d7d7;height:43px;line-height:43px; }
.nav-list >li > a:hover,
.nav-list >li.active > a,
.nav-list >li.active > a:hover {background:#8c8c8c url("../images/i_menu_over.gif") center right no-repeat;}
.nav-list >li > a.double {line-height:1.2;padding-top:9px;height:34px;}
.nav-list >li > a.double .left_i {margin-top:-9px;}

body.small .content {margin-left: 75px !important;}
body.small .nav-list a {width:50px !important; display:inline-block; overflow:hidden; text-indent:-999px; }
body.small .nav-list { padding:0 10px;}
body.small .nav-header {width:80px; text-align:center; padding:3px 0; }
body.small .left_i { width: 50px; background-position:center center; }

/* Left Menu*/
.left_i {display:inline-block;float:left;vertical-align:middle; width:40px;height:43px; }
/* 20161010 */
.m_1_01 {background: url("../images/1_01.png")  0 center no-repeat;}
.m_1_02 {background: url("../images/1_02.png")  0 center no-repeat;}
.m_1_03 {background: url("../images/1_03.png")  0 center no-repeat;}
.m_1_04 {background: url("../images/1_04.png")  0 center no-repeat;}
.m_1_05 {background: url("../images/1_05.png")  0 center no-repeat;}
.m_1_06 {background: url("../images/1_06.png")  0 center no-repeat;}
.m_1_07 {background: url("../images/1_07.png")  0 center no-repeat;}
.m_1_08 {background: url("../images/1_08.png")  0 center no-repeat;}
.m_1_09 {background: url("../images/1_09.png")  0 center no-repeat;}
.m_1_10 {background: url("../images/1_10.png")  0 center no-repeat;}
.m_2_01 {background: url("../images/2_01.png")  0 center no-repeat;}
.m_2_02 {background: url("../images/2_02.png")  0 center no-repeat;}
.m_2_03 {background: url("../images/2_03.png")  0 center no-repeat;}
.m_2_04 {background: url("../images/2_04.png")  0 center no-repeat;}
.m_2_05 {background: url("../images/2_05.png")  0 center no-repeat;}
.m_3_01 {background: url("../images/3_01.png")  0 center no-repeat;}
.m_3_02 {background: url("../images/3_02.png")  0 center no-repeat;}
.m_4_01 {background: url("../images/4_01.png")  0 center no-repeat;}
.m_4_02 {background: url("../images/4_02.png")  0 center no-repeat;}
.m_4_03 {background: url("../images/4_03.png")  0 center no-repeat;}
.m_4_04 {background: url("../images/4_04.png")  0 center no-repeat;}
.m_4_05 {background: url("../images/4_05.png")  0 center no-repeat;}

.m_01 {background: url("../images/left_i_m_01.png")  0 center no-repeat;}
.m_02 {background: url("../images/left_i_m_02.png")  0 center no-repeat;}
.m_03 {background: url("../images/left_i_m_03.png")  0 center no-repeat;}
.m_04 {background: url("../images/left_i_m_04.png")  0 center no-repeat;}
.m_05 {background: url("../images/left_i_m_05.png")  0 center no-repeat;}
.m_06 {background: url("../images/left_i_m_06.png")  0 center no-repeat;}
.m_07 {background: url("../images/left_i_m_07.png")  0 center no-repeat;}
.m_08 {background: url("../images/left_i_m_08.png")  0 center no-repeat;}
.m_09 {background: url("../images/left_i_m_09.png")  0 center no-repeat;}
.m_10 {background: url("../images/left_i_m_10.png")  0 center no-repeat;}
.m_11 {background: url("../images/left_i_m_11.png")  0 center no-repeat;}

.r_01 {background: url("../images/left_i_r_01.png")  0 center no-repeat;}
.r_02 {background: url("../images/left_i_r_02.png")  0 center no-repeat;}
.r_03 {background: url("../images/left_i_r_03.png")  0 center no-repeat;}

.s_01 {background: url("../images/left_i_s_01.png")  0 center no-repeat;}
.s_02 {background: url("../images/left_i_s_02.png")  0 center no-repeat;}
.s_03 {background: url("../images/left_i_s_03.png")  0 center no-repeat;}

/**/
h2 {font-size:24px;color:#3f3f3f;margin-bottom:0px;}
h3 {font-size:18px;color:#3f3f3f;margin-top:20px;margin-bottom:0;margin-bottom:20px;}

/*Button*/
.btn {border-radius:0 !important;box-shadow:none;min-width:80px;}
.btn-primary {background:#96ca2d;border:1px solid #82b716;}
.btn-info {background:#0cb9ef ;border:1px solid #07a6d8;}
.btn-success {background:#71cf97;border:1px solid #5cc185;}
.btn-warning {background:#f8bb05;border:1px solid #e39d00;}
.btn-danger {background:#ef5025;border:1px solid #da3003;}
.btn-inverse {background:#3b848c;border:1px solid #1f6971;}
.btn-line {background:#fff;border:1px solid #07a6d8;}

.btn-primary:hover {background:#7daf19;border:1px solid #6d9b12;}
.btn-info:hover {background:#0698c6;border:1px solid #0684ac;}
.btn-success:hover {background:#4aa66f ;border:1px solid #35905a;}
.btn-warning:hover {background:#daa403;border:1px solid #c59404;}
.btn-danger:hover {background:#d52f03;border:1px solid #bc2901;}
.btn-inverse:hover {background:#195f67;border:1px solid #105259;}

/*Table*/
.table {font-size:12px;color:#6c6c6c; table-layout:fixed;}
.table th,
.table td {padding-top:5px;padding-bottom:5px;border-color:#c5c5c5;  text-align:center;}
/*.table.table-striped  th {border-bottom:1px solid;background:#6b6b6b;font-size:13px;color:#fff;line-height:33px;}*/
.table.table-striped  th {border-bottom:1px solid;background:#6b6b6b;font-size:13px;color:#fff;line-height:20px; text-align:center; padding:7px 0; }
.table.table-striped td {border-top:none; padding:7px 0; text-align:center; vertical-align:middle; }
/*.table-striped tbody tr:nth-child(odd) td,
.table-striped tbody tr:nth-child(odd) th { background-color: #f9fbff;}*/
.table.table-striped .num {
    text-align:center;
}
.table_scroll,
.table_scroll1 {
    width:100%; overflow-x:auto !important;
}

.table_scroll1 table {
    width: 1800px;
}

/*.table_scroll2 table {
    width: 100%;
}*/


.table-border {border:1px solid #c5c5c5;}
.table.table-border th {text-align:center;background:#f5f5f5;color:#2c2c2c;}
.table.table-border th,
.table.table-border td {border-top:1px solid #c5c5c5;border-left:1px solid #c5c5c5;}

/*pagination*/
.pagination {height:20px;line-height:30px;font-size:12px;}
.pagination ul > li > a {color:#999;}
.pagination ul > li > a,
.pagination ul > li > span {line-height:28px;}
.pagination ul > li:first-child > a,
.pagination ul > li:first-child > span {border-top-left-radius:5px;border-bottom-left-radius:5px;}
.pagination ul > li:last-child > a,
.pagination ul > li:last-child > span {border-top-right-radius:5px;border-bottom-right-radius:5px;}


/*loginWrap*/
.login {position:relative; text-align:center; margin-top:160px;}
.loginWrap {float:left; clear:both; width:469px;height:150px;padding:40px;background:#71cf97 ;border:1px solid #66cb8f ;}
.loginWrap h2 {font-size:28px;font-weight:normal;color:#fff;margin-bottom:30px;}
.loginWrap .btn {background:#2bb561;border:1px solid #20a554;width:120px;}
.loginWrap .checkbox {text-align:left;}
.loginWrap label {color:#fff;}
.loginWrap input[type='text'],
.loginWrap input[type='password']{width:155px;border:1px solid #5fae7f; margin-bottom: 0px}
.loginWrap input[type='checkbox'] {width:15px;} 

.passwordWrap {float:left; clear:both; width:469px;height:180px;padding:40px;background-color:#84cdff ;border:1px solid #66cb8f ;}
.passwordWrap h2 {font-size:28px;font-weight:normal;color:#fff;margin-bottom:30px;}
.passwordWrap  .btn {background:#4d9ce9;border:1px solid #398bdc;color:#fff;min-width:120px;}
.passwordWrap .checkbox {text-align:left;}
.passwordWrap label {color:#fff;}
.passwordWrap input[type='text'],
.passwordWrap input[type='password']{width:155px;border:1px solid #5fae7f; margin-bottom: 0px}
.passwordWrap input[type='checkbox'] {width:15px;} 

.RegistrationWrap {float:left;width:150px;height:150px;padding:40px;margin-left:1px;background:#84cdff;border:1px solid #77c7ff;}
.RegistrationWrap .btn {background:#4d9ce9;border:1px solid #398bdc;color:#fff;min-width:120px;}
.RegistrationWrap h2 {font-size:28px;font-weight:normal;color:#fff;margin-bottom:30px;}

/*etc*/
.blind {position:absolute;left:-9999px;height:0;width:0;line-height:0;font-size:0;}
.marginA {margin-top:30px;display:inline-block;}
.mgb10 {margin-bottom:10px;}
.mgt10 {margin-top:10px;}
.pdt10 {padding-top:10px;}
.input-append input, .input-append select, .input-append .uneditable-input {
-webkit-border-radius: 0px 0 0 0px;
-moz-border-radius: 0px 0 0 0px;
border-radius: 0px 0 0 0px;}
.btn-group .btn {min-width:20px;}
input.gray,
select.gray{background:#eee;}

/*modal*/
.modal {border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-left-radius:0px;border-bottom-right-radius:0px;}
.modal .modal-header {background-color:#6cacec; border-bottom:none;color:#fff;font-size:24px;text-align:center;padding:15px;}
.modal .modal-header h3,
.modal .modal-header h4,
.modal .modal-header h5,
.modal .modal-header h6 {font-size:24px;}
.modal .line-pink {border-top:4px solid #c83764;}
.modal .line-orange {border-top:4px solid #f37a45;}
.modal .line-skyblue {border-top:4px solid #61c9d6;}
.modal .line-green {/*border-top:4px solid #71cf97;*/ border:none; }
.modal .modal-footer {border:none;background:none;text-align:center;padding-bottom:30px;}
.modal .close {font-size:24px;}
.modal-body p {text-align:center;font-size:13px;color:#2c2c2c;}
.modal-body .control-group .control-label {float:left;width:100px;text-align:right;line-height:30px;padding-right:10px;}
.modal-body .control-group .input-small {width:55px;}

/*search*/
.input-append input {border:1px solid #d6d4d4 ;}
.input-append .btn.search {background:#fff;min-width:10px;padding-left:8px;padding-right:8px;}

.control-group dl {margin:0;width:800px;}
.control-group dl  dt {float:left;width:155px;color:#2c2c2c;font-size:13px;padding-left:22px;}
.control-group dl label {line-height:38px;}
.control-group dl dd {min-height:43px;vertical-align:middle;margin-left:0;padding-left:180px;}
.control-group dl dd input,
.control-group dl dd select {margin:5px 0;}

.control-group dl:after,
.control-group dl.df2:after  {clear:both;}
.control-group dl.df2 {overflow:hidden;}
.control-group dl.df2 dd {float:left;padding-left:3px;}
.control-group .orange {color:#ef5025;}


/*Table
.table1 {width: 100%; font-size:12px;color:#6c6c6c;}
.table1 th,
.table1 td {padding-top:5px;padding-bottom:5px;border-color:#c5c5c5;}
.table1.table-striped1  th {border-bottom:1px solid;background:#6b6b6b;font-size:13px;color:#fff;line-height:20px; padding-left:13px;text-align:left;}
.table1.table-striped1 td {border-top:none;}*/


/*Table*/
.table1 {width: 100%; font-size:12px;color:#6c6c6c;}
.table1 th,
.table1 td {padding-top:5px;padding-bottom:5px; padding-left:10px; border-color:#c5c5c5; }
/*.table.table-striped  th {border-bottom:1px solid;background:#6b6b6b;font-size:13px;color:#fff;line-height:33px;}*/
.table1.table-striped1  th {border-bottom:1px solid;background:#6b6b6b;font-size:13px;color:#fff;line-height:20px; text-align:left; padding-left:20px; }
.table1.table-striped1 td { border-top:none;}
.table-striped tbody tr.highlight td { background-color: #4d9ce9; color:#fff}


/*Switch*/
.switchDiv{
	position:relative;
	height:30px;
}
.switch{
	position:relative;
	width:110px;
	height:30px;
	border:1px solid #6cacec;
	border-right:0px;
	padding:0px;
	margin:0 auto;
}

.switch div{
	float:left;
	padding:0px;
	margin-top:0px;
	height:30px;
	text-align:center;
	background-color:#FFF;
	color:#6cacec;
	line-height:30px;
	border-right:1px solid #6cacec;
}

.switch div a{
	display:block;
	color:#6cacec;
    text-decoration: none;
}
.switch div.swActive{
	background-color:#6cacec;
}
.switch div.swActive a{
	color:#FFF;
}

/*토글버튼*/
.toggle{
	position:relative;
	width:40px;
	height:28px;
	border:1px solid #6cacec;
	padding:0px;
	margin:0 auto;
}
.toggle div{
	float:left;
	padding:0px;
	margin-top:0px;
	width:100%;
	height:28px;
	text-align:center;
	background-color:#FFF;
	color:#6cacec;
	line-height:28px;
}
.toggle div a{
	display:block;
	color:#6cacec;
        text-decoration: none;
}
.toggle div.TActive{
	background-color:#6cacec;
}
.toggle div.TActive a{
	color:#FFF;

}



.normalBtn{
	width:100px;
	height:30px;
	float:right;
	text-align:center;
	margin:0 0 0 2px;
	line-height:30px;
}


.StoreOption col-add-12 {
    width:auto;
    max-width:100%
}

.label2 {
    display:inline-block;
    line-height:30px;
    vertical-align:middle; 
}

.controls-row input[type="checkbox"] {
    width:20px; height:20px; line-height:30px;
    margin:0;
}


.form-horizontal .control-group {
  margin-bottom: 10px;
  overflow:hidden;
}

 .service_btn1 {
    position:absolute;
    bottom:0;
    right:0px;
}
.controls-row input.span2,
.controls-row input.span4,
input.span4, textarea.span4 {
    width:180px;
}

@media (max-width: 1500px) {
    .table_scroll table {
        width: 1300px;
    }

    .service_inblock {
        display:block !important;
        margin-left:0  !important;
        margin-top:5px;
        width:100% !important; 
        max-width:471px !important;
    }

    .service_btn {
        position:absolute;
        bottom:0;
        right:143px;
    }
}

@media (max-width: 1280px) {


   
}

@media (max-width: 1024px) {
   input.span4, textarea.span4, .uneditable-input.span4 {
        width: 180px;
    }

   .controls-row [class*="span"] {
      float: none;
      display:inline-block;
    }

   .controls-row [class*="span"] + [class*="span"] {
      margin-left: 0px;
      margin-top:5px;
    }

   .controls-row .span2 {
        display:inline;
        width:200px;
    }
}

/*@media (max-width: 999px) {
    .table_scroll2 table {
        width: 1200px;
    }
}*/


​ .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    padding-left:10px;
}