/* 공통항목에서 이동 */
@font-face {
 font-family:"NanumGothic";
 src:url('../fonts/NanumGothic.eot');
 src:url('../fonts/NanumGothic.eot?#iefix') format('embedded-opentype'),  url('../fonts/NanumGothic.woff') format('woff'),  url('../fonts/NanumGothic.ttf') format('truetype');
 url('../fonts/NanumGothic.svg#NanumGothic') format('svg')  src:local(※), url('../fonts/NanumGothic.woff') format('woff');
}

@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes fade-out {
  from {
    opacity: 1;

  }
  to {
    opacity: 0;
  }
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, 	sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: middle;
}
HTML5 display-role reset for older browsers
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main {
	display: block;
}


body {
	font-size:0.9em;
	color: #3e454c;
	background-color: #f3f3f3;
	font-family:"Nanum Barun Gothic", Arial, Helvetica, sans-serif, 'Font Awesome 5 Free';
	
}
img { vertical-align:middle;}

input, select, textarea{ 
	vertical-align:middle;
    padding: 6px 12px;
    font-size: 16px;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    width: 100%;
    box-sizing: border-box;
    height: 40px;
}


input.readonly {background:#f2f2f2;}

body::after {
	clear: both;
	content: "";
	display: table;
}
ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

a { text-decoration: none; color: #FFFFFF;}
a:visited{text-decoration:none; color: #FFFFFF;}
a:hover{text-decoration:none; color: #FFFFFF;}
a:active{text-decoration:none; color: #FFFFFF;}

a.on{color: #d7ff47;}

input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-results-button, input[type="search"]::-webkit-search-results-decoration {
 display: none;
}


h4{font-weight:bold; font-size:17px; padding:0 0 0 0; line-height: 25px !important; }
h4 i{line-height: 25px !important;}

h5{font-weight:bold; font-size:15px; padding:0 0 0 0; line-height: 20px !important; }
h4 i{line-height: 20px !important;vertical-align: middle;display:contents; }




/*** Header ***/
.main-header {background:#334655; text-shadow:none; -webkit-text-shadow:none; border:0;z-index: 1000;position: fixed;width: 100%;top: 0}
.main-header h1 {text-align:center; margin:0; padding:15px 0 0 0; color:#fff; margin:0;font-size: 100%; font-size:18px; }
.main-header .topDiv{height: 50px;}
.main-header .subTopMenu{background-color: #15232e;}
.main-header .subTopMenu .on{color: #67e5fc !important;}
.main-header .subTopMenu div{color: #FFFFFF;height: 30px;line-height: 30px;text-align: center;}

/* .main-header h1 img {display:inine-block; width:21%; vertical-align:middle; margin:-1vw 0 -0.5vw 2vw;} */
.main-header .all_menu {display:block; padding:0; border:0; width:50px; height:50px; 
/* background:url(../../images/common/menu_ico.png) no-repeat center 50%;  */
/* background-size:auto 36%;  */
font-size:1.5em;line-height:50px;text-align:center;
margin:0; right:0; top:0;position: absolute;}

.main-header .home_btn {display:block; padding:0; border:0; width:50px; height:50px;
font-size:1.5em;line-height:50px;text-align:center; 
/* background:url(../../images/common/home_ico.png) no-repeat center 50%;  */
/* background-size:auto 48%;  */
margin:0; left:0; top:0;position: absolute;}

/* .main-header .back_btn {display:block; padding:0; border:0; width:13%; height:100%; background:url(../../images/common/back_ico.png) no-repeat center 50%; background-size:auto 48%; margin:0; left:0; top:0;} */

.ui-header .ui-title, .ui-footer .ui-title{
	font-size: 1em;
    min-height: 1.1em;
    text-align: center;
    display: block;
    margin: 0 30%;
    padding: .7em 0;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    outline: 0 !important;
}


.ui-panel {height:100%; position:fixed; border:0; background:none !important;}
.ui-panel:before {content:""; display:block; width:100%; height:100%; position:absolute; left:0; top:0; z-index:5; background:url(../../images/opinion/common/panel_bg.png) no-repeat left bottom; background-size:70% auto;}
.ui-panel:after {content:""; display:block; width:100%; height:100%; position:absolute; left:0; top:0; z-index:1; background:#001221; opacity:0.95; -webkit-opacity:0.95;}
.ui-panel-inner {background:none; padding:1.5em; position:relative; z-index:5; text-shadow:none; -webkit-text-shadow:none; border:0;;}
.ui-panel-inner ul {padding-top:8vw;}
.ui-panel-inner ul li {border-bottom:1px solid #374551;}
.ui-panel-inner ul li a {display:block; color:#fff !important; font-weight:normal; font-size:3.8vw; padding:2vw 1vw 1.8vw 1vw;}
.ui-panel-inner .close_btn {position:absolute; left:1.5em; top:1.5em; display:block; width:6vw; height:6vw; background:url(../../images/opinion/common/panel_close.png) no-repeat center 50%; background-size:100% auto;}


.main-content {padding:60px 10px 120px 10px;}
.main-content {-webkit-text-shadow:none; text-shadow:none;}

.main-footer{background:#334655;left: 0;bottom: 0;width: 100%;z-index: 1000;position: fixed;color: #FFFFFF;text-align: center;}
.main-footer .footMenu{height: 50px;}
.main-footer .footMenu div{padding-top:5px;}
.main-footer .footMenu div i{width: 100%;height: 24px;line-height: 24px;}
.main-footer .footMenu div span{width: 100%;height: 24px;line-height: 24px;}
.main-footer .buttonDiv{background-color: #a8b2ba;height: 40px;}
.main-footer .buttonDiv a{height: 40px;line-height: 40px;}

/* 컨텐츠 관련 */
.centent_box{background-color: #FFFFFF;padding: 10px;border: 1px solid #dfdfdf; border-radius: 10px;}
.info_1{font-weight:600; font-size:17px; padding-left:25px; color:#333;
/* background:url(../../images/common/h4_bul.gif) no-repeat left 2px; */
line-height: 20px;border-bottom: 1px solid #dfdfdf;}

.info_1:before {
  position: absolute;
  content: "\f00c";
  display: block;
  color: #E34724;
  text-indent: 0;
  font-family: 'Font Awesome 5 Free';
  height: 20px;
  width: 25px;
  line-height: 20px;
  margin-left: -25px;
}



.dot_bul{background:url(../../images/common/dot_bul.gif) no-repeat 2px 10px; padding-left:10px;}


.box {background:#fff; border:1px solid #dfdfdf; padding: 5px !important;}
.box2 {background:#fff; border:1px solid #dfdfdf; padding: 10px !important;box-shadow: 10px 10px 25px #d6d8db;}
.boxR {background:#fff; border:0; padding: 10px !important;border-radius: 20px;box-shadow: 5px 5px 15px #5b788f;}

.boxRad {background:#fff; border:1px solid #b2b2b3; padding: 5px !important;border-radius: 10px;}
.boxRad2 {background:#fff; border:1px solid #b2b2b3; padding: 5px !important;border-radius: 20px;}

.box.title{background-color: #3f6bad;color: #FFFFFF;border: 1px solid #3f6bad;}
.box .boxBody{background-color: #e3e3e3;color: #4b4b4b;border: 1px solid #3f6bad;}

.box_ty1 {background:#fff; border-radius:1vw; padding:1.5em; position:relative; z-index:10;}
.box_ty2 {background:#fff; border-radius:1vw; padding:1.5em; position:relative; z-index:10;}

.boxSm1{padding: 1px 2px ;border-radius: 3px;background-color: #5093e2;color: #FFFFFF;display: inline-block;}

.shadow{box-shadow: 10px 10px 25px #d6d8db;}


.boxTitle{
	display: block;
    margin-top: -30px;
    margin-bottom: 10px;
    text-align: center;
}
.boxTitle span{
	display: inline-block;
    padding: 10px 20px;
    background-color: #657176;
    color: #FFFFFF;
}



/* 정보작성 */
.info_form {padding:4vw 0; }
.info_form.first {padding-top:2vw; border:0;}
.info_form.last {padding-bottom:0;}
.info_form li {position:relative; padding:0 0 0 80px; margin-top:1vw;min-height: 2.1em}
.info_form li:first-child {margin-top:0;}
.info_form li strong {display:inline-block; position:absolute; left:0; top:2vw; font-size:3.2vw;}
.info_form li span {display:block; position:relative;}
.info_form li span:after {content:""; display:block; clear:both;}
.info_form li span.radio {padding:1.9vw 0;}
.info_form li span.ty1 {width:95%;padding-left: 5%;}
.info_form li span.ty2 {width:100%;}
.info_form li span.ty3 {width:100%;}
.info_form li span.ty4 {width:50%;}
.info_form li div.ty1 {width:95%;padding-left: 5%;}
.info_form li div.ty2 {width:100%;}
.info_form li div.ty3 {width:100%;}
.info_form li div.ty4 {width:50%;}

.info_form2{padding:4vw 0;}


.info_form li span select {border:1px solid #afafaf; height:2.5em; font-size:3.2vw; box-sizing:border-box; padding:0.3vw 1.5em 0 0.6em; display:block; width:100%; border-radius:1vw; -webkit-border-radius:1vw;
-webkit-appearance:none; -moz-appearance:none; appearance:none; background:#fff url(../../images/opinion/common/select_ico.png) no-repeat right 50%; background-size:auto 25%;}

.info_form li .confirm_btn {background:#475666; color:#fff; font-weight:normal; display:block; width:20%; height:8.2vw; position:absolute; right:0; top:0; padding:0; margin:0; border:0; text-align:center; border-radius:1vw; line-height:8.3vw; font-size:3vw;}

.alert{padding: 0;margin-bottom: 0;color: #e89292;}



.searchDay{
	font-size: 12px;
}

.searchDay a,.searchDay span{
	color: #6c6565;font-weight: 600;display: block;
}

.searchDay .beforeDay{
	background-color: #FFFFFF;border: 1px solid #dfdfdf;
}
.searchDay .toDay{
	background-color: #FFFFFF;border-top: 1px solid #dfdfdf;border-bottom:1px solid #dfdfdf; 
}
.searchDay .afterDay{
	background-color: #FFFFFF;border: 1px solid #dfdfdf;
}
.searchDay .searchIcon{
	background-color: #FFFFFF;border: 1px solid #dfdfdf;
}

.searchDay .searchIcon {
	background-color: #FFFFFF;
	color: #4326cc;
}






/* .dayMove{background-color: #FFFFFF;border: 1px solid #b2b2b3; border-radius: 20px; } */
/* .dayMove .center{border-left: 2px solid #b2b2b3;border-right: 2px solid #b2b2b3;font-weight: 800;} */
/* .dayMove .subDay{font-size: 12px; } */
/* .dayMove .subDay a{color: #6c6565;display: block;font-weight: 600;} */
/* .dayMove .subDay a i{font-size: 30px;color: #334655;} */
/* .dayMove .center a{color: #222222;display: block;font-weight: 600;} */
/* .dayMove a{ */
/* 	display: block; */
/* 	height: 100%; */
/* } */
/* .dayMove a:before{ */
/* 	vertical-align: middle; */
/* } */

/* .dayMove .mainDate{line-height: 26px !important;} */

.priceInfo{
	border: 1px solid #dfdfdf; padding: 10px;background-color: #FFFFFF;
	box-shadow :10px 10px 25px #d6d8db;
}

.priceInfo .type{font-size: 16px; }
.priceInfo .col-3{padding: 5px 5px 5px 5px !important; }
.priceInfo .col-4{padding: 5px 5px 5px 5px !important; }
.priceInfo .col-8{padding: 5px 5px 5px 5px !important; }
.priceInfo .col-9{padding: 5px 5px 5px 5px !important; }
.priceInfo .dataInfo{background-color: #dfdfdf;font-weight: 600;}
.priceInfo .dataInfo2{background-color: #96c7ed;font-weight: 600;}
.priceInfo .final{background-color: #64937f;color: #FFFFFF;font-weight: 600; padding: 5px 5px 5px 5px !important;text-align: center;font-size: 16px;line-height: 30px;border-radius: 10px; }
.priceInfo a{color: #dfdfdf;}

.priceInfo .detail{background-color: #595959;color: #FFFFFF;}
.priceInfo .detail div span{line-height: 30px;height: 30px;display: block;}
.priceInfo .detail div a{line-height: 30px;height: 30px;display: block;background-color: #334655;border-radius: 5px;}
.priceInfo .timeDiv{font-size: 12px;margin-left: 10px;font-weight: 400;padding-top: 2px;}
.priceInfo .detail h6{color: #222222;}

.bbc{
	border-bottom: 1px solid #b2b2b3;
}
.btc{
	border-top: 1px solid #b2b2b3;
}
.blc{
	border-left: 1px solid #b2b2b3;
}
.brc{
	border-right: 1px solid #b2b2b3;
}





.lockPassword{
	font-size: 20px;
	padding: 10px 20px;
	background: #2425ab;
	color: #FFFFFF;
	display: inline-block;
	border-radius: 10px;
}
.lockPasswordImg{
	display:block;
	border: 1px solid #2425ab;max-height: 400px;
}
.lockPasswordImg img{
	max-width:100%;
	max-height: 400px;
	
}

.swiper-container {
  width: 100%;
  padding-bottom: 30px;
}

.swiper-slide {
  background-position: center;
  background-size: cover;
  width: 100%;
}

.box-panel{
  padding: 0 !important;
  border: solid 1px #cbc1c1;
}
.box-panel-head{
  padding: 5px;
  background-color: #e0e4ef;
  border-bottom: solid 1px #d6dbe1;
  text-align: center;
}
.box-panel-head .title{
	display: inline-block;
}
.box-panel-body{
  padding: 5px;
  background-color: #fff;
  text-align: center;
}


.miniArea{
	display: inline-block;
	padding-left: 4px;
	padding-right: 4px;	
	background-color: #334655;
	color: #FFFFFF !important;
	border-radius: 3px;
}



.input-group-addon{
	line-height: 40px;	
}