@charset "utf-8";
@import url('https://fonts.googleapis.com/earlyaccess/notosanskr.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, summary,
time, mark, audio, video,
a, span{
	margin:0; 
    padding:0; 
    border:0;
    /*vertical-align:top; */
    box-sizing:border-box; 
    -ms-box-sizing:border-box; 
    -moz-box-sizing:border-box; 
    -webkit-box-sizing:border-box;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -moz-tap-highlight-color: rgba(0,0,0,0);
    -webkit-appearance: none;
    -moz-appearance: none;
    -webkit-text-size-adjust:none;
    -moz-text-size-adjust:none;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display:block;}
ul, ol, dl{list-style:none;}
img, video{-width:100%; vertical-align:middle;}
a{text-decoration:none; color:inherit;}
table{border-collapse:collapse; border-spacing:0;}
input, select{vertical-align:top;}
button{cursor:pointer; margin:0; padding:0; border:none; background:none;vertical-align:top}
.blind, legend, hr{display:block; position:absolute; top:0; left:-1000em; width:1px; height:1px; margin:-1px; overflow:hidden;}
i, em, address{font-style:normal; font-weight:normal;}


input[type="text"], input[type="password"] {padding:2px 5px;}
input[type="checkbox"], input[type="radio"], label{ cursor:pointer; }
input[type="radio"] {margin:0; vertical-align:middle; position:relative; bottom:1px; width:17px; height:17px; border:0 !important;}
input[type="checkbox"] {border:1px solid #c2c2c2; background:#ffffff; margin:0; vertical-align:middle; position:relative; bottom:1px; border:0 !important;}



/*
	font-weight: 100;  -thin
	font-weight: 300;  -light
	font-weight: 400;  -regular
	font-weight: 500;  -medium
	font-weight: 700;  -bold
	font-weight: 900;  -black
*/


#wrap{width:100%;}


/* -------
    header
------------------------------------------------------------------ */
.util-menu{text-align:center}
.util-menu .util a{display:inline-block; padding:5px 10px; font-size:14px;}
.util-menu .util a.btn-login{position:relative; padding-left:40px; background:#edeef0; font-size:12px; text-align:center; color:#2a323f;}
.util-menu .util a.btn-login:before{content:''; display:inline-block; position:absolute; left:15px; width:20px; height:21px; background:url('/user/images/common/ico_login.png') left center no-repeat;}
.util-menu .util a.btn-join{position:relative; padding-left:40px; background:#2a323f; font-size:12px; text-align:center; color:#fff;}
.util-menu .util a.btn-join:before{content:''; display:inline-block; position:absolute; left:15px; width:20px; height:21px; background:url('/user/images/common/ico_join.png') left center no-repeat;}

.rd-navbar-default.rd-navbar-light.rd-navbar-static .rd-navbar-nav > li a, .rd-navbar-floated.rd-navbar-light.rd-navbar-static .rd-navbar-nav > li a, .rd-navbar-top-panel.rd-navbar-light.rd-navbar-static .rd-navbar-nav > li a{font-family: 'S-CoreDream-4Regular' !important;}

@media all and (min-width:1200px){
	.util-menu{position:relative;}
	.util-menu .util{position:absolute; top:0; right:0}
	.util-menu .util a{display:inline-block; margin-left:-4px; padding:10px 18px 10px 0; font-size:16px; color:#afadad; vertical-align:bottom;}
	.util-menu .util a > span{display:block;}
	.util-menu .util-btn{display:inline-block;}
	.rd-navbar-static.rd-navbar-logo-center .rd-navbar-nav > li > a {padding: 5px 10px;} /* padding: 5px 35px; */
}

@media all and (min-width:1280px){
	.rd-navbar-logo-center.rd-navbar-static .rd-navbar-top-block {padding: 25px 0 5px;}
	.rd-navbar-static.rd-navbar-logo-center .rd-navbar-nav > li > a {padding: 5px 22px;} /* padding: 5px 35px; */
	.rd-navbar-static.rd-navbar-logo-center .rd-navbar-nav > li + li {margin-left: 25px;}
}

@media all and (max-width:1199px){
	.rd-navbar-brand > a > img{height:40px}
	.util-menu .util > a:first-child:after{content:' ｜'; display:inline-block; padding-left:10px}
	.util-menu .util > a:nth-child(2){padding-left:0;}
	.util-menu .util a.btn-login, .util-menu .util a.btn-join{margin-top:8px}
	.rd-navbar-default.rd-navbar-fixed .rd-navbar-brand, .rd-navbar-floated.rd-navbar-fixed .rd-navbar-brand, .rd-navbar-top-panel.rd-navbar-fixed .rd-navbar-brand, .rd-navbar-logo-center.rd-navbar-fixed .rd-navbar-brand {
		display: block;
		position: fixed;
		top: 10px;
		left: 50%;
		transform:translateX(-50%);
		width: auto;
		z-index:100;
	}
}


/* -------
    footer
------------------------------------------------------------------ */
#footer{width:100%; background:#e9e9e9; color:#999}
#footer > .inner{padding:30px 0;}
#footer > .inner > div > div > ul:after{content:''; display:block; clear:both;}
#footer > .inner > div > div > ul > li{float:left; margin-bottom:8px;}
#footer > .inner > div > div > ul > li:after{content:'｜'; display:inline-block; padding:0 5px;}
#footer > .inner > div > div > ul > li:last-child:after{content:'';}
#footer > .inner > div > div > .footer-info > p{margin:0; font-size:14px}
.sns-wrap > ul{text-align:right; overflow:hidden;}
.sns-wrap > ul > li{display:inline-block; list-style:none;}
.sns-wrap > ul > li > a {display:block; width:40px; height:40px; font-size:0; overflow:hidden; margin:0 5px;} 
.sns-wrap > ul > li > a.sns_k {background:url('/user/images/common/ico_kakao.png') no-repeat center; } 
.sns-wrap > ul > li > a.sns_b { background:url('/user/images/common/ico_blog.png') no-repeat center;}
@media all and (max-width:991px){
	#footer > .inner{padding:30px 15px;}
	.sns-wrap > ul{margin-top:30px; text-align:left;}
}






#container{position:relative; width:100%;}




.main-visual{position:relative; width:100%; height:calc(100vh - 205px);}
.main-visual .img {position:absolute; left:0; top:0; right:0; bottom:0; width:100%; height:100%; background-size:cover; background-position:30% center}
.main-txt{padding:0 15px; font-size:18px; color:#fff; line-height:1.5; letter-spacing:-1px;}

@media all and (max-width:1199px){
	.main-visual{height:calc(100vh - 169px);}
	.main-txt > p > br{display:none}
}






/* 퀵메뉴 */
.floating_item {position: fixed; right: 40px; bottom: 100px; z-index: 9999; text-align: right}
.floating_item li+li {margin-top:7px}
.floating_item .link_item {
    display: inline-block;
    overflow: hidden;
    position: relative;
    width: 50px;
    height: 50px;
    -webkit-border-radius: 30px;
    border-radius: 30px;
    background-color: #4f72ad;
    text-align: center;
    -webkit-box-shadow: 3px 4px 10px 2px rgba(0,0,0,.2);
    box-shadow: 3px 4px 10px 2px rgba(0,0,0,.2);
    -webkit-transition: .2s ease-out;
    transition: .2s ease-out;
    -webkit-transform-origin: 0 100%;
    -ms-transform-origin: 0 100%;
    transform-origin: 0 100%
}

.floating_item .link_item:focus,.floating_item .link_item:hover {width: auto; padding: 0 25px; -webkit-border-radius: 30px; border-radius: 30px;}
.floating_item .link_item:focus .text,.floating_item .link_item:hover .text {display: inline-block; opacity: 1;}
.floating_item .link_item > i {display: inline-block; height: 50px; -webkit-border-radius: 50%; border-radius: 50%; font-size: 22px; line-height: 50px; color: #fff}
.floating_item .link_item .text {display: none; margin-left: 10px; font-size: 16px; vertical-align: top; line-height: 50px; color: #fff; white-space: nowrap; opacity: 0;}
.floating_item .moere_item:hover,.floating_item .top_item:hover {width: 50px; padding: 0}

@media screen and (max-width: 767px) {
	.floating_item{right:40px; bottom:25px;}
	.floating_item li{display:inline-block;}
	.floating_item li{margin:0 0 0 7px;}
	.floating_item .link_item{width:40px; height:40px;}
	.floating_item .link_item > i{line-height:40px;}
	.floating_item .link_item .text{line-height:40px;}
}

@media screen and (max-width: 479px) {
	.floating_item{right:15px;}
}