@charset "utf-8";
@font-face { font-family: 'GmarketSansBold'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff'); font-weight: normal; font-style: normal; }
.top_bg{ width:100%; height:190px; background:url("/resource/assets/information/images/holeInOne_bg.jpg")no-repeat center center; background-size:cover; margin-top:60px; }
.content_sub{ width:100%; }
.event_top{ width:100%; background:#f4f7f9; }
.event_middle{ width:100%; background:#fff; }
.event_bottom{ width:100%; background:#f9f9f9; }
.event_content{ width:95%; margin:0 auto; padding:2.5rem 0; }
.event_content h3{ font-family: 'GmarketSansBold', sans-serif; font-size:1.8rem; text-align: center; line-height:1; }
.event_top h3{ color:#1f73e5; }
.event_middle h3{ color:#29b264; }
.event_bottom h3{ color:#f58f4b; }
.event_content .list{ overflow: hidden; margin-top:2rem; }
.event_content .list a{ float: left; width:calc(50% - 5px); margin-right:10px; box-sizing: border-box; text-align: center; font-family:'NanumSquare', sans-serif !important; margin-bottom:30px; }
.event_content .list a *{ font-family: 'NanumSquare', sans-serif !important; font-weight:bold; }
.event_content .list a:nth-child(even){ margin-right:0; }
.event_content .list a:nth-child(5),.event_content .list a:nth-child(6){ margin-bottom:0; }
.event_content .list a img{ width:85%; max-width:100%; border-radius:50%; }
.event_content .list a .hole{ display:block; padding:5px 15px; color:#fff; border-radius:15px; font-size:1rem; font-weight:500; width:50px; margin:0.8rem auto 0; }
.event_top .hole{ background:#1f73e5; }
.event_middle .hole{ background:#29b264; }
.event_bottom .hole{ background:#f58f4b; }
.event_content .list a h4{ font-size:1rem; color:#3d3d3d; font-weight:bold; margin-top:10px; }
.event_content .list a p{ font-size:0.9rem; color:#868686; font-weight:400; margin-top:10px; line-height:1.4; }

.popup_wrap{ display:none; position:fixed; width:100%; height:100%; left:0; top:0; z-index: 1; }
.popup_wrap .popupBg{ display: none; position:fixed; width:100%; height:100%; left:0; top:0; background:rgba(0, 0, 0, .7); }
.popup_wrap .popup_content{ position:fixed; left:50%; top:50%; margin-left:-47.5%; transform: translateY(-50%); -webkit-transform: translateY(-50%); width:95%; height:auto; padding:30px 15px 15px; text-align: center; background:#fff; box-sizing: border-box; }
.popup_wrap .popup_content h3{ font-family: 'GmarketSansBold', sans-serif; font-size:1.8rem; line-height:1; }
.popup_wrap .popup_content .tit_wrap{ margin:15px 0 10px; }
.popup_wrap .popup_content .tit_wrap .hole{ padding:5px 15px; color:#fff; margin-left:5px; display: inline-block; background:#1f73e5; font-size:1rem; border-radius:20px; margin-bottom:7px; }
.popup_wrap .popup_content .tit_wrap > div{ width:100%; margin-top:10px; }
.popup_wrap .popup_content .tit_wrap h4{ font-size:1rem; font-weight:500; color:#3d3d3d; margin-left:10px; display:inline-block; }
.popup_wrap .popup_content .tit_wrap p{ font-size:0.9rem; font-weight:400; color:#868686; display:block; margin-bottom:8px; }
.popup_wrap .popup_content .img_wrap{ height:auto; background:#f4f7f9; position:relative; }
.popup_wrap .popup_content a img{ width:100%; max-width:100%; }
.popup_wrap .popup_content .img_wrap .more_btn{ position:absolute; right:0; bottom:0; background:#494a4a; color:#fff; font-weight:300; padding:5px 15px; border:none; font-size:0.8rem; }
.popup_wrap .popup_content .close_btn{ position:absolute; right:15px; top:15px; width:25px; height:25px; background:url("/resource/assets/information/images/close.jpg")no-repeat; background-size:contain; text-indent:-99999px; }

@media only screen and (min-width:460px){
	.popup_wrap .popup_content{ width:80%; margin-left:-40%; }
	.event_content .list{text-align:center;}
	.event_content .list a{ width:auto;margin-right:0;float:none;display:inline-block;vertical-align:top; }
	.event_content .list a img{ max-width:155px; }

	.popup_wrap .popup_content .img_wrap{ height:auto; }
	.popup_wrap .popup_content .img_wrap.herbal{ height:50vh; background:url("/resource/assets/information/images/banner/banner_herbal.jpg")no-repeat; background-size: cover; background-position:center top; }
	.popup_wrap .popup_content .img_wrap.kdx{ height:50vh; background:url("/resource/assets/information/images/banner/banner_kdx.jpg")no-repeat; background-size:cover; background-position:center 10%; }

}