@charset "utf-8";
@font-face {
    font-family: 'GyeonggiTitleM';
    src: url('../../../font/GyeonggiTitleM/GyeonggiTitleM.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
/* 
    font-family: 'Noto Sans KR', sans-serif;
    font-family: 'Lato', sans-serif;
    font-family: 'Nanum Square', sans-serif;
    font-family: 'GyeonggiTitleM';
*/

/* 공통 */
.user#main:not([data-popup="on"]) #wrap{padding-top:5.2em !important;}
.user#main[data-popup="on"] #wrap{padding-top:21em !important;}
.user#main #header{background-color:transparent;}
.user#main:not([data-gnb="on"]):not([data-scroll="on"]) #header h1 span>a{background-position:-25em -57.7em;}
.user#main #header #nav{border-bottom:none;}
.user#main:not([data-gnb="on"]):not([data-scroll="on"]) #header #nav #gnb > ul > li > a > span{color:#fff;}
.user#main:not([data-gnb="on"]):not([data-scroll="on"]) #header #etc>ul>li [data-search="s"]{border-color:rgba(255,255,255,0.5); background-color:transparent;}
.user#main:not([data-gnb="on"]):not([data-scroll="on"]) #header #etc>ul>li [data-search="s"]>input[type="text"]{color:#fff;}
.user#main:not([data-gnb="on"]):not([data-scroll="on"]) #header #etc>ul>li [data-search="s"]>input[type="text"]::placeholder{color:rgba(255,255,255,0.5);}
.user#main:not([data-gnb="on"]):not([data-scroll="on"]) #header #etc>ul>li [data-search="s"]>input[type="submit"]{background-position:-7.2em 0;}

.user#main[data-scroll="on"] #header,
.user#main[data-gnb="on"] #header{background-color:#fff;}

@media screen and (max-width:1024px){
    .user#main[data-popup="on"] #wrap{padding-top:22.8em !important;}
    .user #header{position:absolute;}
    .user[data-popup="on"][data-scroll="on"] #header{position:fixed; margin-top:0 !important;}
}



/* visual */
body#main #visual{position:relative; height:66.8em; background-color:#000;}
body#main #visual .controll{position:absolute; left:calc(50% - (144em / 2)); bottom:6em; z-index:100;}
body#main #visual .controll::after{content:""; display:block; clear:both;}
body#main #visual .controll>a{overflow:hidden; float:left; display:block; width:2.4em; height:2.4em; margin-right:2em; text-align:left; text-indent:-1000px; background-image:url(../../../images/site/kor/main/main.svg); background-repeat:no-repeat; background-size:100em auto;}
body#main #visual .controll>a:not([class*="btn_"]){margin-right:1.2em; background-position:0 -2.4em;}
body#main #visual .controll>a:not([class*="btn_"]).on{background-position:-2.4em -2.4em;}
body#main #visual .controll>a.btn_stop{background-position:-4.8em -2.4em;}
body#main #visual .controll>a.btn_play{background-position:-7.2em -2.4em;}
body#main #visual .move{position:absolute; left:0; top:0; z-index:0; width:100%; height:100%;}
body#main #visual .move>ul,
body#main #visual .move>ul>li{position:absolute; left:0; top:0; width:100%; height:100%; background-repeat:no-repeat; background-position:center; background-size:cover;}
body#main #visual .move>ul>li{
    opacity:0; z-index:0;
    -webkit-transition:opacity 0.6s linear 0.6s;
    transition:opacity 0.6s linear 0.6s;
}
body#main #visual .move>ul>li>.layout{display:table; table-layout:fixed; width:100%; height:100%; padding-bottom:8em;}
body#main #visual .move>ul>li>.layout>.in{display:none; text-align:left; vertical-align:middle; color:#fff;}
body#main #visual .move>ul>li>.layout>.in>span,
body#main #visual .move>ul>li>.layout>.in>strong,
body#main #visual .move>ul>li>.layout>.in>a{display:block;}
body#main #visual .move>ul>li>.layout>.in>span{margin-bottom:0.5em; font-size:2.2em;}
body#main #visual .move>ul>li>.layout>.in>strong{line-height:1.8; font-family: 'Nanum Square', sans-serif; font-size:3.0em;text-shadow: 2px 3px 5px #474747}
body#main #visual .move>ul>li>.layout>.in>strong>span{display:block;}
body#main #visual .move>ul>li>.layout>.in>a{
    display:inline-block; position:relative; width:14em; height:5.5em; margin-top:4em; text-align:center; border:1px solid rgba(255,255,255,0.5); background-color:rgba(0,0,0,0.5);
    -webkit-border-radius:2.8em; border-radius:2.8em;
    -webkit-transition:border-color 0.2s linear, background-color 0.2s linear;
    transition:border-color 0.2s linear, background-color 0.2s linear;
}
body#main #visual .move>ul>li>.layout>.in>a[href^="javascript:;"],
body#main #visual .move>ul>li>.layout>.in>a[href^="#"]{display:none !important;}
body#main #visual .move>ul>li>.layout>.in>a>span{
    position:absolute; left:50%; top:50%; font-size:1.8em; color:#fff;
    -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%);
}

body#main #visual .move>ul>li.on{
    opacity:1; z-index:300;
    -webkit-transition:opacity 0.6s linear 0s;
    transition:opacity 0.6s linear 0s;
}
body#main #visual .move>ul>li.on>.layout>.in{display:table-cell;}
body#main #visual .move>ul>li.on>.layout>.in>span,
body#main #visual .move>ul>li.on>.layout>.in>strong,
body#main #visual .move>ul>li.on>.layout>.in>a{
    opacity:0;
    -webkit-animation-name:visual_text;
    -webkit-animation-duration:0.5s;
    -webkit-animation-fill-mode:forwards;
    -webkit-animation-iteration-count:1;
    -webkit-animation-timing-function:linear;

    animation-name:visual_text;
    animation-duration:0.5s;
    animation-fill-mode:forwards;
    animation-iteration-count:1;
    animation-timing-function:linear;
}
body#main #visual .move>ul>li.on>.layout>.in>strong{-webkit-animation-delay:0.3s; animation-delay:0.3s;}
body#main #visual .move>ul>li.on>.layout>.in>a{-webkit-animation-delay:0.5s; animation-delay:0.5s;}
body#main #visual .move>ul>li>.layout>.in>a:hover{border-color:rgba(255,255,255,1); background-color:rgba(0,0,0,1);}

@-webkit-keyframes visual_text {
    0%{opacity:0; -webkit-transform:translateY(30px); transform:translateY(30px);}
    100%{opacity:1; -webkit-transform:translateY(0); transform:translateY(0);}
}
@keyframes visual_text {
    0%{opacity:0; -webkit-transform:translateY(30px); transform:translateY(30px);}
    100%{opacity:1; -webkit-transform:translateY(0); transform:translateY(0);}
}

@media screen and (max-width:1480px){
    body#main #visual .controll{left:6em; bottom:3em;}
    body#main #visual .move>ul>li>.layout{max-width:100%; padding:0 6em 8em;}
}
@media screen and (max-width:1024px){
    body#main #visual{height:37.3em;}
    body#main #visual .move{font-size:0.6em;}
    body#main #visual .move>ul>li>.layout{padding:0 10em 8em;}
}
@media screen and (max-width:600px){
    body#main #visual{height:29.5em;}
    body#main #visual .controll{left:4em; bottom:3em;}
    body#main #visual .controll>a{margin-right:1em;}
    body#main #visual .controll>a:not([class*="btn_"]){margin-right:0.5em;}
    body#main #visual .move{font-size:0.5em;}
    body#main #visual .move>ul>li>.layout{padding:0 8em 8em;}
}
@media screen and (max-width:340px){
    body#main #visual .move>ul>li>.layout>.in>strong{font-size:5em;}
}


/* 공통 */
body#main #content .title{overflow:hidden; display:block; width:21em; height:2.6em; margin-bottom:2.6em; text-align:left; text-indent:-1000px; background-image:url(../../../images/site/kor/main/main.svg); background-repeat:no-repeat; background-size:100em auto;}
body#main #content .more{display:block; position:absolute; right:0; top:0.5em; width:2.4em; height:2.4em;}
body#main #content .more::before{
    content:""; display:block; position:absolute; left:0; top:0; width:100%; height:100%; background-image:url(../../../images/site/kor/main/main.svg); background-position:-34.8em -2.4em; background-repeat:no-repeat; background-size:100em auto;
    -webkit-transition:transform 0.2s linear; transition:transform 0.2s linear;
}
body#main #content .more>span{opacity:0; position:absolute; left:0; top:0; font-size:0 !important;}
body#main #content .more:hover::before{-webkit-transform:rotate(180deg); transform:rotate(180deg);}

body#main #content div[class*="line-"]>.layout::after{content:""; display:block; clear:both;}
body#main #content div.line-1{padding:4em 0;}
body#main #content div.line-1 .item{float:left;}

/* news */
body#main #content div.line-1 .item#notice{position:relative; width:calc(100% - 45.3em - 3.9em); padding:0.5em 0 0 0; margin-right:3.9em;}
body#main #content div.line-1 .item#notice>.title{position:absolute; left:0; top:0; z-index:10; background-position:-79em 0;}
body#main #content div.line-1 .item#notice>div{position:relative; z-index:20;}
body#main #content div.line-1 .item#notice>div>ul{padding-left:10em;}
body#main #content div.line-1 .item#notice>div>ul::after{content:""; display:block; clear:both;}
body#main #content div.line-1 .item#notice>div>ul>li{float:left;}
body#main #content div.line-1 .item#notice>div>ul>li:nth-child(n+2){padding-left:0.9em;}
body#main #content div.line-1 .item#notice>div>ul>li:nth-child(n+2)::before{content:""; display:inline-block; width:2.4em; height:2.4em; margin:-0.2em 0.9em 0 0; vertical-align:top; background-image:url(../../../images/site/kor/main/main.svg); background-position:-30em -2.4em; background-repeat:no-repeat; background-size:100em auto;}
body#main #content div.line-1 .item#notice>div>ul>li>a{display:inline-block; vertical-align:top;}
body#main #content div.line-1 .item#notice>div>ul>li>a>span,
body#main #content div.line-1 .item#notice>div>ul>li>a>strong{display:block; position:relative; line-height:1.3; padding-bottom:0.4em; font-family: 'Nanum Square', sans-serif; font-size:1.8em; color:#777;}
body#main #content div.line-1 .item#notice>div>ul>li>a>strong{font-weight:600; color:#126FDD;}
body#main #content div.line-1 .item#notice>div>ul>li>a>strong::before{content:""; display:block; position:absolute; left:0; bottom:-3px; width:100%; height:3px; background-color:#126FDD;}
body#main #content div.line-1 .item#notice>div>ul>li>a>strong::after{
	content:""; display:block; position: absolute; left:calc(50% - 0.4em); top:100%;
	width:0;height:0;
	border-top:0.4em solid #126FDD;
	border-bottom:0.4em solid none;
	border-right: 0.4em solid transparent;
	border-left: 0.4em solid  transparent;
	
}
body#main #content div.line-1 .item#notice>div>ul>li>div{
    display:none; position:absolute; left:0; top:5.3em; width:100%; height:28em; padding:3.2em 4em; border:1px solid #EDEDED;
    -webkit-border-radius:1.6em; border-radius:1.6em;
}
body#main #content div.line-1 .item#notice>div>ul>li>div>ul>li{position:relative; padding-left:1.4em;}
body#main #content div.line-1 .item#notice>div>ul>li>div>ul>li:nth-child(n+2){padding-top:1em; margin-top:0.8em; border-top:1px dashed #EAEBEF;}
body#main #content div.line-1 .item#notice>div>ul>li>div>ul>li:before{
    content:""; display:block; position:absolute; left:0; top:calc(50% - 0.3em); width:0.6em; height:0.6em; background-color:#C4C4C4;
    -webkit-border-radius:50%; border-radius:50%;
}
body#main #content div.line-1 .item#notice>div>ul>li>div>ul>li:nth-child(n+2):before{top:calc(50% - 0.3em + 0.5em);}
body#main #content div.line-1 .item#notice>div>ul>li>div>ul>li>a{display:block; position:relative; padding-right:8em;}
body#main #content div.line-1 .item#notice>div>ul>li>div>ul>li>a>strong{white-space:nowrap; text-overflow:ellipsis; overflow:hidden; display:inline-block; max-width:calc(100% - 2.4em); font-weight:400; font-size:1.7em; color:#333;}
body#main #content div.line-1 .item#notice>div>ul>li>div>ul>li>a>i{overflow:hidden; display:inline-block; width:2.4em; height:2.4em; text-align:left; text-indent:-1000px; background-image:url(../../../images/site/kor/main/main.svg); background-position:-32.4em -2.4em; background-repeat:no-repeat; background-size:100em auto;}
body#main #content div.line-1 .item#notice>div>ul>li>div>ul>li>a>span{display:block; position:absolute; right:0; top:0; font-size:1.7em; color:#777;}
body#main #content div.line-1 .item#notice>div>ul>li .more{display:none;}

body#main #content div.line-1 .item#notice>div>ul>li.on>div,
body#main #content div.line-1 .item#notice>div>ul>li.on .more{display:block;}
body#main #content div.line-1 .item#notice>div>ul>li>div>ul>li>a:hover>strong{text-decoration:underline;}
body#main #content div.line-1 .item#notice>div>ul>li>div .not-data{
    display:block; position:absolute; left:0; top:50%; width:100%; text-align:center; font-size:1.6em; color:#666;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
}
body#main #content div.line-1 .item#notice>div>ul>li>div .not-data p{margin:1em 0; text-align:center; color:#303541;}
body#main #content div.line-1 .item#notice>div>ul>li>div .not-data p::before{content:""; display:block; width:3.375em; height:2.75em; margin:0 auto 0.7em; background-image:url(../../../images/site/kor/content/main_board_simbol.svg); background-repeat:no-repeat; background-position:center center; background-size:contain;}
body#main #content div.line-1 .item#notice>div>ul>li>div .not-data a{
    display:inline-block; height:4.6em; margin:1px 0; vertical-align:middle; font-size:0.625em; border:1px solid #1768C7; color:#fff; background-color:#1768C7;
	-webkit-border-radius:0.4em; border-radius:0.4em;
}
body#main #content div.line-1 .item#notice>div>ul>li>div .not-data a>span{
	overflow:hidden; display:block; position:relative; top:50%; width:100%; line-height:1.2; padding:0 1.2em; text-align:center; font-size:1.6em; 
	-webkit-transform:translateY(-50%); transform:translateY(-50%);
}
body#main #content div.line-1 .item#notice>div>ul>li>div .not-data a>span::before{content:""; display:inline-block; width:2.4em; height:2.4em; margin-right:0.3em; font-size:1rem; vertical-align:top; background-image:url(../../../images/site/kor/layout/layout.svg); background-repeat:no-repeat; background-position:-2.4em -43.2em; background-size:100em auto;}
body#main #content div.line-1 .item#notice>div>ul>li>div .not-data [data-point="1"]{color:#1768C7;}


/* 알림판 */
body#main #content div.line-1 .item#popupzone{position:relative; width:45.3em;}
body#main #content div.line-1 .item#popupzone>.title{background-position:-79em -2.6em;}
body#main #content div.line-1 .item#popupzone .controll{position:absolute; right:0; top:0.6em;}
body#main #content div.line-1 .item#popupzone .controll strong{display:inline-block; margin-right:0.5em; vertical-align:middle; font-weight:normal; font-size:1.8em; color:#212529;}
body#main #content div.line-1 .item#popupzone .controll strong>span{color:#777;}
body#main #content div.line-1 .item#popupzone .controll [class*="btn_"]{
    display:inline-block; width:calc(2.4em + 2px); height:calc(2.4em + 2px); margin:0 2px; font-size:1.2em; vertical-align:middle; border:1px solid #E1E6EB; background-color:#fff; background-image:url(../../../images/site/kor/main/main.svg); background-repeat:no-repeat; background-size:100em auto;
    -webkit-border-radius:50%; border-radius:50%;
}
body#main #content div.line-1 .item#popupzone .controll [class*="btn_"]>span{opacity:0; position:absolute;}
body#main #content div.line-1 .item#popupzone .controll .btn_prev{background-position:0 -12.2em;}
body#main #content div.line-1 .item#popupzone .controll .btn_stop{background-position:-2.4em -12.2em;}
body#main #content div.line-1 .item#popupzone .controll .btn_play{background-position:-4.8em -12.2em;}
body#main #content div.line-1 .item#popupzone .controll .btn_next{background-position:-7.2em -12.2em;}
body#main #content div.line-1 .item#popupzone .move{
    position:relative; width:100%; padding-top:61.812%; background-color:#ddd;
    -webkit-border-radius:1.6em;
    border-radius:1.6em;
}
body#main #content div.line-1 .item#popupzone .move>ul,
body#main #content div.line-1 .item#popupzone .move>ul>li{position:absolute; left:0; top:0; z-index:0; width:100%; height:100%;}
body#main #content div.line-1 .item#popupzone .move>ul>li>a{
    display:block; position:relative; width:100%; height:100%; background-repeat:no-repeat; background-size:cover;
    -webkit-border-radius:1.6em;
    border-radius:1.6em;
}

body#main #content div.line-1 .item#popupzone .move>ul>li.on{z-index:100;}

body#main #content div.line-1 .item#popupzone .move li:not([data-type*="text-"])>a>span{opacity:0; position:absolute; left:0; top:0;}
body#main #content div.line-1 .item#popupzone .move li[data-type*="text-"]>a{padding:3.5em 4em;}
body#main #content div.line-1 .item#popupzone .move li[data-type*="text-"]>a:after{content:""; display:block; position:absolute; right:2.1em; bottom:1.7em; z-index:0; width:16.5em; height:9em; background-image:url(../../../images/site/kor/main/main.svg); background-repeat:no-repeat; background-size:100em auto;}
body#main #content div.line-1 .item#popupzone .move li[data-type*="text-"]>a>strong,
body#main #content div.line-1 .item#popupzone .move li[data-type*="text-"]>a>span{position:relative; z-index:50;}
body#main #content div.line-1 .item#popupzone .move li[data-type*="text-"]>a>strong{display:block; font-weight:500; font-size:2.4em; color:#fff;}
body#main #content div.line-1 .item#popupzone .move li[data-type*="text-"]>a>span{display:block; margin-top:1.8em; font-size:1.7em; color:#fff;}


body#main #content div.line-1 .item#popupzone .move li[data-type="text-1"]>a{background-color:#0EAD69;}
body#main #content div.line-1 .item#popupzone .move li[data-type="text-1"]>a:after{background-position:0 -46.6em;}
body#main #content div.line-1 .item#popupzone .move li[data-type="text-2"]>a{background-color:#002F67;}
body#main #content div.line-1 .item#popupzone .move li[data-type="text-2"]>a:after{background-position:calc(-16.5em * 1) -46.6em;}
body#main #content div.line-1 .item#popupzone .move li[data-type="text-3"]>a{background-color:#406F8C;}
body#main #content div.line-1 .item#popupzone .move li[data-type="text-3"]>a:after{background-position:calc(-16.5em * 2) -46.6em;}
body#main #content div.line-1 .item#popupzone .move li[data-type="text-4"]>a{background-color:#95589D;}
body#main #content div.line-1 .item#popupzone .move li[data-type="text-4"]>a:after{background-position:calc(-16.5em * 3) -46.6em;}
body#main #content div.line-1 .item#popupzone .move li[data-type="text-5"]>a{background-color:#F2F2F2;}
body#main #content div.line-1 .item#popupzone .move li[data-type="text-5"]>a:after{background-position:calc(-16.5em * 4) -46.6em;}
body#main #content div.line-1 .item#popupzone .move li[data-type="text-5"]>a>span,
body#main #content div.line-1 .item#popupzone .move li[data-type="text-5"]>a>strong{color:#333;}



/* line 2 */
body#main #content div.line-2{position:relative; padding:5em 0 6em; background-color:#EFF2FF;}
body#main #content div.line-2>.layout{z-index:100;}
body#main #content div.line-2 .bg{position:absolute; left:0; top:0; z-index:0; width:100%; height:100%;}
body#main #content div.line-2 .bg>span{display:block; position:absolute; z-index:10; background-image:url(../../../images/site/kor/main/main.svg); background-repeat:no-repeat; background-size:100em auto;}
body#main #content div.line-2 .bg>span:nth-child(1){left:calc(50% - (144em / 2) - 8.2em); top:8em; width:12.2em; height:6.7em; background-position:-88.8em -46.6em;}
body#main #content div.line-2 .bg>span:nth-child(2){left:calc(50% + (144em / 2) - 3em); top:50em; width:12.2em; height:6.7em; background-position:-88.8em -46.6em;}
body#main #content div.line-2 .bg>span:nth-child(3){left:5em; bottom:4.5em; width:3em; height:16.3em; background-position:-97em -63.7em;}
body#main #content div.line-2 .bg>span:nth-child(4),
body#main #content div.line-2 .bg>span:nth-child(5),
body#main #content div.line-2 .bg>span:nth-child(6),
body#main #content div.line-2 .bg>span:nth-child(7){background-image:url(../../../images/site/kor/main/cloud.png); background-position:center; background-size:contain;}
body#main #content div.line-2 .bg>span:nth-child(4){left:0.8em; bottom:10.5em; z-index:0; width:13.1em; height:6.1em;}
body#main #content div.line-2 .bg>span:nth-child(5){left:13em; bottom:4em; z-index:0; width:8.7em; height:4em;}
body#main #content div.line-2 .bg>span:nth-child(6){right:6.7em; top:4.6em; z-index:0; width:9.5em; height:4.4em;}
body#main #content div.line-2 .bg>span:nth-child(7){right:1.6em; top:8.2em; z-index:0; width:6.8em; height:3.1em;}
body#main #content div.line-2 .bg>span:nth-child(8){right:9.1em; top:10.5em; width:6.8em; height:6em; background-position:-93.2em -57.7em;}

body#main #content div.line-2 .item{
    float:left; width:calc((100% - 1px - (4em * 2)) / 3); height:34em; padding:3.5em 4em; margin-right:4em; margin-bottom:4em; background-color:#fff;
    -webkit-border-radius:1.6em; border-radius:1.6em;
}
body#main #content div.line-2 .item:nth-child(3n+3){margin-right:0;}


/* 통합민원 */
body#main #content div.line-2 .item:nth-child(1){position:relative; background-color:#4493F1;}
body#main #content div.line-2 .item:nth-child(1)>.title{background-position:-79em -5.2em;}
body#main #content div.line-2 .item:nth-child(1)::before{content:""; display:block; position:absolute; right:1.8em; top:2em; width:13em; height:10em; background-image:url(../../../images/site/kor/main/main.svg); background-position:-56.8em -12.2em; background-repeat:no-repeat; background-size:100em auto;}
body#main #content div.line-2 .item:nth-child(1) .title{color:#fff;}
body#main #content div.line-2 .item:nth-child(1)>div>ul>li:nth-child(n+2){border-top:1px solid rgba(255,255,255,0.1);}
body#main #content div.line-2 .item:nth-child(1)>div>ul>li>a{display:table; table-layout:fixed; position:relative; width:100%; height:5.6em; padding-left:6.2em;}
body#main #content div.line-2 .item:nth-child(1)>div>ul>li>a:before{
    content:""; display:block; position:absolute; left:0; top:calc(50% - 2.1em); width:4.2em; height:4.2em; background-color:rgba(0,0,0,0.2); background-image:url(../../../images/site/kor/main/main.svg); background-repeat:no-repeat; background-size:100em auto;
    -webkit-border-radius:50%; border-radius:50%;
}
body#main #content div.line-2 .item:nth-child(1)>div>ul>li:nth-child(1)>a:before{background-position:-30em -12.2em;}
body#main #content div.line-2 .item:nth-child(1)>div>ul>li:nth-child(2)>a:before{background-position:-34.2em -12.2em;}
body#main #content div.line-2 .item:nth-child(1)>div>ul>li:nth-child(3)>a:before{background-position:-38.4em -12.2em;}
body#main #content div.line-2 .item:nth-child(1)>div>ul>li:nth-child(4)>a:before{background-position:-42.6em -12.2em;}
body#main #content div.line-2 .item:nth-child(1)>div>ul>li>a>span{display:table-cell; position:relative; width:100%; vertical-align:middle; font-size:1.8em; color:#fff;}
body#main #content div.line-2 .item:nth-child(1)>div>ul>li>a:hover>span{font-weight:500;}


/* 공정하고 투명한 경영 */
body#main #content div.line-2 .item:nth-child(2){position:relative;}
body#main #content div.line-2 .item:nth-child(2)>.title{background-position:-79em -7.8em;}
body#main #content div.line-2 .item:nth-child(2)::before{content:""; display:block; position:absolute; right:3.5em; top:2.5em; width:9.9em; height:6.3em; background-image:url(../../../images/site/kor/main/main.svg); background-position:-44.8em -22.2em; background-repeat:no-repeat; background-size:100em auto;}
body#main #content div.line-2 .item:nth-child(2)>div>span{display:block; font-size:1.6em; color:#333;}
body#main #content div.line-2 .item:nth-child(2)>div>ul{margin-top:3.6em;}
body#main #content div.line-2 .item:nth-child(2)>div>ul::after{content:""; display:block; clear:both;}
body#main #content div.line-2 .item:nth-child(2)>div>ul>li{float:left; position:relative; width:calc((100% - 1px - 2em) / 2); padding:0.65em 0; border-bottom:1px solid #F1F1F1;}
body#main #content div.line-2 .item:nth-child(2)>div>ul>li:nth-child(2n+1){clear:both;}
body#main #content div.line-2 .item:nth-child(2)>div>ul>li:nth-child(2n+2){float:right;}
body#main #content div.line-2 .item:nth-child(2)>div>ul>li>a{display:block; position:relative; padding:0 1.5em 0 1.3em;}
body#main #content div.line-2 .item:nth-child(2)>div>ul>li>a::before,
body#main #content div.line-2 .item:nth-child(2)>div>ul>li>a::after{content:""; display:block; position:absolute; top:0; width:2.4em; height:2.4em; background-image:url(../../../images/site/kor/main/main.svg); background-repeat:no-repeat; background-size:100em auto;}
body#main #content div.line-2 .item:nth-child(2)>div>ul>li>a::before{left:-0.5em; background-position:-30em -22.2em;}
body#main #content div.line-2 .item:nth-child(2)>div>ul>li>a::after{right:0; background-position:-32.4em -22.2em;}
body#main #content div.line-2 .item:nth-child(2)>div>ul>li>a>span{
    display:block; font-size:1.6em; color:#212529;
    -webkit-transition:color 0.2s linear; transition:color 0.2s linear;
}
body#main #content div.line-2 .item:nth-child(2)>div>ul>li>a:hover>span{color:#126FDD;}





/* KOMIR STORY */
body#main #content div.line-2 .item:nth-child(3){overflow:hidden; position:relative;}
body#main #content div.line-2 .item:nth-child(3)>.title{background-position:-79em -10.4em;}
body#main #content div.line-2 .item:nth-child(3)>div{position:absolute; left:0; bottom:0; width:100%; height:calc(100% - 9em);}
body#main #content div.line-2 .item:nth-child(3)>div>ul{height:100%;}
body#main #content div.line-2 .item:nth-child(3)>div>ul::after{content:""; display:block; clear:both;}
body#main #content div.line-2 .item:nth-child(3)>div>ul>li{float:left; width:50%; height:100%;}
body#main #content div.line-2 .item:nth-child(3)>div>ul>li>a:not(.more){display:block; position:absolute; left:0; bottom:0; width:50%; height:5.5em;}
body#main #content div.line-2 .item:nth-child(3)>div>ul>li:nth-child(2)>a:not(.more){left:50%;}
body#main #content div.line-2 .item:nth-child(3)>div>ul>li>a:not(.more)>strong,
body#main #content div.line-2 .item:nth-child(3)>div>ul>li>a:not(.more)>span{display:table; table-layout:fixed; position:absolute; left:0; bottom:0; width:100%; height:5.5em; background-color:#20335B;}
body#main #content div.line-2 .item:nth-child(3)>div>ul>li>a:not(.more)>span{background-color:#858b9a;}
body#main #content div.line-2 .item:nth-child(3)>div>ul>li>a:not(.more)>strong>span,
body#main #content div.line-2 .item:nth-child(3)>div>ul>li>a:not(.more)>span>span{display:table-cell; vertical-align:middle; text-align:center; font-weight:400; font-size:1.8em; color:#fff;}
body#main #content div.line-2 .item:nth-child(3)>div>ul>li>div{display:none; position:absolute; left:0; top:0; z-index:100; width:100%; height:calc(100% - 5.5em); padding:0 4em;}
body#main #content div.line-2 .item:nth-child(3)>div>ul>li>div>ul{overflow-y:hidden; overflow-x:auto; white-space:nowrap; width:100%; height:calc(100% - 2.2em);}
body#main #content div.line-2 .item:nth-child(3)>div>ul>li>div>ul::after{content:""; display:block; clear:both;}
body#main #content div.line-2 .item:nth-child(3)>div>ul>li>div>ul>li{display:inline-block; width:17.5em; height:100%; margin-right:2em; vertical-align:top;}
body#main #content div.line-2 .item:nth-child(3)>div>ul>li>div>ul>li:nth-child(n+3){display:none !important;}
body#main #content div.line-2 .item:nth-child(3)>div>ul>li>div>ul>li:last-child{margin-right:0;}
/* body#main #content div.line-2 .item:nth-child(3)>div>ul>li>div>ul>li:nth-child(3){display:none;} */
body#main #content div.line-2 .item:nth-child(3)>div>ul>li>div>ul>li>a{overflow:hidden; display:block; position:relative; padding-top:100%; border:1px solid #ddd; background-repeat:no-repeat; background-size:cover;}
body#main #content div.line-2 .item:nth-child(3)>div>ul>li>div>ul>li>a>span{opacity:0; position:absolute; left:0; top:0;}
body#main #content div.line-2 .item:nth-child(3)>div>ul>li .more{display:none; right:4em; top:-5em;}
/* body#main #content div.line-2 .item:nth-child(3)>div>ul>li:nth-child(1) .more{display:none !important;} */

body#main #content div.line-2 .item:nth-child(3)>div>ul>li.on>div,
body#main #content div.line-2 .item:nth-child(3)>div>ul>li.on .more{display:block;}


body#main #content div.line-2 .item:nth-child(3)>div>ul>li:nth-child(2)>div{padding-bottom:2.7em;}
body#main #content div.line-2 .item:nth-child(3)>div>ul>li>div>.in{position:relative; height:100%; padding-left:calc(32% + 2em);}
body#main #content div.line-2 .item:nth-child(3)>div>ul>li>div>.in>.p{
    overflow:hidden; position:absolute; left:0; top:0; width:32%; border:1px solid #ddd; background-repeat:no-repeat; background-position:left top; background-size:cover;
    -webkit-border-radius:0.4em;
    border-radius:0.4em;
}
body#main #content div.line-2 .item:nth-child(3)>div>ul>li>div>.in>.p::before{content:""; display:block; position:relative; padding-top:141.43%;}
body#main #content div.line-2 .item:nth-child(3)>div>ul>li>div>.in>.t{overflow:hidden; display:block; height:3em; line-height:1.4; margin-bottom:0.8em; text-align:left; font-weight:400; font-size:2.4em; color:#333;}
body#main #content div.line-2 .item:nth-child(3)>div>ul>li>div>.in>.b{display:block; position:absolute; right:0; bottom:0; width:calc((100% - (32% + 2em))); margin-top:1em;}
body#main #content div.line-2 .item:nth-child(3)>div>ul>li>div>.in>.b [data-btn]{display:block; width:100%; text-align:center; border:1px solid #ccc; color:#6e6e6e; background-color:#fff;}
body#main #content div.line-2 .item:nth-child(3)>div>ul>li>div>.in>.b [data-btn]:hover{border-color:#1768C7; color:#fff; background-color:#1768C7;}
body#main #content div.line-2 .item:nth-child(3)>div>ul>li>div>.in>.b [data-btn]:nth-child(n+2){margin-top:0.4em;}
body#main #content div.line-2 .item:nth-child(3)>div>ul>li>div>.in>.b [data-btn]>span{display:inline-block; position:relative; width:auto; padding:0.3em 0; font-size:1.6em; text-align: left;}
body#main #content div.line-2 .item:nth-child(3)>div>ul>li>div>.in>.b [data-btn]:nth-child(1)>span{padding-left: 2.4em;}
body#main #content div.line-2 .item:nth-child(3)>div>ul>li>div>.in>.b [data-btn]:nth-child(1)>span::before{content:""; display:block; position:absolute; left:0.8em; top:calc(50% - 1.2em); width:2.4em; height:2.4em; font-size:0.625em; background-image:url(../../../images/site/kor/layout/content.svg); background-position:-2.4em -4.8em; background-repeat:no-repeat; background-size:100em auto;}
body#main #content div.line-2 .item:nth-child(3)>div>ul>li>div>.in>.b [data-btn]:nth-child(1):hover>span::before{background-position:-2.4em -2.4em;}

body#main #content div.line-2 .item:nth-child(3)>div>ul>li:nth-child(1)>div .nicescroll-rails-vr{display:none !important;}
body#main #content div.line-2 .item:nth-child(3)>div>ul>li:nth-child(1)>div .nicescroll-rails-hr{margin-top:1.7em;}


body#main #content div.line-2 .item:nth-child(4){float:none; clear:both; display:table; table-layout:fixed; width:100%; height:auto; padding:0 0.5em;}
body#main #content div.line-2 .item:nth-child(4)>.item_{display:table-cell; position:relative; padding:3.5em 2.5em;}
body#main #content div.line-2 .item:nth-child(4)>.item_>.title{margin-bottom:1.5em;}
body#main #content div.line-2 .item:nth-child(4)>.item_ .more{right:2.5em; top:3.5em;}
body#main #content div.line-2 .item:nth-child(4)>.item_:nth-child(n+2)::before{content:""; position:absolute; left:0; top:3.5em; width:1px; height:calc(100% - 7em); background-color:#EDEDED;}
body#main #content div.line-2 .item:nth-child(4)>.item_:nth-child(1){width:19%;}
body#main #content div.line-2 .item:nth-child(4)>.item_:nth-child(2){width:32%;}
body#main #content div.line-2 .item:nth-child(4)>.item_:nth-child(3){width:22%;}
body#main #content div.line-2 .item:nth-child(4)>.item_:nth-child(4){width:29%;}


/* 고객센터 */
body#main #content div.line-2 .item:nth-child(4)>.item_:nth-child(1)>.title{background-position:-79em -13em;}
body#main #content div.line-2 .item:nth-child(4)>.item_:nth-child(1)>.in>strong{display:block; position:relative; line-height:1.2em; padding-top:0.1em; padding-left:1.7em; font-weight:500; 
    font-size:2.3em; color:#333;}
body#main #content div.line-2 .item:nth-child(4)>.item_:nth-child(1)>.in>strong::before{content:""; display:block; position:absolute; left:-0.5em; top:0; width:4.8em; height:4.8em; font-size:0.3125em; background-image:url(../../../images/site/kor/main/main.svg); background-position:0 -22em; background-repeat:no-repeat; background-size:100em auto;}
body#main #content div.line-2 .item:nth-child(4)>.item_:nth-child(1)>.in>ul{margin-top:0.5em;}
body#main #content div.line-2 .item:nth-child(4)>.item_:nth-child(1)>.in>ul>li{position:relative; font-size:1.6em; padding-left:3.5em;}
body#main #content div.line-2 .item:nth-child(4)>.item_:nth-child(1)>.in>ul>li>strong{display:block; position:absolute; left:0; top:0; width:4em; letter-spacing:0.8em; font-weight:normal; color:#555;}
body#main #content div.line-2 .item:nth-child(4)>.item_:nth-child(1)>.in>ul>li>span{display:block; color:#333;}

/* 분석시험의뢰 */
body#main #content div.line-2 .item:nth-child(4)>.item_:nth-child(2)>.title{background-position:-79em -15.6em;}
body#main #content div.line-2 .item:nth-child(4)>.item_:nth-child(2)>.in>ul::after{content:""; display:block; clear:both;}
body#main #content div.line-2 .item:nth-child(4)>.item_:nth-child(2)>.in>ul>li>strong{display:block; position:relative; line-height:1.4em; padding-top:0.1em; font-weight:500; font-size:2.3em; color:#333;}
body#main #content div.line-2 .item:nth-child(4)>.item_:nth-child(2)>.in>ul>li>span{display:block; margin-top:0.3em; font-size:1.6em; color:#333;}

.customer .title{ background-image: none !important; text-indent: 0 !important; margin-bottom:15px !important;width: auto !important; height: auto !important;}
.customer .title img{ max-width: 100%;}
.customer .test-request .d-flex li:first-child{ margin-bottom: 15px;}
.gap-1{ gap: 2rem;}


/* 정보공개 */
/*body#main #content div.line-2 .item:nth-child(4)>.item_:nth-child(3)>.title{background-image:url(../../../images/site/kor/main/main_item_title_01.svg); background-size: auto 98%;}
*/
body#main #content div.line-2 .item:nth-child(4)>.item_:nth-child(3)>.in::after{
    content:""; display:block; position:absolute; right:1.5em; bottom:2.5em; width:4.8em; height:4.8em; font-size:1.3336em; background-color:#EFF2FF; background-image:url(../../../images/site/kor/main/main.svg); background-repeat:no-repeat; background-position:0 -34.4em; background-size:100em auto;
    -webkit-border-radius:50%;
    border-radius:50%;
}
body#main #content div.line-2 .item:nth-child(4)>.item_:nth-child(3)>.in>span,
body#main #content div.line-2 .item:nth-child(4)>.item_:nth-child(3)>.in>strong{display:block;}
body#main #content div.line-2 .item:nth-child(4)>.item_:nth-child(3)>.in>ul>li>strong{display:block; position:relative; line-height:1.4em; padding-top:0.1em; font-weight:500; font-size:2.3em; color:#333;}
body#main #content div.line-2 .item:nth-child(4)>.item_:nth-child(3)>.in>ul>li>span{display:block; margin-top:0.3em; font-size:1.6em; color:#333;}


@media screen and (max-width: 1350px) {
    body#main #content div.line-2 .item:nth-child(2)>div>ul>li{width:calc((100% - 1px - 1em) / 2);}
}
@media screen and (min-width: 921px) and (max-width: 1230px) {
    body#main #content div.line-1{padding:0; background-color:#EFF2FF;}
    body#main #content div.line-1 .item{float:none;}
    body#main #content div.line-1 .item#notice{width:100%; height:41.5em; padding:4em 0;}
    body#main #content div.line-1 .item#notice::before{content:""; position:absolute; left:-50%; top:0; z-index:0; width:200%; height:100%; background-color:#fff;}
    body#main #content div.line-1 .item#notice>.title{top:4em;}

    body#main #content div.line-1 .item#popupzone{margin:4em 0 0; padding-bottom:4em;}

    body#main #content div.line-2{padding:0 0 4em;}
    body#main #content div.line-2 .bg{display:none !important;}
    body#main #content div.line-2 .item:nth-child(1){width:45.3em;}
    body#main #content div.line-2 .item:nth-child(2){width:calc(100% - 45.3em - 4em); margin-right:0;}
    body#main #content div.line-2 .item:nth-child(3){position:absolute; right:2em; bottom:calc(100% + 4em); width:calc(100% - 45.3em - 4em - 4em); margin-bottom:0;}
    body#main #content div.line-2 .item:nth-child(3)>div>ul>li>div>ul>li:nth-child(2){margin-right:2em;}
    body#main #content div.line-2 .item:nth-child(3)>div>ul>li>div>ul>li:nth-child(3){display:inline-block;}
    body#main #content div.line-2 .item:nth-child(3)>div>ul>li>div>.in{padding-left:calc(12em + 2em);}
    body#main #content div.line-2 .item:nth-child(3)>div>ul>li>div>.in>.p{width:12em;}
    body#main #content div.line-2 .item:nth-child(3)>div>ul>li>div>.in>.b{width:calc((100% - (12em + 2em)));}

    body#main #content div.line-2 .item:nth-child(4){display:block;/* margin-bottom:0; */}
    body#main #content div.line-2 .item:nth-child(4)>.item_{display:block; width:100% !important; padding:3.5em 3.5em 3.5em 25.5em;}
    body#main #content div.line-2 .item:nth-child(4)>.item_>.title{position:absolute; left:3.5em; top:4em; margin-bottom:0;}
    body#main #content div.line-2 .item:nth-child(4)>.item_:nth-child(n+2)::before{top:0; width:100%; height:1px;}
    body#main #content div.line-2 .item:nth-child(4)>.item_:nth-child(3)>.in{margin-top:0;}
    body#main #content div.line-2 .item:nth-child(4)>.item_:nth-child(3)>.in::after{display:none;}
}
@media screen and (max-width: 1290px) {
    .user#main:not([data-popup="on"]) #wrap{padding-top:7em !important;}
    .user#main:not([data-popup="on"]) #header{position:fixed !important;}
}
@media screen and (max-width: 1024px) {
    body#main #content div.line-2 .item:nth-child(3)>div>ul>li>div>.in>.b [data-btn]:nth-child(n+2){display:none;}
}
@media screen and (max-width: 920px) {
    body#main #content div.line-1 .item{float:none; width:100% !important; max-width:60em; margin:0 auto !important;}
    body#main #content div.line-1 .item#notice{height:38.5em;}

    body#main #content div.line-2{padding:4em 0;}
    body#main #content div.line-2 .item{float:none; width:100% !important; max-width:60em; margin:0 auto !important;}
    body#main #content div.line-2 .item:nth-child(n+2){margin-top:4em !important;}

    body#main #content div.line-2 .item:nth-child(3){height:auto; padding:3.5em 0 0 0;}
    body#main #content div.line-2 .item:nth-child(3)>.title{margin-left:4em;}
    body#main #content div.line-2 .item:nth-child(3)>div{position:relative; height:auto; padding-top:58%;}
    body#main #content div.line-2 .item:nth-child(3)>div>ul{white-space:nowrap; position:absolute; left:0; top:0; width:100%; height:100%;}
    body#main #content div.line-2 .item:nth-child(3)>div>ul>li>div>ul{overflow:hidden !important;}
    body#main #content div.line-2 .item:nth-child(3)>div>ul>li>div>ul::after{content:""; display:block; clear:both;}
    body#main #content div.line-2 .item:nth-child(3)>div>ul>li>div>ul>li{display:inline-block; width:calc((100% - 1px - 2em) / 2); margin-right:2em;}
    body#main #content div.line-2 .item:nth-child(3)>div>ul>li>div>.in{height:100%; padding-left:calc(35% + 2em);}
    body#main #content div.line-2 .item:nth-child(3)>div>ul>li>div>.in>.p{width:36%;}
    body#main #content div.line-2 .item:nth-child(3)>div>ul>li>div>.in>.b{width:calc((100% - (36% + 2em)));}

    body#main #content div.line-2 .item:nth-child(4){display:block;}
    body#main #content div.line-2 .item:nth-child(4)>.item_{display:block; width:100% !important; padding:3.5em;}
    body#main #content div.line-2 .item:nth-child(4)>.item_:nth-child(n+2)::before{top:0; width:100%; height:1px;}
    body#main #content div.line-2 .item:nth-child(4)>.item_:nth-child(2)>.in>ul>li{width:100% !important;}
    body#main #content div.line-2 .item:nth-child(4)>.item_:nth-child(2)>.in>ul>li:nth-child(n+2){margin-top:1em;}
    body#main #content div.line-2 .item:nth-child(4)>.item_:nth-child(3)>.in{margin-top:0;}
    body#main #content div.line-2 .item:nth-child(4)>.item_:nth-child(3)>.in::after{display:none;}
    .customer .d-flex{ flex-direction: column;}
    .customer .test-request br{ display: none;}

}

@media screen and (max-width: 550px) {
    body#main #content div.line-1 .item#notice{height:42.5em;}
    body#main #content div.line-1 .item#notice>.title{position:relative;}
    body#main #content div.line-1 .item#notice>div>ul{padding-left:0;}
    body#main #content div.line-1 .item#notice>div>ul>li .more{top:0;}
}
@media screen and (max-width: 450px) {
    body#main #content div .item{font-size:0.8em;}
}
@media screen and (max-width: 380px) {
    body#main #content div.line-1 .item#notice>div>ul>li>div,
    body#main #content div.line-1 .item#popupzone .move li[data-type*="text-"]>a,
    body#main #content div.line-2 .item{padding:2.5em 3em;}

    body#main #content div.line-1 .item#notice{height:55em;}
    body#main #content div.line-1 .item#notice>div>ul>li>div{height:40em;}
    body#main #content div.line-1 .item#notice>div>ul>li>div>ul>li:before{top:1.1em;}
    body#main #content div.line-1 .item#notice>div>ul>li>div>ul>li:nth-child(n+2):before{top:2em;}
    body#main #content div.line-1 .item#notice>div>ul>li>div>ul>li>a{padding-right:0;}
    body#main #content div.line-1 .item#notice>div>ul>li>div>ul>li>a>span{position:relative; right:auto; top:auto;}

    body#main #content div.line-1 .item#popupzone .move li[data-type*="text-"]>a>strong{font-size:2em;}
    body#main #content div.line-1 .item#popupzone .move li[data-type*="text-"]>a>span{margin-top:1em; font-size:1.6em;}

    body#main #content div.line-2 .item:nth-child(1)::before,
    body#main #content div.line-2 .item:nth-child(2)::before{font-size:0.8em;}
    body#main #content div.line-2 .item:nth-child(3){padding-top:2.5em;}
    body#main #content div.line-2 .item:nth-child(3)>.title{margin-left:2.5em;}
    body#main #content div.line-2 .item:nth-child(3)>div{padding-top:61%;}
    body#main #content div.line-2 .item:nth-child(3)>div>ul>li>div{padding:0 2.5em;}
    body#main #content div.line-2 .item:nth-child(3)>div>ul>li .more{right:2.5em;}
    body#main #content div.line-2 .item:nth-child(3)>div>ul>li>div>.in>.p{width:33%;}
    body#main #content div.line-2 .item:nth-child(3)>div>ul>li>div>.in>.t{height:2.8em;}
    body#main #content div.line-2 .item:nth-child(3)>div>ul>li>div>.in>.b{width:calc((100% - (33% + 2em)));}
    body#main #content div.line-2 .item:nth-child(3)>div>ul>li>div>.in>.b [data-btn]>span{padding:0.15em 0;}
    body#main #content div.line-2 .item:nth-child(4)>.item_{padding:2.5em;}
    body#main #content div.line-2 .item:nth-child(4)>.item_ .more{top:2.5em; right:2.5em;}
    body#main #content div.line-2 .item:not(:nth-child(3)){height:auto;}
}
@media screen and (max-width: 360px) {
    body#main #content div.line-1 .item#notice>div>ul>li:nth-child(n+2){padding-left:0.3em;}
    body#main #content div.line-1 .item#notice>div>ul>li:nth-child(n+2)::before{margin-top:0.2em; margin-right:0.3em; font-size:0.7em;}
    
}




/*2024.0625 정책브리핑추가*/
@media screen and (max-width: 1356px) {
body#main #content div.line-2 .item.brief{ height:auto ;}
body#main #content div.line-2 .item.brief iframe{ height:300px !important ;}
}
@media screen and (max-width: 588px) {
body#main #content div.line-2 .item.brief iframe{ height:360px !important ;}
}
    




@media print {
    body#main{
        width:1920px !important;
        transform-origin:0 0;
        transform:scale(0.52);
    }
}



/*2025.06.13 komir story 수정*/
.d-flex{ display: flex;}
.komir-story .d-flex{gap: 10px; position: static !important;}
.komir-story .d-flex>div{ width: calc(100% / 2);}
.komir-story img{ max-width: 100%; aspect-ratio: 1; object-fit: contain; }
.sns-title, .paper-title{ font-size:17px ; text-align: center; display: block; background-color: #20335B; color: #fff;
     border-bottom-left-radius: 6px;border-bottom-right-radius: 6px; padding: 10px 0;}
.paper-title{ background-color:#858b9a ;}
.story-thumb{ display: block;line-height: 0;}
.komir-story .story-thumb img{ border: 1px solid #dedede; border-bottom: none;}

@media screen and (max-width: 1230px) {
    .komir-story img{ width: 100%; aspect-ratio: 3/2;}
}
@media screen and (max-width: 1024px) {
    .komir-story img{aspect-ratio: 1;}
}
@media screen and (max-width: 920px) {
    .komir-story .d-flex{ padding:0 20px 30px!important;}
    .sns-title, .paper-title{ font-size:15px ;padding: 8px 0;}
}
@media screen and (max-width: 440px) {
    .sns-title, .paper-title{ font-size:14px ;padding: 6px 0;}
    .komir-story .d-flex{padding:0 20px 20px!important;}
}


.flex-d-c{ flex-direction: column;}