@charset "utf-8";

/* base */
html,body{width:100%;}
html{overflow-y:scroll}
body{font-family: "나눔바른고딕","NanumBarunGothic", 'dotum' ,Helvetica,sans-serif;line-height:1.5;font-size:12px;color:#666;background-color:#fff;*word-break:break-all;-ms-word-break:break-all}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,form,fieldset,p,button,input,select{margin:0;padding:0;vertical-align:top}
h1,h2,h3,h4{color:#333}
img,fieldset,iframe{border:0 none}
li{list-style:none}
input,button{vertical-align:middle}
img{vertical-align:top}
i,em,address{font-style:normal}
label,button{cursor:pointer}
button{border:0;font-size:12px;font-family: "나눔바른고딕","NanumBarunGothic", 'Dotum', sans-serif;display:inline-block; zoom:1; *display:inline;}
a{color:#666;text-decoration:none}
a:hover{color:#3399cc;text-decoration:none}
button *{position:relative}
hr{display:none}
legend{*width:0}
table{/* border-collapse:collapse;table-layout:fixed; */border-collapse:collapse;border-spacing:0}
caption,label{display:none}
span{margin:0;padding:0;/*display:inline-block;*/ zoom:1; *display:inline;}
input[type="text"],input[type="password"]{border:1px solid #ccc;height:27px;line-height:27px;background:#fff;padding:0;margin:0;text-indent: 5px;}
input[type="file"]{height:29px;}
select{border:none;display:block}
iframe{max-width:100%;max-height:100%}
textarea{font-family: "나눔바른고딕","NanumBarunGothic", 'Dotum', sans-serif}

/* skip navigation */
#u_skip{position:relative;z-index:2147483647}
#u_skip a{position:absolute;left:40%;top:-110px;width:138px;background:#333;border:1px solid #4ec53d;text-align:center;outline:none}
#u_skip a:active,
#u_skip a:focus{top:0;text-decoration:none;cursor:pointer;zoom:1}
#u_skip span{display:inline-block;padding:2px 6px 0 0;background:#333;font-size:11px;letter-spacing:-1px;color:#fff;line-height:26px}

/* Layout */
.wrap{clear:both;width:1200px;margin: auto;}
#header{position: absolute;top: 0;left: 0;width:100%;overflow: hidden;z-index:100}
#header div.section01{height:68px;width:100%;background-color:#fff;border-bottom:2px solid #185ead;}
#header div.section02{width:100%;padding-bottom:0;background:url('/img/sub_menu_bg.png') 0 100% repeat-x;display:block}
#header h1{float:left;width:209px;height:36px;background:url('/img/logo.png') no-repeat;margin-top:19px;text-indent:-9999px}
#header .gnb{float:left;margin:30px 0 0 50px;z-index:105;display:inline-block}
#header .gnb li{float:left;width:135px;height: 20px;line-height: 20px;text-align:center;font-size:15px;font-weight:bold}
#header .gnb li~li{border-left:1px solid #e3e3e3}
#header .gnb li a{line-height: 20px;color:#333;display:inline-block}
#header .gnb li.on a{color:#c33}
#header .member{float:right;margin:30px 0 0}
#header .member li{float:left;line-height: 20px}
#header .member li~li{margin-left:17px}
#header .member li a{font-weight:bold;color:#999;line-height: 20px;display:inline-block}
#header .subMenu{display:none;height: 190px;padding-left:258px;padding-bottom: 1px;}
#header .subMenu h2{display:none}
#header .subMenu div{float:left;width:135px;height:190px;text-align: center;border-right:1px solid #ececec}
#header .subMenu div:first-child{border-left:1px solid #ececec}
#header .subMenu div.on{background:#f8f8f8}
#header .subMenu ul{margin-top:16px;width:100%;display:inline-block}
#header .subMenu li{clear:both;height:30px;text-align: left;}
#header .subMenu li.on{background:#3F84EB}
#header .subMenu li a{padding-left:17px;line-height:30px;width:90%;background:url('../images/common/ico01.gif') no-repeat 10px 13px;display:inline-block}
#header .subMenu li a:hover{background:#ee3a30;color:#fff;background:url('../images/common/ico02.gif') no-repeat 10px 13px}
#footer{width:100%;padding:34px 0 67px;background:#2B3640;color:#b2b7bf}
.f_logo{float:left;width:359px;height:86px;background:url('/img/f_logo.png') no-repeat;text-indent:-9999px}
#footer .right{float:right;max-width:1000px}
#footer .wrap,.f_cont{display:inline-block}
#footer .wrap{display:table}
.f_cont ul{float:left;margin-top:4px;display:inline-block}
.f_cont li{float:left;height:15px;line-height:15px;padding:0 15px}
.f_cont li:first-child{padding-left:0}
.f_cont li~li{border-left:1px solid #6c737e}
.f_cont li a{line-height:15px;color:#fff;font-size:14px;font-weight:bold}
.f_site{float:right;margin-left:65px}
.f_site select{float:left;width:160px;border:1px solid #abadb3;height:20px;color:#666}
.f_site button{float:left;margin-left:4px;height:20px;line-height:20px;padding:0 5px;color:#ccc;background:#434343}
.copyRight{clear:both;width:100%;margin-top:18px;line-height: 1.7}
.copyRight a{color:#899fc3}
#lnb{float:left;width:238px;margin-left:1px}

/* table layout */
.dis_table{display:table !important;width:100%}
.dis_table .td{display:table-cell}
.dis_table .tr{display:table-row}

.con_table{display:table !important;width:100%}
.con_table .td{display:table-cell}
.con_table .tr{display:table-row}

/* main */
.main_banner{clear:both;margin-top:70px;height:360px;width:100%;/*padding-top:70px;*/background-color:#f1f1f1;z-index:10}
.main_banner .wrap{position:relative;height: 360px;z-index:20}
.main_banner ul{position:absolute;width:76px;right:15px;bottom: 17px;z-index:50}
.main_banner ul li{float:left;margin-right:4px;height:20px;width:20px;text-align:center;font-weight:bold;font-size:14px;cursor:pointer;background-color:rgba(0,0,0,0.25)}
.main_banner ul li~li{margin-left:0.2%}
.main_banner ul li.on{background:url('../images/main/bg03.png') repeat-x}
.main_banner ul li a{color:#fff;line-height:20px;display:inline-block;width:100%}
.main_banner img.bannerImg{width:100%}
.main_banner div.banner01,
.main_banner div.banner02,
.main_banner div.banner03,
.main_banner div.banner04,
.main_banner div.banner05{position:absolute;z-index:30}
.main_banner img.goLink{position:absolute;top:195px;left:60px}
.main_cont{display: inline-block;width: 100%;margin:27px 0;line-height: 1.2;}
.main_cont > div{padding-top:17px;}
.main_cont div.left{float:left;padding-left:193px;width:405px;height:140px;border-right:1px solid #e4e4e4;background:url('../images/main/img02.gif') no-repeat 45px 17px}
.main_cont div.right{float:right;width:416px;padding-left:145px;background:url('../images/main/img03.gif') no-repeat 0 17px}
.main_cont div p{font-size:15px}
.main_cont div p strong{font-size:18px;color:#333}
.main_cont div p span{font-size:12px}
.main_cont div p~p{margin-top:10px}
.main_cont h2{margin-bottom:15px;}

.main_cont .price_info li > span{display:block;}
.main_cont .price_info .icon{float:left;margin-right:5px;width:125px;height:87px;background:url('../images/main/price.png') no-repeat;}
.main_cont .price_info .sms{background-position:0 0}
.main_cont .price_info .lms{background-position:-125px 0}
.main_cont .price_info .mms{background-position:-250px 0}
.main_cont .price_info .title{margin-top:10px;font-size:25px;color:#29415b;font-weight:600}
.main_cont .price_info .sub_title{color:#636363;}
.main_cont .price_info .price{margin-top:8px;font-size:15px;color:#636363;}
.main_cont .bar{background:url('../images/main/price_bar.gif') no-repeat 305px 9px;}

.main_cont .sms_info{width:200px;}
.main_cont .sms_info > div{padding:20px 14px;height:45px;background-color:#f2f2f2}
.main_cont .sms_info .bullet{margin-right:4px;font-size:7px;}
.main_service{clear:both;width:100%;height:176px;background:#f9f9f9;display:inline-block}
.main_service .left{float:left;background:#eee;width:190px;text-align:center;}
.main_service .left h2{display: none;}
.main_service .left ul{clear:both;width:100%;margin:0;display:inline-block}
.main_service .left li{text-align:left;line-height:43px;border-top:1px solid #fff}
.main_service .left li a{width:150px;padding-left:20px;font-weight:bold;line-height:37px;display:inline-block;cursor:pointer}
.main_service .left li.on,
.main_service .left li:hover{background:#71a0b6}
.main_service .left li.on a,
.main_service .left li:hover a{color:#fff;background:url('../images/common/ico05.gif') no-repeat 100% 50%}

.main_service .right{float:left;max-width: 980px;}
.main_service h3{display:none}
.main_service ul{margin:30px 0 0 80px;display:inline-block}
.main_service .service01 li{float:left;position:relative;height:86px;background:url('../images/main/service01.png') no-repeat}
.main_service .service02 li{float:left;position:relative;height:86px;background:url('../images/main/service02.png') no-repeat}
.main_service .service03 li{float:left;position:relative;height:86px;background:url('../images/main/service03.png') no-repeat}
.main_service .service04 li{float:left;position:relative;height:86px;background:url('../images/main/service04.png') no-repeat}
.main_service li.list01{width:84px;background-position:0 0}
.main_service li.list02{width:100px;margin-left:56px;background-position:-170px 0}
.main_service li.list03{width:120px;margin-left:46px;background-position:-315px 0}
.main_service li.list04{width:120px;margin-left:46px;background-position:-475px 0}
.main_service li.list05{width:100px;margin-left:46px;background-position:-640px 0}
.main_service li.list06{width:110px;margin-left:50px;background-position:-790px 0}
.main_service .service01 li.list01{width:81px}
.main_service .service01 li.list02{margin-left:76px;width:94px}
.main_service .service01 li.list03{margin-left:70px;width:80px}
.main_service .service01 li.list04{margin-left:82px;width:79px}
.main_service .service02 li.list01{width:92px}
.main_service .service02 li.list02{margin-left:50px}
.main_service .service01 dl.pay_info{display:inline-block;margin-top:30px;margin-left:90px;padding:15px;width:180px;vertical-align:top;background-color:#e1e1e1}
.main_service .service01 dl.pay_info dt{margin-bottom:8px;font-size:18px;font-weight:bold;line-height:22px;color:#333}
.main_service .service01 dl.pay_info dd{font-size:13px;line-height:19px;}
.main_service .service01 dl.pay_info dd .bullet{display:inline-block;margin-right:3px;font-size:5px;vertical-align:top}
.main_service li p{position:absolute;top:84px;left:0;width:100%;text-align:center;font-weight:bold;color:#648390}
.main_service li p.list_title{position:relative;top:-15px;font-size:15px;}
.main_service a.go{clear:both;margin-top:30px;float:right;width:68px;height:12px;line-height:40px;color:#fff;font-weight:bold;text-align:center;display:inline-block;text-indent: -9999px;background:url('/img/btn01.png') no-repeat}
.main_service .service01 a.go{margin-top:22px;}
.main_customer{float:left;width:340px}
.main_notice,.main_faq{float:left;width:360px;margin-left:70px;}
.main_customer h2,.main_notice h2,.main_faq h2{width:100%;margin-bottom:15px;font-size: 16px;}
.main_customer .manual{position:relative;float:left;width:110px;height:100px;background:#f1f1f1 url('/img/img04.png') 50% 22px no-repeat}
.main_customer .manual a{display:inline-block;width:100%;height:100%}
.main_customer .manual span{position:absolute;width:100%;text-align:center;left:0;top:65px;color:#eb6c64;font-weight:bold}
.main_customer .center{float:left;height: 100px;width:225px;margin-left:5px;background:#f1f1f1;text-align:center}
.main_customer div p{clear:both;color:#4ba8c0;font-size:12px;}
.main_customer p.phone{display:inline-block;margin-top:23px;height:32px;line-height:32px;font-size:25px;padding-left:36px;background:url('../images/main/img05.png') no-repeat}
.main_cont .main_notice p{float:left;width:280px;font-size:12px;height: 24px;overflow: hidden}
.main_cont .main_notice p a,
.main_notice.st2 p a,
.main_cont .main_faq p a{display: inline-block;overflow: hidden;white-space: nowrap;line-height: 24px;text-overflow: ellipsis;max-width: 95%;}
.main_notice span{float:right;width:74px;}
.main_notice,.main_faq{line-height:24px}
.main_cont .main_faq p{width:100%;font-size:12px;height: 24px;overflow: hidden}
.main_cont .main_faq p a{max-width: 100%}

/* sub common */
.table{display: inline-block;width: 100%;}
.select{float:left;border:1px solid #ccc;height:23px;overflow:hidden;padding:4px 2px 0;background:#fff;display:inline-block;margin-right: 3px;}
.graybox2 .inbox .select{margin-top:0}
.block{display:table;width:100%;background:url('/img/left_bgg.gif') repeat-y}
.sub_banner{clear:both;height:150px;width:100%;padding-top: 70px;background:url('/img/bg01.gif') 0 70px repeat-x;z-index:10}
.main_banner{clear:both;margin-top:70px;height:350px;width:100%;/*padding-top:70px;*/background-color:#f1f1f1;z-index:10}
.sub_banner .sub01{width:100%;height:100%;background:url('/img/title_img01.jpg') no-repeat;display: inline-block;}
.sub_banner .sub02{width:100%;height:100%;background:url('/img/title_img01.jpg') no-repeat;display: inline-block;}
.sub_banner .sub03{width:100%;height:100%;background:url('/img/title_img01.jpg') no-repeat;display: inline-block;}
.sub_banner .sub04{width:100%;height:100%;background:url('/img/title_img01.jpg') no-repeat;display: inline-block;}
.sub_banner .sub05{width:100%;height:100%;background:url('/img/title_img01.jpg') no-repeat;display: inline-block;}
.sub_banner .sub06{width:100%;height:100%;background:url('/img/title_img01.jpg') no-repeat;display: inline-block;}
.l_myinfo{float:left;position:relative;width:220px;height:145px;padding:8px 0 0 20px;color:#fff;background:url('/img/bg01.png') no-repeat}
.l_myinfo .name{margin-bottom:5px;font-size:15px}
.l_myinfo .name span{font-weight:bold}
.l_myinfo .btns{position:absolute;bottom:10px;left:20px;width:204px}
.l_myinfo button{float:right;width:100px}
.l_myinfo button:first-child{float:left}
.l_myinfo a.join{display:inline-block;width:204px;height:56px;padding-top:15px;font-size:14px;text-align:center;color:#fff;background:url('../images/common/bg_joing.png') no-repeat;background-position:0 0}
.l_myinfo a.join:hover{background-position:0 -71px}
.sub_banner .right{position:relative;float:right;width:910px;display: inline-block;height: 150px}
.sub_banner h3{position:absolute;left:0;bottom: 28px;font-size:36px;height:50px;line-height:50px;padding-left:70px;color:#fff;font-weight:normal}

.sub_banner .sub01 h3{background:url('../images/sub/icon_h3_service.png') no-repeat}
.sub_banner .sub02 h3{background:url('../images/sub/icon_h3_mail.png') no-repeat}
.sub_banner .sub03 h3{background:url('../images/sub/icon_h3_message.png') no-repeat}
.sub_banner .sub04 h3{background:url('../images/sub/icon_h3_fax.png') no-repeat}
.sub_banner .sub05 h3{background:url('../images/sub/icon_h3_address.png') no-repeat}
.sub_banner .sub06 h3{background:url('../images/sub/icon_h3_customer.png') no-repeat}
.sub_banner .sub07 h3{background:url('../images/sub/icon_h3_mypage.png') no-repeat}
.sub_banner h3.cate01{background-position: 0 0}
.sub_banner h3.cate02{background-position: 0 -100px}
.sub_banner h3.cate03{background-position: 0 -201px}
.sub_banner h3.cate04{background-position: 0 -300px}
.sub_banner h3.cate05{background-position: 0 -400px}
.sub_banner h3.cate06{background-position: 0 -500px}


.sub_banner .location{position:absolute;right:20px;bottom:23px;color:#fff}
.block #contaner{float:right;width:915px;padding-bottom: 40px;}
.l_smenu{margin:24px 0 0 28px}
.l_smenu h2{font-size:25px;font-weight:normal}
.l_smenu ul{clear:both;margin-top:25px;display:inline-block}
.l_smenu ul li{position: relative;line-height:30px;width:185px;height:30px;min-width: 110px;font-size:14px}
.l_smenu ul li a{float: left;display:inline-block;padding-left:15px;background: url('/img/ico03_off.gif') no-repeat 0 50%;color:#777}
.l_smenu ul li a:hover{color:#444;background: url('/img/ico03.gif') no-repeat 0 50%;font-weight:bold;}
.l_smenu ul li.on a{color:#444;background: url('/img/ico03.gif') no-repeat 0 50%;font-weight:bold;}
.l_smenu ul li.on ul a{font-weight:normal}
.l_smenu ul li.on ul li.on a,
.l_smenu ul li.on ul a:hover{font-weight:bold}

.l_smenu ul li.sub_cate{display: inline-block;height:auto}
.l_smenu ul li.sub_cate ul{margin-top:0;width:185px;border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5}
.l_smenu ul li.sub_cate ul a{margin-left:12px;background: url('../images/common/ico04_off.gif') no-repeat 0 50%}
.l_smenu ul li.sub_cate ul a:hover,
.l_smenu ul li.sub_cate ul li.on a{background: url('../images/common/ico04.gif') no-repeat 0 50%}
.l_smenu ul li.sub_cate ul li.on{background:#f6f6f6}
.l_smenu ul li.sub_cate ul{display:none}
.l_smenu ul li.sub_cate ul.on{display:block}
.l_smenu ul li.sub_cate a{height:30px}


.l_banner{clear:both;margin-top:30px;width:100%;height:99px;border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;background:#fbfbfb}
.l_banner li{float:left;width:118px;height:100%;font-size: 13px;}
.l_banner li~li{border-left:1px solid #e5e5e5}
.l_banner  a{display:inline-block;width:100%;height:100%}
.l_banner .manual{position: relative;background: url('/img/img04.png') 50% 20px no-repeat;}
.l_banner span {position: absolute;width: 100%;text-align: center;left: 0;top: 63px;color: #eb6c64;font-weight: bold;}
.l_banner .customer{position: relative;background: url('/img/img05.png') 50% 20px no-repeat;}
.l_banner .customer span {color: #4ba8c0;}
.srch{display:table;width:100%;}
.srch select,
.graybox select{float:left;border:none}
.srch button{float:left;height:29px;padding: 0 5px;}
.list_foot{clear:both;position:relative;width:100%;margin:35px 0 35px;;display:inline-block}
.list_foot.st2{margin-bottom:0}
.list_foot.st3{margin:15px 0 50px}
.paging{width:400px;margin:auto;text-align: center;}
.paging button{vertical-align: top;}
.paging a{display:inline-block;width:22px;height:22px;line-height:22px;text-align:center;color:#999;}
.paging a:hover{background:#f7f7f7}
.paging a.on{color:#185EAD;font-weight:bold}
.list_foot .btns{position:absolute;right:0;top:-2.5px}
#contaner .btns button~button{margin-left:2px}
.graybox button.btn_blue,
.graybox button.btn_gray2{width:105px}
.graybox{width: 870px;background:#f3f3f3;padding:20px;display: inline-block;}
.input{float:left;border:1px solid #ccc;background:#fff;display:inline-block}
.input input[type='text']{float:left;border:none;background:#fff;width:505px;height:27px;line-height:27px;padding-left:5px}
.input.right{float:right;}
.input.right input[type='text']{float:left;width:150px}
.input button{float:left;height:27px;background:#fff;width:34px}
.graybox .btns{float:right}
.bord_box{clear:both;margin: 9px 0 20px;border-top:2px solid #666;border-bottom:1px solid #666;width:100%;display:inline-block}
.bord_box li~li{border-top:1px solid #e0e0e0}
.bord_box li{position: relative;padding:5px 0;width:100%;display:inline-table;}
.bord_box dt{float:left;font-weight:bold;color:#333;width:71px;height:29px;line-height:29px;padding-left:25px;margin-right:10px;background:url('../images/common/bar_blue.gif') no-repeat 100% 50%}
.bord_box dt label{display:block}
.bord_box.wide dt{width:90px;padding-left:20px;}
.bord_box.wide2 dt{width:110px;padding-left:10px;}
.bord_box.wide3 dt{width:135px;padding-left:10px;}
.bord_box.st2{margin:0;}
.bord_box.st2.bdn{border-top:none}
.bord_box.st3{margin:0;border-top:none;border-bottom:1px solid #ccc}
.bord_box.st3.list li{padding:5px 2%;width:96%}
.bord_box.st4{border-bottom: 1px solid #666;border-top: 1px solid #666;}

.table_leftGray_wrap > li{padding:0}
.table_leftGray{display:table;width:100%}
.table_leftGray dt,
.table_leftGray dd{display:table-cell !important;float:none !important;vertical-align:middle}
.table_leftGray dt{padding:7px 30px 7px 20px;background-color:#f8f8f8;}
.table_leftGray dd{padding-left:15px;}

.label_view{display:inline-block;margin-right:5px;vertical-align:middle}
button.btn_search{padding:0;}

/* 설문조사 스타일변경 */ 
.bord_box1{margin:9px 0 20px;border:1px solid #666}
.bord_box1 dt{float:left;font-weight:bold;color:#333;width:71px;height:29px;line-height:29px;padding-left:25px;margin-right:10px;background:url('../images/common/bar_blue.gif') no-repeat 100% 50%}
.bord_box1 dt label{display:block}
.bord_box1 li{overflow:hidden;position:relative;padding:7px 0;}

.dis_table > li{}
.dis_table > li > dt,
.dis_table > li > dd{display:table-cell;vertical-align:middle}
.dis_table > li > dt{float:none;padding:7px 0 7px 20px;background-color:#f8f8f8}
.dis_table > li > dd{padding:7px 0 7px 10px}
.dis_table > li > dd.poll {padding-top:15px;padding-bottom:0}
.bord_box1.dis_table li{padding:0}
.bord_box1.dis_table li:nth-child(1){border-bottom:1px solid #909090}
.dis_table > li > .poll{width:inherit}
.dis_table > li > .poll .btn_white{width:29px;height:29px;}
.dis_table > li > .poll .btn_white > span{top:5px;left:8px}
.dis_table > li > .poll .scroll_box{height:auto} 

label.radio{display:block;line-height:13px;}
.bord_box dd{float:left;line-height: 27px;display:inline-block}
.bord_box dd.longTxt{display:table}
.poll > #ans_type2 > .poll_ans{margin-bottom:13px}


.tab{height:34px;width:100%;display:inline-block;background:url('../images/common/bar_red.gif') 0 100% repeat-x}
.tab.st3{margin:50px 0 30px}
.tab ul,
.tab li{float:left;display:inline-block}
.tab li a{height:32px;line-height:32px;padding:0 20px;font-size:14px;border-top:1px solid #c7c7c7;border-right:1px solid #c7c7c7;border-left:1px solid #c7c7c7;background:#f8f8f8;font-weight:bold;display:inline-block}
.tab li.on a{border-bottom:1px solid #fff;background:#fff;color:#c33;border-top:1px solid #fd3e33;border-right:1px solid #fd3e33;border-left:1px solid #fd3e33}
.tab .info{float:right}
.bord_box dd button{height:29px;padding:0 15px}
.scroll_box{width:100%;height:270px;overflow:auto}
.lnb_ico{margin-left: 8px;border-radius: 2px;background:#4D9DE2;color: #fff;font-weight:bold;font-size:11px;padding: 4px 5px;line-height:1;}
.txt_info{color:#888}
.txtR.txt_info p{margin-right:5px}
.srch .btns{float:right}
.tab.st2{margin-top:50px;height:40px;background: transparent;border-bottom:2px solid #f2483c}
.tab.st2 li a {height: 39px;line-height: 39px;background:#e8e8e8;border-color:#e8e8e8}
.tab.st2 li.on a {border-bottom: 0;background:#f2483c;color:#fff;border-color:#f2483c}
.tab.st2 li~li{margin-left:2px}
.graybox2{width:850px;border:1px solid #e4e4e4;background:#f6f6f6;padding:19px 29px;margin-bottom:30px;display: inline-block;}
.graybox2.st2{padding: 1% 2%;width: 95.4%;font-weight: bold;margin: 10px 0 0;}
.scroll_box.st3{height: 545px;}
.scroll_box.st4{height:auto;max-height:300px}



/* button */
.btn_red{height:29px;padding-right: 5px;color:#fff;background-color:#00B3C5;border-radius:2px}
.btn_red.on{background-color:#00A1B1}
.btn_red2{height:29px;padding-right: 5px;color:#fff;font-weight:bold;background-color:#00B3C5}
.btn_red2.on{background-color:#00A1B1}
.btn_gray{text-align:center;color:#fff;background-color:#999}
.btn_gray.on{background-color:#777}
.btn_gray2{height:29px;text-align:center;color:#fff;background-color:#6f6f6f}
.btn_gray2.on{background-color:#595959}
.btn_blue{height:29px;text-align:center;color:#fff;background-color:#4D83D2}
.btn_blue.on{background-color:#2F68BB}
.btn_red3{text-align:center;color:#fff;background-color:#0095A5}
.btn_red3.on{background-color:#008290}
.btn_red4{text-align:center;color:#fff;background-color:#df6161}
.btn_red4.on{background-color:#d85050}
.btn_red5{text-align:center;color:#fff;background-color:#f2483c}
.btn_red5.on{background-color:#cf3e3e}

.btn_white{position:relative;width:22px;height:22px;border:1px solid #ccc;background:#fff;}
.btn_white.on{border:1px solid #999;background:#999;color:#fff}
.btn_white span{position:absolute;top:1px;left:4px}
.btn_white span.ico09,
.btn_white span.ico10,
.btn_white span.ico11,
.btn_white span.ico12{left:6px}
.btn_txt_red{height:29px;border:1px solid #3f84eb;color:#2E70D2;text-align:center;padding:0 20px;background:#fff;font-weight:bold}
.btn_txt_red.on{background:#3473D2;border:1px solid #3473D2;color:#fff}
.btn_txt_black{height:29px;border:1px solid #a8a8a8;color:#444;text-align:center;padding:0 20px;background:#fff;font-weight:bold}
.btn_txt_black.on{background:#777;border:1px solid #777;color:#fff}
.foot_btns{clear:both;display:inline-block;width:100%;margin:30px 0;text-align:center}
.foot_btns a.btn_blue,
.foot_btns button{height:37px;width:110px;font-size:13px;font-weight:bold;color:#fff}
.foot_btns a.btn_blue:hover{background-color:#52708a}
.sms_btn{height:47px;width:98px;background:url('../images/sub/btn_phone.png') no-repeat;text-indent:-9999px}
.reserv{background-position:0 0}
.reserv.on{background-position:0 -50px}
.send{background-position:-100px 0}
.send.on{background-position:-100px -50px}
.preview{background-position:-200px 0}
.preview.on{background-position:-200px -50px}
.btn_more{width:36px;height:7px;background:url('../images/common/ico_more.png') no-repeat;text-indent:-9999px}





/* icon image */
.icon{display: inline-block;vertical-align: middle;background:url('../images/common/icon_btn.png') no-repeat;text-indent:-9999px}
.ico01{width:10px;height:14px;background-position:-33px -2px;}
.ico02{width:14px;height:19px;background-position: -46px 1px;}
.ico03{width:14px;height:19px;background-position: -63px 1px;}
.ico04{width:10px;height:19px;background-position: -287px 1px;}
.ico05{width:14px;height:19px;background-position: 0 0;}
.ico06{width:14px;height:19px;background-position: -16px 1px;}
.ico07{width:10px;height:19px;background-position: -107px 1px;}
.ico07.on{background-position: -122px 1px;}
.ico08{width:15px;height:19px;background-position: -136px 2px;}
.ico08.on{background-position: -151px 2px;}
.ico09{width:10px;height:19px;background-position: -170px 1px;}
.ico09.on{background-position: -185px 1px;}
.ico10{width:10px;height:19px;background-position: -200px 1px;}
.ico10.on{background-position: -215px 1px;}
.ico11{width:10px;height:19px;background-position: -230px 1px;}
.ico11.on{background-position: -245px 1px;}
.ico12{width:10px;height:19px;background-position: -259px 1px;}
.ico12.on{background-position: -274px 1px;}
.ico13{width:15px;height:25px;background-position: -90px 5px;}
.ico14{width:12px;height:19px;background-position: -316px 1px;}
.ico14.on{background-position: -331px 1px;}
.ico15{width:12px;height:19px;background-position: -347px 1px;}
.ico15.on{background-position: -362px 1px;}
.ico16{width:15px;height:19px;background-position: -301px 1px;}
.ico17{width:15px;height:29px;background-position: -376px 6px;}
.ico18{width:12px;height:19px;background-position: -362px 1px;}
.ico19{width:9px;height:19px;background-position: -393px 1px;}
.open .ico19{background-position: -408px 1px;}
.ico20{width:15px;height:19px;background-position: -422px 2px;}
.ico21{width:15px;height:19px;background-position: -437px 2px;}
.ico22{width:13px;height:19px;background-position: -481px 3px;}
.ico22.on{background-position: -496px 3px;}
.ico23{width:13px;height:19px;background-position: -511px 3px;}
.ico23.on{background-position: -526px 3px;}
.ico24{width:13px;height:19px;background-position: -541px 3px;}
.ico24.on{background-position: -556px 3px;}
.ico25{width:13px;height:19px;background-position: -571px 3px;}
.ico25.on{background-position: -586px 3px;}
.ico26{width:13px;height:19px;background-position: -601px 3px;}
.ico26.on{background-position: -616px 3px;}
.ico27{width:13px;height:19px;background-position: -631px 3px;}
.ico27.on{background-position: -646px 3px;}
.ico28{width:13px;height:19px;background-position: -661px 3px;}
.ico28.on{background-position: -676px 3px;}
.ico29{width:13px;height:19px;background-position: -691px 3px;}
.ico29.on{background-position: -706px 3px;}
.ico30{width:15px;height:19px;background-position: -795px 2px;}
.ico_renew{width:11px; height:16px;background:url("../images/sub/ico_renew.png") no-repeat 1px 3px}

/* table */
table{width:100%;margin-top:0px;border-top:2px }
th{color:#333;border-bottom:1px solid #666;height:35px;line-height:35px;}

td{border-bottom:1px;height:25px;line-height:25px;text-align:left;vertical-align:top}
td button{line-height:19px}
td button~button{margin-left:2px}
table.blue{border-top:1px solid #5c88a7;margin-bottom:50px}
table.blue th{color:#fff;background:#78a2c0;border-right:1px solid #5c88a7;border-bottom:1px solid #5c88a7}
table.blue th:first-child{border-left:1px solid #5c88a7}
table.blue td{background:#f4fbff;border-right:1px solid #c6d4dd;border-bottom:1px solid #c6d4dd}
table.blue td:first-child{border-left:1px solid #c6d4dd}
table.blue th.impt{background:#417297}
table.blue td.impt{background:#e1f3fd}
table.qa td{color:#333}
table.qa td a{color:#333}
table.qa td a:hover{font-weight:bold} 



#owl-demo .item img{
    display: block;
    width: 100%;
    height: auto;
}