@charset "utf-8";

/* cssnano:disable */

/* 헤더 영역 관련 스타일 :: S */
.headerWrap {}
#wrap #header {width:100%; position:fixed; top:0; left:0; margin:0; padding:0; box-sizing:border-box; z-index:100; background:linear-gradient(90deg, #11ecda, #6e74ff);}
#wrap #header .header {display:block; width:100%; max-width:1875px; height:80px; position:relative; margin:0 auto; padding:0 15px; box-sizing:border-box; line-height:80px; background:transparent;}
#header .header > * {display:inline-block; position:relative; vertical-align:middle; margin:0; padding:0; box-sizing:border-box;}

#header .header .left-content {display:inline-block; padding:0;}
#header .header .left-content > * {display:inline-block; position:relative; vertical-align:middle; margin:0; padding:0; box-sizing:border-box;}
#header .header .left-content .logo {width:210px; height:39px; width:180px; height:52px;}
#header .header .left-content .logo img {max-width:100%; vertical-align:top;}
#header .header .left-content .gnbWrap {margin:0 0 0 60px;}
#header .header .left-content .gnbWrap ul {display:block; height:auto; position:relative; margin:0; padding:0; box-sizing:border-box; background:transparent}
#header .header .left-content .gnbWrap ul li {display:inline-block; position:relative; vertical-align:middle; margin:0 30px 0 0; padding:0; box-sizing:border-box;}
#header .header .left-content .gnbWrap ul li:last-child {margin:0;}
#header .header .left-content .gnbWrap ul li a {display:block; position:relative; margin:0; padding:0 15px; box-sizing:border-box; font-size:18px; line-height:34px; font-weight:700; color:#fff; border-radius:5px; background:rgba(255,255,255,0);}
#header .header .left-content .gnbWrap ul li a:after {display:none !important;}
#header .header .left-content .gnbWrap ul li.active a,
#header .header .left-content .gnbWrap ul li a:hover {background:rgba(255,255,255,0.3);}

#header .header .user-info {display:inline-block; float:right; text-align:right;}
#header .header .user-info > * {display:inline-block; position:relative; vertical-align:middle; margin:0 0 0 15px; padding:0 0 0 15px; box-sizing:border-box; font-size:15px; line-height:20px; font-weight:400; color:#fff; background:transparent; border-radius:0;}
#header .header .user-info > *:before {display:block; content:''; width:1px; height:14px; position:absolute; top:50%; left:0; margin:-7px 0 0 0; padding:0; box-sizing:border-box; background:#fff;}
#header .header .user-info > *:first-child {margin:0; padding:0;}
#header .header .user-info > *:first-child:before {display:none;}
#header .header .user-info .name {display:none;}
#header .header .user-info .mypage {padding:10px 25px; color:#2813ff; background:#e8fafd !important; border-radius:15px;}
#header .header .user-info .mypage:before {display:none;}
#header .header .user-info .mypage:hover {}

#wrap #header.fixed {}
#wrap #header.fixed .header {height:60px; line-height:60px;}


#wrap.intro-wrap #header {background:transparent;}
#wrap.intro-wrap #header .header {max-width:10000px; padding:0 80px;}
#wrap.intro-wrap #header .header .left-content .gnbWrap {display:none;}


@media screen and (max-width:1600px){
    #wrap #header .header {height:75px; line-height:75px;}

    #wrap #header.fixed {}
    #wrap #header.fixed .header {height:70px; line-height:70px;}

    #wrap.intro-wrap #header .header {padding:0 50px;}
}

@media screen and (max-width:1440px){
    #wrap #header .header {height:70px; line-height:70px;}

    #wrap #header.fixed {}
    #wrap #header.fixed .header {height:65px; line-height:65px;}

    #header .header .left-content .gnbWrap {margin:0 0 0 45px;}
    #header .header .left-content .gnbWrap ul li {margin:0 20px 0 0;}
    #header .header .left-content .gnbWrap ul li:last-child {margin:0;}
    #header .header .left-content .gnbWrap ul li a {padding:0 12px; font-size:16px; line-height:32px;}

    #header .header .user-info > * {margin:0 0 0 12px; padding:0 0 0 12px; font-size:14px;}

    #wrap.intro-wrap #header .header {padding:0 45px;}
}

@media screen and (max-width:1280px){
    #wrap #header .header {height:65px; line-height:65px;}

    #wrap #header.fixed {}
    #wrap #header.fixed .header {height:60px; line-height:60px;}

    #header .header .left-content .logo {width:180px; height:33px;}

    #header .header .left-content .gnbWrap {margin:0 0 0 30px;}
    #header .header .left-content .gnbWrap ul li {margin:0 15px 0 0;}
    #header .header .left-content .gnbWrap ul li:last-child {margin:0;}
    #header .header .left-content .gnbWrap ul li a {padding:0 8px; font-size:15px; line-height:30px;}

    #header .header .user-info > * {margin:0 0 0 8px; padding:0 0 0 8px; font-size:13px;}
    #header .header .user-info .mypage {padding:5px 10px; border-radius:8px;}

    #wrap.intro-wrap #header .header {padding:0 40px;}
}

@media screen and (max-width:1080px){
    #wrap #header .header {height:60px; line-height:60px;}

    #wrap #header.fixed {}
    #wrap #header.fixed .header {height:55px; line-height:55px;}

    #wrap.intro-wrap #header .header {padding:0 35px;}
}

@media screen and (max-width:1024px){
    #wrap #header .header {height:55px; line-height:55px;}

    #wrap #header.fixed {}
    #wrap #header.fixed .header {height:50px; line-height:50px;}

    #wrap.intro-wrap #header .header {padding:0 30px;}
}

@media screen and (max-width:960px){
    #wrap #header .header {height:50px; line-height:50px;}

    #wrap #header.fixed {}
    #wrap #header.fixed .header {height:45px; line-height:45px;}

    #wrap.intro-wrap #header .header {padding:0 25px;}
}

@media screen and (max-width:768px){
    
}
/* 헤더 영역 관련 스타일 :: E */



/* 좌측메뉴 영역 관련 스타일 :: S */
#wrap #aside.asideMenu {padding:120px 20px 20px 20px; box-sizing:border-box; background:linear-gradient(180deg, #2d336d, #4e58bc);}
#wrap #aside.asideMenu ul,
#wrap #aside.asideMenu ul li {display:block; width:100%; /* height:100%; */ position:relative; margin:0; padding:0; box-sizing:border-box; background:transparent;}
#wrap #aside.asideMenu ul li {margin:0 auto 20px; border-bottom:0;}
#wrap #aside.asideMenu ul li:last-child {margin:0 auto;}
#wrap #aside.asideMenu ul li p,
#wrap #aside.asideMenu ul li a {display:block; position:relative; margin:0; padding:0; box-sizing:border-box; font-size:15px; line-height:30px; font-weight:400; color:#fff;}
#wrap #aside.asideMenu ul li .dep1 {padding:0 0 0 28px; font-size:18px; line-height:40px; font-weight:700; color:#fff;}
#wrap #aside.asideMenu ul li .dep1 i {width:15px; height:8px; background:url('/resources/images/cm_icon_arrow_white_1_down.png') no-repeat center center !important; background-size:cover !important; transform:rotate(0deg);}

#wrap #aside.asideMenu ul li .dep1:before {display:block; content:''; width:20px; height:20px; position:absolute; top:50%; left:0; margin:-10px 0 0 0; padding:0; box-sizing:border-box; background-size:cover !important;}
#wrap #aside.asideMenu ul li:nth-of-type(3n+1) .dep1:before {background:url('/resources/images/cm_icon_leftMenu_dep1_1.png') center center no-repeat;}
#wrap #aside.asideMenu ul li:nth-of-type(3n+2) .dep1:before {background:url('/resources/images/cm_icon_leftMenu_dep1_2.png') center center no-repeat;}
#wrap #aside.asideMenu ul li:nth-of-type(3n+3) .dep1:before {background:url('/resources/images/cm_icon_leftMenu_dep1_3.png') center center no-repeat;}

#wrap #aside.asideMenu ul li .dep2 {padding:0 0 0 20px; border-bottom:0;}
#wrap #aside.asideMenu ul li .dep2 li {margin:10px auto; padding:0;}
#wrap #aside.asideMenu ul li .dep2 li a {padding:0 12px; line-height:30px; font-size:15px; line-height:30px; font-weight:400; color:#fff; border-radius:5px;}
#wrap #aside.asideMenu ul li .dep2 li a:before {display:none;}

#wrap #aside.asideMenu ul li .dep1.active {color:#12ecda;}
#wrap #aside.asideMenu ul li .dep1.active i {transform:rotate(180deg);}
#wrap #aside.asideMenu ul li .dep1.active + .dep2 {margin:0 auto 20px; padding:0 0 0 30px; /* border-left:1px solid #4e58bc; */}
#wrap #aside.asideMenu ul li .dep1.active + .dep2:before {display:block; content:''; width:1px; height:100%; position:absolute; top:0; left:10px; margin:0; padding:0; box-sizing:border-box; background:rgba(255,255,255,0.7);}
#wrap #aside.asideMenu ul li .dep2 li.active {margin:10px auto;}
#wrap #aside.asideMenu ul li .dep2 li.active a,
#wrap #aside.asideMenu ul li .dep2 li a:hover {color:#fff; background:rgba(255,255,255,0.15);}
/* 좌측메뉴 영역 관련 스타일 :: E */



/* 푸터 영역 관련 스타일 :: S */
html body footer {position:relative; bottom:auto; left:auto; margin:0; padding:0; padding:0; background:transparent;}

.footerWrap {width:100%; position:relative; margin:60px auto 0; padding:0; box-sizing:border-box; z-index:90;}
.footerWrap .footer {max-width:1875px; height:auto; /* height:80px; */ text-align:right; /* line-height:80px; */ margin:0 auto; padding:30px 15px; box-sizing:border-box;}
.footerWrap .footer > * {display:inline-block; position:relative; vertical-align:middle; margin:0 30px 0 0; padding:0; box-sizing:border-box; font-size:15px; line-height:20px; font-weight:500; color:#515151;}
.footerWrap .footer > *:last-child {margin:0;}
.footerWrap .footer .logo._color {display:inline-block; width:200px; height:52px;}
.footerWrap .footer .logo._white {display:none; width:128px; height:33px;}
.footerWrap .footer .logo img {max-width:100%; vertical-align:top;}
.footerWrap .footer .product {font-size:10px;}

.footerWrap .top-btn {bottom:5px; right:5px; border-radius:50%; box-shadow:1.5px 1.5px 3px 3px rgba(0,0,0,0.15);}
.footerWrap .top-btn .icon-top {width:40px; height:40px; background-size:cover !important;}

#wrap.intro-wrap .footerWrap {position:fixed; bottom:0; left:0; margin:0 auto;}
#wrap.intro-wrap .footerWrap .footer {max-width:10000px; height:80px; text-align:left; padding:0 80px; line-height:80px;}
#wrap.intro-wrap .footerWrap .footer > * {color:#fff;}
#wrap.intro-wrap .footerWrap .footer .logo._color {display:none;}
#wrap.intro-wrap .footerWrap .footer .logo._white {display:inline-block;}


@media screen and (max-width:1600px){
    .footerWrap {margin:55px auto 0;}
    .footerWrap .footer {text-align:left; padding:30px 0;}

    #wrap.intro-wrap .footerWrap .footer {height:75px; padding:0 50px; line-height:75px;}
}

@media screen and (max-width:1440px){
    .footerWrap {margin:50px auto 0;}
    .footerWrap .footer {text-align:left; padding:30px 0;}
    .footerWrap .footer > * {margin:0 25px 0 0;}
    .footerWrap .footer > *:last-child {margin:0;}

    #wrap.intro-wrap .footerWrap .footer {height:70px; padding:0 45px; line-height:70px;}
}

@media screen and (max-width:1280px){
    .footerWrap {margin:45px auto 0;}
    .footerWrap .footer {text-align:left; padding:25px 0;}
    .footerWrap .footer > * {font-size:14px;}
    .footerWrap .footer > *:last-child {margin:0;}

    .footerWrap .footer .logo._color {width:160px; height:42px;}

    #wrap.intro-wrap .footerWrap .footer {height:65px; padding:0 40px; line-height:65px;}
}

@media screen and (max-width:1080px){
    .footerWrap {margin:40px auto 0;}
    .footerWrap .footer {text-align:left; padding:20px 0;}
    .footerWrap .footer > * {margin:0 20px 0 0;}
    .footerWrap .footer > *:last-child {margin:0;}

    .footerWrap .footer .logo._color {width:140px; height:36px;}

    #wrap.intro-wrap .footerWrap .footer {height:60px; padding:0 35px; line-height:60px;}
}

@media screen and (max-width:1024px){
    .footerWrap {margin:35px auto 0;}
    .footerWrap .footer {text-align:left; padding:15px 0;}
    .footerWrap .footer > * {margin:0 15px 0 0;}
    .footerWrap .footer > *:last-child {margin:0;}

    #wrap.intro-wrap .footerWrap .footer {height:55px; padding:0 30px; line-height:55px;}
}

@media screen and (max-width:960px){
    #wrap.intro-wrap .footerWrap .footer {height:50px; padding:0 25px; line-height:50px;}
}

@media screen and (max-width:768px){
    
}
/* 푸터 영역 관련 스타일 :: E */

/* cssnano:enable */