@charset "UTF-8";

/* Page Title */

body { width:100%; padding:0px; margin:0px;}
 
/*서브 BG
.sub_vi1  { margin-top:0; width:100%; height:220px; float:left; background:url('/common/img/sub/sub_vi1.png') no-repeat top center; background-color:#ddd;  }
.sub_vi2  { margin-top:0; width:100%; height:220px; float:left; background:url('/common/img/sub/sub_vi2.png') no-repeat top center; background-color:#ddd;  }
.sub_vi3  { margin-top:0; width:100%; height:220px; float:left; background:url('/common/img/sub/sub_vi3.png') no-repeat top center; background-color:#ddd;  }
.sub_vi4  { margin-top:0; width:100%; height:220px; float:left; background:url('/common/img/sub/sub_vi4.png') no-repeat top center; background-color:#ddd;  }
.sub_vi5  { margin-top:0; width:100%; height:220px; float:left; background:url('/common/img/sub/sub_vi5.png') no-repeat top center; background-color:#ddd;  }
 
#sub_wrap  {width:1200px; margin:0 auto; }

.content_wrap {position:relative; width:100%; float:left;}
.sub_content {position:relative;width:880px; float:right; margin-top:-110px; right:0;}
.sub_content2 {position:relative; width:100%; float:left; margin-top:50px;}
*/

#sub_wrap {position:relative; width:100%; padding-left:400px;  box-sizing:border-box; }

.sub_con	{ padding-top:100px; }
.sub_con .center_box {max-width:1200px; width:100%; margin:0 auto;}

.sub_con h2	{ font-size:38px; font-weight:500; color:#333; text-align:center; border-bottom:2px solid #ddd; padding-bottom:15px; margin-bottom:50px;}
.sub_con h3	{ font-size:25px; font-weight:500; color:#333; text-align:left;}

.txt_icon1 {padding-left:25px; line-height:1.5em; background:url('/common/img/sub/txt_icon1.png') no-repeat center left; box-sizing:border-box; }


/*메뉴*/
/* 내용 위에 탭 메뉴 */ 
.content_menu          		  {position:absolute; top:450px; left:0; width:100%; height:55px;  border-top:1px solid #ddd; border-bottom:1px solid #ddd;} 
.content_menu  .in      	  {margin:0 auto; width:1200px; background:#dfd; }
.content_menu  .in .home    {width:5%;height:55px; background:#31865e; float:left; padding:17px 0px 0px 0px; text-align:Center;  border:1px solid #ddd; border-top:0; border-bottom:0 ; box-sizing:border-box; }

.content_menu  .in  .box1 {width:22%;  height:55px; float:left; text-align:center; background:url('/common/img/sub/sub_menu_arrow.png') no-repeat top left; border-right:1px solid #ddd;} 
.content_menu  .in  .box2 {width:22%;  height:55px; float:left; text-align:center; background:url('/common/img/sub/sub_menu_arrow.png') no-repeat top left; border-right:1px solid #ddd;} 



b {font-weight:500; color:#333;}

#article {width:1200px; float:left; padding:0px 0 90px 0;}
.guide {width:100%; float:left;  margin:0 auto; }
.guide .t1 {float:left;  font-size:2em;  font-weight:600; color:#333;  letter-spacing:-2px;}
.guide .t2 {float:right; font-size:0.85em; font-weight:400; padding-top:25px; color:#999;  letter-spacing:-2px;}

.box_100  {width:100%; float:left;}
.box_20  {width:20% !important; float:left;}
.box_30  {width:30% !important; float:left;}
.box_33  {width:33% !important; float:left;}
.box_40  {width:40% !important; float:left; background-color:#fff;}
.box_45  {width:45% !important; float:left;}
.box_48  {width:48.5% !important; float:left;}
.box_50  {width:50% !important; float:left;}
.box_55  {width:55% !important; float:left;}
.box_60  {width:60% !important; float:left;}
.box_70  {width:70% !important; float:left;}
.box_73  {width:73% !important; float:left;}
.box_75  {width:75% !important; float:left;}
.box_80  {width:80% !important; float:left;}
.box_85  {width:85% !important; float:left;}
.box_90  {width:90% !important; float:left;}


p,span {margin:0;}
.deco1  {font-size:1.15em; line-height:1.5em; font-weight:600; color:#333;}
.deco2  {font-size:2.2em; line-height:1.5em; font-weight:800; color:#333;}

.baro_btn {font-size:15px; color:#777 !important; float:right; padding:8px 20px; border-radius:20px; background:#fff; color:#555 !important; box-shadow:1px 1px 1px 0px #ddd}
.baro_btn:hover {text-decoration:underline;}

.text_box  {font-size:17px; line-height:1.5em; font-weight:400; color:#555; }  
.text_box2  {font-size:19px; line-height:1.65em; font-weight:400; color:#333;}  
.text_box3  {font-size:16px; line-height:1.5em; font-weight:400; color:#666;}  

.text_box4  {font-size:18px; line-height:1.5em; font-weight:500; color:#333;}  

.text_box25  {font-size:25px; line-height:1.5em; font-weight:500; color:#333;}  

.text_box1_bd {font-size:17px; line-height:1.3em; font-weight:400; color:#555; border-bottom:1px dashed #ddd; padding-bottom:12px; margin-bottom:12px;}  

.text_bg1 {background:#f7f7f7; width:100%; float:left; padding:10px 20px; box-sizing:border-box;  }
.text_bg1_box {position:relative; background:#fff; width:100%; float:left; padding:15px 20px;  box-sizing:border-box; border:1px solid #ddd; }
.text_bg1_box_tit {position:absolute; top:-40px; left:0; padding:8px 22px; box-sizing:border-box; font-weight:500; border-radius:15px 15px 0 0; color:#fff; background:#555; font-size:17px; display:inline-block;}

.text_bg5 {background:#e4f3f2; width:100%; float:left; padding:12px 20px; box-sizing:border-box; line-height:1em !important; font-size:15px; font-weight:400; color:#555; border:none}
.text_bg6 {background:#f7f7f7; width:100%; float:left; padding:10px 20px; box-sizing:border-box; font-size:15px; }




.color1  {color:#054f98; }
.color2  {color:#777; }
.color3  {color:#ff9009; }

.nomal_t  {font-size:0.95em; line-height:1.3em; font-weight:400; }
.border_bottom  {border-bottom:1px dashed #ddd;  padding-bottom:40px; margin-bottom:50px;  width:100%; float:left;}
.border_top  {border-top:1px dashed #ddd; padding-top:30px; width:100%; float:left;}


table.img_table  {width:100%; float:left;}
table.img_table td {text-align:center;  border:1px solid #fff;  vertical-align:middle;  }
table.img_table td.t1 {  background-color:#fff;  font-size:0.92em; line-height:1.2em; color:#333;  font-weight:600;  padding:7px 0 13px 0; }



/*오시는 길*/
.circle_bg{padding:12px; border-radius:50px; background:#00723b; margin-right:20px;}
.bold_f{font-weight:500; }

.address_bar{width:42px; height:2px; background:#339900; float:left; margin-top:5px;}

.map_info_wrap{width:100%; float:left; background:#f7f7f7}


.map_info {float:left; width:40%; position:relative;}
.map_info_txt { color:#333; width:55%; float:right; padding:20px 30px; font-size:17px; font-weight:400; box-sizing:border-box; }
.map_info_txt p p{ border-bottom:1px dashed #ddd; width:100%; float:left;}


.map_info_txt2{color:#666; font-size:16px; font-weight:300; display:block; line-height:1.8em; }
.map_info_txt3{margin:10px 0 0px 0px; color:#666; font-size:15px; font-weight:300; display:block;}
.map_info_txt3 a{color:#666 !important;}
.map_info_txt3 a:hover{color:#333 !important;}

.bus_b{padding:2px 7px; background:#0070ee; color:#fff; border-radius:5px; font-size:14px; }
.bus_g{padding:2px 7px; background:#1ba925; color:#fff; border-radius:5px; font-size:14px; }
.bus_ma{padding:2px 7px; background:#999; color:#fff; border-radius:5px; font-size:14px; }
.subway_b{padding:2px 7px; background:#33a5eb; color:#fff; border-radius:5px; font-size:14px; }
.car_b{padding:2px 7px; background:#555; color:#fff; border-radius:5px; font-size:14px; }

.sub_h3_tit {font-size:25px; font-weight:500; line-height:1.35em; width:100%; float:left;}

.color_mi {color:#60bdc2; }
.color_bl {color:#0f83f1; }
.color_pi {color:#ec889a !important; }

.f_bold {font-weight:500;}

/* 사이트맵 */
.sitemap_wrap{width:100%; float:left;}
.sitemap_box{width:23%; margin-right:2.4%; float:left; border:1px solid #ddd; }
.sitemap_box>ul>li{border-bottom:1px solid #ddd;padding:15px 0; text-align:center;} 
.sitemap_box>ul>li>a{font-size:17px; font-weight:400; color:#333;} 
.sitemap_tit1{background:#00723b url('/common/img/sub/stripe_bg.png') repeat 0;;font-size:19px; font-weight:500; color:#fff; }
.sitemap_tit2{background:#87b73f url('/common/img/sub/stripe_bg.png') repeat 0;;font-size:19px; font-weight:500; color:#fff; }
.sitemap_submenu{ margin-top:5px;}
.sitemap_submenu li{ text-align:left; margin-left:35%;}
.sitemap_submenu li a{color:#777; font-weight:300;}

/* 서브 타이틀 앞에 ◇ 마름모 라인이미지 */
.tit_line        {width:100%; font-weight:600; font-size:1.3em; line-height:1em; padding-left:25px; box-sizing:border-box; 
background:url('/common/img/sub/tit_line2.png') no-repeat top left;  float:left;  color:#333; }

.tit_line2 {width:100%; float:left; padding-left:25px;  font-weight:600; font-size:1.3em; line-height:1em; background:url('/common/img/sub/tit_line2.png') no-repeat bottom left;}


.color_r{color:#c00 !important;}
.color_b{color:#003399 !important;}
.color_gr{color:#777; font-size:15px; font-weight:300;}

.bg_box1 {background:#dee; width:100%; float:left;}

.table_title{font-size:16px; color:#555; font-weight:400;}
.textarea_wrap { text-align:center; background-color:#f9f9f9; padding:14px 10px; box-sizing:border-box;}

.box_100 .col-2  {position:relative; width:47%; margin-left:1.5%; height:210px; float:left; border:1px solid #ddd;}
.box_100 .col-2:nth-child(even) {float:right;}
.box_100 .col-2:nth-child(3), 
.box_100 .col-2:nth-child(4), 
.box_100 .col-2:nth-child(5), 
.box_100 .col-2:nth-child(6), 
.box_100 .col-2:nth-child(7), 
.box_100 .col-2:nth-child(8) {margin-top:50px;}


.box_100 .col-2 p { box-sizing:border-box; }
.box_100 .col-2 p b { font-size:20px; font-weight:500; color:#12598a; display:inline-block; margin-bottom:15px;}
.box_100 .col-2 img {position:absolute; top:-12px; left:-15px; box-sizing:border-box; box-shadow:8px 8px 1px 1px #a9d9eb;}

/*사이트맵*/
.box_100 .squ-4 {width:24%; height:240px; float:left; border:1px solid #ddd; margin-right:1.2%; padding:20px; box-sizing:border-box;}
.box_100 .squ-4:nth-child(4) {float:right; margin:0; }
.box_100 .squ-4 h3 	{ font-size:20px; font-weight:600; margin-bottom:15px; background:#e5f5f8;  padding:10px; text-align:center;}
.box_100 .squ-4 .line_bar 	{ margin:0 auto;  padding:10px; color:#fff;}
.box_100 .squ-4 p 	{ box-sizing:border-box; width:100%; float:left; text-align:left; line-height:1.85em; font-size:17px; font-weight:400; color:#555;}

.box_100 .bor-3 {width:32%; float:left; margin-right:2%; text-align:center;}
.box_100 .bor-3:last-child {float:right; margin:0;  }
.box_100 .bor-3 img 	{ box-sizing:border-box; width:100%; float:left;}
.box_100 .bor-3 p 	{ box-sizing:border-box; width:100%; float:left; padding:8px 5px;  border:1px solid #ddd;}

.box_100 .bor-4 {width:24%; float:left; margin-right:1.33%; text-align:center;}
.box_100 .bor-4:last-child {float:right; margin:0;  }
.box_100 .bor-4 img 	{ box-sizing:border-box; width:100%; float:left;}
.box_100 .bor-4 p 	{ box-sizing:border-box; width:100%; float:left; padding:8px 5px;  border:1px solid #ddd;}



.org-tbl{width:100%; background-color:#fff;}
.org-tbl th{font-size:18px; line-height:30px; color:#333; letter-spacing:-0.7px; font-weight:400; border-top:2px solid #ff982a; border-bottom:1px solid #aaa; padding:15px 0; background:url(/images/content/org_tbl_bg.jpg) no-repeat left center;}
.org-tbl tr th:first-child{background:none;}
.org-tbl td{border:1px solid #eaeaea; font-size:17px; line-height:30px; color:#333; font-weight:300; text-align:center; letter-spacing:-0.7px; padding:12px 0;}
.org-tbl td a{font-size:17px; line-height:30px; color:#333; font-weight:300; text-align:center; letter-spacing:-0.7px;}
.org-tbl tr td:first-child{border-left:0;}
.org-tbl tr td:last-child{border-right:0;}


.price_table{width:100%; background-color:#fff; border-top:2px solid #12598a;}

.price_table tr th{font-size:18px;color:#111; line-height:30px; font-weight:500;  border-bottom:1px solid #aaa; padding:12px 0; border-right:none; vertical-align:middle;}
.price_table tr .bg1{background:#f7f7f7;}
.price_table tr .bg2{background:#12598a; color:#fff;}
.price_table tr .bg3{background:#ecf4f7; }
.price_table td{font-size:17px; line-height:1.6em; color:#555;  font-weight:400; border-bottom:1px solid #aaa; vertical-align:middle; padding:12px 0; border-right:none; text-align:center;}

.border_wrap {width:100%; float:left; border:1px solid #ddd; padding:40px; box-sizing:border-box;}
.border_wrap2 {width:100%; float:left; border:5px solid #ddd; padding:15px; box-sizing:border-box;}


.center_wrap {width:100%; float:left;  border:1px solid #ddd; text-align:center; padding:10px 0; font-weight:500; font-size:18px; }

   
   
/* faq */   
.faq-list {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}
.faq-list dt,
.faq-list dd {
    border-top: 1px solid #ddd;
    padding: 20px; font-size:17px;
    position: relative;
}
.faq-list dt:first-child {
    border-top: 0;
}
.faq-list dt {
    cursor: pointer;
    padding-right: 50px;	
	font-weight:500;
	color:#333;
}
.faq-list dt:before {
    width: 33px;
	height:33px;
    content: "Q";
    display: inline-block;
    margin-right:15px;
	background:#00aef0;	
	font-size:15px;
	border-radius:30px;
	color:#fff;
	padding-top:3.5px;
	box-sizing:border-box;
	text-align:center;
	vertical-align:middle;
	font-weight:500;
}
.faq-list dt:after {
    content: "+";
    display: inline-block;
    position: absolute;
    width: 15px;
    text-align: center;
    right: 30px;
    top: 15px;
	font-size:25px;
	font-weight:400;	
}
.faq-list dd {
    display: none;
    color: #333;
	font-size:17px;
	line-height:1.5em;
}
.faq-list dt.selected {
    color: #00aef0;
}
.faq-list dt.selected:before {
    color: #fff;
}
.faq-list dt.selected:after {
    content: "ㅡ";	
	top:18px;
	font-size:20px;
	font-weight:500;
}
.faq-list dd:before {
    width: 33px;
    height: 33px;
    content: "A";
    display: inline-block;
    margin-right: 20px;
	color:#fff;	
	margin-right:15px;
	background:#005a96;	
	font-size:15px;
	border-radius:30px;	
	padding-top:3px;
	box-sizing:border-box;
	text-align:center;
	vertical-align:middle;
	font-weight:500;
}
.faq-list dd {
    background: #f3f7f8;
}

/* Q&A */
.pw_open {width:100%; box-sizing:border-box; }
.pw_open #board {width:60%; margin:0 auto}


@media all and (max-width:1700px){
	.sub_con .center_box {max-width:1050px; width:100%; margin:0 auto;}	
	
	
	.box_100 .squ-4 {width:32%; float:left; border:1px solid #ddd; margin-right:2%; padding:20px; box-sizing:border-box;}
	.box_100 .squ-4:nth-child(3) {float:right; margin:0; }
	.box_100 .squ-4:nth-child(4) {margin-top:20px; float:left;  margin-right:2%; }	
	
	.map_info {float:left; width:40%; position:relative;}
	.map_info_txt { color:#333; width:100%; float:left; margin-top:10px; padding:30px;font-size:17px; font-weight:400; box-sizing:border-box; }

}

@media all and (max-width:1500px){
	.sub_con .center_box {max-width:900px; width:100%; margin:0 auto;}	
	
	.box_100 .col-2:nth-child(2) {margin-top:50px;}
	.box_100 .col-2  {position:relative; width:100%; float:left; border:1px solid #ddd;}
	.box_100 .col-2:nth-child(even) {float:right;}
	.box_100 .col-2 p { box-sizing:border-box; }
	.box_100 .col-2 p b { font-size:20px; font-weight:500; color:#12598a; display:inline-block; margin-bottom:15px;}
	.box_100 .col-2 img {position:absolute; top:-12px; left:-15px; box-sizing:border-box; box-shadow:8px 8px 1px 1px #a9d9eb;}

	/* Q&A */
	.pw_open {width:100%; margin-left:10%; box-sizing:border-box;}
	.pw_open #board {width:65%; margin:0 auto}

}

@media all and (max-width:1280px){
	.sub_con .center_box {max-width:800px; width:100%; margin:0 auto;}	
}

@media all and (max-width:1024px){
	.sub_con .center_box {max-width:700px; width:100%; margin:0 auto;}	
}