@charset "utf-8";

/* web font */
@import "http://cdn.jsdelivr.net/nanumsquare/1.0/nanumsquare.css";
@import "http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css";
@import "http://fonts.googleapis.com/earlyaccess/notosanskr.css";
@import "http://fonts.googleapis.com/css?family=Roboto";
@import "http://fonts.googleapis.com/css?family=Lato:400,700";

/* 작업자 : 안효석 / 작업일자 : 2017-04-17 */

/* reset */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,font,img,ins,kbd,q,samp,small,strong,sub,sup,var,p,q,b,i,s,u,dl,dt,dd,ol,ul,li,fieldset,form,input,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;outline:0;border:0;font-size:100%;vertical-align:baseline;background:transparent}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}html{height:100%}body{margin:0}dl,ol,ul,menu,li{list-style:none}blockquote,q{quotes:none}h1,h2,h3,h4,h5,h6{font-size:1em;font-weight:400;margin:0;padding:0;-webkit-margin-before:0;-webkit-margin-after:0}:active,:focus{outline:0}a{text-decoration:none;color:#000}a img{border:0;padding:0}table{width:100%;margin:0;border-collapse:collapse;border-spacing:0;table-layout:fixed}caption{display:none}input,select,textarea,button{vertical-align:middle}input::-ms-clear{display:none}button{border:0 none;background-color:transparent;cursor:pointer}address,caption,cite,code,dfn,em,var{font-style:normal;font-weight:400}blockquote:before,blockquote:after{content:'';content:none}q:before,q:after{content:'';content:none}

/* bxslider */
.bx-wrapper{position:relative;margin-bottom:60px;padding:0;*zoom:1;-ms-touch-action:pan-y;touch-action:pan-y}.bx-wrapper img{max-width:100%;display:block}.bxslider{margin:0;padding:0}ul.bxslider{list-style:none}.bx-viewport{-webkit-transform:translatez(0)}.bx-wrapper{-moz-box-shadow:0 0 5px #ccc;-webkit-box-shadow:0 0 5px #ccc;box-shadow:0 0 5px #ccc;border:5px solid #fff;background:#fff}.bx-wrapper .bx-pager,.bx-wrapper .bx-controls-auto{position:absolute;bottom:-30px;width:100%}.bx-wrapper .bx-loading{min-height:50px;background:url(images/bx_loader.gif) center center no-repeat #fff;height:100%;width:100%;position:absolute;top:0;left:0;z-index:2000}.bx-wrapper .bx-pager{text-align:center;font-size:.85em;font-family:Arial;font-weight:700;color:#666;padding-top:20px}.bx-wrapper .bx-pager.bx-default-pager a{background:#666;text-indent:-9999px;display:block;width:10px;height:10px;margin:0 5px;outline:0;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}.bx-wrapper .bx-pager.bx-default-pager a:hover,.bx-wrapper .bx-pager.bx-default-pager a.active,.bx-wrapper .bx-pager.bx-default-pager a:focus{background:#000}.bx-wrapper .bx-pager-item,.bx-wrapper .bx-controls-auto .bx-controls-auto-item{display:inline-block;vertical-align:bottom;*zoom:1;*display:inline}.bx-wrapper .bx-pager-item{font-size:0;line-height:0}.bx-wrapper .bx-prev{left:10px;background:url(images/controls.png) no-repeat 0 -32px}.bx-wrapper .bx-prev:hover,.bx-wrapper .bx-prev:focus{background-position:0 0}.bx-wrapper .bx-next{right:10px;background:url(images/controls.png) no-repeat -43px -32px}.bx-wrapper .bx-next:hover,.bx-wrapper .bx-next:focus{background-position:-43px 0}.bx-wrapper .bx-controls-direction a{position:absolute;top:50%;margin-top:-16px;outline:0;width:32px;height:32px;text-indent:-9999px;z-index:9999}.bx-wrapper .bx-controls-direction a.disabled{display:none}.bx-wrapper .bx-controls-auto{text-align:center}.bx-wrapper .bx-controls-auto .bx-start{display:block;text-indent:-9999px;width:10px;height:11px;outline:0;background:url(images/controls.png) -86px -11px no-repeat;margin:0 3px}.bx-wrapper .bx-controls-auto .bx-start:hover,.bx-wrapper .bx-controls-auto .bx-start.active,.bx-wrapper .bx-controls-auto .bx-start:focus{background-position:-86px 0}.bx-wrapper .bx-controls-auto .bx-stop{display:block;text-indent:-9999px;width:9px;height:11px;outline:0;background:url(images/controls.png) -86px -44px no-repeat;margin:0 3px}.bx-wrapper .bx-controls-auto .bx-stop:hover,.bx-wrapper .bx-controls-auto .bx-stop.active,.bx-wrapper .bx-controls-auto .bx-stop:focus{background-position:-86px -33px}.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager{text-align:left;width:80%}.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto{right:0;width:35px}.bx-wrapper .bx-caption{position:absolute;bottom:0;left:0;background:#666;background:rgba(80,80,80,0.75);width:100%}.bx-wrapper .bx-caption span{color:#fff;font-family:Arial;display:block;font-size:.85em;padding:10px}

.header h1 img,
.footer .banner img {
    width: 100%;
    vertical-align: top
}

#sub_bg {
    position: absolute;
    top: 0;
    left: 0
}

.header .head_quick:after,
.header #gnb:after,
.header #sitemap:after,
.row:after,
.header:after,
.contents:after {
    content: "";
    clear: both;
    display: block
}

.header .head_quick,
.header #gnb,
.header #sitemap,
.row {
    width: 1080px;
    margin: 0 auto
}

.head_quick li #all_menu.open {
    display: inline-block;
    background: url(/images/skin5011/ico.png) no-repeat
}

.header *,
.footer *,
.contents * {
    font-family: "NanumSquare"
}

.header {
    border-top: 5px solid #c3edd7
}

.header h1 {
    width: 240px;
    height: 70px;
    position: absolute;
    top: 30px;
    left: 50%;
    margin-left: -540px;
    z-index: 59;
}

.header h1 a {
	font-weight: 700;
	color: #fff;
	text-decoration: none;
	position:relative;
	z-index:99;
}

.header .head_quick,
.header #gnb,
.header #sitemap {
    position: absolute;
    left: 50%;
    margin-left: -540px;
	*margin-left: -85px;
}

.head_quick {
    text-align: right;
    z-index: 58;
}

.head_quick ul {
    padding-right: 20px
}

.head_quick li {
    display: inline
}

.head_quick li a {
    font-family: "Roboto";
    font-size: 10px;
    font-weight: 600;
    line-height: 40px;
    color: #fff
}

.head_quick li a:before {
    content: "";
    display: inline-block;
    width: 1px;
    height: 7px;
    background: #fff;
    vertical-align: middle;
    margin: 0 10px
}

.head_quick li:first-child a:before {
    margin-left: 0;
    background: none
}

.head_quick li #all_menu.open {
    background-position: -77px 0;
    text-indent: -999px;
    font-size: 0;
    display: block;
    width: 24px;
    height: 24px;
    position: absolute;
    top: 15px;
    right: -20px
}

.head_quick li #all_menu.open:before {
    display: none
}

#sub_bg {
    width: 100%;
    height: 336px;
    background: #21293e;
    background: rgba(33, 41, 62, 0.9);
    display: none;
    z-index: 55
}

#gnb,
#sitemap {
    top: 0;
    text-align: right;
    z-index: 55
}

#gnb li,
#sitemap li {
    display: inline-block;
    height: 336px;
    text-align: center;
    border-color: #fff;
    border-left: 1px solid rgba(255, 255, 255, 0);
	*float: left;
}

#gnb li>a,
#sitemap li>a {
    display: block;
    margin: 0 15px;
    padding: 40px 5px 0;
    font-size: 16px;
    font-weight: 600;
    line-height: 40px;
    letter-spacing: -1px;
    color: #fff;
	text-decoration: none;
}

#gnb li>ul,
#sitemap li>ul {
    display: none;
    position: absolute;
    padding-top: 30px
}

#sitemap li>ul {
	display: block;
}

#gnb li>ul>li,
#sitemap li>ul>li {
    display: block;
    height: 28px;
	text-align: left;
}

#gnb li>ul>li>a,
#sitemap li>ul>li>a {
    font-size: 13px;
    line-height: 28px;
    letter-spacing: -1px;
    color: #fff;
    text-decoration: none;
    padding: 0 0 0 8px;
}

#gnb li>ul>li>a:hover,
#sitemap li>ul>li>a:hover {
    color: #fd3b6d;
    border-bottom: 0 !important
}

#gnb li.active,
#sitemap li.active {
    border-color: #fff;
    border-color: rgba(255, 255, 255, 0.1)
}

#gnb li.active>a,
#sitemap li.active>a {
    border-bottom: 3px solid #fd3b6d
}

#sitemap>li {
    border-color: #fff;
    border-color: rgba(255, 255, 255, 0.1);
    padding: 0 20px;
    min-width: 85px
}

#sitemap>li>a {
    font-weight: 700;
    color: #fd3b6d
}

#sitemap>li>ul {
    padding-top: 25px
}

.bx-wrapper {
    border: 0;
    box-shadow: none
}

.footer {
    clear: both;
    padding: 35px 0;
    border-top: 1px solid #e8e8e9
}

.footer .foot_brand {
    width: 320px;
    padding-left: 40px;
    float: left
}

.footer .address {
    width: 540px;
    float: left;
    font-size: 13px;
    line-height: 19px;
    color: #6e6e6e
}

.footer .address .footer_menu {
    margin-bottom: 30px
}

.footer .address .footer_menu li {
    display: inline
}

.footer .address .footer_menu a {
    font-size: 18px;
    line-height: 22px;
    letter-spacing: -2px;
    color: #3c3c3c
}

.footer .address .footer_menu a:after {
    content: "";
    display: inline-block;
    width: 1px;
    height: 12px;
    background: #d5d5d5;
    margin: 0 15px;
    line-height: 22px
}

.footer .address .copyright {
    display: block;
    font-family: "Roboto";
    font-size: 12px;
    line-height: 18px;
    color: #c8c7c7;
    padding-top: 15px
}

.footer .banner {
    float: right;
    width: 174px
}

.footer .banner img {
    margin-bottom: 5px
}


/* 퀵메뉴 */
.f5_quick {
	position: fixed;
	top: 475px; right: 3%;
	width: 80px;
	z-index: 999;
}
.quick_menu_btn,
.f5_quick.on .quick_menu_panel:after {
	display: inline-block;
	background: url(/images/skin5011/ico_quick.png) no-repeat;
}
.quick_menu_btn {
	width: 82px; height: 82px;
	margin-bottom: -41px;
	background-position: -90px 0;
	cursor: pointer;
}
.f5_quick .quick_menu_panel {
	display: none;
}
.f5_quick.on .quick_menu_panel:after {
	display: block;
	height: 40px;
	content:"";
}
.f5_quick .panel_inner {
	padding-top: 60px;
	background: #f2f2f2;
	text-align: center;
}
.f5_quick .panel_inner:after {
	content:"";
	display: block;
	clear: both;
}
.quick_menu_panel .panel_inner li a {
	font-size: 14px; font-weight: bold; line-height: 24px; color: #5f5f5f;

}
.quick_menu_panel .panel_inner li a:hover { 
	font-weight: 700; 
}