diff --git a/src/main/webapp/kofair_case_seed/usr/images/info/icon_bus.png b/src/main/webapp/kofair_case_seed/usr/images/info/icon_bus.png new file mode 100644 index 00000000..a1ad86ee Binary files /dev/null and b/src/main/webapp/kofair_case_seed/usr/images/info/icon_bus.png differ diff --git a/src/main/webapp/kofair_case_seed/usr/images/info/icon_subway.png b/src/main/webapp/kofair_case_seed/usr/images/info/icon_subway.png new file mode 100644 index 00000000..3101aeb1 Binary files /dev/null and b/src/main/webapp/kofair_case_seed/usr/images/info/icon_subway.png differ diff --git a/src/main/webapp/kofair_case_seed/usr/images/info/logo.png b/src/main/webapp/kofair_case_seed/usr/images/info/logo.png new file mode 100644 index 00000000..c0d0d00b Binary files /dev/null and b/src/main/webapp/kofair_case_seed/usr/images/info/logo.png differ diff --git a/src/main/webapp/kofair_case_seed/usr/info/directions.html b/src/main/webapp/kofair_case_seed/usr/info/directions.html new file mode 100644 index 00000000..f9d77af5 --- /dev/null +++ b/src/main/webapp/kofair_case_seed/usr/info/directions.html @@ -0,0 +1,169 @@ + + + + + + + 한국공정거래조정원 온라인분쟁조정시스템 > 분쟁조정 안내 > 오시는 길 + + + + + + + + + + + + + + + + + + +
+
+
+ +
+ +
+

분쟁조정 안내

+
+ +
+ + +
+

분쟁조정 안내

+ +
+ + +
+ + +
    +
    • +
  • 분쟁조정 안내
    • +
  • 오시는 길
    • +
+ + +

오시는 길

+

한국공정거래조정원의 위치 및 오시는 길을 알려드립니다.

+ +
+ +
+ + + + +
+ +
    +
  • +

    주소

    + 서울 중구 세종대로 39 상공회의소회관 9층 +
    • +
  • +

    전화

    + 1588-1490 +
    • +
+
+ + + 지하철 이용 시 +
+
+ +
+
    +
  • 1호선 서울역 3번 출구 : YTN 방향 도보 5분
    • +
  • 2호선 시청역 9번 출구 : 삼성본관방향 도보 5분
    • +
  • 4호선 회현역 5번 출구 : 숭례문방향 도보 5분
    • +
+
+ + + 버스 이용 시 +
+
+ +
+
    +
  • - 서울역 YTN 빌딩 앞 : 149, 151, 152, 162, 202, 500, 501, 502, 503, 505, 056, 701, 702, 703
    • +
  • - 염천교 : 163, 261, 262, 263, 604, 7017
    • +
  • - 시청앞 : 150, 1711, 406, 408, 421, 504, 507, 603, 700, 7019, 7011, 7022
    • +
+
+ +
+ +
+ + +
+ +
+ +
+
+ + + \ No newline at end of file diff --git a/src/main/webapp/kofair_case_seed/usr/style/info.css b/src/main/webapp/kofair_case_seed/usr/style/info.css index 3719587a..d84adef2 100644 --- a/src/main/webapp/kofair_case_seed/usr/style/info.css +++ b/src/main/webapp/kofair_case_seed/usr/style/info.css @@ -33,6 +33,26 @@ .process_content .box.gray_border.gray_fill.terms_info{padding:40px;text-align:left;} .process_content .terms_info p{font-size:1.7rem;font-weight:400;color:#666;line-height:1.5;margin:10px 0 0 0;} +/* 오시는 길 */ +.map_area{width:100%;height:330px;} +.map_box{display:flex;background:#f4f5f7;border-radius:0 0 5px 5px;padding:30px 90px;align-items:center;} +.map_box .adress_ul{position:relative;display:flex;padding:0 0 0 60px;margin:0 0 0 60px;align-items:flex-start;gap:60px;} +.map_box .adress_ul::after{position:absolute;content:"";width:1px;height:40px;background:#d8d8d8;top:50%;left:0;transform:translateY(-50%);} +.map_box .adress_ul .title{font-size:2.3rem;} +.map_box .adress_ul span{font-size:1.9rem;color:#666;} + +.directions_content .title.blue_border.orange_border{display:block;margin:60px 0 30px 0;} +.directions_content .item_list{display:flex;align-items:center;gap:30px;} +.directions_content .icon_box{width:130px;height:110px;background:#f4f5f7;border-radius:5px;} +.directions_content .icon_box .subway{display:inline-block;width:100%;height:100%;background:url(/kofair_case_seed/usr/images/info/icon_subway.png) no-repeat center;} +.directions_content .icon_box .bus{display:inline-block;width:100%;height:100%;background:url(/kofair_case_seed/usr/images/info/icon_bus.png) no-repeat center;} +.directions_content .item_list ul{display:flex;flex-direction:column;font-size:1.7rem;font-weight:300;gap:6px;} +.directions_content .subway_text{display:inline-flex;width:24px;height:24px;margin:0 4px 0 0;font-weight:400;color:#fff;border-radius:100%;justify-content:center;align-items:center;} +.directions_content .subway_text.subway_1{background:#263c96;} +.directions_content .subway_text.subway_2{background:#35a142;} +.directions_content .subway_text.subway_4{background:#2b99d9;} + + /* ==================== 테블릿 ==================== */ @media screen and (max-width: 1199px){ .news_service .text_explain{font-size:3.4rem;margin:80px 0;} @@ -53,6 +73,18 @@ .system_info ul{font-size:3.4rem;padding:0 0 0 40px;margin:40px 0 0 0;} .system_info .sub_info_ul li{padding:0 0 0 30px;} + + /* 오시는 길 */ + .map_box{padding:30px;} + .map_box img{display:none;} + .map_box .adress_ul{display:flex;padding:0;margin:0;flex-direction:column;gap:30px;} + .map_box .adress_ul::after{display:none;} + .map_box .adress_ul li{display:flex;align-items:center;gap:30px;} + .map_box .adress_ul li .title,.map_box .adress_ul li span{font-size:3.2rem;} + .directions_content .item_list{padding:0 40px;} + .directions_content .icon_box{display:none;} + .directions_content .item_list ul{font-size:3.4rem;gap:20px;} + .directions_content .subway_text{width:48px;height:48px;} } /* ==================== 모바일 ==================== */ @@ -74,6 +106,16 @@ .system_info ul{font-size:1.7rem;padding:0 0 0 20px;margin:20px 0 0 0;} .system_info .sub_info_ul li{padding:0 0 0 15px;margin:0 0 0 10px;} + + /* 오시는 길 */ + .map_box{padding:15px;} + .map_box .adress_ul{gap:8px;} + .map_box .adress_ul li{gap:15px;} + .map_box .adress_ul li .title,.map_box .adress_ul li span{font-size:1.6rem;} + .directions_content .title.blue_border.orange_border{margin:30px 0 15px 0;} + .directions_content .item_list{padding:0 20px;} + .directions_content .item_list ul{font-size:1.7rem;gap:10px;} + .directions_content .subway_text{width:24px;height:24px;} } @media screen and (max-width: 500px){