@charset "utf-8";

@font-face {
    font-family: 'Spoqa Han Sans Neo';
    font-weight: 700;
    src: local('Spoqa Han Sans Neo Bold'),
    url('https://image.donga.com/font/SpoqaHanSansNeo-Bold.woff2') format('woff2'),
    url('https://image.donga.com/font/SpoqaHanSansNeo-Bold.woff') format('woff'),
    url('https://image.donga.com/font/SpoqaHanSansNeo-Bold.ttf') format('truetype');
}

@font-face {
    font-family: 'Spoqa Han Sans Neo';
    font-weight: 500;
    src: local('Spoqa Han Sans Neo Medium'),
    url('https://image.donga.com/font/SpoqaHanSansNeo-Medium.woff2') format('woff2'),
    url('https://image.donga.com/font/SpoqaHanSansNeo-Medium.woff') format('woff'),
    url('https://image.donga.com/font/SpoqaHanSansNeo-Medium.ttf') format('truetype');
}

@font-face {
    font-family: 'Spoqa Han Sans Neo';
    font-weight: 400;
    src: local('Spoqa Han Sans Neo Regular'),
    url('https://image.donga.com/font/SpoqaHanSansNeo-Regular.woff2') format('woff2'),
    url('https://image.donga.com/font/SpoqaHanSansNeo-Regular.woff') format('woff'),
    url('https://image.donga.com/font/SpoqaHanSansNeo-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'Spoqa Han Sans Neo';
    font-weight: 300;
    src: local('Spoqa Han Sans Neo Light'),
    url('https://image.donga.com/font/SpoqaHanSansNeo-Light.woff2') format('woff2'),
    url('https://image.donga.com/font/SpoqaHanSansNeo-Light.woff') format('woff'),
    url('https://image.donga.com/font/SpoqaHanSansNeo-Light.ttf') format('truetype');
}

@font-face {
    font-display: swap;
    font-family: 'Inter';
    font-weight: 400;
    font-style: normal;
    src: local('Inter Regular'),
    url('https://image.donga.com/font/inter-v12-latin-regular.woff') format('woff'),
    url('https://image.donga.com/font/inter-v12-latin-regular.otf') format('opentype');
}
@font-face {
    font-display: swap;
    font-family: 'Inter';
    font-weight: 500;
    font-style: normal;
    src: local('Inter Medium'),
        url('https://image.donga.com/font/inter-v12-latin-500.woff') format('woff'),
        url('https://image.donga.com/font/inter-v12-latin-500.otf') format('opentype');
}
@font-face {
    font-display: swap;
    font-family: 'Inter';
    font-weight: 700; /* Semi Bold 이지만 Bold 대체로 사용 */
    font-style: normal;
    src: local('Inter Semibold'),
        url('https://image.donga.com/font/inter-v12-latin-600.woff') format('woff'),
        url('https://image.donga.com/font/inter-v12-latin-600.otf') format('opentype');
}

@font-face {
    font-family: 'Pretendard';
    font-weight: 400;
    src: local('Pretendard'),
    url('https://image.donga.com/font/Pretendard-Regular.woff2') format('woff2');
}

@font-face {
    font-family: 'Pretendard';
    font-weight: 500;
    src: local('Pretendard'),
    url('https://image.donga.com/font/Pretendard-Medium.woff2') format('woff2');
}

@font-face {
    font-family: 'Pretendard';
    font-weight: 700;
    src: local('Pretendard'),
    url('https://image.donga.com/font/Pretendard-Bold.woff2') format('woff2');
}


/* ----------------------------------------------------------- */

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: inherit;}
:before,:after {box-sizing: inherit;}
article,aside,canvas,details,figure,figcaption,footer,header,menu,nav,section {display: block;}
body {word-break: keep-all;word-wrap: break-word;box-sizing: border-box;-webkit-text-size-adjust: none;-moz-text-size-adjust: none;-ms-text-size-adjust: none;}
html[lang='ja'] body,
html[lang='zh'] body {word-break: normal;}
[hidden],hr {display: none;}
img {vertical-align: middle;}
button {background-color: transparent;cursor: pointer;}
b,strong {font-weight: inherit;}
fieldset,iframe {width: 100%;}
img,a,frame,iframe,fieldset {border: 0;}
a {text-decoration: none;color: inherit;display: block;}
table {width: 100%;border-spacing: 0;border-collapse: collapse;}
caption {display: block;position: absolute;left: -9999px;}
legend {position: absolute;left: -9999em;top: -9999em;}
button {overflow: hidden;background-color: transparent;cursor: pointer;}
button::-moz-focus-inner {border: 0px;padding: 0px;}
em {font-style:normal;}

html,body {height: 100%;font-family:'Spoqa Han Sans Neo';}

/* ------------------------------------------------------------- */
.inner{width:100%;max-width:1312px;margin:0 auto;}
.no_scroll{overflow:hidden;}

/* 헤더 */
#header{position:relative;border-bottom:1px solid #D8D8D8;padding:0 16px;box-sizing:border-box;height:100px;}
#header > .inner{display:flex;justify-content:space-between;align-items:center;height:100%;}
.btn_menu{display:none;width:16px;height:12px;background:url(../img/icon_menu.png)no-repeat;}
#header.main_header .btn_menu{background: url(../img/icon_menu_w.png)no-repeat;}
#header.main_header.is_active .btn_menu{background: url(../img/icon_close.png)no-repeat;}
#header .logo a{display:block;}
#header .logo a img{display:block;width:100%;}

#header.main_header{border-bottom:0;margin-bottom:-100px;z-index:9999;}
#header.main_header.is_active{background-color:#fff;border-bottom:1px solid #D8D8D8;}

/* 메뉴 */
.gnb{position:relative;}
.gnb > ul{display:flex;justify-content:center;align-items:center;}
.main_menu_list .main_menu{position:relative;width:200px;cursor:pointer;padding:34px 0 30px;}
.main_menu_list .main_menu::after{content:'';display:block;position:absolute;left:0;bottom:-2px;width:0;height:5px;background-color:#EE5A23;transition:0.5s;}
.main_menu_list .main_menu.is_active::after{width:100%;}
.main_menu_list .main_menu h2{font-size:20px;font-weight:700;line-height:150%;text-align:center;color:#111;}

#header.main_header .main_menu_list .main_menu h2{color:#fff;}
#header.main_header.is_active .main_menu_list .main_menu h2{color:#111;}

.sub_gnb{display:none;position:absolute;left:0;top:100px;width:100%;background-color:#FAFAFA;border-bottom:1px solid #D8D8D8;padding:0 16px;box-sizing:border-box;z-index:9999;} 

.sub_gnb .inner{width:100%;display:flex;justify-content:flex-end;align-items:flex-start;}
.sub_gnb .sub_menu_wrap{display:flex;justify-content:flex-end;align-items:flex-start;}
.sub_gnb .sub_menu_wrap > li{height:250px;border-left:1px solid #D8D8D8;padding:20px 0;}
.sub_gnb .sub_menu_wrap > li.is_active{background-color:#fff;}
.sub_gnb .sub_menu_wrap > li:last-child{border-right:1px solid #D8D8D8;}
.sub_gnb .sub_menu_wrap .main_menu{display:none;}
.sub_gnb .sub_menu_wrap .sub_menu_list .sub_menu{width:199px;margin-bottom:20px;}
.sub_gnb .sub_menu_wrap .sub_menu_list .sub_menu a{display:block;font-size:16px;font-weight:400;line-height:150%;color:#333;text-align:center;}
.sub_gnb .sub_menu_wrap .sub_menu_list .sub_menu a:hover,
.sub_gnb .sub_menu_wrap .sub_menu_list .sub_menu.is_active a{font-weight:700;color:#EE5A23;}


/* 메인 */
.top_banner{position:relative;z-index:1;}
.bgslide{position:relative;width:100%;height:100vh;}
.bgslide > li{position:fixed;left:0;top:0;width:100%;height:100%;opacity:0;transition-duration:0.5s;z-index:-1;}
.bgslide > li{background-color: #9b9b9b;}
.bgslide > li.is_active{opacity:1;}
.bgslide > li .inner{position:relative;height:100%;display:flex;justify-content:flex-start;align-items:center;} 
.bgslide > li:first-child .inner,
.bgslide > li:nth-child(3) .inner{justify-content:flex-start;padding:0 100px;box-sizing:border-box;max-width:1512px;} 
.bgslide > li:nth-child(2) .inner,
.bgslide > li:nth-child(4) .inner{justify-content:center;}
.bgslide > li .img_box{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;display:flex;justify-content:center;align-items:center;}
.bgslide > li .img_box img{position:relative;transform:scale(1.4);width:100%;height:100%;object-fit:cover;transition-duration:5s;} 
.bgslide > li.is_active .img_box img{transform:scale(1);}
.bgslide > li:nth-child(3) .img_box img{left:0;}

.bgslide > li .txt_box{font-family:'Pretendard';font-size:100px;font-weight:700;color:#fff;transition-duration:2s;opacity:0;}
.bgslide > li.is_active .txt_box{margin-top:0;opacity:1;} 

.bgslide > li:nth-child(2) .txt_box{margin-left:-12vw;margin-top:-3vw;}

.bgslide > li h2.top_text{font-size:100px;line-height:150%;}
.bgslide > li span.top_text_s{display:block;font-size:80px;line-height:150%;}
.bgslide > li:nth-child(2) h2.top_text{font-size:60px;}
.bgslide > li:nth-child(4) h2.top_text,
.bgslide > li:nth-child(4) span.top_text_s{text-align:center;}

.pagination{display:flex;justify-content:center;align-items:center;gap:10px;position:absolute;left:50%;bottom:33px;transform:translateX(-50%);z-index:999999;}
.pagination li .num{display:block;width:50px;height:50px;font-family:"Spoqa Han Sans Neo";font-size:16px;font-weight:400;line-height:150%;color:#FAFAFA;text-align:center;}
.pagination li.is_active .num{border:1px solid rgba(255,255,255,0.5);border-radius:50%;background-color:rgba(255,255,255,0.2);}

/* 메인 - 중간 섹션 */
.middle_section{position:relative;width:100%;height:100vh;z-index:20;}
.middle_section .ms_wrap{position:relative;width:100%;height:100%;background:url(../img/bg_mid_section.jpg)no-repeat;}
.middle_section.fixed .ms_wrap{position:fixed;left:0;top:0;z-index:2;}

.middle_section .inner{display:flex;justify-content:flex-start;align-items:center;padding:0 0 0 113px;height:100%;}
.middle_section .mid_txt_box .mid_text_s{display:flex;justify-content:flex-start;align-items:flex-end;position:relative;font-family:"Spoqa Han Sans Neo";font-size:38px;font-weight:500;line-height:180%;color:#000;top:-50px;opacity:0;transition-duration:1.5s;}
.middle_section .mid_txt_box .mid_text_s::after{content:'';display:block;position:relative;width:150px;height:1px;background-color:#000;left:14px;bottom:21px;}
.middle_section .mid_txt_box .mid_text_s.is_active{top:0;opacity:1;}

.middle_section .mid_txt_box .mid_text{position:relative;font-family:"Spoqa Han Sans Neo";font-size:50px;font-weight:700;line-height:150%;color:#000;margin-top:19.5px;top:-50px;opacity:0;transition-duration:1.5s;}
.middle_section .mid_txt_box .mid_text.is_active{top:0;opacity:1;}

.middle_section .mid_txt_box .mid_text .br_m{display:none;}

/* 메인 - 하단 메뉴 */
.bottom_menu {position:relative;background-color:#383838;z-index:30;}
.bottom_menu .inner{max-width:1685px;padding:240px 52.5px;box-sizing:border-box;}
.bottom_menu .inner > ul{width:100%;display:flex;justify-content:space-between;align-items:center;gap:40px;}
.bottom_menu .inner > ul > li{position:relative;width:calc((100% - 80px)/3);height:600px;}
.bottom_menu .inner > ul > li:nth-child(1){background-color:#F2F9F9;}
.bottom_menu .inner > ul > li:nth-child(2){background-color:#FFF4F0;}
.bottom_menu .inner > ul > li:nth-child(3){background-color:#F0F5FC;}

.bottom_menu .inner > ul > li::before{content:'';position:absolute;left:0;bottom:0;display:block;width:100%;height:0;transition-duration:0.5s;z-index:1;}
.bottom_menu .inner > ul > li:nth-child(1):hover::before{height:100%;background-color:#008689;}
.bottom_menu .inner > ul > li:nth-child(2):hover::before{height:100%;background-color:#EE5A23;}
.bottom_menu .inner > ul > li:nth-child(3):hover::before{height:100%;background-color:#437CD9;}

.bottom_menu .inner > ul > li .menu_box{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:40px;width:100%;height:100%;z-index:2;}
.bottom_menu .inner > ul > li .txt_box h3{font-size:50px;font-weight:700;line-height:150%;color:#000;text-align:center;}
.bottom_menu .inner > ul > li .txt_box p{font-size:16px;font-weight:400;line-height:150%;color:#000;}
.bottom_menu .inner > ul > li:hover .txt_box h3{color:#fff;}
.bottom_menu .inner > ul > li:hover .txt_box p{color:#fff;}

.btn_bot{display:flex;justify-content:space-between;align-items:center;gap:50px;position:relative;border:1px solid rgba(0, 0, 0, 0.20);font-size:13px;font-weight:500;line-height:150%;color:#000;padding:11px 14px 9px 18px;}

.btn_bot::before{content:'';display:block;position:absolute;left:0;top:0;width:0;height:100%;z-index:-1;transition-duration:0.5s;}
.btn_bot:hover::before{width:100%;}
.bottom_menu .inner > ul > li:nth-child(1) .btn_bot:hover::before{background-color:#F2F9F9;}
.bottom_menu .inner > ul > li:nth-child(2) .btn_bot:hover::before{background-color:#FFF4F0;}
.bottom_menu .inner > ul > li:nth-child(3) .btn_bot:hover::before{background-color:#F0F5FC;}

.btn_bot::after{content:'';display:block;width:19px;height:13px;background:url(../img/icon_arr_r.png)no-repeat;}

.bottom_menu .inner > ul > li:hover .btn_bot{color:#fff;border:1px solid rgba(255, 255, 255, 0.20);}
.bottom_menu .inner > ul > li:hover .btn_bot::after{background:url(../img/icon_arr_r_w.png)no-repeat;}

.bottom_menu .inner > ul > li .btn_bot:hover{color:#000;}
.bottom_menu .inner > ul > li .btn_bot:hover::after{content:'';display:block;width:19px;height:13px;background:url(../img/icon_arr_r.png)no-repeat;}

/* 서브페이지 탑 */
.top .page_title{width:100%;height:250px;background:url(../img/bg_top.png)no-repeat;background-position:center;display:flex;justify-content:center;align-items:center;}
.top .page_title h2{font-size:42px;font-weight:700;line-height:150%;color:#fff;text-align:center;}

.sub_menu_area{background-color:#FAFAFA;border-bottom:1px solid #EAEAEA;padding:15px 0;}
.sub_menu_area .sub_menu_list{display:flex;justify-content:center;align-items:center;gap:20px;width:100%;max-width:860px;margin:0 auto;padding:0 16px;box-sizing:border-box;}
.sub_menu_area .sub_menu_list .sub_menu{width:calc(100%/4);}
.sub_menu_area .sub_menu_list .sub_menu a{display:block;width:100%;font-size:16px;font-weight:700;line-height:180%;color:#111;text-align:center;}
.sub_menu_area .sub_menu_list .sub_menu.is_active a{color:#fff;border-radius:100px;background-color:#000;padding:5.6px 0;}
.page_subtitle{font-size:42px;font-weight:700;line-height:150%;color:#111;padding:50px 0 15px;border-bottom:2px solid #000;}

.contents .inner{padding:0 16px;box-sizing:border-box;}

/* 회사소개 - 연혁 */
.history_contents{display:flex;justify-content:flex-start;align-items:flex-start;padding:42px 50px;box-sizing:border-box;}
.period_list{width:300px;padding:0 0 0 28px;box-sizing:border-box;flex-shrink:0;}/*240704 수정*/
.period_list li{position:relative;font-family:'Pretendard';font-size:20px;font-weight:500;line-height:150%;color:#8E8E8E;margin-bottom:30px;cursor:pointer;}
.period_list li.is_active{font-size:30px;font-weight:700;color:#111;margin-bottom:22px;}
.period_list li.is_active::before{content:'';display:block;position:absolute;left:-28px;top:50%;transform:translateY(-50%);width:8px;height:8px;border-radius:50%;background-color:#F04A23;}

.history_list_wrap{width:100%;border-left:1px solid #E5E5E5;padding-left:72px;padding-bottom:72px;box-sizing:border-box;}
.history_list{display:none;}
.history_list.is_show{display:block;}
.history_list > li{margin-bottom:40px;}
.history_list > li:last-child{margin-bottom:0;}
.history_list .year{font-family:'Pretendard';font-size: 30px;font-weight: 700;line-height: 150%;color: #111;margin-bottom:10px;}
.history_list .work_list li{display:flex;justify-content:flex-start;align-items:flex-start;gap:20px;margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid #D8D8D8;}
.history_list .work_list li:last-child{margin-bottom:0;}
.history_list .work_list li .date{font-size:16px;font-weight:700;line-height:150%;color:#111;}
.history_list .work_list li .work{font-size:16px;font-weight:400;line-height:150%;color: #111;}

/* 회사소개 - 조직도 */
.people_contents{padding:55px 0;}
.people_item{position:relative;display:flex;justify-content:center;align-items:center;border:1px solid #F05A22;box-sizing:border-box;width:100%;height:44px;}
.people_item.emph{background-color:#EF5B23;}
.people_contents>.people_item.emph:nth-child(2){margin-top:15px;}
.people_group .people_item.emph::before{content:'';display:block;position:absolute;left:50%;top:-19px;transform:translateX(-50%);width:1px;height:18px;;background-color:#EF5B23;}
.people_contents > .people_item{max-width:300px;margin:0 auto;}
.people_contents > .people_item::after{content:'';display:block;position:absolute;left:50%;bottom:-18px;transform:translateX(-50%);width:1px;height:18px;background-color:#EF5B23;}
.people_item h4{font-size:16px;font-weight:500;line-height:150%;color:#000;}
.people_item.emph h4{font-weight:700;line-height:150%;color:#fff;}

.people_box{position:relative;display:flex;justify-content:space-between;align-items:flex-start;gap:0 27px;margin-top:36px;}
.people_box::after{content:'';display:block;position:absolute;left:50%;top:-19px;transform:translateX(-50%);width:100%;max-width:calc(100% - ((100% - 85px) / 4));height:1px;background-color:#EF5B23;}
.people_box .people_group{width:100%;}

.people_box .people_group .people_item{margin-bottom:15px;}
.people_box .people_group .people_item:last-child{margin-bottom:0;}
.people_box .people_group .people_item.devp{margin-bottom:74px;}
.people_box .people_group .people_item .div_group{position:absolute;left:-1px;bottom:-59px;display:flex;justify-content:space-between;align-items:center;gap:5px;width:calc(100% + 2px);}
.people_box .people_group .people_item .div_group .div_item{position:relative;display:flex;justify-content:center;align-items:center;width:100%;height:43px;border:1px solid #F05A22;background-color:#FFF4F0;}
.people_box .people_group .people_item .div_group .div_item::before{content:'';display:block;position:absolute;left:50%;top:-16px;transform:translateX(-50%);width:1px;height:16px;background-color:#F05A22;}
.people_box .people_group .people_item .div_group .div_item h4{font-size:15px;font-weight:400;}

/* 조직도 개편 250306 */
.re25 .people_group:nth-child(5) .people_item.emph + .people_item.emph::before{display:none;}/*250306 추가*/
.re25 .people_box::after{max-width:calc(100% - ((100% - 115px) / 5));}/*250306 추가*/

/* 회사소개 - 오시는 길 */
.contactus_contents{display:flex;justify-content:flex-start;align-items:center;flex-direction:column;gap:22px;padding:22px 0 44px;}
.contactus_contents .map_box{width:100%;height:500px;}
.contactus_contents .map_box iframe{width:100%;height:100%;}

.contactus_contents .address_box{display:flex;justify-content:flex-start;align-items:center;gap:70px;width:100%;height:200px;border:1px solid #D8D8D8;box-sizing:border-box;}
.contactus_contents .address_box .logo{padding:0 105px;box-sizing:border-box;}
.contactus_contents .address_box .info{padding-right:50px;}
.contactus_contents .address_box .info li{display:flex;justify-content:flex-start;align-items:flex-start;gap:20px;margin-bottom:23px;}
.contactus_contents .address_box .info li:last-child{margin-bottom:0;}
.contactus_contents .address_box .info li > span{display:block;width:80px;font-size:16px;font-weight:700;line-height:180%;color:#000;flex-shrink:0;}
.contactus_contents .address_box .info li address,
.contactus_contents .address_box .info li p{font-size:16px;font-style:normal;font-weight:400;line-height:150%;color:#000;}
.contactus_contents .address_box .info li address span{display:block;font-size:14px;margin-top:5px;}

/* 광고 안내 - 동아닷컴 광고안내 */
.adinfo_contents{padding:42px 0;}
.adinfo_list > li{margin-bottom:40px;}
.adinfo_list > li:last-child{margin-bottom:0;}

.adinfo_list > li .adinfo_category{font-size:30px;font-weight:700;line-height:150%;color:#000;margin-bottom:15px;}
.adinfo_box{position:relative;display:flex;justify-content:flex-start;align-items:center;border:1px solid #D8D8D8;margin-bottom:15px;padding:50px 40px;box-sizing:border-box;}
.adinfo_box:last-child{margin-bottom:0;}
.adinfo_list > li.type1 .adinfo_box{background-color:#FFF4F0;}
.adinfo_list > li.type2 .adinfo_box{background-color:#F2F9F9;}
.adinfo_list > li.type3 .adinfo_box{background-color:#FAFAFA;gap:339px;}

.adinfo_list > li.type1 .adinfo_box:nth-child(2){padding-right:240px;}

.adinfo_box .locate{width:100%;max-width:400px;font-size:24px;font-weight:700;line-height:150%;color:#000;}
.adinfo_box .charge_info{flex-shrink:0;margin-right:45px;}
.adinfo_box .charge_info > li{display:flex;justify-content:flex-start;align-items:center;margin-bottom:15px;}
.adinfo_box .charge_info > li:last-child{margin-bottom:0;}
.adinfo_box .charge_info > li span{display:flex;align-items:center;font-family:'Pretendard';font-size:16px;font-weight:400;line-height:150%;color:#000;}
.adinfo_box .charge_info > li span.name{font-family:"Spoqa Han Sans Neo";font-weight:700;line-height:180%;color:#111;}
.adinfo_box .charge_info > li span::after{content:'';display:block;width:1px;height:12px;background-color:#D8D8D8;margin:0 10px;}
.adinfo_box .charge_info > li span:last-child::after{display:none;}

.btn_pdf{position:relative;width:220px;font-size:14px;font-weight:700;line-height:150%;color:#000;border:1px solid #666;background:#FFF;margin-left:auto;padding:8px 0 6px;text-align:center;flex-shrink:0;}
.btn_pdf::before{content:'';display:block;position:absolute;left:22px;top:50%;transform:translateY(-50%);width:24px;height:24px;background:url(../img/icon_pdf.png)no-repeat;}
.btn_pdf::after{content:'';display:block;position:absolute;right:21px;top:50%;transform:translateY(-50%);width:16px;height:14px;background:url(../img/icon_download.png)no-repeat;}

.btn_outlink{display:flex;justify-content:flex-start;align-items:center;font-size:16px;font-weight:700;line-height:180%;color:#000;}
.btn_outlink::after{content:'';display:block;width:13px;height:13px;background:url(../img/icon_outlink.png)no-repeat;background-size:cover;margin-left:15px;}


/* 제휴안내 - 제휴안내 */
.cooperation_contents{padding:22px 0;}
.cooperation_info{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px;}
.cooperation_info li{display:flex;justify-content:space-between;align-items:center;width:calc((100% - 20px) / 2);height:200px;padding:0 40px;box-sizing:border-box;border: 1px solid #D8D8D8;}
.cooperation_info li:nth-child(1){background-color:#FFF4F0;}
.cooperation_info li:nth-child(2){background-color:#F2F9F9;}
.cooperation_info li:nth-child(3){background-color:#F0F5FC;}
.cooperation_info li:nth-child(4){background-color:#FAF7F5;}
.cooperation_info li .slogan_box .slogan{font-family:'Pretendard';font-size:30px;font-weight:700;line-height:150%;color:#111;margin-bottom:18px;}
.cooperation_info li .slogan_box .sub_slogan{font-size:18px;font-weight:700;line-height:150%;color:#F04A23;margin-bottom:2px;}
.cooperation_info li .slogan_box .slogan_text{font-size:16px;font-weight:400;line-height:150%;color:#333;}
.cooperation_info li .img_box{margin-left:20px;}

/* 제휴안내 - 제휴안내 - 문의 */
.inquire_wrap{padding-bottom:50px;}
.form_box{padding-top:15px;}
.form_box li{margin-bottom:15px;}
.form_box li:last-child{margin-bottom:0;}
.form_box .input_box{display:flex;justify-content:flex-start;align-items:center;}
.form_box li:last-child .input_box{align-items:flex-start;}
.form_box .input_box label{width:250px;font-size:16px;font-weight:700;line-height:180%;color:#000;flex-shrink:0;}
.form_box .input_box input{width:100%;font-size:16px;font-weight:400;line-height:150%;color:#000;padding:12px 20px;border:1px solid #D8D8D8;box-sizing:border-box;}
.form_box .input_box textarea{font-size:16px;font-weight:400;line-height:150%;color:#000;padding:13px 20px;border:1px solid #D8D8D8;box-sizing:border-box;width:100%;height:300px;resize:none;}
.form_box .form_item .caution_text{font-size:14px;font-weight:400;line-height:150%;color:#666;padding-left:250px;margin-top:12px;}

.form_box .btn_submit{width:calc(100% - 250px);font-size:16px;font-weight:700;line-height:180%;color:#FFF;margin-left:250px;padding:18px 0;background-color:#000;margin-top:15px;cursor:pointer;border-radius:5px;}

/* 제휴안내 - 제휴안내 - 문의 - 정보제공 동의 *//* 240923 추가 */
.agree_box{margin-top:20px;width:calc(100% - 250px);margin-left:250px;padding-bottom:20px;}
.agree_box .agree_chk .tit{font-size:15px;font-weight:700;line-height:180%;color:#000;}
.agree_box .agree_chk .agree_txt{padding:20px;border:1px solid #D8D8D8;box-sizing:border-box;margin-top:10px;}
.agree_box .agree_chk .agree_txt p {font-size:15px;font-weight:400;line-height:180%;letter-spacing:-0.3px;color:#333;}
.agree_box .agree_chk .agree_txt p + p{margin-top:10px;}
.agree_box .agree_chk .chk_box{display:flex;justify-content:flex-start;align-items:center;gap:10px;margin-top:15px;}
.agree_box .agree_chk .chk_box input{display:none;}
.agree_box .agree_chk .chk_box label{display:flex;justify-content:flex-start;align-items:center;font-size:15px;}
.agree_box .agree_chk .chk_box label::before{content:'';display:block;width:20px;height:20px;background:url(../img/ic_check_gray.png)no-repeat;background-size:cover;margin-right:5px;}
.agree_box .agree_chk .chk_box input:checked + .chk_text::before{background:url(../img/ic_check_primary_color.png)no-repeat;background-size:cover;}

/* 제휴안내 - 뉴스제공안내 */
.newsguide_contents{padding-top:22px;} 
.caution_box{display:flex;justify-content:center;align-items:center;gap:53px;height:200px;padding:0 50px 0 80px;border:1px solid #EAEAEA;background-color:#FDF5F4;}
.caution_box .caution_text{font-size:16px;font-weight:400;line-height:150%;color:#000;text-align:justify;}/*240703 수정*/

.newsguide_info{margin-top:20px;}
.newsguide_info li{display:flex;justify-content:center;align-items:stretch;}
.newsguide_info li .img_box{display:flex;justify-content:center;align-items:center;width:50%;;max-height:300px;overflow:hidden;}
.newsguide_info li .slogan_box{width:50%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;border:1px solid #D8D8D8;border-left:0;padding:0 40px;box-sizing:border-box;}
.newsguide_info li:nth-child(2) .img_box{order:1;}
.newsguide_info li:nth-child(2) .slogan_box{order:0;border-left:1px solid #D8D8D8;border-right:0;}

.newsguide_info li .slogan_box .slogan{font-size:24px;font-weight:700;line-height:150%;color:#111;}
.newsguide_info li .slogan_box .slogan_text{display:flex;justify-content:flex-start;align-items:center;font-size: 16px;font-weight:400;line-height:200%;color:#333;margin-top:5px;}
/* .newsguide_info li .slogan_box .slogan_text::before{content:'';display:block;width:4px;height:4px;background-color:#333;border-radius:50%;margin-right:5px;} */
.newsguide_info li .slogan_box .slogan_subtext{display:flex;justify-content:flex-start;align-items:flex-start;font-size:14px;font-weight:400;line-height:160%;color:#333;}
.newsguide_info li .slogan_box .slogan_subtext:first-child{margin-top:5px;}
.newsguide_info li .slogan_box .slogan_subtext::before{content:'';display:block;width:4px;height:1px;background-color:#333;margin-right:5px;margin-top:11px;}

.inquire_info{display:flex;justify-content:center;align-items:center;border:1px solid #D8D8D8;background-color:#FAFAFA;margin-top:86px;padding:50px 40px;box-sizing:border-box;}
.inquire_info ul{display:flex;justify-content:center;align-items:center;}
.inquire_info ul li{display:flex;justify-content:flex-start;align-items:center;}
.inquire_info ul li + li::before{content:'';display:block;width:1px;height:12px;background-color:#D8D8D8;margin:0 10px;}
.inquire_info ul span,
.inquire_info ul a{font-family:'Pretendard';font-size:16px;font-weight:400;line-height:150%;color:#000;}
.inquire_info ul li:first-child span{font-family:"Spoqa Han Sans Neo";font-size:16px;font-weight:700;line-height:180%;}
.inquire_info span br{display:none;}

/* 제휴안내 -  뉴스제공규칙 */
.termsofuse_contents{padding: 0 0 40px 0;}
.termsofuse_contents .intro_box{padding:40px;box-sizing:border-box;}
.termsofuse_contents .intro_box .intro_text{font-size:16px;font-weight:400;line-height:180%;color:#000;text-align:justify;}/*240703 수정*/

.tou_box{padding:52px 40px;border-top:1px solid #D8D8D8;box-sizing:border-box;}
.tou_box .tou_title{font-size:24px;font-weight:700;line-height:150%;color:#111;margin-bottom:17px;}
.tou_box .term_item + .term_item{margin-top:20px;}/*240703 수정*/
.tou_box .term_text{font-size:16px;font-weight:400;line-height:180%;color:#333;text-align:justify;}/*240703 수정*/

.tou_box .tou_sublist .subterm_item{font-size:16px;font-weight:400;line-height:180%;color:#333;letter-spacing:-0.3px;padding-left:10px;box-sizing:border-box;}
.footnote_box{padding:50px 40px;border-top:1px solid #D8D8D8;box-sizing:border-box;}
.footnote_box .footnote{font-size:16px;font-weight:700;line-height:180%;color:#111;}
.footnote_box .footnote a{display:inline-block;text-decoration:underline;text-underline-offset:2px;}

.termsofuse_contents .inquire_info{margin-top:0;}
 
/* 푸터 */
#footer{position:relative;background-color:#111;padding:52px 0;z-index:40;}
#footer .inner .footer_menu{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;}
#footer .inner .footer_menu li{display:flex;justify-content:flex-start;align-items:center;}
#footer .inner .footer_menu li::after{content:'';display:block;width:1px;height:13px;background-color:#666;margin:0 22px;}
#footer .inner .footer_menu li:last-child::after{display:none;}
#footer address,
#footer p, 
#footer a{font-family:"Spoqa Han Sans Neo";font-size:14px;font-weight:400;line-height:150%;color:#FFF;font-style:normal;text-align:center;}
#footer .copyright{margin-top:4px;}


@media screen and (max-width:1280px){
    .main_menu_list .main_menu{width:180px;}
    .sub_gnb .sub_menu_wrap .sub_menu_list .sub_menu{width:179px;}

    /* 메인 */
 
    .bgslide > li h2.top_text{font-size:80px;}
    .bgslide > li span.top_text_s{font-size:60px;}

    /* 메인 - 중간 섹션 */
    .middle_section .mid_txt_box .mid_text{font-size: 40px;margin-top:37.5px;}

    /* 메인 - 하단 메뉴 */
    .bottom_menu .inner{padding:104px 52.5px;}
    .bottom_menu .inner > ul{gap:10px;}
    .bottom_menu .inner > ul > li{width:calc((100% - 20px)/3);}


    /* 회사소개 - 연혁 */
    .contents.history .contents_area{padding:42px 0;}
    .period_list{width:250px;padding: 0 0 0 28px;}
    .history_list_wrap{padding-left:50px;}

    /* 회사소개 - 오시는 길 */
    .contactus_contents .address_box{gap:50px;}
    .contactus_contents .address_box .logo{padding:0 70px;}
    .contactus_contents .address_box .info li{gap:15px;}
    
    /* 광고안내 - 동아닷컴 광고안내 */
    .adinfo_box .locat{max-width:270px;} 

    /* 제휴안내 - 제휴안내 */
    .cooperation_contents{padding:20px 0;}
    .cooperation_info{margin-bottom:38px;}

    /* 제휴안내 - 제휴안내 - 문의 */
    .form_box .input_box label{width:150px;}
    .form_box .form_item .caution_text{padding-left:150px;}
    .form_box .btn_submit{width:calc(100% - 150px);margin-left:150px;}

    /* 제휴안내 - 제휴안내 - 문의 - 정보제공 동의 *//* 240923 추가 */
    .agree_box{margin-top:20px;width:calc(100% - 150px);margin-left:150px;}

    /* 제휴안내 - 뉴스제공안내 */
    .newsguide_contents{padding-top:20px;}
    .caution_box{gap:32px;padding:0 29px 0 51px;}
    /* .caution_box .caution_text{word-break:break-all;} *//*240703 수정*/
    .inquire_info{margin-top:44px;}
    .newsguide_info li .slogan_box .slogan_subtext .br_m{display:none;}/*240703 수정*/
    /* 제휴안내 - 뉴스이용안내 */
    .termsofuse_contents .intro_box{padding:17px 17px 65px;}
    .tou_box{padding:27px 24px 37px 19px;}
    .footnote_box{padding:50px 19px;}
}

@media screen and (max-width:1024px){
    #header {height:50px;}
    #header .logo{width:125px;}
    #header.main_header{margin-bottom:-50px;}

    .btn_menu{display:block;}
    .btn_menu.is_show{width:24px;height:24px;background:url(../img/icon_close.png)no-repeat;}
    .gnb{display:none;}
    
    .sub_gnb{display:none;top:50px;height:100vh!important;padding-bottom:50px!important;background-color:#fff;border-bottom:0;z-index:9999;overflow:scroll;}
    .sub_gnb.is_show{display:block;}
    .sub_gnb .inner{justify-content:flex-start;}
    .sub_gnb .sub_menu_wrap{flex-direction:column;width:100%;}
    .sub_gnb .sub_menu_wrap > li{border-left:0;width:100%;height:auto;}
    .sub_gnb .sub_menu_wrap > li:last-child{border-right:0;}
    .sub_gnb .sub_menu_wrap .main_menu{display:block;font-family:'Pretendard';font-size:24px;font-weight:700;line-height:150%;margin-bottom:10px;}
    
    .sub_gnb .sub_menu_wrap .sub_menu_list .sub_menu{width:100%;border-bottom:1px solid #D8D8D8;margin-bottom:10px;}
    .sub_gnb .sub_menu_wrap .sub_menu_list .sub_menu a{font-size:18px;font-weight:400;line-height:150%;text-align:left;color:#111;padding:10px;box-sizing:border-box;}
    .sub_gnb .sub_menu_wrap .sub_menu_list .sub_menu.is_active a{font-weight:400;color:#333;}

    /* 메인페이지 */
    .gnb_menu > ul{flex-direction:column;}
    .gnb_menu > ul li{width:100%;height:300px;}

    /* .bgslide {max-height:1024px;} */
    .bgslide > li:first-child .inner{padding:0 50px;} 

    .pagination li .num{width:30px;height:30px;font-size:12px;}

    /* 메인 - 중간 섹션 */
    .middle_section .inner{padding:0 77px;}
    .middle_section .mid_txt_box .mid_text_s{font-size:30px;}
    .middle_section .mid_txt_box .mid_text_s::after{width:50px;left:10px;bottom:13px;}
    .middle_section .mid_txt_box .mid_text{font-family:'Pretendard';font-size:30px;margin-top:0;}

    /* 메인 - 하단 메뉴 */
    .bottom_menu .inner{padding:58px 34px;}
    .bottom_menu .inner > ul{flex-direction:column;}
    .bottom_menu .inner > ul > li{width:100%;height:auto;padding:57px 0;gap:15px;}
    .bottom_menu .inner > ul > li .txt_box h3{font-size:30px;}
    .bottom_menu .inner > ul > li .txt_box p{font-size:14px;}

    /* 서브페이지 탑 */  
    .sub_menu_area{display:none;}
    .top .page_title{height:150px;}
    .top .page_title h2{font-size:36px;}

    .page_subtitle{font-size: 24px;border-bottom:2px solid #181819;padding:32px 0 15px;}

    /* 회사소개 - 연혁 */
    .history_contents{flex-direction:column;padding:20px 0;}
    .period_list{display:flex;justify-content:flex-start;align-items:center;gap:50px;width:100%;padding:0;margin-bottom:32px;}
    .period_list li{font-size:20px;margin-bottom:0;}
    .period_list li.is_active{font-size:20px;margin-bottom:0;padding-left:18px;box-sizing:border-box;}
    .period_list li.is_active::before{left:0px;}
    .history_list_wrap{width:100%;padding-left:0;border-left:0;}
    .history_list > li{margin-bottom:30px;}

    /* 회사소개 - 조직도 */
    .people_contents{padding:24px 0;}
    .people_group .people_item.emph::before{display:none;}
    .people_item.emph h4{font-size:15px;}
    .people_contents > .people_item::after{bottom:-16px;height:15px;}
    .people_box{flex-wrap:wrap;gap:60px 27px;margin-top:15px;padding:19px 18px 21px;border:1px solid #F05A22;box-sizing:border-box;}
    .people_box::after{display:none;}
    .people_box .people_group{max-width:calc((100% - 27px) / 2);}
    .people_box .people_group .people_item .div_group .div_item h4{font-size:14px;}

    /* 회사소개 - 오시는 길 */
    .contactus_contents{gap:38px;padding:19px 0 56px;}
    .contactus_contents .map_box{order:1;height:386px;}
    .contactus_contents .address_box{order:0;height:auto;border:0;}
    .contactus_contents .address_box .logo{display:none;}
    .contactus_contents .address_box .info{padding-right:0;}
    .contactus_contents .address_box .info li{gap:20px;}

    /* 광고안내 - 동아닷컴 광고안내 */
    .adinfo_contents{padding:20px 0 40px;}
    .adinfo_list > li .adinfo_category{font-size:20px;margin-bottom:10px;}
    .adinfo_box{flex-direction:column;align-items:flex-start;padding:20px;}
    .adinfo_list > li.type1 .adinfo_box:nth-child(2){padding-right:20px;}
    .adinfo_list > li.type3 .adinfo_box{flex-wrap:wrap;flex-direction:row;justify-content:space-between;gap:20px;}
    .adinfo_box .locate{max-width:100%;font-size:20px;padding:5px 0;border-bottom:1px solid #666;}

    .adinfo_box .charge_info{display:flex;justify-content: flex-start;align-items:flex-start;flex-wrap:wrap;gap:20px;width:100%;margin-right:0;margin-top:20px;}
    .adinfo_box .charge_info > li{flex-direction:column;align-items:flex-start;width:calc((100% - 20px) / 2);margin-bottom:0;}
    .adinfo_box .charge_info > li span{font-size:15px;}
    .adinfo_box .charge_info > li span::after{display:none;}

    .btn_pdf{margin-left:0;margin-top:25px;margin-bottom:5px;}
    .adinfo_list > li.type3 .adinfo_box .btn_outlink{width:calc((100% - 20px) / 2);font-size:15px;}

    /* 제휴안내 - 제휴안내 */
    .cooperation_info{flex-direction:column;gap:10px;margin-bottom:19px;}
    .cooperation_info li{width:100%;height:160px;padding:10px 15px;}
    .cooperation_info li .slogan_box .slogan{font-size:24px;margin-bottom:10px;}
    .cooperation_info li .slogan_box .sub_slogan{font-size:16px;line-height:180%;margin-bottom:5px;}
    .cooperation_info li .slogan_box .slogan_text{font-size:14px;}
    .cooperation_info li .img_box img{width:84.21%;}

    /* 제휴안내 - 제휴안내 - 문의 */
    .form_box li{margin-bottom:30px;} 
    .form_box .input_box{flex-direction:column;align-items:flex-start;} 
    .form_box .input_box label{font-size:15px;line-height:150%;}
    .form_box .input_box input{font-size:15px;}

    .form_box .form_item .caution_text{padding-left:0;margin-top:10px;}
    .form_box .input_box textarea{font-size:15px;}
    .form_box .btn_submit{width:100%;font-size:15px;line-height:150%;margin-left:0;margin-top:13px;padding:13.5px 0;}

    /* 제휴안내 - 제휴안내 - 문의 - 정보제공 동의 *//* 240923 추가 */
    .agree_box{margin-top:20px;width:100%;margin-left:0;}

    /* 제휴안내 - 뉴스제공안내 */
    .caution_box{height:auto;padding:20px 13px;}
    .caution_box .img_box{display:none;}
    .caution_box .caution_text{font-size:15px;}
    .newsguide_info{padding-bottom:20px;}
    .newsguide_info li{flex-direction:column;}
    .newsguide_info li + li{flex-direction:column;}
    .newsguide_info li .img_box{width:100%;height:150px;}
    .newsguide_info li .img_box img{width:100%;}
    .newsguide_info li .slogan_box{width:100%;border-top:0;border-left:1px solid #D8D8D8;padding:30px 20px;}
    .newsguide_info li:nth-child(2) .slogan_box{border-right:1px solid #D8D8D8;order:1;}
    .newsguide_info li .slogan_box .slogan{font-size:20px;}
    .newsguide_info li .slogan_box .slogan_text{font-size:15px;line-height:150%;}
    .newsguide_info li .slogan_box .slogan_subtext{line-height:150%;}

    .inquire_info{justify-content:flex-start;margin-top:39px;padding:36.5px;}
    .inquire_info ul{flex-direction:column;align-items:flex-start;gap:10px;}
    .inquire_info ul li + li::before{display:none;}
    .inquire_info ul span, 
    .inquire_info ul a{font-size:15px;}

    /* 제휴안내 - 뉴스이용안내 */
    .termsofuse_contents .intro_box{padding:26px 0 45px;}
    .termsofuse_contents .intro_box .intro_text{font-size:15px;}
    .tou_box{padding:30px 0 45px;}
    .tou_box .tou_title{font-size:20px;margin-bottom:13px;}
    .tou_box .term_text{font-size:15px;}
    .tou_box .tou_sublist .subterm_item{font-size:15px;}
    .footnote_box{padding:26px 0 34px;}
    .footnote_box .footnote{font-size:15px;line-height:150%;}

    /* 푸터 */ 
    #footer .inner .footer_menu li:first-child{width:100%;flex-shrink:0;}
    #footer .inner .footer_menu li:first-child::after{display:none;}
    #footer address{width:100%;}
}

@media screen and (max-width:768px){
    /* 메인 */
    .bgslide > li:nth-child(2){background-color:#242422;}
    .bgslide > li:first-child .inner,
    .bgslide > li:nth-child(3) .inner{padding:0 32px;}
    .bgslide > li .img_box img{width:fit-content;}
    .bgslide > li:nth-child(3) .img_box img{left:-200px;}

    .bgslide > li:nth-child(2) .img_box img{width:100%;}
    .bgslide > li:nth-child(2) .txt_box{margin-top:1vw;}

    .bgslide > li h2.top_text{font-size:46px;}
    .bgslide > li span.top_text_s{font-size:26px;}
    .bgslide > li:nth-child(2) h2.top_text{font-size:26px;}
    .pagination{bottom:88px;}

    /* 메인 - 중간 섹션 */
    .middle_section .inner{padding:0 19px 0 32px;}
    .middle_section .mid_txt_box .mid_text_s{font-size:25px;}
    .middle_section .mid_txt_box .mid_text_s::after{left:10px;bottom:13px;}
    .middle_section .mid_txt_box .mid_text{font-size:25px;margin-top:24px;} 
    .middle_section .mid_txt_box .mid_text .br_m{display:block;}

    /* 메인 - 하단 메뉴 */
    .bottom_menu .inner{padding:58px 30px;}

    /* 회사소개 - 연혁 */
    .history_contents{padding:15px 0;}
    .period_list{justify-content:space-between;gap:18px;margin-bottom:35px;} 
    .period_list li{font-size:18px;}
    .period_list li.is_active{font-size:18px;padding-left:0;}
    .period_list li.is_active::before{display:none;}

    /* 회사소개 - 조직도 */
    .people_box{padding:16px 18px 18px;}
    .re25 .people_item h4{font-size:14px;}/*250306 추가*/

    /* 회사소개 - 오시는 길 */
    .contactus_contents{gap:35px;}
    .contactus_contents .map_box{height:224px;}
    .contactus_contents .address_box .info li{flex-direction:column;gap:5px;margin-bottom:26px;}

    /* 광고안내 - 동아닷컴 광고안내 */
    .adinfo_box .charge_info{flex-direction:column;}
    .btn_pdf{margin-top:33px;}

    /* 제휴안내 - 제휴안내 */
    .cooperation_contents{padding:15px 0;}
    .cooperation_info{margin-bottom:15px;}

    /* 제휴안내 - 뉴스제공안내 */
    .caution_box{padding:18px 15px 27px 13px;}
    .inquire_info{margin-top:62px;}
    .newsguide_info li .slogan_box .slogan_subtext .br_m{display:block;}/*240703 수정*/
}

@media screen and (max-width:620px){
    .newsguide_info li .slogan_box .slogan_subtext .br_m{display:none;}/*240703 수정*/
}