@charset "utf-8";
body{margin:0; padding:0; background-color:#f8f8f8; color:#3a3a3a; 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 > *{color:#3a3a3a; 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}
.cameron-container{position:relative}

/* ---------------------------------------------------------------------- */
/*	HEADER
/* ---------------------------------------------------------------------- */
#header{height:99px; background-color:#323232; border-top:3px solid #232323; border-bottom:9px solid #f8f8f8; -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}
#logo{position:relative}
#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}
#main-nav ul{margin:0; padding:0; list-style:none}
#main-nav > ul{margin-top:-3px}
#main-nav li{position:relative; float:left; margin:0; padding:0; list-style:none}
#main-nav a{font-size:12px; display:block; position:relative; font-family:'Nanum Gothic',돋움; font-weight:700; outline:none; z-index:98; color:#fff}
#main-nav a:hover{text-decoration:none}
#main-nav a.nav1st{padding:42px 25px 43px 25px; border-top:3px solid transparent; text-align:center; letter-spacing:-0.08px; text-transform:uppercase; font-size:12px; line-height:1.2}
#main-nav a.sign1st{padding-left:37px}
#main-nav a.nav1st i{position:absolute; display:block; top:42px; left:20px; font-size:14px; color:#fff}
#main-nav a.nav1st i.fa-user{left:22px; font-size:13px}
#main-nav a.nav1st:hover,
#main-nav .hover a.nav1st,
#main-nav .current a.nav1st{background-color:#282828; border-top-color:#ea5859}

/* Dropdown */
#main-nav ul ul{display:none; position:absolute; top:102px; left:0; width:160px; padding:17px 0 10px; background:#fff; border-top:10px solid #ea5859; box-shadow:2px 2px 6px rgba(0,0,0,.05); min-width:12em; z-index:99}
#main-nav ul ul li{float:none; position:relative; padding:0 30px; white-space:nowrap}
#main-nav a.nav2nd{display:block; position:relative; padding:12px 0; border-top:1px solid #f2f2f2; color:#4c4c4c}
#main-nav ul ul li:first-child a.nav2nd{padding-top:6px; border-top:none}
#main-nav a.nav2nd:hover, #main-nav a.nav2nd:focus, #main-nav ul ul .current a.nav2nd{color:#ea5859}

/* Responsive Nav */
#main-nav-mobile{margin:20px 0}
#main-nav-mobile .responsive-nav{margin:0; background-color:#f8f8f8; background-image:url(../img/responsive-nav-bg.png); background-position:center right; background-repeat:no-repeat; -webkit-appearance:none; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; color:#8f8f8f; vertical-align:middle}
#main-nav-mobile select, #main-nav-mobile option{height:50px; padding-top:14px; padding-bottom:14px; border:1px solid #ccc; border-radius:4px; font-size:12px; line-height:1.5; font-family:'Nanum Gothic',돋움; font-weight:700; cursor:pointer}

#main-nav-mobile .responsive-sign{margin:0; padding-top:0; padding-bottom:0}
#main-nav-mobile .responsive-sign li{position:relative; float:left; margin:0; padding:0; list-style:none}
#navSign{display:block; width:50px; height:50px; background:url(../img/responsive-sign.png) no-repeat left top}
#main-nav-mobile .responsive-sign ul{display:none; position:absolute; top:70px; right:0; width:160px; padding:17px 0 10px; background:#fff; border-top:10px solid #ea5859; box-shadow:2px 2px 6px rgba(0,0,0,.05)}
#main-nav-mobile .responsive-sign ul li{position:relative; float:none; padding:0 30px; white-space:nowrap}
#main-nav-mobile .responsive-sign ul li a{display:block; position:relative; padding:12px 0; border-top:1px solid #f2f2f2; color:#4c4c4c}
#main-nav-mobile .responsive-sign ul li:first-child a{padding-top:6px; border-top:none}
#main-nav-mobile .responsive-sign ul li a:hover, #main-nav-mobile .responsive-sign ul li a:focus{color:#ea5859}


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


/* ---------------------------------------------------------------------- */
/*	PAGE TITLE, BREADCRUMB
/* ---------------------------------------------------------------------- */
#widein_title{padding-top:25px; padding-bottom:25px; -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'}
#widein_title h1.page_title{margin-right:20px; font-size:16px; color:#3a3a3a}
#widein_title h3.page_description{font-size:12px; color:#bababa}
#widein_breadcrumb ul{float:right; margin: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{border-bottom:9px solid #f8f8f8; -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}


/* ---------------------------------------------------------------------- */
/*	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}
#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 .widget{margin: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'; line-height:1.3; font-size:13px; color:#fff; 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}
#isSearch .submit:hover,
#isSearch .submit:focus{background-color:#4c4c4c}

/*--[ Side Menu ]--*/
#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',돋움; font-weight:700; font-size:16px; color:#3a3a3a}
#side_menu, #side_menu ul, #side_menu li{margin:0; padding:0; list-style:none}
#side_menu .acc-trigger{display:block; margin:0; cursor:pointer; border-bottom:1px solid #eaeaea}
#side_menu .acc-trigger a{display:block; padding:15px 12px 15px 12px; color:#808080; text-decoration:none; text-shadow:none; font-family:'Nanum Gothic',돋움; font-weight:700; font-size:13px}
#side_menu .acc-trigger a:hover,
#side_menu .acc-trigger a:focus,
#side_menu .current a{background-color:#fff; color:#ea5859}


/* ---------------------------------------------------------------------- */
/*	FOOTER
/* ---------------------------------------------------------------------- */
#footer{background:#4c4c4c; padding-top:60px; padding-bottom:60px; border-top:5px solid #323232; z-index:90}
#footer .contact_title{margin:0 0 25px 0; padding:0; line-height:1.2; font-family:'Nanum Gothic', 돋움; font-size:14px; font-weight:700; color:#fff}
#footer .contact{font-style:normal}
#footer .contact p{position:relative; margin:0; padding:5px 0 5px 30px; *padding-left:0; font-family:돋움; line-height:1.4; font-size:12px; 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 ]--*/
#back-to-top, .touch-device #back-to-top:hover{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:10px; right:10px; text-decoration:none; text-indent:-99px; z-index:10000; outline:medium none}
#back-to-top:hover,
#back-to-top: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'; font-size:13px; font-weight:700; 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}


/* ---------------------------------------------------------------------- */
/*	FONT
/* ---------------------------------------------------------------------- */
/*--[ Nanum Gothic ]--*/
@font-face{font-family:'Nanum Gothic'; font-style: normal; font-weight:700;
	src:url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.eot);
	src:url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
		url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.woff2) format('woff2'),
		url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.woff) format('woff'),
		url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.ttf) format('truetype');
}


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

@media screen and (max-width:991px){
	/*--[ HEADER ]--*/
	#header{height:auto}
	#logo{display:block; text-align:center}
	
	/*--[ CONTENT ]--*/
	#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{display:none}
}

@media screen and (max-width:767px){
	/*--[ CONTENT ]--*/
	#contents .fright{float:none}
	
	/*--[ SIDEBAR ]--*/
	#sidebar{float:none; width:100%}
	#sidebar .widget{margin-bottom:20px}
	#sidebar .widget img{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'; font-weight:700; color:#3a3a3a}
.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'; 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'; 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%}
}



.pp {display:block;margin:0; padding-bottom:15px; font-family:Tahoma,Geneva,sans-serif,굴림; font-size:13px; color:#fff}