@charset "UTF-8";
/* -----------------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------------
# Common Style Sheet     
FileName : common.css
Last modified : 2013-04-04
Autor : Oh Se Ran
ContactUs : bemoved@dentice.co.kr
Description : Common definitions
-----------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------- */

/* Reset
----------------------------------------------------------------------------------------------- */
html, body, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, table, th, td, form, fieldset, legend, input, textarea, select, button {margin:0; padding:0; vertical-align:top;}
header, hgroup, footer, section, article, aside, nav, canvas, figure, figcaption {display:block;}
img, fieldset {border:0; vertical-align:top;}
li img, li a {vertical-align:top; } /* li안에 있는 img에 대한 브라우저 1px오류 백신 */
ul, ol {list-style:none;}
em, address {font-style:normal;}
a {text-decoration:none;}
/*a:hover, a:active, a:focus {text-decoration:underline;}*/
a:hover, a:active, a:focus {text-decoration:none;}
button {cursor:pointer;}
hr {display:none;}

/* =default */
body ,h1, h2, h3, h4, h5, h6, input, textarea, select, button, table {color:#333; font:75% /1.5 "돋움", Dotum, sans-serif;}

/* Reset | link */
a,a:link{text-decoration:none;color:#666}
/*a:focus,a:hover,a:active{text-decoration:underline;color:#c4161c;}*/
a:focus,a:hover,a:active{text-decoration:none;}

/* Reset | tables still need 'cellspacing="0" in the markup */
table{border-collapse:collapse;border-spacing:0;table-layout:fixed}
th,td{word-wrap:break-word;word-break:break-all;}

/* Reset | ETC */
ol,ul,li{list-style:none}
button,img,fieldset,iframe{border:0 none}
em,address{font-style:normal}
button{cursor:pointer}
hr{display:none}
legend,
.blind{width:0;height:0;font-size:0;line-height:0;position:absolute;left:-9999px;}
caption{display:none;}

/* Common definitions
-----------------------------------------------------------------------------------------------*/
/* CD | Form */
/*.input_txt { height:23px; text-indent:5px; font-size:12px; color:#333; border:1px solid #ccc; margin:0; padding:0; cursor:pointer;}*/
.input_txt { height:23px; text-indent:5px; font-size:12px; color:#333; border:1px solid #ccc; margin:0; padding:0; cursor:pointer;}

.select_txt { text-indent:5px; font-size:13px; color:#333; border:1px solid #ccc; margin:0; padding:0; cursor:pointer;}

.input_basic { height:19px; text-indent:5px; font-size:12px; color:#333; border:1px solid #ccc; margin:0; padding:0; cursor:pointer;}
.str {border:none; color:#666; font-size:12px; height:24px;}
.str_type2 {border:1px solid #ccc; color:#666; font-size:12px; line-height:2; height:24px; vertical-align:middle}
textarea {font:12px/1.5 " Dotum"; width:638px; height:168px; padding-left:10px; color:#333; overflow:hidden; overflow-y:auto; resize: none;}
.tarea {font:12px/1.5 " Dotum";padding-left:10px; color:#333; overflow:hidden; overflow-y:auto; resize: none;}
.notice_area textarea {height:354px;}
/* CD | Display */
.point_color1 {color:#c4161c !important;}
/* CD | Display */
.di{display:inline}
.db{display:block}
.dib{display:inline-block}

/* CD | Float */
.fl{float:left}
.fr{float:right}
.cl{clear:both}

/* CD | Position */
.rel{position:relative;}

/* CD | Scope | Margin */
/* Margin | Top */
.mt5{margin-top:5px !important;}
.mt10{margin-top:10px !important;}
.mt14{margin-top:14px !important;}
.mt15{margin-top:15px !important;}
.mt20{margin-top:20px !important;}
.mt30{margin-top:30px !important;}

/* Margin | Right */
.mr5{margin-right:5px !important;}
.mr10{margin-right:10px !important;}
.mr14{margin-right:14px !important;}
.mr15{margin-right:15px !important;}
.mr20{margin-right:20px !important;}
.mr30{margin-right:30px !important;}

/* Margin | Bottom */
.mb5{margin-bottom:5px !important;}
.mb10{margin-bottom:10px !important;}
.mb14{margin-bottom:14px !important}
.mb15{margin-bottom:15px !important}
.mb20{margin-bottom:20px !important;}
.mb30{margin-bottom:30px !important;}
/* Margin | Left */
.ml5{margin-left:5px !important;}
.ml10{margin-left:10px !important;}
.ml14{margin-left:14px !important;}
.ml15{margin-left:15px !important;}
.ml20{margin-left:20px !important;}
.ml30{margin-left:30px !important;}

/* CD | Scope | Padding */
/* Padding | Top */
.pt1{padding-top:1px !important;}
.pt2{padding-top:2px !important;}
.pt3{padding-top:3px !important;}
.pt4{padding-top:4px !important;}
.pt5{padding-top:5px !important;}
.pt10{padding-top:10px !important}
.pt14{padding-top:14px !important}
.pt15{padding-top:15px !important}
.pt20{padding-top:20px !important;}
.pt25{padding-top:25px !important;}
.pt30{padding-top:30px !important;}

/* Padding | Right */
.pr1{padding-right:1px !important;}
.pr2{padding-right:2px !important;}
.pr3{padding-right:3px !important;}
.pr4{padding-right:4px !important;}
.pr5{padding-right:5px !important;}
.pr10{padding-right:10px !important;}
.pr14{padding-right:14px !important;}
.pr15{padding-right:15px !important;}
.pr20{padding-right:20px !important;}
.pr25{padding-right:25px !important;}
.pr30{padding-right:30px !important;}

/* Padding | Bottom */
.pb1{padding-bottom:1px !important}
.pb2{padding-bottom:2px !important}
.pb3{padding-bottom:3px !important}
.pb4{padding-bottom:4px !important}
.pb5{padding-bottom:5px !important}
.pb10{padding-bottom:10px !important}
.pb14{padding-bottom:14px !important}
.pb15{padding-bottom:15px !important}
.pb20{padding-bottom:20px !important}
.pb25{padding-bottom:25px !important}
.pb30{padding-bottom:30px !important}
.pb40{padding-bottom:40px !important}

/* Padding | Left */
.pl1{padding-left:1px !important}
.pl2{padding-left:2px !important}
.pl3{padding-left:3px !important}
.pl4{padding-left:4px !important}
.pl5{padding-left:5px !important}
.pl10{padding-left:10px !important}
.pl14{padding-left:14px !important}
.pl15{padding-left:15px !important}
.pl20{padding-left:20px !important}
.pl25{padding-left:25px !important}
.pl30{padding-left:30px !important}


/* CD | Font / Align */
/*세로정렬*/
.vt{vertical-align:top !important}
.vm {vertical-align:middle !important}
.vb{vertical-align:bottom !important}
/*가로정렬*/
.tc{text-align:center !important}
.tl {text-align:left !important}
.tr{text-align:right !important}

/** =Login
====================================================*/
.login #header {background:none; }
.login #container { background: none; }
.login #content {width:1024px;}
.login .admin_greetings {float:left; width:400px; padding:130px 0 0 32px; /*background:red;*/}
.login .admin_greetings h2 {padding-bottom:14px;}
.login .login_area {float:left; padding-top:130px; width:590px; /*background:blue;*/}
.login .login_area .select_category{zoom:1;}
.login .login_area .select_category:after{content:""; display:block; clear:both;}
.login .login_area .select_category li {float:left; width:195px; height:35px; }
.login .login_area .select_category li a strong {display:block; text-indent:-3721px;}
.login .login_area .select_category li a {display:inline-block; zoom:1; *display:inline; width:195px; height:35px; background: url("/Images/bg_tabmenu.gif") no-repeat 0 0;}
.login .login_area .select_category li.order_admin a { background-position:0 -48px; }
.login .login_area .select_category li.order_admin a.act,
.login .login_area .select_category li.order_admin a:active { background-position:0 0; }
.login .login_area .select_category li.product_admin a { background-position:-195px 0; }
.login .login_area .select_category li.product_admin a.act,
.login .login_area .select_category li.product_admin a:active { background-position:-195px -48px; }
.login .login_area .login_form {position:relative; padding-top:28px;}
.login .login_area .login_form p {margin-bottom:8px;}
.login .login_area .login_form .btn_login {position:absolute; left:292px; top:28px; }
.login .login_area .login_form .id label {padding-right:36px;}
.login .login_area .login_form .pw label {padding-right:26px;}
.login .login_area .login_form label img {margin-top:8px;}


/** =Layout
====================================================*/
 html, body { height:100%; }
 /*상단*/
 #header { height:60px; position:relative; z-index:1; padding:18px 0 0 30px; background: url("/Images/bg_topline.gif") repeat-x left bottom;}
 #header .login_info {zoom:1; position:absolute; right:20px; top:30px;}
 #header .login_info:after {content:""; display:block; clear:both;}
 #header .login_info li {float:left; display:inline; margin-right:20px;}
 #header .login_info li a {color:#373737; padding-left:20px; background: url("/Images/ico.gif") no-repeat 0 -1px;}
 #header .login_info li.home a { background-position:0 -24px}
 #header .login_info li.logout a { background-position:0 -47px;}

 #header .off_info {zoom:1; position:absolute; right:320px; top:30px;}


 /*컨텐츠*/
 #container { min-height:100%; margin:-78px 0 -33px; background: url("/Images/bg_leftmenu_line.gif") repeat-y 0 78px;}
 *html #container { height:100%; }
 #content{padding:78px 0 33px; zoom:1;}
 #content:after{content:""; display:block; clear:both;}
 #content .gnb_area{float:left; min-height:680px; width:182px;}
 #content .cont{float:left; padding:30px 20px;}

 /*컨텐츠POP*/
 /*#container_pop { min-height:100%; margin:-78px 0 -33px; }*/
#container_pop { margin:-78px 0 -33px; }
 *html #container_pop { height:100%; }


/*gnb*/
#content .gnb_area .gnb li.sel_box {padding:10px 14px;}
#content .gnb_area .gnb li { padding:7px 0 6px 30px; 	border-bottom:1px solid #e4e4e4; }
#content .gnb_area .gnb li a{
	color:#373737;
	font-weight:bold;
	display:inline-block; zoom:1; *display:inline;
	padding-left:22px;
	background:#f2f2f2 url("/Images/bu.png") no-repeat 0 0;
}
#content .gnb_area .gnb li.act a,
#content .gnb_area .gnb li a:hover,
#content .gnb_area .gnb li a:active,
#content .gnb_area .gnb li a:focus {
	background-position:0 -26px;
	text-decoration:none;
	color:#c4161c;
}
#content .gnb_area .gnb li.act a {background-color:#fff;}
#content .gnb_area .gnb li.act {/*border-bottom:none;*/ width:151px; background-color:#fff;}
#content .gnb_area .gnb li.btop{border4:1px solid #e4e4e4;}
/*menu_sub*/
#content .gnb_area .gnb li .menu_sub{ padding:5px 0;}
#content .gnb_area .gnb li .menu_sub li { padding: 2px 0 2px 10px; border-bottom:none; background-color:#fff; width:141px;}
#content .gnb_area .gnb li .menu_sub li a { font-weight:normal; color:#666; border-bottom:none; background-color:#fff; background-position:0 -45px;}
#content .gnb_area .gnb li .menu_sub li a.act,
#content .gnb_area .gnb li .menu_sub li a:hover,
#content .gnb_area .gnb li .menu_sub li a:active,
#content .gnb_area .gnb li .menu_sub li a:focus{color:#c4161c; background-position:0 -58px;}

 /*하단*/
 #footer {height:33px; background: url("/Images/bg_botline.gif") repeat-x left top;}
 #footer address {text-align:center; padding-top:10px; vertical-align:middle;}

 /* paging
----------------------------------------------------------------------------------------------- */
.paging{text-align:center; /*padding:50px 0 60px;*/overflow:hidden}
.paging a{vertical-align:middle;display:inline-block;padding:0 10px 0 6px;color:#666; background:url(/Images/bg_paging_line.gif) no-repeat 100% 50%;}
.paging a.on,
.paging a:hover,
.paging a:active,
.paging a:focus{font-weight:bold;color:#c4161c;text-decoration:none;}
.paging .ext{padding:0 1px; background:none}
.back_no{background:none !important;}


/* Table style
----------------------------------------------------------------------------------------------- */
/*type1*/
/*.table_type1 {width:100%; min-width:780px; border-bottom:1px solid #333; margin-bottom:20px;}*/
.table_type1 {width:100%; min-width:780px; border-bottom:1px solid #333; margin-bottom:1px;font-weight:normal;}
.table_type1 th,
/*.table_type1 td {padding:8px; font-size:12px; color:#666; text-align:center; }*/
.table_type1 td {padding:6px 1px 6px 1px; font-size:12px; color:#666; text-align:center; }
/*.table_type1 thead th {color:#333; border-top:1px solid #333; border-bottom:1px solid #333; } */
.table_type1 thead th { padding-top:9px; padding-bottom:5px; color:#333; border-top:1px solid #333; border-bottom:1px solid #333; font-weight:normal;} 
.table_type1 td {vertical-align:middle; border-bottom:1px solid #999; }
/*type2*/
.table_type2 {width:100%; min-width:780px; background:#f2f2f2;}
.table_type2 th,
.table_type2 td {padding:3px 0 3px 10px; font-size:12px; color:#666; text-align:left; vertical-align:middle; }
.table_type2 td {vertical-align:middle;}
/*type3*/
.table_type3 {width:100%; min-width:780px; border-top:1px solid #333; border-bottom:1px solid #333;}
.table_type3 th,
.table_type3 td {padding:8px; font-size:12px; color:#666; /*border-top:1px solid #ececec;*/ border-bottom:1px solid #ececec; text-align:left; vertical-align:middle;}
.table_type3 th { padding-left:20px; color:#2b3038; font-weight:normal; background:#fafafa;} 
.table_type3 tr.last th,
.table_type3 tr.last td{border-bottom:none;}

/*type4*/
.table_type4 {width:100%; min-width:780px; }
.table_type4 th,
.table_type4 td {padding:8px; font-size:12px; color:#666; text-align:left; vertical-align:middle;}
.table_type4 th { padding-left:20px; color:#2b3038; font-weight:normal; background:#fafafa;} 
.table_type4 tr.last th,
.table_type4 tr.last td{border-bottom:none;}


/*type10*/
.table_type10 {width:395px;}
.table_type10 td { font-size:12px; color:#666; text-align:center; vertical-align:middle; height:30px; border-bottom:1px solid #ececec; }
.table_type10 thead th { font-size:12px; padding-top:9px; padding-bottom:5px; color:#333; border-top:1px solid #333; border-bottom:1px solid #333; font-weight:normal;} 
.table_type10 td.al { padding-left:15px; font-size:12px; color:#666; text-align:left; vertical-align:middle; height:30px; border-bottom:1px solid #ececec; }
.table_type10 td.ac { font-size:12px; color:#666; text-align:center; vertical-align:middle; height:30px; border-bottom:1px solid #ececec; }
.table_type10 td.ar { padding-right:15px; font-size:12px; color:#666; text-align:right; vertical-align:middle; height:30px; border-bottom:1px solid #ececec; }
.table_type10 td.last { font-size:12px; color:#333; border-top:1px solid #333; border-bottom:1px solid #333; font-weight:normal;} 


/*table_type650*/
.table_type650 {width:650px;}
.table_type650 td { font-size:12px; color:#666; vertical-align:middle; height:30px; border-bottom:1px solid #ececec; }
.table_type650 thead th { font-size:12px; padding-top:9px; padding-bottom:5px; color:#333; border-top:1px solid #333; border-bottom:1px solid #333; font-weight:normal;} 
.table_type650 td.last { font-size:12px; color:#333; border-top:1px solid #333; border-bottom:1px solid #333; font-weight:normal;} 


/*table_type800*/
.table_type800 {width:800px;}
.table_type800 td { font-size:12px; color:#666; vertical-align:middle; height:30px; border-bottom:1px solid #ececec; }
.table_type800 thead th { font-size:12px; padding-top:9px; padding-bottom:5px; color:#333; border-top:1px solid #333; border-bottom:1px solid #333; font-weight:normal;} 
.table_type800 td.last { font-size:12px; color:#333; border-top:1px solid #333; border-bottom:1px solid #333; font-weight:normal;} 




/*type normal*/
.table_type_normal { width:100%; min-width:780px; }
.table_type_normal td { font-size:12px; color:#666; text-align:left; vertical-align:middle; height:30px; border-bottom:1px solid #ececec; }
/* .table_type_normal th { font-size:12px; color:#2b3038; font-weight:normal; background:#fafafa; vertical-align:middle; height:28px; } */
.table_type_normal thead th { font-size:12px; padding-top:9px; padding-bottom:5px; color:#333; border-top:1px solid #333; border-bottom:1px solid #333; font-weight:normal;} 
.table_type_normal td.al { padding-left:15px; font-size:12px; color:#666; text-align:left; vertical-align:middle; height:30px; border-bottom:1px solid #ececec; }
.table_type_normal td.ac { font-size:12px; color:#666; text-align:center; vertical-align:middle; height:30px; border-bottom:1px solid #ececec; }
.table_type_normal td.ar { padding-right:15px; font-size:12px; color:#666; text-align:right; vertical-align:middle; height:30px; border-bottom:1px solid #ececec; }
.table_type_normal td.last { font-size:12px; color:#333; border-top:1px solid #333; border-bottom:1px solid #333; font-weight:normal;} 



/*type1_pop*/
.table_type1_pop {width:100%; border-bottom:1px solid #333; margin-bottom:1px;font-weight:normal;}
.table_type1_pop th,
.table_type1_pop td {padding:6px 1px 6px 1px; font-size:12px; color:#666; text-align:center; }
.table_type1_pop thead th { padding-top:9px; padding-bottom:5px; color:#333; border-top:1px solid #333; border-bottom:1px solid #333; font-weight:normal;} 
.table_type1_pop td {vertical-align:middle;}

/*type2_pop*/
.table_type2_pop {width:100%; background:#f2f2f2;}
.table_type2_pop th,
.table_type2_pop td {padding:3px 0 3px 10px; font-size:12px; color:#666; text-align:left; vertical-align:middle; }
.table_type2_pop td {vertical-align:middle;}

/*type3_pop*/
.table_type3_pop {width:100%; border-top:1px solid #333; border-bottom:1px solid #333;}
.table_type3_pop th,
.table_type3_pop td {padding:8px; font-size:12px; color:#666; /*border-top:1px solid #ececec;*/ border-bottom:1px solid #ececec; text-align:left; vertical-align:middle;}
.table_type3_pop th { padding-left:20px; color:#2b3038; font-weight:normal; background:#fafafa;} 
.table_type3_pop tr.last th,
.table_type3_pop tr.last td{border-bottom:none;}

/*type4_pop*/
.table_type4_pop {width:100%; border-bottom:1px solid #333; margin-bottom:1px;font-weight:normal;}
.table_type4_pop th{padding:6px 1px 6px 1px; font-size:12px; color:#666; text-align:center; }
.table_type4_pop thead th { padding-top:9px; padding-bottom:5px; color:#333; border-top:1px solid #333; border-bottom:1px solid #333; font-weight:normal;} 
.table_type4_pop td {vertical-align:middle;font-size:12px; color:#666;}

/*type5_pop*/
.table_type5_pop {font-weight:normal;}
.table_type5_pop td {vertical-align:middle;font-size:12px; color:#666;}

/*type6_pop*/
.table_type6_pop {width:100%; font-weight:normal;}
.table_type6_pop td {padding:1px 1px 1px 1px; font-size:12px; color:#666; text-align:center; }
.table_type6_pop td.al { padding-left:15px; font-size:12px; color:#666; text-align:left; vertical-align:middle; height:22px; }
.table_type6_pop td.ac { font-size:12px; color:#666; text-align:center; vertical-align:middle; height:22px; }
.table_type6_pop td.ar { padding-right:15px; font-size:12px; color:#666; text-align:right; vertical-align:middle; height:22px; }

/* btn style
----------------------------------------------------------------------------------------------- */
.btn_area a:focus,.btn_area a:hover,.btn_area a:active{text-decoration:none;}
/*type1*/
.btn_type1 {display:inline-block; zoom:1; *display:inline; padding:2px 8px 0; min-width:22px; font-size:11px; color:#fff; }
.orange {background:#ff7d26;}
.pink {background:#f25555;}
.gray {background:#aaa;}
.btn_type1 .ico {display:inline-block; zoom:1; *display:inline; width:10px; height:8px; background:url(/Images/ico_list.gif) no-repeat 0 0; }

/*type2*/
.btn_type2 {display:inline-block; zoom:1; *display:inline; padding:8px 14px 4px; font-size:12px; color:#fff; font-weight:bold;}
.deepgray {background:#333;}
.red {background:#c4161c;}

.btn_type2_1 {display:inline-block; zoom:1; *display:inline; padding:2px 5px 1px; font-size:11px; color:#fff; }

/*type3*/
.btn_type3 {display:inline-block; zoom:1; *display:inline; border:1px solid #ccc; padding:3px 10px 1px; font-size:12px; color:#666; }
.btn_type3 .ico {display:inline-block; zoom:1; *display:inline; width:12px; margin-right:6px; height:14px; background:url(/Images/ico_favorites.gif) no-repeat 0 2px; }


/*input button*/
.button {border:1px solid #aaa;padding:2px 8px 0; min-width:22px; font-size:11px; color:#fff;background-Color:#aaa;}
.button2 {border:none;padding:8px 14px 4px; font-size:12px; color:#fff;background-Color:#333;font-weight:bold;}


/** = list
====================================================*/
.cont h2 {font-size:16px; color:#333; font-weight:bold;}
.cont .space {display:inline-block; zoom:1; *display:inline; padding:5px 0 0 2px;}
.cont .unbar {display:inline-block; zoom:1; *display:inline; padding:5px 2px; color:#b9b9b9;}
.cont .info,
.cont .info2{display:inline-block; zoom:1; *display:inline; padding:5px 2px; font-size:11px; color:#999;}
.favorites_area {position:relative;}
.favorites_area .btn_area {position:absolute; right:0; top:0;}
.list_area .sarch_area {background:#f2f2f2; padding:10px; margin:10px 0 30px;}
.list_area .sarch_area .srch {position:relative;}
.list_area .sarch_area .srch {position:relative;}
/*.list_area .sarch_area .srchbtn {position:absolute; left:201px; top:0px;}*/
.list_area .sarch_area .srchbtn {position:absolute; top:0px;}
.list_area .sarch_area .btn_area {position:relative; bottom:-6px; right:0;}
.list_area .total_num {color:#2b3038; font-size:11px;}
.list_area .total_num strong {color:#c4161c;}
.list_area .border_area {position:relative;}
.list_area .border_area .btn_area{position:absolute; right:0; bottom:-5px;}

.list_area .border_area .btn_area2{position:absolute; left:700px; bottom:-5px; width:100px}



.cont .emtxt{display:inline-block; zoom:1; *display:inline; padding:5px 2px; font-size:12px; color:#333;}