@font-face {
    font-family: 'GmarketLight';
    src: url('GmarketSansTTFLight.woff2') format('woff2'),
        url('GmarketSansTTFLight.woff') format('woff'),
        url('GmarketSansTTFLight.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'GmarketMedium';
    src: url('GmarketSansTTFMedium.woff2') format('woff2'),
        url('GmarketSansTTFMedium.woff') format('woff'),
        url('GmarketSansTTFMedium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'GmarketBold';
    src: url('GmarketSansTTFBold.woff2') format('woff2'),
        url('GmarketSansTTFBold.woff') format('woff'),
        url('GmarketSansTTFBold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'AritaDotumThin';
    font-style: normal;
    font-weight: 100;
    src:
        url('AritaDotumThin.woff2') format('woff2'),
        url('AritaDotumThin.woff') format('woff'),
        url('AritaDotumThin.ttf') format('truetype');
}

@font-face {
    font-family: 'AritaDotumLight';
    font-style: normal;
    font-weight: 400;
    src:
        url('AritaDotumLight.woff2') format('woff2'),
        url('AritaDotumLight.woff') format('woff'),
        url('AritaDotumLight.ttf') format('truetype');
}

@font-face {
    font-family: 'AritaDotumMedium';
    font-style: normal;
    font-weight: 400;
    src:
        url('AritaDotumMedium.woff2') format('woff2'),
        url('AritaDotumMedium.woff') format('woff'),
        url('AritaDotumMedium.ttf') format('truetype');
}

@font-face {
    font-family: 'AritaDotumSemiBold';
    font-style: normal;
    font-weight: 700;
    src:
        url('AritaDotumSemiBold.woff2') format('woff2'),
        url('AritaDotumSemiBold.woff') format('woff'),
        url('AritaDotumSemiBold.ttf') format('truetype');
}

@font-face {
    font-family: 'AritaDotumBold';
    font-style: normal;
    font-weight: 900;
    src:
        url('AritaDotumBold.woff2') format('woff2'),
        url('AritaDotumBold.woff') format('woff'),
        url('AritaDotumBold.ttf') format('truetype');
}

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&family=Poppins&display=swap');





@media screen and (min-width:670px) and (max-width:1279px) {


html,body {margin:0; padding:0; background:url(../images/bg.jpg) fixed; overflow-x: hidden;}
a, a:active, a:focus { color: #6f6f6f; text-decoration: none; }
a:hover, a:active{color: #000000; text-decoration: none;}
a:focus, a:active, button:focus, button:active,.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {outline: none;}
ul,li {list-style:none; padding:0; margin:0;}
.GmarketLight {font-family: 'GmarketLight', 'Noto Sans KR', sans-serif;}
.GmarketMedium {font-family: 'GmarketMedium', 'Noto Sans KR', sans-serif;}
.GmarketBold {font-family: 'GmarketBold', 'Noto Sans KR', sans-serif;}
.pc {display: none !important;}
    .mob {display: block;}


#menuBox {position:absolute; width:100%; box-sizing: border-box; padding:0 0px;  background:none; z-index:20;}
#menuBox:targrt {position:absolute; width:100%; height:62px; box-sizing: border-box; padding:0 0px; margin-top:60px;  background:none; z-index:20;}
#menuBox #menu {width:100%; height:62px; padding:0; margin:0 auto;  display:block; flex-direction: column; background:#FFF100;}
#menuBox #menu h1 {width:300px; height:62px; padding:0; margin:0 auto; display:block; background:none;}
#menuBox #menu h1 a {display:inline-block; width:300px; height:62px; background:url('/common/images/logo_menu.png')}
#menuBox #menu .menuLink {width:100%; height:62px; padding:0; margin:0 auto; overflow:hidden; display: block; align-items: center; justify-content: space-between}

#menu a {display:flex-box; font-family: 'GmarketMedium'; font-size:20px; line-height:20px; color:#111;}
#menu a:hover {color:#000; border-bottom:2px solid#111;}
#menu a.on {color:#000; border-bottom:2px solid#111;}

/*모바일 메뉴 아이콘*/
#menu_mobile  {display:block; position: absolute; top:0; right:0; width:62px; height:62px; background:url('/common/images/icon_mobile_menu.png') no-repeat center / 50% ;}
#menu_mobile.on { background-image: url('/common/images/icon_mobile_menu_x.png');}
/* #menu_mobile .icon {display:block;  background-size:100% 100%; width:62px; height:62px;} */

/*모바일 메뉴 레이어*/
#menuBox #menuLink_mobile {position:relative; top:0px; display:none; padding:0; margin:0; border-top:1px solid #111; background:#FFF100;}
#menuBox #menuLink_mobile:target {display:block; height:262px;}
#menuBox #menuLink_mobile .icon_x {position:absolute; top:-50px; right:16px; display:inline-block; background:#FFF100 url('/common/images/icon_mobile_menu_x.png') no-repeat top left; background-size:100% 100%; width:32px; height:32px;}
#menuBox #menuLink_mobile .icon_x .icon_close {display:inline-block; width:32px; height:32px; box-sizing:border-box; background:none; padding:0; margin:0; font-size:0;}
#menuBox #menuLink_mobile a {display:block; font-family: 'GmarketMedium'; font-size:20px; line-height:20px; color:#111; padding:0.5em 1em 0.5em 1em; text-align:right;}
#menuBox #menuLink_mobile a:last-child {padding:0.5em 1em;}


#slogan {position:fixed; display:block; top:155px; width:100%; height:100px; z-index: 1;}
#sloganTXT p {font-family:'GmarketLight'; font-size:1.5em; font-style:italic; text-transform: uppercase ;color:#FFF; text-align: center; letter-spacing: -1px; opacity:0.5;}

#nation {position:absolute; display:flex; width:100%; height:330px; top:320px; left:0%; padding:0 10px; transform: translateX(0px);z-index:10; justify-items: center; align-items: center;}
#nation div {width:100%; height:330px;}
#nation div.sectionTitle {display:block; width:300px; height:330px; background:rgba(0,0,0,0.8); box-sizing: border-box; padding:98px 0 0 0; margin:0; text-align: center;}
#nation div.sectionTitle .eng {width:100%; height:auto; padding:0; margin:0; text-align: center;}
#nation div.sectionTitle .eng .reformed {width:300px; font-family: 'GmarketLight'; font-size:35px; line-height:35px; color:#FFF; opacity:1; text-align: center; margin: 0 auto; padding:0;}
#nation div.sectionTitle .eng .nation {width:224px; font-family: 'GmarketBold'; font-size:50px; line-height:50px; color:#fff100; opacity:1; text-align: center; margin: 4px auto 0; padding:0; border-bottom:2px solid #FFF100;}
#nation div.sectionTitle .kor {width:100%; font-family: 'GmarketMedium'; font-size:30px; line-height:30px; color:#FFF; opacity:1; text-align: center; margin: 25px auto 0;}

#nation div.sectionBlock {box-sizing: border-box ; width:100%; padding:40px; margin:0; background: rgb(255,255,255)}
#nation div.sectionBlock:hover {box-sizing: border-box ; width:100%; padding:40px; margin:0; background: rgb(215,215,215); cursor:pointer;}
#nation div.sectionBlock:nth-child(2n+1) {background: rgb(238,238,238);}
#nation div.sectionBlock:nth-child(2n+1):hover {background: rgb(218,218,218); cursor:pointer;}
#nation div.sectionBlock p:nth-child(1) {font-size:30px; font-family:'GmarketBold'; padding:0; margin:0;}
#nation div.sectionBlock p span {font-size:30px; font-family:'GmarketLight'; padding:0; margin:0;}
#nation div.sectionBlock p:nth-child(2) {font-size:16px; font-family: 'Noto Sans KR', sans-serif; line-height: 130%; color:#545454; padding:0; margin:10px 0 0 0; letter-spacing: -1px;}
#nation div.sectionBlock img {margin-top:20px;}

#gallery {position:absolute; display:flex; width:100%; height:330px; top:860px; left:0%; padding:0 10px; transform: translateX(0px);z-index:10; justify-items: center; align-items: center;}
#gallery div {width:100%; height:330px;}
#gallery div.sectionTitle {display:block; width:300px; height:330px; background:rgba(0,0,0,0.8); box-sizing: border-box; padding:98px 0 0 0; margin:0; text-align: center;}
#gallery div.sectionTitle .eng {width:100%; height:auto; padding:0; margin:0; text-align: center;}
#gallery div.sectionTitle .eng .reformed {width:300px; font-family: 'GmarketLight'; font-size:35px; line-height:35px; color:#FFF; opacity:1; text-align: center; margin: 0 auto; padding:0;}
#gallery div.sectionTitle .eng .nation {width:265px; font-family: 'GmarketBold'; font-size:50px; line-height:50px; color:#fff100; opacity:1; text-align: center; margin: 4px auto 0; padding:0; border-bottom:2px solid yellow;}
#gallery div.sectionTitle .kor {width:100%; font-family: 'GmarketMedium'; font-size:30px; line-height:30px; color:#FFF; opacity:1; text-align: center; margin: 25px auto 0;}


#gallery div.sectionBlock {box-sizing: border-box ; width:300px; padding:40px 20px; margin:0; background: rgb(255,255,255);}
#gallery div.sectionBlock:hover {box-sizing: border-box ; width:300px; padding:40px 20px; margin:0; background: rgb(215,215,215); cursor: pointer;}
#gallery div.sectionBlock:nth-child(2n+1) {background: rgb(238,238,238); display: flex; flex-direction: column;}
#gallery div.sectionBlock:nth-child(2n+1):hover {background: rgb(218,218,218); display: flex; flex-direction: column; cursor: pointer;}
#gallery div.sectionBlock p.hashtag {font-size:16px; font-family: 'Noto Sans KR', sans-serif; line-height: 130%; color:#Eb6100; padding:0; margin:10px 0 0 0; letter-spacing: -1px;}
#gallery div.sectionBlock p.txt {font-size:16px; font-family: 'Noto Sans KR', sans-serif; line-height: 130%; color:#545454; padding:0; margin:10px 0 0 0; letter-spacing: -1px;}
#gallery div.sectionBlock:nth-child(2n+1) p.hashtag {font-size:16px; font-family: 'Noto Sans KR', sans-serif; line-height: 130%; color:#Eb6100; padding:0; margin:0 0 10px 0; letter-spacing: -1px;}
#gallery div.sectionBlock:nth-child(2n+1) p.txt {font-size:16px; font-family: 'Noto Sans KR', sans-serif; line-height: 130%; color:#545454; padding:0; margin:10px 0 0 0; letter-spacing: -1px;}
#gallery div.sectionBlock:nth-child(2n+1) img {margin-top:20px;}
#gallery div.sectionBlock:nth-child(2n+1) a {order:3}
#gallery div.sectionBlock:nth-child(2n+1) p.hashtag {order:1}
#gallery div.sectionBlock:nth-child(2n+1) p.txt {order:2}

#video {position:absolute; display:flex; width:100%; height:330px; top:1400px; left:0%; padding:0 10px; transform: translateX(0px);z-index:10; justify-items: center; align-items: center;}
#video div {width:100%; height:330px;}
#video div.sectionTitle {display:block; width:300px; height:330px; background:rgba(0,0,0,0.8); box-sizing: border-box; padding:98px 0 0 0; margin:0; text-align: center;}
#video div.sectionTitle .eng {width:100%; height:auto; padding:0; margin:0; text-align: center;}
#video div.sectionTitle .eng .reformed {width:300px; font-family: 'GmarketLight'; font-size:35px; line-height:35px; color:#FFF; opacity:1; text-align: center; margin: 0 auto; padding:0;}
#video div.sectionTitle .eng .nation {width:190px; font-family: 'GmarketBold'; font-size:50px; line-height:50px; color:#fff100; opacity:1; text-align: center; margin: 4px auto 0; padding:0; border-bottom:2px solid yellow;}
#video div.sectionTitle .kor {width:100%; font-family: 'GmarketMedium'; font-size:30px; line-height:30px; color:#FFF; opacity:1; text-align: center; margin: 25px auto 0;}

#video div.sectionBlock {box-sizing: border-box ; width:300px; padding:40px 20px; margin:0; background:rgb(255, 255, 255);}
#video div.sectionBlock:hover {box-sizing: border-box ; width:300px; padding:40px 20px; margin:0; background:rgb(215, 215, 215); cursor: pointer;}
#video div.sectionBlock:nth-child(2n+1) {background: rgb(238, 238, 238); display: block;}
#video div.sectionBlock:nth-child(2n+1):hover {background: rgb(218, 218, 218); display: block; cursor: pointer;}
#video div.sectionBlock p.hashtag {font-size:16px; font-family: 'Noto Sans KR', sans-serif; line-height: 130%; color:#00A0E9; padding:0; margin:10px 0 0 0; letter-spacing: -1px;}
#video div.sectionBlock p.txt {font-size:16px; font-family: 'Noto Sans KR', sans-serif; line-height: 130%; color:#545454; padding:0; margin:10px 0 0 0; letter-spacing: -1px;}
#video div.sectionBlock:nth-child(2n+1) p.hashtag {font-size:16px; font-family: 'Noto Sans KR', sans-serif; line-height: 130%; color:#00A0E9; padding:0; margin:0 0 10px 0; letter-spacing: -1px;}
#video div.sectionBlock:nth-child(2n+1) p.txt {font-size:16px; font-family: 'Noto Sans KR', sans-serif; line-height: 130%; color:#545454; padding:0; margin:10px 0 0 0; letter-spacing: -1px;}
#video div.sectionBlock:nth-child(2n+1) img {margin-top:20px;}

#staff {position:absolute; max-width:1800px; width:100%; height:330px; top:1900px; left:50%; transform: translateX(-50%); z-index:10;}
#staff div.staffTitle {position:relative; display:block; width:100%; height:247px; box-sizing: border-box; overflow:hidden; align-items: center; text-align:center;}
#staff div.staffBlock {display:flex; flex-direction:row; overflow-x:auto; overflow-y:hidden; width:100%;}
#staff div.staffBlock::-webkit-scrollbar {height: 6px;}
#staff div.staffBlock::-webkit-scrollbar-thumb {background-color: yellow; border-radius: 10px}
#staff div.staffBlock::-webkit-scrollbar-track {background-color: rgb(150,150,150); border-radius: 0px; }

#staff div.container6 {float:left; align-items: center; text-align:center; justify-items: center;}
#staff div.opacity7 {width:300px; height:360px; overflow:hidden; color:#FFF; font-size:20px; background:rgba(0,0,0,0.7); box-sizing: border-box;}
#staff div.opacity7:hover {width:300px; height:360px; overflow:hidden; color:#FFF; font-size:20px; background:rgba(255,241,0,0.2); box-sizing: border-box; cursor:pointer;}
#staff div.opacity5 {width:300px; height:360px; overflow:hidden; color:#FFF; font-size:20px; background:rgba(0,0,0,0.5); box-sizing: border-box;}
#staff div.opacity5:hover {width:300px; height:360px; overflow:hidden; color:#FFF; font-size:20px; background:rgba(255,241,0,0.2); box-sizing: border-box; cursor:pointer;}

div.staffBoxMain {box-sizing: border-box;}
div.staffBoxMain img {margin-top:30px; width:200px; height:auto; box-sizing: border-box; border:4px solid #FFF;}
div.staffBoxMain p.staffName {font-family: 'GmarketLight','Noto Sans KR', sans-serif;color:#FFF; font-size:30px; padding:0; margin:6px 0 3px 0;}
div.staffBoxMain p.staffNation {font-family: 'GmarketLight','Noto Sans KR', sans-serif;color:#fff100; font-size:14px; padding:0; margin:0;}
div.staffBoxMain p.staffNation span {font-family: 'GmarketBold','Noto Sans KR', sans-serif;color:#fff100; font-size:14px; padding:0; margin:0;}

div.staffBox {box-sizing: border-box;}
div.staffBox img {margin-top:30px; width:100%; min-width: 220px ;height:auto; box-sizing: border-box; border:4px solid #FFF;}
div.staffBox p.staffName {font-family: 'GmarketLight','Noto Sans KR', sans-serif;color:#FFF; font-size:30px; padding:0; margin:6px 0 3px 0;}
div.staffBox p.staffNation {font-family: 'GmarketLight','Noto Sans KR', sans-serif;color:#fff100; font-size:14px; padding:0; margin:0;}
div.staffBox p.staffNation span {font-family: 'GmarketBold','Noto Sans KR', sans-serif;color:#fff100; font-size:14px; padding:0; margin:0;}

.staffList {display:flex; flex-wrap:wrap; justify-content: space-between; width:100%;}
.staffList .staffBox {width:48%; background:#FFF; box-sizing: border-box; padding:0 0 10px 0; margin-top:-20px;}
.staffList .staffBox .staffInfo {margin:0;}
.staffList .staffBox .staffInfo img {width:100%;}
.staffList .staffBox .staffExp {box-sizing: border-box; padding:0 8px 0 0 ;margin-top:30px; height:390px; overflow-x:hidden; overflow-y: auto;}
.staffList .staffBox .staffExp b {display:block; margin-top:20px; font-size:18px;}
.staffList .staffBox .staffExp .career {font-size:14px; letter-spacing:-0.8px; line-height: 160%;}
.staffList .staffBox .staffExp::-webkit-scrollbar {width: 4px;}
.staffList .staffBox .staffExp::-webkit-scrollbar-thumb {background-color: #D2D2D2; border-radius: 10px}
.staffList .staffBox .staffExp::-webkit-scrollbar-track {background-color: #EFEFEF; border-radius: 10px; }


.staffList .staffBox .staffInfo .staffName {color:#000 !important; font-family: 'GmarketMedium','Noto Sans KR', sans-serif; font-size:30px; text-align: center;}
.staffList .staffBox .staffInfo .staffNation {color:#000 !important; color:#555 !important; font-family: 'GmarketMedium','Noto Sans KR', sans-serif; text-align: center}
.staffList .staffBox .staffInfo .staffNation span {color:#000 !important; color:#555 !important;}

#logo_vari {position:absolute; width:100%; height:220px; top:2800px; left:50%; transform: translateX(-50%); z-index:2; justify-items: center; text-align:center; align-items: center;}

#footer {position:absolute; display:block; width:100%; height:auto; top:3000px; z-index:1; justify-items: center; text-align:center; align-items: center;}
#footer div.footerBox {background:#0A0A0A; padding:20px 0; overflow:hidden;}
#footer div.footerBox p {color:#999; font-family: 'AritaDotumMedium','Noto Sans KR', sans-serif; padding:0; margin:0;}
#footer div.footerBox p:nth-child(1) {font-size:22px; font-family: 'AritaDotumSemiBold','Noto Sans KR', sans-serif;}
#footer div.footerBox p:nth-child(2) {margin-top:3px;}
#footer div.footerBox p:nth-child(3) {margin-top:15px; color:#646464; font-size:14px;}
#footer div.footerBox p:nth-child(4) {margin-top:5px; color:#646464; font-size:14px;}

#floatKAKAO {position:fixed; bottom:40px; left:140px; width:90px; height:40px; z-index:10;}
#floatKAKAO a img {width:100%;}
#floatKAKAO a:nth-child(1) {display:inline-block; width:40px; height:40px; cursor: pointer;}
#floatKAKAO a:nth-child(1):hover {display:inline-block; width:40px; height:40px; cursor: pointer; transform: translatey(-2px);}
#floatKAKAO a:nth-child(2) {display:inline-block; width:40px; height:40px; cursor: pointer;}
#floatKAKAO a:nth-child(2):hover  {display:inline-block; width:40px; height:40px; cursor: pointer; transform: translatey(-2px);}




/*서브페이지시작 Reformed Crosfit*/
#sloganSub {position:fixed; display:block; top:110px; width:100%; height:100px; z-index: 0;}
#sloganTXT p {font-family:'GmarketLight','Noto Sans KR', sans-serif; font-size:2em; font-style:italic; text-transform: uppercase ;color:#FFF; text-align: center; letter-spacing: -1px; opacity:0.5}


#footerSub {display:block; width:100%; height:auto; justify-items: center; text-align:center; align-items: center;}
#footerSub div.footerBox {background:#0A0A0A; padding:20px 0; overflow:hidden;}
#footerSub div.footerBox p {color:#999; font-family: 'AritaDotumMedium','Noto Sans KR', sans-serif; padding:0; margin:0;}
#footerSub div.footerBox p:nth-child(1) {font-size:22px; font-family: 'AritaDotumSemiBold','Noto Sans KR', sans-serif;}
#footerSub div.footerBox p:nth-child(2) {margin-top:3px;}
#footerSub div.footerBox p:nth-child(3) {margin-top:15px; color:#646464; font-size:14px;}
#footerSub div.footerBox p:nth-child(4) {margin-top:5px; color:#646464; font-size:14px;}

#subPage {position:relative; display:block; width:100%; padding:230px 20px 0 20px; margin-bottom:60px; box-sizing: border-box; z-index:10}

#subPage div.subTitle {display:flex; position:relative; top:0; box-sizing: border-box; width:100%; height:auto; background:rgba(0,0,0,0.8); box-sizing: border-box; padding:15px 0 7px 10px; margin:0; text-align: left; }
#subPage div.subTitle p {padding:0; margin:0; text-align: left;}
#subPage div.subTitle p.reformed {display:inline-block; font-family: 'GmarketLight','Noto Sans KR', sans-serif; font-size:1.5em; line-height:100%; color:#FFF; opacity:1; text-align: left; margin: 0;}
#subPage div.subTitle span.nation {display:inline; font-family: 'GmarketBold','Noto Sans KR', sans-serif; font-size:1em; line-height:100%; color:#fff100; opacity:1; text-align: left; margin:0 0 0 5px; border:0;}
#subPage div.subTitle p.kor {display:inline-block; font-family: 'GmarketMedium','Noto Sans KR', sans-serif; font-size:1.5em; line-height:100%; color:#FFF; opacity:1; text-align: left; margin:0 0 0 5px; border:none;}

#subPage div.subContent {box-sizing: border-box ; width:100%;  padding:40px; margin:0; background: rgb(255,255,255); position:relative;}

#subPage div.subContent .ceo {display:flex;}
#subPage div.subContent .img_ceo {width:90%; max-width:340px; }

.nationGallery {display: block; clear: both; width:100%; }
.nationGallery ul {display:flex;}
.nationGallery ul li:first-child {width:81%; background:#00A0E9; line-height:1px; box-sizing: border-box; background-repeat: no-repeat; margin-right:10px;}
.nationGallery ul li:first-child img {width:100%;}
.nationGallery ul li:last-child {width:19%; background:#FFF; line-height:1px;}
.nationGallery ul li:last-child a {display:block; width:100%; margin-bottom:10px; background:#000;}
.nationGallery ul li:last-child a:last-child {display:block; width:100%; margin-bottom:0px;}
.nationGallery ul li:last-child img {display:block; width:100%; margin-bottom:10px;}
.nationGallery ul li:last-child img.galleryOn {display:block; width:100%; margin-bottom:10px; opacity: 0.3;}
.nationGallery ul li:last-child img:last-child {display:block; width:100%; margin-bottom:0px;}

.flexContainer {display:flex; margin:10px 0; padding:10px 0 0 0 ;justify-content: space-between; width:100%;}
.flexContainer ul:nth-child(1) {width:50%; margin-right:20px;}
.flexContainer ul:nth-child(2) {width:50%; margin-left:20px;}
.flexContainer ul{padding:0; margin:0 0 20px 0; display:flex; flex-direction:column;}
.flexContainer ul li {padding:0; margin:0; list-style: none;}
.flexContainer ul li:first-child {width:100%;}
.flexContainer ul li:last-child {width:100%;}
.flexContainer ul li:last-child img {width:100%; margin-top:20px;}
.flexContainer ul li p.nationTitle {padding:0; margin:0; font-size:30px !important; font-family: 'GmarketBold','Noto Sans KR', sans-serif !important; color:#000 !important; line-height: 1;}
.flexContainer ul li p.nationTitle span {padding:0; margin:0; font-size:30px; font-family: 'GmarketLight','Noto Sans KR', sans-serif;}
.flexContainer ul li p.nationTxt {padding:0 10px 0 0; margin:10px 0 0 0; font-size:16px; font-family: 'Noto Sans KR', sans-serif; line-height:120%; line-height:-1px; word-break: keep-all; color:#545454;}
.flexContainer ul li a {padding:0; margin:10px 0 0 0; font-size:16px; font-family: 'AritaDotumThin','Noto Sans KR', sans-serif; border:1px solid #000;
                        display:block; width:150px; height:35px; background:#000; color:#FFF; text-decoration:none; text-align: center; line-height:230%; border-radius:5px;}
.flexContainer ul li a:hover {padding:0; margin:10px 0 0 0; font-size:16px; font-family: 'AritaDotumMedium','Noto Sans KR', sans-serif;  border:1px solid #555;
                         display:block; width:150px; height:35px; background:#FFF; color:#000; text-decoration:none; text-align: center; line-height:230%; border-radius:5px;}

.nationFlex {display:flex; margin-top:50px;}
.nationFlex  div.title {box-sizing: border-box; width:20%; padding-top:20px; padding-right:20px;font-size:30px !important; font-family: 'GmarketMedium','Noto Sans KR', sans-serif !important; word-break: keep-all;}
.nationFlex  div.title span {font-family: 'GmarketBold','Noto Sans KR', sans-serif !important; }
.nationFlex  div.exp {box-sizing: border-box; width:80%; margin-top:5px;}
.nationFlex  div.exp h1 {font-size:22px; font-family: 'AritaDotumSemiBold','Noto Sans KR', sans-serif  !important; letter-spacing:-1px; color:#000;}
.nationFlex  div.exp h2 {font-size:18px; font-family: 'AritaDotumSemiBold','Noto Sans KR', sans-serif  !important; letter-spacing:-1px; color:#000; line-height:130%;}
.nationFlex  div.exp p {font-size:16px; font-family: 'Noto Sans KR', sans-serif  !important; letter-spacing:-1px; line-height:200%; color:#545454;}

.subContent  {font-family: 'Noto Sans KR','Noto Sans KR', sans-serif !important; font-weight:300; color:#111;}
.subContent .tabMenu {display:flex; margin:-10px 0 10px 0;}

.subContent .tabMenu p {width:100%; font-family: 'Noto Sans KR','Noto Sans KR', sans-serif !important; font-weight:300; color:#121212;}
.subContent .tabMenu p a {display:inline-block; width:100%; border:1px solid #C8C8C8; border-width:1px 1px 1px 1px; text-align:center; font-size:21px; padding:20px 0; font-family: 'GmarketMedium','Noto Sans KR', sans-serif; color:#777777; background:#EFEFEF;}
.subContent .tabMenu p:first-child a {display:inline-block; width:100%; border:1px solid #C8C8C8; border-width:1px 1px 1px 1px; text-align:center; font-size:21px; padding:20px 0; font-family: 'GmarketMedium','Noto Sans KR', sans-serif; color:#777777; background:#EFEFEF;}
.subContent .tabMenu p.tabOn a {display:inline-block; width:100%; border:1px solid #C8C8C8; border-bottom:1px solid #FFF; text-align:center; font-size:21px; padding:20px 0; font-family: 'GmarketMedium','Noto Sans KR', sans-serif; color:#777777; background:#FFF;}
.subContent .tabMenu p.tabOn:first-child a {display:inline-block; width:100%; border:1px solid #C8C8C8; border-width:1px 1px 0 1px; text-align:center; font-size:21px; padding:20px 0; font-family: 'GmarketMedium','Noto Sans KR', sans-serif; color:#777777; background:#FFF;}
.subContent .tabMenu p a span {font-family: 'GmarketBold','Noto Sans KR', sans-serif; color:#777}
.subContent .tabMenu p.tabOn a span {font-family: 'GmarketBold','Noto Sans KR', sans-serif; color:#121212;}

.container3 {display: block;}

.container3 div.staffBox {display:block; box-sizing: border-box; padding:10px 20px; margin-bottom:20px;  background:rgba(0,0,0,0.1); overflow:hidden;}
.container3 div.staffBox .staffInfo {float:left; box-sizing: border-box; width:250px; background:none; text-align:center; overflow:hidden; }
.nationFlex .exp .container3 .staffBox .staffInfo img {margin-top:10px; width:220px !important; height:220px; box-sizing: border-box;}
.container3 div.staffBox p.staffName {font-family: 'GmarketMedium','Noto Sans KR', sans-serif !important;color:#000; font-size:30px; line-height:normal; letter-spacing: normal; padding:0; margin:6px 0 3px 0; text-align: center;}
.container3 div.staffBox p.staffNation {font-family: 'GmarketMedium','Noto Sans KR', sans-serif !important;color:#555; font-size:14px; line-height:normal; letter-spacing: normal; padding:0; margin:0; text-align: center}
.container3 div.staffBox p.staffNation span {font-family: 'GmarketBold','Noto Sans KR', sans-serif !important;color:#555; font-size:14px; line-height:normal; letter-spacing: normal; padding:0; margin:0; text-align: center}
.container3 div.staffBox .staffExp {display:block; margin-left:270px; background:none; color:#000; text-align: left !important; padding:10px 0 10px 0;
                                    font-family: 'Noto Sans KR', sans-serif; line-height:140%; line-height:-0.7; font-size:16px; font-weight:300; word-break: keep-all;}
.container3 div.staffBox .staffExp b {display:block; font-family: 'Noto Sans KR', sans-serif; line-height:140%; line-height:-0.7; font-size:18px; font-weight:700; margin:20px 0 0 0;}

.board {display: flex; flex-wrap: wrap; padding:0;}
.board .boardList {width:50%; overflow:hidden; margin-bottom:20px; box-sizing: border-box; display:flex; flex-wrap: wrap;}
.board .boardList2 {width:100%; overflow:hidden; margin-bottom:20px; box-sizing: border-box; display:flex; flex-wrap: wrap;}
.board .boardList .boardImg {width:50%; min-width:250px; height:auto; box-sizing: border-box; padding-right:20px; margin:0 0 20px 0; box-sizing: border-box;}
.board .boardList2 .boardImg {width:40%; min-width:250px; height:auto; box-sizing: border-box; padding-right:20px; margin:0 0 20px 0; box-sizing: border-box;}
.board .boardList .boardImg img {width:100%;}
.board .boardList2 .boardImg img {width:100%;}
.board .boardList2 .viewTitle {width:100%; border-top:2px solid #121212; border-bottom:2px solid #000; margin-bottom:30px; padding:20px;}
.board .boardList2 .viewTitle h1 {text-align:center; font-size:40px; margin:0;}
.board .boardList2 .viewTitle p {text-align:center; font-size:20px; margin:0;}

.board .boardList .boardText {width:50%; box-sizing: border-box; padding:0 10px 0 0;  cursor: pointer;}
.board .boardList .boardText h1 {font-family: 'GmarketBold','Noto Sans KR', sans-serif; font-size:24px; color:#121212; padding:0; margin:5px 0 10px 0; word-break: break-all;}
.board .boardList .boardText p {font-family: 'Noto Sans KR', sans-serif; color:#121212; padding:0; margin:0; font-weight:300}
.board .boardList .boardText p span {font-family: 'Noto Sans KR', sans-serif; color:#121212; padding:0; margin:0; font-weight:700}
.board .boardList .boardText p.boardCont {height:100px; overflow:hidden; margin:10px 0 0 0; word-break: break-all;}
.board .boardList2 .boardText p.boardCont {margin:10px 0 0 0; word-break: break-all;}
.board .boardList .boardText p.boardCont2 {margin:10px 0 0 0;}

.subContent .boardTItle2 {font-size:30px; text-align:center !important; font-family: 'GmarketBold','Noto Sans KR', sans-serif; margin:10px 0 20px;}
.subContent .boardTItle2-1 {font-size:30px; text-align:center !important; font-family: 'GmarketBold','Noto Sans KR', sans-serif; padding-bottom:20px; margin:10px 0 20px; border-bottom:2px solid #000;}

.boardList3 {width:100%; border-top:2px solid #C0C0C0;  margin-bottom:30px; cursor: pointer;}
.boardList3 .list {display:flex; border-bottom:1px solid #C0C0C0;}
.boardList3 .notice {background:#EFEFEF;}
.boardList3 .notice p:first-child {font-weight:500;}
.boardList3 .list p:first-child{width:80%; padding-left:20px;}
.boardList3 .list p:last-child{width:20%; text-align:right; padding-right:20px;}
.boardList3 .list p a {color:#111;}
.boardList3 .list span {display:inline-block; margin-right:20px;}

.paging {width:100%; display:block; text-align:center; border-top:1px solid #C0C0C0; padding: 20px 0 10px;}
.paging a {display:inline-block; padding:3px 10px; margin:0; border:1px solid rgb(255,255,255); border-radius:5px; text-decoration:none; color:#121212;}
.paging a:hover {display:inline-block; margin:0; text-decoration:none; color:#121212; background:#F1F1F1; border:1px solid rgb(205,205,205); border-radius:5px;}
.paging a.now {display:inline-block; margin:0; text-decoration:none; color:#121212; font-weight:700;}
.paging a.before {display:inline-block; margin:0 20px 0 0; text-decoration:none; color:#121212; font-weight:300;}
.paging a.next {display:inline-block; margin:0 0 0 20px; text-decoration:none; color:#121212; font-weight:300;}

.boardBtn {display:inline-block; border:1px solid #000; background:#000; color:#FFF !important; padding:0 20px !important; line-height: 220%; font-weight:100 !important; border-radius: 5px;}
.boardBtn:hover {display:inline-block; border:1px solid #121212 !important; background:#FFF !important; color:#000 !important; padding:0 20px !important; line-height: 220%; font-weight:500 !important;}

.galleryContainer {display:flex; justify-content: space-between; padding:0; margin:0 0 15px 0;}
.galleryContainer div {width:100%; box-sizing: border-box ; padding:0 20px 10px 0;}
.galleryContainer div:last-child {width:100%; box-sizing: border-box ; padding-right:0px;}
.galleryContainer div a {display:block; padding:0; margin:0; line-height: 150%; color:#000; letter-spacing: -0.5; }
.galleryContainer div a  p {width:100%; height:25px; white-space: wrap; text-overflow: ellipsis; overflow: hidden; padding:0; margin:0;}
.galleryContainer div img {width:100%;}
.galleryContents {text-align:center;}
.Dimmed {position:fixed; top:0; right:0; bottom:0; left:0; background:rgba(0,0,0,0.9); z-index:200; justify-content: center; display:flex; align-items: center; display:none;}
.Dimmed:target {display:block;}
.Dimmed img {position: absolute; top: 50%; left: 50%; -moz-transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%) ; width:65%; height:auto;}
.Dimmed iframe {position: absolute; top: 50%; left: 50%; -moz-transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%) ; width:65%; height:80%;}
.Dimmed a {position:fixed; bottom:30px; left:50%; display:block; font-weight:500; color:#000; transform: translateX(-70px) ;width:140px;
            background:yellow; border:1px solid #000; text-align:center; font-size:20px; line-height:50px; border-radius: 5px;}
.Dimmed a:hover {position:fixed; bottom:30px; left:50%; display:block; font-weight:500; color:yellow; transform: translateX(-70px) ;width:140px;
            background:#000; border:1px solid yellow; text-align:center; font-size:20px; line-height:50px; border-radius: 5px;}

.space30 {height:30px; padding:0; margin:0;}

#Form {position:absolute; top:50%; left:50%; transform: translate(-50%,-50%) ;width:100%; height:100%; background:rgba(0,0,0,0.8); z-index:21; display:none;}
#Form:target {display:block; z-index:21}
.applyForm {position:absolute; top:50%; left:50%; transform: translate(-50%,-50%) ;width:340px; height:auto; margin:0 auto; border:1px solid rgb(200,200,200); background:rgb(245,245,245); padding:20px; border-radius:10px; box-shadow:0px 10px 10px rgba(0,0,0,0.1);}
.applyForm div {display:block; padding:0; margin:5px}
.applyForm .formTitle {text-align: center; font-size:24px; font-family: 'GmarketBold','Noto Sans KR', sans-serif; color:#121212; padding:5px 0 15px 0; margin:0; border-bottom:2px solid #121212;}
.applyForm div p {width:100%; text-align:left; font-family: 'Noto Sans KR', sans-serif; color:#121212; padding:0; margin:0; font-weight:500; line-height:200%; }
.applyForm div p span {display:inline-block:left; font-family: 'Noto Sans KR', sans-serif; color:#121212; padding:0; margin:0 0 0 5px; font-size:14px; font-weight:300; line-height:200%; }
.applyForm div input {width:300px; height:26px; border:1px solid silver; border-radius:3px;  padding:3px 10px; margin:0; font-size:15px; font-family: 'Noto Sans KR', sans-serif; color:#000; font-weight:300; line-height:100% }
.applyForm div select {width:322px; height:36px; border:1px solid silver; border-radius:3px;  padding:0 0 0 5px; margin:0; font-size:15px; font-family: 'Noto Sans KR', sans-serif; color:#000; font-weight:300; line-height:100% }
.applyForm div textarea {width:300px; height:100px; font-family: 'Noto Sans KR', sans-serif; color:#121212; font-size:15px; font-weight:500; padding:10px; line-height:150%; border:1px solid #C0C0C0;}
.applyForm div.btnLine {text-align:center; margin-top:10px;}
.applyForm div.btnLine a {display:inline-flex;}
.applyForm div.btnClose {position:absolute;top:50%; left:50%; transform: translate(-50%,-50%)}
.applyForm div.btnClose a {display:inline-block; width:40px; height:40px; position:relative; top:-310px; left:200px;}
.applyForm div.btnClose img {width:100%; filter:invert(100%)}


/*페이지네이션*/
.pagingWrap {margin: 30px auto;text-align:center}
.pagingWrap .paging {}
.pagingWrap .paging li {display:inline-block;width:34px;height:34px;text-align:center;line-height:34px;border:1px solid #e8e8e8;box-sizing:border-box;cursor:pointer;transition: color 0.5s ease;}
.pagingWrap .paging li.arrow {border:none}
.pagingWrap .paging li.arrow:hover {background:none;color:#6f6f6f}
.pagingWrap .paging li:hover {background:#142a45;color:#fff}
.pagingWrap .paging li.on {background:#142a45;color:#fff}


/*글쓰기*/
.pagingwrite {text-align: center;margin-bottom: 80px;}
.pagingwrite span {display: inline-block;}
.pagingwrite span a {padding:10px 45px;background:#142a45;color:#fff}
.pagingwrite span.first a {background:#494949}



}