@import url('sub.css'); 

/* time */
.layout_table.time {border-top:2px solid var(--main);}
.layout_table.time table {width:100%; border-collapse:separate; border-spacing:0; border-top:2px solid var(--main); text-align:center;}
.layout_table.time th {width:50%; font-size:1rem; letter-spacing:var(--letter-spacing-body); line-height:177.778%; font-weight:500; color:var(--black); box-sizing:border-box; padding:14px 10px; border-bottom:1px solid var(--border); border-right:1px solid var(--border); background:var(--grayBg);}
.layout_table.time td {width:50%; font-size:1rem; letter-spacing:var(--letter-spacing-none); line-height:177.778%; font-weight:400; color:var(--basic); box-sizing:border-box; padding:13px 10px; border-bottom:1px solid var(--border); border-right:1px solid var(--border); vertical-align:middle;}
.layout_table.time th:last-child,
.layout_table.time td:last-child {border-right:0;}
.layout_table.time td::before {content:'\e855'; display:inline-block; font-size:20px; line-height:1; vertical-align:middle; margin:0 4px 2px 0; color:var(--basic); font-family:var(--icon);}
.sub_btnWrap {margin:0}

/* process */
.layout_table .tit_box .fs16 {margin-top:15px; color:var(--basic); line-height:175%;}
.process_list li.on .ico img {filter:brightness(0) invert(1);}
.info_dl > div {display:flex; align-items:center; gap:30px; padding:18px 20px 22px; border-bottom:1px solid var(--border); box-sizing:border-box;}
.info_dl > div:last-child {border-bottom:0;}
.info_dl dt {width:100px; flex-shrink:0; font-size:1rem; font-weight:500; color:#222; letter-spacing:var(--letter-spacing-body); line-height:177.778%;}
.info_dl dd {font-size:1rem; font-weight:400; color:var(--basic); letter-spacing:var(--letter-spacing-body); line-height:177.778%;}

/* caution / prohibit */
.info_box {display:flex; flex-direction:column; gap:7px; width:100%; padding:40px; box-sizing:border-box; border:1px solid var(--border); background:var(--white);}
.info_dot {display:flex; flex-direction:column; gap:7px;}
.info_dot li {position:relative; padding:0 0 0 14px; font-size:1rem; letter-spacing:var(--letter-spacing-body); line-height:177.778%; color:var(--basic); word-break:keep-all;}
.info_dot li::before {content:''; display:block; width:4px; height:4px; background:var(--basic); position:absolute; left:0; top:15px;}
.info_dot .fs16 {margin-top:0; color:var(--main); font-weight:500; line-height:175%;}
.ban_grid {display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); width:100%; padding:0 0 20px 10px; box-sizing:border-box;}
.ban_grid li {display:flex; align-items:center; gap:15px; padding:10px 20px; box-sizing:border-box; border-right:1px solid var(--border); border-bottom:1px solid var(--border); font-size:0.889rem; line-height:175%; color:var(--basic); letter-spacing:var(--letter-spacing-body);}
.ban_grid li img {display:block; width:40px; flex-shrink:0;}
.ban_grid li:nth-child(3n) {border-right:0;}
.ban_grid li:nth-child(n+7) {border-bottom:0;}

/* location */
.loc_map {display:flex; flex-direction:column; gap:20px; width:100%;}
.loc_map .map_box {display:block; width:100%; height:550px; background:var(--grayBg); overflow:hidden;}
.loc_map .map_box .root_daum_roughmap .map_border {display:none;}
.loc_map .map_box .root_daum_roughmap {width:100%; height:100%;}
.loc_map .map_box .root_daum_roughmap .wrap_map {width:100%; height:100%;}
.loc_map .map_box .wrap_controllers {display:none;}
.loc_map .map_box .root_daum_roughmap .cont {display:none;}
.loc_map .map_info {display:flex; flex-wrap:wrap; align-items:center; gap:15px 30px; width:100%;}
.loc_map .map_info .fs20 {font-weight:500; color:var(--black); letter-spacing:var(--letter-spacing-body); line-height:170%;}
.loc_map .map_info ul {display:flex; flex-wrap:wrap; align-items:center; gap:15px 30px;}
.loc_map .map_info ul li {display:flex; align-items:center; gap:5px; font-size:1rem; color:var(--basic); letter-spacing:var(--letter-spacing-none); line-height:177.778%;}
.loc_map .map_info ul li.call::before {content:'\e0b0'; display:block; font-size:20px; line-height:1; color:var(--basic); font-family:var(--icon); flex-shrink:0;}
.loc_map .map_info ul li.fax::before {content:'\e8ad'; display:block; font-size:20px; line-height:1; color:var(--basic); font-family:var(--icon); flex-shrink:0;}
.map_btn {display:flex; align-items:center; gap:4px; margin-left:auto;}
.map_btn a {display:flex; align-items:center; justify-content:center; width:60px; height:60px; border-radius:60px; flex-shrink:0; font-size:0; transition:all 0.3s ease;}
.map_btn a::before {content:''; display:block; background:no-repeat center / contain;}
.map_btn a.naver {background:#10d265;}
.map_btn a.naver::before {width:17px; height:17px; background-image:url('/guide/img/naver.svg');}
.map_btn a.kakao {background:#fae100;}
.map_btn a.kakao::before {width:11px; height:22px; background-image:url('/guide/img/kakao.svg');}
.map_btn a.google {background:var(--white); border:1px solid var(--border);}
.map_btn a.google::before {width:24px; height:24px; background-image:url('/guide/img/google.png');}
.map_btn a:hover {opacity:0.85; transform:translateY(-2px); box-shadow:0 6px 16px rgba(0,0,0,0.12);}
.traffic_info {display:flex; flex-direction:column; gap:40px; width:100%; margin-top:80px;}
.traffic_info .fs40 {width:100%; text-align:center; }
.traffic_list {display:flex; flex-direction:column; width:100%;}
.traffic_list li {display:flex; align-items:center; gap:40px; min-height:170px; padding:30px 40px; box-sizing:border-box; background:var(--white); border:1px solid var(--border); border-bottom:0;}
.traffic_list li:last-child {border-bottom:1px solid var(--border);}
.traffic_list li figure {display:flex; align-items:center; justify-content:center; width:100px; flex-shrink:0;}
.traffic_list li figure img {display:block; width:90px; height:90px; object-fit:contain;}
.traffic_list li > div {display:flex; flex-direction:column; flex:1; min-width:0;}
.traffic_list li .fs20 {margin:0 0 5px; font-weight:500; color:#0e0e0e; letter-spacing:var(--letter-spacing-body); line-height:170%;}
.traffic_list li .fs18 {color:#888; letter-spacing:var(--letter-spacing-body); line-height:177.778%; word-break:keep-all;}
.traffic_list li .fs16 {margin:10px 0 0; color:var(--main); font-weight:500; letter-spacing:var(--letter-spacing-body); line-height:175%; word-break:keep-all;}


/*******************************************************************************
	@media ~1500px
*******************************************************************************/
@media all and (max-width:1500px) { 
/* location */
.loc_map .map_box {height:480px;}
.traffic_info {margin-top:70px;}

}
/*******************************************************************************
	@media ~1300px
*******************************************************************************/
@media all and (max-width:1300px) { 
/* caution / prohibit */
.info_box {padding:30px;}

/* location */
.loc_map .map_box {height:440px;}
.traffic_info {margin-top:65px; gap:35px;}
.traffic_list li {padding:28px 30px; gap:30px;}

}
/*******************************************************************************
	@media 769~980px
*******************************************************************************/
@media all and (max-width:980px) { 
/* process */
.info_dl > div {gap:15px; padding:15px 10px;}
.info_dl dt {width:80px;}

/* caution / prohibit */
.info_box {padding:25px 20px;}
.info_dot li::before {top:14px;}
.ban_grid {padding-left:0;}
.ban_grid li {padding:10px 12px; gap:10px;}

/* location */
.loc_map {gap:15px;}
.loc_map .map_box {height:380px;}
.loc_map .map_info {gap:12px 20px;}
.loc_map .map_info ul {gap:12px 20px;}
.map_btn {margin-left:0; width:100%; justify-content:flex-start;}
.traffic_info {margin-top:50px; gap:25px;}
.traffic_list li {gap:20px; min-height:auto; padding:22px 20px;}
.traffic_list li figure {width:80px;}
.traffic_list li figure img {width:72px; height:72px;}

}
/*******************************************************************************
	@media 481~680px
*******************************************************************************/
@media all and (max-width:680px) { 


	.layout_table.time th {padding:10px;}
	.layout_table.time td {padding:10px;}
	.layout_table.time td::before {font-size:17px;}

/* process */
.layout_table .tit_box .fs16 br {display:none;}

/* caution / prohibit */
.info_dot li br {display:none;}
.info_dot li::before {top:11px;}
.ban_grid {grid-template-columns:1fr;}
.ban_grid li {border-right:0;}
.ban_grid li:nth-child(n+7) {border-bottom:1px solid var(--border);}
.ban_grid li:last-child {border-bottom:0;}
.ban_grid li img {width:30px;}

/* location */
.loc_map {gap:12px;}
.loc_map .map_box {height:260px; border-radius:12px;}
.loc_map .map_info {flex-direction:column; align-items:flex-start; gap:5px;}
.loc_map .map_info .fs20 {width:100%; font-size:1rem; line-height:170%; word-break:keep-all;}
.loc_map .map_info ul {width:100%; gap:8px 16px;}
.loc_map .map_info ul li {font-size:0.889rem; line-height:175%;}
.loc_map .map_info ul li.call::before,
.loc_map .map_info ul li.fax::before {font-size:18px;}
.map_btn {gap:6px; margin:10px 0 0; justify-content: flex-end;}
.map_btn a {width:42px; height:42px;}
.map_btn a:hover {transform:none; box-shadow:none;}
.map_btn a.naver::before {width:12px; height:12px;}
.map_btn a.kakao::before {width:9px; height:18px;}
.map_btn a.google::before {width:20px; height:20px;}
.traffic_info {margin-top:35px; gap:20px;}
.traffic_info .fs40 {font-size:1.556rem;}
.traffic_list li {flex-direction:row; align-items:flex-start; gap:12px; padding:18px 15px;}
.traffic_list li figure {width:50px;}
.traffic_list li figure img {width:50px; height:50px;}
.traffic_list li .fs20 {margin:0 0 0;}
.traffic_list li .fs16 {margin:5px 0 0;}

}