@charset "utf-8";

@import url('//fonts.googleapis.com/earlyaccess/notosanskr.css');
@import url('https://cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css');

@font-face {font-family: 'GmarketSansMedium';src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');font-weight: normal;font-style: normal;}
@font-face {font-family: 'Paperlogy-8ExtraBold';src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-8ExtraBold.woff2') format('woff2');font-weight: 800; font-style: normal;}
@font-face {font-family: 'Paperlogy-4Regular';src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-4Regular.woff2') format('woff2'); font-weight: 400;font-style: normal;}
@font-face {font-family: 'Paperlogy-5Medium';src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-5Medium.woff2') format('woff2'); font-weight: 500; font-style: normal;}

/*텍스트*/
.txt_left {text-align:left !important;}

/*이미지바뀜*/
.group {}
.group img {max-width:100%;}
.group .mobile { display:none;}

@media all and (max-width:900px){
.group .pc { display:none;}
.group .mobile { display:block; text-align:center;}

}

/* sub tab */
.tab {height:50px; display: table; margin:10px auto 50px auto;}
.tab li { float:left;   text-align:center; background:#525252; margin-right:10px;}
.tab li a { font-size:20px; color:#fff;    font-family: 'Paperlogy-4Regular';  display:block; padding:13px 40px; }
.tab li a.active {color:#fff; background:#41478f;  }


@media all and (max-width:900px) {
	.tab li a { font-size:18px; color:#fff; display:block; padding:8px 30px; }
}

@media (max-width: 768px) {
	.tab {margin:10px auto 50px auto;}
	.tab li {width:100%; margin:2px 0;}
	.tab li a { font-size:16px; color:#fff; display:block; padding:8px 20px;}
}

.tab1 {height:50px; display: table; margin:10px auto 100px auto;}
.tab1 li { float:left;   text-align:center; background:#525252; margin-right:10px;}
.tab1 li a { font-size:20px; color:#fff;    font-family: 'Paperlogy-4Regular';  display:block; padding:13px 40px; }
.tab1 li a.active {color:#fff; background:#41478f;  }


@media all and (max-width:900px) {
	.tab1 li a { font-size:18px; color:#fff; display:block; padding:8px 30px; }
}

@media (max-width: 768px) {
	.tab1 {margin:10px auto 50px auto;}
	.tab1 li {width:48%; margin:2px;}
	.tab1 li a { font-size:16px; color:#fff; display:block; padding:8px 20px;}
}

/* 상단탑 공통 */
.toptxt_box{ width:100%;  margin:0 auto 50px;   padding:40px; vertical-align:middle; font-size:17px; text-align:left;  border-top:2px solid #000;   border-bottom:1px dashed #000; background:#f8f8f8; }
 
 
 @media all and (max-width:1200px)   {
 
 }
 
 @media all and (max-width:767px)   {
 .toptxt_box{padding:20px; font-size:15px;}
 }

/* introduce history */
#history .part.title_wrap{position: relative;margin-bottom: 160px;width: 100%;}
#history .part.title_wrap .title{position: absolute;padding: 75px 70px 60px;bottom: -75px;right: 8.6%;background-color: #FE493C;}
#history .part.title_wrap .title strong{display: block; padding-top: 14px; font-size: 50px; line-height: 60px; letter-spacing: -2.5px; color: #fff;}
#history .part.list{position: relative;min-height: 1113px;}
#history .part.list:before{content: '';position: absolute;left: 565px;top: 19px;width: 1px;height: calc(100% - 19px);background-color: #E3E3E3;}
#history .part.list .list_wrap{padding-bottom: 40px;}
#history .part.list strong{vertical-align: top;display: inline-block;padding:0 150px 0 80px;font-size: 55px;letter-spacing: 0;line-height: 79px; font-family: 'Paperlogy-5Medium'; word-break:keep-all;	word-wrap:break-word;}
#history .part.list table{display: inline-block;width: calc(80% - 180px);}
#history .part.list table tr th,#history .part.list table tr td{ padding: 10px 0;}
#history .part.list table tr th{vertical-align: initial;text-align: left; width: 180px; font-size: 20px; font-weight: 500; line-height: 29px; letter-spacing: 0;}
#history .part.list table tr td{ position: relative; padding-left: 33px; font-size: 18px; line-height: 27px; letter-spacing: -0.9px;}
#history .part.list table tr td:before{ content: ''; position: absolute; display: block; top: 19px; left: -3px; width: 9px; height: 9px; background-color: #3d76d5; border-radius: 4.5px;}

@media screen and ( max-width: 1499px ) {
    #history .part.title_wrap{ /* min-height: ; */ height: 50vw; }
    #history .part.title_wrap .title strong{font-size: 45px; }

}

@media screen and ( max-width: 1279px ) {
    #history .part.list.max{padding-left: 0; padding-right: 0;}
    #history .part.title_wrap{height: 51vw;}
    #history .part.title_wrap .title{padding: 50px 55px 45px;bottom: -57px;}
    #history .part.title_wrap .title img{height: 34px;}
    #history .part.title_wrap .title strong{font-size: 40px;line-height: 53px;letter-spacing: -2.0px;}
    #history .part.list strong{padding-right: 110px; font-size: 54px; line-height: 63px;}
    #history .part.list:before{ left: 522px;  }

}

@media screen and ( max-width: 1023px ) {
    #history .part.title_wrap{margin-bottom: 120px;}
    #history .part.title_wrap .title{padding: 35px 40px; bottom: -42px;}
    #history .part.title_wrap .title img{height: 28px;}

    #history .part.title_wrap .title strong{font-size: 34px;line-height: 45px;}
    #history .part.list:before{left: 352px;}
    #history .part.list table{width: calc(80% - 100px); }
    #history .part.list strong{font-size: 48px;line-height: 52px;padding:0 70px 0 10px;}
    #history .part.list table tr th,
    #history .part.list table tr td{padding: 6px 0;}
    #history .part.list table tr th{width: 135px; font-size: 21px; line-height: 28px;}
    #history .part.list table tr td{padding-left: 30px;font-size: 18px;line-height: 25px;}
    #history .part.list table tr td:before{top: 15px;}
}

@media screen and ( max-width: 767px ) {
    #history .part.title_wrap{margin-bottom: 40px;padding-bottom: 0;height: auto;background: none;}
    #history .part.title_wrap .title{position: relative; padding: 22px 25px; right: 0; bottom: 0; }
    #history .part.title_wrap .title img{height: 23px;}
    #history .part.title_wrap .title strong{padding-top: 4px; font-size: 25px; line-height: 36px;}
    #history .part.list:before{left: 135px;}
    #history .part.list strong{padding:0 70px 10px 0px;font-size: 40px;line-height: 45px;}
    #history .part.list table{width: calc(100% - 50px);}

    #history .part.list table tr th,
    #history .part.list table tr td{padding: 3px 0;}
    #history .part.list table tr th{width: 130px; font-size: 15px; line-height: 25px;}
    #history .part.list table tr td{padding-left: 25px; font-size: 15px;line-height: 25px;}
    #history .part.list table tr td:before{top: 12px;width: 7px;height: 7px;border-radius: 3.5px;}
}

@media screen and ( max-width: 530px ) {
    #history .part.list strong{display: none;}
    #history .part.list:before{left: 105px;}
    #history .part.list table{width: 100%;}
    #history .part.list table tr td{padding-left: 20px;}
    #history .part.list table tr th{width: 100px; font-size: 16px; line-height: 20px; letter-spacing:-1px;}
}

/* introduce history end */

/*교구설정전*/
.vocable_box{display:flex; flex-wrap:wrap;  border:0px solid #000;}
.vocable_box .sub_box{  margin:0 auto 40px;  padding:50px 50px 50px 50px;  border:1px solid #dedede;}
.vocable_box .sub_box .imga{float:left; display:block;  width:18%;    border:0px solid #dedede;}
.vocable_box .sub_box .imga img{max-width:100%;}
.vocable_box .sub_box .text_box{float:right; display:block;  width:81%;  }
.vocable_box .sub_box .text_box p{ font-size:18px; color:#252525;   line-height:180%;	letter-spacing:-1px; font-family: 'NanumSquare';  font-weight: 400;   padding:0px 0px 15px 0px;  word-break:keep-all;	word-wrap:break-word; }
.vocable_box .sub_box .text_box p.txt1{font-size:22px;color:#3D76D5;font-weight:600;}
.vocable_box .sub_box .text_box p.txt2{font-size:18px;color:#3D76D5;font-weight:600;}

@media all and (max-width:1200px){
	.vocable_box .sub_box{  margin:0 auto 20px;  padding:20px 20px 20px 20px;  }
	.vocable_box .sub_box .imga{float:left; display:block;  width:25%;  }
	.vocable_box .sub_box .text_box{float:right; display:block;  width:75%;  border:0px solid #000;}
	.vocable_box .sub_box .text_box p{  font-size:16px; }

}

@media all and (max-width:900px){

	.vocable_box .sub_box .imga{float:left; display:block;  width:30%; padding:0px 20px 0px 0px;  border:0px solid #dedede;}
	.vocable_box .sub_box .text_box{float:right; display:block;  width:70%;  }
	.vocable_box .sub_box .text_box p{  font-size:15px; }
	.vocable_box .sub_box .text_box p.txt1{font-size:18px;color:#3D76D5;font-weight:600;}
	.vocable_box .sub_box .text_box p.txt2{font-size:16px;}
}

@media all and (max-width:767px){
	.vocable_box .sub_box .imga{text-align:center;display:block;  width:100%; padding:0 0 20px 0;  border:0px solid #dedede;}
	.vocable_box .sub_box .text_box{float:none; display:block;  width:100%;  }
}

/*콘텐츠 박스*/
.shrin_tbox{ width:100%;  margin:10px auto 80px;   position:relative; overflow: hidden;  padding:0px;  background:url(/asset/img/shrint_bg.jpg)  no-repeat right bottom  ;  border:0px solid #dedede;  }
.shrin_tbox .img_box{float:left; padding:0px 0px 50px 0px; margin:0px 0px;    border:0px solid #ff0000;  }
.shrin_tbox .img_box img{max-width:100%; }
.shrin_tbox .txt_box{position:absolute; right:60px; top:140px; width:50%;  padding:60px 90px;   background:#989186;  }
.shrin_tbox .txt_box h5{ font-size:40px; color:#fff;    font-family: 'Paperlogy-5Medium';  display:block;   padding:0px 0px 20px 0px;}

.shrin_tbox .txt_box .data_lista {  width:100%;   position:relative;}
.shrin_tbox .txt_box .data_lista li {     display:block;   font-size:18px;  color:#fff;     font-family: 'Paperlogy-4Regular';   letter-spacing:-0.5px;  line-height:250%;  padding:0px 0px 0px 50px;  border:0px solid #dedede;   }
.shrin_tbox .txt_box .data_lista li.tel3{    display:block;  vertical-align : middle;  padding:5px  0px 5px 45px;  background:url(/asset/img/loc_tel.png)  no-repeat left ;  }
.shrin_tbox .txt_box .data_lista li.map3{   display: block;  vertical-align : middle;  padding:5px  0px 5px 45px;  background:url(/asset/img/loc_map.png)  no-repeat left ;  }
.shrin_tbox .txt_box .data_lista li.home3{     display: block;  vertical-align : middle;  padding:5px  0px 5px 45px;  background:url(/asset/img/loc_home.png)  no-repeat left ;  }
.shrin_tbox .txt_box .data_lista li.time3{     display: block;  vertical-align : middle;  padding:5px  0px 5px 45px;  background:url(/asset/img/loc_time.png)  no-repeat left ;  }
.shrin_tbox .txt_box .data_lista li.con3{     display: block;  vertical-align : middle;  padding:5px  0px 5px 45px;  background:url(/asset/img/loc_con.png)  no-repeat left ;  }



.shrin_box { width:100%;  margin:0 auto 30px;   position:relative; overflow: hidden;  padding:30px 50px 20px 50px; vertical-align:middle;  border:1px solid #dedede;     }
.shrin_box p{ font-size:18px; color:#333333;   font-family: 'NanumSquare';  font-weight:400;    letter-spacing:-1px;  line-height:180%; padding:0 0 10px 0;}

.etc_box{width:100%;  margin:90px auto 60px;   position:relative; overflow: hidden;padding:0px;   border:0px solid #dedede;  }
.etc_box .left_box{  width:50%;  position:relative; }
.etc_box .left_box img{ width:100%; }
.etc_box .right_box{   width:50%;   position:relative;}
.etc_box .right_box img{ width:100%; }
.etc_box h5{  font-size:35px; color:#000;     letter-spacing:-1px;     font-family: 'Paperlogy-5Medium';  display:block;   padding:20px 0px 20px 70px;}
.etc_box  p.t1{ font-size:18px; color:#333333;   font-family: 'NanumSquare';  font-weight:400;    letter-spacing:-1px;  line-height:180%;  padding:0px 30px 40px 70px;}
.etc_box  p.t2{ font-size:18px; color:#333333;   font-family: 'NanumSquare';  font-weight:400;    letter-spacing:-1px;  line-height:180%;  padding:20px 70px 40px 40px;}

 .location_map{ display:block;  padding:20px; text-align:center;    margin:10px auto 60px;    border:1px solid #dedede; background:#fff;}




 @media all and (max-width:1200px)   {

	.shrin_tbox{padding:0px 0px ;  margin:10px auto 50px; }
	.shrin_tbox .img_box{float:left; width:80%; padding:0px 0px 50px 0px; margin:0px 0px;    border:0px solid #ff0000;  }
	.shrin_tbox .txt_box{position:absolute; right:60px; top:40%; width:50%;  padding:50px;    }
	.shrin_tbox .txt_box h5{ font-size:30px;  padding:0px 0px 10px 0px;}
	.shrin_tbox .txt_box .data_lista li {  display:block;   font-size:18px;  line-height:180%;   }


	.shrin_box {  width:98%;  padding:30px 30px 20px 30px;}
	.shrin_box p{ font-size:18px;  padding:0px 0px 30px 0px;}

	.etc_box{width:100%;  margin:90px auto 60px;  padding:0px 10px ;   border:0px solid #dedede;  }
	.etc_box .left_box{  width:100%;   border:0px solid #dedede;  }
	.etc_box .right_box{   width:100%;    border:0px solid #dedede; }

	.etc_box{width:100%;  margin:30px auto 30px;}
	.etc_box h5{  font-size:26px;   padding:20px 0px 20px 0px;}
	.etc_box  p.t1{ font-size:16px;    padding:0px 10px 20px 0px;}
	.etc_box  p.t2{ font-size:16px;   padding:20px 10px 20px 0px;}

	 .location_map{width:98%; }
 }


 @media all and (max-width:900px)   {
	.shrin_tbox .img_box{float:left;   width:100%; padding:0px 0px 30px 0px; margin:0px 0px 0px 0px;    border:0px solid #ff0000;  }
 	.shrin_tbox .txt_box{position:static; width:100%;  padding:20px 30px;}
	.shrin_tbox .txt_box .data_lista li {  display:block;   font-size:16px;  line-height:180%;   }

 }

 @media all and (max-width:767px)   {

	.shrin_tbox .img_box{float:left;   width:100%; }
	.shrin_box p{ font-size:15px;  padding:0px 0px 15px 0px;}
	.shrin_tbox .txt_box h5{ font-size:22px;}
	.etc_box h5{  font-size:25px;   padding:20px 0px 20px 0px;}
	.etc_box  p.t1{ font-size:13px;    padding:0px 10px 20px 0px;}
	.etc_box  p.t2{ font-size:13px;   padding:20px 10px 20px 0px;}
	
	
	.shrin_tbox .txt_box .data_lista li {  display:block;   font-size:15px;}
	.shrin_tbox .txt_box .data_lista li.tel3{display:block;  vertical-align : middle;  padding:5px  0px 5px 35px;  background:url(/asset/img/loc_tel.png)  no-repeat left ; background-size:25px; }
	.shrin_tbox .txt_box .data_lista li.map3{display: block;  vertical-align : middle;  padding:5px  0px 5px 35px;  background:url(/asset/img/loc_map.png)  no-repeat left ; background-size:25px; }
	.shrin_tbox .txt_box .data_lista li.home3{display: block;  vertical-align : middle;  padding:5px  0px 5px 35px;  background:url(/asset/img/loc_home.png)  no-repeat left ; background-size:25px;}
	.shrin_tbox .txt_box .data_lista li.time3{display: block;  vertical-align : middle;  padding:5px  0px 5px 35px;  background:url(/asset/img/loc_time.png)  no-repeat left ; background-size:25px;}
	.shrin_tbox .txt_box .data_lista li.con3{display: block;  vertical-align : middle;  padding:5px  0px 5px 35px;  background:url(/asset/img/loc_con.png)  no-repeat left ;  background-size:25px;}


 }



/*표 기본 */
.table1 { margin-bottom:40px;}
.table1 table {  border-collapse:collapse; width:100%;  font-family: 'NanumSquare';   font-weight: 400; border-top:2px solid #5f5f5f;   background:#fff;}
.table1 table th {font-size:16px; color:#000;   font-weight: 700;	  letter-spacing:-1px;    text-align:center;   border:1px solid #d6d4d4;  padding:15px 0px ; background:#f7f7f7;  }
.table1 table td { color:#252525;    text-align:center;  border:1px solid #d6d4d4;   letter-spacing:-1px;   padding:16px 15px 16px 15px ; font-size:16px; line-height:140%;  word-break:keep-all;	word-wrap:break-word;  }
.table1 table td span{ color:#e34545; }

.table1 table tr th:first-child {border-left:none;}
.table1 table tr th:last-child {border-right:none;}

.table1 table tr td:first-child {border-left:none;}
.table1 table tr td:last-child {border-right:none;}
.table1 caption{display:none}

/*본당찾기 사용*/
.table2 { overflow: hidden; margin-bottom:40px;}
.table2 table {  border-collapse:collapse; width:100%;  font-family: 'NanumSquare';   font-weight: 600; border-top:2px solid #5f5f5f;   background:#fff;}
.table2 table th {font-size:16px; color:#000;   font-weight: 700;	  letter-spacing:-1px;    text-align:left;   border:1px solid #d6d4d4;  padding:15px 0px 15px  35px; background:#f7f7f7;  }
.table2 table td { color:#252525;    text-align:left;  border:1px solid #d6d4d4;   letter-spacing:-1px;   padding:16px 15px 16px 25px ; font-size:16px; line-height:140%;  word-break:keep-all;	word-wrap:break-word;  }
.table2 table td span{ color:#e34545; }

.table2 table tr th:first-child {border-left:none;}
.table2 table tr th:last-child {border-right:none;}

.table2 table tr td:first-child {border-left:none;}
.table2 table tr td:last-child {border-right:none;}
.table2 caption{display:none}

/*교구장 소개 사용*/
.table5 { margin-top:10px; margin-bottom:40px;}
.table5 table {  border-collapse:collapse; width:100%;  font-family: 'NanumSquare';   font-weight: 400; border-top:2px solid #5f5f5f;  border-bottom:1px solid #5f5f5f;   background:#fff;}
.table5 table th {font-size:16px; color:#000;   font-weight: 700;	  letter-spacing:-1px;    text-align:left;   border:1px solid #dedede; padding:15px 0px 15px  50px;background:#f7f7f7;  }
.table5 table td { color:#252525;    text-align:left;  border:1px solid #dedede;   letter-spacing:-1px;  padding:15px 0px 15px  50px; font-size:16px; line-height:140%;  word-break:keep-all;	word-wrap:break-word;  }


.table5 table tr th:first-child {border-left:none;}
.table5 table tr th:last-child {border-right:none;}

.table5 table tr td:first-child {border-left:none;}
.table5 table tr td:last-child {border-right:none;}
.table5 caption{display:none}

@media all and (max-width:1200px)  {
 
	.table1 table {min-width:800px;}
	.table1 table th {font-size:16px; }
	.table1 table td { font-size:16px;}

	.table2 table {min-width:800px;}
	.table2 table th {font-size:16px; }
	.table2 table td { font-size:16px;}
	
	.table5 table {min-width:800px;}
	.table5 table th {font-size:16px; }
	.table5 table td { font-size:16px;}
 
 
}



@media all and (max-width:768px) and (min-width:375px) {


	.table1 {overflow-x:scroll}
	.table1 table {min-width:800px;}
	.table1 table th {font-size:14px; }
	.table1 table td { font-size:14px;}

	.table2 {overflow-x:scroll}
	.table2 table {min-width:800px;}
	.table2 table th {font-size:14px; }
	.table2 table td { font-size:14px;}
	
	.table5 {overflow-x:scroll}
	.table5 table {min-width:800px;}
	.table5 table th {font-size:14px; }
	.table5 table td { font-size:14px;}

 
}

.data_table_basic {clear:both;overflow:hidden; width:100%;margin-bottom:20px;border-collapse:separate; border-top:2px solid #000;border-bottom:1px solid #000;}
.data_table_basic caption {padding:3px 0 10px 0;margin:10px 0;text-align:left;font-size:22px;font-weight:600;letter-spacing:-0.05em;}
.data_table_basic caption span {float:right;right:0;font-size:0.8em;font-weight:400;color:#333;}
.data_table_basic th:last-child,
.data_table_basic td:last-child {border-right:none;}
.data_table_basic th {padding:15px 30px;font-size:18px; text-align:center; font-weight:600;border-bottom:1px solid #D5D5D5; border-right:1px solid #D5D5D5;background-color:#F9F9F9; color:#000;}
.data_table_basic td {padding:15px 30px;font-size:18px; text-align:center; font-weight:normal;border-bottom:1px solid #D5D5D5; border-right:1px solid #D5D5D5;}
.data_table_basic td.txt_Left { text-align:left;}
.data_table_basic td img { vertical-align:middle;}
.data_table_basic td.line1 {border-right:1px solid #CCCCCC;}
.data_table_basic th.grey,
.data_table_basic td.grey { background-color:#F7F7F7;}
.data_table_basic td strong.bold { font-weight:600; color:#000;}
.data_table_basic td strong.m_tel { display:none;}
.data_table_basic tbody th strong.r {color:#E50005;}

.data_table_basic td input {padding:6px;border:solid 1px #888; margin:2px 0;}
.data_table_basic td select {padding:5px;border:solid 1px #888;margin:2px 0;}
	
.data_table_basic td .btn{display:inline-block;margin: 2px 3px;min-width:inherit; width:120px;height:30px;line-height:30px;font-size:14px;padding:0 10px;color:#fff;background:#696e7f;border:none;box-sizing:border-box;cursor:pointer;vertical-align:middle;border-radius:2px;}
 label {cursor:pointer; vertical-align:sub;}

@media all and (max-width:767px) {
	.data_table_basic th {padding:10px 20px;font-size:15px;}
	.data_table_basic td {padding:5px;font-size:14px;}
	.data_table_basic td strong.m_tel { display:block;}
	.data_table_basic td span.num { display:none;}
}

 /*오시는 길*/
.map_area{position:relative; max-width:1400px; margin:0 auto;}
.map_area .txt{position:relative;top:-100px;left:50%;transform:translateX(-50%);width:1400px;z-index:100;}
.map_area .txt .txt_wrap {background-color:#8F826E;padding:45px 0;}
.map_area .txt .logo{position:absolute; top:34px; left:0; border-right:1px solid #ffffff; text-align:center; width:440px; line-height:90px; height:90px;}
.map_area .txt .contact{display:block; color:#fff; font-weight:500; font-size:20px; letter-spacing:-1px; line-height:1.6; padding:0 0 0 500px;}
.map_area .txt p{color:#fff;}
.map_area .txt .tx .tel{font-weight:300;}
.map_area .txt .bt{position:absolute;top:50%;right:40px;margin-top:-35px;display:block;border-radius:65px;border:3px solid #fff;color:#fff;font-size:20px;text-align:center;min-width:220px;line-height:60px;height:65px;}

.contact_address {width:100%;height:auto; line-height:1.7;color:#fff;}
.contact_address ul {max-width:1240px;clear: both;padding:0 20px 20px 0px;border-bottom:1px solid #ddd;}
.contact_address ul li {color: #555;margin-top: 5px;margin-bottom: 5px; font-size:16px}
.contact_traffic { max-width:1240px; margin:100px auto; padding:20px; letter-spacing:-0.8px;  clear:both;}
.contact_traffic:after {content: " ";visibility: hidden;display: block;height: 0;padding-bottom:50px;clear: both;}
.contact_traffic ul {border-bottom:1px solid #ddd; padding-bottom:25px}
.contact_traffic .bus {width:100%;}
.contact_traffic .subway {width:100%}
.contact_traffic ul li {color: #555; line-height:33px; font-size:16px}
.contact_traffic h3 { font-size:20px; font-weight:400; letter-spacing:-1px; color:#1a1a1a; padding-bottom:10px; margin-top:25px; text-align:left}
@media (max-width: 1400px){
    .map_area{ padding:0 20px;}
	.map_area .txt {margin-top: -30px;width: 100%;}
	.map_area .txt .txt_wrap{margin:0;}
	.map_area .txt .logo{display:block;position:relative;top:auto;left:auto;border-right:0; margin-left:0;width:100%; margin-bottom:30px;}
	.map_area .txt .logo:before{ display:none;}
	.map_area .txt .contact {line-height:180%;padding:20px 0 0;text-align:center;}
	.map_area .txt .contact .tel{font-weight:300;}
	.map_area .txt .bt{position:static;border-radius:65px;margin:35px auto 0;width:150px;}
}

@media screen and (max-width: 640px) {
	.map_area .txt { position: relative; bottom: auto; left: auto; transform: translateX(0); margin-top: -30px; width: auto;}
	.map_area .txt .logo img { height:40px}
	.map_area .txt .contact { font-size: 13px; letter-spacing: 0; line-height: 180%; padding: 20px 0 0;text-align: center; clear:both; letter-spacing:-1px;}
	.map_area .txt .txt_wrap{margin:0; padding: 0 0 30px;}
	.map_area .txt .bt { position: static; border-radius: 65px;  border-width: 2px; font-size: 15px; margin: 25px auto 0; width: 150px; line-height: 40px; height: 40px;}
	.map_area .txt .logo { position: relative; display: block;  top: auto; left: auto; border-right: 0;  width: 100%; line-height: 70px;  height: 20px;}
}
/*오시는 길*/