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

.main_bnList > .list > li:nth-child(1){ width:46%;}
}

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

}

@media screen and (max-width:1280px){
/*header*/
body #header .headerWrap .logo,
body:not(.scroll) #header .headerWrap .logo > .link,
body:not(.scroll) #header .headerWrap .logo > .link img{ width:12em;}
#header .headerWrap .side_wrap{ width:auto;}
#header .headerWrap .gnb_wrap .gnb{ padding:0 1.5vw;}
#header .headerWrap .gnb_wrap .gnb > li{ flex:1 1 auto;}
#header .headerWrap .gnb_wrap .gnb > li .dp1 .tt{ font-size:1.4vw;}
#header .headerWrap .side_wrap .headLang .langWrap > li .tt{ font-size:1.1vw;}

/*contents*/
#contents .sub_page_top .sub_tit{ font-size:1.1vw;}


/*SUB PAGE*******************/
.page_tit{ padding-left:3em;}
.page_tit.w1{ width:53%;}
.page_tit.w2{ width:47%;}

.page_layout .layCon:not(.st1):first-child{ padding:0 3em 0 0;}
.page_layout .layCon:not(:first-child){ padding:0 0 0 3em;}
.page_layout .layImg.st1{ width:47%;}
.page_layout .layImg.st3{ width:60%;}

.page_layout .page_area > .wrap_img{ margin-right:3em;}
.page_layout .page_area > .wrap_txt{ padding:.375em 0;}

.page_layout.board_list .page_icon_list .con:not(:first-child){ margin-top:.75em;}

.page_box_list > .list > li .wrap_in{ padding:1.5em 1.5em;}

.artshop_view .view_con{ padding-left:3em; height:auto; min-height:30em;}
.artshop_view .view_con.ps_sticky{ position:static;}
.artshop_view .view_con .info.scrollst{ overflow-y:hidden;}


/***********************/
/*MAIN******************/
.visualSlider_wrap .mainSlogan .slogan .logo{ font-size:.750em;}
.visualSlider_wrap .mainSlogan .slogan .t1{ font-size:2.875em;}

.exhiSlider_wrap .visualInner{ padding-left:0; padding-right:0;}
.exhiSlider .el .exhiSlogan .slogan{ font-size:.875em;}

.main_bnList > .list > li{ flex:1;}

}

@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;}

.goTop{ display:none;}


/*header*/
.headT{ padding-top:5.5em;}
.headH,
#header .headerWrap .gnb_wrap .gnb > li,
#header .headerWrap .gnb_wrap .gnb > li .dp1{ height:5.5em !important;}
#header .headerWrap .logo,
#header .headerWrap .logo > .link,
#header .headerWrap .logo > .link img{ width:12.5em !important;}
#header .headerWrap .gnb_wrap,
#header .headerWrap .side_wrap .headLang .langWrap{ display:none;}

#header .headerWrap .searchWrap .search .wrap_con{ padding:0 5vw;}
#header .headerWrap .searchWrap .search .inp_wrap{ font-size:.875em;}
#header.searchOpen .headerWrap .searchWrap .btn_in{ top:.5em; right:1vw;}
#header.searchOpen .headerWrap .searchWrap .search .wrap_con{ padding-bottom:4em;}

#header .allWrap{ width:3.5em;}
#header .allWrap .all .allconWrap{ padding:2em 1.75em 3em 1.75em;}
#header .allWrap .all .all_top{ display:block !important; padding:0 .375em 1.25em .375em; margin-bottom:2em; border-bottom:1px solid #e5e5e5;}
#header .allWrap .all .all_top .langWrap > li:not(:last-child) .in:after{ background:#000; opacity:.2;}
#header .allWrap .all .all_top .langWrap > li .tt{ font-size:1em; font-weight:900;}
#header .allWrap .all .all_top .langWrap > li.on .tt{ color:#ec1c24;}
#header .allWrap .all .all_gnb .gnb > li .dp1{ padding:1em 0;}
#header .allWrap .all .all_gnb .gnb > li:hover .dp1{ color:inherit;}
#header .allWrap .all .all_gnb .gnb > li .dp2 > li > a .tt{ font-size:1.125em;}
#header .allWrap .all .all_gnb .gnb li.plus > a{ position:relative; padding-right:1.5em;}
#header .allWrap .all .all_gnb .gnb li.plus > a:after{ content:"\e941"; font-family:xeicon; font-size:1.375em; position:absolute; top:50%; right:0; transform:translateY(-50%); transition:.3s;}
#header .allWrap .all .all_gnb .gnb li.plus > a + ul{ padding-top:0; padding-bottom:0; height:0; overflow:hidden; visibility:hidden; transition:.4s;}
#header .allWrap .all .all_gnb .gnb li.plus.on > a + ul,
#header .allWrap .all .all_gnb .gnb li.plus.active > a + ul{ padding-top:.75em; padding-bottom:2em; height:auto; visibility:visible;}
#header .allWrap .all .all_gnb .gnb li.plus.active > a:after{ transform:translateY(-50%) rotate(-180deg);}
#header .allWrap .all .all_gnb .gnb > li.on .dp1{ color:#ec1c24;}
#header .allWrap .all .all_gnb .gnb > li .dp2 > li.on > a{ opacity:1;}
#header.allOpen .allWrap .btn_all .btn_in{ right:1em;}


/*footer*/
#footer .footWrap .sns_wrap .sns > li .wrap_in{ padding:.5em 1.8vw;}

/*contents*/
#contents .sub_page_top{ height:22em;}
#contents .sub_page_top > .inner{ padding:3em 0;}
#contents .sub_page_top .sub_tit{ font-size:1.2vw;}
#contents .sub_page_top .nav{ display:none;}

body.simple #contents .sub_page_top > .inner{ padding:8em 0 0 0;}

#contents .sub_page_menu{ font-size:1.55vw;}
#contents .sub_page_menu .gnb > li .dp2 > li{ flex:1 1 auto; width:auto;}

#contents .doc{ padding:1.5em 0 6em 0;}


/*SUB PAGE*******************/
.page_sec4{ margin-top:3.5em !important;}
.page_sec5{ margin-top:5em !important;}

.page_tab:not(.st2) .tab > li{ flex:1 1 25%; max-width:25%;}
.page_tab .tab > li .in{ padding-left:.5em; padding-right:.5em;}
.page_tab .tab > li .in .tt{ font-size:.938em;}

.sub_tt.t1{ font-size:1.188em;}
.sub_tt.t3,
.sub_tt.t6:not(.quo){ font-size:1.625em;}
.sub_tt.t7{ font-size:1.375em;}

.sub_tt br{ display:none;}

.sub_tt.ffPoint{ color:#000 !important; font-weight:400;}

.page_bg{ padding:3em 0;}
.page_bg.Bg2{ background:linear-gradient(180deg, transparent 0%, transparent 4.5em, #f9f9f9 4.5em, #f9f9f9 100%);}

.flex > .page_tit{ padding-left:0;}
.flex > .page_tit.w1{ flex:1 1 100%;}
.flex > .page_tit.w2{ width:0;}

.page_txt.st2:last-child{ margin:0 0 0 0;}
.page_txt .line{ font-size:.750em;}
.page_txt .tit_dot + *{ padding-left:0;}

.page_layout.flex{ flex-direction:column;}
.page_layout.flex > *{ width:100% !important; padding-left:0 !important; padding-right:0 !important;}
.page_layout.st1 { margin-top:6em;}
.page_layout .layInner{ padding:0 0 0 0;}
.page_layout .layImg{ order:10; margin-top:2em;}
.page_layout .layImg > .wrap_img{ height:0; padding-bottom:50%;}
.page_layout .layImg > .wrap_img.st1{ height:100%; transform: translateY(0);}
.page_layout .layImg > .wrap_img.st2{ transform:translateY(0);}
.page_layout .layImg > .wrap_img.st3{ transform:translateY(0);}
.page_layout .layImg > .resize.st1{ margin-top:0;}
.page_layout .layImg > .resize:not(.youtube_wrap){ padding-bottom:50%;}

.page_layout .layCon .layInner > .page_icon_list:first-child{ padding-top:2em;}

.page_layout .layImg.type1{ width:40em !important; max-width:100%; margin:0 auto; margin-top:4em;}
.page_layout .layImg.type1 > .wrap_img{ padding-bottom:115%; min-height:auto;}

.page_layout .layImg > .wrap_map iframe{ height:25em;}

.page_layout .cardImg{ padding:1.5em 1.5em !important;}
.page_layout .cardImg img{ width:37.5em;}
.page_layout .cardImg + .layCon{ margin-top:3.5em;}

.page_layout .page_area{ flex-direction:column;}
.page_layout .page_area > *{ width:100% !important;}
.page_layout .page_area > .wrap_img{ padding:0 0;}
.page_layout .page_area > .wrap_txt{ padding:2em 0 0 0;}
.page_layout .page_area > .wrap_txt .page_txt .sub_tt.t1{ font-size:1.375em;}

.page_img_list > .list > li .wrap_in .img.resize{ padding-bottom:65%;}

.page_img_list.st2 > .list{}
.page_img_list.st2 > .list > li:nth-child(1){ width:70%;}
.page_img_list.st2 > .list > li:nth-child(n + 2) .wrap_in .img{ height:0; padding-bottom:65%;}

.page_box_list.moSt1 > .list > li{ flex:1 1 100%;}

.page_box_list:not(.moSt1) > .list{ margin:0 0 -.5em -.5em;}
.page_box_list:not(.moSt1) > .list > li .wrap_in{ margin:0 0 .5em .5em;}

.page_box_list.st2{ font-size:.875em;}
.page_box_list.st2 > .list > li .wrap_in{ padding:0 0;}

.page_trans_list > .sec:after{ padding:0 .125em;}

.page_trans_wrap > .inner .wrap_in.start{}
.page_trans_wrap > .inner .wrap_in.end{ width:7em;}
.page_trans_wrap > .inner .wrap_in.con{ padding:0 .5em;}
.page_trans_wrap > .inner .wrap_in:not(.con){ padding:1em .5em;}
.page_trans_wrap > .inner .in_section > .tit{ width:8em;}

.artshop_view{ flex-direction:column; position:relative; padding-bottom:7em;}
.artshop_view .view_img,
.artshop_view .view_con{ width:100%;}
.artshop_view .view_con{ order:-1; min-height:auto; padding:0 .5em 2em .5em; font-size:.938em;}
.artshop_view .view_con .name{ margin-top:1em;}
.artshop_view .view_con .info{ margin-top:1.5em;}
.artshop_view .view_con .board_btn_wrap{ position:absolute; left:0; bottom:0; width:100%; margin-top:0;}
.artshop_view .view_con .t2{ font-size:1.750em;}


/***********************/
/*MAIN******************/
.visualSlider_wrap{ padding-bottom:75%; height:0 !important;}
.visualSlider_wrap .fullH{ height:100% !important;}
.mainSlider{ position:absolute; top:0; left:0; right:0;}

.visualSlider_wrap .mainSlogan{ top:22%;}
.visualSlider_wrap .mainSlogan.headT{ padding-top:0;}
.visualSlider_wrap .mainSlogan .slogan{ font-size:1.8vw;}
.visualSlider_wrap .mainSlogan .slogan .txt{ margin-top:1.5em;}
.visualSlider_wrap .mainSlogan .slogan .ani2{ overflow:hidden; min-height:auto;}
.visualSlider_wrap .mainSlogan .slogan .ani2 > .in{ position:static; white-space:normal; letter-spacing:0; transform:translateY(100%);}
.mainSlider.swiper-container-initialized ~ .mainSlogan .slogan .ani > .in { transition:transform 1s;}
.mainSlider.swiper-container-initialized ~ .mainSlogan .slogan .ani2 > .in{ transform:translateY(0); transition-delay:0s;}

.visualSlider_wrap .swiper_control{ bottom:4%;}

.swiper_control > .control{ justify-content:center; text-align:center;}
.swiper_control .progress > canvas{ width:3.5em !important; height:3.5em !important;}
.swiper_control .progress{ margin-right:1.5vw;}
.swiper_control .paging{ margin-left:1.5vw;}

/**/
.exhiSlider_wrap .moHide{ display:none;}
.exhiSlider_wrap{ text-align:center; padding-bottom:3em;}
.exhiSlider_wrap .conH{ height:auto; max-height:none; min-height:auto;}

.exhiSlider .el .visualInner{ display:block; padding-top:4em; padding-bottom:1em;}
.exhiSlider .el .visualInner .exhiImg{ width:38em; max-width:100%; margin:0 auto;}
.exhiSlider .el .visualInner .exhiImg .bg{ position:relative; height:0; padding-bottom:114%;}

.exhiSlider .el .exhiSlogan .slogan{ padding:0 0 2em 0; opacity:0;}
.exhiSlider .el .exhiSlogan .slogan .tit{ font-size:.750em;}
.exhiSlider .el .exhiSlogan .slogan .tit + .tit{ margin-top:.625em;}
.exhiSlider .el .exhiSlogan .slogan .txt{ margin-top:1em;}
.exhiSlider .el .exhiSlogan .slogan .btn{ margin-top:1.25em;}

.exhiSlider_wrap .swiper_control{ position:static;}
.exhiSlider_wrap .swiper_control .btn{ display:none;}
.exhiSlider_wrap .swiper_control .paging{ margin-left:0;}

/**/
.main_con{ padding:3em 0;}
.main_more > .more{ padding:.875em 1.75em;}

.main_bnList > .list > li:nth-child(1){ flex:1 1 100%;}
.main_bnList > .list > li:not(:nth-child(1)){ flex:1 1 50%;}
.main_bnList > .list > li .wrap_in{ padding:5em .5em;}


/*********************/
/*레이어팝업*/
.mainLayerPop{ position:fixed; top:0; bottom:0; left:0; right:0; z-index:2000; display:flex; align-content:center; align-items:center; justify-content:center; text-align:center; background:rgba(0,0,0,.6);}
.mainLayerPop .in_w{ box-sizing:border-box; max-width:95vw; max-height:calc(95vh - 6em); width:25em; margin-top:1em; margin-bottom:5em; background:#fff; border:1px solid #000; overflow-y:auto;}
.mainLayerPop .moSlide .el .popLayer{ position:static; height:100% !important; width:100% !important; border:none;}
.mainLayerPop .moSlide .el .popLayer td:not(.bodyCon) img{ width:100%; height:auto;}
.mainLayerPop .dot_wrap{ position:fixed; left:0; right:0; bottom:1em; text-align:center;}
.mainLayerPop .dot_wrap > span{ display:inline-block; margin:0 .125em; width:.75em; height:.75em; border:none; background:#fff; border-radius:100%; text-indent:-999999px; overflow:hidden; transition:.2s;}
.mainLayerPop .dot_wrap > span.swiper-pagination-bullet-active{ width:3em; border-radius:5em;}
.mainLayerPop.hide{ display:none;}
.mainLayerPop .moHide{ display:none;}
.mainLayerPop .pcHide{ display:block !important;}
.mainLayerPop div.popLayer_closeW{ display:flex !important; align-content:center; align-items:center;}
.mainLayerPop div.popLayer_closeW .popLayer_close{ flex:1;}

.mainLayerPop .swiper-container{ overflow:hidden;}
.mainLayerPop .swiper-container,
.mainLayerPop .swiper-wrapper,
.mainLayerPop .swiper-slide{ position:relative;}

.visualSlider_wrap {height: 100vh !important;}
.mainSlider .el .bg {background-position: 54% 50%;}
}

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

.box0{ max-width:94%;}
.box1{ max-width:94%;}

/*footer*/
#footer .footWrap .sns_wrap .sns > li .wrap_in > .in .xi:not(.icon){ font-size:1.750em;}
#footer .footWrap .sns_wrap .sns > li .wrap_in > .in .xi:not(.icon) + .tt{ display:none;}
#footer .footWrap .info_wrap .copy .tt{ font-size:.750em;}

/*contents*/
#contents .sub_page_top .sub_tit{ font-size:.563em;}

#contents .sub_page_menu{ font-size:.813em;}
#contents .sub_page_menu .gnb > li .dp2 > li > a:after{ left:5%; right:5%;}
#contents .sub_page_menu .gnb > li .dp2 > li:hover > a:after{ opacity:0; transform:scaleX(0);}


/*SUB PAGE*******************/
.page_tab:not(.st2) .tab > li{ flex:1 1 33.33%; max-width:33.33%;}
.page_tab.st2 .tab > li{ flex:1 1 33.33%;}

.page_search .search_top .hot_keyword{ display:block;}
.search_resultWrap .search_result .search_list .con .img_wrap{ width:5.5em; margin-right:1em;}
.search_resultWrap .search_result .search_list .con .con_wrap{ font-size:.875em;}


/***********************/
/*MAIN******************/
.visualSlider_wrap{ padding-bottom:100%;}
.visualSlider_wrap .mainSlogan .slogan{ font-size:2.2vw;}

.main_txt > .mg2{ margin-bottom:2.25em;}

.main_bnList{ font-size:2.4vw;}
.main_bnList > .list{ margin:0 0 -.5em -.5em;}
.main_bnList > .list > li .wrap_in{ margin:0 0 .5em .5em;}

/* introduce */
.service_wrap {flex-direction: column}


@media screen and (max-width:600px){
	
.page_bg.psTop .input_st{ width:100%;}
	
.page_layout .layImg > .wrap_img,
.page_layout .layImg > .resize:not(.youtube_wrap){ padding-bottom:75%;}

.page_icon_list .con.flex{ display:block;}
.page_icon_list .con .tit{ width:auto !important;}
.page_icon_list .con .txt{ padding-left:1em;}
.page_icon_list .con .tit ~ .txt{ padding-top:.625em;}

.page_icon_list.flex.w2 .con{ flex:1 1 100%;}

.page_box_list > .list > li .wrap_in.flex.ac{ display:block; min-height:auto; text-align:left !important;}

.page_box_list.moSt2 > .list{ padding-top:1px; margin:0 0 0 0;}
.page_box_list.moSt2 > .list > li{ flex:1 1 100%;}
.page_box_list.moSt2 > .list > li .wrap_in{ margin:-1px 0 0 0;}
.page_box_list.line.moSt2 > .list > li:not(:first-child) .wrap_in{ border-top:1px solid #ddd;}

.page_box_list.st2{ text-align:left !important; font-size:1em;}
.page_box_list.st2 > .list{ margin:0 0;}
.page_box_list.st2 > .list > li{ flex:1 1 100%;}
.page_box_list.st2 > .list > li .wrap_in{ flex-direction:row; align-content:center; align-items:center; margin:0 0; padding:1em .25em; border:dashed #ccc; border-width:1px 0 0 0;}
.page_box_list.st2 > .list > li:last-child .wrap_in{ border-width:1px 0;}
.page_box_list.st2 > .list > li .wrap_in > *{ width:auto;}
.page_box_list.st2 > .list > li .wrap_in .icon{ margin-bottom:0; font-size:.875em;}
.page_box_list.st2 > .list > li .wrap_in .icon > .in{ border-width:2px;}
.page_box_list.st2 > .list > li .wrap_in .icon + *{ flex:1; padding-left:2em;}
.page_box_list.st2 > .list > li .wrap_con .page_txt{ min-height:auto;}

.page_trans_wrap{ font-size:.938em;}
.page_trans_wrap > .inner{ display:block;}
.page_trans_wrap > .inner .wrap_in{ width:100% !important;}
.page_trans_wrap > .inner .wrap_in.start + .wrap_in.con{ padding:1em 0;}
.page_trans_wrap > .inner .wrap_in.start + .wrap_in.con:last-child{ padding-bottom:0;}
.page_trans_wrap > .inner .wrap_in:not(.con){ padding:.5em .5em; border-radius:.375em;}

	
/***********************/
/*MAIN******************/
.visualSlider_wrap{ padding-bottom:135%; height: 100vh !important;}
.visualSlider_wrap .mainSlogan .slogan{ font-size:2.65vw;}

.main_bnList{ font-size:.875em;}
.main_bnList > .list > li:not(:nth-child(1)) .wrap_in{ padding:3.5em .5em;}
.mainSlider .el .bg {background-position: 53.5% 50%;}

/* Sub Contents - menu */
#contents .sub_page_menu {padding-top: 1em;}
#contents .sub_page_menu .box1 {width: 100%; max-width: 100%; padding: 0 3%; overflow-x: scroll;}
#contents .sub_page_menu .box1::-webkit-scrollbar {display: none;}
#contents .sub_page_menu .gnb > li .dp2 {width: 100vw; justify-content: start;}
#contents .sub_page_menu .gnb > li .dp2 > li {flex: 1 0 30vw;}
#contents .sub_page_menu .gnb > li .dp2 > li:last-child {margin-right: 1em;}

/* Intro */
.page_trans_list {gap: 1em;}
.page_trans_list > .equal {flex: 1 1 45%;}
.page_trans_list > .sec:after {right: -1em;}
.page_trans_list > .sec:nth-child(2n):after {display: none;}
.td_line {margin-left: 2em;}
.sub_tt.lh {color: #555;}
.sub_tt.t1 {color: #333;}
.sub_tt.t2 {font-size: 1em;}
.page_icon_list .con {margin-left: .5em;}

/* Emblem */
.emblem-container {flex-direction: column; gap: 2em;}
.page_layout .layCon > .wrap_img.emblem > .emblem-sizing .em-box {width: 50%;}
.download-wrap {margin-top: 1em;}
.down-btn {display: inline-block; padding: 1em;}

/* Purpose */
.table_st.plan tbody {margin-bottom: 2em;}
.table_st.page.response tbody tr:first-child {border-top: 1px solid #ec1c24;}
.table_st.page.response tbody tr {border: none;}
}

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

.visualSlider_wrap .mainSlogan .slogan{ font-size:.750em;}

}

@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){

}