@charset "utf-8";
/***********************************************************************************
 * 파일명      : base.css
 * 설명        : 기본_공통
 * 작성자      : (주)스마일웹 디자인팀
 * 작성일      : 2012.12.04
 * 최종수정일  : 2014.11.17
 * Copyright (c) 2012 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:130%;}
div, ul, ol, dl, p, td, th, input, textarea, select {color:#777;}
div, p, input, textarea, select, h1, h2, h3, h4, 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;}
h1,h2,h3,h4,h5,h6 {font-size:100%; font-weight:normal;}
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:#4758da; text-decoration:none;}
a {text-decoration:none; color:#777;}
a:hover, a:active, a:focus {color:#4758da; 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:1px solid #ccc; padding:2px 3px 2px 3px; color:#777; height:16px; font:normal 12px dotum;}
input.textneo {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;} /*yw@160411 */

input.file {border:1px solid #ccc; font-size:11px; padding:2px 6px;}
input.check {width:16px; height:16px; vertical-align:middle; padding:2px 3px 2px 3px;}
textarea.textarea {border:1px solid #ccc; padding:5px; font-family:Dotum; font-size:1em; color:#777; line-height:130%; width:150px; height:120px;}
select {border-right:#ccc 1px solid; border-top:#ccc 1px solid; border-left:#ccc 1px solid; border-bottom:#ccc 1px solid; padding:2px 1px 2px 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;}

/****************************** 특별한 사항이 아닌이상 위내용 수정 금지 ****************************************/
.a_underline {color:#4758da; text-decoration:underline;} /* a 링크 처리 */
/* 백그라운드 */
#wrap .bg_none {background:none;}
/* color */
.f_point {color:#4758da;}/* 파랑색 메인색상 */
.f_orange {color:#ff6600;}
.f_black {color:#444;}
.f_green{color:#2dab07;}
.f_white {color:#fff;}
.f_violet {color:#6600CC;}  
/* y@0409 */
.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_point2 {color:#ff6600;} /* 보라색 메인색상 */
.f_disable {color:#aaa;}
.f_bg_highlight {background-color:#CCFFFF; border:1px solid #3333FF; }/* yw@1701 bgcolor 강조 */
.f_bg_highlight2 {background-color:#fbfbfb; border:1px solid #ddd; }/* yw@1701 bgcolor 강조 */
/* size */
.f_11px {font-size:11px;}
.f_12px {font-size:12px;}
.f_14px {font-size:14px;}
.f_16px {font-size:16px;}
.hand {cursor:pointer;}
/* style */
.f_border_red {border:1px solid #ff6600;}
.f_bold {font-weight:bold;}
.f_pb {color:#4758da;font-weight:bold;}
.f_normal {font-weight:normal;}
/* title */
.s_tit {font-size:14px; font-weight:bold;}
.s_price{color:#ff6600; font-weight:bold;}
/* align */
#wrap .ta_l {text-align:left;}
#wrap .ta_r {text-align:right;}
#wrap .ta_c {text-align:center;}
#wrap .fa_r {float:right;}
#wrap2 .ta_l {text-align:left;}
#wrap2 .ta_r {text-align:right;}
#wrap2 .ta_c {text-align:center;}
#wrap2 .fa_r {float:right;}

.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;}
/* margin */
.mg_t5 {margin-top:5px;}
.mg_t7 {margin-top:7px;}
.mg_t10 {margin-top:10px;}
.mg_t20 {margin-top:20px;}
.mg_t30 {margin-top:30px;}
.mg_t40 {margin-top:40px;}
.mg_t50 {margin-top:50px;}
.mg_r5 {margin-right:5px;}
.mg_r10 {margin-right:10px;}
.mg_r15 {margin-right:15px;}
.mg_l5 {margin-left:5px;}
.mg_l7 {margin-left:7px;}
.mg_l10 {margin-left:10px;}
.mg_l20 {margin-left:20px;}
.mg_l30 {margin-left:30px;}
.mg_b5 {margin-bottom:5px;}
.mg_tb58 {margin:50px 0 80px 0;}
/* padding */
.pd_t8 {padding-top:8px;}
.pd_tb10 {padding:10px 0;}
.pd_l4 {padding-left:4px;}
.pd_r10 {padding-right:10px;}
.pd_l15 {padding-left:15px;}

/* 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 #CC0000; 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 #0033FF; color:#0033FF;}

.btn_type3n:link {display:inline-block; border:1px solid #3333FF; 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_type3n:hover {border:1px solid #4758da; color:#444;}
.btn_type3n:visited {border:1px solid #0033FF; color:#0033FF;}
    
.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;}

.btn_type56:link, .btn_type56:visited {display:inline-block; color:#fff; border:1px solid #2c3dbd; background:#9933FF; padding:5px 10px; font-size:12px; font-weight:bold; display:inline-block; cursor:pointer;}
.btn_type56:hover {color:#fff;}

.btn_type6:link, .btn_type6:visited {display:inline-block; color:#fff; border:1px solid #2c3dbd; background:#4758da; padding:8px 13px; font-size:14px; font-weight:bold; display:inline-block; cursor:pointer;}
.btn_type6:hover {color:#fff;}

.btn_type7:link, .btn_type7:visited {display:inline-block; color:#fff; border:1px solid #666; background:#888; padding:8px 13px; 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:8px 13px; font-size:14px; font-weight:bold; display:inline-block; cursor:pointer;}
.btn_type77: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;}

/* input_btn */
.input_textbox {float:left; border:1px solid #ccc; padding:3px; color:#777; height:14px; margin-right:5px;} 
.input_div {float:left; position:relative; height:23px; overflow:hidden;} 
.input_button {float:left; background:#999; border:1px solid #888; color:#fff; padding:2px 6px; *padding:2px 0 0 0; display:inline-block; font-size:11px; font-weight:bold; cursor:pointer; margin-right:5px;}
.input_hidden {font-size:45px; position:absolute; right:0px; top:0px; opacity:0; filter:alpha(opacity=0); -ms-filter:"alpha(opacity=0)"; -khtml-opacity:0; -moz-opacity:0; cursor:pointer;} 

/* 옵션만들기*/
.option_input_bg {background:#fff url("/smanage/images/option/option_input_bg.png") no-repeat 0 25%; padding:0 0 0 10px; }
.option_input1_bg {background:#fff url("/smanage/images/option/option_input1_bg.png") no-repeat 0 25%; padding:0 0 0 10px; }
.option_input2_bg {background:#fff url("/smanage/images/option/option_input2_bg.png") no-repeat 0 25%; padding:0 0 0 10px; }
.option_input3_bg {background:#fff url("/smanage/images/option/option_input3_bg.png") no-repeat 0 25%; padding:0 0 0 10px; }
.option_input_first_bg {background:#fff url("/smanage/images/option/option_input_first_bg.png") no-repeat 0 25%; padding:0 0 0 10px; }

 /* img size */
.img_smanage_list {display:inline-block; width:60px; height:60px;}

/* yw@160512 부가서비스 주문 금액 */
.order_total {position:relative; height:40px; background:#fafafa; font:normal 16px/18px dotum; color:#444; border-top:1px solid #9f9f9f; border-bottom:1px solid #9f9f9f; text-align:right; padding:15px 15px 0 0; margin-top:-1px;}
.order_total .price {font:bold 18px/20px dotum; color:#ff6600;}
.order_total .won {font:bold 14px/16px dotum; color:#ff6600;}