@charset "utf-8";

@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css");
/*
@font-face {
    font-family: 'HakgyoansimAllimjangTTF-B';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2408-5@1.0/HakgyoansimAllimjangTTF-B.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
}*/
@font-face {
    font-family: 'HakgyoansimAllimjangTTF-R';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2408-5@1.0/HakgyoansimAllimjangTTF-R.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
}


/*====================*/
/*=== 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;}
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;}

.cb {clear:both;}
.dib {display:inline-block}
.dpb {display:block}
.ofh {overflow:hidden}
.dpn {display:none !important}
.cp {cursor:pointer}
.fl  {float:left}
.fr  {float:right}
.tal {text-align:left}
.tar {text-align:right}
.tac {text-align:center}
.taf {text-align:justify}
.fwb {font-weight:600;}
.mt18{margin-top:18px}

/* Links */
.hidden {position: absolute;overflow: hidden;width: 0;height: 0;pointer-events: none;}

/* guide */
#wrap{width:100%;height:100%;position:relative;background:#fff}
#footer {width:100%;clear:both;background:#fff;}

.header_wrap {width:1280px;margin:0 auto;}
.header_wrap dl {overflow:hidden;height:80px;}
.header_wrap dl dt {width:180px;}
.header_wrap dl dt img {width:100%;position:relative;top:24px;}

.content {width:100%;}
.content.bg01 {background:#212129 url('https://img.asiatoday.co.kr/asiatoday/images/support/mo/support_background.jpg') center no-repeat;background-size:cover;}
.content.bg02 {background:#ccdcbc;}
.content.bg03 {background:#f3f3f3;}
.content .content--c1 {width:1280px;height:733px;margin:0 auto;}
.content .content--c2 {width:1280px;margin:0 auto;height:190px;}
.content .content--c3 {width:1280px;margin:0 auto;padding:70px 0 90px 0;}
.content h2 {font-size:40px;line-height:56px;font-family:HakgyoansimAllimjangTTF-R;color:#fff;}
.content h3 {font-size:28px;font-weight:500;color:#b8ee7f;margin-top:20px;}
.content h4 {font-size:29px;font-weight:700;letter-spacing:-1px;}
.content h5 {font-size:29px;font-weight:300;letter-spacing:-1px;padding-top:3px;}

.main_info_box {width:830px;margin:0 auto;padding-top:90px;display:flex;flex-wrap:wrap;justify-content: space-between;}
.main_info_box dt {width:100%;text-align:center;}
.main_info_box dd {width:255px;height:275px;text-align:center;background:#fff;border-radius:16px;margin-top:90px;overflow:hidden;}
.main_info_box dd .img_box {width:255px;height:200px;overflow:hidden;}
.main_info_box dd .img_box img {width:100%;}
.main_info_box dd span {font-size:19px;line-height:24px;font-weight:600;position:relative;top:14px;}

.button_box {width:730px;height:190px;margin:0 auto;display:flex;align-items: center;justify-content: space-between;}
.button_box dd {width:340px;height:70px;background:#323232;border-radius:8px;display:flex;align-items:center;justify-content: center;}
.button_box dd p {font-size:26px;font-weight:600;color:#fff;} 
.button_box dd p img {position:relative;top:2px;}

.content_news_box {width:100%;display:flex;justify-content: space-between;margin-top:40px;}
.content_news_box dd {width:235px;height:386px;background:#fff;position:relative;}
.content_news_box dd .img_box {width:100%;height:165px;overflow:hidden;text-align:center;}
.content_news_box dd .img_box img {width:100%;}
.content_news_box dd h4 {font-size:24px;font-weight:600;padding:15px 15px 8px 15px;letter-spacing:-1px;}
.content_news_box dd span {display:block;padding:0 15px;line-height:22px;font-size:15px;}
.content_news_box dd button {width:92px;border-radius:6px;background:#eaeaea;font-size:15px;text-align:center;padding:6px 0;position:absolute;bottom:25px;left:50%;margin-left:-46px;}

/* footer_box */
.footer_box {width:100%;margin:20px auto 0 auto;position:relative;}
.footer_box .footer_menu {width:100%;border-top:1px solid #c2c2c2;border-bottom:1px solid #c2c2c2}
.footer_box .footer_menu dl {width:1280px;margin:0 auto;display:flex;padding:17px 0;}
.footer_box .footer_menu dl dt {width:350px;height:20px;border-right:1px solid #c2c2c2;}
.footer_box .footer_menu dl dt a {display:inline-block;font-size:18px;font-weight:500;color:#000;padding-right:25px;letter-spacing:-0.5px;position:relative;top:-1px;}
.footer_box .footer_menu dl dd {height:20px;flex:1;padding-left:30px;}
.footer_box .footer_menu dl dd a {display:inline-block;font-size:16px;color:#000;padding-right:20px;letter-spacing:-0.5px;position:relative;}
.footer_box .footer_info {width:1280px;margin:0 auto;height:270px;position:relative;}
.footer_box .footer_info .logo_footer {position:absolute;top:45px;left:0;z-index:100;}
.footer_box .footer_info .logo_footer img {width:178px;}
.footer_box .footer_info dl {overflow:hidden;padding-left:233px;padding-top:40px;}
.footer_box .footer_info dl dd {padding-bottom:25px;}
.footer_box .footer_info dl dd p {font-size:14px;letter-spacing:0.5px;color:#000;padding:2px 0;}
.footer_box .footer_info dl dd p span {font-size:12px;font-weight:300;color:#a4a4a4;padding:0 6px;position:relative;top:-1px;}
.footer_box .footer_info .footer_sns_box {width:250px;position:absolute;top:152px;right:80px;z-index:100;}
.footer_box .footer_info .footer_sns_box ul {width:250px;display:flex;justify-content: space-between;}
.footer_box .footer_info .footer_sns_box ul li img {width:35px;height:35px;}