/*서브-상단비주얼 */
#svisual{ width:100%; min-width:1200px; height:350px; background:url(../img/sub/s_top01.jpg) no-repeat center 0px; margin:0px auto; text-align:left;}
#svisual .s_text{position:relative; top:50%; max-width:1200px; margin:0 auto; padding:0 0 0 0; box-sizing:border-box; color:#fff;}
#svisual .s_text h3{font-size:30px; font-weight:700; margin-bottom:50px; position:relative; display: inline-block;}
#svisual .s_text h3::after{
    content: '';
    width:40px;
    height: 3px;
    background: #4A7C59;
    position: absolute;
    bottom: -20px;
    left: 0;
}
#svisual .s_text h3 span{display:inline-block;}
#svisual .s_text span{display:block; font-size:2em;}

#container{z-index:0;}
.b_container {
    width:100%;
    padding: 0 50px;
}
@media (max-width:1600px) {
	#svisual .s_text{width:1000px}
}
@media (max-width:1500px) {
	#svisual .s_text{width:90%; max-width:90%;}
	#svisual .line .left{left:calc(50% - 45%); left:-webkit-calc(50% - 45%);}
	#svisual .line .right{right:calc(50% - 45%); right:-webkit-calc(50% - 45%);}
}
@media (max-width:1400px) {
	#svisual .line{display:none;}
	#svisual .s_text{width:100%; max-width:100%;}
}

@media (max-width:1200px) {
#svisual { min-width:100%; background-position:center top; background-size:cover; padding: 0 50px;}

}
@media (max-width:850px) {
	#svisual{height:240px; padding: 0; } 	
	#svisual .s_text{padding:0; text-align:center; top:0%; width:100%; height: 100%;}
	#svisual .s_text h3{font-size:25px; margin-bottom:0; top: 50%;}
    #svisual .s_text h3::after {
        left: 50%;
        transform: translateX(-50%);
    }
	#container .line.gray{top:0;}
}
@media (max-width:768px) {
	#svisual .s_text{}
}
@media (max-width:550px) {
    .b_container{
        padding: 0 20px;
    }
	#svisual .s_text h3{  }
}



#ctt {/*margin:10px 0;*/padding:10px 0; /*border:1px solid #e9e9e9*/ min-height:300px}
.ctt_admin {text-align:right}
#ctt header h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#ctt_con {padding:10px 0; word-break:keep-all;}
.ctt_img {text-align:center}

@media (max-width: 991px) {
#ctt {padding:0;}
/*#ctt_con {padding:10px;}*/
}
/* 내용-공통 */
.mt_10{ margin-top:10px;}
.mt_20{ margin-top:20px;}
.mt_30{ margin-top:30px;}
.mt_40{ margin-top:40px;}
.mt_50{ margin-top:50px;}
.mt_60{ margin-top:60px;}
.mt_70{ margin-top:70px;}
.mt_80{ margin-top:80px;}
.mt_90{ margin-top:90px;}
.mt_100{ margin-top:100px;}
.mb_10{ margin-bottom:10px;}
.mb_20{ margin-bottom:20px;}
.mb_30{ margin-bottom:30px;}
.mb_40{ margin-bottom:40px;}
.mb_50{ margin-bottom:50px;}
.mb_60{ margin-bottom:60px;}
.mb_70{ margin-bottom:70px;}
.mb_80{ margin-bottom:80px;}
.mb_90{ margin-bottom:90px;}
.mb_100{ margin-bottom:100px;}
.t_center{ text-align:center;}
.fl{ float:left;}
.img { padding: 50px; background: #fff;}
.img img{ width:100%;}

/*테이블*/

.tbl table{ border:2px solid #ccc;}
.tbl tr td{ border-bottom:1px dotted #ccc; border-right: 1px solid #ddd; padding:10px 10px;text-align:center; color:#666;}
.tbl tr td:last-child{
    border-right: 0;
}
.tbl caption{text-align: right; font-size: 12px;}
.tbl p{padding: 5px; font-weight: bold;}
.tbl tr th{ border-bottom:1px dotted #ccc; border-right:1px solid #ddd; padding:10px 10px; text-align:center; background:#f5f5f5; font-weight:500;}
/*
.tbl thead th{ width:10%;}
.tbl tbody th{ width:10%;}
*/
.tbl .bu{ font-size:1.1em; color:#222; font-weight:bold; background:#ebf5dd;}

.comt { width: 1400px; margin: 0 auto;}
.comt .img{
    text-align: center;
    line-height: 400px;
    position: relative;
    z-index: 1;
}
.comt .proimg::before{
    width:300px;
    height: 300px;
    background: #E4F1F1;
    border-radius: 50%;
    content: '';
    position: absolute;
    top: 50px;
    left: 50px;
    z-index: -1;
}
.comt img {width:auto; height: 300px;}
.comt h2{ font-size:2em; color:#333; font-weight:600; letter-spacing:-1.3px; margin-bottom:20px; position:relative; padding-left:22px;}
.comt h2:before{ display:block; content:""; width:17px; height:17px; border:5px solid #5FABA5; position:absolute; top:50%; left:0; transform: translateY(-50%);}
.comt h3{
    padding: 20px 0 0;
}
.comt p{ font-size:1.1em; color:#666; line-height:1.6em; margin-bottom: 20px;}
.comt .point{ display:inline-block; background:#444; border:1px solid #000; border-radius:10px; color:#fff; font-weight:bold; line-height:30px; padding:0 20px; margin-top:10px;}

.comt .dl dl{ border:1px solid #ccc; background:#eee; overflow:hidden; font-size:1.1em;}
.comt .dl dt{ width:15%; text-align:center;padding:20px 0 0 0; font-size:1.2em; font-weight:500; position:relative;}
.comt .dl dt:before{ display:block; content:""; width:50px; height:5px; background:#5FABA5; position:absolute; top:37px; left:50%; margin-left:-25px;opacity:0.6;}
.comt .dl .dd{ width:85%; box-sizing: border-box; padding:20px; background:#fff;}
.comt .dl dd{ line-height:1.6em; color:#555; position:relative; padding-left:8px;}
.comt .dl dd:before{ display:block; content:""; width:4px; height:4px; background:#91c742; position:absolute; top:9px; left:0;}

.comt .dl2 dl{ border:1px solid #ccc; border-top:3px solid #91c742; overflow:hidden; font-size:1.05em; display:inline-block; width:30%; min-height:300px; vertical-align:top; margin:0 10px;}
.comt .dl2 dt{ text-align:center;padding:20px 0; font-size:1.2em; font-weight:500; background:#eee;}
.comt .dl2 .dd2{ padding:20px 20px; background:#fff;}
.comt .dl2 dd{ line-height:1.5em; color:#555; position:relative; padding-left:8px; margin-bottom:7px;}
.comt .dl2 dd:before{ display:block; content:""; width:4px; height:4px; background:#91c742; position:absolute; top:9px; left:0;}

.comt .dl3 dl{ border:1px solid #ccc; border-top:3px solid #91c742; overflow:hidden; font-size:1.05em; display:inline-block; width:23%; min-height:240px; vertical-align:top; margin:0 7px;}
.comt .dl3 dt{ text-align:center;padding:20px 0; font-size:1.2em; font-weight:500; background:#eee;}
.comt .dl3 .dd3{ padding:20px 20px; background:#fff;}
.comt .dl3 dd{ line-height:1.5em; color:#555; position:relative; padding-left:8px; margin-bottom:7px;}
.comt .dl3 dd:before{ display:block; content:""; width:4px; height:4px; background:#91c742; position:absolute; top:9px; left:0;}

.comt .dl4{ width:50%; margin:0 auto; padding-top:110px; background:url(../img/sub/business_arrow.gif) no-repeat center 10px;}
.comt .dl4 dl{  border:1px solid #ccc; border-top:3px solid #91c742; overflow:hidden; font-size:1.05em;}
.comt .dl4 dt{ text-align:center;padding:20px 0; font-size:1.2em; font-weight:500; background:#eee;}
.comt .dl4 .dd4{ padding:20px 20px; background:#fff;}
.comt .dl4 dd{ line-height:1.5em; color:#555; position:relative; padding-left:8px; margin-bottom:7px;}
.comt .dl4 dd:before{ display:block; content:""; width:4px; height:4px; background:#91c742; position:absolute; top:9px; left:0;}

@media (max-width:1600px){
    .comt {
        width:100%;
    }
}
@media (max-width:1400px){
    .comt img{
        width:100%;
        height: auto;
    }
}
@media (max-width:1200px){
    .tbl{ overflow-x: scroll;}
}
@media (max-width:1000px){
    .comt h2:before{
        top: 3px;
        transform: unset;
    }
}
@media (max-width:500px){
    .comt h2{
        font-size: 1.5em;
    }
    .comt .dl dt{
        width:100%;
        padding: 10px 0 20px;
    }
    .comt .dl .dd{
        width:100%;
    }
    .comt .img{
        padding: 0 30px;
    }
}
@media (max-width:400px){
    .comt .proimg::before{
        left: 50%;
        transform: translateX(-50%)
    }
}


/*인사말*/

.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% - 360px); width:-webkit-calc(100% - 360px); box-sizing:border-box; padding:30px 0 35px 50px;}
.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:75% auto; z-index:-1;}
.area_ceo .area_txt h2{font-size:30px; font-weight:bold; color:#333; line-height:1.5em; word-break:keep-all;}
.area_ceo .area_txt p{display:block; padding:20px 0; font-size:15px; font-weight:400; color:#555; line-height:1.8em; word-break:keep-all;}
.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 0; font-style:normal; font-size:22px; font-weight:600; color:#333;}
.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 > td:first-child{background:#fbfbfb; font-weight:600; color:#222; text-align:center;}
.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: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;}
	.area_ceo .area_txt h2{font-size:26px;}
	.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:auto; 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 .area_txt > p.none{
    font-size: 15px;
    color: #124a96;
}
.area_goal .area_txt > p.none::before{
    display: none;
}
.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;}
    
    .area_goal .area_txt > p img{
        width: 100%;
    }
}
@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:12.5%; padding:7.25%; background:#273069; border-radius:50%; box-shadow: 2.034px 4.568px 16px 4px rgba(0, 0, 0, 0.1); height:0; }
.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:21px; font-weight:300; color:#fff; transform:translate(-50%, -50%); line-height:1.2em;}
.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:0; right:0; 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; border-radius: 50%;}
.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%; text-align: center;}
.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:500px; border:1px solid rgba(0,0,0,0.05); border-left:none; border-top: none; box-sizing:border-box;}
.area_certificate > li > a{display:block; height:100%;}
.area_certificate > li .area_img{padding:20px; box-sizing:border-box; width:100%;}
.area_certificate > li .area_img_wrap{}
.area_certificate > li .area_img_wrap img{width:100%;}

.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(1),
.area_certificate > li:nth-child(2),
.area_certificate > li:nth-child(3){border-top: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{
        height: 465px;
    }
	.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{
        height: 500px;
    }
	.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{
        height: 610px;
    }
    .area_certificate > li .area_img_wrap img{
    }
	.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{
        height: auto;
    }
    .area_certificate > li .area_img{
        display: inline-block;
        height: 400px;
        overflow: hidden;
    }
    .area_certificate > li .area_img_wrap img{
        width: 100%;
        height: auto;
    }
	.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(3){
        border-top:none;
        border-left: 1px solid rgba(0,0,0,0.05);
    }
    .area_certificate > li:nth-child(4){
        border-left: none;
    }
    .area_certificate > li:nth-child(5){
        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: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;}
    .area_certificate > li .area_img_wrap img{
    }
	#layerPopup img{width:100%;}
	.popupBox .hamburger{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; }
    .area_certificate > li p{
        font-size: 16px;
    }
}
@media screen and (max-width:550px) {
	.area_certificate > li .area_img{padding:15px; height: 280px;}
	.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:15px;}
	.area_certificate > li p{height:62px;}
	.area_certificate > li:nth-child(6) p{height:64px;}
	.popupBox .hamburger{ width:45px; height:45px;}
	.popupBox .hamburger .bar{left:10px;}
}
@media screen and (max-width:420px) {
	.area_certificate > li .area_img{padding:10px; height: 232px;}
	.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; height: 48px;}
}
@media screen and (max-width:350px) {
	.area_certificate > li p{height:48px; font-size: 12px;}
	.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: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:100%;}
    .area_intro .table > tbody > tr > td{
        padding: 25px 20px;
    }
}

/* 생산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 > 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-top:none; box-sizing:border-box;}
.area_equipment .box .list > li:nth-child(2n){
    border-left:none;
}
.area_equipment .box .list > li:first-child,
.area_equipment .box .list > li:nth-child(2){border-top:1px solid #eee;}
.area_equipment .box .list > li img{width:100%; height:auto;}
.area_equipment .box .list > li .area_txt{text-align:center; box-sizing:border-box;}
.area_equipment .box .list > li .area_txt p{font-size:21px; font-weight:600; color:#333; padding: 15px 0 0; 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;}
}
@media screen and (max-width:500px) {
	.area_equipment .box .list > li .area_txt{padding:0 0 10px;}
	.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:0; background:#fff;}
.vision:after{content:''; display:block; clear:both;}
.vision > li{position:relative; float:left; width:100%; height:auto; 
    padding:0 ; margin: 0 0 50px 0;}
.vision > li:nth-child(2n){
    margin-right: 0;
}
/*.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{font-style:normal; font-size:54px; font-weight:bold; color:#ddd; display: inline-block; padding: 0 0 0 70px; vertical-align: middle;}
.vision > li > i>span{
    color: #2c4994;
    font-size: 0.8em;
}
.vision > li > img{ display:inline-block; margin: 0 auto;}
.vision > li > .vision_list{margin:0; width: 50%; display: inline-block; vertical-align: middle;}
.vision > li > .vision_list > li{position:relative; display:block; word-break:keep-all; padding:0 0 0 40px; font-size:17px; font-weight:500; color:#555; line-height:1.4em; text-align: left;}
/*.vision > li > .vision_list > li:before{content:''; position:absolute; top:10px; left:10px; width:4px; height:1px; background:#999;}*/
.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:1400px){
    .vision > li > img{
        margin: 0 auto 40px;
    }
    .vision > li > .vision_list{
        width: 100%;
    }
    .vision > li > i{padding:  0;}
}
@media screen and (max-width:1200px){
}
@media screen and (max-width:900px) {
	.vision{padding:80px 0 0;}
	.vision > li{width:100%; margin-left:0; margin-bottom:30px; height:auto; padding: 0;}
	.vision > li > i{font-size: 30px; line-height: 1.5em;}
	.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; font-size: 1.1em;}
	.vision > li > .vision_list > li:before{left:0;}
    .vision > li > img{
        margin: 0 auto 20px;
    }

}
@media screen and (max-width:550px) {
	.vision{padding:0;}
	.vision > li > i{font-size:2em;}
	.vision > li > .title{height:120px;}
	.vision > li > .title{margin:20px 0 0;}
}
@media screen and (max-width:400px) {
	.vision > li > .title{height:100px;}
}



.as_wrap{padding:0 0 50px; background:#fff;}
.as_wrap:after{content:''; display:block; clear:both;}
.as_wrap > li{position:relative; float:left; width:calc(33.3% - 13.34px); height:auto; 
   margin: 0 20px 20px 0;}
.as_wrap > li:nth-child(3n){
    margin-right: 0;
}
.as_wrap > 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;
}
.as_wrap > li > .title:before{content: '';
    width: 0;
    height: 0;
    border-left: 6rem solid transparent;
    position: absolute;
    left: 0;
    bottom: -4rem;}

.as_wrap > li > .title .title_wrap{display:table-cell; vertical-align:middle; height:100%; }
.as_wrap > li > .title .title_wrap > h2{display:block; padding:0 0 5px; font-weight:20px; font-weight:bold;}
.as_wrap > li > .title .title_wrap > h3{display:block; font-size:23px; font-weight:500; color:#fff815;}
.as_wrap > 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;}

.as_wrap > li:nth-child(1) > .title{background:#5a79bf; }
.as_wrap > li:nth-child(2) > .title{background:#33459e; bottom:40px;}
.as_wrap > li:nth-child(3) > .title{background:#2e3877; bottom:80px;}
.as_wrap > li:nth-child(4) > .title{padding:0; background:#131a48; bottom:120px;}
.as_wrap > li:nth-child(2) > .title:before{border-top:4rem solid #1c2c7d;}
.as_wrap > li:nth-child(3) > .title:before{border-top:4rem solid #1f285a;}
.as_wrap > li:nth-child(4) > .title:before{border-top:4rem solid #060b29;}
.as_wrap > li > i{position:relative; top:40px; left:-1px; font-style:normal; font-size:42px; font-weight:bold; color:#ddd;}
.as_wrap > li > i>span{
    color: #2c4994;
    font-size: 0.8em;
}
.as_wrap > li > img{ display: block; margin: 0 auto; width: 100%; height: auto;}
.as_wrap > li > .as_wrap_list{margin:0; width: 100%;}
.as_wrap > li > .as_wrap_list > li{position:relative; display:block; word-break:keep-all; padding:0 0 0 70px; font-size:17px; font-weight:500; color:#555; line-height:1.4em; text-align: left;}
/*.as_wrap > li > .as_wrap_list > li:before{content:''; position:absolute; top:10px; left:10px; width:4px; height:1px; background:#999;}*/
.as_wrap > li:nth-child(4) > .as_wrap_list{text-align:center;}
.as_wrap > li > .as_wrap_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;}
.as_wrap > li > .as_wrap_list > li.point:before{display:none;}
/*
@media screen and (max-width:1400px) {
    .as_wrap > li {
        width: calc((100%/3) - 1px);
        padding: 0 20px;
    }
    .as_wrap > li:nth-child(3n){
        margin-bottom: 30px;
    }
}
*/
@media screen and (max-width:900px) {
	.as_wrap{padding:0;}
	.as_wrap > li{width:100%; margin-left:0; margin-bottom:30px; height:auto; padding: 0;}
	.as_wrap > li > i{position:relative; top:0; font-size: 2.5em; line-height: 2em;}
	.as_wrap > li:nth-child(2) > .title{bottom:0;}
	.as_wrap > li:nth-child(3) > .title{bottom:0;}
	.as_wrap > li:nth-child(4) > .title{bottom:0;}
	.as_wrap > li .title:before{display:none;}
	.as_wrap > li > .title{position:relative; margin:30px 0 0; padding-right:0;}
	.as_wrap > li:nth-child(4) > .as_wrap_list{margin:0;}
	.as_wrap > li:before{display:none;}
	.as_wrap > li > .as_wrap_list > li{padding:0; font-size: 1.1em;}
	.as_wrap > li > .as_wrap_list > li:before{left:0;}
}
@media screen and (max-width:550px) {
	.as_wrap{padding:0;}
	.as_wrap > li > i{font-size:2em;}
	.as_wrap > li > .title{height:120px;}
	.as_wrap > li > .title{margin:20px 0 0;}
}
@media screen and (max-width:400px) {
	.as_wrap > 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;}
}

@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;}




/*오시는길*/
.map {
    width: 100%;
    margin: 0 auto;
}

.map .map_inn {
    margin: 50px 0;
    overflow: hidden;
}

.map_add_wrap {
    width: 20%;
    overflow: hidden;
    font-size: 2.5em;
    font-weight: 500;
    box-sizing: border-box;
    text-align: left;
    line-height: 88px;
    float: left;
    position: relative;
}

.map_add_wrap i {
    position: relative;
    color: #fff;
    width: 100px;
    text-align: center;
    background: #1134a8;
    line-height: 45px;
    display: block;
    font-size: 0.5em;
    font-style: normal;
    border-radius: 45px;
}

.map_add_wrap .map_bx .t {
    line-height: 0.5em;
    font-size: 1.22em;
    font-weight: 600;
    margin: 6px auto 6px;
    display: none;
}

.map_add_wrap .map_bx .c {
    font-size: 0.4em;
    font-weight: 400;
    color: #999;
    line-height: 1;
}

.map_add_wrap .map_bx a.bt {
    display: inline-block;
    background: #f8f8f8;
    font-size: 1em;
    padding: 0px 10px;
    margin: 0;
    border-radius: 3px;
    border: 1px solid #dadada;
    line-height: 3em;
}

.map_add_wrap .map_bx a.bt:hover {
    font-weight: 500;
    color: #FFF;
    background: #333;
    border: 1px solid #333;
}

.map_box_wrap {
    width: 100%;
    overflow: hidden;
}

.map_box_wrap .map_bx {
    width: 33.3%;
    float: left;
    padding: 0 15px 0;
    text-align: center;
    border-right: 1px solid #eee;
}

.map_box_wrap .map_bx:last-child {
    border: 0;
}


.map_box_wrap .map_bx .i {
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    width: 80px;
    height: 80px;
    background: #5FABA5;
    color: #fff;
    line-height: 80px;
    border-radius: 50%;
    font-size: 2em;
    text-align: center;
}

.map_box_wrap .map_bx .t {
    line-height: 1em;
    font-size: 1.22em;
    font-weight: 600;
    margin: 20px auto 10px;
    color: #444;
}

.map_box_wrap .map_bx .c {
    font-size: 1.15em;
    font-weight: 500;
    color: #aaa;
}

.map_box_wrap .map_bx .c a {
    font-size: 1.15em;
    font-weight: 500;
    color: #aaa;
}


@media (max-width:768px) {
    .map_add_wrap {
        font-size: 2.2em;
        width: 40%;
    }

    .map_box_wrap {
        display: block;
    }

    .map_box_wrap .map_bx {
        width: 100%;
        padding: 40px 0 0;
        border-right: 0;
    }
    .map_box_wrap .map_bx:first-child{
        padding: 0;
    }

    /*.map_box_wrap .map_bx:first-child{border-bottom:1px dotted #ddd;}*/
    /*.map_box_wrap .map_bx:nth-of-type(2){border-top:0; border-bottom:1px dotted #ddd;}*/
    /*.map_box_wrap .map_bx:nth-of-type(3){border-left:0; width:100%}*/
    .map_box_wrap .map_bx .t {
        font-size: 1.15em;
        margin: 4px auto 4px;
    }

    .map_box_wrap .map_bx .c {
        font-size: 1.0em;
    }

    .map_box_wrap .map_bx a.bt {
        font-size: 0.9em;
        padding: 1px 8px;
        margin: 1px;
    }

    .map_box_wrap .map_bx .i {
        width: 50px;
        height: 50px;
        line-height: 50px;
        font-size: 1.5em;
    }

    .map_box_wrap .map_bx .t,
    .map_box_wrap .map_bx .c {
    }
}

@media (max-width:420px) {
    .map_add_wrap {
        width: 100%;
        text-align: center;
    }

    .map_box_wrap .map_bx {
    }

    .map_add_wrap i {
        margin: 0 auto;
    }

/*
    .map_box_wrap {
        width: 100%;
    }
*/

/*
    .map_box_wrap .map_bx {
        position: relative;
        padding: 0;
        margin: 40px 0 0;
    }
*/

    .map_box_wrap .map_bx .i {
        width: 40px;
        height: 40px;
        line-height: 40px;
    }
}