@charset "UTF-8";

.main .wrapper {background: url(../images/main/main_bg.jpg) no-repeat 50% 50%; background-size:cover;}

.main #header { position:fixed; z-index:100; }

.main #header .in_cover > .in_w,
.main .sitemap_top.in_cover > .in_w,
.main #footer .in_cover > .in_w {max-width:1400px;}

.main:not(.body_scroll) #header,
.main:not(.body_scroll) .wrapper:not(.gnb_open, .hdSch_open) #header:not(:hover) .hd_box {background:transparent;}

.main:not(.body_scroll) #header:not(:hover) .hd_box:before {opacity: 0;}
.main:not(.body_scroll) .gnb_open #header:not(:hover) .hd_box:before,
.main:not(.body_scroll) .hdSch_open #header:not(:hover) .hd_box:before {opacity: 1;}
.main:not(.body_scroll) .wrapper:not(.gnb_open, .hdSch_open) #header:not(:hover) .gnb > li > a,
.main:not(.body_scroll) .wrapper:not(.gnb_open, .hdSch_open) #header:not(:hover) .hd_member a,
.main:not(.body_scroll) .wrapper:not(.gnb_open, .hdSch_open) #header:not(:hover) .hd_rela a,
.main:not(.body_scroll) .wrapper:not(.gnb_open, .hdSch_open) #header:not(:hover) .hd_language.tg_w .tit {color:#fff;}
.main:not(.body_scroll) .wrapper:not(.gnb_open, .hdSch_open) #header:not(:hover) .hd_rela > li + li:before {background:rgba(255,255,255,0.5);}

.main:not(.body_scroll) .wrapper:not(.gnb_open, .hdSch_open) #header:not(:hover) .hd_member a i {background-image: url(../images/layout/hd_member_0101_w.png); opacity: 1;}
.main:not(.body_scroll) .wrapper:not(.gnb_open, .hdSch_open) #header:not(:hover) .hd_member a.btn_login i.i_login {background-image: url(../images/layout/hd_member_0101_w.png);}
.main:not(.body_scroll) .wrapper:not(.gnb_open, .hdSch_open) #header:not(:hover) .hd_member a.btn_loginOut i.i_login {background-image: url(../images/layout/hd_member_0101_w.png);}
.main:not(.body_scroll) .wrapper:not(.gnb_open, .hdSch_open) #header:not(:hover) .hd_member a.btn_join i.i_join {background-image: url(../images/layout/hd_member_0102_w.png); } 
.main:not(.body_scroll) .wrapper:not(.gnb_open, .hdSch_open) #header:not(:hover) .hd_member a.btn_mypage i.i_join {background-image: url(../images/layout/hd_member_0102_w.png); } 

.main:not(.body_scroll) .wrapper:not(.gnb_open, .hdSch_open) #header:not(:hover) .hd_language.tg_w .tit i { background-image: url(../images/layout/hd_icon_global_w.png); opacity: 1;}

.main:not(.body_scroll) .wrapper:not(.gnb_open, .hdSch_open) #header:not(:hover) .hd_box .hd_logo { background-image: url(../images/layout/hd_logo_w.png); background-repeat: no-repeat; background-size:contain; }
.main:not(.body_scroll) .wrapper:not(.gnb_open, .hdSch_open) #header:not(:hover) .hd_box .hd_logo img {opacity: 0;}

.main:not(.body_scroll) .wrapper:not(.gnb_open, .hdSch_open) #header:not(:hover) .hd_side_util .btn_ico.iconBtn_sch {background-image: url(../images/layout/hd_icon_sch_w.png); }
.main:not(.body_scroll) .wrapper:not(.gnb_open, .hdSch_open) #header:not(:hover) .hd_side_util .btn_ico.iconBtn_sitemap {background-image: url(../images/layout/hd_icon_hamb_w.png); }
.main:not(.body_scroll) .wrapper:not(.gnb_open, .hdSch_open) #header:not(:hover) .hd_side_util .btn_ico.iconBtn_mMenu {	background-image: url(../images/layout/hd_icon_hamb_w.png); }
.main:not(.body_scroll) .wrapper:not(.gnb_open, .hdSch_open) #header:not(:hover) .hd_side_util .btn_ico.ico_my {background-image: url(../images/layout/mNav_icon_0101_w.png); }
.main:not(.body_scroll) .wrapper:not(.gnb_open, .hdSch_open) #header:not(:hover) .hd_side_util .btn_ico.ico_login {background-image: url(../images/layout/mNav_icon_0104_w.png); }
.main:not(.body_scroll) .wrapper:not(.gnb_open, .hdSch_open) #header:not(:hover) .hd_side_util .btn_ico.ico_join {background-image: url(../images/layout/mNav_icon_0103_w.png); }
.main:not(.body_scroll) .wrapper:not(.gnb_open, .hdSch_open) #header:not(:hover) .hd_side_util .btn_ico.ico_logout {background-image: url(../images/layout/mNav_icon_0102_w.png); }


@media (min-width:1161px) {
  .main:not(.body_scroll) .wrapper:not(.gnb_open, .hdSch_open) #header:not(:hover) .hd_logo a .t {color:#fff;}
}
@media (max-width:1160px) {
  .main:not(.body_scroll) .wrapper:not(.gnb_open, .hdSch_open) #header .hd_logo a .t {color:#fff;}

	.main:not(.body_scroll) .wrapper:not(.gnb_open, .hdSch_open) #header .hd_box {background:transparent;}
	.main:not(.body_scroll) .wrapper:not(.gnb_open, .hdSch_open) #header .hd_box .hd_logo { background-image: url(../images/layout/hd_logo_w.png); background-repeat: no-repeat; background-size:contain; }
	.main:not(.body_scroll) .wrapper:not(.gnb_open, .hdSch_open) #header .hd_box .hd_logo img {opacity: 0;}

  .main:not(.body_scroll) .wrapper:not(.gnb_open, .hdSch_open) #header .hd_side_util .btn_ico.iconBtn_sch {background-image: url(../images/layout/hd_icon_sch_w.png); }
  .main:not(.body_scroll) .wrapper:not(.gnb_open, .hdSch_open) #header .hd_side_util .btn_ico.iconBtn_sitemap {background-image: url(../images/layout/hd_icon_hamb_w.png); }
  .main:not(.body_scroll) .wrapper:not(.gnb_open, .hdSch_open) #header .hd_side_util .btn_ico.iconBtn_mMenu {	background-image: url(../images/layout/hd_icon_hamb_w.png); }
  .main:not(.body_scroll) .wrapper:not(.gnb_open, .hdSch_open) #header .hd_side_util .btn_ico.ico_my {background-image: url(../images/layout/mNav_icon_0101_w.png); }
  .main:not(.body_scroll) .wrapper:not(.gnb_open, .hdSch_open) #header .hd_side_util .btn_ico.ico_login {background-image: url(../images/layout/mNav_icon_0104_w.png); }
  .main:not(.body_scroll) .wrapper:not(.gnb_open, .hdSch_open) #header .hd_side_util .btn_ico.ico_join {background-image: url(../images/layout/mNav_icon_0103_w.png); }
  .main:not(.body_scroll) .wrapper:not(.gnb_open, .hdSch_open) #header .hd_side_util .btn_ico.ico_logout {background-image: url(../images/layout/mNav_icon_0102_w.png); }
}

.main .contents {}
.main .contents article { display: flex; justify-content: center; align-items: center; padding-top:100px; padding-bottom:60px; min-height: 100vh; box-sizing: border-box; }

.main_cnt { display: flex; flex-direction: column; align-items: center; justify-content: center; }
.main_cnt .vis_tit { text-align: center; }
@media (max-width:1160px) {
  .main_cnt .vis_tit .pc {display: none;}
  .main_cnt .vis_tit {padding:0 3vw;}
  .main_cnt .vis_tit .mo {display: block!important;}
}

.main_cnt .c_sch_ip { margin-top:2.5rem;}
.main_cnt .sch_tag1_list { max-width:760px;}

.main_quickLink_w {display: flex; justify-content: space-between; flex-wrap: wrap; position:relative; margin-top:2.5rem; margin-left:-2vw; margin-right:-2vw; width:calc(100% + 2vw); max-width:940px;  }
.main_quickLink_w > li {flex:1; display: flex; justify-content: center; position:relative;}
.main_quickLink_w > li:not(:first-child):before {content:''; display: block; position:absolute; left:0; top:50%; transform: translateY(-50%); width:1px; height: 5.625rem; background:#fff; opacity: 0.25;}
a.main_quickLink { display: flex; flex-direction: column; justify-content: center; align-items: center; gap:1.125rem; margin-top:-0.25rem; padding:1.25rem 0; height: 8.75rem; width:7.5rem; font-size:1.0625rem; color:#fff; line-height: 1; box-sizing: border-box;}
.main_quickLink .i {flex:none; display: inline-block; width:3.75rem; height: 3.75rem; background: url(../images/main/main_icon0101.png) no-repeat 50% 50%; background-size:contain;}
.main_quickLink .i_quick0101 {background-image: url(../images/main/main_icon0101.png);}
.main_quickLink .i_quick0102 {background-image: url(../images/main/main_icon0102.png);}
.main_quickLink .i_quick0103 {background-image: url(../images/main/main_icon0103.png);}
.main_quickLink .i_quick0104 {background-image: url(../images/main/main_icon0104.png);}
.main_quickLink .i_quick0105 {background-image: url(../images/main/main_icon0105.png);}
.main_quickLink span {text-align: center;}
@media (max-width:960px) {
  .main_quickLink .i {transform: scale(0.8); margin-top:-5%; margin-bottom:-5%;}
  .main_quickLink_w > li:not(:first-child):before {height: 4.75rem;}
}
@media (max-width:768px) {  
  .main_quickLink_w {    justify-content: center; max-width:480px;}
  .main_quickLink_w > li {flex:none; width:33.3%;}
  .main_quickLink_w > li:nth-child(4):before {display: none;}
  .main_quickLink .i {transform: scale(0.7);}
}




.main footer { position:absolute; left:0; right:0; bottom:0; padding:0; text-align: center; background:transparent;}
.main footer .in_w { justify-content: center; }
.main .ft_copyright { color:#97cdf0; text-transform: initial; letter-spacing: 0;}