
/* Common */
input,
textarea,
select {font-size:12px;border-collapse:collapse;}
label{margin:0 10px 0 0;cursor:pointer}
.w30 { width:30px; }
.w40 { width:40px; }
.w50 { width:50px; }
.w60 { width:60px; }
.w70 { width:70px; }
.w80 { width:80px; }
.w90 { width:90px; }
.w100 { width:100px; }
.w120 { width:120px} 
.w150 { width:150px; }
.w200 { width:200px; }
.w300 { width:300px; }
.w400 { width:400px; }
.w450 { width:450px; }
.w500 { width:500px; }
.w550 { width:550px; }
.mr7 { margin-right:7px; }
.ml7 { margin-left:7px; }
.mtb5 { margin:5px 0; }
.i_text { margin:0 3px;padding:3px 4px;border:1px solid #828282;background:#fff }
.i_text_cal { width:80px; text-align:center; }
.i_check,
.i_radio{width:13px;height:13px;margin:2px 5px 2px 0;padding:0;vertical-align:middle}
.i_sel_multi { width:600px; height:100px; vertical-align:middle; }
.i_sel {margin:0 3px; height:22px;border:1px solid #828282;background:#fff}
.a_line { clear:both; margin:4px 0 0 0}
.a_line dt { line-height:26px; font-weight:bold }
.a_line dt, 
.a_line dd { display:inline-block; float:left}
.a_side_line { margin:0 7px 0 15px}
.td_cont_none { padding:30px 0; color:#999 }

.order_num { display:block;font-weight:bold;color:#ff813d;text-decoration:underline}
.prd_name { font-size:14px; color:#333333; font-weight:bold; line-height:24px}
.prd_option { display:block;}
.prd_price {}
.prd_price .num {font-size:14px;color:#fb4931}
.prd_code { display:block;font-weight:bold;text-decoration:underline;color:#547ae8}


/* 공통 */
.img_sample {background:url(../images/arr_pag.gif) no-repeat 0 0}
 
/* 페이징 */
.paging_comm {font-weight:bold;font-size:20px;line-height:22px;text-align:center;font-family:Tahoma, Geneva, sans-serif;vertical-align:top}
.paging_comm .link_page {display:inline-block;padding:13px 16px 13px 16px;margin-right:5px;border:1px solid #eaeaea;text-decoration:none;color:#444}
.paging_comm .link_page:hover,
.paging_comm em.link_page {border:1px solid #f43533;color:#f43533;font-weight:bold}
.paging_comm .img_sample {display:inline-block;padding:6px 2px 4px 3px;border:0 none;font-weight:normal;color:#999;text-decoration:none}
.paging_comm .link_page:hover {text-decoration:none}
.paging_comm .btn_prev {padding-right:12px;background-position:0 10px;color:#df0000;}
.paging_comm .btn_next {padding-left:7px;background-position:100% -10px;color:#df0000;}
.paging_comm .btn_prev_no {padding-right:12px;background-position:0 10px;color:#f0a2a3;}
.paging_comm .btn_next_no {padding-left:7px;background-position:100% -10px;color:#f0a2a3;}
.paging_comm a.btn_prev:hover {background-position:0 -30px;color:#df0000}
.paging_comm a.btn_next:hover {background-position:100% -50px;color:#df0000}
.paging_comm span.btn_prev {background-position:0 10px;color:#999}
.paging_comm span.btn_next {background-position:100% -10px;color:#999}

/* Button */
a.btn_sml {display:inline-block;padding-right:4px;background:url(../images/bg_btn_flex.png) no-repeat 100% 0%;font-family:'돋움',dotum;font-size:11px;color:#5a5a5a;line-height:22px;word-spacing:-1px;text-decoration:none !important;white-space:nowrap;}
a.btn_sml span {display:block;padding:0 7px 1px 10px;background:url(../images/bg_btn_flex.png) no-repeat 0% 0%;}
a.btn_sml_r {display:inline-block;padding-right:4px;background:url(../images/bg_btn_flex.png) no-repeat 100% -23px;;font-family:'돋움',dotum;font-size:11px;color:#be3435;line-height:22px;word-spacing:-1px;text-decoration:none !important;white-space:nowrap;}
a.btn_sml_r span {display:block;padding:0 7px 1px 10px;background:url(../images/bg_btn_flex.png) no-repeat 0%  -23px;}
a.btn_mid {display:inline-block;padding-right:4px;background:url(../images/bg_btn_flex.png) no-repeat 100% -46px;;font-family:'돋움',dotum;font-size:12px;color:#5a5a5a;line-height:30px;word-spacing:-1px;text-decoration:none !important;white-space:nowrap; font-weight:bold;}
a.btn_mid span {display:block;padding:0 16px 1px 20px;background:url(../images/bg_btn_flex.png) no-repeat 0%  -46px;}
a.btn_mid_r {display:inline-block;padding-right:4px;background:url(../images/bg_btn_flex.png) no-repeat 100% -77px;;font-family:'돋움',dotum;font-size:12px;color:#b80a0b;line-height:30px;word-spacing:-1px;text-decoration:none !important;white-space:nowrap; font-weight:bold;}
a.btn_mid_r span {display:block;padding:0 16px 1px 20px;background:url(../images/bg_btn_flex.png) no-repeat 0%  -77px;}
a.btn_big {display:inline-block;padding-right:4px;background:url(../images/bg_btn_flex.png) no-repeat 100% -108px;;font-family:'돋움',dotum;font-size:13px;color:#5a5a5a;line-height:40px;word-spacing:-1px;text-decoration:none !important;white-space:nowrap; font-weight:bold;}
a.btn_big span {display:block;padding:0 20px 1px 24px;background:url(../images/bg_btn_flex.png) no-repeat 0%  -108px;}
a.btn_big_n {display:inline-block;padding-right:4px;background:url(../images/bg_btn_flex.png) no-repeat 100% -149px;;font-family:'돋움',dotum;font-size:13px;color:#fff;line-height:40px;word-spacing:-1px;text-decoration:none !important;white-space:nowrap; font-weight:bold;}
a.btn_big_n span {display:block;padding:0 20px 1px 24px;background:url(../images/bg_btn_flex.png) no-repeat 0%  -149px;}

.btn_review{display:block;margin:5px auto;padding:4px 7px; width:65px;border:1px solid #384969;background-color:#415882;background:-webkit-gradient(linear,0 0,0 100%,from(#526993),to(#415882));border-radius:5px;color:#fff;font-weight:bold;-webkit-box-sizing:border-box; text-align:center; box-shadow:1px 1px 1px #aaa;}

/* List Top */
.wrap_con_top { display:block; height:22px; }
.wrap_con_top .num_count { margin:0 5px; color:#666; }
.wrap_con_top .num_count strong {}
.wrap_con_top .wrap_con_topl dt, .wrap_con_top .wrap_con_topl dd { display:inline; color:#666; }
.wrap_con_top .wrap_con_topl dt { font-weight:bold; }
.wrap_con_top .wrap_con_topl dd { margin:0 15px 0 5px; }
.wrap_con_topl { float:left; vertical-align:text-bottom; }
.wrap_con_topr { float:right; }

/* List Bottom */
.wrap_con_btm { clear:both}
.wrap_con_btml { float:left; }
.wrap_con_btmr { float:right; }

/* List Table */
.list_table { width:100%;font-size:12px; margin:20px 0;border-top:2px solid #505050;border-bottom:1px solid #505050;}
.list_table thead { background:#f4f4f4}
.list_table thead th,
.list_table tbody td { text-align:center; border-top:1px solid #d4d4d4;border-left:1px solid #d4d4d4}
.list_table thead th {padding:12px 0;font-weight:bold;color:#444444; background:#f4f4f4}
.list_table tbody {}
.list_table tbody td {padding:10px 0;color:#666666; vertical-align:middle}
.list_table thead th:first-child,
.list_table tbody td:first-child {border-left:0px;}
.list_table .tl { padding-left:15px }
.list_table .link {color:#666666;}
.list_table td .btn {display:block !important;margin:3px auto}

/* List Table2 */
.list_table2 { width:100%;font-size:12px; margin:10px 0 30px 0;border-top:2px solid #505050;border-bottom:1px solid #505050;}
.list_table2 thead { background:#f4f4f4}
.list_table2 thead th,
.list_table2 tbody td { text-align:center; border-top:1px solid #d4d4d4}
.list_table2 thead th {padding:15px 0;font-weight:bold;color:#444444; background:#fff}
.list_table2 tbody {}
.list_table2 tbody td {padding:14px 0;color:#666666; vertical-align:middle}
.list_table2 thead th:first-child,
.list_table2 tbody td:first-child {border-left:0px;}
.list_table2 .tl { padding-left:15px }
.list_table2 .link {color:#666666;}
.list_table2 td .btn {display:block !important;margin:3px auto}
.list_table2 .tit_on { font-weight:bold}
.list_table2 .link { color:#222}
.list_table2 .num { color:#a8a8a8; font-weight:normal;}
.list_table2 .cont { text-align:left; padding:35px 45px; line-height:150%}

/* Input Table */
.coupon_table{width:100%;font-size:12px; margin:20px 0;border-top:2px solid #505050;border-bottom:1px solid #505050;}
.coupon_table th,
.coupon_table td{padding:8px 15px;}
.coupon_table th{color:#465772; font-weight:bold; background-color:#f5f5f5;}
.coupon_table td{color:#666;}
.coupon_table thead th{border:1px solid #dadada;background:#bcc2cc}
.coupon_table tbody th{border:1px solid #dadada;text-align:left}
.coupon_table tfoot th{border:1px solid #dadada;}
.coupon_table tbody td{border:1px solid #dadada;}
.coupon_table tfoot td{border:1px solid #dadada;;font-weight:bold;color:#333}

/* Input Table */
.form_table{width:100%;font-size:12px; margin:20px 0;border-top:2px solid #505050;border-bottom:1px solid #505050;}
.form_table input,
.form_table textarea,
.form_table select,
.form_table table,
.form_table button{font-size:12px;border-collapse:collapse;}
.form_table caption{/*padding:8px 0;font-weight:bold;text-align:left*/}
.form_table th,
.form_table td{padding:8px 15px;}
.form_table th{color:#465772; font-weight:bold; background-color:#f5f5f5;}
.form_table td{color:#666;}
.form_table thead th{border:1px solid #dadada;border-left:0px;background:#bcc2cc}
.form_table tbody th{border:1px solid #dadada;border-left:0px;text-align:left}
.form_table tfoot th{border:1px solid #dadada;border-left:0px;}
.form_table tbody td{border:1px solid #dadada;border-right:0px;}
.form_table tfoot td{border:1px solid #dadada;border-right:0px;font-weight:bold;color:#333}
.form_table select{margin:2px}
.form_table label{margin:0 10px 0 0;cursor:pointer}
.form_table dl dt, .form_table .item dl dd { display:inline; }
.form_table dl dd { margin-left:10px; }
.form_table dl dd img { vertical-align:middle; margin:5px 0; }

/* Input Table- inner */
.inner_table { width:100%; margin-bottom:0px !important;}
.inner_table th {background:#fff; font-weight:normal;color:#666}
.inner_table th,
.inner_table td {padding:6px 10px;border:0 none;}
.inner_table thead th,
.inner_table tbody th,
.inner_table tbody td,
.inner_table tfoot td {border:0 none; border-bottom:1px solid #eee}

/* View Table */
.view_table, .view_table th, .view_table td { border:0px; }
.view_table{font-size:12px}
.view_table table{margin-bottom:30px; border-top:2px solid #474e59}
.view_table input,
.view_table textarea,
.view_table select,
.view_table table,
.view_table button{folant-size:12px;border-collapse:collapse;}
.view_table table{width:100%;}
.view_table caption{}
.view_table th,
.view_table td{padding:10px 15px;border:0;}
.view_table th{color:#465772; font-weight:bold; background-color:#f5f5f5;}
.view_table td{color:#666; line-height:160%}
.view_table thead th{border:1px solid #dadada;background:#f5f5f5}
.view_table tbody th{border:1px solid #dadada;text-align:left}
.view_table tfoot th{border:1px solid #dadada}
.view_table tbody td{border:1px solid #dadada}
.view_table tfoot td{border:1px solid #dadada;font-weight:bold;color:#333}

/* View Table2 */
.view_table2, .view_table2 th, .view_table2 td { border:0px; }
.view_table2{ clear:both;font-size:12px; width:100%; margin:50px 0 0; border:5px solid #dadada; box-sizing:border-box }
.view_table2 table{margin-bottom:30px; border-top:2px solid #474e59}
.view_table2 input,
.view_table2 textarea,
.view_table2 select,
.view_table2 table,
.view_table2 button{folant-size:12px;border-collapse:collapse;}
.view_table2 table{width:100%;}
.view_table2 caption{}
.view_table2 th,
.view_table2 td{padding:15px 15px;border:0;}
.view_table2 th{color:#465772; font-weight:bold; background-color:#f5f5f5;}
.view_table2 td{color:#666; line-height:160%; text-align:right}
.view_table2 thead th{border:1px solid #dadada;background:#f5f5f5}
.view_table2 tbody th{border:1px solid #dadada;text-align:left}
.view_table2 tfoot th{border:1px solid #dadada}
.view_table2 tbody td{border:1px solid #dadada}
.view_table2 tfoot td{border:1px solid #dadada;font-weight:bold;color:#333}
.view_table2 .num { font-size:14px; color:#222}
.view_table2 .num em { font-size:18px;}
.pay_won { color:#FF3F00}

/* 주의 */
.cont_notice {margin:20px 0 0 0; padding:8px 15px; border:1px solid #bdbdbd}
.cont_check { color:#5c5c5c; font-size:11px; background:url(../images/check.gif) no-repeat 0 10px; padding:6px 0 6px 13px; letter-spacing:-1px; line-height:18px}
.cont_check a { color:#e83c3c}
.warn { font-size:11px; color:#FF3F00}

/* 안내 */			
.cont_info {margin:20px 0 0 0; padding:15px 25px; border:2px solid #e2e2e2}
.cont_info li:first-child { margin-top:0; }
.cont_info li { color:#585858; line-height:22px; margin-top:30px; }
.cont_info strong {}
.cont_info p {}

/* 탭메뉴 */
.cont_tit_tap { height:51px; border-bottom:1px solid #b5bcc9 }
.cont_tit_tap li { float:left; background:#d6dbe4; border:1px solid #b5bcc9; text-align:center;}
.cont_tit_tap li:first-child { border-right:0 none;}
.cont_tit_tap li.on { background:#fff; border-bottom-color:#fff}
.cont_tit_tap li.on a { color:#444444}
.cont_tit_tap a  { display:inline-block;padding:18px 50px 0 50px; height:32px; font-size:16px; color:#858585; line-height:18px; font-family:"맑은고딕",'Malgun Gothic'; letter-spacing:-1px}

/* 탭메뉴2 */
.cont_tit_tap2 { height:52px; border-bottom:2px solid #474e59 }
.cont_tit_tap2 li { float:left; background:#e8eaf0; border:1px solid #d2d8e2; text-align:center;}
.cont_tit_tap2 li:first-child { border-right:0 none;}
.cont_tit_tap2 li.on { background:#474e59; border-color:#474e59}
.cont_tit_tap2 li.on a { color:#fff; font-weight:bold}
.cont_tit_tap2 a  { display:inline-block;padding:18px 35px 0 35px; height:32px; font-size:16px; color:#858585; line-height:18px; font-family:"맑은고딕",'Malgun Gothic'; letter-spacing:-1px;}
.tit_tap2_cont { background:#fff; border:1px solid #dedede; padding:30px 50px}
.tit_tap2_cont h2 { margin:10px auto; height:20px; font-size:16px; font-weight:bold; letter-spacing:-1px; font-family:"맑은고딕",'Malgun Gothic'; letter-spacing:-1px;}

/* 탭메뉴3 */
.cont_tit_tap3 { height:45px; background:url(../images/bg_tap3_ul.gif) repeat-x left bottom }
.cont_tit_tap3 li { float:left; background:#f1f5f8; border:1px solid #cedce6; border-bottom:none; text-align:center;}
.cont_tit_tap3 li:first-child { border-right:0 none;}
.cont_tit_tap3 li.on { background:#fff;  border:2px solid #687484; border-bottom:none}
.cont_tit_tap3 li.on a { color:#474e59; height:31px; font-weight:bold}
.cont_tit_tap3 a  { display:inline-block;padding:12px 32px 0 32px; height:30px; font-size:13px; color:#587598; line-height:18px; font-family:"맑은고딕",'Malgun Gothic'; letter-spacing:-1px;}

/* 쿠폰 */
.coupon_subtit { margin:30px auto 10px; width:990px; height:20px; font-size:16px; font-weight:bold; letter-spacing:-1px;}
.tapmenu_cont { margin:10px 0 0}
.my_coupon { background:#fff; border:1px solid #dedede; padding:30px}
.my_coupon .my_point {background:#f8fafb; border:1px solid #dedede; padding:15px 0; margin:0 0 30px 0; text-align:center; font-size:20px; font-family:"맑은고딕",'Malgun Gothic'; font-weight:bold; letter-spacing:-1px;}
.my_coupon .my_point strong { color:#ff6000}
.my_coupon .coupon_lst {}
.my_coupon .coupon_lst_box .coupon_lst li { padding:30px 0; height:125px; border-bottom:1px solid #d6dbe4}
.my_coupon .coupon_img { width:316px; height:120px; float:left; margin-left:30px}
.my_coupon .coupon_img img { width:100%; height:100%}
.time_coupon { width:316px; height:120px; position:relative; background:url(../images/time_coupon.png) no-repeat}
.time_coupon p { position:absolute; margin-top:-28px; top:50%; left:90px; width:216px; text-align:center; color:#474e59; font-size:24px;font-family:"맑은고딕",'Malgun Gothic'; font-weight:bold; letter-spacing:-2px; line-height:50px}
.time_coupon em { font-size:48px;}
.my_coupon .coupon_info { padding-left:400px}
.my_coupon .coupon_info ul { margin-bottom:5px}
.my_coupon .coupon_info li { padding:5px 0 !important; height:auto !important; border-bottom:none !important;}
.my_coupon .coupon_info li strong { display:inline-block; color:#587598; width:150px}
.coupon_prd_lst #main_prd_lst { margin-left:-6px;}
.coupon_none { margin:30px auto; width:820px; padding:50px 0 45px; text-align:center; color:#222; font-weight:bold; font-size:14px; background:#f9fbff; border:1px solid #bcc3cf;color:#545860; font-size:16px }
.coupon_none strong { }
.coupon_none p { padding:5px 0 0; font-size:11px; color:#999; font-weight:normal}
.ico_coupon_none { margin:0 auto; padding:0; background:url(../images/ico_coupon_none.png) no-repeat; display:block; width:730px; height:155px;}
.coupon_top_img { position:relative}
.coupon_top_img .time_coupon { position:absolute; bottom:120px; left:50%; margin-left:-158px}
.coupon_top_img img { z-index:30}
.event_coupon { width:316px; height:120px; position:relative; background:url(../images/event_coupon.png) no-repeat}
.event_coupon p { position:absolute; margin-top:-35px; top:50%; left:90px; width:216px; text-align:center; color:#474e59; font-size:24px;font-family:"맑은고딕",'Malgun Gothic'; font-weight:bold; letter-spacing:-2px; line-height:50px}
.event_coupon .event_tit { font-size:16px; line-height:18px; display:block}
.event_coupon em { font-size:48px;}/*
.t_coupondown_none { margin:30px auto; width:820px; height:262px;background:url(../images/t_coupondown_none.png) no-repeat; }
.e_coupondown_none { margin:30px auto; width:820px; height:262px;background:url(../images/e_coupondown_none.png) no-repeat; }*/

/* 포인트 할인쿠폰 관련 */
.my_point { padding:0; margin:0 0 -15px ; text-align:right; font-size:18px; line-height:35px; font-family:"맑은고딕",'Malgun Gothic'; font-weight:bold; letter-spacing:-1px;}
.my_point strong { color:#ff6000;}
.ico_point { display:inline-block; width:50px; height:40px; background:url(../images/point.png) no-repeat 0 -8px; font-size:0; line-height:0; vertical-align:top}



/*포인트 */
.tit_tap2_cont .npo-title {border-bottom:5px solid #474e59; padding-bottom:16px; margin-top:50px;}
.tit_tap2_cont .npo-title span {font-size:15px; border:1px solid #474e59; background-color:#474e59; color:white; padding:15px; font-family: "맑은고딕",'Malgun Gothic';}
.tit_tap2_cont li { padding: 20px 0; background-color:#f1f5f8;}
.tit_tap2_cont li p { margin:10px; color:#3d5883;}


/*기간 조회*/

.n-month { border:1px solid #c3d0da; padding: 15px 20px; background-color:#f1f5f8; margin-top:20px;     font-family: Tahoma, Geneva, sans-serif;}
.n-month .mon { border:1px solid #c3d0da; background-color:#fff; padding:5px 10px;}