@charset "utf-8";

.content h4{ font-size:20px; padding:10px 0; color:#3f3f3f; }
.content h5{ font-size:18px; padding:8px 0; color:#003877;  position:relative; padding-left:24px;  }
.content h5:before,.content h5:after{ display:block; position:absolute; top:0; left:0; content:"" }
.content h5:before{ width:6px; height:13px; top:10px; background:#003877;  transform:skew(-35deg);}
.content h5:after{ width:6px; height:13px; background:#1873DA; left:10px; top:10px; transform:skew(-35deg); }
.content h6{ font-size:16px; padding:6px 0; color:#565656; position:relative; padding-left:10px;  }
.content h6:before{ display:block; position:absolute; top:12px; left:0; content:""; width:5px; height:5px; border-radius:10px; background:#565656; }

.content p{ font-size:14px; line-height: 1.3; color:#595959  }

.list_basic li{ position:relative; padding-left:12px; font-size:14px; line-height: 1.4; color:#595959; margin-bottom:5px;}
.list_basic li:before{content:""; display:block; position:absolute; top:10px; left:0;   } 
.list_basic.lt01 li:before{width:6px; height:2px; border-radius:10px; background:#003877;}
.list_basic.lt02 li:before{width:4px; height:4px; background:#7e7e7e; border-radius:50%;}
.list_basic.lt01.noblet li{position:static;}


.box_default{ background:#f5f5f5; padding:15px; color:#5d5d5d;   }
.box_st01{ border:#fad3d3 solid 1px;}
.box_st01 .inner{ border:#fff3f3 solid 5px; padding:15px; }
.box_st01 .inner p{  color:#c90223; font-weight:400 }

.box_st02{ position:relative; border:#dedede solid 1px; padding:15px; color:#454545 }
.box_st02:before,.box_st02:after{ display:block; content:""; position:absolute; width:9px; height:9px;  }
.box_st02:before{ left:0; top:0; border-left:#eb4141 solid 3px; border-top:#eb4141 solid 3px; }
.box_st02:after{ right:0; bottom:0; border-right:#eb4141 solid 3px; border-bottom:#eb4141 solid 3px; }
.box_st02 img{ display:block; width:auto; margin:8px auto; }
.box_st02 strong{font-size:16px; display:block; margin-bottom:10px;}

.box_st03{border-bottom:1px solid #dedede; color:#454545;}
.box_st03 img{display:block; width:auto; margin:8px auto;}

.btn_set{ padding:10px 0; }
.btn_con{ display:inline-block; padding:12px 15px; font-size:14px; border-radius: 3px; font-weight:500;  margin:5px 0; }
.btn_con:after{ display:inline-block; vertical-align: 0px; font-family:"font awesome 5 pro"; margin-left:10px;  }
.btn_blk{ border:#2a2a2a solid 1px; color:#2a2a2a }
.btn_blk.btn_revers{ border:#1873da solid 1px !important; background-color:#1873da !important; color:#fff;  }
.btn_red{ border:#eb4141 solid 1px; color:#fb4141 }
.btn_red.btn_revers{ border:#eb4141 solid 1px; background-color:#fb4141; color:#fff;  } 
.btn_go:after{  content:"\f105";   font-weight:700; line-height: 16px;  }
.btn_link:after{  content:"\f2d2"; font-weight:300;  }
.btn_down:after{  content:"\f33d"; font-weight:300;  }
.btn_down:after, a[target="_blank"].btn_down::after{  content:"\f33d"!important; font-weight:300!!important;  }

.btn_con.btn_small{padding:6px 8px;}
.btn_con.btn_small.btn_ss{padding:2px 8px;}

.img_box{text-align:center;}
.img_box.img_box001{border:1px solid #aaa; padding:20px; border-radius:5px;}
img{max-width:100%;}


.color01{color:#eb4141;}
.color02{color:purple;}
.weight01{font-weight:500;}
.back_color{background-color:#fffbf8;}

/*기본테이블*/
.basic_table { width:100%; max-width:100%; border-collapse:collapse; border-top:#1873da solid 2px; word-break: keep-all; line-height: 1.2}
.basic_table thead tr th,.basic_table thead tr td {padding:10px 5px; border-bottom:#c2cfe5 solid 1px;  border-right:#c2cfe5 solid 1px; }
.basic_table tbody tr th,.basic_table tbody tr td {padding:10px 5px; border-bottom:#c2cfe5 solid 1px; border-right:#c2cfe5 solid 1px; }
/*.basic_table tr th:first-child,.basic_table tr td:first-child{ border-left:0; }*/
.basic_table tr th:last-child,.basic_table tr td:last-child{ border-right:0; }
.basic_table th { font-size:15px; color:#003877; background-color:#f5faff; vertical-align:middle;   }
.basic_table td { font-size:14px; color:#454545; text-align:left;  vertical-align:middle; word-break:keep-all}
.basic_table td a{ text-decoration:none; color:#454545}
.basic_table td.red{ color:#F00}
.basic_table td.bg_g{background:#fafafa;}
.basic_table .no_border { border-right-style: none; }
.basic_table .td_center { text-align:center }
.basic_table .td_right { text-align:right }
.basic_table .td_left { text-align:left }
.basic_table tr td ul li{text-align:left;}
.border_none{ border-right:none;}

.basic_table.table_resp th{ text-align: left;  }
.basic_table.table_resp th,.basic_table.table_resp td{ display:block; border-left:0; border-right:0;}
.basic_table.table_resp .no_cont{display:none;} /* 콘텐츠 없을때, 반응형조절 (직원전화번호사용)*/

.basic_table.tbl_st01{ border-top:#c32943 solid 2px; }
.basic_table.tbl_st01 th { color:#c32943; }
.basic_table.tbl_st01 td { color:#464646 }

.table_center tbody tr td{text-align:center;}


/*반응형테이블*/
.responsive{ min-width:600px; }
.scroltable-wrapper { position: relative; }
.scroltable-container { overflow-x:auto}
.scroltable-nav { display: none;  position: absolute;  width: 60px;  height: 100%;  cursor: pointer;}
.scroltable-nav.scroltable-nav-left {  left: 0; background: linear-gradient(to left, rgba(255,255,255,0), #fff);}
.scroltable-nav.scroltable-nav-right {  right: 0; background: linear-gradient(to right, rgba(255,255,255,0), #fff);}
.scroltable-nav.scroltable-nav-left:before{ display:inline-block; position:absolute; left:0; top:40%; content:"\f0a6"; font-family: "font awesome 5 pro"  } 
.scroltable-nav.scroltable-nav-left:after{ display:inline-block; position:absolute; left:0; top:40%; margin-top:20px;  content:"\f33e"; font-family: "font awesome 5 pro"  } 
.scroltable-nav.scroltable-nav-right:before{ display:inline-block; position:absolute; right:0; top:40%; content:"\f0a6"; font-family: "font awesome 5 pro"  } 
.scroltable-nav.scroltable-nav-right:after{ display:inline-block; position:absolute; right:0; top:40%; margin-top:20px;  content:"\f340"; font-family: "font awesome 5 pro"  } 

/*paging*/
.paging{ clear:both; text-align:center; padding:25px 0 0 0}
.paging ul li{ display:inline-block;  }
.paging ul li a{ display:block; width:30px; height:34px; border:#e2e2e2 solid 1px; line-height:30px; font-size:14px; font-weight:300}
.paging ul li a.active{ background:#444; border:#006 solid 1px; color:#fff;}

@media all and (max-width:767px){
    .basic_table.table_resp thead{display:none;}
}

@media all and (min-width:768px){
    .basic_table.table_resp th{ text-align: center; }
    .basic_table.table_resp th,.basic_table.table_resp td{ display:table-cell; border-left:#eee solid 1px; border-right:#eee solid 1px;}
    .basic_table.table_resp .no_cont{display:table-cell;}
} 

@media all and (min-width:1024px){

	.content h4{ font-size:24px;  }
	.content h5{ font-size:20px; font-weight:500 }
	.content h5:before{ top:12px; }
	.content h5:after{ top:12px; }	
	.content h6{ font-size:18px;  font-weight:500}
	
	.content p{ font-size:16px; line-height: 1.5 }
	 
	.list_basic li{ font-size:16px; }
	
	.box_default{ padding:30px; }
	.box_default p{ font-size:14px;   }
	
	.box_st01 .inner{ border:#fff3f3 solid 9px; padding:30px;  }
	.box_st02{ padding:40px 60px; overflow:hidden }
	.box_st02 img{ float:left; margin-right:40px; }
    .box_st02 strong{font-size:20px;}
    
    .box_st03{padding:40px 60px; overflow:hidden;}
    .box_st03 img{float:left; margin-right:40px;}
	
	.basic_table thead tr th,.basic_table thead tr td { padding:15px 10px; }
	.basic_table tbody tr th,.basic_table tbody tr td { padding:15px 10px;  }
    .basic_table th { font-size:16px;}
    
    /* 작은 테이블 (테이블 길이가 넘어갈때)*/
	.basic_table.table_small thead tr th, .basic_table.table_small tbody tr th{padding:10px 2px; font-size:14px;}
    .basic_table.table_small thead tr td{padding:10px 2px; font-size:13px;}
    
    /*box안에 내용이 길때*/
    .box_st02 .img_mb{margin-bottom:60px;}
    .box_st02 .img_mb01{margin-bottom:112px; margin-right:21px;}
    .box_st02 .mt10 > .img_mb02{margin:0 10px 0 0;}
    
    
}

/* 연혁 */
.history_table { width:100%; border-bottom:#757c86 solid 1px;  }
.history_table tbody th, .history_table tbody td {padding:15px 5px; border-right: #9e9e9e dotted 1px;}
.history_table tbody th.t_border {border-top:3px solid #006699;}
.history_table tbody td.t_border {border-top:3px solid #006699;}
.history_table tbody th { font-size:1.4em;  background-color:#f5f5f5; text-align:left; vertical-align:baseline; padding-left:10px}
.history_table tbody td.va_top {vertical-align:baseline;}
.history_table tbody td { font-size:1em;  text-align:center}
.history_table tbody td dl dt { color:#006699; font-weight:bold; margin-bottom:10px; }
.history_table tr th:last-child,.history_table tr td:last-child{ border-right:0}
.history_table .td_left { text-align:left }

/* 단계_기본5개 */
.list_step{margin: 15px;}
.list_step > li{ text-align:center; border:1px solid #d8d8d8; border-radius:5px; margin-bottom:40px; position:relative; padding:20px;  line-height:1.4; }
.list_step > li > br{display:none;}
.list_step > li:last-child{margin-bottom:0;}
.list_step > li:before {content:''; position:absolute; top:0; left:50%; margin:-35px 0 0 -10px; display:block; width:14px; height:14px; background:transparent; border-left:2px solid #222; border-bottom:2px solid #1873da; transform:rotate(-45deg); transition:all .3s ease-in-out; }
.list_step > li:first-child:before{display:none;}

@media all and (min-width:768px){
    .list_step{overflow:hidden;}
    .list_step > li{float:left; width:43%; margin:0 3.5% 20px 3.5%;  display:flex; justify-content:center; flex-direction:column }
    .list_step > li:before{top:50%; left:-27px; transform:rotate(-135deg); margin-top:-10px;}

}
@media all and (min-width:1024px){
	.list_step > li{ width: 27%;margin: 0 3% 20px 3%;}
    .list_step > li:before{left: -27px;}
    
}
@media all and (min-width:1200px){
	.list_step{margin:15px 0;}
    .list_step > li {width:18%; margin:0 1.25%; min-height:112px;}
    .list_step > li.s_con{padding-top:30px;}
    .list_step > li > br{display:block;}
    .list_step > li:before{left:-16px;}
    .list_step > li:first-child{margin-left:0;}
    .list_step > li:last-child{margin-right:0;}    
}

/*다운로드 리스트*/
.list_down{border-top:#1873da solid 2px; margin-bottom:15px;}
.list_down li{padding:15px 10px; border-bottom:1px solid #c2cfe5; font-weight:400;}
.list_down li .btn{margin-top:7px;}
@media all and (min-width:768px){
    .list_down li{position:relative; padding:20px;}
    .list_down li .btn{margin-top:0; position:absolute; top:8px; right:20px;}
}


/*제도안내*/
.list_step.col03 > li > br{display:block;}

@media (min-width:768px) {
	.list_step.col03 > li{width:26.33%; min-height:86px;  display:flex; justify-content:center; flex-direction:column }
}

@media (min-width:1200px) {
	.list_step.col03 > li{width:31.6%;}
}


/*찾아오시는길*/
#map{width:100%;height:400px;}
.map_info li dt {color:#666; background:url(/home/jeonil/images/sub/bullet_h501.gif) no-repeat 0 2px; padding:0 0 0 19px; margin-bottom:5px; font-weight:bold}
.map_info li dd {color:#666; background:url(/home/jeonil/images/sub/bullet_list01.gif) no-repeat 10px 8px; padding:0 0 0 25px}

#ViewVideo {width:100%}

.notice {background-color: #5bc0de; color: #fff; text-align: center; padding: 4px; font-size: .75em; font-weight: normal; border-radius: 3px;}
.notice_em {color:#c75219 !important; font-weight:bold !important;}


/*전일빌딩245 소개*/
.building_box{overflow:hidden;}
.building_box > img{ display:block; margin:0 auto 15px auto; }

.building_box02{clear:both; margin-top:10px; text-align:center}

.fs20 {font-size: 18px !important;}
@media (min-width:1024px) {
	.building_box > img{float:left; margin-right:15px;}
	.building_box02{float:right;}
	.fs20 {font-size: 20px !important;}
}



/*대관절차 및 규정*/

@media all and (min-width:1440px) {
	.list_st01 li{padding:20px 10px;}
	.list_st01 span{margin-left:2px;}
}

/*전일빌딩 자료*/
.ebook_list ul {overflow:hidden; margin-top:20px;}
.ebook_list li {float:left; width:32%; text-align:center; padding:10px; border-radius:5px; margin-bottom:10px; margin-left:1%;}


@media all and (max-width:768px){
	.ebook_list{overflow:hidden;}
	.ebook_list li{ width:48%; margin-right:1%;}
}

/*전체메뉴보기*/
.sitemap_list{border-top:1px dotted #ccc;}
.sitemap_list:first-child{border-top:none;}
.sitemap_list .sitemap_con{  padding:22px 0; border-radius:15px;}
.sitemap_list .sitemap_1dep{color:#062e58;font-weight:500;margin-top:10px;font-size: 20px;margin-bottom:10px;}
.sitemap_list .sitemap_2dep{margin-bottom:10px;}
.sitemap_con .sitemap_2dep > li{margin-bottom: 10px;}
.sitemap_con .sitemap_2dep > li > p{ font-size:16px; font-weight:400; border:#ddd solid 1px; text-align:center; }
.sitemap_con .sitemap_2dep > li > p > a{ display:block; padding:10px 0;  transition:0.3s}
.sitemap_con .sitemap_2dep > li > p > a:hover{ background:#f5f5f5; color:#000;  transition:0.3s}
.sitemap_con .sitemap_2dep .sitemap_3dep{ margin:10px 0 15px;}
.sitemap_con .sitemap_2dep .sitemap_3dep > li{ font-size:14px; }
.sitemap_con .sitemap_2dep .sitemap_3dep > li:before{ display:inline-block; content: "";}
.sitemap_con .sitemap_2dep .sitemap_3dep > li > a{  position:relative; display:block; padding:5px 15px; }
.sitemap_con .sitemap_2dep .sitemap_3dep > li > a:hover{ color:#000; font-weight:500;  }
.sitemap_con .sitemap_2dep .sitemap_3dep > li > a:before{ content:''; display:block; position:absolute; top:50%; left:5px; width:4px; height:4px; background:#aaa; border-radius:50%; transition:0.3s}
.sitemap_con .sitemap_2dep .sitemap_3dep > li > a:hover:before{ width:6px; height:2px; border-radius: 0; background:#000; transition:0.3s }

@media all and (min-width:768px) {
.sitemap{overflow:hidden;}
.sitemap_list{clear:both; padding-top:20px;}
.sitemap_list .sitemap_1dep{float:left; width:20%;}
.sitemap_con{float:left; width:80%; padding-bottom:10px;}
.sitemap_con .sitemap_2dep{display:block;/* float:left; *//* width:33%; */margin-bottom:8px;}
.sitemap_con .sitemap_2dep > li{ float:left; width:48%; margin-right:4%;}
.sitemap_con .sitemap_2dep > li:nth-child(2n){ margin-right:0;}
.sitemap_con .sitemap_2dep > li:nth-child(2n+1){ clear:left; }
}
@media all and (min-width:1024px) {
.sitemap_con .sitemap_2dep > li{ float:left; width:32%; margin-right:2%;}
.sitemap_con .sitemap_2dep > li:nth-child(2n){ margin-right:2%;}
.sitemap_con .sitemap_2dep > li:nth-child(2n+1){ clear:none; }	
.sitemap_con .sitemap_2dep > li:nth-child(3n){ margin-right:0;}
.sitemap_con .sitemap_2dep > li:nth-child(3n+1){ clear:left; }	
}


/*전일빌딩 연혁*/
.top_box{background:#eee; padding:25px;}
.top_box > p{text-align:center}
.top_box p img{margin-bottom:15px;}
.top_text{text-align:center;}
.top_text .title{font-size:18px; background:#383434; display:inline-block; padding:10px 20px; border-radius:100px; color:#fff; font-weight:500;}
.top_text span{display:block; margin-top:15px; font-weight:500;}
.top_text .text{margin-top:15px; line-height:1.4;}



.history_list{padding-left: 3rem; margin-bottom: 70px;}
.effect01 .txt_box:nth-of-type(1){position:relative;}
.effect01 .txt_box:nth-of-type(1):before{position:absolute; content:''; display:block; width:1px; height: 1200px; background:#d6d6d6; top: 11%; left: -37px;}



.history_list > ul > li .txt_box{margin-bottom:10px;}
.history_list > ul > li .txt_box .s_tit{margin-top:15px;}

.history_list > ul > li:nth-child(2) > span > img{margin-top:45px;}
.history_list > ul > li > span > em{margin-top:10px; display:block; font-weight:300;margin-bottom: 10px;font-size: 15px;color: #595959;}


.txt_box h5{position:relative; color:#075cbd; font-size:26px; padding-left:0; margin-top:20px;}
.txt_box h5:before{width:8px; height:8px; background:#075cbd; top: 19px; left: -40px; z-index:2;  border-radius:100%; transform:none;}
.txt_box h5:after{display:none; background:#075cbd; width:28px; height:28px;  top: 9px; left:-50px;  border-radius:100%; transform:none; opacity:0.2}

.effect01  .txt_box:nth-of-type(1) h5:after{display:block;}

.txt_box .s_tit{display:block; font-size:18px; font-weight:bold; color:#333;}
.txt_box .s_txt{margin:15px 0 20px; line-height: 1.4;}


#divArea02 .effect01 .txt_box:nth-of-type(1):before{height:1400px}
#divArea03 .effect01 .txt_box:nth-of-type(1):before{height:1400px}

@media all and (min-width:768px) {
	.top_box{overflow:hidden; padding:40px}
	.top_box p img{float:left; margin-right:35px; margin-bottom:60px}
	.top_box .top_text{text-align:left;}


	.history_list{padding-left:0; padding: 0 20px;}
	.history_list:before{left:50%; top:0}
	.history_list ul li:nth-of-type(1){margin-bottom:50px}
	.history_list ul li:after {clear:both; content:''; display:block;}	
	.history_list ul li .hi_img{float:left; width: calc(50% - 3rem); margin-bottom:70px}
	.history_list ul li .txt_box h5{margin-top:0}
	.history_list ul .txt_box:nth-of-type(1) h5{margin-top:0; padding-top:0;}
	.history_list ul .txt_box:nth-of-type(1) h5:before{top:11px}
	.history_list ul .txt_box:nth-of-type(1) h5:after{top:1px}
	.history_list ul li .txt_box{float:right; width: calc(50% - 3rem);}
	.history_list ul li:nth-child(2) .hi_img{float:right; margin-bottom:350px}
	.history_list ul li:nth-child(2) .hi_img img{margin-top:0}
	.history_list ul li:nth-child(2) .txt_box{float:left; margin-bottom:0}
	.history_list ul li:nth-child(2) .txt_box h5:before{left: calc(20rem + 21px);}

	
	.effect01 .txt_box:nth-of-type(1):before{left:calc(1rem - 63px); height:1150px}
	.effect01 .txt_box:nth-of-type(1):after{border-radius: 100%;content:''; display:block; position:absolute; width:8px; height:8px; background:#075cbd; bottom:-392%; left: -17%;}
	.txt_box h5:before{left:-51px}
	.txt_box h5:after{left:-61px}

	#divArea02 .history_list ul li .hi_img{margin-bottom:300px}
	#divArea02 .history_list ul li:nth-child(2) .hi_img{margin-bottom:490px}
	#divArea02 .history_list ul li:nth-child(2) .txt_box h5:before{left:116%}

	#divArea02 .effect01 .txt_box:nth-of-type(1):after{bottom:-785%; left:-17%}

	#divArea03 .history_list ul li .hi_img{margin-bottom:300px}
	#divArea03 .effect01 .txt_box:nth-of-type(1):after{bottom:-1068%;}
	
	#divArea03 .history_list ul li:nth-of-type(1) .hi_img{margin-bottom:530px}
}

@media all and (min-width:1024px) {
	.history_list ul li:nth-child(2) .txt_box h5:before{left: calc(27rem + 29px);}
	.effect01 .txt_box:nth-of-type(1):after{bottom:-399%; left:-12%}

	#divArea02 .history_list ul li:nth-child(2) .txt_box h5:before{left:111%}
	#divArea02 .effect01 .txt_box:nth-of-type(1):after{bottom:-740%; left:-12%}

	#divArea03 .history_list ul li .hi_img{margin-bottom:100px}
	#divArea03 .effect01 .txt_box:nth-of-type(1):before{height:1440px}
	
	
}

@media all and (min-width:1440px) {
	.top_box{padding:40px 60px;}
	.top_box p img{ margin-bottom:80px}
	.top_text .title{font-size:22px; padding:5px 20px}
	.top_text span{font-size:18px; margin-top:20px; margin-left:170px}
	.top_text .text{color:#333; margin-left:170px}


	.txt_box h5{font-size:36px; font-weight:bold;}
	.txt_box .s_tit{font-size:24px; margin-bottom:20px;}

	.history_list{margin-bottom: 100px;}
	.history_list:before{top:5px; height: 1300px;}
	
	.history_list ul li:nth-child(2) .txt_box h5:before{left: calc(27rem + 19px);}
	.effect01 .txt_box:nth-of-type(1):before{height:1250px; }
	.effect01 .txt_box:nth-of-type(1):after{left:-12%; margin-left:-2px}

	#divArea02 .history_list ul li:nth-of-type(1) .hi_img{margin-bottom:350px}
	#divArea02 .history_list ul li:nth-child(2) .txt_box h5:before{left:111%; margin-left:2px}
	#divArea02 .effect01 .txt_box:nth-of-type(1):before{height:1570px}

	#divArea03 .history_list ul li .hi_img{margin-bottom:200px}
	#divArea03 .effect01 .txt_box:nth-of-type(1):before{height:1600px}
	#divArea03 .effect01 .txt_box:nth-of-type(1):after{bottom:-1012%}
	
	
}

/*전일빌딩 소개*/
.intro_box{border:1px solid #c1c1c1; padding:30px 20px; text-align:center; color:#333; position:relative;}
.intro_box:before{content:''; display:block; position:absolute; top:-1px; left:0; width:100%; background:#062e58; height:2px;}
.intro_box:after{content:''; display:block; position:absolute; bottom:-1px; left:0; width:100%; background:url(/home/jeonil/images/sub/top_box_gray.png)repeat-x; height:5px;}
.intro_box h4{font-size:18px; color:#062e58; position:relative;}
.intro_box h4:before, .intro_box h4:after{content:'';display: inline-block; position:absolute;top: -10px; background:url(/home/jeonil/images/sub/top_box_code.png) no-repeat;width: 26px; height:18px; background-size:cover;background-position: 0px 0;margin: 0 -7px;}
.intro_box h4:after{background-position: -42px 0;margin: 0 -14px;}
.intro_box h4 span{position:relative; display:inline-block; z-index:1}
.intro_box h4 span:before{content:''; display:block; position:absolute; background:#cdd5de; width:104%; height:10px; top:70%; left:-2%;  z-index:-1}
.intro_box p:nth-of-type(1){font-weight:500; margin:10px 0}

.color_box{text-align:center; margin-top:30px;}
.color_box img{max-width:30%; margin-bottom:10px;}
.color_box .color_txt{margin-top:15px;}
.color_box .txt > p{background:#a54a98; display:inline-block; padding:5px 24px; color:#fff;}
.color_box .txt:nth-of-type(2) > p{background:#d1996c;}
.color_box .txt:nth-of-type(3) > p{background:#55ace1;}
.color_box .txt:nth-of-type(4) > p{background:#1cae5e;}
.color_box .txt div{margin-bottom:15px;}
.color_box .txt div p{display:block; margin:8px 0 3px; font-size:16px;}
.color_box .txt div span{color:#a54a98; font-weight:400;}
.color_box .txt:nth-of-type(2) div span{color:#d1996c;}
.color_box .txt:nth-of-type(3) div span{color:#55ace1;}
.color_box .txt:nth-of-type(4) div span{color:#1cae5e;}

.info_box{text-align:center;}
.info_box{margin-top:20px;}
.info_box img{max-width:70%;}
.info_box p{margin-top:15px;}
.info_box p:nth-of-type(1){color:#06a34d; font-size:16px; margin:20px 0 15px; font-weight:500; position:relative; z-index:2;  display:inline-block;}
.info_box p:nth-of-type(1):before{content:''; display:block; position:absolute; background:#c2e7d3; width:104%; height:10px; top:70%; left:-2%;  z-index:-1}

.info_box02{text-align:center;}
.info_box02 p:nth-of-type(1){color:#06a34d; font-size:16px; margin:20px 0 15px; font-weight:500; position:relative; z-index:2;  display:inline-block;}
.info_box02 p:nth-of-type(1):before{content:''; display:block; position:absolute; background:#c2e7d3; width:104%; height:10px; top:70%; left:-2%;  z-index:-1}

.info_box_tit{font-weight:500; font-size:16px !important;}
.info_box03{margin-top:10px; text-align:center;}
.info_box03 .box01{margin-top:25px;}
.info_box03 .box01 p:nth-of-type(1){color:#333; font-weight:500; font-size:16px; margin:10px 0;}

@media all and (min-width:440px) {
	.intro_box h4:before{margin:0 -36px}
	.intro_box h4:after{margin:0 10px}
}

@media all and (min-width:768px) {
	.intro_box{padding:40px 50px;}
	.intro_box h4{font-size:20px}
	.intro_box p:nth-of-type(1){font-size:16px;}

	.color_box{overflow:hidden; margin:30px auto 0;width: 620px;}
	.color_box img{max-width:20%; float:left; margin-right:30px;margin-bottom: 90px;}
	.color_box .color_txt{margin-top:0}
	.color_box .txt{overflow:hidden; text-align:left;}
	.color_box .txt > p{text-align: center;float:left; margin-bottom:25px; margin-right:10px;padding: 6px 24px;min-width: 139px;}
	.color_box .txt:nth-of-type(1) > p{margin-top:0;}
	.color_box .txt div p{margin-top:-3px;}

	.info_box{overflow:hidden; position:relative; text-align:left;}	
	.info_box img{position:absolute; left:0; top:19%; max-width:35%;}
	.info_box .txt_box{background:#f8f8f8; padding:25px 25px 40px 180px; float:right; margin-left:100px;}

	.info_box02{margin-top:40px; background:#f8f8f8; padding:10px 40px 25px; position:relative;}
	.info_box02:before{content:''; display:block; position:absolute; background:#06a34d; width:2px; height:36px; top:-20px; left:50%;}

	.info_box03{overflow:hidden; text-align:left;}
	.info_box03 .box01{min-height:180px; background:#f8f8f8; border-radius:150px}
	.info_box03 img{float:left; margin-right:20px;}
	.info_box03 .box01 div{padding:26px 40px;}
}

@media all and (min-width:1024px) {
	.intro_box h4{font-size:22px;}
	.intro_box h4:before, .intro_box h4:after{width:40px;height: 26px;}
	.intro_box h4:before{margin:0 -49px}
	.intro_box h4:after{background-position:-55px 0}
	.intro_box p:nth-of-type(1){font-size:18px;}

	.color_box{margin-top:40px; width: 640px;}
	.color_box img{margin-bottom:100px;}
	.color_box .txt > p{min-width:152px}

	.info_box .txt_box{padding:30px 30px 40px 130px; margin-left:200px}
	.info_box .txt_box p:nth-of-type(1){font-size:18px;}
	.info_box02 p:nth-of-type(1){font-size:18px;}

	.info_box_tit{font-size:18px !important;}
	.info_box03 .box01 p:nth-of-type(1){font-size:18px;}
}

@media all and (min-width:1440px) {
	.intro_box{padding:58px 80px 50px; margin-top:10px;}
	.intro_box h4{font-size:30px;}
	.intro_box h4 span:before{top:25px; width:107%; left:-3%;}
	.intro_box h4:before, .intro_box h4:after{width:43px; height:33px;}
	.intro_box h4:before{margin:0 -75px}
	.intro_box h4:after{background-position:-78px 0; margin:0 38px}
	.intro_box p:nth-of-type(1){margin:15px 0}

	.color_box{width:740px;  margin-top:60px; width:760px;}
	.color_box img{max-width:90%;  margin-bottom:0}
	.color_box .txt > p{padding:6px 30px; margin-right:15px; margin-bottom:22px; min-width:164px;}
	.color_box .txt div p{margin-top:-6px;}

	.info_box  p:nth-of-type(1):before{width:102%; left:-1%;}
	.info_box02{margin-top:45px; padding:20px 50px 40px}
	.info_box02:before{height:40px; top:-22px;}
	.info_box02 p:nth-of-type(1){margin-bottom:20px;}
	
	.info_box03{margin-bottom:35px;}
}

.tab_month_ea{background:#edf5ff; padding:20px 25px; margin:30px 0;}
.tab_month_ea ul{overflow:hidden;}
.tab_month_ea ul li{width: 100%;text-align: center;line-height: 2.0;font-size:16px;position:relative; margin-bottom:10px;}
.tab_month_ea ul li:last-child{margin-bottom:0;}
.tab_month_ea ul li:after{content:''; display:block; width:1px; height:15px; top:25%; right:-6px; position:absolute; background:#dddce5;}
.tab_month_ea ul li:last-child:after{display:none;}
.tab_month_ea ul li:nth-child(4){margin-right:0;}
.tab_month_ea ul li:nth-child(4):after{display:none;}
.tab_month_ea ul li a{position:relative;  color:#9d9ca3; padding:5px 0}
.tab_month_ea ul li a.tab_on{width:100%; z-index:2;color:#fff;display:inline-block;font-weight: bold; background:#075cbd;}


@media all and (min-width:768px) {
	.tab_month_ea{padding:40px 60px}
	.tab_month_ea ul li{float:left; width:33%; font-size:18px; margin-bottom:0;}
	.tab_month_ea ul li:after{right:0px}
	.tab_month_ea ul li:last-child{margin-right: 0 !important;}
	.tab_month_ea ul li:nth-child(4):after{display:block;}
	.tab_month_ea ul li a{margin-top:-4px;}
	.tab_month_ea ul li a.tab_on{/* height:36px; */padding: 7px 0 3px;line-height: 1.8;}
	
}

@media all and (min-width:1024px) {
	.tab_month_ea{padding:40px 100px; margin:50px 0 60px;}
	.tab_month_ea ul li:after{right: 0;}
}

.info_box04{text-align:center; margin-top:20px;}
.info_box04 img{margin-bottom:15px;}
.info_box04 ul{text-align:left;}
.info_box04 .info_bot{display:block; margin-top:15px; margin-left:-10px; font-weight:400}

@media all and (min-width:768px) {
	.info_box04{overflow:hidden;}
	.info_box04 img{float:left; margin-right:20px;}
	.info_box04 ul li{margin-left: 290px; margin-bottom:8px;}
}

.info_txt_tit{font-size: 16px; font-weight:bold; position:relative; z-index:2; margin:15px 0 10px; display:inline-block}
.info_txt_tit:before{position:absolute; content:''; display:block; width:104%; height:8px; background: #c2e7d3; top:70%; z-index:-1; left:-2%;}

/*층별안내*/
.floor_box .txt_box{background:#f8f8f8; padding:40px 30px; margin-top:15px;}
.floor_box .floor_tit{font-size:18px; font-weight:500; margin-top:30px; margin-bottom:10px; color:#98389a;}
.floor_box .floor_tit:nth-of-type(1){margin-top:0;}
.floor_box i{margin-right:5px;}
.floor_box .txt{margin-bottom:10px;}
.floor_box .txt_box span{display:block; font-weight:500; color:#333;}

.floor_box .floor_left{overflow:hidden;}
.floor_box .floor_left img{margin-bottom:10px; max-width:40%;}

#divArea06 .floor_tit{color:#0099e9}
#divArea07 .floor_tit, #divArea09 .floor_tit{color:#3fb100}
#divArea08 .floor_tit{color:#f38600}


.tab_month02 ul li{height:30px; margin-bottom:15px}

@media all and (min-width:500px) {
	.tab_month02 ul li{float:left; width:33%;}
	.tab_month02 ul li:nth-of-type(4):after{display:block;}
}

@media all and (min-width:768px) {
	.floor_box .floor_left img{float:left; margin-right:15px;}
	.floor_box .floor_left ul{margin-left:200px !important;}
}

@media all and (min-width:1440px) {
	.floor_box .floor_tit{font-size:20px; font-weight:bold;}
	.floor_box .floor_left img{margin-top:10px;}
}


@media all and (min-width:768px) {
	.tab_month02 ul li{margin-bottom:15px}
	.tab_month02 ul li:nth-child(3n):after{display:none;}
	.tab_month02 ul li a.tab_on{/* height:26px; */}
}

@media all and (min-width:1440px) {
	.tab_month02{padding:30px 20px}
	.tab_month02 ul li{width:11%; margin-bottom:0; font-size:16px}
	.tab_month02 ul li:after{display:block !important;}
	.tab_month02 ul li:nth-of-type(9):after{display:none !important;}
	.tab_month02 ul li a.tab_on{height: 36px;padding: 5px 0;}
}

/*찾아오시는길*/
.traffic_tit:before, .traffic_tit:after{display:none !important;}
.traffic_tit{padding-left:0 !important;}
.traffic_tit i{margin-right:8px}

/* 대관절차 및 규정 */
.small01 {font-size:14px !important;}
.content p.con_title {font-size:1.6em;}

.listCount {float:right; max-width:150px; margin-bottom:10px;}