.s_visual{background:url('/base/img/images/sub/s1_visual.jpg') no-repeat center /cover}
.sub1 .s_visual{background:url('/base/img/images/sub/s1_visual.jpg') no-repeat center /cover}
.sub2 .s_visual{background:url('/base/img/images/sub/s2_visual.jpg') no-repeat center /cover}
.sub3 .s_visual{background:url('/base/img/images/sub/s3_visual.jpg') no-repeat center /cover}
.sub4 .s_visual{background:url('/base/img/images/sub/s4_visual.jpg') no-repeat center /cover}
.sub5 .s_visual{background:url('/base/img/images/sub/s5_visual.jpg') no-repeat center /cover}
.sub6 .s_visual{background:url('/base/img/images/sub/s6_visual.jpg') no-repeat center /cover}


.sec1:after,
.sec2:after,
.sec3:after,
.sec4:after,
.sec5:after{display:block;content:'';clear:both}


.s_cate .grid5 li{width:20%}
.s_cate .grid4 li{width:25%}
.s_cate .grid3 li{width:33.33%}
.s_cate .grid2 li{width:50%}

.s_table{width:100%;border-collapse:collapse}
.s_table th,
.s_table td{border:1px solid #ddd}



/*pc*/
@media all and (min-width:1024px) {
.s_visual{position:relative;height:350px}
.s_visual h2{position:absolute;width:100%;font-size:48px;color:#fff;text-align:center;top:40%}


.s_cate{position:relative;top:-60px;height:60px;line-height:60px;background:rgba(0,0,0,0.5)}
.s_cate ul{border-right:1px solid rgba(255,255,255,0.2)}
.s_cate ul li{float:left;width:100%;border-left:1px solid rgba(255,255,255,0.2)}
.s_cate ul li a{display:block;color:#fff;text-align:center;font-size:17px}
.s_cate ul li.on {background:#fff}
.s_cate ul li.on a{color:#333;font-weight:400;}


.s_content{padding:30px 0}


.h3_tit{font-size:38px;text-align:center;font-weight:400;}
.h3_add{width:50%;margin:20px auto;font-weight:300;text-align:center;margin-bottom:60px}

.h4_tit{font-size:32px;margin:0 0 50px}
.h4_tit b{font-size:32px;font-weight:700;}

.p_t1{margin:40px 0 0 0}

/*°³º°ÆäÀÌÁö*/
.sub1_1 .sec1 .con1{float:left;width:45%}
.sub1_1 .sec1 .con2{float:right;width:55%;padding-left:5%}
.sub1_1 .sec1 .con2 .slogan{font-size:38px;margin:50px 0 50px;line-height:1.3;color:#222;font-weight:400;letter-spacing : -1px}
.sub1_1 .sec1 .con2 .desc{line-height:1.8}
.sub1_1 .sec1 .con2 .ceo{margin-top:100px;text-align:right;color:#111}
.sub1_1 .sec1 .con2 .ceo b{font-size:32px;font-weight:400;margin-left:10px}


.sub1_2 .sec1{text-align:center}
.sub1_2 .sec2{background:#f8f8f8;padding:80px 0;margin:100px 0 0}



.sub1_4 .sec1 .container{background:#f8f8f8}
.sub1_4 .sec1 .con1{float:left;width:50%}
.sub1_4 .sec1 .con2{float:right;width:50%;padding:50px 0}
.sub1_4 .sec1 .con2 h3{text-align:center;margin:30px 0 80px}
.sub1_4 .sec1 .con2 h3 span{display:inline-block;font-size:42px;border-bottom:2px solid #000;line-height:80px;}
.sub1_4 .sec1 .con2 .inner{width:80%;margin:50px auto}
.sub1_4 .sec1 .con2 .address{margin-bottom:50px}
.sub1_4 .sec1 .con2 .traffic{padding:10px 0;padding-left:100px;min-height:100px;margin-bottom:10px}
.sub1_4 .sec1 .con2 .traffic.s1{background:url('/base/img/images/sub/ico_subway.png') no-repeat 0 0}
.sub1_4 .sec1 .con2 .traffic.s2{background:url('/base/img/images/sub/ico_bus.png') no-repeat 0 0}


.sub2_1 .sec1{text-align:center;padding:0 0 20px}
.sub2_1 .sec1 h3{font-size:38px;font-weight:400;}
.sub2_1 .sec1 .add{width:50%;margin:20px auto;font-weight:300}

.sub2_1 .sec2{background:#f8f8f8;padding:50px 0}
.sub2_1 .sec2 .con1{float:left;width:40%;margin-top:100px}
.sub2_1 .sec2 .con1 h4{font-size:32px;}
.sub2_1 .sec2 .con1 p{padding-left:60px;margin:20px 0}
.sub2_1 .sec2 .con2{float:right;width:50%;text-align:center}

.sub2_1 .sec3{margin:100px 0}
.sub2_1 .sec3 h4{font-size:32px}
.sub2_1 .sec3 ol{margin:50px 0;margin-left:-4%}
.sub2_1 .sec3 ol > li{float:left;position:relative;width:21%;margin-left:4%;border:1px solid #ccc;padding:40px 40px;min-height:310px}
.sub2_1 .sec3 ol > li:before{display:block;content:'¢º';position:absolute;left:-13%;top:48%;font-size:20px;color:#111}
.sub2_1 .sec3 ol > li:first-child:before{display:none}
.sub2_1 .sec3 ol > li dt{text-align:center;font-size:24px;font-weight:500;margin-bottom:30px}
.sub2_1 .sec3 ol > li dd{position:relative;margin:20px 0;font-size:18px;margin-left:40px;letter-spacing:-1px}
.sub2_1 .sec3 ol > li dd b{display:inline-block;position:absolute;left:-40px;width:30px;height:30px;line-height:30px;background:#333;color:#fff;border-radius:50%;text-align:center;font-size:16px;}

.sub2_1 .sec4{margin:100px 0 0}
.sub2_1 .sec4 h4{font-size:32px;margin:50px 0}
.sub2_1 .sec4 h4 span{font-size:20px;font-weight:400}
.sub2_1 .sec4 .s_table{}
.sub2_1 .sec4 .s_table th{background:#f7f7f7}
.sub2_1 .sec4 .s_table .t1{width:7%}
.sub2_1 .sec4 .s_table .t2{width:15%}
.sub2_1 .sec4 .s_table .t3{width:27%}
.sub2_1 .sec4 .s_table th,
.sub2_1 .sec4 .s_table td{text-align:center;padding:18px 10px;font-size:16px}
.sub2_1 .sec4 .s_table td:nth-child(3){text-align:left;padding-left:60px}

.sub2_3 .sec1{text-align:center;padding:0 0 20px}
.sub2_3 .sec1 h3{font-size:38px;font-weight:400;}
.sub2_3 .sec1 .add{width:50%;margin:20px auto;font-weight:300}

.sub2_3 .sec2{background:#f8f8f8;padding:50px 0}
.sub2_3 .sec2 .con1{float:left;width:40%;margin-top:100px}
.sub2_3 .sec2 .con1 h4{font-size:32px;}
.sub2_3 .sec2 .con1 p{padding-left:60px;margin:20px 0}
.sub2_3 .sec2 .con2{float:right;width:50%;text-align:center}

.sub2_3 .sec3{margin:100px 0}
.sub2_3 .sec3 h4{font-size:32px}
.sub2_3 .sec3 ol{margin:50px 0;margin-left:-4%}
.sub2_3 .sec3 ol > li{float:left;position:relative;width:21%;margin-left:4%;border:1px solid #ccc;padding:40px 40px;min-height:310px}
.sub2_3 .sec3 ol > li:before{display:block;content:'¢º';position:absolute;left:-13%;top:48%;font-size:20px;color:#111}
.sub2_3 .sec3 ol > li:first-child:before{display:none}
.sub2_3 .sec3 ol > li dt{text-align:center;font-size:24px;font-weight:500;margin-bottom:30px}
.sub2_3 .sec3 ol > li dd{position:relative;margin:20px 0;font-size:18px;margin-left:40px;letter-spacing:-1px}
.sub2_3 .sec3 ol > li dd b{display:inline-block;position:absolute;left:-40px;width:30px;height:30px;line-height:30px;background:#333;color:#fff;border-radius:50%;text-align:center;font-size:16px;}

.sub2_3 .sec4{margin:100px 0 0}
.sub2_3 .sec4 h4{font-size:32px;margin:50px 0}
.sub2_3 .sec4 h4 span{font-size:20px;font-weight:400}
.sub2_3 .sec4 .s_table{}
.sub2_3 .sec4 .s_table th{background:#f7f7f7}
.sub2_3 .sec4 .s_table .t1{width:7%}
.sub2_3 .sec4 .s_table .t2{width:15%}
.sub2_3 .sec4 .s_table .t3{width:27%}
.sub2_3 .sec4 .s_table th,
.sub2_3 .sec4 .s_table td{text-align:center;padding:18px 10px;font-size:16px}
.sub2_3 .sec4 .s_table td:nth-child(3){text-align:left;padding-left:60px}


}


/*mobile*/
@media all and (max-width:1023px) {
.s_visual{position:relative;height:250px}
.s_visual h2{position:absolute;width:100%;font-size:28px;color:#fff;text-align:center;top:40%}


.s_cate{position:relative;top:-40px;height:40px;line-height:40px;background:rgba(0,0,0,0.5);width:98%;margin:0 auto}
.s_cate ul{border-right:1px solid rgba(255,255,255,0.2)}
.s_cate ul li{float:left;width:100%;border-left:1px solid rgba(255,255,255,0.2)}
.s_cate ul li a{display:block;color:#fff;text-align:center;font-size:14px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;padding:0 5px}
.s_cate ul li.on {background:#fff}
.s_cate ul li.on a{color:#333}


.s_content{padding:0 0 40px}
.s_content .container{padding:0 4%}

.h3_tit{font-size:20px;text-align:center}
.h3_add{width:90%;margin:10px auto;font-weight:300;text-align:center;margin-bottom:10px}

.h4_tit{font-size:20px;margin:0 0 30px}
.h4_tit b{font-size:24px;font-weight:700;}

.p_t1{margin:40px 0}

#container_list td {font-size:13px}


/*°³º°ÆäÀÌÁö*/
.sub1_1 .sec1 .con1{text-align:center;padding:0 10%}
.sub1_1 .sec1 .con2{}
.sub1_1 .sec1 .con2 .slogan{font-size:22px;margin:30px 0;line-height:1.2}
.sub1_1 .sec1 .con2 .desc{color:#555;line-height:1.8}
.sub1_1 .sec1 .con2 .ceo{margin-top:30px;text-align:right}
.sub1_1 .sec1 .con2 .ceo b{font-size:22px;font-weight:400;margin-left:10px}

.sub1_2 .sec1{text-align:center}
.sub1_2 .sec2{background:#f8f8f8;padding:40px 0;margin:50px 0 0}


.sub1_4 .sec1{}
.sub1_4 .sec1 .con1{background:#f8f8f8}

.sub1_4 .sec1 .con2{background:#f8f8f8;padding:30px 0;margin:20px 0 0}
.sub1_4 .sec1 .con2 h3{text-align:center;margin:15px 0 40px}
.sub1_4 .sec1 .con2 h3 span{display:inline-block;font-size:24px;border-bottom:2px solid #000;line-height:40px;}
.sub1_4 .sec1 .con2 .inner{width:80%;margin:30px auto}
.sub1_4 .sec1 .con2 .address{margin-bottom:30px}
.sub1_4 .sec1 .con2 .traffic{padding:5px 0;padding-left:70px;min-height:80px;margin-bottom:10px}
.sub1_4 .sec1 .con2 .traffic.s1{background:url('/base/img/images/sub/ico_subway.png') no-repeat 0 0 /50px}
.sub1_4 .sec1 .con2 .traffic.s2{background:url('/base/img/images/sub/ico_bus.png') no-repeat 0 0 /50px}


.sub2_1 .s_content{padding-left:0;padding-right:0}
.sub2_1 .sec1{text-align:center;padding:0 4% 40px}
.sub2_1 .sec1 h3{font-size:20px}
.sub2_1 .sec1 .add{width:90%;margin:10px auto;font-weight:300}


.sub2_1 .sec2{background:#f8f8f8;padding:40px 4%}
.sub2_1 .sec2 .con1{}
.sub2_1 .sec2 .con1 h4{padding-left:20px;font-size:20px;}
.sub2_1 .sec2 .con1 p{padding-left:20px;margin:20px 0}
.sub2_1 .sec2 .con2{text-align:center;padding:0 10%}

.sub2_1 .sec3{margin:50px 0;padding:0 4%}
.sub2_1 .sec3 h4{font-size:20px}
.sub2_1 .sec3 ol{margin:20px 0;padding:0 10%}
.sub2_1 .sec3 ol > li{position:relative;border:1px solid #ccc;padding:20px 20px;margin:0 0 40px}
.sub2_1 .sec3 ol > li:before{display:block;content:'¡å';position:absolute;left:50%;top:-35px;font-size:14px;color:#111}
.sub2_1 .sec3 ol > li:first-child:before{display:none}
.sub2_1 .sec3 ol > li dt{text-align:center;font-size:16px;font-weight:700;margin-bottom:15px}
.sub2_1 .sec3 ol > li dd{position:relative;margin:10px 0;font-size:14px;margin-left:30px}
.sub2_1 .sec3 ol > li dd b{display:inline-block;position:absolute;left:-30px;width:24px;height:24px;line-height:24px;background:#333;color:#fff;border-radius:50%;text-align:center;font-size:14px;}
.sub2_1 .sec4{margin:50px 0 0;padding:0 4%}
.sub2_1 .sec4 h4{font-size:20px;margin:25px 0}
.sub2_1 .sec4 h4 span{font-size:12px;font-weight:400}
.sub2_1 .sec4 .s_table{}
.sub2_1 .sec4 .s_table th{background:#f7f7f7}
.sub2_1 .sec4 .s_table .t1{width:7%}
.sub2_1 .sec4 .s_table .t2{width:15%}
.sub2_1 .sec4 .s_table .t3{width:40%}
.sub2_1 .sec4 .s_table th,
.sub2_1 .sec4 .s_table td{text-align:center;padding:10px 5px;font-size:13px}
.sub2_1 .sec4 .s_table td:nth-child(3){text-align:left}

.sub2_3 .s_content{padding-left:0;padding-right:0}
.sub2_3 .sec1{text-align:center;padding:0 4% 40px}
.sub2_3 .sec1 h3{font-size:20px}
.sub2_3 .sec1 .add{width:90%;margin:10px auto;font-weight:300}


.sub2_3 .sec2{background:#f8f8f8;padding:40px 4%}
.sub2_3 .sec2 .con1{}
.sub2_3 .sec2 .con1 h4{padding-left:20px;font-size:20px;}
.sub2_3 .sec2 .con1 p{padding-left:20px;margin:20px 0}
.sub2_3 .sec2 .con2{text-align:center;padding:0 10%}

.sub2_3 .sec3{margin:50px 0;padding:0 4%}
.sub2_3 .sec3 h4{font-size:20px}
.sub2_3 .sec3 ol{margin:20px 0;padding:0 10%}
.sub2_3 .sec3 ol > li{position:relative;border:1px solid #ccc;padding:20px 20px;margin:0 0 40px}
.sub2_3 .sec3 ol > li:before{display:block;content:'¡å';position:absolute;left:50%;top:-35px;font-size:14px;color:#111}
.sub2_3 .sec3 ol > li:first-child:before{display:none}
.sub2_3 .sec3 ol > li dt{text-align:center;font-size:16px;font-weight:700;margin-bottom:15px}
.sub2_3 .sec3 ol > li dd{position:relative;margin:10px 0;font-size:14px;margin-left:30px}
.sub2_3 .sec3 ol > li dd b{display:inline-block;position:absolute;left:-30px;width:24px;height:24px;line-height:24px;background:#333;color:#fff;border-radius:50%;text-align:center;font-size:14px;}
.sub2_3 .sec4{margin:50px 0 0;padding:0 4%}
.sub2_3 .sec4 h4{font-size:20px;margin:25px 0}
.sub2_3 .sec4 h4 span{font-size:12px;font-weight:400}
.sub2_3 .sec4 .s_table{}
.sub2_3 .sec4 .s_table th{background:#f7f7f7}
.sub2_3 .sec4 .s_table .t1{width:7%}
.sub2_3 .sec4 .s_table .t2{width:15%}
.sub2_3 .sec4 .s_table .t3{width:40%}
.sub2_3 .sec4 .s_table th,
.sub2_3 .sec4 .s_table td{text-align:center;padding:10px 5px;font-size:13px}
.sub2_3 .sec4 .s_table td:nth-child(3){text-align:left}

}