@charset "utf-8";
html, body{width:100%; height:100%; min-height:100%}
html{margin:0; padding:0; font-family:'Noto Sans KR','Nanum Gothic','Malgun Gothic',돋움,sans-serif}
body{position:relative; margin:0; padding:0; font-family:'Noto Sans KR','Nanum Gothic','Malgun Gothic',돋움,sans-serif; font-size:12px}

/*--[ Clearfix ]--*/
.newclearfix:after{clear:both; content:' '; display:block; font-size:0; height:0; line-height:0; visibility:hidden; width:0}
* html .newclearfix,:first-child+html .newclearfix{zoom:1}

/*--[ a ]--*/
a, a > *{text-decoration:none; -webkit-transition:background-color .1s ease, border .1s ease, color .1s ease, opacity .1s ease-in-out; -moz-transition:background-color .1s ease, border .1s ease, color .1s ease, opacity .1s ease-in-out; -ms-transition:background-color .1s ease, border .1s ease, color .1s ease, opacity .1s ease-in-out; -o-transition:background-color .1s ease, border .1s ease, color .1s ease, opacity .1s ease-in-out; transition:background-color .1s ease, border .1s ease, color .1s ease, opacity .1s ease-in-out}
a:hover{text-decoration:none}

/*--[ Skip To Content ]--*/
.skipNav{width:100%; margin:0 auto; background:#fff; text-align:center}
.skipNav a{position:absolute; left:0; top:0; width:1px; height:0; display:block; padding:5px 0; overflow:hidden; color:#999; text-decoration:none; white-space:nowrap}
.skipNav a:hover,.skipNav a:active,.skipNav a:focus{position:relative; height:auto; width:auto}


/* ---------------------------------------------------------------------- */
/*	HEADER TOP
/* ---------------------------------------------------------------------- */
#header-top{position:relative; height:33px; background-color:#3aa6d8; z-index:98}

/* Top */
.top-link{float:left; height:33px; line-height:33px}

/* Sign */
.sign-link{float:right}
.sign-link ul{margin:0; padding:0; list-style:none}
.sign-link ul li{float:left; height:33px; line-height:33px; margin:0; padding:0 15px}
.sign-link a{display:block; font-family:'Noto Sans KR','Nanum Gothic','Malgun Gothic',돋움,sans-serif; font-weight:400; font-size:13px; color:#fff; outline:none}
.sign-link a:focus{color:#e1e1e1}

/* Language Select */
.garden-lang{float:right; padding-left:15px; padding-right:15px}
.garden-lang ul{margin:0; padding:0; list-style:none}
.garden-lang li{position:relative; height:33px; line-height:33px; margin:0; padding:0}
.garden-lang li a.langToggle{display:block; font-family:'Noto Sans KR','Nanum Gothic','Malgun Gothic',돋움,sans-serif; font-weight:400; font-size:13px; color:#fff}

.garden-lang .langList{display:none; position:absolute; top:33px; left:0; width:100px; background:#fdfdfd}
.garden-lang .langList li a{display:block; padding:8px 16px; border-right:1px solid #e1e1e1; border-left:1px solid #e1e1e1; font-family:Arial, 돋움,sans-serif; font-size:12px; color:#666; white-space:nowrap; cursor:pointer; outline:none}
.garden-lang .langList li:first-child a{border-top:1px solid #e1e1e1}
.garden-lang .langList li:last-child a{border-bottom:1px solid #e1e1e1}
.garden-lang .langList li a:focus,
.garden-lang .langList li a:hover{background-color:#909090; border-right:1px solid #909090; border-left:1px solid #909090; color:#fff}
.garden-lang .langList li:first-child a:focus,
.garden-lang .langList li:first-child a:hover{border-top:1px solid #909090}
.garden-lang .langList li:last-child a:focus,
.garden-lang .langList li:last-child a:hover{border-bottom:1px solid #909090}

/* Search */
#header-top .isearch{float:right; width:170px; margin-left:15px}
#header-top #isearch{margin:0; padding:0; background:url(../img/opacity08.png); background:rgba(0,0,0,.08)}
#header-top #isearch .inputText{float:left; width:130px; height:33px; margin:0; padding:0 0 0 10px; border:0; background:none; font-size:13px; color:#fff; outline:none}
#header-top #isearch .submit{float:left; width:40px; height:33px; margin:0; padding:0; background:url(../img/isearch.png) no-repeat center center; background-size:50%; border:0; border-radius:0; outline:none; cursor:pointer; -webkit-appearance:none; -webkit-transition:opacity .1s ease-in-out; -moz-transition:opacity .1s ease-in-out; -ms-transition:opacity .1s ease-in-out; -o-transition:opacity .1s ease-in-out; transition:opacity .1s ease-in-out; filter:alpha(opacity=80); opacity:.8; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/isearch.png', sizingMethod='scale'); -ms-filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/isearch.png', sizingMethod='scale')}
#header-top #isearch .submit:hover,
#header-top #isearch .submit:focus{filter:alpha(opacity=100); opacity:1; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/isearch.png', sizingMethod='scale'); -ms-filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/isearch.png', sizingMethod='scale')}


/* ---------------------------------------------------------------------- */
/*	HEADER
/* ---------------------------------------------------------------------- */
#header{position:relative; height:87px; background-color:#fff; border-bottom:1px solid #dedede; z-index:97}

/*--[ Logo ]--*/
.garden-logo{float:left}
#logo{position:relative}
#logo .garden-logoi{display:inline-block; width:233px; height:31px; margin-top:15px; background:url(../img/logo.png) no-repeat}
#logo img{margin-top:10px; max-height:60px}

/*--[ Main Navigation ]--*/
.garden-nav{float:right}
#main-nav li{line-height:1.2}
#main-nav a{outline:none}

/* Nav 1st */
#main-nav .nav1st-ul{position:relative; margin:0; padding:0; list-style:none}
#main-nav .nav1st-li{float:left; margin:0; padding:0; list-style:none}
#main-nav .nav1st-li a.nav1st{position:relative; display:block; height:86px; padding:26px 30px 27px; text-align:center; font-family:'Noto Sans KR','Nanum Gothic','Malgun Gothic',돋움,sans-serif; font-weight:400; font-size:12px; border-left:1px solid #dedede; z-index:2}
#main-nav .nav1st-li:first-child a.nav1st{border-left:0}
#main-nav .nav1st-li a.nav1st .nav1st-ko{display:block; font-size:16px; font-weight:500; color:#333}
#main-nav .nav1st-li a.nav1st .nav1st-en{display:block; margin-top:4px; font-size:12px; font-weight:400; color:#9e9e9e}
#main-nav .nav1st-li.hover a.nav1st > span,
#main-nav .current a.nav1st > span{color:#3aa6d8}
#main-nav .nav1st-li.hover a.nav1st-:after{display:block; content:' '; position:absolute; bottom:-1px; left:50%; margin-left:-8px; width:0; border-style:solid; border-width:0 7px 8px; border-color:#fff transparent; z-index:1}
#main-nav .nav1st-li.hover a.nav1st-:before{display:block; content:' '; position:absolute; bottom:0px; left:50%; margin-left:-8px; width:0; border-style:solid; border-width:0 7px 8px; border-color:#c9c9c9 transparent; z-index:0}

/* Nav 2nd */
#main-nav .nav2nd-box{display:none; position:absolute; top:86px; right:0; width:880px; border-bottom:6px solid #3aa6d8; box-shadow:2px 2px 6px rgba(0,0,0,.05); z-index:1}
#main-nav .nav2nd-ul{margin:0; padding:20px 15px; background:#fff; border:1px solid #c9c9c9; border-bottom:0; list-style:none}
#main-nav .nav2nd-li{float:left; width:170px; padding:1px 1px 1px 1px}
#main-nav .nav2nd-li.nav2nd-img{width:auto; padding-right:25px; padding-bottom:15px}
#main-nav .nav2nd-li a.nav2nd{display:block; padding:9px 14px 9px 18px; border-radius:5px; font-family:'Noto Sans KR','Nanum Gothic','Malgun Gothic',돋움,sans-serif; font-weight:500; font-size:15px; color:#333}
#main-nav .nav2nd-li a.nav2nd:hover,
#main-nav .nav2nd-li a.nav2nd:focus,
#main-nav .nav2nd-li.current a.nav2nd{background-color:#3aa6d8; color:#fff}

/* Nav 3rd */
#main-nav .nav3rd-ul{margin:10px 0 0 0; padding:11px 8px 0 4px; border-top:1px solid #e8e8e8; list-style:none}
#main-nav .nav3rd-li{position:relative; margin:0 0 8px 0; padding:0}
#main-nav .nav3rd-li a.nav3rd{display:block; padding-left:8px; background:url(../img/nav3rd.png) no-repeat left center; font-family:'Noto Sans KR','Nanum Gothic','Malgun Gothic',돋움,sans-serif; font-weight:400; font-size:13px; color:#666}
#main-nav .nav3rd-li a.nav3rd:hover,
#main-nav .nav3rd-li a.nav3rd:focus,
#main-nav .nav3rd-li.current a.nav3rd{color:#3aa6d8}
#main-nav .nav3rd-desc a.nav3rd{display:block; line-height:1.6; font-family:'Noto Sans KR','Nanum Gothic','Malgun Gothic',돋움,sans-serif; font-weight:400; font-size:12px; color:#888}
#main-nav .nav3rd-desc a.nav3rd:hover,
#main-nav .nav3rd-desc a.nav3rd:focus{color:#666}


/*--[ Main Navigation Mobile ]--*/
#main-nav-mobile{border-top:1px solid #ddd}
#main-nav-mobile ul{margin:0; padding:0; list-style:none}
#main-nav-mobile li{margin:0; padding-top:0; padding-bottom:0; background:#fcfcfc; border-right:1px solid #ddd; border-bottom:1px solid #ddd; font-weight:normal; font-size:0.917em; color:#333}
#main-nav-mobile li:last-child{border-right:0}
#main-nav-mobile li a{display:block; height:40px; line-height:1.3; padding-top:5px; padding-bottom:5px; overflow:hidden; text-align:center; color:#333}
#main-nav-mobile li a .nav1st-ko{display:block; font-size:13px; font-weight:700; color:#333}
#main-nav-mobile li a .nav1st-en{display:block; font-size:11px; font-weight:400; color:#9e9e9e}
#main-nav-mobile li.hover a > span,
#main-nav-mobile li.current a > span{color:#3aa6d8}
@media (min-width:768px) {
	#main-nav-mobile li{font-size:1em}
}


/* ---------------------------------------------------------------------- */
/*	PAGE TITLE, BREADCRUMB, DIRECT ACT
/* ---------------------------------------------------------------------- */
#garden_title{position:relative; padding:8px 0; -moz-box-shadow:0 1px 1px rgba(0,0,0,.2); -o-box-shadow:0 1px 1px rgba(0,0,0,.2); -webkit-box-shadow:0 1px 1px rgba(0,0,0,.2); box-shadow:0 1px 1px rgba(0,0,0,.2); z-index:96}
#garden_breadcrumb{float:left; padding:7px 0 6px}
#garden_breadcrumb ul{margin:0; padding:0; list-style:none}
#garden_breadcrumb li{float:left; margin:0 6px 0 0; padding:0; font-family:'Noto Sans KR','Nanum Gothic','Malgun Gothic',돋움,sans-serif; font-weight:400; font-size:13px; color:#888}
#garden_breadcrumb li a{color:#888}
#garden_breadcrumb li:last-child a{color:#444}
#garden_breadcrumb li.home i.fa{font-size:16px}
#garden_breadcrumb li a:hover{color:#333}

#direct-act{float:right; position:relative}
#direct-act .direct-btn{height:31px !important; padding:5px 10px !important; line-height:1.5 !important}
#direct-act .direct-btn{color:#fff; text-shadow:none}
#direct-act .direct-btn:hover,
#direct-act .direct-btn:focus{background-color:#eee !important; border-color:#ccc !important; color:#333 !important}

#garden_titlei{position:relative; background-repeat:no-repeat; background-position:center top; background-size:cover; background-color:#fcf5ef; border-bottom:6px solid #ebebeb; z-index:95}
#garden_titlei .container{padding-top:45px; padding-bottom:45px; text-align:center}
#garden_titlei .page-title{display:inline-block; line-height:1.7; margin:0; padding:5px 50px; background-color:#3aa6d8; text-align:center; font-family:'Noto Sans KR','Nanum Gothic','Malgun Gothic',돋움,sans-serif; font-weight:500; color:#fff}
#garden_titlei .page-title span{display:block}
#garden_titlei .page-main-title{font-size:24px}
#garden_titlei .page-sub-title{font-size:16px}


/* ---------------------------------------------------------------------- */
/*	SLIDER
/* ---------------------------------------------------------------------- */
#garden_slider{position:relative; clear:both; background-image:url("../img/top_main.jpg"); background-repeat:no-repeat; background-size:cover; background-position:center center; border-bottom:1px solid #dedede; z-index:94}


/* ---------------------------------------------------------------------- */
/*	CONTENT
/* ---------------------------------------------------------------------- */
#contents{position:relative; background-color:#f2f2f2;/* z-index:93 */}
.main #contents{padding:10px 0}
#content{margin-bottom:60px}
.sub #contents{padding:30px 0 10px}
.sub .content-bg{padding:30px; background-color:#fff; border:1px solid #ddd}
#contents .contents-illust{position:absolute; bottom:0; right:5%}
#contents .contents-illust img{width:300px; height:auto}

#content .xe_content,
#content .rhymix_content{padding:15px; background-color:#fff; border:1px solid #ccc; color:#333}
.sub #content.content-bg .xe_content,
.sub #content.content-bg .rhymix_content{padding:0; background:none; border:0}
#content .xe_content h1{margin:15px 0; padding:0; font-family:'Noto Sans KR','Nanum Gothic','Malgun Gothic',돋움,sans-serif}
#content .xe_content h2{margin:15px 0; padding:0; font-family:'Noto Sans KR','Nanum Gothic','Malgun Gothic',돋움,sans-serif}
#content .xe_content h3{margin:10px 0; padding:0; font-family:'Noto Sans KR','Nanum Gothic','Malgun Gothic',돋움,sans-serif}
#content .xe_content h4{margin:10px 0; padding:0; font-family:'Noto Sans KR','Nanum Gothic','Malgun Gothic',돋움,sans-serif}
#content .xe_content h5{margin:10px 0; padding:0; font-family:'Noto Sans KR','Nanum Gothic','Malgun Gothic',돋움,sans-serif}
#content .xe_content small{font-weight:normal; color:#777}
#content .xe_content ul{margin:0; padding:0; list-style:none}
#content .xe_content .list-group-item-text{color:#777}

.text-left{text-align:left}
.text-right{text-align:right}
.text-center{text-align:center}
.text-justify{text-align:justify}
.text-nowrap{white-space:nowrap}
.text-lowercase{text-transform:lowercase}
.text-uppercase{text-transform:uppercase}
.text-capitalize{text-transform:capitalize}




/* ---------------------------------------------------------------------- */
/*	SIDE
/* ---------------------------------------------------------------------- */
#contents .aside-box{background:#fff; margin-bottom:15px}
#contents .aside-boxs{background:#fff; margin-bottom:15px; padding:15px; border:1px solid #dedede}
#contents .current-nav{background:#3aa6d8; padding:15px; color:#fff}
#contents .current-nav .aside-title{margin:0; font-family:'Noto Sans KR','Nanum Gothic','Malgun Gothic',돋움,sans-serif; font-weight:500; font-size:22px}
#contents .current-nav .aside-description{margin:0; font-weight:400; font-size:12px}

/*--[ Side Menu ]--*/
#side_menu,
#side_menu ul,
#side_menu li{margin:0; padding:0; list-style:none}
/* 2nd */
#side_menu > li > ul{border:1px solid #dedede; border-top:0; padding:0 15px}
#side_menu > li > ul > li{border-bottom:1px solid #f2f2f2}
#side_menu > li > ul > li:last-child{border-bottom:0}
#side_menu a.sm2nd{position:relative; display:block; padding:15px 0; font-family:'Noto Sans KR','Nanum Gothic','Malgun Gothic',돋움,sans-serif; font-weight:400; font-size:15px; color:#444; text-decoration:none; text-shadow:none; cursor:pointer; outline:none}
#side_menu a.sm2nd:after{content:'\f105'; position:absolute; top:50%; right:15px; margin-top:-8px; width:0; height:0; font-family:FontAwesome; font-style:normal; font-weight:normal; font-size:15px; line-height:1; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; color:#666}
#side_menu a.sm3rd-trigger:after{content:'\f106'; position:absolute; top:50%; right:15px; margin-top:-7px; width:0; height:0; font-family:FontAwesome; font-style:normal; font-weight:normal; font-size:13px; line-height:1; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; color:#4c4c4c}
#side_menu a.sm3rd-trigger.active:after{content:'\f107'; color:#3aa6d8}
/* 3rd */
#side_menu .sm3rd-ul{display:none; padding:16px 12px 8px}
#side_menu li.current2 .sm3rd-ul{display:block}
#side_menu a.sm3rd{position:relative; display:block; margin-bottom:12px; padding:0 0 0 10px; font-family:'Noto Sans KR','Nanum Gothic','Malgun Gothic',돋움,sans-serif; font-weight:700; font-size:12px; color:#888; text-decoration:none; text-shadow:none; cursor:pointer; outline:none}

#side_menu a:hover,
#side_menu a:focus,
#side_menu a:hover:after,
#side_menu a:focus:after,
#side_menu li.current2 a.sm2nd,
#side_menu li.current3 a.sm3rd{font-weight:bold; color:#3aa6d8}


/* ---------------------------------------------------------------------- */
/*	FOOTER
/* ---------------------------------------------------------------------- */
#footer{position:relative; height:33px; background-color:#3aa6d8; z-index:92}

/*--[ Option Navigation ]--*/
#option_nav{float:left}
#option_nav ul{margin:0; padding:0; list-style:none}
#option_nav li{float:left; height:33px; margin:0 30px 0 0; padding:0; line-height:33px; font-family:'Noto Sans KR','Nanum Gothic','Malgun Gothic',돋움,sans-serif; font-weight:400; font-size:13px; color:#fff}
#option_nav li:last-child{margin-right:0}
#option_nav li a{color:#fff}
#option_nav li a:hover,
#option_nav li a:focus{color:#fff}

/*--[ Site Go ]--*/
#footer .garden-sitego{position:relative; float:right}
#footer .garden-sitego select{float:left; margin:0; padding:10px 12px 9px 12px; background:url(../img/opacity08.png); background:rgba(0,0,0,.08); border:0; border-radius:0; line-height:1.2; font-family:Arial, 돋움,sans-serif; font-size:12px; font-weight:normal; color:#fff; -webkit-appearance:none; cursor:pointer}
#footer .garden-sitego select option{margin:0; padding:0; background:#3aa6d8; border:0; font-family:Arial, 돋움,sans-serif; font-size:12px; font-weight:normal; color:#fff; -webkit-appearance:none; cursor:pointer}
#footer .garden-sitego input.goGo{float:left; width:35px; height:33px; line-height:33px; margin:0; padding:0; background:url(../img/opacity15.png); background:rgba(0,0,0,.15); border:0; border-radius:0; font-size:12px; color:#fff; cursor:pointer; -webkit-appearance:none; -webkit-transition:background-color .1s ease; -moz-transition:background-color .1s ease; -ms-transition:background-color .1s ease; -o-transition:background-color .1s ease; transition:background-color .1s ease}
#footer .garden-sitego input.goGo:hover,
#footer .garden-sitego input.goGo:focus{background:url(../img/opacity20.png); background:rgba(0,0,0,.2)}


/* ---------------------------------------------------------------------- */
/*	FOOTER BOTTOM
/* ---------------------------------------------------------------------- */
#footer-bottom{position:relative; background:#fff; padding-top:11px; padding-bottom:10px; z-index:91}

/*--[ Contact ]--*/
#footer-bottom .garden-contact{margin-bottom:15px}
#footer-bottom .logo_footer{float:left; margin-right:20px}
#footer-bottom .contact_infor,
#footer-bottom .contact_info{font-style:normal}
#footer-bottom .contact_info p,
#footer-bottom .contact_infor p{position:relative; margin:0; padding:3px 0; font-family:'Noto Sans KR','Nanum Gothic','Malgun Gothic',돋움,sans-serif; font-weight:400; line-height:1.4; font-size:12px; color:#666}
#footer-bottom .contact_info p{float:left; margin-right:20px; padding-left:20px;}
#footer-bottom .contact_info p:before{position:absolute; top:50%; left:0; display:block; font-family:FontAwesome; font-style:normal; font-weight:normal; line-height:1}
#footer-bottom .contact_info p.address:before{content:"\f015"; margin-left: -1px; margin-top:-10px; font-size:20px}
#footer-bottom .contact_info p.tel:before{content:"\f095"; margin-left: 1px; margin-top:-10px; font-size:20px}
#footer-bottom .contact_info p.fax:before{content:"\f02f"; margin-top:-9px; font-size:18px}
#footer-bottom .contact_info p.email:before{content:"\f0e0"; margin-top:-9px; font-size:17px}
#footer-bottom .contact_info p a{color:#888}

/*--[ Copyright ]--*/
#footer-bottom .copyright{margin:0; padding:0; font-family:Tahoma,Geneva,sans-serif,굴림; font-size:12px; color:#999}

/*--[ Back to Top ]--*/
#sTop, .touch-device #sTop:hover{display:none; position:fixed; bottom:30px; right:10px; height:39px; width:39px; background:url(../img/arrows.png) no-repeat scroll -78px 0 #333; background-color:rgba(0, 0, 0, .5); overflow:hidden; text-decoration:none; text-indent:-999px; z-index:999; outline:none}
#sTop:hover,
#sTop:focus{background-color:#3aa6d8}


/* ---------------------------------------------------------------------- */
/*	Placeholder
/* ---------------------------------------------------------------------- */
::-webkit-input-placeholder{color:#aaa !important}
:-moz-placeholder{color:#aaa !important}
:-ms-input-placeholder{color:#aaa !important}
.text-placeholder{color:#aaa !important}


/* ---------------------------------------------------------------------- */
/*	CAMERON IE HACK
/* ---------------------------------------------------------------------- */
/*--[ IE 8~11 ]--*/
@media screen\0 {
	#main-nav .nav2nd-box{top:85px}
}

/*--[ IE 8 ]--*/
@media \0screen {
}

/*--[ IE 6~7 ]--*/
@media screen\9 {
	#main-nav .nav2nd-box{top:86px}
	#footer-bottom .contact_info p{padding-left:0}
	#footer .garden-sitego select{margin-top:6px; padding:0}
	#footer .garden-sitego input.goGo{width:35px; height:20px; line-height:20px; margin-top:7px}
}

/*--[ Firefox ]--*/
@-moz-document url-prefix() {
}


/* ---------------------------------------------------------------------- */
/*	Reponsive Embed
/* ---------------------------------------------------------------------- */
.embed-container{position:relative; padding-bottom:56.25%; height:0; overflow:hidden; max-width:100%}
.embed-container iframe,
.embed-container object,
.embed-container embed{position:absolute; top:0; left:0; width:100%; height:100%}


/* ---------------------------------------------------------------------- */
/*	CAMERON XE FIX
/* ---------------------------------------------------------------------- */
/*--[ Font Fix ]--*/
body, button, input, select, table, textarea{font-family:'Noto Sans KR','Nanum Gothic','Malgun Gothic',돋움,sans-serif; font-weight:400}
.radio,
.checkbox{display:inline-block}

/*--[ Bootstrap Fix ]--*/
.x .x_form-search input, .x .x_form-inline input, .x .x_form-horizontal input, .x .x_form-search textarea, .x .x_form-inline textarea, .x .x_form-horizontal textarea, .x .x_form-search select, .x .x_form-inline select, .x .x_form-horizontal select, .x .x_form-search .x_help-inline, .x .x_form-inline .x_help-inline, .x .x_form-horizontal .x_help-inline, .x .x_form-search .x_uneditable-input, .x .x_form-inline .x_uneditable-input, .x .x_form-horizontal .x_uneditable-input, .x .x_form-search .x_input-prepend, .x .x_form-inline .x_input-prepend, .x .x_form-horizontal .x_input-prepend, .x .x_form-search .x_input-append, .x .x_form-inline .x_input-append, .x .x_form-horizontal .x_input-append{box-sizing:content-box}

/*--[ Button ]--*/
input.btn,
button.btn,
.btn-group .btn,
.btn-garden{display:inline-block; box-sizing:content-box; height:32px !important; line-height:32px !important; padding-right:30px !important; padding-left:30px !important; background-color:#eee; border-color:#ccc; box-shadow:none !important; font-size:16px !important; color:#333; text-shadow:none !important; appearance:none}
.btn-garden:hover,
.btn-garden:focus{background-color:#aaa9a9 !important;; color:#fff !important;}
.btn-garden.active{background-color:#3aa6d8; border-color:#3aa6d8; color:#fff}
.btn-garden.active:hover,
.btn-garden.active:focus{background-color:#aaa9a9 !important; border-color:#aaa9a9 !important;}

/*--[ Button ]--*/
.widein_btn{display:inline-block; padding:16px 64px; background:#208cbd; border:0; border-radius:3px;font-weight:700; font-size:13px; color:#fff !important; text-decoration:none; outline:none; cursor:pointer; -webkit-transition:background-color .2s ease; -moz-transition:background-color .2s ease; -ms-transition:background-color .2s ease; -o-transition:background-color .2s ease; transition:background-color .2s ease}
.widein_btn,
.widein_btn:before,
.widein_btn:after{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box}
.widein_btn:hover,
.widein_btn:focus{background:#4c4c4c !important; text-decoration:none !important; color:#fff !important}



/*--[ Page Fix ]--*/
#content .btnArea{margin:0 !important; padding-top:10px !important; padding-bottom:10px !important}

/*--[ Member ]--*/
.xm{max-width:800px; margin:0 auto; padding-top:30px; padding-bottom:30px}
.xm h1,
.xc h1{margin:0 0 20px 0; padding:0 0 20px 0; border-bottom:1px solid #efefef; font-family:'Noto Sans KR','Nanum Gothic','Malgun Gothic',돋움,sans-serif; font-weight:700; color:#333}
.xm .nav-tabs,
.xc .nav-tabs{border-bottom:0}
.xm .nav-tabs>li,
.xc .nav-tabs>li{margin-right:5px; margin-bottom:5px; font-family:'Noto Sans KR','Nanum Gothic','Malgun Gothic',돋움,sans-serif; font-weight:400}
.xm .nav-tabs>li>a,
.xc .nav-tabs>li>a{height:40px; line-height:40px; padding:0 15px; background-color:#fff; border:1px solid #ccc; border-radius:0; font-size:14px; color:#333}
.xm .nav-tabs>li>a:hover,
.xc .nav-tabs>li>a:hover,
.xm .nav-tabs>.active>a,
.xm .nav-tabs>.active>a:hover,
.xc .nav-tabs>.active>a,
.xc .nav-tabs>.active>a:hover{padding-bottom:5px; background-color:#3aa6d8; border:1px solid #3aa6d8; color:#fff}
.xm .login-header h1{padding:0; border-bottom:0}
.xm .form-horizontal .control-label{font-family:'Noto Sans KR','Nanum Gothic','Malgun Gothic',돋움,sans-serif; font-weight:400; color:#3a3a3a}
.xm input[type="text"], .xm input[type="password"], .xm input[type="email"], .xm input[type="url"], .xm input[type="search"], .xm input[type="tel"]{padding:0 15px}

.krZip .krzip-postcode-wrap label,
.krZip .krzip-address-wrap label{display:block; margin:15px 0}

.krZip .krzip-postcode{vertical-align:middle}
.krZip .krzip-search{height:50px !important; line-height:50px !important; vertical-align:middle; border:1px solid #ccc}

.krZip .krzip-postcode,
.krZip .krzip-roadAddress,
.krZip .krzip-jibunAddress,
.krZip .krzip-extraAddress,
.krZip .krzip-detailAddress{height:50px; line-height:50px; padding:0 8px; font-size:20px}
.krZip .krzip-roadAddress,
.krZip .krzip-jibunAddress,
.krZip .krzip-extraAddress,
.krZip .krzip-detailAddress{display:block; margin:15px 0}
.krZip .krzip-jibunAddress{display:none}


/* ---------------------------------------------------------------------- */
/*	Reponsive
/* ---------------------------------------------------------------------- */

@media (max-width:1199px) {
	#main-nav .nav1st-li a.nav1st{padding-right:20px; padding-left:20px}
	#main-nav .nav1st-li a.nav1st .nav1st-ko{font-size:15px}
	#main-nav .nav1st-li a.nav1st .nav1st-en{font-size:11px}
	#content{margin-bottom:60px}
}

@media (max-width:991px) {
	#header{height:auto; border-bottom:0}

	.garden-logo{float:none; text-align:center}
	#logo img{margin-bottom:15px}
	
	.garden-nav{float:none}
	#main-nav .nav1st-li a.nav1st{border-top:1px solid #dedede}
	#main-nav .nav1st-li a.nav1st .nav1st-ko{font-size:13px}
	#main-nav .nav1st-li a.nav1st .nav1st-en{font-size:10px}
	#main-nav-mobile li a .nav1st-en{font-size:10px}

	#content .xe_content{margin-bottom:15px}
	.xe-widget-wrapper{float:none !important; width:100% !important; margin:15px 0 !important}
}

@media (max-width:767px) {
	#garden_breadcrumb ul li strong{font-size:28px}
	.sub #contents{padding-top:0}
	.sub .content-bg{border-right:0; border-left:0}
	#garden_titlei .container{height:auto; line-height:1.7; padding:0}
	#garden_titlei .page-sub-title{font-size:14px}
	.btn-group .btn{height:30px !important; line-height:30px !important; padding-right:15px !important; padding-left:15px !important; font-size:14px !important}
	.xm .nav-tabs>li>a,
	.xc .nav-tabs>li>a{height:30px; line-height:30px; padding-right:15px; padding-left:15px; font-size:12px}
}

@media (max-width:479px) {
	#option_nav{float:none; display:inline-block}
	#footer{height:auto; padding-top:5px; padding-bottom:5px; text-align:center}
	#footer .garden-sitego{float:none; display:inline-block}
	#footer-bottom .logo_footer{float:none; margin:5px 0 15px; text-align:center}
	.xm .form-horizontal .control-label{float:none; width:auto; text-align:left}
	.xm .form-horizontal .controls{margin-left:0}
	.widein_btn{width:100%}
}

@media (min-width:992px) {
	#garden_slider .gardenSlider .bx-wrapper .bx-controls-direction{max-width:980px; left:50% !important; margin-left:-490px !important}
}