@charset "utf-8";

table, div { border-collapse: collapse;}

.wrap{width:100%;position:relative;max-width: 768px;margin: auto;}

.header{width:100%;background:#fff;position: fixed;top: 0px;z-index:100;}
.menu{width:calc(100% - 2px);height:50px;margin:0px;padding:0px;background:#1c4293;;border:1px solid #345fa0;border-top:0px;}
.menu:last-child{width:calc(100% - 2px);height:50px;margin:0px;padding:0px;background:#1c4293;;border-top:0px;border-top:0px;}
.menu li{float:left;height:50px;line-height:50px;text-align:center;background:#1c4293;color:#fff;font-size:15px;border-right:1px solid #345fa0}


.contents{width:100%;min-height:500px;margin-top:60px;}
.slider{width:100%;}
.slider table{width:100%;padding:0px;margin:0px;border:0px;}
.slider table td{border:1px solid #fff;border-right: 1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5;text-align:center;height:30px;line-height:30px;font-size:14px;color:#555;}
.slider table td a{line-height:30px;}
.slider table tr>td:last-child{border-right:4px #ffff}
.slider table td.active{border:2px solid #1c4293 !important;}
.main_contents1 {width:calc(100% - 30px);margin:0 15px;overflow-x:auto;overflow-y:hidden;min-height:355px;}
.main_contents1 ul{width:1000px;}
.main_contents1 li{width:250px;float:left;margin-right:15px;}

.main_contents2 {100%;overflow-x:auto;overflow-y:hidden;background:#f5f5f5;height:434px;}
.main_contents2 .sub{width:calc(100% - 30px);margin:0 15px;overflow-x:auto;overflow-y:hidden;}
.main_contents2 .sub ul{width:1000px;}
.main_contents2 .sub li{width:250px;float:left;margin-right:15px;}

.main_contents3 {width:calc(100% - 30px);margin:0 15px;overflow-x:auto;overflow-y:hidden;min-height:355px;}
.main_contents3 ul{width:100%;}
.main_contents3 li{width:100%;}
.main_contents3 .i_info{width:calc(100% - 22px);padding:10px;}
.main_contents3 .i_info a {width:auto;float:left;padding:0 5px;border-right:#e5e5e5 solid 1px;margin-top:5px;}

.sub_tab_contants{width:calc(100% - 30px);margin:0 15px;height:33px}
.sub_tab_contants ul {height:15px;width:100%}
.sub_tab_contants ul li {float:left;margin-right:15px;font-size:15px;line-height:15px;color:#000;font-weight:bold;padding-bottom:10px;cursor:pointer;}
.sub_tab_contants ul li.active{color:#1c438e;border-bottom:solid 2px #1c438e;}
.sub_tab_contants ul li:last-child{margin-right:0px;}

.main_contents2 table{width:calc(100% - 30px);margin:0 15px;}
.main_contents2 table th{font-size:14px;font-weight:bold;color:#333;line-height:14px;text-align:left}
.main_contents2 table td{font-size:12px;color:#555;line-height:12px;}

.i_info{
	position: relative;
	width:248px;
	min-height:100px;
	border: 1px solid #e1e1e1;
	border-top:0px;
	background:#fff
}

.i_info>p{
	font-size:15px;
	line-height:20px;
	font-weight:bold;
	padding-top:20px;
	padding-left:20px;
	color:#5d5d5d;
	min-height:25px;
}

.i_info>p:last-child{color:#1565bc;margin-bottom:10px;}

.i_info>h3{
	font-size:15px;
	font-weight:bold;
	color:#333;
	padding-top:10px;
	padding-left:20px;
	height:20px;
	line-height:20px;
}

ul  li a .best-icon{
	padding:20px 14px 20px 14px;
	background:#41c2ec;
	color:#fff;
	position: relative;
	right: 0px;
	top: 37px;
	z-index:50;
	font-weight:bold;
	font-size:13px;
}

h2{width:100%;font-size:20px;font-weight:bold;color:#333;height:20px;line-height:20px;text-align:center;margin-top:40px;}




footer table{width:width:calc(100% - 30px);margin:0 15px;}
footer table td{float:left;font-size:12px;color:#555;padding:25px 0px;}
footer ul{width:width:calc(100% - 30px);margin:0 15px;}
footer ul li{float:left;font-size:12px;color:#555;width:100%;line-height:12px;}

.contents>h2{width:80%;font-size:20px;font-weight:bold;color:#333;height:20px;margin-top:20px;margin-left:15px;text-align:left}
.contents>table.depth2{}
.contents>table.depth2{width:100%;padding:0px;margin:0px;border:0px;min-height:30px;}
.contents>table.depth2 td{border:1px solid #e5e5e5;border-right:0px;text-align:center;height:45px;line-height:45px;font-size:15px;font-weight:bold;color:#555;background:#f4f4f4}
.contents>table.depth2 tr td:last-child{border-right:1px solid #e5e5e5;}
.contents>table.depth2 tr:nth-child(n+2) td{border-top:0px;}
.contents>table.depth2 td a{line-height:30px;}
.contents>table.depth2 td.active{border:1px solid #333 !important; background:#fff;}

.contents>ul.depth2{float:left;width:100%;padding:0px;margin:0px;border:0px;}
.contents>ul.depth2 li{width:calc((100% - 6px)/3);float:left;border:1px solid #e5e5e5;text-align:center;height:45px;line-height:45px;font-size:15px;font-weight:bold;color:#555;background:#f4f4f4}
.contents>ul.depth2 li:nth-child(3n){border-right:1px solid #e5e5e5;}
.contents>ul.depth2 li.active{border:1px solid #333 !important; background:#fff;}


.btn_div{width:calc(100% - 30px);margin:0 10px;text-align:center;line-height:50px;word-break: keep-all;}
.btn_div span{font-size:14px;color:#333;border:1px solid #e5e5e5;padding:10px 20px;border-radius:30px;margin-left:5px;}
.btn_div span:first-child{margin-left:0px;}
.btn_div span.active{background:#1b4292;color:#fff;border:0px;}

.btn_div2{width:100%;margin:0;text-align:center;line-height:50px;word-break: keep-all;}
.btn_div2 li{width:calc(20% - 20px);font-size:14px;color:#333;border:1px solid #e5e5e5;padding:10px 10px;border-radius:15px;margin-left:4%;float:left;display: inline-block;
  word-wrap: break-word;line-height: 14px;text-align: center;}
.btn_div2 li.active{background:#1b4292;color:#fff;border:0px;}

.list_filter{width:100%;margin:0 auto;height:15px;font-size:13px;font-weight:bold;color:#333;}
.list_filter ul{margin-right:15px;margin-top:20px;height:15px}
.list_filter ul li{float:right;margin-right:15px;color:#888;font-weight:bold;line-height:15px;cursor:pointer;}
.list_filter ul li:first-child{margin-right:0px;}
.list_filter ul li.active{color:#333;}

.contents>table.item{width:100%;font-size:15px;}
.contents>table.item th{padding:30px 15px;border-top:solid 1px #e5e5e5}
.contents>table.item td{border-top:solid 1px #e5e5e5}
.contents>table.item td ul{margin-right:15px;}
.contents>table.item tr:last-child th{border-bottom:solid 1px #e5e5e5}
.contents>table.item tr:last-child td{border-bottom:solid 1px #e5e5e5}
.contents>table.item td li:nth-child(1){color:#555}
.contents>table.item td li:nth-child(2){color:#333;font-weight:bold;margin-top:10px;}
.contents>table.item td li:nth-child(3){color:#1665bf;font-weight:bold;margin-top:20px;}

.login_tab{width:100%;margin:0px auto;height:45px}
.login_tab ul{width:100%;height:45px;}
.login_tab li:nth-child(1){height:45px;line-height:45px;float:left;width:50%;border:0px;text-align:center;background:#f4f4f4;border-bottom:1px solid #333}
.login_tab li:nth-child(2){height:45px;line-height:45px;float:left;width:50%;border:0px;text-align:center;background:#f4f4f4;border-bottom:1px solid #333}
.login_tab li:nth-child(1).active{height:45px;line-height:45px;float:left;width: calc(50% - 1px);border:0px;background:#fff;border-right:#333  1px solid;border-top:1px solid #333}
.login_tab li:nth-child(2).active{height:45px;line-height:45px;float:left;width: calc(50% - 1px);border:0px;background:#fff;border-left:#333  1px solid;border-top:1px solid #333}

.mypage_tab{width:100%;margin:0px auto;height:45px}
.mypage_tab ul{width:100%;height:45px;}
.mypage_tab li{height:45px;line-height:45px;float:left;width:calc(25% - 1px);border-right:1px #e5e5e5 solid;text-align:center;background:#f4f4f4;border-bottom:1px solid #333}
.mypage_tab li:last-child{border-right:0px;width:25%}
.mypage_tab li:nth-child(1).active{height:45px;line-height:45px;float:left;width: calc(25% - 1px);border:0px;background:#fff;border-right:#333  1px solid;border-top:1px solid #333}
.mypage_tab li:nth-child(2).active{height:45px;line-height:45px;float:left;width: calc(25% - 2px);border:0px;background:#fff;border-left:#333  1px solid;border-right:#333  1px solid;border-top:1px solid #333}
.mypage_tab li:nth-child(3).active{height:45px;line-height:45px;float:left;width: calc(25% - 2px);border:0px;background:#fff;border-left:#333  1px solid;border-right:#333  1px solid;border-top:1px solid #333}
.mypage_tab li:nth-child(4).active{height:45px;line-height:45px;float:left;width: calc(25% - 1px);border:0px;background:#fff;border-left:#333  1px solid;border-top:1px solid #333}

#login_div input{font-size:14px;font-weight:bold;width:calc(100% - 20px);padding:10px 10px;border:1px solid #e5e5e5}
#login_div {width:100%;min-height:300px;}
#login_div table {width: calc(100% - 30px);margin:0 15px;}
#login_div  table td {width:100%}
#login_div .login_btn{width:100%;height:50px;line-height:50px;color:#fff;font-weight:bold;font-size:18px;background:#1b4292;text-align:center;}

#no_member {width:100%;min-height:300px;}
#no_member input{font-size:14px;font-weight:bold;width:calc(100% - 20px);padding:10px 10px;border:1px solid #e5e5e5}
#no_member {width:100%;min-height:300px;}
#no_member table {width: calc(100% - 30px);margin:0 15px;}
#no_member  table td {width:100%}
#no_member .login_btn{width:100%;height:50px;line-height:50px;color:#fff;font-weight:bold;font-size:18px;background:#1b4292;text-align:center;}

.sns_box{width: calc(100% - 30px);margin:15px;height:200px;}
.sns_box li{width:100%;height:60px;line-height:60px;border:solid 1px #e5e5e5;margin-top:10px; text-align:center}


#item_info{width:100%;border-top:1px solid #333}
#item_info .item_name{font-size:20px;font-weight:bold;color:#333;padding:30px 15px 0px 15px;}
#item_info .item_price{font-size:20px;font-weight:bold;color:#1665bf;padding:20px 15px 0px 15px; }
#item_info .btn{padding:20px 15px 0px 15px;}
#item_info .sns{padding:20px 15px 0px 15px;text-align:right}
#item_info .btn span{font-size:13px;color:#fff;background:#41c2ec;padding:10px 15px;}

.calendar_title {width:calc(100% - 30px);margin:0px 15px;text-align:center;font-size:20px;color:#333;font-weight:bold;padding-top:30px;padding-bottom:20px;border-top:solid 1px #e5e5e5;}
.calendar_title .prev{float:left;}
.calendar_title .next{float:right;}
.calendar_table{width:calc(100% - 30px);margin:0px 15px;text-align:center}

.calendar_table  tbody .co1{background:#c2e4f4;color:#333;cursor:pointer}
.calendar_table  tbody .co2{background:#f8d341;color:#333;cursor:pointer}
.calendar_table  tbody .co3{background:#eeeeee;color:#333;cursor:pointer}
.calendar_table  tbody .co4{background:#cfa9b1;color:#333;cursor:pointer}
.calendar_table tr>td:nth-child(1){color:#ff0000}
.calendar_table tr>td:nth-child(7){color:#0099ff}
.calendar_table  tbody td{height:44px;}
.calendar_table  tbody td.active{border:solid 2px #1c4293 !important;}
.calendar_table  .sat{color:#0099ff !important}
.calendar_table  .sun{color:#ff0000 !important}
#calendar_div dl {width:calc(100% - 30px);margin:15px 15px 30px 15px;height:20px;}
#calendar_div dl dd {margin-left:20px;line-height:15px;float:right}
#calendar_div dl dd .ic1{border-radius:50%;width:15px;height:15px;background:#c2e4f4;cursor:default;}
#calendar_div dl dd .ic2{border-radius:50%;width:15px;height:15px;background:#f8d341;cursor:default;}
#calendar_div dl dd .ic3{border-radius:50%;width:15px;height:15px;background:#eeeeee;cursor:default;}
#calendar_div dl dd .ic4{border-radius:50%;width:15px;height:15px;background:#cfa9b1;cursor:default;}

.table_col{width:100%;font-size:15px;}
.table_col th{color:#333;background:#f4f4f4;text-align:left;height:50px;border-top:1px solid #e5e5e5;font-weight:bold;padding-left:15px;padding-right:15px;}
.table_col td{color:#555;text-align:left;border-top:1px solid #e5e5e5;padding-left:15px;padding-right:15px;height:50px;}
.table_col tr:last-child td,.table_col tr:last-child th{border-bottom:1px solid #e5e5e5}
.table_col tr.active td{background:#f4f4f4;}
.table_col input{font-size:15px;width:calc(100% - 22px);padding:10px 10px;border:1px solid #e5e5e5;}
.table_col textarea{font-size:15px;width:calc(100% - 22px);padding:10px 10px;border:1px solid #e5e5e5;}
.table_col select{font-size:15px;font-weight:bold;width:100%;padding:10px 10px;border:1px solid #e5e5e5;}
.table_col .mail dl{width:100&;height:39px;}
.table_col .mail dl dd{float:left;height:39px;text-align:center;line-height:39px;}
.table_col .mail dl dd:nth-child(1){width:calc(60% - 30px)}
.table_col .mail dl dd:nth-child(2){width:30px;text-align:center}
.table_col .mail dl dd:nth-child(3){width:40%}

.table_col .agree_box{width:100%;min-height:180px;background:#f4f4f4;padding-bottom:10px;padding-top:10px;border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5}
.table_col .agree_box div{width:calc(100% - 42px);background:#fff;border:1px solid #e5e5e5;background:#fff;padding:20px;font-size:12px;color:#555}

table, div { border-collapse: collapse;}

.detail_tab{height:57px;width:100%;background:#fff;z-index:100;}
.detail_tab ul{width:100%;font-size:15px;font-weight:bold;color:#333;height:55px;border-bottom:1px solid #333;border-top:1px solid #333;}
.detail_tab ul li{float:left;height:15px;line-height:15px;padding:20px 15px;}
.detail_tab ul li.active{border-bottom:solid 3px #1b4292}
.tab_contents {width:100%;margin-top:20px;display:none}
.tab_contents.active{display:table;}

.tab_contents .editor_desc{width:calc(100% - 22px);border-top:1px solid #e5e5e5;border-bottom:20px solid #e5e5e5;padding:30px 10px;font-size:15px;}
.tab_contents .editor_desc table td {border:1 !important;}
.tab_contents .editor_desc img{width:100%;}
.plan_table{width:100%;border:1px #e5e5e5 solid;margin-bottom:20px;}
.plan_table tbody tr td{font-size:14px;line-height:24px;font-weight:bold;vertical-align:top;padding-bottom:10px;}
.plan_table tbody tr .line{border-right:#e5e5e5 solid 1px;padding-right:1px;width:5px;position:static;}
.plan_table tbody tr .title{padding-left:30px;width:100px;color:#333}
.plan_table tbody tr .time{padding-left:30px;width:100px;color:#1b4292}
.plan_table tbody tr .text{padding-left:30px;color:#555;font-weight:normal;}
.plan_table thead th{padding-left:20px;line-height:46px;height:46px;font-size:16px;font-weight:bold;color:#333;background:#f4f4f4}
.plan_table tbody tr td:last-child{padding-right:15px;}


.layou_pop{position:fixed;z-index:1000;top:0px;width:100%;height:100%;background:#fff;}
.layou_pop h2{width:calc(100% - 15px);margin-top:20px;text-align:left;padding-left:15px;border-bottom:1px solid #333;padding-bottom:20px;}
.layou_pop .img{width:calc(100% - 30px);margin:30px 15px;}

.layou_pop_mini{position:fixed;top:0px;z-index:400;width:100%;height:100%;}
.layou_pop_mini .bg{position:fixed;z-index:500;top:0px;width:100%;height:100%;background:#000;opacity: 0.7;}
.layou_pop_mini .sub{width:100%;position:fixed;top:200px;height:300px;background:#fff;opacity: 1;z-index:600;}
.layou_pop_mini .sub h2{width:calc(100% - 15px);margin-top:20px;text-align:left;padding-left:15px;border-bottom:1px solid #333;padding-bottom:20px;}

.layou_pop_mini .sns_box .img_box{width:100%;height:70px;margin:30px auto 20px auto;}
.layou_pop_mini .input_box{width:92%;height:34px;margin:0 4%;}
.input_box input{width:70%;height:26px;line-height:26px;padding:3px;font-size:13px;color:#333;margin:0px auto;border:solid 1px #e5e5e5;}
.input_box .link_btn{width:25%;height:34px;background:#d1d1d1;font-size:13px;color:#333;float:right;line-height:34px;text-align:center;cursor:pointer;}
.layou_pop_mini .img_box img{width:20%;margin-left:4%;}
.layou_pop_mini .sns_box .table table{margin-top:20px;}
.layou_pop_mini .sns_box .table td{border:0px;height:30px;line-height:30px;}
.layou_pop_mini .sns_box .table th{border:0px;color:#1b4292;font-size:14px;font-weight:bold;}
.layou_pop_mini .sns_box .table table input{height:26px;line-height:26px;padding:3px;font-size:13px;color:#333;margin:0px auto;border:solid 1px #e5e5e5;}
.layou_pop_mini .sns_box .table textarea{border:1px solid #e5e5e5;}
.layou_pop_mini .send_btn{padding:7px 10px;line-height:50px;background:#1c4293;text-align:center;color:#fff;font-size:13px;cursor:pointer;}
.layou_pop_mini .cancel_btn{padding:7px 30px;line-height:50px;background:#d1d1d1;text-align:center;color:#333;font-size:13px;cursor:pointer;}



#mail_info {width:100%;}
#mail_info td{font-size:15px;height:15px;padding:0 15px;}
#mail_info input{width:calc(100% - 22px);font-size:15px;padding:5px 10px;height:30px;line-height:35px;}
#mail_info textarea{width:calc(100% - 22px);font-size:15px;padding:5px 10px;}
#mail_info select{height:42px;}
#mail_info #email_1{width:calc(60% - 37px);}
#mail_info #email_2{width:calc(40% - 22px);}
#mail_info .mail dl{width:100&;height:53px;}
#mail_info .mail dl dd{float:left;height:53px;text-align:center;line-height:53px;}
#mail_info .mail dl dd:nth-child(1){width:calc(60% - 30px)}
#mail_info .mail dl dd:nth-child(2){width:30px;}
#mail_info .mail dl dd:nth-child(3){width:40%}
#mail_info .agree_box{width:100%;min-height:180px;background:#f4f4f4;padding-bottom:10px;padding-top:10px;border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5}
#mail_info .agree_box div{width:calc(100% - 42px);background:#fff;border:1px solid #e5e5e5;background:#fff;padding:20px;font-size:15px;color:#555}
#mail_info .send_btn{margin:0 15px;height:60px;;line-height:60px;text-align:center;font-size:18px;font-weight:bold;color:#fff;background:#1b4292;}
.cnt_box{width:100%;position:fixed;z-index:900;top:81px;height:calc(100% - 142px);background:#fff;border:solid 1px #e5e5e5}
.cnt_box .down_box{width:100px;height:23px;margin:0 auto;border:solid 1px #e5e5e5;margin-top:-23px;background:#fff;z-index:1000;border-bottom:0px;}
.cnt_box input{height:13px;padding:3px 3px;width:40px;text-align:center}


.datepicker{position:absolute;border:1px solid #999999;background:#fff}
.datepicker .prev{font-size:15px;}
.datepicker table td{padding:10px;font-weight:normal;text-align:center;color:#333}
.datepicker table th{padding:10px;font-weight:normal;text-align:center;color:#333}
.datepicker .datepicker-switch{font-weight:bold;}
.datepicker table tbody td:first-child{color:#f75c48}
.datepicker table tbody td:last-child{color:#1665bf}
.datepicker table tr td.old,
.datepicker table tr td.new {color:#999999; font-size:14px;}
.datepicker-days > table { font-size:15px; font-weight: bold;}


.default_btn{width:150px;height:50px;line-height:50px;border:0px;background:#1b4291;text-align:center;color:#fff;font-size:16px;font-weight:bold;cursor:pointer;float:left;padding:0px;}
.cancel_btn{width:150px;height:50px;line-height:50px;border:0px;background:#d1d1d1;text-align:center;color:#333;font-size:16px;font-weight:bold;cursor:pointer;float:left;padding:0px;}


.btn_ul {width:100%;height:37px;}
.btn_ul li{width:calc(20% - 2px);border:solid 1px #e5e5e5;font-size:13px;color:#555;float:left;margin-left:3%;height:35px;line-height:35px;text-align:center}
.btn_ul li:last-child{width:calc(31% - 2px);}
.btn_ul li:first-child{margin-left:0;}
.btn_ul li.active{background:#d1d1d1;color:#333}
.date_ul {width:100%;height:37px;}
.date_ul li{font-size:13px;color:#555;float:left;height:37px;line-height:37px;text-align:center}
.date_ul input{font-size:13px;font-weight:bold;width:calc(100% - 20px);padding:10px 10px;border:1px solid #e5e5e5}

.item_ul {width:100%;}
.item_ul li{width:calc(100% - 30px);padding:0 15px;border-top:1px solid #e5e5e5;font-size:15px;}
.item_ul li dt{color:#f75c48;text-align:left}
.item_ul li .title{font-weight:bold;color:#333;text-align:left;}
.item_ul li .price{font-weight:bold;color:#1665bf;text-align:left;}
.item_ul li .date{color:#888;text-align:left;}
.item_ul li:last-child{border-bottom:1px solid #e5e5e5;}
