@charset "utf-8";
#contents  { padding-bottom:110px;  min-height:480px;  }

/*--------------- 추가 CSS 정의 시작 ---------------*/

/* DataTable 정의 */
.dataTables_wrapper .page_go_btn { text-align: right;  height:34px;  vertical-align:middle;  padding-right:12px;  }
.dataTables_wrapper .dataTables_info { font-size: 13px;  line-height: 16px;  padding-right: 12px;  padding-top: 10px;  margin-right:60px;  }
.dataTables_wrapper .dataTables_paginate { float:right;  padding-top: 5px;  }
.dataTables_wrapper .paginate_button a { display:inline-block; overflow:hidden; text-indent:-9999px; width:28px; height:24px; background:url(/image/comm/btn_page_prevnext.png) no-repeat;  }
.dataTables_wrapper .paginate_button a.pre { background-position:0 0;  }
.dataTables_wrapper .paginate_button a.next { background-position:-28px 0;  }
.dataTables_wrapper .page_all_delete { float:left;  padding-left:10px;  padding-top:8px;  }
.dataTables_wrapper .page_all_delete .btn_all_delete { display:inline-block; overflow:hidden; border-bottom:1px solid #bbb;  }
.dataTables_wrapper .page_all_delete .btn_all_delete a { display:inline-block;  padding-left:12px;  background:url(/image/comm/icon_bullet_delete_gray.png) no-repeat 0 2px;  margin-top:3px;  }
.dataTables_wrapper table.dataTable.hover tbody tr:hover { background-color: #f5f5f5;  }
.dataTables_wrapper .dataTables_empty { padding-top:10px;  text-align:center;  }

/*--------------- 추가 CSS 정의 종료 ---------------*/

/* common style */
label { cursor: pointer;  }
select { border:none; background:transparent; padding:2px; outline:none; margin:0; padding:0;  }
button span.btn_irdesc { display:block; text-indent:-9999px; overflow:hidden;  }

.page_width { width:980px !important;  margin:0 auto !important;  }

/* header */
#header {width:100%; background:url(/image/comm/bg_top_gnb.png) repeat-x; height:126px; }

/* header - 최상단 메뉴 */
.user_menu { position:relative; width:980px; margin:0 auto; height:46px; z-index:100; *zoom:1; }
.user_menu > ul { float:right; height:26px; padding-top:15px; }
.user_menu > ul > li { position:relative; float:left; padding-left:24px; }
.user_menu > ul > li a { color:#bbb; vertical-align:middle; line-height:14px; }
.user_menu > ul > li a:hover { color:#ccc; }
.user_menu > ul > li a.login { color:#f58220; }
.user_menu > ul > li.left_bar { background:url(/image/comm/bg_top_gnb_bar_gray.png) no-repeat 12px 2px; }

/* header - GNB 추가 및 수정 start */
.main_menu { position:relative; width:980px; margin:0 auto; height:80px; z-index:10; }
.main_menu h1.logo { position:absolute; top:28px; left:0; width:118px; height:20px; }
.main_menu h1.logo a { display:block; overflow:hidden; text-indent:-9999px; background:url(/image/comm/logo.png) no-repeat; width:118px; height:20px; }
.main_menu ul.gnb { position:absolute; top:0; right:0; width:820px; height:80px; }
.main_menu ul.gnb > li { float:left; padding:0 30px; }
.main_menu ul.gnb li.menu_1depth { padding-top:34px; }
.main_menu ul.gnb li.menu_1depth > a { color:#bbb; font-size:16px; }
.main_menu ul.gnb li.menu_1depth > a:hover { color:#ddd; }
.main_menu ul.gnb li.menu_1depth > a.on { color:#f58220; }

.main_menu ul.gnb li.xkmall > a { position: absolute; top: 0; right: 74px; display: block; overflow: hidden; text-indent: -9999px; width: 74px; height: 80px; background: url(/image/comm/btn_gnb_menu_mall.png) no-repeat; z-index: 20; }

/* 마이메뉴 추가 */
.main_menu ul.gnb li.mymenu > a { position:absolute; top:0; right:0; display:block; overflow:hidden; text-indent:-9999px; width:94px; height:80px; background:url(/image/comm/btn_gnb_menu07mymenu.png) no-repeat; z-index:20; }
.main_menu ul.gnb li.mymenu > a.on { height:90px; background:url(/image/comm/btn_gnb_menu07mymenu_on.png) no-repeat; z-index:20; }
.wrap_mymenu_layer { position:absolute; top:80px; right:0; width:732px; height:488px; background:#fff url(/image/comm/bg_logo_pattern05.png) no-repeat 0 0; border-left:1px solid #2b2e37; border-bottom:1px solid #2b2e37; border-right:1px solid #2b2e37; z-index:19; }
.wrap_mymenu_layer .mymenu_top_area { height:246px; border-bottom:1px solid #ddd; }
.wrap_mymenu_layer .mymenu_top_area .username_area { position:absolute; top:35px; left:25px; display:inline-block; height:40px; background:url(/image/comm/icon_mymenu_titlefront.png) no-repeat; padding-left:30px; }
.wrap_mymenu_layer .mymenu_top_area .username_area .username { display:inline; font-size:22px; line-height:22px; color:#333; padding-top:6px; }
.wrap_mymenu_layer .mymenu_top_area .username_area .text { font-size:16px; line-height:16px; }
.wrap_mymenu_layer .mymenu_top_area .mymenu_btn_area { position:absolute; top:35px; right:25px; }
.wrap_mymenu_layer .mymenu_top_area .mymenu_btn_area input[type=image] { vertical-align:middle; padding:0 1px; }
.wrap_mymenu_layer .mymenu_top_area ul.mymenu_menu_area { position:absolute; top:94px; left:124px; width:496px; height:118px; }
.wrap_mymenu_layer .mymenu_top_area ul.mymenu_menu_area li { float:left; padding:0 5px; }
.wrap_mymenu_layer .mymenu_top_area ul.mymenu_menu_area li a { position:relative; display:block; width:114px; height:118px; background:url(/image/comm/btn_mymenu_mainbtn_bg.png) no-repeat; }
.wrap_mymenu_layer .mymenu_top_area ul.mymenu_menu_area li a:hover { background-position:0 -118px; }
.wrap_mymenu_layer .mymenu_top_area ul.mymenu_menu_area li a span.text { display:block; font-size:18px; line-height:18px; text-align:center; padding-top:24px; color:#333; }
.wrap_mymenu_layer .mymenu_top_area ul.mymenu_menu_area li a span.icon { position:absolute; top:58px; left:16px; display:block; overflow:hidden; text-indent:-9999px; width:52px; height:40px; background:url(/image/comm/icon_mymenu_mainbtn.png) no-repeat; }
.wrap_mymenu_layer .mymenu_top_area ul.mymenu_menu_area li.menu01 a span.icon { background-position:0 0; }
.wrap_mymenu_layer .mymenu_top_area ul.mymenu_menu_area li.menu02 a span.icon { background-position:0 -40px; }
.wrap_mymenu_layer .mymenu_top_area ul.mymenu_menu_area li.menu03 a span.icon { background-position:0 -80px; }
.wrap_mymenu_layer .mymenu_top_area ul.mymenu_menu_area li.menu04 a span.icon { background-position:0 -120px; }
.wrap_mymenu_layer .mymenu_top_area ul.mymenu_menu_area li a span.view_new { position:absolute; top:-10px; left:68px; width:46px; height:24px; display:block; overflow:hidden; text-indent:-9999px; background:url(/image/comm/icon_mymenu_btnnew.png) no-repeat; }
.wrap_mymenu_layer .mymenu_table_area { height:215px; background:#f5f5f5; padding-top:26px; }
.wrap_mymenu_layer .mymenu_table_area .mymenu_info_table { width:696px; height:185px; margin:0 auto; background:#fff; border:1px solid #bbb; overflow-y:auto; overflow-x:hidden; }
.wrap_mymenu_layer .mymenu_table_area .mymenu_info_table table { width:100%; }
.wrap_mymenu_layer .mymenu_table_area .mymenu_info_table table th { color:#767676; background:#f5f5f5; border-right:1px solid #ddd; border-bottom:1px solid #ddd; padding:8px 0; }
.wrap_mymenu_layer .mymenu_table_area .mymenu_info_table table td { background:#fff; border-right:1px solid #ddd; border-bottom:1px solid #ddd; height:44px; font-size:14px; line-height:14px; }
.wrap_mymenu_layer .mymenu_table_area .mymenu_info_table table .border_r_none { border-right:none; }
.wrap_mymenu_layer .mymenu_table_area .mymenu_info_table table .border_b_none { border-bottom:none; }
.wrap_mymenu_layer .mymenu_table_area .mymenu_info_table table td.td_center { text-align:center; }
.wrap_mymenu_layer .mymenu_table_area .mymenu_info_table table td.chlid_name_area { color:#333; text-align:center; padding-left:none; font-size:16px; line-height:16px; }
.wrap_mymenu_layer .mymenu_table_area .mymenu_info_table table td span.product_pc { display:inline-block; height:24px; padding-left:28px; margin-left:10px; background:url(/image/comm/icon_mymenu_tableicon_pc.png) no-repeat; vertical-align:middle; }
.wrap_mymenu_layer .mymenu_table_area .mymenu_info_table table td span.product_mobile { display:inline-block; height:24px; padding-left:28px; margin-left:10px; background:url(/image/comm/icon_mymenu_tableicon_mobile.png) no-repeat; vertical-align:middle; }
.wrap_mymenu_layer .mymenu_table_area .mymenu_info_table table td span.product_text { vertical-align:middle; }
.wrap_mymenu_layer .mymenu_table_area .mymenu_info_table table td.product_info { padding-left:16px; }
.wrap_mymenu_layer .mymenu_table_area .mymenu_info_table table td.product_info a { vertical-align:middle; display:inline-block; }
.wrap_mymenu_layer .mymenu_table_area .mymenu_info_table table td.product_info span { display:inline-block; width:118px; vertical-align:middle; }
.wrap_mymenu_layer .mymenu_table_area .mymenu_info_table table td.product_info span.text_s_01 { color:#333; }
.wrap_mymenu_layer .mymenu_table_area .mymenu_info_table table td.product_info span.text_s_02 { color:#f58220; }
.wrap_mymenu_layer .mymenu_table_area .mymenu_info_table table td.product_info span.text_s_03 { color:#ff6232; }

/* 로그인 */
.con_login_popup { position:absolute; top:46px; left:548px; width:265px; height:360px; z-index:100; *zoom:1; }
.con_login_popup .arrow_area { width:265px; height:8px; background:url(/image/comm/bg_popuplogin_arrow.png) no-repeat 50% 0; }
.con_login_popup h4.login_title { position:absolute; top:36px; left:18px; height:30px; padding-left:34px; background:url(/image/comm/icon_popuplogin_title.png) no-repeat; color:#ceb7a2; font-size:30px; line-height:35px; font-weight:500; }
.con_login_popup .con_popuplogin_area { position:absolute; width:229px; top:95px; left:18px; }
.con_login_popup .con_popuplogin_area .login_area { width:229px; }
.con_login_popup .con_popuplogin_area .login_area input[type=text],.login_area input[type=password] { background:#f8f8f8; border:1px solid #ccc; font-size:16px; line-height:21px; *line-height:26px; height:34px; *height:26px; margin-bottom:10px; }
.con_login_popup .con_popuplogin_area .login_area .check_area { margin-top:5px; }
.con_login_popup .con_popuplogin_area .login_area .check_area input { vertical-align:middle; }
.con_login_popup .con_popuplogin_area .login_area .check_area a { vertical-align:middle; }
.con_login_popup .con_popuplogin_area .login_area .check_area label { vertical-align:middle; padding-left:5px; font-size:13px; line-height:15px; }
.con_login_popup .con_popuplogin_area .btn_area { padding-top:35px; text-align:center; }
.con_login_popup .con_popuplogin_area .btn_area .btn_2area { padding-top:8px; }

/* 사이트맵 */
.con_sitemap_popup { position:absolute; top:46px; left:0; width:978px; height:550px; border-left:1px solid #ddd; border-right:1px solid #ddd; border-bottom:1px solid #ddd;
	border-radius:0 0 10px 10px; -webkit-border-radius:0 0 10px 10px; -moz-border-radius:0 0 10px 10px; -ms-border-radius:0 0 10px 10px; -khtml-border-radius:0 0 10px 10px; -o-border-radius:0 0 10px 10px;
	background:#fff url(/image/comm/bg_logo_pattern02.png) no-repeat right bottom; }
.con_sitemap_popup .list_top { width:720px; margin:65px auto 0; height:180px; }
.con_sitemap_popup .list_bottom { width:720px; margin:30px auto 0; height:180px; }
.con_sitemap_popup ul { float:left; width:180px; height:180px; }
.con_sitemap_popup ul li { padding:6px 0; font-size:16px; line-height:16px; }
.con_sitemap_popup ul li a { display:block; }
.con_sitemap_popup ul.menu01 { margin-right:85px; }
.con_sitemap_popup ul.menu02 { margin-right:85px; }
.con_sitemap_popup ul li.menu_title a { width:160px; height:35px; font-size:24px; line-height:28px; color:#333; border-bottom:3px solid #ddd; background:url(/image/comm/icon_sitemap_titlefront.png) no-repeat 0 4px; padding-left:26px; margin-bottom:10px; }
.con_sitemap_popup ul.menu04 { margin-right:85px; }
.con_sitemap_popup ul.menu05 { margin-right:85px; }
.con_sitemap_popup a.btn_close { position:absolute; top:10px; right:10px; display:block; overflow:hidden; text-indent:-9999px; width:24px; height:24px; cursor:pointer; background:url(/image/comm/btn_popup_large_close.png) no-repeat; }
/* header - GNB end */

/* header - GNB submenu */
.main_menu div.wrap_menu_2depth  { position:absolute; top:58px; left:0; width:100%; }
.main_menu div.wrap_menu_2depth ul.menu_2depth li  { float:left; height:56px; padding:0 18px; }
.main_menu div.wrap_menu_2depth ul.menu_2depth li a  { display:inline-block; margin-top:20px; font-size:15px; line-height:15px; color:#666; }
.main_menu div.wrap_menu_2depth ul.menu_2depth li.on  { background:url(/image/comm/icon_top_gnb_on.png) no-repeat center top; }
.main_menu div.wrap_menu_2depth ul.menu_2depth li.on > a  { color:#f58220; font-weight:500; }
.main_menu div.wrap_menu_2depth a:hover  { color:#555; text-decoration:underline; }
.main_menu div.wrap_menu_2depth ul   { padding-top:22px; }
.main_menu div.wrap_menu_2depth ul.menu01  { padding-left:0; }
.main_menu div.wrap_menu_2depth ul.menu02  { padding-left:90px; }
.main_menu div.wrap_menu_2depth ul.menu03  { padding-left:130px; }
.main_menu div.wrap_menu_2depth ul.menu04  { padding-left:250px; }
.main_menu div.wrap_menu_2depth ul.menu05  { padding-left:160px; }
.main_menu div.wrap_menu_2depth ul.menu06  { padding-left:410px; }

.gnb_sub_bg  { width:100%; position:absolute; top:126px; left:0; height:56px; background:#fff; border-bottom:1px solid #dfdfdf; }

/* 오른쪽 자주 쓰는 메뉴 (quick menu) */
#quick_menu  { position:fixed; top:190px; left:50%; margin-left:550px; z-index:50; }
button.btn_quickmenu { display:block; background:url(/image/comm/btn_side_quickmenu.png) no-repeat; width:130px; height:107px; }
#quick_menu .btn_quick_blog { margin: 2px 0; display: block; }
button.btn_quickmenu_modechange { display:block; background:url(/image/comm/btn_side_quickmodechange.png) no-repeat; width:130px; height:117px; }
a.btn_quickmenu_gomall { display: block; overflow: hidden; text-indent: -9999px; background: url(/image/comm/btn_side_quickmenu_mall.png) no-repeat; width: 103px; height: 117px; margin-top: 3px; }


/* 서브페이지 - 상단 타이틀 영역 */
.wrap_page_title_area  { width:100%; border-bottom:1px solid #555; }
.page_title_area  { height:140px; }
.page_title_area h2  { font-size:30px; color:#333; line-height:30px; padding-top:48px; }
.page_title_area .loca_menu  { padding-top:10px; }
.page_title_area .loca_menu a  { color:#333; font-size:15px; }
.page_title_area .loca_menu > ul  { height:24px; }
.page_title_area .loca_menu > ul > li  { float:left; }
.page_title_area .loca_menu ul li.loca_menulist  { position:relative; padding:2px 12px 0 15px; background:url(/image/comm/icon_locamenu_bullet.png) no-repeat left 5px; line-height:16px; }
.page_title_area .loca_menu ul li.loca_menulist span,.page_title_area .loca_menu ul li.loca_menulist img  { vertical-align:middle; }
.page_title_area .loca_menu ul li.loca_menulist span  { padding-left:5px; line-height:16px; }
.page_title_area .loca_menu ul li.loca_menulist a  { display:block; }
.page_title_area .loca_menu ul li.loca_home a  { display:block; overflow:hidden; text-indent:-9999px; width:19px; height:16px; background:url(/image/comm/icon_locamenu_home.png) no-repeat; padding-right:12px; }
.page_title_area .loca_menu ul li.loca_menulist ul.loca_sub_menu  { width:118px; position:absolute; top:28px; left:10px; padding:8px 12px; background:#fff; border:1px solid #333; z-index:10; }
.page_title_area .loca_menu ul li.loca_menulist ul.loca_sub_menu li  { padding:2px 0; }
.page_title_area .loca_menu ul li.loca_menulist ul.loca_sub_menu li a  { font-size:13px; display:block; }
.page_title_area .loca_menu ul li.loca_menulist ul.loca_sub_menu li a:hover  { text-decoration:underline; }

/* --------------------- 컨텐츠 ---------------------- */
/* 타이틀 */
h2.h2_title span.title  { font-size:30px; line-height:30px; color:#ab6224; font-weight:500; padding-left:49px; background:url(/image/comm/icon_bullet_title_h2.png) no-repeat left 0; }

h3.h3_title { font-size:22px; line-height:22px; color:#333; vertical-align:middle; padding-left:24px; background:url(/image/comm/icon_bullet_title_h3.png) no-repeat left center; }
h3.h3_title span.sub_title  { color:#666; font-size:13px; line-height:13px; vertical-align:middle; padding-left:9px; }
h3.b_line  { border-bottom:1px solid #ddd; padding-bottom:12px; padding-top:12px; }

h3.line_title  { font-size:32px; line-height:32px; color:#ab6224; vertical-align:middle; text-align:center; background:url(/image/comm/bg_brown_2line.png) repeat-x left 10px; }
h3.line_title .text_wbg_area  { display:inline-block; background:#fff; padding:0 15px; }

h4.h4_title { color:#9d5237; font-size:16px; font-weight:500; line-height:16px; padding-left:12px; background:url(/image/comm/icon_bullet_title_h4.png) no-repeat 0 center; }
h4.h4_title span.sub_title  { color:#9d5237; font-size:13px; line-height:13px; padding-left:8px; font-weight:normal; }

/* 공통 버튼 영역 */
.con_btn_area  { text-align:center; padding-top:60px; }
.con_btn_area input[type=image]  { padding:0 1px; }

/* 주의 문구 */
.caution_area_s01  { padding-top:14px; clear: both; }
.caution_area_s02  { padding:8px 0; }
.caution_text_style01, .caution_text_style02, .caution_text_style03  { background:url(/image/comm/icon_bullet_gray_4.png) no-repeat 0 center; padding-left:12px; margin-top:8px; font-size:13px; line-height:18px; }
.caution_text_style01  { margin-top:18px; }
.caution_text_style02  { line-height:13px; }
.caution_text_style02 strong  { color:#333; }

/* footer */
#footer  { width:100%; background:#fff; border-top:1px solid #dddddd; }
.wrap_footer_menu  { width:100%; border-bottom:1px solid #dddddd; color:#767676; height:42px; }
.footer_menu  { height:42px; }
.footer_menu ul.side_menu  { margin-top:14px; height:28px; float:left; }
.footer_menu ul.side_menu li  { float:left; padding:0 14px; }
.footer_menu ul.side_menu li.right_bar  { background:url(/image/comm/bg_top_footer_bar_gray.png) no-repeat right 1px; }
.footer_menu ul.side_menu li.strong_menu01 a{ font-weight:500; color:#333; }
.footer_menu ul.side_menu li.strong_menu01 a:hover{ color:#111; }
.footer_menu ul.side_menu li.strong_menu02 a{ font-weight:500; color:#f58220; }
.footer_menu ul.side_menu li.strong_menu02 a:hover{ color:#ec730c; }
.footer_menu ul.side_menu li a  { color:#767676; font-size:12px; }
.footer_menu ul.side_menu li a:hover  { color:#555; }
.footer_menu ul.sns_menu  { height:24px; float:right; padding-top:8px; }
.footer_menu ul.sns_menu li  { float:left; padding-left:5px; }
.footer_menu ul.sns_menu li a  { display:block; overflow:hidden; text-indent:-9999px; width:24px; height:24px; background:url(/image/comm/btn_footer_sns.png) no-repeat; }
.footer_menu ul.sns_menu li.go_facebook a  { background-position:0 0; }
.footer_menu ul.sns_menu li.go_blog a  { background-position:0 -24px; }
.footer_menu ul.sns_menu li.go_kakao a  { background-position:0 -48px; }
.footer_address  { position:relative; height:160px; }
.footer_address p.footer_logo { position:absolute; top:30px; left:0; width:100px; height:40px; display:block; overflow:hidden; text-indent:-9999px; background:url(/image/comm/ci.png) no-repeat; }
.footer_address address { position:absolute; top:30px; left:140px; font-size:11px; line-height:17px; color:#767676; }
.footer_address p.footer_copyright { position:absolute; top:78px; left:140px; font-size:11px; color:#767676; }
.footer_call  { position:absolute; top:30px; right:0; width:190px; height:100px; }
.footer_call p.call_number  { font-size:20px; color:#333; line-height:20px; font-weight:500; padding-left:19px; height:19px; background:url(/image/comm/icon_footer_call.png) no-repeat; }
.footer_call h3.call_title  { font-size:13px; padding-top:9px; line-height:13px; color:#333; }
.footer_call p.call_detail  { font-size:11px; padding-top:12px; line-height:15px; }
.footer_call p.call_detail a.mail_link  { text-decoration:underline; }

/* 강조 */
.highlight_bold  { font-weight:500; }
.highlight_o01  { color:#f58220; }
.highlight_g01  { color:#767676; }
.highlight_o02  { color:#fd5900; }
.highlight_o03  { color:#ce7900; }
.highlight_o04  { color:#7e4211; }
.highlight_bl01  { color:#3959b4; }

.highlight_b01  { color:#333; }
.highlight_b_ltext  { color:#333; font-size:20px; line-height:20px; font-weight:500; }

/* table */

.table_border  { border:1px solid #bbb; }

.table_style01_s01 table  { width:100%; }
.table_style01_s01 table th  { height:26px; color:#767676; background:#f5f5f5; border-right:1px solid #ddd; border-bottom:1px solid #ddd; line-height:16px; }
.table_style01_s01 table td  { height:34px; color:#666; border-right:1px solid #ddd; border-bottom:1px solid #ddd; line-height:16px; padding-left:8px; }
.table_style01_s01 table td:last-child {border-right: none;}
.table_style01_s01 table td.list_click_area a  { color:#f58220; text-decoration:underline; text-overflow: ellipsis; white-space: nowrap; display: block; overflow: hidden;}
.table_style01_s01 table .td_center  { text-align:center; padding-left:0; }
.table_style01_s01 table .list_paginate_area  { position:relative; }
.table_style01_s01 table .list_paginate_area .page_go_btn  { float:right; padding-right:12px; }
.table_style01_s01 table .list_paginate_area .page_go_btn span.page_name  { float:left; padding-top:5px; padding-right:12px; font-size:13px; line-height:16px; }
.table_style01_s01 table .list_paginate_area .page_go_btn a  { float:left; display:inline-block; overflow:hidden; text-indent:-9999px; width:28px; height:24px; background:url(/image/comm/btn_page_prevnext.png) no-repeat; }
.table_style01_s01 table .list_paginate_area .page_go_btn a.pre  { background-position:0 0; }
.table_style01_s01 table .list_paginate_area .page_go_btn a.next  { background-position:-28px 0; }
.table_style01_s01 table .list_paginate_area .page_all_delete  { float:left; padding-left:4px; }
.table_style01_s01 table .list_paginate_area .page_all_delete .btn_all_delete  { display:inline-block; overflow:hidden; border-bottom:1px solid #bbb; }
.table_style01_s01 table .list_paginate_area .page_all_delete .btn_all_delete a  { display:inline-block; padding-left:12px; background:url(/image/comm/icon_bullet_delete_gray.png) no-repeat 0 4px; margin-top:3px; }
.table_style01_s01 table .th_select input[type=checkbox]  { margin-right:1px; *margin-right:0; }
.table_style01_s01 table td span  { vertical-align:middle; margin-left:3px; }
.table_style01_s01 table td img  { vertical-align:middle; }
.table_style01_s01 table .td_center  { text-align:center; padding-left:0; }
.table_style01_s01 table .border_r_none  { border-right:none; }
.table_style01_s01 table .border_b_none  { border-bottom:none; }

.table_style01_s02 table  { width:100%; }
.table_style01_s02 table th  { height:26px; color:#767676; background:#f5f5f5; border-right:1px solid #ddd; border-bottom:1px solid #ddd; line-height:16px; }
.table_style01_s02 table td  { font-size:16px; line-height:16px; height:76px; color:#666; border-right:1px solid #ddd; border-bottom:1px solid #ddd; line-height:16px; text-align:center; }
.table_style01_s02 table .list_paginate_area  { position:relative; height:34px; }
.table_style01_s02 table .list_paginate_area .page_go_btn  { float:right; padding-right:12px; }
.table_style01_s02 table .list_paginate_area .page_go_btn span.page_name  { float:left; padding-top:5px; padding-right:12px; font-size:13px; line-height:16px; }
.table_style01_s02 table .list_paginate_area .page_go_btn a  { float:left; display:inline-block; overflow:hidden; text-indent:-9999px; width:28px; height:24px; background:url(/image/comm/btn_page_prevnext.png) no-repeat; }
.table_style01_s02 table .list_paginate_area .page_go_btn a.pre  { background-position:0 0; }
.table_style01_s02 table .list_paginate_area .page_go_btn a.next  { background-position:-28px 0; }
.table_style01_s02 table .list_paginate_area .page_all_delete  { float:left; padding-left:4px; }
.table_style01_s02 table .list_paginate_area .page_all_delete .btn_all_delete  { display:inline-block; overflow:hidden; border-bottom:1px solid #bbb; }
.table_style01_s02 table .list_paginate_area .page_all_delete .btn_all_delete a  { display:inline-block; padding-left:12px; background:url(/image/comm/icon_bullet_delete_gray.png) no-repeat 0 4px; margin-top:3px; }

.table_style01_s03 table  { width:100%; border:1px solid #ddd; }
.table_style01_s03 table th  { height:26px; color:#767676; background:#f5f5f5; border-right:1px solid #ddd; border-bottom:1px solid #ddd; line-height:16px; }
.table_style01_s03 table td  { height:44px; color:#666; border-right:1px solid #ddd; border-bottom:1px solid #ddd; font-size:14px; line-height:14px; padding-left:8px; }
.table_style01_s03 table td.list_click_area a  { color:#666; }
.table_style01_s03 table td.list_click_area a:hover  { color:#333; }
.table_style01_s03 table .td_center  { text-align:center; padding-left:0; }

.table_out_table table  { width:100%; }
.table_out_table table th  { height:26px; color:#767676; background:#f5f5f5; border-right:1px solid #ddd; border-bottom:1px solid #ddd; line-height:16px; }
.table_out_table table td  { height:34px; color:#666; border-right:1px solid #ddd; line-height:16px; text-align:center; }
.table_out_table table .td_center  { text-align:center; padding-left:0; }
.table_out_table table .border_r_none  { border-right:none; }
.table_out_table table .border_b_none  { border-bottom:none; }
.table_out_table table .list_paginate_area  { position:relative; height:34px; }
.table_out_table table .list_paginate_area .page_go_btn  { float:right; padding-right:12px; }
.table_out_table table .list_paginate_area .page_go_btn span.page_name  { float:left; padding-top:5px; padding-right:12px; font-size:13px; line-height:16px; }
.table_out_table table .list_paginate_area .page_go_btn a  { float:left; display:inline-block; overflow:hidden; text-indent:-9999px; width:28px; height:24px; background:url(/image/comm/btn_page_prevnext.png) no-repeat; }
.table_out_table table .list_paginate_area .page_go_btn a.pre  { background-position:0 0; }
.table_out_table table .list_paginate_area .page_go_btn a.next  { background-position:-28px 0; }
.table_out_table table td.set_info a  { display:block; margin-top:5px; }

.table_in_table table  { width:100%; }
.table_in_table table td  { height:34px; border-left:none; border-top:none; border-right: solid #ddd; border-bottom:1px solid #ddd; padding:none; }
.table_in_table table td:last-child  { border-right: none; }

.table_style02_s01 table  { width:100%; border:1px solid #ddd; }
.table_style02_s01 table th, .table_style02_s01 table td  { height:52px; color:#666; font-size:18px; line-height:18px; font-weight:normal; }
.table_style02_s01 table th  { text-align:left; }
.table_style02_s01 table td span.text_n_price  { color:#f58220; font-weight:500; }
.table_style02_s01 table td.list_click_area a  { color:#f58220; text-decoration:underline; text-overflow: ellipsis; white-space: nowrap; display: block; overflow: hidden;}
.table_style02_s01 table td.td_center  { text-align:center; padding-left:0; }
.table_style02_s01 table th input[type=checkbox]  { vertical-align:middle; }
.table_style02_s01 table th label  { vertical-align:middle; padding-left:15px; }
.table_style02_s01 .amount_area  { border-left:1px solid #ddd; border-bottom:1px solid #ddd; text-align:center; }
.table_style02_s01 .amount_area input[type="image"]  { vertical-align:middle; }
.table_style02_s01 .amount_area span.amount_box  { display:inline-block; overflow:hidden; background:#fff; border:1px solid #bbb; font-size:14px; line-height:14px; font-weight:500; width:30px; padding:6px 10px; text-align:center; vertical-align:middle; }

input.amount_box  { display:inline-block; overflow:hidden; background:#fff; border:1px solid #bbb; font-size:14px; line-height:14px; font-weight:500; width:30px !important; padding:6px 10px; text-align:center; vertical-align:middle;  color: #666;  }

.table_style02_s01 table th.title_product  { border-right:1px solid #ddd; }
.table_style02_s01 table th.title_product label  { position:relative; display:block; padding-top:15px; height:37px; cursor:pointer; }
.table_style02_s01 table th.title_product label span.p_text  { padding-left:4px; vertical-align:middle; }
.table_style02_s01 table th.head  { text-align:center; background:#f5f5f5; border-right:1px solid #ddd; border-bottom:1px solid #ddd; }
.table_style02_s01 th.title_product  { border-bottom:1px solid #ddd; }
.table_style02_s01 td.content_product  { border-bottom:1px solid #ddd; padding-left:20px; }
.table_style02_s01 td.content_product span  { vertical-align:middle; padding:0 3px; }
.table_style02_s01 td.content_product .text_o_price  { text-decoration:line-through; }
.table_style02_s01 td.content_product .sub_text  { font-size:14px; line-height:14px; }
.table_style02_s01 .chk_price  { background:#fff7f0; }
.table_style02_s01 td.content_product .icon_area img  { vertical-align:middle; }

.table_style03_s01 td .chk_area_table{ color:#666; padding:10px 0 5px 465px; *padding:10px 0 5px 480px; }
.table_style03_s01 td .chk_area_table input[type=checkbox]{ vertical-align:middle; }
.table_style03_s01 td .chk_area_table span{ font-size:13px; line-height:13px; vertical-align:middle; }
.table_style03_s01 td .chk_area_table span.text a{ text-decoration:underline; }


.table_style03_s01 table, .table_style03_s02 table, .table_style03_s03 table  { width:100%; border:1px solid #ddd; }
.table_style03_s01 th  { height:50px; background:#f5f5f5; font-weight:normal; color:#666; border-bottom:1px solid #ddd; border-right:1px solid #ddd; font-size:14px; line-height:14px; }
.table_style03_s01 td  { height:50px; color:#333; border-bottom:1px solid #ddd; border-right:1px solid #ddd; font-size:18px; line-height:18px; padding-left:20px; }

.table_style03_s02 th, .table_style03_s03 th  { padding:15px 0; background:#f5f5f5; font-weight:normal; color:#666; border-bottom:1px solid #ddd; border-right:1px solid #ddd; font-size:14px; line-height:14px; }
.table_style03_s02 td, .table_style03_s03 td  { padding:15px 0 15px 20px; color:#333; border-bottom:1px solid #ddd; border-bottom:1px solid #ddd; border-right:1px solid #ddd; font-size:18px; line-height:18px; }
.table_style03_s03 td  { font-size:14px; line-height:14px; color:#666; }

.table_style03_s03 .border_r_none  { border-right:none; }
.table_style03_s03 .border_b_none  { border-bottom:none; }
.table_style03_s03 .td_center  { text-align:center; padding-left:0; }


.table_style04_s01 table  { position:relative; width:100%; border:3px solid #c9c8d5; background:#f9f9f9; }
.table_style04_s01 table th, .table_style04_s01 table td  { height:28px; font-weight:normal; color:#706f82; border-bottom:1px solid #c9c8d5; border-right:1px solid #c9c8d5; }
.table_style04_s01 table td  { height:60px; }
.table_style04_s01 table td.text_price_area  { font-size:22px; line-height:22px; color:#333; text-align:center; }
.table_style04_s01 table td.text_price_area span.wrap_price_area  { display:block; position:relative; z-index:5; *zoom:1; }
.table_style04_s01 table td.text_price_area span.icon_minus  { position:absolute; top:-2px; right:-15px; display:block; overflow:hidden; text-indent:-9999px; width:26px; height:26px; background:url(/image/purchase/icon_intable_minusequal.png) no-repeat; z-index:100; *zoom:1; }
.table_style04_s01 table td.text_price_area span.icon_equal  { position:absolute; top:-2px; right:-15px; display:block; overflow:hidden; text-indent:-9999px; width:26px; height:26px; background:url(/image/purchase/icon_intable_minusequal.png) no-repeat 0 -26px; z-index:100; *zoom:1; }
.table_style04_s01 table td.text_result_area span.text_price_result  { display:block; padding-right:10px; text-align:right; font-size:22px; line-height:22px; color:#f58220; font-weight:500; }

.table_style05_s01 table  { width:100%; }
.table_style05_s01 table th  { height:34px; background:#f5f5fb; border:1px solid #c1c1c1; font-size:13px; line-height:13px; font-weight:normal; color:#888; }
.table_style05_s01 table th.group01 a  { font-size:13px; line-height:13px; }
.table_style05_s01 table th.on  { background:#fff; border-left:1px solid #c1c1c1; border-right:1px solid #c1c1c1; border-top:1px solid #c1c1c1; border-bottom:1px solid #c1c1c1; }
.table_style05_s01 table th.on a  { color:#333; }

.table_style06_s01 table  { width:100%; }
.table_style06_s01 table th  { height:26px; background:#eaeaf5; border-right:1px solid #ddd; border-bottom:1px solid #ddd; }
.table_style06_s01 table td  { height:34px; padding-left:8px; font-size:14px; line-height:14px; color:#333; border-right:1px solid #ddd; border-bottom:1px solid #ddd; }
.table_style06_s01 table td.border_r_none  { border-right:none; }
.table_style06_s01 table td.border_b_none  { border-bottom:none; }
.table_style06_s01 table .td_center  { text-align:center; padding-left:0; }

.table_style06_s02 table  { width:100%; }
.table_style06_s02 table th  { font-size:14px; line-height:14px; text-align:left; color:#333; }
.table_style06_s02 table td  { padding:8px 0; }

/* 페이지 이동 */
div.list_paginate_area  { padding-top:20px; }
div.list_paginate_area ul  { height:24px; width:420px; margin:0 auto; }
div.list_paginate_area ul li  { float:left; }
div.list_paginate_area ul li.page_num  { padding:0 10px; line-height:23px; }
div.list_paginate_area ul li a  { font-size:14px; line-height:14px; vertical-align:middle; }
div.list_paginate_area ul li a.on  { font-weight:500; color:#f58220; }
div.list_paginate_area ul li img  { vertical-align:middle; margin:0 2px; }

/* 컨텐츠 정렬 */
.f_left  { float:left; }
.f_right  { float:right; }
.m_center  { margin:0 auto; }

/* float clear */
.clear_f:after  { content:""; display:block; clear:both; }
.clear_f  { *zoom:1; }
.clear_both  { clear:both; }

/* 컨텐츠별 문단 간격 */
.content_paragraph_30  { padding-top:30px; }
.content_paragraph_50  { padding-top:50px; }
.content_paragraph_60  { padding-top:60px; }
.content_paragraph_90  { padding-top:90px; }

/* 컨텐츠 간격 */
.pd_t14  { padding-top:14px; }
.pd_t20  { padding-top:20px; }

.mg_t12  { margin-top:12px; }
.mg_t14  { margin-top:14px; }
.mg_t20  { margin-top:20px; }
.mg_t30  { margin-top:30px; }

/* select */
.select_area_normal  { padding:4px 2px; border:1px solid #bbb; color:#333; font-size:12px; line-height:12px; background:#fff; display:inline-block; *display:inline; *zoom:1; }
.select_area_normal select.time  { width:50px; }

/* input */
input.text_box_gray  { padding:2px; height:26px; *height:20px !important; line-height:16px; font-size:13px !important; color:#333; line-height:16px; *line-height:20px !important; *zoom:1; }


/* 팝업 레이아웃 - 모달 팝업 */
.back_popup_area { position:absolute; top:0; left:0; width:100%; height:100%; z-index:100; -ms-filter:alpha(opacity=75); filter:alpha(opacity=75); opacity:0.7; -moz-opacity:0.7; }
.back_popup_area .bg_area { position:absolute; left:0; top:0; width:100%; height:100%; background:#000; z-index:101; }

.wrap_popup_area { position:absolute; left:50%; top:50%; z-index:102; background:#fff; border-radius:18px; -webkit-border-radius:18px; -moz-border-radius:18px; -ms-border-radius:18px; -khtml-border-radius:18px; -o-border-radius:18px; border:1px solid #333;
	box-shadow:0 2px 2px #222; -webkit-box-shadow:0 2px 2px #222; -moz-box-shadow:0 2px 2px #222; -ms-box-shadow:0 2px 2px #222; -khtml-box-shadow:0 2px 2px #222; -o-box-shadow:0 2px 2px #222; }
.wrap_popup_area .popup_contents { position:absolute; left:0; top:0; width:100%; height:100%; z-index:102; padding:30px 0; }
.wrap_popup_area .popup_contents a.btn_close { position:absolute; top:10px; right:10px; display:block; overflow:hidden; text-indent:-9999px; width:24px; height:24px; cursor:pointer; background:url(/image/comm/btn_popup_large_close.png) no-repeat; }

/* 팝업 레이아웃 - Jquery Popup */
.event_popup_area { background:#fff; border-radius:18px; -webkit-border-radius:18px; -moz-border-radius:18px; -ms-border-radius:18px; -khtml-border-radius:18px; -o-border-radius:18px; border:1px solid #333;
	box-shadow:0 2px 2px #222; -webkit-box-shadow:0 2px 2px #222; -moz-box-shadow:0 2px 2px #222; -ms-box-shadow:0 2px 2px #222; -khtml-box-shadow:0 2px 2px #222; -o-box-shadow:0 2px 2px #222; }
.event_popup_area .popup_contents { width:100%; height:100%; z-index:102; padding:30px 0; }
.event_popup_area .popup_contents a.dialog_close { position:absolute; top:10px; right:10px; display:block; overflow:hidden; text-indent:-9999px; width:24px; height:24px; cursor:pointer; background:url(/image/comm/btn_popup_large_close.png) no-repeat; }

.popup_thankcoupon h3 { padding:32px 0 5px; text-align:center; font-size:20px; line-height:28px; color:#333; }
.popup_thankcoupon h3 span.name { color:#ce7900; }
.popup_thankcoupon .img_area { text-align:center; padding-bottom:20px; font-size:20px; line-height:28px; }
.popup_thankcoupon .text_area { text-align:center; color:#333; font-size:18px; line-height:26px; padding-bottom:10px; }
.popup_thankcoupon .url_area { text-align:center; font-size:15px; line-height:20px; padding:20px; background:#f6f6f6; }
.popup_thankcoupon .coupon_info { border-top:1px solid #ddd; padding:35px 30px 40px; }
.popup_thankcoupon .coupon_info span.name { color:#ce7900; }

/* 팝업 레이아웃 - 일반 팝업 */
.wrap_popup_nobg { position:relative; display:inline-block; *display:inline; *zoom:1; background:#fff; border-radius:12px; -webkit-border-radius:12px; -moz-border-radius:12px; -ms-border-radius:12px; -khtml-border-radius:12px; -o-border-radius:12px; border:1px solid #333; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2); -webkit-box-shadow:0 2px 2px rgba(0, 0, 0, 0.2); -moz-box-shadow:0 2px 2px rgba(0, 0, 0, 0.2); -ms-box-shadow:0 2px 2px rgba(0, 0, 0, 0.2); -khtml-box-shadow:0 2px 2px rgba(0, 0, 0, 0.2); -o-box-shadow:0 2px 2px rgba(0, 0, 0, 0.2); }
.wrap_popup_nobg a.btn_close { position:absolute; top:10px; right:10px; display:block; overflow:hidden; text-indent:-9999px; width:17px; height:17px; cursor:pointer; background:url(/image/comm/btn_popup_large_close_2106.png) no-repeat; }

/* 팝업 - 차단사이트 등록 */
.popup_blocksite_add h3 { margin-left:30px; }
.popup_blocksite_add h4.h4_title { margin-left:30px; }
.popup_blocksite_add .add_area { padding:18px 30px 14px; height:40px; border-bottom:1px solid #ddd; }
.popup_blocksite_add .add_area ul { height:40px; float:left; }
.popup_blocksite_add .add_area ul li { float:left; padding-right:15px; }
.popup_blocksite_add .add_area ul li label { vertical-align:middle; padding-right:2px; }
.popup_blocksite_add .add_area ul li input { vertical-align:middle; }
.popup_blocksite_add .add_area input[type=image].in_buton { float:left; }

.popup_blocksite_add .tip_area { height:76px; margin:15px 30px; padding-left:78px; background:url(/image/comm/img_tip_front.png) no-repeat 0 3px; }
.popup_blocksite_add .tip_area h4 { font-size:15px; line-height:15px; color:#fe6a10; font-weight:500; padding-bottom:5px; }
.popup_blocksite_add .tip_area ul.tip_list { height:48px; }
.popup_blocksite_add .tip_area ul.tip_list li { padding-right:15px; }
.popup_blocksite_add .tip_area ul.tip_list li span { display:inline-block; height:20px; padding-left:20px; background:url(/image/comm/icon_number_small_gray.png) no-repeat 0 0; line-height:21px; }
.popup_blocksite_add .tip_area ul.tip_list li.tip01 { width:420px; }
.popup_blocksite_add .tip_area ul.tip_list li.tip02 span { background-position:0 -22px; }
.popup_blocksite_add .tip_area ul.tip_list li.tip03 { width:420px; }
.popup_blocksite_add .tip_area ul.tip_list li.tip03 span { background-position:0 -44px; }
.popup_blocksite_add .tip_area ul.tip_list li.tip04 span { background-position:0 -66px; }

.popup_blocksite_add .table_blocksite_addview { margin:10px 30px 5px; border:1px solid #bbb; }
.popup_blocksite_add .table_blocksite_addview h4 { padding-bottom:10px; }

.popup_blocksite_add .btn_area { text-align:right; padding-right:30px; }
.popup_blocksite_add .left_btn_area{ text-align:left;padding-left:30px; }
.popup_blocksite_add .left_btn_area span.text{ vertical-align:middle;margin-right:5px; }
.popup_blocksite_add .left_btn_area input[type=image]{ vertical-align:middle; }

/* 팝업 - 차단 프로그램 등록 */
.popup_blockpgm_add { padding:0 30px; }
.popup_blockpgm_add h3 { margin-bottom:20px; }

.popup_blockpgm_add .table_blockpgm_addview { width:400px; }
.popup_blockpgm_add .table_blockpgm_addview h4 { padding-top:12px; padding-bottom:10px; }

.popup_blockpgm_add .center_btn_area { width:67px; padding:50px 0 0 27px; }
.popup_blockpgm_add .center_btn_area input[type="image"] { margin-bottom:5px; }

/* 팝업 - 일일보고서 - 사용시간 팝업 */
.popup_pctime_dboard, .popup_internettime_dboard, .popup_mobiletime_dboard { position:absolute; top:15px; width:446px; padding:35px 18px 18px 18px; }
.popup_pctime_dboard { left:0; }
.popup_internettime_dboard { right:0; }
.popup_mobiletime_dboard { left:248px; }

.popup_pctime_dboard h4.layer_title, .popup_internettime_dboard h4.layer_title, .popup_mobiletime_dboard h4.layer_title { font-size:13px; padding:2px 0 10px; }
.wrap_overflow { height:190px; overflow-y:scroll; overflow-x:hidden; *padding-right:18px; }

/* 팝업 - 사용시간 연장 추가 */
.popup_time_extend{ padding:0 30px; }
.popup_time_extend h4{ padding-top:10px; }
.popup_time_extend h4 span.title_noicon{ color:#9d5237;font-size:16px;font-weight:500;line-height:16px; }
.popup_time_extend .btn_area{ text-align:center;padding-top:15px; }

/* 팝업 - 잠금시간대 전체 현황 팝업 */
.content_popup_viewtime{ width:642px;padding:22px 29px;}
.content_popup_viewtime .tab_area_popup{ width:642px; margin-top:10px; }
.content_popup_viewtime .tab_area_popup ul.tab_2list{ height:48px; }
.content_popup_viewtime .tab_area_popup ul.tab_2list li{ float:left; }
.content_popup_viewtime .tab_area_popup ul.tab_2list li a{ display:block;overflow:hidden;width:321px;height:48px;background:url(/image/comm/tab_topcon_gray_321.png) no-repeat; }
.content_popup_viewtime .tab_area_popup ul.tab_2list li.on a{ background-position:0 0;color:#333; }
.content_popup_viewtime .tab_area_popup ul.tab_2list li.off a{ background-position:0 -48px;color:#767676; }
.content_popup_viewtime .tab_area_popup ul.tab_2list li a span{ display:block;font-size:20px;line-height:20px;width:321px;text-align:center;padding-top:15px; }

/* 팝업 - 보고서 - 내역 팝업 */
.popup_table_reportview { position:absolute; top:0; left:0; width:942px; padding:18px 18px 30px; z-index: 100; }
.popup_table_reportview h4.layer_title { font-size:15px; padding:6px 0 20px; font-weight:500; }

/* 팝업 - 라이브 스크린 */
.popup_livescreen { height:42px; padding:10px 18px; }
.popup_livescreen h3.h3_title { color:#666; font-size:16px; font-weight:500; line-height:16px; padding-left:12px; background:url(/image/comm/icon_bullet_title_gray.png) no-repeat 0 3px; }
.popup_livescreen h3.h3_title span.time { color:#333; padding-left:10px; font-weight:500; }
.popup_livescreen .btn_area { height:45px; }
.popup_livescreen .btn_area input[type="image"].btn_delete { float:right; margin-top:8px; }
.popup_livescreen .btn_area .page_go_btn { float:left; padding:8px 12px 0 0; }
.popup_livescreen .btn_area .page_go_btn a { float:left; display:inline-block; overflow:hidden; text-indent:-9999px; width:28px; height:24px; background:url(/image/comm/btn_page_prevnext.png) no-repeat; }
.popup_livescreen .btn_area .page_go_btn a.pre { background-position:0 0; }
.popup_livescreen .btn_area .page_go_btn a.next { background-position:-28px 0; }
.popup_livescreen .livescreen_area { margin-top:8px; border:1px solid #ddd; width:812px; height:442px; }

/* 팝업 - 차단앱 등록 */
.popup_blockapp_add { padding:0 30px; }
.popup_blockapp_add h3 { margin-bottom:20px; }
.popup_blockapp_add h4 { margin-top:12px; }

.popup_blockapp_addview .table_blockapp_addview { width:400px; }
.popup_blockapp_addview .table_blockpgm_addview h4 { padding-top:12px; padding-bottom:10px; }
.popup_blockapp_addview .table_top_search { padding:15px 0 8px; }
.popup_blockapp_addview .table_top_search span.select_area_normal, .popup_blockapp_addview .table_top_search select, .popup_blockapp_addview .table_top_search input { vertical-align:middle; margin-right:8px; }
.popup_blockapp_addview .table_top_search span.select_area_normal { margin-right:8px; }
.popup_blockapp_addview .table_top_search input { margin-right:3px; }

.popup_blockapp_addview .center_btn_area { width:67px; padding:80px 0 0 27px; }
.popup_blockapp_addview .center_btn_area input[type="image"] { margin-bottom:5px; }

/* 마이메뉴 - 팝업 */
.popup_product_info, .popup_product_setup { position:absolute; top:125px; left:400px; width:360px; padding:18px 18px; }
.popup_product_info h4 { margin-bottom:10px; }
.popup_product_info .select_sex li { padding-right:15px; }
.popup_product_info .select_area_normal select.age { width:100px; }

.popup_btn_area { text-align:center; padding-top:10px; }
.popup_btn_area input[type=image] { margin:0 2px; }

.popup_product_setup { width:430px; }
.popup_product_setup h4 { margin-bottom:10px; }

/* 일반 메시지 팝업 - 가로 430px */
.popup_msg { height:115px; padding-top:20px; }
.popup_msg .text_area { position:relative; font-size:18px; line-height:18px; text-align:center; }
.popup_msg .text_center_area { padding-top:26px; font-size:18px; line-height:24px; text-align:center; }
.popup_msg .text_centerinfo_area { padding:40px 0 20px; text-align:center; }
.popup_msg_btn_area { height:62px; text-align:center; }

.popup_msg .font_s18 { font-size:18px; line-height:18px; vertical-align:middle; }
.popup_msg .font_s13 { font-size:13px; line-height:13px; vertical-align:middle; }

/* 일반 메시지 팝업 - 가로 430px - input 추가 04/01 */
.popup_msg .text_area_input { position:relative; font-size:18px; line-height:24px; text-align:center; }
.popup_msg .text_centerinput_area { padding:15px 0 20px; text-align:center; }

/* 오른쪽 자주묻는 질문 - 팝업 */
.popup_qna_layer { padding:0 30px; }
.popup_qna_layer h3 span.title { font-size:26px; line-height:26px; color:#333; }
.popup_qna_layer h3 span.sub_title { font-size:14px; line-height:14px; color:#767676; padding-left:12px; }
.popup_qna_layer div.list_area ul { padding-top:35px; height:170px; }
.popup_qna_layer div.list_area ul li { float:left; padding:0 8px; }
.popup_qna_layer div.list_area ul li a { position:relative; display:block; overflow:hidden; width:121px; height:170px; }
.popup_qna_layer div.list_area ul li a span.img_icon { display:block; width:120px; height:80px; background:url(/image/comm/img_qna_list.png) no-repeat 50% 50%; }
.popup_qna_layer div.list_area ul li a span.text { display:block; font-size:16px; line-height:20px; color:#333; text-align:center; padding-top:10px; }
.popup_qna_layer div.list_area ul li.list01 a span.img_icon { background-position:0 0; }
.popup_qna_layer div.list_area ul li.list02 a span.img_icon { background-position:0 -80px; }
.popup_qna_layer div.list_area ul li.list03 a span.img_icon { background-position:0 -160px; }
.popup_qna_layer div.list_area ul li.list04 a span.img_icon { background-position:0 -240px; }
.popup_qna_layer div.list_area ul li.list05 a span.img_icon { background-position:0 -320px; }
.popup_qna_layer div.list_area ul li.list06 a span.img_icon { background-position:0 -400px; }
.popup_qna_layer div.list_area ul li a img.img_btn { position:absolute; bottom:10px; left:24px; }
.popup_qna_layer div.list_area ul li.list01 a span.text { margin-top:8px; }
.popup_qna_layer div.list_area ul li.list02 a span.text { margin-top:8px; }

/* 대량 구매 문의 - 추가 04/02 */
.popup_partnership { padding:20px 50px; }
.popup_partnership .text_title { font-size:18px; line-height:18px; font-weight:bold; color:#333333; }
.popup_partnership .text_area { font-size:13px; line-height:18px; padding-top:15px; }
.popup_partnership .text_area_customer { font-size:13px; line-height:18px; padding-top:15px; color:#333; }
.popup_partnership .text_area_customer a { text-decoration:underline; }

/* 월정기결제 해지예약 팝업 */
.popup_month_service h3 { padding-left:30px; margin-left:30px; }
.popup_month_service h4.h4_title { padding-left:15px; margin-left:30px; }
.popup_month_service .info_text_area { padding:10px 30px 0; font-size:13px; line-height:17px; }

.popup_month_service .table_month_service { margin:10px 30px 15px; border:1px solid #bbb; height:110px; overflow-y:scroll; overflow-x:hidden; }
.popup_month_service .table_month_service h4 { padding-bottom:10px; }

.popup_month_service ul.con_radio_list { padding:15px 30px 10px; width:918px; }
.popup_month_service ul.con_radio_list li { width:260px; float:left; padding:0 30px 10px 0; font-size:14px; line-height:14px; height:18px; }
.popup_month_service ul.con_radio_list label { vertical-align:middle; }
.popup_month_service ul.con_radio_list input[type=radio] { vertical-align:middle; }
.popup_month_service ul.con_radio_list input[type=text] { vertical-align:middle; margin-left:5px; }

.popup_month_service .btn_area { text-align:center; padding-top:15px; }
.popup_month_service .btn_area input[type=image] { margin:0 2px; }

/* 업데이트 공지 팝업 - 메인 200924 */
.container_popup_area{position:relative;width:100%; margin:0 auto;*zoom:1;z-index:101;}

.wrap_popup_main{display:inline-block;*display:inline;*zoom:1;background:#fff;border-radius:12px;-webkit-border-radius:12px;-moz-border-radius:12px;-ms-border-radius:12px;-khtml-border-radius:12px;-o-border-radius:12px;border:1px solid #333;z-index:100;position:absolute;top:0;left:0;}

.wrap_popup_main a.btn_close{position:absolute;top:20px;right:20px;display:block;overflow:hidden;text-indent:-9999px;width:17px;height:17px;cursor:pointer;background:url(/image/comm/btn_popup_large_close_2106.png) no-repeat;}

.popup_updatenotice_layer{padding:40px;}
.popup_updatenotice_layer img.img_top_tip{position:absolute;top:0;left:0;}
.popup_updatenotice_layer h3{font-size:20px;line-height:22px;color:#333;text-align:center;padding-top:4px;}
.popup_updatenotice_layer .img_popup_area{text-align:center;}
.popup_updatenotice_layer .text_notice01{padding:20px 2px 2px;font-size:15px;line-height:20px;text-align:center;color:#333;}
.popup_updatenotice_layer .text_notice02{padding:10px 2px 2px;font-size:13px;line-height:18px;text-align:center;color:#888;}
.popup_updatenotice_layer .popup_btn_area{display: block;overflow: hidden;text-indent: -9999px;position: absolute;top: 213px;left: 77px;width: 168px;height: 30px;}

/* 설치 및 이용 팝업 - 게이트 */
.content_popup_detail {  width:620px; height:600px; padding:22px 29px;  }
.con_detail_area { padding:10px 0; }
.con_detail_area .text_area { padding:5px 0 15px; font-size:1em; line-height:1.5em; }
.con_detail_area ul.brown_num_list { padding:10px 0; font-size:1.1em; line-height:1.6em; }
.con_detail_area ul.brown_num_list li { padding:5px 0; padding-left:30px; display:block; }
.con_detail_area ul.brown_num_list li span.title { color:#ab6224; display:block; }
.con_detail_area ul.brown_num_list li.list01 { background:url(/image/install/icon_brown_number01.png) no-repeat left 8px; }
.con_detail_area ul.brown_num_list li.list02 { background:url(/image/install/icon_brown_number02.png) no-repeat left 8px; }
.con_detail_area ul.brown_num_list li.list03 { background:url(/image/install/icon_brown_number03.png) no-repeat left 8px; }
.con_detail_area ul.brown_num_list li.list04 { background:url(/image/install/icon_brown_number04.png) no-repeat left 8px; }
