@font-face {
  font-family: 'Nanum Square';
  src: url('../fonts/NanumSquareL.eot'); /* IE9 Compat Modes */
  src: url('../fonts/NanumSquareL.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/NanumSquareL.woff') format('woff'), /* Modern Browsers */
       url('../fonts/NanumSquareL.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('../fonts/NanumSquareOTFLight.svg#017f9c78318bcde3d1dc4451e8eaca0a') format('svg'); /* Legacy iOS */
  font-style:   normal;
  font-weight:  300;
}
@font-face {
  font-family: 'Nanum Square';
  src: url('../fonts/NanumSquareR.eot'); /* IE9 Compat Modes */
  src: url('../fonts/NanumSquareR.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/NanumSquareR.woff') format('woff'), /* Modern Browsers */
       url('../fonts/NanumSquareR.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('../fonts/NanumSquareOTFR.svg#9e23ceb0c858ca37642ba540402577eb') format('svg'); /* Legacy iOS */
  font-style:   normal;
  font-weight:  400;
}
@font-face {
  font-family: 'Nanum Square';
  src: url('../fonts/NanumSquareB.eot'); /* IE9 Compat Modes */
  src: url('../fonts/NanumSquareB.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/NanumSquareB.woff') format('woff'), /* Modern Browsers */
       url('../fonts/NanumSquareB.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('../fonts/NanumSquareOTFB.svg#a41a1fda1fdf3dafd3394867a156b1cf') format('svg'); /* Legacy iOS */
  font-style:   normal;
  font-weight:  700;
}
@font-face {
  font-family: 'Nanum Square';
  src: url('../fonts/NanumSquareEB.eot'); /* IE9 Compat Modes */
  src: url('../fonts/NanumSquareEB.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/NanumSquareEB.woff') format('woff'), /* Modern Browsers */
       url('../fonts/NanumSquareEB.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('../fonts/NanumSquareOTFExtraBold.svg#090d6763bc81b49309446d23fbd10e87') format('svg'); /* Legacy iOS */
  font-style:   normal;
  font-weight:  900;
}

/* RESET */
::-moz-selection {background: #f2c2c9; /*硫붿씤��*/ color: #a4003a; text-shadow: none;}
::selection {background: #cf968f;	color: #a4003a;	text-shadow: none;}
ul, li{list-style:none; padding:0; margin:0;}	 	
hr {
	display: block;
	height: 3px;
	border: 0;
	margin: 3em 0;
	padding: 0;
	background-image: -webkit-linear-gradient(left, #fff, #e6e6e6, #fff);
	background-image: -moz-linear-gradient(left, #fff, #e6e6e6, #fff);
	background-image: -ms-linear-gradient(left, #fff, #e6e6e6, #fff);
	background-image: -o-linear-gradient(left, #fff, #e6e6e6, #fff);
	width: 50%;
	left: 25%;
	position: relative;
	border: none;
}
img {vertical-align: middle;}
textarea {resize: vertical; /* Allow only vertical resizing of textareas. */ }
html, body {height: 100%;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
body {
 	font-family: 'Nanum Square', sans-serif;
	font-weight: 300;
	color: #555;
	-webkit-font-smoothing: antialiased;
	-webkit-overflow-scrolling: touch;
	font-size: 14px;
	line-height: 1.4;
	letter-spacing:-1px;
}
a img {background: white;}
.odd a img {background: #f5f5f5;}
h1, h2, h3, h4, h5, h6 {font-weight: 200;	color: #555;}
h2 {font-size: 34px;	color: #666;	font-weight: 500;}
h3{font-size:18px; letter-spacing:-2px; color:#333; font-weight:bold;}
p {	line-height: 26px;	margin-bottom: 6px;}
p.tight {	line-height: 23px;}
p.large {font-size: 18px;	margin-bottom: 50px;}
.centered {text-align: center;}
strong {font-weight: 700;}
em {font-weight: 300;}
pre {
	background: #ebebeb;
	border: none;
	font-size: 16px;
	color: #666;
	padding: 20px;
	line-height: 28px;
}
small {font-size: 12px;}
blockquote, blockquote p {
	line-height: 28px;
	color: #999;
	font-weight: 300;
	font-style: italic;
}
blockquote {
	position: relative;
	margin: 0 0 40px -30px;
	padding-left: 30px;
	border-left: 5px solid #3498db;
}
blockquote cite {
	position: absolute;
	bottom: -25px;
	right: 0;
	font-size: 12px;
	font-style: italic;
	color: #333;
	font-weight: 300;
}
blockquote cite:before {content: "-- "}

/* BASIC DESIGN */
.b {font-weight:bold;}
.eb {font-weight:900;}
.txc {text-align:center;}
.txl {text-align:left;}
.txr {text-align:right;}
.gray777 {color:#777;}
.black {color:#000;}
.red {color:#ed1c24;}
.mainColor {color:#c76e61 !important;}
.f45 {font-size:45px;}
.f38 {font-size:38px;}
.f33 {font-size:33px;}
.f25 {font-size:25px;}
.f24 {font-size:24px;}
.f21 {font-size:21px;}
.f18 {font-size:18px;}
.f17 {font-size:17px;}
.f16 {font-size:16px;}
.f14 {font-size:14px;}
.f13 {font-size:13px;}

.input_long {width:80%;	 height:26px; border:1px solid #dadada; padding:3px 3px 3px 5px;}
.input_middle {width:40%; height:26px; border:1px solid #dadada; padding:3px 3px 3px 5px;}
.input_short {width:20%; height:26px;	border:1px solid #dadada;	padding:3px 3px 3px 5px;	background:none;}
.input_exshort{width:5%;	height:24px;	border:1px solid #dadada;	padding:3px 3px 3px 5px;	margin-right:5px;	background:none;}
.input_style1 {width:100px; height:24px; border:1px solid #dadada; padding:3px 3px 3px 5px;}
.input_style2 {width:200px; height:24px; border:1px solid #dadada; padding:3px 3px 3px 5px;}
.input_style3 {width:100%; height:24px; border:1px solid #dadada; padding:3px 3px 3px 5px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
.input_style4 { width:304px; border:1px solid #eee; padding:8px 3%; background-color:#FFF; }
.select_style1 {height:27px; border:1px solid #dadada; padding: 3px 3px 3px 5px;}
.textarea_style1 {width:93%; height:200px; border:none; padding:1%; }
.textarea_style2 {width: 97%; height: 100px; border:none; overflow-x: hidden;}
.textarea_style3 {width:93%; height:200px; padding:1%; }

.btn_style1 {
	display: block;
	color: #fff;
	padding: 8px 15px;
	background-color: #444;
	cursor: pointer;
}
.btn_style2 {
	display: inline-block;
	color: #fff;
	padding: 8px 15px;
	background-color: #444;
	cursor: pointer;
}
.btn_style3 {
	color:#fff;
	font-size:14px;
	padding:5px 8px;
	margin-left:5px;
	background-color:#ed1c24;
}
.btn_style3:hover, .btn_style3:focus{color:#fff;}

.btn_style4 {
	position: absolute;
	right: 0;	top: 0;
	color: #fff;
	border-radius: 3px;
	padding: 11px 7px;
	background-color: #ed1c24;
	cursor: pointer;
}
.btn_style4:hover, .btn_style4:focus{color:#fff;}

.btn_style5 { /*password_reset*/
	text-align: center;
	color: #fff;
	border-radius: 4px;
	padding: 8px 0;
	margin: 0px 0 10px;
	background: #f00;
	cursor: pointer;
}
.in_pc{display:block;}
.in_mobile{display:none;}

.tbl_basic {
	width: 100%;
	text-align:left;
	border-top: 2px solid #dadada;
}
.tbl_basic > tbody > tr {border-bottom: 1px solid #dadada;}
.tbl_basic > tbody > tr > th {
	font-weight:400;
	padding:12px 3% 10px;
	background: #f1f1f1;
}
.tbl_basic > tbody > tr > td {padding:10px 2%;}

.tbl_board {
	width: 100%;
	font-size: 15px;
	text-align: center;
	border-top: 3px solid #c76e61;
}
.tbl_board > tbody > tr {border-bottom: 1px solid #dadada;}
.tbl_board > tbody > tr > th {
	font-weight:bold;
	text-align:center;
	padding-top: 15px;
	padding-bottom: 15px;
	background: #f1f1f1;
}
.tbl_board > tbody > tr > td {padding:5px 1%;}

.contentsView {
	position: relative;
	text-align: left;
	padding: 30px 30px 100px 30px !important;
	background-color: #fafafa;
}
.contentsView h1 {font-size:19px;float: none;padding:5px 0px 10px;cursor: text;}
.contentsView h2 {font-size:17px;margin:15px 0 10px;}
	.contentsView img {height:auto !important;margin:5px 0 10px;}
.contentsView li {list-style: outside; margin-left: 20px;}
.contentsView a {color: #0782C1;}
.contentsView p {margin:5px 0;}
.contentsView table {max-width:100% !important}
.contentsView .marker {background-color:#6adf5b;}
/* .contentsView table td {padding:10px;} �쒗뻾�섎㈃ �댁뒪�덊꽣媛� 留앷�吏�..*/

/* IMAGES */
.overflow-image {
	margin-top: -65px;
}

/* LINKS */
a {
	color: #cf968f;
	word-wrap: break-word;
	-webkit-transition: color 0.1s ease-in, background 0.1s ease-in;
	-moz-transition: color 0.1s ease-in, background 0.1s ease-in;
	-ms-transition: color 0.1s ease-in, background 0.1s ease-in;
	-o-transition: color 0.1s ease-in, background 0.1s ease-in;
	transition: color 0.1s ease-in, background 0.1s ease-in;
}
a:hover, a:focus {
	color: #c0392b;
	text-decoration: none;
	outline: 0;
}
a:before, a:after {
	-webkit-transition: color 0.1s ease-in, background 0.1s ease-in;
	-moz-transition: color 0.1s ease-in, background 0.1s ease-in;
	-ms-transition: color 0.1s ease-in, background 0.1s ease-in;
	-o-transition: color 0.1s ease-in, background 0.1s ease-in;
	transition: color 0.1s ease-in, background 0.1s ease-in;
}

.col-md-4 {
	padding-bottom: 30px;
}
.row {
	margin-right: 0px;
	margin-left: 0px;
}
.row img {max-width:100%}
.navbar-default .navbar-nav > li > a {
  color: #555;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #c76e61;
}
.navbar-default{background:#fff;} 
.navbar-default .navbar-brand {padding:0}
.navbar-default .navbar-brand img{padding:0} 

/* LOGIN PAGE */
.loginBoxBlack {
	position: relative;
	width: 450px;
	border: 1px solid #ccc;
	padding: 30px 0 40px;
	margin: 50px auto;
	background-color: #fff;
}
.login_contents  {margin:0 auto; width:350px;}

/* Box Sections */
.white h1 {color: #999;}
.white p {padding-top: 25px;}

.dropdown a {font-size:17px; font-weight:400;}
.dropdown-menu > li > a {font-size:14px;}
.navbar-header{height:80px;}
.navbar-header img{margin-top:12px}
.navbar-brand-s{display:none;}

.btn-log{height:30px; margin:0; padding-top:9px; margin-right:10px;} 
.btn-log span{float:right;}
.btn-log span a{
	color:#ca7065; 
	font-size:13px; 
	border:1px solid #e2e2e2; 
	padding:3px 6px; 
	margin-left:3px;
}
section{padding:60px 0;}
section h2{font-size:36px; font-weight:bold; color:#c76e61; text-align:center; margin-bottom:50px; letter-spacing:-2px;}
section h2 span{font-size:18px; color:#888; font-weight:normal; padding-top:20px; display:block}
.bg-point{ background:#f8eae9;} 

.m-about h3{font-size:24px; letter-spacing:-2px; color:#c76e61;}
.m-about-box{margin:40px 0 0 0;}
.m-about-btn{border:1px solid #d6b0ab; background:#fff; text-align:center; height:140px; padding:25px; margin-bottom:10px; border-radius:5px;cursor:pointer;}
.m-about-btn p{font-size:14px; font-weight:bold; line-height:14px}
.m-about-btn i{color:#999; margin-bottom:15px;}

.m-notice h3{font-size:18px; letter-spacing:-2px; color:#333; font-weight:bold;}
.m-notice h3 span{float:right; font-size:12px;}
.m-notice h3 span a{color:#888;}

.m-notice{border:1px solid #e9ebee; background:#fff; text-align:left; padding:0 15px 15px 15px; border-radius:5px; } 
.m-notice ul{padding:0; margin:0;}
.m-notice li{font-size:14px; line-height:25px; list-style:none; overflow:hidden; text-overflow: ellipsis;white-space: nowrap;}
.m-notice li span{float:right; font:12px; color:#888;}
.m-notice li a{color:#555;}

.main-btm-btn{text-align:center; margin-bottom:20px; padding-bottom:20px;}
.main-btm-btn img{ width:100%; border-radius:50%; margin:20px 0;}
.main-btm-btn p{font-weight:bold;}
.main-btm-btn span{border-radius:12px; background:#cf968f; font-size:12px; line-height:20px; padding:3px 10px 5px 10px; }
.main-btm-btn span a{color:#fff; font-weight:bold;}

.m-customer{border:1px solid #cf968f; padding:0 15px 15px 15px; border-radius:5px; background:#fff; text-indent:5px;}
.m-customer h3{width:100%; text-indent:0px;}
.m-customer .m-call{ width:100%;padding-bottom:5px;}
.m-customer .m-call i{float:left; padding-top:10px; margin-right:12px; color:#c76e61;}
.m-customer .m-call p{font-size:18px; font-weight:bold; color:#c76e61; margin:0}
.m-customer .m-call-txt{font-size:13px; line-height:13px; width:100%;}
.m-customer .m-bank{font-size:16px; font-weight:bold; color:#c76e61;width:100%; padding-bottom:3px;}
.m-customer .m-bank-txt{font-size:13px;width:100%; line-height:16px; }

.partner-banner{padding:20px 0 15px 0; border-bottom:1px solid #e1e1e1; display:block}
.partner-banner img{width:100%; border:1px solid #ddd; margin-bottom:5px;}

#doubleNav {border-top:6px solid #ccc;}

footer{background:#f3f3f3}
.copy-txt {font-size:14px; text-align:center; padding:30px; display:block}
.copy-txt p{font-size:14px; color:#999; display:block; padding:10px 0;}
.copy-txt span{font-size:12px; color:#ccc;  padding:0 8px; letter-spacing:0;}

.sub-mv{width:100%; height:200px;background:#ddd; text-align:center; float:left; margin-bottom:20px;}
.sub-mv h1{font-size:30px; color:#fff; padding-top:45px;}
.sub-mv p{font-size:16px; color:#fff;}
.sub-intro, .sub-counsel, .sub-education, .sub-board, .sub-torch {background:url("../images/bg_intro.jpg") no-repeat top center;}
.sub-counsel {background:url("../images/bg_counsel.jpg") no-repeat top center;}
.sub-education {background:url("../images/bg_education.jpg") no-repeat top center;}
.sub-board {background:url("../images/bg_board.jpg") no-repeat top center;}
/*
.sub-torch {background:url("../images/bg_torch.jpg") no-repeat top center;} */

.left-menu{margin-bottom:50px;}
.left-menu h2{text-align:left; font-size:24px; margin-bottom:10px; padding-bottom:12px; border-bottom:2px solid #c76e61;}
.left-menu ul{border-bottom:1px solid #e1e1e1; padding-bottom:20px;}
.left-menu ul li{ text-indent:5px;}
.left-menu ul li a{ color:#555; font-size:16px;  line-height:35px;}

.small-side{display:none}

/* PAGER */
	.pager{
		text-align:center;
		margin-top:66px;
	}
	.pager:after{content:""; display:block; clear:both;}
	.pager li {
		display:inline-block; 
		border:1px solid #ccc; 
		padding: 4px 8px 3px; 
		margin-left:-4px;
	}
	.pager a{
		cursor:pointer;
		text-decoration:none;
		color:#000;
	}
	.pager a.active{font-weight:bold;}

/* MEDIA QUERIES */

@media screen and (max-width:1050px), screen and (max-device-width:1050px) {
	body .header {background-attachment: scroll;}
}
/*ipad portrait*/
@media only screen and (min-device-width:768px) and (max-device-width : 1024px) {
	.header {background-attachment: scroll;}
}

@media screen and (max-width:978px) {
	.f45 {font-size:35px;}
	.f38 {font-size:30px;}
	.f33 {font-size:26px;}
	.f18 {font-size:15px;}
	.f17 {font-size:14px;}
	.f16 {font-size:13px;}
	h1 {font-size:30px;}
	.in_pc {display:none;}
	.in_mobile {display:block;}
	.sub-mv {margin-bottom:30px;}
	.nav > li > a {padding:10px 7px;}
	.navbar-collapse {
	  max-height: 100%;
	  padding-right: 0;
	  padding-left: 0;
	}
	.navbar-nav {margin: 7.5px 15px;}
	.loginBoxBlack {width:90%; margin:0 auto;}
	.container{padding:0;}
	.container > .navbar-header,
	.container-fluid > .navbar-header,
	.container > .navbar-collapse,
	.container-fluid > .navbar-collapse {
	  margin-right: 0px;
	  margin-left: 0px;
	}
	.btn-log{margin:0 0 0 0px;padding:8px 15px } 
	.btn-log span a{color:#ca7065;  padding:3px 6px; font-size:12px; margin-left:3px; background:#fff}

	.small-side{display:inline}
	aside{display:none}
}

@media screen and (max-width:652px) {
	.f45 {font-size:26px;} 
	.f38 {font-size:23px;} 
	.f33 {font-size:21px;}
	.f25 {font-size:18px;}
	.f24 {font-size:16px;}
	.f21 {font-size:15px;}
	.f17 {font-size:13px;}
	.f16 {font-size:12px;}
	.f14 {font-size:10px;}
	.f13 {font-size:9px;}

	.input_long {width:80%;}
	.input_middle {width:70%;}
	.input_short {width:50%;}
	.input_exshort {width:20%;}

	.sub-intro {background-position: 75% 0}
	.sub-counsel {background-position: 75% 0}
	.sub-education {background-position: 75% 0}
	.sub-board {background-position: 75% 0}
	.sub-torch {background-position: 75% 0}
	.btn-log span{float:left;}
	.btn-log{border-bottom:1px solid #eee; background:#eee; width:100%; margin:0 0 0 0px; padding:8px 15px; height:42px } 
}

@media screen and (max-width:480px) {
	.navbar-brand{display:none;}
	.navbar-brand-s{display:inline;}
	.navbar-brand-s img{margin-top:20px;margin-left:10px;}
}