@charset "utf-8";
/*
우정사업정보센터 영문 리뉴얼(메인)_1906
*/
body {background:#fff;} 
body a {color:#222;}
/*.context_width {width:100%;margin:0 auto;}*/
._diu_blind {overflow:hidden;position:absolute;width:1px;height:1px;font-size:0;left:-10000px;line-height:0;}
._diu_btn {padding:0;border:none;background:none;cursor:pointer;}
._diu_block {display:block;}
._diu_mt10 {margin-top:10px;}


/* container */
#container * {/*box-sizing:border-box;font-family:'Pretendard',sans-serif;font-weight:500;*/}

/* main_visual */
.main_visual {position:relative;width:100%;height:373px;/*overflow:hidden;*/}
.main_visual * {box-sizing:border-box;}
.main_visual .control {font-size:0;position:absolute;right:22px;bottom:19px;width:183px;height:36px;padding:0 10px;text-align:right;border-radius:18px;background-color:rgba(255,255,255,.9);z-index:2;}
.main_visual .control .total {display:inline-block;margin-right:12px;margin-bottom:0;line-height:36px;vertical-align:middle;}
.main_visual .control .total span {display:inline-block;}
.main_visual .control .total .current {font-size:18px;color:#05054c;font-family:'S-Core' !important;font-weight:800 !important;}
.main_visual .control .total .count {margin-left:4px;font-size:16px;color:#65696e;font-family:'S-Core' !important;font-weight:500 !important;}
.main_visual .control .total .count::before {content:'-';margin-right:5px;}
.main_visual .control .btn {width:25px;height:36px;background-color:transparent;background-position:center;background-repeat:no-repeat;}
.main_visual .control .stop {background-image:url(../images/new_2023/icon_visual_stop.png);}
.main_visual .control .play,
.main_visual .control .stop.on {background-image:url(../images/new_2023/icon_visual_play.png);}
.main_visual .control .prev {background-image:url(../images/new_2023/icon_visual_prev.png);}
.main_visual .control .next {background-image:url(../images/new_2023/icon_visual_next.png);}
.main_visual .slide,
.main_visual .slick-list,
.main_visual .slick-track {width:100%;height:100%;}
.main_visual .slick-list {overflow:inherit;}
.main_visual .slick-slider {padding:0 !important;margin-bottom:0;border-radius:30px 0 30px 0;box-shadow:11px 17px 15px 0px rgba(38, 41, 45, 0.24);}
.main_visual .slide .slick-slide > div,
.main_visual .slide .item {position:relative;width:100%;height:100%;}
.main_visual .slide .item::before {content:'';clear:both;position:absolute;left:0;top:0;width:100%;height:100%;border-radius:30px 0 30px 0;z-index:1;}
.main_visual .slide .item::after {content:'';clear:both;position:absolute;right:0;bottom:0;width:100%;height:100%;z-index:2;background-position:right bottom;background-repeat:no-repeat;background-size:auto 100%;}
.main_visual .slide .item .txt {position:relative;z-index:3;display:flex;flex-wrap:wrap;padding-left:78px;height:100%;align-content:center;}
.main_visual .slide .item .txt span br {display:none;} 
.main_visual .slide .item .txt span {display:inline-block;width:100%;font-family:'SEBANGGothic' !important;font-weight:400 !important;}
.main_visual .slide .item .txt .small {margin:17px 0 0 3px;/*color:#fa7577;*/color:#E66163;font-size:26px;}
.main_visual .slide .item .txt .big {margin-top:-24px;color:#002e42;font-size:31px;font-weight:700 !important;}
.main_visual .slide .item.visual01::before {background-color:#fffce0;}
.main_visual .slide .item.visual01::after {background-image:url(../images/new_2023/img_visual01.png);}
.main_visual .slide .item.visual02::before {background-color:#e9fff4;}
.main_visual .slide .item.visual02::after {height:calc(100% + 11px);background-image:url(../images/new_2023/img_visual02.png);}
.main_visual .slide .item.visual03::before {background-color:#edf8ff;}
.main_visual .slide .item.visual03::after {height:calc(100% + 4px);background-image:url(../images/new_2023/img_visual03.png);}
.main_visual .slide .item.visual04::before {background-color:#ffeff5;}
.main_visual .slide .item.visual04::after {height:calc(100% + 13px);background-image:url(../images/new_2023/img_visual04.png);}

/* main_content */
#main_content {width:100%;margin-top:62px;}
#main_content * {box-sizing:border-box;}

/* quick_menu */
#main_content .quick_menu {position:relative;width:100%;height:130px;}
#main_content .quick_menu::before {content:'';position:absolute;left:-100%;top:0;width:100%;height:100%;background:#f0f3f6;}
#main_content .quick_menu h2 {position:absolute;left:17px;top:51px;font-size:18px;color:#2d3032;font-family:'S-Core';font-weight:800;z-index:2;line-height:1.25;}
#main_content .quick_menu .list {position:relative;width:100%;height:100%;padding:45px 0 33px 142px;}
#main_content .quick_menu .list::before {content:'';position:absolute;left:0;top:0;width:calc(100% - 245px);height:100%;background-color:#f0f3f6;border-radius:0 0 50px 0;z-index:-1;}
#main_content .quick_menu .list li {float:left;/*width:25%;*/padding:0 20px;}
#main_content .quick_menu .list a {position:relative;height:52px;display:flex;align-items:center;padding-left:62px;}
#main_content .quick_menu .list a i {width:52px;height:52px;}
#main_content .quick_menu .list a::before, 
#main_content .quick_menu .list a::after {content:'';position:absolute;left:0;top:0;width:52px;height:52px;transition:all 0.4s;}
#main_content .quick_menu .list a::before {border-radius:50%;background-color:transparent;}
#main_content .quick_menu .list a::after {background-repeat:no-repeat;background-position:left top;}
#main_content .quick_menu .list li:not(.quick04) a::after {border-radius:50%;overflow:hidden;}
#main_content .quick_menu .list a span {position:relative;color:#000;font-family:'S-Core';font-weight:500;line-height:1.5;font-size: 20px;}
#main_content .quick_menu .list .quick01 {width:270px;}
#main_content .quick_menu .list .quick01 a::after {background-image:url(../images/new_2023/icon_quickMenu01.png);}
#main_content .quick_menu .list .quick02 {width:288px;}
#main_content .quick_menu .list .quick02 a::after {background-image:url(../images/new_2023/icon_quickMenu02.png);}
#main_content .quick_menu .list .quick03 {width:255px;}
#main_content .quick_menu .list .quick03 a::after {background-image:url(../images/new_2023/icon_quickMenu03.png);}
#main_content .quick_menu .list .quick04 {width:245px;}
#main_content .quick_menu .list .quick04 {padding-right:25px;}
#main_content .quick_menu .list .quick04 a {padding-left:77px;}
#main_content .quick_menu .list .quick04 a::after {width:55px;background-image:url(../images/new_2023/icon_quickMenu04.png);background-position:left -3px;}
#main_content .quick_menu .list li:not(.quick04) a:hover::before {background-color:#ff6600;}
#main_content .quick_menu .list li:not(.quick04) a:hover::after {background-position:left -52px;}
#main_content .quick_menu .list a:hover span {font-weight:600;}
#main_content .quick_menu .list li:not(.quick04) a:hover span {color:#ff6600;}
 
/* main_link */
#main_content .main_link {clear:both;margin-top:68px;} 
#main_content .main_link > div {position:relative;float:left;width:calc(50% - 10px);height:360px;border-radius:20px;}
#main_content .main_link > div h2 {color:#2f3a4c;font-size:20px;font-family:'S-Core';font-weight:800;}
#main_content .main_link > div .more {position:relative;display:inline-block;color:#828282;margin-top:12px;font-family:'S-Core';font-weight:500;padding-right:23px;}
#main_content .main_link > div .more i {position:absolute;right:0;top:1px;width:13px;height:13px;transition:all 0.3s;}
#main_content .main_link > div .more i::before,
#main_content .main_link > div .more i::after {content:'';position:absolute;left:0;top:0;width:100%;height:100%;background-color:#838588;}
#main_content .main_link > div .more i::before {top:5px;height:3px;}
#main_content .main_link > div .more i::after {left:5px;width:3px;}
#main_content .main_link > div a:hover .more i {transform:rotate(180deg);}
#main_content .main_link .main_gallery a {padding:22px 0 0 30px;display:block;width:100%;height:100%;background:url(../images/new_2023/bg_mainGallery.jpg) right bottom no-repeat;background-size:100%;border-radius:20px;transition:all 0.5s;}
#main_content .main_link .main_gallery a:hover {background-size:104%;}
#main_content .main_link .main_location {float:right;background:url(../images/new_2023/bg_mainLocation.jpg) center no-repeat;background-size:cover;box-shadow:8px 10px 21px 0px rgba(30, 30, 30, 0.21);}
#main_content .main_link .main_location a {display:inline-block;position:absolute;left:30px;top:22px;z-index:10;}
#main_content .main_link .main_location #map {position:relative;width:100%;height:100%;z-index:1;border-radius:20px;overflow:hidden;}



@media all and (max-width:1280px) {	
	#main_content .main_link .main_gallery a {background-size:cover;}
	#main_content .quick_menu .list {padding-left:120px;}
	#main_content .quick_menu .list li {width:25% !important;}
}

@media all and (max-width:1180px) {	
	.main_visual {height:300px;}
	.main_visual .slide .item .txt {padding-left:42px;}
	.main_visual .slide .item .txt .small {font-size:23px;}
	.main_visual .slide .item .txt .big {font-size:27px;margin-top:-11px;}	
	.main_visual .slide .item.visual02::after,
	.main_visual .slide .item.visual03::after,
	.main_visual .slide .item.visual04::after {height:calc(100% + 3px);}

	#main_content,
	#main_content .main_link {margin-top:54px;}	
	#main_content .quick_menu h2 {display:none;}
	#main_content .quick_menu .list {padding-left:0;}
	#main_content .quick_menu .list::before {width:75%;}
	#main_content .quick_menu .list li {padding:0 20px;}
	#main_content .quick_menu .list .quick01 {padding-left:0;}
	#main_content .quick_menu .list .quick04 {padding-left:30px;padding-right:20px;}
	#main_content .quick_menu .list .quick04 a {padding-left:67px;}
	#main_content .main_link > div {float:none;width:100%;height:290px;}
	#main_content .main_link > div + div {margin-top:30px;}
	#main_content .main_link .main_gallery a {background-size:cover;background-image:url(../images/new_2023/bg_mainGallery_t.jpg);}
}

@media all and (max-width:1024px) {	
	.main_visual .slide .item .txt span br {display:block;}
	.main_visual .slide .item .txt .big {line-height:1.2;}
}

@media all and (max-width:768px) {
	.main_visual {height:255px;}
	.main_visual .slick-slider,
	.main_visual .slide .item::before {border-radius:20px 0 20px 0;}
	.main_visual .slide .item .txt {padding-left:22px;}
	.main_visual .slide .item .txt .small {font-size:16px;margin-top:10px;}
	.main_visual .slide .item .txt .big {font-size:20px;}
	.main_visual .control {right:20px;bottom:16px;width:auto;height:30px;border-radius:15px;padding:0 15px 0 20px;}
	.main_visual .control .total {margin-right:6px;line-height:30px;}
	.main_visual .control .total .current {font-size:16px;}
	.main_visual .control .total .count {font-size:13px;}
	.main_visual .control .btn {width:24px;height:30px;/*background-position:center 7px;*/}

	#main_content, 
	#main_content .main_link {margin-top:34px;}
	#main_content .quick_menu {height:auto;}
	#main_content .quick_menu::before {left:-20px;width:calc(100% + 40px);}
	#main_content .quick_menu .list {padding:12px 0 8px;}
	#main_content .quick_menu .list::after {content:'';clear:both;display:block;}
	#main_content .quick_menu .list li {width:50% !important;padding:32px 44px !important; }
	#main_content .quick_menu .list .quick04 a {padding-left:62px;}
	#main_content .quick_menu .list .quick04 a::after {width:45px;height:45px;top:4px;left:4px;background-size:100% auto;}
	#main_content .main_link > div {height:265px;}
	#main_content .main_link > div h2 {font-size:18px;}
	#main_content .main_link > div .more {font-size:14px;padding-right:20px;}
	#main_content .main_link .main_gallery a {background-size:auto 100%;}
}

@media all and (max-width:600px) {
	.main_visual {height:200px;}
	.main_visual .slide .item.visual02::after, 
	.main_visual .slide .item.visual03::after, 
	.main_visual .slide .item.visual04::after {height:calc(100% - 10px);}
	.main_visual .slide .item.visual01::after,
	.main_visual .slide .item.visual03::after {background-position:right -20px bottom;} 

	#main_content .quick_menu .list {padding:25px 0;}
	#main_content .quick_menu .list li {padding:5px 20px !important;}
	#main_content .quick_menu .list a span {line-height:1.3;font-size:15px;}
	#main_content .main_link .main_gallery a {padding-left:25px;background-size:cover;background-image: url(../images/new_2023/bg_mainGallery.jpg);}
	#main_content .main_link .main_location a {left:25px;}
}

@media all and (max-width:500px) {
	.main_visual .slide .item::after {height:90% !important;}
}

@media all and (max-width:450px) {
	.main_visual .control {right:12px;bottom:12px;}
	.main_visual .slide .item::after {height:76% !important;}
	.main_visual .slide .item.visual01::after,
	.main_visual .slide .item.visual03::after {background-position:right -10px bottom;} 
	.main_visual .slide .item .txt {padding-left:20px;align-content:flex-start;}
	.main_visual .slide .item .txt .big {font-size:18px;margin-top:20px;}
	.main_visual .slide .item .txt .small {margin-left:0;font-size:15px;}

	#main_content .quick_menu .list li {padding:5px 0 !important;}
}
@media all and (max-width:359px) {
	#main_content .quick_menu .list li {width:100% !important;padding:0 !important;}

}