@charset "utf-8";

@media all and (max-width:1650px){
	header nav .gnb { width:calc(100% - 500px); }
    header nav .gnb .depth01 {float:left;margin-right:0;}
}
@media all and (max-width:1620px){
	header nav .gnb { width:calc(100% - 485px); }
    header nav .gnb .depth01 {float:left;margin-right:0;}
    header nav .gnb .depth01 > li > a {padding:0 30px;}
}
@media all and (max-width:1600px){
    .quick .main_navi {display:none;}
}
@media all and (max-width:1450px){
    .top_popup .top_popup_close {top: auto;right: 30px;bottom: 8px;width: 20px;height: 20px;}
    .top_popup .top_popup_close::after {line-height:30px;font-size:14px;top:-5px;left:-1px;}
    .top_popup .top_popup_close:hover::after  {transform:none;}
    .top_popup .slick-dots {bottom:0;right:260px;transform: translateY(150%);height:20px;line-height: 8px;}
    .top_popup .play_wrap {right:278px;bottom:5px;}
    .top_popup .oneday {position: static;background: #404040;padding: 5px;text-align: right;padding-right: 65px;cursor:auto;}
    header nav .gnb .depth01 > li > a {padding:0 24px;}
}
@media all and (max-width:1399px){
    header nav .banner_gov { display:none; }
    header nav .gnb { width:calc(100% - 340px); margin-left:0;}
    header nav .gnb .depth01 > li > a {padding:0 28px;}
}
@media all and (max-width:1300px){
	header nav .gnb .depth01 > li > a {padding:0 24px;}
}
@media all and (max-width:1200px){
    header nav {padding:30px;}    
    header nav .gnb {display:none;}
    header nav .logo {margin-top:0;}
    header .top_util,
    header .utile_linkbox .zoom_box,
    header .search_box_top.sb_pc {display:none;}
    header .search_box_top.sb_mobile {display:block;float:none;border:none;border-bottom:1px solid rgba(255,255,255,0.3);}
    header .search_box_top input[type=text] {padding:5px 70px 5px 30px;}
    header.hover .search_box_top.sb_mobile input[type=text],
    header.active .search_box_top.sb_mobile input[type=text],
    header.top_bar_on .search_box_top.sb_mobile input[type=text] {border:none;border-bottom:1px solid #dcdcdc;}
    header .search_box_top input[type=submit] {right:37px;}
    header .search_box_top {width:100%;}
    header nav .utile_allmenu {margin-top:0;}
    header nav .utile_allmenu .header_search {margin-right:20px;}
    header nav .utile_allmenu .header_search_box {top:0px;z-index:100;}
    header nav .utile_allmenu .header_search_box .inner {padding:100px 50px;}
    header nav .utile_allmenu .header_search_box .search_close {bottom:auto;top:-20px;right:0px;background:none;}
    header nav .utile_allmenu .header_search_box .search_close::after  {color:#000;}
    
	.search_box02.search_popular_details {position:relative;top:auto;right:auto;width:640px;}
	.search_box02.search_popular_details .list {float:left;padding-left:30px;width:calc(100% - 120px);}
	.search_box02.search_popular_details .list ul {width:50%;}
	
    .quick {right:0;color:#fff;width:auto;padding-bottom:100px;top:auto;bottom:100px;}
    .quick.hover::before {display:block;}
    .quick .btn_quick_open,
    .quick .btn_quick_close {position:absolute;right:30px;bottom:60px;box-shadow:5px 5px 8px rgba(0,0,0,0.25);}
    .quick .btn_quick_open {display:block;}
    .quick .btn_quick_close {display:none;}
    .quick > ul {background:none;display:none;padding-bottom:10px;}
    .quick > ul > li {margin:5px 0;}
    .quick > ul > li > a {padding:0 80px 0 0;text-align:right;}
    .quick > ul > li > a::before {background-color:#fff;background-size:40%;width:50px;height:50px;border-radius:100%;box-shadow:12px 12px 10px rgba(0,0,0,0.08);left:auto;right:20px;box-shadow:5px 5px 8px rgba(0,0,0,0.25);}
    .quick > ul > li + li > a {border:none;}
    .quick .top {margin:5px 0 !important;background:transparent;width:100%;}
    .quick > ul > li.top > a::before {background-color:#223f78;left:auto;}
    
    /* .allmenu_view .top_popup:not([style*="display: block"]) + header {margin-top:0 !important;} */
    .allmenu_view header {color:#6f6d70;}
    .allmenu_view header .top_util {width:100%;height:1px;display:block;position:absolute;top:0;left:0;z-index:500;border:none;}
    .allmenu_view header .top_util .inner {height:auto;}
    .allmenu_view header .utile_linkbox .label,
    .allmenu_view header .utile_linkbox .list,
    .allmenu_view header .utile_member ul li a {border-color:#dcdcdc !important;}
    .allmenu_view header .utile_linkbox .label {padding-left:34px;}
    .allmenu_view header .utile_linkbox03 .label {border-right:0;}
    .allmenu_view header .utile_member ul li a.login::after {width:17px;height:11px;background:url(/images/homepage/www/kocca/common/icon_login.png);}
    .allmenu_view header .utile_member ul li a.member::after {width:12px;height:12px;background:url(/images/homepage/www/kocca/common/icon_member.png);}
    .allmenu_view .top_util .utile_member {position:absolute;top:10px;left:20px;}
    .allmenu_view .top_util .utile_member a {border:none;width:auto;padding-right:35px;}
    .allmenu_view .top_util .utile_linkbox {position:absolute;top:60px;left:0;width:100%;border-top:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc;}
    .allmenu_close {top:10px;right:20px;z-index:9999;}
    .allmenu_title {display:none;}
    .allmenu {padding:130px 10px 10px 30px}
    .allmenu::before {content:'';width:150px;height:calc(100% - 102px);background:#f3f3f3;position:absolute;left:0;bottom:0;z-index:-1;}
    .allmenu .depth01 > li > a {font-size:1em;font-weight:500;color:#3a3a3a;margin:0 0 20px 0;width:135px;padding:10px 20px;border-radius:48px;-ms-transition:0.4s ease;-webkit-transition:0.4s ease;transition:0.4s ease;}
    .allmenu .depth01 > li > a.active {color:#fff;background:#5c3fac;background: -ms-linear-gradient(left top, #5c3fac, #e87a19);background: -webkit-linear-gradient(left top, #5c3fac, #e87a19);background: -webkit-linear-gradient(left top, #5c3fac, #e87a19);}
    .allmenu .depth02_wrap {display:none;-ms-transition:0.4s ease;-webkit-transition:0.4s ease;transition:0.4s ease;position:absolute;top:100px;right:0;bottom:0;width:calc(100% - 150px);border-top:none;margin:0;padding:40px 30px;}
    .allmenu .depth02_wrap > .inner {height:100%;overflow:auto;}
    .allmenu .depth01 > li > a.active + .depth02_wrap {display:block;}
    .allmenu .depth02_wrap .list {flex-direction: column;}
    .allmenu .depth02 > li > a {font-weight:500;margin-bottom:10px;}
    .allmenu .depth02:nth-child(n+2) > li {margin-top:20px;}
    .allmenu .depth02_wrap .list .depth02 {width:calc(100% - 20px);padding-left:10px;border-bottom:1px solid #dfdfdf;position:relative;}
    /*.allmenu .depth02_wrap .list .depth02::before {width:100%;height:1px;top:auto;bottom:0;margin:0;}*/
    .allmenu .depth02_wrap .list .depth02::before {display:none;}    
    .allmenu .depth02 > li {position:relative;padding-right:15px;}
    /*.allmenu .depth02 > li.depth03_wrap::after {content:'\e941';font-family:'xeicon';position:absolute;top:5px;right:0;-ms-transition:0.4s ease;-webkit-transition:0.4s ease;transition:0.4s ease;z-index:-1;}*/
    .allmenu .depth02 > li.depth03_wrap::after {content:'';width:8px;height:8px;position:absolute;top:5px;right:8px;border:1px solid #3a3a3a;transform:rotate(45deg);border-top:0;border-left:0;-ms-transition:0.4s ease;-webkit-transition:0.4s ease;transition:0.4s ease;}
    .allmenu .depth02 > li.depth03_wrap.active::after {top:14px;transform:rotate(225deg);}
    .allmenu .depth03 {display:none;background:#f6f6f6;border-top:1px solid #ff5800;padding:20px 20px 10px 20px;}
    .allmenu .depth03 > li {padding-right:0;}
    .allmenu .depth03 > li > a {padding-right:20px;}
    .allmenu .depth03_wrap.active::after {-ms-transform:rotate(180deg);-webkit-transform:rotate(180deg);transform:rotate(180deg);}
    .allmenu .depth03_wrap.active > a {color:#ff5800;font-weight:900;}
    .related_site .more .list_wrap .list_title {width:100%;}
    .related_site .more .list_wrap .list {width:100%;padding-top:20px;}
    .related_site .more .list_wrap .list ul li {padding:10px 15px}
    footer .foot_menu ul.menu{width:100%;}
    footer .foot_menu ul.menu li{margin-right:35px;}
    .related_site .more .list_wrap .list_box:first-child {padding-top:0;} 
    .quick {bottom:0;}
}

@media all and (max-width:1024px){
	.allmenu_view header .utile_list .label {border-right:1px solid rgba(255,255,255,0.3);}
	header .utile_linkbox > ul > li.bg_blue_green {clear:both;}
	.allmenu {padding-top:160px;}
	.allmenu .depth02_wrap {top:130px;}
    .utile_linkbox01 .list_wrap .list_box {width:33.33%;}
    .related_site .more .list_wrap .list ul li {width:33.33%;}
    footer .foot_menu ul.menu {width:calc(100% - 100px);}
}

@media all and (max-width:910px){
    /* 관련기관 바로가기 */
   .related_site .more .list_wrap .list.list_3dan li {width:50%;}
}

@media all and (max-width:768px){
	.top_popup .slick-dots {transform: translateY(135%);right:240px;}
    .top_popup .play_wrap {right:258px;}
	.utile_linkbox01 .list_wrap .list_box {width:50%;}
	.pop_curation .inner {padding:30px 0 0 0;}
	.pop_curation .inner::before {height:100%;bottom:auto;top:270px;}
	.pop_curation .list_wrap02 .slick-list .slick-slide {width:100%;height:auto;}
	.pop_curation .list_wrap02 .slick-list .slick-slide > div {position:relative;display:block;height:140px;padding:30px 20px;border:1px solid #dedede;background:#fff;border-radius:10px;margin:10px 0;}
	.pop_curation .list_wrap02 .slick-list .slick-slide > div > div {width:100% !important;}
	.pop_curation .list_wrap02 .day {left:20px;bottom:20px;}
    .pop_curation .list_wrap02 .title {margin-top:10px;white-space: nowrap;text-overflow: ellipsis;display:block;}
    .pop_curation .cont_layer_close {right:30px;}
    .pop_curation .layer_title {font-size:22px;}
    .pop_curation .cont {height: calc(100% - 140px);}
    .cont_layer_pop .cont {padding:20px 20px 10px 20px;}
    
    
    header .top_util {font-size:13px;}
    header nav .utile_allmenu .header_search_box .inner {padding:100px 30px;}
    header nav .utile_allmenu .header_search_box .search_box02 .list ul,
    .search_box02.search_popular_details .list ul {width:100%;}
    .allmenu_view header .utile_linkbox .label {padding-left:20px;}
    .allmenu_view .top_util .utile_member {left:6px;}
    .allmenu {padding:160px 10px 10px 10px;}
    .allmenu::before {width:120px;}
    .allmenu > div > div > .inner {padding-left:0px;}
    .allmenu .depth01 > li > a {width:120px;}
    .allmenu .depth02_wrap {width:calc(100% - 130px);padding:40px 10px;}
    .related_site .more .list_wrap .list_box {padding:40px 0;}
    .related_site .more .list_wrap .list {padding:20px 0;}
    .related_site .more .list_wrap .list ul li {width:50%;}
	footer .related_site .related_site_title {width:100px;}
	footer .related_site .list_slide_wrap {width:calc(100% - 220px);}
    footer .foot_menu ul.menu {width:100%;}
    footer .foot_menu ul.menu li {width:calc(50% - 40px);}
    footer .foot_menu .related_org {width:100%;margin-top:10px;}
    footer .copyright p {width:100%;margin-top:10px !important;}
    footer .copyright .mark {position:static;margin-top:40px;width:100%;text-align:center;}
    footer .copyright .mark li {display:inline-block;float:none;margin:0 20px;}    
    .pop_style02.finger_language > .inner {height:620px;}
    
    

}
@media all and (max-width:700px){
	.pop_curation .cont {height: calc(100% - 170px);}
	.pop_curation .cont_layer_close {right:20px;}
	.pop_curation .layer_title span {width:150px;display:block;margin:0 auto;}
	header .utile_linkbox > ul > li.bg_blue_green {clear:none;}
	.allmenu::before {/* height:calc(100% - 122px); */height:calc(100% - 82px);}
	.allmenu {padding:135px 10px;padding-top:175px;}
	.allmenu_view .top_util .utile_linkbox {top:0;}
	.allmenu .depth02_wrap {top:157px;padding:25px 10px 40px;}
	.allmenu_view .top_util .utile_linkbox {width:calc(100% - 70px); border-bottom:0 none; border-top:0 none;}
	header .utile_linkbox > ul > li {width:50%;}
	header .utile_linkbox > ul > li > a {border:none;border-bottom:1px solid rgba(255,255,255,0.3);border-right:1px solid rgba(255,255,255,0.3);width:100%;}
	header .utile_linkbox .mypage .label::before { right:10px; }
	header .utile_linkbox .login_time_extension { border-right:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc; }
	.allmenu_close {top:17px;}
	footer .related_site .related_site_title {width:100%;}
	footer .related_site .list_slide_wrap {width: calc(100% - 120px);margin-top: 10px;}
	footer .related_site .pager_wrap {margin-top:10px;}
	header .utile_linkbox > ul > li > a.link {text-align:left;padding-left:15px;background-color:#fff;}	
	.pop_style02.finger_language > .inner {height:580px;}
	
}
@media all and (max-width:600px){
    /* .pop_curation .cont {height: calc(100% - 170px);}
	.pop_curation .cont_layer_close {right:20px;}
	.pop_curation .layer_title span {width:150px;display:block;margin:0 auto;}
	.allmenu::before {height:calc(100% - 122px);}
	.allmenu {padding:150px 10px;}
	.allmenu_view .top_util .utile_linkbox {top:0;}
	.allmenu .depth02_wrap {top:120px;}
	.allmenu_view .top_util .utile_linkbox {width:calc(100% - 70px); border-bottom:0 none;}
	header .utile_linkbox > ul > li {width:50%;}
	header .utile_linkbox > ul > li > a {border:none;border-bottom:1px solid rgba(255,255,255,0.3);border-right:1px solid rgba(255,255,255,0.3);width:100%;}
	header .utile_linkbox .mypage .label::before { right:10px; }
	header .utile_linkbox .login_time_extension { border-right:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc; }
	.allmenu_close {top:17px;}
	footer .related_site .related_site_title {width:100%;}
	footer .related_site .list_slide_wrap {width: calc(100% - 120px);margin-top: 10px;}
	footer .related_site .pager_wrap {margin-top:10px;}
	header .utile_linkbox > ul > li > a.link {text-align:left;padding-left:15px;} */	
	.pop_style02.finger_language > .inner {height:520px;}
	footer .related_site .pager_wrap {margin-top:18px;}
	
}

@media all and (max-width:560px){
    /* 관련기관 바로가기 */
   .related_site .more .list_wrap .list.list_3dan li {width:100%;}
}

@media all and (max-width:480px){
	header nav .logo {width:134px;height:27px;background-size:134px 27px !important;}
	header nav .logo a {width:134px;height:27px;}
	header nav .logo a .hidden {width:134px;height:27px;}
	.utile_linkbox01 .list_wrap .list_box {width:100%;padding:20px 10px;}
	.pop_curation .layer_title {font-size:20px;}
    .related_site .more .list_wrap .list ul li {width:100%;height:40px;}
	footer .foot_menu ul.menu li {width:100%;}
	.pop_curation .curation_info {padding-left:0;left: 20px;letter-spacing:-1px;}
	.pop_curation .curation_info strong {letter-spacing:-1px;}
	.pop_curation .curation_info::before {display:none;}
	.pop_style02.finger_language > .inner {height:450px;}
	
	
}

@media all and (max-width:350px){
	header nav .utile_allmenu .header_search_box .search_box02 .list, 
	.search_box02.search_popular_details .list {width:100%;padding-left:3px;}
}