@charset "utf-8";

/* 
 * content CSS Document
 * KOWEB
 */

#container{position:relative; margin:0 auto; padding:80px 0; width:100%; overflow:hidden;}
#container:after{content:''; display:block; clear:both;}
#content{min-height:600px;}
#content .inr{position:relative; max-width:1200px; margin:0 auto;}
#content .inr:after{content:''; display:block; clear:both;}
#content h3{position:relative; width:100%; margin:0 auto 40px auto; overflow:hidden; display:block; text-align:center; font-size:38px; font-weight:400; color:#262626; letter-spacing:1px; font-family:Noto Sans KR, Poppins;}
#content h3 > em{display:block; color:#aaa; font-size: 18px;}
#content h4{position:relative; width:100%; margin:40px 0 30px 0; overflow:hidden; display:block; font-size:25px; letter-spacing:1px; font-weight:400; color:#262626;}
#content h5{position:relative; margin:60px 0 30px 0; padding-left: 34px; font-size:1.8rem; font-weight:400; color:#272727;}
#content h5.bullet01{padding-left:34px; background:url(/images/content/img_bullet.png) no-repeat 0 50%;}
#content h5.bullet01:before,
#content h5.bullet01:after{display:none;}

.area_box{position:relative; margin:40px auto 0 auto; box-sizing:border-box; padding:40px 50px; height:auto; border:1px solid #f0f0f0; color:#626262; font-weight:300; font-size:15px; line-height:2em; background:#f7f7f7;}

/* 기존스타일 변경 */
.productView .info{padding-top:0px;}
.productView .info .conts{padding:60px 0; background-color:#f4f4f4;}
.productView .info h4{padding:18px 20px 18px 140px; padding:18px 25px; font-size:20px; color:#424242; font-weight:400; border:1px solid #bbb;}
.productView .info h4 + .conts{margin-top:40px;}
.productView .info .conts img{display:block; text-align:center; margin:0 auto;}
.productView .img{margin-top:40px; min-height: 620px; text-align: center;}
.productView .img.center{float:none; margin:0 auto; padding:40px 0; width:100%; min-height: 520px; border:1px solid #ccc;}
.productView .img ul{position: relative; bottom:0px; margin-top:40px;}
.productView .img span{padding-top:80%; background-color:transparent;}
.productView .img.center span{padding-top:40%;}
.photoList > li a > em{text-align:center; font-weight:400;}
.photoList > li a{border:0; color:#666;}
.photoList > li a:hover,
.photoList > li a:focus,
.pagination a:not([class^="btn_"]):hover,
.pagination a:not([class^="btn_"]):focus{background-color:transparent;}
.pagination span{border-color:#444; color:#444;}
.border01{border:1px solid #f0f0f0; box-sizing:border-box; text-align:center;}
.photoList > li .img{border:1px solid #d1d1d1;}

/* 리스트 */
.area_list{position:relative; margin:20px 0; padding:30px 40px; border:1px solid #e0e0e0; background:#fafafa;}
.area_list li{position:relative; display:block; margin-bottom:10px; padding-left:15px; font-weight:300; color:#6b737b; text-align:left; word-break:keep-all; letter-spacing:-0.5px; line-height:2em;}
.area_list li:before{position:absolute; top:13px; left:0px; content:""; width:3px; height:3px; background:#2b405b; border-radius: 50%;}

/* 반절영역 */
.area_half{position:relative; padding:30px; overflow:hidden; width:100%; box-sizing:border-box;}
.area_half.pd_none{padding:0;}
.area_half .half_l{float:left; width:50%; text-align:center;}
.area_half .half_r{float:left; width:50%;}
.area_half img{display:block; width:187px; height:162px;}
.area_half li{font-weight:300; font-size:14px; color:#666; line-height:1.8em; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.area_half .half_l.w02{width:36%;}
.area_half .half_r.w02{width:64%;}
.area_half .half_r.w02 li{margin-bottom:5px; padding-left:20px; font-size:14px; font-weight:300; color:#626262;}
.area_half .half_r.w02 li > i{display:inline-block; margin-right:20px; color:#222; font-weight:400;}
.area_half .half_r.w02 li > i:after{content:''; margin-left:15px; display:inline-block; width:1px; height:10px; background:#e7e7e7;}
.area_half .half_r.w02 li:before{content:''; display:block; position:absolute; margin:12px 0 0 -20px; width:4px; height:2px; background:#ea681a;}
.area_half .half_l.w02 img{width:376px; height:418px;}
.area_half .half_l.w03{width:calc(60% - 30px); margin-right:30px; border:1px solid #f0f0f0; box-sizing:border-box;}
.area_half .half_r.w03{width:40%; border:1px solid #cbcbcb; box-sizing:border-box;}
.area_half .half_l.w03 img{width:590px; height:333px; display:block; margin:0 auto; text-align:center;}
.area_half .half_r.w03 > span{display:block; margin:10px 10px 50px 10px; height:56px; line-height:54px; border:2px solid #00584a; border-top:0; font-size:20px; color:#00584a; font-weight:500; text-align:center; letter-spacing:1.2px;}
.area_half .half_r.w03 div{float:left; width:50%; padding:0 30px 0 20px; margin-bottom:60px; box-sizing:border-box;}
.area_half .half_r.w03 div:first-child{border-right:2px solid #f1f3f5;}
.area_half .half_r.w03 div > u{display:inline-block; margin-bottom:20px; text-decoration:none; padding:3px 10px; border-radius:30px; border:1px solid rgba(23,31,45,0.3); color:#a3a3a3; font-size:14px; font-weight:400; letter-spacing:0.5px;}
.area_half .half_r.w03 li{width:100%; margin-bottom:5px; line-height:1.8em; color:#626262; font-weight:300; font-size:13px; display:block; float:left;}
.area_half .half_r.w03 li > em{display:inline-block; vertical-align:middle; margin-right:10px; width:20px; height:20px; line-height:20px; font-size:13px; font-weight:400; border-radius:50%; text-align:center; background:#171f2d; color:#fff;}
.area_half .half_r.w03 div:first-child li:nth-child(2) > em{background:#00584a;}

/* 소개 */
.area_company{position:relative; width:100%;}
.area_company:after{content:''; display:block; clear:both;}
.area_company .company_l{float:left; margin-top:-7px; width:240px; height:100%; font-size:26px; font-weight:600; color:#222;}
.area_company .company_r{float:right; margin-bottom:60px; width:calc(100% - 280px); height:100%;}
.area_company .company_r > em{font-size:20px; font-weight:400; color:#333; line-height:1.5em;}
.area_company .company_r > p{padding-top:60px; margin:60px 0 55px 0; font-size:15px; line-height: 2em; border-top:1px solid #efefef;}

/* 연혁 */
.area_history{position:relative; margin:0 auto; background-repeat:no-repeat; background-position:8% 150px; background-image:url(/images/content/img_history.jpg);}
.area_history > u{display:block; font-size:35px; font-weight:400; font-family:'Cinzel'; color:#848484; text-decoration:none;}
.area_history .detail{overflow:hidden; position:relative; margin:20px auto 0 auto;}
.area_history .detail:after{content:''; display:block; position:absolute; top:65px; left:50%; z-index:-1; width:1px; height:100%; background:#f2f2f2;}
.area_history .detail > li{position:relative; clear:both; width:50%; float:right; text-align:left; font-size:15px; font-weight:400; color:#333; line-height:1.6em; word-wrap:break-word;}
body[class*="ie"] .area_history .detail > li{font-weight:300;}
.area_history .detail > li .year{display:block; margin:50px 0 30px 40px; color:#0c4da2; font-weight: 500; font-size: 20px;}
.area_history .detail > li .year:before{content:''; display:block; position:absolute; margin-top:11px; left:-2px; width:5px; height:5px; background-color:#0c4da2; border-radius:50%;}
.area_history .detail > li .year:after{content:''; display:block; position:absolute; margin-top:-22px; left:-10px; width:20px; height:20px; border:1px dotted #c5c5c5; border-radius:50%;}
.area_history .detail > li .desc{margin-left:40px;}
.area_history .detail > li .desc li{margin-bottom:8px; padding-left:14px;}
.area_history .detail > li .desc li:before{content:''; position:absolute; margin:11px 0 0 -14px; width:5px; height:2px; background-color:#eee;}
.area_history .detail > li .desc > .mgl{margin-left:28px;}
.area_history .detail > li:last-child{padding-bottom:220px;}

/* 인증서 */
.area_certificate{position:relative; width:80%; margin:0 auto 60px auto; overflow:hidden;}
.area_certificate:after{content:''; display:block; clear:both;}
.area_certificate li{float:left; position:relative; width:calc(100% / 4 - 23.1px); margin:0 30px 30px 0; text-align:center; color:#006995; font-size:16px; font-weight:400;}
.area_certificate li:nth-child(4n){margin-right:0;}
.area_certificate li img{display:block; width:100%; height:100%; margin-bottom:15px; padding:15px; border:1px solid #cdcdcd;}
.area_certificate li > span{display:block; padding:15px 0; background:url(../images/content/img_line.gif) repeat 50% 50%; border:2px solid #408bb5;} 

/* 오시는길 */
#map{height:600px;}
.txt_map{margin:0 auto 60px auto; width:100%; padding:30px 40px; text-align: center; font-size:16px; background-color:#fafafa;}
.txt_map span{display:inline-block; position: relative; width:140px; margin-right:10px; height:20px; line-height:20px; color:#2f2f2f; font-weight:500; text-transform:uppercase;}
.txt_map span:after{content:''; display:block; position:absolute; top:46%; right:0px; margin-right:20px; width:3px; height:3px; background-color:#ddd; border-radius:50%;}
.txt_map a{color:#424242 !important;}
.txt_map li{padding:10px 20px 10px 40px; margin-bottom:10px; display:block; color:#424242; font-weight:300; border-bottom:1px solid #ebebeb;}
.txt_map li:last-child{border:0;}