@charset "utf-8";

/* -- sub_tit -- */
.sub_tit{text-align:center; margin:100px auto 50px;}
.sub_tit h4{margin:0; font-size:40px; color:#0a2873; letter-spacing:-0.045em; font-weight:bold; line-height:1;}
.sub_tit p{font-size:22px; font-weight:400; letter-spacing:-0.045em; color:#222222; line-height:30px; margin-top:35px;}
.sub_tit p b{color:#e95116; font-weight:400; display:inline-block; text-transform:uppercase;}
#wrap.type01 .sub_tit h4{color:#f57106}
#wrap.type02 .sub_tit h4{color:#1952e0}
#wrap.type03 .sub_tit h4{color:#eb4b1f}
#wrap.type04 .sub_tit h4{color:#054901}
#wrap.type05 .sub_tit h4{color:#4dc0e3}

/* -- products_sub -- */
.products_sub_con01{width:100%; max-width:1920px; margin:100px auto;}
.products_sub_con01 ul{font-size:0; letter-spacing:-4px;}
.products_sub_con01 ul li{cursor:pointer; width:20%; display:inline-block; vertical-align:top; height:638px; padding:43px 35px; box-sizing:border-box; position:relative;}
.products_sub_con01 ul li:before{content:""; width:100%; height:100%; position:absolute; left:0; top:0; z-index:2; opacity:0; transition:all 0.4s; -ms-transition:all 0.4s; -webkit-transition:all 0.4s; -o-transition:all 0.4s; -moz-transition:all 0.4s;}
.products_sub_con01 ul li.type01{background:url('/img/products_sub_con01_bg01.jpg')no-repeat center / cover;}
.products_sub_con01 ul li.type01:before{background:rgba(245,113,6,0.8)}
.products_sub_con01 ul li.type02{background:url('/img/products_sub_con01_bg02.jpg')no-repeat center / cover;}
.products_sub_con01 ul li.type02:before{background:rgba(25,82,224,0.8)}
.products_sub_con01 ul li.type03{background:url('/img/products_sub_con01_bg03.jpg')no-repeat center / cover;}
.products_sub_con01 ul li.type03:before{background:rgba(235,75,31,0.8)}
.products_sub_con01 ul li.type04{background:url('/img/products_sub_con01_bg04.jpg')no-repeat center / cover;}
.products_sub_con01 ul li.type04:before{background:rgba(5,73,1,0.8)}
.products_sub_con01 ul li.type05{background:url('/img/products_sub_con01_bg05.jpg')no-repeat center / cover;}
.products_sub_con01 ul li.type05:before{background:rgba(77,192,227,0.8)}
.products_sub_con01 ul li:hover:before{opacity:1;}
.products_sub_con01 ul li h5{margin:0; font-size:30px; color:#fff; letter-spacing:-0.045em; font-weight:bold; margin-bottom:20px; line-height:1.2; position:relative; z-index:3;}
.products_sub_con01 ul li span{display:block; font-size:18px; color:#e9e9e9; letter-spacing:-0.045em; font-weight:300; line-height:1.4; position:relative; z-index:3;}

@media all and (max-width:1930px){
	.products_sub_con01 ul li{height:33.2291666667vw}
}
@media (min-width:1000px) and (max-width:1600px){
	.products_sub_con01 ul li{padding:40px 10px;}
	.products_sub_con01 ul li h5{font-size:24px;}
	.products_sub_con01 ul li span{font-size:16px;}
}
@media all and (max-width:1024px){
	.products_sub_con01 ul li{width:100%; display:block; height:300px;}
	.products_sub_con01 ul li:before{opacity:0;}
	.products_sub_con01 ul li.type01{background:url('/img/products_sub_con01_bg01_1000.jpg')no-repeat center / cover;}
	.products_sub_con01 ul li.type02{background:url('/img/products_sub_con01_bg02_1000.jpg')no-repeat center / cover;}
	.products_sub_con01 ul li.type03{background:url('/img/products_sub_con01_bg03_1000.jpg')no-repeat center / cover;}
	.products_sub_con01 ul li.type04{background:url('/img/products_sub_con01_bg04_1000.jpg')no-repeat center / cover;}
	.products_sub_con01 ul li.type05{background:url('/img/products_sub_con01_bg05_1000.jpg')no-repeat center / cover;}
}
@media all and (max-width:767px){
	.products_sub_con01 ul li.type01{background:url('/img/products_sub_con01_bg01_767.jpg')no-repeat center / cover;}
	.products_sub_con01 ul li.type02{background:url('/img/products_sub_con01_bg02_767.jpg')no-repeat center / cover;}
	.products_sub_con01 ul li.type03{background:url('/img/products_sub_con01_bg03_767.jpg')no-repeat center / cover;}
	.products_sub_con01 ul li.type04{background:url('/img/products_sub_con01_bg04_767.jpg')no-repeat center / cover;}
	.products_sub_con01 ul li.type05{background:url('/img/products_sub_con01_bg05_767.jpg')no-repeat center / cover;}
}


/* -- products -- */
.products_con01{margin:50px auto 150px;}
.products_con01 dl{margin-bottom:80px;}
.products_con01 dl:after{clear:both; content:""; display:block; height:0; visibility:hidden}
.products_con01 dl dt{width:calc(100% - 600px); float:left;  border-radius:100px 0 100px 0; overflow:hidden; box-sizing:border-box;}
.products_con01 dl dt img{width:100%;}
.products_con01 dl dd{width:600px; float:left; padding:50px 0 50px 60px; box-sizing:border-box; position:relative;}
.products_con01 dl dd h5{font-size:30px; color:#222222; letter-spacing:-0.045em; font-weight:bold; margin:0; line-height:1.1;}
.products_con01 dl dd .text{margin-top:30px;}
.products_con01 dl dd p{font-size:18px; color:#666666; letter-spacing:-0.045em; font-weight:300; margin:4px 0; position:relative; padding-left:10px; box-sizing:border-box;}
.products_con01 dl dd p:before{content:"-"; display:block; position:absolute; left:0; top:0;}
.products_con01 dl dd p b{font-weight:300; color:#0a2873}
.products_con01 dl dd p span.tt{width:60px; display:inline-block; vertical-align:top;}
.products_con01 dl dd p span.dd{width:calc(100% - 65px); display:inline-block; vertical-align:top;}
.products_con01 dl dd .bot_btn{margin-top:50px; text-align:right;}
.products_con01 dl dd .bot_btn a{display:inline-block; vertical-align:top; width:220px; height:58px; background:#e9e9e9; font-size:20px; letter-spacing:-0.045em; font-weight:400; line-height:58px; color:#666; text-align:center; position:relative;}
.products_con01 dl dd .bot_btn a:before{display:block; left:0; top:0; position:absolute; content:""; width:0; height:100%; background:#0a2873; transition:all 0.2s ease-in-out; -ms-transition:all 0.2s ease-in-out; -webkit-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out;}
.products_con01 dl dd .bot_btn a span{position:relative; z-index:2;}
.products_con01 dl dd .bot_btn a i{width:17px; height:17px; display:inline-block; position:relative; top:-2px; vertical-align:middle; background:url('/img/down_btn_icon_off.png')no-repeat center / cover; margin-right:10px;}
.products_con01 dl dd .bot_btn a:hover{color:#fff;}
.products_con01 dl dd .bot_btn a:hover:before{width:100%;}
.products_con01 dl dd .bot_btn a:hover i{background:url('/img/down_btn_icon_on.png')no-repeat center / cover;}

@media all and (max-width:1200px){
	.products_con01 dl dt{width:50%;}
	.products_con01 dl dd{width:50%; padding:30px 0 30px 30px;}
	.products_con01 dl dd .bot_btn{margin-top:30px;}
}
@media all and (max-width:1000px){
	.products_con01 dl dt{width:100%; float:none;}
	.products_con01 dl dd{width:100%; float:none; padding:40px;}
	.products_con01 dl dd .bot_btn{margin-top:30px;}
}



/* about us - location */
.location_con01 {padding-bottom:70px; }
.location_con01 .location_box {position:relative; overflow:hidden; border:3px solid #f1f2f5; margin-bottom:80px; box-sizing:border-box; border-top-left-radius:100px; border-bottom-right-radius:100px; }
.location_con01 .location_box .map_box {}
.location_con01 .location_box .map_box iframe {width:100%; height:500px; }
.location_con01 .location_box .map_box .root_daum_roughmap_landing {width:100%; height:100%; }
.location_con01 .location_box .txt_box {z-index:100; position:absolute; right:0; top:0; width:490px; height:100%; padding:100px 20px 40px 40px; background-color:rgba(255,255,255,0.88); box-sizing:border-box; }
.location_con01 .location_box .txt_box h5 {font-size:24px; font-weight:bold; letter-spacing:-0.045em; color:#222222; }
.location_con01 .location_box .txt_box h5 i {display:inline-block; vertical-align:bottom; width:62px; height:62px; }
.location_con01 .location_box .txt_box h5 i.company {background:url('/img/location_company_icon.png') no-repeat center center; }
.location_con01 .location_box .txt_box h5 i.factory {background:url('/img/location_factory_icon.png') no-repeat center center; }
.location_con01 .location_box .txt_box p.desc {font-size:20px; line-height:30px; color:#666666; letter-spacing:-0.045em; }
.location_con01 .location_box .txt_box p.phone {padding-top:30px; font-size:20px; font-weight:300; color:#666666; letter-spacing:-0.045em; }
.location_con01 .location_box .txt_box p.phone + p.phone{padding-top: 10px;}
.location_con01 .location_box .txt_box p.phone i {display:inline-block; vertical-align:middle; width:20px; height:20px; margin-right:5px; background:url('/img/location_phone_icon.png') no-repeat center center; }

@media all and (max-width:1000px){
	.location_con01 .location_box .txt_box {position:static; width:100%; padding:40px 20px 40px 40px; }
}




/* about us - company 
.company_con01 {padding-bottom:150px; }
.company_con01 ul {font-size:0; letter-spacing:-4px; }
.company_con01 ul li {overflow:hidden; display:inline-block; vertical-align:top; width:33.33%; min-height:1075px; box-sizing:border-box; }
.company_con01 ul li.type01 {margin-top:80px; padding:460px 27px 50px; background:url('/img/company_con01_bg01.png') no-repeat center center / cover; border-top-left-radius:100px; }
.company_con01 ul li.type02 {padding:280px 27px 50px; background:url('/img/company_con01_bg02.png') no-repeat center center / cover; }
.company_con01 ul li.type03 {margin-top:140px; padding:280px 27px 50px;  background:url('/img/company_con01_bg03.png') no-repeat center center / cover; border-bottom-right-radius:100px; }
.company_con01 ul li p.tit {font-size:30px; font-weight:200; color:#fff; letter-spacing:-0.045em; line-height:40px; word-break:keep-all; }
.company_con01 ul li p.tit b {font-weight:bold; }
.company_con01 ul li .hr {width:20px; height:2px; margin:20px 0; background-color:#fff; }
.company_con01 ul li p.desc {font-size:20px; line-height:30px; font-weight:300; color:#d1d4d9; letter-spacing:-0.045em; word-break:keep-all; }

@media all and (max-width:1000px){
	.company_con01 ul li {width:100%; min-height:auto; padding:70px 50px !important; margin-top:0 !important; }
}*/


/* about us - company  */
.company_con01{}
.company_con01 ul{}
.company_con01 ul li{min-height:420px; margin-bottom:80px;}
.company_con01 ul li:after{content:''; display:block; clear:both;}
.company_con01 ul li .img_box{float:left; width:45%; position:relative; overflow:hidden; height:420px;}
.company_con01 ul li .img_box img{position:absolute; left:50%; top:0; width:auto; height:100%; transform:translateX(-50%); -webkit-transform:translateX(-50%); -o-transform:translateX(-50%); -ms-transform:translateX(-50%); -moz-transform:translateX(-50%);}
.company_con01 ul li .txt_box{float:left; width:55%;}
.company_con01 ul li .txt_box p{font-size:30px; font-weight:300; letter-spacing:-0.045em; color:#222222; line-height:37px; position:relative; padding:40px 0 30px 120px;  word-break:keep-all;}
.company_con01 ul li .txt_box p:before{content:''; position:absolute; width:1000%; left:0; bottom:1px; height:1px; background:#f0f2f6; z-index:1;}
.company_con01 ul li .txt_box p:after{content:''; position:absolute; width:100px; left:120px; bottom:1px; height:2px; background:#0a2873; z-index:1;}
.company_con01 ul li .txt_box p b{font-weight:500;}
.company_con01 ul li .txt_box span{display:block; padding:0 30px 0 120px; font-size:18px; font-weight:300; letter-spacing:-0.045em; color:#888888; line-height:28px; margin-top:30px;  word-break:keep-all;}
.company_con01 ul li:nth-of-type(2) .img_box{float:right;}
.company_con01 ul li:nth-of-type(2) .txt_box{float:right;}
.company_con01 ul li:nth-of-type(2) .txt_box p{padding:40px 0 30px 60px}
.company_con01 ul li:nth-of-type(2) .txt_box span{padding:0 30px 0 60px;}
.company_con01 ul li:nth-of-type(2) .txt_box p:before{left:-900%;}
.company_con01 ul li:nth-of-type(2) .txt_box p:after{left:60px;}

@media all and (max-width:1400px){
	br.pc_only{display:none;}
}

@media all and (max-width:1200px){
	.company_con01 ul li .txt_box p{padding:0 0 30px 60px}
	.company_con01 ul li .txt_box p:after{left:60px;}
	.company_con01 ul li .txt_box span{padding:0 30px 0 60px;}
	.company_con01 ul li:nth-of-type(2) .txt_box p{padding:0 0 30px 30px;}
	.company_con01 ul li:nth-of-type(2) .txt_box span{padding:0 30px;}
	.company_con01 ul li:nth-of-type(2) .txt_box p:after{left:30px;}
}

@media all and (max-width:1000px){
	.company_con01 ul li{min-height:auto;}
	.company_con01 ul li .img_box{float:none; width:100%; height:auto;}
	.company_con01 ul li .img_box img{position:relative; width:100%; height:auto; }
	.company_con01 ul li .txt_box{float:none; width:100%;}
	.company_con01 ul li .txt_box p{padding:30px 0 30px 30px}
	.company_con01 ul li .txt_box p:after{left:30px;}
	.company_con01 ul li .txt_box span{padding:0 30px 0 30px;}
	.company_con01 ul li:nth-of-type(2) .txt_box p{padding:30px 0 30px 30px;}
}

.company_con02{padding:80px 0 85px; background:#f9f9fc; margin-bottom:150px;}
.company_con02 .company_con02_tit{text-align:center;}
.company_con02 .company_con02_tit p{font-size:30px; font-weight:200; letter-spacing:-0.045em; color:#222222; line-height:40px;  word-break:keep-all;}
.company_con02 .company_con02_tit p strong{font-weight:500; color:#0a2873}
.company_con02 .company_con02_tit p b{display:inline-block; font-weight:500; position:relative; z-index:12}
.company_con02 .company_con02_tit p b:before{content:''; position:absolute; width:100%; height:50%; bottom:0; left:0; background:#dbe5ff; z-index:-1;}
.company_con02 .company_con02_tit span{display:block; padding:15px 0 40px; font-size:22px; font-weight:200; letter-spacing:-0.045em; color:#222; line-height:32px; position:relative;  word-break:keep-all;}
.company_con02 .company_con02_tit span:before{content:''; position:absolute; left:50%; bottom:0; width:100px; height:2px; background:#0a2873; transform:translateX(-50%); -webkit-transform:translateX(-50%); -o-transform:translateX(-50%); -ms-transform:translateX(-50%); -moz-transform:translateX(-50%);}
.company_con02 .company_con02_tit span b{font-size:30px; font-weight:200; letter-spacing:-0.045em; color:#222222; line-height:40px;  word-break:keep-all;}
.company_con02 ul{font-size:0; text-align:center; padding:40px 0}
.company_con02 ul li{display:inline-block; vertical-align:top; padding:0 60px; margin-bottom:20px; min-width:260px; box-sizing:border-box;}
.company_con02 ul li span{display:block; padding-top:15px; font-size:18px; font-weight:400; letter-spacing:0; color:#444444; font-family: 'Orbitron';}
.company_con02 .trust{position:relative; text-align:center; margin:110px auto 0; width:420px; height:93px; border-radius:47px; border:1px solid #0a2873; background:#fff; }
.company_con02 .trust:before{content:''; position:absolute; left:50%; top:-110px; width:48px; height:28px; background:url('/img/company_icon06.png') no-repeat center / cover; transform:translateX(-50%); -webkit-transform:translateX(-50%); -o-transform:translateX(-50%); -ms-transform:translateX(-50%); -moz-transform:translateX(-50%);}
.company_con02 .trust:after{content:''; position:absolute; left:-20px; top:-20px; width:460px; height:133px; border-radius:67px; border:1px solid #ececf1; }
.company_con02 .trust img{margin:15px auto;}
.company_con02 .trust p{font-size:18px; font-weight:bold; letter-spacing:0; color:#0a2873;  font-family: 'Orbitron';}
.company_con02 span.desc{margin-top:70px; display:block; font-size:18px; font-weight:300; letter-spacing:-0.045em; color:#888888; line-height:28px; text-align:center;  word-break:keep-all;}


/* about us - history */
.history_con01 {padding-bottom:160px; }	
.history_con01 .history_box {width:980px; max-width:100%; margin:0 auto; }
.history_con01 .history_box dl {position:relative; font-size:0; letter-spacing:-4px; }
.history_con01 .history_box dl:before {content:''; z-index:5; position:absolute; left:84px; top:80px; width:1px; height:100%; border-right:1px dashed #e3e3e3; box-sizing:border-box; }
.history_con01 .history_box dl:after {content:''; z-index:8; position:absolute; left:82px; top:calc(50% + 86px); transform:translateY(-50%); }
.history_con01 .history_box dl.type01_on:after {width:5px; height:5px; background:url('/img/history_dot_type01_on.png') no-repeat center center; }
.history_con01 .history_box dl.type01:after {width:5px; height:5px; background:url('/img/history_dot_type01.png') no-repeat center center; }
.history_con01 .history_box dl.type03:after {width:5px; height:53px; background:url('/img/history_dot_type03.png') no-repeat center center; }
.history_con01 .history_box dl.type02:after {width:5px; height:29px; background:url('/img/history_dot_type02.png') no-repeat center center; }
.history_con01 .history_box dl:last-of-type:before {display:none; }
.history_con01 .history_box dl dt {position:relative; z-index:10; display:inline-block; vertical-align:middle; width:166px; height:166px; background:url('/img/history_dt_bg.png') no-repeat center center; text-align:center; }
.history_con01 .history_box dl dt.vertop {vertical-align:top; }
.history_con01 .history_box dl dt p {display:table; width:100%; height:100%; font-size:24px; color:#444444; font-weight:bold; letter-spacing:0; }
.history_con01 .history_box dl dt p span {display:table-cell; vertical-align:middle; }
.history_con01 .history_box dl dt.on {background:url('/img/history_dt_bg_on.png') no-repeat center center; }
.history_con01 .history_box dl dt.on p {color:#fff; font-weight:bold; }

.history_con01 .history_box dl dd {display:inline-block; vertical-align:middle; width:calc(100% - 166px); padding-left:100px; padding-top:20px; box-sizing:border-box; }
.history_con01 .history_box dl dd.vertop {vertical-align:top; }
.history_con01 .history_box dl dd .box {padding-bottom:20px; font-size:0; letter-spacing:-4px; }
.history_con01 .history_box dl dd .box:last-of-type {padding-bottom:0; }
.history_con01 .history_box dl dd .box span {display:inline-block; vertical-align:top; width:100px; font-size:20px; color:#666666; letter-spacing:0; font-weight:500; line-height:29px; }
.history_con01 .history_box dl dd .box p {display:inline-block; vertical-align:top; width:calc(100% - 100px); font-size:20px; font-weight:300; color:#666666; letter-spacing:-0.045em; word-break:keep-all; }
.history_con01 .history_box dl dd .box.vermid span {vertical-align:middle; }
.history_con01 .history_box dl dd .box.vermid p {vertical-align:middle; }

@media all and (max-width:1000px){
	.history_con01 .history_box dl dd {padding-left:30px; }
	.history_con01 .history_box dl dd .box span {width:100%; margin-bottom:5px;}
	.history_con01 .history_box dl dd .box p {width:100%; }
}

/* technology - 신소재 센서 플랫폼 */
.csp_con01{padding-bottom:100px;}
.csp_con01 ul{font-size:0; text-align:center;}
.csp_con01 ul br{display:none;}
.csp_con01 ul li{display:inline-block; vertical-align:top; width:240px; margin-bottom:35px; margin-right:145px;}
.csp_con01 ul li:last-of-type{margin-right:0;}
.csp_con01 ul li i{display:inline-block; position:relative; margin:0 auto;}
.csp_con01 ul li:nth-of-type(1) i:before{content:''; position:absolute; width:198px; height:183px; top:-30px; left:-60px; background:url('/img/csp_con01_img01_top.png') no-repeat center / cover;}
.csp_con01 ul li:nth-of-type(2) i:before{content:''; position:absolute; width:181px; height:121px; top:10px; left:-70px; background:url('/img/csp_con01_img02_top.png') no-repeat center / cover;}
.csp_con01 ul li:nth-of-type(3) i:before{content:''; position:absolute; width:228px; height:180px; top:-40px; left:-80px; background:url('/img/csp_con01_img03_top.png') no-repeat center / cover;}
.csp_con01 ul li span{display:block; margin-top:20px; font-size:18px; font-weight:400; letter-spacing:-0.045em; color:#222222; text-align:center; box-sizing:border-box;}
.csp_con01 p.desc{font-size:18px; letter-spacing:-0.045em; color:#666666; text-align:center;}

@media all and (max-width:1200px){
	.csp_con01 ul li:nth-of-type(2){margin-right:0;}
	.csp_con01 ul li:last-of-type{margin-top:30px;}
	.csp_con01 ul br{display:block;}
}
@media all and (max-width:767px){
	.csp_con01 ul li:nth-of-type(1){margin-right:0;}
	.csp_con01 ul li{display:block; text-align:center; width:100%;}
}

.csp_con02{background:#f9f9fc; }	
.csp_con02 .top_box{padding-top:100px; text-align:center;}
.csp_con02 .top_box ul{font-size:0;}
.csp_con02 .top_box ul li{display:inline-block; vertical-align:top; width:calc(50% - 90px); margin-right:180px; position:relative; background:#fff; padding:35px 0;}
.csp_con02 .top_box ul li:nth-of-type(1):before{content:'VS'; position:absolute; right:-125px; top:50%; font-size:40px; font-weight:500; letter-spacing:-0.045em; color:#e95116; font-family: 'Orbitron'; transform:translate(0 , -50%); -webkit-transform:translate(0 , -50%); -o-transform:translate(0 , -50%); -ms-transform:translate(0 , -50%); -moz-transform:translate(0 , -50%);}
.csp_con02 .top_box ul li:nth-of-type(2){margin-right:0;}
.csp_con02 .top_box p{font-size:26px; font-weight:bold; letter-spacing:-0.045em; color:#222222}
.csp_con02 .top_box span{display:block; font-size:18px; letter-spacing:-0.045em; color:#666666; padding:10px 0 40px; }
.csp_con02 .top_box img {width:100%;}
.csp_con02 .bot_box{padding:80px 0;}
.csp_con02 .bot_box ul{font-size:0; margin-top:100px}
.csp_con02 .bot_box ul li{display:inline-block; vertical-align:top; width:50%;}
.csp_con02 .bot_box ul li > img{width:100%; margin-top:40px;}
.csp_con02 .bot_box ul li .txt_box{padding:60px 80px; background:#fff; border-top-left-radius:100px; border-bottom-right-radius:100px;}
.csp_con02 .bot_box ul li .txt_box p{font-size:20px; letter-spacing:-0.045em; color:#666666; line-height:28px; margin-bottom:25px; position:relative;}
.csp_con02 .bot_box ul li .txt_box p:last-of-type{margin-bottom:0;}
.csp_con02 .bot_box ul li .txt_box p:before{content:''; position:absolute; left:-10px; top:8px; width:5px; height:5px; border-radius:50%; background:#666; }
.csp_con02 .bot_box ul li .img_box{margin-top:50px; font-size:0;}
.csp_con02 .bot_box ul li .img_box i{display:inline-block; vertical-align:middle; width:50%;}
.csp_con02 .bot_box ul li .img_box i img{width:100%;}
.csp_con02 .bot_box ul li .img_box span{display:inline-block; vertical-align:middle; width:50%; font-size:20px; letter-spacing:-0.045em; color:#666666; text-align:center; line-height:28px; position:relative; padding:0 10px; box-sizing:border-box;}
.csp_con02 .bot_box ul li .img_box span:before{content:''; position:absolute; left:0; top:50%; width:11px; height:70px; background:url('/img/csp_con02_icon01.png') no-repeat center / cover; transform:translateY(-50%); -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); -ms-transform:translateY(-50%); -moz-transform:translateY(-50%);}
.csp_con02 .bot_box ul li .img_box span:after{content:''; position:absolute; right:0; top:50%; width:11px; height:70px; background:url('/img/csp_con02_icon02.png') no-repeat center / cover; transform:translateY(-50%); -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); -ms-transform:translateY(-50%); -moz-transform:translateY(-50%);}

.csp_con02 .csp_con02_tit{text-align:center;}	
.csp_con02 .csp_con02_tit p{font-size:20px; font-weight:500; letter-spacing:-0.045em; color:#0a2873;}
.csp_con02 .csp_con02_tit span{display:block; font-size:30px; font-weight:-0.045em; color:#222222;}

@media all and (max-width:1400px){
	.csp_con02 .bot_box ul li .txt_box p br{display:none;}
	.csp_con02 .bot_box ul li .img_box i {width:40%}
	.csp_con02 .bot_box ul li .img_box span{width:60%}
	.csp_con02 .bot_box ul li .img_box span br{display:none;}
}

@media all and (max-width:1000px){
	.csp_con02 .top_box ul li{display:block; width:100%; margin-right:0; margin-bottom:100px;}
	.csp_con02 .top_box ul li:nth-of-type(2){margin-bottom:0;}
	.csp_con02 .top_box ul li:nth-of-type(1):before{bottom:-75px; left:50%; right:auto; top:auto;  transform:translate(-50% , 0); -webkit-transform:translate(-50% , 0); -o-transform:translate(-50% , 0); -ms-transform:translate(-50% , 0); -moz-transform:translate(-50% , 0);}
	.csp_con02 .bot_box ul li{width:100%;}
	.csp_con02 .bot_box ul li .txt_box{margin-top:50px}
	.csp_con02 .bot_box ul li .img_box i {width:50%}
	.csp_con02 .bot_box ul li .img_box span{width:50%}
}


.poct_con01 {}
.poct_con01 img {max-width:100%; }