@charset "utf-8";
/* sub header */
.at-menu.sub_header .pc-menu{border-bottom:1px solid rgba(255,255,255,.1)}

/* top banner */
.top_banner{margin-top: -100px; position: relative;}
.top_banner .sub_text{position: absolute; top: calc(50% + 50px); transform:translateY(-50%); width: 100%; margin: 0;padding: 0;}

.sub_text h1{color:#fff; font-size:68px; font-weight:600; }
.sub_text h1.register_tt{color:#111;}
.sub_text h1:after{content:''; display: inline-block; width: 16px;height: 16px; border-radius:50%; background: #ff5a00; margin-left: 0px;}
.sub_text h1.register_tt:after{margin-left: 12px;}
.sub_text p{color:#fff;}

/* design page */
.page_img img{max-width:100% !important}

/* custom_search */
.list-tsearch.custom_search{background: none; border:none; margin-bottom: 40px; padding: 0;}
.custom_form{float:right;}
.custom_search .form-group{margin-bottom: 0;}
.custom_form > div{float:left;}

.custom_search .custom_select{ margin-right: 12px;}
.custom_search .custom_select select{width: 150px; height: 46px; line-height: 44px; padding: 0 20px; box-shadow: none; -webkit-box-shadow:none; font-size: 16px; color:#666; appearance: none; -webkit-appearance: none; background: url(../img/btn_search_dropdown.png) no-repeat calc(100% - 20px) center; border:1px solid #d9d9d9}
.custom_search .custom_input_area{height: 46px; border:1px solid #d9d9d9;width: 280px;}
.custom_search .custom_input_area > div{float:left;}

.custom_search .custom_input{width: calc(100% - 60px);}
.custom_search .custom_input input{border:none; box-shadow: none; -webkit-box-shadow:none; height: 44px; line-height: 44px; font-size:16px; color:#666; padding: 0 0 0 20px; }
.custom_search .custom_input input::placeholder{color:#999}
.custom_search .custom_button{}
.custom_search .custom_button button{ background: none; padding: 0 20px; height: 44px;}
.custom_search .custom_button button img{vertical-align: top; margin-top: 1px;}


/* m01_01 */
.m01_01{background: url(../img/m01_01_bg.png) no-repeat center center/cover;}

/* m01_02 */
.m01_02 > div{position: relative; z-index: 1;}
.m01_02 .m01_02_bg {position: absolute; z-index: -1;}
.m01_02 .m01_02_02_bg {top: -360px; right: 0;}
.m01_02 .m01_02_03_bg {top: -200px;left: 0;}
.m01_02 img{margin-top: 120px;}
.m01_02 > div:last-child img{margin-bottom: 120px;}

/* m01_04 */
.m01_04 .map_api{margin-top: 90px;}
.m01_04 .map_api iframe{width: 100%; height: 420px;}


/* m02 */


/* list-tab */
.list-category{margin: 120px 0 80px;}
.list-category .tabs{margin-bottom:0; text-align: center;}
.nav-tabs{border:none}
.div-tab.tabs ul.nav-tabs{display: inline-block;}
.div-tab.tabs.trans-top ul.nav-tabs li.active{border:none;}
.div-tab.tabs.trans-top ul.nav-tabs li.active a{color:#fff !important}
.div-tab.tabs ul.nav-tabs li{border:none; background: none;}
.div-tab.tabs ul.nav-tabs li:hover, .div-tab.tabs ul.nav-tabs li:focus{border:none;}
.div-tab.tabs ul.nav-tabs li:first-child{border:none}
.list-category .div-tab.tabs ul.nav-tabs li a, .list-category .div-tab.tabs ul.nav-tabs li a:hover, .list-category .div-tab.tabs ul.nav-tabs li a:focus, .list-category .div-tab.tabs ul.nav-tabs li:first-child a, .list-category .div-tab.tabs ul.nav-tabs li:first-child a:hover, .list-category .div-tab.tabs ul.nav-tabs li:first-child a:focus, .list-category .div-tab.tabs ul.nav-tabs li:last-child a, .list-category .div-tab.tabs ul.nav-tabs li:last-child a:hover, .list-category .div-tab.tabs ul.nav-tabs li:last-child a:focus{line-height: 55px; display: block;line-height: 55px !important; color:#888;border:1px solid #ddd; border-radius:27.5px; }
.div-tab.tabs ul.nav-tabs li:last-child, .div-tab.tabs ul.nav-tabs li:last-child:hover{border:none}

.list-category .div-tab.tabs ul.nav-tabs li{ margin-right: 20px;}
.list-category .div-tab.tabs ul.nav-tabs li:last-child{margin-right: 0;}

.list-category .div-tab.tabs ul.nav-tabs li a{width: 200px; padding: 0; text-align: center; line-height: 55px; display: block;line-height: 55px !important; color:#888; font-size:17px;border:1px solid #ddd; border-radius:27.5px;}
.list-category .div-tab.tabs.trans-top ul.nav-tabs li.active a{background: #ff5a00; border:1px solid #ff5a00;  display: block;line-height: 55px !important;border-radius:27.5px; }


/* list-row */
.m02 .imgframe:hover .list_content{opacity: 1;}
.m02 .imgframe .list_content{position: absolute; padding: 60px 40px; left: 0; bottom: 0; top: 0;right: 0; background: rgba(0,0,0,.8); color:#fff; display: flex; flex-direction: column; justify-content: flex-end; opacity:0; transition:.3s}

.m02 .imgframe .list_content .mc02_tt{font-size:30px; font-weight:500; padding-left: 19px; position: relative;}
.m02 .imgframe .list_content .mc02_tt:before{content:''; display: block; position: absolute; width: 6px;height: 6px; border-radius:50%; background: #ff5a00; top: 50%; transform:translateY(-50%); left: 0;}
.m02 .imgframe .list_content .mc02_con{margin-top: 33px;}
.m02 .imgframe .list_content .mc02_con p{font-size: 16px; line-height: 30px;}
.m02 .imgframe .list_content .mc02_con p span{margin-right: 20px;}

.m02 .fix_gallery_content{padding-top: 22px;}
.m02 .fix_gallery_content h5{font-size:22px;}

.m02 .list-page{margin: -67px 0 100px !important;}

/* m03 */
.m00{margin-top: 90px;}
.m00 .list-tsearch.custom_search{margin-bottom: 26px;}
.m03 .gallery_container .list-row{ padding-top: 30px; border-top:1px solid #e9e9e9; background: url(../img/mc04_btn_more.png) no-repeat right center;}
.m03 .gallery_container .list-row:hover{background-image: url(../img/mc04_btn_more_on.png);}
.m03 .gallery_container .list-row:first-child{border-top: 1px solid #666;}
.m03 .gallery_container .list-item{display: flex;}
.m03 .imgframe{width: 21.428%;}
.m03 .imgframe + a{width: 78.572%; padding: 21px 220px 30px 80px; display: flex; flex-direction: column; justify-content: space-between;}
.m03 .gallery_title{font-size:19px; font-weight:500; line-height: 34px; max-height:68px; overflow: hidden; text-overflow: ellipsis; color:#222;}
.m03 .date{margin-top: 0; font-size: 18px; font-weight:400; color:#999}

.m03 .list-page{margin: 0 0 100px !important;}

/* m04 */
.board_style .div-head{background: none; padding: 25px 0;}
.board_style .div-head > span{font-size: 17px; font-weight:500; color:#222}

.board_style .list-board .wr-notice{width: 48px;height: 24px;}
.board_style .list-board .list-body li.bg-light{background: #fbfbfb;}
.board_style .list-board .list-body li > div{font-size: 16px; color:#666; padding: 26px 0;}
.board_style .list-board .list-body li > div.wr-subject{padding-left: 40px;}
.notice_style .list-board .wr-num{width: 8%;}
.m04 .list-page{margin: 20px 0 100px !important;}

/* pagination */
.responsive .pagination-sm>li>a, .responsive .pagination-sm>li>span{padding: 0; width: 34px;height: 34px; line-height: 34px; border-radius:50% !important; text-align: center; border:none; font-family: 'Open Sans', sans-serif; font-size:17px; color:#999 !important}

/* login */
.custom-login{ padding: 100px 0;}
.custom-login .nav-tabs > li{width: 100%;}
.register-wrap{padding-bottom: 100px;}
.mypage-table .mypage-categorys{padding: 100px 0;}

@media(max-width:1920px){
    .m01_01{background-size:contain;}
}

@media(max-width:991px){
    .top_banner{margin-top: -53px;}
    .page_img img{width: 100%;}

    .m_header.sub_header{border-bottom:1px solid rgba(255,255,255,.1)}
    .top_banner .sub_text{top: calc(50% + 21.5px);}
    .sub_text h1{font-size:39px;}
    .sub_text h1:after{width: 9px;height: 9px;}
    

    /* 게시판 list category */
    .list-category{margin: 60px 0 20px;}
    .list-category .dropdown{}
    .list-category .dropdown > a.btn{padding: 0; height: 48px; line-height: 48px; border-radius:24px !important; background:#ff5a00 url(../img/btn_cate_dropdown.png) no-repeat calc(100% - 35px) center/10px 5px; color:#fff;  font-size:14px}
    .list-category .dropdown-menu{margin-top: 0;width: 100%; text-align: center;}
    
    /* custom search */
    .list-tsearch.custom_search{margin-bottom: 20px;}
    .custom_form{float:none; width: 100%;}
    .custom_search .custom_select{width: 28.484%; margin-right:1.516% ;}
    .custom_search .custom_select select{width: 100%;padding: 0 15px; background-position:calc(100% - 15px) center; background-size:7.5px 4.5px; font-size:12px;height: 40px; line-height: 38px;}
    .custom_search .custom_input_area{width: 70%;   height: 40px;}
    .custom_search .custom_input{ width:calc(100% - 46px)}
    .custom_search .custom_input input{padding-left:15px; font-size:12px; height: 38px; line-height: 38px;}
    .custom_search .custom_button button{padding: 0 15px; height: 38px; line-height: 38px; }
    .custom_search .custom_button button img{height: 13px; width: auto; margin-top: 12px;}

    
    .m01_02 img{margin-top: 0;}
    .m01_02 img:last-child{margin-bottom: 0;}
    .m01_04 .map_api{margin-top: 60px;}
    .m01_04 .map_api iframe{height: 210px;}


    .responsive .list-wrap .list-container.gallery_container .list-row{width: 100% !important;}
    .m00{margin-top: 50px;}

    .m02.board_style{margin-bottom: 0;}
    .m02 .imgframe .list_content{padding: 45px 20px;}
    .m02 .imgframe .list_content .mc02_tt{font-size:20px; padding-left: 13px;}
    .m02 .imgframe .list_content .mc02_tt:before{width: 4px;height: 4px;}
    .m02 .imgframe .list_content .mc02_con{margin-top: 20px;}
    .m02 .imgframe .list_content .mc02_con p{font-size:13px; line-height: 22px;}
    .m02 .imgframe .list_content .mc02_con p span{margin-right: 12px;}
    .m02 .fix_gallery_content{padding-top: 17px; margin-top: 0;}
    .m02 .fix_gallery_content h5{font-size: 16px}
    .m02 .list-wrap .list-container.gallery_container .list-item{margin-bottom: 45px;}

    .m02 .list-page{margin: -37px 0 40px !important;}

    .m00.board_style{margin-bottom: 0;}
    .m03 .list-wrap .list-container.gallery_container{margin-right: 0px;}
    .m03 .gallery_container .list-row{padding-top: 30px; background-position:left calc(100% - 30px); background-size:47.5px 13px}
    .m03 .gallery_container .list-row:last-child{border-bottom:1px solid #e9e9e9}
    .m03 .list-wrap .list-container.gallery_container .list-item{flex-direction: column; margin-right: 0;}
    .m03 .imgframe{width: 100%;}
    .m03 .imgframe + a{width: 100%; padding: 10px 0 38px;}
    .m03 .gallery_title{font-size: 15px; line-height: 24px; max-height:48px}
    .m03 .date{margin-top: 19px; font-size: 13px;}

    .m03 .list-page{margin: 10px 0 40px !important;}

    .board_style .div-head{padding: 9px 0;}
    .board_style .div-head > span{font-size:14px;}
    .board_style .list-board .list-body li > div{padding: 9px 0; font-size:13px}
    .board_style .list-board .list-body li > div.wr-subject{padding-left: 0px;}

    .m04 .list-page{margin: 0 0 30px !important;}
    .responsive .pagination-sm>li>a, .responsive .pagination-sm>li>span{width: 25px;height: 25px; line-height: 25px; font-size:13px}

    /* login */
    .custom-login{padding: 40px 0;}
    .register-wrap{padding-bottom: 40px;}
    .mypage-table .mypage-categorys{padding: 40px 0;}

}