@charset "utf-8";

@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i');

.table {width:100%;margin-bottom:20px;border-top:solid 2px #333;}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {padding:10px 8px;text-align:center;}
.table > tbody > tr > th{font-weight:500;vertical-align:middle;}
.table-v > tbody > tr > td{text-align:left;}
.table > thead > tr > th {vertical-align:middle;border-bottom:1px solid #333;background:#f2f7fa;font-weight:400;color:#333;}
.table > tbody > tr > td{border-bottom:1px solid #ccc;color:#666}
.table > tbody > tr.last > td,
.table > tbody > tr > td.last{border-bottom:2px solid #666;}
.table > tbody > tr > th a:hover,
.table > tbody > tr > td a:hover{text-decoration:underline;}
.table > tbody > tr > td a.detail{display:inline-block;padding:5px 20px;background:#707070;color:#fff;}
.table > tfoot > tr > td {vertical-align:middle;border-bottom:1px solid #ddd;font-size:1.05em;font-weight:500;color:#555;}
.table > tfoot > tr > td img{vertical-align:middle;}
.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > td,
.table > tbody > tr:first-child > th, .table > tbody > tr:first-child > td{border-top:0 !important;}
.table > tbody + tbody {border-top:1px solid #ddd;}
.table .table {background-color:#fff;}
.table-bordered{border-right:1px solid #ddd;border-left:1px solid #ddd;}
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {border-right:1px solid #ccc;border-left:1px solid #ccc;}
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {border-bottom-width:1px;}
.table-striped > tbody > tr:nth-of-type(odd) {background-color:#f9f9f9;}
.table-hover > tbody > tr:hover {background-color:#f5f5f5;}
.table-borderfl > thead > tr > th,
.table-borderfl > tbody > tr > th,
.table-borderfl > thead > tr > td,
.table-borderfl > tbody > tr > td{border-right:1px solid #ccc;border-left:1px solid #ccc;}
.table-borderfl > thead > tr > th:first-child,
.table-borderfl > tbody > tr > th:first-child,
.table-borderfl > thead > tr > td:first-child,
.table-borderfl > tbody > tr > td:first-child{border-left:0;}
.table-borderfl > thead > tr > th:last-child,
.table-borderfl > tbody > tr > th:last-child,
.table-borderfl > thead > tr > td:last-child,
.table-borderfl > tbody > tr > td:last-child{border-right:0;}

.tableBase{width:100%;border-top:solid 2px #2b405b;}
.tableBase > thead > tr > th{padding:8px 10px;border-bottom:1px solid #2b405b;font-weight:500;color:#666;vertical-align:middle;}
.tableBase > tbody > tr > td{padding:8px 15px;border-bottom:1px solid #ccc;color:#666;text-align:center;}

table col[class*="col-"] {position:static;display:table-column;float:none;}
table td[class*="col-"],
table th[class*="col-"] {position:static;display:table-cell;float:none;}
.table-responsive {min-height:.01%;overflow-x:auto;}

/* 목록 */
.listHead{overflow:hidden;width:100%;margin:25px 0}
.listHead .board_count{float:left;margin-left:15px;font-size:14px;color:#555;line-height:35px;vertical-align:middle;}
.listHead .board_count .count{font-size:14px;color:#333;}
.listHead .board_count .current{font-size:14px;color:#f26a3b;}
.listHead .base_search{float:right;margin-right:13px;}
.listHead .base_search .srhCate{height:35px;padding:0px 44px 0 10px;border:1px solid #aaa;background:url(../images/style/ico_srh_arrow.gif) no-repeat 100% 100%;color:#666;-webkit-appearance: none; -moz-appearance: none;appearance: none;vertical-align:top;}
.listHead .base_search .srhCate::-ms-expand{display:none}
.listHead .base_search .srhInput{display:inline-block;height:35px;padding:2px 8px;border:solid 1px #ccc;vertical-align:top;}
.listHead .base_search .srhButton{padding:7px 19px 6px;margin-left:2px;border:solid 1px #6a89b4;background:#6a89b4;font-size:14px;color:#fff;}
@media (max-width:720px) {
.listHead .base_search{float:none;}
.listHead .base_search .srhInput{width:75%}
}

/* 일반 목록 */
.base_list{width:100%;max-width:100%;margin-bottom:10px;border-top:solid 2px #555;}
.base_list > thead > tr > th{border-bottom:solid 3px #555;}
.base_list > thead > tr > th,
.base_list > thead > tr > td,
.base_list > tbody > tr > th,
.base_list > tbody > tr > td{padding:12px 25px;vertical-align:top;border-left:1px solid #ddd;text-align:center;white-space:nowrap}

.base_list > thead > tr > th{border-bottom:1px solid #ddd;font-size:15px;font-weight:400;color:#666;vertical-align:middle;}
.base_list > thead > tr > th:first-child{border-left:0;}
.base_list > tbody > tr > th a:hover,
.base_list > tbody > tr > td a:hover{text-decoration:underline;}
.base_list > thead > tr > th.tit{width:100%;}
.base_list > tbody > tr > td{border-bottom:1px solid #ddd;color:#555;}
.base_list > tbody > tr > td:first-child{border-left:0}
.base_list > tbody > tr.highlight{background-color:#f3f5f8;}
.base_list > tbody > tr.highlight > td.tit a{font-weight:500;}
.base_list > tbody > tr > td .notice{padding:1px 6px 2px;background:#6476a2;font-size:13px;color:#eceff7;}
.base_list > tbody > tr > td .secret{margin:2px 3px 0 0;}
.base_list > tbody > tr > td .reply{margin:4px 0 0;}
.base_list > tbody > tr > td.tit{white-space:normal;word-wrap:break-word;text-align:left;}
.base_list > tbody > tr > td.tit a{display:inline-block;padding-left:3px;line-height:1.6;}
.base_list > tbody > tr > td.tit .new{margin:0 0 0 2px;}
.base_list > tbody > tr > td .label{display:inline-block;margin:0;padding:.1em .6em .2em;background:rgba(0, 0, 0, .5);line-height:normal;font-size:12px;}
.base_list > tbody > tr > td .cmt{display:inline-block;width:25px;height:25px;margin-left:5px;background:#b9b9b9;font-weight:500;color:#fff;vertical-align:top;line-height:25px;text-align:center;font-size:12px;}
.base_hover > tbody > tr:hover{background-color:#f5f5f5;}
@media (max-width: 767px) {
.base_list > thead > tr > th.hidden-first,
.base_list > tbody > tr > td.hidden-first{border-left:0}
}

.foot_btn{clear:both;width:100%;padding:25px 10px;text-align:right}

.btn {display:inline-block;padding:8px 18px;margin-bottom:0;font-size:15px;font-weight:normal;line-height:1.42857143;text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none; user-select:none;background-image:none;border:1px solid #e5e5e5;background:#fff;color:#333;}
.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {outline:5px auto -webkit-focus-ring-color;outline-offset:-2px;}
.btn:hover,
.btn:focus,
.btn.focus {color:#333;text-decoration:none;}
.btn:active,
.btn.active {background-image:none;outline:0;}

.btn-lg{padding:12px 22px;font-size:18px;line-height:1.3333333;}
.btn-sm{padding:6px 14px;font-size:12px;line-height:1.5;}
.btn-xs{padding:2px 5px !important;font-size:12px;line-height:1.2;}
.btn-block {display:block;width:100%;}
.btn-block + .btn-block {margin-top:5px;}
input[type="submit"].btn-block,input[type="reset"].btn-block,input[type="button"].btn-block {width:100%;}

.btn-black{border-color:#5a5a5a !important;background-color:#5a5a5a;color:#fff !important;}
.btn-black:hover, .btn-black:focus, .btn-black.focus{color:#fff;}
.btn-blue{border-color:#2565bb;background-color:#2565bb;color:#fff;}
.btn-blue:hover, .btn-blue:focus, .btn-blue.focus{color:#fff;}
.btn-gray{border-color:#aaa;background-color:#eff0f3;color:#555;}
.btn-gray:hover, .btn-gray:focus, .btn-gray.focus{color:#555;}
.btn-violet{border-color:#2a1b79;background-color:#2a1b79;color:#fff;}
.btn-violet:hover, .btn-violet:focus, .btn-violet.focus{color:#fff;}
.btn-red{border-color:#c01a21;background-color:#c01a21;color:#fff;}
.btn-red:hover, .btn-red:focus, .btn-red.focus{color:#fff;}
.btn-white{border-color:#e5e5e5;background-color:#fff;color:#333;}
.btn-white:hover, .btn-white:focus, .btn-white.focus{color:#333;}

.label{display:inline;margin:0 1px;padding:.1em .4em .2em;line-height:1;background:#5a5a5a;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25em;}
.label-red{background-color:#d9534f;}

._check, ._radio{width:15px;height:15px;margin:-2px 5px 0 0;vertical-align:middle;}
._check + label,
._radio + label{margin-right:15px;}
.form-control{display:block;width:100%;height:35px;padding:8px 10px;border:solid 1px #ddd;background:#fff;font-size:14px;color:#444;vertical-align:middle;outline:none;}
.file-control{display:block;width:100%;height:35px;padding:6px 12px;border:solid 1px #ddd;background:#fff;font-size:14px;color:#444;vertical-align:middle;outline:none;}
select.form-control{display:inline-block;width:auto;padding:4px 12px 4px;}
.form-control-static{min-height:32px;padding-top:6px;padding-bottom:6px;margin-bottom:0}
.form-textarea{height:150px !important;}
.form-alt{height:100px !important;}
.form-auto{display:inline-block;width:200px;}
.help-block{margin-top:8px;}
.inputBase{display:inline-block;width:150px;}
.inputDT{display:inline-block;width:100px;}
.inputTM{display:inline-block;width:70px;}
.inputEmail{display:inline-block;width:300px;}
.inputLPhone{display:inline-block;width:160px;}
.inputPhone{display:inline-block;width:75px;}
.inputZip{display:inline-block;width:75px;}
.inputNumber{display:inline-block;width:40px;}
.helpInfo{display:inline-block;margin:8px 0 8px 15px;color:#666;}
.captchaCD{margin-bottom:5px;}
.captchaCD .btn-captcha{padding:26px 10px;}
select.form-control.selectTM{min-width:50px}

.div-hr{margin:35px 0;border-color:rgba(0,0,0,0.1);border:0;border-top:solid 1px #ccc;}

/* pagination */
.pagination{padding:15px 0;text-align:center}
.pagination.line{padding:35px 0 35px;border-bottom:1px solid #ccc}
.pagination span,
.pagination a,.pagination strong{display:inline-block;position:relative;width:30px;height:30px;padding:0;line-height:30px}
.pagination strong{border-radius:15px;background:#4f4f4f;font-weight:normal;color:#fff;}
.pagination a{padding:0 5px;color:#4f4f4f;}
.pagination a:hover, .pagination a:active, .pagination a:focus{color:#4f4f4f;font-weight:600;}
.pagination a:hover, .pagination a:active{text-decoration:underline;}
.pagination .firstPage,
.pagination .preBlock,
.pagination .lastPage,
.pagination .nextBlock{display:inline-block;position:relative;width:auto;padding:0 10px;color:#333;}
.pagination a.firstPage,
.pagination a.preBlock,
.pagination a.lastPage,
.pagination a.nextBlock{color:#565656}

/* 탭 메뉴*/
.tab_content{position:relative;display:none;}
.tabMenu{width:100%;margin:10px auto 0;font-size:0;text-align:center;}
.tabMenu li{display:inline-block;width:24.8%;margin:0.1%;border:solid 1px #ccc;list-style:none;}
.tabMenu li a{display:block;padding:14px 4px 15px;font-size:15px;font-weight:500;color:#333;text-align:center;}
.tabMenu li.on{border:solid 1px #44bfee;background:#44bfee;}
.tabMenu li.on a{font-weight:500;color:#fff;}

.tabMenu.type2 li.on{border:0;background:url(../images/style/bg_tab.jpg) 0 0 no-repeat #0d67cd;}
.tabMenu.type2 li.on a{padding:15px 4px 16px;}

.tabMenu.type3 li.on{border:0;background:#1960b2;}
.tabMenu.type3 li.on a{padding:15px 4px 16px;}

.tabMenu.row-2 li{width:49.8%;}
.tabMenu.row-3 li{width:33.13%;}
.tabMenu.row-4 li{width:24.8%;}
.tabMenu.row-5 li{width:19.8%;}

/* 넓이가 1199px 이하일 때*/
@media all and (max-width:1199px){
.tabMenu.row-5 li{width:33.13%;}
}

@media (max-width:720px) {
.tabMenu li{margin:0.1% 0;border:solid 1px #ccc;}
.tabMenu.row-2{margin:0 0 30px;}
.tabMenu.row-2 li,
.tabMenu.row-3 li,
.tabMenu.row-4 li,
.tabMenu.row-5 li,
.tabMenu.row-6 li{width:49.8%;}

}

/* 넓이가 577px 이하일 때*/
@media (max-width: 577px) {
.tabMenu.row-2 li,
.tabMenu.row-3 li,
.tabMenu.row-4 li,
.tabMenu.row-5 li,
.tabMenu.row-6 li{width:100%;}
}

/* 기본 스타일 */
h4.bullet1{margin:40px 0 10px;padding:15px 0 0;background:url(../images/style/h4_bullet.gif) 0 0 no-repeat;font-weight:500;font-size:20px;color:#333}
h4.bullet1 .desc{display:inline-block;float:right;font-size:13px;color:#999;text-align:right;}
h4.bullet2{margin:40px 0 15px;padding:0 0 0 22px;background:url(../images/style/h4_bullet2.gif) 0 10px no-repeat;font-weight:500;font-size:17px;color:#333}
h4.bullet3{margin:30px 0 15px;padding:0 0 0 10px;background:url(../images/style/h4_bullet3.gif) 0 4px no-repeat;font-weight:500;font-size:18px;color:#333}
h5.bullet1{margin:25px 0 10px;padding:0;font-weight:400;font-size:18px;color:#33a099}
h4.bullet1 + h5.bullet1{margin:5px 0 10px;padding:0;}
.h4_section{position:relative;margin:0 0 15px 22px;}
.h5_section{position:relative;margin:0 0 10px 0;}
.h4_section p,.h5_section p{margin-bottom:10px;color:#666;line-height:1.7}
.h5_section .dot_lstyle{margin-left:5px;font-weight:300;}
.h5_section .dot_unstyle .none{margin-left:5px;font-weight:300;}

.h4_section ul, .h5_section ul{list-style:none;}
.h4_section ul li, .h5_section ul li{padding:0 5px 7px 10px;font-weight:300;}
.h4_section ul.h5_dot li{padding:0 5px 7px 15px;font-size:18px;font-weight:400;color:#33a099;}
.h4_section ul.h5_dot li:before{content:'';display:inline-block;width:5px;height:5px;margin:0px 10px 3px -12px;border-radius:3px;background:#878787;vertical-align:middle;}

.h5_section ul.dot_style li:before{content:'';display:inline-block;width:2px;height:2px;margin:0px 5px 3px -7px;background:#a6a6a6;vertical-align:middle;}
.h5_section ul.num_style li{padding-left:20px;}
.h5_section ul.num_style li span.num{display:block;overflow:hidden;float:left;width:20px;margin:0 0 0 -20px;}

.baseStyle li{padding:0 0 5px 10px !important;}
.baseStyle li ul{margin:10px 0 5px 0;}
.baseStyle li li, .baseStyle dd li{background:none;border:0;}
.baseStyle li li, .baseStyle dd{padding:0 0 3px 6px;}
.baseStyle li p{margin:5px 0 10px 10px;}

.listStyle li{position:relative;padding:0 0 5px 10px !important;list-style:none;}
.listStyle li:before, .listStyle dt:before{content:'';display:inline-block;width:6px;height:2px;margin:0 6px 3px -10px;background:#6c6e72;vertical-align:middle;}
.listStyle li ul{margin:10px 0 5px 0;}
.listStyle li li, .listStyle dd li{background:none;border:0;}
.listStyle li li, .listStyle dd{padding:0 0 3px 6px;}
.listStyle li li:before, .listStyle dd:before{content:'';display:inline-block;width:2px;height:2px;margin:0 5px 3px -6px;background:#6c6e72;vertical-align:middle;}

.lineStyle{padding:5px 0 0;}
.lineStyle li{margin:0 0 10px;padding:0 0 0 17px;font-weight:300;list-style:none;line-height:1.5}
.lineStyle li:before{content:'';display:inline-block;width:4px;height:1px;margin:0px 6px 3px -10px;background:#555;vertical-align:middle;}

.dot_lstyle{margin:0 0 10px 5px;list-style:none;}
.dot_lstyle > li{margin-top:5px;color:#555;}
.dot_lstyle > li:before{content:'';display:inline-block;width:3px;height:3px;margin:-4px 7px 0 -10px;background:#737477;vertical-align:middle;}
.dot_lstyle > li:first-child{margin-top:0;}
.dot_lstyle > li .item{margin-right:5px;}
.dot_lstyle > li, .p.dot_lstyle{padding-left:10px}
.dot_lstyle > li.de_style{color:#a48678;}
.dot_lstyle > li.de_style.bg_no{padding-left:0;}
.dot_lstyle > li.de_style.bg_no:before{display:none;background:none;}
.dot_lstyle > li.de_style.color{padding-left:10px;color:#de5025}
.dot_lstyle > li > ul{margin:10px 0 5px 3px;list-style:none;}
.dot_lstyle > li > ul > li{margin-bottom:5px;}
.dot_lstyle > li > ul > li.no_item{width:0;}
.dot_lstyle > li > ul > li:before{content:'';display:inline-block;width:4px;height:2px;margin:-2px 5px 3px 2px;background:#737477;vertical-align:middle;}
.dot_lstyle > li > ul > li.de_style{padding-left:10px;color:#a48678;}
.dot_lstyle > li > ul > li.de_style:before{margin:-2px 5px 3px -8px;background:#a48678;}
.dot_lstyle > li > ul > li.de_style.bg_no{padding-left:0;}
.dot_lstyle > li > ul > li.de_style.bg_no:before{display:none;background:none;}
.dot_lstyle > li > ul > li.de_style.color{padding-left:10px;color:#de5025}

/*
.dot_lstyle > li > ul > li > ul.space_style {margin-left:10px;}
.dot_lstyle > li > ul > li > ul.space_style li{color:#888;}*/
.dot_lstyle > li .item > ul > li.no_item:before {width:0;}

.dot_lstyle.tp1 > li:before{content:'';display:inline-block;width:4px;height:2px;margin:-2px 5px 3px 2px;background:#a48678;vertical-align:middle;}

.basic_p{margin-bottom:5px;color:#555;line-height:1.7}
.input_desc{margin-bottom:10px;color:#666;text-align:right;}
.input_desc .dot{display:inline-block;width:4px;height:4px;margin:0 2px 0 3px;background:#ef3030;vertical-align:middle;}
.basic_line{margin-bottom:15px;padding-left:10px;color:#a48678;}
.basic_line:before{content:'';display:inline-block;width:4px;height:2px;margin:-2px 5px 3px 2px;background:#a48678;vertical-align:middle;}
.basic_line.bg_no{padding-left:0;}
.basic_line.bg_no:before{display:none;background:none;}
.arrow_dot{margin:10px 0 5px 0;}
.arrow_dot:before{content:'';display:inline-block;width:0;height:0;margin:-5px 8px 0 0;border-top:4px solid transparent;border-left:5px solid;border-left-color:#e56565;border-bottom:4px solid transparent;vertical-align:middle;}

@media (max-width: 769px) {
.h4_section ul.h5_dot li{padding:0 5px 7px 17px;}
.h4_section ul.h5_dot li:before{width:3px;height:3px;margin:0px 11px 3px -14px;border-radius:3px;background:#878787;}

h4.caption{margin:30px 0 !important}
h4.bullet1 .desc{float:none;display:block;margin-top:5px;text-align:left}
}

@media (max-width:1000px) {
.srcoll-table{position:relative;width:100%;margin-top:10px;border:solid 1px #ccc}
.srcoll-table:before{content:'scroll ▶';display:block;position:absolute;top:-30px;right:10px;}
.srcoll-table > div{position:relative;width:100%;overflow-x:auto;}
.srcoll-table table{width:1000px;margin:0;}
.srcoll-btable{position:relative;width:100%;margin-bottom:50px;border:solid 1px #ccc}
.srcoll-btable:before{content:'scroll ▶';display:block;position:absolute;bottom:-25px;right:10px;}
.srcoll-btable > div{position:relative;width:100%;overflow-x:auto;}
.srcoll-btable table{width:1000px;margin:0;}
}
.srcoll-table, .srcoll-table div{float:none !important}

/* popup */
.wn_pop{background-color:#fff}
.wn_pop .wn_header{position:relative;margin:0;padding:5px;background-color:#f4f4f4;color:#000;font-size:13px;font-weight:bold;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;line-height:19px;}
.wn_pop .wn_body{position:relative;}
.wn_pop .wn_footer{position:relative;padding:9px 5px;background-color:#f4f4f4}
.wn_pop .wn_footer .today_close{display:inline-block;}
.wn_pop .wn_footer .pop_close {float: right;height:20px;padding:0 5px;border:0;background:#333;font-size:12px;color: #fff;line-height:20px;}

/* popup */
@media all and (max-width:767px) {
.wn_pop{top:70px !important;left:2% !important;width:96% !important;height:auto !important}
.wn_pop .wn_body{height:auto !important;text-align:center;}
.wn_pop .wn_body img{width:100%;}
}

/* 메시지 */
.msgTopBox{position:relative;width:100%;min-height:130px;margin-bottom:40px;padding:30px 25px 30px 25%;border:solid 1px #ccc;background:#f7f8fa;font-size:15px;color:#555;text-align:left;}
.msgTopBox:before{content:'';position:absolute;top:0;left:0;width:20%;height:100%;border-right:solid 1px #ccc}
.msgTopBox:after{content:'';position:absolute;top:50%;left:20%;width:15px;height:28px;margin:-14px 0 0 -1px;background:url(../images/style/bg_msgArrow.png) 0 0 no-repeat}
.msgTopBox.ico_base:before{background:url(../images/style/ico_base.gif) 50% 50% no-repeat #fff}
.msgTopBox.ico_email:before{background:url(../images/style/ico_email.gif) 50% 50% no-repeat #fff}
.msgTopBox.ico_warning:before{background:url(../images/style/ico_warning.gif) 50% 50% no-repeat #fff}
.msgTopBox.txt:before{left:1px;}
.msgTopBox.txt:after{background-position:1px 0;}
.msgTopBox.txt .tit{position:absolute;top:0;left:0;width:25%;height:100%;padding:30px;background:#fff;font-family:'Open Sans';font-size:18px;font-weight:700;color:#7a7a7a;line-height:1.3}
.msgTopBox.txt .tit span{display:block;}
.msgTopBox.txt .tit.eng span{font-style:italic;text-align:right;}
.msgTopBox.txt .tit.kor span{text-align:left;}
.msgTopBox h4{font-size:20px;font-weight:500;color:#555;margin:0 0 10px !important;}
.msgTopBox h4.h4{color:#0087cc;}
.msgTopBox .dot_lstyle{margin:0;}

.msgBox{position:relative;width:80%;margin:20px auto 10px;padding:210px 25px 60px;border:solid 1px #ccc;background:#fff;color:#333;text-align:center;}
.msgBox.ico_base{background:url(../images/style/bmsg_base.gif) 50% 50px no-repeat}
.msgBox.ico_member{padding-top:240px;background:url(../images/style/bmsg_member.gif) 50% 50px no-repeat}
.msgBox.ico_send{padding-top:240px;background:url(../images/style/bmsg_send.gif) 50% 82px no-repeat}
.msgBox.ico_warning{padding-top:240px;background:url(../images/style/bmsg_warning.gif) 50% 77px no-repeat}
.msgBox.ico_content{padding-top:435px;background:url(../images/style/bsmg_content.gif) 50% 105px no-repeat}
.msgBox.sm{width:100%;padding:30px 0;background-position:50% 30px;}
.msgBox.sm.ico_base{padding:180px 0 30px;}
.msgBox.sm.ico_member{padding:205px 0 30px;}
.msgBox.sm.ico_send{padding:160px 0 30px;}
.msgBox.sm.ico_warning{padding:180px 0 30px;}
.msgBox h4{margin:0 0 20px;background:none;font-size:30px;font-weight:500;}
.msgBox .msg_p{font-size:20px;font-weight:300;}
.msgBox .msg_btn{margin:35px 5% 0;padding:25px 0 0;border-top:solid 1px #e8e8e8;}
.msgBox .msg_btn .btn{margin:0 5px;padding:11px 58px;border-color:#aaa;}

.infoBox{overflow:hidden;position:relative;width:100%;border-top:solid 3px #555;border-bottom:solid 1px #555}
.infoBox h4{padding:40px 0 55px;font-size:20px;font-weight:500;text-align:center;}
.infoBox .info_body{min-height:180px;padding:40px 0;border-top:solid 1px #aaa;border-bottom:solid 1px #aaa;}
.infoBox .info_foot{padding:35px 0 40px;color:#555;text-align:center;line-height:1.7}

@media (max-width:720px) {
.msgTopBox{padding:20px 25px}
.msgTopBox:before{width:0;border-right:0}
.msgTopBox:after{background:none;}
.msgTopBox.txt .tit{position:relative;width:100%;margin-bottom:15px;padding:0 0 10px;border-bottom:solid 1px #ccc;background:none;text-align:left;}
.msgTopBox.txt .tit span{display:inline-block;margin-right:5px;}
.msgBox{width:100%}
.msgBox h4{font-size:26px;font-weight:400;}
.msgBox .msg_p{font-size:18px;}
.msgBox .msg_btn{margin:35px 2% 0;}
.msgBox .msg_btn .btn{padding:11px 25px}
}

ul.categorySearch{overflow:hidden;margin:10px 0 70px;}
ul.categorySearch li{float:left;width:23.5%;height:47px;border:solid 1px #ccc;border-right:0;background:#f6f6f6;list-style:none;}
ul.categorySearch li.all{width:6%;}
ul.categorySearch li:first-child{border-left:0;}
ul.categorySearch li.on{border:solid 1px #333;}
ul.categorySearch li.all.on{border:solid 1px #14a733;}
ul.categorySearch li.on + li{border-left:0;}
ul.categorySearch li a{display:block;padding:10px 15px;font-family:'MondaRegular';font-weight:bold;font-size:17px;color:#888;text-align:center;}
ul.categorySearch li.all a{padding:12px 15px 13px;font-size:14px;font-family:'Noto Sans KR';font-weight:400;}
ul.categorySearch li a span{font-family:'Nanum Square';}
ul.categorySearch li.on a{background:#fff;color:#29950b;}
ul.categorySearch li.all.on a{background:#14a733;color:#fff;}

.totalCnt_formSearch{overflow:hidden;width:100%;margin-bottom:20px;padding:15px;border:solid 1px #ddd;}
.totalCnt_formSearch .totalCnt{float:left;line-height:35px;transition:all 0.5s ease;-webkit-transition:all 0.5s ease}
.formSearch{float:right;transition:all 0.5s ease;-webkit-transition:all 0.5s ease}
.formSearch .form-control{width:auto;min-width:150px;height:35px;padding:0px 44px 0 10px;border:solid 1px #ddd;background:url(../images/style/select_arrow.gif) no-repeat 100% 100%;vertical-align:top;-webkit-appearance: none; -moz-appearance: none;appearance: none;}
.formSearch .txtSearch{width:200px;padding:6.5px;border:solid 1px #ddd;border-right:0;vertical-align:top;-webkit-appearance:none;}
.formSearch .btnSearch{width:41px;height:35px;margin-left:-3px;border:0;background:url(../images/style/btn_search.gif) 0 0 no-repeat;text-indent:-9999px;}

@media (max-width: 1216px) {
ul.categorySearch li{float:left;width:23%;}
ul.categorySearch li.all{width:8%;}
}

@media (max-width: 993px) {
ul.categorySearch{margin:10px 0 30px}
ul.categorySearch li.all,
ul.categorySearch li{float:none;width:100%;border:solid 1px #ccc;border-top:0;}
ul.categorySearch li.all{border-top:solid 1px #ccc;}
ul.categorySearch li.on + li{border:solid 1px #ccc;}
}

/* 입력폼 */
.formBox2{position:relative;overflow:hidden;padding:0 10px;border-bottom:solid 1px #ccc;}
.formBox2 .wrap{overflow:hidden;margin-bottom:0;padding:25px 0 15px;}
.formBox2 .wrap > dt{float:none;display:inline-block;width:100%;padding:13px 15px 15px 0;font-weight:600;font-size:20px;color:#333;}
.formBox2 .wrap > dt:before{content:'';display:inline-block;width:30px;height:2px;margin:-13px -30px 0 0;background:#4f7cc5;vertical-align:top;}
.formBox2 .wrap > dd{float:none;width:100%;}
.formBox2 .wrap > dd .agreement{overflow-x:hidden;width:100%;height:180px;margin-bottom:10px;padding:10px 15px;border:solid 1px #ccc;background:#f7f8f9;}
.formBox2 .wrap > dd .confrim{font-size:15px;color:#555}

.formBox2_foot{width:50%;margin:20px auto 10px}
.formBox2_foot > dl{overflow:hidden;}
.formBox2_foot > dl > dt{padding-top:8px;margin-bottom:5px;font-size:15px;color:#555;}
.formBox2_foot > dl > dt.require{padding-left:30px;}

.formBox3{position:relative;padding:0;border-bottom:solid 1px #999;}
.formBox3 .wrap{overflow:hidden;margin-bottom:30px;}
.formBox3 .wrap > dt{float:none;width:auto;padding:10px 15px 15px 0;border-top:solid 2px #291f7d;font-weight:500;font-size:18px;color:#444;}
.formBox3 .wrap > dt .small{display:inline-block;margin-left:5px;font-size:13px;}
.formBox3 .wrap > dd{float:none;width:100%;}

.formInput{overflow:hidden;width:100%;padding-top:10px;border:solid #555;border-width:2px 0 1px}
.formInput .form-group{margin-bottom:10px;padding-top:10px;border-top:solid 1px #ccc}
.formInput .form-group:first-child{padding-top:0;border-top:0;}
.formInput .form-group:before{display:table;content:'';}
.formInput .form-group:after{display:table;content:'';clear:both;}
.formInput .form-group dt{padding:6px 10px 6px 0;font-size:14px;font-weight:400;color:#333;text-align:right;}
.formInput .form-group dt.require label{display:inline-block;padding-left:30px;background:url(../images/style/ico_star.gif) 5px 3px no-repeat;}
.formInput .form-group dd{border-left:solid 1px #ddd;color:#666;min-height:35px}
.formInput .form-group dd a.down{display:inline-block;margin-right:10px;padding-right:30px;background:url(../images/style/ico_vdown.gif) 100% 50% no-repeat;}
.formInput .form-group dd a.down:hover{text-decoration:underline}
.formInput .form-group dd.bl-0{border-left:0;}
.formInput .form-group dd img{vertical-align:middle;}
.formInput .form-group dd .radio.radio-inline{margin:7px 0;}
.formInput .form-group dd .form-control{border:solid 1px #ccc;background:#f7f8fa}
.formInput .form-group dd select.form-control{border:solid 1px #ccc;background:url(../images/style/ico_select.gif) 100% 0 no-repeat #f7f8fa;height:35px;padding:4px 40px 4px 12px !important;-webkit-appearance: none; -moz-appearance: none;appearance: none;}
.formInput .form-group dd select.form-control::-ms-expand {display: none;}
.formInput .form-group dd .checkbox.checkbox-inline{margin-top:6px}
.formInput .form-group dd .cmt-textarea{display:inline-block;width:80%;margin-right:1%}
.formInput .form-group dd .btnCmt{display:inline-block;width:15%;height:150px;}
.formInput .form-group dd .checkbox:first-child{padding-left:10px;}

.formBox2 .formInput .form-group dt.base{padding-left:30px;}
.formBox2 .formInput .form-group dt.base:before{content:'';display:inline-block;width:5px;height:5px;margin:-4px 10px 0 -10px;border-radius:50%;background:#aaa;vertical-align:middle;}
.formBox2 .formInput .form-group dt.require{padding-left:30px;}
.formBox2 .formInput .form-group dt.require:before{content:'';display:inline-block;width:5px;height:5px;margin:-4px 10px 0 -10px;border-radius:50%;background:#ff0000;vertical-align:middle;}
.formBox3 .formInput .form-group dt.base{padding-left:20px;background:none;}
.formBox3 .formInput .form-group dt.base:before{content:'';display:inline-block;width:4px;height:4px;margin:-3px 10px 0 -10px;background:#aaa;vertical-align:middle;}
.formBox3 .formInput .form-group dt.require{padding-left:20px;background:none;}
.formBox3 .formInput .form-group dt.require:before{content:'';display:inline-block;width:4px;height:4px;margin:-3px 10px 0 -10px;background:#ff0000;vertical-align:middle;}
.formBox3 .formInput .form-group dd .imgList{margin:0 0 10px;list-style:none}
.formBox3 .formInput .form-group dd .imgList li{margin:2px 0;}
.formBox3 .formInput .form-group dd img{max-width:100%;}

.info_title{overflow:hidden;}
.info_title h4{margin:15px 0 10px;color:#555;font-weight:500;}
p.info_desc{margin:.5em 0;color:#666;font-size:14px;text-align:right}
p.info_desc.star{float:right;color:#999;padding-left:25px;background:url(../images/style/ico_star.gif) 0 50% no-repeat;}
.info_box{overflow:hidden;margin-bottom:40px;}
.info_box .agreement{overflow-x:hidden;width:100%;height:180px;margin-bottom:10px;padding:10px 15px;border:solid 1px #ccc;background:#f7f8f9;line-height:1.5}
.agreeBox{overflow:hidden;padding:5px 0;list-style:none;}
.agreeBox li.divin{float:left;width:50%;}
.agreeBox li.choice{text-align:right}

.cb_list{border-top:solid 3px #555;list-style:none;}
.cb_list li{padding:0 0 10px;border-bottom:solid 1px #cacaca}
.cb_list li.noData{padding:15px;color:#666;}
.cb_list li .cb_info{overflow:hidden;padding:5px 0;}
.cb_list li .cb_info .cb_name{font-size:13px;color:#666;}
.cb_list li .cb_info .cb_date{font-size:12px;color:#aaa;}
.cb_list li .cb_info .cb_btn{float:right;}
.cb_list li .cb_info .cb_btn .cb_delete{padding:3px 5px;border:0;background:#e6e6e6;font-size:12px;}
.cb_list li .cb_comment{padding:0 40px 10px 1px;color:#999}

@media (min-width:721px) {
.formBox2 .wrap{padding:30px 20px;}
.formBox2 .wrap > dt{float:left;width:25%;padding-bottom:0;}
.formBox2 .wrap > dd{float:left;width:75%;}

.formBox3 .wrap > dt{float:left;width:220px;margin-right:40px;}
.formBox3 .wrap > dd{float:left;width:840px;}
}

@media (max-width:720px) {
.formInput .form-group dd{border-left:0;}
.formInput .form-group dd + dt{border-top:solid 1px #e5e5e5;border-left:0;}
.formBox2_foot{width:100%;}
.formBox2 .formInput .form-group dd,
.formBox3 .formInput .form-group dd{padding-top:5px;}

.formInput .form-group dt{padding:0 10px 10px;text-align:left}
.formInput .form-group dd{padding-top:10px;border-top:solid 1px #ddd;border-left:0;}
.formInput .form-group dd + dt{margin-top:10px;padding-top:10px;border-top:solid 1px #b5b5b5;}
}

.form_btn{width:100%;padding:15px 5px;text-align:right;}

/* 사이트맵 */
.sitemap_box{position:relative;padding:0 0 20px;margin-bottom:40px; }
.sitemap_box ul.sitemap_list {overflow:hidden;list-style:none;}
.sitemap_box ul.sitemap_list > li{overflow:hidden;float:left;width:24%;min-height:310px;margin:0 1% 0 0;}
.sitemap_box ul.sitemap_list > li > a{display:block;width:100%;height:53px;background:#99a3b2;font-size:16px; font-weight:500; color:#fff;line-height:53px;text-align:center;}
.sitemap_box ul.sitemap_list > li > ul{overflow:hidden;margin-top:20px;list-style:none;}
.sitemap_box ul.sitemap_list > li > ul li a{display:inline-block;width:100%;padding:5px 10px 5px 20px; }
.sitemap_box ul.sitemap_list > li > ul li a:before{content:'';display:inline-block;width:3px;height:3px;margin:-4px 10px 0 -10px;background:#666;vertical-align:middle;}
.sitemap_box ul.sitemap_list > li > ul li a:hover{color:#00a4e4;}

/* 950 사이즈용*/
@media (max-width:950px) {
.sitemap_box ul.sitemap_list > li{width:32%;padding:0 1%}
.sitemap_box ul.sitemap_list > li > a{width:100%}
}
/* 720 사이즈용*/
@media (max-width:720px) {
.sitemap_box{padding:20px 0;border-top:0;}
.sitemap_box ul.sitemap_list > li{width:49%;padding:0 1%}
}

/* 링크 리스트 */
.linkCategory{margin:0 0 30px;list-style:none;}
.linkCategory li{float:left;margin:0 1px;padding:0;border:1px solid #ccc;background:#f6f6f6;font-weight:500;font-size:15px;color:#888;text-align:center;}
.linkCategory li a{display:block;padding:10px 15px;font-family:'MondaRegular';font-weight:bold;font-size:15px;color:#888;text-align:center;}
.linkCategory li.on a{background:#fff;color:#29950b;}
.linkCategory li.on{border:solid 1px #333;}

.linkList{overflow:hidden;list-style:none;}
.linkList li a{display:inline-block;padding:5px 10px 5px 20px;}
.linkList li a.target{padding:5px 20px 5px 20px;background:url(../images/style/ico_window.gif) 100% 50% no-repeat}
.linkList li a:before{content:'';display:inline-block;width:3px;height:3px;margin:-4px 10px 0 -10px;background:#666;vertical-align:middle;}
.linkList li a:hover{text-decoration:underline;}

/* tooltip */
.tooltipBox{position:relative;width:400px;height:264px;border:2px solid #777;background:#fff;}
.tooltipBox .modal-header{margin:0;padding:8px 10px 7px;background:#f4f4f4;font-size:14px;font-weight:500;color:#000;line-height:1.5;}
.tooltipBox .modal-header h4{width:100%;font-size:15px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.tooltipBox .modal-body{overflow-y:auto;height:162px;padding:0 20px}
.tooltipBox .modal-footer{margin:0 10px;padding:10px 0 15px;border-top:1px solid #e8e8e8;text-align:center}

.overlayWrap{position:relative;width:95%;height:95%;margin:0 auto;border:1px solid #e3e3e3;background:#fff;}
.overlayWrap .overlay-header{width:100%;height:40px;padding:5px 10px;border-bottom:1px solid #e3e3e3;background:#f5f5f5;}
.overlayWrap .overlay-header h4.overlay-title{margin-bottom:0;font-size:16px;font-weight:500;line-height:30px;}
.overlayWrap .overlay-body{overflow-y:auto;position:relative;width:100%;padding:0;}
.overlayWrap .overlay-body ul{list-style:none;}
.overlayWrap .overlay-body img{width:100%;}
.overlayWrap .overlay-footer{position:relative;width:100%;padding:10px;border-top:1px solid #e3e3e3;text-align:right}

/* 자주하는 질문 */
.msgTopBox.ico_faq:before{background:url(../images/style/ico_faq.gif) 50% 50% no-repeat #fff}
.faq-category{height:50px;border:solid 1px;border-color:#ccc #ccc #033678;}
.faq-category li{position:relative;float:left;padding:0;border:solid #ccc;border-width:0 1px;}
.faq-category li:first-child{border-left:0;}
.faq-category li + li{border-left:0;}
.faq-category li a{display:block;padding:14px 15px 14px;color:#555;}
.faq-category li.on{margin:-1px 0 0 -1px;border:solid 1px #033678;border-top:solid 3px #033678;border-bottom:solid 1px #fff;}
.faq-category li.on a{padding:13px 20px;font-weight:500;color:#033678}

.faqList{margin:60px 0 30px;border-top:solid 1px #ccc;}
.faqList .faqWrap{overflow:hidden;border-bottom:solid 1px #ccc;}
.faqList .faqWrap .faq_question{position:relative;padding:8px 10px 8px 85px;min-height:60px;}
.faqList .faqWrap .faq_question .dot{position:absolute;top:8px;left:27px;width:42px;height:42px;margin:0;background:url(../images/style/ico_q.png) 0 0 no-repeat;text-indent:-9999px}
.faqList .faqWrap .faq_question .faq-title{display:inline-block;padding-top:10px;font-weight:500;color:#555;cursor:pointer;line-height:22px;}
.faqList .faqWrap .faq-answer{position:relative;display:none;padding:18px 15px 18px 85px;border-top:solid 1px #666;background:#f8f8f8;font-weight:300;color:#555;line-height:1.7;}
.faqList .faqWrap .faq-answer .dot{display:block;position:absolute;top:10px;left:27px;width:42px;height:42px;margin:0;background:url(../images/style/ico_a.png) 0 0 no-repeat;text-indent:-9999px}
.faqList .faqWrap.active .faq-answer{display:block;}

/* 720 사이즈용*/
@media (max-width:720px) {
.faq-category{height:auto;border:0;border-top:solid 1px #ccc;}
.faq-category li{float:none;width:100%;border:solid 1px #ccc;border-top:0;}
.faq-category li:first-child,
.faq-category li + li{border-left:solid 1px #ccc}
.faq-category li.on{margin:-1px 0 0;border:solid 1px #033678;border-top-width:3px}
}

.fullText{overflow-y:auto;width:100%;height:195px;margin:0 0 15px;padding:20px;border:solid 1px #ccc;border-top:solid 1px #555;}
.agree_line{color:#666}
.check_base{width:15px;height:15px;margin:-2px 5px 0 0;vertical-align:middle;}

.totalFormSearch{overflow:hidden;width:100%;margin-bottom:20px;padding:15px;border:solid 1px #ddd;text-align:center;}
.totalFormSearch .txtSearch{width:60%;height:45px;padding:7px 15px;border:solid 1px #ddd;border-right:0;font-size:18px;vertical-align:top;-webkit-appearance:none;}
.totalFormSearch .btnSearch{width:45px;height:45px;margin-left:-3px;border:0;background:url(../images/style/btn_search.gif) 50% 50% no-repeat #808080;text-indent:-9999px;}

.search_reault{margin-bottom:10px;}
.search_reault dt a{font-weight:500;font-size:16px;color:#222}
.search_reault dd{margin-top:5px;color:#767676;line-height:150%;}
.search_reault dd strong{font-weight:400;}
.search_reault dd a{display:block;margin:5px 0 30px 0;padding-left:15px;background:url(../images/style/ico_window.gif) no-repeat left 5px;}
.search_word{display:inline-block;margin:0;padding:0;background:none;font-weight:500;color:#fb3039;}

/************************************************************************************************/

/* 일정관리 */
.calendarBox{position:relative;width:100%;}
.calendarBox .cal_pc{display:block}
.calendarBox .cal_mobile{display:none}
.calendarBox .show_cal{position:relative;width:100%;padding:20px 0 30px;font-size:25px;font-weight:300;color:#323b5c;text-align:center;}
.calendarBox .show_cal span{font-family:Tahoma;font-weight:bold;}
.calendarBox .cal_prev{position:relative;top:7px;width:23px;height:23px;margin-right:40px;border:0;background:url(../images/style/cal_prev.gif) 0 0 no-repeat;cursor:pointer;text-indent:-9999px;}
.calendarBox .cal_next{position:relative;top:7px;width:23px;height:23px;margin-left:40px;border:0;background:url(../images/style/cal_next.gif) 0 0 no-repeat;cursor:pointer;text-indent:-9999px;}
.calendarBox .cal-sun{color:#ff000a !important;}
.calendarBox .cal-sat{color:#4984d9 !important;}

.calendarBox .calendar{width:100%;max-width:100%;margin-bottom:20px;border-top:solid 3px #555;border-bottom:solid 1px #aaa;table-layout:fixed}
.calendarBox .calendar > thead > tr > th,
.calendarBox .calendar > thead > tr > td{padding:10px 8px;border:solid #ddd;border-width:0 1px;border-bottom:solid 1px #555;color:#555;vertical-align:top;text-align:left;}
.calendarBox .calendar > tbody > tr > th,
.calendarBox .calendar > tbody > tr > td{padding:10px 8px;border:1px solid #ddd;border-bottom:0;vertical-align:top;}
.calendarBox .calendar > tbody > tr:first-child > th,
.calendarBox .calendar > tbody > tr:first-child > td{border-top:0;}
.calendarBox .calendar > thead > tr > th{font-weight:400;color:#555;text-align:left;}
.calendarBox .calendar > tbody > tr > td{padding:0;}
.calendarBox .cal-wrap{position:relative;}
.calendarBox .cal-wrap .cal-day{padding:5px 10px;font-family:Tahoma;font-weight:bold;color:#333;text-align:right;}
.calendarBox .cal-wrap .day-content{margin:0 1px;padding:0 5px;}
.calendarBox .cal-wrap .day-content .cal-schedule{position:relative;overflow:hidden;height:30px;margin-bottom:3px;padding:0 5px;}
.calendarBox .cal-wrap .day-content .cal-title{position:absolute;top:2px;left:5px;display:inline-block;vertical-align:top;}
.calendarBox .cal-wrap .day-content .cal-title .cal-category{display:inline-block;width:15px;height:15px;margin:0;}
.calendarBox .cal-wrap .day-content span{display:inline-block;width:100%;padding:6px 0;font-size:13px;color:#fff;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;cursor:pointer;}
.calendarBox .cal-wrap .day-content span:before{display:inline-block;content:'';width:4px;height:4px;margin:7px 7px 0 1px;background:#fff;vertical-align:top;}
.calendarBox .cal-wrap .cal-plus{position:absolute;display:none;bottom:5px;right:5px;font-size:13px;color:#333;}
.calendarBox .cal-wrap .cal-plus.active{display:block;}

.calendarBox .cal-today{border:solid 1px #555;background:#f9f9f9;}
.calendarBox .cal-today .cal-day a{font-weight:600;color:#333}

.calendarBox .cal-category{overflow:hidden;margin-bottom:20px;padding:0 5px;text-align:center}
.calendarBox .cal-category li{display:inline-block;padding:0 7px;}
.calendarBox .cal-category li .cal-color{display:inline-block;width:14px;height:14px;margin:4px 5px 0 0;vertical-align:top;}

/* tooltip */
.cal_tooltipBox{position:relative;width:780px;max-width:100%;height:314px;padding:0 45px;border:2px solid #555;background:#fff;}
.cal_tooltipBox .tooltip-header{position:relative;margin:0 0 5px;padding:15px 10px 15px;border-bottom:solid 1px #aaa;}
.cal_tooltipBox .tooltip-header h4.tooltip-title{width:100%;font-size:25px;font-weight:400;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;color:#333;text-align:center;}
.cal_tooltipBox .tooltip-body{padding:0}
.cal_tooltipBox .tooltip-body dl{overflow:hidden;margin:0;padding:3px 0}
.cal_tooltipBox .tooltip-body dt{display:inline-block;color:#333;}
.cal_tooltipBox .tooltip-body dt:before{display:inline-block;content:'';width:4px;height:4px;margin:7px 7px 0 7px;background:#555;vertical-align:top;}
.cal_tooltipBox .tooltip-body dd{display:inline-block;color:#555;}
.cal_tooltipBox .tooltip-body .cal_con{overflow-y:auto;height:150px;margin-top:5px;padding:10px 0;border:solid #aaa;border-width:1px 0}
.cal_tooltipBox .tooltip-body .cal_con dt{width:100%;}
.cal_tooltipBox .tooltip-body .cal_con dd{margin-top:10px;width:100%;padding:0 15px;}
.cal_tooltipBox .cal_tooltip_close{position:absolute;top:17px;right:17px;width:30px;height:30px;border:0;background:url(../images/style/cal_close.png) 0 0 no-repeat;cursor:pointer;text-indent:-9999px;}

/* 720 사이즈용*/
@media (max-width:720px) {
.calendarBox .cal_pc{display:none}
.calendarBox .cal_mobile{display:block}

.cal_prev{margin-right:20px;}
.cal_next{margin-left:20px;}

.cal_list{border-top:solid 3px #555;list-style:none;}
.cal_list li{position:relative;border-top:solid 1px #ccc;}
.cal_list li:first-child{border-top:0;}
.cal_list li.cal-sun{border-top:solid 2px #999;background-color:#fbeeee;}
.cal_list li dl{overflow:hidden;margin:0;}
.cal_list li dl dt{float:left;width:30%;min-height:49px;padding:15px 10px 14px;color:#333;}
.cal_list li dl dt .day_week{display:inline-block;width:70%}
.cal_list li dl dt .day{display:inline-block;width:30%;font-family:Tahoma;font-weight:bold;text-align:right;}
.cal_list li.cal-sat dl dt .day_week{color:#4984d9}
.cal_list li.cal-sun dl dt .day_week{color:#ff000a}
.cal_list li dl dd{float:left;width:70%;min-height:49px;padding:8px 10px;}
.cal_list li dl dd .cal-schedule{position:relative;overflow:hidden;height:30px;margin-bottom:3px;padding:0 5px;}
.cal_list li dl dd .cal-schedule span{display:inline-block;width:100%;padding:6px 0;font-size:13px;color:#fff;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;cursor:pointer;}
.cal_list li dl dd .cal-schedule span:before{display:inline-block;content:'';width:4px;height:4px;margin:7px 7px 0 1px;background:#fff;vertical-align:top;}

.cal_tooltipBox{max-width:90%;padding:0 20px;}
.cal_tooltipBox .cal_tooltip_close{top:10px;right:10px;width:20px;height:20px;background-size:contain;}
}

/* 체험 */
.exp_wrap{width:100%;}
.exp_wrap.tab_content{margin-top:0;}
.exp_wrap .exp_top{overflow:hidden;width:100%;height:462px;padding:75px 47px 48px 37px;border:solid 1px #666;background:#f5f5f5;}
.exp_wrap .exp_lft{float:left;width:54%;height:338px;padding-right:39px;}
.exp_wrap .exp_img{display:block;width:100%;height:100%;background:#e5e5e5;}
.exp_wrap .exp_img .bx-wrapper .bx-viewport{background:none;}
.exp_wrap .exp_img ul li{width:100% !important;height:338px;list-style:none;}
.exp_wrap .exp_img ul li img{width:100%;height:100%;}
.exp_wrap .exp_info{float:left;width:46%;height:461px;}
.exp_wrap .exp_info h4.exp_tit{margin-bottom:18px;padding-bottom:10px;border-bottom:solid 2px #666;font-size:27px;font-weight:500;color:#001a40;line-height:1;}
.exp_wrap .exp_info dl{overflow:hidden;margin-bottom:9px;}
.exp_wrap .exp_info dl dt{float:left;width:20%;height:35px;border:solid 1px #aaa;border-radius:5px;background:#fff;font-size:13px;font-weight:500;color:#555;text-align:center;line-height:32px;}
.exp_wrap .exp_info dl dd{float:left;width:80%;padding:5px 0 0 18px;color:#666;}
.exp_wrap .exp_info dl dd .notice{color:#d11e1e;}
.exp_wrap .exp_detail{overflow:hidden;padding:46px 44px;border:solid #ccc;border-width:0 1px 1px}
.exp_wrap .exp_detail h5{margin-bottom:20px;font-size:15px;font-weight:500;color:#333}
.exp_wrap .exp_detail p{margin-left:15px;color:#666;line-height:1.6}
.exp_img .bx-wrapper .bx-pager, .exp_img .bx-wrapper .bx-controls-auto{bottom:10%}
.exp_img .bx-wrapper .bx-pager.bx-default-pager a{width:15px;height:15px;margin:0 3px;border-radius:50%;background:#f5faff;}
.exp_img .bx-wrapper .bx-pager.bx-default-pager a:hover,
.exp_img .bx-wrapper .bx-pager.bx-default-pager a.active{background:#cdf200;}

.expReserve{overflow:hidden;margin-top:30px;border-top:solid 2px #666;}
.expReserve li{padding:15px;border-bottom:solid 1px #ddd}
.expReserve dl{overflow:hidden;margin:0;}
.expReserve dl dt{float:left;width:150px;height:120px;}
.expReserve dl dt img{width:100%;height:100%;}
.expReserve dl dt + dd{padding-left:180px}
.expReserve dl dd h4.tit{margin-bottom:10px;font-weight:500;font-size:16px;}
.expReserve dl dd a{float:right;display:inline-block;margin-top:15px;padding:5px 15px;border:solid 1px #aaa;background:#f8f8f8;text-align:center;}

/* 숙박 */
.lodge_catList{overflow:hidden;width:100%;border-bottom:solid 1px #ccc;font-size:0;text-align:center;}
.lodge_catList li{display:inline-block;margin-bottom:-1px;}
.lodge_catList li a{display:block;margin:0 2px;padding:13px 28px;border:solid 1px #ccc;font-size:16px;font-weight:500;color:#333;}
.lodge_catList li.on a{padding:14px 29px;border:0;background:url(../images/style/bg_lodge_category.jpg) 0 0 no-repeat #0e67cd;color:#fff;}

.lodge_top{overflow:hidden;width:100%;margin:15px auto 0;padding:35px 0 40px 65px;border:solid 1px #ccc;background:#f3f3f3;}
.lodge_top .lodge_img{float:left;width:72%;height:428px;background:#e5e5e5}
.lodge_top .lodge_img li{height:428px;list-style:none}
.lodge_top .lodge_img li img{width:100%;height:100%;}
.lodge_top .lodge_room{position:relative;float:left;width:24%;height:428px;margin-left:25px}
.lodge_top .lodge_room li{width:100%;border:solid 1px #bbb;list-style:none;}
.lodge_top .lodge_room li.on{border:solid 1px #1960b2;}
.lodge_top .lodge_room li + li{border-top:0;}
.lodge_top .lodge_room li a{display:block;padding:11px 10px 10px 38px;background:url(../images/style/ico_lodgeGo_off.gif) 85% 13px no-repeat #fff;font-size:15px;color:#666;}
.lodge_top .lodge_room li.on a{background:url(../images/style/ico_lodgeGo_on.gif) 85% 13px no-repeat #1960b2;font-weight:500;color:#fff;}
.lodge_top .lodge_room .go_lodge{position:absolute;bottom:0;display:block;width:100%;height:48px;background:#19a1b2;font-size:17px;font-weight:500;color:#fff;text-align:center;line-height:48px}

.lodge_info{overflow:hidden;width:100%;margin:0 auto;padding:40px 35px 40px 65px;}
.lodge_info dl{overflow:hidden;padding:20px 0 20px;border-bottom:solid 1px #666;}
.lodge_info dl:first-child{border-top:solid 1px #666}
.lodge_info dl dt{float:left;width:18%;padding-bottom:10px;background:url(../images/style/bullet_lodge.gif) 0 35px no-repeat;font-size:20px;font-weight:500;color:#333;}
.lodge_info dl dd{float:left;width:82%;}
.lodge_info dl dd p{color:#666;line-height:1.5}
.lodge_info dl dd p.notice{color:#376f9a;}
.lodge_info dl dd h4.lodge_guide{margin-bottom:20px;font-size:17px;font-weight:500;color:#1e5ac8;}
.refund{display:inline-block;overflow:hidden;margin-bottom:10px;padding:0 20px;border:solid 1px #bbb;}
.refund li{float:left;padding:15px 20px;background:url(../images/style/bg_refund.gif) 0 50% no-repeat;color:#333;list-style:none;}
.refund li:first-child{background:none;}
.refund li span{font-weight:500;color:#d74518;}

.lodge_img .bx-wrapper .bx-caption span{padding:22px 15px;font-size:1em;font-family:'Noto Sans KR','Nanum Gothic','Nanum Square',Tahoma,sans-serif;}
.lodge_img .bx-wrapper .bx-pager{padding-right:10px;text-align:right;}
.lodge_img .bx-wrapper .bx-pager, .lodge_img .bx-wrapper .bx-controls-auto{bottom:5%}
.lodge_img .bx-wrapper .bx-pager.bx-default-pager a{width:15px;height:15px;margin:0 3px;border-radius:50%;background:#f5faff;color:#fff;}
.lodge_img .bx-wrapper .bx-pager.bx-default-pager a:hover,
.lodge_img .bx-wrapper .bx-pager.bx-default-pager a.active{background:#cdf200;color:#cdf200;}

.lodgeInfoBox{overflow:hidden;position:relative;width:100%;margin-top:30px;border:solid 1px #ccc;}
.lodgeInfoBox:after{content:'';position:absolute;top:0;right:35%;width:1px;height:100%;border-right:solid 1px #ccc}
.lodgeInfoBox .txtBox{float:left;position:relative;width:65%;padding:20px 20px 20px 15%;background:#f7f8fa;min-height:135px;}
.lodgeInfoBox .txtBox:before{content:'';position:absolute;top:0;left:0;width:18%;height:100%;border-right:solid 1px #ccc;background:url(../images/style/ico_top_lodge.gif) 49% 55% no-repeat #fff;}
.lodgeInfoBox .txtBox .notice{margin-bottom:10px;font-size:15px;font-weight:700;color:#0d67cd;}
.lodgeInfoBox .txtBox .listStyle li{padding-bottom:0 !important;color:#666;}
.lodgeInfoBox .accountBox{float:left;width:35%;padding:20px 20px 20px 40px;border-left:0;}
.lodgeInfoBox .accountBox dl{overflow:hidden;margin:0 0 10px;}
.lodgeInfoBox .accountBox dl dt{float:left;width:20%;margin-right:5%;border:solid 1px #ccc;border-radius:5px;background:#f7f8fa;font-size:13px;font-weight:500;color:#666;text-align:center;line-height:23px;}
.lodgeInfoBox .accountBox dl dd{float:left;width:75%;font-size:25px;font-weight:500;color:#333;line-height:23px;}
.lodgeInfoBox .accountBox dl dd .tp2{margin-top:5px;font-size:14px;color:#333;letter-spacing:-1px;}
.lodgeInfoBox .accountBox dl dd .tp2 span{display:inline-block;color:#666;}
.lodgeInfoBox .accountBox dl dd .tp2 span + span{margin-left:20px;}

.calendar_top{overflow:hidden;width:100%;margin:60px 0 18px;}
.calendar_top .show_cal{float:left;}
.calendar_top .show_cal .cal_prev{display:inline-block;width:43px;height:43px;background:url(../images/style/btn_prev.gif) 0 0 no-repeat;text-indent:-9999px;vertical-align:top;}
.calendar_top .show_cal #show_month{display:inline-block;margin:0 25px;font-size:30px;font-weight:bold;font-family:'MondaRegular';color:#333;line-height:43px;}
.calendar_top .show_cal .cal_next{display:inline-block;width:43px;height:43px;background:url(../images/style/btn_next.gif) 0 0 no-repeat;text-indent:-9999px;vertical-align:top;}
.calendar_top .cal_category{float:right;font-size:15px;font-weight:300;color:#666;}
.calendar_top .cal_category span{display:inline-block;width:34px;height:34px;margin:0 10px 0 30px;border-radius:50%;color:#fff;text-align:center;line-height:34px;}
.calendar_top .cal_category span.bg_ok{background-color:#6a89b4;}
.calendar_top .cal_category span.bg_end{background-color:#b89e90;}

.calendar_body{position:relative;border-top:solid 3px #666;}
.calendar_body ul{position:relative;overflow:hidden;}
.calendar_body > ul > li{float:left;width:14.28%;list-style:none;}
.calendar_body .yoil li{padding:10px;border:solid 1px #ccc;border-left:0;background:#f3f5f9;font-weight:500;color:#666;text-align:center;}
.calendar_body .yoil li.sun{width:14.32%;border-left:solid 1px #ccc;color:#f30000;}
.calendar_body .yoil li.sat{color:#4984d9;}

.reserve{overflow:hidden;}
.reserve > li{float:left;width:14.28%;border-right:solid 1px #ccc;border-bottom:solid 1px #ccc;list-style:none;}
.reserve > li:nth-child(7n+1){width:14.32%;border-left:solid 1px #ccc;}
.reserve > li .date{height:40px;padding:0 10px;line-height:40px;border-bottom:solid 1px #ccc;font-weight:bold;font-family:'MondaRegular';color:#333;text-align:right;}
.reserve > li .date span{display:none;}
.reserve > li .sun{color:#f30000;}
.reserve > li .sat{color:#4984d9;}
.reserve > li .reserveList{padding:10px;min-height:155px;}
.reserve > li .reserveList.today{border:solid 1px #555;background:#f9f9f9;}
.reserve > li .reserveList .reserve_tit{margin-bottom:5px;font-weight:500;color:#000;}
.reserve > li .reserveList .reserve_tit a{display:inline-block;float:right;padding:2px 7px;background:#6a89b4;font-size:13px;color:#fff;}
.reserve > li p + ul{margin:0 0 10px;}
.reserve > li ul li{position:relative;margin-bottom:5px;padding:3px 0;font-size:13px;color:#333;list-style:none;}
.reserve > li ul li a{color:#333;}
.reserve > li ul li .status{position:absolute;top:0;right:0;width:60px;height:24px;padding-left:30px;border:solid 1px #ccc;border-radius:5px;background:#f7f8fa;font-weight:500;font-size:13px;color:#fff;line-height:22px;text-align:center;}
.reserve > li ul li .status span{position:absolute;top:0;left:0;display:inline-block;width:50%;height:22px;border-radius:5px 0 0 5px;background:#fff;font-weight:400;font-size:13px;text-align:center;}
.reserve > li ul li .ok{background:#6a89b4;}
.reserve > li ul li .ok span{color:#6a89b4;}
.reserve > li ul li .end{background:#b89e90;}
.reserve > li ul li .end span{color:#b89e90;}

.reserveStep{overflow:hidden;padding:25px 0;border-bottom:solid 1px #ccc;text-align:right}
.reserveStep li{display:inline-block;padding:0 15px 0 23px;background:url(../images/style/ico_step_arrow.gif) 0 10px no-repeat;font-size:15px;font-weight:500;color:#333;list-style:none;}
.reserveStep li:first-child{padding-left:0;background:none}
.reserveStep li span{display:inline-block;width:40px;height:40px;border-radius:50%;background:#707070;font-size:18px;font-weight:600;color:#fff;text-align:center;line-height:40px;}
.reserveStep li.on span{background:#e7912b;}

.reserveView{overflow:hidden;width:100%;}
.reserveView .viewBox{float:left;width:48%;margin:0 1% 10px;padding:25px 35px 5px;border:solid 1px #ccc;}
.reserveView .viewBox dl{overflow:hidden;margin:0 0 15px;}
.reserveView .viewBox dl dt{float:left;width:20%;margin-right:5%;padding:0 10px;border:solid 1px #aaa;background:#f8f8f8;font-size:13px;color:#666;text-align:center;line-height:25px;}
.reserveView .viewBox dl dd{float:left;width:100%;font-size:15px;color:#333;line-height:27px;}
.reserveView .viewBox dl dt + dd{width:75%;}
.reserveView .viewAllBox{border:solid 1px #ccc;}

.accountbox{width:100%;margin:30px 0 10px;padding:30px 0 10px;border-top:solid 3px #666;font-size:15px;color:#666;text-align:right;}
.accountbox .money{display:inline-block;margin:0 10px 0 20px;font-size:22px;font-weight:bold;font-family:'MondaRegular';color:#333;}

.resultTopBox{width:100%;padding:30px 0 50px;border-bottom:solid 3px #666;text-align:center;}
.resultTopBox .txt1{font-size:40px;font-weight:200;color:#333;}
.resultTopBox .txt1 .tp1{font-weight:600;}
.resultTopBox .txt1 .tp2{font-weight:500;color:#0d67cd;}
.resultTopBox .txt2{margin:10px 0 30px;font-size:17px;color:#:666;}
.resultTopBox .reserveSEQ{overflow:hidden;font-size:0;}
.resultTopBox .reserveSEQ dt{display:inline-block;width:105px;background:#07469b;font-size:15px;font-weight:600;color:#fff;line-height:42px;letter-spacing:-1px;vertical-align:top;}
.resultTopBox .reserveSEQ dd{display:inline-block;padding:0 30px;border:solid 1px #ccc;font-size:25px;font-weight:600;color:#333;line-height:40px;vertical-align:top;}

/* 예약확인 취소 */
.find_box{width:100%;margin-top:20px;padding:60px 30%;border:solid 1px #ccc;}
.find_box .find_form{overflow:hidden}
.find_box .find_form .findInput{overflow:hidden;float:left;width:70%;}
.find_box .find_form .findInput dt{float:left;width:25%;margin-bottom:10px;line-height:50px;}
.find_box .find_form .findInput dd{float:left;width:75%;margin-bottom:10px}
.find_box .find_form .findInput dd .form-control{height:50px;}
.find_box .find_form .findBtn{float:left;width:28%;margin-left:2%}
.find_box .find_form .findBtn .btn-find{width:100%;height:110px;border:solid 1px #666;background:#666;font-weight:500;color:#fff}

/* 특산품 */
.specialty_wrap{width:100%;border:solid 1px #ccc;}
.specialty_wrap .specialty_top{overflow:hidden;width:100%;padding:18px 19px 18px 54px;background:#f8f8f8}
.specialty_wrap .specialty_top .specialty_info{position:relative;float:left;width:48%;padding:17px 50px 0 0;min-height:215px;}
.specialty_wrap .specialty_top .specialty_info h4.tit{margin-bottom:10px;font-size:30px;font-weight:600;color:#001a40;}
.specialty_wrap .specialty_top .specialty_info h4.tit span{color:#509b00;}
.specialty_wrap .specialty_top .specialty_info h5{margin-bottom:10px;font-size:18px;font-weight:500;color:#666}
.specialty_wrap .specialty_top .specialty_info p{color:#666}
.specialty_wrap .specialty_top .specialty_info .notice{position:absolute;bottom:5px;font-weight:500;color:#f17920}
.specialty_wrap .specialty_top .specialty_rgt{float:left;width:52%;}
.specialty_wrap .specialty_top .specialty_rgt li{list-style:none;}
.specialty_wrap .specialty_detail{width:100%;min-height:500px;padding:38px 520px 50px 50px;border-top:solid 1px #ccc;}

.specialty_wrap .specialty_detail h4.tit_box{display:inline-block;height:50px;margin-bottom:0;padding:0 30px;border:solid 1px #aaa;font-size:16px;font-weight:600;color:#333;text-align:center;line-height:50px;}
.specialty_wrap .specialty_detail h5{margin:30px 0 10px 15px;font-size:15px;font-weight:500;color:#509b00;}
.specialty_wrap .specialty_detail p{margin:0 0 10px 15px;color:#666;}
.specialty_wrap .specialty_detail > ul > li{margin-left:15px;padding-left:20px;color:#666;list-style:none;line-height:1.7;}
.specialty_wrap .specialty_detail > ul.chn{margin-bottom:30px;}
.specialty_wrap .specialty_detail > ul.chn > li{padding-left:0;color:#666;list-style:none;line-height:1.7;}
.specialty_wrap .specialty_detail > ul > li span.num{display:inline-block;width:15px;margin-left:-20px;}
.specialty_wrap .specialty_detail > ul > li span.color1{color:#df1400;}
.specialty_wrap .specialty_detail > ul > li span.color2{color:#ff7e00}
.specialty_wrap .specialty_detail > ul > li span.color3{color:#c5a100}
.specialty_wrap .specialty_detail > ul > li span.color4{color:#5ea624}
.specialty_wrap .specialty_detail > ul > li li{letter-spacing:-1px;list-style:none;line-height:1.8}

.msgTopBox.ico_play:before{background:url(../images/style/icon_play.gif) 50% 50% no-repeat #fff}
.msgTopBox.ico_reservation:before{background:url(../images/style/ico_reservation.gif) 50% 50% no-repeat #fff}
.msgTopBox .list{list-style:none;font-size:15px;color:#555;font-weight:200;}
.msgTopBox .list li{color:#555;line-height:26px;}
.msgTopBox .list li span.bold{font-weight:500;}
.msgTopBox .list li.blue{color:#476bc4;line-height:21px;margin:3px 0}
.msgTopBox .list li.blue.block{display:block;}
.msgTopBox .list span.block{display:block;padding-left:10px;}

.password{width:400px;height:400px;padding:10px;}

/* 넓이가 1216px 이하일 때*/
@media all and (max-width:1216px) {
/* 숙박 */
.lodgeInfoBox:after{right:40%;}
.lodgeInfoBox .txtBox{width:60%;padding:20px 20px}
.lodgeInfoBox .txtBox:before{display:none;}
.lodgeInfoBox .accountBox{width:40%;}
}

/* 넓이가 992px 이하일 때*/
@media (max-width: 992px) {
/* 숙박 */
.lodge_catList{border-bottom:0;}
.lodge_catList li{margin:0 0.1% 0.2%;}
.lodge_catList.row-4 li{width:24.8%;}

.lodge_catList li a{margin:0}
.lodge_top{padding:25px;}
.lodge_info{padding:15px 25px}
.lodge_info dl dd .refund{padding:0 10px;}
.lodge_info dl dd .refund li{padding:10px 15px;}

.lodgeInfoBox .accountBox{padding:20px 20px 10px;}

.calendar_body .yoil{display:none;}
.calendar_body > ul > li{float:none;width:100%;border:solid #ccc;border-width:0 1px 1px;}
.calendar_body > ul > li.blank{display:none;}
.reserve > li:nth-child(7n+1){width:100%;}
.reserve > li .date{text-align:left;}
.reserve > li .date span{display:inline-block;margin-left:10px;}
.reserve > li .reserveList{min-height:auto;}

.reserveView .viewBox{padding:15px 15px 0}
.reserveView .viewBox dl dt{width:25%;}
.reserveView .viewBox dl dd{width:70%;}
.reserveView .viewBox dl dt + dd{width:70%;}

.resultTopBox .txt1 .tp2:before{content:'';display:block;margin-top:5px;}

.find_box{padding:60px 20%}

/* 특산물 */
.specialty_wrap .specialty_top .specialty_info .notice{position:relative;bottom:auto;margin-top:25px;}
.specialty_wrap .specialty_detail{padding:38px 50% 50px 50px;background-position:90% 15% !important;}
}

/* 넓이가 768px 이하일 때*/
@media (max-width: 768px) {
/* 체험 */
.exp_wrap .exp_top{height:auto;padding:25px;}
.exp_wrap .exp_lft{float:none;width:100%;height:auto;padding:0;}
.exp_wrap .exp_img ul li{height:auto;}
.exp_wrap .exp_info{float:none;width:100%;height:auto;margin-top:25px;}
.exp_wrap .exp_detail{padding:25px;}

/* 숙박 */
.lodge_catList li{width:100% !important;margin:0 0 0.5%}
.lodge_top{padding:15px;}
.lodge_top .lodge_img{width:100%;height:100%;margin-bottom:20px;}
.lodge_top .lodge_img li{height:auto;}
.lodge_top .lodge_room{width:100%;height:auto;margin:0;}
.lodge_top .lodge_room .go_lodge{position:relative;bottom:auto;margin-top:15px;}
.lodge_info{margin-top:15px;padding:0;}
.lodge_info dl{margin-bottom:0;}
.lodge_info dl dt{float:none;width:100%;margin-bottom:20px;}
.lodge_info dl dd{float:none;width:100%;}

.lodgeInfoBox:after{display:none;}
.lodgeInfoBox .txtBox{float:none;width:100%;}
.lodgeInfoBox .accountBox{float:none;width:100%;border-top:solid 1px #ccc;}

/* 예약 */
.calendar_top .show_cal{float:none;text-align:center;}
.calendar_top .cal_category{float:none;margin-top:15px;text-align:right}

.reserveView .viewBox{float:none;width:100%;margin:0 0 2%}
.reserveView .viewBox dl dt{width:25%;}
.reserveView .viewBox dl dd{width:70%;}

.find_box{padding:30px 5%}
.find_box .find_form .findInput{float:none;width:100%;margin-bottom:10px;}
.find_box .find_form .findBtn{float:none;width:100%;margin-left:0;}
.find_box .find_form .findBtn .btn-find{height:auto;}

.resultTopBox{padding:20px 0 20px}
.resultTopBox .txt1{font-size:20px;}
.resultTopBox .reserveSEQ dt{width:100%;}
.resultTopBox .reserveSEQ dd{width:100%;}

/* 특산물 */
.specialty_wrap .specialty_top{padding:15px;}
.specialty_wrap .specialty_top .specialty_info{float:none;width:100%;margin-bottom:15px;padding:0;min-height:auto;}
.specialty_wrap .specialty_top .specialty_rgt{float:none;width:100%;}
.specialty_wrap .specialty_detail{padding:20px 15px;background:none !important;min-height:auto;}

.agreeBox li.choice{text-align:left;}
}

/* 넓이가 577px 이하일 때*/
@media (max-width: 577px) {
/* 체험 */
.exp_list > li,
.exp_list > li.on{width:49.8%;}
.exp_wrap .exp_info dl{margin-bottom:15px;}
.exp_wrap .exp_info dl dt{float:none;width:30%;}
.exp_wrap .exp_info dl dd{float:none;width:100%;padding:10px 0 0}

.reserveStep{padding:15px 0;}
.reserveStep li{display:block;padding:5px 0;font-size:13px;background:none;text-align:left;}
.reserveStep li span{width:25px;height:25px;font-size:13px;line-height:25px;font-weight:400;vertical-align:middle}

.specialty_wrap + .foot_btn .btn{width:100%;margin-bottom:5px;}
}