@charset "utf-8";
/*footer : s*/
.visit_select{margin-top:-10px;}
.visit_select li ~ li{margin-top:20px;}
.visit_select a{display:flex;align-items:center;height:130px;border-radius:10px;position:relative;}
.visit_select a:before{content:"";display:block;width:100%;height:130px;border:1px solid #e9e9e9;border-radius:10px;position:absolute;left:0;top:0;}
.visit_select a .img{text-align :center;display:block;width:133px;}
.visit_select a .img img{width:80px;}
.visit_select a .text{font-size:19px;text-align:left;line-height:1.4;}
.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;justify-content:space-between;margin:40px 0}
.stepArea .title{font-size:21px;color:#008ed0;font-weight:bold;line-height:1;}
.stepArea ul{display:flex;position:relative;}
.stepArea ul:after{content:"";display:block;width:100%;height:2px;background:#DDDDDD;position:absolute;left:0;top:50%;margin-top:-1px;}
.stepArea ul li{border:2px solid #dddddd;background:#ffffff;font-size:13px;font-weight:bold;line-height:18px;width:22px;height:22px;border-radius:22px;text-align:center;color:#DDDDDD;position:relative;z-index:1;}
.stepArea ul li ~ li{margin-left:7px;}
.stepArea li.end{background:#008ed0 url("/new/mobile/asset/images/content/step_end.png") no-repeat center center;border:0;background-size:10px auto;overflow:hidden;text-indent:-9999px;}
.stepArea li.on{background:#008ed0;color:#ffffff;border:2px solid #008ed0;}

.agreeWrap ~ .agreeWrap{margin-top:30px;}
.agreeWrap .agreeScroll{border:1px solid #dddddd;border-radius:10px;padding:15px;overflow:auto;height:190px;font-size:15px;color:#222222;}
.agreeWrap .agreeScroll .tit{font-weight:500;margin-bottom:30px;}
.agreeWrap .agreeBottomArea{margin-top:15px;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 .agreeBottomArea.type2{margin-top:15px;display:block}
.agreeWrap .agreeBottomArea.type2 .title{color:#222222;font-weight:500;line-height:1.3;font-size:14px;margin-bottom:15px;}
.agreeWrap .agreeBox{border:1px solid #dddddd;border-radius:5px;padding:15px;font-size:15px;}
.agreeWrap .agreeBox.on{border:2px solid #008ed0;padding:14px;}
.agreeWrap .agreeBox .title{margin:0 -15px;padding:0 15px 15px 15px;line-height:1.4;letter-spacing:-0.07em}
.agreeWrap .agreeBox .radioList{padding:0 0 15px 0 ;display:flex;flex-wrap:wrap;margin-top:-10px;}
.agreeWrap .agreeBox .radioList .checkbox{width:50%;padding:7px 0;margin:0 !important;}
.agreeWrap .agreeBox .radioList .checkbox label{font-size:13px !important;}
.agreeWrap .agreeBox .bottomArea{text-align:right;}
.agreeWrap .agreeBox ~ .agreeBox{margin-top:15px;}

/*동행자*/
.companionArea{position:relative;padding-top:10px;}
.companionArea .infoText{font-size:18px;position:absolute;left:0;top:25px;}
.companionArea .btnAdd{padding-top:10px;text-align:center;}
.companionArea .btnAdd button{width:100px;}
.companionListArea.on{border-top:1px solid #eeeeee;}
.companionListArea .listWrap{border-top:0;}
.companionListArea .listItem{padding:20px 0;display:flex;justify-content:space-between;align-items:center}
.companionListArea .btnDel{overflow:hidden;display:block;width:25px;height:25px;background:url('/new/mobile/asset/images/content/btn_del.png') no-repeat;-webkit-background-size:100% auto;background-size:100% auto;text-indent:-99999px;}

/*초청자 검색*/
.tableSelectList{border-top:1px 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:15px;height:50px;line-height:50px;border-bottom:1px solid #dddddd;}
.tableSelectList ul.thArea li{border-bottom:1px solid #222222;font-weight:700;}
.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:15px;height:50px;line-height:50px;}
.tableSelectList ul li button.on{background:#f1fcff;}
.tableSelectList .name{width:95px;}
.tableSelectList .hp{flex:1;-ms-flex:1}
.tableSelectList .select{width:100px;height:50px;}
.tableSelectList ul.tdArea .select{background:url("/new/mobile/asset/images/common/icon_table_select_off.png") no-repeat center center;}
.tableSelectList ul.tdArea .on .select{background:url("/new/mobile/asset/images/common/icon_table_select_on.png") no-repeat center center;}
.tableSelectList .tableScrollArea{border-bottom:1px solid #dddddd;height:200px;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:225px;border-bottom:1px solid #DDDDDD;}
.noData.icon_nodata.noLine{border-bottom:0;}
.noData.icon_nodata span{background:url("/new/mobile/asset/images/common/icon_nodata.png") no-repeat center top;padding-top:85px;font-size:16px;color:#222222;background-size:50px auto;}

.visit_end_box{background:#f9f9f9;height:436px;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;margin:0 -20px;padding:0 20px;}
.visit_end_box.cancelEnd{height:344px;margin-bottom:-80px;}
.visit_end_box .progressArea{display:flex;display:-ms-flexbox;}
.visit_end_box .progressArea li{position:relative;}
.visit_end_box .progressArea li .step_img{display:block;background-color:#ffffff !important;width:60px;height:60px;color:#808080;border-radius:60px;background-size:24px auto !important;}
.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:13px;display:block;text-align:center;line-height:1.4;margin-top:10px;font-weight:normal;}
.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/mobile/asset/images/content/step_end_img_01_off.png") no-repeat center center;}
.visit_end_box .progressArea li.on .step_img.step1_img{background:url("/new/mobile/asset/images/content/step_end_img_01_on.png") no-repeat center center;}
.visit_end_box .progressArea li .step_img.step2_img{background:url("/new/mobile/asset/images/content/step_end_img_02_off.png") no-repeat center center;}
.visit_end_box .progressArea li.on .step_img.step2_img{background:url("/new/mobile/asset/images/content/step_end_img_02_on.png") no-repeat center center;}
.visit_end_box .progressArea li .step_img.step3_img{background:url("/new/mobile/asset/images/content/step_end_img_03_off.png") no-repeat center center;}
.visit_end_box .progressArea li.on .step_img.step3_img{background:url("/new/mobile/asset/images/content/step_end_img_03_on.png") no-repeat center center;}
.visit_end_box .progressArea li .step_img.step4_img{background:url("/new/mobile/asset/images/content/step_end_img_04_off.png") no-repeat center center;}
.visit_end_box .progressArea li.on .step_img.step4_img{background:url("/new/mobile/asset/images/content/step_end_img_04_on.png") no-repeat center center;}
.visit_end_box .progressArea li .step_img.step_cancel{background:url("/new/mobile/asset/images/content/step_cancel.png") no-repeat center center;width:80px;height:80px;border-radius:80px;background-size:38px auto !important;margin-bottom:25px;}

.visit_end_box .progressArea li ~ li{margin-left:25px;}
.visit_end_box .progressArea li ~ li:before{content:"";display:block;background:url("/new/mobile/asset/images/content/step_arr.png") no-repeat;width:5px;height:9px;position:absolute;left: -14px;top: 28px;background-size:100% auto;opacity: 0.7;}
.visit_end_box .progressArea li.end ~ li.on:before,
.visit_end_box .progressArea li.end ~ li.end:before{background:url("/new/mobile/asset/images/content/step_arr_on.png") no-repeat;}
.visit_end_box .title{font-size:19px;font-weight:500;}
.visit_end_box .txt{margin:14px 0 30px 0;font-size:15px;line-height:1.4;}
.visit_end_box .btn{display:inline-block;width:auto;padding:0 15px;margin-top:50px;}


.tableBottomInfo{margin:0 -20px;background:#f9f9f9;padding:20px;}
.tableBottomInfo li{font-size:13px;position:relative;padding-left:12px;color:#808080;line-height:1.6;}
.tableBottomInfo li:before{content:"";width:6px;height:6px;position:absolute;left:0;top:50%;margin-top:-3px;border-radius:6px;}
.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;}

.loginWrap{}
.loginWrap .idPwdArea{margin-bottom:40px;}
.loginWrap .idPwdArea li ~ li{margin-top:10px;}
.loginWrap .idPwdArea li.save{margin-top:20px;}

.searchBoxArea{border-radius:5px;background:#ffffff;box-shadow: 0px 2px 5px 2px rgba(0, 0, 0, 0.15);padding:20px;}
.addressText li{display:flex;line-height:1.4;word-break:keep-all}
.addressText li ~ li{margin-top:5px;}
.addressText li .title{width:50px;color:#222;font-weight:bold;flex:none;-ms-flex:none;text-align:left;padding-left:0 !important;}

.personContent{background:#f9f9f9;padding:20px;line-height:1.6;font-size:15px;margin:20px -20px 0 -20px;}
.toggleContent .personContent{padding:0;line-height:1.6;font-size:15px;margin:0;}
/*footer : e*/
/*기업정보 : s*/
.companyContentList ul li ~ li{margin-top:45px;}
.companyContentList ul li .title{margin-top:20px;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:16px;font-weight:700;position:relative;}
.companyContentList ul li .title:after{content:"";display:inline-block;margin-left:7px;background:url("/new/mobile/asset/images/content/title_arr.png") no-repeat;width:8px;height:12px;background-size:8px auto;margin-top:3px;}
.companyContentList ul li .text{font-size:15px;color:#555555;margin-top:10px;line-height:1.6;word-break:keep-all;}


.managementContent{border:1px solid #DDDDDD;border-radius:10px;padding: 25px 20px 30px;}
.managementContent .item{text-align:center;}
.managementContent .item ~ .item{margin-top: 35px;}
.managementContent .item .title{line-height: 1.3;font-size:13px;}
.managementContent .item .title strong{display:block;font-size:21px;font-weight:700;margin-bottom: 6px;color:#008ed0;}
.managementContent .item .boxList{margin-top: 25px;}
.managementContent .item .boxList li{background:#f9f9f9;line-height:1.6;padding: 15px 20px;text-align:left;border-radius:10px;}
.managementContent .item .boxList li ~ li{margin-top:10px;}
.managementContent .item .boxList li strong{font-size:16px;font-weight:700;color:#222222;}
.managementContent .item .boxList li p{margin-top:1px;font-size:13px;color:#555555;line-height:1.4;}

.profileContent{display:flex;display:-ms-flexbox;margin:-5px;flex-wrap:wrap;-ms-flex-wrap:wrap}
.profileContent li{width:calc(33.33333333% - 10px);text-align:center;margin:5px;background:#f9f9f9;height:144px;border-radius:5px;}
.profileContent li .icon{margin:20px auto 17px;width:40px;height:34px;}
.profileContent li .title{line-height:1;font-size:12px;color:#555555;}
.profileContent li .text{font-size:13px;font-weight:700;line-height:1;margin-top:10px;display:block;}
.profileContent li .info{font-size:10px;line-height:1;margin-top:8px;display:block;color:#555555;}

.ceoList li{position: relative;}
.ceoList li ~ li{margin-top:120px;}
.ceoList li .imgArea{border-bottom:1px solid #DDDDDD;}
.ceoList li .imgArea .btnToggleCeo{position:absolute;left:50%;bottom:-25px;transform:translateX(-50%);padding-right:22px;line-height:1;font-size:13px;color:#808080;}
.ceoList li .imgArea .btnToggleCeo:after{
	content:"";
	display:block;
	position:absolute;
	right:0;
	top:50%;
	background:url("/new/mobile/asset/images/content/icon_down_arr_01.png") no-repeat;
	background-size: 100%;
	width:15px;
	height:15px;
	margin-top:-7px;
	transition:0.2s all;
}
.ceoList li.on .imgArea .btnToggleCeo:after{
	transform:rotate(180deg);
}
.ceoList li .conArea{font-size:15px;line-height:1.6;color:#555555;padding:30px 0px 20px;display:none;word-break:keep-all;}

/*.historyBg{background:url("/new/mobile/asset/images/content/history_bg.png") no-repeat center bottom;}*/
.historyWrap .swiper-slide{width:auto;}
.historyWrap{position:relative;}
.historyWrap:before{content:"";position:absolute;top:95px;right:-21px;display:block;width:73px;height:355px;background:url('/new/mobile/asset/images/content/bg_logo.png') no-repeat right top;background-size:100%;z-index:-1;}
.historyList{margin-top:40px;}
.historyList .titleArea{font-size:30px;line-height:1.3;font-weight:700;padding:0 20px 0 10px;margin-left:-10px;background:url("/new/mobile/asset/images/content/history_dot.png") no-repeat;background-size:30px;}
.historyList .historyItem + .titleArea{margin:50px 0 0 -10px;}
.historyList .historyItem{margin:50px 0 0 10px;}
.historyList .historyItem .year{font-size:21px;color:#222222;font-weight:700;line-height:1;margin-bottom:20px;}
.historyList .historyItem .yearList > li{display:flex;display:-ms-flexbox;font-size:16px;line-height:1.6;}
.historyList .historyItem .yearList > li ~ li{margin-top:10px;}
.historyList .historyItem .yearList > li .month{flex:none;-ms-flex:none;width:30px;font-weight:700;}
.historyList .historyItem .yearList > li .conArea{flex:1;}
.historyList .historyItem .yearList > li .txtList{margin-top:2px;flex:1;}
.historyList .historyItem .yearList > li.img{margin:15px 0 30px 30px;overflow:hidden;border-radius:10px;position:relative;height:46.5vw;}
.historyList .historyItem .yearList > li.img img{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
.historyList .historyItem .yearList > li{font-size:16px;font-weight:300;color:#555555;}
.historyList .historyItem .yearList > li .txtList li{font-size:16px;font-weight:300;}
.historyList .historyItem .yearList > li .txtList li.img{margin:15px 0 15px 0px !important;padding-left:0;overflow:hidden;border-radius:10px;position:relative;height:46.5vw;}
.historyList .historyItem .yearList > li .txtList li.img img{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
.historyList .historyItem .yearList > li .txtList li.img:before{display:none;}
.rightUint{font-size:13px;text-align:right;margin-bottom:20px;line-height:1;}
.chartBox{border:1px solid #dddddd;border-radius:10px;width:625px;height:490px;padding:40px 48px;}
.chartBox.full{width:100%;}
.chartBox .chartArea.chart1{width:526px;height:362px;background:url("/new/mobile/asset/images/content/company_chart_01.png") no-repeat left bottom;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}
.chartBox .chartArea.chart2{width:526px;height:362px;background:url("/new/mobile/asset/images/content/company_chart_02.png") no-repeat left bottom;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}
.chartBox .chartArea.chart3{width:1186px;height:362px;background:url("/new/mobile/asset/images/content/company_chart_03.png") no-repeat left bottom;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}
.chartBox .chartArea .chartObj ~ .chartObj{margin-left:125px;}
.chartBox .chartArea .chartObj .title{font-size:18px;color:#222222;font-weight:bold;text-align:center;padding-top:25px;}
.chartBox .chartArea .barArea{display:flex;display:-ms-flexbox;align-items:flex-end;-ms-flex-align:end;justify-content:center;-ms-flex-pack:center;}
.chartBox .chartArea .barArea li{position:relative;padding-top:36px;}
.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:0;transform:translate(-50%,0);}
.chartBox .chartArea .barArea li .bar{width:40px;background:#f5f5f5;transition:0.8s all;}
.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;}
.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:20px 0 30px;position:relative;}
.mapArea.world1{background-image:url("/new/mobile/asset/images/content/network_world_01.png")}
.mapArea.world2{background-image:url("/new/mobile/asset/images/content/network_world_02.png")}
.mapArea.world3{background-image:url("/new/mobile/asset/images/content/network_world_03.png")}
.mapArea.world4{background-image:url("/new/mobile/asset/images/content/network_world_04.png")}
.mapArea.world5{background-image:url("/new/mobile/asset/images/content/network_world_05.png")}
.mapArea.world6{background-image:url("/new/mobile/asset/images/content/network_world_06.png")}
.mapArea .mapItem{position:absolute;}
.mapArea .mapItem .btnLocation{background:url("/new/mobile/asset/images/content/map_pin_off.png") no-repeat;padding: 11px 0 18px 44px;color:#808080;font-size:16px;font-weight:bold;line-height:1;}
.mapArea .mapItem.on .btnLocation,
.mapArea .mapItem .btnLocation:hover,
.mapArea .mapItem .btnLocation:focus{background-image:url("/new/mobile/asset/images/content/map_pin_on.png") !important;color:#222222;}
.mapArea .mapItem .btnLocation.right{background:url("/new/mobile/asset/images/content/map_pin_off.png") no-repeat right top;padding: 11px 44px 18px 0;}
.mapArea .mapItem .mapItemPop{position:absolute;left:0;top:0;background:#ffffff;border-radius:10px;padding:35px;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/mobile/asset/images/content/map_icon_01.png") no-repeat left 4px;}
.mapArea .mapItem .mapItemPop ul li.tel{background:url("/new/mobile/asset/images/content/map_icon_02.png") no-repeat left 4px;}
.mapArea .mapItem .mapItemPop .btnClose{width:12px;height:12px;position:absolute;right:15px;top:15px;background:url("/new/mobile/asset/images/content/btn_map_close.png") no-repeat;font-weight:bold;z-index:1;overflow:hidden;text-indent:-9999px;}
.mapArea .mapItem.mapItem1{
	left: 908px;
	top: 163px;
}
.mapArea .mapItem.mapItem1 .mapItemPop{
	left: -50px;
	top: 54px;
}
.mapArea .mapItem.mapItem2{
	left: 534px;
	top: 145px;
}
.mapArea .mapItem.mapItem3{
	left: 418px;
	top: 116px;
}
.mapArea .mapItem.mapItem3 .mapItemPop{
	left: -50px;
	top: 54px;
	width:460px;
}
.mapArea .mapItem.mapItem4{
	left: 512px;
	top: 343px;
}
.mapArea .mapItem.mapItem4 .mapItemPop{
	left: -190px;
	top: -275px;
	width:420px;
}
.mapArea .mapItem.mapItem5{
	left: 375px;
	top: 293px;
}
.mapArea .mapItem.mapItem5 .mapItemPop{
	left: -110px;
	top: -245px;
	width: 430px;
}
.mapArea .mapItem.mapItem6{
	left: 573px;
	top: 433px;
}
.mapArea .mapItem.mapItem6 .mapItemPop{
	left: -170px;
	top: -215px;
	width: 430px;
}
.mapArea a{position:absolute;display:block;width:12px;height:16px;background:url("/new/mobile/asset/images/content/map_pin_on.png") no-repeat;background-size:100% auto; text-indent:-9999px;}
.mapArea .pin01{top:21%;left:72%;}/*미국*/
.mapArea .pin02{top:16%;left:31%;}/*중국*/
.mapArea .pin03{top:71%;left:44.5%;}/*호주*/
.mapArea .pin04{top:45%;left:35%;}/*싱가포르*/
.mapArea .pin05{top:54%;left:39%;}/*인도네시아*/
.mapArea .pin06{top:21%;left:41%;}/*한국*/
.mapArea .pin07{top:11%;left:82%;}/*뉴욕*/
.mapArea .pin08{top:7%;left:3%;}/*영국*/
.mapArea .pin09{top:39%;left:36%;}/*베트남*/
.mapArea .pin10{top:35%;left:77%;}/*도미니카 공화국*/

.mapKoreaBox{margin-top:100px;}
.mapKoreaBox .mapKorea{background:url("/new/mobile/asset/images/content/map_korea_.png") no-repeat;height:698px;position:relative;margin:0 auto;}
.mapKoreaBox .mapKorea .btnLocation{background:url("/new/mobile/asset/images/content/map_pin_off.png") no-repeat center top;background-size:24px auto;width:24px;height:34px;}
.mapKoreaBox .mapKorea .btnLocation span{display:none;background:#ffffff;border-radius:10px;position:absolute;left:auto;right:-50px;top:40px;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: 118px;top: 144px;}
.mapKoreaBox .mapKorea .btnLocation.location2{position:absolute;left: 200px;top: 459px;}
.mapKoreaBox .mapKorea .btnLocation.location3{position:absolute;left: 130px;top: 161px;}
.mapKoreaBox .mapKorea .btnLocation.location4{position:absolute;left: 336px;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: 168px;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: 148px;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.location15{position:absolute;left: 89px;top: 480px;}
.mapKoreaBox .mapKorea .btnLocation.location16{position:absolute;left: 71px;top: 484px;}
.mapKoreaBox .mapKorea .btnLocation.location17{position:absolute;left: 78px;top: 236px;}
.mapKoreaBox .mapKorea .btnLocation.location18{position:absolute;left: 102px;top: 155px;}
.mapKoreaBox .mapKorea .btnLocation.on,
.mapKoreaBox .mapKorea .btnLocation:hover,
.mapKoreaBox .mapKorea .btnLocation:focus{background-image:url("/new/mobile/asset/images/content/map_pin_on.png") !important;color:#222222;z-index:1}
.mapKoreaBox .mapKorea .btnLocation.on span,
.mapKoreaBox .mapKorea .btnLocation:hover span,
.mapKoreaBox .mapKorea .btnLocation:focus span{display:block;z-index:1;}


.mapKoreaBox .mapKorea.gasMap{position:absolute;left:0;top:0;right:0;bottom:0;background:url("/new/mobile/asset/images/content/gas_map_00.png") no-repeat 50% 50% / contain;width:100%;height:auto;margin:0 auto;}
.mapKoreaBox .mapKorea.gasMap .mapImage{position:relative;z-index:-1;opacity:0;}
.mapKoreaBox .mapKorea.gasMap.gasMap1{background-image:url("/new/mobile/asset/images/content/gas_map_01.png");}
.mapKoreaBox .mapKorea.gasMap.gasMap2{background-image:url("/new/mobile/asset/images/content/gas_map_02.png");}
.mapKoreaBox .mapKorea.gasMap.gasMap3{background-image:url("/new/mobile/asset/images/content/gas_map_03.png");}
.mapKoreaBox .mapKorea.gasMap.gasMap4{background-image:url("/new/mobile/asset/images/content/gas_map_04.png");}
.mapKoreaBox .mapKorea.gasMap.gasMap5{background-image:url("/new/mobile/asset/images/content/gas_map_05.png");}
.mapKoreaBox .mapKorea.gasMap.gasMap6{background-image:url("/new/mobile/asset/images/content/gas_map_06.png");}
.mapKoreaBox .mapKorea.gasMap.gasMap7{background-image:url("/new/mobile/asset/images/content/gas_map_07.png");}
.mapKoreaBox .mapKorea.gasMap.gasMap8{background-image:url("/new/mobile/asset/images/content/gas_map_08.png");}
.mapKoreaBox .mapKorea.gasMap .btnLocation.location1{position:absolute;left: 34%;top: 19%;}
.mapKoreaBox .mapKorea.gasMap .btnLocation.location2{position:absolute;left: 72%;top: 56%;}
.mapKoreaBox .mapKorea.gasMap .btnLocation.location3{position:absolute;left: 56%;top: 40%;}
.mapKoreaBox .mapKorea.gasMap .btnLocation.location4{position:absolute;left: 75%;top: 40%;}
.mapKoreaBox .mapKorea.gasMap .btnLocation.location5{position:absolute;left: 44%;top: 30%;}
.mapKoreaBox .mapKorea.gasMap .btnLocation.location6{position:absolute;left: 33%;top: 64%;}
.mapKoreaBox .mapKorea.gasMap .btnLocation.location7{position:absolute;left: 33%;top: 48%;}
.mapKoreaBox .mapKorea.gasMap .btnLocation.location8{position:absolute;left: 56%;top: 13%;}

.mapListProduct li{padding:21px 25px;font-size:13px;color:#222;line-height:1.6;border:1px solid #dddddd;border-radius:8px}
.mapListProduct li ~ li{margin-top:15px;}
.mapListProduct li .title{position:relative;padding-right:15px;font-size:16px;color:#222222;font-weight:bold;}
.mapListProduct li .title:after{content:"";position:absolute;top:50%;right:0;transform:translateY(-50%);width:7.5px ;height:12.5px;background:url("/new/mobile/asset/images/common/icon_arr_b.png") no-repeat right center;background-size:7.5px 12.5px;}
.mapListProduct li .text{font-size:15px;color:#555555;}

.mapList li{position:relative;padding-left:20px;}
.mapList li ~ li{margin-top:5px;}
.mapList li.address{background:url("/new/mobile/asset/images/content/map_icon_01.png") no-repeat left 3px;background-size:12px auto;}
.mapList li.tel{background:url("/new/mobile/asset/images/content/map_icon_02.png") no-repeat left center;background-size:15px auto;}
.mapList li.mail{background:url("/new/mobile/asset/images/content/map_icon_03.png") no-repeat left center;background-size:13px auto;}
.mapList li.site{margin-top:10px;}
.mapList li.site a{color:#0079b1;position:relative;}
.mapList li.site a:after{content:"";display:inline-block;position:absolute;top:50%;right:-12px;transform:translateY(-50%);background:url("/new/mobile/asset/images/content/link_arr.png") no-repeat;width:6px;height:11px;background-size:6px auto;}

.brochureTop{}
.brochureTop .brochureImg{box-shadow: 5px 5px 20px 5px rgba(0, 0, 0, 0.1);overflow:hidden;max-width:65%;margin:0 auto;height:74vw;position:relative;}
.brochureTop .brochureImg img{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
.brochureTop .brochureContent {text-align:center;padding:30px 0 0;}
.brochureTop .brochureContent .year{font-size:21px;line-height:1;font-weight:bold;display:inline-block;margin-right:10px;}
.brochureTop .brochureContent .title{font-size:21px;line-height:1;font-weight:bold;display:inline-block;}
.brochureTop .brochureContent .text{font-size:15px;margin:15px 0 30px 0;line-height:1.6;color:#555555;word-break:keep-all;}
.brochureBtnArea{display:flex;display:-ms-flexbox;flex-wrap:wrap;-ms-flex-wrap:wrap}
.brochureBtnArea .btn.medium{flex:none;width:120px;margin:0;padding:0;}
.brochureBtnArea .btn.medium:last-child{margin-left:10px;}
.brochureBtnArea .btn.full{flex:none;-ms-flex:none;margin-bottom:10px;}
.brochureBtnArea .selectBox {flex:1;}

.brochureBottom{font-size:0;margin:0 -10px; padding-top: 30px;}
.brochureBottom li {padding:0 10px;width:50%;display:inline-block;}
.brochureBottom li:nth-child(n+3) {margin:45px 0 0;}
.brochureBottom li .img{overflow:hidden;height:25vw;position:relative;}
.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;}
.brochureBottom li .brochureBtnArea .btn.medium {width:100%;padding:0 15px 0 20px;margin:5px 0 0 0;justify-content:flex-start;}
.brochureBottom li .brochureBtnArea .btn.icon.downBlue:after {margin-left:auto;}
/*기업정보 : e*/

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


.jobContentList > ul{}
.jobContentList > ul ~ ul{margin-top:45px;}
.jobContentList > ul > li ~ li{margin-top:45px;}
.jobContentList > ul > li .title{margin-top:16px;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:16px;font-weight:700;position:relative;}
.jobContentList > ul > li .text{font-size:15px;color:#555555;margin-top:10px;line-height:1.6;}
.jobContentList > ul > li .txtList.dot > li ~ li {margin-top:5px !important;}

.jobNoticeBox{}
.jobNoticeBox li{border:1px solid #dddddd;border-radius:10px;overflow:hidden;padding:30px 0 30px 0;font-size:15px;line-height:1.6;color:#555555;text-align:center;}
.jobNoticeBox li ~ li{margin-top:15px;}
.jobNoticeBox li .img{height:42px;}
.jobNoticeBox li .img img {width:auto;height:100%;}
.jobNoticeBox li .title{line-height:1;font-size:17px;font-weight:bold;color:#222222;margin:25px 0 12px 0;}

.jobProgressArea{margin:30px 0 60px 0;display:flex;}
.jobProgressArea li{flex:1;-ms-flex:1;position:relative;background:url("/new/mobile/asset/images/content/job_step_bg_off.png") no-repeat 50% 50% / 52px auto;width:52px;height:52px;text-align:center;line-height:1;font-size:13px;}
.jobProgressArea li.on{background-image:url("/new/mobile/asset/images/content/job_step_bg_on.png");}
.jobProgressArea li .step_img{display:block;width:52px;margin:0 auto;}
.jobProgressArea li .text{font-weight:400;margin:12px 0 0;display:inline-block;}
.jobProgressArea li ~ li{margin-left:15px;}
.jobProgressArea li ~ li:before{content:"";display:block;background:url("/new/mobile/asset/images/content/job_step_arr.png") no-repeat 0 0 / 5px auto;width:5px;height:8px;position:absolute;left:-10px;top:50%;margin-top:-4px;}
/*인재채용 : e*/

/*지속가능경영 : s*/
.flexContent{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:15px;}
.flexContent > li:last-child{margin-bottom:0;}
.flexContent > li
.flexContent.gap60 > li{margin-bottom:25px;}
.flexContent > li .subContentTitleArea{margin-bottom:0;}
.flexContent > li .subContentTitleArea img{width:50px;}
.flexContent > li .subContentTitleArea .icon img{width:50px;}
.flexContent > li .subContentTitleArea .text{margin-bottom:45px;word-break:keep-all;font-weight:400;letter-spacing:-0.05em}
.flexContent > li.box{border:1px solid #DDDDDD;border-radius:10px;padding:30px 20px;}
.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 .item{padding: 20px 0;border-top:1px solid #dddddd;overflow:hidden;display:flex;display:-ms-flexbox;align-items:center;-ms-flex-align:center;}
.personBoxArea .item:first-child{padding-top:17px;border-top:0;}
.personBoxArea .item img{width:106px;height:136px;}
.personBoxArea .item .textArea{margin-left:20px;line-height:1;flex:1;-ms-flex:1;}
.personBoxArea .item .textArea .level{color:#008ed0;font-size: 12px;font-weight:500;}
.personBoxArea .item .textArea .name{display:flex;display:-ms-flexbox;align-items:flex-end;-ms-flex-align:end;margin-top: 12px;font-size: 21px;flex-wrap:wrap}
.personBoxArea .item .textArea .name strong{flex:none;margin-right:9px;}
.personBoxArea .item .textArea .name em{font-size: 12px;color:#808080; margin-top:10px;}
.personBoxArea .item .textArea .infoList{margin-top: 15px;line-height:1.4;}
.personBoxArea .item .textArea .infoList li ~ li{margin-top: 5px;}
.personBoxArea .item .textArea .infoList li{display:flex;display:-ms-flexbox;justify-content:space-between;}
.personBoxArea .item .textArea .infoList li .tit{color:#222222;font-size: 12px;font-weight:500;}
.personBoxArea .item .textArea .infoList li .con{color:#555555;font-size: 12px;}

.characterBoxArea{border:1px solid #DDDDDD;border-radius:10px;padding:30px 20px;}
.characterBoxArea > ul .item{border-top:1px solid #eeeeee;margin-top: 18px;padding-top: 26px;}
.characterBoxArea > ul .item:first-child{border-top:0;margin-top:0;padding-top:0;}
.characterBoxArea > ul > li{display:flex;display:-ms-flexbox;}
.characterBoxArea > ul > li > .img{width:65px;margin-right:20px;}
.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:13px;font-weight:500;width:34px;}
.characterBoxArea > ul > li > .textArea .infoList > li .con{color:#555555;font-size:12px;flex:1;-ms-flex:1}
.characterBoxArea > ul > li > .textArea .infoList > li .con .txtList li{font-size:12px;word-break:keep-all;}

.iconInfoItem{display:flex;display:-ms-flexbox;align-items:center;-ms-flex-align:center;}
.iconInfoItem .imgArea{flex:none;width:80.5px;height:80.5px;}
.iconInfoItem .textArea{padding-left:20px;width:100%;letter-spacing:-0.05em}
.iconInfoItem .textArea .title{font-size:16px;font-weight:bold;margin-bottom:10px;}

.subContentText .btnBottomArea{margin-top:33px;}
.subContentText .btnBottomArea .btn.medium ~ .btn.medium{margin:10px 0 0;}
/*지속가능경영 : e*/
/*사업소개: s*/
.businessBottomArea .titleArea .title{line-height:1.4;font-size:21px;font-weight:bold;margin-bottom:25px;margin-top:-5px;}
.businessBottomArea .titleArea .btnArea{display:flex;display:-ms-flexbox;flex-direction:inherit;}
.businessBottomArea .titleArea .btnArea button{flex:1;padding:0;}
.businessBottomArea .titleArea .btnArea button.round  ~ button.round {margin-left:10px;}
.businessBottomArea .tabContent{display:none;}
.businessBottomArea .tabContent.on{display:block;}

.businessBottomArea .thumbList{display:flex;align-items:center;}
.businessBottomArea .thumbList.boxShadow{margin:0;}
.businessBottomArea .thumbList.boxShadow .item{margin:30px 0 0;width:100%;}
.businessBottomArea .thumbList.boxShadow .item a{display:flex;}
.businessBottomArea .thumbList.boxShadow .item .thumb{width:108.5px;height:80px;}
.businessBottomArea .thumbList.boxShadow .item .textArea{flex:1;margin-left:20px;padding:0;height:auto;}
.businessBottomArea .thumbList.boxShadow .item .textArea .title{font-size:15px;}

.renewableMapArea .boxArea{margin-top:25px;}
.renewableMapArea .boxArea .innerBox{padding:22px 25px;border:1px solid #eeeeee;border-radius:10px;}
/*사업소개 : 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/mobile/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/mobile/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/mobile/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/mobile/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/mobile/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/mobile/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/mobile/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/mobile/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/mobile/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/mobile/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/mobile/asset/images/common/chart_label1.png") no-repeat right center;}
.reportWrap .chartArea .chartLabel span.label2{background:url("/new/mobile/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/mobile/asset/images/common/icon_rank1.png") no-repeat;}
.rankFlag.rank2{background:url("/new/mobile/asset/images/common/icon_rank2.png") no-repeat;}
.rankFlag.rank3{background:url("/new/mobile/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:25px;}
.boardView .boardTopArea .flagArea{flex-wrap:wrap}
.boardView .boardTopArea .flagArea .flag{margin:0 5px 5px 0}
.boardView .titleArea{padding:12px 0 0 0;}
.boardView .titleArea .title{font-weight:700;font-size:19px;line-height:1.4;flex:1;-ms-flex:1;padding-right:20px;}
.boardView .titleArea .date{font-size:13px;color:#555555;margin:14px 0 0;}
.boardView .boardContentArea{line-height:1.6;font-size:15px;padding:30px 0 55px 0;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:59px;}
.boardView .boardPrevNext li .title{flex:none;-ms-flex:none;width:60px;padding-left:10px;color:#808080;font-size:15px;}
.boardView .boardPrevNext li .con{flex:1;-ms-flex:1;color:#222222;font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;}
.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/mobile/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/mobile/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/mobile/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/mobile/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/mobile/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/mobile/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/mobile/asset/images/common/icon_letter.png") no-repeat;width:58px;height:60px;}
.nodata.sell:before{content:"";display:block;background:url("/new/mobile/asset/images/common/icon_sell.png") no-repeat;width:62px;height:63px;}
.nodata.writer:before{content:"";display:block;background:url("/new/mobile/asset/images/common/icon_writer_nodata.png") no-repeat;width:64px;height:50px;}
.nodata.chart:before{content:"";display:block;background:url("/new/mobile/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/mobile/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/mobile/asset/images/common/icon_minor.png") no-repeat;width:44px;height:44px;}
.certificationResult.adult:before{content:"";display:block;background:url("/new/mobile/asset/images/common/icon_adult.png") no-repeat;}
.certificationResult.fail:before{content:"";display:block;background:url("/new/mobile/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/mobile/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/mobile/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/mobile/asset/images/content/rail_right_bg.png") no-repeat;}

.trackArea{position:relative;z-index:1;background:url("/new/mobile/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/mobile/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/mobile/asset/images/content/rail_02_comp_01.png")}
.trackArea .track ul.active2:after{background-image:url("/new/mobile/asset/images/content/rail_02_comp_02.png")}
.trackArea .track ul.active3:after{background-image:url("/new/mobile/asset/images/content/rail_02_comp_03.png")}
.trackArea .track ul.active4:after{background-image:url("/new/mobile/asset/images/content/rail_02_comp_04.png")}
.trackArea .track ul.active5:after{background-image:url("/new/mobile/asset/images/content/rail_02_comp_05.png")}
.trackArea .track ul.active6:after{background-image:url("/new/mobile/asset/images/content/rail_02_comp_06.png")}
.trackArea .track ul.active7:after{background-image:url("/new/mobile/asset/images/content/rail_02_comp_07.png")}
.trackArea .track ul.active8:after{background-image:url("/new/mobile/asset/images/content/rail_02_comp_08.png")}
.trackArea .track ul.active9:after{background-image:url("/new/mobile/asset/images/content/rail_02_comp_09.png")}
.trackArea .track ul.active10:after{background-image:url("/new/mobile/asset/images/content/rail_02_comp_10.png")}
.trackArea .track ul.active11:after{background-image:url("/new/mobile/asset/images/content/rail_02_comp_11.png")}
.trackArea .track ul.active12:after{background-image:url("/new/mobile/asset/images/content/rail_02_comp_12.png")}
.trackArea .track ul.active13:after{background-image:url("/new/mobile/asset/images/content/rail_02_comp_13.png")}
.trackArea .track ul.active14:after{background-image:url("/new/mobile/asset/images/content/rail_02_comp_14.png")}
.trackArea .track ul.active15:after{background-image:url("/new/mobile/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/mobile/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/mobile/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/mobile/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/mobile/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/mobile/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/mobile/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/mobile/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}



.infoImg {position:relative;display:block;}
.infoImg .caption {position:absolute;right:10px;bottom:10px;color:#fff;font-size:11px;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;}

/* 20220804 추가 */
.person-info { background: #fff; border: 1px solid #e4e4e4; border-radius: 10px; margin-top: 25px; }
.person-info > ul { display: flex; flex-wrap: wrap; justify-content: space-between; padding: 30px 30px 10px 30px; }
.person-info > ul > li { width: 360px; margin-bottom: 20px; }
.person-info > ul > li div.img {  background: #f9f9f9; border-radius: 10px; height: 130px; text-align: center; padding-top: 10px;}
.person-info > ul > li div.img > h3:before {
	content: '';
	position: relative;
	display: block;
	width:76px;
	height:76px;
	background:url('/new/pc/asset/images/content/person_policy_info.png') no-repeat;
	margin: 0 auto;
	margin-bottom: 5px;
	}
.person-info > ul > li div.img01 > h3:before { background-position: 0px 0px; }
.person-info > ul > li div.img02 > h3:before { background-position: 0px -76px; }
.person-info > ul > li div.img03 > h3:before { background-position: 0px -152px; }
.person-info > ul > li div.img04 > h3:before { background-position: 0px -228px; }
.person-info > ul > li div.img05 > h3:before { background-position: 0px -304px; }
.person-info > ul > li div.img06 > h3:before { background-position: 0px -380px; }
.person-info > ul > li div.img > h3 { font-size: 20px; font-weight: 700; }
.person-info > ul > li div.txt { font-size: 18px; margin-top: 12px;}
.person-info > ul > li div.txt li { padding: 8px 0 0 20px; line-height: 1.3; position: relative; }
.person-info > ul > li div.txt li:before {
	content: '';
	display: block;
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background: #7f7f7f;
	position: absolute;
	left: 10px; 
	top: 18px;
	}

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

.inner.brand .rule {}
.inner.brand .rule p { font-size: 15px; line-height: 1.6; margin-top: 40px; color: #555555; }
.inner.brand .rule .spaceArea { margin-top: 30px; }
.inner.brand .rule .spaceArea li ul { }
.inner.brand .rule .spaceArea li ul li { width: 100%; margin-bottom: 30px; }
.inner.brand .rule .spaceArea li ul li .title { font-size: 16px; color: #222222; font-weight: bold; margin-bottom: 10px; }
.inner.brand .rule .spaceArea li ul li .con { display: flex; }
.inner.brand .rule .spaceArea li ul li .con .img { width: 35%; text-align: center;box-sizing: border-box; }
.inner.brand .rule .spaceArea li ul li .con .img img { width: 100%; border: 1px solid #dddddd; border-radius: 10px; }
.inner.brand .rule .spaceArea li ul li .con .text { width: 65%; margin-left: 20px; font-size: 12px; color: #555555; line-height: 1.5; }
.inner.brand .rule .spaceArea > li + li { }
.inner.brand .rule .mainColorArea { margin-top: 20px; }
.inner.brand .rule .mainColorArea > li { width: 100%; border-radius: 10px; background: #f8f8f8; display: flex; margin-bottom: 20px; }
.inner.brand .rule .mainColorArea > li:last-child { margin-bottom: 0px; }
.inner.brand .rule .mainColorArea > li div { width: 50%; }
.mainColorArea li .img { border-top-left-radius: 10px; border-bottom-left-radius: 10px; }
.mainColorArea li .img { font-size: 13px; color:#fff; font-weight: bold; padding: 10px 0 0 15px; box-sizing: border-box; margin-right: 10px; }
.mainColorArea li .textArea { padding: 10px 0 5px 5px; box-sizing: border-box; font-size: 12px; color: #222222; }
.mainColorArea li .textArea li { width: 100%; height: 18px; }
.mainColorArea li .textArea li .title { font-weight: bold; color:#222222; }
.mainColorArea li.skRed .img { background:#ea002c; }
.mainColorArea li.skOrange .img { background:#f47725; }

.inner.brand .rule .subColorArea { margin-top: 20px; }
.inner.brand .rule .subColorArea >  li { margin-top: 20px; }
.subColorArea > li > ul { display: flex; }
.subColorArea > li > ul > li { flex: 1 1 auto; width: 25%; justify-content: space-between; border-radius: 10px; background: #f8f8f8; }
.subColorArea > li > ul > li + li { margin-left: 20px; }
.subColorArea > li > ul > li .img { font-size: 13px; font-weight: bold; color: #fff; padding: 10px 15px; 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: 10px 0 10px 15px; box-sizing: border-box; font-size: 12px; color: #222222; }
.subColorArea > li > ul > li .textaArea li {  width: 100%; height: 18px; }
.subColorArea > li > ul > li .textaArea li .title { font-weight: bold; }