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


@media screen and (max-width:1600px){

.book_tab ul li a { font-size:1.150em;}
.input_st.st2 { font-size:1.150em;}

}
@media screen and (max-width:1400px){
.box0{width:94%;}
.box1{ width:94%;}  

#header .site_wrap .site .list > li.on > a .t1, 
#header .site_wrap .site .list > li > a:hover .t1, 
#header .site_wrap .site .list > li > a:focus .t1 {font-size: 0.95em;}

#footer {padding-top: 4em;}

.viewSliderSlogan .slogan .t2 {font-size: 3em;}
.viewSliderSlogan .slogan .t3 {font-size: 1.4em;}
.mainScroll { bottom:115%;}

.main_menu .list > li > a .ico img { height:3.5em;}

.main_tt.t3 { font-size: 1.150em;}
.main_tt.t6 { font-size: 1.8em;}

.mainCon .search_wrap .main_btn {padding: 0.75em;}
.mainCon .tab_wrap {height: 4.7em;}
.mainCon .tab_wrap .list > a {padding: 1em 3.5em;}
.book_tab ul li a { font-size:1.050em;}
.input_st.st2 { font-size:1.050em;}

}
@media screen and (max-width:1300px){

#footer {padding-top: 2em;}

.main_pop_wrap, .main_pop_all .popList > li { width:33.3em;}
.main_pop_wrap .wrapBtn .twrap { font-size:1em;}
.resize.pop {    padding-bottom: 57.6666%;}

.page_tit{ font-size:1.4em; font-weight:700; margin-bottom:.5em}
.page_tit.s1{font-size: 1.388em;}
.page_tit.s2{ font-size:1.713em}
.page_tit.s3{ font-size:1.9em}

.main_tt.t6 { font-size: 1.6em;}
.book_tab ul li a {padding: 1em 1.8em;}

}
@media screen and (max-width:1280px){
body{ font-size:15px}

}

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

.box_bottom {padding: 0 3em 7em;}

}

@media screen and (max-width:1100px){

.mainCon .search_wrap {margin-bottom: 1.7em;}
.mainCon .tab_wrap {height: 4em;}
.mainCon .tab_wrap .list > a {font-size: 1.240em;}
.book_tab ul li a {padding: 1em 1.5em; font-size:1em;}
.input_st.st2 { font-size:1em;}
.main_tt.t3 { font-size: 1.050em;}

.tab_idx .list:before {width: 0.4em; height: 0.4em;}

}

@media screen and (max-width:1024px) , (max-height:680px){
body{ font-size:12px}


}
@media screen and (orientation:portrait) and (max-height:680px){

}
@media screen and (max-width:1024px){

.PC { display:none;}
.PHONE { display:block;}

#header .site_wrap > .flex {justify-content: flex-end;}
#header .site_wrap .lang .langBtn {padding: 0 0em;}
#header .top_wrap .gnb_wrap2 {display:none;}
#header .all_wrap .all .gnb { display:block;}

#contents .sub_con_wrap .sub_lnb { display:none;}

.main_flex_wrap {display: block;}
.main_flex_wrap > li { width: 80%; margin: 0 auto;}
.main_flex_wrap > li.w1 {width: 90%; margin:0 auto;}
.main_flex_wrap > li.w2 {width: 60%; margin: 0 auto;}

.main_menu .list > li {flex: 1 1 50%; max-width: 19em;}


#footer { padding-top:0;}
#footer .menu_wrap .family .xi.PHONE { display:none;}

.board_gallery.s1 > li {width: calc(50% - 2em);}

}

@media screen and (max-width:820px){

.eic_main_box {width: 80.5%;}

}

@media screen and (max-width:780px){

#footer .menu_wrap .menu {gap: 0 2em;}
#footer .menu_wrap .menu > li > a {font-size: 1em;}

.eic_main_box {width: 83.5%;}
.main_flex_wrap > li.w2 {width: 80%;}
.main_menu .list > li {flex: 1 1 20%;}

}

@media screen and (max-width:700px){

.mainCon .main_sec1 { display:block; padding-top:unset;}
.mainCon .tab_wrap .list { width:50%; text-align:center;}
.mainCon .search_wrap { width:100%;}
.main_contents .main_box { border-radius:unset;}

.box_bottom .bott_inner { display: block;}
.main_tt.t6 { margin-bottom:1em;}
.book_tab ul li a { padding:1em 2em; font-size:1.05em;}
.input_st.st2 { font-size:1.05em;}
.book_wrap.mt50 {margin-top: 30px !important;}

}


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

#footer .menu_wrap .wrapH {height: 7em; display: block;}
#footer .menu_wrap .menu {gap: 0 3em; justify-content:center; margin:1.5em 0;}
#footer .menu_wrap .etc {justify-content:flex-end;}
#footer .info_wrap > .flex { display:block;}
#footer .info_wrap .logo_wrap { display:block; margin-bottom:1em;}
#footer .info_wrap .logo_wrap .logo { margin-bottom:1em;}

.board_gallery > li {width: calc(100% - 1.5em);}
.board_gallery.s1 > li {width: calc(100% - 2em);}

.eic_main_box { width: 85.5%;}
.main_tt.t2 { font-size: 1.675em;}
.main_tt.t6 { margin-bottom:1em; flex-wrap: wrap;}

.book_tab ul li a { padding: 1em 1.5em; font-size: 1em;}

}
@media screen and (max-width:550px){

.eic_main_box { width: 90.5%;}
.book_tab ul li a {padding: 1em 1.3em;}

}
@media screen and (max-width:500px){

.book_tab ul li a {padding: 1em 0.9em;}
.input_st.st2 { font-size:1em;}

.tx_inner { width:50.5%;}
.main_tt.t2 {padding-right:1em;}
.main_contents .main_box .book_img { width:30%;}

}
@media screen and (max-width:450px){

.box_bottom {padding: 0 2em 7em;}
.book_tab ul li a { font-size:0.9em;}
.input_st.st2 {font-size:0.9em;}
.last_year .label_select.mr10 {margin-right: 0 !important;}
.main_tt.t2 {}
.main_contents .main_box .box_inner .btn { margin-top:3.5em;}

}

@media screen and (max-width:420px){

#header .top_wrap > .flex {gap: 0 0em;}
.main_tt.t2 { font-size: 1.475em;}
.eic_main_box { width: 94.5%;}
.box_bottom { padding: 0 1.5em 7em;}

}

@media screen and (max-width:380px){

#header .top_wrap .logo .in { height:95%;}
#header .top_wrap .logo > a .tt { font-size:1.175em;}
#header .top_wrap .util > .linkBtn {padding: 0 1.05em;}

.mainCon .search_wrap .main_search { font-size:1.150em;}
.mainCon .search_wrap .main_btn { font-size:1.3em;}

.book_tab ul li a { font-size: 0.8em;}
.input_st.st2 {font-size: 0.8em;}

}

@media all and (orientation:landscape){

}