@charset "utf-8";
/*footer : s*/
.visit_select{display:flex;display:-ms-flexbox;margin:0 80px;}
.visit_select li{flex:1}
.visit_select li ~ li{margin-left:30px;}
.visit_select a{display:block;height:404px;border-radius:10px;position:relative;}
.visit_select a:before{content:"";display:block;width:100%;height:404px;border:1px solid #e9e9e9;border-radius:10px;position:absolute;left:0;top:0;}
.visit_select a .img{text-align:center;display:block;padding:60px 0 35px;}
.visit_select a .text{font-size:26px;text-align:center;line-height:1.6;display:flex;display:-ms-flexbox;align-items:center;-ms-flex-align:center;justify-content:center;-ms-flex-pack:center;height:82px;}
.visit_select a:hover,
.visit_select a:focus{box-shadow: 0 7px 20px rgba(0, 0, 0, 0.15);}
.visit_select a:hover .text,
.visit_select a:focus .text{font-weight:bold;color:#008ed0;}
.visit_select a:hover:before,
.visit_select a:focus:before{display:none;}
.stepArea{display:flex;margin:60px 0}
.stepArea li{flex:1;-ms-flex:1;position:relative;background:#f9f9f9;display:flex;display:-ms-flexbox;align-items:center;-ms-flex-align:center;padding:0 39px;height:75px;color:#808080;border-radius:75px;}
.stepArea li .step{font-size:16px;}
.stepArea li .text{font-weight:700;font-size:20px;margin-left:20px;flex:1;-ms-flex:1}
.stepArea li.end{background:#f1fcff;color:#008ed0;}
.stepArea li.on{background:#008ed0;color:#ffffff;}
.stepArea li ~ li{margin-left:50px;}
.stepArea li ~ li:before{content:"";display:block;background:url("/new/cn/asset/images/content/step_arr.png") no-repeat;width:11px;height:17px;position:absolute;left:-30px;top:50%;margin-top:-9px;}
.stepArea li.end ~ li.on:before,
.stepArea li.end ~ li.end:before{background:url("/new/cn/asset/images/content/step_arr_on.png") no-repeat;}

.agreeWrap ~ .agreeWrap{margin-top:115px;}
.agreeWrap .agreeScroll{border:1px solid #dddddd;border-radius:10px;height:300px;font-size:18px;color:#222222;}
.agreeWrap .agreeScroll .scrollInner{padding:35px;}
.agreeWrap .agreeScroll .tit{font-weight:500;margin-bottom:25px;}
.agreeWrap .agreeBottomArea{margin-top:30px;display:flex;display:-ms-flexbox;align-items:center;-ms-flex-align:center}
.agreeWrap .agreeBottomArea .title{flex:1;-ms-flex:1;color:#222222;font-size:20px;font-weight:bold;}
.agreeWrap .agreeBox{border:1px solid #dddddd;border-radius:10px;padding:35px;font-size:18px;}
.agreeWrap .agreeBox .agreeList li{display:flex;display:-ms-flexbox;}
.agreeWrap .agreeBox .agreeList li ~ li{margin-top:25px;}
.agreeWrap .agreeBox .agreeList li .title{flex:1;-ms-flex:1;color:#222222;}

/*동행자*/
.companionArea{margin-top:10px;position:relative;}
.companionArea .infoText{font-size:18px;position:absolute;left:0;top:25px;}
.companionArea .btnAdd{text-align:right;padding-top:20px;}
.companionListArea{display:flex;display:-ms-flexbox;flex-wrap:wrap;-ms-flex-wrap:wrap;justify-content:space-between}
.companionListArea.on{padding-top:80px;margin-bottom:-20px;}
.companionListArea .companionItem{width:580px;border:1px solid #dddddd;border-radius:5px;padding:39px;position:relative;margin-bottom:20px;}
.companionListArea .companionItem .btnDel{overflow:hidden;display:block;position:absolute;top:19px;right:19px;width:18px;height:18px;background:url('/new/cn/asset/images/common/btn_popup_close.png') no-repeat;-webkit-background-size:18px auto;background-size:18px auto;text-indent:-99999px;}

/*초청자 검색*/
.tableSelectList{border-top:2px solid #222222;}
.tableSelectList ul.thArea{display:flex;display:-ms-flexbox;align-items:center;-ms-flex-align:center}
.tableSelectList ul li{text-align:center;font-size:18px;height:70px;line-height:70px;border-bottom:1px solid #dddddd;}
.tableSelectList ul.thArea li{border-bottom:1px solid #222222;font-weight:500;}
.tableSelectList ul.tdArea li:last-child{border-bottom:0;}
.tableSelectList ul li button{display:flex;display:-ms-flexbox;align-items:center;-ms-flex-align:center;width:100%;font-size:18px;height:70px;line-height:70px;}
.tableSelectList ul li button.on{background:#f1fcff;}
.tableSelectList .name{width:180px;}
.tableSelectList .hp{flex:1;-ms-flex:1}
.tableSelectList .select{width:120px;height:70px;}
.tableSelectList ul.tdArea .select{background:url("/new/cn/asset/images/common/icon_table_select_off.png") no-repeat center center;}
.tableSelectList ul.tdArea .on .select{background:url("/new/cn/asset/images/common/icon_table_select_on.png") no-repeat center center;}
.tableSelectList .tableScrollArea{border-bottom:1px solid #dddddd;height:210px;overflow-y:auto;}
.noData{display:flex;display:-ms-flexbox;align-items:center;-ms-flex-align:center;justify-content:center;-ms-flex-pack:center;width:100%;height:100%;font-size:18px;color:#808080;}
.noData.icon_nodata{height:500px;margin-top:-45px;border-bottom:1px solid #DDDDDD;}
.noData.icon_nodata.noLine{border-bottom:0;}
.noData.icon_nodata span{background:url("/new/cn/asset/images/common/icon_nodata.png") no-repeat center top;padding-top:145px;font-size:20px;color:#222222;}

.visit_end_box{background:#f9f9f9;height:740px;display:flex;display:-ms-flexbox;align-items:center;-ms-flex-align:center;flex-direction:column;-ms-flex-direction:column;justify-content:center;-ms-flex-pack:center;border-radius:10px;}
.visit_end_box.cancelEnd{height:620px; }
.visit_end_box .progressArea{display:flex;display:-ms-flexbox;}
.visit_end_box .progressArea li{position:relative;background:#ffffff;width:180px;height:180px;color:#808080;border-radius:180px;}
.visit_end_box .progressArea li .step_img{display:block;height:135px;}
.visit_end_box .progressArea li .step_img:only-child{display:block;height:100%;background-position:center center !important;}
.visit_end_box .progressArea li .text{font-size:16px;display:block;text-align:center;}
.visit_end_box .progressArea li.end{background:#f1fcff;color:#008ed0;}
.visit_end_box .progressArea li.on{color:#008ed0;}
.visit_end_box .progressArea li.on .text{font-weight:bold;}
.visit_end_box .progressArea li .step_img.step1_img{background:url("/new/cn/asset/images/content/step_end_img_01_off.png") no-repeat center 50px;}
.visit_end_box .progressArea li.on .step_img.step1_img{background:url("/new/cn/asset/images/content/step_end_img_01_on.png") no-repeat center 50px;}
.visit_end_box .progressArea li .step_img.step2_img{background:url("/new/cn/asset/images/content/step_end_img_02_off.png") no-repeat center 50px;}
.visit_end_box .progressArea li.on .step_img.step2_img{background:url("/new/cn/asset/images/content/step_end_img_02_on.png") no-repeat center 50px;}
.visit_end_box .progressArea li .step_img.step3_img{background:url("/new/cn/asset/images/content/step_end_img_03_off.png") no-repeat center 50px;}
.visit_end_box .progressArea li.on .step_img.step3_img{background:url("/new/cn/asset/images/content/step_end_img_03_on.png") no-repeat center 50px;}
.visit_end_box .progressArea li .step_img.step4_img{background:url("/new/cn/asset/images/content/step_end_img_04_off.png") no-repeat center 50px;}
.visit_end_box .progressArea li.on .step_img.step4_img{background:url("/new/cn/asset/images/content/step_end_img_04_on.png") no-repeat center 50px;}
.visit_end_box .progressArea li .step_img.step_cancel{background:url("/new/cn/asset/images/content/step_cancel.png") no-repeat center center;}

.visit_end_box .progressArea li ~ li{margin-left:50px;}
.visit_end_box .progressArea li ~ li:before{content:"";display:block;background:url("/new/cn/asset/images/content/step_arr.png") no-repeat;width:11px;height:17px;position:absolute;left:-30px;top:50%;margin-top:-9px;}
.visit_end_box .progressArea li.end ~ li.on:before,
.visit_end_box .progressArea li.end ~ li.end:before{background:url("/new/cn/asset/images/content/step_arr_on.png") no-repeat;}
.visit_end_box .title{margin-top:65px;font-size:26px;font-weight:500;}
.visit_end_box .txt{margin:18px 0 60px 0;font-size:18px;}


.tableBottomInfo{display:flex;margin-top:25px;}
.tableBottomInfo li{font-size:16px;position:relative;padding-left:18px;color:#808080;line-height:1;}
.tableBottomInfo li:before{content:"";width:10px;height:10px;position:absolute;left:0;top:50%;margin-top:-5px;border-radius:10px;}
.tableBottomInfo li.flagRed .title{color:#e11900;}
.tableBottomInfo li.flagRed:before{background:#e11900;}
.tableBottomInfo li.flagBlue .title{color:#008ed0;}
.tableBottomInfo li.flagBlue:before{background:#008ed0;}
.tableBottomInfo li.flagGray .title{color:#808080;}
.tableBottomInfo li.flagGray:before{background:#808080;}
.tableBottomInfo li ~ li{margin-left:30px;}

.loginWrap{width:520px;margin:0px auto 0 auto;}
.loginWrap .idPwdArea{margin-bottom:60px;}
.loginWrap .idPwdArea li ~ li{margin-top:20px;}
.loginWrap .idPwdArea li.save{margin-top:30px;}

.searchBoxArea{border-radius:5px;background:#ffffff;box-shadow: 0px 5px 10px 3px rgba(0, 0, 0, 0.15);padding:40px;}
.addressText{margin:8px 0;}
.addressText li{display:flex;line-height:1.6;}
.addressText li ~ li{margin-top:8px;}
.addressText li .title{width:70px;flex:none;-ms-flex:none}

.personContent{background:#f9f9f9;padding:40px;line-height:1.8;font-size:18px;}
/*footer : e*/
/*기업정보 : s*/
.companyContentList{margin-top:60px;}
.companyContentList ul{display:flex;display:-ms-flexbox;}
.companyContentList ul ~ ul{margin-top:90px;}
.companyContentList ul li{width:580px;}
.companyContentList ul li ~ li{margin-left:120px;}
.companyContentList ul li .title{margin-top:40px;display:flex;display:-ms-flexbox;line-height:1;align-items:center;-ms-flex-align:center;}
.companyContentList ul li .title strong{display:inline-block;font-size:26px;font-weight:700;position:relative;}
.companyContentList ul li .title:after{content:"";display:inline-block;margin-left:12px;background:url("/new/cn/asset/images/content/title_arr.png") no-repeat;width:12px;height:20px;background-size:12px auto;margin-top:1px;}
.companyContentList ul li .text{font-size:18px;color:#555555;margin-top:20px;line-height:1.6;}

.companyContentList .img{display:block;border-radius:10px;overflow:hidden;position:relative;}
.companyContentList .img img{transition:all 1s}
.companyContentList a:hover .img img,
.companyContentList a:focus .img img{transform:scale(1.1)}


.managementContent{border:1px solid #DDDDDD;border-radius:10px;padding: 43px 50px;display:flex;display:-ms-flexbox;}
.managementContent .item{width:370px;text-align:center;}
.managementContent .item ~ .item{margin-left:35px;}
.managementContent .item .title{line-height:1;font-size:16px;}
.managementContent .item .title strong{display:block;font-size:32px;font-weight:700;margin-bottom: 13px;color:#008ed0;}
.managementContent .item .boxList{margin-top: 42px;}
.managementContent .item .boxList li{background:#f9f9f9;line-height:1.6;padding: 25px 30px 25px 30px;text-align:left;border-radius:10px;}
.managementContent .item .boxList li ~ li{margin-top:15px;}
.managementContent .item .boxList li strong{font-size:20px;font-weight:700;color:#222222;}
.managementContent .item .boxList li p{margin-top:1px;font-size:16px;color:#555555;line-height:1.9;}

.profileContent{display:flex;display:-ms-flexbox;margin:-15px;flex-wrap:wrap;-ms-flex-wrap:wrap}
.profileContent li{width:406px;text-align:center;margin:15px;background:#f9f9f9;height:260px;border-radius:10px;}
.profileContent li .icon{margin-top:40px;height:96px;}
.profileContent li .title{line-height:1;font-size:16px;color:#555555;}
.profileContent li .text{font-size:26px;font-weight:700;line-height:1;margin-top:18px;display:block;}
.profileContent li .info{font-size:13px;line-height:1;margin-top:10px;display:block;color:#555555;}

.ceoList li ~ li{margin-top:120px;}
.ceoList li .imgArea{border-bottom:1px solid #DDDDDD;position:relative;}
.ceoList li .imgArea .btnToggleCeo{background:#008ed0;max-width:54px;height:54px;border-radius:54px;position:absolute;right:0;bottom:19px;text-indent:-99999px;overflow:hidden;box-shadow:5px 5px 10px 2px rgba(0,142,208,0.15);display:flex;display:-ms-flexbox;align-items:center;-ms-flex-align:center;justify-content:center;-ms-flex-pack:center;transition:max-width 0.3s;min-width:54px;white-space:nowrap}
.ceoList li .imgArea .btnToggleCeo:hover{text-indent:0;background:#ffffff;color:#008ed0;font-size:18px;padding:0 20px;width:auto;font-weight:500;max-width:200px;}
.ceoList li .imgArea .btnToggleCeo:after{
	content:"";
	display:inline-block;
	background:url("/new/cn/asset/images/content/icon_down_arr.png") no-repeat;
	width:18px;
	height:11px;
}
.ceoList li .imgArea .btnToggleCeo:hover:after{
	margin-left:10px;
	background-image:url("/new/cn/asset/images/common/icon_down_b.png");
}
.ceoList li.on .imgArea .btnToggleCeo:after{
	transform:rotate(180deg);
}
.ceoList li.on .imgArea{border-bottom:2px solid #222222;}
.ceoList li .conArea{font-size:18px;line-height:1.6;color:#555555;padding:60px 40px;display:none;}

/*.historyBg{background:url(/new/cn/asset/images/content/history_bg.png) no-repeat right -70px bottom;}*/
.historyWrap{overflow:visible}
.historyWrap .swiper-slide{width:auto;}
.historyWrap .swiper-scrollbar{display:none;}
.historyList{display:flex;flex-wrap:nowrap;margin:80px 0;}
.historyList .titleArea{font-size:58px;line-height:1.3;white-space:nowrap;font-weight:700;padding-left:20px;background:url("/new/cn/asset/images/content/history_dot.png") no-repeat;}
.historyList .titleArea.ml120{margin-left:120px;}
.historyList .historyItem + .titleArea{margin-left:120px;}
.historyList .historyItem{margin-left:120px;max-width:500px;}
.historyList .historyItem .year{font-size:42px;color:#222222;font-weight:700;line-height:1;height:72px;}
.historyList .historyItem .yearList > li{display:flex;display:-ms-flexbox;font-size:20px;line-height:1.6;}
.historyList .historyItem .yearList > li ~ li{margin-top:10px;}
.historyList .historyItem .yearList > li .month{flex:none;-ms-flex:none;width:50px;font-weight:700;}
.historyList .historyItem .yearList > li .txtList{margin-top:2px;}
.historyList .historyItem .yearList > li.img{margin:20px 0 30px 0;width:500px;height:300px;position:relative;border-radius:10px;overflow:hidden;}
.historyList .historyItem .yearList > li.img img{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
.historyList .historyItem .yearList > li .txtList li{color:#222222;padding-left:0;}
.historyList .historyItem .yearList > li .txtList li.img{margin:30px 0 30px -50px !important;padding-left:0;width:500px;height:300px;position:relative;border-radius:10px;overflow:hidden;}
.historyList .historyItem .yearList > li .txtList li.img img{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
.historyList .historyItem .yearList > li .txtList li:before{display:none;}
.rightUint{font-size:13px;text-align:right;margin-bottom:20px;line-height:1;color:#555555;}


.chartBox{border:1px solid #dddddd;border-radius:10px;width:625px;height:490px;padding:40px 48px 110px 48px;}
.chartBox.full{width:100%;}
.chartBox .chartArea{width:100%;height:292px;display:flex;display:-ms-flexbox;align-items:flex-end;-ms-flex-align:end;justify-content:center;-ms-flex-pack:center;padding:0 0 0 65px;position:relative;word-break:keep-all}
.chartBox .chartArea .chartObj{/* position: absolute; *//* left: 0; *//* top: 0; */width: 100%;/* padding-left: 65px; */height: 100%;}
.chartBox .chartArea .chartObj ~ .chartObj{margin-left: 0;}
.chartBox .chartArea .chartObj .title{font-size:18px;color:#222222;font-weight:bold;text-align:center;padding-top: 45px;}
.chartBox .chartArea .lines{position:absolute;left:0;top:0;}
.chartBox .chartArea .lines {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.chartBox .chartArea .lines .horz {
	position: absolute;
	left: 0;
	width: 100%;
	border-top: 1px dashed #b5b5b5;
}

.chartBox .chartArea .lines .horz.end {
	border-top: 1px solid #b5b5b5;
}

.chartBox .chartArea .lines .horz em {
	position: absolute;
	left: 0;
	top: -7px;
	font-weight: 100;
	font-size: 15px;
	letter-spacing: 0;
	text-align: right;
	background: #fff;
	padding-right: 15px;
	width: 70px;
}
.chartBox .chartArea .barArea{display:flex;display:-ms-flexbox;align-items:flex-end;-ms-flex-align:end;justify-content:center;-ms-flex-pack:center;height: 292px;}
.chartBox .chartArea .barArea li{position:relative;/* padding-top:36px; */height: 292px;width: 40px;}
.chartBox .chartArea .barArea li ~ li{margin-left:32px;}
.chartBox .chartArea .barArea li .chartTextBox{border:1px solid #37b5f7;line-height:24px;height:26px;padding:0 10px;border-radius:26px;background:#ffffff;position: absolute;left:50%;top: -33px;transform:translate(-50%,0);}
.chartBox .chartArea .barArea li .bar{width:40px;background:#f5f5f5;transition:0.8s all;position: absolute;left: 0;bottom: 0;height: 100%;}
.chartBox .chartArea .barArea.barAni li .bar{height:0 !important;}
.chartBox .chartArea .barArea.barAni li .chartTextBox{opacity:0}
.chartBox .chartArea .barArea li .year{font-size:16px;color:#808080;padding-top: 10px;line-height: 1;text-align: center;position: absolute;left: 50%;bottom: -25px;transform: translate(-50%,0);}
.chartBox .chartArea .barArea li.blue .chartTextBox{border:1px solid #37b5f7;}
.chartBox .chartArea .barArea li.blue .bar{background:#37b5f7;}
.chartBox .chartArea .barArea li.green .chartTextBox{border:1px solid #0dd784;}
.chartBox .chartArea .barArea li.green .bar{background:#0dd784;}
.chartBox .chartArea .barArea li.yellow .chartTextBox{border:1px solid #f7c837;}
.chartBox .chartArea .barArea li.yellow .bar{background:#f7c837;}

.mapArea{margin-top:100px;background:url("/new/cn/asset/images/content/network_map_bg.png") no-repeat;height:598px;position:relative;}
.mapArea .mapBg{height:598px;display:none;}
.mapArea .mapBg.on{height:598px;display:block;}
.mapArea .mapBg.world1{background-image:url("/new/cn/asset/images/content/network_world_01.png")}
.mapArea .mapBg.world2{background-image:url("/new/cn/asset/images/content/network_world_02.png")}
.mapArea .mapBg.world3{background-image:url("/new/cn/asset/images/content/network_world_03.png")}
.mapArea .mapBg.world4{background-image:url("/new/cn/asset/images/content/network_world_04.png")}
.mapArea .mapBg.world5{background-image:url("/new/cn/asset/images/content/network_world_05.png")}
.mapArea .mapBg.world6{background-image:url("/new/cn/asset/images/content/network_world_06.png")}
.mapArea .mapBg.world7{background-image:url("/new/cn/asset/images/content/network_world_07.png")}
.mapArea .pinArea{position:absolute;left:0;top:0;}
.mapArea .mapItem{position:absolute;}
.mapArea .mapItem .btnLocation{background: url("/new/cn/asset/images/content/map_pin_off.png") no-repeat 0 1px;padding: 0 0 18px 35px;color:#808080;font-size:16px;font-weight:bold;line-height:1;background-size:24px auto !important;}
.mapArea .mapItem .btnLocation span{display:inline-block;background:#ffffff;border-radius:10px;padding: 8px 12px;box-shadow: 0 5px 13px rgba(0, 0, 0, 0.15);z-index:10;white-space:nowrap;}
.mapArea .mapItem.on .btnLocation,
.mapArea .mapItem .btnLocation:hover{background-image:url("/new/cn/asset/images/content/map_pin_on.png") !important;color:#222222;}
.mapArea .mapItem .btnLocation.right{background:url("/new/cn/asset/images/content/map_pin_off.png") no-repeat right top;padding: 11px 44px 18px 0;}
.mapArea .mapItem .mapItemPop{position:absolute;left:35px;top:0;background:#ffffff;border-radius:10px;padding:25px;width:410px;box-shadow: 0 5px 13px rgba(0, 0, 0, 0.15);display:none;z-index:10}
.mapArea .mapItem.on .mapItemPop{display:block;}
.mapArea .mapItem .mapItemPop .title{font-size:20px;line-height:1.6;font-weight:bold;margin:-5px 0 20px;}
.mapArea .mapItem .mapItemPop ul li{padding-left:27px;font-size:16px;color:#808080;line-height:1.6;}
.mapArea .mapItem .mapItemPop ul li ~ li{margin-top:10px;}
.mapArea .mapItem .mapItemPop ul li.address{background:url("/new/cn/asset/images/content/map_icon_01.png") no-repeat left 4px;}
.mapArea .mapItem .mapItemPop ul li.tel{background:url("/new/cn/asset/images/content/map_icon_02.png") no-repeat left 4px;}
.mapArea .mapItem .mapItemPop ul li.email{background:url("/new/cn/asset/images/content/map_icon_03.png") no-repeat left 2px top 4px;}
.mapArea .mapItem .mapItemPop .btnClose{width:12px;height:12px;position:absolute;right:15px;top:15px;background:url("/new/cn/asset/images/content/btn_map_close.png") no-repeat;font-weight:bold;z-index:1;overflow:hidden;text-indent:-9999px;}
.mapArea .mapItem.mapItem1{
	left: 975px;
	top: 227px;
}
.mapArea .mapItem.mapItem1 .mapItemPop{
	left: -120px;
	top: 40px;
}
.mapArea .mapItem.mapItem2{
	left: 470px;
	top: 218px;
}
.mapArea .mapItem.mapItem3{
	left: 352px;
	top: 238px;
}
.mapArea .mapItem.mapItem4{
	left: 429px;
	top: 373px;
}

.mapArea .mapItem.mapItem5{
	left: 390px;
	top: 335px;
}

.mapArea .mapItem.mapItem6{
	left: 500px;
	top: 438px;
}

.mapArea .mapItem.mapItem7{
	left: 1093px;
	top: 186px;
}
.mapArea .mapItem.mapItem7 .mapItemPop{
	left: -280px;
	top: -200px;
}

.mapArea .mapItem.mapItem8{
	left: 40px;
	top: 150px;
}

.mapArea .mapItem.mapItem9{
	left: 397px;
	top: 277px;
}

.mapArea .mapItem.mapItem10{
	left: 1078px;
	top: 279px;
}
.mapKoreaBox{border-radius:10px;border:1px solid #dddddd;margin-top:100px;}
.mapKoreaBox .mapKorea{background:url("/new/cn/asset/images/content/map_korea.png") no-repeat;width:478px;height:698px;position:relative;margin:0 auto;}
.mapKoreaBox .mapKorea .btnLocation{background:url("/new/cn/asset/images/content/map_pin_off.png") no-repeat center top;background-size:32px auto;width:32px;height:44px;}
.mapKoreaBox .mapKorea .btnLocation.on{background-image:url("/new/cn/asset/images/content/map_pin_on.png")}
.mapKoreaBox .mapKorea .btnLocation span{display:none;background:#ffffff;border-radius:10px;position:absolute;left:34px	;top:0;padding:0 14px 1px 14px;line-height:30px;font-size:16px;font-weight:500;color:#222222;white-space:nowrap;box-shadow: 0 2px 10px 1px rgba(0, 0, 0, 0.1);}
.mapKoreaBox .mapKorea .btnLocation.location1{position:absolute;left: 123px;top: 144px;}
.mapKoreaBox .mapKorea .btnLocation.location2{position:absolute;left: 189px;top: 443px;}
.mapKoreaBox .mapKorea .btnLocation.location3{position:absolute;left: 130px;top: 183px;}
.mapKoreaBox .mapKorea .btnLocation.location4{position:absolute;left: 318px;top: 430px;}
.mapKoreaBox .mapKorea .btnLocation.location5{position:absolute;left: 257px;top: 328px;}
.mapKoreaBox .mapKorea .btnLocation.location6{position:absolute;left: 349px;top: 326px;}
.mapKoreaBox .mapKorea .btnLocation.location7{position:absolute;left: 169px;top: 257px;}
.mapKoreaBox .mapKorea .btnLocation.location8{position:absolute;left: 156px;top: 457px;}
.mapKoreaBox .mapKorea .btnLocation.location9{position:absolute;left: 198px;top: 107px;}
.mapKoreaBox .mapKorea .btnLocation.location10{position:absolute;left: 120px;top: 345px;}
.mapKoreaBox .mapKorea .btnLocation.location11{position:absolute;left: 108px;top: 118px;}
.mapKoreaBox .mapKorea .btnLocation.location12{position:absolute;left: 153px;top: 155px;}
.mapKoreaBox .mapKorea .btnLocation.location13{position:absolute;left: 80px;top: 280px;}
.mapKoreaBox .mapKorea .btnLocation.location14{position:absolute;left: 344px;top: 405px;}
.mapKoreaBox .mapKorea .btnLocation.location18{position:absolute;left: 97px;top: 155px;}
.mapKoreaBox .mapKorea .btnLocation.location19{position:absolute;left: 193px;top: 177px;}
.mapKoreaBox .mapKorea .btnLocation.on span,
.mapKoreaBox .mapKorea .btnLocation:hover span,
.mapKoreaBox .mapKorea .btnLocation:focus span{display:block;z-index:1;}


.mapKoreaBox .mapKorea.gasMap{background:url("/new/cn/asset/images/content/gas_map_00.png") no-repeat;width:512px;height:698px;position:relative;margin:0 auto;}
.mapKoreaBox .mapKorea.gasMap.gasMap1{background:url("/new/cn/asset/images/content/gas_map_01.png") no-repeat;}
.mapKoreaBox .mapKorea.gasMap.gasMap2{background:url("/new/cn/asset/images/content/gas_map_02.png") no-repeat;}
.mapKoreaBox .mapKorea.gasMap.gasMap3{background:url("/new/cn/asset/images/content/gas_map_03.png") no-repeat;}
.mapKoreaBox .mapKorea.gasMap.gasMap4{background:url("/new/cn/asset/images/content/gas_map_04.png") no-repeat;}
.mapKoreaBox .mapKorea.gasMap.gasMap5{background:url("/new/cn/asset/images/content/gas_map_05.png") no-repeat;}
.mapKoreaBox .mapKorea.gasMap.gasMap6{background:url("/new/cn/asset/images/content/gas_map_06.png") no-repeat;}
.mapKoreaBox .mapKorea.gasMap.gasMap7{background:url("/new/cn/asset/images/content/gas_map_07.png") no-repeat;}
.mapKoreaBox .mapKorea.gasMap.gasMap8{background:url("/new/cn/asset/images/content/gas_map_08.png") no-repeat;}
.mapKoreaBox .mapKorea.gasMap .btnLocation.location1{position:absolute;left: 186px;top: 165px;}
.mapKoreaBox .mapKorea.gasMap .btnLocation.location2{position:absolute;left: 354px;top: 435px;}
.mapKoreaBox .mapKorea.gasMap .btnLocation.location3{position:absolute;left: 283px;top: 325px;}
.mapKoreaBox .mapKorea.gasMap .btnLocation.location4{position:absolute;left: 383px;top: 320px;}
.mapKoreaBox .mapKorea.gasMap .btnLocation.location5{position:absolute;left: 217px;top: 262px;}
.mapKoreaBox .mapKorea.gasMap .btnLocation.location6{position:absolute;left: 196px;top: 464px;}
.mapKoreaBox .mapKorea.gasMap .btnLocation.location7{position:absolute;left: 154px;top: 379px;}
.mapKoreaBox .mapKorea.gasMap .btnLocation.location8{position:absolute;left: 232px;top: 104px;}
.mapKoreaBox .mapKorea .btnLocation.company {background-image:url('/new/cn/asset/images/content/map_pin_company_off.png');}
.mapKoreaBox .mapKorea .btnLocation.gas {background-image:url('/new/cn/asset/images/content/map_pin_gas_off.png');}
.mapKoreaBox .mapKorea .btnLocation.energy {background-image:url('/new/cn/asset/images/content/map_pin_energy_off.png');}
.mapKoreaBox .mapKorea .btnLocation.lng {background-image:url('/new/cn/asset/images/content/map_pin_lng_off.png');}
.mapKoreaBox .mapKorea .btnLocation.sunlight {background-image:url('/new/cn/asset/images/content/map_pin_sunlight_off.png');}
.mapKoreaBox .mapKorea .btnLocation.h2 {background-image:url('/new/cn/asset/images/content/map_pin_h2_off.png');}

.mapKoreaBox .mapKorea .btnLocation.company.on,
.mapKoreaBox .mapKorea .btnLocation.company:hover,
.mapKoreaBox .mapKorea .btnLocation.company:focus {background-image:url('/new/cn/asset/images/content/map_pin_company_on.png');}
.mapKoreaBox .mapKorea .btnLocation.gas.on,
.mapKoreaBox .mapKorea .btnLocation.gas:hover,
.mapKoreaBox .mapKorea .btnLocation.gas:focus {background-image:url('/new/cn/asset/images/content/map_pin_gas_on.png');}
.mapKoreaBox .mapKorea .btnLocation.energy.on,
.mapKoreaBox .mapKorea .btnLocation.energy:hover,
.mapKoreaBox .mapKorea .btnLocation.energy:focus {background-image:url('/new/cn/asset/images/content/map_pin_energy_on.png');}
.mapKoreaBox .mapKorea .btnLocation.lng.on,
.mapKoreaBox .mapKorea .btnLocation.lng:hover,
.mapKoreaBox .mapKorea .btnLocation.lng:focus {background-image:url('/new/cn/asset/images/content/map_pin_lng_on.png');}
.mapKoreaBox .mapKorea .btnLocation.sunlight.on,
.mapKoreaBox .mapKorea .btnLocation.sunlight:hover,
.mapKoreaBox .mapKorea .btnLocation.sunlight:focus {background-image:url('/new/cn/asset/images/content/map_pin_sunlight_on.png');}
.mapKoreaBox .mapKorea .btnLocation.h2.on,
.mapKoreaBox .mapKorea .btnLocation.h2:hover,
.mapKoreaBox .mapKorea .btnLocation.h2:focus {background-image:url('/new/cn/asset/images/content/map_pin_h2_on.png');}


.mapList{display:flex;display:-ms-flexbox;flex-wrap:wrap;-ms-flex-wrap:wrap;margin:-15px;}
.mapList > li{border-radius:10px;border:1px solid #dddddd;padding:35px;margin:15px;width:625px;}
.mapList.h200 > li{height:200px;}
.mapList > li .title{font-size:26px;line-height:1;font-weight:bold;margin-bottom:25px;display:block;}
.mapList > li  a.title:after{content:"";display:inline-block;margin-left:12px;background:url("/new/cn/asset/images/content/title_arr.png") no-repeat;width:12px;height:20px;background-size:12px auto;margin-top:1px;}
.mapList > li .text{font-size:18px;line-height:1.4;margin-top:25px;color:#555555;}
.mapList > li > ul li{padding-left:27px;font-size:18px;color:#808080;line-height:1.6;}
.mapList > li > ul li ~ li{margin-top:10px;}
.mapList > li > ul li.address{background:url("/new/cn/asset/images/content/map_icon_01.png") no-repeat left 4px;}
.mapList > li > ul li.tel{background:url("/new/cn/asset/images/content/map_icon_02.png") no-repeat left 4px;}

.brochureTop{display:flex;display:-ms-flexbox;align-items:center;-ms-flex-align:center;justify-content:center;-ms-flex-pack:center;}
.brochureTop .brochureImg{margin-right:100px;box-shadow: 5px 5px 20px 5px rgba(0, 0, 0, 0.1);overflow:hidden;border-radius:10px;width:420px;height:540px;position:relative;}
.brochureTop .brochureImg img{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.brochureTop .brochureContent .year{font-size:20px;color:#555555;}
.brochureTop .brochureContent .title{font-size:42px;margin-top:20px;line-height:1;font-weight:bold;}
.brochureTop .brochureContent .text{font-size:18px;margin:30px 0 60px 0;line-height:1.6;color:#555555;}
/* 20220701 수정 */ 
.brochureBtnArea{ width:595px;display:flex;display:-ms-flexbox;flex-wrap:wrap;-ms-flex-wrap:wrap}
.brochureBtnArea .btn.medium{ width:191px;margin:0;padding:0; }
/* .brochureBtnArea .btn.medium ~  .btn.medium{ margin-left:0; } 
.brochureBtnArea .btn.medium:last-child{margin-left:10px !important;} */
/* 20220701 수정  E */ 
.brochureBtnArea .btn.medium.full{ margin-left:0 !important;}
.brochureBtnArea .btn.medium.full:last-child{margin-bottom:0;}

/* 20220701 수정 */
.brochureBottom{display:flex;display:-ms-flexbox;flex-wrap:wrap;-ms-flex-wrap:wrap;margin:-27px; padding-top: 70px; }
.brochureBottom:first-child { padding-top: 0px; }
.brochureBottom li:first-child {margin:27px 45px 27px 27px;}
.brochureBottom li:last-child {margin:27px 27px 27px 45px;}
.brochureBottom li .img{overflow:hidden;border-radius:10px;width:595px;height:420px;position:relative;}
/* 20220701 수정 E */ 
.brochureBottom li .img img{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.brochureBottom li .year{font-weight:bold;font-size:26px;margin-bottom:20px;line-height:1;}
.brochureBottom li .brochureBtnArea{margin-top:30px;}

/*기업정보 : e*/

/*인재채용 : s*/
.recruitContentList{display:flex;display:-ms-flexbox;flex-wrap:wrap;-ms-flex-wrap:wrap;padding:50px 0 50px 0;}
.recruitContentList li{width:50%;padding:0 40px 70px 40px;display:flex;display:-ms-flexbox;}
.recruitContentList li .img{width:130px;flex:none;-ms-flex:none}
.recruitContentList li .title{font-size:20px;line-height:1;margin-bottom:12px;font-weight:bold;}
.recruitContentList li .text{font-size:18px;line-height:1.6;color:#555555;}


.jobContentList > ul{display:flex;display:-ms-flexbox;}
.jobContentList > ul ~ ul{margin-top:90px;}
.jobContentList > ul > li{width:580px;}
.jobContentList > ul > li ~ li{margin-left:120px;}
.jobContentList > ul > li .title{margin-top:40px;display:flex;display:-ms-flexbox;line-height:1;align-items:center;-ms-flex-align:center;}
.jobContentList > ul > li .title strong{display:inline-block;font-size:26px;font-weight:700;position:relative;}
.jobContentList > ul > li .text{font-size:18px;color:#555555;margin-top:20px;line-height:1.6;}

.jobNoticeBox{display:flex;display:-ms-flexbox;}
.jobNoticeBox li{border:1px solid #dddddd;border-radius:10px;flex:1;-ms-flex:1;overflow:hidden;padding:60px 0 0 0;height:430px;font-size:18px;line-height:1.6;color:#555555;text-align:center;}
.jobNoticeBox li ~ li{margin-left:30px;}
.jobNoticeBox li .img{height:132px;}
.jobNoticeBox li .title{line-height:1;font-size:26px;font-weight:bold;color:#222222;}

.jobProgressArea{display:flex;margin:60px 0 90px 0;}
.jobProgressArea li{flex:1;-ms-flex:1;position:relative;background:url("/new/cn/asset/images/content/job_step_bg_off.png") no-repeat;width:216px;height:216px;text-align:center;line-height:1;font-size:20px;}
.jobProgressArea li.on{background:url("/new/cn/asset/images/content/job_step_bg_on.png") no-repeat;}
.jobProgressArea li .step_img{display:block;padding-top:54px;height:130px}
.jobProgressArea li ~ li{margin-left:45px;}
.jobProgressArea li ~ li:before{content:"";display:block;background:url("/new/cn/asset/images/content/job_step_arr.png") no-repeat;width:10px;height:17px;position:absolute;left:-30px;top:50%;margin-top:-9px;}

/*인재채용 : e*/
/*지속가능경영 : s*/
.flexContent{display:flex;display:-ms-flexbox;justify-content:space-between;flex-wrap:wrap;-ms-flex-wrap:wrap;align-items:center;-ms-flex-align:center;min-height:0;width:100%}
.flexContent.hFull{align-items:stretch;-ms-flex-align:stretch;}
.flexContent > li{margin-bottom:100px;}
.flexContent.gap60 > li{margin-bottom:60px;}
.flexContent > li .subContentTitleArea{margin-bottom:0;}
.flexContent > li.left .subContentTitleArea{padding:0 0 0 60px;}
.flexContent > li{width:580px;}
.flexContent > li.w450{width:450px;}
.flexContent > li.w790{width:790px;}
.flexContent > li.w640{width:640px;}
.flexContent.w540{margin-bottom:-35px;}
.flexContent.w540 > li{margin-bottom:35px;}
.flexContent.w540 > li.right{width:540px;}
.flexContent > li.box{border:1px solid #DDDDDD;border-radius:10px;padding:45px;}
.flexContent.top{align-items:flex-start;-ms-flex-align:start}
.flexContent.top > li{margin-bottom:0;}
.flexContent.top > li .subContentTitleArea{padding:0 0 0 0;margin-bottom:0;}

.personBoxArea{display:flex;display:-ms-flexbox;justify-content:space-between;flex-wrap:wrap;margin-bottom:-40px;}
.personBoxArea .item{margin-bottom:40px;width:600px;border:1px solid #dddddd;border-radius:13px;overflow:hidden;display:flex;display:-ms-flexbox;align-items:center;-ms-flex-align:center;}
.personBoxArea .item .textArea{margin:0 40px;line-height:1;flex:1;-ms-flex:1}
.personBoxArea .item .textArea .level{color:#008ed0;font-size:16px;font-weight:500;}
.personBoxArea .item .textArea .name{display:flex;display:-ms-flexbox;align-items:flex-end;-ms-flex-align:end;margin-top:20px;font-size:32px;}
.personBoxArea .item .textArea .name strong{flex:1;-ms-flex:1;letter-spacing: 0;}
.personBoxArea .item .textArea .name em{font-size: 15px;color:#808080;margin-left: 5px;word-break:keep-all;}
.personBoxArea .item .textArea .infoList{margin-top:30px;line-height:1.4;}
.personBoxArea .item .textArea .infoList li ~ li{margin-top:14px;}
.personBoxArea .item .textArea .infoList li{display:block;position:relative;}
.personBoxArea .item .textArea .infoList li .tit{color:#222222;font-size:16px;font-weight:500;position:absolute;left:0;top:0;}
.personBoxArea .item .textArea .infoList li .con{color:#555555;font-size:16px;display:block;text-align:right;}

.characterBoxArea{border:1px solid #DDDDDD;border-radius:10px;padding:39px;}
.characterBoxArea > ul ~ ul{border-top:1px solid #eeeeee;margin-top:40px;padding-top:40px;}
.characterBoxArea > ul{display:flex;display:-ms-flexbox;justify-content:space-between;}
.characterBoxArea > ul > li{display:flex;display:-ms-flexbox;width:580px;}
.characterBoxArea > ul > li > .img{width:160px;}
.characterBoxArea > ul > li > .textArea{flex:1;-ms-flex:1}
.characterBoxArea > ul > li > .textArea .infoList > li{display:flex;display:-ms-flexbox;line-height:1.6;}
.characterBoxArea > ul > li > .textArea .infoList > li ~ li{margin-top:5px;}
.characterBoxArea > ul > li > .textArea .infoList > li .tit{color:#222222;font-size:16px;font-weight:500;width:50px;}
.characterBoxArea > ul > li > .textArea .infoList > li .con{color:#555555;font-size:16px;flex:1;-ms-flex:1}

.iconInfoItem{display:flex;display:-ms-flexbox;align-items:center;-ms-flex-align:center;}
.iconInfoItem .textArea{margin-left:40px;letter-spacing:-0.05em}
.iconInfoItem .textArea .title{font-size:26px;font-weight:bold;margin-bottom:25px;}
/*지속가능경영 : e*/
/*사업소개: s*/
.businessBottomArea{display:flex;display:-ms-flexbox;}
.businessBottomArea .titleArea{width:422px;}
.businessBottomArea .titleArea .title{line-height:1.4;font-size:42px;font-weight:bold;margin-bottom:50px;margin-top:-5px;}
.businessBottomArea .titleArea .btnArea button{width:210px;padding:0;}
.businessBottomArea .titleArea .btnArea button.round  ~ button.round {margin-left:0;margin-top:12px;}
.businessBottomArea .tabContent{display:none;}
.businessBottomArea .tabContent.on{display:block;}
.renewableMapArea{padding:100px 0 0 0;display:flex;display:-ms-flexbox;}
.renewableMapArea .leftArea{padding:25px 0 0 60px;width:680px;position:relative;z-index:1;margin-right:110px;}
.renewableMapArea .leftArea .boxArea{box-shadow: 0px 3px 10px 10px rgba(0, 0, 0, 0.05);padding:50px;border-radius:10px;}
.renewableMapArea .leftArea .boxArea .innerBox{background:#f9f9f9;padding:30px;border-radius:10px;}
.renewableMapArea .rightArea{padding-right:60px;display:flex;display:-ms-flexbox;align-items:center;-ms-flex-align:center;}
/*사업소개 : e*/


/*-=====================================================================*/
.productSearch{display:flex;border:1px solid #dddddd;background:#f7f7f7;border-radius:37px;padding-left:15px;}
.productSearch input{height:35px;border:0 !important;background:#f7f7f7;padding:0}
.productSearch .btnSearch{overflow:hidden;text-indent:-9999px;background:url("/new/cn/asset/images/common/btn_search.png") no-repeat center center;-webkit-background-size:14px auto;background-size:14px auto;width:45px;height:35px;}

.productListWrap{padding-top:20px;}
.productListWrap .sorting{margin-bottom:10px;}
.productSearch + .productlist{margin-top:5px;}
.productlist{border-top:2px solid #363636;border-bottom:1px solid #999999;padding:25px 0;display:flex;display:-ms-flexbox;flex-wrap:wrap;-ms-flex-wrap:wrap}
.productlist.noLine{border-top:0;border-bottom:0;padding:0;}
.productlist .item{padding:15px 0;display:flex;width:50%;}
.productlist.lastNoLine .item:last-child{border-bottom:0;}
.productlist .item .thumb{width:140px;flex:none;-ms-flex:none;position:relative;}
.productlist .item .thumb img{width:100%;}
.productlist .item .thumb a{display:block;position:relative;width:140px;height:140px;border-radius:3px;overflow:hidden;}
.productlist .item .thumb a img{
	position: absolute;
	top: 50%;
	left: 50%;
	width:auto;
	height: 100%;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
.productlist .item .thumb a img.landscape {
	width:100%;
	height: auto;
}
.productlist .item .thumb .good {
	display:block;
	position:absolute;
	left:0;
	bottom:auto;
	right:auto;
	top:0;
	background: url("/new/cn/asset/images/common/icon_good2.png") no-repeat;
	background-size:100% auto;
	width:60px;
	height:60px;
	padding-top:0;
}
.productlist .item .thumb .complet {
	display:block;
	width:auto;
	padding:0 18px;
	position:absolute;
	left:auto;
	bottom:auto;
	right:0;
	top:0;
	font-weight:400;
	font-size: 15px;
	height: 30px;
	line-height:30px;
	letter-spacing: 0.2px;
	background: rgba(0, 0, 0, 0.8);
	color: #fff;
}
.productlist .item .thumb .adult {
	display:inline-block;
	position:absolute;
	left:auto;
	top:auto;
	right:5px;
	bottom:5px;
	width: 21px;
	height: 21px;
	background: url("https://www.bomtoon.com/assets/images/mobile/common/adult_l.png") no-repeat;
	background-size:contain;
	padding-top:0;
}
.productlist .item .thumb .thumbFlag{position:absolute;right:-6px;top:7px;line-height:24px;font-size:13px;color:#ffffff;border-radius:3px 3px 0 3px;padding:0 7px;font-weight:500;height:24px;}
.productlist .item .thumb .thumbFlag:after{content:"";display:block;position:absolute;right:0;top:23px;width:6px;height:4px;-webkit-background-size:100% 4px;background-size:100% 4px;}
.productlist .item .thumb .thumbFlag.noApproved{background:#999999;}
.productlist .item .thumb .thumbFlag.noApproved:after{background-image:url("/new/cn/asset/images/common/thumb_flag_bg_01.png");}
.productlist .item .thumb .thumbFlag.approved{background:#9267e2;}
.productlist .item .thumb .thumbFlag.approved:after{background-image:url("/new/cn/asset/images/common/thumb_flag_bg_02.png");}
.productlist .item .thumb .thumbFlag.judge{background:#18d7a8;}
.productlist .item .thumb .thumbFlag.judge:after{background-image:url("/new/cn/asset/images/common/thumb_flag_bg_03.png");}
.productlist .item .infomation{
	flex-grow: 0;
	flex-shrink: 1;
	min-width: 0;
	margin-left:20px;display:flex;display:-ms-flexbox;flex-direction:column;justify-content:center;-ms-flex-pack:center;
}
.productlist .item .infomation .date{line-height:1;font-size:11px;color:#666666;}
.productlist .item .infomation .title{display:block;margin-top:10px;font-weight:500;font-size:16px;padding-right:10px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;min-width:0;max-width:320px;line-height:22px;}
.productlist .item .infomation .title:first-child{margin-top:0;}
.productlist .item .infomation .info{display:flex;margin-top:8px;}
.productlist .item .infomation .info li{color:#676767;font-size:14px;position:relative;line-height:1;}
.productlist .item .infomation .info li ~ li{margin-left:6px;padding-left:7px;}
.productlist .item .infomation .info li ~ li:before{content:'';display:block;width:1px;height:9px;background:#d7d7d7;position:absolute;left:0;top:2px;}
.productlist .item .infomation .result{margin-top:10px;}
.productlist .item .infomation .result li{display:flex; align-items:flex-end;line-height:1;}
.productlist .item .infomation .result li em{color:#999999;font-size:11px;}
.productlist .item .infomation .result li strong{font-weight:500;margin:0 2px 0 5px;}
.productlist .item .infomation .result li ~ li{margin-top:6px;}
.productlist .item .infomation .stat{line-height:1;font-size:12px;color:#999999;margin-top:10px;}
.productlist .item .infomation .btnArea{margin-top:22px;display:flex;}
.productlist .item .infomation .btnArea .btn ~ .btn{margin-left:5px;}
.productlist .item .infomation .alertText{margin-top:20px;font-size:14px;color:#999999;line-height:1.4;}

.tabCont.upload{display:none;}
.tabCont.upload.on{display:flex;display:-ms-flexbox;width:100%;}
.tabCont.base{display:none;}
.tabCont.base.on{display:flex;display:-ms-flexbox;width:100%;}

.imageUpload{display:flex;display:-ms-flexbox;margin:10px 0;}
.imageUpload .infomation{flex:1;-ms-flex:1;;margin-left:30px;}
.imageUpload .infomation .size{display:none;}
.imageUpload .infomation .size.on{display:block;}
.imageUpload .inputFile{width:190px;}

.imageUpload.vertical .thumb{width:148px;height:222px;overflow:hidden;position:relative;border-radius:3px;}
.imageUpload.horizontal .thumb{width:360px;height:165px;overflow:hidden;position:relative;border-radius:3px;}
.imageUpload .thumb img{width:100%;}
.imageUpload .thumb  img{
	position: absolute;
	top: 50%;
	left: 50%;
	width:auto;
	height: 100%;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
.imageUpload.vertical .thumb img {
	width:100%;
	height: auto;
}

.tagArea{display:flex;display:-ms-flexbox;width:100%;flex-wrap:wrap;-ms-flex-wrap:wrap;margin:17px -3px 5px -3px;}
.tagArea li{border:1px solid #bfa4f1;height:35px;display:inline-flex;display:-ms-inline-flexbox;border-radius:35px;background:url("/new/cn/asset/images/common/tag_icon.png") no-repeat 13px center;-webkit-background-size:13px auto;background-size:13px auto;padding-left:30px;font-size:14px;align-items:center;-ms-flex-align:center;margin:3px;}
.tagArea li .tagDel{overflow:hidden;text-indent:-9999px;background:url("/new/cn/asset/images/common/btn_tag_del.png") no-repeat center center;-webkit-background-size:17px auto;background-size:17px auto;width:30px;height:100%;}

.productSearchArea{display:flex;display:-ms-flexbox;align-items:center;-ms-flex-align:center;margin-bottom:15px;}
.productSearchArea .tabList{flex:1;-ms-flex:1;}
.productSearchArea .rightArea{justify-content:flex-end;-ms-flex-pack:end;display:flex;display:-ms-flexbox;align-items:center;-ms-flex-align:center;}
.searchArea{width:48px;height:48px;position:relative;margin-right:6px;transition:width 0.3s;padding-right:48px;border-radius:48px;}
.searchArea .searchInput{display:none;}
.searchArea .btnSearch{width:48px;height:48px;border:1px solid #dedce7;background:#ffffff url("/new/cn/asset/images/common/icon_search_off.png") no-repeat center center;overflow:hidden;text-indent:-9999px;border-radius:48px;position:absolute;right:0;top:0;}
.searchArea.open{border:1px solid #d0cddd;border-radius:48px;width:294px;display:flex;display:-ms-flexbox;align-items:center;-ms-flex-align:center;}
.searchArea.open .searchInput{display:block;border:0;flex:1;-ms-flex:1;border-radius:48px;padding:0 20px;}
.searchArea.open .btnSearch{border:0;background:#7d52ce url("/new/cn/asset/images/common/icon_search_on.png") no-repeat center center;margin:-1px;}


/*댓글관리*/
.replyWrap{border-top:2px solid #363636;}
.sorting{display:flex;display:-ms-flexbox;margin-left:30px;}
.sorting li .item{color:#cccccc;font-size:14px;}
.sorting li.on .item{color:#363636;font-weight:500;}
.sorting li ~ li{margin-left:10px;padding-left:10px;position:relative;}
.sorting li ~ li:before{content:'';display:block;width:1px;height:9px;background:#d7d7d7;position:absolute;left:0;top:50%;margin-top:-4px;}
.replyWrap .replySection{margin-bottom:30px;}
.replyWrap .replySection .round{font-size:14px;font-weight:700;line-height:1;padding-bottom:15px;border-bottom:2px solid #363636;width:100%;text-align:left;position:relative;}
.replyWrap .replySection .round:after{content:"";display:block;position:absolute;right:0;top:0;background:url("/new/cn/asset/images/common/arr_right_b.png") no-repeat;width:7px;height:12px;-webkit-background-size:100% auto;background-size:100% auto;}
.replyWrap .replyList .item{padding:28px 15px;line-height:1.4;border-bottom:1px solid #eeeeee;position:relative;}
.replyWrap .replyList .item .title{font-size:15px;font-weight:500;margin-bottom:10px;display:flex;display:-ms-flexbox;align-items:center;-ms-flex-align:center}
.replyWrap .replyList .item .title span ~ span{margin-left:9px;padding-left:10px;position:relative;font-weight:normal;}
.replyWrap .replyList .item .title span ~ span:before{content:'';display:block;width:1px;height:8px;position:absolute;left:0;top:50%;margin-top:-4px;background:#dcdcdc;}
.replyWrap .replyList .item .title span.hideText{font-size:13px;}
.replyWrap .replyList .item .content{font-size:14px;color:#666666;}
.replyWrap .replyList .item .imgArea{margin-top:20px;}
.replyWrap .replyList .item .imgArea img{width:100px;}
.replyWrap .replyList .item.hide .content{opacity:0.3}
.replyWrap .replyList .item.hide .imgArea{opacity:0.3}

.replyWrap .replyList .item .checkbox.only{display:none;}
.replyWrap.modify .replyList .item{padding-left:54px;}
.replyWrap.modify .replyList .item .checkbox.only{display:flex;display:-ms-flexbox;position:absolute;left:15px;top:28px;}

/*통계관라*/
.reportWrap{border:2px solid #e0dcf0;border-radius:3px;display:flex;display:-ms-flexbox;height:450px;margin-bottom:40px;}
.reportWrap .leftArea{background:#f9f8fc;padding:0 40px;width:330px;}
.reportWrap .priceArea{padding-bottom:20px;border-bottom:1px solid #eeeeee;margin-bottom:30px;}
.reportWrap .priceArea.only{padding-bottom:10px;border-bottom:0;margin-bottom:0;}
.reportWrap .priceArea ul{display:flex;display:-ms-flexbox;align-items:center;-ms-flex-align:center}
.reportWrap .priceArea ul ~ ul{margin-top:15px;}
.reportWrap .priceArea ul li{font-size:15px;}
.reportWrap .priceArea ul li.title{color:#999999;flex:1;-ms-flex:1}
.reportWrap .priceArea ul li.price strong{font-weight:500;}
.reportWrap .priceArea ul li.price em{color:#999999;}

.reportWrap .priceArea ul.total{padding:35px 0 23px 0;margin-bottom:20px;border-bottom:1px solid #eeeeee;}
.reportWrap .priceArea ul.total li{font-size:15px;}
.reportWrap .priceArea ul.total li.title{font-weight:500;color:#363636;}
.reportWrap .priceArea ul.total li.price strong{font-weight:700;font-size:26px;color:#ff36ac;}
.reportWrap .priceArea ul.total li.price em{color:#666666;}
.reportWrap .rankList{}
.reportWrap .rankList li{display:flex;display:-ms-flexbox;align-items:center;-ms-flex-align:center;background:#ffffff;border-radius:5px;height:60px;padding:0 25px;font-size:14px;font-weight:500;color:#666666;}
.reportWrap .rankList li ~ li{margin-top:14px;}
.reportWrap .rankList li .title{
	margin-left: 20px;
	overflow: hidden;
	max-height: 48px;
	line-height: 16px;
}
.reportWrap .chartArea{padding:40px 38px}
.reportWrap .chartArea .chartLabel{padding-bottom:30px;display:flex;display:-ms-flexbox;justify-content:flex-end;-ms-flex-pack:end}
.reportWrap .chartArea .chartLabel span{font-size:13px;color:#999999;padding-right:34px;line-height:16px;}
.reportWrap .chartArea .chartLabel span.label1{background:url("/new/cn/asset/images/common/chart_label1.png") no-repeat right center;}
.reportWrap .chartArea .chartLabel span.label2{background:url("/new/cn/asset/images/common/chart_label2.png") no-repeat right center;}
.reportWrap .chartArea .chartLabel span ~ span{margin-left:30px;}

.rankFlag{display:inline-block;padding-left:25px;color:#363636;font-weight:500;flex:none}
.rankFlag.rank1{background:url("/new/cn/asset/images/common/icon_rank1.png") no-repeat;}
.rankFlag.rank2{background:url("/new/cn/asset/images/common/icon_rank2.png") no-repeat;}
.rankFlag.rank3{background:url("/new/cn/asset/images/common/icon_rank3.png") no-repeat;}


.reportChart .chartArea{margin-top:10px;border:1px solid #dddddd;padding:0 20px 20px 20px;border-radius:3px;}
.reportChart .chartArea .total{border-radius:3px; background:#f7f7f7;height:45px;display:flex;align-items:center;-ms-flex-align:center;padding:0 10px;}
.reportChart .chartArea .total .title{flex:1;-ms-flex:1;;font-size:12px;color:#666666;}
.reportChart .chartArea .total .result{font-size:16px;font-weight:500;}
.reportChart .bottomInfo{margin-top:10px;font-size:11px;color:#999999;}


/*환급신청금*/
.priceList{margin-top:12px;border-top:2px solid #363636}
.priceList > ul{border-bottom:1px solid #eeeeee;display:flex;min-height:55px;align-items:center;-ms-flex-align:center;}
.priceList > ul > li.date{flex:1;-ms-flex:1;;color:#666666;font-size:13px;}
.priceList > ul > li.price{display:flex;align-items:center;-ms-flex-align:center;font-weight:500;}
.priceList > ul > li.price span{font-size:15px;}
.priceList > ul > li.price em{font-size:12px;}


/* resultBox*/
.resultBox{border:1px solid #dddddd;border-radius:3px;padding:10px 20px;}
.resultBox > ul{display:flex;align-items:center;-ms-flex-align:center;padding:15px 0;}
.resultBox > ul ~ ul{border-top:1px solid #eeeeee;}
.resultBox > ul > .tit{flex:1;-ms-flex:1;;font-size:13px;color:#666666;}
.resultBox > ul > .result strong{font-weight:500;font-size:16px;}
.resultBox > ul > .result em{font-weight:500;font-size:12px;margin-left:2px;}


.bankSelectList{display:flex;flex-wrap:wrap}
.bankSelectList li{width:33.33333%;margin-bottom:25px;}
.bankSelectList li .item{display:flex;align-items:center;-ms-flex-align:center;width:100%;font-size:14px;}
.bankSelectList li .item.on,
.bankSelectList li .item:hover,
.bankSelectList li .item:focus{color:#7d52ce;font-weight:500;}
.bankSelectList li .item .icon{width:20px;margin-right:9px;}
.bankSelectList li .item .icon img{width:100%;}

.bankSelectClick{margin-left:10px;}
.bankSelectClick .item{display:flex;align-items:center;-ms-flex-align:center;width:100%;font-size:14px;}
.bankSelectClick .item .icon{width:20px;margin-right:9px;}
.bankSelectClick .item .icon img{width:100%;}


.certificationBox{background:#faf9fd;border-radius:5px;padding:50px;text-align:center;}

.boardView{border-bottom:1px solid #222222;}
.boardView .boardTopArea{border-bottom:1px solid #222222;padding-bottom:35px;}
.boardView .titleArea{padding:25px 0 0 0;display:flex;display:-ms-flexbox;}
.boardView .titleArea .title{font-weight:700;font-size:32px;line-height:1.4;flex:1;-ms-flex:1;padding-right:20px;}
.boardView .titleArea .date{font-size:18px;color:#666666;line-height:44px;}
.boardView .fileArea{margin:10px 0 0 0;}
.boardView .boardContentArea{line-height:1.6;font-size:18px;padding:60px 240px 100px 240px;word-break:break-all}
.boardView .boardContentArea .img{margin-bottom:30px;}
.boardView .boardPrevNext li{display:flex;display:-ms-flexbox;align-items:center;-ms-flex-align:center;border-top:1px solid #dddddd;height:79px;}
.boardView .boardPrevNext li{display:flex;display:-ms-flexbox;align-items:center;-ms-flex-align:center;border-top:1px solid #dddddd;height:79px;}
.boardView .boardPrevNext li .title{flex:none;-ms-flex:none;width:140px;padding-left:40px;color:#808080;font-size:16px;}
.boardView .boardPrevNext li .con{flex:1;-ms-flex:1;color:#222222;font-size:18px;}
.fileArea{margin-bottom:30px;}
.fileArea .icon{display:inline-flex;display:-ms-inline-flexbox;align-items:center;-ms-flex-align:center;color:#666;}
.fileArea .icon.file:before{content:"";display:block;background:url("/new/cn/asset/images/common/icon_file.png") no-repeat;width:13px;height:14px;-webkit-background-size:100% 100%;background-size:100% 100%;margin-right:5px;}

.writerList{border-top:2px solid #363636;}
.writerList li{border-bottom:1px solid #eeeeee;padding:0 15px;}
.writerList li.open{border-bottom:1px solid #ffffff;}
.writerList li.open .titleArea .btnToggle{transform:rotate(180deg)}
.writerList li.edit .titleArea .editInput{display:block;}
.writerList li.edit .titleArea .radio{display:none;}
.writerList li.edit .titleArea .title .flag{margin-right:10px;}
.writerList li .titleArea .radio{margin-right:7px;}
.writerList li .titleArea{display:flex;align-items:center;-ms-flex-align:center;flex-wrap:wrap;-ms-flex-wrap:wrap;padding:12px 0}
.writerList li .titleArea .title{display:flex;flex:1;-ms-flex:1;align-items:center;-ms-flex-align:center;font-size:15px;font-weight:500;height:40px;}
.writerList li .titleArea .editInput{display:none;margin-right:7px;width:365px;}
.writerList li .titleArea .btnToggle{overflow:hidden;text-indent:-9999px;background:url("/new/cn/asset/images/common/btn_toggle_arr.png") no-repeat right center;width:11px;height:100%;-webkit-background-size:11px auto;background-size:11px auto;transition:0.3s all;-webkit-tap-highlight-color:transparent;}
.writerList li .titleArea .errMsg{width:100%;}
.writerList li .titleArea .btnEdit{height:100%;font-size:14px;color:#999999;}
.writerList li .toggleContent{background:#FAF9FE;font-size:14px;line-height:1.6;padding:15px 20px;display:none;color:#666666;}


.btnCertification{border:1px solid #cccccc;border-radius:3px;height:80px;display:inline-flex;display:-ms-inline-flexbox;padding:0 25px;align-items:center;-ms-flex-align:center;width:340px;background:#ffffff;font-size:16px;font-weight:500;}
.btnCertification:before{content:"";background:url("/new/cn/asset/images/common/icon_hp.png") no-repeat left center;width:26px;height:42px;-webkit-background-size:100% auto;background-size:100% auto;margin-right:17px;}
.btnCertification:after{content:"";background:url("/new/cn/asset/images/common/icon_arr_c.png") no-repeat left center;width:28px;height:28px;-webkit-background-size:100% auto;background-size:100% auto;}
.btnCertification span{color:#363636;flex:1;-ms-flex:1;;text-align:left;}


/*nodata*/
.nodata{display:flex;display:-ms-flexbox;justify-content:center;-ms-flex-pack:center;align-items:center;-ms-flex-align:center;flex-direction:column;-ms-flex-direction:column;height:350px;font-size:16px;}
.nodata.tLine{border-top:2px solid #363636;}
.nodata:before{content:"";display:block;background:url("/new/cn/asset/images/common/icon_nodata.png") no-repeat;-webkit-background-size:100% auto;background-size:100% auto;width:47px;height:64px;}
.nodata.reply:before{content:"";display:block;background:url("/new/cn/asset/images/common/icon_noreply.png") no-repeat;-webkit-background-size:64px auto;background-size:64px auto;width:64px;height:58px;}
.nodata.letter:before{content:"";display:block;background:url("/new/cn/asset/images/common/icon_letter.png") no-repeat;width:58px;height:60px;}
.nodata.sell:before{content:"";display:block;background:url("/new/cn/asset/images/common/icon_sell.png") no-repeat;width:62px;height:63px;}
.nodata.writer:before{content:"";display:block;background:url("/new/cn/asset/images/common/icon_writer_nodata.png") no-repeat;width:64px;height:50px;}
.nodata.chart:before{content:"";display:block;background:url("/new/cn/asset/images/common/icon_chart.png") no-repeat;width:66px;height:61px;}
.nodata.alert{min-height:220px}
.nodata.alert:before{content:"";display:block;background:url("/new/cn/asset/images/common/icon_alert.png") no-repeat;width:64px;height:67px;}
.nodata .text{text-align:center;line-height:1.4;margin:18px 0 45px 0;}

/*nodata*/
.certificationResult{flex:1 0 auto;-ms-flex:1 0 auto;;display:flex;height:100%;flex-direction:column;justify-content:center;-ms-flex-pack:center;align-items:center;-ms-flex-align:center;min-height:300px;}
.certificationResult:before{content:"";display:block;background:url("/new/cn/asset/images/common/icon_minor.png") no-repeat;width:44px;height:44px;}
.certificationResult.adult:before{content:"";display:block;background:url("/new/cn/asset/images/common/icon_adult.png") no-repeat;}
.certificationResult.fail:before{content:"";display:block;background:url("/new/cn/asset/images/common/icon_fail.png") no-repeat;}
.certificationResult .text{text-align:center;line-height:1.4;margin-top:15px;font-size:15px;margin-bottom:25px;}
.certificationResult .text strong{font-size:20px;display:block;margin-bottom:10px;}
.certificationResult .text strong:only-child{margin-bottom:0;}


.fileImageList{display:flex;margin-top:20px;}
.fileImageList li{position:relative;}
.fileImageList li img{width:100px;border-radius:3px}
.fileImageList li .fileDel{overflow:hidden;text-indent:-9999px;background:url("/new/cn/asset/images/common/btn_tag_del.png") no-repeat center center;-webkit-background-size:13px auto;background-size:13px auto;width:13px;height:13px;position:absolute;right:5px;top:5px;}
.fileImageList li ~ li{margin-left:8px;}


.trackWrap{position:relative;overflow:hidden;height:287px;}
.trackWrap:before{content:'';display:block;position:absolute;left:0;top:0;width:49px;height:287px;z-index:10;-webkit-background-size:100% 100%;background-size:100% 100%;background:url("/new/cn/asset/images/content/rail_left_bg.png") no-repeat;}
.trackWrap:after{content:'';display:block;position:absolute;right:0;top:0;width:49px;height:287px;z-index:10;-webkit-background-size:100% 100%;background-size:100% 100%;background:url("/new/cn/asset/images/content/rail_right_bg.png") no-repeat;}

.trackArea{position:relative;z-index:1;background:url("/new/cn/asset/images/content/rail_01_def.png") repeat-x 0 top;height:287px;margin-left:50px;}
.trackArea:before{content:"";display:block;position:absolute;left:0;top:22px;z-index:2;background:url("/new/cn/asset/images/content/rail_start.png") no-repeat;width:97px;height:54px;}
.trackArea .track{position:relative;width:100%;height:287px;display:flex;flex-wrap:nowrap}
.trackArea .track ul{width:863px;position:relative;flex:none;-ms-flex:none;}
.trackArea .track ul:after{content:'';display:block;position:absolute;left:0;top:-2px;width:863px;height:287px;z-index:1}
.trackArea .track li{position:absolute;left:0;top:0;font-size:14px;font-weight:bold;color:#b8b5c7;width:42px;height:42px;display:flex;align-items:center;-ms-flex-align:center;justify-content:center;-ms-flex-pack:center;z-index:2}
.trackArea .track li.on{color:#363636;}
.trackArea .track li:nth-child(1){left:100px;top:41px;}
.trackArea .track li:nth-child(2){left:258px;top:41px;}
.trackArea .track li:nth-child(3){left:416px;top:41px;}
.trackArea .track li:nth-child(4){left:574px;top:41px;}
.trackArea .track li:nth-child(5){left:660px;top:118px;}
.trackArea .track li:nth-child(6){left:502px;top:118px;}
.trackArea .track li:nth-child(7){left:344px;top:118px;}
.trackArea .track li:nth-child(8){left:186px;top:118px;}
.trackArea .track li:nth-child(9){left:27px;top:119px;}
.trackArea .track li:nth-child(10){left:124px;top:195px;}
.trackArea .track li:nth-child(11){left:281px;top:195px;}
.trackArea .track li:nth-child(12){left:439px;top:195px;}
.trackArea .track li:nth-child(13){left:597px;top:195px;}
.trackArea .track li:nth-child(14){left:736px;top:161px;}
.trackArea .track li:nth-child(15){left:805px;top:41px;}
.trackArea .track ul.active1:after{background-image:url("/new/cn/asset/images/content/rail_02_comp_01.png")}
.trackArea .track ul.active2:after{background-image:url("/new/cn/asset/images/content/rail_02_comp_02.png")}
.trackArea .track ul.active3:after{background-image:url("/new/cn/asset/images/content/rail_02_comp_03.png")}
.trackArea .track ul.active4:after{background-image:url("/new/cn/asset/images/content/rail_02_comp_04.png")}
.trackArea .track ul.active5:after{background-image:url("/new/cn/asset/images/content/rail_02_comp_05.png")}
.trackArea .track ul.active6:after{background-image:url("/new/cn/asset/images/content/rail_02_comp_06.png")}
.trackArea .track ul.active7:after{background-image:url("/new/cn/asset/images/content/rail_02_comp_07.png")}
.trackArea .track ul.active8:after{background-image:url("/new/cn/asset/images/content/rail_02_comp_08.png")}
.trackArea .track ul.active9:after{background-image:url("/new/cn/asset/images/content/rail_02_comp_09.png")}
.trackArea .track ul.active10:after{background-image:url("/new/cn/asset/images/content/rail_02_comp_10.png")}
.trackArea .track ul.active11:after{background-image:url("/new/cn/asset/images/content/rail_02_comp_11.png")}
.trackArea .track ul.active12:after{background-image:url("/new/cn/asset/images/content/rail_02_comp_12.png")}
.trackArea .track ul.active13:after{background-image:url("/new/cn/asset/images/content/rail_02_comp_13.png")}
.trackArea .track ul.active14:after{background-image:url("/new/cn/asset/images/content/rail_02_comp_14.png")}
.trackArea .track ul.active15:after{background-image:url("/new/cn/asset/images/content/rail_02_comp_15.png")}

.trackWrap.active1 .btnWrite{left:123px;top:0;}
.trackWrap.active2 .btnWrite{left:281px;top:0;}
.trackWrap.active3 .btnWrite{left:440px;top:0;}
.trackWrap.active4 .btnWrite{left:597px;top:0;}
.trackWrap.active5 .btnWrite{left:683px;top:77px;}
.trackWrap.active6 .btnWrite{left:525px;top:77px;}
.trackWrap.active7 .btnWrite{left:367px;top:77px;}
.trackWrap.active8 .btnWrite{left:209px;top:77px;}
.trackWrap.active9 .btnWrite{left:50px;top:78px;}
.trackWrap.active10 .btnWrite{left:147px;top:154px;}
.trackWrap.active11 .btnWrite{left:304px;top:154px;}
.trackWrap.active12 .btnWrite{left:462px;top:154px;}
.trackWrap.active13 .btnWrite{left:620px;top:154px;}
.trackWrap.active14 .btnWrite{left:759px;top:120px;}
.trackWrap.active15 .btnWrite{left:828px;top:0;}
/*.trackWrap.active10 .btnWrite .text{left:auto;right:61px;top:12px;}*/
/*.trackWrap.active10 .btnWrite .text:before{content:"";background:url("/new/cn/asset/images/content/bubble_03.png");-webkit-background-size:auto 19px;background-size:auto 19px;width:15px;height:19px;transform:rotate(180deg)}*/
/*.trackWrap.active10 .btnWrite .text:after{content:"";background:url("/new/cn/asset/images/content/bubble_01.png");-webkit-background-size:auto 19px;background-size:auto 19px;width:15px;height:19px;transform:rotate(180deg)}*/
.trackWrap .btnWrite{position:absolute;background:url("/new/cn/asset/images/content/btn_write.png") no-repeat;width:90px;height:115px;-webkit-background-size:100% auto;background-size:100% auto;z-index:2;left:38px;top:0;}
.trackWrap .btnWrite.finish{overflow:hidden;text-indent:-9999px;background-image:url("/new/cn/asset/images/content/icon_finish.png");margin:-2px 0 0 3px;}
.trackWrap .btnWrite.finish .text{display:none;}
.trackWrap .btnWrite.line2{margin-left:-47px}
.trackWrap .btnWrite.line2.finish{margin-left:-50px}
.trackWrap .btnWrite .text{display:flex;position:absolute;left:50px;top:2px;align-items:center;-ms-flex-align:center;line-height:26px;flex-wrap:nowrap;letter-spacing:-1px;background:url("/new/cn/asset/images/content/bubble_01.png") no-repeat;-webkit-background-size:auto 26px;background-size:auto 26px;height:26px;padding-left:16px;}

.trackWrap .btnWrite .text em{color:#ffffff;font-size:14px;white-space:nowrap;background:url("/new/cn/asset/images/content/bubble_02.png") repeat-x;-webkit-background-size:auto 26px;background-size:auto 26px;font-weight:500;}
.trackWrap .btnWrite .text em:last-child{border-radius:0 13px 13px 0;padding:0 16px 0 0;position:relative;margin-left:-1px;}
.trackWrap .btnWrite .text em.round{color:#ff00a2;padding-right:4px;}
.trackBottomArea{text-align:center;}
.trackBottomArea .box{border-radius:60px;height:60px;line-height:40px;padding:5px 30px;font-size:18px;background:#ffffff;margin-top:-18px;display:inline-flex;align-items:center;-ms-flex-align:center;position:relative;box-shadow:0 0 5px 3px rgba(213,211,225,0.2)}

.trackBottomArea .box:after{content:'';display:block;background:url("/new/cn/asset/images/content/track_arr.png") no-repeat;width:18px;height:17px;position:absolute;left:50%;top:-17px;margin-left:-9px;}
.trackBottomArea .alertInfo{text-align:center;font-size:15px;color:#999999;padding:12px 0 20px 0}

.scrollAnimate{opacity:0;transform:translate(0,50px);transition:1s all;}
.scrollAnimate.on{opacity:1;transform:translate(0,0);}

.infoImg {position:relative;display:inline-block;}
.infoImg .caption {position:absolute;right:15px;bottom:15px;color:#fff;font-size:15px;text-shadow:0 1px 2px rgba(0,0,0,0.3);}
.infoImg .caption.skyblue {color:#a2d8e9;text-shadow:none;}
.infoImg .caption.gray {color:#cccccc;text-shadow:none;}

/* 20250618 */
.inner.brand { }
.inner.brand .subContentTitleArea { }
.logoArea { margin-top: 50px; }
.logoArea .logo { border: 1px solid #dddddd; border-radius: 10px; }
.logoArea .logo ul { display: flex; }
.logoArea .logo ul li { width: 50%; text-align: center; padding: 70px 0; }
.brand .logoArea .btnBottomArea { margin-top: 20px; text-align: center; }
.logo-character { display: flex; margin-top: 50px; }
.logo-character .leftArea,
.logo-character .rightAera { width: 50%; }
.logo-character .leftArea { }
.logo-character .leftArea .textArea .text { margin-top: 30px; font-size : 18px; line-height: 32px; color: #555555; }
.logo-character .rightAera ul li .img{ width: 220px; height: 150px; text-align: center; box-sizing: border-box; } 
.logo-character .rightAera ul li .img img{ border: 1px solid #dddddd; border-radius: 10px; } 
.logo-character .rightAera ul li { display: flex; }
.logo-character .rightAera ul li + li { margin-top: 40px; }
.logo-character .rightAera ul li .textArea { margin-left: 40px; }
.logo-character .rightAera ul li .textArea .title { font-size: 20px; color: #222222; font-weight: bold; margin-bottom: 18px; }
.logo-character .rightAera ul li .textArea .text { font-size: 18px; color: #555555; line-height: 29px; }

.inner.brand .rule {}
.inner.brand .rule p { font-size: 18px; line-height: 32px; margin-top: 30px; color: #555555; }
.inner.brand .rule .spaceArea { margin-top: 50px; }
.inner.brand .rule .spaceArea li ul { display: flex; }
.inner.brand .rule .spaceArea li ul li { width: 50%; }
.inner.brand .rule .spaceArea li ul li .title { font-size: 26px; color: #222222; font-weight: bold; margin-bottom: 18px; }
.inner.brand .rule .spaceArea li ul li .con { display: flex; }
.inner.brand .rule .spaceArea li ul li .con .img { width: 220px; height: 150px; text-align: center; box-sizing: border-box; }
.inner.brand .rule .spaceArea li ul li .con .img img { border: 1px solid #dddddd; border-radius: 10px;  }
.inner.brand .rule .spaceArea li ul li .con .text { margin-left: 40px; font-size: 18px; color: #555555; line-height: 29px; }
.inner.brand .rule .spaceArea > li + li { margin-top: 40px; }
.inner.brand .rule .mainColorArea { margin-top: 50px; display: flex; }
.inner.brand .rule .mainColorArea > li { width: 50%; border-radius: 10px; background: #f8f8f8; display: flex; }
.inner.brand .rule .mainColorArea > li:first-child { margin-right: 10px; }
.inner.brand .rule .mainColorArea > li:last-child { margin-left: 10px; }
.inner.brand .rule .mainColorArea > li div { width: 50%; height: 145px; }
.mainColorArea li .img { border-top-left-radius: 10px; border-bottom-left-radius: 10px; }
.mainColorArea li.skRed .img { background:#ea002c; font-size: 20px; color:#fff; font-weight: bold; padding: 20px 0 0 30px; box-sizing: border-box; }
.mainColorArea li .textArea { padding: 20px 0 0 30px; box-sizing: border-box; font-size: 17px; color: #222222; }
.mainColorArea li .textArea li { width: 100%; height: 28px; }
.mainColorArea li .textArea li .title { font-weight: 500; display: inline-block; width: 100px; }
.mainColorArea li.skOrange .img { background:#f47725; font-size: 20px; color:#fff; font-weight: bold; padding: 20px 0 0 30px; box-sizing: border-box; }

.inner.brand .rule .subColorArea { margin-top: 50px; }
.inner.brand .rule .subColorArea >  li { margin-top: 30px; }
.subColorArea > li > ul { display: flex; }
.subColorArea > li > ul > li { flex: 1 1 auto; width: 25%; justify-content: space-between; border-radius: 10px; background: #f8f8f8; height: 190px;}
.subColorArea > li > ul > li + li { margin-left: 20px; }
.subColorArea > li > ul > li .img { font-size: 20px; font-weight: bold; color: #fff; padding: 20px 0 0 30px; height: 55px; border-top-left-radius: 10px; border-top-right-radius: 10px; box-sizing: border-box; }
.subColorArea > li > ul > li.skYellow .img { background: #fbbc05; }
.subColorArea > li > ul > li.skGreen .img { background: #B3CF0A; }
.subColorArea > li > ul > li.skTeal .img { background: #009A93; }
.subColorArea > li > ul > li.skBlue .img { background: #0072C6; }
.subColorArea > li > ul > li.skNavy .img { background: #0E306D; }
.subColorArea > li > ul > li.skPurple .img { background: #68127A; }
.subColorArea > li > ul > li.skWhite .img { background: #ffffff; border: 1px solid #dddddd; color: #222222; }
.subColorArea > li > ul > li.skBlack .img { background: #000000; }
.subColorArea > li > ul > li .textaArea { padding: 20px 0 0 30px; box-sizing: border-box; font-size: 17px; color: #222222; }
.subColorArea > li > ul > li .textaArea li {  width: 100%; height: 28px; }
.subColorArea > li > ul > li .textaArea li .title { font-weight: 500; display: inline-block; width: 100px; }