@import url('https://fonts.googleapis.com/css?family=Noto+Serif+KR&display=swap');
* { box-sizing: border-box; }
input { font-family: 'Noto Sans KR'; }
body { font-family: 'Noto Sans KR'; line-height: 1.3; min-width: 1000px; background: #f8f7f4; }
img { max-width: 100%; }
.no_scroll { overflow: hidden; }
.txt_hide { overflow: hidden; white-space: nowrap; text-indent: 100%; }
.txt_ellipsis { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; word-wrap: normal; }
.clear { clear: both; }
.clear::after { display: block; clear: both; content: ''; }

/* 테이블 */
.basic_table { width: 100%; table-layout: fixed; border: 1px solid #ddd; border-top: 2px solid #ddd; }
.basic_table th { font-size: 16px; font-weight: 500; height: 50px; padding: 14px; text-align: center; vertical-align: middle; color: #222; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; background: #fafafa; }
.basic_table td { font-size: 16px; height: 50px; padding: 14px; text-align: center; vertical-align: top; color: #555; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; }
.basic_table2 { width: 100%; margin-top: 10px; table-layout: fixed; border: 1px solid #ddd; }
.basic_table2 th { font-size: 14px; padding: 0 10px; text-align: center; vertical-align: middle; color: #222; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; }
.basic_table2 td { font-size: 14px; height: 30px; padding: 0 10px; vertical-align: middle; color: #555; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; }

/*탭*/
ul.tab_style1 li { float: left; text-align: center; border: 1px solid #ddd; border-bottom: 0; background: #f2f0f0; }
ul.tab_style1 li.active { border: 1px solid transparent; background: #6565a4; }
ul.tab_style1 li.active a, ul.tab_style1 li.active { color: #fff; }
ul.tab_style1 li a, ul.tab_style1 li { font-size: 20px; font-weight: 500; display: block; color: #444; }
.inner { position: relative; width: 1000px; margin: 0 auto; }

/*header*/
#header { position: relative; }
#header .logo { float: left; }
#header .logo a { display: block; width: 174px; height: 39px; margin-top: 56px; background: url('../../images/common/logo.png') no-repeat center; }
#header .shortcut_wrap { position: absolute; z-index: 1; top: 0; right: 0; width: 66px; height: 90px; }
#header .shortcut_wrap::before { position: absolute; z-index: -1; top: 0; right: 0; bottom: 0; left: 0; display: block; width: 0; height: 0; content: ''; border-top: 70px solid #6565a4; border-right: 33px solid #6565a4; border-bottom: 20px solid transparent; border-left: 33px solid #6565a4; }
#header .shortcut { font-size: 13px; display: block; height: 100%; padding-top: 20px; text-align: center; color: #fff; }
#header .bg { position: absolute; z-index: -1; top: 45px; left: 132px; width: 257px; height: 138px; background: url(../../images/main/bg.png) no-repeat center; }

/*contents*/
#contents { min-height: calc(100vh - 276px); }

/*메인*/
#contents .main .top_title { padding-top: 30px; padding-bottom: 40px; text-align: center; }
#contents .main .main_search { position: relative; width: 520px; margin: 0 auto; }
#contents .main .main_search .search_bar { font-size: 18px; width: 100%; height: 60px; padding-right: 60px; padding-left: 38px; border: 0; border-bottom: 1px solid #080808; background: transparent url(../../images/common/ico_search.png) no-repeat left center; }
#contents .main .main_search .btn_search_submit { position: absolute; z-index: 2; top: 0; right: 0; width: 50px; height: 54px; padding-top: 10px; cursor: pointer; color: #fff; border: none; background: url(../../images/common/ico_main_search.png) no-repeat center; background-size: contain; }
#contents .main .main_tab_wrap { position: relative; margin-top: 45px; }
#contents .main .main_tab_wrap .main_tab li { position: relative; width: calc((100% - 30px) / 3); height: 60px; margin-right: 15px; border-radius: 10px 10px 0 0; }
#contents .main .main_tab_wrap .main_tab li:last-child { margin-right: 0; }
#contents .main .main_tab_wrap .main_tab li span { line-height: 60px; display: inline-block; vertical-align: middle; }
#contents .main .main_tab_wrap .main_tab li.tab1 span::before { display: inline-block; width: 30px; height: 30px; margin-right: 20px; margin-bottom: 5px; content: ''; vertical-align: middle; background: url(../../images/common/ico_tab1.png) no-repeat center; }
#contents .main .main_tab_wrap .main_tab li.active.tab1 span::before { background: url(../../images/common/ico_tab1_active.png) no-repeat center; }
#contents .main .main_tab_wrap .main_tab li.tab2 span::before { display: inline-block; width: 30px; height: 30px; margin-right: 20px; margin-bottom: 5px; content: ''; vertical-align: middle; background: url(../../images/common/ico_tab2.png) no-repeat center; }
#contents .main .main_tab_wrap .main_tab li.active.tab2 span::before { background: url(../../images/common/ico_tab2_active.png) no-repeat center; }
#contents .main .main_tab_wrap .main_tab li.tab3 span::before { display: inline-block; width: 30px; height: 30px; margin-right: 20px; margin-bottom: 5px; content: ''; vertical-align: middle; background: url(../../images/common/ico_tab3.png) no-repeat center; }
#contents .main .main_tab_wrap .main_tab li.active.tab3 span::before { background: url(../../images/common/ico_tab3_active.png) no-repeat center; }
#contents .main .main_tab_wrap .main_tab.search_tab li { width: 273px; }
#contents .main .main_tab_wrap .main_tab.search_tab li.tab_all { width: 136px; }
#contents .main .main_tab_wrap .go_main { font-size: 16px; font-weight: bold; position: absolute; right: 0; bottom: 18px; min-height: 19px; padding-left: 34px; color: #6565a4; background: url(../../images/common/ico_go_main.png) no-repeat left center; }
#contents .main .main_tab_contents_wrap { padding-bottom: 30px; }
#contents .main .main_tab_contents, #contents .main .main_tab_sub_contents { padding: 30px; border: 1px solid #ddd; background: #fff; }
#contents .main .main_tab_sub_contents .big_title { font-size: 28px; font-weight: 500; padding-bottom: 35px; text-align: center; color: #222; }
#contents .main .main_tab_sub_contents .content.center { text-align: center; }
#contents .main .main_tab_contents .top_con { margin-bottom: 25px; }
#contents .main .main_tab_contents .top_con .left { float: left; }
#contents .main .main_tab_contents .top_con .left .title { font-size: 18px; font-weight: bold; display: block; padding-left: 28px; color: #4d3c78; background: url(../../images/common/hamburger.png) no-repeat left center; }
#contents .main .main_tab_contents .top_con .right { float: right; }
#contents .main .main_tab_contents .top_con a { font-size: 16px; font-weight: 500; position: relative; margin-right: 20px; padding-left: 29px; color: #6565a4; }
#contents .main .main_tab_contents .top_con a::before { position: absolute; top: 50%; left: 0; display: block; width: 18px; height: 18px; margin-top: -9px; margin-right: 11px; content: ''; background: url(../../images/common/ico_arrow.png) no-repeat center; }
#contents .main .main_tab_contents .term1_wrap { margin: 0 -10px; }
#contents .main .main_tab_contents .term { float: left; width: 50%; height: 100%; padding: 0 10px; }
#contents .main .main_tab_contents .term ul { overflow-x: hidden; overflow-y: auto; height: 100%; border: 1px solid #e5e5e5; background: #fafafa; }
#contents .main .main_tab_contents .term li { border-top: 1px solid #e5e5e5; }
#contents .main .main_tab_contents .term li:first-child { border-top: 0; }
#contents .main .main_tab_contents .term li:last-child { border-bottom: 1px solid #e5e5e5; }
#contents .main .main_tab_contents .term li a { font-size: 16px; line-height: 56px; display: block; overflow: hidden; padding: 0 27px; white-space: nowrap; text-overflow: ellipsis; word-wrap: normal; color: #555; }
#contents .main .main_tab_contents .term li a:hover, #contents .main .main_tab_contents .term li.active a { font-weight: 500; color: #333; background: #dedef0; }
#contents .main .main_tab_contents .term1_wrap, #contents .main .main_tab_contents .term2_wrap, #contents .main .main_tab_contents .term3_wrap { overflow: auto; height: 340px; }
#contents .main .main_tab_contents .term2 { position: relative; min-height: 130px; padding: 20px; padding-left: 80px; border: 1px solid #e5e5e5; border-top: 0; background: #fafafa; }
#contents .main .main_tab_contents .term2:first-child { border-top: 1px solid #e5e5e5; }
#contents .main .main_tab_contents .term2 dt { font-size: 20px; font-weight: 500; line-height: 1; position: absolute; top: 20px; left: 20px; float: left; width: 50px; height: 80px; margin-right: 10px; padding-top: 10px; text-align: center; color: #fff; background: #6565a4; }
#contents .main .main_tab_contents .term2 dd { float: left; margin-right: 10px; margin-bottom: 10px; }
#contents .main .main_tab_contents .term2 dd a { font-size: 16px; line-height: 35px; display: block; height: 35px; padding: 0 15px; color: #555; border-radius: 5px; background: #f2f0f0; }
#contents .main .main_tab_contents .term2 dd a:hover { font-weight: 500; color: #222; background: #dedef0; }
#contents .main .main_tab_contents .term3_wrap { margin: 0 -10px; }
#contents .main .main_tab_contents .term3 { float: left; width: 33.33333%; height: 100%; padding: 0 10px; }
#contents .main .main_tab_contents .term3 ul { overflow-x: hidden; overflow-y: auto; height: 100%; border: 1px solid #e5e5e5; background: #fafafa; }
#contents .main .main_tab_contents .term3 li { height: 56px; border-top: 1px solid #e5e5e5; }
#contents .main .main_tab_contents .term3 li a { font-size: 16px; line-height: 56px; display: block; overflow: hidden; padding: 0 27px; white-space: nowrap; text-overflow: ellipsis; word-wrap: normal; color: #555; }
#contents .main .main_tab_contents .term3 li a:hover, #contents .main .main_tab_contents .term3 li.active a { font-weight: 500; color: #333; background: #dedef0; }
#contents .main .main_tab_contents .term3 li:first-child { border-top: 0; }
#contents .main .main_tab_contents .term3 li:last-child { border-bottom: 1px solid #e5e5e5; }
#contents .main .bottom_con { padding-bottom: 30px; }
#contents .main .series { position: relative; float: left; overflow: hidden; width: 490px; height: 260px; margin-right: 20px; padding: 29px; border: 1px solid #dedede; background: #fff; }
#contents .main .series .series_slide .slide > a { display: block; width: 100%; height: 146px; }
#contents .main .series .title { font-size: 20px; font-weight: 500; line-height: 1; padding-bottom: 26px; color: #222; }
#contents .main .series .series_img_wrap { float: left; width: 100px; height: 146px; margin-right: 15px; border: 1px solid #ddd; background: #ddd; }
#contents .main .series .series_img_wrap img { width: 100%; height: 100%; }
#contents .main .series .series_img { display: block; width: 100%; height: 100%; }
#contents .main .series .info { float: left; width: 304px; }
#contents .main .series .info .list { padding-top: 18px; }
#contents .main .series .info .list li { position: relative; max-width: 100%; padding-left: 10px; padding-bottom: 8px; }
#contents .main .series .info .list li::before { position: absolute; left: 0; top: 0; display: inline-block; padding-right: 5px; content: '-'; vertical-align: middle; }
#contents .main .series .info .list li:last-child { padding-bottom: 0; }
#contents .main .series .info .list a { font-size: 14px; color: #666; }
#contents .main .series .info .highlight { font-weight: bold; color: #66c; }
#contents .main .series .info .sub_title { font-size: 17px; font-weight: 500; letter-spacing: -1px; color: #444; }
#contents .main .series .slide_counter { font-size: 16px; position: absolute; top: 26px; right: 19px; color: #777; }
#contents .main .series .slide_counter .current_index { font-weight: bold; color: #666ccc; }
#contents .main .series .bx-wrapper { margin-bottom: 0; border: 0; background: transparent; box-shadow: none; }
#contents .main .series .bx-wrapper .bx-controls-direction a { z-index: 10; top: 35px; width: 40px; height: 40px; margin-top: 0; }
#contents .main .series .bx-wrapper .bx-prev { left: -29px; background: rgba(0, 0, 0, .6) url(../../images/common/ico_slide_prev.png) no-repeat center; }
#contents .main .series .bx-wrapper .bx-next { right: -29px; background: rgba(0, 0, 0, .6) url(../../images/common/ico_slide_next.png) no-repeat center; }
#contents .main .series .bx-wrapper .bx-next:hover, .bx-wrapper .bx-next:focus { background: rgba(0, 0, 0, .6) url(../../images/common/ico_slide_next.png) no-repeat center; background-position: center; }
#contents .main .series .bx-wrapper .bx-prev:hover, .bx-wrapper .bx-prev:focus { background: rgba(0, 0, 0, .6) url(../../images/common/ico_slide_prev.png) no-repeat center; background-position: center; }
#contents .main .banner { float: left; width: 490px; height: 260px; background: #fff; }
#contents .main .banner a { position: relative; display: block; }
#contents .main .banner .btn_down { font-size: 14px; font-weight: bold; line-height: 40px; position: absolute; bottom: 30px; left: 30px; display: block; width: 148px; height: 40px; padding-left: 20px; color: #fff; background: #44a0a2; }
#contents .main .banner .btn_down::after { position: absolute; top: 50%; right: 20px; width: 22px; height: 16px; margin-top: -8px; content: ''; background: url(../../images/common/ico_down.png) no-repeat center; }
#contents .means_area .category_wrap { margin-bottom: 20px; padding-bottom: 10px; border-bottom: 1px dashed #dfdfdf; }
#contents .means_area .category_wrap:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: none; }
#contents .means_area .category { position: relative; margin-bottom: 10px; }
#contents .means_area .category dt { font-size: 16px; line-height: 35px; float: left; width: 90px; height: 35px; text-align: center; color: #555; border-radius: 4px; background: #f2f0f0; }
#contents .means_area .category dd { font-size: 16px; line-height: 1.5; float: left; width: calc(100% - 90px); padding-left: 10px; }
#contents .means_area .category .ex-font-s { font-family: 'Noto Sans KR'; font-size: 13px; line-height: 22px; position: absolute; left: 15px; display: block; width: 22px; height: 22px; margin-top: 3px; text-align: center; color: #fff; border-radius: 3px; background: #6565a4; }
#contents .means_area .category .ex-font-n { font-family: 'Noto Sans KR'; font-size: 13px; line-height: 20px; position: absolute; left: 15px; display: block; width: 22px; height: 22px; margin-top: 3px; text-align: center; color: #6565a4; border: 1px solid #6565a4; border-radius: 3px; background: #fff; }
#contents .means_area .category .ex-font-je { font-family: 'Noto Sans KR'; font-size: 13px; line-height: 20px; position: absolute; left: 15px; display: block; width: 31px; height: 22px; margin-top: 3px; text-align: center; color: #fff; border-radius: 3px; background: #4d3c78; }
#contents .means_area .category .explanation { font-size: 15px; color: #555; }
#contents .means_area .category .explanation::before { display: block; width: 73px; height: 1px; margin-top: 20px; margin-bottom: 20px; content: ''; background: #6565a4; }
#contents .means_area .category .box_none { min-height: 35px; padding-top: 5px; }
#contents .means_area .category .box, #contents .means_area .category .box2, #contents .means_area .category .box3, #contents .means_area .category .explanation { font-family: 'Noto Serif KR', serif; }
#contents .means_area .category .box { font-size: 15px; padding: 20px; border-radius: 5px; background: #f0f0fa; }
#contents .means_area .category .box2 { font-size: 15px; line-height: 1.6; position: relative; padding: 20px; padding-left: 55px; border: 1px solid #b0b0cd; border-radius: 5px; background: #fff; }
#contents .means_area .category .box3 { font-size: 15px; padding: 20px; border-radius: 5px; background: #f4f4f4; }
#contents .means_area .category .w3-border-indigo span { font-family: 'Noto Sans KR'; font-size: 13px; line-height: 22px; left: 15px; display: inline-block; width: 22px; height: 22px; text-align: center; color: #fff; border-radius: 3px; background: #6565a4; }
#contents .means_area .category .w3-border-blue span { font-family: 'Noto Sans KR'; font-size: 13px; line-height: 20px; left: 15px; display: inline-block; width: 22px; height: 22px; text-align: center; color: #6565a4; border: 1px solid #6565a4; border-radius: 3px; background: #fff; }

/* 검색결과 */
#contents .main .main_tab_sub_contents .content.search_result { min-height: 388px; }
#contents .main .main_tab_sub_contents .content.search_result .big_title .highlight { font-weight: bold; color: #6565a4; }
#contents .main .main_tab_sub_contents .content.search_result .big_title .highlight2 { font-weight: bold; color: #4d3c78; }
#contents .main .main_tab_sub_contents .content.search_result .list { padding-bottom: 80px; }
#contents .main .main_tab_sub_contents .content.search_result .list .title_wrap { margin-bottom: 20px; padding-bottom: 10px; border-bottom: 2px solid #ddd; }
#contents .main .main_tab_sub_contents .content.search_result .list .title { font-size: 20px; font-weight: 500; display: inline-block; vertical-align: top; color: #444; }
#contents .main .main_tab_sub_contents .content.search_result .list .title::before { display: inline-block; width: 30px; height: 30px; margin-right: 11px; content: ''; vertical-align: middle; }
#contents .main .main_tab_sub_contents .content.search_result .list01 .title::before { background: url(../../images/common/ico_tab1_active.png) no-repeat left center; }
#contents .main .main_tab_sub_contents .content.search_result .list02 .title::before { background: url(../../images/common/ico_tab2_active.png) no-repeat left center; }
#contents .main .main_tab_sub_contents .content.search_result .list03 .title::before { background: url(../../images/common/ico_tab3_active.png) no-repeat left center; }
#contents .main .main_tab_sub_contents .content.search_result .list .cnt { font-size: 20px; font-weight: bold; display: inline-block; color: #6565a4; }
#contents .main .main_tab_sub_contents .content.search_result .list .result { font-size: 16px; }
#contents .main .main_tab_sub_contents .content.search_result .list01 li, #contents .main .main_tab_sub_contents .content.search_result .list03 li { float: left; margin-right: 15px; margin-bottom: 15px; }
#contents .main .main_tab_sub_contents .content.search_result .list01 li:last-child, #contents .main .main_tab_sub_contents .content.search_result .list03 li:last-child { margin-right: 0; }
#contents .main .main_tab_sub_contents .content.search_result .list01 li a, #contents .main .main_tab_sub_contents .content.search_result .list03 li a { font-size: 19px; font-weight: 500; color: #333; }
#contents .main .main_tab_sub_contents .content.search_result .list01 li a:hover, #contents .main .main_tab_sub_contents .content.search_result .list03 li a:hover { text-decoration: underline; color: #6565a4; }
#contents .main .main_tab_sub_contents .content.search_result .list02 li { padding-bottom: 28px; }
#contents .main .main_tab_sub_contents .content.search_result .list02 li:hover dt { text-decoration: underline; color: #6565a4; }
#contents .main .main_tab_sub_contents .content.search_result .list02 li:hover dd { text-decoration: underline; color: #6565a4; }
#contents .main .main_tab_sub_contents .content.search_result .list02 dt { font-size: 19px; font-weight: 500; padding-bottom: 13px; color: #333; }
#contents .main .main_tab_sub_contents .content.search_result .list02 dd { color: #555; }
#contents .main .main_tab_sub_contents .content.search_result .list02 .vertical_bar { padding: 0 7px; color: #bbb; }
#contents .main .main_tab_sub_contents .content.search_result .empty_result { padding: 130px 0; }
#contents .main .main_tab_sub_contents .content.search_result .empty_result::before { display: block; height: 56px; margin-bottom: 30px; content: ''; background: url(../../images/common/ico_search_result_empty.png) no-repeat center; }
#contents .main .main_tab_sub_contents .content.search_result .empty_result .txt1 { font-size: 28px; font-weight: 500; text-align: center; color: #222; }
#contents .main .main_tab_sub_contents .content.search_result .empty_result .txt1 .highlight { font-weight: bold; color: #6565a4; }
#contents .main .main_tab_sub_contents .content.search_result .empty_result .txt1 .highlight2 { font-weight: bold; color: #4d3c78; }
#contents .main .main_tab_sub_contents .content.search_result .empty_result .txt2 { font-size: 16px; padding-top: 27px; text-align: center; color: #555; }
#contents .mark_diff .blue, #contents .mark_diff .red { font-weight: bold; color: #66c; }

/* 머리말 */
#contents .pop_preface { position: fixed; z-index: 15; top: 0; right: 0; bottom: 0; left: 0; display: none; overflow: hidden; width: 100%; height: 100%; background: rgba(0, 0, 0, .5); }
#contents .pop_preface.open { display: block; }
#contents .pop_preface .btn_x { position: absolute; top: 50px; right: 50px; display: block; width: 30px; height: 30px; cursor: pointer; background: url(../../images/common/ico_x.png) no-repeat center; }
#contents .pop_preface .content { position: absolute; top: 50%; left: 50%; overflow: auto; width: 750px; max-height: 90%; transform: translate(-50%, -50%); background: #fff; }
#contents .pop_preface .content .content_inner { padding: 126px 56px 56px 56px; }
#contents .pop_preface .content_inner > .title { font-size: 20px; font-weight: bold; line-height: 50px; position: absolute; z-index: 1; top: 40px; left: 0; width: 166px; height: 50px; margin-bottom: 41px; padding-left: 50px; color: #fff; background: url(../../images/common/ribbon.png) no-repeat center; }
#contents .pop_preface .content .txt_wrap .txt { font-size: 14px; line-height: 1.9; padding-bottom: 31px; text-align: justify; text-indent: 10px; letter-spacing: -.6px; color: #555; }
#contents .pop_preface .content .txt_wrap .txt:last-child { padding-bottom: 0; }
#contents .pop_preface .content .txt_wrap .ls1 { letter-spacing: -.7px; }
#contents .pop_preface .content .btm { padding-top: 50px; text-align: right; }
#contents .pop_preface .content .btm.btm2 { padding-top: 178px; }
#contents .pop_preface .content .btm .date { font-family: 'Noto Serif KR', serif; font-size: 14px; padding-bottom: 16px; color: #222; }
#contents .pop_preface .content .btm .txt { font-size: 17px; color: #222; }
#contents .pop_preface .content .btm b { font-weight: 500; }

/* 일러두기 */
#contents .pop_telling { position: fixed; z-index: 15; top: 0; right: 0; bottom: 0; left: 0; display: none; overflow: hidden; width: 100%; height: 100%; background: rgba(0, 0, 0, .5); }
#contents .pop_telling.open { display: block; }
#contents .pop_telling .btn_x { position: absolute; top: 50px; right: 50px; display: block; width: 30px; height: 30px; cursor: pointer; background: url(../../images/common/ico_x.png) no-repeat center; }
#contents .pop_telling .content { position: absolute; top: 50%; left: 50%; overflow: auto; width: 750px; max-height: 90%; transform: translate(-50%, -50%); background: #fff; }
#contents .pop_telling .content .content_inner { padding: 126px 56px 56px 56px; }
#contents .pop_telling .content_inner > .title { font-size: 20px; font-weight: bold; line-height: 50px; position: absolute; z-index: 1; top: 40px; left: 0; width: 166px; height: 50px; margin-bottom: 41px; padding-left: 50px; color: #fff; background: url(../../images/common/ribbon.png) no-repeat center; }
#contents .pop_telling .content .txt_wrap .list .title { font-size: 16px; font-weight: 500; padding-top: 20px; padding-bottom: 16px; }
#contents .pop_telling .content .txt_wrap .list .txt2 { font-size: 14px; line-height: 1.9; position: relative; padding-left: 18px; letter-spacing: -1.2px; color: #555; }
#contents .pop_telling .content .txt_wrap .list .txt2 span { position: absolute; top: 0; left: 0; }
#contents .pop_telling .content .txt_wrap .list .bg1 { font-size: 13px; line-height: 20px; display: inline-block; width: 37px; height: 20px; margin: 0 3px; text-align: center; color: #fff; border-radius: 2px; background: #6565a4; }
#contents .pop_telling .content .txt_wrap .list .bg2 { font-size: 10px; line-height: 14px; display: inline-block; width: 14px; height: 14px; text-align: center; color: #fff; border-radius: 100%; background: #6565a4; }
#contents .pop_telling .content .txt_wrap .list .bg3 { font-size: 13px; line-height: 20px; display: inline-block; width: 20px; height: 20px; margin: 0 3px; text-align: center; color: #fff; border-radius: 2px; background: #6565a4; }
#contents .pop_telling .content .txt_wrap .list .bg4 { font-size: 13px; line-height: 20px; display: inline-block; width: 20px; height: 20px; margin: 0 3px; text-align: center; color: #6565a4; border: 1px solid #6565a4; border-radius: 2px; }
#contents .pop_telling .content .txt_wrap .list .bg5 { font-size: 13px; line-height: 20px; display: inline-block; width: 30px; height: 20px; margin: 0 3px; text-align: center; color: #fff; border-radius: 2px; background: #4d3c78; }
#contents .pop_telling .content .txt_wrap .list .bg6 { font-size: 13px; line-height: 20px; display: inline-block; width: 20px; height: 20px; margin: 0 3px; text-align: center; color: #999; border: 1px solid #999; border-radius: 2px; background: #eee; }
#contents .pop_telling .content .txt_wrap .list .bg7 { font-size: 13px; line-height: 20px; display: inline-block; width: 20px; height: 20px; margin: 0 3px; text-align: center; color: #fff; border-radius: 2px; background: #999; }
#contents .pop_telling .content .txt_wrap .list .txt3 { padding-top: 15px; }
#contents .pop_telling .content .txt_wrap .list .txt4 { padding-bottom: 5px; }
#contents .pop_telling .content .txt_wrap .list .txt4:first-child { padding-top: 25px; }
#contents .pop_telling .content .txt_wrap .list .txt4:last-child { padding-bottom: 0; }
#contents .pop_telling .content .txt_wrap .list .txt5 { position: relative; }
#contents .pop_telling .content .txt_wrap .list .txt5 span { font-size: 12px; position: absolute; top: 25px; left: 25px; }
#contents .pop_telling .content .txt_wrap .list p:last-child { padding-bottom: 0; }
#contents .pop_telling .content .txt_wrap .list li:first-child .title { padding-top: 0; }
#contents .pop_telling .content .txt_wrap .txt { font-size: 14px; line-height: 1.9; padding-bottom: 31px; text-align: justify; text-indent: 10px; letter-spacing: -.6px; color: #555; }
#contents .pop_telling .content .txt_wrap .txt:last-child { padding-bottom: 0; }
#contents .pop_telling .content .btm { padding-top: 50px; text-align: right; }
#contents .pop_telling .content .btm .date { font-family: 'Noto Serif KR', serif; font-size: 14px; padding-bottom: 16px; color: #222; }
#contents .pop_telling .content .btm .txt { font-size: 17px; color: #222; }
#contents .pop_telling .content .btm b { font-weight: 500; }
#contents .pop_telling .content .ex_box_wrap { padding: 22px 0 0 0; }
#contents .pop_telling .content .ex_box { position: relative; height: 90px; }
#contents .pop_telling .content .ex_box.type2 { height: 68px; }
#contents .pop_telling .content .ex_box .right { position: absolute; top: 0; left: 8%; width: 92%; padding: 10px 0 0 5px; border-top: 1px solid #ddd; }
#contents .pop_telling .content .ex_box .right p { padding-bottom: 6px; }
#contents .pop_telling .point { color: #6565a4; }

/*footer*/
#footer { background: #fff; }
#footer .inner { width: 1100px; }
#footer .foot_top { border-bottom: 1px solid #ddd; }
#footer .foot_top .sites { height: 60px; text-align: center; }
#footer .foot_top .sites li { display: inline-block; padding-right: 15px; vertical-align: middle; }
#footer .foot_top .sites li:last-child { padding-right: 0; }
#footer .foot_top .sites li a { line-height: 60px; display: block; }
#footer .foot_top .sites li a img { vertical-align: middle; }
#footer .foot_info { padding-bottom: 37px; }
#footer .foot_info .sns_link { position: absolute; top: 31px; right: 0; }
#footer .foot_info .sns_link li { float: left; margin-left: 11px; }
#footer .foot_info .sns_link li:first-child { margin-left: 0; }
#footer .foot_info .sns_link li a { display: block; width: 38px; height: 38px; }
#footer .foot_info .sns_link .sns1 { background: url(../../images/common/ico_sns01.png) no-repeat center; }
#footer .foot_info .sns_link .sns2 { background: url(../../images/common/ico_sns02.png) no-repeat center; }
#footer .foot_info .sns_link .sns3 { background: url(../../images/common/ico_sns03.png) no-repeat center; }
#footer .foot_info .sns_link .sns4 { background: url(../../images/common/ico_sns04.png) no-repeat center; }
#footer .foot_info .sns_link .sns5 { background: url(../../images/common/ico_sns05.png) no-repeat center; }
#footer .foot_info .address { font-family: 'NanumBarunGothic', 'Noto Sans KR', sans-serif; font-size: 14px; padding-top: 37px; padding-bottom: 10px; color: #333; }
#footer .foot_info .txt_copyright { font-family: 'NanumBarunGothic', 'Noto Sans KR', sans-serif; font-size: 14px; color: #333; }
#footer .foot_info .txt_copyright2 { font-family: 'NanumBarunGothic', 'Noto Sans KR', sans-serif; font-size: 15px; font-weight: bold; padding-top: 16px; color: #222; }