@charset "utf-8";

@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);
@font-face { font-family: 'S-CoreDream-3Light'; src: url('//cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-3Light.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'GmarketSansMedium'; src: url('//cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff'); font-weight: normal; font-style: normal; }

html{transition:transform 1000ms ease-out}
body{font-weight:400}
html, body{height:100%!important;width:100%;margin:0;padding:0;font-family:"Noto Sans KR", sans-serif;background:#fff;letter-spacing: -1.3px;}
h1,p,ul{margin:0;padding:0}
li{list-style:none}
a{color:#000;text-decoration:none !important;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;text-decoration: none;}
p {margin:0;padding:0;word-break:break-all}
b{font-weight:700}
input:focus,select:focus,textarea:focus,button:focus {outline: none;}
*:focus {outline: none;}
.pc_img{display:block!important;}
.m_img{display:none!important;}
.visible-xs{display:none!important}
.hidden-xs{display:block!important}
.clear:after{display:block;content:"";clear:both}
.left{float:left}
.right{float:right}
.img-responsive{max-width:100%}
.m-auto{margin:auto}
.container{max-width:1200px;margin:auto;padding:0}
.section{ /*padding:100px 0 */padding:40px 0 }
.all_bg {position: fixed;top: 0;left: 0;right: 0;bottom: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,0.8);display: none;z-index: 9999;}

#headercount {padding :20px 11px 20px 11px;background: #1b2848;box-sizing: border-box;width: 100%;margin: 0;position:relative}
#headercount .tit{color:#fff;padding:0}
#headercount .tit span {color: #ffe259;}
#headercount .tit h3{float:left;margin-bottom:0}
#headercount .tit h3 img{float:left;}
#headercount .tit h3 p{float: left;/*margin-left:3px;*/}
#headercount .tit .date{font-weight: 300;float: left;margin-left: 10px;margin-bottom: 0;padding:5px 0;opacity: .7;}
#headercount .more_btn{width: auto;float: right;text-align:Center;position:absolute;top: 18px; right: 35px;0}
#headercount .count_list {width: 84%;float: left;}
#headercount .count_list li {border:2px solid #0f83ca;width:32.3333%;float: left;background: #fff;border-radius: 50px;position: relative;top: 0;left: 0;padding: 8px 10px;}
#headercount .count_list li:nth-child(2){margin:0 1.5%}
#headercount .count_list li .txt {position: absolute;top: 0;left: -1px;width: 50%;border-radius: 50px;padding: 8px 10px;height: 100%;margin: 0;text-align: center;color:#fff}
#headercount .count_list li .num {float: right;line-height: 1em;margin: 0;}
#headercount .count_list li .num span {font-size: 1.2em;margin-right: 5px;font-weight:600}
#headercount .count_list .count01{border-color:#0f83ca}
#headercount .count_list .count02{border-color:#316bcc}
#headercount .count_list .count03{border-color:#753ea9}
#headercount .count_list .count01 .txt{background: #0f83ca;}
#headercount .count_list .count02 .txt{background: #316bcc;}
#headercount .count_list .count03 .txt{background: #753ea9;}
#headercount .count_list .count01 .num span{color:#0f83ca}
#headercount .count_list .count02 .num span{color:#316bcc}
#headercount .count_list .count03 .num span{color:#753ea9}
#headercount .closed { position: absolute; top: 0; right: 0;  padding:26px 10px 20px 10px; }

#header{margin:0;    border-bottom: 1px solid #ece9e9;}
#header .logo{margin-bottom:0;padding:20px}
#header .logo span{color:#5cbaee}
/*#header .menu_btn { padding: 15px; text-align: center; }*/
#header .menu_btn { padding: 15px;  position: absolute;  right: 0;  width: 60px;}
#header .menu_btn img { height: 20px; }
#header .menu_btn1 { padding: 15px;  position: absolute;  right: 40px;  width: 60px;}
#nav .menu {float:left;width:33.3333%;position:relative;top:0;left:0;text-align:center}
#nav .menu > a {display: block;padding: 20px 0;}
#nav .menu .submenu {display:none;position: absolute;width: 100%;z-index: 1000;}
#nav .menu .submenu li{float: none;width:100%;display:block;padding: 0 !important;}
#nav .menu .submenu li a {width: 100%;background-color: rgba(53, 47, 45, 0.7);padding:15px 0;color:#fff;font-size: 13px;display: block;}
span.current{ display:none; }

header .m_menu {position: fixed;top: 0;right: 0;bottom: 0;width: 0;height: 100%;background: #fff;z-index: 9999;letter-spacing: 0px;transition: all 0.4s ease;overflow-x: hidden;}
header #lnb { padding-top: 70px; }
header #lnb .submenu {display: none;background-color: #57585a;padding: 10px 0;}
header #lnb .submenu a {padding: 15px 20px; color: #fff; display: block;}
header #lnb .menu > a {display: block;font-size: 13px;padding: 20px 25px;position: relative;top: 0;left: 0;}
header .m_menu .m_menu_top .closebtn { position: absolute; top: 0; right: 0; padding: 10px 20px; font-size: 30px; }

#searchBox {padding: 10px;}
#searchBox .search_input {border: 1px solid #cccccc;border-radius: 50px;background: #fff;width: 100%;position:relative;top:0;left:0;padding: 8px 15px;}
#searchBox .submit {position: absolute;top: 50%;right: 20px;transform: translateY(-50%);width: 30px;height: 30px;text-indent: -9999px;border-radius: 50%;border: 0;background-image: url(./images/search.png);background-position: center;background-repeat: no-repeat;background-size: 100%;}

.section .tit{padding:15px 0;border-bottom:2px solid #000}
.section .tit a {float: right;font-size: 1.2em;color: #a8a8a8;font-weight: 400;}

.shop_list:after{display:block;content:"";clear:both}
.shop_list li {color: #c2c2c2;float: left;padding: 5px 15px;border: 1px solid #c2c2c2;margin-right: 10px;border-radius: 50px;}
.shop_list li:hover {background: #5cbaee;border-color: #5cbaee;color: #fff;}

#section04 .cont_box{position:relative;top:0;left:0}
.you_list .tab-content {display: none;}
.you_list .tab-content.current {display: block;}
.you_list2 {position: absolute;top: 0;right: 0;height: 100%;/* padding:0*/}
.you_list2 .tab-link {height: 32%;background:#f6f6f6;cursor: pointer;}
.you_list2 .tab-link:nth-child(2){margin:1.5% 0;}
.you_list2 .tab-link img {height: 100%;float:left;}
.you_list2 .tab-link p {margin-left: 7%;float: left;width: 30%;padding-top: 23px;}
.you_list2 .tab-link p .date {margin-top: 15px;display: block;}

#section05 { margin: 0;  margin-top: 40px;}
#section05 > div{float:left;min-height:390px;}
#section05 .tit {padding: 0;border: 0;margin:0}

.sns01{width:25%;padding: 20px 30px;box-sizing: border-box;border:1px solid #ddd}
.sns01 .cont_box {text-align: center;}
.sns02{width:37.5%;padding-left:10px}
.sns02 > div{height:49%;}
.sns02 .sns_top{margin-bottom:1.5%}
.sns02_01 .sns_top > div{width:49%;margin-right:2%;float:left;text-align: center;border: 1px solid #ddd;padding-top:20px;height:100%}
.sns02_01 .sns_top > div:last-child{margin-right:0}

.sns02_01 .sns_bottom {width: 100%;display: table;border: 1px solid #ddd;padding:20px 10px}
.sns02_01 .sns_bottom .inner {display: table-cell;vertical-align: middle;}
.sns02_01 .sns_bottom .inner:after{display:block;content:"";clear:both}
.sns02_01 .sns_bottom img{margin-top: 15px!important;width:25%;float:left}
.sns02_01 .sns_bottom ul {width:75%;float:left}

.sns02_01 .sns_bottom li {display:inline-block;width:32%;text-align:center;vertical-align: bottom;}
.sns02_01 .sns_bottom .inner > div {font-size: 1.2em;}


.sns02_01 .sns_bottom li.today .bar {
    height: 30px;
    background: #7287d2;
}
.sns02_01 .sns_bottom li.yesterday .bar {
    height: 60px;
    background: #a7a7a7;
}
.sns02_01 .sns_bottom li.total .bar {
    height: 100px;
    background: #2e84cb;
}
.sns02_01 .sns_bottom li .bar {
    width: 50%;
    margin: auto;
	max-height:100px;
}

.sns02_02 .sns_box > div{width:49%;margin-right:2%;float:left;display:table;text-align:center;height: 100%;background-size: 100% 100%;background-position: center;background-repeat: no-repeat; }
.sns02_02 .sns_box > div:last-child{margin-right:0}
.sns02_02 .sns_box > div a{display:table-cell;vertical-align:middle;color:#fff;}
.sns02_02 .sns_box h6{margin-bottom:0}
.sns02_02 .sns_box .s_box01{background-image: url(./images/s_box01_bg.png);}
.sns02_02 .sns_box .s_box02{background-image: url(./images/s_box02_bg.png);}
.sns02_02 .sns_box .s_box03{background-image: url(./images/s_box03_bg.png);}
.sns02_02 .sns_box .s_box04{background-image: url(./images/s_box04_bg.png);}
.sns02_02 .sns_box .s_box04 a{color:#422e23}

footer .footer{background:#2b2b2b;color:#ffffff;padding:50px 0}
footer .footer .f_info{font-weight:300}
footer .footer .f_list li{float:left;width:20%;text-align:center}
footer .footer .f_list a{color:#fff;}
.quick {width: 46px;position: fixed;top: 50%;left: 50%;transform: translateY(-50%);margin-left: 650px;margin-top:-15px;}
.quick li{margin-top:15px;}

.sub .Page .pagination{text-align:center;width:auto;display:block;padding:20px 0px;}
.sub .Page .pagination li{display:inline-block;}

.list {/*background: #fbfbfb;*/}
.list_cont .more_view{display:block;color:#5cbaee}
.list_cont .section_list .cont_box{ /*margin:0 */     margin-top: 0px !important;}
.list_cont .section_list .cont_box > div{padding:0;margin:0;padding-bottom:2rem;border-bottom:1px solid #eee;padding-top: 30px;}
.list_cont .section_list .cont_box > div img{width:100%;margin:0}

.section_view {padding:0px;margin-left: 15px;margin-right: 15px;}
.section_view .tit .desc{font-size:0.7em;margin-top:15px;color:#959595}
.section_view .tit .desc .time{margin-left:15px;}
 .different h4 {padding: 15px 0;text-align: center;color: #8f8f8f;border-top: 1px solid #8f8f8f;border-bottom: 1px solid #8f8f8f;}
 .different .row > a{position:relative;top:0;left:0}
 .different .row > a img{width:100%}
 .different .row > a span{position:absolute;bottom:0;padding:10px;background:rgba(0,0,0,0.5);color:#fff;left:15px;right:15px;}
 .comments {padding: 15px 0; /* border-top: 1px solid #8f8f8f;border-bottom: 1px solid #8f8f8f; */color:#8f8f8f}
 .comments:after{display:block;content:"";clear:both}
 .comments .desc span{color:#5cbaee}
 .comments input[type="text"]{height:40px;padding:8px 10px;border:1px solid #8f8f8f;width:35%}
 .comments input[type="password"]{height:40px;padding:8px 10px;border:1px solid #8f8f8f;width:35%}
 .comments textarea{padding:8px 10px;min-height:150px;width:100%;margin-top:5px;border:1px solid #8f8f8f;}
 .comments .secret{/*position:absolute;*/top:10px;right:0}
 .comments .input_box{position:relative;top:0;left:0}
 .comments button{float:right;background:#333;color:#fff;padding:10px 30px;border:0;clear:both;margin:10px;}
.section_view a.conf {font-size:1em;padding:0px 10px;}
.section_view .shop_list li{margin-top:5px;}
.section_view .v_sns{max-width:450px;margin:auto}
.container_postbtn .postbtn_like {float: left;padding: 0 9px;border-radius: 16px;border: 1px solid #959595;border-color: rgba(185,185,185,0.5);font-size: 0 !important;}
.container_postbtn .postbtn_like .wrap_btn {float: left;position: relative;}
.container_postbtn .btn_post {height: 30px;padding: 0 6px;font-size: 0 !important;line-height: 0 !important;color: inherit !important;border: 0 none;background-color: transparent;cursor: pointer;outline: none;}
.ico_postbtn, .container_postbtn .ico_postbtn, .container_postbtn .btn_menu_toolbar .img_common_tistory, .bundle_ccl .ico_postbtn {display: inline-block;overflow: hidden;background: url(./images/icon.png) no-repeat;vertical-align: top;text-indent: -9999px;}

.container_postbtn .btn_post .ico_postbtn {width: 14px;height: 14px;max-width: 15px;}
.container_postbtn .btn_post .ico_like {width: 15px;margin: 3px 4px 0 0;background-position: -100px -20px;}
.container_postbtn .btn_post .txt_like {display: inline-block;margin: -1px 0 0;font-size: 13px !important;line-height: 19px !important;color: inherit !important;vertical-align: top;}
.container_postbtn .btn_post .empathy_up_without_ani .ico_like {background-position: -120px -20px;}
.container_postbtn .btn_post .ico_share {width: 13px;height: 15px;margin: -1px 0 0 0;background-position: -100px 0;}
.container_postbtn .btn_post .ico_etc {height: 4px;margin-left: -1px;background-position: -120px 0;}
.container_postbtn .btn_menu_toolbar {width: 80px;height: 32px;padding: 0;border: 1px solid rgba(185,185,185,.5);border-radius: 16px;font-size: 0 !important;line-height: 30px;color: inherit;box-sizing: border-box;background:#fff;margin-left:5px;}
.container_postbtn .btn_menu_toolbar .txt_state {margin: 0 0 0 -1px;font-size: 13px !important;line-height: inherit !important;}

@media (max-width: 1340px){
	.quick{left:auto;right:15px;margin-left: 0px;}
}

@media (max-width: 1200px){
	.container{padding:0}
	.section{padding:80px 15px:}
	.row{margin:0}

	h1, .h1 {font-size: 2rem;}
	h2, .h2 {font-size: 1.8rem;}
	h3, .h3 {font-size: 1.6rem;}
	h4, .h4 {font-size: 1.4rem;}
	h5, .h5 {font-size: 1.1rem;}

	.you_list .tab-content iframe {
		height: 300px;
	}
	.you_list2 .tab-link p {
		width: 45%;
		margin-left: 5%;
		padding-top: 10px;
	}
	.you_list2 .tab-link p .date{margin-top:5px;}

	#section04 .cont_box > div{padding:0}
	#section05 > div {width:50%}
	#section05 > div.sns02_02 {width: 100%;margin-top:15px;min-height: auto;}

	.sns02_02 .sns_top, .sns02_02 .sns_bottom{width:49%;height:auto;float:left}
	.sns02_02 .sns_top{margin-right:2%}
	.sns02_02 .sns_box > div{display:block;padding:30px 0}
	.sns02_02 .sns_box > div a{display:block;}
}

@media (max-width: 990px){
	#headercount{padding:15px 20px;}
	#headercount > div{padding:0}
	#headercount .tit{margin-bottom:15px;}
	#headercount .count_list{width:100%}
	#headercount .more_btn {text-align:right;width:auto;right:20px;}
	#searchBox{display:none;}
	
	#header .logo {margin-bottom: 0;padding: 20px 10px;}
	#nav{padding:0}
	.section{padding:50px 15px;}
	
	.you_list .tab-content iframe { height: 400px; }
	.you_list2 .tab-link p { display:none; }
	.you_list2{position:relative;top:0;left:0}
	.you_list2 .tab-link{height:auto;width:32.3333%;float:left}
	.you_list2 .tab-link:nth-child(2){margin:0 1.5%;}
	.you_list2 .tab-link img{height:auto}

	.main .section_list .cont_box > a{margin-top:30px;}
	.main .section_list .cont_box > a:nth-child(1), .main .section_list .cont_box > a:nth-child(2){margin-top:0}

	.quick{display:none;}
	
	footer .footer{text-align:Center}

	.list_cont .section_list .cont_box > div:nth-child(2){margin-top:0!important}
}

@media (max-width: 768px){
	.visible-xs{display:block!important}
	.hidden-xs{display:none!important}
	.section{padding:30px 15px;}

	h1, .h1 {font-size: 1.6rem;}
	h2, .h2 {font-size: 1.5rem;}
	h3, .h3 {font-size: 1.35rem;}
	h4, .h4 {font-size: 1.2rem;}
	h5, .h5 {font-size: 1.05rem;}
	h6, .h6 {font-size: 0.8rem;}

	.mt-5, .my-5 {margin-top: 2rem!important;}

	#headercount {padding: 15px 10px;}
	#headercount .tit{margin-bottom:0}
	#headercount .tit h3 p {padding: 4px 0;margin-left: 5px;}
	#headercount .more_btn img {height: 40px;}
	.section_list .cont_box > a {padding: 0;}
	.main .section_list .cont_box > a{margin-top:15px;}
	.main .section_list .cont_box > a:nth-child(2){margin-top:15px;}
	.section_list .cont_box > a img{width:100%}
	.shop_list li {float: none;display: inline-block;}

	.you_list .tab-content iframe {height: 300px;}

	.you_list2 .tab-link{height:auto;width:49%;}
	.you_list2 .tab-link:nth-child(2){margin:0;margin-left:2%}
	.you_list2 .tab-link:nth-child(3){display:none;}


	#section05 > div{width:100%}
	#section05 > div.sns02_01{margin-top:30px;}
	.sns02_02 .sns_top, .sns02_02 .sns_bottom{width:100%}

	.list_cont .section_list .cont_box > div:nth-child(2){margin-top:2rem!important}
	 .different .row > a{margin-top:15px}
	 .different .row > a:nth-child(1),  .different .row > a:nth-child(2){margin-top:0}
}


@media (max-width:500px){
	.you_list .tab-content iframe {
		height: 250px;
	}
}

/* responsiveslides.com */
.rslides {
	position: relative;
	list-style: none;
	overflow: hidden;
	width: 100%;
	padding: 0;
	margin: 0;
}

.rslides li {
	-webkit-backface-visibility: hidden;
	position: absolute;
	display: none;
	width: 100%;
	left: 0;
	top: 0;
}

.rslides li:first-child {
	position: relative;
	display: block;
	float: left;
}

.rslides img {
	display: block;
	height: auto;
	float: left;
	width: 100%;
	border: 0;
}
.rslides_nav .rslides1_nav .next{
}
.rslides_nav .rslides1_nav .prev{
}
.rslides_nav {
  position: absolute;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  top: 52%;
  left: 0;
  opacity: 0.7;
  z-index: 3;
  text-indent: -9999px;
  overflow: hidden;
  text-decoration: none;
  height: 61px;
  width: 38px;
  background: transparent url("./images/themes.gif") no-repeat left top;
  margin-top: -45px;
  }

.rslides_nav:active {
  opacity: 1.0;
  }

.rslides_nav.next {
  left: auto;
  background-position: right top;
  right: 0;
  }
.author-meta img {width:50px;}
/*
.imageblock {text-align:center}
.imageblock span img{width:80% !important;}
*/
/*
$(".rslides").responsiveSlides({
  auto: true,             // Boolean: Animate automatically, true or false
  speed: 500,            // Integer: Speed of the transition, in milliseconds
  timeout: 4000,          // Integer: Time between slide transitions, in milliseconds
  pager: false,           // Boolean: Show pager, true or false
  nav: false,             // Boolean: Show navigation, true or false
  random: false,          // Boolean: Randomize the order of the slides, true or false
  pause: false,           // Boolean: Pause on hover, true or false
  pauseControls: true,    // Boolean: Pause when hovering controls, true or false
  prevText: "Previous",   // String: Text for the "previous" button
  nextText: "Next",       // String: Text for the "next" button
  maxwidth: "",           // Integer: Max-width of the slideshow, in pixels
  navContainer: "",       // Selector: Where controls should be appended to, default is after the 'ul'
  manualControls: "",     // Selector: Declare custom pager navigation
  namespace: "rslides",   // String: Change the default namespace used
  before: function(){},   // Function: Before callback
  after: function(){}     // Function: After callback
});
*/