@charset "utf-8";

/********************
헤더_공통
********************/


/********************
헤더_데스크탑
********************/
@media all and (min-width:1281px){
  header{width:240px;height:100%;position:fixed;left:0;top:0;z-index:10;}
  header .area_1 .container{display:flex;flex-direction:column-reverse;}
  header .area_1 .item_1{display:flex;flex-wrap:wrap;justify-content:space-between;}
  header .area_1 .item_1 .a_1{width:100%;}
  header .area_1 .item_1 .a_2{width:50%;}
  header .area_1 .item_1 .a_3{width:50%;}
  header .area_1 .item_1 a{font-size:14px;color:#FFF;line-height:1;font-family:'S-CoreDream-4Regular';padding:12px 5px;text-align:center;display:block;}
  header .area_1 .item_2{padding:30px 20px;}
  header .area_1 .item_2 a{text-align:center;display:block;}
  header .area_1 .item_2 a img{max-width:120px;}
  header .area_1 .item_2 a span{font-size:18px;color:#FFF;line-height:1.1;font-family:'S-CoreDream-5Medium';margin-top:15px;display:block;}
  header .area_1 .item_2 .logo_c{display:none;}

  header .area_3{padding:0 20px;}
  header .area_3 a{font-size:14px;color:#FFF;line-height:1;padding:7px 0;font-family:'S-CoreDream-4Regular';display:flex;align-items:center;;}
  header .area_3 a::before{content:"";display:block;width:20px;height:22px;margin-right:10px;transition:all 0.7s cubic-bezier(0.2, 0, 0.3, 1);}
  .gnb .mngr a::before{background:url(/sites/style_guide/images/common/icon_mngr_3.png) no-repeat center;}
  .gnb .search a::before{background:url(/sites/style_guide/images/common/icon_search_3.png) no-repeat center;}
  .gnb .sign a::before{background:url(/sites/style_guide/images/common/icon_sign_3.png) no-repeat center;}
  .gotoLanguage::before{background:url(/sites/style_guide/images/common/icon_language_3.png) no-repeat center;}
  .gotoSitemap::before{background:url(/sites/style_guide/images/common/icon_sitemap_3.png) no-repeat center;}

  .gnb_m,
  .btn_mgnb,
  .mgnb_close{display:none;}

  .menuUItop{padding:40px 0;}
  .menuUItop .li_1{}
  .menuUItop .li_1:last-child{display:none;}
  .menuUItop .li_1::after{content:"";display:block;width:calc(100% - 40px);height:1px;margin-left:20px;background:rgba(255,255,255,0.3);}
  .menuUItop .a_1{width:100%;height:50px;font-size:16px;color:rgba(255,255,255,0.8);font-family:'S-CoreDream-5Medium';padding:0 20px;position:relative;display:flex;align-items:center;justify-content:flex-start;}
  .menuUItop .a_1::before{content:"";display:block;width:10px;height:10px;background:url(/sites/style_guide/images/common/arrow_14_w.png) no-repeat center;position:absolute;right:20px;top:25px;transition:0.4s;transform:scale(0);}

  .menuUItop .div_2{display:none;padding:30px;position:fixed;left:239px;top:0;width:300px;height:100%;}
  .menuUItop .div_2::before{content:"";display:block;position:absolute;left:0;top:0;width:100%;height:100%;}
  .menuUItop .ul_2{width:100%;}
  .menuUItop .a_2{font-size:16px;color:rgba(255,255,255,1);font-family:'S-CoreDream-6Bold';padding:10px 0;border-top:1px solid rgb(255,255,255,0.3);display:block;position:relative;}
  .menuUItop .a_2::before{content:"";display:block;width:6px;height:2px;background:#FFF;position:absolute;left:0;top:20px;transition:0.4s;transform:scale(0);}
  .menuUItop .li_2:first-child .a_2{border:0;}

  .menuUItop .div_3{margin-bottom:15px;}
  .menuUItop .ul_3{display:flex;flex-wrap:wrap;}
  .menuUItop .li_3{width:50%;padding-right:15px;position:relative;}
  .menuUItop .a_3{font-size:14px;color:rgba(255,255,255,1);font-family:'S-CoreDream-5Medium';padding:5px 0;position:relative;opacity:0.8;}
  .menuUItop .a_3::before{content:"";display:block;width:0;height:1px;background:#FFF;position:absolute;left:0;bottom:3px;transition:0.4s;}

  .navGab{width:100%;padding:30px;display:flex;flex-wrap:wrap;position:absolute;left:0;bottom:0;opacity:0.5;}
  .navGab::before{content:"힘이 넘치는 대학, 행복이 가득한 대학, 국립목포대학교";font-size:13px;color:rgba(255,255,255,1);font-family:'S-CoreDream-5Medium';display:block;width:100%;}
  .navGab::after{content:"";display:block;width:100%;height:40px;background:url(/sites/style_guide/images/common/mokpo_2_w.png) no-repeat left bottom;background-size:80px;}

  .menuUItop .li_1:hover::after{background:rgba(255,255,255,1)}
  .menuUItop .li_1:hover .a_1,
  .menuUItop .a_1._active{color:#FFF;}
  .menuUItop .li_1:hover .a_1::before,
  .menuUItop .a_1._active::before{transform:scale(1);}
  .menuUItop .li_2:hover .a_2,
  .menuUItop .a_2._active{padding-left:10px;}
  .menuUItop .li_2:hover .a_2::before,
  .menuUItop .a_2._active::before{transform:scale(1);}
  .menuUItop .a_3:hover,
  .menuUItop .a_3._active{opacity:1;}
  .menuUItop .a_3:hover::before,
  .menuUItop .a_3._active::before{width:100%;}
  .menuUItop .div_2.active{display:block !important;}

  .menuUItop .li_1:nth-child(1) .ul_2{margin-top:280px;}
  .menuUItop .li_1:nth-child(2) .ul_2{margin-top:330px;}
  .menuUItop .li_1:nth-child(3) .ul_2{margin-top:380px;}
  .menuUItop .li_1:nth-child(4) .ul_2{margin-top:430px;}
  .menuUItop .li_1:nth-child(5) .ul_2{margin-top:480px;}
  .menuUItop .li_1:nth-child(6) .ul_2{margin-top:530px;}
  .menuUItop .li_1:nth-child(7) .ul_2{margin-top:580px;}
  .menuUItop .li_1:nth-child(8) .ul_2{margin-top:630px;}
  .menuUItop .li_1:nth-child(9) .ul_2{margin-top:680px;}
  .menuUItop .li_1:nth-child(10) .ul_2{margin-top:730px;}

  .menuUItop .ul_2.count2{transform:translateY(-22px);}
  .menuUItop .ul_2.count3{transform:translateY(-44px);}
  .menuUItop .ul_2.count4{transform:translateY(-66px);}
  .menuUItop .ul_2.count5{transform:translateY(-88px);}
  .menuUItop .ul_2.count6{transform:translateY(-110px);}
  .menuUItop .ul_2.count7{transform:translateY(-132px);}
  .menuUItop .ul_2.count8{transform:translateY(-154px);}
  .menuUItop .ul_2.count9{transform:translateY(-176px);}
  .menuUItop .ul_2.count10{transform:translateY(-198px);}

  .college_templet_03 header{background:#006b66;}
  .depart_templet_09 header{background:#022d64;}

  .college_templet_03 header .area_1 .item_1 .a_1{background:rgb(0,154,146);}
  .college_templet_03 header .area_1 .item_1 .a_2{background:#ed8d1c;}
  .college_templet_03 header .area_1 .item_1 .a_3{background:#a4846f;}
  .depart_templet_09 header .area_1 .item_1 .a_1{background:rgb(0,76,173);}
  .depart_templet_09 header .area_1 .item_1 .a_2{background:#5b2d78;}
  .depart_templet_09 header .area_1 .item_1 .a_3{background:#2875cc;}

  .college_templet_03 .menuUItop .div_2::before{background:rgb(0,154,146);background:linear-gradient(135deg, rgba(0,154,146,1) 20%, rgba(237,141,28,1) 100%);}
  .depart_templet_09 .menuUItop .div_2::before{background:rgb(0,76,173);background:linear-gradient(135deg, rgba(0,76,173,1) 20%, rgba(91,45,120,1) 100%);}

  .college_templet_03 .menuUItop .li_2:hover .a_2,
  .college_templet_03 .menuUItop .a_2._active{border-color:#00ebde;color:#00ebde;}
  .college_templet_03 .menuUItop .li_2:hover .a_2::before,
  .college_templet_03 .menuUItop .a_2._active::before{background:#00ebde;}
  .college_templet_03 .menuUItop .a_3:hover,
  .college_templet_03 .menuUItop .a_3._active{color:#ffd9ad;}
  .college_templet_03 .menuUItop .a_3:hover::before,
  .college_templet_03 .menuUItop .a_3._active::before{background:#ffd9ad;}

  .depart_templet_09 .menuUItop .li_2:hover .a_2,
  .depart_templet_09 .menuUItop .a_2._active{border-color:#97baf6;color:#97baf6;}
  .depart_templet_09 .menuUItop .li_2:hover .a_2::before,
  .depart_templet_09 .menuUItop .a_2._active::before{background:#97baf6;}
  .depart_templet_09 .menuUItop .a_3:hover,
  .depart_templet_09 .menuUItop .a_3._active{color:#ca97ea;}
  .depart_templet_09 .menuUItop .a_3:hover::before,
  .depart_templet_09 .menuUItop .a_3._active::before{background:#ca97ea;}
}


/********************
헤더_모바일
********************/
@media all and (max-width:1280px){
  header{position:relative;top:0;left:0;width:100%;z-index:3;}
  header .area_1{background:#EEE;}
  header .area_1 .container{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;}
  header .area_1 .item_1{width:100%;height:100%;display:flex;}
  header .area_1 .item_1 a{display:flex;justify-content:center;align-items:center;color:#FFF;font-size:14px;font-family:'S-CoreDream-4Regular';width:100%;height:100%;padding:10px 15px;}
  header .area_1 .item_1 a.a_1{background:#007d77;}
  header .area_1 .item_1 a.a_2{background:#014099;}
  header .area_1 .item_1 a.a_3{background:#2875cc;}
  header .area_1 .item_2{width:calc(100% - 80px);padding:0 10px;}
  header .area_1 .item_2 a{display:flex;align-items:center;}
  header .area_1 .item_2 a img{margin:-3px 10px 0 0;}
  header .area_1 .item_2 a span{display:inline-block;font-family:'S-CoreDream-5Medium';color:#717171;font-size:22px;line-height:1;}
  header .area_1 .item_2 .logo_w{display:none;}
  header .area_3{display:none;}

  .head_navi{display:none;position:fixed;right:0;top:0;width:100%;height:100%;overflow-y:auto;z-index:2;}
  .head_navi.on{display:block;}
  .head_navi:before{content:"";display:block;background:rgba(0,0,0,0.7);position:fixed;right:0;top:0;width:100%;height:100%;}
  .head_navi nav{margin-left:40%;margin-top:80px;position:relative;background:#FFF;padding-bottom:200px;}
  .head_navi nav:before{content:"";display:block;background:#DDD url(/sites/style_guide/images/common/emblem_3.png) no-repeat center 90%;background-size:150px;position:fixed;right:0;top:0;width:60%;height:100%;}
  .head_navi nav li{position:relative;}
  .head_navi nav a{display:block;font-family:'S-CoreDream-5Medium';border-top:1px solid rgba(255,255,255,0.5);position:relative;color:#666;}
  .head_navi nav .div_1{box-shadow:0px -10px 35px #888;position:relative;}
  .head_navi nav .div_2,
  .head_navi nav .div_3{display:none;}
  .head_navi nav .ul_3{border-top:1px solid #DDD;}
  .head_navi nav .li_1{border-bottom:1px solid #cecece;}
  .head_navi nav .li_2{border-bottom:1px solid #DDD;}
  .head_navi nav .li_3{border-bottom:1px solid #DDD;}
  .head_navi nav .li_1:last-child .a_1{border-bottom:1px solid rgba(255,255,255,0.5);}
  .head_navi nav .li_2:last-child,
  .head_navi nav .li_3:last-child{border:0;}
  .head_navi nav .a_1{font-size:18px;font-family:'S-CoreDream-6Bold';padding:12px 10px 12px 20px;background:#DDD;color:#222;}
  .head_navi nav .a_2{font-size:16px;padding:10px 10px 10px 40px;background:#EEE;}
  .head_navi nav .a_3{font-size:16px;padding:10px 10px 10px 55px;background:#f7f7f7;}
  .head_navi nav .li_1.have:after,
  .head_navi nav .li_1.haveOpen:after{content:"";display:block;width:20px;height:20px;position:absolute;right:20px;top:15px;border:1px solid #222;border-radius:100%;background:url(/sites/style_guide/images/common/arrow_14_b.png) no-repeat center;}
  .head_navi nav .li_1.have:after{transform:rotate(90deg);}
  .head_navi nav .li_1.haveOpen:after{transform:rotate(-90deg);}
  .head_navi nav .li_2.have:after,
  .head_navi nav .li_2.haveOpen:after{content:"";display:block;width:10px;height:10px;position:absolute;right:25px;top:17px;}
  .head_navi nav .li_2.have:after{background:url(/sites/style_guide/images/common/plus_1_b.png) no-repeat center;}
  .head_navi nav .li_2.haveOpen:after{background:url(/sites/style_guide/images/common/minus_1_b.png) no-repeat center;}
  .head_navi nav .a_3:before{content:"";display:block;position:absolute;width:10px;height:10px;left:40px;top:17px;background:url(/sites/style_guide/images/common/arrow_1_b.png) no-repeat center;}
  .head_navi nav .a_2._active{background:#c9d7e4;}
  .head_navi nav .a_3._active{background:#d9e3ed;}
  .head_navi nav .gnb_sideA,
  .head_navi nav .gnb_sideB,
  .head_navi nav .navGab{display:none;}
  .gnb_m,
  .btn_mgnb,
  .mgnb_close{display:block;}
  .btn_mgnb{width:80px;height:80px;cursor:pointer;background:url(/sites/style_guide/images/common/btn_mgnb.png) no-repeat center;text-indent:-9999px;}
  .mgnb_close{position:fixed;right:0;top:0;width:60%;height:80px;background:#00a195 url(/sites/style_guide/images/common/emblem_4.png) no-repeat 95%;background-size:70px;}
  .mgnb_close button{display:inline-block;text-indent:-9999px;width:80px;height:100%;background:#222 url(/sites/style_guide/images/common/x_6_w.png) no-repeat center;}
  .gnb_m{width:calc(60% - 80px);position:fixed;right:0;top:0;z-index:1;}
  .gnb_m #_globalUl{display:flex;flex-direction:row-reverse;justify-content:flex-end;}
  .gnb_m #_globalUl a{display:block;width:80px;height:80px;text-indent:-9999px;}
  .gnb_m .mngr a{background:#009992 url(/sites/style_guide/images/common/icon_mngr_4_w.png) no-repeat center;}
  .gnb_m .search a{background:#007e78 url(/sites/style_guide/images/common/icon_search_4_w.png) no-repeat center;}
  .gnb_m .sign a{background:#006b66 url(/sites/style_guide/images/common/icon_sign_4_w.png) no-repeat center;}
}
@media all and (max-width:768px){
  header .area_1 .item_1 a{font-size:13px;padding:7px 5px;height:auto;}
  header .area_1 .item_2 a img{max-width:155px;margin:2px -19px 0 0;}
  header .area_1 .item_2 a span{font-size:16px;margin:5px 0 0 33px;}
  .head_navi nav{margin-left:25%;margin-top:60px;}
  .head_navi nav:before,
  .head_navi .mgnb_close{width:75%;}
  .btn_mgnb{width:65px;height:65px;background-size:28px;}
  .mgnb_close{height:60px;background-size:60px;}
  .mgnb_close button{width:60px;}
  .gnb_m{width:calc(75% - 60px);}
  .gnb_m #_globalUl a{width:60px;height:60px;}
}
@media all and (max-width:480px){
  header .area_1 .item_2 a{flex-wrap:wrap;}
  .head_navi nav{margin-left:0;}
  .head_navi nav:before,
  .head_navi .mgnb_close{width:100%;}
  .gnb_m{width:calc(100% - 60px);}
}


/********************
헤더_스크롤시
********************/
@media all and (max-width:1280px){
  .fix .area_1{border-bottom:1px solid #CCC;position:fixed;left:0;top:0;width:100%;z-index:1;}
  .fix .area_1 .item_1{display:none;}
}


/********************
헤더_새창
********************/
.head_navi nav .a_2.new_win:after,
.head_navi nav .a_3.new_win:after{content:"";display:inline-block;width:15px;height:15px;vertical-align:0;margin-left:2px;background:url(/sites/style_guide/images/common/aLink_3_b.png) no-repeat center;opacity:0.5;}


/********************
사이트링크
********************/
.siteLink{padding-left:310px;background:#25374e;position:relative;margin-bottom:-1px;}
.siteLink .container{max-width:1400px;}
.siteLink .btns{display:flex;justify-content:space-between;align-items:center;}
.siteLink .btns a{width:100%;display:flex;justify-content:space-between;align-items:center;font-family:'S-CoreDream-4Regular';color:#FFF;font-size:15px;line-height:1;padding:15px;border-right:1px solid #455568;border-bottom:1px solid #455568;}
.siteLink .btns a:last-child{border-left:0;}
.siteLink .btns a::after{content:"";display:block;width:20px;height:20px;background:url(/sites/style_guide/images/common/plus_5_w.png) no-repeat center;}
.siteLink .btns a.active{background:#152336;border-bottom:0;}
.siteLink .siteList{display:none;padding:30px;background:#152336;}
.siteLink .siteList.active{display:block;}
.siteLink .siteList > ul{display:flex;flex-wrap:wrap;}
.siteLink .siteList > ul li{width:20%;}
.siteLink .siteList > ul li a{display:block;color:#FFF;font-size:14px;position:relative;padding:5px 10px;line-height:1.3;}
.siteLink .siteList > ul li a::before{content:"";display:block;width:5px;height:1px;background:#FFF;position:absolute;left:0;top:15px;}
.siteList_1 > div{display:flex;border-bottom:1px solid #455568;padding-bottom:15px;margin-bottom:15px;}
.siteList_1 > div:last-child{border-bottom:0;padding-bottom:0;margin-bottom:0;}
.siteList_1 > div h4{width:200px;color:#FFF;font-size:15px;font-family:'S-CoreDream-5Medium';}
.siteList_1 > div h4 a{color:#FFF;}
.siteList_1 > div > ul{width:calc(100% - 200px);display:flex;flex-wrap:wrap;}
.siteList_1 > div > ul > li{width:20%;}

.siteList_1 > div > ul > li.nLine { flex-basis:100%; width:100%; display:flex; }
.siteList_1 > div > ul > li.nLine > a { flex: 0 0 20%; }
.siteList_1 > div > ul > li.nLine > ul.hMajor { flex-grow:1; display:flex; flex-wrap:wrap; }
.siteList_1 > div > ul > li.nLine > ul.hMajor > li { width:25%; }

.siteList_1 > div > ul > li a{display:block;color:#FFF;font-size:14px;font-family:'S-CoreDream-4Regular';position:relative;padding:5px 10px;line-height:1.3;}
.siteList_1 > div > ul > li a.typeMajor{color:#fdf9b7;}
.siteList_1 > div > ul > li a::before{content:"";display:block;width:5px;height:1px;background:#FFF;position:absolute;left:0;top:15px;}

@media all and (max-width:1280px) {
  .siteLink{padding-left:0;}
  .siteLink .container{max-width:100%;}
}
@media all and (max-width:1024px) {
  .siteLink .siteList > ul li{width:25%;}
  .siteList_1 > div > ul > li{width:25%;}
  .siteList_1 > div > ul > li.nLine { flex-direction:column; }
}
@media all and (max-width:768px) {
  .siteLink .btns{flex-wrap:wrap;}
  .siteLink .btns a{width:50%;}
  .siteLink .siteList > ul li{width:33.33333%;}
  .siteList_1 > div{flex-wrap:wrap;}
  .siteList_1 > div h4{width:100%;}
  .siteList_1 > div > ul{width:100%;}
  .siteList_1 > div > ul > li{width:33.33333%;}
  .siteList_1 > div > ul > li.nLine > ul.hMajor > li { width:33.33333%; }
}
@media all and (max-width:420px) {
  .siteLink .siteList > ul li{width:50%;}
  .siteList_1 > div > ul > li{width:50%;}
  .siteList_1 > div > ul > li.nLine > ul.hMajor > li { width:50%; }
}


/********************
풋터
********************/
footer{padding-left:310px;background:#343539;position:relative;}
footer .footer_container{max-width:1400px;position:relative;}
footer .fnb{}
footer .fnb ul{display:flex;justify-content:flex-start;}
footer .fnb ul li{}
footer .fnb ul li a{color:#FFF;font-size:16px;font-family:'S-CoreDream-4Regular';padding-right:20px;}
footer .fnb ul li a.a_1{color:#00c1c8;font-family:'S-CoreDream-4Regular';}
.footer_wrap{padding:15px 0;border-bottom:1px solid #494a4d;}
.footer_wrap_2{padding:40px 0;font-family:'S-CoreDream-4Regular';color:#a5a5a5;font-size:14px;}
.foot_address{display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between;}
.foot_address address{line-height:1.5;width:100%;padding:2px 0;}
.foot_address address strong{color:#00c1c8;font-family:'S-CoreDream-5Medium';padding-right:10px;}
.foot_address address i{padding:0 5px;}
.footer_wrap_2 p{margin-top:20px;}
.foot_sns{display:flex;justify-content:flex-end;align-items:center;position:absolute;right:0;top:7px;}
.foot_sns a{margin-left:5px;}
@media all and (max-width:1740px) {
  footer .footer_container{padding-right:20px;}
  .foot_sns{right:20px;}
}
@media all and (max-width:1280px) {
  footer{padding-left:0;}
  footer .footer_container{max-width:100%;padding:0 20px;}
  footer .fnb ul{justify-content:center;}
  footer .fnb ul li a{padding:0 10px;}
  .footer_wrap{flex-wrap:wrap;}
  .foot_sns{justify-content:center;margin-top:30px;position:relative;top:auto;right:auto;}
  .foot_sns a{margin:0 3px;}
  .foot_address address strong{display:block;}
  .footer_wrap_2 p{text-align:center;}
}
@media all and (max-width:768px) {
  footer .fnb ul{flex-wrap:wrap;}
  footer .fnb ul li{width:49%;margin:0.5%;border:1px solid #666;}
  footer .fnb ul li a{font-size:14px;padding:5px;text-align:center;display:block;}
  .footer_wrap{border-bottom:0;}
  .foot_address address{width:100%;text-align:center;}
  .foot_address address i{display:none;}
  .foot_address address span{display:block;}
  .footer_wrap_2 p span{display:block;}
}


/********************
고탑
********************/
.goTop a{display:block;text-indent:-9999px;background:#888 url(/sites/style_guide/images/common/arrow_5_w.png) no-repeat center;transform:rotate(-90deg);width:50px;height:50px;border-radius:100%;position:fixed;bottom:0;right:20px;opacity:0;transition:0.5s;}
.fix .goTop a{bottom:50px;opacity:0.5;}
.goTop a:hover{opacity:1;}


/********************
서브비주얼
********************/
.wrap_sub_visual{position:fixed;top:0;left:0;width:100%;height:420px;overflow:hidden;}
.wrap_sub_visual::before{content:"";display:block;width:100%;height:100%;position:absolute;top:0;left:0;z-index:-1;background-size:cover !important;}
.wrap_sub_visual a{display:flex;align-items:center;position:absolute;top:calc(50% - 30px);font-size:16px;color:#FFF;}
.wrap_sub_visual a.prev::before,
.wrap_sub_visual a.next::after{content:"";display:block;width:60px;height:60px;border-radius:50%;background:rgba(0,0,0,0.7) url(/sites/style_guide/images/common/arrow_2_w.png) no-repeat center;}
.wrap_sub_visual a.prev::before{transform:rotate(180deg);margin-right:15px;}
.wrap_sub_visual a.next::after{margin-left:15px;}
.wrap_sub_visual a.prev{left:310px;}
.wrap_sub_visual a.next{left:1650px;}
.wrap_sub_visual .container{display:flex;align-items:center;justify-content:center;height:100%;margin:0 20px 0 310px;}
.wrap_sub_visual .container .visual_intro{text-align:center;}
.wrap_sub_visual .container .visual_intro strong{display:inline-block;color:#FFF;font-family:'S-CoreDream-5Medium';font-size:35px;}
.wrap_sub_visual .container .visual_intro span{display:none;}
@media all and (max-width:1280px) {
  .wrap_sub_visual a{top:calc(50% + 20px);}
  .wrap_sub_visual a.prev{left:20px;}
  .wrap_sub_visual a.next{left:unset;right:20px;}
  .wrap_sub_visual .container{margin:0;}
}
@media all and (max-width:768px) {
  .wrap_sub_visual{height:350px;}
  .wrap_sub_visual a{font-size:0;top:calc(50% - 2.5px);}
  .wrap_sub_visual a.prev::before,
  .wrap_sub_visual a.next::after{width:45px;height:45px;border-radius:0;}
  .wrap_sub_visual a.prev{left:0;}
  .wrap_sub_visual a.next{right:0;}
  .wrap_sub_visual .container{padding-top:178px;}
  .wrap_sub_visual .container .visual_intro strong{font-size:25px;}
}
/*애니메이션*/
.wrap_sub_visual:before{animation-name:subVisual;animation-duration:5s;animation-fill-mode:forwards;}
@keyframes subVisual{
  0%{transform:scale(1);filter:blur(100px);filter:grayscale(1);}
  100%{transform:scale(1.05);filter:blur(0px);filter:grayscale(0);}
}


/********************
서브기능
********************/
.wrap_page_func{padding-left:310px;position:fixed;top:270px;left:0;width:100%;z-index:2;}
.wrap_page_func .container{position:relative;max-width:1400px;}
.fix .wrap_page_func{z-index:0;}
/*서브유틸*/
.sub_util{margin-bottom:20px;}
.sub_util > ul{display:flex;justify-content:center;}
.sub_util > ul > li{position:relative;}
.sub_util > ul > li > button{display:block;height:50px;width:50px;text-indent:-9999px;}
button.sub_favo{background:url(/sites/style_guide/images/common/ico_favo.png) no-repeat center;}
button.sub_share{background:url(/sites/style_guide/images/common/ico_sns.png) no-repeat center;}
button.sub_print{background:url(/sites/style_guide/images/common/ico_print.png) no-repeat center;}
/*즐겨찾기*/
.box_sub_favo{display:none;position:absolute;right:0;top:0;overflow:hidden;border:1px solid #3e454c;width:250px;background:#FFF;z-index:1;}
.box_sub_favo  > strong {display:block;font-family:'S-CoreDream-5Medium';font-size:16px;padding:10px 20px;background:#007d77;color:#FFF;}
.box_sub_favo ul{padding:15px;}
.box_sub_favo ul li {padding:0 0 5px 0;font-size:14px;}
.box_sub_favo ul li a span {display:none;}
.box_sub_favo .close{text-indent:-9999px;position:absolute;right:0;top:0;width:43px;height:43px;background:url(/sites/style_guide/images/common/x_1_w.png) no-repeat center;}
.box_sub_favo .del{width:17px;height:17px;margin:0 0 0 10px;background:url(/sites/style_guide/images/common/x_1_b.png) no-repeat center;text-indent:-9999px;}
.box_sub_favo .control{text-align:center; padding:15px 0;}
.box_sub_favo .control button{display:inline-block; display:inline-block; padding:5px 20px;color:#FFF;font-size:12px;border-radius:40px;}
.box_sub_favo .control button.add{background:#007d77;}
.box_sub_favo .control button.reset{background:#707070;}
/*공유하기*/
.box_sub_share{display:none;position:absolute;right:0;top:0;width:60px;border:1px solid #000;background:#FFF;z-index:1;}
.box_sub_share .close{width:100%;height:50px;text-indent:-9999px;background:#52575c url(/sites/style_guide/images/common/x_1_w.png) no-repeat center;}
.box_sub_share ul{}
.box_sub_share ul button{display:block;width:100%;height:50px;text-indent:-9999px;background-size:50% !important;}
.box_sub_share .fb{background:#3a5897 url(/sites/style_guide/images/common/icon_facebook.png) no-repeat center center;}
.box_sub_share .tw{background:#5faade url(/sites/style_guide/images/common/icon_twitter.png) no-repeat center center;}
.box_sub_share .pin{background:#e60c1d url(/sites/style_guide/images/common/icon_pin.png) no-repeat center center;}
.box_sub_share .kakao{background:#ffe503 url(/sites/style_guide/images/common/icon_kakao.png) no-repeat center center;}
.box_sub_share .addr{background:#FFF url(/sites/style_guide/images/common/icon_url.png) no-repeat center center;background-size:75% !important;}
.box_sub_share .insta{background:#bf0761 url(/sites/style_guide/images/common/icon_insta.png) no-repeat center center;}
/*서브내비*/
.sub_navi{display:flex;justify-content:center;}
.sub_navi > ul{display:flex;justify-content:flex-start;}
.sub_navi > ul > li{position:relative;display:flex;justify-content:flex-start;align-items:center;margin:0 5px;}
.sub_navi > ul > li > button{display:block;min-width:190px;height:50px;font-size:15px;color:#FFF;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #FFF;}
.sub_navi > ul > li > button::after{content:"";display:block;width:8px;height:13px;background:url(/sites/style_guide/images/common/arrow_2_w.png) no-repeat center;transform:rotate(90deg);margin-left:15px;}
.sub_navi > ul > li.home{background:url(/sites/style_guide/images/common/icon_home_w.png) no-repeat center;margin:0;}
.sub_navi > ul > li.home a{display:block;width:50px;height:100%;text-indent:-9999px;}
.sub_navi > ul > li:last-child > button{}
/*서브내비목록*/
.sub_navi > ul > li ul{display:none;position:absolute;width:100%;left:0;top:49px;box-shadow: 1px 1px 5px #666;padding:10px;background:#FFF;}
.sub_navi > ul > li ul.active{display:block;}
.sub_navi > ul > li ul li{}
.sub_navi > ul > li ul li a{display:block;font-size:14px;padding:8px 15px;color:#222;border-bottom:1px solid #EEE;}
.sub_navi > ul > li ul li:last-child a{border:0;}
@media all and (max-width:1280px) {
  .wrap_page_func{padding-left:0;}
  .wrap_page_func .container{max-width:100%;}
}
@media all and (max-width:768px) {
  .wrap_page_func{top:300px;background:rgba(0,0,0,0.7);}
  .wrap_page_func .container{display:flex;justify-content:space-between;flex-direction:row-reverse;}
  .sub_util{display:none;}
  .sub_util > ul > li{display:none;}
  .sub_util > ul > li:last-child{display:block;}
  .sub_util > ul > li > button{width:50px;}
  .box_sub_share{width:50px;}
  .box_sub_share ul button{height:50px;}
  .box_sub_share ul{position:absolute;right:0;bottom:0;width:250px;display:flex;}
  .sub_navi{display:block;width:100%;}
  .sub_navi > ul{}
  .sub_navi > ul > li{display:none;margin:0;}
  .sub_navi > ul > li.home,
  .sub_navi > ul > li:last-child{display:block;}
  .sub_navi > ul > li.home a{width:60px;border-right:1px solid rgba(255,255,255,0.3);}
  .sub_navi > ul > li:last-child{width:calc(100% - 60px);margin:0 20px;}
  .sub_navi > ul > li > button{min-width:100%;border-bottom:0;}
}


/********************
컨텐츠
********************/
.sub .wrap_contents{margin-top:420px;padding:0 0 100px 310px;background:#FFF;position:relative;}
.sub .wrap_contents .container{max-width:1400px;}
@media all and (max-width:1280px) {
  .sub .wrap_contents{margin-top:300px;padding:0 0 70px 0;}
  .sub .wrap_contents .container{max-width:100%;}
}
@media all and (max-width:768px) {
  .sub .wrap_contents{margin-top:250px;padding-bottom:50px;}
}


/********************
탭메뉴
********************/
@media all and (min-width:1025px) {
  .tab{background:#FFF;position:relative;border-bottom:1px solid #EEE;}
  .tab .menuUItab{max-width:1600px;margin:0 auto;}
  /*.tab .tab_div{padding-bottom:50px;}*/
  .tab .tab_div{}
  .tab .tab_div > a{display:none;}
  .tab .tab_div > ul{display:flex;justify-content:space-between;}
  .tab .tab_div > ul > li{text-align:center;width:100%;border-right:1px solid #EEE;display:flex;justify-content:center;align-items:center;}
  .tab .tab_div > ul > li:last-child{border-right:0;}
  .tab .tab_div > ul > li > a{display:block;padding:20px 10px;font-family:'S-CoreDream-4Regular';font-size:17px;}	
  .tab .tab_div > ul > li._active{background:#007d77;margin-top:-10px;border:0;transform:skew;}
  .tab .tab_div > ul > li > a._active{color:#FFF;}
  .tab .tab_div > ul > li:hover{background:#333;color:#FFF;transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1);}
  .tab .tab_div > ul > li:hover a{color:#FFF;}
}
@media all and (max-width:1600px) {
  .tab{padding:0 15px;}
}
@media all and (max-width:1024px) {
  .tab{}
  .tab .tab_div{padding-top:20px;}
  .tab .tab_div > a{display:none;}
  .tab .tab_div > ul{display:flex;align-items:center;flex-wrap:wrap;justify-content:center;}
  .tab .tab_div > ul > li{margin:2.5px;}
  .tab .tab_div > ul > li > a{display:block;padding:10px;font-family:'S-CoreDream-4Regular';font-size:14px;border:1px solid #999;}
  .tab .tab_div > ul > li > a._active{border-color:#007d77;background:#007d77;color:#FFF;}
}


/********************
타이틀
********************/
.page_title{background:#FFF;padding:50px 0;position:relative;}
.page_title h1{color:#333;font-size:35px;font-family:'S-CoreDream-5Medium';text-align:center;}
@media all and (max-width:1280px) {
  .page_title h1{font-size:30px;}
}
@media all and (max-width:768px) {
  .page_title h1{font-size:24px;}
}


/********************
HOVER
********************/
@media all and (min-width:1281px) {
  header .area_1 .item_1 a:hover{background:#666 !important;}
  header .area_3 a:hover::before{transform:rotatey(360deg);}
  .wrap_page_func .sub_navi > ul > li ul li a:hover{background:#007d77;color:#FFF;}
  .wrap_sub_visual a.prev:hover::before,
  .wrap_sub_visual a.next:hover::after{background-color:rgba(0,0,0,0.6);transition: all 0.7s cubic-bezier(0.2, 0, 0.3, 1);}
  .siteLink .btns a:hover{background:#152336;}
  footer .fnb ul li a:hover{color:#00c1c8;}
}