@charset "utf-8";

/*폰트*/
@font-face { font-family: 'NanumBarunGothic';
    src: url('/fonts/NanumBarunGothic.eot');
    src: url('/fonts/NanumBarunGothic.eot') format('embedded-opentype'),
    url('/fonts/NanumBarunGothic.woff') format('woff');}.sec02_icon li
body {font-family: 'NanumBarunGothic', 'serif';}
table {border-collapse: collapse; }

/* reset */.sec01_slide_p2
           html, body, div, p, span, strong, b, em, iframe, pre, h1, h2, h3, h4, h5, h6, img, dl, dt, dd, fieldset, form, legend, label, table, caption, thead, tbody, tfoot, tr, th, td, ul, ol, li, a, input, select, textarea{margin: 0; padding: 0; border: 0 none;}
/*.header-main{display: none;}*/
p{margin:0;}
a, a:hover, a:focus, a:active{text-decoration: none;}
ul, ol, li{list-style: none;}
button{cursor:pointer;}


.sec01{overflow:hidden;margin-top:68px;}
.sec01_left{background:url(../images/new_main/add_img01.png) no-repeat;background-size:cover;width:60%;float:left;color:#fff;position:relative;height:240px;}
.sec01_left::after{content:"";background:rgba(0,0,0,0.5);width:100%;height:100%;display: inline-block;position: absolute;top:0;}
.sec01_slide_wrap{margin:35px 50px;}
.sec01_slide_p1{font-size:11px;}
.sec01_slide_p1::before{content:'+';display:inline-block;font-size:20px;height:10px;color:#fff;position:absolute;left:32px;top:23px;}
.sec01_slide_p2{font-size:26px;font-weight:700;margin:15px 0;}
.sec01_slide_p3{font-size:15px;}
.sec01_bt{margin-top:20px;}
.sec01_bt a{font-size:13px;color:#fff;padding:8px 13px;border:1px solid rgba(255, 255, 255, 0.5);transition:0.2s;}
.sec01_bt a:hover{border:1px solid rgba(255, 255, 255, 0.8);color:#fff !important;}
.sec01_bt a:first-child{margin-right:10px;}

.swiper-pagination{text-align:left;margin-left:45px;bottom:-5px !important;}
.swiper-pagination-bullet{width:50px;height:1px;color:#000;opacity:1;background:rgba(255,255,255,0.5);}
.swiper-pagination-bullet-active{background:#fff;}



.sec01_right{background:#fff;width:40%;float:right;height:240px;}
.sec01_right_wrap{margin:20px;}
.type{overflow:hidden;}
.type li{display:inline-block;float:left;width:33.3%;height:30px;text-align:center;line-height:30px;color:#6e6e6e;font-size:12px;border:1px solid #6e6e6e;margin-left:-1px;cursor:pointer;}
.type li.active{color:#fff;background:#000;}
.type li:first-child{margin-left:0;}
.list_more a{float:right;margin-top:5px;width:25px;height:25px;line-height:30px;font-size:20px;text-align:center;color:#fff;background:#000;border-radius:50%;}
.list_more2 a{display:none;}
.tabsct{margin-top:15px;}
.tabsct table tr{border-bottom:1px solid #ddd;}
.tabsct table td{padding:8px 0;}
.no{font-size:11px;height:20px;line-height:20px;width:30px;padding:3px 6px!important;text-align:center;border:1px solid #000;}
.tit{font-size:13px;width:330px;overflow:hidden;text-overflow:ellipsis;padding-left:10px !important;}
.tit a{color:#000;}
.date{font-size:12px;width:70px;overflow:hidden;text-align:right;}
.sec02{background:#fff;padding:20px;overflow:auto;margin:20px 0;}
.sec02_txt{float:left;margin-top:5px;display:inline-block;}
.sec02_txt img{width:20px;vertical-align:bottom;margin-left:5px;font-weight:500;}
.sec02_icon{overflow:auto;float:right;}
.sec02_icon li{float:left;width:148px;text-align:center;border-right:1px solid #ddd;margin-top:2px;font-size:16px;font-weight:500;}
.sec02_icon li:last-child{border-right:0;}
.sec02_icon li a{color:#000;}
.sec02_icon li img{vertical-align:sub;margin-right:10px;width:20px;}



.sec03{padding-bottom:20px;overflow:auto}
/*.sec03 ul{overflow:auto;height:317px;}*/
.sec03 li{width:25%;height:270px;float:left;}
.sec03 li div{padding:40px;}
.box01{background:#007dc6;color:#fff;}
.box01_btn {overflow:hidden;position:relative;display:block;width:130px;height:30px;margin-top:15px;line-height:32px;border:1px solid #fff;color:#fff;text-align:center;text-decoration:none;text-transform:uppercase;font-size:12px;}
.box01_btn span {position:relative;transition:color .25s ease-out;-webkit-transition:color .5s ease-out;-moz-transition:color .5s ease-out;}
.box01_btn:hover span {color:#0d2450;}
.box01_btn .hover {position:absolute;top:0;left:0;display:block;width:100%;height:100%;background:#fff;border:none;transform:scale(1,0);-webkit-transform:scale(1,0);-moz-transform:scale(1,0);-ms-transform:scale(1,0);transform-origin:center top;-webkit-transform-origin:center top;-moz-transform-origin:center top;-ms-transform-origin:center top;transition:all .2s ease-out;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;}
.box01_btn:hover .hover {transform:scale(1,1);-webkit-transform:scale(1,1);-moz-transform:scale(1,1);-ms-transform:scale(1,1);}



.sec03_p1{font-size:12px;font-weight:500;}
.sec03_p2{font-size:28px;font-weight:300;line-height:1.2;margin:13px 0;}
.sec03_p3{font-size:13px;font-weight:300;line-height:1.4;word-break:keep-all;}
.box02{color:#fff;background:url(../images/new_main/add_img02.png) no-repeat;background-size:cover;position:relative;}
.box02:hover .hover_bg2{opacity: 1;}
.hover_bg2{position: absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,3,36,0.5);opacity:0.5;-webkit-transition: all ease-out 0.2s;-moz-transition: all ease-out 0.2s;z-index:1}
.box02 img{position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%, -40%);}
.box03{background:#fff;position:relative;z-index:2}
.box03 a{color:#000;}
.book{position:absolute;bottom:0;right:0;z-index:-1;}
.sec03_p4{font-size:40px;font-weight:700;margin:15px 0;}
.box04{color:#fff;background:#da2128;position:relative;}
.box04 span img{width:40px;margin:15px 10px 15px 0;}
.share{position:absolute;bottom:0;right:0;}


@media screen and (max-width: 1260px){
    .sec01_right_wrap {margin: 30px 20px;}
    .sec01_left{width:50%;height:260px;}
    .sec01_right{width:50%;height:260px;}
    .sec01_slide_p2{font-size:23px;}
    .sec01_slide_p3{font-size:13px;}
    .sec02_icon li{width:125px;}
    .sec03 li div{padding:30px;}
    .sec03 li{width:25%;height:260px;float:left;}
    .sec03_p2{margin:12px 0;}
    .box01_btn{margin-top:20px;}
}



@media screen and (max-width:1014px){
    .sec01_left{float:inherit;width:100%;}
    .sec01_right{float: inherit;width:100%;}
    .sec01_right_wrap{margin:20px;margin-top:0;padding-top:20px;}
    .tit{width:575px;padding-left:15px !important;}
    .no{padding:5px 10px !important;}
    .type li{width:33.33%;}
    .sec02{padding-bottom:25px;}
    .sec02_txt {display:block;float:inherit;}
    .sec02_icon{float:inherit;margin-top:20px;}
    .sec02_icon li{width:210px;margin-right:21px;text-align:left;}
    .sec02_icon li:nth-child(3){border-right:0;margin-bottom:15px;}
    .sec02_icon li:last-child{margin-right:0;}
    .sec03 li{width:50%;}
    .sec03 ul{height:100%;}
    .sec03 li{height:235px;}
}

@media screen and (max-width: 1015px) and (min-width: 761px){
    .main_content .b_container{padding-left:0 !important;padding-right:0 !important;}
}

@media screen and (max-width: 760px){

    /*    추후삭제*/
    .footer-sidebar{display:none;}
    .site-info{display:none;}
    .site-footer #supplementary{display:none;}
    /*    -------*/

    .sec01{border:1px solid #ddd;}
    .sec02{border:1px solid #ddd;}
    .sec01_slide_wrap{margin:35px;}
    .sec01_slide_p1::before{left:23px;top:22px;}
    .swiper-pagination{margin-left:32px;}
    .type li{width:33.33%;}
    .tit{width:390px;}
    .sec02_txt{text-align:center;font-size:19px;}
    .sec02_txt img{vertical-align:middle;}
    .sec02_icon{margin-top:30px;}
    .sec02_icon li{width:168px;text-align:center;margin-right:0;}
    .sec02_icon li:nth-child(3){border-right:0;margin-bottom:15px;}
    .sec02_icon li img{width:23px;}
    .sec01_slide_p2 {font-size:24px;}
    .sec03_p2{font-size:27px;}
    .sec03_p4{font-size:35px;font-weight:700;margin:15px 0;}
    .box01_btn{margin-top:15px;}
    .box03{border-left:1px solid #eaeaea;border-bottom:1px solid #eaeaea;box-sizing:border-box;}
}


@media screen and (max-width: 641px){
    .sec01_left{height:290px;}
    .sec01_right{height:100%;}
    .type li{width:33.33%;}
    .tit{padding-left:10px !important;width:230px;}
    .list_more a{display:none;}
    .list_more2 a{display:inline-block;border:1px solid #979797;color:#979797;font-size:20px;font-weight:700;width:100%;text-align:center;margin-top:15px;height:25px;line-height:30px;}
    .sec02 {padding-bottom:20px;}
    .sec02_icon li{width:163px;border-right:0;margin-bottom:10px;text-align:left;padding-left:20px;}
    .sec02_icon li:nth-child(3){margin-bottom:0;}
    .sec02_icon li:nth-child(odd){border-right:1px solid #ddd;}
    .sec01_slide_p2 {font-size:24px;}
    .sec03 li{width:100%;height:170px;}
    .sec03 li div{padding:25px;}
    .sec03_p2{margin:8px 0;}
    .sec03_p4{font-size:35px;margin:10px 0;}
    .sec03_p2 br{display:none;}
    .box03{border:1px solid #eaeaea;}
}

@media screen and (max-width:460px){
    .type li{width:33.33%;}
    /*.type li:nth-child(2){margin-left:-1px;}*/
    /*.type li:nth-child(3){margin-top:-1px;}*/
    /*.type li:nth-child(4){margin-left:-1px;margin-top:-1px;}*/
    .sec01_left{height:260px}
    .sec01_slide_p2{font-size:21px;}
    .sec01_slide_p3{font-size:15px;line-height:1.4;}
    .sec01_slide_wrap{margin:28px;}
    .sec01_right{position:relative;}
    .tabsct table td{padding:5px 0;}
    .sec02{padding:15px;}
    .sec02_icon{margin-top:25px;}
    .sec02_txt{font-size:15px;}
    .tit{width:150px;}
    .list_more a{display:none;}
    .list_more2 a{display:inline-block;border:1px solid #979797;color:#979797;font-size:20px;font-weight:700;width:100%;text-align:center;margin-top:15px;height:25px;line-height:30px;}
    .sec02_icon li{width:132px;font-size:14px;padding-left:0;}
    .sec02_icon li:nth-child(odd){border-right:0;}
    .sec02_icon li img{width:27px;}
    .sec03 li{height:190px;}
    .sec01_slide_p1::before{left:15px;top:15px;}
    .swiper-pagination{margin-left:24px;}
    .no{padding:5px 7px !important;}
}
.guide_link{display:none;}