/* Fixed header and footer.
	* --------------------------------------- */
	#header{
		position:fixed;
		height: 60px;
		display:block;
		width: 100%;
		/* background: #333; */
		z-index:9;
		text-align:center;
		color: #f2f2f2;
		padding: 20px 0 0 0;
		
	}
	#header { top:0px; }
	#header h1 { margin-top:0; padding-top:0; padding-left:0; text-align:left; }
	#header ul {  position:absolute; right:0; top:10px; 
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}
	#header ul li { padding-left:20px; font-size:22px; font-weight:200; }
	#header ul li a:hover { color:inherit; text-decoration:none; }
	#header ul li a.on { color:#de2b79; font-weight:bold; }
	#header.current { 
		height:90px; background:black;
		-webkit-transition: all 0.1s ease-in-out;
		-moz-transition: all 0.1s ease-in-out;
		-o-transition: all 0.1s ease-in-out;
		transition: all 0.1s ease-in-out;
	}
	.carousel-inner { height:100%; min-height:100%; }
	.carousel-inner p.b-img { width:100%; height:100%; min-height:100%; font-size:0; background:url('../images/visual_m_1.jpg') no-repeat top center / cover; } 
	.carousel-control a.arr-l { background:url('../images/btn_prev_m.png') no-repeat left center ;  }	

	.navbar ul.nav { padding-top:50%!important; top:0; }
	.nav > li { padding-left:0!important; }
	/* 모달 레이어 */
	#modal-video {  }
	#modal-video .modal-header .close { position:relative; right:1%; font-size:40px; font-weight:200; color:black; opacity:1; }  
	#modal-video .modal-content { border-radius:0; }
	#modal-video .modal-title { font-size:30px; font-weight:200; color:black; }
	#modal-video .modal-body { padding:0; }
 	#modal-video.modal {
		text-align: center;
		padding: 0!important;
	}
	#modal-video.modal:before { 
		content: '';
		display: inline-block;
		height: 100%;
		vertical-align: middle;
		margin-right: -4px;
	}
	#modal-video .modal-dialog {
		display: inline-block;
		width:55%;
		text-align: left;
		vertical-align: middle;
	}
/** Content **/
/* 메인 */
#section0 .message { z-index:2; position:absolute; left:15%; top:35% /* transform:translate(46%, 50%); */ }
#section0 .message p { line-height:50px }
#section0 .message p span { font-weight:200; }
#section0 .message p span,
#section0 .message p strong { font-size:52px; color:white; }
#section0 .message p strong { font-weight:800; }
#section0 .message p span.point { color:#de2b79; }
#section0 .btn { position:relative; left:-10px; margin-top:10%; }
#section0 .btn a { padding:.8em 1.2em; font-size:25px; }
#section0 .btn a.btn-pink:hover { color:white; text-decoration:none; }
#section0 .btn span.glyphicon { position:relative; top:5px; }
#section0 .btn .btn-pink  { 
	border-top-left-radius: 30px;
	border-top-right-radius: 30px;
	border-bottom-left-radius: 30px;
	border-bottom-right-radius: 30px;
	background:#de2b79; 
}
#section0 .btn .btn-white  { 
	margin-left:15px;
	border-top-left-radius: 30px;
	border-top-right-radius: 30px;
	border-bottom-left-radius: 30px;
	border-bottom-right-radius: 30px;
	background:white; 
	color:#de2b79;
}
#section0 p.branch { z-index:2; position:absolute; left:70%; top:70%; font-size:50px; color:white; border-bottom:2px solid white; padding-bottom:10px; font-weight:200; font-size:22px; }
#section6 a.btn-pink .glyphicon { top:5px; }
.section > ul.w-area { position:absolute; top:50%; left:50%; transform:translate(-50%,-42.5%); }
.section dl dt { font-size:45px; font-weight:normal; color:black; letter-spacing:-0.07em; }
.section dl dt strong { font-weight:800; color:black; }
.section dl dd { margin-top:20px; font-weight:normal; font-size:20px; color:black; }
.section .summary { margin-top:8%; }
.section .summary li { float:left; width:33.33%; font-size:20px; /* margin:0 5% 5% 0 */ }
.section .summary li p { height:60px; line-height:60px; text-align:center; }
.section .summary li p img { vertical-align:bottom; }
.section .summary li p+p { margin-top:5px; }
.section .summary li p strong { font-weight:800; color:black; }
.section.third dl dt,
.section.third dl dd { text-align:right; }
.section.third .summary li { width:25%; }
.section.fourth dl dt span span { font-size:20px; }
.section.fourth .summary li p { line-height:inherit; }
.section.fifth dl dt { letter-spacing:-0.08em; }
.section.fifth dl dt,
.section.fifth dl dd { text-align:right; }
.section.fifth .summary li p { line-height:inherit; }
.section.sixth .summary li p { line-height:inherit; }
.section.seventh dl dt,
.section.seventh dl dd { text-align:right; }
.section.seventh .summary { margin-top:12%; }
.section.seventh .summary li p { line-height:inherit; }
.section.seventh .btn-pink { 
	float:right;
	display:table; text-align:right;
	border-top-left-radius: 30px;
	border-top-right-radius: 30px;
	border-bottom-left-radius: 30px;
	border-bottom-right-radius: 30px;
	background:#de2b79; 
	margin-top:1%;
	padding:.5em 1.2em; font-size:20px; 
}
.section.eighth .summary li p { line-height:inherit; }
/* 18/11/28 s */
.section.nineth .summary li p { height:80px; line-height:inherit; }
/* 18/11/28 e */
/* 기능 소개 */
.sub-header { 
	position:relative!important;
	height:90px!important; background:black;
}
.fixed-hd:after { 

}
.sub-header.fixed-hd { 
	opacity:1;
    position: fixed!important;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    margin: 0 auto;
    height:90px!important; background:black;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
}
#tab-menu .menu.fixed-hd { 
	z-index:2;
	opacity:1;
    position: fixed!important;
    top: 90px;
    left: 0;
    right: 0;
    width: 100%;
    margin: 0 auto;
    /* height:90px!important; */ background:white;
	/* -webkit-transition: all 1s;
	-moz-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s; */
}
#tab-menu .menu ul { 
	display:                 flex;
    display:                 -webkit-flex; /* Safari 8 */
    flex-wrap:               wrap;
    -webkit-flex-wrap:       wrap;         /* Safari 8 */
    justify-content:         center;
    -webkit-justify-content: center;
    -webkit-justify-content: space-between;
	justify-content: center; 
	align-items: center;
	justify-content: space-between;
}  
#tab-menu .menu.fixed-hd { /* padding-top:90px; */ position:relative; top:8px; }
#tab-menu .fixed-hd { padding-top:90px; }
#tab-menu .cont ul.fixed-hd li.sec-func:first-child { /* margin-top:21%; */ }
#tab-menu li.sec-func:first-child .row { padding-top:50px; }
#tab-menu .sec-func > .row { padding:10% 0; }
#tab-menu .sec-func .slide { margin:0 auto; /* width:107px; height:253px; background:url('../images/bg_mobile.png') no-repeat top center / 107px 253px;   */
	width:213px; height:506px; float:right; background:url('../images/bg_mobile.png') no-repeat top center / 100% auto;
}
#tab-menu .sec-func .slide-r { float:left; margin-left:30%; }
#tab-menu .sec-func .item { overflow:hidden; margin-top:57px; }
#tab-menu .sec-func .carousel-inner { overflow:hidden; width:191px; margin:0 auto; }
#tab-menu { margin-top:8px; }
#tab-menu > .cont { padding:3% 0; }
#tab-menu .menu { border-bottom:2px solid black; }
#tab-menu .menu a { display:inline-block; height:80px; padding-bottom:10px; color:black; font-size:24px; font-weight:bold; }
#tab-menu .menu li {
	vertical-align:top;
	text-align:center;
}
@media screen and (-webkit-min-device-pixel-ratio:0) { 
	/* #tab-menu .menu li { position:relative!important; top:8px!important; }	 */
}


#tab-menu .menu li.on a { border-bottom:5px solid black; }
/* #tab-menu .menu li:first-child { text-align:left; } */
#tab-menu .menu li:last-child { text-align:right; }
#tab-menu .r-cont { position:relative; }
#tab-menu .r-cont > div { position:absolute; left:50%; top:50%; transform:translate(-35%, 35%); width:100%; }
#tab-menu .r-cont > div p.tit { display:inline-block; padding-bottom:0px; line-height:32px; font-size:32px; color:black; font-weight:200; border-bottom:1px solid black; }
#tab-menu .r-cont > div dl { padding-top:5%; }
#tab-menu .r-cont > div dl dt { font-weight:800; font-size:26px; color:#8f8e8e; line-height:32px; }
#tab-menu .r-cont > div dl dd { margin-top:5%; font-weight:200; font-size:22px; color:black;  }
#tab-menu .l-cont { position:relative; }
#tab-menu .l-cont > div { position:absolute; left:50%; top:50%; transform:translate(-7%, 45%); width:100%; }
#tab-menu .l-cont > div p.tit { display:inline-block; padding-bottom:0px; line-height:32px; font-size:32px; color:black; font-weight:200; border-bottom:1px solid black; }
#tab-menu .l-cont > div dl { padding-top:5%; }
#tab-menu .l-cont > div dl dt { font-weight:800; font-size:26px; color:#8f8e8e; line-height:32px; }
#tab-menu .l-cont > div dl dd { margin-top:5%; font-weight:200; font-size:22px; color:black;  }
#tab-menu .l-cont dl dd ,
#tab-menu .r-cont dl dd { letter-spacing:-0.07em; }
#tab-menu .l-height { transform:translate(-35%, 15%)!important; }

#Carousel-intro .carousel-control2 { 
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 15%; }
#Carousel-intro ol.carousel-indicators {  }
#Carousel-intro ol.carousel-indicators li {  }

/* 가맹점 안내 */
.franchisee-con1 p.txt { padding:5% 0 0 0; text-align:center; font-size:40px; font-weight:200; letter-spacing:-0.07em; }
.franchisee-con1 p.txt strong { font-weight:800; }
.franchisee-con1 a.btn-request { 
	display:table; text-align:center; margin:1% auto 0;
	border-top-left-radius: 30px;
	border-top-right-radius: 30px;
	border-bottom-left-radius: 30px;
	border-bottom-right-radius: 30px;
	background:#de2b79; 
	padding:.5em 1.8em;
	font-size:26px; 
}
#container-s .gray-bar { margin:5% 0; background:#f6f7f7; }
#container-s .gray-bar ul.row li dl { padding:8% 0; text-align:center; font-size:24px; font-weight:bold; }
#container-s .gray-bar ul.row li dt { color:black; }
#container-s .gray-bar ul.row li dd {  }
#container-s .gray-bar ul.tab-menu { 
	padding:5% 0;
	text-align:center;
	justify-content: center; 
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
#container-s .gray-bar ul.tab-menu li { margin:0 5%; font-size:35px; font-weight:200; }
#container-s .gray-bar ul.tab-menu li a { display:block; color:black;  line-height:30px; border-bottom:2px solid #f6f7f7; }
#container-s .gray-bar ul.tab-menu li.on a { line-height:30px; border-bottom:2px solid #de2b79;	color:#de2b79; }
#container-s .gray-bar *,
#container-s .gray-bar *::before,
#container-s .gray-bar *::after{
  -moz-box-sizing: border-box;
       box-sizing: border-box;
  
  -webkit-transition: all 0.3s ease-in-out;
          transition: all 0.3s ease-in-out;
}

#container-s .gray-bar figure{
  overflow: hidden;
  position: relative;
  /* display: inline-block; */
  /* vertical-align: top; */
}

#container-s .gray-bar figcaption{
  position: absolute;
  left: 0; 
  top: 0; 
  text-align: center;
  font-weight: bold;
  width: 100%;
  height: 100%;
  display:                 flex;
  display:                 -webkit-flex; /* Safari 8 */
  flex-wrap:               wrap;
  -webkit-flex-wrap:       wrap;         /* Safari 8 */
  justify-content:         center;
  -webkit-justify-content: center;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  align-items: center;
}

#container-s .gray-bar figcaption div,
#container-s .gray-bar figcaption a.btn-detail {
  /* display: table-cell; */
  transform:translateX(-50%);
  vertical-align: middle;
  left:50%;
  position: relative;
  /* top: 20%; */
  opacity: 0;
  color: white;
  font-size:27px;
  font-weight:bold;
  text-align:center;
  text-transform: uppercase;
  
}
#container-s .gray-bar figcaption a.btn-detail { 
	display:block; 
	border:1px solid white; 
	width:75px;
	font-size:13px;
	padding:0.2em 1em;
	border-top-left-radius: 30px;
	border-top-right-radius: 30px;
	border-bottom-left-radius: 30px;
	border-bottom-right-radius: 30px;
}

#container-s .gray-bar figcaption a { top:25%; }
#container-s .gray-bar figcaption div:after {
  position: absolute;
  content: "";
  left: 0; right: 0;
  bottom: 40%;
  text-align: center;
  margin: auto;
  width: 0%;
  height: 2px;
}

#container-s .gray-bar figure img{
  -webkit-transition: all 0.5s linear;
          transition: all 0.5s linear;
  -webkit-transform: scale3d(1, 1, 1);
          transform: scale3d(1, 1, 1);
}

#container-s .gray-bar figure:hover figcaption {
	background: rgba(0,0,0,0.4);
}

#container-s .gray-bar figcaption:hover div,
#container-s .gray-bar figcaption:hover a.btn-detail {
  opacity: 1;
  top: 0;
}
#container-s .gray-bar figcaption:hover div:after {
	/*   width: 50%; */
  
}
#container-s .gray-bar figure:hover img{
  -webkit-transform: scale3d(1.2, 1.2, 1);
          transform: scale3d(1.2, 1.2, 1);
}
#container-s .gray-bar2 { margin:0!important; padding:3% 0 10%; }
#container-s .gray-bar .thumb-lst { width:100%; }
#container-s .gray-bar .thumb-lst ul {}
#container-s .gray-bar .thumb-lst ul li { float:left; width:20%; height:231px; background:#d1d0d0; }
#container-s .gray-bar .thumb-lst ul li:nth-child(2n+1) { background:#e1e0e0; }
#container-s .gray-bar .thumb-lst ul li p.nodata { width:232px; height:232px; font-size:0; letter-spacing:-9999px; }
#container-s .franchisee-con2 { padding-bottom:5%; }
#container-s .franchisee-group a.btn-more { 
	display:table; 
	margin-left:auto; margin-right:auto; margin-top:5%; 
	color:black; 
	font-size:23px; 
	font-weight:200; 
	padding:.5em 1.8em;
	border-top-left-radius: 30px;
	border-top-right-radius: 30px;
	border-bottom-left-radius: 30px;
	border-bottom-right-radius: 30px;
	border:1px solid black;
}

/* FAQ */
#container-s .faq { padding:5% 0; }
#container-s .faq p.tit { 
	display:table; margin:0 auto; text-align:center; font-size:45px; color:black;  
	padding: 5px 10px;
	border-bottom: solid 2px black;
	font-weight: 200;
	position: relative;
	margin-bottom: 8px;
}
#container-s .faq p.tit:after { 
	content: '';
	border-bottom: solid 2px black;
	width: 100%;
	position: absolute;
	bottom: -6px;
	left: 0;
}
#container-s .faq dd span { color:#de2b79; }
#container-s .faq ol { padding:5%; }
#container-s .faq ol li { position:relative; margin-top:3%; }
#container-s .faq ol li p.num { position:absolute; left:0; top:0; font-size:59px; font-weight:200; color:black; }
#container-s .faq ol li dl { padding:1% 0 0 5%; }
#container-s .faq ol li dl dt { font-weight:bold; color:black; font-size:24px; }
#container-s .faq ol li dl dd { margin-top:1%; color:black; font-size:18px; font-weight:200; }

/* 상담 신청 */
.request-area { padding:5% 0; }
.request-area p.tit { 
	display:table; margin:0 auto; text-align:center; font-size:45px; color:black;  
	padding: 5px 10px;
	border-bottom: solid 2px black;
	font-weight: 200;
	position: relative;
	margin-bottom: 8px;
}
.request-area p.tit:after { 
	content: '';
	border-bottom: solid 2px black;
	width: 100%;
	position: absolute;
	bottom: -6px;
	left: 0;
}
.request-area ul {
	margin:5% 0;
	justify-content: center; 
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.request-area ul li { margin:0 1%; }
.request-area ul li {
	color:#de2b79;
	font-size:24px;
	border-top-left-radius: 30px;
	border-top-right-radius: 30px;
	border-bottom-left-radius: 30px;
	border-bottom-right-radius: 30px;
	background:white; 
	border:1px solid #de2b79;
	padding:.5em 1.5em; 
	font-weight:200;
}
.request-area ul li a { color:#de2b79; }
.request-area ul li span:first-child { position:relative; top:4px; }
.request-area ul li span+span { padding-left:10px; }
.request-area p.graybox { padding:3%; background:#f6f7f7; font-weight:200; font-size:18px; color:black; }
/* 18/11/28 s */
.request-area ul li+li+li span:first-child { top:2px; }
.request-area ul li+li+li { border:1px solid #3c1e1e; background:#f2e12a; }
.request-area ul li+li+li a { color:#3c1e1e; }

/* 18/11/28 e */
.request-area .checkbox label::before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 17px;
  height: 17px;
  left: 0;
  margin-left: -20px;
  border: 1px solid #cccccc;
  border-radius: 3px;
  background-color: #fff;
  -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
  -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
  transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
}

.request-area .btn-group  { margin-top:1%; }
/* .request-area .btn-group i { display:inline-block!important; min-width:5%; } */
.request-area label.btn span {
  font-size: 24px; font-weight:200;
}
.request-area label input[type="radio"] ~ i.fa.fa-circle-o{
    color: #d32e74;    display: inline;
}
.request-area label input[type="radio"] ~ i.fa.fa-dot-circle-o{
    display: none;
}
.request-area label input[type="radio"]:checked ~ i.fa.fa-circle-o{
    display: none;
}
.request-area label input[type="radio"]:checked ~ i.fa.fa-dot-circle-o{
    color: #d32e74;    display: inline;
}
.request-area label:hover input[type="radio"] ~ i.fa {
color: #d32e74;
}
.request-area label input[type="checkbox"] ~ i.fa.fa-square-o{
    color: #d32e74;    display: inline; position:relative; top:2px;
}
.request-area label input[type="checkbox"] ~ i.fa.fa-check-square-o{
    display: none;
}
.request-area label input[type="checkbox"]:checked ~ i.fa.fa-square-o{
    display: none;
}
.request-area label input[type="checkbox"]:checked ~ i.fa.fa-check-square-o{
    color: #d32e74;    display: inline; position:relative; top:2px;
}
.request-area label:hover input[type="checkbox"] ~ i.fa {
color: #d32e74;
}
.request-area div[data-toggle="buttons"] label.active{
    color: black;
}
.request-area div[data-toggle="buttons"] label {
	display: inline-block;
	padding: 6px 0;
	margin-bottom: 0;
	font-size: 14px;
	font-weight: normal;
	line-height: 2em;
	text-align: left;
	white-space: nowrap;
	vertical-align: top;
	cursor: pointer;
	background-color: none;
	border: 0px solid #c8c8c8;
	border-radius: 3px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}

.request-area div[data-toggle="buttons"] label:hover {
	color: black;
}
.request-area div[data-toggle="buttons"] label:active, div[data-toggle="buttons"] label.active {
	-webkit-box-shadow: none;
	box-shadow: none;
}
.request-form { margin-top:5%; }
.request-form .form-control { border:1px solid #8f8f8f; border-radius:0; font-size:20px; font-weight:200; height:inherit; padding:.5em .5em; color:black; }
.request-area a.btn-request.btn-pink { 
	display:table; text-align:center; margin:8% auto 5%; 
	border-top-left-radius: 30px;
	border-top-right-radius: 30px;
	border-bottom-left-radius: 30px;
	border-bottom-right-radius: 30px;
	background:#de2b79; 
	padding:.5em 1.8em;
	font-size:26px; 
}















/* Footer */
.footer { padding-top:90px; /* background:#bfbfbf; */ }
.footer > ul { padding:0; margin:0; }
.footer .bot { position:absolute; bottom:0; width:100%; padding:50px 0; background:#bfbfbf; }
/* .footer .bot > ul li.col-lg-4.last ul { margin-left:0; padding-left:0; } */
.footer .bot > ul li.col-lg-4.last ul a { color:#555; font-weight:bold; color:#555; font-size:18px; }
.footer .bot > ul li.col-lg-4.last p { font-weight:200; font-size:15px; }
.footer .bot dl dt { font-weight:bold; color:#555; font-size:18px; }
.footer .bot dl dd { margin-top:10px; font-size:15px; font-weight:200; color:#555; }
.footer .bot .sns { margin-top:20px; }
.footer .bot .sns a { display:inline-block; margin-right:10px; }
.footer .bot .divider { height:16px; left:114px; top:38px; padding:0 5px; border-left:1px solid #555; }
.footer .top { position:absolute; top:50%; left:50%; transform:translate(-50%,-75%);/*  padding:2.5% 0; } */ }
.footer .top .w-area li { border-bottom:1px solid #bebdbd; }
.footer .top .w-area li:last-child { border-bottom:none; }
.footer .top .w-area li p { float:left; width:40%; padding:3% 0 3% 10%; font-size:24px; text-align:left; color:black; }
.footer .top .w-area li .btn-area { float:left; position:relative; top:25px; width:60%; }
.footer .top .w-area li .btn-area a:first-child { margin-left:5%; }
.footer .top .w-area li .btn-area a+a { margin-left:5%; }
.footer .top .w-area li .btn-area a.btn-white { 
	min-width:120px;
	display:inline-block; 
	/* margin-left:15px; */
	padding:10px 0;
	border-top-left-radius: 30px;
	border-top-right-radius: 30px;
	border-bottom-left-radius: 30px;
	border-bottom-right-radius: 30px;
	background:white; 
	color:black;
	font-size:19px;
	font-weight:bold;
	text-align:center;
}
#footer-sub { position:relative; width:100%; height:100%; border-top:1px solid black; background:#cecece; }
#footer-sub .footer { padding-top:0; }
/* #footer-sub .footer > ul { padding-top:3%; } */
#footer-sub .footer .top { position:inherit; left:inherit; top:inherit; transform:inherit; padding:3% 0; }
#footer-sub .footer .bot { position:inherit; left:inherit; top:inherit; transform:inherit; height:260px; }

/* Common */
ul,
li,
p,
dl { list-style:none; margin:0; padding:0; }
a {  color:white; }
.divider {
    position:absolute;
    left:50%;
    top:10%;
    bottom:10%;
    border-left:1px solid white;
}

@font-face {
  font-family: 'Nanum Square';
  src: url('../../../../../../css/font/NanumSquareL.eot'); /* IE9 Compat Modes */
  src: url('../../../../../../css/font/NanumSquareL.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../../../../../css/font/NanumSquareL.woff') format('woff'), /* Modern Browsers */
       url('../../../../../../css/font/NanumSquareL.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('../../../../../../css/font/NanumSquareOTFLight.svg#017f9c78318bcde3d1dc4451e8eaca0a') format('svg'); /* Legacy iOS */
       
  font-style:   normal;
  font-weight:  200;
}

@font-face {
  font-family: 'Nanum Square';
  src: url('../../../../../../css/font/NanumSquareR.eot'); /* IE9 Compat Modes */
  src: url('../../../../../../css/font/NanumSquareR.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../../../../../css/font/NanumSquareR.woff') format('woff'), /* Modern Browsers */
       url('../../../../../../css/font/NanumSquareR.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('../../../../../../css/font/NanumSquareOTFR.svg#9e23ceb0c858ca37642ba540402577eb') format('svg'); /* Legacy iOS */
       
  font-style:   normal;
  font-weight:  normal;
}

@font-face {
  font-family: 'Nanum Square';
  src: url('../../../../../../css/font/NanumSquareB.eot'); /* IE9 Compat Modes */
  src: url('../../../../../../css/font/NanumSquareB.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../../../../../css/font/NanumSquareB.woff') format('woff'), /* Modern Browsers */
       url('../../../../../../css/font/NanumSquareB.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('../../../../../../css/font/NanumSquareOTFB.svg#a41a1fda1fdf3dafd3394867a156b1cf') format('svg'); /* Legacy iOS */
       
  font-style:   normal;
  font-weight:  bold;
}

@font-face {
  font-family: 'Nanum Square';
  src: url('../../../../../../css/font/NanumSquareEB.eot'); /* IE9 Compat Modes */
  src: url('../../../../../../css/font/NanumSquareEB.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../../../../../css/font/NanumSquareEB.woff') format('woff'), /* Modern Browsers */
       url('../../../../../../css/font/NanumSquareEB.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('../../../../../../css/font/NanumSquareOTFExtraBold.svg#090d6763bc81b49309446d23fbd10e87') format('svg'); /* Legacy iOS */
       
  font-style:   normal;
  font-weight:  800;
}



/* txt color */
.txt-white {color:white!important;}
.txt-black {color:#333!important;}
.txt-blue {color:#01b4ff!important;}
.txt-green {color:#0eb413!important;}
.txt-gray {color:#9f9e9e!important;}
.txt-d-gray {color:#666!important;}
.txt-l-gray {color:#808080!important;}
.txt-red {color:#fd2626!important;}
.txt-cyan {color:#6af3ff!important;}
.txt-l-yellow {color:#eaff00!important;}
.txt-yellow {color:#f4cb4b!important;}
.txt-pink {color:#de2b79!important;}
/* Margin */
.mg0 {margin:0!important;}
.mg5 {margin:5px!important;}
.mg10 {margin:10px!important;}
.mb0 {margin-bottom:0!important;}
.mb5 {margin-bottom:5px!important;}
.mb7 {margin-bottom:7px!important;}
.mb10 {margin-bottom:10px!important;}
.mb20 {margin-bottom:20px!important;}
.mb30 {margin-bottom:30px!important;}
.mb35 {margin-bottom:35px!important;}
.mb50 {margin-bottom:50px!important;}
.mb100 {margin-bottom:100px!important;}
.mt0 {margin-top:0!important;}
.mt1 {margin-top:1px!important;}
.mt2 {margin-top:2px!important;}
.mt3 {margin-top:3px!important;}
.mt5 {margin-top:5px!important;}
.mt7 {margin-top:7px!important;}
.mt10 {margin-top:10px!important;}
.mt15 {margin-top:15px!important;}
.mt18 {margin-top:18px!important;}
.mt20 {margin-top:20px!important;}
.mt25 {margin-top:25px!important;}
.mt30 {margin-top:30px!important;}
.mt40 {margin-top:40px!important;}
.mt50 {margin-top:50px!important;}
.mt80 {margin-top:80px!important;}
.mt100 {margin-top:100px!important;}
.mt110 {margin-top:110px!important;}
.mt150 {margin-top:150px!important;}
.mt200 {margin-top:200px!important;}
.ml0 {margin-left:0!important;}
.ml5 {margin-left:5px!important;}
.ml7 {margin-left:7px!important;}
.ml10 {margin-left:10px!important;}
.ml15 {margin-left:15px!important;}
.ml20 {margin-left:20px!important;}
.ml30 {margin-left:30px!important;}
.ml40 {margin-left:40px!important;}
.ml50 {margin-left:50px!important;}
.ml70 {margin-left:70px!important;}
.ml80 {margin-left:80px!important;}
.ml85 {margin-left:85px!important;}
.ml90 {margin-left:90px!important;}
.ml100 {margin-left:100px!important;}
.ml160 {margin-left:160px!important;}
.ml190 {margin-left:190px!important;}
.ml300 {margin-left:300px!important;}
.mr0 {margin-right:0!important;}
.mr5 {margin-right:5px!important;}
.mr10 {margin-right:10px!important;}
.mr15 {margin-right:15px!important;}
.mr30 {margin-right:30px!important;}
.mr50 {margin-right:50px!important;}
/* Padding */
.pd0 {padding:0!important;}
.pg10 {padding:10px!important;}
.pl0 {padding-left:0!important;}
.pl5 {padding-left:5px!important;}
.pl7 {padding-left:7px!important;}
.pl10 {padding-left:10px!important;}
.pl15 {padding-left:15px!important;}
.pl17 {padding-left:17px!important;}
.pl20 {padding-left:20px!important;}
.pl30 {padding-left:30px!important;}
.pl40 {padding-left:40px!important;}
.pl50 {padding-left:50px!important;}
.pl60 {padding-left:60px!important;}
.pr0 {padding-right:0!important;}
.pr5 {padding-right:5px!important;}
.pr10 {padding-right:10px!important;}
.pr11 {padding-right:11px!important;}
.pr12 {padding-right:12px!important;}
.pr20 {padding-right:20px!important;}
.pr60 {padding-right:60px!important;}
.pr80 {padding-right:80px!important;}
.pr140 {padding-right:140px!important;}
.pr150 {padding-right:150px!important;}
.pb0 {padding-bottom:0px!important;}
.pb5 {padding-bottom:5px!important;}
.pb7 {padding-bottom:7px!important;}
.pb10 {padding-bottom:10px!important;}
.pb15 {padding-bottom:15px!important;}
.pb20 {padding-bottom:20px!important;}
.pb30 {padding-bottom:30px!important;}
.pb35 {padding-bottom:35px!important;}
.pb50 {padding-bottom:50px!important;}
.pb100 {padding-bottom:100px!important;}
.pt0 {padding-top:0!important;}
.pt3 {padding-top:3px!important;}
.pt5 {padding-top:5px!important;}
.pt7 {padding-top:7px!important;}
.pt8 {padding-top:8px!important;}
.pt10 {padding-top:10px!important;}
.pt12 {padding-top:12px!important;}
.pt15 {padding-top:15px!important;}
.pt20 {padding-top:20px!important;}
.pt22 {padding-top:22px!important;}
.pt25 {padding-top:25px!important;}
.pt30 {padding-top:30px!important;}
.pt35 {padding-top:35px!important;}
.pt40 {padding-top:40px!important;}
.pt50 {padding-top:50px!important;}
.pt70 {padding-top:70px!important;}
/* Width + height */
.w30 {width:30px!important;}
.w35 {width:35px!important;}
.w40 {width:40px!important;}
.w43 {width:43px!important;}
.w45 {width:45px!important;}
.w47 {width:47px!important;}
.w50 {width:50px!important;}
.w53 {width:53px!important;}
.w55 {width:55px!important;}
.w60 {width:60px!important;}
.w70 {width:70px!important;}
.w80 {width:80px!important;}
.w90 {width:90px!important;}
.w100 {width:100px!important;}
.w110 {width:110px!important;}
.w120 {width:120px!important;}
.w130 {width:130px!important;}
.w137 {width:137px!important;}
.w140 {width:140px!important;}
.w150 {width:150px!important;}
.w153 {width:153px!important;}
.w180 {width:180px!important;}
.w200 {width:200px!important;}
.w220 {width:220px!important;}
.w240 {width:240px!important;}
.w300 {width:300px!important;}
.w390 {width:390px!important;}
.w520 {width:520px!important;}
.w600 {width:600px!important;}
.w635 {width:635px!important;}
.w705 {width:705px!important;}
.w745 {width:745px!important;}
.w760 {width:760px!important;}
.w800 {width:800px!important;}
.w845 {width:845px!important;}
.w890 {width:890px!important;}
.w960 {width:960px!important;}
.w970 {width:970px!important;}
.h40 {height:40px!important;}
.h150 {height:150px!important;}
.h160 {height:160px!important;}
.h445 {height:445px!important;}
.h590 {height:590px!important;}
.w25p {width:25%!important;}
.w30p {width:30%!important;}
.w40p {width:40%!important;}
.w49p {width:49%!important;}
.w50p {width:50%!important;}
.w60p {width:60%!important;}
.w70p {width:70%!important;}
.w100p {width:100%!important;}
.h100p {height:100%!important;}
/* etc */
.txt-l {text-align:left!important;}
.txt-c {text-align:center!important;}
.txt-r {text-align:right!important;}
.fl-n {float:none!important;}
.fl-l {float:left!important;}
.fl-r {float:right!important;}
.cb {clear:both!important;}
.fs-m {font-size:.8em;}
.fs-l {font-size:.875em;}
.fs11 {font-size: 11px!important;}
.fs12 {font-size: 12px!important;}
.fs13 {font-size: 13px!important;}
.fs14 {font-size: 14px!important;}
.fs16 {font-size: 16px!important;}
.fs17 {font-size: 18px!important;}
.fs18 {font-size: 18px!important;}
.fs20 {font-size: 20px!important;}
.d-line {border-bottom: 1px solid #C0C9DA!important;}
.bt0 {border-top:0!important;}
.border-none {border:none!important;}
.bbnone {border-bottom:none!important;}
.btnone {border-top:none!important;}
.bgnone {background:none!important;}
.brnone {border-right:none!important;}
.blnone {border-left:none!important;}
.b-t-none {border-top:none!important;}
.b-t-gray {border-top:2px solid #d4d4d4;}
.lh14 {line-height:14px!important;}
.lh15 {line-height:15px!important;}
.lh16 {line-height:16px!important;}
.lh18 {line-height:18px!important;}
.lh20 {line-height:20px!important;}
.lh22 {line-height:22px!important;}
.lh26 {line-height:26px!important;}
.lh30 {line-height:30px!important;}
.lh36 {line-height:36px!important;}
.lh40 {line-height:40px!important;}
.bg-w {background:white!important;}
.bold {font-weight:bold!important;}
.b600 {font-weight:600!important;}
.normal {font-weight:normal!important;}
.va-t {vertical-align:top;}
.bg-w {background:white!important;}
.va-tt {vertical-align:text-top!important;}
.relative { position:relative!important; }
.ib { display:inline-block!important; *display:inline; zoom:1; }
.underline { text-decoration:underline!important; }
.none { display:none!important; }
input{ outline-style:none;} , textarea{ outline-style:none;}
label.focus { outline-style:none!important; }
.block { display:block; }
.table {
  display: table; width:100%; margin:0 auto; *display:block; *overflow:hidden; 
}

.row2 { display:table-row; }

.cell {
  display:table-cell;
}
.navbar-default { background:none; border:none; }