@font-face {
	font-family: 'NanumBarunGothic';
	src: url(NanumBarunGothic.eot);
	src: url('NanumBarunGothic.eot?#iefix') format('embedded-opentype'), url('NanumBarunGothic.woff') format('woff');
}
* { box-sizing:border-box; }
body { margin:0; padding: 0; font-family: 'NanumBarunGothic', sans-serif; overflow-x:hidden;  word-break:break-all; }

/* Style for our header texts	* --------------------------------------- */
h1{ font-size: 5em; font-family: arial,helvetica; 	color: #fff; margin:0; }
.intro p{ color: #fff; }

/* Centered texts in each section	* --------------------------------------- */
.section{ text-align:center; }

/* Overwriting styles for control arrows for slides	* --------------------------------------- */
.controlArrow.prev { left: 50px; }
.controlArrow.next{ right: 50px; }


/* Bottom menu	* --------------------------------------- */
#infoMenu li a { color: #fff; }

.smilex { margin: 0; padding: 10px; font-size:0; }
.smilex img { width: 100%; }
.section-01, .section-02, .section-03, .section-04, .section-05 { border-style: solid; border-color: #ddd; }
.section-01, .section-02, .section-03, .section-04 { border-width: 1px 1px 0;}
.section-01 { background: #fff; }
.section-02 { background: #c9d9df; }
.section-03 { background: #abc1be; }
.section-04 { background: #dfdfdc; }
.section-05 { background: #fff; border-width:1px;}

.cont01_body, .cont02_body, .cont03_body, .cont04_body,.cont05_body { display: none; border-width: 0 1px;  }
.cont01_open, .cont02_open, .cont03_open, .cont04_open, .cont05_open { display: block; padding-bottom: 36px; cursor:pointer; }
.cont01_close, .cont02_close, .cont03_close, .cont04_close, .cont05_close { display: none; padding-bottom: 36px; cursor:pointer;}

.owl-carousel .item { padding: 20px 30px; width: 100%;}
.owl-carousel .item img {  box-shadow: 1px 1px 16px rgba(0,0,0,0.3);}

.oper_banner { font-size:0; margin: 0 10px 50px; padding: 0;}
.oper_banner li { position: relative; width: 33.333%; display: inline-block;  text-align:center;  padding: 0 6px; vertical-align: bottom;}
.oper_banner li img { width: 100%;}
.oper_banner li:nth-child(2) { padding: 0 6px 25px; }


/*상담하기 하단고정 메뉴 */
/*.BottomBtn { border-color: #ddd;  border-style:solid; background-color: #f4f4f4; }*/
.BottomBtn { position:absolute; top: -17px; left: 50%; margin-left:-24px;  width: 48px; height: 36px; cursor:pointer; }
.BottomBtn img { width: 59px; }
.SlideUp { display: block; cursor: pointer;}
/*.SlideDown { display: none; }*/
.BottomBox {
	width: 100%; height: 215px;
	position:fixed; left:0; bottom:-215px;
	transition: 0.5s;
	border-top: 1px solid #9e9d9d;
	background-color: #f4f4f4;
	padding-top: 5px;
}
.BottomBox .wrap { min-width: 320px; width: 100%;}
.check { padding: 5px 20px 0; }
.check_tit { font-size:16px; font-weight:bold; color: #313d49; letter-spacing:-1px; margin-right: 5px; }
.check_subtit { font-size:11px;  letter-spacing:-1px;}

input[type=text], input[type=tel] {
    width: 100%;
	font-size:12px;
    padding: 6px;
    border: 1px solid #c0c0c0;
    border-radius: 0px;
    resize: vertical;
	box-shadow: none; outline: none;
	-webkit-appearance: none;-moz-appearance: none;appearance: none;
}
	.guestphone div { width: 33.333%; position:relative; display:inline-block; padding-right: 20px;}
	.guestphone div:last-child { padding-right: 0px;}
	.guestphone div:after { content:'-'; width: 20px; text-align: center; position:absolute; right:0; padding-top: 5px; color: #c0c0c0;}
	.guestphone div:last-child:after { content:'';}

@media screen and (max-width: 600px) {
	.guestphone div { padding-right: 12px;} .guestphone div:after { width: 12px;}
}


label {
    padding: 6px 12px 6px 0;
	font-size:14px;
    display: inline-block;
    color:#313d49;
}


.col-60px { width: 60px; }
.col-75 { position:absolute; left:60px; right: 0;top:0; }

.indinfo { font-size:12px; text-align: left; }
.indinfo label { font-size:12px;}
.indinfo a { border:1px solid #d2d2d2; font-size:11px; padding: 4px; text-decoration:none; color: #777; margin-left: 10px;}
.indinfo a:hover { background-color:#fff; border:1px solid #999;}
.check .row { margin-bottom: 8px;}

/* Clear floats after the columns */
.row { position: relative; }
.row:after {
    content: "";
    display: table;
    clear: both;
}
.lg_a { position:absolute; top:0; bottom:0; left:0; right:0; background:rgba(0,0,0,0); }


.checkmark {
    position: absolute; top: 0; left: 0;
    height: 15px; width: 15px;
    background-color: #fff; border:1px solid #c0c0c0;
}
.check .row.indinfo { margin-top: 10px; margin-bottom: 30px; }
.indinfo label { padding: 1px 0 0 18px;}

/* 원래 체크마크 감추기 */
.indinfo input { position: absolute; opacity: 0; cursor: pointer; }

/* On mouse-over, add a grey background color */
.indinfo:hover input ~ .checkmark { background-color: #f9f9f9; }

/* When the checkbox is checked, add a blue background */
.indinfo input:checked ~ .checkmark { background-color: #2196F3; }

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after { content: ""; position: absolute; display: none; }

/* Show the checkmark when checked */
.indinfo input:checked ~ .checkmark:after { display: block; }

/* Style the checkmark/indicator */
.indinfo .checkmark:after {
    left: 3px; top: -2px;
    width: 4px; height: 10px;
    border: solid white; border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.checkbtns { position:fixed; bottom: 0; width: 100%; background-color: #f4f4f4; padding:5px; z-index: 999; transition: 0.5s;}
.checkbtns ul { font-size:0; margin: 0; padding: 0; }
.checkbtns ul:after {content:""; display:block; clear:both;}
.checkbtns ul li {list-style:none; float:left; width: 20%; height: 49px; padding: 6px 0; font-size: 11px; margin-right: 1%; color:#313d45; background-color:#fff;  position: relative;  border:1px solid #d5d5d5; border-radius: 4px; text-align:center; }
.checkbtns ul li img { width: 17px; }
.checkbtns ul li:last-child { width: 58%; height: 49px; padding:0;line-height: 49px; margin-right: 0px; background-color:#1f31c7; border:1px solid #1f31c7; color: #fff; font-size:18px; letter-spacing: -1px; }

.checkbtns_new ul { font-size:0; margin: 0; padding: 0; }
.checkbtns_new li { 
	border-radius: 4px; text-align:center;
	width: 100%; height: 49px; padding:0;line-height: 49px; margin-right: 0px; background-color:#1f31c7; border:1px solid #1f31c7; color: #fff; font-size:18px; letter-spacing: -1px; 
}
	


.toplogo {
	position: absolute; top: 0; left: 0;
	width: 40%;
	overflow: hidden;
	padding-top: 15%;
}
.toplogoinner {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%; height: 100%;
}

.bottom { background-color: #e7e7e7; padding-bottom: 90px; }