@charset "utf-8";

/* Mobile */
.m_content{padding-bottom: 30px;background: url("/images/08_open/main/right_bg.png") no-repeat bottom right;}

.m_content h3{font-family: SEBANG;font-size: 24px;color: #333;}

/*비주얼*/
.m_visual{height: 45vh;}
.m_visual::before{content:"";display: block;position:absolute;background: url("/images/08_open/main/left_bg.png")no-repeat left -210px top;background-size:cover;width:100%;height: 49vh;z-index: -1;top: 119px;left: 0;}
.m_visual h2{font-family: SEBANG;font-weight: 400;line-height: 36px;word-break: keep-all;font-size: 26px;margin-top: 40px;}
.m_visual h2:after{content:"";display:block;width: 67vw;height: 26vh;background: url("/images/08_open/main/visual_img.png")no-repeat right top;background-size: contain;float: right;margin-top: 20px;}
.m_visual h2 span{display: block;font-size: 18px;margin-bottom: 5px;}
.m_visual h2 strong{font-size: 36px;color: #20409e;}

/*검색창*/
.m_quick{margin-top: 50px;}
.m_quick:after{content:"";display:block;clear:both;}
.m_quick .search{position:relative;}
.m_quick .search input[type=text]{padding: 20px 15px;border: 1px solid #20409e;border-radius: 10px 30px;width: 100%;box-sizing: border-box;background: #fff;box-shadow: -5px 15px 10px #66666621;}
.m_quick .search input[type=submit]{position: absolute;cursor: pointer;right: 15px;top: 50%;transform: translateY(-50%);width:25px;height:23px;background: url("/images/08_open/main/search.png")no-repeat center;font-size: 0;}

/*자주찾는링크*/
.m_quick .q_link{margin-top: 50px;}
.m_quick .q_link li{width: 48.333%;float: left;text-align: center;margin-right:3%;border: 1px solid #ddd;border-radius: 10px;margin-bottom: 15px;box-sizing: border-box;}
.m_quick .q_link li:nth-of-type(2n){margin-right: 0;}
.m_quick .q_link li a{display: block;padding:15px 0;}
.m_quick .q_link li span:before{display: block;content:"";width: 60px;height: 50px;background: url("/images/08_open/main/quick_i.png")no-repeat top center;margin: 0 auto;}
.m_quick .q_link .li02 span:before{background-position: 0 -71px;}
.m_quick .q_link .li03 span:before{background-position: 0 -143px;}
.m_quick .q_link .li04 span:before{background-position: 0 -214px;}
.m_quick .q_link .li05 span:before{background-position: 0 -284px;}
.m_quick .q_link .li06 span:before{background-position: 0 -354px;}
.m_quick .q_link .li05, .m_quick .q_link .li06{margin-bottom:0;}
.m_quick .q_link li:hover{border: 1px solid #20409e;border-radius: 10px 30px;box-shadow: -5px 15px 10px #66666621;}
.m_quick .q_link li:hover span{color: #20409e;}

/*인포존*/
.m_info{position: relative;padding: 50px 0;}
.m_info .info_zone{margin: 20px 0 0;}
.m_info .info_zone .img{margin-right: 20px;}
@media all 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%;height: 399px;}
.m_info .control{position: absolute;top: 47px;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_info .control .btn button{display: inline-block;width: 30px;height: 30px;padding: 0;margin: 0;background: url("/images/08_open/common/cm_ico.png") no-repeat;font-size: 0;}
.m_info .control .btn button.prev{background-position: center -84px;}
.m_info .control .btn button.next{background-position: center -114px;}
.m_info .control .btn button.stop{background-position: center -144px;}
.m_info .control .btn button.play{background-position: center -173px;}

/*자료실*/
.m_files{position: relative;}
.m_files>div{margin-top: 20px;}
.m_files li{overflow: hidden;border: 1px solid #ddd;border-radius: 10px;background: #fff;margin-bottom: 15px;}
.m_files li:first-child{border-radius: 0 0 10px 10px; border-top: 2px solid #003668;}
.m_files li a{display: block;padding: 15px 20px;}
.m_files li a:focus {outline-offset: -3px;outline: 2px dashed #fff;}
.m_files li .txt{display: block;margin-bottom: 15px;}
.m_files li strong{display: block;font-weight: 400;display: -webkit-box;text-overflow:ellipsis;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-align: center;}
.m_files li .txt em{display: inline-block;font-style: normal;font-size: 15px;padding: 5px 15px;border-radius:50px;background: #003668;color: #fff;}
.m_files li .txt span{color: #666;font-size: 14px;font-weight: 300;display:block;float: right;margin-top: 5px;}
.m_files li:hover{background: url("/images/08_open/main/bbs_go.png")no-repeat right 20px bottom 15px #003668;border-radius: 10px 30px;box-shadow: 0 10px 15px #ddddddc7;border: 1px solid #003668;}
.m_files li:hover a{color: #fff;}
.m_files li:hover .txt span{color: #8ab5dc;}
.m_files li:hover .txt em{background:#fff;color: #003668;}
.m_files li:hover strong{text-align: left;width: 80%;}
.m_files li:hover:first-child{border-top: none;}
.m_files .more{position:absolute;top:0;right:0;}
.m_files .more a{font-size:14px;color:#20409e;}
.m_files .more a:after{display: inline-block;width: 13px;height: 13px;content: "";background: url("/images/08_open/common/cm_ico.png") no-repeat center -71px;margin-left: 8px;}

/* Tablet */
@media all and (min-width:768px) {
.m_visual::before{top: 131px;}
.m_visual h2{font-size: 40px;line-height: 53px;}
.m_visual h2 span{font-size: 22px;}
.m_visual h2 strong{font-size: 53px;}
.m_visual h2:after{height: 30vh;}
}

/* Desktop */
@media all and (min-width:1023px) {
.menu:before{height: 490px;}

.m_content{padding-bottom: 0;}
.mcon:after{display: block;clear: both;content: "";}
.mcon>div:after{display: block;clear: both;content: "";}

.m_visual{width:calc((100% - 60px)/2);float:left;margin-right:60px;height: 500px;}
.m_visual::before{height: 500px;width: 50%;background-position: left -255px top;}
.m_quick{width:calc((100% - 60px)/2);margin-top: 40px;float:left;}

/*인포존*/
.m_info{float: left;margin-right: 40px;width: calc((100% - 80px)/3);overflow: hidden;padding: 40px 0;}
.m_info .info_zone .img{width: 100%;}
.m_info .info_zone .img img{height: 49.8vw;}

.m_files{margin: 40px 0 0 0;float: right;}
}

@media all and (min-width:1200px) {
.m_content:after{content:"";display:block;position:absolute;top: 130px;left: 0px;width:500px;height:738px;z-index:-1;background: url("/images/08_open/main/left_bg.png")no-repeat right -40px bottom;}
.wrap{margin: 0 auto;width: 100%;max-width: 1540px; padding:0; position: relative;}
.m_content h3{font-size:26px;}
.m_info .info_zone .img a{height: 580px;box-sizing: border-box;}
.m_info .info_zone .img img{height: 100%;}

.mcon>div{width:calc((100% - 180px)/4);margin-right: 60px;}
.m_visual{height:auto;}
.m_visual::before{display:none;}
.m_visual h2{margin-top:70px;}
.m_visual h2:after{width:314px;height:291px;background-size:auto;margin-top: 90px;float: left;}

.m_quick{margin-top: 130px;}
.m_quick .search input[type=text]{padding:20px;}
.m_quick .search input[type=submit]{right:20px;}
.m_quick .q_link{margin-top: 104px;}
.m_quick .q_link li{margin-bottom:20px;margin-right: 20px;width: calc((100% - 20px)/2);}
.m_quick .q_link li a{padding:18px 0;}
    
.m_files{margin-right: 0 !important;}
.m_files li{margin-bottom:20px;}
.m_files li strong, .m_files li:hover strong{font-size:18px;height: 50px;}
.m_files li .txt{margin-bottom:16px;}
}   


/*번역*/
/*Mobile*/
.translated-ltr .m_quick .search {max-height: 222px;}
.translated-ltr .m_quick .search input[type=text] {padding: 20px 20px 20px 5px; min-width: 275px;  overflow: hidden;white-space: nowrap;text-overflow: ellipsis;word-break: break-all;}
.translated-ltr .m_quick .search input[type=submit] {transform: none; top: auto;bottom: 20px;}
.translated-ltr .m_quick .q_link li a { min-height: 142px; padding: 15px 5px;}
.translated-ltr .m_quick .q_link li a span {word-break: break-all;}
.translated-ltr .m_info .info_zone {top: 80px;}
.translated-ltr .m_info .control {margin: 40px 0 0;}

.translated-ltr .m_files>div {margin-top: 30px;}
.translated-ltr .m_files .more {top: 30px;}

/*Tablet*/
@media all and (min-width:768px) {
.translated-ltr .m_info {width: calc((100% - 190px)/3);margin-right: 0;}
.translated-ltr .m_info .info_zone .img a {width: 88%;}
}

/*Desktop*/
@media all and (min-width:1200px) {
.translated-ltr .m_visual h2 strong {font-size: 40px;}
.translated-ltr .m_info { width: calc((100% - 170px)/4);margin-right: 50px;}
.translated-ltr .m_info .info_zone { margin: 45px 0 0;}
.translated-ltr .m_info .info_zone .img a {width: 100%;}
.translated-ltr .m_quick { margin-top: 35px;}
.translated-ltr .m_quick .q_link li a { padding: 12px 10px;}
.translated-ltr .m_quick .q_link {margin-top: 45px}
.translated-ltr .m_files>div { margin-top: 40px;}
.translated-ltr .m_files .more {top:50px;}
}

/*Pc*/
@media all and (min-width:1400px) {
.translated-ltr .m_content { height: 100vh;}
.translated-ltr .m_visual h2:after {margin-top: 0;}
}