@charset "utf-8";

/***********************************************************************************
 * 파일명      : base.css
 * 설명        : 기본_공통
 * 작성자      : (주)스마일웹 디자인팀
 * 작성일      : 2012.11.20
 * 최종수정일  : 2012.11.20
 * Copyright (c) 2011 Smileweb co., Ltd.  All rights reserved.  www.smileweb.co.kr *
************************************************************************************/

* {margin:0; padding:0;}
html {height:100%; font-family:dotum, Gulim; background:#fff;}
body {font-size:12px; line-height:120%;}
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%;}
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;}
table a:visited {color:#0066FF; text-decoration:none;}
a {text-decoration:none; color:#666; font-size: 13px;}
a:hover,a:active, a:focus {color:#4858da; text-decoration:none;}
a:visited {color:#0066FF; 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:#bbbbbb #c7c7c7 #c7c7c7 #bbbbbb; border-style:solid; border-width:1px; padding:2px 4px 2px 4px; .padding:3px 4px 0 4px; color:#777; height:16px; line-height:13px; font:normal 12px dotum;}
input.text2 {border-color:#bbbbbb #c7c7c7 #c7c7c7 #bbbbbb; border-style:solid; border-width:1px; padding:2px 4px 2px 4px; .padding:3px 4px 0 4px; color:#777; height:12px; line-height:13px; font:normal 12px dotum;}
input.file {border-color:#bbbbbb #c7c7c7 #c7c7c7 #bbbbbb; border-style:solid; border-width:1px; padding:2px 4px 2px 4px; .padding:3px 4px 0 4px; color:#777; height:14px; line-height:13px; font:normal 12px dotum;}
input.check {width:13px; height:13px; margin-top:-3px; margin-right:4px; vertical-align:middle;}
textarea.textarea {border-color:#bbbbbb #c7c7c7 #c7c7c7 #bbbbbb; 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:#bbbbbb #c7c7c7 #c7c7c7 #bbbbbb; 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_orange1{color:#aa6621;}
.f_red {color:#ed1a0a;}
.f_red1 {color:#eb510d;}
.f_green {color:#448c0a;}
.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_dkgray {color:#393939;}
.f_cyan {color:#188cd1;} 
.f_white {color:#fff;}
.f_point {color:#2360b5;}
.f_point2 {color:#ffe465;}
.f_point3 {color:#3d4bbb;}


/* size */
.f_11px {font-size:11px;}
.f_12px {font-size:12px;}
.f_16px {font-size:16px;}
.hand {cursor:pointer;}

/* style */
.f_bold {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%;}
.f_lh170 {line-height:170%;}

/* 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_r1 {float:right;}
.fl_r {right:0; width:100%;}
.clear {clear:both;}
.align_r {position:absolute; top:8px; 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_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_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_tb3 {margin:3px 0;}
.mg_b5 {margin-bottom:5px;}
.mg_b8 {margin-bottom:8px;}
.mg_b30 {margin-bottom:30px;}
.mg_b45 {margin-bottom:45px;}
.mg_tb15 {margin:15px 0;}
.mg_tb41 {margin:41px 0;}

/* padding */
.pd_t3 {padding-top:6px;}
.pd_t25 {padding-top:25px;}
.pd_b1 {padding-bottom:1px;}
.pd_rl3 {padding:0 3px;}
.pd_r6 {padding-right:6px;}
.pd_l6 {padding-left:6px;}
.pd_l10 {padding-left:10px;}
.pd_l18 {padding-left:18px;}
.pd_tl19 {padding:1px 0 0 9px;}


/* 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;}

/* 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;} /* 느낌표모양 아이콘*/

/* btn */
.btn_type1:link {background-color:#fff; border-right:1px solid #ddd; border-bottom:1px solid #ddd; font-size:11px; padding:3px 7px 2px 6px;}
.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 {background-color:#888; border:1px solid #777; font-family:YDIwebdotum; font-weight:bold; font-size:11px; color:#fff; padding:2px 8px;}
.btn_type2:hover {color:#fff;}

.btn_type4:link {color:#777; border:solid #d7d7d7; border-width:1px 2px 2px 1px; background:#f8f8f8; padding:3px 5px; font-family:YDIwebdotum; font-size:11px; font-weight:bold;}
.btn_type4:hover, {color:#777;}

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

.btn_type7:link, .btn_type7:visited {background-color:#cc0000; border:1px solid #cc0000;  font-weight:bold; font-size:11px; color:#fff; padding:2px 8px;}
.btn_type7:hover {color:#fff;}