@charset "utf-8";
@import url('./fonts.css');

html{width:100%;height:100%;overflow-y:auto;-webkit-text-size-adjust:none; -webkit-backface-visibility: hidden;}
body,h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dt,dd,input,select,textarea,form,fieldset,legend,body{margin:0;padding:0; font-family:"Apple SD Gothic Neo",'Noto Sans KR', "NanumBarunGothic","Malgun Gothic","Nanum Gothic",NanumGothic,Dotum,"돋움",Arial; }
*+html body body, *+html body div, *+html body li, *+html body dt, *+html body dd, *+html body p, *+html body tr, *+html body td, *+html body h2 {font-family: "Apple SD Gothic Neo",'Noto Sans KR', "NanumBarunGothic", "Malgun Gothic","Nanum Gothic",NanumGothic,Dotum,"돋움",Arial;}
body{visibility:visible; width:100%; font-size:13px;color:#333; background:#fff; line-height:1; font-weight:400;}
img,fieldset{border:none;}
em,address{font-style:normal;}
a{text-decoration:none;color:#333;}
li{list-style:none;}
select,textarea{border-radius:0;}
.clear {}
.clear:after {content:"";display:block;clear:both;}
.blind, .sound_only, .msg_sound_only, .sound_only{visibility:hidden;width:0;height:0;font-size:0;line-height:0;overflow:hidden;}
.img_100 {width:100%; height:auto !important; vertical-align:top;}
input[type=text], input[type=password], input[type=submit], input[type=image], button {font-size:1em;-webkit-appearance:none}
input::placeholder { opacity:0.6;}
select{min-width:50px;height:26px;margin:0;padding:0;font-size:12px;line-height:26px;font-family:Dotum,sans-serif;}
::selection {color:#fff; background:#459f78;}
::-moz-selection {color:#fff; background:#459f78;}
.underline {text-decoration:underline; }
.tl { text-align:left;}
.tc { text-align:center;}
.tr { text-align:right;}
.vt {vertical-align:top;}
.mb0 { margin-bottom:0 !important;}
.mb3 { margin-bottom:3px !important;}
.mb20 { margin-bottom:20px !important;}
* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.boxShadow {-webkit-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.1); -moz-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.1); box-shadow:2px 2px 3px rgba(0, 0, 0, 0.1);}

.transAll015 {-webkit-transition: all 0.15s cubic-bezier(0.694, 0, 0.335, 1); -moz-transition: all 0.15s cubic-bezier(0.694, 0, 0.335, 1); -ms-transition: all 0.15s cubic-bezier(0.694, 0, 0.335, 1); -o-transition: all 0.15s cubic-bezier(0.694, 0, 0.335, 1); transition: all 0.15s cubic-bezier(0.694, 0, 0.335, 1); }
.transAll03 {-webkit-transition: all 0.3s cubic-bezier(0.694, 0, 0.335, 1); -moz-transition: all 0.3s cubic-bezier(0.694, 0, 0.335, 1); -ms-transition: all 0.3s cubic-bezier(0.694, 0, 0.335, 1); -o-transition: all 0.3s cubic-bezier(0.694, 0, 0.335, 1); transition: all 0.3s cubic-bezier(0.694, 0, 0.335, 1); }
.scale01 {-webkit-transition: all 0.3s cubic-bezier(0.694, 0, 0.335, 1); -moz-transition: all 0.3s cubic-bezier(0.694, 0, 0.335, 1); -ms-transition: all 0.3s cubic-bezier(0.694, 0, 0.335, 1); -o-transition: all 0.3s cubic-bezier(0.694, 0, 0.335, 1); transition: all 0.3s cubic-bezier(0.694, 0, 0.335, 1);}
.scale01:hover, .scale01:focus {-ms-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1);}

.strongColor01 { color:#459f78;}

.block1280, .block1024, .block768, .block560, .block480, .block380 {display:none !important;}
.in-block1280, .in-block1024, .in-block768, .in-block560, .in-block480, .in-block380 {display:none !important;}


#skip{position:fixed;top:-9999px;left:0;z-index:1000;width:240px;height:30px;background:#676462;}
#skip a{display:block;height:30px;padding:0 0 0 20px;line-height:30px;font-size:12px;color:#333;}
#skip.on{top:0;}
/*#header-sticky-wrapper { position:absolute; width:100%; -webkit-transition: all 0.3s cubic-bezier(0.694, 0, 0.335, 1); -moz-transition: all 0.3s cubic-bezier(0.694, 0, 0.335, 1); -ms-transition: all 0.3s cubic-bezier(0.694, 0, 0.335, 1); -o-transition: all 0.3s cubic-bezier(0.694, 0, 0.335, 1) ; transition: all 0.3s cubic-bezier(0.694, 0, 0.335, 1); z-index:30; }*/

#wrap {overflow:hidden;}
.inner_wrap { position:relative; max-width:1200px; width:96%; margin:0 auto;}

#header {position:relative; width:100%; left:0; top:0; padding:1.5rem; opacity:0; filter: alpha(opacity=0;); background-color: #f4f0e3; -webkit-transition: padding 0.3s cubic-bezier(0.694, 0, 0.335, 1); -moz-transition: padding 0.3s cubic-bezier(0.694, 0, 0.335, 1); -ms-transition: padding 0.3s cubic-bezier(0.694, 0, 0.335, 1); -o-transition: padding 0.3s cubic-bezier(0.694, 0, 0.335, 1); transition: padding 0.3s cubic-bezier(0.694, 0, 0.335, 1); z-index:60;}
.sub_01 #header {background-color:#459f78;}
.sub_02 #header {background-color:#d4f1e4;}
.sub_03 #header {background-color:#d69e6c;}
.sub_04 #header {background-color:#f8d68b;}
.sub_05 #header {background-color:#f4efe2;}
#header.topFixed { position:fixed; padding:0.5rem; }
#header .inner_wrap {}
.logo { display:inline-block; font-size:1.6em;}
.logo a {font-family: 'Ubuntu', sans-serif; font-size:1.1em; line-height:1.5em; color:#459f78; font-weight:700; text-shadow:1px 1px rgba(255,255,255,0.4);}
.logo .letter {display:inline-block; opacity:0; transform:scale(0.9);}

.btn_nav { position:absolute; display:none; width:26px; height:24px; right:10px; top:50%; -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); transform:translateY(-50%); -webkit-transition: all 0.3s cubic-bezier(0.694, 0, 0.335, 1); -moz-transition: all 0.3s cubic-bezier(0.694, 0, 0.335, 1); -ms-transition: all 0.3s cubic-bezier(0.694, 0, 0.335, 1); -o-transition: all 0.3s cubic-bezier(0.694, 0, 0.335, 1); transition: all 0.3s cubic-bezier(0.694, 0, 0.335, 1); cursor:pointer; z-index:21;}
.btn_nav .line {position: absolute; display: block; width:24px; height:24px; right:0; top:0; }
.btn_nav .line span {position: absolute; display: block; width:24px; height:2px; left:50%;  background: #459f78; transform: translate(-50%, 0px);-webkit-transition: all 0.3s cubic-bezier(0.694, 0, 0.335, 1); -moz-transition: all 0.3s cubic-bezier(0.694, 0, 0.335, 1); -ms-transition: all 0.3s cubic-bezier(0.694, 0, 0.335, 1); -o-transition: all 0.3s cubic-bezier(0.694, 0, 0.335, 1); transition: all 0.3s cubic-bezier(0.694, 0, 0.335, 1); }
.btn_nav .text { position:absolute; left:0; top:0;font-family: 'Sacramento', cursive; font-size:2em; line-height:0.8em; font-style:italic; color:#fff; text-align:center; -webkit-transition: all 0.3s cubic-bezier(0.694, 0, 0.335, 1); -moz-transition: all 0.3s cubic-bezier(0.694, 0, 0.335, 1); -ms-transition: all 0.3s cubic-bezier(0.694, 0, 0.335, 1); -o-transition: all 0.3s cubic-bezier(0.694, 0, 0.335, 1); transition: all 0.3s cubic-bezier(0.694, 0, 0.335, 1);  text-shadow:1px 1px 2px rgba(0, 0, 0, 0.2);  }
.sub_01 #header .btn_nav .line span,
.sub_03 #header .btn_nav .line span
	{background: #fff; text-shadow:1px 1px rgba(0,0,0,0.2);}

.btn_nav .line01 { top:2px; margin-left:-3px; }
.btn_nav .line02 { top:calc(50% - 1px); margin-left: 2px;}
.btn_nav .line03 { bottom:2px; margin-left:-2px; }

.btn_nav.open_nav .line01 { top:50%;  transform: translate(-50%, -50%) rotate(45deg); -ms-transform: translate(-50%, -50%) rotate(45deg); -webkit-transform: translate(-50%, -50%) rotate(45deg);}
.btn_nav.open_nav .line02 {opacity:0; filter: alpha(opacity=0;); }
/*.btn_nav.open_nav .text {opacity:0.5; filter: alpha(opacity=50;); }*/
.btn_nav.open_nav .line03 {top:50%; margin-left:-3px; transform: translate(-50%, -50%) rotate(-45deg); -ms-transform: translate(-50%, -50%) rotate(-45deg); -webkit-transform: translate(-50%, -50%) rotate(-45deg); }

.gnbArea { position:absolute; right:0; bottom:0; -webkit-transition: all 0.3s cubic-bezier(0.694, 0, 0.335, 1); -moz-transition: all 0.3s cubic-bezier(0.694, 0, 0.335, 1); -ms-transition: all 0.3s cubic-bezier(0.694, 0, 0.335, 1); -o-transition: all 0.3s cubic-bezier(0.694, 0, 0.335, 1); transition: all 0.3s cubic-bezier(0.694, 0, 0.335, 1);}
.gnbArea:after, .gnb:after {content:"";display:block;clear:both;}
.gnb { display:inline-block; /*margin-right:80px;*/ }
.gnb > li {position:relative; float:left; margin-left:3em; -webkit-transition: all 0.3s cubic-bezier(0.694, 0, 0.335, 1); -moz-transition: all 0.3s cubic-bezier(0.694, 0, 0.335, 1); -ms-transition: all 0.3s cubic-bezier(0.694, 0, 0.335, 1); -o-transition: all 0.3s cubic-bezier(0.694, 0, 0.335, 1); transition: all 0.3s cubic-bezier(0.694, 0, 0.335, 1);}
.gnb > li .board_new {position:absolute; left:0; top:-5px;font-size:0; color:rgba(255,255,255,0);}
.gnb > li .board_new::after {content:"";display:block; width:5px; height:5px; background-color:#fff; border-radius:50%; box-shadow:  0 0 7px 3px rgba(248,241,139,0.3);}
.gnb li a.depth1 { display:block; font-size:1.2em; line-height:1.5em; font-weight:500; padding-bottom:0.2em; color:#bf7634;  text-shadow:1px 1px rgba(255,255,255,0.4); -webkit-transition: all 0.3s cubic-bezier(0.694, 0, 0.335, 1); -moz-transition: all 0.3s cubic-bezier(0.694, 0, 0.335, 1); -ms-transition: all 0.3s cubic-bezier(0.694, 0, 0.335, 1); -o-transition: all 0.3s cubic-bezier(0.694, 0, 0.335, 1); transition: all 0.3s cubic-bezier(0.694, 0, 0.335, 1);}
.gnb li a.depth1:hover, .gnb li a.depth1:focus, .gnb li.on a.depth1, .gnb li.this a.depth1 { }
.gnb li.this a.depth1 { font-weight:700;}
.header_bg {position:absolute; width:100%; height:0; background:rgba(0,0,0,0); left:0; top:0; z-index:1;}

.sub_01 #header .logo a, .sub_03 #header .logo a {color:#fff; text-shadow:1px 1px rgba(0,0,0,0.2);}	

/*.ui-tooltip {
	position:absolute;
	padding: 5px 10px;
	font-size:0.9em;
	font-weight:300;
	color: rgba(255,255,255,0.8);
	border-radius: 4px;
	box-shadow: 0 0 3px rgba(0,0,0,0.3);
	background-color:rgba(0,0,0,0.4);
	z-index:31;
}
.ui-tooltip .arrow {
    width: 20px;
    height: 5px;
    overflow: hidden;
    position: absolute;
    left: 50%;
    margin-left: -10px;
    top: -5px;
  }
.ui-tooltip .arrow::after {content: "";
    position: absolute;
    left: 50%;
    top: -5px;
    width: 9px;
    height: 9px;
	background-color:rgba(0,0,0,0.4);
    box-shadow: 3px 2px 6px -6px black;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);}

[data-tooltip-text]:hover {position:relative;}
[data-tooltip-text]:hover::after{content: attr(data-tooltip-text);

    position: absolute;
	bottom: 100%;
	left: 0;
    
    background-color: rgba(0, 0, 0, 0.8);
	color: #FFFFFF;
	font-size: 12px;

	z-index: 9999;}
*/
[class^="loginLayer_"] { width:260px; right:0;}
.btnArea {position:absolute; right:0; top:50%; -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); transform:translateY(-50%); z-index:5;  }
@media  (min-width: 769px){
.gnbArea { position:absolute; right:0; bottom:80%; -ms-transform:translateY(100%); -webkit-transform:translateY(100%); transform:translateY(100%); z-index:2;}
.gnb6 .gnb_sub { right:1em;}
.sub_01 #header .gnb li a.depth1, .sub_03 #header .gnb li a.depth1 {color:#fff; text-shadow:1px 1px rgba(0,0,0,0.2);}
.is-sticky #header {}
.is-sticky .logo {height:60px;}
.is-sticky .logo a { padding:5px 10px;}
.is-sticky .gnbArea { padding:16px 0 10px}
.is-sticky .header_bg { background:rgba(244,240,227,0.8);  height:100%;}
[class^="loginLayer_"] { position:fixed; border-left:1px solid rgba(0,0,0,0.1); margin-top:0; z-index:10;}
.loginLayer_01 { display:none;}
.loginLayer_02 { right:-261px; top:25px; background-color:#fff; border-top:1px solid #e6eaef; -webkit-transition: all 0.3s cubic-bezier(0.694, 0, 0.335, 1); -moz-transition: all 0.3s cubic-bezier(0.694, 0, 0.335, 1); -ms-transition: all 0.3s cubic-bezier(0.694, 0, 0.335, 1); -o-transition: all 0.3s cubic-bezier(0.694, 0, 0.335, 1); transition: all 0.3s cubic-bezier(0.694, 0, 0.335, 1);}
.loginLayer_02.open_nav { right:0;}
.loginLayer_02.topFixed { top:10px;}
.loginLayer_02 .btn_open {position:absolute; right:100%; top:-1px; display:inline-block; color:#459f78; padding:10px; background-color:#fff; cursor:pointer; border:1px solid rgba(0,0,0,0.1); border-right:0; border-radius:4px 0 0 4px; -webkit-transition: all 0.3s cubic-bezier(0.694, 0, 0.335, 1); -moz-transition: all 0.3s cubic-bezier(0.694, 0, 0.335, 1); -ms-transition: all 0.3s cubic-bezier(0.694, 0, 0.335, 1); -o-transition: all 0.3s cubic-bezier(0.694, 0, 0.335, 1); transition: all 0.3s cubic-bezier(0.694, 0, 0.335, 1);}
.loginLayer_02 .btn_open:hover { padding-right:20px;}
.loginLayer_02 .btn_open.open_nav:hover { padding-right:10px;}
}
@media  (max-width: 1480px){.gnb > li { margin-left:2.5em;}}
@media  (max-width: 1024px){
	.gnb > li { margin-left:2em;}
	.gnb li a.depth1 { font-size:1.3em;}
}
@media  (max-width: 768px){
#header { width:100% !important; padding:0.8rem 0;}
.logo { position:relative; left:10px; z-index:29}
.logo a { /*font-size:1.8em;*/}
.open_nav .logo a {color:#459f78 !important; text-shadow:1px 1px rgba(255,255,255,0.4) !important;}
.open_nav .btn_nav .line span {background: #459f78 !important; text-shadow:1px 1px rgba(0,0,0,0.2) !important;}
.logo a, .is-sticky .logo a { padding:0;}
.btnArea, .is-sticky .btnArea {right:50px; }
.btn_reser { color:#fff; text-align:center; padding:10px 10px 0;}
.btn_reser i { font-size:28px; vertical-align: top;}
.btn_reser span { display:block; font-family: 'Roboto Condensed', sans-serif; font-size:8px; line-height:12px; text-transform: uppercase;}
.btn_nav { display:block; right:10px;}
.gnbArea { position:fixed; /*max-width:420px;*/ width:100%; height:100%; left:auto; right:0; top:0; margin:0; visibility: hidden; opacity: 0; background-color:rgba(244, 240, 227, 0.98); padding-top:10%; text-align:left; z-index:15;}
.open_nav .gnbArea { visibility: visible; opacity: 1; top:0; padding-top:60px; }
.gnb { display:block; margin-right:0;  text-align:center; background-color:rgba(0,0,0,0.05);}
.gnb > li { float:none; display:inline-block; margin:0;  }
.gnb li a.depth1 { font-size:1.25em; padding:0 15px; line-height:2.5em; color:#459f78; padding-top:0.2em; font-weight:600; }
.gnb li.this a.depth1 {background:#459f78; color:#fff; font-weight:400; text-shadow:1px 1px rgba(0,0,0,0.1);}
[class^="loginLayer_"] {position:absolute; margin-top:5.6%; }
.loginLayer_01 {background-color:#fff; width:100%; margin-top:0;}
.loginLayer_02 { display:none;}
}

@media  (max-width: 420px){
.gnb li a.depth1 { font-size:1.2em; padding:0 8px;}
}
@media  (max-width: 360px){
.gnb li a.depth1 { font-size:1.15em; padding:0 8px;}
}
@media  (max-width: 360px){
.gnb li a.depth1 { font-size:1.05em; padding:0 7px;}
}

/* footer */
#footer { position:relative;padding:2em 1em; margin-top:5%; text-align:center; background-color:#459f78; color:#fff;-webkit-transform-style: preserve-3d; -webkit-transform: translateZ(5px); z-index:5;}
.copyWarp { text-align:center;}
.btn_top {display: inline-block; text-align: right; float: right; vertical-align: middle; color:#fff;}


@media  (max-width: 1720px){
}

.conArea {position:relative;}
.conArea::after {content:"";display:block;clear:both;}

.table_radio{ width:23.7%; left:61%;}
.radio { position:relative; display:block;}
.radio span { display:block;}
.radio .radio_body { position:relative; width:100%; height:0; padding-bottom:50%; background-color:#d69e6c; z-index:1;}
.radio .radio_handle {position:absolute; width:4.8%; height:40%; left:100%; top:43%; background-color:#459f78; -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); transform:translateY(-50%);  }
.radio .speaker { position:absolute; width:38%; top:15%; /*-ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); transform:translateY(-50%);*/ z-index:3;}
.radio .speaker {animation:1.2s speaker ease infinite; *animation:1.2s speaker000 ease infinite; /*transform-origin: center center;*/}
/**.radio .speaker {animation:1.2s speaker000 ease infinite;}*/
@keyframes speaker {
  0%, 100% {transform: scale(0.95);  opacity:0.95;}
  40%, 45%, 70%, 75% {transform: scale(0.99);  opacity:1;}
}
.radio .speaker.speaker01 { left:8%;}
.radio .speaker.speaker02 { right:8%;}
.radio .speaker span { position:absolute; display:block;  border-radius:50%;} 
.radio .speaker span:nth-of-type(1) { position:relative; width:100%;height:0; padding-bottom:100%; background-color:#fff; z-index:1;}
.radio .speaker span:nth-of-type(2) { width:73%; padding-bottom:73%; left:50%; top:50%; background-color:#f8d68b; -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%); z-index:2;}
.radio .speaker span:nth-of-type(3) {width:36%; padding-bottom:36%; left:50%; top:50%; background-color:#d69e6c; -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%); z-index:3}
.radio_antenna { position:absolute; width:4.6%; left:10%; bottom:100%;}
.radio_antenna span { display:block; width:100%; height:0; margin:0 auto; background-color:#459f78;}
.radio_antenna span:nth-of-type(1) { padding-bottom:110%;}
.radio_antenna span:nth-of-type(2) { position:relative; width:1px; padding-bottom:240%; left:-0.5px;}
.radio_antenna span:nth-of-type(3) {padding-bottom:500%;}

#bo_cate, .bo_cate_ul {margin:0 0 10px}
.bo_cate_ul { border-bottom:1px solid #45a078;}
#bo_cate h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_cate ul, .bo_cate_ul {zoom:1}
#bo_cate ul:after, .bo_cate_ul:after {display:block;visibility:hidden;clear:both;content:""}
#bo_cate li, .bo_cate_ul li {display:inline-block;position:relative;float:left;width:10%;text-align:center}
#bo_cate a, .bo_cate_ul a {display:block;line-height:36px;padding:0 10px;margin-left:-1px;border:1px solid transparent;border:1px solid #e4e5e7;background:#f7f8f9}
#bo_cate a:focus, #bo_cate a:hover, #bo_cate a:active, .bo_cate_ul a:focus, .bo_cate_ul a:hover, .bo_cate_ul a:active {text-decoration:none;color:#45a078}
.bo_cate_ul li .board_new { position:absolute; right:10px; top:50%; font-family: 'Montserrat', sans-serif; font-size:13px; color:#45a078; line-height:20px; font-weight:700; pointer-events: none; user-select: none; -webkit-user-select: none; -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); transform:translateY(-50%); z-index:5;}
.board_new { animation:1.2s board_new ease 0.5s infinite;}
@keyframes board_new {
 0%,100% {opacity:0;}
 30%,80% { opacity:1;}
}

#bo_cate #bo_cate_on {z-index:2;background:#fff;color:#45a078;font-weight:500}
.bo_cate_ul .bo_cate_on {z-index:2;background:#45a078;color:#fff;font-weight:500}
.bo_cate_ul .bo_cate_on:hover { color:#fff;}
.bo_cate_ul .bo_cate_on + .board_new {color:#ffbf36; }
#bo_cate #bo_cate_on:after, .bo_cate_ul .bo_cate_on:after {content:"";position:absolute;left:0;top:0;width:100%;height:100%;border:1px solid #45a078;z-index:5}

@media (max-width:980px){
	#bo_cate {}
	#bo_cate li, .bo_cate_ul li {width:33.333%;margin-top:-1px}
}

@media  (max-width: 1280px){

.none1280 {display:none;}
.block1280 {display:block !important;}
.in-block1280 {display:inline-block !important;}

.topArea .lSAction a { width:40px; height:40px; background-size:80px 40px;}
.topArea .lSAction a.lSPrev { right:41px;}
}

@media  (max-width: 1024px){

.none1024 {display:none !important;}
.block1024 {display:block !important;}
.in-block1024 {display:inline-block !important;}
}

#bo_list .bo_subject .new_icon {font-size:0.65em !important;}
#bo_v .bo_v_tit {font-weight:600 !important;}
@media  (max-width: 980px){
#bo_cate a, .bo_cate_ul a { font-size:1.1em; letter-spacing: -0.02em;}
#bo_list .bo_list_innr { padding:15px;}
.sub_02 #bo_list .bo_list_innr {padding:10px 0;}
.list_03 li { font-size:1.15em;}
.album_list.list_04 li {letter-spacing:-0.08em;}
#bo_li_01 li .tit {margin-bottom:0.3em;}
#bo_vc, #bo_vc_w {padding:15px 8px}
#bo_vc header {font-size:1.15em;}
#bo_vc .cmt_contents {font-size:1.1em;}
#bo_v_info, #bo_v_con {font-size:1.2em;}
#bo_v .bo_v_innr {padding:20px 12px !important;}
}

@media  (max-width: 768px){

.none768 {display:none !important;}
.block768 {display:block !important;}
.in-block768 {display:inline-block !important;}

.ol_m_info {font-size:1.25em;}
#ol_after_private li {font-size:1.1em;}

}

@media  (max-width: 560px){

.none560 {display:none !important;}
.block560 {display:block !important;}
.in-block560 {display:inline-block !important;}
}

@media  (max-width: 480px){

.none480 {display:none !important;}
.block480 {display:block !important;}
.in-block480 {display:inline-block !important;}
.topTypo .topTypo_02 { font-size:0.8em;}
.topTypo .topTypo_03 { font-size:6px; }
}


@media  (max-width: 380px){

.none380 {display:none;}
.block380 {display:block;}
.in-block380 {display:inline-block;}
}

.bo_guest img {border-radius:0 !important; margin-right:3px; vertical-align:middle}

[class^="link_youtube"] {position:fixed; width:50px; height:50px; padding:12px;  background:#45a078; border-radius:50%; border:1px solid rgba(255,255,255,0.3); z-index:100010;}
[class^="link_youtube"] img, [class^="link_youtube"] svg { position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:26px;}
[class^="link_youtube"] svg {width:30px; color:#cf1c1c; opacity:0;}


.youtube_01 { animation:10s youtube_01 linear infinite; z-index:5;}
@keyframes youtube_01 {
  0%,44%,100% {opacity:1; }
  50%,94% {opacity:0}
}
.youtube_02 { animation:10s youtube_02 linear infinite; z-index:5;}
@keyframes youtube_02 {
  0%,44%,100% {opacity:0; }
  50%,94% {opacity:1}
}

@media  (min-width: 769px){
.link_youtube01 { right:30px; bottom:30px;}
.link_youtube02 { display:none; }
}
@media  (max-width: 768px){
.link_youtube01 { display:none;}
.link_youtube02 { display:block; position:absolute; }
[class^="link_youtube"] { width:40px; height:40px; right:45px; top:-3px;}
[class^="link_youtube"] img { width:20px;}
[class^="link_youtube"] svg { width:24px;}
}