﻿/* 240x70 */
.bn_240x70 {float:right; margin-top:7px;}
.bn_240x70 .bn_240x70_1 {float:left; width:240px; height:70px; margin-right:5px;}
.bn_240x70 .bn_240x70_2 {float:left; width:240px; height:70px;}


/* 610x65 */
.bn_610x65_1 {clear:both; position:relative; text-align:center; margin: 15px 0;}
.bn_610x65_1.m_c1 {margin-top: 0;}

/* 728x90 */
.bn_728x90_1 {clear:both; position:relative; width:970px; *height:90px; margin:0px auto; padding: 15px 0; border-bottom:1px solid #eee; *background:#f5f5f5; text-align:center; height: auto; *padding-top: 5px;}
.bn_728x90_1 a:first-child img {margin: 5px 10px 0 0;} /* M_L1 시애틀 배너 간격 조정용 220218 */
.bn_728x90_1 .bn_728x90_1_close {position:absolute; top:5px; left:50%; width:43px; height:19px; margin-left:500px; background:url(../images/btn_close.png) no-repeat 0 0; overflow:hidden; cursor:pointer; text-indent:-500px;}
.bn_728x90_1 .bn_728x90_1_close.a102 {position:absolute; top:5px; left:61%; width:43px; height:19px; margin-left:370px; background:url(../images/btn_close.png) no-repeat 0 0; overflow:hidden; cursor:pointer; text-indent:-500px;}
.bn_728x90_1 > div {margin:auto;}  /* 스크립트배너 추가시 생성되는 내부 div 정렬용 */
.bn_728x90_2 {clear:both; width:100%; height:auto; margin:30px auto 0 auto; text-align:center; background:#f5f5f5;}
.bn_728x90_2 div {margin:auto;}
.bn_728x90_3 {clear:both; width:100%; height:auto; margin:auto; text-align:center; background:#f5f5f5; margin-top: 30px;display: inline-block;}
.bn_728x90_3 div {margin:auto;}
.con_exp .bn_728x90_3 {float:left; width:940px;}


/* 300x250 */
.bn_300x250_1 {clear:both; width:300px; margin:15px auto; /* background:#f5f5f5 */; text-align:center;}
.bn_300x250_1 div {margin:auto;}
.bn_300x250_1.H_magazine { background: none; border: 1px solid #e2e2e2; }
.main .bn_300x250_1 {margin: 15px 0 0;}
.bn_300x250_2 {position:relative; width:300px; min-height:250px; max-height:600px; margin-top:10px; background:#f5f5f5; text-align:center;}
.bn_300x250_2 div {margin:auto;}
.main .bn_300x250_2 {margin-top:25px;}
.bn_300x250_2 .paging_btn {position:absolute; top:-20px; right:0;}
.bn_300x250_2 .paging_btn li {float:left;}
.bn_300x250_2 .paging_btn li a {display:block; float:left; width:10px; height:10px; margin-left:3px; border:1px solid #ccc; border-radius:10px; overflow:hidden; text-indent:-30px;}
.bn_300x250_2 .paging_btn li .hover_btns {border:1px solid #333; background:#333;}

.bn_300x250_3 {position:relative; height:250px; background:#f5f5f5;}
.bn_300x250_3 div {margin:auto;}
.bn_300x250_3 .paging_btn {position:absolute; top:-20px; right:0;}
.bn_300x250_3 .paging_btn li {float:left;}
.bn_300x250_3 .paging_btn li a {display:block; float:left; width:10px; height:10px; margin-left:3px; border:1px solid #ccc; border-radius:10px; overflow:hidden; text-indent:-30px;}
.bn_300x250_3 .paging_btn li .hover_btns {border:1px solid #333; background:#333;}

.bn_town_ads {clear:both; width:300px; margin:10px auto; background:#f5f5f5; text-align:center; background:#fff;}
.bn_town_ads img {margin:10px auto;}
.bn_town_ads div {margin:auto;}

.eddgov {min-width: 300px; min-height: 250px; text-align: center; box-sizing: border-box;}
/* 468x60 */
.bn_468x60_1 {clear:both; width:100%; height:auto; margin:60px auto 0 auto; text-align:center; background:#f5f5f5;}
.main .bn_468x60_1 {margin-top:20px;}
.bn_468x60_2 {clear:both; width:100%; height:60px; margin:30px auto 0 auto; text-align:center; background:#f5f5f5;}


/* 160x600 */
.bn_160x600_1 {position: absolute; *top:225px; top:10px; *right:50%; *margin-right:480px; left: -177px; z-index:107; background:#f5f5f5; overflow:hidden}
.bn_160x600_1 a {display:block;}
.bn_160x600_2 {position: absolute; *top:225px; top:10px; left:50%; margin-left:486px; z-index:107; background:#f5f5f5; overflow:hidden}
.bn_160x600_2 a {display:block;}
.bn_160x600_2b {padding-top: 10px; background: #fff}
.bn_90x95_1 {position: absolute; top:790px;  left:-100px; z-index:100;  overflow:hidden}
.bn_160x600_3 {position: absolute; top:2978px; *right:50%; *margin-right:480px; left: -177px; z-index:107; background:#f5f5f5; overflow:hidden}
.bn_160x600_4 {position: absolute; top:2978px; left:50%; margin-left:486px; z-index:107; background:#f5f5f5; overflow:hidden}
.bn_160x600_5 {position: absolute; top:2538px; *right:50%; *margin-right:480px; left: -177px; z-index:107; background:#f5f5f5; overflow:hidden}
.bn_160x600_6 {position: absolute; top:2538px; left:50%; margin-left:486px; z-index:107; background:#f5f5f5; overflow:hidden}

/* 300x70 */
.bn_300x70_1 {margin-top: 15px;}

/* 산티아고 순례길 배너 230912 */
.wide .bn_160x300_0 { 
  position: absolute;
  top: 630px;
  width: 160px;
  left: -177px; 
}

.wide .bn_160x300_1 { 
  position: absolute;
  top: 908px;
  width: 160px;
  left: -177px; 
}

/* 서울경제 숏폼 배너 */
.wide .bn_160x300_2 { 
  position: absolute;
  top: 1186px;
  width: 160px;
  left: -177px; 
}
.wide .bn_160x300_3 { 
  position: absolute;
  top: 1459px;
  width: 160px;
  left: -177px; 
}
.wide .bn_160x300_4 { 
  position: absolute;
  top: 1733px;
  width: 160px;
  left: -177px; 
}

.wide .bn_160x300_5 { 
  position: absolute;
  top: 2008px;
  width: 160px;
  left: -177px; 
}

.wide .bn_160x300_6 { 
  position: absolute;
  top: 2283px;
  width: 160px;
  left: -177px; 
}

.wide .bn_160x300_7 { 
  position: absolute;
  top: 2558px;
  width: 160px;
  left: -177px; 
}

.wide .bn_160x300_8 { 
  position: absolute;
  top: 2833px;
  width: 160px;
  left: -177px; 
}

.wide .bn_160x300_9 { 
  position: absolute;
  top: 3108px;
  width: 160px;
  left: -177px; 
}

.wide .bn_160x300_10 { 
  position: absolute;
  top: 3383px;
  width: 160px;
  left: -177px; 
}

.wide .bn_160x300_11 { 
  position: absolute;
  top: 3658px;
  width: 160px;
  left: -177px; 
}

.wide .bn_160x300_12 { 
  position: absolute;
  top: 3933px;
  width: 160px;
  left: -177px; 
}

.wide .bn_160x300_13 { 
  position: absolute;
  top: 4208px;
  width: 160px;
  left: -177px; 
}

.wide .bn_160x300_14 { 
  position: absolute;
  top: 4483px;
  width: 160px;
  left: -177px; 
}

.wide .bn_160x300_15 { 
  position: absolute;
  top: 4758px;
  width: 160px;
  left: -177px; 
}

.wide .bn_160x300_0 img, 
.wide .bn_160x300_1 img, 
.wide .bn_160x300_2 img, 
.wide .bn_160x300_3 img,
.wide .bn_160x300_4 img,
.wide .bn_160x300_5 img,
.wide .bn_160x300_6 img,
.wide .bn_160x300_7 img,
.wide .bn_160x300_8 img,
.wide .bn_160x300_9 img,
.wide .bn_160x300_10 img,
.wide .bn_160x300_11 img,
.wide .bn_160x300_12 img, 
.wide .bn_160x300_13 img,
.wide .bn_160x300_14 img, 
.wide .bn_160x300_15 img {
  width: 100%;
  height: auto;
}

/* 기사 페이지 첫번째 배너 */
.web-inside-ad {float:right; margin: 50px 0px 20px 30px; width: 300px; height: 250px;}
.web-inside-ad .web-inside-ad-img { width: 300px; height: 250px; margin: 0 !important; }

/*90x95 newsstand*/
.bn_90x95_1 {position: absolute; top:790px;  left:-100px; z-index:100;  overflow:hidden}
#floatNaver {position: absolute; top:-225px;  left:-120px; z-index:100;  overflow:hidden}


/* etc */
.bn_etc1 {clear:both; width:100%; margin-top:20px; background:#ececec; text-align:center;}
.bn_etc1 div {margin:auto;}
.bn_etc2 {width:300px; *height:150px; margin-top:20px; background:#ececec;}
.bn_etc2 div {margin:auto;}
.bn_etc3 {width:300px; margin-top:20px; background:#ececec;}
.bn_etc3 div {margin:auto;}
.h_magazines { margin-top: 9px; }
.tac { text-align: center;}

/* H매거진 사이드 배너 */
.side_magazine_banner { max-width: 200px; }
.side_magazine_banner img { width: 100%; }

/* 골프 영상 : golfV */
.golfV {clear:both; position:relative; margin-top:25px;}
.golfV h3 {margin-bottom:15px; padding-bottom:10px; border-bottom:1px solid #eaeaea;}


/* Expandable : KIA */
.banner_flash_area {position:relative;}
#div_off {display:none; position:relative; width:728px; margin:0 auto;overflow: hidden;}
#div_on {margin:0 auto;width: 940px; position: relative;}
.banner_flash_btn {position: absolute; top: 65px; right: 0; width: 85px; height: 28px; z-index: 99998; cursor: pointer;}
.banner_flash_close {position:absolute; top:5px; right: 57px; z-index:99999;}


/* popup : recruit */
.random_bn_close {cursor: pointer; position: absolute; right: 0;}
 #random_bn {position: absolute; z-index: 99999; top: 707px; margin-left: -697px; text-align: right; left: 50%;}


/* 메인 Layer popup */

#layer_pop_article {top: 600px;}
.layer_popup {position: absolute; width: 300px; left: 50%; *margin-left: -250px; margin-left: -253px; top: 575px; z-index: 100;}

/* 추가 Layer popup */
#layer_popup2 {position: absolute; width: 300px; left: 50%; margin-left: -253px; top: 1080px; z-index: 100;}
.layer_popup2 { height: 250px; }
.layer_popup2 .slick-prev, .layer_popup2 .slick-next { display: none !important; }
.pop2 { display: flex; align-items: center; justify-content: space-between; width: 100%; height: 30px; background: #ddd; }
.pop2 a { display: block; margin-right: 5px; }
.pop2 > div { margin-left: 3px; }

/*
#ad_video_frame {width: 970px;margin: 0 auto; }
.ad_video_box { width:940px; text-align:center; position:relative; }
.ad_video_box img { width:auto; }
.ad_video_box .ad_video_banner_link { display:block;}
.ad_video_box #ad_video { width:940px; }
.ad_video_box #ad_video img { width:100%; }
.ad_video_box .ad_video_btn_open {top: 6px; right:10px; display: none; z-index: 100; position:absolute; cursor: pointer;}
.ad_video_box .ad_video_btn_close { position:absolute; top:5px; right:35px; display:none;  z-index: 100; cursor: pointer;}
.ad_video_box .ad_video_btn_close img{width:43px!important; height:auto;}
.ad_video_box .ad_video_btn_speaker { position:absolute; left:10px; bottom:10px; display:none;  z-index: 100; cursor: pointer;}
.ad_video_box .ad_video_btn_speaker img{width:43px!important; height:auto;display:none;}
.ad_video_box .ad_video_link {position:absolute; top:0; left:0px; width:950px; height:500px; }
.ad_video_box .openexpendable, .ad_video_box .closeexpendable{cursor:pointer;}*/

#mp_frame {margin-bottom:1px; height: 100px; width: 970px; *background: #000; margin: 0px auto;}
#mp_box { width:970px; height:250px; text-align:center; position:relative;}
#mp_box img { width:auto; }
#mp_box .banner_link { display:block;}

/*#mp_box .mp_video_link{position:absolute; top:0; left:0; width:940px; height:500px;}*/
#mp_btn_open, #hanmi_btn_open {top: 3px; right:3px; display: none; z-index: 100; position:absolute; cursor: pointer;}
#mp_btn_close, #hanmi_btn_close { position:absolute; top:3px; right:3px; display:none;  z-index: 100; cursor: pointer;}
#mp_btn_close img, #hanmi_btn_close img{width:43px!important; height:auto;}
#mp_btn_speaker { position:absolute; left:24px; bottom:-244px; display:none;  z-index: 100; cursor: pointer;}
#mp_btn_speaker img{width:43px!important; height:auto;}
#mp_btn_speaker .turnoff{display:none;}
#mp_box .banner_action{display:none;}
#mp_box #mp_video{display:none;}

#mp_duration { position:absolute; top:184px; margin-left:860px; display:none; color:#aaa; font-family:arial; font-size:10px; text-align:right; width:50px }
#mp_video { width:100%; height:500px; background: #000}
#mp_video img { width:940px; }
#mp_block { position:absolute; top:0; width:940px; height:455px; cursor:pointer; }

/* 231102 Hanmi Bank */
#hanmi_btn_close { display: block; }
#hanmi_btn_open { display: none; }
.hanmi_1 { display: none; }
.hanmi_2 { display: block; }

/* #google_vignette 광고 없애기 231128 */
/* .adsbygoogle.adsbygoogle-noablate { display: none !important;} */

/* Text Ad */

.txt_600x48_1 {background:url(../images/txt_bg.png) no-repeat; width:100%; background-size:100% 100%; margin-top:10px; text-align:center; height:48px; display:table;}
.txt_cont {display:table-cell; vertical-align:middle;}
.txt_kr {color:#007336; font-size:1.3em; font-weight:bold;}
.txt_us {color:#3c3c3c; font-size:1.1em;}
.txt_ad .strong {font-weight:600;}

/* 댓글운영방침 */
.popOperationBtn {float: right}
.popOperation {font-size: 9pt; font-family: sans-serif; width: 450px; display: none; position: absolute; top: 27px; right: 0px; background: #fff; border: 1px Solid; padding: 10px; box-sizing: border-box; z-index: 1}
.popOperation .oper {position:static;/* width:416px; */padding:9px 17px 0 17px;border:0;}
.popOperation h1 {font-size: 12pt;}
.oper .notice { margin:15px 0 0 0; padding:0 0 0 8px;  color:#f56c07; font-weight:bold; }
.oper .notice .n_content { padding:15px 29px 12px 20px; background-color:#f5f5f5; }
.oper .notice .n_content img { position:relative; top:-1px; vertical-align:middle; }
.oper .notice p { margin:0;  font-weight:normal; color:#5d5d5d; }
.oper .notice .n_content p a { margin:0 0 0 20px; }
.oper .notice .n_content p .orange { margin:0 0 0 10px; font-weight:bold; color:#f56c07 ! important; }
.oper .notice .second { margin:5px 0 0 0; }
.oper ol { margin:10px 0 0 0; padding:0 0 0 23px; color:#5d5d5d; font-weight:normal; }
.popup-close {width:30px; height:30px; padding-top:4px; display:inline-block; position:absolute; top:0px; right:0px; transition:ease 0.25s all; -webkit-transform:translate(50%, -50%); transform:translate(50%, -50%); border-radius:1000px; background:rgba(218, 218, 218, 0.8); font-family:Arial, Sans-Serif; font-size:20px; text-align:center; line-height:100%; box-sizing: border-box;}


/* H매거진 구독 배너 240829 */
#mc_embed_signup #mc-embedded-subscribe-form {margin: 0;}
.tds-newsletter {margin-top: 15px;}
.tds-newsletter input[type=email] {min-height: 42px; height: auto; font-size: 12px; transition: all 0.2s ease-in-out;line-height: 21px;
  color: #444;
  border: 1px solid #e1e1e1;
  width: 100%;
  max-width: 100%;
  padding: 3px 9px;
  box-sizing: border-box;
}
.tds-newsletter input[type=email] {padding-left: 12px; padding-right: 12px;}
.tdn-input-wrap {margin-bottom: 13px;}
.tdn-submit-btn { -webkit-appearance: none; outline: none; width: 100%; padding: 3px 18px; background-color: #009741; color: #fff; border: 0; 
  min-height: 42px; height: auto; font-size: 12px; transition: all 0.2s ease-in-out;}

#mc_embed_signup {margin-top: 15px;}
#mc_embed_signup .mc-field-group {width: 100% !important; padding-bottom: 0 !important; }
#mc_embed_signup div#mce-success-response.response, 
#mc_embed_signup div#mce-responses.clear_both {width: 100%; margin: 0; padding: 0;}
#mc_embed_signup #mc-embedded-subscribe-form div.mce_inline_error { margin: 0 !important; }
#mc_embed_signup input[type=email] {min-height: 42px; height: auto; font-size: 12px; transition: all 0.2s ease-in-out;line-height: 21px;
  color: #444;
  border: 1px solid #e1e1e1;
  width: 100%;
  max-width: 100%;
  padding: 3px 9px;
  box-sizing: border-box;
}
#mc_embed_signup div#mce-responses {margin: 0; padding: 0;}
#mc_embed_signup input[type=email] {padding-left: 12px; padding-right: 12px;}
.mc-field-group {margin-bottom: 13px;}
.clear_both {clear: both;}
.clear_both #mc-embedded-subscribe.button { -webkit-appearance: none; outline: none; width: 100%; padding: 3px 18px; background-color: #009741; color: #fff; border: 0; 
  min-height: 42px; height: auto; font-size: 12px; transition: all 0.2s ease-in-out;}
#mc_embed_signup #mc-embedded-subscribe.button:hover { color: #009741; border: 1px solid #009741; background-color: #fff;}

/************************************************************************************************************************
                                                     For wide displays
************************************************************************************************************************/
@media (min-width: 1520px) {


/* kr_m160x600 */
.wide .bn_160x600_1 {margin-right:590px;}
.wide .bn_160x600_2 {margin-left:590px;}
.wide .bn_160x600_3 {margin-right:590px; top: 2738px;}
.wide .bn_160x600_4 {margin-left:590px; top: 2738px;}
.wide .bn_160x600_5 {margin-right:590px; top: 2538px;}
.wide .bn_160x600_6 {margin-left:377px; top: 2538px;}



.wide.section .bn_160x600_1 {left:-205px;}
.wide.section .bn_160x600_2 {margin-left:620px;}

/* 산티아고 순례길 배너 230912 */
.wide .bn_160x300_1 { 
  margin-right: 590px;
}
	
.bn_728x90_1 {width: 1155px;height:auto; *background: #363636;}
#mp_btn_open {right: 5px;}
#mp_btn_close {right: 6px;}
#mp_box {width:100%; *background: #000;}
#mp_frame {width: 100%}
}

/*** 시애틀 광고배너 레이아웃 유지용 220218 ***/
@media (max-width: 1520px){
 .bn_728x90_1 {width: 970px;height:auto; *background: #363636;}
 .bn_728x90_1 a:first-child img {margin: 5px 4px 0 0;}

 .bn_160x300_3 {top: 1186px;}
}