@charset "utf-8";

/*
font-family: 'NanumGothic', sans-serif;
font-family: 'NanumSquareNeo', sans-serif;
*/



/* 공통 */
#main #container {padding-top: 96px;}
#main .inner_bx {max-width: 1308px; width: calc(100% - 40px); margin: 0 auto; box-sizing: border-box;}
#main .ttl01 {margin-bottom: 17px;}
#main .ttl01 strong {display: block; font-size: 28px; color: #00696d; font-weight: 700; word-break: keep-all;}



/* sec1 */
#sec1 {position: relative; overflow: hidden;}
#sec1 .slide_bx {font-size: 0;}
#sec1 .slide_bx .img_bx {height: 500px; position: relative; overflow: hidden;}
#sec1 .slide_bx .img_bx div {position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-size: cover; background-repeat: no-repeat; background-position: center; transform: scale(1.2);}
#sec1 .slide_bx .img_bx.on div {-webkit-transition: transform 5s; -moz-transition: transform 5s; transition: transform 5s; transform: scale(1);}
#sec1 .arrow_bx {position: absolute; max-width: 1308px; width: calc(100% - 40px); left: 50%; top: 50%; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%);}
#sec1 .arrow_bx > div {width: 27px; height: 49px; opacity: 0.7; position: absolute; top: 50%; transform:translate(0%, -50%); -webkit-transform:translate(0%, -50%); -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; transition: opacity 0.3s; font-size: 0; cursor: pointer;}
#sec1 .arrow_bx > #arrow_prev1 {left: 0; background: url(../images/main/sec1_prev.png) no-repeat center;}
#sec1 .arrow_bx > #arrow_next1 {right: 0; background: url(../images/main/sec1_next.png) no-repeat center;}
#sec1 .txt_bx {position: absolute; max-width: 1308px; width: calc(100% - 40px); left: 50%; top: 50%; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); text-align: center;}
#sec1 .txt_bx strong {display: block; font-size: 35px; line-height: 55px; color: #ffffff; font-weight: 900; word-break: keep-all;}
#sec1 .txt_bx p {font-size: 25px; color: #ffffff; line-height: 37px; word-break: keep-all; margin-top: 32px;}



/* sec2 */
#sec2 {padding: 47px 0 39px;}
#sec2 .con_bx {display: flex; flex-flow: wrap; border-top: 4px solid #00696d; padding-top: 23px;}
#sec2 .con_bx .con_w {width: calc(50% - 61px); margin-right: 122px; box-sizing: border-box;}
#sec2 .con_bx .con_w:nth-child(2n) {margin-right: 0;}
#sec2 .con_bx .c_ttl strong {display: inline-block; font-size: 25px; color: #000000; font-weight: 700; letter-spacing: -0.02em; line-height: 30px;}
#sec2 .con_bx .c_ttl .btn {font-size: 0; width: 30px; height: 30px; float: right; position: relative;}
#sec2 .con_bx .c_ttl .btn::before {content: ''; width: 100%; height: 100%; top: 0; left: 0; background: url(../images/main/sec2_more.png) no-repeat center; position: absolute;}
#sec2 .con_bx .list_bx {margin-top: 15px;}
#sec2 .con_bx .list_bx ul li {border-bottom: 1px solid #999999;}
#sec2 .con_bx .list_bx ul li:last-child {border-bottom: none;}
#sec2 .con_bx .list_bx ul li a {display: flex; flex-flow: wrap; padding: 14px 0; box-sizing: border-box; height: 53px;}
#sec2 .con_bx .list_bx ul li a .type {width: 90px; font-size: 18px; font-weight: 700; color: #000000; text-align: center; box-sizing: border-box;}
#sec2 .con_bx .list_bx ul li a .type.col1 {color: #00b01c;}
#sec2 .con_bx .list_bx ul li a .type.col2 {color: #fd7900;}
#sec2 .con_bx .list_bx ul li a .type.col3 {color: #36bdff;}
#sec2 .con_bx .list_bx ul li a .type.col4 {color: #402a9d;}
#sec2 .con_bx .list_bx ul li a .subject {font-size: 20px; color: #000000; letter-spacing: -0.02em; word-break: keep-all; overflow: hidden; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; width: calc(100% - 164px); margin-left: 47px; box-sizing: border-box;}
#sec2 .con_bx .list_bx ul li a .date {display: none;}
#sec2 .con_bx .list_bx .no_data {height: 269px; display:flex; justify-content:center; align-items:center; table-layout:fixed; font-size: 22px; color: #ccc;}



/* sec3 */
#sec3 {padding: 40px 0 160px;}
#sec3 .inner_bx {position: relative;}
#sec3 .arrow_bx {position: absolute; right: 0; top: 2px; font-size: 0;}
#sec3 .arrow_bx > div {display: inline-block; width: 34px; height: 34px; margin-right: 27px; border-radius: 50%; cursor: pointer;}
#sec3 .arrow_bx > div:last-child {margin-right: 0;}
#sec3 .arrow_bx > #arrow_prev2 {background: url(../images/main/sec3_prev.png) no-repeat center #9fa0a0;}
#sec3 .arrow_bx > #arrow_next2 {background: url(../images/main/sec3_next.png) no-repeat center #9fa0a0;}
#sec3 .slide_bx .slick-slider {position: relative; padding: 30px 24px 0;}
#sec3 .slide_bx .slick-slider::before {content: ''; width: calc(100%); height: /*68.436%*/258px; background-color: #00696d; position: absolute; left: 0; top: 0;}
#sec3 .slide_bx .slick-slide {padding: 0 18px;}
#sec3 .slide_bx .img_bx {position: relative; overflow: hidden; padding-bottom: /*67.19%*/260px; border: 1px solid #00696d;}
#sec3 .slide_bx .img_bx div {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center; background-repeat: no-repeat;}
#sec3 .slide_bx .txt_bx {margin-top: 13px;}
#sec3 .slide_bx .txt_bx strong {display: block; font-size: 23px; color: #00696d; font-weight: 700; word-break: keep-all; line-height: 34px;}
#sec3 .slide_bx .txt_bx p {font-size: 18px; color: #000000; line-height: 28px; word-break: keep-all; margin-top: 5px;}
#sec3 .slide_bx .no_data {height: 258px; display:flex; justify-content:center; align-items:center; table-layout:fixed; font-size: 22px; color: #ccc; opacity: 0.7; word-break: keep-all;}


/* PC */
@media all and (min-width:1025px){
    /* sec1 */
    #sec1 .arrow_bx > div:hover {opacity: 1;}



    /* sec2 */
    #sec2 .con_bx .c_ttl .btn::before {-webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}
    #sec2 .con_bx .c_ttl .btn:hover::before {transform: rotate(90deg);}



    /* sec3 */
    #sec3 .arrow_bx > div {-webkit-transition: background 0.3s; -moz-transition: background 0.3s; transition: background 0.3s;}
    #sec3 .arrow_bx > div:hover {background-color: #00696d!important;}
    #sec3 .slide_bx .img_bx div {-webkit-transition: transform 0.3s; -moz-transition: transform 0.3s; transition: transform 0.3s;}
    #sec3 .slide_bx a:hover .img_bx div {transform: scale(1.1);}
}

/* 태블릿&모바일 공통*/
@media all and (max-width:1024px){
    /* 공통 */
	#main #container {padding-top: 66px;}
    #main .ttl01 {margin-bottom: 14px;}
    #main .ttl01 strong {font-size: 20px;}



    /* sec1 */
    #sec1 .slide_bx .img_bx {height: 230px;}
    #sec1 .arrow_bx > div {width: 24px; height: 24px; border: 1px solid #fff; border-radius: 50%; box-sizing: border-box;}
    #sec1 .arrow_bx > #arrow_prev1 {background: url(../images/main/sec1_prev_m.png) no-repeat center;}
    #sec1 .arrow_bx > #arrow_next1 {background: url(../images/main/sec1_next_m.png) no-repeat center;}
    #sec1 .txt_bx strong {font-size: 16px; line-height: 20px;}
    #sec1 .txt_bx p {font-size: 13px; line-height: 19px; margin-top: 9px;}



    /* sec2 */
    #sec2 {padding: 36px 0 16px;}
    #sec2 .con_bx {border-width: 2px; padding-top: 5px;}
    #sec2 .con_bx .con_w {width: calc(50% - 30px); margin-right: 60px;}
    #sec2 .con_bx .c_ttl strong {font-size: 14px; line-height: 25px;}
    #sec2 .con_bx .c_ttl .btn {width: 15px; height: 25px;}
    #sec2 .con_bx .c_ttl .btn::before {background-size: 15px auto;}
    #sec2 .con_bx .list_bx {margin-top: 1px;}
    #sec2 .con_bx .list_bx ul li a {padding: 10px 0; height: 33px;}
    #sec2 .con_bx .list_bx ul li a .type {font-size: 9px; width: 45px; display:flex; justify-content:center; align-items:center; table-layout:fixed;}
    #sec2 .con_bx .list_bx ul li a .subject {font-size: 12px; width: calc(100% - 57px); margin-left: 12px;}
    #sec2 .con_bx .list_bx .no_data {height: 169px; font-size: 12px;}



    /* sec3 */
    #sec3 {padding: 16px 0 33px;}
    #sec3 .arrow_bx {top: 0;}
    #sec3 .arrow_bx > div {width: 22px; height: 22px; background-size: 6px auto!important; margin-right: 15px;}
    #sec3 .slide_bx .slick-slider {padding: 18px 8px 0;}
    #sec3 .slide_bx .slick-slider::before {height: 225px;}
    #sec3 .slide_bx .slick-slide {padding: 0 8px;}
    #sec3 .slide_bx .img_bx {padding-bottom: 216px;}
    #sec3 .slide_bx .txt_bx {margin-top: 10px;}
    #sec3 .slide_bx .txt_bx strong {font-size: 16px; line-height: 23px;}
    #sec3 .slide_bx .txt_bx p {margin-top: 4px; font-size: 13px; line-height: 20px;}
    #sec3 .slide_bx .no_data {font-size: 12px; height: 160px;}
}

/* 모바일 */
@media all and (max-width:768px){
    /* 공통 */
    #main .ttl01 {text-align: center; margin-bottom: 8px;}
    
    
    
	/* sec2 */
    #sec2 .con_bx {border: none; padding-top: 0;}
    #sec2 .con_bx .con_w {width: 100%; margin-right: 0; margin-bottom: 31px;}
    #sec2 .con_bx .con_w:last-child {margin-bottom: 0;}
    #sec2 .con_bx .list_bx {border-top: 2px solid #00696d;}
    #sec2 .con_bx .list_bx ul li a .date {width: 66px; display:flex; justify-content:right; align-items:center; table-layout:fixed; font-size: 8px; color: #727171;}
    #sec2 .con_bx .list_bx ul li a .subject {width: calc(100% - 123px);}



    /* sec3 */
    #sec3 .slide_bx {position: relative;}
    #sec3 .arrow_bx {width: 100%; top: 126.5px;}
    #sec3 .arrow_bx > div {position: absolute; top: 50%; transform:translate(0%, -50%); -webkit-transform:translate(0%, -50%); width: 34px; height: 56px; background-size: 13px auto!important; border-radius: 0; background-color: #908b8a!important; z-index: 1; margin-right: 0;}
    #sec3 .arrow_bx > #arrow_prev2 {left: 0;}
    #sec3 .arrow_bx > #arrow_next2 {right: 0;}
    #sec3 .slide_bx .slick-slider {padding: 18px 0 0;}
    #sec3 .slide_bx .slick-slider::before {width: calc(100% + 40px); left: -20px;}
    #sec3 .slide_bx .slick-slide {padding: 0;}
    #sec3 .slide_bx .txt_bx strong {color: #221815;}
    #sec3 .slide_bx .txt_bx p {color: #221815;}
}