@charset "utf-8";


/* hd title */
[class^="ttl_"] { text-align:center; line-height:1.2; color:#0b1449; }
.ttl_bigger { font-size:58px; }
.ttl_big { font-size:40px; }
.ttl_middle { font-size:30px; }
.ttl_small { font-size:24px; }
.ttl_thin { font-size:26px; font-weight:500; color:#555; }
/* sub text */
.hr_txt { line-height:1.3; font-size:20px; color:#333; } /* 타이틀 하단 큰 텍스트 문단 */

/* hrgroup */
hgroup .ttl_middle { margin:30px 0 15px; }
hgroup .ttl_small + p { margin-top:30px; }
hgroup p { text-align:center; }
hgroup p span { display:block; }

@media screen and ( max-width:720px ) {
    .ttl_small { font-size:18px; }
    hgroup .ttl_middle { margin:15px 0 10px; }
    hgroup .ttl_small + p { margin-top:20px; }
    hgroup p span { display:inline; }
    .ttl_middle { font-size:25px; }  
    .hr_txt { font-size:15px; }
    .hr_txt br { display:none; }
}

/* align */
.ta_left { text-align:left !important; }
.ta_center { text-align:center !important; }
.ta_right { text-align:right !important; }


/* button size */
button[class*="btn_"],
a[class*="btn_"] { display:inline-block; text-align:center; }
.btn_big { min-width:170px; height:50px; border-radius:5px;}
a.btn_big { line-height:48px; }
/* icon button */
.btn_big span[class*="icon_"] { display:inline-flex; align-items:center; font-size:18px; font-weight:700; }

/* icon type */
[class*="btn_"] [class*="icon_"]:before { content:''; display:inline-block; background-repeat:no-repeat; }
.icon_search:before { width:21px; height:21px; margin:3px 8px 0 0; vertical-align:top; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' style='enable-background:new 0 0 21 21' viewBox='0 0 21 21'%3E%3Cpath d='m20.6 18.8-3.9-4-.1-.1h-.1c1.2-1.5 1.9-3.4 1.9-5.5 0-5.1-4.1-9.2-9.2-9.2S0 4.1 0 9.2s4.1 9.2 9.2 9.2c2.1 0 4-.7 5.5-1.9 0 0 0 .1.1.1l3.9 4c.5.5 1.3.5 1.8 0 .6-.5.6-1.3.1-1.8zM9.2 15.7c-3.6 0-6.6-2.9-6.6-6.6 0-3.6 2.9-6.6 6.6-6.6 3.6 0 6.6 2.9 6.6 6.6s-3 6.6-6.6 6.6z' style='fill:%23fff'/%3E%3C/svg%3E"); }
.icon_list:before { width:16px; height:10px; margin-right:9px; border-top:2px solid #fff; border-bottom:2px solid #fff; background:linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 40%, rgba(255,255,255,1) 40%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 60%, rgba(255,255,255,0) 60%, rgba(255,255,255,0) 100%); }
.icon_pencel:before { width:16px; height:16px; margin-right:10px; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' style='enable-background:new 0 0 16 16' viewBox='0 0 16 16'%3E%3Cpath d='M16 3c0 .3-.1.5-.3.7L14.4 5 11 1.6 12.3.3c.4-.4 1-.4 1.4 0l2 2c.2.2.3.4.3.7zM9.6 3 13 6.4l-9.3 9.3c-.2.2-.4.3-.7.3H1c-.6 0-1-.4-1-1v-2c0-.3.1-.5.3-.7L9.6 3z' style='fill:%23fff'/%3E%3C/svg%3E"); }
.icon_cancel:before { width:15px; height:15px; margin-right:6px; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' style='enable-background:new 0 0 15 15' viewBox='0 0 15 15'%3E%3Cpath d='M12.8 12.8c-2.9 2.9-7.7 2.9-10.6 0s-2.9-7.7 0-10.6 7.7-2.9 10.6 0c2.9 2.9 2.9 7.7 0 10.6zm-8.5-2.1c1.3 1.3 3.4 1.7 5.1.9l-6-6c-.8 1.7-.4 3.7.9 5.1zm6.4-6.4C9.3 3 7.3 2.6 5.6 3.5l6 6c.8-1.8.4-3.8-.9-5.2z' style='fill:%23fff'/%3E%3C/svg%3E"); }
.icon_check:before { width:16px; height:12px; margin-right:6px; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' style='enable-background:new 0 0 16 12' viewBox='0 0 16 12'%3E%3Cpath d='m15.4 3.4-2 2-6 6c-.8.8-2 .8-2.8 0l-4-4c-.8-.8-.8-2 0-2.8.8-.8 2-.8 2.8 0L6 7.2l4.6-4.6 2-2c.8-.8 2.1-.7 2.8 0 .8.8.8 2 0 2.8z' style='fill:%23fff'/%3E%3C/svg%3E"); }

/* button color */
[class*="btn_"].navy { color:#fff; background-color:#0b1449; }
[class*="btn_"].pgray { color:#fff; background-color:#b0b0b0; }

/* button box */
.button_box { position:relative; }
.button_box > [class*="btn_"] { vertical-align:middle; }
.button_box [class*="btn_"]:not(:only-child) { margin:0 10px; }
.button_box .pos_down_right { position:absolute; top:auto; right:0; bottom:-83px; text-align:right; } /* 버튼이 페이지네이션 좌측에 위치해야 할 때 */
@media screen and ( max-width:1024px ) {
    .button_box .pos_down_right { position:static; margin-top:20px; }
    .button_box ~ .pagenation { margin-top:-20px; }
}
@media screen and ( max-width:1024px ) {
    .button_box [class*="btn_"]:not(:only-child) { margin-left:0; margin-right:0; width:100%; }
    .button_box [class*="btn_"]:not(:first-child) { margin-top:5px; }
}


/* color */
.reddish { color:#f50076; }


/* layout */
.sub_visual { height:304px; }
.sub_container { max-width:1200px; min-height:calc(100vh - 550px); margin:0 auto; padding:95px 20px; }

.sub_visual,
.sub_visual_inner,
.sub_nav,
.sub_nav dt,
.sub_nav dd { display:flex; }
.sub_visual_inner,
.sub_visual_inner h2,
.sub_nav { flex:1; }
.sub_visual { align-items:end; background-position:center center; }
.sub_visual_inner { }
.sub_visual_inner h2 { overflow:hidden; display:flex; justify-content:flex-end; padding:1px 0; line-height:1; }
.sub_visual_inner h2 span { flex:1; max-width:550px; margin-bottom:-5px; font-size:80px; letter-spacing:-0.05em; white-space:nowrap; color:#fff; font-weight:900; font-style:italic; text-shadow:5px 3px 8px rgba(0,0,0,0.66); }
.sub_nav { height:77px; background-color:#fff; }
.sub_nav dt,
.sub_nav dd { justify-content:center; align-items:center; height:100%; }
.sub_nav dt { width:77px; margin-right:25px; background-color:#006dbf; }
.sub_nav dt a { display:block; width:100%; height:100%; color:transparent; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' style='enable-background:new 0 0 298.9 301.8' viewBox='0 0 298.9 301.8'%3E%3Cpath d='M291.8 99.1 154.3 5.4c-6.6-4.5-15.4-4.3-21.8.5L7.5 99.6c-4.7 3.5-7.5 9.1-7.5 15v168.2c0 10.4 8.4 18.7 18.7 18.8l96.5.1c5 0 9.8-2 13.3-5.5s5.5-8.3 5.5-13.3l-.2-68.8h34.3l-.2 69.1c0 5 2 9.8 5.5 13.3s8.3 5.5 13.3 5.5l94.5-.4c10.3 0 18.7-8.4 18.7-18.8V114.6c.1-6.2-3-12-8.1-15.5zm-29.3 165.1-57 .2.2-69c0-5-2-9.8-5.5-13.3s-8.3-5.5-13.3-5.5H115c-5 0-9.8 2-13.3 5.5s-5.5 8.3-5.5 13.3l.2 68.8h-59V124l106.8-80.1 118.2 80.6v139.7z' style='fill:%23fff'/%3E%3C/svg%3E") center center no-repeat; background-size:25px 25px; }
.sub_nav dd { min-width:115px; }
.sub_nav dd a { position:relative; display:inline-block; padding:7px 0; line-height:1; font-size:16px; color:#0b1449; }
.sub_nav dd.on a,
.sub_nav dd a:hover { font-weight:500; color:#006dbf; }
.sub_nav dd.on a:after,
.sub_nav dd a:hover:after { content:''; position:absolute; left:0; bottom:-3px; height:3px; width:100%; background-color:#006dbf; }

.subvisual_img { display:none; } /* 서브 비주얼 이미지 숨김 - 스크립트 이용하여 백그라운드 배경값 추출 */

@media screen and ( max-width:1024px ) {
    .sub_container { padding:50px 20px; }

    .sub_visual { height:150px; }
    .sub_visual_inner { flex-direction:column; height:100%; border-bottom:1px solid #d2d2d2; }
    .sub_visual_inner h2 { align-items:center; }
    .sub_visual_inner h2 span { max-width:none; text-align:center; font-size:50px; }
    .sub_nav { justify-content:center; max-height:50px; }
    .sub_nav dt {display:none; }
    .sub_nav dd { min-width:auto; padding:0 10px; }
}






/* ------------------------- 
    ABOUT 
-------------------------- */
/* layout */
.sub_about ~ .sub_about { margin-top:100px; }
.sub_about h4 { margin-top:30px; margin-bottom:15px; }
.sub_about > p { font-size:18px; color:#333; }
.sub_about p span,
.sub_about h4 span { display:block; }
.sub_about > img { width:100%; }
/* about */
.aboutus_slogan + p { font-size:20px; color:#000; }
.aboutus_slogan { max-width:628px; margin:0 auto; height:70px; color:transparent; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' style='enable-background:new 0 0 214.4 23.5' viewBox='0 0 214.4 23.5'%3E%3Cstyle%3E.st0%7Bfill:%230b1449%7D%3C/style%3E%3Cpath d='M5 11.5c.6-.6 1.3-1.2 2-1.5.8-.4 1.6-.6 2.4-.6.5 0 1 .1 1.4.2.4.1.8.3 1.1.5s.6.5.9.8c.3.3.5.6.8 1l2.3-1.6c-.6-1.1-1.4-1.9-2.4-2.5s-2.3-.9-3.8-.9c-1.3-.1-2.5.1-3.7.7-1.2.5-2.2 1.2-3.1 2.1S1.3 11.6.8 12.8s-.7 2.4-.7 3.7c0 1.1.2 2 .5 2.8.4.8.9 1.6 1.5 2.1.6.6 1.4 1 2.3 1.4.9.3 1.8.5 2.9.5 1.4 0 2.6-.2 3.5-.7 1-.5 1.8-1.1 2.6-1.8l-1.9-1.9c-.6.5-1.3 1-1.9 1.3-.6.3-1.4.5-2.3.5-.6 0-1.2-.1-1.7-.3s-1-.5-1.4-.9-.7-.8-.9-1.4c-.2-.4-.3-1-.3-1.7 0-.9.2-1.8.5-2.7.4-.8.9-1.6 1.5-2.2zM22.1 11.5c-.8.5-1.5 1.3-2.2 2.3l.7-2.7h-2.8l-3.2 12.1h2.8l1.2-4.5c.2-.8.5-1.6.9-2.2s.8-1.1 1.2-1.5 1-.7 1.5-.9c.6-.2 1.1-.3 1.7-.3h.2l.8-2.9c-1-.2-2 0-2.8.6zM35.1 12.1c-.4-.4-.9-.8-1.5-1s-1.3-.4-2.1-.4c-1.1 0-2 .2-2.9.6-.9.4-1.6 1-2.3 1.7s-1.1 1.5-1.5 2.4c-.3.9-.5 1.8-.5 2.6s.1 1.5.4 2.2.6 1.2 1.1 1.7 1 .8 1.7 1.1c.7.2 1.4.4 2.3.4 1.1 0 2-.2 2.7-.5s1.4-.7 2-1.2l-1.3-1.8c-.5.4-1 .7-1.5.9-.5.2-1 .3-1.6.3-1 0-1.8-.3-2.3-.8S27 18.9 27 18h8.8c.2-.4.3-.9.4-1.3.1-.4.1-.9.1-1.3 0-.7-.1-1.3-.3-1.8-.2-.6-.5-1.1-.9-1.5zm-1.5 4h-6.3c.3-.9.8-1.7 1.5-2.3s1.5-.9 2.5-.9c.8 0 1.4.2 1.8.7.4.5.6 1 .6 1.6 0 .5-.1.7-.1.9zM43.9 10.8c-.8 0-1.6.1-2.3.2-.7.1-1.4.3-2 .6l.5 2.3c.5-.2 1-.4 1.6-.5s1.1-.2 1.7-.2c.9 0 1.6.2 2 .5s.6.8.6 1.3v.5c0 .2-.1.3-.1.5l-.1.3c-.5-.2-1.1-.3-1.7-.4s-1.2-.2-1.9-.2c-.8 0-1.5.1-2.1.3-.7.2-1.2.5-1.7.8-.5.4-.9.8-1.1 1.4-.3.5-.4 1.2-.4 1.9 0 .5.1 1 .3 1.4s.4.8.8 1c.3.3.7.5 1.2.7.4.2.9.2 1.5.2.8 0 1.5-.2 2.2-.5.6-.3 1.2-.8 1.7-1.3l-.6 1.5h2.7l1.8-6.8c.1-.3.1-.6.2-.9 0-.3.1-.6.1-.8 0-1.2-.4-2.1-1.2-2.8-.9-.7-2.1-1-3.7-1zm1.3 7.6c-.1.4-.3.7-.5 1.1-.2.3-.5.6-.8.9s-.7.5-1.1.6c-.4.2-.8.2-1.2.2-.6 0-1.1-.1-1.4-.4-.3-.3-.5-.7-.5-1.2 0-.6.3-1.2.8-1.6s1.3-.6 2.2-.6c.5 0 1 0 1.5.1s.9.2 1.3.3l-.3.6zM53.8 19.2l1.6-5.8h3.2l.6-2.4H56l.9-3.3h-2.8l-.9 3.3h-1.5l-.7 2.4h1.5l-1.6 6.1c-.1.5-.2.9-.2 1.4 0 .7.3 1.3.8 1.7.5.4 1.3.6 2.2.6s1.6-.1 2.3-.4l.6-2.4c-.6.3-1.2.4-1.8.4-.8 0-1.2-.3-1.2-.9v-.3c.1-.2.1-.3.2-.4zM69.7 12.1c-.4-.4-.9-.8-1.5-1s-1.3-.4-2.1-.4c-1.1 0-2 .2-2.9.6-.9.4-1.6 1-2.3 1.7s-1.1 1.5-1.5 2.4c-.3.9-.5 1.8-.5 2.6s.1 1.5.4 2.2c.3.7.6 1.2 1.1 1.7s1 .8 1.7 1.1c.7.2 1.4.4 2.3.4 1.1 0 2-.2 2.7-.5s1.4-.7 2-1.2l-1.3-1.8c-.5.4-1 .7-1.5.9-.5.2-1 .3-1.6.3-1 0-1.8-.3-2.3-.8s-.8-1.3-.8-2.2h8.8c.2-.4.3-.9.4-1.3s.1-.9.1-1.3c0-.7-.1-1.3-.3-1.8-.1-.7-.5-1.2-.9-1.6zm-1.5 4H62c.3-.9.8-1.7 1.5-2.3.7-.5 1.5-.8 2.5-.8.8 0 1.4.2 1.8.7s.6 1 .6 1.6c0 .4-.1.6-.2.8zM84.9 10.8c-.8 0-1.6.1-2.3.2-.7.1-1.4.3-2 .6l.5 2.3c.5-.2 1-.4 1.6-.5s1.1-.2 1.7-.2c.9 0 1.6.2 2 .5s.6.8.6 1.3v.5c0 .2-.1.3-.1.5l-.1.3c-.5-.2-1.1-.3-1.7-.4s-1.2-.2-1.9-.2c-.8 0-1.5.1-2.1.3-.7.2-1.2.5-1.7.8-.5.4-.9.8-1.1 1.4-.3.5-.4 1.2-.4 1.9 0 .5.1 1 .3 1.4.2.4.4.8.8 1 .3.3.7.5 1.2.7.4.2.9.2 1.5.2.8 0 1.5-.2 2.2-.5.6-.3 1.2-.8 1.7-1.3l-.6 1.5h2.7l1.8-6.8c.1-.3.1-.6.2-.9 0-.3.1-.6.1-.8 0-1.2-.4-2.1-1.2-2.8-.9-.7-2.1-1-3.7-1zm1.3 7.6c-.1.4-.3.7-.5 1.1-.2.3-.5.6-.8.9s-.7.5-1.1.6c-.4.2-.8.2-1.2.2-.6 0-1.1-.1-1.4-.4s-.5-.7-.5-1.2c0-.6.3-1.2.8-1.6s1.3-.6 2.2-.6c.5 0 1 0 1.5.1s.9.2 1.3.3l-.3.6zM112.3 7.1l-3 11.3-5.4-11.3h-2.7l-4.2 16h2.7l3.1-11.7 5.6 11.7h2.4l4.3-16zM125.6 12.1c-.4-.4-.9-.8-1.5-1s-1.3-.4-2.1-.4c-1.1 0-2 .2-2.9.6-.9.4-1.6 1-2.3 1.7s-1.1 1.5-1.5 2.4c-.3.9-.5 1.8-.5 2.6s.1 1.5.4 2.2.6 1.2 1.1 1.7 1 .8 1.7 1.1c.7.2 1.4.4 2.3.4 1.1 0 2-.2 2.7-.5s1.4-.7 2-1.2l-1.3-1.8c-.5.4-1 .7-1.5.9-.5.2-1 .3-1.6.3-1 0-1.8-.3-2.3-.8s-.8-1.3-.8-2.2h8.8c.2-.4.3-.9.4-1.3s.1-.9.1-1.3c0-.7-.1-1.3-.3-1.8-.2-.7-.5-1.2-.9-1.6zm-1.5 4h-6.3c.3-.9.8-1.7 1.5-2.3s1.5-.9 2.5-.9c.8 0 1.4.2 1.8.7s.6 1 .6 1.6c0 .5 0 .7-.1.9zM139.9 19.2l-.5-8.3h-2.3l-4.9 8.3-.2-8.2h-2.8l.6 12.1h2.5l4.9-8.2.5 8.2h2.5l7.2-12.1h-2.8zM171.7 0 160 18.2l-1.1-11.1h-3.8l2.1 16.1h3.1L175.7 0zM175.7 10.7c-.9 0-1.7.1-2.4.2-.8.2-1.5.4-2.1.6l.5 2.7c.4-.2.9-.3 1.5-.5.6-.1 1.2-.2 1.7-.2.9 0 1.5.1 1.8.4s.5.6.5 1.1v.5c0 .1-.1.3-.1.4v.2c-.5-.2-1.1-.3-1.6-.4-.6-.1-1.2-.1-1.8-.1-.7 0-1.4.1-2.1.3-.6.2-1.2.5-1.7.9s-.8.8-1.1 1.4c-.3.5-.4 1.2-.4 1.9 0 .5.1.9.3 1.3s.4.7.7 1 .7.5 1.1.7c.4.2.9.2 1.5.2.7 0 1.4-.1 2-.4s1.2-.7 1.6-1.2l-.4 1.4h3.4l1.8-6.8c.1-.3.1-.6.2-.9.1-.3.1-.6.1-.9 0-1.2-.4-2.1-1.2-2.8-.9-.7-2.1-1-3.8-1zm.8 7.7c-.1.3-.2.7-.4.9-.2.3-.4.6-.7.8s-.6.4-.9.5c-.3.1-.7.2-1 .2-.5 0-.9-.1-1.2-.4-.3-.2-.4-.6-.4-.9 0-.6.2-1.1.7-1.4s1.1-.5 1.8-.5c.4 0 .8 0 1.2.1s.7.2 1.1.3l-.2.4zM185.7 6.4l-4.5 16.7h3.5l4.4-16.7zM196.4 17.7c-.2.7-.5 1.3-1 1.8-.4.4-1 .7-1.7.7-.5 0-.9-.1-1.2-.4s-.4-.6-.4-1.1v-.5c0-.2.1-.4.1-.6l1.8-6.7h-3.5l-1.7 6.6-.3 1.2c-.1.4-.1.8-.1 1.1 0 1.1.3 2 1 2.6s1.5.9 2.6.9c.7 0 1.3-.2 1.9-.5.5-.3 1-.7 1.5-1.1l-.3 1.3h3.5l3.3-12.3h-3.5l-2 7zM214 13.5c-.2-.6-.5-1.1-1-1.5-.4-.4-1-.8-1.6-1s-1.3-.4-2.1-.4c-1.1 0-2.1.2-3 .6-.9.4-1.7 1-2.3 1.7s-1.1 1.5-1.5 2.4c-.3.9-.5 1.8-.5 2.6 0 .9.1 1.6.4 2.3s.6 1.2 1.1 1.7 1.1.8 1.8 1.1c.7.3 1.5.4 2.4.4 1.1 0 2-.2 2.7-.5s1.4-.7 2-1.2l-1.6-2.1c-.5.4-1 .6-1.4.8s-.9.2-1.3.2c-.9 0-1.6-.2-2-.7-.4-.4-.7-1-.8-1.7h8.4c.2-.5.3-.9.5-1.4.1-.5.2-.9.2-1.4-.1-.7-.2-1.4-.4-1.9zm-3.1 2.5h-5.3c.3-.8.7-1.4 1.3-1.9s1.3-.7 2.1-.7c.7 0 1.2.2 1.5.5.3.4.5.8.5 1.3 0 .2 0 .5-.1.8z' class='st0'/%3E%3C/svg%3E") 0 0 no-repeat; background-size:100% auto; }
.aboutus_list { display:flex; flex-flow:column; justify-content:center; gap:13px; max-width:1200px; height:366px; margin:35px 0; background:url(../img/sub/sub_about_a01.jpg) center top no-repeat; background-size:cover; }
.aboutus_list li { margin-left:100px; font-size:26px; font-weight:500; color:#fff; }
.aboutus_list ~ p { font-size:16px; }
.aboutus_list ~ p + p { margin-top:15px; }
@media screen and ( max-width:720px ) {
    .sub_about h4 { margin-top:20px; margin-bottom:10px; }
    .sub_about h4.ttl_big { font-size:25px; }
    .sub_about > p { font-size:16px; }
    .aboutus_list { height:auto; padding:30px 20px; text-align:center;  }
    .aboutus_list li { margin-left:0; font-size:20px; }
    .aboutus_slogan + p { font-size:17px; }
    .aboutus_list ~ p { font-size:14px; }
}
/* mission */
.mission_slogan + p { margin-bottom:5px; color:#000; }
.mission_list,
.mission_list li { display:flex; }
.mission_list { justify-content:space-between; max-width:840px; margin:45px auto 0; }
.mission_list li { align-items:center; justify-content:center; box-sizing:border-box; width:calc(25% - 10px); max-width:180px; height:73px; font-size:20px; color:#162041; border:1px solid #83c4d7; box-shadow:0 0 0 8px #ccf1ed; }
/* vision */
.vision_slogan ~ p { color:#333; }
.vision_slogan ~ img { margin-top:35px; }
/* global business */
.global_vision { margin:30px 0 12px; }
.global_vision ~ img { margin-top:35px; }
/* history */
.sub_about.history { display:flex; flex-wrap:wrap; align-items:flex-start; justify-content:space-between; max-width:1122px; }
.sub_about.history h3,
.sub_about.history h4 { width:100%; }
.sub_about.history h4 { margin-bottom:80px; }
.history_list:before,
.history_year h5:after { position:absolute; content:''; }
.history_list { position:relative; width:515px; line-height:1; }
.history_list:before { left:107px; top:10px; width:2px; height:calc(100% - 10px); background-color:#e4eaf2; }
.history_year { position:relative; padding-left:145px; font-size:15px; color:#666; }
.history_year:not(:first-child) { margin-top:52px; }
.history_year h5 { position:absolute; left:0; top:0; line-height:20px; font-size:36px; color:#0b1449; }
.history_year h5:after { top:6px; left:101px; width:6px; height:6px; border:4px solid #00ccf5; border-radius:50%; background-color:#fff; }
.history_list:nth-of-type(2) .history_year h5:after { border:4px solid #17a5a3; } /* 2020 이전 연혁 불렛 컬러 */
.history_year ul { padding-top:4px; }
.history_year p:not(:first-child) { margin-top:5px; }
.history_year img { display:block; margin-top:15px; }
.history_year li:not(:first-child) { margin-top:40px; }

@media screen and ( min-width:1201px ) {
    .history_list + .history_list { margin-top:460px; }
    .history_list + .history_list:after { position:absolute; left:117px; top:-323px; content:url(../img/sub/sub_bi.png); display:block; font-size:0; }
}
@media screen and ( max-width:1200px ) {
    .sub_about.history { flex-flow:column; align-items:center; }
    .history_list + .history_list { margin-top:-10px; padding-top:50px; }
}
@media screen and ( max-width:620px ) {
    .sub_about ~ .sub_about,
    .sub_about.history { margin-top:50px; }
    .sub_about.history h4 { margin-bottom:30px; font-size:45px; }
    .history_list { width:100%; }
    .history_list + .history_list { margin-top:-46px; }
    .history_year { padding-left:20px; }
    .history_year:not(:first-child) { margin-top:20px; }
    .history_year li:not(:first-child) { margin-top:20px; }    
    .history_year h5 { position:static; line-height:1; }
    .history_list:before { top:20px; left:-5px; height:calc(100% - 45px); }
    .history_year h5:after { top:15px; left:-10px; }

}




/* ------------------------- 
    Contact 
    * 인덱스 페이지에 사용된 레이아웃 약간 수정하여 사용 (main.css)
-------------------------- */
.sub_container .main_contact_info h5 { line-height:1; font-size:40px; font-weight:700; } /* 메인에서 사용한 h3 태그를 현재 페이지 순서에 맞게 h5로 수정 - 스타일 재설정 */
.sub_container .main_contact { justify-content:space-between; padding:0; margin:40px auto 0; }
.sub_container .main_contact .main_contact_info { width:358px; padding-left:65px; }
.sub_container .main_contact .main_map { width:calc(100% - 510px); }
@media screen and ( max-width:1024px ) {
    .sub_container .main_contact { margin-left:-20px; margin-right:-20px; margin-bottom:-50px; }
    .sub_container .main_contact .main_map { width:calc(100% - 450px); }
}
@media screen and ( max-width:900px ) {
    .sub_container .main_contact .main_contact_info,
    .sub_container .main_contact .main_map { width:100%; }
}
/* ------------------------- 
    Client
-------------------------- */
.client_list_wrap { padding:1px 0; margin-bottom:100px; }
.client_list_wrap .ttl_thin { margin:40px 0 20px; }
.client_list { display:flex; flex-wrap:wrap; justify-content:space-between; gap:23px; }
.client_list li { display:flex; justify-content:center; align-items:center; max-width:280px; width:calc(25% - 15px); height:160px; border:1px solid #d2d2d2; }
.client_list li img { max-width:203px; max-height:50px; }

.main_client_list { display:flex; gap:23px; margin-top:40px; }
.main_client_list dl { flex:1; box-sizing:border-box; text-align:center; border:1px solid #d2d2d2; background-color:#f1f1f1; }
.main_client_list dt { display:flex; align-items:center; justify-content:center; height:110px; background-color:#fff; }
.main_client_list dt img { display:block; }

.main_client_list dd { padding:30px 10px; color:#333; }
.main_client_list dd strong { display:block; margin-bottom:5px; font-size:16px; font-weight:700; }
.main_client_list dd p { line-height:1.5; font-size:15px; font-weight:400; }

@media screen and ( max-width:1240px ) {
    .client_list { gap:17px; }
    .main_client_list dd { padding:30px 20px; }
    .main_client_list dd br { display:none; }
}
@media screen and ( max-width:1024px ) {
    .client_list_wrap { margin-bottom:50px; }
    .main_client_list { margin-top:20px; }
    .client_list li { height:100px; }
    .client_list li img { max-width:75%; }
    .main_client_list { gap:10px; }
}
@media screen and ( max-width:720px ) {
    .client_list { gap:14px; }
    .client_list li { width:calc(33.33% - 12px); }
    .main_client_list { flex-flow:column; }
    .main_client_list dt { height:auto; padding:20px 5px 15px; }
    .main_client_list dd { padding:15px 20px; }
}
@media screen and ( max-width:475px ) {
    .client_list { gap:5px; }
    .client_list li { width:calc(50% - 5px); }

}
/* ------------------------- 
    Whith us
-------------------------- */
.with_form_wrap { display:flex; justify-content:space-around; margin-top:35px; background:url(../img/sub/sub_about_d.jpg) center center; background-size:cover; }
.with_form_wrap:before { content:''; flex:1; max-width:300px; }
.with_form { box-sizing:border-box; max-width:486px; padding:35px 50px; background-color:rgba(30,40,46,0.9); }
.with_form h5 { margin-bottom:15px; text-align:center; font-size:30px; color:#fff; }
.with_form_item { box-sizing:border-box; min-height:48px; padding:5px 15px; margin-top:10px; border-radius:5px; background-color:#fff; }
.with_form_item:not(.iq) { display:flex; align-items:center; }
.with_form_item strong { line-height:1; font-size:14px; font-weight:400; color:#333; }
.with_form_item:not(.iq) strong { flex:0 0 55px; }
.with_form_item input:not([type="checkbox"]),
.with_form_item select,
.with_form_item textarea { display:block; box-sizing:border-box; padding:0; margin:0; font-size:14px; border:0; color:#777; }
.with_form_item:not(.email) input:not([type="checkbox"]):not([type="file"]) { width:100%; }
.with_form_item input:not([type="checkbox"]):not([type="file"]) { height:38px; }
.with_email_wrap { display:flex; justify-content:space-between; width:100%; }
.with_email_wrap [type="text"],
.with_email_wrap select { width:calc(50% - 10px); }
.with_email_wrap i { align-self:center; margin-top:-3px; }
.with_email_wrap select { text-align:center; }
.with_check_wrap { flex:1; display:flex; justify-content:space-between; align-items:center; max-width:275px; font-size:14px; color:#777; }
.with_check_wrap label { line-height:1; cursor:pointer; }
.with_form_txt { padding:3px 0 0 10px; line-height:1.2; letter-spacing:-0.03em; font-size:12px; color:#cfa972; }
.with_form_item + .with_form_txt { margin-top:5px; }
.with_form_txt + .with_form_item { margin-top:15px; }
.with_form_txt a { text-decoration:underline; text-underline-position:under; }
.with_form_submit { width:100%; height:58px; margin-top:10px; font-size:24px; font-weight:500; color:#fff; border-radius:5px; background-color:#006dbf; }
/* textarea */
.with_form_item.iq strong { display:block; margin:5px 0 2px; }
.with_form_item.iq textarea { width:100%; }
/* 첨부파일 스타일링 */
.with_form_item .file_up { flex:1; }
.with_form_item .file_up [type="file"],
.with_form_item .file_up .file_find { line-height:38px; }
.file_up { display:flex; position:relative; height:100%; gap:10px; }
.file_up [type="text"] { flex:1; text-align:center; font-size:12px !important; }
.file_up [type="file"] { opacity:0; position:absolute; right:0; top:0; cursor:pointer; }
.file_up [type="file"],
.file_find { display:block; width:70px; height:100%;  }
.file_find { font-size:12px; color:#000; }
.file_find:before { content:url(../img/icons/icon_clip.gif); margin-right:7px; vertical-align:middle; }

@media screen and ( max-width:1204px ) {
    .with_form_wrap:before { content:none; }
    .with_form_wrap { margin:35px -20px 0; }
}
@media screen and ( max-width:720px ) {
    .with_form_wrap { background:none; }
    .with_form { width:100%; max-width:none; padding:35px 20px; }
    .with_form_txt { padding:0; }
}







/* ------------------------- 
    통역 
-------------------------- */
.service_a01 { display:flex; align-items:center; max-width:980px; padding:40px 0 24px; margin:0 auto; }
.service_a01 div { flex:1; max-width:384px; }
.service_a01 div img { width:auto; height:auto; }
.service_a01 ul { margin-left:24px; line-height:1.2; font-size:15px; word-break:keep-all; color:#1c1e29; }
.service_a01 li + li { margin-top:17px; }
@media screen and ( max-width:1024px ) {
    .service_a01 { max-width:500px; margin:20px auto 0; padding:25px 20px; border:1px solid #ddd; }
    .service_a01 div { display:none; }
}
/* 통역분야 */
.service_a02_wide { padding:60px 20px 100px; background-color:#f4f7f9; }
.service_a02_list,
.service_a02_list li { display:flex; }
.service_a02_list { display:flex; flex-flow:wrap; gap:20px 24px; max-width:996px; padding:30px 24px 0; margin:0 auto; }
.service_a02_list li { justify-content:space-between; align-items:center; box-sizing:border-box; width:calc(50% - 20px); }
.service_a02_list li img,
.service_a02_list li div { flex:1; }
.service_a02_list li img { max-width:180px; margin-right:10px; }
.service_a02_list li div { max-width:280px; line-height:1.3; word-break:keep-all; }
.service_a02_list strong { line-height:1; font-size:18px; font-weight:500; color:#0b1449; }
.service_a02_list p { margin-top:10px; letter-spacing:-0.04em; font-size:15px; color:#555; }
@media screen and ( max-width:1024px ) {
    .service_a02_list { max-width:500px; padding:30px 0 0; }
    .service_a02_list li { width:100%; justify-content:flex-start; }
    .service_a02_list li div { max-width:none; }
    .service_a02_list strong { font-size:16px; }
    .service_a02_list p { font-size:13px;  }
}
@media screen and ( max-width:500px ) {
    .service_a02_list li img  { display:none; }
}


/* ------------------------- 
    번역 
-------------------------- */
.service_b01 { display:flex; gap:25px; margin:40px 0 100px; }
.service_b01 li { flex:1; box-sizing:border-box; height:500px; padding:35px 20px 239px; text-align:center; border:1px solid #d2d2d2; background-position:0 100%; background-repeat:no-repeat; }
.service_b01 li h5 { margin-bottom:20px; font-size:26px; color:#0b1449; }
.service_b01 li p { max-width:460px; margin:0 auto; word-break:keep-all; line-height:1.2; font-size:16px; color:#444; }
.service_b01 li p + p { margin-top:10px; }
.service_b01 li:first-child { background-image:url(../img/sub/sub_service_b01.jpg); }
.service_b01 li:last-child { background-image:url(../img/sub/sub_service_b02.jpg); }
@media screen and ( max-width:1024px ) { 
    .service_b01 li { height:auto; padding:20px 25px 30px;  }
    .service_b01 li:first-child,
    .service_b01 li:last-child { background-image:none; }
    .service_b01 li p { text-align:left; }
}
@media screen and ( max-width:720px ) { 
    .service_b01 { flex-direction:column; gap:5px; margin:30px 0 50px; }
    .service_b01 li h5 { font-size:19px; }
    .service_b01 li p { max-width:none; font-size:15px; }
}

/* 번역분야 */
.service_b02 { display:flex; flex-direction:column; align-items:center; justify-content:center; box-sizing:border-box; height:483px; padding:1px 20px; background:url(../img/sub/sub_service_b03.jpg) center center no-repeat; }
.service_b02 h4 { margin:0 0 25px; color:#fff; }
.service_b02 .trans_area { text-align:center; }
@media screen and ( max-width:720px ) { 
    .service_b02 { height:auto; padding:50px 20px 30px; }
}

/* ------------------------- 
    번역 공증
-------------------------- */
.service_c01 { box-sizing:border-box; display:flex; flex-direction:column; justify-content:center; height:242px; padding:0 20px 0 510px; margin-top:40px; background:#f4f7f9 url(../img/sub/sub_service_c01.jpg) 0 0 no-repeat; }
.service_c01 h5 { font-size:26px; color:#0b1449; }
.service_c01 p { margin-top:20px; line-height:1.4; color:#444; }
.service_c02 { display:flex; flex-direction:column; justify-content:center; align-items:center; box-sizing:border-box; height:922px; padding:1px 20px; background:url(../img/sub/sub_service_c02.jpg) center center repeat-x; }
.service_c02 .trans_area li { display:flex; }
.service_c02 .trans_area h5 { width:175px; font-size:20px; line-height:1; color:#0b1449; }
.service_c02_txt { box-sizing:border-box; width:996px; padding:20px 30px; margin-top:10px; font-size:15px; color:#fff; background-color:#00b8a4; }
.service_c02_txt p:first-child { margin-bottom:15px; }
.service_c02_txt a { float:left; margin:-5px 10px 0 0; }
.service_c02_txt a + p { max-width:690px; }
@media screen and ( max-width:1024px ) {
    .service_c01 { height:auto; padding:20px; background-image:none; }
    .service_c02 { height:auto; padding: 30px 20px; background-size:cover; }
    .service_c02 .trans_area li { flex-direction:column; padding:15px 20px; }
    .service_c02 .trans_area h5 { width:auto; margin-bottom:10px; }
    .trans_area li p { font-size:14px; }
    .service_c02_txt { width:100%; }
}
@media screen and ( max-width:720px ) {
    .service_c02_txt a { float:none; margin:5px 0; }
}

/* ------------------------- 
    영상 번역
-------------------------- */
.service_d_visual { display:block; width:100%; max-width:1199px; margin:40px auto 100px; }

.media_area,
.media_area li,
.media_area span { display:flex; }
.media_area { gap:24px; margin:40px 0 100px; }
.media_area li { flex:1; align-items:center; justify-content:center; height:215px; font-size:18px; color:#333; background-color:#d1c0a5; }
.media_area span { flex-direction:column; justify-content:flex-end; align-items:center; height:105px; }
.media_area span:before { content:''; flex:1; width:100%; margin-bottom:auto; background-repeat:no-repeat; background-position-x:center; }
.media_area li:nth-child(1) span:before { background-image:url(../img/sub/media_list01.svg); background-position-y:0;  background-size:90px 61px; }
.media_area li:nth-child(2) span:before { background-image:url(../img/sub/media_list02.svg); background-position-y:0;  background-size:68px 59px; }
.media_area li:nth-child(3) span:before { background-image:url(../img/sub/media_list03.svg); background-position-y:7px;  background-size:49px 48px; }
.media_area li:nth-child(4) span:before { background-image:url(../img/sub/media_list04.svg); background-position-y:18px;  background-size:56px 40px; }

@media screen and ( max-width:720px ) {
    .media_area { flex-wrap:wrap; gap:10px; justify-content:center; }
    .media_area li { flex:none; width:calc(50% - 15px); padding:20px 0; height:auto; }
}



/* 번역언어 리스트 */
.lan_list { display:flex; flex-wrap:wrap; margin-top:25px; }
.lan_list li { display:flex; align-items:center; justify-content:center; box-sizing:border-box; width:16.75%; height:62px; margin:0 0 -1px -1px; font-size:18px; font-weight:300; color:#333; border:1px solid #d2d2d2; }
@media screen and ( max-width:1024px ) {
    .lan_list li { font-size:16px; }
}
@media screen and ( max-width:720px ) {
    .lan_list li { width:33.33%; font-size:15px; }
}
/* 번역분야 리스트 */
.trans_area { width:996px; }
.trans_area li { padding:17px 30px; margin-top:15px; font-size:18px; font-weight:300; color:#333; background-color:#fff; }
.trans_area li p { font-size:16px; }
@media screen and ( max-width:1024px ) {
    .trans_area { width:100%; }
    .trans_area li { font-size:16px; }
}
@media screen and ( max-width:720px ) {
    .trans_area li p { font-size:14px; }
}
/* 통역 프로세스 */
.service_flow,
[class*="service_flow_"],
.service_flow li { display:flex; }
.service_flow { flex-direction:column; margin:40px auto 0; }
.service_flow_02 { flex-direction:row-reverse; }
.service_flow_02.after:after { content:''; }
.service_flow li,
.service_flow_02.after:after { width:180px; height:92px; }
.service_flow li { position:relative; flex-direction:column; justify-content:center; align-items:center; box-sizing:border-box; border-width:1px; border-style:solid; }
.service_flow li b { font-size:15px; color:#686868; }
.service_flow li p { font-size:16px; color:#333; }
.service_flow_01 li { border-color:#5bbfb7; }
.service_flow_02 li { border-color:#45bdd5; }
.service_flow_01 li:nth-child(1) {  }
.service_flow_01 li:nth-child(2) { background-color:#d1f1ed; }
.service_flow_01 li:nth-child(3) { background-color:#bfebec; }
.service_flow_01 li:nth-child(4) { background-color:#bbe4e8; }
.service_flow_02 li:nth-child(1) { background-color:#bbe8df; }
.service_flow_02 li:nth-child(2) { background-color:#c8f0e3; }
.service_flow_02 li:nth-child(3) { background-color:#b7e9d9; }
.service_flow_02 li:nth-child(4) { background-color:#9edcc9; }
.service_flow_01 li:after,
.service_flow_02 li + li:before { content:''; position:absolute; background:url(../img/icons/icon_arrow_circled.svg) center center no-repeat; }

@media screen and ( min-width:1050px ) { /* 방향 화살표 포지션 01 */
    .service_flow { width:990px; }
    [class*="service_flow_"] { gap:90px; }
    .service_flow_01 { margin-bottom:50px; }
    .service_flow_01 li:after,
    .service_flow_02 li + li:before { width:33px; height:33px; }
    /* 화살표 좌표 */
    .service_flow_01 li:nth-child(1):after,
    .service_flow_01 li:nth-child(2):after,
    .service_flow_01 li:nth-child(3):after,
    .service_flow_02 li + li:before { right:-62px; }
    .service_flow_01 li:nth-child(4):after { bottom:-43px; transform:rotate(90deg); }
	.service_flow_02 li + li:before { transform:scaleX(-1); }

}
@media screen and ( max-width:1049px ) and ( min-width:721px ) { 
    .service_flow { width:650px; }
    [class*="service_flow_"] { gap:35px; }
    [class*="service_flow_"] span { font-size:14px; }
    .service_flow_01 { margin-bottom:35px; }
    .service_flow_01 li:after,
    .service_flow_02 li + li:before { width:20px; height:20px; }
    /* 화살표 좌표 */
    .service_flow_01 li:nth-child(1):after,
    .service_flow_01 li:nth-child(2):after,
    .service_flow_01 li:nth-child(3):after,
    .service_flow_02 li + li:before { right:-29px; }
    .service_flow_01 li:nth-child(4):after { bottom:-28px; transform:rotate(90deg); }
	.service_flow_02 li + li:before { transform:scaleX(-1); }
}
@media screen and ( max-width:720px ) {
    .service_flow { max-width:300px; }
    .service_flow li,
    .service_flow_02.after:after { width:100%; height:auto; }
    [class*="service_flow_"] { flex-wrap:wrap; }
    .service_flow li { padding:10px; }
    .service_flow li { margin-top:15px; }
}


/* 견적이 필요하세요? */
.for_esti { display:flex; align-items:center; justify-content:center; height:306px; padding:20px 20px 40px; line-height:1; color:#fff; background-color:#0b1449; }
.for_esti_txt { flex:1; max-width:670px; padding:20px 20px 20px 0; }
.for_esti_txt h3 { font-size:30px; }
.for_esti_txt ul { display:flex; flex-wrap:wrap; gap:7px; max-width:400px; margin:30px 0 15px; font-size:12px; }
.for_esti_txt ul strong { font-size:18px; }
.for_esti_txt ul span { margin-right:5px; }
.for_esti_txt ul em { display:inline-block; color:#cfa972; }
.for_esti_mail { font-weight:700; font-size:16px; }
.for_esti_kakao { display:block; margin-top:15px; box-sizing:border-box; width:136px; height:40px; margin-top:20px; line-height:37px; text-align:left; padding-left:41px; font-size:14px; color:#3c2323; background:#ffd200 url(../img/icons/icon_sns_kakao.svg) 10px 10px no-repeat; background-size:25px 23px; }
.for_esti_link { display:flex; align-items:center; justify-content:space-between; box-sizing:border-box; width:294px; height:76px; padding:0 24px; font-size:24px; font-weight:500; border-radius:3px; background-color:#c78e42; }
.for_esti_link:after { content:''; display:block; width:24px; height:24px; background:url(../img/icons/icon_arrow_right.svg) center center no-repeat; }
@media screen and ( max-width:720px ) {
    .for_esti { flex-direction:column; align-items:baseline; height:auto; }
    .for_esti_txt { padding-right:0; }
    .for_esti_link { width:100%; height:70px; }
}

.tab_menu.max3 { max-width:816px; margin:35px auto 0; }

.tab_menu,
.tab_menu a { display:flex; }
.tab_menu { max-width:1200px; margin-top:30px; }
.tab_menu li { position:relative; flex:1; height:57px; text-align:center; border-left:1px solid #d2d2d2; border-top:1px solid #d2d2d2; border-bottom:1px solid #d2d2d2; }
.tab_menu li:last-child { border-right:1px solid #d2d2d2; }
.tab_menu li a { height:100%; align-items:center; justify-content:center; font-size:18px; color:#0b1449; }
.tab_menu li.on { border-color:#0b1449; background-color:#0b1449; }
.tab_menu li.on + li { border-left-color:#0b1449; }
.tab_menu li.on a { color:#fff; }

@media screen and  ( max-width:720px ) {
    .tab_menu li { height:45px; }
    .tab_menu li a { font-size:15px; letter-spacing:-0.05em; }
}

.pagenation { display:flex; justify-content:center; padding:40px 0; }
.pagenation li { position:relative; width:37px; height:37px; color:#000; }
.pagenation li + li { margin-left:5px; }
.pagenation li:not(.arrow).on, 
.pagenation li:not(.arrow):hover { color:#fff; background-color:#006dbf; }
.pagenation li a { display:block; width:100%; height:100%; line-height:37px; text-align:center; white-space:nowrap; font-size:16px; }
.pagenation li.arrow { color:transparent; border:1px solid #acaeb0; }

.pagenation li.arrow:before { content:''; position:absolute; top:calc(50% - 4px); height:9px; background-position:0 0; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' style='enable-background:new 0 0 5 9' viewBox='0 0 5 9'%3E%3Cpath d='M5 0v9L0 4.5 5 0z'/%3E%3C/svg%3E"); background-size:5px 9px; z-index:-1; }
.pagenation li.first:before,
.pagenation li.last:before { width:5px; left:calc(50% - 3px); }
.pagenation li.prev:before,
.pagenation li.next:before { width:10px; left:calc(50% - 6px); }
.pagenation li.next:before,
.pagenation li.last:before { transform:scaleX(-1); }
.pagenation li.prev { margin-right:20px; }
.pagenation li.next { margin-left:20px; }

/* ------------------------- 
    Performance 
-------------------------- */
.pf_list,
.pf_list li { display:flex; }

.pf_list { justify-content:space-between; flex-wrap:wrap; align-items:center; box-sizing:border-box; padding:1px 0 40px; }
.pf_list li { width:calc(50% - 30px); margin-top:30px; align-items:center; }

.pf_thumb { display:flex; align-items:center; justify-content:center; width:204px; height:168px; border:1px solid #f2f0f0; background-color:#fff; }
.pf_thumb img { max-width:calc(100% - 20px); max-height:calc(100% - 30px); }
.pf_thumb img,
.pf_list div * { display:block; }
.pf_list div { margin-left:20px; }
.pf_list strong { padding-bottom:5px; font-size:15px; color:#000; }
.pf_list span { margin-top:5px; font-size:14px; color:#666; }

@media screen and ( max-width:1024px ) and ( min-width:721px ) {
    .pf_thumb { min-width:150px; width:150px; height:136px; }
    .pf_list div { margin-left:10px; }
}
@media screen and ( max-width:720px ) {
    .pf_list { flex-wrap:wrap; }
    .pf_list li { width:100%; }
}

/* ------------------------- 
    Notice
-------------------------- */
hgroup ~ .board_wrap { padding-top:20px; }

/* 검색폼 */
.board_search_wrap { display:flex; justify-content:space-between; gap:8px; padding:25px; line-height:1; background-color:#fcfbfb; }
.board_search_wrap select,
.board_search_wrap input[type="text"],
.board_search_wrap button[type="submit"] { flex:1; box-sizing:border-box; padding:0; height:48px; border-radius:5px; }
.board_search_wrap select,
.board_search_wrap input[type="text"] { padding:0 10px 0 20px; border:1px solid #ababab; background-color:#fff; }
.board_search_wrap select { max-width:207px; }
.board_search_wrap input[type="text"] { font-size:14px; }
.board_search_wrap button[type="submit"] { max-width:155px; font-size:18px; font-weight:500; color:#fff; background-color:#0b1449; }
@media screen and ( max-width:1024px ) {
    .board_search_wrap select { max-width:150px; }
}
@media screen and ( max-width:720px ) {
    .board_search_wrap { flex-direction:column; }
    .board_search_wrap select,
    .board_search_wrap input[type="text"],
    .board_search_wrap button[type="submit"] { flex:auto; }    
    .board_search_wrap select,
    .board_search_wrap button[type="submit"] { max-width:none; }
}

/* 게시판 */
form ~ .tbl_board { margin-top:40px; }
.tbl_board { border-top:2px solid #0b1449; border-bottom:1px solid #0b1449; }
.tbl_board th { height:33px; padding:10px 5px; font-size:16px; font-weight:400; color:#000; border-bottom:1px solid #0b1449; background-color:#f5f5f5; }
.tbl_board td { height:35px; padding:10px 5px; font-size:16px; font-weight:300; color:#666; }
.tbl_board tr + tr td { border-top:1px solid #ddd; }
.tbl_board td.nb,
.tbl_board td.wt,
.tbl_board td.dt { text-align:center; }
.tbl_board td.nb { width:80px; } /* 번호 */
.tbl_board td.dt { width:150px; } /* 날짜 */
.tbl_board td.tt { padding-left:30px; } /* 제목 */
@media screen and ( max-width:1024px ) {
    .tbl_board .nb,
    .tbl_board .wt,
    .tbl_board .dt { display:none; }
}
@media screen and ( max-width:720px ) {
    form ~ .tbl_board {  margin-top:10px; }
}
/* 게시물 상세보기 */
.view_board { padding:20px 0 40px; }
.view_board dt,
.view_board dd { padding-left:35px; padding-right:35px; }
.view_board dt { display:flex; align-items:center; flex-wrap:wrap; height:60px; padding-top:10px; padding-bottom:10px; line-height:1; font-size:20px; font-weight:500; color:#0b1449; border-top:2px solid #00b8a4; }
.view_board dt i { margin-left:auto; font-weight:300; font-size:16px; color:#666; }
.view_board dd { box-sizing:border-box; min-height:380px; padding-top:30px; padding-bottom:30px; font-size:16px; font-weight:300; color:#666; border-top:1px solid #0b1449; border-bottom:1px solid #0b1449; background-color:#f4f7f9; }
.view_board .board_name + .board_name:before,
.view_board .board_name + .board_name:after { content:''; display:inline-block; width:1px; height:19px; margin:0 18px; vertical-align:middle; background-color:#aaa; }
.board_stars { width:127px; height:21px; }


/* 게시물 작성하기 */
.write_board { margin:40px 0; padding:40px; border-top:2px solid #00b8a4; background-color:#f4f7f9; }
.write_board_inner { max-width:996px; margin:0 auto; }
.write_form,
.write_form li { display:flex; }
.write_form { flex-wrap:wrap; justify-content:space-between; gap:16px; }
.write_form li { box-sizing:border-box; padding:6px 15px; border:1px solid #bfbfbf; border-radius:5px; background-color:#fff; }
.write_form li:not(.wide) { align-items:center; line-height:1; width:calc(50% - 12px); height:48px; }
.write_form li.wide { flex-direction:column; width:100%; }
.write_form li strong { padding-right:24px; font-size:14px; font-weight:400; color:#333; }

.write_form [type="text"] { flex:1; height:100%; padding:0; border:0; }
.write_form textarea { height:270px; font-size:14px; border:0; }
@media screen and ( max-width:800px ) {
    .write_board { padding:20px; }
    .write_form { gap:5px; }
    .write_form li { padding:10px 15px; }
    .write_form li:not(.wide) {  }
    .write_form li:not(.wide) { width:100%; }
    .write_form li strong { padding-right:10px; }
    /* .write_form li strong { display:block; padding-right:0; margin:0 0 5px; }
    .write_form [type="text"] { display:block; min-height:30px; width:100%; } */

}


/* ------------------------- 
    review
-------------------------- */
/* 후기 목록 */
.review_tbl { margin-top:40px; border-top:2px solid #0b1449; border-bottom:1px solid #0b1449; }
.review_tbl li { }
.review_tbl li div {  }
.review_thead { height:55px; text-align:center; font-size:16px; color:#000;  background-color:#f4f7f9; }
.review_tr { font-size:16px; font-weight:300; color:#666; }

.review_tr div:not(.tt) { text-align:center; }
.review_tr img[src*="stars_"] { width:92px; height:15px; }


/* 서비스 평점(별점) */
.star_rating,
.custom_star img,
.custom_range,
.custom_star img { height:23px; }
.star_rating,
.custom_star img,
.custom_range { width:150px; }
.star_rating { position:relative; background:url(../img/icons/stars_0.svg) 0 0 no-repeat; background-size:100% 23px; }
.custom_star { overflow:hidden;  }
[data-rate="0"] { width:0; }
[data-rate="1"] { width:14px; }
[data-rate="2"] { width:20%; }
[data-rate="3"] { width:44px; }
[data-rate="4"] { width:40%; }
[data-rate="5"] { width:75px; }
[data-rate="6"] { width:60%; }
[data-rate="7"] { width:105px; }
[data-rate="8"] { width:80%; }
[data-rate="9"] { width:136px; }
[data-rate="10"] { width:100%; }
.custom_star img { display:block; }
.custom_range { position:absolute; top:0; left:0; opacity:0; }





@media screen and ( min-width:1025px ) {
    .review_tbl { display:table; width:100%; max-width:1200px; }
    .review_tbl li { display:table-row; }
    .review_tbl li div { display:table-cell; vertical-align:middle; padding:15px; }

    /* table header */
    .review_thead div { border-bottom:1px solid #0b1449; }
    .review_thead div:not(:first-of-type) { border-left:1px solid #ddd; }

    /* table body */
    .review_tr div { height:30px; }
    .review_tr + .review_tr div { border-top:1px solid #ddd; }
    .review_tr .st,
    .review_tr .sv { width:120px; }
    .review_tr .cm { width:110px; }
    .review_tr .nm { width:100px; }
    .review_tr .tt { width:650px; }
}
@media screen and ( max-width:1024px ) {
    /* 숨김 */
    .review_thead .mo_hide,
    .review_tr .nm { display:none; }

    .review_thead { display:flex; align-items:center; border-bottom:1px solid #0b1449; }
    .review_thead div { flex:1; }
    .review_thead div:first-of-type { max-width:135px; }

    .review_tr + .review_tr { border-top:1px solid #ddd; }
    .review_tr { position:relative; display:flex; flex-direction:column; justify-content:center; align-items:flex-start; min-height:110px; padding-left:150px; }
    .review_tr .sv,
    .review_tr .st { position:absolute; left:0; width:135px; }
    .review_tr .sv { top:calc(50% - 20px); }
    .review_tr .st { top:calc(50% + 5px); }
    .review_tr .cm { padding-top:15px; line-height:1; font-size:12px; font-weight:500; color:#00b8a4; }
    .review_tr .tt { padding:10px 15px 15px 0; line-height:1.2; font-size:14px; }
}
@media screen and ( max-width:520px ) { 
    .review_thead div:first-of-type { max-width:100px; }
    .review_tr { padding-left:110px; }
    .review_tr .sv,
    .review_tr .st { width:100px; }
    .review_tr .sv { font-size:15px; }
    .review_tr img[src*="stars_"] { width:75px; height:11px; }
}


/* ------------------------- 
    inquiry 견적문의
-------------------------- */
.inquiry_box { padding:25px 20px 40px; margin:40px 0; border-top:2px solid #0b1449; background-color:#f4f7f9; }
.inquiry_box > ul:not(.day_time) { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:15px; max-width:996px; margin:15px auto 0; }
.inquiry_box li { width:100%; }
.inquiry_box li strong { line-height:1; font-size:14px; font-weight:400; }
.inquiry_box li.half { width:calc(50% - 15px); }
.inquiry_box .round { display:flex; min-height:35px; padding:7px 15px; border:1px solid #bfbfbf; border-radius:5px; background-color:#fff; }
.inquiry_box li.wide .round { flex-direction:column; }
.inquiry_box li:not(.wide) .round strong { align-self:center; white-space:nowrap; }
.inquiry_box li input { box-sizing:border-box; }
.inquiry_box li input:not([type="checkbox"]),
.inquiry_box li textarea { border:0; }
.inquiry_box li:not(.wide) .round input:not([type="checkbox"]) { flex:1; padding-left:10px; }
.inquiry_box li.wide .round:not(.day_time_box) input:not([type="checkbox"]) { height:35px; }
.inquiry_box li.wide .round strong { margin:5px 0; }
.inquiry_box textarea { height:50px; font-size:14px; font-weight:300; }
@media screen and ( max-width:900px ) {
    .inquiry_box li.half { width:100%; }
	.inquiry_box textarea { height:100px; }
}

/* 통역언어 */
.lan_box { display:flex; justify-content:space-between; }
.lan_box .round { flex:1; max-width:calc(50% - 45px); }
.lan_box .round:nth-child(2) { order:2; }
.lan_box:before { content:''; order:1; flex:0 0 11px; align-self:center; height:17px; background-position:0 0; background-repeat:no-repeat; background-size:11px 17px; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' style='enable-background:new 0 0 12 21' viewBox='0 0 12 21'%3E%3Cpath d='M12 10.5c0 .4-.2.8-.4 1l-9.2 9c-.5.5-1.4.5-2 0-.5-.6-.5-1.5 0-2.1l8.1-8-8.1-8C-.2 1.8-.2.9.4.3c.5-.6 1.4-.6 2-.1l9.2 9c.2.5.4.9.4 1.3z' style='fill:%237a7b7c'/%3E%3C/svg%3E"); }
.lan_box [type="text"] { max-width:calc(100% - 40px); }
@media screen and ( max-width:500px ) {
    .lan_box { flex-direction:column; }
    .lan_box .round { max-width:none; }
    .lan_box:before { flex:auto; width:17px; margin:5px 0; transform:rotate(90deg); background-position:center 0; }
}


/* email */
.inquiry_email_wrap { display:flex; flex:1; }
.inquiry_email_wrap [type="email"] { width:calc(50% - 50px); text-align:center; padding-right:8px; }
.inquiry_email_wrap [type="text"] { width:calc(50% - 50px); }
.inquiry_email_wrap i { align-self:center; margin-top:-3px; line-height:1; font-size:14px; color:#777; }
@media screen and ( max-width:510px ) {
    /* .inquiry_email_wrap [type="email"] { width:110px; } */
}


/* file */
.inquiry_add_file { display:flex; }
.inquiry_add_file .round { width:570px; }
.inquiry_add_file p { align-self:center; margin-left:5px; font-size:12px; color:#81511c; }
.inquiry_add_file p span { display:block; }
.inquiry_add_file .file_up { flex:1; }
.inquiry_add_file .file_name { font-size:12px; color:#8f8f8f; }
.inquiry_add_file .file_find { display:flex; align-items:center; }
@media screen and ( max-width:720px ) {
    .inquiry_add_file { flex-flow:column; }
    .inquiry_add_file .round { box-sizing:border-box; width:100%; }
    .inquiry_add_file .round strong { }
    .inquiry_add_file .file_up { height:35px; }
    .inquiry_add_file .file_up .fileName { width:calc(100% - 120px); }
    .inquiry_add_file p { width:100%; margin-left:0; margin-top:5px; }
}

/* 동의 */
.inquiry_box + .inquiry_agree { margin:-30px 0 40px; }
.inquiry_agree { padding:40px 20px; background-color:#f4f7f9; }
.inquiry_agree dl,
.inquiry_agree ul,
.inquiry_agree_txt { display:flex; }
.inquiry_agree dl { max-width:996px; margin:0 auto; }
.inquiry_agree dt { flex:1; max-width:180px; padding-right:24px; font-size:18px; word-break:keep-all; font-weight:500; color:#000; }
.inquiry_agree ul { font-size:14px; font-weight:300; }
.inquiry_agree_txt { font-weight:300; }
.inquiry_agree_txt p { font-size:12px; color:#666; }
.inquiry_agree_txt label { font-size:14px; cursor:pointer; }
@media screen and ( min-width:1025px ) {
    .inquiry_agree ul { align-items:center; line-height:1; }
    .inquiry_agree ul li:last-child { order:1; }
    .inquiry_agree ul:after { content:''; order:0; display:block; width:1px; height:15px; margin:0 17px; background-color:#000; }
    .inquiry_agree_txt { align-items:flex-end; margin-top:15px; }
    .inquiry_agree_txt p { margin-right:25px; }
}
@media screen and ( max-width:1024px ) {
    .inquiry_agree dl,
    .inquiry_agree ul { flex-direction:column; }
    .inquiry_agree_txt { max-width:800px; flex-wrap:wrap; align-items:center; }
    .inquiry_agree_txt p br { display:none; }
    .inquiry_agree_txt label { padding:10px 0; margin-left:auto; }
}


/* 날짜 & 시간 선택 */
.round.day_time_box { display:flex; flex-direction:row !important; flex-wrap:wrap; padding:15px 15px 25px 30px; }
.round.day_time_box .day_time { }

.day_time_box {  }
.day_time { }
.day_time li { display:flex; padding:8px 0; }

.day_time [type="text"].datepicker,
.day_time select { box-sizing:border-box; height:31px; padding-left:18px; line-height:1; text-align:center; font-size:14px; font-weight:700; border:0; color:#333; border-bottom:1px solid #767676; background-position:0 calc(100% - 5px); background-size:16px 16px; background-repeat:no-repeat; }

.day_time [type="text"].datepicker { width:207px; margin-right:24px; padding-bottom:0; background-image:url(../img/icons/icon_date.svg); cursor:pointer; }
.day_time select { width:102px; background-image:url(../img/icons/icon_time.svg); }

.day_time li b,
.day_time_unset { align-self:center; }
.day_time li b { margin:0 25px; }
.day_time_unset { margin-left:45px; white-space:nowrap; }

.day_time_cal { overflow:hidden; position:relative; display:block; width:30px; height:30px; margin:5px 0 -5px 12px; font-size:11px; color:transparent; background-color:transparent; }
.day_time_cal:hover { opacity:0.6; }
.day_time_cal:before,
.day_time_cal:after { position:absolute; left:calc(50% - 9px); top:calc(50% - 3px); width:18px; height:5px; }
.day_time_cal.add:before,
.day_time_cal.add:after,
.day_time_cal.remove:before { content:''; }
.day_time_cal.add:before,
.day_time_cal.add:after { background-color:#11b6a4; }
.day_time_cal.add:after { transform:rotate(90deg); }
.day_time_cal.remove:before { background-color:#0b1449; }
@media screen and ( max-width:800px ) {
    .day_time_unset { margin-left:0; flex:1; text-align:center; }
}
@media screen and ( max-width:720px ) {
    .day_time [type="text"].datepicker { width:120px; margin-right:5px; }
    .day_time select { width:auto; }
    .day_time li b { margin:0 5px; }
    .round.day_time_box {  }
}
@media screen and ( max-width:550px ) {
    .day_time_unset { width:100%; text-align:left; }
    .round.day_time_box { padding:15px; }
    .day_time [type="text"].datepicker,
    .day_time select { padding-left:0; background-image:none; }
    .day_time [type="text"].datepicker { width:90px; }
    .day_time select { width:60px; }
    .day_time li b { font-size:11px; }
    .day_time_cal { margin:5px 0 -5px 5px; }
}



.ui-datepicker-week-end:first-child { color:#de001b; }
.ui-state-active { border-radius:50%; border:1px solid #7a7a7a; }

/*! jQuery UI - v1.13.2 - 2023-03-15
* http://jqueryui.com
* Includes: core.css, datepicker.css
* Copyright jQuery Foundation and other contributors; Licensed MIT */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display:none; }
.ui-helper-hidden-accessible { border:0; clip:rect(0 0 0 0); height:1px; margin:-1px; overflow:hidden; padding:0; position:absolute; width:1px; }
.ui-helper-reset { margin:0; padding:0; border:0; outline:0; line-height:1.3; text-decoration:none; font-size:100%; list-style:none; }
.ui-helper-clearfix:before,
.ui-helper-clearfix:after { content:"";	display:table; border-collapse:collapse; }
.ui-helper-clearfix:after { clear:both; }
.ui-helper-zfix { width:100%;	height:100%; top:0;	left:0;	position:absolute; opacity:0; }
.ui-front { z-index:100; }
/* Interaction Cues
----------------------------------*/
.ui-state-disabled { cursor:default !important; pointer-events:none; }
/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay { position:fixed; top:0; left:0; width:100%; height:100%; }
.ui-datepicker { display:none; width:627px; padding:30px 0 20px; border:2px solid #1b1b1b; border-radius:5px; background-color:#fff; }
.ui-datepicker .ui-datepicker-header { margin-bottom:15px; }
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next { overflow:hidden; position:absolute; top:166px; display:flex; justify-content:center; align-items:center; width:44px; height:44px; color:transparent; background-color:#fff; cursor:pointer; }
.ui-datepicker .ui-datepicker-prev { left:26px; transform:scaleX(-1); }
.ui-datepicker .ui-datepicker-next { right:26px; }
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span { display:inline-block; width:12px; height:21px; background:url(../img/icons/icon_arrow_right.svg) center center no-repeat; background-size:contain; }
.ui-datepicker .ui-datepicker-title { font-size:20px; font-weight:700; text-align:center; }
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year { width:45%; }
.ui-datepicker table { max-width:440px; margin:0 auto; width:100%; font-size:15px; border-collapse:collapse; }
.ui-datepicker th,
.ui-datepicker td { height:45px; }
.ui-datepicker th { text-align:center; border:0; font-size:16px; font-weight:400; }
.ui-datepicker td {	border:0; padding:1px; text-align:center; }
.ui-datepicker td span,
.ui-datepicker td a { text-align:center; text-decoration:none; }
.ui-datepicker td span { display:block; }
.ui-datepicker td a { display:inline-block; width:26px; height:26px; line-height:26px; }

@media screen and ( max-width:720px ) {
    .ui-datepicker { width:250px; padding:20px; }
    .ui-datepicker th,
    .ui-datepicker td { height:30px; }
    .ui-datepicker .ui-datepicker-prev,
    .ui-datepicker .ui-datepicker-next { top:13px; }
    .ui-datepicker .ui-datepicker-prev { left:0; }
    .ui-datepicker .ui-datepicker-next { right:0; }
}


/* 본사 주소 추가 2024-07-02 */
.footer_info02 { margin-top:20px; }
.footer_info02 h2 { margin-bottom: 5px; font-size: 13px; font-weight: 400; color: #333; }
.footer_info02 img { vertical-align: middle; }
.footer_info02 .footer_info { font-size: 12px !important; }