/*!
 * style.css - user defined styles for this theme.
 * Copyright (C) SmarTools Co. (https://smartools.co.kr)
*/


/*grey¹Ú½º*/
.grey-text-box {position:relative;padding:30px;margin:0 0 30px 0;border:1px solid #ddd; background-color:#fdfdfd;}
.grey-text-box span {font-weight:bold; font-size:24px; color:#C26D10;}

/*white¹Ú½º*/
.white-text-box {position:relative;padding:30px;margin:0 0 30px 0;border:1px solid #ddd; background-color:#FFFFFF;}
.white-text-box span {font-weight:bold; font-size:24px; color:#C26D10;}

/*yellow¹Ú½º*/
.yellow-text-box {position:relative;padding:30px;margin:0 0 30px 0;border:1px solid #ddd; background-color:#FDFFF0;}
.yellow-text-box span {font-weight:bold; font-size:24px; color:#C26D10;}

/*guide_box*/
.jj_guide_box {padding:30px;margin:0 0 30px 0;border:1px solid #ddd; background-color:#fdfdfd;}
.jj_guide_box span {font-size:130%;color:#C26D10;line-height:150%;}
.jj_guide_box span .orange {color:#FF6600;}
.jj_guide_box span .orange b{font-size:120%;}
.jj_guide_box p {padding:20px 0;line-height:160%;}
.jj_guide_box strong {font-size:115%;text-decoration:underline;color:#454545;}
.jj_guide_box a {margin:40px 0 0;height:47px;}


/*¼³¸í*/
.jj_intro {padding:30px;margin:0 0 30px 0; border:1px solid #ddd; background-color:#fdfdfd;}
.jj_intro strong {font-size:190%;color:#C26D10;}
.jj_intro strong .orange {color:#d87855;}
.jj_intro .jj_intro_box {padding:26px;margin:20px 0 30px 0; border:1px solid #ddd; background-color:#FDFFF0;line-height:170%;}
.jj_intro .jj_intro_box b {font-weight:bold;text-decoration:underline;color:#454545;}


/*Àλç*/
.jj_greet_box {padding:30px;margin:0px;border:1px solid #ddd; background-color:#fdfdfd;}
.jj_greet span {font-size:130%;color:#C26D10;line-height:150%;}
.jj_greet span .orange {color:#FF6600;}
.jj_greet span .orange b{font-size:120%;}
.jj_greet p {padding:20px 0;line-height:160%;text-align: justify;}
.jj_greet strong {font-size:115%;color:#454545;}
.jj_greet .jj_img {float:right}
.jj_greet .jj_img .jj_sign {float:right; padding:20px 0;line-height:160%; text-align:right;font-size:14px;}
.jj_greet .jj_img .jj_sign strong {font-weight:bold;color:#707070;}

/*table*/
.jj_tb_st01 {padding:0;width:100%; border-top:3px solid #AF621B;}

.jj_tb_st01 thead th	{font-size:15px;padding:10px;border-bottom:1px solid #dcdcdc; border-right:1px solid #dcdcdc; color:#685143;vertical-align:middle;background-color:#faf7ef;}
.jj_tb_st01 thead th.end{border-right:none;}
.jj_tb_st01 thead th.center{text-align:center; padding:10px;}

.jj_tb_st01 tbody th	{font-size:14px;padding:10px;text-align:left;border-bottom:1px solid #dcdcdc; border-right:1px solid #dcdcdc; vertical-align:middle; color:#685143; background-color:#f5f2eb;}
.jj_tb_st01 tbody th.end{border-right:none;}
.jj_tb_st01 tbody th.white{background-color:#fff;}
.jj_tb_st01 tbody th.right{text-align:right; padding:10px;}
.jj_tb_st01 tbody th.center{text-align:center; padding:10px;}
.jj_tb_st01 tbody th img {vertical-align:middle;}
.jj_tb_st01 tbody th .re-icon{padding-right:5px;}
.jj_tb_st01 tbody th span.small{font-size:10px;}

.jj_tb_st01 tbody td	{font-size:14px;padding:10px;border-bottom:1px solid #dcdcdc; border-right:1px solid #dcdcdc; }
.jj_tb_st01 tbody td.end{border-right:none;}
.jj_tb_st01 tbody td.right{text-align:right; padding:10px;}
.jj_tb_st01 tbody td.center{text-align:center; padding:10px;}
.jj_tb_st01 tbody td ul li{background:url('/images/common/blt04.gif') 0 10px no-repeat; padding:0 0 2px 7px; line-height:22px; font-size:14px;}
.jj_tb_st01 tbody td img {vertical-align:middle;}

.jj_tb_st01 input[type=text],input[type=password]{border:1px solid #c5c5c5; padding:4px; }
.jj_tb_st01 select{border:1px solid #c5c5c5; }
.jj_tb_st01 textarea{border:1px solid #c5c5c5; }

.cashbys div{ padding:10px }


.cashby div{ padding-top:12px;border-left:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc;min-height:80px }
.cashby div .hr { margin-top:5px;margin-bottom:5px;width:100%;padding:0px;margin-left:0px;margin-right:0px;display:block;border-top:1px solid #dcdcdc; }
.cashby div ul{ margin-left:-20px }
.cashby div ul li{ margin-left:0px;text-align:left }

.cashbye div{ padding-top:15px;border-left:1px solid #dcdcdc;min-height:120px }
.cashbye div .hr { margin-top:5px;margin-bottom:5px;width:100%;padding:0px;margin-left:0px;margin-right:0px;display:block;border-top:1px solid #dcdcdc; }
.cashbye div ul{ margin-left:-20px }
.cashbye div ul li{ margin-left:0px;text-align:left }

#spanID{ position:relative; top: 25%; left: 25%; }


@media screen and (max-width:1200px) {

.cashby div{ padding-top:12px;border-left:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc;min-height:100px }
.cashbye div{ padding-top:15px;border-left:1px solid #dcdcdc;min-height:140px }

}


@media screen and (max-width:990px) {

.cashbys{ display:none }
.start_p { border-right:1px solid #dcdcdc; }
.start_u { border-top:1px solid #dcdcdc; }
.cashby div{ padding-top:5px;border-bottom:1px solid #dcdcdc;min-height:30px }
.cashby div:first-child {padding-bottom:5px;border-top:3px solid #AF621B;font-size:15px;background:#faf7ef;}
.cashbye div{ padding-top:5px;border-bottom:1px solid #dcdcdc;min-height:30px }
.cashbye div:first-child {padding-bottom:5px;border-top:3px solid #AF621B;font-size:15px;background:#faf7ef;}
.cashby br{ margin-left:20px;margin-right:20px; }
.cashbye br{ margin-left:20px;margin-right:20px; }

}

/***
Á÷¿ø¼³¸í ¹× Èıâ ####################################################
***/
/* Testimonials */
.testimonials {
	max-width: 845px;/* ÃÖ´ë»çÀÌÁîÇÑÁ¤########### */
}

.testimonials blockquote {
    background: #f8f8f8 none repeat scroll 0 0;
    border: medium none;
    color: #666;
    display: block;
    font-size: 14px;
	font-weight:bold;
    line-height: 20px;
    padding: 15px;
    position: relative;
}
.testimonials blockquote::before {
    width: 0; 
    height: 0;
	right: 0;
	bottom: 0;
	content: " ";
	display: block;
	position: absolute;
    border-bottom: 20px solid #fff;
	border-right: 0 solid transparent;
	border-left: 15px solid transparent;
	border-left-style: inset; /*FF fixes*/
	border-bottom-style: inset; /*FF fixes*/
}
.testimonials blockquote::after {
    width: 0;
    height: 0;
    right: 0;
    bottom: 0;
    content: " ";
    display: block;
    position: absolute;
    border-style: solid;
    border-width: 20px 20px 0 0;
    border-color: #e63f0c transparent transparent transparent;
}
.testimonials .carousel-info img {
    border: 1px solid #f5f5f5;
    border-radius: 150px !important;
    height: 150px;
    padding: 3px;
    width: 120px;
}
.testimonials .carousel-info {
	margin-bottom:50px;
	overflow: hidden;
}
.testimonials .carousel-info img {
    margin-right: 15px;
}
.testimonials .carousel-info span {
    display: block;
}
.testimonials span.testimonials-name {
    color: #CA8528;
    font-size: 16px;
    font-weight: 500;
    margin: 23px 0 7px;
}
.testimonials span.testimonials-post {
    color: #656565;
    font-size: 12px;
}





/***
¸íºÎ¸®½ºÆ®¼¼·ÎÇü ####################################################
***/
/* Testimonials */
.jjtestimonials {
	max-width: 845px;/* ÃÖ´ë»çÀÌÁîÇÑÁ¤########### */
}

.jjtestimonials .jjcarousel-info img {
    border: 1px solid #f5f5f5;
    border-radius: 150px !important;
    height: 150px;
    padding: 3px;
    width: 120px;
}
.jjtestimonials .jjcarousel-info {
    text-align:center
	margin-bottom:50px;
	overflow: hidden;
}

.jjtestimonials .jjtestimonials-name {
    display: block;
    color: #CA8528;
    font-size: 16px;
    font-weight: 500;
	margin-bottom:50px;
}



/***
ÅǸ޴º ÆäÀÌÁö ####################################################
***/
/* Portlet */
.portlet {background: #fff;padding: 0px;max-width: 845px;/* ÃÖ´ë»çÀÌÁîÇÑÁ¤########### */}
.portlet.portlet-gray {	background: #fff;}
.portlet.portlet-bordered {	border: 1px solid #fff;}
/* Portlet Title */
.portlet-title {padding: 0;	font-size: 17px; font-weight: bold; min-height: 55px; border-bottom: 1px solid #eee;margin-bottom: 18px;}/* ÅÇÇϺμ± */
/* Tab */
.portlet-title > .nav-tabs {background: none;margin: 0;float: left;display: inline-block;border: 0;}
.portlet-title > .nav-tabs > li {background: #FDF8F0;margin-left:8px;border: 0;}/* Åǹè°æ»ö,ÅÇ°£¸¶Áø */
.portlet-title > .nav-tabs > li > a {background: none;border: 0;padding: 15px 35px 15px 35px;	color: #76360C;}/* Ådz»ºÎÆеù */
.portlet-title > .nav-tabs > li.active,.portlet-title > .nav-tabs > li.active:hover {border-bottom: 4px solid #f3565d;	position: relative; }/* ¼±ÅÃÅÇÇϺμ±»ö»ó */
.portlet-title > .nav-tabs > li:hover {border-bottom: 4px solid #FFB062;}/* ¿À¹öÅÇÇϺμ±»ö»ó */
.portlet-title > .nav-tabs > li.active > a,.portlet-title > .nav-tabs > li:hover > a {color: #fff;background: #76360C;border: 0;}/* ¼±ÅÃÅÇ»ö»ó */



/***
ÀÎÆ÷¸ÞÀÎ¼Ç Å¸ÀÌƲ ¼³¸í ¸µÅ© ####################################################
***/
/* info ¹Ú½º */
.box_info_jiahn {
    border-radius: 3px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    padding: 10px 25px;
	max-width: 845px;/* ÃÖ´ë»çÀÌÁîÇÑÁ¤########### */
    text-align: right;
    display: block;
    margin-top: 60px;
}
.box-icon_jiahn {
    background-color: #57a544;
    border-radius: 50%;
    display: table;
    height: 100px;
    margin: 0 auto;
    width: 100px;
    margin-top: -61px;
}
.box-icon_jiahn span {
    color: #fff;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}
.info_jiahn h4 {
    font-size: 26px;
    letter-spacing: 2px;
    text-transform: uppercase;
}
.info_jiahn > p {
    color: #717171;
    font-size: 16px;
    padding-top: 10px;
    text-align: justify;
}
.info_jiahn > a {
    background-color: #03a9f4;
    border-radius: 2px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    color: #fff;
    transition: all 0.5s ease 0s;
}
.info_jiahn > a:hover {
    background-color: #0288d1;
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.16), 0 2px 5px 0 rgba(0, 0, 0, 0.12);
    color: #fff;
    transition: all 0.5s ease 0s;
}




/*
bb¹öÆ°¼Âhttp://www.prowebdesign.ro/free-set-of-css3-buttons/
¿ë¹ý
µðÆúÆ®
<a class="bbBtn" href="#">Default button</a>
»ö»ó
<a class="bbBtn bbBtn-green" href="#">Green button</a>
»çÀÌÁî (small, normal, large)
<a class="bbBtn bbBtn-green bbBtn-small" href="#">Green button</a>
<a class="bbBtn bbBtn-green bbBtn" href="#">Green button</a>
<a class="bbBtn bbBtn-green bbBtn-large" href="#">Green button</a>
µðÀúºí - ¸Ç³¡¿¡ disabled
<a class="bbBtn bbBtn-green disabled" href="#">Green button</a>
±×¶óµð¾ðÆ®
<a class="bbBtn bbBtn-green bbBtn-gradient" href="#">Green button</a>
ÆùÆ®¾î½æ°úÈ¥ÇÕ - ÇöÀç´Â ¸·¾ÆµÒ
<a class="bbBtn bbBtn-green bbBtn-gradient" href="#">Green button<i class="icon-leaf"></i></a>
Ãß°¡»ö»ç¿ë - ¾Æ·¡¹æ½ÄÀ¸·Î Ãß°¡
.bbBtn-coffee{
    background-color: #BB9A79;
    border:1px solid #BB9A79;
}

*/
.bbBtn {
	display: inline-block;
	padding: 6px 18px;
	margin: 0 .1em .1em;
	font-family:Verdana, Geneva, sans-serif;
	font-size: 12px;
	line-height: 20px;
	text-decoration:none!important;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
	        border-radius: 3px;
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4);
	   -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4);
	        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4);
	background-color: #cdcfd0;
	border:1px solid #cdcfd0;
	color: #fff; 
}
.bbBtn:hover{
	border-bottom-color:rgba(0,0,0,.15);
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.7), 0 0px 7px rgba(0, 0, 0, 0.25);
	   -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.7), 0 0px 7px rgba(0, 0, 0, 0.25);
	        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.7), 0 0px 7px rgba(0, 0, 0, 0.25);
}
.bbBtn.active,
.bbBtn:active {
	margin-top:1px;
	padding-bottom:5px;
	-webkit-box-shadow: inset 0 0px 4px rgba(0, 0, 0, 0.12);
	   -moz-box-shadow: inset 0 0px 4px rgba(0, 0, 0, 0.12);
	        box-shadow: inset 0 0px 4px rgba(0, 0, 0, 0.12);
}
.bbBtn.disabled,
.bbBtn[disabled] {
	cursor: default;
	opacity: 0.65;
	filter: alpha(opacity=65);
	-webkit-box-shadow: none;
	   -moz-box-shadow: none;
	        box-shadow: none;
	padding: 6px 18px;
	margin: 0 .5em .5em;
	border-bottom-color:rgba(0,0,0,.0);
}
.bbBtn-small{
	padding: 3px 10px;
}
.bbBtn.bbBtn-small.disabled,
.bbBtn.bbBtn-small[disabled] {
	padding: 3px 10px;
}
.bbBtn-small.active,
.bbBtn-small:active{
	padding-bottom:2px;
}
.bbBtn-large{
	padding: 9px 25px;
	font-size:13px;
}
.bbBtn.bbBtn-large.disabled,
.bbBtn.bbBtn-large[disabled] {
	padding: 9px 25px;
}
.bbBtn-large.active,
.bbBtn-large:active{
	padding-bottom:8px;
}
.bbBtn-gradient{
	background-image: -moz-linear-gradient(top,  rgba(255,255,255,0.21) 0%, rgba(255,255,255,0) 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.21)), color-stop(100%,rgba(255,255,255,0)));
	background-image: -webkit-linear-gradient(top,  rgba(255,255,255,0.21) 0%,rgba(255,255,255,0) 100%);
	background-image: -o-linear-gradient(top,  rgba(255,255,255,0.21) 0%,rgba(255,255,255,0) 100%);
	background-image: -ms-linear-gradient(top,  rgba(255,255,255,0.21) 0%,rgba(255,255,255,0) 100%);
	background-image: linear-gradient(to bottom,  rgba(255,255,255,0.21) 0%,rgba(255,255,255,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#36ffffff', endColorstr='#00ffffff',GradientType=0 );
}
.bbBtn > i{
	display: inline-block;
	font-size:12px;
/*
	margin:-6px -6px -6px 8px;
	border-left:1px solid rgba(255,255,255,.2);
	display: inline-block;
	padding: 6px 0 6px 12px;
	line-height: 20px;
	font-size:13px;
*/

}

.bbBtn-green{
	background-color: #95be69;
	border:1px solid #95be69;
}
.bbBtn-blue{
	background-color: #84c6e2;
	border:1px solid #84c6e2;
}
.bbBtn-pink{
	background-color: #ef717d;
	border:1px solid #ef717d;
}
.bbBtn-violet{
	background-color: #9388cf;
	border:1px solid #9388cf;
}
.bbBtn-yellow{
	background-color: #f9a161;
	border:1px solid #f9a161;
}
.bbBtn-white{
	background-color: #ffffff;
	border:1px solid #BBBBBB;
	color:#333333;
}

.uls {
    font-size:1.3em;margin-left:50px;color:#000
}

.strcut {
    /* ÇÑ ÁÙ ÀÚ¸£±â */ 
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    
    /* ¿©·¯ ÁÙ ÀÚ¸£±â Ãß°¡ ½ºÅ¸ÀÏ */ 
    white-space: normal;
    text-align: left;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}