.inner {width:1200px; margin:0 auto; position:relative;}

@media screen and (max-width:1440px) {
    .inner {width:calc(100% - 40px); padding:0 20px;}
}
/* 공통 타이틀 */
.pageTitle {text-align:center; padding:75px 0 60px 0;}
.pageTitle p {font-size:14px; font-weight:300; color:#2b68e5;}
.pageTitle h2 {font-size:50px; font-weight:700; color:#000000;}

.pageSearch {width:700px; height:60px; margin:0 auto; position:relative; margin:0 auto;}
.pageSearch form {width:100%; height:100%; padding-right:50px;}
.pageSearch input { border:2px solid #ebebeb; box-sizing:border-box; padding:4px 55px 4px 4px; border-radius:6px; width:100%; height:100%;}
.pageSearch input, .pageSearch input::placeholder {font-size:18px; font-weight:400; color:#999999;}
.pageSearch input:focus {font-weight:500; color:#111; border:2px solid #2b68e5;}
.pageSearch button {background-color:transparent; position:absolute; top:50%; transform:translateY(-50%); right:22px;}
.pageSearch button img {width:26px;}

.pageNum .text {font-size:16px; font-weight:300; color:#999999;}
.pageNum .num {font-size:16px; font-weight:300; color:#2b68e5;}

.emptyText {text-align:center; padding:40px 0; font-size:26px; font-weight:500; color:#111; display:block; width:100%;}

@media screen and (max-width:1200px) {
    .pageTitle {padding:57px 0 55px 0;}
    .pageTitle p {font-size:14px;}
    .pageTitle h2 {font-size:36px;}
}
@media screen and (max-width:1024px) {
    .pageSearch {width:90%;}
    .pageSearch button img {width:25px;}
    .pageSearch input, .pageSearch input::placeholder {font-size:16px;}
    .emptyText {font-size:21px;}
    .pageTitle {padding:52px 0 50px 0;}
    .pageTitle h2 {font-size:31px;}
}
@media screen and (max-width:980px) {
    .pageSearch {display:none;}
}
@media screen and (max-width:480px) {
    .pageTitle h2 {font-size:32px;}
}

/* mypage tab */
.tabBox ul {border:2px solid #ebebeb; box-sizing:border-box; border-radius:6px; margin:0 auto 30px auto; padding:9px 6px; width:400px; display:flex; flex-direction:row; align-items:center; justify-content:center;}
.tabBox ul li {width:193px; height:40px; line-height:40px; text-align:center; border-radius:6px;}
.tabBox ul li a, .tabBox ul li p {font-size:18px; font-weight:400; color:#999999;}
.tabBox ul li.active {background-color:var(--color01);}
.tabBox ul li.active a {color:#fff;}

@media screen and (max-width:480px) {
    .tabBox ul {width:96%; padding:6px 5px;}
    .tabBox ul li {width:50%;}
    .tabBox ul li a, .tabBox ul li p {font-size:16px;}
}

/* 프라이버시 버튼 */
.privacyBtn {width:auto; height:30px !important; line-height:29px !important; padding:0 12px; background-color:#4a81f2; font-size:16px !important; border-radius:15px !important; color:#fff; position:relative; top:-1px;}

/* 레이어팝업 */
body.no-scroll {overflow:hidden;}
.popUp {display:none; position:fixed; top:0; left:0; width:100%; height:100vh; z-index:999999999999; }
.popUp.on {display:block;}
.popUp .bg { position:fixed; top:0; left:0; width:100%; height:100vh; background-color:rgba(0,0,0,0.7); z-index:-1;}
.popUp .closeBtn {background-color:transparent;}
.popUp .popupBox {width:500px; background-color:#fff; z-index:2; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); border-radius:15px; overflow:hidden; }
.popUp .popupBox .textBox { padding:43px 50px 47px 50px; position:relative;}
.popUp .popupBox .textBox p {font-size:32px; font-weight:600; color:#000000;}
.popUp .popupBox .textBox button {cursor:pointer; position:absolute; top:28px; right:32px;}
.popUp .popupBox .textBox button i {font-size:32px; color:#000;}
.popUp .popupBox .textBox button:hover i {font-weight:600; }
.popUp .popupBox .border {width:100%; height:1px; background-color:rgba(0, 0, 0, 0.12); display:block;}
.popUp .popupResult { width:calc(100% - 20px); padding:20px 10px; text-align:left; height:auto;}
.popUp .popupResult .resultText {font-size:16px; font-weight:300; color:#666666; line-height:1.5;}
.poupResultWrap {overflow-y:scroll; width:calc(100% - 20px); height:48vh; padding:10px 10px;}
.poupResultWrap::-webkit-scrollbar {width:5px; margin-right:10px;}
.poupResultWrap::-webkit-scrollbar-thumb {height:100px; background:var(--color01); border-radius: 10px;}
.poupResultWrap::-webkit-scrollbar-track {background:transparent;}

.memberPopup .contentArea {padding:0 50px 43px 50px;}
.memberPopup .titArea {width:100%; margin-bottom:8px;}
.memberPopup .titArea p {font-size:14px; font-weight:400; color:#888888; position:relative; display:inline; z-index:2;}
.memberPopup .formStyle {width:100%;}
.memberPopup .formStyle .radio_container {padding-left:30px;}
.memberPopup .formStyle label {margin-bottom:0;}
.memberPopup input, .memberPopup input[type=text], .memberPopup input[type=password], .memberPopup input[type=tel] {
    height:50px;
    border-radius:6px;
    border:2px solid #ebebeb;
    box-sizing:border-box;
}
.memberPopup input:focus, .memberPopup textarea:focus {
    border:1px solid var(--color01);
}
.memberPopup .radio_chkmark {width:24px; height:24px; border:2px solid #ebebeb; box-sizing:border-box; top:-2px;}
.memberPopup .radio_container input:checked ~ .radio_chkmark {border:2px solid #ebebeb;}
.memberPopup .radio_container .radio_chkmark:after {width:14px; height:14px;}
.memberPopup .btn_a {width:100%; background-color:var(--color01); color:#fff; margin:27px auto 0 auto;}
.memberPopup .linkWrap a {font-size:14px; font-weight:400; color:#2b68e5;}
.memberPopup .linkWrap a:hover {color:#333;}
.memberPopup .linkWrap a:not(:last-child) {margin-right:15px;}
.memberPopup .idSave {}
.memberPopup .checkmark {width:30px; height:30px; border-radius:6px; border:2px solid #ebebeb; box-sizing:border-box;}
.memberPopup .checkmark:after {width:6px; height:11px; top:4px; left:8px;}
.memberPopup input[type=checkbox]:checked + label span.checkmark:after {top:5px; left:9px;}
.memberPopup .customInput {position:relative; width:100%; height:50px;}
.memberPopup .customInput input {width:100%; height:100%; text-indent:0; padding:0 20px 0 45px;}
.memberPopup .customInput i { font-size:20px; color:#cecece; position:absolute; top:50%; transform:translateY(-50%); left:15px;}
.memberPopup .customInput.on i {color:var(--color01);}
.memberPopup .check_wrap > label .txt {color:#888888;}



.tab-content, .tabContent { display: none;}
.tab-content.active, .tabContent.active  { display: block;}

#idResultPopup .contentArea .textBox {padding:20px 0 40px 0;}
#idResultPopup .contentArea .textBox p:nth-child(1) {font-size:22px; font-weight:300; color:#999999;}
#idResultPopup .contentArea .textBox p:nth-child(2) {font-size:22px; font-weight:400; color:#2b68e5;}

#pwResultPopup .contentArea .textBox p {font-size:18px; font-weight:400; color:#666; text-align:center; line-height:1.3;}

@media screen and (max-width:640px) {
    .popUp .popupBox {width:90%;}
    #pwResultPopup .popupBox .contentArea .textBox {padding:25px 0;}
    .popUp .popupBox .textBox {padding:20px 20px;}
    .popUp .popupBox .textBox p {font-size:21px;}
    .popUp .popupBox .textBox button {top:20px; right:20px;}
    .popUp .popupBox .textBox button i {font-size:26px;}
    .memberPopup .contentArea {padding:0 20px 25px 20px;}
    .memberPopup .mr80 {margin-right:30px !important;}
    .memberPopup .mb25 {margin-bottom:20px !important;}
    .memberPopup .customInput {height:40px;}
    .memberPopup .btn_a {height:50px; line-height:50px;}
    .memberPopup .titArea {margin-bottom:5px;}
    .memberPopup .btn_a {margin:22px auto 0 auto;}
}

/* modal layer */


/* 이미지 팝업 CSS */
.modal-fixed-pop-wrapper{display:none; overflow:hidden;  position:fixed; top:0px; left:0px; width:100%; height:100%; z-index:99999999999999999999; background:#000; background:rgba(0,0,0,0.8);}
.modal-fixed-pop-wrapper.on {display:block;}
.modal-fixed-pop-wrapper .modal-fixed-pop-inner {width:100%; height:100%; display:flex; flex-direction:column; justify-content:center; align-items:center;}
.modal-fixed-pop-wrapper .img-modal-content {position: relative; width:570px; z-index:100000;}
.modal-fixed-pop-wrapper .img-modal-inner {width:100%; position:relative;}
.modal-fixed-pop-wrapper .img-modal-inner a {display:block;  width: 100%; height: 100%; }
.modal-fixed-pop-wrapper .img-modal-inner a img {width:100% !important; height:auto !important;}
.modal-fixed-pop-wrapper .img-modal-inner .img-btn-box {width:100%; height:50px; display:flex; flex-direction:row; background-color: #f7f7f7; position:relative;}
.modal-fixed-pop-wrapper .img-modal-inner .img-btn-box button {padding:0 20px; width:50%; height:100%; text-align:left; background-color:transparent; text-align:center;}
.modal-fixed-pop-wrapper .img-modal-inner .img-modal-close-btn01 {border-right:1px solid #ccc; box-sizing:border-box;}
.modal-fixed-pop-wrapper .img-modal-inner .img-btn-box button:hover {background-color:#333; color:#fff;}

.modal-fixed-pop-wrapper .swiper-pagination {width:auto !important; left:auto !important; right:30px !important; bottom:15px !important;}
.modal-fixed-pop-wrapper .swiper-pagination-bullet {width:10px !important; height:10px !important; background-color:#ccc;}
.modal-fixed-pop-wrapper .swiper-pagination-bullet-active {background-color:var(--color01); width:25px !important; border-radius:10px !important;}

.modal-fixed-pop-wrapper .closeBtn {position:absolute; top:17px; right:-45px; background:transparent;}
.modal-fixed-pop-wrapper .closeBtn i {font-size:36px; color:#fff;}

#thumImgPopup .img-modal-content {width:auto; max-width:80%;}
#thumImgPopup .modal-fixed-pop-inner img {width:auto; max-width:800px; display:block; text-align:center; margin:0 auto;}
#thumImgPopup .closeBtn {top:0;}

@media screen and (max-width:860px) {
    #thumImgPopup .modal-fixed-pop-inner img {max-width:80%;}
}
@media screen and (max-width:780px) {
    #thumImgPopup .img-modal-content {width:80%;}
    .modal-fixed-pop-wrapper .closeBtn {right:-35px;}
    .modal-fixed-pop-wrapper .closeBtn i {font-size:32px;}
    .modal-fixed-pop-wrapper .img-modal-content {width:calc(100% - 40px);}
    .modal-fixed-pop-wrapper .swiper-pagination {right:20px;}
    .modal-fixed-pop-wrapper .img-modal-inner .img-btn-box button {font-size:14px; padding:0 2px;}
    .modal-fixed-pop-wrapper .swiper-pagination {right:20px !important;}
    #mainPop_layer .img-modal-content {width:90%;}
}


/* about us */
#exhibitions {text-align:center; padding:200px 0;}

@media screen and (max-width:680px) {
    #exhibitions {padding:150px 0;}
    #exhibitions img {width:70%;}
}


/* Instruction */
#Instruction .ceoWrap {width:100%;}
#Instruction .ceoWrap .imgBox {width:420px; height:550px; margin-right:60px; border-radius:20px; background-color:#f2f9ff; overflow:hidden;}
#Instruction .ceoWrap .imgBox img {width:100%;}
#Instruction .ceoWrap .textBox {width:calc(100% - 480px); padding-top:25px;}
#Instruction .ceoWrap .textBox .tit {font-size:36px; font-weight:500; color:#000000; line-height:1;}
#Instruction .ceoWrap .textBox .text {font-size:18px; font-weight:300; color:#000; line-height:1.5;}
#Instruction .ceoWrap .textBox .text strong {display:inline-block; font-weight:500;}
#Instruction .ceoWrap .signText {font-size:16px; font-weight:300; color:#666666; text-align:right;}
#Instruction .ceoWrap .signImg {width:227px;}

#Instruction .sec2 {background-color:#f9f9f9;}
.organWrap .tit {font-size:50px; font-weight:700; color:#000000; margin-bottom:60px; text-align:center;}
.organWrap .chairman {width:350px; height:110px; line-height:110px; border-radius:55px; background-color:#2b68e5; font-size:40px; font-weight:500; color:#fff; text-align:center; margin:0 auto 40px auto; display:block;}
.organWrap li, .organWrap li p {position:relative; z-index:2;}
.organWrap .etc01 p {width:350px; height:90px; line-height:90px; text-align:center; background-color:#69beff; font-size:30px; font-weight:500; color:#fff; border-radius:45px;}
.organWrap .audit {padding-left:245px;}
.organWrap .etc02 li {width:230px; height:230px; background-color:#fff; border:2px solid #cccccc; box-sizing:border-box; border-radius:30px; display:flex; flex-direction:column; justify-content:center; align-items:center; position:relative;}
.organWrap .etc02 li p {font-size:30px; font-weight:500; color:#000000; text-align:center;}
.organWrap .etc03 {position:absolute; top:314px;}
.organWrap .etc03 li {background-color:#ebebeb; width:240px; height:240px;}
.organWrap .etc03 li:nth-child(1) {margin-right:25px;}
.organWrap .infoBox {margin-top:79px; display:inline-block;}
.organWrap .infoWrap {padding:40px 48px; border-radius:30px; border:2px solid #2b68e5; box-sizing:border-box;}
.organWrap .infoWrap dl:not(:last-child) {margin-bottom:15px;}
.organWrap .infoWrap dt {font-size:14px; font-weight:600; color:#2b68e5; padding-bottom:3px; line-height:1;}
.organWrap .infoWrap dd {font-size:18px; font-weight:300; color:#000000;}

.organWrap .chairman::before,
.organWrap .directors::before,
.organWrap .directors p::before,
.organWrap .audit::before,
.organWrap .etc02 >li::before,
.organWrap .etc02 >li:nth-child(1):after,
.organWrap .etc02 >li:nth-child(4):after,
.organWrap .etc03 >li::before,
.organWrap .etc03 >li:nth-child(1):after {content:''; background-color:#888888; position:absolute; z-index:-1;}
.organWrap .etc02 >li:nth-child(3):before,
.organWrap .etc02 >li:nth-child(5):before {display:none;}

.organWrap .chairman::before { width:1px; height:500px;  top:110px; left:50%; transform:translateX(-50%); }
.organWrap .directors p::before {width:40px; height:1px; right:-40px; top:50%; transform:translateY(-50%);}
.organWrap .directors::before {width:1px; height:112px; right:-40px; top:50%; transform:translateY(-50%);}
.organWrap .audit::before {width:220px; height:1px; top:50%; transform:translateY(-50%); left:40px;}
.organWrap .etc02 >li::before {width:1px; height:40px; top:-40px; left:50%; transform:translateX(-50%);}
.organWrap .etc02 >li:nth-child(1):after {width:722px; height:1px; left:117.5px; top:-40px;}
.organWrap .etc02 >li:nth-child(4)::after {width:1px; height:50px; bottom:-50px; left:50%; transform:translateX(-50%);}
.organWrap .etc03 >li::before {width:1px; height:40px; top:-40px; left:50%; transform:translateX(-50%);}
.organWrap .etc03 >li:nth-child(1):after {width:265.5px; height:1px; left:118px; top:-40px;}
.organWrap .etc02 >li:nth-child(5) .deco {position: absolute; top:-71px; right:97px; width:500px;}

@media screen and (max-width:1500px) {
    #Instruction .ceoWrap .textBox br {display:none;}

    .organWrap {width:1000px; margin:0 auto;}
    .organWrap .chairman,
    .organWrap .etc01 p {width:260px; height:82px; line-height:82px; font-size:21px;}
    .organWrap .etc02 li {width:180px; height:180px;}
    .organWrap .etc02 li p {font-size:21px;}

    .organWrap .etc01.mb120 {margin-bottom:90px !important;}
    .organWrap .chairman::before {top:81px;}
    .organWrap .directors::before {height:102px;}
    .organWrap .etc02 >li:nth-child(1):after {width:615px; left:88px;}
    .organWrap .etc02 >li:nth-child(5) .deco {width:412px; right:86px; top:-61px;}
    .organWrap .etc02 >li:nth-child(1):after {top:-30px;}
    .organWrap .etc02 >li::before {height:30px; top:-30px;}
    .organWrap .infoBox {margin-top:60px;}
    .organWrap .etc03 >li::before {top:-60px; height:60px;}
    .organWrap .etc03 >li:nth-child(1):after {width:206px; left:87px; top:-61px;}
    .organWrap .etc02 >li:nth-child(4)::after {height:61px; bottom:-63px;}
    .organWrap .etc03 {top:297px;}
}
@media screen and (max-width:1080px) {
    #Instruction .ceoWrap .textBox .tit {font-size:31px;}
    .organWrap {width:680px; margin:0 auto;}
    .organWrap .tit {font-size:36px;}
    .organWrap .chairman::before {height:415px;}
    .organWrap .etc02 {flex-wrap:wrap;}
    .organWrap .etc02 li {width:48%; margin-bottom:10px;}
    .organWrap .etc02 >li:nth-child(5) .deco {display:none;}
    .organWrap .etc02 >li::before {display:block;}
    .organWrap .etc02 >li:nth-child(1):after {width: 354px;left: 160px;}    
    .organWrap .etc02 >li:nth-child(3):before,
    .organWrap .etc02 >li:nth-child(5):before {display:block;}
    .organWrap .etc02 >li::before {height:10px; top:-12px;}
    .organWrap .etc02 >li:nth-child(1)::before,
    .organWrap .etc02 >li:nth-child(2)::before {height:30px; top:-30px;}
    .organWrap .etc03 {flex-direction:column; justify-content:center; align-items:center; top:190px; width:100%;}
    .organWrap .etc03 li {width:100%; height:85px;}
    .organWrap .etc03 li p {font-size:18px;}
    .organWrap .etc03 li p br {display:none;}
    .organWrap .etc03 li:nth-child(1) {margin-right:0;}
    .organWrap .etc03 >li::before {height:10px; top:-12px;}
    .organWrap .etc03 >li:nth-child(1):after {display:none;}
}
@media screen and (max-width:1024px) {
    #Instruction .ceoWrap .imgBox {width:350px; height:458px; margin-right:30px;}
    #Instruction .ceoWrap .textBox {width:calc(100% - 380px);}
}
@media screen and (max-width:780px) {
    #Instruction .ceoWrap {flex-direction:column; justify-content:center;}
    #Instruction .ceoWrap .imgBox {width:100%; height:458px; margin-right:0; margin:0 auto;}
    #Instruction .ceoWrap .imgBox img {width:350px; display:block; margin:0 auto;}
    #Instruction .ceoWrap .textBox {width:100%;}
    .organWrap {width:100%;}
    .organWrap .chairman::before {height:530px;}
    .organWrap .directors p::before {width:30px; right:-30px;}
    .organWrap .directors::before {right:-28px;}
    .organWrap .etc01 {flex-direction:column; margin-bottom:30px !important;}
    .organWrap .etc01 .directors {margin-bottom:30px;}
    .organWrap .etc01.mb120 {margin-bottom:30px !important;}
    .organWrap .etc01 p {font-size:18px;}
    .organWrap .audit {padding-left:0;}
    .organWrap .etc02 li {width:100%; height:110px;}
    .organWrap .etc02 li p {font-size:18px;}
    .organWrap .etc02 >li:nth-child(1):after {display:none;}
    .organWrap .etc02 li:nth-child(4) {margin-bottom:252px;}
    .organWrap .etc03 {position:absolute; top:120px;}
    .organWrap .etc03 li p br {display:block;}
    .organWrap .etc02 >li:nth-child(2)::before {height:10px; top:-12px;}
    .organWrap .etc02 >li:nth-child(1)::before {display:none;}
    .organWrap .infoBox {width:100%;}
    .organWrap .infoWrap {padding:30px 25px;}
    .organWrap .etc01 p {background-color:#fff; border:2px solid #69beff; box-sizing:border-box; color:#000;}
    .organWrap .etc01 p.Executive {background-color:#69beff; border:none; color:#ffff;}
}
@media screen and (max-width:360px) {
    #Instruction .ceoWrap .imgBox {height:auto;}
    #Instruction .ceoWrap .imgBox img {width:90%;}
    .organWrap .directors::before {height:88px;}
    .organWrap .chairman::before {top:69px;}
    .organWrap .chairman, .organWrap .etc01 p {width:220px; height:69px; line-height:68px;}
    .organWrap .audit::before {display:none;}
}
@media screen and (max-width:300px) {
    .organWrap .directors p::before {width:10px; right:-10px;}
    .organWrap .directors::before {right:-8px;}
}

/* 인트로 */
#intro ul {width:1200px; margin:0 auto;}
#intro ul li {border-radius:25px; border:2px solid #ebebeb; box-sizing:border-box; width:47%; max-width:560px; max-height:560px; overflow:hidden;}
#intro ul li:hover {border:2px solid var(--color01);}
#intro ul li a {display:block; width:100%; height:100%;}
#intro ul li p {font-size:40px; font-weight:700; color:#000; padding:90px 0 55px 0; text-align:center; line-height:1;}
#intro ul li:hover p {color:var(--color01);}

@media screen and (max-width:1280px) {
    #intro ul {width:96%; justify-content:center;}
    #intro ul li {width:48%; border-radius:20px;}
    #intro ul li:nth-child(1) {margin-right:30px;}
    #intro ul li {max-width:450px; max-height:450px;}
    #intro ul li img {width:100%;}
}
@media screen and (max-width:1040px) {
    #intro ul li {max-width:400px; max-height:400px;}
    #intro ul li p {font-size:31px; padding:65px 0 40px 0;}
}
@media screen and (max-width:680px) {
    #intro ul li { width:48.5%; max-width:initial; max-height:initial;}
    #intro ul li:nth-child(1) {margin-right:3%;}
    #intro ul li p {font-size:20px; padding:20% 0 12% 0;}
    #intro ul li img {width:90%; display:block; text-align:center; margin:0 auto;}
}
@media screen and (max-width:300px) {
    #intro ul li p {font-size:15px;}
}