@charset "utf-8";

/*바로가기*/
.skipMenu{width:100%;}
.skipMenu .hidden{display:none;}
.skipMenu a.accessibility01{position:absolute;display:block;width:100%;left:0px;top:-9999px;text-align:center;z-index:9999;}
.skipMenu a.accessibility01:hover, a.accessibility01:focus, a.accessibility01:active{position:absolute;top:0px;padding:15px 0;font-weight:bold;color:#f00;background:#293038;z-index:9998;}
@media only screen and (max-width:1199px){
  .skipMenu{display:none;}
}

body ._contentBuilder ._obj._objHtml, 
body ._contentBuilder ._obj._objTag{text-align:inherit;}


/*wrap-page-top*/
.wrap-page-top{right:20px;bottom:100px;background-color:#17469e;box-shadow: 0 0 2px rgb(0 0 0 / 0%);border-radius:100%;transition:cubic-bezier(0.18, 0.89, 0.32, 1.28) all .5s;opacity:0;z-index:1001;}
.active .wrap-page-top{display:block; position:fixed; bottom:50px; opacity:1;}
.wrap-page-top a{width: 40px;height: 40px;display:block;background: url('../../images/common/top-goto.png') center center no-repeat;text-indent:-99999px;background-size: 15px;}

.user-quick{display: none;position: fixed;background: rgba(0,0,0,0.5);width: 100%;height: 100%;left: 0;top: 0;z-index: 10001;}
.user-quick.on{display: block;}

.user-quick .inner{width:1250px;margin: 110px auto 0;background: #132961;padding:90px 100px 100px;position: relative;box-sizing: border-box;height: 560px;}
.user-quick .inner .title{margin-bottom: 25px;}
.user-quick .inner .title strong{font-size:35px;color:#fff;font-family: 'Noto Medium';}
.user-quick .inner .title span{font-size: 17px;color:#fff;font-family:'Noto Thin';display: inline-block;margin-left:15px;}
.user-quick .inner .close{width:40px;height: 40px;background: url('../../images/main/btn_close.png') no-repeat center;position: absolute;top:30px;right:30px;text-indent:-9999px;display: block;}

.user-quick .inner > ul > li{}
.user-quick .inner > ul > li > .q-title{width:160px; height:45px; border:1px solid rgba(255,255,255,.5); margin-bottom:5px; position:relative;}
.user-quick .inner > ul > li > .q-title:after{content:''; width:0; height:4px; background-color:#0f82df; display:block; position:absolute; top:50%; margin-top:-2.5px; right:20px; transition:ease all .3s;}
.user-quick .inner > ul > li.on > .q-title:after{width:20px;}
.user-quick .inner > ul > li > .q-title > button{font-size:18px; line-height:45px; padding-left:20px; display:block; width:100%; text-align:left;}
.user-quick .inner .q-title button{font-size:30px; color:#fff;}
.user-quick .inner ul ul{width:900px;}
.user-quick .inner ul ul li{display:inline-block; text-align:center; width:20%; float: left; margin-bottom:20px;}
.user-quick .inner ul ul li a{color:#fff; display:block; transition:ease all .3s;}
.user-quick .inner ul ul li a:hover{color:#c8d0f0; }
.user-quick .inner ul ul li a span{display:block;}
.user-quick .inner ul ul li a span img{transition:cubic-bezier(0, 0.43, 0.58, 1) all .5s;}
.user-quick .inner ul ul li a span:hover img{transform:scale(1.15) rotate(360deg);}
.user-quick .inner ul ul li a strong{display:block; margin-top:10px;}
.user-quick .inner ul ul{display:none; position:absolute; left:300px; top:170px;}
.user-quick .inner ul .on ul{display:block;}
.user-quick ul ul{height:310px; overflow:auto;}
.user-quick ul ul::-webkit-scrollbar {width: 10px;}
.user-quick ul ul::-webkit-scrollbar-thumb {background-color: rgba(255,255,255,.2);border-radius: 3px;}
.user-quick ul ul::-webkit-scrollbar-track {background-color: #081127;border-radius: 3px;}

@media only screen and (max-width:1366px){
  .user-quick .inner{width:100%; padding:20px;}
  .user-quick .inner ul ul{width:calc(100% - 300px)}
}

@media only screen and (max-width:1024px){
  .user-quick .inner{width:100%; margin:0; padding-bottom:30px; height: 100vh;}
  .user-quick .inner ul ul{width:100%; left:0;}
  .user-quick .inner > ul > li{width:20%; float:left;}
  .user-quick .inner > ul > li > .q-title{width:100%;}
}

@media only screen and (max-width:767px){
  .user-quick .inner > ul > li > .q-title > button{font-size:17px; padding-left:10px;}
  .user-quick .inner > ul > li{width:33.333%; float:left;}
  .user-quick .inner ul ul{top:250px; height:60%;}
  .user-quick .inner ul ul li{width:33.3333%}
}

.mNoticeWrap{display:none; position: relative; z-index: 2;}
.mNoticeWrap.on{display:block;}
.mNoticeWrap a{color:#fff;}
.mNoticeWrap .q-Inner{position:relative; padding-top:110px;}
.mNoticeWrap .q-Inner .tab-btn .btnTitle:hover,
.mNoticeWrap .q-Inner .tab-btn.on .btnTitle{background-color:#214194; border:1px solid rgba(255,255,255,.5); transition:ease all .3s;}
.mNoticeWrap .q-Inner .tab-btn .btnTitle{width:49%;top:50px; left:0; background: rgba(255,255,255,.1);border: 1px solid rgba(255,255,255,.2);text-align: center;display: block; position:absolute; padding:10px; color:#fff;}
.mNoticeWrap .q-Inner .tab-btn + .tab-btn .btnTitle{right:0; left:inherit;}
.mNoticeWrap .q-Inner .on .tab-list{display:block;}
.mNoticeWrap .q-Inner .tab-list{display:none;}
.mNoticeWrap .q-Inner ul ul li{position:relative;}
.mNoticeWrap .q-Inner ul li .q-tabTitle{font-size:23px; padding:30px 0 15px 0; display:block; font-family: 'Noto Regular'; border-bottom:1px solid #fff; position:relative; z-index:1001}
.mNoticeWrap .q-Inner ul li li .q-tabTitle:before{content:''; width:21px; height:21px; display:block; position:absolute; right:20px; top:37px; text-indent:-9999px; border:1px solid #9fa4ac; background:url(../../images/main/q-more-off.png) center center no-repeat;}
.mNoticeWrap .q-Inner ul li li.on .q-tabTitle:before{background:url(../../images/main/q-more-on.png) center center no-repeat;}
.mNoticeWrap .q-Inner ul li.item.on .q-list{display:block;}
.mNoticeWrap .q-Inner .q-list{margin-bottom:20px; display:none; overflow:hidden; transition:ease all .3s;}
.mNoticeWrap .q-Inner .q-list li{background-color:rgba(255,255,255,.05); border-bottom:1px solid rgba(255,255,255,.2); padding:15px;}
.mNoticeWrap .q-Inner .q-list li:hover{background-color:rgba(255,255,255,.2);}
.mNoticeWrap .q-Inner .q-list li a{display:block; color:#cfcfcf; line-height:1.4;}
.mNoticeWrap .q-Inner .q-list li a strong{font-size:16px; display:block; margin-bottom:15px;}
.mNoticeWrap .q-Inner .q-list li a span{display:block; font-size:13px; color:#9e9e9e;}
.mNoticeWrap .more{display: block; text-align: center; margin-top: 10px; background: rgba(255,255,255,.2); border: 1px solid rgba(255,255,255,.5); padding: 5px 0; margin-top: 20px;}


@media only screen and (max-width:1025px){
  #menu1186_obj230{top:30%;}
  .main-quickmenu > ul{width:125px;}
  .main-quickmenu > ul > li{margin-bottom: 3px;}
  .main-quickmenu > ul > li > a{font-size:9px;padding: 15px 5px 15px 35px;background-size: 9% !important;background-position: 13px center !important;}
}

@media only screen and (max-width:767px){
  #menu1186_obj230{display: none;}
}

.wrap-header {position:absolute;  z-index:500; width:100%;padding:25px 30px;box-sizing:border-box;}
.wrap-header .container {display:table; width:100%; table-layout:fixed;height:100%;}
.wrap-header .head-logo {float:left;}
.wrap-header .head-logo .logo-img {display: inline-block;vertical-align: middle;}
.wrap-header .head-logo .logo-img a{display:block;}
.wrap-header .head-logo .logo-img img {display:block;}
.wrap-header .head-logo .logo-title {padding:0 0 0 20px; font-family:'S-CoreDream-4Regular'; color:#272727; font-size:1.05vw;}

.wrap-header .head-logo .global-lan{display: inline-block;vertical-align: middle;margin-left: 20px;padding-left: 20px;position: relative;margin-top: -10px;}
.wrap-header .head-logo .global-lan:before{content:'';width:1px;height: 12px;background: #fff;position: absolute;left:0;top: 8px;opacity: 0.5;}
.wrap-header .head-logo .global-lan > a{font-size:15px; color:#fff; font-family: 'Noto Regular'; letter-spacing: .3px; position:relative;}
.wrap-header .head-logo .global-lan > a.popu-btn:after{content:''; width:1px; height:10px; background-color:#fff; display:block; position:absolute; right:0; top:50%; margin-top:-5px;}
.wrap-header .head-logo .global-lan > a.popu-btn{padding-right:15px; margin-right:10px;}
.wrap-header .head-logo .global-lan > a.lang-btn{background: url('../../images/layout/lan-arrow.png') no-repeat right center; padding-right: 16px;}
.wrap-header .head-logo .global-lan > ul{display: none;position: absolute;margin-top:10px;padding: 5px 10px; right:10px;}
.wrap-header .head-logo .global-lan > ul > li{margin-bottom: 3px;}
.wrap-header .head-logo .global-lan > ul > li > a{font-size:15px;color:#fff;font-family: 'Noto Light';}
.wrap-header .head-logo .global-lan > a > .popup-count{display: inline-block; background: #0c2ca6; border-radius: 100%; width: 30px; height: 30px; text-align: center; line-height: 30px; margin-left:5px;}

.wrap-header .container  {padding:0}
.wrap-header .container > div .head-sitemap,
.wrap-header .container > div .head-global,
.wrap-header .container > div .head-uhs {display:none;}
.wrap-header .container > .btn-mgnb {width:62px; height:62px; display: block;background: url(../../images/layout/menu-icon.png) no-repeat right top; position:fixed; right:0; top:0;}
.wrap-header .container > .btn-mgnb > button{display:inline-block; text-indent:-9999px; cursor:pointer; width:62px; height:62px; float:right;}
.wrap-header .container > div .gnb-top-close.on {display:block;position:absolute;right: 40px;top: 35px;width:45px;height:45px;background: url('../../images/layout/menu-close.png') no-repeat center center; z-index:9999;}
.wrap-header .container > div .gnb-top-close button {text-indent:-9999px; display:block; width:100%; height:100%; z-index:1001}
.wrap-header .container > div .mobile-global.on {display:block; position:absolute; left:0px; top:40%;}
.wrap-header .container > div .mobile-global a {display:block; text-align:left; font-size:14px; color:#a6acbd; padding:0 0 0 20px; margin:0 0 10px 0}
.wrap-header .container > div .gnb-bottom-close{margin-top:50px;}
.wrap-header .container > div .gnb-bottom-close button{display: block; text-align: center; width: 100%; border: 1px solid rgba(255,255,255,.3); padding: 10px 0;background: rgba(255,255,255,.1); color: #fff; font-size: 14px; transition:ease all .3s;}
.wrap-header .container > div .gnb-bottom-close button:hover{background: rgba(255,255,255,.5);}
.wrap-header .head-logo .logo-title {font-size:2.3vw}

.wrap-header .head-navi {position: fixed;  overflow-y: auto; max-height:100%; top: 8px;right:-100%;z-index:10000;width: 430px;height: 100vh; padding: 35px 50px;box-sizing: border-box;background: #132961; transition: all 1s cubic-bezier(0.34, 0.33, 0.15, 1.16); opacity:1 !important; display:none;}
.wrap-header .head-navi.on {top: 0;right: 0; z-index:1001;}
.wrap-header .head-navi .menuUItop {position: relative;margin-top: 15px;}
.wrap-header .head-navi .memeber{position:relative; z-index:1001;}

.wrap-header .head-navi::-webkit-scrollbar {width: 10px;}
.wrap-header .head-navi::-webkit-scrollbar-thumb {background-color: rgba(255,255,255,.2);border-radius: 3px;}
.wrap-header .head-navi::-webkit-scrollbar-track {background-color: #081127;border-radius: 3px;}

.wrap-header .head-navi .memeber > ul > li{display: inline-block;vertical-align: top;}
.wrap-header .head-navi .memeber > ul > li + li{margin-left: 10px;position: relative;}
.wrap-header .head-navi .memeber > ul > li + li:before{content:'';width:1px;height: 13px;background: rgba(255,255,255,0.15);position: absolute;left: -10px;top: 13px;}
.wrap-header .head-navi .memeber > ul > li > a{color:#fff;display: block;text-indent: -9999px;width:40px;height: 40px;}
.wrap-header .head-navi .memeber ul li.m-login a{background: url('../../images/layout/util-icon01.png') no-repeat center;}
.wrap-header .head-navi .memeber ul li.m-search a{background: url('../../images/layout/util-icon02.png') no-repeat center;}
.wrap-header .head-navi .memeber > ul > li.m-language > a{background: url('../../images/layout/util-icon03.png') no-repeat center;}
.wrap-header .head-navi .memeber ul li.m-language .m-lang-c{position:absolute; background-color:rgba(255,255,255,.5); border:1px solid rgba(255,255,255,.5); padding:5px 10px; left:-15px; display:none;}
.wrap-header .head-navi .memeber ul li.m-language.on .m-lang-c{display:block;}
.wrap-header .head-navi .memeber ul li.m-language .m-lang-c li a{color:#fff; font-size:14px; margin:5px 0;}
/*.wrap-header .head-navi .memeber ul li.m-sitemap a{background: url('../../images/layout/util-icon04.png') no-repeat center;}*/
.wrap-header .head-navi .memeber > ul > li.m-sitemap > a{text-indent:0; width:inherit; line-height: 37px;}
.wrap-header .head-navi .memeber .btn-logout{background-image: url(/sites/kongju/images/layout/ico-logout.png);}
.wrap-header .head-navi .memeber .btn-login{background-image: url(/sites/kongju/images/layout/ico-login.png);}

.wrap-header .head-navi .div_1 {padding:20px 0 0 0;}
.wrap-header .head-navi .li_1 {position: static;display: block;width: 100%;padding:0px;border-top: 1px solid rgba(255,255,255,0.2);}
.wrap-header .head-navi .li_1._active .div_2{display:block;}
.wrap-header .head-navi .li_1:nth-last-child(1){border-bottom: 1px solid rgba(255,255,255,0.2);}
.wrap-header .head-navi .a_1 {background-image: none;background-position: right center;height: auto; border-bottom:2px solid transparent; padding: 13px 0 13px 20px;text-align: left;font-size: 20px;display: block;color: #fff; position:relative; transition:ease all .3s;}
.wrap-header .head-navi .a_1:hover {color:#fff;}
.wrap-header .head-navi .a_1.on span:after {display:none;}
.wrap-header .head-navi .a_1.on span:before {display:none;}
.wrap-header .head-navi .a_1.on {border-bottom:2px solid #fff; background: rgba(255,255,255,.1);}
.wrap-header .head-navi .a_1:hover{border-bottom:2px solid #fff; background: rgba(255,255,255,.1);}
.wrap-header .head-navi .a_1:after{content:''; width:21px; height:21px; background: url('../../images/layout/q-more-off.png') no-repeat center; display:block; position:absolute; right:15px; top:17px; transition:ease all .3s;}
.wrap-header .head-navi .a_1:hover:after{transform:rotate(180deg);}
.wrap-header .head-navi .a_1.on:after{background: url('../../images/layout/q-more-on.png') no-repeat center;}

.wrap-header .head-navi .ul_2 {border: 0; padding:0;}
.wrap-header .head-navi .li_2 {display:block; border:0px; padding:0px;}
.wrap-header .head-navi .li_2 .a_2:after {display:none;}
.wrap-header .head-navi .a_2 {width:100%;padding: 5px 5px 5px 35px;margin:0;font-size: 17px;color: #fff;display: block;position: relative;}
.wrap-header .head-navi .a_2[target="_blank"] > span{display:inline-block; background:url('../../images/layout/icon_black_white.png') no-repeat right 5px; padding-right:25px;}
.wrap-header .head-navi .a_2:hover{text-decoration:underline;}
.wrap-header .head-navi .a_2:before{content:'';width:3px;height: 3px;background: #fff;position: absolute;left:20px;top: 18px;border-radius: 50%;}
.wrap-header .head-navi .a_2.plus {position: relative; background:url('../../images/layout/q-more-off.png') no-repeat 90% center}
.wrap-header .head-navi .a_2.plus.on {background:url('../../images/layout/q-more-on.png') no-repeat 90% center; /* color:#0c2c67; *//* border-bottom:1px solid #fff; */}
.wrap-header .head-navi .a_2[target=_blank] span:before {top:6px;}
.wrap-header .head-navi .div_2 {background:#0b183e; overflow:hidden; display:none;}
.wrap-header .head-navi .div_2.on {height: inherit;}
.wrap-header .head-navi .div_2 .container {padding: 0px;}
.wrap-header .head-navi .ul_2{margin: 18px 0 25px;}
.wrap-header .head-navi .ul_3 {padding:3px 0 10px}
.wrap-header .head-navi .li_3 {position:relative; margin: 0px;}
.wrap-header .head-navi .a_3 {color:#999; display:block; padding:4px 0 4px 40px; font-size:14px;}
.wrap-header .head-navi .a_3[target=_blank] {position:relative;}
.wrap-header .head-navi .a_3[target=_blank]:before {content:'';position:absolute;right: 20px;top: 8px;width: 15px;height: 15px;background: url('../../images/layout/icon_black_white.png') no-repeat center center;}
.wrap-header .head-navi .a_3:after {content:'';position:absolute;left:25px;top: 14px;width:6px;height:2px;background:#808080;}
.wrap-header .head-navi .a_3:hover:after {background: #fff;}
.wrap-header .head-navi .a_3:hover {color: #fff;}
.wrap-header .head-navi .a_3._active {color: #fff;}
.wrap-header .head-navi .a_3._active:after{background: #fff;}
.wrap-header .head-navi .div_3 {display:none; overflow:hidden;}
.wrap-header .head-navi .div_3.on {height:auto;}
.wrap-header .head-navi .title {display:none;}
.wrap-header .head-navi .close {display:none;}
.wrap-header .head-util {}
.wrap-header .head-util .btn-share {display:none;}
.wrap-header div.black-bg {display:none; position:fixed; width:100%; height:100%; left:0px; top:0px; background:rgba(0,0,0,0.6); z-index:100;}
.wrap-header div.black-bg.on {display:block;}

.wrap-header .head-navi .sns-quick{position: initial;margin-top: 15px;}
.wrap-header .head-navi .sns-quick li{display: inline-block;vertical-align: top;}
.wrap-header .sns-quick > li{display: inline-block;vertical-align: top;}
.wrap-header .sns-quick > li + li{margin-left:10px;}
.wrap-header .sns-quick > li > a{display: block;text-indent:-9999px;width:31px;height: 31px; transition:ease all .3s;}
.wrap-header .sns-quick > li > a:hover{}
.wrap-header .sns-quick > li.sns-f > a{background: url('../../images/layout/sns-f.png') no-repeat center;}
.wrap-header .sns-quick > li.sns-f > a:hover{background: url('../../images/layout/sns-f-c.png') no-repeat center;}
.wrap-header .sns-quick > li.sns-b > a{background: url('../../images/layout/sns-b.png') no-repeat center;}
.wrap-header .sns-quick > li.sns-b > a:hover{background: url('../../images/layout/sns-b-c.png') no-repeat center;}
.wrap-header .sns-quick > li.sns-y > a{background: url('../../images/layout/sns-y.png') no-repeat center;}
.wrap-header .sns-quick > li.sns-y > a:hover{background: url('../../images/layout/sns-y-c.png') no-repeat center;}
.wrap-header .sns-quick > li.sns-i > a{background: url('../../images/layout/sns-i.png') no-repeat center;}
.wrap-header .sns-quick > li.sns-i > a:hover{background: url('../../images/layout/sns-i-c.png') no-repeat center;}

.wrap-header .head-navi .site-link{margin-top: 20px;}
.wrap-header .head-navi .sns-quick{display: inline-block;}
.wrap-header .head-navi .site-link > a{display: block; color: #fff; border: 1px solid rgba(255,255,255,.5); margin: 10px 0; padding: 10px 10px; font-size: 16px; position:relative; background: rgba(255,255,255,.1);}
.wrap-header .head-navi .site-link > a:after{content:''; width:21px; height:21px; background: url('../../images/layout/q-more-off.png') no-repeat center; display:block; position:absolute; right:15px; top:13px;}
.wrap-header .head-navi .site-link > a:hover{background: rgba(255,255,255,.4);}
.wrap-header .head-navi .sitemap{color:#fff; float:right; margin-top: 15px;}
.main .wrap-header .head-util{display:none;}

.wrap-header .head-navi .memeber > ul > li.m-sitemap > a:hover,
.wrap-header .head-navi .sitemap:hover{text-decoration:underline;}

.related-quick{width:100%; height:100vh; position:fixed; left:0; top:0; background: #132961; color:#fff; z-index:10001; display:none;}
.related-quick.on{display:block;}
.related-quick a.close-btn{color:#fff;}
.related-quick .sectionWrap{overflow-x:auto;padding-right:30px;height:80vh;}
.related-quick .sectionWrap::-webkit-scrollbar {width: 10px;}
.related-quick .sectionWrap::-webkit-scrollbar-thumb {background-color: rgba(255,255,255,.2);border-radius: 3px;}
.related-quick .sectionWrap::-webkit-scrollbar-track {background-color: #081127;border-radius: 3px;}
.related-quick .inner{font-size:17px;background: #000d2c;padding:75px 55px;box-sizing: border-box;position: relative;height:100vh;}
.related-quick .inner .titleWrap{margin-bottom:10px;}
.related-quick .inner .titleWrap strong.title{font-weight: normal;font-size: 35px;color:#fff;font-family: 'Noto Bold';display: inline-block;vertical-align: middle;}
.related-quick .inner .titleWrap span.sub-title{font-weight: normal;font-size: 17px;color:#fff;font-family: 'Noto Thin';display: inline-block;vertical-align: middle;padding-top:5px;margin-left:35px;}
.related-quick .inner ul.rel-dept01{margin-top:30px;font-size:0;}
.related-quick .inner ul.rel-dept01 > li{display: inline-block;vertical-align: top;font-size: 17px;}
.related-quick .inner ul.rel-dept01 > li + li{margin-left:8px;}
.related-quick .inner ul.rel-dept01 > li > a{color:#fff;display: block;font-size: 20px;font-family: 'Noto Regular';padding:7px 10px;border:1px solid #fff;font-weight: normal;text-align: center;}
.related-quick .inner ul.rel-dept02{padding:15px 12px;box-sizing: border-box;}
.related-quick .inner ul.rel-dept02 > li{margin-bottom: 3px;}
.related-quick .inner ul.rel-dept02 > li > a{color:#fff;font-size: 16px;font-family: 'Noto Light';transition: all ease .3s;box-sizing: border-box;word-break: keep-all;}
.related-quick .inner ul.rel-dept02 > li > a:hover{color:#56b3ff;}
.related-quick .inner ul.rel-dept03{padding-top:5px;padding-bottom: 5px;box-sizing: border-box;/**display: none;**/}
.related-quick .inner ul.rel-dept03 > li > a{color:#c5c5c5;font-size: 14px;font-family: 'Noto Light';transition: all ease .3s;position: relative;padding-left:8px;box-sizing: border-box;}
.related-quick .inner ul.rel-dept03 > li > a:before{content:'';width:3px;height: 1px;background: #c5c5c5;display: block;position: absolute;top:10px;left:0;}
.related-quick .inner ul.rel-dept03 > li > a:hover{color:#56b3ff;}
.related-quick .inner a.close-btn{width:36px;height: 36px;background: url('../../images/layout/rel-close-btn.png') no-repeat center;position: absolute;top:75px;right:60px;text-indent:-9999px;}


.related-quick .inner .section01{width:58%;display: inline-block;vertical-align: top;text-align: center;position: relative;}
.related-quick .inner .section01 ul.rel-dept01 > li{width: calc(100% / 4 - 6px);text-align: left;}
.related-quick .inner .section01 ul.rel-dept01 > li:nth-child(5){position: absolute;top:450px;right:0;}
.related-quick .inner .section01 > strong{font-size: 26px;color:#c09449;font-family: 'Noto Medium';font-weight: normal;display: inline-block;padding:0 12px;}
.related-quick .inner .section01 > strong:before{content:'';width:42%;background:#c09449;height: 1px;position: absolute;top:20px;left:0;z-index: 1;}
.related-quick .inner .section01 > strong:after{content:'';width:42%;background:#c09449;height: 1px;position: absolute;top:20px;right:0;z-index: 1;}
.related-quick .inner .section01 ul.rel-dept01 > li > a{border:1px solid #c09449;}

.related-quick .inner .section02{width:24%;display: inline-block;vertical-align: top;margin-left: 2.5%;text-align: center;position: relative;}
.related-quick .inner .section02 ul.rel-dept01 > li{width:100%;text-align: left;}
.related-quick .inner .section02 > strong{font-size: 26px;color:#20c1f5;font-family: 'Noto Medium';font-weight: normal;display: inline-block;padding:0 12px;}
.related-quick .inner .section02 > strong:before{content:'';width:30%;background:#20c1f5;height: 1px;position: absolute;top:20px;left:0;z-index: 1;}
.related-quick .inner .section02 > strong:after{content:'';width:30%;background:#20c1f5;height: 1px;position: absolute;top:20px;right:0;z-index: 1;}
.related-quick .inner .section02 ul.rel-dept01 > li > a{border:1px solid #20c1f5;}
.related-quick .inner .section02 ul.rel-dept02{display:inline-block;vertical-align: top;width:calc(100% / 2 - 6px);}

.related-quick .inner .section03{width:12%;display: inline-block;vertical-align: top;margin-left: 2.5%;position: relative;text-align: center;}
.related-quick .inner .section03 ul.rel-dept01 > li{width:100%;text-align: left;}
.related-quick .inner .section03 > strong{font-size: 26px;color:#fff;font-family: 'Noto Medium';font-weight: normal;display: inline-block;padding:0 12px;}
.related-quick .inner .section03 > strong:before{content:'';width:12%;background:#fff;height: 1px;position: absolute;top:20px;left:0;z-index: 1;}
.related-quick .inner .section03 > strong:after{content:'';width:12%;background:#fff;height: 1px;position: absolute;top:20px;right:0;z-index: 1;}
.related-quick .inner .section03 ul.rel-dept01 > li > a{border:1px solid #fff;}

.related-quick .inner.college-popup02 ul.rel-dept01 > li{width:calc(100% / 4 - 7px);}

.related-quick .inner .additional-box{text-align: left;font-size:0;margin-top:120px;}
.related-quick .inner .additional-box li{display: inline-block;vertical-align: top;width:calc(100% / 4 - 6px);font-size:17px;margin-bottom: 10px;}
.related-quick .inner .additional-box li:nth-child(4n+1){margin-left:0;}
.related-quick .inner .additional-box li + li{margin-left:8px;}
.related-quick .inner .additional-box li a{color: #fff;display: block;font-size: 20px;font-family: 'Noto Regular';font-size:17px;padding: 7px 10px;border: 1px solid #c09449;font-weight: normal;text-align: center;}

.related-quick .inner .section02 .additional-box{margin-top:73px;}
.related-quick .inner .section02 .additional-box li{width:calc(100% / 2 - 6px);}
.related-quick .inner .section02 .additional-box li a{border:1px solid #1caee0;}

.related-quick .inner .section03 .additional-box{margin-top:342px;}
.related-quick .inner .section03 .additional-box li{width:100%;}
.related-quick .inner .section03 .additional-box li a{border:1px solid #fff;}

.related-quick .inner .section04 {display: inline-block;vertical-align: top;width:32%;position: relative;text-align: center; margin-top: 5%;}
.related-quick .inner .section04 > strong{font-size: 26px;color:#fff;font-family: 'Noto Medium';font-weight: normal;display: inline-block;padding:0 12px;}
.related-quick .inner .section04 > strong:before{content:'';width:37%;background:#fff;height: 1px;position: absolute;top:20px;left:0;z-index: 1;}
.related-quick .inner .section04 > strong:after{content:'';width:37%;background:#fff;height: 1px;position: absolute;top:20px;right:0;z-index: 1;}
.related-quick .inner .section04 ul.rel-dept02{text-align: left;display: inline-block;vertical-align: top;width: calc(100% / 2 - 6px);padding-left: 0;margin-top:40px;}
.related-quick .inner .section04 ul.rel-dept02 > li{width:100%;text-align: left;}

.related-quick .inner .section04 + div.section04{margin-left:1.5%;}
.related-quick .inner .section04 + div.section04 > strong:before,
.related-quick .inner .section04 + div.section04 > strong:after{width:25%;}

.related-quick .inner .section04 + div + div.section04{margin-left:1.5%;}
.related-quick .inner .section04 + div + div.section04 > strong:before,
.related-quick .inner .section04 + div + div.section04 > strong:after{width:30%;}

.related-quick .inner .section04 + div + div + div.section04{margin-left:0%;}
.related-quick .inner .section04 + div + div + div.section04 > strong:before,
.related-quick .inner .section04 + div + div + div.section04 > strong:after{width:30%;}

.related-quick .inner .section04 + div + div + div + div.section04{margin-left:1.5%;}
.related-quick .inner .section04 + div + div + div + div.section04 > strong:before,
.related-quick .inner .section04 + div + div + div + div.section04 > strong:after{width:30%;}

.related-quick .inner .section05 {display: inline-block;vertical-align: top;width:58%;position: relative;text-align: center;}
.related-quick .inner .section05 > strong{font-size: 26px;color:#fff;font-family: 'Noto Medium';font-weight: normal;display: inline-block;padding:0 12px;}
.related-quick .inner .section05 > strong:before{content:'';width:37%;background:#fff;height: 1px;position: absolute;top:20px;left:0;z-index: 1;}
.related-quick .inner .section05 > strong:after{content:'';width:37%;background:#fff;height: 1px;position: absolute;top:20px;right:0;z-index: 1;}
.related-quick .inner .section05 > ul > li{width: calc(33.3% - 10px); float: left;}
.related-quick .inner .section05 > ul > li > ul{}
.related-quick .inner .section05 > ul > li > ul > li{text-align:left;}

@media only screen and (max-width:1400px){
  .related-quick .inner .section01{width:100%;margin-bottom: 100px;}
  .related-quick .inner .section02{width:58%;margin-left:0;}
  .related-quick .inner .section03{width:39%;}
  .related-quick .inner ul.rel-dept01 > li{width:calc(100% / 4 - 7px);margin-bottom:30px;}
  .related-quick .inner ul.rel-dept01 > li:nth-child(4n+1){margin-left:0;}
  .related-quick .inner .additional-box{margin-top:40px;}
  .related-quick .inner .section02 .additional-box{margin-top:30px;}
  .related-quick .inner .section03 .additional-box{margin-top:300px;}

  .related-quick .inner .section02 > strong:before,
  .related-quick .inner .section02 > strong:after{width:35%;}

  .related-quick .inner .section03 > strong:before,
  .related-quick .inner .section03 > strong:after{width:28%;}

  .related-quick .inner .section04{width:100%;}
  .related-quick .inner .section04 + div.section04{margin-left:0;margin-top:40px;}
  .related-quick .inner .section05{width:100%;}
}

@media only screen and (max-width:1025px){
  .related-quick .inner{padding:65px 45px 25px;}
  .related-quick .inner ul.rel-dept01 > li{width:calc(100% / 2 - 7px);}
  .related-quick .inner ul.rel-dept01 > li:nth-child(2n+1){margin-left:0;}
  .related-quick .inner.college-popup02 ul.rel-dept01 > li{width:calc(100% / 2 - 7px);}

  .related-quick .inner .section01 ul.rel-dept01 > li{width:calc(100% / 2 - 7px);text-align: left;}
  .related-quick .inner ul.rel-dept01 > li:nth-child(2n+1){margin-left:0;}
  .related-quick .inner .section01 ul.rel-dept01{text-align: left;}
  .related-quick .inner .section01 ul.rel-dept01 > li:nth-child(5){position: initial;}
  .related-quick .inner .section01 > strong:before,
  .related-quick .inner .section01 > strong:after{width:35%;}
  .related-quick .inner .additional-box li{width:calc(100% / 2 - 6px);}
  .related-quick .inner .additional-box li:nth-child(2n+1){margin-left:0;}

  .related-quick .inner .section02{width:100%;margin-bottom: 100px;}
  .related-quick .inner .section02 .additional-box{margin-top:40px;}
  .related-quick .inner .section03{width:100%;margin-left:0;}
  .related-quick .inner .section03 .additional-box{margin-top:40px;}
  .related-quick .inner .section03 > strong:before, .related-quick .inner .section03 > strong:after{width:35%;}
}

@media only screen and (max-width:767px){
  .related-quick .inner{padding:45px 25px 10px;}
  .related-quick .inner > strong.title{display: block;font-size: 28px;}
  .related-quick .inner > span.sub-title{display: block;margin-left:0;font-size: 16px;word-break: keep-all;}
  .related-quick .inner ul.rel-dept01 > li{width:100%;}
  .related-quick .inner ul.rel-dept01 > li > a{font-size: 18px;}
  .related-quick .inner.college-popup02 ul.rel-dept01 > li{width:100%;}
  .related-quick .inner a.close-btn{width:30px;height: 30px;background-size: cover;top:40px;right:25px;}

  .related-quick .inner .section01 ul.rel-dept01 > li{width:100%;}
  .related-quick .inner ul.rel-dept01 > li + li{margin-left:0;}
  .related-quick .inner .additional-box li{width:100%;}
  .related-quick .inner .additional-box li + li{margin-left:0;}
  .related-quick .inner .section02 .additional-box li{width:100%;}
  .related-quick .inner .section02 ul.rel-dept02{width:100%;}
  .related-quick .inner .titleWrap span.sub-title{display: block;margin-left:0;}

  .related-quick .inner .section04 > strong:before,
  .related-quick .inner .section04 > strong:after{width:32%;}
  .related-quick .inner .section04 + div.section04 > strong:before, .related-quick .inner .section04 + div.section04 > strong:after{width:13%;}
  .related-quick .inner .section04 + div + div.section04 > strong:before, .related-quick .inner .section04 + div + div.section04 > strong:after{width:20%;}
  .related-quick .inner .section04 ul.rel-dept02{width:100%;}

  .related-quick .inner .section01 > strong:before, .related-quick .inner .section01 > strong:after,
  .related-quick .inner .section02 > strong:before, .related-quick .inner .section02 > strong:after,
  .related-quick .inner .section03 > strong:before, .related-quick .inner .section03 > strong:after{display:none;}

  .related-quick .sectionWrap{height:70vh;}
}

@media all and (max-width:1100px) {
  .wrap-header{padding:25px 15px;}
  .wrap-header .head-util{margin-top:15px;margin-right: 15px;}
}

@media all and (max-width:767px) {
  .wrap-header .head-navi{width:100%; padding: 15px 20px;}
  .wrap-header .head-logo{float:none;display: inline-block;vertical-align: top;}
  .wrap-header .head-logo .logo-img {width:40%;}
  .wrap-header .head-logo .global-lan{margin-left:5px;padding-left:5px;}
  .wrap-header .head-logo .global-lan > a{font-size:10px;}
  .wrap-header .head-util{float:none;margin:0;position: absolute;top:23px;right:15px;}
  .wrap-header .container > div .btn-mgnb{background-size:15px;}
  .wrap-header .container > div .btn-mgnb > button{font-size:12px;padding-right: 20px;}
  .wrap-header .head-logo .global-lan > ul > li > a{font-size:10px;}
  .wrap-header .container > div .gnb-top-close.on{right: 20px; top: 15px;}
  .wrap-header .head-navi .menuUItop{margin-top:25px;}
  .wrap-header .head-navi .a_1{font-size:20px;}

  .related-quick .inner .section04 ul.rel-dept02{margin-top:0; padding:0 12px;}
}

@media all and (max-width:580px) {

}

.wrap-sub-visual {position:relative; background:url('../../images/common/sub-visual.jpg') no-repeat top center; background-size:cover; display:table; width:100%;border-top:8px solid #17469e; background-size:cover !important}
.eQ01 .wrap-sub-visual {background:url('../../images/common/sub-visual04.jpg') no-repeat top center;}
.eQ02 .wrap-sub-visual {background:url('../../images/common/sub-visual02.jpg') no-repeat top center;}
.eQ03 .wrap-sub-visual {background:url('../../images/common/sub-visual03.jpg') no-repeat top center;}
.eQ04 .wrap-sub-visual {background:url('../../images/common/sub-visual01.jpg') no-repeat top center;}
.eQ05 .wrap-sub-visual {background:url('../../images/common/sub-visual05.jpg') no-repeat top center;}
.eQ06 .wrap-sub-visual {background:url('../../images/common/sub-visual06.jpg') no-repeat top center;}
.eQ07 .wrap-sub-visual {background:url('../../images/common/sub-visual07.jpg') no-repeat top center;}
/*.wrap-sub-visual:after {content:''; position:absolute; left:0px; top:0px; width:100%; height:100%; background:url('../../images/common/pattern.png');}*/
.wrap-sub-visual .wrap-sub-cell {display:table-cell;height: 350px;text-align:center;vertical-align: middle;color:#fff;}
.wrap-sub-visual .container {position:relative; z-index:1;}
.wrap-sub-visual .slogan {margin: 0;}
.wrap-sub-visual .slogan-big {font-family: 'Noto Regular';position:relative;display:inline-block;font-size:50px;line-height:1.2;}
.wrap-sub-visual .slogan-small {font-size:18px; font-family:'Noto DemiLight';}
.wrap-sub-visual .page-move {position:absolute; left:0px; top:30px; width:100%; height:0px;}
.wrap-sub-visual .page-move a {position:relative; display:block; width:70px; height:70px; border:1px solid rgba(255,255,255,0.5); border-radius:100%;}
.wrap-sub-visual .page-move a.prev {float:left; background:url('../../images/common/ico_prev_menu.png') no-repeat left center; transition:background-position 0.5s cubic-bezier(0.7, 0, 0.3, 1);}
.wrap-sub-visual .page-move a:hover.prev {background-position:right center; transition:background-position 0.5s cubic-bezier(0.7, 0, 0.3, 1); }
.wrap-sub-visual .page-move a.next {float:right; background:url('../../images/common/ico_next_menu.png') no-repeat right center; transition:background-position 0.5s cubic-bezier(0.7, 0, 0.3, 1);}
.wrap-sub-visual .page-move a:hover.next {background-position:left center; transition:background-position 0.5s cubic-bezier(0.7, 0, 0.3, 1); }
.wrap-sub-visual .page-move a span {position:absolute;}
.wrap-sub-visual .page-move a.prev span {position:absolute; left:90%; top:50%; opacity:0; margin:0 0 0 30px; white-space:nowrap; color:rgba(255,255,255,0.5); transform: translate(0,-50%); transition:all 0.5s cubic-bezier(0.7, 0, 0.3, 1); }
.wrap-sub-visual .page-move a:hover.prev span {opacity:1; left:100%; transition:all 0.5s cubic-bezier(0.7, 0, 0.3, 1); }
.wrap-sub-visual .page-move a.prev span:after {content:''; position:absolute; left:0px; bottom:-5px; width:0%; height:1px; background:rgba(255,255,255,0.5);  transition:all 0.5s cubic-bezier(0.7, 0, 0.3, 1);}
.wrap-sub-visual .page-move a:hover.prev span:after {width:100%; transition:all 0.5s cubic-bezier(0.7, 0, 0.3, 1); }
.wrap-sub-visual .page-move a.next span {position:absolute; right:90%; top:50%; opacity:0; margin:0 30px 0 0; white-space:nowrap; color:rgba(255,255,255,0.5); transform: translate(0,-50%); transition:all 0.5s cubic-bezier(0.7, 0, 0.3, 1); }
.wrap-sub-visual .page-move a:hover.next span {opacity:1; right:100%; transition:all 0.5s cubic-bezier(0.7, 0, 0.3, 1); }
.wrap-sub-visual .page-move a.next span:after {content:''; position:absolute; right:0px; bottom:-5px; width:0%; height:1px; background:rgba(255,255,255,0.5);  transition:all 0.5s cubic-bezier(0.7, 0, 0.3, 1);}
.wrap-sub-visual .page-move a:hover.next span:after {width:100%; transition:all 0.5s cubic-bezier(0.7, 0, 0.3, 1); }

@media (max-width: 1025px) {
  .wrap-sub-visual .wrap-sub-cell {height: 250px;}
  .wrap-sub-visual .page-move {display:none;}
  .wrap-sub-visual .slogan {margin: 50px 0 0 0;}
  .wrap-sub-visual .slogan-big{font-size:38px;}
}

@media all and (max-width:767px) {
  .wrap-sub-visual .wrap-sub-cell {height: 160px;}
  .wrap-sub-visual .slogan{margin: 25px 0 0 0;}
  .wrap-sub-visual .slogan-big {font-size: 24px;padding:0px;margin:0px;}
  .wrap-sub-visual .slogan-big:after {display:none;}
  .wrap-sub-visual .slogan-small {display:none;}
}

.wrap-sub-navi {position:relative;z-index:220;margin:-70px 0 0 0;}
.wrap-sub-navi:after{content:'';width:calc(calc(100% - 1400px) / 2);background: rgba(0,0,0,0.55);position: absolute;right:0;top:0;height: 70px;}
.wrap-sub-navi .container {position:relative;max-width: 1400px;height:70px;margin: 0 auto;background: rgba(0,0,0,0.55);}
.wrap-sub-navi .sub-navi > ul > li {position:relative;float:left;padding: 0 20px 0 20px;}
.wrap-sub-navi .sub-navi > ul > li + li .inner span{position: relative;}
.wrap-sub-navi .sub-navi > ul > li + li .inner span:before{content:'';width:1px;height: 25px;background: rgba(160,170,152,0.5);position: absolute;right: -110px;top: 0;}
.wrap-sub-navi .sub-navi > ul > li + li + li + li + li{display: none;}
.wrap-sub-navi .sub-navi > ul > li > a, .wrap-sub-navi .sub-navi > ul > li > .inner > button {display:block; color:#fff; font-size:16px; height:70px; line-height:70px;}
.wrap-sub-navi .sub-navi > ul > li > .inner > button {font-family:'Noto Light';width:100%;text-align:left;padding:0 90px 0 0;transition:background-position 0.5s cubic-bezier(0.7, 0, 0.3, 1); position:relative;}
.wrap-sub-navi .sub-navi > ul > li:hover > .inner > button:after{transform:rotate(180deg); transition:ease all .3s;}
.wrap-sub-navi .sub-navi > ul > li > .inner > button:after{content:''; width:20px; height:20px; display:block; background: url('../../images/common/sub-navi-arrow.png') no-repeat center right; position:absolute; right:0; top:50%; margin-top:-10px;}
.wrap-sub-navi .sub-navi .home {background-image:none; padding:0px; min-width:auto;}
.wrap-sub-navi .sub-navi .home a {width:70px;text-indent:-9999px;background: #17469e url('../../images/common/ico_home.png') no-repeat center center;}
.wrap-sub-navi .sub-navi .navUl {overflow:hidden;max-height:0px;opacity:0;position:absolute;right:0px;top:100%;border:1px solid #fff;width: 100%;margin: 0; transition: max-height 2s cubic-bezier(0.7, 0, 0.3, 1);display:none;}
.wrap-sub-navi .sub-navi > ul > li._on .navUl {display:block;overflow:hidden; max-height:10000px; opacity:1; background:#fff; border:1px solid #3e454c;display:block;}
.wrap-sub-navi .sub-navi .navUl:after {content:'';position:absolute;left:0px;top:0px;width:100%;height:4px;background:#faa635;display: none;}
.wrap-sub-navi .sub-navi .navUl a {display:block; padding:10px 15px; color:#333; word-break: keep-all; background-position:95% center}
.wrap-sub-navi .sub-navi .navUl ._active,
.wrap-sub-navi .sub-navi .navUl a:hover {color:#0054a5; background:#f8f9fa url('../../images/layout/sub-navi-arr.png') no-repeat 95% center; }

.wrap-sub-navi .sub-util {position:absolute; right:0px; top:0px;}
.wrap-sub-navi .sub-util > ul > li {float:left; position:relative;}
.wrap-sub-navi .sub-util > ul > li > button {width:70px; height:70px; text-indent:-9999px;}
.wrap-sub-navi .sub-util .sub-favo { background: url('../../images/common/ico_favo.png') no-repeat center center; transition:background-color 0.5s cubic-bezier(0.7, 0, 0.3, 1);}
.wrap-sub-navi .sub-util .sub-favo.on {background: url('../../images/common/ico_favo_ov.png') no-repeat center center;}
.wrap-sub-navi .sub-util .sub-favo:hover {background-color:#f59616; transition:background-color 0.5s cubic-bezier(0.7, 0, 0.3, 1);}
.wrap-sub-navi .sub-util .sub-share { background: url('../../images/common/ico_sns.png') no-repeat center center; transition:background-color 0.5s cubic-bezier(0.7, 0, 0.3, 1);}
.wrap-sub-navi .sub-util .sub-share:hover{background-color:#f59616; transition:background-color 0.5s cubic-bezier(0.7, 0, 0.3, 1);}
.wrap-sub-navi .sub-util .sub-print { background: url('../../images/common/ico_print.png') no-repeat center center; transition:background-color 0.5s cubic-bezier(0.7, 0, 0.3, 1);}
.wrap-sub-navi .sub-util .sub-print:hover {background-color:#f59616; transition:background-color 0.5s cubic-bezier(0.7, 0, 0.3, 1);}

.wrap-sub-navi .sub-util .box-sub-favo {opacity:0; overflow:hidden; max-height:0px; position:absolute;  border:1px solid #3e454c; left:0px; top:100%; width:210px; background:#fff; transition:all 0.5s cubic-bezier(0.7, 0, 0.3, 1);display:none;}
.wrap-sub-navi .sub-util .box-sub-favo.on {opacity:1; max-height:1000px; transition:all 0.5s cubic-bezier(0.7, 0, 0.3, 1);display:block;}
.wrap-sub-navi .sub-util .box-sub-favo  > strong {display:block; font-family:'Noto Medium'; font-size:18px; padding:10px 20px; border-bottom:1px solid #d6d6d6;}
.wrap-sub-navi .sub-util .box-sub-favo ul li {padding:10px 20px;}
.wrap-sub-navi .sub-util .box-sub-favo ul li:hover {background:#f5f5f5;}
.wrap-sub-navi .sub-util .box-sub-favo ul li a span {display:none;}
.wrap-sub-navi .sub-util .box-sub-favo .close {text-indent:-9999px; position:absolute; right:0px; top:0px; width:47px; height:47px; background:url('../../images/common/btn_favo_close.png') no-repeat center center;}
.wrap-sub-navi .sub-util .box-sub-favo .close:hover {transform: rotate( 180deg ); transition: all 0.75s cubic-bezier(0.7, 0, 0.3, 1);}
.wrap-sub-navi .sub-util .box-sub-favo .del {width:17px; height:17px; margin:0 0 0 10px; background:url('../../images/common/btn_favo_del.png') no-repeat center center; text-indent:-9999px;}
.wrap-sub-navi .sub-util .box-sub-favo .control {text-align:center; padding:15px 0;}
.wrap-sub-navi .sub-util .box-sub-favo .control button {display:inline-block; display:inline-block; padding:5px 20px; color: #FFF;font-size: 12px; border-radius: 40px;}
.wrap-sub-navi .sub-util .box-sub-favo .control button.add {background: #0067c3;}
.wrap-sub-navi .sub-util .box-sub-favo .control button.reset {background: #707070;}
.wrap-sub-navi .sub-util .box-sub-share {opacity:0; overflow:hidden; max-height:0px; position:absolute; left:0px; top:0; width:100%;  transition:all 0.5s cubic-bezier(0.7, 0, 0.3, 1);display:none;}
.wrap-sub-navi .sub-util .box-sub-share.on {opacity:1; max-height:1000px; transition:all 0.5s cubic-bezier(0.7, 0, 0.3, 1); transition:all 0.5s cubic-bezier(0.7, 0, 0.3, 1);display:block;}
.wrap-sub-navi .sub-util .box-sub-share .close {width:100%; height: 70px; text-indent: -9999px; background: #183d92 url('../../images/common/btn_share_close.png') no-repeat center center; box-shadow: inset 11px 0px 17px -10px rgba(0,0,0,0.4);position:absolute;top:0;}
.wrap-sub-navi .sub-util .box-sub-share ul {border:1px solid #3e454c; background:#fff; padding:5px 0;margin-top:70px;}
.wrap-sub-navi .sub-util .box-sub-share ul button {position:relative; display:block; width:100%; height:50px; text-indent:-9999px;}
.wrap-sub-navi .sub-util .box-sub-share ul button:after {content:''; position:absolute; bottom:0px; left:50%; width:30px; height:1px; background:#e5e5e5; transform: translate(-50%,0);}
.wrap-sub-navi .sub-util .box-sub-share ul li:last-child button:after {display:none;}
.wrap-sub-navi .sub-util .box-sub-share .fb {background: url('../../images/common/ico_sns_fb.png') no-repeat center center;}
.wrap-sub-navi .sub-util .box-sub-share .tw {background: url('../../images/common/ico_sns_tw1.png') no-repeat center center;}
.wrap-sub-navi .sub-util .box-sub-share .pin {background: url('../../images/common/ico_sns_pin.png') no-repeat center center;}
.wrap-sub-navi .sub-util .box-sub-share .insta {background: url('../../images/common/ico_sns_insta.png') no-repeat center center;}
.wrap-sub-navi .sub-util .box-sub-share .kakao {background: url('../../images/common/ico_sns_kakao.png') no-repeat center center;}
.wrap-sub-navi .sub-util .box-sub-share .addr {background: url('../../images/common/ico_sns_addr.png') no-repeat center center;}

@media all and (max-width:1025px) {
  .wrap-sub-navi {display:none;}
}

.wrap-contents .con-rating {margin:90px 0 0 0;}
.wrap-contents .con-rating .info {overflow:hidden; width:100%; border-top:1px solid #d2d2d2; border-bottom:1px solid #d2d2d2;}
.wrap-contents .con-rating .people {float:left; color:#666; padding:22px 0 22px 60px; background:url('../../images/common/ico_people.png') no-repeat 20px center;}
.wrap-contents .con-rating .mody-time {float:right; color:#666; padding:25px 0 25px 0; }

.wrap-contents .con-rating .vote {display:table; width:100%; background:#fbfbfb; padding:25px 30px; border-top:1px solid #d2d2d2; border-bottom:1px solid #d2d2d2;}
.wrap-contents .con-rating .question, .wrap-contents .con-rating .radio, .wrap-contents .con-rating .comment {display:table-cell; vertical-align:middle;}
.wrap-contents .con-rating .question {width:37%; padding:0 0  0 30px; background:url('../../images/common/ico_question.png') no-repeat 0px 4px; color:#3f3f3f;}
.wrap-contents .con-rating .radio {width:40%; font-size:14px;}
.wrap-contents .con-rating .radio > div {float:left; padding:0 4% 0 0;}
.wrap-contents .con-rating .radio input:checked + label {color: #ff4200;}
.wrap-contents .con-rating .radio input {position:relative; top:2px;}
.wrap-contents .con-rating .comment input, .wrap-contents .con-rating .comment button {float:left;}
.wrap-contents .con-rating .comment input {width:78%; height:35px; line-height:35px; border:1px solid #b1b1b1;}
.wrap-contents .con-rating .comment button  {width:20%; margin:0 0 0 2%; height:35px; line-height:35px; font-size:12px; background:#0178dd; color:#fff; text-align:center;}

@media all and (max-width:1250px) {
  .wrap-contents .con-rating .question, .wrap-contents .con-rating .radio, .wrap-contents .con-rating .comment {display:inline-block; width:100%;}
  .wrap-contents .con-rating .question {margin:0 0 20px 0;}
  .wrap-contents .con-rating .radio {width:68%;}
  .wrap-contents .con-rating .comment {width:30%;}
  .wrap-contents .con-rating .comment input {width:68%;}
  .wrap-contents .con-rating .comment button {width:30%;}
}

@media all and (max-width:655px) {
  .wrap-contents .con-rating .radio {width:100%; margin: 0 0 15px 0;}
  .wrap-contents .con-rating .comment {width:100%;}
  .wrap-contents .con-rating .question {margin: 0 0 10px 0;}
}

@media all and (max-width:555px) {
  .wrap-contents .con-rating .people, .wrap-contents .con-rating .mody-time {width:100%; float:none;}
  .wrap-contents .con-rating .people {padding:0 0 0 60px; background-image:none;}
  .wrap-contents .con-rating .mody-time {padding: 0 0 0 60px;}
  .wrap-contents .con-rating .info {padding:20px 0; background: url(../../images/common/ico_people.png) no-repeat 20px center;}
  .wrap-contents .con-rating .radio > div {padding:0 4% 2% 0;}
}



@media all and (max-width:1400px) {
  .wrap-contents .contents{padding:0 25px;box-sizing: border-box;}
}

@media all and (max-width:767px) {
  .wrap-contents .contents{padding:0 15px;box-sizing: border-box;}
}

.main .wrap-footer {margin:0px; position:relative; z-index:2}
.wrap-footer {background:#17469e; text-align:center; overflow:hidden; color:#fff; margin:70px 0 0 0; }
.wrap-footer .container{width:1700px;margin:0 auto;position: relative;}
.wrap-footer .link a {position:relative; color:#fff; font-family:'Noto Regular';}
.wrap-footer .link .footer-quick a:before {content:''; position:absolute; bottom:-5px; left:0px; width:0%; height:1px; background:#fff; transition:all 0.8s;}
.wrap-footer .link .footer-quick a:hover:before {width:100%;}

.wrap-footer .link{text-align: left;border-bottom: 1px solid rgba(255,255,255,.3);}
.wrap-footer .footer-quick{display:inline-block;vertical-align: top;padding:25px 0;}
.wrap-footer .footer-quick > li{display: inline-block;vertical-align: top;}
.wrap-footer .footer-quick > li + li{margin-left:25px;}
.wrap-footer .footer-quick > li > a{display: block;font-family: 'Noto Thin';}

.wrap-footer .sns-quick{display:inline-block;vertical-align: top;padding: 22px 0;position: absolute;top: -75px;right: 0;}
.wrap-footer .sns-quick > li{display: inline-block;vertical-align: top;}
.wrap-footer .sns-quick > li + li{margin-left:10px;}
.wrap-footer .sns-quick > li > a{display: block;text-indent:-9999px;width:31px;height: 31px; transition:ease all .3s;}
.wrap-footer .sns-quick > li.mark > a{background: url(/sites/kongju/images/layout/footer_mark.png) no-repeat center; background-size: contain; width:60px;}
.wrap-footer .sns-quick > li.sns-f > a{background: url('../../images/layout/sns-f.png') no-repeat center;}
.wrap-footer .sns-quick > li.sns-f > a:hover{background: url('../../images/layout/sns-f-c.png') no-repeat center;}
.wrap-footer .sns-quick > li.sns-b > a{background: url('../../images/layout/sns-b.png') no-repeat center;}
.wrap-footer .sns-quick > li.sns-b > a:hover{background: url('../../images/layout/sns-b-c.png') no-repeat center;}
.wrap-footer .sns-quick > li.sns-y > a{background: url('../../images/layout/sns-y.png') no-repeat center;}
.wrap-footer .sns-quick > li.sns-y > a:hover{background: url('../../images/layout/sns-y-c.png') no-repeat center;}
.wrap-footer .sns-quick > li.sns-i > a{background: url('../../images/layout/sns-i.png') no-repeat center;}
.wrap-footer .sns-quick > li.sns-i > a:hover{background: url('../../images/layout/sns-i-c.png') no-repeat center;}


.wrap-footer .address {font-size:16px;text-align: left;}
.wrap-footer .address div > div{display: inline-block;vertical-align: top;padding:35px 0 40px;margin-right: 25px;}
.wrap-footer .address .footer-logo{}
.wrap-footer .address .location{margin-left:150px;}
.wrap-footer .address div > div > span{color: #ffffff;display: inline-block;margin-bottom: 20px;font-family: 'Noto Regular';}
.wrap-footer .address div > div > span.lo-span{width: 570px;}
.wrap-footer .address div > div > ul > li {color: #fff;font-family: 'Noto Light';letter-spacing: .3px;}
.wrap-footer .address .location > ul > li > span{display: inline-block;margin-right: 20px;}
.wrap-footer .address .location > ul > li > strong{width: 470px;display: inline-block;}
.wrap-footer .address .contact > ul > li > span{display: inline-block;margin-right: 10px;}

.wrap-footer .bottom-related {float:right;}
.wrap-footer .bottom-related .relate_site {vertical-align:top;}
.wrap-footer .bottom-related .relate_site > li {position: relative;}
.wrap-footer .bottom-related .relate_site > li  + li {margin-top:5px;}
.wrap-footer .bottom-related .relate_site > li > a {padding: 12px 100px 12px 15px;border:1px solid #5f5c6f;font-size:17px;background: url(../../images/layout/footer-plus.png) no-repeat 90% center;display:block;color:#c3c3c3;}
.wrap-footer .bottom-related .relate_site li ul.first_depth {margin: 0;box-sizing: border-box;padding: 20px;box-sizing: border-box;position: absolute;left: 0;bottom: 55px;z-index: 200;background: #111;width: 100%;display: none;max-height: 210px;overflow: auto;border: 1px solid #5f5c6f;text-align:left;}
.wrap-footer .bottom-related .relate_site li ul.first_depth li ul li {margin-bottom:7px;}
.wrap-footer .bottom-related .relate_site li ul.first_depth li ul li a {display: block;padding-left: 10px;font-size: 16px;font-weight: 300;color: #c3c3c3;}


.wrap-footer .copyright{text-align: left;padding: 30px 0 50px;display: inline-block;}
.wrap-footer .copyright img{display: inline-block;vertical-align: top;}
.wrap-footer .copyright p{display: inline-block;vertical-align: top;margin-left:30px;color: #ffffff;letter-spacing: .3px;}
.wrap-footer .copyright p span{color:#fff;}
.wrap-footer .copyright i{display: inline-block;}

@media all and (max-width:1700px) {
  .wrap-footer .container{width:100%;}
}

@media all and (max-width:1400px) {
  .wrap-footer .link{background: none;}
  .wrap-footer .footer-quick{display: block;text-align: center;}
  .wrap-footer .sns-quick{text-align: center;position: relative;width: 100%;top: 0;}
  .wrap-footer .address .location{margin-left:50px;}
  .wrap-footer .address .footer-logo{text-align:center;}
}

@media all and (max-width:1300px) {
  .wrap-footer .address .footer-logo{}
  .wrap-footer .address div > div{display: block;padding: 20px 25px 30px;text-align: left;margin-right: 0;word-break: keep-all;}
  .wrap-footer .bottom-related{float:none;display: block !important;text-align: center !important;padding: 10px 0 !important;}
  .wrap-footer .bottom-related .relate_site{width:90%;text-align:left;}
  .wrap-footer .bottom-related .relate_site > li > a{background-color:rgba(53,53,62,0.3);}
  .wrap-footer .address .location{margin-left:0;}
}

@media all and (max-width:860px) {
  .wrap-footer .bottom-related .relate_site > li{margin-bottom:3px;}
  .wrap-footer .address div > div > ul > li{margin-bottom: 15px;}
  .wrap-footer .address div > div > ul > li:nth-last-child(1){margin-bottom: 0;}
  .wrap-footer .address .location > ul > li > span{display: block;}
  .wrap-footer .address .location > ul > li > span.t{display: inline-block;margin-right: 10px;}
  .wrap-footer .address div > div > span.lo-span{width:100%;}
  .wrap-footer .address .location > ul > li > strong{display: block;width: 100%;margin: 3px 0;}
  .wrap-footer .address div > div > span.con-span{display: none;}

  .wrap-footer .copyright{text-align: center;padding:30px 0;}
  .wrap-footer .copyright p{display: block;margin-left: 0;margin-top: 15px;}
  .wrap-footer .copyright i{display: block;}
}

@media all and (max-width:767px) {
  .wrap-footer .footer-quick{padding: 15px 0 12px;}
  .wrap-footer .footer-quick > li > a{font-size:13px;}

  .wrap-footer .address div > div > ul > li,
  .wrap-footer .address .location > ul > li > span,
  .wrap-footer .address .location > ul > li > span.t{font-size: 14px;}
  .wrap-footer .address .footer-logo{width:300px; margin:0 auto;}
}

/*search*/
.searchWrap{display: none; margin-top:55px;}
.searchWrap.on{display: block;}
.searchWrap .inner{}
.searchWrap .inner .sch-title{font-size:30px;font-family: 'Noto Light';color:#fff;display: block;margin: 30px 0 0px;border-bottom:1px solid #fff;padding-bottom:20px;}
.searchWrap .inner .sch-list li input{background: none;color: #fff;border-bottom: 1px solid rgba(255,255,255,.5);font-size: 18px;padding: 10px;margin-bottom: 0;display: block;width: 100%;text-align: left;cursor: pointer;}
.searchWrap .inner .sch-list li input:hover{
  background: rgba(255,255,255,.5);
}
.searchWrap .inner .searchbox{position: relative;}
.searchWrap .inner .searchbox input[type="text"]{border:3px solid #fff;background: #132961;color:#fff;font-size: 23px;font-family: 'Noto Light';display: block;width:100%;padding:20px;height: 70px;}
.searchWrap .inner .searchbox input[type="text"]::placeholder{color:#fff;}
.searchWrap .inner .searchbox .search_btn{display: block;position: absolute;top:0;right:0;width:70px;height: 70px;background: url('../../images/main/search.png') no-repeat center;text-indent:-9999px;cursor: pointer;}
.searchWrap .close{width:40px;height: 40px;background: url('../../images/main/btn_close.png') no-repeat center;position: absolute;top:80px;right:50px;text-indent:-9999px;display: block;}

.sumUrl{padding: 5px 10px;  display: inline-block;  background: #3560af;  border-radius: 5px;  color: #fff;  margin-bottom: 10px;}
.sumUrl a{color:#fff;}
.blind {overflow:hidden; position:absolute; width: 1px; height: 1px; clip: rect(0 0 0 0); margin: -1px;}