@charset "utf-8";
/* CSS Document */
@media screen and (max-width:1680px){	
body{ font-size:15px;}

/* MAIN */
.main_visual .visual_inner:before{ width: 100vw;}
.main_visual .visual_inner:after { zoom: .8; white-space: nowrap; left:10%}

/* SUB PAGE */
/* header */
.sub #header .logo{ padding-left: 0;}
#header .gnb_wrap .gnb > li.on .dp1 .in:before { zoom:.6; left:auto; right: -1.5em;}

/* sub_visual */
#contents .sub_visual .bg{ width: 100%; border-radius: 0;}


}


@media screen and (max-width:1400px){
    .box2{ width: 96%;}
/* HEADER */
#header .logo{ padding-left: 0;}

/* FOOTER */
#footer .inner{ gap:0; position: relative;}
#footer .side_wrap .sns { position: absolute; right: 4%; top: 3.75em;}

/* MAIN */
.main_visual .inner{ gap:1em}
.main_visual .visual_inner:before{ width: 100vw; border-radius: 0;}

.mainTit_wrap .tit .t1{ font-size: 2em;}

.main_sec.sec1 .inner{ gap:3em}
.sec_webzine{ width: 40%;}
.webZinetWrap.webZineSlide li .webzine .cover{} 

/* SUB PAGE */

/* 미션비전 */
.fointro-vision .mission,
.fointro-vision .vision{ width: calc((100% - 10em) / 2);}
/*  */

/*감염병예방사업단*/
.left_wrap{display: none;}
.right_wrap.w9 {width: 100%;}
}


@media screen and (max-width:1280px){	
/* HEADER */
#header .gnb_wrap{ display: none;}
#header .all_wrap{display: block;}
#header .util_wrap .mem_wrap{ display: none;}

/* MAIN */
.main_visual{ padding-top: 0;}
.main_visual .banner_wrap .list > li .in{ padding: 2em 1.5em}
/* .main_visual .visual_inner{ padding-top: 1.5em;}
.main_visual .visualSlider_wrap{ height: 40em;}
.main_visual .banner_wrap{ width: 100%;}
.visualSlider_control{ left: 0; bottom: 0; padding: .25em 2em .25em 1em; border-radius: 0 1em 0 1em; background: var(--siteBg4);} */

.sec_webzine{ width: 26em;}

.sec_quick .linkList{ gap:.5em}
/* .sec_quick .linkList > li{ flex: 0 0 calc((100% - 1.5em) / 4);}
.sec_quick .linkList > li:first-child{ flex:1 1 calc( (100% - .5em) / 2);} */
.sec_quick .linkList > li .tit{ }

.sec_about .aboutWrap{ gap:1.5em}
.sec_about .mainTit_wrap .tit .t1 br{ display: none;}
.sec_about .aboutWrap .linkList{ flex:unset; width: 100%;}

/* SUB PAGE */
#contents .sub_visual{ height: 10em;}

/* 총괄이사장님 인사말 */
.letter_wrap .greet .txt_wrap .page_tt.s7{ text-align: left;}
.letter_wrap .greet .txt_wrap .page_tt.s3 br{ display: none;}
.letter_wrap .greet .img_wrap{ margin-top: 0;}

/* 연혁 */
.history_wrap .wrap_tab { width: 18em; padding: 0 3em 0 1em;}
.history_wrap:before, .history_wrap .tabLink { left: 18em;}

/* 오시는길 */
.wrap_box2.flex .contactList .tw { flex:0 0 100%;}



/* 교육 및 행사 */
.edu_date{ width: 10em;}
.edu_lo{ width: 10em;}
.edu_etc{ width: 10em;}

.table_st.education_list .btn_wrap{ display: flex; flex-direction: column; gap:.25em}
.table_st.education_list .btn_wrap > .eduBtn{ width: 100%; margin:0;}

/* partners */
.siteList_wrap .siteList > li{ width: calc((100% - 2em) / 3);}

/* 캠페인 - store*/
.store_top .info .img_wrap{ width: 20em; height: 20em;}


/*감염병예방사업단*/
.page_twrap_img.st3 {min-height: 30em;}

}

@media screen and (max-width:1200px){
/* 미션비전 */
.fointro-vision{ display: flex; justify-content: space-between; position: relative;}
.fointro-vision .imgbox{ margin: 0; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
/**/    
}

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

[data-aos^=fade][data-aos^=fade]{ opacity:1 !important; transform:translateZ(0) !important;}

.moAc{ text-align:center !important;}
.moAl{ text-align:left !important;}
.moBr br{ display:block !important;}

/* FOOTER */
#footer .inner{ padding: 4em 0 4.5em;}
#footer .info_wrap{ flex:unset; width: 100%;}
#footer .info_wrap .info{ gap: 1.5em; margin-top: 1.5em;}
#footer .info_wrap .info .in{ width: 100%; padding-left: 0.5em;}
#footer .info_wrap .info .f_logo a img { width: 14em;}

#footer .side_wrap{ align-items: flex-start; width: 100%; padding-left: 0.5em;}
#footer .side_wrap .sns{ justify-content: flex-start; margin-top: 3em; position: unset;}

/* MAIN */
.main_visual .visual_inner{ padding-top: 1.5em;}
.main_visual .visualSlider_wrap{ height: 40em;}
.main_visual .banner_wrap{ width: 100%;}
.visualSlider_control{ left: 0; bottom: 0; padding: .25em 2em .25em 1em; border-radius: 0 1em 0 1em; background: var(--siteBg4);}

.main_visual .banner_wrap .list{ flex-direction: row; height: auto;}
.main_visual .banner_wrap .list > li .in .con{ padding-bottom: 4em;}
.main_visual .banner_wrap .list > li .in .img{ height: 45%;}

.main_sec.sec1 .inner{ /* gap: 1.5em; */}
.sec_webzine{ width: 40%;}

/* SUB PAGE */
#contents .sub_con_wrap .sub_lnb{ display: none;}
/*#contents .sub_con_wrap {display: block;}
#contents .sub_con_wrap .sub_lnb {position: unset !important; width: 100%;}
#contents .sub_con_wrap .sub_lnb .tit { height:4em;}*/

}


@media screen and (max-width:1000px){
/* 미션비젼 */
.sub_list.st5{ padding: 0 12vw}
.page_tt_point{ max-width: 80%;}

/* 이수증 */
.popCheck_wrap{ zoom:.8}


}



@media screen and (max-width:900px){
/* FOOTER */
#footer .quickFix > li .goLink:hover{ padding: inherit }
#footer .quickFix > li .goLink > .in{ display: block; text-align: center;}
#footer .quickFix > li .goLink > .in .icon,
#footer .quickFix > li .goLink > .in .icon img{ width:2em;}
#footer .quickFix > li .goLink > .in .tt{ display: none;}
#footer .quickFix > li .goLink > .in::after{ content:'후원하기'; display: block; font-size:.65em; color:#fff; text-align:center}

/* MAIN */
.sec_edu .mainTit_wrap .main_more{ position: absolute; right: 0; top: 0;}
.sec_webzine .mainTit_wrap .main_more{ position: absolute; right: 0; top: 0;}

/*감염병예방사업단*/
.sub_list.st6 {gap: 1em; flex-direction: column; align-items: center;}
.sub_list.st6 li {width: calc(70% - 1em);}
.sub_list.st6 li .in_top .boxline,
.sub_list.st6 li .in_top .boxline.Sblue,
.sub_list.st6 li .in_top .boxline.green {height: auto;}
}


@media screen and (max-width:850px){
/* MAIN */
.main_sec.sec1 .inner{ gap:4em;}
.sec_edu{ width: 100%;}
.sec_edu .mainTit_wrap{ align-items: flex-start; margin-bottom: 1.5em;}

.sec_webzine{ width: 100%;}
.webZinetWrap.webZineSlide li .webzine .cover { padding-bottom: 135%;}

.sec_about .aboutWrap .linkList > li a{ flex-direction: column;}

/* SUB PAGE */
/* 공통 */
.table_wrap{ width: 100%; overflow-x: scroll;}
.table_wrap::before{ content: '↔ 옆으로 밀어 전체 내용을 확인해주세요.'; display: block; margin: 1em 0; font-size: .9375em;  color:#555; }
.table_wrap table{ width: 900px;}
.table_wrap.s2::before{ display: none;}

.page_twrap_img.st3 {min-height: 25em;}

/* gknf 감염병예방사업단 */
.statementWrap.gknf .table_wrap table{ width: 100%;}
.statementWrap.gknf .table_wrap::before{ display: none;}

}


@media screen and (max-width:768px){
body{ font-size:14px;}

/* HEADER */
#header .util_wrap .mem_wrap{ display: none;}

/* MAIN */
.main_visual .visualSlider_wrap {height: 24em}
.visualSlider_control{ zoom: .8;}

.partnersWrap .partnerSlider .swiper-slide .in .p_img { margin-bottom: 0; padding-bottom: 0; border:none}
.partnersWrap .partnerSlider .swiper-slide .in .p_name{ display: none;}

/* SUB PAGE */
#contents .sub_tit{ flex-wrap: wrap; gap:1em}
#contents .sub_tit .t1{ width: 100%; word-break: keep-all;}
#contents .sub_tit .nav{ margin-left: 0;}
#contents .sub_tit .nav > li{ max-width: 100%;}

.table_wrap.s2::before{ display: block;}
.table_wrap.s2 table{ width: 768px;}

.board_cate > li{ flex:0 0 calc(100% / 5)}

/* 총괄이사장님 인사말 */
.letter_wrap .greet .img_wrap{ float: none; width: 75%; margin: 0 auto; padding: 0 0 4em 0;}
.letter_wrap .greet .img_wrap2.left{ float: none; width: 75%; margin:0 auto; padding: 0;}

/* 인사말 */
.greet_wrap2 .greet_top .txt_wrap{ order: -1;}
.greet_wrap2 .greet_top .txt_wrap .t1 br{ display: none;}  
.greet_wrap2 .greet_top .txt_wrap .page_tt.greet br{ display: none;}
.greet_wrap2 .greet_top .img_wrap{ width: 30%;}

/* 연혁 */
.history_wrap{ display: block; padding-top: 0;}
.history_wrap .wrap_tab{ display: flex; gap:1em; width: auto; margin-bottom:1em; padding: 0; position: static!important;}
.history_wrap .wrap_tab > li{ flex:1;}
.history_wrap .wrap_tab > li > a { margin:0; padding-bottom: 6em;}
.history_wrap .wrap_con{ padding-left: 2em; padding-right: 2em;}
.history_wrap:before, .history_wrap .tabLink { left: 2em;}
.history_wrap:before{ height: calc( 100% - 9em - 3em); top: 9em;}
.history > li .list > li .history_img{ display: none;}

/* 미션비젼 */
.sub_list.st5{ padding: 0 8vw;}

.fointro-vision{ flex-wrap: wrap; justify-content: center; gap:.5em}
.fointro-vision .mission, 
.fointro-vision .vision { width: 100%; margin-top: 1em;}
.fointro-vision .imgbox{ order:-1; margin:0 auto; position: relative; left: 0; top: 0; transform: translate(0, 0);}

.direction .diList li { width: 100%; height: 10em; border-radius: 1.5em;}
.direction .diList li::before{ border-radius: 1.5em;}
.direction .diList li .textBox:after{ border-radius: 1.125em;}

/**/

/* 오시는길 */
.wrap_box2{ flex-direction: column;}
.wrap_box2.flex > .flex_w2{ padding-left: 0;}

/*** 사업안내 */
.page_twrap_img.st2 .wrap_con{ width: 95%;}

/* 3-kim */
.grantWrap .grantList .in{ flex-direction: column;}

/* 목적 */
.sec_vision li{ display: block;}
.sec_vision li .tit {width: auto; height: 1em; line-height: 1em; margin-bottom:.5em; border-radius:.5em;}
.sec_vision li .tit:before { display:none;}

/* 미래국제간호 */
.history_wrap .wrap_tab2{ display: flex; align-items: center; gap:1em; width: auto; margin-bottom: 1em; padding: 0 4em; position: static!important;}
.history_wrap .wrap_tab2 > li { flex:1}
.history_wrap .wrap_tab2 > li + li{ margin-top: 0;}
.history_wrap.tab2:before, .history_wrap.tab2 .tabLink{ left: 2em;}

/* 캠페인 - store*/
.store_top .info .img_wrap {width: 100%; height: auto;}

/* 후원하기 */
.board_st.edu_form col {display: none !important;}
.board_st.edu_form tbody tr {display: flex; flex-wrap: wrap; border-bottom: 1px solid #ddd; padding: 1em 0;}
.board_st.edu_form tbody tr th,
.board_st.edu_form tbody tr td {width: 100%; border: none;}
.board_st.edu_form tbody tr th:nth-of-type(2) {border-top: 1px solid #ddd; padding-top: 1em;} 
.board_st.edu_form tbody tr th, 
.board_st.edu_form tbody tr th {padding: 0 1em; line-height: 2em;}
.board_st.edu_form tbody tr td {padding: 1em 0; height: auto; line-height: 1.3; word-break: keep-all;}
.board_st.edu_form tbody tr td .col-wrap {gap: 0.5em; justify-content: space-between;}
.board_st.edu_form tbody tr td .col_w3 {width: 30%; margin: 0 !important;}
.board_st.edu_form tbody tr td #tel {width: 30%;}
.board_st.edu_form tbody tr td .input_sec {display: inline-block; width: 3%;}
.board_st.edu_form select.input_st {margin-left: 0 !important;}
.page_btn > button[type="submit"] {min-height: 3.5em;}
.board_st.edu_form tbody tr td .input_tt{ display: block; margin-top: .8em;}


.sub_list.st6 li .in_top .boxline > p.t1 {font-size: 1.5em;}
.sub_list.st6 li .in_top .boxline > p.t2 {font-size: 1.1em;}
.sub_list.st6 li .in_top .boxline > p.t3 {font-size: 1.5em;}

/*감염병예방*/
.page_twrap_img.st3 {min-height: 20em;}
/* .tit_ico3 {font-size: 1.375em;} */
.sub_list.st6 li .in_top .in.blue,
.sub_list.st6 li .in_top .in.Sblue,
.sub_list.st6 li .in_top .in.green {width: 10em;height: 10em;}

/* gknf 감염병예방사업단 */
.statementWrap.gknf .table_wrap table{ width: 800px; }
.statementWrap.gknf .table_wrap table th{ }
.statementWrap.gknf .table_wrap::before{ display: block;}

/* 환자안전센터 */
.direction .diList.d5 li{ flex:0 0 100%;}
.wrap_box.org{ padding: .5em;}
.memo_box.icon{ padding: 1em;}

/* 이수증 */
.popCheck_wrap{ zoom:.6}

}


@media screen and (max-width:600px){
/* FOOTER */
#footer .inner{ padding-top: 0;}
#footer .info_wrap .menu_scr_wrap{ width: 100%;  overflow-x: scroll;}
#footer .info_wrap .menu_scr_wrap .menu{ width: 600px; padding: 1.5em 0;}

/* MAIN */
.main_visual .banner_wrap .list{ flex-direction: column; height: 70vh;}

.sec_edu .eduListSlide-pagination,
.sec_webzine .webZineSlide-pagination{ display: block; margin-top: 1em; text-align: center;}
.sec_edu .eduListSlide-pagination .swiper-pagination-bullet-active,
.sec_webzine .webZineSlide-pagination .swiper-pagination-bullet-active { width: 0.625em; background: var(--siteC);}


.sec_quick .linkList > li a { padding:1.5em .25em;}
.sec_quick .linkList > li .icon{ width: 4em; height: 4em;}
.sec_quick .linkList > li .tit{ font-size: 1em; letter-spacing: -1px;}
.sec_quick .titWrap .tt{ font-size: 1.1em;}


.sec_about .mainTit_wrap .tit .t1 br{ display: block;}
.sec_about .aboutWrap .linkList > li{ flex : 1 1 100%; border-left: none; border-top:1px solid #ddd;}
.sec_about .aboutWrap .linkList > li a{ flex-direction: row; padding: 1em 3.5em}
.sec_about .aboutWrap .linkList > li:last-child{ border-right:none; border-bottom: 1px solid #ddd;}

/* SUB PAGE */
#contents .sub_visual .slogan .t1 { zoom:.6}
#contents .sub_visual .slogan .t2 { font-size: 2em;}
#contents .sub_tit .nav{display: none;}

/* 인사말 */
.greet_wrap2 .greet_top{ flex-wrap: wrap; gap:2em;}
.greet_wrap2 .greet_top .txt_wrap{ flex:unset; width: 100%;}
.greet_wrap2 .greet_top .img_wrap{ width: 45%; margin: 0 auto;}

/* 미션비젼 */
.sub_list.st5{ gap:.5em; padding: 0;}
.sub_list.st5 > li{ width: calc((100% - .5em) / 2);}
.sub_list.st5 li .in_top{ margin-bottom: 0;}
.sub_list.st5 li .in_top .in{ width: 100%; height: 13em; padding: 2em; box-sizing: border-box; border-radius: 0;}

/*** 사업안내  */
.business_tit{ padding: 5em 1.5em 4em; position: relative;}
.business_tit > .tt{ font-size: 1.75em; position: relative; z-index:1;}
.business_tx{ padding-right: 0; position: relative; z-index:1;}
.business_tx br{ display: none;}
.business_tit::after{ content: ''; width: 100%; height: 100%; background: linear-gradient(90deg, rgba(0, 0, 0, .05), rgba(0, 0, 0, .7)); position: absolute; left: 0; top: 0;}


/* partners */
.siteList_wrap .siteList > li{ width: calc((100% - 1em) / 2);}


/*감염병예방사업단*/
.page_twrap_img.st3 {min-height: 18em;}
.tit_ico3 {font-size: 1.6em;}
.page_tt.s2 {font-size: .963em;}
.fs25 {font-size: 1.363em !important;}

.sub_list.st6 li {width: calc(100% - 1em);}

/* 지역사회건강증진사업 */
.dp3_bh02 .con_menu.dp4on .gnb .dp4{ flex-wrap: wrap;}
.dp3_bh02 .con_menu.dp4on .gnb .dp4 > li{ flex:0 0 100%;}

}


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

#contents .sub_visual{ height: 8em;}

.page_twrap:not(:first-child) { margin-top: 2em;}

.page_twrap_img{ padding-bottom: 10em;}
.page_twrap_img .wrap_img .img {height: 90%;}

.memo_box.icon .icon{ width: 5em; height: 5em;}
.memo_box.icon .icon .xi{ font-size: 2em;}



}

@media screen and (max-width:460px){
/* MAIN */
.main_visual .banner_wrap .list{ height: auto;}
.main_visual .banner_wrap .list > li{ flex:unset; width: 100%!important;}
.main_visual .banner_wrap .list > li:nth-child(4),
.main_visual .banner_wrap .list > li:nth-child(5){flex: unset; }
.main_visual .banner_wrap .list > li .in .con { padding-right: 6em; padding-bottom: 0;}
.main_visual .banner_wrap .list > li .in .img { height: 70%;}

.sec_quick .linkList > li{ flex: 0 0 calc((100% - .5em) / 2);}
.sec_quick .linkList > li:first-child{ flex:1 1 calc( (100% - 0em) / 1);}

.sec_about .aboutWrap .linkList > li a{ padding: 1em 2em;}

/* SUB PAGE */
/* 공통 */

/* 총괄이사장님 인사말 */
.letter_wrap .greet .img_wrap{ width: 90%;}
.letter_wrap .greet .img_wrap2.left{ width: 90%;}

/* 인사말 */
.greet_wrap2 .greet_top .img_wrap{ width: 90%; margin: 0 auto;}

/* 연혁 */
.history_wrap .wrap_tab > li > a .t1{ font-size: 1.375em;}

/* 미션비젼 */
.sub_list.st5 > li{ width:100%}
.sub_list.st5 li .in_top .in{ width: 100%; height: 13em; padding: 2em; box-sizing: border-box; border-radius: 0;}
.logosWrap .logo{ width: 100%;}

/* 오시는길 */
.dp2_location  .page_tab2 .tabList > li{ flex: 0 0 10em;}

/*** 사업안내 */
/* 미래국제간호 */
.history_wrap .wrap_tab2{ gap:.5em; padding:0;}

/* partners */
.siteList_wrap .siteList > li{ width: 100%;}


/* sub_member */
.page_step_wrap{ zoom:.8}
.member_wrap .form3 .check_wrap{ flex-wrap: wrap;}
.member_wrap .form3 .check_wrap .tit{ width: 100%; border:none}

.fin_box{ padding:3em 1.5em 3em;}

.page_twrap_img .wrap_img .img {height: 80%;}
}


@media screen and (max-width:380px){
body{ font-size:12px;}

.tit_ico3 {font-size: 1.3em;}

}

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

}

@media screen and (max-width:280px){
body{ font-size:10px;}

}

@media all and (max-width:1024px) and (orientation:landscape){

}

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

}