@charset "utf-8";

/* 공통 */

.sub_visual {position: relative; height: 710px; background: url("/images/sub/sub_vis_bg1.jpg") center no-repeat; background-size: cover;}
.sub_vis_txt {position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; max-width: 1400px; width: 100%; margin: 0 auto;}
.sub_vis_txt h2 {font-size: 70px; color: #fff; font-weight: 800;}
.sub_vis_txt p {font-size: 20px; color: #fff; margin-top: 10px;}

.sub_pc_menu {height: 110px; border-bottom: 1px solid #ccc;}
.sub_pc_menu ul {display: flex; align-items: center; justify-content: center; height: 100%;}
.sub_pc_menu ul li {position: relative; height: 100%; display: flex; align-items: center; margin: 0 30px;}
.sub_pc_menu ul li.active a {color: #000; font-weight: bold;}
.sub_pc_menu ul li.active:before {content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #000; }
.sub_pc_menu ul li a {position: relative; font-size: 20px; color: #737373; font-weight: 300;}
#sub_content {padding-top: 100px; margin-bottom: 120px;}
.sub_inner {max-width: 1400px; width: 100%; margin: 0 auto;}
.sub_txt_wrap {text-align: center;}
.sub_txt_wrap h2 {position: relative; font-size: 50px; color: #000; font-weight: 800;}
.sub_txt_wrap h2:after {content: ""; display: block; width: 1px; height: 25px; background: #000; margin: 30px auto 0;}


.sub_menu {position: absolute; left: 0; bottom: 0; width: 100%; height: 70px;}
.sub_menu > ul {position: relative; width: 1400px; height: 100%; margin: 0 auto;}
.sub_menu > ul:after {content: ""; display: block; clear: both;}
.sub_menu > ul > li {position: relative; float: left; height: 100%;}
.sub_menu > ul > li + li:before {content: ""; position: absolute; top: 50%; transform: translateY(-50%); left: 0; width: 1px; height: 20px; background: rgba(255,255,255,0.3); }
.sub_menu > ul > li > a {position: relative; display: block; height: 100%;}
.sub_menu > ul > li.sub_home {width: 90px;}
.sub_menu > ul > li.sub_home a:before {content: ""; position: absolute; top: 50%; transform: translateY(-50%); left: 0; width: 45px; height: 45px; background: #fff url("/images/sub/sub_home_ic.png") center no-repeat; background-size: 15px; border-radius: 50%;}
.sub_menu > ul > li.menu_btn {width: 290px; background: url("/images/sub/sub_menu_arrow.png") right 20px center no-repeat; background-size: 11px;}
.sub_menu > ul > li.menu_btn.on {background: #005bac url("/images/sub/sub_menu_arrow_on.png") right 20px center no-repeat; background-size: 11px;}
.sub_menu > ul > li.menu_btn.on > a {color: #fff;}
.sub_menu > ul > li.menu_btn > a {display: flex; align-items: center; font-size: 23px; color: #fff; font-weight: bold; padding-left: 30px;}
.sub_menu_txt {display: none; position: absolute; left: 0; width: 100%; background: #fff; z-index: 30; border-left: 1px solid #ccc; border-right: 1px solid #ccc;}
.sub_menu_txt > li {height: 70px; border-bottom: 1px solid #ccc;}
.sub_menu_txt > li > a {display: flex; height: 70px; align-items: center; color: #000; font-size: 20px; padding-left: 30px; }
.sub_menu_txt.ssub > li:last-child > a {align-items: center; padding: 0; padding-left: 30px;}
.sub_menu_txt > li > a span {display: block; width: 100%;}
.sub_menu_txt > li:hover > a {color: #fff; background: #005bac;}

.coming_soon {margin: 50px 0; text-align: center; }

/* 오시는 길 */

.loc_wrap {margin-top: 100px;}
.loc_tp_txt {position: relative; text-align: center; padding-top: 100px;}
.loc_tp_txt:before {content: ""; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 1013px; height: 125px; background: url("/images/sub/loc_tp_txt.png") center no-repeat; background-size: 100%;}
.loc_tp_txt h2 {font-size: 40px; color: #000; font-weight: 800;}
.loc_tp_txt h2 span {color: #005bac;}
.loc_map {margin-top: 40px; position: relative; height: 650px;}
.loc_map iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.loc_map .root_daum_roughmap .wrap_controllers {display: none;}
.loc_map .root_daum_roughmap .wrap_map {height: 650px;}
.loc_map_btn {margin-top: 40px; display: flex; align-items: center; justify-content: center;}
.loc_map_btn .loc_map_more {display: flex; align-items: center; justify-content: center; height: 85px; border-radius: 40px; background: #005bac; color: #fff; font-size: 26px; color: #fff; font-weight: 800; padding: 0 50px;}
.loc_map_btn .loc_map_more .loc_ic {display: inline-block; vertical-align: middle; width: 20px; height: 25px; background: url("/images/sub/loc_btn1.png") center no-repeat; background-size: 100%; margin-right: 10px;}
.loc_menu {margin-top: 60px;}
.loc_menu ul {display: flex; align-items: center; margin-bottom: 20px;}
.loc_menu ul li {display: flex; align-items: center; margin-right: 0;}
.loc_menu ul li strong {position: relative; font-size: 32px;color: #000; font-weight: 800; margin-right: 30px; padding-left: 40px;}
.loc_menu ul li strong .add_txt {font-size: 25px;}
.loc_menu ul li span .add_txt {font-size: 24px;}
.loc_menu ul li span {font-size: 30px; color: #000;}
.loc_menu ul li .loc_ic {position: absolute; top: 5px; left: 0; width: 20px; height: 26px; background: url("/images/sub/loc_btn2.png") center no-repeat; background-size: 100%; }

#dpp_pic_list, #dpd_view, .dpp_bd_write {margin-top: 50px;}
.dpp_basic_bd {margin-top: 50px;}

/* 윤리/준법경영 */

.safe_tit_wrap{text-align:center}
.safe_tit_wrap p{font-size:35px; margin-top:30px; line-height:1.5}
.safe_tit_wrap p b{font-weight:800;}
.safe_tit_wrap br{display:none}

.safe_txt_wrap{margin-top:120px}
.safe_txt_wrap1{position:relative}
.safe_txt_wrap1:before{content:''; display:block; width:100%; height:55%; background:#f9f9f9; position:absolute; left:0; bottom:0; z-index:-1}
.safe_txt_wrap .title{text-align:center; font-size:35px; font-weight:800;}
.safe_txt_wrap .box{width:100%; margin-top:70px; padding-bottom:120px}
.safe_txt_wrap .box:after{content:''; display:block; clear:both}
.safe_txt_wrap .box>li{float:left; width:19%; margin-right:1.25%; background:#fff; border:1px solid #cecece; padding:25px; height:350px}
.safe_txt_wrap .box>li:nth-of-type(even){margin-top:70px}
.safe_txt_wrap .box>li:last-child{margin-right:0}
.safe_txt_wrap .box>li p{color:#005bac; font-size:20px; font-weight:900; text-decoration:underline}
.safe_txt_wrap .box>li strong{font-size:26px; font-weight:700; display:block; margin:15px 0 20px}
.safe_txt_wrap .box>li ul li{font-size:20px; color:#656565; position:relative; padding-left:15px; word-break:keep-all; line-height:1.4; margin-bottom:13px}
.safe_txt_wrap .box>li ul li:before{content:''; display:block; width:5px; height:5px; border-radius:100%; background:#656565; position:absolute; left:0; top:10px}

/* 인사제도 */

.p_sys_tit_wrap{text-align:center}
.p_sys_tit_wrap p{font-size:35px; margin-top:30px; line-height:1.5}
.p_sys_tit_wrap p b{font-weight:800;}
.p_sys_tit_wrap .mob_br{display:none}

.p_sys_cont_wrap{position:relative; margin-top:110px; text-align:center; padding-bottom: 150px;}
.p_sys_cont_wrap:before{content:''; display:block; width:100%; height:85%; background:#f8f8f8; position:absolute; bottom:0; z-index:-1}
.p_sys_cont_wrap .top_img{position:relative; margin-bottom:100px}
.p_sys_cont_wrap .top_img:before{content:''; display:block; width:1070px; height:186px; background: url("/images/sub/sub4_1_line.png") no-repeat center / 100%; position:absolute; bottom:-186px; left:50%; transform:translateX(-50%); z-index:-1}
.p_sys_cont_wrap .top_img img{width:320px}
.p_sys_cont_wrap ul{width:100%;}
.p_sys_cont_wrap ul:after{content:''; display:block; clear:both}
.p_sys_cont_wrap ul li{width:25%; float:left; text-align:center; display:flex; flex-direction:column; align-items:center}
.p_sys_cont_wrap ul li img:first-of-type{width:320px; box-sizing:border-box; border-radius:100%; border:2px solid #d9d9d9}
.p_sys_cont_wrap ul li img:last-of-type{width:24px; margin:35px 0 30px}
.p_sys_cont_wrap ul li strong{display:block; font-size:32px;}
.p_sys_cont_wrap ul li p{font-size:19px; font-weight:500; line-height:1.5; margin-top:12px}

/* 보관물류 */

.sto_sec{margin-top:130px}
.storage .hover{display:none}
.storage .title{font-size:38px; font-weight:800; margin-bottom:40px}
.sto_sec1{margin-top:110px}
.sto_sec1 .tit{font-size:38px; text-align:center; margin-bottom:70px}
.sto_sec1 ul{display:flex; justify-content:space-between;}
.sto_sec1 ul li{width:400px; height:400px; background:#f1f1f1; border-radius:100%; text-align:center; box-sizing:border-box; padding:75px 0}
.sto_sec1 ul li:hover {background:#005bac; color:#fff}
.sto_sec1 ul li:hover .basic{display:none}
.sto_sec1 ul li:hover .hover{display:inline-block}
.sto_sec1 ul li img{width:92px}
.storage ul li strong{display:block; font-size:32px; margin:30px 0 15px}
.storage ul li p{font-size:20px; font-weight:500; line-height:1.5}
.storage .mob_br{display:none}
.sto_sec2{width:100%; background:#f1f1f1; padding:105px 0}
.sto_sec2 .tit{text-align:center; font-size:38px; font-weight:500; line-height:1.4; margin-bottom:85px; position:relative}
.sto_sec2 .tit:before{content:'['; display:block; font-size:100px; font-weight:900;color:#005bac; position:absolute; left:310px; bottom:-6px}
.sto_sec2 .tit:after{content:']'; display:block; font-size:100px; font-weight:900;color:#005bac; position:absolute; right:310px; bottom:-6px}
.sto_sec2 .tit span{font-size:45px; display:block;}
.sto_sec2 .tit span em{font-weight:900; color:#005bac}
.sto_sec2 ul:after{content:''; display:block; clear:both}
.sto_sec2 ul li{float:left; width:33.3%; text-align:center; border-right: 1px solid #d8d8d8; border-bottom: 1px solid #d8d8d8; padding:45px 0}
.sto_sec2 ul li img{width:138px}
.sto_sec2 ul li:nth-child(3), .sto_sec2 ul li:nth-child(6){border-right:none}
.sto_sec2 ul li:nth-child(n+4){border-bottom:none}
.sto_sec2 ul li:hover{background:#616161; color:#fff}
.sto_sec2 ul li:hover .basic{display:none}
.sto_sec2 ul li:hover .hover{display:inline-block}

.sto_sec3 table{width:100%; text-align:center; border-collapse: collapse; border-top:1px solid #d1d1d1}
.sto_sec3 table tr{border-bottom:1px solid #d1d1d1}
.sto_sec3 table th{font-size:27px; font-weight:600; padding:25px 0; width:20%}
.sto_sec3 table td{font-size:22px; padding:15px 0}

.storage .img_wrap{display:flex; justify-content:space-between; flex-wrap:wrap; gap: 60px 0;}
.storage .img_wrap .popup_inner img{width:670px}
.storage .img_wrap .popup_inner{position:relative;}
.storage .img_wrap .popup_inner::before {content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background:rgba(0,91,172,0.5); opacity:0; transition:all 0.3s}
.storage .img_wrap .popup_inner::after {content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50% , -50%); width: 70px; height: 70px; background: url("/images/sub/more-btn.png") no-repeat center / 100%; z-index:100; opacity:0; transition:all 0.3s}
.storage .img_wrap .popup_inner:hover:before {opacity:1}
.storage .img_wrap .popup_inner:hover:after {opacity:1}
.storage .img_wrap .popup_menu{display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); z-index: 300;}
.storage .img_wrap .popup_menu.on {display: flex; align-items: center; justify-content: center;}
.storage .img_wrap .popup_menu_inner{position: relative; width: 1000px;}
.storage .img_wrap .popup_menu img{width:1000px}
.storage .img_wrap .popup_menu .popup_close{position: absolute; top: -40px; right: -60px; width: 30px; height: 30px; cursor: pointer;}
.storage .img_wrap .popup_menu .popup_close:before{content: ""; position: absolute; top: 0; left: 0; width: 2px; height: 30px; transform: rotate(45deg); background: #fff;}
.storage .img_wrap .popup_menu .popup_close:after{content: ""; position: absolute; top: 0; left: 0; width: 2px; height: 30px; transform: rotate(-45deg); background: #fff;}


@media screen and (max-width: 1420px) {
	
	/* 공통 */

	.sub_visual { height: 50.00vw; }
	.sub_vis_txt {left: 3.52vw; right: 0; max-width: 100%; }
	.sub_vis_txt h2 {font-size: 4.93vw;}
	.sub_vis_txt p {font-size: 1.41vw; margin-top: 0.70vw;}

	.sub_pc_menu {height: 7.75vw;}
	.sub_pc_menu ul li {margin: 0 2.11vw;}
	.sub_pc_menu ul li a { font-size: 1.41vw;}
	#sub_content {padding-top: 7.04vw; margin-bottom: 8.45vw;}
	.sub_inner {max-width: 100%; width: 100%; margin: 0 auto; padding: 0 3.52vw}
	.sub_txt_wrap h2 { font-size: 3.52vw;}
	.sub_txt_wrap h2:after {height: 1.76vw; margin: 2.11vw auto 0;}

	.sub_menu {bottom: 1.76vw; height: 4.93vw;}
	.sub_menu > ul { width: 100%; height: 100%; margin: 0 auto;}
	.sub_menu > ul > li + li:before {left: 0; height: 1.41vw; }
	.sub_menu > ul > li.sub_home {width: 6.34vw;}
	.sub_menu > ul > li.sub_home a:before {width: 3.17vw; height: 3.17vw; background-size: 1.06vw;}
	.sub_menu > ul > li.menu_btn {width: 20.42vw; background: url("/images/sub/sub_menu_arrow.png") right 1.41vw center no-repeat; background-size: 0.77vw;}
	.sub_menu > ul > li.menu_btn.on {background: #005bac url("/images/sub/sub_menu_arrow_on.png") right 1.41vw center no-repeat; background-size: 0.77vw;}
	.sub_menu > ul > li.menu_btn > a {font-size: 1.62vw;  padding-left: 2.11vw;}
	.sub_menu_txt > li {height: 4.93vw; }
	.sub_menu_txt > li > a { height: 4.93vw; font-size: 1.41vw; padding-left: 2.11vw; }
	.sub_menu_txt.ssub > li:last-child > a {padding-left: 2.11vw;}

	/* 오시는 길 */

	.loc_wrap {margin-top: 7.04vw;}
	.loc_tp_txt {  padding-top: 7.04vw;}
	.loc_tp_txt:before {width: 71.34vw; height: 8.80vw;}
	.loc_tp_txt h2 {font-size: 2.82vw;  }
	.loc_map {margin-top: 2.82vw; height: 45.77vw;}
	.loc_map .root_daum_roughmap .wrap_map {height: 45.77vw;}
	.loc_map_btn {margin-top: 2.82vw;}
	.loc_map_btn .loc_map_more {height: 5.99vw; border-radius: 2.82vw; font-size: 1.83vw;   padding: 0 3.52vw;}
	.loc_map_btn .loc_map_more .loc_ic {  width: 1.41vw; height: 1.76vw; margin-right: 0.70vw;}
	.loc_menu {margin-top: 4.23vw;}
	.loc_menu ul { margin-bottom: 1.41vw;}
	.loc_menu ul li {margin-right: 9.15vw;}
	.loc_menu ul li strong { font-size: 2.25vw;  padding-left: 2.82vw;}
	.loc_menu ul li strong .add_txt {font-size: 1.76vw;}
	.loc_menu ul li span .add_txt {font-size: 1.69vw;}
	.loc_menu ul li span {font-size: 2.11vw; }
	.loc_menu ul li .loc_ic { top: 0.35vw;  width: 1.41vw; height: 1.83vw;  }

	/* 윤리/준법경영 */

	.safe_tit_wrap p{font-size:2.19vw; margin-top:1.88vw;}
	.safe_txt_wrap{margin-top:7.50vw}
	.safe_txt_wrap .title{font-size:2.19vw}
	.safe_txt_wrap .box{margin-top:4.38vw; padding-bottom:6.63vw}
	.safe_txt_wrap .box>li{padding:1.56vw; height:22.3vw}
	.safe_txt_wrap .box>li:nth-of-type(even){margin-top:4.38vw}
	.safe_txt_wrap .box>li p{ font-size:1.25vw;}
	.safe_txt_wrap .box>li strong{font-size:1.63vw; margin:0.94vw 0 1.25vw}
	.safe_txt_wrap .box>li ul li{font-size:1.25vw; padding-left:0.94vw; margin-bottom:0.81vw}
	.safe_txt_wrap .box>li ul li:before{top:0.63vw}

	/* 인사제도 */

	.p_sys_tit_wrap p{font-size:2.18vw; margin-top:1.90vw;}

	.p_sys_cont_wrap{margin-top:6.90vw; padding-bottom: 9.37vw;}
	.p_sys_cont_wrap:before{height:85.5%}
	.p_sys_cont_wrap .top_img{margin-bottom:6.5vw}
	.p_sys_cont_wrap .top_img:before{width:70vw; height:14.10vw; bottom:-13.10vw;}
	.p_sys_cont_wrap .top_img img{width:19.86vw}
	.p_sys_cont_wrap ul li img:first-of-type{width:19.86vw;}
	.p_sys_cont_wrap ul li img:last-of-type{width:1.48vw; margin:2.18vw 0 1.90vw}
	.p_sys_cont_wrap ul li strong{font-size:1.97vw;}
	.p_sys_cont_wrap ul li p{font-size:1.27vw;}


	#dpp_pic_list, #dpd_view, .dpp_bd_write {margin-top: 3.52vw;}
	.dpp_basic_bd {margin-top: 3.52vw;}

	/* 보관물류 */

	.sto_sec{margin-top:9.15vw}
	.storage .title{font-size:2.68vw;  margin-bottom:2.82vw}
	.sto_sec1{margin-top:7.75vw}
	.sto_sec1 .tit{font-size:2.68vw;  margin-bottom:4.93vw}
	.sto_sec1 ul li{width:28.17vw; height:28.17vw; padding:5.28vw 0}
	.sto_sec1 ul li img{width:6.48vw}
	.storage ul li strong{ font-size:2.25vw; margin:2.11vw 0 1.06vw}
	.storage ul li p{font-size:1.41vw;}
	.sto_sec2{padding:7.39vw 0}
	.sto_sec2 .tit{ font-size:2.68vw; margin-bottom:5.99vw;}
	.sto_sec2 .tit:before{font-size:7.04vw; left:18.83vw; bottom:-0.42vw}
	.sto_sec2 .tit:after{font-size:7.04vw; right:18.83vw; bottom:-0.42vw}
	.sto_sec2 .tit span{font-size:3.17vw;}
	.sto_sec2 ul li{padding:3.17vw 0}
	.sto_sec2 ul li img{width:9.72vw}
	.sto_sec3 table th{font-size:1.90vw; padding:1.76vw 0;}
	.sto_sec3 table td{font-size:1.55vw; padding:1.06vw 0}
	.storage .img_wrap{gap: 3.43vw 0;}
	.storage .img_wrap .popup_inner img{width:44.18vw}
	.storage .img_wrap .popup_inner::after {width: 4.93vw; height: 4.93vw;}
	.storage .img_wrap .popup_menu_inner{width: 70.42vw;}
	.storage .img_wrap .popup_menu img{width:65.42vw}
	.storage .img_wrap .popup_menu .popup_close{top: -2.82vw; right: 0.77vw; width: 2.11vw; height: 2.11vw;}
	.storage .img_wrap .popup_menu .popup_close:before{height: 2.11vw;}
	.storage .img_wrap .popup_menu .popup_close:after{height: 2.11vw;}

}

@media screen and (max-width: 1024px) {
	
	/* 공통 */

	.sub_visual { height: 69.34vw; }
	.sub_vis_txt {left: 4.88vw; right: 0; max-width: 100%; }
	.sub_vis_txt h2 {font-size: 6.84vw;}
	.sub_vis_txt p {font-size: 1.95vw; margin-top: 0.98vw;}

	.sub_pc_menu {height: 10.74vw;}
	.sub_pc_menu ul li {margin: 0 2.93vw;}
	.sub_pc_menu ul li a { font-size: 1.95vw;}
	#sub_content {padding-top: 9.77vw; margin-bottom: 11.72vw;}
	.sub_inner {max-width: 100%; width: 100%; margin: 0 auto; padding: 0 4.88vw}
	.sub_txt_wrap h2 { font-size: 4.88vw;}
	.sub_txt_wrap h2:after {height: 2.44vw; margin: 2.93vw auto 0;}

	.sub_menu {bottom: 0; height: 6.84vw;}
	.sub_menu > ul { width: 100%; height: 100%; margin: 0 auto;}
	.sub_menu > ul > li + li:before {left: 0; height: 1.95vw; }
	.sub_menu > ul > li.sub_home {width: 8.79vw;}
	.sub_menu > ul > li.sub_home a:before {width: 4.39vw; height: 4.39vw; }
	.sub_menu > ul > li.menu_btn {width: 28.32vw; background: url("/images/sub/sub_menu_arrow.png") right 1.95vw center no-repeat; }
	.sub_menu > ul > li.menu_btn.on {background: #005bac url("/images/sub/sub_menu_arrow_on.png") right 1.95vw center no-repeat; }
	.sub_menu > ul > li.menu_btn > a {font-size: 2.25vw;  padding-left: 2.93vw;}
	.sub_menu_txt > li {height: 6.84vw; }
	.sub_menu_txt > li > a { height: 6.84vw; font-size: 1.95vw; padding-left: 2.93vw; }
	.sub_menu_txt.ssub > li:last-child > a {padding-left: 2.93vw;}

	/* 오시는 길 */

	.loc_wrap {margin-top: 9.77vw;}
	.loc_tp_txt {  padding-top: 9.77vw;}
	.loc_tp_txt:before {width: 98.93vw; height: 12.21vw;}
	.loc_tp_txt h2 {font-size: 3.91vw;  }
	.loc_map {margin-top: 3.91vw; height: 63.48vw;}
	.loc_map .root_daum_roughmap .wrap_map {height: 63.48vw;}
	.loc_map_btn {margin-top: 3.91vw;}
	.loc_map_btn .loc_map_more {height: 8.30vw; border-radius: 3.91vw; font-size: 2.54vw;   padding: 0 4.88vw;}
	.loc_map_btn .loc_map_more .loc_ic {  width: 1.95vw; height: 2.44vw; margin-right: 0.98vw;}
	.loc_menu {margin-top: 5.86vw;}
	.loc_menu ul { margin-bottom: 1.95vw; }
	.loc_menu ul li{align-items:flex-start; margin:0}
	.loc_menu ul li strong { font-size: 3.13vw;  margin-right: 2.93vw; padding-left: 3.91vw; width: 15%;}
	.loc_menu ul li strong .add_txt {font-size: 2.44vw;}
	.loc_menu ul li span .add_txt {font-size: 2.34vw;}
	.loc_menu ul li span {font-size: 2.93vw; white-space:nowrap}
	.loc_menu ul li .loc_ic { top: 0.49vw;  width: 1.95vw; height: 2.54vw;  }

	/* 윤리/준법경영 */

	.safe_tit_wrap p{font-size:3.15vw; margin-top:1.86vw;}
	.safe_tit_wrap br{display:block}
	.safe_txt_wrap{margin-top:9.52vw}
	.safe_txt_wrap .title{font-size:3.15vw}
	.safe_txt_wrap .box{margin-top:4.39vw; padding-bottom:8.66vw}
	.safe_txt_wrap .box>li{padding:1.56vw; height:31.7vw}
	.safe_txt_wrap .box>li:nth-of-type(even){margin-top:4.39vw}
	.safe_txt_wrap .box>li p{ font-size:1.6vw;}
	.safe_txt_wrap .box>li strong{font-size:2.4vw; margin:0.98vw 0 1.27vw}
	.safe_txt_wrap .box>li ul li{font-size:1.6vw; padding-left:0.98vw; margin-bottom:0.78vw}
	.safe_txt_wrap .box>li ul li:before{top:0.89vw}

	/* 인사제도 */

	.p_sys_tit_wrap p{font-size:3vw; margin-top:1.86vw;}

	.p_sys_cont_wrap{margin-top:6.84vw; padding-bottom: 9.38vw;}
	.p_sys_cont_wrap:before{height:86.5%}
	.p_sys_cont_wrap .top_img{margin-bottom:6.3vw}
	.p_sys_cont_wrap .top_img:before{width:66.00vw; height:12.2vw; bottom:-11.8vw;}
	.p_sys_cont_wrap .top_img img{width:20.92vw;}
	.p_sys_cont_wrap ul li img:first-of-type{width:20.92vw;}
	.p_sys_cont_wrap ul li img:last-of-type{width:1.46vw; margin:2.15vw 0 1.86vw}
	.p_sys_cont_wrap ul li strong{font-size:2.2vw;}
	.p_sys_cont_wrap ul li p{font-size:1.7vw; word-break:keep-all}
	.p_sys_cont_wrap ul li p .pc_br{display:none}

	#dpp_pic_list, #dpd_view, .dpp_bd_write {margin-top: 4.88vw;}
	.dpp_basic_bd {margin-top: 4.88vw;}

	/* 보관물류 */

	.sto_sec{margin-top:9.18vw}
	.storage .title{font-size:2.64vw;  margin-bottom:2vw}
	.sto_sec1{margin-top:7.71vw}
	.sto_sec1 .tit{font-size:3.64vw;  margin-bottom:4.88vw}
	.sto_sec1 ul li{width:29.13vw; height:29.13vw; padding:5.27vw 0}
	.sto_sec1 ul li img{width:6.45vw}
	.storage ul li strong{ font-size:2.5vw; margin:2.15vw 0 1.07vw}
	.storage ul li p{font-size:1.6vw;}
	.sto_sec2{padding:7.42vw 0}
	.sto_sec2 .tit{ font-size:3.64vw; margin-bottom:5.96vw;}
	.sto_sec2 .tit:before{font-size:9.03vw; left:9.85vw; bottom:-0.39vw}
	.sto_sec2 .tit:after{font-size:9.03vw; right:9.85vw; bottom:-0.39vw}
	.sto_sec2 .tit span{font-size:4.13vw;}
	.sto_sec2 ul li{padding:3.13vw 0}
	.sto_sec2 ul li img{width:9.77vw}
	.sto_sec3 table th{font-size:2.2vw; padding:1.76vw 0;}
	.sto_sec3 table td{font-size:1.8vw; padding:1.07vw 0}
	.sto_sec3 table .tab_none{display: none;}
	.storage .img_wrap{gap: 1.8vw 0;}
	.storage .img_wrap .popup_inner img{width:44.14vw}
	.storage .img_wrap .popup_inner::after {width: 4.88vw; height: 4.88vw;}
	.storage .img_wrap .popup_menu_inner{width: 70.41vw;}
	.storage .img_wrap .popup_menu img{width:65.43vw}
	.storage .img_wrap .popup_menu .popup_close{top: -2.83vw; right: 0.78vw; width: 2.15vw; height: 2.15vw;}
	.storage .img_wrap .popup_menu .popup_close:before{height: 2.15vw;}
	.storage .img_wrap .popup_menu .popup_close:after{height: 2.15vw;}

}

@media screen and (max-width: 768px) {

	/* 공통 */

	.sub_visual { height: 92.45vw; }
	.sub_vis_txt {left: 6.51vw; right: 0; max-width: 100%; }
	.sub_vis_txt h2 {font-size: 9.11vw;}
	.sub_vis_txt p {font-size: 2.60vw; margin-top: 1.30vw;}

	.sub_pc_menu {height: 14.32vw;}
	.sub_pc_menu ul li {margin: 0 3.91vw;}
	.sub_pc_menu ul li a { font-size: 2.60vw;}
	#sub_content {padding-top: 13.02vw; margin-bottom: 15.63vw;}
	.sub_inner {max-width: 100%; width: 100%; margin: 0 auto; padding: 0 6.51vw}
	.sub_txt_wrap h2 { font-size: 6.51vw;}
	.sub_txt_wrap h2:after {height: 3.26vw; margin: 3.91vw auto 0;}

	.sub_menu {bottom: 0; height: 9.77vw;}
	.sub_menu > ul {}
	.sub_menu > ul > li + li:before {height: 2.60vw;  }
	.sub_menu > ul > li.sub_home {width: 11.72%;}
	.sub_menu > ul > li.sub_home a:before {width: 5.86vw; height: 5.86vw; background-size: 1.95vw; top: 50%; left: 50%; transform: translate(-50% , -50%);}
	.sub_menu > ul > li.menu_btn {width: 44.14%; background: url("/images/sub/sub_menu_arrow.png") right 2.60vw center no-repeat; background-size: 1.43vw;}
	.sub_menu > ul > li.menu_btn.on {background: #005bac url("/images/sub/sub_menu_arrow_on.png") right 2.60vw center no-repeat; background-size: 1.43vw;}
	.sub_menu > ul > li.menu_btn > a { font-size: 3.26vw; padding-left: 3.91vw;}
	.sub_menu_txt > li {height: 11.72vw;}
	.sub_menu_txt > li > a {height: 11.72vw; font-size: 3.13vw; padding-left: 3.91vw; }
	.sub_menu_txt.ssub > li:last-child > a {padding-left: 3.91vw;}

	/* 오시는 길 */

	.loc_wrap {margin-top: 13.02vw;}
	.loc_tp_txt {  padding-top: 13.02vw;}
	.loc_tp_txt:before {width: 100%; height: 16.28vw;}
	.loc_tp_txt h2 {font-size: 5.21vw;  }
	.loc_map {margin-top: 5.21vw; height: 84.64vw;}
	.loc_map .root_daum_roughmap .wrap_map {height: 84.64vw;}
	.loc_map_btn {margin-top: 5.21vw;}
	.loc_map_btn .loc_map_more {height: 11.07vw; border-radius: 5.21vw; font-size: 3.39vw;   padding: 0 6.51vw;}
	.loc_map_btn .loc_map_more .loc_ic {  width: 2.60vw; height: 3.26vw; margin-right: 1.30vw;}
	.loc_menu {margin-top: 7.81vw;}
	.loc_menu ul { margin-bottom: 2.60vw;}
	.loc_menu ul li {flex-wrap: wrap;}
	.loc_menu ul li strong { font-size: 4.17vw;  margin-right: 3.91vw; padding-left: 5.21vw;}
	.loc_menu ul li strong .add_txt {font-size: 3.26vw;}
	.loc_menu ul li span .add_txt {font-size: 3.13vw;}
	.loc_menu ul li span {font-size: 3.91vw;  word-break: keep-all; margin-top: 2.60vw; line-height: 1.3; white-space:normal}
	.loc_menu ul li .loc_ic { top: 0.65vw;  width: 2.60vw; height: 3.39vw;  }

	/* 윤리/준법경영 */

	.safe_tit_wrap p{font-size:5.13vw; margin-top:1.82vw; line-height:1.4; word-break:keep-all}
	.safe_tit_wrap br{display:none}

	.safe_txt_wrap{margin-top:10.51vw}
	.safe_txt_wrap:before{height:50%}
	.safe_txt_wrap .title{font-size:5.13vw}
	.safe_txt_wrap .box{margin-top:4.43vw; padding-bottom:13.64vw}
	.safe_txt_wrap .box>li{width:100%; padding:2.56vw 3.5vw; height:39.64vw; margin-bottom:2vw}
	.safe_txt_wrap .box>li:nth-of-type(even){margin-top:0}
	.safe_txt_wrap .box>li p{ font-size:3.2vw;}
	.safe_txt_wrap .box>li strong{font-size:4vw; margin:1.4vw 0 2vw}
	.safe_txt_wrap .box>li ul li{font-size:3.2vw; padding-left:1.84vw; margin-bottom:0.78vw}
	.safe_txt_wrap .box>li ul li:before{top:1.75vw; width: 0.9vw; height: 0.9vw}

	/* 인사제도 */

	.p_sys_tit_wrap em{font-size:4vw;}
	.p_sys_tit_wrap p{font-size:5.13vw; margin-top:1.82vw; line-height:1.4; word-break:keep-all}
	.p_sys_tit_wrap .mob_br{display:block}

	.p_sys_cont_wrap{margin-top:6.90vw; padding-bottom:11.38vw;}
	.p_sys_cont_wrap:before{height:90.5%}
	.p_sys_cont_wrap .top_img{margin-bottom:12.55vw}
	.p_sys_cont_wrap .top_img:before{display:none}
	.p_sys_cont_wrap .top_img:after{content:''; display:block; width:1px; height:5vw; background:#ccc; position:absolute; left:50%; transform:translatex(-50%); bottom:-9vw}
	.p_sys_cont_wrap .top_img img{width:38.96vw;}
	.p_sys_cont_wrap ul{display:flex; flex-wrap:wrap}
	.p_sys_cont_wrap ul li{width:50%; margin-bottom:7vw}
	.p_sys_cont_wrap ul li img:first-of-type{width:38.96vw;}
	.p_sys_cont_wrap ul li img:last-of-type{width:3.43vw; margin:3.21vw 0 2.82vw}
	.p_sys_cont_wrap ul li strong{font-size:4.21vw;}
	.p_sys_cont_wrap ul li p{font-size:3.1vw;}

	#dpp_pic_list, #dpd_view, .dpp_bd_write {margin-top: 6.51vw;}
	.dpp_basic_bd {margin-top: 6.51vw;}
	.loc_menu ul li .loc_ic { top: 0.65vw;  width: 2.60vw; height: 3.39vw;  }

	/* 보관물류 */

	.sto_sec{margin-top:14.24vw}
	.storage .title{font-size:4.3vw;  margin-bottom:2.95vw}
	.sto_sec1{margin-top:7.68vw}
	.sto_sec1 .tit{font-size:4.3vw;  margin-bottom:4.82vw}
	.sto_sec1 ul{flex-direction:column; align-items: center;}
	.sto_sec1 ul li{width:50.17vw; height:50.17vw; padding:7.6vw 6vw; margin-bottom:3vw}
	.sto_sec1 ul li:last-child{margin-bottom:0}
	.sto_sec1 ul li img{width:10.51vw}
	.storage ul li strong{ font-size:4vw; margin:3.41vw 0 1.4vw}
	.storage ul li p{font-size:3.1vw; word-break:keep-all}
	.storage .mob_br{display:block !important}
	.sto_sec1 ul li p br{display:none}
	.sto_sec2{padding:10.42vw 0 11.42vw}
	.sto_sec2 .tit{ font-size:4.3vw; margin-bottom:7.99vw;}
	.sto_sec2 .tit:before{font-size:10.98vw; left:3.90vw; bottom:-0.39vw}
	.sto_sec2 .tit:after{font-size:10.98vw; right:3.90vw; bottom:-0.39vw}
	.sto_sec2 .tit span{font-size:5.5vw;}
	.sto_sec2 ul li{padding:5.13vw 0; width:50%}
	.sto_sec2 ul li:nth-child(even){border-right:none}
	.sto_sec2 ul li:nth-child(odd){border-right:1px solid #d8d8d8}
	.sto_sec2 ul li:nth-child(4){border-bottom:1px solid #d8d8d8}
	.sto_sec2 ul li img{width:10.77vw}
	.sto_sec3 .table_wrap{width:100%; overflow-x:scroll; white-space:nowrap; }
	.sto_sec3 table {width:150vw;}
	.sto_sec3 table th{font-size:3.4vw; padding:2.82vw 0;}
	.sto_sec3 table td{font-size:3.1vw; padding:2.04vw 0}
	.sto_sec3 table .tab_none{display: block;}
	.storage .img_wrap {flex-direction:column; gap: 3vw 0;}
	.storage .img_wrap .popup_inner img{width:100%;}
	.storage .img_wrap .popup_inner::after {display:none}
	.storage .img_wrap .popup_inner:before{display:none}
	.storage .img_wrap .popup_menu.on{display:none}

}