@charset "utf-8";

#container {}
#content {font-size:16px;color: #222;}

/* common */
.c0{margin-top:0px;}
.pc_none{display:none;}/* 모바일,PC 디스플레이 속성 */
.mobile_img{display:none}/* 모바일용 이미지 웹에서 숨김처리 */
.bgno{background:none!important;padding:0px;}/* 백그라운드 없음 */ 
.bgno::before{display:none !important;}
.next{display:block;}
.hidden { position: absolute !important; top:0; left:-10000px; width:1px; height:1px; overflow:hidden; }
.line_dot{display:block;border-bottom:1px dashed #d2d2d2;margin:30px 0px 0px;}/* 점선 */
sub{font-size:12px;vertical-align:sub;}

/* 텍스트 : 강조 */
.bold{font-family: 'Paperlogy-7bold';}
.blue{color: #2063e0;}
.pen_yl{background: linear-gradient(to top, #ffe77b 50%, transparent 50%);}
.underline{ border-bottom: 1px solid #000;}
.star_a {background: url("/layout/images/www2/common/sp_content.png") no-repeat -81px 4px;display: block;width: 30px;height: 30px;border: 2px solid #ccc;border-radius: 11px;float:left;margin: -6px  10px 0 0;}
.star_b {background: #F25C05 url(/layout/images/www2/common/sp_content.png) no-repeat -113px 6px;display: block;width: 34px;height: 34px;border-radius: 11px;float:left;margin: -6px  10px 0 0;}

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

/* 컨텐츠툴 : 빅사이즈 */
#content.big_font, #content.big_font a { font-size:18px !important;}
.big_font h3 { font-size:36px !important; line-height:36px; }
.big_font h4 { font-size: 34px !important; line-height:34px; }
.big_font h5 { font-size: 28px !important;}
.big_font h6 { font-size: 25px !important;}
.big_font p.basic, .big_font ul.basic li, .big_font ol.basic li{font-size:18px !important;}
.big_font table th{font-size:18px !important;}
.big_font table td{font-size:16px !important;}
.big_font .btn_dw{font-size:17px !important;}
.big_font .module_list_box .board_list_box .board_thumb .item .item_cont .cont_box h3{font-size:20px !important;}

/* 컨텐츠툴 : 모듈 라인헤이트 고정 */
.selectric .label{line-height:38px !important}
.module_list_box .board_search_box .left_box .total, .module_list_box .board_search_box .right_box > .date_box .base_box, .module_list_box .board_search_box .right_box > .date_box .icon_text{line-height:40px !important;}
.module_list_box .board_popup > div > a.category_tab_btn{line-height:50px !important;}

/* 타이틀 */
h3:nth-child(2){margin-top:0px;}
h3:first-child{margin-top:0px;}
h4:first-child{margin-top:0px;}
h5:first-child{margin-top:0px;}
h3{font-family: 'Paperlogy-7Bold';font-size: 36px;color:#222;margin-top:98px;}
h4{font-family: 'Paperlogy-5Medium';font-size: 25px;font-weight: unset;color: #222;margin-top:72px;}
h4::before{content:'';display: block;width: 26px;height: 12px;background: url(/layout/images/www2/common/sp_content.png) no-repeat 0 -5px;margin-bottom: 10px;}
h5{font-family: 'Paperlogy-7Bold';font-size: 22px;color: #2063e0;margin-top: 51px;}

p.basic{font-size:16px;line-height:1.6;color:#222;word-break:keep-all;margin-top:38px;}

/* 리스트 */
ul.basic{margin-top:38px;}
ul.basic li{position:relative;font-size:16px;letter-spacing:-.2px;line-height: 1.5;text-align:left;color:#323232;padding-left: 12px;box-sizing:border-box;margin-bottom: 8px;}
ul.basic li::before{position:absolute;top:10px;left:0;content:'';display:block;width:4px;height:4px;border-radius:100%;background: #747474;}
ul.basic ul{background: #f6f6f6;border-radius: 20px;padding: 20px 0 12px 26px;margin: 6px 0 21px;}
ul.basic ul li{padding-left: 18px;}
ul.basic ul li::before{top: 7px;width: 7px;height: 12px;background: url(/layout/images/www2/common/sp_content.png) no-repeat -56px -5px;}
ul.basic ul li ul{ border-top: 1px dashed #b6b6b6;border-radius: 0;padding: 21px 14px 5px 0;margin-right: 59px;}
ul.basic ul li ul li::before{position:absolute;top: 8px;left:0;content:'';width: 0px;height: 0px;border-top: 6px solid #b4b3b3;border-left: 6px solid transparent;border-right: 0 solid transparent;transform: rotate( 45deg );}

ol.basic{margin-top:38px;counter-reset:counter;}
ol.basic > li{position:relative;font-size:16px;letter-spacing:-.2px;line-height: 1.5;text-align:left;color:#323232;padding: 10px 0 10px 40px;box-sizing:border-box;counter-increment:counter;list-style: none;}
ol.basic > li::before{position:absolute;top: 7px;left:0;content:counter(counter);display:block;width: 31px;height: 31px;font-size: 14px;line-height: 2.1;text-align:center;color:#fff;border-radius: 10px;background: #3a3a3a;}
ol.basic ul{position:relative;background: #f6f6f6;border-radius: 20px;padding: 20px 0 12px 26px;margin-top: 18px;}
ol.basic ul li{position:relative;font-size:16px;letter-spacing:-.2px;line-height: 1.5;text-align:left;color:#323232;padding-left: 17px;box-sizing:border-box;margin-bottom: 8px;}
ol.basic ul li::before{position:absolute;top: 7px;left:0;content:'';width: 7px;height: 12px;background: url(/layout/images/www2/common/sp_content.png) no-repeat -56px -5px;}
ol.basic ul li ul{ border-top: 1px dashed #b6b6b6;border-radius: 0;padding: 21px 14px 5px 0;margin-right: 59px;}
ol.basic ul li ul li::before{position:absolute;top: 8px;left:0;content:'';width: 0px;height: 0px;border-top: 6px solid #b4b3b3;border-left: 6px solid transparent;border-right: 0 solid transparent;transform: rotate( 45deg );}
/*li정렬*/
.txt_col2 { display:inline-block; width: 100%}
.txt_col2 li { width:48.5%; float:left;}

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

/* 사진설명 */
.photo_name1{position:absolute;bottom:0;left:0;display:block;width:100%;height:45px;line-height:45px;text-align:center;color:#fff;background:rgba(0,0,0,.5);}
.photo_name2{display:block;text-align:center;margin:10px 0;}

/* 버튼 */
.btn_dw{display:inline-block;font-size:15px;color:#333;border: 2px solid #c5c5c5;background:#fff;border-radius: 11px;padding: 9px 26px 9px 20px;transition:all 0.5s ease 0s;}
.btn_dw::before{content:'';display:inline-block;width: 14px;height: 18px;background:url(/layout/images/www2/common/sp_content.png) no-repeat;vertical-align:middle;margin-right:6px;}
.btn_dw:hover{color:#fff;background:#333;border: 2px solid #333;}
.btn_dw.link_bgno{border:none;border-bottom: 1px dashed #b9b9b9;border-radius: 0;padding: 4px 16px 4px 13px;margin: 0;}
.btn_dw.link_bgno::before{background-position: -206px -3px;}
.btn_dw.link_bgno:hover::before{background-position: -162px -3px;}
.btn_dw.link_bgno:hover{color:#fff;border-radius: 50px;border:none;background:#333;padding: 9px 26px 9px 20px;}
.btn_dw.white::before, .btn_dw.black:hover::before{background-position: -206px -3px;}
.btn_dw.black{color:#fff;background:#333;border: 2px solid #333;}
.btn_dw.black::before, .btn_dw.white:hover::before{background-position: -162px -3px;}
.btn_dw.black:hover{color:#333;background:#fff;border: 2px solid #c5c5c5;}
.btn_dw.hwp::before{width:19px;background-position: -251px -3px;}
.btn_dw.pdf::before{width:19px;background-position: -295px -3px;}
.btn_dw.xls::before{width:19px;background-position: -339px -3px;}
.btn_dw.pptx::before{width:19px;background-position: -383px -3px;}

.btn_box{margin-top:30px;}
.btn_p{display:inline-block;font-size: 17px;text-align:center;color:#fff;padding:0 40px;height: 50px;line-height: 50px;box-sizing: border-box;border:1px solid #fff;}
.btn_p.bk{background: #333;border: 1px solid #333;}
.btn_p.bk:hover{background-color: #f25c05;border: 1px solid #f25c05;color: #fff;}
.btn_p.bl{background: #2063e0;border: 1px solid #2063e0;}
.btn_p.bl:hover{background-color: #fff;border: 1px solid #333;color: #333;}
.btn_p.og{color: #f25c05;background: #fff;border: 1px solid #e95e0f;}
.btn_p.og:hover{background-color: #2063e0;border: 1px solid #2063e0;color: #ffffff;}
.btn_box.align_center .btn_p{margin-right:8px;}
.btn_box.align_left .btn_p{margin-right:8px;}
.btn_box.align_right .btn_p{margin-left:8px;}

/* 박스영역 */
.c_box{width:100%;border: 7px solid #f1f1f1;border-radius: 25px;padding: 35px 35px;box-sizing:border-box;margin-top:20px;}
.c_box2{width:100%;border:1px dashed #b3b3b3;padding:25px 30px;box-sizing:border-box;margin-top:20px;}
[class*='c_box']:first-child, [class*='c_box'] h3:first-child, [class*='c_box'] h4:first-child, [class*='c_box'] h5:first-child, [class*='c_box'] .basic:first-child{margin-top:0;}
[class*='c_box'] .basic, .box .basic, .box .btn_box{margin-top: 20px;}

.img_txt{margin-top:30px;}
.img_txt::after{content:'';display:block;clear:both;}
.img_txt .box{position:relative;float:left;}
.img_txt .box:first-child{margin-left:0 !important;}
.img_txt .box > h5, .img_txt .box > h6, .img_txt .box .basic:first-child{margin-top:0;}
.img_txt .box img{width:100%;height:100%;object-fit:cover;}
.img_txt > [class*='c_box']{margin-top:0;}
.img_txt.col2 .box{width:49%;margin-left:2%;}
.img_txt.col2 > .box > .c_box2 > h4{width: 100%;display:block;margin: 0 0 30px;} .img_txt.col2 > .box > .c_box2 > ul.basic{width: 100%;display:block;margin:0;} .img_txt.col2 > .box > .c_box2 > ol.basic{width: 100%;display:block;margin:0;}
.img_txt.col3 .box{width:32%;margin-left:2%;}
.img_txt.col2_8 .box{width:22%;margin-left:2%}
.img_txt.col2_8 .box + .box{width:76%;}
.img_txt.col3_7 .box{width:32%;margin-left:2%}
.img_txt.col3_7 .box + .box{width:66%;}
.img_txt.col4_6 .box{width:38%;margin-left:2%}
.img_txt.col4_6 .box + .box{width:60%;}
.img_txt.col6_4 .box{width:60%;margin-left:2%}
.img_txt.col6_4 .box + .box{width:38%;}
.img_txt.col7_3 .box{width:66%;margin-left:2%}
.img_txt.col7_3 .box + .box{width:32%;}

.h100{min-height:100px;}
.h150{min-height:150px;}
.h200{min-height:200px;}
.h250{min-height:250px;}
.h300{min-height:300px;}
.h350{min-height:350px;}
.h370{min-height:370px;}
.h400{min-height:400px;}
.h450{min-height:450px;}
.h500{min-height:500px;}
.h550{min-height:550px;}

/* 테이블 */
table.basic{width:100%;border-collapse:collapse;clear:both;border: 1px solid #d2d2d2;border-top:2px solid #40434c;margin-top:35px;}
table.basic th{font-size:16px;font-weight: 300;line-height: 1.2;color:#323232;background:#f6f6f6;border-bottom:1px solid #d2d2d2;border-right:1px solid #d2d2d2;vertical-align:middle;word-break:keep-all;padding: 16px 12px;}


table.basic td{font-size:16px;line-height:1.4;text-align:center;border-top:1px solid #dedede;border-right:1px solid #dedede;background:#fff;vertical-align:middle;word-break:keep-all;padding:10px;}
table.basic td.th{background: #f6f6f6;}
table.basic:first-child{margin:0;}

table.basic ul.basic{margin:0;}
table.basic ul.basic > li > ul{border:0;margin:0;}

table.basic ol.basic{margin:0;}
table.basic ol.basic > li{border:0;padding:4px 0 4px 28px;}
table.basic ol.basic > li::before{top:5px;}

table.basic .btn_dw{border:0;}
table.basic .btn_dw.in{border:1px solid #c3c3c3;border-radius:8px;padding:6px 8px;margin:0 5px;}
table.basic .btn_dw.in:hover{border-color:#333;}
.tb_info{ float:right; padding-bottom:5px;}/* 테이블 데이터 단위 우측상단 공통 */

/* 이미지 정렬 */
ul.img_box{margin-top:35px;}
ul.img_box::after{content:'';display:block;width:100%;clear:both;}
ul.img_box li{position:relative;float:left;text-align:center;}
ul.img_box li:first-child{margin-left:0 !important;}
ul.img_box li img{width:100%;height:auto;}
ul.img_box.col2 li{width:48%;margin-left:4%;}/* 이미지 2개 */
ul.img_box.col3 li{width:31.5%;margin-left:2.75%;}/* 이미지 3개 */
ul.img_box.col4 li{width:23.5%;margin-left:2%;}/* 이미지 4개 */
ul.img_box.col5 li{width:18.4%;margin-left:2%;}/* 이미지 5개 */
ul.img_box.col6 li{width:15%;margin-left:2%;}/* 이미지 6개 */

/* 4차메뉴 */
div.section{margin-top:0 !important;margin-bottom:50px;}
ul.section.depth4{display:block;margin:-10px 0 0 -.85%;}
ul.section.depth4::after{content:'';display:block;clear:both;}
ul.section.depth4 li{float:left;width:24.15%;margin:10px 0 0 .85%;}
ul.section.depth4 li a{display:block;height:52px;font-size:17px;line-height:1;text-align:left;color:#777;border:0 !important;border-radius:8px;background:#f8f8f8;padding:18px 10px 0 20px;box-sizing:border-box;transition:all .2s; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
ul.section.depth4 li.on a, ul.section.depth4 li a:hover{color:#fff;border:0 !important;background:#1fcc8d;}
ul.section.depth4 li a.newwin span{ display:inline-block;width:19px;height:18px;background:url(/images/www/common/sp_layout.png) no-repeat -612px -142px;vertical-align:middle;margin-left:5px;text-indent:-9999px;}

/* 5차메뉴 */
ul.section.depth5{border:1px solid #1a4ab9;border-radius:8px;padding:8px 0 8px 24px;box-sizing:border-box;margin:-35px 0 50px;}
ul.section.depth5::after{content:'';display:block;clear:both;}
ul.section.depth5 li{float:left;margin:6px 40px 6px 0;}
ul.section.depth5 li a{display:block;font-size:17px;line-height:1.8;color:#777777;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
ul.section.depth5 li.on a{color:#fff;border-radius:4px;background:#1a4ab9;padding:0 14px;}