@font-face {
  font-family: 'NanumSquare_acR';
  src: url('../font/NanumSquare_acR.eot'),
      url('../font/NanumSquare_acR.woff') format('woff'),
      url('../font/NanumSquare_acR.ttf') format('truetype');
  src: local("※"),
    url('../font/NanumSquare_acR.eot'),
    url('../font/NanumSquare_acR.woff') format('woff'),
    url('../font/NanumSquare_acR.ttf') format('truetype'),
    url('../font/NanumSquare_acR.svg#webfonturzspG4F') format('svg');
}
@font-face {
  font-family: 'nanumMyeongjoBold';
  src: url('../font/nanumMyeongjoBold.eot'),
      url('../font/nanumMyeongjoBold.woff') format('woff'),
      url('../font/nanumMyeongjoBold.ttf') format('truetype');
  src: local("※"),
    url('../font/nanumMyeongjoBold.eot'),
    url('../font/nanumMyeongjoBold.woff') format('woff'),
    url('../font/nanumMyeongjoBold.ttf') format('truetype'),
    url('../font/nanumMyeongjoBold.svg#webfonturzspG4F') format('svg');
}
@font-face {
  font-family: 'NanumSquareRoundB';
  src: url('../font/NanumSquareRoundB.eot'),
      url('../font/NanumSquareRoundB.woff') format('woff'),
      url('../font/NanumSquareRoundB.ttf') format('truetype');
  src: local("※"),
    url('../font/NanumSquareRoundB.eot'),
    url('../font/NanumSquareRoundB.woff') format('woff'),
    url('../font/NanumSquareRoundB.ttf') format('truetype'),
    url('../font/NanumSquareRoundB.svg#webfonturzspG4F') format('svg');
}



body,div,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,form,fieldset,caption,label,input,textarea,button,select,iframe,object,header,footer,nav,hgroup,section,article,aside{margin: 0;padding: 0;font-family:"NanumSquare_acR";font-weight: normal;}
img,a,span,abbr,address,pre,code,del,em,strong,sub,sup{margin: 0;padding: 0;}
h1,h2,h3,h4,h5,h6,strong, b{font-weight: bold;transition: all 0.3s ease;}
*{letter-spacing: -1px;}
i{font-style: normal;}

body,textarea{}
body,input,textarea,select,button,table,th,td{font-style: normal; font-variant: normal; font-family:"NanumSquare_acR";}
body{font-size: 20px;color: #333; font-weight: normal;}

input[type="file"], input[type="text"],input[type="tel"], input[type="password"], select{border: 1px solid #dfdfdf;color: #333;}
input,textarea,select,button {font-size: 20px;vertical-align: middle;font-family:"NanumSquare_acR";}
legend {margin: 0;padding: 0;display: none;}
pre{white-space: pre;font-family:"NanumSquare_acR";white-space: pre-wrap;word-wrap: break-word;}
textarea{height:initial;resize: none;}

img{border: 0 none;vertical-align: middle;}
ul,ol,li,dl,dt,dd{list-style: none;padding:0;}
a{text-decoration: none;color: #333;font-family:"NanumSquare_acR";display: inline-block;transition: all 0.3s ease;}
a:link {color:#333; text-decoration:none; font-size:20px;}

table {border-collapse: separate;border-collapse: collapse;width: 100%;position: relative;}
table caption{width: 0;height: 0;font-size: 20px;overflow: hidden;text-indent: -999em;}
input[type="button"], input[type="submit"], input[type="reset"], select{-webkit-appearance: none;outline: none;}
select{background: #f1f5f8 url(../images/sub/play_2b.png) no-repeat 98% center;appearance:none;-moz-appearance:none;-webkit-appearance:none;}
select::-ms-expand { display: none; }
.hidden {
	overflow: hidden;
	position: absolute;
	width: 0;
	height: 0;
	top: -9999px;
	left: -9999px;
	line-height: 0;
	text-indent: -999em;
	margin: 0;
	padding: 0;
	background: none;
	line-height: 0;
	border: none;
}
.clearfix:after{content: "";display: block;height: 0;clear: both;visibility: hidden;}
.clear{clear: both;height: 0;}
.mt0{margin-top: 0 !important;}

#login-wrap{max-width: 350px;margin: 20px auto;padding: 50px;position: relative;border: 5px solid #6a86eb;}
#login-quiz{max-width: 350px;margin: 20px auto;padding: 50px;position: relative;border: 5px solid #6a86eb;}
.login-error{padding: 50px 40px;border: 5px solid #6a86eb;border-radius: 50px;width: 260px;margin-top: 69px;}
.login-error .title{font-size: 32px;color: #6a86eb;text-align: center;font-weight: bold;}
.login-error p{margin-top: 33px;font-size:20px;line-height: 28px;text-align: center;}
.login-button a{padding: 0 30px;border: 5px solid #6a86eb;font-size: 24px;line-height: 57px;color: #6a86eb;text-align: center;font-weight: bold;box-shadow: 0px 4px 10px #999;}
.login-button{margin-top: 30px;text-align: center;}
.login-btn a{padding: 0 50px;border: 5px solid #6a86eb;font-size: 24px;line-height: 57px;color: #6a86eb;text-align: center;font-weight: bold;box-shadow: 0px 4px 10px #999;}
.login-btn{margin-top: 30px;text-align: center;}
.close{position: absolute;right: 20px;top: 20px;}

.login-box{margin-top: 41px;}
.login-box h1{font-size: 32px;color: #6a86eb;padding-bottom: 20px;}
.id-pw li{margin-top: 30px;}
.id-pw li h2{font-size: 20px;color: #6a86eb;margin-bottom: 10px;}
.id-pw li input{width: calc(100% - 40px);border: 1px solid #999;height: 42px;padding: 0 20px;}
::-webkit-input-placeholder{color:#9b9b9b;font-size:20px;}
:-moz-placeholder{color:#9b9b9b;font-size:20px;}
::moz-placeholder{color:#9b9b9b;font-size:20px;}
:-ms-input-placeholder{color:#9b9b9b;font-size:20px;}
.join-pwn{margin: 50px auto 20px;text-align: center;}
.join-pwn li{display: inline-block;position: relative;padding: 0 12px;}
.join-pwn a{font-size: 18px;color: #333;}
.join-pwn a span{display: inline-block;border-bottom: 1px solid #333;}
.join-pwn a:first-child{font-weight: bold;}
.join-pwn li:before{content: "";height: 17px;width: 2px;background: #333;position: absolute;left: -1px;top: 3px;}
.join-pwn li:first-child:before{display: none;}

#mobile-wrap{}
.contents-box{display: none;max-width: 450px;margin: 20px auto;border: 5px solid #6a86eb;padding: 50px 0;position: relative;}
.contents-box.contents4{max-width: 600px;}
.contents-box.contents5{max-width: 600px;}
.mobile-title{text-align:center;color: #6a86eb;font-size: 32px;border-bottom: 1px solid #d1d1d1;padding-bottom: 20px;margin-top: 10px;}
.back{position: absolute;left: 20px;top: 24px;}
.mobile-contents{padding: 30px 50px 75px;}
.name-phonenum h2{font-size: 20px;color: #6a86eb;margin-bottom: 10px;}
.name-phonenum h2 span{color: #333;font-weight: normal;}
.name-phonenum li{margin-top: 30px;}
.name-phonenum li input{width: calc(100% - 40px);border: 1px solid #999;height: 42px;padding: 0 20px;}
.name-phonenum li div{position: relative;padding-right: 89px;margin-bottom: 20px;}
.name-phonenum li div a{background: #7d7d7d;color: #fff;height: 44px;width: 109px;text-align: center;line-height: 44px;position: absolute;right: 0;top: 0;}
.name-phonenum li div:last-child{margin-bottom: 0;}
.name-phonenum li.phoneInput input{width: calc(100% - 70px);border: 1px solid #999;height: 42px;padding: 0 20px;}
.name-phonenum li div a.try-align{color: #6a86eb;background: none;text-align: right;font-size: 18px;text-decoration: underline;}
.name-phonenum li div a.pw-write{color: #6a86eb;background: none;text-align: right;font-size: 18px;}
.mobile-contents .txt{font-size: 18px;margin-top: 30px;line-height: 24px;}
.mobile-contents .txt.t2{font-size: 16px;}
.contents3{border: 5px solid #6a86eb;width: 338px;margin: 0 auto;border-radius: 50px;padding: 50px 0;}
.contents3 h1{text-align:center;color: #6a86eb;font-size: 32px;}
.contents3 p{font-size: 20px;text-align: center;margin-top: 35px;}
.name-phonenum li div.input-four{padding: 0;position: relative;padding-right: 50px;}
.name-phonenum li div.input-four span{position: absolute;right: 0;top: 10px;}
.name-phonenum li div.input-four input{text-align: center;padding: 0 15px;width: calc(75% / 3 - 53px);}
.name-phonenum li div.input-four input:first-child{width: 25%;}
.mobile-contents h2{font-size: 20px;color: #6a86eb;margin-bottom: 10px;}
.check-area{border: 1px solid #d1d1d1;padding: 30px;}
.checkbox{display: inline-block;overflow: hidden;position: relative;}
.checkbox label{content:"";background: url(../images/checkbox-n.gif) no-repeat left top;display: inline-block;padding-left: 40px;position: relative;height: 32px;line-height: 32px;font-size: 20px;}
.checkbox input{opacity: 0;position: absolute;}
.checkbox input:checked +label::before{content: "";display: block;text-align: center;color: #6a86eb;position: absolute;left: 0;top: 0;width: 32px;height: 32px;background: url(../images/checkbox-y.gif) no-repeat left top;}
.check-area-floor1{position: relative;padding-bottom: 10px;}
.check-area-floor1 label{font-weight: bold;}
.check-area-floor1:after{content:"";width: 80%;height: 1px;background: #d1d1d1;position: absolute;bottom: 0;left: 0;}
.check-area-floor2{margin-top: 7px;}
.check-area-floor2 li{padding: 6px 0;position: relative;}
.check-area-floor2 li a{position: absolute;right: 0;bottom: 0;text-decoration: underline;line-height: 32px;}
.check-area-floor2 li .checkbox{display: block;padding-right: 35px;}

.width-auto{margin: 0 auto;width: 1000px;}
#header{margin: 0 auto;width: 1000px;padding: 36px 0 84px;}
#header h1{float: left;}
#gnb{float: right;padding: 20px 0 25px;}

#gnb .gnb-depth1 > li{float: left;margin-left: 80px;}
#gnb .gnb-depth1 > li > a{font-size: 20px;color: #333;font-weight: bold;}
.main-tab{/*border-bottom: 1px solid #d1d1d1;*/}
.main-tab > ul > li{float: left;}
.main-slide{position: relative;}
.main-slide .owl-item{overflow: hidden;width: 100%;}
.main-slide .owl-demo .item .pc-img{display: block;}
.main-slide .owl-dots{position: absolute;left: 0;bottom: 3%;z-index: 10;width: 100%;text-align: center;}
.main-slide .owl-dot{display: inline-block;width: 17px;height: 17px;background: #6d6d6d;margin: 0 3px;border-radius: 100%;cursor: pointer;}
.main-slide .owl-dot.active{background: #ffe866;}
.main-slide .owl-prev{width: 33px;height: 57px;background: url(../images/msa_prev.png) no-repeat left top;text-indent: -9999em;position: absolute;left: 10%;top: calc(50% - 23px);cursor: pointer;}
.main-slide .owl-next{width: 33px;height: 57px;background: url(../images/msa_next.png) no-repeat left top;text-indent: -9999em;position: absolute;right: 10%;top: calc(50% - 23px);cursor: pointer;}

.main-slideb{position: relative;margin-top: 30px;}
.main-slideb .owl-item{overflow: hidden;width: 100%;}
.main-slideb .owl-demo .item .pc-img{display: block;}
.main-slideb .img-auto{position: relative;width: 100%;}
.main-slideb .owl-dots{position: absolute;left: 0;bottom: 5%;z-index: 10;width: 100%;text-align: center;}
.main-slideb .owl-dot{display: inline-block;width: 17px;height: 17px;background: #6d6d6d;margin: 0 3px;border-radius: 100%;cursor: pointer;}
.main-slideb .owl-dot.active{background: #00d3d5;}
.main-slideb .owl-prev{width: 33px;height: 57px;background: url(../images/msb_prev.png) no-repeat left top;text-indent: -9999em;position: absolute;left: 10%;top: calc(50% - 23px);cursor: pointer;}
.main-slideb .owl-next{width: 33px;height: 57px;background: url(../images/msb_next.png) no-repeat left top;text-indent: -9999em;position: absolute;right: 10%;top: calc(50% - 23px);cursor: pointer;}

.main-slidec{position: relative;margin-top: 30px;}
.main-slidec .owl-item{overflow: hidden;width: 100%;}
.main-slidec .owl-dots{position: absolute;left: 0;bottom: 5%;z-index: 10;width: 100%;text-align: center;}
.main-slidec .owl-dot{display: inline-block;width: 17px;height: 17px;background: #6d6d6d;margin: 0 3px;border-radius: 100%;cursor: pointer;}
.main-slidec .owl-dot.active{background: #ffe866;}
.main-slidec .owl-prev{width: 33px;height: 57px;background: url(../images/msa_prev.png) no-repeat left top;text-indent: -9999em;position: absolute;left: 10%;top: calc(50% - 23px);cursor: pointer;}
.main-slidec .owl-next{width: 33px;height: 57px;background: url(../images/msa_next.png) no-repeat left top;text-indent: -9999em;position: absolute;right: 10%;top: calc(50% - 23px);cursor: pointer;}

.img-auto{position: relative;width: 100%;}

.main-banner{margin: 0 auto;max-width: 1600px;position: relative;}
.main-banner.t4{margin-top: 30px;}
.main-banner img{width: 100%;}
.video-box1{margin: 0 auto;max-width: 1600px;background: #ffe866;padding: 150px 0 130px;}
.video-box1 h2{font-size: 70px;text-align: center;}
.video-box1 h2 span{display: block;font-size: 30px;margin-bottom: 25px;}
.video1{margin: 0 auto;margin-top: 68px;padding: 16px;border: 2px solid #333;width: 640px;position: relative;max-width: 640px;text-align: center;}
.video1 iframe{width: 640px;height: 360px;}
.video1 .icon1{position: absolute;left: -90px;top: 10px;}
.video1 .icon2{position: absolute;left: -44px;top: 31px;}
.video1 .icon3{position: absolute;right: -68px;bottom: -38px;}
.video1 .show-btn {display: inline-block;position: absolute;top: calc(50% - 40px);left: calc(50% - 40px);border-radius : 100%;cursor: pointer;z-index: 1;transition: 0.3s;width: 80px;height: 80px;border: 2px solid #ffe866;text-align: center;}
.show-btn i{line-height: 80px;padding-left: 5px;}
.vb-button{margin-top: 70px;text-align: center;}
.main-banner-pink{margin-top: 129px;overflow: hidden;position: relative;}
.main-banner-pink .img-center{position: relative;left: calc(50% - 800px);top: 0;}
.main-banner-pink .title{text-align: center;position: absolute;left: 0;top: 150px;width: 100%;font-size: 90px;font-weight: bold;}
.main-banner-pink .title .line1{display: block;font-size: 45px;line-height: 56px;}
.main-banner-pink .title .line2{display: block;font-size: 48px;margin: 40px 0 30px;}
.main-banner-pink .video2{position: absolute;left: calc(50% - 322px);width: 574px;top: 564px;border-radius: 5px;}
.main-banner-pink .video2 .v-dio{border-radius: 17px;overflow: hidden;}
.main-banner-pink .video2 .v-dio iframe{width: 100%;height: 323px;}
.main-banner-pink .show-btn{position: absolute;left: calc(50% - 41px);top: calc(50% - 41px);}
.main-banner-pink .v-icon{position: absolute;bottom: -75px;right: -82px;}
.main-banner-pink .txt{position: absolute;bottom: 338px;left: 0;width: 100%;text-align: center;font-size: 45px;font-weight: bold;line-height: 55px;}
.main-banner-pink .vb-button{position: absolute;bottom: 130px;left: 0;width: 100%;}
.main-banner .vb-button2{position: absolute;left: 0;bottom: 9%;width: 100%;text-align: center;}


#main-bg2{background: #6a86eb;padding: 69px 0 126px;}
#footer{margin: 0 auto;width: 1000px;}
.mff1-lf{float: left;width: 592px;}
.mff1-lf h1{color: #fff;padding-bottom: 20px;font-size: 15px;font-weight: normal;}
.mff1-lf h1 a{margin-right: 5px;margin-bottom: 5px;}
.mff1-lf h1 img{vertical-align: -5px;}
.mff1-lf ul li{margin-top: 10px;color: #fff;font-size: 16px;letter-spacing: -1px;}
.mff1-lf ul li span{margin-right: 15px;color: #fff;}
.mff1-lf ul li span:last-child{margin-right: 0;}
.mff1-rt{float: right;/*padding-top: 26px;*/padding-top:155px;}
.mff1-rt h2{font-size: 18px;color: #fff;font-weight: normal;}
.mff1-rt ul{margin-top: 10px;}
.mff1-rt li{font-size: 20px;color: #fff;margin-top: 10px;font-weight: bold;letter-spacing: 0;}
.mff1-rt a{margin-top: 30px;}
.mb2-footer-floor2{text-align: center;margin-top: 30px;}
.mb2-footer-floor2 > li{display: inline-block;margin: 0 18px;}
.mb2-footer-floor2 > li a{color: #fff;font-size: 14px;border-bottom: 1px solid #fff;}
.mb2-footer-floor3{text-align: center;margin-top: 24px;color: #fff;font-size: 14px;}
.mb2-footer-floor4{text-align: center;margin-top: 24px;color: #000;font-size: 14px;}
.mff1-lf ul li a{ color: #fff !important; font-size: 16px; }
.mff1-rt{padding-top:20px;}
.kakao div{ padding: 20px 0 10px; color: #fff; font-size: 18px; }
.m-h-bt{display: none;}
.sp-nav{display: none;z-index: 100;}
#m-gnb{position: fixed;left: -85%;top: 0;width: 85%;z-index: 10000;background: #fff;overflow-y: auto;height: calc(100% - 40px);padding-bottom: 40px;}
a.login-go{background: #6a86eb;padding: 38px 50px 22px;font-size: 34px;color: #fff;display: block;font-weight: bold;}
a.login-go img{vertical-align: 4px;}
.my-about{display: table;width: 100%;}
.my-about li{display: table-cell;background: #dae6ff;}
.my-about li a{display: block;}
.my-about li a img{width: 100%;}
.m-gnb-depth1{}
.m-gnb-depth1 a{font-size: 28px;position: relative;}
.m-gnb-depth1 > li{padding: 50px;border-bottom: 1px solid #d1d1d1;}
.m-gnb-depth1 > li > a{color: #6a86eb;font-weight: bold;}
.m-gnb-depth1 > li > a:after{content: "";position: absolute;width: 15px;height: 15px;background: url(../images/m_depth1.png) no-repeat center top;right: -21px;top: 7px;}
.m-gnb-depth2{padding: 10px 0;}
.m-gnb-depth2 > li{padding: 10px 0;}
.m-gnb-depth2 > li > a:after{content: "";position: absolute;width: 15px;height: 15px;background: url(../images/m_depth2.png) no-repeat center top;right: -21px;top: 7px;}
.m-link{padding: 50px;border-bottom: 1px solid #d1d1d1;}
.m-link li{float: left;margin-right: 2%;}
#m-gnb > ul:last-child{border-bottom: 0;}
.gnb-bg{display: none;background: rgba(0, 0, 0, 0.7);position: fixed;width: 100%;height: 100%;z-index: 999;left: 0;top: 0;}
.m-img{display: none;}
.m-aimg{display: none;}
.reden{display: none;}
.t2-menu > li.td a br{display: none;}

.t2-menu{display: table;padding: 20px 0 0;}
.t2-menu > li{display: table-cell;}
.t2-menu > li.th{padding: 13px 20px 13px 0;height: 48px;vertical-align: middle;}
.t2-menu > li.td{border-left: 1px solid #d1d1d1;padding: 13px 0;position: relative;}
.t2-menu > li.td a{font-weight: bold;margin-left: 40px;vertical-align: top;}
.t2-menu > li.td span:last-child{position: absolute;right: 0;top: 9px;}
.t2-menu > li.td span:last-child a{background: #ff2b6c;padding: 13px;border-radius:48px;margin-top: -13px;color: #fff;}
.t2-menu > li.td span{display: inline-block;position: relative;}
.t2-menu > li.td span ul{position: absolute;left: 0;top: 45px;width: 400px;}
.t2-menu > li.td span ul li{float: left;position: relative;}
.t2-menu > li.td span ul li a{font-size: 18px;font-weight: normal;}
.t2-menu > li.td span ul li a.on2{font-weight: bold;color: #8fa4f0;}
.t2-menu > li.td span ul li:before{content: "";position: absolute;left: 20px;top: 0;height: 18px;width: 1px;background: #d1d1d1;}
.t2-menu > li.td span ul li:first-child:before{display: none;}
.t2-banner{background: #46276d;padding: 200px 0;text-align: center;}
.t2-banner h2{text-align: center;}
.t2-banner h2 img{max-width: 737px;width: 100%;}
._video{margin-top: 100px;}
.t2-menu > li.td a.on{color: #8fa4f0;}

.main-banner.position-button{position: relative;}
.main-banner.position-button .vb-button{position: absolute;left: 0;bottom: 4%;width: 100%;}
.main-banner.position-button.t4 .vb-button{bottom: 8%;}
.sub4-2-pink{position: relative;background: #ffbaca;padding: 147px 0 402px;margin-top: 30px;}
.sub4-2-pink h2{text-align: center;}
.sub4-2-pink h2 img{width: 80%;max-width: 1163px;margin: 0 auto;}
.sub4-2-pink-box{margin: 0 auto;width: 1004px;margin-top: 86px;}
.sub4-2-pink-box > li{float: left;width: calc(50% - 106px);height: 240px;padding: 49px 0 0 106px;}
.sub4-2-pink-box > li.n1{background: url(../images/1.png) no-repeat left top;}
.sub4-2-pink-box > li.n2{background: url(../images/2.png) no-repeat left top;}
.sub4-2-pink-box > li.n3{background: url(../images/3.png) no-repeat left top;}
.sub4-2-pink-box > li.n4{background: url(../images/4.png) no-repeat left top;}
.sub4-2-pink-box > li.n5{background: url(../images/5.png) no-repeat left top;}
.sub4-2-pink-box > li.n6{background: url(../images/6.png) no-repeat left top;}
#wrap{min-width: 1024px;}
.t2-1-top{margin-top: 105px;}
.main-banner-blue{background: #6a86eb;padding: 153px 0 150px;text-align: center;}
.main-banner-blue iframe{width: 858px;height: 486px;margin: 0 auto;}
.t2-banner iframe{width: 858px;height: 486px;margin: 0 auto;}/*2020-0909*/
.svideo{position: relative;}
.svideo .iframe{display: block;position: absolute;top: 14px;left: 16px;overflow: hidden;width: 284px;height: 162px;border-radius: 8px;border: 2px solid #333;}
.svideo .iframe iframe{width: 284px;height: 162px;}
#footer-button{display: none;}

.t4banner3{background: #0a2b6d;padding: 178px 0 181px;}
.t4banner3 h2{text-align: center;}
.t4banner3 h2 img{max-width: 799px;width: 100%;}
.t4banner3 ul{margin-top: 80px;}
.t4banner3 ul li{float: left;}
.t4banner3 ul li:last-child{float: right;}



/* 20.07.29 수정 */
#header { padding-bottom: 35px; }
#gnb .gnb-depth1 > li{ margin-left: 0; padding: 0 20px; position: relative; }
#gnb .gnb-depth1 > li:after{ content: ''; display: block; width: 1px; height: 20px; background-color: #333; position: absolute; top: 50%; transform: translateY(-50%); right: -0.5px; }
#gnb .gnb-depth1 > li:last-child{ padding-right: 0;}
#gnb .gnb-depth1 > li:last-child:after{ display: none; }
.t2-menu{ padding: 12px 0; }
.main-slidec{ margin-top: 0; }
.main-banner.t4{ margin-top: 0; }
.sub4-2-pink{ margin-top: 0; }
.main-slideb{ margin-top: 0; }
.t2-menu > li.th{ height: 40px; }
.t2-menu > li.td{ padding: 8px 0 0; }
.t2-menu > li.td span ul{ top: 35px; }
.main-tab{ border-bottom: 1px solid #d1d1d1; } 
.bb{ border-bottom: 1px solid #d1d1d1; }

.login-button a{ width: calc((100% - 10px) / 2); box-sizing: border-box; }
.login-btn a{ width: calc((100% - 10px) / 2); box-sizing: border-box; }
.login-btn a{padding: 0 30px;font-size: 20px;line-height: 40px;}

.logoutBtn{ text-align: left; margin: 4% 0 100px 50px; }
.logoutBtn button{ height: 64px; line-height: 54px; border: 5px solid #6a86eb; color: #6a86eb; font-weight: 700; background-color: #fff; width: 210px; }

#login-wrap{ border:none; margin-top: 0; padding: 0!important; padding-top: 10px!important; max-width: 450px; }
.loginCommonTop{ border-bottom: 1px solid #ccc!important; }
#login-wrap h2{ color: #6a86eb; font-weight: 700; padding: 40px 0; }
#login-wrap h3{ color: #6a86eb; padding-bottom: 10px; font-size: 1em; }

#login-quiz{ border:none; margin-top: 0; padding: 0!important; padding-top: 10px!important; max-width: 450px; }
#login-quiz h2{ color: #6a86eb; font-weight: 700; padding: 40px 0; }
#login-quiz h3{ color: #6a86eb; padding-bottom: 10px; font-size: 1em; }

.login-banner{ position: relative; border-bottom: 1px solid #ccc; }
.login-banner img{ width: 103px !important; position: absolute; top: 50%; transform: translateY(-50%); right: 0;}
.login-box{ padding: 0 50px; }
.id-pw li{ margin-top: 20px; }

.contents-box { border:none; margin-top: 0; padding: 0!important; padding-top: 10px!important;}
#mobile-wrap h3 span{ color: #333; font-weight: 400; }
.name-phonenum li{ margin-top: 20px; }
.mobile-contents .txt_s{ font-size: 16px; margin-top: 0; }
.name-phonenum li.birthInput div { padding-right: 0px; margin-bottom: 20px; }
.birthInput div > span{display: block; float: left; width: 57%;}
.birthInput div span.numFirst{ padding-left: 4px; box-sizing: border-box; width: 43%;}
.birthInput div span.numFirst input{ padding: 0; width: 40px;margin-right: 5px; }

.contents3{ border: 3px solid #6a86eb; margin-top: 70px; padding: 70px 0 50px 0!important;}
.contents3 p{ color: #6a86eb; font-size: 25px; }
.contents3 .login-button{ margin-top: 90px; }
.contents-box.contents5 .mobile-contents{ padding-left: 0; padding-right: 0; }
.checkbox label{ word-break: keep-all; }
.check-area-floor2 li a{ bottom: 50%; transform: translateY(50%);}
.check-area-floor1:after{ width: 100%; }

.loginError{ padding-top: 20px!important; }
.loginError .errorDesc{ text-align: center; font-size: 20px; margin-top: 25px!important; word-break: keep-all; }
.loginError .login-button{ margin-top: 50px!important;  }

.pwAlert .contents-box{ border: none!important; margin-top: 0; padding: 0!important; }
.pwAlert .contents-box p{ word-break: keep-all; }
.pwAlert .login-button{ font-size: 0;width: 100%; }
.pwAlert .login-button a{ padding:  0; font-size: 18px; display: inline-block; width: calc((100% - 10px) / 2); box-sizing: border-box;  margin-right: 10px;  }
.pwAlert .login-button a:last-child{ margin-right: 0px; } 

.csWrap{ margin: 0 auto 50px; width: 1000px; }
.csWrap h2{ color: #6a86eb; padding: 40px 0; border-bottom: 1px solid #ccc;}
.csWrap h3{ padding-bottom: 20px; }
.csSec{ padding-top: 40px; }
.csSec > ul {font-size: 0; }
.csSec > ul li{display: inline-block; width: 50%; border: 1px solid #ccc; border-bottom: none; border-right: none; box-sizing: border-box; }
.csSec > ul li a{ display: block; min-height: 150px; padding: 20px 10px;box-sizing: border-box; }
.csSec > ul li div{  font-size: 1em!important; }
.csSec > ul li:nth-last-child(1){border-bottom: 1px solid #ccc;}
.csSec > ul li:nth-last-child(2){border-bottom: 1px solid #ccc;}
.csSec > ul li:nth-child(2n){border-right: 1px solid #ccc;}
.pagination ul {font-size: 0; text-align: center; margin: 40px 0 0; }
.pagination ul li{ display: inline-block;font-size: 18px; padding: 0 10px; }

.csSec01 > ul li:nth-child(1), .csSec01 > ul li:nth-child(2){ background-color: #f7f9ff; }
.csSec01 > ul li:nth-last-child(1), .csSec01 > ul li:nth-last-child(2){ background-color: #e7eeff; }
.csSec02 ul li{ background-color: #f7f9ff; }
.csSec03 ul li{ background-color: #ffffef; }

.csSec04 .csDate{ display: inline-block; border-bottom: 1px solid #333;}





/* 이벤트 페이지 약관 팝업 */

.modal { display: none; position: fixed; z-index: 1000000; left: 0; top: 0; width: 100%; height: 100vh; background-color:rgba(0,0,0,0.25); }
.modal .modal_bg{position: absolute;left:0;right:0;bottom:0;top:0;}
.modal .modal-content { position: relative; background-color: #fefefe; margin: auto; padding: 0; top:50%; -ms-transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%); box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.8); box-sizing: border-box; }
.closeBtn{ position: absolute; top:30px; right: 30px; cursor: pointer; }
.terms{ overflow-y: auto; padding: 3rem 0; box-sizing: border-box; }
.terms .modal_bg{ position: fixed; height: 100%; width: 100%; }
.terms .modal-content{ width: 1000px;padding-top: 80px; top:0rem; height: auto;  padding: 3.33rem 2.92rem 7rem; overflow-y: auto; -ms-transform: translateY(0%);-webkit-transform: translateY(0%);-moz-transform: translateY(0%);-o-transform: translateY(0%);transform: translateY(0%); }
.termsTop{ position: relative; }
.revise{ position: absolute; top: 20px; right:0; font-size: 1rem; }
.termsList > li{ margin-bottom: 1rem; }
.termsTop h4{ font-size: 1.8rem; margin-bottom: 1.2rem; font-family: 'NanumSquare_acR';  color: #6a86eb;}
.termsList h5{ font-size: 1.5rem; margin-bottom: 1.2rem; font-family: 'NanumSquare_acR'; }
.terms p{ font-size: 1.25rem; line-height: 1.8rem; margin-bottom: 1rem; font-family: 'NanumSquare_acR'; word-break: keep-all; }
.terms a{display: inline-block;  font-size: 1.25rem !important; line-height: 1.8rem !important; }

.termsList ul > li > h5 span{ font-weight: 400; font-size: 1.25rem; }
.termsList ul > li > h5 a{ display: inline-block; text-decoration: underline; color: #070775; font-size: 0.8rem; padding-left: 0.5rem; }
.termsList ul > li.bold > ul > li > p{ font-weight: 700; } 
.termsList ul > li > ul > li > ul > li > p{ font-weight: 400; }

.terms table{ margin-bottom: 10px; }
.terms table tr:first-child th{ border-top: 1px solid #222; }
.terms table th{ font-size: 1.1rem; padding: 0.5rem 0rem; line-height: 1.5rem; text-align: center; background-color: #f7f7f7;border-bottom: 1px solid #ddd; border-right: 1px solid #ddd;}
.terms table th:last-child{ border-right: none;}
.terms table td{ font-size: 1.1rem; padding: 0.5rem; line-height: 1.5rem; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; word-break: break-all; }
.terms table td:last-child{ border-right: none;}
.terms table td a{ font-size: 0.8rem; }
.terms table span{ font-size: 0.8rem;display: block;  }
.terms th.ess{ width: 40px; }

#terms02 table th:first-child{ width: 17%; }
#terms04  .modal-content{ top: 50%; -ms-transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%); }
#terms05 .list03 th:first-child{ width: 20%; }


#div11, #div21, #div12, #div22 { padding-top: 20px; }
#div11 .termsList, #div21 .termsList, #div12 .termsList, #div22 .termsList { border-top: 3px solid #d1d1d1; padding-top: 20px;}


.w1{width:  25%;}
.w2{width:  20%;}
.w3{width:  55%;}
.w4{width:  17%;}
.line{ padding-left: 0.5rem; }
.line p{ margin-bottom: 0 !important; }
.line p:last-child{ margin-bottom: 0.5rem !important; }
.insuranceImg img{ width: 100%; }

.reviseBottom{ text-align: right; }
.reviseBottom > ul > li{ display: inline-block; margin-left: 0; border: 1px solid #ddd; position: relative; }
.reviseBottom  ul  li{  margin-left: 0; font-size: 1rem; }
.reviseBottom > ul > li span{ display: block; padding: 0.5rem 3rem!important;}
.reviseBottom > ul > li:last-child{padding: 0!important;}
.reviseBottom > ul > li > ul > li:last-child{border: none; padding: 0;}
.reviseBottom > ul > li > ul{ position: absolute; top: 2.2rem; left: -1px;  width: 100%; border: 1px solid #ddd; border-top: none; display: none; }
.reviseBottom > ul > li > ul.reviseList.slide{ display: block;     z-index: 2000000;  }
.reviseBottom > ul > li > ul > li{ display: block; width: 100%; text-align: center; font-size: 1rem; padding: 0.5rem 0!important; }
.reviseBottom > ul > li > ul > li a{ font-size: 1rem!important; }
#privacy  .w5{ width: 50px;  }
.relative{ position: relative; }

@media (max-width: 1000px) {
    .terms { padding: 3rem 10px; }
    .terms .modal-content{ width: 100%;  }  
    
}
@media (max-width: 768px) {
    .revise{ position: relative; top: 0px; right:0; margin-bottom: 20px; } 
}
@media (max-width: 640px) {
    .terms .modal-content{ padding: 5rem 1.5rem 7rem; }
    .termsList h5{ font-size: 1.2rem; margin-bottom: 0.6rem; }
    .terms p{ font-size: 1rem; line-height: 1.4rem; margin-bottom: 0.6rem; } 
    .terms a{ font-size: 1rem!important; line-height: 1.4rem!important; }
    .termsList ul > li > h5 span{ font-weight: 400; font-size: 1rem; }
    .termsList ul > li > h5 a{ font-size: 1rem; }    
    .terms table th{ font-size: 0.9rem; line-height: 1.2rem;}
    .terms table td{ font-size: 0.9rem; line-height: 1.2rem; padding: 1rem 0.5rem; }
    .terms table span{ font-size: 0.9rem; }
    .terms table span{ display: block; font-size: 0.9rem; line-height: 1.2rem; }  
    #terms02 table th:first-child{ width: 20%; }
    #terms05 table span{ display: inline; } 
    .w4{width:  20%;}
    
}
@media (max-width: 550px) {
    #terms02 table th:first-child{ width: 25%; }
    #terms05 .list03 th:first-child{ width: 25%; }
    #privacy .termsList ul > li > h5 span{ display: block; }
    .w4{width:  25%;}
}
@media (max-width: 460px) {
    .termsList ul > li > h5 span{ display: block; }
}
@media (max-width: 380px) {
    .terms h4 span{ display: block; }
    #terms02 table th:first-child{ width: 30%; }
    #terms02 h4{ line-height: 35px; }
    #terms04 h4{ line-height: 35px; }
    .w4{width:  30%;}
}
@media (max-width: 340px) {
    #terms05 .list03 th:first-child{ width: 30%; }
    .terms th.ess{ width: 25px; }
}
.freeLayer{ position: fixed; top:0; width: 100%; height: 100%; overflow-y: auto; display: none;background-color: rgba(0,0,0,0.7);} 
.freeLayer.on{ display: block;  }
.freePop00 a.startBtn{ display: block; position: absolute; bottom: 12%; left: 50%; transform: translateX(-50%); width: 210px; height: 70px; text-indent: -5555px;}
.freePop{ position: relative; top: 0; left: 50%; transform: translateX(-50%); z-index: 100; text-align: center; width: 482px; border: 5px solid #fff; box-sizing: border-box; display: none; margin: 100px 0; overflow-y: auto; }
.freePop.on{ display: block;  }
.freePop img{ width: 100%; }
.freeOverlay{ position: absolute; top: 0; left: 0; right: 0; bottom:0; height: 100%; display: none; z-index: 99; }

@media (max-width: 1024px) {
    .freePop{ margin: 0px 0; }
    .freeLayer{ z-index: 100000; }
}
@media (max-width: 482px) {
    .freePop{ border: none; width: 100%; }
    .freePopWrap{ min-height: 100vh; }
    .freePop00 a.startBtn{ width: 50%; height: 50px;}
}
    


.freePop01{ background: url('../images/freePopBg.jpg')repeat-y top center; background-size: cover; }
.freePop02{ background: url('../images/freePopBg.jpg')repeat-y top center; background-size: cover; }
.freePop03{ background-color: #fff; overflow-x: hidden;}

.freeAnswerArea{ padding: 0 10%; }
.freeAnswerArea ul{ font-size: 0; }
.freeAnswerArea ul li{ height: 55px; line-height: 55px; border-radius: 27.5px; box-shadow: 3px 4px 5px 0px rgba(0,0,0,0.3);background-color: #f0f0f0; margin-bottom: 15px; font-size: 25px;}
.freeAnswerArea ul li.on{ background-color: #fed7ff; }

.nextPage { width: 50%; height: 74px; line-height: 54px; border-radius: 37px; border: 10px solid #fed7ff; text-align: center; font-weight: 700; margin: 25px auto 45px; box-shadow: 3px 4px 10px 0px rgba(0,0,0,0.48); box-sizing: border-box; font-size: 25px!important; background-color: #f0f0f0; }
.nextPage a{ display: block; }


.time span{ display: block;font-size: 18px; }
.time .timeL{ position: absolute; bottom: 75px; left: 5%; }
.time .timeR{ position: absolute; bottom: 75px; right: 5%; }

.freeAskArea{ font-size: 25px; margin-bottom: 60px; }

@media (max-width: 482px) {
    .freeAnswerArea ul li{ font-size: 20px; height: 45px; line-height: 45px; }
    .nextPage{ height: 66px; line-height: 50px; border-radius: 33px; border: 8px solid #fed7ff; font-size: 20px!important; }
    .time span{ font-size: 16px; }
    .freeAskArea{ font-size: 20px; margin-bottom: 30px;}
}

.centuryR {
    font-family: 'CenturyGothic' !important;
}

@font-face {
  font-family: 'CenturyGothicBold';
  font-style: normal;
  src: url('../fonts/CenturyGothicBold.eot'); /* IE9 Compat Modes */
  src: local('CenturyGothicBold'), local('CenturyGothicBold'),
       url('../fonts/CenturyGothicBold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/CenturyGothicBold.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/CenturyGothicBold.woff') format('woff'), /* Modern Browsers */
       url('../fonts/CenturyGothicBold.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/CenturyGothicBold.svg#NotoSansKR') format('svg'); /* Legacy iOS */
}
@font-face {
  font-family: 'CenturyGothic';
  font-style: normal;
  src: url('../fonts/CenturyGothic.eot'); /* IE9 Compat Modes */
  src: local('CenturyGothic'), local('CenturyGothic'),
       url('../fonts/CenturyGothic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/CenturyGothic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/CenturyGothic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/CenturyGothic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/CenturyGothic.svg#NotoSansKR') format('svg'); /* Legacy iOS */
}

@font-face {
  font-family: 'NanumSquare_acR';
  src: url('../fonts/NanumSquare_acR.eot'),
      url('../fonts/NanumSquare_acR.woff') format('woff'),
      url('../fonts/NanumSquare_acR.ttf') format('truetype');
  src: local("※"),
    url('../fonts/NanumSquare_acR.eot'),
    url('../fonts/NanumSquare_acR.woff') format('woff'),
    url('../fonts/NanumSquare_acR.ttf') format('truetype'),
    url('../fonts/NanumSquare_acR.svg#webfonturzspG4F') format('svg');
}

@font-face {
  font-family: 'NanumSquare_acB';
  src: url('../fonts/NanumSquare_acB.eot'),
      url('../fonts/NanumSquare_acB.woff') format('woff'),
      url('../fonts/NanumSquare_acB.ttf') format('truetype');
  src: local("※"),
    url('../fonts/NanumSquare_acB.eot'),
    url('../fonts/NanumSquare_acB.woff') format('woff'),
    url('../fonts/NanumSquare_acB.ttf') format('truetype'),
    url('../fonts/NanumSquare_acB.svg#webfonturzspG4F') format('svg');
}
@font-face {
  font-family: 'NanumSquare_acEB';
  src: url('../fonts/NanumSquare_acEB.eot'),
      url('../fonts/NanumSquare_acEB.woff') format('woff'),
      url('../fonts/NanumSquare_acEB.ttf') format('truetype');
  src: local("※"),
    url('../fonts/NanumSquare_acEB.eot'),
    url('../fonts/NanumSquare_acEB.woff') format('woff'),
    url('../fonts/NanumSquare_acEB.ttf') format('truetype'),
    url('../fonts/NanumSquare_acEB.svg#webfonturzspG4F') format('svg');
}

.freeAnswerArea02 ul li{ display: inline-block; width: calc((100% - 16px) / 2); margin-right: 16px; height: 155px; position: relative; padding: 0 10px; box-sizing: border-box; }
.freeAnswerArea02 ul li span{ position: absolute; top: 50%; transform: translateY(-50%); text-align: center; display: block; width: 90%; font-family: 'CenturyGothic' !important; font-size: 30px; line-height: 35px; word-break: break-all; box-sizing: border-box; }
.freeAnswerArea02 ul li:last-child{ margin-right: 0; }

@media (max-width: 482px) {
    .freeAnswerArea02 ul li{ font-size: 20px; height: 130px; line-height: 130px; line-height: 25px; }
    .freeAnswerArea02 ul li span{}
}

.verticalChart .averageValue{ color: #333;  }

.freePop03 .freePopWrap{ padding: 40px 10% ; }
.freePop03 h3{ text-align: left; font-size: 18px;  font-family: 'NanumSquare_acB'; color: #20378b; margin: 60px 0 20px !important; }
#radar-chart{ width: 482px !important; height: 241px !important;position: relative; left: 50%; transform: translateX(-50%) rotate(-30deg);} 
    
@media (max-width: 482px) {
    #radar-chart{ width: 400px !important; height: 200px !important; left: 50%; transform: translateX(-50%) rotate(-30deg);}
}
@media (max-width: 440px){
    .raderChartLabel.label03 { right: calc(50% - 85px - 3rem); }
    .raderChartLabel.label06 { left: calc(50% - 85px - 3rem); }
}

.freePop03 .resultDesc{ text-align: left; line-height: 1.5rem; margin-top: 60px; }
.freePop03 .resultLevel{ margin-top: 50px; }
.freePop03 .resultLevel span{ font-family: 'NanumSquare_acB'; }
.freePop03 .resultLevel span.resultLevelPer span{ font-size: 1.5rem; }


.withdrawal .main-tab { margin-top: 0; }
.withdrawal{ margin-left: auto !important; margin-right: auto !important; }  
.newHeader .fa{ width: auto; }
.newHeader h1{ padding-top: 10px; }
 
@media (max-width: 1024px){
    .newHeader .m-h-bt { width: auto!important;}
    .newHeader h1{ padding-top: 0px; }
}

@media screen and (max-width: 800px){
    .withdrawal{ width: 100%!important; }
    .withdrawal .width-auto:not(.t2-menu){ padding-left: 2%; padding-right: 2%;}
    .withdrawal .bb{ border: none; }
}
@media screen and (max-width: 767px){
    .newHeader .reden a { right: 130px; }
}

#container{ margin: 0 auto; }

#radar-chart{ transform: rotate(-30deg) translateX(0); left: 0;}
@media (max-width: 600px){
    #radar-chart { position: relative; left: 50%; transform: translateX(-50%) rotate(-30deg); }
}

.myPurchase h4{ color: #6a86eb!important; border-bottom: 1px solid #999; padding-bottom: 20px; }