@font-face { font-family: lato, sans-serif;font-weight: 100;font-style: normal;}
@font-face { font-family: lato, sans-serif;font-weight: 200;font-style: normal;}
@font-face { font-family: lato, sans-serif;font-weight: 300;font-style: normal;}
@font-face { font-family: lato, sans-serif;font-weight: 400;font-style: normal;}
@font-face { font-family: lato, sans-serif;font-weight: 500;font-style: normal;}
@font-face { font-family: lato, sans-serif;font-weight: 700;font-style: normal;}



body{
    width:100%;
    height: 100%;
    overflow-x:hidden;


    /* display:flex;
    flex-direction:column; */
    
    }

body,p,h1,a,div,li,ul{ margin: 0; padding: 0; text-decoration: none; list-style: none; display: flex; flex-direction: column; justify-content: center;line-height:180%; align-items: center; }
h1,p { display: inline-block; }
div { overflow: hidden; }
a,li {color:#333}


.font_0 {font-family: lato,sans-serif;font-weight: 700;font-size: 60px;letter-spacing: -0.5px;}
.font_1 {font-family: lato,sans-serif;font-weight: 500;font-size: 50px;letter-spacing: -0.5px;}
.font_2 {font-family: lato,sans-serif;font-weight: 400;font-size: 30px;letter-spacing: -0.5px;}
.font_3 {font-family: lato,sans-serif;font-weight: 300;font-size: 25px;letter-spacing: -0.5px;}
.font_4 {font-family: lato,sans-serif;font-weight: 300;font-size: 20px;letter-spacing: -0.8px;}
.font_5 {font-family: lato,sans-serif;font-weight: 100;font-size: 12px;letter-spacing: -0.5px;}
.bold{font-weight: bold;}

.mobile_m {display: none;}

.box_blue{background-color: #7695C7;border-radius: 4px;border: 0px;}
.box_black{background-color: #181818;border-radius: 4px;border: 0px;}
.box_brown{background-color:#A18677;border-radius: 4px;border: 0px;}
.box_purple{background-color:#9F77A1;border-radius: 4px;border: 0px;}
.box_yellow{background-color: #A19477;border-radius: 4px;border: 0px;}
.box_green{background-color: #85A177;border-radius: 4px;border: 0px;}
.box_white{background-color: #ffffff;border-radius: 4px;border: 0px;}
.box_gray{background-color: #7784A1;border-radius: 4px;border: 0px;}
.box_gray2{background-color: #ECEEF2;border-radius: 4px;border: 0px;}


.blue_line{--my-color-1: #7695C7;}
.blue2_line{--my-color-1: #7784A1;}
.black_line{--my-color-1:#181818;}
.brown_line{--my-color-1: #A18677;}
.purple_line{--my-color-1: #9F77A1;}
.yellow_line{--my-color-1: #A19477;}
.green_line{--my-color-1: #85A177;}
.white_line{--my-color-1: #ffffff;}
.gray_line{--my-color-1: #707070;}

.blue{color: #7695C7;}
.blue2{color: #7784A1;}
.black{color:#181818;}
.brown{color: #A18677;}
.purple{color: #9F77A1;}
.yellow{color: #A19477;}
.green{color: #85A177;}
.white{color: #ffffff;}
.gray{color: #707070;}


.top{width: 100%;height: 160px; display: flex;justify-content: center; position: fixed;top: 0%;bottom: auto;background-color: white;z-index: 999;}
.top.addadd {width: 100%;height: 100px; display: flex;justify-content: center; position: fixed;top: 0%;bottom: auto;z-index: 999;border-bottom: 3px solid #7070703e;}
.top_item{width: 1200px;display: flex;flex-direction: row;justify-content: space-between;padding: 0 30px 0 30px;}
.top_item img{width: 90%;}
.top_item .menu_item{display: flex;flex-direction: row;align-items: baseline;justify-content: flex-end;flex-wrap: wrap;}
.top_item .menu_item li{margin: 0 5px 0 5px;letter-spacing: -1px;height: 36px;}
.top_item .menu_item li a {height: 35px;}
.item_bar{background-color: #7695C7;}

/* 페이지별 메뉴 활성화표시 */
.item1{background-color:#7695C7;border-radius: 2px;padding: 0 5px 0 5px;height: 30px;}
.item2{background-color:#A18677;border-radius: 2px;padding: 0 5px 0 5px;height: 30px;}
.item3{background-color:#7784A1;border-radius: 2px;padding: 0 5px 0 5px;height: 30px;}
.item4{background-color:#9F77A1;border-radius: 2px;padding: 0 5px 0 5px;height: 30px;}
.item5{background-color:#A19477;border-radius: 2px;padding: 0 5px 0 5px;height: 30px;}
.item6{background-color:#85A177;border-radius: 2px;padding: 0 5px 0 5px;height: 30px;}



.menu_item > li > a {
    display: inline-block;
    position: relative;
}

.menu_item > li > a:after {    
    content:"";
    position: absolute;
    left: 0%;
    bottom: 0;
    width: 0;
    height: 3px;
    top:30px;
    background-color: var( --my-color-1 );
    transition: all .3s;
}

.menu_item > li > a:hover:after {
    width: 100%
}

.animate {
    display: inline-block !important;
    animation: fadeIn 0.5s forwards ease-in;
    transition: 0.5s ease-in-out;
}
@keyframes fadeIn {
    0% { opacity: 0; margin-top: 50px; }
    100% { opacity: 1; margin-top: 0px; }
}


.animate2 {
    display: inline-block !important;
    animation: fadeIn2 0.5s forwards ease-in;
    transition: 0.5s ease-in-out;
}
@keyframes fadeIn2 {
    0% { opacity: 0; }
    100% { opacity: 1; }
}

.animate3 {
    display: inline-block !important;
    animation: fadeIn3 0.5s forwards ease-in;
    transition: 0.5s ease-in-out;
}
@keyframes fadeIn3 {
    0% { opacity: 0; }
    100% { opacity: 1; }
}


/* About_us setting */
.main_banner_aboutus{
    width: 100%;
    height: 900px;
    margin-top: 160px;
    display: flex;
    justify-content: center;
    background-image: url('../images/back_about_us.png');
    background-position: 50% 50%;
    background-size: cover;
}
.aboutus_text{display: flex;justify-content: flex-end;align-items: flex-start;margin-bottom: 170px;margin: 0px 30px 170px 30px; width: 1200px;}
.aboutus_text .title{width: 300px;text-align: center;background-color: rgba(0,0,0, 0.5);padding:4px 0 5px 0;}

.aboutus_text h1:nth-child(2){line-height: 70px; }

/* .contents_aboutus{width: 1460px;text-align: center;display: flex;flex-direction: column;align-items: center;flex-wrap: wrap;} */
.contents_aboutus {max-width: 1200px; width: 100%;display: flex;align-items: center; align-content: space-around;flex-direction: column; flex-wrap: wrap;justify-content: center;}
.contents_aboutus .box_text1 {text-align: center; width: 100%;margin-bottom: 200px; margin-top: 200px; }
.contents_aboutus .box_text2 ,
.contents_aboutus .box_text3 ,
.contents_aboutus .box_text4 ,
.contents_aboutus .box_text5 ,
.contents_aboutus .box_text6 { text-align: center; width: 100%;margin-bottom: 150px;}

.contents_aboutus .box_pic1 ,
.contents_aboutus .box_pic2 ,
.contents_aboutus .box_pic3 {margin-bottom: 150px;}
.contents_aboutus .box_pic1 img ,
.contents_aboutus .box_pic2 img ,
.contents_aboutus .box_pic3 img {display: none; width: 100%}



.contents_aboutus .box_text1 div ,
.contents_aboutus .box_text2 div ,
.contents_aboutus .box_text3 div ,
.contents_aboutus .box_text4 div ,
.contents_aboutus .box_text5 div ,
.contents_aboutus .box_text6 div {flex-direction: row;align-items: baseline;}

.contents_aboutus .box_text1 div h1 ,
.contents_aboutus .box_text2 div h1 ,
.contents_aboutus .box_text3 div h1 ,
.contents_aboutus .box_text4 div h1 ,
.contents_aboutus .box_text5 div h1 ,
.contents_aboutus .box_text6 div h1 { margin-right: 10px; }


.contents_aboutus .box_text1 p ,
.contents_aboutus .box_text2 p { margin-top: 50px; padding: 0 40px 0 40px;}
.contents_aboutus .box_text3 p ,
.contents_aboutus .box_text4 p { text-align:center ; margin-top: 0px; padding: 0 40px 0 40px ;}
.contents_aboutus .box_text3 .title_s { margin: 40px 0 0 0; }
.contents_aboutus .box_text3 .title_ss ,
.contents_aboutus .box_text4 .title_ss { padding:  0 10px 0 10px; margin: 50px 0 30px 0; }

/* Our advantage Setting */
.main_banner_ouradvantage{
    width: 100%;
    height: 460px;
    margin-top: 160px;
    display: flex;
    justify-content: center;
    background-image: url('../images/back_ouradvantage.png');
    background-position: 50% 50%;
    background-size: cover;
}
.ouradvantage_text { width: 1200px; display: flex; justify-content: flex-end; align-items: center; margin-bottom: 170px; }
.ouradvantage_text .title { width: 250px; text-align: center; background-color: rgba(0,0,0, 0.3); padding:4px 0 5px 0; }

/* .contents_ouradvantage { width: 1460px;display: flex;flex-direction: column;align-items: center; } */
.contents_ouradvantage {max-width: 1200px; width: 100%;display: flex;align-items: center; align-content: space-around;flex-direction: column; flex-wrap: wrap;justify-content: center;}

.contents_ouradvantage .box_text1 { text-align: center; width: 100%;margin-bottom: 400px; margin-top: 200px; }
.contents_ouradvantage .box_text2 { text-align: center; width: 100%;margin-bottom: 400px; }
.contents_ouradvantage .box_text3 { text-align: center; width: 100%;margin-bottom: 400px; height: 600px; }
.contents_ouradvantage .box_text4 ,
.contents_ouradvantage .box_text5 { text-align: center; width: 100%;margin-bottom: 300px;height: 100%; }
.contents_ouradvantage .box_text6 { text-align: center; width: 100%;margin-bottom: 200px; }
.contents_ouradvantage .counter div { margin: 0 20px 0 10px; }
.contents_ouradvantage .counter div h1 { margin-left: -40px; }


.contents_ouradvantage .box_text1 div ,
.contents_ouradvantage .box_text2 div ,
.contents_ouradvantage .box_text3 div ,
.contents_ouradvantage .box_text4 div ,
.contents_ouradvantage .box_text5 div ,
.contents_ouradvantage .box_text6 div{flex-direction: row; align-items: baseline;}
.contents_ouradvantage .box_text1 div h1 ,
.contents_ouradvantage .box_text2 div h1 ,
.contents_ouradvantage .box_text3 div h1 ,
.contents_ouradvantage .box_text4 div h1 ,
.contents_ouradvantage .box_text5 div h1 ,
.contents_ouradvantage .box_text6 div h1 { margin-right: 10px;}
.contents_ouradvantage .box_text1 p ,
.contents_ouradvantage .box_text2 p ,
.contents_ouradvantage .box_text3 p { margin-top: 50px; padding: 0 40px 0 40px;}
.contents_ouradvantage .box_text4 p ,
.contents_ouradvantage .box_text5 p ,
.contents_ouradvantage .box_text6 p { margin-top: 50px; margin-bottom: 100px; height: 100%; padding: 0 40px 0 40px;}
.contents_ouradvantage .box_text3 .line2 ,
.contents_ouradvantage .box_text3 .line3 { height: 100px; }
.contents_ouradvantage .box_text3 .line3 li { margin: 0 50px 0 50px; }
.contents_ouradvantage .box_text3 .line4 { height: 50px;}
.contents_ouradvantage .box_text3 .line4 li { margin: 0 80px 0 95px; }
.contents_ouradvantage .box_text3 .line5 { height: 120px; border-top:2px solid #ffffff ; width: 800px; align-items: center; }
.box_our_pic1 img,
.box_our_pic2 img,
.box_our_pic3 img,
.box_our_pic4 img,
.box_our_pic5 img { display: none; width: 100%;}

#our_pic3 { transition-delay: 1s; }
#our_pic4 { transition-delay: 2s; }


/* Meet the team Setting */

.main_banner_meettheteam{
    width: 100%;
    height: 460px;
    margin-top: 160px;
    display: flex;
    justify-content: center;
    background-image: url('../images/back_meettheteam.png');
    background-position: 50% 50%;
    background-size: cover;
}
.meettheteam_text { display: flex; justify-content: flex-end; align-items: center; margin-bottom: 170px; width: 1200px;}
.meettheteam_text .title{ width: 250px; text-align: center; background-color: rgba(0,0,0, 0.3); padding:4px 0 5px 0; }

/* .contents_meettheteam { width: 100%;display: flex; flex-direction: column; align-items: center; } */
.contents_meettheteam {max-width: 1200px; width: 100%;display: flex;align-items: center; align-content: space-around;flex-direction: column; flex-wrap: wrap;justify-content: center;}

.contents_meettheteam h1 {margin-top: 200px; margin-bottom: 50px;}
.contents_meettheteam .m_pic{ margin:100px 0 100px 0; width: 100%;}
.contents_meettheteam .title_ss { height: 30px; padding: 0 10px 0 10px; }
.contents_meettheteam .box_text1 ,
.contents_meettheteam .box_text2 ,
.contents_meettheteam .box_text3 ,
.contents_meettheteam .box_text4 { display: flex; flex-direction: row; width: 100%; height: 400px;  margin-bottom: 50px; margin-top: 50px;}
.contents_meettheteam .box_meet_pic5 {width: 100%;}
.contents_meettheteam .box_text1 div ,
.contents_meettheteam .box_text2 div ,
.contents_meettheteam .box_text3 div ,
.contents_meettheteam .box_text4 div { width: 40%;} 
.contents_meettheteam .box_text1 ul ,
.contents_meettheteam .box_text2 ul ,
.contents_meettheteam .box_text3 ul ,
.contents_meettheteam .box_text4 ul { display: flex; align-items: flex-start; width: 60%; height: 100%; }
.contents_meettheteam .box_text1 li,
.contents_meettheteam .box_text2 li,
.contents_meettheteam .box_text3 li,
.contents_meettheteam .box_text4 li { line-height: 50px; margin-left: 0px;}

.contents_meettheteam .box_text5 { display: flex; flex-direction: column; margin: 150px 0 200px 0; width: 100%; justify-content: flex-start; padding-top: 50px; height: 100%;}
.contents_meettheteam .box_text6 { display: flex; flex-direction: column; margin-bottom: 100px; width: 100%; justify-content: flex-start; padding-top: 50px; height: 100%;}

.contents_meettheteam .box_text5 .advisor ,
.contents_meettheteam .box_text6 .advisor { flex-direction: row; width: 100%;}
.contents_meettheteam .box_text5 .advisor div ,
.contents_meettheteam .box_text6 .advisor div { width: 40%; flex-wrap: wrap; margin-top: 10px;}

.contents_meettheteam .box_text5 div ,
.contents_meettheteam .box_text6 div { display: flex; flex-direction: row; width: 100%; margin-top: 0px;flex-wrap: wrap; align-content: flex-start;}

.contents_meettheteam .box_text5 ul ,
.contents_meettheteam .box_text6 ul { display: flex; align-items: flex-start; width: 60%;}

.contents_meettheteam .box_text5 p ,
.contents_meettheteam .box_text6 p {width: 95%; padding: 40%; display: none;}
.contents_meettheteam .box_text5 p.animate3 {padding: 40px; height: 100%;}
.contents_meettheteam .box_text6 p.animate3 {padding: 40px; height: 100%;}




/* What we do Setting */

.main_banner_whatwedo {
    width: 100%;
    height: 460px;
    margin-top: 160px;
    display: flex;
    justify-content: center;
    background-image: url('../images/back_whatwedo.png');
    background-position: 50% 50%;
    background-size: cover;
}
.whatwedo_text { width: 1200px; display: flex; justify-content: flex-end; align-items: center; margin-bottom: 170px; }
.whatwedo_text .title { width: 250px; text-align: center; background-color: rgba(0,0,0, 0.3); padding:4px 0 5px 0; }

/* .contents_whatwedo { width: 100%;display: flex; flex-direction: column; align-items: center; } */

.contents_whatwedo {max-width: 1200px; width: 100%;display: flex;align-items: center; align-content: space-around;flex-direction: column; flex-wrap: wrap;justify-content: center;}

.contents_whatwedo .box_text1 { text-align: center; width: 100%; margin-bottom: 200px; margin-top: 200px; }
.contents_whatwedo .box_text2 { text-align: center; width: 100%; margin-bottom: 200px; height: 550px; }
.contents_whatwedo .box_text3 { text-align: center; width: 100%; margin-bottom: 200px; margin-top: 200px; }
.contents_whatwedo .box_text4 { text-align: center; width: 100%; margin-bottom: 100px; margin-top: 20px; }
.contents_whatwedo .box_text5 { text-align: center; width: 100%; margin-bottom: 200px; margin-top: 200px; }
.contents_whatwedo .box_text6 { text-align: center; width: 100%; margin-bottom: 200px; margin-top: 200px; }
.contents_whatwedo .box_text7 { text-align: center; width: 100%; margin-bottom: 200px; margin-top: 200px; }
.contents_whatwedo .box_text8 { display: flex; flex-direction: row; text-align: center; width: 90%; height: 400px; margin-bottom: 200px; margin-top: 150px; flex-wrap: wrap; }

.contents_whatwedo .box_text2 div { width: 70%;}
.contents_whatwedo .box_text2 div p { line-height: 50px;}

.contents_whatwedo .box_text3 div ,
.contents_whatwedo .box_text5 div ,
.contents_whatwedo .box_text6 div ,
.contents_whatwedo .box_text7 div { flex-direction: row; align-items: baseline; margin-bottom: 100px; }

.contents_whatwedo .box_text2 h1 { margin-bottom: 50px; }
.contents_whatwedo .box_text4 h1 { margin-bottom: 50px; }
.contents_whatwedo .box_text3 div h1 ,
.contents_whatwedo .box_text5 div h1 ,
.contents_whatwedo .box_text6 div h1 ,
.contents_whatwedo .box_text7 div h1 { margin-right: 10px; }

.contents_whatwedo .box_text1 img {width: 90%;}
.contents_whatwedo .box_text3 img {width: 90%;}
.contents_whatwedo .box_text4 img {width: 90%;}
.contents_whatwedo .box_text5 img {width: 90%;}
.contents_whatwedo .box_text6 img {width: 90%;}
.contents_whatwedo .box_text7 img {width: 90%;}
.whatwedo_ani1 img {width: 90%;}
.whatwedo_ani1 img ,
.whatwedo_ani2 img ,
.whatwedo_ani3 img ,
.whatwedo_ani4 img { margin-top: 200px; display: none;}
.whatwedo_ani5 img { margin-top: 200px;}
.whatwedo_ani5 img.animate2 { margin-top: 0px; }

.box_text8 #w_01,
.box_text8 #w_02,
.box_text8 #w_03,
.box_text8 #w_04,
.box_text8 #w_05,
.box_text8 #w_06 { width: 33.3%; height: 50%; object-fit: cover; }

#mobile_1, #mobile_2, #mobile_3, #mobile {display: none;}


#w_01 { transition-delay: 0.1s; opacity: 0; }
#w_02 { transition-delay: 0.3s; opacity: 0; }
#w_03 { transition-delay: 0.5s; opacity: 0; }
#w_04 { transition-delay: 0.7s; opacity: 0; }
#w_05 { transition-delay: 0.9s; opacity: 0; }
#w_06 { transition-delay: 1.1s; opacity: 0; }

/* What we offer Setting */

.main_banner_whatweoffer{
    width: 100%;
    height: 460px;
    margin-top: 160px;
    display: flex;
    justify-content: center;
    background-image: url('../images/back_whatweoffer.png');
    background-position: 50% 50%;
    background-size: cover;
}
.whatweoffer_text {width: 1460px; display: flex; justify-content: flex-end; align-items: center; margin-bottom: 170px; }
.whatweoffer_text .title { width: 250px; text-align: center; background-color: rgba(0,0,0, 0.3); padding:4px 0 5px 0; }

/* .contents_whatweoffer { width: 1460px; display: flex; flex-direction: column; align-items: center; } */
.contents_whatweoffer {max-width: 1200px; width: 100%;display: flex;align-items: center; align-content: space-around;flex-wrap: wrap;justify-content: center;}

.contents_whatweoffer .box_text1 { text-align: center; width: 100%; margin-bottom: 200px; margin-top: 150px; }
.contents_whatweoffer .box_text2 { display: flex; flex-direction: row; width: 100%; justify-content: space-around; align-items: flex-start;margin-bottom: 100px; }

/* .contents_whatweoffer .box_text2 .left { display: flex; width: 621px; height: 650px; flex-wrap: wrap; justify-content: flex-start; align-content: flex-start; align-items: baseline; padding-top: 60px;} */
.contents_whatweoffer .box_text2 .left { display: flex; width: 100%; height: 550px; flex-wrap: wrap; justify-content: flex-start; align-content: flex-start; align-items: baseline; padding: 0px 0px 0 40px ;}
.contents_whatweoffer .box_text2 .right {width: 100%; padding: 0px 40px 0 0px ; }

.whatweoff_ani1 .left img ,
.whatweoff_ani2 .left img ,
.whatweoff_ani3 .left img ,
.whatweoff_ani4 .left img ,
.whatweoff_ani5 .left img ,
.whatweoff_ani6 .left img ,
.whatweoff_ani7 .left img { margin: 200px 5px; }

.contents_whatweoffer .whatweoff_ani1 .left img:nth-child(1){width: 39%;}
.contents_whatweoffer .whatweoff_ani1 .left img:nth-child(2){width: 39%;}
.contents_whatweoffer .whatweoff_ani2 .left img:nth-child(1){width: 39%;}
.contents_whatweoffer .whatweoff_ani2 .left img:nth-child(2){width: 39%;}
.contents_whatweoffer .whatweoff_ani2 .left img:nth-child(3){width: 39%;}
.contents_whatweoffer .whatweoff_ani2 .left img:nth-child(4){width: 39%;}
.contents_whatweoffer .whatweoff_ani2 .left img:nth-child(5){width: 39%;}
.contents_whatweoffer .whatweoff_ani3 .left img:nth-child(2){width: 80%;}
.contents_whatweoffer .whatweoff_ani3 .left img:nth-child(2){width: 80%;}
.contents_whatweoffer .whatweoff_ani3 .left img:nth-child(1){width: 80%;}
.contents_whatweoffer .whatweoff_ani3 .left img:nth-child(2){width: 80%;}
.contents_whatweoffer .whatweoff_ani4 .left img:nth-child(1){width: 39%;}
.contents_whatweoffer .whatweoff_ani4 .left img:nth-child(2){width: 39%;}
.contents_whatweoffer .whatweoff_ani5 .left img:nth-child(1){width: 39%;}
.contents_whatweoffer .whatweoff_ani5 .left img:nth-child(2){width: 39%;}
.contents_whatweoffer .whatweoff_ani6 .left img:nth-child(1){width: 39%;}
.contents_whatweoffer .whatweoff_ani6 .left img:nth-child(2){width: 39%;}
.contents_whatweoffer .whatweoff_ani7 .left img:nth-child(1){width: 80%;}
.contents_whatweoffer .whatweoff_ani7 .left img:nth-child(2){width: 80%;}

.whatweoff_ani1 .right img ,
.whatweoff_ani2 .right img ,
.whatweoff_ani3 .right img ,
.whatweoff_ani4 .right img ,
.whatweoff_ani5 .right img ,
.whatweoff_ani6 .right img ,
.whatweoff_ani7 .right img {width: 100%; max-width: 700px;}

.whatweoff_ani1 .left img.animate2 ,
.whatweoff_ani2 .left img.animate2 ,
.whatweoff_ani3 .left img.animate2 ,
.whatweoff_ani4 .left img.animate2 ,
.whatweoff_ani5 .left img.animate2 ,
.whatweoff_ani6 .left img.animate2 ,
.whatweoff_ani7 .left img.animate2 { margin: 5px; }

#offer_01 { transition-delay: 0.1s; opacity: 0; }
#offer_02 { transition-delay: 0.3s; opacity: 0; }
#offer_03 { transition-delay: 0.5s; opacity: 0; }
#offer_04 { transition-delay: 0.7s; opacity: 0; }
#offer_05 { transition-delay: 0.9s; opacity: 0; }


/* Contact us Setting */

.main_banner_contactus {
    width: 100%;
    height: 460px;
    margin-top: 160px;
    display: flex;
    justify-content: center;
    background-image: url('../images/back_contactus.png');
    background-position: 50% 50%;
    background-size: cover;
}
.contactus_text { width: 1200px; display: flex; justify-content: flex-end; align-items: center; margin-bottom: 170px; }
.contactus_text .title { width: 250px; text-align: center; background-color: rgba(0,0,0, 0.3); padding:4px 0 5px 0; }

/* .contents_contactus { width: 1460px;display: flex; flex-direction: column; align-items: center; } */
.contents_contactus {width: 100%;display: flex;align-items: center; align-content: space-around;flex-direction: column;flex-wrap: wrap;justify-content: center;}

.contents_contactus .box_text1 { text-align: center; width: 1200px; margin-bottom: 30px; margin-top: 200px; flex-direction: row;align-items: baseline;}
.contents_contactus .box_text1 h1 { margin-right: 10px; }
.contents_contactus .box_text2 { text-align: center; width: 1200px; margin-bottom: 100px; margin-top: 200px; flex-direction: column;align-items: center;}
.contents_contactus .box_text2 h1 { margin-right: 10px;margin-bottom: 30px; }
.contents_contactus .link { display: flex; flex-direction: row; }
.contents_contactus .link li { margin: 0 20px 0 20px; }
.contents_contactus .box_text3 { text-align: center; width: 1200px;margin-bottom: 100px; height: 600px; margin-top: 200px; }
.contents_contactus .box_text3 h1 { margin: 100px 10px 0 0; }
.contents_contactus .box_text3 div { flex-direction: row; align-items: baseline; margin-bottom: 80px; }
.contents_contactus .box_text3 .form { display: flex; justify-content: center; width: 700px; align-items: center; }
.contents_contactus .box_text3 .form ul { margin-right: 20px; width:100%;}
.contents_contactus .box_text3 .form li { margin: 5px 0 5px 0; color: rgb(255, 249, 240);width: 100%; }
.contents_contactus .box_text3 .form input { width: 100%; height: 50px; border-radius: 2px; background-color: transparent; border: 0px; border-bottom: 3px #576E4B solid; color: #576E4B; font-size: 20px; font-weight: normal; margin: 5px; }

.contents_contactus .box_text3 .form input:hover,
.contents_contactus .box_text3 .form input:focus { border-radius: 2px; outline: none; color: #EFCF76; transition: all 0.5s; }
.contents_contactus .box_text3 .form .input_button { display: flex; align-items: center; background-color: #576E4B; width: 218px; height:218px; border-radius: 4px; color: #fff; font-size: 24px; font-weight: bold; margin: 5px; border: 0; }
.contents_contactus .box_text3 .form .input_button:hover { background-color: #EFCF76; transition: all 0.3s; cursor: pointer; }
.contents_contactus .box_text3 .form button { border: 0px solid #181818; background-color: transparent; }








/* footer setting */
.go_top { width : 40px; height: 40px; position: fixed; background: #333; color: #fff; right:50px; bottom:50px; line-height: 40px; text-align: center; display: none; cursor: pointer; }

.footer { width: 100%; height: 450px; display: flex; justify-content: center; align-items: center; border-top: 10px solid var( --my-color-1 ); margin-top: 100px; }
/* .footer { width: 100%; height: 450px; display: flex; justify-content: center; align-items: center; border-top: 10px solid var( --my-color-1 ); margin-top: auto; } */

.footer .item { display: flex; flex-direction: row; width: 1200px; height: 70%; justify-content: space-between; align-items: flex-start; padding: 0 30px 0 30px;}
.footer .item .logo_part { align-items: flex-start; }
.footer .item .logo_part .address { font-size: 12px; line-height: 25px; margin:10px 0 10px 0; }
.footer .item .shotcut_part {display: flex;flex-direction: column; align-items: start; }
.footer .copyright { font-size: 14px; }