body {background-color: #FFF; color: #3d3d3f;} /*FFFDF2*/
body,input,textarea,select,button,div,table{color:#000000;font-family: 'HGGGothicssiP40g', 'Noto Sans KR', 'Nanum Gothic','나눔고딕','NanumGothic','Malgun Gothic','MalgunGothic','맑은 고딕','맑은고딕','돋움',Dotum,AppleGothic,sans-serif;font-size:14px; }

ul {padding: 0;}
li {list-style: none;}

/* common */


.clear {clear: both;}
.col {float: left;} 

.inline_block {display: inline-block !important;}

.underline  {text-decoration: underline !important; color: #333;} 
a.underline  {text-decoration: none; color: #333;} 
a.underline:hover  {text-decoration: underline; } 
.underline a {text-decoration: none; color: #333;}
.underline a:hover {text-decoration: underline; }

.hover_underline {text-decoration: none;}
.hover_underline:hover {text-decoration: underline;}

hr.solid {background-color: #ddd;}

.dot_line {background-color: transparent; border-top: 1px #ccc dashed; margin-bottom: 10px;}

.full_divide {height: 1px; border-top:1px solid #ccc;}

legend {border-bottom: 1px solid #999;}

.margin {height:10px;}
.margin2 {height:20px;}
.margin3 {height:30px;}
.margin4 {height:40px;}
.margin5 {height:50px;}
.margin6 {height:60px;}
.margin7 {height:70px;}
.margin8 {height:80px;}
.margin9 {height:90px;}
.margin10 {height:100px;}


.overturn {-ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg);  -webkit-transition:all 200ms linear; -moz-transition:all 200ms linear; -o-transition:all 200ms linear; -ms-transition:all 200ms linear; transition:all 200ms linear; }
 

.text_overflow {overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

h1, h2, h3, h4, h5 {margin-bottom: 0px;}

h3.subtitle {font-size: 1.1em; margin-bottom: 0px; font-weight: bold;}

.fontsize_12 {font-size: 1.2em;}

.no_border {border:0px !important;}

.form-group .hint, .control-group .hint, .control-group .note {font-size: 0.85em; color: #777;}

.error, .errorMessage { color: #B94A48; border-color: #B94A48; }
.errorMessage {font-size: 0.85em;  }
.red { color: #ff0000 !important;}

.left {float:left;}
.right{float:right;}
.right2 {text-align:right;}
.center { margin: 0 auto; }
.center2 { text-align:center; }
.middle {vertical-align:middle;}
.pointer {cursor:pointer;}
.no_pointer {cursor:default;}
.inline {  display: inline-block; }

.btn_wide1 {width: 100px;}

.relative {position: relative;}

.off {opacity: 0.7;}

.italic {font-style: italic;}

.imgres {max-width: 100%; height: auto;}
.imgfull {width: 100% !important; height: 100% !important;}
.imgwrap {overflow: hidden; background-size: cover; background-position: center center;}

.strong {font-weight: 700;}
/*.radio-inline  { float: left; margin-right:15px;}*/
 

.radio_enum {padding-top: 7px;}
.radio_enum label { margin-right:20px; margin-left: 2px;  margin-bottom: 5px;}

.radio_enum2 {padding-left: 0px;}

.active {color: #e92410;}

.number1 {letter-spacing: -1.5px !important;}

.textarea1 {min-height: 100px; }

.form-group {padding-bottom: 20px; margin-bottom: 0px; }
.form-group .radio-inline {margin-right: 15px; } 
.form-group .control-label {font-weight: bold; color: #444; text-align: right;}


.table1 .line_height {line-height: 24px !important; padding-top: 17px;}

.text_blue {color: #0017be;} 
.text_light_gray {color: #aaa;} 

/* //common */



/*components*/


/* Important part */ 
.ratio_box{display: inline-block; position:  relative; width: 100%; margin: 0; float: left; font-size: 12px; }
.ratio_box:before{content: ""; display: block; padding-top: 100%; /* initial ratio of 1:1*/ }


.ratio20p:before{padding-top: 20%; }
.ratio25p:before{padding-top: 25%; }
.ratio33_1:before{padding-top: 30%; }
.ratio16_7:before{padding-top: 43.75%; }
.ratio2_1:before{padding-top: 50%; }
.ratio16_9:before{padding-top: 56.25%; }
.ratio32_21:before{padding-top: 65.625%; }
.ratio4_3:before{padding-top: 75%; }
.ratio1_2:before{padding-top: 200%; }
.ratio_movie:before{padding-top: 150%; /*141.3637%;*/ }

.ratio_content{position:  absolute; top: 0; left: 0; bottom: 0; right: 0; }


.owl_box {position: relative;}

.owl_box .btn_owl {position: absolute; top: 50%; right: 7px; margin-top: -18px; width:36px; z-index: 99;}
.owl_box .btn_owl {color: rgba(255,255,255,0.5); padding: 0; display:  block;}
.owl_box .btn_owl:hover {color: rgba(255,255,255,0.9);}
.owl_box .btn_owl i {margin-right: 0;}

.owl-dots {text-align: center; padding: 10px 0;}
.owl-dot {
     width: 13px;
     height: 13px;
     border-radius: 100%;
     border: 0px;
     background: #ddd;
     margin-right: 5px;
     display: inline-block;  /*for making them horizontal, if you want vertical then you can use- display: block*/
}

.owl-dot.active {background-color: #f2af96;}
 

.owl_box .btn_prev { right: none; left: 7px;  }



.owl_box_outside .btn_owl { right: -50px;  }
.owl_box_outside .btn_prev { right: none; left: -50px;  }



.badge_verify {display: inline-block; border:1px solid #ff9700; font-size: 12px; font-weight: normal; padding: 0px 10px; color:#ff9700;}

.badge_gray {display: inline-block; border:1px solid #666; font-size: 12px; font-weight: normal; padding: 0px 10px; color:#fff; background-color: #666;}
.badge_blue {display: inline-block; border:1px solid #666; font-size: 12px; font-weight: normal; padding: 0px 10px; color:#fff; background-color: #4285f4; border:0px;}
.badge_red {background-color: #ff6000;}

.centered_outer {
  display: table;
  width: 100%;
  height: 100%;
}
.centered_inner {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
.centered {
	position: relative;
	display: inline-block;
}

.label_orange {background-color: #ff9000; }
.label_blue {background-color: #4285f4; }
.label_line_red {background-color: #fff; border: 1px solid #e1e1e1; color: #ff6000; border-radius: 0px; font-size: 12px;}
.label_line_blue {background-color: #fff; border: 1px solid #e1e1e1; color: #256b8b; border-radius: 0px; font-size: 12px;}

.label-sm {padding: 3px 5px; font-size: 13px;}

.form-control { border-color: #b6b6b6; color: #000; border-radius: 0; }

select:not([multiple]) {
  
}

.bg_lightgray {background-color: #aaa;}

.btn_link {cursor: pointer;}

tr.btn_link:hover td {background-color: #f0f0f0;}

.btn {border-radius: 0px;}


.btn-default:hover {background-color: #f0f0f0; border:1px solid #bbb; color: #555;}

.btn-default2 {background-color: #955f21; color: #FFF;}
.btn-default2:hover {background-color: #764213; border:1px solid #764213;}

.btn-primary {background-color: #4285f4; border:1px solid #4285f4; }
.btn-primary:hover {background-color: #4285f4; border:1px solid #4285f4; opacity: 0.8;}


.btn_gray {background-color: #bbb; color: #fff; border:1px solid #bbb;}
.btn_gray:hover {background-color: #bbb; color: #fff; opacity: 0.8;}

.btn_gray2 {background-color: #828b9a; color: #fff; border:1px solid #828b9a;}
.btn_gray2:hover {background-color: #828b9a; color: #fff; opacity: 0.8;}

.btn_gray3 {background-color: #4b4b4b; color: #fff; border:1px solid #4b4b4b;}
.btn_gray3:hover {background-color: #4b4b4b; color: #fff; opacity: 0.8;}

.btn_orange {background-color: transparent; color: #ff8519; border:1px solid #ff8519;}
.btn_orange:hover {background-color: #ff8519; color: #fff; opacity: 0.8;}

.btn-danger {background-color: transparent; color: #c9302c; border:1px solid #c9302c;}
.btn-danger:hover {background-color: #c9302c; color: #fff; opacity: 0.8;}

.btn_purple {background-color: #9a5397; color: #fff; border:1px solid #9a5397;}
.btn_purple:hover {background-color: #9a5397; color: #fff; opacity: 0.8;}


.btn_line_red {background-color: #FFF; color: #ff0000 !important; border:1px solid #ff0000;}
.btn_line_red:hover {background-color: #FFF; color: #ff0000; opacity: 0.8;}

.btn_line_blue {background-color: #FFF; color: #4285f4 !important; border:1px solid #4285f4;}
.btn_line_blue:hover {background-color: #FFF; color: #4285f4; opacity: 0.8;}

.btn_line_gray {background-color: #FFF; color: #555 !important; border:1px solid #888;}
.btn_line_gray:hover {background-color: #FFF; color: #555; opacity: 0.8;}


.btn_blue {background-color: #4285f4; color: #fff; border:0px;}
.btn_blue:hover {background-color: #4285f4; color: #fff; opacity: 0.8;}

.btn_facebook {background-color: #3b5998 !important; color: #fff !important; border-color: #14316d !important;}
.btn_kakao {background-color: #ffeb00 !important; color: #3c1e1e !important; border-color: #ffeb00 !important;}
.btn_naver {background-color: #1ec800 !important; color: #fff !important; border-color: #1ec800 !important;}

.btn_alpha:hover {opacity:0.8;}

.btn_form_size {padding: 11px 10px;}

.breadcrumb {background-color: transparent; padding: 0px; margin: 0px;}

.help-inline {color: #ff0000; font-size: 12px;}

.note-editor {margin-bottom: 5px;} 
.ui-tooltip {display: none !important;}

.input-group-addon {border-radius: 0px;}

.input_group_btn .btn { height: 34px; padding-top: 8px;}

.input_group2 {background-color: #fff; border-left: 0px;}

.text_bar {color: #999; margin: 0 8px;}

.hr_solid { clear: both; height: 1px; background-color: #e7e7e7; margin: 10px 0;}

.input-group-addon {border: 1px solid #a8a8a8;}

.empty_message {text-align: center; padding: 50px 0;}


.box_type1 {width: 400px; padding: 20px 30px; border: 1px solid #bbb; margin: 50px auto; background-color: #FFF;}
.box_type2 {width: 600px; padding: 20px 30px;}

.box_type1 h1 {font-weight: 300; font-size: 30px;}

.form_preview_image {width: 217px;} 

.unable_btn {opacity: 0.4;}

.dropdown-menu>li>a {padding: 6px 20px;}

.padding10 {padding: 10px !important;}

.border_left_1 {border-left: 1px solid #ccc;}
.border_right_1 {border-right: 1px solid #ccc;}


.readonly_address {background-color: #fff !important;}

  

/* /components*/


/*overwrite*/


.modal {z-index: 999999;}

.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {background-color: #ddd;}

.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {background-color: #f3df88;}

.dropdown-menu>li>a {color: #999; font-size: 12px;}


/* /overwrite*/





.container {padding-left: 0px; padding-right: 0px;}
.container img {max-width: 100%; height: auto;}

 
 


/* DatePicker Container */ 
.calendar_style_2 .ui-datepicker {width: 280px; height: auto; margin: 5px auto 0;  } 
.calendar_style_2 .ui-datepicker a {text-decoration: none; } /* DatePicker Table */ 
.calendar_style_2 .ui-datepicker table {width: 100%; } 
.calendar_style_2 .ui-datepicker-header { } 
.calendar_style_2 .ui-datepicker-title {text-align: center; font-size: 16px; font-weight: bold; height: 36px; } 
.calendar_style_2 .ui-datepicker-prev, 
.calendar_style_2 .ui-datepicker-next { cursor: pointer; padding: 0 10px; color: #0017be;} 
.calendar_style_2 .ui-datepicker-prev {float: left; background-position: center -30px; color: #0017be; } 
.calendar_style_2 .ui-datepicker-next {float: right; background-position: center 0px; } 
.calendar_style_2 .ui-datepicker thead {  border-top: 1px solid #bbb;  border-bottom: 1px solid #bbb; } 
.calendar_style_2 .ui-datepicker th { text-align: center; font-size: 12px; padding: 5px 0; color: #666666;   } 
.calendar_style_2 .ui-datepicker tbody {border-bottom: 1px solid #bbb;}
.calendar_style_2 .ui-datepicker tbody td {padding: 0; border-right: 1px solid #bbb; } 
.calendar_style_2 .ui-datepicker tbody td:last-child {border-right: 0px; } 
.calendar_style_2 .ui-datepicker tbody tr {border-bottom: 1px solid #bbb; } 
.calendar_style_2 .ui-datepicker tbody tr:last-child {border-bottom: 0px; } 
.calendar_style_2 .ui-datepicker td span, 
.calendar_style_2 .ui-datepicker td a {display: inline-block; font-weight: bold; text-align: center; width: 100%; height: 36px; line-height: 36px; color: #666666;  } 
.calendar_style_2 .ui-datepicker-calendar .ui-state-default {background: #d9e9ed;  } 
.calendar_style_2 .ui-datepicker-calendar .ui-state-hover {background: #c9e0e5; } 
.calendar_style_2 .ui-datepicker-calendar .ui-state-active {background: #6eafbf; color: #fff;  } 
.calendar_style_2 .ui-datepicker-unselectable .ui-state-default {background: #f4f4f4; color: #b4b3b3; } 
.calendar_style_2 .ui-datepicker-calendar td:first-child .ui-state-active {  margin-left: 0; } 
.calendar_style_2 .ui-datepicker-calendar td:last-child .ui-state-active {  margin-right: 0; } 
.calendar_style_2 .ui-datepicker-calendar tr:last-child .ui-state-active { margin-bottom: 0; }


/* DatePicker Container */ 
.calendar_style_3 .ui-datepicker {width: 280px; height: auto; margin: 5px auto 0;  } 
.calendar_style_3 .ui-datepicker a {text-decoration: none; } /* DatePicker Table */ 
.calendar_style_3 .ui-datepicker table {width: 100%; } 
.calendar_style_3 .ui-datepicker-header { } 
.calendar_style_3 .ui-datepicker-title {text-align: center; font-size: 16px; font-weight: bold; height: 36px; } 
.calendar_style_3 .ui-datepicker-prev, 
.calendar_style_3 .ui-datepicker-next { cursor: pointer; padding: 0 10px;} 
.calendar_style_3 .ui-datepicker-prev {float: left; background-position: center -30px; } 
.calendar_style_3 .ui-datepicker-next {float: right; background-position: center 0px; } 
.calendar_style_3 .ui-datepicker thead {  border-top: 1px solid #bbb;  border-bottom: 1px solid #bbb; } 
.calendar_style_3 .ui-datepicker th { text-align: center; font-size: 12px; padding: 0; color: #666666; border-right: 1px solid #bbb;   } 
.calendar_style_3 .ui-datepicker th:first-child {  border-left: 1px solid #bbb;   } 
.calendar_style_3 .ui-datepicker tbody {border-bottom: 1px solid #bbb;}
.calendar_style_3 .ui-datepicker tbody td {padding: 0; border-right: 1px solid #bbb; } 
.calendar_style_3 .ui-datepicker tbody td:first-child {border-left: 1px solid #bbb;   } 
.calendar_style_3 .ui-datepicker tbody td:last-child {  } 
.calendar_style_3 .ui-datepicker tbody tr {border-bottom: 1px solid #bbb; } 
.calendar_style_3 .ui-datepicker tbody tr:last-child { } 
.calendar_style_3 .ui-datepicker td span, 
.calendar_style_3 .ui-datepicker td a {display: inline-block; font-weight: bold; text-align: center; width: 100%; height: 40px; line-height: 40px; color: #666666;  } 
.calendar_style_3 .ui-datepicker-calendar .ui-state-default {background: #fff;  } 
.calendar_style_3 .ui-datepicker-calendar .ui-state-hover {background: #eee; } 
.calendar_style_3 .ui-datepicker-calendar .ui-state-active {background: #6eafbf; color: #fff;  } 
.calendar_style_3 .ui-datepicker-unselectable .ui-state-default {background: #f4f4f4; color: #b4b3b3; } 
.calendar_style_3 .ui-datepicker-calendar td:first-child .ui-state-active {  margin-left: 0; } 
.calendar_style_3 .ui-datepicker-calendar td:last-child .ui-state-active {  margin-right: 0; } 
.calendar_style_3 .ui-datepicker-calendar tr:last-child .ui-state-active { margin-bottom: 0; }



/* DatePicker Container */ 
.calendar_style_4 .ui-datepicker {width: 188; height: auto; margin: 5px auto 0;  } 
.calendar_style_4 .ui-datepicker a {text-decoration: none; font-size: 12px; } /* DatePicker Table */ 
.calendar_style_4 .ui-datepicker table {width: 100%; } 
.calendar_style_4 .ui-datepicker-header { } 
.calendar_style_4 .ui-datepicker-title {text-align: center; font-size: 14px; font-weight: bold; height: 32px; } 
.calendar_style_4 .ui-datepicker-prev, 
.calendar_style_4 .ui-datepicker-next { cursor: pointer; padding: 0 10px; color: #0017be;} 
.calendar_style_4 .ui-datepicker-prev {float: left; background-position: center -30px; color: #0017be; } 
.calendar_style_4 .ui-datepicker-next {float: right; background-position: center 0px; } 
.calendar_style_4 .ui-datepicker thead {  border-top: 1px solid #bbb;  border-bottom: 1px solid #bbb; } 
.calendar_style_4 .ui-datepicker th { text-align: center; font-size: 12px; padding: 5px 0; color: #666666;   } 
.calendar_style_4 .ui-datepicker tbody {border-bottom: 0px solid #bbb;}
.calendar_style_4 .ui-datepicker tbody td {padding: 0; border-right: 1px solid #bbb; } 
.calendar_style_4 .ui-datepicker tbody td:last-child {border-right: 0px; } 
.calendar_style_4 .ui-datepicker tbody tr {border-bottom: 1px solid #bbb; } 
.calendar_style_4 .ui-datepicker tbody tr:last-child {border-bottom: 0px; } 
.calendar_style_4 .ui-datepicker td span, 
.calendar_style_4 .ui-datepicker td a {display: inline-block; font-weight: bold; text-align: center; width: 100%; height: 28px; line-height: 28px; color: #666666; font-size: 12px; font-weight: normal; } 
.calendar_style_4 .ui-datepicker-calendar .ui-state-default {background: #fff;  } 
.calendar_style_4 .ui-datepicker-calendar .ui-state-hover {background: #f5f5f5; } 
.calendar_style_4 .ui-datepicker-calendar .ui-state-active {background: #4a5577; color: #fff;  } 

.calendar_style_4 .ui-datepicker-calendar .ui-state-highlight {background: #eee; color: #777;  } 


.calendar_style_4 .ui-datepicker-unselectable .ui-state-default {background: #f4f4f4; color: #b4b3b3; } 
.calendar_style_4 .ui-datepicker-calendar td:first-child .ui-state-active {  margin-left: 0; } 
.calendar_style_4 .ui-datepicker-calendar td:last-child .ui-state-active {  margin-right: 0; } 
.calendar_style_4 .ui-datepicker-calendar tr:last-child .ui-state-active { margin-bottom: 0; }


.e-calendar-view .not-relevant a {display: none;}
.e-calendar-view td {padding: 0px !important;}
.e-calendar-view td.active {background-color: #286090; color: #fff;}
.e-calendar-view td.active a {color: #fff;}

.btn_checkdate {display: block; padding: 2px 10px; border:1px solid #fff;}

.btn_checkdate.set {background-color: #9dcffa; color: #fff;}
.btn_checkdate.set_all {background-color: #74b6ef; color: #fff;}

.btn_checkdate.active {background-color: #286090; color: #fff;}

.btn_checkdate.cast {background-color: #ff9900; color: #fff;}


.btn_checkdate.b_today {background-color: #f50909; color: #fff;}
.btn_checkdate.b_cast {background-color: #e9e9e9; color: #000;}
.btn_checkdate.b_cast_yellow {background-color: #ffc546; color: #FFF; }
.btn_checkdate.b_request {background-color: #fcae03; color: #FFF;}
.btn_checkdate.b_event {background-color: #0396e3; color: #FFF;}



.btn_check_time {background-color: #FFF !important; color: #333!important;}
.btn_check_time.active {background-color: #286090 !important; color: #fff !important;}

.btn_check_value {margin-bottom: 5px;}
.btn_check_value:hover {background-color: #ccc; border-color: #ccc; color: #000;}
.btn_check_value:focus {background-color: #fff; border-color: #ccc; color: #000;}
.btn_check_value.active {background-color: #286090 !important; color: #fff !important;}




.gototop{position:fixed;bottom:5px;right:5px;display:block; z-index:999; opacity: 0.5;}

 


.keyword_point {color: #38b3fb !important;}

 



.pagination_area {margin-top: 30px;}
.pagination_area .previous, .pagination_area .next {display: inline !important;}
.pagination_area .first {display: none;}
.pagination_area .last {display: none;}

.pagination_area .pagination a {border-radius: 0px; min-width: 34px;}


.pagination > li > a, .pagination > li > span {background-color: transparent; padding: 8px 14px; color: #903715;  border: 1px solid #903715;font-size: 14px; border-radius: 3px; } 

.pagination > li > a {margin-right: 10px; } 
.pagination > li > a:hover {background-color: #f5f0e7; color: #903715; border: 1px solid #903715;}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {background-color: #903715;  border: 1px solid #903715; }

.pagination > li.next {}


.pagination .previous a, .pagination .next a {background-color: #fff; border: 1px solid #903715; color: #903715; padding: 8px 11px;} 
.pagination .previous a:hover, .pagination .next a:hover {background-color: #f5f0e7;  border: 1px solid #903715; color: #903715;} 


.form-group {clear: both;}

.radio-inline {margin-top: 0px;}
.radio-inline input {margin-top: 8px;}


.form_price {width: 100px;}
.form_price2 {text-align: right;}

.alpha30 {opacity: 0.3;}

 

.rate_star { position: relative; width: 65px; height: 20px; font-size: 14px; overflow: hidden; margin: 0;}
.rate_star .front {position: absolute; width: 100%; top:0px; left: 0px; z-index: 1;color: #ff0000; overflow: hidden; white-space: nowrap;}
.rate_star .back {position: absolute; width: 100%; top:0px; left: 0px; z-index: 0; color: #aaa; overflow: hidden; white-space: nowrap;}

.rate_star_orange .front {color: #ff9600;}
 

.tr_link {cursor: pointer;}
.tr_link:hover td {background-color: #f0f0f0;}



.tp-bullets.simplebullets.round-old .bullet { cursor:pointer; position:relative; background-image: none; background-color: rgba(255,255,255,0.5); width: 12px; height: 12px; margin-left:4px; margin-right:4px; float:left; margin-top:0px; margin-bottom: 4px; overflow: hidden; border-radius: 50%;}
.tp-bullets.simplebullets.round-old .bullet.selected {background-color: rgba(255,255,255,1);}
.tp-bullets.simplebullets.round-old .bullet:hover {background-color: #999;}
.tp-bullets.simplebullets.round-old .bullet.last		{	margin-right:0px}






/* website */


.main_top_banner {height: 68px;  background-color: #9b2815; text-align: center; }

.main_top_banner .btn_close_top_banner {position: absolute; top: 17px; right: 5px;}

.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {margin-left: 0px;}

.navbar-brand {padding: 44px 0 0 0px; height: initial;  }
.navbar-brand>img {width: 68px; height: auto; }
 
.main_menu1 {padding-top: 47px;}
.navbar-default .navbar-nav > li > a {font-size: 12px; color: #3d3d3f;}


.forcefullwidth_wrapper_tp_banner {background-color: #fff;}



.navbar-default {background-color: rgba(255,255,255, 1); padding: 0px; min-height:97px;  }
.navbar-toggle { border:0px;}
.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {background-color: rgba(0,0,0,0.5);}

.header_padding {height: 0px;}

.fullwidthbanner { }

.tp-banner {max-height: 270px; overflow: hidden;}
 
  



.sub_visual {min-height: 190px; border-bottom: 1px solid #ccc; background-position: center center; background-size: cover;}


.board_bottom_search {position: relative; width: 350px; height: 40px; margin: 25px auto;}
.board_bottom_search .main_search {display: block;  width: 292px; height: 40px; border:2px solid #955f21; border-top-left-radius: 0px; border-bottom-left-radius: 0px; }

.board_bottom_search .main_search .form-control {margin-left: 0px; border:none; background: transparent; width: 280px; font-size: 14px; line-height: 14px; }

.board_bottom_search .btn_main_search {position: absolute; top: 0px; right: 0px; display: block; width: 64px; height: 40px; background-color: #955f21; border:none; color: #FFF; font-size: 20px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; }











.site_sub {padding-top: 20px; min-height: 600px; background-color: #efefef;}
.site_sub .sub_left {width: 0px; margin-right: 0px; display: none;}
.site_sub .sub_left .title {background-color: #4a5577; height: 46px; line-height: 46px; padding: 0 15px; color: #fff; font-size: 16px; font-weight: bold; margin-bottom: 20px;}

.site_sub .sub_left .title2 {background-color: #4a5577; height: 100px; line-height: 100px; padding: 0 15px; color: #fff; font-size: 24px; font-weight: normal; margin-bottom: 20px; text-align: center;}

.site_sub .sub_left .title3 {background-color: #2275cd; height: 100px; line-height: 100px; padding: 0 15px; color: #fff; font-size: 24px; font-weight: normal; margin-bottom: 20px; text-align: center;}

.site_sub .sub_content {width: 100%; padding-bottom: 50px;}




.layer_popup_image {position:fixed;z-index:9999;background:transparent;padding:0px 0px 0 0px;border:0;}
.layer_popup_image .inner {background:transparent; }
.layer_popup_image .inner img {max-width: 100%; max-height: 100%;}
.layer_popup_image .btn_close_popup_image {position: absolute; top: 0px; right: 0px;}
.layer_popup_image .btn_close_popup_image a {color: #222;}
.layer_popup_image .btn_close_popup_image a i {font-size: 26px; }




.sub_content {position: relative;}
.sub_content h1 {font-weight: 100;  font-size: 34px; border-bottom: 0px solid #333; text-align: center; padding-top: 50px;}
.sub_content h2 {font-size: 18px; margin-bottom: 20px; border-bottom: 1px solid #aaa;}

.sub_content h3 {font-size: 18px; padding-top: 10px; }



.sub_content_filmo {}
.sub_content_filmo h1 {font-weight: 100;  font-size: 50px; border-bottom: 0px solid #333; text-align: center;}


.sub_board_type1 {}
.sub_board_type1 h1 {font-weight: 100;  font-size: 50px; border-bottom: 0px solid #333; text-align: center;}

.sub_board_type1 .area_btn_bottom { text-align: right; padding: 0 0 30px 0;}

.col_dot1 { padding-left: 10px; background: url('../img/dot1.png') no-repeat 0px 13px;}

.sub_board_type1_content { margin-top: 20px;}
.sub_board_type1_content .area_btn_prev_next {position: absolute; top: 70px; right: 0px; width: 200px; display: block; text-align: right;}

.sub_board_type1_content .board_content { color:#333; }
.sub_board_type1_content .board_content .board_title { font-size: 18px; font-weight: 300; padding: 60px 0 15px 0; border-bottom: 1px solid #903715; }
.sub_board_type1_content .board_content .board_info1 { padding: 5px 0; border-bottom: 0px solid #903715; } 
.sub_board_type1_content .board_content .board_info1 .remain_date {color: #fa5605; font-size: 12px;}
.sub_board_type1_content .board_content .board_info1 .info1 {font-size: 13px;  }
.sub_board_type1_content .board_content .board_info1 .info2 {font-size: 13px; text-align: right; color: #777;}


.sub_board_type1_content .board_content .board_info2 {margin-top: 30px; }
.sub_board_type1_content .board_content .board_info2 .info1 { } 
.sub_board_type1_content .board_content .board_info2 .info1 img {width: 100%; height: auto; } 
.sub_board_type1_content .board_content .board_info2 .info2 .inner1 {border:1px solid #ccc; border-top:2px solid #f79201; padding: 10px 20px} 
.sub_board_type1_content .board_content .board_info2 .info2 .inner2 {border:1px solid #ccc; border-top:0px; padding: 10px 20px; background-color: #f7f7f7;} 

.sub_board_type1_content .board_content .board_info2 .info2 .col1 {clear: both; width: 90px; padding-left: 10px; background: url('../img/dot1.png') no-repeat 0px 13px;}
.sub_board_type1_content .board_content .board_info2 .info2 .col2 { width: 30px; }
.sub_board_type1_content .board_content .board_info2 .info2 .col3 { width: 300px; }

.sub_board_type1_content .board_content .board_info3 {margin-top: 30px;}
.sub_board_type1_content .board_content .board_info3 h4 {font-size: 22px; margin-bottom: 10px;}

.sub_board_type1_content .board_content .board_info3 .inner1 {border:1px solid #ddd; padding: 10px 20px; min-height: 300px;  word-break: break-all; }
.sub_board_type1_content .board_content .board_info3 .inner2 {border:1px solid #ccc; border-top: 0px; padding: 5px 20px;  word-break: break-all;}


.sub_board_type1_content .board_content .board_info3_qna .inner1 {border:1px solid #ddd; padding: 10px 20px; min-height: 200px;}
.sub_board_type1_content .board_content .board_info3_qna h4 {font-weight: 300; margin-top: 30px;}



.sub_board_type1_content .board_content .board_info4 {margin-top: 30px;}
.sub_board_type1_content .board_content .board_info4 h4 {font-size: 22px; margin-bottom: 10px;}

.sub_board_type1_content .board_content .board_info4 .inner1 {border:1px solid #ccc; border-top: 2px solid #cda326; padding: 5px 20px; position: relative;}
.sub_board_type1_content .board_content .board_info4 .inner2 {border:1px solid #ccc; border-top: 0px; padding: 5px 20px;}

.sub_board_type1_content .board_content .board_info4 .inner1 .col1 {clear: both; width: 90px; padding-left: 10px; background: url('../img/dot1.png') no-repeat 0px 13px;}
.sub_board_type1_content .board_content .board_info4 .inner1 .col2 { width: 30px; }
.sub_board_type1_content .board_content .board_info4 .inner1 .col3 { width: 390px; }
.sub_board_type1_content .board_content .board_info4 .inner1 .col4 { width: 400px; text-align: right; }



.sub_board_type1_content .board_content .board_info5 {margin-top: 30px; position: relative;}
.sub_board_type1_content .board_content .board_info5 h4 {font-size: 22px; margin-bottom: 10px;}

.sub_board_type1_content .board_content .board_info5 .inner1 {border:1px solid #ccc; border-top: 2px solid #cda326; padding: 5px 20px; position: relative;}
.sub_board_type1_content .board_content .board_info5 .inner2 {border:1px solid #ccc; border-top: 0px; padding: 0; min-height: 300px;}
.sub_board_type1_content .board_content .board_info5 .inner2 #map {height: 300px;}

.sub_board_type1_content .board_content .board_info5 .overlay_noscroll {position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-color: transparent; z-index: 9999;}




.sub_board_type1_content .board_content .board_info6 {margin-top: 30px;}
.sub_board_type1_content .board_content .board_info6 h4 {font-size: 22px; margin-bottom: 10px;}

.sub_board_type1_content .board_content .board_info6 .inner1 { border-top: 2px solid #4c4c4c; padding: 0px 0px; position: relative;}
 

.sub_board_type1_content .board_content .board_info6 table .cast_price a.btn { margin-left: 30px; } 
.sub_board_type1_content .board_content .board_info7 {margin-top: 10px; text-align: right; display: none;}
.sub_board_type1_content .board_content .board_info7 .sns_icon img {width: 27px; height: 27px;}


.sub_board_type1_content .board_content .board_info8 {padding: 50px 0; text-align: right;}




.sub_board_type1_content .board_content .board_info9 {margin-top: 30px;}
.sub_board_type1_content .board_content .board_info9 h4 {font-size: 22px; margin-bottom: 10px;}
.sub_board_type1_content .board_content .board_info9 .inner1 { border-top: 2px solid #4c4c4c; padding: 0px 0px; padding-top: 20px; position: relative;}
 

.sub_board_type1_update {}
.sub_board_type1_update .area_btn_prev_next {padding-top: 7px;}

.sub_board_type1_update .board_content { color:#333; } 

.board_form_file_image {width: 217px; margin-bottom: 5px;} 


.sub_board_type1_update .board_content .board_info1 { padding: 5px 0; border-bottom: 1px solid #e1e1e1; } 
.sub_board_type1_update .board_content .board_info1 .remain_date {color: #fa5605; font-size: 12px;}
.sub_board_type1_update .board_content .board_info1 .info1 {font-size: 13px;  }
.sub_board_type1_update .board_content .board_info1 .info2 {font-size: 13px; text-align: right;}


.sub_board_type1_update .board_content .board_info2 {margin-top: 30px; }
.sub_board_type1_update .board_content .board_info2 .info1 { } 
.sub_board_type1_update .board_content .board_info2 .info1 img {width: 100%; height: auto; } 
.sub_board_type1_update .board_content .board_info2 .info2 .inner1 {border:1px solid #ccc; border-top:2px solid #f79201; padding: 10px 20px} 
.sub_board_type1_update .board_content .board_info2 .info2 .inner2 {border:1px solid #ccc; border-top:0px; padding: 10px 20px; background-color: #f7f7f7;} 

.sub_board_type1_update .board_content .board_info2 .info2 .col1 {clear: both; width: 90px; padding-left: 10px; background: url('../img/dot1.png') no-repeat 0px 13px;}
.sub_board_type1_update .board_content .board_info2 .info2 .col2 { width: 30px; }
.sub_board_type1_update .board_content .board_info2 .info2 .col3 { width: 300px; }

.sub_board_type1_update .board_content .board_info3 {margin-top: 30px;}
.sub_board_type1_update .board_content .board_info3 h4 {font-size: 22px; margin-bottom: 10px;}

.sub_board_type1_update .board_content .board_info3 .inner1 {border:1px solid #ccc; padding: 10px 20px;}
.sub_board_type1_update .board_content .board_info3 .inner2 {border:1px solid #ccc; border-top: 0px; padding: 5px 20px;}


.sub_board_type1_update .board_content .board_info4 {margin-top: 30px;}
.sub_board_type1_update .board_content .board_info4 h4 {font-size: 22px; margin-bottom: 10px;}

.sub_board_type1_update .board_content .board_info4 .inner1 {border:1px solid #ccc; border-top: 2px solid #cda326; padding: 5px 20px; position: relative;}
.sub_board_type1_update .board_content .board_info4 .inner2 {border:1px solid #ccc; border-top: 0px; padding: 5px 20px;}

.sub_board_type1_update .board_content .board_info4 .inner1 .col1 {clear: both; width: 90px; padding-left: 10px; background: url('../img/dot1.png') no-repeat 0px 13px;}
.sub_board_type1_update .board_content .board_info4 .inner1 .col2 { width: 30px; }
.sub_board_type1_update .board_content .board_info4 .inner1 .col3 { width: 390px; }
.sub_board_type1_update .board_content .board_info4 .inner1 .col4 { width: 400px; text-align: right; }



.sub_board_type1_update .board_content .board_info5 {margin-top: 30px;}
.sub_board_type1_update .board_content .board_info5 h4 {font-size: 22px; margin-bottom: 10px;}

.sub_board_type1_update .board_content .board_info5 .inner1 {border:1px solid #ccc; border-top: 2px solid #cda326; padding: 5px 20px; position: relative;}
.sub_board_type1_update .board_content .board_info5 .inner2 {border:1px solid #ccc; border-top: 0px; padding: 0; min-height: 300px;}
.sub_board_type1_update .board_content .board_info5 .inner2 #map {height: 300px;}



.sub_board_type1_update .board_content .board_info6 {margin-top: 30px;}
.sub_board_type1_update .board_content .board_info6 h4 {font-size: 22px; margin-bottom: 10px;}

.sub_board_type1_update .board_content .board_info6 .inner1 { border-top: 2px solid #4c4c4c; padding: 0px 0px; position: relative;}
 

.sub_board_type1_update .board_content .board_info6 table .cast_price a.btn { margin-left: 30px; }
.sub_board_type1_update .board_content .board_info7 .sns_icon img {width: 27px; height: 27px;}
.sub_board_type1_update .board_content .board_info8 {padding: 50px 0; text-align: right;}


.board_list_type1 {margin: 0px; padding: 0px; border-top: 1px solid #903715; margin-top: 70px;} 
.board_list_type1 li {margin: 0px; padding: 12px 0; line-height: 16px;  border-bottom: 1px solid #903715; }   
.board_list_type1 li:hover {background-color: #f5f0e7; cursor: pointer;}   

.board_list_type1 li .col {color: #555; font-size: 16px;  height: 30px; line-height: 30px;}

.board_list_type1 li.head {background-color: #903715; cursor: initial; }
.board_list_type1 li.head .col {color: #fff; text-align: center; font-size: 18px; }
.board_list_type1 li .col_no {width: 10%; text-align: center;color: #a99f8f;}
.board_list_type1 li .col_title {width: 60%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.board_list_type1 li .col_name {width: 10%; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.board_list_type1 li .col_date {width: 10%; text-align: center; color: #a99f8f;}
.board_list_type1 li .col_access {width: 10%; text-align: center; color: #a99f8f;}

 

.board_list_type1_notice li .col_no {width: 10%; }
.board_list_type1_notice li .col_title {width: 70%; }
.board_list_type1_notice li .col_name {display: none;}
.board_list_type1_notice li .col_date {width: 10%; }
.board_list_type1_notice li .col_access {width: 10%; }


.count_comment {color: #ff0000;}


.area_breadcrumb {position: relative; background-color: transparent; height: 65px; line-height: 65px; text-align: center;} 

.area_breadcrumb .bread {display: inline-block;   padding-left: 20px;} 
.area_breadcrumb .bread .breadcrumb {font-size: 12px; color: #777; font-weight: 200;} 
.area_breadcrumb .bread .breadcrumb li a {font-size: 12px; color: #777;} 
.area_breadcrumb .bread .breadcrumb li a:hover {color: #ccc;} 
.area_breadcrumb .bread .breadcrumb li .divider {padding: 0 10px;} 
.area_breadcrumb .bread .breadcrumb li.active {color: #764213; font-weight: 400;}  

.area_breadcrumb .bread .breadcrumb>li+li:before {display: none;}
.area_breadcrumb .border_bottom {height: 1px; width: 54px; position: absolute; bottom: 0px; left: 50%; margin-left: -27px; background-color: #903715; }



.board_content .board_comments {margin-top: 30px;}
.board_content .board_comments h4 {font-size: 22px; font-weight: 200; margin-bottom: 10px;}




.area_board_comment {margin-bottom: 100px;}
.area_board_comment .create_board_comment {position: relative;}
.area_board_comment .create_board_comment .board_comment_content {width: 100%; height: 90px; border:1px solid #b3b3b3; padding-right: 132px;}
.area_board_comment .create_board_comment .btn_create_board_comment {width: 130px; height: 90px; line-height: 75px; border-radius: 0px; position: absolute; top: 0px; right: 0px; }
.area_board_comment .area_delete a {color: #aaa;}
.area_board_comment .area_delete a:hover {color: #777;}


.area_comments { border-top: 1px solid #cbcbcb; margin-top: 10px;}
.area_comments .comment { padding: 5px 0; border-bottom: 1px solid #cbcbcb; position: relative;  }
.area_comments .comment .user {font-size: 12px; color: #666; }
.area_comments .comment .content {font-size: 14px; color: #333;}
.area_comments .comment .date {font-size: 13px; color: #888;}
.area_comments .comment .area_delete {position: absolute; top: 10px; right: 10px;}
 

.board_form1 {margin-top: 60px;margin-bottom: 100px; padding-top: 60px; border-top: 1px solid #764213; }
.board_form1 legend {font-size: 18px; font-weight: bold; margin-top: 50px; border-bottom: 1px solid #aaa;}
.board_form1 legend.form_bottom {border-bottom: 1px solid #764213; margin-top: 50px; margin-bottom: 50px;}







.header_language {padding-left: 15px;}
.header_language .dropdown-toggle {display: block;}



.flag-kr {background-size: cover; background-image: url('../img/flags/flags-mini/kr.png'); background-position: 0px 0px !important; border:1px solid #aaa;}
.flag-us_uk {background-size: cover; background-image: url('../img/flags/flags-mini/us_gb.png') !important; background-position: 0px 0px !important; border:1px solid #aaa;}

.header_language .flag {width: 16px; height: 12px;}


/*.header_language .flag {width: 28px; height: 20px;}*/

.header_language_mobile {margin-bottom: 10px; height: 20px;}
.header_language_mobile>li{margin:0;padding: 0;}
.header_language_mobile>li>div {list-style: none; margin: 0; float: left; padding: 0 13px 0 0;} 
.header_language_mobile>li>div.active img {border: 2px solid #903715; width: 20px; height: 15px;  }


.board_language {position: absolute; top: 14px; right: 0px; } 

.board_language a {display: inline-block; width: 35px; height: 35px; overflow: hidden;  background-color: #f3e59a; color: #903715; line-height: 35px; padding: 0 4px; text-align: center; font-size: 12px;} 
.board_language a.active {background-color: #903715; color: #fff; } 


.area_schedule {width: 100%; min-height: 500px; margin-top: 50px;}

.area_schedule .fc-content {background-color: #f3e59a; }
.fc-event {background-color: #f3e59a; border: 1px solid #f3e59a; cursor: pointer; }
.area_schedule .fc-content .fc-title {color: #764213; font-size: 12px;}

.fc-event, .fc-event-dot {background-color: #f3e59a !important; border: 1px solid #903715 !important;}

.fc-icon, .fc-row.fc-rigid, .fc-time-grid-event {overflow: visible !important;}



.nav_tabs_default {margin: 0; padding: 0; border: 1px solid #903715; height: 51px; }
.nav_tabs_default li {margin: 0; padding: 0; width: 20%; float: left; border-left: 1px solid #903715; height: 50px;   }
.nav_tabs_default li:first-child {border-left: 0px; }

.nav_tabs_default li a {display: block; padding: 0px; height: 49px; line-height: 48px; text-align: center; color: #903715; font-size: 18px; font-weight: 300;}
.nav_tabs_default li a:hover {background-color: transparent;}
.nav_tabs_default li.active a {background-color: #903715; color: #fff; }




.area_filmo_list {margin-top: 80px;}

.filmo_list {padding: 50px 0 0 0; margin: 0 -15px;}

.filmorow {width: 380px; height: 525px; border: #ccc 0px solid; margin: 15px; overflow: hidden; float: left;}

.filmorow .ratio_content {background-size: cover;}
.filmorow .desc {padding: 5px 8px; position: relative; height: 135px; background-color: transparent; border: 1px solid #eee; overflow: hidden;}
.filmorow .desc h4 {font-size: 24px; font-weight: 400; display: block; margin-right: 0px; margin-bottom: 0px; text-align: center; line-height: 28px; padding: 10px 0 10px 0;}
.filmorow .desc p {font-size: 15px; color: #666; font-weight: bold; margin-bottom: 0px;}
/*.filmorow .desc p span {float: right;}*/


.filmorow .desc .info {position: absolute; top: 5px; right: 8px;}

.filmorow .desc .info2 {text-align: center; color: #999; line-height: 22px; font-size: 15px; max-height: 44px; overflow: hidden; } 
.filmorow .desc .info3 {padding: 15px 10px;} 
.filmorow .desc .info3 .btn {height: 40px; line-height: 40px; font-weight: 400; font-size: 18px; padding-top: 0px; padding-bottom: 0px; text-transform: initial; } 


.filmorow .filmo_img {position: relative;} 

.filmorow .filmo_img .ratio_content_desc { opacity: 0; background-color: rgba(255,255,255,0.2); z-index: 9; padding: 10px 15px; color: #fff; overflow: hidden; line-height: 19px; font-size: 12px; text-align: center; line-height: 300px;  -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; }
.filmorow .filmo_img.hover .ratio_content_desc { opacity: 1; }
.filmorow:hover .filmo_img .ratio_content_desc { opacity: 1; }

.filmorow_movie {}

.filmorow_movie {width: 380px; height: 760px; border: #ccc 0px solid; margin: 15px; overflow: hidden; float: left;}

.area_filmo_view {padding-top: 80px;}
.area_filmo_view .area_info h2 {font-size: 30px; font-weight: 400; border-bottom: 0px;}
.area_filmo_view .area_info .info1 .list{font-size: 18px; font-weight: 300; margin-bottom: 10px;}
.area_filmo_view .area_info .info1 .content {font-size: 15px; font-weight: 300; margin-top: 30px; border:1px solid #eee; padding: 15px;}
.area_filmo_view .area_info .info1 .title { font-weight: 400;}

 

.area_profile {padding-top: 80px;}
.area_profile .area_info {padding-left: 50px;}
.area_profile .area_info h4 {font-size: 22px; font-weight: 400; border-bottom: 0px; padding-bottom: 20px; color: #777;}
.area_profile .area_info h2 {font-size: 50px; font-weight: 400; border-bottom: 0px;}
.area_profile .area_info .info1 {margin-top: 50px; border-top: 1px solid #ccc; padding-top: 50px;}
.area_profile .area_info .info1 .list{font-size: 18px; font-weight: 300; margin-bottom: 20px; padding-left: 100px; position: relative;} 
.area_profile .area_info .info1 .title { font-weight: 400; width: 100px; display: block; position: absolute; top: 0px; left: 0px; }



.area_profile .area_info .info1 .sns {padding-top: 30px;}
.area_profile .area_info .info1 .sns a {font-size: 20px; display: inline-block; padding: 0 10px; background-color: #aaa; color: #fff; width: 40px; height: 40px; text-align: center; line-height: 38px; overflow: hidden;} 

.area_profile .area_info .info1 .sns a.facebook {background-color: #4267b2;}
.area_profile .area_info .info1 .sns a.instagram {background-color: #9e6f4f;}
.area_profile .area_info .info1 .sns a.weibo {background-color: #d32f2f;}
.area_profile .area_info .info1 .sns a.twitter {background-color: #1da1f2;}
.area_profile .area_info .info1 .sns a.youtube {background-color: #ff0000;}
 
.user_login_page {padding: 0 10px; background-color: #eee;}

.profile_edit {width: 900px; margin: 0 auto;}



.owl-height {min-height: 400px;}


.box_image2 .owl-height {min-height: 200px;}


.area_vote {padding: 20px 30px !important;}
.area_vote ul {padding: 20px;}
.area_vote ul li input {margin-right: 8px;}




.right_side_banner {  background-color: #483f36; width: 102px;   border: 0px solid #000;  overflow: hidden; position: fixed; top: 270px; right: 5px; z-index: 9999;}
.right_side_banner .area3 .tel {display: block; color: #fff; text-align: center; padding: 20px 0 30px 0;}
.right_side_banner .area3 .tel .title {font-size: 16px; color: #fff; }
.right_side_banner .area3 .tel .number {font-size: 30px; line-height: 24px; color: #fff; padding: 20px 0 0 0; }
.right_side_banner .area4 {border-top: 1px solid #000;}



.right_side_banner_mobile {display: none;}


.page_esti { background-image: url('../img/main_bg3.png'); }


.section_esti {padding: 50px; padding-bottom: 100px;}
.section_esti h1 {font-size: 36px; font-weight: 400; text-align: center; color: #484035; margin-bottom: 30px;}

.box_esti {width: 780px; min-height: 550px; margin: 0 auto; background-color: #fff; box-shadow: 2px 2px 2px rgba(0,0,0,0.2); }
.box_esti .head {text-align: center; line-height: 92px; font-size: 19px; background-color: #605953; color: #fff; }
.box_esti .head .count { color: #ff7f21; }
.box_esti .head .icon {width: 30px;}
.box_esti .content {padding: 60px;}
.box_esti .content .question {padding: 20px; padding-bottom: 0px;}
.box_esti .content .question h2 {text-align: center; font-size: 28px; font-weight: 400; margin-bottom: 20px; margin-top: 10px;}
.box_esti .content .question .area_submit {text-align: center; padding: 40px 0 0 0;}
.box_esti .content .question .area_submit .btn {width: 170px; font-size: 18px;}


.box_esti .content2 {padding: 0px;}
.box_esti .content2 .question .area_submit { padding: 0px 0 0 0;}

.box_esti .content3 {padding: 0px;}
.box_esti .content3 .question .state_title { font-size: 34px; color: #903715; text-align: center; padding: 70px 0; }
.box_esti .content3 .question .area_submit { padding: 30px 0 0 0;}


.box_esti .content4 {padding: 0px;}
.box_esti .content4 .question .area_submit { padding: 0px 0 40px 0;}

.box_esti .partner_title {font-size: 18px; text-align: center;}

.area_step { text-align: center; }
.area_step .step_box {display: inline-block; width: 108px; height: 108px; border:1px solid #ccc; text-align: center; padding: 15px 0; margin: 0 10px; }
.area_step .step_box .number {display: inline-block; width: 48px; height: 48px; background-color: #bbbbbb; border-radius: 50%; text-align: center; line-height: 48px; font-size: 22px; color: #fff; font-weight: bold; }
.area_step .step_box .title { font-size: 18px; color: #aaa; font-weight: 600; margin-top: 5px; }

.area_step .step_box.on  {border-color: #903715; }
.area_step .step_box.on .number {background-color: #903715; }
.area_step .step_box.on .title {color: #903715; }

.area_select_list { text-align: center; }
.area_select_list .select_list {display: inline-block; height: 44px; width: 138px; border-radius: 22px; background-color: #fff; border:1px solid #ccc; text-align: center; font-size: 20px; line-height: 42px; margin: 10px 10px; }
.area_select_list .select_list.on { background-color: #903715; border:1px solid #903715; color: #fff;}

.area_select_list2 .select_list { width: 170px; }

.area_form {margin: 0 auto; width: 580px; padding: 20px 0;}
.area_form input {font-size: 15px; padding: 0 5px;}
.area_form .col1 {width: 150px;}
.area_form .col2 {padding-left: 30px;}
.area_form .col2 input {width: 50px; text-align: center;}
.area_form  textarea {width: 100%; height: 200px; padding: 10px;}



.main_section1 {padding: 64px 0;}

.area_main_section {}
.area_main_section .small_bar {width: 33px; height: 3px; background-color: #ee4444;}
.area_main_section h2 {color: #3d3d3f; font-size: 25px;}
.area_main_section .content {color: #3d3d3f; font-size: 18px; line-height: 30px; padding-top: 15px;}

.main_section3 {padding-top: 40px;}
.main_section3 .area_more {text-align: center;  font-size: 18px; font-weight: bold; padding: 30px 10px 45px;}
.main_section3 .area_more a {color: #888;}
.main_section3 .area_more a img { height: 25px;}
.main_list {margin:0 -5px;}
.main_list li {width: 350px; float: left; display: block; margin:5px; background-color: #e5e5e5; position: relative;}
.main_list li .box1 {width: 100%; height: 100%; display: block; background-size: cover;  }
.main_list li .box1 .back {width: 100%; height: 100%; background-color: rgba(0,0,0,0.7); position: absolute; top: 0px; left:0px; opacity: 0;  -moz-transition: all 200ms ease-in; -o-transition: all 200ms ease-in; -webkit-transition: all 200ms ease-in; transition: all 200ms ease-in;  }
.main_list li .box1 .back .title {width: 100%; position: absolute; top: 50%; left:0px;  transform: translateY(-50%); color: #fff; font-size: 24px; font-weight: bold; padding: 0 0px; text-align: center; }

.main_list li .box1:hover .back {opacity: 1; -moz-transition: all 200ms ease-in; -o-transition: all 200ms ease-in; -webkit-transition: all 200ms ease-in; transition: all 200ms ease-in;   }



.footer .area_menu {background-color: #FFF; border-top: 1px solid #ddd;}
.footer .area_menu .container {padding: 12px 0px;}
.footer .area_menu .menu { color: #ccc; font-size: 14px;}
.footer .area_menu .menu a {color: #888; display: inline-block; margin: 0 10px; }
.footer .area_menu .sns { color: #555; font-size: 17px; text-align: center;}
.footer .area_menu .sns a {color: #555; display: inline-block; margin: 0 0px; padding: 0 10px;  }
.footer .area_menu .menu2 { color: #555; font-size: 12px; text-align: right;}
.footer .area_menu .menu2>.relative>a {color: #333; display: inline-block; margin: 0 10px; }
 


.footer .area_info2 {  padding: 50px 0; } 
.footer .area_info2 .info { color: #3d3d3f; font-size: 16px; font-weight: 200; text-align: center; } 

.footer_image {width: 35px; height: auto;}


.flag {width: 16px; height: 11px !important;}

.footer_language_menu {width: 50px;}


.footer .area_info1 { background-image: url('../img/bg_footer.jpg'); background-size: cover; padding-top: 30px;}
.footer .area_info1 .inner {padding: 35px 35px;}
.footer .area_info1 .small_bar {width: 33px; height: 3px; background-color: #fff; margin-bottom: 15px;}
.footer .area_info1 h4 {color: #fff; font-size: 25px;}
.footer .area_info1 .content {color: #fff; font-size: 18px; line-height: 30px; padding-top: 15px;}
.footer .area_info1 .content a {color: #fff;  }



.post_view_content {margin-top: 30px;}
.post_view_content .area_info {margin-top: 30px;}
.post_view_content .area_info .title {font-size:18px; font-weight: bold; color: #3d3d3f;}
.post_view_content .area_info .content {font-size:18px;  color: #4d4d4d;}
.post_view_content .area_info .divide {height: 30px; clear: both;}

.post_view_content .area_content {padding: 50px 0;}

.post_view_content .area_more {text-align: center;  font-size: 18px; font-weight: bold; padding: 30px 10px 45px;}
.post_view_content .area_more a {color: #888;}
.post_view_content .area_more a img {height: 25px;}


.main_mv {  }
.main_mv .inner {width: 1080px; margin: 0 auto;}
.main_mv .inner img {width: 100%; height: auto;}