@charset "utf-8";

.sub .gnb_bg{background: url(../images/sub_gnb_bg.png) repeat-x 0 0;}

.sub_visual{width:100%; height:267px; background:#0085c3 url(../images/sub_visual_greeting.jpg) no-repeat 50% 0;}
.product .sub_visual{width:100%; height:267px; background:#0085c3 url(../images/sub_visual_product.jpg) no-repeat 50% 0;}
.branch .sub_visual{width:100%; height:267px; background:#0085c3 url(../images/sub_visual_branch.jpg) no-repeat 50% 0;}

.gall .sub_visual{width:100%; height:267px; background:#0085c3 url(../images/sub_visual_gall.jpg) no-repeat 50% 0;}

.customer .sub_visual{width:100%; height:267px; background:#0085c3 url(../images/sub_visual_customer.jpg) no-repeat 50% 0;}

.sub #content{width:1000px; margin:0 auto; background: url(../images/con_left_bg.jpg) repeat-y 0 0;}
.sub #content:after{content:""; display: block; clear:both;}

.sub #content .left{width:200px; float: left;}

.sub #content .left .lnb{padding-top:4px; padding-left:1px ; width:199px;}
.sub #content .left .lnb li{border-bottom:1px solid #d3d3d3;}
.sub #content .left .lnb li a{font-size:18px; line-height:46px; color:#505050; display: block; padding-left:19px; width:180px;}
.sub #content .left .lnb li.on a{color:#0082cd;}
.sub #content .left .lnb li a:hover{color:#0082cd;}

.sub #content .left .lnb li ul li{border-bottom:none;}
.sub #content .left .lnb li.on ul li a{color:#676767;}
.sub #content .left .lnb li ul li a{font-size:16px; line-height: 35px; color:#676767; display: block; padding-left:20px; width:179px; }
.sub #content .left .lnb li ul li.on a{color:#fff; background: url(../images/lnb_over.jpg) repeat-x 0 0;}
.sub #content .left .lnb li ul li a:hover{color:#fff; background: url(../images/lnb_over.jpg) repeat-x 0 0;}


.sub #content .right{width:800px; float: left; }


.sub #content .right .right_con{margin-left:54px; margin-top:44px; }

.sub #content .right .right_con h3{font-size: 32px; line-height: 32px; padding-bottom:8px; border-bottom:1px solid #c5c5c5; color:#313131; margin-bottom: 44px}
.sub #content .right .right_con h4{color:#7550ae; font-size: 27px; line-height: 27px;  margin-bottom:18px }
.sub #content .right .right_con h4 span{color:#b50051;}
/*greeting*/

.greeting #content .right .right_con .text1{font-size: 14.5px; line-height: 27px; color:#444; font-family:"NanumGothic", "나눔고딕" , sans-serif; margin-bottom:134px; background: url(../images/sub_bg.jpg) no-repeat 100% 95px; min-height: 602px}
.greeting #content .right .right_con .text1 span{color:#006bc6;}
/*history*/
.history .right_con{min-height: 1100px; }
.history #content .right .right_con .text1{font-family:"NanumGothic", "나눔고딕" , sans-serif;}
.history h4{text-align: center;}
.history .text1 .year_wrap{width:100%; position: relative;}
.history .text1 .year_wrap h5{width:61px; font-size:20px; line-height: 20px; font-weight: bold; color:#fff; text-align: center; position: absolute;}

.history .text1 .year2003{height:146px; margin-left:348px;  width:400px;}
.history .text1 .year2011{height:107px; }
.history .text1 .year2012{height:174px; }
.history .text1 .year2013{height:107px; }
.history .text1 .year2014{height:211px; }
.history .text1 .year2015{height:129px; }

.history .text1 .year2003 h5{background: url(../images/year_2003.png) no-repeat 0 0; padding-top:62px; height:84px; top:0; left:0;}
.history .text1 .year2011 h5{background: url(../images/year_2011.png) no-repeat 0 0; padding-top:24px; height:83px; top:0; left:348px;}
.history .text1 .year2012 h5{background: url(../images/year_2012.png) no-repeat 0 0; padding-top:24px; height:291px; top:0; left:348px;}
.history .text1 .year2013 h5{background: url(../images/year_2013.png) no-repeat 0 0; padding-top:24px; height:235px; top:0; left:348px;}
.history .text1 .year2014 h5{background: url(../images/year_2014.png) no-repeat 0 0; padding-top:24px; height:291px; top:0; left:348px;}
.history .text1 .year2015 h5{background: url(../images/year_2015.png) no-repeat 0 0; padding-top:24px; height:235px; top:0; left:348px;}
.history .text1 .dl_wrap{position: absolute;}

.history .text1 .dl_wrap dl:after{content:""; display: block; clear:both;}
.history .text1 .dl_wrap dl dt{font-size: 14.5px; line-height: 27px; color:#7550ae; font-weight: bold; width:26px; float: left;}
.history .text1 .dl_wrap dl dd{font-size: 14.5px; line-height: 27px; color:#444; float: left; width:280px;}

.history .text1 .dl_wrap1{width:301px; height:69px; background: url(../images/dl_box1.png) no-repeat 0 0; padding-left:49px; top:25px; left:50px; padding-top:15px;}
.history .text1 .dl_wrap2{width:334px; height:94px; background: url(../images/dl_box2.png) no-repeat 0 0;
 top:-25px; left:15px; padding-left:15px; padding-top:15px;
}
.history .text1 .dl_wrap3{width:301px; height:117px; background: url(../images/dl_box3.png) no-repeat 0 0;
padding-left:49px;  top:-30px; left:400px; padding-top:10px;
}
.history .text1 .dl_wrap1 dl dd{width: 260px;}
.history .text1 .dl_wrap3 dl dd{width: 260px;}
.history .text1 .dl_wrap7 dl dd{width: 260px;}
.history .text1 .dl_wrap4{width:334px; height:128px; background: url(../images/dl_box4.png) no-repeat 0 0;
 top:50px; left:15px;  padding-left:15px; padding-top:15px;
}
.history .text1 .dl_wrap5{width:319px; height:166px; background: url(../images/dl_box5.png) no-repeat 0 0;
padding-left:49px;  top:-63px; left:392px; padding-top:15px;
}
.history .text1 .dl_wrap6{width:334px; height:160px; background: url(../images/dl_box6.png) no-repeat 0 0;
 top:-59px; left:15px;  padding-left:15px; padding-top:15px;
}
.history .text1 .dl_wrap7{width:334px; height:70px; background: url(../images/dl_box7.png) no-repeat 0 0;
padding-left:30px;  top:78px; left:392px; padding-top:15px;
}
.history .text1 .dl_wrap8{width:334px; height:158px; background: url(../images/dl_box8.png) no-repeat 0 0;
 top:-58px; left:15px;  padding-left:15px; padding-top:15px;
}
.history .text1 .dl_wrap9{width:319px; height:96px; background: url(../images/dl_box9.png) no-repeat 0 0;
padding-left:30px;  top:65px; left:395px; padding-top:15px;
}


/*work*/
.work #content .right .right_con h4{line-height: 35px}
.work #content .text1{font-size: 14.5px; line-height: 27px; color:#444; margin-bottom: 38px}
.work #content h5{text-align: center; width:100%; font-size:16px; line-height: 16px; color:#006bc6; padding-bottom:13px; background: url(../images/h5_blue_line.png) no-repeat 0 23px; }
.work #content h5.bg_none{background: none;}
.work #content .dl_wrap{width:100%; text-align: center; height:264px; background: url(../images/gray_bottom.png) no-repeat 0 177px;}
.work #content .dl_wrap dl{display: inline-block; vertical-align: top;}
.work #content .dl_wrap dl dt{width:100%; height:208px;}
.work #content .dl_wrap dl dt img{width:100%;}
.work #content .dl_wrap dl dd{font-size:12px; line-height: 12px; color:#343434; text-align: center; }
.work #content .row5 dl{width:133px; }
.work #content .row4 dl{width:142px; }

.work #content .text2{font-size: 13px; line-height: 23px; color:#444; margin-bottom:47px;}
.work #content .text2 img{width:100%; display: block; margin-bottom:14px;}

.work #content .gray_box{width:700px; height:400px; border:1px solid #e1e1e1; background: #f4f4f4; padding:19px 21px;}

.work #content .gray_box .dl_wrap{background: none; height:220px;}
.work #content .gray_box .dl_wrap dt{height:184px;}
.work #content .gray_box .row5 dl{width:128px;}
.work #content .gray_box .row4 dl{width:112px;}
.work #content .gray_box .row4 dl dt{height:162px;}
.work #content .gray_box .row4 dl:last-child{width:348px;}

.work #content h5.gray_bg{font-size:16px; line-height:29px ; color:#fff; width:100%; background: #65686e; text-indent:13px; margin-bottom:9px; padding:0; text-align: left; margin-top:54px;}
.work #content .text3{font-size: 14px; line-height: 23px; color:#444; margin-bottom:17px;}

/*location*/
.location #content .right .right_con{font-family: "NanumGothic", "NanumBarunGothic", "Malgun Gothic", sans-serif;}
.location #content .right .right_con h4{text-align: center; font-family: "NanumBarunGothic", "NanumGothic", "Malgun Gothic", sans-serif;}
.location #content .text1{font-size: 14px; line-height: 21px; color:#656565; text-align:center; text-indent: 12px; margin-bottom:13px;}
.location #content .map_wrap{width:737px; height:557px; border:1px solid #d8d8d8; margin-bottom:34px;}
.location #content h5{background: url(../images/icon_green_spot.jpg) no-repeat 3px 0; padding-top:9px; text-indent:28px; padding-bottom:7px; border-bottom:1px solid #2dab68; font-size: 14px; line-height: 14px; color:#008570; font-weight: 600}
.location #content .text2{font-size: 13px; line-height: 20px; color:#555; margin-top:8px; margin-bottom:105px;}
.location #content .text2 span.font_blue{color:#0042d2;}
.location #content .text2 span.font_purple{color:#920783;}

/*intro*/
.intro .right_con .text1{background: url(../images/intro-bg.jpg) no-repeat 0 0; width:749px; height:698px; position: relative;}
.intro .right_con .text1 div{font-size:15px; line-height: 26px; text-align: center; color:#fff;}
.intro .right_con .text1_1{width:240px; position: absolute; top:86px; left:413px;}
.intro .right_con .text1_2{width:240px; position: absolute; top:315px; left:230px;}
.intro .right_con .text1_3{width:240px; position: absolute; top:429px; left:477px;}

.intro #content .right .right_con h4.gray{font-size: 20px; color:#454545; margin-bottom:8px; }
.intro .right_con .p_wrap{width:100%; height:166px; font-family: "NanumGothic", "NanumBarunGothic", "Malgun Gothic", sans-serif !important;}
.intro .right_con .p_wrap:after{content:""; display: block; clear:both;}
.intro .right_con .p_wrap p{float: left; width:178px; height:22px; margin-right:6px; padding-top:144px; text-align: center; color:#fff; font-size:14px; line-height: 14px; margin-bottom:27px;}
.intro .right_con .p_wrap p:last-child{margin-right:0;}
.intro .right_con .p_wrap p:nth-child(1){background: url(../images/intro-img1.png) no-repeat 0 0;}
.intro .right_con .p_wrap p:nth-child(2){background: url(../images/intro-img2.png) no-repeat 0 0;}
.intro .right_con .p_wrap p:nth-child(3){background: url(../images/intro-img3.png) no-repeat 0 0;}
.intro .right_con .p_wrap p:nth-child(4){background: url(../images/intro-img4.jpg) no-repeat 0 0;}

.intro .right_con .text3{text-align: center; line-height: 35px; font-size:17px; color:#444; margin-bottom:40px;  font-family: "NanumGothic", "NanumBarunGothic", "Malgun Gothic", sans-serif !important;}
.intro .right_con .text3 span{font-size: 22px}
.intro .right_con .text3 .font_orange{color:#e96900;}
.intro .right_con .text3 .font_green{color:#62ab2f;}
.intro .right_con .text3 .font_blule{color:#0042d2;}
.intro .right_con .text3 .font_purple{color:#5822ac;}
.intro .right_con .text3 .font_pink{color:#e4007f;}


/*composition*/
.composition .tab_menu {width:100%; margin-bottom:43px;}
.composition .tab_menu{width:100%; height:82px;}
.composition .tab_menu:after{content:""; display: block; clear:both;}
.composition .tab_menu li {text-align:center; float: left; width:178px; height:31px; line-height: 31px; margin-right:8px; margin-bottom:7px;}
.composition .tab_menu li:nth-child(4n){margin-right:0;}
.composition .tab_menu li.m_r_0{margin-right:0;}
.composition .tab_menu .tit {display:block;color:#888;cursor:pointer;  width:178px; height:31px; line-height: 31px; background: url(../images/tab_off.jpg) no-repeat 0 0; font-size:13px; color:#fff;}
.composition .tab_menu .on .tit {color:#fff;background:url(../images/tab_on.jpg) no-repeat 0 0; color:#252525;}
.composition .tab_cont {width:100%; margin-bottom:200px;}
.composition #content .right .right_con h4{font-size:23px; line-height:23px; padding-bottom:8px; border-bottom:1px solid #7550ae; color:#7550ae; margin-bottom:5px;}
.composition .tab_cont .cont_txt{font-size:15px; line-height: 25px; color:#6c6c6c; padding-left:3px; width:747px;}
.composition .tab_cont .cont:nth-child(1) .cont_txt{margin-bottom:43px;}
.composition .tab_cont .cont:nth-child(2) .cont_txt{margin-bottom:30px;}
.composition .tab_cont .cont:nth-child(3) .cont_txt{margin-bottom:43px;}
.composition .tab_cont .cont:nth-child(4) .cont_txt{margin-bottom:43px;}
.composition .tab_cont .cont:nth-child(5) .cont_txt{margin-bottom:43px;}
.composition .tab_cont .cont:nth-child(6) .cont_txt{margin-bottom:30px;}
.composition .tab_cont .cont:nth-child(7) .cont_txt{margin-bottom:30px;}
.composition .tab_cont .cont:nth-child(8) .cont_txt{margin-bottom:43px;}


/*edu*/
.edu .text1{width:100%; height:744px; background: url(../images/edu_bg1.jpg) no-repeat 0 0; position: relative;}
.edu #content .right .right_con .text1 div{position: absolute; font-size:14px; line-height: 21px; color:#fff; font-family: "NanumGothic", "NanumBarunGothic", "Malgun Gothic", sans-serif; }
.edu #content .right .right_con h4{font-size:18px; line-height: 23px; margin:0; padding:0; color:#fff;}
.edu .text1 div{ width:230px;}
.edu .text1 .text1_1{top:69px; left:118px;}
.edu .text1 .text1_2{top:153px; left:447px;}
.edu .text1 .text1_3{top:217px; left:60px; color:#423e3b !important; width:300px;}
.edu .text1 .text1_3 h4{color:#423e3b !important;}
.edu .text1 .text1_4{top:315px; left:424px; width:240px;}
.edu .text1 .text1_5{top:370px; left:118px; }



.edu .text2{width:673px; height:557px; background: url(../images/edu_bg2.jpg) no-repeat 0 0; padding:73px 38px 33px 38px; margin-bottom:100px;}
.edu .text2 .sub_h5{font-size: 15px; line-height: 15px; color:#143e99; margin-bottom:11px;}
.edu .text2 h5{font-size: 22px; line-height: 22px; color:#e4007f; margin-bottom:13px;}
.edu .text2 p{font-size: 14px; line-height: 20px; color:#555;}
.edu .text2 .text2_1{margin-bottom:86px;}

/*caution*/
.caution #content .right .right_con .text1 h5.bg_blue{width:100%; font-size: 18px; line-height:30px; height:30px; color:#006bc6;text-indent: 14px; margin-bottom:8px; font-family: "NanumGothic", "NanumBarunGothic", "Malgun Gothic", sans-serif; background: #ddeefa;}
.caution #content .right .right_con .text1{margin-bottom:50px; position: relative;}
.caution #content .right .right_con .text1 ul{margin-bottom: 27px; width:100%;}
.caution #content .right .right_con .text1 ul li{font-size: 14.5px; line-height: 27px; color:#444; font-family: "NanumGothic", "NanumBarunGothic", "Malgun Gothic", sans-serif; padding-left:19px; text-indent: -19px; width:730px; z-index: 2}
.caution #content .right .right_con .text1 .font_pink{color:#e4007f; font-size: 18px}
.caution #content .right .right_con .text1 .font_blue{color:#143e99; font-weight: 600; font-size: 18px}
.caution #content .right .right_con .text1 .img_box{position: absolute; top:300px; z-index: 1}
.caution #content .right .right_con .text2{padding-bottom:500px;}


/*domestic*/
.domestic #content .right .right_con h4{color:#00a5bd; font-size:20px; line-height: 20px; width:100%; text-align: center; margin-bottom: 25px}
.domestic #content .right .right_con h4 span{font-size:27px; color:#00a5bd; }
.domestic .con_text .text1{background: url(../images/domestic_bg.jpg) no-repeat 0px 0; padding-left:543px; margin-bottom:100px; height:612px; padding-top:18px}
.domestic .con_text .text1 ul{width:164px; padding:9px 0 0 30px; border:1px solid #dfdfdf; background: #f2fafa; height:555px; border-radius: 5px}
.domestic .con_text .text1 ul li{font-size: 14px; line-height: 26px; color:#4c4c4c;}
.domestic .con_text .text1 ul li:nth-child(2n){color:#399ba5;}

/*overseas*/
.overseas #content .right .right_con h4{color:#00a5bd; font-size:20px; line-height: 20px; width:100%; text-align: center; margin-bottom: 25px}
.overseas #content .right .right_con h4 span{font-size:27px; color:#00a5bd; }
.overseas .con_text .text1{ margin-bottom:100px; width:100%; position:relative;}

.overseas .point{position:absolute; width:50px; height:50px;cursor:pointer;  display: block;}
.overseas .point1{top:135px; left:50px; width:100px}
.overseas .point2{top:150px; right:100px; width:130px}
.overseas .point3{top:200px; right:0px; height:30px; width:100px}
.overseas .point4{top:240px; right:0px; height:30px; width:100px}
.overseas .point5{top:240px; right:150px; height:30px; width:100px;}
.overseas .point6{top:290px; right:150px; height:30px; width:130px;}
.overseas .point7{top:80px; right:100px; height:30px; width:130px;}

.overseas .point_box{position:absolute;display:none;}
.overseas .point_box1{top:-30px; left:10px;}
.overseas .point_box2{top:-30px; right:0px;}
.overseas .point_box3{top:0px; right:-100px;}
.overseas .point_box4{top:250px; right:-100px;}
.overseas .point_box5{top:30px; right:80px;}
.overseas .point_box6{top:290px; right:00px;}
.overseas .point_box7{top:80px; right:100px;}

/*gall*/
.gall #content .right .right_con{padding-bottom:150px;}

/*customer*/
.customer #content .right .right_con{padding-bottom:150px;}




/*sitemap*/

.sitemap #content .text_wrap{width:746px; margin:40px 0 0 0; }
.sitemap #content .text_wrap .text1:after{content:""; display:block; clear:both}
.sitemap #content .text_wrap dl{width:170px; float:left; border:1px solid #d4d4d5; margin-right:10px; height:220px; margin-bottom:20px}
.sitemap #content .text_wrap dl dt a{text-align:center; line-height:40px; font-size:25px; color:#fff; background:#19b0e9; display:block;}
.sitemap #content .text_wrap dl dd a{border-bottom:1px dotted #d4d4d5; line-height:35px; font-size:18px; color:#3f3d3d ; text-align:center; display:block;}
.sitemap #content .text_wrap dl dd:last-child a{border-bottom:none}