@charset "utf-8";

/*공통*/
#skip_navi {position:absolute; left:0; top:0; width:100%; z-index:9999;}
#skip_navi a {display:block; width:100%; height:0px; background:#333; line-height:30px; color:#fff; text-align:center; font-weight:700; overflow:hidden;}
#skip_navi a:focus, #skip_navi a:active {height:30px;}

.blind {position:absolute; top:0; left: -10000px;}
.org {font-weight:500; color:#f37a21;}
.grn {font-weight:500; color:#007f96;}
.strong {font-weight:700;}
.ellipsis {display:inline-block; overflow:hidden; max-width:100%; text-overflow:ellipsis; word-break:break-all; white-space:nowrap; vertical-align:middle;}
.ellipsis_two {display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; max-width:100%; text-overflow:ellipsis; line-height:27px; max-height:50px;}
.ellipsis_three {display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; max-width:100%; text-overflow:ellipsis; line-height:30px; max-height:90px;}
.attachIcon {display:inline-block; width:18px; height:23px;}
.attachIcon:before {content:""; display:inline-block; width:18px; height:23px; background-image:url("/images/icon/icon_attach.png");}
.badge {padding:5.5px 8px; display:inline-block; font-size:15px; font-weight:500; line-height:15px; color:#fff; background-color:#f37a21; border-radius:20px;}
.m_gnb_open, .m_gnb_close, .lg_hide {display:none;}
.md_hide {display:block; height:0;}
.sm_show {display:none;}
.border_line {width:100%; height:2px; background-image:url("/images/bg/border_line.png");}
.txtfield {
    opacity: 0.7; width:100%; height:29px; padding:0 0 0 10px; border:1px solid #cfcfcf; border-radius:5px; color:#000; font-size:15px; font-weight:300;
    line-height:32px; background:#fff;
    box-shadow: 0 0 0 2px rgba(36, 136, 255, 0);
}
.select {display:inline-block; position:relative; width:100%; color:#000; background-color:#fff; opacity:1; cursor:pointer;}
.select select {position:relative; padding:0; width:100%; font-size:16px; border:1px solid #cfcfcf; border-radius:0; 
background:transparent; white-space:nowrap; cursor:pointer;
text-overflow:ellipsis;
box-shadow: 0 0 0 2px rgba(36, 136, 255, 0);
appearance: none;
}
.select:after {
position:absolute; top:19px; right:25px;
content: ""; display:inline-block; width:7px; height:7px; cursor:pointer;
border-top:2px solid rgba(102, 102, 102, 0.7); border-right:2px solid rgba(102, 102, 102, 0.7); 
transform-origin: 100% 50%; transform:rotate(135deg); transition:transform 0.15s;
}

input[type="checkbox"] + label:before {content:""; margin:0 auto; position:relative; top:-1px; left:-5px; display:inline-block; width:20px; height:20px; font-size:18px; line-height:18px; text-align:center; vertical-align:middle; border:1px solid #b2b2b2; background-color:#fff;}
input[type="checkbox"] {position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0;}
input[type="checkbox"] + label {display:inline-block; position:relative; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none;}
input[type="checkbox"] + label:active:before, input[type="checkbox"]:checked + label:active:before {color:#fff;}
input[type="checkbox"]:checked + label:before {content:"\2714"; color:#000;}
input[type="checkbox"]:checked + label {color:#fff; font-weight:500;}

#wrap {margin:0 auto; max-width:1920px;overflow:hidden;}
.top_area {width:100%; height:5px; background-color:#111;}

/*로고*/
#header {position:relative; width:100%; height:155px;}
#header .logo_wrap {width:100%; height:85px; border-bottom:1px solid #b8b8b8; box-sizing:border-box; /*background-color:#f9f9f5;*/}
#header .logo_wrap .logo_inner {margin:0 auto; display:flex; align-items:center; justify-content:space-between; width:100%; max-width:1180px; height:85px}
#header .logo_wrap .logo_inner .logo {width:338px; height:53px;}
#header .logo_wrap .logo_inner .top_font {width:145px;}
#header .logo_wrap .logo_inner .top_font ul {display:flex; align-items:center; justify-content:space-between;}
#header .logo_wrap .logo_inner .top_font .text {width:72px; height:16px; font-size:16px; font-weight:400; line-height:16px; color:#222;}
#header .logo_wrap .logo_inner .top_font .plus {display:block; width:14px; height:14px; background:url("/images/icon/icon_plus01.png"); }
#header .logo_wrap .logo_inner .top_font .minus {display:block; width:14px; height:14px; background:url("/images/icon/icon_minus01.png");}
#header .logo_wrap .logo_inner .top_font .reset {display:block; width:14px; height:15px; background:url("/images/icon/icon_reset01.png");}

/*메뉴*/
#header .bg {display:none; position:absolute; top:155px; left:0; width:100%; height:280px; background-color:#fff; box-sizing:border-box; z-index:10; box-shadow:0 2px 8px 3px #d3d3d3}
#header .gnb_wrap {width:100%; height:70px; border-bottom:1px solid #b8b8b8; box-sizing:border-box; /*background-color:#f9f9f5;*/}
#header .gnb_wrap .gnb_inner {margin:0 auto; width:100%; max-width:1180px; height:70px; display:flex; align-items:center;}
#header .gnb_wrap .gnb_inner .gnb {width:auto;}
#header .gnb_wrap .gnb_inner .gnb>ul {display:flex; align-self:center; box-sizing:border-box;}
#header .gnb_wrap .gnb_inner .gnb>ul>li {position:relative; box-sizing:border-box;}
#header .gnb_wrap .gnb_inner .gnb>ul>li>a {display:block; padding:21px 0 21px; width:100%; height:28px; font-size:20px; font-weight:700; color:#000; text-align:center; letter-spacing:-0.5px;}
#header .gnb_wrap .gnb_inner .gnb>ul>li:hover>a {padding:21px 0 17px; border-bottom:4px solid #004551;}
#header .gnb_wrap .gnb_inner .gnb ul ul {display:none; position:absolute; top:70px; left:0; width:auto; height:280px; border-right:1px solid #d3d3d3; z-index:10; box-sizing:border-box;}
#header .gnb_wrap .gnb_inner .gnb>ul>li:first-child ul {border-left:1px solid #d3d3d3; box-sizing:border-box;}
#header .gnb_wrap .gnb_inner .gnb ul ul li {padding:25px 0 0 12px; font-size:16px; font-weight:400; color:#000; line-height:16px; text-align:left; letter-spacing:-1px;}
#header .gnb_wrap .gnb_inner .gnb ul ul li+li {padding:20px 0 0 12px;}
#header .gnb_wrap .gnb_inner .gnb ul ul li a:hover {font-weight:700; color:#007f96;}

/*본문*/
.content {position:relative; width:100%;}
.content.sub {border-bottom:1px solid #444; box-sizing:border-box;}
.content_area {margin:0 auto; position:relative; width:100%; max-width:1180px; min-height:768px; z-index:2;}
.content.sub .content_inner {margin:0 0 180px; width:100%; height:auto;}

/*본문 - title*/
.sub_top {padding:60px 0 70px; width:100%; height:100%;}
.sub_top .title {font-size:40px; font-weight:700; line-height:40px; color:#000; letter-spacing:-0.5px; text-align:center;}
.sub_top .breadcrumb {padding:25px 0 40px; width:100%;}
.sub_top .breadcrumb ul {display:flex; justify-content:center;}
.sub_top .breadcrumb ul li {font-size:16px; font-weight:500; line-height:16px; color:#666; letter-spacing:-0.5px;}
.sub_top .breadcrumb ul li.on {color:#222;}
.sub_top .breadcrumb ul li.bread_arrow {position:relative; display:inline-block; padding:0 13px; width:7px; height:12px;}
.sub_top .breadcrumb ul li.bread_arrow:after {
    content:""; position:absolute; left:13px; top:3px; display:inline-block; width:7px; height:12px;
    background-image:url("/images/icon/icon_bread.png"); background-size:100%;
}
.sub_top .sub_menu_inner {width:100%; height:100%;}
.sub_top .sub_menu_inner .m_sub_menu_tit {display:none;}
.sub_top .sub_menu {width:100%;}
.sub_top .sub_menu ul {display:flex; flex-direction:row; justify-content:center;}
.sub_top .sub_menu ul li {position:relative;width:auto;border-top:2px solid #dbdbdb;border-bottom:2px solid #dbdbdb;box-sizing:border-box;text-align:center;}
.sub_top .sub_menu ul li:first-child {border-left:2px solid #dbdbdb;}
.sub_top .sub_menu ul li:last-child {border-right:2px solid #dbdbdb;}
.sub_top .sub_menu ul li:hover, .sub_top .sub_menu ul li.active {background-color:#007f96; border-color:#007f96;}
.sub_top .sub_menu ul li:hover a, .sub_top .sub_menu ul li.active a {color:#fff;}
.sub_top .sub_menu ul li+li:before {content:""; position:absolute; top:13.5px; left:0; width:2px; height:25px; background-color:#dbdbdb;}
.sub_top .sub_menu ul li:hover:before, .sub_top .sub_menu ul li:hover + li:before,
.sub_top .sub_menu ul li.active:before, .sub_top .sub_menu ul li.active + li:before {display:none;} 
.sub_top .sub_menu ul li a {display:inline-block;font-size:18px;font-weight:500;padding: 15px;line-height:22px;color:#222;letter-spacing:-1px;word-break:keep-all;}

/*본문 - text box*/
.list_top_txt {
    margin:0 0 60px 0; padding:2.5% 5%; width:100%; max-width:1180px; 
    border-bottom:1px solid #bec0c2; border-left:1px solid #bec0c2; border-right:1px solid #bec0c2; background-color:#f8f8f8; box-sizing:border-box;
}
.list_top_txt .center {font-size:35px; font-weight:400; line-height:55px; color:#222; letter-spacing:-2px; text-align:center;}
.list_top_txt .center p {position:relative; display:inline;}
.list_top_txt .center p:before {content:""; position:absolute; top:10px; left:-18px; width:16px; height:14px; background-image:url("/images/icon/icon_quot_top.png"); background-size:100%;}
.list_top_txt .center p:after {content:""; position:absolute; bottom:25px; right:-16px; width:16px; height:14px; background-image:url("/images/icon/icon_quot_bottom.png"); background-size:100%;}
.list_top_txt .center p.no-mark:before,
.list_top_txt .center p.no-mark:after {display:none;}
.list_top_txt ul {display:flex; align-items:center;}
.list_top_txt .txt {width:62%; font-size:18px; font-weight:400; line-height:23px; color:#444; letter-spacing:-1px;}
.list_top_txt .txt.txt-02 {font-size:24px;line-height:28px;}

.list_top_txt .btn {width:38%; font-size:18px; font-weight:500; line-height:18px; color:#fff; letter-spacing:-1px; display:flex; justify-content:flex-end;}
.list_top_txt.ty1 .txt {width:70%;}
.list_top_txt.ty1 .btn {width:30%;}
.list_top_txt .btn span {position:relative; padding:13.5px 20px; width:235px; display:inline-block; background-color:#007f96;}
.list_top_txt.ty1 .btn span {width:220px;}
.list_top_txt .btn span:hover {background-color:#004551;}
.list_top_txt .btn span:after {content:""; position:absolute; top:13px; right:20px; display:inline-block; width:17px; height:17px; background-image:url("/images/icon/icon_go.png");}

/*본문 - text box*/
.btn_area {margin:80px 0 160px 0; font-size:18px; font-weight:400; line-height:0; text-align:center;}
.btn_area .btn {margin:0 auto; display:inline-block; width:160px; height:46px; line-height:46px; color:#222; border:1px solid #444; box-sizing:border-box;}
.btn_area .btn_go {margin:0 auto; padding:0 0 0 20px; display:inline-block; position:relative; width:274px; height:60px; line-height:60px; color:#fff; background-color:#007f96; text-align:left;}
.btn_area .btn_go:hover {background-color:#004551;}
.btn_area .btn_go:after {content:""; position:absolute; top:21px; right:20px; display:inline-block; width:17px; height:17px; background-image:url("/images/icon/icon_go.png");}

/*하단*/
#footer {width:100%;}
.foot_banner_area {width:100%; height:80px;}
.foot_banner_inner {position:relative; margin:0 auto; width:100%;max-width:1140px;}
.foot_banner_inner .banner_list .swiper-wrapper {margin:0 auto;}
.foot_banner_inner .banner_list .swiper-slide {display:block; padding:13px 0 19px 0; height:48px; line-height:48px;}
.foot_banner_inner .banner_list .swiper-slide a {display:block !important; position:relative;}
.foot_banner_inner .banner_list .swiper-slide img {display:block; margin:0 auto; height:48px;}
.foot_banner_inner .banner_list .swiper-slide:first-child img {margin:0;}
.foot_banner_inner .swiper-button-prev {left:-16px;}
.foot_banner_inner .swiper-button-next {right:-20px;}
.foot_banner_inner .swiper-button-prev:before,
.foot_banner_inner .swiper-button-next:before {content:""; position:absolute; top:15px; display:inline-block; width:12px; height:12px;  opacity:1;}
.foot_banner_inner .swiper-button-prev:before {border-top:1.9px solid #737373; border-left:1.9px solid #737373; transform:rotate(-45deg);}
.foot_banner_inner .swiper-button-next:before {border-top:1.9px solid #737373; border-right:1.9px solid #737373; transform:rotate(45deg);}
.foot_banner_inner .swiper-button-play {position:absolute; right:-50px;}
.foot_banner_inner .swiper-button-play .swiper_play.foot {display:none;}
.foot_text_area {width:100%; height:125px; background-color:#444;}
.foot_text_inner {margin:0 auto; padding:41px 0 40px 0; width:100%;max-width:1180px; font-size:14px; font-weight:300; color:#b9b9b9; line-height:22px; letter-spacing:-0.5px; text-align:center;}
.foot_text_inner .foot_text span {position:relative; display:inline-block;}
.foot_text_inner .foot_text .tel {padding:0 0 0 28px;}
.foot_text_inner .foot_text .tel:before {content:""; position:absolute; top:6px; left:14px; width:1px; height:12px; background-color:#dedede;}

/*상단 팝업*/
.top_popup {width:100%; height:100%; background-color:#004551;}
.top_popup .top_popup_inner {position:relative; margin:0 auto; padding:50px 0 30px 0; width:100%; max-width:1180px;}
.top_popup .top_popup_inner .cont {font-size:18px; font-weight:400; line-height:32px; color:#fff; letter-spacing:-0.5px;}
.top_popup .top_popup_inner .btn_area {margin:0; position:absolute; bottom:0; right:0; font-size:14px; font-weight:400; line-height:14px; color:#fff; letter-spacing:-0.5px;}
.top_popup .top_popup_inner .btn_area .close_btn {position:relative; display:inline-block; bottom:2px; right:0; margin:0 0 0 10px; width:18px; height:18px; cursor:pointer;}
.top_popup .top_popup_inner .btn_area .close_btn img {width:100%;}

/*중앙 팝업*/
#modal_middle.modal_wrap {display:block; position:fixed; top:20.2%; right:5%; width:auto; min-width:400px; max-width:1180px; z-index:999; transform:translate(0, 0); background-color:#fff;}
.modal_inner {position:relative; width:100%;}
.modal_inner .modal_title {width:100%; height:65px; background-color:#004551;}
.modal_inner .modal_title .tit {margin:0 0 0 20px; font-size:20px; font-weight:500; line-height:65px; color:#fff;}
.modal_inner .modal_title .close {position:absolute; top:21px; right:20px; width:23px; height:23px; text-align:center; cursor:pointer;}
.modal_inner .modal_title .close img {width:100%;}
.modal_inner .modal_content {padding:2%; width:96%; max-height:550px; font-size:18px; font-weight:500; color:#000; line-height:32px; letter-spacing:-1px; overflow-y:scroll;}
.modal_inner .modal_content img {max-width:100%;}
.modal_inner .modal_btn {width:100%; height:45px; background-color:#222;}
.modal_inner .modal_btn ul {display:flex; align-items:center; justify-content:space-between; width:100%; height:45px;}
.modal_inner .modal_btn ul li {width:50%; font-size:16px; font-weight:500; color:#fff; line-height:16px; letter-spacing:-0.5px; text-align:center;}
.modal_inner .modal_btn ul li:first-child {padding:5px 0 0 0;}
.modal_inner .modal_btn ul li.close {position:relative; cursor:pointer;}
.modal_inner .modal_btn ul li.close:before {content:""; position:absolute; top:-14px; left:0; width:1px; height:45px; background-color:#666;}

@media (max-width:1600px) {
    #modal_middle.modal_wrap {left:50%; transform:translate(-50%, 0);}
}
@media screen and (min-width:1025px) {
	.mo-only {display:none;}
}
@media (max-width:1200px) {
    .foot_banner_inner .swiper-button-prev {left:10px;}
    .foot_banner_inner .swiper-button-next {right:10px;}
}
@media (max-width:1024px) {
    /*공통*/
    .m_gnb_open, .m_gnb_close {display:none; cursor:pointer;}
    .lg_hide {display:block; height:0;}
    .md_hide {display:none;}
    .border_line {margin:0 auto; width:95%;}
    .pc-only {display:none;}

    /*로고*/
    #header {height:121px;}
    #header .logo_wrap {height:121px;}
    #header .logo_wrap .logo_inner {width:90%; max-width:90%; height:121px;}
    #header .logo_wrap .logo_inner .logo {width:338px; height:53px;}
    #header .logo_wrap .logo_inner .top_font {display:none;}
    #header .logo_wrap .logo_inner .m_gnb_open.on {display:block;}
    #header .logo_wrap .logo_inner .m_gnb_close.on {display:block;}

    /*메뉴*/
    #header .gnb_wrap {position:fixed; right:-1100px; top:126px; height:100%; border-bottom:0; background-color:#fff; z-index:20; overflow-y:auto;}
    #header .gnb_wrap .gnb_inner {margin:0; max-width:100%; height:100%; display:block; background-color:#fff;}
    #header .gnb_wrap .gnb_inner .gnb {width:100%;}
    #header .gnb_wrap .gnb_inner .gnb>ul {display:block;}
    #header .gnb_wrap .gnb_inner .gnb>ul>li {width:100%; border-bottom:1px solid #bec0c2;}
    #header .gnb_wrap .gnb_inner .gnb>ul>li>a {position:relative; margin:0 auto; padding:20px 0; width:90%; height:26px; text-align:left;}
    #header .gnb_wrap .gnb_inner .gnb>ul>li:hover>a {padding:20px 0; border-bottom:0; cursor:pointer;}
    #header .gnb_wrap .gnb_inner .gnb>ul>li>a:after {content:""; position:absolute; top:27px; right:0; width:26px; height:14px; background-image:url("/images/icon/icon_m_menuOpen.png"); background-size:100%; transform-origin:50%; transform:rotate(0deg); transition:transform 0.2s;}
    #header .gnb_wrap .gnb_inner .gnb>ul>li>a.active:after {transform-origin:50%; transform:rotate(180deg); transition:transform 0.2s;}
    #header .gnb_wrap .gnb_inner .gnb ul ul {padding:30px 0; position:relative; top:0; width:100%; height:100%; border-right:0; border-top:1px solid #bec0c2; background-color:#f8f8f8; box-sizing:border-box;}
    #header .gnb_wrap .gnb_inner .gnb>ul>li:first-child ul {border-left:0;}
    #header .gnb_wrap .gnb_inner .gnb ul ul li {margin:0 auto; padding:0; width:90%; font-size:18px; line-height:40px;}
    #header .gnb_wrap .gnb_inner .gnb ul ul li+li {padding:0;}

    /*본문*/
    .content_area {max-width:100%; height:100%;}
    .content_inner {margin:0 0 90px;}

    /*본문 - title*/
    .sub_top .title {padding:0 0 50px 0; font-size:35px; line-height:35px;}
    .sub_top .breadcrumb {display:none;}
    .sub_top .sub_menu_inner {position:relative;}
    .sub_top .sub_menu_inner .m_sub_menu_tit {
        display:block; padding:0 2.5%; width:95%; height:60px; font-size:22px; font-weight:400; line-height:60px; color:#222;
        border-top:1px solid #bec0c2; border-bottom:1px solid #bec0c2; background-color:#f8f8f8; cursor:pointer;position:relative;
    }
    .sub_top .sub_menu_inner .m_sub_menu_tit:after {
        content:""; display:inline-block; width:26px; height:14px; transform-origin:50%; transform:rotate(0deg); transition:transform 0.15s; 
        background-image:url("/images/icon/icon_m_submenuOpen.png"); background-size:100%; position:absolute; right:22px; top:22px;
    }
    .sub_top .sub_menu_inner .m_sub_menu_tit.active:after {
        transform:rotate(180deg); transition:transform 0.15s; background-image:url("/images/icon/icon_m_submenuOpen.png"); background-size:100%;
    }
    .content_remember .sub_top .sub_menu_inner .m_sub_menu_tit {width:100%;}
    .content_remember .sub_top .sub_menu {width:100%;max-width:100%;}
    .sub_top .sub_menu {position:absolute; padding:0 2.5%; display:none; width:95%; max-width:95%; color:#fff; background-color:#004551; z-index:10;}
    .sub_top .sub_menu ul {flex-direction:column;}
    .sub_top .sub_menu ul li {width:100%; height:60px; border-top:0; border-bottom:0; box-sizing:border-box; text-align:left;}
    .sub_top .sub_menu ul li:first-child {border-left:0;}
    .sub_top .sub_menu ul li:last-child {border-right:0;}
    .sub_top .sub_menu ul li:hover, .sub_top .sub_menu ul li.active {background-color:#004551; border-color:#004551;}
    .sub_top .sub_menu ul li:hover a, .sub_top .sub_menu ul li.active a {color:#f37a21;}
    .sub_top .sub_menu ul li+li:before {display:none;}
    .sub_top .sub_menu ul li a {position:relative; display:block; font-size:20px; font-weight:400; line-height:27px; color:#fff;padding:15px 0;}
    .sub_top .sub_menu ul li a:after {
        content:""; display:inline-block; width:10px; height:16px;
        background-image:url("/images/icon/icon_m_submenu.png"); background-size:100%; position:absolute; right:0px; top:22px;
    }
    .sub_top .sub_menu ul li:hover a:after, .sub_top .sub_menu ul li.active a:after {background-image:url("/images/icon/icon_m_submenuOn.png");}

    /*본문 - text box*/
	.list_top_txt {margin:0 auto 60px auto; padding:3%; width:95%;}
    .list_top_txt .center {font-size:28px; line-height:40px;}
    .list_top_txt .center p:before {top:5px; left:-18px; width:13px; height:11px;}
    .list_top_txt .center p:after {bottom:20px; right:-16px; width:13px; height:11px;}  
	.list_top_txt ul {display:block;}
	.list_top_txt .txt {width:100%;}
	.list_top_txt .btn {padding:15px 0 0 0; width:100%; justify-content:center;}
    .list_top_txt.ty1 .txt {width:100%; text-align:center;}
    .list_top_txt.ty1 .btn {width:100%;}

    /*하단*/
    .foot_banner_inner {width:95%;}
    .foot_banner_inner .banner_list .swiper-wrapper {width:93%;}
    .foot_banner_inner .banner_list .swiper-slide img {margin:0;}
    .foot_banner_inner .swiper-button-prev {left:-3px;}
    .foot_banner_inner .swiper-button-next {right:-15px;}
    .foot_text_inner {width:100%; font-size:15px;}

    /*상단 팝업*/
    .top_popup .top_popup_inner {width:95%; max-width:95%;}

    /*중앙 팝업*/
    #modal_middle.modal_wrap {top:15%; min-width:90%; max-width:90%;}
}
@media (max-width:767px) {
    /*공통*/
    .badge {padding:4px 7px; font-size:14px; line-height:14px;}
    .m_gnb_open, .m_gnb_close {display:none; cursor:pointer;}
    .lg_hide {display:block; height:0;}
    .md_hide {display:none;}
    .sm_show {display:block; height:0;}
    .border_line {background-position:-210px 0;}

    input[type="checkbox"] + label:before {top:-2px; width:15px; height:15px; font-size:16px; line-height:13px;}

    /*로고*/
    #header {height:101px;}
    #header .logo_wrap {height:101px;}
    #header .logo_wrap .logo_inner {height:101px;}
    #header .logo_wrap .logo_inner .logo {width:304.2px; height:47.7px;}
    #header .logo_wrap .logo_inner .logo img {width:100%;}
    #header .logo_wrap .logo_inner .m_gnb_open.on {width:25px; height:21px;}
    #header .logo_wrap .logo_inner .m_gnb_open.on img {width:100%;}
    #header .logo_wrap .logo_inner .m_gnb_close.on {width:16px; height:16px;}
    #header .logo_wrap .logo_inner .m_gnb_close.on img {width:100%;}

    /*메뉴*/
    #header .gnb_wrap {top:106px;}
    #header .gnb_wrap .gnb_inner .gnb>ul>li>a {padding:15px 0; height:20px; font-size:18px; line-height:20px;}
    #header .gnb_wrap .gnb_inner .gnb>ul>li:hover>a {padding:15px 0;}
    #header .gnb_wrap .gnb_inner .gnb>ul>li>a:after {top:20px; width:18px; height:10px;}
    #header .gnb_wrap .gnb_inner .gnb ul ul {padding:12px 0;}
    #header .gnb_wrap .gnb_inner .gnb ul ul li {font-size:16px; line-height:30px;}

    /*본문*/
    /*본문 - title*/
    .sub_top {padding:30px 0 35px;}
    .sub_top .title {padding:0 0 35px 0; font-size:24px; line-height:24px;}
    .sub_top .sub_menu_inner .m_sub_menu_tit {height:44px; font-size:18px; line-height:44px;}
    .sub_top .sub_menu_inner .m_sub_menu_tit:after {width:18px; height:10px; top:18px; right:15px;}
    .sub_top .sub_menu ul li {padding:12px 0; height:44px;}
    .sub_top .sub_menu ul li a {font-size:16px; line-height:20px;}
    .sub_top .sub_menu ul li a:after {width:7px; height:11px; top:5px;}

    /*본문 - text box*/
	.list_top_txt {margin:0 auto 30px auto; padding:3% 10%;}
    .list_top_txt .center {font-size:20px; line-height:35px;}
    .list_top_txt .center p:before {top:3px; left:-13px; width:11px; height:10px;}
    .list_top_txt .center p:after {bottom:13px; right:-14px; width:11px; height:10px;}
	.list_top_txt ul {display:block;}
	.list_top_txt .txt {width:100%; font-size:16px; line-height:22px; letter-spacing:-0.5px;}
    .list_top_txt .txt.txt-02 {font-size:16px;line-height:22px;}
	.list_top_txt .btn {font-size:16px; letter-spacing:-0.5px;}
    .list_top_txt .btn span {padding:10px; width:200px;}
    .list_top_txt.ty1 .btn span {width:195px;}
    .list_top_txt .btn span:after {top:11px; right:10px;}

    /*본문 - text box*/
    .btn_area {margin:40px 0 60px 0; font-size:16px;}
    .btn_area .btn {width:120px; height:36px; line-height:34px;}
    .btn_area .btn_go {width:245px; height:40px; line-height:40px;}
    .btn_area .btn_go:after {top:12px;}

    /*하단*/
    .foot_banner_area {height:60px;}
    .foot_banner_inner {width:90%;}
    .foot_banner_inner .banner_list .swiper-wrapper {width:85%;}
    .foot_banner_inner .banner_list .swiper-slide {padding:3px 0 9px 0;}
    .foot_text_area {height:100%;}
    .foot_text_inner {padding:21px 0 20px; width:95%; font-size:13px;}
    .foot_text_inner .foot_text .tel {padding:0 0 0 14px;}
    .foot_text_inner .foot_text .tel:before {left:7px;}

    /*상단 팝업*/
    .top_popup .top_popup_inner {padding:30px 0; width:90%; max-width:90%;}
    .top_popup .top_popup_inner .cont {font-size:16px; line-height:24px;}
    .top_popup .top_popup_inner .btn_area {bottom:0;}
    .top_popup .top_popup_inner .btn_area .close_btn {bottom:0; margin:0 0 0 8px; width:16px; height:16px;}

     /*중앙 팝업*/
     #modal_middle.modal_wrap {top:3%;}
     .modal_inner .modal_title {height:50px;}
     .modal_inner .modal_title .tit {font-size:18px; line-height:50px;}
     .modal_inner .modal_title .close {top:17px; width:16px; height:16px;}
     .modal_inner .modal_content {max-height:100%; font-size:16px; line-height:26px;}
     .modal_inner .modal_btn ul li {font-size:14px;}
}

@media (max-width:550px) {
    .foot_banner_inner .banner_list .swiper-slide img {position:absolute; left:50%; transform:translate(-65%, 0);}
}

@media (max-width:400px) {
    /*로고*/
    #header {height:81px;}
    #header .logo_wrap {height:81px;}
    #header .logo_wrap .logo_inner {height:81px;}
    #header .logo_wrap .logo_inner .logo {width:236.6px; height:37.1px;}

    /*메뉴*/
    #header .gnb_wrap {top:86px;}
    
    /*하단 */
    .foot_banner_inner .banner_list .swiper-slide img {position:absolute; left:50%; transform:translate(-65%, 0);}
}