@charset "utf-8";

/* 
    서브, 메인 공통으로 해당하는 header와 footer 등등의 CSS
    서브에는 해당이 안되지만 메인에서만 수정이 필요한 부분은 main.css 에서 수정
*/

@font-face{
    font-family:SCDream3;
    src:url(../font/SCDream3.eot);
    src:local('※'), url(../font/SCDream3.woff) format('woff');
}
@font-face{
    font-family:SCDream4;
    src:url(../font/SCDream4.eot);
    src:local('※'), url(../font/SCDream4.woff) format('woff');
}
@font-face{
    font-family:SCDream6;
    src:url(../font/SCDream6.eot);
    src:local('※'), url(../font/SCDream6.woff) format('woff');
}
@font-face{
    font-family:GmarketSansL;
    src:url(../font/GmarketSansLight.eot);
    src:local('※'), url(../font/GmarketSansLight.woff) format('woff');
}
@font-face{
    font-family:GmarketSansM;
    src:url(../font/GmarketSansMedium.eot);
    src:local('※'), url(../font/GmarketSansMedium.woff) format('woff');
}
@font-face{
    font-family:GmarketSansB;
    src:url(../font/GmarketSansBold.eot);
    src:local('※'), url(../font/GmarketSansBold.woff) format('woff');
}

@font-face{
    font-family:PretendardL;
    src:url(../font/Pretendard-Light.eot);
    src:local('※'), url(../font/Pretendard-Light.woff) format('woff');
}
@font-face{
    font-family:Pretendard;
    src:url(../font/Pretendard-Regular.eot);
    src:local('※'), url(../font/Pretendard-Regular.woff) format('woff');
}
@font-face{
    font-family:PretendardM;
    src:url(../font/Pretendard-Medium.eot);
    src:local('※'), url(../font/Pretendard-Medium.woff) format('woff');
}
@font-face{
    font-family:PretendardSB;
    src:url(../font/Pretendard-SemiBold.eot);
    src:local('※'), url(../font/Pretendard-SemiBold.woff) format('woff');
}
@font-face{
    font-family:PretendardB;
    src:url(../font/Pretendard-Bold.eot);
    src:local('※'), url(../font/Pretendard-Bold.woff) format('woff');
}

@font-face{
    font-family:MontserratM;
    src:url(../font/Montserrat-Medium.eot);
    src:local('※'), url(../font/Montserrat-Medium.woff) format('woff');
}
@font-face{
    font-family:MontserratB;
    src:url(../font/Montserrat-Bold.eot);
    src:local('※'), url(../font/Montserrat-Bold.woff) format('woff');
}

/* 건너뛰기 */
#divAccessibility{position:absolute;left:0;top:0;z-index:130}
#divAccessibility li{float:left}
#divAccessibility a{position:absolute;width:1px;height:1px;top:-50px;overflow:hidden;text-align:center}
#divAccessibility a:focus, #divAccessibility a:active{position:absolute;top:0;width:200px;height:auto;padding:5px;background-color:#fff;border:solid 1px #0079c6;color:#0079c6;z-index:2}

/* 숨김영역 */
.skip{position:absolute;width:1px;height:1px;text-indent:-9999px;overflow:hidden;border:none}

body{font-family: Pretendard, sans-serif;}
img{image-rendering: auto;}

/* divHeader */
#divHeader{position: fixed; left: 0; top: 0; width: 100%; box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.15); background: #fff; z-index: 3;}
#divHeader .header .center{width: 1800px; height: 120px; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
#divHeader .logo a{display: block; font-size: 0;}


#divTopMenu{width: 1000px; margin-left: auto; margin-right: 70px; background: #fff;}
#divTopMenu .menu{width: auto; flex: 1; line-height: 29px; text-align: center;}
#divTopMenu .menu a{display: inline-block; padding: 6px 12px; font-family: GmarketSansM, sans-serif; font-size: 19px; color: #000000; position: relative; letter-spacing: -0.025em;}
#divTopMenu .menu a::after{content: ""; display: block; width: 0; height: 3px; background: #00b2d0; position: absolute; left: 50%; transform: translateX(-50%); bottom: -1px; transition: width .5s;}


.globalMenuW{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
#divGlobalMenu{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-right: 75px;}
#divGlobalMenu > li{position: relative; padding: 0 14px;}
#divGlobalMenu > li:not(:last-child)::after{content: ""; display: block; width: 1px; height: 15px; background: #c3c3c3; position: absolute; right: 0; top: 3px;}
#divGlobalMenu > li > a{font-family: PretendardM, sans-serif; font-size: 15px; color: #1a1a1a; white-space: nowrap;}

/* wholeMenu */
/* 전체메뉴 버튼 */
.wholeMenuBtn {display: block; width: 28px; height: 28px; position: relative;cursor: pointer; margin: 0 auto;}
.wholeMenuBtn > span {position: absolute; width: 100%; height: 2px; margin: 6px 0; background: #282828; transition: transform .45s cubic-bezier(.9, -.6, .3, 1.6), width .2s ease .2s;}
.wholeMenuBtn > span:nth-child(1) {top: 50%; left: 0; margin: -2px 0 0 0; width: 28px; transform-origin: 50% 50%;}
.wholeMenuBtn > span:nth-child(2) {top: -2px; left: 0; width: 28px; transform-origin: 0 50%;}
.wholeMenuBtn > span:nth-child(3) {bottom: 0px;right: 12px;width: 16px;transform-origin: 100% 50%;transform: translate(0, 0);}
.wholeMenuBtn.on > span:nth-child(1) {transform: rotate(-45deg);transition: transform .45s cubic-bezier(.9, -.6, .3, 1.6) .1s;}
.wholeMenuBtn.on > span:nth-child(2) {width: 13px;transform: translate(4px, -2px) rotate(45deg);transition: transform .45s cubic-bezier(.9, -.6, .3, 1.6) .1s, width .2s ease;}
.wholeMenuBtn.on > span:nth-child(3) {width: 14px;transform: translate(8px, 2px) rotate(45deg);transition: transform .45s cubic-bezier(.9, -.6, .3, 1.6) .1s, width .2s ease;}
.wholeMenu{display: none; position: fixed; left: 0; top: 120px; width: 100%; height: calc(100vh - 120px); overflow: auto; background: #fff url(../../images/layout/wholeMenuBg.png) no-repeat top 400px right; background-attachment: fixed; border-top: 1px solid #d9dddf; padding: 75px 0 0; z-index: 2;}
.wholeMenu .wholeMenuTop{display: none;}
.wholeMenu .center{height: 100%;}
.wholeMenu .depth1{display: -webkit-box; display: -ms-flexbox; display: flex; width: 1300px; height: 100%; margin: 0 auto;}
.wholeMenu .depth1>li{ flex: 1; border-left: 1px solid #ebf7ff;}
.wholeMenu .depth1>li>a{display: inline-block; font-family: GmarketSansM, sans-serif; font-size: 24px; color: #454545; line-height: 1.2em; padding: 0 18px; margin-bottom: 50px; position: relative;}
.wholeMenu .depth1>li>a::before{content: ""; display: block; width: 5px; height: 25px; background: #0981ba; position: absolute; left: -1px; top: 0;}
.wholeMenu .depth2{padding: 0 16px; box-sizing: border-box;}
.wholeMenu .depth2>li{margin-bottom: 16px;}
.wholeMenu .depth2>li>a{font-size: 18px; color: #878787; line-height: 1.2em; padding: 0 12px;  position: relative;}

.wholeMenu .depth2>li>a::before{content: ""; display: block; width: 4px; height: 4px; background: #0981ba; border-radius: 50%; position: absolute; left: 0; top: calc(50% - 1px)}
.wholeMenu .depth3{display: none;}

@media screen and (min-width: 1025px){
    #divTopMenu .menu a:hover{color: #00b2d0;}
    #divTopMenu .menu a:hover::after{width: 100%;}
    .wholeMenu .depth2>li>a:hover{color: #00b2d0;}
    .wholeMenu .depth3{display: none!important;}
}
/* wholeMenu */

@media screen and (max-width: 1880px){
    #divHeader .header .center{width: 100%; padding: 0 40px; box-sizing: border-box;}
}
@media screen and (max-width: 1780px){
    #divTopMenu{margin-right: 40px;}
    #divGlobalMenu{margin-right: 45px;}
}
@media screen and (max-width: 1680px){
    #divTopMenu{margin-right: 20px;}
    #divGlobalMenu{margin-right: 25px;}
}
@media screen and (max-width: 1580px){
    #divHeader .header .center{height: 100px;}
    #divHeader .logo img{width: 130px;}
    #divTopMenu{width: 900px; margin-right: 10px;}
    #divTopMenu .menu a{font-family: GmarketSansM, sans-serif; font-size: 18px; color: #000000;}
    #divGlobalMenu > li{padding: 0 10px;}
    #divGlobalMenu > li:not(:last-child)::after{height: 14px; top: 4px;}
    #divGlobalMenu > li > a{font-size: 14px;}
    .wholeMenu{height: calc(100vh - 100px); top: 100px;}
}
@media screen and (max-width: 1450px){
    #divHeader .header .center{padding: 0 20px;}
    #divTopMenu{width: 800px; margin-right: 25px;}
    #divGlobalMenu{margin-right: 20px;}
}
@media screen and (max-width: 1300px){
    #divHeader .logo{margin-right: 10px;}
    #divHeader .logo img{width: 120px;}
    #divTopMenu{width: 740px; margin-right: 15px;}
    #divTopMenu .menu a{font-size: 17px; padding: 6px 8px;}

    .wholeMenu .depth1{width: 100%; padding: 0 20px; box-sizing: border-box;}
    .wholeMenu .depth1>li>a{font-size: 20px; padding: 0 15px; margin-bottom: 40px;}
    .wholeMenu .depth2{padding: 0 12px;}
    .wholeMenu .depth2>li>a{font-size: 16px; padding: 0 12px;}
}
@media screen and (max-width: 1150px){
    #divTopMenu{width: 680px; margin-right: 0px;}
    #divTopMenu .menu a{font-size: 16px; padding: 6px;}
    #divGlobalMenu{margin-right: 15px;}
    #divGlobalMenu > li{padding: 0 8px;}
    #divGlobalMenu > li:not(:last-child)::after{height: 13px; top: 5px;}
    #divGlobalMenu > li > a{font-size: 13px;}
}
@media screen and (max-width: 1024px){
    #divHeader {box-shadow: none;}
    #divHeader .header .center{height: 55px; padding: 0 15px;}
    #divHeader .logo{padding-left: 50px;}
    #divHeader .logo img{width: 110px;}

    #divTopMenu{position: absolute; left: 0; top: 100%; width: 100%; height: 50px; border-top: 1px solid #ebebeb;  border-bottom: 1px solid #e8e8e8;}
    #divTopMenu .menu{height: 100%;}
    #divTopMenu .menu a{display: block; height: 100%; line-height: 50px; padding: 0;}
    #divTopMenu .menu.on a{color: #00b2d0;}
    #divTopMenu .menu.on a::after{width: 100%; bottom: -1px;}
    

    #divGlobalMenu{margin-right: 0;}
    #divGlobalMenu > li{padding: 0;}
    #divGlobalMenu > li.login a{display: inline-block; width: 25px; height: 25px; background: url(../../images/layout/login.png) no-repeat center; background-size: 25px; text-indent: -9999px;}
    #divGlobalMenu > li.logout a{display: inline-block; width: 25px; height: 25px; background: url(../../images/layout/logout.png) no-repeat center; background-size: 25px; text-indent: -9999px;}
    #divGlobalMenu > li.kocw{display: none;}
    #divGlobalMenu > li.service{display: none;}
    #divGlobalMenu > li::after{display: none!important;}

    /* wholeMenu */
    .wholeMenuBtn{ position: absolute; left: 15px; top: 50%; transform: translateY(-50%); z-index: 3;}
    .wholeMenu{left: 0; top: 0; height: 100vh; padding: 0; background: #e4fbfa; overflow: hidden;}
    .wholeMenu .wholeMenuTop{display: block; height: 90px; padding: 15px 0 10px; border-bottom: 2px solid #b9b9b9;  box-sizing: border-box; background-color: #fff;}
    .wholeMenu .wholeMenuTop .center{display: -webkit-box; display: -ms-flexbox; display: flex;-webkit-box-orient: vertical; -ms-flex-direction: column; flex-direction: column; padding: 0 15px; box-sizing: border-box;}
    .wholeMenu .wholeMenuTop .topCont{display: -webkit-box; display: -ms-flexbox; display: flex;  -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
    .wholeMenu .wholeMenuTop .topCont2{margin-top: auto; margin-bottom: 0; padding-left: 45px;}
    .wholeMenu .wholeMenuTop .topCont .right{margin-left: auto;}
    .wholeMenu .wholeMenuTop .mobileMenu{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
    .wholeMenu .wholeMenuTop .mobileMenu > li{position: relative; padding: 0 10px;}
    .wholeMenu .wholeMenuTop .mobileMenu > li:last-child{padding-right: 0;}
    .wholeMenu .wholeMenuTop .mobileMenu > li:not(:last-child)::after{content: ""; display: block; width: 1px; height: 15px; background: #c3c3c3; position: absolute; right: 0; top: 3px;}
    .wholeMenu .wholeMenuTop .mobileMenu > li > a{font-size: 15px; color: #333333; white-space: nowrap;}
    .wholeMenu .wholeMenuTop .user{font-size: 17px; color: #686868;}
    .wholeMenu .wholeMenuTop .user .name{font-size: inherit; color: #000000;}
    .wholeMenu .wholeMenuTop .logout{display: inline-block; padding: 4px 12px; border-radius: 20px; font-family: PretendardM, sans-serif; font-size: 16px; color: #444444; background: #d3d3d3;}
    .wholeMenu .depth1{display: block; width: 40%; height: calc(100% - 90px); margin: 0; overflow: overlay; padding: 10px 0; padding-right: 20px; box-sizing: content-box;transition: width 0.5s;}
    .wholeMenu .depth1::after{content: ""; display: block; width: 40%; height: 100%;  background: #00b2d0; position: absolute; left: 0; top: 0; z-index: -1;}
    .wholeMenu .depth1>li{margin: 8px 0; border-left: 0;}
    .wholeMenu .depth1>li:first-child{margin-top: 0;}
    .wholeMenu .depth1>li>a{display: block; width: 100%; font-family: PretendardM, sans-serif; font-size: 18px; color: #ffffff; z-index: 1; padding: 15px 20px 15px 40px; margin-bottom: 0; box-sizing: border-box;}
    .wholeMenu .depth1>li>a::before{width: 100%; height: 100%; border-radius: 30px; left: 0; top: 0; background: #0981ba url(../../images/layout/wholeMenuArrow.png) no-repeat right 30px center; background-size: 12px; z-index: -1; opacity: 0;}
    .wholeMenu .depth1>li.on>a::before{left: 17px; opacity: 1; transition: left .5s;}
    .wholeMenu .depth2{display: none; position: absolute; right: 0; top: 90px; width: 60%; height: calc(100% - 90px); overflow: auto; padding: 10px 12px; box-sizing: border-box; background: #f0f9fa; transition: right 0.5s;}
    .wholeMenu .depth1>li.on .depth2{display: block;}
    .wholeMenu .depth2>li{border-bottom: 1px solid #dceaea; margin-bottom: 0;}
    .wholeMenu .depth2>li>a{display: block; font-size: 18px; color: #768484; padding: 19px 15px; box-sizing: border-box;}
    .wholeMenu .depth2>li>a::before{display: none;}
    .wholeMenu .depth2>li.on {border-bottom: 0;}

    .wholeMenu .depth3{padding: 12px 20px; border-radius: 12px; background: #fff; box-sizing: border-box; box-shadow: 0px 10px 19.95px 1.05px rgba(0, 0, 0, 0.1);}
    .wholeMenu .depth3>li{margin-bottom: 5px;}
    .wholeMenu .depth3>li:last-child{margin-bottom: 0;}
    .wholeMenu .depth3>li>a{display: inline-block; font-size: 16px; color: #8f8f8f; line-height: 1em;}
    .wholeMenu .depth3>li>a:hover{color: #000;}
    .wholeMenu .depth3>li.on>a{color: #00c5b9;}
    /* wholeMenu */

}
@media screen and (max-width: 767px){
    #divTopMenu .menu a{padding: 0 15px; font-size: 15px; white-space: nowrap;}
    .wholeMenuBtn{width: 24px; height: 24px;}
    .wholeMenuBtn > span:nth-child(1) {top: 50%; left: 0; margin: -2px 0 0 0; width: 24px; transform-origin: 50% 50%;}
    .wholeMenuBtn > span:nth-child(2) {top: -3px; left: 0; width: 24px; transform-origin: 0 50%;}
    .wholeMenuBtn > span:nth-child(3) {bottom: -1px;right: 12px;width: 12px;transform-origin: 100% 50%;transform: translate(0, 0);}
    .wholeMenuBtn.on > span:nth-child(1) {transform: rotate(-45deg);transition: transform .45s cubic-bezier(.9, -.6, .3, 1.6) .1s;}
    .wholeMenuBtn.on > span:nth-child(2) {width: 12px;transform: translate(4px, -1px) rotate(45deg);transition: transform .45s cubic-bezier(.9, -.6, .3, 1.6) .1s, width .2s ease;}
    .wholeMenuBtn.on > span:nth-child(3) {width: 12px;transform: translate(9px, 2px) rotate(45deg);transition: transform .45s cubic-bezier(.9, -.6, .3, 1.6) .1s, width .2s ease;}
    .wholeMenu .wholeMenuTop .topCont2{padding-left: 30px;}
    .wholeMenu .wholeMenuTop .mobileMenu > li > a{font-size: 14px;}
    .wholeMenu .wholeMenuTop .user{font-size: 16px;}
    .wholeMenu .wholeMenuTop .user .name{font-size: inherit; color: #000000;}
    .wholeMenu .wholeMenuTop .logout{padding: 3px 10px;font-size: 15px;}
    .wholeMenu .depth1{width: 45%;}
    .wholeMenu .depth1::after{width: 45%;}
    .wholeMenu .depth1>li>a{font-size: 15px; padding: 15px 15px 15px 30px;}
    .wholeMenu .depth1>li>a::before{background-position: right 15px center; background-size: 10px;}
    .wholeMenu .depth1>li.on>a::before{left: 10px;}
    .wholeMenu .depth2{width: 55%;}
    .wholeMenu .depth2>li>a{font-size: 15px;}
    .wholeMenu .depth3{padding: 10px 15px;} 
    .wholeMenu .depth3>li>a{font-size: 14px;}
}
/* divHeader */



/* divContentsW */
/* 헤더 높이 만큼 padding top */
#divContentsW{width: 1300px; margin: 0 auto; padding-top: 120px; min-height: calc(100vh - 199px); box-sizing: border-box;}
/* 헤더와 컨텐츠 간격 padding top */
#divContents{padding: 75px 0 100px;}
@media screen and (max-width: 1580px){
    #divContentsW{padding-top: 100px;}
}
@media screen and (max-width: 1340px){
    #divContentsW{width: 100%; padding-top: 100px; box-sizing: border-box;}
}
@media screen and (max-width: 1150px){
    #divContentsW{min-height: calc(100vh - 151px);}
}
@media screen and (max-width: 1024px){
    #divContentsW{min-height: calc(100vh - 207px); padding-top: 106px;}
    #divContents{padding-top: 30px;}
}
@media screen and (max-width: 767px){
    #divContentsW{padding-top: 106px;}
}
/* divContents */


/* divFooter */
#divFooter{border-top: 1px solid #e9e9e9; padding-bottom: 50px;}
#divFooter .center{width: 1300px; margin: 0 auto; height: 198px; padding-top: 45px; box-sizing: border-box; position: relative;}
#divFooter .sns{position: fixed; right: 60px; top: 65%; transform: translateY(-50%); z-index: 2;}
#divFooter .sns>li:not(:last-child){margin-bottom: 15px;}
#divFooter .sns>li img{background: #fff; border-radius: 50%;}
#divFooter .flogo{margin-right: 50px;}
#divFooter .footer{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap;}
#divFooter .footer .footerMenu{width: 100%; margin-bottom: 35px;}
#divFooter .footer .contactW{margin-left: auto;}
#divFooter .footer .linkList{margin-left: auto;}
#divFooter .footerMenu{display: -webkit-box; display: -ms-flexbox; display: flex;}
#divFooter .footerMenu>li:not(:last-child){margin-right: 25px;}
#divFooter .footerMenu>li>a{font-family: PretendardM, sans-serif; font-size: 15px; color: #666565;}
#divFooter .footerMenu>li>a:hover{color: #000;}
#divFooter address{margin-bottom: 10px; letter-spacing: -0.025em;}
#divFooter address span{font-family: PretendardM, sans-serif; font-size: 15px; color: #828282;}
#divFooter .copyRight{font-size: 14px; color: #9d9c9c;}
#divFooter .contact{display: -webkit-box; display: -ms-flexbox; display: flex; border: 1px solid #e5e5e5; border-radius: 10px; padding: 14px 20px; box-sizing: border-box;}
#divFooter .contact > div:not(:first-child){ margin-left: 20px;}
#divFooter .contact p{font-family: PretendardM, sans-serif; font-size: 14px; color: #7d7d7d; line-height: 23px; padding-top: 40px; background: url(../../images/layout/tel.png) no-repeat center top;}
#divFooter .contact .tel{display: inline-block; font-family: PretendardB, sans-serif; font-size: 23px; color: #414297; line-height: 1em; margin-bottom: 8px;}
#divFooter .contact .time{display: block; font-family: Pretendard, sans-serif; font-size: 15px; color: #868686; line-height: 1em; margin-bottom: 2px;}
#divFooter .contact .email{display: block; font-family: Pretendard, sans-serif; font-size: 15px; color: #868686; line-height: 1em;}
#divFooter .linkList{display: -webkit-box; display: -ms-flexbox; display: flex;}
#divFooter .linkList>li{margin-left: 15px;}

.gotoTop{display: block; width: 66px; height: 66px; line-height: 66px; border-radius: 50%; background: #00b2d0; text-align: center; position: absolute; right: 0; top: -50px;}
.gotoTop img{vertical-align: middle;}
@media screen and (max-width: 1520px){
    #divFooter .sns{right: 20px;}
    #divFooter .sns>li img{width: 32px;}
}
@media screen and (max-width: 1340px){
    #divFooter .center{width: 100%; height: auto; padding: 45px 20px 40px; box-sizing: border-box;}
}
@media screen and (max-width: 1150px){
    #divFooter .center{padding: 30px 20px 30px;}
    #divFooter .footerMenu{ -webkit-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap;}
   
    #divFooter address{margin-bottom: 5px;}
    
}
@media screen and (max-width: 1024px){
    #divFooter .center{padding: 20px 15px; height: auto;}
    #divFooter .footer {-webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;}
    #divFooter .footerMenu{-webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;}
    #divFooter .footerMenu>li:not(:last-child){margin-right: 15px;}
    #divFooter .footerMenu>li>a{font-size: 14px;}
    #divFooter .footer .addressW{width: 100%; text-align: center; margin-bottom: 20px;}
    #divFooter .footer .contactW{margin: 0 auto; margin-bottom: 20px;}
    #divFooter .footer .linkList{width: 100%; margin: 0 auto;-webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;}
    #divFooter address span{font-size: 14px;}
    #divFooter .copyRight{font-size: 13px;}
    #divFooter .contact p{font-size: 15px;}
    #divFooter .contact .tel{font-size: 20px;}
    #divFooter .contact .time{font-size: 14px; margin-bottom: 4px}
   

    .gotoTop{width: 40px; height: 40px; line-height: 40px; right: 20px; top: 130px;}
    .gotoTop img{height: 20px;}
}
@media screen and (max-width: 767px){
    #divFooter .footerMenu>li:not(:last-child){margin-right: 10px;}
    .gotoTop{display: none;}

}
/* divFooter */

/* 수강확인증 검증 팝업 */
.verificationPopupW{position: fixed; left: 0; top: 0; width: 100vw; height: 100vh; background: rgba(0, 0, 0, .5); z-index: 201;}
.verificationPopup{width: 550px; background: #fff; position: relative; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.verificationPopup .popupHeader{background: #1e2856; height: 62px; padding: 20px 30px; box-sizing: border-box;}
.verificationPopup .popupHeader .popupTit{font-family: NanumSquareB, sans-serif; font-size: 20px; color: #ffffff; line-height: 1.2em;}
.verificationPopup .popupContainer{padding: 60px 30px 40px; text-align: center;}
.verificationPopup .popupContainer p{ font-family: NanumBarunGothic, sans-serif; font-size: 17px; color: #000000;}
.verificationPopup .popupContainer p .point{color: #da2e00;}
.verificationPopup .popupContainer .inputBox {margin-top: 45px;}
.verificationPopup .popupContainer .inputBox input{width: 100%; height: 54px; border: 1px solid #198fe1; font-family: NanumBarunGothic, sans-serif; font-size: 17px; color: #007bd1; border-radius: 4px; padding: 0 22px; box-sizing: border-box; box-shadow: 1px 2px 6.3px 0.7px rgba(0, 0, 0, 0.12);}
.verificationPopup .popupContainer .inputBox input::placeholder{ font-family: NanumBarunGothic, sans-serif; font-size: 17px; color: #717171;}
.verificationPopup .popupContainer .inputBox input:placeholder-shown{border: 1px solid #d0d0d0;}
.verificationPopup .popupContainer .inputBox input:focus{border: 1px solid #198fe1; outline: none;}
.verificationPopup .popupFooter{text-align: center; padding-bottom: 60px;}
.verificationPopup .popupBtn{display: inline-block; min-width: 230px; border: 0; background: #333333; text-align: center; line-height: 55px; font-family: NanumSquare, sans-serif; font-size: 17px; color: #ffffff; border-radius: 4px;}
.verificationPopup .popupClose{position: absolute; right: 30px; top: 20px;}

@media screen and (max-width: 767px){
	.verificationPopup{width: 100%;}
}
/* 수강확인증 검증 팝업 */