@charset "utf-8"; /* CSS Document */

.res { display:none } 
@media screen and (max-width:1400px){
 }
 @media screen and (max-width:1350px){
 .sub_greetings .t1 { font-size: 2.7em; } 
 /*sub_about*/
.sub_ceo { margin-top: -8em; } 
 }
@media screen and (max-width:1280px){
 }
@media screen and (max-width:1200px) { /**header**/
#header .top_wrap .gnb_wrap .gnb > li .dp1 .tt { font-size: 1.17em; } 
.visualSlide_wrap .slogan .t2 { font-size: 2.8em; word-break: keep-all } 
.main_bottom .inn .right .in .tit { font-size: .9em; } 
 }
@media screen and (max-width: 1100px) {.main_bottom .inn .left { padding-left: 2em; } 

.board_gallery > li {flex: 0 0 48%;}
}
@media screen and (max-width:1024px){
 #header .top_wrap .gnb_wrap .gnb { display: none; } 

/*main*/
.visualSlide_wrap .slogan .t2 { font-size: 2.5em; word-break: keep-all; } 
.page_ttbg_bg { background-size: cover; background-repeat: no-repeat; background-position: 50% 50%; } 
.main_compantA .tx_box { padding-left: 3em; } 
.main_compantA .tx_box .t1 { font-size: 2em; } 
.main_compantA .tx_box .t2 { font-size: 1.2em; } 
.main_compantA .tx_box .input_st { font-size: 1.125em; border-radius: 10em; padding: 0 1em; height: 2.5em; } 
.main_intro .intro_list { flex-direction: column; } 
.main_intro .intro_list li .in { word-break: keep-all; } 
.main_notice .notice_list { flex-direction: column; } 
.main_notice .inn { flex: 0 0 100%; box-shadow: 0 0 1em rgba(0, 0, 0, .1); width: 100%; } 
.main_bottom .inn { flex-direction: column; } 
.main_bottom .inn .left { padding-left: 0em; } 
.main_bottom .inn .left::before { left: -12%; } 
.main_bottom .inn .left .t1 { font-size: 1.8em; } 
.main_bottom .inn .right { gap: 1em; width: 100%; margin-top: 1em; } 
.main_bottom .inn .right .in .tit { font-size: 1.125em; } 
.main_photo .photo_list { flex-direction: column; } 
.main_photo .photo_list li { flex: 0 0 100%; width: 60%; } 
.main_photo .photo_list li .in .img { height: auto; } 
.main_photo .photo_list li .in .img img { width: 100%; } 

/**/
#contents .sub_tab { display: none; } 

.sub_section .box1 { flex-direction: column-reverse; align-items: center; } 
.sub_section .page_txt { width: 90%; } 
.sub_section .page_bg { width: calc(60% - 30px); height: 40em; background-image: url(../images/sub/forum/greet_ceo.jpg); background-repeat: no-repeat; background-size: cover; } 

.wrap_idx .sub-tab { display: flex; height: 4.15em; border-radius: 100px; background-color: #ededed; width: auto; margin: 0 auto 4.5em; } 

/*border*/
.board_search .total { display: none; } 
.board_search .search { width: 100%; } 
.board_search .search .inp { width: 77%; } 
 }
 @media screen and (max-width:950px){
 .visualSlide_wrap .slogan .t2 { font-size: 2.2em; word-break: keep-all; } 
 .intro_list2 .in2 { width: 6em; height: 6em; line-height: 6em; font-size: 1em; } 
 .intro_list2 .in2 p { font-size: .9em; } 

 .compantA_Wrap .compantA_con { flex-direction: column; } 
 .compantA_Wrap .compantA_con .G_left { flex: 1 1 100%; width: 100%; } 

/*sub_forum*/
.sub_section .page_bg { width: calc(90% - 30px); height: 50em; background-image: url(../images/sub/forum/greet_ceo.jpg); background-repeat: no-repeat; background-size: cover; } 
.greetSlide .slogan .t2 {font-size: 1.8em;}
.wrap_idx .sub-tab > li {font-size: .9em;}

/*sub_concert*/
.sub2_ul li { width: 50%; } 
.history_wrap .wrap_tab {width: 22em;}
.history_wrap:before, .history_wrap .tabLink {left: 22em;}
.right_people{width: 50%;}
.left_tbox{width: 85%;}
.history > li .list > li .con .t1 {font-size: .85em;}
}
 @media screen and (max-width:880px) {.input_st.s1 { height: 2.5em; padding: .5em 1em; font-size: 1.125em; font-weight: 500; } 
 .box1 {max-width: 92%;}
/*sub_fourum*/
/* .intro_list2 { flex-direction: column; } */
#contents .sub_visual_wrap .wrap_in .twrap .t2 { font-size: 2.5em; } 
.intro_list2 li:nth-child(1), .intro_list2 li:nth-child(5) {width: 25%;text-align: center;}
.intro_wrap2 li .in > p > img {width: 100%;}
.page_txt_wrap.st3 > .innerSec.flex > .wrap_tit {max-width: 10em;}
.fs33 {font-size: 1.6em !important;}
.map_Wrap .map_infoCon .contact_list > li > p {font-size: 1.2em;}
.history_wrap .wrap_con {padding-right: 3em;}

 }
 @media screen and (max-width:830px) {
.history_wrap .wrap_tab {width: 19em; padding: 0 3em 0 3em;}
.history_wrap:before, .history_wrap .tabLink {left: 19em;}
.board_gallery > li {flex: 0 0 46%;}
/*sub_wonwoo*/
.page_tab2 > li > a {font-size: 13px;}

/*sub_forum*/
.sub_section .page_bg { width: calc(90% - 30px); height: 45em; background-image: url(../images/sub/forum/greet_ceo.jpg); background-repeat: no-repeat; background-size: cover; } 
  }
@media screen and (max-width:768px) { /*main*/
.main_compantA .tx_box .t1 { font-size: 1.6em; } 
.main_compantA .tx_box .t2 { font-size: 1em; } 
.main_compantA .tx_box .input_st { font-size: 1em; border-radius: 10em; padding: 0 1em; height: 2em; } 
.main_bottom .inn .left .t1 { font-size: 1.5em; } 
.main_bottom .inn .left::before { display: none;} 

/*sub_future*/
.page_tab2.st2 > li {width: 50%;}
.map_Wrap .map_infoCon .contact_list > li > p {font-size: .95em;}
.w_hit {display: none;}
/*sub_forum*/
.compantA_con2 .con2_list {flex-wrap: wrap;}
.compantA_con2 .con2_list li {width: 40%;}

/*footer*/
#footer .wrapIn { flex-direction: column; gap: 2em; } 
#footer .etc_wrap { align-items: flex-start; flex-direction: row; order:-1 } 
.sns_st { display: flex; gap: 1em; margin-top: -10px; } 
 }
 @media screen and (max-width:735px) { /*border*/
 .board_search .search .btn { width: 7em; } 
 .input_st.inp { width:35em; max-width:100% } 
 .wrap_idx .sub-tab > li { font-size: 1em; } 
 


/*sub_concert*/
.history_wrap .wrap_tab {width: 16em; padding: 0 3em 0 3em;}
.history_wrap:before, .history_wrap .tabLink {left: 16em;}
/*sub_forum*/
.intro_wrap3 li .in { gap: 1em; flex-direction: column; } 
.intro_wrap3 li .in .img_box { width: 61%; } 
.intro_wrap3 li .in .tx_box { width: 55%; } 
.intro_wrap2 li { flex: 1 100%; } 
.intro_wrap3 li .in .tx_box .t1 {word-break: keep-all;}
.intro_wrap .intro_bg .intro_tbox {word-break: keep-all;}

 }
 @media screen and (max-width:700px) { /*main*/
.visualSlide_wrap .slogan .t2 { font-size: 1.8em; word-break: keep-all; } 
.page_ttbg_bg { background-position: 65% 49%; } 
.main_compantA .tx_box .t1 { font-size: 1.2em; } 
.main_compantA .tx_box .t2 { font-size: 1em; } 
.main_compantA .tx_box .input_st { font-size: 1em; border-radius: 10em; padding: 0 1em; height: 2em; } 

.sub_section .page_txt {font-size: 16px;}
/*sub_wonwoo*/
.page_tab2 > li > a {font-size: 11px;}

/*sub_forum*/
.list_wrap .list.w2 > li { width: calc(100% - 1em); } 
.page_tit1 .tit-g {font-size: 35px;line-height: 43px;}
.fs29 {font-size: 1.6em !important;}
.fs33 {font-size: 1.3em !important;}
.pg_menu_list > li .in {font-size: 11px;}
/*sub_forum*/
.sub_section .page_bg { width: calc(90% - 30px); height: 40em; background-image: url(../images/sub/forum/greet_ceo.jpg); background-repeat: no-repeat; background-size: cover; } 

/*wonwoo*/
.wonwoo_list li {width: 25%;}

}
 @media screen and (max-width:640px) { html:not(.pop) body { font-size:11px } 
 
 /*header*/
 #header .top_wrap .logo { height: 65%; } 



/*sub_concert*/
.sub2_ul li { width: 100%; } 
.right_people {width: auto;}
.page_tab2 > li {width: 20%;}
/*wonwoo*/
.page_tab2 > li > a {font-size: 10px;}
.page_tab2.st3 > li {width: 20%;}
.greetSlide .slogan {padding: 8em 5vw;}

/*sub_forum*/
.sub_section .page_bg {height: 47em;}
.page_tit1 .tit-g {font-size: 32px;line-height: 43px;}
.sub_section .page_txt {font-size: 12px;}
.sub_section .page_txt p {margin-bottom: 14px;}
/*border*/
.board_gallery > li { flex: 1 50%; } 
}
 @media screen and (max-width:550px) { /*border*/
.input_st.inp { width:25em; max-width:100% } 
.input_st.c4 { width: 38%; font-size: 14px; } 

/*sub_forum*/
.sub_section .page_txt {width: 84%;}
.page_tit1 .tit-g {font-size: 25px;line-height: 32px;}
.greetSlide .slogan .t2 {font-size: 1.5em;}
 }
@media screen and (max-width:500px) { 
/*sub_wonwoo*/
.wonwoo_list li {width: 48%;}

.intro_list2 .in2 {width: 6em;height: 6em;line-height: 6em;font-size: .9em;}
.intro_list2 .in1_cir {margin: 0 auto .5em;}
.intro_list2 .bott_t {font-size: 0.85em;font-weight: 500;}
.sub_section .page_bg { width: calc(100% - 30px); height: 40em; background-image: url(../images/sub/forum/greet_ceo.jpg); background-repeat: no-repeat; background-size: cover; } 

/*sub_concert*/
.page_tab2 > li {width: 33%;}
 }
@media screen and (max-width:440px) {
.main_compantA .tx_box .t1 { font-size: 1.2em; } 

/*sub_forum*/
.intro_list2 .in1_cir {width: 6em;height: 6em;line-height: 6em;}
.intro_list2 .in3_cir {width: 6em;height: 6em;line-height: 6em;}
.map_Wrap .map_infoCon .contact_list {margin-top: 1em;gap: 3em;flex-direction: column;}
.map_Wrap .map_infoCon .contact_list > li:before {position: absolute;top: 200%;right: 1rem;transform: translateY(-50%);width: 97%;height: 1px;}
.map_Wrap .map_infoCon .contact_list > li > p {font-size: 1.2em;}
.page_tit1 .tit-g {font-size: 23px;}
.page_txt_wrap.st4 > .innerSec.flex > .wrap_tit {max-width: 3em;}
 }
 @media screen and (max-width:420px) {
/*sub_forum*/
.page_tit1 .tit-g {font-size: 20px;line-height: 30px;}

/*sub_concert*/
.history_wrap .wrap_tab {width: 13em; padding: 0 3em 0 3em;}
.history_wrap:before, .history_wrap .tabLink {left: 13em;}
.history > li {padding: 0 0 4em 3em;position: relative;}
.history > li .list > li .inner {gap: 1em;}
.right_people {width: auto;}
 }
@media screen and (max-width:400px) {
    .greetSlide .slogan {padding: 6em 5vw;}
 } 
@media screen and (max-width:350px) { } 
@media all and (orientation:landscape) { }