@charset "utf-8";

#site_hd, #site_hd *, #main_visual *, #major_sct *, #quick_sct *, #gallery_sct *, #news_sct * { box-sizing:border-box; }
html.no_scroll, body.no_scroll { overflow:hidden; }
#site_hd { position:fixed; top:0; left:0; width:100%; height:120px; z-index:200; transition:height .3s ease, background .3s ease, box-shadow .3s ease; }
#site_hd.site_hd_fixed { height:92px; background:rgba(7,34,64,.85); box-shadow:0 7px 24px rgba(0,0,0,.12); -webkit-backdrop-filter:blur(14px); backdrop-filter:blur(14px); }
.site_hd_inner { position:relative; width:1500px; height:100%; margin:0 auto; }
#site_logo { position:absolute; top:51px; left:0; width:235px; height:58px; margin:0; transition:top .3s ease, transform .3s ease; }
#site_logo a, #site_logo img { display:block; width:235px; height:58px; }
#site_hd.site_hd_fixed #site_logo { top:18px; transform:scale(.86); transform-origin:left center; }
#site_gnb { position:absolute; top:54px; left:50%; width:900px; height:50px; transform:translateX(-50%); transition:top .3s ease; }
#site_hd.site_hd_fixed #site_gnb { top:21px; }
.site_gnb_ul { display:flex; width:100%; height:50px; margin:0; padding:0; align-items:center; justify-content:center; gap:28px; }
.site_gnb_ul > li { position:relative; height:50px; }
.site_gnb_ul > li:before { position:absolute; top:45px; left:50%; width:calc(100% + 70px); height:34px; content:''; background:transparent; transform:translateX(-50%); z-index:0; }
.site_gnb_ul > li > a { position:relative; display:flex; height:50px; padding:0 2px; font-size:18px; font-weight:700; color:#fff; align-items:center; white-space:nowrap; }
.site_gnb_ul > li > a:after { position:absolute; bottom:1px; left:50%; width:0; height:2px; content:''; background:#fff; transform:translateX(-50%); transition:width .22s ease; }
.site_gnb_ul > li:hover > a:after { width:100%; }
.site_gnb_sub { position:absolute; top:65px; left:50%; width:max-content; min-width:160px; padding:13px 0 11px; overflow:hidden; border:1px solid rgba(255,255,255,.5); border-radius:8px; background:rgba(255,255,255,.9); box-shadow:0 12px 28px rgba(0,0,0,.14); opacity:0; visibility:hidden; transform:translateX(-50%) translateY(8px); transition:opacity .2s ease, visibility .2s ease, transform .2s ease; pointer-events:none; z-index:2; }
.site_gnb_sub li a { display:block; padding:8px 18px; font-size:13px; font-weight:500; color:#333; white-space:nowrap; transition:color .2s ease; }
.site_gnb_sub li a:hover { color:#0649da; background:transparent; }
.site_gnb_ul > li:hover .site_gnb_sub { opacity:1; visibility:visible; transform:translateX(-50%) translateY(0); pointer-events:auto; }
.site_util { position:absolute; top:50px; right:0; display:flex; height:60px; align-items:center; gap:40px; transition:top .3s ease; }
#site_hd.site_hd_fixed .site_util { top:16px; }
.site_univ { display:block; width:106px; height:26px; }
.site_univ img { display:block; width:106px; height:26px; }
.site_menu_btn { position:relative; display:block; width:60px; height:60px; padding:0; border:0; border-radius:50%; background:#0037b8; cursor:pointer; transition:transform .2s ease, background .2s ease; }
.site_menu_btn:hover { background:#003fbf; transform:translateY(-2px); }
.site_menu_btn img { position:absolute; display:block; pointer-events:none; }
.site_menu_icon { top:21px; left:19px; width:22px; height:18px; }
#site_allmenu { position:fixed; top:0; left:0; display:none; width:100%; height:100%; padding:80px 0; overflow-y:auto; background:rgba(4,30,62,.94); z-index:400; -webkit-backdrop-filter:blur(15px); backdrop-filter:blur(15px); }
.site_allmenu_inner { width:1500px; margin:0 auto; }
.site_allmenu_top { display:flex; width:100%; padding:0 0 28px; border-bottom:1px solid rgba(255,255,255,.22); align-items:center; justify-content:space-between; }
.site_allmenu_top h2 { font-family:'Gmarket Sans', sans-serif; font-size:38px; font-weight:700; color:#fff; }
.site_allmenu_close { position:relative; width:54px; height:54px; padding:0; font-size:0; border:0; background:transparent; cursor:pointer; }
.site_allmenu_close:before, .site_allmenu_close:after { position:absolute; top:26px; left:7px; width:40px; height:2px; content:''; background:#fff; }
.site_allmenu_close:before { transform:rotate(45deg); }
.site_allmenu_close:after { transform:rotate(-45deg); }
.site_allmenu_ul { display:grid; margin:48px 0 0; padding:0; grid-template-columns:repeat(5, 1fr); gap:42px 30px; }
.site_allmenu_ul > li > a { display:block; min-height:46px; padding:0 0 13px; line-height:1.4; font-size:19px; font-weight:700; color:#fff; border-bottom:2px solid rgba(255,255,255,.7); }
.site_allmenu_ul > li > ul { margin:13px 0 0; padding:0; }
.site_allmenu_ul > li > ul a { display:block; padding:7px 0; line-height:1.45; font-size:13px; font-weight:400; color:rgba(255,255,255,.72); word-break:keep-all; transition:color .2s ease, padding .2s ease; }
.site_allmenu_ul > li > ul a:hover { padding-left:5px; color:#fff; }

#main_visual { position:relative; width:100%; height:1080px; overflow:hidden; background:#153958; }
#main_visual_slider { position:relative; width:100%; height:1080px; margin:0; padding:0; overflow:hidden; border:0; border-radius:0; background:none; box-shadow:none; }
#main_visual_slider .flex-viewport, #main_visual_slider .slides, #main_visual_slider .slides > li { width:100%; height:1080px; }
#main_visual_slider .slides { margin:0; padding:0; }
#main_visual_slider .slides > li { position:relative; display:none; background-position:center center; background-size:cover; background-repeat:no-repeat; }
#main_visual_slider .slides > li:first-child { display:block; }
#main_visual_slider .visual_01 { background-image:url('../img/main/mv_01.png'); }
#main_visual_slider .visual_02 { background-image:url('../img/main/mv_02.png'); }
#main_visual_slider .visual_03 { background-image:url('../img/main/mv_03.png'); }
.visual_copy { position:absolute; top:327px; left:50%; width:1500px; padding-left:100px; color:#fff; transform:translateX(-50%); z-index:3; }
.visual_copy h5 { margin:0 0 25px 7px; line-height:1.5; font-family:'Gmarket Sans', sans-serif; font-size:23px; font-weight:700; color:#fff; letter-spacing:.45px; text-shadow:4px 4px 7px rgba(0,0,0,.2); }
.visual_copy h2 { margin:0 0 0 4px; line-height:63px; font-size:44px; font-weight:800; color:#fff; text-shadow:4px 4px 7px rgba(0,0,0,.2); word-break:keep-all; }
.visual_copy .visual_intro_btn { position:relative; display:flex; width:210px; height:55px; margin-top:43px; padding:0 43px 0 30px; border:0; border-radius:30px; background:rgba(0,0,0,.3); font-size:18px; font-weight:700; color:#fff; align-items:center; justify-content:flex-start; transition:transform .2s ease, background .2s ease; }
.visual_copy .visual_intro_btn:hover { background:rgba(0,73,216,.92); transform:translateY(-2px); }
.visual_intro_btn span { position:relative; z-index:1; }
.visual_intro_btn .btn_arrow { position:absolute; top:20px; right:28px; width:10px; height:15px; z-index:1; }
.visual_control { position:absolute; bottom:230px; left:50%; display:flex; margin-left:-650px; align-items:center; z-index:8; }
.visual_control button { position:relative; width:60px; height:58px; padding:0; border:0; background:transparent; cursor:pointer; }
.visual_pause { width:90px !important; height:90px !important; margin-right:27px; border:solid 2px rgba(255,255,255,.2) !important; border-radius:50%; }
.visual_pause_icon { position:absolute; top:32px; left:34px; width:18px; height:23px; z-index:3; }
.visual_progress { position:absolute; top:-3px; left:-3px; width:92px; height:92px; overflow:visible; z-index:2; }
.visual_progress_bar { fill:none; stroke:#fff; stroke-width:4; stroke-linecap:round; transform:rotate(-90deg); transform-origin:45px 45px; }
.visual_prev img, .visual_next img { position:absolute; top:17px; left:24px; width:15px; height:26px; }
.visual_scroll { position:absolute; right:calc(50% - 650px); bottom:64px; display:flex; width:93px; height:72px; padding:0; border:0; background:transparent; flex-direction:column; align-items:flex-end; justify-content:flex-start; cursor:pointer; z-index:8; }
.visual_scroll > img { display:block; width:28px; height:35px; }
.visual_scroll span { display:block; width:93px; margin-top:8px; font-family:'Gmarket Sans', sans-serif; font-size:10px; font-weight:700; color:#fff; letter-spacing:.05px; text-align:right; white-space:nowrap; }

#major_sct { width:100%; height:950px; padding-top:170px; overflow:hidden; background:#fff; }
.major_inner { position:relative; width:1300px; height:700px; margin:0 auto; }
.major_title { display:flex; width:100%; height:110px; padding-left:36px; align-items:flex-start; }
.major_title h2 { margin:0; line-height:1; font-family:'Gmarket Sans', sans-serif; font-size:50px; font-weight:700; color:#222; }
.major_title p { margin:-4px 0 0 31px; line-height:25px; font-size:16px; font-weight:400; color:#999; word-break:keep-all; }
#major_slider { width:100%; height:500px; margin:0; padding:0; border:0; border-radius:0; background:none; box-shadow:none; }
#major_slider .flex-viewport, #major_slider .slides, #major_slider .slides > li { width:100%; height:500px; }
#major_slider .slides { margin:0; padding:0; }
#major_slider .slides > li { position:relative; display:none; }
#major_slider .slides > li:first-child { display:block; }
.major_pic { position:absolute; top:0; left:0; width:750px; height:500px; overflow:hidden; border:0; border-radius:50px; background:#e8edf3; box-shadow:-40px 40px 35px rgba(0,0,0,.12); }
.major_pic img { display:block; width:100%; height:100%; object-fit:cover; }
.major_copy { position:absolute; top:66px; right:0; width:471px; }
.major_copy h5 { margin:0; line-height:32px; font-family:'Gmarket Sans', sans-serif; font-size:30px; font-weight:700; color:#222; }
.major_copy h3 { margin:36px 0 0; font-size:40px; font-weight:900; color:#0037b8; }
.major_copy p { margin:24px 0 0; line-height:28px; font-size:17px; font-weight:400; color:#333; word-break:keep-all; }
.major_copy .major_more { position:relative; display:flex; width:320px; height:75px; margin:62px 0 0 -179px; padding:0 28px 1px 173px; border:0; border-radius:38px; background:#0037b8; font-size:22px; font-weight:700; color:#fff; align-items:center; justify-content:flex-start; box-shadow:20px 15px 0 rgba(194,212,255,.5); transition:.22s ease; z-index:1; }
.major_more .btn_arrow { position:absolute; top:31px; left:48px; width:90px; height:10px; z-index:2; }
.major_more span { position:relative; z-index:2; white-space:nowrap; }
.major_more:hover { background:#0044cc; box-shadow:19px 24px 0 rgba(194,212,255,.75); transform:translate(0,-4px); }
.major_prev, .major_next { position:absolute; top:315px; width:90px; height:90px; padding:0; border:0; border-radius:50%; cursor:pointer; transition:transform .2s ease, background .2s ease; z-index:12; }
.major_prev { left:-45px; background:rgba(0,55,184,.85); }
.major_next { right:-45px; background:rgba(221,221,221,.85); }
.major_prev:hover, .major_next:hover { transform:translateY(-3px); }
.major_prev:hover { background:#003fbf; }
.major_next:hover { background:#e7e7e7; }
.control_arrow { position:absolute; top:35px; left:39px; width:12px; height:20px; }

#quick_sct { position:relative; width:100%; height:770px; overflow:hidden; background:url('../img/main/quick_bg.png') center 46% / cover no-repeat; }
#quick_sct:after { position:absolute; top:-136px; left:calc(50% + 115px); width:400px; height:410px; content:''; background:url('../img/main/quick_emblem.png') center/400px 410px no-repeat; pointer-events:none; z-index:1; }
.quick_inner { position:relative; width:1200px; height:100%; margin:0 auto; z-index:2; }
.quick_title { padding-top:170px; text-align:center; }
.quick_title h2 { margin:0; line-height:1.15; font-size:40px; font-weight:800; color:rgba(255,255,255,.95); }
.quick_title p { margin:24px 0 0; line-height:32px; font-size:19px; font-weight:400; color:rgba(255,255,255,.6); }
.quick_list { display:flex; width:1040px; margin:81px auto 0; padding:0; justify-content:space-between; }
.quick_list li { width:200px; text-align:center; }
.quick_list li a { display:block; width:200px; color:#fff; }
.quick_list li span { display:flex; width:200px; height:200px; overflow:hidden; border:none; border-radius:50px; background:rgba(0,0,0,.2); align-items:center; justify-content:center; transition:background .25s ease, transform .25s ease, box-shadow .25s ease; }
.quick_list li:hover span { background:#0037b8; box-shadow:0 15px 10px rgba(0,0,0,.2); transform:translateY(-5px); }
.quick_list li img { display:block; max-width:95px; max-height:90px; }
.quick_list li strong { display:block; margin-top:24px; font-size:20px; font-weight:400; color:#fff; }
.quick_list li:hover strong { font-weight:800; }

#gallery_sct { width:100%; height:900px; overflow:hidden; background:linear-gradient(to bottom, #fff 0%, #fff 55%, #fcfcfc 100%); }
.gallery_inner { position:relative; width:1300px; height:100%; margin:0 auto; }
.gallery_title { position:absolute; top:257px; left:0; width:370px; z-index:3; }
.gallery_title h5 { margin:0 0 16px 1px; font-size:24px; font-weight:800; color:#0c1a39; }
.gallery_title h2 { margin:0 0 0 -2px; line-height:1; font-family:'Gmarket Sans', sans-serif; font-size:50px; font-weight:700; color:#0037b8; }
.gallery_title p { margin:28px 0 0 2px; line-height:30px; font-size:17px; font-weight:400; color:#999; }
.gallery_title > .gallery_more { position:relative; display:flex; width:200px; height:75px; margin-top:104px; padding:0 0 0 103px; border:0; border-radius:40px; background:#0037b8; font-size:22px; font-weight:700; color:#fff; align-items:center; justify-content:flex-start; box-shadow:20px 15px 0 rgba(194,212,255,.5); transition:.22s ease; z-index:1; }
.gallery_more .btn_arrow { position:absolute; top:31px; left:37px; width:40px; height:10px; z-index:2; }
.gallery_more span { position:relative; top:-1px; z-index:2; white-space:nowrap; }
.gallery_more:hover { background:#0044cc; box-shadow:19px 24px 0 rgba(194,212,255,.75); transform:translate(0,-4px); }
.main_gallery_area { position:absolute; top:170px; left:430px; width:calc(50vw + 270px); height:620px; }
.main_gallery_carousel { width:100%; }
.main_gallery_carousel .owl-stage-outer { overflow:hidden; }
.main_gallery_carousel .owl-stage { padding:0 0 90px; }
.main_gallery_carousel .owl-controls, .main_gallery_carousel .owl-nav, .main_gallery_carousel .owl-dots { display:none !important; }
.gallery_item { position:relative; width:420px; height:580px; overflow:hidden; border-radius:50px; background:#ddd; box-shadow:none; }

/* 화면에 실제로 잡힌 슬라이드만 그림자를 가진다. 바깥 clone의 그림자 유입을 원천 차단한다. */
.main_gallery_carousel .owl-item.active .gallery_item {
    box-shadow:40px 40px 30px rgba(0,0,0,.15);
}

/* 가장 왼쪽 active 카드의 blur가 viewport 왼쪽 경계를 넘지 않도록 x-offset만 보정한다. */
.main_gallery_carousel .owl-item.active.gallery_edge_shadow .gallery_item {
    box-shadow:65px 40px 30px rgba(0,0,0,.15);
}

/* next로 빠지는 첫 카드만 짧게 fade-out한다. */
.main_gallery_carousel .owl-item.gallery_shadow_fade .gallery_item {
    box-shadow:65px 40px 30px rgba(0,0,0,0);
    transition:box-shadow .11s ease;
}
.gallery_item a { position:relative; display:block; width:100%; height:100%; overflow:hidden; border-radius:50px; }
.gallery_pic { width:100%; height:100%; background-position:center; background-size:cover; background-repeat:no-repeat; transition:transform .5s ease; }
.gallery_cover { position:absolute; top:0; left:0; display:flex; width:100%; height:100%; padding:87px 40px 76px 59px; background:rgba(0,0,0,.7); opacity:0; flex-direction:column; justify-content:flex-start; transition:opacity .25s ease; }
.gallery_item:hover .gallery_cover { opacity:1; }
.gallery_item:hover .gallery_pic { transform:scale(1.035); }
.gallery_cover .gallery_board { font-size:18px; font-weight:800; color:#3366df; }
.gallery_cover h3 { margin:11px 0 0; line-height:42px; font-size:30px; font-weight:800; color:#fff; word-break:keep-all; }
.gallery_cover p { margin:25px 0 0; line-height:29px; font-size:17px; font-weight:500; color:rgba(255,255,255,.6); word-break:keep-all; }
.gallery_cover time { display:block; margin-top:auto; font-size:16px; font-weight:500; color:#fff; }
.gallery_nav { position:absolute; top:245px; left:-45px; display:flex; width:960px; justify-content:space-between; pointer-events:none; z-index:5; }
.gallery_nav button { position:relative; width:90px; height:90px; padding:0; border:0; border-radius:50%; cursor:pointer; pointer-events:auto; transition:background .2s ease, transform .2s ease; }
.gallery_nav .gallery_prev { background:rgba(0,55,184,.85); }
.gallery_nav .gallery_next { background:rgba(255,255,255,.85); }
.gallery_nav .gallery_prev:hover { background:#0037b8; transform:translateY(-2px); }
.gallery_nav .gallery_next:hover { background:#e7e7e7; transform:translateY(-2px); }
.gallery_nav .control_arrow { position:absolute; top:35px; left:39px; width:12px; height:20px; }
.main_gallery_empty { display:flex; width:100%; height:580px; border-radius:35px; background:#f7f7f7; font-size:15px; color:#999; align-items:center; justify-content:center; }

#news_sct { position:relative; width:100%; padding:20px 0 170px; overflow:hidden; background:linear-gradient(to bottom, #fcfcfc 0%, #f9f9f9 28%, #f8f8f8 55%, #f7f7f7 100%); }
#news_sct:after { position:absolute; bottom:0; left:0; width:1045px; height:538px; content:''; background:url('../img/main/news_pattern.png') left bottom / 1045px 538px no-repeat; opacity:.82; pointer-events:none; }
.news_inner { position:relative; width:1280px; margin:0 auto; z-index:2; }
.news_title { text-align:center; }
.news_title h2 { margin:0; line-height:1; font-family:'Gmarket Sans', sans-serif; font-size:50px; font-weight:700; color:#222; }
.news_title p { margin:14px 0 0; font-size:15px; font-weight:400; color:#aaa; }
.main_news_list { display:grid; width:1280px; margin:68px auto 0; padding:0; grid-template-columns:repeat(3, 400px); gap:40px; }
.main_news_list li { width:400px; height:350px; overflow:hidden; border:none; border-radius:40px; background:#fff; box-shadow:18px 18px 28px rgba(0,0,0,.1); transition:transform .25s ease, box-shadow .25s ease; }
.main_news_list li:hover { box-shadow:20px 20px 28px rgba(0,0,0,.15); transform:translateY(-5px); }
.main_news_list li a { display:block; width:100%; height:100%; padding:55px 52px 42px; }
.news_category { display:inline-flex; min-width:95px; height:35px; margin-left:-2px; padding:0 15px; border-radius:20px; background:#0037b8; font-size:16px; font-weight:700; color:#fff; align-items:center; justify-content:center; }
.main_news_list strong { display:-webkit-box; max-height:76px; margin-top:16px; overflow:hidden; line-height:38px; font-size:24px; font-weight:800; color:#222; word-break:keep-all; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
.main_news_list p { display:-webkit-box; max-height:56px; margin-top:15px; overflow:hidden; line-height:28px; font-size:15px; font-weight:400; color:#999; word-break:keep-all; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
.main_news_list time { display:block; margin-top:33px; font-size:14px; font-weight:200; color:#222; }
.main_news_empty { display:flex; width:100%; height:350px; margin-top:75px; background:#fff; box-shadow:16px 18px 22px rgba(0,0,0,.05); font-size:15px; color:#999; align-items:center; justify-content:center; }

@media (max-width:1600px) {
.site_hd_inner { width:calc(100% - 80px); }
#site_gnb { width:760px; }
.site_gnb_ul { gap:24px; }
.site_gnb_ul > li > a { font-size:15px; }
.visual_copy { width:calc(100% - 80px); padding-left:80px; }
.visual_control { left:80px; margin-left:0; }
.visual_scroll { right:80px; }
}

@media (max-width:1200px) {
#site_gnb { display:none; }
.site_hd_inner { width:calc(100% - 48px); }
.site_allmenu_inner { width:calc(100% - 80px); }
.site_allmenu_ul { grid-template-columns:repeat(3, 1fr); }
.major_inner, .gallery_inner { width:calc(100% - 80px); }
.major_title { padding-left:0; }
#major_slider { left:0; width:100%; }
.major_pic { width:58%; }
.major_copy { right:2%; width:35%; }
.major_copy a { margin-left:-100px; }
.major_prev { left:-35px; }
.major_next { right:-35px; }
.quick_inner { width:100%; }
.news_inner, .main_news_list { width:calc(100% - 80px); }
.main_news_list { grid-template-columns:repeat(3, 1fr); }
.main_news_list li { width:100%; }
}

















/* banner */

#bnr_sct { display:table; width:100%; padding:50px 0; border-top:solid 1px #eee; }
.bnr_back { display:table; width:1390px; margin:0 auto; }
.bnr_wrap { position:relative; width:1280px; height:50px; overflow:hidden; margin:0 40px; }
.bnr_div { position:absolute; width:1500px; height:50px; }
.bnr { float:left; margin-right:45px; }
.bnr_wrap, .bnr_btn { float:left; }
.bnr_btn { margin-top:15px; }

#bnr_sct.sub { padding:25px 0; }

@media (max-width:1450px) {

#bnr_sct { padding:50px 40px; }
.bnr_back { width:100%; }
.bnr_wrap { width:calc(100% - 110px); }

}

@media (max-width:800px) {

#bnr_sct { padding:40px 20px; }
.bnr_wrap { width:calc(100% - 70px); margin:0 20px; }
.bnr { margin-right:30px; }

}

@media all and (max-width:600px){

.bnr_wrap { height:42px; }
.bnr img { height:42px; }

}


/* footer */

#ftr { width:100%; height:auto; padding:40px 0 43px 0; background:#484d53 url('../img/head/bg_copyright.png') center top repeat-y; }
.ftr_wrap { display:table; width:1400px; margin:0 auto; }
.ftr_l { float:left; width:calc(100% - 233px); }
.ftr_r { float:right; width:233px; }

.ftr_l > ul { display:table; }
.ftr_l > ul > li { float:left; }

.fx_ul { margin:6px 0 0 1px; }
.fx_ul > li { line-height:15px; height:15px; padding-left:14px; margin-left:18px; font-size:18px; font-weight:500; letter-spacing:-0.15; color:#ffd338; border-left:solid 1px #7f8387; }
.fx_ul > li:first-child { padding-left:0; margin-left:0; font-weight:400; letter-spacing:-0.25px; border-left:none; }
.fx_ul > li:last-child > span { position:relative; top:-2px; margin-left:1px; font-size:13px; font-weight:300; letter-spacing:-0.5px; color:#c7c7c7; }

.fm_ul { margin:28px 0 0 2px; }
.fm_ul > li { font-size:16px; font-weight:400; letter-spacing:-0.5px; color:#fff; cursor:pointer; transition:0.3s; }
.fm_ul > li:hover { color:#9dbd3a; }
.fm_ul > li:not(:first-child):before { content:'·'; padding:0 14px; cursor:auto; }
.fm_ul > li:hover:before { color:#fff; }

.fc_ul { margin:23px 0 0 2px; }
.fc_ul > li { line-height:12px; height:12px; padding-left:22px; margin-left:24px; font-size:14px; font-weight:300; letter-spacing:-0.1px; color:#e7e6e6; border-left:solid 1px #7f8387; }
.fc_ul > li:first-child { padding-left:0; margin-left:0; letter-spacing:-0.2px; border-left:none; }
.fc_txt { margin:11px 0 0 2px; font-size:13px; font-weight:300; letter-spacing:0.23px; color:#a7a7a7; }
.fc_txt > br { display:none; }
.fc_txt > a { margin-left:8px; color:#ccc; }

.ftr_r > h3 { display:inline-block; width:233px; height:56px; background-position:right center; background-repeat:no-repeat; }
#logo_ftr { background-image:url('../img/head/logo_copyright.png?ver=261001'); }

@media (max-width:1440px) {

#ftr { padding:40px; background:#484d53; }
.ftr_wrap { width:100%; }

}

@media (max-width:900px) {

#ftr { padding:30px; }
.ftr_wrap > div { width:100%; float:none; }
.ftr_r { margin-top:30px; }

}

@media all and (max-width:650px){

.fc_txt > br { display:block; }

}

@media all and (max-width:630px){

#ftr { padding:30px 0; }
.ftr_wrap > div > ul { display:table; }
.ftr_wrap > div > ul > li { }

.ftr_l > ul.fx_ul > li { float:none; }
.fx_ul { width:100%; margin:6px 0 0 0; }
.fx_ul > li { width:100%; text-align:center; border-left:none; padding:0; margin:0 0 10px 0; }
.fm_ul { width:auto; margin:12px auto 2px auto; }
.fc_ul { margin:22px auto; }
.fc_ul > li { text-align:center; margin-left:0; }
.fc_ul > li:nth-child(1) { float:none; text-align:center; margin-bottom:15px; }
.fc_ul > li:nth-child(2) { border-left:none; padding:0; }
.fc_ul > li:nth-child(3) { margin-left:15px; }
.fc_txt { line-height:19px; text-align:center; }
.fc_txt > span { display:none; }
.ftr_r { display:none; }

}

@media all and (max-width:450px){

.fm_ul > li:not(:first-child):before { padding:0 7px; }

}