@charset "utf-8";
/* 공통 */
.clear {clear:both}
.tac {text-align:center !important}
.tal {text-align:left !important}
.tar {text-align:right !important}
.fl {float:left}
.fr {float:right}
.pointer {cursor:pointer}
.bold {font-weight:bold}
.ovfh {overflow:hidden}
.list_init {margin:0;padding:0;list-style:none}
.readonly, .disabled {background-color:#ddd}
.al{text-align:left !important;}
.dpb_pc{display:none}
.dpb_m{display:none}

.mgt0 {margin-top:0 !important}
.mgr0 {margin-right:0 !important}
.mgl0 {margin-left:0 !important}
.mgb0 {margin-bottom:0 !important}
.mgb10 {margin-bottom:10px !important}
.mgb20 {margin-bottom:20px !important}
.mgb50 {margin-bottom:50px !important}
.pdt0 {padding-top:0 !important}
.pdb0 {padding-bottom:0 !important}
.pdb10 {padding-bottom:10px !important}
.pdb20 {padding-bottom:20px !important}
.pdl0 {padding-left:0 !important}
.pdl5 {padding-left:5px !important}
.pdl10 {padding-left:10px !important}
.pdl20 {padding-left:20px !important}
.col_pink{color:#c41550 !important}

/* 반투명 검은 배경 */
#blackback {display:none; position:fixed; left:0; top:0; width:100%; height:100%; background-color:rgba(0, 0, 0, 0.7); z-index:998; justify-content:center; align-items:center;}

/* 본 사이트 전용 */
body {width:100%;min-width:320px;font-family:'SUIT', 'Malgun Gothic', sans-serif; font-weight:500}
h1, h2, h3, h4, h5, h6 {font-weight:normal;font-family:'SUIT', 'Malgun Gothic', sans-serif}
.frm_input, input[type=text], input[type=password], input[type=submit], textarea, select, button {font-family:'SUIT', 'Malgun Gothic', sans-serif; font-weight:500}
.frm_input, input[type=text], input[type=password], textarea, select, button {font-size:1.167em}
input[type=text], input[type=password], input[type=submit], input[type=image], button, textarea {-webkit-appearance:none;appearance:none}
select {background:none}

#hd_pop {width:100% !important;max-width:1250px}
#hd_pop .hd_pops_con img {width:100%;height:auto}
#copymove .tbl_head01 thead th, #copymove .tbl_head01 td {font-size:1.167em}
a.btn, .btn {display:inline-block;font-weight:normal;font-size:1.083em}

.bg_vis li .vis_img{position:absolute; left:0; top:0; z-index:100; width:100%; height:100%; overflow:hidden; background-size:cover !important; -webkit-transition:all 1.5s ease 0s; transition:all 1.5s ease 0s; -webkit-transform:scale(1.5, 1.5) rotate(0.1deg); transform:scale(1.5, 1.5) rotate(0.1deg);}
.bg_vis li.vis_on .vis_img{-webkit-transform:scale(1) rotate(0.1deg); transform:scale(1) rotate(0.1deg);}
#modal_bg {display:none;position:fixed;left:0;top:0;z-index:1000;width:100%;height:100%;background:rgba(0,0,0,0.65)}
.mobile {display:none}

.nbg {background:none !important}
.w100 {width:100%}
.inputw10 {width:9.5%}
.inputw20 {width:19.5%}
.inputw30 {width:29.5%}
.inputw70 {width:69.5%}
.inputw80 {width:79.5%}
.inputw90 {width:89.5%}
.col_b{color:#1570c2 !important;}
.col_g{color:#4dbb4f !important;}
.col_o{color:#f2a035 !important;}

/* 헤더 */
#header{width:100%; position:absolute; left:0; top:0; z-index:560; transition:all .5s ease-in-out; border-bottom:1px solid rgba(255,255,255,0.4)}
#header .header_top{position:relative; width:100%; display:flex; justify-content:space-between; flex-wrap:wrap}
#header .header_top .adm_li{width:100%; border-bottom:1px solid rgba(255,255,255,0.4); display:flex; justify-content:right;}
#header .header_top .adm_li li{position:relative;}
#header .header_top .adm_li li:not(:first-child):after{position:absolute; left:0; top:50%; transform:translateY(-50%); width:1px; height:12px; background:#fff; opacity:0.6; content:''}
#header .header_top .adm_li li a{display:block; line-height:35px; font-size:1.333em; color:#fff; padding:0 17px; font-weight:400}
#header .header_top .adm_li li a span{display:inline-block; padding-left:21px;}
#header .header_top .adm_li li.adm_login a span{background:url(../images/icon_login.svg) left center no-repeat; background-size:12px auto !important}
#header .header_top .adm_li li.adm_join a span{background:url(../images/icon_join.svg) left center no-repeat; background-size:15px auto !important}
#header .header_top .logo{margin-left:15px; display:block; width:50%; height:77px; background:url(../images/logo_white.svg) center no-repeat; background-size:100% auto !important; max-width:141px}
#header .header_top .toggle{width:66px; height:77px; cursor:pointer; padding:13px 15px 0;}
#header .header_top .toggle span{width:100%; height:2px; background:#fff; display:block; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
#header .header_top .toggle .tg01{margin:10px 0 0; background:#39a4e6}
#header .header_top .toggle .tg02{margin:9px 0}
#header .header_top .toggle .tg03{margin:0 0 10px}
#header .header_top .toggle.close span:nth-child(1){-webkit-transform: translateY(11px) rotate(45deg); -ms-transform: translateY(11px) rotate(45deg); -o-transform: translateY(11px) rotate(45deg); transform: translateY(11px) rotate(45deg);}
#header .header_top .toggle.close span:nth-child(2){opacity: 0;}
#header .header_top .toggle.close span:nth-child(3){-webkit-transform: translateY(-11px) rotate(-45deg); -ms-transform: translateY(-11px) rotate(-45deg); -o-transform: translateY(-11px) rotate(-45deg); transform: translateY(-11px) rotate(-45deg);}

/* 헤더 - 오버시 */
#header.h_over{background:#fff; border-bottom:1px solid #d5d5d5}
#header.h_over .header_top .logo{background:url(../images/logo_col.svg) center no-repeat}
#header.h_over .header_top .toggle span{background:#333 !important}
#header.h_over .header_top .adm_li{border-bottom:1px solid #d5d5d5}
#header.h_over .header_top .adm_li li:after{background:#d4d4d4; opacity:1}
#header.h_over .header_top .adm_li li a{color:#555}
#header.h_over .header_top .adm_li li.adm_login a span{background:url(../images/icon_login_r.svg) left center no-repeat}
#header.h_over .header_top .adm_li li.adm_join a span{background:url(../images/icon_join_r.svg) left center no-repeat}

/* 메뉴 */
#header .container_menu {position:relative}
#hd_menu {display:none; position:absolute; top:1px; left:0; z-index:500; width:100%; background:rgba(255,255,255,0.98)}
#hd_menu .main_menu > li{border-bottom:1px solid #ddd; transition:all .5s ease-in-out}
#hd_menu .main_menu > li > a {display:block; padding:2% 0 2% 8%; font-size:1.375em;line-height:1.5;color:#555}
#hd_menu .main_menu > li.on, #hd_menu .main_menu > li:hover {background:#0069b3}
#hd_menu .main_menu > li.on > a, #hd_menu .main_menu > li:hover > a {color:#fff}
#hd_menu .sub_menu {display:none;padding:1% 0;background:#fff}
#hd_menu .sub_menu > p{display:none}
#hd_menu .sub_menu > ul > li > a {display:block; padding-left:10%; font-size:1.167em; line-height:2.2; color:#555;word-break:keep-all;}
#hd_menu .sub_menu > ul > li.on > a, #hd_menu .sub_menu > ul > li:hover > a {color:#0069b3}

/* 메인 컨텐츠 - 비주얼 */
.visual{position:relative; width:100%;background:rgba(0, 0, 0, 0.5)}
.visual .bg_vis{position:relative; width:100%; height:380px; overflow:hidden;}
.visual .bg_vis:after{display:block; clear:both; content:''}
.visual .bg_vis li{position:absolute; left:0; top:0; z-index:120; width:100% !important; height:100%; display:none; overflow:hidden; background-size:cover !important;}
.visual .bg_vis li .txt_vis{width:100%; height:100%; padding:165px 5% 25%; color:#fff;}
.visual .bg_vis li .txt_vis .mvis_txt01{font-size:2.92em; font-weight:500;opacity:0}
.visual .bg_vis li .txt_vis .mvis_txt02{font-size:7.5em; font-weight:900;opacity:0}
.visual .bg_vis li .txt_vis .mvis_txt02 span{color:#39a4e6}
.visual .bg_vis li.vis_on .txt_vis .mvis_txt01 {
    -webkit-animation:0.5s ease-in-out 0.8s normal forwards running fadeIn;
    animation:0.5s ease-in-out 0.8s normal forwards running fadeIn;
}
.visual .bg_vis li.vis_on .txt_vis .mvis_txt02 {
    -webkit-animation:0.5s cubic-bezier(0.55, 0.09, 0.68, 0.53) 1.2s normal forwards running fadeInUp;
    animation:0.5s cubic-bezier(0.55, 0.09, 0.68, 0.53) 1.2s normal forwards running fadeInUp;
}
.visual .vis_control{position:absolute; left:0; bottom:30px; z-index:210; width:100%}
.visual .vis_control div{display:flex; justify-content:center;}
.visual .vis_control li{width:10px; height:10px; border-radius:50%; background:#fff; float:left; margin-right:10px; transition:all .5s ease-in-out; cursor:pointer}
.visual .vis_control li.selected{width:41px; background:#39a4e6; border-radius:10px}
.visual .vis_control span{float:left; display:inline-block; cursor:pointer; width:11px; height:11px; background-size:100% auto !important; margin-top:-1px}
.visual .vis_control span.vis_stop{background:url(../images/mvis_stop.svg) center no-repeat}
.visual .vis_control span.vis_play{background:url(../images/mvis_play.svg) center no-repeat; display:none}

@-webkit-keyframes fadeIn {
    0% {opacity:0}
    100% {opacity:1}
}
@keyframes fadeIn {
    0% {opacity:0}
    100% {opacity:1}
}

@-webkit-keyframes fadeInUp {
    0% {opacity:0;-webkit-transform:translateY(40px);-ms-transform:translateY(40px);transform:translateY(40px)}
    100% {opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}
}
@keyframes fadeInUp {
    0% {opacity:0;-webkit-transform:translateY(40px);-ms-transform:translateY(40px);transform:translateY(40px)}
    100% {opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}
}

/* 메인 컨텐츠 - 공통 */
h3.mc_tit{font-size:2.5em; font-weight:700; color:#333; line-height:1}

/* 메인 컨텐츠 - mcon_service */
.mcon_service{width:100%; padding:40px 15px}
.mcon_service .mcs_kolas{border-radius:20px; background:url(../images/kolas_bg.jpg) center no-repeat; background-size:cover}
.mcon_service .mcs_kolas a{display:block; padding:34px;}
.mcon_service .mcs_kolas h3.mc_tit{color:#fff}
.mcon_service .mcs_kolas p{font-size:1.5em; color:#fff; line-height:1.5; padding:20px 0 30px}
.mcon_service .mcs_kolas span{font-size:1.417em; color:#fff; line-height:1; background:url(../images/detail_arr.svg) right center no-repeat; background-size:7px auto; padding-right:21px; display:inline-block}
.mcon_service .mcs_serv{border-radius:20px; margin-top:25px; padding:34px; width:100%; background:#f3f3f3}
.mcon_service .mcs_serv ul{display:flex; width:100%; justify-content:space-between; flex-wrap:wrap}
.mcon_service .mcs_serv li{text-align:center; margin-top:30px}
.mcon_service .mcs_serv li a{display:block}
.mcon_service .mcs_serv li a div{width:99px; height:99px; border-radius:50%; margin:0 auto 15px}
.mcon_service .mcs_serv li a p span{position:relative; line-height:22px; font-size:1.5em; color:#333; background-size:7px auto !important; word-break:keep-all; letter-spacing:-0.7px}
.mcon_service .mcs_serv li a p span:after{position:absolute; right:0; bottom:0; width:7px; height:22px; content:''; transition:all .6s ease-in-out; opacity:0}
.mcon_service .mcs_serv li:hover a p span:after{right:-18px; opacity:1}
.mcon_service .mcs_serv li.serv01 a div{background:#fff url(../images/serv_icon01.svg) 65% center no-repeat; background-size:59px auto}
.mcon_service .mcs_serv li.serv01 a p span:after{background:url(../images/detail_arr01.svg) center no-repeat;}
.mcon_service .mcs_serv li.serv01:hover a p span{color:#F05124}
.mcon_service .mcs_serv li.serv02 a div{background:#fff url(../images/serv_icon02.svg) 61% 43% no-repeat; background-size:55px auto}
.mcon_service .mcs_serv li.serv02 a p span:after{background:url(../images/detail_arr02.svg) center no-repeat;}
.mcon_service .mcs_serv li.serv02:hover a p span{color:#F99E1C}
.mcon_service .mcs_serv li.serv03 a div{background:#fff url(../images/serv_icon03.svg) 48% center no-repeat; background-size:64px auto}
.mcon_service .mcs_serv li.serv03 a p span:after{background:url(../images/detail_arr03.svg) center no-repeat;}
.mcon_service .mcs_serv li.serv03:hover a p span{color:#5ABD7B}
.mcon_service .mcs_serv li.serv04 a div{background:#fff url(../images/serv_icon04.svg) center no-repeat; background-size:52px auto}
.mcon_service .mcs_serv li.serv04 a p span:after{background:url(../images/detail_arr04.svg) center no-repeat;}
.mcon_service .mcs_serv li.serv04:hover a p span{color:#88499D}
.mcon_service .mcs_serv li.serv05 a div{background:#fff url(../images/serv_icon05.svg) center no-repeat; background-size:58px auto}
.mcon_service .mcs_serv li.serv05 a p span:after{background:url(../images/detail_arr05.svg) center no-repeat;}
.mcon_service .mcs_serv li.serv05:hover a p span{color:#F99E1C}
.mcon_service .mcs_serv li.serv06 a div{background:#fff url(../images/serv_icon06.svg) center no-repeat; background-size:56px auto}
.mcon_service .mcs_serv li.serv06 a p span:after{background:url(../images/detail_arr06.svg) center no-repeat;}
.mcon_service .mcs_serv li.serv06:hover a p span{color:#4165B0}


/* 메인 컨텐츠 - mcon_wrapp */
.mcon_wrapp{position:relative; padding:0 15px 50px}
.mcon_wrapp .in_1250{position:relative; z-index:10}
.mcon_wrapp:after{position:absolute; left:0; bottom:0; width:100%; height:70%; z-index:7; background:url(../images/mcon_bg.jpg) center no-repeat; background-size:cover; content:'';}
.mcon_wrapp .mcon_box{width:100%; overflow:hidden; border-radius:40px 0 40px 0}
.mcon_wrapp .mcon_box a{display:block; width:100%; padding:52px 34px 43px; background-size:cover !important}
.mcon_wrapp .mcon_box a h3{font-size:2.17em; color:#333; font-weight:700; line-height:1}
.mcon_wrapp .mcon_box a p{font-size:1.417em; color:#333; line-height:1.6; padding:15px 0 30px}
.mcon_wrapp .mcon_box a span{line-height:1; font-size:1.417em; color:#333; display:inline-block; padding-right:32px; background:url(../images/shortcut_arr.svg) right center no-repeat; background-size:21px auto}
.mcon_wrapp .mcon_box a.mcbox01{background:url(../images/mban_bg01.jpg) center no-repeat}
.mcon_wrapp .mcon_box a.mcbox02{background:url(../images/mban_bg02.jpg) center no-repeat}
.mcon_wrapp .mcon_customer{width:100%; color:#fff}
.mcon_wrapp .mcon_customer > div{margin-top:35px}
.mcon_wrapp .mcon_customer h3.mc_tit{margin-bottom:28px}
.mcon_wrapp .mcon_customer h3.mc_tit span{line-height:54px; display:inline-block; padding-left:69px; color:#fff; position:relative}
.mcon_wrapp .mcon_customer h3.mc_tit span:after{position:absolute; left:0; top:0; width:54px; height:54px; border-radius:50%; content:''}
.mcon_wrapp .mcon_customer .mcc01 h3.mc_tit span:after{background:#fff url(../images/call_icon.svg) center no-repeat; background-size:26px auto}
.mcon_wrapp .mcon_customer .mcc01 p{line-height:1; font-size:1.417em}
.mcon_wrapp .mcon_customer .mcc01 p strong{display:inline-block; line-height:2; font-weight:800; color:#fec929; font-size:1.94em}
.mcon_wrapp .mcon_customer .mcc01 p span{display:inline-block; padding-left:27px; line-height:18px; background:url(../images/time_icon.svg) 2px center no-repeat; background-size:18px auto;}
.mcon_wrapp .mcon_customer .mcc01 ul:first-of-type{padding:10px 0 20px}
.mcon_wrapp .mcon_customer .mcc01 ul:first-of-type li{width:100%; padding-left:17px; position:relative; line-height:1.5; font-size:1.417em; margin-top:4px}
.mcon_wrapp .mcon_customer .mcc01 ul:first-of-type li:after{position:absolute; left:2px; top:12px; width:4px; height:4px; border-radius:50%; background:#fff; content:''}
.mcon_wrapp .mcon_customer .mcc01 ul:first-of-type li span{display:block}
.mcon_wrapp .mcon_customer .mcc01 ul:last-of-type{width:100%; display:flex; justify-content:space-between;}
.mcon_wrapp .mcon_customer .mcc01 ul:last-of-type li{width:calc(50% - 10px); border:1px solid rgba(255,255,255,0.4); text-align:center; transition:all .6s ease-in-out}
.mcon_wrapp .mcon_customer .mcc01 ul:last-of-type li a{display:block; line-height:45px; font-size:1.333em; color:#fff}
.mcon_wrapp .mcon_customer .mcc01 ul:last-of-type li:hover{border:1px solid #fff; background:#fff}
.mcon_wrapp .mcon_customer .mcc01 ul:last-of-type li:hover a{color:#18307f}
.mcon_wrapp .mcon_customer .mcc02{display:flex; justify-content:space-between; flex-wrap:wrap}
.mcon_wrapp .mcon_customer .mcc02 h3.mc_tit span:after{background:#fff url(../images/news_icon.svg) center no-repeat; background-size:27px auto}
.mcon_wrapp .mcon_customer .mcc02 > a{line-height:54px; padding:0 15px; font-size:1.417em; color:#fff; font-weight:400}
.mcon_wrapp .mcon_customer .mcc02 ul{width:100%; border-top:1px solid #fff}
.mcon_wrapp .mcon_customer .mcc02 li:not(.empty_list) {position:relative; padding:0 15px 0 32px; width:100%; display:flex; justify-content:space-between; border-bottom:1px solid rgba(255,255,255,0.4)}
.mcon_wrapp .mcon_customer .mcc02 li:not(.empty_list):after{position:absolute; left:15px; top:50%; transform:translateY(-50%); width:4px; height:4px; background:#848d98; content:''; border-radius:50%}
.mcon_wrapp .mcon_customer .mcc02 li.empty_list {font-size:1.25em;line-height:15;color:#fff}
.mcon_wrapp .mcon_customer .mcc02 li span {font-weight:400;line-height:88px}
.mcon_wrapp .mcon_customer .mcc02 li span.txt {overflow:hidden;width:70%;font-size:1.417em;color:#fff;white-space:nowrap;text-overflow:ellipsis}
.mcon_wrapp .mcon_customer .mcc02 li span.new_icon {font-weight:700;color:#fec929}
.mcon_wrapp .mcon_customer .mcc02 li span.txt a {color:#fff}
.mcon_wrapp .mcon_customer .mcc02 li span.date {font-size:1.333em;opacity:0.6}

/* 메인컨텐츠 - .mcon_partner */
.mcon_partner{position:relative; width:100%; padding:0 15px}
.mcon_partner .ban_controller > span{position:absolute; top:50px; width:37px; height:37px; border-radius:5px; border:1px solid #d4d4d4; cursor:pointer; background-size:9px auto !important}
.mcon_partner .ban_controller > span.ban_prev{left:15px; background:url(../images/fban_prev.svg) 45% center no-repeat}
.mcon_partner .ban_controller > span.ban_next{right:15px; background:url(../images/fban_next.svg) 55% center no-repeat}
.mcon_partner .bnr_area{width:calc(100% - 100px); overflow:hidden;}
.mcon_partner .bnr_area li a{display:block; line-height:124px;}
.mcon_partner .bnr_area li{margin-right:101px; width:100%; text-align:center}
.mcon_partner .bnr_area li:last-child{margin-right:0 !important}

/* 퀵메뉴 */
.quick_menu{position:fixed; right:5%; bottom:5%; z-index:300}
.quick_menu ul{width:139px;}
.quick_menu li{width:100%; margin-top:7px; text-align:center; border-radius:44px;}
.quick_menu li a{display:block; width:100%; height:44px; line-height:44px; color:#fff; font-size:1.417em; font-weight:600}
.quick_menu li:first-child{background:#f21688}
.quick_menu li:first-child span{display:inline-block; padding-left:25px; line-height:44px; background:url(../images/quick_icon01.svg) left center no-repeat; background-size:16px auto}
.quick_menu li:last-child{background:#000}
.quick_menu li:last-child img{width:71px; height:auto}

/* 서브 비주얼 */
.wrap_sub {overflow:hidden;position:relative}
.sub_visual{position:relative; width:100%;background:rgba(0, 0, 0, 0.5)}
.sub_visual .bg_vis{position:relative; width:100%; height:340px}
.sub_visual .bg_vis:after{display:block; clear:both; content:''}
.sub_visual .bg_vis li{position:absolute; left:0; top:0; z-index:120; width:100% !important; height:100%; display:none; overflow:hidden; background-size:cover !important;}
.sub_visual .bg_vis li .txt_vis{width:100%; height:100%; padding:145px 5% 0; color:#fff;}
.sub_visual .bg_vis li .txt_vis .svis_txt01{font-size:1.73em;opacity:0}
.sub_visual .bg_vis li .txt_vis .svis_txt02{font-size:4.44em; font-weight:900; line-height:1; padding-top:10px;opacity:0}
.sub_visual .bg_vis li .txt_vis .svis_txt02 span{color:#39a4e6}
.sub_visual .bg_vis li.vis_on .txt_vis .svis_txt01 {
    -webkit-animation:0.5s ease-in-out 0.8s normal forwards running fadeIn;
    animation:0.5s ease-in-out 0.8s normal forwards running fadeIn;
}
.sub_visual .bg_vis li.vis_on .txt_vis .svis_txt02 {
    -webkit-animation:0.5s cubic-bezier(0.55, 0.09, 0.68, 0.53) 1.2s normal forwards running fadeInUp;
    animation:0.5s cubic-bezier(0.55, 0.09, 0.68, 0.53) 1.2s normal forwards running fadeInUp;
}

/* 서브 탑 */
#container_location {margin-top:-66px; position:relative; width:100%; z-index:130; height:66px; background:rgba(0,0,0,0.1); backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px);}
#container_location .home{width:66px; height:66px; position:relative}
#container_location .home a {display:block; width:100%; height:100%; background:#39a4e6 url(../images/sub/sub_home.svg) center no-repeat; background-size:17px auto}
#container_location .lct_area {position:relative}
#container_location .lct_area:after{position:absolute; right:0; top:15px; width:1px; height:44px; background:#fff; opacity:0.3; content:''}
#container_location .lct_area > span{width:300px; position:relative; display:block; padding:0 45px 0 34px; color:#fff; font-size:1.417em; line-height:66px; cursor:pointer; background:url(../images/sub/sub_arr.svg) right 34px center no-repeat; background-size:11px auto}
#container_location .lct_area ul {display:none;position:absolute;left:0;top:66px;z-index:50;border:1px solid #ddd; border-top:0; background-color:#fff; width:300px;}
#container_location .lct_area ul li{position:relative;}
#container_location .lct_area ul li:not(:last-child):after{position:absolute; left:15px; bottom:0; width:calc(100% - 30px); height:1px; border-bottom:1px dashed #c8c8c8; content:''}
#container_location .lct_area ul li a{position:relative; display:block;color:#666; width:100%; font-size:1.375em; line-height:65px; padding:0 25px; transition:all .5s ease-in-out}
#container_location .lct_area ul li:last-child a{border-bottom:0}
#container_location .lct_area ul li.on a, #container_location .lct_area ul li:hover a{color:#0069b3}

/* 서브 콘텐츠 */
.sub_contents h1.page_title{position:relative; margin:35px 0 25px; font-size:3.17em; line-height:1.5; text-align:center; font-weight:600; color:#333}
.page {width:100%;height:auto;min-height:277px;margin:0 auto;padding:0px 15px 10%}

h3.stit{font-size:1.832em;color:#333;margin:40px 0 15px;position:relative;padding-left:25px;font-weight:500;}
h3.stit:before{content:'';width:14px;height:14px;background:#39a4e6;border-radius:50%;position:absolute;left:0;top:08px;}
h4.sstit{font-size:1.667em;color:#39a4e6;margin:20px 0 10px;font-weight:500}

/* .tabs_type_a {overflow:hidden;width:100%;height:auto;margin-bottom:5%;border-bottom:1px solid #ddd}
.tabs_type_a li {float:left;width:160px;margin-right:-1px;border:1px solid #ddd;border-bottom:0;background:#fbfbfb;text-align:center}
.tabs_type_a li.selected {background:#2492da}
.tabs_type_a li a {display:block;height:48px;font-size:1.417em;line-height:48px;color:#666}
.tabs_type_a li.selected a {color:#fff} */

.gre_wrap{}
.gre_wrap .gre_img{}
.gre_wrap .gre_img img{width:100%;max-width:583px;border-radius:30px 0 30px 0;box-shadow:8px 8px 10px rgba(0,0,0,0.15);}
.gre_wrap .gre{}
.gre_wrap .gre > strong{font-size:1.667em;color:#333;font-weight:700;line-height:1.5;margin-top:20px;margin-bottom:20px;display:block}
.gre_wrap .gre > strong span{color:#39a4e6}
.gre_wrap .gre p{font-size:1.415em;color:#555;line-height:1.6;margin-bottom:20px;word-break:keep-all}
.gre_wrap .name{text-align:right;margin-top:30px}
.gre_wrap .name strong{color:#333;font-size:1.25em;}

.his_wrap{position:relative;}
.his_t img{width:100%;max-width:488px;border-radius:30px 0}
.his_t p{font-size:1.667em;color:#333;margin:30px 0}
.his_t p strong{color:#39a4e6}
.his_txt{margin-left:46px}
.his_txt ul{position:relative;}
.his_txt ul:before{content:'';width:1px;height:100%;background:#d4d4d4;position:absolute;top:3px;left:-26px}
.his_txt li{margin-bottom:40px}
.his_txt li strong{font-size:1.667em;color:#333;font-weight:700;position:relative;}
.his_txt li strong:before{content:'';width:10px;height:10px;background:#39a4e6;border-radius:50%;position:absolute;left:-30px;top:8px;z-index:2;}
.his_txt li strong:after{content:'';width:22px;height:22px;border-radius:50%;background:#b0dbf5;position:absolute;left:-36px;top:2px;z-index:1;}
.his_txt li p{font-size:1.415em;color:#555;line-height:1.5;position:relative;padding-left:12px;margin-bottom:5px;}
.his_txt li p:before{content:'';width:4px;height:4px;background:#6f6f6f;border-radius:50%;position:absolute;left:0;top:12px;}

.info{border-bottom:1px solid #0077c1;padding:35px 0px}
.info .info_tit{margin-bottom:15px}
.info .info_tit p{color:#0077c1;font-size:2em;font-weight:700;line-height:1.5}
.info ul{}
.info li{margin-bottom:7px;}
.info li:last-child{margin-bottom:0;}
.info li strong{color:#333;font-size:1.415em;width:80px;}
.info li p{color:#555;font-size:1.415em;line-height:1.6}
.info li span{color:#333;}

.certi{}
.certi ul{display:flex;justify-content:space-between;flex-wrap:wrap;gap:25px 0}
.certi li{width:48%;text-align:center}
.certi li figure{margin:0;padding:0;}
.certi li figure div{background:#f7f7f7;border-radius:15px;padding:25px 25px}
.certi li figure img{width:100%;max-width:222px;box-shadow:8px 8px 12px rgba(0,0,0,0.15)}
.certi li figcaption{font-size:1.415em;color:#39a4e6;text-align:center;display:block;margin-top:15px;line-height:1.5}

.decla{background:#39a4e6;border-radius:15px;padding:12px 12px;}
.decla > div{background:#fff;padding:4% 4%}
.decla p{font-size:1.55em;color:#39a4e6;text-align:center;line-height:1.6;word-break:keep-all}
.decla p img{margin-bottom:10px}
.decla ol{counter-reset: number;border-top:1px solid #d4d4d4;border-bottom:1px solid #d4d4d4;padding:20px 0;margin-top:30px;margin-bottom:30px}
.decla li{position:relative;font-size:1.415em;color:#555;line-height:1.5;padding-left:25px;margin:15px 0;word-break:keep-all}
.decla li:before{position: absolute; top: 5px;left: 0;width: 15px;height: 15px;border: 1px solid #666;font-size: 13px;color: #333;text-align: center;line-height: 15px;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;content: counter(number);counter-increment: number;}
.decla strong{text-align:center;font-weight:600;color:#555;font-size:1.415em;display:block;margin-top:40px}
.decla strong span{font-size:1.25em;color:#333;}

/*인정항목*/
.feci{}
.feci ul{display:flex;justify-content:center;flex-wrap:wrap;gap:25px 0 }
.feci li{width:100%;max-width:387px;} 
.feci li img{border:1px solid #d4d4d4;border-radius:25px 0 0 0;width:100%;*max-width:385px;box-sizing:border-box}
.feci li figure{margin:0;padding:0;}
.feci li figcaption{font-size:1.415em;color:#fff;text-align:center;background:#39a4e6;padding:15px 5px;border-radius:0 0  25px 0}

.feci_box{background:#f7f7f7;border-radius:15px;border:1px solid #d4d4d4;padding:20px 15px;margin:50px 0 50px}
.feci_box p{font-size:1.415em;color:#555;text-align:center;line-height:1.6;word-break:keep-all}
.feci_box p strong{font-weight:700;}
.feci_box p span{background:#333;border-radius:60px;padding:0px 20px;display:inline-block;margin-right:5px;color:#fff;}
.col_s{color:#39a4e6 !important;}

.tbl01{width:100%; border-spacing:0;border-collapse:separate;border-top:2px solid #333;}
.tbl01 th{font-size:1.415em;color:#333;font-weight:700;padding:12px 5px;border-bottom:1px solid #333;}
.tbl01 td{font-size:1.415em;color:#555;padding:12px 5px;text-align:center;border-bottom:1px solid #d4d4d4;border-right:1px solid #d4d4d4;}
.tbl01 td:last-child{border-right:none;}
.tbl01 .step1{cursor:pointer}
.tbl01 .step1 td:first-child{color:#39a4e6;font-weight:700}
.tbl01 .step2{display:none;}
.tbl01 .step2 td{background:#f2f4f5;}

p.txt_c{font-size:1.415em;color:#555;line-height:1.6;word-break:keep-all}
.go_new{color:#555;padding:18px 5px;font-size:1.415em;border-top:1px solid #d4d4d4;border-bottom:1px solid #d4d4d4;margin:15px 0 0 0;display:block;text-align:center; transition:all 0.3s ease-in}
.go_new span{background:url(../images/sub/open_new.svg) right center no-repeat;padding-right:25px;transition:all 0.3s ease-in;}
.go_new:hover{border-top:1px solid #39a4e6;border-bottom:1px solid #39a4e6;color:#39a4e6}
.go_new:hover span{background:url(../images/sub/open_new_ov.svg) right center no-repeat;padding-right:25px;}

.down_btn{color:#555;padding:18px 5px;font-size:1.415em;border-top:1px solid #d4d4d4;border-bottom:1px solid #d4d4d4;margin:15px 0 0 0;display:block;text-align:center; transition:all 0.3s ease-in}
.down_btn span{background:url(../images/sub/down_icon.svg) right center no-repeat;padding-right:25px;transition:all 0.3s ease-in;}
.down_btn:hover{border-top:1px solid #39a4e6;border-bottom:1px solid #39a4e6;color:#39a4e6}
.down_btn:hover span{background:url(../images/sub/down_icon_ov.svg) right center no-repeat;padding-right:25px;}

.ul01{}
.ul01 li{font-size:1.415em;color:#555;line-height:1.6;margin:5px 0;position:relative;padding-left:12px;word-break:keep-all}
.ul01 li:before{content:'';width:4px;height:4px;background:#484848;border-radius:50%;position:absolute;left:0;top:12px;}
.btn_wrap{display:flex;justify-content:space-between;gap:15px 4%}
.btn_wrap a{width:48%}

.que{background:#f0f4f6;border:1px solid #d6dfe3;padding:16px 30px;border-radius:5px;font-size:1.415em;color:#555;display:flex;justify-content:left;gap:5px 0px;align-items:center;flex-wrap:wrap;margin-top:20px;line-height:1.6;word-break:keep-all}
.que strong{color:#333;font-weight:700;margin-right:30px;}
.que span.tel{background:url(../images/sub/tel_icon.svg) left center no-repeat;padding:5px 5px 5px 35px;margin-right:20px}
.que span.email{background:url(../images/sub/mail_icon.svg) left center no-repeat;padding:5px 5px 5px 35px;}

.map_box{overflow:hidden;}
.map_box > div{position:relative;padding-top:46.15%;width:100%;height:0;}
.map_box .root_daum_roughmap .wrap_map{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 100%;height: 100%; border-bottom: 1px solid #d4d4}



/* 푸터 */
#footer{width:100%; height:auto; position:relative; background:#f4f5f7; padding:35px 15px 40px}
#footer .in_1250{position:relative; padding:43px 0 0; background:url(../images/logo_col.svg) left top no-repeat; background-size:107px auto}
#footer .f_info ul{display:flex; flex-wrap:wrap}
#footer .f_info .flink li{position:relative; letter-spacing:-0.7px}
#footer .f_info .flink li:not(:last-child):after{position:absolute; right:0; top:50%; transform:translateY(-50%); width:1px; height:13px; background:#b3b3b3; content:''}
#footer .f_info .flink li a{display:block; padding:11px; color:#555; font-size:1.417em; font-weight:400}
#footer .f_info .flink li:first-child a{padding-left:0; color:#333; font-weight:700}
#footer .f_info .f_txt li{position:relative; margin-right:23px; font-size:1.333em; font-weight:400; line-height:22px; color:#555}
#footer .f_info .f_txt li:after{position:absolute; right:-23px; top:0; width:23px; height:100%; content:'/'; text-align:center}
#footer .f_info .f_txt li:first-child:after, #footer .f_info .f_txt li:last-child:after{display:none}
#footer .f_info .f_txt li span{display:inline-block}
#footer .f_info p.f_copy{font-size:1.333em; font-weight:400; padding-top:10px}
#footer .f_info p.f_copy, #footer .f_info p.f_copy a{color:#9d9d9d;}
#footer .family_site{margin:20px auto 0; display:table; width:241px; position:relative; z-index:150}
#footer .family_site span{width:100%; border:1px solid #b8bbc1; border-radius:10px; position:relative; display:inline-block; padding:0 27px; line-height:47px; color:#333; font-weight:400; font-size:1.417em; z-index:10; background:#f4f5f7; transition:all .6s ease-in-out; cursor:pointer}
#footer .family_site span:after{position:absolute; right:0; top:0; width:47px; height:47px; background:url(../images/family_arr.svg) center no-repeat; background-size:11px auto; content:''}
#footer .family_site ul{display:none; position:absolute; left:0; bottom:39px; width:100%; padding:10px 10px 20px; background:#fff; z-index:5; border:1px solid #b8bbc1}
#footer .family_site li:not(:last-child){border-bottom:1px solid #b8bbc1}
#footer .family_site li a{color:#444; display:block; font-size:1.333em; padding:16px 7px}
#footer .family_site li a:hover{color:#0069b3}
#footer .family_site.open span{background:#e3e9ef}
#footer .family_site.open span:after{transform:rotate(180deg); background-position:center 55%}


/*media query - PC제외 */
@media screen and (max-width:1199px) {
    #hd_pop .hd_pops {left:0 !important}
    #hd_pop .hd_pops_con {width:100% !important;max-width:100%;height:auto !important}

    /* 메인 컨텐츠 - 공통 */
    .main_contents{font-size:0.9em}

    /* 푸터 */
    #footer {font-size:0.8em}
} 

/*media query - mobile*/
@media screen and (max-width:767px) {
    .mobile {display:inline}
    .pc {display:none}
    .dpb_m{display:block}

    /* 메인 컨텐츠 - 비주얼 */
    .visual .bg_vis li .txt_vis .mvis_txt01{font-size:1.667em}
    .visual .bg_vis li .txt_vis .mvis_txt02{font-size:3em}    

    /* 메인 컨텐츠 - mcon_wrapp */
    .mcon_wrapp .mcon_customer h3.mc_tit{margin-bottom:20px}

    /* 퀵메뉴 */
    .quick_menu{width:100%; right:0}
    .quick_menu ul{width:100%; display:flex; justify-content:center;}
    .quick_menu li{width:139px; margin:7px;}

    /* 서브 비주얼 */
    .sub_visual .bg_vis li .txt_vis{font-size:0.8em}
    .sub_visual .bg_vis li .txt_vis .svis_txt02{font-size:4em}
    #container_location {padding-left:7px; height:50px; margin-top:-50px; position:relative}
    #container_location:after{position:absolute; left:0; top:0; width:7px; height:50px; background:#39a4e6; content:''}
    #container_location .home{display:none}
    #container_location .lct_area{width:40%}    
    #container_location .lct_area.depth2{width:60%}
    #container_location .lct_area:after{top:12px; height:26px}
    #container_location .lct_area.depth2:after{display:none}
    #container_location .lct_area > span{width:100%; padding:0 25px 0 15px; line-height:50px; background-position:right 13px top 22px; font-size:1.25em}
    #container_location .lct_area ul{top:50px;; width:100%;}
    #container_location .lct_area ul li a{font-size:1.25em; line-height:45px}
 
    /* 서브 콘텐츠 */
    .sub_contents h1.page_title{font-size:2.667em}

    /* 탭메뉴 */
    .tab_menu li{min-width:165px}
	
	.que strong{width:100%}

    /* 푸터 */
    #footer .f_info li a{padding:7px}
    #footer .f_info .f_txt li:first-child, #footer .f_info .f_txt li:nth-child(2){width:100%}
    #footer .family_site{margin:0; position:absolute; right:0; top:-18px;}
}

/*media query - tablet pc*/
@media screen and (min-width:768px) {
    /* 헤더 */
    #header .header_top{height:77px; align-items:center;}
    #header .header_top .adm_li{width:auto; border-bottom:0 !important; order:3; margin-left:auto}
    #header .header_top .toggle{order:3}

    /* 메인 컨텐츠 - 비주얼 */
    .visual .bg_vis{height:550px}
    .visual .bg_vis li .txt_vis{padding:150px 5% 0}
    .visual .vis_control{bottom:44px}

    /* 메인 컨텐츠 - mcon_service */
    .mcon_service{padding:60px 15px}
    .mcon_service .in_1250{display:flex; flex-wrap:wrap; justify-content:space-between;}
    .mcon_service .mcs_kolas{width:35%}
    .mcon_service .mcs_kolas a{height:100%}
    .mcon_service .mcs_serv{width:60%; margin-top:0; padding:34px}
    
    /* 메인 컨텐츠 - mcon_wrapp */
    .mcon_wrapp{padding:0 15px 60px}
    .mcon_wrapp .in_1250{position:relative; z-index:10}
    .mcon_wrapp:after{height:80%}
    .mcon_wrapp .mcon_box{display:flex; justify-content:space-between; align-items:flex-start;}
    .mcon_wrapp .mcon_customer{display:flex; justify-content:space-between;}
    .mcon_wrapp .mcon_customer > div{margin-top:55px; width:47.5%}
    .mcon_wrapp .mcon_customer h3.mc_tit{height:54px}
    .mcon_wrapp .mcon_customer .mcc02{align-content: flex-start;}
    .mcon_wrapp .mcon_customer .mcc02 > a{display:block; height:54px; overflow:hidden}

    /* 메인컨텐츠 - .mcon_partner */
    .mcon_partner .ban_controller > span{top:50%; transform:translateY(-50%);}
    .mcon_partner .bnr_area li{width:auto}

    /* 서브 비주얼 */
    .sub_visual .bg_vis{height:400px}
    .sub_visual .bg_vis li .txt_vis{padding:125px 5% 0}
	
	/*서브내용*/
	.gre_wrap{display:flex;justify-content:space-between;}
	.gre_wrap .gre_img{width:49%;}
	.gre_wrap .gre{width:calc(51% - 50px)}
	
	.his_wrap{display:flex;justify-content:space-between;*height:500px;align-items: flex-start;gap: 50px}
	.his_t{position: -webkit-sticky;position: sticky;top:0px;}
	/*.his_t{order: 0; place-self: auto; grid-area: auto; z-index: auto; float: none; flex-shrink: 1; display: block;  margin: 0px;    inset: 0px 708.875px 1220.47px 0px; position:sticky;top:0px; flex-basis: auto; overflow: visible;
    box-sizing: border-box; width: 488px; height:auto; padding: 0px;}*/
	.his_txt{margin-left:100px}
	.his_txt ul:before{left:-36px}
	.his_txt li strong:before{left:-40px;top:8px;z-index:2;}
	.his_txt li strong:after{left:-46px;top:2px;z-index:1;}
	
	.certi ul{gap:80px 4%;justify-content:left}
	.certi li{width:22%}
	
	.decla ol{padding:30px 30px;margin-top:40px}
	
	.info{display:flex;justify-content:left;gap:10px 70px }
	.info .info_tit{border-right:1px solid #d4d4d4;padding:0 70px}
	.info .info_tit p{font-size:2.55em;}
	.info li{display:flex}
	
	.feci ul{justify-content:space-between;}
	.feci li{width:31%}
	
	.feci_box{margin:50px 0 100px}
	.feci_box p{font-size:1.585em;line-height:2}
	.feci_box p span{line-height:1.6}

}

/*media query - 태블릿만 */
@media screen and (min-width:768px) and (max-width:1199px) {

    /* 메인비주얼 */
    .visual .bg_vis li .txt_vis{font-size:0.8em}
    
    /* 메인컨텐츠 - .mcon_partner */
    .mcon_partner .bnr_area li{margin-right:75px}
    
    /* 푸터 */
    #footer .family_site{position:absolute; right:0; top:0; margin:0}
}

/*media query - PC*/
@media screen and (min-width:1200px) {
    .in_1250{width:100%; max-width:1250px; position:relative; margin:0 auto}
    .dpb_pc{display:block}

    /* 헤더 */
    #header .header_top{height:112px; width:100%; max-width:1250px; position:relative; margin:0 auto}
    #header .header_top .logo, #header .header_top .adm_li{position:relative; z-index:250}
    #header .header_top .logo{line-height:112px}
    #header .header_top .toggle{display:none}
    
    /* 메뉴 */
    #header .container_menu{position:initial;}
    #hd_menu {position:absolute; width:100%; left:0; top:0; display:inherit; background:transparent; border:0; z-index:210;}
    #hd_menu .main_menu:after {display:block;clear:both;content:""}
    #hd_menu .main_menu{display:flex; justify-content:center; padding:0 calc(50% - 400px)}
    #hd_menu .main_menu > li {border:0; background:none !important; border:0 !important;width:20%; text-align:center}
    #hd_menu .main_menu > li > a{padding:0; font-size:1.583em; color:#fff; width:100%; line-height:112px}
    #hd_menu .main_menu > li:hover > a{color:#0077c1 !important}
    #hd_menu .sub_menu{position:absolute; top:113px; z-index:501; width:20%; padding:0; background:transparent; overflow:hidden; text-align:left;}
    #hd_menu .main_menu > li.on .sub_menu{background:#f6f6f6}
    #hd_menu .sub_menu > p{display:block; font-size:1.583em; color:#333; line-height:1; padding:30px 0 13px 27px}
    #hd_menu .sub_menu > ul {padding:0 0 30px 27px}
    #hd_menu .sub_menu > ul > li{padding:0}
    #hd_menu .sub_menu > ul > li > a {padding:5px 0; line-height:1.5; word-break:keep-all; font-size:1.375em; color:#555}
    #hd_menu .sub_menu > ul > li.on > a {color:#0077c1}
    #hd_menu .main_menu li:first-child .sub_menu{left:0}
    #hd_menu .main_menu li:nth-child(2) .sub_menu{left:20%}
    #hd_menu .main_menu li:nth-child(3) .sub_menu{left:40%}
    #hd_menu .main_menu li:nth-child(4) .sub_menu{left:60%}
    #hd_menu .main_menu li:nth-child(5) .sub_menu{left:80%}
    .hd_menu_bg{background:#fff; border-top:1px solid #d5d5d5}

    /* 메뉴 - 오버시 */
    #header.h_over #hd_menu .main_menu > li > a{color:#333}

    /* 메인 컨텐츠 - 비주얼 */
    .visual .bg_vis{height:975px}
    .visual .bg_vis li .txt_vis{padding:324px 15px 0}
    .visual .bg_vis li .txt_vis > div{letter-spacing:-0.8px; line-height:1}
    .visual .bg_vis li .txt_vis .mvis_txt01{padding-bottom:22px}
    .visual .bg_vis li .txt_vis .mvis_txt02 span{padding-top:15px; display:block}

    /* 메인 컨텐츠 - mcon_service */
    .mcon_service{padding:122px 15px}
    .mcon_service .in_1250{height:276px}
    .mcon_service .mcs_kolas{width:22.8%}
    .mcon_service .mcs_kolas a{padding:42px 44px 0}
    .mcon_service .mcs_kolas p{line-height:1.45; padding:31px 0 60px}
    .mcon_service .mcs_serv{padding:42px 42px 0; width:73.52%}
    .mcon_service .mcs_serv li{margin-top:22px}
    .mcon_service .mcs_serv li a div{margin:0 auto 12px}
    
    /* 메인 컨텐츠 - mcon_wrapp */
    .mcon_wrapp{padding:0 15px 100px}
    .mcon_wrapp:after{height:679px}
    .mcon_wrapp .mcon_box{border-radius:96px 0 96px 0; }
    .mcon_wrapp .mcon_box > a{height:282px; padding:70px 56px 43px;}
    .mcon_wrapp .mcon_box a p{padding:17px 0 46px}
    .mcon_wrapp .mcon_customer > div{margin-top:88px}
    .mcon_wrapp .mcon_customer .mcc01 p strong{margin:-6px 0 -4px}
    .mcon_wrapp .mcon_customer .mcc01 ul:first-of-type{padding:11px 0 18px}
    .mcon_wrapp .mcon_customer .mcc01 ul:first-of-type li{margin:0}
    .mcon_wrapp .mcon_customer .mcc01 ul:first-of-type li:last-child{padding-left:84px}
    .mcon_wrapp .mcon_customer .mcc01 ul:first-of-type li:last-child span{position:absolute; left:17px; top:0} 
    .mcon_wrapp .mcon_customer .mcc01 ul:last-of-type{justify-content:left;}
    .mcon_wrapp .mcon_customer .mcc01 ul:last-of-type li{width:186px; margin-right:20px}
    .mcon_wrapp .mcon_customer .mcc02{width:54.4% !important}
    .mcon_wrapp .mcon_customer .mcc02 h3.mc_tit{margin-left:-15px}
    

    /* 메인컨텐츠 - .mcon_partner */
    .mcon_partner{padding:0}
    .mcon_partner .bnr_area{width:calc(100% - 270px)}
    .mcon_partner .ban_controller > span.ban_prev{left:0}
    .mcon_partner .ban_controller > span.ban_next{right:0}

    /* 서브 비주얼 */
    .sub_visual .bg_vis{height:467px}
    .sub_visual .bg_vis li .txt_vis{padding:188px 0 0}

    /* 서브 콘텐츠 */
    .youtube_wrap {width:800px;height:480px;padding-bottom:0}
    .sub_contents h1.page_title{margin:85px 0 0}
    .page {min-height:500px;padding:50px 0 100px}
	
	 h3.stit{font-size:2.25em;margin:100px 0 15px}
	 h4.sstit{font-size:1.833em;margin:30px 0 10px}
	
	.gre_wrap .gre > strong{font-size:2.45em;line-height:1.4;margin-top:0px;margin-bottom:30px;}
	.gre_wrap .gre p{margin-bottom:25px;line-height:1.8}
	
	.his_t p{font-size:2.45em;line-height:1.4}	
	.his_txt{width:50%}
	
	.decla > div{padding:5% 6%}
	
	.tbl01 th, .tbl01 td{padding:17px 5px}
	
	.go_new, .down_btn{padding:22px 5px}
	
    


    /* 푸터 */
    #footer{padding:36px 15px}
    #footer .in_1250{width:100%; padding:0; background:none; display:flex; justify-content:space-between; align-items:flex-start; background:url(../images/logo_col.svg) right 90px no-repeat; background-size:107px auto}
    #footer .f_info{flex:1}
    #footer .f_info .flink li a{padding:0 20px; line-height:43px}
    #footer .f_info .f_txt{padding-top:13px}
    #footer .f_info .f_txt li:first-child{width:100%}
    #footer .f_info .f_txt li:nth-child(4):after{display:none}
    #footer .family_site{margin:0; padding-top:18px}

}

/*media query - PC*/
@media screen and (min-width:1250px) {
    /* 해더 */
    #header .header_top .logo{margin-left:0}
    
    /* 메뉴 */
    #hd_menu .sub_menu{width:250px;}
    #hd_menu .main_menu li:first-child .sub_menu{left:calc(50% - 625px)}
    #hd_menu .main_menu li:nth-child(2) .sub_menu{left:calc(50% - 375px)}
    #hd_menu .main_menu li:nth-child(3) .sub_menu{left:calc(50% - 125px)}
    #hd_menu .main_menu li:nth-child(4) .sub_menu{left:calc(50% + 125px)}
    #hd_menu .main_menu li:nth-child(5) .sub_menu{left:calc(50% + 375px)}

    /* 메인 컨텐츠 - 비주얼 */
    .visual .bg_vis li .txt_vis{padding:324px 0 0}

    /* 메인 컨텐츠 - mcon_service */
    .mcon_service{padding:122px 0}
    
    /* 메인 컨텐츠 - mcon_wrapp */
    .mcon_wrapp{padding:0 0 100px}
    
    /* 푸터 */
    #footer{padding:36px 0}
}

/*media query - PC*/
@media screen and (min-width:1600px) {
    /* 헤더 */
    #header .header_top{max-width:1600px}
    #header .header_top .logo, #header .header_top .adm_li{position:relative; z-index:250}
}

/*media query - PC*/
@media screen and (min-width:1730px) {
/* 퀵메뉴 */
.quick_menu{right:calc(50% - 865px); bottom:10%}
}