@charset "utf-8";

/************************************************
commnet : layout
*************************************************/

/* Explorer용 스크롤 바 */
html {scrollbar-3dLight-Color: #fff; scrollbar-arrow-color: #fff; scrollbar-base-color: #efefef; scrollbar-Face-Color: #dfdfdf; scrollbar-Track-Color: #efefef; scrollbar-DarkShadow-Color: #efefef; scrollbar-Highlight-Color: #efefef; scrollbar-Shadow-Color: #efefef; scrollbar-width:3px;}

/* Chrome, Safari용 스크롤 바 */
::-webkit-scrollbar {width: 8px; height: 8px; border: 3px solid rgba(255,255,255,0); }
::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment {display: block; height: 10px; background:#efefef;}
::-webkit-scrollbar-track {background: rgba(255,255,255,1); -webkit-border-radius: 10px; border-radius:10px; -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,0)}
::-webkit-scrollbar-thumb {height: 10px; width: 50px; background: rgba(0,0,0,.3); -webkit-border-radius: 8px; border-radius: 8px; -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,0)}

/*font_nanumgothic*/
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

/*box_style*/
.w1 { width:1%; }
.w2 { width:2%; }
.w3 { width:3%; }
.w4 { width:4%; }
.w5 { width:5%; }
.w6 { width:6%; }
.w7 { width:7%; }
.w8 { width:8%; }
.w9 { width:9%; }
.w10 { width:10%; }
.w11 { width:11%; }
.w12 { width:12%; }
.w13 { width:13%; }
.w14 { width:14%; }
.w15 { width:15%; }
.w16 { width:16%; }
.w17 { width:17%; }
.w18 { width:18%; }
.w19 { width:19%; }
.w20 { width:20%; }
.w21 { width:21%; }
.w22 { width:22%; }
.w23 { width:23%; }
.w24 { width:24%; }
.w25 { width:25%; }
.w26 { width:26%; }
.w27 { width:27%; }
.w28 { width:28%; }
.w29 { width:29%; }
.w30 { width:30%; }
.w33 { width:33%; }
.w34 { width:34%; }
.w35 { width:35%; }
.w36 { width:36%; }
.w38 { width:38%; }
.w40 { width:40%; }
.w45 { width:45%; }
.w50 { width:50%; }
.w52 { width:52%; }
.w59 { width:59%; }
.w60 { width:60%; }
.w70 { width:70%; }
.w72 { width:72%; }
.w80 { width:80%; }
.w90 { width:90%; }
.w100 { width:100% !important; }
.wB8 { width:8%; color: #0000ff; }
.w12H { width:12.5%; }

.h50 { height:50px; }
.h130 { height:130px; }

.lh40 { line-height:40px !important; }
.lh70 { line-height:70px !important; }
.pb0 { padding-bottom:0 !important; }

.mt-4 { margin-top:-4px; }
.ml0 { margin-left:0 !important; }
.ml5 { margin-left:5px; }
.ml10 { margin-left:10px; }
.ml20 { margin-left:20px; }
.mr10 { margin-right:10px; }
.mr20 { margin-right:20px; }
.mt15 { margin-top:15px; }
.mt20 { margin-top:20px; }
.mb10 { margin-bottom:10px; }
.mb20 { margin-bottom:20px; }

.small_1{ width:17%; font-size:12px;}
.small_2{ width:10%; font-size:12px;}
.small_3{ font-size:12px; *width:10%;}
.small_4{ width:13%; font-size:12px;}
.small_5{ width:20%; font-size:12px;}
.small_6{ width:50%; font-size:12px;}
.small_7{ width:30%; font-size:12px;}
.small_8{ width:40%; font-size:12px; }
.small_9{ width:85%; font-size:12px; }

.text_b { font-weight:bold; }
.red_txt {color: #ff0000 !important; }
.blue_txt { color: #0000ff; }
.fl { float:left; }
.fr { float:right; }
.fn { float:none !important; }
.ta_l { text-align:left !important; }
.ta_r { text-align:right !important; }
.ha { height:auto; }
.wa { width:auto; }

.pb_d_bg { background:#d4d4d4; }
.bt { border-top:1px solid #e5e5e5; }

.ircodon select { width:90%; }
.ircodon input { width:80%; }

.order_sample select { width:90%; }
.order_sample input { width:80%; }

/*radio_margin*/
.radio_mr { margin-right:20px; }

/*body*/
body,html {width:100%; height:100%; overflow: auto; }

.skip a {position:absolute;top:-9999px;left:0;}
.skip a:focus {top:0;padding:5px 10px;background:#fff;color:#004990;border:5px solid #004990;font-weight:bold;z-index:9999;}

/*wrap*/
#wrap {min-height:100%; position:relative; }

/*header*/
#header {position:fixed; top:0; width:100%; z-index:1; right:8px;}
.top { height:54px; background-color:#0b3b34; color:#fff; font-size:13px; font-weight:bold; min-width:830px;}
.btn_menu { float:left; padding:17px 0 18px 30px; }
h1 a{font-family:Century Gothic; font-size:24px; color:#FFF !important; float:left; font-weight:normal; margin:9px 0 9px 20px;}

.top_menu{float:right;}
.top_menu li{float:left; line-height:54px; vertical-align:middle; }
.top_menu li a { padding:0 14px 0 14px; }
.top_menu li a:hover{ background:rgba(255,255,255,0.5); border:1px solid rgba(255,255,255,0.5); }
.top_serch{background:#e9928b; cursor:pointer;}
.bg_color {background:rgba(255,255,255,0.5);}

/*container*/
#container { padding-bottom:130px; min-width:1024px;}

/*aside*/
#aside{background:#d1d1d1; position:fixed; top:54px; left:0; bottom:8px; width:200px; z-index:999; overflow-y:auto; overflow-x:hidden; -webkit-transition: .3s; transition: .3s;}
#menu-list a{ overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; white-space:nowrap; width:100%;}

.contents_wrap{ position: relative; padding-top:55px; margin-left:200px; -webkit-transition: .3s; transition: .3s;*top:-54px; margin-bottom:100px;}
.bill_payment { margin-bottom:0; }
.bill_payment .list { overflow:hidden; }

.search_wrap { position:fixed; top:-51px; left:0;  border-bottom:1px solid #ccc; -webkit-transition: .3s; transition: .3s; background:#FFF;right:8px; }
.search_wrap2 { width:100%; border-bottom:1px solid #e9e9e9; padding:20px 10px; }
.search { margin-left:200px; padding:10px 15px; -webkit-transition: .3s; transition: .3s; min-width:786px; }

.contents { margin-right:250px; padding:10px 15px; -webkit-transition: .3s;transition: .3s; }
.contents_basic { padding:10px 15px; -webkit-transition: .3s;transition: .3s; }

/*list*/
.list_top { width:100%; height:70px; border-bottom:1px solid #222; min-width:490px; }
.h2_sub { font-size: 16px; margin-right:10px; }
.list_top > p { padding:25px 0 0 10px; float:left; letter-spacing: 0px; font-weight: normal; }
.list_right { float:right; margin-top:20px; text-align:right; }
.list_right li { float: left; margin-left: 5px; }

.pop_list { margin-top: 5px; height:42px; overflow:hidden;  }
.pop_list li { float:left; text-align: center; line-height:40px; border-bottom: 1px solid #696868; }

.sms_resp, .sms_name, .sms_phone, .sms_number { border-top: 1px solid #696868; }

.sms_cont { margin-top:10px; clear:both; }
.sms_cont li { float:left; text-align: center; line-height:40px; padding:0 2%; }
.sms_txt { margin-bottom:15px; }

.list_tit { margin-top: 5px; background: #eaeaea; height:39px; min-width:710px;  }
.list_tit li { float:left; text-align: center; line-height:40px;  overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.list_type .list_contents { min-width:710px; }
.layout_pd { margin-bottom:50px; }
.order_bottom .layout_pd { margin-bottom:0px; }
.layout_pd li { height:45px; clear:both; }
.month_line { height:2px !important; background:#ff0000; }
.total { background: #f9f9f9; line-height:40px; font-size:13px; }

.ircd_pop, .exdate_list { border-bottom: 1px solid #696868; text-align:center; padding:10px 0; height:18px; clear:both; }
.ircd_pop input, .ircd_pop button { margin-top:-6px; }
.ircd_pop div, .exdate_list div { display:inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.list_pd .pd_inter span span, .list_pd .pd_cart span span { margin-left:2px; padding-top:2px; }
.pd_order_m { float:right !important; }
.pd_order .number_in { width:20px; }
.btn_gallery_on, .btn_gallery_off { margin-left:0 !important; }

/*paging*/
.paging { clear:both; text-align:center; margin-bottom:50px; min-width:594px; margin-top:50px; }
.paging a:hover { background:#e9e9e9; color:#000; border: 1px solid #e9e9e9;}
.paging li { padding:0; display: inline; vertical-align: top;}
.paging .active em { background:#e51919; color:#fff; border:1px solid ##e51919; }
.paging li * { overflow: hidden; }
.paging li em, .paging li a { display: inline-block; width:32px; height: 32px; line-height: 32px; border: 1px solid #dbdbdb; cursor: pointer;}
.paging li.img { width: 22px; }
.paging li.next { padding: 0 0 0 18px;}
.paging li.prev { padding: 0 18px 0 0;}
.paging span { background: url(../img/board_arrow.gif) no-repeat 0 center; width: 22px; height: 22px; display: inline-block;}
.paging span span { visibility: hidden; position: absolute;}
.paging span.first { background-position: 0 5px;}
.paging span.prev { background-position: 0 -25px;}
.paging span.next { background-position: 0 -55px;}
.paging span.last { background-position: 0 -85px;}

.pop_paging {  margin-bottom:0; min-width:auto; margin-top:20px  }
.pop_paging li em, .pop_paging li a{ color:#fff; border:none;}
.pop_paging li a:hover { background:#e9e9e9; color:#000; border: 1px solid #e9e9e9; width: 30px; height: 30px; }

/*r_side*/
.r_side {width:230px; position: fixed;  top: 54px; padding:50px 10px 0; z-index: 1; overflow: auto;     -webkit-transition: .3s;    transition: .3s; background:#fff; border-left:1px solid #ccc; right:8px; bottom:8px;  }

/*footer*/
#footer{ width:100%; background:#f6f6f6; position: absolute; top:100%; min-width:1014px; margin-top:-120px; font-size:11px; }
.footer_wrap { padding-left:200px; margin-right:250px; -webkit-transition: .3s; transition: .3s; background-image:url(../img/menu_bottom_bg.jpg); background-repeat:repeat-y; height:120px; }
.l_footer { float:left; padding:20px 20px 0; -webkit-transition: .3s; transition: .3s; }
.r_footer { width:553px; float:left; padding:20px 20px 35px; -webkit-transition: .3s; transition: .3s; }
.bank_info { margin-right:20px; text-align:left; float:left; }
.customer { text-align:left; float:left;margin-right:20px; }


.index { background:#222 !important; color:#fff !important; display:none;  }
.index .footer_wrap { background-image:none; padding-left:0; width:1047px !important; }
.index .l_footer { padding:20px 0; }
.index .r_footer { width:517px; padding:20px 0 35px 20px; }
.index .index_br { display:none; }
.index .copyright br { display:block; }
.copyright br { display:none; }

.login { display:none; }
.login .footer_wrap,.index .footer_wrap { margin:0 auto; width:1024px; clear:both; }



/*login*/
#login { position: absolute; top: 0; background:#e51919 url(../img/login_bg.jpg) center 54px no-repeat; background-size: cover; left: 0; right: 0;
bottom: 0; min-width: 1024px;}
.login_wrap { background: url(../img/login_bg.png) center no-repeat; position: absolute; top: 50%; left: 50%; margin-top: -120px; margin-left: -380px; width:756px; height:280px; }
.login_wrap_emp { background: url(../img/login_bg_emp.png) center no-repeat; position: absolute; top: 50%; left: 50%; margin-top: -120px; margin-left: -380px; width:756px; height:280px; }
.login_tit { width: 263px; text-align:right; color:#fff; padding:84px 57px; float:left; }
.login_tit p { margin-top:10px; }
.login_tit_emp { width: 263px; text-align:left; color:#fff; padding:84px 37px; float:left; }
.login_tit p { margin-top:10px; }
.login_form { text-align:center; color:#fff; padding:89px 58px 79px; width:262px; float:right;  }
.login_input { width:150px; float:left; }
.login_form input { margin-bottom:9px; height:30px; }

.check_find { float:left; color:#fff; }
.check_find input { margin-bottom:0; margin-right:5px; }
.check_find label { margin-right:20px; }
.check_find a { color:#fff; }

.pop_btn_area { padding-top:20px; text-align:center; clear:both; border-top:1px solid #686969; }


/*main*/
#main { position: absolute; top: 54px; background: url(../img/main_bg_2.jpg) center no-repeat; background-size: cover; left: 0; right: 0;
bottom: 0; min-width: 1024px;}