@charset "utf-8";

/*.templete-type0 .header header{width:100%; padding:40px 0;}*/
.templete-type0 .header-top-md{background-color:#fff;}
.templete-type0 .main-wrapper{width:100%;margin:0 auto;position: relative;}
.templete-type0 .cont-article{background-color:#fff;}

.templete-type0 .topnav-wrap{width:100%; text-align:center; padding:0; padding-right:37px;}
.templete-type0 .topnav-wrap ul > li > a {padding: 8px 18px;font-size: 16px; color:#fbfbfb; font-weight:300;}
.templete-type0 .topnav-wrap ul li ul.menu-two-depth .ico_depth:before {top: 13px;}
.templete-type0 .common-nav {background: #000; border-bottom:none; border-top:none; height:36px;}
.templete-type0 .common-nav .topnav{width:100%; background-color:#000; height:36px;}
.templete-type0 .button.btnico-menu {right:0; left:inherit; background-image:url('../images/main/type3/ico_menu_hambur_bk.png'); height:36px; width:37px; background-color:#e5e5e5; min-width:37px;}.templete-type0 .header-area h{text-align:center;}
.templete-type0 .topnav-all-wrap{width:100%; top:1px; padding:0 5% 20px; border:1px solid #eeeeee; border-bottom:3px solid #395160;}
.templete-type0 .topnav-all-wrap .menu-one-depth{width:190px; margin-left:20px;}
.templete-type0 .topnav-all-wrap .menu-one-depth > a {color:#395160; height:50px; border-bottom:2px solid #395160;}
.templete-type0 .topnav-wrap ul li ul li a{color: #333; font-weight:400; text-align:left;}
.templete-type0 .topnav-wrap ul li:hover > a, .templete-type0 .topnav-wrap ul li.on > a{background-color:#395160; color:#fff;}
.topnav-wrap ul li ul.menu-three-depth li:hover a{background:#395160 !important;}
.templete-type0 .snsLinkbutton{width:auto; position:absolute; top:45px; right:0;}
.templete-type0 .snsLinkbutton [class*=btnico]{background-color:transparent; width:33px; height:33px; min-width:34px;}

.templete-type0 .snsLinkbutton .btnico-instagram {background-image: url('../images/set5/ico_01_insta_33.png');}
.templete-type0 .snsLinkbutton .btnico-post_naver {background-image: url('../images/set5/ico_02_naver_33.png');}
.templete-type0 .snsLinkbutton .btnico-facebook {background-image: url('../images/set5/ico_03_fcbook_33.png');}
.templete-type0 .snsLinkbutton .btnico-naverblog {background-image: url('../images/set5/ico_05_nvrblog_33.png');}
.templete-type0 .snsLinkbutton .btnico-navertv {display:none; background-image: url('../images/set5/ico_06_nvrtv_33.png');}
.templete-type0 .snsLinkbutton .btnico-youtube{display:none;}

h3.main-tit::before, .main-tit h3:before{content:''; float:left; padding-left:.75rem; height:25px; border-left:3px solid #df0100;}

.main-prolog .main-right section.disflex .main-img figure img{border:0;}
.main-prolog .main-right section.disflex .main-img figure{-webkit-transition: transform .5s ease 0s, -ms-transform .5s ease 0s; transition: transform .5s ease 0s, -ms-transform .5s ease 0s;}
.main-prolog .main-right section.disflex .main-img figure:hover{transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1);}
/*.main-prolog .main-right section.disflex .main-news:hover{text-decoration:underline;}*/

/*.main-left .main-left-list li .disflex:hover{text-decoration:underline;}*/
.main-today .main-today-list li:after{background-color:#000;}
/*.main-today .main-today-list li .layer-blue p:hover{text-decoration:underline;}*/

.box-skin{background-color:#333; padding:15px; margin-bottom:15px; position:relative;}
.box-skin .main-tit{padding: 10px 0; border: 0; background-color: transparent;}
.box-skin .btn-close-arrow{position: absolute; top: 20px; right: 20px; width: 30px; height: 30px; background: url(../images/common/ico_more.png) no-repeat 0 0; font-size: 1px; color: transparent; clear: both;}
.auto-article {position: relative; width: 100%; font-size: .9rem; text-align: left; vertical-align: baseline; letter-spacing: -.05em; transition: all 0.25s ease; -moz-transition: all 0.25s ease; -webkit-transition: all 0.25s ease; -o-transition: all 0.25s ease;}
.auto-article .auto-content-inner{width:100%; /*height:420px;*/ display:inline-block; position:relative; overflow:hidden; margin-bottom:10px;}
.auto-content-inner figure img {height:220px; width:100%; object-fit:cover;}
.auto-image-figure {-webkit-transition:transform .5s ease 0s, -ms-transform .5s ease 0s; transition: transform .5s ease 0s, -ms-transform .5s ease 0s; /*padding:.4375rem; background-color:#fff; border:1px solid rgba(0,0,0,.12);*/}
.auto-image-figure:hover{transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1);}
.auto-content-inner .title-inner {padding:2rem; background-color:#676767;}
.auto-content-inner .title-inner strong{color: #fff; font-weight:700; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; word-wrap: break-word; font-size: 1.5rem; line-height:1.4em; display: -webkit-box; max-height:2.8em; -webkit-line-clamp:2;}
/*.auto-content-inner .title-inner strong:hover{text-decoration:underline}*/
.auto-content-inner .title-inner > p{color: rgba(255,255,255,.75); display:-webkit-box; max-height: 3.2em; -webkit-line-clamp:2; line-height: 1.6em; margin-top: .625rem!important; overflow:hidden; text-overflow:ellipsis; -webkit-box-orient:vertical; word-wrap:break-word;}
/*.auto-content-inner .title-inner > p:hover{text-decoration:underline;}*/

.auto-article ul{width:100%; height:300px; overflow:hidden;}
.auto-article ul .auto-content-list{float: left; position:relative; width: 30%; margin-left:3%;}
.auto-article ul .auto-content-list:nth-child(n+2):nth-child(-n+7){margin-bottom:5%;}
.auto-content-list figure{height:80px;}
.auto-content-list figure img{width:205px; height:80px; object-fit:cover; overflow:hidden;}
.auto-content-list .auto-list-title{margin-top:0.5rem; padding-right:0.25rem; display:-webkit-box; max-height:2.8em; -webkit-line-clamp:2; line-height:1.4em; font-size:16px; color:rgba(255,255,255,.75); overflow:hidden; height:44px;}
/*.auto-content-list .auto-list-title:hover{text-decoration:underline;}*/

/* 컨트롤 1*/
.dot-list > li:before{display:block;}
.inner-box-right li img{display:none;}

/* // 컨트롤 1*/

/* 컨트롤 3*/
.gray-box{background-color:#4a4a4a; padding:20px;}
.main-photo-list li a{text-align:center;}
.main-photo-wrap{position:relative;}
.main-photo-wrap .overlayer{text-align:initial;}
.main-photo-wrap .btn-close-arrow{position: absolute; top: 24px; right: 18px; width: 30px; height: 30px; background: url(../images/common/ico_more.png) no-repeat 0 0; font-size: 1px; color: transparent; clear: both;}


/*.main-photo-inner{float:none;}*/

/*리스트, 본문 페이지*/
/*.location-box{background-color:#1e7fd4;}

.cont-article .tit-area {margin-top: 5px;}
.updown_area button.btn_up {background: #0f4c81;}
.updown_area button.btn_up:hover {background-color: #0f4c81;}

.location ul li:first-child a {background: #1e7fd4 url('../../../images/mob/ico_home_md.png') no-repeat 70% center; background-size: 13px auto;}*/

/* 모바일 */
/*.header-top-md h1 a { margin-top: -7px;}*/


@media all and (min-width: 768px) {
    .templete-type0 .main-wrapper {width: 1170px;}
    .templete-type0 .common-nav .topnav{width: 1170px;}
    .templete-type0 .topnav-wrap {width: 1170px;}
    .templete-type0 .topnav-all-wrap{width:1170px;}

    .main-prolog-wrap{padding-top:15px;}

    .main-prolog .main-right section.disflex .main-img{width:500px; order:1;}
    .main-prolog .main-right section.disflex .main-news{order:2; margin:0 20px;}

    .auto-article{display:flex;}
    .auto-article .auto-content-inner{width:40%; float:left; margin-bottom:0;}
    .auto-article ul{float:right; width:60%; height:420px;}
    .auto-content-list .auto-list-title{margin-top:0.75rem; padding-right:1rem;}
    .auto-content-list figure{height:130px;}
    .auto-content-list figure img{height:130px;}

    /* 컨트롤 1*/
    .dot-list > li:before{display:none;}
    .inner-box-right li img{display:inline-block; width:70px; height:55px; float:left; object-fit:cover; margin-right:10px;}
    .inner-box-right .dot-list li a{height: 55px; line-height:1.2;}

    /* 컨트롤 3*/
    .gray-box{display:flex;}
    .main-photo-inner{width: 460px; height:420px; margin-right:20px;}
    .main-photo-inner img{width:495px; height:420px;}
    .main-photo-wrap .overlayer p{font-size:15px;}
    .main-photo-wrap .main-photo-inner .overlayer p{font-size:20px; height:35px;}
    .main-photo-list{width:698px;}
    .main-photo-list li{height: 210px; width: 222px;}
    .main-photo-list li a img{height:210px;}

    .main-photo-wrap .btn-close-arrow{top: 15px; right: 20px;}
    
}

@media all and (min-width: 1180px) {
}

@media all and (max-width: 768px){
    /* 컨트롤 3 */
    .main-photo-wrap {display:block;}
    .main-photo-wrap .main-tit-box {padding: 15px 0; display: block;}
    
    .main-photo-inner {overflow:hidden; position: relative; width: 100%; height: 320px; margin-bottom: 10px;}
    .main-photo-inner img{width:100%; height:320px; object-fit:cover;}
    .main-photo-inner .overlayer p {font-size:18px; padding:20px; line-height:1.4;}

    .main-photo-wrap .overlayer{position:absolute; bottom:0; width:100%; height:25%;}
    .main-photo-wrap .overlayer p{position:relative; color:#fff; padding:10px; z-index:11; line-height:1.3; height:38px; overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; text-overflow:ellipsis;}
    .main-photo-wrap .overlayer:after{content: ''; display:block; padding:10px; width:100%; height:100%; position:absolute; top:0; left:0; box-sizing:border-box; background-color:#a32271; z-index:0; opacity:0.7;}

    .main-photo-list{width:100%; overflow:hidden; display:flex; margin-bottom:10px;}
    .main-photo-list li{margin-bottom:1px; height:200px; width:50%;}
    .main-photo-list li:nth-child(1) {margin-bottom:1px; margin-right:2%; height:230px; width:49%;}
    .main-photo-list li a{display:block; position:relative;}
    .main-photo-list li a img{height:230px; width:100%; object-fit:cover;}
    .main-photo-list li:nth-child(n+3){display:none;}
}