@charset "utf-8";
/* ===== COMMON ===== */

/*=========== mainVisual =================*/
.main_slide {position: relative;}
.main_slide:after{content:".";height:0;visibility:hidden;display:block;clear:both}
.main_slide .img_inner{width:100%;height:350px;position:relative;text-align: center;overflow: hidden; z-index:1}
.main_slide .img_inner .img {width:1050px; height:350px;}
.main_slide .btn_inner {position:absolute; width:1100px; height:50px; bottom:20px; z-index:300; left:50%;transform: translate(-50%, 0);}
.main_slide .btn_inner ul {width:1100px;}
.main_slide .btn_inner ul li {display:inline-block;float: left;}
.main_slide .btn_inner ul li:first-child.on a {border-left:none}
.main_slide .btn_inner ul li a {display:inline-block; width:100%; font-size:13px; color: #000; text-align:center; background:rgba(255,255,255,1); line-height:50px; float:left; white-space:nowrap; text-overflow:ellipsis; word-break:break-all;} /* 검수 수정 */
.main_slide .btn_inner ul li.on a {color: #fff; background-color: #3c3c5a;}
.main_slide .btn_inner ul.type4 li { width:25%; }
.main_slide .btn_inner ul.type5 li { width:20%; }
.main_slide .btn_inner ul.type6 li { width:16.66%; }
.main_slide .btn_inner ul.type7 li { width:14.2857%; }

.main_slide .bx-controls {position:absolute; width:80px; line-height:0; left:50%; margin-left:-550px; bottom:80px; z-index:100;}
.main_slide .bx-controls-auto-item {display:inline-block; height:20px;}
.main_slide .bx-controls-auto a {position:absolute; display:inline-block; width:20px; height:20px; font-size:0; text-indent:-1000000000em;}
.main_slide .bx-controls-auto a.bx-start {background:url("../images/cm/btnSlidePlay.png") no-repeat 0 0; left:31px;}
.main_slide .bx-controls-auto a.bx-stop {background:url("../images/cm/btnSlideStop.png") no-repeat 0 0; left:30px;}
.main_slide .bx-controls-auto a.bx-start.active,
.main_slide .bx-controls-auto a.bx-stop.active {display:none;}
.main_slide .bx-controls-direction a {position:absolute; display:inline-block; width:20px; height:20px;  font-size:0; text-indent:-1000000000em; top:0;}
.main_slide .bx-controls-direction a.bx-prev {background:url("../images/cm/btnSlidePrev.png") no-repeat 0 0; left:0;}
.main_slide .bx-controls-direction a.bx-next {background:url("../images/cm/btnSlideNext.png") no-repeat 0 0; right:0;}


/*=========== main_innr =================*/
.main_innr {overflow:hidden; width:1100px; margin:35px auto 40px;}
.main_innr_bnr { width:1100px; margin:35px auto 40px; }
.mainTit {font-size:24px; color:#191919; margin-bottom:30px;font-weight:normal; line-height:40px; }
.mainTit .ico01 {display:inline-block; background:url('../images/mn/ico_title01.png') no-repeat 0 0; width:30px; height:34px; vertical-align:bottom; margin-right:10px;}
.mainTit .ico02 {display:inline-block; background:url('../images/mn/ico_title02.png') no-repeat 0 0; width:44px; height:36px; vertical-align:bottom; margin-right:5px;}
.mainTit .ico03 {display:inline-block; background:url('../images/mn/ico_title03.png') no-repeat 0 0; width:40px; height:34px; vertical-align:bottom; margin-right:5px;}
	

/*=========== mainCsBox =================*/
.mainCsBox {background:#f0f2fc; height:270px; overflow:hidden;}
.mainCsBox > ul {overflow:hidden; width:1100px; margin:0 auto;}
.mainCsBox > ul > li {float:left; height:270px;}
.mainCsBox > ul > li:first-child {background:#fff;}
.mainCsBox .loginControl {background:#fff; width:420px; height:270px; padding:40px; box-sizing: border-box;}
.mainCsBox .consultingBox {width:400px; box-sizing: border-box;}
.mainCsBox .callBox {float:right; width:280px;}
/* Tab + List */
.mainCsBox .tab.list {height:160px}
.mainCsBox .tab.list ul {position:relative; margin:0; padding:0; list-style:none; *zoom:1}
.mainCsBox .tab.list ul:after{content:""; display:block; clear:both}
.mainCsBox .tab.list > ul > li {float:left; width:50%; border:1px solid #f0f2fc; border-bottom-color:#fff; background:#f0f2fc;  box-sizing: border-box;}
.mainCsBox .tab.list li > a {position:relative; width:100%; float:left; font-size:13px; text-align:center; text-decoration:none; color:#878790;}
.mainCsBox .tab.list li > a span {display:inline-block; padding:11px 0; letter-spacing:-1px; cursor:pointer}
.mainCsBox .tab.list li .loginBx {width:100%; position:absolute; top:60px; left:0; list-style:none; border:0; margin:0; padding:0; *zoom:1;}
.mainCsBox .tab.list li .loginBx:after {content:""; display:block; clear:both}
.mainCsBox .tab.list li.active {border:1px solid #0082ff; border-bottom:1px solid #fff; background:transparent;}
.mainCsBox .tab.list li.active > a {color:#0082ff;}
.mainCsBox .tab.list li.active > a span {}
.mainCsBox .tab.list.jx {height:auto}
.mainCsBox .tab.list.jx ul {border:0}
.mainCsBox .tab.list.jx li {float:none;position:relative}
.mainCsBox .tab.list.jx li .loginBx {position:static; display:block; left:0; top:0; padding:5px 0}

/*=========== mainLogin =================*/
.loginBx {height:120px;}									
.loginBx .login_wrap {}
.loginBx .login_wrap .input_box {position:relative; width:210px; height:38px; margin-bottom:8px; border:1px solid #6464b4; background:#fff; box-sizing:border-box;}
.loginBx .login_wrap .input_box .intex {position:relative; padding:4px 0 3px 20px; width:208px; height:36px; line-height:37px; border:0; color:#222; font-family: Tahoma, Nanum Gothic, '나눔고딕', sans-serif; font-size:13px; box-sizing:border-box;}
.loginBx .login_wrap .input_box input::placeholder {color:#898da2; font-size:12px;}															
.loginBx .btn_login {position:absolute; top:0; right:0;}
.loginBx .btn_login .login_btn {width:120px; height:84px; color:#fff; background:#0082ff; text-align:center; line-height:80px;}
.loginBx .btn_login.ty2 .login_btn {width:120px; height:38px; color:#fff; background:#0082ff; text-align:center; line-height:38px;}
.loginBx .login_save {position:absolute; bottom:0;}
.loginBx .login_save .id_save {font-size:13px; color:#464664;}
.loginBx .login_find {position:absolute; right:0; bottom:0;} 
.loginBx .login_find .btn_lnk a {font-size:13px; color:#464664; border-bottom:1px solid #464664;}
.loginBx .login_find .btn_lnk .joinTx {color:#0082ff; margin-left:5px; border-bottom:1px solid #0082ff;}
.loginBx .login_warn {position:absolute; font-size:13px; color:#878790; bottom:40px; left:40px}

/*=========== mainMyInfo =================*/
.myInfoBx {position:relative; width:420px; padding:40px 40px 0; box-sizing:border-box;}
.myInfoBx .myInfo {display:block; border-bottom:1px solid #555; padding-bottom:10px;}
.myInfoBx .myInfo .myName {display:inline-block; color:#000; font-size:13px; line-height:13px; width:220px; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.myInfoBx .myInfo .myName em {color:#0082ff;}					
.myInfoBx .infoMody {position:absolute; right:40px;}
.myInfoBx .infoMody a {font-size:12px; color:#111; border-bottom:1px solid #111;}
.myInfoBx .btnSet {text-align:center;}
.myInfoBx .btnSet .btn_my {display:block; margin:15px auto; text-align:center; background:#0082ff; color:#fff; font-size:16px; width:140px; height:38px; line-height:38px;}
.myClass {border-bottom:1px solid #eee; height:130px;}
.myClass table {width:340px;}
.myClass table th {text-align:center; color:#555; font-size:12px; padding:7px 5px; background:#f0f0f0;}
.myClass table tr {border-top:1px solid #eee;}
.myClass table td {text-align:center; color:#555; font-size:12px; padding:5px 5px 6px;}
.myClass table td.tit {display:block; text-align:left; width:170px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;  -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.myClass table td.noData {padding-top:40px;} 
.myClass table td .btnGo {display:inline-block; font-size:11px; color:#3c3c5a; border:1px solid #3c3c5a; border-radius:2px; width:60px; height:19px; line-height:19px;}

/*=========== consultingBox =================*/
.consultingBox {position:relative; padding:40px; width:400px;}
.consultingBox .consultTit {font-size:27px; color:#191919; letter-spacing:-.08em; margin-bottom:25px;}
.consultingBox input {font-size:13px; color:#222; border:1px solid #6464b4; vertical-align:middle; box-sizing: border-box;}	
.consultingBox select{appearance:none;-webkit-appearance:none;-moz-appearance:none;border:none; /* outline:none;*/ border-radius:0}/* 검수 수정 */
.consultingBox select{height:38px;  padding: 6px 30px 5px 10px; color:#464664; font-size:13px; line-height:20px; border:1px solid #6464b4; box-sizing:border-box; background:#fff url(../images/cm/selectBg.png) no-repeat right 3px; background-size:30px auto;}
.consultingBox ul {margin-bottom:14px;}
.consultingBox ul li:first-child {width:100%;} 
.consultingBox ul li {display:inline-block; width:calc(50% - 2px);} 	
.consultingBox ul li:nth-child(3) {text-align:right;} 	
.consultingBox .selcl {padding:5px 0 5px 20px; width:320px; min-width:244px; margin-bottom:8px; cursor:pointer;}
.consultingBox .usname {width:155px; height:38px; padding-left:20px;}
.consultingBox .ipnum {width:155px; height:38px; padding-left:20px; text-align:left;}
.consultingBox .agreeBx label {color:#464664; font-size:14px;}
.consultingBox .agreeBx .agreeView {font-size:12px; color:#464664; border-bottom:1px solid #464664; margin-left:5px;}
.consultingBox .btn_consult {position:absolute; bottom:40px; right:40px;}
.consultingBox .btn_consult .btnConsult {color:#fff; font-size:15px;  background:#3c3c5a; height:38px; padding:7px 20px 7px 20px;}
.consultingBox .btn_consult .btnConsult:after {content:''; display:inline-block; width:17px; height:11px; margin-left:8px; background:url("../images/cm/btnArrowWh.png") no-repeat 0 0;}

/*=========== mainFaqBox =================*/
.mainFaqBox {position:relative; overflow:hidden; padding:40px; width:400px; box-sizing:border-box;}
.mainFaqBox .faqTit {font-size:27px; color:#191919; letter-spacing:-.08em; margin-bottom:20px;}
.mainFaqBox ol { overflow:hidden; width:320px; padding-top:3px; }
.mainFaqBox ol li { width:320px; margin-bottom:7px;}
.mainFaqBox ol li a { display:inline-block; overflow:hidden; width:290px; font-size:13px; color:#555; text-overflow:ellipsis; white-space:nowrap; vertical-align:middle; }
/* .mainFaqBox ol li {font-size:13px; color:#555; text-overflow:ellipsis; white-space:nowrap; width:320px; margin-bottom:10px;} */
.mainFaqBox ol li > em {display:inline-block; width:20px; height:18px; background:#525866; text-align:center; line-height:18px; font-size:11px; color:#f0f2fc; border-radius:3px; margin-right:5px;}
.mainFaqBox ol li a:hover {color:#111;}
.mainFaqBox .btn_more {position:absolute; top:47px; right:40px;}
.mainFaqBox .btn_more .btnMore {height:28px; border:1px solid #111; color:#111; border-radius:14px; font-size:14px; padding:3px 10px;}
.mainFaqBox .btn_more .btnMore:after {content:''; display:inline-block; width:10px; height:10px; margin-left:5px; background:url("../images/cm/btnPlusBk.png") no-repeat 0 0;}


/*=========== mainVodBox =================*/
.mainVodBox {width:100%;margin:40px auto 0; height:390px; /*background:url("https://www.caedu.co.kr/kweb/images/mn/mainVodBg.png") repeat-x 0 50px;*/}
.mainVodBox > .main_innr { margin-bottom:0; }
.mainVodBox > .main_innr > .mainTit { margin-bottom:15px; }
.mainVodBox .vodList_slWrap {overflow:hidden; height:300px; padding-top:50px; background:url("../images/mn/mainVodBg_new.jpg") repeat center;}
.mainVodBox .bx-wrapper {max-width:100% !important;}			
.mainVodBox ul {overflow:hidden; text-align:center}
.mainVodBox li {float:none !important; width:400px; text-align:center; margin-left:20px; display:inline-block; /* overflow:hidden; */border-radius:20px;}/* 검수 수정 */
.mainVodBox li:first-child {margin-left:0 !important;}
.mainVodBox li a {position:relative; display:block;}
.mainVodBox li a strong {margin:12px 0 8px; display:block; color:#2e2e2e; font-size:14px;}
.mainVodBox li a span {color:#666666; font-size:12px;}
.mainVodBox li a span em {font-weight:bold}
.mainVodBox li a .review_mv {position:absolute; left:0; top:0; max-width:400px !important; height:240px !important;}
.mainVodBox li a .review_mv img {max-width:400px !important; height:240px !important;}
.mainVodBox li a:hover strong {color:#00a378;}
.mainVodBox li a .review_mv:after {display:block; content:""; position:absolute; left:0; top:0; width:400px; height:240px; border-radius:16px; background-color:rgba( 0, 0, 0, 0.5 ); z-index:1}
.mainVodBox li a:hover .review_mv:after {display:none}
.mainVodBox .bx-controls {position:relative; width:80px; margin:10px auto; line-height:0;}
.mainVodBox .bx-controls-auto-item {display:inline-block; height:20px;}
.mainVodBox .bx-controls-auto a {position:absolute; display:inline-block; width:20px; height:20px; font-size:0; text-indent:-1000000000em;}
.mainVodBox .bx-controls-auto a.bx-start {background:url("../images/cm/btnSlidePlay.png") no-repeat 0 0; left:30px;}
.mainVodBox .bx-controls-auto a.bx-stop {background:url("../images/cm/btnSlideStop.png") no-repeat 0 0; left:30px;}
.mainVodBox .bx-controls-auto a.bx-start.active,
.mainVodBox .bx-controls-auto a.bx-stop.active {display:none;}
.mainVodBox .bx-controls-direction a {position:absolute; display:inline-block; width:20px; height:20px;  font-size:0; text-indent:-1000000000em; top:0;}
.mainVodBox .bx-controls-direction a.bx-prev {background:url("../images/cm/btnSlidePrev.png") no-repeat 0 0; left:0;}
.mainVodBox .bx-controls-direction a.bx-next {background:url("../images/cm/btnSlideNext.png") no-repeat 0 0; right:0;}

/*=========== mainLinkBox =================*/
.mainLinkBox {padding-top:15px; border-bottom:1px solid #dcdce6;}
.mainLinkBox ul {width:1100px; height:40px; margin:35px auto 40px;}
.mainLinkBox li {float:left; width:219px; text-align:center; border-left:1px solid #dee3eb;}
.mainLinkBox li:first-child {border:0;}
.mainLinkBox li a {display:block;height:40px;line-height:40px}
.mainLinkBox li a span {margin-left:7px;font-size:15px;color:#555;display:inline-block;vertical-align:top}
.mainLinkBox li.on a span {color:#0080ff; font-weight:bold}
.mainLinkBox li a:before {content:"";display:inline-block;width:35px;height:35px; background:url(/images/design/2020/0221_main/main_ico.png) no-repeat 0 0;}
.mainLinkBox li.main_link02 a:before {background-position-x:-35px}
.mainLinkBox li.main_link03 a:before {background-position-x:-70px}
.mainLinkBox li.main_link04 a:before {background-position-x:-105px}
.mainLinkBox li.main_link05 a:before {background-position-x:-140px}

/*=========== mainReviewBox =================*/
.mainReviewBox {margin:70px 0;}
.mainReviewBox .main_innr {position:relative;}
.mainReviewBox .bx-wrapper {max-width:940px !important;}
.mainReviewBox .mainReview li {display:inline-block; padding:40px 0; box-sizing:border-box; border:1px solid #dbdbdb; border-radius:20px; width:300px; height:370px;}
.mainReviewBox .mainReview li:first-child {margin-left:0 !important}
.mainReviewBox .main_innr .btn_more {position:absolute; top:7px; left:240px;}
.mainReviewBox .main_innr .btn_more .btnMore {height:28px; border:1px solid #111; color:#111; border-radius:14px; font-size:14px; padding:3px 10px;}
.mainReviewBox .main_innr .btn_more .btnMore:after {content:''; display:inline-block; width:10px; height:10px; margin-left:5px; background:url("../images/cm/btnPlusBk.png") no-repeat 0 0;}
.mainReviewBox .mainReview li .rvPoint {width:240px; margin: 0 auto; text-align:center; font-size:24px; color:#111; font-weight:700; letter-spacing: -.07em;}
.mainReviewBox .mainReview li .rvMem {width:240px; margin: 0 auto; text-align:center; font-size:17px; color:#0082ff; }
.mainReviewBox .mainReview li .rvStory {width:240px; margin: 40px auto; font-size:15px; color:#555; line-height:30px; overflow: hidden; text-overflow:ellipsis; white-space: pre-line; -webkit-line-clamp: 5; -webkit-box-orient: vertical; height: 150px; background:url('../images/mn/rvStoryBg.png') no-repeat 0 0;}
.mainReviewBox .mainReview li .rvStory span {}
.mainReviewBox .bx-controls-direction a {display:block; position:absolute; width:24px; height:42px; background-image:url('../images/cm/btnSlideArrow.png'); text-indent: 9999px; z-index:50; font-size:0; text-indent:-100000000em;}
.mainReviewBox .bx-controls-direction a.bx-next {top:50%; right:50%; margin-top:0; margin-right:-530px; background-position:top right}
.mainReviewBox .bx-controls-direction a.bx-next:hover{background-position:bottom right}
.mainReviewBox .bx-controls-direction a.bx-prev {top:50%; left:50%; margin-top:0; margin-left:-530px; background-position:top left}
.mainReviewBox .bx-controls-direction a.bx-prev:hover{background-position:bottom left}

/*=========== mainBnrBox =================*/
.mainBnrBox > .main_innr { width:1120px; }
.mainBnrBox > .main_innr > .mainTit { margin:0 0 12px 10px; }
.mainBnrBox ul.topBnr li { float:left; margin:0 10px 20px; }	
.mainBnrBox ul.topBnr li img { display:block; line-height:0; }

.mainBnrBox02 {}		
.mainBnrBox02 ul li {display:block;}		
.mainBnrBox02 ul li a {display:block; line-height:0;}

/*=========== mainRealplayBox =================*/
.mainRealplayBox {position:relative; background:#f5f5fa url(../images/cm/rpBg.png) repeat-x 0 515px; padding:0 0 30px;}	/* 2022.08.31 수정 */
.mainRealplayBox:before {content:""; position:absolute; left:50%; top:515px; width:800px; height:55px; background:#f5f5fa; margin-left:-190px;} /* 2022.08.31 수정 */
.mainRealplayBox .rpPhoto_slWrap {position:relative; margin-top:60px; height:510px;} /* 2022.08.31 수정 */
.mainRealplayBox .rpPhoto li {height:420px;}
.mainRealplayBox .rpPhoto .rpPhotoInfo {display:inline-block; width:360px; height:330px;}
.mainRealplayBox .rpPhoto .rpPhotoInfo .num {display:block; margin:30px 0 20px;}
.mainRealplayBox .rpPhoto .rpPhotoInfo .bTit {display:block; font-size:42px; color:#111; font-weight:700; line-height:50px; margin:80px 0 30px; letter-spacing:-.05em;} /* 2022.08.31 수정 */
.mainRealplayBox .rpPhoto .rpPhotoInfo .sTit {display:block; font-size:17px; color:#464664; font-weight:500; line-height:23px; letter-spacing:-.05em;}
.mainRealplayBox .rpPhoto .photoBx {position:absolute; top:90px; right:0; width:680px; height:420px;} /* 2022.08.31 수정 */
.mainRealplayBox .rpPhoto_slWrap .bx-controls {position:absolute; bottom:0; left:0; height:55px; width:360px; background:#0082ff; z-index:55;}
.mainRealplayBox .rpPhoto_slWrap .bx-pager  {position:absolute; left:40px; top:15px; font-size:16px; color:#fff;}
.mainRealplayBox .rpPhoto_slWrap .bx-controls-auto-item {display:inline-block; height:20px;}
.mainRealplayBox .rpPhoto_slWrap .bx-controls-auto a {position:absolute; top:17px; display:inline-block; width:20px; height:20px; font-size:0; text-indent:-1000000000em;}
.mainRealplayBox .rpPhoto_slWrap .bx-controls-auto a.bx-start {background:url("../images/cm/btnSlidePlay.png") no-repeat 0 0; right:63px;}
.mainRealplayBox .rpPhoto_slWrap .bx-controls-auto a.bx-stop {background:url("../images/cm/btnSlideStop.png") no-repeat 0 0; right:63px;}
.mainRealplayBox .rpPhoto_slWrap .bx-controls-auto a.bx-start.active,
.mainRealplayBox .rpPhoto_slWrap .bx-controls-auto a.bx-stop.active {display:none;}
.mainRealplayBox .rpPhoto_slWrap .bx-controls-direction a {position:absolute; top:17px; display:inline-block; width:20px; height:20px;  font-size:0; text-indent:-1000000000em;}
.mainRealplayBox .rpPhoto_slWrap .bx-controls-direction a.bx-prev {background:url("../images/cm/btnSlidePrev.png") no-repeat 0 0; right:100px;}
.mainRealplayBox .rpPhoto_slWrap .bx-controls-direction a.bx-next {background:url("../images/cm/btnSlideNext.png") no-repeat 0 0; right:30px;}
.mainRealplayBox .rpPhoto_slWrap .bx-viewport {overflow: visible !important;} /* 2022.08.31 수정 : 슬라이더 css 추가 */

.mainRealplayBox .realBenefit {overflow:hidden; margin:100px 0 30px;} 
.mainRealplayBox .realBenefit li {float:left; margin-left:20px;}
.mainRealplayBox .realBenefit li:first-child {margin-left:0;}
.mainRealplayBox .realBenefit li .img {width:120px; height:100px; background:#fff; border-radius:15px; margin-bottom:15px;}
.mainRealplayBox .realBenefit li .img.ty01 {background:#fff url('../images/mn/mainRealPlay_bnrIco.png') no-repeat 0 center;}
.mainRealplayBox .realBenefit li .img.ty02 {background:#fff url('../images/mn/mainRealPlay_bnrIco.png') no-repeat -120px center;}
.mainRealplayBox .realBenefit li .img.ty03 {background:#fff url('../images/mn/mainRealPlay_bnrIco.png') no-repeat -240px center;}
.mainRealplayBox .realBenefit li .img.ty04 {background:#fff url('../images/mn/mainRealPlay_bnrIco.png') no-repeat -360px center;}
.mainRealplayBox .realBenefit li .img.ty05 {background:#fff url('../images/mn/mainRealPlay_bnrIco.png') no-repeat -480px center;}
.mainRealplayBox .realBenefit li .img.ty06 {background:#fff url('../images/mn/mainRealPlay_bnrIco.png') no-repeat -600px center;}
.mainRealplayBox .realBenefit li .img.ty07 {background:#fff url('../images/mn/mainRealPlay_bnrIco.png') no-repeat -720px center;}
.mainRealplayBox .realBenefit li .img.ty08 {background:#fff url('../images/mn/mainRealPlay_bnrIco.png') no-repeat -840px center;}
.mainRealplayBox .realBenefit li .stxt {display:block; font-size:17px; color:#111; text-align:center; letter-spacing:-0.05em;}
.mainRealplayBox .sImg {text-align:center;}

/* 수상 및 인증 추가 2019-02-22 */
.awarded_box {background:#fff;padding-bottom:10px; /*border-bottom:1px solid #bebfc0;*/}/* 2020.09.10 수정 */
.awarded_list{overflow:hidden;width:1050px;margin:20px auto 40px;}
.awarded_list li{width:25%;float:left;text-align:center;}
.awarded_list li *{display:block}
.awarded_list li p{border-left:1px dotted #d5d5d5;}
.awarded_list li:first-child a{border:0}
.awarded_list li strong{margin:10px 0 15px;color:#2b2b2b;font-size:15px;}
.awarded_list li span{letter-spacing:-1px;color:#555;font-size:12px;}
/* 수상 및 인증 추가 2019-02-22 */

/*left_banner*/
.left_bn_wrap {position:absolute;right: 50%;margin-right: 570px;top: 878px;width:110px; z-index:100;}
.left_bn_wrap .lbn_inner {position:relative;display:block;overflow:hidden;width: 135px;}
.left_bn_wrap .lbn_inner .lbn_wrap {position: relative;}
.left_bn_wrap .lbn_inner .lbn_wrap:after {content: " "; display: block; clear: both}
.left_bn_wrap .lbn_inner .lbn_wrap li {display:block;float: left;width:100%;margin-top: 10px;}
.left_bn_wrap .lbn_inner .lbn_wrap li:first-child {margin-top:0;}
.left_bn_wrap .lbn_inner .lbn_wrap li img {width:135px;}

/* 우측 스크롤 기능 메뉴 */
.r_wing_wrap {position:absolute;left:50%;top:878px;margin-left:570px;width:110px;z-index:100;}
.r_wing_wrap .quick_inner {position: relative;background-color: #fff}
.r_wing_wrap .quick_mn {position: relative;text-align:center;}
.r_wing_wrap .quick_mn li {display:block;height: 28px;border-top: 1px solid #ccc;border-left: 1px solid #ccc;border-right: 1px solid #ccc;}
.r_wing_wrap .quick_mn li:first-child {border-top:none;border-left: none;border-right: none;height: 30px;}
.r_wing_wrap .quick_mn li a, .r_wing_wrap .quick_mn li span {display:block;width: 100%;font-size: 13px;font-family: Nanum Gothic, '나눔고딕', sans-serif;line-height: 28px;}
.r_wing_wrap .quick_mn li a {color: #898989;transition:all .15s ease;}
.r_wing_wrap .quick_mn li a:hover {font-weight:600;color: #000;}
.r_wing_wrap .quick_mn li .tit {font-size: 14px;font-weight:600;background-color:#303030;color: #fff;line-height: 30px;}
.r_wing_wrap .quick_inner .btn_top {text-align: center}
.r_wing_wrap .quick_inner .btn_top a {display:block;height: 25px;color:#fff;background-color:#888;font-size: 14px;font-weight:600;font-family: Nanum Gothic, '나눔고딕', sans-serif;line-height: 25px;transition:all .15s ease;}
.r_wing_wrap .quick_inner .btn_top a:hover {background-color:#666;}
.r_wing_wrap .rbn_inner {position: relative;text-align:center;margin-top: 10px;overflow: hidden;}
.r_wing_wrap .rbn_inner .rbn_wrap {position: relative;}
.r_wing_wrap .rbn_inner .rbn_wrap li {display: block;margin-top: 10px;}
.r_wing_wrap .rbn_inner .rbn_wrap li:first-child {margin-top: 0px;}

/* 25.04.30 웹접근성 수정 */
.mainbigbox{ position:relative; z-index:5; }
.mainbigbox:after{ content:"."; height:0; visibility:hidden; display:block; clear:both; }
.mainbigbox .bnrbox { position:relative; z-index:1; overflow:hidden; width:100%; padding-top:320px; text-align:center; }
.mainbigbox .bnrbox ul.bnr_area { width:1100px; height:50px; margin:0 auto 20px; }
.mainbigbox .bnrbox ul.bnr_area li { display:inline-block; float:left; }
.mainbigbox .bnrbox ul.bnr_area li > a { display:inline-block; width:100%; font-size:13px; color:#000; text-align:center; background:rgba(255,255,255,0.85); line-height:50px; float:left; white-space:nowrap; text-overflow:ellipsis; word-break:break-all; box-sizing: border-box;}
.mainbigbox .bnrbox ul.bnr_area li.on > a { color:#0050e5; background-color:#fff;border: 1px solid #3b80fc;}
.mainbigbox .bnrbox ul.bnr_area li p { display:none; position:absolute; top:0; left:0; width:100%; height:390px; z-index:-1; }
.mainbigbox .bnrbox ul.bnr_area li.on p { display:block; }
.mainbigbox .bnrbox.type4 ul.bnr_area li { width:25%; }
.mainbigbox .bnrbox.type5 ul.bnr_area li { width:20%; }
.mainbigbox .bnrbox.type6 ul.bnr_area li { width:16.66%; }
.mainbigbox .bnrbox.type7 ul.bnr_area li { width:14.2857%; }