@font-face {
  font-family: 'NanumGothic';
  font-style: normal;
  font-weight: 400;
  src: url(../font/NanumGothic-Regular.eot);
  src: url(../font/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'), url(/share/font/NanumGothic-Regular.ttf) format('truetype');
}

@font-face {
  font-family: 'NanumGothicB';
  font-style: normal;
  font-weight: 700;
  src: url(../font/NanumGothic-Bold.eot);
  src: url(../font/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),url(/share/font/NanumGothic-Bold.ttf) format('truetype');
}

/* wrap */
.skip-nav{position:absolute;left:0;top:-30px;z-index:9999;}
.skip-nav li{position:absolute;left:0;top:0;width:200px;}
.skip-nav a{position:absolute;left:0;top:0;display:block;width:100%;height:30px;line-height:30px;color:#fff;background:#002960;}
.skip-nav a:focus{top:30px;}
.mobile .skip-nav{display:none;}

/** {font-size:15px;}*/
.top {display:block;position:fixed;top:50%;left:50%;width:62px;height:62px;margin-left:469px;background:url("../img/event/icon_top.png") center center no-repeat;background-size:auto 100%;z-index:99;}

.container {width:1000px;margin:0 auto;background:url("../img/event/line_dotted.png") 0 440px repeat-x;}



.container .contants {padding:20px;margin:0 auto;background:url("../img/event/bg_contents.jpg") 0 0 repeat;}
.container .contants table th {background-color:#8a6b5e !important;}
.container .contants table td {word-break:break-all;}


.contants #con1,
.contants #con2,
.contants #con3 {padding:10px 0;}

.contants .section {width:100%;margin-bottom:10px;overflow:hidden;}
.contants .section h3 {padding-left:37px;margin-bottom:15px;color:#333333;font-size:22px;font-family:'NanumGothicB';background:url('../img/event/icon_h3.png') no-repeat left center;background-size:auto 25px;}
.contants .section h4 {padding-left:20px;margin-bottom:10px;color:#000;font-size:20px;font-family:'NanumGothicB';background:url('../img/event/icon_h4.png') no-repeat left 5px;}
.contants .section .inner {margin:0 0 20px 0;padding-left:37px;}

.contants span.color_red {color:red;font-weight:700;}
.contants ul li span.head {font-weight:700;}
.contants ul.con-icon4{margin:10px 0;}
.contants ul.con-icon4 > li{padding-left:10px;margin-bottom:10px;background:url(../img/event/bl_02.gif) 0 6px no-repeat;}
.contants ul.con-icon2{margin:10px 0 0 20px;}
.contants ul.con-icon2 > li{padding-left:10px;margin-bottom:10px;background:url(../img/event/bl_02.gif) 0 6px no-repeat;}
.contants ul.con-icon3{margin:10px 0;}
.contants ul.con-icon3 > li{padding-left:10px;margin:0 0 6px 0;background:url(../img/event/bl_04.gif) 0 6px no-repeat;}

.contants a.btn_hospitalList_view {padding:3px 20px 6px 30px;margin-left:10px;font-size:14px;color:#fff;background:#a03b26 url("../img/event/icon_detail_view.png") 10px center no-repeat;}
.contants a.btn_pharmacyList_view {padding:3px 20px 6px 30px;margin-left:10px;font-size:14px;color:#fff;background:#a03b26 url("../img/event/icon_detail_view.png") 10px center no-repeat;}

.contants #hospitalList {display:none;}
.contants #pharmacyList {display:none;}

/* 병원, 약국 테이블 */
.responsive_table ul {text-align:left;/*border:1px solid red;*/}
.responsive_table ul li {display:block;float:left;margin:2px 5px 2px 1px;/*border:1px solid green;*/}
.responsive_table ul li > span {display:block;float:left;padding:2px 4px;/*border:1px solid blue;*/}
.responsive_table ul li span.point {background-color:#ddd;}


/* tablet **************************************************/
#thanksgiving.tablet .top {top:90%;left:86%;width:50px;height:50px;margin-left:0px;background-size:auto 50px;}

#thanksgiving.tablet .container {width:100%;background-position:0 360px;}
#thanksgiving.tablet .container .visual {height:150px;}
#thanksgiving.tablet .container .visual_img1 {left:10px;width:170px;height:38px;background:url("../img/event/visual_img1_m.png") 0 0 no-repeat;}
#thanksgiving.tablet .container .visual_img2 {right:-50px;height:150px;background-size:auto 150px;}

#thanksgiving.tablet .container .main_menu {width:280px;height:83px;margin:130px auto 30px;}
#thanksgiving.tablet .container .main_menu li {width:74px;height:74px;margin:8px;}
#thanksgiving.tablet .container .main_menu li a,
#thanksgiving.tablet .container .main_menu li a:hover {width:74px;height:74px;background-size:100%;}

#thanksgiving.tablet .contants {padding:2%;}
#thanksgiving.tablet .contants table {width:100%;}
#thanksgiving.tablet .contants div.w1000 {overflow-x:scroll;}
#thanksgiving.tablet .contants table.w1000 {width:1000px;}



/* mobile **************************************************/
#thanksgiving.mobile * {font-size:14px;}
#thanksgiving.mobile {min-width:320px;}
#thanksgiving.mobile .top {top:90%;left:80%;width:40px;height:40px;margin-left:0px;background-size:auto 40px;}

#thanksgiving.mobile .container {width:100%;}



#thanksgiving.mobile .contants {padding:2%;}

#thanksgiving.mobile .contants .section h3 {padding-left:28px;margin-bottom:10px;letter-spacing:-1.5px;font-size:18px;background-position:left 2px;background-size:auto 20px;}
#thanksgiving.mobile .contants .section h4 {padding-left:18px;margin-bottom:10px;letter-spacing:-1px;font-size:16px;background-position:left 2px;}
#thanksgiving.mobile .contants .section .inner {margin:0 0 20px 0;padding-left:10px;}
#thanksgiving.mobile .contants li > span {display:block;margin:0 0 2px 0;}

#thanksgiving.mobile .contants ul.con-icon2{margin:10px 0 0 10px;}

#thanksgiving.mobile .contants table {display:table;width:100%;}
#thanksgiving.mobile .contants div.w1000 {overflow-x:scroll}

#thanksgiving.mobile .contants table.w1000 {width:1000px;}


#thanksgiving.mobile .contants table th,
#thanksgiving.mobile .contants table td {letter-spacing:-1px;}




#fullPopup{position:relative;background:url(../img/event/bg_pc.jpg) no-repeat center 0;}
#fullPopup .fullPopupInner{position:relative;width:100%;height:370px;padding-top:180px;margin:0 auto;text-align:center;box-sizing:border-box;}
#fullPopup .fullPopupInner a.btn{display:inline-block;width:140px;height:150px;margin:0 10px;text-indent:-9999px;}
#fullPopup .fullPopupInner a.btn1{background:url(/images/seocho_2018/fullbanner/20180917/img_btn1_off.png) no-repeat center 0;}
#fullPopup .fullPopupInner a.btn1:hover{background:url(/images/seocho_2018/fullbanner/20180917/img_btn1_on.png) no-repeat center 0;}
#fullPopup .fullPopupInner a.btn2{background:url(/images/seocho_2018/fullbanner/20180917/img_btn2_off.png) no-repeat center 0;}
#fullPopup .fullPopupInner a.btn2:hover{background:url(/images/seocho_2018/fullbanner/20180917/img_btn2_on.png) no-repeat center 0;}
#fullPopup .fullPopupInner a.btn3{background:url(/images/seocho_2018/fullbanner/20180917/img_btn3_off.png) no-repeat center 0;}
#fullPopup .fullPopupInner a.btn3:hover{background:url(/images/seocho_2018/fullbanner/20180917/img_btn3_on.png) no-repeat center 0;}
#fullPopup .fullPopupInner a.btn4{background:url(/images/seocho_2018/fullbanner/20180917/img_btn4_off.png) no-repeat center 0;}
#fullPopup .fullPopupInner a.btn4:hover{background:url(/images/seocho_2018/fullbanner/20180917/img_btn4_on.png) no-repeat center 0;}
#fullPopup .fullPopupInner a.btn5{background:url(/images/seocho_2018/fullbanner/20180917/img_btn5_off.png) no-repeat center 0;}
#fullPopup .fullPopupInner a.btn5:hover{background:url(/images/seocho_2018/fullbanner/20180917/img_btn5_on.png) no-repeat center 0;}
#fullPopup .fullPopupClose{display:block;position:absolute;bottom:0;right:0;padding-right:45px;width:205px;height:38px;line-height:38px;text-align:center;background:#161514;color:#fff;}
#fullPopup .fullPopupClose .btn_fullBannerClose{display:block;position:absolute;top:0;right:0;width:45px;height:38px;text-indent:-9999em;background:url(http://www.seocho.go.kr/images/seocho/fullbanner/2017081801/btn_fullBannerClose.png) no-repeat 10px center;}

@media all and (max-width:1024px) {
 /*#fullPopup{margin:25px 0 -25px 0;}*/
}

@media all and (max-width:960px) {
#fullPopup{background:url(../img/event/bg_tablet.jpg) no-repeat center 0;background-size:cover;}
#fullPopup .fullPopupInner{width:100%;height:643px;padding-top:400px;}
#fullPopup .fullPopupInner a.btn{margin:0 5px;background-size:cover;}
#fullPopup .fullPopupInner a.btn:hover{margin:0 5px;background-size:cover;}
#fullPopup .fullPopupClose{bottom:0;}
}

@media all and (max-width:639px) {
#fullPopup .fullPopupInner{width:100%;height:400px;padding-top:240px;background-size:cover;}
#fullPopup .fullPopupInner a.btn{width:20%;height:120px;margin:0;background-size:auto 120px;box-sizing:border-box;}
#fullPopup .fullPopupInner a.btn:hover{width:20%;height:120px;margin:0;background-size:auto 120px;box-sizing:border-box;}
#fullPopup .fullPopupClose{bottom:0;}
}

@media all and (max-width:475px) {
#fullPopup{background:url(../img/event/bg_mobile.jpg) no-repeat center 0;background-size:cover;}
#fullPopup .fullPopupInner{width:100%;height:380px;padding:41% 10% 0;}
#fullPopup .fullPopupInner a.btn{width:35%;height:100px;margin:0;background-size:auto 100px;}
#fullPopup .fullPopupInner a.btn:hover{width:35%;height:100px;margin:0;background-size:auto 100px;}
#fullPopup .fullPopupClose{padding-right:0;width:100%;display:block;position:relative;bottom:0px;}
}