@CHARSET "UTF-8";

/* 인사말 */
.greet{position:relative;}
.greet::before{content:""; position:absolute; right:-35px; top:-15px; width:700px; height:385px; background-image:url(/nanum/site/builder/dir/main/img/menu6028/intro_bg.png); z-index:-1;}
.greet .tit{line-height:1.4; font-family: 'Elice DX Neolli'; font-size:3.2rem; font-weight:700;}
.greet .b_txt{margin:40px 0 60px 0; line-height:1.4; font-size:2.4rem; color:#333;}
.under_bg_blue{position:relative; padding:0 3px; z-index:1;}
.under_bg_blue::before{content:""; position:absolute; left:0; bottom:0; width:100%; height:12px; background:#bdd1ff; z-index:-1;}
.greet .txt{margin-top:30px; color:#333;}
.greet .sain_name{width:100%; margin-top:100px; text-align:right; font-family: 'Elice DX Neolli'; font-size:1.9rem; font-weight:700;}

/* 연혁 */
.history dl{position:relative; display:flex; gap:90px;}
.history dl::before{content:""; position:absolute; left:419px; bottom:0; width:1px; height:calc(100% - 10px); background:#000;}
.history dl:nth-child(n+2){margin-top:55px;}
.history dl dt{width:390px; text-align:right;}
.history dl dt .year{position:relative; padding-right:30px; line-height:1; font-family: 'Elice DX Neolli'; font-size:3rem; font-weight:700; color:#005aab;}
.history dl dt .year::before{content:""; position:absolute; right:-35px; top:50%; width:11px; height:11px; border:3px solid #005aab; background:#fff; box-sizing:border-box; transform:translateY(-50%);}
.history dl dd{width:calc(100% - 480px); margin-top:5px; box-sizing:border-box;}
.history dl dd .history_list li{display:flex; gap:10px;}
.history dl dd .history_list li:nth-child(n+2){margin-top:20px;}
.history dl dd .history_list li .year_month{min-width:115px; font-family: 'Elice DX Neolli';  font-weight:700;}
.history dl dd .history_list li .txt{color:#333;}
.history dl dd.img_box{position:absolute; left:0; top:20px; display:flex; flex-direction:column; gap:10px; width:100%; margin-top:20px;}
.history dl dd.img_box img{max-width:100%;}
.history dl.height_t{min-height:300px;}

/* 오시는 길 */
.map .root_daum_roughmap .wrap_map{height:420px;}
.map .map_info{width:100%;}
.map .wrap_controllers, .map .map_border{display:none;}
.map .map_adrdress{position:relative; margin-top:-30px; z-index:1;}
.map .map_adrdress ul{display:flex; justify-content:space-between; flex-wrap:wrap; gap:20px; width:100%; padding:40px 60px; border-radius:20px; background:#fff; box-shadow:5px 5px 16px rgba(0,0,0,0.15); box-sizing:border-box;}
.map .map_adrdress ul li{display:flex; align-items:center; gap:15px; font-family: 'Elice DX Neolli'; font-size:2rem; font-weight:700; }
.map .map_adrdress ul li::before{content:""; align-self:flex-start; display:block; width:28px; height:34px; background-size:100% auto; background-repeat:no-repeat;}
.map .map_adrdress ul li.adr::before{background-image:url(/nanum/site/builder/dir/main/img/menu6028/map_icon01.png);}
.map .map_adrdress ul li.tel::before{background-image:url(/nanum/site/builder/dir/main/img/menu6028/map_icon02.png);}

.location{display:flex; gap:30px 20px; margin-top:70px;}
.location dl{width:calc(50% - 10px);}
.location dl dt{font-family: 'Elice DX Neolli'; font-size:2.8rem; font-weight:700;}
.location dl dd{display:flex; flex-direction:column; gap:10px;  margin-top:25px;}
.location dl dd .txt_list{display:flex; flex-wrap:wrap;  gap:15px;}
.location dl dd .txt_list p.color_box{display:flex; align-items:center; justify-content:center; width:70px; height:36px; text-align:center; color:#fff; font-weight:700; border-radius:5px;}
.location dl dd .txt_list .txt{width:calc(100% - 85px); margin-top:5px; font-weight:600;}
.location dl dd .txt_list .color_box_b{background:#0085ca;}
.location dl dd .txt_list .color_box_r{background:#d82026;}
.location dl dd .txt_list .color_box_g{background:#00aa80;}
.location dl dd .txt_list .color_box_y{background:#ffb100;}
.location dl dd .txt_list .maplist{width:100%; margin-top:5px;}
.location dl dd .txt_list .maplist li{position:relative; padding-left:10px; font-size:1.6rem; color:#555;}
.location dl dd .txt_list .maplist li::before{content:""; position:absolute; left:0; top:10px; width:4px; height:4px; background:#555;}

/* 왜 노동조합인가 */
.why_box{position:relative; padding:55px 40px 0 40px; background:#ebf0fc url(/nanum/site/builder/dir/main/img/menu6028/why_bg_pattern.png) no-repeat; background-size:cover; overflow:hidden;}
.why_box .title{position:relative; padding-bottom:35px; overflow:hidden;}
.why_box .title::before{content:""; position:absolute; right:60px; bottom:-120px; width:145px; height:356px; background-image:url(/nanum/site/builder/dir/main/img/menu6028/why_img.png);}
.why_box .title .b_txt{font-family: 'Elice DX Neolli'; font-size:3.2rem; font-weight:700;}
.why_box .title .s_txt{width:calc(100% - 185px); margin-top:40px; color:#333;}
.why_box .title .m_txt{width:calc(100% - 185px); margin-top:30px; font-size:1.9rem; font-weight:700;}
.why_box .txt_box{padding:40px; border-radius:15px 15px 0 0; box-shadow:2px 2px 21px rgba(0,50,175,0.1); background:#fff;}
.why_box .txt_box p:nth-child(n+2){margin-top:35px;}


/* 가입(탈퇴)방법 */
.regi_box{padding:55px 400px 55px 70px;background:no-repeat bottom right 50px;box-sizing:border-box;overflow:hidden}
.regi_box.bg1{background-color:#ebf0fc;background-image:url(/nanum/site/builder/dir/main/img/menu6028/regi_img1.png);}
.regi_box.bg2{padding-bottom:0;background-color:#f3ebfc;background-image:url(/nanum/site/builder/dir/main/img/menu6028/regi_img2.png);}
.regi_box > dt{position:relative;display:inline-block;margin-bottom:30px;font-family: 'Elice DX Neolli';font-size: 3.2rem;font-weight: 700;line-height:1;z-index:1;}
.regi_box > dt::before{content:""; position:absolute; left:0; bottom:0; width:100%; height:12px;z-index:-1;}
.regi_box.bg1 > dt::before{background:#bdd1ff}
.regi_box.bg2 > dt::before{background:#e1bdff}
.regi_box > dd{margin-top:10px;}
.regi_box > dd a{font-weight:700;color:#14498f;}
.regi_box .info_box{display:flex;gap:15px;flex-wrap:wrap;padding:30px;margin-top:50px;background:#fff;border-radius: 15px 15px 0 0;box-shadow: 2px 2px 21px rgba(0, 50, 175, 0.1);box-sizing:border-box;}
.regi_box .info_box dl{width:0;flex-grow:1;}
.regi_box .info_box dt{margin-bottom:10px;font-family: 'Elice DX Neolli';font-weight:700;font-size:2rem;color:#450e72;}
.regi_box .info_box dd{line-height:1.4}


/********************태블릿********************/
@media all and (max-width:1024px){

	/* 연혁 */
	.history dl{gap:60px;}
	.history dl::before{left:329px;}
	.history dl dt{width:300px;}
	.history dl dd{width:calc(100% - 360px);}
	.history dl dd.img_box{width:300px;}

	/* 오시는 길 */
	.location{margin-top:50px;}

	/* 왜 노동조합인가 */
	.why_box .title::before{right:30px;}
	
	/* 가입(탈퇴)방법 */
	.regi_box{padding: 50px 300px 50px 30px;background-position: bottom right 20px;background-size:auto 200px;}
	.regi_box > dt{margin-bottom:20px;}
	.regi_box .info_box{margin-top:30px;}

}

/********************모바일********************/
@media all and (max-width:767px){

	/* 인사말 */
	.greet .tit{font-size:2.9rem}
	.greet .b_txt{margin:3vh 0 5vh 0;}
	.greet .txt{margin-top:2vh;}
	.greet .sain_name{margin-top:5vh;}

	/* 연혁 */
	.history dl{flex-direction:column; gap:20px;}
	.history dl::before{left:5px;}
	.history dl dt{width:100%; text-align:left;}
	.history dl dt .year{padding: 0 0 0 30px;}
	.history dl dt .year::before{right:auto; left:0;}
	.history dl dd{width:100%; margin-top:0; padding-left:30px;}
	.history dl dd .history_list li:nth-child(n+2){margin-top:10px;}
	.history dl dd .history_list li .year_month{min-width:101px;}
	.history dl dd.img_box{position:relative; top:0; width:100%; margin-top:0;}
	.history dl.height_t{min-height:auto;}

	/* 오시는 길 */
	.map .root_daum_roughmap .wrap_map{height:320px;}

	.map .map_adrdress ul{padding:3vh 2vh;}
	.map .map_adrdress ul li{width:100%;}
	.map .map_adrdress ul li::before{width:20px; height:24px;}
	.map .map_adrdress ul li .txt{width:calc(100% - 43px); font-size:1.7rem;}

	.location{flex-direction:column; margin-top:3vh;}
	.location dl{width:100%;}
	.location dl dt{font-size:2.3rem;}
	.location dl dd{margin-top:1vh;}
	.location dl dd .txt_list p.color_box{width:50px; height:30px;}

	/* 왜 노동조합인가 */
	.why_box{padding:3vh 2vh 0 2vh;line-height:1.4}
	.why_box .title{padding-bottom:1.5vh;}
	.why_box .title::before{display:none;}
	.why_box .title .b_txt{font-size:2.5rem;}
	.why_box .title .s_txt{width:100%; margin-top:2.5vh;}
	.why_box .title .m_txt{width:100%; margin-top:1.5vh;font-size:1.8rem;}
	.why_box .txt_box{padding:3vh;}
	.why_box .txt_box p:nth-child(n+2){margin-top:1.8vh;}
	
	/* 가입(탈퇴)방법 */
	.regi_box{padding:30px 20px 140px !important;line-height: 1.4;background-position: bottom center;background-size:auto 120px;}
	.regi_box > dt{margin-bottom: 15px;font-size:2.8rem}
	.regi_box .info_box{margin:20px 0 0 -10px;padding:20px 15px;width:calc(100% + 20px);}
	

}

/********************모바일********************/
@media all and (max-width:480px){

	/* 연혁 */
	.history dl dd .history_list li{gap:0; flex-direction:column;}

}