@charset "utf-8";

/* Mobile */
.won header .head h1 a{width: auto;padding-left: 50px;font-size: 14px;font-weight: 400;color: #555;background: url("/images/15_pool/common/symbol.png") no-repeat left top;}
.won header .head h1 a strong{display: block;margin-top: 4px;font-size: 18px;color: #000;}

.main_vid video{width: 100%;}

.main_bbs{position: relative;margin: 20px 0;}
.main_tit{display: block;font-size: 20px;font-weight: 500;}
.main_tit:after{display: block;width: 100%;height: 1px;margin-top: 10px;content: "";background-color: #E8E8E8;}
.main_bbs li{margin: 20px auto;}
.main_bbs li a{display: block;padding: 20px;background: #F8F8F8;border: 1px solid #E5E5E5;border-radius: 10px;}
.main_bbs li a:hover, .main_bbs li a:focus{background: #fff;border-color: #FFC670;}
.main_bbs li a strong{display: block;font-size: 16px;font-weight: 400;white-space: normal;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;height: 3em;line-height: 1.5em;}
.main_bbs li a span{display: block;margin: 20px 0;font-size: 14px;white-space: normal;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;color: #393939;height: 3em;line-height: 1.5em;}
.main_bbs li a em{display: block;padding-top: 20px;border-top: 1px solid #e5e5e5;text-align: right;font-size: 14px;color: #393939;}
.main_bbs .more a{display: block;padding: 10px;margin: 0 auto;background: #403f3e;color: #fff;border-radius: 15px;text-align: center;}


/* Tablet */
@media all and (min-width:768px) {
.won .menu>div>ul:after{display: block;clear: both;content: "";}
.won .menu>div>ul>li{width: calc(100%/5);height: auto;}
.won .menu .depth_box{height: 240px}
.main_bbs{margin: 40px 0;}
.main_tit{font-size: 30px;}
.main_bbs ul:after{display: block;clear: both;content: "";}
.main_bbs li{float: left;width: calc(50% - 80px);margin: 40px;}
.main_bbs li a{padding: 40px 30px;border-radius: 20px;}
.main_bbs .more{position: absolute;top: 0;right: 0;}
.main_bbs .more a{padding: 10px 40px 10px 10px;color: #403f3e;background: none;}
.main_bbs .more a:after{position: absolute;width: 30px;height: 30px;background: url("/images/17_group/main/more.png") no-repeat center -9px;content: "";right: 0;top: 8px;border-radius: 10px;box-shadow: 0 0 10px rgba(0,0,0,0.1);}
}

/* Desktop */
@media all and (min-width:1023px) {
.won header .head h1 a{margin-top: 35px;}
.won header .head h1 a strong{margin-top: 0;font-size: 24px;}
.main_container{clear: both;}
.won .menu{width: calc(100% - 380px);}
.won .menu>div>ul>li{width: calc((100%/5) - 30px);padding: 20px 0 0;}
.won .menu .depth_box{height: 170px;top: 90px;}	
.main_vid{position: relative;height: 650px;overflow: hidden;}
.main_vid video{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-44%);max-width: 1400px;}
.main_bbs li{width: calc(25% - 80px);margin: 40px;}
.main_container .wrap{width: 1400px;margin: 0 auto;}
}



/***** contents ******/
.basic_box .left{margin: 0 0 20px;text-align: center;}
.basic_box .left img{width: 100%;}

.vid_box{padding: 20px;border: 1px dashed #ddd;border-radius: 20px;}
.vid_box video, .vid_box iframe{width: 100%;}
.vid_box iframe{height: 40vw;}

@media all and (min-width:1023px) {
.basic_box>div:after{display: block;clear: both;content: "";}
.basic_box .left{float: left;width: 37%;margin: 0 3% 0 0;}
.basic_box .right{float: right;width: 60%;}
.vid_box iframe{height: 740px;}
}