@charset "utf-8";

/* 로컬용 임시용임 */
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css");
@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');


/*====================*/
/*=== Reset Styles ===*/
/*====================*/
html,body,div,ul,ol,dl,li,dt,dd,p,h1,h2,h3,h4,h5,h6,table,th,td,caption,address,article,aside,canvas,details,figure,figcaption,footer,header,menu,nav,section,button,select,textarea,input,fieldset,legend,a,span,strong,em,address,dfn,small,i,b {margin: 0;padding: 0;border: 0;list-style: none;font-size: inherit;font-weight: inherit;font-family: inherit;line-height: inherit;word-break: inherit;word-wrap: inherit;box-sizing: border-box;}
:before,:after {box-sizing: border-box;}
article,aside,canvas,details,figure,figcaption,footer,header,menu,nav,section {display: block;}
body {box-sizing:border-box;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;-ms-text-size-adjust:none;}
img, fieldset, input.type-image,  button {border:0;padding:0;}
input, select, textarea, button{color:#555;vertical-align:middle;font-family:"Pretendard Variable", Pretendard, -apple-system, '맑은 고딕', Malgun Gothic, Gulim, Arial, AppleGothic, Sans-serif;outline:0}
caption, legend, #skipNavi {width:0;height:0;padding:0px;margin:0px;visibility:hidden;font-size:0px;height:0px;line-height:0px;}
button::-moz-focus-inner{border:0;padding:0;}
button{background:transparent;overflow:hidden;cursor:pointer;}
a {text-decoration:none;color:#000;}
a:hover {text-decoration:none !important;color:#3e3e3e;}
html,body {font-family:"Pretendard Variable", Pretendard, -apple-system,'맑은 고딕',Malgun Gothic, Gulim, Arial, AppleGothic, Sans-serif;font-optical-sizing: auto;outline:0;width:100%;height:100%;}
table {border:0;border-spacing:0;border-collapse:collapse;}


/* 2024 guide */
#wrap{width:100%;height:100%;position:relative;background:#fff}
#header {width:100%;position:relative;z-index:10000;background-color:#fff;border-bottom:2px solid #000;}
#section {width:100%;min-width:640px;width:100%;position:relative}
#footer {width:100%;clear:both;background:#ebebeb;position:fixed;bottom:0;left:0;}


/* 2024 view section */
.view_section {width:640px;margin:0 auto;padding:30px 0;}
.view_section .view_head_box {width:100%;margin-bottom:40px;}
.view_section .view_news_box {width:100%;overflow:hidden;}

/* sub header 2024 */
.sub_hearder2024  {width:640px;height:100px;margin:0 auto;padding-top:3px;position:relative;z-index:3000;border-bottom:1px solid #e4e4e4;background:#fff;}
.sub_hearder2024 dl {width:100%;margin:0 auto;display:flex;padding-top:13px;position:relative;}
.sub_hearder2024 dl dd h1 {width:145px;position:relative;top:40px;z-index:150000;}
.sub_hearder2024 dl dd span{display:block;position:relative;top:40px;padding-left:20px;}
.sub_hearder2024 .qrcode {position:absolute;top:5px;right:-10px;}
.sub_hearder2024 .qrcode img {width:90px;}

.news_head_box {width:100%;padding-bottom:10px;border-bottom:1px solid #d7d7d7;position:relative;}
.news_head_box  h2 {width:100%;font-size:36px;line-height:50px;letter-spacing:-1px;font-weight:700;padding:0 0 20px 0}
.news_head_box .wr_box .gap01 {padding:0 8px;color:#d3d3d3;font-size:12px;position:relative;top:-2px;}

.article_box {width:100%;}
.article_box .article_body {line-height:28px;font-size:18px;overflow:hidden;}
.sub_title {border-left: 4px solid #3e3e3e;font-weight:500;letter-spacing: -0.5px;color: #000;margin-bottom: 25px;padding: 0 15px;width:100%;line-height:28px;}
.news_bm table {position:relative;max-width:640px;table-layout:fixed;margin:0 auto 15px auto;}
.news_bm table td img {width:100%;}
.news_bm table td.photocaption {font-size:15px !important;line-height:22px;font-family:'Pretendard' !important;}
.news_bm table td .zoom_btn {position: absolute;top: 20px;right: 20px;width: 35px;height: 35px;display: block;z-index: 500;cursor: pointer;}

.byline_box {margin:40px 0;}
.byline_box p {text-align:right;}
.byline_box p span {padding-right:10px;}

.copy_box  {margin:40px 0;border-top:1px solid #ccc;}
.copy_box p {padding:10px 0;}

.footer_box {width:640px;margin:0 auto;text-align:center;padding:25px 0;}
.footer_box button {width:170px;border:1px solid #000;font-size:18px;margin:0 5px;padding:15px 0;border-radius:8px;text-align:center;display:inline-block;background:#fff;}
.footer_box button.bgcolor {background:#3b3b3b;color:#fff;}