@charset "utf-8";
/* CSS Document */

/*기본화면-화면 너비값이 제일 작을 때*/
/*서브비주얼*/
.sv{color: #fff;padding: 127px 0 60px;text-align: center;text-shadow: 0px 0px 5px rgba(0,0,0,0.3)}
.sv.sv1{background: url(../images/sub/sv1.jpg)no-repeat center/cover}
.sv.sv2{background: url(../images/sub/sv2.jpg)no-repeat center/cover}
.sv.sv3{background: url(../images/sub/sv3.jpg)no-repeat center/cover}
.sv.sv4{background: url(../images/sub/sv4.jpg)no-repeat center/cover}
.sv.sv5{background: url(../images/sub/sv5.jpg)no-repeat center/cover}
.sv.sv6{background: url(../images/sub/sv6.jpg)no-repeat center/cover}
.svTit h2{line-height: 1em;font-size: 24px}

/*서브네비*/
.location_m{padding: 15px;background: #333}
.location_m ul:after{content: ""; display: block; clear: both}
.location_m li{font-size: 13px;float: left;padding-right: 10px;color: #fff;}

/*서브 레이아웃*/
.content{padding: 40px 15px 65px}
.content.map{padding: 40px 15px 0}
.space{margin-bottom: 40px}
.blue{color: #2a73f4}
.subtit{text-align: center;position: relative;border-bottom: 1px solid #d7d7d7;margin-bottom: 20px}
.subtit h3{display: inline-block;font-size: 26px;line-height: 26px;padding-bottom: 15px}
.subtit h3 span{border-bottom: 2px solid #2a73f4;line-height: 26px;padding: 0 15px 9px}
.subtit a{position: absolute;top: 0;}
.subtit a.prev{left: 0}
.subtit a.next{right: 0}
.subtit a img{height: 30px}
.subcopy{text-align: center;margin-bottom: 30px}
.subcopy p{color: #2a73f4;margin-bottom: 20px}
.subcopy h3{font-size: 18px;line-height: 1.3em}
.sub_img{margin-bottom: 20px}
.sub_img img{width: 100%}
.subtitmin{font-size: 17px;font-weight: 600;margin-bottom: 10px;position: relative;padding: 5px 0 5px 37px;line-height: 1.1em}
.subtitmin img{width: 30px;margin-right: 8px;position: absolute;top: 0;left: 0;}

/*연혁*/
.his_list{margin-top: -15px}
.his_list div{position: relative;border-bottom: 1px dotted #c7c7c9;padding: 15px 0}
.his_list h4{position: absolute;top: 15px;left: 0;color: #2a73f4;font-size: 18px}
.his_list ul{padding-left: 70px}
.his_list ul li{margin-bottom: 10px;line-height: 1.2em}
.his_list ul li:last-child{margin-bottom: 0}

/*인사말*/
.ceo_img{text-align: center;}
.ceo_img img{max-width: 100%}
.ceo_txt{line-height: 1.4em;margin-top: 30px}
.sign{margin-top: 20px;text-align: right}
.sign *{vertical-align: bottom}

/*메인섹션3*/
.mcTit{margin-bottom: 20px;text-align: center}
.mcTit h4{font-size: 24px;margin-bottom: 8px;line-height: 1em}
.mcTit p{font-weight: 300;}
.m_c_l{margin-bottom: 30px}
.mcltxt{border-top:1px dotted #c7c7c9;padding: 15px 0;font-weight: 300; line-height: 1.4em}
.mcllist li{border-top: 1px dotted #c7c7c9;padding: 15px 0;line-height: 20px;position: relative;padding-left: 27px;}
.mcllist li span{display: inline-block;width: 20px; height: 20px; text-align: center; font-size: 10px;color: #fff;background: #ffa630; border-radius: 50%;position: absolute;left: 0;top: 15px;line-height: 20px}

.mcrfrom{text-align: center;margin-bottom: 40px}
.mcrfrom label{display: none}
.mcrfrom input{width: 100%;margin-bottom: 7px;box-sizing: border-box; padding: 10px;border:1px solid #d7d7d7;border-radius: 3px;}
.mcrfrom textarea{width: 100%;padding: 10px;box-sizing: border-box;margin-bottom: 20px;border:1px solid #d7d7d7;border-radius: 3px;}
.sub_btn{display: inline-block;padding: 12px 0;width: 100%;background: #ffa630;color: #fff;font-weight: 600;text-shadow: 0px 0px 3px rgba(0,0,0,0.15)}
.sub_btn:hover{opacity: 0.85}
.root_daum_roughmap {width: 100% !important;}

/*표*/
.chart_table				{width:100%;border-collapse:separate;*border-collapse:collapse;border-spacing:0;table-layout:fixed;border-top: 2px solid #333}
.chart_table th 		{padding:15px 10px; margin:0; color:#333; border-bottom:#d7d7d7 1px solid; text-align: center; line-height: 1.3em; letter-spacing: -0.5px;font-size: 14px;font-weight: 400;background: #f7f7f7}
.chart_table thead th{border-right: 1px solid #d7d7d7}
.chart_table td 		{padding:12px 2px; background:#fff; border-bottom:#d7d7d7 1px solid; line-height:1.5em;font-weight: 300;text-align: center;color: #444;border-right: 1px solid #d7d7d7;font-size: 13px}
.chart_table .no		{border-right: 0}
.chart_table .left		{text-align: left}
.chart_table .right		{text-align: right}
.chart_table tbody td a{display: block;text-align: left;color: #444}
.chart_table tbody td a:hover{color: #000}
.chart_table td li{padding-left: 7px;background: url(../images/main/list_style.jpg)no-repeat 0 8px}
.tail{line-height: 1.4em;font-size: 13px}
.long-chart{overflow: auto}
.long-chart table{min-width: 700px}
.chart_table tbody .bg_blue{background: #fffcf0}

/*탭*/
.tab{margin-bottom: 40px;}
.tab ul{border-bottom: 1px solid #d7d7d7;border-right: 1px solid #d7d7d7;}
.tab li{border-left: 1px solid #d7d7d7;border-top: 1px solid #d7d7d7}
.tab li a{text-align: center;display: block;padding: 12px 0;line-height: 1em;color: #666}
.tab li.on a{font-weight: bold;color: #fff; background: #2a73f4}
.tab li:hover{background: #ddd}
.tab li.on a:hover{font-weight: bold;color: #fff; background: #2a73f4}
.view{display: none}
#view1{display: block}

.pro_tit{color: #fff}
.pt1{background: url(../images/sub/pro_tit_img1.jpg)no-repeat center/cover}
.pt2{background: url(../images/sub/pro_tit_img2.jpg)no-repeat center/cover}
.pt3{background: url(../images/sub/pro_tit_img3.jpg)no-repeat 0 50%/cover}
.pt4{background: url(../images/sub/pro_tit_img4.jpg)no-repeat center/cover}
.pro_tit_txt{background: rgba(12,77,162,0.85); padding: 30px 15px}
.pro_tit_txt span{display: block;text-align: center;font-weight: 600;margin-bottom: 10px;}
.pro_tit_txt h4{text-align: center; background: rgba(255,255,255,0.9);border-radius: 3px;color: #222;letter-spacing: 5px;font-size: 32px;line-height: 1em;padding: 12px 0;margin-bottom: 15px}
.pro_tit_txt p{line-height: 1.5em;text-align: justify;letter-spacing: -0.3px;}

/*리스트*/
.list{padding: 20px 15px;border-bottom:#d7d7d7 1px solid;border-top: 2px solid #333;background: url(../images/sub/box1Bg.png) no-repeat 100% 100% #fbfbfc}
.list h5{line-height: 1.2em;color: #000;font-weight: 600;font-size: 15px;letter-spacing: -0.3px;margin-bottom: 10px}
.list li{padding-left: 7px;background: url(../images/main/list_style.jpg)no-repeat 0 8px;line-height: 1.3em;margin-bottom: 5px;color: #444;font-weight: 300;}
.list li br{display: none}
.leg{line-height: 1.4em;color: #444;font-weight: 300;}
.list li strong{font-weight: 600;color: #000}
.list p{line-height: 1.5em;color: #444;font-weight: 300;}
.list p br{display: none}

/*시설안내*/
.service_img{padding-top: 30px}
.service_img div{text-align: center}
.service_img div:nth-child(1){margin-bottom: 40px}
.service_img div img{margin-bottom: 15px; max-width:100%;}
.service_img div p{font-weight: 600;}

/* 기본화면끝 */

@media screen and (min-width:768px){
    .sv{padding: 167px 0 100px;}
    .svTit h2{font-size: 40px}
    
    /*서브네비*/
    .location{background: #333}
    .location ul{border-left: 1px solid #555}
    .location ul:after{content: ""; display: block; clear: both}
    .location .l1>li{float: left; border-right: 1px solid #555; width: 200px;position: relative}
    .location .l1>li:last-child{width: 260px}
    .location .l1>li.home{width: 59px;}
    .location .l1>li>a{display: block;line-height: 58px;padding-left: 30px;background: url(../images/sub/open_sub_nav.jpg)no-repeat 100% 50%; font-size: 16px;color: #fff}
    .location .l1>li.home>a{color: #d9d9d9;background: none;padding: 0;text-align: center}
    .location .l2{position: absolute; left: -1px; top: 58px;width: 100%; background: #f5f6f7;z-index: 400; border: 1px solid #d7d7d7;padding: 10px 0; display: none;}
    .location .l2 li a{display: block; line-height: 2.7em; padding-left: 20px;font-size: 15px}
    .location .l2 li a:hover{background: #eaebeb;color: #2a73f4}
    
    
    /*서브 레이아웃*/
    .content{padding: 50px 30px 90px}
    .content.map{padding: 50px 30px 0}
    
    /*연혁*/
    .his_img{float: left;width: 25%}
    .his_list{float: right;width: 70%}
    
    /*표*/
    .chart{padding: 0;}
    .chart_table{}
    .tail{font-size: 14px}
    
    .pro_tit_txt{float: right;width: 300px}
    .pro_tit_txt p{height: 105px}
    
    /*리스트*/
    .list li{float: left;width: 50%;box-sizing: border-box}
    .list p br{display: block}

    /*시설안내*/
    .service_img{}
    .service_img div{width:33.33%;float: left;}
	.service_img.serB div{width:50%;}
    .service_img div:nth-child(1){margin-bottom: 0}
	.service_img div img{max-width:100%;}
}
/*768px끝*/

@media screen and (min-width:1000px){
    
        /*서브 레이아웃*/
    .sv.sv1{background: url(../images/sub/sv1.jpg)no-repeat 50% 0 fixed}
    .sv.sv2{background: url(../images/sub/sv2.jpg)no-repeat 50% 0 fixed}
    .sv.sv3{background: url(../images/sub/sv3.jpg)no-repeat 50% 0 fixed}
    .sv.sv4{background: url(../images/sub/sv4.jpg)no-repeat 50% 0 fixed}
    .sv.sv5{background: url(../images/sub/sv5.jpg)no-repeat 50% 0 fixed}
    .sv.sv6{background: url(../images/sub/sv6.jpg)no-repeat 50% 0 fixed}
    
    .sv{padding: 187px 0 100px;}
    
    /*인사말*/
    .ab1_txt p{height: 57px}
    
    /*메인섹션3*/
    .m_c_l{width: 48%; float: left;}
    .m_c_r{width: 48%; float: right;}
    .sub_btn{width: 200px}
    
    /*탭*/
    .tab ul{display: table;width: 100%;table-layout: fixed}
    .tab li{display: table-cell; text-align: center;background: #f5f5f5;vertical-align: middle;letter-spacing: -0.3px;}
    .tab li a{display: block;color: #666;line-height: 30px}
    .tab li.on{border-top: 2px solid #2a73f4}
    .tab li.on a{background: #fff}
    .tab li.on a{font-weight: 600;color: #333}
    .tab li.on a:hover{color: #333; background: #fff}
    
} /*1000px끝*/

@media screen and (min-width:1200px){
    .sv{padding: 220px 0 120px;}
    .svTit h2{font-size: 40px}
    
        /*서브 레이아웃*/
    .content{padding: 70px 0 120px}
    .content.map{padding: 70px 0 0}
    .space{margin-bottom: 60px}
    .subtit{margin-bottom: 30px}
    .subtit h3{font-size: 40px;line-height: 40px;padding-bottom: 30px}
    .subtit h3 span{line-height: 40px;padding-bottom: 22px}
    .subtit a.prev{left: 5px}
    .subtit a.next{right: 5px}
    .subtit a img{height: auto}
    .subcopy{margin-bottom: 60px}
    .subcopy p{margin-bottom: 50px;font-size: 18px}
    .subcopy h3{font-size: 36px;letter-spacing: -0.6px}
    .subtitmin{font-weight: 600;font-size: 22px;padding: 6px 0 6px 44px}
    .subtitmin img{width: auto;}

    /*연혁*/
    .his_img{width: 340px}
    .his_list{width: 700px}
    .his_list{margin-top: -20px}
    .his_list div{padding: 30px 0}
    .his_list h4{top: 25px;left: 0;font-size: 24px;line-height: 1em}
    .his_list ul{padding-left: 82px}
    .his_list ul li{margin-bottom: 20px;line-height: 1em;font-size: 17px}
    .his_list ul li:last-child{margin-bottom: 0}

    /*인사말*/
    .ceo_txt{margin-top: 40px;font-size: 16px;line-height: 1.8em;color: #333}
    .ceo_txt p{width: 48%;float: left;letter-spacing: -0.7px}
    .ceo_txt p:nth-child(1){margin-right: 4%}
    .ceo_txt .sign{margin-top: 40px;text-align: right;width: 100%}
    .sign *{vertical-align: bottom}

    /*메인섹션3*/
    .mcTit{margin-bottom: 30px;text-align: left}
    .mcTit h4{font-size: 32px}
    .mcTit p{margin-top: 12px;font-size: 16px;line-height: 1em}
    .m_c_l{margin-bottom: 0}
    .mcltxt{padding: 25px 0;font-size: 16px;text-align: justify}
    .mcllist li{padding: 25px 0 25px 27px;line-height: 1em;font-weight: 300; font-size: 18px;letter-spacing: -0.85px}
    .mcllist li span{top: 25px}
    
    .mcrfrom{margin-bottom: 70px}
    .mcrfrom input{margin-bottom: 10px;padding: 17px;font-size: 15px}
    .mcrfrom textarea{padding: 17px;margin-bottom: 30px;font-size: 15px}
    .m_c_l{width: 510px; float: left;}
    .m_c_r{width: 510px; float: right;}
    .sub_btn{font-size: 18px;line-height: 1em;padding: 15px 0;width: 240px}
    
    /*표*/
    .chart_table th{font-size: 16px;font-weight: 500}
    .chart_table td{font-size: 15px;padding: 12px 7px}
    .chart_table td li{padding-left: 10px}
    
    /*탭*/
    .tab{margin-bottom: 50px}
    .tab li a{line-height: 35px;font-size: 17px;}
    
    .pro_tit_txt{padding: 50px 20px;width: 320px}
    .pro_tit_txt span{margin-bottom: 15px;font-size: 18px}
    .pro_tit_txt h4{letter-spacing: 7px;font-size: 36px;line-height: 1em;padding: 27px 0;margin-bottom: 23px}
    .pro_tit_txt p{line-height: 34px;background: url(../images/sub/line.png);font-size: 16px;height: 171px}

    /*리스트*/
    .list{padding: 30px 35px}
    .list h5{font-size: 16px;margin-bottom: 15px}
    .list li{padding-left: 10px;font-size: 16px;line-height: 1.4em}
    .list li strong{font-weight: 500}
    .list li br{display: block}
    .list p{font-size: 16px;line-height: 1.5em}

    /*시설안내*/
    .service_img{padding: 60px 35px 0}
    .service_img div img{margin-bottom: 25px}
    .service_img div p{font-size: 16px}
    
} /*1200px끝*/







/*190213_추가*/

.clearfix:after{display:block;clear:both;content:".";visibility:hidden;height:0;}
.clearfix{display:block;}

.company_logo{margin-top:60px;}
.company_logo ul{text-align:center;margin-top:20px;}
.company_logo ul li{display:inline-block;float:left;width:20%;}
.company_logo ul li a{}
.company_logo ul li a img{max-width:100%;}
.company_logo ul li a p{margin-top:40px;}

@media screen and (max-width:920px){
	.company_logo ul li{width:33.33%;margin-bottom:60px;}
	.company_logo ul li:nth-child(4), .company_logo ul li:last-child{margin-bottom:0;}

}

@media screen and (max-width:715px){
	.company_logo{margin-top:40px;margin-bottom:50px;}
	.company_logo ul li{width:50%;}
	.company_logo ul li:nth-child(4){margin-bottom:50px;}
	.company_logo ul li:last-child{clear:left;}

}

@media screen and (max-width:470px){
	.company_logo{margin-top:10px;}
	.company_logo ul li{width:100%;display:block;float:none;border-bottom:1px dotted #f1f1f1;margin:0;padding:30px 0;}
	.company_logo ul li:nth-child(3) img{margin-top:-5px;}
	.company_logo ul li:nth-child(4){margin-bottom:0;}
	.company_logo ul li:last-child{border:0;}
}



.business_img{margin-top:60px;}
.business_img .img_box{text-align:center;}
.business_img .img01{display:inline-block;width:450px;border-right:1px dotted #d7d7d7;padding-right:14px;margin-right:12px;}
.business_img .img02{display:inline-block;width:450px;}
.business_img img{max-width:100%;}


@media screen and (max-width:1008px){
	.business_img .img01{width:48%;}
	.business_img .img02{width:48%;}
}

@media screen and (max-width:841px){
	.business_img .img01{padding-right:10px;margin-right:8px;}
}

@media screen and (max-width:611px){
	.business_img .img01{width:47%;}
	.business_img .img01{width:47%;}
}

@media screen and (max-width:510px){
	.business_img .img01{width:100%;display:block;padding:0;margin:0;border:0;}
	.business_img .img02{width:100%;display:block;border:0;margin-top:10px;}
}

.service3_img .img_box{text-align:center;}
.service3_img .paper{max-width:100%;display:inline-block;width:40%;border-right:1px dotted #d7d7d7;padding-right:20px;margin-right:18px;}
.service3_img .paper:last-child{padding:0;margin:0;border:0;}

@media screen and (max-width:786px){
	.service3_img .paper{padding-right:16px;margin-right:14px;}
}

@media screen and (max-width:624px){
	.service3_img .paper{width:46%;}
}
@media screen and (max-width:479px){
	.service3_img .paper{width:100%;display:block;border:0;margin:0 0 20px 0;padding:0;}
}