@charset "utf-8";

body {
    font-size: 16px;
}

select::-ms-expand {
    display: none;
}

.mov_dv div,
.mov_dv ul,
.mov_dv li,
.mov_dv dl,
.mov_dv dt,
.mov_dv dd,
.mov_dv img,
.mov_dv span,
.mov_dv p,
.mov_dv h1,
.mov_dv h2,
.mov_dv h3,
.mov_dv h4,
.mov_dv h5,
.mov_dv h6 {
    transition: all 0.7s;
    -moz-transition: all 0.7s;
    -webkit-transition: all 0.7s;
    -o-transition: all 0.7s;
}
/*
div, ul, li {transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s;-o-transition: all 0.5s;}
*/

/* FOOT selectdiv */
.sns_link {
    position: absolute;
    right: 220px;
    top: 0;
    width: 100%;
    max-width: 80px;
}
.sns_link a {
    display: inline-block;
    width: 34px;
}
.sns_link a img {
    width: 100%;
}
.selectdiv {
    position: absolute;
    right: 0;
    top: -15px;
    width: 100%;
    max-width: 200px;
}
.selectdiv:after {
    content: ' ';
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    background-image: url('../img/svg/arrow.svg');
    background-repeat: no-repeat;
    background-size: 100% auto;
    width: 14px;
    height: 10px;
    right: 15px;
    top: 23px;
    padding: 0 0 2px;
    position: absolute;
    pointer-events: none;
    transition: all 0.35s;
    -moz-transition: all 0.35s;
    -webkit-transition: all 0.35s;
    -o-transition: all 0.35s;
}
.selectdiv:hover::after {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    border-bottom: 2px solid #236eb6;
}
.selectdiv select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: block;
    margin: 0px;
    padding: 0px 20px 0px 5px;
    width: 100%;
    height: 50px;
    line-height: 1.75;
    font-weight: 300;
    color: var(--color-white);
    background-color: #202020;
    -ms-word-break: normal;
    word-break: normal;
    border: none;
    border-bottom: 2px solid #236eb6;
}
.ix_con1 {
    margin: 110px 0;
}
.ix_con1:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: '';
}
/****************************/
.main_slide_box {
    width: 100%;
    background: url('../img/main_slide_bg.jpg') repeat-x 0 0;
}
.main_container_box1 {
    padding-top: 60px;
    /*
margin-top: -60px;
*/
    margin-top: 0;
    position: relative;
    width: 100%;
}
.main_container_box1:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: '';
}
.main_container_box1 .box_left {
    position: relative;
    float: left;
    width: 100%;
    max-width: 620px;
    min-height: 130px;
    background: url('../img/new/main_banner_img.jpg') no-repeat 50% 50%;
    cursor: pointer;
}
.main_container_box1 .box_left .link {
    position: absolute;
    top: 25px;
    left: 30px;
    /**
    transform: translate(-50%, -50%);
	**/
    color: #fff;
    line-height: 90%;
}
.main_container_box1 .box_left .link span {
    position: relative;
    top: -2px;
    margin-left: 10px;
    padding: 5px 25px 6px 25px;
    color: #fff;
    background: #236eb6;
}

.main_container_box1 .box_right {
    float: right;
    width: calc(100% - 650px);
}
.main_container_box1 .box_right ul:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: '';
}

.main_container_box1 .box_right ul > li {
    position: relative;
    float: left;
    width: 32%;
    min-height: 130px;
    border: 1px solid #d5d5d5;
    cursor: pointer;
}
.main_container_box1 .box_right ul > li:nth-child(1) {
    background: url('../img/svg/headset_icon_on.svg') no-repeat 85% 85%;
    background-size: 50px auto;
}
.main_container_box1 .box_right ul > li:nth-child(2) {
    margin: 0 2%;
    background: url('../img/svg/map_icon_on.svg') no-repeat 85% 85%;
    background-size: 54px auto;
}
.main_container_box1 .box_right ul > li:nth-child(3) {
    background: url('../img/svg/news_icon_on.svg') no-repeat 85% 85%;
    background-size: 56px auto;
}
.main_container_box1 .box_right ul > li p {
    padding: 15px 0 0 20px;
}
.main_container_box1 .box_right ul > li:nth-child(1):hover {
    background: url('../img/svg/headset_icon.svg') no-repeat 85% 85%;
    background-size: 50px auto;
    color: #236eb6;
    border: 1px solid #236eb6;
}
.main_container_box1 .box_right ul > li:nth-child(2):hover {
    background: url('../img/svg/map_icon.svg') no-repeat 85% 85%;
    background-size: 54px auto;
    color: #236eb6;
    border: 1px solid #236eb6;
}
.main_container_box1 .box_right ul > li:nth-child(3):hover {
    background: url('../img/svg/news_icon.svg') no-repeat 85% 85%;
    background-size: 56px auto;
    color: #236eb6;
    border: 1px solid #236eb6;
}
.ix_con2 .box_left {
    position: relative;
    float: left;
    width: 100%;
    width: calc(50% - 10px);
    min-height: 130px;
}
.ix_con2 .box_right {
    float: right;
    width: calc(50% - 10px);
}
.ix_con2:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: '';
}
@media (max-width: 1000px) {
    .ix_con2 .box_right,
    .ix_con2 .box_left {
        width: calc(100% - 0px);
    }
}

.main_container_box2 {
    margin-top: 60px;
    position: relative;
    padding: 90px 0;
    background: #f6f7f9;
}
.mainCB2 ul {
    width: 100%;
}
.mainCB2 ul:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: '';
}
.mainCB2 > ul > li {
    float: left;
}
.mainCB2 .cont1 {
    width: 27%;
}
.mainCB2 .cont2 {
    width: 33%;
    margin: 0 3.5%;
}
.mainCB2 .cont3 {
    width: 33%;
}

.bbs_m_title {
    padding-bottom: 20px;
    cursor: pointer;
}
.bbs_m_title:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: '';
}
.bbs_m_title .tx1 {
    float: left;
}
.bbs_m_title .tx2 {
    float: right;
    position: relative;
    top: 10px;
}
.bbs_m_title .tx2 .theMore {
}
.bbs_m_title .tx2 .theMore img {
    position: relative;
    margin-left: 10px;
    top: -2px;
    height: 13px;
}
.main_ft_b {
    position: relative;
    min-height: 120px;
}
.main_ft_b > ul {
    position: absolute;
    top: 50%;
    transform: translate(0, -35%);
}
.main_ft_b > ul:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: '';
}
.main_ft_b > ul > li:nth-child(1) {
    float: left;
    width: 45%;
    padding-left: 30px;
}
.main_ft_b > ul > li:nth-child(1) img {
    position: relative;
    top: -3px;
    height: 27px;
    margin-right: 10px;
}
.main_ft_b > ul > li:nth-child(2) {
    position: relative;
    top: -5px;
    float: right;
    width: 55%;
}
.main_ft_ba1 {
    background: #236eb6;
    color: #fff;
}
.main_ft_ba2 {
    margin-top: 1px;
    background: #202020;
    color: #fff;
}
.main_ft_ba3 {
    padding: 15px 0;
    text-align: center;
    border: 1px solid #d5d5d5;
}

/*****************************/
.sub_head {
    position: relative;
    width: 100%;
    min-height: 175px;
}
.head_img1 {
    background: url('../img/new/top_img_01.jpg') no-repeat 50% 50%;
    background-size: cover;
}
.head_img2 {
    background: url('../img/new/top_img_02.jpg') no-repeat 50% 50%;
    background-size: cover;
}
.head_img3 {
    background: url('../img/new/top_img_03.jpg') no-repeat 50% 50%;
    background-size: cover;
}
.head_img4 {
    background: url('../img/new/top_img_04.jpg') no-repeat 50% 50%;
    background-size: cover;
}
.head_img5 {
    background: url('../img/new/top_img_05.jpg') no-repeat 50% 50%;
    background-size: cover;
}
.head_img6 {
    background: url('../img/new/top_img_06.jpg') no-repeat 50% 50%;
    background-size: cover;
}
.head_img7 {
    background: url('../img/new/top_img_07.jpg') no-repeat 50% 50%;
    background-size: cover;
}
.sub_head .tx1 {
    position: absolute;
    top: 23%;
    color: #fff;
}
.sub_head .tx2 {
    position: absolute;
    bottom: 10%;
    color: #fff;
}
.sub_head .tx2 > img {
    position: relative;
    top: -2px;
    width: 12px;
}
.sub_head .tx2 span img {
    position: relative;
    top: -1px;
    margin: 0 8px;
    height: 12px;
}

.sub_gnb_guide {
    border-bottom: 1px solid #d5d5d5;
}
.sub_gnb_guide a {
    display: inline-block;
    margin-right: 30px;
    padding: 45px 5px 15px 5px;
    border-bottom: 4px solid #fff;
}
.sub_gnb_guide a.on {
    border-bottom: 4px solid #236eb6;
}

.s_title {
    margin-top: 85px;
    margin-bottom: 50px;
    letter-spacing: -0.05em;
}
/*****************************/

.InformationUse_container {
    border: 1px solid #d5d5d5;
}
.InformationUse_container > ul {
    margin: 0 auto;
    width: 85%;
}
.InformationUse_container ul:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: '';
}
.InformationUse_container > ul > li {
    position: relative;
    float: left;
    min-height: 164px;
}
.InformationUse_container > ul > li:nth-child(1) {
    width: 20%;
}
.InformationUse_container > ul > li:nth-child(1) img {
    margin-right: 20px;
    width: 50px;
}
.InformationUse_container > ul > li:nth-child(2) {
    margin: 0 2%;
    width: 38%;
}
.InformationUse_container > ul > li:nth-child(3) {
    width: 38%;
}
.InformationUse_container .ic_cont {
    position: absolute;
    top: 50%;
    width: 100%;
    transform: translate(0, -50%);
}

.ul2 {
    width: 100%;
}
.ul2:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: '';
}
.ul2 > li {
    float: left;
    width: 50%;
}
.ul1 {
    width: 100%;
}
.ul1:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: '';
}
.ul1 > li {
    float: left;
    width: 100%;
}

.ul3 {
    width: 100%;
}
.ul3:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: '';
}
.ul3 > li {
    float: left;
    width: 32%;
    text-align: center;
}
.ul3 > li img {
    width: 100%;
}
.ul3 > li:nth-child(2) {
    margin: 0 2%;
}
.ul3 > li p.tx1 {
    padding: 15px 0 0 0;
}

/********************/
.tabs {
    margin: 0;
    padding: 0;
    width: 100%;
    max-width: 320px;
}
.tabs:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: '';
}
.tabs .tabs_li {
    position: relative;
    float: left;
    min-width: 50%;
}
.tabs .tabs_li:nth-child(2) {
    float: right;
}
.tabs .tabs_li > a {
    position: relative;
    z-index: 1;
    display: block;
    min-width: 100%;
    height: 50px;
    line-height: 50px;
    margin-right: -1px;
    background: #f6f7f9;
    color: #000;
    text-align: center;
    border: 1px solid #d5d5d5;
}
.tabs .selected > a {
    background: #fff;
    color: #000;
    border: 1px solid #d5d5d5;
    border-bottom: 1px solid #fff;
}
.tabcontents {
    position: relative;
    margin-top: -1px;
}
.tabcontents .tabs_img {
    padding: 5%;
    border: 1px solid #d5d5d5;
}
.tabcontents .tabs_img img {
    width: 90%;
}
/**********************************/
.map_text_container {
    border: 1px solid #d5d5d5;
}
.map_text_container > ul {
    margin: 0 auto;
    width: 70%;
}
.map_text_container ul:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: '';
}
.map_text_container > ul > li {
    position: relative;
    float: left;
    min-height: 164px;
}
.map_text_container > ul > li:nth-child(1) {
    width: 20%;
}
.map_text_container > ul > li:nth-child(1) img {
    margin-right: 20px;
    width: 50px;
}
.map_text_container > ul > li:nth-child(2) {
    margin: 0 2.5%;
    width: 50%;
}
.map_text_container > ul > li:nth-child(3) {
    width: 25%;
}
.map_text_container .ic_cont {
    position: absolute;
    top: 50%;
    width: 100%;
    transform: translate(0, -50%);
}
.map_container .wrap_controllers {
    display: none;
}
.map_container .roughmap_maker_label {
    display: none;
}
/**********************************/

.map_left {
    float: left;
    width: 45%;
}
.map_right {
    float: right;
    width: 45%;
}
.map_con_text_box {
}

.map_con_text_box:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: '';
}
.map_con_tbox ul:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: '';
}
.map_con_tbox > ul > li:nth-child(1) {
    float: left;
    width: 120px;
    height: 29px;
    line-height: 29px;
    color: #fff;
    text-align: center;
    background: #236eb6;
    letter-spacing: -0.05em;
}
.map_con_tbox > ul > li:nth-child(2) {
    float: right;
    width: calc(100% - 140px);
    line-height: 180%;
}
/***********************/
.about_container {
    padding: 50px;
    min-height: 750px;
    background: url('../img/new/img_file_01.jpg') no-repeat 50% 50%;
}
.about_container .tx1 {
    padding-bottom: 38px;
    width: 100%;
    max-width: 640px;
    color: #fff;
}
.about_container .tx2 {
    width: 100%;
    max-width: 800px;
    color: #fff;
}
.about_cont {
    padding: 25px 30px 25px 50px;
    border: 1px solid #d5d5d5;
}
.about_cont:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: '';
}
.about_cont .about_left {
    float: left;
    width: 37%;
}
.about_cont .about_right {
    float: right;
    width: 60%;
}
.ab_ul {
    margin: 20px 0;
}
.ab_ul:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: '';
}
.ab_ul > li:nth-child(1) {
    float: left;
    width: 100px;
}
.ab_ul > li:nth-child(1) img {
    position: relative;
    top: -2px;
    margin-right: 12px;
}
.ab_ul > li:nth-child(2) {
    padding-top: 2px;
    float: left;
    width: calc(100% - 100px);
    letter-spacing: -0.05em;
}
.ab_ul2 {
    margin: 20px 0;
}
.ab_ul2:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: '';
}
.ab_ul2 > li:nth-child(1) {
    float: left;
    width: 156px;
}
.ab_ul2 > li:nth-child(1) img {
    position: relative;
    top: -2px;
    margin-right: 12px;
}
.ab_ul2 > li:nth-child(2) {
    padding-top: 2px;
    float: left;
    width: calc(100% - 156px);
    letter-spacing: -0.05em;
}

.Greetings_container {
}
.Greetings_container ul:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: '';
}

.Greetings_container > ul > li:nth-child(1) {
    float: left;
    width: 40%;
    max-width: 530px;
}
.Greetings_container > ul > li:nth-child(2) {
    float: right;
    width: 55%;
    max-width: calc(100% - 600px);
}
.Greetings_container .tx1 {
    padding-bottom: 34px;
}
.Greetings_container .tx2 {
    line-height: 180%;
}
.Greetings_container .tx3 {
    padding-top: 50px;
}
.Greetings_container .tx3 img {
    position: relative;
    top: -3px;
    margin-left: 10px;
}
/**********************/

.Facility_cont {
    margin: 0 auto;
    width: 100%;
    padding: 50px 10%;
    border: 1px solid #d5d5d5;
}
.Facility_cont:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: '';
}

.Facility_cont .Facility_left {
    float: left;
    width: 45%;
}
.Facility_cont .Facility_right {
    float: right;
    width: 53%;
}

.Facility_cont .Facility_left ul:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: '';
}
.Facility_cont .Facility_right ul:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: '';
}
.Facility_cc {
    margin: 0 auto;
}
.Facility_cc > ul > li:nth-child(1) {
    float: left;
}
.Facility_cc > ul > li:nth-child(1) img {
    position: relative;
    top: -2px;
    margin-right: 10px;
}
.Facility_cc > ul > li:nth-child(2) {
    float: left;
    padding-left: 20px;
}
/***************************************/
.st_box {
    padding: 80px 0 0 0;
    border: 1px solid #d5d5d5;
    text-align: center;
}
.st_box .st1 {
    padding-bottom: 35px;
}
.st_box .st1 .bx_b {
    display: inline-block;
    width: 34px;
    height: 34px;
    line-height: 34px;
    color: #fff;
    background: #236eb6;
}
.st_box .st2 {
}
.st_box .st3 {
    padding: 30px 0;
}
.st_box .st2_tx {
    padding: 50px 0;
    border-top: 1px solid #d5d5d5;
}
.st_box .st2_tx .st_img img {
    position: relative;
    top: -1px;
    margin-right: 10px;
}
.st_box .st2_tx .st_img {
    padding-top: 10px;
}
.CopyrightNotice_cont {
    padding: 50px;
    background: #f6f7f9;
    line-height: 160%;
}
.CopyrightNotice_btn {
    padding: 50px 0 0 0;
    text-align: center;
}
.CopyrightNotice_btn a {
    padding: 10px 30px;
    display: inline-block;
    color: #fff;
    background: #236eb6;
    letter-spacing: -0.05em;
}
.CopyrightNotice_btn a img {
    position: relative;
    top: -2px;
    margin-left: 15px;
    height: 15px;
}
/**********************************/
.vr_con_gnb {
    display: inline-block;
    width: 100%;
    margin-bottom: 30px;
    border-bottom: 2px solid #236eb6;
}
.vr_con_gnb ul:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: '';
}
.vr_con_gnb > ul > li {
    float: left;
    width: 50%;
}
.vr_con_gnb > ul > li a {
    padding: 12px 0;
    display: inline-block;
    width: 100%;
    text-align: center;
    border: 1px solid #ccc;
    border-bottom: none;
}
.vr_con_gnb > ul > li a.on {
    color: #fff;
    background: #236eb6;
    border: 1px solid #236eb6;
    border-bottom: none;
}

/* 240322 김시윤 - 게시판 검색 인풋 레이아웃이 깨져서 수정 */
.fsearch_container_box .bx .sch_bar {
    display: inline-flex;
}

@media (max-width: 1300px) {
    .main_slide_box {
        background: none;
    }
    .mainCB2 .cont1 {
        width: 48%;
    }
    .mainCB2 .cont2 {
        width: 48%;
        margin: 0 0 0 4%;
    }
    .mainCB2 .cont3 {
        margin-top: 35px;
        width: 100%;
    }
    #ft {
        padding: 48px 30px;
    }
    .map_text_container > ul {
        margin: 0 auto;
        width: 95%;
    }
}
@media (max-width: 1050px) {
    .main_container_box1 .box_left {
        position: relative;
        clear: both;
        width: 100%;
        margin: 0 auto;
        left: 50%;
        transform: translate(-50%, 0);
        max-width: 620px;
        min-height: 130px;
        background: url(../img/new/main_banner_img.jpg) no-repeat 50% 50%;
    }
    .main_container_box1 .box_right {
        margin-top: 20px;
        clear: both;
        width: calc(100% - 0px);
    }
    .main_container_box1 .box_left .link {
        width: 90%;
    }
    .Greetings_container > ul > li:nth-child(1) {
        width: 38%;
    }
    .Greetings_container > ul > li:nth-child(1) img {
        width: 100%;
    }
    .Greetings_container > ul > li:nth-child(2) {
        width: 58% !important;
        max-width: calc(100% - 0px);
    }
}

@media (max-width: 1029px) {
    .sub_head .tx1 {
        top: 35%;
    }
}
.mobile_v {
    display: none;
}
@media (max-width: 980px) {
    .selectdiv {
        display: none;
    }
    .InformationUse_container > ul {
        margin: 0 auto;
        width: 96%;
    }
    .InformationUse_container > ul > li {
        min-height: 80px;
    }
    .InformationUse_container > ul > li:nth-child(1) {
        display: none;
    }
    .InformationUse_container > ul > li:nth-child(2) {
        margin: 0 0;
        width: 100%;
        text-align: center;
    }
    .mobile_v {
        margin-right: 10px;
        display: inline-block;
    }
    .InformationUse_container > ul > li:nth-child(3) {
        width: 100%;
        text-align: center;
        min-height: 60px;
    }
    .InformationUse_container > ul > li:nth-child(3) .ic_cont {
        position: absolute;
        top: 0%;
        width: 100%;
        transform: translate(0, 0);
    }
    .ul2 > li {
        width: 100%;
    }
    .ul2 > li:nth-child(2) {
        margin-top: 20px;
    }
    .map_left {
        width: 100%;
    }
    .map_right {
        margin-top: 35px;
        width: 100%;
    }
    .about_cont .about_left {
        float: left;
        width: 100%;
    }
    .about_cont .about_right {
        float: right;
        width: 100%;
    }
}

@media (max-width: 920px) {
    .gallery_container .right_text_x {
        width: calc(100% - 250px);
    }
    .list_gb_btn {
        margin-top: 35px;
        width: 100%;
    }
    .list_gb .bt_txx .bt_txx_box {
        max-height: 95px;
        overflow: hidden;
    }
    .view_title_con > ul > li:nth-child(1) {
        float: left;
        width: 280px;
    }
    .view_title_con > ul > li:nth-child(2) {
        float: right;
        width: calc(100% - 310px);
    }
}

@media (max-width: 720px) {
    .mainCB2 .cont1 {
        display: none;
        width: 100%;
    }
    .mainCB2 .cont2 {
        width: 100%;
        margin: 0 0 0 0;
    }
    .mainCB2 .cont3 {
        margin-top: 35px;
        width: 100%;
    }

    .map_text_container > ul > li {
        min-height: 60px;
    }
    .map_text_container > ul > li:nth-child(1) {
        display: none;
    }
    .map_text_container > ul > li:nth-child(2) {
        margin: 0;
        width: 100%;
    }
    .map_text_container > ul > li:nth-child(3) {
        width: 100%;
    }
    .list_gb .bt_txx span {
        display: none;
    }
    .list_gb .bt_txx .bt_txx_box {
        width: calc(100% - 0px);
    }
    .view_title_con > ul > li:nth-child(1) {
        float: left;
        width: 100%;
        text-align: center;
    }
    .view_title_con > ul > li:nth-child(2) {
        float: right;
        margin-top: 35px;
        width: calc(100% - 0px);
    }
    .item_nono .no_tx {
        width: 90%;
    }
    .Facility_cont {
        margin: 0 auto;
        width: 100%;
        padding: 50px 5%;
        border: 1px solid #d5d5d5;
    }
    .Facility_cont .Facility_left {
        float: left;
        width: 100%;
    }
    .Facility_cont .Facility_right {
        margin-top: 20px;
        float: right;
        width: 100%;
    }
    .main_container_box2 {
        margin-top: 40px;
        position: relative;
        padding: 35px 0 90px 0;
    }
    .main_container_box1 .box_right ul > li p {
        padding: 15px 0 0 0;
        text-align: center;
    }
    .main_container_box1 .box_right ul > li:nth-child(1) {
        background: url('../img/svg/headset_icon_on.svg') no-repeat 50% 85%;
        background-size: 45px auto;
    }
    .main_container_box1 .box_right ul > li:nth-child(2) {
        background: url('../img/svg/map_icon_on.svg') no-repeat 50% 85%;
        background-size: 47px auto;
    }
    .main_container_box1 .box_right ul > li:nth-child(3) {
        background: url('../img/svg/art_icon_on.svg') no-repeat 50% 85%;
        background-size: 47px auto;
    }
    .main_container_box1 .box_right ul > li:nth-child(1):hover {
        background: url('../img/svg/headset_icon.svg') no-repeat 50% 85%;
        background-size: 45px auto;
    }
    .main_container_box1 .box_right ul > li:nth-child(2):hover {
        background: url('../img/svg/map_icon.svg') no-repeat 50% 85%;
        background-size: 47px auto;
    }
    .main_container_box1 .box_right ul > li:nth-child(3):hover {
        background: url('../img/svg/art_icon.svg') no-repeat 50% 85%;
        background-size: 47px auto;
    }
}
@media (max-width: 620px) {
    .fsearch_container_box {
        display: none;
    }
    .portfolio__grid {
        margin: 0;
    }

    .Greetings_container > ul > li:nth-child(1) {
        width: 100%;
    }
    .Greetings_container > ul > li:nth-child(1) img {
        width: 100%;
    }
    .Greetings_container > ul > li:nth-child(2) {
        margin-top: 50px;
        width: 100% !important;
        max-width: calc(100% - 0px);
    }
}

@media (max-width: 580px) {
    #ft_wr ul li:nth-child(1) {
        float: left;
        width: 100%;
        margin-bottom: 30px;
    }
    #ft_wr ul li:nth-child(1) img {
        max-width: 120px;
    }
    #ft_wr ul li:nth-child(2) {
        top: 0;
        width: calc(100% - 0px);
    }
    .map_con_tbox > ul > li:nth-child(1) {
        width: 100%;
        height: 29px;
        line-height: 29px;
    }
    .map_con_tbox > ul > li:nth-child(2) {
        width: calc(100% - 0px);
    }
    .about_container {
        padding: 50px 25px;
    }
    .about_cont {
        padding: 10px 20px 25px 20px;
    }
    .ab_ul > li:nth-child(1) {
        width: 100%;
    }
    .ab_ul > li:nth-child(2) {
        padding-top: 20px;
        width: calc(100% - 0px);
    }
    .ab_ul2 > li:nth-child(1) {
        float: left;
        width: 100%;
    }
    .ab_ul2 > li:nth-child(2) {
        padding-top: 20px;
        width: calc(100% - 0px);
    }
    .ab_ul2 {
        margin: 0 0;
    }
    .about_right > ul:nth-child(2) > li:nth-child(1) {
        display: none;
    }
}
@media (max-width: 560px) {
    .bbs_header_text > ul > li:nth-child(1),
    .bbs_header_text > ul > li:nth-child(3) {
        width: 120px;
        text-align: center;
        background: #f6f7f9;
    }
    .bbs_header_text > ul > li:nth-child(2),
    .bbs_header_text > ul > li:nth-child(4) {
        padding: 0 35px;
        color: #777;
        width: calc(100% - 120px);
    }
}
@media (max-width: 520px) {
    .sub_gnb_guide a {
        display: inline-block;
        margin-right: 0px;
        padding: 20px 5px 15px 5px;
        border-bottom: 4px solid #fff;
    }
    .ul3 > li {
        width: 100%;
    }
    .ul3 > li:nth-child(2) {
        margin: 20px 0;
    }
    .gallery_container .left_img_x {
        float: left;
        width: 100%;
        min-height: 311px;
        text-align: center;
    }
    .gallery_container .right_text_x {
        width: calc(100% - 0px);
    }
    .CopyrightNotice_cont {
        padding: 25px;
    }
}
@media (max-width: 480px) {
    .view_title_con .bn_text .bn_2 .c1 {
        display: none;
    }
    .view_title_con .bn_text .bn_2 .c2 {
        display: inline-block;
        width: 100%;
        text-indent: 0;
    }
}
@media (max-width: 1085px) {
    .sns_link {
        position: absolute;
        right: 115px;
        top: 45px;
        width: 100%;
        max-width: 80px;
    }
}

@media (max-width: 840px) {
    .sns_link {
        position: absolute;
        right: none;
        left: 0;
        top: -35px;
        width: 100%;
        max-width: 80px;
    }
    .sns_link a {
        width: 26px;
    }
}

@media (max-width: 580px) {
    .sns_link {
        position: absolute;
        left: calc(100% - 80px);
        top: -65px;
        width: 100%;
        max-width: 80px;
    }
    .sns_link a {
        width: 28px;
    }
}