.blue{color: #0000ff;} 
 .sub_page {min-width: 1350px;background-color: white;overflow-x: hidden;}
 .sub_page .contents {display: fixed;max-width: 1000px;padding-right: 0px;padding-left: 650px;height: 100%;box-sizing: unset;}
 .sub_page .header {position: fixed;padding-left: 80px;padding-top: 80px;}
 .sub_page .header .logo {  font-family: 'HelveticaNeue';font-size: 70px;font-weight: bold;font-stretch: normal;font-style: normal;line-height: 1;letter-spacing: normal; text-transform: uppercase;}
 .sub_page .header .tit_ko {font-family: Pretendard;font-size: 18px;font-weight: 500;font-stretch: normal;font-style: normal;line-height: 1.67;letter-spacing: normal;text-align: left;padding-top: 20px;}  

/**************** about ****************/ 
.about {min-width: 1350px;background-color: white;overflow-x: hidden;}
.about .header {display: flex;}
.about .header .logo {float: left;}
.about .header .about_logo{font-family: 'HelveticaNeue';font-size: 150px;font-weight: bold;font-stretch: normal;font-style: normal;line-height: 0.8;letter-spacing: normal;position: fixed;}
.about .navigation {float: left;width: 70px;padding-left: 27px;padding-top: 80px;padding-bottom: 15px;font-family:'HelveticaNeue';font-size: 1.1em;scroll-behavior: smooth;position: fixed;left: 510px;}
.about .navigation a:active, a:hover {color: #0000ff;text-decoration: underline;}
.about .contents {display: fixed;max-width: 1000px;padding-right: 0px;padding-left: 650px;height: 100%;box-sizing: unset;}
.about #section0 {overflow: hidden;height: auto;}
.about #section1 {overflow: hidden;height: auto;}
.about #section2 {overflow: hidden;height: auto;}
.about .contents_introduction {float: left;max-width: 1500px;padding-top: 50px;margin: 0;}
.about .statement_text {margin-top: 0;margin-bottom: 0;font-size: 110px;font-family: 'HelveticaNeue' ;letter-spacing: -5px; line-height: 1.09;font-weight: bold;letter-spacing: normal;}
.about .workscope_text {margin-top: 60px;margin-bottom: 0;font-size: 40px;font-family: 'HelveticaNeue';letter-spacing: -1px;line-height: 1.5em;word-break: keep-all;font-weight: normal;}
.about .bu {text-decoration: none;border-bottom: 4px solid #000000;padding-bottom:0px;}
.about .contents_description {max-width: 1400px;}
.about .description_text_eng {float: left;width: 45%;min-width: 150px;margin-top: 50px;margin-bottom: 0;margin-right: 50px;font-family: 'HelveticaNeue';font-size: 18px;font-weight: 300;}
.about .description_text_kor {float: left;width: 45%;min-width: 150px;margin-top: 50px;margin-bottom: 0;word-break: keep-all;font-family: "Pretendard";font-size: 18px;font-weight: 300;line-height: 1.5}
.about .divider_text {float: left;padding-bottom: 10px;margin-top: 30px;margin-bottom: 0;font-size: 3em;font-family: 'HelveticaNeue';font-weight: 500;letter-spacing: -2px;line-height: 1.10em;}
.about .contents_contact {float: left;width: 100%;height: 100%;overflow: hidden;flex-flow: column nowrap;padding-top: 0px;}
.about .contact_information {float: left;width: 100%;padding-top: 10px;padding-bottom: 480px;font-size: 1.1em;font-family:'HelveticaNeue';line-height: 1.5;}
.about .copyright {float: left;width: 100%;padding-bottom: 0px;font-size: 1.1em;font-family:'HelveticaNeue';line-height: 1.5;}
.about .blank_gap {float: left;width: 100%;height: 200px;}
.about .blank_link_top{display: none;}

/**************** request ****************/ 
.request {padding-bottom: 110px;}
.request .header {position: fixed;padding-left: 80px;padding-top: 80px;}
.request .header .logo {  font-family: 'HelveticaNeue';font-size: 70px;font-weight: bold;font-stretch: normal;font-style: normal;line-height: 1;letter-spacing: normal; text-transform: uppercase;}
.request .header .tit_ko {font-family: Pretendard;font-size: 18px;font-weight: 500;font-stretch: normal;font-style: normal;line-height: 1.67;letter-spacing: normal;text-align: left;padding-top: 20px;}
.request .contents {max-width: 1060px;padding-top: 80px;padding-right: 0px;padding-left: 630px;height: 100%;box-sizing: unset;font-family: Pretendard;font-size: 16px;font-weight: 300;font-stretch: normal;font-style: normal;line-height: 1;letter-spacing: normal;}
.request .contents .section_line{border: 1px solid #000; margin: 60px 0 25px;}
.request .contents h1.section_tit{font-family: Pretendard;font-size: 18px;font-weight: 500;font-stretch: normal;font-style: normal;line-height: 1;letter-spacing: normal;}
.request .input_title{font-family: Pretendard;font-size: 14px;font-weight: 500;font-stretch: normal;font-style: normal;line-height: 1;letter-spacing: normal;}
.request .section_1 .input_title{padding-top: 15px;}
.request .section_1 .checkbox_wrap{padding-top: 40px;width: 100%;display: flex;flex-wrap: wrap;row-gap: 20px;}
.request .section_1 .checkbox_wrap label{width: 30%;}
.request .section_1 .checkbox_wrap label input{margin-right: 15px;}
.request .sec_02_03_wrap {display: flex;column-gap: 40px;}
.request .section_02,
.request .section_03 {width: 100%;}
.request .section_02 .section_tit,
.request .section_03 .section_tit{margin-bottom: 40px;}
.request .section_02 .input_title,
.request .section_03 .input_title{margin: 35px 0 12px;}
.request .writeBox input[type="text"],
.request .writeBox input[type="email"],
.request .writeBox select{width: 100%;height: 50px;padding-left: 5px;border: solid #dcdcdc 1px;}
/* .request .writeBox input[type="file"]{width: 100%;height: 50px;padding-left: 5px;border: solid #dcdcdc 1px;line-height: 48px} */
.request .fileBox{width: 100%;/*height: 50px;*/position: relative; /*display: flex;*/align-items: center;}
/*
fileBox Class remove 2022-11-17
.request .fileBox input[type="file"]{position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip:rect(0,0,0,0);border: 0}
.request .fileBox label {width: 90px;height: 30px;color: #fff;font-family: Pretendard;font-size: 14px;display: inline-block; vertical-align: middle; cursor: pointer; background-color: #000; border-radius: 15px;position: absolute;right: 10px;top: 10px;line-height: 30px;text-align: center;}
a#resetLink {position: relative;width: 15px;height: 15px;background-color: #a1a1a1;display: inline-table;}
.file_delete_btn{width: 16px;height: 16px;line-height: 0;margin-right: 110px;padding: 0;border: none;position: absolute;right: 0;background-color: #fff;color: #fff;cursor: pointer;background-image: url(/asset/images/icon/delete_file.png);}
.request .fileBox .upload-name {display: inline-block; font-size: inherit;font-family: inherit;line-height: normal;vertical-align: middle; border: 1px solid #dcdcdc;  -webkit-appearance: none;-moz-appearance: none;appearance: none;position: relative;width: 100%; background-color: #fff;padding-left: 10px;font-size: 14px;color: #a1a1a1;width: 100%;height: 50px;}
*/

/* 
.request .writeBox input[type="file"]::file-selector-button {
    
    width: 90px;
    height: 30px;
    background: #000;
    border-radius: 15px;
    cursor: pointer;
    right: 10px;
    color: #fff;
  }
.request .writeBox input[type="file"]::file-selector-button:hover {
    background: #fff;
    color: #000;
  } */

.request .writeBox textarea{width: 100%;height: 220px;resize: none;padding:5px;border: solid #dcdcdc 1px;}
.request .section_agree input {margin-right: 15px;}
.request .section_send{text-align: center;margin-top: -15px;}
.request .section_agree a{text-decoration: underline;color: #0000ff;}
/* .request_send_btn {font-family: Pretendard;font-size: 18px;font-weight: 500;font-stretch: normal;font-style: normal; width: 180px;height: 60px;line-height: 60px;color: #000;border-color: #000;background: #fff;text-align: center;display: inline-block;border-style: solid;border-width: 2px; transition: all 0.7s;position: relative;left: 50%;transform: translateX(-50%);} */
/* .request_send_btn:hover {color:#fff;background: #000; border-color:#fff;} */

.request_send_btn {border: none;font-family: HelveticaNeue;font-size: 50px;font-weight: 500;font-stretch: normal;font-style: normal; width: 180px;height: 60px;line-height: 60px;color: #000; background: #fff;text-align: center;display: inline-block; transition: all 0.7s;position: relative;left: 50%;transform: translateX(-50%);}
.request_send_btn:hover {color:#0000ff;cursor: pointer;}

/* .request input:invalid {border-color: red;} */
form.was-validated input:invalid {
  border-color: red;
}
.request .textLengthWrap {display: flex; justify-content: flex-end; font-size: 12px; color: #949494;}


/**************** portfolio ****************/ 
.portfolio .contents {width: 1000px; max-width: 100%; padding-top: 80px;padding-right: 0px;padding-left: 630px;height: 100%;box-sizing: unset;font-family: Pretendard;font-size: 16px;font-weight: 300;font-stretch: normal;font-style: normal;line-height: 1;letter-spacing: normal;}
.portfolio .item_wrap { padding: unset;}
.portfolio .item {margin-bottom: 60px;}
.portfolio_tit_wrap{font-family: HelveticaNeue;font-weight: bold;font-stretch: normal;font-style: normal;line-height: 0.8;letter-spacing: normal;text-align: left;color:#000;-webkit-text-stroke: 1px #000;display: flex;text-transform: uppercase;position: relative;z-index: 5;}
.portfolio_tit_01 {font-size: 40px;}
.portfolio_tit_02 {font-size: 18px;padding-left: 16px;}
.portfolio .item:hover .portfolio_tit_wrap{-webkit-text-stroke: 1px #000;color: #fff;} 
.portfolio_img_wrap {z-index: 3;position: fixed;display: none;}
.portfolio_img {max-width: max-content;} 
/* .portfolio .item:hover .portfolio_img {display: block;}  */


/**************** diary ****************/ 

.diary{width: 100vw;height: 100vh;}






@media ( max-width: 1350px ) {

    /**************** about ****************/
    .about {min-width: 700px;background-color: white;}
    .about .header {background-color: #ffffff;width: 900px;padding-bottom: 20px;}
    .about .statement_text {padding-top: 60px;}
    .about .contents {float: left;display: inline-block;max-width: 700px;padding-right: 50px;padding-left: 50px;height: 100%;overflow: hidden;}
    .about .contents_introduction {max-width: 700px;padding-top: 200px;}
    .about .contents_people {float: left;max-width: 700px;overflow: hidden;flex-flow: column nowrap;padding-top: 0px;}
    .about .divider_text {padding-top: 200px;}
    .about .copyright {padding-top: 0px;}
    .about .people_desc_jk_text {letter-spacing: -0.5px;}


    /**************** request ****************/
    .request {min-width: 700px;background-color: white;}
    .request .header {background-color: #ffffff;width: 900px;padding-bottom: 20px; position: relative;}
    .request .contents {float: left;display: inline-block;max-width: 700px;padding-right: 50px;padding-left: 80px;height: 100%;overflow: hidden;}
    .request .section_1 .checkbox_wrap label {width: 100%;}
    .request .sec_02_03_wrap {display: block;}
    .request .section_03 {padding-top: 100px;}

    /**************** portfolio ****************/ 
    .portfolio { background-color: white;}
    .portfolio .header {background-color: #ffffff; padding-bottom: 20px; position: relative;}
    .portfolio .contents {display: inline-block; padding-right: 50px;padding-left: 80px;height: 100%;overflow: hidden;width: 100%;max-width: 100%;}
    .portfolio .item_wrap { padding: unset;}
    .portfolio .item {margin-bottom: 4.5vw;}
    .portfolio_tit_01 {font-size: 3.2vw;}
    .portfolio_tit_02 {font-size: 2vw;padding-left: 10px;}

}

@media ( max-width: 800px ) { 

    /**************** about ****************/
    .about {min-width: 100%;display: inline-table;}
    .sub_page.about .header {position: inherit;display: block;width: 100%;padding: 0;}
    .about .header .logo {float: none;padding: 120px 0 0;}
    .about .header .about_logo{font-size: 32.25vw;text-align: center;position: inherit;}
    .about .jbMenu.navigation {text-align: left;background-color: white;width: 100%;font-size: 4.5vw;letter-spacing: -2px;padding: 5.625vw 0 10px 5vw;float: inherit;letter-spacing: -1px;position: initial;padding-top: 70px;}
    .about .jbMenu.navigation.jbFixed {position: sticky;top: 0px;left: 0px;}
    .about .contents {float: left;display: inline-block;max-width: 100%;height: 100%;overflow: hidden;padding: 0;padding-left: 5vw;}
    .about .contents_introduction {float: left;width: 100%;margin: 0;padding: 0;}
    .about .statement_text {margin-top: 0;margin-bottom: 0;font-size: 12.75vw;font-weight: bold;font-stretch: normal;font-style: normal;line-height: 1.09;letter-spacing: normal;text-align: left;padding-top: 32vw;}
    .about .workscope_text {margin-top: 8.125vw;margin-bottom: 0;font-size: 6.25vw; font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.6;letter-spacing: normal;}
    .about .bu {text-decoration: none;border-bottom: 2px solid #000000;padding-bottom:0px;}
    .about .contents_description {float: left;width: 100%;margin: 0;}
    .about .description_text_eng {float: left;width: 100%;margin-bottom: 0; padding-right: 5vw;font-size: 4.5vw;line-height: 1.28; }
    .about .description_text_kor {float: left;width: 100%;margin-top: 10.625vw;margin-bottom: 0;padding-right: 50px; font-size: 4.25vw;line-height: 1.47; font-weight: 300;}
    .about .divider_text {padding-top: 33.75vw;font-size: 7.5vw;font-weight: 500;font-stretch: normal;font-style: normal;line-height: 1;letter-spacing: normal;}
    .about .sectional {float: left;max-height: 250px;padding-bottom: 40px;}
    .about .randomordercontent group1 {display: inline-block;padding-bottom: 30px;}
    .about .jsclass body .randomordercontent{display: inline-block;}
    .about .contents_contact {float: inherit;width: 100%;overflow: hidden;flex-flow: column nowrap; }
    .about .contact_map {float: left;display: block;}
    .about .contact_information {float: left;width: 100%; padding-bottom: 80px;padding-right: 5vw;margin: 0;font-size: 4.25vw;font-weight: 300;font-stretch: normal;font-style: normal;line-height: 1.35;letter-spacing: normal;}
    .about .contact_text {float: left;width: 100%;margin-top: 50px;margin-bottom: 0;font-size: 45px;line-height: 1.50;}
    .about .copyright {float: left;width: 100%;padding-top: 0px;padding-bottom: 50px;margin: 0;font-size: 3em;line-height: 1.5;}
    .about .blank_link_top {float: left;width: 100%; }
    .about .blank_link {float: left;width: 100%;height: 200px;}
    .about .blank_gap {display: none;}
    .about .blank_gap_top {float: left;background-color: white;width: 100%;height: 50px;}


    /**************** reqeust ****************/
    .request {min-width: 100%;display: inline-table;}
    .request .header{padding: 120px 0 0 5vw;width: 100%;}
    .request .header .logo {font-size: 9vw;position: inherit;}
    .request .header .tit_ko{font-size: 3.75vw;padding-top: 3.38vw;padding-bottom: 18.75vw;}
    .request .contents {float: left;display: inline-block;max-width: 100%;height: 100%;overflow: hidden;padding: 0;padding-left: 5vw;padding-right: 5vw;font-size: 3.75vw;}
    .request .contents .section_line { margin: 5.63vw 0;}
    .request .section_1,
    .request .sec_02_03_wrap{padding-bottom: 40px;}
    .request .input_title{font-size: 3.25vw;}
    .request .section_1 .input_title{padding-top: 2vw;} 
    .request .section_1 .checkbox_wrap {padding-top: 5.50vw; font-size: 3.25vw;row-gap: 16px;}
    .request .section_02 .section_tit, 
    .request .section_03 .section_tit {margin-bottom: 5vw;}
    .request .section_02 .input_title, 
    .request .section_03 .input_title {margin: 4.25vw 0 1.55vw;line-height: 1.38;}
    .request .contents h1.section_tit{font-size: 3.75vw;}
    .request .writeBox input[type="text"], 
    .request .writeBox select {width: 100%;height: 10vw;padding-left: 5px;}
    .request .section_03 {padding-top: 11.5vw;}
    .request .section_send{padding-top: 20vw;text-align: unset;}
    .request_send_btn{width: auto;height: 6vw;line-height: calc(12.5vw - 2px);font-size: 6vw;}

    /**************** portfolio ****************/ 
    .portfolio {min-width: 100%;}
    .portfolio .header{padding: 90px 0 0 5vw;width: 100%;position: fixed; z-index: 7; background-color: transparent;mix-blend-mode: difference !important;}
    .portfolio .header .logo {font-size: 45px;position: inherit; color: #111; filter: invert(1);}
    .portfolio .header .tit_ko{font-size: 18px;padding: 70px 0; color: #111; filter: invert(1);}
    .portfolio .contents {max-width: 100%;height: 100%;overflow: hidden;padding: 0;font-size: 3.75vw;}
    .portfolio .item_wrap { padding: 260px 5vw 0 5vw;}
    .portfolio .item {margin-bottom: 10.5vw;}
    .portfolio_tit_01 {font-size: 4.5vw; transition: ease 0.1s;line-height: 1.25; letter-spacing: 0.8px;}
    .portfolio_tit_02 {font-size: 2.25vw;padding-left: 10px;    transition: ease 0.1s; vertical-align: text-top;}
    .portfolio .item.target_item .portfolio_tit_wrap{-webkit-text-stroke: 1px #000;color: #fff;} 
    .portfolio .item.target_item .portfolio_tit_01{font-size: 5vw;} 
    .portfolio .item.target_item .portfolio_tit_02{font-size: 2.8vw;} 
    .portfolio_img_wrap {padding-right: 5vw; position: absolute;}
    .portfolio_img { max-width: 100%; }
    
     


}