@charset "utf-8";
/* CSS Document */

#content img {vertical-align:top;}
/* 제목 */
h3 {clear:both; margin:0 0 10px 0;padding:1px 0 0 21px; font-size:14px; text-align:left; font-weight:bold; font-family: '나눔고딕', Nanum Gothic, Apple Gothic, Nanum Gothic,'돋움',Dotum;}

h3 {color: #d04e24; background:url(/images/common/icon/h3_1.gif) no-repeat left 7px; line-height:26px;}

h3.none {background: none !important; padding:0px !important;}

#content h3.img {margin:20px 0 5px 0; padding:0; background:none;}
#content h3.img_c0 {margin:10px 0 5px 0; padding:0; background:none;}
#content h3.img_0 {margin:0 0 5px 0; padding:0; background:none;}

/*#content { text-align:center;}*/
input[type='radio'] { border:0 !important; }
input[type='checkbox'] { border:0 !important; }
h3.c0 {margin:2px 0;}

.img_txt h3.c0 {margin:2px 0;}

h4 {clear:both;	margin:8px 0 8px 0px; padding:0 0 0 20px;  font-size:13px; text-align:left; color: #333;}
	* html h4 {height:1%;}

h4 {background:url(/images/common/icon/h4_1.gif) no-repeat left 3px;}

h4.c0 {margin:2px 0;}

/* 이미지만 있을시 */
.img_l {clear:both; padding:5px 0 10px 0; text-align:left;}
.img_c {clear:both;	padding:5px 0 10px 0; text-align:center;}
.img_r {clear:both;	padding:5px 0 10px 0; text-align:right;}


/* 제로뎁스 */
p {padding:0 0; margin:0; }

.txt {clear:both; text-align:justify; padding:0 0 10px 0; margin:0;}
.txt_big{font-size:23px; color: #333; font-weight:bold; padding:0 0 10px 0;}




.img_txt_sm {float:left; width:355px; margin:5px 0 20px 0; }
#img_border{border-bottom:1px #e5e5e5 solid; }
#txt_border{border-bottom:1px #e5e5e5 solid; margin:20px 0 20px 0; }
.txt_border2{border:1px #e5e5e5 solid; margin:20px 0 20px 0; }

#txt_border ul li { text-align:justify; padding:0 0 0 12px; background:url(/images/common/icon/h_li.gif) no-repeat left 8px;}
#content ul.tab02 li { text-align:justify; padding:0 0 0 12px; background:url(/images/common/icon/h_li.gif) no-repeat left 8px;}
#img_box{height:}



/* 뎁스 */
.img_txt div p {clear:both;	margin:0 0 15px 0;	text-align:justify;}
.img_txt div p.tab01 {clear:both;	margin:0 0 0 20px;	text-align:justify;}


ul.hyhy {clear:both; margin:0 0 0 3%; text-align:left; }
ul.hyhy li {float:left; width:180px; margin:0; white-space:nowrap; text-align:left; }

.tab01 img {text-align:center;}
.tab01 {/*clear:both;*/ margin:0 0 15px 20px; padding:0; text-align:justify; color:#333;}
.tab02 {/*clear:both;*/ margin:0 0 15px 20px; padding:0; text-align:justify;color:#383838;}
.tab03 {/*clear:both;*/	margin:0 0 10px 14px; padding:0; text-align:justify;color:#6D6D70;}

/* UL, OL, DL */
* html ul li {height:1%; }


.alert_content ul li {padding:0 0 0 9px; background:url(/images/common/icon/h_li.gif) no-repeat left 6px; text-align:justify;}

.redw{color:#FF3300; font-weight:bold;}
.msg{border:#FF6600 solid 1px; padding:10px 5px; margin-bottom:5px; font-weight:bold; color:#F30; background-color:#fff5ef; }
/* 이미지 텍스트있는 특수경우 */

/* 2단 텍스크 정렬 */
.left_txt { float:left; width:332px; margin-right:35px; padding:0;}
.right_txt { float:right; width:332px; margin:0; padding:0;}

/* 가로로 이미지와 텍스트가 들어갈때쓰임 
----------------------------------------*/
.img_txt {clear:both; float:left; width:100%; margin:5px 0 5px 0;}


/*--  이미지 100 / 텍스트 500  --*/
.img01 {float:left;	width:16%; margin:0 0 20px 0;}
.txt01 {float:right; width:68%;	padding:0; text-align:justify;}

/*--  이미지 150 / 텍스트 450  --*/
.img02 {float:left;	width:21%; margin:0 0 20px 0;}
.txt02 {float:right; width:77%;	padding:0; text-align:justify;}

/*--  이미지 200 / 텍스트 400  --*/
.img03 {float:left;	width:30%; margin:0 0 20px 0;}
.txt03 {float:right; width:69%; padding:0; text-align:justify;}

/*--  이미지 250 / 텍스트 350  --*/
.img04 {float:left;	width:39%; margin:0 0 20px 0;}
.txt04 {float:right; width:59%; padding:0; text-align:justify;}

.tab01 .img04 {float:left;	width:42%; margin:0 0 20px 0;}
.tab01 .txt04 {float:right; width:56%; padding:0; text-align:justify;}

/*--  이미지 300 / 텍스트 300  --*/
.img05 {float:right; width:48%; margin:12px 0 20px 0;}
.txt05 {float:left; width:49%; padding:0; text-align:justify;}

/*--  이미지 350 / 텍스트 250  --*/
.img06 {float:right; width:41%; margin:109px 0 20px 0;}
.txt06 {float:left; width:55%;	padding:0; text-align:justify;}

/*--  이미지 400 / 텍스트 420  --*/
.img07 {float:right;width:55%; margin:109px 0 20px 0;}
.txt07 {float:left; width:40%;	padding:0; text-align:justify;}

/*--  이미지 120 / 텍스트 480  --*/
.img08 {float:left; width:20%; margin:0 0 20px 0;}
.txt08 {float:right; width:78%; padding:0; text-align:justify;}

.img09 {float:left;width:20%; margin:0 15px 20px 0;}
.txt09 {float:right; width:75%; padding:0; text-align:justify;}
/*Table */

table.table {clear:both; width:100%; margin:10px 0 15px 0; border-top:2px #333 solid; border-bottom:1px #555 solid; border-right:1px #d8d8d8 solid; border-collapse:collapse;}
table.tab01 {width:97%; margin:10px 0 15px 22px;}
table.tab02 {width:97%; margin:10px 0 15px 20px;}
table.table th {background-color:#f9f9f9; padding:0px; text-align:center; border-bottom:1px #ccc solid; border-left:1px #d8d8d8 solid; border-top:1px solid #333333; color:#333; }
table.table td { padding:0px 5px;text-align:center;	border-left:1px #d8d8d8 solid;	border-top:1px #d8d8d8 solid; color:#333;letter-spacing: -0.03em;}

#content table.table td ul li {text-align:left; padding:0 0 0 8px; margin:0 0 0 5px; background:url(/images/common/icon/ul_li_li.gif) no-repeat 0 9px;}

#content table.table td ul ul li {text-align:left;	padding:0 0 0 6px; margin:0 0 0 2px;	background:url(/images/common/icon/n01-6.gif) no-repeat 0 8px;}


/*--  th에 사이즈가 필요할시 사용 --*/
.table th.th_5 {width:5%;}
.table th.th_8 {width:8%;}
.table th.th_10 {width:10%;}
.table th.th_12 {width:12%;}
.table th.th_15 {width:15%;}
.table th.th_18 {width:18%;}
.table th.th_20 {width:20%;}
.table th.th_25 {width:25%;}
.table th.th_30 {width:30%;}
.table th.th_35 {width:35%;}
.table th.th_40 {width:40%;}
.table th.th_45 {width:45%;}
.table th.th_50 {width:50%;}

/*--  td에 사이즈가 필요할시 사용 --*/
.table td.td_5 {width:5%;}
.table td.td_10 {width:10%;}
.table td.td_20 {width:20%;}
.table td.td_30 {width:30%;}
.table td.td_40 {width:40%;}
.table td.td_50 {width:50%;}
.table td.td_60 {width:60%;}
.table td.td_70 {width:70%;}

/*-- 라인없는 테이블 사용 --*/
table td.td_5 {width:5%;}
table td.td_15 {width:15%;}
table td.td_10 {width:10%;}
table td.td_20 {width:20%;}
table td.td_25 {width:25%;}
table td.td_30 {width:30%;}
table td.td_40 {width:40%;}
table td.td_50 {width:50%;}
table td.td_60 {width:60%;}
table td.td_70 {width:70%;}

table th.th_5 {width:5%;}
table th.th_8 {width:8%;}
table th.th_10 {width:10%;}
table th.th_12 {width:12%;}
table th.th_15 {width:15%;}
table th.th_18 {width:18%;}
table th.th_20 {width:20%;}
table th.th_25 {width:25%;}
table th.th_30 {width:30%;}
table th.th_35 {width:35%;}
table th.th_40 {width:40%;}
table th.th_45 {width:45%;}
table th.th_50 {width:50%;}

/*Table 라인이 위 아래만 있을시 */

table.table01 {clear:both;	width:100%;	margin-bottom:5px;	border-bottom:1px #DFDFDF solid; border-collapse:collapse;}

table.table01 th {padding:3px; text-align:center; border-top:1px #DFDFDF solid;	background-color:#EBF2FA;}

table.table01 th {background-color:#f4fbea;}

table.table01 td {padding:3px;text-align:center;	border-top:1px #DFDFDF solid; border-bottom:1px #DFDFDF solid;}

table.table01 th.th_l {	text-align:left; vertical-align:top; padding:3px;}

table.table01 td.td_20 {width:20%;	vertical-align:top;	padding:5px;}


/* 기타 설정 */
table.bu td {text-align:center;}
table.bu td a {display:inline; padding:0 0 0 8px; background:url(/images/common/icon/n01-5.gif) no-repeat 0 4px;}



/* 게시판형 콘텐츠 상단 타이틀 설정 */
#content_bbs_title {position:relative; width:100%; margin:0 0 10px 0; background:url(/_wscms30/img/temp/bg4depthNavDotLine.gif) repeat 0 -5px; overflow:hidden;}
#content_bbs_title h3 {margin:0 0 0 3px; float:left; padding:0 0 0 9px; line-height:1; background:url(/_wscms30/img/temp/bgTabNavHeader_on.gif) no-repeat left top; overflow:hidden;}
#content_bbs_title h3 span {display:block; padding:8px 9px 6px 0; background:url(/_wscms30/img/temp/bgTabNavTail_on.gif) no-repeat right top; color:#6D6D70; line-height:1; white-space:nowrap; float:left;}
#content_bbs_title p {margin:0; padding:0; float:right;}
#content_bbs_title p a {display:block; margin:0 3px 0 0; float:left; padding:0 0 0 9px; line-height:1; background:url(/_wscms30/img/temp/bgTabNavHeader_off.gif) no-repeat left top; cursor:pointer; overflow:hidden;}
#content_bbs_title p a span {display:block; padding:8px 9px 6px 0; background:url(/_wscms30/img/temp/bgTabNavTail_off.gif) no-repeat right top; color:#6D6D70; line-height:1; white-space:nowrap; float:left;}



/*박스*/



ul.border_dot {clear:both; padding:10px 15px 10px !important; border:1px #ccc dotted; background-color:#feede0; margin:10px 0; color:#333;}
.border_dot {clear:both; padding:10px 15px; border:1px #ccc dotted; background-color:#feede0; margin:20px 0 0 0; color:#333;}
.border_dot span { color:#9a0a2d; font-weight:600; }

.border_box {clear:both; padding:10px 15px !important; border:1px #eaebed solid; background-color:#feede0; margin:15px 0 0 0;line-height:150%; color:#333; }
.border_box_wh {clear:both; padding:10px 15px !important; border:1px #eaebed solid; background-color:#fff; margin:15px 0 0 0;line-height:150%; color:#333; }
.border_box_pi {clear:both; padding:10px 15px !important; background-color:#feede0; margin:15px 0 0 0;line-height:150%; color:#333; }
.border_box ul.tab01{clear:both; line-height:150%; margin: 0 0 0 0!important; }
.border_box_gray{clear:both; padding:10px 15px; background-color:#feede0; margin:15px 0 0 0;  line-height:150%; }
.border_boxcf {clear:both; padding:10px 15px; border:1px #eaebed solid; background-color:#fff; margin:15px 0 0 0 !important; line-height:150%; }
.border_box ul li { text-align:justify; padding:0 0 0 12px; background:url(/images/common/icon/hh_li.gif) no-repeat left 8px;}




/* 추가 스크립트 */
.left_img {overflow:hidden; clear:both;}
.left_img img {margin:5px 15px 15px 0; float:left;}
.left_img h3,
.left_img h4,
.left_img h4,
.left_img h5,
.left_img h6,
.left_img p,
.left_img div,
.left_img ul,
.left_img ol {overflow:hidden; clear:none !important;}

.right_img {overflow:hidden; clear:both;}
.right_img img {margin:0 0 15px 15px; float:right;}
.right_img h3,
.right_img h4,
.right_img h4,
.right_img h5,
.right_img h6,
.right_img p,
.right_img div,
.right_img ul,
.right_img ol {overflow:hidden; clear:none !important;}

.left_img .tab01 {padding:0 0 0 18px;}
.left_img .tab02 {padding:0 0 0 18px;}
.left_img .tab03 {padding:0 0 0 18px;}

/* Global Margin */

.align_left {text-align:left !important;}
.align_center {text-align:center !important;}
.align_right {text-align:right !important;}
.align_justify {text-align:justify !important;}
.valign_top {vertical-align:top !important;}
.valign_middle{vertical-align:middle !important;}
.valign_bottom {vertical-align:bottom !important;}
.display_block {display:block !important;}
.display_none {display:none !important;}



/* global class */

ul.clear_both li {float:none !important;}
ul.float_right {float:right;}
ul.ulfloat_left {float:left;}
ul.float_left li {float:left;}
ul.background_none li {background:none !important;}

.align_left {text-align:left !important;}
.align_center {text-align:center !important;}
.align_right {text-align:right !important;}
.align_justify {text-align:justify !important;}
.valign_top {vertical-align:top !important;}
.valign_middle{vertical-align:middle !important;}
.valign_bottom {vertical-align:bottom !important;}
.display_block {display:block !important;}
.display_none {display:none !important;}

.mal5 {margin-left:5px !important;}
.mal10 {margin-left:10px !important;}
.mal15 {margin-left:15px !important;}
.mal20 {margin-left:20px !important;}
.mal25 {margin-left:25px !important;}
.mal30 {margin-left:30px !important;}
.mal35 {margin-left:35px !important;}
.mal40 {margin-left:40px !important;}
.mal50 {margin-left:50px !important;}
.mal55 {margin-left:55px !important;}
.mal60 {margin-left:60px !important;}
.mal70 {margin-left:70px !important;}
.mal75 {margin-left:75px !important;}
.mal80 {margin-left:80px !important;}
.mal90 {margin-left:90px !important;}
.mal100 {margin-left:100px !important;}
.mal120 {margin-left:120px !important;}
.mal130 {margin-left:130px !important;}
.mal140 {margin-left:140px !important;}
.mal150 {margin-left:150px !important;}
.mal-5 {margin-left:-5px !important;}
.mal-10 {margin-left:-10px !important;}
.mal-15 {margin-left:-15px !important;}
.mal-20 {margin-left:-20px !important;}
.mal-25 {margin-left:-25px !important;}
.mal-30 {margin-left:-30px !important;}
.mal-35 {margin-left:-35px !important;}
.mal-40 {margin-left:-40px !important;}
.mal-45 {margin-left:-45px !important;}
.mal-50 {margin-left:-50px !important;}

.mar0 {margin-right:0 !important;}
.mar5 {margin-right:5px !important;}
.mar10 {margin-right:10px !important;}
.mar15 {margin-right:15px !important;}
.mar20 {margin-right:20px !important;}
.mar25 {margin-right:25px !important;}
.mar30 {margin-right:30px !important;}
.mar35 {margin-right:35px !important;}
.mar40 {margin-right:40px !important;}
.mar45 {margin-right:45px !important;}
.mar50 {margin-right:50px !important;}
.mar55 {margin-right:55px !important;}
.mar60 {margin-right:60px !important;}
.mar70 {margin-right:70px !important;}
.mar80 {margin-right:80px !important;}
.mar90 {margin-right:90px !important;}
.mar100 {margin-right:100px !important;}
.mar120 {margin-right:120px !important;}
.mar130 {margin-right:130px !important;}
.mar140 {margin-right:140px !important;}
.mar150 {margin-right:150px !important;}

.mab0 {margin-bottom:0 !important;}
.mab4 {margin-bottom:4px !important;}
.mab5 {margin-bottom:5px !important;}
.mab10 {margin-bottom:10px !important;}
.mab15 {margin-bottom:15px !important;}
.mab20 {margin-bottom:20px !important;}
.mab25 {margin-bottom:25px !important;}
.mab30 {margin-bottom:30px !important;}
.mab35 {margin-bottom:35px !important;}
.mab40 {margin-bottom:40px !important;}
.mab45 {margin-bottom:45px !important;}
.mab50 {margin-bottom:50px !important;}
.mab60 {margin-bottom:60px !important;}

.ma0 {margin-bottom:0 !important;}
.ma5 {margin-bottom:5px !important;}
.ma10 {margin-bottom:10px !important;}
.ma15 {margin-bottom:15px !important;}
.ma20 {margin-bottom:20px !important;}
.ma25 {margin-bottom:25px !important;}
.ma30 {margin-bottom:30px !important;}
.ma35 {margin-bottom:35px !important;}
.ma40 {margin-bottom:40px !important;}
.ma45 {margin-bottom:45px !important;}
.ma50 {margin-bottom:50px !important;}

.mat0 {margin-top:0 !important;}
.mat5 {margin-top:5px !important;}
.mat10 {margin-top:10px !important;}
.mat15 {margin-top:15px !important;}
.mat20 {margin-top:20px !important;}
.mat25 {margin-top:25px !important;}
.mat30 {margin-top:30px !important;}
.mat35 {margin-top:35px !important;}
.mat40 {margin-top:40px !important;}
.mat45 {margin-top:45px !important;}
.mat50 {margin-top:50px !important;}
.mat-5 {margin-top:-5px !important;}
.mat-10 {margin-top:-10px !important;}
.mat-15 {margin-top:-15px !important;}
.mat-20 {margin-top:-20px !important;}
.mat-25 {margin-top:-25px !important;}
.mat-30 {margin-top:-30px !important;}
.mat-35 {margin-top:-35px !important;}
.mat-40 {margin-top:-40px !important;}
.mat-45 {margin-top:-45px !important;}
.mat-50 {margin-top:-50px !important;}

.pal5 {padding-left:5px !important;}
.pal10 {padding-left:10px !important;}
.pal15 {padding-left:15px !important;}
.pal20 {padding-left:20px !important;}
.pal25 {padding-left:25px !important;}
.pal30 {padding-left:30px !important;}
.pal35 {padding-left:35px !important;}
.pal40 {padding-left:40px !important;}
.pal50 {padding-left:50px !important;}


.par0 {padding-right:0 !important;}
.par5 {padding-right:5px !important;}
.par10 {padding-right:10px !important;}
.par15 {padding-right:15px !important;}
.par20 {padding-right:20px !important;}
.par25 {padding-right:25px !important;}
.par30 {padding-right:30px !important;}
.par35 {padding-right:35px !important;}
.par40 {padding-right:40px !important;}

.pat5 {padding-top:5px !important;}
.pat10 {padding-top:10px !important;}
.pat15 {padding-top:15px !important;}
.pat20 {padding-top:20px !important;}
.pat25 {padding-top:25px !important;}
.pat30 {padding-top:30px !important;}
.pat35 {padding-top:35px !important;}
.pat40 {padding-top:40px !important;}

.pab5 {padding-bottom:5px !important;}
.pab10 {padding-bottom:10px !important;}
.pab15 {padding-bottom:15px !important;}
.pab20 {padding-bottom:20px !important;}
.pab25 {padding-bottom:25px !important;}
.pab30 {padding-bottom:30px !important;}
.pab35 {padding-bottom:35px !important;}
.pab40 {padding-bottom:40px !important;}

.pa0{padding:0 !important;}
.pa5{padding:5px !important;}
.pa10{padding:10px !important;}
.pa15{padding:10px !important;}
.pa20{padding:15px !important;}
.pa25{padding:25px !important;}
.pa30{padding:30px !important;}
.pa35{padding:35px !important;}
.pa40{padding:40px !important;}
.pa45{padding:45px !important;}
.pa50{padding:50px !important;}



.idcheck_wrap01{ margin:0 0 15px 0;}
input.input_search{border: 1px solid #CCCCCC;  color: #000000;    font-size: 14px;    font-weight: bold;    height: 23px;    padding: 2px 2px 2px 10px;  width: 210px}
.text_blue{ color:#56a0e0; font-weight:600; font-size:14px;}
.t_gray { background-color:#f3f3f3;}
span.open_article { background:#666; color:#fff; font-size:11px; padding:2px 3px;}
.modify_btn{ float:right;}

.b_right{border-right: solid 1px #ccc;}