@charset "utf-8";
/***********************************************************************************
 * 파일명      : base.css
 * 설명        : 기본_공통
 * 작성자      : (주)스마일웹 디자인팀
 * 작성일      : 2012.11.20
 * 최종수정일  : 2012.11.20
 * Copyright (c) 2011 Smileweb co., Ltd.  All rights reserved.  www.smileweb.co.kr *
************************************************************************************/
@import url("http://cdn.jsdelivr.net/font-nanum/1.0/nanumbarungothic/nanumbarungothic.css"); 
@import url("http://fonts.googleapis.com/earlyaccess/nanumgothic.css");
* {margin:0; padding:0;}
html {height:100%; font-family:dotum, Gulim; background:#fff;}
body {font-size:12px; line-height:130%;}
div, ul, ol, dl, p, td, th, input, textarea, select {color:#777;}
div, p, input, textarea, select, em, address, fieldset, form, iframe, object {margin:0; padding:0;}
table {border-collapse:collapse; border-spacing:0; width:100%;}
table summary{visibility:hidden; height:0%;}
table caption{visibility:hidden; height:0%; font-size:0em; line-height:0}
button{border:none;}
img, fieldset {border:0 none; vertical-align:middle;}
abbr,acronym {border:0;}
hr, legend {display:none;}
address,caption,cite,code,dfn,em,th,var {font-style:normal;}
input,select,option {font-size:11px; border:0 solid #ccc; vertical-align:middle;}
ul, ol, li, dl, dt, dd {list-style:none; margin:0; padding:0;} 
.png24 {tmp:expression(setPng24(this))}

table a:link, table a:visited {color:#777;}
table a:hover, table a:active {color:#d94547; text-decoration:none;}
a {text-decoration:none; color:#666;}
a:hover, a:active, a:focus {color:#4858da; text-decoration:none;}
a.underline {text-decoration:none; color:#777;}
a.underline:hover, a.underline:active, a.underline:focus {color:#777; text-decoration:underline;}
a,img,input {outline:none; selector-dummy:expression(this.hideFocus=true);}

select,input {vertical-align:middle;}
input.text {border-color:#c7c7c7; border-style:solid; border-width:1px; padding:2px 3px 2px 3px; color:#777; height:15px; line-height:13px; font:normal 12px dotum;}
select {border-color:#a4a4a4 #c7c7c7 #c7c7c7 #a4a4a4; border-style:solid; border-width:1px; color:#7d7d7d; font:12px dotum; padding:1px;}
input.ntext {border-color:#a4a4a4 #c7c7c7 #c7c7c7 #a4a4a4; border-style:solid; border-width:1px; padding:2px 3px 2px 3px; color:#777; height:21px; line-height:13px; font:normal 15px dotum;}

/*input.text {border-color:#a4a4a4 #c7c7c7 #c7c7c7 #a4a4a4; border-style:solid; border-width:1px; padding:2px 3px 2px 3px; color:#777; height:15px; line-height:13px; font:normal 12px dotum;}8/
input.text2 {border-color:#a4a4a4 #c7c7c7 #c7c7c7 #a4a4a4; border-style:solid; border-width:1px; padding:2px 3px 2px 3px; color:#777; height:12px; line-height:13px; font:normal 12px dotum;}
input.ntext {border-color:#a4a4a4 #c7c7c7 #c7c7c7 #a4a4a4; border-style:solid; border-width:1px; padding:2px 3px 2px 3px; color:#777; height:21px; line-height:13px; font:normal 15px dotum;}
input.file {border-color:#a4a4a4 #c7c7c7 #c7c7c7 #a4a4a4; border-style:solid; border-width:1px; padding:2px 3px 2px 3px; color:#777; height:16px; line-height:13px; font:normal 12px dotum;}
input.check {width:13px; height:13px; margin-top:-3px; margin-right:4px; vertical-align:middle;}
input.ncheck {width:15px; height:15px; margin-top:-3px; margin-right:4px; vertical-align:middle;}
textarea.textarea {border-color:#a4a4a4 #c7c7c7 #c7c7c7 #a4a4a4; border-style:solid; border-width:1px; padding:3px 4px 0; color:#777; line-height:130%; font-size:11px; width:96%; height:130px;}
select {border-color:#a4a4a4 #c7c7c7 #c7c7c7 #a4a4a4; border-style:solid; border-width:1px; color:#7d7d7d; font:12px dotum; padding:1px;}
pre {font-family:Dotum;}

/******************************************************** 특별한 사항이 아닌이상 위내용 수정 금지 *************************************************************/
/* 백그라운드 */
#wrap .bg_none {background:none;}
/* line */
#wrap .noline_b {border-bottom:none;}
#wrap .noline_r {border-right:none;}
#wrap .noline_t {border-top:none;}
/* color */
.f_black {color:#393939;}
.f_orange {color:#fe6601;}
.f_gray {color:#aaa;} 
.f_gray2 {color:#747474;}
.f_gray3 {color:#444;}
.f_gray4 {color:#878787;}
.f_gray5 {color:#ddd;}
.f_gray6 {color:#898888;}
.f_white {color:#fff;}
.f_point {color:#4858da;}
.f_point2 {color:#ffe465;}
.f_green {color:#2dab07;}
.f_violet {color:#CC00FF;}  
/* size */
.f_11px {font-size:11px;}
.f_12px {font-size:12px;}
.f_13px {font-size:13px;}
.f_14px {font-size:14px;}
.f_15px {font-size:15px;}
.f_16px {font-size:16px;}
.hand {cursor:pointer;}
/* style */
.f_bold {font-weight:bold;}
.f_pb {color:#4858da;font-weight:bold;}
.f_normal {font-weight:normal;}
.f_ls-1 {letter-spacing:-1px;}
.f_ls0 {letter-spacing:0;}
.f_ls1 {letter-spacing:1px;}
.f_lh130 {line-height:130%;}
.f_lh140 {line-height:140%;}
.f_lh150 {line-height:150%;}
.f_lh160 {line-height:160%;}
/* align */
#wrap .ta_l {text-align:left;}
#wrap .ta_r {text-align:right;}
#wrap .ta_c {text-align:center;}
#wrap .fl_l {float:left;}
.fl_c {float:center;}
.fl_r {right:0; width:100%;}
.clear {clear:both;}
.align_r {position:absolute; top:0; right:0; font-weight:normal; color:#444;}
/* paging*/
.paging {width:100%; text-align:center; margin-top:10px;}
.paging a {display:inline-block; font-size:12px; width:26px; height:20px; margin:0 2px;}
.paging a.num {padding-top:6px; font-weight:bold; color:#444; background:#f2f2f2;}
.paging a.num:hover, a.num:active {background:#ddd;}
.paging a.choice {padding-top:6px; background:#2a5fc9; color:#dfe7f7; font-weight:bold;} 
.paging a.btn {padding:0 10px;}
.nolist {text-align:center; padding:20px 0; border-bottom:1px solid #ddd;}
/* rollover */
a.rollover img.over {display:none;}
a.rollover:hover {border:0px; color:#4858da;}
a.rollover:hover img {display:none;}
a.rollover:hover img.over {display:inline;}
.p_quick {position:relative; height:16px; width:48px; top:14px;}
.p_quick a.rollover {height:16px; vertical-align:middle; margin-left:-1px;}
.p_quick .text {position:absolute; left:0; top:11px;}
/* margin */
.mg_t3 {margin-top:3px;}
.mg_t5 {margin-top:5px;}
.mg_t7 {margin-top:7px;}
.mg_t10 {margin-top:10px;}
.mg_t15 {margin-top:15px;}
.mg_t20 {margin-top:20px;}
.mg_t25 {margin-top:25px;}
.mg_t30 {margin-top:30px;}
.mg_t40 {margin-top:40px;}
.mg_l5 {margin-left:5px;}
.mg_l10 {margin-left:10px;}
.mg_l20 {margin-left:10px;}
.mg_l30 {margin-left:30px;}
.mg_l45 {margin-left:45px;}
.mg_r2 {margin-right:2px;}
.mg_r10 {margin-right:10px;}
.mg_r15 {margin-right:15px;}
.mg_r25 {margin-right:25px;}
.mg_b5 {margin-bottom:5px;}
.mg_b10 {margin-bottom:10px;}
.mg_b30 {margin-bottom:30px;}
.mg_b45 {margin-bottom:45px;}

/* padding */
.pd_t25 {padding-top:25px;}

/* btn align */
#wrap .btn_l {float:left; width:400px; display:inline; margin:15px 0;}
#wrap .btn_r {float:right; width:210px; text-align:right; margin:15px 0;}
#wrap .btn_c {width:100%; text-align:center; margin:15px 0;}

/* no list */
#wrap .nolist {text-align:center; padding:20px 0 0 0; font-weight:bold; border-bottom:1px solid #ddd;}
#wrap .hand {cursor:pointer;}
/* img size */
.img_smanage_list {display:inline-block; width:100px; height:100px;}


/** 아래 내용 추가 smanage 참조  160902 @ywlee **/

/* icon */
.ico_point {color:#f26751; font-size:11px; background:url('/images/common/icon/point_red.gif') no-repeat 2px 35%; padding:1px 0 1px 15px;} /* 느낌표모양 아이콘*/
.bu_dot {background:url('/smanage/images/common/icon/bu_dot2.gif') no-repeat 0 45%; padding:0 0 0 10px;}
.bu_arrow {background:url('/smanage/images/common/icon/bu_arrow.gif') no-repeat 0 25%; padding:0 0 0 10px;}
.bu_square {background:url('/smanage/images/common/icon/bu_square2.gif') no-repeat 0 25%; padding:0 0 0 18px; font-weight:bold;}
.bu_emark {background:url('/smanage/images/common/icon/emark.gif') no-repeat 0 50%; padding:0 0 0 18px; font-weight:bold;}

/* btn */
.btn_type1:link {background-color:#fff; border-right:1px solid #ddd; border-bottom:1px solid #ddd; font-size:11px; padding:3px 5px 2px 4px;}
.btn_type1:hover {background-color:#fbfbfb; border-left:1px solid #ddd; border-top:1px solid #ddd; border-right:0; border-bottom:0; color:#777;}

.btn_type2:link, .btn_type2:visited {display:inline-block; background-color:#888; border:1px solid #777; font-family:YDIwebdotum; font-weight:bold; font-size:11px; color:#fff; padding:3px 4px;}
.btn_type2:hover {color:#fff;}

.btn_type3:link {display:inline-block; border:1px solid; border-color: #bbb; padding:2px 12px 1px 3px; font-family:YDIwebdotum; font-size:11px; background:url('/smanage/images/common/btn/bg_arrow.gif') no-repeat right 50%; display:inline-block; cursor:pointer;}
.btn_type3:hover {border:1px solid #4758da; color:#444;}
.btn_type3:visited {border:1px solid #ff6600; color:#ff6600;}
    
.btn_type4:link {display:inline-block; color:#777; border:solid #d7d7d7; border-width:1px 2px 2px 1px; background:#f8f8f8; padding:3px 4px; font-family:YDIwebdotum; font-size:11px; font-weight:bold;}
.btn_type4:hover, {color:#777;}

.btn_type5:link {display:inline-block; color:#fff; border:solid #2c3dbd; border-width:1px 2px 2px 1px; background:#4758da; padding:3px 4px; font-family:YDIwebdotum; font-size:11px; font-weight:bold;}
.btn_type5:hover {color:#fff;}

 /* jha 연한회색버튼 */
.btn_type6:link, .btn_type6:visited {display:inline-block; color:#fff; border:1px solid #2c3dbd; background:#4758da; padding:10px 20px; font-size:14px; font-weight:bold; display:inline-block; cursor:pointer;}
.btn_type6:hover {color:#fff;}

.btn_type66:link, .btn_type66:visited {display:inline-block; color:#fff; border:1px solid #3c56c8; background:#556fe1; padding:10px 20px; font-size:14px; font-weight:bold; display:inline-block; cursor:pointer;}
.btn_type66:hover {color:#fff;}

.btn_type666:link, .btn_type666:visited {display:inline-block; color:#4758da; border:1px solid #4758da; background:#fff; padding:10px 20px; font-size:14px; font-weight:bold; display:inline-block; cursor:pointer;}
.btn_type666:hover {color:#4758da;}

.btn_type7:link, .btn_type7:visited {display:inline-block; color:#fff; border:1px solid #666; background:#888; padding:10px 20px; font-size:14px; font-weight:bold; display:inline-block; cursor:pointer;}
.btn_type7:hover {color:#fff;}

 /* jha 연한회색버튼 */
.btn_type77:link, .btn_type77:visited {display:inline-block; color:#666; border:1px solid #ddd; background:#f3f3f3; padding:10px 20px; font-size:14px; font-weight:bold; display:inline-block; cursor:pointer;}
.btn_type77:hover {color:#666;}

.btn_type777:link, .btn_type77:visited {display:inline-block; color:#666; border:1px solid #c1c0c0; background:#fff; padding:10px 20px; font-size:14px; font-weight:bold; display:inline-block; cursor:pointer;}
.btn_type777:hover {color:#666;}

.btn_type7777:link, .btn_type77:visited {display:inline-block; color:#666; border:1px solid #ddd; background:#f3f3f3; padding:6px 15px; font-size:12px; font-weight:bold; display:inline-block; cursor:pointer;}
.btn_type7777:hover {color:#666;}

.btn_type8:link {background-color:#fff; border-right:1px solid #ddd; border-bottom:1px solid #ddd; font-size:11px; color:#4758da; padding:3px 7px 2px 6px;}
.btn_type8:hover {background-color:#fbfbfb; border-left:1px solid #ddd; border-top:1px solid #ddd; border-right:0; border-bottom:0; color:#4758da;}

 /* jha 오렌지버튼 */
.btn_type9:link {border:1px solid #ff6600; padding:2px 12px 1px 4px; font-family:YDIwebdotum; color:#ff6600;font-size:11px; background:url('/smanage/images/common/btn/bg_arrow1.gif') no-repeat right 50%;  display:inline-block; cursor:pointer;}
.btn_type9:hover {border:1px solid #ff6600 color:#ff6600;}

 /* jha 블루 버튼 */
.btn_type10:link {border:1px solid #4758da; padding:2px 12px 1px 4px; font-family:YDIwebdotum; font-size:11px;color:#4758da; background:url('/smanage/images/common/btn/bg_arrow2.gif') no-repeat right 50%; display:inline-block; cursor:pointer;}
.btn_type10:hover {border:1px solid #4758da color:#4758da;}

 /* jha 다운로드 */
.btn_type11:link {border:1px solid; border-color:#eaeaea #bbb #bbb #eaeaea; padding:2px 13px 1px 4px; font-family:YDIwebdotum;font-size:11px; background:url('/smanage/images/common/btn/bg_arrow3.gif') no-repeat right 50%; display:inline-block; cursor:pointer;}
.btn_type11:hover {border:1px solid #444; color:#444;}

.btn_ntype1:link, .btn_ntype1:visited {background:#2a5fc9; border:1px solid #3e4bbc; color:#fff; font-weight:bold; padding:10px 15px; display:inline-block; cursor:pointer;} /* 큰버튼_칼라 */
.btn_ntype2:link, .btn_ntype2:visited {background:#999; border:1px solid #888; color:#fff; padding:2px 6px; display:inline-block; font-size:11px; font-weight:bold; cursor:pointer;} /* 작은버튼 */
.btn_ntype3:link, .btn_ntype3:visited {background:#afafaf; border:1px solid #a3a3a3; color:#fff; font-weight:bold; padding:10px 15px; display:inline-block; cursor:pointer;} /* 큰버튼_회색 */
.btn_del:link, .btn_del:visited {background:#b5b5b5; border:1px solid #9d9d9e; color:#fff; padding:0 2px; height:12px; font-weight:bold; cursor:pointer; font-size:9px; font-family:Tahoma;} /* 가장작은버튼 */
.btn_ntype4:link, .btn_ntype4:visited {background:#2a5fc9; border:1px solid #3e4bbc; color:#fff; padding:2px 6px; display:inline-block; font-size:11px; font-weight:bold; cursor:pointer;} /* 작은버튼 */

 /* ywlee */
.btn_type12:link {color:#fff; border:solid #777;    border-width:1px 1px; background:#888; padding:2px 4px; font-size:10px;  font-family:YDIwebdotum; }
.btn_type12:hover{color:#cc3300; background:#CCFF00;} 
.btn_type12:visited{color:#FF00FF; background:#CCCC00;} 

.btn_type13:link {color:#777; border:solid #d7d7d7; border-width:1px 1px; background:#f8f8f8; padding:2px 4px;  font-size:10px;  font-family:YDIwebdotum; }
.btn_type13:hover{color:#777;}
.btn_type14:link {color:#fff; border:solid #2c3dbd; border-width:1px 1px; background:#4758da; padding:2px 4px;   font-size:10px;  font-family:YDIwebdotum;}
.btn_type14:hover{color:#fff;} 
.btn_type15:link {color:#990000; border:solid #d7d7d7; border-width:1px 1px; background:#f8f8f8; padding:2px 4px;   font-size:10px;  font-family:YDIwebdotum;}
.btn_type15:hover{color:#cc3300;} 

 /* ywlee  inline-block */
.btn_type2n:link, .btn_type2n:visited {display:inline-block; background-color:#888; border:1px solid #777; font-family:YDIwebdotum; font-weight:bold; font-size:11px; color:#fff; padding:3px 4px;}
.btn_type2n:hover {color:#fff;}
.btn_type12n:link {display:inline-block;color:#fff; border:solid #777;    border-width:1px 1px; background:#888; padding:2px 4px; font-size:10px;  font-family:YDIwebdotum; }
.btn_type12n:hover{color:#fff;}
.btn_type13n:link {display:inline-block; color:#777; border:solid #d7d7d7; border-width:1px 1px; background:#f8f8f8; padding:2px 4px;  font-size:10px;  font-family:YDIwebdotum; }
.btn_type13n:hover{color:#777;}