@charset "utf-8";
@import url("m_pc.css?var=2209202");

#top .gnb{border-top:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc;}
#board_sub{overflow:hidden; width:95%; margin:0px auto 50px; }
.subpage{margin-top:200px;}
.bin_mar{margin-top:180px; }
.board_sub{width:95%; margin:auto; }
.top_cate{width:100%; margin:10px 0px 30px; text-align:center;}
.top_cate .vimgs{width:48%; display:inline-block; }
.top_cate .vimgs3{width:32%; display:inline-block;}
.top_cate .vimgs img,
.top_cate .vimgs3 img{width:100%;}

.cate{width:100%; margin:auto; text-align:center; padding:20px 0px;}
.cate img{width:19%;}
#m4 img{width:30%;}

.vod_tit{text-align:center; margin:250px 0px 20px; }
.vod_tit .stt{font-size:18px; background:#000; color:#fff; padding:5px 20px; display:inline-block; margin:auto; font-weight:500; }
.vod_tit .tt{font-size:24px; color:#e33e5c; font-weight:600; margin-top:5px; }
.img1 .boxs{display:table; max-width:1000px; width:95%; margin:auto; margin-top:20px; }
.img1 .boxs .full{margin-bottom:30px; }
.img1 .boxs .full .ta{font-size:16px; font-weight:500; margin-bottom:15px; }

.img{width:100%; text-align:center; }
.img img{width:100%; max-width:100%; vertical-align:bottom;}

.imgtop{vertical-align:top;}
.imgs5 img{max-width:50%; margin:auto;}
.imgs6 img{max-width:60%; margin:auto;}
.imgs7 img{max-width:70%; margin:auto;}
.imgs8 img{max-width:80%; margin:auto;}
.imgs9 img{max-width:90%; margin:auto;}

.col-list{width:90%; max-width:1100px; margin:0px auto 60px; overflow:hidden; }
.col-list div{width:100%;}
.col-list div img{width:100%;}
.btns{margin:50px 0px; text-align:center;}
.btns button{border-width: 0px; background-color:transparent;}

#m10 .img img{width:100%;}
#m10 .vod{width:100%; margin-bottom:20px;}
#m10 .img7bg{width:100%; padding:80px 0; background:url(../m/images/m11_07_0829.jpg) top center no-repeat; background-size:100% 100%; }
#m10 .img7bg .m_img{width:90%; margin:auto; padding-bottom:50px; text-align:left; }
#m10 .img7bg .m_img img, #m10 .m12_bg .m_img img{max-width:100%; width:auto; }
#m10 .img7bg .v, #m10 .m12_bg .v{width:100%; margin:auto; text-align:center; }
#m10 .m12_bg{width:100%; padding:85px 0 100px; background:url(../m/images/m12_09bg.jpg) top center no-repeat; background-size:100% 100%; }
#m10 .m12_bg .m_img{width:90%; margin:auto; text-align:left; }
#m10 .m12_bg .m_img1{padding-bottom:70px; }
#m10 .m12_bg .m_img2{padding-top:40px; text-align:center}


#m11 .img2{margin-bottom:68px;}
#m11 .img3 img{margin-bottom:15px;}
#m11 .img3 {font-size:28px; font-weight:350; margin-bottom:115px;}
#m11 .img6{margin-bottom:120px;}
#m11 .img12{margin-bottom:53px;}

#m12 .sub_title{margin:33px auto;}
#m12 .img2{margin-bottom:137px;}
#m12 .img3{margin-bottom:82px;}
#m12 .img4{margin-bottom:30px;}
#m12 .img5{margin-bottom:73px;}
#m12 .img6{margin-bottom:135px;}
#m12 .img7{margin-bottom:23px;}
#m12 .img8{margin-bottom:58px;}
#m12 .img9{margin-bottom:100px;}
#m12 .img10{margin-bottom:90px;}

#m13 .img2{margin-bottom:126px;}
#m13 .img3{margin-bottom:146px;}
#m13 .img4{margin-bottom:70px;}
#m13 .img5{margin-bottom:137px;}
#m13 .img6{margin-bottom:30px;}
#m13 .img7{margin-bottom:50px;}

#m14 .sub_title{margin:40px auto;}
#m14 .img2{margin-bottom:170px;}
#m14 .img3{margin-bottom:85px;}
#m14 .img4{margin-bottom:154px;}
#m14 .img5{margin-bottom:102px;}
#m14 .img6{margin-bottom:65px;}
#m14 .img7{margin-bottom:30px;}
#m14 .img8{margin-bottom:50px;}

#m15 .sub_title{margin:40px auto;}
#m15 .img2{margin-bottom:50px;}

#m16 .sub_title{margin:40px auto;}
#m16 .img2{margin-bottom:120px;}
#m16 .img3{margin-bottom:60px;}
#m16 .img4{margin-bottom:55px;}
#m16 .img5{margin-bottom:50px;}

#m17 .img2{margin-bottom:50px;}

#m18 .img2{margin-bottom:30px;}
#m18 .img3{margin-bottom:50px;}

#m19 .img2{margin-bottom:96px;}
#m19 .img3{margin-bottom:50px;}

#m110 .img2{margin-bottom:45px;}
#m110 .img3{margin-bottom:35px;}
#m110 .img4{margin-bottom:70px;}
#m110 .img5{margin-bottom:50px;}

#m111 .img2{margin-bottom:85px;}
#m111 .img3{margin-bottom:50px;}
#m111 .img4{margin-bottom:67px;}
#m111 .img5{margin-bottom:50px;}

#m113 .img2{margin-bottom:22px;}
#m113 .img3{margin-bottom:63px;}
#m113 .img4{margin-bottom:40px;}
#m113 .img5{margin-bottom:75px;}
#m113 .img6{margin-bottom:32px;}
#m113 .img7{margin-bottom:144px;}
#m113 .img8{margin-bottom:85px;}
#m113 .img9{margin-bottom:57px;}

#m21 .img2{margin-bottom:121px;}
#m21 .img3{margin-bottom:169px;}
#m21 .img3 img{margin-bottom:15px;}
#m21 .img4{margin-bottom:90px;}
#m21 .img5{margin-bottom:180px;}
#m21 .img6{margin-bottom:130px;}
#m21 .img7{margin-bottom:50px;}

#m33 .img2{margin-bottom:30px;}
#m33 .img3{margin-bottom:150px;}
#m33 .img4{margin-bottom:80px;}
#m33 .img5{margin-bottom:50px;}

#m34 .img2{margin-bottom:30px;}
#m34 .img3{margin-bottom:40px;}
#m34 .img4{margin-bottom:60px;}

#m35 .img2{margin-bottom:130px;}
#m35 .img3{margin-bottom:150px;}
#m35 .img4{margin-bottom:80px;}
#m35 .img5{margin-bottom:140px;}
#m35 .img6{margin-bottom:50px;}

#m40 .img2{margin-bottom:121px;}
#m40 .img3{margin-bottom:110px;}

#m41 .img2{margin-bottom:35px;}
#m41 .img3{margin-bottom:88px;}

.mok{text-align:center;}
.mok img{width:100%;}
.mok .ok_img1{max-width:80%; margin:auto; padding:15% 4%;}
.mok .ok_btn{width:150px; margin:auto;}
.mok .ok_img2{max-width:100px; margin:auto; padding:15% 0% 10%;}

#subf_02 .slider_02{position:relative; width:95%; margin:0px auto 30px; text-align:center; overflow:hidden;}
#subf_02 .slider_end{margin-top:50px; }
#subf_02 .slider_02 .tit{font-size:30px; display:inline-block; margin:0px auto 10px; font-weight:800; border-bottom:5px solid #ff0000}
#subf_02 .slider_02 .row-review{cursor:pointer; width:100%; padding:6px;}
#subf_02 .slider_02 .swiper-pagination{bottom:auto; top:0px;}
#subf_02 .slider_02 .swiper-wrapper{margin-top:10px;}
#subf_02 .slider_02 .row-review .col-shadow{background:#fff; box-shadow:0px 0px 5px #ccc;}
#subf_02 .slider_02 .row-review .col-img{height:160px; overflow:hidden; }
#subf_02 .slider_end .row-review .col-img{height:280px; overflow:hidden; background:#000; color:#fff; }
#subf_02 .slider_02 .row-review .col-img img{width:100%;}
#subf_02 .slider_02 .row-review .col-subject{text-align:left; margin:13px 0px 8px; padding:0px 10px; font-size:18px; line-height:24px; font-weight:600;}
#subf_02 .slider_02 .row-review .name{font-size:16px; line-height:22px; margin-bottom:8px; font-weight:600; padding: 0 10px; text-align:left;}
#subf_02 .slider_02 .row-review .col-content{height:85px; font-size:14px; text-align:left; line-height:20px; padding:0px 10px 10px; overflow:hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3; display: -webkit-box;}
#subf_02 .slider_02 .row-review .col-more{text-align:center; padding:10px 10px 14px;}
#subf_02 .slider_02 .row-review .col-more button{width:190px; border:1px solid #ff0000; color:#ff0000; font-size:13px; font-weight:600; padding:5px 0px; background:#fff;}
#subf_02 .slider_02 .bx-viewport{height: 400px !important; overflow:visible !important; padding:25px 0px 0px 10px;}
#subf_02 .slider_02 .bx-pager{position:absolute; top:0px; right:0px; text-align:center; width:100%; }
#subf_02 .slider_02 .bx-pager div{display:inline-block; margin-left:3px;}


footer{width:100%; border-top:2px solid #000; margin-bottom:60px;}
footer .btm_logo{width:95%; margin:auto; padding:13px 0px;}
footer .btm_logo img{width:130px;}
footer .copy{width:100%; border-top:1px solid #c7c7c7; padding:10px 0px;}
footer .copy .top_m{width:95%; margin:0px auto 8px; text-align:left;}
footer .copy .top_m a{display:inline-block; margin-left:2%; color:#b2b2b2; font-size:13px; font-weight:500;}
footer .copy .top_m a:first-child{margin-left:0%;}
footer .copy .copylight{width:95%; margin:auto; font-size:12px; letter-spacing:-1px; word-break:keep-all; color:#717171;}
footer .copy .copylight a{color:#717171}