@charset "utf-8";
/* berabiit.com */

@media
only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-device-pixel-ratio:1.5),
only screen and (min-resolution:1.5dppx) {
.tpl_cmt .cmt_list .author_wrap {background-image:url(./author_wrap@2x.png); background-size:42px 42px}
}

@media
only screen and (-webkit-min-device-pixel-ratio:3),
only screen and (min-device-pixel-ratio:3),
only screen and (min-resolution:3dppx) {
.tpl_cmt .cmt_list .author_wrap {background-image:url(./author_wrap@3x.png); background-size:42px 42px}
}

@media
only screen and (-webkit-min-device-pixel-ratio:4),
only screen and (min-device-pixel-ratio:4),
only screen and (min-resolution:4dppx) {
.tpl_cmt .cmt_list .author_wrap {background-image:url(./author_wrap@4x.png); background-size:42px 42px}
}

.ad-bottom { margin: 0 auto; text-align: center; }
.ad-left { width: 350px; display: inline-block; text-align: center; }  
.ad-right { width: 350px; display: inline-block; text-align: center; }  

@media (max-width:1220px) and (min-width:0) {
/* spot */
.spot_left {float:none}
.spot_right {display:none}

/* content */
#content {float:none}

/* aside */
aside {float:none; clear:both; margin-top:20px; padding-top:30px; border-top:1px solid #ccc}

}
@media (max-width:1220px) and (min-width:961px) {
/* gnb */
.gnb {width:806px}
.gnb_wrap {width:802px}

/* spot */
.spot {width:806px}

/* container */
#container {width:806px}

/* content */
#content {width:806px}

/* aside */
aside {width:806px}
aside .s_card {width:802px}

/* side_menu */
.side_menu.fixed {margin-left:-453px}

/* footer */
.footer_wrap {width:806px}
}

@media (max-width:960px) and (min-width:0px) {
/* common */
a:hover {text-decoration:none !important}

/* gnb */
.gnb {margin-top:20px; margin-bottom:15px; padding:0 12px; width:auto}
.gnb_wrap {width:auto}

.ad { width: 100%; }
.ad-left { width: 100%; }  
.ad-right { display: none; }
    
/* spot */
.spot {padding:0; width:auto}
.spot_left {width:auto; height:180px}
.spot_left h1.text {padding-top:70px}
.spot_left h1.logo {margin-top:28px}
.spot_left h1.logo a {width:280px; height:125px; background-size:280px 125px}

/* container */
#container {padding:0 12px; width:auto}

/* content */
#content {width:auto}

/* c_tpl */
.c_tpl {width:auto}
.c_tpl .h_group {padding-top:15px}
.c_tpl .h_group .admin a {font-size:16px}

/* tpl_search */
.tpl_search .list_category .desc .tit_subject {padding-top:5px; width:100%; line-height:20px}
.tpl_search .list_category .desc .date {float:left; padding-top:0; font-size:14px; text-align:left; line-height:19px}
.tpl_search .list_category .desc .cnt {position:absolute; bottom:5px; left:81px; padding-top:0; font-size:13px; line-height:19px}

/* tpl_cmt */
.tpl_cmt .cmt_list .author_name a {font-size:19px}
.tpl_cmt .cmt_list .author_date {font-size:15px}
.tpl_cmt .cmt_list p {font-size:16px}
.tpl_cmt .cmt_list .btn_area a {font-size:16px}

/* tag_body */
.tag_body li>a {padding:5px 8px 3px; font-size:16px}

/* c_article */
.c_article .sec_cmt .c_desc.m_hide {display:none}
.c_article .btn_cmt_open.m_show {display:block}

.c_article .btn_cmt_open {width:100%}
.c_article .sec_tag .tag_desc a {padding:5px 8px 3px; font-size:16px}

/* article_desc */
.article_desc .title_category {font-size:16px}
.article_desc .sub_category {font-size:16px}
.article_desc .sec_desc p {font-size:14px}
.article_desc .sec_desc blockquote {font-size:15px}

/* imageblock */
.imageblock {max-width:100%!important}
.imageblock img {max-width:100%!important; height:auto!important}

/* c_paging */
.c_paging .num span {display:none}
.c_paging .interword {display:none}
.c_paging .num .selected {display:inline-block}

/* aside */
aside {width:auto}
aside .s_card {width:auto}
aside .h_group {padding:0}
aside .h_group h3 {display:block; padding:8px 0}
aside .h_group a {display:block; font-size:16px}
aside .h_group a h3 {font-size:16px}
aside .s_list a {font-size:16px}

/* s_category */
.s_category a .new {font-size:15px}

.s_category>ul>li {padding-top:0}
.s_category>ul>li>a {display:block; padding:8px 0; font-size:16px}
.s_category>ul>li>ul {margin-top:0}
.s_category>ul>li>ul>li>a {font-size:16px}
.s_category>ul>li>ul>li>ul>li>a {padding:1px 0; font-size:16px}

/* s_rct_cmt */
.s_rct_cmt .title {font-size:16px; line-height:23px}
.s_rct_cmt .sub {margin-top:0; font-size:15px; line-height:18px}

/* visit */
.visit_total {padding:18px 0; font-size:23px}
.visit_all {font-size:15px}

/* s_search */
.s_search .sec_search {padding-top:9px; padding-bottom:8px}
.s_search .input_text {font-size:16px; line-height:20px}
.s_search .input_text:-ms-input-placeholder {color:#aaa; line-height:20px}
.s_search .input_text::-moz-input-placeholder {color:#aaa; line-height:20px}
.s_search .input_text:-webkit-input-placeholder {color:#aaa; line-height:20px}
.s_search .submit {top:7px}

/* side_menu */
.side_menu {display:none}

/* m_btn_top */
.m_btn_top {display:block}

/* footer */
footer {margin-top:35px}
.footer_wrap {width:auto}
}

@media (max-width:500px) and (min-width:0px) {
/* sta */
.sta {display:none}
	
/* spot */
.spot_left {height:130px}
.spot_left h1.text {padding-top:36px}
.spot_left h1.text a {font-size:24px; line-height:30px}
.spot_left h1.logo {margin-top:25px}
.spot_left h1.logo a {width:175px; height:78px; background-size:175px 78px}

/* gnb */
.gnb {margin-top:15px}
.gnb_wrap {height:35px}
.gnb li {width:25%}
.gnb li a {padding:8px 0 6px; width:auto}

/* tpl_cmt */
.tpl_cmt .cmt_write .input_group {float:none; margin-left:0; margin-top:8px}
.tpl_cmt .cmt_write .input_group:first-child {margin-top:0}

/* content */
.c_tpl .h_group {padding-top:12px}
.c_tpl section {padding-left:12px; padding-right:12px}
.c_article .sec_tag {margin-top:15px; padding-top:10px}
.c_article .sec_cmt {margin-top:15px; padding-top:10px}
.c_article .btn_cmt_open {margin-top:15px; padding:7px 0 6px; font-size:18px}
.c_paging {margin-top:10px}

/* aside */
aside {margin-top:20px; padding-top:20px}

/* footer_wrap */
.footer_wrap {padding:25px 0}
.footer_wrap p {font-size:14px; line-height:23px}
}

.youtubeWrap {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%;
}
.youtubeWrap iframe {
  position: absolute;
  width: 100%;
  height: 100%;
}