@charset "utf-8";

@font-face {
    font-family: 'NotoSans';
    font-style: normal;
    font-weight: 300;
    src: local('Noto Sans Medium'), local('NotoSans-DemiLight');
    src: url(https://t1.kakaocdn.net/clean_static/guide/font/NotoSansKR-DemiLight-Hestia.eot);
    src: url(https://t1.kakaocdn.net/clean_static/guide/font/NotoSansKR-DemiLight-Hestia.eot?#iefix) format('embedded-opentype'),
    url(https://t1.kakaocdn.net/clean_static/guide/font/NotoSansKR-DemiLight-Hestia.woff) format('woff'),
    url(https://t1.kakaocdn.net/clean_static/guide/font/NotoSansKR-DemiLight-Hestia.otf) format('opentype');
}

@font-face {
    font-family: 'NotoSans';
    font-style: normal;
    font-weight: 400;
    src: local('Noto Sans Regular'), local('NotoSans-Regular');
    src: url(https://t1.kakaocdn.net/clean_static/guide/font/NotoSansKR-Regular-Hestia.eot);
    src: url(https://t1.kakaocdn.net/clean_static/guide/font/NotoSansKR-Regular-Hestia.eot?#iefix) format('embedded-opentype'),
    url(https://t1.kakaocdn.net/clean_static/guide/font/NotoSansKR-Regular-Hestia.woff) format('woff'),
    url(https://t1.kakaocdn.net/clean_static/guide/font/NotoSansKR-Regular-Hestia.otf) format('opentype');
}

@font-face {
    font-family: 'NotoSans';
    font-style: normal;
    font-weight: 700;
    src: local('Noto Sans Bold'), local('NotoSans-Bold');
    src: url(https://t1.kakaocdn.net/clean_static/guide/font/NotoSansKR-Bold-Hestia.eot);
    src: url(https://t1.kakaocdn.net/clean_static/guide/font/NotoSansKR-Bold-Hestia.eot?#iefix) format('embedded-opentype'),
    url(https://t1.kakaocdn.net/clean_static/guide/font/NotoSansKR-Bold-Hestia.woff) format('woff'),
    url(https://t1.kakaocdn.net/clean_static/guide/font/NotoSansKR-Bold-Hestia.otf) format('opentype');
}


/* reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button{margin:0;padding:0}
fieldset,img{border:0 none}
dl,ul,ol,menu,li{list-style:none}
blockquote, q{quotes:none}
blockquote:before, blockquote:after,q:before, q:after{content:'';content:none}
input,select,textarea,button{vertical-align:middle}
input::-ms-clear{display:none}
button{border:0 none;background-color:transparent;cursor:pointer}
body{background:#fff}
body,th,td,input,select,textarea,button{font-size:12px;line-height:1.5;font-family:'NotoSans', 'Apple SD Gothic Neo', 'Malgun Gothic', '맑은 고딕', sans-serif;color:#333}
a{color:#333;text-decoration:none}
a:active, a:hover{text-decoration:underline}
a:active{background-color:transparent}
address,caption,cite,code,dfn,em,var{font-style:normal;font-weight:normal}

/* global */
.direct-link{position:relative;width:100%;}
.direct-link a{position:absolute;top:-999px;padding:5px 10px;font-weight:700;color:#fff;background:#333;text-decoration:none;white-space:nowrap;}
.direct-link a:focus{top:0;z-index:10000;}
.ir_pm{display:block;overflow:hidden;font-size:0px;line-height:0;text-indent:-9999px}
.ir_wa{display:block;overflow:hidden;position:relative;z-index:-1;width:100%;height:100%}
.ir_caption{overflow:hidden;width:1px;font-size:1px;line-height:0;text-indent:-9999px}
.screen_out{overflow:hidden;position:absolute;width:0;height:0;line-height:0;text-indent:-9999px}
.show{display:block}
.hide{display:none}
/* common */
.ico_safe{display:block;overflow:hidden;font-size:0;line-height:0;background:url(https://t1.daumcdn.net/id/clean/safe/ico_safe.png) 0 0 no-repeat;text-indent:-9999px}

/* layout */
html, body, .container-doc{height:100%}
.doc-main{display:flex;min-height:calc(100% - 262px)}
.container-doc{position:relative;min-width:1200px}
.main-content{display:flex;width:1160px;margin:0 auto}

/* header */
.doc-header{height:160px;border-bottom:1px solid #e8e8e8}
.doc-header .inner_head{width:1160px;margin:0 auto}
.doc-header .inner_head:after{display:block;clear:both;content:''}
.doc-header .doc-title{float:left;margin-top:50px}
.doc-header .link_service{display:block}
.doc-header .logo_safe{vertical-align:top}
.doc-header .bg_top{float:right;width:291px;height:122px;margin:29px 81px 0 0;background:url(https://t1.daumcdn.net/id/clean/safe/rtn/bg_top.png) 0 0 no-repeat;background-size:291px 122px}

/* nav */
.content-sub{flex:none;width:199px;padding-bottom:50px;border-right:1px solid #e8e8e8}
.content-sub .ico_safe{width:170px;height:69px;margin-top:60px;background-position:-270px 0}
.content-sub .list_gnb{padding-top:49px}
.content-sub .list_gnb a{display:block;font-weight:300;font-size:22px;line-height:42px;color:#666;text-decoration:none;letter-spacing:-0.03em}
.content-sub .list_gnb a:hover{color:#1e1e1e;text-decoration:underline}
.content-sub .list_gnb li + li{margin-top:10px}
.content-sub .list_gnb .on a{font-weight:700;color:#1e1e1e}

/* content */
.main-content .content-article{flex:1;min-width:0;padding-bottom:70px}
.main-content .content-sub + .content-article{padding:0 0 100px 60px}

/* home */
.feature_info{overflow:hidden}
.feature_info .ico_main_img{float:left;width:398px;height:155px;margin:125px 0 0 64px;background-position:0 -340px}
.feature_info .info_feature{overflow:hidden;padding-left:59px}
.feature_info .tit_safe{display:block;padding-top:64px;font-size:48px;line-height:56px;color:#1e1e1e;letter-spacing:-0.025em}
.feature_info .info_safe{padding:27px 0 0 2px;font-size:20px;line-height:28px;color:#666;letter-spacing:-0.025em}
.feature_info .info_safe + .info_safe{padding-top:16px}
.feature_info .group_link{padding-top:29px;font-size:0;line-height:0}
.feature_info .group_link a{display:inline-block;padding:5px 5px 5px 0;font-weight:300;font-size:18px;line-height:22px;color:#666;vertical-align:top;text-decoration:underline}
.feature_info .group_link a:hover{color:#1e1e1e}
.feature_info .group_link a + a{margin-left:26px;padding-left:5px}
.list_use{overflow:hidden;padding-top:44px}
.list_use li{float:left;width:373px;margin:20px 0 0 20px}
.list_use li:nth-child(1), .list_use li:nth-child(4){width:374px;margin-left:0}
.list_use a{display:block;position:relative;height:200px;padding:22px 0 0 23px;border:1px solid #e8e8e8;box-sizing:border-box;text-decoration:none}
.list_use a:hover{background-color:#ffdc00;border-color:#e6c80a}
.list_use strong{display:block;font-size:28px;line-height:32px;color:#1e1e1e;letter-spacing:-0.025em}
.list_use .txt_desc{padding:13px 0 0 1px;font-weight:300;font-size:18px;line-height:26px;color:#666}
.list_use a:hover .txt_desc{color:#716317}
.list_use .ico_go{width:50px;height:28px;margin:24px 0 0 2px;border:1px solid #1e1e1e;font-size:15px;line-height:28px;color:#1e1e1e;text-align:center}
.list_use a:hover .ico_go{color:#fff;background-color:#1e1e1e}
.list_use .ico_safe{position:absolute;bottom:25px;right:25px}
.list_use .ico_right{width:86px;height:62px}
.list_use .ico_toxic{width:86px;height:62px;background-position:-90px 0}
.list_use .ico_scan{width:83px;height:83px;background-position:-180px 0}
.list_use .ico_user{width:71px;height:83px;background-position:0 -140px}
.list_use .ico_evil{width:81px;height:92px;background-position:-80px -140px}
.list_use .ico_relate{width:86px;height:65px;background-position:-170px -180px}
.list_use a:hover .ico_right{background-position-y:-70px}
.list_use a:hover .ico_toxic{background-position-y:-70px}
.list_use a:hover .ico_scan{background-position-y:-90px}
.list_use a:hover .ico_user{background-position-y:-230px}
.list_use a:hover .ico_evil{background-position-y:-240px}
.list_use a:hover .ico_relate{background-position-y:-250px}

/* footer */
.doc-footer{height:100px;border-top:1px solid #e8e8e8}
.doc-footer .wrap_footer{width:1160px;margin:0 auto}
.doc-footer .wrap_footer:after{display:block;clear:both;content:''}
.doc-footer .info_copy{float:left;padding-top:40px}
.doc-footer .info_copy img{float:left}
.doc-footer .info_copy small{display:block;overflow:hidden;padding-left:7px;font-weight:400;font-size:12px;line-height:24px;color:#666;letter-spacing:-0.015em}
.doc-footer .info_copy .link_kakao{color:#666}

.doc-footer .group_related{float:right;padding-top:32px}
.doc-footer .info_related, .doc-footer .box_related{float:left;position:relative}
.doc-footer .info_related + .info_related{margin-left:9px}
.doc-footer .link_related{padding:8px 5px;font-size:13px;line-height:20px;color:#666}
.doc-footer .link_related .emph_related{font-weight:700}
.doc-footer .link_related .ico_more{display:inline-block;width:9px;height:6px;margin:7px 0 0 4px;background-position:0 -320px;vertical-align:top}
.doc-footer .link_related:hover{font-weight:700;color:#1e1e1e}
.doc-footer .link_related:hover .ico_more,.doc-footer .link_related:focus .ico_more{background-position:-10px -320px}
.doc-footer .link_related[aria-expanded="true"] + .list_relation{display:block}
.list_relation{display:none;position:absolute;left:0;bottom:36px;padding:13px 0 12px;background-color:#fff;border:1px solid #e8e8e8}
.list_relation .link_more{display:block;padding:0 13px;font-size:13px;line-height:28px;color:#666;white-space:nowrap;text-decoration:none}
.list_relation .link_more .ico_safe{display:inline-block;width:13px;height:13px;margin:7px 0 0 8px;background-position:-40px -320px;vertical-align:top}
.list_relation .link_more:hover{background-color:#f6f6f6}
.box_related{padding-top:1px;margin-left:34px}
.box_related .link_related{display:block;position:relative;width:175px;padding:0 0 0 13px;border:1px solid #1e1e1e;line-height:32px;color:#1e1e1e;box-sizing:border-box;text-align:left}
.box_related .link_related:hover{font-weight:400}
.box_related .link_related .ico_safe{position:absolute;top:11px;right:13px;width:11px;height:11px;background-position:-20px -320px}
.box_related.open .link_related .ico_safe{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}
.box_related .list_relation{width:173px;bottom:33px;border-color:#1e1e1e}
.box_related .list_relation .link_more{color:#1e1e1e}

/* content */
.head_safe{overflow:hidden;padding-top:60px;padding-bottom:40px;border-bottom:2px solid #1e1e1e}
.head_safe .info_head{overflow:hidden}
.head_safe .wrap_ico{float:left;width:168px}
.head_safe .wrap_ico img{vertical-align:top}
.head_safe .wrap_ico .ico_right{margin-top:4px}
.head_safe h3{margin-top:-4px;font-weight:700;font-size:32px;line-height:36px;color:#1e1e1e;letter-spacing:-0.03em}
.head_safe p{margin-bottom:-3px;padding:18px 20px 0 1px;font-size:15px;line-height:24px;color:#666}
.cont_scan .head_safe p{letter-spacing:-0.3px}
.tit_main{display:block;padding-top:36px;font-size:22px;line-height:26px;color:#1e1e1e}
.txt_sub{padding-top:12px;font-size:15px;line-height:28px;color:#666}
/*.txt_sub + .tit_main{padding-top:29px}*/

.txt_emph{display:block;font-size:15px;font-weight:700;line-height:28px;color:#000;}
.txt_emph > .link_emph{color:#2d9791;text-decoration:underline;}
.txt_sub + .tit_main{padding-top:29px;}
.txt_sub + .txt_sub{padding-top:28px;}
.group_btn + .txt_sub{padding-top:33px;}
.group_btn + .txt_emph{padding-top:12px;}

.tit_emph{padding-top:36px;font-weight:700;font-size:32px;line-height:36px;color:#1e1e1e;letter-spacing:-0.03em;}
/* 2024-03-11 선거관리위원회 문구수정 */
.txt_emph{display:block;padding-top:12px;font-size:22px;font-weight:bold;line-height:26px;color:#1e1e1e;}
/* 2024-03-11 선거관리위원회 문구수정 */
.txt_emph > .link_emph{color:#2d9791;text-decoration:underline;}

.txt_sub + .txt_sub{padding-top:28px}
.group_btn + .txt_sub{padding-top:33px}
.wrap_img{margin-top:13px}
.wrap_img .thumb_g{max-width:100%;vertical-align:top}
.group_btn + .wrap_img{margin-top:40px}
.group_info ~ .group_info{margin-top:40px;border-top:1px solid #e8e8e8}
.group_info .group_btn:first-child{padding-top:40px}
.tit_sub{display:block;padding-top:28px;font-size:15px;line-height:24px;color:#1e1e1e}
.tit_sub + .txt_sub{padding-top:0px}
.group_btn + .tit_sub{padding-top:35px}
.tit_main + .list_comm{padding-top:11px}
.list_comm + .txt_sub{padding-top:26px}
.list_comm li{position:relative;padding-left:29px;font-size:15px;line-height:28px;color:#666;text-indent:-1px}
.list_comm li:before{position:absolute;top:14px;left:16px;width:4px;height:1px;background-color:#666;content:''}
.list_comm li em{font-weight:700}
.list_comm li .txt_more{margin-top:4px;padding-left:9px;font-size:13px;line-height:20px;text-indent:-9px}
.group_btn{padding-top:13px;font-size:0;line-height:0}
.wrap_img + .group_btn{padding-top:20px}
.group_btn .btn_g{display:inline-block;position:relative;height:40px;min-width:200px;padding:0 60px 0 15px;border:1px solid #1e1e1e;font-size:15px;line-height:38px;color:#1e1e1e;box-sizing:border-box;vertical-align:top;text-decoration:none}
.group_btn .btn_g:hover{color:#fff;background-color:#1e1e1e}
.group_btn .btn_g:hover .ico_safe{background-position:-70px -320px}
.group_btn .btn_g + .btn_g{margin-left:10px}
.group_btn .btn_g .ico_safe{position:absolute;top:14px;right:16px;width:6px;height:10px;background-position:-60px -320px}
.group_btn .btn_secondary{background-color:#ffdb00}

.tbl_comm{width:100%;margin-top:18px;border:0;border-top:2px solid #e8e8e8;border-spacing:0;border-collapse:collapse;table-layout:fixed}
.tbl_comm th, .tbl_comm td{border-bottom:1px solid #e8e8e8}
.tbl_comm th + th, .tbl_comm td + td{border-left:1px solid #e8e8e8}
.tbl_comm th{height:38px;font-weight:normal;font-size:15px;line-height:24px;color:#666;background-color:#f9f9fb}
.tbl_comm td{padding:15px 20px 16px;font-size:15px;line-height:24px;color:#666}
.tbl_comm tbody th + td{border-left:1px solid #e8e8e8}
.tbl_comm .align_center{text-align:center}
.tbl_comm .list_comm li{padding-left:14px;line-height:24px}
.tbl_comm .list_comm li:before{top:12px;left:0}
.tbl_comm ol.list_comm, .tbl_comm ol.list_comm li{list-style:decimal}
.tbl_comm ol.list_comm li{margin-left:14px;padding-left:2px;text-indent:0}
.tbl_comm ol.list_comm li:before{content:normal}
.tbl_comm + .group_btn{padding-top:20px}
.group_btn.type_center{padding-top:40px;text-align:center}
.list_comm + .group_btn.type_center{padding-top:34px}
.group_btn .btn_large{display:inline-block;min-width:180px;height:54px;padding:0 30px;font-size:18px;line-height:54px;color:#1e1e1e;background-color:#ffdb00;vertical-align:top;box-sizing:border-box;text-align:center;text-decoration:none}
.group_btn .btn_large + .btn_large{margin-left:20px}
.group_btn .btn_large:hover{background-color:#f3d302}

.tit_relate{padding-top:56px;font-weight:700;font-size:32px;line-height:36px;color:#1e1e1e;letter-spacing:-0.03em}
.list_relate{margin-top:37px;border-top:2px solid #1e1e1e;border-bottom:1px solid #1e1e1e}
.list_relate li + li{border-top:1px solid #e8e8e8}
.list_relate li{display:flex;overflow:hidden}
.list_relate .wrap_logo{flex:none;display:flex;align-items:center;padding-left:40px}
.list_relate .wrap_logo img{vertical-align:top}
.list_relate .cont_relate{flex:1;display:flex;flex-direction:column;justify-content:center;overflow:hidden;padding:23px 15px 23px 60px;box-sizing:border-box}
.list_relate a{display:flex;align-items:center;text-decoration:none}
.list_relate a + a{margin-top:5px}
.list_relate a .ico_safe{width:8px;height:14px;background-position:-170px -320px}
.list_relate strong{flex:1;font-size:15px;line-height:30px;color:#1e1e1e}

@media
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi),
only screen and (min-resolution: 1.5dppx) {
    .ico_safe{background-image:url(https://t1.daumcdn.net/id/clean/safe/rtn/ico_safe.png);background-size:440px 495px}
}

.txt_sub + .list_comm.type2{padding-top:28px;}
.txt_sub.type2{padding-top:28px;}
.list_comm.type2 li:before{position:absolute;top:13px;left:16px;width:2px;height:2px;border-radius:2px;background-color:#666;content:'';}
.link_comm{color:#409eff;}
.group_btn + .txt_sub{padding-top:33px;}
.group_btn + .txt_emph{padding-top:12px;}
.group_btn{padding-top:13px;font-size:0;line-height:0;}