@charset "utf-8"; /*새창아이콘*/ .h_win_icon{ background:url("/images/001kunsan/inc/blank01.gif") right center no-repeat; padding-right:15px;} /* 로고와 대메뉴 */ #header{ height:88px;margin-top:33px;} #header h1{ float:left;} #header h1 a{ display:inline-block;} /* 메인메뉴모바일버튼 */ #gnavi_btn{ display:none; z-index:9999999; position:absolute; left:3%; top:0;} #gnavi_btn a{ width:100%; height:100%;} /* 통합검색모바일버튼 */ #gsearch_btn{ display:none; z-index:9999999; position:absolute; right:3%; top:0;} #gsearch_btn a{ width:100%; height:100%;} /* 모바일경우만 나오는것 */ .gnb_top_mo{ display:none; float:left; width:100%; background: url("/images/001kunsan/inc/tu01.png") left top repeat; position:relative;} .gnb_top_mo > ul > li{ width:25%; float:left; text-align:center; position:relative; border-bottom:1px solid #1d3db3;} .gnb_top_mo > ul > li > a{ width:100%; color:#fff; font-size:13px; display:block; padding:10px 0; border-left:1px solid #163474;} .gnb_top_mo > ul > li > a{ box-sizing:border-box; /*-webkit-box-sizing:border-box; -moz-box-sizing:border-box;*/} .gnb_top_mo > ul > li:first-child > a{ border-left:none;} .gnb_top_mo .hl_down01 { top:35px; border:none; z-index:99999999;} /* * 메뉴레이아웃 * #gnavi 메뉴가이드 * #gnavibg 서브메뉴배경 * #gnavibox 메뉴 * .gnavi > a 일차메뉴 * .gnavi > div 각서브메뉴박스배경 * .gnavi > div > p 일차메뉴타이틀 * .gnavi > div > ul 각서브메뉴리스트 * .mnavi 각이차서브메뉴리스트 * .mnavi > a 각이차서브메뉴명 * .mnavi > ul 각삼차서브메뉴리스트 * .snavi 각삼차서브메뉴리스트 * .snavi > a 각삼차서브메뉴명 */ #gnavi{ position:relative; z-index:9999999;} #gnavibg{ margin:0; padding:0; position:absolute; left:0; top:82px; width:100%; display:none;} #gnavibg{ background:#f4f4f4 url("/images/001kunsan/content/sub02_img11.png") left top repeat; border-top:3px solid #032bbf; border-bottom:1px solid #000000;box-shadow:1px 2px 4px #636363;} #gnavibox{ width:73.5%; float:right;} #gnavi .gnavi{ width: auto; float:left; padding:0 0 0 55px;} #gnavi .gnavi > a{ display:block; text-align:right; padding-top:15px; font-size:21px; font-weight:600; height:68px; letter-spacing:-1px;} #gnavi .gnavi > a:hover{ color:#032bbf;} #gnavi .gnavi.on > a{ color:#032bbf;background:url("/images/001kunsan/inc/menu_back01.png") center top no-repeat;} #gnavi .gnavi.on > a:hover{ color:#032bbf;} #gnavi .gnavi > div{ width:100%; position:absolute; left:0; background:#fff; display:none; border-top:2px solid #032bbf;} #gnavi .gnavi > div.topsub_img01{ background:url("/images/001kunsan/inc/topmenu_sub_back01.png") left top no-repeat;} #gnavi .gnavi > div.topsub_img02{ background:url("/images/001kunsan/inc/topmenu_sub_back01_01.png") left top no-repeat;} #gnavi .gnavi > div.topsub_img03{ background:url("/images/001kunsan/inc/topmenu_sub_back01.png") left top no-repeat;} #gnavi .gnavi > div.topsub_img04{ background:url("/images/001kunsan/inc/topmenu_sub_back01.png") left top no-repeat;} #gnavi .gnavi > div.topsub_img05{ background:url("/images/001kunsan/inc/topmenu_sub_back01.png") left top no-repeat;} #gnavi .gnavi > div.topsub_img06{ background:url("/images/001kunsan/inc/topmenu_sub_back01.png") left top no-repeat;} #gnavi .gnavi > div > p{ display:block; float:left; padding-left:2.5%; padding-bottom:80px; width:17.5%;margin-right:5%; margin-top:180px; text-align:center; color:#fff; font-size:35px; font-weight:600; } #gnavi .gnavi > div > p > span{ color:#deff00;} #gnavi .gnavi > div > ul{ display:block; float:left; width:75%; padding-top:30px;} #gnavi .mnavi{ text-align:center; float:left; width:19%; margin-bottom:25px; overflow:hidden; margin-right:1%;} #gnavi .mnavi > a{ font-size:16px; float:left; font-weight:600;background:#d3e5f4 url("/images/000inc/org_bg01.png") right top repeat; background-size:10%;color:#000089; padding:8px 0 8px 0; width:100%; margin-bottom:10px;box-shadow:1px 1px 1px #aabaca; border-radius:10px 0 10px 0;} #gnavi .mnavi > a:hover{ color:#fff;background:#17b0d6 url("/images/000inc/org_bg01.png") right top no-repeat;background-size:40%;} #gnavi .mnavi.on > a{ color:#fff;background:#17b0d6 url("/images/000inc/org_bg01.png") right top no-repeat;background-size:40%;} #gnavi .mnavi.on > a:hover{ color:#fff;} #gnavi .mnavi > ul{ display:table; clear:both; text-align:left;} #gnavi .snavi{ float:left;background: url("/images/001kunsan/inc/title01_05.gif") left 7px no-repeat; margin-bottom:10px;width:101%; margin-left:3%;} #gnavi .snavi > a{ color: #000; font-size:14px; line-height:12px; padding:0 0 0 8px;font-weight:600; letter-spacing: normal; display:inline-block; } #gnavi .snavi > a:hover{ color:#2750c4; text-decoration:underline;} #gnavi .snavi.on > a{ color:#2750c4;} #gnavi .snavi.on > a:hover{ color:#2750c4;} #gnavi .snavi.f_th{display:none;} @media all and (max-width: 1220px) { #gnavi_btn{ display:block;} #gsearch_btn{ display:block;} .gnb_top_mo{ display:block;} #header { margin-top:20px;height:70px;} #header h1 { text-align:center; width:100%;} #header h1 img{ margin-top:-3px;} #gnavi{ display:none; margin-top:70px; position:absolute; width:100%; background: url("/images/001kunsan/inc/menu_back01.jpg") right top repeat; background-size: cover; box-shadow:1px 2px 1px #212121; padding-bottom:40px;} #gnavibox{ width:100%; float:left;} #gnavi .gnavi{ width:100%; position:static; float:left; padding:0;} #gnavi .gnavi > a{ width:95%; height:auto; padding:15px 0 15px 5%; color:#fff; text-align:left; border-bottom:1px #1d3db3 solid; background: url("/images/001kunsan/inc/submenu_icon01_on.png") 95% center no-repeat; font-size:18px;} #gnavi .gnavi > a:hover{ color:#00fbff;background: url("/images/001kunsan/inc/submenu_icon03.png") 95% center no-repeat;} /*#gnavi .gnavi > a:hover::after{ content:"　>"; color:#ff0;} #gnavi .gnavi > a:active::after{ content:"　>"; color:#ff0;}*/ #gnavi .gnavi > a.on{color:#fff; background:#8ac500 url("/images/001kunsan/inc/submenu_icon01_on.png") 95% center no-repeat;} /*#gnavi .gnavi > a.on::after{ content:"　>"; color:#ff0;}*/ #gnavi .gnavi.on > a{ color:#fff;} #gnavi .gnavi.on > a:hover{ color:#fff;} #gnavi .gnavi > div{ width:60%; background:#fff; top:34px; left:40%; height:auto; min-height:450px;} #gnavi .gnavi.on > div{ display:block;} #gnavi .gnavi > div.topsub_img01{ background:#fff none;} #gnavi .gnavi > div.topsub_img02{ background:#fff none;} #gnavi .gnavi > div.topsub_img03{ background:#fff none;} #gnavi .gnavi > div.topsub_img04{ background:#fff none;} #gnavi .gnavi > div.topsub_img05{ background:#fff none;} #gnavi .gnavi > div.topsub_img06{ background:#fff none;} #gnavi .gnavi > div > p{ display:none;} #gnavi .gnavi > div > ul{ padding:10px; width:auto; float:none;background:#fff; } #gnavi .mnavi{ display:block; float:none; width:94%; margin:0 3%; position:relative;text-align:left;} #gnavi .mnavi > a{ float:none; display:list-item; padding:12px 5px 12px 28px; margin:0; border-bottom:1px solid #dedede;background: url("/images/001kunsan/inc/title02_06.gif") 10px 16px no-repeat;box-shadow:none; border-radius:0; background-size: auto;} #gnavi .mnavi > a:hover{ color:#297c00; background:#e7f2e3 url("/images/001kunsan/inc/title02_06.gif") 10px 16px no-repeat;background-size: auto;} #gnavi .mnavi.on > a{ color:#0a8700;background:#e7f2e3 url("/images/001kunsan/inc/title02_06.gif") 10px 16px no-repeat;background-size: auto;} #gnavi .mnavi.on > a:hover{ color:#0a8700;} #gnavi .mnavi > ul{ display:none; list-style:none; background:#f3f3f3; padding:12px 0 7px 0;border-bottom:1px solid #dedede;} #gnavi .mnavi_icon{ background: url("/images/001kunsan/inc/submenu_icon06.png") right center no-repeat; font-size:12px; height:15px; width:15px; display:inline-block; position: absolute; right:1%;} #gnavi .snavi{ display:block; float:none;width:100%;background:#f3f3f3; margin-left:0;} #gnavi .snavi > a{ display:list-item; padding:0 5px 0 15px; font-weight:600; line-height:1.4em;background:#f3f3f3 url("/images/001kunsan/inc/title02_05.gif") left 7px no-repeat; margin-left:8%; width:auto;} #gnavi .snavi.f_th{display:block;} #gnavi .snavi.f_th a{ background:none;padding-left: 15px;} #gnavi .snavi.f_th a:before{display:inline-block;content:"-" ; padding-right:5px;} } @media all and (max-width: 768px) { #header h1{margin-top:3px;} #header h1 img{ width:180px;} } @media all and (max-width: 480px) { #header h1{margin-top:2px;} #header h1 img{ width:160px; margin-top:0;} } @media all and (max-width: 320px) { }