@charset "utf-8";
body{position:relative; margin:0; padding:0; color:#3a3a3a; font-size:12px}
body#style-box{background:#f5f5f5}
::-moz-selection{color:#fff; text-shadow:none}
::selection{color:#fff; text-shadow:none}
#cameron-body{position:relative; z-index:1}
#style-open #cameron-body{border-top:2px solid #3a3a3a}

/*--[ 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{color:#3a3a3a}
a, a > *{text-decoration:none; -webkit-transition:background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out; -moz-transition:background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out; -ms-transition:background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out; -o-transition:background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out; transition:background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out}
a:hover{text-decoration:none}

/*--[ Container ]--*/
.cameron-container{margin:0 auto; position:relative; width:940px; padding:0 20px}
#style-box .cameron-container{background-color:#fff}

/*--[ Columns ]--*/
.one-half, .one-third, .two-third, .one-fourth, .three-fourth{float:left; margin-right:20px}
.one-half.last, .one-third.last, .two-third.last, .one-fourth.last, .three-fourth.last{margin-right:0px}
.one-half{width:460px}
.one-third{width:300px}
.two-third{width:620px}
.one-fourth{width:220px}
.three-fourth{width:700px}


/* ---------------------------------------------------------------------- */
/*	HEADER
/* ---------------------------------------------------------------------- */
#header{border-bottom:1px solid #efefef; height:80px; z-index:97}
#style-box #header{border-top:2px solid #3a3a3a}
#style-open #header{padding-left:0; padding-right:0}
#logo{position:absolute; top:10px}
#logo .smart-logo{display:inline-block; width:258px; height:47px; background-image:url(../img/colorset1_logo.png); background-repeat:no-repeat}
#style-box #logo{left:20px}

/*--[ 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}

/*--[ Main Navigation ]--*/
#main-nav{float:right}
#sf-menu,
#sf-menu ul,
#sf-menu li{margin:0; padding:0; list-style:none}
#sf-menu{margin-top:-2px}
#sf-menu li{position:relative; white-space:nowrap; *white-space:normal; -moz-transition:background .2s; -o-transition:background .2s; -ms-transition:background .2s; -webkit-transition:background .2s; transition:background .2s}
#sf-menu a{position:relative; display:block; zoom:1; white-space:nowrap; *white-space:normal; font-family:'Nanum Gothic','Malgun Gothic',돋움,sans-serif; font-size:12px; line-height:1.2; font-weight:700; color:#3a3a3a; text-decoration:none; outline:none}
#sf-menu a:hover{text-decoration:none}
/* 1st */
#sf-menu > li{float:left}
#sf-menu a.nav1st{padding:28px 22px 32px 22px; padding-bottom:31px\9; border-top:2px solid transparent; border-bottom:5px solid transparent; text-align:center; font-size:13px; letter-spacing:-1px; text-transform:uppercase}
#sf-menu a.nav1st:hover,
#sf-menu a.nav1st:focus,
#sf-menu li:hover a.nav1st,
#sf-menu li.current1 a.nav1st{border-top-color:#f26859; border-bottom-color:#f26859; color:#f26859; -moz-transition:none; -o-transition:none; -ms-transition:none; -webkit-transition:none; transition:none}
/* 2nd */
#sf-menu ul{display:none; position:absolute; top:100%; left:0; z-index:99; min-width:12em; *width:12em; background:#fff; border:1px solid #eaeaea; border-top:0}
#sf-menu li:hover > ul,
#sf-menu li.sfHover > ul{display:block}
#sf-menu ul li a{padding:12px 20px; border-top:1px solid #f5f5f5; color:#666}
#sf-menu ul li:first-child a.nav2nd{border-top:1px solid #eaeaea}
#sf-menu ul li a:hover,
#sf-menu ul li a:focus,
#sf-menu ul li.sfHover a.nav2nd,
#sf-menu ul li.current2 a.nav2nd,
#sf-menu ul li.current3 a.nav3rd{background-color:#f8f8f8; border-top-color:#eaeaea; color:#f26859}
/* 3rd */
#sf-menu ul ul{top:0; left:100%}

/*-- Arrows --*/
/* 1st */
.sf-arrows li a.nav1st:after{display:none; content:''; position:absolute; bottom:0; left:50%; margin-left:-6px; width:0; height:0; border-bottom:8px solid #f26859; border-left:6px solid transparent; border-right:6px solid transparent}
.sf-arrows li a.nav1st:hover:after,
.sf-arrows li a.nav1st:focus:after,
.sf-arrows li:hover a.nav1st:after,
.sf-arrows li.current1 a.nav1st:after{display:block}
/* 2nd~ */
.sf-arrows ul li > .sf-with-ul:after{content:'\f105'; position:absolute; top:50%; right:20px; 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}
.sf-arrows ul li > .sf-with-ul:hover:after,
.sf-arrows ul li > .sf-with-ul:focus:after,
.sf-arrows ul li:hover > .sf-with-ul:after{color:#f26859}


/* ---------------------------------------------------------------------- */
/*	CONTENT
/* ---------------------------------------------------------------------- */
.content{padding-bottom:20px}
.content.widget-page{padding-bottom:0}

/*--[ Page Header ]--*/
.main-page-header{border-bottom:1px solid #efefef}
.main-page-header.n-page-header{padding-bottom:20px; border-bottom:0}
.sub-page-header{border-bottom:1px solid #efefef; margin-bottom:32px}
.page-title{float:left; margin:0; padding:12px 0 14px 0; font-family:'Nanum Gothic','Malgun Gothic',돋움,sans-serif; color:#3a3a3a; font-size:16px; font-weight:700}

/*--[ Search ]--*/
#isSearch{width:96%; margin:0; padding:0; background-color:#fff}
#isSearch .searchOrder{display:none}
#isSearch .inputText{float:left; width:100%; height:14px; margin:0; padding:8px 0 8px 10px; background:#f8f8f8; border:1px solid #e8e8e8; border-radius:0; line-height:1.3; font-size:13px; color:#959393; -webkit-appearance:none; outline:none}
#isSearch .submit{width:32px; height:32px; margin-left:-33px; background:url(../img/searchbtn.png) center no-repeat; border-radius:0; -webkit-appearance:none}
.main-page-header .searchbox{float:left; width:200px; padding:7px 0 4px}

/*--[ Sign ]--*/
#signin{float:right; padding:15px 0 16px}
#signin ul{margin:0; padding:0; list-style:none}
#signin li{float:left; margin:0 7px; padding:0}
#signin li a{color:#aeaeae}

/*--[ Sub Content ]--*/
#sub{float:left; width:100%}
#sub.fright{float:right}
#sub.withs,.withs{width:680px}

/*--[ Sub Columns ]--*/
#sub .one-half{width:330px}
#sub .one-third{width:213px}
#sub .two-third{width:447px}
#sub .one-fourth{width:155px}
#sub .three-fourth{width:505px}


/* ---------------------------------------------------------------------- */
/*	SIDE
/* ---------------------------------------------------------------------- */
#sidebar{float:left; width:220px}
#sidebar.fright{float:right}

/*--[ Side Menu ]--*/
#side_menu,
#side_menu ul,
#side_menu li{margin:0; padding:0; list-style:none}
/* 2nd */
#side_menu > li > ul > li{border-bottom:1px dotted #ced8df}
#side_menu > li > ul > li:last-child{border-bottom:0}
#side_menu a.sm2nd{position:relative; display:block; padding:16px 0 16px 21px; background:url(../img/side-nav-arrow.png) no-repeat 8px center; font-family:'Nanum Gothic','Malgun Gothic',돋움,sans-serif; font-weight:700; font-size:13px; color:#888; text-decoration:none; text-shadow:none; cursor:pointer; outline:none}
#side_menu a.sm3rd-trigger:after{content:'\f106'; position:absolute; top:50%; right:20px; 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:#f26859}
/* 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:'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.sm2nd:hover,
#side_menu a.sm2nd:focus,
#side_menu a.active{background-color:#f8f8f8}
#side_menu a:hover,
#side_menu a:focus,
#side_menu li.current2 a.sm2nd,
#side_menu li.current3 a.sm3rd{color:#f26859}

/*--[ Widgets ]--*/
#sidebar .side-widget{padding-bottom:20px}
#sidebar .widget-title{margin:0 2px 12px; font-family:'Nanum Gothic','Malgun Gothic',돋움,sans-serif; font-weight:700; font-size:15px; color:#3a3a3a}


/* ---------------------------------------------------------------------- */
/*	FOOTER
/* ---------------------------------------------------------------------- */
#footer{position:relative; color:#868686}
#style-box #footer{background:#3a3a3a}
#style-open #footer{width:auto; margin:0; padding-left:0; padding-right:0; background:#3a3a3a}
#footer .footer_arrow{display:block; border-top:10px solid #fff; border-left:10px solid transparent; border-right:10px solid transparent; height:0; width:0; margin:0 auto}
#footer, #footer a,
#copyinfo, #copyinfo a{color:#949494}
#footer .line-bottom{padding-top:22px; padding-bottom:10px; background-image:url(../img/line-bottom.png); background-repeat:repeat-x; background-position:left 48px}
#style-open #footer .line-bottom{width:940px; margin:0 auto}
#footer .footer-l{float:left; padding-right:40px; background:#3a3a3a}
#footer .footer-r{float:left}

/*--[ Logo Bottom ]--*/
#logo-bottom img{margin-top:10px}
#logo-bottom .smart-logo-bottom{display:inline-block; width:258px; height:47px; background-image:url(../img/colorset1_logo_bottom.png); background-repeat:no-repeat}

/*--[ Bottom Navigation ]--*/
#bottom-nav{margin:0 0 12px; padding:0 0 12px}
#bottom-nav ul{margin:0; padding:0; list-style:none}
#bottom-nav li{float:left; margin:0 18px 0 0; padding:0}
#bottom-nav li:after{content:"|"; display:inline-block; margin-left:13px; font-size:11px; color:#4a4a4a}
#bottom-nav li:last-child{margin-right:0; padding-right:0}
#bottom-nav li:last-child:after{content:""; margin-left:0}
#bottom-nav li a{font-family:Arial,Helvetica,sans-serif,돋움; font-size:12px; color:#949494}

/*--[ Contact Info ]--*/
#contact-info{margin:0; padding:0; list-style:none}
#contact-info li{position:relative; float:left; margin:0 28px 5px 0; padding:0 0 0 24px; *padding-left:0; font-size:12px; line-height:1.5}
#contact-info li:before{position:absolute; top:50%; left:0; display:block; font-family:FontAwesome; font-style:normal; font-weight:normal; line-height:1}
#contact-info li.address{float:none}
#contact-info li.address:before{content:"\f015"; margin-left: -1px; margin-top:-11px; font-size:20px}
#contact-info li.phone:before{content:"\f095"; margin-left: 1px; margin-top:-10px; font-size:20px}
#contact-info li.fax:before{content:"\f02f"; margin-top:-10px; font-size:18px}
#contact-info li.email:before{content:"\f0e0"; margin-top:-9px; font-size:17px}


/* ---------------------------------------------------------------------- */
/*	FOOTER BOTTOM
/* ---------------------------------------------------------------------- */
#copyinfo{line-height:17px; padding-top:12px; padding-bottom:12px}
#style-box #copyinfo{background:#303030}
#style-open #copyinfo{width:auto; margin:0; padding-left:0; padding-right:0; background:#303030}

/*--[ Copyright and Option Navigation ]--*/
#copyinfo ul{margin:0; padding:0; list-style:none}
#style-open #copyinfo ul{width:940px; margin:0 auto}
#copyinfo li{float:left; margin:0 10px 0 0; padding:0; font-family:Arial,Helvetica,sans-serif,돋움; font-size:11px}
#copyinfo li:after{content:'|'; display:inline-block; margin-left:6px; font-size:11px; color:#4a4a4a}
#copyinfo li:last-child{margin-right:0; padding-right:0}
#copyinfo li:last-child:after{content:''; margin-left:0}

/*--[ Back to Top ]--*/
#sTop{display:none; position:fixed; right:20px; bottom:30px; width:45px; height:46px; overflow:hidden; background:url(../img/arrow-up-large.png) no-repeat center center; background-color:rgb(221, 221, 221); background-color:rgba(221, 221, 221, .7); -webkit-transition:all .2s ease; -moz-transition:all .2s ease; -ms-transition:all .2s ease; -o-transition:all .2s ease; transition:all .2s ease; text-indent:-999px; z-index:100}


/* ---------------------------------------------------------------------- */
/*	MEDIA QUERIES
/* ---------------------------------------------------------------------- */

@media screen and (max-width:959px){
	#content.widget-page > div{float:none !important; width:100% !important; margin:0 0 30px 0 !important}
	.xe_content  > div.woojin-page{float:none !important; width:100% !important; margin:0 0 30px 0 !important}
	#contents img{height:auto; max-width:100%}
	#bottom-nav{display:none}
	#style-open #copyinfo ul{width:auto}
	#contact-info li{border-bottom:1px dotted #4b4b4b; float:none; margin-left:0; padding-top:5px; padding-bottom:5px}
	#contact-info li:last-child{border-bottom:none}
	.wbox_responsive,
	.mobile-hidden{display:none !important}
}

@media screen and (min-width:768px) and (max-width:959px){
	.cameron-container{width:748px}
	
	/*--[ Columns ]--*/
	.one-half{width:364px}
	.one-third{width:236px}
	.two-third{width:492px}
	.one-fourth{width:172px}
	.three-fourth{width:556px}

	/*--[ HEADER ]--*/
	#header{height:67px}

	/*--[ HEADER > Main Navigation ]--*/
	#sf-menu a.nav1st{padding:24px 11px; padding-bottom:23px\9}

	/*--[ CONTENT > Sub Content ]--*/
	#sub{width:488px}
	#sub.withs,.withs{width:448px}
		
	/*--[ CONTENT > Sub Columns ]--*/
	#sub .one-half{width:234px}
	#sub .one-third{width:149px}
	#sub .two-third{width:319px}
	#sub .one-fourth{width:107px}
	#sub .three-fourth{width:361px}

	/*--[ FOOTER ]--*/
	#style-open #footer .line-bottom{width:748px}

}

@media screen and (max-width:767px){
	.cameron-container{width:300px}
	
	/*--[ Columns ]--*/
	.one-half, .one-third, .two-third, .one-fourth, .three-fourth{float:none; margin-right:0}
	.one-half, #sub .one-half{width:300px}
	.one-third, #sub .one-third{width:300px}
	.two-third, #sub .two-third{width:300px}
	.one-fourth, #sub .one-fourth{width:300px}
	.three-fourth, #sub .three-fourth{width:300px}
	
	/*--[ HEADER ]--*/
	#header{height:auto}
	#logo{display:block; position:relative; left:auto !important; bottom:auto !important; max-height:100%; padding:10px 0 0 0; text-align:center}
	
	/*--[ HEADER > Main Navigation ]--*/
	#main-nav{float:none; margin:20px 0 20px}
	#sf-menu > li{width:50%}
	#sf-menu a.nav1st{border-top:0; border-bottom-color:#efefef; padding:16px 20px 24px; padding-bottom:23px\9; }
	
	/*--[ CONTENT > Page Header ]--*/
	.page-title{float:none; text-align:center; font-size:18px}
	#signin{display:none}

	/*--[ CONTENT > Sub Content ]--*/
	#sub{padding-bottom:20px}
	#sub.withs,.withs{float:none !important; width:100% !important}
	
	/*--[ SIDEBAR ]--*/
	#sidebar{float:none !important; width:100% !important}
	#sidebar .side-widget img{width:100%; height:auto; max-width:100%}
	
	/*--[ FOOTER ]--*/
	#style-open #footer .line-bottom{width:300px}
	#footer .footer-l, #footer .footer-r{float:none}
	#footer .footer-l{margin-bottom:20px; padding-right:0; text-align:center}

	/*--[ FOOTER > Contact Info ]--*/
	#contact-info{margin-bottom:20px}
}

@media screen and (min-width:480px) and (max-width:767px){
	.cameron-container{width:420px}
	
	/*--[ Columns ]--*/
	.one-half, .one-third, .two-third, .one-fourth, .three-fourth{float:none; margin-right:0}
	.one-half, #sub .one-half{width:420px}
	.one-third, #sub .one-third{width:420px}
	.two-third, #sub .two-third{width:420px}
	.one-fourth, #sub .one-fourth{width:420px}
	.three-fourth, #sub .three-fourth{width:420px}
	
	/*--[ FOOTER ]--*/
	#style-open #footer .line-bottom{width:420px}
}

@media screen and (max-width:479px){
	.cameron-container{padding:0 10px}
	
	/*--[ HEADER > Main Navigation ]--*/	
	#sf-menu{display:none}

	/*--[ CONTENT ]--*/
	#content > div:last-child{margin-bottom:0 !important; padding-bottom:20px !important}

	/*--[ CONTENT > Search ]--*/
	.main-page-header .searchbox{width:100%; margin-top:0; margin-bottom:15px}
	
	/*--[ FOOTER > Bottom Navigation ]--*/	
	#footer-nav li{border-top:1px dotted #4b4b4b; padding:10px 0; width:100%}
	#footer-nav li:first-child{border-top:none}
	#footer-nav li a{border:none; padding:0}
	
	#cpreview{display:none}
}


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

/*--[ Member ]--*/
.xm h1,.xc h1{margin:0 0 20px 0; padding:0 0 20px 0; border-bottom:1px solid #efefef; font-family:'Nanum Gothic','Malgun Gothic',돋움,sans-serif; font-weight:700; color:#3a3a3a}
.xm .nav-tabs>li,.xc .nav-tabs>li{font-family:'Nanum Gothic','Malgun Gothic',돋움,sans-serif; font-weight:700}
.xm .login-header h1{padding:0; border-bottom:0}
.xm .form-horizontal{margin:0; padding:10px 0}
.xm .form-horizontal .control-label{padding-top:8px; font-family:'Nanum Gothic','Malgun Gothic',돋움,sans-serif; font-weight:700; 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:6px}

@media screen and (max-width:767px){
	/*--[ Content Image IE8 Fix ]--*/
	#content img{height:auto\9 !important}

	.xm .form-horizontal .control-group{margin-bottom:10px}
	.xm .form-horizontal .control-label{float:none; width:auto; text-align:left}
	.xm .form-horizontal .controls{margin-left:0}
	.xm input, .xm textarea{width:95%}
}