@charset "utf-8";

@media screen and (max-width: 1450px) {
	
	/* layout */
    .bottomBox {width: calc(100% - 100px);}
}

@media screen and (max-width: 1407px) {
	
	/* layout */
	.global_gnb .gnb > li:nth-child(5) > a {padding: 16px 0;}
}

@media screen and (max-width: 1399px) {
	
	/* layout */
	.menuBox {display: none}
}

@media screen and (max-width: 1200px) {
	
	/* layout */
	#container {height: auto}
    .visual {height: 320px;float: left;}
    .visual .visual_text {width: 100%;left: 0;padding: 0 24px;box-sizing: border-box;}
    .visual .visual_text p strong {font-size: 1.75rem;}
    .visual .visual_text p span {display: none;}
    .sub_visual .visual_wrap .visual_title {font-size: 1.25rem}

    
	.bottomBox > li {display: block;position: relative;z-index: 0;float: left;margin-right: 19px;width: calc((100% - 38px) / 3);height: 100%;border-radius: 5px;box-sizing: border-box;}
	.bottomBox > li strong {font-size: 1.625rem; font-weight: 300; color: #fff;}
	.bottomBox > li:last-child {margin-right: 0;}
	.bottomBox > li:nth-child(1) {background: linear-gradient(180deg, #E1947C 0%, #713B2A 100%); padding: 24px 24px 32px 24px;}
	.bottomBox > li:nth-child(1):after {display: inline-block; content: ""; position: absolute; top: 50%; left: 0; transform: translateY(-50%); z-index: 0; width: calc(235px / 2); height: 235px; background: url(/eng/resources/images/main/greeting.svg) center no-repeat; opacity: .5;}
	.bottomBox > li:nth-child(1) p {position: absolute;bottom: 32px;width: calc(100% - 48px);font-size: .938rem;font-weight: 200;color: #fff;word-break: break-all;}
	.bottomBox > li:nth-child(2) {background: #DFE6F4;}
	.bottomBox > li:nth-child(2) .korea_net_news {position: relative;width: 100%;height: 100%;border-radius: 5px;}
	.bottomBox > li:nth-child(3) {background: linear-gradient(180deg, #2CA2AF 0%, #0F444A 100%); padding: 24px;}
	.bottomBox > li:nth-child(3) .staticIn {display: inline-block; position: absolute; bottom: 24px; left: 24px; width: calc(100% - 48px); height: 167px;}
	.bottomBox > li:nth-child(3) .staticIn li {display: block;float: left;width: calc((100% - 20px) / 2);height: 100%;margin-right: 20px;background: #fff;border-radius: 3px;overflow: hidden;}
	.bottomBox > li:nth-child(3) .staticIn li a {display: inline-block; width: 100%; height: 100%; position: relative;}
	.bottomBox > li:nth-child(3) .staticIn li a p,
	.bottomBox > li:nth-child(3) .staticIn li a span {display: inline-block;position: absolute;left: 12%;z-index: 1;}
	.bottomBox > li:nth-child(3) .staticIn li a p {font-size: .938rem; font-weight: 500; color: #152B47; top: 48px;; width: 130px;}
	.bottomBox > li:nth-child(3) .staticIn li a span {top: initial;bottom: 40px;transform: none;width: 24px;height: 24px;font-size: .875rem;line-height: 24px;color: #E6FFFB;text-align: center;background: #59ADB7;border-radius: 1px;box-sizing: border-box;}
	.bottomBox > li:nth-child(3) .staticIn li a:before {display: inline-block; content: ""; position: absolute; bottom: 20px; right: 20px; width: 64px; height: 64px; z-index: 1; background-size: cover;}
	.bottomBox > li:nth-child(3) .staticIn li:nth-child(1) a:before {background: url(/eng/resources/images/main/static_01.svg) center no-repeat;}
	.bottomBox > li:nth-child(3) .staticIn li:nth-child(2) a:before {background: url(/eng/resources/images/main/static_02.svg) center no-repeat;}
	.bottomBox > li:nth-child(3) .staticIn li a:after {display: inline-block;content: "";position: absolute;bottom: -20px;right: -40px;width: 100%;height: 100%;background: linear-gradient(180deg, #87E8DE -3.06%, rgba(135, 232, 222, 0) 86.73%);border-top-left-radius: 93px;transition: all .3s;}
	.bottomBox > li:nth-child(3) .staticIn li a:hover:after {border-radius: 0; width: 100%; height: 100%; transform: translate(-21%, -20%);}
    .bottomBox > li:nth-child(3) .staticIn li:last-child {margin-right: 0;}


    .bottomBox {position: initial;display: inline-block;width: 100%;height: 910px;top: 0;left: 0;transform: none;margin-top: 8px;}
    .bottomBox > li {width: 100% !important;height: 298px !important;margin-right: 0;margin-bottom: 8px !important;border-radius: 0;}
    .bottomBox > li:nth-child(2) .korea_net_news {border-radius: 0;}
    .bottomBox > li:nth-child(3) .staticIn li a p {width: 100%; left: 0; padding: 0 12%; box-sizing: border-box;}
    
    #footer {height: 213px;}
    #footer .footer .footer_inner {margin: 0;width: 100%;}
    #footer .footer_bottom .footer_inner .footer_content {height: 100%;padding: calc(55px / 2) 24px;}
    #footer .footer_bottom .footer_inner .footer_logo {max-width: 302px;width: calc(100% - 48px);background-size: contain;left: 24px;transform: none;}
    #footer .footer_bottom .footer_inner .copyright {bottom: 27.5px;left: 24px;transform: none;width: calc(100% - 48px);}
    #footer .footer_bottom .footer_inner .copyright .textBox p {line-height: normal;text-align: left;}
    
    /* ct_eng_boarad */
    .ct_eng .list_tb td:nth-child(4) {display: none;}
    .ct_eng .board_table .file span {background: none;}
    
    /* ct_eng_12 */
    .ct_eng_12 .history_box .hb_01 > li > .hb_02 > li > .text,
    .ct_eng_14 .history_box .hb_01 > li > .hb_02 > li > .text {width: 100%;}
    
    /* ct_eng_14 */
    .ct_eng_14 .innerWrap {padding: 0; margin-top: 0;}
    .ct_eng_14 .innerWrap .inner .address {padding-left: 0;}
    .ct_eng_14 .list_type li {margin-right: 16px; margin-bottom: 16px !important; width: 100% !important;}
    .ct_eng_14 .list_type li:last-child {margin-bottom: 0 !important;}
    .ct_eng_14 .list_ct {margin-top: 54px;}
    .ct_eng_14 .inr .greetImg {display: none;}
    .ct_eng_14 .inr .greet_box {width: 100%; padding: 0}
    .ct_eng_14 .history_box {margin-top: 40px}
    .ct_eng_14 .view .viewBox {height: auto;}
    .ct_eng_14 .viewBox .viewImage {margin-right: 0;width: 100%;/* height: 400px; */}
    .ct_eng_14 .viewBox .viewText {width: 100%; margin-top: 16px;}
    .ct_eng_14 .direct .list_red {padding: 0;}    
    .ct_eng_14 .direct .list_red > li > .li_inner ul {padding: 0 !important;}
    
}

@media screen and (max-width: 768px) {
	
	/* ct_eng_14 */
/* 	.ct_eng_14 .list_type li {width: 100% !important;} */
	
	/* ct_eng_51 */
	.ct_eng_51 .list_box:after {right: 50%; bottom: 50%; transform: translate(50%, 50%);}
	
	/* ct_eng_54 */
	.ct_eng_54 .list_minus:after {display: none;}
}

@media screen and (max-width: 450px) {
	
	/* ct_eng_51 */
	.ct_eng_51 .list_box:after {display: none;}
}

@media screen and (max-width: 449px) {
	
	/* layout */
	.bottomBox {height: 1067px;}
    .bottomBox > li:nth-child(3) {height: 455px !important;}
    .bottomBox > li:nth-child(3) .staticIn {height: 350px;}
    .bottomBox > li:nth-child(3) .staticIn li {width: 100%; height: 167px; margin-right: 0; margin-bottom: 16px;}
}