/* 0421 */

/* -----------------------------------------
	Base
----------------------------------------- */
body{font-family:'NanumGothic','Malgun Gothic','MyriadProRegular',Helvetica,'Apple Gothic',Gulim,Dotum; font-size:15px; min-width:1200px;
}
ul,li{ margin: 0; padding: 0; }

a{text-decoration: none; color: inherit;}

input{vertical-align: middle;}

hr { border: solid #ddd; border-width: 1px 0 0; clear: both; margin: 12px 0 21px; height: 0; }
ul{list-style: none;}
/* -----------------------------------------
	Container
----------------------------------------- */
.wrap{width:1200px;margin:0 auto;}

.text-point{color:#e65035;}



/* -----------------------------------------
	Menu
----------------------------------------- */

.menu ul {
    position: absolute;
    width: 100%;
}
.menu > ul { position: relative; }
.menu li { position: relative; padding:5px 10px; text-align:left;}
.menu a {
    display: block;
    white-space: nowrap;
}
.menu.menu-horizontal > ul {
    display: inline-block;
    vertical-align: middle;
}
.menu.menu-horizontal li {
    display: inline-block;
    vertical-align: middle;
    text-align:center;
}
.menu li:hover,.menu li.active{color:#e65035;}
.menu.m-line {border:1px solid #ccc;}
.menu.m-line li{border-bottom:1px solid #ccc;}
.menu.m-line li:last-child{border-bottom:none;}




/* -----------------------------------------
	List
----------------------------------------- */

/*image*/
.ilist{border-bottom: 2px solid #ccc; }
.ilist .il-item{border-top: 1px solid #ccc;padding: 10px;}
.ilist .il-item h1{ font-size:1em; margin:10px;}
.ilist .il-item p{ font-size:.8em; margin:10px;}

/*box*/
.blist{margin: 10px;border: 1px solid #ccc;}
.blist img{width:100%;}
.blist h1{ font-size:1em; margin:10px;}
.blist p{ font-size:.8em; margin:10px;}

/* -----------------------------------------
	Button
----------------------------------------- */
.btn {
    padding: 0.5em 1.5em 0.5em;
    color: #000; /* rgba not supported (IE 8) */
    color: rgba(0, 0, 0, 0.80); /* rgba supported */
    border: 1px solid #ccc;  /*IE 6/7/8*/
    background-color: #fff;
    text-decoration: none;
    border-radius: 2px;
    /* Transitions */
    transition: 0.1s linear box-shadow;
}
.btn:hover, .btn:focus {
	background-color: #eee;
}

/* -----------------------------------------
	Table
----------------------------------------- */

.tb {
    border-collapse: collapse;
    border-spacing: 0;
    empty-cells: show;
    width:100%;
}
.tb td,
.tb th {
    margin: 0;
    overflow: visible; /*to make ths where the title is really long work*/
    padding: 6px 12px; /* cell padding */
}
.tb thead {
    text-align: left;
    vertical-align: bottom;
}

/*basic*/
.tb.tb-basic {
    border: 1px solid #cbcbcb;
}
.tb.tb-basic td,
.tb.tb-basic th {
    border-left: 1px solid #cbcbcb;
    border-width: 0 0 0 1px;
}
.tb.tb-basic td:first-child,
.tb.tb-basic th:first-child {
    border-left-width: 0;
}

.tb.tb-basic thead {
    background-color: #e0e0e0;
    color: #000;
}


/*horizontal*/
.tb.tb-horizontal tr{
    border-bottom: 1px solid #cbcbcb;
}


/* -----------------------------------------
	Input
----------------------------------------- */
input[type="text"], input[type="email"], input[type="password"] {
	width:100%;
    padding: 5px 7px;
    margin-bottom:5px;
	border: 1px solid #caced4;
	box-sizing: border-box;
}
select{
	width:100%;
	box-sizing: border-box;
}
textarea{
	width: 100%;
	padding: 5px 7px;
    height: 200px;
    margin-bottom: 5px;
    overflow: auto;
    background-color: #fff;
	border: 1px solid #caced4;
	box-sizing: border-box;
}
input[type=text]:focus, input[type="email"]:focus,  input[type="password"]:focus, textarea:focus {
	box-shadow: 0 0 3px rgba(0,0,0,0.2);
	border: 1px solid #B8B8B9;
	background-color: #fff;
}


/* --------------------------
 * Tab
 * -------------------------- */
ul.tab-list {
    height: 32px;
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
}
ul.tab-list li {
    float: left;
    line-height: 31px;
    border: 1px solid #ccc;
    border-left: none;
    background-color: #f5f5f5;

}
ul.tab-list li a {
	font-weight: bold;
    padding: 0 20px;
}
ul.tab-list li.active  {
}
ul.tab-detail {
	border: 1px solid #ccc;
	border-top: none;
}
ul.tab-detail li {
	padding: 10px;
    display:none;
}
ul.tab-detail li.active {
}


.acoordion-list { border:1px solid #eee;}
.acoordion-list .al-block{ border-bottom:1px solid #eee; background-color:#f5f5f5;}
.acoordion-list .al-block.active{}
.acoordion-list .al-block:last-child { border-bottom-width: 0;}
.acoordion-list .alb-title{padding:10px; cursor: pointer;}
.acoordion-list .alb-title span.slbt-btn{float: right;}
.acoordion-list .alb-contents{border-top:1px solid #eee;display:none; background-color:#fff; padding:10px;}



/* -----------------------------------------
	Swiper
----------------------------------------- */
.swiper{
	position:relative;
}

.swiper .swiper-arrow {
	position: absolute;
	top: 50%;
	margin-top: -15px;
	width: 17px;
	height: 30px;
	z-index: 100;
}
.swiper .swiper-arrow.left {
	background: url(../img/arrows.html) no-repeat left top;
	left: 10px;
}
.swiper .swiper-arrow.right {
	background: url(../img/arrows.html) no-repeat left bottom;
	right: 10px;
}

.swiper .swiper-btnset{
	text-align: right;
}
.swiper .swiper-btnset a{
	padding: 0 5px;
}
.swiper-container {
	height:300px;
	text-align: center;
}
.swiper-slide img{
	width:100%;
}
.swiper-slide .item{margin: 10px;border: 1px solid #ccc;}
.swiper-slide .item h1{ font-size:1em; margin:10px;}
.swiper-slide .item p{ font-size:.8em; margin:10px;}

.swiper-playstop {
	position: absolute;
	z-index: 20;
	left: 10px;
	bottom: 10px;
	color:#fff;
}
.swiper-pagination {
	position: absolute;
	z-index: 20;
	right: 10px;
	bottom: 10px;
}
.swiper-pagination-switch {
	display: inline-block;
	width: 8px;
	height: 8px;
	border-radius: 8px;
	background: #222;
	margin-right: 5px;
	opacity: 0.8;
	border: 1px solid #fff;
	cursor: pointer;
}
.swiper-visible-switch {
	background: #aaa;
}
.swiper-active-switch {
	background: #fff;
}


/* -----------------------------------------
	Select
----------------------------------------- */
.select{ position:relative; line-height:normal; display:inline-block; *display:inline; vertical-align:middle; background:#fff; *zoom:1;}
.select *{ margin:0; padding:0; cursor:pointer; font-size:12px; font-family:Tahoma, Sans-serif;}
.select .myValue{ position:relative; z-index:2; left:0; top:0; border:1px solid #bababa; color:#666; line-height:19px; _line-height:normal; text-align:left; overflow:visible; background:transparent;}
.select .myValue.selected{ font-weight:bold;}
.select.open .myValue,
.select .myValue.outLine{ border:1px solid #999;}
.select button.myValue{ height:21px; width:100%; text-indent:5px; *text-indent:0; *padding-left:5px;}
.select div.myValue{ height:19px; text-indent:8px;}
.select .ctrl{ position:absolute; top:0; right:0; width:18px; height:19px; border:1px solid #bababa; border-left:1px solid #eaeaea; background:#fff;}
.select .arrow{ position:absolute; width:0; height:0; top:9px; right:6px; line-height:0; font-size:0; border-top: 3px solid #999; border-left:3px solid #fff; border-right:3px solid #fff;}
.select ul{ top:20px; left:0; width:100%; list-style:none; border:0; border-top:1px solid #bababa; border-bottom:1px solid #bababa; background:#fff; overflow:hidden;}
.select ul.aList{ display:none;}
.select.open ul.aList{ display:block;}
.select ul.iList{ left:-2000%;}
.select.open ul.iList{ left:0;}
.select li{ position:relative; overflow:hidden; white-space:nowrap; height:18px; border-left:1px solid #bababa; border-right:1px solid #bababa;}
.select li input.option{ position:absolute; width:100%; height:20px; line-height:20px;}
.select li label{ position:absolute; left:0; top:0; width:100%; text-indent:8px; *text-indent:6px; height:18px; line-height:18px; color:#767676; background:#fff;}
.select li a{ display:block; text-indent:8px; *text-indent:6px; height:18px; line-height:18px; color:#767676; background:#fff; text-decoration:none;}
.select li.hover *{ background:#999; color:#fff;}

/* -----------------------------------------
	Responsive
----------------------------------------- */
@media (max-width: 979px){
	.wrap{width:100%;}
}