/*========================= 공통으로 쓰는 스타일입니다. [각 컨텐츠 스타일은 sub_content.css 여기에 쓰세요]===================*/

#content { color: #000; font-size: 16px; padding-bottom:100px; float: left; width: 100%;}
#content img {max-width: 100%;}
#content span.next { display:block;}

.mobile_img{ display:none}/*모바일용 이미지 웹에서 숨김처리*/
.bgno { background:none !important;} /*백그라운드 없음*/ 

/* 콘텐츠 Headline */
h3.c0, h4.c0, h5.c0, ul.basic.c0, .content_top_alert ul.basic.c0 { margin-top:0;}
h3 { color:#1a4589; font-size:24px; font-weight:300; margin:55px 0 0 0; clear:both; line-height:25px; letter-spacing:-0.4px; }
h4 { font-size: 20px; font-weight:300; line-height:24px; height:24px; margin: 45px 0 0 0; color:#188657;  letter-spacing:-0.3px; background: url("/images/common/sub/content_bl.png") no-repeat 0 -40px; padding:0 0 0 26px;}
h5 { color: #403a3a; display:block; font-size: 18px; font-weight: 400; margin: 40px 0 0 0; }
h4.bgno { padding:0;}
div.c0 { margin-top:0; }

/*p*/
p.basic { margin-top:20px;}

/*컬러색*/
.bl { color:#1a4589;}
.rd { color:#cc2634;}
.gr { color:#188657;}
.bk { color:#323232;} /*검정색*/

.underline{text-decoration: underline;}

/*컨텐츠박스*/
.c_box { margin-top:25px; padding:20px; background-color:#fbfbfb; border:1px solid #d4d4d4; border-top:1px solid #188657; }
.c_box p.basic, .c_box ul.basic, .c_box ol.basic { margin-top:0;}
.c_box h3, .c_box h4 { margin-top:3px; margin-bottom:5px; color:#1f2f46; font-size:17px;}
.c_box h4 { background:none; padding:0;}
.c_box ol.basic li:last-child { border-bottom:none;}


.b_box { border:1px solid #d4d4d4;}
.b_box > img {width:100%;}

/*오른쪽 아이콘박스*/
.c_box.iconbox { padding:0; background: url("/images/common/sub/content_boxico.png") no-repeat 42px 22px; min-height:135px; }
.iconbox .info { background:#fff; margin-left:152px; padding:25px; }

/*ul*/
ul.basic { margin-top:20px;}
ul.basic > li {    background: url(/images/common/sub/content_bl.png) no-repeat -136px -7px;
    padding: 0 0 0 11px;
    margin-bottom: 3px;
    list-style: none;
    display: block;
    line-height: 1.5;}
ul.basic > li > ul { margin-top:5px; color:#585858; margin-bottom:5px;}
ul.basic > li > ul li { background:url("/images/common/sub/content_bl.png") no-repeat -136px -422px;  padding:0 0 0 8px;}

/*ol*/
ol.basic { margin-top:20px;}
ol.basic > li { border-bottom:1px dashed #d4d4d4; padding:7px 0; list-style-type:decimal; margin-left:17px; }
ol.basic > li > ul { margin-top:5px; color:#696969; margin-bottom:5px;}
ol.basic > li > ul li { background:url("/images/common/sub/content_bl.png") no-repeat -136px -422px;  padding:0 0 0 8px;}


/*게시판상단 박스 첫번째 태그 마진값 */
.content_top_alert ul.basic:first-child, .content_top_alert ol.basic:first-child, .content_top_alert p.basic:first-child{margin-top:0;}

/*라인*/
.line_dot { border-bottom:1px dashed #d2d2d2; display:block; margin:20px 0 10px;}
.line_right { border-right:1px solid #d1d1d1; }
.line_left { border-left:1px solid #d1d1d1; }
.text_line { text-decoration:underline;}

/*테이블스타일*/
table.basic { margin:25px 0 5px 0; border-right:1px solid #d2d2d2; border-top:1px solid #1a2a42; border-bottom:1px solid #d2d2d2;  border-collapse:collapse; clear:both; width:100%; }
table.basic th { font-weight:300; padding:13px; background-color:#f7f7f7; border-bottom:2px solid #b7b7b7; border-left:1px solid #d2d2d2; border-top:1px solid #d2d2d2; vertical-align:middle; word-break:keep-all;}
table.basic td { text-align:center; padding:13px; border-left:1px solid #dedede; border-top:1px solid #dedede; vertical-align:middle; word-break:keep-all;}
table.basic td.th { background-color:#f7f7f7;}
table.basic th.bbn { border-bottom:1px solid #d2d2d2; }
table.basic.bbn th { border-bottom:1px solid #d2d2d2; }

/*테이블스타일*/
table.basic2 { margin:25px 0 5px 0; border-right:1px solid #d2d2d2; border-top:1px solid #1a2a42; border-bottom:1px solid #d2d2d2;  border-collapse:collapse; clear:both; width:100%; }
table.basic2 th { font-weight:400; padding:13px; background-color:#f7f7f7; border-bottom:2px solid #b7b7b7; border-left:1px solid #d2d2d2; border-top:1px solid #d2d2d2; vertical-align:middle; word-break:break-all;}
table.basic2 td { text-align:center; padding:13px; border-left:1px solid #dedede; border-top:1px solid #dedede; vertical-align:middle; word-break:break-all;}
table.basic2 td.th { background-color:#f7f7f7;}
table.basic2 th.bbn { border-bottom:1px solid #d2d2d2; }
table.basic2.bbn th { border-bottom:1px solid #d2d2d2; }

/*테이블스타일*/
table.basic_w { margin:25px 0 5px 0; border-right:1px solid #d2d2d2; border-top:1px solid #1a2a42; border-bottom:1px solid #d2d2d2;  border-collapse:collapse; clear:both; width:100%; }
table.basic_w th { font-weight:400; padding:13px; background-color:#f7f7f7; border-bottom:2px solid #b7b7b7; border-left:1px solid #d2d2d2; border-top:1px solid #d2d2d2; vertical-align:middle; word-break:keep-all;}
table.basic_w td { text-align:center; padding:13px; border-left:1px solid #dedede; border-top:1px solid #dedede; vertical-align:middle; word-break:keep-all; background: #fff;}
table.basic_w td.th { background-color:#f7f7f7;}
table.basic_w th.bbn { border-bottom:1px solid #d2d2d2; }
table.basic_w.bbn th { border-bottom:1px solid #d2d2d2; }


/*버튼스타일*/
.btn_p a { border-radius:5px; color:#fff; padding:8px 35px; transition: all 0.3s ease 0s; }
.btn_p a.p1 { background-color:#188657;}
.btn_p a.p1:hover { background-color:#1a4589;}
.btn_p a.p2 { background-color:#fff; border:2px solid #403a3a; padding:6px 33px; color:#1a2a42; color:#403a3a; }
.btn_p a.p2:hover { border:2px solid #f3c205; background-color:#f3c204; color:#000;}
.btn_p a.p3 { background-color:#cc2634;}
.btn_p a.p3:hover { background-color:#767676;}
.btn_p a.p4 { background-color:#f3c204; color:#000;}
.btn_p a.p4:hover { background-color:#403b38; color:#fff;}

.btn_p a.rdno { border-radius:0; padding:8px 25px; text-align:center;}
.btn_p a.block { display:block;}

/*다운로드 버튼스타일*/
.btn_dw { border:1px solid #d2d2d2; background-color:#f4f4f4; border-radius:30px; padding:8px 20px 8px 38px; transition: all 0.3s ease 0s; }
.btn_dw.hwp { background: url("/images/common/sub/content_bl.png") no-repeat 15px -256px;}
.btn_dw.hwp:hover { background: #1a4589 url("/images/common/sub/content_bl.png") no-repeat 15px -256px; color:#fff; border:1px solid #1a4599; }
.btn_dw.xls { background: url("/images/common/sub/content_bl.png") no-repeat 15px -334px;}
.btn_dw.xls:hover { background: #188657 url("/images/common/sub/content_bl.png") no-repeat 15px -334px; color:#fff; border:1px solid #188658; }
.btn_dw.pdf { background: url("/images/common/sub/content_bl.png") no-repeat 15px -296px;}
.btn_dw.pdf:hover { background: #d14c42 url("/images/common/sub/content_bl.png") no-repeat 15px -296px; color:#fff; border:1px solid #d14c41; }
.btn_dw.new1 { background: url("/images/common/sub/content_bl.png") no-repeat 18px -183px;}
.btn_dw.new1:hover { background: #e3e3e3 url("/images/common/sub/content_bl.png") no-repeat 18px -183px; color:#000; border:1px solid #e3e3e2; }
.btn_dw.new2 { background: #f3c204 url("/images/common/sub/content_bl.png") no-repeat 18px -183px;  border:1px solid #f3c205; color:#000; }
.btn_dw.new2:hover { background: #188657 url("/images/common/sub/content_bl.png") no-repeat 18px -216px; border:1px solid #188658; color:#fff; }
.btn_dw.new1.patb0, .btn_dw.new1.patb0:hover { background-position: 12px -188px; padding:1px 19px 2px 32px; font-size:14px;}
.btn_dw.new3 { border:none; background: url("/images/common/sub/content_bl.png") no-repeat 18px -183px; text-decoration:underline; }
.btn_dw.new4 { padding:4px 16px;}
.btn_dw.new5 { border:none; background: url("/images/common/sub/content_bl.png") no-repeat 18px -183px; }
.btn_dw.new5:hover { text-decoration: underline;}

/*li정렬*/
.txt_col2 { display:inline-block;}
.txt_col2 li { width:48.5%; float:left;}

.txt_col3 { display:inline-block;}
.txt_col3 li { width:31.15%; float:left;}



/*좌우 이미지-텍스트 
----------------------------------------*/
.img_txt {clear:both; width:100%; margin:35px 0 15px 0; display:inline-block;}
/*30%/70%*/
.img_txt .left30 { width:30%; float:left;}
.img_txt .right70 { float:left; width:66%; padding-left:4%;}
/*50%/50%*/
.img_txt .left50 { width:48%; float:left;}
.img_txt .right50 { float:left; width:48%; padding-left:4%;}

.img_txt .left44 { width:45%; float:left; height: 100%;}
.img_txt .right44 { float:left; width:44.8%; margin-left:1%; height: 100%;}
/*70%/30%*/
.img_txt .left70 { width:66%; float:left; padding-right:4%;}
.img_txt .right30 { float:left; width:30%; }
/*세개로 나뉠때*/
.img_txt3 {clear:both; width:100%; margin:35px 0 15px 0; display:inline-block;}
.img_txt3 > div { width:32%; float:left; margin-left:1.93333%; overflow:hidden;}
.img_txt3 > div:first-child { margin-left:0;}

.img_txt .left20 { width:18%; float:left;}
.img_txt .right80 { float:left; width:78%; padding-left:4%;}

/*이미지정렬*/

img.basic { margin-top:15px;}
ul.img_col2 { margin:35px 0 15px; width: 100%; display:inline-block;} /* 이미지 2개*/
ul.img_col2 li {display: inline-block; text-align: center; width: 49%; max-width:535px; float:left; }
ul.img_col2 li img { width:100%; height:auto; max-width:428px;}
ul.img_col2 li:first-child {margin-right: 2%;}

ul.img_col3 { margin:35px 0 15px; width: 100%; display:inline-block;} /* 이미지 3개*/
ul.img_col3 li {display: inline-block; text-align: center; width: 31.5%; margin-right:2.75%; float:left; }
ul.img_col3 li img { width:100%; height:auto; max-width:275px;}
ul.img_col3 li:last-child {margin-right:0;}

ul.img_col4 { margin:35px 0 15px; width: 100%; display:inline-block;} /* 이미지 4개*/
ul.img_col4 li {display: inline-block; text-align: center; width: 23.5%; margin-right:2%; float:left; }
ul.img_col4 li img { width:100%; height:auto; max-width:205px;}
ul.img_col4 li:last-child {margin-right:0;}

ul.img_col5 { margin:35px 0 15px; width: 100%; display:inline-block;} /* 이미지 5개*/
ul.img_col5 li {display: inline-block; text-align: center; width: 18.4%; margin-right:2%; float:left; }
ul.img_col5 li img { width:100%; height:auto; max-width:205px;}
ul.img_col5 li:last-child {margin-right:0;}



/*이미지하단에 이미지제목이 있을경우*/
ul.img_col2 li { position:relative;}
ul.img_col2 li span.photo_name1 { display:block; width:100%; background: url("/contents/12722/op70.png") repeat 0 0; text-align:center; position:absolute; bottom:0px; height:45px; line-height:45px; color:#fff;}

ul.img_col3 li { position:relative;}
ul.img_col3 li span.photo_name1 { display:block; width:100%; background: url("/contents/12722/op70.png") repeat 0 0; text-align:center; position:absolute; bottom:0px; height:40px; line-height:40px; color:#fff;}

ul.img_col4 li { position:relative;}
ul.img_col4 li span.photo_name1 { display:block; width:100%; background: url("/contents/12722/op70.png") repeat 0 0; text-align:center; position:absolute; bottom:0px; height:40px; line-height:40px; color:#fff;}

ul.img_col2 li span.photo_name2 {display:block; width:100%; margin-top:10px; text-align:center;}
ul.img_col3 li span.photo_name2 {display:block; width:100%; margin-top:10px; text-align:center;}
ul.img_col4 li span.photo_name2 {display:block; width:100%; margin-top:10px; text-align:center;}
ul.img_col5 li span.photo_name2 {display:block; width:100%; margin-top:10px; text-align:center;}

div.hf { display:inline-block; width:95.8%;}
div.hf ul.basic li { width:45%; float:left; margin-right:15px;}



/*폰트사이즈*/
.siz12 { font-size:12px;}
.siz13 { font-size:13px;}
.siz14 { font-size:14px;}
.siz15 { font-size:15px;}
.siz16 { font-size:16px;}
.siz17 { font-size:17px;}
.siz18 { font-size:18px;}
.siz19 { font-size:19px;}
.siz20 { font-size:20px;}
.siz21 { font-size:21px;}
.siz22 { font-size:22px;}
.siz23 { font-size:23px;}
.siz24 { font-size:24px;}
.siz25 { font-size:25px;}
.siz26 { font-size:26px;}
.siz27 { font-size:27px;}
.siz28 { font-size:28px;}
.siz29 { font-size:29px;}
.siz30 { font-size:30px;}
.siz31 { font-size:31px;}
.siz32 { font-size:32px;}
.siz33 { font-size:33px;}
.siz34 { font-size:34px;}
.siz35 { font-size:35px;}

/*빅폰트*/

#content.big_font { font-size:17px;}
.big_font h3 { font-size:26px; line-height:27px; }
.big_font h4 { font-size: 22px; line-height:23px; }
.big_font h5 { font-size: 20px;}


.big_font .siz12 { font-size:14px;}
.big_font .siz13 { font-size:15px;}
.big_font .siz14 { font-size:16px;}
.big_font .siz15 { font-size:17px;}
.big_font .siz16 { font-size:18px;}
.big_font .siz17 { font-size:19px;}
.big_font .siz18 { font-size:20px;}
.big_font .siz19 { font-size:21px;}
.big_font .siz20 { font-size:22px;}
.big_font .siz21 { font-size:23px;}
.big_font .siz22 { font-size:24px;}
.big_font .siz23 { font-size:25px;}
.big_font .siz24 { font-size:26px;}
.big_font .siz25 { font-size:27px;}
.big_font .siz26 { font-size:28px;}
.big_font .siz27 { font-size:29px;}
.big_font .siz28 { font-size:30px;}
.big_font .siz29 { font-size:31px;}
.big_font .siz30 { font-size:32px;}
.big_font .siz31 { font-size:33px;}
.big_font .siz32 { font-size:34px;}
.big_font .siz33 { font-size:35px;}
.big_font .siz34 { font-size:36px;}
.big_font .siz35 { font-size:37px;}


/*4,5차 메뉴*/
div.section { margin-top:30px;}
.section > li {float:left; width:186px; margin-bottom:10px}
.section > li a { padding:0 10px;}
.section.depth4 { display:inline-block; width:100%;}
.section.depth4 > li > a { display:block; text-align:center; height:48px; line-height:48px; background-color:#fff; color:#4a4a4a; border:1px solid #d5d5d5; margin-right:-1px;  }
.section.depth4 > li > a:hover { background-color:#1a4589; color:#fff; border:1px solid #1a4588; }
.section.depth4 > li.on a { background-color:#1a4589; color:#fff; border:1px solid #1a4588 !important;}

/** 메뉴 넘칠때 넓이변경 **/
.section.five ul li { width:19.97%; }
.section.four ul li { width:24.97%; }
.section.three ul li { width:33.33333%; }
.section.two ul li { width:50.1%; }

.section.depth5 { display:inline-block; width:94.6%; border:2px solid #ddd; padding:15px 2.5%; margin-top:15px;}
.section.depth5 li { margin-right:20px; width: auto; margin-bottom:0;}
.section.depth5 li a { background: url("/images/common/sub/path_5d_bl.gif") no-repeat 0 11px;}
.section.depth5 li a:hover { color:#2d58b6; font-weight:400;}
.section.depth5 li.on a { color:#2d58b6; font-weight:400; text-decoration:underline;}

#content_top{position:relative; height:28px; padding-bottom:28px; background:url('/images/common/sub/content_top_line.jpg') repeat-x bottom}
#content_top h3{font-size:27px; color:#323232; padding-top:8px}
#content{margin-top:30px}


/*박스스타일 추가-김은영작업*/

.c_box2{ border:solid 1px #eee; background: url("/images/common/sub/box_pattern.gif"); margin-top: 20px;}
.c_box2 .in_box{background: #fff;  margin: 6px;  padding: 18px 20px;}
.c_box2 .in_box h4{margin-top:18px; margin-bottom: 5px; color: #1f2f46; font-size: 17px;  background: none;  padding: 0;}
.c_box2 .in_box h3{margin-top:6px; margin-bottom: 5px; color: #1f2f46; font-size: 17px;  background: none;  padding: 0;}
.c_box2 p.basic, .c_box2 ul.basic, .c_box2 ol.basic { margin-top:0;}
.c_box2 .in_box h4.c0, .in_box h3.c0{ margin-top:0px;}
.c_box2 .in_box h5{margin-top: 20px;  font-size: 17px;  margin-bottom: 9px;  color: #099a84;  background: url(/images/common/sub/box_h5.gif) no-repeat 0 2px; padding-left: 26px;}



/*패밀리 사이트의 사이트 맵*/

#content .sitemap { display: block; float: left; margin: 0 0 30px; min-height: 200px; padding: 0; width: 100%}
#content .sitemap h3 { margin-top: 0 !important; padding: 5px 0 15px 0 !important; font-size:20px}
#content .sitemap > ul { margin: 0 0 27px; padding: 0;background: url("/images/www/sub/sitmap_bg.gif") repeat-x scroll left top #fff ; border:1px solid #dee4e3}
#content .sitemap ul ul li {  line-height: 130% !important; padding: 0 0 0 20px;
text-align: justify}
#content .sitemap ul { margin-bottom:10px; display: block}
#content .sitemap ul li { background: none !important; display: inline-block; width: 100%;border:1px solid #dee4e3; margin-bottom:13px}
#content .sitemap > ul > li > a { color: #0c4da2; font-size: 15px; font-weight:400; padding:0 0 0 11px}
#content .sitemap ul li ul { margin-top:15px;}
#content .sitemap ul li ul li { border: medium none; display: inline-block; float: left; margin-right:2px; margin-left:30px; width: 225px}
#content .sitemap ul li ul li a { color: #4c4c4c; font-weight:300}
#content .sitemap ul li ul li ul { margin-top:5px !important;margin-left:0px;}
#content .sitemap ul li ul li ul li { background: url("/images/www/sub_contents/ic_4depth.gif") no-repeat scroll left 8px rgba(0, 0, 0, 0); padding:0;
margin:1px 0 1px 0}
#content .sitemap ul li ul li ul li a { color: #646464; font-size: 14px; font-weight:300}
#content .sitemap ul li ul li ul li ul li a { background: url("/images/www/main/stats_bl.gif") no-repeat scroll left 6px !important; color: #747474;  font-size: 13px; padding: 0 0 0 7px}
.sitemap_list > ul > li > a{display:block;font-size:17px;font-weight:300;background:#ebf1f0;padding:14px;}

/* 메뉴 닫기 펼치기 */
.state{ display: block; height: 0; width: 0; text-indent: -99999px;}


/* 테이블 내 다운로드 버튼 */
table.basic .btn_dw{border:0;}
table.basic .btn_dw.in{border:1px solid #c3c3c3;border-radius:8px;padding:4px 15px 4px 40px;margin:0 5px;}
table.basic .btn_dw.in:hover{border-color:#333;}
.btn_dw.hwp.in{background: url("/images/common/sub/content_bl.png") no-repeat 10px -259px;}
.tb_info{ float:right; padding-bottom:5px;}/* 테이블 데이터 단위 우측상단 공통 */