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

#content img {vertical-align:top;}
/* 제목 */
h3 {clear:both; margin:20px 0 5px 0;padding:1px 0 0 21px; font-size:14px; text-align:left;}

h3 {color: #0552a9; background:url(/images/sap_foreign/h3_1.gif) no-repeat left 8px; 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/sap_foreign/h4_1.gif) no-repeat top 1px left 0;}

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:2px 0; margin:0; }

.txt {clear:both; text-align:justify; padding:0 0 10px 0; margin:0;}


/* 뎁스 */
.img_txt div p {clear:both;	margin:0 0 0 18px;	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%; }
#content ul  {margin-top:4px;}
#content ul li { margin-bottom:4px; padding:0 0 0 12px; background:url(/images/sap_foreign/h_li.gif) no-repeat top 9px left 0;}
#content > ul > li { text-align:justify; padding:0 0 0 12px; background:url(/images/sap_foreign/h_li.gif) no-repeat top 9px left 0;}
#content ul ul li {padding:0 0 0 11px; background:url(/images/sap_foreign/ul_li_li.gif) no-repeat left 8px;  text-align:justify;}
#content ul ul ul li {padding:0 0 0 8px; background:url(/images/sap_foreign/ul_li_li.gif) no-repeat left 6px;  text-align:justify;}
#content ul > ol li {padding:0; margin:0 0 0 3%; background:none; list-style-type:decimal;}
#content ul > ul ul li {padding:0 0 0 1%; background:url(/images/sap_foreign/ul_li_1.gif) no-repeat left 8px;}
/* #content ol {margin:4px 0 0 4px; }*/
#content ol > li {padding:3px;  text-align:justify; margin:0 0 0 20px; border-bottom:1px dotted #ccc;list-style-type:decimal;}
#content ol > ul li {list-style:none; margin:0; padding:0 0 0 2%; background:url(/images/sap_foreign/n01-5.gif) no-repeat left 6px; }
#content ol > ul ul li {padding:0 0 0 2%; background:url(/images/sap_foreign/n01-6.gif) no-repeat left 8px;}
#content dl.reference dt {font-weight:bold; padding:0 0 0 2%; background:url(/images/sap_foreign/n01-2.gif) no-repeat 0 6px;}
#content dl.reference dd {margin:0 0 0 2%; padding:0 0 0 2%; background:url(/images/sap_foreign/n01-5.gif) no-repeat 0 6px;}

.alert_content ul li {padding:0 0 0 9px; background:url(/images/sap_foreign/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 15px 0;}

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

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

/*--  이미지 200 / 텍스트 400  --*/
.img03 {float:left;	width:32%; margin:0 0 20px 0;}
.txt03 {float:right; width:64%; 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:left; width:48%; margin:0 0 20px 0;}
.txt05 {float:right; width:48%; padding:0; text-align:justify;}

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

/*--  이미지 180 / 텍스트 420  --*/
.img07 {float:left;	width:30%; margin:0 0 20px 0;}
.txt07 {float:right; width:68%;	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 {border-spacing: 1px;}
table.table {clear:both; width:100%; margin:10px 0 15px 0; border-top:1px #17ac72 solid; border-bottom:1px #555 solid; border-right:1px #dfdfdf solid; border-collapse:collapse;}
table.tab01 {width:97%; margin:10px 0 25px 22px;}
table.tab02 {width:97%; margin:10px 0 25px 20px;}
table.table th {background-color:#f9f9f9; padding:8px; text-align:center; border-bottom:1px #333333 solid; border-left:1px #DFDFDF solid; border-top:1px solid #ccc; color:#333; }
table.table td {padding:8px; text-align:center;	border-left:1px #efefef solid;	border-top:1px #efefef solid; color:#333;}

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

#content table.table td ul ul li {text-align:left;	padding:0 0 0 6px; margin:0 0 0 2px;	background:url(/images/sap_foreign/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_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 라인이 위 아래만 있을시 */

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/sap_foreign/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;}


/* 테이블 설정 */

table.boardwrite {
    border-bottom: 1px solid #ffffff;
    border-spacing: 1px;
    border-top: 2px solid #4d4d4d;
    clear: both;
    width: 680px;
}
table.boardwrite th {
    background-color: #F5F6F6;
    border-bottom: 1px solid #DDDDDD;
    color: #000000;
    font-weight: bold;
    height: 28px;
    margin: 0;
    padding: 8px 8px 8px 15px;
	text-align:left;
}
table.boardwrite td {
    border-bottom: 1px solid #DDDDDD;
    color: #505050;
    font-family: NanumGothic;
    margin: 0;
    padding: 5px 0 5px 10px;
    text-align: left;
}
table.boardwrite td.status .ing {
    color: #DF2626;
}
table.boardwrite td input {
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    height: 22px;
    padding-left: 5px;
}
table.boardwrite td textarea {
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    min-height: 200px !important;
    padding-left: 5px;
    width: 90% !important;
}
table.boardwrite td p.nob input {
    border: medium none;
    margin: 0;
    padding: 0;
}
table.boardwrite td input.w530 {
    width: 90% !important;
}
table.boardwrite td textarea.w530 {
    width: 90% !important;
}
table.boardwrite td input.w270 {
    width: 270px;
}
table.boardwrite td input.w200 {
    width: 150px;
}









/* 추가 스크립트 */
.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;}
.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;}

.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;}