@charset "utf-8";
body{position:relative; margin:0; padding:0; background-color:#f8f8f8; color:#333; font-size:12px}
#cameron-body{position:relative; z-index:1}

/*--[ 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:#333}
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 ]--*/
.cw-container{width:100%; position:relative; clear:both}
.cameron-container{position:relative}

/* ---------------------------------------------------------------------- */
/*	HEADER
/* ---------------------------------------------------------------------- */
#header{border-top:3px solid #232323; -moz-box-shadow:0 1px 1px rgba(0,0,0,.1); -webkit-box-shadow:0 1px 1px rgba(0,0,0,.1); box-shadow:0 1px 1px rgba(0,0,0,.1); z-index:97}
.darkset #header{height:97px; background-color:#323232; border-bottom:8px solid #f8f8f8}
.lightset #header{height:105px; background-color:#fff}
#logo{position:relative}
#logo img{margin-top:20px}
#logo .widein-logo{display:inline-block; width:233px; height:31px; margin-top:34px; background:url(../img/logo_colorset1.png) no-repeat}

/*--[ 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:-3px}
#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; font-weight:700; text-decoration:none; outline:none}
#sf-menu a:hover{text-decoration:none}
/* 1st */
#sf-menu > li{float:left}
#sf-menu a.nav1st{padding:41px 25px 41px 25px; border-top:3px solid transparent; text-align:center; line-height:normal; font-size:13px; letter-spacing:-0.08px; text-transform:uppercase}
@media \0screen\,screen\9 {
	#sf-menu a.nav1st{padding-top:40px}
}
.darkset #sf-menu a.nav1st{color:#fff}
.lightset #sf-menu a.nav1st{border-bottom:8px solid transparent; color:#333}
#sf-menu a.sign1st{padding-left:37px}
#sf-menu a.nav1st .fa{position:absolute; display:block; top:42px; left:20px; font-size:14px}
.darkset #sf-menu a.nav1st .fa{color:#fff}
.lightset #sf-menu a.nav1st .fa{color:#333}
#sf-menu a.nav1st .fa-user{left:22px; font-size:13px}
#sf-menu a.nav1st:hover,
#sf-menu a.nav1st:focus,
#sf-menu li:hover a.nav1st,
#sf-menu li.current1 a.nav1st{background:url(../img/opacity20.png) repeat; background:rgba(0,0,0,.2); border-top-color:#ea5859; -moz-transition:none; -o-transition:none; -ms-transition:none; -webkit-transition:none; transition:none}
.lightset #sf-menu a.nav1st:hover,
.lightset #sf-menu a.nav1st:focus,
.lightset #sf-menu li:hover a.nav1st,
.lightset #sf-menu li.current1 a.nav1st{background:#fff; border-bottom-color:#ea5859}

/* 2nd */
#sf-menu ul{display:none; position:absolute; top:100%; left:0; z-index:99; min-width:12em; *width:12em; padding-top:10px; padding-bottom:10px; background:#fff; border-top:8px solid #ea5859; box-shadow:2px 2px 6px rgba(0,0,0,.05)}
.lightset #sf-menu ul{margin-top:-8px}
#sf-menu li:hover > ul,
#sf-menu li.sfHover > ul{display:block}
#sf-menu ul li a{margin-left:30px; margin-right:30px; padding-top:12px; padding-bottom:12px; border-top:1px solid #f2f2f2; color:#4c4c4c}
#sf-menu ul li:first-child a.nav2nd{border-top:1px solid #fff}
#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{color:#ea5859}
/* 3rd */
#sf-menu ul ul{top:0; left:100%; padding:0; border:1px solid #eee; border-top-color:#ea5859; box-shadow:0px 0px 0px rgba(0,0,0,.06)}
#sf-menu ul ul li a{margin-left:15px; margin-right:15px}
#sf-menu ul ul li:first-child a.nav3rd{border-top:0}

/*-- Arrows --*/
/* 2nd~ */
.sf-arrows ul li > .sf-with-ul:after{content:'\f105'; position:absolute; top:50%; right:-12px; margin-top:-6px; 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:#ea5859}


/* ---------------------------------------------------------------------- */
/*	SECTION
/* ---------------------------------------------------------------------- */
.darkset .section1,.darkset .section3,.darkset .section5{background-color:#fff}
.darkset .section2,.darkset .section4,.darkset .section6{background-color:#f8f8f8}
.lightset .section1,.lightset .section3,.lightset .section5{background-color:#f9f9f9}
.lightset .section2,.lightset .section4,.lightset .section6{background-color:#fff}


/* ---------------------------------------------------------------------- */
/*	PAGE TITLE, BREADCRUMB
/* ---------------------------------------------------------------------- */
#widein_title{padding-top:25px; padding-bottom:25px; border-bottom:1px solid #eee; -moz-box-shadow:0 1px 1px rgba(0,0,0,.1); -webkit-box-shadow:0 -1px 3px rgba(0,0,0,.1); box-shadow:0 -1px 3px rgba(0,0,0,.1); z-index:96}
#widein_title h1.page_title,
#widein_title h3.page_description{display:inline-block; margin:0; padding:0; font-family:'Nanum Gothic','Malgun Gothic',돋움,sans-serif; font-weight:700}
#widein_title h1.page_title{margin-right:20px; margin-left:10px; font-size:18px; color:#333}
#widein_title h3.page_description{font-size:12px; color:#999}
#widein_breadcrumb ul{float:right; margin:5px 0 0 0; padding:0; list-style:none}
#widein_breadcrumb li{float:left; margin:0 0 0 6px; padding:0}
#widein_breadcrumb li a{color:#9f9f9f}
#widein_breadcrumb li.home a,
#widein_breadcrumb li a:hover{color:#666}


/* ---------------------------------------------------------------------- */
/*	MAIN SLIDER
/* ---------------------------------------------------------------------- */
#widein_slider{clear:both; -moz-box-shadow:0 1px 1px rgba(0,0,0,.1); -webkit-box-shadow:0 1px 1px rgba(0,0,0,.1); box-shadow:0 1px 1px rgba(0,0,0,.1); z-index:95}
.darkset #widein_slider{border-bottom:8px solid #f8f8f8}

/* ---------------------------------------------------------------------- */
/*	CONTENT
/* ---------------------------------------------------------------------- */
/*--[ Intro Icon ]--*/
#widein_intro{padding-top:50px; padding-bottom:50px; z-index:94}
#widein_intro .intro_image img{max-width:100%; margin-top:7px}

/*--[ Content ]--*/
#contents{padding-top:60px; padding-bottom:50px;/* z-index:93 */}
.lightset #contents{background-color:#fff}
#contents .fright{float:right}
#content > div{position:relative; padding-left:15px !important; padding-right:15px !important}
#content > div,
#content > div:before,
#content > div:after{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; *behavior:url(./layouts/widein/ie7/boxsizing.htc)}

/*--[ Gallery ]--*/
#widein_gallery{padding-top:60px; padding-bottom:80px; z-index:92}

/*--[ Custom Area ]--*/
#widein_custom{padding-top:60px; padding-bottom:50px; z-index:91}
#widein_custom img{max-width:100%; height:auto}


/* ---------------------------------------------------------------------- */
/*	SIDE
/* ---------------------------------------------------------------------- */
/*--[ Widgets ]--*/
#sidebar .side-widget{padding:0 0 50px}

/*--[ Search ]--*/
#isSearch{margin:0; padding:0}
#isSearch .searchOrder{display:none}
#isSearch .inputText{float:left; width:186px; height:14px; margin:0 5px 0 0; padding:13px 0 13px 10px; border:1px solid #dbdbdb; background:#fff; line-height:1.3; font-size:13px; color:#959393; outline:none}
#isSearch .submit{float:left; width:59px; height:42px; margin:0; padding:0; background:#ea5859; border:0; border-radius:3px; font-family:'Nanum Gothic','Malgun Gothic',돋움,sans-serif; font-weight:700; line-height:1.3; font-size:13px; color:#fff; outline:none; cursor:pointer; -webkit-appearance:none; -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}
#isSearch .submit:hover,
#isSearch .submit:focus{background-color:#4c4c4c}

/*--[ Side Menu ]--*/
#side_menu,
#side_menu ul,
#side_menu li{margin:0; padding:0; list-style:none}
/* 1st */
#side_menu .sm_title{display:block; margin:0 0 25px 0; padding-left:10px; background:url(../img/sm_titlebar.png) no-repeat left 2px; font-family:'Nanum Gothic','Malgun Gothic',돋움,sans-serif; font-weight:700; font-size:16px; color:#333}
/* 2nd */
#side_menu > li > ul > li{border-bottom:1px solid #eaeaea}
#side_menu > li > ul > li:last-child{border-bottom:0}
#side_menu a.sm2nd{position:relative; display:block; padding:16px 12px; font-family:'Nanum Gothic','Malgun Gothic',돋움,sans-serif; font-weight:700; font-size:13px; color:#808080; 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:#ea5859}
/* 3rd */
#side_menu .sm3rd-ul{display:none; padding:16px 12px 8px; border-top:1px solid #eee}
#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.sm3rd:after{display:none; content:'\f105'; position:absolute; top:50%; left:2px; margin-top:-6px; width:0; height:0; font-family:FontAwesome; font-style:normal; font-weight:normal; font-size:11px; line-height:1; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; color:#4c4c4c}
#side_menu li.current3 a.sm3rd:after{display:block; color:#ea5859}

#side_menu a.sm2nd:hover,
#side_menu a.sm2nd:focus,
#side_menu a.active{background-color:#fff}
#side_menu a:hover,
#side_menu a:focus,
#side_menu li.current2 a.sm2nd,
#side_menu li.current3 a.sm3rd{color:#ea5859}


/* ---------------------------------------------------------------------- */
/*	FOOTER
/* ---------------------------------------------------------------------- */
#footer{padding-top:60px; padding-bottom:60px; border-top:1px solid #eee; z-index:90}
#footer.darkarea{background:#4c4c4c; border-top-color:#323232}
#footer .contact_title{margin:0 0 25px 0; padding:0; line-height:1.2; font-family:'Nanum Gothic','Malgun Gothic',돋움,sans-serif; font-weight:700; font-size:14px; color:#333}
#footer.darkarea .contact_title{color:#fff}
#footer .contact{font-style:normal}
#footer .contact p{position:relative; margin:0; padding:5px 0 5px 30px; *padding-left:0; font-family:돋움,sans-serif; line-height:1.4; font-size:12px; color:#444}
#footer.darkarea .contact p{color:#c0c0c0}
#footer .contact p a{color:#c0c0c0}
#footer .contact p:before{position:absolute; top:50%; left:0; display:block; font-family:FontAwesome; font-style:normal; font-weight:normal; line-height:1}
#footer .contact p.address:before{content:"\f015"; margin-left: -1px; margin-top:-10px; font-size:20px}
#footer .contact p.tel:before{content:"\f095"; margin-left: 1px; margin-top:-10px; font-size:20px}
#footer .contact p.fax:before{content:"\f02f"; margin-top:-10px; font-size:18px}
#footer .contact p.email:before{content:"\f0e0"; margin-top:-10px; font-size:17px}
#footer .contact p.other{margin-top:32px; padding-top:0; padding-bottom:0; background:url(../img/contact_other.png) repeat-y left top}

/* ---------------------------------------------------------------------- */
/*	FOOTER
/* ---------------------------------------------------------------------- */
#footer-bottom{background:#323232; padding-top:28px; padding-bottom:28px}

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

/*--[ Option Navigation ]--*/
#option_nav ul{margin:0 0 5px 0; padding:0; list-style:none; text-align:center}
#option_nav li{display:inline-block; margin:0 5px 0 0; padding:0; font-family:굴림; font-size:12px; color:#8c8c8c}
#option_nav li:after{content:'|'; display:inline-block; margin-left:1px; font-size:11px; color:#8c8c8c}
#option_nav li:last-child{margin-right:0; padding-right:0}
#option_nav li:last-child:after{content:''; margin-left:0}
#option_nav li a{color:#8c8c8c}
#option_nav li a:hover,
#option_nav li a:focus{color:#ea5859}

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


/* ---------------------------------------------------------------------- */
/*	ACCESSORY
/* ---------------------------------------------------------------------- */
/*--[ Button ]--*/
.widein_btn{display:inline-block; padding:16px 64px; background:#ea5859; border:0; border-radius:3px; font-family:'Nanum Gothic','Malgun Gothic',돋움,sans-serif; 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}

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


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

@media screen and (max-width:1199px){
	#sf-menu a.nav1st{padding-left:15px; padding-right:15px}
	#sf-menu a.sign1st{padding-left:37px}
}

@media screen and (max-width:991px){
	/*--[ HEADER ]--*/
	#logo{display:block; text-align:center}
	
	/*--[ CONTENT ]--*/
	#contents .fright{float:none}
	#content img{max-width:100%; height:auto}

	/*--[ CONTENT > Intro ]--*/
	#widein_intro .intro_image{margin-bottom:60px; text-align:center}
	
	/*--[ FOOTER ]--*/
	#footer .footer_latest{display:none}

	/*--[ Widget ]--*/
	#content.widget-page > div{float:none !important; width:100% !important}
	.wbox_responsive,
	.mobile-hidden{display:none !important}
}

@media screen and (max-width:767px){
	/*--[ BREADCRUMB ]--*/
	#widein_breadcrumb{display:none}
	
	/*--[ CONTENT ]--*/
	#contents{padding-top:30px}
	#contents .fright{float:none}
	
	/*--[ SIDEBAR ]--*/
	#sidebar{float:none; width:100%; margin-top:50px}
	#sidebar .side-widget img{width:100%; height:auto; max-width:100%}
	
	/*--[ FOOTER > Contact Info ]--*/
	#footer .contact p{float:left; margin-right:20px}
	#footer .contact p.address{float:none}
}

@media screen and (max-width:479px){
	.widein_btn{width:100%}
	#cpreview{display:none}
}


/* ---------------------------------------------------------------------- */
/*	XE FIX
/* ---------------------------------------------------------------------- */
/*--[ Page Fix ]--*/
#content .btnArea{margin:0 !important; padding-top:10px !important; padding-bottom:10px !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:#333}
.xm .nav-tabs,
.xc .nav-tabs{border-bottom:0}
.xm .nav-tabs>li,
.xc .nav-tabs>li{margin:0 5px 5px 0; font-family:'Nanum Gothic','Malgun Gothic',돋움,sans-serif; font-weight:700}
.xm .nav-tabs>li>a,
.xc .nav-tabs>li>a{padding:12px 18px; background-color:#fff; border:1px solid #e6e6e6; border-radius:3px; line-height:1.3; font-size:13px; color:#a2a2a2}
.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:11px; background-color:#ea5859; border:1px solid #ea5859; color:#fff}
.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:#333}
.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%}
}