@charset "utf-8"; 
/* copyright(c) WEBsiting.co.kr */

/* 텍스트 */
.h2_title{padding:8px 20px; border-left:5px solid #000; font-size:22px; margin-bottom:20px; line-height:1.3em; color:#000; }
.h3_title{padding:8px 20px; border-left:5px solid #999; font-size:18px; margin-bottom:20px; line-height:1.3em; color:#333; }
.h2_title_center{text-align:center; font-size:30px; padding:8px 20px; margin-bottom:50px; line-height:1.3em; color:#000; }
.h2_title_center small{display:block; font-size:20px; font-weight:normal; color:#999; line-height:1.3em; }

.cont_text{font-size:14px; line-height:1.6em; color:#666; overflow:hidden; clear:both; padding-bottom:15px; }
.cont_text_info{font-size:14px; line-height:1.6em; color:#666; overflow:hidden; padding:20px; border:2px dashed #ddd; clear:both; margin-bottom:15px; }
.cont_text_important{padding:8px 20px; border-left:5px solid #ddd; font-size:16px; color:#957958; line-height:1.3em; }

.cont_img_right50p{display:block; width:50%; float:right; margin:0 0 20px 20px; }
.cont_img_left50p{display:block; width:50%; float:left; margin:0 20px 20px 0; }

@media all and (max-width:980px)
{
	.h2_title{font-size:18px; padding:5px 15px; border-left:3px solid #000; }
	.h3_title{font-size:15px; padding:5px 15px; border-left:2px solid #999; }

	.cont_text{font-size:13px; line-height:1.4em; }
	.cont_text_info{font-size:13px; line-height:1.4em; }
	.cont_text_important{font-size:14px; padding:5px 15px; border-left:2px solid #ddd; }
	
}

@media all and (max-width:600px)
{
	.h2_title_center{font-size:20px; }
	.h2_title_center small{font-size:13px; font-weight:normal; }

	.cont_text{font-size:12px; }
	.cont_text_info{font-size:12px; }
	.cont_text_important{font-size:13px; }
	
}

/* 도형 */
.figure_list{width:100%; overflow:hidden; padding:30px 0; }
.figure_list li{width:25%; float:left; text-align:center; }
.figure_list li i{display:block; margin:10px auto; width:100px; height:100px; line-height:100px; border-radius:50%; background:#ddd; font-size:3em; }
.figure_list li strong{display:block; font-size:20px; color:#000; margin:5px; }
.figure_list li span{display:block; font-size:13px; color:#999; margin:5px; }

@media all and (max-width:650px)
{
	.figure_list li{width:50%; float:left; text-align:center; }
	.figure_list li i{display:block; margin:10px auto; width:100px; height:100px; line-height:100px; border-radius:50%; background:#ddd; font-size:3em; }
	.figure_list li strong{font-size:16px; }
	.figure_list li span{font-size:11px; }
	
}

/* 테이블 */
.basic_table{width:100%; overflow:auto;}
.basic_table table{width:100%; border:1px solid #ddd; border-top:3px solid #ddd; border-collapse:collapse; border-spacing:0; }
.basic_table table th,
.basic_table table td{border:1px solid #ddd; padding:8px; }
.basic_table table thead th{background:#ededed; padding:15px 8px; color:#000;  text-align:center; }
.basic_table table thead td{background:#ededed; padding:15px 8px; color:#000; text-align:center; }
.basic_table table tbody th{background:#f5f5f5; color:#666; text-align:center; }
.basic_table table tbody td{background:#ffffff; color:#666; }
.basic_table table tfoot th{background:#fbfbfb; color:#999; text-align:center; }
.basic_table table tfoot td{background:#fbfbfb; color:#999; }

/* 유튜브영상삽입 */
.youtube_area{position:relative;overflow:hidden;width:100%;padding-bottom:56.25%;clear:both;margin-bottom:10px;}
.youtube_area iframe{position:absolute; left:0px;right:0px;top:0px;bottom:0px;width:100%;height:100%;}


.sub-contents h2{font-size:36px;line-height:1.2em;font-weight:300;color:#333;letter-spacing:-0.075em;text-align:center;margin-bottom:20px;}
.sub-contents h2 strong{font-weight:700;display:block;}
.sub-contents .sub-txt{text-align:center;font-size:18px;line-height:1.2em;font-weight:400;color:#999;letter-spacing:-0.075em;margin-bottom:70px;}

.view-top{margin-left:-90px;}
.view-top::after{content:'';display:block;visibility:hidden;clear:both;}
.view-top .view-img{float:left;width:690px;margin-right:20px;}
.view-top .view-txt{float:left;width:285px;padding-top:30px;}
.view-top .view-txt h4{font-size:18px;line-height:1.6em;color:#333;letter-spacing:-0.075em;font-weight:400;margin-bottom:20px;word-break:keep-all;}
.view-top .view-txt p{font-size:14px;line-height:1.4em;color:#999;letter-spacing:-0.075em;margin-bottom:20px;word-break:keep-all;}
.view-top .view-txt .greeting{text-align:right;color:#333;}

.sub-contents h3{text-align:center;margin-top:130px;margin-bottom:35px;font-size:24px;line-height:1.2em;padding-bottom:15px;position:relative;}
.sub-contents h3::after{content:'';width:50px;height:5px;background-color:#ccc;position:absolute;left:calc(50% - 25px);bottom:-5px;}

.box-step{max-width:1020px;background-color:#f3f4f7;border-radius:15px;padding:40px 10px;}
.box-step ol::after{content:'';display:block;visibility:hidden;clear:both;}
.box-step ol li{float:left;width:calc(20% - 80px);margin:0 40px;position:relative;}
.box-step ol li::before{content:'';background:url('../img/arrow-step.png') no-repeat;width:21px;height:17px;position:absolute;left:-50px;top:calc(50% - 20px);}
.box-step ol li:first-child::before{display:none;}
.box-step ol li em{font-style:normal;position:absolute;left:0;top:0;font-size:14px;line-height:1em;color:#333;font-weight:500;letter-spacing:0;}
.box-step ol li div{width:100%;padding-top:100%;background:#fff no-repeat center;border-radius:50%;margin-bottom:15px;}
.box-step ol li:first-child div{background-image:url('../img/ico-step01.png');}
.box-step ol li:nth-child(2) div{background-image:url('../img/ico-step02.png');}
.box-step ol li:nth-child(3) div{background-image:url('../img/ico-step03.png');}
.box-step ol li:nth-child(4) div{background-image:url('../img/ico-step04.png');}
.box-step ol li:nth-child(5) div{background-image:url('../img/ico-step05.png');}
.box-step ol li p{margin-left:-20px;margin-right:-20px;text-align:center;font-size:14px;line-height:1.3em;color:#666;letter-spacing:-0.075em;word-break:keep-all;}

.step-list{max-width:600px;margin:60px auto 0;}
.step-list::after{content:'';display:block;visibility:hidden;clear:both;}
.step-list li{float:left;width:50%;padding-left:10px;position:relative;font-size:18px;line-height:22px;color:#666;letter-spacing:-0.075em;margin-bottom:28px;}
.step-list li::before{content:'';width:4px;height:4px;background-color:#666;position:absolute;left:0;top:8px;}

dl.address{font-size:0;line-height:0;display:block;}
dl.address dt{display:inline-block;width:100px;height:40px;border-radius:20px;background-color:#999;text-align:center;font-size:18px;line-height:40px;font-weight:500;color:#fff;letter-spacing:-0.075em;margin-right:20px;margin-bottom:20px;vertical-align:top;}
dl.address dd{display:inline-block;font-size:18px;line-height:40px;color:#999;letter-spacing:0;margin-right:50px;margin-bottom:20px;vertical-align:top;word-break:keep-all;}


.bottom-banner{border-bottom-left-radius:20px;border-bottom-right-radius:20px;overflow:hidden;padding:0;margin:0 auto -80px;max-width:1200px;}
.bottom-banner::after{content:'';display:block;visibility:hidden;clear:both;}
.bottom-banner > div{float:left;width:50%;height:400px;display:table;background-repeat:no-repeat;background-size:cover;}
.bottom-banner > div:first-child{background-image:url('../img/bg-bottom01.jpg');}
.bottom-banner > div:last-child{background-image:url('../img/bg-bottom02.jpg');}
.bottom-banner > div.councel{background-image:url('../img/bg-bottom03.jpg');}
.bottom-banner > div a{display:table-cell;width:100%;height:100%;vertical-align:middle;text-align:center;}
.bottom-banner > div a h2{display:block;position:relative;color:#fff;font-size:24px;line-height:1em;font-weight:700;letter-spacing:-0.075em;}
.bottom-banner > div a h2::before{content:'';width:50px;height:1px;background-color:#fff;position:absolute;left:calc(50% - 25px);bottom:-15px;}



@media all and (max-width:1200px){
  #container{border-top-left-radius:0;border-top-right-radius:0;padding:70px  20px;}
  .bottom-banner{border-bottom-left-radius:0;border-bottom-right-radius:0;}
  .view-top{margin-left:-20px;}
  .view-top .view-img{width:50%;}
  .view-top .view-txt{width:calc(50% - 20px);padding-top:0;}
}
@media all and (max-width:992px){
  .box-step ol li{width:calc(20% - 40px);margin:0 20px;}
  .box-step ol li::before{left:-30px;}
  .box-step ol li div{background-size:60%;}
  dl.address dd{width:calc(50% - 120px);margin-right:0;}
  dl.address.long dd{width:100%;}
}
@media all and (max-width:750px){
  .bottom-banner{margin-bottom:0;border-bottom-left-radius:0;border-bottom-right-radius:0;}
  .view-top{margin-left:0;}
  .view-top .view-img{float:none;width:100%;margin-right:0;margin-bottom:20px;}
  .view-top .view-img img{width:100%;}
  .view-top .view-txt{float:none;width:100%;}
  .sub-contents h2{font-size:30px;}
  .box-step ol li{width:calc(33.33% - 40px);margin-bottom:30px;}
  .box-step ol li:nth-child(4)::before{display:none;}
  .step-list{max-width:100%;}
  .step-list li{font-size:17px;}
  dl.address dd{width:calc(100% - 120px);}
}

@media all and (max-width:500px){
  .bottom-banner > div{float:none;width:100%;height:200px;}
  .sub-contents h2{font-size:27px;}
  .sub-contents .sub-txt{font-size:16px;}
  .box-step ol li{width:calc(50% - 40px);height:140px;}
  .box-step ol li::before{display:none;}
  .box-step ol li div{width:90px;padding-top:90px;margin-right:auto;margin-left:auto;}
  .step-list{margin-top:20px;}
  .step-list li{float:none;width:100%;margin-left:20px;margin-bottom:10px;}
  dl.address dt, dl.address dd{font-size:16px;line-height:34px;}
  dl.address dt{margin-right:10px;}
}
@media all and (max-width:350px){
  .step-list li{margin-left:10px;font-size:16px;}
}