@charset "euc-kr";
:root {
  --blue-font:#003B7A;
}
/* header */
/* pc_header */

#header .pc_header .header_box {min-width:var(--main-size); height:130px; margin-top:1em; border-bottom:0}
#header .pc_header .header_box>div {width:var(--pding-size); margin:0 auto; height:130px; display:flex; justify-content: space-between; align-items: flex-end;}
#header .pc_header .header_box div h1 {height:49px; display:inline-block;}
#header .hd_wrap .nav_search a {background:url('/ja_data/worklaw/images/new/search_b_icon.png') no-repeat; width:48px; height:48px; display:inline-block;}
#header .hd_wrap .nav_search a:hover {background:url('/ja_data/worklaw/images/new/search_hover.png') no-repeat; width:48px; height:48px; display:inline-block;}
#header .hd_wrap .srch_box {margin-top:10px;}
#header .hd_wrap .srch_box .srch_wrap {width:70%; margin:0; border: 1px solid #e0e0e0; background: #fff;border-radius:50px; display:flex; justify-content:space-between; float:right}
#header .hd_wrap .srch_box .srch_wrap input.text {width:100%; height:100%; padding-left:1em; font-size:16px; border:0; outline:0; box-sizing: border-box;}
#header .hd_wrap .srch_box input.srch_img {background:url('/ja_data/worklaw/images/new/search_b_icon.png') no-repeat; width:48px; height:48px; text-indent:-9999px; border:0; cursor:pointer; z-index: 11;}
#header .hd_wrap .srch_box .srch_close {background:url('/ja_data/worklaw/images/new/close_b_icon.png') no-repeat; position:absolute; top:0; right:0; width:48px; height:48px; text-indent: -9999px; cursor:pointer; z-index: 10;}
#header .hd_wrap .hd_right {text-align:right; position:relative}

/* pc_header : gnb */
#header #nav .pc_nav_wrap {height:73px; border-bottom:0;}
#header #nav .pc_nav_wrap .pc_nav {width:var(--pding-size); height: 73px;  margin:0 auto; background:#fff;border-bottom:2px solid var(--bline-color); display:flex; justify-content: space-between; align-items: center; box-sizing: border-box; position:relative; z-index: 9;}

/* pc_header : ±¤°í½ºÆù¹è³Ê */
#header .pc_header .header_box .ad_area {width:400px; height:70px; display:flex; align-items:center}
#header #ad_Logo_L, #header #ad_Logo_R {display:inline-block; text-align:right}
#header #ad_Logo_L {width:60%;}
#header #ad_Logo_R {width:40%;}
#header #ad_Logo_L .banner_1_box {width:160px; margin-top:10px; overflow:hidden;height:45px;}
#header #ad_Logo_L .banner_1_box .banner_1 li {width:auto;height:auto;max-height:45px;min-height:35px; cursor:pointer;}
#header #ad_Logo_R .banner_2_box {width:160px; overflow:hidden;height:45px;}
#header #ad_Logo_R .banner_2_box .banner_2 li {width:auto;height:auto;max-height:45px;min-height:35px; cursor:pointer;}
/* pc_ÇÖÀ̽´ Ãß°¡ */
#header #hot {width:var(--pding-size);  margin:0 auto; background:#fff;border-bottom:1px solid var(--line-color);  box-sizing: border-box;}
#header #hot ul {padding:1em 0;display:flex; justify-content: space-between; align-items: center; font-size:14px; line-height:1.4;}
#header #hot h4 {color:var(--blue-font); font-weight:700;}
#header #hot li {width:100%; border-left:1px solid var(--line-color);}
#header #hot .title {width:35%;border-left:0;}
#header #hot li span{cursor: pointer;}
#header #hot .issue {text-align:center; font-weight:700;}
#header #hot .more {width:36px; border-left:0;}
#header #hot .more p {width:36px; height:36px; display:inline-block; background:url('/ja_data/worklaw/issue_more.png') no-repeat;background-size: contain; cursor: pointer;}

/* LIST_ÇÖÀ̽´ Ãß°¡ */
section.hot h2 {font-weight:700; color:var(--blue-font);}
section.hot ul {margin:3em 0; display:flex; justify-content:flex-start; flex-direction:row; flex-wrap:wrap; gap:30px}
section.hot li {width:380px; height:204px; margin-bottom:3em; padding:1.2em; box-sizing:border-box; border:1px solid var(--line-color); line-height:1.4; cursor:pointer}
section.hot li h3 {font-weight:700;}
section.hot li .text {height:2.8em; margin:1em 0; overflow:hidden;}

/* container */
/* content : main_top */
#content .main_top .main_news .top_right .right_box .mn_list_wrap { height:529px; display: flex; flex-direction: column; justify-content:space-between; align-items: flex-start; }
#content .main_top .main_news .top_right .right_box .mn_list_wrap .ellipsis2:first-child {margin-top:0px;}
#content .main_top .main_news .top_right h2 {padding-bottom:15px; border-bottom:0; font-size:1.6em; font-weight: bold;}
#content .main_top .main_news .top_right ul li {width:100%;font-size:18px;line-height:24px;margin:6px 0;}
.main_news .top_right li.ellipsis2 .right_wrap {width:100%;display:flex; justify-content:space-between;}
.main_news .top_right .txt {flex-basis:384px; flex-shrink:1}
.main_news .top_right .main_img {width:100px; height:51px; margin-left:.5em; background-size:contain;}

/* content : main_join */
.main_join {width:100%; margin-bottom:120px; background:#EFF5FB;}
.main_join .join_wrap {width:var(--pding-size); color:var(--blue-font); display:flex; justify-content: space-between; align-items:end; margin:0 auto; overflow: hidden; padding:60px 0; position:relative}
.main_join .book {width:40%; padding-left:3em; }
.main_join .book ul { display:flex; align-items:end;}
.main_join .book li span {box-shadow:0px 3px 6px rgba(0,0,0,.15); border-radius:7px; display:inline-block;}
.main_join .book li.bk {width:200px; height:268px; overflow:hidden;}
.main_join .book li.tab {width:100px; margin-left:-1em;position:relative}
.main_join .book li.mobile {width:80px; margin-left:.5em;position:relative}
.main_join .book li .news {display:inline-block; position:absolute; z-index:10; background-size:cover;}
.main_join .book li.tab .news {width:100px; height:57px; top:13px;}
.main_join .book li.mobile .news {width:80px; height:61px; top:17px;}
.main_join .book p.shadow {width:450px; height:10px; background:url('/ja_data/worklaw/shadow.png') no-repeat; background-size:contain; position:absolute; top:324px; left:11px; opacity:0.2;}
.main_join .text {width:55%; }
.main_join .text h2 {font-weight:900; font-size:2.14em;}
.main_join .text p {font-size:1.4em;}
.main_join .text p.sub {margin:.5em 0 3em;}
.main_join .text dl {margin-top:1em; display:flex;}
.main_join .text dt, .main_join .text dd {padding:.5em 1.3em; border-radius:50px; font-size:1.2em; background:#fff;color:var(--blue-font); cursor:pointer}
.main_join .text dt {margin-right:.7em; background:var(--blue-font); color:#fff;}

/* footer */
/* pc_footer : fuc */
#footer .corp_wrap .f_fuc {padding:1.5em 0; border-bottom:1px solid var(--line-color);}
#footer .corp_wrap .f_fuc ul {width:50%; display:flex; justify-content: space-between; align-items: center;}
#footer .corp_wrap .f_fuc ul li {display:inline-block; margin-right:1.6em; cursor: pointer; font-size:14px;}



/* ¸ð¹ÙÀÏ °¡·Î */
@media screen and (max-width:768px){
#header .m_header .m_gnb {border-bottom:1px solid var(--line-color)}


#header #hot {padding: .5em; margin:0 auto; background:#fff;border-bottom:1px solid var(--line-color);  box-sizing: border-box;display:flex; justify-content: space-between; align-items: center; font-size:14px; line-height:1.4;}
#header #hot .title {width:20%;}
#header #hot .more {width:20px}
#header #hot .more p {width:20px; height:20px;}
#header #hot .slider_wrap {width:60%; height:auto;}
#header #hot .hot_swiper {width: 100%; height: auto; text-align:center; }
#header #hot ul {padding:0;}



.main_join {margin-bottom:0;}
.main_join .book ul {justify-content:center}
.main_join .join_wrap {flex-wrap:wrap}
.main_join .book {width:100%; padding:0 2em;}
.main_join .book li.bk {width:37%; height:auto;}
.main_join .book li.tab {width:24%;}
.main_join .book li.tab .news {width:100%; height:50px; top:11px}
.main_join .book p.shadow {display:none}
.main_join .text {width:100%; padding:3em 0 0; text-align:center;}
.main_join .text p.sub {margin-bottom:1em;}
.main_join .text dl {margin-top:3em; justify-content:center;}
.main_join .text p {font-size:1.1em;}

section.hot {width:100%; padding:0 1em; box-sizing:border-box}
section.hot h2 {margin-top:20px;}
section.hot li {width:100%; margin-bottom:0;}

}