@font-face {
    font-family: 'GmarketSansMedium';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
/* 텍스트- decoration */
span.certi_t{ font-size:1.22em}
p{ font-size:1.15em; line-height:1.6em}
p.b{ font-weight:bold; color:#333; font-size:1.15em; line-height:1.6em;}
p span.b{ font-weight:bold; color:#333; }
p span.b2{ font-weight:bold; color:#333; font-size:1.30em}
p span.check{ color:#362de4}
p.t1{padding:0;  word-break: keep-all; font-size:2.2em; line-height:1.4em;color:#222; font-weight:600; letter-spacing:-.055em; /*width: 85%;*/font-family: 'GmarketSansMedium', sans-serif;}
p.t1 span{color:#1134a8;}
p.t2{padding:0;word-break:keep-all; font-size:1.8em; line-height:1.6em;color:#333; font-weight:300; letter-spacing:0}
p.t2 span{ font-weight:500; font-size: 1.7em; color:#125fa3;}
p.t3{padding:0;word-break:break-all; font-size:2.9em; line-height:1.6em;color:#555; font-weight:500; letter-spacing:-.055em}
p.t3 span{padding:0;word-break:break-all; font-size:1.0em; line-height:1.6em;color:#362de4; font-weight:500; letter-spacing:-.055em}
p.t3_1{padding:0;word-break:break-all; font-size:2.4em; line-height:1.6em;color:#2a2a2a; font-weight:500; letter-spacing:-.075em}
p.t4{
    word-break: break-all;
    font-size: 1.20em;
    line-height: 1.6em;
    color: #555;
    font-family: 'GmarketSansMedium', sans-serif;
    letter-spacing: -.025em;
	margin: 0 0 8px;
	display:flex
	}
p.t4 span{margin: 0 7px; font-family: 'GmarketSansMedium', sans-serif; font-weight: 600;}
p.t4 span:before {
    display: inline-block;
    content: ":";
    margin: 0 7px 0 0;
}
p.t5{padding:0;word-break:break-all; font-size:1.20em; line-height:1.25em;color:#555; font-weight:400; margin: 25px 0 15px;}
p.t5 span{color:#2f429b; font-size:0.9em; font-weight:500 }
p.t6{padding:0;word-break:break-all; font-size:1.6em; line-height:1.6em;color:rgb(0,0,0,0.9);color:rgba(0,0,0,0.9); font-weight:500; letter-spacing:-.045em;  }
p.t6 a{padding:0;word-break:break-all; font-size:1.6em; line-height:1.6em;color:rgb(0,0,0,0.9) !important;color:rgba(0,0,0,0.9) !important; font-weight:500; letter-spacing:-.045em;  }
p.t6 span{padding:0;word-break:break-all; font-size:1.6em; line-height:1.6em;color:#333; font-weight:500; letter-spacing:-.045em;  }
p.t7{padding:0;word-break:break-all; font-size:1.em; line-height:1.6em;color:#908b88;c font-weight:220; letter-spacing:-.055em}
p.t8{padding:0;word-break:break-all; font-size:1.4em; line-height:1.6em;color:#10276e;  font-weight:220; letter-spacing:-.055em}
p.t9{padding:0;word-break:break-all; font-size:1.25em; line-height:1.6em;color:#333;  font-weight:500; letter-spacing:-.055em; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; min-height:28px; white-space:nowrap}
p.t10{color:#2a5dc5 !important;}
p.t10 a{padding:0;word-break:break-all; font-size:1.8em; line-height:1.20em;color:#2a5dc5 !important; font-family: 'Montserrat', sans-serif,"굴림","돋움";letter-spacing:-.015em; font-weight:bold}
p.t10 span.bar{padding:0;word-break:break-all; font-size:0.80em; line-height:1.50em;color:#2a5dc5;letter-spacing:-.075em;}
p.t11{padding:0 0 5px 0;word-break:break-all; font-size:1.40em; line-height:1.6em;color:#378ccd; font-weight:400;letter-spacing:-.055em; }
p.t12{padding:0;word-break:break-all; font-size:1.80em; line-height:1.00em;color:#2a2a2a;letter-spacing:-.055em; font-weight:300; }
p.t13{padding:0;word-break:break-all; font-size:1.20em; line-height:1.00em;color:#191919;letter-spacing:-.055em; font-weight:400;}
p.t13 span{padding:0;word-break:break-all; font-size:1.00em; line-height:1.00em;color:#1793da;letter-spacing:-.055em; font-weight:bold; }
p.t14{padding:0;word-break:break-all; font-size:1.15em;color:#191919;letter-spacing:-.055em; font-weight:bold; line-height:1.4em}
p.t14 span{padding:0;word-break:break-all; font-size:0.75em; line-height:1.00em;color:#6c6c6c;letter-spacing:-.055em; font-weight:500;}
p.t15{padding:0;word-break:break-all; font-size:1.20em; line-height:1.6em;color:#3659aa;  font-weight:220; letter-spacing:-.055em}
p.t16{padding:0;word-break:break-all; font-size:1.00em;color:rgb(0,0,0,0.5);color:rgba(0,0,0,0.5);letter-spacing:-.020em; font-weight:bold; line-height:1.4em;font-family: 'Nanum Gothic', sans-serif,"돋움", "굴림", tahoma, sans-serif; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; min-height:40px}
p.t16 span{padding:0;word-break:break-all; font-size:1.00em; line-height:1.00em;color:#2097dc;letter-spacing:-.055em; font-weight:700;}
p.t16 span a{padding:0;word-break:break-all; font-size:1.00em; line-height:1.00em;color:#2097dc;letter-spacing:-.055em; font-weight:700;}
p.t17{padding:0;word-break:break-all; font-size:0.90em;color:#888;letter-spacing:-.055em; font-weight:400; line-height:1.4em; }
p.t17 span{padding:0;word-break:break-all; font-size:0.90em; line-height:1.00em;color:#2097dc;letter-spacing:-.055em; font-weight:700;}
p.t18{padding:0;word-break:break-all; font-size:0.90em;color:#555;letter-spacing:-.055em; font-weight:400; line-height:1.4em; }
p.t18 span{padding:0;word-break:break-all; font-size:1.15em; line-height:1.8em;color:#333;letter-spacing:-.055em; font-weight:700;}
p span.box{ background:#666; text-align:center; padding:3px 8px; color:#fff; font-size:0.95em; border-radius:5px}
@media screen and (max-width:1000px) {
p.t1{ margin:20px 0 0}
}
@media screen and (max-width:767px) {
p.b{ font-weight:bold; color:#333; font-size:1.10em; line-height:1.6em;}
p span.b{ font-weight:bold; color:#333}
p span.b2{ font-weight:bold; color:#333; font-size:1.30em}
p span.check{ color:#ff3600}
p.t1{padding:0; font-size:1.7em; line-height:1.4em; color:#222; font-weight:600; letter-spacing:-.055em; /*width: 85%;*/}
p.t1 span{color:#1134a8;}
p.t2{padding:0;word-break:keep-all; font-size:1.2em; line-height:1.3em;color:#333; font-weight:300; letter-spacing:0; margin:0 0 20px}
p.t2 span{ font-weight:500; font-size: 1.3em;}
p.t3{padding:0;word-break:break-all; font-size:1.4em; line-height:1.6em;color:#555; font-weight:500; letter-spacing:-.055em}
p.t3 span{padding:0;word-break:break-all; font-size:1.0em; line-height:1.6em;color:#362de4; font-weight:500; letter-spacing:-.055em}
p.t3_1{padding:0;word-break:break-all; font-size:2.4em; line-height:1.6em;color:#2a2a2a; font-weight:500; letter-spacing:-.075em}
p.t4{ font-size: 1.12em; word-break: break-all; color: #555; font-weight: 500; letter-spacing: -.055em;}
p.t4 span{font-weight:600}
p.t5{padding:0;word-break:break-all; font-size:1.25em; line-height:1.25em;color:#555; font-weight:500}
p.t6{padding:0;word-break:break-all; font-size:1.4em; line-height:1.6em;color:#5496cf; font-weight:500; letter-spacing:-.045em;  }
p.t6 span{padding:0;word-break:break-all; font-size:1.35em; line-height:1.6em;color:#333; font-weight:500; letter-spacing:-.045em;  }
p.t7{padding:0;word-break:break-all; font-size:1em; line-height:1.6em; color:#908b88; letter-spacing:-.055em}
p.t8{padding:0;word-break:break-all; font-size:1.4em; line-height:1.6em;color:#10276e;  font-weight:220; letter-spacing:-.055em}
p.t9{padding:0;word-break:break-all; font-size:1.10em; line-height:1.4em;color:#333;  font-weight:500; letter-spacing:-.055em; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; min-height:40px}
p.t10{padding:0;word-break:break-all; line-height:1.30em;color:#2a5dc5; font-weight:bold}
p.t10 span.bar{padding:0;word-break:break-all; font-size:0.80em; line-height:1.50em;color:#2a5dc5;letter-spacing:-.075em;}
p.t11{padding:0 0 5px 0;word-break:break-all; font-size:1.30em; line-height:1.6em;color:#378ccd; font-weight:400;letter-spacing:-.055em; }
p.t12{padding:0;word-break:break-all; font-size:1.40em; line-height:1.00em;color:#2a2a2a;letter-spacing:-.055em; font-weight:300; }
}


/* MARGIN-TOP관련 */
.t_margin-20{margin-top:-20px;}
.t_margin-19{margin-top:-19px;}
.t_margin-18{margin-top:-18px;}
.t_margin-17{margin-top:-17px;}
.t_margin-16{margin-top:-16px;}
.t_margin-15{margin-top:-15px;}
.t_margin-14{margin-top:-14px;}
.t_margin-13{margin-top:-13px;}
.t_margin-12{margin-top:-12px;}
.t_margin-11{margin-top:-11px;}
.t_margin-10{margin-top:-10px;}
.t_margin-9{margin-top:-9px;}
.t_margin-8{margin-top:-8px;}
.t_margin-7{margin-top:-7px;}
.t_margin-6{margin-top:-6px;}
.t_margin-5{margin-top:-5px;}
.t_margin-4{margin-top:-4px;}
.t_margin-3{margin-top:-3px;}
.t_margin-2{margin-top:-2px;}
.t_margin-1{margin-top:-1px;}
.t_margin0{margin-top:0px;}
.t_margin1{margin-top:1px;}
.t_margin2{margin-top:2px;}
.t_margin3{margin-top:3px;}
.t_margin4{margin-top:4px;}
.t_margin5{margin-top:5px;}
.t_margin6{margin-top:6px;}
.t_margin7{margin-top:7px;}
.t_margin8{margin-top:8px;}
.t_margin9{margin-top:9px;}
.t_margin10{margin-top:10px;}
.t_margin11{margin-top:11px;}
.t_margin12{margin-top:12px;}
.t_margin13{margin-top:13px;}
.t_margin14{margin-top:14px;}
.t_margin15{margin-top:15px;}
.t_margin16{margin-top:16px;}
.t_margin17{margin-top:17px;}
.t_margin18{margin-top:18px;}
.t_margin19{margin-top:19px;}
.t_margin20{margin-top:20px;}
.t_margin21{margin-top:21px;}
.t_margin22{margin-top:22px;}
.t_margin23{margin-top:23px;}
.t_margin24{margin-top:24px;}
.t_margin25{margin-top:25px;}
.t_margin26{margin-top:26px;}
.t_margin27{margin-top:27px;}
.t_margin28{margin-top:28px;}
.t_margin29{margin-top:29px;}
.t_margin30{margin-top:30px;}
.t_margin31{margin-top:31px;}
.t_margin32{margin-top:32px;}
.t_margin33{margin-top:33px;}
.t_margin34{margin-top:34px;}
.t_margin35{margin-top:35px;}
.t_margin36{margin-top:36px;}
.t_margin37{margin-top:37px;}
.t_margin38{margin-top:38px;}
.t_margin39{margin-top:39px;}
.t_margin40{margin-top:40px;}
.t_margin41{margin-top:41px;}
.t_margin42{margin-top:42px;}
.t_margin43{margin-top:43px;}
.t_margin44{margin-top:44px;}
.t_margin45{margin-top:45px;}
.t_margin46{margin-top:46px;}
.t_margin47{margin-top:47px;}
.t_margin48{margin-top:48px;}
.t_margin49{margin-top:49px;}
.t_margin50{margin-top:50px;}
.t_margin75{margin-top:75px;}
.t_margin200{margin-top:200px;}
@media screen and (max-width:767px) {
.t_margin40{margin-top:0px;}
.t_margin75{margin-top:20px;}
}

/* MARGIN-LEFT관련 */
.l_margin-70{margin-left:-70px;}
.l_margin-50{margin-left:-50px;}
.l_margin-40{margin-left:-40px;}
.l_margin-35{margin-left:-35px;}
.l_margin-30{margin-left:-30px;}
.l_margin-25{margin-left:-25px;}
.l_margin-24{margin-left:-24px;}
.l_margin-23{margin-left:-23px;}
.l_margin-22{margin-left:-22px;}
.l_margin-21{margin-left:-21px;}
.l_margin-20{margin-left:-20px;}
.l_margin-19{margin-left:-19px;}
.l_margin-18{margin-left:-18px;}
.l_margin-17{margin-left:-17px;}
.l_margin-16{margin-left:-16px;}
.l_margin-15{margin-left:-15px;}
.l_margin-14{margin-left:-14px;}
.l_margin-13{margin-left:-13px;}
.l_margin-12{margin-left:-12px;}
.l_margin-11{margin-left:-11px;}
.l_margin-10{margin-left:-10px;}
.l_margin-9{margin-left:-9px;}
.l_margin-8{margin-left:-8px;}
.l_margin-7{margin-left:-7px;}
.l_margin-6{margin-left:-6px;}
.l_margin-5{margin-left:-5px;}
.l_margin-4{margin-left:-4px;}
.l_margin-3{margin-left:-3px;}
.l_margin-2{margin-left:-2px;}
.l_margin-1{margin-left:-1px;}
.l_margin0{margin-left:0px;}
.l_margin1{margin-left:1px;}
.l_margin2{margin-left:2px;}
.l_margin3{margin-left:3px;}
.l_margin4{margin-left:4px;}
.l_margin5{margin-left:5px;}
.l_margin6{margin-left:6px;}
.l_margin7{margin-left:7px;}
.l_margin8{margin-left:8px;}
.l_margin9{margin-left:9px;}
.l_margin10{margin-left:10px;}
.l_margin11{margin-left:11px;}
.l_margin12{margin-left:12px;}
.l_margin13{margin-left:13px;}
.l_margin14{margin-left:14px;}
.l_margin15{margin-left:15px;}
.l_margin16{margin-left:16px;}
.l_margin17{margin-left:17px;}
.l_margin18{margin-left:18px;}
.l_margin19{margin-left:19px;}
.l_margin20{margin-left:20px;}
.l_margin21{margin-left:21px;}
.l_margin22{margin-left:22px;}
.l_margin23{margin-left:23px;}
.l_margin24{margin-left:24px;}
.l_margin25{margin-left:25px;}
.l_margin26{margin-left:26px;}
.l_margin27{margin-left:27px;}
.l_margin28{margin-left:28px;}
.l_margin29{margin-left:29px;}
.l_margin30{margin-left:30px;}
.l_margin31{margin-left:31px;}
.l_margin32{margin-left:32px;}
.l_margin33{margin-left:33px;}
.l_margin34{margin-left:34px;}
.l_margin35{margin-left:35px;}
.l_margin36{margin-left:36px;}
.l_margin37{margin-left:37px;}
.l_margin38{margin-left:38px;}
.l_margin39{margin-left:39px;}
.l_margin40{margin-left:40px;}
.l_margin41{margin-left:41px;}
.l_margin42{margin-left:42px;}
.l_margin43{margin-left:43px;}
.l_margin44{margin-left:44px;}
.l_margin45{margin-left:45px;}
.l_margin46{margin-left:46px;}
.l_margin47{margin-left:47px;}
.l_margin48{margin-left:48px;}
.l_margin49{margin-left:49px;}
.l_margin50{margin-left:50px;}
.l_margin80{margin-left:80px;}
.l_margin85{margin-left:85px;}
.l_margin87{margin-left:87px;}
.l_margin90{margin-left:90px;}
.l_margin100{margin-left:100px;}

/* MARGIN-RIGHT관련 */
.r_margin-20{margin-right:-20px;}
.r_margin-19{margin-right:-19px;}
.r_margin-18{margin-right:-18px;}
.r_margin-17{margin-right:-17px;}
.r_margin-16{margin-right:-16px;}
.r_margin-15{margin-right:-15px;}
.r_margin-14{margin-right:-14px;}
.r_margin-13{margin-right:-13px;}
.r_margin-12{margin-right:-12px;}
.r_margin-11{margin-right:-11px;}
.r_margin-10{margin-right:-10px;}
.r_margin-9{margin-right:-9px;}
.r_margin-8{margin-right:-8px;}
.r_margin-7{margin-right:-7px;}
.r_margin-6{margin-right:-6px;}
.r_margin-5{margin-right:-5px;}
.r_margin-4{margin-right:-4px;}
.r_margin-3{margin-right:-3px;}
.r_margin-2{margin-right:-2px;}
.r_margin-1{margin-right:-1px;}
.r_margin0{margin-right:0px;}
.r_margin1{margin-right:1px;}
.r_margin2{margin-right:2px;}
.r_margin3{margin-right:3px;}
.r_margin4{margin-right:4px;}
.r_margin5{margin-right:5px;}
.r_margin6{margin-right:6px;}
.r_margin7{margin-right:7px;}
.r_margin8{margin-right:8px;}
.r_margin9{margin-right:9px;}
.r_margin10{margin-right:10px;}
.r_margin11{margin-right:11px;}
.r_margin12{margin-right:12px;}
.r_margin13{margin-right:13px;}
.r_margin14{margin-right:14px;}
.r_margin15{margin-right:15px;}
.r_margin16{margin-right:16px;}
.r_margin17{margin-right:17px;}
.r_margin18{margin-right:18px;}
.r_margin19{margin-right:19px;}
.r_margin20{margin-right:20px;}
.r_margin21{margin-right:21px;}
.r_margin22{margin-right:22px;}
.r_margin23{margin-right:23px;}
.r_margin24{margin-right:24px;}
.r_margin25{margin-right:25px;}
.r_margin26{margin-right:26px;}
.r_margin27{margin-right:27px;}
.r_margin28{margin-right:28px;}
.r_margin29{margin-right:29px;}
.r_margin30{margin-right:30px;}
.r_margin31{margin-right:31px;}
.r_margin32{margin-right:32px;}
.r_margin33{margin-right:33px;}
.r_margin34{margin-right:34px;}
.r_margin35{margin-right:35px;}
.r_margin36{margin-right:36px;}
.r_margin37{margin-right:37px;}
.r_margin38{margin-right:38px;}
.r_margin39{margin-right:39px;}
.r_margin40{margin-right:40px;}
.r_margin41{margin-right:41px;}
.r_margin42{margin-right:42px;}
.r_margin43{margin-right:43px;}
.r_margin44{margin-right:44px;}
.r_margin45{margin-right:45px;}
.r_margin46{margin-right:46px;}
.r_margin47{margin-right:47px;}
.r_margin48{margin-right:48px;}
.r_margin49{margin-right:49px;}
.r_margin50{margin-right:50px;}

/* MARGIN-BOTTOM관련 */
.b_margin-20{margin-bottom:-20px;}
.b_margin-19{margin-bottom:-19px;}
.b_margin-18{margin-bottom:-18px;}
.b_margin-17{margin-bottom:-17px;}
.b_margin-16{margin-bottom:-16px;}
.b_margin-15{margin-bottom:-15px;}
.b_margin-14{margin-bottom:-14px;}
.b_margin-13{margin-bottom:-13px;}
.b_margin-12{margin-bottom:-12px;}
.b_margin-11{margin-bottom:-11px;}
.b_margin-10{margin-bottom:-10px;}
.b_margin-9{margin-bottom:-9px;}
.b_margin-8{margin-bottom:-8px;}
.b_margin-7{margin-bottom:-7px;}
.b_margin-6{margin-bottom:-6px;}
.b_margin-5{margin-bottom:-5px;}
.b_margin-4{margin-bottom:-4px;}
.b_margin-3{margin-bottom:-3px;}
.b_margin-2{margin-bottom:-2px;}
.b_margin-1{margin-bottom:-1px;}
.b_margin-1{margin-bottom:-1px;}
.b_margin0{margin-bottom:0px;}
.b_margin1{margin-bottom:1px;}
.b_margin2{margin-bottom:2px;}
.b_margin3{margin-bottom:3px;}
.b_margin4{margin-bottom:4px;}
.b_margin5{margin-bottom:5px;}
.b_margin6{margin-bottom:6px;}
.b_margin7{margin-bottom:7px;}
.b_margin8{margin-bottom:8px;}
.b_margin9{margin-bottom:9px;}
.b_margin10{margin-bottom:10px;}
.b_margin11{margin-bottom:11px;}
.b_margin12{margin-bottom:12px;}
.b_margin13{margin-bottom:13px;}
.b_margin14{margin-bottom:14px;}
.b_margin15{margin-bottom:15px;}
.b_margin16{margin-bottom:16px;}
.b_margin17{margin-bottom:17px;}
.b_margin18{margin-bottom:18px;}
.b_margin19{margin-bottom:19px;}
.b_margin20{margin-bottom:20px;}
.b_margin21{margin-bottom:21px;}
.b_margin22{margin-bottom:22px;}
.b_margin23{margin-bottom:23px;}
.b_margin24{margin-bottom:24px;}
.b_margin25{margin-bottom:25px;}
.b_margin26{margin-bottom:26px;}
.b_margin27{margin-bottom:27px;}
.b_margin28{margin-bottom:28px;}
.b_margin29{margin-bottom:29px;}
.b_margin30{margin-bottom:30px;}
.b_margin31{margin-bottom:31px;}
.b_margin32{margin-bottom:32px;}
.b_margin33{margin-bottom:33px;}
.b_margin34{margin-bottom:34px;}
.b_margin35{margin-bottom:35px;}
.b_margin36{margin-bottom:36px;}
.b_margin37{margin-bottom:37px;}
.b_margin38{margin-bottom:38px;}
.b_margin39{margin-bottom:39px;}
.b_margin40{margin-bottom:40px;}
.b_margin41{margin-bottom:41px;}
.b_margin42{margin-bottom:42px;}
.b_margin43{margin-bottom:43px;}
.b_margin44{margin-bottom:44px;}
.b_margin45{margin-bottom:45px;}
.b_margin46{margin-bottom:46px;}
.b_margin47{margin-bottom:47px;}
.b_margin48{margin-bottom:48px;}
.b_margin49{margin-bottom:49px;}
.b_margin50{margin-bottom:50px;}

/* PADDING-TOP관련 */
.box-rpad{ padding-right:42px}
.box-lpad{ padding-left:42px}
@media screen and (max-width:1199px) {
.box-rpad{ padding-right:0px}
.box-lpad{ padding-left:0px}
}
.t_padding0{padding-top:0px;}
.t_padding1{padding-top:1px;}
.t_padding2{padding-top:2px;}
.t_padding3{padding-top:3px;}
.t_padding4{padding-top:4px;}
.t_padding5{padding-top:5px;}
.t_padding6{padding-top:6px;}
.t_padding7{padding-top:7px;}
.t_padding8{padding-top:8px;}
.t_padding9{padding-top:9px;}
.t_padding10{padding-top:10px;}
.t_padding11{padding-top:11px;}
.t_padding12{padding-top:12px;}
.t_padding13{padding-top:13px;}
.t_padding14{padding-top:14px;}
.t_padding15{padding-top:15px;}
.t_padding16{padding-top:16px;}
.t_padding17{padding-top:17px;}
.t_padding18{padding-top:18px;}
.t_padding19{padding-top:19px;}
.t_padding20{padding-top:20px;}
.t_padding21{padding-top:21px;}
.t_padding22{padding-top:22px;}
.t_padding23{padding-top:23px;}
.t_padding24{padding-top:24px;}
.t_padding25{padding-top:25px;}
.t_padding26{padding-top:26px;}
.t_padding27{padding-top:27px;}
.t_padding28{padding-top:28px;}
.t_padding29{padding-top:29px;}
.t_padding30{padding-top:30px;}
.t_padding31{padding-top:31px;}
.t_padding32{padding-top:32px;}
.t_padding33{padding-top:33px;}
.t_padding34{padding-top:34px;}
.t_padding35{padding-top:35px;}
.t_padding36{padding-top:36px;}
.t_padding37{padding-top:37px;}
.t_padding38{padding-top:38px;}
.t_padding39{padding-top:39px;}
.t_padding40{padding-top:40px;}
.t_padding41{padding-top:41px;}
.t_padding42{padding-top:42px;}
.t_padding43{padding-top:43px;}
.t_padding44{padding-top:44px;}
.t_padding45{padding-top:45px;}
.t_padding46{padding-top:46px;}
.t_padding47{padding-top:47px;}
.t_padding48{padding-top:48px;}
.t_padding49{padding-top:49px;}
.t_padding50{padding-top:50px;}

/* PADDING-LEFT관련 */
.l_padding0{padding-left:0px;}
.l_padding1{padding-left:1px;}
.l_padding2{padding-left:2px;}
.l_padding3{padding-left:3px;}
.l_padding4{padding-left:4px;}
.l_padding5{padding-left:5px;}
.l_padding6{padding-left:6px;}
.l_padding7{padding-left:7px;}
.l_padding8{padding-left:8px;}
.l_padding9{padding-left:9px;}
.l_padding10{padding-left:10px;}
.l_padding11{padding-left:11px;}
.l_padding12{padding-left:12px;}
.l_padding13{padding-left:13px;}
.l_padding14{padding-left:14px;}
.l_padding15{padding-left:15px;}
@media (max-width: 991px) {
.l_padding15{padding-left:0px;}	
}
.l_padding16{padding-left:16px;}
.l_padding17{padding-left:17px;}
.l_padding18{padding-left:18px;}
.l_padding19{padding-left:19px;}
.l_padding20{padding-left:20px;}
@media (max-width: 991px) {
.l_padding20{padding-left:0x;}
}
.l_padding21{padding-left:21px;}
.l_padding22{padding-left:22px;}
.l_padding23{padding-left:23px;}
.l_padding24{padding-left:24px;}
.l_padding25{padding-left:25px;}
.l_padding26{padding-left:26px;}
.l_padding27{padding-left:27px;}
.l_padding28{padding-left:28px;}
.l_padding29{padding-left:29px;}
.l_padding30{padding-left:30px;}
.l_padding31{padding-left:31px;}
.l_padding32{padding-left:32px;}
.l_padding33{padding-left:33px;}
.l_padding34{padding-left:34px;}
.l_padding35{padding-left:35px;}
.l_padding36{padding-left:36px;}
.l_padding37{padding-left:37px;}
.l_padding38{padding-left:38px;}
.l_padding39{padding-left:39px;}
.l_padding40{padding-left:40px;}
@media (max-width: 991px) {
.l_padding40{padding-left:0px;}
}
.l_padding41{padding-left:41px;}
.l_padding42{padding-left:42px;}
.l_padding43{padding-left:43px;}
.l_padding44{padding-left:44px;}
.l_padding45{padding-left:45px;}
.l_padding46{padding-left:46px;}
.l_padding47{padding-left:47px;}
.l_padding48{padding-left:48px;}
.l_padding49{padding-left:49px;}
.l_padding50{padding-left:50px;}
.l_padding80{padding-left:80px;}

/* PADDING-RIGHT관련 */
.r_padding0{padding-right:0px;}
.r_padding1{padding-right:1px;}
.r_padding2{padding-right:2px;}
.r_padding3{padding-right:3px;}
.r_padding4{padding-right:4px;}
.r_padding5{padding-right:5px;}
.r_padding6{padding-right:6px;}
.r_padding7{padding-right:7px;}
.r_padding8{padding-right:8px;}
.r_padding9{padding-right:9px;}
.r_padding10{padding-right:10px;}
@media screen and (max-width:767px) {
.r_padding10{padding-right:0px;}
}
.r_padding11{padding-right:11px;}
.r_padding12{padding-right:12px;}
.r_padding13{padding-right:13px;}
.r_padding14{padding-right:14px;}
.r_padding15{padding-right:15px;}
@media (max-width: 991px) {
.r_padding15{padding-right:0px;}	
}
.r_padding16{padding-right:16px;}
.r_padding17{padding-right:17px;}
.r_padding18{padding-right:18px;}
.r_padding19{padding-right:19px;}
.r_padding20{padding-right:20px;}
@media (max-width: 991px) {
.r_padding20{padding-right:0px;}	
}
.r_padding21{padding-right:21px;}
.r_padding22{padding-right:22px;}
.r_padding23{padding-right:23px;}
.r_padding24{padding-right:24px;}
.r_padding25{padding-right:25px;}
.r_padding26{padding-right:26px;}
.r_padding27{padding-right:27px;}
.r_padding28{padding-right:28px;}
.r_padding29{padding-right:29px;}
.r_padding30{padding-right:30px;}
.r_padding31{padding-right:31px;}
.r_padding32{padding-right:32px;}
.r_padding33{padding-right:33px;}
.r_padding34{padding-right:34px;}
.r_padding35{padding-right:35px;}
.r_padding36{padding-right:36px;}
.r_padding37{padding-right:37px;}
.r_padding38{padding-right:38px;}
.r_padding39{padding-right:39px;}
.r_padding40{padding-right:40px;}
.r_padding41{padding-right:41px;}
.r_padding42{padding-right:42px;}
.r_padding43{padding-right:43px;}
.r_padding44{padding-right:44px;}
.r_padding45{padding-right:45px;}
.r_padding46{padding-right:46px;}
.r_padding47{padding-right:47px;}
.r_padding48{padding-right:48px;}
.r_padding49{padding-right:49px;}
.r_padding50{padding-right:50px;}
.r_padding60{padding-right:60px;}

/* PADDING-BOTTOM관련 */
.b_padding0{padding-bottom:0px;}
.b_padding1{padding-bottom:1px;}
.b_padding2{padding-bottom:2px;}
.b_padding3{padding-bottom:3px;}
.b_padding4{padding-bottom:4px;}
.b_padding5{padding-bottom:5px;}
.b_padding6{padding-bottom:6px;}
.b_padding7{padding-bottom:7px;}
.b_padding8{padding-bottom:8px;}
.b_padding9{padding-bottom:9px;}
.b_padding10{padding-bottom:10px;}
.b_padding11{padding-bottom:11px;}
.b_padding12{padding-bottom:12px;}
.b_padding13{padding-bottom:13px;}
.b_padding14{padding-bottom:14px;}
.b_padding15{padding-bottom:15px;}
.b_padding16{padding-bottom:16px;}
.b_padding17{padding-bottom:17px;}
.b_padding18{padding-bottom:18px;}
.b_padding19{padding-bottom:19px;}
.b_padding20{padding-bottom:20px;}
.b_padding21{padding-bottom:21px;}
.b_padding22{padding-bottom:22px;}
.b_padding23{padding-bottom:23px;}
.b_padding24{padding-bottom:24px;}
.b_padding25{padding-bottom:25px;}
.b_padding26{padding-bottom:26px;}
.b_padding27{padding-bottom:27px;}
.b_padding28{padding-bottom:28px;}
.b_padding29{padding-bottom:29px;}
.b_padding30{padding-bottom:30px;}
.b_padding31{padding-bottom:31px;}
.b_padding32{padding-bottom:32px;}
.b_padding33{padding-bottom:33px;}
.b_padding34{padding-bottom:34px;}
.b_padding35{padding-bottom:35px;}
.b_padding36{padding-bottom:36px;}
.b_padding37{padding-bottom:37px;}
.b_padding38{padding-bottom:38px;}
.b_padding39{padding-bottom:39px;}
.b_padding40{padding-bottom:40px;}
.b_padding41{padding-bottom:41px;}
.b_padding42{padding-bottom:42px;}
.b_padding43{padding-bottom:43px;}
.b_padding44{padding-bottom:44px;}
.b_padding45{padding-bottom:45px;}
.b_padding46{padding-bottom:46px;}
.b_padding47{padding-bottom:47px;}
.b_padding48{padding-bottom:48px;}
.b_padding49{padding-bottom:49px;}
.b_padding50{padding-bottom:50px;}





/*인사말*/

.area_ceo{margin:0 0 80px;}
.area_ceo:after{content:''; display:block; clear:both;}
.area_ceo > div{float:left;}
.area_ceo .area_txt{position:relative; width:calc(100% - 600px); width:-webkit-calc(100% - 600px); box-sizing:border-box; padding:60px 0px 60px 50px;}
.area_ceo .area_txt.w2{position:relative; width:calc(100% - 300px); width:-webkit-calc(100% - 300px); box-sizing:border-box; padding:60px 50px 60px 0px;}

.area_ceo .area_txt:before{content:''; /* position:absolute; right:-80px; bottom:-40%; width:450px; height:0; padding-bottom:50%; background:url('../img/sub/img_logo.png')no-repeat center; background-size:100% auto; z-index:-1; */}
.area_ceo .area_txt h2{font-size: 28px;font-weight: 400;color: #4076bb;line-height:1.5em;word-break:keep-all;letter-spacing: -1.5px;}
.area_ceo .area_txt h2 p {font-size: 29px;word-break: keep-all;line-height: 1.3;font-weight: 600;color: #222; margin:10px 0}
.area_ceo .area_txt > p{padding:20px 0;font-size: 15px;font-weight:400;color:#555;line-height: 1.6;word-break:keep-all;letter-spacing: -.5px;}
.area_ceo .area_txt span{font-size:17px; font-weight:400; color:#333;}
.area_ceo .area_txt em{display:inline-block; padding:0 0 0 10px; font-style:normal; font-size:22px; font-weight:600; color:#333; letter-spacing:1px;}
.box > h3{position:relative; padding:0 0 0 25px; font-size:22px; font-weight:bold;}
.box > h3:before{content:''; position:absolute; top:3px; left:0; width:18px; height:18px; background:url('../img/sub/icon_title.png')no-repeat center; background-size:cover;}

/* table */
.area_intro table.table{margin:20px 0 0;}
.area_intro table.table caption{display:none;}
.area_intro .table > tbody > tr > td{padding:25px 50px; vertical-align:middle; font-size:17px;}
.area_intro .table > tbody > tr > th{background:#fbfbfb; font-weight:600; color:#222; border-right:1px solid #eee; text-align:center;padding:25px 50px;vertical-align:middle; font-size:17px;}
.area_intro .table > tbody > tr > td:last-child{font-weight:400; color:#333; background:#fff;}
.area_intro .table > tbody > tr > td p{line-height:2em; font-weight:500;}
.area_intro .table > tbody > tr > td p:first-child{margin:0 0 10px;}
.area_intro .table > tbody > tr > td p span{display:block; font-size:16px; font-weight:400; line-height:1.5em;}
.area_intro .table>tbody>tr>td, 
.area_intro .table>tbody>tr>th, 
.area_intro .table>tfoot>tr>td, 
.area_intro .table>tfoot>tr>th, 
.area_intro .table>thead>tr>td, 
.area_intro .table>thead>tr>th{border-top:1px solid #eee;}
.area_intro .table>tbody>tr:last-child{border-bottom:1px solid #eee;}

@media (max-width:1400px) {
	.area_ceo .area_txt:before{right:0;}
}
@media (max-width:1200px) {
	.area_ceo > div{width:100%; text-align:center;}
	.area_ceo .area_txt{width:100%; padding:60px 50px 0;}
	.area_ceo .area_txt.w2{width:100%; padding:0 50px 60px 50px}
	.area_ceo .area_txt:before{display:none;}
}

@media (max-width:800px) {
	.area_ceo .area_txt p br{display:none;}
	.table > tbody > tr > td{padding:20px;}
}
@media (max-width:550px) {
	.box h3{font-size:20px;}
	.area_ceo{margin:0 0 40px;}
	.area_ceo .area_txt{padding:40px 20px 0;}
	.area_ceo .area_txt.w2{ padding:0 40px 20px}
	.area_ceo .area_txt h2{font-size: 17px;}
	.area_ceo .area_txt em{font-size:20px; letter-spacing:0.5px;}
	.table > tbody > tr > td{padding:15px; font-size:16px;}
	.table > tbody > tr > td p{font-size:16px;}
}
@media (max-width:450px) {
	.inr .box > h3{margin:0 0 0 15px;}
	.area_ceo .area_img img{max-width:100%;}
}

/* 연혁 */
.box_img{margin:0 0 50px; width:100%; height:0; padding-bottom:35%; box-shadow: 2.868px 4.096px 16px 4px rgba(0, 0, 0, 0.07);}
.box_img.history{background:url(../img/sub/img_history01.jpg)no-repeat center; background-size:cover !important;}
.box.history{position:relative; margin:50px 0 150px;}
.box.history > h3{font-size:26px; font-weight:300; color:#333; line-height:1.4em;}
.box.history > h3 .txt_blue{font-weight:600;}
.box.history > span{display:inline-block; position:absolute; top:50px; left:50%; width:2px; height:100%; background:#eee;}
.box.history > ul{width:100%;}
.box.history > ul:after{content:''; display:block; clear:both;}
.box.history > ul > li{position:relative; content:''; margin:0 0 50px; padding:0; width:50%; border:none; transition:all 0.3s ease;}
.box.history > ul > li.active{opacity:1;  transform:translateY(0px); transition:all 0.3s ease;}
.box.history > ul > li.active em:after{background:#273069;}
.box.history > ul > li > em{position:relative; display:block; font-style:normal; font-size:40px; font-weight:800; color:#333; line-height:1.6em;}
.box.history > ul > li > em:after{content:''; position:absolute; top:30px;; width:12px; height:12px; background:#ddd; border-radius:50px;}
.box.history > ul > li.right > em:after{margin-left:-5px; left:0;}
.box.history > ul > li.left > em:after{margin-right:-6px; right:0;}
.box.history > ul > li > ul{display:block;}
.box.history > ul > li > ul > li{display:block;}
.box.history > ul > li > ul > li > p{position:relative; display:inline-block; padding:0 0 0 10px;font-size:16px; font-weight:400; color:#333; line-height:1.7em; word-break:keep-all;}
.box.history > ul > li > ul > li > p:before{content:''; position:absolute; top:13px; left:0; width:4px; height:1px; background:#333;}
.box.history > ul > li > .area_img.v1{margin:20px 38px 0 0;}
.box.history > ul > li > .area_img.v2{margin:20px 38px 0 45px; }
.box.history > ul > li.right{float:right; margin-left:50%;}
.box.history > ul > li.right > em{padding:0 0 5px 38px;}
.box.history > ul > li.right > ul{padding:0 0 0 38px;}
.box.history > ul > li.left{float:left; margin-right:50%; text-align:right;}
.box.history > ul > li.left > em{padding:0 38px 5px 0;}
.box.history > ul > li.left > ul{padding:0 38px 0 0;}
.box.history #historyLine{display:block; width:2px; height:0%; background:#273069;}
.txt_blue{color:#273069; font-weight:400;}


@media (max-width:850px) {
	.box.history > span{left:0; top:130px;}
	.box.history > ul{margin:50px 0 0;}
	.box.history > ul > li{width:100%; margin:0 0 30px;}
	.box.history > ul > li > em{font-size:32px;}
	.box.history > ul > li > em:after{top:25px;}
	.box.history > ul > li.right{float:left; margin-left:0;}
	.box.history > ul > li.left{text-align:left;}
	.box.history > ul > li.left > em{padding:0 0 5px 38px;}
	.box.history > ul > li.left > em:after{right:unset; left:-5px;}
	.box.history > ul > li.left > ul{padding:0 0 0 38px;}
	.box.history > ul > li > .area_img.v1{margin:20px 0 0 38px;}
}
@media (max-width:550px) {
	.box_img{margin:0 0 30px; padding-bottom:45%;}
	.box.history > ul{margin:30px 0 0;}
	.box.history > ul > li.right > em{padding:0 0 5px 20px;}
	.box.history > ul > li.right > ul{padding:0 0 0 20px;}
	.box.history > ul > li.left > em{padding:0 0 5px 20px;}
	.box.history > ul > li.left > ul{padding:0 0 0 20px;}
	.box.history > ul > li > .area_img.v1,
	.box.history > ul > li > .area_img.v2{margin:20px 0 0 20px;}
	.box.history > ul > li > em:after{top:20px;}
}
@media (max-width:450px) {
	.box.history > h3{font-size:22px;}
	.box.history > ul > li > .area_img{width:80%;}
	.box.history > ul > li > .area_img img{max-width:100%;}
}


/* 조직도 */
.number{float:right; display:inline-block; margin:0 15px 0 0; background:#f9f9f9; border:1px solid #eee; box-sizing:border-box; text-align:right;}
.number > p{display:inline-block; padding:15px 40px; font-size:20px; font-weight:bold; color:#222;}
.area_box img{width:100%; max-width:100%;}
.area_box img.w{display:block;}
.area_box img.m{display:none;}
.area_box.line{border:1px solid #f7f7f7;}

@media (max-width:768px) {
	.number{margin:0;}
	.number > p{padding:12px 30px; font-size:18px;}
	.area_box img.w{display:none;}
	.area_box img.m{display:block;}
}

/* 경영방침 및 사훈 */
.box{margin:0 0 50px;}
.motto{margin:30px 0 0; text-align:center;}
.motto > li{position:relative; display:inline-block; margin:0 55px 0 0; box-sizing:border-box; width:23%; }
.motto.v1 > li{padding:20px; border-radius:50%; box-shadow: 2.034px 4.568px 16px 4px rgba(0, 0, 0, 0.1); height:0; padding-bottom:22%;}
.motto.v1 > li:nth-child(1){background:#273069 url(../img/sub/icon_motto01.svg)no-repeat center 40%; background-size:25%;}
.motto.v1 > li:nth-child(2){background:#293689 url(../img/sub/icon_motto02.svg)no-repeat center 40%; background-size:23%;}
.motto.v1 > li:nth-child(3){background:#273069 url(../img/sub/icon_motto03.svg)no-repeat center 40%; background-size:27%;}
.motto.v1 > li > p{padding-top:67%; font-size:22px; font-weight:400; color:#fff;}
.motto > li:last-child{margin:0;}
.motto.v2 > li{border:1px solid #eee; box-sizing:border-box; background:#fff;}
.motto.v2 > li > h3{padding:15px 10px; box-sizing:border-box; background:#273069; font-size:22px; font-weight:500; color:#fff;}
.motto.v2 > li:nth-child(2) > h3{background:#293689;}
.motto.v2 > li > h3:before{display:none;}
.motto.v2 > li > ul.list{padding:30px 10px; box-sizing:border-box;}
.motto.v2 > li > ul.list > li{font-size:17px; font-weight:400; color:#333; line-height:2em; word-break:keep-all;}
.area_goal{margin:30px 0 0;}
.area_goal .title{position:relative; width:100%; height:55px; background:#fff; border:1px solid #eee; box-sizing:border-box;}
.area_goal .title > i{position:absolute; top:0; left:0; display:block; width:55px; height:54px; font-style:normal; font-size:22px; font-weight:bold; background:#273069; color:#fff; text-align:center; line-height:55px;}
.area_goal .title h3{margin:0 0 0 70px; padding:13px 0; font-size:20px; font-weight:600; color:#333; line-height:1.4em;}
.area_goal .area_txt{margin:10px 0 0; padding:20px; background:#f9f9f9; border:1px solid #eee; box-sizing:border-box;}
.area_goal .area_txt > p{position:relative; padding:0 0 0 10px; font-size:17px; font-weight:400; color:#333; line-height:1.7em;}
.area_goal .area_txt > p:before{content:''; position:absolute; top:13px; left:0; width:4px; height:1px; background:#333;}
.area_goal_wrap{margin:30px 0 0;}
.area_goal_wrap .area_goal{margin:15px 0 0;}

@media (max-width:1200px) {
	.motto.v1 > li{padding-bottom:21.5%;}
}
@media (max-width:1024px) {
	.motto > li{width:25%; margin:0 30px 0 0;}
	.motto.v1 > li{padding-bottom:23%;}
}
@media (max-width:900px) {
	.motto.v1 > li > p{font-size:20px;}
}
@media (max-width:768px) {
	.motto > li{width:30%; margin:0 20px 0 0;}
	.motto.v1 > li{padding-bottom:28%;}
	.motto.v1 > li > p{font-size:18px;}
	.motto.v2 > li > h3{font-size:20px;}
	.motto.v2 > li > ul.list{padding:20px 10px;}
	.motto.v2 > li > ul.list > li{font-size:16px;}
}
@media (max-width:650px) {
	.motto > li{width:47%; margin:0 0 20px;}
	.motto > li:first-child{margin:0 20px 20px;}
	.motto > li:last-child{margin:0 0 20px 20px;}
	.motto.v1 > li{padding-bottom:44%;}
}
@media (max-width:550px) {
	.box{margin:0 0 30px;}
	.area_goal .title{height:auto;}
	.area_goal .title h3{margin:0 0 0 50px; padding:7px 0; font-size:18px;}	
	.area_goal .title > i{font-size:20px; width:40px; height:40px; line-height:40px;}
	.area_goal .area_txt{padding:15px;}
	.area_goal .area_txt > p{font-size:16px;}
}

@media (max-width:500px) {
	.motto > li{width:48%; margin:0 0 10px;}
	.motto > li:first-child{margin:0 10px 10px;}
	.motto > li:last-child{margin:0 0 10px 10px;}
	.motto.v1 > li{padding-bottom:42%;}
}

@media (max-width:450px) {
	.motto.v2 > li{width:100%; margin:0 0 10px;}
	.motto.v2 > li:last-child{margin:0;}
	.area_goal .title h3{margin:0 0 0 45px; font-size:16px;}	
	.area_goal .title > i{font-size:18px;  width:36px; height:36px; line-height:36px;}
	.area_goal .area_txt > p{font-size:15px;}
}
@media (max-width:400px) {
	.motto > li{width:47%;}
}


/* 품질방침 및 목표 */
.col3{margin:30px 0 0;}
.col3:after{content:''; display:block; clear:both;}
.col3 > li{position:relative; float:left; padding:20px 40px; box-sizing:border-box; width:calc(100% /3); width:-webkit-calc(100% /3); border-top:1px solid rgba(0,0,0,0.05); border-bottom:1px solid rgba(0,0,0,0.05); }
.col3 > li:nth-child(1){background:url(../img/sub/icon_goal01.svg)no-repeat center 35%; background-size:14%;}
.col3 > li:nth-child(2){background:url(../img/sub/icon_goal02.svg)no-repeat center 35%; background-size:15%;}
.col3 > li:nth-child(3){background:url(../img/sub/icon_goal03.svg)no-repeat center 35%; background-size:15%;}
.col3 > li .area_txt{padding-top:52%; margin:0 0 60px; text-align:center;}
.col3 > li .area_txt > h4{display:block; padding:0 0 15px; font-size:22px; font-weight:600; color:#333;}
.col3 > li .area_txt > span{font-size:17px; font-weight:400; color:#555; line-height:1.5em;}
.col3 > li > i{position:absolute; top:15px; left:15px; width:50px; height:50px; line-height:50px; background:#273069; font-style:normal; font-size:25px; font-weight: bold; color:#fff; text-align:center;}

.goal_list{margin:30px 0 0; text-align:center;}
.goal_list > li{position:relative; display:inline-block; margin:0 28px 0 0; box-sizing:border-box; width:20%; padding:20px; background:#273069; border-radius:50%; box-shadow: 2.034px 4.568px 16px 4px rgba(0, 0, 0, 0.1); height:0; padding-bottom:18%;}
.goal_list > li:nth-child(2n){background:#293689;}
.goal_list > li:last-child{margin:0;}
.goal_list > li > h3{position:absolute; top:50%; left:50%; width:75%; font-size:24px; font-weight:300; color:#fff; transform:translate(-50%, -50%); line-height:1.4em;}
.txt_yellow{color:#fffa7b; font-weight:bold;}

@media (max-width:1400px) {
	.inr .box > h3{margin:0 0 0 20px;}
	.inr.sub .box > h3{margin:0;}
}
@media (max-width:1200px) {
	.col3 > li{background-color:#fff !important; border:1px solid #eee; border-left:none; }
	.col3 > li:nth-child(1){border-left:1px solid #eee; background:url(../img/sub/icon_goal01.svg)no-repeat center 30%; background-size:14%;}
	.col3 > li:nth-child(2){background:url(../img/sub/icon_goal02.svg)no-repeat center 30%; background-size:15%;}
	.col3 > li:nth-child(3){background:url(../img/sub/icon_goal03.svg)no-repeat center 30%; background-size:15%;}
}
@media (max-width:950px) {
	.col3 > li{padding:20px;}
	.col3 > li .area_txt{margin:0; min-height:250px;}
	.col3 > li .area_txt > h4{padding:0 0 10px;}
	.col3 > li:nth-child(1){background:url(../img/sub/icon_goal01.svg)no-repeat center 30%; background-size:18%;}
	.col3 > li:nth-child(2){background:url(../img/sub/icon_goal02.svg)no-repeat center 30%; background-size:17%;}
	.col3 > li:nth-child(3){background:url(../img/sub/icon_goal03.svg)no-repeat center 30%; background-size:17%;}
	.goal_list > li{margin:0 20px 0 0;}
	.goal_list > li > h3{font-size:22px;}
}
@media (max-width:768px) {
	.col3 > li{padding:15px;}
	.col3 > li .area_txt{min-height:240px; padding-top:55%;}
	.col3 > li .area_txt > h4{padding:0 0 6px; font-size:19px;}
	.col3 > li > i{left:10px; top:10px; width:40px; height:40px; line-height:40px;}
	.col3 > li .area_txt > span{font-size:16px;}
	.goal_list > li{width:32%; padding-bottom:30%;}
	.goal_list > li:nth-child(1){margin:0 20px 20px;}
	.goal_list > li:nth-child(2){margin:0 0 20px;}
	.goal_list > li > h3{font-size:24px; width:70%;}
}

@media (max-width:700px) {
	.col3 > li:nth-child(1){background:url(../img/sub/icon_goal01.svg)no-repeat center 25%; background-size:18%;}
	.col3 > li:nth-child(2){background:url(../img/sub/icon_goal02.svg)no-repeat center 25%; background-size:17%;}
	.col3 > li:nth-child(3){background:url(../img/sub/icon_goal03.svg)no-repeat center 25%; background-size:17%;}
}

@media (max-width:550px) {
	.col3 > li{border:1px solid #eee; border-bottom:none;}
	.col3 > li{width:100%; border-bottom:none;}
	.col3 > li:nth-child(1){background:#fff url(../img/sub/icon_goal01.svg)no-repeat center 25%; background-size:10%;}
	.col3 > li:nth-child(2){background:#fff url(../img/sub/icon_goal02.svg)no-repeat center 25%; background-size:10%;}
	.col3 > li:nth-child(3){border-bottom:1px solid rgba(0,0,0,0.03); background:#fff url(../img/sub/icon_goal03.svg)no-repeat center 25%; background-size:10%;}
	.col3 > li .area_txt{min-height:200px; padding-top:21%;}
	.goal_list > li > h3{font-size:22px; width:80%;}
}
@media (max-width:500px) {
	.col3 > li .area_txt{padding-top:25%;}
	.goal_list > li{margin:0 10px 0 0; padding:10px; width:40%; padding-bottom:36%;}
	.goal_list > li:nth-child(1){margin:0 10px 10px;}
	.goal_list > li:nth-child(2){margin:0 0 10px;}
	.goal_list > li > h3{font-size:20px;}
}

@media (max-width:450px) {
	.col3 > li:nth-child(1){background:#fff url(../img/sub/icon_goal01.svg)no-repeat center 25%; background-size:12%;}
	.col3 > li:nth-child(2){background:#fff url(../img/sub/icon_goal02.svg)no-repeat center 25%; background-size:12%;}
	.col3 > li:nth-child(3){background:#fff url(../img/sub/icon_goal03.svg)no-repeat center 25%; background-size:12%;}
	.col3 > li .area_txt{padding-top:30%;}
	.goal_list > li > h3{font-size:18px;}
}

/* 회사전경 */
.list_company{text-align:center;}
.list_company{width:80%; margin:0 auto;}
.list_company:after{content:''; display:block; clear:both;}
.list_company > li{float:left; margin:0 35px 35px 0 ; padding:10px;  width:calc((100% / 3) - 26px); width:-webkit-calc((100% / 3) - 26px); height:250px; border:1px solid #eee; box-sizing:border-box;}
.list_company > li > .area_img{width:100%; height:100%;}
.list_company > li > .area_img img{width:100%; height:100%;}
.list_company > li:nth-child(3){margin:0 0 35px;}
.list_company.col2 > li{float:left; margin:0 35px 35px 0; width:calc((100% / 2) - 18px); width:-webkit-calc((100% / 2) - 18px); height:350px;}
.list_company.col2 > li:nth-child(2n){margin:0;}
.list_company.col2 > li:nth-child(1) > .area_img{ background:url(../img/sub/img_company01.jpg)no-repeat center; background-size:cover;}
.list_company.col2 > li:nth-child(2) > .area_img{background:url(../img/sub/img_company02.jpg)no-repeat center; background-size:cover;}
.list_company.col2 > li:nth-child(3) > .area_img{background:url(../img/sub/img_company03.jpg)no-repeat center; background-size:cover;}
.list_company.col2 > li:nth-child(4) > .area_img{background:url(../img/sub/img_company04.jpg)no-repeat center; background-size:cover;}

.list_company > li:nth-child(1) > .area_img{background:url(../img/sub/img_company05.jpg)no-repeat center; background-size:cover;}
.list_company > li:nth-child(2) > .area_img{background:url(../img/sub/img_company06.jpg)no-repeat center; background-size:cover;}
.list_company > li:nth-child(3) > .area_img{background:url(../img/sub/img_company07.jpg)no-repeat center; background-size:cover;}

@media (max-width:1200px) {
	.list_company > li{margin:0 20px 20px 0; width:calc((100% / 3) - 16px); width:-webkit-calc((100% / 3) - 16px); height:0; padding-bottom:29%; vertical-align:top;}
	.list_company.col2 > li{margin:0 20px 20px 0; width:calc((100% / 2) - 10px); width:-webkit-calc((100% / 2) - 10px); height:0; padding-bottom:45%;}
	.list_company > li > .area_img{padding-bottom:95%;}
}
@media (max-width:850px) {
	.list_company{width:92%; margin:0 auto;}
	.list_company > li:nth-child(4){margin:0 20px 20px 0;}
	.list_company > li:nth-child(5){margin:0 0 20px;}
	.list_company > li{width:calc((100% / 32) - 10px); width:-webkit-calc((100% / 2) - 10px); padding-bottom:45%;}
	.list_company > li:nth-child(2){margin:0 0 20px;}
}

@media (max-width:550px) {
	.list_company.col2{width:92%; }
	.list_company.col2 > li{margin:0 17px 17px 0; width:calc((100% / 2) - 9px); width:-webkit-calc((100% / 2) - 9px); height:0; padding-bottom:44%;}
	.list_company{text-align:left;}
	.list_company > li{margin:0 15px 15px 0; width:47.8%; padding-bottom:43.5%; vertical-align:top;}
	.list_company.col2 > li > .area_img{padding-bottom:96%;}
}

@media (max-width:464px) {
	.list_company > li{width:47%; padding-bottom:42%;}
	.list_company.col2 > li > .area_img{padding-bottom:98%;}
}
@media (max-width:344px) {
	.list_company > li{width:46.7%; padding-bottom:41%;}
	.list_company.col2 > li > .area_img{padding-bottom:100%;}
}


/*오시는길*/
#content .root_daum_roughmap{border:none; box-sizing:border-box;}
.area_txt.map{position:relative; margin:30px 0; padding: 0 4%;}
.area_txt.map > h2{font-size:27px;font-weight:400;color:#333;line-height:1.6em;word-break:keep-all;}
.area_txt.map ul > li{position:relative;margin:8px 0 0;font-size:16px; font-weight:300; color:#666;}
.area_txt.map ul > li > a{color:#666;}
.area_txt.map ul > li > a > span{font-weight:500;}
.area_txt.map a.btn_map{margin:20px 0 0; min-width:175px; box-sizing:border-box; display:inline-block; padding:17px 20px; background:#003a7c; border-radius:2px;}
.area_txt.map a.btn_map span{position:relative; display:block; padding:0 20px 0 0;; font-size:15px; font-weight:400; color:#fff;}
.area_txt.map a.btn_map span:before{content:''; position:absolute; top:50%; right:0; margin-top:-4.5px; width:13px; height:9px; background:url(../img/main/icon_arrow.svg)no-repeat center; }
.daum_map{margin:20px 0 0;}

@media screen and (max-width:850px) {
	.area_txt.map{padding: 0 2%;}
	.area_txt.map > h2{font-size:22px}
}
@media screen and (max-width:500px) {
	.area_txt.map{margin:10px 0;}
	.area_txt.map > h2{font-size:18px}
	.area_txt.map a.btn_map{margin:15px 0 0;}
	.root_daum_roughmap .wrap_map{ height:250px !important;}
}

/* 인증서 */
#layerPopup img{width:500px;}
.popLayer{display:none; position:fixed; opacity:0; top:0px; left:0px; z-index:-99; width:100%; height:100%; background:rgba(0,0,0,0.5); transition:opacity 0.3s ease-out 0s;}
.popLayer > div{position:absolute; top:50%; left:50%; margin:0 auto; box-shadow:26px 18px 49px rgba(0,0,0,0.2); transform:translate(-50%, -50%);}
.popLayer.active{display:block; opacity:1; z-index:99;}
.popLayer .close{display:block;}
.popupBox .hamburger{top:0px; right:-67px; width:67px;}
.popupBox  .hamburger .bar{left:22px;}
.hamburger{display:block; position:absolute; opacity:1; top:0px; right:0; z-index:9999; width:71px; height:71px; background:rgba(255,255,255,0); border:0; flex-grow:0; cursor:pointer;}
.hamburger:hover{opacity:1;}
.hamburger.open{position:fixed; background:#273169;}
.hamburger:focus{outline:0;}
.hamburger .bar{position:absolute; left:25px; width:25px; height:2px; background-color:#fff; transition:top 0.2s ease-in-out 0.2s, transform 0.2s ease-in-out 0s;}
.hamburger .bar.top{top:33px;}
.hamburger .bar.middle{top:42px; left:23px; transition:opacity 1ms linear 0.2s; transform:translateY(-50%);}
.hamburger .bar.bottom{top:49px;}
.hamburger.open .bar{transition:top 0.2s ease-in-out 0s, transform 0.2s ease-in-out 0.2s;}
.hamburger.open .bar.top{top:50%; transform:translateY(-50%) rotate(45deg);}
.hamburger.open .bar.middle{opacity:0; transition:opacity 1ms linear 0.2s;}
.hamburger.open .bar.bottom{top:50%; transform:translateY(-50%) rotate(-45deg);}
.hamburger.open:before{content:"";}
.hamburger.open div{background:#fff;}

.area_certificate{width:100%;}
.area_certificate:after{content:''; display:block; clear:both;}	
.area_certificate > li{float:left; width:-webkit-calc(100% / 3); width:calc(100% / 3); background:#fff; height:auto; border:1px solid rgba(0,0,0,0.05); border-left:none; border-bottom: none; box-sizing:border-box;}
.area_certificate > li > a{display:block; height:100%;}
.area_certificate > li .area_img{display:table; padding:20px; box-sizing:border-box; width:100%; height:100%;;}
.area_certificate > li .area_img_wrap{display:table-cell; vertical-align:middle;}
.area_certificate > li .area_img_wrap img{width:100%; height:auto;}

.area_certificate > li:nth-child(1),
.area_certificate > li:nth-child(4),
.area_certificate > li:nth-child(7),
.area_certificate > li:nth-child(10){border-left:1px solid rgba(0,0,0,0.05);}
.area_certificate > li:nth-child(7) .area_img,
.area_certificate > li:nth-child(8) .area_img,
.area_certificate > li:nth-child(9) .area_img{height:528px;}
.area_certificate > li:nth-child(n+10){border-bottom:1px solid rgba(0,0,0,0.05);}
.area_certificate > li p{display:block; padding:0 30px 20px; font-size:18px; font-weight:bold; color:#333; line-height:1.4em; word-break:keep-all;}

@media screen and (max-width:1600px) {
	.area_certificate > li:nth-child(7) .area_img, 
	.area_certificate > li:nth-child(8) .area_img,
	.area_certificate > li:nth-child(9) .area_img{height:438px;}
	.area_certificate > li:nth-child(6) p{min-height:72px;}
}

@media screen and (max-width:1500px) {
	.area_certificate > li:nth-child(7) .area_img, 
	.area_certificate > li:nth-child(8) .area_img,
	.area_certificate > li:nth-child(9) .area_img{height:524px;}

}
@media screen and (max-width:1400px) {
	.area_certificate > li:nth-child(7) .area_img, 
	.area_certificate > li:nth-child(8) .area_img, 
	.area_certificate > li:nth-child(9) .area_img{height:608px;}
}
@media screen and (max-width:1200px) {
	.area_certificate > li:nth-child(7) .area_img, 
	.area_certificate > li:nth-child(8) .area_img,
	.area_certificate > li:nth-child(9) .area_img{height:496px;}
}
@media screen and (max-width:1000px) {
	.area_certificate > li:nth-child(7) .area_img, 
	.area_certificate > li:nth-child(8) .area_img,
	.area_certificate > li:nth-child(9) .area_img{height:400px;}
}
@media screen and (max-width:850px) {
	.area_certificate > li{width:-webkit-calc(100% / 2); width:calc(100% / 2);}
	.area_certificate > li:nth-child(1),
	.area_certificate > li:nth-child(4),
	.area_certificate > li:nth-child(7),
	.area_certificate > li:nth-child(10){border-left:none;}
	.area_certificate > li:nth-child(7) .area_img, 
	.area_certificate > li:nth-child(8) .area_img,
	.area_certificate > li:nth-child(9) .area_img{height:auto;}
	.area_certificate > li:nth-child(4) p{min-height:47px;}
	.area_certificate > li:nth-child(7) .area_img,
	.area_certificate > li:nth-child(8) .area_img{height:504px;}
	#layerPopup img{width:100%;}
	.popupBox .hamburger{right:-57px; width:57px; height:57px;}
	.popupBox .hamburger .bar{left:17px;}
}
@media screen and (max-width:768px) {
	.area_certificate > li:nth-child(4) p{min-height:auto;}
}
@media screen and (max-width:600px) {
	.area_certificate > li:nth-child(7) .area_img,
	.area_certificate > li:nth-child(8) .area_img{height:400px; }
}
@media screen and (max-width:550px) {
	.area_certificate > li .area_img{padding:15px;}
	.area_certificate > li p{padding:0 15px 20px;}
}
@media screen and (max-width:500px) {
	.area_certificate > li:nth-child(7) .area_img,
	.area_certificate > li:nth-child(8) .area_img{height:300px; }
	.area_certificate > li p{padding:0 15px 20px; font-size:16px;}
	.area_certificate > li p{min-height:40px;}
	.area_certificate > li:nth-child(6) p{min-height:64px;}
	.popupBox .hamburger{right:-45px; width:45px; height:45px;}
	.popupBox .hamburger .bar{left:10px;}
}
@media screen and (max-width:420px) {
	.area_certificate > li .area_img{padding:10px;}
	.area_certificate > li:nth-child(7) .area_img,
	.area_certificate > li:nth-child(8) .area_img{height:250px; }
	.area_certificate > li p{padding:0 10px 10px; font-size:15px;}
	#layerPopup img{width:240px;}
}
@media screen and (max-width:400px) {
	.area_certificate > li p{ font-size:14px;}
}
@media screen and (max-width:350px) {
	.area_certificate > li p{min-height:48px;}
	.area_certificate > li:nth-child(4) p{min-height:50px;}
	.area_certificate > li:nth-child(6) p{min-height:67px;}
}


/* LIST */
table.table caption{display:none;}
.area_table .table{border:1px solid #eee;}
.area_table .table > thead{padding:50px 0;}
.area_table .table > thead > tr > th{padding:15px 5px; vertical-align:middle; font-size:17px; font-weight:bold; border:none; border-right:1px solid #eee; background:#f9f9f9; text-align:center;}
.area_table .table > thead > tr > th.bb1{border-bottom:1px solid #eee}
.area_table .table .th_st{background:#f9f9f9;font-weight:600}
.area_table .table .bb1{border-bottom:1px solid #eee}
.area_table .table > thead > tr > th:last-child{border-right:none;}
.area_table .table > tbody > tr > td{padding:15px 5px; background:#fff; border-right:1px solid #eee !important; vertical-align:middle; font-size:16px; font-weight:400; color:#333; text-align:center;}
.area_table .table > tbody > tr > td:last-child{border-right:none !important;}
.mob_info{display:none; margin:0 0 10px; font-size:15px; font-weight:300; color:#333;}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{border-top:1px solid #eee;}
@media screen and (max-width:950px) {
	.area_table .table > thead > tr > th{padding:15px 5px;}
	.area_table .table > tbody > tr > td{font-size:16px;}
}
@media screen and (max-width:850px) {
	.mob_info{display:block;}
	.scrollTable{overflow:auto;}
	.scrollTable .table{width:850px;}
}

/* 생산LINE */
.area_product{}
.area_product .box .list{margin:20px 0 0;}
.area_product .box .list:after{content:''; display:block; clear:both;}
.area_product .box .list > li{float:left; padding:15px; width:calc(100% / 3); width:-webkit-calc(100% / 3); background:#fff; border:1px solid #eee; border-left:none; box-sizing:border-box;}
.area_product .box .list.txtmode > li {
    width: 100%;
    border-top: 3px solid #4076bb;
}
.area_product .box .list > li:first-child{border-left:1px solid #eee;}
.area_product .box .list > li img{width:100%; height:auto;}

@media screen and (max-width:850px) {
	.area_product .box .list > li{padding:10px;}
}
@media screen and (max-width:760px) {
	.area_product .box .list > li{border-right:1px solid rgba(0,0,0,0.03); width:calc(100% / 2); width:-webkit-calc(100% / 2);}
	.area_product .box .list > li:nth-child(2n){border-right:none;}
	.area_product .box .list > li:nth-child(3){border-top:none;}
	.area_product.v2 .box .list > li:nth-child(3){border-top:1px solid #eee;}
}
@media screen and (max-width:400px) {
	.area_product .box .list{margin:10px 0 0;}
}


/* 설비현황 */
.area_equipment{}
.area_equipment .box .txt_blue{font-weight:bold;}
.area_equipment .box .list{margin:20px 0 0;}
.area_equipment .box .list:after{content:''; display:block; clear:both;}
.area_equipment .box .list > li{float:left; padding:15px; width:calc(100% / 2); width:-webkit-calc(100% / 2); background:#fff; border:1px solid #eee; border-left:none; box-sizing:border-box;}
.area_equipment .box .list > li:first-child{border-left:1px solid #eee;}
.area_equipment .box .list > li img{width:100%; height:auto;}
.area_equipment .box .list > li .area_txt{padding:0 0 30px; text-align:center; min-height:114px; box-sizing:border-box;}
.area_equipment .box .list > li .area_txt p{font-size:17px; font-weight:600; color:#333; line-height:1.7em; word-break:keep-all;}

@media screen and (max-width:550px) {
	.area_equipment .box .list > li{padding:10px;}
	.area_equipment .box .list > li .area_txt{padding:0 0 20px; min-height:104px;}
}
@media screen and (max-width:500px) {
	.area_equipment .box .list > li .area_txt{padding:0 0 10px; min-height:85px;}
	.area_equipment .box .list > li .area_txt p{font-size:15px;}
}
@media screen and (max-width:400px) {
	.area_equipment .box .list > li .area_txt p{font-size:14px;}
}


/* 계측기현황 */
.area_product .box .list p{display:block; padding:20px 0 0; text-align:center; min-height:66px; font-size:17px; font-weight:600; color:#333; box-sizing:border-box; word-break:keep-all; line-height:1.3em;}
.area_product.v2 .box .list > li{padding:40px 40px 20px; border-bottom:none;}
.area_product.v2 .box .list > li:nth-child(4){border-left:1px solid #eee;}
.area_product.v2 .box .list > li:nth-child(n+4){border-bottom:1px solid #eee;}


@media screen and (max-width:850px) {
	.area_product.v2 .box .list > li{padding:20px;}
}
@media screen and (max-width:768px) {
	.area_product.v2 .box .list > li:nth-child(n+4){border-bottom:none;}
	.area_product.v2 .box .list > li:nth-child(n+5){border-bottom: 1px solid #eee;}
	.area_product.v2 .box .list > li:nth-child(4){border-left:none;}
}
@media screen and (max-width:550px) {
	.area_product .box .list p{min-height:62px; font-size:16px;}
}
@media screen and (max-width:450px) {
	.area_product .box .list p{padding:10px 0 0; font-size:15px;}
}
@media screen and (max-width:400px) {
	.area_product .box .list p{min-height:76px; font-size:14px;}
}

/* 생산 ITEM */
.box_group{margin:30px 0 0;}
.area_product .p_title{display:inline-block; padding:10px 20px; background:#183799; box-sizing:border-box; font-size:15px; font-weight:300; color:#fff; line-height:1.6em;}
.area_product.v3 .box .list{margin:10px 0 0;}
.area_product.v3 .box .list .area_txt{margin:15px 0 0;}
.area_product.v3 .box .list .area_txt > h3{font-size:17px; font-weight:bold; color:#333;}
.area_product.v3 .box .list .area_txt .txt_list{margin:10px 0 0;}
.area_product.v3 .box .list .area_txt .txt_list > li{display:block; margin:0 0 5px; border-bottom:none; box-sizing:border-box;}
.area_product.v3 .box .list .area_txt .txt_list > li:after{content:''; display:block; clear:both;}
.area_product.v3 .box .list .area_txt .txt_list > li > span{padding:8px; background:#242e4e; float:left; text-align:center; width:30%; font-size:15px; font-weight:400; color:#fff; border-radius:2px;}
.area_product.v3 .box .list .area_txt .txt_list > li > p{padding:8px; float:left; margin:0 0 0 2%; width:68%; border:1px solid #eee; box-sizing:border-box; border-radius:2px; min-height:auto; text-align:left; font-size:15px; font-weight:400; color:#555;}
.area_product.v3 .box .list > li:nth-child(4),
.area_product.v3 .box .list > li:nth-child(5){border-top:none;}
.area_product.v3 .box .list > li:nth-child(4){border-left:1px solid #eee;}

@media screen and (max-width:768px) {
	.area_product.v3 .box .list > li:nth-child(4){border-left:none;}
	.area_product.v3 .box .list > li:nth-child(n+3){border-top:none;}
}
@media screen and (max-width:500px) {
	.box_group{margin:15px 0 0;}
	.area_product .p_title{display:block; padding:10px; padding:5px; line-height:1.4em; text-align:center;}
	.area_product.v3 .box .list .area_txt .txt_list > li > span{padding:1px 5px; font-size:14px;}
	.area_product.v3 .box .list .area_txt .txt_list > li > p{width:100%; margin:0; padding:5px; border:none;}
}
@media screen and (max-width:450px) {
	.area_product.v3 .box .list .area_txt .txt_list > li > span{padding:1px 10px;width:auto;}
}
@media screen and (max-width:400px) {
	.area_product.v3 .box .list .area_txt > h3{font-size:15px;}
}


.vision{padding:140px 0 0; background:#fff;}
.vision:after{content:''; display:block; clear:both;}
.vision > li{position:relative; float:left; width:calc(25% + 4.5rem); height:45rem; margin-left: -6rem;}
.vision > li:nth-child(1){margin-left: 0;}
.vision > li:before{content: '';
    width: 1px;
    height:calc(100% - 15rem);
    background-color:#eee;
    position: absolute;
    left: 0;
    }

.vision > li > .title {position:absolute; bottom:0; display:table; width:100%; height:140px;
    text-align: center;
    color: #fff;
    font-size: 2.2rem;
    font-weight: 500;
	margin:0 0 30px;
	padding-right: 3rem;
}
.vision > li > .title:before{content: '';
    width: 0;
    height: 0;
    border-left: 6rem solid transparent;
    position: absolute;
    left: 0;
    bottom: -4rem;}

.vision > li > .title .title_wrap{display:table-cell; vertical-align:middle; height:100%; }
.vision > li > .title .title_wrap > h2{display:block; padding:0 0 5px; font-weight:20px; font-weight:bold;}
.vision > li > .title .title_wrap > h3{display:block; font-size:23px; font-weight:500; color:#fff815;}
.vision > li > .title .title_wrap > p{display:inline-block; margin:7px 0 0; font-size:16px; background:#00b9ff; color:#fff; padding:2px 20px; border-radius:50px; box-sizing:border-box;}

.vision > li:nth-child(1) > .title{background:#5a79bf; }
.vision > li:nth-child(2) > .title{background:#33459e; bottom:40px;}
.vision > li:nth-child(3) > .title{background:#2e3877; bottom:80px;}
.vision > li:nth-child(4) > .title{padding:0; background:#131a48; bottom:120px;}
.vision > li:nth-child(2) > .title:before{border-top:4rem solid #1c2c7d;}
.vision > li:nth-child(3) > .title:before{border-top:4rem solid #1f285a;}
.vision > li:nth-child(4) > .title:before{border-top:4rem solid #060b29;}
.vision > li > i{position:absolute; top:-40px; left:-1px; font-style:normal; font-size:50px; font-weight:bold; color:#ddd;}

.vision > li > .vision_list{margin:20px 0 0;}
.vision > li > .vision_list > li{position:relative; display:block; word-break:keep-all; padding:0 0 5px 20px; font-size:16px; font-weight:500; color:#555; line-height:1.4em;}
.vision > li > .vision_list > li:before{content:''; position:absolute; top:10px; left:10px; width:4px; height:1px; background:#999;}
.vision > li:nth-child(4) > .vision_list{text-align:center;}
.vision > li > .vision_list > li.point{display:inline-block; padding:10px 15px; box-sizing:border-box; text-align:center; font-size:18px; font-weight:bold; color:#ff0081; border:3px solid #ff0081;}
.vision > li > .vision_list > li.point:before{display:none;}

@media screen and (max-width:900px) {
	.vision{padding:80px 0 0;}
	.vision > li{width:100%; margin-left:0; margin-bottom:30px; height:auto;}
	.vision > li > i{position:relative; top:0;}
	.vision > li:nth-child(2) > .title{bottom:0;}
	.vision > li:nth-child(3) > .title{bottom:0;}
	.vision > li:nth-child(4) > .title{bottom:0;}
	.vision > li .title:before{display:none;}
	.vision > li > .title{position:relative; margin:30px 0 0; padding-right:0;}
	.vision > li:nth-child(4) > .vision_list{margin:0;}
	.vision > li:before{display:none;}
	.vision > li > .vision_list > li{padding:0 0 5px 10px;}
	.vision > li > .vision_list > li:before{left:0;}
}
@media screen and (max-width:550px) {
	.vision{padding:40px 0 0;}
	.vision > li > i{font-size:40px;}
	.vision > li > .title{height:120px;}
	.vision > li > .title{margin:20px 0 0;}
}
@media screen and (max-width:400px) {
	.vision > li > .title{height:100px;}
}

.area_strategy{}
.area_strategy > h2{display:none;}
/*
.area_strategy > h2{display:inline-block;width:240px; height:240px; line-height:240px; text-align:center; background:#2a378a; border-radius:50%; font-size:28px; font-weight:bold; color:#fff;}
.area_strategy .strategy_list{text-align:left;}
*/
.area_strategy .strategy_list > li{padding:20px ;background:transparent;}
.area_strategy .strategy_list > li .top{text-align:center; height:120px;}
.area_strategy .strategy_list > li .top h3{padding-top:90px; font-size:22px; font-weight:500; color:#333;}
.area_strategy .strategy_list > li:nth-child(1) .top{background:url(../img/sub/icon_strategy01.svg)no-repeat 50% 10%; background-size:17%;}
.area_strategy .strategy_list > li:nth-child(2) .top{background:url(../img/sub/icon_strategy02.svg)no-repeat 50% 15%; background-size:17%;}
.area_strategy .strategy_list > li:nth-child(3) .top{background:url(../img/sub/icon_strategy03.svg)no-repeat 50% 10%; background-size:17%;}

body.ie .area_strategy .strategy_list > li:nth-child(1) .top{background-size:55%;}
body.ie .area_strategy .strategy_list > li:nth-child(2) .top{background-size:55%;}
body.ie .area_strategy .strategy_list > li:nth-child(3) .top{background-size:55%;}


.area_strategy .strategy_list > li .bottom{position:relative; margin:20px 0 0; min-height:170px; text-align:center;}
.area_strategy .strategy_list > li .bottom li{margin:0 0 10px;}
.area_strategy .strategy_list > li .bottom p{display:inline-block; padding:2px 10px; margin:0 0 3px; box-sizing:border-box; background:#242e4e; font-size:14px; font-weight:400; text-transform:uppercase; border-radius:2px; color:#fff;}
.area_strategy .strategy_list > li .bottom span{position:relative; display:block; font-size:15px; font-weight:400; color:#555; line-height:1.4em; word-break:keep-all;}
/*.area_strategy .strategy_list > li:nth-child(2) .bottom span{padding:0 0 0 15px;}
.area_strategy .strategy_list > li:nth-child(2) .bottom span:before{content:'';position:absolute; top:10px; left:0; width:5px; height:1px; background:#333;}
*/

@media screen and (max-width:1024px) {
	.area_strategy .strategy_list > li:nth-child(1) .top{background-size:20%;}
	.area_strategy .strategy_list > li:nth-child(2) .top{background-size:20%;}
	.area_strategy .strategy_list > li:nth-child(3) .top{background-size:20%;}
	.area_strategy .strategy_list > li .bottom{min-height:200px;}
}
@media screen and (max-width:850px) {
	.area_strategy .strategy_list > li:nth-child(1) .top{background-size:25%;}
	.area_strategy .strategy_list > li:nth-child(2) .top{background-size:25%;}
	.area_strategy .strategy_list > li:nth-child(3) .top{background-size:25%;}
	.area_strategy .strategy_list > li .bottom{min-height:240px;}
}
@media screen and (max-width:768px) {
	.area_strategy .strategy_list > li{width:100%; background:#fff; border-left:1px solid #eee; border-bottom:none;}
	.area_strategy .strategy_list > li:nth-child(3){border-bottom:1px solid #eee;}
	.area_strategy .strategy_list > li .top{height:150px;}
	.area_strategy .strategy_list > li .top h3{padding-top:95px;}
	.area_strategy .strategy_list > li:nth-child(1) .top{background-size:10%;}
	.area_strategy .strategy_list > li:nth-child(2) .top{background-size:10%;}
	.area_strategy .strategy_list > li:nth-child(3) .top{background-size:10%;}
	.area_strategy .strategy_list > li .bottom{margin:0; min-height:auto;}
	.area_ceo .area_txt h2 p {font-size: 18px;}
}

@media screen and (max-width:600px) {
	.area_strategy .strategy_list > li:nth-child(1) .top{background-size:13%;}
	.area_strategy .strategy_list > li:nth-child(2) .top{background-size:13%;}
	.area_strategy .strategy_list > li:nth-child(3) .top{background-size:13%;}
	.area_strategy .strategy_list > li .top h3{font-size:20px; padding-top:20%;}
}
@media screen and (max-width:500px) {
	.area_strategy .strategy_list > li .top{height:120px;}
}
@media screen and (max-width:450px) {
	.area_strategy .strategy_list > li:nth-child(1) .top{background-size:15%;}
	.area_strategy .strategy_list > li:nth-child(2) .top{background-size:15%;}
	.area_strategy .strategy_list > li:nth-child(3) .top{background-size:15%;}
	.area_strategy .strategy_list > li .top h3{font-size:18px; padding-top:22%;}
}
@media screen and (max-width:400px) {
	.area_strategy .strategy_list > li:nth-child(1) .top{background-size:17%;}
	.area_strategy .strategy_list > li:nth-child(2) .top{background-size:17%;}
	.area_strategy .strategy_list > li:nth-child(3) .top{background-size:17%;}
	.area_strategy .strategy_list > li .top h3{padding-top:25%;}
}
/* 준비중페이지 */
#ready{text-align:center; background:url(../img/common/ready.png) no-repeat 50% 0; margin:80px 0;  
        padding-top:130px; font-size:1.3em; line-height:1.3em; color:#333;}
#ready strong{color: #FC3;}
#ready p{font-size:0.8em; color:#666;}

.ready{ text-align:center;}