@charset "utf-8";

/* Mobile */
.m_content{padding-bottom: 30px;background: url("/images/19_global/main/main_bg.png") no-repeat bottom right;}
.mcon h3{font-family: SEBANG;font-size: 24px;}
.mcon h3 span{color: #2259c8;}
.mcon .control .btn button{display: inline-block;width: 30px;height: 30px;padding: 0;margin: 0;background: url("/images/19_global/common/cm_ico.png") no-repeat;font-size: 0;}
.mcon .control .btn button.prev{background-position: center -84px;}
.mcon .control .btn button.next{background-position: center -114px;}
.mcon .control .btn button.stop{background-position: center -144px;}
.mcon .control .btn button.play{background-position: center -173px;}

.m_info{position: relative;padding: 30px 0;}
.m_info .info_zone{margin: 30px 0 0;}
.m_info .info_zone .img{margin-right: 20px;}
@media (min-width: 768px) and (max-width:1022px) {
.m_info .info_zone .img{width: 236px!important;}
}
.m_info .info_zone .img a{display: block;border: 1px solid #ddd;border-radius: 10px;overflow: hidden;}
.m_info .info_zone .img img{width: 100%;}
.m_info .control{position: absolute;top: 28px;right: 0;}
.m_info .control p{display: inline-block;font-size: 0;}
.m_info .control .dots button{width: 5px;height: 5px;padding: 0;margin: 14px 2px;font-size: 0;background: #bdbdbd;border-radius: 10px;}
.m_info .control .dots button.on{width: 17px;background: #666;}

.m_bbs{position: relative;padding: 30px 0;}
.m_bbs li{margin-top: 30px;}
.m_bbs li a{display: block;border: 1px solid #2358c3;border-radius: 10px 30px;overflow: hidden;}
.m_bbs li span{display: block;}
.m_bbs li .img{position: relative;min-height: 165px;overflow: hidden;height: 194px;}
.m_bbs li .img img{width: 100%;height: 100%;}
.m_bbs li a:hover .img img, .m_bbs li a:focus .img img{transform: scale(1.1);transition: 1s;}
.m_bbs li .txt{padding: 20px;background: #fff;}
.m_bbs li .txt strong{display: block;font-size: 18px;font-weight: 500;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;}
.m_bbs li a:hover strong, .m_bbs li a:focus strong{text-decoration: underline;}
.m_bbs li .txt span{font-size: 14px;color: #666;}
.m_bbs .more{position: absolute;top: 35px;right: 0;}
.m_bbs .more a{display: block;color: #20409e;font-size: 14px;}
.m_bbs .more a span{display: inline-block;width: 0;height: 0;font-size: 0;}
.m_bbs .more a:after{display: inline-block;width: 13px;height: 13px;content: "";background: url("/images/19_global/common/cm_ico.png") no-repeat center -71px;margin-left: 8px;}
.m_bbs.vid li .img:after{position: absolute;bottom: 20px;right: 20px;width: 53px;height: 52px;content: "";background: url("/images/19_global/main/vid_ico.png") no-repeat;}

.m_review{position: relative;padding: 30px 0;}
.m_review .note{position: relative;margin-top: 50px;padding-top: 20px;border: 1px solid #ddd;border-radius: 10px;box-shadow: 0 20px 0 rgba(210,234,252,.6);background: #fff;}
.m_review .note:before{position: absolute;width: calc(100% - 60px);height: 35px;top: -21px;left: 30px;content: "";background: url("/images/19_global/main/review_top.png") repeat-x;}
.m_review .note ul{padding: 0 20px;height: 384px;overflow-y: auto;}
.m_review .note li{border-bottom: 1px dashed #ddd;}
.m_review .note li:last-child{border: none;}
.m_review .note li a{display: block;padding: 15px 0;font-size: 0;overflow:hidden;}
.m_review .note li strong{display: block;float: left;position: relative;width: 94px;padding: 5px 0px 5px 29px;margin-right: 6px;font-size: 14px;font-weight: 400;color: #fff;background: #666;border-radius: 30px 5px 5px 30px;line-height: 1;box-sizing: border-box;text-align: center;letter-spacing: -1px;}
.m_review .note li strong:before{position: absolute;top: 50%;left: 0;width: 26px;height: 26px;content: "";background: url("/upload_data/board_data/BBS_CONTENT_FILE/174951468512906.png") no-repeat -150px -150px #fff;border: 2px solid #666;border-radius: 100%;transform: translateY(-50%);}
/* 국가별 아이콘 - 클래스명 각 카테고리 코드 (b01~) */
.m_review .note li.b01 strong{background: #f21f25;}
.m_review .note li.b01 strong:before{border-color: #f21f25;background-position: 0 0;}
.m_review .note li.b02 strong{background: #022574;}
.m_review .note li.b02 strong:before{border-color: #022574;background-position: -30px 0;}
.m_review .note li.b03 strong{background: #cb072f;}
.m_review .note li.b03 strong:before{border-color: #cb072f;background-position: -62px -2px;}
.m_review .note li.b04 strong{background: #062c72;}
.m_review .note li.b04 strong:before{border-color: #062c72;background-position: -90px 0;}
.m_review .note li.b05 strong{background: #022574;}
.m_review .note li.b05 strong:before{border-color: #022574;background-position: -120px 0;}
.m_review .note li.b06 strong{background: #0038a8;}
.m_review .note li.b06 strong:before{border-color: #0038a8;background-position: 0 -30px;}
.m_review .note li.b07 strong{background: #012169;}
.m_review .note li.b07 strong:before{border-color: #012169;background-position: -30px -30px;}
.m_review .note li.b08 strong{background: #000066;letter-spacing: -2px;}
.m_review .note li.b08 strong:before{border-color: #000066;background-position: -60px -30px;}
.m_review .note li.b09 strong{background: #da251d;}
.m_review .note li.b09 strong:before{border-color: #da251d;background-position: -90px -30px;}
.m_review .note li.b10 strong{background: #fe0000;}
.m_review .note li.b10 strong:before{border-color: #fe0000;background-position: -120px -30px;}
.m_review .note li.b11 strong{background: #de2910;}
.m_review .note li.b11 strong:before{border-color: #de2910;background-position: 0 -60px;}
.m_review .note li.b12 strong{background: #ff0000;letter-spacing: -2px;}
.m_review .note li.b12 strong:before{border-color: #ff0000;background-position: -30px -60px;}
.m_review .note li.b13 strong{background: #191717;}
.m_review .note li.b13 strong:before{border-color: #191717;background-position: -60px -60px;}
.m_review .note li.b14 strong{background: #032ea1;}
.m_review .note li.b14 strong:before{border-color: #032ea1;background-position: -92px -62px;}
.m_review .note li.b15 strong{background: #2d2a4a;}
.m_review .note li.b15 strong:before{border-color: #2d2a4a;background-position: -120px -60px;}
.m_review .note li.b16 strong{background: #006847;}
.m_review .note li.b16 strong:before{border-color: #006847;background-position: -2px -90px;}
.m_review .note li.b17 strong{background: #003087;;}
.m_review .note li.b17 strong:before{border-color: #003087;background-position: -30px -92px;}
.m_review .note li.b18 strong{background: #006aa7;}
.m_review .note li.b18 strong:before{border-color: #006aa7;background-position: -60px -92px;}
.m_review .note li.b19 strong{background: #fff;border: 2px solid #eb0000;color: #eb0000;}
.m_review .note li.b19 strong:before{border-color: #eb0000;background-position: -92px -92px;}
.m_review .note li.b20 strong{background: #c50b1e;color: #fec300;}
.m_review .note li.b20 strong:before{border-color: #c50b1e;background-position: -120px -92px;}
.m_review .note li.b21 strong{background: #00229b;color: #fff;}
.m_review .note li.b21 strong:before{border-color: #00229b;background-position: 0 -120px;}
.m_review .note li.b22 strong{background: #e00013;color: #fff;}
.m_review .note li.b22 strong:before{border-color: #e00013;background-position: -29px -122px;}
.m_review .note li.b23 strong{background: #e00013;color: #fff;}
.m_review .note li.b23 strong:before{border-color: #e00013;background-position: -61px -122px;}
.m_review .note li.b24 strong{background: #e00013;color: #fff;}
.m_review .note li.b24 strong:before{border-color: #dc271b;background-position: -90px -122px;}
.m_review .note li.b25 strong{background: #00785e;color: #fff;}
.m_review .note li.b25 strong:before{border-color: #00785e;background-position: -123px -122px;}
.m_review .note li.b26 strong{background: #ed2939;color: #fff;}
.m_review .note li.b26 strong:before{border-color: #ed2939;background-position: 0 -151px;}

/* 국가별 아이콘 */
.m_review .note li span{display: block;float: left;width: calc(100% - 100px);font-size: 15px;max-height: 4.2em;line-height: 1.4;overflow: hidden;word-wrap: break-word;display:  -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.m_review .note li a:hover span, .m_review .note li a:focus span{text-decoration: underline;}
.m_review .note .write{position: relative;overflow: hidden;border-radius: 0 0 10px 10px;}
.m_review .note .write a{display: block;padding: 30px 20px;background: #eff8fe;font-size: 18px;color: #2358c3;}
.m_review .note .write a:after{position: absolute;width: 89px;height: 66px;content: "";background: url("/images/19_global/main/review_btm.png") no-repeat;bottom: 0;right: 12px;}
.m_review .note .write strong{display: inline-block;padding-right: 25px;background: url("/images/19_global/main/review_write.png") no-repeat center right;}
.m_review .note .write a:hover strong, .m_review .note .write a:focus strong{padding-right: 30px;}
.m_review .more{position: absolute;top: 35px;right: 0;}
.m_review .more a{display: block;color: #20409e;font-size: 14px;}
.m_review .more a span{display: inline-block;width: 0;height: 0;font-size: 0;}
.m_review .more a:after{display: inline-block;width: 13px;height: 13px;content: "";background: url("/images/19_global/common/cm_ico.png") no-repeat center -71px;margin-left: 8px;}

/* Tablet */
@media all and (min-width:768px) {
.m_bbs ul:after{display: block;clear: both;content: "";}
.m_bbs li{float: left;width: 49%;margin-left: 2%;}
.m_bbs li:first-child{margin-left: 0;}
.m_review .note .write strong{padding-right: 35px;}
.m_review .note .write a:hover strong, .m_review .note .write a:focus strong{padding-right: 40px;transition: .4s;}
}

/* Desktop */
@media all and (min-width:1023px) {
.m_content{padding-bottom: 0;}
.mcon:after{display: block;clear: both;content: "";}
.m_info{float: left;margin-right: 40px;width: calc((100% - 80px)/3);}
.m_info .info_zone .img{width: 100%;}
.m_info .info_zone .img a{border-radius: 20px;}
.m_bbs{float: left;width: calc((100% - 80px)/3);}
.m_bbs.vid{margin-right: 40px;}
.m_bbs li{width: 100%;margin-left: 0;}
.m_bbs li .txt{padding: 20px 30px;}
.m_review{clear: both;}
}
@media all and (min-width:1200px) {
.m_info, .m_bbs, .m_review{width: calc((100% - 180px)/4);margin-right: 60px;}
.m_info .info_zone .img a{height: 580px;box-sizing: border-box;}
.m_info .info_zone .img img{height: 100%;}
.m_bbs.vid{margin-right: 60px;}
.m_bbs ul{margin-top: 30px;}
.m_bbs li{margin: 0 0 15px;}
.m_bbs li a{border-radius: 20px 50px;}
.m_review{float: left;margin-right: 0;clear: none;}
.m_review .note{padding-top: 30px;border-radius: 20px;}
.m_review .note ul{padding: 0 30px;height: 454px;}
.m_review .note li a{padding: 20px 0;}
.m_review .note .write a{padding: 30px;}
}             


/* 번역 */
/* Mobile */
.translated-ltr .m_review .more, .translated-ltr .m_bbs .more, .translated-ltr  {top: 60px;}