@charset "utf-8";

/**********************************************
 common layout
***********************************************/
div.sub_wrap{padding-top:60px;min-height:100%;}
div.container{margin-left:54px;; width:910px;}
div.contents{width:880px; margin:0 auto;}
div.contents div.article{margin-bottom:50px;}
div.contents div.article div.title{font-size:25px; color:#074ea6; margin-bottom:18px;}
div.contents div.article, div.contents div.article p{ word-break:keep-all; font-size:17px; color:#505050;}
div.contents div.article div.img{text-align:center}
div.tab_wrap div.tabmenu ul{height:45px;}
div.tab_wrap div.tabmenu li{width:100%; height:100%;}
div.tab_wrap div.tabmenu li a{border:1px solid #ccc; background:#eaeaea; color:#606060; display:block; width:100%; height:100%; text-align:center; line-height:45px;}
div.tab_wrap div.tabmenu li:hover a{border:1px solid #125dc3; background:#125dc3; color:#fff;}
div.tab_wrap div.tabmenu li.active a{border:1px solid #125dc3; background:#125dc3; color:#fff;}
div.tab_wrap div.tab_cont{border:1px solid #ccc; border-top:0 none; text-align:center; padding:40px;}
div.tab_wrap div.tab_cont div.title{font-size:22px;}

/**********************************************
 contents title
***********************************************/
div.cont_title{font-size:35px; border-bottom:1px solid #ddd; padding-bottom:13px; position:relative; margin-bottom:45px;}
div.cont_title ul.location{ position:absolute; right:0; top:0}
div.cont_title ul.location li{display:inline-block; font-size:14px; color:#818181;}

/**********************************************
 회원가입
***********************************************/
div.step div.btn_wrap{}
div.step div.btn_wrap input[type=button]{padding:10px 40px; background:#404040;  color:#fff; font-size:18px;}
/**약관동의**/
div.agree_wrap{border:2px solid #bababa; margin-bottom:25px;}
div.agree_wrap div.chk_box{border-bottom:1px solid #ccc; height:55px; line-height:55px; padding-left:30px; background:#f7f7f7}
div.agree_wrap div.chk_box label.chk_agree{font-size:20px;}
div.agree_wrap div.chk_box label.chk_agree span{color:#f27e33; font-size:16px;}
div.agree_wrap div.text_scroll{overflow-y:scroll; height:250px;}
div.agree_wrap div.text_scroll div{padding:20px;}
div.allchk_wrap{}
div.allchk_wrap label{font-size:20px; color: #303030; border:1px solid #ccc; padding:10px; background:#f7f7f7}
div.allchk_wrap label:hover{background:#e5e5e5}
div.member_sort{border:2px solid #bababa; padding:20px;}
div.member_sort > div label{font-size:18px;}
div.member_sort > div:first-child{margin-bottom:20px}
div.member_sort > div span{font-size:15px; color:#074ea6; padding-left:10px;}
div.sort_mode{padding:20px; margin-top:10px; background:#f7f7f7; border:1px solid #ccc;}
div.sort_mode input[type=text]{border:1px solid #dedede; padding:3px 5px; font-size:16px; width:250px}
div.sort_mode #Dv_reg1 div:first-child{margin-right:20px;}
div.sort_mode #Dv_reg2 div{margin-bottom:10px;}
/**정보입력**/
div.join_tb table tr.tline th{height:3px; background:#303030; padding:0;}
div.join_tb table th, div.join_tb table td{border-bottom:1px solid #ccc; padding:10px 5px}
div.join_tb table td{border-left:1px solid #ccc;}
div.join_tb table td input[type=text], div.join_tb table td input[type=password]{font-size:16px; border:1px solid #dedede; padding:3px;}
div.join_tb table td select{-webkit-appearance: none; -moz-appearance: none; appearance: none; background:url(../images/select_arrow.png) no-repeat 90% 50%; border-radius: 0px; cursor:pointer; font-size:16px; border:1px solid #dedede; padding:3px;} 
div.join_tb table td select::-ms-expand{  display: none;}
div.join_tb table td button, div.join_tb table td input[type=button]{font-size:16px; border:1px solid #dedede; padding:3px 10px; background:#eaeaea; margin-left:6px;}div.join_tb table td div.placeholder_wrap{position:relative;}
div.join_tb table td div.placeholder_wrap label{position: absolute; top: 1px;/* input 요소의 border-top 설정값 */left: 1px;  /* input 요소의 border-left 설정값 */padding: 3px;  /* input 요소의 padding 값 */color: #999;  cursor: text; font-size:16px; font-weight:normal; white-space:nowrap; overflow:hidden;}
div.join_tb table td div.placeholder_wrap span#idchk{position:absolute; top:50%; margin-top:-17px;  font-weight:bold; font-size:23px; color:#074ea6 }
div.join_tb table td div.tel_num select{width:70px;}
div.join_tb table td div.refer{font-size:14px;margin-top:10px;}
div.join_tb table td div.refer span{color:#074ea6;}
/**가입완료**/
div.join_container div.completion{border:1px solid #ccc; border-top:3px solid #303030;}
div.join_container div.completion dl{margin:100px 0 50px;}
div.join_container div.completion dl dt{font-size:35px; font-weight:bold; margin-bottom:50px;}
div.join_container div.completion dl dd{height:30px; line-height:30px; font-size:20px; position:relative}
div.join_container div.completion dl dd ul{position:absolute; right:50%; margin-right:-230px}
div.join_container div.completion dl dd ul li:first-child{margin-right:15px;}
div.join_container div.completion div.btn_wrap{margin-bottom:100px;}
div.join_container div.completion div.btn_wrap input[type=button]{font-size:16px; color:#fff; background:#074ea6; padding:10px 30px;}


/**********************************************
 찾기
***********************************************/
div.find_wrap{ text-align: center; border:1px solid #ccc; border-top:3px solid #303030;}
div.find_wrap div.find_info{margin:50px 0; }
div.find_wrap div.find_info table{width:500px; margin:0 auto;}
div.find_wrap div.find_info table th{font-size:18px; padding:5px 0; padding-right:10px;}
div.find_wrap div.find_info table td{padding:5px 0;}
div.find_wrap div.find_info table td input[type=text]{border:1px solid #ccc; padding:5px; font-size:16px; width:300px;}
div.find_wrap div.btn_wrap{margin-top:30px;}
div.find_wrap div.btn_wrap input[type=button]{font-size:16px; color:#fff; background:#074ea6; padding:10px 50px;}
div.find_wrap div.article{border-top:1px dashed #ccc; padding-top:50px; }
div.find_wrap div.result {margin-bottom:20px}
div.find_wrap div.result span{font-size:25px; font-weight:bold; color:#000;}
div.find_wrap div.article div.btn_wrap input[type=button]{font-size:16px; color:#fff; background:#404040; padding:10px 50px;}


/**********************************************
 로그인페이지
***********************************************/
div.login_wrap{ text-align: center; border:1px solid #ccc; border-top:3px solid #303030;}
div.login_wrap div.login{margin:0 auto;width:725px; margin-top:50px; border-bottom:1px solid #dadada; padding-bottom:20px; margin-bottom:20px;}
div.login_wrap div.login table{width:400px; margin:0 auto;}
div.login_wrap div.login table th{font-size:18px; padding:5px 0; padding-right:10px;}
div.login_wrap div.login table td{padding:5px 0;}
div.login_wrap div.login table td input[type=text], div.login_wrap div.login table td input[type=password]{border:1px solid #ccc; padding:5px; font-size:16px; width:280px;}
div.login_wrap div.login div.btn_wrap{padding:5px 0;}
div.login_wrap div.login div.btn_wrap input[type=button]{font-size:16px; color:#fff; background:#074ea6; padding:0 40px; height:78px; }
div.login_wrap div.login div.btn_wrap input.AC{background:#5983aa; padding:0 20px; margin-left:10px}
div.login_wrap div.etc_btn{margin-bottom:50px;}
div.login_wrap div.etc_btn input[type=button]{padding:12px 22px; border:1px solid #ccc; background:#fff; font-size:15px; margin-left:5px;  }
div.login_wrap div.etc_btn input.join{ color:#134cc0;font-weight:bold; margin:0}


/**********************************************
 회원정보변경
***********************************************/
div.change div.btn_wrap input[type=button]{padding:10px 40px; background:#404040;  color:#fff; font-size:18px;}


/**********************************************
 비밀번호변경
***********************************************/
div.pwModify_wrap{ text-align: center; border:1px solid #ccc; border-top:3px solid #303030;}
div.pwModify_wrap div.pwModify{margin:50px 0; }
div.pwModify_wrap div.pwModify table{width:500px; margin:0 auto;}
div.pwModify_wrap div.pwModify table th{font-size:18px; padding:5px 0; padding-right:10px;}
div.pwModify_wrap div.pwModify table td{padding:5px 0;}
div.pwModify_wrap div.pwModify table td input[type=password]{border:1px solid #ccc; padding:5px; font-size:16px; width:300px;}
div.pwModify_wrap div.pwModify table td div.placeholder_wrap{position:relative;}
div.pwModify_wrap div.pwModify table td div.placeholder_wrap label{position: absolute; top: 1px;/* input 요소의 border-top 설정값 */left: 25px;  /* input 요소의 border-left 설정값 */padding: 5px;  /* input 요소의 padding 값 */color: #999;  cursor: text; font-size:16px; font-weight:normal; white-space:nowrap; overflow:hidden;}
div.pwModify_wrap div.btn_wrap{margin-top:30px;}
div.pwModify_wrap div.btn_wrap input[type=button]{font-size:16px; color:#fff; background:#074ea6; padding:10px 50px;}


/**********************************************
 회원탈퇴
***********************************************/
div.drop_wrap{ text-align: center; border:1px solid #ccc; border-top:3px solid #303030;}
div.drop_wrap div.drop{margin:50px 0; }
div.drop_wrap div.drop table{width:750px; margin:0 auto;}
div.drop_wrap div.drop table th{font-size:18px; padding:5px 0; padding-right:10px;}
div.drop_wrap div.drop table td{padding:5px 0; text-align:left}
div.drop_wrap div.drop table td input[type=text], div.drop_wrap div.drop table td input[type=password]{border:1px solid #ccc; padding:5px; font-size:16px; width:580px;}
div.drop_wrap div.drop table td input[type=password]{width:250px;}
div.drop_wrap div.drop div.refer{text-align:left; width:550px; margin:20px auto;}
div.drop_wrap div.drop div.refer span{color:#074ea6}
div.drop_wrap div.btn_wrap{margin-top:30px;}
div.drop_wrap div.btn_wrap input[type=button]{font-size:16px; color:#fff; background:#074ea6; padding:10px 50px;}


/**********************************************
 포인트현황
***********************************************/
div.point_detail table th{padding:5px 10px; background:#f7f7f7; border-left:1px solid #ccc; border-bottom:1px solid #ccc;}
div.point_detail table th:first-child{border-left:0;}
div.point_detail table th.tline{padding:0; border:0; height:3px; background:#505050;}
div.point_detail table td{height:42px;padding:6px 10px; border-left:1px solid #ccc; border-bottom:1px solid #ccc;}
div.point_detail table td:first-child{border-left:0;}
div.point_detail div.mypoint input[type=button]{border:0; background:#505050; color:#fff; padding:8px 20px; font-size:17px; margin-bottom:10px}
div.point_detail div.mypoint table th.title{font-size:25px; color:#074ea6; background:0;}
div.point_detail div.mypoint table td{padding:15px 10px; font-size:18px; border-left:0;}
div.point_detail div.tpage{margin-top:15px;}
/**********************************************
 포인트충전
***********************************************/
div.point_charge div.article{margin-bottom:15px;}
div.point_charge div.article div.title{margin-bottom:10px; font-weight:bold}
div.point_charge div.list_title{font-size:20px; color:#074ea6; margin-bottom:5px; font-weight:bold}
div.point_charge ul.charge_list{border:1px solid #ccc; padding:10px; margin-bottom:15px;}
div.point_charge ul.charge_list li{margin:3px 0; border-bottom:1px dashed #ccc; padding:3px 5px}
div.point_charge ul.charge_list li:first-child{font-size:14px; color:#074ea6}
div.point_charge ul.charge_list li input[type=radio]{margin-right:8px;}
div.point_charge div input[type=button]{background:#074ea6; color:#fff; font-size:16px; padding:5px 20px;}
div.point_charge div.bot_notice{font-size:15px; padding-left:6px}
div.point_charge div.bot_notice span{color:#074ea6}
/*div.point_charge div.bot_notice{font-size:15px; padding-left:6px}
div.point_charge div.bot_notice span{color:#074ea6}*/
div.point_charge span.bold_blue{color:#074ea6; font-weight:bold}
div.point_charge span.bold_red{color:#f36157; font-weight:bold}
div.point_charge .list_title{padding-left:6px}
div.point_charge .fri_line{margin-bottom:7px}
div.point_charge .bot_notice_wrap{margin-top:25px}
div.point_charge .font_small{font-weight:normal; font-size:15px; color:#000}
div.point_charge .point_list_wrap{margin-top:40px}
/**********************************************
 포인트충전결과
***********************************************/
div.point_result div.article{margin-bottom:15px;}
div.point_result div.article div.title{margin-bottom:10px;}
div.point_result div.top_notice a{display:inline-block; border:1px solid #ccc; background:#074ea6; color:#fff; font-weight:normal; padding:5px 15px;}
div.point_result table th.tline{padding:0; border:0; height:3px; background:#505050;}
div.point_result table td{padding:6px 10px; border-right:1px solid #ccc; border-bottom:1px solid #ccc;}
div.point_result table td:first-child{border-left:1px solid #ccc; background:#f7f7f7;}
div.point_result div input[type=button]{background:#505050; color:#fff; font-size:16px; padding:5px 20px;}
/**********************************************
 포인트충전출력
***********************************************/
div.point_print div.article{margin-bottom:15px;}
div.point_print div.article div.title{margin-bottom:10px;}
div.point_print div.top_notice a{display:inline-block; border:1px solid #ccc; background:#074ea6; color:#fff; font-weight:normal; padding:5px 15px;}
div.point_print table th.tline{padding:0; border:0; height:3px; background:#505050;}
div.point_print table td{padding:6px 10px; border-right:1px solid #ccc; border-bottom:1px solid #ccc;}
div.point_print table td:first-child{border-left:1px solid #ccc; background:#f7f7f7;}
div.point_print div input[type=button]{background:#505050; color:#fff; font-size:16px; padding:5px 20px;}
/**********************************************
 포인트사용집계
***********************************************/
div.point_use {margin-bottom:70px;}
div.point_use div.date_wrap{margin-bottom:20px;}
div.point_use div.date_wrap select{-webkit-appearance: none; -moz-appearance: none; appearance: none; background:url(../images/select_arrow.png) no-repeat 90% 50%; border-radius: 0px; cursor:pointer; font-size:16px; border:1px solid #ccc;;  padding:2px 5px; margin:0 2px;} 
div.point_use div.date_wrap  select::-ms-expand{  display: none;}
div.point_use div.date_wrap input[type=text]{border:1px solid #ccc; padding:3px 5px; width:120px; font-size:16px; margin-right:2px;}
div.point_use div.date_wrap input[type=button]{padding:4px 15px; font-size:15px; background:#505050; color:#fff; margin-left:15px}
div.point_use table th{padding:5px 10px; background:#f7f7f7; border-left:1px solid #ccc; border-bottom:1px solid #ccc;}
div.point_use table th:first-child{border-left:0;}
div.point_use table th.tline{padding:0; border:0; height:3px; background:#505050;}
div.point_use table td{height:42px;padding:9px 10px; border-left:1px solid #ccc; border-bottom:1px solid #ccc;}
div.point_use table td:first-child{border-left:0;}
div.point_use div.tpage{margin-top:15px;}


/**********************************************
 카드결제현황
***********************************************/
div.payment table th{padding:5px 10px; background:#f7f7f7; border-left:1px solid #ccc; border-bottom:1px solid #ccc;}
div.payment table th:first-child{border-left:0;}
div.payment table th.tline{padding:0; border:0; height:3px; background:#505050;}
div.payment table td{height:42px;padding:9px 10px; border-left:1px solid #ccc; border-bottom:1px solid #ccc;}
div.payment table td:first-child{border-left:0;}
div.payment div.tpage{margin-top:15px;}

/**********************************************
 용지주문현황
***********************************************/
div.order div.date_wrap{margin-bottom:20px;}
div.order div.date_wrap input[type=text]{border:1px solid #ccc; padding:3px 5px; width:120px; font-size:16px; margin-right:2px;}
div.order div.date_wrap input[type=button]{padding:4px 15px; font-size:15px; background:#505050; color:#fff; margin-left:15px}
div.order table th{padding:5px 10px; background:#f7f7f7; border-left:1px solid #ccc; border-bottom:1px solid #ccc;}
div.order table th:first-child{border-left:0;}
div.order table th.tline{padding:0; border:0; height:3px; background:#505050;}
div.order table td{height:42px;padding:9px 10px; border-left:1px solid #ccc; border-bottom:1px solid #ccc;}
div.order table td:first-child{border-left:0;}
div.order div.tpage{margin-top:15px;}
/**********************************************
 용지주문현황POP
***********************************************/
div.order_pop{width:920px; padding:15px; }
div.order_pop div.article{margin-bottom:25px;}
div.order_pop div.article div.title{margin-bottom:10px;}
div.shopping_list table td.tline{height:3px; background:#505050; padding:0;}
div.shopping_list table th{border-bottom:1px solid #adadad; font-weight:normal; font-size:15px; padding:6px 0; font-weight:bold}
div.shopping_list table td{padding:15px 8px; border-bottom:1px solid #dcdcdc;}
div.shopping_list table td:first-child{border-left:0 none;}
div.shopping_list table td.unit{color:#1a1ac6}
div.shopping_list table tr.remark td{padding:5px; background:#fafafa}
div.shopping_list table td input[type=button]{border:1px solid #c0c0c0; background:#fff; padding:5px 8px}
div.shopping_list table td input[type=button]:hover{color:#f00}
div.shopping_list table tr.total td{background:#f7f7f7; border-top:2px solid #adadad; border-bottom:1px solid #adadad; padding:10px;}
div.shopping_list table tr.total td.tr{font-size:18px; font-weight:bold}
div.completed_info table{border-left:1px solid #ccc; border-right:1px solid #ccc;}
div.completed_info table td.tline{ height:3px; background:#505050; padding:0;}
div.completed_info table td, div.completed_info table th{border-bottom:1px solid #ccc; padding:5px 10px;}
div.completed_info table th{border-right:1px solid #ccc; background:#f9f9f9; font-weight:normal}
div.completed_info table td input{font-size:16px;}
div.completed_info div.btn_wrap {margin-top:15px;}
div.completed_info div.btn_wrap input[type=button]{border:1px solid #ccc; background:#fff; padding:10px 25px; font-size:16px;}
div.completed_info div.btn_wrap input[type=button].print{background:#505050; color:#fff;}
div.order_pop div.mall_guide{border:1px solid #ccc;}
div.order_pop div.mall_guide div.f_left{width:60%; padding:20px; height:100%;}
div.order_pop div.mall_guide div.f_left:first-child{border-right:1px solid #ccc; width:40%; }
div.order_pop div.mall_guide div.f_left:first-child p{font-size:18px}
div.order_pop div.mall_guide div.title{font-size:20px; margin-bottom:10px;}
div.order_pop div.mall_guide p{font-size:16px;}


/**********************************************
  이용약관, 개인정보취급방침
***********************************************/
.trem{font-size: 17px; word-break: break-all;}
.trem > p.tit{font-weight: bold; margin-bottom:8px; display: block;}
.trem > ol{padding-left: 20px;}
.trem .ol_2{padding-left: 26px;}
.rule_cont01 > .trem{margin-bottom:20px;}

.trem_tb01{border-top:2px solid #091f60;}
.trem_tb01 th, 
.trem_tb01 td{border-bottom: 1px solid #d7d7d7; border-left: 1px solid #d7d7d7; font-size: 17px; font-weight: normal; height:45px; padding: 2px; }
.trem_tb01 th{background:#f6f6f6; text-align: center;}
.trem_tb01 th.tit{font-weight: bold;}
.trem_tb01 th:first-child,
.trem_tb01 td:first-child{border-left:0}
.trem_tb01 th.table_title{width: 100%; height:48px; background: #ededed; text-align: center;} 
.trem_tb01 td{height:45px; vertical-align: middle;}


/**********************************************
 텍스원포인트 충전 팝업
***********************************************/
.point_popup{width:100%; height:100%; position:fixed; top:0; left:0; background-color:rgba(0,0,0,0.6);}
.point_popup .popWrap > .box{position:absolute; left:50%; top:50%; background:#fff; transform:translate(-50%,-50%);}

/*타이틀*/
.popWrap > .box > p.tit{text-align:center; padding:13px; font-size:18px; font-weight:bold; color:#fff; background-color:#003580;}


/*설명 및 테이블*/
.popWrap > .box > div.tbl{padding: 20px; padding-top: 16px;}
.popWrap > .box > div.tbl > ul.info{font-size:14px;}
.popWrap > .box > div.tbl > ul.info > li{margin-bottom:5px;}
.popWrap > .box > div.tbl > ul.info > li:last-child{margin-bottom:20px;}

.popWrap > .box > div.tbl > table {border-top:2px solid #565c6b; font-size:14px; width: 450px;}
.popWrap > .box > div.tbl > table th,
.popWrap > .box > div.tbl > table td {height:30px;border-bottom:1px solid #cacaca; border-left:1px solid #cacaca; text-align:center; padding: 2px 0;}
.popWrap > .box > div.tbl > table th {background:#f6f6f6;}
.popWrap > .box > div.tbl > table tr th:first-child,
.popWrap > .box > div.tbl > table tr td:first-child {border-left:0;}


/*닫기버튼*/
/*.popWrap > .box > .btnWrap{display:flex; justify-content: end; align-items: center; height: 46px; background: #f3f3f3; padding-left: 25px;}*/
/*.popWrap > .box > .btnWrap > .popChk input[type="checkbox"]{margin-bottom:3px; width:15px; height:15px;}*/
.popWrap > .box > a.popClose{position: absolute; z-index: 9; background: #fff; color: #111; display: inline-block; right: 7px; top: 12px; padding: 4px 22px;
 font-weight: bold; border-radius: 3px; font-size: 14px;}
 
 
/**********************************************
ISP/페이북 결제 설치오류관련 해결방법
***********************************************/
.point_popup2{width:100%; height:100%; position:fixed; top:0; left:0; background-color:rgba(0,0,0,0.6);}
.point_popup2 .popWrap2 > .box{position:absolute; left:50%; top:50%; background:#fff; transform:translate(-50%,-50%); width:560px}

/*타이틀*/
.popWrap2 > .box > p.tit{text-align:center; padding:13px; font-size:18px; font-weight:bold; color:#fff; background-color:#003580;}


/*설명 및 테이블*/
.popWrap2 > .box > div.tbl{padding: 20px; padding-top: 16px;}
.popWrap2 > .box > div.tbl > ul.info{font-size:16px;}
.popWrap2 > .box > div.tbl > ul.info > li{margin-bottom:8px;}
.popWrap2 > .box > div.tbl > ul.info > li:last-child{margin-bottom:20px;}

.popWrap2 > .box > div.tbl > table {border-top:2px solid #565c6b; font-size:14px; width: 450px;}
.popWrap2 > .box > div.tbl > table th,
.popWrap2 > .box > div.tbl > table td {height:30px;border-bottom:1px solid #cacaca; border-left:1px solid #cacaca; text-align:center; padding: 2px 0;}
.popWrap2 > .box > div.tbl > table th {background:#f6f6f6;}
.popWrap2 > .box > div.tbl > table tr th:first-child,
.popWrap2 > .box > div.tbl > table tr td:first-child {border-left:0;}


/*닫기버튼*/
/*.popWrap > .box > .btnWrap{display:flex; justify-content: end; align-items: center; height: 46px; background: #f3f3f3; padding-left: 25px;}*/
/*.popWrap > .box > .btnWrap > .popChk input[type="checkbox"]{margin-bottom:3px; width:15px; height:15px;}*/
.popWrap2 > .box > a.popClose2{position: absolute; z-index: 9; background: #fff; color: #111; display: inline-block; right: 13px; top: 12px; padding: 4px 22px;
 font-weight: bold; border-radius: 3px; font-size: 14px;}