@charset "utf-8";
/*CSS Document*/
@font-face {
  font-family: NotoKR;
  src: url(/child/font/notokr-light.eot);
  src: url(/child/font/notokr-light.eot?#iefix) format('embedded-opentype'),
       url(/child/font/notokr-light.woff2) format('woff2'), url(/child/font/notokr-light.woff) format('woff'),
       url(/child/font/notokr-light.ttf) format('truetype');
  font-weight: 200;
}
@font-face {
  font-family: NotoKR;
  src: url(/child/font/notokr-demilight.eot);
  src: url(/child/font/notokr-demilight.eot?#iefix) format('embedded-opentype'),
       url(/child/font/notokr-demilight.woff2) format('woff2'), url(/child/font/notokr-demilight.woff) format('woff'),
       url(/child/font/notokr-demilight.ttf) format('truetype');
  font-weight: 300;
}
@font-face {
  font-family: NotoKR;
  src: url(/child/font/notokr-regular.eot);
  src: url(/child/font/notokr-regular.eot?#iefix) format('embedded-opentype'),
       url(/child/font/notokr-regular.woff2) format('woff2'), url(/child/font/notokr-regular.woff) format('woff'),
       url(/child/font/notokr-regular.ttf) format('truetype');
  font-weight: 400;
}
@font-face {
  font-family: NotoKR;
  src: url(/child/font/notokr-medium.eot);
  src: url(/child/font/notokr-medium.eot?#iefix) format('embedded-opentype'),
       url(/child/font/notokr-medium.woff2) format('woff2'), url(/child/font/notokr-medium.woff) format('woff'),
       url(/child/font/notokr-medium.ttf) format('truetype');
  font-weight: 500;
}
@font-face {
  font-family: NotoKR;
  src: url(/child/font/notokr-bold.eot);
  src: url(/child/font/notokr-bold.eot?#iefix) format('embedded-opentype'),
       url(/child/font/notokr-bold.woff2) format('woff2'), url(/child/font/notokr-bold.woff) format('woff'),
       url(/child/font/notokr-bold.ttf) format('truetype');
  font-weight: 700;
}
@font-face {
  font-family: NotoKR;
  src: url(/child/font/notokr-black.eot);
  src: url(/child/font/notokr-black.eot?#iefix) format('embedded-opentype'),
       url(/child/font/notokr-black.woff2) format('woff2'), url(/child/font/notokr-black.woff) format('woff'),
       url(/child/font/notokr-black.ttf) format('truetype');
  font-weight: 800;
}


/* reset css */
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
body{margin:0; padding:0; background-color:#fff;}
html{overflow-y:scroll;}
body, table, th, td, input, select, textarea, div, a{font-family:NotoKR, Arial; font-size:14px; color:#333; /*line-height:1.6;*/}
h1, h2, h3, h4, h5, h6, ol, ul, li, form, fieldset, input, textarea, hr, p{font-family:NotoKR, Arial;margin:0; padding:0;}
img, fieldset{border:0 none;}
input, select, button, img{vertical-align:middle !important;}/* 애니위즈 솔루션은 middle */
button { font-family: inherit; background: none; border: none; cursor: pointer; outline: none; }
input { outline: none; }
input, textarea, select { font-family: inherit; padding-left: 10px; border: 1px solid #e5e5e5; }
label, select, button, input[type="button"], input[type="reset"], input[type="submit"], input[type="radio"], input[type="checkbox"] { cursor: pointer; }
ol, ul, li{list-style:none;}
/*table{border-spacing:0; border-collapse:collapse; border:0 none;}*/
h1,h2,h3,h4,h5,h6{font-size:100%;}
button{border:0 none; padding:0; margin:0; background:transparent; *overflow:visible; cursor:pointer;}
button::-moz-focus-inner{border:0; padding:0;}
label{cursor:pointer;}
a:link{color:#333; text-decoration:none; font-family: NotoKR, Arial;}
a:visited{color:#333; text-decoration:none; font-weight:bold;}
a:hover{color:#000; text-decoration:none;}
a:active{color:#333; text-decoration:none;}
select{
    padding-right: 25px; height: 40px; color: #555; border: 1px solid #ddd;
    -moz-appearance:none;
    -webkit-appearance:none;
    appearance:none;
    background-image: url('/child/img/icon/select-arrow.png');
    background-color: #fff;
    background-size: auto;
    background-repeat: no-repeat;
    background-position: right 8px center;
}
select::-ms-expand { display: none; }
select:focus { outline: none; }
@media (max-width:1366px) {
    select { background-size: 7px auto; background-position: right 9px center; }
}


/* schedule */
.cday{
  font-size: 14px;
  font-weight: 600;
}
.ctoday { background: #4999de; }
.ctoday b{
  color: #fff;
}


.home_body{min-width:1450px;}


/* input file type */
.input-file {
  display: inline-block;
}

.input-file [type="file"] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0 none;
}
.input-file .file-label {
  display: inline-block;
  vertical-align: top;
  padding: 0 25px;
  height: 40px;
  line-height: 40px;
  border-radius: 2px;
  font-size: 13px;
  background-color: #333;
  color: #fff;
  text-align: center;
  border: 1px solid #222;
  border-radius: 3px;
}
.input-file .file-name {
  width: 300px;
  height: 40px;
  line-height: 26px;
  text-indent: 5px;
  border: 1px solid #ddd;
}
.file-focus {
  outline: 1px dotted #d2310e;
}



/* 인덱스 로그인 페이지
------------------------------------------------------------------------------------------------------------*/
#index{background:#f7f7f7!important;}
#index #index_loginbox{width:100%; padding:25px 0; background:#ffffff; border-top:1px solid #d6d6d6; border-bottom:1px solid #d6d6d6; margin-top:200px;}
#index #index_loginbox .inner{width:295px; height:175px; margin:0 auto; padding:55px 0 0 345px; background:url(image/index/login.gif) left top no-repeat;}
#index #index_loginbox .inner .index_login_form:after{
  content: '';
  display: block;
  clear: both;
}
#index #index_loginbox .inner .index_login_form ul{float:left;}
#index #index_loginbox .inner .index_login_form ul li{padding-left:65px; padding-bottom:6px;}
#index #index_loginbox .inner .index_login_form ul li.id{background:url(image/index/id.gif) left 6px no-repeat;}
#index #index_loginbox .inner .index_login_form ul li.pw{background:url(image/index/pw.gif) left 6px no-repeat;}
#index #index_loginbox .inner .index_login_form ul li input{border:1px solid #cccccc; width:152px; height:18px; padding:0 3px; font-family:Verdana; color:#333333;}
#index #index_loginbox .inner .index_login_form div{padding-left:232px;}



/* 헤더
------------------------------------------------------------------------------------------------------------*/
#Header{position:relative; z-index:99;}
.header-top {
  height: 42px;
  background: #184390;
}
.logo{
  position: absolute;
  left: 30px;
  top: 5px;
}
.logo a{
  display: block;
  width: 77px;
  height: 34px;
  background: url('/adm/manage/image/header/logo.png');
}
#Header h1{}
#Header h1 a, #Header h1 img{display:block; }
/* 글로벌 네비게이션 */
#Header #gnb{position:absolute; right:15px; top:12px; overflow:hidden; }
#Header #gnb li{ position: relative; float:left; padding-left:26px; }
#Header #gnb li:before { content: ''; position: absolute; top: 0; bottom: 0; margin: auto; left: 13px; width: 1px; height: 12px; background: rgba(0,0,0,.2); }
#Header #gnb li.first{padding-left:0; background:none;}
#Header #gnb li a{display:block; color:#fff; font-size:13px; }
#Header #gnb li a.logbtn{padding-top:0;}
#Header #gnb li a:hover{text-decoration:none; color:#ffffff;}




/* 네비게이션
------------------------------------------------------------------------------------------------------------*/
.header-bottom {
  height: 100px;
  background: #fff;
  border-bottom: 1px solid #cacaca;
}
#Header #navi{
}
#Header #navi > li{
  position:relative;
  float:left;
  z-index:88;
  border-right: 1px solid #e5e5e5;
}
#Header #navi > li:last-child{
border-right: none;
}
#Header #navi li a{
  display:block;
  width: 109px;
  height: 100px;
  padding:15px 0 0 0;
  line-height:1.3;
  font-size: 14px;
  color: #444;
  font-weight: 500;
  text-align: center;
}
#Header #navi li.design {}
#Header #navi li.design:hover {}
#Header #navi li.design a {}
#Header #navi li.on{background-color:#2b333e;}
#Header #navi li:hover{background-color:#112c6f;}
#Header #navi li:hover a{
  color: #fff;
}
#Header #navi li:hover .category{display:block!important; z-index:99;}

#Header #navi li .category{
  display:none;
  position:absolute;
  left: 0;
  top: 99px;
  width: 180px;
  background: #fff;
  border: 1px solid #ccc;
}
#Header #navi li .category li{position:relative; clear:both; border-bottom:1px solid #eeeeee; background:none; width:100%; height:auto; padding:0; z-index:99;}
#Header #navi li .category li.depth a{background:url(image/header/depth2_arrow.gif) 155px 50% no-repeat;}
#Header #navi li .category li a{
  display:block;
  width:auto;
  height: 45px;
  line-height: 45px;
  padding: 0 0 0 20px;
  color:#666666;
  font-size: 14px;
  text-align: left;
  letter-spacing: -0.04em;
}
#Header #navi li .category > li:hover {
  background: #112c6f;
}
#Header #navi li .category > li:hover > a{
  color: #fff;
  font-weight: 700;
}
#Header #navi li .category li.depth:hover a{
  background: url('image/header/depth2_on_arrow.gif') 155px 50% no-repeat;
}

#Header #navi li:hover .category li:hover .category_2depth{display:block!important; z-index:99;}

#Header #navi li .category li .category_2depth{position:absolute; left:178px; top:0; padding: 15px 0; width:180px; background: #fff;border: 1px solid #ccc; display:none;}
#Header #navi li .category li .category_2depth li {
  border-bottom: none;
}
#Header #navi li .category li .category_2depth li a{
  height: 25px;
  line-height: 25px;
  font-size: 13px;
  background:none;
}
#Header #navi li .category li .category_2depth li a:hover{
  color: #112c6f;
  font-weight: 700;
}
.nav-icon{
  display: block;
  margin: 0 auto 10px;
  height: 45px;
}
.n1 { width: 45px; background: url('/adm/manage/image/header/icon1.png'); }
.n2 { width: 53px; background: url('/adm/manage/image/header/icon2.png'); }
.n3 { width: 44px; background: url('/adm/manage/image/header/icon3.png'); }
.n4 { width: 43px; background: url('/adm/manage/image/header/icon4.png'); }
.n5 { width: 44px; background: url('/adm/manage/image/header/icon5.png'); }
.n6 { width: 46px; background: url('/adm/manage/image/header/icon6.png'); }
.n7 { width: 45px; background: url('/adm/manage/image/header/icon7.png'); }
.n8 { width: 50px; background: url('/adm/manage/image/header/icon8.png'); }
.n9 { width: 47px; background: url('/adm/manage/image/header/icon9.png'); }
.n10 { width: 47px; background: url('/adm/manage/image/header/icon10.png'); }
.n11 { width: 48px; background: url('/adm/manage/image/header/icon11.png'); }
#Header #navi li:hover .n1 { background: url('/adm/manage/image/header/icon1_on.png'); }
#Header #navi li:hover .n2 { background: url('/adm/manage/image/header/icon2_on.png'); }
#Header #navi li:hover .n3 { background: url('/adm/manage/image/header/icon3_on.png'); }
#Header #navi li:hover .n4 { background: url('/adm/manage/image/header/icon4_on.png'); }
#Header #navi li:hover .n5 { background: url('/adm/manage/image/header/icon5_on.png'); }
#Header #navi li:hover .n6 { background: url('/adm/manage/image/header/icon6_on.png'); }
#Header #navi li:hover .n7 { background: url('/adm/manage/image/header/icon7_on.png'); }
#Header #navi li:hover .n8 { background: url('/adm/manage/image/header/icon8_on.png'); }
#Header #navi li:hover .n9 { background: url('/adm/manage/image/header/icon9_on.png'); }
#Header #navi li:hover .n10 { background: url('/adm/manage/image/header/icon10_on.png'); }
#Header #navi li:hover .n11 { background: url('/adm/manage/image/header/icon11_on.png'); }




/* 푸터
------------------------------------------------------------------------------------------------------------*/
#Footer{clear:both; position: relative; min-width:1280px; background:#f9f9f9; color:#dddddd; padding:20px 0 20px 0; font-size:11px;text-align:center; border-top: 1px solid #cccccc; }
#Footer a.email{color:#7d8290;}
#Footer span{display:inline-block; color:#4f5460; padding:0 7px;}
.footer-top{
  margin-bottom: 15px;
}
.footer-top ul li {
  display: inline-block;
  vertical-align: top;
}
.footer-top ul li a{
  display: block;
  font-size: 13px;
  color: #555555;
  font-weight: 500;
}
.footer-top ul li a:hover{
  color: #112c6f;
  font-weight: 500;
}
.footer-top ul li:last-child a{
  position: relative;
  padding-left: 40px;
}
.footer-top ul li:last-child a:before{
  content: '';
  position: absolute;
  top: 0;
  left: 20px;
  bottom: 0;
  margin: auto;
  width: 1px;
  height: 12px;
  background: #e5e5e5;
}
.footer-bottom span{
  font-size: 13px;
  color: #777777;
}



/* 레이아웃
------------------------------------------------------------------------------------------------------------*/
#Container_wrap{position:relative; width:100%; min-width:1300px; display:inline-block;}
#Container_wrap:before{
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 219px;
  height: 100%;
  background: #f8f8f8;
  border-right: 1px solid #bbbbbb;
}
#Container_wrap #left_area{ float: left; position: relative; width:219px; height: 100%; padding:0 0 30px; }
#Container_wrap #left_area .main_left{width:207px; padding:25px 14px 30px 15px;}/* 메인 좌측 여백 */
#Container_wrap #right_area{float:right; width:180px; padding:25px 15px 30px 14px; z-index:10;}
#left_area a {
  letter-spacing: -0.04em;
}

#Container_wrap #Container{ margin:0 209px 0 219px; overflow:hidden; padding:0 0 50px; min-height:700px;  border-right:1px solid #adadad;}
#Container_wrap #Container .main_cont{overflow:hidden; padding: 25px 40px 50px; }/* 메인센터 여백 */

#S_contents{
  padding: 50px 20px 0 40px;
  }/* 서브 센터 여백 */

#Container_wrap #Container .leftcont{float:left; width:49%; min-width:400px;}
#Container_wrap #Container .rightcont{float:right; width:49%; min-width:400px;}

/* 핸들링 버튼 */
#Container_wrap .nav_handle_left{
  z-index: 100;
  position:absolute;
  top: 190px;
  left: 219px;
}
#Container_wrap .nav_handle_left a{
  display:block;
  width: 20px;
  height: 55px;
  background-color: #f8f8f8;
  border-top: 1px solid #bbbbbb;
  border-right: 1px solid #bbbbbb;
  border-bottom: 1px solid #bbbbbb;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  background-image:url('image/btn/left_off.png')!important;
  background-repeat: no-repeat;
  background-position: center;

}

#Container_wrap .nav_handel_right{position:absolute; right:210px; top:190px;}
#Container_wrap .nav_handel_right a{display:block; width:10px; height:40px; background:url(image/btn/right_on.png) 0 0 no-repeat;}


/* 우측 닫음 */
#Container_wrap.right_close{ }
#Container_wrap.right_close #right_area{display:none!important;}
#Container_wrap.right_close #Container{margin-right:0!important; border-right:0;}
#Container_wrap.right_close .nav_handel_right{right:0!important;}
#Container_wrap.right_close .nav_handel_right a{background-image:url(image/btn/right_off.png);}

/* 좌측 닫음 */
#Container_wrap.left_close:before{ content: none;}
#Container_wrap.left_close #left_area{display:none!important;}
#Container_wrap.left_close #Container{margin-left:0!important;}
#Container_wrap.left_close .nav_handle_left{left:0!important;}
#Container_wrap.left_close .nav_handle_left a{
  background-image:url('image/btn/left_on.png')!important;
  background-repeat: no-repeat;
  background-position: center;
}




/* 메인 공통
------------------------------------------------------------------------------------------------------------*/
#Container_wrap a.more{position:absolute; right:16px; top:14px;}
/* 타이틀 */
#Container_wrap p.tit{font-weight:bold; font-size:14px; letter-spacing:-0.05em;}
#Container_wrap p.tit.type1{background:#5d677d; height:auto; padding:9px 0 9px 12px; color:#ffffff;}/* 남색배경 */
/* #Container_wrap p.tit.type1{
  padding: 20px 0 20px 15px;
  color: #333333;
  background: #f7f7f7;
  border-top: 2px solid #184390;
  border-bottom: 1px solid #cccccc;
} */
#Container_wrap p.tit.type2{background:#f2f2f4; height:auto; padding:9px 0 9px 12px; color:#626262; border-bottom:1px solid #e0e0e0;}/* 회색배경 */
#Container_wrap p.tit.type3{background:#f4f4f4; height:auto; padding:9px 0 9px 12px; color:#34343e; border-bottom:1px solid #e0e0e0;}/* 회색배경 검정글씨 */
#Container_wrap p.tit span{color:#009be3;}
#Container_wrap p.tit font{letter-spacing:0;}





/* 메인 : 좌측
------------------------------------------------------------------------------------------------------------*/
/* 라이센스 */
.License{background:#fff;}
.License .cont{width:178px; height:194px; padding-top:10px; border-width:0 1px 1px 1px; border-style:solid; border-color:#bfc2c7;}
.License .cont li{color:#7e7e7e; font-size:11px; line-height:1.2; padding:8px 0 5px 10px;}
.License .cont li span{color:#009be3; font-weight:bold; display:inline-block; padding-right:5px;}
.License .cont li.enddate{padding:4px 0 4px 7px; margin:0 12px; background:#f4f4f4; color:#666666;}


/* 퀵링크 */
.Quicklink{position:relative; border:1px solid #bfc2c7; background:#fff;}
.Quicklink .cont{padding:5px 9px 10px;}
.Quicklink .cont li{border-bottom:1px dashed #e2e2e2;}
.Quicklink .cont li a{display:block; font-size:11px; background:url(image/main/dot.gif) 11px 11px no-repeat; padding:7px 0 7px 22px; color:#585858;}
.Quicklink .cont li a:hover{color:#000;}
.Quicklink .more{right:11px!important; top:11px!important; font-size:11px; padding-left:13px; background:url(image/btn/setup.gif) left 1px no-repeat; letter-spacing:-0.09em; color:#666;}
.Quicklink .more:hover{text-decoration:underline; color:#333;}


/* 기술지원센터 */
.CSCenter{border:1px solid #bfc2c7; background:#fff;}
.CSCenter div{height:85px; padding-top:60px; background:url(image/main/call.gif) center 19px no-repeat; font-weight:bold; color:#585858;}
.CSCenter div span{display:inline-block; background:#ff5b23; color:#ffffff; padding:4px 5px 0 5px; line-height:1.2; border-radius:2px; font-weight:normal; font-size:11px; margin:0 10px 0 17px;}
.CSCenter div small{display:block; font-size:11px; color:#999999; margin-left:58px; font-weight:normal; line-height:1.6; margin-bottom:5px;}
.CSCenter div a{display:block; border:1px solid #afafaf; margin:0 17px; height:17px; padding:7px 0 0 0; text-align:center; font-weight:bold; color:#2a343e; font-size:11px; background:#fdfdfd; border-radius:3px;}
.CSCenter div a:hover{text-decoration:none; background:#f2f2f4;}





/* 메인 : 우측
------------------------------------------------------------------------------------------------------------*/
/* 애니위즈 소식 */
.Notice{position:relative; border:1px solid #bfc2c7; background:#fff;}
.Notice .cont{padding:5px 9px 5px;}
.Notice .cont td{border-bottom:1px dashed #e2e2e2; height:24px;}
.Notice .cont td a{font-size:11px; color:#626262;}
.Notice .cont td a:hover{color:#000;}

/* 퀵 배너 */
.Quickbn{}
.Quickbn li{padding-top:5px;}
.Quickbn li a, .M_bn li img{display:block;}

/* 애니위즈 배너 */
.Anywizbn{}





/* 메인 : 센터 컨텐츠
------------------------------------------------------------------------------------------------------------*/
/* 최근게시물 */
.M_latest{position:relative; height:300px; overflow:hidden;}
.M_latest .bbs{height:auto; padding:10px 14px 10px; border-width:0 1px 0 1px; border-style:solid; border-color:#bfc2c7;}
.M_latest .bbs td{border-bottom:1px dashed #e2e2e2; height:28px;}
.M_latest .bbs td a{padding-left:5px; color:#626262;}
.M_latest .bbs td a:hover{color:#000;}
.M_latest .bbs td.date{text-align:right; color:#b5b5b5; padding-right:5px; font-size:11px;}

.M_latest .bbs_stats{border:1px solid #bfc2c7; height:70px; background:#f2f2f4;}
.M_latest .bbs_stats td{width:25%; border-left:1px solid #e0e0e0; text-align:center; vertical-align: middle; color:#666;}
.M_latest .bbs_stats td.first{border-left:0;}
.M_latest .bbs_stats td p{color:#666; font-weight:bold; margin-bottom:5px;}
.M_latest .bbs_stats td b{color:#ff5b23; font-size:14px;}



/* 접속자 현황 */
.M_visitor{position:relative; height:300px;}
.M_visitor .visitor_latest{border-width:0 1px 0 1px; border-style:solid; border-color:#bfc2c7; height:164px;}
.M_visitor .visitor_latest thead{}
.M_visitor .visitor_latest thead td{background:#ededf0; height:35px; text-align:center; font-weight:bold; color:#676767; border-left:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0;}
.M_visitor .visitor_latest tbody{}
.M_visitor .visitor_latest tbody td{height:32px; border-left:1px solid #e0e0e0; text-align:center; color:#444;}
.M_visitor .visitor_latest .bg{background-color:#f8f8f9;}

.M_visitor .visitor_stats{border:1px solid #bfc2c7; height:99px;}
.M_visitor .visitor_stats th, .M_visitor .visitor_stats td{width:20%; height:50%; border-bottom:1px solid #e0e0e0; border-left:1px solid #e0e0e0;}
.M_visitor .visitor_stats th{background:#f2f2f4; color:#676767;}
.M_visitor .visitor_stats td{text-align:right; padding-right:15px; color:#626262;}
.M_visitor .visitor_stats td span{font-size:14px; color:#009be3; font-weight:bold;}

.M_visitor .lt{border-left:0!important;}
.M_visitor .bt{border-bottom:0!important;}


/* 최근댓글 */
.M_latest_re{position:relative; height:300px; margin:20px 0; overflow:hidden;}
.M_latest_re p.tit{border-top:1px solid #bfc2c7; border-right:1px solid #bfc2c7; border-left:1px solid #bfc2c7;}
.M_latest_re .cont{height:248px; padding:15px 14px 0; border-bottom:1px solid #bfc2c7; border-right:1px solid #bfc2c7; border-left:1px solid #bfc2c7;}
.M_latest_re .cont td{border-bottom:1px dashed #e2e2e2; height:28px;}
.M_latest_re .cont td a{padding-left:5px; color:#626262;}
.M_latest_re .cont td a:hover{color:#000;}
.M_latest_re .cont td.date{text-align:right; color:#b5b5b5; padding-right:5px; font-size:11px;}


/* 회원현황 */
.M_member{height:300px; margin:20px 0; overflow:hidden;}
.M_member p.tit{border-top:1px solid #bfc2c7; border-right:1px solid #bfc2c7; border-left:1px solid #bfc2c7;}
.M_member .mem_latest{height:148px; border-width:0 1px 0 1px; border-style:solid; border-color:#bfc2c7;}
.M_member .mem_latest td{height:37px; text-align:center; border-left:1px solid #e0e0e0; width:25%; color:#444;}
.M_member .mem_latest .bg{background:#f8f8f9;}

.M_member .mem_stats{height:auto; padding:20px 0; border:1px solid #bfc2c7;}
.M_member .mem_stats td{width:25%; border-left:1px solid #d6d6d6; text-align:center; font-weight:bold; color:#626262; font-size:0;}
.M_member .mem_stats td p{font-weight:bold; color:#676767; margin-bottom:10px; font-size:12px;}
.M_member .mem_stats td b{font-size:12px;}
.M_member .mem_stats td img{vertical-align:text-bottom;}

.M_member .lt{border-left:0!important;}

/* 그래프 */
.graph1, .graph2{height:335px; overflow:hidden;}
.graph1 .cont, .graph2 .cont{height:333px; border:1px solid #bfc2c7;}
.graph1 img, .graph2 img{width:100%; height:100%;}





/* 솔루션 설치 페이지
------------------------------------------------------------------------------------------------------------*/
#install {background:url(image/install/install_bg.gif) top repeat-x; padding-top:100px; }
#install .install_table { width:670px; margin:0 auto; background:#fff; }
#install .install_table thead th { background:#5d677d; color:#fff; padding:10px 15px 10px; text-align:left; }
#install .install_table tbody th, #install .install_table tbody td { padding:11px 0 10px 15px; text-align:left; }
#install .install_table tbody th { color:#5d677d; border-left:1px solid #bfc2c7; border-bottom:1px solid #bfc2c7; font-weight:normal; vertical-align:middle; }
#install .install_table tbody th.mysql { background:#f5f5f5; font-weight:bold; }
#install .install_table tbody td { border-width:0px 1px 1px; border-style:solid; border-color:#bfc2c7;}
#install .install_table tbody td span { color:#5d677d; font-size:11px; }




/* 라이센스키 페이지
------------------------------------------------------------------------------------------------------------*/
#license {background:url(image/install/install_bg.gif) top repeat-x; padding-top:100px; }
#license .license_table { width:500px; margin:0 auto; background:#fff; }
#license .license_table th { background:#5d677d; color:#fff !important; padding:10px 15px 10px; text-align:left; }
#license .license_table th, #license .license_table td { padding:11px 0 10px 15px;  }
#license .license_table th { color:#5d677d; border-left:1px solid #bfc2c7; border-bottom:1px solid #bfc2c7; font-weight:normal; vertical-align:middle; }
#license .license_table td { border-width:0px 1px 1px; border-style:solid; border-color:#bfc2c7; }
#license .license_btn { text-align:center; margin:20px 0; }



/* 서브
------------------------------------------------------------------------------------------------------------*/
/* 좌측메뉴 */
#left_area h2{ display: none; border-bottom:1px solid #e0e4e9; color:#333333; font-weight:bold; font-size:16px; line-height:1.2; text-align: left; padding: 20px 0 20px 30px; }
/* #left_area ul#Lnb li ul a{
  display:block;
  padding:13px 0 0 33px;
  border-top:1px solid #ffffff;
  border-bottom:1px solid #dadada;
  color: #333333;
} */
#left_area ul#Lnb li a:hover{text-decoration:none!important;}
#left_area ul#Lnb li.on a{
  display:block;
  padding-left: 30px;
  height:55px;
  line-height: 55px;
  color:#333333;
  font-size: 16px;
  font-weight: 500;
}

#left_area ul#Lnb li.on ul{
  padding: 12px 0;
  border-top:1px solid #e0e4e9;
  border-bottom:1px solid #e0e4e9;
}
#left_area ul#Lnb li.on ul li{}
#left_area ul#Lnb li.on ul li a{
  position: relative;
  padding-left: 50px;
  height: 35px;
  line-height: 35px;
  font-size: 14px;
  color: #666666;
  font-weight: 500;
  border:0 none;
}
#left_area ul#Lnb li.on ul li a:before{
  content: '';
  position: absolute;
  top: 0;
  left: 30px;
  margin: auto;
  bottom: 0;
  width: 6px;
  height: 1px;
  background: rgba(0,0,0,.2);
}
#left_area ul#Lnb li.on ul li a:hover{
  color: #112c6f;
  font-weight: 600;
}

#left_area ul#Lnb li.on ul li.on a{font-weight:bold; color:#444444;}

#left_area table td{
  padding: 0 !important;
}
#left_area table td img{
  display: none;
}
#left_area table td a{
  position: relative;
  padding-left: 50px;
  height: 35px;
  line-height: 35px;
  font-size: 14px;
  color: #666666;
  font-weight: 500;
  border:0 none;
}
#left_area table td a:before{
  content: '';
  position: absolute;
  top: 0;
  left: 30px;
  margin: auto;
  bottom: 0;
  width: 6px;
  height: 1px;
  background: rgba(0,0,0,.2);
}
#left_area table td a:hover{
  color: #112c6f;
  font-weight: 600;
}



/* 게시판
------------------------------------------------------------------------------------------------------------*/
.bbs_basic_list{}
.bbs_basic_list caption{color:#5e5e5e; line-height:1.6; padding-bottom:5px;}
.bbs_basic_list thead{}
.bbs_basic_list thead td{text-align:center; background:#6f7684; color:#ffffff; font-weight:bold; font-size:14px; height:30px;}
.bbs_basic_list tbody tr:hover {
  background: #f8f8f8;
}
.bbs_basic_list tbody td{
  padding: 15px 0;
  min-height:26px;
  border-bottom:1px solid #e7e7e7;
  text-align:center; color:#5e5e5e;
}
.bbs_basic_list tbody td.subject{text-align:left;}
.bbs_basic_list tbody td.subject a{color:#5e5e5e;}
.bbs_basic_list tbody td.subject a:hover{color:#000000;}
/* @media screen and (-webkit-min-device-pixel-ratio:0){
.bbs_basic_list tbody td{height:26px;}
} */
	/* table_basic 귀속 리셋 */
	.bbs_basic_list table{border:0 none;}
	.bbs_basic_list table th, .bbs_basic_list table td{border:0 none; background:none; padding:0;}

.bbs_order_list tr:hover{
  background: #f8f8f8;
}
.bbs_order_list tbody td{
  padding: 5px 0;
}
.bbs_tax_list tbody td{
  padding: 5px 0;
}

/* Product */
.bbs_prd_list tr:hover{
  background: #f8f8f8;
}
.bbs_prd_list{
  border-top: 2px solid #184390;
}
.bbs_prd_list thead td{
  padding: 20px 0;
  color: #333333;
  background: #f7f7f7;
  border-bottom: 1px solid #cccccc;
}
.bbs_prd_img { width: 62px; height: 62px; border: none; }

.bbs_basic_list{
  border-top: 2px solid #184390;
}
.bbs_basic_list thead td{
  padding: 20px 0;
  color: #333333;
  background: #f7f7f7;
  border-bottom: 1px solid #cccccc;
}
.calendar_basic{
  border-collapse: collapse;
}
/* .bbs_prd_list tbody td{
  padding: 15px 0;
} */
.bbs_board_list tr:hover{
  background: #f8f8f8;
}
.bbs_board_list tbody tr td:nth-child(4) a{
  color: #184390;
  font-weight: 600;
}
.bbs_board_list tbody tr td:nth-child(5){
  color: #333;
  font-weight: 600;
}

/* Cancel List */
.bbs_cancel_list tr td {
  padding: 5px 0;
}

/* Analy List */
.bbs_analy_list tr:hover{
  background: #f8f8f8;
}

.bbs_basic_view{border-top:1px solid #d1d1d1; border-left:1px solid #dedede;}
.bbs_basic_view th, .bbs_basic_view td{border-bottom:1px solid #dedede; border-right:1px solid #dedede;}
.bbs_basic_view th{background:#f9f9f9; font-weight:normal; color:#323232;}
.bbs_basic_view td{text-align:left; padding:9px 0 9px 10px; color:#747474;}
.bbs_basic_view_cont{border-left:1px solid #dedede; border-bottom:1px solid #dedede; border-right:1px solid #dedede; padding:25px;}

.bbs_button{overflow:hidden;}
.bbs_button .bbs_btn_left{float:left;}
.bbs_button .bbs_btn_right{float:right;}

.bbs_view_next{border-top:1px solid #d1d1d1;}
.bbs_view_next th, .bbs_view_next td{border-bottom:1px solid #d1d1d1; padding:9px 0;}
.bbs_view_next th{background:url(image/sub/l.gif) right 50% no-repeat;}
.bbs_view_next th span{font-weight:bold; padding-left:18px; color:#323232;}
.bbs_view_next th span.prev{background:url(image/sub/bbs_prev.gif) left 3px no-repeat;}
.bbs_view_next th span.next{background:url(image/sub/bbs_next.gif) left 4px no-repeat;}
.bbs_view_next td{padding-left:20px; color:#757575;}

.pageing{text-align:center; line-height:1.4;}
.pageing img{vertical-align:middle;}
.pageing a{display:inline-block; width:23px; height:20px; padding:3px 2px 0 2px; font-family:Verdana; font-weight:bold; color:#555555;}
.pageing a.on{background:url(image/sub/page_on.gif) 2px top no-repeat; color:#18a3c7;}
.pageing .btn{width:auto!important;}


/* 통합검색 */
.search_table{}
.search_table th, .search_table td{border-bottom:1px solid #e7e7e7; text-align:left;}
.search_table .tdlast{border-bottom:0 none;}
.search_table th{padding-left:8px; font-weight:bold; height:40px; color:#636363; background:url(image/sub/l.gif) right 50% no-repeat;}
.search_table td{padding-left:20px;}



/* 테이블
------------------------------------------------------------------------------------------------------------*/
.table_basic{
    table-layout: fixed;
  border-top: 2px solid #184390;
  border-left:1px solid #e7e7e7;
}
.table_basic th, .table_basic td{border-bottom:1px solid #e7e7e7; border-right:1px solid #e7e7e7;}
.table_basic th{
  padding:8px 0 8px 15px;
  text-align:left;
  color: #333333;
  font-weight: 500;
  background: #f7f7f7;
}
.table_basic td{
  text-align:left;
  padding: 15px 0 15px 20px;
  color:#676767;
}
.table_basic input[type="radio"],
.table_basic input[type="checkbox"]{
  margin-right: 10px;
  margin-left: 30px;
}
.table_basic input[type="radio"]:first-child,
.table_basic input[type="checkbox"]:first-child,
.table_basic br + input[type="radio"],
.table_basic br + input[type="checkbox"]{
  margin-left: 0;
}
.table_basic.thcenter th{text-align:center!important; padding-left:0;}
.table_basic.thcenter td{text-align:center!important; padding-left:0;}
	/* table_basic 귀속 리셋 */
	.table_basic table{border:0 none;}
	.table_basic table th, .table_basic table td{border:0 none; background:none; padding:0;}


.table_basic td img {max-width: 100%;height: auto;}


.table_basic2{table-layout: fixed;border-top:1px solid #d1d1d1; border-left:1px solid #e7e7e7;}
.table_basic2 th{border-bottom:1px solid #e7e7e7; border-right:1px solid #e7e7e7;}
.table_basic2 th{background:#f7f7f7; padding:8px 0 8px 10px; text-align:left; color:#333333; font-weight:normal;}
	/* table_basic2 귀속 리셋 */
	.table_basic2 table{border:0 none;}
	.table_basic2 table th, .table_basic2 table td{border:0 none; background:none;}

.btn_license_wrap textarea { display: inline-block; vertical-align: top; }


/* 이너 테이블, 우선수위를 위해 id값과 함께 씀*/
#Container_wrap .inner_table{border-width:1px 0 0 1px; border-style:solid; border-color:#ddd;}
#Container_wrap .inner_table th, #Container_wrap .inner_table td{padding:5px; text-align:center; font-size:12px; border-width:0 1px 1px 0; border-style:solid; border-color:#ddd;}
#Container_wrap .inner_table th{background:#f7f7f7; color:#333;}
#Container_wrap .inner_table td{color:#666;}

#Container_wrap .inner_table.left th, #Container_wrap .inner_table.left td{text-align:left; padding-left:10px;}

.table_option { background: #fff !important; border-right: 1px solid #e6e6e6 !important; border-bottom: 1px solid #e6e6e6 !important; }
.table_option th { border-top: 1px solid #e6e6e6 !important; border-left: 1px solid #e6e6e6 !important; background: #f7f7f7 !important; text-align: center;  padding: 4px 8px !important;}
.table_option td { border-top: 1px solid #e6e6e6 !important; border-left: 1px solid #e6e6e6 !important; text-align: left;  padding: 4px 8px !important;}
.option_container { padding: 8px; background: #f7f7f7; border: 1px solid #e7e7e7; width: 100%; }
.option_add { position: absolute; right: 0; bottom: 8px; }
.option_create { margin-top: 24px;}
.option_delete { margin-left: 8px; }
#option_list, #supply_list { max-height: 373px; overflow-y: auto; width: calc(100% - 20px); margin-top: 24px; border: 1px solid #e7e7e7 !important; }
#option_container, #supply_container { margin-top: 24px; border-bottom: 1px solid #e7e7e7; }
#option_container > div , #supply_container > div { border-top: 1px solid #e7e7e7 !important; padding: 4px 0 !important; }
#option_container label , #supply_container label { vertical-align: middle; font-weight: 600; margin-right: 8px; }


/* 버튼
------------------------------------------------------------------------------------------------------------*/

/* button.color{color:#ffffff;}
button.b{font-weight:bold;}
button.small{font-size:11px; padding:0 7px;}
button.round{border-radius:3px;}


button.white{background-color:#ffffff; border:1px solid #bbbbbb; color:#666666;}

button.blue_big{background-image:url(image/btn/blue.gif); background-color:#5aa9e3; padding:0 18px; border-top:1px solid #3a93d8; border-left:1px solid #3a93d8; border-bottom:1px solid #1d76bb; border-right:1px solid #2780c5;}
button.gray_big{background-image:url(image/btn/gray_big.gif); background-color:#9d9d9d; vertical-align:middle; padding:0 18px; border-top:1px solid #878787; border-left:1px solid #878787; border-bottom:1px solid #656565; border-right:1px solid #656565;}


button.blue_s{background-image:url(image/btn/s_blue.gif);  background-color:#5aa9e3; border:1px solid #2172c7;}
button.black_s{background-image:url(image/btn/s_black.gif); background-color:#797979; border:1px solid #606060;}
button.red_s{background-image:url(image/btn/s_red.gif); background-color:#eb5151; border:1px solid #c12a2a;}
button.gray_s{background-image:url(image/btn/gray.gif); background-color:#fff; border:1px solid #9ea0a4; color:#767676;}
button.gray{background-image:url(image/btn/gray.gif); background-color:#fff; border:1px solid #9ea0a4; color:#353535;} */
button{
  display: inline-block;
  line-height: 14px;
  font-size: 14px;
  color: #333333;
  font-weight: 500;
  letter-spacing: -0.04em;
  border-radius: 3px;
}
button.icon{
  position:relative;
  padding: 12px 15px 12px 55px;
  color: #444444;
  border: 1px solid #cccccc;
}
button.icon:after{
  content: '';
  position: absolute;
  top: 0;
  left: 40px;
  bottom: 0;
  margin: auto;
  width: 1px;
  height: 20px;
  background: #e5e5e5;
}

/* 아이콘*/
button span.icon_check,
button span.icon_minus,
button span.icon_x,
button span.icon_plus,
button span.icon_exel
{
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 39px;
  height: 39px;
  background-position: center;
  background-repeat: no-repeat;
}
button span.icon_check{
  background-image:url(image/btn/check.gif);
}
button span.icon_minus{
  background-image:url(image/btn/minus.gif);
}
button span.icon_x{
  background-image:url(image/btn/x.gif);
}
button span.icon_plus{
  background-image:url(image/btn/plus.gif);
}
button span.icon_exel{
  background-image:url(image/btn/exel.gif);
  background-position-x: 10px;
}
button span.icon_list{background-image:url(image/btn/list.gif);}
button span.icon_ok{background-image:url(image/btn/ok.png);}
button span.icon_arrow{background-image:url(image/btn/arrow.gif);}

/* 버튼 스타일 재설정 */
/* 생성코드복사 */
.b_copy{
  padding: 12px 15px;
  color: #444444;
  background: #eeeeee;
  border: 1px solid #ccc;
}
/* 수정(black) */
form[name=frm] .h18.t3.color.small.round.black_s{
  padding: 12px 15px;
  color: #fff;
  background: #4999de;
  border: 1px solid #3384c9;
}
/* 검색 */
form[name=searchForm] select + .b.h28.t5.color.blue_big,
form[name=searchForm] input + .b.h28.t5.color.blue_big,
form[name=frm] select + .b.h28.t5.color.blue_big,
form[name=frm] input + .b.h28.t5.color.blue_big,
form[name=frm] select + .b.h30.t5.color.blue_big,
form[name=frm] input + .b.h30.t5.color.blue_big,
.table_basic .b.h28.t5.color.blue_big{
  vertical-align: middle !important;
  padding: 13px 20px;
  color: #fff;
  background: #1e458f;
  border: none;
  border-radius: 0;
}
.select .b.h30.t5.color.blue_big{

}
/* 상품 수정 */
.bbs_basic_list .h18.t3.color.small.round.red_s{
  color: #fff;
  background: #4999de;
  border: 1px solid #3384c9;
}
/* 복사, 삭제 */
.bbs_basic_list .h18.t3.color.small.round.black_s{
  padding: 12px 15px;
  color: #fff;
  background: #555555;
  border: 1px solid #444444;
}
.b_del{
  padding: 12px 15px !important;
  color: #fff !important;
  background: #555555 !important;
  border: 1px solid #444444 !important;
}
/* 배너관리, 미리보기 */
.h18.t3.color.small.round.blue_s{
  padding: 12px 15px;
  color: #fff;
  background: #323f6c;
  border: 1px solid #242c49;
}
.h18.t3.color.small.round.red_s{
  padding: 12px 15px;
  color: #fff;
  background: #555555;
  border: 1px solid #444444;
}
.b.h28.t5.color.blue_big{
  padding: 12px 15px;
  color: #fff;
  background: #4999de;
  border: 1px solid #3384c9;
}
.b.h28.t5.color.gray_big{
  padding: 12px 15px;
  color: #fff;
  background: #555555;
  border: 1px solid #444444;
}

/*기본설정 버튼*/
.btn_config_wrap .b.h28.t5.color.gray_big{
  background: #333333;
  border: 1px solid #292929;
  border-radius: 0;
}
.btn_license_wrap .h18.t3.color.small.round.red_s{
  padding: 12px 15px;
  color: #fff;
  background: #4999de;
  border: 1px solid #3384c9;
}
/* 우편번호검색 */
.h22.t3.small.gray_s{
  padding: 12px 15px;
  color: #444444;
  background: #f5f5f5;
  border: 1px solid #ccc;
  border-radius: 0;
}

/*주문목록*/
.btn_orderlist_wrap{
  font-size: 0;
}
.btn_orderlist_wrap .btn_sm,
.btn_orderlist_wrap .btn_m{
  margin-right: 5px;
}
.btn_orderlist_wrap .btn_sm,
.btn_orderlist_wrap .btn_m:nth-child(1),
.btn_orderlist_wrap .btn_m:nth-child(2),
.btn_orderlist_wrap .btn_m:nth-child(3),
.btn_orderlist_wrap .btn_m:nth-child(4),
.btn_orderlist_wrap .btn_m:nth-child(5),
.btn_orderlist_wrap .btn_m:nth-child(6),
.btn_orderlist_wrap .btn_m:nth-child(7),
.btn_orderlist_wrap .btn_m:nth-child(8){
  margin-bottom: 5px;
}
.btn_orderlist_wrap .btn_sm:nth-child(10),
.btn_orderlist_wrap .btn_sm:nth-child(11),
.btn_orderlist_wrap .btn_sm:nth-child(12),
.btn_orderlist_wrap .btn_sm:nth-child(13),
.btn_orderlist_wrap .btn_m:nth-child(10),
.btn_orderlist_wrap .btn_m:nth-child(11),
.btn_orderlist_wrap .btn_m:nth-child(12),
.btn_orderlist_wrap .btn_m:nth-child(13){
  margin-bottom: 0px;
}
.prd_updown_wrap{
  display: inline-block;
  text-align: left;
}
.prd_updown_wrap a{
  padding: 0 5px;
  font-size: 12px;
  color: #555555;
  font-weight: 500;
  letter-spacing: -0.06em;
}
.prd_updown_wrap a:hover{
  background: #ddd;
}
.prd_updown_wrap img{
  margin-right: 5px;
}

/* 이미지버튼 */
.btn_calendar{
  margin-left: 10px;
  width:22px;
  height:22px;
  border:0;
  background:url(image/btn/cal.gif) 50% 50% no-repeat;
}
#datepicker1 + .btn_calendar{
  margin-right: 15px;
}
#datepicker2{
  margin-left: 15px;
}
#datepicker2 + .btn_calendar{
  margin-right: 30px;
}

.btn_s {
  cursor: pointer;
  font-size:12px;
  BACKGROUND-COLOR: #555555;
  BORDER-BOTTOM: #000000 1px solid;
  BORDER-LEFT: #999999 1px solid;
  BORDER-RIGHT: #000000 1px solid;
  BORDER-TOP: #999999 1px solid;
  COLOR: #ffffff;
  HEIGHT:20px;
  line-height: 18px;
}
.btn_m {
  cursor: pointer;
  width: 100px;
  HEIGHT: 40px !important;
  font-size:12px;
  BACKGROUND-COLOR: #f5f5f5;
  border: #cccccc 1px solid;
  COLOR: #444444;
  line-height: 18px;
}
.btn_l {
  cursor: pointer;
  font-size:12px;
  BACKGROUND-COLOR: #a2b700;
  BORDER-BOTTOM: #7a8a02 1px solid;
  BORDER-LEFT: #becd4d 1px solid;
  BORDER-RIGHT: #7a8a02 1px solid;
  BORDER-TOP: #becd4d 1px solid;
  COLOR: #ffffff;
  HEIGHT:20px;
  line-height: 18px;
}
.btn_sm {
  width: 100px;
  HEIGHT: 40px !important;
  cursor: pointer;
  font-size:12px;
  BACKGROUND-COLOR: #4999de;
  border: none;
  COLOR: #ffffff;
}

/*전체상품 업데이트 / 요약상품 업데이트*/
#nhnAll,
#nhnMin{
  padding: 12px 15px;
}




/* 캘린더 */
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year{
  padding: 0;
  height: 20px;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{
  border: 1px solid #e5e5e5;
  background: #f7f7f7;
}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight{
  border: none;
  background: #4999de;
  color: #fff;
}

/* 폼 관련
------------------------------------------------------------------------------------------------------------*/
/*
.select{border:1px solid #d1d1d1; background:#ffffff; color:#868686; height:22px;}
select{height:22px; padding:3px 0 0;}
@media screen and (-webkit-min-device-pixel-ratio:0){
	select{padding:0;}
}
*/
.input{
  padding: 0 12px;
  height: 40px;
  color: #555555;
  border:1px solid #dddddd;
  background: #ffffff;
}
button { height: 40px !important; }
textarea {border:1px solid #d1d1d1; background:#ffffff; color:#868686; padding: 0 15px; }
.radio{position:relative; top:-2px;}
.checkbox{position:relative; top:-2px;}

.w50{width:50px;}
.w80{min-width:80px;}
.w100{width:100px;}
.w120{width:120px;}
.w200{width:200px;}
.w300{width:300px;}
.w400{width:400px;}
.w500{width:500px;}
.w600{width:600px;}

/* .t1{padding-top:1px!important;}
.t2{padding-top:2px!important; *padding-top:0px!important;}
.t3{padding-top:3px!important; *padding-top:1px!important;}
.t4{padding-top:4px!important;}
.t5{padding-top:5px!important;}
.t6{padding-top:6px!important;}
.t7{padding-top:7px!important;} */

/* @media screen and (-webkit-min-device-pixel-ratio:0){
.t3{padding-top:1px!important;}
.t4{padding-top:1px!important;}
.t5{padding-top:1px!important;}
.t6{padding-top:5px!important;}
.t7{padding-top:6px!important;}
} */


/* .h18{height:18px;}
.h19{height:19px;}
.h22{height:22px;}
.h25{height:25px;}
.h23{height:23px;}
.h28{height:28px;}
.h29{height:29px;}
.h30{height:30px;} */





/* 공통
------------------------------------------------------------------------------------------------------------*/
/* 페이지 타이틀 */
#Container #location{border-bottom:1px solid #e5e5e5; color:#555555; font-size:13px; font-weight: 500; line-height:1.3; padding:11px 0 7px 40px; }
.home{
  display: inline-block;
  width: 17px;
  height: 12px;
  background: url('/adm/manage/image/home.gif');
}
#Container h3{
  height: 42px;
  font-size: 25px;
  font-weight: 500;
  color: #333333;
  letter-spacing: -0.05em;
}
#Container h3 span{color:#7a7a7a; font-weight:normal; font-size:14px; display:inline-block; padding-left:10px; }

h4{
  margin-top: 30px !important;
  height: 30px;
  font-size: 15px;
  font-weight: 700;
  color: #184390;
  letter-spacing:-0.02em;
}
@media screen and (-webkit-min-device-pixel-ratio:0){
	#Container h3{background-position:left 7px;}
	h4{background-position:left 8px;}
}

p.question{background:url(image/sub/q.png) left 0 no-repeat; padding-left:25px; font-weight:bold; color:#2f2f2f; font-size:15px; line-height:1.4;}
@media screen and (-webkit-min-device-pixel-ratio:0){
	p.question{background-position:left 2px;}
}


.font11{font-size:11px;}
.colorgray{color:#666666;}

.line2{line-height:2;}

.linebox5{border:5px solid #dcdfdf; padding:15px 22px;}
.graybox{border:1px solid #e1e1e1; background:#f7f7f7; padding:20px;}
.graybox .font11{
  font-size: 14px;
}

/* Pager */
#pager td {
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  font-size: 14px;
}
#pager td a{
  display: block;
  padding-top: 1px;
  width: 100%;
  height: 100%;
}
#pager td a:hover{
  padding-top: 0;
  background-color: #f8f8f8;
  border: 1px solid #cccccc;
}
.current_page{
  color: #fff;
  background: #1e458f;
  border: 1px solid #1e458f;
  cursor: default;
}
.page_backward{
  background: url('/child/img/pager/page_l_2.png') no-repeat center;
}
.page_back5{
  background: url('/child/img/pager/page_l.png') no-repeat center;
}
.page_5{
  background: url('/child/img/pager/page_r.png') no-repeat center;
}
.page_forward{
  background: url('/child/img/pager/page_r_2.png') no-repeat center;
}



/* 페이징 */
.AW_paging{text-align:center; margin:20px 0 0; font-size:0;}
.AW_paging *{font-family:tahoma, verdana!important;}
.AW_paging a{display:inline-block; /*width:17px;*/ padding:0 6px; height:18px; line-height:18px; border:1px solid #ddd; margin:0 2px; font-size:11px; color:#666; letter-spacing:-0.05em;}
.AW_paging a:hover{background:#f7f7f7; border-color:#ccc; color:#666;}
.AW_paging a.on{color:#fff; background:#888; border-color:#888;}
.AW_paging a.arrow{background:#f7f7f7; letter-spacing:-0.09em;}


.top2{margin-top:2px;}
.top5{margin-top:5px;}
.top10{margin-top:10px;}
.top15{margin-top:15px;}
.top20{margin-top:20px;}
.top25{margin-top:25px;}
.top30{margin-top:30px;}
.top35{margin-top:35px;}
.top40{margin-top:40px;}
.top50{margin-top:50px;}
.top60{margin-top:60px;}
.top70{margin-top:70px;}
.top80{margin-top:80px;}
.top90{margin-top:90px;}

.left5{margin-left:5px;}
.left10{margin-left:10px;}
.left15{margin-left:15px;}
.left20{margin-left:20px;}
.left25{margin-left:25px;}
.left30{margin-left:30px;}
.left40{margin-left:40px;}
.left50{margin-left:50px;}
.left60{margin-left:60px;}
.left65{margin-left:65px;}
.left70{margin-left:70px;}
.left80{margin-left:80px;}
.left90{margin-left:90px;}

.col_t_margin{margin:30px 0 0;}
.col_table_margin{margin:5px 0 0;}

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

/* 포지션 */
.posi_r{position:relative;}
.top_p_1{top:1px;}
.top_p_2{top:2px;}
.top_p_3{top:3px;}
.top_p_4{top:4px;}
.top_p_5{top:5px;}
.top_pm_1{top:-1px;}
.top_pm_2{top:-2px;}
.top_pm_3{top:-3px;}
.top_pm_4{top:-4px;}
.top_pm_5{top:-5px;}


/*주문 프린트*/
/* 게시판 list ------------------------------------------*/
.AWshop_list_table{}
.AWshop_list_table.border{border-top:1px solid #333;}
.AWshop_list_table th, .AWbbs_view_table td{ border-bottom:1px solid #ddd;}
.AWshop_list_table th{height:40px; background:#f7f7f7; color:#333; }
.AWshop_list_table td{ height:40px; border-bottom:1px solid #dddddd; }
.AWshop_list_table td.h70 { height:70px; }
/* 테이블 안에 테이블 리셋 */
.AWshop_list_table table{border:0 none;}
.AWshop_list_table table th, .AWshop_list_table table td{height:auto; padding:0; border:0 none; background:none;}
/* 배송비, 결제 토탈 */
.Basket_price_total { background:#f8f8f8; height:60px; padding:0 10px; border-bottom:1px solid #ddd; }

/* 주문 page ------------------------------------------*/
.AWorder_form_table {border-top:1px solid #333;}
.AWorder_form_table th, .AWorder_form_table td{text-align:left; color:#333; border-bottom:1px solid #ddd;}
.AWorder_form_table th{width:18%; height:40px; padding-left:20px; background:#f7f7f7; font-size:12px; }
.AWorder_form_table th span{color:#ff1d1d; font-weight:600;}
.AWorder_form_table td{padding:10px 0 10px 15px;}
.AWorder_form_table td .input{padding:4px; background:#f7f7f7; border:1px solid #ddd; vertical-align:middle;}
.AWorder_form_table td .file{background:#f7f7f7; border:1px solid #dfdfdf;}
.AWorder_form_table td select{height:22px; border:1px solid #ddd;}
.AWorder_form_table td label{vertical-align:middle;}
.AWorder_form_table td font.comment{display:inline-block; font-size:12px; color:#888;}
/* 테이블 안에 테이블 리셋 */
.AWorder_form_table table{border:0 none;}
.AWorder_form_table table th, .AWorder_form_table table td{height:auto; padding:0; border:0 none; background:none;}


.mdc-card {
  background-color: #fff;
  /* @alternate */
  background-color: var(--mdc-theme-surface, #fff);
  border-radius: 2px;
  -webkit-box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.mdc-elevation-z1{
	-webkit-box-shadow:0 2px 1px -1px rgba(0,0,0,.2), 0 1px 1px 0 rgba(0,0,0,.14), 0 1px 3px 0 rgba(0,0,0,.12);
	box-shadow:0 2px 1px -1px rgba(0,0,0,.2), 0 1px 1px 0 rgba(0,0,0,.14), 0 1px 3px 0 rgba(0,0,0,.12);
}