@charset "utf-8";

/* 카카오맵 업데이트로 불필요한 패딩, 선이 잡혀서 제거 */
.root_daum_roughmap{border:0 !important; padding:0 !important;}

/* common */
#wrap{min-width:320px;}
#container{margin:0 auto;}
#container:after{content:''; display:block; clear:both;}
#content .inr{width:1200px; margin:30px auto 100px auto;}
#content{min-height:500px; opacity:0; transform:translateY(50px); transition:all 0.6s ease-out 0s; overflow: hidden;}
#content.active{opacity:1; transform:translateY(0px);}
.mgb01{margin-bottom:40px !important;}
.mgb02{margin-bottom:60px !important;}
.border01{position: relative; padding-bottom:30px; background:url(/images/content/img_bg_line.png) repeat-x 100% 100%;}
.sign{display:block; margin-top:20px; font-size:20px; font-weight:300; text-align: right; color:#222;}
.sign > span{display: inline-block; margin-left: 5px; font-size: 28px; font-weight: 500;}
.tit01{position: relative; line-height:1.5; margin: 30px auto 20px; font-size: 28px; font-weight: 200; text-align: center; word-break:keep-all;}
/*.tit01:after{content:""; display: block; width: 1px; height: 50px; margin:20px auto 0;  background: #666;}*/
.tit01 > span{font-weight: 700;}
.tit01 br{display:block;}
.txt_point01{font-weight: 500; color:#004ba8;}

/* 박스 */
.area_box{position: relative; margin: 35px auto 0; padding: 28px; background: #fdfdfd; border: 1px solid #e6e6e6;border-top:2px solid #7795ab; line-height: 1.8;}
.area_box:after{content:""; display:block; clear:both;}
.area_box02{position:relative;padding:60px 20px;content:"";background:url(/images/content/img_box01.jpg) no-repeat 10px 5px; text-align:center; font-size: 20px; font-weight: 500; line-height: 1.6; color:#4c5e75;}
.area_box02:after{z-index:-1; position:absolute; top:0px; left:0px; content:""; width:100%; height:100%; box-sizing:border-box; border:1px solid #9fb1c2; background-color: #f6fafd;}
.area_box02 em{color:#004ba8; font-weight: 700;}

/* 리스트 */
.area_list{position:relative; margin:25px 0; overflow:hidden;}
.area_list li{box-sizing:border-box; width:100%; line-height:2em; padding:10px 30px 10px 65px; float:left; margin-bottom:10px; border-bottom:1px dashed #ddd; color:#333; font-weight:300; letter-spacing:-0.5px;}
.area_list li > span{box-sizing:border-box; position:absolute; left:0px; display:block; margin:0 0 0 15px; width:30px; height:30px; line-height:30px; font-size:16px; border-radius:2px; text-align:center; background:#7795ab; color:#fff;}
.area_list li:last-child > span{background:#44799e; color:#fff;}
.area_list02{margin-top:20px;}
.area_list02 li{margin-top:35px;}
.area_list02 li:first-child{margin-top:0;}
.area_list02 li span{float:left; width:94px; height:94px; border:1px solid #7795ab; color:#44799e; font-size:35px; font-weight:300; text-align:center;line-height:2.7em; box-shadow:5px 5px 15px 2px rgba(0, 0, 0, 0.15);}
.area_list02 li em{float:right; width:91%; margin:0; padding:22.5px 40px; min-height: 95px; background:#f8f8f8; color:#535252; font-size:16px; font-weight:400; letter-spacing:-0.5px; line-height:1.6em; box-sizing:border-box; clear:none;}
.area_list02 li em > br{display: block;}
.area_list02 li:after{content:''; display:block; clear:both;}
.area_list02.v2 li em{padding:30px 40px;}
.area_list03{position:relative; margin:0 auto;}
.area_list03 li{padding:10px 15px 10px 45px; line-height:1.8em; border-bottom:1px solid #e6e6e6;}
.area_list03 li:first-child{padding-top:0;}
.area_list03 li:last-child{padding-bottom:0; border-bottom:0;}
.area_list03 li > span{position:absolute; left:0px; display:block; width:25px; height:25px; line-height:23px; font-weight:500; text-align:center; color:#004ba8; border:1px solid #004ba8; border-radius: 50%;}

/* 회사링크 */
.sub_tit{padding-bottom:10px; text-align: center; font-size:30px !important; font-weight: 200 !important;}
.sub_tit > i{font-weight: 700 !important;}
.sub_txt{padding-bottom:40px; text-align: center; line-height: 1.8em; margin-bottom:40px; font-size:25px !important; font-weight:300;}

/* layout */
.area_lnb .lnb .depth2{padding:15px; background:#f1f1f1; border:1px solid #d9d9d9; border-top:0;}
.area_lnb .lnb .depth2 > li > a{display:block; padding:3px; letter-spacing:-1px;}
.area_lnb .lnb .depth2 > li > a.on{color:#54C1E5;}

/* font */
#content h3{margin:40px 0 20px; font-size:30px; color:#151515; letter-spacing:-1.5px; font-weight:500;}
#content h3 span{color:#005cb9;}
#content h3:first-child{margin-top:0px;}
#content h4{margin:10px 0 20px 0; font-size:24px; font-weight:400; letter-spacing:-1.5px;}
#content h4.nodeco{position:relative; margin:30px auto; padding:20px 0; border-bottom:1px solid #d9d9d9;}
#content h4.nodeco:before{display:none;}
#content h4.nodeco em{display:block; font-size:16px; color:#004a8d; font-weight:400; letter-spacing:0px; line-height:1.2em;}
#content h4.nodeco span{display:block; font-size:16px; font-family:'Exo 2', sans-serif; color:#004a8d; font-weight:500; letter-spacing:0px; line-height:1.2em;}
#content h5{font-size:20px; font-weight:400; letter-spacing:-1.5px; color:#444; margin:15px auto 10px auto}
#content p{margin-bottom:10px; font-weight:300; font-size:16px; letter-spacing:-0.3px;}
#content .em{font-weight:400;}
#content .em.mt15{margin-top: 15px;}
#content .remark{display:block; color:#555; font-size:0.75em; font-weight:300; letter-spacing:-0.5px;}
#content ul li{font-weight:300; letter-spacing:-1px;}

/* tit */
#content .tit_deco{position:relative; padding-left:24px; margin:40px 0 20px 0; font-weight:500; color:#333; text-align:left; letter-spacing:-1.5px;}
#content .tit_deco:before{position:absolute; top:7px; left:0; content:""; width:17px; height:17px; background:url(../images/common/deco_tit.png) no-repeat 0 0;}
#content .tit_deco.mt10{margin-top:10px;}

/* box */
.box_text p{margin-top:25px;}
.box_img{margin:20px 0; text-align:center;}
.box_img:first-child{margin-top: 0;}
.box_img img{max-width:100%;}
.box_img img.w{display:inline-block;}
.box_img img.m{display:none;}
.box_img.v1{padding:40px 30px; border:1px solid #d9d9d9;}
.box_img.noimg{min-height:67px; background:#f2f2f2 url(../images/common/icon_noimg.png) no-repeat 50% 50%;}
.box_map{width:100%; height:420px; margin:0 0 25px 0; background:url(../images/content/img_map.jpg) no-repeat 50% 50%; background-size:contain;}
.box_map .map{width:100%; height:100%; box-sizing:border-box; padding-bottom:33px;} /*다음지도쓸경우*/
.box_map .root_daum_roughmap .wrap_map{height:100%;} /*다음지도쓸경우*/

/* area_snb */
.area_snb{overflow:hidden; width:102%; margin:30px 0 40px;}
.area_snb:first-child{margin-top: 0;}
.area_snb > *{float:left;  margin:0 2% 0 0;}
.area_snb .box_img{overflow: hidden; width:31.33%; text-align:center;} /*33.33*/
.area_snb .box_img:hover img{transform:scale(1.05); transition:transform 0.3s;}
.area_snb .snb{width:64.67%;} /*66.67*/

/* area_menu */
#content .area_menu h3,
#content .area_menu h4{margin-bottom:3px; text-align:center; text-transform:uppercase;}
#content .area_menu h3{font-size: 30px; font-weight: 600;}
#content .area_menu h3:before{display:none;}

/* snb */
.snb{box-sizing:border-box; border:1px solid #d9d9d9; border-width:1px 0 0 0;}
.snb li{width:100%;}
.snb li a{display:block; position: relative; width:100%; height:47px; line-height:45px; box-sizing:border-box; padding:0 10px; border:1px solid #d9d9d9; border-width:0 1px 1px 1px; font-size:16px; text-align:center; transition: background 0.3s;}
.snb li:hover a{background: #fafafa;}
.snb li a.on{background:#005cb9; color:#fff; font-weight:400;}
.snb li:first-child a{border-top:0;}
.snb.col2{overflow:hidden; border-width:1px 0 0 1px;}
.snb.col2 li{float:left; width:50%;}
.snb.col2 li a{border-width:0 1px 1px 0px;}
.snb.col2 li:first-child + li a{border-top:0px;}

/* tab */
.tab{margin-bottom:40px;}
.tab:after{content:''; display:block; clear:both;}
.tab li{float:left; width:33.33%; box-sizing:border-box;}
.tab li a{display:block; width:100%; height:47px; line-height:45px; box-sizing:border-box; padding:0 10px; background:#fff; border:1px solid #d9d9d9; border-bottom-color:#1b40b3; font-size:16px; text-align:center; letter-spacing:-1.5px;}
.tab li a.on{border-color:#1b40b3; border-bottom-color:#fff; color:#1b40b3;}
.area_tab{overflow:hidden; width:100%;}
.area_tab .cont > li{display:none;}
.area_tab .cont > li:first-child{display:block;}

/* table  */
.area_table{position:relative; height:100%;}
.area_table:before{content:''; display:block; position:absolute; left:0px; top:0px; width:3px; height:100%; background:#004a8d;}
.table{border-top:1px solid #78829a; border-left:1px solid #ececec;}
.table th,
.table td{padding:13px 15px; border-bottom:1px solid #ececec; border-right:1px solid #ececec; letter-spacing:-0.5px; font-weight: 300; text-align:center;}
.table td img{display:inline-block; vertical-align:middle;}
.table td.td_bg01{background:#e4f8ff !important;}
.table td.td_txt_c{text-align:center !important;}
.table th{background:#f9f9f9; font-family:'Noto Sans KR', Sans-serif; font-weight:400;}
.table tbody tr:first-child th,
.table tbody tr:first-child td{border-top:1px solid #ececec;}
.table thead + tbody tr:first-child th,
.table thead + tbody tr:first-child td{border-top:0px !important;}
.table thead tr:first-child th{border-top:1px solid #78829a;}
.table.w{display:table;}
.table.m{display:none;}

/* list */
.list_normal li{position:relative; margin:5px 0; padding-left:15px; font-size:16px;}
.list_normal li:before{content:""; display:block; position:absolute; top:10px; left:0; width:5px; height:5px; background:#b7b7b7; border-radius:50%;}
.list_normal li > span{font-weight:500;} 

.list_img{overflow:hidden; margin:15px 0; width:102%;}
.list_img li{float:left; width:31.333%; box-sizing:border-box; padding:7px; background:#fff; border:1px solid #efefef; margin:0 2% 0 0; text-align:center;}
.list_img li img{max-width:100%;}
.list_img.col2 li{width: 48%;}
.list_img.col4 li{width: 23%; margin-bottom:2% !important;}

.list_process{font-size: 0;}
.list_process li{display: inline-block; position: relative; box-sizing:border-box; margin:6px 0 6px 40px; font-size: 15px; text-align: center;}
.list_process li:before, .list_process li:after{content:''; display: block; position: absolute; top: 50%; right: 100%;}
.list_process li:before{width: 40px; height: 1px; margin-top: -0.5px; background: #ececec;}
.list_process li:after{width: 9px; height: 9px; margin-right:-8.5px; background:#d9d9d9; border:4px solid #fff; border-radius:50%; transform:translate(0, -50%);}
.list_process li:first-child{margin-left: 0;}
.list_process li:first-child:before, .list_process li:first-child:after{display: none;}
.list_process li span{display: inline-block; min-width:165px; box-sizing:border-box; padding: 15px 20px; line-height: 1; background: #ececec; border-radius:40px; vertical-align: middle; font-weight: 400;}
.list_process li.point span{background: #1f427f; color:#fff;}
.list_process li.point:after{background: #001e53; border-color:#bdc9de;}
.list_process li.notes span{background: #f16e14; color:#fff;}
.list_process li.notes:after{background: #df5b00; border-color:#ffc39a;}
.list_process li.end span{background: #fff; border:2px solid #ececec;}

/* 회사소개 */
.area_ceo{position:relative; overflow:hidden;}
.area_ceo p{padding:50px 80px !important; font-size:17px !important; line-height:1.8em !important; font-weight:400 !important; color:#666 !important;}

/* 연혁 */
.area_history > li{margin:20px 0 40px;overflow:hidden;}
.area_history .sort{float:left; display:inline-block; position:relative; width:25.33%; height:252px; line-height:252px; box-sizing:border-box; background-repeat:no-repeat; background-position:50% 50%; background-size:contain; text-align:center;}
.area_history .sort:after{content:''; display:block; position:absolute; top:50%; left:100%; width:25%; height:12px; margin-left:-10px; background-repeat:no-repeat; background-position:100% 50%; background-size:auto 100%;}
.area_history .sort span{display:inline-block; line-height:1.4; vertical-align:middle; font-size:20px; font-weight:500; text-align:center;}
.area_history .detail{}
.area_history .detail li{overflow:hidden; border-bottom:1px solid #eee; display:block; width:100%; height:auto; overflow:hidden; margin-bottom:15px; word-wrap:break-word;}
.area_history .detail li .date{display:inline-block; text-align:center; color:#004ba8; font-weight:700; width:28%; height:100%; line-height:50%; font-size:20px !important;}
.area_history .detail li .date span{display:inline-block; font-weight:500; height:100%; line-height:50%;}
.area_history .detail li .date span.month{margin-left:20px; color:#487ca3; font-weight:300;}
.area_history .detail li .desc{display:inline-block; width:65%; margin-left:20px; word-wrap:break-word;}

/* 실적현황 */
.area_management{position:relative; overflow:hidden}
.area_management img{float:left;}
.area_management table{float:right; width:50%;}

/* 공정정보 */
.area_process{position:relative; height:auto; overflow:hidden;}
.area_process + .area_table{margin-top:40px;}
.area_process .box01{position:relative; float:right; width:50%; height:520px; overflow:hidden;}
.area_process .box01 img{max-width:200%; height:100%;}
.area_process .box02{position:relative; float:left;width:50%; height:520px;}
.area_process .box02 .inr02{width:100%; height:50%; background:#7c8fb2;}
.area_process .box02 .box_list{padding:60px 0 0 60px}
.area_process .box02 .box_list li{position:relative; padding-left:15px; font-size:17px; color:#fff; line-height:1.6em;}
.area_process .box02 .box_list li:before{content:""; display:block; position:absolute; top:10px; left:0; width:3px; height:3px; background:#fff; border-radius:50%;}
.area_process .box02 .box_bg em{padding-top:110px; display:block; font-size:25px; line-height:1.2em; color:#fff;}
.area_process .box02 .box_bg span{display:block; font-size:17px; color:#fff;}
.area_process .box02 .box_bg{width:100%; height:50%; text-align:center;}
.area_process .box02 .box_bg.bg01{background-image:url(../images/content/img_process_bg01.jpg); background-size:auto 100%;}
.area_process .box02 .box_bg.bg02{background-image:url(../images/content/img_process_bg02.jpg); background-size:auto 100%;}
.area_process .box02 .box_bg.bg03{background-image:url(../images/content/img_process_bg03.jpg); background-size:auto 100%;}
.area_process .box02 .box_bg.bg04{background-image:url(../images/content/img_process_bg04.jpg); background-size:auto 100%;}
.area_process .box03{position:relative; width:100%; overflow:hidden;}
.area_process .box03 ul.w01 li img{float:left; width:16.66%;}
.area_process .box03 ul.w02 li img{float:left; width:25%;}

/* 제품정보 */
.area_product{position:relative; margin:30px auto; padding:20px;}
.area_product:after{content:''; display:block; clear:both;}
.area_product > li{float:left; width:33.33%; height:auto; overflow:hidden; box-sizing:border-box; padding:10px;}
.area_product > li > a{display:block; overflow:hidden; position:relative; height:100%; text-align:center; box-sizing:border-box; padding:30px 30px 40px 30px; border:1px solid #efefef;}
.area_product > li > a:before{content:''; display:block; position:absolute; left:0px; top:0px; z-index:-1; width:100%; height:100%; box-sizing:border-box; border:5px solid #b9c6db; border-image-source: linear-gradient(#b9c6db, #749dde); border-image-slice:5; transform:scale(1.1,1.1); transition:all 0.5s ease-out 0s;}
.area_product > li > a h3{padding-top:210px; font-size:21px !important; font-weight:600 !important; color:#1b1b1b;}
.area_product > li > a p{min-height:60px; color:#666; font-weight:300; letter-spacing:-1px; line-height:1.3em; word-break:keep-all;}
.area_product > li > a .button02{padding:10px 30px 10px 30px; border:1px solid #333; font-size:15px; transition:all 0.4s ease-out 0s;}
.area_product > li > a .button02:before{display:none;}
.area_product > li > a:hover:before{z-index:5; transform:scale(1,1);}
.area_product > li > a:hover .button02{border:1px solid #749dde; background:#749dde; color:#fff;}
.area_product > li > a.productlist01{background:#fff url(../images/content/img_product_list01.png) no-repeat center 30px;}
.area_product > li > a.productlist02{background:#fff url(../images/content/img_product_list02.png) no-repeat center 30px;}
.area_product > li > a.productlist03{background:#fff url(../images/content/img_product_list03.png) no-repeat center 30px;}
.area_product > li > a.productlist04{background:#fff url(../images/content/img_product_list04.png) no-repeat center 30px;}
.area_product > li > a.productlist05{background:#fff url(../images/content/img_product_list05.png) no-repeat center 30px;}
.area_product > li > a.productlist06{background:#fff url(../images/content/img_product_list06.png) no-repeat center 30px;}
.area_product > li > a.productlist07{background:#fff url(../images/content/img_product_list07.png) no-repeat center 30px;}
.area_product > li > a.productlist08{background:#fff url(../images/content/img_product_list08.png) no-repeat center 30px;}
.product_view{position:relative; margin:0 auto; padding:20px;}

/* 오시는 길 */
.txt_map{padding:20px; background:#f2f5f7; border:1px solid #e2e2e2; border-top-width:0px; font-size:16px; text-align:center; line-height:1em;}
.txt_map em{display:inline-block; margin-left:20px; color:#2f5abb;}

/* 사이트맵 */
.area_sitemap{max-width:1200px; box-sizing:border-box; margin:0 auto; padding:0 15px;}
.area_sitemap .gnb:after{content:''; display:block; clear:both;}
.area_sitemap .gnb > li{float:left; width:calc(100% / 3 - 1.7%); margin-left:2.5%; min-height: 440px;}
.area_sitemap .gnb > li:nth-child(4),
.area_sitemap .gnb > li:first-child{margin-left:0px;}
.area_sitemap .gnb > li > a{display:block; position:relative; z-index:6; padding:40px 0px; background:#eff7f9; font-size:23px; font-weight:600; color:#1b1b1b; text-align:center; letter-spacing:-1px; transition:all 0.3s ease 0s;}
.area_sitemap .gnb > li > a span{position:relative; z-index:5;}
.area_sitemap .gnb > li > a:after{content:''; display:block; position:absolute; left:0px; top:0px; z-index:-1; width:100%; height:100%; background:#b9c6db; background-image:linear-gradient(top left, #b9c6db, #1245b8); background-image:-ms-linear-gradient(top left, #b9c6db, #1245b8); background-image:-webkit-linear-gradient(top left, #b9c6db, #1245b8); background-image:-moz-linear-gradient(top left, #b9c6db, #1245b8); background-image:-o-linear-gradient(top left, #b9c6db, #1245b8); transform:scaleX(0); transform-origin:0 0; transition:all 0.4s ease-out 0s;}
.area_sitemap .gnb > li > a:hover,
.area_sitemap .gnb > li:hover > a{color:#fff;}
.area_sitemap .gnb > li > a:hover:after,
.area_sitemap .gnb > li:hover > a:after{transform:scaleX(1);}
.area_sitemap .gnb > li > ul{margin-top:30px;}
.area_sitemap .gnb > li > ul > li{margin-bottom:10px; padding-left:20px;}
.area_sitemap .gnb > li > ul > li > a{display:inline-block; position:relative;  padding-left:10px; font-size:18px; font-weight:300; color:#333; letter-spacing:-1px; transition:all 0.3s ease 0s;}
.area_sitemap .gnb > li > ul > li > a:before{content:''; display:block; position:absolute; left:0px; top:13px; width:4px; height:1px; background:#666; transition:all 0.3s ease 0s;}
.area_sitemap .gnb > li > ul > li > a:hover{color:#1245b8;}
.area_sitemap .gnb > li > ul > li > a:hover:before{background:#1245b8;}
.area_sitemap .gnb > li > a.open{display:none;}
#content > .inr > .area_sitemap > a.btn_m_menu{position:absolute;}
#content > .inr > .area_sitemap > a.btn_m_menu span{display:none;}
#content > .inr > .area_sitemap > a.btn_m_menu:before,
#content > .inr > .area_sitemap > a.btn_m_menu:after{display:none;}

.area_video{position: relative; width: 100%; height: 0; padding-top: 56.3%;}
.area_video iframe{position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important;}

.pagination + .btn_area{margin-top:40px !important;}

@media all and (max-width:1320px){
	.container .content{padding:30px 15px 40px; text-align:center;}
	
	.area_management img{float:inherit;}
    .area_management table{float:inherit; margin-top:30px; width:100%; text-align:center;}
    
    .area_box02{font-size: 18px;}
}

@media all and (max-width:1224px){
	#container{padding-bottom:60px;}
	#content > .inr{width:100%; margin:0 auto;}
	.area_lnb .lnb .depth2{padding: 3px 15px; background:none; border:0;}
    .area_lnb .lnb .depth2 > li > a{padding: 4px 2px; font-weight: 300; font-size: 14px; color:#d9e5ff;}
    
    .area_box02{font-size: 16px;}

	.area_product > li{float:left; width:50%;}
	.area_product > li > a h3{padding-top:210px; font-size:22px !important; font-weight:600 !important; color:#1b1b1b;}

	.area_process{position:relative; height:auto; overflow:hidden;}
	.area_process .box01{position:relative; float:right; width:50%; height:520px; overflow:hidden;}
	.area_process .box01 img{max-width:200%; height:100%;}
	.area_process .box02{width:50%; height:520px;}
	.area_process .box02 .box_list{padding:35px 20px 0 20px}
	
	.area_sitemap .gnb > li{float:left; width:calc(100% / 2 - 1.7%); margin-left:2.5%;}
    .area_sitemap .gnb > li > ul{margin-top:30px; min-height:200px;}
    .area_sitemap .gnb > li:nth-child(4){margin-left:2.5%;}
    .area_sitemap .gnb > li:nth-child(3),
    .area_sitemap .gnb > li:nth-child(5){margin-left:0;}

    .area_list02 li em{width:87%;}

    .sign{font-size:18px;}
    .sign > span{font-size: 24px;}
}

@media all and (max-width:910px){
    .area_list02 li em{width:85%;}

    .mgb01{margin-bottom:30px !important;}
    .mgb02{margin-bottom:40px !important;}

    .area_box02{padding:30px 20px; text-align: left;}
    .area_box02{font-size: 15px;}

    .sign{font-size:16px;}

    .tit01{font-size: 20px;}
}

@media all and (max-width:768px){
	#container{padding-bottom:40px;}
	#content h3{margin:30px 0 10px; font-size:23px;}
	#content h4{font-size:18px;}
	#content p{font-size:15px;}
	
	#content .tit_deco{margin:25px 0 15px;}
    
    .area_box02 br{display:none;}

    .scrollTable{overflow:auto;}
    .scrollTable .table{width:860px;}
    .mob_info{display:block;}

	.box_img.v1{padding:30px 20px;}
	.box_img img.m{display:inline-block;}
	.box_img img.w{display:none;}
	.box_map{height:380px; background-size:contain;}
	
	.area_snb{width:100%; margin:20px 0 20px;}
	.area_snb > *{float:none;  margin:0;}
	.area_snb .box_img{width:100%; margin:0 0 10px 0;}
	.area_snb .snb{width:100%;}
	
	.snb li{float:none !important; width:100% !important;}
	.snb li a{height:42px; line-height:40px; font-size:15px;}
	
	.tab{overflow:hidden; width:101%;}
	.tab li{width:49%; margin:0 1% 1% 0;}
	.tab li a{height:42px; line-height:40px; border-bottom-color:#d9d9d9; font-size:15px;}
	.tab li a.on{border-bottom-color:#1b40b3; box-shadow:5px 5px 0 #f1f1f1;}
	
	.list_normal li{margin:3px 0; padding-left:12px; font-size:15px;}
	.list_img{width:101%;}
	.list_img li{width:49% !important; padding:3px; margin:0 1% 0 0;}
	
	.tit_deco:before{top:6px;}
	
	.table td ul li{position:relative; float:left; width:32%; margin-top:5px; font-weight:300; color:#666; line-height:1.3em; overflow:hidden;}
	.table td img{max-width:100%; float:left; overflow:hidden;}

    .area_ceo p{padding:40px 30px !important; font-size:15px !important;}
    
    .tit01{font-size: 18px;}
    .area_box br{display:none;}

/*
	.area_history .sort{float:none; width:100%; height:205px; line-height:205px;}
	.area_history .sort span{font-size:18px;}
	.area_history .sort:after{display:none;}
	.area_history .detail{width:80%; margin:10px auto 0; padding-left:0;}
	.area_history .detail li .desc{padding-left:115px;}
	.area_history .detail li .date span.month{margin-left:10px;}
*/

    .area_list02 li{padding:0 25px 25px 0; background:#f8f8f8; box-sizing:border-box;}
    .area_list02 li span{float:none; display:block; width:44px; height:44px; font-size:25px; line-height:1.8em; box-shadow:none; background:#fff;}
    .area_list02 li em{width:100%; margin-top:15px; padding:0 0 0 25px; font-size:15px; background:none; min-height: inherit;}
    .area_list02 li em > br{display: none;}

	.area_history > li{margin:10px 0 30px;overflow:hidden;}
	.area_history .detail{}
	.area_history .detail li{overflow:visible; border-bottom:1px solid #eee; display:block; width:100%; height:auto; margin-bottom:10px;}
	.area_history .detail li .date{display:inline-block; text-align:center; color:#004ba8; font-weight:700; width:auto; font-size:16px !important;}
	.area_history .detail li .date span{display:inline-block; font-weight:500;}
	.area_history .detail li .date span.month{margin-left:15px;}
	.area_history .detail li .desc{display:inline-block; margin-left:10px;}

	.area_process{position:relative; height:auto; overflow:hidden;}
	.area_process .box01{position:relative; float:inherit; width:100%; height:auto; overflow:hidden;}
	.area_process .box01 img{width:100%; height:auto;}
	.area_process .box02{width:100%; height:350px;}
	.area_process .box02 .box_list{padding:30px 20px 0 20px}
    .area_process .box02 .box_bg em{padding-top:50px; display:block; font-size:25px; line-height:1.2em; color:#fff;}
    
    .area_sitemap .gnb > li > a{padding:30px 0; font-size: 18px;}
    .area_sitemap .gnb > li > ul > li > a{font-size: 16px;}
}

@media all and (max-width:640px){
	.box_map{height:300px;}

	.table.w{display:none;}
	.table.m{display:table;}
	
	.list_process{overflow: hidden;width: 100%;}
	.list_process li{float: left; display: block; width: 50%; margin:5px 0; padding-right:40px;}
	.list_process li span{width: 100%; min-width:auto; border:0; border-radius:20px;}
	.list_process li:first-child{margin-top: 0;}
	.list_process li:before{right:0; width:40px; height:15px; margin-top:-7.5px; background:url(../images/content/icon_arrow.png) no-repeat 50%; background-size:contain; transform:rotate(-90deg);}
	.list_process li:first-child:before{display: block;}
	.list_process li:last-child:before{display: none;}
	.list_process li:after{display: none;}
	.list_process li.point span,
	.list_process li.notes span{background: #ececec;font-weight: 500; color:#333;}
	
	.area_product > li{float:inherit; width:100%;}
	.area_product > li > a{display:block; overflow:hidden; position:relative; height:100%; text-align:center; box-sizing:border-box; padding:10px 10px 40px 10px; border:1px solid #f3f3f3;}
	.area_product > li > a h3{padding-top:220px; font-size:20px !important; font-weight:600 !important; color:#1b1b1b;}
	.area_product > li > a p{min-height:50px;}

	.area_process{position:relative; height:auto; overflow:hidden;}
	.area_process .box01{position:relative; float:inherit; width:100%; height:auto; overflow:hidden;}
	.area_process .box01 img{width:100%; height:auto;}
	.area_process .box02{width:100%; height:auto;}
	.area_process .box02 .box_list{padding:30px 20px 30px 20px}
	.area_process .box02 .box_bg{width:100%; height:180px; overflow:hidden;}
	.area_process .box02 .box_bg em{padding-top:60px; display:block; font-size:25px; line-height:1.2em; color:#fff;}
	.area_process .box03{position:relative; width:100%; overflow:hidden;}
	.area_process .box03 ul.w01 li img{float:left; width:33.33%;}
	
	.table td ul li{position:relative; float:left; width:48%; margin-top:5px; font-weight:300; color:#666; line-height:1.3em; overflow:hidden;}
	.table td img{max-width:100%; float:left; overflow:hidden;}

	.bbsView td.tel > input[type="text"],
	.bbsView td.tel > select,
	.bbsView *[data-member-form="phone"] > input[type="text"],
	.bbsView *[data-member-form="phone"] > select{display:inline-block; width:30% !important;}
	.bbsView td.tel > span{display:inline-block;}
	.bbsView td.mail > input[type="text"]{margin:2px 0px;}
	.bbsView td.mail > select{width:100% !important;}
}

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

	.table td ul li{position:relative; float:left; width:50%; min-width:100px; margin-top:5px; font-weight:300; color:#666; line-height:1.3em; overflow:hidden;}
	.table td img{max-width:100%; float:left; overflow:hidden;}

	.area_sitemap .gnb > li{float:left; width:100%; margin-left:0; min-height: inherit;}
    .area_sitemap .gnb > li > ul{margin:30px auto 30px auto; min-height:inherit;}
}	

@media screen and (max-width:460px){
	.bbsView td.tel > input[type="text"],
	.bbsView *[data-member-form="phone"] > input[type="text"],
	.bbsView *[data-member-form="phone"] > select,
	.bbsView td.tel > select{display:block; width:100% !important; margin:2px 0px;}
	.bbsView td.tel > span{display:none;}
	.bbsView .address .button,
	.bbsView .id .button{top:10px;}	
	.designRadio.agree input[type="radio"] + label{margin:2px 10px;}
}

@media all and (max-width:452px){
	.tab li a{padding:0 5px; font-size:14px;}
	
	.list_process li{width: 100%; box-sizing:border-box; margin: 25px 0 0 0; padding-right: 0;}
	.list_process li:before{top:auto; bottom:100%; left:50%; width:40px; height:15px; margin-left:-20px; margin-bottom:5px; transform:none;}
	.list_process li:last-child:before{display: block;}
}