@charset "utf-8";

body { overflow-y:scroll;}
body *{outline:0;}
/* ==============================
 * common - 컨텐츠 공통
 * ============================== */
html {  
	/* html 폰트사이즈 수정시 전체 사이즈 변경가능 100% = 16px, 62.5% = 10px, 50% = 8px, 6.25% = 1px */
	font-size: 62.5%; 
	font-family: 'NotoSansKR', 'Roboto', sans-serif;
	/* veiwport에 따라 사이즈 변동됨. 디자인에 딱 맞추기 어려우므로 뺌 */
	/*font-size: calc(0.35vw + 8.74px);*/
}
/* 기본폰트사이즈 */	
body { font-size: 1.7rem; }
 
body.scrollLock { overflow:hidden;}
.hidden { position:absolute; top:0; left:0; font-size:0;}
 
 /* 글자 줄바꿈  */
.txtWS {white-space:pre-wrap;}

/* 글자 색상 */
.pointColor {color:#00A472 !important;}
.gradeColor {color:#3982D8 !important;}

.txtRed1 { color:#f4516c !important;}
.txtRed2 { color:#fd2d2d !important;}
.txtRed3 { color:#fc9b3d !important;}
.txtRed4 { color:#d32f2f !important;}
.txtBlue1 { color:#0c91e5 !important;}
.txtBlue2 { color:#2382d3 !important;}
.txtBlue3 { color:#28aedb !important;}
.txtBlue4 { color:#85c8f2 !important;}
.txtBlue5 { color:#3d5199 !important;}
.txtBlue6 { color:#014898 !important;}
.txtBlue7 { color:#4066DC !important;}
.txtGreen1 { color:#06a2b4 !important;}
.txtBlack1 { color:#000 !important;}
.txtBlack2 { color:#222 !important;}
.txtBlack3 { color:#333 !important;}
.txtBlack4 { color:#666 !important;}
.txtBlack5 { color:#777 !important;}
.txtBlack6 { color:#888 !important;}
.txtBlack7 { color:#999 !important;}
.txtBlack8 { color:#ccc !important;}
.txtGray1 { color:#f5f6f8 !important;}
.txtGray2 { color:#cccccc !important;}
.txtGray3 { color:#dbdbdb !important;}
.txtGray4 { color:#BEBBC9 !important;}
.txtWhite { color:#fff !important;}
.txtYellow1 { color:#f6da61 !important;}
.txtYellow2 { color:#ffe600 !important;}

/* 폰트크기 */
.f8 {font-size: 0.8rem !important;}
.f9 {font-size: 0.9rem !important;}
.f10 {font-size: 1rem !important;}
.f11 {font-size: 1.1rem !important;}
.f12 {font-size: 1.2rem !important;}
.f13 {font-size: 1.3rem !important;}
.f14 {font-size: 1.4rem !important;}
.f15 {font-size: 1.5rem !important;}
.f16 {font-size: 1.6rem !important;}
.f17 {font-size: 1.7rem !important;}
.f18 {font-size: 1.8rem !important;}
.f19 {font-size: 1.9rem !important;}
.f20 {font-size: 2rem !important;}
.f21 {font-size: 2.1rem !important;}
.f22 {font-size: 2.2rem !important;}
.f23 {font-size: 2.3rem !important;}
.f24 {font-size: 2.4rem !important;}
.f25 {font-size: 2.5rem !important;}
.f26 {font-size: 2.6rem !important;}
.f27 {font-size: 2.7rem !important;}
.f28 {font-size: 2.8rem !important;}
.f29 {font-size: 2.9rem !important;}
.f30 {font-size: 3rem !important;}
.f32 {font-size: 3.2rem !important;}
.f36 {font-size: 3.6rem !important;}
.f40 {font-size: 4rem !important;}

/* 반응형 폰트 */
/* 추가시 뒤에 숫자추가, 예)f_sm1 */
/* sm = 1.4rem 이하, md = 1.6rem ~ 1.9rem, lg = 2.0rem 이상  */
.f_basic {font-size: 1.6rem !important;} /* 모바일 = 1.5rem */
.f_sm {font-size: 1.4rem !important;} /* 모바일 = 1.1rem */
.f_md {font-size: 1.8rem !important;} /* 모바일 = 1.2rem */
.f_lg {font-size: 2rem !important;} /* 모바일 = 1.6rem */

/* 정렬 */
.txtCenter { text-align:center !important;}
.txtRight { text-align:right !important;}
.txtLeft { text-align:left !important;}

.txtNormal { font-weight:normal !important;}
.txtBold { font-weight:bold !important;}
.txtExBold {  font-weight:800 !important;}

/* 특정사이즈 미만일때 폰트지글거림 방지 */
.txttf {transform: skew(0.03deg);}

.underline {text-decoration: underline;}
.hide {display:none;}
.hidden {overflow:hidden;}

/* 테이블 용을 바꾸기 */
.disTb { display:table !important;}
.disTbC { display:table-cell !important;}

/* 글자 자르기 */
.txtCut { overflow:hidden; display:block; white-space: nowrap;text-overflow: ellipsis;}
.txtKeepall {word-break: keep-all;}

.f_left, .fll {float: left;}
.f_right, .flr {float: right;}
.clearfix {clear:both;}

.in_block {display:inline-block;}
.block {display:block;}

.m_show {display:none !important;}
.pc_show {display:none !important;}
.onlyMoMode  {display: none;}

/* 혹시 몰라 넣어놓는 간격들 */
.m0 { margin:0px !important;}
.mt0 { margin-top:0px !important;}
.mt4 { margin-top:4px !important;}
.mt5 { margin-top:5px !important;}
.mt8 { margin-top:8px !important;}
.mt10 { margin-top:10px !important;}
.mt12 { margin-top:12px !important;}
.mt14 { margin-top:14px !important;}
.mt15 { margin-top:15px !important;}
.mt16 { margin-top:16px !important;}
.mt18 { margin-top:18px !important;}
.mt20 { margin-top:20px !important;}
.mt22 { margin-top:22px !important;}
.mt24 { margin-top:24px !important;}
.mt25 { margin-top:25px !important;}
.mt28 { margin-top:28px !important;}
.mt30 { margin-top:30px !important;}
.mt32 { margin-top:32px !important;}
.mt35 { margin-top:35px !important;}
.mt38 { margin-top:38px !important;}
.mt40 { margin-top:40px !important;}
.mt44 { margin-top:44px !important;}
.mt45 { margin-top:45px !important;}
.mt50 { margin-top:50px !important;}
.mt52 { margin-top:52px !important;}
.mt55 { margin-top:55px !important;}
.mt60 { margin-top:60px !important;}
.mt65 { margin-top:65px !important;}
.mt70 { margin-top:70px !important;}
.mt75 { margin-top:75px !important;}
.mt80 { margin-top:80px !important;}
.mt95 { margin-top:95px !important;}
.mt100 { margin-top:100px !important;}
.mb0 { margin-bottom:0px !important;}
.mb4 { margin-bottom:4px !important;}
.mb5 { margin-bottom:5px !important;}
.mb8 { margin-bottom:8px !important;}
.mb10 { margin-bottom:10px !important;}
.mb12 { margin-bottom:12px !important;}
.mb15 { margin-bottom:15px !important;}
.mb16 { margin-bottom:16px !important;}
.mb18 { margin-bottom:18px !important;}
.mb20 { margin-bottom:20px !important;}
.mb24 { margin-bottom:24px !important;}
.mb25 { margin-bottom:25px !important;}
.mb28 { margin-bottom:28px !important;}
.mb30 { margin-bottom:30px !important;}
.mb35 { margin-bottom:35px !important;}
.mb40 { margin-bottom:40px !important;}
.mb45 { margin-bottom:45px !important;}
.mb50 { margin-bottom:50px !important;}
.mb55 { margin-bottom:55px !important;}
.mb60 { margin-bottom:60px !important;}
.mb65 { margin-bottom:65px !important;}
.mb70 { margin-bottom:70px !important;}
.mb75 { margin-bottom:75px !important;}
.mb80 { margin-bottom:80px !important;}
.mb100 { margin-bottom:100px !important;}
.ml0 { margin-left:0px !important;}
.ml5 { margin-left:5px !important;}
.ml10 { margin-left:10px !important;}
.ml15 { margin-left:15px !important;}
.ml20 { margin-left:20px !important;}
.ml25 { margin-left:25px !important;}
.ml30 { margin-left:30px !important;}
.ml35 { margin-left:35px !important;}
.ml40 { margin-left:40px !important;}
.ml45 { margin-left:45px !important;}
.ml50 { margin-left:50px !important;}
.ml55 { margin-left:55px !important;}
.ml60 { margin-left:60px !important;}
.ml65 { margin-left:65px !important;}
.ml70 { margin-left:70px !important;}
.ml75 { margin-left:75px !important;}
.ml80 { margin-left:80px !important;}
.mr0 { margin-right:0px !important;}
.mr5 { margin-right:5px !important;}
.mr8 { margin-right:8px !important;}
.mr10 { margin-right:10px !important;}
.mr15 { margin-right:15px !important;}
.mr20 { margin-right:20px !important;}
.mr25 { margin-right:25px !important;}
.mr30 { margin-right:30px !important;}
.mr35 { margin-right:35px !important;}
.mr40 { margin-right:40px !important;}
.mr45 { margin-right:45px !important;}
.mr50 { margin-right:50px !important;}
.mr55 { margin-right:55px !important;}
.mr60 { margin-right:60px !important;}
.mr65 { margin-right:65px !important;}
.mr70 { margin-right:70px !important;}
.mr75 { margin-right:75px !important;}
.mr80 { margin-right:80px !important;}

.p0 { padding:0px !important;}
.pt0 { padding-top:0px !important;}
.pt4 { padding-top:5px !important;}
.pt5 { padding-top:5px !important;}
.pt6 { padding-top:6px !important;}
.pt10 { padding-top:10px !important;}
.pt12 { padding-top:12px !important;}
.pt13 { padding-top:13px !important;}
.pt15 { padding-top:15px !important;}
.pt20 { padding-top:20px !important;}
.pt25 { padding-top:25px !important;}
.pt28 { padding-top:28px !important;}
.pt30 { padding-top:30px !important;}
.pt32 { padding-top:32px !important;}
.pt35 { padding-top:35px !important;}
.pt40 { padding-top:40px !important;}
.pt45 { padding-top:45px !important;}
.pt50 { padding-top:50px !important;}
.pt55 { padding-top:55px !important;}
.pt60 { padding-top:60px !important;}
.pt65 { padding-top:65px !important;}
.pt70 { padding-top:70px !important;}
.pt75 { padding-top:75px !important;}
.pt80 { padding-top:80px !important;}
.pb0 { padding-bottom:0px !important;}
.pb4 { padding-bottom:4px !important;}
.pb5 { padding-bottom:5px !important;}
.pb10 { padding-bottom:10px !important;}
.pb11 { padding-bottom:11px !important;}
.pb15 { padding-bottom:15px !important;}
.pb18 { padding-bottom:18px !important;}
.pb20 { padding-bottom:20px !important;}
.pb25 { padding-bottom:25px !important;}
.pb30 { padding-bottom:30px !important;}
.pb35 { padding-bottom:35px !important;}
.pb40 { padding-bottom:40px !important;}
.pb45 { padding-bottom:45px !important;}
.pb50 { padding-bottom:50px !important;}
.pb55 { padding-bottom:55px !important;}
.pb60 { padding-bottom:60px !important;}
.pb65 { padding-bottom:65px !important;}
.pb70 { padding-bottom:70px !important;}
.pb75 { padding-bottom:75px !important;}
.pb80 { padding-bottom:80px !important;}
.pb100 { padding-bottom:100px !important;}
.pl0 { padding-left:0px !important;}
.pl5 { padding-left:5px !important;}
.pl10 { padding-left:10px !important;}
.pl15 { padding-left:15px !important;}
.pl20 { padding-left:20px !important;}
.pl25 { padding-left:25px !important;}
.pl30 { padding-left:30px !important;}
.pl35 { padding-left:35px !important;}
.pl40 { padding-left:40px !important;}
.pl45 { padding-left:45px !important;}
.pl50 { padding-left:50px !important;}
.pl55 { padding-left:55px !important;}
.pl60 { padding-left:60px !important;}
.pl65 { padding-left:65px !important;}
.pl70 { padding-left:70px !important;}
.pl75 { padding-left:75px !important;}
.pl78 { padding-left:78px !important;}
.pl80 { padding-left:80px !important;}
.pr0 { padding-right:0px !important;}
.pr5 { padding-right:5px !important;}
.pr8 { padding-right:8px !important;}
.pr10 { padding-right:10px !important;}
.pr15 { padding-right:15px !important;}
.pr20 { padding-right:20px !important;}
.pr25 { padding-right:25px !important;}
.pr30 { padding-right:30px !important;}
.pr35 { padding-right:35px !important;}
.pr40 { padding-right:40px !important;}
.pr45 { padding-right:45px !important;}
.pr50 { padding-right:50px !important;}
.pr55 { padding-right:55px !important;}
.pr60 { padding-right:60px !important;}
.pr65 { padding-right:65px !important;}
.pr70 { padding-right:70px !important;}
.pr75 { padding-right:75px !important;}
.pr78 { padding-right:78px !important;}
.pr80 { padding-right:80px !important;}
.p2025 {padding: 20px 25px;}

.w10 {width:10% !important;}
.w15 {width:15% !important;}
.w20 {width:20% !important;}
.w25 {width:25% !important;}
.w30 {width:30% !important;}
.w35 {width:35% !important;}
.w40 {width:40% !important;}
.w45 {width:45% !important;}
.w50 {width:50% !important;}
.w55 {width:55% !important;}
.w60 {width:60% !important;}
.w65 {width:65% !important;}
.w70 {width:70% !important;}
.w75 {width:75% !important;}
.w80 {width:80% !important;}
.w85 {width:85% !important;}
.w90 {width:90% !important;}
.w95 {width:95% !important;}
.w100 {width:100% !important;}

.borderTop {border-top: 1px solid #dbdbdb;}
.borderBottom {border-bottom: 1px solid #dbdbdb;}
.btNoline {border-top: none !important;}
.bbNoline {border-bottom: none !important;}

/*추가작업 start 2022-09-20 공통헤더작업으로 삭제 
#header .rightInfo a.btnlog {background: url(../images/common/mo/icon_m_login.png) no-repeat left center; background-size: 20px; padding-left:25px; margin-left:20px;}
#header .rightInfo a.btnlog.logout {background: url(../images/common/mo/icon_m_logout.png) no-repeat left center; background-size: 20px; padding-left:25px;}
#header .rightInfo .name_wrap {font-size:1.4rem; font-weight:bold; color:#666666;}
#header .rightInfo .name_wrap .name {color:#00A472;} 
/*추가작업 end 2022-09-20 공통헤더작업으로 삭제 */

 /* layerPopup */
.layerPopWrap { visibility:hidden; display:flex; display:-ms-flex; align-items:center; position:fixed; top:0; left:0; width:100%; height:100%; z-index:100; opacity:0; transition:all .2s ease;}
.layerPopWrap.modalPop {z-index:110;}
.layerPopWrap .bg {position:fixed; top:0; right:0; width:100%; height:100%; background:rgba(0,0,0,0.8);}
.layerPopWrap .layerPopCont { display:flex; display:-ms-flex; flex-direction:column; position:relative; width:500px; max-height:90%; border-radius:20px; margin:0 auto; border:1px solid #cccccc; opacity:0; background:#fff;}
.layerPopWrap .layerPopCont.w360 { width:360px;}
.layerPopWrap .layerPopCont.w1000 { width:100%; max-width:1000px;}
.layerPopWrap .layerPopCont.w900 { width:100%; max-width:900px;}
.layerPopWrap .layerPopCont.w800 { width:100%; max-width:800px;}
.layerPopWrap.modalPop .layerPopCont.w310 { width:310px;}
.layerPopWrap .layerPopCont .popTitle { height:80px; padding-left:30px; border-radius:8px 8px 0 0; font-size: 2rem; color:#333; font-weight:bold; line-height:80px;}
.layerPopWrap .layerPopCont .popText { padding: 20px 30px; font-size: 1.8rem; color:#333;}
.layerPopWrap .layerPopCont .bbLine { border-bottom: 1px solid #dbdbdb;}
.layerPopWrap .layerPopCont .contBox { overflow:hidden; overflow-y:auto; height:calc(100% - 80px); height:-ms-calc(100 - 80px); padding:10px 30px 30px 30px;}
.layerPopWrap .layerPopCont.w310 .contBox {/*padding: 40px 25px 15px 25px;*/}
.layerPopWrap .layerPopCont.w1000 .contBox .agreeWrap {font-size: 1.7rem; color: #333; width: 100%; height: 409px; max-height: 409px; overflow-y: scroll;}
.layerPopWrap .layerPopCont.w1000 .contBox .agreeWrap #iframeWrap {height: 100%;}
.layerPopWrap .layerPopCont.w1000.w800 .contBox .adressWrap {font-size: 1.7rem; color: #333; width: 100%; height: auto; max-height: 325px; overflow-y: scroll; /*margin-bottom: 30px;*/}
.layerPopWrap .layerPopCont > .btnPopClose { position:absolute; top:0; right:0; width:80px; height:80px; font-size:0; background:url('../images/common/btn_pop_close.png') no-repeat center center;}
.layerPopWrap .layerPopCont .btnPopGroup { margin-top:20px; text-align:center; font-size:0;}
.layerPopWrap .layerPopCont .btnPopGroup .btn { font-weight: normal; display:inline-block; min-width:100%; height:46px; padding:0 30px; border-radius:4px; font-size:1.8rem; color:#fff; line-height:46px; background:#00a472;}
.layerPopWrap .layerPopCont .btnPopGroup .btn.btnLine { font-weight: normal; display:inline-block; min-width:100%; height:46px; padding:0 30px; border-radius:4px; font-size:1.8rem; color:#00a472; line-height:46px; background:#fff; border:1px solid #00a472;}
.layerPopWrap .layerPopCont.w1000 .btnPopGroup .btn {width: 100%; min-width:auto; max-width: 300px;}
.layerPopWrap .layerPopCont .btnPopGroup .btn.off {background: #ccc;}
.layerPopWrap .layerPopCont .btnPopGroup .btn + .btn { margin-left:10px;}

.layerPopWrap .layerPopCont.w1000 .addressWrap {overflow:hidden; overflow-y:auto; height:calc(100% - 62px); height:-ms-calc(100 - 62px); padding: 0px;}
.layerPopWrap .layerPopCont.w1000 .addressWrap .address {font-size: 1.7rem; color: #333; width: 100%; height: 409px; max-height: 409px; overflow-y: scroll;}

.layerPopWrap.alertPop .layerPopCont { width:300px; border:0;}
.layerPopWrap.alertPop .layerPopCont .contBox { height:auto; padding:30px 30px 0px; font-size:1.5rem; color:#666666;}
.layerPopWrap.alertPop .layerPopCont .btnPopGroup { margin:40px -30px 0}
.layerPopWrap.alertPop .layerPopCont .btnPopGroup .btn { width:100%; border-radius: 0 0 8px 8px;}

.layerPopWrap.modalPop .layerPopCont .contBox { font-size:2rem; color:#333; text-align: center; padding-top: 30px;}
.layerPopWrap.modalPop .layerPopCont .contBox .pop-icon {width: 70px; margin:0 auto;}
.layerPopWrap.modalPop .layerPopCont .contBox img,
.layerPopWrap.modalPop .layerPopCont .contBox svg {width: 100%;}
.layerPopWrap.modalPop .layerPopCont .btnPopGroup.type2 { margin:25px -30px 0}
.layerPopWrap.modalPop .layerPopCont .btnPopGroup.type1 .btn { border-radius: 0; float: left; margin: 0; background-color: #fff; color: #4128c7; font-size: 1.7rem; font-weight: bold; border-top: 1px solid #ccc; border-right: 1px solid #ccc;}
.layerPopWrap.modalPop .layerPopCont .btnPopGroup.type2 .btn { width: 50%;}
.layerPopWrap.modalPop .layerPopCont .btnPopGroup.type2 .btn:nth-child(2) {border-right:none;}
.layerPopWrap.modalPop .layerPopCont .btnPopGroup.type1 .btn.btnGray {color: #777;}
.layerPopWrap.modalPop .layerPopCont .btnPopGroup.type3 {width: 100%; display: flex;}
.layerPopWrap.modalPop .layerPopCont .btnPopGroup.type3 .btn {flex: 1 1 auto; min-width: auto;}

/* 공통사용모달 */
.layerPopWrap.modalPop.commonType .layerPopCont.w310 {width: 360px;}
.layerPopWrap.modalPop.commonType .layerPopCont.w310.w380 {width: 380px;}
.layerPopWrap.modalPop.commonType .layerPopCont .contBox {padding: 40px 30px 30px 30px;}
.layerPopWrap.modalPop.commonType .layerPopCont .contBox .text.txt20 {font-size: 2rem; color: #333; word-break: keep-all; }
.layerPopWrap.modalPop.commonType .layerPopCont .contBox .text.txt20.bold {font-weight: bold;}
.layerPopWrap.modalPop.commonType .layerPopCont .contBox .title {font-size: 2rem; color: #333; font-weight: bold; word-break: keep-all; margin-bottom: 10px;}
.layerPopWrap.modalPop.commonType .layerPopCont .contBox .text.txt16,
.layerPopWrap.modalPop.commonType .layerPopCont .contBox .text {font-size: 1.6rem; color: #333; word-break: keep-all; display: inline-block;}
.layerPopWrap.modalPop.commonType .layerPopCont .contBox .text.txt16.txtColor999 {color: #999;}
.layerPopWrap.modalPop.commonType .layerPopCont .contBox .text:last-child {margin-bottom: 15px;}
.layerPopWrap.modalPop.commonType .layerPopCont .contBox .text + .text {margin-top: 10px;}
.layerPopWrap.modalPop.commonType .layerPopCont .btnPopGroup {margin-top: 24px; display: flex; justify-content: center; align-items: center;}
.layerPopWrap.modalPop.commonType .layerPopCont .btnPopGroup .btn {width: 100%; min-width: auto;}

.layerPopWrap.on { visibility:visible; opacity:1;}
.layerPopWrap.on .layerPopCont{ animation:fadeInUp .6s ease-in-out forwards;}

/* noneBox */
.noneBox { position:relative; width:100%; padding-top:60px; margin:30px 0; text-align:center; font-size:1.5rem;}
.noneBox:before { content:''; display:block; position:absolute; top:0; left:50%; width:50px; height:50px; margin-left:-25px; background:url('../images/common/icon_table_none.png') no-repeat;}

/* table */
.tableWrap {}
.tableWrap .tableList {}
.tableWrap .tableList thead { border:1px solid #dbdbdb; border-width:1px 0;}
.tableWrap .tableList thead tr { background:#EEE;}
.tableWrap .tableList thead th { height:54px; text-align:center; color:#666; font-size:2rem; font-weight: normal; border: 1px solid #dbdbdb;}
.tableWrap .tableList .scrollbar { overflow-y:scroll; height:100px;}
.tableWrap .tableList tbody {}
.tableWrap .tableList tbody td { padding:15px 0; border:1px solid #dbdbdb; font-size:2rem; color:#666; background:#fff;}

/* form */
.formboxWrap {width: 100%; padding-top: 35px; display: inline-block; }
.formboxWrap .formbox {width: 50%; padding-right: 4.5%; display: inline-block; float: left;}
.formboxWrap .formbox.pr0 {padding-right:0;}
.formboxWrap .formbox.type1 {display: inline-block; float: inherit;}
.formboxWrap .formbox.type1.ES500-028 {float: left;}
.formboxWrap .formbox.typeW100 {width:100%;}

.formbox {margin-bottom:30px;}
.formbox .tit { width:100%; margin-bottom:10px; font-size:1.8rem; color:#333; position: relative;}
.formbox .tit .tiptxt {text-align: right; font-size: 1.3rem; color: #666; position: absolute; vertical-align: bottom; right: 0; bottom: 0;}
.formbox .tit .flr {font-size: 1.6rem; color: #999;}
.formbox > * { width:100%;}
.formbox.type2 { justify-content:space-between;}
.formbox.type2 .inpbox { width:calc(50% - 25px);}

.checkbox {}
.checkbox input { position:absolute; opacity:0;}
.checkbox label { position:relative; display:inline-block; min-height:30px; padding-left:34px; line-height:30px; font-size:2rem; cursor: pointer}
.checkbox label:before { content:''; display:block; position:absolute; top:4px; left:0; width:24px; height:24px; vertical-align:middle; background:url('../images/common/icon_checkbox.png') no-repeat; background-size:100%; transition:all .3s ease;}
.checkbox input:checked + label:before { background:url('../images/common/icon_checkbox_on.png') no-repeat; background-size:100%;}
.checkbox label:after { content:""; display:block; position:absolute; top:0; left:0; width:24px; height:24px; border-radius:50%; border:1px solid #209dd8; box-sizing:border-box; opacity:0; transition:all .3s ease;}

.checkbox.noround_chk {}
.checkbox.noround_chk label {  min-height:18px; padding-left:28px; line-height:28px;}
.checkbox.noround_chk label:before { width:18px; height:18px; background:url('../images/common/tc_checking_off.png') no-repeat; background-size: 18px;}
.checkbox.noround_chk input:checked + label:before { background:url('../images/common/tc_checking_on.png') no-repeat; background-size: 18px;}
.checkbox.noround_chk label:after { width:18px; height:18px;}

.checkbox.small {}
.checkbox.small label {  min-height:22px; padding-left:32px; line-height:22px;}
.checkbox.small label:before { width:22px; height:22px; background:url('../images/common/icon_checkbox_s.png') no-repeat;}
.checkbox.small input:checked + label:before { background:url('../images/common/icon_checkbox_s_on.png') no-repeat;}
.checkbox.small label:after { width:22px; height:22px;}

.checkbox.small.noround_chk {width: calc(100% - 16px); float: left;}
.checkbox.small.noround_chk.w100 {width: 100%; float: left;}
.checkbox.small.noround_chk label {min-height:24px; padding-left:30px; line-height:24px; font-size: 1.6rem; font-weight: normal; color: #333; text-decoration: underline;}
.checkbox.small.noround_chk label:last-child {margin-bottom: 0;}
.checkbox.small.noround_chk label:before { top: 2px; width:24px; height:24px; background:url('../images/common/tc_checking_off.png') no-repeat center; background-size: 14px;}
.checkbox.small.noround_chk input:checked + label:before { background:url('../images/common/tc_checking_on.png') no-repeat center; background-size: 14px;}
.checkbox.small.noround_chk label:after { width:20px; height:20px; border-radius: 0;  border:none;}
.checkbox.noround_chk:hover label:after { box-shadow:0; opacity:0;}
.checkbox.noround_chk input:focus + label { outline:none;}

.agreeChk {font-size: 2rem; color: #333; vertical-align: top; width: calc(100% - 34px); float: right;}
.agreeChk a {font-size: 2rem; text-decoration: underline;}

/* borderbox */
.borderbox {border: 1px solid #dbdbdb; border-radius:8px; box-sizing: border-box;}
.borderbox.none {border-bottom: 1px solid #dbdbdb; border-top:none; border-left:none; border-right:none; box-sizing: border-box;}
.borderbox .checkbox.small label { font-size: 1.6rem; color:#222}
.allchkbox {padding:20px;}
.allchkbox .agreebox {margin-top:20px;}
.allchkbox.on .agreebox {display:none; transition: all .3s ease;}
.allchkbox .agreebox li {width:100%; margin-bottom: 8px; background: url('../images/contents/tc_check_off.png') no-repeat right center; background-size: 16px;}
.allchkbox .agreebox li:last-child {margin-bottom: 0px;}
.allchkbox .agreebox li a {font-size: 1.3rem; color: #222; line-height: 19px; width: 100%; display: block;}

.allchkboxlist {width: 100%; padding: 20px; display: inline-block; box-sizing: border-box; position: relative; margin-top: 25px; margin-bottom: 5px; background-color: #f5f6f8;}
.allchkboxlist .allchkclick {width:calc(100% - 50px); float:left;}
.allchkboxlist .chk_arrow {width: 47px; height: 25px; float: right;}
.allchkboxlist .chk_arrow span {font-size: 1.5rem; color: #00a472; position: relative;}
.allchkboxlist .chk_arrow span:after {content: '펼치기'; display: block; position: absolute; top: 4px; right: -25px; width:44px; height: 20px;}
.allchkboxlist.on .chk_arrow span {color: #666;}
.allchkboxlist.on .chk_arrow span:after {content: '접기'; width:30px;}
.allchkboxlist .chk_arrow:after {content: ''; display: block; position: absolute; top: 30px; right: 20px; width: 14px; height: 10px; background:url('../images/common/selectbox_arrow_down_color.png') no-repeat; background-size:14px; transition: all .3s ease; transform: rotate(0deg);}
.allchkboxlist.on .chk_arrow:after {background:url('../images/common/selectbox_arrow_down.png') no-repeat; background-size:14px; transform: rotate(180deg);}
.allchkboxlist .agreebox {margin-top:25px; display:none;}
.allchkboxlist.on .agreebox {display:block; transition: all .3s ease;}
.allchkboxlist .agreebox li {width:50%; float:left; margin-bottom: 8px; display: inline-block;}
.allchkboxlist .agreebox li:last-child {margin-bottom: 0px;}
.allchkboxlist .agreebox li .checkbox {width: calc(100% - 30px); float:left;}
.allchkboxlist .agreebox li .checkbox label {min-height: 18px; padding-left: 32px; line-height: 23px; font-size: 1.6rem; color: #777; font-weight:normal;}
.allchkboxlist .agreebox li a {font-size: 1.4rem; color: #777; line-height: 23px; width: 30px; float:right; text-decoration: underline; text-align: right;}

.radiobox {}
.radiobox span { display:inline-block;}
.radiobox input { position:absolute; opacity:0;}
.radiobox label { position:relative; display:block; padding-left:34px; font-size:1.8rem; cursor: pointer}
.radiobox label:before { content:''; display:block; position:absolute; top:1px; left:0; width:24px; height:24px; background:url('../images/common/icon_radiobox.png') no-repeat; background-size:100%; padding:3px; border-radius:50%; border:1px solid transparent; box-sizing:border-box; transition:all .3s ease;}
.radiobox input:checked + label:before { background:url('../images/common/icon_radiobox_on.png') no-repeat; background-size:100%;}
.radiobox label:after { content:""; display:block; position:absolute; top:1px; left:0; width:24px; height:24px;}
.radiobox label:hover:after { }
.radiobox input:checked + label:after {}
.radiobox input:focus + label { outline:none;}

.contit {font-size: 1.8rem; color: #333; font-weight: bold;}
.radiobox.vertical span {display:block; margin-top:10px;}
.radiobox.vertical span:first-child {margin-top:15px;}
 
.togglebox { padding:5px 0;}
.togglebox input { position:absolute; opacity:0;}
.togglebox label { display:block; position:relative; width:30px; height:12px; border-radius:6px; font-size:0; background:#ccc; cursor: pointer}
.togglebox label .circle { display:block; position:absolute; top:-2px; left:-2px; width:16px; height:16px; box-shadow:0px 0px 4px rgba(0,0,0,0.3); border-radius:50%; background:#fff; transition:all .3s ease;}
.togglebox input:checked + label { background:#b5ddf6}
.togglebox input:checked + label .circle { left:calc(100% - 14px); background:#0c91e5; box-shadow:none;}
.togglebox label .circle:after { content:''; display:block; position:absolute; top:0; left:0; width:100%; height:100%; border-radius:50%; transition:all .3s ease;}
.togglebox label:hover .circle:after { box-shadow:0 0 0 6px rgba(202,202,202,0.3);}
.togglebox input:checked  + label:hover .circle:after { box-shadow:0 0 0 6px rgba(12,145,229,0.3);}
.togglebox input:focus + label { outline:1px dotted #333;}
.togglebox.type2 label { width:auto;}

.inpbox { display:flex;display:-ms-flex;}
.inpbox input { flex:1 1 auto; width:100%; height:46px; padding:0 17px; border:1px solid #d8d6de; border-radius:4px; font-size: 1.8rem; line-height:46px; box-sizing:border-box;}
.inpbox input[readonly] { color:#bebbc9; background:#f2f2f2;}
.inpbox * + * { margin-left:10px;}
.inpbox button { flex: 0 0 100px; width:100px; height:46px; border-radius:5px;}
.inpbox.error { position:relative;}
.inpbox.error input { border:1px solid #fbb9c4; color:#f86464;}
.inpbox.error:after { content: '';display: block;position: absolute;top: 50%;right: 10px;width: 24px;height: 24px;margin-top: -12px;background: url(../images/common/icon_error.png) no-repeat;}

.inpbox.calender { position:relative;}
.inpbox.calender input { padding-right:60px; background-image:url('../images/ES/icon_calendar.png'); background-repeat:no-repeat; background-position:calc(100% - 15px) center; background-position:-ms-calc(100% - 15px) center; background-size: 21px;}
.inpbox.calender.type2 { position:relative; border:1px solid #dbdbdb; background:#fff;}
.inpbox.calender.type2 input { border:0; margin-right:10px;}
.inpbox.calender.type2 input + input { margin-right:00px;}
.inpbox.calender.type2:after { content:'~'; display:block; position:absolute; top:50%; left:50%; font-size:1.7rem; color:#888; transform:translate(-50%, -50%);}

.formboxWrap .inpbox { display: block;}
.formboxWrap .inpbox * + * { margin-left: 0px; margin-top:10px;}
.formboxWrap .inpbox input {flex: 1 1 auto; width: 100%; padding: 0 15px;}
.formboxWrap .inpbox.half {width: 50%; padding-right: 4.5%; display: inline-block; float: left;}
.formboxWrap .inpbox.half.flex { display: flex;}
.formboxWrap .inpbox.half:nth-child(2n-1) {padding-right: 0; }
.formboxWrap .inpbox.half * + * {margin-left: 4.5%; margin-top: 0px;}

.formboxWrap .inpbox.flex { display: flex;}
.formboxWrap .inpbox.flex * + * { margin-left: 10px; margin-top:0px;}

.formboxWrap .inpbox textarea {width:100%; height:46px; padding: 0 17px; border:1px solid #dbdbdb; border-radius:4px; line-height:46px; box-sizing:border-box;}

.selectbox { position:relative;}
.selectbox select { display:none;}
.selectbox .selectBtn { position:relative; width:100%; height:46px; border:1px solid #dbdbdb; padding-left:20px; border-radius:4px; text-align:left; background:#fff; margin: 0;}
.selectbox .selectBtn:after { content:''; display:block; position:absolute; top:50%; right:20px; width:12px; height:7px; margin-top:-3.5px; background:url('../images/common/icon_select_arrow.png') no-repeat;}
.selectbox .selectBtn.active:after {transform: rotate(-180deg);}
.selectbox .optionList { display:none; position:absolute; top:36px; left:0; z-index:1; width:100%; border:1px solid #dbdbdb; border-top:0; background:#fff; border-radius: 0 0 4px 4px;}
.selectbox .optionList ul {}
.selectbox .optionList ul li {margin-top: 0;}
.selectbox .optionList ul li a { display:block; padding:13px 0 13px 20px; color:#333333;}
.selectbox .optionList ul li a:hover,
.selectbox .optionList ul li a:focus { color:#fff; background:#1c9bd7;}
.selectbox .selectBtn.active { border:1px solid #dbdbdb; border-bottom:0; border-radius:4px 4px 0 0; background:#f1f3f4;}
.selectbox .selectBtn.active ~ .optionList { display:block; animation:selectM .3s ease both;}

.selectbox.type1 { position:relative;}
.selectbox.type1 select {position:relative; display: block; border: 1px solid #d8d6de; width: 100%; height: 46px; line-height: 44px; border-radius: 4px; font-size: 1.8rem; padding: 0 0 0 15px; background:url('../images/common/selectbox_arrow_down.png') no-repeat right 15px center; background-size:14px;}
.selectbox.type1 select:after { content:''; display:block; position:absolute; top:50%; right:20px; width:12px; height:7px; margin-top:-3.5px; background:url('../images/common/icon_select_arrow.png') no-repeat;}
.selectbox.type1 .selectBtn { position:relative; width:100%; height:46px; border:1px solid #dbdbdb; padding-left:20px; border-radius:4px; text-align:left; background:#fff; margin: 0;}
.selectbox.type1 .selectBtn:after { content:''; display:block; position:absolute; top:50%; right:20px; width:12px; height:7px; margin-top:-3.5px; background:url('../images/common/icon_select_arrow.png') no-repeat;}
.selectbox.type1 .selectBtn.active:after {transform: rotate(-180deg);}
.selectbox.type1 .optionList { display:none; position:absolute; top:36px; left:0; z-index:1; width:100%; border:1px solid #dbdbdb; border-top:0; background:#fff; border-radius: 0 0 4px 4px;}
.selectbox.type1 .optionList ul {}
.selectbox.type1 .optionList ul li {margin-top: 0;}
.selectbox.type1 .optionList ul li a { display:block; padding:13px 0 13px 20px; color:#333333;}
.selectbox.type1 .optionList ul li a:hover,
.selectbox.type1 .optionList ul li a:focus { color:#fff; background:#1c9bd7;}
.selectbox.type1 .selectBtn.active { border:1px solid #dbdbdb; border-bottom:0; border-radius:4px 4px 0 0; background:#f1f3f4;}
.selectbox.type1 .selectBtn.active ~ .optionList { display:block; animation:selectM .3s ease both;}

.selectPlaceholder {color: #BEBBC9;}
.selectOp {color: #333;}

.selectbox.type2 { position:relative; width: 100%;}
.selectbox.type2 select {display: inline-block; border: 1px solid #d8d6de;  margin: 0; width: calc(50% - 3px); height: 46px; line-height: 44px; border-radius: 4px; padding: 0 0 0 17px; background:url('../images/common/selectbox_arrow_down.png') no-repeat right 15px center; background-size:14px;}
.selectbox.type1 .selectBtn { position:relative; width:100%; height:46px; border:1px solid #dbdbdb; padding-left:20px; border-radius:4px; text-align:left; background:#fff; margin: 0;}
.selectbox.type1 .selectBtn:after { content:''; display:block; position:absolute; top:50%; right:20px; width:12px; height:7px; margin-top:-3.5px; background:url('../images/common/icon_select_arrow.png') no-repeat;}
.selectbox.type1 .selectBtn.active:after {transform: rotate(-180deg);}
.selectbox.type1 .optionList { display:none; position:absolute; top:36px; left:0; z-index:1; width:100%; border:1px solid #dbdbdb; border-top:0; background:#fff; border-radius: 0 0 4px 4px;}
.selectbox.type1 .optionList ul {}
.selectbox.type1 .optionList ul li {margin-top: 0;}
.selectbox.type1 .optionList ul li a { display:block; padding:13px 0 13px 20px; color:#333333;}
.selectbox.type1 .optionList ul li a:hover,
.selectbox.type1 .optionList ul li a:focus { color:#fff; background:#1c9bd7;}
.selectbox.type1 .selectBtn.active { border:1px solid #dbdbdb; border-bottom:0; border-radius:4px 4px 0 0; background:#f1f3f4;}
.selectbox.type1 .selectBtn.active ~ .optionList { display:block; animation:selectM .3s ease both;}

@keyframes selectM{
	0% { opacity:0; transform:translateY(-10px)}
	to { opacity:1; transform:translateY(0px)}
}

/* 버튼/라벨 색상  - bg */
.bgBlue { background:#1c9bd7;}
.bgPink { background:#f4516c;}
.bgGray { background:#888888;}
.bgSkyblue { background:#00becf;}
.bgDarkgray { background:#49515c;}
.bgBluegray { background:#6f7689;}
.bgLightGray { background:#cccccc;}

/* 바로가기 링크 버튼 추가 */ 
.btn-blue-link {
  display: inline-block;
  width: auto;
  color: #fff !important;
  border: 1px solid #085da9;
  background: #085da9;
  border-radius: 25px;
  padding: 10px 30px;
  box-sizing: border-box;
  margin: 0 auto 50px;
  font-size: 20px;
  transition: background-color 0.3s ease;
}
.btn-blue-link:hover {
  opacity: 0.8;
}
.btn-green-link {
  display: inline-block;
  width: auto;
  color: #fff !important;
  border: 1px solid #00a472;
  background: #00a472;
  border-radius: 25px;
  padding: 10px 30px;
  box-sizing: border-box;
  margin: 0 auto 50px;
  font-size: 20px;
  transition: background-color 0.3s ease;
}
.btn-green-link:hover {
  opacity: 0.8;
}

.radioBtn {position: relative; width: 18px; height: 18px; padding: 3px; margin-top: -1px; border-radius: 50%;}

.btn {display:inline-block; /*min-width: 150px;*/ height: 50px; padding:0 10px; border: 0; border-radius: 4px; color: #fff; font-size: 1.7rem; font-weight:bold; cursor:pointer;}
.btn:hover {transition: background-color .5s;webkit-transition: background-color .5s;}

.btnRound {border-radius:25px;}

.btnLarge {width: 170px;height: 60px;line-height: 60px;font-size:2rem;}
.btnLargeRound {border-radius:30px;}

.btnWhite {color: #666666;background: #fff;border: 1px solid #cccccc;}
.btnWhite:hover {border:1px solid #1c9bd7;}
.btnGray {color: #fff;background: #788391;}
.btnGray:hover {background: #484f57;}
.btnBlue {color: #fff;background: #1c9bd7;}
.btnBlue:hover {background: #115d81;}

.gridBtn { min-width:120px; height:30px; padding: 0 10px; border-radius:3px; text-shadow:none; border:1px solid #cccccc; color:#555555; font-size:1.3rem; background:#fff;}

[class*=gridBtn][class*=btnIcon]:before {content:''; display:inline-block; width:16px; height:16px; margin-right:5px; vertical-align:middle; background:url('../images/common/icon_button1.png') no-repeat;}
[class*=gridBtn].btnIcon1:before { background-position:0 0;}
[class*=gridBtn].btnIcon2:before { background-position:-16px 0;}
[class*=gridBtn].btnIcon3:before { background-position:-32px 0;}
[class*=gridBtn].btnIcon4:before { background-position:-48px 0;}
[class*=gridBtn].btnIcon5:before { background-position:-64px 0;}
[class*=gridBtn].btnIcon6:before { width:15px; height:15px; background-position:-79px 0;}
[class*=gridBtn].btnIcon7:before { background-position:-110px 0;}
[class*=gridBtn].btnIcon8:before { background-position:-125px 0;}
[class*=gridBtn].btnIcon9:before { background-position:-94px 0;}
[class*=gridBtn].btnIcon10:before { background-position:-140px 0;}
[class*=gridBtn].btnIcon11:before { background-position:-156px 0;}
[class*=gridBtn].btnIcon12:before { background-position:-172px 0;}
[class*=gridBtn].btnIcon13:before { background-position:-187px 0;}
[class*=gridBtn].btnIcon14:before { background-position:-203px 0;}
[class*=gridBtn].btnIcon15:before { background-position:-220px 0;}

/* 하단버튼  */
.fullbtn {width:100%; max-width: 1200px; text-align: center; padding: 50px 25px 100px 25px; background-color:#fff; clear: both;}
.fullbtn .btn,
.btnWrap .btn {display:inline-block; width:100%; max-width: 310px;height: 46px; line-height: 46px; text-align: center; padding:0 10px; border-radius: 4px; color: #fff; font-size: 1.8rem; font-weight:normal; cursor:pointer; background-color:#ccc; border: 1px solid #ccc;}
.fullbtn .btn { margin-left:10px;} 
.fullbtn .btn:first-child { margin-left:0px;} 
.fullbtn .btn.linebtn,
.btnWrap .btn.linebtn {border: 1px solid #00a472; color: #00a472; background-color: #fff;}
.fullbtn .btn.on {background-color:#00a472; border: 1px solid #00a472;} 
.fullbtn.type2 .btn {flex: 1 1 auto;  width: 100%; height: 46px; font-size: 1.8rem; line-height: 46px; box-sizing: border-box; text-align: center; color: #fff; border-radius: 4px;} 

.ESbtn.on {background-color:#00a472;}
.ESbtn {background-color:#ccc; color:#fff;}

.onlymomode {display:none;}
.floatingBtn {position: fixed; right: 50%; bottom: 165px; margin-right: -702px; z-index: 5;}
.floatingBtn a {display: inline-block;}
.floatingBtn a img {width:76px;}
.floatingBtn.floatingBtn2 {bottom: 337px;}

/* 다음 이전 버튼 */
.btnNext { display:inline-block; width:auto; margin-right:50px; position:relative; overflow:visible; color:#1c9bd7; font-weight:800; font-size:2.2rem; transition:all .3s ease;}
.btnNext:after { content:''; display:block; position:absolute; transition:all .3s ease; left:50px; top:7px; width:30px; height:10px; background:url('../images/common/icon_arrow_next.png') no-repeat 0 -15px;}
.btnNext::disabled { color:#333;}
.btnNext::disabled:after { width:0;background:#333;background-position:0 0;}

.btnPrev { display:inline-block; width:auto !important; margin-left:50px; position:relative; overflow:visible; color:#333333; font-weight:800; font-size:2.2rem; transition:all .3s ease;}
.btnPrev { position:relative;}
.btnPrev:after { content:''; display:block; bottom:0; left:0; width:0%; height:2px; background:#333333; transition:all .3s ease;}
.btnPrev:before {content:''; position:absolute; left:-40px; top:7px; width:30px; height:10px; background:url('../images/common/icon_arrow_prev.png') no-repeat;}
.btnPrev:not(::disabled):hover { color:#1c9bd7;}
.btnPrev:not(::disabled):hover:before { background-position:0 -15px;}
.btnPrev:not(::disabled):hover:after { width:100%; background:#1c9bd7;}

.smallBtnRound { height:25px; padding:0 20px; border-radius:15px; text-shadow:none; border:0; color:#fff; font-size:1.3rem; font-weight:bold; cursor:pointer; outline: 0;}
.smallBtnRound:hover {background-color:#536070; transition: background-color .5s;webkit-transition: background-color .5s;   }

input[type=radio].buttonRadio{ position:absolute; opacity:0;width:1px;height:1px;}
.btnRadioWrap { display: inline-flex; border: solid 1px #dbdbdb; border-radius:4px;  background:#fff;}
.btnRadioWrap li { flex-wrap: wrap; border-right: solid 1px #dbdbdb; }
.btnRadioWrap li:last-child { border-right: 0;}
.buttonRadio + label {display:inline-block; width:100px; height:48px;line-height:48px; text-align:center; box-sizing: border-box; /* padding-top:3px; */ color:#888888; text-align:center;}
.buttonRadio:checked + label {color:#1c9bd7; font-weight:bold; border: 2px solid #1c9bd7; border-radius: 4px; line-height: 44px;}

.buttonRadio:first-child + label {/* border-radius:4px 0 0 4px; color:red; */}
.buttonRadio:last-child + label {border-radius:4px 0 0 4px; color:red;}

.buttonRadio { border:1px solid #dbdbdb; border-radius:4px;}
.buttonRadio .cl-radiobutton-item { position:relative; height:48px; border:0; padding-top:3px; color:#888888; text-align:center; background:#fff;}
.buttonRadio .cl-radiobutton-item:before { content:''; display:block; position:absolute; top:0; bottom:0; left:0px; width:1px; height:48px; background:#e0e0e0;}
.buttonRadio .cl-radiobutton-item.cl-selected .cl-text { color:#1c9bd7; font-weight:bold;}
.buttonRadio .cl-radiobutton-item.cl-selected:after { content:''; display:block; position:absolute; top:0; left:0; right:0; z-index:1; height:44px; border-radius:4px; border:2px solid #1c9bd7;}
.buttonRadio .cl-radiobutton-item:first-child:before, 
.buttonRadio .cl-radiobutton-item.cl-selected:before{ display:none;} 
.buttonRadio .cl-radiobutton-item label {padding-top:3px;}
.buttonRadio.cl-radiobutton .cl-radiobutton-item .cl-text { padding-top:0; padding-bottom:2px;}
.cl-radiobutton.buttonRadio .cl-radiobutton-item > div > div { position: absolute; opacity: 0;}

/* .buttonRadio.cl-focus .cl-selected > div { outline:1px dotted #333;} */
.buttonRadio.cl-focus .cl-selected > div:before { content:''; display:block; position:absolute; top:2px; left:2px; right:2px; bottom:2px; height:42px; border:1px dotted #333;}

.buttonRadio.type2 { max-width:200px;}
.buttonRadio.type3 { max-width:300px;}
.buttonRadio.type4 { max-width:400px;}
.buttonRadio.type5 { max-width:500px;}

.textLink1{font-size: 1.3rem; color: #666; background: none; cursor: pointer;}
.textLink1:after { content: ''; display: inline-block; width: 6px; height: 10px; margin-left: 5px; margin-top: -1px; vertical-align: middle; background: url(../images/common/icon_textLink.png) no-repeat;}
.textLink1:hover {text-decoration:underline; color:#0c91e5; }
.textLink1:hover:after { background-position:0 -10px;}

.smallBtn { height:30px; padding:0 8px; border:0; border-radius:4px; font-size:1.2rem; color:#fff;background:#3f4a59; text-align:center; cursor:pointer; }
.smallBtn .cl-text { font-size:1.2rem; color:#fff; }
.smallBtn.btnBlack.cl-button:not(.cl-disabled).cl-activated,
.smallBtn.btnBlack.cl-button:not(.cl-disabled).cl-active {background: #3f4a59;} 

[class*=smallBtn][class*=btnIcon]:after {content:''; display:inline-block; margin-left:8px; vertical-align:middle; background:url('../images/common/icon_small_button.png') no-repeat;}
[class*=smallBtn][class*=btnIconGray]:after {background:url('../images/common/icon_small_button_gray.png') no-repeat;}
[class*=smallBtn].btnIcon1:after, [class*=smallBtn].btnIconGray1:after { width:7px; height:10px; background-position:0 0px;}
[class*=smallBtn].btnIcon2:after, [class*=smallBtn].btnIconGray2:after { width:8px; height:10px; background-position:-7px 0px;}
[class*=smallBtn].btnIcon3:after, [class*=smallBtn].btnIconGray3:after { width:8px; height:10px; background-position:-15px 0px;}

button:disabled {background-color:#cccccc; cursor:default !important;}

.iconSetting {content:'';width: 20px; height: 20px; margin-right: 10px; vertical-align: middle;background: url(../images/common/btn_widget_setting.png) no-repeat;}

/* Tootip */
.btnTooltip { display:inline-block; position:relative; width:25px; height:16px; vertical-align:middle; font-size:0; background:url('../images/common/icon_tip.png') no-repeat; background-size: 100%;}
.btnTooltip:hover,
.btnTooltip:focus { background:url('../images/common/icon_tip_on.png') no-repeat;}

.tolltopBox { position:absolute; bottom:26px; left:0; width:320px; height:auto; padding:20px; border:1px solid #cccccc; border-radius:5px; box-shadow:0 0 5px rgba(0,0,0,0.5); background:#fff;}
.tolltopBox .tipTit { margin-bottom:15px; font-size:1.5rem; color:#333; font-weight:bold;}
.tolltopBox .tipCont { font-size:1.3rem; color:#666;}

/* tapBoxWrap */
.tapBoxWrap { position:relative; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;}
.tapBoxWrap .tapBox { width:100%;}
.tapBoxWrap .tapBox + .tapBox > button { border-left:1px solid #dbdbdb;}
.tapBoxWrap .tapBox > button { position:absolute; top:0; left:0; width:100%; height:70px; padding-left:40px; border-bottom:1px solid #dbdbdb; font-size:2rem; text-align:left; font-weight:bold; background:#f5f6f8;}
.tapBoxWrap .tapBox .tapCont { display:none; padding:110px 40px 40px; background:#fff;}
.tapBoxWrap .tapBox .tapCont .jsTabCont {padding: 20px 0;}
.tapBoxWrap .tapBox .tapCont .jsTabCont .TabListBox { display:none;}

.tapBoxWrap .tapBox.on {}
.tapBoxWrap .tapBox.on > button { border-bottom-color:#fff; background:#fff;}
.tapBoxWrap .tapBox.on > button:before { content:''; display:block; position:absolute; top:0; left:0; width:100%; height:3px; background:#49515c;}
.tapBoxWrap .tapBox.on .tapCont { display:block;}
.tapBoxWrap .tapBox.on .tapCont .jsTabCont .TabListBox:first-child { display:block;}

.tapBoxWrap.type1 .tapBox > button { left:0;}
.tapBoxWrap.type2 .tapBox > button { width:50%;}
.tapBoxWrap.type2 .tapBox + .tapBox > button { left:50%;}
.tapBoxWrap.type3 .tapBox > button { width:33.333%;}
.tapBoxWrap.type3 .tapBox:nth-child(2) > button { left:33.333%;}
.tapBoxWrap.type3 .tapBox:nth-child(3) > button { left:66.666%;}
.tapBoxWrap.type4 .tapBox > button { width:25%;}
.tapBoxWrap.type4 .tapBox:nth-child(2) > button { left:25%;}
.tapBoxWrap.type4 .tapBox:nth-child(3) > button { left:50%;}
.tapBoxWrap.type4 .tapBox:nth-child(4) > button { left:75%;}
.tapBoxWrap.type5 .tapBox > button { width:20%;}
.tapBoxWrap.type5 .tapBox:nth-child(2) > button { left:20%;}
.tapBoxWrap.type5 .tapBox:nth-child(3) > button { left:40%;}
.tapBoxWrap.type5 .tapBox:nth-child(4) > button { left:60%;}
.tapBoxWrap.type5 .tapBox:nth-child(5) > button { left:80%;}

.subTabWrap { position:relative; margin-bottom:40px;}
.subTabWrap.jsTabLink {margin-bottom:0px;}
.subTabWrap ul { display:flex; display:-ms-flex; border-bottom:2px solid #dbdbdb;}
.subTabWrap ul li { position:relative;}
.subTabWrap ul li a { display:block;  padding:0 20px 20px; font-size:1.7rem; color:#666; font-weight:bold; }
.subTabWrap ul li.on a {color:#333;}
.subTabWrap .line { display:block; position:absolute; bottom:0; left:0; width:0; height:3px; background:#1c9bd7;z-index: 1;}

.subTabWrap.full {}
.subTabWrap.full ul li { flex:1 1 auto; text-align:center;}
.subTabWrap.full ul li.on a { color:#0c91e5;}

.subTabWrap.small {}
.subTabWrap.small ul li a { padding-bottom:10px; font-size:1.5rem;;}

.subTabWrap.textNowrap ul li a {white-space: nowrap;}

.roundTapWrap { position:relative; margin:0 auto; text-align:center;}
.roundTapWrap ul { display:inline-flex; display:-ms-inline-flex; border-radius:30px; padding:4px; border:1px solid #dbdbdb;}
.roundTapWrap ul li {}
.roundTapWrap ul li a { display:flex; position:relative; z-index:1; width:130px; height:40px; color:#333; align-items:center; justify-content:center; font-weight:bold; transition:all .3s ease;}
.roundTapWrap ul li.on a { color:#fff; /* background:#f9515e */}
.roundTapWrap .round { display:block; position:absolute; top:3px; bottom:3px; left:0; width:0; border-radius:20px; background:#f9515e;}
 
 /* calender */
.ui-datepicker { width:270px; padding:0; border:2px solid #2382d3;}
.ui-datepicker .ui-datepicker-header { height:43px; padding:0; border-radius:0; border:0; background:#2382d3;}
.ui-datepicker .ui-datepicker-title { height:43px; padding-top:2px; margin:0; line-height:43px; color:#fff; font-size:1.7rem;}
.ui-datepicker .ui-datepicker-prev { top:50%; left:60px; width:30px; height:30px; border:0; margin-top:-15px;}
.ui-datepicker .ui-datepicker-prev .ui-icon { background:url('../images/common/icon_calendar_left.png') no-repeat center center;}
.ui-datepicker .ui-datepicker-next { top:50%; right:60px; width:30px; height:30px; border:0; margin-top:-15px;}
.ui-datepicker .ui-datepicker-next .ui-icon { background:url('../images/common/icon_calendar_right.png') no-repeat center center;}
.ui-datepicker .ui-state-hover {  background:none; border:0;}
.ui-datepicker table { width:auto; margin:16px; padding:0;}
.ui-datepicker th { width:34px; height:34px; padding:0;}
.ui-datepicker td { width:34px; height:34px; padding:0;}
.ui-datepicker .ui-datepicker-week-end a,
.ui-datepicker .ui-datepicker-week-end span { color:#f86464;}
.ui-datepicker .ui-datepicker-week-end:last-child a,  
.ui-datepicker .ui-datepicker-week-end:last-child span { color:#1c9bd7;} 
.ui-datepicker td span, .ui-datepicker td a { padding:0; text-align:center; background:none;}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border:0; background:none;}

.ui-datepicker td:hover { background:#eee;}
.ui-datepicker .ui-datepicker-today,
.ui-datepicker .ui-datepicker-today:hover { background:#4f6a8f;}
.ui-datepicker .ui-datepicker-today a { color:#fff;}
.ui-datepicker .ui-datepicker-current-day { border-radius:50%; background:#1c9bd7;}
.ui-datepicker .ui-datepicker-current-day a { color:#fff;}

 /* dotList */
 .dotList {}
 .dotList li { position:relative; padding-left:15px;}
 .dotList li:before { content:''; display:block; position:absolute; top:8px; left:0; width:4px; height:4px; background:#788391;}
 
/* filedrag */

/* 파일첨부 */
.filedrag_wrap { margin-bottom: 30px;}
.filedrag_wrap .filedrag {	display: none; text-align: center;display: inline-block;padding: 10px 20px; width: 100%;box-sizing: border-box; min-height: 130px; vertical-align: middle;}
.filedrag_wrap .filedrag.hover {outline: none;}
.filedrag_wrap .messages {	width: 100%; text-align: left; margin-top: 5px;}

.filedrag_wrap .filedrag .ico_message, .filedrag img {	width: 20px; margin: 0 auto; display: block;}
.filedrag_wrap .filedrag .filedrag_inner .ico_message { width: 40px;}
.filedrag_wrap .filedrag  .txt_message, .filedrag p { padding: 0; margin: 0 0 0 10px;line-height: 30px;font-size: 1.3rem; color: #888;}
.filedrag_wrap .filedrag_graybox {box-sizing: border-box; margin-bottom: 10px; cursor: pointer; display: inline-block; width: 100%; text-align: center; border: 1px solid #dbdbdb; border-radius: 4px;}
.filedrag_wrap .messages .file-box, .filedrag_wrap .messages div { height: 20px; font-size: 1.6rem; color: #333; width: 100%; margin: 10px 0 0 0;}		
.filedrag_wrap .messages .file-box:nth-child(1) { margin: 0px;}
.filedrag_wrap .file-img { width:20px; vertical-align: middle; float: left; margin-right: 10px;}
.filedrag_wrap .messages .file-name, .filedrag_wrap .messages span {line-height: 20px; height: 20px; float: left; margin-right: 10px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; width: auto; max-width: calc(100% - 30px); min-width: auto;}
.filedrag_wrap .filebox { width: 100%; display: inline-block;}
.filedrag_wrap .filebox label { width: 100%; height: 50px; line-height: 50px; font-size: 1.5rem; vertical-align: middle; cursor: pointer; border-radius: 3px; text-align: center; float: left; z-index: 1; color: #fff; background-color: #6f7689;}
.filedrag_wrap .filebox input[type="file"] {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0;}
.filedrag_wrap .add_txt {font-size: 1.3rem; color: #888; float: left; height: 35px; line-height: 35px; padding: 0; margin: 0 0 0 10px;}
.filedrag_wrap .messages a.file_del {width:20px;height:20px;float: right;}
.filedrag_wrap .messages .file_del { width: 20px; height: 20px; background: #f5f6f8 url(../images/common/fileDelBtn.png) no-repeat center; border: none; font-size: 0; color: transparent; padding: 0; margin: 0;cursor: pointer; background-size: 100%; vertical-align: middle; box-shadow:none; border-radius:0;}
.filedrag_wrap .messages .file_del:focus {outline: none;}
.filedrag_wrap .filedrag_inner {display:inline-block; margin-top: 25px;}
.filedrag_wrap .filedrag_inner.none {display:none;}
.filedrag_wrap .filedrag.hover .filedrag_inner {display:none;}
.filedrag_wrap .submitbutton {display:none;}

/* 이미지첨부 */
.filedrag_wrap.imgUp .filedrag_graybox { box-sizing: border-box; margin-bottom: 0; cursor: pointer; display: block; width: 100%; text-align: center; border: none; border-radius: 0;}
.filedrag_wrap.imgUp .file-box_img {position:relative;}
.filedrag_wrap.imgUp .file-box_img img {width:auto; max-width:100%; height:auto; margin-bottom: 15px;display: block;}
.filedrag_wrap.imgUp .file-box_img .file_del { width: 20px; display: block; position: absolute; top: 10px; right: 10px; background-color: transparent;}
.filedrag_wrap.imgUp .file-box_img .file_del img {width:100%;}

/* 이미지첨부 - 여러개 */
.formboxWrap .formbox.type1 .filedrag_wrap { margin-bottom: 0px;}
.formboxWrap .formbox.type1 .filedrag_wrap .filedrag {display: none; text-align: center; display: inline-block;padding: 10px 20px; width: 100%;box-sizing: border-box; min-height: 130px; vertical-align: middle;}
.formboxWrap .formbox.type1 .filedrag_wrap .filedrag.hover {outline: none;}
.formboxWrap .formbox.type1 .filedrag_wrap .messages {	width: 100%; text-align: left; margin-top: 5px;}
.formboxWrap .formbox.type1 .filedrag_wrap .filebox {width: 19%; display: inline-block;}
.formboxWrap .formbox.type1 .filedrag_wrap .filebox label {height: 0; padding-bottom: calc(100% - 2px); font-size: 0; border-radius: 0; border: 1px solid #d8d6de; background: url("../images/ES/Icon_add_img.png") no-repeat #fff center; background-size: 21px;}

.formboxWrap .formbox.type1 .filedrag_wrap.imgUp .filedrag_graybox { box-sizing: border-box; margin-bottom: 0; cursor: pointer; display: contents; width: 100%; text-align: left; border: none; border-radius: 0;}
.formboxWrap .formbox.type1 .filedrag_wrap.imgUp .file-box_img {position:relative; width:19%; height: 0; padding-bottom: calc(19% - 2px); margin-right: 1%; float: left; border: 1px solid #dbdbdb; overflow: hidden;}
.formboxWrap .formbox.type1 .filedrag_wrap.imgUp .file-box_img img {width: auto; max-width: fit-content; height: 100%; margin-bottom: 0px; display: block; position: absolute; vertical-align: middle; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.formboxWrap .formbox.type1 .filedrag_wrap.imgUp .file-box_img .file_del {width: 24px; height: 24px; display: block; position: absolute; top: 5px; right: 5px; background-color: transparent; z-index: 10;}
.formboxWrap .formbox.type1 .filedrag_wrap.imgUp .file-box_img .file_del img {width:100%;}

.imgBox {width:19%;}
 
 /* ==============================
 * common Page
 * ============================== */
 

/* 주소 찾기 */
.addressSearch { display:flex; display:-ms-flex;}
.addressSearch > * { flex: 1 1 auto;}
.addressSearch > * + * { margin-left:10px;} 

.addressTip { margin-top:20px;}
.addressTip .tit { color:#333;}
.addressTip .dotList { margin-top:10px;}
.addressTip .dotList li { font-size:1.5rem; color:#999;}
.addressTip .dotList li strong { color:#666;}
.addressTip .dotList li + li { margin-top:5px;}
.addressTip .dotList li:before {}

/* 금융 기관 팝업 */
.jsTabCont > div:first-child { display:block;}
.jsTabCont > div { animation:fadeIn .8s ease;}

.cardListBox { display:none; position:relative;}
.cardListBox:before { content:''; display:block; position:absolute; top:0; left:25%; width:1px; height:100%; background:#dbdbdb;}
.cardListBox:after { content:''; display:block; position:absolute; top:0; left:50%; width:1px; height:100%; background:#dbdbdb;}
.cardListBox ul:before { content:''; display:block; position:absolute; top:0; left:75%; width:1px; height:100%; background:#dbdbdb;}
.cardListBox ul { display:flex; display:-ms-flex; flex-wrap:wrap}
.cardListBox ul li { width:25%; padding-left:30px; margin-bottom:20px;}
.cardListBox ul li a { display:flex; display:-ms-flex; position:relative; min-height:33px; padding-left:42px; padding-top:3px; align-items:center; color:#000;}
.cardListBox ul li span { display:block; position:absolute; top:50%; left:0; width:33px; height:33px; margin-top:-16.5px; background-repeat: no-repeat; background-position:0 0;}
 
 /* ==============================
 * main
 * ============================== */
#wrap {position: relative; top: -107px;}
#wrap.t0 {top: 0px;}
#wrap .mainImg {overflow:hidden; position:relative; height:100vh; background:#fff;}
#wrap .mainSec {display: inline-block; position:relative; width: 100%; height:100%; background:#fff;}
#wrap .mainSec .innerBox {width: 1200px; height:100%; margin: 0 auto; padding: 100px 0; position: relative;}

#wrap .mainSec1 {background-color: #f4f7f8;} 
#wrap .mainSec .innerBox {position: relative;}
#wrap .mainSec .innerBox .titBox {font-size: 3.4rem; font-weight: bold; line-height: 5.8rem; color: #333;  }
#wrap .mainSec1 .innerBox .titBox {text-align: center;}
#wrap .mainSec .innerBox .moreView {width: auto; font-size: 1.8rem; color: #00a472; border: 1px solid #00a472; padding: 1rem 2.4rem; border-radius: 4px; position: absolute; top: 0px; right: 0;}
#wrap .mainSec .innerBox ul {width: 100%; display: table;}
#wrap .mainSec1 .innerBox ul {display: flex; margin-top: 80px;}
#wrap .mainSec1 .innerBox ul li ul {display: flex; margin-top: 0px; width: 100%;}
#wrap .mainSec .innerBox ul .linebox {position: relative; transition:all .3s ease; border-radius: 4px; width: 33.3%; float: left; margin-left: 40px;}
#wrap .mainSec .innerBox ul li ul .linebox {width: calc(50% - 20px);}
#wrap .mainSec .innerBox ul .linebox.box1 {width: 100%; max-width: 440px;}
#wrap .mainSec .innerBox ul .box:first-child,
#wrap .mainSec .innerBox ul li ul .linebox:first-child {margin-left: 0px;}
#wrap .mainSec .innerBox ul .linebox.linebox1 {background:url('../images/ES/img_ESG Consulting.png') no-repeat center center; background-size:cover;}
#wrap .mainSec .innerBox ul .linebox.linebox2 {background:url('../images/ES/img_ESG Finance.png') no-repeat center center; background-size:cover;}
#wrap .mainSec .innerBox ul .linebox.linebox3 {background:url('../images/ES/img_Waste Management.png') no-repeat center center; background-size:cover;}
#wrap .mainSec .innerBox ul .linebox .txtBoxWrap {position: relative; width: 100%; height: 100%; padding: 50px 40px 53px 40px; box-sizing: border-box;}
#wrap .mainSec .innerBox ul .linebox .txtBoxWrap .txtBox {}
#wrap .mainSec .innerBox ul .linebox .tit {transform: translateY(30px); transition: 0.2s; position: relative; font-size: 3.0rem; line-height: 4.6rem; color: #fff; font-weight: bold; letter-spacing: -0.096rem; z-index:1;}
#wrap .mainSec .innerBox ul .linebox .txt {transform: translateY(30px); opacity: 0; transition: 0.5s; position: relative; padding-top: 30px; font-size: 2.2rem; line-height: 3.6rem; color: #fff; z-index:1;}
#wrap .mainSec .innerBox ul .linebox .alink {margin-top: 35px; transform: translateY(30px); opacity: 0; transition: 0.5s; width: 130px; display: inline-block; border: 1px solid #fff; border-radius: 4px; font-size: 1.8rem; color: #fff; line-height: 4.6rem; height: 4.6rem; padding: 0 20px; background: url(../images/ES/arrow_white.png) no-repeat right 20px center; background-size: 8px;}

#wrap .mainSec .innerBox ul .linebox:hover {transition: 0.2s;}
#wrap .mainSec .innerBox ul .linebox:hover .tit {transform: translateY(0);}
#wrap .mainSec .innerBox ul .linebox:hover .txtBox .txt {opacity: 1; transform: translateY(0); transition: 0.5s;}
#wrap .mainSec .innerBox ul .linebox:hover .txtBox .alink {opacity: 1; transform: translateY(0); transition: 0.5s;}
#wrap .mainSec .innerBox ul .linebox:before {content:""; display:block; background-color: rgba(83,102,109, 0.4); position:absolute; top:0; left:0; width: 100%; height: 100%; border-radius: 4px; z-index:0; transition: 0.5s;}
#wrap .mainSec .innerBox ul .linebox:hover:before {background-color: rgba(83,102,109, 0.7); }


#wrap .mainSec2 .innerBox .newsboxWrap {margin-top: 40px;}
#wrap .mainSec2 .innerBox .newsLetter.ES200-011 {margin: 60px 0 0px 0;}
#wrap .mainSec2 .innerBox .newsDiv {position: relative; width: 100%; display: table; margin-top: 100px;}
#wrap .mainSec2 .innerBox .newsDiv:nth-child(1) {margin-top: 0;}

#wrap .mainImg {}
#wrap .mainImg h1 {width: 100%; position:absolute; top: 45%; left:50%; font-weight: bold; z-index:2; color:#fff; text-align: center; font-size: 5.6rem; text-shadow:2px 2px 3px rgba(0,0,0,0); transform:translate(-50%, -50%); line-height: 1.3em;}
#wrap .mainImg h1 span { display:inline-block; font-weight:300; line-height: 1;}
#wrap .mainImg h1 strong { display:block; font-weight:bold;}
#wrap .mainImg h1 strong span { font-weight:bold;}

#wrap .innerBoxBG1 {background:url('../images/ES/img_visual1_pc.png') no-repeat center center; background-size:cover;}
#wrap .innerBoxBG2 {background:url('../images/ES/img_visual2_pc.png') no-repeat center center; background-size:cover;}
#wrap .innerBoxBG3 {background:url('../images/ES/img_visual3_pc.png') no-repeat center center; background-size:cover;}
#wrap .innerBoxBG4 {background:url('../images/ES/img_visual4_pc.png') no-repeat center center; background-size:cover;}
#wrap .swiper-slide-active.on .innerBoxBG {animation: mainbgMove 2s ease-in-out both;}
@keyframes mainbgMove {
	from { transform:scale(1.08);}
	to {transform:scale(1);}
}

#wrap .swiper-slide-active.on .innerBoxTxt span.txt {animation: textAni 1.5s ease forwards; opacity:0; text-shadow: 0 0 10px rgba(0,0,0,0.4);}
#wrap .swiper-slide-active.on .innerBoxTxt span.txt1 {animation-delay: 0; }
#wrap .swiper-slide-active.on .innerBoxTxt span.txt2 {animation-delay: 0.3s;}
#wrap .swiper-slide-active.on .innerBoxTxt span.txt3 {animation-delay: 0.8s;}
@keyframes textAni {
	0% {opacity:0; transform:translateY(100%);}
	100% {opacity:1; transform:translateY(0);}
}

#wrap .imgBox { height:660px;}
#wrap .mainSec03 .imgBox { font-size:0; transition:all .3s ease;}
#wrap .mainSec03 .imgBox > p { position:relative; display:inline-block; width:290px; height:600px; font-size:0; vertical-align:top; transition:all .3s ease; background-repeat:no-repeat; background-size:cover; background-position:center center; transition:all .3s ease;}
#wrap .mainSec03 .imgBox span { position:absolute; bottom:35px; left:30px; font-size:25px; color:#fff; font-weight:bold; transition:all .3s ease;}
#wrap .mainSec03 .imgBox span:after { content:''; display:block; position:absolute; top:-28px; left:-30px; width:50px; height:5px; background:#fff; transition:all .3s ease;}

#wrap .mainImgSwiper .swiper-container-horizontal>.swiper-pagination-bullets, .mainImgSwiper .swiper-pagination-custom, .mainImgSwiper .swiper-pagination-fraction {bottom: 45px; right: 0; width: 300px;}
#wrap .mainImgSwiper .swiper-pagination-bullet {width: 15px; height: 15px; border-radius: 15px; background: #fff; opacity: .2;}
#wrap .mainImgSwiper .swiper-pagination-bullet-active {width: 50px; height: 15px; opacity: 1; background: #fff;}
#wrap .mainImgSwiper .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 5px;}
#wrap .mainImgSwiper .swiper-button-next, .mainImgSwiper .swiper-button-prev {color: #fff;}
#wrap .mainImgSwiper .swiper-button-prev, .mainImgSwiper .swiper-container-rtl .swiper-button-next {left: calc(50% - 58px); right: auto; background: url('../images/ES/swiper-button-prev.png') no-repeat center;}
#wrap .mainImgSwiper .swiper-button-next, .mainImgSwiper .swiper-container-rtl .swiper-button-prev {right: calc(50% - 58px);left: auto; background: url('../images/ES/swiper-button-next.png') no-repeat center;}
#wrap .mainImgSwiper .swiper-button-next, .mainImgSwiper .swiper-button-prev { position: absolute; top: auto; bottom: 30%; width: 48px; height: 48px;  }
#wrap .mainImgSwiper .swiper-button-next:after, .mainImgSwiper .swiper-button-prev:after { font-size: 0;}
#wrap .mainImgSwiper .swiper-wrapper {height: 100vh; min-height: 100vh;}
#wrap .txtNormal {font-weight:normal !important;}
#wrap .innerBoxBG {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.2);}

/* 스크롤 표시  */
.scrollDownCenter {width: 100%; display:block; position:absolute; bottom:30px; left:50%; z-index:1; text-align:center; transform:translateX(-50%);}
.scrollDownCenter .text { font-size: 1.6rem; color:#ffffff;}
.scrollDownCenter .scrollDownM { position:relative; display:block; width:26px; height:40px; margin:0 auto 15px; /*border:2px solid #fff;*/ border-radius:20px;}
.scrollDownCenter .scrollDownM > span { position:absolute; top:50%; left:50%; display:inline-block; width:25px; height:14px; margin:-8px 0 0 -12.5px; vertical-align:middle; background:url('../images/ES/icon_scroll_arrow.png') no-repeat; animation:aniScrollDown 1.2s linear infinite; opacity: 0.2;}
@keyframes aniScrollDown{
	100% { transform:translateY(15px); opacity: 1;}
}

/* 탑버튼 */
.btnMainTop {position: fixed; right: 50%; bottom: 360px; margin-right: -701px; z-index: 5;}
.btnMainTop a { font-size: 1.6rem; color: #fff; font-weight:bold; width: 60px; height: 96px; text-align: center; line-height: 35px; display: inline-block; background:url('../images/ES/btn_TOP.png') no-repeat; background-size: 60px 96px;}
.btnMainTop a span {font-size: 1.5rem; color: #fff;}

/* 동그라미배너 */
.renewal_floatBanner {display:block;}
.renewal_floatBanner .floatBanner {position: fixed; bottom: 70px; right: 30px; width:130px; height:130px; z-index: 10;}
.renewal_floatBanner .floatBanner a {width: auto; display: inline-block; z-index:1;}
.renewal_floatBanner .floatBanner a img {width:90%;}
.renewal_floatBanner .floatBanner.on {display: block;  transition:all .2s ease;}
.renewal_floatBanner .floatBanner .floatbtnClose {position: absolute; top:-12px; right:0; width:30px; height:30px; background:url("../images/ES/floatBannder_btnClose.png") no-repeat right center; background-size:100%; font-size:0; z-index:2;}
.renewal_floatBanner .floatBanner1 {}
.renewal_floatBanner .floatBanner2 {bottom: 70px;} /* 215px */
.renewal_floatBanner .floatBanner3 {bottom: 215px;} /* 360px */

 /* ==============================
 * content
 * ============================== */
.content { max-width:1200px; width:100%; margin:0 auto;}

/* selectBox 인척 하는 박스 */
.selectBox {width: 100%; display: block; border: 1px solid #dbdbdb; height: 46px; line-height: 46px; padding: 0px; background-color: #fff; color: #999 !important; font-size: 1.7rem; border-radius: 4px; padding:0 0 0 17px; position:relative;}
.selectBox.disabled {color: #999 !important;}
.selectBox.select {color: #333 !important;}
.selectBox:after { content: ''; display: block; position: absolute; top: 50%; right: 0; width: 24px; height: 24px; margin-top: -12px; background: url(../images/common/selectbox_arrow_down.png) #fff no-repeat; background-size: contain;}
.selectBox.on:after {background:url('../images/common/selectbox_arrow_up.png') #fff no-repeat; background-size: contain;}
.selectBox.on:focus { margin:0px; height:44px; }
/*.selectBox.disabled:after {background:url('../images/contents/selectbox_arrow_non.png') #fff no-repeat; background-size: contain;}
.selectBox.disabled:focus {margin:0px; height:44px; }*/
.selectBox.select:after {background: url(../images/common/selectbox_arrow_down.png) #fff no-repeat; background-size: contain;}
.selectBox.nolineselbox {border: none;width: 135px; float: left;}

/* input 인척 하는 박스 */
.inputBox {width: 100%; display: block; border: 1px solid #dbdbdb; height: 46px; line-height: 44px; padding: 0px; background-color: #fff; color: #BEBBC9 !important; font-size: 1.7rem; border-radius: 4px; position:relative; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding: 0 17px;}
.inputBox.disabled {color: #bebbc9 !important; background-color: #fafafa;}
.inputBox.on {color: #333 !important;}

/* pie 차트 */
.graphWrap {width: 100%; padding: 0 30px; box-sizing: border-box;}
.graphWrap .graph_inner {padding: 60px 0; box-sizing: border-box;}
.graphWrap .graph_inner .graph {width: 100%; display: inline-block;}
.graphWrap .graph_inner .graph .bar {position: relative; height: 17px; float: left;;}
.graphWrap .graph_inner .graph .bar:nth-child(1) {background-color: #014898; border-radius: 18px 0 0 18px;}
.graphWrap .graph_inner .graph .bar:nth-child(2) {background-color: #4066DC; border-radius: 0 18px 18px 0;}
.graphWrap .graph_inner .graph .bar span {position: absolute; width: 100%; font-weight: bold; font-size: 1.4rem; color: #014898; }
.graphWrap .graph_inner {padding:0 0 12px 0;}
.graphWrap .graph_inner .graph.pie {padding: 0 10% ; box-sizing:border-box; text-align:center;}
.graphWrap .graph_inner .graph.pie .pie_inner {}
.graphWrap .graph_inner .graph.pie .pie-chart2 {display:inline-block; position: relative;width: 100%; padding-bottom: 100%; background: conic-gradient(#4066DC 0% 5%, #014898 5% 100%); border-radius:50%;}
.graphWrap .graph_inner .graph.pie .pie-chart2 .center {position:absolute; width: 60%; padding-bottom: 60%; background:#fff; border-radius:50%; top: 20%; left: 20%;}
.graphWrap .graph_inner .txtbox {text-align: left; width: 85%; margin: 20px auto 0 auto;}
.graphWrap .graph_inner .txtbox .pietxt {position: relative; display: block; font-size: 1.4rem; font-weight: bold; line-height: 16px; padding-left: 19px;}
.graphWrap .graph_inner .txtbox .pietxt:after {content:''; display:block; position: absolute; top:2px; left:0; height:11px; width:12px; border-radius: 12px;}
.graphWrap .graph_inner .pietxt1 {color: #014898;}
.graphWrap .graph_inner .pietxt2 {color: #4066DC;}
.graphWrap .graph_inner .txtbox .pietxt1:after {background: #014898;}
.graphWrap .graph_inner .txtbox .pietxt2:after {background: #4066DC;} 

/* 말줄임 */
.ellipsis {overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap: break-word; line-height: 1.6em; height: 1.6em;}
.ellipsis.line12 {-webkit-line-clamp: 1; line-height: 1.6em; height: 1.6em;}
.ellipsis.line2 {-webkit-line-clamp: 2; line-height: 1.6em; height: 3.2em;}
.ellipsis.line34 {-webkit-line-clamp: 3; line-height: 1.6em; height: 4.8em;}

/* content */
.pcConBg {position: relative; }
.pcConBg:before {/*content:""; display:block; position:absolute; left:0; width:100%; height:280px; background-color:#f9f9f9; box-sizing:border-box;*/ }
.pcConBg .content {position: relative; z-index:1;}
.big_title {font-size: 3.2rem; line-height: 4.6rem; font-weight: bold; padding-top: 40px;}
.big_title.pointColor {color: #333 !important;}
.sub_title {font-size: 2rem; line-height: 2.9rem; color: #666; padding: 20px 0 12px 0;}
.sub_title .txtbr {padding: 0 0 0 0; display:block;}
.sub_title .txtbr:first-child {padding: 0;}
.img100 {width: 100%;}
.temimg {height:150px; background-color:#EEE;}

/* pickWrap */
.pickWrap {width: 100%; display: block;}
.pickWrap .inwrap {width: 100%; display: inline-block; border: 1px solid #ddd; border-radius: 3px;}
.pickWrap .inwrap .pick {width: 25%; float: left; border: none; height: 48px; line-height: 48px;}
.pickWrap .inwrap select.pick,
.pickWrap .inwrap select.pick option {text-align-last: center; text-align: center; -ms-text-align-last: center; -moz-text-align-last: center;}
.pickWrap .inwrap select.pick option {background-color:#fff; color:#333;}
.pickWrap .w100 {width: 100%;}
.pickWrap .pick {width: 100%; height: 45px; line-height: 45px; display: inline-block; font-size: 1.5rem; border-radius: 3px; border: 1px solid #ddd; color: #666; text-align: center;}
.pickWrap .pick.on {background: #323860; border-color: #323860; color: #fff; font-weight: 800; transform: skew(-0.03deg);}
.pickWrap .inwrap.type2 {width: 100%; display: inline-block; border: 1px solid #dbdbdb; border-radius: 4px; overflow: hidden;}
.pickWrap .inwrap.type2 .pick {width: 50%; float: left; border: none; height: 50px; line-height: 50px;font-weight: normal; font-size: 1.8rem; border-radius: 0; border-right: 1px solid #d8d6de; border-top: 1px solid #d8d6de;}
.pickWrap .inwrap.type2 .pick:nth-child(1), .pickWrap .inwrap.type2 .pick:nth-child(2) {border-top:none;}
.pickWrap .inwrap.type2 .pick:nth-child(2n) {border-right:none;}
.pickWrap .inwrap.type2 .pick.on {background: #3982d8; /*border-color: #3982d8;*/ color: #fff; font-weight: normal; transform: skew(-0.03deg);}
.pickWrap .inwrap.type3 .pick {width: 33.3%; border-top: none;}
.pickWrap .inwrap.type2.type3 .pick:nth-child(2n) {border-right: 1px solid #dbdbdb;}
.pickWrap .inwrap.type2.type3 .pick:nth-child(3n) {border-right:none;}
.pick_select_inp {display:none;}
.pick_select_inp.on {display:flex; margin-top: 5px;}

/* ES100-001 */
.mainBanner {position:relative; width:100%; padding-bottom:50%;}
.mainBanner .img {position:absolute; width:100%; height:100%; left:0; background: url(../images/ES/visual_img_main01.jpg) #fff no-repeat; background-size: 100%;}
.mainBanner .inner {position: absolute; width: 100%; height: 100%; max-width: 1200px; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.mainBanner .txtBox {position:absolute; top:130px; width:100%; text-align:center;}
.mainBanner .txtBox .title {font-size: 5.6rem; color: #050505; font-weight: bold; line-height: 8.1rem;}
.mainBanner .txtBox .title span {font-weight: bold;}
.mainConWrap {}
.mainConlist {width: 100%; text-align: center;}
.mainConlist.bggray {background-color:#f4f7f8;}
.mainConlist .con {width: 100%; display: inline-block; box-sizing: border-box; clear: both;}
.mainConlist .con.type1 {max-width: 1200px; width: 100%; margin: 0 auto;}
.mainConlist .mainConImg, .mainConlist .mainConBox {width: 50%;}
.mainConlist .mainConImg.boxLeft {float: left;}
.mainConlist .mainConImg.boxRight {float: right;}
.mainConlist .mainConBox.boxLeft {float: left; text-align: left;}
.mainConlist .mainConBox.boxRight {float: right; text-align: left;}
.mainConlist .mainConImg {padding: 8% 0 9% 0;}
.mainConlist .mainConImg .lottiefile img {width:100%;}
.mainConlist .mainConBox {padding-top: 14%;}
.mainConlist .mainConBox .tit {font-size: 4rem; color: #050505; font-weight: bold;}
.mainConlist .mainConBox .txt {padding: 20px 0; font-size: 3rem; color: #050505;}
.mainConlist .mainConBox .txt .word-break {display: block;}
.mainConlist .mainConBox .goLink {font-size: 2rem; color: #00a472; position: relative; padding-right: 15px;}
.mainConlist .mainConBox .goLink:before {content:""; display:block; position:absolute; top:0; right:0; width: 9px; height:29px; background:url("../images/ES/arrow_green.png") no-repeat right center; background-size:9px 15px;}
.floatBanner {position: absolute; bottom: 10px; right:10px; width:200px; height:202px; display: none;}
.floatBanner.on {display: block;}
.floatBanner a {width:calc(100% - 11px); display: inline-block; z-index:1;}
.floatBanner a img {width:100%;}
.floatBanner .floatbtnClose {position: absolute; top:-12px; right:0; width:34px; height:34px; background:url("../images/ES/floatBannder_btnClose.png") no-repeat right center; background-size:100%; font-size:0; z-index:2;}
.floatBanner1 {right: 215px;}
.floatBanner2 {right:10px;}

/* 2022-09-06 추가*/
.pcmode_floatBanner {display:block;}
.pcmode_floatBanner .floatBanner {position: fixed; bottom: 70px; right:50%; width:130px; height:130px; z-index: 10;}
.pcmode_floatBanner .floatBanner.on {display: block;}
.pcmode_floatBanner .floatBanner1 {margin-right: -460px;}
.pcmode_floatBanner .floatBanner2 {margin-right: -600px;}
.momode_floatBanner {display:none;}
/* //2022-09-06 추가*/

/* 컨텐츠 상단이미지영역 공통 */
.temimgWrap1 {width: 100%; height: 150px;}
.temimgWrap1 .temimg1 {background: url(../images/ES/main01-sub02_bg03.png) no-repeat center; background-size: cover; height: 150px;}
.temimgWrap {position: relative; padding:2.5% 0; width: 100%; height: calc(150px + 5%);}
.temimgWrap .temimg {background: url(../images/ES/main01-sub02_bg03.png) no-repeat center; background-size: cover; height: 150px;}
.temimgWrap .temimg img, .temimgWrap .temimg svg {position: absolute; top: 0; left: 4.2%; width:auto !important; height: 100%;}
.temimgWrap .temimg.positionRight img, .temimgWrap .temimg.positionRight svg {left:auto; right: 0;}	

/* renewal 컨텐츠 상단이미지영역 공통 */
.subTitle  {width:100%; height: auto; overflow: hidden; position: relative; }
.subTitle.ES200-011:before {content: ''; display: block;position: absolute;top: 0;left: 0; width: 100%; height: 100%; background: url(../images/ES/visual_img200_001_pc.png) no-repeat center center; background-size: 1920px 240px; animation: bgMove 2s ease-in-out both;}
.subTitle.ES300-001:before {content: ''; display: block;position: absolute;top: 0;left: 0; width: 100%; height: 100%; background: url(../images/ES/visual_img300-001_pc.png) no-repeat center center; background-size: 1920px 240px; animation: bgMove 2s ease-in-out both;}
.subTitle.ES300-011:before {content: ''; display: block;position: absolute;top: 0;left: 0; width: 100%; height: 100%; background: url(../images/ES/visual_img300-011_pc.png) no-repeat center center; background-size: 1920px 240px; animation: bgMove 2s ease-in-out both;}
.subTitle.ES300-013:before {content: ''; display: block;position: absolute;top: 0;left: 0; width: 100%; height: 100%; background: url(../images/ES/visual_img300-013_pc.png) no-repeat center center; background-size: 1920px 240px; animation: bgMove 2s ease-in-out both;}
.subTitle.ES300-101:before {content: ''; display: block;position: absolute;top: 0;left: 0; width: 100%; height: 100%; background: url(../images/ES/visual_img300_101_pc.png) no-repeat center center; background-size: 1920px 240px; animation: bgMove 2s ease-in-out both;}
.subTitle.ES300-103:before {content: ''; display: block;position: absolute;top: 0;left: 0; width: 100%; height: 100%; background: url(../images/ES/visual_img300_103_pc.png) no-repeat center center; background-size: 1920px 240px; animation: bgMove 2s ease-in-out both;}
.subTitle.ES400-001:before {content: ''; display: block;position: absolute;top: 0;left: 0; width: 100%; height: 100%; background: url(../images/ES/visual_img400-001_pc.png) no-repeat center center; background-size: 1920px 240px; animation: bgMove 2s ease-in-out both;}
.subTitle.ES500-001:before {content: ''; display: block;position: absolute;top: 0;left: 0; width: 100%; height: 100%; background: url(../images/ES/visual_img500-001_pc.png) no-repeat center center; background-size: 1920px 240px; animation: bgMove 2s ease-in-out both;}

.subTitle .innerTxt {width: 1200px; margin: 0 auto; position: relative; display: flex; flex-direction: column; justify-content: center; text-align: left; height: auto; min-height: 240px;} 
.subTitle .innerTxt .big_title {font-size: 4rem; line-height: 5.8rem; color: #fff; padding: 0;}
.subTitle .innerTxt .sub_title {font-size: 2.2rem; line-height: 3.2rem; color: #fff; padding: 2rem 0 0 0;}
@keyframes bgMove {
	from { transform:scale(1.08);}
	to {transform:scale(1);}
}

/* 컨텐츠 내부 타이틀/서브타이틀 */
.conTitle {font-size: 2.6rem; line-height: 3.7rem; color: #333; font-weight: bold;}
.subConTitle {padding-top: 2rem; font-size: 2.2rem; line-height: 3.2rem; color: #666; word-break: keep-all;}
.bottomExText {width: 100%; display: table; padding-bottom: 100px; font-size: 2rem; line-height: 3rem; color: #666; word-break: keep-all;}
.list li {position:relative; font-size: 1.8rem; color: #666; line-height: 3rem; padding-left: 0px;}
.list li:first-child,
.list.bottomExText li:first-child  {margin-top: 0px; }
.list.referenceMark li {padding-left: 20px;}
.list.referenceMark li:before {content:'※'; display:inline-block; position:absolute; top:1px; left:0;}
.list.number li {padding-left: 24px; font-size: 1.8rem; color: #333; line-height: 2.6rem;}
.list.number li:after {content:''; display: inline-block; position: absolute; top: 0px; left: 0; width: auto; height: auto;}
.list.number.blue li:after {color: #0141A2;}
.list.number li:nth-child(1):after {content:'1.';}
.list.number li:nth-child(2):after {content:'2.';}
.list.number li:nth-child(3):after {content:'3.';}
.list.number li:nth-child(4):after {content:'4.';}
.list.number li:nth-child(5):after {content:'5.';}
.list.number li:nth-child(6):after {content:'6.';}
.list.number li:nth-child(7):after {content:'7.';}
.list.number li:nth-child(8):after {content:'8.';}
.list.number li:nth-child(9):after {content:'9.';}
.list.number.roundBorder li:nth-child(1):after {content:'①';}
.list.number.roundBorder li:nth-child(2):after {content:'②';}
.list.number.roundBorder li:nth-child(3):after {content:'③';}
.list.number.roundBorder li:nth-child(4):after {content:'④';}
.list.number.roundBorder li:nth-child(5):after {content:'⑤';}
.list.number.roundBorder li:nth-child(6):after {content:'⑥';}
.list.number.roundBorder li:nth-child(7):after {content:'⑦';}
.list.number.roundBorder li:nth-child(8):after {content:'⑧';}
.list.number.roundBorder li:nth-child(9):after {content:'⑨';}

/* 컨텐츠 내부 버튼 공통 */
.btnWrap {text-align: center; width: 100%;}
.btnWrap.type {padding-top: 50px; padding-bottom: 100px;}
.btnWrap .inner {margin: 0 auto;}
.btnWrap.type1 .inner * + *  {margin-left:10px;}
.btnWrap .btn {font-size: 1.8rem; color: #00a472; border: 1px solid #00a742; background-color: #fff; width: 100%; max-width: 310px; display: inline-block; height: 46px; line-height: 44px; font-weight:normal;}
.btnWrap .btn.pointColor_btn {background-color: #00a472; color: #fff;}
.btnWrap .ESbtn.on {background-color:#00a472 !important; border: 1px solid #00a742;}
.btnWrap .ESbtn {background-color:#ccc; color:#fff; border: 1px solid #ccc;}

/* ES200-001 */

.p3t2m1 {width: 100%; display: inline-block; box-sizing: border-box;}
.p3t2m1 li {width: 30.667%; float: left; margin-right: 4%;}
.p3t2m1 li:nth-child(3n) {margin-right: 0;}

.pt60m40 {padding-top: 60px;}

.imgConWrap {width: 100%; display: table; box-sizing: border-box;}
.img01_200_001 {width: 100%; display: table; margin-top: 80px; padding-bottom: 751px; margin-bottom: 40px; border-bottom: 1px solid #dbdbdb; background: url(../images/ES/img01_200_001_pc.png) no-repeat top center; background-size: 808px;}
.img02_200_001 {width: 100%; display: table; margin-top: 80px; padding-bottom: 516px; background: url(../images/ES/img02_200_001_pc.png) no-repeat top center; background-size: 851px;}


/* 뉴스링크 */
.newsLink {width: 100%; height:148px; background-color:#f5f7f8; margin-top:50px; padding: 20px 0px 28px 100px; box-sizing: border-box; margin-bottom: 100px;}
.newsLink .light_ico {width:70px; float:left; }
.newsLink .box {float:left; padding-left:80px; padding-top:20px;}
.newsLink .box .txt {padding-bottom:10px; font-size: 1.8rem; color: #666;}
.newsLink .box .moreBtn{border-bottom: 1px solid #00a472; color: #00a472; font-size: 2.2rem; font-weight: bold;}

/* ES200-011 */
.temimgWrap1.ES200-011 {padding-top:18px; height: 168px;}
.temimgWrap1.ES200-011 .temimg1 {background: url(../images/ES/main01-sub02_bg03.png) no-repeat center; background-size: 1200px;}
.newsBoxWrap {margin-top:30px;}
.newsBoxWrap .yearlist {margin-top:60px;}
.newsBoxWrap .yearlist:first-child {margin-top:0px;}
.newsBoxWrap .yeartxt {padding: 0 0 20px 0; border-bottom: 1px solid #dbdbdb; font-size: 3.2rem; color: #ccc;}
.newsBoxWrap .listmore_btn{display: block; margin: 20px auto; width: 310px; border: 1px solid #00a472; text-align: center; height: 40px; line-height: 38px; color: #00a472; font-size: 1.6rem;}
.newsBoxWrap .newslist {}
.newsBoxWrap .newslist .flex_container {padding: 30px 0; border-bottom: 1px solid #dbdbdb; display:flex;}
.newsBoxWrap .newslist .date {font-size: 2rem; color: #999; padding-right: 100px;}
.newsBoxWrap .newslist .newsBox {}
.newsBoxWrap .newslist .newsBox .tit {font-size: 2.6rem; color: #222; cursor: pointer;}
.newsBoxWrap .newslist .newsBox .inner_flex {display:flex; padding-top:20px;}
.newsBoxWrap .newslist .newsBox .newImg {width:140px; height:80px; padding-right: 20px; cursor: pointer; overflow: hidden; flex: 0 0 140px;}
.newsBoxWrap .newslist .newsBox .newImg img {width:100%;}
.newsBoxWrap .newslist .newsBox .txt {font-size: 1.6rem; color: #666; cursor: pointer;}

/* 뉴스레터 */
.newsLetter {width: 100%; padding: 50px 100px; box-sizing: border-box; background-color: #f4f7f8;}
.newsLetter.ES200-011 {margin:60px 0 10px 0;}
.newsLetter .title {font-size: 2.6rem; color: #333; line-height: 3.7rem; font-weight: bold;}
.newsLetter .formbox {width: 100%; display: flex; padding-top: 40px; margin-bottom: 0;}
.newsLetter .formbox .tit {width: 75px; font-size: 2rem; line-height: 4.6rem; margin: 0;}
.newsLetter .checkbox.agreeCheckbox {margin-top: 30px;}
.newsLetter .formbox .inpbox {width: 100%; max-width: 476px;}
.newsLetter .btnWrap {padding-top: 40px;}
.newsLetter .btnWrap {padding-top: 40px;}
.newsLetter .btnWrap .btn {max-width: 210px;}

/* ES200-012 */
.pcConBg.ES200-012:before {height:165px;}
.ES200-012 .newsWrap {text-align: center;}
.newsWrap .veiw_titleBox {padding-top: 60px; padding-bottom:20px; border-bottom: 1px solid #dbdbdb; text-align: left;}
.newsWrap .veiw_title {width:100%; font-size: 3.2rem; color: #222;}
.newsWrap .veiw_date {font-size: 2rem; color: #999; padding-top: 10px; display: block;}
.newsWrap .newsImg {padding-top: 50px; width:100%; max-width:768px;}
.newsWrap .view_inner {margin-top: 50px; margin-bottom: 50px; font-size: 2rem; line-height: 3.2rem; color: #666; text-align: left; /*overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; word-wrap: break-word; line-height: 2.6rem; height:auto; max-height: 13rem;*/}
.newsWrap .view_inner img {max-width: 100%;}
.newsWrap .view_btnWrap {border-top: 1px solid #dbdbdb; padding-top: 50px; padding-bottom:100px; text-align: center; width: 100%;}
.newsWrap .view_btnWrap .inner {display: inline-block; margin: 0 auto;}
.newsWrap .view_btnWrap .view_btn {font-size: 1.6rem; color: #00a472; width: 100px; display: inline-block; height: 40px; line-height: 38px; margin: 0;}
.newsWrap .view_btnWrap .view_btn.listbtn {border: 1px solid #00a742; border-radius: 4px; margin: 0 50px;}
.newsWrap .view_btnWrap .view_btn.leftarrow {text-align: left; margin:0; width: 70px; padding-left: 19px; background: url(../images/ES/leftarrow_green.png) no-repeat left center; background-size: 9px 14px;}
.newsWrap .view_btnWrap .view_btn.rightarrow {text-align: right; margin:0; width: 70px; padding-right: 19px; background: url(../images/ES/rightarrow_green.png) no-repeat right center; background-size: 9px 14px;}
.newsWrap .articleLinkWrap {width:100%; margin-bottom: 50px; text-align: left;}
.newsWrap .articleLinkWrap .articleLink {font-size: 1.8rem; line-height: 2.6rem; font-weight:bold;}

.downloadFile {width: 100%; display: block; margin-top: 50px; text-align: left; padding: 30px 80px; background: url(../images/ES/icon_filedown.png) #f5f6f8 no-repeat right 80px center; background-size: 25px 25px;}
.downloadFile .fileWrap {width: calc(100% - 35px);display: flex;overflow: hidden;}
.downloadFile .fileWrap .fileName {font-size: 2rem; color: #666; max-width: calc(100% - 50px); text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.downloadFile .fileWrap .fileSize {display: inline-flex; font-size: 1.8rem; color: #999; padding-left: 40px;}

/* ES200-012, 13 게시판 */
.newsboxWrap {width: 100%; display: table; margin-top: 60px;}
.newsboxWrap .newsList {width: 100%; display: table; border-top: 1px solid #dbdbdb;}
.newsboxWrap .newsList .newsbox {width: 100%; display: table; border-bottom: 1px solid #dbdbdb;}
.newsboxWrap .newsList .newsbox a {width: 100%; display: table; padding: 25px 30px; box-sizing: border-box;}
.newsboxWrap .newsList .newsbox .title {width: calc(100% - 150px); float: left; font-size: 2.2rem; color: #333; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-break: break-all; line-height: 3.7rem; height: 3.7rem;}
.newsboxWrap .newsList .newsbox .date {width: 150px; float: right; font-size: 2rem; line-height: 3.7rem; color: #999; text-align: right;}

/* 페이징 */
.boardPagingWrap {width: 100%; padding: 60px 20px 20px 20px; overflow: auto; display: block; position: relative;}
.pagination {width: auto; text-align: center; display: table; margin: 0 auto;}
.pagination a {position: relative; display: inline-block; vertical-align: middle; text-align: center; width: 30px; height: 30px; line-height:28px; border: 1px solid #dbdbdb; border-left: none;}
.pagination a:first-child {border-left: 1px solid #dbdbdb;}
.pagination a.num {background: none; font-size: 1.6rem; color: #999;}
.pagination a.num: {border-left: none;}
.pagination a.num:hover {}
.pagination a.num.on {background: #00a472; border-color: #00a472; color: rgb(255, 255, 255); }
.pagination a.arrow {font-size:0;}
.pagination a.prev_first {background: url(../images/ES/btn_prev_first.png) no-repeat center; background-size: 9px; }
.pagination a.prev {background: url(../images/ES/btn_prev.png) no-repeat center; background-size: 9px;}
.pagination a.next {background: url(../images/ES/btn_next.png) no-repeat center; background-size: 9px;}
.pagination a.next_end {background: url(../images/ES/btn_next_end.png) no-repeat center; background-size: 9px;}


/* ES300-001 */
.temimgWrap.ES300-001 .temimg {background: url(../images/ES/main02-sub01_bg03.png) no-repeat center; background-size: 1200px;}
.analysis {padding-top: 60px;}
.analysis .inner {width:100%; max-width: 630px; margin:0 auto; text-align: center;}
.analysis .tit {font-size: 4rem; color: #333; padding-bottom: 40px; border-bottom: 1px solid #dbdbdb;}
.analysis .tit .ico {width: 6%; position: relative; top: -7px; padding-right: 10px;}
.analysis .txt {font-size: 2rem; color: #333; padding: 30px 55px 0 55px;}
.analysis .subTxt {font-size: 1.8rem; color: #666; padding-top: 30px;}
/*추가작업 start*/
.analysis_wrap {margin:60px 40px 70px 40px;}
.analysis_wrap .text_wrap {}
.analysis_wrap .text_wrap .text {font-size:2rem; color: #333333;}
.analysis_wrap .text_wrap .text .basecolor {color:#00A472}
.analysis_wrap .text_wrap .text.space {margin-top:30px;}
.button_wrap {margin-bottom:100px; display:flex; align-items: center; justify-content: center; grid-gap:10px;}
.button_wrap .button {width:310px; height:46px; border-radius:4px;display:flex;align-items: center;justify-content: center;color:#00A472;font-size:1.8rem; border:1px solid #00A472; background:transparent;}
.button_wrap .button.btnbg {color:#fff; background:#00A472;}
/*추가작업 end*/

/* ES300-002 */
.businessTitBox {margin: 50px 0 0px 0; width: 100%; display: table;}
.businessTitBox.ico {position: relative;}
.businessTitBox.ico:before {content:""; display:block; position:absolute; top:50%; left:0; margin-top: -32.5px; width: 70px; height:65px; background:url("../images/ES/icon_esg_company.png") no-repeat left center; background-size:70px 65px;}
.businessTitBox .right {width: 100%; padding-left: 90px; }
.businessTitBox .right .txt {font-size: 2rem; color: #666;}
.businessTitBox .right .tit {font-size: 3.6rem; color: #333;}
.businessTitBox .right .subTit {font-size: 2.8rem; color: #333; word-break: keep-all;}
.businessWrap {display: flex; margin-top: 50px; }
.businessWrap * + * {margin-left: 4%;}
.businessWrap a {position:relative; width: 100%; background-color: #fff;}
.businessWrap a:before {content: ''; display: block; position: absolute; top: -1.5px; left:0; border: 1px solid #ccc; width: 100%; height: 100%;}
.businessWrap a.on:before {border: 3px solid #00a472; width: calc(100% - 3px); height: calc(100% - 3px);}
.businessWrap .businessList {padding: 4% 0;}
.businessWrap .businessList .txtBox {width: 100%; text-align: center;}
.businessWrap .businessList .txtBox .tit {display: block; font-size: 2.4rem; color: #888; font-weight: bold;}
.businessWrap .businessList .txtBox .txt {display: block; font-size: 2.6rem; color: #888; margin:0; padding-top: 2%;}
.businessWrap .businessList.on .txtBox .tit {color: #00a472;}
.businessWrap .businessList.on .txtBox .txt {color: #00a472;}

.businessWrap.ES300-002 .businessList.addBtn {padding: 6% 0;}
.businessWrap a.addBtn:hover {transition: all .3s ease;}
.businessWrap a.addBtn:before {content: ''; display: block; position: absolute; top: -1.5px; left:0; border: 1px dashed #ccc; width: 100%; height: 100%;}
.businessWrap a.addBtn:hover:before,
.businessWrap a.addBtn.on:before {border: 1px dashed #00a472; width: 100%; height: 100%; transition: all .3s ease; }
.businessWrap .businessList.addBtn .txtBox .tit {color: #cecece; font-weight: normal;}
.businessWrap .businessList.addBtn .txtBox {}
.businessWrap a.addBtn:hover .txtBox .tit,
.businessWrap .businessList.on .txtBox .tit {color: #00a472;}
.businessWrap .businessList.addBtn .addIcon {width:30px; height:25px; display: inline-block; margin-right:10px; background:url("../images/ES/add_company_icon_off.png") no-repeat left center; background-size:30px 25px;}
.businessWrap .businessList.addBtn:hover .addIcon,
.businessWrap .businessList.addBtn.on .addIcon {width:30px; height:25px; background:url("../images/ES/add_company_icon_on.png") no-repeat left center; background-size:30px 25px; transition: all .3s ease;}

.businessWrap.ES300-002 {display: table; margin-top: 50px; width: 100%; box-sizing: border-box; }
.businessWrap.ES300-002 * + * {margin-left: 0;}
.businessWrap.ES300-002 a {position:relative; width: 48%; background-color: #fff; float: left; box-sizing: border-box; margin-top: 4%;  margin-left: 4%;}
.businessWrap.ES300-002 a:nth-child(1),.businessWrap.ES300-002 a:nth-child(2) {margin-top: 0;}
.businessWrap.ES300-002 a:nth-child(2n-1) {margin-left: 0;}
.businessWrap.ES300-002 .businessList {padding: 4% 0;}

.businessWrap.ES500-020 {margin-top: 28px;}

/*추가작업 start*/
.businessWrap.second {margin-top:30px;}
/*추가작업 end*/

/* ES300-003 */
.formboxWrap.ES300-003 {padding-top: 50px;}
/*추가작업 start*/
.businessTitBox .tit .info_text_none {display:none;}
.formboxWrap.ES300-003 .inpbox.gridgap {grid-gap:10px;}
.formboxWrap.ES300-003 .inpbox.gridgap .input_wrap {margin-left:0px;}
.formboxWrap.ES300-003 .inpbox.gridgap .input_wrap .year_text {font-size:1.6rem; color:#666; margin-bottom:5px;}
.formboxWrap.ES300-003 .inpbox.gridgap .input_wrap input {margin-left:0px;}
.formboxWrap.ES300-003 .formbox .selectbox.type1 select {/*color:#BEBBC9;*/}

/*추가작업 end*/

/* ES300-004 */
.businessTitBox .right .tit.tit1 {font-size: 3.2rem; padding-bottom: 5px;}
.formWrap {width: 50%; padding-right: 4.5%; display: inline-block; float: left;}
.formWrap:nth-child(2n) {padding-right: 0%;}
.formWrap dt.on a {color:#00a472; font-weight: bold;}
.formWrap dt.on a:after {transform: rotate(180deg);}
.formWrap { border-top:none; margin: 0; }
.formWrap dl {margin-top: -1px;}
.formWrap dt {border: 1px solid #ccc;}
.formWrap dt a { display:block; position:relative; padding:15px; font-size:2rem; color:#333;}
.formWrap dt a:after { content:''; display:block; position:absolute; top:25px; right:20px; width:12px; height:7px; background:url('../images/ES/arrow_grey.png') no-repeat; background-size:100%; transform: rotate(0deg); transition: all .3s ease;}
.formWrap dl dd { display:none; padding: 20px; background:#f7f7f7;}
.formWrap dl dd a {font-size: 1.8rem; display: table; color: #333; margin-bottom: 10px;}
.formWrap dl dd a:last-child {margin-bottom: 0px;}
/*추가작업 start*/
/*.formWrap dl dd a:hover, .formWrap dl dd a.on {color: #00a472; font-weight: bold;}*/
/*추가작업 end*/

/* ES300-005 */
.questionWrap {}
.questionWrap .topBox {width: 100%; padding: 50px 0 25px 0; /*border-bottom: 1px solid #dbdbdb;*/ box-sizing: border-box; display: table;}
.questionWrap .topBox .box1 {width:50%; float:left;}
.questionWrap .topBox .box1 .stepArrow {position:relative; font-size:1.8rem; color:#666; padding-left: 30px;}
.questionWrap .topBox .box1 .stepArrow:first-child {padding-left: 0px;}
.questionWrap .topBox .box1 .stepArrow:first-child:before {display:none;}
.questionWrap .topBox .box1 .stepArrow:before {content:''; display:block; position:absolute; top:50%; left:10px; margin-top: -6px; width:9px; height:12px; background:url('../images/ES/test_state_arrow.png') no-repeat left center; background-size: 9px;}
.questionWrap .topBox .box2 {width:50%; float:right; text-align: right;}
.questionWrap .topBox .box2 .box2_1 {display: inline-block; font-size: 1.8rem; color: #666; padding-right: 45px;}
.questionWrap .topBox .box2 .box2_2 {display: inline-block;}
.questionWrap .topBox .box2 .box2_2 .temSaveBtn {font-size: 1.8rem; font-weight: bold; color: #00a472; text-decoration: underline; padding-left: 22px; position: relative;}
.questionWrap .topBox .box2 .box2_2 .temSaveBtn:before {content:''; display:block; position:absolute; top:50%; left:0px; margin-top: -8.5px; width:17px; height:17px; background:url('../images/ES/icon_save_file.png') no-repeat left center; background-size: 17px;}
.questionWrap .middleBox {padding: 4% 4% 5% 4%; border-top: 1px solid #dbdbdb;}
.questionWrap .middleBox .listNumber {font-size: 3.6rem; color: #00a472; padding-left: 40px; background:url('../images/ES/icon_esgtest_q.png') no-repeat left bottom; background-size: 30px; }
.questionWrap .middleBox .questionTit {padding-top: 40px; font-size: 2.2rem; color: #333; line-height: 3.2rem;}
.questionWrap .middleBox .questionTxt { padding-top: 20px; font-size: 2rem; color: #666; line-height: 2.9rem;}
.questionWrap .middleBox .questionRbutton {padding-top: 40px;}
.questionWrap .middleBox .questionRbutton .radiobox span {display: table; margin-top: 25px;}
.questionWrap .middleBox .questionRbutton .radiobox span:first-child {margin-top: 0px;}
.questionWrap .middleBox .questionRbutton .radiobox label {font-size: 2rem; color: #333;}
.questionWrap .middleBox .questionRbutton .radiobox label:before {top: 3px;}
.questionWrap .btnWrap {padding-top: 70px;}
.questionWrap .btnWrap .inner {display: flex; justify-content: center;}
.questionWrap .btnWrap .inner * + * {margin-left: 5%;}
.questionWrap .btnWrap .inner a.choose {width: 100%; max-width: 400px; padding: 32px 0; font-size: 2.6rem; color: #888; position:relative;}
.questionWrap .btnWrap .inner a.choose:hover,
.questionWrap .btnWrap .inner a.choose.on {color: #00a472; font-weight: bold;}
.questionWrap .btnWrap .inner a.choose:after {content:''; display:block; position:absolute; top:0; right:0px; width: 100%; height: 100%; border: 1px solid #ccc;}
.questionWrap .btnWrap .inner a.choose:hover:after,
.questionWrap .btnWrap .inner a.choose.on:after {content:''; display:block; position:absolute; top:0; right:0px; width: calc(100% - 3px); height: calc(100% - 3px); border: 3px solid #00a472;}
.questionWrap .btnWrap .inner a.choose1.on:before,
.questionWrap .btnWrap .inner a.choose1:hover:before {content:''; display:block; position:absolute; top:50%; right:50%; margin-right: -69px; margin-top: -15px; width:30px; height:30px; background:url('../images/ES/icon_esg_yes.png') no-repeat center right; background-size: 30px;}
.questionWrap .btnWrap .inner a.choose2.on:before,
.questionWrap .btnWrap .inner a.choose2:hover:before {content:''; display:block; position:absolute; top:50%; right:50%; margin-right: -65px; margin-top: -15px; width:30px; height:30px; background:url('../images/ES/icon_esg_no.png') no-repeat center right; background-size: 30px;}
.questionBtnWrap {width: 100%; border-top: 1px solid #dbdbdb; padding: 20px 0 100px 0; box-sizing: border-box; display: inline-block;}
.questionBtnWrap a {position:relative; font-size: 1.8rem; color: #666;}
.questionBtnWrap a.on,
.questionBtnWrap a:hover {color: #00a472; font-weight: bold;}
.questionBtnWrap .prevBtn {padding-left: 29px; float: left;}
.questionBtnWrap .prevBtn:before {content:''; display:block; position:absolute; top:50%; left:0; margin-top: -6px; width:19px; height:12px; background:url('../images/ES/icon_prv.png') no-repeat center left; background-size: 19px;}
.questionBtnWrap .prevBtn:hover:before, 
.questionBtnWrap .prevBtn.on:before {background:url('../images/ES/icon_prv_on.png') no-repeat center left; background-size: 19px;}
.questionBtnWrap .nextBtn {padding-right: 29px; float: right;}
.questionBtnWrap .nextBtn:before {content:''; display:block; position:absolute; top:50%; right:0; margin-top: -6px; width:19px; height:12px; background:url('../images/ES/icon_next.png') no-repeat center right; background-size: 19px;}
.questionBtnWrap a.nextBtn:hover {color: #666; font-weight: normal;}
.questionBtnWrap .nextBtn.on:hover {color: #00a472;  font-weight: bold;}
.questionBtnWrap .nextBtn.on:before {background:url('../images/ES/icon_next_on.png') no-repeat center right; background-size: 19px;}

/* ES300-006 */
.analysisLoading {padding-top: 60px; padding-bottom: 100px; }
.analysisLoading .big_title {font-size: 4rem; line-height: 5.8rem; font-weight: normal; padding-top: 0px;}
.analysisLoading .title {font-size: 3.2rem; color: #333; word-break: keep-all;}
/*추가작업 start*/
.analysisLoading .title .title_inner_text {display:inline-block;}
/*추가작업 end*/
.imgWrap .ES300-006.img {padding: 30px 0;}

/* ES300-007 */
.analysisWarp {padding-top:80px; display: flex; display: -webkit-flex; justify-content: space-evenly;}
.analysisWarp .box1 {width: 50%; max-width: 400px; text-align: center;  margin: 0 auto;}
.analysisWarp .box1 .title {font-size: 2.6rem; color: #333; word-break: keep-all;}
.analysisWarp .box1 .esgmbtiTit {padding-top: 10px;}
.analysisWarp .box1 .esgmbtiTit .tit {font-size: 8rem; font-weight: bold;}
.col1 {color:#F9599A;}
.col2 {color:#7E76E8;}
.col3 {color:#BD26CE;}
.col4 {color:#90C4E0;}
.colGood {color:#7E76E8;}
.colBad {color:#F9599A;}
.imgWrap {width: 100%; position: relative; margin-top: 50px;}
.imgWrap1 {width: 100%; max-width:400px; position: relative; margin: 0px auto;}
.imgWrap .img,
.imgWrap .img svg, 
.imgWrap .img img {width: 100%;}
.analysisWarp .box2 {width: 50%; max-width: 400px; margin: 0 auto;}
.analysisWarp .box2 .mbtiEx {margin-bottom: 20px;}
.analysisWarp .box2 .mbtiEx .tit {font-size: 2rem; color: #999; font-weight: bold;}
.analysisWarp .box2 .mbtiEx .tit .point {font-size: 3.6rem; font-weight: bold; padding-right:2px;}
.analysisWarp .box2 .mbtiEx .txt {margin-top:10px; font-size: 1.8rem; color: #333;}

/* ES300-008 */
.resultWrap {padding-top:60px; padding-left: 40px; padding-right: 40px;}
.resultWrap .box {}
.resultWrap .box .tit {font-size: 2.4rem; width: 100%; display: inline-block;}
.resultWrap .box .tit .fll {height: 39px; line-height: 39px;}
.resultWrap .box .tit .flr {}
.resultWrap .box .totalScore {font-size: 2rem; color: #666;}
.resultWrap .box .totalScore .tit {font-weight: bold; font-size: 2rem; display: initial;}
.resultWrap .box .totalScore .txt {font-size: 2rem;}
.resultWrap .box .totalScore .score {font-size: 2.8rem; font-weight: bold;}
.resultWrap .box1 {width: 100%; display: table;}
.resultWrap .box1 .box1-1 {width: 35%; float: left;}
.resultWrap .box1 .box1-1 #radarChart {width: 100%;}
.resultWrap .box1 .box1-2 {width: 50%; float: right;}
.resultWrap .tableWrap {margin-top: 20px;}
.resultWrap .tableWrap .tableList thead tr {background: #EEE; border-left: 1px solid #dbdbdb; border-right: 1px solid #dbdbdb;}
.resultWrap .tableWrap .tableList thead th {height: 48px; text-align: center; color: #666; font-size: 1.8rem; font-weight: normal; border: none;}
.resultWrap .tableWrap .tableList tbody td {padding: 3.6% 0; border: 1px solid #dbdbdb; font-size: 2rem; color: #666; background: #fff; text-align: center;}
.resultWrap .tableWrap .tableList tbody td .gradeE {font-size: 2rem; color: #333; font-weight: bold;}
.resultWrap .tableWrap .tableList tbody td .gradeN {font-size: 2rem; color: #333;}
.resultWrap .tableWrap .tableList tbody td .name {font-size: 1.8rem; color: #999;} 
.resultWrap .tableWrap .tableList tbody td .score {font-size: 2.2rem; color: #333; font-weight: bold;} 
.resultWrap .box2 {width: 100%; margin-top: 100px;}
.resultWrap .box2 .mbtiGradeWrap {margin-top: 30px; width: 100%; border-top: 3px solid #eee; display: flex; justify-content: space-around; text-align: center;}
.resultWrap .box2 .mbtiGradeWrap li {position:relative; z-index: 1;}
.resultWrap .box2 .mbtiGradeWrap li span {background-color: #fff; display: block; position: relative; top: 20px; padding: 12px 0; font-size: 1.8rem; color: #666; font-weight: bold; }
.resultWrap .box2 .mbtiGradeWrap li.on span {font-size: 2rem; color:#3982d8;}
.resultWrap .box2 .mbtiGradeWrap li.on:after {content:''; display:block; position:absolute; top:-3px; left:50%; margin-left: -13px; width:26px; height:26px; background: url(../images/ES/pointer_icon.png) no-repeat #fff top center; background-size: 26px; z-index: 0;}
.resultWrap .box2 .mbtiGradeWrap li:before {content:''; display:block; position:absolute; top:0; left:50%; margin-left: -1.5px; width:3px; height:88px; background-color:#eee; z-index: 0;}
.resultWrap .box2 .mbtiGradeWrap li ul {display: inline-block; margin: 25px auto 0 auto; text-align: left; width:auto;}
.resultWrap .box2 .mbtiGradeWrap li ul li {margin-top: 20px; position:relative; font-size: 1.8rem; color: #999;}
.resultWrap .box2 .mbtiGradeWrap li.on ul li {font-size: 2rem; color: #333;}
.resultWrap .box2 .mbtiGradeWrap li.on ul li.on {font-weight: bold;}
.resultWrap .box2 .mbtiGradeWrap li.on ul li.on:after {content:''; display:block; position:absolute; top:6px; left:50%; margin-left: -48px; width:18px; height:18px; background: url(../images/ES/pointer_ball_icon.png) no-repeat #fff center; background-size: 8px 8px; z-index: 0;}
.resultWrap .box2 .mbtiGradeWrap li ul li:before {display: none;}




/*추가작업 start*/
.greencolor {color: #44A14F}
.greenbg {background: #44A14F}
.greenbg70 {background: #44A14F; opacity: 0.7}
.greenbg40 {background: #44A14F; opacity: 0.4}
.greenbg20 {background: #44A14F; opacity: 0.2}
.greenbg10 {background: #44A14F; opacity: 0.1}
.greengradient {background: transparent linear-gradient(180deg, #4AAC56 0%, #277231 100%) 0% 0% no-repeat padding-box;}

.bluecolor {color: #6E65DF}
.bluebg {background: #6E65DF}
.bluebg70 {background: #6E65DF; opacity: 0.7}
.bluebg40 {background: #6E65DF; opacity: 0.4}
.bluebg20 {background: #6E65DF; opacity: 0.2}
.bluebg10 {background: #6E65DF; opacity: 0.1}
.bluegradient {background: transparent linear-gradient(180deg, #6E65DF 0%, #2E26AA 100%) 0% 0% no-repeat padding-box;}

.pinkcolor {color: #F15996}
.pinkbg {background: #F15996}
.pinkbg70 {background: #F15996; opacity: 0.7}
.pinkbg40 {background: #F15996; opacity: 0.4}
.pinkbg20 {background: #F15996; opacity: 0.2}
.pinkbg10 {background: #F15996; opacity: 0.1}
.pinkgradient {background: transparent linear-gradient(180deg, #F15996 0%, #BE195B 100%) 0% 0% no-repeat padding-box;}

.skycolor {color: #3688E8}
.skybg {background: #3688E8}
.skybg70 {background: #3688E8; opacity: 0.7}
.skybg40 {background: #3688E8; opacity: 0.4}
.skybg20 {background: #3688E8; opacity: 0.2}
.skybg10 {background: #3688E8; opacity: 0.1}
.skygradient {background: transparent linear-gradient(180deg, #3688E8 0%, #2360A7 100%) 0% 0% no-repeat padding-box;}

.orangecolor {color: #f09000;}
.orangebg {background: #f09000}
.orangebg70 {background: #f09000; opacity: 0.7}
.orangebg40 {background: #f09000; opacity: 0.4}
.orangebg20 {background: #f09000; opacity: 0.2}
.orangebg10 {background: #f09000; opacity: 0.1}
.orangegradient {background: transparent linear-gradient(180deg, #f09000 0%, #CE7C00 100%) 0% 0% no-repeat padding-box;}


.result_box { margin-top:40px; width:100%; height:80px; background: transparent linear-gradient(180deg, #3982D8 0%, #2B5C97 100%) 0% 0% no-repeat padding-box; display:flex; align-items: center; justify-content: center}
.result_box .result_box_title {font-weight:bold; color: #fff; font-size:3.2rem;}

.resultlist .table tr td.bg_gray {background: #eee; color: #666; font-size:2rem;}
.resultlist.list1 {margin-top:50px; }
.resultlist .list_title {font-size:2.8rem; color: #333; font-weight:bold;}
.resultlist.list1 .table_wrap { margin-top: 30px;}
.resultlist.list1 .table_wrap .table:last-child {border-bottom: 1px solid #dbdbdb;}
.resultlist.list1 .table_wrap .table {border-top:2px solid #707070;}
.resultlist.list1 .table_wrap .table tr {}
.resultlist.list1 .table_wrap .table tr td {border-right:1px solid #dbdbdb; box-sizing: border-box;}
.resultlist.list1 .table_wrap .table tr td:first-child {border-left: 1px solid #dbdbdb;}
.resultlist.list1 .table_wrap .table tr td.name{color: #666; font-size:2rem; text-align: center; width:10%; padding:5px 0px;}
.resultlist.list1 .table_wrap .table tr td.text {width:40%; padding:5px 30px; font-size: 2rem; color: #333; font-weight:bold;}
.resultlist.list1 .table_wrap .table tr td.text.text1 {width: auto; padding: 2.5%;}
.resultlist.list1 .table_wrap .table tr td.whether {width:25%;color: #666;text-align: center;padding:5px 0;border-bottom: 1px solid #dbdbdb;}
.resultlist.list1 .table_wrap .table tr td.market {width:25%;color: #666;text-align: center; padding:5px 0; border-bottom: 1px solid #dbdbdb;}
.resultlist.list1 .table_wrap .table tr td.content {text-align: center; font-size:2rem;color: #333;font-weight:bold;padding:15px 0;text-transform: uppercase; word-break: break-all;}
.resultlist.list1 .table_wrap .table tr td.sector {width:50%; text-align: center; padding:5px 0; border-bottom: 1px solid #dbdbdb;}
.resultlist.list1 .table_wrap .table tr td.name .sm_text {font-size:1.4rem;color: #999;padding-top: 5px;}
.resultlist.list1 .table_wrap .table tr td.year {width:30%; border-bottom: 1px solid #dbdbdb; font-size:1.8rem; color: #666; text-align: center;}
.resultlist.list1 .table_wrap .table tr td.borderRNone {border-right: none;}
.resultlist.list1 .table_wrap .table tr td.borderLNone {border-left: none;}
.text_box_wrap {padding:30px; border: 1px solid #dbdbdb; margin-top:30px;}
.text_box_wrap.borderNone {border: none;}
.text_box_wrap .text {font-size:1.8rem; color: #666;}
.text_box_wrap .text.space {margin-top:10px;}
.text_box_wrap .text .accent {font-size:1.8rem;font-weight:bold; color: #666; margin-top:10px;}

.resultlist.list2 {margin-top:60px;}
.resultlist.list2 .list2_wrap {}
.resultlist.list2 .list2_wrap .chart_wrap {width:100%; display:flex; align-items: center; justify-content: center; margin-top:60px; position: relative;}
.resultlist.list2 .list2_wrap .chart_wrap #radarChart {width:50%;}
.resultlist.list2 .list2_wrap .chart_wrap #radarChart .myChartDiv { width:100%;}
.resultlist.list2 .list2_wrap .chart_wrap #radarChart .myChartDiv .chartjs-hidden-iframe {	}
.resultlist.list2 .grade_text {text-align: center; margin-top:40px; font-size:2rem; font-weight:bold;color: #333;}
.resultlist.list2 .list2_wrap .chartLabelTxt {width: 100%; text-align: center; padding-top: 10px;}
.resultlist.list2 .list2_wrap .chartLabelTxt span {font-size: 1.6rem; color: #999; line-height: 2.4rem;}

.resultlist.list2 .list2_wrap .chart_wrap #lineChart {width:45%; max-width: 500px; margin-left: 5%;}
.resultlist.list2 .list2_wrap .chart_wrap #lineChart .lineChartDiv { width:100%;}

.resultlist.list2 .content_wrap {margin-top:22px; display:flex; justify-content: space-between; grid-gap:40px;}
.resultlist.list2 .content_wrap .grade_wrap { width:40%;}
.resultlist.list2 .content_wrap .grade_wrap .table {border-top:2px solid #707070;}
.resultlist.list2 .content_wrap .grade_wrap .table tr {}
.resultlist.list2 .content_wrap .grade_wrap .table tr td{}
.resultlist.list2 .content_wrap .grade_wrap .table tr td.bg_sky{background:#EBF2FB; font-size:2rem; color: #333; text-align: center; height:45px;}
.resultlist.list2 .content_wrap .grade_wrap .table tr td.bg_blue{background:#EBEBFC; font-size:2rem; color: #333; text-align: center; padding:12px 0;}
.resultlist.list2 .content_wrap .grade_wrap .table tr td.bg_grade {background: transparent linear-gradient(180deg, #3982D8 0%, #2B5C97 100%) 0% 0% no-repeat padding-box;}
.resultlist.list2 .content_wrap .grade_wrap .table tr td.bg_score {background: transparent linear-gradient(180deg, #474EA8 0%, #292D6D 100%) 0% 0% no-repeat padding-box;}
.resultlist.list2 .content_wrap .grade_wrap .table tr td.big_text {font-size:4.8rem; font-weight:bold; color:#fff; text-align:center; padding:50px 0;}
.resultlist.list2 .content_wrap .grade_wrap .table tr td.big_text.big_text1 {color:#999; border-right: 1px solid #dbdbdb; }
.resultlist.list2 .content_wrap .grade_wrap .table tr td.big_text.big_text1:last-child {border-right: none;}
.resultlist.list2 .content_wrap .grade_wrap .table tr td.big_text.big_text1.bg_grade {color:#fff;}

.resultlist.list2 .content_wrap .grade_table { width:60%;}
.resultlist.list2 .content_wrap .grade_table .table {border-top:2px solid #707070; border-bottom: 2px solid #707070;}
.resultlist.list2 .content_wrap .grade_table .table tr {}
.resultlist.list2 .content_wrap .grade_table .table tr:last-child td {border-bottom:  none;}
.resultlist.list2 .content_wrap .grade_table .table tr td {text-align: center; border-bottom: 1px solid #dbdbdb; border-right:1px solid #dbdbdb;}
.resultlist.list2 .content_wrap .grade_table .table tr td:last-child {border-right:none;}
.resultlist.list2 .content_wrap .grade_table .table tr td.title {height:44.5px;}
.resultlist.list2 .content_wrap .grade_table .table tr td.text { font-size:2.2rem; color:#333; font-weight:bold; padding:20px 0; line-height:3.2rem;}
.resultlist.list2 .content_wrap .grade_table .table tr td.text.text1 {padding:10px 0;}

.resultlist.list2 .grade_text.pc_view {display:block;}
.resultlist.list2 .grade_text.mo_view {display:none;}

.resultlist.list2 .content_wrap .grade_wrap .table.pc_view {}
.resultlist.list2 .content_wrap .grade_wrap .table.ta_mo_view { display:none;}

.resultlist.list3 .list_title { margin: 80px 0 50px 0}
.resultlist.list3 .area_box { height:60px; display:flex; align-items: center; padding:0 20px; font-size:2.4rem; color: #fff; font-weight:bold;}
.resultlist.list3 .result_text { margin:30px 0 20px 0; font-size:2rem; font-weight: bold; color: #333}
.resultlist.list3 .result_table_wrap { display: flex; grid-gap:20px; align-items: center}
.resultlist.list3 .result_table_wrap .table_left { width:50%;}
.resultlist.list3 .result_table_wrap .table_left.green .table {border: 1px solid #44A14F;}
.resultlist.list3 .result_table_wrap .table_left.blue .table {border: 1px solid #6E65DF;}
.resultlist.list3 .result_table_wrap .table_left.pink .table {border: 1px solid #F15996;}
.resultlist.list3 .result_table_wrap .table_left.sky .table {border: 1px solid #3688E8;}
.resultlist.list3 .result_table_wrap .table_left.orange .table {border: 1px solid #f09000;}

.resultlist.list3 .result_table_wrap .table_left .table tr {}
.resultlist.list3 .result_table_wrap .table_left .table tr td {}
.resultlist.list3 .result_table_wrap .table_left .table tr td.title{font-size:1.8rem; color: #fff; text-align: center; padding:10px 0; border-right:1px solid #fff;}
.resultlist.list3 .result_table_wrap .table_left .table tr td.title:last-child {border-right: none}
.resultlist.list3 .result_table_wrap .table_left .table tr td.text {text-align: center; font-size:4.8rem; font-weight:bold; padding:30px 0; }
.resultlist.list3 .result_table_wrap .table_left.green .table tr td.text {border-right: 1px solid #44A14F}
.resultlist.list3 .result_table_wrap .table_left.blue .table tr td.text {border-right: 1px solid #6E65DF}
.resultlist.list3 .result_table_wrap .table_left.pink .table tr td.text {border-right: 1px solid #F15996}
.resultlist.list3 .result_table_wrap .table_left.sky .table tr td.text {border-right: 1px solid #3688E8}
.resultlist.list3 .result_table_wrap .table_left.orange .table tr td.text {border-right: 1px solid #f09000};
.resultlist.list3 .result_table_wrap .table_left .table tr td.text:last-child {border-right:none;}

.resultlist.list3 .result_table_wrap .table_right { width:50%;}
.resultlist.list3 .result_table_wrap .table_right .table {border-top:2px solid #dbdbdb;}
.resultlist.list3 .result_table_wrap .table_right .table tr {}
.resultlist.list3 .result_table_wrap .table_right .table tr td:last-child {border-right:none;}
.resultlist.list3 .result_table_wrap .table_right .table tr td:last-child  {border-right:none;}
.resultlist.list3 .result_table_wrap .table_right .table tr td {padding:18px 0;}
.resultlist.list3 .result_table_wrap .table_right .table tr td {border-right:1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb; text-align: center;}
.resultlist.list3 .result_table_wrap .table_right .table tr td.title {font-size:2rem; color: #666; width:16%;}
.resultlist.list3 .result_table_wrap .table_right .table tr td.content {font-size:2rem; color:#333; width: 21%;}
.resultlist.list3 .result_table_wrap .table_right .table.table1 tr td.content {width: auto;}
.arrowDotWrap {width: 100%; display: flex; justify-content: space-between; align-items: center; padding-left: 18px; padding-right: 18px;}
.arrowDotWrap .txt {color: #666; width: 37px;}
.arrowDotLine {width: calc(100% - 100px); height: 29px; display: inline-block; background: url(../images/ES/img_arrowDotLine.png) repeat-x left center; background-size: 362px 2px; box-sizing: border-box; position: relative;}
.arrowDotLine:before {content: ""; position: absolute; top: 50%; left: 0; margin-top: -6.75px; display: block; width: 7.5px; height: 13.5px; background: url(../images/ES/img_arrow.png) no-repeat left center; background-size: 100%;}
.arrowDotLine:after {content: ""; position: absolute; top: 50%; right: 0; margin-top: -6.75px; display: block; width: 7.5px; height: 13.5px; background: url(../images/ES/img_arrow.png) no-repeat right center; background-size: 100%; transform: rotate(-180deg);}

.resultlist.list3 .result_table_wrap .table_right.green .table tr td.title.active,
.resultlist.list3 .result_table_wrap .table_right.green .table tr td.content.active {background:rgba(68, 161, 79, 0.1); color:#44A14F; font-weight:bold;}
.resultlist.list3 .result_table_wrap .table_right.blue .table tr td.title.active,
.resultlist.list3 .result_table_wrap .table_right.blue .table tr td.content.active {background:rgba(110, 101, 223, 0.1); color:#6E65DF; font-weight:bold;}
.resultlist.list3 .result_table_wrap .table_right.pink .table tr td.title.active,
.resultlist.list3 .result_table_wrap .table_right.pink .table tr td.content.active {background:rgba(241, 89, 150, 0.1); color:#F15996; font-weight:bold;}
.resultlist.list3 .result_table_wrap .table_right.sky .table tr td.title.active,
.resultlist.list3 .result_table_wrap .table_right.sky .table tr td.content.active {background:rgba(54, 136, 232, 0.1); color:#3688E8; font-weight:bold;}
.resultlist.list3 .result_table_wrap .table_right.orange .table tr td.title.active,
.resultlist.list3 .result_table_wrap .table_right.orange .table tr td.content.active {background:rgba(240, 144, 0, 0.1); color:#f09000; font-weight:bold;}
.ES300-108 .resultlist.list3 .result_table_wrap .table_right .table tr td.content.active .text {font-weight:bold;}

.resultlist.list3 .area_grade_table {margin-top:22px;}
.resultlist.list3 .area_grade_table .table { border-top:2px solid #707070;}
.resultlist.list3 .area_grade_table .table tr {}
.resultlist.list3 .area_grade_table .table tr.table_header {border-bottom: 1px solid #707070;}
.resultlist.list3 .area_grade_table .table tr td { border-right:1px solid #dbdbdb; text-align: center; padding:12px 0; border-bottom:1px solid #dbdbdb;}
.resultlist.list3 .area_grade_table .table tr td.standard {}
.resultlist.list3 .area_grade_table .table tr td.responsive_text {}
.resultlist.list3 .area_grade_table .table tr td:last-child {border-right:none;}
.resultlist.list3 .area_grade_table .table tr td .star {}

.resultlist.list3 .important_text {margin-top:10px; font-size:1.6rem; color: #888;}

.resultlist.list3 .dropdown_box_wrap {margin-top:30px;}
.resultlist.list3 .dropdown_box_wrap .dropdown_view {cursor:pointer; position: relative;}
.resultlist.list3 .dropdown_box_wrap .dropdown_view .dropdown_wrap { padding:0 20px; display:flex; align-items: center; justify-content: space-between; height:70px; }
.resultlist.list3 .dropdown_box_wrap .dropdown_view .dropdown_wrap_wrap:before {position: absolute; bottom: 0; height: 100%;width: 100%; content: ""; background:linear-gradient(to top,rgba(255,255,255, 1) 0%,rgba(255,255,255, 0.2) 100%); pointer-events: none; /* so the text is still selectable */}
.resultlist.list3 .dropdown_box_wrap .dropdown_view .dropdown_wrap_wrap {position: relative;}
.resultlist.list3 .dropdown_box_wrap .dropdown_view .dropdown_wrap_wrap .bold {font-size:1.8rem; font-weight:bold; margin-top:10px; color:#333; padding:0 30px;}
.resultlist.list3 .dropdown_box_wrap .dropdown_view .dropdown_wrap_wrap .text {font-size:1.8rem; color:#333; margin-top:10px; padding:0 30px;}

.resultlist.list3 .dropdown_box_wrap .dropdown_view .arrow {transition: all .3s;}
.resultlist.list3 .dropdown_box_wrap .dropdown_view .arrow.active { transform: rotate(180deg);}
.resultlist.list3 .dropdown_box_wrap .dropdown_view .title {font-weight:bold; font-size:2rem; color:#333;}

.resultlist.list3 .dropdown_box_wrap .dropdown_hide { padding:10px 30px 30px;  display:none;}
.resultlist.list3 .dropdown_box_wrap .dropdown_hide .bold {font-size:1.8rem; font-weight:bold; margin-top:10px; color:#333;}
.resultlist.list3 .dropdown_box_wrap .dropdown_hide .text {font-size:1.8rem; color:#333; margin-top:10px;}
.resultlist.list3 .dropdown_box_wrap .dropdown_hide .ref {font-size:1.8rem; color:#333; margin-top:10px;}
.resultlist.list3 .dropdown_box_wrap .dropdown_hide .etc {font-size:1.4rem; color:#333; margin-top:10px;}

.resultlist.list3 .dropdown_box_wrap .dropdown_view.green {background :#F2FBF3 0% 0% no-repeat padding-box;}
.resultlist.list3 .dropdown_box_wrap .dropdown_hide.green {background :#F2FBF3 0% 0% no-repeat padding-box;}
.resultlist.list3 .dropdown_box_wrap .dropdown_view.blue {background :#F0EFFC 0% 0% no-repeat padding-box;}
.resultlist.list3 .dropdown_box_wrap .dropdown_hide.blue {background :#F0EFFC 0% 0% no-repeat padding-box;}
.resultlist.list3 .dropdown_box_wrap .dropdown_view.pink {background :#FEEEF4 0% 0% no-repeat padding-box;}
.resultlist.list3 .dropdown_box_wrap .dropdown_hide.pink {background :#FEEEF4 0% 0% no-repeat padding-box;}
.resultlist.list3 .dropdown_box_wrap .dropdown_view.sky {background :#EAF3FD 0% 0% no-repeat padding-box;}
.resultlist.list3 .dropdown_box_wrap .dropdown_hide.sky {background :#EAF3FD 0% 0% no-repeat padding-box;}

.resultlist.list3 .dropdown_box_wrap .dropdown_view .dropdown_wrap_wrap.bg_control:before {position: absolute; bottom: 0; height: 100%;width: 100%; content: ""; background:transparent; pointer-events: none; /}

.resultlist.list3 .opinion_text {font-size:2rem; color:#333; font-weight:bold; margin:30px 0 20px 0; display:block !important;}
.resultlist.list3 .opinion_table_wrap {margin-bottom:80px;}
.resultlist.list3 .opinion_table_wrap .table {border-top:1px solid #dbdbdb;}
.resultlist.list3 .opinion_table_wrap .table:first-child {border-top:2px solid #707070;}
.resultlist.list3 .opinion_table_wrap .table:last-child {border-bottom:2px solid #707070;}
.resultlist.list3 .opinion_table_wrap .table tr {}
.resultlist.list3 .opinion_table_wrap .table tr td {border-right:1px solid #dbdbdb;}
.resultlist.list3 .opinion_table_wrap .table tr td:last-child {border-right:none;}
.resultlist.list3 .opinion_table_wrap .table tr td .text_wrap {padding:0 20px;}
.resultlist.list3 .opinion_table_wrap .table tr td .text_wrap p {font-size:2.2rem; font-weight:bold; word-break: keep-all; }
.resultlist.list3 .opinion_table_wrap .table tr td .text_wrap p.type1 {display: table; width: 100%;}
.resultlist.list3 .opinion_table_wrap .table tr td .text_wrap p.type1 .left {float: left; width: 26px; font-weight: bold;}
.resultlist.list3 .opinion_table_wrap .table tr td .text_wrap p.type1 .right {float: right; width: calc(100% - 27px); font-weight: bold;}
.resultlist.list3 .opinion_table_wrap .table tr td.title {width:20%;}
.resultlist.list3 .opinion_table_wrap .table tr td.contents {width:40%; background: #EEEEEE; text-align: center; font-size:1.8rem; color :#666666; padding:7px 0; border-bottom: 1px solid #dbdbdb;}
.resultlist.list3 .opinion_table_wrap .table tr td.info { text-align: center; padding:10px 0; font-size:2.2rem; border-bottom:1px solid #dbdbdb; font-weight:bold;}
.resultlist.list3 .opinion_table_wrap .table tr td.content_text {padding:20px; font-size:2rem; color:#333;}

.resultlist.list4 {}
.resultlist.list4 .list_title { margin: 80px 0 50px 0}
.resultlist.list4 .notice_wrap {background:#F7F7F7; padding:10px 30px 30px 30px;}
.resultlist.list4 .notice_wrap .bold {font-size:1.8rem; color:#333; font-weight:bold; margin-top:20px;}
.resultlist.list4 .notice_wrap .text {font-size:1.8rem; color:#333; margin-top:10px;}

.resultlist.list5 {margin:50px 0 100px 0; display:flex; align-items: center; justify-content: center}
.resultlist.list5 .btn_download {background:#00A472; font-size:1.8rem; color:#fff; display:flex; align-items: center; justify-content: center; border-radius:4px; height:46px; width:380px;}

.resultlist .table_wrap.dataTable {display: table;}
.resultlist .table_wrap.dataTable .table {border-top: none;}
.resultlist .table_wrap.dataTable .table:last-child {border-bottom: 1px solid #dbdbdb;}
.resultlist .table_wrap.dataTable .table.table1.borTop,
.resultlist .table_wrap.dataTable .table.table2.borTop {border-top:2px solid #707070; }
.resultlist .table_wrap.dataTable .table tr td.nameBox {width: 15%; color: #666; font-size:2rem; text-align: center; padding:5px 0px; border-bottom: 1px solid #dbdbdb;}
.resultlist .table_wrap.dataTable .table tr td.nameBox .sm_text {font-size:1.4rem;color: #999; padding-top: 5px;}
.resultlist .table_wrap.dataTable .table tr td.conBox1,
.resultlist .table_wrap.dataTable .table tr td.conBox2 {text-align: center; font-size:2rem;color: #333;font-weight:bold; padding:15px 0;text-transform: uppercase; word-break: break-all; border-bottom: 1px solid #dbdbdb;} 
.resultlist .table_wrap.dataTable .table tr td {border-right:1px solid #dbdbdb; box-sizing: border-box;}
.resultlist .table_wrap.dataTable .table tr td.conBox {position: relative;}
.resultlist .table_wrap.dataTable .table tr td.conBox:after {content: '2020년'; display: inline-block; position: absolute; top: 0px; left: 0; width: 100%; height: 36px; color: #666; font-size: 1.8rem; text-align: center; padding: 5px 0px; background-color: #eee;box-sizing: border-box; font-weight: normal; border-bottom: 1px solid #dbdbdb;}
.resultlist .table_wrap.dataTable .table tr td.conBox:nth-child(1):after {content: '구분'; color: #eee;}
.resultlist .table_wrap.dataTable .table tr td.conBox:nth-child(2):after {content: '2019년';}
.resultlist .table_wrap.dataTable .table tr td.conBox:nth-child(3):after {content: '2020년';}
.resultlist .table_wrap.dataTable .table tr td.conBox:nth-child(4):after {content: '2021년';}
.resultlist .table_wrap.dataTable .table tr td.conBox:nth-child(5):after {content: '2022년';}
.resultlist .table_wrap.dataTable .table.table1 tr td.nameBox {padding:42px 0 4px 0;}
.resultlist .table_wrap.dataTable .table tr td.conBox1 {padding:61px 0 25px 0; border-left: 1px solid #dbdbdb;}
.resultlist .table_wrap.dataTable .table tr td.conBox2 {padding:25px 0 25px 0;}
.resultlist .table_wrap.dataTable .table.conBoxNone tr td.conBox:after {display: none;}
.resultlist .table_wrap.dataTable .table.conBoxNone tr td.conBox1 {display: none;}

.resultlist .renewTablemo {display: none;}
.resultlist .renewTablepc {margin-top: 30px}
.resultlist .renewTablepc:last-child {border-bottom: 1px solid #dbdbdb;}
.resultlist .renewTablepc .borTop {border-top:2px solid #707070; }
.resultlist .renewTablepc tr th {color: #666;  font-size: 1.8rem; text-align: center; padding: 5px 0px; background-color: #eee; box-sizing: border-box; font-weight: normal; border-bottom: 1px solid #dbdbdb; border-right: 1px solid #dbdbdb;}
.resultlist .renewTablepc tr th:nth-child(1) {border-left: 1px solid #dbdbdb; width: 15%;}
.resultlist .renewTablepc tr td.nameBox {width: 15%; color: #666; font-size:2rem; text-align: center; padding:10px 0px; border-bottom: 1px solid #dbdbdb; font-weight: normal;}
.resultlist .renewTablepc tr td.nameBox .sm_text {font-size:1.4rem;color: #999; padding-top: 5px;}
.resultlist .renewTablepc tr td {text-align: center; font-size:2rem;color: #333;font-weight:bold; padding:15px 0;text-transform: uppercase; word-break: break-all; border-bottom: 1px solid #dbdbdb;} 
.resultlist .renewTablepc tr td {border-right:1px solid #dbdbdb; box-sizing: border-box;}

.result_tit {margin: 50px 0 30px 0; font-size: 2.2rem; font-weight: bold; color: #333;}
.resultlist.list2.ES300-015 .list2_wrap .chart_wrap {width: 100%; display: table; padding-bottom: 80px; margin-top: 0px; border-bottom: 1px solid #dbdbdb;}
.resultlist.list2.ES300-015 .list2_wrap .chart_wrap:last-child {border-bottom: none;}
.resultlist.list2.ES300-015 .list2_wrap .result_tit {margin: 80px 0 30px 0;}
.resultlist.list2 .list2_wrap .chart_wrap .chartBox {width: 45%; max-width: 500px; float: left;}
.resultlist.list2 .list2_wrap .chart_wrap .chartBox .lineChartDiv {background-color: #efefef; border-radius: 4px; padding: 15px 5px 10px 0px; box-sizing: border-box; height: auto !important;}
.resultlist.list2.ES300-015 .list2_wrap .chartLabelTxt {width: 100%; text-align: center; padding-top: 20px; font-size: 2rem; color: #333;}
.resultlist.list2.ES300-015 .list2_wrap .chartLabelTxt .icon {width: 38px; height: 13px; display: inline-block; margin-right: 10px;}
.resultlist.list2.ES300-015 .list2_wrap .chartLabelTxt .icon1 {background: url(../images/ES/icon_chartLabel_img1.png) no-repeat center; background-size: 100%;}
.resultlist.list2.ES300-015 .list2_wrap .chartLabelTxt .icon2 {background: url(../images/ES/icon_chartLabel_img2.png) no-repeat center; background-size: 100%;}
.resultlist.list2.ES300-015 .list2_wrap .chartLabelTxt .icon3 {background: url(../images/ES/icon_chartLabel_img3.png) no-repeat center; background-size: 100%;}
.resultlist.list2 .list2_wrap .chart_wrap .chartTextBox {width: calc(55% - 35px); margin-left: 35px; float: left;}
.resultlist.list2 .list2_wrap .chart_wrap .chartTextBox .text {font-size: 2rem; line-height: 3rem; color: #666;}

.br_none {display:none;}
.br_none_2 {display:none;}
.br_none_3 {display:none;}
.br_none_4 {display:block;}
.br_none_5 {display:none;}
.text_none {display:inline-block;}

/*추가작업 end*/

.ibkname {font-size: 1.8rem; color: #333; font-weight:bold; padding-top: 20px;}
.gotop {position: fixed; right: 50%; bottom: 335px; margin-right: -701px; z-index: 5;}
.gotop a {border: 1px solid #cccccc; line-height:32px; font-size: 1.6rem; color: #00a472; font-weight:bold; width: 75px; height: 35px; border-radius: 4px; background-color: #fff; text-align: center; line-height: 35px; display: inline-block;}
.gotop a span {font-size: 1.5rem; color: #00a472;}

.ES300-008 .detailWrap {margin-top:20px;}
.ES300-008 .detailWrap .depth {width: 100%;}
.ES300-008 .detailWrap .depth li.debth1 {position:relative; margin-top:5px; padding-left:19px; font-size: 1.8rem; color: #333;}
.ES300-008 .detailWrap .depth li.debth1:after {content:''; display:inline-block; position:absolute; top:0px; left:0;}
.ES300-008 .detailWrap .depth li.debth1.triangle:after {content:'‧';}
.ES300-008 .detailWrap .depth li.debth1.notriangle {padding-left:0px;}
.ES300-008 .detailWrap .depth li.debth1 ul {margin-top:15px; width: 100%; display: inline-block; padding-left: 9px;}

#line_chart {background-color: #efefef;  border-radius: 4px; padding: 20px; box-sizing: border-box; height: auto !important;}
.ES300-008 #line_chart {background-color: transparent; border-radius: 0; height: auto !important; border-top: 2px solid #707070; border-bottom: 2px solid #707070;}
.resultlist.list2 .content_wrap .grade_table .table1 tr td.title:first-child,
.resultlist.list2 .content_wrap .grade_table .table1 tr td.text:first-child	{width: 38%;}							
.resultlist.list2 .content_wrap .grade_table .table1 tr td.text {font-size: 1.8rem; padding: 15px 0; line-height: 2.2rem;}
.resultlist.list2 .content_wrap .grade_table .table1 tr td.text.txtLeft {position: relative; padding-left: 40px;}
.resultlist.list2 .content_wrap .grade_table .table1 tr td.text.txtLeft:before {content:''; display:block; position:absolute; top:50%; left:10px; margin-top: -10px; width: 20px; height: 20px; background-color: #ddd;}
.resultlist.list2 .content_wrap .grade_table .table1 tr td.text.txtLeft.col1:before{background-color: #ff9900;}
.resultlist.list2 .content_wrap .grade_table .table1 tr td.text.txtLeft.col2:before{background-color: #44a14f;}
.resultlist.list2 .content_wrap .grade_table .table1 tr td.text.txtLeft.col3:before{background-color: #6e65df;}
.resultlist.list2 .content_wrap .grade_table .table1 tr td.text.txtLeft.col4:before{background-color: #f15996;}
.resultlist.list2 .content_wrap .grade_table .table1 tr td.text.txtLeft.col5:before{background-color: #0263ff;}

/* ES300-011 */
.con_subtitle {font-size: 2.2rem; color: #222;}
.temimgWrap1.ES300-011 {padding-top:18px; height: 168px;}
.temimgWrap1.ES300-011 .temimg1 {background: url(../images/ES/main02-sub02_bg03.png) no-repeat center; background-size: 1200px;}
.conListWrap {width:100%;}
.conListWrap ul {width:100%; display: table; padding: 40px 0 10px 0;}
.conListWrap ul li {width: 25%; float: left; padding: 0 20px;}
.conListWrap ul li .tit {width:100%; display: block; font-size: 2.4rem; color: #333; font-weight: bold;}
.conListWrap ul li .txt {width:100%; display: block; font-size: 1.8rem; color: #333; line-height: 2.8rem; padding-top: 20px;}
.processListWrap {width:100%;}
.processListWrap ul {width:100%; display: table; padding: 40px 0 60px 0; text-align: center;}
.processListWrap ul li {width: 20%; float: left; position: relative;}
.processListWrap ul li:after {content:''; display:inline-block; position:absolute; top: 50%; left: -17.5px; margin-top: 35px; width:35px; height:25px; background: url(../images/ES/process_arrow.png) no-repeat center; background-size: 35px 25px; z-index: 1;}
.processListWrap ul li:first-child:after {display: none;}
.processListWrap ul li img {width:110px;}
.processListWrap ul li .tit {width:100%; display: block; font-size: 2.4rem; color: #333; font-weight: bold; padding-top: 20px;}
.processListWrap ul li .txt {width:100%; display: block; font-size: 1.8rem; color: #999; font-weight: bold;}
.infoBox.ES300-011 {width:100%; padding-bottom: 100px;}
.infoBox.ES300-011 li {position:relative; font-size: 1.8rem; color: #666; margin-top: 5px; padding-left: 24px;}
.infoBox.ES300-011 li:first-child {margin-top: 0px;}
.infoBox.ES300-011 li:before {content:'※ '; display:inline-block; position:absolute; top:0px; left:0;}

.img01_300_011 {width: 100%; display: table; margin-top: 80px; padding-bottom: 1282px; margin-bottom: 40px; border-bottom: 1px solid #dbdbdb; background: url(../images/ES/img01_300-011_pc_1.png) no-repeat top center; background-size: 660px;}
.img02_300_011 {width: 100%; display: table; margin-top: 80px; padding-bottom: 460px; margin-bottom: 40px; border-bottom: 1px solid #dbdbdb; background: url(../images/ES/img02_300-011_pc.png) no-repeat top center; background-size: 660px;}
.img03_300_011 {width: 100%; display: table; margin-top: 80px; padding-bottom: 631px; margin-bottom: 40px; border-bottom: 1px solid #dbdbdb; background: url(../images/ES/img03_300-011_pc.png) no-repeat top center; background-size: 730px;}
.img04_300_011 {width: 100%; display: table; margin-top: 80px; padding-bottom: 951px; margin-bottom: 40px; border-bottom: 1px solid #dbdbdb; background: url(../images/ES/img04_300-011_pc.png) no-repeat top center; background-size: 992px;}
.img05_300_011 {width: 100%; display: table; margin-top: 80px; padding-bottom: 273px; background: url(../images/ES/img05_300-011_pc_new.png) no-repeat top center; background-size: 1150px;}

/* 수정된 이미지 작업 */ 
.img-wrap {
	overflow: hidden;
	margin: 80px 0 40px;
	border-bottom: 1px solid #dbdbdb;
	text-align: center;
}
.img-wrap img {
	width: 100%;
	padding-bottom: 100px;
	margin: 0 auto;
}
.t-only {display: none;}
.mo-only {display: none;}
/* ESG란? */
.about-esg-01 img {
	max-width: 808px;
}
.about-esg-02 img {
	max-width: 851px;
}
/* ESG 컨설팅 소개 */
.introduction-01 img {
	max-width: 660px;
}
.introduction-02 img {
	max-width: 660px;
}
.introduction-03 img {
	max-width: 730px;
}
.introduction-04 img {
	max-width: 992px;
}
.introduction-05 img {
	max-width: 1150px;
}
/* ES300-012 */
.titBox {width: 100%;}
.titBox .txt {font-size: 1.8rem; color: #333; line-height: 2.6rem;}
.formboxWrap.ES300-012 {width: 100%; display: table; padding-top: 20px;}
.formboxWrap.ES300-012 .squareBox {width: 100%; padding: 17px 20px 0 20px; box-sizing: border-box;}
.formboxWrap.ES300-012 .checkbox label {font-size: 2rem; font-weight: bold;}
.formboxWrap.ES300-012 .chkExText {padding-left: 34px; padding-top: 6px; font-size: 1.8rem; color: #666; line-height: 2.6rem;}
.formboxWrap.ES300-012 .checkbox.noround_chk {padding-left: 34px; padding-top: 10px;}
.formboxWrap.ES300-012 .checkbox.noround_chk label {font-size: 1.6rem; color: #666; font-weight: normal;}
.formboxWrap.ES300-012 .subBox {padding-left: 20px; }
.formboxWrap.ES300-012 .subBox .chk_wrap {padding-top: 20px;}
.formboxWrap.ES300-012 .formboxGroup {width: 100%; padding-left: 34px; padding-top: 10px; display: table;}
.formboxWrap.ES300-012 .formbox {display: flex; width: 100%; margin-bottom: 1.5rem;}
.formboxWrap.ES300-012 .formbox .tit {max-width: 11rem; width: 100%; margin: 0; line-height: 4.6rem;}
.formboxWrap.ES300-012 .formbox .inpbox {width: 100%; max-width: 504px;}
.formboxWrap.ES300-012 .formbox .inpbox input {font-size: 1.6rem;}
.formboxWrap.ES300-012 .formbox .btnInbox {width: 100%; display: flex; justify-content: center; align-items: center;}
.formboxWrap.ES300-012 .formbox .btnInbox .btn {margin-top: 0; margin-left: 10px; font-size: 1.8rem; flex: 0 0 170px; font-weight: normal; background-color: #00a472;}
.formboxWrap.ES300-012 .agreeCheckbox {padding: 10px 0 0 20px;}
.layerPopWrap .layerPopCont.ES300-012 .btnPopGroup {margin-top: 50px;}

/* ES400-001 */
.temimgWrap.ES400-001 .temimg {background: url(../images/ES/main03-sub_bg03.png) no-repeat center; background-size: 1200px;}
.con_title {font-size: 2.2rem; color: #222; font-weight: bold; padding-top: 50px; padding-bottom: 20px;}
.con_title.ES400-001 {font-size: 2.4rem; font-weight: bold;}
.borderTBBbox {border-top: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb;}
.borderTBBbox.bbnone {border-bottom: none;}
.supportUl {padding-top:30px; padding-bottom:10px; padding-left: 10px;}
.supportUl li {width: 100%; padding-bottom: 20px; display: inline-block;}
.supportUl li .tit {width: 100px; float: left; font-size: 2rem; color: #333;}
.supportUl li .txt {width: calc(100% - 100px); float: left; font-size: 2rem; color: #333;}
.supportUl li .txt .bigtxt {font-size: 2.2rem; line-height: 2.9rem;}
.supportStep {width: 100%; border-top: 1px solid #00a472; border-bottom: 1px solid #00a472; display: flex;}
.supportStep .supportStepList {width: 25%; float: left; display: inline-block; border-left: 1px solid #dbdbdb; padding: 25px 20px; box-sizing: border-box;}
.supportStep .supportStepList:first-child {border-left:none;}
.supportStep .supportStepList .stepBox {display: table; width: 100%; position: relative;}
.supportStep .supportStepList .stepBox .step1{width: 25px; height: 25px; float: left; line-height: 24px; font-size: 1.7rem; color: #fff; background-color: #00a472; display: inline-block; text-align: center; border-radius: 25px; margin-right: 10px; position: relative; top: 4px;}
.supportStep .supportStepList .stepBox .step2{width: calc(100% - 35px); float: left; display: inline-block; padding:0 0 20px 0; font-size: 2.2rem; color: #00a472; font-weight: bold;}
.supportStep .supportStepList .step3{font-size: 2rem; color: #333; display: block;}

.supportUl.detailWrap {padding-bottom: 0px;}
.supportUl.detailWrap li .tit {width: 90px;}
.supportUl.detailWrap li .txt {width: calc(100% - 95px);}
.supportUl.detailWrap li.txt5 .tit {width: 110px;}
.supportUl.detailWrap li.txt5 .txt {width: calc(100% - 115px);}
.supportUl.detailWrap li.txt6 .tit {width: 125px;}
.supportUl.detailWrap li.txt6 .txt {width: calc(100% - 130px);}
.supportUl.detailWrap li.txt8 .tit {width: 150px;}
.supportUl.detailWrap li.txt8 .txt {width: calc(100% - 155px);}
.supportUl.detailWrap li.txt11 .tit {width: 190px;}
.supportUl.detailWrap li.txt11 .txt {width: calc(100% - 195px);}
.supportUl.detailWrap li.txt13 .tit {width: 215px;}
.supportUl.detailWrap li.txt13 .txt {width: calc(100% - 220px);}
.detailWrap .depth {width: 100%;}
.detailWrap .depth li.debth1 {position:relative; margin-top:20px; padding-left:11px;}
.detailWrap .depth li.debth1:after {content:''; display:inline-block; position:absolute; top:0px; left:0;}
.detailWrap .depth li.debth1.triangle:after {content:'‣';}
.detailWrap .depth li.debth1.notriangle {padding-left:0px;}
.detailWrap .depth li.debth1 ul {margin-top:15px; width: 100%; display: inline-block; padding-left: 9px;}
.detailWrap .depth li.debth2 {position:relative; margin-top:20px; padding-left:20px; font-size:1.8rem; color:#333; line-height: 2.6rem; padding-bottom: 15px;}
.detailWrap .depth li.debth2:after {content:''; display:inline-block; position:absolute; top:0px; left:0;}
.detailWrap .depth li.debth2.dash:after {content:'-';}
.detailWrap .depth li.debth2.asterisk:after {content:'*';}
.detailWrap .depth li.debth2.nodash {padding-left:0px;}
.detailWrap .depth li.debth2 ul {margin-top:15px; width: 100%; display: inline-block; padding-left: 0;}
.detailWrap .depth li.debth3 {position:relative; margin-top:10px; padding-left:15px; font-size:1.6rem; color:#999; line-height: 2.4rem; padding-bottom: 5px;}
.detailWrap .depth li.debth3.big {font-size: 1.4rem; color: #999; line-height: 2rem;}
.detailWrap .depth li.debth3:after {content:''; display:inline-block; position:absolute; top:3px; left:0; }
.detailWrap .depth li.debth3.asterisk:after {content:'*';}
.detailWrap .depth li.debth1,
.detailWrap .depth li.debth2,
.detailWrap .depth li.debth3 {margin-top:0px;}
.supportUl.detailWrap li:last-child,
.supportUl li:last-child {padding-bottom: 0px;}

.detailWrap .depth li.debth1 ul.otherCases {padding-left: 90px;}
.detailWrap .depth li.debth1 ul.otherCases li {padding-left: 10px;}
.dashBox {width: 100%; border: 1px dashed #ccc; padding: 20px; box-sizing: border-box; font-size: 1.8rem;}
.dashBox .smalltxt {font-size: 1.6rem; display: block;}

.newsLink.ES400-001 {margin-top:70px;}

.iscreamBox {width: 100%; padding: 30px; box-sizing: border-box; border: 1px solid #dbdbdb;}
.iscreamBox .titleImg {width: 200px;}
.iscreamBox .tit {position: relative;}
.iscreamBox .tit .txt {vertical-align: bottom; padding-left: 5px; font-size: 2rem; color: #333; position: absolute; bottom: -3px;}
.iscreamBox .txt {padding-top: 10px; font-size: 2rem; line-height: 2.9rem; color: #333; word-break: keep-all;}

.listNumber {width: 100%;}
.listNumber li {position:relative; padding-left:25px;}
.listNumber li:before {content:''; display:inline-block; position:absolute; top:0px; left:0; font-size: 2rem; font-weight: bold; line-height: 2.9rem;}
.listNumber li:nth-child(1):before {content:'①';} 
.listNumber li:nth-child(2):before {content:'②';}
.listNumber li:nth-child(3):before {content:'③';}
.listNumber li .txt {padding: 0; font-weight: bold;}
.listNumber li .txt1 {color: #333;}
.listNumber li .txt2 {color: #00a472;}
.listNumber li .txt3 {color: #fe6833;}
.listNumber li .attachTxt {font-size: 2rem; color: #999; line-height: 2.9rem; padding-left: 20px;}
.blockSpan {display: inline-block;}

/* ES300-014 */
.businessWrap.ES300-002.ES300-014 {width: 100%; margin-left: 90px; max-width: 840px;}
.businessWrap.ES300-002.ES300-014 .businessList {padding: 5% 0;}
.formboxWrap.ES300-014 .inWrap {width: 100%; display: flex; justify-content: left; align-items: center;}
.formboxWrap.ES300-014 .inWrap + .inWrap {margin-top: 20px; }
.formboxWrap.ES300-014 .inWrap .tit {max-width: 330px; width: 100%; float: left;}
.formboxWrap.ES300-014 .inWrap .tit .unit {font-size: 1.6rem; color: #999; padding-left: 10px;}
.formboxWrap.ES300-014 .inWrap .inpbox {width: calc(100% - 310px); float: left; display: flex;}
.formboxWrap.ES300-014 .inWrap .inpbox .input_wrap {margin-left: 10px;  margin-top: 0px;}
.formboxWrap.ES300-014 .inWrap .inpbox .input_wrap input {margin-top: 0px;}
.formboxWrap.ES300-014 .inWrap .inpbox .input_wrap:first-child {margin-left: 0px;}
.formboxWrap.ES300-014 .inWrap .tit.pcSmoN {max-width: 120px; width: 100%; display: none;}
.formboxWrap.ES300-014 .inWrap .tit.pcSmoN .flr{text-align: left; float: unset; padding-left: 20px;}
.formboxWrap.ES300-014 .inWrap .year_text {display: none;}
.formboxWrap.ES300-014 .inWrap .year_text {font-size: 1.6rem; color: #666; padding-bottom: 10px;}
.formboxWrap.ES300-014 .inWrap:first-child .year_text {display: inline-block}
.formboxWrap.ES300-014 .inWrap:first-child .tit {padding-top: 25px;}

/* ES300-101 */
.img01_300_101 {width: 100%; display: table; margin-top: 80px; padding-bottom: 1282px; margin-bottom: 40px; border-bottom: 1px solid #dbdbdb; background: url(../images/ES/img01_300_101_pc.png) no-repeat top center; background-size: 760px;}
.img02_300_101 {width: 100%; display: table; margin-top: 100px; padding-bottom: 226px; margin-bottom: 40px; background: url(../images/ES/img02_300_101_pc.png) no-repeat top center; background-size: 852px;}

/* ES300-103 */
.ES300-103 .btnWrap.type {padding-top: 175px; padding-bottom: 100px;}

/* ES300-106 */
.questionWrap.ES300-106 {}
.questionWrap.ES300-106 .topBox {width: 100%; padding-top: 0; padding-bottom: 0; /*border-bottom: 1px solid #dbdbdb;*/ box-sizing: border-box; display: table;}
.questionWrap.ES300-106 .inbox {width: 100%; padding: 30px 0px 0px 0px; box-sizing: border-box; display: table;}
.questionWrap.ES300-106 .topBox .inbox:first-child {padding: 50px 0px 25px 0px; border-bottom: 1px solid #dbdbdb;}
.questionWrap.ES300-106 .topBox .inbox .tit {font-size: 2.2rem; font-weight: bold;}
.questionWrap.ES300-106 .topBox .inbox .txt {font-size: 1.8rem; line-height: 2.6rem; color: #333; word-break: keep-all;}
.questionWrap.ES300-106 .middleBox {border-top: none; border-bottom: 1px solid #dbdbdb; padding: 4% 0 5% 0;}
.questionWrap.ES300-106 .btnWrap .inner {max-width: calc(800px + 5%);}

/* ES300-108 */
.gradeWrap {width: 100%; display: flex; padding-left: 50px; box-sizing: border-box; justify-content: space-between; align-items: center;}
.gradeWrap .leftBox {width: 33.33%;}
.gradeWrap .rightBox {width: 55.66%;}
.gradeImage {width: 100%; display: table; box-sizing: border-box;}
.gradeImage .grade {width: 100%; display: table; padding-bottom: 64.3%; background: url(../images/ES/grade_img01.png) no-repeat top center; background-size: 100%;}
.gradeImage .grade.grade1 {background: url(../images/ES/grade_img01.png) no-repeat top center; background-size: 100%;}
.gradeImage .grade.grade2 {background: url(../images/ES/grade_img02.png) no-repeat top center; background-size: 100%;}
.gradeImage .grade.grade3 {background: url(../images/ES/grade_img03.png) no-repeat top center; background-size: 100%;}
.gradeImage .grade.grade4 {background: url(../images/ES/grade_img04.png) no-repeat top center; background-size: 100%;}
.gradeImage .grade.grade5 {background: url(../images/ES/grade_img05.png) no-repeat top center; background-size: 100%;}
.gradeWrap .rightBox .text_box_wrap {margin-top: 0;}
.ES300-108 .flexibleBox {margin: 0 0 30px 0;}

/* ES300-109 */
.ES300-109 .list.number li:after {font-weight: bold;}
.list.number li .tit {font-size: 1.8rem; color: #333; line-height: 2.6rem; font-weight: bold; margin-bottom: 10px;}
.list.number li .txt {font-size: 1.6rem; color: #333; line-height: 2.4rem; margin-bottom: 10px;}
.list.number li .down {font-size: 1.8rem; display: inline-block; width: 100%; max-width: 300px; padding: 10px 0; background-color: #00a472; text-align: center;  border-radius: 4px; color: #fff; margin-bottom: 30px;}
.ES300-109 .list.referenceMark li {font-size: 2rem; line-height: 2.9rem;}

/* ES500-001 */
.conTitle.ES500-001 {line-height: 3.2rem; padding: 60px 0 20px 0;}
.subtitle {font-size: 2.2rem; color: #222;}
.ecoyaBox.type1 {width: 100%; display: table; padding-top: 20px; padding-left: 25px; padding-bottom: 100px; margin-bottom: 40px; border-bottom: 1px solid #dbdbdb;}
.ecoyaBox.type1 li {width: 100%; display: table; margin-top: 55px;}
.ecoyaBox.type1 li:first-child {margin-top: 0;}
.ecoyaBox.type1 li .iconBox {width: 148px; float: left;}
.ecoyaBox.type1 li .textBox {width:calc(100% - 188px); float: left; padding-left: 40px;}
.ecoyaBox.type1 li .textBox .tit {font-size: 2.2rem; font-weight: bold; line-height: 3.2rem;}
.ecoyaBox.type1 li .textBox .tit span {font-weight: bold;}
.ecoyaBox.type1 li .textBox .txt {font-size: 2.2rem; line-height: 3.2rem; color: #333; padding-top: 20px;}
.wordBrake {display: block;}
.ecoyaBox.type2 {width: 100%; display: table; padding-bottom:10px; padding-top: 60px;}
.ecoyaBox.type2 li {width:calc(50% - 45px); display: table; position: relative; float: left;}
.ecoyaBox.type2 li:nth-child(2n) {margin-left: 90px;}
.ecoyaBox.type2 li:nth-child(3),
.ecoyaBox.type2 li:nth-child(4) {margin-top: 60px;}
.ecoyaBox.type2 li .ecoimg {width:100%; max-width: 500px; }
.ecoyaBox.type2 li .textBox {width:100%; margin-top: 30px; display: table;}
.ecoyaBox.type2 li .textBox .bigTitNum {font-size: 6rem; line-height: 7.9rem; font-weight: bold; color: #00a472; width: 34px; float: left;}
.ecoyaBox.type2 li .textBox .ecoBox {width: calc(100% - 64px); float: left; margin-left: 30px;}
.ecoyaBox.type2 li .textBox .tit {font-size: 2.4rem; line-height: 7.9rem; font-weight:bold;}
.ecoyaBox.type2 li .textBox ul {width: 100%; display: inline-block;}
.ecoyaBox.type2 li .textBox ul li {position:relative; font-size: 2rem; color: #333; width:100%; padding-left: 18px; margin-top: 15px;} 
.ecoyaBox.type2 li .textBox ul li:nth-child(2n) {margin-left: 0px;}
.ecoyaBox.type2 li .textBox ul li:after {content:''; display:inline-block; position:absolute; top: 10px; left:0; width: 8px; height: 8px; background-color: #333; border-radius: 8px;}
.ecoyaBox.type2 li .textBox ul li:first-child {margin-top: 0px;} 
.ecoyaBox.type2 li .textBox ul li ul li {padding-top: 0;}
.ecoyaBox_btnWrap {padding-top: 50px; padding-bottom: 100px;}

/* ES500-021 */
.pt2m1 {width: 100%; display: flex; padding-top: 30px;}
.bbLine {}
.bbLine5 {}
.lineBox {position: relative; width: calc(50% - 10px); border: 1px solid #dbdbdb; padding: 30px 35px; box-sizing: border-box; margin-right: 20px;}
.lineBox:nth-child(2n) {margin-right: 0px;}
.lineBox .tit {font-size: 2.2rem; color: #222; padding-bottom:10px;}
.lineBox .dpib {width: 100%; display: inline-block;}
.lineBox .dpib .leftBox {width: calc(100% - 140px); float: left; margin-right: 50px;}
.lineBox .dpib .leftBox .txt {font-size: 2rem; color: #333; padding-top: 10px;}
.lineBox .dpib .rightBox {width: 90px; float: left; padding-top: 6%;}
.lineBox .dpib .rightBox img {width:100%;}
.lineBox .btnWrap {padding-top: 40px;}
.lineBox .btnWrap.pt70 {padding-top: 70px;}
.lineBox .btnWrap .inner {}
.lineBox .btnWrap .inner .btn {width: 310px; height: 46px; line-height: 44px; font-size: 1.8rem; font-weight: normal;}
.lineBox.off .btnWrap .inner .btn {background-color:#999; border-color: #999;}
.lineBox.off .impossibleBox {display:table;}
.lineBox .impossibleBox {display:none; position: absolute; width: 100%; height: 100%; background-color: rgba(255,255,255,0.9); top: 0; left: 0; text-align: center; vertical-align: middle;}
.lineBox .impossibleBox .txt {display: table-cell; vertical-align: middle; font-size: 2rem; color: #d83975; font-weight: bold;}

.titWrap {width: 100%; display: table;}
.titWrap .con_title {float: left;}
.titWrap .selectbox.type2 {float: right; width: 120px; padding-top: 50px; padding-bottom: 20px;}
.titWrap .selectbox.type2 select {width: 100%; height: 40px; line-height: 38px; font-size: 1.6rem; padding: 0 0 0 15px;}

.curationWrap {width: 100%; border-top: 1px solid #dbdbdb; padding-bottom:100px;}
.curationWrap li.nolist {width: 100%; text-align: center; padding: 60px 0;}
.curationWrap li.nolist img {width: 50px; padding-bottom: 10px;}
.curationWrap li.nolist p {width: 100%; font-size: 2rem; color: #999;}
.curationWrap li {width: 100%; border-bottom: 1px solid #dbdbdb; padding: 20px 25px; box-sizing: border-box; cursor: pointer;}
.curationWrap li .date {font-size: 1.6rem; color: #999; width: 100%;}
.curationWrap li .inner {width: 100%; display: table; box-sizing: border-box;}
.curationWrap li .inner .leftBox {/*width:calc(100% - 210px);*/ float: left;}
.curationWrap li .inner .leftBox .iconBox {width: 80px; height: 80px; margin: 25px 35px 0 15px; box-sizing: border-box; float: left;}
.curationWrap li.step1-1 .inner .leftBox .iconBox {background:url("../images/ES/w_ecoya_order.png") no-repeat; background-size:100%;}
.curationWrap li.step1-2 .inner .leftBox .iconBox {background:url("../images/ES/w_ecoya_curation_plan.png") no-repeat; background-size:100%;}
.curationWrap li.step1-3 .inner .leftBox .iconBox {background:url("../images/ES/w_ecoya_curation_complete.png") no-repeat; background-size:100%;}
.curationWrap li.step1-4 .inner .leftBox .iconBox {background:url("../images/ES/w_ecoya_report_complete.png") no-repeat; background-size:100%;}
.curationWrap li.step1-5 .inner .leftBox .iconBox,
.curationWrap li.step2-5 .inner .leftBox .iconBox {background:url("../images/ES/w_ecoya_cancel.png") no-repeat; background-size:100%;}
.curationWrap li.step2-1 .inner .leftBox .iconBox {background:url("../images/ES/w_ecoya_order.png") no-repeat; background-size:100%;}
.curationWrap li.step2-2 .inner .leftBox .iconBox {background:url("../images/ES/w_ecoya_pickup_plan.png") no-repeat; background-size:100%;}
.curationWrap li.step2-3 .inner .leftBox .iconBox {background:url("../images/ES/w_ecoya_pickup.png") no-repeat; background-size:100%;}
.curationWrap li.step2-4 .inner .leftBox .iconBox {background:url("../images/ES/w_ecoya_pickup_complete.png") no-repeat; background-size:100%;}
.curationWrap li .inner .leftBox .infoBox {width:calc(100% - 130px); float: left; margin-top: 20px;}
.curationWrap li .inner .leftBox .infoBox .dpib {padding-bottom:10px}
.curationWrap li .inner .leftBox .infoBox .dpib .txt {border-radius: 3px; background-color: #6284ab; color: #fff; font-size: 1.6rem; padding: 3px 6px; display: inline-block;}
.curationWrap li .inner .leftBox .infoBox .dpib .txt.step2 {background-color: #519883;}
.curationWrap li .inner .leftBox .infoBox .dpib .number {font-size: 1.6rem; color: #666; padding-left: 10px;}
.curationWrap li .inner .leftBox .infoBox .site {font-size: 2rem; color: #333;}
.curationWrap li .inner .leftBox .infoBox .state {font-size: 2rem; color: #333; font-weight:bold; position:relative; width: fit-content; display:table; width:auto;}
.curationWrap li .inner .leftBox .infoBox .state:after {content: ""; display: inline-block; position: absolute; top: 6px; right: -19px; background: url(../images/ES/arrow_gray.png) no-repeat; background-size: 10px; width: 10px; height: 18px;}
.curationWrap li .inner .leftBox .infoBox .state .state_date {font-weight:bold; padding-left: 10px;}
.curationWrap li.step1-1 .inner .leftBox .infoBox .state .state_date,
.curationWrap li.step1-4 .inner .leftBox .infoBox .state .state_date,
.curationWrap li.step2-1 .inner .leftBox .infoBox .state .state_date,
.curationWrap li.step2-4 .inner .leftBox .infoBox .state .state_date {display:none;}
.curationWrap li.step1-2 .inner .leftBox .infoBox .state,
.curationWrap li.step2-2 .inner .leftBox .infoBox .state {color: #3982d8;}
.curationWrap li.step1-3 .inner .leftBox .infoBox .state,
.curationWrap li.step2-3 .inner .leftBox .infoBox .state{color: #00a472;}
.curationWrap li.step1-5 .inner .leftBox .infoBox .state,
.curationWrap li.step2-5 .inner .leftBox .infoBox .state {color: #d83975;}
.curationWrap li .inner .rightBox {width:210px; float: right;}
.curationWrap li.step1-1 .inner .rightBox .btnBox,
.curationWrap li.step1-2 .inner .rightBox .btnBox,
.curationWrap li.step1-4 .inner .rightBox .btnBox,
.curationWrap li.step2-1 .inner .rightBox .btnBox,
.curationWrap li.step2-2 .inner .rightBox .btnBox {display: block; vertical-align: middle;}
.curationWrap li .inner .rightBox .btnBox,
.curationWrap li.step2-1 .inner .rightBox .btnBox .btn4,
.curationWrap li.step2-2 .inner .rightBox .btnBox .btn4,
.curationWrap li.step1-4 .inner .rightBox .btnBox .btn1,
.curationWrap li.step1-1 .inner .rightBox .btnBox .btn4,
.curationWrap li.step1-2 .inner .rightBox .btnBox .btn4 {display:none;}
.curationWrap li .inner .rightBox .btnBox .btn {width: 100%; text-align: center; border: 1px solid #00a472; color: #00a472; height: 40px; line-height: 38px; font-size: 1.6rem; font-weight: normal;}
.curationWrap li .inner .rightBox .btnBox .btn.off {border: 1px solid #ccc; color: #ccc;}
.curationWrap li .inner .rightBox .btnBox .btn1 {margin-top: 10px;}
.curationWrap li .inner .rightBox .btnBox .btn1:first-child {margin-top: 0px;}
.curationWrap li .inner .rightBox .btnBox .btn4 {margin-top: 12%;}

/* ES500-022 */
.ES500-022 .formboxWrap .inpbox.typeT {padding: 10px 17px 10px 17px ; border:1px solid #dbdbdb; border-radius:4px;}
.ES500-022 .formboxWrap .inpbox.typeT textarea {width:100%; height: 2.6rem; padding: 0; border:none; border-radius:0px; line-height: 2.6rem; overflow: hidden; resize:none; display:block;}
.ES500-022 .formboxWrap .checkbox {width: 100%; display: inline-block; text-align: center;}

/* ES500-028 */
.ES500-028 .formboxWrap .inpbox.typeT {padding: 10px 17px 10px 17px ; border:1px solid #dbdbdb; border-radius:4px;}
.ES500-028 .formboxWrap .inpbox.typeT textarea {width:100%; height: 2.6rem; padding: 0; border:none; border-radius:0px; line-height: 2.6rem; overflow: hidden; resize:none; display:block;}

/* ES500-029 */
.payListWrap.ES500-029 {}
.payListWrap.ES500-029 a {display:none; position:relative;}
.payListWrap.ES500-029 a:before {content:""; display:block; position:absolute; top:50%; right:20px; margin-top: -4px; width: 14px; height:8px; background:url("../images/common/selectbox_arrow_down.png") no-repeat right center; background-size:14px 8px;}
.payListWrap.ES500-029 a.selectOn {display: inline-block; border: 1px solid #dbdbdb; background-color: #fff; color: #999 !important; font-size: 1.7rem; border-radius: 4px;}
.payListWrap.ES500-029 .payList,
.payListWrap.ES500-029 .payList.selectOn {padding: 15px 50px 15px 25px;}
.payListWrap.ES500-029 .payList .icon {width: 55px; height: 55px; padding: 0px;}
.payListWrap.ES500-029 .payList.icon1 {background: url("../images/ES/pay_visit.png") no-repeat left 25px center; background-size: 55px;}
.payListWrap.ES500-029 .payList.icon2 {background: url("../images/ES/pay_banking.png") no-repeat left 25px center; background-size: 55px;}
.payListWrap.ES500-029 .payList.icon3 {background: url("../images/ES/pay_card.png") no-repeat left 25px center; background-size: 55px;}
.payListWrap.ES500-029 .payList .txtBox,
.payListWrap.ES500-029 .payList .txtBox .tit,
.payListWrap.ES500-029 .payList .txtBox .txt {margin:0;}
.payListWrap.ES500-029 .payList.on .txtBox .tit,
.payListWrap.ES500-029 .payList.on .txtBox .txt {color: #333;}

.tableWrap {margin-top: 25px;}
.tableWrap .thead {width: 100%; font-size: 1.8rem; color: #333; background-color: #ebebeb; padding: 10px 25px;}
.tableWrap .tableList {width: 100%; /*display: inline-block;*/}
.tableWrap .tableList li {width:46%; float:left; display: inline-block; margin-right:8%; border-bottom: 1px solid #dbdbdb; padding: 20px 25px; box-sizing: border-box;}
.tableWrap .tableList li:nth-child(2n) {margin-right: 0;}
.tableWrap .tableList li span {font-size: 2rem; color: #333;}
.tableWrap .tableList li .tit {text-align: left; width: 35%; float: left;}
.tableWrap .tableList li .txt {text-align: right; width: 65%; float: right;}

/* ES500-030 */
.payListWrap {width: 100%;}
.payListWrap .payList {width: 100%; display: table; box-sizing: border-box; padding: 15px 25px;}
.payListWrap .payList.on {width: 100%; display: table; box-sizing: border-box; padding: 15px 25px;}
.payListWrap .payList .icon {width: 75px; height:75px; float: left; padding: 10px; box-sizing: border-box;}
.payListWrap .payList .icon img {width:100%; display:none;}
.payListWrap .payList.on .icon img {display:block;}
.payListWrap .payList .icon1 {background: url("../images/ES/pay_visit.png") no-repeat center; background-size: 55px;}
.payListWrap .payList .icon2 {background: url("../images/ES/pay_banking.png") no-repeat center; background-size: 55px;}
.payListWrap .payList .icon3 {background: url("../images/ES/pay_card.png") no-repeat center; background-size: 55px;}
.payListWrap .payList .txtBox {width: calc(100% - 85px); float: right;}
.payListWrap .payList .txtBox .tit {font-size: 1.8rem; color: #333; font-weight: bold; display: block; padding-bottom:5px;}
.payListWrap .payList .txtBox .txt {font-size: 1.6rem; color: #333; display: block;}
.payListWrap .payList.on .txtBox .tit,
.payListWrap .payList.on .txtBox .txt {color: #3982d8;}

/* ES500-031 */
.ES500-031 .con {padding: 70px 30px 0 30px;}
.curationStep {width: 100%; text-align: center; display: table;}
.curationStep .icon {width:100%; max-width: 439px; height: 70px; margin: 0 auto 30px auto;}
.curationStep.step1-1 .icon {background: url("../images/ES/q_step1-1.png") no-repeat center; background-size: 100%;}
.curationStep.step1-2 .icon {background: url("../images/ES/q_step1-2.png") no-repeat center; background-size: 100%;}
.curationStep.step1-3 .icon {background: url("../images/ES/q_step1-3.png") no-repeat center; background-size: 100%;}
.curationStep.step1-4 .icon {background: url("../images/ES/q_step1-4.png") no-repeat center; background-size: 100%;}
.curationStep.step1-5 .icon {background: url("../images/ES/q_step1-5.png") no-repeat center; background-size: 100%;}
.curationStep.step2-1 .icon {background: url("../images/ES/p_step2-1.png") no-repeat center; background-size: 100%;}
.curationStep.step2-2 .icon {background: url("../images/ES/p_step2-2.png") no-repeat center; background-size: 100%;}
.curationStep.step2-3 .icon {background: url("../images/ES/p_step2-3.png") no-repeat center; background-size: 100%;}
.curationStep.step2-4 .icon {background: url("../images/ES/p_step2-4.png") no-repeat center; background-size: 100%;}
.curationStep.step2-5 .icon {background: url("../images/ES/p_step2-5.png") no-repeat center; background-size: 100%;}
.curationStep .step_state {width: 100%;}
.curationStep .step_state .txt {font-size: 2.2rem; font-weight: bold; line-height: 3.2rem; color: #333;}
.curationStep .step_state .date {font-size: 2.2rem; line-height: 3.2rem; color: #333;}
.curationStep .rightBox {width: 100%; max-width: 630px; margin: 0 auto;}
.curationStep .rightBox .btnBox {margin: 20px auto 0 auto;}
.curationStep .rightBox .btnBox,
.curationStep.step1-1 .rightBox .btnBox .btn4,
.curationStep.step1-2 .rightBox .btnBox .btn4,
.curationStep.step2-1 .rightBox .btnBox .btn4,
.curationStep.step2-2 .rightBox .btnBox .btn4,
.curationStep.step1-4 .rightBox .btnBox .btn1 {display:none;}
.curationStep.step1-4 .rightBox .btnBox,
.curationStep.step1-1 .rightBox .btnBox,
.curationStep.step1-2 .rightBox .btnBox,
.curationStep.step2-1 .rightBox .btnBox,
.curationStep.step2-2 .rightBox .btnBox {display: flex; vertical-align: middle;}
.curationStep.step1-2 .step_state p,
.curationStep.step2-2 .step_state p {color: #3982d8;}
.curationStep.step1-3 .step_state p,
.curationStep.step2-3 .step_state p {color: #00a472;}
.curationStep.step1-5 .step_state p,
.curationStep.step2-5 .step_state p {color: #d83975;}
.curationStep .rightBox .btnBox .btn {flex: 1 1 100%; text-align: center; border: 1px solid #00a472; color: #00a472; height: 40px; line-height: 38px; font-size: 1.8rem; font-weight: normal;}
.curationStep .rightBox .btnBox .btn4 {max-width:310px; margin: 0 auto;}
.curationStep .rightBox .btnBox .btn.off {border: 1px solid #ccc; color: #ccc;}
.curationStep .rightBox .btnBox .btn1 {margin-left: 10px;}
.curationStep .rightBox .btnBox .btn1:first-child {margin-left: 0px;}

.layerPopWrap.photoPop  .layerPopCont.w1000 {width:460px; height:90%;}
.layerPopWrap.photoPop .layerPopCont .contBox {padding: 20px 10px 10px 10px; position: relative;}
.layerPopWrap.photoPop .layerPopCont.w1000 .contBox .photo_detail {width: 100%; text-align: center;}
.layerPopWrap.photoPop .layerPopCont.w1000 .contBox .photo_detail img {width: calc(100% - 20px); position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%);}

.ES500-031 .tableWrap {}
.ES500-031 .tableWrap {margin-top: 30px;}
.ES500-031 .tableWrap .thead {width: 100%; font-size: 1.8rem; color: #333; background-color: #ebebeb; padding: 10px 25px;}
.ES500-031 .tableWrap .tableList {width: 100%;}
.ES500-031 .tableWrap .tableList li {width:100%; border-bottom: 1px solid #dbdbdb; padding: 20px 0 11px 0; box-sizing: border-box; margin-right:0; float: initial;}
.ES500-031 .tableWrap .tableList li span {font-size: 2rem; color: #333; text-align: left; display:block; line-height: 2.9rem; width: 100%;}
.ES500-031 .tableWrap .tableList li .tit {font-weight:bold;}
.ES500-031 .tableWrap .tableList li .txt {margin-top:10px;}
.ES500-031 .tableWrap .tableList li .photo {width: 100%; display: inline-block; margin-top: 10px;}
.ES500-031 .tableWrap .tableList li .photo .swiper-slide {width: 105px; margin-right: 10px;}
.ES500-031 .tableWrap .tableList li .photo .swiper-slide:last-child {margin-right: 0px;}
.ES500-031 .tableWrap .tableList li .photo .swiper-wrapper img {width: 100%;}

.ES500-031 .tableWrap .tableList.step1 .onlyp, 
.ES500-031 .tableWrap .tableList.step2 .onlyq {display:none;}

/* ES500-032 */
.ES500-032 .tit {font-size: 1.6rem; color: #333; padding-bottom: 20px;}
.adressWrap ul {width: 100%; display:table;}
.adressWrap ul li.nolist {width: 100%; text-align: center; padding: 30px 0; border:none;}
.adressWrap ul li.nolist img {width: 50px; padding-bottom: 10px;}
.adressWrap ul li.nolist p {width: 100%; font-size: 1.8rem; color: #b1b1b1;}
.adressWrap ul li {width: 100%;; float:left; border: 1px solid #d8d6de; border-radius: 4px; position: relative; box-sizing: border-box; cursor: pointer; margin-bottom: 20px;}
.adressWrap ul li:last-child {margin-bottom:0;}
.adressWrap ul li .inBox {width: 100%; display: inline-block; padding: 15px 20px 15px 20px; z-index: 1;} 
.adressWrap ul li .inBox .address_name {font-size: 1.8rem; color: #333; font-weight: bold; display: block; padding-bottom: 10px; word-break: break-word;} 
.adressWrap ul li .inBox .address {font-size: 1.6rem; color: #333; line-height: 2.4rem; word-break: break-word;} 
.adressWrap ul li .delBtn {position: absolute; top: 50%; right: 20px; margin-top: -12px; width: 24px; height: 24px; z-index: 10; font-size: 0; background: url(../images/ES/btn_img_del.png) no-repeat; background-size: 100%;}

/* ES500-033 */
.layerPopWrap.pullWrapPop .layerPopCont.w1000.ES500-033 .contBox {padding-bottom: 76px;}
.ES500-033 .checkbox.small label {min-height: 24px; padding-left: 34px; line-height: 24px; font-size: 1.8rem; color: #333;}
.ES500-033 .checkbox label:before {top: 2px;}

/* ES500-051 */
.auditreportWrap {margin-top: 28px;}
.auditreportWrap.bordernone {margin-top: 55px; border-top: none;}
.curationWrap.auditreportWrap li.nolist {width: 100%; text-align: center; padding: 60px 0; border-bottom: none;}
.curationWrap.auditreportWrap li.nolist img {width: 82px; padding-bottom: 10px;}
.curationWrap.auditreportWrap li.nolist p {width: 100%; font-size: 2rem; color: #333; padding-top: 10px;}
.curationWrap.auditreportWrap li.nolist .btnWrap {padding-top: 60px;}
.curationWrap.auditreportWrap li .inner .leftBox .iconBox { margin: 15px 35px 0 15px;}
.curationWrap.auditreportWrap li.step .inner .leftBox .iconBox {background: url(../images/ES/w_ecoya_report_complete.png) no-repeat; background-size: 100%;}
.curationWrap.auditreportWrap li.step .inner .rightBox .btnBox {display: block;}
.curationWrap.auditreportWrap li.step .inner .rightBox .btnBox .btn4 {margin-top: 10%;}
.curationWrap.auditreportWrap li.step1 .inner .leftBox .infoBox .dpib .txt {background-color: #6284ab;}
.curationWrap.auditreportWrap li.step2 .inner .leftBox .infoBox .dpib .txt {background-color: #519883;}

.resultlist.list4.ES300-008 {padding:0 25px 100px 25px;}
.resultlist.list4.ES300-108 .list_title {margin: 80px 0 30px 0;}
.resultlist.list4.ES300-008.ES300-108 {padding:0 0px 100px 0px;}

/* 은행로고 로딩화면 */
.loading_logo {width:100%; height:100%; min-height: calc(var(--vh, 1vh) * 100); position: fixed; top: 0; left: 0; z-index: 250; background: rgba(0,0,0,0.7); overflow: hidden;}
.loading_logo .innerloadingWrap {position: absolute; top:50vh; left:50%; width: 140px; height: 179.5px; margin-left:-70px; margin-top:-89.75px;}
.loading_logo .innerloadingWrap .ibkLogoLoading {width: 140px; height: 140px;}
.loading_logo .innerloadingWrap .ibkLogoLoading .lottiefile {width: 100%;}
.loading_logo .ibkLogoImg {width: 126px; height: 27.5px; background: url('../images/common/logo_ibkbank_loading.png') no-repeat center; background-size: 100%; margin: 12px auto 0 auto;}
/* 약관 */
.agree-section {
  padding: 5px 0;
  color: #555;
}
.agree-section p {
  font-size: 1.7rem;
  line-height: 1.8;
  font-weight: 400;
}
.agree-section .agree-ttl {
  color: #222;
  font-weight: 500;
  padding-top: 2rem;
  text-align: left;
  font-size: 2.0rem;
  padding-bottom: 0.5rem;
}
.agree-section ol.circle-list {
  margin: 5px 0;
  list-style-type: none;
  counter-reset: item;
}
.agree-section ol.circle-list > li {
  position: relative;
  padding-left: 30px;
  line-height: 1.8;
}
.agree-section ol.circle-list > li::before {
  content: counter(item);
  counter-increment: item;
  position: absolute;
  left: 0;
  top: 16px;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 1px solid #999;
  text-align: center;
  line-height: 18px;
  font-size: 14px;
}
.agree-section ol.circle-list > li ol.decimal-list {
  list-style-type: decimal;
  margin: 5px 0;
}
.agree-section ol.circle-list > li ol.decimal-list > li {
  margin-left: 20px;
  color: #666;
  font-weight: 300;
  font-size: 1.6rem;
}
.agree-section ul.disc-list {
  list-style-type: disc;
  margin-left: 10px;
}
.agree-section ul.disc-list > li {
  font-weight: 300;
  line-height: 1.5;
  font-size: 1.6rem;
}
.agree-section ul.contact-list {
  list-style-type: none;
  margin-left: 50px;
  margin-top: 10px;
}
.agree-section ul.contact-list > li {
  position: relative;
  padding-left: 15px;
}
.agree-section ul.contact-list > li::before {
  content: '▶';
  position: absolute;
  left: 0;
  top: 3px;
  font-size: 12px;
}
.agree-section .agree-table {
  margin: 1rem 0;
  width: 100%;
}
.agree-section .agree-table th {
  text-align: center;
  background: #eee;
}
.agree-section .agree-table th,
.agree-section .agree-table td {
  border: 1px solid #ccc;
  font-size: 1.5rem;
  padding: 8px;
}
/* 미디어쿼리 */
@media screen and (max-width:1398px){
	.btnMainTop {margin-right: 0; right: 30px;}	
}
@media screen and (max-width: 1380px) {
	.floatingBtn {position: fixed; right: 23px; margin-right: 0;}
	.gotop {position: fixed; right: 25px; margin-right: 0px;}
}
@media screen and (max-width: 1200px) {
	.con {padding:0 25px;}
	.con1 {padding-left:25px; padding-right:25px;}
	.con2 {padding:0 25px;}
	.newsBoxWrap .yeartxt {padding: 0 25px 20px 25px;}
	.newsBoxWrap .newslist .flex_container {padding: 30px 25px;}
	.con_title {padding-left:25px; padding-right:25px;}
	.pt2m1 {padding-left:25px; padding-right:25px;}
	.questionWrap .topBox {padding: 50px 25px 25px 25px;}
	.questionBtnWrap {padding: 20px 25px 100px 25px;}
	/*추가작업 start*/
	.result_box { width: calc(100% - 50px); margin: 40px auto 0 auto;}
	.resultlist.list1 {padding:0 25px;}
	.resultlist.list2 {padding:0 25px;}
	.resultlist.list3 {padding:0 25px;}
	.resultlist.list4 {padding:0 25px;}
	.resultlist.list4.ES300-008 {padding:0 25px 60px 25px;}
	.resultlist.list4.ES300-008.ES300-108 {padding: 0 0px 60px 0px;}
	.resultlist.list4.ES300-108.ES300-108 .list_title {margin: 80px 0 30px 25px;}
	.resultlist.list5 {padding:0 25px;}
	/*추가작업 end*/
	
	.titWrap .selectbox.type2 {padding-right:25px; width: 150px;}
	
	/* 2022-09-06 */
	.pcmode_floatBanner .floatBanner1 {margin-right: auto; right: 224px;}
	.pcmode_floatBanner .floatBanner2 {margin-right: auto; right: 25px;}
	/* //2022-09-06 */
	
	.subTitle .innerTxt {width: 100%; padding-left: 25px; padding-right: 25px;}
	.img05_300_011 { padding-bottom: calc(20.7% + 40px); background-size: 100%;}
	
	#wrap .mainSec .innerBox {width: 100%;}
	#wrap .mainSec .innerBox .moreView {right: 25px;}
	
	.questionWrap.ES300-106 .topBox {padding: 0;}
	.questionWrap.ES300-106 .inbox {padding: 30px 25px 0px 25px;}
	.questionWrap.ES300-106 .topBox .inbox:first-child {padding: 50px 25px 25px 25px;}
	
	.ES300-108 .flexibleBox {margin: 0 25px 30px 25px;}
}
@media screen and (max-width: 1157px) {
	#wrap .mainSec .innerBox ul .linebox .txtBoxWrap {height: 450px;}
}
@media screen and (max-width: 1060px) {
	.listNumber li .attachTxt {display: block; padding-left: 0px;}
	.img04_300_011 {padding-bottom: calc(83.8% + 120px); background-size: 100%;}
}

@media screen and (max-width: 1024px) {
	.mainBanner .txtBox {top: 15%;}
	.mainBanner .txtBox .title {font-size: 4.3rem; line-height: 6rem; word-break: keep-all;}
	.mainConlist .mainConBox .tit {font-size: 3rem;}
	.mainConlist .mainConBox .txt {padding: 3% 0; font-size: 2.2rem;}
	.mainConlist .mainConBox .txt .word-break {display: block;}
	.mainConlist .mainConBox .goLink {font-size: 1.6rem;}
	.lineBox .dpib .leftBox {width: calc(100% - 125px); margin-right: 35px;}
	.mainConlist .mainConBox .goLink:before {height: 24px;}
	.businessWrap {padding: 0 0px;}
	.businessWrap.ES300-002 .businessList.addBtn {padding: 6.3% 0;}
	
	#wrap .mainSec .innerBox ul .linebox .txtBoxWrap {height: 480px;}
}

@media screen and (max-width: 999px) {
	#container.pt107 {padding-top: 0px;}
	.big_title {font-size: 2.8rem; line-height: 4rem; padding-top: 30px;}
	.big_title.ES300-008 {font-size: 2.7rem; line-height: 3.8rem;}
	.sub_title {font-size: 1.8rem; line-height: 2.6rem; padding: 20px 0 30px 0;}
	.pcConBg:before {background-color: #fff;}
	.newsLink {padding: 20px 0px 28px 10%; margin-bottom:-4px;}
	.newsLink .light_ico {width:60px;}
	.newsLink .box {float:left; padding-left:8%; padding-top:13px;}
	
	.newsLink .box .txt,
	.questionWrap .topBox .box1 .stepArrow,
	.questionWrap .topBox .box2 .box2_1,
	.questionWrap .topBox .box2 .box2_2 .temSaveBtn {font-size: 1.6rem;}
	.analysisWarp .box2 .mbtiEx .txt {font-size: 1.7rem;}
	.newsWrap .veiw_date,
	.supportUl li .tit, 
	.supportUl li .txt, 
	.subtitle,
	.lineBox .dpib .leftBox .txt,
	.analysis .txt,
	.businessTitBox .right .txt,
	.questionWrap .middleBox .questionTxt,
	.analysisWarp .box2 .mbtiEx .tit,
	.supportStep .supportStepList .stepBox .step2,
	.supportStep .supportStepList .step3,
	.iscreamBox .tit .txt,
	.iscreamBox .txt,
	.listNumber li .txt,
	.listNumber li .attachTxt,
	.listNumber li:before {font-size: 1.8rem;}
	.newsLink .box .moreBtn,
	.questionWrap .middleBox .questionTit,
	.con_title,
	.lineBox .tit,
	.supportUl li .txt .bigtxt {font-size: 2rem;}
	.businessWrap .businessList .txtBox .tit,
	.questionWrap .btnWrap .inner a.choose {font-size: 2.2rem;}
	.analysisWarp .box1 .title {font-size: 2.3rem;}
	.businessWrap .businessList .txtBox .txt {font-size: 2.4rem;}
	.newsWrap .veiw_title,
	.analysisLoading .title {font-size: 2.7rem;}
	.businessTitBox .right .tit {font-size: 3rem;}
	.businessTitBox .right .subTit {font-size: 2.5rem;}
	.analysis .tit,
	.analysisWarp .box2 .mbtiEx .tit .point {font-size: 3.2rem;}
	.questionWrap .middleBox .listNumber {font-size: 3.4rem;}
	.analysisLoading .big_title {font-size: 3.6rem;}
	.analysisWarp .box1 .esgmbtiTit .tit {font-size: 6.7rem;}
	
	.newsWrap .veiw_titleBox {padding-top: 40px;}
	.newsWrap .newsImg {padding-top: 40px;}
	.newsWrap .view_inner {margin-top: 40px; margin-bottom: 40px;}
	.newsWrap .view_btnWrap {padding-top: 40px; padding-bottom: 65px;}
	.tableWrap .tableList thead th {height:40px; font-size:1.8rem;}
	.tableWrap .tableList tbody td {padding: 10px 0; font-size: 1.8rem;}
	
	.temimgWrap1 .temimg1 {background: url(../images/ES/main01-sub02_bg02.png) no-repeat center; background-size: cover;}
	.temimgWrap.ES200-001 .temimg {background: url(../images/ES/main01-sub01_bg02.png) no-repeat center; background-size: cover;}
	.temimgWrap1.ES200-011 .temimg1 {background: url(../images/ES/main01-sub02_bg02.png) no-repeat center; background-size: cover;}
	.temimgWrap.ES300-001 .temimg {background: url(../images/ES/main02-sub01_bg02.png) no-repeat center; background-size: cover;}
	.temimgWrap1.ES300-011 .temimg1 {background: url(../images/ES/main02-sub02_bg02.png) no-repeat center; background-size: cover;}
	.temimgWrap.ES400-001 .temimg {background: url(../images/ES/main03-sub_bg02.png) no-repeat center; background-size: cover;}
	.temimgWrap.ES500-001 .temimg {background: url(../images/ES/main04-sub01_bg02.png) no-repeat center; background-size: cover;}
	
	.lineBox .dpib .rightBox {width: 80px;}
	.lineBox .dpib .leftBox {width: calc(100% - 120px); margin-right: 30px;}
	.lineBox .btnWrap .inner {width: 100%;}
	.lineBox .btnWrap .inner .btn {width: 100%; max-width: 310px;}
	.fullbtn {padding: 10px 25px 40px 25px; background-color:#fff;}
	.allchkboxlist,
	.auditreportWrap {margin-top: 0px;}
	.layerPopWrap .layerPopCont.w1000 { width:95%;}
	.btnWrap.type, .btnWrap.type1 {padding-bottom: 110px;}
	.businessTitBox .right .tit.tit1 {font-size: 2.7rem; padding-bottom: 10px;}
	.businessTitBox .ico {top: 0px;}
	.formboxWrap.ES300-004 {padding-bottom: 40px;}
	.resultWrap .box1 .box1-1 {width: 45%; }
	.resultWrap .box1 .box1-2 {width: 45%; }
	.analysisWarp {padding-top:55px;}
	.analysisWarp .box1 {width: 50%; max-width:400px;}
	/*추가작업 start*/
	.subMenuWrap .topsub .inner .name_wrap {font-size:1.4rem; /*font-weight:bold;*/ color:#666666; display:inline-block;}
	.subMenuWrap .topsub .inner .name_wrap .name {color:#00A472;}
	.resultlist.list5 {margin:50px 0 30px 0; padding-bottom:30px;}
	/*추가작업 end*/
	
	.resultlist.list4.ES300-008 {padding:0 25px 30px 25px;}
	.resultlist.list4.ES300-008.ES300-108 {padding: 0 0px 30px 0px;}
	.floatingBtn {bottom: 8%;}
	.floatingBtn.floatingBtn2 {bottom: calc(5% + 195px);}
	.gotop {bottom: calc(5% + 200px);}
	
	.ibkname {padding-top: 30px;}
	
	.supportUl.detailWrap li .tit {width: 85px;}
	.supportUl.detailWrap li .txt {width: calc(100% - 90px);}
	.supportUl.detailWrap li.txt6 .tit {width: 115px;}
	.supportUl.detailWrap li.txt6 .txt {width: calc(100% - 120px);}
	.supportUl.detailWrap li.txt8 .tit {width: 140px;}
	.supportUl.detailWrap li.txt8 .txt {width: calc(100% - 145px);}
	
	.supportUl.detailWrap li.txt5 .tit {width: 100px;}
	.supportUl.detailWrap li.txt5 .txt {width: calc(100% - 105px);}
	.supportUl.detailWrap li.txt11 .tit {width: 175px;}
	.supportUl.detailWrap li.txt11 .txt {width: calc(100% - 180px);}
	.supportUl.detailWrap li.txt13 .tit {width: 200px;}
	.supportUl.detailWrap li.txt13 .txt {width: calc(100% - 205px);}
	
	
	.detailWrap .depth li.debth2 {font-size: 1.6rem; line-height: 2.4rem;}
	.detailWrap .depth li.debth3 {font-size: 1.4rem; line-height: 2rem;}
	.businessWrap.ES300-002 .businessList.addBtn {padding: 6.2% 0;}
	
	.curationWrap {padding-bottom:30px;}
	.ES500-022 .formboxWrap .checkbox {padding-bottom: 30px;}
	.ES500-022 .formboxWrap .checkbox label {font-size: 1.8rem;}
	/* 2022-09-06 추가*/
	.pcmode_floatBanner {display:none;}
	.momode_floatBanner {display:block;}
	/* //2022-09-06 추가*/
	
	.businessWrap.ES500-020 {margin-top: 10px;}
	.supportUl li .txt .bigtxt {line-height: 2.5rem; }
	
	.detailWrap .depth li.debth1 ul.otherCases {padding-left: 0px;}
	.dashBox {font-size: 1.6rem;}
	.dashBox .smalltxt {font-size: 1.4rem;}
	
	.detailWrap .depth li.debth1 ul.otherCases li {font-size: 1.8rem; line-height: 2.6rem;}
	
	.subTitle.ES200-011:before {background: url(../images/ES/visual_img200_001_t.png) no-repeat center center; background-size: 999px;}
	.subTitle.ES300-001:before {background: url(../images/ES/visual_img300-001_t.png) no-repeat center center; background-size: 999px;}
	.subTitle.ES300-011:before {background: url(../images/ES/visual_img300-011_t.png) no-repeat center center; background-size: 999px;}
	.subTitle.ES300-013:before {background: url(../images/ES/visual_img300-013_t.png) no-repeat center center; background-size: 999px;}
	.subTitle.ES300-101:before {background: url(../images/ES/visual_img300_101_t.png) no-repeat center center; background-size: 999px;}
	.subTitle.ES300-103:before {background: url(../images/ES/visual_img300_103_t.png) no-repeat center center; background-size: 999px;}
	.subTitle.ES400-001:before {background: url(../images/ES/visual_img400-001_t.png) no-repeat center center; background-size: 999px;}
	.subTitle.ES500-001:before {background: url(../images/ES/visual_img500-001_t.png) no-repeat center center; background-size: 999px;}
	.subTitle .innerTxt {padding-left: 25px; min-height: 180px;}
	.subTitle .innerTxt .big_title {font-size: 2.8rem; line-height: 4rem;}
	.subTitle .innerTxt .sub_title {font-size: 1.8rem; line-height: 2.6rem; padding: 1rem 0 0 0;}
	.conTitle {font-size: 2.2rem; line-height: 3.2rem;}
	.subConTitle {padding-top: 2rem; font-size: 2rem; line-height: 3.2rem;}
	
	.img01_200_001 {padding-bottom: 598px; background: url(../images/ES/img01_200_001_t.png) no-repeat top center; background-size: 646px; margin: 60px auto 0px auto;}
	.img02_200_001 {padding-bottom: 394px; background: url(../images/ES/img02_200_001_t.png) no-repeat top center; background-size: 652px; margin: 60px auto 10px auto;}
	
	.businessWrap.ES300-002.ES300-014 {margin-left: 0px;}
	.ecoyaBox.type1 {padding-left: 10px; padding-bottom: 60px; margin-bottom: 0px;}
	.ecoyaBox.type1 li .iconBox {width: 128px;}
	.ecoyaBox.type1 li .textBox {width: calc(100% - 148px); padding-left: 20px;}
	.ecoyaBox.type1 li .textBox .tit {font-size: 2rem; line-height: 3rem;}
	.ecoyaBox.type1 li .textBox .txt {font-size: 1.8rem; line-height: 2.6rem; padding-top: 15px;}
	.ecoyaBox.type1 li {margin-top: 40px;}
	.ecoyaBox.type2 {padding-top: 40px;}
	.ecoyaBox.type2 li {width: calc(50% - 19px);}
	.ecoyaBox.type2 li:nth-child(2n) {margin-left: 38px;}
	.ecoyaBox.type2 li .textBox {margin-top: 20px;}
	.ecoyaBox.type2 li .textBox .bigTitNum {font-size: 4.6rem; line-height: 6rem; width: 26px;}
	.ecoyaBox.type2 li .textBox .ecoBox {width: calc(100% - 46px); margin-left: 20px;}
	.ecoyaBox.type2 li .textBox .tit {font-size: 2rem; line-height: 6rem;}
	.ecoyaBox.type2 li .textBox ul li {font-size: 1.8rem; padding-left: 16px;}
	.ecoyaBox.type2 li .textBox ul li:after {top: 10px; width: 6px; height: 6px;}
	.ecoyaBox.type2 li:nth-child(3), .ecoyaBox.type2 li:nth-child(4) {margin-top: 50px;}
	
	.newsboxWrap .newsList .newsbox a {padding: 25px 25px; box-sizing: border-box;}
	.newsboxWrap .newsList .newsbox .title {width: calc(100% - 130px);}
	.newsboxWrap .newsList .newsbox .date {width: 130px; font-size: 1.8rem; line-height: 3.4rem; }
	
	.newsboxWrap {margin-top: 0px;}
	.formboxWrap.ES300-014 .inWrap .tit .unit {display: block; padding-left: 0px;}
	.formboxWrap.ES300-014 .inWrap .tit {max-width: 210px; }
	.formboxWrap.ES300-014 .inWrap .inpbox {width: calc(100% - 210px);}
	.formboxWrap.ES300-014 .inWrap .tit.pcSmoN {display: none;}
	
	.img01_300_011 {margin: 60px auto 0px auto; padding-bottom: 1266px; background: url(../images/ES/img01_300-011_t_1.png) no-repeat top center; background-size: 646px;}
	.img02_300_011 {margin: 60px auto 0px auto; padding-bottom: 405px; background: url(../images/ES/img02_300-011_t.png) no-repeat top center; background-size: 600px;}
	.img03_300_011 {margin: 60px auto 0px auto; padding-bottom: 527px; background: url(../images/ES/img03_300-011_t.png) no-repeat top center; background-size: 600px;}
	.img04_300_011 {margin: 60px auto 0px auto; padding-bottom: 730px; background: url(../images/ES/img04_300-011_t.png) no-repeat top center; background-size: 607px;}
	.img05_300_011 {margin: 60px auto 0px auto; padding-bottom: 540px; background: url(../images/ES/img05_300-011_t_new.png) no-repeat top center; background-size: 650px;}
	.img01_300_101 {margin: 60px auto 0px auto; padding-bottom: 1135px; background: url(../images/ES/img01_300_101_pc.png) no-repeat top center; background-size: 671px;}
	.img02_300_101 {margin: 60px auto 40px auto; padding-bottom: 190px; background: url(../images/ES/img02_300_101_pc.png) no-repeat top center; background-size: 718px;}
	.bottomExText {padding-bottom: 60px;}

	#wrap {position: relative; top: 0px;}	
	#wrap .mainSec .innerBox {width: 100%; padding: 80px 0;}
	#wrap .mainImgSwiper .swiper-container-horizontal>.swiper-pagination-bullets, #wrap .mainImgSwiper .swiper-pagination-custom, #wrap .mainImgSwiper .swiper-pagination-fraction {bottom: 30px; right: 0; width: 100%;}
	#wrap .mainImgSwiper .swiper-pagination-bullet {width: 8px; height: 8px; border-radius: 8px; background: #fff; opacity: .2;}
	#wrap .mainImgSwiper .swiper-pagination-bullet-active {width: 25px; height: 8px; opacity: 1; background: #fff;}
	#wrap .mainImg h1 {font-size: 5rem; width: 100%;}
	
	#wrap .mainSec .innerBox .titBox {font-size: 2.9rem; line-height: 3.6rem; word-break: keep-all; padding: 0 6%;}
	#wrap .mainSec2 .innerBox .titBox {padding: 0 25px;}
	#wrap .mainSec .innerBox ul .linebox .tit {font-size: 2.9rem; line-height: 2.9rem; transform: translateY(0px); transition: 0s;}
	#wrap .mainSec .innerBox ul .linebox .txt {padding-top: 20px; font-size: 2.1rem; line-height: 3.2rem; transform: translateY(0px); transition: 0s; opacity: 1;}
	#wrap .mainSec .innerBox ul .linebox .alink {transform: translateY(0); transition: 0s; opacity: 1; margin: 0; position: absolute; bottom: 30px;}
	#wrap .mainSec1 .innerBox ul {display: table; margin-top: 60px;}
	#wrap .mainSec .innerBox ul .linebox {width: calc(50% - 10px);  margin-left: 30px;}
	#wrap .mainSec .innerBox ul .linebox .txtBoxWrap {height: auto; position: unset; padding-bottom: 100px;}
	#wrap .mainSec .innerBox ul .box.box1 {width: 100%; margin-top: 30px; margin-left: 0px;}
	#wrap .mainSec .innerBox ul .linebox.box1 {max-width: 100%;}
	#wrap .mainSec .innerBox ul li ul .linebox {width: calc(50% - 15px);}
	#wrap .mainSec .innerBox ul .linebox:hover {transition: 0s;}
	#wrap .mainSec .innerBox ul .linebox:hover .tit {transform: translateY(0);}
	#wrap .mainSec .innerBox ul .linebox:hover .txtBox .txt {opacity: 1; transform: translateY(0); transition: 0s;}
	#wrap .mainSec .innerBox ul .linebox:hover .txtBox .alink {opacity: 1; transform: translateY(0); transition: 0s;}
	#wrap .mainSec .innerBox ul .linebox:before {content:""; display:block; background-color: rgba(83,102,109, 0.7); transition: 0s;}
	
	#wrap .mainSec2 .innerBox .newsDiv {margin-top: 0px; margin-bottom: 80px;}
	#wrap .mainSec2 .innerBox .newsDiv:nth-child(2) {margin-top: 0px; margin-bottom: 0px;}
	
	.renewal_floatBanner .floatBanner1.on {display: none;}
	.renewal_floatBanner .floatBanner2.on {bottom: 70px;}
	.renewal_floatBanner .floatBanner3.on {bottom: 215px;}
	
	.ES300-103 .btnWrap.type {padding-top: 60px;}
}

@media screen and (max-width: 840px) {
	.conListWrap .con_title, .processListWrap .con_title {padding-top: 30px;}
	.conListWrap ul {padding: 30px 0;}
	.conListWrap ul li .tit {font-size: 2.2rem;}
	.processListWrap ul li .tit {font-size: 2.2rem; padding-top: 10px;}
	.processListWrap ul li .txt {font-size: 1.6rem;}
	.infoBox li {font-size: 1.6rem;}
	.conListWrap ul li .txt {font-size: 1.6rem; padding-top: 10px; line-height: 2.4rem;}
	.conListWrap ul li { width:50%; padding: 0 25px; margin-top: 30px;}
	.conListWrap ul li:nth-child(1),
	.conListWrap ul li:nth-child(2) {margin-top: 0px;}
	.processListWrap ul {padding: 30px 0 50px 0;}
	.processListWrap ul li {width: 33.3%; margin-top: 30px;}
	.processListWrap ul li:nth-child(1),
	.processListWrap ul li:nth-child(2),
	.processListWrap ul li:nth-child(3) {margin-top: 0px;}
	.processListWrap ul li:nth-child(3n+1):after {display: none;}
	.infoBox.ES300-011 {padding-bottom: 80px;}
	.businessWrap.ES300-002 .businessList.addBtn {padding: 6.5% 0;}
}

@media screen and (max-width: 800px) {
	.curationWrap {padding-bottom: 0px;}
	.curationWrap li .inner .leftBox {width: 100%; float: none; display: inline-block;}
	.curationWrap li .date,
	.curationWrap li .inner .leftBox .infoBox .dpib .txt,
	.curationWrap li .inner .leftBox .infoBox .dpib .number {font-size: 1.4rem;}
	.curationWrap li .inner .leftBox .infoBox .site,
	.curationWrap li .inner .leftBox .infoBox .state {font-size: 1.8rem;}
	.curationWrap li .inner .leftBox .infoBox .state .state_date {font-size: 1.6rem; display:block; padding-left: 0px;}
	.curationWrap li .inner .leftBox .iconBox,
	.curationWrap.auditreportWrap li .inner .leftBox .iconBox {width: 70px; height: 70px; margin: 15px 25px 0 0px;}
	.curationWrap li .inner .rightBox {width: 100%; float: none; padding-top: 0px;}
	.curationWrap li .inner .rightBox .btnBox {padding-top: 20px;}
	.curationWrap li.step1-1 .inner .rightBox .btnBox, .curationWrap li.step1-2 .inner .rightBox .btnBox, .curationWrap li.step1-4 .inner .rightBox .btnBox, 
	.curationWrap li.step2-1 .inner .rightBox .btnBox, .curationWrap li.step2-2 .inner .rightBox .btnBox, .curationWrap li.step2-7 .inner .rightBox .btnBox {display: flex;}
	.curationWrap li .inner .rightBox .btnBox .btn1 {margin-top: 0px; margin-left:10px;}
	.curationWrap li .inner .rightBox .btnBox .btn1:first-child {margin-left: 0px;}
	.curationWrap li .inner .rightBox .btnBox .btn4,
	.curationWrap.auditreportWrap li.step .inner .rightBox .btnBox .btn4 {margin-top: 0;}
	.curationWrap li .inner .leftBox .infoBox {width: calc(100% - 125px);}
	.curationWrap.auditreportWrap li.nolist {padding: 60px 25px;}
	.curationWrap.auditreportWrap li .inner .leftBox .infoBox .dpib .txt {font-size: 1.5rem;}
	.curationWrap.auditreportWrap li.nolist .btnWrap {padding-top: 35px;}
	
	.formboxWrap.ES300-014 .inWrap .tit {max-width: 195px;}
	.formboxWrap.ES300-014 .inWrap .inpbox {width: calc(100% - 195px);}
	.formboxWrap.ES300-014 .inpbox input {padding: 0 10px;}
}

@media screen and (max-width:768px) {
	.mainConlist .mainConBox {padding-top: 11%;}
    .mainConlist .mainConBox .txt .word-break.type1 {display: initial;}
    .supportStep {display: inherit;}
    .supportStep .supportStepList {width: 100%; float: inherit; display: table; border-top: 1px solid #dbdbdb; border-left: none; padding: 25px;}
	.supportStep .supportStepList:first-child {border:none;}
	.supportStep .supportStepList .stepBox {width: 175px; float: left;}
	.supportStep .supportStepList .stepBox .step1{display: inline-block; margin-right: 0; top: 1px;}
	.supportStep .supportStepList .stepBox .step2{display: inline-block; padding: 0 0 0 10px; font-size: 1.8rem;}
	.supportStep .supportStepList .step3{font-size: 1.8rem; width:calc(100% - 175px); float: left;}	
	.temimgWrap.ES500-001 .temimg.positionRight img, .temimgWrap.ES500-001 .temimg.positionRight svg {right: 115px;}	
	.temimgWrap.ES500-001 .temimg.positionRight img.bg {right: 30px;}
	.pt2m1 {padding-left: 0px; padding-right: 0px; display: block; padding-top: 10px;}
	.lineBox {margin: 0; width: 100%; border-top: none; border-left: none; border-right: none; padding: 30px 25px 30px 25px;}
	.lineBox .dpib .leftBox {width: calc(100% - 85px); margin-right: 15px; padding-top:20px;}
	.lineBox .dpib .leftBox .txt {font-size: 1.6rem; padding-top:0;}
	.lineBox .dpib .rightBox {width: 70px; padding-top:20px;}
	.lineBox .btnWrap,
	.lineBox .btnWrap.pt70 {padding-top: 25px !important;}
	.lineBox .btnWrap .inner .btn {max-width: 100%;}
	.bbLine {border-bottom: 5px solid #ebebeb;}
	.curationWrap li.nolist {padding: 40px 0;}
	
	.curationWrap li .date,
	.curationWrap li .inner .leftBox .infoBox .dpib .txt,
	.curationWrap li .inner .leftBox .infoBox .dpib .number {font-size: 1.5rem;}
	.curationWrap li .inner .leftBox .infoBox .state .state_date {font-size: 1.7rem;}
	.btnWrap .btn,
	.curationWrap li.nolist p {font-size: 1.8rem;}
	.curationWrap li .inner .leftBox .infoBox .site,
	.curationWrap li .inner .leftBox .infoBox .state {font-size: 1.9rem;}
	
	.formboxWrap .formbox { width: 100%; padding-right: 0%; float: inherit;}
	.fullbtn {width: 100%; position: fixed; display: flex; display: -ms-flex; bottom: 0; z-index: 100; padding: 10px 25px 30px 25px; background-color:#fff;}
	.fullbtn .btn {max-width: 100%;}
	.depth2 .content {/*padding-bottom:126px; */padding-bottom: 100px;}
	.depth2 .content.ES300-008 {padding-bottom: 30px;}
	.depth2 .content.ES300-008.ES300-108 {padding-bottom: 100px;}
	.formboxWrap {padding-top: 5px;}
	.formboxWrap .inpbox textarea {height: 100px; padding: 10px 17px; line-height: 26px;}
	.formboxWrap.ES500-029 {padding-top: 30px;}
	.allchkboxlist {margin-bottom: 25px;}
	.con.con0 {padding:0;}
	.tableWrap {margin-top: 25px;}
	.tableWrap .tableList li {width:100%;}
	.formWrap {width: 100%; padding-right: 0; float: inherit;}
	.questionWrap .topBox .box2 .box2_1 {padding-right: 25px;}
	.resultWrap .box1 .box1-1 {width: 50%; }
	.analysisWarp {justify-content: space-between;}

	/*추가작업 start*/
	.resultlist.list1 .list_title { font-size:2.6rem;}
	.resultlist.list1 .table_wrap .table tr td.text {width:47%; padding:5px 20px;}
	.resultlist.list1 .table_wrap .table tr td.name {width:13%;}
	.resultlist.list1 .table_wrap .table tr td.whether {width:20%;}
	.resultlist.list1 .table_wrap .table tr td.market {width:20%;}
	.resultlist.list1 .table_wrap .table tr td.sector {width:40%;}
	.resultlist.list1 .table_wrap .table tr td.year {width:29%;}
	.resultlist .table tr td.bg_gray {font-size:1.6rem;}
	.text_box_wrap {margin-top: 20px;}
	.resultlist.list2 .list_title { font-size:2.4rem;}
	.resultlist.list2 .grade_text.pc_view {display:none;}
	.resultlist.list2 .grade_text.mo_view { display:block; margin-top:0px; text-align: left; margin:30px 0 20px 0}
	.resultlist.list2 .content_wrap {margin-top:40px; flex-direction: column; grid-gap: 0px;}
	.resultlist.list2 .content_wrap .grade_wrap { width:100%;}
	.resultlist.list2 .content_wrap .grade_table {width:100%;}
	.resultlist.list2 .content_wrap .grade_wrap .table.pc_view { display:none;}
	.resultlist.list2 .content_wrap .grade_wrap .table.ta_mo_view { display:inline-table;}
	.resultlist.list2 .content_wrap .grade_wrap .table tr td.bg_sky {border-right:1px solid #fff;}
	.resultlist.list2 .content_wrap .grade_wrap .table tr td.big_text { border-right:1px solid #fff;}
	.resultlist.list3 .list_title {font-size:2.4rem;}
	.resultlist.list3 .result_table_wrap {flex-direction: column;}
	.resultlist.list3 .result_table_wrap .table_left,
	.resultlist.list3 .result_table_wrap .table_right {width:100%;}
	.resultlist.list3 .result_table_wrap .table_left .table tr td.title {font-size:1.8rem;}

	.resultlist.list3 .area_grade_table .table tr td {font-size:2rem;}
	.resultlist.list3 .area_grade_table .table tr td.responsive_text {font-size:2.2rem;}
	.resultlist.list3 .area_grade_table .table tr td.standard {width:35%;}

	.resultlist.list3 .dropdown_box_wrap .dropdown_hide.green {background:#F2FBF3 0% 0% no-repeat padding-box}
	.resultlist.list3 .dropdown_box_wrap .dropdown_hide.blue {background: #F0EFFC 0% 0% no-repeat padding-box}
	.resultlist.list3 .dropdown_box_wrap .dropdown_hide.pink {background: #FEEEF4 0% 0% no-repeat padding-box}
	.resultlist.list3 .dropdown_box_wrap .dropdown_hide.sky {background:#EAF3FD 0% 0% no-repeat padding-box}

	.resultlist.list3 .opinion_table_wrap .table tr td.title {width:34%;}
	.resultlist.list3 .opinion_table_wrap .table tr td.contents {width:33%;}

	.br_none {display:block;}
	.br_none_2 {display:block;}
	.br_none_3 {display:block;}
	.br_none_4 {display:block;}
	.br_none_5 {display:block;}
	.analysis_wrap {margin: 60px 69px 70px 69px;}
	.analysis_wrap .text_wrap .text {font-size:1.8rem;}
	.button_wrap {margin-left:69px; margin-right:69px;}

	.resultlist.list2 .list2_wrap .chart_wrap {position:static; display: block;}
	.resultlist.list2 .list2_wrap .chart_wrap #radarChart {width:100%; max-width: 500px; margin: 0 auto;}
	.resultlist.list2 .list2_wrap .chart_wrap #radarChart.radarChart_ES300-108 {width:100%; max-width: 600px; margin: 0 auto;}
	.resultlist.list2 .list2_wrap .chart_wrap #lineChart {width: 100%; margin: 30px auto 0 auto;}
	.resultlist.list2 .list2_wrap .chart_wrap #lineChart.lineChart_ES300-108 {max-width: 600px;}
	/*추가작업 end*/
	
	.businessWrap.ES300-002 .businessList.addBtn {padding: 6.8% 0;}
	
	.formboxWrap .inpbox.half {width: 100%; padding-right: 0%;}
	.formboxWrap .inpbox.half:nth-child(2n-1) {margin-top: 10px;}
	
	.resultlist.list2 .list2_wrap .chart_wrap .chartTextBox .text {font-size: 1.8rem; line-height: 2.8rem;}
	.resultlist.list2 .list2_wrap .chart_wrap .chartBox {width: 100%; max-width: 500px; float: unset; margin: 0 auto;}
	.resultlist.list2 .list2_wrap .chart_wrap .chartTextBox {width: 100%; margin-left: 0; float: unset; margin-top: 50px;}
	.resultlist.list2.ES300-015 .list2_wrap .chart_wrap {padding-bottom: 60px;}
	.resultlist.list2.ES300-015 .list2_wrap .result_tit {margin: 60px 0 30px 0;}
	.ES300-108 .resultlist.list2 .content_wrap .grade_table .table tr td.text { font-size:2rem;}
	
	.formboxWrap.ES300-014 .inWrap {display: table;}
	.formboxWrap.ES300-014 .inWrap + .inWrap { margin-top: 30px;}
	.formboxWrap.ES300-014 .inWrap .tit {max-width: 100%; padding-bottom: 20px; font-size: 1.8rem;}
	.formboxWrap.ES300-014 .inWrap:first-child .tit {padding-top: 0px;}
	.formboxWrap.ES300-014 .inWrap .tit .unit { display: inline-block; float: right;}
	.formboxWrap.ES300-014 .inWrap .inpbox {width: 100%;}
	.formboxWrap.ES300-014 .inWrap .year_text {display: block;}
	
	.newsLetter.ES200-011 {margin: 60px 0 0px 0;}
	.newsLetter {border: none; padding: 50px 25px 40px 25px; border-radius: 0px;}
	.newsLetter .title {font-size: 2.4rem; line-height: 3.5rem;}
	.newsLetter .formbox {padding-top: 30px;}
	
	.img01_300_011 {padding-bottom: calc(176.7% + 60px); background: url(../images/ES/img01_300-011_t_1.png) no-repeat top center; background-size: 100%;}
	.img02_300_011 {padding-bottom: calc(50.9% + 60px); background: url(../images/ES/img02_300-011_t.png) no-repeat top center; background-size: 100%;}
	.img03_300_011 {padding-bottom: calc(71.2% + 60px); background: url(../images/ES/img03_300-011_t.png) no-repeat top center; background-size: 100%;}
	.img04_300_011 {padding-bottom: calc(103.8% + 60px); background: url(../images/ES/img04_300-011_t.png) no-repeat top center; background-size: 100%;}
	.img05_300_011 {padding-bottom: calc(76.8% + 60px); background: url(../images/ES/img05_300-011_t_new.png) no-repeat top center; background-size: 100%;}
	.img01_300_101 {padding-bottom: calc(169.15% + 60px); background: url(../images/ES/img01_300_101_t.png) no-repeat top center; background-size: 100%;}
	.img02_300_101 {padding-bottom: 26.46%; background: url(../images/ES/img02_300_101_t.png) no-repeat top center; background-size: 100%;}

	/* 수정된 이미지 작업 */ 
	.img-wrap {
		margin: 40px 0 0;
	}
	.img-wrap img {
		padding-bottom: 60px;
	}
	.mo-only {display: none;}
	.t-only {display: block;}
	.pc-only {display: none;}


	#wrap .innerBoxBG1 {background:url('../images/ES/img_visual1_t.png') no-repeat center center; background-size:cover;}
	#wrap .innerBoxBG2 {background:url('../images/ES/img_visual2_t.png') no-repeat center center; background-size:cover;}
	#wrap .innerBoxBG3 {background:url('../images/ES/img_visual3_t.png') no-repeat center center; background-size:cover;}
	#wrap .innerBoxBG4 {background:url('../images/ES/img_visual4_t.png') no-repeat center center; background-size:cover;}
	.scrollDownCenter {bottom: 20px;}
	
	.downloadFile {margin-top: 40px; padding: 25px 40px; background: url(../images/ES/icon_filedown.png) #f5f6f8 no-repeat right 40px center; background-size: 25px 25px;}
	
	.gradeWrap {width: 100%; display: table; padding-left: 0;}
	.gradeWrap .leftBox {width: 100%; max-width: 399.5px; margin: 0 auto;}
	.gradeWrap .rightBox {width: 100%;}
	.gradeWrap .rightBox .text_box_wrap {margin-top: 30px;}
	
	.resultlist.list2 .content_wrap .grade_wrap .table tr td.big_text.big_text1 {font-size: 4.4rem;}
}

@media screen and (max-width:767px) {
	.content.flexible {padding: 25px;}
	.formbox.type2 .inpbox { width: calc(50% - 5px);}
	.tapBoxWrap .tapBox > button {padding-left: 0px; font-size: 2rem; text-align: center;}
	.tapBoxWrap .tapBox .tapCont {padding: 95px 25px 25px;}
	.tableWrap-container {width:100%; overflow-x:auto; white-space:nowrap;}
	.tableWrap-container .tableWrap {width:718px;}
	.w768 {width:100%; overflow-x:auto;}
	.w768::-webkit-scrollbar {display:none; width:0; height:0; background: transparent; -webkit-apperance:none;}
	.w768 ul {width:718px; -ms-overflow-style:none; scrollbar-width:none;}
	.mainBanner .txtBox {top: 13%;}
	.mainBanner .txtBox .title {font-size: 3rem; line-height: 4.4rem;}
	.p3t2m1 li {width: 48%; margin-top: 4%;}
	.p3t2m1 li:nth-child(1), .p3t2m1 li:nth-child(2) {margin-top: 0;}
	.p3t2m1 li:nth-child(3n) {margin-right: 4%;}
	.p3t2m1 li:nth-child(2n) {margin-right: 0;}
	.newsLink {padding: 20px 5% 28px 5%;}
	.newsLink .box {padding-left: 4%;}
	.newsBoxWrap .newslist .date {padding-right: 80px;}
	.resultWrap .box .totalScore .tit,
	.resultWrap .box .totalScore .txt {font-size: 1.8rem;}
	.resultWrap .box .totalScore .score {font-size: 2.6rem;}
	
	.resultlist .table_wrap.dataTable .table tr { display: flex; flex-wrap: wrap;}
	.resultlist .table_wrap.dataTable .table tr td.nameBox.full {width: 100%; display: flex; justify-content: center; border-right: none; align-items: center; border-left: none;}
	.resultlist .table_wrap.dataTable .table tr td.nameBox {width: 100%; padding: 20px 0; font-size: 1.8rem; border-right: 1px solid #dbdbdb; border-left: none;}
	.resultlist .table_wrap.dataTable .table tr td.nameBox .sm_text {padding-left:5px;}
	.resultlist .table_wrap.dataTable .table {width: 100%;}
	.resultlist .table_wrap.dataTable .table.table1 {border-bottom: 2px solid #707070;}
	.resultlist .table_wrap.dataTable .table.table2 {border-bottom: 2px solid #707070;}
	.resultlist .table_wrap.dataTable .table tr td.conBox {width: 50%; border-right: none; border-top: 1px solid #dbdbdb;}
	.resultlist .table_wrap.dataTable .table tr td.conBox:nth-child(2),
	.resultlist .table_wrap.dataTable .table tr td.conBox:nth-child(4) {border-left: none;}
	.resultlist .table_wrap.dataTable .table.conBoxNone tr td.conBox:after {display: block;}
	.resultlist .table_wrap.dataTable .table tr td.conBox2 {padding: 61px 0 25px 0; border-left: 1px solid #dbdbdb;}
	.resultlist .table_wrap.dataTable .table tr td.conBox:nth-child(1):after {display: none; content: '구분'; color: #eee;}
	.resultlist .table_wrap.dataTable .table.table1 tr td.nameBox {padding: 20px 0; border-bottom: 1px solid #dbdbdb;}
	.resultlist .table_wrap.dataTable .table tr td.conBox:after {font-size: 1.6rem;}
	
	.resultlist .renewTablepc {display: none;}
	.resultlist .renewTablemo {display: block; width: 100%; margin-top: 30px;}
	.resultlist .renewTablemo .table {border-top: 2px solid #707070;}
	.resultlist .renewTablemo .table tr th.nameBox {width: 100%; padding: 20px 0; font-size: 1.8rem; font-weight: normal; border-right: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb; border-left: none; color: #666;}
	.resultlist .renewTablemo .table tr th.nameBox .sm_text {font-size: 1.4rem; color: #999; padding-top: 5px; padding-left:5px; display: inline-block;}
	.resultlist .renewTablemo .table tr {border-bottom: 1px solid #dbdbdb;}
	.resultlist .renewTablemo .table tr td {text-align: center; border-left: 1px solid #dbdbdb; padding: 25px 0; font-size: 2rem; color: #333; font-weight: bold;}
	.resultlist .renewTablemo .table tr td:nth-child(1) {border-left: none;}
	.resultlist .renewTablemo .table tr td.yearBox {padding: 20px 0; font-size: 1.6rem; color: #666; padding: 5px 0px; background-color: #eee; font-weight:normal;}

}

@media screen and (max-width:720px) {
	.ecoyaBox.type1 .wordBrake {display: initial;}
}

@media screen and (max-width:700px) {
	.mainConlist .mainConBox .txt {padding: 2% 10px 5% 0;}
	.mainConlist .mainConBox .txt .word-break.type2 {display: initial;}
	.newsLink {text-align: center; padding: 0 25px 40px 25px; margin-bottom:0px; display: inline-block; height: auto;}
	.newsLink .light_ico {float: unset; text-align: center;}
	.newsLink .box {float: unset; padding-left: 0;}
	.newsLink .box .txt {text-align: center;}
	.btnWrap.type1 .inner {display:flex;}
	.btnWrap.type1 .inner .inner .btn {max-width: 100%;}
	.analysisWarp .box2 { width: 48%;}
	.floatBanner {bottom: 0px; right:32px; width:130px; height:128px;}
	.floatBanner a {width:calc(100% - 10px);}
	.floatBanner .floatbtnClose {width:24px; height:24px;}
	.floatBanner1 {right: 165px;}
	.floatBanner2 {right: 32px;}
	.businessWrap.ES300-002 .businessList.addBtn {padding: 6.9% 0;}
	.curationWrap li .inner .leftBox .infoBox .dpib .number {display: block; padding-left: 0; padding-top: 5px; line-height: 2rem; word-break: break-all;}
	
	.img01_200_001 {padding-bottom: calc(82.5% + 60px); background-size: 100%; width: 100%;}
	.img02_200_001 {padding-bottom: calc(60.61% + 10px); background-size: 100%; width: 100%;}
	
	.formboxWrap.ES300-012 .formbox {display: block; width: 100%; margin-bottom: 0.4rem;}
}

@media screen and (max-width:655px) {
	.ecoyaBox.type2 li {width: 100%;}
	.ecoyaBox.type2 li .ecoimg {max-width: 100%;}
	.ecoyaBox.type2 li:nth-child(2n) {margin-left: 0px;}
	.ecoyaBox.type2 li:nth-child(2), .ecoyaBox.type2 li:nth-child(3), .ecoyaBox.type2 li:nth-child(4) {margin-top: 40px;}
	.ecoyaBox.type2 {padding-bottom: 0px;}
}

@media screen and (max-width:650px) {
	.ES500-031 .tableWrap .tableList li .photo .swiper-slide {width: calc(20% - 10px);}
}

@media screen and (max-width:640px) {
	.con2 {padding:0;}
	.mainConlist .mainConBox { padding-top: 14%;}
	.mainConlist .mainConBox .tit {font-size: 2rem;}
	.mainConlist .mainConBox .txt {padding: 2% 0 5% 0; font-size: 1.4rem;}
	.mainConlist .mainConBox .goLink {font-size: 1.3rem;}
	.content.flexible {padding: 0px;}
	.tapBoxWrap .tapBox .tapCont { padding: 95px 0px 25px;}
	.tapBoxWrap .tapBox > button { font-size: 1.7rem;}
	.subTabWrap ul li a {padding: 0 10px 20px; font-size: 1.5rem;}
	.formbox.type2 .inpbox { width: 100%; margin-bottom: 10px;}
	.formbox.type2 .inpbox:nth-child(1) { margin-bottom: 0px;}
	.btnWrap .inner {width: 100%;}
	.btnWrap .btn {font-size: 1.8rem; width: 100%; height: 46px; line-height: 43px;}
	.analysis .txt {padding: 40px 8% 0 8%; word-break: keep-all;}
	.sub_title .txtbr {padding: 10px 0 0 0;}	
	
	
	.btnWrap.plpr25 {padding-left:25px; padding-right:25px;}
	.btnWrap .btn {max-width: 100%;}
	.allchkboxlist .chk_arrow span {font-size: 0;}
	.allchkboxlist .agreebox li {width:100%; float:left;}
	.mainConlist .mainConBox .goLink:before {height: 19px;}
	.businessWrap {display: block;}
	.businessWrap a {display: block;}
	.businessWrap * + * {margin-left: 0; margin-top: 20px;}
	/*추가작업 start*/
	.businessWrap.second {margin-top:20px;}
	.resultlist.list3 .opinion_table_wrap .table tr td .text_wrap p {word-break: initial; }
	.resultlist.list5 {margin:50px 0 0px 0; padding-bottom:0px;}
	/*추가작업 end*/
	.fixedBtn, 
	.btnWrap.type.fixedBtn, .btnWrap.type1.fixedBtn {position: fixed; bottom: 0; padding: 20px 25px 30px 25px; z-index: 100; background-color: #fff;}
	.questionWrap .topBox {padding: 30px 25px 20px 25px;}
	.questionWrap .topBox .box1 {width: 100%; float: inherit;}
	.questionWrap .topBox .box2 {width: 100%; float: inherit; text-align: unset; padding-top: 30px; display: flex; justify-content: space-between;}
	.questionWrap .middleBox {padding: 30px 25px 40px 25px;}
	.questionWrap .middleBox .questionTit {padding-top: 32px;}
	.questionWrap .middleBox .questionTxt {padding-top: 20px;}
	.questionWrap .btnWrap {padding-top: 40px;}
	.questionWrap .btnWrap .inner {display: table; justify-content: unset;}
	.questionWrap .btnWrap .inner a.choose {max-width: 100%; display: block; padding: 11px 0;}
	.questionWrap .btnWrap .inner a.choose1.on:before, .questionWrap .btnWrap .inner a.choose1:hover:before,
	.questionWrap .btnWrap .inner a.choose2.on:before, .questionWrap .btnWrap .inner a.choose2:hover:before {display:none;}
	.questionWrap .btnWrap .inner * + * {margin-left: 0; margin-top: 20px;}
	.questionBtnWrap {padding: 20px 25px 65px 25px;}
	.resultWrap .box .tit {font-size: 2.1rem;}
	.resultWrap .box1 .box1-1 {width: 95%; padding:0 30px; margin: 0 auto; float: unset; text-align: center;}
	.resultWrap .box1 .box1-2 {width: 100%; padding-top: 40px; float: unset;}
	.resultWrap .box2 {margin-top: 50px;}
	.resultWrap .box2 .mbtiGradeWrap {margin-top: 30px; width: 100%; border-top: none; display: block; justify-content: inherit; text-align: left;}
	.resultWrap .box2 .mbtiGradeWrap li {position:relative; z-index: 1; border-left: 3px solid #eee; display: table; width: 100%; box-sizing: border-box;}
	.resultWrap .box2 .mbtiGradeWrap li:last-child {border-left:none;}
	.resultWrap .box2 .mbtiGradeWrap li span {display: inline-block; top: -11px; left: 20px; padding: 0 10px 30px 10px; font-size: 1.6rem; float: left;}
	.resultWrap .box2 .mbtiGradeWrap li.on span {font-size: 1.8rem; color:#3982d8;}
	.resultWrap .box2 .mbtiGradeWrap li.on:after {top:-6px; left:-3px; margin-left: 0; width:25px; height:16px; background: url(../images/ES/pointer_m_icon.png) no-repeat #fff left center; background-size: 14px;}
	.resultWrap .box2 .mbtiGradeWrap li:before {left:0; margin-left: 0px; width:calc(100% - 62px); height:3px;}
	.resultWrap .box2 .mbtiGradeWrap li ul {float: right; margin-top: 0px; position: relative; top: -12px; width: 52px;}
	.resultWrap .box2 .mbtiGradeWrap li ul li {margin-top: 0px; margin-bottom:10px; font-size: 1.6rem; border-left:none;}
	.resultWrap .box2 .mbtiGradeWrap li ul li:last-child {margin-bottom:30px;}
	.resultWrap .box2 .mbtiGradeWrap li.on ul li {font-size: 1.8rem; color: #333;}
	.resultWrap .box2 .mbtiGradeWrap li.on ul li.on {font-weight: bold;}
	.resultWrap .box2 .mbtiGradeWrap li.on ul li.on:after {top:-6px; margin-left: -58px; padding: 10px 0 10px 10px; background-position: right 5px center;}
	.resultWrap .box2 .mbtiGradeWrap li ul li:before {display: none;}
	.analysisWarp {justify-content: inherit; display: block;}
	.analysisWarp .box1 {width: 100%; max-width: 400px; margin: 0 auto;}
	.analysisWarp .box2 {width: 100%; max-width: 100%; border-top: 1px solid #dbdbdb; margin-top: 40px; padding-top: 30px;}
	
	.businessWrap.ES300-002 a {width: 100%; float: none; margin-top: 20px; margin-left: 0%;}
	.businessWrap.ES300-002 a:nth-child(1) { margin-top: 0;}
	.businessWrap.ES300-002 a:nth-child(2) { margin-top: 20px;}
	.businessWrap.ES300-002 .businessList.addBtn {padding: 7.7% 0;}
	
	.curationWrap li .inner .leftBox .infoBox .state:after {display:none;}
	.curationWrap li .inner .leftBox {background: url(../images/ES/arrow_gray.png) no-repeat right center; background-size: 10px;}
	.detailWrap .depth li.debth1 ul.otherCases li.debth2.asterisk .blockSpan {display: contents;}
	
	.questionWrap.ES300-106 .topBox .inbox:first-child {padding: 30px 25px 25px 25px;}
	.questionWrap.ES300-106 .middleBox {padding: 30px 0 40px 0;}
}

@media screen and (max-width:600px) {
	.formboxWrap.ES300-014 .inWrap .inpbox .input_wrap {margin-left: 0px;}
	.formboxWrap.ES300-014 .inWrap + .inWrap {margin-top: 30px;}
	.formboxWrap.ES300-014 .inWrap .inpbox {width: 100%; float: none; display: block;}
	.formboxWrap.ES300-014 .inpbox .input_wrap {width: 100%; display: table; margin-top: 10px;}
	.formboxWrap.ES300-014 .inpbox .input_wrap:first-child {margin-top: 0px;}
	.formboxWrap.ES300-003 .inpbox .input_wrap .year_text {width: 60px; float: left; line-height: 4.6rem; margin: 0;}
	.formboxWrap.ES300-014 .inpbox input {padding: 0 15px; width: calc(100% - 70px); float: right; text-align: right;}
	
	.formboxWrap.ES300-012 .subBox {padding-left: 0px;}
	.formboxWrap.ES300-012 .agreeCheckbox {padding: 20px 0 0 0px;}
	.formboxWrap.ES300-012 .squareBox {padding: 17px 0 0 0px; }
	
	#wrap .mainSec .innerBox {width: 100%; padding: 60px 0;}
	#wrap .mainSec2 .innerBox {padding: 60px 0 0 0;}
	#wrap .mainSec .innerBox .titBox {font-size: 2.4rem; line-height: 3.6rem; word-break: keep-all; padding: 0 6%;}
	#wrap .mainSec .innerBox ul .linebox .tit {font-size: 2.4rem; line-height: 2.4rem;}
	#wrap .mainSec .innerBox ul .linebox .txt {padding-top: 20px; font-size: 1.8rem; line-height: 2.6rem;}
	#wrap .mainSec1 .innerBox ul {margin-top: 40px;}
	#wrap .mainSec1 .innerBox ul li ul {display: table;}
	#wrap .mainSec .innerBox ul .linebox {width: 100%;}
	#wrap .mainSec .innerBox ul li ul .linebox {width: 100%; margin-left: 0px; margin-top: 30px; padding: 0px;} 
	#wrap .mainSec .innerBox ul li ul .linebox:first-child {margin-top: 0;}
	#wrap .mainSec .innerBox ul .linebox .alink {bottom: 30px; width: 120px; font-size: 1.6rem; line-height: 4rem; height: 4rem;}
	#wrap .mainSec .innerBox .moreView {width: calc(100% - 50px); position: unset; top: auto; display: block; text-align: center; margin: 30px auto 0 auto;}
	#wrap .mainSec .innerBox ul .linebox .txtBoxWrap {padding: 30px 30px 100px 30px;}
	
	#wrap .mainSec2 .innerBox .newsDiv:nth-child(2) {margin-top: 0px; margin-bottom: 60px;}
	.bottomExText {padding-bottom: 40px;}
	.bottomExText.list li {position:relative; margin-top: 1.7rem; font-size: 1.8rem; line-height: 2.4rem;}
}

@media screen and (max-width:460px) {
	/* layerPopup */
	.layerPopWrap { visibility:hidden; display:flex; display:-ms-flex; align-items:center; position:fixed; top:0; left:0; width:100%; height:100%; z-index:100; opacity:0; transition:all .4s ease}
	.layerPopWrap .bg {position:fixed; top:0; right:0; width:100%; height:100%; background:rgba(0,0,0,0.8);}
	.layerPopWrap .layerPopCont { overflow:hidden; display:flex; display:-ms-flex; flex-direction:column; position:relative; width:100%; height:100%; max-height:100%;  border-radius:0px; margin:0 auto; border:1px solid #cccccc; opacity:0; background:#fff; animation:fadeOutDown .4s ease-in-out forwards;}
	.layerPopWrap .layerPopCont.w360 {width: 100%;}
	.layerPopWrap .layerPopCont.w100 {width:100%; height:100%;}
	.layerPopWrap .layerPopCont .contBox { overflow:hidden; overflow-y:auto; height:calc(100% - 62px); height:-ms-calc(100 - 62px); padding:30px;}
	.layerPopWrap .layerPopCont .contBox1 { overflow:hidden; overflow-y:auto; height:calc(100% - 46px); height:-ms-calc(100 - 46px);}
	.layerPopWrap .layerPopCont > .btnPopClose {position: absolute; top: 15px; right: 20px; width: 30px; height: 30px; font-size: 0; background: url(../images/common/btn_pop_close.png) no-repeat center center;}
	.layerPopWrap .layerPopCont .btnPopGroup { margin-top:30px;}
	.layerPopWrap .layerPopCont .btnPopGroup .btn + .btn { margin-left:10px;}
	.layerPopWrap.modalPop .layerPopCont { width: 300px; height: auto; border-radius: 20px;}
	.layerPopWrap.on { visibility:visible; opacity:1;}
	.layerPopWrap.on .layerPopCont{ animation:fadeInUp .4s ease-in-out forwards;}
	.layerPopWrap .layerPopCont.w1000 .addressWrap .address {height: 100%; max-height: 100%;}
	
	/* halflayerPop */
	.layerPopWrap.halflayerPop {top: auto; height: auto; bottom: 0;}
	.layerPopWrap.halflayerPop .layerPopCont {border-radius: 20px 20px 0 0;}
	
	/* pickWrap */
	.layerPopWrap.pickWrapPop {bottom: 0; top: auto; height: auto;}
	.layerPopWrap.pickWrapPop .layerPopCont {width: 100%; height: 50%; bottom: 0; border-radius: 5px 5px 0 0;}
	.layerPopWrap.pullpop.pickWrapPop .layerPopCont .contBox { padding:20px 0;}
	.layerPopWrap.pullpop.pickWrapPop .layerPopCont .contBox.notitle {padding: 28px 25px 28px 25px;}
	.layerPopWrap.pullpop.pickWrapPop.card .layerPopCont .contBox {height: 30vh;}
	.layerPopWrap.pullpop.pickWrapPop.bank .layerPopCont .contBox {height: 85vh;}
	.layerPopWrap.pullpop.pickWrapPop.city .layerPopCont .contBox {height: 52vh;}
	.layerPopWrap.pullpop.pickWrapPop.per70 .layerPopCont .contBox {height: calc(70vh - 60px);}
	.layerPopWrap.pullpop.pickWrapPop.half .layerPopCont .contBox {height: calc(50vh - 77px);}
	.layerPopWrap.pullpop.pickWrapPop.half .layerPopCont .contBox.notitle  {height: calc(43vh - 77px);}
	.layerPopWrap.pickWrapPop .layerPopCont .popTitle {height: 44px; font-size: 1.8rem; color: #777; line-height: 20px;border-bottom: none; padding: 24px 32px 0px 32px; font-weight:normal;}
	.layerPopWrap.pickWrapPop .layerPopCont .contBox ul {}
	.layerPopWrap.pickWrapPop .layerPopCont .contBox ul li {width:100%; height:50px; line-height:50px; padding:0 32px;}
	.layerPopWrap.pickWrapPop .layerPopCont .contBox.notitle ul li {margin-top: 24px;}
	.layerPopWrap.pickWrapPop .layerPopCont .contBox ul li:nth-child(1) {margin-top: 0px;}
	.layerPopWrap.pickWrapPop .layerPopCont .contBox ul li.on {background-color:#f3f4f5; }
	.layerPopWrap.pickWrapPop .layerPopCont .contBox ul li a {font-size:2rem; color:#333; line-height: 50px;}
	.layerPopWrap.pickWrapPop .layerPopCont .contBox ul li.on a {color: #2b36d2; font-weight:normal;}
	.layerPopWrap.pickWrapPop .layerPopCont .contBox ul li.on a:focus,
	.layerPopWrap.pickWrapPop .layerPopCont .contBox ul li.on a:active,
	.layerPopWrap.pickWrapPop .layerPopCont .contBox ul li.on a.clickbtn:focus,
	.layerPopWrap.pickWrapPop .layerPopCont .contBox ul li.on a.clickbtn:active  {color: #2b36d2; font-weight: normal;}
	.layerPopWrap.pickWrapPop .layerPopCont .contBox ul.w50 {width: 100% !important; display: inline-block; box-sizing: border-box;}
	.layerPopWrap.pickWrapPop .layerPopCont .contBox ul.w50 li {width: 50%; float: left; margin-top: 18px;}
	.layerPopWrap.pickWrapPop .layerPopCont .contBox ul.w50 li:nth-child(1),
	.layerPopWrap.pickWrapPop .layerPopCont .contBox ul.w50 li:nth-child(2) {margin-top: 0px;}
	.layerPopWrap.pickWrapPop .layerPopCont .contBox ul.w50 li a {font-size:1.7rem; color:#222; line-height: 25px;}
	.popline {float: left; width: 100%; height: 2px; background-color: #dedede; display: block; margin: 20px 0 0 0;}
	
	/* pullWrapPop */
	.pullWrapPop {}
	.layerPopWrap.pullWrapPop.noscroll {overflow: hidden; height: 100vh;}
	.layerPopWrap.pullWrapPop {bottom: 0; top: auto; height: 100%;}
	.layerPopWrap.pullWrapPop .layerPopCont {width: 100%; height: 100%; top: 0; border-radius: 0; border: none;}
	.layerPopWrap.pullWrapPop .layerPopCont .contBox1 { padding:0 0 20px 0;}
	.layerPopWrap.pullWrapPop.selectlist .layerPopCont .contBox {height: 100%;}
	.layerPopWrap.pullWrapPop.noscroll .layerPopCont .contBox1 {overflow-y: scroll; height: calc(100vh - 155px); -ms-overflow-style: scrollbar;}
	.layerPopWrap.pullWrapPop .layerPopCont .popTitle {height: 46px; font-size: 1.7rem; color: #555; text-align: center; padding: 17px 0 11px 0;}
	.layerPopWrap.pullWrapPop .layerPopCont .popTxt {font-size: 1.8rem color: #777; text-align: left; padding: 32px 25px 24px 25px; border-bottom: 2px solid #ccc;}
	.layerPopWrap.pullWrapPop .layerPopCont .contBox1 ul li {width: 100%; height: auto; line-height: 30px; padding: 18px 32px;}
	.layerPopWrap.pullWrapPop .layerPopCont .contBox1 ul li a {font-size: 1.8rem; color: #333; line-height: 30px;}
	
	.big_title {font-size: 2.6rem; line-height: 3.7rem;}
	.big_title.ES300-008 {font-size: 2.2rem; line-height: 3.2rem;}
	.sub_title {font-size: 1.6rem; line-height: 2.4rem; padding: 20px 0 30px 0;}
	
	.mainBanner {padding-bottom: 147%;}
	.mainBanner .img {background-size: auto 129%; background-position: 71%;}
	.mainBanner .txtBox {top: 13%;}
	.mainBanner .txtBox .title {text-align: left; padding-left: 25px; padding-right: 25px; word-break: keep-all;}
	.mainBanner .txtBox .title span {display: inline-block;}
	.mainConlist .mainConImg, .mainConlist .mainConBox { width: 100%;}
	.mainConlist .mainConImg.boxLeft, 
	.mainConlist .mainConImg.boxLeft {float: initial; }
	.mainConlist .mainConBox.boxRight,
	.mainConlist .mainConBox.boxLeft {float: initial; text-align: center; padding-bottom: 15px; display: inline-block;}
	.mainConlist .mainConImg .lottiefile {width: 100%; padding: 0px 75px;}
	.mainConlist .mainConImg {padding: 7% 0 2% 0;}
	.mainConlist .mainConBox {padding-top: 0%;}
	.mainConlist .mainConBox .goLink {text-align: right; float: right;}
	.floatBanner {bottom: 20px;}
	.floatBanner1 {bottom: 20px; right: 32px;}
	.floatBanner2 {bottom: 160px; right: 32px;}
	.ellipsis.line12 {-webkit-line-clamp: 2; line-height: 1.6em; height: auto; max-height: 3.2em;}
	.ellipsis.line34 {-webkit-line-clamp: 4; line-height: 1.6em; height: auto; max-height: 6.4em;}
	.p3t2m1 li {width: 100%; margin-top: 12%; margin-right:0;}
	.p3t2m1 li:nth-child(1) {margin-top: 0;}
	.p3t2m1 li:nth-child(2) {margin-top: 12%;}
	.p3t2m1 li:nth-child(3n),
	.p3t2m1 li:nth-child(2n) {margin-right: 0;}
	.newsBoxWrap .yearlist {margin-top:40px;}
	.newsBoxWrap .listmore_btn{width: 100%;}
	.newsWrap .veiw_title {font-size: 2.2rem;}
	.newsWrap .veiw_date {font-size: 1.6rem; padding-top: 5px;}
	.newsWrap .newsImg {padding-top: 30px;}
	.newsWrap .view_inner {margin-top: 30px; font-size: 1.8rem; line-height: 2.6rem;}
	.newsWrap .view_btnWrap {border-top: none; padding-top: 0px; padding-bottom: 30px;}
	.newsBoxWrap .newslist .flex_container {padding: 20px 25px 54px 25px; position:relative;}
	.newsBoxWrap .newslist .date {font-size: 1.6rem; padding-right: 0; width: 100%; position: absolute; bottom: 20px; right: 25px; text-align: right;}
	.newsBoxWrap .newslist .newsBox .tit {font-size: 2.2rem;}
	.newsBoxWrap .newslist .newsBox .inner_flex {display: block; padding-top: 20px;}
	.newsBoxWrap .newslist .newsBox .newImg {width: 100%; height: auto; padding-right: 0; display: inline-block; padding-bottom: 15px;}
	.newsWrap .view_btnWrap .inner {display: flex; justify-content: space-between;}
	.newsWrap .view_btnWrap .view_btn.listbtn {margin: 0;}
	.newsWrap .articleLinkWrap {margin-bottom: 40px;}
	.newsWrap .articleLinkWrap .articleLink {font-size: 1.6rem; line-height: 2.4rem;}
	.supportStep .supportStepList .stepBox {width: 110px; float: left;}
	.supportStep .supportStepList .stepBox .step1{display: block; float: none;}
	.supportStep .supportStepList .stepBox .step2{display: block; padding: 10px 0 0 0; font-size: 1.6rem; float: none; width: 100%;}
	.supportStep .supportStepList .step3{font-size: 1.6rem; width:calc(100% - 110px);}
	
	.temimgWrap1 .temimg1 {background: url(../images/ES/main01-sub02_bg01.png) no-repeat center; background-size: cover;}
	.temimgWrap.ES200-001 .temimg {background: url(../images/ES/main01-sub01_bg01.png) no-repeat center; background-size: cover;}
	.temimgWrap1.ES200-011 .temimg1 {background: url(../images/ES/main01-sub02_bg01.png) no-repeat center; background-size: cover;}
	.temimgWrap.ES300-001 .temimg {background: url(../images/ES/main02-sub01_bg01.png) no-repeat center; background-size: cover;}
	.temimgWrap1.ES300-011 .temimg1 {background: url(../images/ES/main02-sub02_bg01.png) no-repeat center; background-size: cover;}
	.temimgWrap.ES400-001 .temimg {background: url(../images/ES/main03-sub_bg01.png) no-repeat center; background-size: cover;}
	.temimgWrap.ES500-001 .temimg {background: url(../images/ES/main04-sub01_bg01.png) no-repeat center; background-size: cover;}
	
	.temimgWrap.ES500-001 .temimg.positionRight img, .temimgWrap.ES500-001 .temimg.positionRight svg {right: 80px;}	
	.temimgWrap.ES500-001 .temimg.positionRight img.bg {right: 5px;}
	
	.formboxWrap .formbox.type1 .filedrag_wrap.imgUp .file-box_img {width: 32.6%; padding-bottom: calc(32.6% - 2px); margin-bottom: 1%;}
	.formboxWrap .formbox.type1 .filedrag_wrap.imgUp .file-box_img:nth-child(3n) {margin-right:0;}
	.formboxWrap .formbox.type1 .filedrag_wrap .filebox {width: 32.6%; float: left;}
	.layerPopWrap .layerPopCont.w1000 { width:100%;}
	.layerPopWrap.pullWrapPop .layerPopCont.w1000 .popTitle { height: 60px; line-height: 60px; font-size: 1.8rem; color: #333; text-align: center; padding: 0; border-radius: 0; font-weight: normal; border-bottom: 1px solid #dbdbdb;}
	.layerPopWrap.pullWrapPop .layerPopCont.w1000 .contBox {overflow: hidden; overflow-y: auto; height: calc(100% - 60px); height: -ms-calc(100 - 60px); padding: 30px;}
	.layerPopWrap.pullWrapPop .layerPopCont.w1000 .contBox .agreeWrap {overflow-y: scroll; height: calc(100vh - 190px); -ms-overflow-style: scrollbar; max-height: 100%;}
	.layerPopWrap.pullWrapPop .layerPopCont.w1000 .btnPopGroup {position: fixed; left: 0; bottom: 30px; width: 100%; padding: 0 25px; max-width: 100%;}
	.layerPopWrap.pullWrapPop .layerPopCont.w1000 .btnPopGroup.bgW {bottom: 0px; padding: 0 25px 30px 25px; background-color: #fff;}
	.layerPopWrap .layerPopCont.w1000 .btnPopGroup .btn {max-width: 100%;}
	
	.questionWrap .topBox .box1 .stepArrow,
	.questionWrap .topBox .box2 .box2_1,
	.questionWrap .topBox .box2 .box2_2 .temSaveBtn,
	.infoBox.ES300-011 li {font-size: 1.4rem;}
	.tableWrap .tableList thead th,
	.tableWrap .tableList tbody td, 
	.supportUl li .tit,
	.supportUl li .txt,
	.businessTitBox .right .txt,
	.formWrap dl dd a,
	.questionWrap .middleBox .questionTxt,
	.questionBtnWrap a,
	.resultWrap .tableWrap .tableList thead th,
	.resultWrap .tableWrap .tableList tbody td .name,
	.analysisWarp .box2 .mbtiEx .tit,
	.analysisWarp .box2 .mbtiEx .txt,
	.resultWrap .box .totalScore .tit,
	.resultWrap .box .totalScore .txt,
	.iscreamBox .txt, 
	.listNumber li .txt,
	.listNumber li .attachTxt, 
	.listNumber li:before {font-size: 1.6rem;}
	.tableWrap .tableList li span,
	.formWrap dt a,
	.questionWrap .middleBox .questionTit,
	.resultWrap .tableWrap .tableList tbody td .gradeN,
	.resultWrap .box .tit,
	.resultWrap .tableWrap .tableList tbody td .gradeE,
	.questionWrap .middleBox .questionRbutton .radiobox label,
	.questionWrap .btnWrap .inner a.choose {font-size: 1.8rem;}
	.businessWrap .businessList .txtBox .tit,
	.resultWrap .tableWrap .tableList tbody td .score,
	.analysisWarp .box1 .title {font-size: 2rem;}
	.businessWrap .businessList .txtBox .txt,
	.businessTitBox .right .tit.tit1,
	.analysisLoading .title,
	.businessTitBox .right .subTit {font-size: 2.2rem;}
	.businessTitBox .right .tit,
	.resultWrap .box .totalScore .score {font-size: 2.4rem;}
	.questionWrap .middleBox .listNumber,
	.analysisWarp .box2 .mbtiEx .tit .point {font-size: 2.8rem;}
	.analysisLoading .big_title {font-size: 3.2rem;}
	.analysisWarp .box1 .esgmbtiTit .tit {font-size: 5.4rem;}
	
	.questionWrap .middleBox .questionTit {line-height: 2.6rem;}
	.questionWrap .middleBox .questionTxt {line-height: 2.4rem; padding-top: 10px;}
	.questionWrap .middleBox .questionRbutton {padding-top: 30px;}
	.questionWrap .middleBox .questionRbutton .radiobox span {margin-top: 20px;}
	.questionWrap .btnWrap {padding-top: 30px;}
	.analysis {padding-top: 45px;}
	.analysis .tit {font-size: 2.6rem; padding-bottom: 25px;}
	.analysis .tit .ico {display:none;}
	.analysis .txt {/*font-size: 1.6rem;*/ padding: 30px 0 0 0;}
	.btnWrap.type, .btnWrap.type1 {padding-top: 40px; padding-bottom: 30px;}
	.btnWrap.type1 .inner {display: block;}
	.btnWrap.type1 .inner .btn {margin: 15px 0 0 0;}
	.btnWrap.type1 .inner .btn:first-child {margin: 0 0 0 0;}
	.businessTitBox {margin: 30px 0px 0px 0px;}
	.businessTitBox.ico:before {content:""; display: none;}
	.businessTitBox .right {width: 100%; padding-left: 0px;}
	.businessWrap {margin-top: 30px;}
	.businessTitBox .right .tit.tit1 {padding-bottom: 15px;}
	.formboxWrap.ES300-003 {padding-top: 30px;}
	.formboxWrap.ES300-004 {padding-bottom: 0px;}
	.questionWrap .topBox .box1 .stepArrow {padding-left: 15px;}
	.questionWrap .topBox .box1 .stepArrow:before {top: 50%; left: 5px; margin-top: -3px; width: 6px; height: 8px; background-size: 6px;}
	.questionBtnWrap {padding: 20px 25px 30px 25px;}
	.resultWrap .box1 .box1-1 {padding:0; width: 95%; margin: 0 auto;}
	.resultWrap {padding-top: 40px;}
	.analysisWarp { padding-top: 30px;}
	.analysisWarp .box2 {margin-top: 20px;}
	.conListWrap ul li, .conListWrap ul li:nth-child(2n) { width: 100%; margin-top: 30px;}
	.processListWrap ul {padding: 30px 0 50px 0;}
	.processListWrap ul li {width: auto; float: none; padding-top: 75px; display: table; margin: 0 auto; }
	.processListWrap ul li:first-child {padding-top: 0px;}
	.processListWrap ul li img {float: left; }
	.processListWrap ul li .rightBox {float: left; text-align: left; padding-left:15px;}
	.processListWrap ul li:nth-child(4):after {display: inline-block;}
	.processListWrap ul li:after {top: 25%; left: 50%; margin-top: -17.5px; margin-left: -12.5px; transform: rotate(90deg);}
	
	/*추가작업 start*/
	.resultlist .list_title {font-size:2.2rem;}
	.result_box { display:none;}
	.resultlist.list1 {margin-top:30px;}
	.resultlist.list1 .table_wrap .table tr { display:flex; flex-wrap:wrap;}
	.resultlist.list1 .table_wrap .table tr td.name {width:30%; font-size:1.8rem; padding:20px 0; border-right:1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb;}
	.resultlist.list1 .table_wrap .table tr td.text {width:70%; display:flex; align-items: center; border-bottom: 1px solid #dbdbdb; font-size:1.8rem;}
	.resultlist.list1 .table_wrap .table tr td.text.text1 {width:70%;}
	.resultlist.list1 .table_wrap .table tr td.whether {width:50%; border-right:1px solid #dbdbdb; font-size:1.4rem;}
	.resultlist.list1 .table_wrap .table tr td.market {width:50%; font-size:1.4rem;}
	.resultlist.list1 .table_wrap .table tr td.content {width:50%; border-right:1px solid #dbdbdb; font-size: 1.8rem;}
	.resultlist.list1 .table_wrap .table tr td.content:last-child {border-right:none;}
	.resultlist.list1 .table_wrap .table tr td.sector {width:100%;}
	.resultlist.list1 .table_wrap .table tr td.content.full {width:100%; border-right:none;}
	.resultlist.list1 .table_wrap .table tr td.name.full {width:100%; display:flex; justify-content: center; border-right:none;align-items: center;}
	.resultlist.list1 .table_wrap .table tr td.year {width:33.33%; font-size:1.4rem;}
	.resultlist.list1 .table_wrap .table tr td.content.w33 {width:33.33%;}
	.resultlist.list1 .table_wrap .table tr td:first-child {border-left:none;}
	.resultlist.list1 .table_wrap .table tr td { border-right:none;}
	.resultlist.list1 .table_wrap .table tr td.name .sm_text {padding-top:0; padding-left:5px;}
	.text_box_wrap {margin-top:30px; padding:20px;}
	.text_box_wrap .text {font-size:1.6rem;}
	.text_box_wrap .text .accent {font-size:1.6rem;}

	.resultlist.list2 {/*margin-top:140px;*/}
	.resultlist.list2 .content_wrap .grade_wrap .table tr td.bg_sky {font-size:1.8rem;}
	.resultlist.list2 .content_wrap .grade_wrap .table tr td.bg_blue {font-size:1.8rem;}
	.resultlist.list2 .content_wrap .grade_wrap .table tr td.big_text {font-size:4.2rem; padding:30px 0;}
	.resultlist.list2 .grade_text.mo_view {margin:50px 0 22px 0; font-size:1.8rem;}
	.resultlist .table tr td.bg_gray {font-size:1.8rem;}
	.resultlist.list2 .content_wrap .grade_table .table tr td.text { /*font-size:2rem;*/ line-height:1;}
	.ES300-108 .resultlist.list2 .content_wrap .grade_table .table tr td.text { font-size:1.8rem;}

	.resultlist.list3 {padding:0;}
	.resultlist.list3 .list_title {margin:80px 0 40px 0; font-size:2.2rem; padding:0 25px;}
	.resultlist.list3 .area_box {justify-content: center;}
	.resultlist.list3 .result_text {padding:0 25px; font-size:1.8rem;}
	.resultlist.list3 .result_table_wrap {padding:0 25px;}
	.resultlist.list3 .area_grade_table {padding: 0 25px;}
	.resultlist.list3 .important_text {padding:0 25px; font-size:1.2rem;}
	.resultlist.list3 .area_grade_table .table tr td.standard {width:47%;}
	.resultlist.list3 .area_grade_table .table tr td.responsive_text {font-size:1.8rem;}
	/*.resultlist.list3 .dropdown_box_wrap .dropdown_view {height:60px;}*/
	.resultlist.list3 .dropdown_box_wrap .dropdown_view .title {font-size:1.8rem;}
	.resultlist.list3 .dropdown_box_wrap .dropdown_hide .bold {font-size:1.6rem;}
	.resultlist.list3 .dropdown_box_wrap .dropdown_hide .text {font-size:1.6rem;}
	.resultlist.list3 .dropdown_box_wrap .dropdown_hide .ref {font-size:1.6rem;}
	.resultlist.list3 .dropdown_box_wrap .dropdown_hide .etc {font-size:1.2rem;}

	.resultlist.list3 .result_table_wrap .table_right .table tr td.title {width:20%; font-size: 1.6rem;}
	.resultlist.list3 .result_table_wrap .table_right .table tr td.content {font-size: 1.6rem;}
	/*
	.resultlist.list3 .dropdown_box_wrap .dropdown_hide.green {background:transparent linear-gradient(180deg, #F2FBF3 0%, #FFFFFF 100%) 0% 0% no-repeat padding-box;}
	.resultlist.list3 .dropdown_box_wrap .dropdown_hide.blue {background:transparent linear-gradient(180deg, #F0EFFC 0%, #FFFFFF 100%) 0% 0% no-repeat padding-box;}
	.resultlist.list3 .dropdown_box_wrap .dropdown_hide.pink {background:transparent linear-gradient(180deg, #FEEEF4 0%, #FFFFFF 100%) 0% 0% no-repeat padding-box;}
	.resultlist.list3 .dropdown_box_wrap .dropdown_hide.sky {background:transparent linear-gradient(180deg, #EAF3FD 0%, #FFFFFF 100%) 0% 0% no-repeat padding-box;}*/

	.resultlist.list3 .opinion_text {font-size:1.8rem; margin-left:25px; margin-right:25px;}

	.resultlist.list3 .opinion_table_wrap .table tr {display:flex; flex-wrap: wrap;}
	.resultlist.list3 .opinion_table_wrap .table tr td.title {width:100%; box-sizing: border-box;}
	.resultlist.list3 .opinion_table_wrap .table tr td.contents {width:50%; box-sizing: border-box; font-size:1.6rem; border-top:1px solid #dbdbdb;}
	.resultlist.list3 .opinion_table_wrap .table tr td.info {width:50%; box-sizing: border-box; font-size:2rem;}
	.resultlist.list3 .opinion_table_wrap .table tr td .text_wrap {display:flex; align-items: center; justify-content: center; font-size:2rem; font-weight:bold; grid-gap:6px; padding:22px 0;}
	.resultlist.list3 .opinion_table_wrap .table tr td.content_text {font-size:1.8rem;}
	.text_none {display:none;}
	.br_none_2 {display:none;}
	.br_none_3 {display:none;}
	.br_none_4 {display:none;}
	.br_none_5 {display:none;}

	.resultlist.list4 {padding:0;}
	.resultlist.list4 .list_title {margin:60px 25px 20px 25px; }
	.resultlist.list4 .notice_wrap {padding:10px 20px 20px 20px}
	.resultlist.list4 .notice_wrap .bold {font-size:1.6rem;}
	.resultlist.list4 .notice_wrap .text {font-size:1.6rem;}

	.analysis_wrap {margin: 48px 25px 40px 25px;}
	.analysis_wrap .text_wrap .text {font-size:1.6rem;}
	.button_wrap {margin-bottom:30px; margin-right:25px; margin-left:25px; flex-direction: column; grid-gap:15px;}
	.button_wrap .button {width:100%;}

	.businessTitBox .tit .info_text_none {display:inline-block;}
	.businessTitBox .tit.info_margin {margin-top:5px;}

	.analysisLoading .title .title_inner_text {display:block;}

	.resultlist.list3 .dropdown_box_wrap .dropdown_view .dropdown_wrap_wrap .text {height:50px; overflow:hidden;}
	/*추가작업 end*/
	
	.ES300-008 .detailWrap {padding-left: 0px;}
	.ES300-008 .detailWrap .depth li.debth1 {padding-left: 18px; font-size: 1.6rem;}
	.resultlist.list4.ES300-008 {padding: 0 0px 81px 0px;}
	.floatingBtn {display:none;}
	.onlymomode {display:block; position: fixed; width: 100%; margin: 0 auto; bottom: 0; z-index: 100; padding: 5px 25px 30px 25px; 
	background: -webkit-linear-gradient( rgb(255 255 255 / 0%) 0%, rgb(255 255 255 / 50%) 10%, rgb(255 255 255 / 100%) 30%);
    background: -moz-linear-gradient( rgb(255 255 255 / 0%) 0%, rgb(255 255 255 / 50%) 10%, rgb(255 255 255 / 100%) 30%);
    background: -ms-linear-gradient( #fff,#fff);
    background: -o-linear-gradient( rgb(255 255 255 / 0%) 0%, rgb(255 255 255 / 50%) 10%, rgb(255 255 255 / 100%) 30%);
    background: linear-gradient( rgb(255 255 255 / 0%) 0%, rgb(255 255 255 / 50%) 10%, rgb(255 255 255 / 100%) 30%);}
    .onlymomode a.ESbtn {width: 100%; height: 46px; font-weight: normal; font-size: 1.8rem; line-height: 44px; box-sizing: border-box; text-align: center; color: #fff; border-radius: 4px; background-color: #00a472;}
	.onlymomode a.ESbtn.lineBtn {width: 100%; height: 35px; font-weight: bold; font-size: 1.6rem; line-height: 35px; box-sizing: border-box; text-align: center; color: #00a472; border-radius: 4px; background-color: #fff; border: 1px solid #ccc; margin-bottom: 10px;}
	
	
	.ibkname {font-size: 1.6rem; padding-top: 20px;}
	
	.gotop {bottom: 85px; background-color: rgba(255,255,255, 0.85);}
	
	.supportUl.detailWrap li .tit, 
	.supportUl.detailWrap li .txt, 
	.supportUl.detailWrap li.txt6 .tit, 
	.supportUl.detailWrap li.txt6 .txt, 
	.supportUl.detailWrap li.txt8 .tit, 
	.supportUl.detailWrap li.txt8 .txt,
	.supportUl.detailWrap li.txt5 .tit, 
	.supportUl.detailWrap li.txt5 .txt,
	.supportUl.detailWrap li.txt11 .tit, 
	.supportUl.detailWrap li.txt11 .txt,
	.supportUl.detailWrap li.txt13 .tit, 
	.supportUl.detailWrap li.txt13 .txt   {width: 100%;}
	
	.supportUl.detailWrap li .txt, 
	.supportUl.detailWrap li.txt6 .txt, 
	.supportUl.detailWrap li.txt8 .txt {margin-top: 15px;}
	.detailWrap .depth li.debth1 ul {padding-left: 0px;}
	
	.detailWrap .depth li.debth2 {font-size: 1.4rem; line-height: 2rem;}
	
	.ecoyaBox li {width: 100%; float: none;}
	.ecoyaBox li:nth-child(2n) {margin-left: 0px;}
	.ecoyaBox_btnWrap {padding-top: 60px; padding-bottom: 30px;}
	.ecoyaBox_btnWrap .btn {max-width: 100%;}
	.resultlist.list2 .list2_wrap .chartLabelTxt {text-align:left;}
	.resultlist.list2 .list2_wrap .chartLabelTxt span {font-size: 1.2rem; color: #999; line-height: 1.7rem;}
	.resultlist.list2 .content_wrap {margin-bottom: 15px;}
	#lineChart .content_wrap {margin: 15px 0 40px 0;}
	
	.layerPopWrap .layerPopCont.w1000.w800 .contBox .adressWrap {height: calc(100vh - 163px); max-height: calc(100vh - 163px); margin-bottom: 0;}
	.adressWrap ul li.nolist {margin-top: calc(100vh/5);}
	.curationStep .icon {max-width: 280px; margin: 0 auto 20px auto;}
	.curationStep .step_state .txt,
	.curationStep .step_state .date {font-size: 1.8rem; line-height: 2.3rem;}
	.ES500-031 .tableWrap .tableList li span {font-size: 1.6rem; line-height: 2.6rem;}
	.layerPopWrap.photoPop .layerPopCont.w1000 {height:100%;}
	.layerPopWrap.photoPop .layerPopCont .contBox {padding: 0;}
	.layerPopWrap.photoPop .layerPopCont.w1000 .contBox .photo_detail img {width: 100%;}
	
	.ES500-022 .formboxWrap .checkbox {text-align: left; padding-bottom: 14px;}
	.businessWrap.ES500-020 {margin-top: 0px;}
	
	.iscreamBox {padding: 15px 20px;}
	.iscreamBox .titleImg { width: 160px;}
	.iscreamBox .tit .txt,
	.iscreamBox .txt {font-size: 1.6rem; line-height: 2.4rem; word-break: break-all;}
	
	.blockSpan {display: block;}
	
	.supportUl li .txt .bigtxt {font-size: 1.8rem; line-height: 2.4rem; }
	.supportUl.detailWrap li.unsplit .tit {width: 75px;}
	.supportUl.detailWrap li.unsplit .txt {width: calc(100% - 90px); margin-top: 0;}
	
	.detailWrap .depth li.debth1 ul.otherCases li {font-size: 1.6rem; line-height: 2.4rem;}
	
	.pt60m40 {padding-top: 40px;}	
	.subTitle.ES200-011:before {background: url(../images/ES/visual_img200_001_mo.png) no-repeat center center; background-size: cover;}
	.subTitle.ES300-001:before {background: url(../images/ES/visual_img300-001_mo.png) no-repeat center center; background-size: cover;}
	.subTitle.ES300-011:before {background: url(../images/ES/visual_img300-011_mo.png) no-repeat center center; background-size: cover;}
	.subTitle.ES300-013:before {background: url(../images/ES/visual_img300-013_mo.png) no-repeat center center; background-size: cover;}
	.subTitle.ES300-101:before {background: url(../images/ES/visual_img300_101_mo.png) no-repeat center center; background-size: cover;}
	.subTitle.ES300-103:before {background: url(../images/ES/visual_img300_103_mo.png) no-repeat center center; background-size: cover;}
	.subTitle.ES400-001:before {background: url(../images/ES/visual_img400-001_mo.png) no-repeat center center; background-size: cover;}
	.subTitle.ES500-001:before {background: url(../images/ES/visual_img500-001_mo.png) no-repeat center center; background-size: cover;}	
	.subTitle .innerTxt {min-height: 150px;}
	.subTitle .innerTxt .big_title {font-size: 2.6rem; line-height: 3.7rem; padding: 1rem 0 0 0;}
	.subTitle .innerTxt .sub_title {font-size: 1.6rem; line-height: 2.4rem; padding: 1rem 0;}
	.subConTitle {font-size: 1.8rem; line-height: 2.6rem;}
	.img01_200_001 {padding-bottom: 1430px; background: url(../images/ES/img01_200_001_mo.png) no-repeat top center; background-size: 322px; margin: 60px auto 20px auto;}
	.img02_200_001 {padding-bottom: 652px; background: url(../images/ES/img02_200_001_mo.png) no-repeat top center; background-size: 310px;}
	
	.resultlist.list2 .content_wrap .grade_table .table1 tr td.text.txtLeft {padding-left: 5px;}
	.resultlist.list2 .content_wrap .grade_table .table1 tr td.text.txtLeft:before {display: none;}
	.onlyMoMode  {display: block;}
	.colsquareWrap {width: 100%; display: table; margin-top: 3.5rem;}
	.colsquareWrap ul li {display: inline-block; font-size: 2rem; line-height: 3.9rem; vertical-align: middle; color: #333; font-weight: bold; margin-right: 15px;}
	.colsquareWrap ul li span {width: 20px; height: 20px; margin-right: 10px; display: inline-block; position: relative; top: 3px;}
	.colsquareWrap ul li span.col1 {background-color: #ff9900;}
	.colsquareWrap ul li span.col2 {background-color: #44a14f;}
	.colsquareWrap ul li span.col3 {background-color: #6e65df;}
	.colsquareWrap ul li span.col4 {background-color: #f15996;}
	.colsquareWrap ul li span.col5 {background-color: #0263ff;}
	
	.resultlist.list2 .list2_wrap .chart_wrap .chartTextBox .text {font-size: 1.6rem; line-height: 2.4rem;}
	.resultlist.list1 .list_title {font-size: 2.2rem;}
	.resultlist.list2.ES300-015 .list2_wrap .result_tit:first-child {margin: 40px 0 20px 0;}
	.resultlist.list2.ES300-015 .list2_wrap .result_tit {margin: 60px 0 20px 0; font-size: 2rem;}
	.resultlist.list2.ES300-015 .list2_wrap .chartLabelTxt {font-size: 1.8rem;}
	.resultlist.list2 .list2_wrap .chart_wrap .chartTextBox {margin-top: 30px;}
	
	.wordBrake {display: initial;}
	.conTitle.ES500-001 {padding: 40px 0 20px 0;}
	.ecoyaBox.type1 {padding-left: 0px;}
	.ecoyaBox.type1 li .iconBox {width: 148px; display: block; margin: auto; float: none;}
	.ecoyaBox.type1 li .textBox {width: 100%; padding-left: 0px; float: none; padding-top: 30px;}
	.ecoyaBox.type1 li .textBox .tit {line-height: 2.6rem;}
	.ecoyaBox.type1 li .textBox .txt {line-height: 2.4rem;}
	
	.newsboxWrap {margin-top: 0px;}
	.newsboxWrap .newsList .newsbox a {padding: 20px 25px;}
	.newsboxWrap .newsList .newsbox .title {width: 100%; line-height: 3.2rem; height: auto; max-height: 9.6rem; float: none; -webkit-line-clamp: 3;}
	.newsboxWrap .newsList .newsbox .date {width: 100%; font-size: 1.6rem; line-height: 2.4rem; float: none; text-align: right; display: block; padding-top: 10px;}
	
	.boardPagingWrap {padding: 40px 0px 10px 0px;}
	.pagination a.num:nth-child(n+7) {display: none;}
	.pagination a {width: 40px; height: 40px; line-height:38px;}
	.pagination a.num {font-size: 2.4rem;}
	
	.businessWrap.ES300-002.ES300-014 {margin-top: 30px; padding-bottom: 20px;}
	.businessWrap.ES300-002.ES300-014 .businessList {padding: 7% 0;}
	
	.ES300-012 .wordBrake {display: block; margin-top: 20px;}
	.ES300-012 .wordBrake:first-child {margin-top: 0px;}
	.formboxWrap.ES300-012 .formbox .btnInbox {display: block;}
	.formboxWrap.ES300-012 .formbox .btnInbox .btn {margin-top: 1.5rem; margin-left: 0px; font-size: 1.8rem; width: 100%;}
	.layerPopWrap.pullWrapPop .layerPopCont.w1000.w900.ES300-012 .contBox {padding-bottom: 130px;}
	
	.newsLetter .title {font-size: 2.4rem; line-height: 3.5rem;}
	.newsLetter .formbox {display: block;}
	.newsLetter .btnWrap .btn {max-width: 100%;}
	
	.img01_300_011 {padding-bottom: calc(1848px + 60px); background: url(../images/ES/img01_300-011_mo_1.png) no-repeat top center; background-size: 311px;}
	.img02_300_011 {padding-bottom: calc(507px + 60px); background: url(../images/ES/img02_300-011_mo.png) no-repeat top center; background-size: 258px;}
	.img03_300_011 {padding-bottom: calc(1187px + 60px); background: url(../images/ES/img03_300-011_mo.png) no-repeat top center; background-size: 266px;}
	.img04_300_011 {padding-bottom: calc(667px + 60px); background: url(../images/ES/img04_300-011_mo.png) no-repeat top center; background-size: 310px;}
	.img05_300_011 {padding-bottom: calc(910px + 60px); background: url(../images/ES/img05_300-011_mo_new.png) no-repeat top center; background-size: 286px;}
	.img01_300_101 {padding-bottom: calc(2020px + 60px); background: url(../images/ES/img01_300_101_mo.png) no-repeat top center; background-size: 310px;}
	.img02_300_101 {margin: 50px auto 40px auto; padding-bottom: 697px; background: url(../images/ES/img02_300_101_mo.png) no-repeat top left; background-size: 246px;}
	.infoBox.ES300-011 li {font-size: 1.8rem; }
	.infoBox.ES300-011 {padding-bottom: 40px;}

	.newsLink.ES200-011 {margin-top: 0px;}
	
	.scrollDownCenter { display:none;}
	#wrap .mainImg h1 {text-align: left; top: 120px; font-size: 2.8rem; line-height: 4.4rem; left: 30px; transform: unset; width: calc(100% - 60px);}
	#wrap .mainImgSwiper .swiper-button-next, #wrap .mainImgSwiper .swiper-button-prev {position: absolute; top: calc(7% + 252px); left: 30px; bottom: auto; width: 40px; height: 40px; background-size: cover;}
	#wrap .mainImgSwiper .swiper-button-next {left: 85px; }
	#wrap .innerBoxBG1 {background:url('../images/ES/img_visual1_mo.png') no-repeat center center; background-size:cover;}
	#wrap .innerBoxBG2 {background:url('../images/ES/img_visual2_mo.png') no-repeat center center; background-size:cover;}
	#wrap .innerBoxBG3 {background:url('../images/ES/img_visual3_mo.png') no-repeat center center; background-size:cover;}
	#wrap .innerBoxBG4 {background:url('../images/ES/img_visual4_mo.png') no-repeat center center; background-size:cover;}
	.renewal_floatBanner .floatBanner {bottom: 30px; right: 25px;}
	.renewal_floatBanner .floatBanner1 {right: 175px;}
	.btnMainTop {bottom: 235px;}
	
	.layerPopWrap .layerPopCont.w1000 .contBox .agreeWrap #iframeWrap {height: 100%;}
	#wrap .mainSec2 .innerBox .newsDiv {margin-top: 0px; margin-bottom: 60px;}
	
	.downloadFile {margin-top: 30px; padding: 20px; background: url(../images/ES/icon_filedown.png) #f5f6f8 no-repeat right 20px top 20px; background-size: 25px 25px;}
	.downloadFile .fileWrap {display: block;}
	.downloadFile .fileWrap .fileName {width: 100%; max-width: 100%; display: block;}
	.downloadFile .fileWrap .fileSize {display: block; padding-left: 0px; margin-top: 10px;}
	
	.questionWrap.ES300-106 .topBox .inbox .tit {font-size: 1.8rem;}
	.ES300-109 .list.referenceMark li {font-size: 1.8rem;}
	
	.gradeWrap {padding: 20px 25px 0 25px;}
	.resultlist.list2 .content_wrap .grade_wrap .table tr td.big_text.big_text1 {font-size: 4rem;}
	.ES300-108 .resultlist.list3 .opinion_table_wrap .table tr td .text_wrap {font-size: 1.8rem; padding: 22px 20px 0;}
	.resultlist.list3 .opinion_table_wrap .table tr td .text_wrap p {font-size: 1.8rem;}
	
	.renewal_floatBanner .floatBanner2.on {bottom: 30px;}
	.renewal_floatBanner .floatBanner3.on {bottom: 30px; right: 160px;}
	.layerPopWrap.modalPop.commonType.on {padding: 0 20px;}

	.mo-only {display: block;}
	.t-only {display: none;}
	.pc-only {display: none;}
}

@media screen and (max-width:360px) {
	.tableWrap .tableList li .tit {width: 30%;}
	.tableWrap .tableList li .txt {width: 70%;}
	.formboxWrap .inpbox.flex.moFlexNone { display: block;}
	.formboxWrap .inpbox.flex.moFlexNone * + * { margin-left: 0px; margin-top:10px;}
	.formboxWrap.ES300-014 .inpbox input {margin-top: 00px;}
	
	.img01_200_001 {padding-bottom: calc(425.48% + 60px); background-size: 100%;}
	.img02_200_001 {padding-bottom: calc(210.32% + 10px); background-size: 100%;}
	.resultlist .table_wrap.dataTable .table tr td.conBox:after {height: 30px; font-size: 1.4rem; line-height: 1.9rem;}
	.resultlist .table_wrap.dataTable .table tr td.conBox1, .resultlist .table_wrap.dataTable .table tr td.conBox2 {font-size: 1.8rem;}
	.resultlist .table_wrap.dataTable .table tr td.conBox1,
	.resultlist .table_wrap.dataTable .table tr td.conBox2 {padding: 40px 0 10px 0;}
	
	.img01_300_011 {padding-bottom: calc(596.2% + 60px); background-size: 100%;}
	.img04_300_011 {padding-bottom: calc(215.2% + 60px); background-size: 100%;}
}

@media screen and (max-width:340px) {
	.ecoyaBox.type2 li .textBox {margin-top: 15px;}
	.ecoyaBox.type2 li .textBox .ecoBox {width: calc(100% - 36px); margin-left: 10px;}
	.ecoyaBox.type2 li .textBox .bigTitNum {font-size: 4rem; line-height: 5.2rem;}
	.ecoyaBox.type2 li .textBox .tit {font-size: 1.8rem; line-height: 5.2rem;}
	.ecoyaBox.type2 li .textBox ul li {font-size: 1.6rem; padding-left: 16px; margin-top: 10px;}
	
	.img02_300_011 {padding-bottom: calc(196.6% + 60px); background-size: 100%;}
	.img03_300_011 {padding-bottom: calc(446.3% + 60px); background-size: 100%;}	
	.img05_300_011 {padding-bottom: calc(318.2% + 60px); background-size: 100%;}
	
	.list.number li .down {font-size: 1.6rem;}
}

@media screen and (max-width:320px) {
	.newsWrap .view_btnWrap .view_btn {font-size: 1.4rem; width: 80px;}
	.newsWrap .view_btnWrap .view_btn.leftarrow {padding-left: 15px;}
	.newsWrap .view_btnWrap .view_btn.rightarrow {padding-right: 15px;}
	.layerPopWrap.modalPop.on {padding: 0 20px;}
	
	.iscreamBox .titleImg { width: 140px;}
	.ecoyaBox.type2 li .textBox .tit {line-height: 2.9rem; padding: 5% 0;}
	
	.pagination a {width: 30px; height: 30px; line-height:28px;}
	.pagination a.num {font-size: 1.6rem;}
	.onlymomode a.ESbtn {font-size: 1.6rem;}
	
	#wrap .mainImg h1 {font-size: 2.6rem; left: 25px; width: calc(100% - 50px);}
	#wrap .mainImgSwiper .swiper-button-next, #wrap .mainImgSwiper .swiper-button-prev {top: calc(8.5% + 252px); left: 25px;}
	#wrap .mainImgSwiper .swiper-button-next {left: 85px; }
	.renewal_floatBanner .floatBanner1 {right: 155px;}
	.list.number li .down {font-size: 1.4rem;}
	
	.renewal_floatBanner .floatBanner2.on {right: 10px;}
	.renewal_floatBanner .floatBanner3.on {right: 140px;}
	.onlymomode a.ESbtn.lineBtn.txtflexible {font-size: 5vw;}
}