@charset "utf-8";
/* CSS Document */
.box0{ width:105em; max-width:96%; margin:0 auto; box-sizing:border-box;}
.box1{ width:80em; max-width:96%; margin:0 auto; box-sizing:border-box;}

.pcHide{ display:none !important;}
.moHide{}

.moBr br{ display:none;}

.sns > li > .wrap_in.blog .xi:before     { content:"\ebf9";}
.sns > li > .wrap_in.youtube .xi:before  { content:"\ec32";}
.sns > li > .wrap_in.facebook .xi:before { content:"\ebd3";}
.sns > li > .wrap_in.instagram .xi:before{ content:"\ebe9";}
.sns > li > .wrap_in.kakao .xi:before    { content:"\ebee";}
.sns > li > .wrap_in.blog .tt:before     { content:"blog";}
.sns > li > .wrap_in.youtube .tt:before  { content:"youtube";}
.sns > li > .wrap_in.facebook .tt:before { content:"facebook";}
.sns > li > .wrap_in.instagram .tt:before{ content:"instagram";}
.sns > li > .wrap_in.kakao .tt:before    { content:"ch";}
.sns > li > .wrap_in .icon img{ width:1.375em;}

.ps_sticky{ position:sticky; position:-webkit-sticky; top:0;}

.fullH{ height:calc(100vh) !important; box-sizing:border-box;}
.fullMH{ min-height:calc(100vh) !important; box-sizing:border-box;}
.headT{ padding-top:7.5em;}
.headH,
#header .headerWrap .gnb_wrap .gnb > li,
#header .headerWrap .gnb_wrap .gnb > li .dp1{ height:7.5em;}

/*header*/
#header{ position:fixed; top:0; left:0; width:100%; z-index:999; background: transparent; /* box-shadow: 0 0 10px rgba(0,0,0,.2); */ /* border-bottom: 1px solid rgba(255,255,255,.3); */}
#header .headH,
#header .headerWrap .gnb_wrap .gnb > li,
#header .headerWrap .gnb_wrap .gnb > li .dp1{ transition:height .2s;}

#header .headerWrap{}
#header .headerWrap .logo,
#header .headerWrap .side_wrap{ width:15.5em;}
#header .headerWrap .logo > .link,
#header .headerWrap .logo > .link img{ width:15em; transition:.2s;}
#header .headerWrap .logo > .link{ position:relative; display:block;}
#header .headerWrap .logo > .link .in{ position:absolute; top:0; left:0; width:100%; height:100%;}
#header .headerWrap .logo > .link .logoA{}
#header .headerWrap .logo > .link .logoB{ opacity:0; visibility:hidden;}

#header .headerWrap .gnb_wrap{ flex:1;}
#header .headerWrap .gnb_wrap .gnb{ justify-content:center; text-align:center;}
#header .headerWrap .gnb_wrap .gnb > li{ flex:0 1 auto; overflow:hidden;}
#header .headerWrap .gnb_wrap .gnb > li .dp1{ position:relative; padding:0 2.5vw; color:#fff;}
#header .headerWrap .gnb_wrap .gnb > li .dp1:after{ content:""; position:absolute; left:0; bottom:0; width:100%; height:3px; background:#ec1c24; opacity:0; transform:scaleX(0); transition:transform .3s;}
#header .headerWrap .gnb_wrap .gnb > li .dp1 .tt{ font-size:1.250em;}

#header .headerWrap .gnb_wrap .gnb > li .dp2{ display:block; transition:.2s;}
#header .headerWrap .gnb_wrap .gnb > li .dp2 > li > a{ display:block; padding:.375em 0; opacity:.6; transition:.2s;}
#header .headerWrap .gnb_wrap .gnb > li .dp2 > li > a .tt{ font-size:.938em;}

#header .headerWrap .gnb_wrap .gnb > li .dp3{display: none; transition:.2s;}


#header .headerWrap .gnb_wrap .gnb > li:hover .dp1:after,
#header .headerWrap .gnb_wrap .gnb > li.on .dp1:after{ opacity:1; transform:scaleX(.8);}
#header .headerWrap .gnb_wrap .gnb > li .dp2 > li:hover > a,
#header .headerWrap .gnb_wrap .gnb > li .dp2 > li.on > a{ opacity:1;}

#header .headerWrap .side_wrap{ color:#fff;}
#header .headerWrap .side_wrap .headLang {display: none;}
#header .headerWrap .langWrap{}
#header .headerWrap .langWrap > li{}
#header .headerWrap .langWrap > li .in{}
#header .headerWrap .langWrap > li:not(:last-child) .in:after{ content:""; display:block; margin:0 1em; width:1px; height:.875em; background:#fff; opacity:.4;}
#header .headerWrap .langWrap > li .tt{ font-size:.938em; opacity:.6; transition:.2s;}
#header .headerWrap .langWrap > li:hover .tt,
#header .headerWrap .langWrap > li.on .tt{ opacity:1;}

#header .headerWrap .searchWrap{display: none;}
#header .headerWrap .searchWrap .btn_in{ margin-left:1.875em; padding:.5em .5em;}
#header .headerWrap .searchWrap .btn_in .xi{ font-size:1.750em;}

#header .headerWrap .searchWrap .search{ position:fixed; top:0; left:0; width:100%; height:100%; opacity:0; visibility:hidden; transition:.2s;}
#header .headerWrap .searchWrap .search .wrap_bg{ position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:.5;}
#header .headerWrap .searchWrap .search .wrap_in{ position:relative; background:#fff;}
#header .headerWrap .searchWrap .search .wrap_con{ padding:0 16em; transition:padding .2s;}
#header .headerWrap .searchWrap .search .inp_wrap{ position:relative; height:4em; border-bottom:3px solid #000;}
#header .headerWrap .searchWrap .search .inp_wrap .inp{ height:100%; background:transparent; border:none; box-sizing:border-box; color:#000;}
#header .headerWrap .searchWrap .search .inp_wrap .inp.txt{ width:100%; padding:0 2.5em 0 .25em; font-size:1.500em;}
#header .headerWrap .searchWrap .search .inp_wrap .inp.btn{ position:absolute; top:0; right:0; width:4em; transition:.2s;}
#header .headerWrap .searchWrap .search .inp_wrap .inp.btn .xi{ font-size:2.250em;}
#header .headerWrap .searchWrap .search .inp_wrap .inp.btn:hover{ color:#ec1c24;}

#header.searchOpen .headerWrap .searchWrap{ color:#000;}
#header.searchOpen .headerWrap .searchWrap .btn_in{ position:fixed; z-index:100; top:3em; right:4vw;}
#header.searchOpen .headerWrap .searchWrap .btn_in .xi{ font-size:3.000em;}
#header.searchOpen .headerWrap .searchWrap .btn_in .xi:before{ content:"\e921"; display:block; transition:transform .3s;}
#header.searchOpen .headerWrap .searchWrap .btn_in:hover .xi:before{ transform:rotate(90deg);}
#header.searchOpen .headerWrap .searchWrap .search{ z-index:99; opacity:1; visibility:visible;}
#header.searchOpen .headerWrap .searchWrap .search .wrap_con{ padding-top:8em; padding-bottom:8em;}


#header .allWrap{ width:4.5em;}
#header .allWrap .btn_all{}
#header .allWrap .btn_all .btn_in{ position:relative; display:block; width:2.5em; height:1.75em;}
#header .allWrap .btn_all .ham,
#header .allWrap .btn_all .ham:before,
#header .allWrap .btn_all .ham:after { display:block; width:100%; height:4px; background:#fff; border-radius:1em; transition:.2s;}
#header .allWrap .btn_all .ham:before,
#header .allWrap .btn_all .ham:after { content:""; position:absolute; right:0;}
#header .allWrap .btn_all .ham:before{ top:calc(50% - 2px); width:75%;}
#header .allWrap .btn_all .ham:after { top:calc(100% - 4px); background:#ec1c24;}
#header .allWrap .btn_all .btn_in:hover .ham:before{ width:100%;}
#header .allWrap .btn_all .btn_in:hover .ham:after { width:75%;}

#header .allWrap .all{ position:fixed; top:0; left:0; width:100%; height:100%; opacity:0; visibility:hidden;}
#header .allWrap .all .wrap_bg{ position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:.5;}
#header .allWrap .all .wrap_in{ position:absolute; top:0; right:0; width:28em; max-width:80%; height:100%; background:#fff; color:#000; transform:translateX(100%); transition:.4s;}
#header .allWrap .all .wrap_in .scrollst{ height:100%;}
#header .allWrap .all .allconWrap{ padding:4em 4em;}
#header .allWrap .all .all_gnb .flex{ display:block; text-align:left !important;}
#header .allWrap .all .all_gnb .gnb > li a{ padding:.375em 0; transition:.1s;}
#header .allWrap .all .all_gnb .gnb > li .dp1{}
#header .allWrap .all .all_gnb .gnb > li .dp1:before{ content:""; display:inline-block; vertical-align:top; margin-right:.375em; width:.438em; height:.438em; background:#ec1c24; border-radius:50%;}
#header .allWrap .all .all_gnb .gnb > li .dp1 .tt{ font-size:1.250em;}
#header .allWrap .all .all_gnb .gnb > li .dp2{ padding:.5em 0 1.5em 1em;}
#header .allWrap .all .all_gnb .gnb > li .dp2 > li > a{ opacity:.6;}
#header .allWrap .all .all_gnb .gnb > li:hover .dp1{ color:#ec1c24;}
#header .allWrap .all .all_gnb .gnb > li .dp2 > li:hover > a{ opacity:1;}

#header .allWrap .all .all_gnb .gnb > li .dp3 {display: none;}

#header.allOpen .allWrap .btn_all .btn_in{ position:fixed; top:1em; right:1.5em; z-index:999; width:2.5em; height:2.5em; transition:transform .3s;}
#header.allOpen .allWrap .btn_all .ham{ background:transparent !important; transition:0s;}
#header.allOpen .allWrap .btn_all .ham:before,
#header.allOpen .allWrap .btn_all .ham:after { width:100% !important; top:50% !important; background:#000 !important;}
#header.allOpen .allWrap .btn_all .ham:before{ transform:rotate(45deg);}
#header.allOpen .allWrap .btn_all .ham:after { transform:rotate(-45deg);}
#header.allOpen .allWrap .btn_all .btn_in:hover{ transform:rotate(90deg);}
#header.allOpen .allWrap .all{ opacity:1; visibility:visible; transition:.4s;}
#header.allOpen .allWrap .all .wrap_in{ transform:translateX(0);}

.scroll #header .headH,
.scroll #header .headerWrap .gnb_wrap .gnb > li,
.scroll #header .headerWrap .gnb_wrap .gnb > li .dp1{ height:5em;}
.scroll #header .headerWrap .logo > .link,
.scroll #header .headerWrap .logo > .link img{ width:14.5em;}
.scroll #header .headerWrap .gnb_wrap .gnb > li.on .dp1{ color:#ec1c24;}

#header.active .headerWrap{ background:#fff;}
#header.active .headerWrap .logo > .link .logoA,
body.white #header .headerWrap .logo > .link .logoA{ opacity:0; visibility:hidden;}
#header.active .headerWrap .logo > .link .logoB,
body.white #header .headerWrap .logo > .link .logoB{ opacity:1; visibility:visible;}

#header.active .headerWrap .gnb_wrap .gnb > li .dp1,
#header.active .headerWrap .side_wrap {color:#333;}
body.white #header .headerWrap .gnb_wrap .gnb > li .dp1,
body.white #header .headerWrap .side_wrap{ color:#fff;}

#header.active .headerWrap .side_wrap .langWrap > li .in:after,
body.white #header .headerWrap .side_wrap .langWrap > li .in:after{ background:#666;}

#header.active .allWrap .btn_all .ham,
#header.active .allWrap .btn_all .ham:before { background:#333;}

body.white #header .allWrap .btn_all .ham,
body.white #header .allWrap .btn_all .ham:before{ background:#fff;}

#header.gnbOpen .headerWrap{ box-shadow:2px 0 .75em rgba(0,0,0,.1);}
#header.gnbOpen .headerWrap .gnb_wrap .gnb > li{ height:auto;}
#header.gnbOpen .headerWrap .gnb_wrap .gnb > li .dp2{ display:block; padding:2em 0 2.5em 0;}


/*footer*/
#footer .goTop{ position:fixed; z-index:99; right:1em; bottom:1em; width:4em; height:4em; background:#ec1c24; border:3px solid transparent; border-radius:50%; color:#fff; opacity:0; transform:translateY(6em); transition:.3s;}
#footer .goTop > .in{}
#footer .goTop > .in .xi{ display:block;}
#footer .goTop > .in .tt{ display:block; font-size:.750em;}
#footer .goTop:hover{ background:#fff; border-color:#ec1c24; color:#ec1c24;}
.scroll #footer .goTop{ opacity:1; transform:translateY(0);}

#footer{}
#footer .footWrap{ padding:3em 0 3.5em 0; border-top:1px solid #eee; text-align:center;}
#footer .footWrap .sns_wrap{}
#footer .footWrap .sns_wrap .sns{ align-content:center; align-items:center; justify-content:center;}
#footer .footWrap .sns_wrap .sns > li{}
#footer .footWrap .sns_wrap .sns > li .wrap_in{ padding:0 2.5em;}
#footer .footWrap .sns_wrap .sns > li .wrap_in > .in{ display:flex; align-items:center; text-transform:uppercase;}
#footer .footWrap .sns_wrap .sns > li .wrap_in > .in .xi{ font-size:1.500em;}
#footer .footWrap .sns_wrap .sns > li .wrap_in > .in .tt{ font-size:.875em; padding-left:.5em; flex:1;}
#footer .footWrap .sns_wrap .sns > li .wrap_in:hover > .in .tt{ color:#ec1c24;}

#footer .footWrap .info_wrap{ margin-top:3em;}
#footer .footWrap .info_wrap .info{ line-height:1.8; color:#777;}
#footer .footWrap .info_wrap .info > li:not(.br){ padding:0 1em;}
#footer .footWrap .info_wrap .info > li.br{ width:100%;}
#footer .footWrap .info_wrap .info > li a[href]:hover{ color:#111;}
#footer .footWrap .info_wrap .info > li .tt{ padding:.25em 0; font-size:.938em;}
#footer .footWrap .info_wrap .copy{ margin-top:1.875em;}
#footer .footWrap .info_wrap .copy .tt{ font-size:.813em; text-transform:uppercase; opacity:.4;}

/*contents*/
#contents{}
#contents .sub_page_top{ position:relative; height:36em;}
#contents .sub_page_top:before{ content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:linear-gradient(180deg,rgba(0,0,0,.4) 40%,rgba(0,0,0,.2) 100%);}
#contents .sub_page_top.bg_intro     { background-image:url(../images/sub/v_intro03.jpg);}
#contents .sub_page_top.bg_exhibition{ background-image:url(../images/sub/v_exhibition02.jpg);}
#contents .sub_page_top.bg_record {background-image: url(../images/sub/v_record.jpg);}
#contents .sub_page_top.bg_program   { background-image:url(../images/sub/v_program02.jpg);}
#contents .sub_page_top.bg_residency { background-image:url(../images/sub/v_residency03.jpg);}
#contents .sub_page_top.bg_customer  { background-image:url(../images/sub/v_customer02.jpg);}
#contents .sub_page_top.bg_artshop   { background-image:url(../images/sub/v_artshop03.jpg);}
#contents .sub_page_top.bg_membership{ background-image:url(../images/sub/v_membership02.jpg);}

#contents .sub_page_top > .inner{ position:relative; height:100%; padding:8em 0 4em 0; color:#fff;}
#contents .sub_page_top .sub_tit{ flex:1;}
#contents .sub_page_top .sub_tit .tit1 .tt{ font-size:4.500em; font-weight:100; letter-spacing:.063em; color: #fff;}
#contents .sub_page_top .sub_tit .tit2{ padding-left:1em;}
#contents .sub_page_top .sub_tit .tit2:before{ content:""; display:block; width:.75em; height:.75em; background:#ec1c24; border-radius:50%; margin:1.5em 0 .25em 0; transform:translateX(-1em);}
#contents .sub_page_top .sub_tit .tit2 .tt{ font-size:2.750em; color: #fff;}
#contents .sub_page_top .nav{}
#contents .sub_page_top .nav > li{ font-size:.938em;}
#contents .sub_page_top .nav > li:before{ content:"\e940"; font-family:xeicon; padding:0 .5em; vertical-align:middle}
#contents .sub_page_top .nav > li:first-child:before{ display:none}
#contents .sub_page_top .nav > li:last-child .tt{ text-decoration:underline}

body.simple #contents .sub_page_top{ height:auto;}
body.simple #contents .sub_page_top:before{ display:none;}
body.simple #contents .sub_page_top > .inner{ padding:10em 0 0 0; color:#000;}
body.simple #contents .doc{ padding-top:3em;}

body.white #contents .sub_page_top > .inner{ color:#000;}
/* body.white #contents .sub_page_top:before{ background:#fff; opacity:.2;} */

#contents .sub_page_menu{ padding:2em 0 0 0;}
#contents .sub_page_menu .gnb{ display:block;}
#contents .sub_page_menu .gnb > li,
#contents .sub_page_menu .gnb > li .dp1 { display:none;}
#contents .sub_page_menu .gnb > li .dp3 {}
#contents .sub_page_menu .gnb > li .dp3 > li {flex: 1; padding: 2em 0; color: #555;}
#contents .sub_page_menu .gnb > li .dp3 > li.on {border-bottom: 1px solid #ec1c24; color: #ec1c24;}
#contents .sub_page_menu .gnb > li .dp3 > li .flex {font-size: 1.125em; }
#contents .sub_page_menu .gnb > li.on{ display:block;}
#contents .sub_page_menu .gnb > li .dp2{ justify-content:center;}
#contents .sub_page_menu .gnb > li .dp2 > li{ width:33.3%;}
/* #contents .sub_page_menu .gnb > li .dp2 > li:nth-child(3){display: none;} */
#contents .sub_page_menu .gnb > li .dp2 > li > a{ position:relative; height:5em; color:#999; transition:.2s;}
#contents .sub_page_menu .gnb > li .dp2 > li > a:after{ content:""; position:absolute; left:15%; right:15%; bottom:0; height:1px; background:#000; opacity:0; transform:scaleX(0); transition:.4s;}
#contents .sub_page_menu .gnb > li .dp2 > li > a .tt{ font-size:1.175em;}
#contents .sub_page_menu .gnb > li .dp2 > li:hover > a,
#contents .sub_page_menu .gnb > li .dp2 > li.on > a{ color:#000;}
#contents .sub_page_menu .gnb > li .dp2 > li.on > a{ font-weight:700;}
#contents .sub_page_menu .gnb > li .dp2 > li:hover > a:after,
#contents .sub_page_menu .gnb > li .dp2 > li.on > a:after{ opacity:1; transform:scaleX(1);}

#contents .doc{ padding:3em 0 8em 0;}


/*SUB PAGE*******************/
/*inc*/
.page_sec { margin-top:3em !important;}
.page_sec0{ margin-top:-1px !important;}
.page_sec1{ margin-top:.375em !important;}
.page_sec2{ margin-top:1em !important;}
.page_sec3{ margin-top:2em !important;}
.page_sec4{ margin-top:5em !important;}
.page_sec5{ margin-top:7em !important;}

.page_tab{}
.page_tab .tab{ padding:0 0 1px 1px;}
.page_tab .tab > li{ position:relative; z-index:1; flex:1; min-width:10%;}
.page_tab .tab > li .in{ margin:0 0 -1px -1px; padding:.25em 1em; height:3em; background:#fff; border:1px solid #ddd; color:#666; transition:.2s;}
.page_tab .tab > li .in .num{ padding-left:.5em; color:#ec1c24; font-weight:700;}
.page_tab .tab > li.point,
.page_tab .tab > li:hover,
.page_tab .tab > li.on{ z-index:2;}
.page_tab .tab > li.point .in,
.page_tab .tab > li:hover .in{ border-color:#ec1c24; color:#ec1c24;}
.page_tab .tab > li.on .in{ background:#ec1c24; border-color:#ec1c24; color:#fff;}
.page_tab .tab > li:hover .in .num,
.page_tab .tab > li.on .in .num{ color:inherit;}

.page_tab.st2 .tab > li{ flex:1;}


.sub_tt{}
.sub_tt.t1{ font-size:1.250em;}
.sub_tt.t2{ font-size:1.25em;}
.sub_tt.t3{ font-size:1.813em;}
.sub_tt.t4{ font-size:.875em;}
.sub_tt.t5{ font-size:1.063em;}
.sub_tt.t6{ font-size:2.250em;}
.sub_tt.t7{ font-size:1.625em;}
.sub_tt.o1{ opacity:.6;}

.sub_tt.lh{ line-height:1.6; padding-bottom:1em;}
.sub_tt.lh:last-of-type{ padding-bottom:0;}

.sub_tt.quo{ display:inline-block; line-height:1; font-family:'Nanum Myeongjo', 'NanumSquareNeo', serif;}
.sub_tt.quo.start{ margin-bottom:-.313em;}

.page_bg{ padding:4em 0; position: relative;}
.page_bg.Bg1{ background:#f9f9f9;}
.page_bg.Bg2{ background:linear-gradient(180deg, transparent 0%, transparent 5.5em, #f9f9f9 5.5em, #f9f9f9 100%);}

.page_bg.psTop{ padding:1em 0;}
.page_bg.psTop.ps_sticky{ top:5em; z-index:99;}

.page_tit{ margin-bottom:1.75em; box-sizing:border-box; padding-left:5em;}
.page_tit.w1{ width:55%;}
.page_tit.w2{ width:45%;}

.page_txt.st2{ margin:0 0 2em 0;}
.page_txt.st2 + .page_layout{ margin-top:0;}
.page_txt .tit_line{ border-top:1px solid #ec1c24; padding: 1.5em 0 0 0;}
.page_txt .tit_line.int{ border-top:1px solid #ec1c24; padding: 1.5em 0 2em 0;}
.page_txt .tit_dot{ display:flex; box-sizing:border-box; min-width:0;}
.page_txt .tit_dot:before,
.page_txt .tit_dot > .sub_tt{ box-sizing:border-box; min-width:0;}
.page_txt .tit_dot:before{ content:""; margin:.875em .5em 0 0; width:.438em; height:2px; background:#333;}
.page_txt .tit_dot > .sub_tt{ flex:1; color:#333;}
.page_txt .tit_dot + *{ margin-top:1em; padding-left:.938em;}
.page_txt .line{ display:inline-block; width:4px; height:4px; background:#ec1c24; border-radius:1em;}
.page_txt .line.w{ width:2.25em; margin:1.5em 0;}
.page_txt .line.h{ height:2em; margin:1.25em 0;}
.page_txt .line:first-child{ margin-top:0;}
.page_txt > .tt{ padding-bottom:.5em;}
.page_txt > .tt:last-of-type{ padding-bottom:0;}
.page_txt .flex > .xi{ width:1.75em; height:1.75em; background:#333; border-radius:50%; font-size:1.25em; color:#fff;}
.page_txt .flex > .inTT{ flex:1;}
.page_txt .flex > .xi + .inTT{ padding-left:1em;}
.page_txt .flex.c_point > .xi{ background:#ec1c24;}

.page_layout { position:relative; }
.page_layout.mt {margin-top: 3em;}
.page_layout:first-child{ margin-top:0;}
.page_layout.st1 { margin-top:10em;}
.page_layout.st2 { margin-top:4em;}
.page_layout.st3 { margin-top:2em;}
.page_layout .layInner{ padding:2em 0 4em 0;}
.page_layout .flex .layInner{ flex:1;}
.page_layout .layL{ width:40%;}
.page_layout .layCon{ flex:1;}
.page_layout .layCon.pr {padding-right: 3em;}
/* .page_layout .layCon:first-child{ padding:0 5em 0 0;} */
.page_layout .layCon.pad:first-child{ padding:0 5em 0 0;}
.page_layout .layCon:not(:first-child){ padding:0 0 0 5em;}
.page_layout .layCon.sizing {padding-left: 0;}
.page_layout .layCon:not(.st1) + .layCon{ padding-left:0;}
.page_layout .layCon.st1{ flex:0 1 50%; padding-right:0;}
.page_layout .layImg.st1{ width:45%;}
.page_layout .layImg.st2{ width:49%;}
.page_layout .layImg.st3{ width:65%;}
.page_layout .layImg.st4{ width:54%;}
.page_layout .layImg > .wrap_img{ height:100%;}
.page_layout .layImg > .wrap_img.cont {background-size: contain;}
.page_layout .flex > .wrap_img{ flex:1;}
.page_layout .layImg > .wrap_img.st1{ height: calc(100% + 15em); transform: translateY(-13em);}
.page_layout .layImg > .wrap_img.st2{ transform: translateY(-11em);}
.page_layout .layImg > .wrap_img.st3{ transform: translateY(-23em);}
.page_layout .layImg > .resize.st1{ margin-top:-16em;}
.page_layout .layCon > .wrap_img.emblem {flex: 1 1 20%; gap: 1.5em} 
.page_layout .layCon > .wrap_img.emblem > .emblem-sizing {flex: 1 1 20%; position: relative;}
.page_layout .layCon > .wrap_img.emblem > .emblem-sizing:not(:last-child):after {content: ''; position: absolute; width: 1px; height: 2em; right: -.75em; top: 50%; transform: translateY(-50%); background: #bbb;} 
.page_layout .layCon > .wrap_img.emblem > .emblem-sizing .em-box {width: 35%; margin: 0 auto;} 
.page_layout .layCon > .wrap_img.emblem > .emblem-sizing.first .em-box {width: 25%; margin-bottom: 2em;} 
.page_layout .layCon > .wrap_img.emblem > .emblem-sizing:first-child .em-box > img {} 

.page_layout .layCon > .wrap_img.emblem > .emblem-sizing .txt-box {color: #555; margin-top: 1em;} 
.page_layout .layCon.embl {flex: 1 1 70%;} 

.page_layout .layImg.type1{ background:#d2c2a1; border:2px solid #fff; box-shadow:0 .75em 1.75em rgba(14,45,74,.26);}
.page_layout .layImg.type1 > .wrap_img{ min-height:40em;}
.page_layout .layImg.type1 > .typeCon{ padding:1.5em 1.25em;}

.page_layout .layCon .img_wrap {width: 100%;}
.page_layout .layCon .img_wrap .resizing {}
.page_layout .layCon .img_wrap img {width: 100%;}


.service_wrap {gap: 3em;}
.service_wrap .left {flex: 1 1 57%;}
.service_wrap .right {flex: 1 1 50%;}

.page_layout .layImg > .wrap_map{}
.page_layout .layImg > .wrap_map iframe{ width:100% !important; height:28.5em;}

.page_layout .cardImg{ width:38%; padding:2em 2em; background:#f3f3f3;}

.page_layout .page_area.list_con{}
.page_layout .page_area > .wrap_img{ width:55%; margin-right:5em;}
.page_layout .page_area > .wrap_txt{ flex:1; padding:1em 0;}

.page_layout.board_list .page_icon_list .con.flex .tit{ flex:0 1 auto; width:auto; min-width:4.5em;}
.page_layout.board_list .page_icon_list .con.flex .txt{ flex:1 1 50%; padding-left:1em;}

.page_imgBox{ text-align:center;}

.td_line {line-height: 1.6em; position: relative; display: inline-block;}
.td_line:before {content: ''; position: absolute; width: 5px; height: 5px; left: -1em; top: 8px; background: #ec1c24; border-radius: 50%;}

.page_icon_list{}
.page_icon_list .con{ margin-top:1em;}
.page_icon_list .con .tit{ position:relative; padding-left:1em; padding-bottom:0; font-weight:600;}
.page_box_list.st2.ac .page_icon_list .con .tit.sub_tt.t2.lh{position:relative;padding: 1em;/* padding-bottom:0; */font-weight:600; width: 86%;background: #fff;border: #ddd solid 1px;}
.page_box_list.st2.ac .page_icon_list .con:first-child .tit.sub_tt.t2.lh {border-top: 2px solid #ec1c24;}
.page_icon_list .con .tit:before{ position:absolute; content:""; width:.375em; height:.375em; border-radius:50%; background:#ec1c24; top:.563em; left:0;}
.page_box_list.st2.ac .page_icon_list .con .tit.sub_tt.t2.lh:before{ position:absolute; content:""; width:.375em; height:.375em; border-radius:50%; background:#ec1c24; top:.563em; left:0;display: none;}
.page_icon_list .con .txt{ color:#555;}
.page_icon_list .con.flex .tit{ width:6.25em;}
.page_icon_list .con.flex .tit.w1{ width:8em;}
.page_icon_list .con.flex .txt{ flex:1;}
.page_icon_list .con:not(.flex) .tit{}
.page_icon_list .con:not(.flex) .txt{ padding-left:1em;}
.page_icon_list .con:not(.flex) .tit ~ .txt{ padding-top:.625em;}
.page_icon_list.small .con{ font-size:.938em;}

.page_icon_list.st2{}
.page_icon_list.st2 .con{ margin-top:.625em;}
.page_icon_list.st2 .con .tit{ font-weight:500;}
.page_icon_list.st2 .con:not(.flex) .tit ~ .txt{ padding-top:.125em;}

.page_icon_list .con:first-of-type{ margin-top:0;}

.page_icon_list.flex{ margin:0 0 -.5em -.5em;}
.page_icon_list.flex .con{ flex:1; margin:0 0; padding:0 0 .5em .5em;}
.page_icon_list.flex.w2 .con{ flex:1 1 50%;}

.page_img_list{}
.page_img_list > .list{ margin:0 0 -1em -1em;}
.page_img_list > .list > li{ width:25%;}
.page_img_list > .list > li .wrap_in{ margin:0 0 1em 1em;}
.page_img_list > .list.w2 > li{ width:50%;}

.flex > .page_img_list.st2{ flex:1;}
.page_img_list.st2.flex > .list{ flex:1;}
.page_img_list.st2 > .list{ margin:0 0 -.25em -.25em;}
.page_img_list.st2 > .list > li .wrap_in{ margin:0 0 .25em .25em;}
.page_img_list.st2 > .list > li:nth-child(1){ width:100%;}
.page_img_list.st2 > .list > li:nth-child(n + 2){ flex:1;}
.page_img_list.st2 > .list > li.flex:not(.col) .wrap_in{ flex:1;}
.page_img_list.st2 > .list > li.flex.col .wrap_in{ flex:1 0 auto;}
.page_img_list.st2 > .list > li .wrap_in .img{ width:100%; height:100%;}

.page_box_list{}
.page_box_list > .list{ margin:0 0 -1em -1em;}
.page_box_list > .list > li{ flex:1;}
.page_box_list > .list > li .wrap_in{ flex:1; margin:0 0 1em 1em; padding:1.75em 2em; background:#f9f9f9; border:1px solid #ddd;}
.page_box_list > .list > li .wrap_in .icon{ margin-bottom:1em;}
.page_box_list > .list > li .wrap_in .icon > .in{ width:5.75em; height:5.75em; background:#fff; border:3px solid #ec1c24; border-radius:50%;}
.page_box_list > .list > li .wrap_in .icon img{ width:2.875em;}
.page_box_list > .list > li .wrap_in.flex.ac{ min-height:9em;}
.page_box_list > .list > li .wrap_in.flex.ac > *{ flex:1;}

.page_box_list.ac > .list > li .wrap_in{ padding-left:1em; padding-right:1em;}
.page_box_list.line > .list > li .wrap_in{ border-top:2px solid #ec1c24;}

.page_box_list.st2 > .list > li .wrap_in{ padding:0 1em; border-width:0; background:transparent;}
.page_box_list.st2 > .list > li .wrap_con .page_txt{ min-height:5em;}
.page_box_list.st2 > .list > li .wrap_con .page_icon_list{ margin-top:.75em;}
.page_bg.Bg1 .page_box_list:not(.st2) > .list > li .wrap_in{ background:#fff;}

.page_trans_list{gap:2em;}
.page_trans_list > .sec{ padding:.375em 0; position: relative;}
.page_trans_list > .sec:after{ content:"\e907"; font-family:xeicon; color:#ec1c24; padding:0 1em; position: absolute; top: 50%; right: -20%;}
.page_trans_list > .sec:last-child:after{ display:none;}
.page_trans_list > .sec .tt{ font-size:.938em;}
.page_trans_list > .equal {flex: 1; position: relative; background: #fff;}
.page_trans_list > .equal .sec_box {width: 100%; height: 100%;}
.page_trans_list > .equal .sec_box > span {display: block; text-align: center; padding: 1em 0; background: #fef2f3; border: 1px solid #ddd; border-top: 1px solid #333;}
.page_trans_list > .equal .sec_box > .info {text-align: center;  color: #555; padding: 3em 1em;}
.page_trans_list > .sec:after {} 


.page_trans_wrap{}
.page_trans_wrap > .inner{ padding:1em 1em;}
.page_trans_wrap > .inner:nth-child(2n + 1){ background:#f9f9f9;}
.page_trans_wrap > .inner .wrap_in{}
.page_trans_wrap > .inner .wrap_in.start{ width:14em;}
.page_trans_wrap > .inner .wrap_in.con{ flex:1; padding:0 1.5em;}
.page_trans_wrap > .inner .wrap_in.end{ width:10em;}
.page_trans_wrap > .inner .wrap_in:not(.con){ padding:1em 1em; background:#fff; border:1px solid #e5e5e5; border-radius:.75em; line-height:1.4;}
.page_trans_wrap > .inner .wrap_in.flex > *{ flex:1;}
.page_trans_wrap > .inner .in_section:not(:first-child){ margin-top:1em; padding-top:1em; border-top:1px dashed #ddd;}
.page_trans_wrap > .inner .in_section > .tit{ width:10em; text-align:center;}
.page_trans_wrap > .inner .in_section > .tit > .tt{ display:block; margin-top:.375em;}
.page_trans_wrap > .inner .in_section > .tit > .tt:first-child{ margin-top:0;}
.page_trans_wrap > .inner .in_section > .tit > .t2{ font-size:.875em; color:#666;}
.page_trans_wrap > .inner .in_section > .page_trans_list{ flex:1; padding-left:1em;}

.artshop_view{}
.artshop_view .view_img{ width:50%;}
.artshop_view .view_img .img_sec{ margin-top:2em;}
.artshop_view .view_img .img_sec img{ width:100%;}
.artshop_view .view_img .img_sec:first-child{ margin-top:0;}
.artshop_view .view_con{ flex:1; top:6em; padding:2em 0 0 5em; height:calc(100vh - 7em)}
.artshop_view .view_con .cate{ flex:0 1 auto;}
.artshop_view .view_con .name{ flex:0 1 auto; margin-top:2em;}
.artshop_view .view_con .info{ flex:0 1 auto; margin-top:3em;}
.artshop_view .view_con .board_btn_wrap .input_st:not(.c1){ padding-left:1em; padding-right:1em; min-width:auto;}
.artshop_view .view_con .t1{ font-size:1.125em;}
.artshop_view .view_con .t2{ font-size:2.500em; font-weight:700;}
.artshop_view .view_con .t3{ font-size:1.063em; color:#555; font-weight:400; line-height:1.8;}

.page_txt_wrap{}
.page_txt_wrap > .innerSec:first-child{padding-top:0 !important;}
.page_txt_wrap > .innerSec:last-child{padding-bottom:0 !important;}
.page_txt_wrap > .innerSec.flex > .wrap_tit{ flex:1;}
.page_txt_wrap > .innerSec.flex > .wrap_con{ flex:1;}
.page_txt_wrap > .innerSec.flex > .wrap_img{ flex:1;}
.page_txt_wrap > .innerSec.flex > .wrap_img > .in_img{ height:100%;}
.page_txt_wrap.line > .innerSec{ border-bottom:1px dashed #d9d9d9;}
.page_txt_wrap.line > .innerSec:last-child{border-bottom-width:0;}

.page_txt_wrap.st1 > .innerSec{ padding:3.75em 0;}
.page_txt_wrap.st1 > .innerSec.flex > .wrap_tit{ max-width:22.5em;}
.page_txt_wrap.st1 > .innerSec.flex > .wrap_con{ padding-left:3.75em;}

.page_tit{ margin-bottom:1.5em;}
.page_tit.icon.st2{ padding-left:2em;}
.page_tit.icon.st2:before{ content:"\e92b"; font-family:xeicon; font-size:1.500em; color:#ec1c24; position:absolute; top:0; left:0; margin-top:-.188rem;}
.page_tit.icon.st2 > .t2{ top:-.063rem;}

.page_txt_wrap.st3{ border-top:1px solid #000;}
.page_txt_wrap.st3 > .innerSec{ padding:0 0; background:#fff; border-bottom:1px solid #e5e5e5;}
.page_txt_wrap.st3 > .innerSec > .wrap_tit,
.page_txt_wrap.st3 > .innerSec > .wrap_con{ padding:2.5em 1.5em;}
.page_txt_wrap.st3 > .innerSec.flex > .wrap_tit{ max-width:16em; position:relative;}
.page_txt_wrap.st3 > .innerSec.flex > .wrap_tit:before{ content:""; position:absolute; top:-1px; left:0; width:100%; height:1px; background:#ec1c24;}
.page_txt_wrap.even.st3 > .innerSec:nth-child(even){ background:#f7f7f7;}

.page_txt_wrap.st4 > .innerSec{ padding:.875em .25em;}
.page_txt_wrap.st4 > .innerSec:last-child{ border-bottom-width:0;}
.page_txt_wrap.st4 > .innerSec.flex > .wrap_tit{ max-width:10em;}
.page_txt_wrap.st4 > .innerSec.flex > .wrap_con{ padding-left:1.5em;}

.page_tit.icon{ position:relative;}
.page_tit.icon:before{ content:""; display:block;}
.page_tit.icon > .tt{ position:relative;}
.page_tit.icon.st1{ margin-bottom:2em;}
.page_tit.icon.st1:before{ position:absolute; left:0; top:0; width:2.5em; height:2.5em; background:#38c8c3; border-radius:50%; opacity:.2; transform:translate(-.75em, -.25em);}

.page_ex_list > li{padding:.313em 0;}
.page_ex_list > li > .in{ position:relative;}
.page_ex_list > li > .in:before{ content:""; position:absolute; left:0;}
.page_ex_list > li > .in > .tt{ font-size:1.063em; color:#111; line-height:1.5;}
.page_ex_list.tbl_tt > li > .in > .tt{ font-size:1em; color:#444; line-height:1.5;}
.page_ex_list > li > .in > .tt.bold{ font-weight: 600; }
.page_ex_list > li > .in > .tt.t1{ margin-top:.25em; font-size:1em; color:#555;}
.page_ex_list > li > .in > .tt.t1.bl{color:#111;}
.page_ex_list.dot > li > .in{ padding-left:1em;}
.page_ex_list.dot > li > .in:before{ top:.5em; width:.313em; height:.313em; background:#ec1c24; border-radius:50%;}
.page_ex_list > li:first-child{ padding-top:0;}
.page_ex_list > li:last-child{ padding-bottom:0;}

.page_ex_list.small{ font-size:.938em;}
.page_ex_list.small > li{ padding:.25em 0;}

.page_ex_list.line > li > .in{ padding-left:1em;}
.page_ex_list.line > li > .in:before{ top:.563em; width:.313em; height:2px; background:#888;}



/*통합검색*/
.page_search{}
.page_search .search_top{ padding:2em 0; margin-bottom:3em; background:#f7f7f7;}
.page_search .search_top .search_form{ width:50em; max-width:100%;}
.page_search .search_top .search_form .inp_wrap{ position:relative;}
.page_search .search_top .search_form .inp_wrap .input_st{ height:3.5em; font-size:1.375em; background-color:transparent;}
.page_search .search_top .search_form .inp_wrap .inp_txt{ width:100%; padding:.5em 2.5em .5em 0; border-width:0 0 3px 0; border-color:#000; font-weight:600;}
.page_search .search_top .search_form .inp_wrap .inp_btn{ position:absolute; top:0; right:0; padding:0 0; border-width:0;}
.page_search .search_top .search_form .inp_wrap .inp_btn .xi{ font-size:1.250em;}
.page_search .search_top .search_form .inp_wrap .inp_btn:hover{ color:#ec1c24;}
.page_search .search_top .search_form .chk{ margin-top:1.5em;}
.page_search .search_top .hot_keyword{ margin-top:1.75em;}
.page_search .search_top .hot_keyword .tit{ margin-right:1em;}
.page_search .search_top .hot_keyword .tit .tt{ font-size:1em; color:#333;}
.page_search .search_top .hot_keyword .tit,
.page_search .search_top .hot_keyword .list > li .in{ height:2.5em;}
.page_search .search_top .hot_keyword .list{ flex:1;}
.page_search .search_top .hot_keyword .list > li{}
.page_search .search_top .hot_keyword .list > li .in{ padding:0 1.25em; background:#fff; border-radius:6em; margin:0 .25em .25em 0; color:#555; transition:.2s;}
.page_search .search_top .hot_keyword .list > li .in .tt{ font-size:.875em;}
.page_search .search_top .hot_keyword .list > li .in .tt:before{ content:"#";}
.page_search .search_top .hot_keyword .list > li .in:hover{ background:#ec1c24; color:#fff;}

.page_search .search_total{ padding:3em 0 2em 0;}
.page_search .search_total .tt{ font-size:1.500em; font-weight:400;}

.search_resultWrap{}
.search_resultWrap .search_result{ margin-top:3em;}
.search_resultWrap .search_result .cate_tit{ padding:0 .25em 1.5em .25em; border-bottom:1px solid #333;}
.search_resultWrap .search_result .cate_tit .tt{ font-size:1.250em;}
.search_resultWrap .search_result .cate_tit .more{ color:#555;}
.search_resultWrap .search_result .cate_tit .more > *{ display:inline-block; vertical-align:middle; padding:0 .125em;}
.search_resultWrap .search_result .cate_tit .more .tt{ font-size:1em;}
.search_resultWrap .search_result .cate_tit .more .xi{ font-size:1.250em;}
.search_resultWrap .search_result .cate_tit .more:hover{ color:#111;}

.search_resultWrap .search_result .search_list{}
.search_resultWrap .search_result .search_list .wrap_in{ padding:1.5em .25em; border-bottom:1px dashed #ddd;}
.search_resultWrap .search_result .search_list .path{ font-size:.813em; color:#888;}
.search_resultWrap .search_result .search_list .path + .txt_wrap{ margin-top:1em;}
.search_resultWrap .search_result .search_list .con .img_wrap{ width:8em; margin-right:2em; border-radius:.625em; overflow:hidden;}
.search_resultWrap .search_result .search_list .con .con_wrap{ flex:1;}
.search_resultWrap .search_result .search_list .con .txt_wrap .tit,
.search_resultWrap .search_result .search_list .con .txt_wrap .txt{ display:block; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.search_resultWrap .search_result .search_list .con .txt_wrap .tit{ font-size:1.250em;}
.search_resultWrap .search_result .search_list .con .txt_wrap .tit + .txt{ margin-top:.5em;}
.search_resultWrap .search_result .search_list .con .txt_wrap .txt{ font-size:.938em; color:#666; font-weight:400;}
.search_resultWrap .search_result .search_list .con .rst{ color:#ec1c24;}
.search_resultWrap .search_result .search_list a.con:hover .txt_wrap .tit{ text-decoration:underline;}
.search_resultWrap .search_result .search_list .con .txt_wrap .tit > a:hover{ text-decoration:underline;}

.page_newsletter{ display:inline-block;}


/***********************/
/*POPUP******************/
.popWrap.popDef{ width:50em;}
.popWrap.popPw{ width:28em;}
.popWrap.popMsg{ width:38em;}



/***********************/
/*MAIN******************/
.visualSlider_wrap{ position:relative; overflow:hidden; }

.mainSlider{ position:relative; background:#333;}
.mainSlider .el{ position:relative; overflow:hidden}
/* .mainSlider .el:after{ content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:#171b21; opacity:.3;} */
.mainSlider .el .bg{ position:absolute; top:0; left:0; width:100%; height:100%; opacity:0; transform:scale(1.2,1.2); transition:2.5s;}
/* .mainSlider .el .layer{ position:absolute; top:0; left:0; width:100%; height:100%; background:linear-gradient(180deg,rgba(0,0,0,.5) 40%,rgba(0,0,0,.25) 100%);} */
.mainSlider .el.swiper-slide-active .bg{ opacity:1; transform:scale(1,1); transition:transform 4s, opacity 1.5s;}

.mainSlider .el .vod{ position:absolute; left:0; top:0; width:100%; height:100%; object-fit:contain; background: #000;}
.mainSlider .el .vod_wrap:after{ content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.2)}

.visualSlider_wrap .mainSlogan{ position:absolute; z-index:2; left:0; top:30vh; width:100%; overflow:hidden; color:#fff; text-align:center;}
.visualSlider_wrap .mainSlogan .slogan .txt{ margin-top:5vh;}
.visualSlider_wrap .mainSlogan .slogan .logo{ margin-bottom:1em; display: none;}
.visualSlider_wrap .mainSlogan .slogan .logo img{ width:6em;}
.visualSlider_wrap .mainSlogan .slogan .tt{ line-height:1.8;}
.visualSlider_wrap .mainSlogan .slogan .t1{ font-size:4.000em; font-weight:400; line-height:1.2;}
.visualSlider_wrap .mainSlogan .slogan .t2{ font-size:1.250em;}

.visualSlider_wrap .mainSlogan .slogan .ani > .in{ opacity:0;}
.visualSlider_wrap .mainSlogan .slogan .ani1{ overflow:hidden;}
.visualSlider_wrap .mainSlogan .slogan .ani1 > .in{ transform:translateY(100%);}
.visualSlider_wrap .mainSlogan .slogan .ani2{ position:relative; min-height:5em;}
.visualSlider_wrap .mainSlogan .slogan .ani2 > .in{ position:absolute; top:0; left:50%; white-space:nowrap; letter-spacing:4.25em; transform:translateX(-50%);}

.mainSlider.swiper-container-initialized ~ .mainSlogan .slogan .ani > .in { opacity:1; transition:1s;}
.mainSlider.swiper-container-initialized ~ .mainSlogan .slogan .ani1 > .in{ transform:translateY(0);}
.mainSlider.swiper-container-initialized ~ .mainSlogan .slogan .ani2 > .in{ letter-spacing:0; transition-delay:.4s;}

.visualSlider_wrap .swiper_control{ position:absolute; z-index:2; left:0; bottom:4vh; width:100%; }

/* iframe Container */
.visualSlider_wrap iframe {padding-top: 7.5em;}
.html5-video-player .video-click-tracking, .html5-video-player .video-stream {width: 100% !important;}

/*NEW*/
.exhiSlider_wrap{ position:relative;}
.exhiSlider_wrap .conH{ height:calc(100vh); max-height:58em; min-height:50em;}
.exhiSlider_wrap .posLogo{ position:absolute; top:8vh; left:-2vw; display:none;}
.exhiSlider_wrap .posLogo img{ width:35vw; opacity:.04;}
.exhiSlider_wrap .visualInner{ padding-left:4vw; padding-right:4vw;}

.exhiSlider{ position:relative;}
.exhiSlider .el{ position:relative; overflow:hidden; background:#fff;}
.exhiSlider .el .visualInner{ padding-top:6.5em; padding-bottom:6.5em;}
.exhiSlider .el .visualInner .exhiSlogan{ flex:1;}
.exhiSlider .el .visualInner .exhiImg{ position:relative; width:46%; overflow:hidden; opacity:0; transition:.4s;}
.exhiSlider .el .visualInner .exhiImg .bg{ position:absolute; left:0; top:0; width:100%; height:100%; background-size:contain;}

.exhiSlider .el .exhiSlogan{}
.exhiSlider .el .exhiSlogan .slogan{ padding:5vh 8vw 5vh 0;}
.exhiSlider .el .exhiSlogan .slogan .tit + .tit{ margin-top:1.5vh;}
.exhiSlider .el .exhiSlogan .slogan .txt{ margin-top:4vh;}
.exhiSlider .el .exhiSlogan .slogan .btn{ margin-top:4vh;}
.exhiSlider .el .exhiSlogan .slogan .tt{ line-height:1.6;}
.exhiSlider .el .exhiSlogan .slogan .t1{ font-size:2.750em; line-height:1.3;}
.exhiSlider .el .exhiSlogan .slogan .t2{ font-size:1.063em; color:#555; white-space:normal; overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:5;}
.exhiSlider .el .exhiSlogan .slogan .t3{ font-size:1.375em;}
.exhiSlider .el.swiper-slide-active .exhiSlogan .slogan{ opacity:1;}
.exhiSlider .el.swiper-slide-active .visualInner .exhiImg{ opacity:1; transition:0s;}

.exhiSlider_wrap .swiper_control{ position:absolute; z-index:2; left:0; bottom:8em; width:100%; display: none;}

/* inc */
.g1 {gap: 1em;}
.g2 {gap: 2em;}
.g3 {gap: 3em;}
.g4 {gap: 4em;}
.g5 {gap: 5em;}


/**/
.main_con{ padding:6.5em 0;}
.main_conBg1{ background:#f9f9f9; display: none;}
.main_conBg2{}

.main_inner{ padding-left:4vw; padding-right:4vw;}

.main_txt{}
.main_txt .line{ display:block; width:1px; height:1px; background:#ec1c24;}
.main_txt .line.w{ width:3em; margin:2em 0;}
.main_txt .line.h{ height:2em; margin:1.25em 0;}
.main_txt > .tit{ margin-bottom:2em;}
.main_txt > .mg0{ margin-bottom:0;}
.main_txt > .mg1{ margin-bottom:1.5em;}
.main_txt > .mg2{ margin-bottom:3.5em;}
.main_txt > .txt .tt{ line-height:1.6;}
.main_txt  .tt{ margin-top:1.75em;}
.main_txt  .tt:first-child{ margin-top:0;}
.main_txt .br{ display:block;}
.main_txt .op1{ opacity:.6;}
.main_txt .t1 { font-size:.938em;} /*15*/
.main_txt .t2 { font-size:1.000em;}/*16*/
.main_txt .t3 { font-size:1.063em;}/*17*/
.main_txt .t4 { font-size:1.125em;}/*18*/
.main_txt .t5 { font-size:1.250em;}/*20*/
.main_txt .t6 { font-size:1.375em;}/*22*/
.main_txt .t7 { font-size:1.500em;}/*24*/
.main_txt .t8 { font-size:1.625em;}/*26*/
.main_txt .t9 { font-size:1.750em;}/*28*/
.main_txt .t10{ font-size:1.875em;}/*30*/
.main_txt .t11{ font-size:2.250em;}/*36*/
.main_txt .t12{ font-size:2.375em;}/*38*/ 
.main_txt .t13{ font-size:3.375em;}/*54*/
.main_txt .t14{ font-size:4.375em;}/*70*/ 
.main_txt .t15{ font-size:5.000em;}/*80*/ 

.ttLine{ font-weight:900;}
.ttLine.cw{ color:rgba(255,255,255,.1); -webkit-text-stroke:1px rgba(255,255,255,.8);}
.ttLine.cb{ color:rgba(0,0,0,0); -webkit-text-stroke:1px rgba(0,0,0,1);}
.ttSt1{
writing-mode: vertical-rl;
text-orientation: mixed;
-webkit-transform: scale(-1);
   -moz-transform: scale(-1);
    -ms-transform: scale(-1);
     -o-transform: scale(-1);    
        transform: scale(-1);
}


.main_more{}
.main_more.pd1{ padding-top:2.5em;}
.main_more.pd2{ padding-top:4em;}
.main_more > .more{ text-align:center; padding:1.125em 2.5em; background:#ec1c24; border:1px solid #ec1c24; border-radius:6em; color:#fff; transition:.2s;}
.main_more > .more > .tt{ font-size:.875em;}
.main_more > .more > .tt ~ .xi{ margin-left:.5em;}
.main_more > .more > .xi{ font-size:1.250em;}
.main_more > .more > .xi:before{ content:"\e913";}
.main_more > .more.re{ background:transparent; color:#ec1c24;}

.main_more.st2 > .more{ width:2.75em; height:2.75em; padding:0; border-radius:50%; border-color:#333; color:#333;}
.main_more.st2 > .more > .xi{ font-size:1.250em;}
.main_more.small > .more{ font-size:.875em;}
.main_moreWrap.flex.vt .main_more.st2{ margin-top:.375em;}

.cw .main_txt .tt{ color:#fff;}
.cw .main_txt .line{ background:#fff;}
.cw .main_more > .more.re{ border-color:#fff; color:#fff;}

.ac .main_txt .line,
.main_txt.ac .line{ margin-left:auto; margin-right:auto;}

.main_more > .more:hover{ background:transparent; color:#ec1c24;}
.main_more > .more.re:hover{ background:#ec1c24; border-color:#ec1c24; color:#fff;}
.cw .main_more > a[href].more:hover,
.cw a[href]:hover .main_more > .more{ background:transparent; border-color:#fff; color:#fff;}


/**/
.main_bnList{}
.main_bnList > .list{ margin:0 0 -1.25em -1.25em; text-align:center;}
.main_bnList > .list > li:nth-child(1){ width:52%;}
.main_bnList > .list > li:not(:nth-child(1)){ flex:1;}
.main_bnList > .list > li .wrap_in{ flex:1; position:relative; margin:0 0 1.25em 1.25em; padding:6.5em 1.5em; overflow:hidden;}
.main_bnList > .list > li .wrap_in > *{ position:relative;}
.main_bnList > .list > li .wrap_in:before{ content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:.4; transition:.3s;}
.main_bnList > .list > li:hover .wrap_in:before{ opacity:.6;}

.main_posMark{ position:absolute !important;}
.main_posMark ~ *{ position:relative;}
.main_bnList > .list > li .wrap_in .main_posMark{ bottom:-5em; left:50%; width:55%;}
.main_bnList > .list > li .wrap_in .main_posMark img{ width:100%; opacity:.2;}


/*********************/
/*레이어팝업*/
.mainLayerPop{ position:fixed; z-index:1000; top:0; left:0; width:100%;}
.mainLayerPop .popLayer{ display:block; position:absolute; overflow:auto; background:#fff; border:1px solid #000; box-sizing:border-box;}
.mainLayerPop .popLayer td.bodyCon{ padding:1em 1em;}
.mainLayerPop .popLayer_closeW{ height:40px; padding:0 1em; text-align:right; background:#343b4d;}
.mainLayerPop .popLayer_closeW *{ color:#fff;}
.mainLayerPop .popLayer_close > *{ display:inline-block; vertical-align:middle;}
.mainLayerPop .popLayer_close .tt{ font-size:.875em;}
.mainLayerPop .popLayer_close a{ display:inline-block; margin-left:.5em; font-weight:500;}

.mainLayerPop .swiper-container,
.mainLayerPop .swiper-wrapper,
.mainLayerPop .swiper-slide{ position:static; overflow:visible;}


/* color - System */
.txt-wrapper {flex: 1 1 40%;}
.emble {flex: 1 1 60%;}
.emblem-container {padding-bottom: 2em; border-bottom: 2px solid #bbb;}

.download-wrap {text-align: center; margin-top: 3em;}
.down-btn {padding: 1em 2em; background: #ec1c24; color: #fff; border-radius: 50px; margin: .5em;}
.down-btn .xi {vertical-align: middle;}

.color-system {padding: 1em 0 0 2em; gap: 2em 0; flex: 1 1 20%;}
.color-system .color-wrap {}
.color-system .color-wrap .list {gap: 1.5em; margin-bottom: .5em; padding-left: 1em;}
.color-system .color-wrap .list .pk-pt {background: #E6336E;}
.color-system .color-wrap .list > span {flex: 1 1 10%; display: inline-block; max-width: 1em; height: 1em; background: #000;}
.color-system .color-wrap .list dt {flex: 1 1 20%; color: #333; font-weight: 600; position: relative;}
.color-system .color-wrap .list dt:before {content: ''; position: absolute; width: 1em; height: 1em; background: #000; left: -2em; top: 50%; transform: translateY(-50%);}
.color-system .color-wrap .list.pk dt:before {background: #E6336E;}
.color-system .color-wrap .list:last-child dt:before {display: none;}
.color-system .color-wrap .list dd {flex: 1 1 70%; color: #555;}

/* Movie */

.Bg_pos {background: #f9f9f9; width: 100%; height: 60%; position: absolute; z-index: -1; bottom: 0;}

/* Record Section */
.intro-section {background: #111; width: 100vw; height: 100vh; overflow: hidden;}
.intro-section .sec-list {position: relative; top: 7.5em; height: 100%;}
.intro-section .sec-list > li {flex: 1; padding: 0 8em;  position: relative; }
.intro-section .sec-list > li .intro-bg { background-repeat: no-repeat; background-size: cover; width: 100%; height: 100%; opacity: 0; position: absolute; transition: .5s; left: 0; top: 0; z-index: 0;}
.intro-section .sec-list > li .intro-bg.cont {background-size: contain; background-position: 100% 50%;}

.intro-section .sec-list > li:hover .intro-bg {opacity: 1;}
.intro-section .sec-list > li .inner {color: #fff; position: relative; z-index: 1; transition: .5s;}
.intro-section .sec-list > li:hover .inner {transform: translateY(-1em);}
.intro-section .sec-list > li .inner .title {font-size: 3em;}
.intro-section .sec-list > li .inner .txt {font-size: 1.5em; margin-top: 1.5em;}
.intro-section .sec-list > li .inner .btn {font-size: 1.125em; margin-top: 2em; }
.intro-section .sec-list > li .inner .btn .view {background: #555; padding: .75em 2em; border-radius: 50px; transition: .3s; cursor: pointer;}
.intro-section .sec-list > li .inner .btn:hover .view{background: #111;}

#header .headerWrap .gnb_wrap .gnb .m_record .dp2 {display: none !important;}


.sub-tab-wrap {margin-bottom: 2em; margin-top: -1em;}
.sub-tab-wrap .tab_idx {}
.sub-tab-wrap .tab_idx > li {flex: 1; position: relative; cursor: pointer; padding: 1.5em 0; transition: .35s; color: #555;}
.sub-tab-wrap .tab_idx > li:before {content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 0; height: 1px; background: #ec1c24; transition: .35s;}
.sub-tab-wrap .tab_idx > li.on {color: #ec1c24;}
.sub-tab-wrap .tab_idx > li.on:before {width: 80%;}
.sub-tab-wrap .tab_idx > li:hover {color: #ec1c24;}
.sub-tab-wrap .tab_idx > li:hover:before {width: 80%;}
.sub-tab-wrap .tab_idx > li .tt {font-size: 1.25em;}

.photo-wrap {}
.photo-wrap .photo-list {gap: 2em 1em;}
.photo-wrap .photo-list > li {flex: 1 1 calc(33.333% - .75em); max-width: calc(33.333% - .75em); border: 1px solid #ddd;  overflow: hidden; border-radius: 1em; transition: .35s; position: relative; cursor: pointer;}
.photo-wrap .photo-list > li:before {content: ''; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0,0,0,.3); opacity: 0; transition: .35s; z-index: 1;}
.photo-wrap .photo-list > li:hover {border-radius: 0;}
.photo-wrap .photo-list > li .list-img {transition: .35s;}
.photo-wrap .photo-list > li img {transition: .35s;}
.photo-wrap .photo-list > li:hover img {transform: scale(1.1);}
.photo-wrap .photo-list > li:hover:before {opacity: 1;}
.photo-wrap .photo-list > li .list-img .img-wrap {}
.photo-wrap .photo-list > li .list-img .img-wrap .resize {padding-bottom: 66%;}
.photo-wrap .photo-list > li .list-img .img-wrap img {width: 100%; height: 100%; object-fit: cover; object-position: 50% 50%;}

.list-num {margin-bottom: 1em;}
.list-num > p > b {font-size: 1.125em;}