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

.mainContents_30 {width:100%; max-width:1200px; margin:0 auto; overflow:hidden; clear:both; padding:30px 0; }
.mainContents_0 {width:100%; max-width:1200px; margin:0 auto; overflow:hidden; clear:both; padding:0; }

/* ������ �� */
.background-dark{position:relative; 
    background:#222222; 
}
.background-dark .webzLatTit a,
.background-dark .basicLatTit a,
.background-dark .qnaLatTit a{color:#fff; }
.background-dark ul li{}
.background-dark ul li a{color:#ddd; }

/* 텍스트 */
.h1_title{padding:5px 20px; border-left:5px solid #111; font-size:26px; margin-bottom:20px; line-height:1.0em; color:#111; }
.h2_title{padding:5px 20px; border-left:5px solid #000; font-size:22px; margin-bottom:20px; line-height:1.0em; color:#000; }
.h3_title{padding:5px 20px; border-left:5px solid #999; font-size:18px; margin-bottom:20px; line-height:1.0em; 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{ 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_text_important0 { margin:0 0 15px;padding:8px 0;font-size:16px; color:#957958; line-height:1.3em; }

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


/* common 공통사항 - commonm.css로 옮김
.f_c0 {color:#111; }
.f_cc {color:#ccc; }
.f_cr {color:#f02924; }
.f_cf {color:#fff; }
.f_c8 { color:#888;}
.f_s8 { color:#888;font-size:0.95em; }
.f_big1 { font-size:1.15em; }
.f_tt1 { font-size:3em; }

.color_1 {background:#169dd6; }
.color_2 {background:#14d53d; }
.color_3 {background:#3814ff; }
.color_4 {background:#7520c5; }

.d_center { text-align:center; }
.d_box0 { background:#f7f7f7;padding:20px; }
.d_box1 { background:#fff;padding:20px;border:1px solid #eee; }
.d_bnk50 {display:block;height:50px;visibility:hidden; clear:both; content:""; }

a.btn_a1 {clear:both; font-size:12px; font-weight:bold; display:inline-block; padding:10px 30px; color:#ddd; border-radius:50px; text-align:center; margin:20px auto 0; background:#333; border:2px solid #fff; -webkit-transition-duration: 0.2s; -webkit-transition-timing-function: ease; transition-duration: 0.2s; transition-timing-function: ease; }
a.btn_a1:hover{color:#fff; border:2px solid #333; -webkit-transition-duration: 0.2s; -webkit-transition-timing-function: ease; transition-duration: 0.2s; transition-timing-function: ease; }

a.btn_c1 {clear:both; font-size:12px; font-weight:bold; display:inline-block; padding:10px 30px; color:#fff; border-radius:50px; text-align:center; margin:20px auto 0; background:#0b419b; border:2px solid #fff; -webkit-transition-duration: 0.2s; -webkit-transition-timing-function: ease; transition-duration: 0.2s; transition-timing-function: ease; }
a.btn_c1:hover{color:#fff;background:#111; -webkit-transition-duration: 0.2s; -webkit-transition-timing-function: ease; transition-duration: 0.2s; transition-timing-function: ease; }
 */

@media all and (max-width:650px) {
	.f_tt1 { font-size:2.8em; }
	.d_bnk50 {display:block;height:0;visibility:hidden; clear:both; content:""; }
}


@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; }
	.cont_text_important0 {margin:0 0 15px; font-size:14px; padding:5px 0; }

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

@media all and (max-width:600px)
{
	.f_tt1 { font-size:2.8em; }

	.h2_title_center{font-size:1px; }
	.h2_title_center small{font-size:13px; font-weight:normal; }

	.cont_text{font-size:14px; }
	.cont_text_info{font-size:14px; }
	.cont_text_info li {margin:5px 0; }
	.cont_text_important{font-size:15px; }
	
}

/* 도형 */
.figure_list{width:100%; overflow:hidden; padding:0; }
.figure_list li{ margin:10px 0;width:25%; float:left; text-align:center; }
.figure_list li i{display:block; margin:10px auto 30px; width:150px; height:150px; line-height:150px; border-radius:50%; background:#eee; font-size:4em;color:#111; }
.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:#eee; font-size:3em;color:#111; }
	.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; text-align:center; }
.basic_table table tbody td{background:#ffffff; }
.basic_table table tfoot th{background:#fbfbfb; text-align:center; }
.basic_table table tfoot td{background:#fbfbfb; }

/* 유튜브영상삽입 */
.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%;}

/* 3�ܷ��̾ƿ� */
.mainThreeLatArea{width:100%; margin:0 auto; overflow:hidden; }
.mainThreeLatArea .MTLA01,
.mainThreeLatArea .MTLA02,
.mainThreeLatArea .MTLA03{width:30%; float:left; margin-left:-1px; }
.mainThreeLatArea .MTLA02{margin:0 5%; }


@media all and (max-width:850px)
{
	.mainThreeLatArea{padding:0; }
	.mainThreeLatArea .MTLA01,
	.mainThreeLatArea .MTLA02,
	.mainThreeLatArea .MTLA03{width:100%;margin:0;padding:0 30px;float:none; }
	.mainThreeLatArea .MTLA02{ margin:0;}	
}

/* 4�� ���̾ƿ� */
.mainFourLatArea{width:100%; margin:0 auto; overflow:hidden; }
.mainFourLatArea .MTLA01,
.mainFourLatArea .MTLA02,
.mainFourLatArea .MTLA03,
.mainFourLatArea .MTLA04{width:25%; float:left; margin-left:-1px; }

@media all and (max-width:980px)
{
	.mainFourLatArea .MTLA01,
	.mainFourLatArea .MTLA02,
	.mainFourLatArea .MTLA03,
	.mainFourLatArea .MTLA04{width:50%; float:left; }
}

@media all and (max-width:650px)
{
	.mainFourLatArea .MTLA01,
	.mainFourLatArea .MTLA02,
	.mainFourLatArea .MTLA03,
	.mainFourLatArea .MTLA04{width:100%; float:none; margin-left:0px; }
}