@charset "utf-8";

/* set */
body {font-size:16px !important;margin:0;padding:0;font-family: 'GmarketSans', NotoSans, 'Noto Sans KR', Dotum, "돋움", sans-serif;color:#464646;font-weight:400;}
body *{ box-sizing:border-box;}
a {color: #333;}
::selection {background:#382d70;color:#fff;text-shadow:none;}

#skip{top:0;right:0;position:absolute;width:100%;height:15px;text-align:center}
#skip li a{display:block;left:-10000px;position:absolute;top:0;width:100%;text-align:center;z-index:0;height:1px}
#skip li a:hover, #skip li a:focus, #skip li a:active {background:#363636;position:absolute;top:0px;left:0;z-index:5;color:#fff;width:100%;height:25px;padding:5px 0 0 0}
.blind{display:block;overflow:hidden;position:absolute;top:0;left:-5000px;font-size:1.8em}
.hide{display:none !important;margin:0;padding:0}

header.on{position: fixed; width: 100%; box-shadow: 0px 3px 10px #f1f6ff; z-index: 999; background: #fff;}
.head{position: relative; height: 80px;}

/* 모바일 메뉴 열기 */
.head button{position: absolute; top: 0; right: 0; display: inline-block; width: 80px; height: 0; overflow: hidden; padding-top: 80px; background: #004ec4 url('/images/apc_2022/layout/menu_icon.png') no-repeat center;}

/* 전체메뉴 닫기 */
nav.on button{display: none;}

/* 사이트 맵 */
.tsitemap{display: none;}

h1{display: inline-block;margin: 10px 0 0 10px;}
h1 a{display: block;  overflow: hidden;padding-top: 60px; width: 250px;height: 0;font-size: 18px;  line-height: 20px; font-weight: 400; background:url('	/upload_data/user_file/apc_2022/layout/logo.png') no-repeat;background-size: contain;}



.gnb{display: none;}

.mobile_back{position: absolute; top: 80px; width: 100%; height: 100vh; background: rgba(0, 0, 0, 0.85); z-index: 999;}

/* 메뉴 */
nav{display: none; position: absolute; top: 80px; right: 0; width: 360px; min-height: 600px; background: #083e8f; z-index: 999;}
nav.on{display: block;}

.menu ul li a{display: block; height: 60px; padding: 20px 10px;  font-size: 17px; border-bottom: 1px #004ec4 solid; color: #fff;line-height: 1.3em;}
.menu ul li.on>a,
.menu ul li a:hover,
.menu ul li a:focus{color: #ffe036; font-weight: 600;}

.menu ul li .depth_box{position: absolute; top: 0; right: 0; width: 60%; height: 100%; padding: 16px; min-height: 600px; background: #fff; z-index: 999;}
.menu ul li li{margin-bottom: 14px;}
.menu ul li li a{height: auto; padding: 0; border: none; word-break: keep-all; color: #333;}
.menu ul li li a::before{content: ''; display: inline-block; width: 6px; height: 6px; margin: 0 8px 2px; background: #ececec; border-radius: 8px;}
.menu ul li li a:hover,
.menu ul li li a:focus{color: #004ec4; font-weight: 400;}



/* 1차메뉴 설명글 */
.menu ul li .depth_box p{display: none;}

/* 3차 메뉴 */
.menu ul ul ul{margin:10px 0 0 0; padding:20px; background:#f4f4f4;}
.menu ul li li li{margin-bottom: 6px;}
.menu ul li li li:last-of-type{margin:0;}
.menu ul li li li a{font-size:14px; color:#666;}
.menu ul li li li a:before{display:none;}

.new_win{display: inline-block; overflow: hidden; width: 13px; height: 0; margin: 4px 0 0 6px; padding-top: 13px; background: url('/images/apc_2022/layout/new_win_w.png') no-repeat;}
.menu ul li li span.new_win{background: url('/images/apc_2022/layout/new_win.png') no-repeat;}

/* 서브 */
.s_top{margin-bottom: 20px; padding: 30px 20px; background: #eff7fd; text-align: left;}
.sub_container h2{margin-bottom: 18px; font-family: 'GmarketSans'; font-size: 40px; font-weight: 300; color: #004ec4; line-height: 42px; text-align: left;}

/* 서브 2차메뉴 */
.sub_depth ul{font-size: 0; margin-bottom: 20px;}
.sub_depth ul li{display: inline-block; margin-right: 10px;}
.sub_depth ul li a{font-size: 16px;line-height: 1.2em;}
.sub_depth ul li.on a,
.sub_depth ul li a:hover,
.sub_depth ul li a:focus{color: #0075cb; font-weight: 600;}
.sub_depth ul li a::after{content: ''; display: inline-block; width: 1px; height: 16px; margin-left: 10px; margin-bottom: -3px; background: #0075cb;}
.sub_depth ul li:last-child a::after{display: none;}

/* 경로 */
.local ul{margin-bottom: 20px; padding: 10px; font-size: 0; background: #fff;}
.local ul li{display: inline-block; margin-right: 10px;}
.local ul li::after{content: ''; display: inline-block; width: 6px; height: 2px; margin-left: 10px; margin-top: 8px; background: #bed6f9;}
.local ul li:last-child::after{display: none;}
.local ul li a{font-size: 16px; color: #fff; font-weight: 400; color: #7dbae8;line-height: 1.2em;}
.local ul li.home{position: relative; padding-right: 14px;}
.local ul li.home a{display: block; overflow: hidden; width: 15px; height: 0; padding-top: 16px; background: url('/images/apc_2022/layout/home.png') no-repeat;}
.local ul li.home::after{position: absolute; top: 8px; right: 0; margin-top: 0;}

/* 공유/인쇄 */
.share_wrap ul{font-size: 0; text-align: right;}
.share_wrap ul li{display: inline-block; margin: 0 4px;}
.share_wrap ul li a{display: block;width: 30px;height: 0;padding-top: 26px;background: url('/images/apc_2022/layout/sub_share.png') no-repeat;}
.share_wrap ul li.share a{background-position: -135px 0;}
.share_wrap ul li.print a{background-position: -180px 0;}
.share_wrap ul li.facebook a{background-position: -15px 0;}
.share_wrap ul li.twitter a{background: url("/upload_data/user_file/apc_2022/layout/twi_i_n.png")no-repeat center top;}
.share_wrap ul li.plus a{background-position: -223px 0;}
.share_wrap ul li.minus a{background-position: -267px 0;}

/* 서브 3차메뉴 */
.sub_tab p a{display: block; height: 45px; padding-top: 14px; background: #0075cb; color: #fff; text-align: center; font-size: 16px; font-weight: 400;}
.sub_tab{margin: 0 20px;}
.sub_tab ul{border: 1px #0075cb solid; padding: 20px;}
.sub_tab ul li{margin-bottom: 14px;}
.sub_tab ul li:last-child{margin: 0;}
.sub_tab ul li a{display: block; text-align: center;}
.sub_tab ul li a:hover,
.sub_tab ul li a:focus{color: #0075cb; font-weight: 600;}

.s_title{text-align: center; }
.s_title h3{position: relative;margin: 30px 0; padding: 0 2%;color: #0d3269; font-size: 36px; font-weight: 600;display: inline-block;text-align: center;}
.s_title h3:after{content:''; position: absolute;right: 0;left: 0;display:block; width: 100%; height: 6px;;margin: 0 auto;;border-radius: 5px;background: #e9e9e9;}

.s_con{margin: 20px;}

/* 배너 */
.f_banner{margin-bottom: 40px; border-bottom:1px solid #d7d7d7;}
.f_banner .banner{overflow:hidden; padding: 20px;}
.banner p{overflow:hidden;}
.banner button{float:left;width:40px;height:0;padding:40px 0 0 0; margin: 0 4px; overflow:hidden;background:url("/images/apc_2022/layout/banner_icon.png") no-repeat}
.banner button.prev{background-position: 0 0}
.banner button.stop{background-position: -48px 0;}
.banner button.play{background-position: -143px 0;}
.banner button.next{background-position: -95px 0;}

.banner .banner_list ul{width:3000px}
.banner .banner_list li{float:left;margin:0 5px 0 0}
.banner .banner_list a{display:block;padding:10px; line-height: 1.3em;}
.banner .banner_list a:hover,
.banner .banner_list a:focus{text-decoration:underline}

/* 주소 */
.f_add{position: relative;padding-bottom: 180px;margin: 0 20px;word-break: keep-all;}
.f_add ul{font-size: 0; margin-bottom: 20px;}
.f_add ul li{display: inline-block; margin-right: 10px;}
.f_add ul li::after{content: ''; display: inline-block; width: 2px; height: 14px; margin-left: 10px; background: #666;}
.f_add ul li:last-child:after{display: none;}
.f_add ul li:first-child a{color: #004ec4;}
.f_add ul li a{font-size: 14px; color: #333; line-height: 16px;}
.f_add ul li a:hover,
.f_add ul li a:focus{color: #0075cb;}
.f_add address{display: block;margin-bottom: 14px;font-size: 13px;font-style: normal;}
.f_add address br{display: none;}
.f_add .copy{display: block;font-size: 12px;color: #999;}

@media all and (min-width:768px) {

nav{width: 460px;}

.gnb{display: block; position: absolute; top: 30px; right: 80px; font-size: 0;}
.gnb li{display: inline-block; margin-right: 40px;}
.gnb li a{display: block; color: #666; font-size: 15px; padding-left: 34px; background: url('/images/apc_2022/layout/gnb_icon.png') no-repeat left;}
.gnb li a:hover,
.gnb li a:focus{color: #111;}
.gnb li.g01 a{background-position: 0 0;}
.gnb li.g02 a{background-position: 0 -36px;}

.sub_visual{position: relative; height: 230px; padding: 60px 20px;}
.sub_container h2{margin-bottom: 36px;}
.local{position: absolute; top: 70px; right: 20px;}
.local ul{background: none; padding: 0; margin: 0;}
.share_wrap{position: absolute; right: 20px; bottom: 70px; width: 250px;}

.sub_tab p{display: none;}
.sub_tab ul{padding: 0; border: none; font-size: 0;}
.sub_tab ul li{display: inline-block; width: 49.5%; margin-right: 1%; margin-bottom: 1%;}
.sub_tab ul li:nth-child(2n){margin-right: 0;}
.sub_tab ul li a{padding-top: 14px; height: 45px; font-size: 16px; border: 1px #0075cb solid;line-height: 1.2em;}
.sub_tab ul li.on a,
.sub_tab ul li a:hover,
.sub_tab ul li a:focus{background: #0075cb; color: #fff; font-weight: 400;}

.f_banner .banner{height: 100px; padding: 30px 20px;}
.banner p{float: left;}
.banner .banner_list{float: right; width: 80%;}

.f_add{padding: 0 0 0 200px;background: url('/upload_data/user_file/apc_2022/layout/b_logo.png') no-repeat left center;}

.s_title h3{font-size: 46px;}

}


@media all and (min-width:1023px) {

.head{height: 100px;}
.head button{width: 100px; padding-top: 100px;}

h1{margin: 22px 0 0 20px;}
h1 a{width:335px; padding-top: 62px;  background-size: auto;}
h1 a::before{top: -24px; width: 52px; height: 58px; background-size: auto; }
h1 a span{line-height: 28px; padding-left: 20px;}
h1 a span::before{height: 24px; left: 8px;}

nav{top: 100px;}

.gnb{top: 42px; right: 100px;}
}

@media (min-width: 1440px) {

.head{width: 1400px; margin: 0 auto;}

h1{margin: 17px 50px 0 0;}

/* 사이트 맵 */
.tsitemap{display: block;}
.tsitemap a{position: absolute; top: 0; right: 0; display: inline-block; width: 100px; height: 0; overflow: hidden; padding-top: 100px; background: #004ec4 url('/images/apc_2022/layout/menu_icon.png') no-repeat center;}

/* 모바일 메뉴 열기 */
.head button{display: none;}

nav{display: inline-block;position: static;width: 630px;min-height: auto;background: none;}
nav.on{display: inline-block;}

.menu ul li{position: relative;display: inline-block;margin: 0 44px;}
.menu ul li a{height: 100px; padding: 40px 0; border: none; font-size: 18px; color: #333;}
.menu ul li.on>a,
.menu ul li a:hover,
.menu ul li a:focus{color: #004ec4; font-weight: 600;}


.menu ul li .depth_box{top: 85px;right: 50%;width: 190px;min-height: auto;height: auto;margin: 0 auto;padding: 20px;transform: translate(50%, 0);background: #004ec4;z-index: 9999999;}
.menu ul li li{display: block; margin: 0 0 16px 0;}
.menu ul li li:last-child{margin: 0;}
.menu ul li li a{color: #fff; font-size: 16px; }
.menu ul li li a::before{display: none;}
.menu ul li li a:hover,
.menu ul li li a:focus{color: #ffe036; font-weight: 400;}

.menu ul ul ul{padding: 14px 4px;background: #0d5fdb;}
.menu ul li li li a{position: relative;padding-left: 17px;color:#fff;}
.menu ul li li li a::before{content: '';display: inline-block;position: absolute;left: 8px;top: 5px;width: 4px;height: 4px;margin: 0;background: #ececec;border-radius: 8px;}
    
.mobile_back{display: none;}

.new_win{background: url('/images/apc_2022/layout/new_win.png') no-repeat;}
.menu ul li li span.new_win{background: url('/images/apc_2022/layout/new_win_w.png') no-repeat;}

.s_top{margin-bottom: 30px; padding: 0; z-index: -1;}
.sub_visual{width: 1400px; margin: 0 auto;}

.sub_container h2{font-size: 46px;}
.sub_depth ul li{margin-right: 14px;}
.sub_depth ul li a{font-size: 18px;}
.sub_depth ul li a::after{margin-left: 14px;}

.sub_tab{width: 1400px; margin: 0 auto;}
.sub_tab ul li{width: 24.25%;}
.sub_tab ul li:nth-child(2n){margin-right: 1%;}
.sub_tab ul li:last-child{margin-right: 0;}
.sub_tab li,
.sub_tab li{width:25%}
.sub_tab .col5 li,
.sub_tab .col5 li{width: 19.2%;}
.sub_tab .col3 li,
.sub_tab .col6 li{width: 32.66%;}
.sub_tab .col2 li,
.sub_tab .col2 li{width: 49.5%;}

.sub_tab .col6 li:nth-of-type(3n){margin:0;}

.s_con{width: 1400px; min-height: 400px; margin: 40px auto;}

.f_banner .banner{width: 1400px; margin: 0 auto; padding: 30px 0;}
.banner .banner_list{width: 1240px;}

.f_add{width: 1400px; margin: 0 auto;}
.f_add address br{display: block;}
.f_add ul li{height: 18px; margin-right: 30px;}
.f_add ul li::after{margin-left: 30px;}
.f_add ul li a{font-size: 18px; line-height: 20px;}



}


/* 공공누리 */
.license{border:1px solid #cde1ff;padding:20px;text-align:center;margin: 30px 20px;}
.license h4{display:block;overflow:hidden;position:absolute;top:0;left:-5000px;font-size:1.8em}
.license div{display:block;margin:0 0 10px 0; line-height: 2em;}
.license p em{font-style:normal;font-weight:bold; color: #004ec4; line-height: 2em;}
@media all and (min-width:1023px) {
.license{overflow:hidden;text-align:left; }
.license div{float:left;margin:0}
.license p{float:right;margin:12px 0 0 0;width:calc(100% - 230px)}
}  
@media all and (min-width:1440px) {
.license{width: 1400px; margin: 0 auto;}

}        



/* 4차메뉴 탭 */

.s_sub_tab{overflow:hidden; margin: 20px;}
.s_sub_tab li{float:left; width:100%; position:relative; font-family: 'GmarketSans'}
.s_sub_tab li a{display:block; padding: 22px 30px 8px 10px; height:60px; border-bottom:1px #d1d1d1 solid; font-size: 16px;}
.s_sub_tab li a:hover,
.s_sub_tab li.on a{color: #004ec4; border-bottom: 3px #004ec4 solid;}

@media all and (min-width:768px){

.s_sub_tab li{width:50%;} 
}

@media all and (min-width:1440px){
.s_sub_tab{width:1400px; margin:0 auto;}
.s_sub_tab li{width:25%}
.s_sub_tab .col5 li{width:20%}
.s_sub_tab .col3 li{width:33.333%}
.s_sub_tab .col2 li{width:50%}
}


.sitelink{position: absolute;bottom: 20px;right: 0;width: 100%;}
.sitelink>button{display: block;width: 100%;height: 40px;margin: 0 0 6px 0;padding: 14px 20px;line-height: 1em;border-radius: 10px;background: #fff; border:1px #004ec4 solid; font-size: 15px;text-align: left;}
.sitelink>button.on{background:#004ec4; color:#fff;}
.sitelink>button:hover{color:#004ec4;}
.sitelink>button.on:hover{color:#fff;}
.sitelink>button span{float: right;overflow: hidden;width: 16px;height: 0;margin: 1px 0 0 4px;padding-top: 9px;background:url('/images/apc_2022/layout/link_icon.png') no-repeat;background-position: 50% -3px;}
.sitelink>button.on span{background-position: 50% -34px;}
.sitelink div{position: absolute;width: 100%;padding: 20px 20px 30px;background: #fff;border: 1px #004ec4 solid;border-radius: 10px;z-index: 999;}
.sitelink div ul{margin:0;}
.sitelink div ul li{display: block;width: 100%;margin: 0 0 8px 0; color:#333;}
.sitelink div ul li::after{display: none;}
.sitelink div ul li:first-of-type a{color:#333;}
.sitelink div ul li a:hover{color:#004ec4; }
.sitelink div ul li:first-of-type a:hover{color:#004ec4;}
.sitelink div ul li a{font-size:14px;}
.sitelink div>button{position: absolute;right: 5px;bottom: 5px;display: inline-block;overflow: hidden;width:30px; height:0; padding-top:30px; background:url('/images/apc_2022/layout/link_icon.png') no-repeat;background-position: 50% -68px;}
.sitelink_box1{bottom: 190px; left:0;}
.sitelink_box2{bottom: 143px;right:0;}
.sitelink_box3{bottom: 100px;left:0;}
.sitelink_box4{bottom: 50px;right:0;}

.sitelink p.tit{font-size:15px;font-weight: 600;color:#004ec4;border-bottom: 1px #e1e1e1 solid;margin:0 0 10px;}

@media all and (min-width:768px){
.f_add{padding: 40px 200px 40px 165px;}
.sitelink{bottom: 24px;width: 175px;}



}

@media (min-width: 1400px){
.f_add{padding-left: 180px;}
.sitelink{display:block;width: 444px;bottom: 50px;}
.sitelink>button{float:left;width: 212px;margin: 0 5px 10px;}   
.sitelink div{width: 240px;}
.sitelink div ul li{height:auto;}

.sitelink_box1{bottom: 110px;left: 5px;}
.sitelink_box2{bottom: 110px;right:5px;}
.sitelink_box3{bottom: 60px;left: 5px;}
.sitelink_box4{bottom: 60px;right:5px;}
}                                                                                     