@charset "utf-8";
/* .templete-type1 .main-wrapper{width: 1180px;margin: 0 auto} */

body {
    font-family: Noto Sans KR, 'Noto Sans KR', 'Malgun Gothic','맑은 고딕',AppleSDGothicNeo-Regular,dotum,'돋움',sans-serif;
    letter-spacing: -0.02em;
}
.templete-type1 .mylog-box {top: 75px;right: 2px;border-color: #808080;}
.templete-type1 .main_article--type1{position: relative;}
.templete-type1 .main_article--type1 .main-sub-time{position: absolute;top:15px;right:0;}

.main_type1--prolog {overflow: hidden;height:auto !important;padding: 0 10px;}
.main_type1--content{padding:0 0px 30px 0px;}
.main_type1--prolog .col-md, .main_type1--prolog .col-ms{border-top:1px solid #333;}
.main_type1--prolog .col-ms{margin-top:15px;}

.topnav-all-wrap {border-bottom: 3px solid #5d5d5d;}
.topnav-all-wrap .menu-one-depth > a {color: #242424; border-bottom: 2px solid #5d5d5d;}
.topnav-wrap ul li ul.menu-two-depth .ico_depth:before {top: 20px;}
.main_article--type1 h1 {padding: 12px 10px; border-bottom: 1px solid #5d5d5d; margin-bottom: 20px; font-family: noto sans kr,sans-serif; color: #333; font-size: 17px;font-weight: bold;}

.col-ms .main_article--type1 h1{margin-bottom:0;}

.templete-type1 .main_type1--prolog .col-ml h1 , .main_type1--content h1{border-top:1px solid #333;margin-top: 20px;}
.main_type1--photo{margin-top: 20px;}
.main_type1--prolog .main_article--type1 .main_article--top a{position: relative;display: block;}
.main_type1--prolog .col-md .main_article--top{position: relative;width: 100%;}
.main_type1--prolog .col-md .main_article--top figure{width: 100%;height:332px;}
.main_type1--prolog .col-md .main_article--top figure img{width: 100%;height:100%;object-fit:cover;}
.main_type1--prolog .col-md .main_article--sub .list-thum--col dl{width:calc(100% - 150px);}
.main_type1--prolog .col-md .main_article--sub .list-thum--col figure{width:130px;height: 100px;margin-left:10px;}
.main_type1--prolog .col-md .main_article--sub {margin-top: 20px;}
.main_type1--prolog .col-ms .main_article--sub .list-thum--col li{border-bottom:1px dashed #dedede;padding-top:17px !important;}
.main_type1--prolog .col-ms .list-thum--col li a{padding-bottom: 18px;line-height:1.3;}
.main_type1--prolog .col-ml .list-thum--col dl{width:calc(100% - 145px);}
.main_type1--prolog .col-ml .main_article--sub .list-thum--col li ~ li{padding-top:0px;}
.main_type1--prolog .col-ml .list_thumb--img{float:initial;}
.main_type1--prolog .col-ml .list_thumb--img .layer p{font-size:15px; height:39px;margin:10px;}
.main_type1--prolog .col-ml .main_article--sub .list-thum--col{float:initial;margin-top: 20px;}
.main_type1--prolog .col-ml .main_article--sub .list-thum--col a figure{height:90px;}
.main_type1--content .main_article--type1{overflow: hidden;}
.main_type1--content .dot--line-list{float:right;width:calc(100% - 150px)}
.main_type1--content .dot--line-list li:first-child{padding-top:0;line-height:1.3;}
.main_type1--content .dot--line-list li:first-child a:before{top:6px;}
.main_type1--content .dot--line-list li ~ li{border-top:1px solid #dedede;}

.main_type1--content .dot--line-list li:nth-child(4) ,
.main_type1--content .dot--line-list li:nth-child(5){display:none;}

.main_type1--banner {width:1180px;margin: 30px auto 0 auto;text-align: center;padding:50px;background: #b6a298;color: #fff;}

.main_type1--photo .gray-box { padding: 0 10px 10px 10px; background-color:#f3f3f3;}
.main_type1--photo h1{border-bottom: 1px solid #5d5d5d; border-top: 1px solid #5d5d5d; margin: 0 10px 20px; font-family: noto sans kr,sans-serif; color: #333; font-size: 17px; font-weight: bold; padding: 12px 10px;}

.main_half-list li .row .main_article--type1 > a{width:130px;float:left;position: relative;}
.main_half-list li .row .main_article--type1 > a figure{width:130px;}
.main_half-list li .row .main_article--type1 > a figure img{width: 130px; height: 90px; object-fit: cover;}
.main_type1--prolog .col-ml .main_article--type1 .list_thumb--img figure{width: 100%;height:100%;}
.main_type1--prolog .col-ml .main_article--type1 .list_thumb--img img{width: 100%;height:100%;object-fit:cover;}

.layer-black{position:absolute;bottom:0;left:0;width:100%;padding:15px;background:url('../images/main/type1/bg-trans.png') repeat 0 0;box-sizing: border-box;height:auto;}
.layer-black p{color:#fff;}
.layer-black p:nth-of-type(1){text-shadow:1.5px 1.5px 2.5px #333333; font-size: 16px;margin-bottom: 10px;line-height: 1.2;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;white-space: normal;overflow: hidden;}
.layer-black p:nth-of-type(2){line-height: 1.6}
.layer {position: absolute;bottom: 0;left: 0;width: 100%;z-index:12}
.layer:after{content:'';display:block;width:100%;height:100%;background-color:rgba(0,0,0,0.5);position:absolute;bottom:0;left:0;z-index:11} 
.layer p{color:#fff;line-height: 1.3;height: 17px;overflow: hidden;vertical-align: top;margin:8px 10px;box-sizing: border-box;width:calc(100% - 16px);position:relative;z-index:22;font-size:14px;}


[class^="col"] {float:left !important;width: 100%;}
.list-thum--col {overflow: hidden;width: 100%;}
.list_thumb--img {display:flex;display:-webkit-box;display: -ms-flexbox;display:-webkit-flex;flex-wrap:wrap;flex:1;flex-basis: 48%;justify-content: space-between}
.list_thumb--img li{width: calc(50% - 2px);box-sizing: border-box;}
.list_thumb--img li:nth-child(2n) {padding: 5px 0 2px 0;}
.list_thumb--img li:nth-child(odd) {padding: 5px 2px 0 0;}
.list_thumb--img li a {display: block;position: relative;height:140px;}

.list-thum--col li ~ li{padding-top:20px !important;}
.list-thum--col li a {overflow: hidden;display: block;line-height:1.3;}
.list-thum--col dl {float:left;}
.list-thum--col figure{float: right;width:130px;}
.list-thum--col figure img{width:inherit;height: inherit;object-fit:cover;}
.list-thum--col dl dt {font-size:16px;margin-bottom: 12px; height: 21px; overflow: hidden; font-weight:500;color:#333;}
.list-thum--col dl dd{color:#848484;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical; word-wrap: break-word;}
.list-thum--col dl dd--head {height: 60px; font-size: 14px; font-weight: normal; font-family: AppleSDGothicNeo-Regular,'Malgun Gothic','맑은 고딕',dotum,'돋움',sans-serif; letter-spacing: -0.05em;}
.list-thum--row{display:flex;flex-wrap:wrap;overflow:hidden;}
/*.list-thum--row li ~ li {padding-left:20px;}*/
.gray-box .list-thum--row li:nth-child(4)
.gray-box{background-color: #f1f2f4;padding:30px 15px;}
.gray-box .list-thum--row li{width:50%; margin-top:1rem;}
.gray-box .list-thum--row li img {width:100%; height:150px; object-fit:cover;}
.gray-box .list-thum--row li a{display: block;width:96%;}
.gray-box .list-thum--row li p {margin-top: 5px; height: 34px;overflow: hidden; font-weight:600;}
.main_half-list li{overflow: hidden;}
.main_half-list li .row{width:100%; margin-top:10px;}
.main_half-list li .row:nth-of-type(1){margin-right:2%}
.main_half-list li .row + .row {float:right;}

.dot--line-list li{position:relative;padding:9px 0;}
.dot--line-list li a {padding-left: 10px;line-height: 1.3;font-size: 14px;font-weight: normal;font-family: AppleSDGothicNeo-Regular,'Malgun Gothic','맑은 고딕',dotum,'돋움',sans-serif;letter-spacing: -0.05em;}
.dot--line-list li a::before{content: '';display:block;width: 4px;height: 4px;border-radius:2px;background-color: #5d5d5d;position: absolute;top: 16px;left: 0;}
.tit-md{font-size: 16px;color: #333;line-height:1.27rem;}

.templete-type1 .topnav-wrap ul > li > a {font-size: 16px; padding: 15px 15px;font-weight:500;}
.templete-type1 .topnav-wrap ul li:hover > a {background-color: #5d5d5d; color: #fff;}
.templete-type1 .button.btnico-menu{background-image: url(../images/main/type1/ico_allmenu2.png);}
.templete-type1 .btn.btn-blue-active {background-color: #535353;}
.templete-type1 .topnav [class*=btnico], .templete-type1 .header-search [class*=btnico] {background-color: transparent}



.templete-type1 .location ul li:first-child a { background: #5d5d5d url(../images/mob/ico_home_md.png) no-repeat 70% center;background-size: 13px auto;}
.templete-type1 .location ul li a {color:#fff}
.templete-type1 .location-box {background-color: #535353;}
.templete-type1 .header-top-md h1 { margin: -10px 0 10px;}
.templete-type1 .header-top-md h1 a { width: 95px;}
.templete-type1 .join-step li.on em {background-color: #535353;}
.templete-type1 .btn-blue { border: 1px solid #535353; color: #535353;}
.templete-type1 .list-top-menu .swiper-container .tabs .active a { color: #155c9e;}

.templete-type1 .main-wrapper a figure{position: relative; overflow:hidden;}


@media all and (min-width: 768px) {
    .main-wrapper {width: 98%;margin: 0 1%;}
    .main_type1--prolog .col-md, .main_type1--prolog .col-ms{border-top:none;}
    .main_type1--prolog .col-md .main_article--top {width: 100%;}
    .main_type1--prolog .col-ms{margin-top:0;}
    .main_type1--prolog .col-ms .list-thum--col li a {padding-bottom: 24px;line-height: 1.3;}
    .main_type1--prolog , .main_type1--content{padding:0}
    .templete-type1 .main_type1--prolog,.templete-type1 .main_type1--content,.templete-type1 .main_type1--photo {width: 100%;}
    .templete-type1 .main_type1--photo{margin-top: 20px;}
    .templete-type1 .main_type1--prolog .col-ml h1 {width:53%;}
    .main_type1--content h1 {width: inherit;}
    .main_type1--prolog .col-md .main_article--top{position: relative;width: 100%;height: 332px;}
    .main_type1--prolog .main_article--type1 .main_article--top a{height:332px;}
    .templete-type1 .main_type1--prolog .col-md {width: 55%;}
    .templete-type1 .main_type1--prolog .col-ms {width: calc(45% - 24px);margin-left:24px;}
    .templete-type1 .main_type1--prolog .col-md .list-thum--col dl{float:left;width:calc(100% - 188px);}
    .templete-type1 .main_type1--prolog .col-ml .list-thum--col dl{float:left;width:calc(100% - 130px);}
    .templete-type1 .main_type1--prolog .col-ml .list-thum--col figure{width: 118px;height: 88px;padding-left:10px;}
    .templete-type1 .main_type1--prolog .col-md .list-thum--col figure{width: 168px;height: 126px;}
    .templete-type1 .main_type1--prolog .col-ms .list-thum--col dl dd {font-size: 13px; height: 65px; line-height: 1.3; font-family: AppleSDGothicNeo-Regular,'Malgun Gothic','맑은 고딕',dotum,'돋움',sans-serif; letter-spacing: -0.05em;}
    .templete-type1 .main_type1--prolog .col-ml .main_article--sub .list-thum--col{margin-top: -60px;}
    .templete-type1 .main_type1--prolog .col-md .main_article--sub {margin-top: 20px;}

    .main_type1--prolog .col-ml{float:initial;}
    .main_type1--prolog .col-ml .main_article--sub {display: inline-block;width: 100%;}
    .main_type1--prolog .col-ml .main_article--sub .list_thumb--img{width:55%;float:left;}
    .main_type1--prolog .col-ml .main_article--sub .list-thum--col{width: 43%;float:right;margin-top: -68px;margin-left:14px;}
    .main_type1--prolog .col-ml .main_article--sub .list-thum--col dl dt{height:25px; font-size: 17px !important; margin-bottom:5px; font-weight:500;}
    .main_type1--prolog .col-ml .main_article--sub .list-thum--col dl dd {height: 57px; font-family: AppleSDGothicNeo-Regular,'Malgun Gothic','맑은 고딕',dotum,'돋움',sans-serif; letter-spacing: -0.05em;}
    .main_type1--content .main_article--type1 .layer p{height: 38px;}

    .main_type1--content .dot--line-list{width:calc(100% - 249px);}
    .main_type1--prolog .col-ml .main_article--type1 .list_thumb--img figure{width:100%;}
    .main_type1--prolog .col-ml .main_article--type1 .list_thumb--img figure img{width: 100%;object-fit:cover;}
    .main_half-list li .row .main_article--type1 > a{width: 219px;margin-right: 30px;}
    .main_half-list li .row .main_article--type1 > a figure{width: 100%; max-height:165px; overflow:hidden;}
    .main_half-list li .row .main_article--type1 > a figure img{width: 220px;height: 150px;object-fit: cover;}

    .gray-box .list-thum--row li {width: 24%;}
    /*.layer-black{width: inherit;}*/
            .layer-black p:nth-of-type(1){font-size: 20px; height:50px; line-height:1.3; overflow:hidden; margin-bottom:5px;}
    .layer-black p:nth-of-type(2){height:22px;overflow:hidden;}

    .list-thum--col dl dd{height: 36px;line-height:1.38;}
    .list-thum--col dl dt {height: 42px;}
    .list-thum--row{flex-wrap:nowrap;padding:2%;}

    .list-thum--row li ~ li {padding-left:2%;}
    .main_type1--content .dot--line-list li:nth-child(4) ,
    .main_type1--content .dot--line-list li:nth-child(5){display:block;}
    .layer {width:100%;}
    .layer p{font-size:14px;}
    .layer-black {height: 100px;}
    .layer:after{width:100% }
    .mylog-box .mylog:before {background: url(../images/common/arrow_top_808080.png) no-repeat 0 0;}
    .templete-type1 .location {border-bottom:0;}

    
    
}

@media all and (min-width: 1180px) {
    .main-wrapper {width: 1182px;margin: 0 auto;}
    .templete-type1 .main_type1--prolog {width: 100%;margin-top: 20px;}
    .templete-type1 .main_type1--content ,
    .templete-type1 .main_type1--photo {width: 100%;margin-top: 20px;}
    .main_type1--content .dot--line-list {width:calc(100% - 249px);}

    .templete-type1 .main_type1--prolog  .col-md {width:36%;}
    .templete-type1 .main_type1--prolog  .col-ms {width:20%;margin:0 20px 0 24px;box-sizing: border-box;}
    .templete-type1 .main_type1--prolog  .col-ml {width:38%;}
    .main_article--type1 h1{padding:12px 10px;}
    .main_type1--prolog .col-ml .main_article--type1 .list_thumb--img figure {width: 100%;}
    .main_type1--prolog .col-ml .main_article--sub .list_thumb--img{width: 100%;overflow: hidden;}
    .main_type1--prolog .col-ml .main_article--sub .list-thum--col {width: 100%;margin-top: 20px !important;}
    .templete-type1 .main_type1--prolog .col-ml h1{margin-top: 0;border-top:none;width:96%;}
    .templete-type1 .main_type1--prolog .main_article--sub{overflow:hidden;}
    .templete-type1 .main_type1--prolog .col-ms .row-cols{padding:0 10px;}
    .templete-type1 .main_type1--prolog .col-md .list-thum--col{padding-left:8px;}
    
    .templete-type1 .main_type1--photo h1 {margin:inherit; margin-bottom:20px; border-top:0;}

    .main_half-list li .row {float: left;width: 49%;}
    .gray-box{padding:30px;}
    .layer {width: 100%;}

    /* 메인 사이드 배너 영역 */
    .templete-type1 .main-right-banner{display:block;position:absolute; top:44px; right:-310px; max-width:300px; text-align:center;}
    .templete-type1 .main-left-banner{display:block;position:absolute; top:44px; left:-310px; max-width:300px; text-align:center;}
    .templete-type1 .main-right-banner #divBanner:nth-of-type(1),
    .templete-type1 .main-left-banner #divBanner:nth-of-type(1) {margin-top: 0;}
}