/* === CSS reset === */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, main, summary,
time, mark, audio, video{
	margin:0;
	padding:0;
	border:0;
	outline:0;
    background: transparent;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
html{
	-webkit-font-smoothing: subpixel-antialiased;
    /*-webkit-text-stroke-width: 0.2px;*/
    -webkit-tap-highlight-color: transparent;
}
body{
    -webkit-text-size-adjust: none;
    overflow-x:hidden;
	overflow-y:scroll;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, main{display:block;}
ul,ol,li{list-style:none;}
a{
	margin:0; padding:0; border:0; outline:0;
	text-decoration:none;
	color:inherit;
}
table{
	border-collapse:collapse;
	border-spacing:0;
}
hr{
	display:block;
	height:1px;
	border:0; 
	border-top:1px solid #eeeeee;
	margin:1rem 0;
	padding:0;
}
img{border:0; max-width:100%; vertical-align: top;}
em{font-style:normal;}
button, input, textarea{-webkit-appearance: none;}
button{border:none; outline:none; background:none; cursor:pointer;}
input, select{vertical-align:middle;}
input:required, input:invalid{
    border:0 none; 
    outline: 0 none; 
    -webkit-box-shadow:none; 
    -moz-box-shadow:none; 
    -ms-box-shadow:none; 
    -o-box-shadow:none; 
    box-shadow: none;
}
address, cite, dfn, em, var{font-style: normal;}
blockquote, q{quotes: none;}
blockquote:before, blockquote:after, q:before, q:after{content:''; content: none;}
sup{vertical-align: text-top;}
sub{vertical-align: text-bottom;}
embed{ /*for the damn thouder plugin*/
    display:none;
}

/* === form CSS reset cross browsing === */

select::-ms-expand {display:none}
input::-webkit-search-decoration,
input::-webkit-search-cancel-button,
input::-webkit-search-results-button,
input::-webkit-search-results-decoration{display:none;}
input:-moz-submit-invalid{box-shadow: none;}
input:-moz-ui-invalid{box-shadow:none;}

/* === float, clear, margin, align === */

.maC{margin:0 auto;}
.taC{text-align:center;}
.fl{float:left;}
.fr{float:right;}
.cb{clear:both;}
.cf{*zoom:1;}
.cf:after{content:''; display:block; clear:both;}

/* === font style === */

@font-face {
	font-family: 'SeoulNamsanM';
	src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_two@1.0/SeoulNamsanM.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 300;
	src: url("../font/NotoSansKR-Light.otf") format('opentype');
}
@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 400;
	src: url("../font/NotoSansKR-Regular.otf") format('opentype');
}
@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 500;
	src: url("../font/NotoSansKR-Medium.otf") format('opentype');
}
@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 700;
	src: url("../font/NotoSansKR-Bold.otf") format('opentype');
}
body{
	font-family:'Noto Sans KR', '맑은 고딕', 'Malgun Gothic', 돋움, Dotum, sans-serif;
	font-size:16px;
	letter-spacing:-0.03rem;
	}
h1{font-size:5rem;}
h2{font-size:2.5rem;}
h3{font-size:1.75rem;}
h4{font-size:1.5rem;}
h5{font-size:1.2rem;}
h6{font-size:1.1rem;}
.hidden{display:none;}
a.shortcut{display:inline-block; font-weight:400; color:#004b8e; border-bottom:1px dashed transparent;}
a.shortcut:hover{color:#0193cf; border-bottom:1px dashed #0193cf;}

/* === color === */

.colorCyan{color:#0193cf;}
.colorBlue{color:#004b8e;}
.colorSilver{color:#8f8e93;}
.colorGold{color:#997d4e;}
.colorDGray{color:#58585a;}
.colorMGray{color:#d1d2d4;}
.colorLGray{color:#e2e2e0;}
.colorBg{background-color:#f3f4f4;}

/* === PC WEB Layout 시작 === */

/* --- popup : header LNB siteMap ★모달팝업★ --- */

.pop{
	width:100%; height:100%;
	background:rgba(0,0,0,0.4);
	position:absolute;
	z-index:100000;
	display:none;
}
.pop #sitemap{
	width:1200px; height:800px;
	position:relative;
	top:50%; left:50%;
	margin-top:-400px; margin-left:-600px;
}
.pop button{
	padding:10px;
	background:none;
	position:absolute;
	font-size:2rem;
	color:#ffffff;
	top:0; right:0;
}
#sitemap #sitemap1, #sitemap #sitemap2{
	display:block;
	float:left;
	height:800px;
	padding-top:20px;
	padding-left:30px;
	color:#ffffff;
	text-shadow:1px 1px 1px rgba(0,0,0,0.5);
}
#sitemap h3{
	font-family: 'SeoulNamsanM', 'Noto Sans KR', '맑은 고딕', 'Malgun Gothic', 돋움, Dotum, sans-serif;
	margin:30px 0;
}
#sitemap #sitemap1{
	width:580px;
	background-color:#0193cf;
}
#sitemap #sitemap2{
	width:620px;
	background-color:#004b8e;
}
#sitemap li.depth1{
	float:left;
	padding:0 20px 0 10px;
	border-left:1px solid rgba(255,255,255,0.5);
	font-size:1.2rem;
	font-weight:700;
}
#sitemap #sitemap2 li.depth1:last-child{
	margin-top:50px;
}
#sitemap #sitemap1 li.depth1 span.main{
	color:#00f0ff;
}
#sitemap #sitemap2 li.depth1 span.main{
	color:#eebb5e;
}
#sitemap li.depth2{
	font-size:1rem;
	font-weight:500;
	padding-top:30px;
}
#sitemap #sitemap1 li.depth2 span.sub{
	border-top:1px dashed #00f0ff;
}
#sitemap #sitemap2 li.depth2 span.sub{
	border-top:1px dashed #eebb5e;
}
#sitemap li.depth3{
	font-size:0.85rem;
	font-weight:300;
}
#sitemap #sitemap2 li.depth1:last-child li.depth3:first-child{
	margin-top:30px;
}
#sitemap #sitemap1 a:hover{
	color:#00f0ff;
	font-weight:500;
	text-decoration:underline;
}
#sitemap #sitemap2 a:hover{
	color:#eebb5e;
	font-weight:500;
	text-decoration:underline;
}

/* --- header --- */

header{
	width:100%;
	height:160px;
	min-width:1275px;
}

/* - header GNB - */

header #headerGnb{
	width:1275px;
	height:100px;
	margin:0 auto;
	padding:0 40px;
	position:relative;
}
#headerGnb h1{
	width:260px;
	position:absolute;
	top:15px; left:40px;
}
#headerGnb ul{
	position:absolute;
	top:35px; right:40px;
}
#headerGnb ul li{
	display:inline-block;
	vertical-align:middle;
	margin-left:5px;
}
#headerGnb ul li a{
	display:inline-block;
	width:70px; height:24px;
	text-align:center;
	color:#8f8e93;
	font-size:0.85em;
}
#headerGnb ul li a:hover{
	color:#000000;
}
#headerGnb ul li select{
	width:90px; height:35px;
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	margin-left:10px;
	padding-left:0.5rem;
	border:1px solid #d1d2d4;
	border-radius:20px;
	outline:0;
	color:#8f8e93;
	background:url(../images/arrow_drop_down.svg) no-repeat center right;
	cursor:pointer;
}
#headerGnb ul li select:hover{
	border:1px solid #0193cf;
	color:#000000;
}

/* - header GNB search - */

#headerGnb .search-box input::-ms-clear,
#headerGnb .search-box input::-ms-reveal{display:none; width:0; height:0;}
#headerGnb .search-box{
	position: absolute;
	top: 50%;
	right: 310px;
	margin-top:-15px;
	width:35px;
	height: 35px;
	background-color: #fff;
	border: 1px solid #d1d2d4;
	border-radius:20px;
	vertical-align:middle;
	transition: 0.4s;
}
#headerGnb .search-box:hover{
	border: 1px solid #0193cf;
	width: 300px;
}
#headerGnb .search-btn{
	text-decoration: none;
	float: right;
	width: 31px;
	height: 31px;
	border-radius: 50%;
	display:block;
	position:absolute;
	top:1px; right:1px;
	color: #8f8e93;
	padding-top:2px;
	text-align:center;
	font-size:1rem;
}
#headerGnb .search-box:hover > .search-btn{
	color: #0193cf;
	font-size:1rem;
}
#headerGnb .close-btn {
	text-decoration: none;
	float: right;
	width: 31px;
	height: 31px;
	border-radius: 50%;
	color: #8f8e93;
	font-size:0.9rem;
	text-align:center;
	padding-top:2px;
	position:absolute;
	top:1px; right:32px;
	display:none;
	transition: .4s;
}
#headerGnb .search-box:hover > .close-btn{
	display: block;
	padding-top:2px;
	font-size:0.9rem;
}
#headerGnb .close-btn:after {
	content: "";
	display: block;
	width: 31px;
	height: 31px;
	z-index:1;
	position: absolute;
	top:1px; right:32px;
	padding-top:2px;
	border-radius: 50%;
	text-align: center;
	color:#8f8e93;
	font-size:0.9rem;
	cursor: pointer;
}
#headerGnb .search-txt:not(:valid) ~ .close-btn {
	display: none;
}
#headerGnb .search-txt{
	display: flex;
	align-items: center;
	text-indent:0.5rem;
	width: 0px;
	height:30px;
	border:none;
	background: none;
	outline: none;
	float: left;
	font-size: 0.9rem;
	line-height: 30px;
	transition: .4s;
}
.guide{color:#8f8e93; z-index:1;}
#headerGnb .search-box:hover > .search-txt{
	width: 220px;
	margin: 0 10px;
}

/* - header LNB ★헤더고정★ - */

header #headerLnb{
	width:100%;
	min-width:1275px;
	height:60px;
	background:url(../images/lnb_back.png) no-repeat center center;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-ms-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	-webkit-box-shadow:0px 0px 5px rgba(0,0,0,0.5);
	-moz-box-shadow:0px 0px 5px rgba(0,0,0,0.5);
	-ms-box-shadow:0px 0px 5px rgba(0,0,0,0.5);
	-o-box-shadow:0px 0px 5px rgba(0,0,0,0.5);
	box-shadow:0px 0px 5px rgba(0,0,0,0.5);
	z-index:99999;
}
#headerLnb.fixed{
	position:fixed;
    width:100%;
	min-width:1275px;
	height:60px;
    top:0; left:0;
}
header #headerLnb nav{
	width:100%;
	min-width:1275px;
	height:60px;
	margin:0 auto;
	position:relative;
	z-index:99999;
}
header #headerLnb nav::after{
	content:'';
	display:block;
	clear:both;
}
header #headerLnb nav ul.mainMenu{
	position:relative;
	height:60px;
	text-align:center;
}

/* - header LNB menu depth1 - */

#headerLnb nav li.depth1{
	display:inline-block;
	width:115px; height:60px;
	padding-top:15px;
}
#headerLnb nav li.depth1:first-child{
	margin-left:30px;
}
#headerLnb nav li.depth1:nth-child(2),
#headerLnb nav li.depth1:nth-child(3),
#headerLnb nav li.depth1:nth-child(4),
#headerLnb nav li.depth1:nth-child(5),
#headerLnb nav li.depth1:nth-child(6),
#headerLnb nav li.depth1:nth-child(7),
#headerLnb nav li.depth1:nth-child(8),
#headerLnb nav li.depth1:nth-child(9){
	margin-left:17px;
}
#headerLnb nav li.depth1:last-child{
	margin-right:30px;
}
#headerLnb nav li.depth1:nth-child(1),
#headerLnb nav li.depth1:nth-child(2),
#headerLnb nav li.depth1:nth-child(3),
#headerLnb nav li.depth1:nth-child(4){
	background-color:#0193cf;
}
#headerLnb nav li.depth1:nth-child(5),
#headerLnb nav li.depth1:nth-child(6),
#headerLnb nav li.depth1:nth-child(7),
#headerLnb nav li.depth1:nth-child(8){
	background-color:#004b8e;
}
#headerLnb nav li.depth1 > a{
	display:table-cell;
	width:auto; height:40px;
	padding:3px 3px 0 3px;
	color:#ffffff;
	font-weight:500;
	font-size:1.05rem;
	letter-spacing:-1px;
	text-shadow:1px 1px 1px rgba(0,0,0,0.5);
	border:1px solid transparent;
}
#headerLnb nav li.depth1:nth-child(1) > a:hover,
#headerLnb nav li.depth1:nth-child(2) > a:hover,
#headerLnb nav li.depth1:nth-child(3) > a:hover,
#headerLnb nav li.depth1:nth-child(4) > a:hover{
	border-top:1px solid #00f0ff;
	color:#00f0ff;
}
#headerLnb nav li.depth1:nth-child(5) > a:hover,
#headerLnb nav li.depth1:nth-child(6) > a:hover,
#headerLnb nav li.depth1:nth-child(7) > a:hover,
#headerLnb nav li.depth1:nth-child(8) > a:hover{
	border-top:1px solid #eebb5e;
	color:#eebb5e;
}

/* - header LNB menu depth2 - */

#headerLnb nav .sub{
	position:absolute;
	left:0;
	width:100%;
	min-width:1275px;
	height:0;
	overflow:hidden;
	background-color:rgba(255,255,255,0.9);
	-webkit-transition:height 0.3s;
	-moz-transition:height 0.3s;
	-ms-transition:height 0.3s;
	-o-transition:height 0.3s;
	transition:height 0.3s;
	z-index:99999;
}
#headerLnb nav li.depth1:hover .sub{
	height:250px;
	border-bottom:1px solid #d1d2d4;
}
#headerLnb nav .sub .subMenu{
	margin:0 auto;
	width:1275px;
	padding:30px 40px;
	text-align:left;
	position:relative;
}

/* - header LNB menu depth2 subTitle - */

#headerLnb nav .sub .subMenu .subTitle{
	display:block;
	width:235px;
	height:190px;
	padding-top:30px;
	text-align:center;
	font-family: 'SeoulNamsanM', 'Noto Sans KR', '맑은 고딕', 'Malgun Gothic', 돋움, Dotum, sans-serif;
	font-size:1.75rem;
	line-height:2.75rem;
	color:#ffffff;
	position:absolute;
	top:30px; left:30px;
}
#headerLnb nav .sub .subMenu .subTitle strong{
	font-size:1.9rem;
	text-shadow:2px 2px 2px rgba(0,0,0,0.5);
}
#headerLnb nav li.depth1:nth-child(1) .sub .subMenu .subTitle,
#headerLnb nav li.depth1:nth-child(2) .sub .subMenu .subTitle,
#headerLnb nav li.depth1:nth-child(3) .sub .subMenu .subTitle,
#headerLnb nav li.depth1:nth-child(4) .sub .subMenu .subTitle{
	background:-webkit-linear-gradient(120deg, #03c4ff, #0193cf);
	background:-moz-linear-gradient(120deg, #03c4ff, #0193cf);
	background:-ms-linear-gradient(120deg, #03c4ff, #0193cf);
	background:-o-linear-gradient(120deg, #03c4ff, #0193cf);
	background:linear-gradient(120deg, #03c4ff, #0193cf);
}
#headerLnb nav li.depth1:nth-child(5) .sub .subMenu .subTitle,
#headerLnb nav li.depth1:nth-child(6) .sub .subMenu .subTitle,
#headerLnb nav li.depth1:nth-child(7) .sub .subMenu .subTitle,
#headerLnb nav li.depth1:nth-child(8) .sub .subMenu .subTitle{
	background:-webkit-linear-gradient(120deg, #0075cc, #004b8e);
	background:-moz-linear-gradient(120deg, #0075cc, #004b8e);
	background:-ms-linear-gradient(120deg, #0075cc, #004b8e);
	background:-o-linear-gradient(120deg, #0075cc, #004b8e);
	background:linear-gradient(120deg, #0075cc, #004b8e);
}

/* - header LNB menu depth2 subMenu - */

#headerLnb nav .sub .subMenu > ul{
	position:absolute;
	top:30px; left:285px;
	display:block;
	width:1000px;
	height:190px;
}
#headerLnb nav .sub .subMenu li.depth2{
	display:inline-block;
	width:auto; height:190px;
	padding:0 25px;
	vertical-align:top;
	border-right:1px solid #8f8e93;
}
#headerLnb nav .sub .subMenu li.depth2 > strong{
	font-weight:500;
	font-size:1.15rem;
	line-height:2.5rem;
}
#headerLnb nav li.depth1:nth-child(1) .sub .subMenu li.depth2 > strong,
#headerLnb nav li.depth1:nth-child(2) .sub .subMenu li.depth2 > strong,
#headerLnb nav li.depth1:nth-child(3) .sub .subMenu li.depth2 > strong,
#headerLnb nav li.depth1:nth-child(4) .sub .subMenu li.depth2 > strong{
	color:#0193cf;
}
#headerLnb nav li.depth1:nth-child(5) .sub .subMenu li.depth2 > strong,
#headerLnb nav li.depth1:nth-child(6) .sub .subMenu li.depth2 > strong,
#headerLnb nav li.depth1:nth-child(7) .sub .subMenu li.depth2 > strong,
#headerLnb nav li.depth1:nth-child(8) .sub .subMenu li.depth2 > strong{
	color:#004b8e;
}

/* - header LNB menu depth3 - */

#headerLnb nav .sub .subMenu li.depth3{
	line-height:1.6rem;
}
#headerLnb nav li.depth1:nth-child(1) .sub .subMenu li.depth3 a:hover,
#headerLnb nav li.depth1:nth-child(2) .sub .subMenu li.depth3 a:hover,
#headerLnb nav li.depth1:nth-child(3) .sub .subMenu li.depth3 a:hover,
#headerLnb nav li.depth1:nth-child(4) .sub .subMenu li.depth3 a:hover{
	color:#03c4ff;
	text-decoration:underline;
}
#headerLnb nav li.depth1:nth-child(5) .sub .subMenu li.depth3 a:hover,
#headerLnb nav li.depth1:nth-child(6) .sub .subMenu li.depth3 a:hover,
#headerLnb nav li.depth1:nth-child(7) .sub .subMenu li.depth3 a:hover,
#headerLnb nav li.depth1:nth-child(8) .sub .subMenu li.depth2 a:hover{
	color:#0075cc;
	text-decoration:underline;
}

/* - header LNB icon - */

#headerLnb nav .lnbIcon{
	display:block;
	width:100%; height:60px;
	min-width:1275px;
}
#headerLnb nav .lnbIcon > a{
	display:block;
	width:35px; height:60px;
	line-height:60px;
	text-align:center;
	text-shadow:1px 1px 1px rgba(0,0,0,0.5);
	color:#ffffff;
	font-size:1.5rem;
}
#headerLnb nav #lnbSearch > a{
	position:absolute;
	top:0px; right:50%;
	margin-right:-550px;
}
#headerLnb nav #lnbSitemap > a{
	position:absolute;
	top:0px; right:50%;
	margin-right:-605px;
}
#headerLnb nav .lnbIcon > a:hover{
	color:#00f0ff;
}

/* - header LNB icon search ★서치폼★ - */
/*
#headerLnb nav #lnbSearch #searchWrap{
	position:absolute;
	top:60px; left:0;
	width:100%;
	min-width:1275px;
	height:0;
	overflow:hidden;
	background-color:rgba(255,255,255,0.9);
	-webkit-transition:height 0.3s;
	-moz-transition:height 0.3s;
	-ms-transition:height 0.3s;
	-o-transition:height 0.3s;
	transition:height 0.3s;
	z-index:99999;
}
#headerLnb nav #lnbSearch > a.search:hover ~ #searchWrap{
	height:100px;
	border-bottom:1px solid #d1d2d4;
}
#headerLnb nav #lnbSearch #searchBar{
	margin:0 auto;
	width:1275px; height:100px;
	text-align:left;
	position:relative;
}
#headerLnb nav #lnbSearch #searchBar h4{
	display:block;
	float:left;
	height:100px;
	font-family: 'SeoulNamsanM', 'Noto Sans KR', '맑은 고딕', 'Malgun Gothic', 돋움, Dotum, sans-serif;
	line-height:2rem;
	margin-right:20px;
	padding:30px 0 30px 40px;
}
#headerLnb nav #lnbSearch #searchBar fieldset,
#headerLnb nav #lnbSearch #searchBar input#search,
#headerLnb nav #lnbSearch #searchBar button{
	border:none; outline:none; background:none;
}
#headerLnb nav #lnbSearch #searchBar fieldset{
	float:left;
	width:auto;
	height:100px;
	margin-left:30px;
	position:relative;
	padding:30px 0;
}
#headerLnb nav #lnbSearch #searchBar fieldset input#search{
	border-bottom:1px solid #000000;
	width:415px; height:30px;
	font-size:1rem;
	vertical-align:top;
}
#headerLnb nav #lnbSearch #searchBar fieldset button[type=submit]{
	margin-right:20px;
}
.closeIcon {
	border:1px solid transparent;
	background-color: transparent;
	display: inline-block;
	vertical-align: middle;
	outline: 0;
	color:#8f8e93;
	cursor: pointer;
	position: absolute;
	top:50%; left:395px;
	margin-top:-10px;
}
.closeIcon:after {
	content: "";
	display: block;
	width: 15px;
	height: 15px;
	z-index:1;
	position: absolute;
	top:50%; left:395px;
	margin-top:-10px;
	margin: auto;
	padding: 2px;
	border-radius: 50%;
	text-align: center;
	color:#8f8e93;
	font-weight: normal;
	font-size:1rem;
	cursor: pointer;
}
.searchBox:not(:valid) ~ .closeIcon {
	display: none;
}
#headerLnb nav #lnbSearch #searchBar fieldset label{
	margin:0 6px;
	vertical-align:middle;
}
*/

/* --- aside sideLinks ★사이드링크★ --- */

div#sideLinks{
	width:127px;
	position:fixed;
	top:180px;
	right:0.5%;
	z-index:999;
	color:#ffffff;
	text-align:center;
	transition: all .5s ease;
}
div#sideLinks div#firstVisit{
	width:127px;
	height:134px;
	background:url(../images/side/lib_first.svg) no-repeat center center;
}
div#sideLinks div#firstVisit a{
	display:block;
	width:127px;
	height:134px;
	padding-top:68px;
	font-size:1.25rem;
	line-height:1.75rem;
	font-weight:normal;
	text-shadow:1px 1px 1px rgba(0,0,0,0.5);
	font-family: 'SeoulNamsanM', 'Noto Sans KR', '맑은 고딕', 'Malgun Gothic', 돋움, Dotum, sans-serif;
	}
div#sideLinks div#sideMenuWrap{
	width:113px;
	height: 0;
	margin:0 auto;
	background: #58585a;
	overflow: hidden;	
	}

/* 클래스를 주어 오픈된 상태 */
div#sideLinks div#sideMenuWrap.open{height: auto;} /*닫혀진상태*/
div#sideLinks a#sideMenuHandle{
	display: block;
	width: 127px; height: 15px;
	position: absolute; left: 0; bottom: -15px; margin-top: -40px;
	background: url(../images/side/side_menu_handle_fold.svg) no-repeat center;
	text-indent: -9999px;
}

/* 닫힌 상태에서 open 버튼 이미지 */
div#sideLinks div#sideMenuWrap.open + a{
	background: url(../images/side/side_menu_handle_open.svg) no-repeat center;
}
div#sideLinks div#sideMenuWrap.open + a:hover{
	background: url(../images/side/side_menu_handle_open_on.svg) no-repeat center;
}

/* 열린 상태에서 fold 버튼 이미지 */
div#sideLinks a#sideMenuHandle:hover{
	background: url(../images/side/side_menu_handle_fold_on.svg) no-repeat center;
}
div#sideLinks a#sideMenuHandle:focus{
	background: url(../images/side/side_menu_handle_fold_on.svg) no-repeat center;
}

div#sideLinks ul#links a{
	display: block; padding: 15px 0;
	background-color:#58585a;
	text-shadow:1px 1px 1px rgba(0,0,0,0.5);
	border-bottom:1px solid #d1d2d4;
	transition: all .3s;}
div#sideLinks ul#links a:hover{
	color:#ffffff;
	background-color:#0193cf;
	}
div#sideLinks ul#links a:focus{
	color:#ffffff;
	background-color:#0193cf;
	}

/* --- footer --- */

footer{
	width:100%;
	height:180px;
	border-top:1px solid #d1d2d4;
	min-width:1275px;
}
footer #foot{
	width:1275px;
	height:180px;
	margin:0 auto;
	padding:0 40px;
	position:relative;
}
#foot #footLogo{
	width:115px;
	height:100px;
	position:absolute;
	top:50px; left:40px;
}
#footLogo ul li:last-child{
	margin-top:10px;
}
#foot #footFnb{
	width:695px;
	height:100px;
	position:absolute;
	top:50px; left:175px;
}
#footFnb ul:first-child li{
	display:inline-block;
	line-height:1.5rem;
}
#footFnb ul:first-child li a{
	font-weight:500;
	color:#0193cf;
}
#footFnb ul:last-child{
	margin-top:7px;
}
#footFnb ul:last-child li{
	display:inline-block;
	font-size:0.9rem;
	line-height:1.5rem;
}
#foot #footBg{
	width:349px; height:141px;
	position:absolute;
	top:15px; right:40px;
}

/*--- top 버튼 ---*/

a#moveTop_btn{
	position:fixed;
    right:2%;
    bottom:40px;
    display:none;
	font-size:3rem;
	color:#0193cf;
    z-index:999;
}