@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR&display=swap');
@font-face {
    font-family: 'NEXON Lv2 Gothic';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv2 Gothic.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
body{
    font-family: 'NEXON Lv2 Gothic';
}


/*
font-family: 'Noto Sans KR', sans-serif;
color : #86789F, #665085, #573C81
*/

/* reset */
*{margin: 0; padding: 0;}
ul,ol,li{list-style: none;}
a{text-decoration: none;}
img{border: none; display: block;}
video{border: none; display: block;}
address, em{font-style: normal;}
button{border:none; box-shadow:none; background: inherit ;}

body, section, header, footer, div, aside, nav, ul, ol, li, h1, h2, h3, h4, h5, h6, p, a, tr, td, th, article{font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight: 400; font-size: 18px; line-height: 160%; color: #2A2A2A;}

/* common */
.bold_text{font-weight: bold;}
.reser_mobile{display: none;}
.inst_mobile{display: none;}
.br_mobile{display: none;}
.bold_mobile{font-weight: 400;}
#header{background: rgba(255, 255, 255, 0.9);}
#m_header{background: rgba(255, 255, 255, 0.9);}
/*------------------------------------------------------------*/
.board_reservation_detail .top {
  display: flex;
  align-items: center;
  height: 50px;
  background-color: #f5f5f5;
  border-top: 1px solid #dedede;
  border-bottom: 1px solid #dedede;
  padding: 15px 40px;
}

.board_reservation_detail .top {
  display: flex;
  align-items: center;
  height: 50px;
  background-color: #f5f5f5;
  border-top: 1px solid #dedede;
  border-bottom: 1px solid #dedede;
  padding: 15px 40px;
}

.board_reservation_detail .top span {
  font-size: 14px;
  color: #777777;
  margin-right: 15px;
}

.board_reservation_detail .top p {
  font-size: 16px;
  line-height: 29px;
  letter-spacing: -0.06em;
  color: #222222;
  margin-right: auto;
}

.board_reservation_detail .bottom {
  padding: 30px 40px;
  border-bottom: 1px solid #dedede;
  min-height: 200px;
  font-size: 15px;
  line-height: 26px;
  letter-spacing: -0.08px;
  white-space: pre-line;
}

.board_reservation_detail .bottom2 {
  padding: 30px 40px;
  min-height: 200px;
  font-size: 15px;
  line-height: 26px;
  letter-spacing: -0.08px;
  white-space: pre-line;
}

.board_reservation_detail .bottom_textarea{
  width: 90%;
  padding: 30px 5%;
  border: 1px solid #dedede;
  min-height: 200px;
  font-size: 15px;
  line-height: 26px;
  letter-spacing: -0.08px;
  
}


.board_reservation_detail .bottom_textarea2{
  width: 100%;
  padding: 30px 40px;
  border: 1px solid #dedede;
  min-height: 200px;
  font-size: 15px;
  line-height: 26px;
  letter-spacing: -0.08px;
  display: none;
}

.board_reservation_detail .wrap_action {
  display: flex;
  justify-content: flex-end;
  margin-top: 10px;
}

.board_reservation_detail .top2 {
  margin-top: 10px;
  font-weight: bold;
}

.board_reservation_detail .bottom2 {
  padding: 30px 40px;
  border-bottom: 1px solid #dedede;
  min-height: 200px;
  font-size: 15px;
  line-height: 26px;
  letter-spacing: -0.08px;
}


.board_reservation_detail .top2 {
  display: flex;
  align-items: center;
  height: 50px;
  background-color: #f5f5f5;
  border-top: 1px solid #dedede;
  border-bottom: 1px solid #dedede;
  padding: 15px 40px;
  margin-top: 20px;
}

.board_reservation_detail .top2 span {
  font-size: 14px;
  color: #777777;
  margin-right: 15px;
}

.board_reservation_detail .top2 p {
  font-size: 16px;
  line-height: 29px;
  letter-spacing: -0.06em;
  color: #222222;
  margin-right: auto;
}

.board_reservation_detail .wrap_action2 {
  display: flex;
  justify-content: flex-end;
  margin-top: 10px;
}

.board_reservation_detail .wrap_action > *{
  margin-left: 10px;
}

.board_reservation_detail .wrap_action2 > *{
  margin-left: 10px;
}

.board_reservation_detail :is(.question_modify_cancel,.question_modify_complete,.answer_modify_cancel,.answer_modify_complete){
  display: none;
}

.wrap_action_add{
  text-align: right;
  margin-top: 30px;
}


.box_attach>.existfilename{font-weight: 400; font-size: 14px; line-height: 160%;}

#Viewreview .comment_bottom .comment_change{ display: none;}
#Viewreview .comments_common.edit .comment_bottom .comment_change{ display: flex;}
#Viewreview .comments_common.edit .comment_bottom .basics_text{ display: none;}
#Viewreview .comments_common.write .comment_bottom .comment_change{ display: none;}
#Viewreview .comments_common.write .comment_bottom .basics_text{ display: block;}
#Reservdetail .bottom_textarea{display: none;}
#Reservdetail .bottom_textarea.edit{display: block;}
#Reservdetail .bottom_textarea.write{display: none;}
/* ------------- PC -------------- */
@media screen and (min-width:1201px){

    /*Institute*/
    #Institute{position: relative; width: 100%; padding: 10% 0; display: flex; flex-direction: column; justify-content: center; align-items: center;}
    #Institute>h2{font-weight: 700; font-size: 62px; line-height: 90px; letter-spacing: -0.01em; color: #272430; margin-bottom: 3%;}
    #Institute>h3{font-family: 'NEXON Lv2 Gothic';font-size: 24px; line-height: 27px; color: #8A8A8A; margin-bottom: 5%;}
    #Institute>img{width: 225px; height: 203px; object-fit: contain; margin-bottom: 7%;}
    #Institute>div{display: flex; flex-direction: column; justify-content: center; align-items: baseline;}
    #Institute>div>h4{font-size: 34px; line-height: 49px; color: #272430; margin-bottom: 4%;}
    #Institute>div>h4>span{color: #281153; font-weight: 700;}
    #Institute>div>p{width: 923px; font-weight: 300; font-size: 18px; line-height: 180%; letter-spacing: -0.02em; color: #272430;}

    /*Researcher*/
    #Researcher{position: relative; width: 100%; padding: 10% 0; display: flex; flex-direction: column; justify-content: center; align-items: center;}
    #Researcher>h2{font-weight: 500; font-size: 42px; line-height: 61px; text-align: center; color: #272430; margin-bottom: 7%;}
    #Researcher>ul{width: 60%; display: flex; flex-direction: column; justify-content: center; align-items: center;}
    #Researcher>ul>li{width: 100%; margin-bottom: 10%;}
    #Researcher>ul>li:last-child{margin-bottom: 0;}
    #Researcher>ul>li>div:nth-child(1){height: 80px; padding-left: 2%; margin-bottom: 5%; display: flex; align-items: center; justify-content: baseline; border-bottom: 1px solid #A7A7A7;;}
    #Researcher>ul>li>div:nth-child(1)>img{width: 28.85px; height: 25.96px; object-fit: contain; margin-right: 3%;}
    #Researcher>ul>li>div:nth-child(1)>h3{font-family: 'NEXON Lv2 Gothic'; font-weight: 300; font-size: 32px; line-height: 36px; color: #281153;}
    #Researcher>ul>li>div:nth-child(1)>h3>span{font-weight: 700;}
    #Researcher>ul>li>div:nth-child(3){width: 90%; padding-left: 6%; display: flex;  justify-content: space-between;}
    #Researcher>ul>li>div:nth-child(3)>img{width: 208px; height: 270px; background: #D9D9D9; border-radius: 10px; margin-right: 3%;}
    #Researcher>ul>li>div:nth-child(3)>p{width: 40%; font-family: 'NEXON Lv2 Gothic'; font-weight: 300; font-size: 20px; line-height: 180%; letter-spacing: -0.02em; color: #272430;}
    #Researcher>ul>li>div:nth-child(3)>p>span{font-weight: 700;}
    
    /*Brain*/
    #Brain{position: relative; width: 100%; padding: 10% 0; display: flex; flex-direction: column; justify-content: center; align-items: center;}
    #Brain>h2{font-weight: 500; font-size: 42px; line-height: 61px; text-align: center; color: #272430; margin-bottom: 3%;}
    #Brain>.brain_one{position: relative; width: 60%; margin-bottom: 5%; display: flex; justify-content: center; align-items: center;}
    #Brain>.brain_one>img{position: absolute; left: -7%; width: 114.27px; height: 102.85px; object-fit: contain; z-index: 998;}
    #Brain>.brain_one>div{width: 100%; padding: 2% 10%; background: #ECEBF1; border-radius: 10px; display: flex; flex-direction: column; justify-content: center; align-items: center;}
    #Brain>.brain_one>div>p{width: 85%; line-height: 180%; letter-spacing: -0.005em; color: #272430;}
    #Brain>.brain_one>div>p>span{font-weight: 700;}
    #Brain>.brain_two{width: 70%; position: relative; display: flex; justify-content: center; align-items: center; }
    #Brain>.brain_two>div:nth-child(1){width: 100%; background: #FFFFFF; border: 1px solid #A7A7A7; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); display: flex; flex-direction: column; justify-content: center; align-items: center; z-index: 998;}
    #Brain>.brain_two>div:nth-child(1)>img{width: 80%; margin: 5% 1%;}
    #Brain>.brain_two>div:nth-child(2){position: absolute; left: 3%; top: 6%; width: 100%; height: 100%; background: #ECEBF1;}

    img.infinite_rotating_logo{
        animation: rotate_image 10s linear infinite;
        transform-origin: 50% 50%;
    }
     
    @keyframes rotate_image{
        100% {
            transform: rotate(360deg);
        }
    }

    /*Maps*/
    #Tabs{position: relative; width: 100%; padding: 10% 0; display: flex; flex-direction: column; justify-content: center; align-items: center;}
    #Tabs>div{width: 70%; display: flex; align-items: center;  margin-bottom: 5%; position: relative;}
    #Tabs>div>.tabs_title{width: 100%; height: 62px; background: #EFEFEE; display: flex; align-items: center; justify-content: space-between; border-top-left-radius: 30px; border-top-right-radius: 30px; border-bottom-left-radius: 30px; border-bottom-right-radius: 30px;}
    #Tabs>div>.tabs_title>li{width: 33.33%; height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; cursor: pointer;}
    #Tabs>div>.tabs_title>li:first-child{border-top-left-radius: 30px; border-bottom-left-radius: 30px;}
    #Tabs>div>.tabs_title>li:last-child{border-top-right-radius: 30px; border-bottom-right-radius: 30px;}
    #Tabs>div>.tabs_title>li>h2{font-family: 'NEXON Lv2 Gothic'; font-style: normal; font-weight: 700; font-size: 20px; line-height: 23px; text-align: center;}
    #Tabs>div>.line{position: absolute; width: 0px; height: 34px; border: 1.5px solid #C7C7C7;}
    #Tabs>div>.line_one{left: 33.33%;}
    #Tabs>div>.line_two{right: 33.33%;}
    .title_not_select{background: #EFEFEF;}
    .title_select{background: #281153;}
    .title_text_not_select{color: #A7A7A7;}
    .title_text_select{color: #FFFFFF;}

    #Tabs>.tabs_list{width: 70%;}
    #Tabs>.tabs_list>li{width: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center;}
    #Tabs>.tabs_list>.maps{width: 100%; display: flex; justify-content: center; align-items: center;}
    #Tabs>.tabs_list>li>h2{font-family: 'Noto Sans KR'; font-style: normal; font-weight: 500; font-size: 42px; line-height: 61px; color: #272430; text-align: center; margin-bottom: 8%;}
    #Tabs>.tabs_list>.maps>.maps_one{width: 100%; display: flex; justify-content: center; align-items: center; margin-bottom: 5%;}
    #Tabs>.tabs_list>.maps>.maps_one>img{position: absolute; left: 13%; width: 114.27px; height: 102.85px; object-fit: contain;}
    #Tabs>.tabs_list>.maps>.maps_one>div{width: 80%; padding: 2% 5%; padding-left: 8%; background: #ECEBF1; border-radius: 10px;}
    #Tabs>.tabs_list>.maps>.maps_two{width: 100%; position: relative;  display: flex; justify-content: center; align-items: center; margin-bottom: 10%;}
    #Tabs>.tabs_list>.maps>.maps_two>div:nth-child(1){width: 100%; background: #FFFFFF; border: 1px solid #A7A7A7; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); display: flex; flex-direction: column; justify-content: center; align-items: center; z-index: 998;}
    #Tabs>.tabs_list>.maps>.maps_two>div:nth-child(1)>img{width: 85%; margin: 5% 1%;}
    #Tabs>.tabs_list>.maps>.maps_two>div:nth-child(2){position: absolute; left: 3%; top: 6%; width: 100%; height: 100%; background: #ECEBF1;}
    #Tabs>.tabs_list>.maps>.maps_three{width: 100%; background: #FFFFFF; border: 1px solid #A7A7A7; display: flex; justify-content: center; align-items: center;}
    #Tabs>.tabs_list>.maps>.maps_three>p{font-family: 'NEXON Lv2 Gothic'; font-style: normal; font-weight: 400; font-size: 20px; line-height: 180%; letter-spacing: -0.04em; color: #272430; margin: 6% 4%;}
    
    #Tabs>.tabs_list>.typea>.typea_one{width: 100%; display: flex; flex-direction: column; justify-content: center; align-items: baseline; margin-bottom: 5%;}
    #Tabs>.tabs_list>.typea h3{font-weight: 700; font-size: 28px; line-height: 150%; letter-spacing: -0.005em; color: #272430; margin-bottom: 4%;}
    #Tabs>.tabs_list>.typea>.typea_one>p{font-size: 20px; line-height: 180%; letter-spacing: -0.03em; color: #3A3A3A;}
    #Tabs>.tabs_list>.typea>.typea_two{width: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; margin-bottom: 7%;}
    #Tabs>.tabs_list>.typea>.typea_two>img{width: 100%;}
    #Tabs>.tabs_list>.typea>.typea_three>ol>li:first-child{margin-bottom: 5%;}
    #Tabs>.tabs_list>.typea>.typea_three>ol>li>div:nth-child(1){display: flex; align-items: center; margin-bottom: 2%;}
    #Tabs>.tabs_list>.typea>.typea_three>ol>li>div:nth-child(1)>img{width: 49px; height: 49px; object-fit: contain; margin-right: 1%;}
    #Tabs>.tabs_list>.typea>.typea_three>ol>li>div:nth-child(1)>h4{font-weight: 700; font-size: 24px; line-height: 180%; letter-spacing: -0.03em; color: #423676;}
    #Tabs>.tabs_list>.typea>.typea_three>ol>li>div:nth-child(2){width: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center;}
    #Tabs>.tabs_list>.typea>.typea_three>ol>li>div:nth-child(2)>p{width: 85%; font-weight: 400; font-size: 20px; line-height: 180%; letter-spacing: 0.005em; color: #3A3A3A; }

    #Tabs>.tabs_list>.typeb{width: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center;}
    #Tabs>.tabs_list>.typeb>.typeb_one{width: 100%; display: flex; flex-direction: column; justify-content: center; align-items: baseline; margin-bottom: 5%;}
    #Tabs>.tabs_list>.typeb h3{font-weight: 700; font-size: 28px; line-height: 150%; letter-spacing: -0.005em; color: #423676; margin-bottom: 2%;}
    #Tabs>.tabs_list>.typeb>.typeb_one>p{font-weight: 400; font-size: 20px; line-height: 180%; letter-spacing: -0.03em; color: #3A3A3A; }
    #Tabs>.tabs_list>.typeb>.typeb_two{width: 100%; position: relative;  display: flex; justify-content: center; align-items: center; margin-bottom: 10%;}
    #Tabs>.tabs_list>.typeb>.typeb_two>div:nth-child(1){width: 100%; background: #FFFFFF; border: 1px solid #A7A7A7; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); display: flex; flex-direction: column; justify-content: center; align-items: center; z-index: 998;}
    #Tabs>.tabs_list>.typeb>.typeb_two>div:nth-child(1)>img{width: 60%; margin: 5% 1%;}
    #Tabs>.tabs_list>.typeb>.typeb_two>div:nth-child(2){position: absolute; left: 3%; top: 6%; width: 100%; height: 100%; background: #ECEBF1;}
    #Tabs>.tabs_list>.typeb>.typeb_three>p{font-weight: 400; font-size: 20px; line-height: 180%; letter-spacing: 0.005em; color: #3A3A3A;}

    /*Instruction*/
    #Instruction{position: relative; width: 100%; padding: 10% 0; display: flex; flex-direction: column; justify-content: center; align-items: center;}
    #Instruction>h2{font-weight: 500; font-size: 38px; line-height: 55px; text-align: center; color: #272430; margin-bottom: 4%;}
    #Instruction>ul{width: 60%;}
    #Instruction>ul>li{display: flex; flex-direction: column; justify-content: center; align-items: baseline; margin-bottom: 5%;}
    #Instruction>ul>li:last-child{margin-bottom: 0;}
    #Instruction>ul>li>h3{font-weight: 700; font-size: 26px; line-height: 38px; text-align: center; color: #423676; margin-bottom: 1%;}
    #Instruction>ul>li>.dash{width: 100%; height: 0; border: 1px dashed #777777; margin-bottom: 2%;}
    #Instruction>ul>li>p{font-weight: 400; font-size: 22px; line-height: 32px; color: #575757; margin-bottom: 2%;}
    #Instruction>ul>li>.box{width: 100%; position: relative;  display: flex; justify-content: center; align-items: center; margin-bottom: 2%;}
    #Instruction>ul>li>.box>.box_front{width: 100%; background: #FFFFFF; border: 1px solid #EDEDED; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); z-index: 998;}
    #Instruction>ul>li>.box>.box_front>p{font-weight: 500; font-size: 22px; line-height: 32px; color: #3A3A3A; margin: 3% 8%;}
    #Instruction>ul>li>.box>.box_back{position: absolute; left: 2%; top: 15%; width: 100%; height: 100%; background: #ECEBF1;}
    #Instruction>ul>li:nth-child(2)>.box{margin-bottom: 4%;}
    #Instruction>ul>li:nth-child(2)>ul{list-style: disc; width: 100%;}
    #Instruction>ul>li:nth-child(2)>ul>li{margin-left: 3%; font-weight: 400; font-size: 20px; line-height: 29px; color: #777777;}
    #Instruction>ul>li:nth-child(3)>div{width: 100%;}
    #Instruction>ul>li:nth-child(3)>div>img{width: 100%;}
    #Instruction>ul>li:nth-child(4)>ul{display: flex; justify-content: space-between; align-items: center;}
    #Instruction>ul>li:nth-child(4)>ul>li{width: 32%; height: 480px; background: #FFFFFF; border: 1px solid #A7A7A7; border-radius: 10px;}
    #Instruction>ul>li:nth-child(4)>ul>li>img{width: 100%;}
    #Instruction>ul>li:nth-child(4)>ul>li>div{padding: 3% 5%; padding-top: 10%;}
    #Instruction>ul>li:nth-child(4)>ul>li>div>h4{height: 100px; font-weight: 500; font-size: 22px; line-height: 32px; color: #281153; margin-bottom: 3%;}
    #Instruction>ul>li:nth-child(4)>ul>li>div>p{ font-weight: 400; font-size: 18px; line-height: 160%; color: #777777;}
  
    /*Notices*/
    #Notices{position: relative; width: 100%; padding: 10% 0; display: flex; flex-direction: column; justify-content: center; align-items: center;}
    #Notices>h2{font-weight: 500; font-size: 38px; line-height: 55px; text-align: center; color: #272430; margin-bottom: 3%;}
    #Notices>ul{width: 60%; margin-bottom: 3%;}
    #Notices>ul>li{padding: 2% 1%; display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #EAEAEA;}
    #Notices>ul>li>h3{width: 85%;}
    #Notices>ul>li>h3>a{font-family: 'NEXON Lv2 Gothic'; font-style: normal; font-weight: 400; font-size: 20px; line-height: 160%; color: #272430;}
    #Notices>ul>li>p{width: 20%; text-align: end; font-family: 'NEXON Lv2 Gothic'; font-style: normal; font-weight: 400; font-size: 14px; line-height: 160%; color: #A5A3A9;}
    #Notices>ul>li>.impor_notice{width: 48px; height: 25px; display: flex; flex-direction: column; justify-content: center; align-items: center; background: #500E85; border-radius: 25px; margin-right: 30px;}
    #Notices>ul>li>.impor_notice>p{font-weight: 500; font-size: 14px; line-height: 25px; color: #FFFFFF;}


    /*Viewnotices*/
    #Viewnotices{position: relative; width: 100%; padding: 10% 0; display: flex; flex-direction: column; justify-content: center; align-items: center;}
    #Viewnotices>h2{font-weight: 500; font-size: 38px; line-height: 55px; text-align: center; color: #272430; margin-bottom: 3%;}
    #Viewnotices>.view_one{width: 50%; margin-bottom: 3%;}
    #Viewnotices>.view_one>div:nth-child(1){height: 40px; display: flex; flex-direction: column; align-items: center; justify-content: center; border-bottom: 1px solid #EAEAEA;}
    #Viewnotices>.view_one>div:nth-child(1)>div{width: 95%; display: flex; justify-content: space-between;}
    #Viewnotices>.view_one>div:nth-child(1)>div>h3{width: 70%; font-weight: 400; font-size: 20px; line-height: 160%; color: #272430;}
    #Viewnotices>.view_one>div:nth-child(1)>div>p{width: 30%; font-weight: 400; font-size: 14px; line-height: 160%; color: #A5A3A9; text-align: right;}
    #Viewnotices>.view_one>div:nth-child(2){padding: 2% 5%; border-bottom: 1px solid #EAEAEA;}
    #Viewnotices>button{width: 146px; height: 40px; background: #E6E6E6; border-radius: 120px;}
    #Viewnotices>button>a{font-weight: 400; font-size: 14px; line-height: 20px; color: #A5A5A5;}

    /*Review*/
    #Review{position: relative; width: 100%; padding: 10% 0; display: flex; flex-direction: column; justify-content: center; align-items: center;}
    #Review>h2{font-weight: 500; font-size: 38px; line-height: 55px; text-align: center; color: #272430; margin-bottom: 5%;}
    #Review>.review_list{width: 60%; height: 40%; margin-bottom: 4%;}
    #Review>.review_list>ol>li{width: 100%; padding: 3% 0; border-bottom: 1px solid #EAEAEA; display: flex; justify-content: center; align-items: center;}
    #Review>.review_list>ol>li>div{width: 90%;  display: flex; align-items: center;}
    #Review>.review_list>ol>li>div>.review_number{width: 5%; font-weight: 400; font-size: 16px; line-height: 160%; color: #68666D;}
    #Review>.review_list>ol>li>div>.review_title{width: 80%;}
    #Review>.review_list>ol>li>div>.review_title>a{font-weight: 400; font-size: 16px; line-height: 160%; color: #272430; overflow: hidden; text-overflow: ellipsis; box-sizing: border-box;} 
    #Review>.review_list>ol>li>div>.review_date{width: 15%; font-weight: 400; font-size: 14px; line-height: 160%; color: #A5A3A9;}
    #Review>button{width: 133px; height: 40px; background: #222222; border-radius: 120px; margin-bottom: 5%;}
    #Review>button>a{font-weight: 400; font-size: 14px; line-height: 20px; color: #FFFFFF;}

    /*Viewreview*/
    #Viewreview{position: relative; width: 100%; padding: 10% 0; display: flex; flex-direction: column; justify-content: center; align-items: center;}
    #Viewreview>h2{font-weight: 500; font-size: 38px; line-height: 55px; text-align: center; color: #272430; margin-bottom: 3%;}
    #Viewreview>.view_one{width: 50%;}
    #Viewreview>.view_one>div:nth-child(1){height: 40px; display: flex; flex-direction: column; align-items: center; justify-content: center; border-bottom: 1px solid #EAEAEA;}
    #Viewreview>.view_one>div:nth-child(1)>div{width: 95%; display: flex; justify-content: space-between;}
    #Viewreview>.view_one>div:nth-child(1)>div>h3{width: 80%; font-weight: 400; font-size: 20px; line-height: 160%; color: #272430;}
    #Viewreview>.view_one>div:nth-child(1)>div>p{width: 20%; text-align: right; font-weight: 400; font-size: 14px; line-height: 160%; color: #A5A3A9;}
    #Viewreview>.view_one>div:nth-child(2){padding: 2% 5%; border-bottom: 1px solid #EAEAEA;}
    
    #Viewreview>.view_two{width: 50%; margin-bottom: 2%;}
    #Viewreview>.view_two>.comments>div:nth-child(1){padding: 2% 5%; display: flex; flex-direction: column; justify-content: center; align-items: center; border-bottom: 1px solid #EAEAEA;}
    #Viewreview>.view_two>.comments>div>div{ width: 100%; }
    #Viewreview>.view_two>.comments>div>div:nth-child(1){display: flex; justify-content: space-between; align-items: center; margin-bottom: 1%;}
    #Viewreview>.view_two>.comments>div>div:nth-child(1)>div:nth-child(1){width: 80%; display: flex; align-items: center;}
    #Viewreview>.view_two>.comments>div>div:nth-child(1)>div:nth-child(1)>.comment_name{font-weight: 400; font-size: 14px; line-height: 160%; color: #272430; margin-right: 2%;}
    #Viewreview>.view_two>.comments>div>div:nth-child(1)>div:nth-child(1)>.comment_icons{display: flex;}
    #Viewreview>.view_two>.comments>div>div:nth-child(1)>div:nth-child(1)>.comment_icons>img{width: 18px; height: 15px; object-fit: contain; margin-right: 15%; cursor: pointer;}
    #Viewreview>.view_two>.comments>div>div:nth-child(1)>div:nth-child(1)>.comment_icons>img:last-child{margin-right: 0;}
    #Viewreview>.view_two>.comments>div>div:nth-child(1)>div:nth-child(2){width: 20%;}
    #Viewreview>.view_two>.comments>div>div:nth-child(1)>div:nth-child(2)>.comment_date{text-align: right; font-weight: 400; font-size: 12px; line-height: 160%; text-align: right; color: #A5A3A9;}
    #Viewreview>.view_two>.comments>div>div:nth-child(2)>p{font-weight: 400; font-size: 14px; line-height: 180%; color: #3A3A3A;}

    #Viewreview>.view_two>.sub_comments{padding-top: 2%; padding-bottom: 2%; padding-right: 5%; display: flex; border-bottom: 1px solid #EAEAEA;}
    #Viewreview>.view_two>.sub_comments>div:nth-child(1){width: 2%; display: flex; flex-direction: column; justify-content: baseline;}
    #Viewreview>.view_two>.sub_comments>div:nth-child(1)>img{width: 9px; height: 9px; object-fit: contain;}
    #Viewreview>.view_two>.sub_comments>div:nth-child(2){width: 98%; display: flex; flex-direction: column; justify-content: center; align-items: center;}
    #Viewreview>.view_two>.sub_comments>div:nth-child(2)>div{width: 100%;}
    #Viewreview>.view_two>.sub_comments>div:nth-child(2)>div:nth-child(1){display: flex; justify-content: space-between; align-items: center; margin-bottom: 1%;}
    #Viewreview>.view_two>.sub_comments>div:nth-child(2)>div:nth-child(1)>div:nth-child(1){width: 80%; display: flex; align-items: center;}
    #Viewreview>.view_two>.sub_comments>div:nth-child(2)>div:nth-child(1)>div:nth-child(1)>.sub_comment_name{font-weight: 400; font-size: 14px; line-height: 160%; color: #272430; margin-right: 2%;}
    #Viewreview>.view_two>.sub_comments>div:nth-child(2)>div:nth-child(1)>div:nth-child(1)>.sub_comment_icons{display: flex;}
    #Viewreview>.view_two>.sub_comments>div:nth-child(2)>div:nth-child(1)>div:nth-child(1)>.sub_comment_icons>img{width: 18px; height: 15px; object-fit: contain; margin-right: 15%; cursor: pointer;}
    #Viewreview>.view_two>.sub_comments>div:nth-child(2)>div:nth-child(1)>div:nth-child(1)>.sub_comment_icons>img:last-child{margin-right: 0;}
    #Viewreview>.view_two>.sub_comments>div:nth-child(2)>div:nth-child(1)>div:nth-child(2){width: 20%;}
    #Viewreview>.view_two>.sub_comments>div:nth-child(2)>div:nth-child(1)>div:nth-child(2)>.sub_comment_date{text-align: right; font-weight: 400; font-size: 12px; line-height: 160%; text-align: right; color: #A5A3A9;}
    #Viewreview>.view_two>.sub_comments>div:nth-child(2)>div:nth-child(2)>p{font-weight: 400; font-size: 14px; line-height: 180%; color: #3A3A3A;}
    .sub_comments_one{padding-left: 5%;}
    .sub_comments_two{padding-left: 7%;}
    .sub_comments_three{padding-left: 9%;}
    #Viewreview>.view_two>.comments>div>div:nth-child(1)>div:nth-child(1)>.member_icons{display: none;}
    #Viewreview>.view_two>.sub_comments>div:nth-child(2)>div:nth-child(1)>div:nth-child(1)>.member_icons{display: none;}

    #Viewreview>.view_three{width: 100%;  display: flex; flex-direction: column; justify-content: center; align-items: center; margin-bottom: 4%;}
    #Viewreview>.view_three>div{width: 50%; display: flex; justify-content: space-between;}
    #Viewreview>.view_three>div>#comment_text{width: 87%; padding: 2% 5%; border: 1px solid #777777; font-weight: 400; font-size: 14px; line-height: 180%;}
    #Viewreview>.view_three>div>input{width: 12%;  background: #3A3A3A; cursor: pointer; font-weight: 400; font-size: 13px; line-height: 160%; color: #FFFFFF;}

    #Viewreview>.view_four{width: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center;}
    #Viewreview>.view_four>div{display: flex;}
    #Viewreview>.view_four>div>button{background: #E6E6E6; width: 146px; height: 40px; border-radius: 120px; cursor: pointer; margin-right: 4%;}
    #Viewreview>.view_four>div>button>a{box-sizing: border-box; font-weight: 400; font-size: 14px; line-height: 20px; color: #A5A5A5;}
    #Viewreview>.view_four>div>.review_revise{background: #222222;}
    #Viewreview>.view_four>div>.review_revise>a{color: #FFFFFF;}

    #Viewreview .comment_change{display: flex; justify-content: space-between;}
    #Viewreview .comment_change>.comment_change_text{width: 87%; padding: 2% 3%; border: 1px solid #777777; font-weight: 400; font-size: 14px; line-height: 180%;}
    #Viewreview .comment_change>.comment_change_btn{width: 12%;  background: #3A3A3A; cursor: pointer; font-weight: 400; font-size: 13px; line-height: 160%; color: #FFFFFF;}
    #Viewreview .mobile_comment{display: none;}
    
    /*Write & modify*/
    .board_notice_register{position: relative; width: 100%; padding: 10% 0; display: flex; flex-direction: column; justify-content: center; align-items: center;}
    .board_notice_register>.indicator{font-weight: 500; font-size: 38px; line-height: 55px; text-align: center; color: #272430; margin-bottom: 3%;}
    .board_notice_register>form{width: 60%;}
    .board_notice_register>form>.flexbox{width: 100%; margin-bottom: 1%;}
    .board_notice_register>form>.flexbox:nth-child(2){margin-bottom: 2%;}
    .board_notice_register>form>.flexbox:nth-child(3){margin-bottom: 5%;}
    .board_notice_register>form>.flexbox:nth-child(1)>.write_title{width: 96%; padding: 1% 2%; border: 1px solid #DDDDDD; font-weight: 400; font-size: 18px; line-height: 160%;}
    .board_notice_register>form>.flexbox:nth-child(2) .write_text{height: 80%; font-weight: 400; font-size: 18px; line-height: 160%;}
    .board_notice_register>form>.wrap_action{display: flex; justify-content: center;}
    .board_notice_register>form>.wrap_action>.back{width: 146px; height: 40px; border-radius: 120px; display: flex; justify-content: center; align-items: center; background: #E6E6E6; font-weight: 400; font-size: 14px; line-height: 20px; color: #A5A5A5; margin-right: 3%;}
    .board_notice_register>form>.wrap_action>.submit{width: 146px; height: 40px; border-radius: 120px;  background: #222222; color: #FFFFFF; cursor: pointer;}
    .board_notice_register #editor-container{height: 400px;}

    /*Inquiry*/
    #Inquiry{position: relative; width: 100%; padding: 10% 0; display: flex; flex-direction: column; justify-content: center; align-items: center;}
    #Inquiry>h2{font-weight: 500; font-size: 38px; line-height: 55px; text-align: center; color: #272430; margin-bottom: 5%;}
    #Inquiry>div{width: 60%; margin-bottom: 5%;}
    #Inquiry>div:last-child{margin-bottom: 0;}
    #Inquiry>div>h3{font-weight: 700; font-size: 26px; line-height: 38px; color: #423676; margin-bottom: 3%;}
    #Inquiry>div>.dash{width: 100%; border: 1px dashed #777777; margin-bottom: 3%;}
    #Inquiry>.inquiry_one>ul>li{display: flex; align-items: center; margin-bottom: 2%;}
    #Inquiry>.inquiry_one>ul>li:last-child{margin-bottom: 0;}
    #Inquiry>.inquiry_one>ul>li>h4{width: 150px; font-weight: 500; font-size: 18px; line-height: 26px; color: #272430;}
    #Inquiry>.inquiry_one>ul>li>p{font-weight: 400; font-size: 18px; line-height: 26px; color: #3A3A3A;}
    #Inquiry>.inquiry_two>.map{width: 100%; margin-bottom: 2%; border: 1px solid #949494; border-radius: 5px; }
    #Inquiry>.inquiry_two>ul{display: flex; flex-direction: column; justify-content: center; align-items: center;}
    #Inquiry>.inquiry_two>ul>li{font-weight: 400; font-size: 17px; line-height: 25px; color: #777777;}

    /*Reservation*/
    #Reservation_mobile{display: none;}
    #Reservation{position: relative;  width: 100%; padding: 10% 0; display: flex; flex-direction: column; justify-content: center; align-items: center;}
    #Reservation>h2{font-weight: 500; font-size: 38px; line-height: 55px; text-align: center; color: #272430; margin-bottom: 2%;}
    #Reservation>.reserv_btn{width: 120px; height: 32px; background: #222222; border-radius: 16px; cursor: pointer; font-weight: 400; font-size: 14px; line-height: 20px; color: #FFFFFF; margin-bottom: 3%;}
    #Reservation>.search{display: flex; width: 60%; justify-content: space-between; align-items: end; margin-bottom: 1%;}
    #Reservation>.search>p{width: 20%; font-weight: 500; font-size: 16px; line-height: 23px; letter-spacing: -0.06em; color: #222222;}
    #Reservation>.search>ul{width: 80%; display: flex; justify-content: space-between;}
    #Reservation>.search>ul>li{margin-right: 0.5%}
    #Reservation>.search>ul>li:last-child{margin-right: 0;}
    #Reservation>.search>ul>li:nth-child(1){width: 10%; height: 42px; }
    #Reservation>.search>ul>li:nth-child(2){width: 60%; height: 42px; }
    #Reservation>.search>ul>li:nth-child(3){width: 15%; height: 42px;}
    #Reservation>.search>ul>li:nth-child(4){width: 10%; height: 42px;}
    #Reservation>.search>ul>li:nth-child(1)>select{width: 100%; height: 100%; border: 1px solid #C9C9C9;; border-radius: 4px; font-weight: 500; font-size: 16px; line-height: 23px; color: rgba(26, 26, 26, 0.8);}
    #Reservation>.search>ul>li:nth-child(2)>input{width: 100%; height: 100%; border: 1px solid #C9C9C9;; border-radius: 4px; font-weight: 500; font-size: 16px; line-height: 23px; color: rgba(26, 26, 26, 0.8);}
    #Reservation>.search>ul>li:nth-child(3)>input{width: 100%; height: 100%; background: #FAFAFA; border: 1px solid #C9C9C9; border-radius: 4px; font-weight: 700; font-size: 16px; line-height: 22px; color: rgba(26, 26, 26, 0.8); cursor: pointer;}
    #Reservation>.search>ul>li:nth-child(4)>select{width: 100%; height: 100%; border: 1px solid #C9C9C9;; border-radius: 4px; font-weight: 500; font-size: 16px; line-height: 22px; color: rgba(26, 26, 26, 0.8); }
    #Reservation tr{height: 60px;}
    #Reservation th{border: 1px solid #DDDDDD; padding: 1% 0; text-align: center; font-weight: 400; font-size: 14px; line-height: 20px; color: #222222; }
    #Reservation td{border: 1px solid #DDDDDD;  text-align: center; font-weight: 400; font-size: 14px; line-height: 20px; color: #1A1A1A; }
    #Reservation>table{width: 60%; border-collapse: collapse; margin-bottom: 2%;}
    #Reservation>table>thead{background: #F5F5F5;}
    #Reservation>table>tbody>tr>.table_title{height: 60px; display: flex; flex-direction: column; justify-content: center; align-items: center; cursor: pointer; border-top: none; border-left: none; border-right: none;}
    #Reservation>table>tbody>tr>.table_title>a{width: 90%; display: flex; align-items: center; margin-bottom: 1%;}
    #Reservation>table>tbody>tr>.table_title>a>img{width: 10.67px; height: 14px; object-fit: contain; margin-right: 2%;}
    #Reservation>table>tbody>tr>.table_title>a>h3{font-weight: 400; font-size: 14px; line-height: 20px; text-align: center; color: #1A1A1A;}
    #Reservation>table>tbody>tr>.table_title>div{width: 80%; display: flex; align-items: center;}
    #Reservation>table>tbody>tr>.table_title>div>p{color: #777777; font-weight: 400; font-size: 14px; line-height: 20px; text-align: center;}
    #Reservation>table>th{font-weight: 400; font-size: 14px; line-height: 20px; color: #222222; border: 1px solid #DDDDDD;}
    #Reservation>table>td{font-weight: 400; font-size: 14px; line-height: 20px; text-align: center; color: #1A1A1A;}

    /*secret*/
    #Secret{position: relative;  width: 100%; padding: 10% 0; display: flex; flex-direction: column; justify-content: center; align-items: center;}
    #Secret>div:nth-child(1){width: 60%; padding: 5% 0%; background: #FFFFFF; border: 1px solid #D9D9D9; display: flex; flex-direction: column; justify-content: center; align-items: center; margin-bottom: 2%;}
    #Secret>div:nth-child(1)>img{width: 48px; height: 63px; object-fit: contain; margin-bottom: 3%;}
    #Secret>div:nth-child(1)>p{font-weight: 400; font-size: 16px; line-height: 178.3%; text-align: center; color: #919191; margin-bottom: 3%;}
    #Secret>div:nth-child(1)>form{width: 70%; padding: 2% 0; background: #F9F9F9; display: flex; justify-content: center; align-items: center;}
    #Secret>div:nth-child(1)>form>label{font-weight: 400; font-size: 18px; line-height: 26px; color: #333333; margin-right: 3%;}
    #Secret>div:nth-child(1)>form>#my_pw{width: 40%; padding: 1.5% 3%; background: #FFFFFF; border: 1px solid #E3E3E3; margin-right: 3%;}
    #Secret>div:nth-child(1)>form>#pw_ok{padding: 1% 2%; background: #FFFFFF; border: 1px solid #E3E3E3; font-weight: 400; font-size: 14px; line-height: 20px; color: #333333; cursor: pointer;}
    #Secret>div:nth-child(2){width: 60%; height: 0; border: 1px solid #D9D9D9; margin-bottom: 2%;}
     
    /*Reservform*/
    #Reservform{position: relative;  width: 100%; padding: 10% 0; display: flex; flex-direction: column; justify-content: center; align-items: center;}
    #Reservform>h2{font-weight: 500; font-size: 38px; line-height: 55px; text-align: center; color: #272430; margin-bottom: 4%;}
    #Reservform>form{position: relative; width: 45%; margin-bottom: 2%;}
    #Reservform>form>table{width: 100%; padding:0; border:0; border-collapse: separate; border-spacing: 0 20px;}
    #Reservform>form>table>tbody{width: 100%;}
    #Reservform th{padding:0; border: 0px; width: 20%; text-align: left; font-weight: 400; font-size: 20px; line-height: 160%; color: #272430; }
    #Reservform td{padding:0; border: 0px; width: 80%;}
    #Reservform label{width: 100%; font-weight: 400; font-size: 20px; line-height: 160%; color: #272430;}
    #Reservform input{width: 60%; padding: 2.2% 3%; background: #FFFFFF; border: 1px solid #777777;}
    #Reservform .my_phone{width: 43%; margin-right: 2%;}
    #Reservform .phone_button{width: 15%; text-align: center; font-weight: 400; font-size: 18px; line-height: 160%; color: #272430; padding: 0.6% 2%; cursor: pointer;}
    #Reservform .title{width: 94%;}
    #Reservform .editable{width: 92%; padding: 2% 4%; border: 1px solid #DDDDDD;}
    #Reservform .editable>p{font-weight: 400; font-size: 16px; line-height: 180%; color: #272430;}
    #Reservform .button{display: flex; justify-content: center; align-items: center;}
    #Reservform .button>.back{width: 141px; height: 40px; background: #E6E6E6; border: 0; text-align: center; border-radius: 120px; font-weight: 400; font-size: 14px; line-height: 20px; color: #A5A5A5; cursor: pointer; margin-right: 5%;}
    #Reservform .button>.submit{width: 141px; height: 40px; background: #222222;; border: 0; text-align: center; border-radius: 120px; font-weight: 400; font-size: 14px; line-height: 20px; color: #FFFFFF; cursor: pointer;}
   

    /*Reservdetail*/
    #Reservdetail{position: relative;  width: 100%; padding: 10% 0; display: flex; flex-direction: column; justify-content: center; align-items: center;}
    #Reservdetail>.board_reservation_detail{width: 60%;}
    #Reservdetail .indicator{font-weight: 500; font-size: 20px; line-height: 29px; letter-spacing: -0.06em; color: #222222; margin-bottom: 3%;}
    #Reservdetail .top>p{font-weight: 500; font-size: 16px; line-height: 18px; color: #222222;}
    #Reservdetail .top>span{font-weight: 500; font-size: 14px; line-height: 18px; color: #777777;}
    #Reservdetail .bottom{font-weight: 500; font-size: 14px; line-height: 215%; color: #A7A7A7; margin-bottom: 2%; }
    #Reservdetail .top2>p{font-weight: 500; font-size: 16px; line-height: 18px; color: #222222;}
    #Reservdetail .top2>span{font-weight: 500; font-size: 14px; line-height: 18px; color: #777777;}
    #Reservdetail .bottom2{font-weight: 400; font-size: 14px; line-height: 215%; color: #272430; }
    #Reservdetail .wrap_action2{display: none;}
    #Reservdetail .wrap_action_add>button{cursor: pointer; width: 90px; height: 38px; background: #FFFFFF; border: 1px solid #E3E3E3; box-shadow: inset 0px 4px 4px rgba(184, 184, 184, 0.25); border-radius: 4px;}
    #Reservdetail .wrap_action_add>button>a{font-weight: 500; font-size: 14px; line-height: 20px; color: #272430;}
    #Reservdetail .top2 img{width: 9px; height: 9px; object-fit: contain; margin-right: 2%;}

    /*login*/
    #Iogin{position: relative;  width: 100%; padding: 10% 0; display: flex; flex-direction: column; justify-content: center; align-items: center;}
    #Iogin>img{width: 227px; height: 57px; object-fit: contain; margin-bottom: 3%;}
    #Iogin>form{width: 25%;}
    #Iogin>form>table{width: 100%;}
    #Iogin>form>table>tbody{width: 100%;}
    #Iogin tr{display: flex; flex-direction: column; justify-content: center; align-items: start; margin-bottom: 5%;}
    #Iogin tr:nth-child(2){margin-bottom: 10%;}
    #Iogin tr:last-child{margin-bottom: 0;}
    #Iogin th{font-weight: 500; font-size: 18px; line-height: 26px; color: #777777; margin-bottom: 2%;}
    #Iogin td{width: 100%;}
    #Iogin td>input{width: 90%; padding: 0 5%; background: #FFFFFF; border: 2px solid #D8D8D8; border-radius: 4px; font-weight: 500; font-size: 16px; line-height: 50px; color: #A7A7A7;}
    #Iogin td>.login_ok{width: 100%; background: #573C81; border: 0; font-weight: 700; color: #FFFFFF; cursor: pointer;}
    #Iogin>div{width: 25%; display: flex; justify-content: space-between; align-items: center;}
    #Iogin>div>p{font-weight: 400; font-size: 14px; line-height: 50px; color: #A7A7A7;}
    #Iogin>div>button>a{font-weight: 400; font-size: 14px; line-height: 50px; color: #A7A7A7;}

    .login_naver{
        display:block; width:100%; max-width:25%; height:50px; margin:5px auto; background-image:url('/user/img/0.logo/login_naver.svg'); background-repeat:no-repeat; 
        background-size: contain;
        background-position:center; }

    .login_kakao{
        display:block; width:100%; max-width:25%; height:50px; margin:0px auto; background-image:url('/user/img/0.logo/login_kakao.svg'); background-repeat:no-repeat; 
        background-size: contain;
    background-position: top;}
    
    /*join*/
      #Join{position: relative;  width: 100%; padding: 10% 0; display: flex; flex-direction: column; justify-content: center; align-items: center;}
      #Join>h2{font-weight: 500; font-size: 38px; line-height: 55px; text-align: center; color: #272430; margin-bottom: 3%;}
      #Join>form{width: 60%; margin-bottom: 5%;}
      #Join>form>div{margin-bottom: 3%;}
      #Join>form>div:nth-child(2){margin-bottom: 1%; height: 300px; overflow-y: scroll;}
      #Join>form>div:nth-child(4){margin-bottom: 1%; height: 300px; overflow-y: scroll;}
      #Join>form>.check_box{display: flex; justify-content: end; align-items: center;}
      #Join>form>.check_box>input{background: #FFFFFF; border: 1px solid #333333; border-radius: 1px;}
      #Join>form>.check_box>label{font-weight: 400; font-size: 16px; line-height: 160%; color: #000000;}
      #Join>form>.check_text{width: 96%; padding: 4% 2%; background: #FFFFFF; border: 1px solid #777777;}
      #Join>form>.check_text>p{font-weight: 400; font-size: 16px; line-height: 160%; color: #3A3A3A;}
      #Join>.join_ok{width: 120px; height: 40px; background: #222222; border-radius: 130px; cursor: pointer;}
      #Join>.join_ok>a{font-weight: 400; font-size: 14px; line-height: 20px; color: #FFFFFF;}
      
      #Join #all_ok+label{height:22px; line-height:22px; background: url('/user/img/13.join/check_off.png') no-repeat 0 0px / contain; padding-left:40px; }
      #Join #first_ok+label{height:22px; line-height:22px; background: url('/user/img/13.join/check_off.png') no-repeat 0 0px / contain; padding-left:40px;}
      #Join #two_ok+label{height:22px; line-height:22px; background: url('/user/img/13.join/check_off.png') no-repeat 0 0px / contain; padding-left:40px;}

      #Join #all_ok:checked+label{background: url('/user/img/13.join/check_on.png') no-repeat 0 0px / contain;}
      #Join #first_ok:checked+label{background: url('/user/img/13.join/check_on.png') no-repeat 0 0px / contain;}
      #Join #two_ok:checked+label{background: url('/user/img/13.join/check_on.png') no-repeat 0 0px / contain;}
      
      input[type="checkbox"] {
        display: none;
      }

      /*mypage*/
      #Mypage{position: relative;  width: 100%; padding: 10% 0; display: flex; flex-direction: column; justify-content: center; align-items: center;}
      #Mypage>h2{font-weight: 500; font-size: 38px; line-height: 55px; text-align: center; color: #272430; margin-bottom: 5%;}
      #Mypage>form{width: 60%; display: flex; flex-direction: column; justify-content: center; align-items: center;}
      #Mypage>form>div{width: 100%; margin-bottom: 5%;}
      #Mypage>form>div>h3{font-weight: 500; font-size: 22px; line-height: 32px; color: #222222; margin-bottom: 3%;}
      #Mypage>form>div>div{width: 100%; display: flex; justify-content: space-between; align-items: top; margin-bottom: 2%;}
      #Mypage>form>div>div>div:nth-child(1){width: 30%; font-weight: 400; font-size: 20px; line-height: 160%; color: #272430;}
      #Mypage>form>div>div>div:nth-child(1)>p{font-weight: 400; font-size: 20px; line-height: 160%; color: #272430;}
      #Mypage>form>div>div>div:nth-child(2){width: 70%;}
      #Mypage>form>div>.one>div:nth-child(2){display: flex; align-items: center;}
      #Mypage>form>div>div>div:nth-child(2)>input{height: 50px; width: 94%; background: #FFFFFF; border: 1px solid #777777; padding: 0 3%;}
      #Mypage>form>div>.one>div:nth-child(2)>input{width: 30%; margin-right: 2%;}
      #Mypage>form>div>.one>div:nth-child(2)>button{width: 109px; height: 50px; background: #FFFFFF; border: 1px solid #777777; font-style: normal; font-weight: 400; font-size: 18px; color: #272430; cursor: pointer;}
      #Mypage>form>div>.two>div{display: flex; flex-direction: column;}
      #Mypage>form>div>.two>div:nth-child(2)>p{font-weight: 400; font-size: 14px; line-height: 160%; color: #423477;}
      #Mypage>form>div>.five>div:nth-child(2){display: flex;}
      #Mypage>form>div>.five>div:nth-child(2)>label{display: block; width: 110px; height: 49px; border: 1px solid #777777; font-weight: 400; font-size: 18px; line-height: 49px; text-align: center; margin-right: 1%;}
      #Mypage>form>div>.six>div:nth-child(2)>.phone{display: flex; justify-content: space-between; align-items: center; margin-bottom: 2%;}
      #Mypage>form>div>.six>div:nth-child(2)>.phone>.phone_one{width: 76%; display: flex; justify-content: space-between; align-items: center;}
      #Mypage>form>div>.six>div:nth-child(2)>.phone>.phone_one *{width: 32%;}
      #Mypage>form>div>.six>div:nth-child(2)>.phone>.phone_one>#phone_number{height: 49px; background: #FFFFFF; border: 1px solid #777777; font-weight: 400; font-size: 18px; line-height: 49px; color: #000000;}
      #Mypage>form>div>.six>div:nth-child(2)>.phone>.phone_one>input{height: 45px;}
      #Mypage>form>div>.six>div:nth-child(2)>.phone>.phone_two{width: 24%; display: flex; justify-content: end; align-items: center;}
      #Mypage>form>div>.six>div:nth-child(2)>.phone>.phone_two>button{width: 113px; height: 49px; background: #FFFFFF; border: 1px solid #777777; text-align: center; font-weight: 400; font-size: 18px; line-height: 49px; color: #272430; cursor: pointer;}
      #Mypage>form>div>.six>div:nth-child(2)>.certi{display: flex; justify-content: space-between; align-items: center;}
      #Mypage>form>div>.six>div:nth-child(2)>.certi>.certi_one{width: 70%;}
      #Mypage>form>div>.six>div:nth-child(2)>.certi>.certi_one>input{width: 94%; height: 45px; padding: 0 3%; font-weight: 400; font-size: 18px; line-height: 160%; color: #A7A7A7;}
      #Mypage>form>div>.six>div:nth-child(2)>.certi>.certi_two{width: 29%;}
      #Mypage>form>div>.six>div:nth-child(2)>.certi>.certi_two>button{width: 100%; height: 49px; background: #FFFFFF; border: 1px solid #777777; font-weight: 400; font-size: 18px; line-height: 49px; text-align: center; color: #272430; cursor: pointer;}
      #Mypage>form>div>.seven>div:nth-child(2)>p{font-weight: 400; font-size: 14px; line-height: 160%; color: #423477;}

      #Mypage>form>div:nth-child(2)>h3>span{font-size: 14px; line-height: 160%; color: #777777;}
      #Mypage>form>div:nth-child(2)>.eight>div:nth-child(2){display: flex; align-items: center;}
      #Mypage>form>div:nth-child(2)>.eight>div:nth-child(2)>label{display: block; width: 110px; height: 49px; border: 1px solid #777777; font-weight: 400; font-size: 18px; line-height: 49px; text-align: center; margin-right: 1%;}
      #Mypage>.mypage_ok{width: 120px; height: 40px; background: #222222; border-radius: 130px; cursor: pointer;}
      #Mypage>.mypage_ok>a{font-weight: 400; font-size: 14px; line-height: 16px; color: #FFFFFF; }

      #man{display: none;}
      #man:checked + label{
        color: #FFFFFF;
        background: #423477;
      }

      #woman{display: none;}
      #woman:checked + label{
        color: #FFFFFF;
        background: #423477;
      }

      #stud_man{display: none;}
      #stud_man:checked + label{
        color: #FFFFFF;
        background: #423477;
      }

      #stud_woman{display: none;}
      #stud_woman:checked + label{
        color: #FFFFFF;
        background: #423477;
      }

  
      /*mypagedetail*/
      #Mypagedetail{position: relative;  width: 100%; padding: 10% 0; display: flex; flex-direction: column; justify-content: center; align-items: center;}
      #Mypagedetail>h2{font-weight: 500; font-size: 38px; line-height: 55px; text-align: center; color: #272430; margin-bottom: 5%;}
      #Mypagedetail>form{width: 60%; display: flex; flex-direction: column; justify-content: center; align-items: center;}
      #Mypagedetail>form>div{width: 100%; margin-bottom: 5%;}
      #Mypagedetail>form>div>h3{font-weight: 500; font-size: 22px; line-height: 32px; color: #222222; margin-bottom: 3%;}
      #Mypagedetail>form>div>div{width: 100%; display: flex; justify-content: space-between; align-items: top; margin-bottom: 2%;}
      #Mypagedetail>form>div>div>div:nth-child(1){width: 30%; font-weight: 400; font-size: 20px; line-height: 160%; color: #272430;}
      #Mypagedetail>form>div>div>div:nth-child(1)>p{font-weight: 400; font-size: 20px; line-height: 160%; color: #272430;}
      #Mypagedetail>form>div>div>div:nth-child(2){width: 70%;}
      #Mypagedetail>form>div>.one>div:nth-child(2){display: flex; align-items: center;}
      #Mypagedetail>form>div>div>div:nth-child(2)>input{height: 50px; width: 94%; background: #FFFFFF; border: 1px solid #777777; padding: 0 3%;}
      #Mypagedetail>form>div>.one>div:nth-child(2)>input{width: 94%;}
      #Mypagedetail>form>div>.two>div{display: flex; flex-direction: column;}
      #Mypagedetail>form>div>.two>div:nth-child(2)>p{font-weight: 400; font-size: 14px; line-height: 160%; color: #423477;}
      #Mypagedetail>form>div>.five>div:nth-child(2){display: flex;}
      #Mypagedetail>form>div>.five>div:nth-child(2)>label{display: block; width: 110px; height: 49px; border: 1px solid #777777; font-weight: 400; font-size: 18px; line-height: 49px; text-align: center; margin-right: 1%;}
      #Mypagedetail>form>div>.six>div:nth-child(2)>.phone{display: flex; justify-content: space-between; align-items: center; margin-bottom: 2%;}
      #Mypagedetail>form>div>.six>div:nth-child(2)>.phone>.phone_one{width: 80%; display: flex; justify-content: space-between; align-items: center;}
      #Mypagedetail>form>div>.six>div:nth-child(2)>.phone>.phone_one>input{width: 26%; height: 45px; padding: 0 3%; background: #FFFFFF;}
      #Mypagedetail>form>div>.six>div:nth-child(2)>.phone>.phone_two{width: 20%; display: flex; justify-content: end; align-items: center;}
      #Mypagedetail>form>div>.six>div:nth-child(2)>.phone>.phone_two>button{width: 90%; height: 49px; background: #FFFFFF; border: 1px solid #777777; text-align: center; font-weight: 400; font-size: 18px; line-height: 49px; color: #272430; cursor: pointer;}
      #Mypagedetail>form>div>.six>div:nth-child(2)>.certi{display: flex; justify-content: space-between; align-items: center;}
      #Mypagedetail>form>div>.six>div:nth-child(2)>.certi>.certi_one{width: 70%;}
      #Mypagedetail>form>div>.six>div:nth-child(2)>.certi>.certi_one>input{width: 94%; height: 45px; padding: 0 3%; font-weight: 400; font-size: 18px; line-height: 160%; color: #A7A7A7;}
      #Mypagedetail>form>div>.six>div:nth-child(2)>.certi>.certi_two{width: 29%;}
      #Mypagedetail>form>div>.six>div:nth-child(2)>.certi>.certi_two>button{width: 100%; height: 49px; background: #FFFFFF; border: 1px solid #777777; font-weight: 400; font-size: 18px; line-height: 49px; text-align: center; color: #272430; cursor: pointer;}
      #Mypagedetail>form>div>.seven>div:nth-child(2)>p{font-weight: 400; font-size: 14px; line-height: 160%; color: #423477;}
      #Mypagedetail>form>div>.three>div:nth-child(2){display: flex; justify-content: space-between; width: 70%;}
      #Mypagedetail>form>div>.three>div:nth-child(2)>input{width: 65%;}
      #Mypagedetail>form>div>.three>div:nth-child(2)>button{width: 27%; height: 49px; background: #FFFFFF; border: 1px solid #777777; text-align: center; font-weight: 400; font-size: 18px; line-height: 49px; color: #272430; cursor: pointer;}

      #Mypagedetail>form>div:nth-child(2)>h3>span{font-size: 14px; line-height: 160%; color: #777777;}
      #Mypagedetail>form>div:nth-child(2)>.eight>div:nth-child(2){display: flex; align-items: center;}
      #Mypagedetail>form>div:nth-child(2)>.eight>div:nth-child(2)>label{display: block; width: 110px; height: 49px; border: 1px solid #777777; font-weight: 400; font-size: 18px; line-height: 49px; text-align: center; margin-right: 1%;}
      #Mypagedetail>.mypage_button{display: flex;}
      #Mypagedetail>.mypage_button>button{width: 120px; height: 40px; background: #222222; border-radius: 130px; cursor: pointer;}
      #Mypagedetail>.mypage_button>button>a{font-weight: 400; font-size: 14px; line-height: 16px; color: #FFFFFF; }
      #Mypagedetail>.mypage_button>.mypage_cancel{background: #E6E6E6;  margin-right: 2%;}
      #Mypagedetail>.mypage_button>.mypage_cancel>a{color: #A5A5A5; }


      .search_list{width: 60%; display: flex; justify-content: flex-end; align-items: center; margin-bottom: 2%;}
      .search_list>form>table>tbody>tr>td{width: 100%; display: flex; justify-content: space-between;}
      .search_list>form>table>tbody>tr>td>select{width: 29%; height: 52px; background: #FFFFFF; border: 1px solid #777777; font-family: 'NEXON Lv2 Gothic'; font-weight: 400; font-size: 18px; line-height: 160%; color: #000000; margin-right: 1%;}
      .search_list>form>table>tbody>tr>td>select>option{border: 1px solid #E7E7E7; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); font-weight: 400; font-size: 15px; line-height: 160%; color: #A7A7A7;}
      .search_list>form>table>tbody>tr>td>#my_search_list{width: 49%; height: 50px; background: #FFFFFF; border: 1px solid #777777;  font-family: 'NEXON Lv2 Gothic'; font-weight: 400; font-size: 18px; line-height: 160%; color: #000000; margin-right: 1%;}
      .search_list>form>table>tbody>tr>td>.search_btn{width: 20%; height: 52px; padding: 0 4%; background: #26292F; border: 1px solid #26292F; font-weight: 500; font-size: 18px; line-height: 20px; display: flex; justify-content: center; align-items: center; color: #FFFFFF; text-align: center; cursor: pointer;}

    .review_button{padding: 0 auto; display: flex; justify-content: center;  align-items: center;}
    .review_button>.review_button{padding: 0 5%; cursor: pointer;}
    .review_button>button>p{font-family: 'NEXON Lv2 Gothic'; font-weight: 400; font-size: 20px; line-height: 160%; text-align: center;}
    .review_button>ol{margin: 0 40%; display: flex; justify-content: center;}
    .review_button>ol>li{display: flex;  align-items: center; padding: 0 10%;}
    .review_button>ol>li>p{font-family: 'NEXON Lv2 Gothic'; font-weight: 400; font-size: 20px; line-height: 160%; color: #000000; cursor: pointer; text-align: center;}

  }



@media screen and (min-width:901px) and (max-width:1200px){

    /*institute*/
    #Institute{position: relative; width: 100%; padding: 10% 0; display: flex; flex-direction: column; justify-content: center; align-items: center;}
    #Institute>h2{font-weight: 700; font-size: 52px; line-height: 90px; letter-spacing: -0.01em; color: #272430; margin-bottom: 3%;}
    #Institute>h3{font-family: 'NEXON Lv2 Gothic';font-size: 24px; line-height: 35px; color: #8A8A8A; margin-bottom: 5%;}
    #Institute>img{width: 150px; height: 135px; object-fit: contain; margin-bottom: 7%;}
    #Institute>div{display: flex; flex-direction: column; justify-content: center; align-items: baseline;}
    #Institute>div>h4{font-size: 34px; line-height: 49px; color: #272430; margin-bottom: 4%;}
    #Institute>div>h4>span{color: #281153; font-weight: 700;}
    #Institute>div>p{width: 623px; font-weight: 300; letter-spacing: -0.02em; color: #272430;}

    /*Researcher*/
    #Researcher{position: relative; width: 100%; padding: 10% 0; display: flex; flex-direction: column; justify-content: center; align-items: center;}
    #Researcher>h2{font-weight: 500; font-size: 42px; line-height: 61px; text-align: center; color: #272430; margin-bottom: 15%;}
    #Researcher>ul{width: 60%; display: flex; flex-direction: column; justify-content: center; align-items: center;}
    #Researcher>ul>li{width: 100%; margin-bottom: 15%;}
    #Researcher>ul>li:last-child{margin-bottom: 0;}
    #Researcher>ul>li>div:nth-child(1){height: 50px; padding-left: 2%; margin-bottom: 7%; display: flex; align-items: center; justify-content: baseline; border-bottom: 1px solid #A7A7A7;;}
    #Researcher>ul>li>div:nth-child(1)>img{width: 28.85px; height: 25.96px; object-fit: contain; margin-right: 3%;}
    #Researcher>ul>li>div:nth-child(1)>h3{font-family: 'NEXON Lv2 Gothic'; font-weight: 300; font-size: 32px; line-height: 36px; color: #281153;}
    #Researcher>ul>li>div:nth-child(1)>h3>span{font-weight: 700;}
    #Researcher>ul>li>div:nth-child(3){width: 90%; padding-left: 2%; display: flex; flex-direction: column; justify-content: center; align-items: center;}
    #Researcher>ul>li>div:nth-child(3)>img{width: 208px; height: 270px; background: #D9D9D9; border-radius: 10px; margin-right: 3%;}
    #Researcher>ul>li>div:nth-child(3)>p{width: 100%; font-family: 'NEXON Lv2 Gothic'; font-weight: 300; font-size: 20px; line-height: 180%; letter-spacing: -0.02em; color: #272430;}
    #Researcher>ul>li>div:nth-child(3)>p>span{font-weight: 700;}
    
    /*brain*/
    #Brain{position: relative; width: 100%; padding: 10% 0;  display: flex; flex-direction: column; justify-content: center; align-items: center;}
    #Brain>h2{font-weight: 500; font-size: 42px; line-height: 61px; text-align: center; color: #272430; margin-bottom: 3%;}
    #Brain>.brain_one{position: relative; width: 70%; margin-bottom: 5%; display: flex; justify-content: center; align-items: center;}
    #Brain>.brain_one>img{position: absolute; left: -7%; width: 100px; height: 88.6px; object-fit: contain; z-index: 998;}
    #Brain>.brain_one>div{width: 100%; padding: 2% 10%; background: #ECEBF1; border-radius: 10px; display: flex; flex-direction: column; justify-content: center; align-items: center;}
    #Brain>.brain_one>div>p{width: 85%; line-height: 180%; letter-spacing: -0.005em; color: #272430;}
    #Brain>.brain_one>div>p>span{font-weight: 700;}
    #Brain>.brain_two{width: 80%; position: relative; display: flex; justify-content: center; align-items: center; }
    #Brain>.brain_two>div:nth-child(1){width: 100%; background: #FFFFFF; border: 1px solid #A7A7A7; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); display: flex; flex-direction: column; justify-content: center; align-items: center; z-index: 998;}
    #Brain>.brain_two>div:nth-child(1)>img{width: 50%; width: 80%; margin: 5% 1%;}
    #Brain>.brain_two>div:nth-child(2){position: absolute; left: 3%; top: 6%; width: 100%; height: 100%; background: #ECEBF1;}

    img.infinite_rotating_logo{
        animation: rotate_image 10s linear infinite;
        transform-origin: 50% 50%;
    }
     
    @keyframes rotate_image{
        100% {
            transform: rotate(360deg);
        }
    }

    /*Maps*/
    #Tabs{position: relative; width: 100%; padding: 10% 0; display: flex; flex-direction: column; justify-content: center; align-items: center;}
    #Tabs>div{width: 70%; display: flex; align-items: center;  margin-bottom: 5%; position: relative;}
    #Tabs>div>.tabs_title{width: 100%; height: 62px; background: #EFEFEE; display: flex; align-items: center; justify-content: space-between; border-top-left-radius: 30px; border-top-right-radius: 30px; border-bottom-left-radius: 30px; border-bottom-right-radius: 30px;}
    #Tabs>div>.tabs_title>li{width: 33.33%; height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; cursor: pointer;}
    #Tabs>div>.tabs_title>li:first-child{border-top-left-radius: 30px; border-bottom-left-radius: 30px;}
    #Tabs>div>.tabs_title>li:last-child{border-top-right-radius: 30px; border-bottom-right-radius: 30px;}
    #Tabs>div>.tabs_title>li>h2{font-family: 'NEXON Lv2 Gothic'; font-style: normal; font-weight: 700; font-size: 20px; line-height: 23px; text-align: center;}
    #Tabs>div>.line{position: absolute; width: 0px; height: 34px; border: 1.5px solid #C7C7C7;}
    #Tabs>div>.line_one{left: 33.33%;}
    #Tabs>div>.line_two{right: 33.33%;}
    .title_not_select{background: #EFEFEF;}
    .title_select{background: #281153;}
    .title_text_not_select{color: #A7A7A7;}
    .title_text_select{color: #FFFFFF;}

    #Tabs>.tabs_list{width: 70%;}
    #Tabs>.tabs_list>li{width: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center;}
    #Tabs>.tabs_list>.maps{width: 100%; display: flex; justify-content: center; align-items: center;}
    #Tabs>.tabs_list>li>h2{font-family: 'Noto Sans KR'; font-style: normal; font-weight: 500; font-size: 42px; line-height: 61px; color: #272430; text-align: center; margin-bottom: 8%;}
    #Tabs>.tabs_list>.maps>.maps_one{width: 100%; display: flex; justify-content: center; align-items: center; margin-bottom: 5%;}
    #Tabs>.tabs_list>.maps>.maps_one>img{position: absolute; left: 8%; width: 114.27px; height: 102.85px; object-fit: contain;}
    #Tabs>.tabs_list>.maps>.maps_one>div{width: 80%; padding: 2% 5%; padding-left: 8%; background: #ECEBF1; border-radius: 10px;}
    #Tabs>.tabs_list>.maps>.maps_two{width: 100%; position: relative;  display: flex; justify-content: center; align-items: center; margin-bottom: 10%;}
    #Tabs>.tabs_list>.maps>.maps_two>div:nth-child(1){width: 100%; background: #FFFFFF; border: 1px solid #A7A7A7; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); display: flex; flex-direction: column; justify-content: center; align-items: center; z-index: 998;}
    #Tabs>.tabs_list>.maps>.maps_two>div:nth-child(1)>img{width: 85%; margin: 5% 1%;}
    #Tabs>.tabs_list>.maps>.maps_two>div:nth-child(2){position: absolute; left: 3%; top: 6%; width: 100%; height: 100%; background: #ECEBF1;}
    #Tabs>.tabs_list>.maps>.maps_three{width: 100%; background: #FFFFFF; border: 1px solid #A7A7A7; display: flex; justify-content: center; align-items: center;}
    #Tabs>.tabs_list>.maps>.maps_three>p{font-family: 'NEXON Lv2 Gothic'; font-style: normal; font-weight: 400; font-size: 20px; line-height: 180%; letter-spacing: -0.04em; color: #272430; margin: 6% 4%;}
    
    #Tabs>.tabs_list>.typea>.typea_one{width: 100%; display: flex; flex-direction: column; justify-content: center; align-items: baseline; margin-bottom: 5%;}
    #Tabs>.tabs_list>.typea h3{font-weight: 700; font-size: 28px; line-height: 150%; letter-spacing: -0.005em; color: #272430; margin-bottom: 4%;}
    #Tabs>.tabs_list>.typea>.typea_one>p{font-size: 20px; line-height: 180%; letter-spacing: -0.03em; color: #3A3A3A;}
    #Tabs>.tabs_list>.typea>.typea_two{width: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; margin-bottom: 7%;}
    #Tabs>.tabs_list>.typea>.typea_two>img{width: 100%;}
    #Tabs>.tabs_list>.typea>.typea_three>ol>li:first-child{margin-bottom: 5%;}
    #Tabs>.tabs_list>.typea>.typea_three>ol>li>div:nth-child(1){display: flex; align-items: center; margin-bottom: 2%;}
    #Tabs>.tabs_list>.typea>.typea_three>ol>li>div:nth-child(1)>img{width: 49px; height: 49px; object-fit: contain; margin-right: 1%;}
    #Tabs>.tabs_list>.typea>.typea_three>ol>li>div:nth-child(1)>h4{font-weight: 700; font-size: 24px; line-height: 180%; letter-spacing: -0.03em; color: #423676;}
    #Tabs>.tabs_list>.typea>.typea_three>ol>li>div:nth-child(2){width: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center;}
    #Tabs>.tabs_list>.typea>.typea_three>ol>li>div:nth-child(2)>p{width: 85%; font-weight: 400; font-size: 20px; line-height: 180%; letter-spacing: 0.005em; color: #3A3A3A; }

    #Tabs>.tabs_list>.typeb{width: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center;}
    #Tabs>.tabs_list>.typeb>.typeb_one{width: 100%; display: flex; flex-direction: column; justify-content: center; align-items: baseline; margin-bottom: 5%;}
    #Tabs>.tabs_list>.typeb h3{font-weight: 700; font-size: 28px; line-height: 150%; letter-spacing: -0.005em; color: #423676; margin-bottom: 2%;}
    #Tabs>.tabs_list>.typeb>.typeb_one>p{font-weight: 400; font-size: 20px; line-height: 180%; letter-spacing: -0.03em; color: #3A3A3A; }
    #Tabs>.tabs_list>.typeb>.typeb_two{width: 100%; position: relative;  display: flex; justify-content: center; align-items: center; margin-bottom: 10%;}
    #Tabs>.tabs_list>.typeb>.typeb_two>div:nth-child(1){width: 100%; background: #FFFFFF; border: 1px solid #A7A7A7; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); display: flex; flex-direction: column; justify-content: center; align-items: center; z-index: 998;}
    #Tabs>.tabs_list>.typeb>.typeb_two>div:nth-child(1)>img{width: 60%; margin: 5% 1%;}
    #Tabs>.tabs_list>.typeb>.typeb_two>div:nth-child(2){position: absolute; left: 3%; top: 6%; width: 100%; height: 100%; background: #ECEBF1;}
    #Tabs>.tabs_list>.typeb>.typeb_three>p{font-weight: 400; font-size: 20px; line-height: 180%; letter-spacing: 0.005em; color: #3A3A3A;}

    /*Instruction*/
    #Instruction{position: relative; width: 100%; padding: 10% 0; display: flex; flex-direction: column; justify-content: center; align-items: center;}
    #Instruction>h2{font-weight: 500; font-size: 38px; line-height: 55px; text-align: center; color: #272430; margin-bottom: 4%;}
    #Instruction>ul{width: 80%;}
    #Instruction>ul>li{display: flex; flex-direction: column; justify-content: center; align-items: baseline; margin-bottom: 5%;}
    #Instruction>ul>li:last-child{margin-bottom: 0;}
    #Instruction>ul>li>h3{font-weight: 700; font-size: 26px; line-height: 38px; text-align: center; color: #423676; margin-bottom: 1%;}
    #Instruction>ul>li>.dash{width: 100%; height: 0; border: 1px dashed #777777; margin-bottom: 2%;}
    #Instruction>ul>li>p{font-weight: 400; font-size: 22px; line-height: 32px; color: #575757; margin-bottom: 2%;}
    #Instruction>ul>li>.box{width: 100%; position: relative;  display: flex; justify-content: center; align-items: center; margin-bottom: 2%;}
    #Instruction>ul>li>.box>.box_front{width: 100%; background: #FFFFFF; border: 1px solid #EDEDED; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); z-index: 998;}
    #Instruction>ul>li>.box>.box_front>p{font-weight: 500; font-size: 22px; line-height: 32px; color: #3A3A3A; margin: 3% 8%;}
    #Instruction>ul>li>.box>.box_back{position: absolute; left: 2%; top: 15%; width: 100%; height: 100%; background: #ECEBF1;}
    #Instruction>ul>li:nth-child(2)>.box{margin-bottom: 4%;}
    #Instruction>ul>li:nth-child(2)>ul{list-style: disc; width: 100%;}
    #Instruction>ul>li:nth-child(2)>ul>li{margin-left: 3%; font-weight: 400; font-size: 20px; line-height: 29px; color: #777777;}
    #Instruction>ul>li:nth-child(3)>div{width: 100%;}
    #Instruction>ul>li:nth-child(3)>div>img{width: 100%;}
    #Instruction>ul>li:nth-child(4)>ul{display: flex; justify-content: space-between; align-items: center;}
    #Instruction>ul>li:nth-child(4)>ul>li{width: 32%; height: 480px; background: #FFFFFF; border: 1px solid #A7A7A7; border-radius: 10px;}
    #Instruction>ul>li:nth-child(4)>ul>li>img{width: 100%;}
    #Instruction>ul>li:nth-child(4)>ul>li>div{padding: 3% 5%; padding-top: 10%;}
    #Instruction>ul>li:nth-child(4)>ul>li>div>h4{height: 100px; font-weight: 500; font-size: 22px; line-height: 32px; color: #281153; margin-bottom: 3%;}
    #Instruction>ul>li:nth-child(4)>ul>li>div>p{ font-weight: 400; font-size: 18px; line-height: 160%; color: #777777;}

    /*Notices*/
    #Notices{position: relative; width: 100%; padding: 10% 0; display: flex; flex-direction: column; justify-content: center; align-items: center;}
    #Notices>h2{font-weight: 500; font-size: 38px; line-height: 55px; text-align: center; color: #272430; margin-bottom: 3%;}
    #Notices>ul{width: 60%; margin-bottom: 3%;}
    #Notices>ul>li{padding: 2% 1%; display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #EAEAEA;}
    #Notices>ul>li>h3{width: 85%;}
    #Notices>ul>li>h3>a{font-family: 'NEXON Lv2 Gothic'; font-style: normal; font-weight: 400; font-size: 20px; line-height: 160%; color: #272430;}
    #Notices>ul>li>p{width: 20%; text-align: end; font-family: 'NEXON Lv2 Gothic'; font-style: normal; font-weight: 400; font-size: 14px; line-height: 160%; color: #A5A3A9;}
    #Notices>ul>li>.impor_notice{width: 48px; height: 25px; display: flex; flex-direction: column; justify-content: center; align-items: center; background: #500E85; border-radius: 25px; margin-right: 30px;}
    #Notices>ul>li>.impor_notice>p{font-weight: 500; font-size: 14px; line-height: 25px; color: #FFFFFF;}

    /*Viewnotices*/
    #Viewnotices{position: relative; width: 100%; padding: 10% 0; display: flex; flex-direction: column; justify-content: center; align-items: center;}
    #Viewnotices>h2{font-weight: 500; font-size: 38px; line-height: 55px; text-align: center; color: #272430; margin-bottom: 3%;}
    #Viewnotices>.view_one{width: 70%; margin-bottom: 3%;}
    #Viewnotices>.view_one>div:nth-child(1){height: 40px; display: flex; flex-direction: column; align-items: center; justify-content: center; border-bottom: 1px solid #EAEAEA;}
    #Viewnotices>.view_one>div:nth-child(1)>div{width: 95%; display: flex; justify-content: space-between;}
    #Viewnotices>.view_one>div:nth-child(1)>div>h3{width: 70%; font-weight: 400; font-size: 20px; line-height: 160%; color: #272430;}
    #Viewnotices>.view_one>div:nth-child(1)>div>p{width: 30%; font-weight: 400; font-size: 14px; line-height: 160%; color: #A5A3A9; text-align: right;}
    #Viewnotices>.view_one>div:nth-child(2){padding: 2% 5%; border-bottom: 1px solid #EAEAEA;}
    #Viewnotices>button{width: 146px; height: 40px; background: #E6E6E6; border-radius: 120px;}
    #Viewnotices>button>a{font-weight: 400; font-size: 14px; line-height: 20px; color: #A5A5A5;}


   /*Review*/
   #Review{position: relative; width: 100%; padding: 10% 0; display: flex; flex-direction: column; justify-content: center; align-items: center;}
   #Review>h2{font-weight: 500; font-size: 38px; line-height: 55px; text-align: center; color: #272430; margin-bottom: 5%;}
   #Review>.review_list{width: 60%; height: 40%; margin-bottom: 4%;}
   #Review>.review_list>ol>li{width: 100%; padding: 3% 0; border-bottom: 1px solid #EAEAEA; display: flex; justify-content: center; align-items: center;}
   #Review>.review_list>ol>li>div{width: 90%;  display: flex; align-items: center;}
   #Review>.review_list>ol>li>div>.review_number{width: 5%; font-weight: 400; font-size: 16px; line-height: 160%; color: #68666D;}
   #Review>.review_list>ol>li>div>.review_title{width: 80%;}
   #Review>.review_list>ol>li>div>.review_title>a{font-weight: 400; font-size: 16px; line-height: 160%; color: #272430; overflow: hidden; text-overflow: ellipsis; box-sizing: border-box;} 
   #Review>.review_list>ol>li>div>.review_date{width: 15%; font-weight: 400; font-size: 13px; line-height: 160%; color: #A5A3A9;}
   #Review>button{width: 133px; height: 40px; background: #222222; border-radius: 120px; margin-bottom: 5%;}
   #Review>button>a{font-weight: 400; font-size: 14px; line-height: 20px; color: #FFFFFF;}


   /*Viewreview*/
   #Viewreview{position: relative; width: 100%; padding: 10% 0; display: flex; flex-direction: column; justify-content: center; align-items: center;}
   #Viewreview>h2{font-weight: 500; font-size: 38px; line-height: 55px; text-align: center; color: #272430; margin-bottom: 3%;}
   #Viewreview>.view_one{width: 80%;}
   #Viewreview>.view_one>div:nth-child(1){height: 40px; display: flex; flex-direction: column; align-items: center; justify-content: center; border-bottom: 1px solid #EAEAEA;}
   #Viewreview>.view_one>div:nth-child(1)>div{width: 95%; display: flex; justify-content: space-between;}
   #Viewreview>.view_one>div:nth-child(1)>div>h3{width: 80%; font-weight: 400; font-size: 20px; line-height: 160%; color: #272430;}
   #Viewreview>.view_one>div:nth-child(1)>div>p{width: 20%; text-align: right; font-weight: 400; font-size: 14px; line-height: 160%; color: #A5A3A9;}
   #Viewreview>.view_one>div:nth-child(2){padding: 2% 5%; border-bottom: 1px solid #EAEAEA;}
   
   #Viewreview>.view_two{width: 80%; margin-bottom: 2%;}
    #Viewreview>.view_two>.comments>div:nth-child(1){padding: 2% 5%; display: flex; flex-direction: column; justify-content: center; align-items: center; border-bottom: 1px solid #EAEAEA;}
    #Viewreview>.view_two>.comments>div>div{width: 100%;}
    #Viewreview>.view_two>.comments>div>div:nth-child(1){display: flex; justify-content: space-between; align-items: center; margin-bottom: 1%;}
    #Viewreview>.view_two>.comments>div>div:nth-child(1)>div:nth-child(1){width: 80%; display: flex; align-items: center;}
    #Viewreview>.view_two>.comments>div>div:nth-child(1)>div:nth-child(1)>.comment_name{font-weight: 400; font-size: 14px; line-height: 160%; color: #272430; margin-right: 2%;}
    #Viewreview>.view_two>.comments>div>div:nth-child(1)>div:nth-child(1)>.comment_icons{display: flex;}
    #Viewreview>.view_two>.comments>div>div:nth-child(1)>div:nth-child(1)>.comment_icons>img{width: 18px; height: 15px; object-fit: contain; margin-right: 15%; cursor: pointer;}
    #Viewreview>.view_two>.comments>div>div:nth-child(1)>div:nth-child(1)>.comment_icons>img:last-child{margin-right: 0;}
    #Viewreview>.view_two>.comments>div>div:nth-child(1)>div:nth-child(2){width: 20%;}
    #Viewreview>.view_two>.comments>div>div:nth-child(1)>div:nth-child(2)>.comment_date{text-align: right; font-weight: 400; font-size: 12px; line-height: 160%; text-align: right; color: #A5A3A9;}
    #Viewreview>.view_two>.comments>div>div:nth-child(2)>p{font-weight: 400; font-size: 14px; line-height: 180%; color: #3A3A3A;}

    #Viewreview>.view_two>.sub_comments{padding-top: 2%; padding-bottom: 2%; padding-right: 5%; display: flex; border-bottom: 1px solid #EAEAEA;}
    #Viewreview>.view_two>.sub_comments>div:nth-child(1){width: 2%; display: flex; flex-direction: column; justify-content: baseline;}
    #Viewreview>.view_two>.sub_comments>div:nth-child(1)>img{width: 9px; height: 9px; object-fit: contain;}
    #Viewreview>.view_two>.sub_comments>div:nth-child(2){width: 98%; display: flex; flex-direction: column; justify-content: center; align-items: center;}
    #Viewreview>.view_two>.sub_comments>div:nth-child(2)>div{width: 100%;}
    #Viewreview>.view_two>.sub_comments>div:nth-child(2)>div:nth-child(1){display: flex; justify-content: space-between; align-items: center; margin-bottom: 1%;}
    #Viewreview>.view_two>.sub_comments>div:nth-child(2)>div:nth-child(1)>div:nth-child(1){width: 80%; display: flex; align-items: center;}
    #Viewreview>.view_two>.sub_comments>div:nth-child(2)>div:nth-child(1)>div:nth-child(1)>.sub_comment_name{font-weight: 400; font-size: 14px; line-height: 160%; color: #272430; margin-right: 2%;}
    #Viewreview>.view_two>.sub_comments>div:nth-child(2)>div:nth-child(1)>div:nth-child(1)>.sub_comment_icons{display: flex;}
    #Viewreview>.view_two>.sub_comments>div:nth-child(2)>div:nth-child(1)>div:nth-child(1)>.sub_comment_icons>img{width: 18px; height: 15px; object-fit: contain; margin-right: 15%; cursor: pointer;}
    #Viewreview>.view_two>.sub_comments>div:nth-child(2)>div:nth-child(1)>div:nth-child(1)>.sub_comment_icons>img:last-child{margin-right: 0;}
    #Viewreview>.view_two>.sub_comments>div:nth-child(2)>div:nth-child(1)>div:nth-child(2){width: 20%;}
    #Viewreview>.view_two>.sub_comments>div:nth-child(2)>div:nth-child(1)>div:nth-child(2)>.sub_comment_date{text-align: right; font-weight: 400; font-size: 12px; line-height: 160%; text-align: right; color: #A5A3A9;}
    #Viewreview>.view_two>.sub_comments>div:nth-child(2)>div:nth-child(2)>p{font-weight: 400; font-size: 14px; line-height: 180%; color: #3A3A3A;}
    .sub_comments_one{padding-left: 5%;}
    .sub_comments_two{padding-left: 7%;}
    .sub_comments_three{padding-left: 9%;}
    #Viewreview>.view_two>.comments>div>div:nth-child(1)>div:nth-child(1)>.member_icons{display: none;}
    #Viewreview>.view_two>.sub_comments>div:nth-child(2)>div:nth-child(1)>div:nth-child(1)>.member_icons{display: none;}

   #Viewreview>.view_three{width: 100%;  display: flex; flex-direction: column; justify-content: center; align-items: center; margin-bottom: 4%;}
   #Viewreview>.view_three>div{width: 80%; display: flex; justify-content: space-between;}
   #Viewreview>.view_three>div>#comment_text{width: 87%; padding: 2% 5%; border: 1px solid #777777; font-weight: 400; font-size: 14px; line-height: 180%;}
   #Viewreview>.view_three>div>input{width: 12%;  background: #3A3A3A; cursor: pointer; font-weight: 400; font-size: 13px; line-height: 160%; color: #FFFFFF;}

   #Viewreview>.view_four{width: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center;}
   #Viewreview>.view_four>div{display: flex;}
   #Viewreview>.view_four>div>button{background: #E6E6E6; width: 146px; height: 40px; border-radius: 120px; cursor: pointer; margin-right: 4%;}
   #Viewreview>.view_four>div>button>a{box-sizing: border-box; font-weight: 400; font-size: 14px; line-height: 20px; color: #A5A5A5;}
   #Viewreview>.view_four>div>.review_revise{background: #222222;}
   #Viewreview>.view_four>div>.review_revise>a{color: #FFFFFF;}

   #Viewreview .comment_change{display: flex; justify-content: space-between;}
   #Viewreview .comment_change>.comment_change_text{width: 87%; padding: 2% 5%; border: 1px solid #777777; font-weight: 400; font-size: 14px; line-height: 180%;}
   #Viewreview .comment_change>.comment_change_btn{width: 12%;  background: #3A3A3A; cursor: pointer; font-weight: 400; font-size: 13px; line-height: 160%; color: #FFFFFF;}
   #Viewreview .mobile_comment{display: none;}
 
   /*write & modify*/
   .board_notice_register{position: relative; width: 100%; padding: 10% 0; display: flex; flex-direction: column; justify-content: center; align-items: center;}
   .board_notice_register>.indicator{font-weight: 500; font-size: 38px; line-height: 55px; text-align: center; color: #272430; margin-bottom: 3%;}
   .board_notice_register>form{width: 60%;}
   .board_notice_register>form>.flexbox{width: 100%; margin-bottom: 1%;}
   .board_notice_register>form>.flexbox:nth-child(2){margin-bottom: 2%;}
   .board_notice_register>form>.flexbox:nth-child(3){margin-bottom: 5%;}
   .board_notice_register>form>.flexbox:nth-child(1)>.write_title{width: 96%; padding: 1% 2%; border: 1px solid #DDDDDD; font-weight: 400; font-size: 18px; line-height: 160%;}
   .board_notice_register>form>.flexbox:nth-child(2) .write_text{height: 80%; font-weight: 400; font-size: 18px; line-height: 160%;}
   .board_notice_register>form>.wrap_action{display: flex; justify-content: center;}
   .board_notice_register>form>.wrap_action>.back{width: 146px; height: 40px; border-radius: 120px; display: flex; justify-content: center; align-items: center; background: #E6E6E6; font-weight: 400; font-size: 14px; line-height: 20px; color: #A5A5A5; margin-right: 3%;}
   .board_notice_register>form>.wrap_action>.submit{width: 146px; height: 40px; border-radius: 120px;  background: #222222; color: #FFFFFF; cursor: pointer;}
   .board_notice_register #editor-container{height: 400px;}

   /*Inquiry*/
   #Inquiry{position: relative; width: 100%; padding: 10% 0; display: flex; flex-direction: column; justify-content: center; align-items: center;}
   #Inquiry>h2{font-weight: 500; font-size: 38px; line-height: 55px; text-align: center; color: #272430; margin-bottom: 5%;}
   #Inquiry>div{width: 60%; margin-bottom: 5%;}
   #Inquiry>div:last-child{margin-bottom: 0;}
   #Inquiry>div>h3{font-weight: 700; font-size: 26px; line-height: 38px; color: #423676; margin-bottom: 3%;}
   #Inquiry>div>.dash{width: 100%; border: 1px dashed #777777; margin-bottom: 3%;}
   #Inquiry>.inquiry_one>ul>li{display: flex; align-items: center; margin-bottom: 2%;}
   #Inquiry>.inquiry_one>ul>li:last-child{margin-bottom: 0;}
   #Inquiry>.inquiry_one>ul>li>h4{width: 150px; font-weight: 500; font-size: 18px; line-height: 26px; color: #272430;}
   #Inquiry>.inquiry_one>ul>li>p{font-weight: 400; font-size: 18px; line-height: 26px; color: #3A3A3A;}
   #Inquiry>.inquiry_two>.map{width: 100%; margin-bottom: 2%; border: 1px solid #949494; border-radius: 5px; }
   #Inquiry>.inquiry_two>ul{display: flex; flex-direction: column; justify-content: center; align-items: center;}
   #Inquiry>.inquiry_two>ul>li{text-align: center; font-weight: 400; font-size: 17px; line-height: 25px; color: #777777;}

   /*Reservation*/
   #Reservation_mobile{display: none;}
   #Reservation{position: relative;  width: 100%; padding: 10% 0; display: flex; flex-direction: column; justify-content: center; align-items: center;}
   #Reservation>h2{font-weight: 500; font-size: 38px; line-height: 55px; text-align: center; color: #272430; margin-bottom: 2%;}
   #Reservation>.reserv_btn{width: 120px; height: 32px; background: #222222; border-radius: 16px; cursor: pointer; font-weight: 400; font-size: 14px; line-height: 20px; color: #FFFFFF; margin-bottom: 3%;}
   #Reservation>.search{display: flex; width: 80%; justify-content: space-between; align-items: end; margin-bottom: 1%;}
   #Reservation>.search>p{width: 20%; font-weight: 500; font-size: 16px; line-height: 23px; letter-spacing: -0.06em; color: #222222;}
   #Reservation>.search>ul{width: 80%; display: flex; justify-content: space-between;}
   #Reservation>.search>ul>li{margin-right: 0.5%}
   #Reservation>.search>ul>li:last-child{margin-right: 0;}
   #Reservation>.search>ul>li:nth-child(1){width: 10%; height: 42px; }
   #Reservation>.search>ul>li:nth-child(2){width: 60%; height: 42px; }
   #Reservation>.search>ul>li:nth-child(3){width: 15%; height: 42px;}
   #Reservation>.search>ul>li:nth-child(4){width: 10%; height: 42px;}
   #Reservation>.search>ul>li:nth-child(1)>select{width: 100%; height: 100%; border: 1px solid #C9C9C9;; border-radius: 4px; font-weight: 500; font-size: 16px; line-height: 23px; color: rgba(26, 26, 26, 0.8);}
   #Reservation>.search>ul>li:nth-child(2)>input{width: 100%; height: 100%; border: 1px solid #C9C9C9;; border-radius: 4px; font-weight: 500; font-size: 16px; line-height: 23px; color: rgba(26, 26, 26, 0.8);}
   #Reservation>.search>ul>li:nth-child(3)>input{width: 100%; height: 100%; background: #FAFAFA; border: 1px solid #C9C9C9; border-radius: 4px; font-weight: 700; font-size: 16px; line-height: 22px; color: rgba(26, 26, 26, 0.8); cursor: pointer;}
   #Reservation>.search>ul>li:nth-child(4)>select{width: 100%; height: 100%; border: 1px solid #C9C9C9;; border-radius: 4px; font-weight: 500; font-size: 16px; line-height: 22px; color: rgba(26, 26, 26, 0.8); }
   #Reservation tr{height: 50px;}
   #Reservation th{border: 1px solid #DDDDDD; padding: 1% 0; text-align: center; font-weight: 400; font-size: 14px; line-height: 20px; color: #222222; }
   #Reservation td{border: 1px solid #DDDDDD; padding: 2% 0; text-align: center; font-weight: 400; font-size: 14px; line-height: 20px; color: #1A1A1A; }
   #Reservation>table{width: 80%; border-collapse: collapse; margin-bottom: 2%;}
   #Reservation>table>thead{background: #F5F5F5;}
   #Reservation>table>tbody>tr>.table_title{height: 50px; display: flex; flex-direction: column; justify-content: center; align-items: center; cursor: pointer; border-top: none; border-left: none; border-right: none;}
   #Reservation>table>tbody>tr>.table_title>a{width: 90%; display: flex; align-items: center; margin-bottom: 1%;}
   #Reservation>table>tbody>tr>.table_title>a>img{width: 10.67px; height: 14px; object-fit: contain; margin-right: 2%;}
   #Reservation>table>tbody>tr>.table_title>a>h3{font-weight: 400; font-size: 14px; line-height: 20px; text-align: center; color: #1A1A1A;}
   #Reservation>table>tbody>tr>.table_title>div{width: 80%; display: flex; align-items: center;}
   #Reservation>table>tbody>tr>.table_title>div>p{color: #777777; font-weight: 400; font-size: 14px; line-height: 20px; text-align: center;}
   #Reservation>table>th{font-weight: 400; font-size: 14px; line-height: 20px; color: #222222; border: 1px solid #DDDDDD;}
   #Reservation>table>td{font-weight: 400; font-size: 14px; line-height: 20px; text-align: center; color: #1A1A1A;}

   /*secret*/
   #Secret{position: relative;  width: 100%; padding: 10% 0; display: flex; flex-direction: column; justify-content: center; align-items: center;}
   #Secret>div:nth-child(1){width: 60%; padding: 5% 0%; background: #FFFFFF; border: 1px solid #D9D9D9; display: flex; flex-direction: column; justify-content: center; align-items: center; margin-bottom: 2%;}
   #Secret>div:nth-child(1)>img{width: 48px; height: 63px; object-fit: contain; margin-bottom: 3%;}
   #Secret>div:nth-child(1)>p{font-weight: 400; font-size: 16px; line-height: 178.3%; text-align: center; color: #919191; margin-bottom: 3%;}
   #Secret>div:nth-child(1)>form{width: 70%; padding: 2% 0; background: #F9F9F9; display: flex; justify-content: center; align-items: center;}
   #Secret>div:nth-child(1)>form>label{font-weight: 400; font-size: 18px; line-height: 26px; color: #333333; margin-right: 3%;}
   #Secret>div:nth-child(1)>form>#my_pw{width: 40%; padding: 1.5% 3%; background: #FFFFFF; border: 1px solid #E3E3E3; margin-right: 3%;}
   #Secret>div:nth-child(1)>form>#pw_ok{padding: 1% 2%; background: #FFFFFF; border: 1px solid #E3E3E3; font-weight: 400; font-size: 14px; line-height: 20px; color: #333333; cursor: pointer;}
   #Secret>div:nth-child(2){width: 60%; height: 0; border: 1px solid #D9D9D9; margin-bottom: 2%;}

   /*Reservdetail*/
   #Reservdetail{position: relative;  width: 100%; padding: 10% 0; display: flex; flex-direction: column; justify-content: center; align-items: center;}
   #Reservdetail>.board_reservation_detail{width: 60%;}
   #Reservdetail .indicator{font-weight: 500; font-size: 20px; line-height: 29px; letter-spacing: -0.06em; color: #222222; margin-bottom: 3%;}
   #Reservdetail .top>p{font-weight: 500; font-size: 16px; line-height: 18px; color: #222222;}
   #Reservdetail .top>span{font-weight: 500; font-size: 14px; line-height: 18px; color: #777777;}
   #Reservdetail .bottom{font-weight: 500; font-size: 14px; line-height: 215%; color: #A7A7A7; margin-bottom: 2%;}
   #Reservdetail .top2>p{font-weight: 500; font-size: 16px; line-height: 18px; color: #222222;}
   #Reservdetail .top2>span{font-weight: 500; font-size: 14px; line-height: 18px; color: #777777;}
   #Reservdetail .bottom2{font-weight: 400; font-size: 14px; line-height: 215%; color: #272430; }
   #Reservdetail .wrap_action2{display: none;}
   #Reservdetail .wrap_action_add>button{width: 90px; height: 38px; background: #FFFFFF; border: 1px solid #E3E3E3; box-shadow: inset 0px 4px 4px rgba(184, 184, 184, 0.25); border-radius: 4px; font-weight: 500; font-size: 14px; line-height: 20px; color: #272430; cursor: pointer;}
   #Reservdetail .wrap_action_add>button>a{font-weight: 500; font-size: 14px; line-height: 20px; color: #272430; cursor: pointer;}
   #Reservdetail .top2 img{width: 9px; height: 9px; object-fit: contain; margin-right: 2%;}
   
   /*Reservform*/
   #Reservform{position: relative;  width: 100%; padding: 10% 0; display: flex; flex-direction: column; justify-content: center; align-items: center;}
   #Reservform>h2{font-weight: 500; font-size: 38px; line-height: 55px; text-align: center; color: #272430; margin-bottom: 4%;}
   #Reservform>form{position: relative; width: 80%; margin-bottom: 2%;}
   #Reservform>form>table{width: 100%; padding:0; border:0; border-collapse: separate; border-spacing: 0 20px;}
   #Reservform>form>table>tbody{width: 100%;}
   #Reservform th{padding:0; border: 0px; width: 20%; text-align: left; font-weight: 400; font-size: 20px; line-height: 160%; color: #272430; }
   #Reservform td{padding:0; border: 0px; width: 80%;}
   #Reservform label{width: 100%; font-weight: 400; font-size: 20px; line-height: 160%; color: #272430;}
   #Reservform input{width: 60%; padding: 2.2% 3%; background: #FFFFFF; border: 1px solid #777777;}
   #Reservform .my_phone{width: 43%; margin-right: 2%;}
   #Reservform .phone_button{width: 15%; text-align: center; font-weight: 400; font-size: 18px; line-height: 160%; color: #272430; padding: 0.6% 2%; cursor: pointer;}
   #Reservform .title{width: 94%;}
   #Reservform .editable{width: 98%; height: 400px; padding: 1%; border: 1px solid #DDDDDD;}
   #Reservform .editable>p{font-weight: 400; font-size: 16px; line-height: 180%; color: #272430;}
   #Reservform .button{display: flex; justify-content: center; align-items: center;}
   #Reservform .button>.back{width: 141px; height: 40px; background: #E6E6E6; border: 0; text-align: center; border-radius: 120px; font-weight: 400; font-size: 14px; line-height: 20px; color: #A5A5A5; cursor: pointer; margin-right: 5%;}
   #Reservform .button>.submit{width: 141px; height: 40px; background: #222222;; border: 0; text-align: center; border-radius: 120px; font-weight: 400; font-size: 14px; line-height: 20px; color: #FFFFFF; cursor: pointer;}
  
   /*login*/
   #Iogin{position: relative;  width: 100%; padding: 10% 0; display: flex; flex-direction: column; justify-content: center; align-items: center;}
   #Iogin>img{width: 227px; height: 57px; object-fit: contain; margin-bottom: 3%;}
   #Iogin>form{width: 50%;}
   #Iogin>form>table{width: 100%;}
   #Iogin>form>table>tbody{width: 100%;}
   #Iogin tr{display: flex; flex-direction: column; justify-content: center; align-items: start; margin-bottom: 5%;}
   #Iogin tr:nth-child(2){margin-bottom: 10%;}
   #Iogin tr:last-child{margin-bottom: 0;}
   #Iogin th{font-weight: 500; font-size: 18px; line-height: 26px; color: #777777; margin-bottom: 2%;}
   #Iogin td{width: 100%;}
   #Iogin td>input{width: 90%; padding: 0 5%; background: #FFFFFF; border: 2px solid #D8D8D8; border-radius: 4px; font-weight: 500; font-size: 16px; line-height: 50px; color: #A7A7A7;}
   #Iogin td>.login_ok{width: 100%; background: #573C81; border: 0; font-weight: 700; color: #FFFFFF; cursor: pointer;}
   #Iogin>div{width: 50%; display: flex; justify-content: space-between; align-items: center;}
   #Iogin>div>p{font-weight: 400; font-size: 14px; line-height: 50px; color: #A7A7A7;}
   #Iogin>div>button>a{font-weight: 400; font-size: 14px; line-height: 50px; color: #A7A7A7;}
   .login_naver{
    display:block; width:100%; max-width:50%; height:50px; margin:5px auto; background-image:url('/user/img/0.logo/login_naver.svg'); background-repeat:no-repeat; background-size: cover; background-position: center;}

    .login_kakao{
    display:block; width:100%; max-width:50%; height:50px; margin:0px auto; background-image:url('/user/img/0.logo/login_kakao.svg'); background-repeat:no-repeat;background-size: cover; background-position: center;}

   /*join*/
   #Join{position: relative;  width: 100%; padding: 10% 0; display: flex; flex-direction: column; justify-content: center; align-items: center;}
   #Join>h2{font-weight: 500; font-size: 30px; line-height: 55px; text-align: center; color: #272430; margin-bottom: 3%;}
   #Join>form{width: 60%; margin-bottom: 5%;}
   #Join>form>div{margin-bottom: 3%;}
   #Join>form>div:nth-child(2){margin-bottom: 1%; height: 300px; overflow-y: scroll;}
   #Join>form>div:nth-child(4){margin-bottom: 1%; height: 300px; overflow-y: scroll;}
   #Join>form>.check_box{display: flex; justify-content: end; align-items: center;}
   #Join>form>.check_box>input{background: #FFFFFF; border: 1px solid #333333; border-radius: 1px;}
   #Join>form>.check_box>label{font-weight: 400; font-size: 16px; line-height: 160%; color: #000000;}
   #Join>form>.check_text{width: 96%; padding: 4% 2%; background: #FFFFFF; border: 1px solid #777777;}
   #Join>form>.check_text>p{font-weight: 400; font-size: 16px; line-height: 160%; color: #3A3A3A;}
   #Join>.join_ok{width: 120px; height: 40px; background: #222222; border-radius: 130px; cursor: pointer;}
   #Join>.join_ok>a{font-weight: 400; font-size: 14px; line-height: 20px; color: #FFFFFF;}
   
   #Join #all_ok+label{height:22px; line-height:22px; background: url('/user/img/13.join/check_off.png') no-repeat 0 0px / contain; padding-left:40px; }
   #Join #first_ok+label{height:22px; line-height:22px; background: url('/user/img/13.join/check_off.png') no-repeat 0 0px / contain; padding-left:40px;}
   #Join #two_ok+label{height:22px; line-height:22px; background: url('/user/img/13.join/check_off.png') no-repeat 0 0px / contain; padding-left:40px;}

   #Join #all_ok:checked+label{background: url('/user/img/13.join/check_on.png') no-repeat 0 0px / contain;}
   #Join #first_ok:checked+label{background: url('/user/img/13.join/check_on.png') no-repeat 0 0px / contain;}
   #Join #two_ok:checked+label{background: url('/user/img/13.join/check_on.png') no-repeat 0 0px / contain;}
   
   input[type="checkbox"] {
     display: none;
   }

   /*mypage*/
   #Mypage{position: relative;  width: 100%; padding: 10% 0; display: flex; flex-direction: column; justify-content: center; align-items: center;}
   #Mypage>h2{font-weight: 500; font-size: 38px; line-height: 55px; text-align: center; color: #272430; margin-bottom: 5%;}
   #Mypage>form{width: 60%; display: flex; flex-direction: column; justify-content: center; align-items: center;}
   #Mypage>form>div{width: 100%; margin-bottom: 5%;}
   #Mypage>form>div>h3{font-weight: 500; font-size: 22px; line-height: 32px; color: #222222; margin-bottom: 3%;}
   #Mypage>form>div>div{width: 100%; display: flex; justify-content: space-between; align-items: top; margin-bottom: 2%;}
   #Mypage>form>div>div>div:nth-child(1){width: 30%; font-weight: 400; font-size: 20px; line-height: 160%; color: #272430;}
   #Mypage>form>div>div>div:nth-child(1)>p{font-weight: 400; font-size: 20px; line-height: 160%; color: #272430;}
   #Mypage>form>div>div>div:nth-child(2){width: 70%;}
   #Mypage>form>div>.one>div:nth-child(2){display: flex; align-items: center;}
   #Mypage>form>div>div>div:nth-child(2)>input{height: 50px; width: 94%; background: #FFFFFF; border: 1px solid #777777; padding: 0 3%;}
   #Mypage>form>div>.one>div:nth-child(2)>input{width: 30%; margin-right: 2%;}
   #Mypage>form>div>.one>div:nth-child(2)>button{width: 90px; height: 50px; background: #FFFFFF; border: 1px solid #777777; font-style: normal; font-weight: 400; font-size: 16px; color: #272430; cursor: pointer;}
   #Mypage>form>div>.two>div{display: flex; flex-direction: column;}
   #Mypage>form>div>.two>div:nth-child(2)>p{font-weight: 400; font-size: 14px; line-height: 160%; color: #423477;}
   #Mypage>form>div>.five>div:nth-child(2){display: flex;}
   #Mypage>form>div>.five>div:nth-child(2)>label{display: block; width: 110px; height: 49px; border: 1px solid #777777; font-weight: 400; font-size: 18px; line-height: 49px; text-align: center; margin-right: 1%;}
   #Mypage>form>div>.six>div:nth-child(2)>.phone{display: flex; justify-content: space-between; align-items: center; margin-bottom: 2%;}
   #Mypage>form>div>.six>div:nth-child(2)>.phone>.phone_one{width: 73%; display: flex; justify-content: space-between; align-items: center;}
   #Mypage>form>div>.six>div:nth-child(2)>.phone>.phone_one *{width: 32%;}
   #Mypage>form>div>.six>div:nth-child(2)>.phone>.phone_one>#phone_number{height: 49px; background: #FFFFFF; border: 1px solid #777777; font-weight: 400; font-size: 18px; line-height: 49px; color: #000000;}
   #Mypage>form>div>.six>div:nth-child(2)>.phone>.phone_one>input{height: 45px;}
   #Mypage>form>div>.six>div:nth-child(2)>.phone>.phone_two{width: 24%; display: flex; justify-content: end; align-items: center;}
   #Mypage>form>div>.six>div:nth-child(2)>.phone>.phone_two>button{width: 90px; height: 49px; background: #FFFFFF; border: 1px solid #777777; text-align: center; font-weight: 400; font-size: 16px; line-height: 49px; color: #272430; cursor: pointer;}
   #Mypage>form>div>.six>div:nth-child(2)>.certi{display: flex; justify-content: space-between; align-items: center;}
   #Mypage>form>div>.six>div:nth-child(2)>.certi>.certi_one{width: 68%;}
   #Mypage>form>div>.six>div:nth-child(2)>.certi>.certi_one>input{width: 94%; height: 45px; padding: 0 3%; font-weight: 400; font-size: 18px; line-height: 160%; color: #A7A7A7;}
   #Mypage>form>div>.six>div:nth-child(2)>.certi>.certi_two{width: 29%;}
   #Mypage>form>div>.six>div:nth-child(2)>.certi>.certi_two>button{width: 100%; height: 49px; background: #FFFFFF; border: 1px solid #777777; font-weight: 400; font-size: 16px; line-height: 49px; text-align: center; color: #272430; cursor: pointer;}
   #Mypage>form>div>.seven>div:nth-child(2)>p{font-weight: 400; font-size: 14px; line-height: 160%; color: #423477;}

   #Mypage>form>div:nth-child(2)>h3>span{font-size: 14px; line-height: 160%; color: #777777;}
   #Mypage>form>div:nth-child(2)>.eight>div:nth-child(2){display: flex; align-items: center;}
   #Mypage>form>div:nth-child(2)>.eight>div:nth-child(2)>label{display: block; width: 110px; height: 49px; border: 1px solid #777777; font-weight: 400; font-size: 18px; line-height: 49px; text-align: center; margin-right: 1%;}
   #Mypage>.mypage_ok{width: 120px; height: 40px; background: #222222; border-radius: 130px; cursor: pointer;}
   #Mypage>.mypage_ok>a{font-weight: 400; font-size: 14px; line-height: 16px; color: #FFFFFF; }

   #man{display: none;}
   #man:checked + label{
     color: #FFFFFF;
     background: #423477;
   }

   #woman{display: none;}
   #woman:checked + label{
     color: #FFFFFF;
     background: #423477;
   }

   #stud_man{display: none;}
   #stud_man:checked + label{
     color: #FFFFFF;
     background: #423477;
   }

   #stud_woman{display: none;}
   #stud_woman:checked + label{
     color: #FFFFFF;
     background: #423477;
   }


     /*mypagedetail*/
   #Mypagedetail{position: relative;  width: 100%; padding: 10% 0; display: flex; flex-direction: column; justify-content: center; align-items: center;}
   #Mypagedetail>h2{font-weight: 500; font-size: 38px; line-height: 55px; text-align: center; color: #272430; margin-bottom: 5%;}
   #Mypagedetail>form{width: 60%; display: flex; flex-direction: column; justify-content: center; align-items: center;}
   #Mypagedetail>form>div{width: 100%; margin-bottom: 5%;}
   #Mypagedetail>form>div>h3{font-weight: 500; font-size: 22px; line-height: 32px; color: #222222; margin-bottom: 3%;}
   #Mypagedetail>form>div>div{width: 100%; display: flex; justify-content: space-between; align-items: top; margin-bottom: 2%;}
   #Mypagedetail>form>div>div>div:nth-child(1){width: 30%; font-weight: 400; font-size: 20px; line-height: 160%; color: #272430;}
   #Mypagedetail>form>div>div>div:nth-child(1)>p{font-weight: 400; font-size: 20px; line-height: 160%; color: #272430;}
   #Mypagedetail>form>div>div>div:nth-child(2){width: 70%;}
   #Mypagedetail>form>div>.one>div:nth-child(2){display: flex; align-items: center;}
   #Mypagedetail>form>div>div>div:nth-child(2)>input{height: 50px; width: 94%; background: #FFFFFF; border: 1px solid #777777; padding: 0 3%;}
   #Mypagedetail>form>div>.one>div:nth-child(2)>input{width: 94%;}
   #Mypagedetail>form>div>.one>div:nth-child(2)>button{width: 90px; height: 50px; background: #FFFFFF; border: 1px solid #777777; font-style: normal; font-weight: 400; font-size: 16px; color: #272430; cursor: pointer;}
   #Mypagedetail>form>div>.two>div{display: flex; flex-direction: column;}
   #Mypagedetail>form>div>.two>div:nth-child(2)>p{font-weight: 400; font-size: 14px; line-height: 160%; color: #423477;}
   #Mypagedetail>form>div>.five>div:nth-child(2){display: flex;}
   #Mypagedetail>form>div>.five>div:nth-child(2)>label{display: block; width: 110px; height: 49px; border: 1px solid #777777; font-weight: 400; font-size: 18px; line-height: 49px; text-align: center; margin-right: 1%;}
   #Mypagedetail>form>div>.six>div:nth-child(2)>.phone{display: flex; justify-content: space-between; align-items: center; margin-bottom: 2%;}
   #Mypagedetail>form>div>.six>div:nth-child(2)>.phone>.phone_one{width: 80%; display: flex; justify-content: space-between; align-items: center;}
   #Mypagedetail>form>div>.six>div:nth-child(2)>.phone>.phone_one>input{height: 45px; width: 26%; padding: 0 3%;}
   #Mypagedetail>form>div>.six>div:nth-child(2)>.phone>.phone_two{width: 20%; display: flex; justify-content: end; align-items: center;}
   #Mypagedetail>form>div>.six>div:nth-child(2)>.phone>.phone_two>button{width: 90%; height: 49px; background: #FFFFFF; border: 1px solid #777777; text-align: center; font-weight: 400; font-size: 16px; line-height: 49px; color: #272430; cursor: pointer;}
   #Mypagedetail>form>div>.six>div:nth-child(2)>.certi{display: flex; justify-content: space-between; align-items: center;}
   #Mypagedetail>form>div>.six>div:nth-child(2)>.certi>.certi_one{width: 68%;}
   #Mypagedetail>form>div>.six>div:nth-child(2)>.certi>.certi_one>input{width: 94%; height: 45px; padding: 0 3%; font-weight: 400; font-size: 18px; line-height: 160%; color: #A7A7A7;}
   #Mypagedetail>form>div>.six>div:nth-child(2)>.certi>.certi_two{width: 29%;}
   #Mypagedetail>form>div>.six>div:nth-child(2)>.certi>.certi_two>button{width: 100%; height: 49px; background: #FFFFFF; border: 1px solid #777777; font-weight: 400; font-size: 16px; line-height: 49px; text-align: center; color: #272430; cursor: pointer;}
   #Mypagedetail>form>div>.seven>div:nth-child(2)>p{font-weight: 400; font-size: 14px; line-height: 160%; color: #423477;}
   #Mypagedetail>form>div>.three>div:nth-child(2){display: flex; justify-content: space-between; width: 70%;}
   #Mypagedetail>form>div>.three>div:nth-child(2)>input{width: 60%;}
   #Mypagedetail>form>div>.three>div:nth-child(2)>button{width: 32%; height: 49px; background: #FFFFFF; border: 1px solid #777777; text-align: center; font-weight: 400; font-size: 16px; line-height: 49px; color: #272430; cursor: pointer;}

   #Mypagedetail>form>div:nth-child(2)>h3>span{font-size: 14px; line-height: 160%; color: #777777;}
   #Mypagedetail>form>div:nth-child(2)>.eight>div:nth-child(2){display: flex; align-items: center;}
   #Mypagedetail>form>div:nth-child(2)>.eight>div:nth-child(2)>label{display: block; width: 110px; height: 49px; border: 1px solid #777777; font-weight: 400; font-size: 18px; line-height: 49px; text-align: center; margin-right: 1%;}
    #Mypagedetail>.mypage_button{display: flex;}
    #Mypagedetail>.mypage_button>button{width: 120px; height: 40px; background: #222222; border-radius: 130px; cursor: pointer;}
    #Mypagedetail>.mypage_button>button>a{font-weight: 400; font-size: 14px; line-height: 16px; color: #FFFFFF; }
    #Mypagedetail>.mypage_button>.mypage_cancel{background: #E6E6E6;  margin-right: 2%;}
    #Mypagedetail>.mypage_button>.mypage_cancel>a{color: #A5A5A5; }


    .search_list{width: 60%; display: flex; justify-content: flex-end; align-items: center; }
    .search_list>form{width: 50%; margin-bottom: 2%;}
    .search_list>form>table>tbody>tr>td{width: 100%; display: flex; justify-content: space-between;}
    .search_list>form>table>tbody>tr>td>select{width: 29%; height: 52px; background: #FFFFFF; border: 1px solid #777777; font-family: 'NEXON Lv2 Gothic'; font-weight: 400; font-size: 18px; line-height: 160%; color: #000000; margin-right: 1%;}
    .search_list>form>table>tbody>tr>td>select>option{border: 1px solid #E7E7E7; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); font-weight: 400; font-size: 15px; line-height: 160%; color: #A7A7A7;}
    .search_list>form>table>tbody>tr>td>#my_search_list{width: 49%; height: 51px; background: #FFFFFF; border: 1px solid #777777;  font-family: 'NEXON Lv2 Gothic'; font-weight: 400; font-size: 18px; line-height: 160%; color: #000000; margin-right: 1%;}
    .search_list>form>table>tbody>tr>td>.search_btn{width: 20%; height: 52px; padding: 0 2%; background: #26292F; border: 1px solid #26292F; font-weight: 500; font-size: 18px; line-height: 20px; display: flex; justify-content: center; align-items: center; color: #FFFFFF; text-align: center; cursor: pointer;}


    .review_button{padding: 0 auto; display: flex; justify-content: center;  align-items: center;}
    .review_button>.review_button{padding: 0 5%; cursor: pointer;}
    .review_button>button>p{font-family: 'NEXON Lv2 Gothic'; font-weight: 400; font-size: 20px; line-height: 160%; text-align: center;}
    .review_button>ol{margin: 0 40%; display: flex; justify-content: center;}
    .review_button>ol>li{display: flex;  align-items: center; padding: 0 10%;}
    .review_button>ol>li>p{font-family: 'NEXON Lv2 Gothic'; font-weight: 400; font-size: 20px; line-height: 160%; color: #000000; cursor: pointer; text-align: center;}

    
  }
















@media screen and (min-width:601px) and (max-width:900px){
    .br_pc{display: none;}

    /*institute*/
    #Institute{position: relative; width: 100%; padding: 15% 0; display: flex; flex-direction: column; justify-content: center; align-items: center;}
    #Institute>h2{font-weight: 700; font-size: 45px; line-height: 90px; letter-spacing: -0.01em; color: #272430; margin-bottom: 3%;}
    #Institute>h3{font-family: 'NEXON Lv2 Gothic';font-size: 22px; line-height: 35px; color: #8A8A8A; margin-bottom: 5%;}
    #Institute>img{width: 130px; height: 117px; object-fit: contain; margin-bottom: 10%;}
    #Institute>div{display: flex; flex-direction: column; justify-content: center; align-items: baseline;}
    #Institute>div>h4{font-size: 30px; line-height: 49px; color: #272430; margin-bottom: 4%;}
    #Institute>div>h4>span{color: #281153; font-weight: 700;}
    #Institute>div>p{width: 423px; font-weight: 300; letter-spacing: -0.02em; color: #272430;}

    /*researcher*/
    #Researcher{position: relative; width: 100%; padding: 20% 0; display: flex; flex-direction: column; justify-content: center; align-items: center;}
    #Researcher>h2{font-weight: 500; font-size: 30px; line-height: 90px; text-align: center; color: #272430; margin-bottom: 15%;}
    #Researcher>ul{width: 100%;}
    #Researcher>ul>li{width: 100%; margin-bottom: 15%; display: flex; flex-direction: column; justify-content: center; align-items: center;}
    #Researcher>ul>li>div{width: 90%;}
    #Researcher>ul>li>div:nth-child(1){position: relative; height: 50px; margin-bottom: 1%; display: flex; align-items: center; justify-content: baseline;}
    #Researcher>ul>li>div:nth-child(1)>img{width: 28.85px; height: 25.96px; object-fit: contain; margin-right: 3%;}
    #Researcher>ul>li>div:nth-child(1)>h3{font-family: 'NEXON Lv2 Gothic'; font-weight: 300; font-size: 22px; line-height: 35px; color: #281153;}
    #Researcher>ul>li>div:nth-child(1)>h3>span{font-weight: 700;}
    #Researcher>ul>li>div:nth-child(2){display: block;  width: 100%; height: 0px; border-bottom: 1px solid #A7A7A7; margin-bottom: 7%;}
    #Researcher>ul>li>div:nth-child(3){width: 90%; padding-left: 2%; display: flex; flex-direction: column; align-items: center; justify-content: center;}
    #Researcher>ul>li>div:nth-child(3)>img{width: 150px; height: 194px; background: #D9D9D9; border-radius: 10px; margin-bottom: 7%;}
    #Researcher>ul>li>div:nth-child(3)>p{width: 100%; font-family: 'NEXON Lv2 Gothic'; font-weight: 300; font-size: 17px; line-height: 180%; letter-spacing: -0.02em; color: #272430; margin-bottom: 5%;}
    #Researcher>ul>li>div:nth-child(3)>p>span{font-weight: 700;}
    #Researcher>ul>li>div:nth-child(3)>p:last-child{margin-bottom: 0;}

    /*brain*/
    #Brain{position: relative; width: 100%; padding: 15% 0;  display: flex; flex-direction: column; justify-content: center; align-items: center;}
    #Brain>h2{font-weight: 500; font-size: 40px; line-height: 61px; text-align: center; color: #272430; margin-bottom: 4%;}
    #Brain>.brain_one{position: relative; width: 70%; margin-bottom: 6%; display: flex; justify-content: center; align-items: center;}
    #Brain>.brain_one>img{position: absolute; left: -7%; top: 5%; width: 80px; height: 70.88px; object-fit: contain; z-index: 998;}
    #Brain>.brain_one>div{width: 100%; padding: 2% 10%; background: #ECEBF1; border-radius: 10px; display: flex; flex-direction: column; justify-content: center; align-items: center;}
    #Brain>.brain_one>div>p{width: 85%; line-height: 180%; letter-spacing: -0.005em; color: #272430;}
    #Brain>.brain_one>div>p>span{font-weight: 700;}
    #Brain>.brain_two{width: 90%; position: relative; display: flex; justify-content: center; align-items: center; }
    #Brain>.brain_two>div:nth-child(1){width: 100%; background: #FFFFFF; border: 1px solid #A7A7A7; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); display: flex; flex-direction: column; justify-content: center; align-items: center; z-index: 998;}
    #Brain>.brain_two>div:nth-child(1)>img{width: 50%; width: 90%; margin: 5% 1%;}
    #Brain>.brain_two>div:nth-child(2){position: absolute; left: 3%; top: 6%; width: 100%; height: 100%; background: #ECEBF1;}

    img.infinite_rotating_logo{
        animation: rotate_image 10s linear infinite;
        transform-origin: 50% 50%;
    }
     
    @keyframes rotate_image{
        100% {
            transform: rotate(360deg);
        }
    }

    /*Maps*/
    .br_mobile{display: block;}
    .bold_mobile{font-weight: 700;}
    #Tabs{position: relative; width: 100%; padding: 20% 0; display: flex; flex-direction: column; justify-content: center; align-items: center;}
    #Tabs>div{width: 80%; display: flex; align-items: center;  margin-bottom: 10%;}
    #Tabs>div>.tabs_title{width: 100%; height: 62px; background: #EFEFEE; display: flex; align-items: center; justify-content: space-between; border-top-left-radius: 30px; border-top-right-radius: 30px; border-bottom-left-radius: 30px; border-bottom-right-radius: 30px;}
    #Tabs>div>.tabs_title>li{width: 33.33%; height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; cursor: pointer;}
    #Tabs>div>.tabs_title>li:first-child{border-top-left-radius: 30px; border-bottom-left-radius: 30px;}
    #Tabs>div>.tabs_title>li:last-child{border-top-right-radius: 30px; border-bottom-right-radius: 30px;}
    #Tabs>div>.tabs_title>li>h2{width: 80%; font-family: 'NEXON Lv2 Gothic'; font-style: normal; font-weight: 700; font-size: 14px; line-height: 18px; text-align: center;}
    #Tabs>div>.line{position: absolute; width: 0px; height: 34px; border: 1.5px solid #C7C7C7;}
    #Tabs>div>.line_one{left: 35%;}
    #Tabs>div>.line_two{left: 65%;}
    .title_not_select{background: #EFEFEF;}
    .title_select{background: #281153;}
    .title_text_not_select{color: #A7A7A7;}
    .title_text_select{color: #FFFFFF;}

    #Tabs>.tabs_list{width: 90%;}
    #Tabs>.tabs_list>li{width: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center;}
    #Tabs>.tabs_list>.maps{width: 100%; display: flex; justify-content: center; align-items: center;}
    #Tabs>.tabs_list>li>h2{font-family: 'Noto Sans KR'; font-style: normal; font-weight: 500; font-size: 30px; line-height: 35px; color: #272430; text-align: center; margin-bottom: 15%;}
    #Tabs>.tabs_list>.maps>.maps_one{width: 100%; display: flex; justify-content: right; align-items: center; margin-bottom: 10%;}
    #Tabs>.tabs_list>.maps>.maps_one>img{position: absolute; left: 6%; top: 26%; width: 43px; height: 38.7px; object-fit: contain;}
    #Tabs>.tabs_list>.maps>.maps_one>div{width: 80%; padding: 7% 5%; padding-left: 8%; background: #ECEBF1; border-radius: 10px;}
    #Tabs>.tabs_list>.maps>.maps_one>div>p{font-weight: 500; font-size: 16px; line-height: 180%; letter-spacing: -0.005em; color: #272430;}
    #Tabs>.tabs_list>.maps>.maps_two{width: 100%; position: relative;  display: flex; justify-content: center; align-items: center; margin-bottom: 10%;}
    #Tabs>.tabs_list>.maps>.maps_two>div:nth-child(1){width: 100%; background: #FFFFFF; border: 1px solid #A7A7A7; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); display: flex; flex-direction: column; justify-content: center; align-items: center; z-index: 998;}
    #Tabs>.tabs_list>.maps>.maps_two>div:nth-child(1)>img{content: url(/user/img/5.maps/maps_mini_roadmap.png); width: 95%; margin: 5% 1%;}
    #Tabs>.tabs_list>.maps>.maps_two>div:nth-child(2){position: absolute; left: 3%; top: 6%; width: 100%; height: 100%; background: #ECEBF1;}
    #Tabs>.tabs_list>.maps>.maps_three{width: 100%; background: #FFFFFF; border: 1px solid #A7A7A7; display: flex; justify-content: center; align-items: center;}
    #Tabs>.tabs_list>.maps>.maps_three>p{font-family: 'NEXON Lv2 Gothic'; font-style: normal; font-weight: 400; font-size: 16px; line-height: 180%; letter-spacing: -0.04em; color: #272430; margin: 6% 4%;}
    
    #Tabs>.tabs_list>.typea>.typea_one{width: 100%; display: flex; flex-direction: column; justify-content: center; align-items: baseline; margin-bottom: 15%;}
    #Tabs>.tabs_list>.typea h3{font-weight: 700; font-size: 22px; line-height: 150%; letter-spacing: -0.005em; color: #272430; margin-bottom: 5%;}
    #Tabs>.tabs_list>.typea>.typea_one>p{font-size: 17px; line-height: 180%; letter-spacing: -0.03em; color: #3A3A3A;}
    #Tabs>.tabs_list>.typea>.typea_two{width: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; margin-bottom: 15%;}
    #Tabs>.tabs_list>.typea>.typea_two>img{width: 100%; content: url(/user/img/5.maps/typea_mini.png);}
    #Tabs>.tabs_list>.typea>.typea_three h3{margin-bottom: 10%;}
    #Tabs>.tabs_list>.typea>.typea_three>ol>li:first-child{margin-bottom: 10%;}
    #Tabs>.tabs_list>.typea>.typea_three>ol>li>div:nth-child(1){display: flex; margin-bottom: 4%;}
    #Tabs>.tabs_list>.typea>.typea_three>ol>li>div:nth-child(1)>img{width: 35px; height: 35px; object-fit: contain; margin-right: 2%;}
    #Tabs>.tabs_list>.typea>.typea_three>ol>li>div:nth-child(1)>h4{font-weight: 700; font-size: 17px; line-height: 150%; letter-spacing: -0.03em; color: #423676;}
    #Tabs>.tabs_list>.typea>.typea_three>ol>li>div:nth-child(2){width: 100%; display: flex; flex-direction: column; justify-content: center; align-items: end;}
    #Tabs>.tabs_list>.typea>.typea_three>ol>li>div:nth-child(2)>p{width: 90%; font-weight: 400; font-size: 17px; line-height: 180%; letter-spacing: 0.005em; color: #3A3A3A; }

    #Tabs>.tabs_list>.typeb{width: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center;}
    #Tabs>.tabs_list>.typeb>.typeb_one{width: 100%; display: flex; flex-direction: column; justify-content: center; align-items: baseline; margin-bottom: 10%;}
    #Tabs>.tabs_list>.typeb h3{font-weight: 700; font-size: 22px; line-height: 150%; letter-spacing: -0.005em; color: #423676; margin-bottom: 5%;}
    #Tabs>.tabs_list>.typeb>.typeb_one>p{font-weight: 400; font-size: 17px; line-height: 180%; letter-spacing: -0.03em; color: #3A3A3A; }
    #Tabs>.tabs_list>.typeb>.typeb_two{width: 100%; position: relative;  display: flex; justify-content: center; align-items: center; margin-bottom: 15%;}
    #Tabs>.tabs_list>.typeb>.typeb_two>div:nth-child(1){width: 100%; background: #FFFFFF; border: 1px solid #A7A7A7; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); display: flex; flex-direction: column; justify-content: center; align-items: center; z-index: 998;}
    #Tabs>.tabs_list>.typeb>.typeb_two>div:nth-child(1)>img{content: url(/user/img/5.maps/typeb_mini_roadmap.png); width: 95%; margin: 5% 1%;}
    #Tabs>.tabs_list>.typeb>.typeb_two>div:nth-child(2){position: absolute; left: 3%; top: 6%; width: 100%; height: 100%; background: #ECEBF1;}
    #Tabs>.tabs_list>.typeb>.typeb_three>p{font-weight: 400; font-size: 17px; line-height: 180%; letter-spacing: 0.005em; color: #3A3A3A;}

    /*Instruction*/
    #Instruction{position: relative; width: 100%; padding: 15% 0; display: flex; flex-direction: column; justify-content: center; align-items: center;}
    #Instruction>h2{font-weight: 500; font-size: 30px; line-height: 55px; text-align: center; color: #272430; margin-bottom: 4%;}
    #Instruction>ul{width: 80%;}
    #Instruction>ul>li{display: flex; flex-direction: column; justify-content: center; align-items: baseline; margin-bottom: 5%;}
    #Instruction>ul>li:last-child{margin-bottom: 0;}
    #Instruction>ul>li>h3{font-weight: 700; font-size: 20px; line-height: 38px; text-align: center; color: #423676; margin-bottom: 1%;}
    #Instruction>ul>li>.dash{width: 100%; height: 0; border: 1px dashed #777777; margin-bottom: 2%;}
    #Instruction>ul>li>p{font-weight: 400; font-size: 20px; line-height: 32px; color: #575757; margin-bottom: 2%;}
    #Instruction>ul>li>.box{width: 100%; position: relative;  display: flex; justify-content: center; align-items: center; margin-bottom: 2%;}
    #Instruction>ul>li>.box>.box_front{width: 100%; background: #FFFFFF; border: 1px solid #EDEDED; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); z-index: 998;}
    #Instruction>ul>li>.box>.box_front>p{font-weight: 500; font-size: 20px; line-height: 32px; color: #3A3A3A; margin: 3% 8%;}
    #Instruction>ul>li>.box>.box_back{position: absolute; left: 2%; top: 15%; width: 100%; height: 100%; background: #ECEBF1;}
    #Instruction>ul>li:nth-child(2)>.box{margin-bottom: 4%;}
    #Instruction>ul>li:nth-child(2)>ul{list-style: disc; width: 100%;}
    #Instruction>ul>li:nth-child(2)>ul>li{margin-left: 3%; font-weight: 400; font-size: 20px; line-height: 29px; color: #777777;}
    #Instruction>ul>li:nth-child(3)>div{width: 100%;}
    #Instruction>ul>li:nth-child(3)>div>img{width: 100%;}
    #Instruction>ul>li:nth-child(4)>ul>li{width: 100%; margin-bottom: 2%; background: #FFFFFF; border: 1px solid #A7A7A7; border-radius: 20px;}
    #Instruction>ul>li:nth-child(4)>ul>li>img{width: 100%;}
    #Instruction>ul>li:nth-child(4)>ul>li>div{padding: 3% 5%;}
    #Instruction>ul>li:nth-child(4)>ul>li>div>h4{font-weight: 500; font-size: 20px; line-height: 32px; color: #281153; margin-bottom: 1%;}
    #Instruction>ul>li:nth-child(4)>ul>li>div>p{ font-weight: 400; font-size: 18px; line-height: 160%; color: #777777;}

    /*Notices*/
    #Notices{position: relative; width: 100%; padding: 15% 0; display: flex; flex-direction: column; justify-content: center; align-items: center;}
    #Notices>h2{font-weight: 500; font-size: 30px; line-height: 55px; text-align: center; color: #272430; margin-bottom: 3%;}
    #Notices>ul{width: 80%; margin-bottom: 3%;}
    #Notices>ul>li{padding: 2% 1%; display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #EAEAEA;}
    #Notices>ul>li>h3{width: 75%;}
    #Notices>ul>li>h3>a{font-family: 'NEXON Lv2 Gothic'; font-style: normal; font-weight: 400; font-size: 18px; line-height: 160%; color: #272430;}
    #Notices>ul>li>p{width: 20%; text-align: end; font-family: 'NEXON Lv2 Gothic'; font-style: normal; font-weight: 400; font-size: 13px; line-height: 160%; color: #A5A3A9;}
    #Notices>ul>li>.impor_notice{width: 48px; height: 25px; display: flex; flex-direction: column; justify-content: center; align-items: center; background: #500E85; border-radius: 25px; margin-right: 20px;}
    #Notices>ul>li>.impor_notice>p{font-weight: 500; font-size: 14px; line-height: 25px; color: #FFFFFF;}

    /*Viewnotices*/
    #Viewnotices{position: relative; width: 100%; padding: 10% 0; display: flex; flex-direction: column; justify-content: center; align-items: center;}
    #Viewnotices>h2{font-weight: 500; font-size: 30px; line-height: 55px; text-align: center; color: #272430; margin-bottom: 3%;}
    #Viewnotices>.view_one{width: 85%; margin-bottom: 3%;}
    #Viewnotices>.view_one>div:nth-child(1){ display: flex; flex-direction: column; align-items: center; justify-content: center; border-bottom: 1px solid #EAEAEA;}
    #Viewnotices>.view_one>div:nth-child(1)>div{width: 95%; display: flex; flex-direction: column; justify-content: space-between;}
    #Viewnotices>.view_one>div:nth-child(1)>div>h3{text-align: left; width: 70%; font-weight: 400; font-size: 16px; line-height: 160%; color: #272430; margin-bottom: 1%;}
    #Viewnotices>.view_one>div:nth-child(1)>div>p{text-align: left; width: 30%; font-weight: 400; font-size: 14px; line-height: 160%; color: #A5A3A9; margin-bottom: 2%;}
    #Viewnotices>.view_one>div:nth-child(2){padding: 2% 5%; border-bottom: 1px solid #EAEAEA;}
    #Viewnotices>.view_one>div:nth-child(2)>p{font-size: 15px;}
    #Viewnotices>button{width: 146px; height: 40px; background: #E6E6E6; border-radius: 120px;}
    #Viewnotices>button>a{font-weight: 400; font-size: 14px; line-height: 20px; color: #A5A5A5;}


    /*Review*/
   #Review{position: relative; width: 100%; padding: 15% 0; display: flex; flex-direction: column; justify-content: center; align-items: center;}
   #Review>h2{font-weight: 500; font-size: 30px; line-height: 55px; text-align: center; color: #272430; margin-bottom: 5%;}
   #Review>.review_list{width: 90%; height: 40%; margin-bottom: 4%;}
   #Review>.review_list>ol>li{width: 100%; padding: 3% 0; border-bottom: 1px solid #EAEAEA; display: flex; justify-content: center; align-items: center;}
   #Review>.review_list>ol>li>div{width: 90%;  display: flex; align-items: center;}
   #Review>.review_list>ol>li>div>.review_number{width: 5%; font-weight: 400; font-size: 16px; line-height: 160%; color: #68666D;}
   #Review>.review_list>ol>li>div>.review_title{width: 80%;}
   #Review>.review_list>ol>li>div>.review_title>a{font-weight: 400; font-size: 16px; line-height: 160%; color: #272430; overflow: hidden; text-overflow: ellipsis; box-sizing: border-box;} 
   #Review>.review_list>ol>li>div>.review_date{width: 15%; font-weight: 400; font-size: 12px; line-height: 160%; color: #A5A3A9;}
   #Review>button{width: 133px; height: 40px; background: #222222; border-radius: 120px; margin-bottom: 5%;}
   #Review>button>a{font-weight: 400; font-size: 14px; line-height: 20px; color: #FFFFFF;}
   #Review>.review_button{padding: 0 auto; display: flex; justify-content: center;  align-items: center;}
   #Review>.review_button>.review_button{padding: 0 5%; cursor: pointer;}
   #Review>.review_button>button>p{font-family: 'NEXON Lv2 Gothic'; font-weight: 400; font-size: 20px; line-height: 160%; text-align: center;}
   #Review>.review_button>ol{margin: 0 40%; display: flex; justify-content: center;}
   #Review>.review_button>ol>li{display: flex;  align-items: center; padding: 0 10%;}
   #Review>.review_button>ol>li>p{font-family: 'NEXON Lv2 Gothic'; font-weight: 400; font-size: 20px; line-height: 160%; color: #000000; cursor: pointer; text-align: center;}

   /*Viewreview*/
   #Viewreview{position: relative; width: 100%; padding: 15% 0; display: flex; flex-direction: column; justify-content: center; align-items: center;}
   #Viewreview>h2{font-weight: 500; font-size: 30px; line-height: 45px; text-align: center; color: #272430; margin-bottom: 5%;}
   #Viewreview>.view_one{width: 80%;}
   #Viewreview>.view_one>div:nth-child(1){height: 40px; display: flex; flex-direction: column; align-items: center; justify-content: center; border-bottom: 1px solid #EAEAEA;}
   #Viewreview>.view_one>div:nth-child(1)>div{width: 95%; display: flex; justify-content: space-between; align-items: center;}
   #Viewreview>.view_one>div:nth-child(1)>div>h3{width: 80%; font-weight: 400; font-size: 19px; line-height: 160%; color: #272430;}
   #Viewreview>.view_one>div:nth-child(1)>div>p{width: 20%; text-align: right; font-weight: 400; font-size: 14px; line-height: 160%; color: #A5A3A9;}
   #Viewreview>.view_one>div:nth-child(2){padding: 2% 5%; border-bottom: 1px solid #EAEAEA;}
   
   #Viewreview>.view_two{width: 80%; margin-bottom: 4%;}
    #Viewreview>.view_two>.comments>div:nth-child(1){padding: 2% 5%; display: flex; flex-direction: column; justify-content: center; align-items: center; border-bottom: 1px solid #EAEAEA;}
    #Viewreview>.view_two>.comments>div>div{width: 100%;}
    #Viewreview>.view_two>.comments>div>div:nth-child(1){display: flex; justify-content: space-between; align-items: center; margin-bottom: 1%;}
    #Viewreview>.view_two>.comments>div>div:nth-child(1)>div:nth-child(1){width: 80%; display: flex; align-items: center;}
    #Viewreview>.view_two>.comments>div>div:nth-child(1)>div:nth-child(1)>.comment_name{font-weight: 400; font-size: 14px; line-height: 160%; color: #272430; margin-right: 2%;}
    #Viewreview>.view_two>.comments>div>div:nth-child(1)>div:nth-child(1)>.comment_icons{display: flex;}
    #Viewreview>.view_two>.comments>div>div:nth-child(1)>div:nth-child(1)>.comment_icons>img{width: 18px; height: 15px; object-fit: contain; margin-right: 15%; cursor: pointer;}
    #Viewreview>.view_two>.comments>div>div:nth-child(1)>div:nth-child(1)>.comment_icons>img:last-child{margin-right: 0;}
    #Viewreview>.view_two>.comments>div>div:nth-child(1)>div:nth-child(2){width: 20%;}
    #Viewreview>.view_two>.comments>div>div:nth-child(1)>div:nth-child(2)>.comment_date{text-align: right; font-weight: 400; font-size: 12px; line-height: 160%; text-align: right; color: #A5A3A9;}
    #Viewreview>.view_two>.comments>div>div:nth-child(2)>p{font-weight: 400; font-size: 14px; line-height: 180%; color: #3A3A3A;}

    #Viewreview>.view_two>.sub_comments{padding: 2% 5%; display: flex; border-bottom: 1px solid #EAEAEA;}
    #Viewreview>.view_two>.sub_comments>div:nth-child(1){width: 2%; display: flex; flex-direction: column; justify-content: baseline;}
    #Viewreview>.view_two>.sub_comments>div:nth-child(1)>img{width: 9px; height: 9px; object-fit: contain;}
    #Viewreview>.view_two>.sub_comments>div:nth-child(2){width: 98%; display: flex; flex-direction: column; justify-content: center; align-items: center;}
    #Viewreview>.view_two>.sub_comments>div:nth-child(2)>div{width: 100%;}
    #Viewreview>.view_two>.sub_comments>div:nth-child(2)>div:nth-child(1){display: flex; justify-content: space-between; align-items: center; margin-bottom: 1%;}
    #Viewreview>.view_two>.sub_comments>div:nth-child(2)>div:nth-child(1)>div:nth-child(1){width: 80%; display: flex; align-items: center;}
    #Viewreview>.view_two>.sub_comments>div:nth-child(2)>div:nth-child(1)>div:nth-child(1)>img{width: 9px; height: 9px; object-fit: contain; margin-right: 2%;}
    #Viewreview>.view_two>.sub_comments>div:nth-child(2)>div:nth-child(1)>div:nth-child(1)>.sub_comment_name{font-weight: 400; font-size: 14px; line-height: 160%; color: #272430; margin-right: 2%;}
    #Viewreview>.view_two>.sub_comments>div:nth-child(2)>div:nth-child(1)>div:nth-child(1)>.sub_comment_icons{display: flex;}
    #Viewreview>.view_two>.sub_comments>div:nth-child(2)>div:nth-child(1)>div:nth-child(1)>.sub_comment_icons>img{width: 18px; height: 15px; object-fit: contain; margin-right: 15%; cursor: pointer;}
    #Viewreview>.view_two>.sub_comments>div:nth-child(2)>div:nth-child(1)>div:nth-child(1)>.sub_comment_icons>img:last-child{margin-right: 0;}
    #Viewreview>.view_two>.sub_comments>div:nth-child(2)>div:nth-child(1)>div:nth-child(2){width: 20%;}
    #Viewreview>.view_two>.sub_comments>div:nth-child(2)>div:nth-child(1)>div:nth-child(2)>.sub_comment_date{text-align: right; font-weight: 400; font-size: 12px; line-height: 160%; text-align: right; color: #A5A3A9;}
    #Viewreview>.view_two>.sub_comments>div:nth-child(2)>div:nth-child(2)>p{font-weight: 400; font-size: 14px; line-height: 180%; color: #3A3A3A;}
    #Viewreview>.view_two>.comments>div>div:nth-child(1)>div:nth-child(1)>.member_icons{display: none;}
    #Viewreview>.view_two>.sub_comments>div:nth-child(2)>div:nth-child(1)>div:nth-child(1)>.member_icons{display: none;}


   #Viewreview>.view_three{width: 100%;  display: flex; flex-direction: column; justify-content: center; align-items: center; margin-bottom: 4%;}
   #Viewreview>.view_three>div{width: 80%; display: flex; justify-content: space-between;}
   #Viewreview>.view_three>div>#comment_text{width: 79%; padding: 2% 5%; border: 1px solid #777777; font-weight: 400; font-size: 13px; line-height: 180%;}
   #Viewreview>.view_three>div>input{width: 20%;  background: #3A3A3A; cursor: pointer; font-weight: 400; font-size: 13px; line-height: 160%; color: #FFFFFF;}

   #Viewreview>.view_four{width: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center;}
   #Viewreview>.view_four>div{display: flex;}
   #Viewreview>.view_four>div>button{background: #E6E6E6; width: 146px; height: 40px; border-radius: 120px; cursor: pointer; margin-right: 4%;}
   #Viewreview>.view_four>div>button>a{box-sizing: border-box; font-weight: 400; font-size: 14px; line-height: 20px; color: #A5A5A5;}
   #Viewreview>.view_four>div>.review_revise{background: #222222;}
   #Viewreview>.view_four>div>.review_revise>a{color: #FFFFFF;}

   #Viewreview .comment_change{display: flex; justify-content: space-between;}
   #Viewreview .comment_change>.comment_change_text{width: 79%; padding: 2% 5%; border: 1px solid #777777; font-weight: 400; font-size: 14px; line-height: 180%;}
   #Viewreview .comment_change>.comment_change_btn{width: 20%;  background: #3A3A3A; cursor: pointer; font-weight: 400; font-size: 13px; line-height: 160%; color: #FFFFFF;}
   #Viewreview .mobile_comment{display: none;}

   /*write & modify*/
   .board_notice_register{position: relative; width: 100%; padding: 15% 0; display: flex; flex-direction: column; justify-content: center; align-items: center;}
    .board_notice_register>.indicator{font-weight: 500; font-size: 26px; line-height: 35px; text-align: center; color: #272430; margin-bottom: 7%;}
    .board_notice_register>form{width: 80%;}
    .board_notice_register>form>.flexbox{width: 100%; margin-bottom: 1%;}
    .board_notice_register>form>.flexbox:nth-child(2){margin-bottom: 1%;}
    .board_notice_register>form>.flexbox:nth-child(3){margin-bottom: 7%;}
    .board_notice_register>form>.flexbox:nth-child(1)>.write_title{width: 96%; padding: 1% 2%; border: 1px solid #DDDDDD; font-weight: 400; font-size: 15px; line-height: 160%;}
    .board_notice_register>form>.flexbox:nth-child(2) .write_text{height: 80%; font-weight: 400; font-size: 19px; line-height: 160%;}
    .board_notice_register>form>.wrap_action{display: flex; justify-content: center;}
    .board_notice_register>form>.wrap_action>.back{width: 90px; height: 40px; border-radius: 120px; display: flex; justify-content: center; align-items: center; background: #E6E6E6; font-weight: 400; font-size: 14px; line-height: 20px; color: #A5A5A5; margin-right: 3%;}
    .board_notice_register>form>.wrap_action>.submit{width: 90px; height: 40px; border-radius: 120px;  background: #222222; color: #FFFFFF; cursor: pointer;}
    .board_notice_register #editor-container{height: 400px;}

    /*Inquiry*/
    #Inquiry{position: relative; width: 100%; padding: 15% 0; display: flex; flex-direction: column; justify-content: center; align-items: center;}
    #Inquiry>h2{font-weight: 500; font-size: 30px; line-height: 35px; text-align: center; color: #272430; margin-bottom: 7%;}
    #Inquiry>div{width: 80%; margin-bottom: 10%;}
    #Inquiry>div:last-child{margin-bottom: 0;}
    #Inquiry>div>h3{font-weight: 700; font-size: 21px; line-height: 29px; color: #423676; margin-bottom: 3%;}
    #Inquiry>div>.dash{width: 100%; border: 1px dashed #777777; margin-bottom: 7%;}
    #Inquiry>.inquiry_one>ul>li{display: flex; align-items: center; margin-bottom: 2%;}
    #Inquiry>.inquiry_one>ul>li:last-child{margin-bottom: 0;}
    #Inquiry>.inquiry_one>ul>li>h4{width: 40%; font-weight: 500; font-size: 16px; line-height: 22px; color: #272430;}
    #Inquiry>.inquiry_one>ul>li>p{font-weight: 400; font-size: 16px; line-height: 22px; color: #3A3A3A;}
    #Inquiry>.inquiry_two>.map{width: 100%; margin-bottom: 5%; border: 1px solid #949494; border-radius: 5px; }
    #Inquiry>.inquiry_two>ul{display: flex; flex-direction: column; justify-content: center; align-items: center;}
    #Inquiry>.inquiry_two>ul>li{width: 100%; font-weight: 400; font-size: 14px; line-height: 19px; color: #777777; text-align: center;}

    /*Reservation*/
    #Reservation{display: none;}
    #Reservation_mobile{position: relative;  width: 100%; padding: 15% 0; display: flex; flex-direction: column; justify-content: center; align-items: center;}
    #Reservation_mobile>h2{font-weight: 500; font-size: 30px; line-height: 35px; text-align: center; color: #272430; margin-bottom: 7%;}
    #Reservation_mobile>.reserv_btn{width: 90px; height: 32px; background: #222222; border-radius: 16px; cursor: pointer; font-weight: 400; font-size: 14px; line-height: 20px; color: #FFFFFF; margin-bottom: 10%;}
    #Reservation_mobile>.search{display: flex; width: 90%; justify-content: space-between; margin-bottom: 3%;}
    #Reservation_mobile>.search>p{width: 20%; font-weight: 500; font-size: 16px; line-height: 23px; letter-spacing: -0.06em; color: #222222;}
    #Reservation_mobile>.search>ul{width: 100%; display: flex; justify-content: space-between; position: relative;}
    #Reservation_mobile>.search>ul>li{position: relative; margin-right: 0.5%;}
    #Reservation_mobile>.search>ul>li:last-child{margin-right: 0;}
    #Reservation_mobile>.search>ul>li:nth-child(1){width: 22%;}
    #Reservation_mobile>.search>ul>li:nth-child(1)>select{width: 100%; height: 100%; border: 1px solid #C9C9C9;; border-radius: 4px; font-weight: 500; font-size: 16px; line-height: 23px; color: rgba(26, 26, 26, 0.8);}
    #Reservation_mobile>.search>ul>li:nth-child(2){width: 77%;}
    #Reservation_mobile>.search>ul>li:nth-child(2)>input{width: 80%; padding-right: 20%; height: 42px; border: 1px solid #C9C9C9;; border-radius: 4px; font-weight: 500; font-size: 16px; line-height: 23px; color: rgba(26, 26, 26, 0.8);}
    #Reservation_mobile>.search>ul>li:nth-child(3){position: absolute; right: 0; top: 50%; transform: translateY(-50%); display: flex; flex-direction: column; justify-content: center; align-items: center;}
    #Reservation_mobile>.search>ul>li:nth-child(3)>img{width: 50%; height: 50%; object-fit: contain;}
    #Reservation_mobile>.list{width: 90%; margin-bottom: 15%;}
    #Reservation_mobile>.list>div>a{padding: 3% 0; display: flex; justify-content: space-between; background: #F5F5F5; border: 1px solid #DDDDDD;}
    #Reservation_mobile>.list>div>a>div:nth-child(1){width: 50%; margin-left: 3%; display: flex; align-items: center;}
    #Reservation_mobile>.list>div>a>div:nth-child(1)>img{width: 12px; height: 16px; object-fit: contain; margin-right: 5%;}
    #Reservation_mobile>.list>div>a>div:nth-child(1)>h3{font-weight: 400; font-size: 16px; line-height: 20px; text-align: center; color: #1A1A1A;}
    #Reservation_mobile>.list>div>a>div:nth-child(2){width: 30%; margin-right: 3%; display: flex; align-items: center; justify-content: right;}
    #Reservation_mobile>.list>div>a>div:nth-child(2)>p{font-weight: 400; font-size: 15px; line-height: 19px; text-align: center; color: #777777;}
    #Reservation_mobile>.list>div>a>div:nth-child(2)>p:nth-child(1){margin-right: 10%;}
    #Reservation_mobile>.list>div>div{background: #FFFFFF; border: 1px solid #DDDDDD; border-top: 0; padding: 5% 0; height: 60%; display: flex; flex-direction: column; justify-content: center; align-items: center;}
    #Reservation_mobile>.list>div>div>p{width: 90%; text-align: left; font-weight: 400; font-size: 16px; line-height: 20px; color: #777777;}
    #Reservation_mobile>button{width: 133px; height: 40px; background: #222222; border-radius: 120px; margin-bottom: 1%;}
    #Reservation_mobile>button>a{font-weight: 400; font-size: 16px; line-height: 20px; color: #FFFFFF;}

    /*secret*/
    #Secret{position: relative;  width: 100%; padding: 10% 0; display: flex; flex-direction: column; justify-content: center; align-items: center;}
    #Secret>div:nth-child(1){width: 100%; padding: 20% 0%; background: #FFFFFF; border: 1px solid #D9D9D9; display: flex; flex-direction: column; justify-content: center; align-items: center; margin-bottom: 10%;}
    #Secret>div:nth-child(1)>img{width: 55px; height: 72px; object-fit: contain; margin-bottom: 7%;}
    #Secret>div:nth-child(1)>p{font-weight: 400; font-size: 16px; line-height: 20px; text-align: center; color: #919191; margin-bottom: 7%;}
    #Secret>div:nth-child(1)>form{width: 90%; padding: 2% 0; background: #F9F9F9; display: flex; justify-content: center; align-items: center;}
    #Secret>div:nth-child(1)>form>label{font-weight: 400; font-size: 18px; line-height: 23px; color: #333333; margin-right: 3%;}
    #Secret>div:nth-child(1)>form>#my_pw{width: 40%; padding: 1.5% 3%; background: #FFFFFF; border: 1px solid #E3E3E3; margin-right: 3%;}
    #Secret>div:nth-child(1)>form>#pw_ok{padding: 1% 2%; background: #FFFFFF; border: 1px solid #E3E3E3; font-weight: 400; font-size: 16px; line-height: 20px; color: #333333; cursor: pointer; }
    #Secret>div:nth-child(2){width: 90%; height: 0; border: 1px solid #D9D9D9; margin-bottom: 5%;}

    /*Reservdetail*/
    #Reservdetail{position: relative;  width: 100%; padding: 20% 0; display: flex; flex-direction: column; justify-content: center; align-items: center;}
    #Reservdetail>.board_reservation_detail{width: 90%;}
    #Reservdetail .indicator{font-weight: 500; text-align: center; font-size: 25px; line-height: 29px; letter-spacing: -0.06em; color: #222222; margin-bottom: 7%;}
    #Reservdetail .top>p{font-weight: 500; font-size: 18px; line-height: 18px; color: #222222;}
    #Reservdetail .top>span{font-weight: 500; font-size: 16px; line-height: 18px; color: #777777;}
    #Reservdetail .bottom{font-weight: 500; font-size: 16px; line-height: 215%; color: #A7A7A7; margin-bottom: 2%;}
    #Reservdetail .top2>p{font-weight: 500; font-size: 18px; line-height: 18px; color: #222222;}
    #Reservdetail .top2>span{font-weight: 500; font-size: 16px; line-height: 18px; color: #777777;}
    #Reservdetail .bottom2{font-weight: 400; font-size: 16px; line-height: 215%; color: #272430; }
    #Reservdetail .wrap_action2{display: none;}
    #Reservdetail .wrap_action_add>button{margin-right: 1%; width: 90px; height: 38px; background: #FFFFFF; border: 1px solid #E3E3E3; box-shadow: inset 0px 4px 4px rgba(184, 184, 184, 0.25); border-radius: 4px;  cursor: pointer;}
    #Reservdetail .wrap_action_add>button:last-child{margin-right: 0;}
    #Reservdetail .wrap_action_add>button>a{font-weight: 500; font-size: 16px; line-height: 20px; color: #272430;}
    .wrap_action_add {display: flex; justify-content: flex-end; align-items: center;}
    .board_reservation_detail .top {padding: 1%;}
    .board_reservation_detail .bottom {padding: 7% 2%;}
    .board_reservation_detail .top2 {padding: 1%;}
    .board_reservation_detail .top2 img{width: 9px; height: 9px; margin-right: 3%;}
    .board_reservation_detail .bottom2 {padding: 7% 2%;}

    /*Reservform*/
    #Reservform{position: relative;  width: 100%; padding: 20% 0; display: flex; flex-direction: column; justify-content: center; align-items: center;}
    #Reservform>h2{font-weight: 500; font-size: 30px; line-height: 35px; text-align: center; color: #272430; margin-bottom: 4%;}
    #Reservform>form{position: relative; width: 90%; margin-bottom: 2%;}
    #Reservform>form>table{width: 100%; padding:0; border:0; border-collapse: separate; border-spacing: 0 20px;}
    #Reservform>form>table>tbody{width: 100%;}
    #Reservform tr{display: flex; flex-direction: column; width: 100%; margin-bottom: 2%;}
    #Reservform tr:nth-child(4){margin-bottom: 7%;}
    #Reservform th{padding:0; border: 0px; width: 100%; text-align: left; font-weight: 400; font-size: 17px; line-height: 160%; color: #272430; margin-bottom: 1%; }
    #Reservform td{padding:0; border: 0px; width: 100%;}
    #Reservform label{width: 100%; font-weight: 400; font-size: 22px; line-height: 160%; color: #272430;}
    #Reservform input{width: 98%; padding: 2.2% 1%; background: #FFFFFF; border: 1px solid #777777;}
    #Reservform .my_phone{width: 77.5%; margin-right: 5%;}
    #Reservform .phone_button{width: 15%; text-align: center; font-weight: 400; font-size: 17px; line-height: 160%; color: #272430; padding: 1.2% 2%; cursor: pointer;}
    #Reservform .editable{ height: 400px; padding: 7% 0; padding-bottom: 15%; border: 1px solid #DDDDDD; display: flex; flex-direction: column; justify-content: center; align-items: center;}
    #Reservform .editable>p{width: 90%; font-weight: 400; font-size: 18px; line-height: 180%; color: #272430;}
    #Reservform .button{display: flex; justify-content: center; align-items: center;}
    #Reservform .button>.back{width: 146px; height: 40px; background: #E6E6E6; border: 0; text-align: center; border-radius: 120px; font-weight: 400; font-size: 14px; line-height: 20px; color: #A5A5A5; cursor: pointer; margin-right: 5%;}
    #Reservform .button>.submit{width: 146px; height: 40px; background: #222222;; border: 0; text-align: center; border-radius: 120px; font-weight: 400; font-size: 14px; line-height: 20px; color: #FFFFFF; cursor: pointer;}

    /*login*/
   #Iogin{position: relative;  width: 100%; padding: 20% 0; display: flex; flex-direction: column; justify-content: center; align-items: center;}
   #Iogin>img{width: 227px; height: 57px; object-fit: contain; margin-bottom: 7%;}
   #Iogin>form{width: 50%;}
   #Iogin>form>table{width: 100%;}
   #Iogin>form>table>tbody{width: 100%;}
   #Iogin tr{display: flex; flex-direction: column; justify-content: center; align-items: start; margin-bottom: 5%;}
   #Iogin tr:nth-child(2){margin-bottom: 10%;}
   #Iogin tr:last-child{margin-bottom: 0;}
   #Iogin th{font-weight: 500; font-size: 18px; line-height: 26px; color: #777777; margin-bottom: 2%;}
   #Iogin td{width: 100%;}
   #Iogin td>input{width: 90%; padding: 0 5%; background: #FFFFFF; border: 2px solid #D8D8D8; border-radius: 4px; font-weight: 500; font-size: 16px; line-height: 50px; color: #A7A7A7;}
   #Iogin td>.login_ok{width: 100%; background: #573C81; border: 0; font-weight: 700; color: #FFFFFF; cursor: pointer;}
   #Iogin>div{width: 50%; display: flex; justify-content: space-between; align-items: center;}
   #Iogin>div>p{font-weight: 400; font-size: 14px; line-height: 50px; color: #A7A7A7;}
   #Iogin>div>button>a{font-weight: 400; font-size: 14px; line-height: 50px; color: #A7A7A7;}

   .login_naver{
    display:block; width:100%; max-width:50%; height:50px; margin:5px auto; background-image:url('/user/img/0.logo/login_naver.svg'); background-repeat:no-repeat; background-size: contain; background-position: center;}

    .login_kakao{
    display:block; width:100%; max-width:50%; height:50px; margin:0px auto; background-image:url('/user/img/0.logo/login_kakao.svg'); background-repeat:no-repeat;background-size: contain; background-position: top;}

   /*join*/
   #Join{position: relative;  width: 100%; padding: 20% 0; display: flex; flex-direction: column; justify-content: center; align-items: center;}
   #Join>h2{font-weight: 500; font-size: 26px; line-height: 55px; text-align: center; color: #272430; margin-bottom: 3%;}
   #Join>form{width: 60%; margin-bottom: 7%;}
   #Join>form>div{margin-bottom: 5%;}
   #Join>form>div:nth-child(2){margin-bottom: 2%;  height: 250px; overflow-y: scroll;}
   #Join>form>div:nth-child(4){margin-bottom: 2%;  height: 250px; overflow-y: scroll;}
   #Join>form>.check_box{display: flex; justify-content: end; align-items: center;}
   #Join>form>.check_box>input{background: #FFFFFF; border: 1px solid #333333; border-radius: 1px;}
   #Join>form>.check_box>label{font-weight: 400; font-size: 16px; line-height: 160%; color: #000000;}
   #Join>form>.check_text{width: 96%; padding: 4% 2%; background: #FFFFFF; border: 1px solid #777777;}
   #Join>form>.check_text>p{font-weight: 400; font-size: 16px; line-height: 160%; color: #3A3A3A; margin-bottom: 3%;}
   #Join>.join_ok{width: 120px; height: 40px; background: #222222; border-radius: 130px; cursor: pointer;}
   #Join>.join_ok>a{font-weight: 400; font-size: 14px; line-height: 20px; color: #FFFFFF;}
   
   #Join #all_ok+label{height:22px; line-height:22px; background: url('/user/img/13.join/check_off.png') no-repeat 0 0px / contain; padding-left:40px; }
   #Join #first_ok+label{height:22px; line-height:22px; background: url('/user/img/13.join/check_off.png') no-repeat 0 0px / contain; padding-left:40px;}
   #Join #two_ok+label{height:22px; line-height:22px; background: url('/user/img/13.join/check_off.png') no-repeat 0 0px / contain; padding-left:40px;}

   #Join #all_ok:checked+label{background: url('/user/img/13.join/check_on.png') no-repeat 0 0px / contain;}
   #Join #first_ok:checked+label{background: url('/user/img/13.join/check_on.png') no-repeat 0 0px / contain;}
   #Join #two_ok:checked+label{background: url('/user/img/13.join/check_on.png') no-repeat 0 0px / contain;}
   
   input[type="checkbox"] {
     display: none;
   }

    /*mypage*/
    #Mypage{position: relative;  width: 100%; padding: 20% 0; display: flex; flex-direction: column; justify-content: center; align-items: center;}
    #Mypage>h2{font-weight: 500; font-size: 24px; line-height: 35px; text-align: center; color: #272430; margin-bottom: 5%;}
    #Mypage>form{width: 60%; display: flex; flex-direction: column; justify-content: center; align-items: center; margin-bottom: 5%;}
    #Mypage>form>div{width: 100%; margin-bottom: 5%;}
    #Mypage>form>div>h3{font-weight: 500; font-size: 22px; line-height: 32px; color: #222222; margin-bottom: 7%;}
    #Mypage>form>div>div{width: 100%; margin-bottom: 5%;}
    #Mypage>form>div>div>div:nth-child(1){width: 100%; font-weight: 400; font-size: 15px; line-height: 160%; color: #272430;}
    #Mypage>form>div>div>div:nth-child(1)>p{font-weight: 400; font-size: 15px; line-height: 160%; color: #272430;}
    #Mypage>form>div>div>div:nth-child(2){width: 100%;}
    #Mypage>form>div>.one>div:nth-child(2){display: flex; align-items: center;}
    #Mypage>form>div>div>div:nth-child(2)>input{height: 50px; width: 94%; background: #FFFFFF; border: 1px solid #777777; padding: 0 3%;}
    #Mypage>form>div>.one>div:nth-child(2)>input{width: 70%; margin-right: 2%;}
    #Mypage>form>div>.one>div:nth-child(2)>button{width: 90px; height: 50px; background: #FFFFFF; border: 1px solid #777777; font-style: normal; font-weight: 400; font-size: 15px; color: #272430; cursor: pointer;}
    #Mypage>form>div>.two>div{display: flex; flex-direction: column;}
    #Mypage>form>div>.two>div:nth-child(2)>p{font-weight: 400; font-size: 14px; line-height: 160%; color: #423477;}
    #Mypage>form>div>.five>div:nth-child(2){display: flex;}
    #Mypage>form>div>.five>div:nth-child(2)>label{display: block; width: 104px; height: 44px; border: 1px solid #777777; font-weight: 400; font-size: 15px; line-height: 44px; text-align: center; margin-right: 1%;}
    #Mypage>form>div>.six>div:nth-child(2)>.phone{margin-bottom: 2%;}
    #Mypage>form>div>.six>div:nth-child(2)>.phone>.phone_one{width: 100%; display: flex; justify-content: space-between; align-items: center; margin-bottom: 2%;}
    #Mypage>form>div>.six>div:nth-child(2)>.phone>.phone_one *{width: 32%;}
    #Mypage>form>div>.six>div:nth-child(2)>.phone>.phone_one>#phone_number{height: 49px; background: #FFFFFF; border: 1px solid #777777; font-weight: 400; font-size: 18px; line-height: 49px; color: #000000;}
    #Mypage>form>div>.six>div:nth-child(2)>.phone>.phone_one>input{height: 45px;}
    #Mypage>form>div>.six>div:nth-child(2)>.phone>.phone_two{width: 100%; display: flex; justify-content: start; align-items: center;}
    #Mypage>form>div>.six>div:nth-child(2)>.phone>.phone_two>button{width: 32%; height: 49px; background: #FFFFFF; border: 1px solid #777777; text-align: center; font-weight: 400; font-size: 15px; line-height: 49px; color: #272430; cursor: pointer;}
    #Mypage>form>div>.six>div:nth-child(2)>.certi>.certi_one{width: 100%; margin-bottom: 2%;}
    #Mypage>form>div>.six>div:nth-child(2)>.certi>.certi_one>input{width: 94%; height: 45px; padding: 0 3%; font-weight: 400; font-size: 15px; line-height: 160%; color: #A7A7A7;}
    #Mypage>form>div>.six>div:nth-child(2)>.certi>.certi_two{width: 100%;}
    #Mypage>form>div>.six>div:nth-child(2)>.certi>.certi_two>button{width: 40%; height: 49px; background: #FFFFFF; border: 1px solid #777777; font-weight: 400; font-size: 15px; line-height: 49px; text-align: center; color: #272430; cursor: pointer;}
    #Mypage>form>div>.seven>div:nth-child(2)>p{font-weight: 400; font-size: 14px; line-height: 160%; color: #423477;}

    #Mypage>form>div:nth-child(2)>h3>span{font-size: 14px; line-height: 160%; color: #777777;}
    #Mypage>form>div:nth-child(2)>.eight>div:nth-child(2){display: flex; align-items: center;}
    #Mypage>form>div:nth-child(2)>.eight>div:nth-child(2)>label{display: block; width: 104px; height: 44px; border: 1px solid #777777; font-weight: 400; font-size: 15px; line-height: 44px; text-align: center; margin-right: 1%;}
    #Mypage>.mypage_ok{width: 120px; height: 40px; background: #222222; border-radius: 130px; cursor: pointer;}
    #Mypage>.mypage_ok>a{font-weight: 400; font-size: 14px; line-height: 16px; color: #FFFFFF; }

    #man{display: none;}
    #man:checked + label{
      color: #FFFFFF;
      background: #423477;
    }

    #woman{display: none;}
    #woman:checked + label{
      color: #FFFFFF;
      background: #423477;
    }

    #stud_man{display: none;}
    #stud_man:checked + label{
      color: #FFFFFF;
      background: #423477;
    }

    #stud_woman{display: none;}
    #stud_woman:checked + label{
      color: #FFFFFF;
      background: #423477;
    }


    /*mypagedetail*/
    #Mypagedetail{position: relative;  width: 100%; padding: 20% 0; display: flex; flex-direction: column; justify-content: center; align-items: center;}
    #Mypagedetail>h2{font-weight: 500; font-size: 24px; line-height: 35px; text-align: center; color: #272430; margin-bottom: 5%;}
    #Mypagedetail>form{width: 60%; display: flex; flex-direction: column; justify-content: center; align-items: center; margin-bottom: 5%;}
    #Mypagedetail>form>div{width: 100%; margin-bottom: 5%;}
    #Mypagedetail>form>div>h3{font-weight: 500; font-size: 22px; line-height: 32px; color: #222222; margin-bottom: 7%;}
    #Mypagedetail>form>div>div{width: 100%; margin-bottom: 5%;}
    #Mypagedetail>form>div>div>div:nth-child(1){width: 100%; font-weight: 400; font-size: 15px; line-height: 160%; color: #272430;}
    #Mypagedetail>form>div>div>div:nth-child(1)>p{font-weight: 400; font-size: 15px; line-height: 160%; color: #272430;}
    #Mypagedetail>form>div>div>div:nth-child(2){width: 100%;}
    #Mypagedetail>form>div>.one>div:nth-child(2){display: flex; align-items: center;}
    #Mypagedetail>form>div>div>div:nth-child(2)>input{height: 50px; width: 94%; background: #FFFFFF; border: 1px solid #777777; padding: 0 3%;}
    #Mypagedetail>form>div>.one>div:nth-child(2)>input{width: 94%;}
    #Mypagedetail>form>div>.one>div:nth-child(2)>button{width: 90px; height: 50px; background: #FFFFFF; border: 1px solid #777777; font-style: normal; font-weight: 400; font-size: 15px; color: #272430; cursor: pointer;}
    #Mypagedetail>form>div>.two>div{display: flex; flex-direction: column;}
    #Mypagedetail>form>div>.two>div:nth-child(2)>p{font-weight: 400; font-size: 14px; line-height: 160%; color: #423477;}
    #Mypagedetail>form>div>.five>div:nth-child(2){display: flex;}
    #Mypagedetail>form>div>.five>div:nth-child(2)>label{display: block; width: 104px; height: 44px; border: 1px solid #777777; font-weight: 400; font-size: 15px; line-height: 44px; text-align: center; margin-right: 1%;}
    #Mypagedetail>form>div>.six>div:nth-child(2)>.phone{margin-bottom: 2%;}
    #Mypagedetail>form>div>.six>div:nth-child(2)>.phone>.phone_one{width: 100%; display: flex; justify-content: space-between; align-items: center; margin-bottom: 2%;}
    #Mypagedetail>form>div>.six>div:nth-child(2)>.phone>.phone_one>input{width: 26%; padding: 0 3%; height: 45px;}
    #Mypagedetail>form>div>.six>div:nth-child(2)>.phone>.phone_two{width: 100%; display: flex; justify-content: start; align-items: center;}
    #Mypagedetail>form>div>.six>div:nth-child(2)>.phone>.phone_two>button{width: 32%; height: 49px; background: #FFFFFF; border: 1px solid #777777; text-align: center; font-weight: 400; font-size: 15px; line-height: 49px; color: #272430; cursor: pointer;}
    #Mypagedetail>form>div>.six>div:nth-child(2)>.certi>.certi_one{width: 100%; margin-bottom: 2%;}
    #Mypagedetail>form>div>.six>div:nth-child(2)>.certi>.certi_one>input{width: 94%; height: 45px; padding: 0 3%; font-weight: 400; font-size: 15px; line-height: 160%; color: #A7A7A7;}
    #Mypagedetail>form>div>.six>div:nth-child(2)>.certi>.certi_two{width: 100%;}
    #Mypagedetail>form>div>.six>div:nth-child(2)>.certi>.certi_two>button{width: 40%; height: 49px; background: #FFFFFF; border: 1px solid #777777; font-weight: 400; font-size: 15px; line-height: 49px; text-align: center; color: #272430; cursor: pointer;}
    #Mypagedetail>form>div>.seven>div:nth-child(2)>p{font-weight: 400; font-size: 14px; line-height: 160%; color: #423477;}
    #Mypagedetail>form>div>.three>div:nth-child(2){display: flex; flex-direction: column; width: 100%;}
    #Mypagedetail>form>div>.three>div:nth-child(2)>input{width: 94%; margin-bottom: 2%;}
    #Mypagedetail>form>div>.three>div:nth-child(2)>button{width: 32%; height: 50px; background: #FFFFFF; border: 1px solid #777777; text-align: center; font-weight: 400; font-size: 16px; line-height: 49px; color: #272430; cursor: pointer;}
 
    #Mypagedetail>form>div:nth-child(2)>h3>span{font-size: 14px; line-height: 160%; color: #777777;}
    #Mypagedetail>form>div:nth-child(2)>.eight>div:nth-child(2){display: flex; align-items: center;}
    #Mypagedetail>form>div:nth-child(2)>.eight>div:nth-child(2)>label{display: block; width: 104px; height: 44px; border: 1px solid #777777; font-weight: 400; font-size: 15px; line-height: 44px; text-align: center; margin-right: 1%;}
    #Mypagedetail>.mypage_button{display: flex;}
    #Mypagedetail>.mypage_button>button{width: 120px; height: 40px; background: #222222; border-radius: 130px; cursor: pointer;}
    #Mypagedetail>.mypage_button>button>a{font-weight: 400; font-size: 14px; line-height: 16px; color: #FFFFFF; }
    #Mypagedetail>.mypage_button>.mypage_cancel{background: #E6E6E6; margin-right: 2%;}
    #Mypagedetail>.mypage_button>.mypage_cancel>a{color: #A5A5A5; }


    .search_list{width: 80%; display: flex; justify-content: flex-end; align-items: center; }
    .search_list>form{width: 40%; margin-bottom: 2%;}
    .search_list>form>table>tbody>tr>td{width: 100%; display: flex; justify-content: space-between;}
    .search_list>form>table>tbody>tr>td>select{width: 29%; height: 45px; background: #FFFFFF; border: 1px solid #777777; font-family: 'NEXON Lv2 Gothic'; font-weight: 400; font-size: 13px; line-height: 160%; color: #000000; margin-right: 1%;}
    .search_list>form>table>tbody>tr>td>select>option{border: 1px solid #E7E7E7; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); font-weight: 400; font-size: 14px; line-height: 160%; color: #A7A7A7;}
    .search_list>form>table>tbody>tr>td>#my_search_list{width: 49%; height: 44px; background: #FFFFFF; border: 1px solid #777777;  font-family: 'NEXON Lv2 Gothic'; font-weight: 400; font-size: 13px; line-height: 160%; color: #000000; margin-right: 1%;}
    .search_list>form>table>tbody>tr>td>.search_btn{width: 20%; height: 45px; padding: 0 2%; background: #26292F; border: 1px solid #26292F; font-weight: 500; font-size: 13px; line-height: 20px; display: flex; justify-content: center; align-items: center; color: #FFFFFF; text-align: center; cursor: pointer;}

    .review_button{padding: 0 auto; display: flex; justify-content: center;  align-items: center;}
    .review_button>.review_button{padding: 0 5%; cursor: pointer;}
    .review_button>button>p{font-family: 'NEXON Lv2 Gothic'; font-weight: 400; font-size: 17px; line-height: 160%; text-align: center;}
    .review_button>ol{margin: 0 40%; display: flex; justify-content: center;}
    .review_button>ol>li{display: flex;  align-items: center; padding: 0 10%;}
    .review_button>ol>li>p{font-family: 'NEXON Lv2 Gothic'; font-weight: 400; font-size: 17px; line-height: 160%; color: #000000; cursor: pointer; text-align: center;}

}


















/* ------------- mobile -------------- */
@media screen and (max-width:600px){

    .br_pc{display: none;}
    /*institute*/
    #Institute{position: relative; width: 100%; padding: 20% 0; display: flex; flex-direction: column; justify-content: center; align-items: center;}
    #Institute>h2{width: 90%; text-align: center; font-weight: 700; font-size: 36px; line-height: 52px; letter-spacing: -0.01em; color: #272430; margin-bottom: 7%;}
    #Institute>h3{font-family: 'NEXON Lv2 Gothic';font-size: 20px; line-height: 23px; color: #8A8A8A; margin-bottom: 20%;}
    #Institute>img{width: 175px; height: 157px; object-fit: contain; margin-bottom: 20%;}
    #Institute>div{width: 90%; display: flex; flex-direction: column; justify-content: center; align-items: baseline;}
    #Institute>div>h4{font-size: 26px; line-height: 38px; color: #272430; margin-bottom: 5%;}
    #Institute>div>h4>span{color: #281153; font-weight: 700;}
    #Institute>div>p{font-weight: 300; font-size: 15px; line-height: 180%; letter-spacing: -0.02em; color: #272430;}

    /*researcher*/
    #Researcher{position: relative; width: 100%; padding: 20% 0; display: flex; flex-direction: column; justify-content: center; align-items: center;}
    #Researcher>h2{font-weight: 500; font-size: 24px; line-height: 35px; text-align: center; color: #272430; margin-bottom: 15%;}
    #Researcher>ul{width: 100%;}
    #Researcher>ul>li{width: 100%; margin-bottom: 15%; display: flex; flex-direction: column; justify-content: center; align-items: center;}
    #Researcher>ul>li>div{width: 90%;}
    #Researcher>ul>li>div:nth-child(1){position: relative; height: 50px; margin-bottom: 1%; display: flex; align-items: center; justify-content: baseline;}
    #Researcher>ul>li>div:nth-child(1)>img{width: 28.85px; height: 25.96px; object-fit: contain; margin-right: 5%;}
    #Researcher>ul>li>div:nth-child(1)>h3{font-family: 'NEXON Lv2 Gothic'; font-weight: 300; font-size: 22px; line-height: 25px; color: #281153;}
    #Researcher>ul>li>div:nth-child(1)>h3>span{font-weight: 700;}
    #Researcher>ul>li>div:nth-child(2){display: block;  width: 100%; height: 0px; border-bottom: 1px solid #A7A7A7; margin-bottom: 7%;}
    #Researcher>ul>li>div:nth-child(3){width: 90%; padding-left: 2%; display: flex; flex-direction: column; align-items: center; justify-content: center;}
    #Researcher>ul>li>div:nth-child(3)>img{width: 150px; height: 194px; background: #D9D9D9; border-radius: 10px; margin-bottom: 7%;}
    #Researcher>ul>li>div:nth-child(3)>p{width: 100%; font-family: 'NEXON Lv2 Gothic'; font-weight: 300; font-size: 15px; line-height: 180%; letter-spacing: -0.02em; color: #272430; margin-bottom: 5%;}
    #Researcher>ul>li>div:nth-child(3)>p>span{font-weight: 700;}
    #Researcher>ul>li>div:nth-child(3)>p:last-child{margin-bottom: 0;}

    /*brain*/
    #Brain{position: relative; width: 100%; padding: 20% 0;  display: flex; flex-direction: column; justify-content: center; align-items: center;}
    #Brain>h2{font-weight: 500; font-size: 36px; line-height: 61px; text-align: center; color: #272430; margin-bottom: 5%;}
    #Brain>.brain_one{position: relative; width: 80%; left: 5%; margin-bottom: 15%; display: flex; justify-content: center; align-items: center;}
    #Brain>.brain_one>img{position: absolute; left: -7%; top: 7%; width: 43px; height: 38.1px; object-fit: contain; z-index: 998;}
    #Brain>.brain_one>div{width: 100%; padding: 7% 10%; background: #ECEBF1; border-radius: 10px; display: flex; flex-direction: column; justify-content: center; align-items: center;}
    #Brain>.brain_one>div>p{font-size: 15px; width: 90%; line-height: 180%; letter-spacing: -0.005em; color: #272430;}
    #Brain>.brain_one>div>p>span{font-weight: 700;}
    #Brain>.brain_two{width: 90%; position: relative; display: flex; justify-content: center; align-items: center; }
    #Brain>.brain_two>div:nth-child(1){width: 100%; padding: 5% 0; background: #FFFFFF; border: 1px solid #A7A7A7; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); display: flex; flex-direction: column; justify-content: center; align-items: center; z-index: 998;}
    #Brain>.brain_two>div:nth-child(1)>img{width: 90%;}
    #Brain>.brain_two>div:nth-child(2){position: absolute; left: 3%; top: 6%; width: 100%; height: 100%; background: #ECEBF1;}

    img.infinite_rotating_logo{
        animation: rotate_image 10s linear infinite;
        transform-origin: 50% 50%;
    }
     
    @keyframes rotate_image{
        100% {
            transform: rotate(360deg);
        }
    }

    /*Maps*/
    .br_mobile{display: block;}
    .bold_mobile{font-weight: 700;}
    #Tabs{position: relative; width: 100%; padding: 20% 0; display: flex; flex-direction: column; justify-content: center; align-items: center;}
    #Tabs>div{width: 98%; display: flex; align-items: center;  margin-bottom: 10%;}
    #Tabs>div>.tabs_title{width: 100%; height: 62px; background: #EFEFEE; display: flex; align-items: center; justify-content: space-between; border-top-left-radius: 30px; border-top-right-radius: 30px; border-bottom-left-radius: 30px; border-bottom-right-radius: 30px;}
    #Tabs>div>.tabs_title>li{width: 33.33%; height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; cursor: pointer;}
    #Tabs>div>.tabs_title>li:first-child{border-top-left-radius: 30px; border-bottom-left-radius: 30px;}
    #Tabs>div>.tabs_title>li:last-child{border-top-right-radius: 30px; border-bottom-right-radius: 30px;}
    #Tabs>div>.tabs_title>li>h2{width: 80%; font-family: 'NEXON Lv2 Gothic'; font-style: normal; font-weight: 700; font-size: 14px; line-height: 18px; text-align: center;}
    #Tabs>div>.line{position: absolute; width: 0px; height: 34px; border: 1.5px solid #C7C7C7;}
    #Tabs>div>.line_one{left: 35%;}
    #Tabs>div>.line_two{left: 65%;}
    .title_not_select{background: #EFEFEF;}
    .title_select{background: #281153;}
    .title_text_not_select{color: #A7A7A7;}
    .title_text_select{color: #FFFFFF;}

    #Tabs>.tabs_list{width: 90%;}
    #Tabs>.tabs_list>li{width: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center;}
    #Tabs>.tabs_list>.maps{width: 100%; display: flex; justify-content: center; align-items: center;}
    #Tabs>.tabs_list>li>h2{font-family: 'Noto Sans KR'; font-style: normal; font-weight: 500; font-size: 24px; line-height: 35px; color: #272430; text-align: center; margin-bottom: 15%;}
    #Tabs>.tabs_list>.maps>.maps_one{width: 100%; display: flex; justify-content: right; align-items: center; margin-bottom: 10%;}
    #Tabs>.tabs_list>.maps>.maps_one>img{position: absolute; left: 2%; top: 10%; width: 43px; height: 38.7px; object-fit: contain;}
    #Tabs>.tabs_list>.maps>.maps_one>div{width: 80%; padding: 7% 5%; padding-left: 8%; background: #ECEBF1; border-radius: 10px;}
    #Tabs>.tabs_list>.maps>.maps_one>div>p{font-weight: 500; font-size: 12px; line-height: 180%; letter-spacing: -0.005em; color: #272430;}
    #Tabs>.tabs_list>.maps>.maps_two{width: 100%; position: relative;  display: flex; justify-content: center; align-items: center; margin-bottom: 10%;}
    #Tabs>.tabs_list>.maps>.maps_two>div:nth-child(1){width: 100%; background: #FFFFFF; border: 1px solid #A7A7A7; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); display: flex; flex-direction: column; justify-content: center; align-items: center; z-index: 998;}
    #Tabs>.tabs_list>.maps>.maps_two>div:nth-child(1)>img{content: url(/user/img/5.maps/maps_mini_roadmap.png); width: 95%; margin: 5% 1%;}
    #Tabs>.tabs_list>.maps>.maps_two>div:nth-child(2){position: absolute; left: 3%; top: 6%; width: 100%; height: 100%; background: #ECEBF1;}
    #Tabs>.tabs_list>.maps>.maps_three{width: 100%; background: #FFFFFF; border: 1px solid #A7A7A7; display: flex; justify-content: center; align-items: center;}
    #Tabs>.tabs_list>.maps>.maps_three>p{font-family: 'NEXON Lv2 Gothic'; font-style: normal; font-weight: 400; font-size: 14px; line-height: 180%; letter-spacing: -0.04em; color: #272430; margin: 6% 4%;}
    
    #Tabs>.tabs_list>.typea>.typea_one{width: 100%; display: flex; flex-direction: column; justify-content: center; align-items: baseline; margin-bottom: 15%;}
    #Tabs>.tabs_list>.typea h3{font-weight: 700; font-size: 20px; line-height: 150%; letter-spacing: -0.005em; color: #272430; margin-bottom: 5%;}
    #Tabs>.tabs_list>.typea>.typea_one>p{font-size: 15px; line-height: 180%; letter-spacing: -0.03em; color: #3A3A3A;}
    #Tabs>.tabs_list>.typea>.typea_two{width: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; margin-bottom: 15%;}
    #Tabs>.tabs_list>.typea>.typea_two>img{width: 100%; content: url(/user/img/5.maps/typea_mini.png);}
    #Tabs>.tabs_list>.typea>.typea_three h3{font-size: 19px; margin-bottom: 10%;}
    #Tabs>.tabs_list>.typea>.typea_three>ol>li:first-child{margin-bottom: 10%;}
    #Tabs>.tabs_list>.typea>.typea_three>ol>li>div:nth-child(1){display: flex; margin-bottom: 4%;}
    #Tabs>.tabs_list>.typea>.typea_three>ol>li>div:nth-child(1)>img{width: 35px; height: 35px; object-fit: contain; margin-right: 2%;}
    #Tabs>.tabs_list>.typea>.typea_three>ol>li>div:nth-child(1)>h4{font-weight: 700; font-size: 15px; line-height: 150%; letter-spacing: -0.03em; color: #423676;}
    #Tabs>.tabs_list>.typea>.typea_three>ol>li>div:nth-child(2){width: 100%; display: flex; flex-direction: column; justify-content: center; align-items: end;}
    #Tabs>.tabs_list>.typea>.typea_three>ol>li>div:nth-child(2)>p{width: 85%; font-weight: 400; font-size: 15px; line-height: 180%; letter-spacing: 0.005em; color: #3A3A3A; }

    #Tabs>.tabs_list>.typeb{width: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center;}
    #Tabs>.tabs_list>.typeb>.typeb_one{width: 100%; display: flex; flex-direction: column; justify-content: center; align-items: baseline; margin-bottom: 10%;}
    #Tabs>.tabs_list>.typeb h3{font-weight: 700; font-size: 18px; line-height: 150%; letter-spacing: -0.005em; color: #423676; margin-bottom: 5%;}
    #Tabs>.tabs_list>.typeb>.typeb_one>p{font-weight: 400; font-size: 15px; line-height: 180%; letter-spacing: -0.03em; color: #3A3A3A; }
    #Tabs>.tabs_list>.typeb>.typeb_two{width: 100%; position: relative;  display: flex; justify-content: center; align-items: center; margin-bottom: 15%;}
    #Tabs>.tabs_list>.typeb>.typeb_two>div:nth-child(1){width: 100%; background: #FFFFFF; border: 1px solid #A7A7A7; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); display: flex; flex-direction: column; justify-content: center; align-items: center; z-index: 998;}
    #Tabs>.tabs_list>.typeb>.typeb_two>div:nth-child(1)>img{content: url(/user/img/5.maps/typeb_mini_roadmap.png); width: 95%; margin: 5% 1%;}
    #Tabs>.tabs_list>.typeb>.typeb_two>div:nth-child(2){position: absolute; left: 3%; top: 6%; width: 100%; height: 100%; background: #ECEBF1;}
    #Tabs>.tabs_list>.typeb>.typeb_three>p{font-weight: 400; font-size: 15px; line-height: 180%; letter-spacing: 0.005em; color: #3A3A3A;}

    /*Instruction*/
    #Instruction{position: relative; width: 100%; padding: 20% 0; display: flex; flex-direction: column; justify-content: center; align-items: center;}
    #Instruction>h2{font-weight: 500; font-size: 24px; line-height: 35px; text-align: center; color: #272430; margin-bottom: 7%;}
    #Instruction>ul{width: 90%;}
    #Instruction>ul>li{display: flex; flex-direction: column; justify-content: center; align-items: baseline; margin-bottom: 20%;}
    #Instruction>ul>li:last-child{margin-bottom: 0;}
    #Instruction>ul>li>h3{font-weight: 700; font-size: 18px; line-height: 26px; text-align: center; color: #423676; margin-bottom: 5%;}
    #Instruction>ul>li>.dash{width: 100%; height: 0; border: 1px dashed #777777; margin-bottom: 5%;}
    #Instruction>ul>li>.inst_mobile{display: block;}
    #Instruction>ul>li>p{font-weight: 400; font-size: 16px; line-height: 24px; color: #272430; margin-bottom: 5%;}
    #Instruction>ul>li>.box{width: 100%; position: relative;  display: flex; justify-content: center; align-items: center; margin-bottom: 2%;}
    #Instruction>ul>li>.box>.box_front{width: 100%; background: #FFFFFF; border: 1px solid #EDEDED; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); z-index: 998;}
    #Instruction>ul>li>.box>.box_front>p{font-weight: 700; font-size: 15px; line-height: 22px; color: #4C3B89; margin: 3% 8%;}
    #Instruction>ul>li>.box>.box_back{position: absolute; left: 2%; top: 15%; width: 100%; height: 100%; background: #ECEBF1;}
    #Instruction>ul>li:nth-child(2)>.box{margin-bottom: 10%;}
    #Instruction>ul>li:nth-child(2)>ul{width: 100%;}
    #Instruction>ul>li:nth-child(2)>ul>li{font-weight: 400; font-size: 16px; line-height: 29px; color: #777777; margin-bottom: 5%;}
    #Instruction>ul>li:nth-child(2)>ul>li:last-child{margin-bottom: 0;}
    #Instruction>ul>li:nth-child(3)>div{width: 100%;}
    #Instruction>ul>li:nth-child(3)>div>img{width: 100%; content: url(/user/img/6.instruction/procedure_mobile.png);}
    #Instruction>ul>li:nth-child(4)>ul>li{width: 100%; margin-bottom: 5%; background: #FFFFFF; border: 1px solid #A7A7A7; border-radius: 20px;}
    #Instruction>ul>li:nth-child(4)>ul>li>img{width: 100%;}
    #Instruction>ul>li:nth-child(4)>ul>li>div{padding: 10%;}
    #Instruction>ul>li:nth-child(4)>ul>li>div>h4{font-weight: 500; font-size: 18px; line-height: 26px; color: #281153; margin-bottom: 5%;}
    #Instruction>ul>li:nth-child(4)>ul>li>div>p{ font-weight: 400; font-size: 15px; line-height: 160%; color: #777777;}

    /*Notices*/
    #Notices{position: relative; width: 100%; padding: 20% 0; display: flex; flex-direction: column; justify-content: center; align-items: center;}
    #Notices>h2{font-weight: 500; font-size: 24px; line-height: 35px; text-align: center; color: #272430; margin-bottom: 7%;}
    #Notices>ul{width: 90%; margin-bottom: 10%;}
    #Notices>ul>li{padding: 2% 1%; display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #EAEAEA;}
    #Notices>ul>li>h3{width: 50%; display: flex; justify-content: center; align-items: center; margin-right: 10px;}
    #Notices>ul>li>h3>a{display: inline-block; width: 100%; font-family: 'NEXON Lv2 Gothic'; font-style: normal; font-weight: 400; font-size: 15px; line-height: 160%; color: #272430; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
    #Notices>ul>li>p{width: 25%; text-align: end; font-family: 'NEXON Lv2 Gothic'; font-style: normal; font-weight: 400; font-size: 11px; line-height: 160%; color: #A5A3A9;}
    #Notices>ul>li>.impor_notice{width: 48px; height: 25px; display: flex; flex-direction: column; justify-content: center; align-items: center; background: #500E85; border-radius: 25px; margin-right: 10px;}
    #Notices>ul>li>.impor_notice>p{font-weight: 500; font-size: 14px; line-height: 25px; color: #FFFFFF;}

     /*Viewnotices*/
     #Viewnotices{position: relative; width: 100%; padding: 20% 0; display: flex; flex-direction: column; justify-content: center; align-items: center;}
     #Viewnotices>h2{font-weight: 500; font-size: 24px; line-height: 35px; text-align: center; color: #272430; margin-bottom: 5%;}
     #Viewnotices>.view_one{width: 90%; margin-bottom: 7%;}
     #Viewnotices>.view_one>div:nth-child(1){display: flex; flex-direction: column; align-items: center; justify-content: center; border-bottom: 1px solid #EAEAEA;}
     #Viewnotices>.view_one>div:nth-child(1)>div{width: 95%; display: flex; flex-direction: column;}
     #Viewnotices>.view_one>div:nth-child(1)>div>h3{width: 100%; font-weight: 400; font-size: 18px; line-height: 160%; color: #272430;}
     #Viewnotices>.view_one>div:nth-child(1)>div>p{width: 100%; font-weight: 400; font-size: 13px; line-height: 160%; color: #A5A3A9; margin-bottom: 3%;}
     #Viewnotices>.view_one>div:nth-child(2){padding: 5% 2%; border-bottom: 1px solid #EAEAEA;}
     #Viewnotices>.view_one>div:nth-child(2)>p{font-size: 14px; line-height: 180%;}
     #Viewnotices>button{width: 90px; height: 40px; background: #E6E6E6; border-radius: 120px;}
     #Viewnotices>button>a{font-weight: 400; font-size: 14px; line-height: 20px; color: #A5A5A5;}

     /*Review*/
   #Review{position: relative; width: 100%; padding: 20% 0; display: flex; flex-direction: column; justify-content: center; align-items: center;}
   #Review>h2{font-weight: 500; font-size: 24px; line-height: 35px; text-align: center; color: #272430; margin-bottom: 7%;}
   #Review>.review_list{width: 90%; height: 40%; margin-bottom: 15%;}
   #Review>.review_list>ol>li{width: 100%; padding: 6% 0; border-bottom: 1px solid #EAEAEA; display: flex; justify-content: center; align-items: center;}
   #Review>.review_list>ol>li>div{width: 90%;  display: flex; align-items: center;}
   #Review>.review_list>ol>li>div>.review_number{width: 5%; font-weight: 400; font-size: 14px; line-height: 160%; color: #68666D;}
   #Review>.review_list>ol>li>div>.review_title{width: 70%;}
   #Review>.review_list>ol>li>div>.review_title>a{font-weight: 400; font-size: 14px; line-height: 160%; color: #272430; overflow: hidden; text-overflow: ellipsis; box-sizing: border-box;} 
   #Review>.review_list>ol>li>div>.review_date{width: 25%; font-weight: 400; font-size: 13px; line-height: 160%; color: #A5A3A9;}
   #Review>button{width: 90px; height: 40px; background: #222222; border-radius: 120px; margin-bottom: 13%;}
   #Review>button>a{font-weight: 400; font-size: 14px; line-height: 20px; color: #FFFFFF;}

   #Viewreview{position: relative; width: 100%; padding: 20% 0; display: flex; flex-direction: column; justify-content: center; align-items: center;}
    #Viewreview>h2{font-weight: 500; font-size: 24px; line-height: 35px; text-align: center; color: #272430; margin-bottom: 10%;}
    #Viewreview>.view_one{width: 90%;}
    #Viewreview>.view_one>div:nth-child(1){height: 40px; display: flex; flex-direction: column; align-items: center; justify-content: center; border-bottom: 1px solid #EAEAEA;}
    #Viewreview>.view_one>div:nth-child(1)>div{width: 100%;}
    #Viewreview>.view_one>div:nth-child(1)>div>h3{font-weight: 400; font-size: 18px; line-height: 160%; color: #272430;}
    #Viewreview>.view_one>div:nth-child(1)>div>p{font-weight: 400; font-size: 14px; line-height: 160%; color: #A5A3A9; margin-bottom: 3%;}
    #Viewreview>.view_one>div:nth-child(2){padding-top: 7%; padding-bottom: 15%; border-bottom: 1px solid #EAEAEA;}
    
    #Viewreview>.view_two{width: 100%; margin-bottom: 4%;}
    #Viewreview>.view_two>.comments>div:nth-child(1){padding: 2% 5%; display: flex; flex-direction: column; justify-content: center; align-items: center; border-bottom: 1px solid #EAEAEA;}
    #Viewreview>.view_two>.comments>div>div{width: 100%;}
    #Viewreview>.view_two>.comments>div>div:nth-child(1){display: flex; justify-content: space-between; align-items: center; margin-bottom: 1%;}
    #Viewreview>.view_two>.comments>div>div:nth-child(1)>div:nth-child(1){width: 80%; display: flex; align-items: center;}
    #Viewreview>.view_two>.comments>div>div:nth-child(1)>div:nth-child(1)>.comment_name{font-weight: 400; font-size: 14px; line-height: 160%; color: #272430; margin-right: 2%;}
    #Viewreview>.view_two>.comments>div>div:nth-child(1)>div:nth-child(1)>.comment_icons{display: flex;}
    #Viewreview>.view_two>.comments>div>div:nth-child(1)>div:nth-child(1)>.comment_icons>img{width: 18px; height: 15px; object-fit: contain; margin-right: 15%; cursor: pointer;}
    #Viewreview>.view_two>.comments>div>div:nth-child(1)>div:nth-child(1)>.comment_icons>img:last-child{margin-right: 0;}
    #Viewreview>.view_two>.comments>div>div:nth-child(1)>div:nth-child(2){width: 20%;}
    #Viewreview>.view_two>.comments>div>div:nth-child(1)>div:nth-child(2)>.comment_date{text-align: right; font-weight: 400; font-size: 12px; line-height: 160%; text-align: right; color: #A5A3A9;}
    #Viewreview>.view_two>.comments>div>div:nth-child(2)>p{font-weight: 400; font-size: 14px; line-height: 180%; color: #3A3A3A;}

    #Viewreview>.view_two>.sub_comments{padding: 2% 5%; display: flex; border-bottom: 1px solid #EAEAEA;}
    #Viewreview>.view_two>.sub_comments>div:nth-child(1){width: 2%; display: flex; flex-direction: column; justify-content: baseline;}
    #Viewreview>.view_two>.sub_comments>div:nth-child(1)>img{width: 9px; height: 9px; object-fit: contain;}
    #Viewreview>.view_two>.sub_comments>div:nth-child(2){width: 98%; display: flex; flex-direction: column; justify-content: center; align-items: center;}
    #Viewreview>.view_two>.sub_comments>div:nth-child(2)>div{width: 100%;}
    #Viewreview>.view_two>.sub_comments>div:nth-child(2)>div:nth-child(1){display: flex; justify-content: space-between; align-items: center; margin-bottom: 1%;}
    #Viewreview>.view_two>.sub_comments>div:nth-child(2)>div:nth-child(1)>div:nth-child(1){width: 80%; display: flex; align-items: center;}
    #Viewreview>.view_two>.sub_comments>div:nth-child(2)>div:nth-child(1)>div:nth-child(1)>img{width: 9px; height: 9px; object-fit: contain; margin-right: 2%;}
    #Viewreview>.view_two>.sub_comments>div:nth-child(2)>div:nth-child(1)>div:nth-child(1)>.sub_comment_name{font-weight: 400; font-size: 14px; line-height: 160%; color: #272430; margin-right: 2%;}
    #Viewreview>.view_two>.sub_comments>div:nth-child(2)>div:nth-child(1)>div:nth-child(1)>.sub_comment_icons{display: flex;}
    #Viewreview>.view_two>.sub_comments>div:nth-child(2)>div:nth-child(1)>div:nth-child(1)>.sub_comment_icons>img{width: 18px; height: 15px; object-fit: contain; margin-right: 15%; cursor: pointer;}
    #Viewreview>.view_two>.sub_comments>div:nth-child(2)>div:nth-child(1)>div:nth-child(1)>.sub_comment_icons>img:last-child{margin-right: 0;}
    #Viewreview>.view_two>.sub_comments>div:nth-child(2)>div:nth-child(1)>div:nth-child(2){width: 30%;}
    #Viewreview>.view_two>.sub_comments>div:nth-child(2)>div:nth-child(1)>div:nth-child(2)>.sub_comment_date{text-align: right; font-weight: 400; font-size: 12px; line-height: 160%; text-align: right; color: #A5A3A9;}
    #Viewreview>.view_two>.sub_comments>div:nth-child(2)>div:nth-child(2)>p{font-weight: 400; font-size: 14px; line-height: 180%; color: #3A3A3A;}
    #Viewreview>.view_two>.comments>div>div:nth-child(1)>div:nth-child(1)>.member_icons{display: none;}
    #Viewreview>.view_two>.sub_comments>div:nth-child(2)>div:nth-child(1)>div:nth-child(1)>.member_icons{display: none;}
    #Mypagedetail>form>div>.three>div:nth-child(2){display: flex; flex-direction: column; width: 100%;}
    #Mypagedetail>form>div>.three>div:nth-child(2)>input{width: 94%; margin-bottom: 2%;}
    #Mypagedetail>form>div>.three>div:nth-child(2)>button{width: 40%; height: 50px; background: #FFFFFF; border: 1px solid #777777; text-align: center; font-weight: 400; font-size: 15px; line-height: 49px; color: #272430; cursor: pointer;}
 
    #Viewreview>.view_three{width: 100%;  display: flex; flex-direction: column; justify-content: center; align-items: center; margin-bottom: 10%;}
    #Viewreview>.view_three>div{width: 90%; display: flex; justify-content: space-between;}
    #Viewreview>.view_three>div>#comment_text{width: 69%; padding: 2% 5%; border: 1px solid #777777; font-weight: 400; font-size: 13px; line-height: 180%;}
    #Viewreview>.view_three>div>input{width: 30%;  background: #3A3A3A; cursor: pointer; font-weight: 400; font-size: 13px; line-height: 160%; color: #FFFFFF;}

    #Viewreview>.view_four{width: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center;}
    #Viewreview>.view_four>div{display: flex;}
    #Viewreview>.view_four>div>button{background: #E6E6E6; width: 90px; height: 40px; border-radius: 120px; cursor: pointer; margin-right: 6%;}
    #Viewreview>.view_four>div>button>a{box-sizing: border-box; font-weight: 400; font-size: 14px; line-height: 16px; color: #A5A5A5;}
    #Viewreview>.view_four>div>.review_revise{background: #222222;}
    #Viewreview>.view_four>div>.review_revise>a{color: #FFFFFF;}

    #Viewreview .comment_change{display: flex; justify-content: space-between;}
    #Viewreview .comment_change>.comment_change_text{width: 69%; padding: 2% 5%; border: 1px solid #777777; font-weight: 400; font-size: 14px; line-height: 180%;}
    #Viewreview .comment_change>.comment_change_btn{width: 30%;  background: #3A3A3A; cursor: pointer; font-weight: 400; font-size: 13px; line-height: 160%; color: #FFFFFF;}

    .board_notice_register{position: relative; width: 100%; padding: 20% 0; display: flex; flex-direction: column; justify-content: center; align-items: center;}
    .board_notice_register>.indicator{font-weight: 500; font-size: 24px; line-height: 35px; text-align: center; color: #272430; margin-bottom: 7%;}
    .board_notice_register>form{width: 90%;}
    .board_notice_register>form>.flexbox{width: 100%; margin-bottom: 4%;}
    .board_notice_register>form>.flexbox:nth-child(2){margin-bottom: 4%;}
    .board_notice_register>form>.flexbox:nth-child(3){margin-bottom: 10%;}
    .board_notice_register>form>.flexbox:nth-child(1)>.write_title{width: 96%; padding: 1% 2%; border: 1px solid #DDDDDD; font-weight: 400; font-size: 14px; line-height: 160%;}
    .board_notice_register>form>.flexbox:nth-child(2) .write_text{height: 80%; font-weight: 400; font-size: 18px; line-height: 160%;}
    .board_notice_register>form>.wrap_action{display: flex; justify-content: center;}
    .board_notice_register>form>.wrap_action>.back{width: 90px; height: 40px; border-radius: 120px; display: flex; justify-content: center; align-items: center; background: #E6E6E6; font-weight: 400; font-size: 14px; line-height: 20px; color: #A5A5A5; margin-right: 3%;}
    .board_notice_register>form>.wrap_action>.submit{width: 90px; height: 40px; border-radius: 120px;  background: #222222; color: #FFFFFF; cursor: pointer;}
    .board_notice_register #editor-container{height: 400px;}

    /*Inquiry*/
    #Inquiry{position: relative; width: 100%; padding: 20% 0; display: flex; flex-direction: column; justify-content: center; align-items: center;}
    #Inquiry>h2{font-weight: 500; font-size: 24px; line-height: 35px; text-align: center; color: #272430; margin-bottom: 7%;}
    #Inquiry>div{width: 90%; margin-bottom: 10%;}
    #Inquiry>div:last-child{margin-bottom: 0;}
    #Inquiry>div>h3{font-weight: 700; font-size: 20px; line-height: 29px; color: #423676; margin-bottom: 3%;}
    #Inquiry>div>.dash{width: 100%; border: 1px dashed #777777; margin-bottom: 7%;}
    #Inquiry>.inquiry_one>ul>li{display: flex; align-items: center; margin-bottom: 2%;}
    #Inquiry>.inquiry_one>ul>li:last-child{margin-bottom: 0;}
    #Inquiry>.inquiry_one>ul>li>h4{width: 40%; font-weight: 500; font-size: 15px; line-height: 22px; color: #272430;}
    #Inquiry>.inquiry_one>ul>li>p{font-weight: 400; font-size: 15px; line-height: 22px; color: #3A3A3A;}
    #Inquiry>.inquiry_two>.map{width: 100%; margin-bottom: 5%; border: 1px solid #949494; border-radius: 5px; }
    #Inquiry>.inquiry_two>ul{display: flex; flex-direction: column; justify-content: center; align-items: center;}
    #Inquiry>.inquiry_two>ul>li{width: 100%; font-weight: 400; font-size: 13px; line-height: 19px; color: #777777; text-align: center;}

    /*Reservation*/
    #Reservation{display: none;}
    #Reservation_mobile{position: relative;  width: 100%; padding: 20% 0; display: flex; flex-direction: column; justify-content: center; align-items: center;}
    #Reservation_mobile>h2{font-weight: 500; font-size: 24px; line-height: 35px; text-align: center; color: #272430; margin-bottom: 7%;}
    #Reservation_mobile>.reserv_btn{width: 90px; height: 32px; background: #222222; border-radius: 16px; cursor: pointer; font-weight: 400; font-size: 14px; line-height: 20px; color: #FFFFFF; margin-bottom: 10%;}
    #Reservation_mobile>.search{display: flex; width: 90%; justify-content: space-between; margin-bottom: 3%;}
    #Reservation_mobile>.search>p{width: 20%; font-weight: 500; font-size: 16px; line-height: 23px; letter-spacing: -0.06em; color: #222222;}
    #Reservation_mobile>.search>ul{width: 100%; display: flex; justify-content: space-between; position: relative;}
    #Reservation_mobile>.search>ul>li{position: relative; margin-right: 0.5%;}
    #Reservation_mobile>.search>ul>li:last-child{margin-right: 0;}
    #Reservation_mobile>.search>ul>li:nth-child(1){width: 20%;}
    #Reservation_mobile>.search>ul>li:nth-child(1)>select{width: 100%; height: 100%; border: 1px solid #C9C9C9;; border-radius: 4px; font-weight: 500; font-size: 16px; line-height: 23px; color: rgba(26, 26, 26, 0.8);}
    #Reservation_mobile>.search>ul>li:nth-child(2){width: 77%;}
    #Reservation_mobile>.search>ul>li:nth-child(2)>input{width: 80%; padding-right: 20%; height: 42px; border: 1px solid #C9C9C9;; border-radius: 4px; font-weight: 500; font-size: 16px; line-height: 23px; color: rgba(26, 26, 26, 0.8);}
    #Reservation_mobile>.search>ul>li:nth-child(3){position: absolute; right: 0; top: 50%; transform: translateY(-50%); display: flex; flex-direction: column; justify-content: center; align-items: center;}
    #Reservation_mobile>.search>ul>li:nth-child(3)>img{width: 50%; height: 50%; object-fit: contain;}
    #Reservation_mobile>.list{width: 90%; margin-bottom: 15%;}
    #Reservation_mobile>.list>div>a{padding: 3% 0; display: flex; justify-content: space-between; background: #F5F5F5; border: 1px solid #DDDDDD;}
    #Reservation_mobile>.list>div>a>div:nth-child(1){width: 50%; margin-left: 3%; display: flex; align-items: center;}
    #Reservation_mobile>.list>div>a>div:nth-child(1)>img{width: 10px; height: 14px; object-fit: contain; margin-right: 5%;}
    #Reservation_mobile>.list>div>a>div:nth-child(1)>h3{font-weight: 400; font-size: 14px; line-height: 20px; text-align: center; color: #1A1A1A;}
    #Reservation_mobile>.list>div>a>div:nth-child(2){width: 30%; margin-right: 3%; display: flex; align-items: center; justify-content: right;}
    #Reservation_mobile>.list>div>a>div:nth-child(2)>p{font-weight: 400; font-size: 13px; line-height: 19px; text-align: center; color: #777777;}
    #Reservation_mobile>.list>div>a>div:nth-child(2)>p:nth-child(1){margin-right: 10%;}
    #Reservation_mobile>.list>div>div{background: #FFFFFF; border: 1px solid #DDDDDD; border-top: 0; padding: 5% 0; height: 60%; display: flex; flex-direction: column; justify-content: center; align-items: center;}
    #Reservation_mobile>.list>div>div>p{width: 90%; text-align: left; font-weight: 400; font-size: 14px; line-height: 20px; color: #777777;}
    #Reservation_mobile>button{width: 133px; height: 40px; background: #222222; border-radius: 120px; margin-bottom: 1%;}
    #Reservation_mobile>button>a{font-weight: 400; font-size: 14px; line-height: 20px; color: #FFFFFF;}

     /*secret*/
     #Secret{position: relative;  width: 100%; padding: 20% 0; display: flex; flex-direction: column; justify-content: center; align-items: center;}
     #Secret>div:nth-child(1){width: 100%; padding: 20% 0%; background: #FFFFFF; border: 1px solid #D9D9D9; display: flex; flex-direction: column; justify-content: center; align-items: center; margin-bottom: 10%;}
     #Secret>div:nth-child(1)>img{width: 48px; height: 63px; object-fit: contain; margin-bottom: 7%;}
     #Secret>div:nth-child(1)>p{font-weight: 400; font-size: 14px; line-height: 20px; text-align: center; color: #919191; margin-bottom: 7%;}
     #Secret>div:nth-child(1)>form{width: 90%; padding: 2% 0; background: #F9F9F9; display: flex; justify-content: center; align-items: center;}
     #Secret>div:nth-child(1)>form>label{font-weight: 400; font-size: 16px; line-height: 23px; color: #333333; margin-right: 3%;}
     #Secret>div:nth-child(1)>form>#my_pw{width: 40%; padding: 1.5% 3%; background: #FFFFFF; border: 1px solid #E3E3E3; margin-right: 3%;}
     #Secret>div:nth-child(1)>form>#pw_ok{padding: 1% 2%; background: #FFFFFF; border: 1px solid #E3E3E3; font-weight: 400; font-size: 14px; line-height: 20px; color: #333333; cursor: pointer; }
     #Secret>div:nth-child(2){width: 90%; height: 0; border: 1px solid #D9D9D9; margin-bottom: 5%;}

     /*Reservdetail*/
    #Reservdetail{position: relative;  width: 100%; padding: 20% 0; display: flex; flex-direction: column; justify-content: center; align-items: center;}
    #Reservdetail>.board_reservation_detail{width: 90%;}
    #Reservdetail .indicator{font-weight: 500; text-align: center; font-size: 20px; line-height: 29px; letter-spacing: -0.06em; color: #222222; margin-bottom: 7%;}
    #Reservdetail .top>p{font-weight: 500; font-size: 16px; line-height: 18px; color: #222222;}
    #Reservdetail .top>span{font-weight: 500; font-size: 14px; line-height: 18px; color: #777777;}
    #Reservdetail .bottom{font-weight: 500; font-size: 14px; line-height: 215%; color: #A7A7A7; margin-bottom: 2%;}
    #Reservdetail .top2>p{font-weight: 500; font-size: 16px; line-height: 18px; color: #222222;}
    #Reservdetail .top2>span{font-weight: 500; font-size: 14px; line-height: 18px; color: #777777;}
    #Reservdetail .bottom2{font-weight: 400; font-size: 14px; line-height: 215%; color: #272430; }
    #Reservdetail .wrap_action2{display: none;}
    #Reservdetail .wrap_action_add>button{margin-right: 1%; width: 90px; height: 38px; background: #FFFFFF; border: 1px solid #E3E3E3; box-shadow: inset 0px 4px 4px rgba(184, 184, 184, 0.25); border-radius: 4px;  cursor: pointer;}
    #Reservdetail .wrap_action_add>button:last-child{margin-right: 0;}
    #Reservdetail .wrap_action_add>button>a{font-weight: 500; font-size: 14px; line-height: 20px; color: #272430;}
    .wrap_action_add {display: flex;  justify-content: flex-end; align-items: center;}
    .board_reservation_detail .top {padding: 1%;}
    .board_reservation_detail .bottom {padding: 7% 2%;}
    .board_reservation_detail .top2 {padding: 1%;}
    .board_reservation_detail .top2 img{width: 9px; height: 9px; margin-right: 2%;}
    .board_reservation_detail .bottom2 {padding: 7% 2%;}

    /*Reservform*/
    #Reservform{position: relative;  width: 100%; padding: 20% 0; display: flex; flex-direction: column; justify-content: center; align-items: center;}
    #Reservform>h2{font-weight: 500; font-size: 24px; line-height: 35px; text-align: center; color: #272430; margin-bottom: 4%;}
    #Reservform>form{position: relative; width: 90%; margin-bottom: 2%;}
    #Reservform>form>table{width: 100%; padding:0; border:0; border-collapse: separate; border-spacing: 0 20px;}
    #Reservform>form>table>tbody{width: 100%;}
    #Reservform tr{display: flex; flex-direction: column; width: 100%; margin-bottom: 2%;}
    #Reservform tr:nth-child(4){margin-bottom: 7%;}
    #Reservform th{padding:0; border: 0px; width: 100%; text-align: left; font-weight: 400; font-size: 15px; line-height: 160%; color: #272430; margin-bottom: 1%; }
    #Reservform td{padding:0; border: 0px; width: 100%;}
    #Reservform label{width: 100%; font-weight: 400; font-size: 20px; line-height: 160%; color: #272430;}
    #Reservform input{width: 98%; padding: 2.2% 1%; background: #FFFFFF; border: 1px solid #777777;}
    #Reservform .my_phone{width: 80%; margin-right: 2%;}
    #Reservform .phone_button{width: 15%; text-align: center; font-weight: 400; font-size: 15px; line-height: 160%; color: #272430; padding: 1% 2%; cursor: pointer;}
    #Reservform .editable{width: 100%; height: 400px; padding: 7% 0; padding-bottom: 15%; border: 1px solid #DDDDDD; display: flex; flex-direction: column; justify-content: center; align-items: center;}
    #Reservform .editable>p{width: 90%; font-weight: 400; font-size: 16px; line-height: 180%; color: #272430;}
    #Reservform .button{display: flex; justify-content: center; align-items: center;}
    #Reservform .button>.back{width: 90px; height: 40px; background: #E6E6E6; border: 0; text-align: center; border-radius: 120px; font-weight: 400; font-size: 14px; line-height: 20px; color: #A5A5A5; cursor: pointer; margin-right: 5%;}
    #Reservform .button>.submit{width: 90px; height: 40px; background: #222222;; border: 0; text-align: center; border-radius: 120px; font-weight: 400; font-size: 14px; line-height: 20px; color: #FFFFFF; cursor: pointer;}

    /*login*/
    #Iogin{position: relative;  width: 100%; padding: 10% 0; display: flex; flex-direction: column; justify-content: center; align-items: center;}
    #Iogin>img{width: 175px; height: 44px; object-fit: contain; margin-bottom: 10%;}
    #Iogin>form{width: 80%;}
    #Iogin>form>table{width: 100%;}
    #Iogin>form>table>tbody{width: 100%;}
    #Iogin tr{display: flex; flex-direction: column; justify-content: center; align-items: start; margin-bottom: 5%;}
    #Iogin tr:nth-child(2){margin-bottom: 10%;}
    #Iogin tr:last-child{margin-bottom: 0;}
    #Iogin th{font-weight: 500; font-size: 18px; line-height: 26px; color: #777777; margin-bottom: 2%;}
    #Iogin td{width: 100%;}
    #Iogin td>input{width: 90%; padding: 0 5%; background: #FFFFFF; border: 2px solid #D8D8D8; border-radius: 4px; font-weight: 500; font-size: 16px; line-height: 50px; color: #A7A7A7;}
    #Iogin td>.login_ok{width: 100%; background: #573C81; border: 0; font-weight: 700; color: #FFFFFF;  cursor: pointer;}
    #Iogin>div{width: 80%; display: flex; justify-content: space-between; align-items: center;}
    #Iogin>div>p{font-weight: 400; font-size: 14px; line-height: 50px; color: #A7A7A7;}
    #Iogin>div>button>a{font-weight: 400; font-size: 14px; line-height: 50px; color: #A7A7A7;}

    .login_naver{
        display:block; width:100%; max-width:80%; height:50px; margin:5px auto; background-image:url('/user/img/0.logo/login_naver.svg'); background-repeat:no-repeat; background-size: contain; background-position: center;}
    
    .login_kakao{
    display:block; width:100%; max-width:80%; height:50px; margin:0px auto; background-image:url('/user/img/0.logo/login_kakao.svg'); background-repeat:no-repeat;background-size: contain; background-position: top;}

    /*join*/
    #Join{position: relative;  width: 100%; padding: 20% 0; display: flex; flex-direction: column; justify-content: center; align-items: center;}
    #Join>h2{font-weight: 500; font-size: 24px; line-height: 35px; text-align: center; color: #272430; margin-bottom: 7%;}
    #Join>form{width: 90%; margin-bottom: 5%;}
    #Join>form>div{margin-bottom: 5%;}
    #Join>form>div:nth-child(2){margin-bottom: 2%; height: 200px; overflow-y: scroll;}
    #Join>form>div:nth-child(4){margin-bottom: 2%; height: 200px; overflow-y: scroll;}
    #Join>form>.check_box{display: flex; justify-content: end; align-items: center;}
    #Join>form>.check_box>input{background: #FFFFFF; border: 1px solid #333333; border-radius: 1px;}
    #Join>form>.check_box>label{font-weight: 400; font-size: 15px; line-height: 160%; color: #000000;}
    #Join>form>.check_text{width: 96%; padding: 4% 2%; background: #FFFFFF; border: 1px solid #777777;}
    #Join>form>.check_text>p{font-weight: 400; font-size: 14px; line-height: 160%; color: #3A3A3A; margin-bottom: 4%;}
    #Join>.join_ok{width: 90px; height: 40px; background: #222222; border-radius: 130px; cursor: pointer;}
    #Join>.join_ok>a{font-weight: 400; font-size: 14px; line-height: 20px; color: #FFFFFF;}
    
    #Join #all_ok+label{height:20px; line-height:20px; background: url('/user/img/13.join/check_off.png') no-repeat 0 0px / contain; padding-left:30px; }
    #Join #first_ok+label{height:20px; line-height:20px; background: url('/user/img/13.join/check_off.png') no-repeat 0 0px / contain; padding-left:30px;}
    #Join #two_ok+label{height:20px; line-height:20px; background: url('/user/img/13.join/check_off.png') no-repeat 0 0px / contain; padding-left:30px;}

    #Join #all_ok:checked+label{background: url('/user/img/13.join/check_on.png') no-repeat 0 0px / contain;}
    #Join #first_ok:checked+label{background: url('/user/img/13.join/check_on.png') no-repeat 0 0px / contain;}
    #Join #two_ok:checked+label{background: url('/user/img/13.join/check_on.png') no-repeat 0 0px / contain;}
    
    input[type="checkbox"] {
      display: none;
    }

    /*mypage*/
    #Mypage{position: relative;  width: 100%; padding: 20% 0; display: flex; flex-direction: column; justify-content: center; align-items: center;}
    #Mypage>h2{font-weight: 500; font-size: 24px; line-height: 35px; text-align: center; color: #272430; margin-bottom: 5%;}
    #Mypage>form{width: 90%; display: flex; flex-direction: column; justify-content: center; align-items: center; margin-bottom: 5%;}
    #Mypage>form>div{width: 100%; margin-bottom: 5%;}
    #Mypage>form>div>h3{font-weight: 500; font-size: 22px; line-height: 32px; color: #222222; margin-bottom: 7%;}
    #Mypage>form>div>div{width: 100%; margin-bottom: 5%;}
    #Mypage>form>div>div>div:nth-child(1){width: 100%; font-weight: 400; font-size: 15px; line-height: 160%; color: #272430;}
    #Mypage>form>div>div>div:nth-child(1)>p{font-weight: 400; font-size: 15px; line-height: 160%; color: #272430;}
    #Mypage>form>div>div>div:nth-child(2){width: 100%;}
    #Mypage>form>div>.one>div:nth-child(2){display: flex; align-items: center;}
    #Mypage>form>div>div>div:nth-child(2)>input{height: 50px; width: 94%; background: #FFFFFF; border: 1px solid #777777; padding: 0 3%;}
    #Mypage>form>div>.one>div:nth-child(2)>input{width: 70%; margin-right: 2%;}
    #Mypage>form>div>.one>div:nth-child(2)>button{width: 90px; height: 50px; background: #FFFFFF; border: 1px solid #777777; font-style: normal; font-weight: 400; font-size: 15px; color: #272430; cursor: pointer;}
    #Mypage>form>div>.two>div{display: flex; flex-direction: column;}
    #Mypage>form>div>.two>div:nth-child(2)>p{font-weight: 400; font-size: 14px; line-height: 160%; color: #423477;}
    #Mypage>form>div>.five>div:nth-child(2){display: flex;}
    #Mypage>form>div>.five>div:nth-child(2)>label{display: block; width: 104px; height: 44px; border: 1px solid #777777; font-weight: 400; font-size: 15px; line-height: 44px; text-align: center; margin-right: 1%;}
    #Mypage>form>div>.six>div:nth-child(2)>.phone{margin-bottom: 2%;}
    #Mypage>form>div>.six>div:nth-child(2)>.phone>.phone_one{width: 100%; display: flex; justify-content: space-between; align-items: center; margin-bottom: 2%;}
    #Mypage>form>div>.six>div:nth-child(2)>.phone>.phone_one *{width: 32%;}
    #Mypage>form>div>.six>div:nth-child(2)>.phone>.phone_one>#phone_number{height: 49px; background: #FFFFFF; border: 1px solid #777777; font-weight: 400; font-size: 18px; line-height: 49px; color: #000000;}
    #Mypage>form>div>.six>div:nth-child(2)>.phone>.phone_one>input{height: 45px;}
    #Mypage>form>div>.six>div:nth-child(2)>.phone>.phone_two{width: 100%; display: flex; justify-content: start; align-items: center;}
    #Mypage>form>div>.six>div:nth-child(2)>.phone>.phone_two>button{width: 32%; height: 49px; background: #FFFFFF; border: 1px solid #777777; text-align: center; font-weight: 400; font-size: 15px; line-height: 49px; color: #272430; cursor: pointer;}
    #Mypage>form>div>.six>div:nth-child(2)>.certi>.certi_one{width: 100%; margin-bottom: 2%;}
    #Mypage>form>div>.six>div:nth-child(2)>.certi>.certi_one>input{width: 94%; height: 45px; padding: 0 3%; font-weight: 400; font-size: 15px; line-height: 160%; color: #A7A7A7;}
    #Mypage>form>div>.six>div:nth-child(2)>.certi>.certi_two{width: 100%;}
    #Mypage>form>div>.six>div:nth-child(2)>.certi>.certi_two>button{width: 40%; height: 49px; background: #FFFFFF; border: 1px solid #777777; font-weight: 400; font-size: 15px; line-height: 49px; text-align: center; color: #272430; cursor: pointer;}
    #Mypage>form>div>.seven>div:nth-child(2)>p{font-weight: 400; font-size: 14px; line-height: 160%; color: #423477;}

    #Mypage>form>div:nth-child(2)>h3>span{font-size: 14px; line-height: 160%; color: #777777;}
    #Mypage>form>div:nth-child(2)>.eight>div:nth-child(2){display: flex; align-items: center;}
    #Mypage>form>div:nth-child(2)>.eight>div:nth-child(2)>label{display: block; width: 104px; height: 44px; border: 1px solid #777777; font-weight: 400; font-size: 15px; line-height: 44px; text-align: center; margin-right: 1%;}
    #Mypage>.mypage_ok{width: 90px; height: 40px; background: #222222; border-radius: 130px; cursor: pointer;}
    #Mypage>.mypage_ok>a{font-weight: 400; font-size: 14px; line-height: 16px; color: #FFFFFF; }

    #man{display: none;}
    #man:checked + label{
      color: #FFFFFF;
      background: #423477;
    }

    #woman{display: none;}
    #woman:checked + label{
      color: #FFFFFF;
      background: #423477;
    }

    #stud_man{display: none;}
    #stud_man:checked + label{
      color: #FFFFFF;
      background: #423477;
    }

    #stud_woman{display: none;}
    #stud_woman:checked + label{
      color: #FFFFFF;
      background: #423477;
    }

    /*mypagedetail*/
    #Mypagedetail{position: relative;  width: 100%; padding: 20% 0; display: flex; flex-direction: column; justify-content: center; align-items: center;}
    #Mypagedetail>h2{font-weight: 500; font-size: 24px; line-height: 35px; text-align: center; color: #272430; margin-bottom: 5%;}
    #Mypagedetail>form{width: 90%; display: flex; flex-direction: column; justify-content: center; align-items: center; margin-bottom: 5%;}
    #Mypagedetail>form>div{width: 100%; margin-bottom: 5%;}
    #Mypagedetail>form>div>h3{font-weight: 500; font-size: 22px; line-height: 32px; color: #222222; margin-bottom: 7%;}
    #Mypagedetail>form>div>div{width: 100%; margin-bottom: 5%;}
    #Mypagedetail>form>div>div>div:nth-child(1){width: 100%; font-weight: 400; font-size: 15px; line-height: 160%; color: #272430;}
    #Mypagedetail>form>div>div>div:nth-child(1)>p{font-weight: 400; font-size: 15px; line-height: 160%; color: #272430;}
    #Mypagedetail>form>div>div>div:nth-child(2){width: 100%;}
    #Mypagedetail>form>div>.one>div:nth-child(2){display: flex; align-items: center;}
    #Mypagedetail>form>div>div>div:nth-child(2)>input{height: 50px; width: 94%; background: #FFFFFF; border: 1px solid #777777; padding: 0 3%;}
    #Mypagedetail>form>div>.one>div:nth-child(2)>input{width: 94%;}
    #Mypagedetail>form>div>.one>div:nth-child(2)>button{width: 90px; height: 50px; background: #FFFFFF; border: 1px solid #777777; font-style: normal; font-weight: 400; font-size: 15px; color: #272430; cursor: pointer;}
    #Mypagedetail>form>div>.two>div{display: flex; flex-direction: column;}
    #Mypagedetail>form>div>.two>div:nth-child(2)>p{font-weight: 400; font-size: 14px; line-height: 160%; color: #423477;}
    #Mypagedetail>form>div>.five>div:nth-child(2){display: flex;}
    #Mypagedetail>form>div>.five>div:nth-child(2)>label{display: block; width: 104px; height: 44px; border: 1px solid #777777; font-weight: 400; font-size: 15px; line-height: 44px; text-align: center; margin-right: 1%;}
    #Mypagedetail>form>div>.six>div:nth-child(2)>.phone{margin-bottom: 2%;}
    #Mypagedetail>form>div>.six>div:nth-child(2)>.phone>.phone_one{width: 100%; display: flex; justify-content: space-between; align-items: center; margin-bottom: 2%;}
    #Mypagedetail>form>div>.six>div:nth-child(2)>.phone>.phone_one>input{width: 26%; padding: 0 3%; height: 45px;}
    #Mypagedetail>form>div>.six>div:nth-child(2)>.phone>.phone_two{width: 100%; display: flex; justify-content: start; align-items: center;}
    #Mypagedetail>form>div>.six>div:nth-child(2)>.phone>.phone_two>button{width: 32%; height: 49px; background: #FFFFFF; border: 1px solid #777777; text-align: center; font-weight: 400; font-size: 15px; line-height: 49px; color: #272430; cursor: pointer;}
    #Mypagedetail>form>div>.six>div:nth-child(2)>.certi>.certi_one{width: 100%; margin-bottom: 2%;}
    #Mypagedetail>form>div>.six>div:nth-child(2)>.certi>.certi_one>input{width: 94%; height: 45px; padding: 0 3%; font-weight: 400; font-size: 15px; line-height: 160%; color: #A7A7A7;}
    #Mypagedetail>form>div>.six>div:nth-child(2)>.certi>.certi_two{width: 100%;}
    #Mypagedetail>form>div>.six>div:nth-child(2)>.certi>.certi_two>button{width: 40%; height: 49px; background: #FFFFFF; border: 1px solid #777777; font-weight: 400; font-size: 15px; line-height: 49px; text-align: center; color: #272430; cursor: pointer;}
    #Mypagedetail>form>div>.seven>div:nth-child(2)>p{font-weight: 400; font-size: 14px; line-height: 160%; color: #423477;}

    #Mypagedetail>form>div:nth-child(2)>h3>span{font-size: 14px; line-height: 160%; color: #777777;}
    #Mypagedetail>form>div:nth-child(2)>.eight>div:nth-child(2){display: flex; align-items: center;}
    #Mypagedetail>form>div:nth-child(2)>.eight>div:nth-child(2)>label{display: block; width: 104px; height: 44px; border: 1px solid #777777; font-weight: 400; font-size: 15px; line-height: 44px; text-align: center; margin-right: 1%;}
    #Mypagedetail>.mypage_button{display: flex;}
    #Mypagedetail>.mypage_button>button{width: 90px; height: 40px; background: #222222; border-radius: 130px; cursor: pointer;}
    #Mypagedetail>.mypage_button>button>a{font-weight: 400; font-size: 14px; line-height: 16px; color: #FFFFFF; }
    #Mypagedetail>.mypage_button>.mypage_cancel{background: #E6E6E6; margin-right: 2%;}
    #Mypagedetail>.mypage_button>.mypage_cancel>a{color: #A5A5A5; }

    .search_list{width: 90%; display: flex; justify-content: flex-end; align-items: center; }
    .search_list>form{width: 65%; margin-bottom: 7%;}
    .search_list>form>table>tbody>tr>td{width: 100%; display: flex; justify-content: space-between;}
    .search_list>form>table>tbody>tr>td>select{width: 29%; height: 40px; background: #FFFFFF; border: 1px solid #777777; font-family: 'NEXON Lv2 Gothic'; font-weight: 400; font-size: 12px; line-height: 160%; color: #000000; margin-right: 1%;}
    .search_list>form>table>tbody>tr>td>select>option{border: 1px solid #E7E7E7; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); font-weight: 400; font-size: 14px; line-height: 160%; color: #A7A7A7;}
    .search_list>form>table>tbody>tr>td>#my_search_list{width: 49%; height: 39px; background: #FFFFFF; border: 1px solid #777777;  font-family: 'NEXON Lv2 Gothic'; font-weight: 400; font-size: 12px; line-height: 160%; color: #000000; margin-right: 1%;}
    .search_list>form>table>tbody>tr>td>.search_btn{width: 20%; height: 40px; padding: 0 2%; background: #26292F; border: 1px solid #26292F; font-weight: 500; font-size: 12px; line-height: 20px; display: flex; justify-content: center; align-items: center; color: #FFFFFF; text-align: center; cursor: pointer;}

    .review_button{padding: 0 auto; display: flex; justify-content: center;  align-items: center;}
    .review_button>.review_button{padding: 0 5%; cursor: pointer;}
    .review_button>button>p{font-family: 'NEXON Lv2 Gothic'; font-weight: 400; font-size: 15px; line-height: 160%; text-align: center;}
    .review_button>ol{margin: 0 40%; display: flex; justify-content: center;}
    .review_button>ol>li{display: flex;  align-items: center; padding: 0 10%;}
    .review_button>ol>li>p{font-family: 'NEXON Lv2 Gothic'; font-weight: 400; font-size: 15px; line-height: 160%; color: #000000; cursor: pointer; text-align: center;}


  }



  @media screen and (min-width: 1500px){
.login_naver{
    background-size:cover;
}
.login_kakao{
    background-size:cover;
    background-position: center;
}
  }