/* FONT */
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);
.italic{font-style:italic;}
.bold{font-weight:500;}
.extra-bold{font-weight:800;}
.uppercase{text-transform:uppercase;}
.txt-center {text-align:center !important;}
.txt-left {text-align:left;}
.txt-right {text-align:right;}
.img-center {margin:50px auto; display:block;}
.navbar-collapse {border:0; box-shadow:none;}
hr.w40 {width:40px; margin:18px auto; border:0; border-bottom:1px solid #828282; }
hr.w50 {width:50px; margin:20px auto 50px; border:0; border-bottom:2px solid #fff; }
.mg-bt-30 {margin-bottom:30px !important;}

/* ANIMATION */
.fg-fast-animation{transition: all 0.25s ease; -webkit-transition:all 0.25s ease;}
.fg-slow-animation{transition: all 0.75s ease; -webkit-transition:all 0.75s ease;}


/* INDEX LAYOUT
=================================================== */
html,body{height:100%;}
.container{position:relative; padding:80px 0;}
section {padding:0;}


/* HEADER
=================================================== */
.header {width:100%; z-index:100; height:85px; line-height:85px;}
.header .container {padding:0 15px;}
.header .logo {float:left; width:180px; height:44px; background:url('../img/logo.png') no-repeat; margin:0; background-size:contain; position:relative; top:21px;}
.header .logo a {display:block;}
.header .sub-nav {list-style-type:none; padding:0; margin:0;}
.header .sub-nav > li{display:inline-block; line-height:38px;}
.header .sub-nav > li > a {color:#333; font-size:13px; padding:9px 15px;}
.header .sub-nav > li > a.active{color:#333;}
.header .sub-nav > li > a{ border-bottom:2px solid #333; border-bottom-color:rgba(0,0,0,0); background-color:transparent; }
.header .sub-nav > li > a:hover{ border-bottom-color:rgba(0,0,0,1); }
.header .navbar-toggle {border:none; margin-top:0; margin-bottom:0;}
.header .navbar-toggle .icon-bar{background:#fff;}

.header .lang {display:inline-block; vertical-align: middle; line-height:38px;}
.header .lang .btn-lang {display:inline-block; vertical-align: middle; text-align:center; background-color:#fff; width:37px; line-height:22px; font-size:13px; letter-spacing:0;}
.header .lang .btn-lang.kor {color:#555; border:1px solid #afafaf;}
.header .lang .btn-lang.eng {color:#d8321e; border:1px solid #d8321e; margin-left:3px;}

/* MAIN
=================================================== */
.main-contents .carousel-inner {width:100%; height:674px; background-repeat:no-repeat; background-size:cover; background-position: center; text-align: center;}
.main-contents .carousel-inner .carousel-caption {top:25%; text-shadow:none;}
.main-contents .carousel-inner .item img {height:674px;}
.main-contents .carousel-inner .carousel-caption .txt-wrap h1 {font-size:60px; color:#fff; font-weight:800; margin-bottom:10px;}
.main-contents .carousel-inner .carousel-caption .txt-wrap h1 .yellow {color:#ffcc00;}
.main-contents .carousel-inner .carousel-caption .txt-wrap .desc {font-size:24px; line-height:32px; color:#fff;}
.main-contents .carousel-inner .carousel-caption .txt-wrap .desc-02 {font-size:18px; line-height:26px; color:#fff;}

.main-section .title-wrap {margin-bottom:30px; }
.main-section .title-wrap .title {font-size:30px; text-align:center; font-weight:700;}
.main-section .title-wrap .desc {font-size:18px; line-height:30px; text-align:center;}
.main-section .text-wrap {width:950px; margin:0 auto;}
.main-section .text-wrap p { text-align:center;}
.main-section .text-wrap .tit {font-size:17px; line-height:25px; font-weight:700; margin-bottom:10px; text-align:left;}
.main-section .text-wrap .txt {font-size:15px; line-height:25px; text-align:left;}

.main-section .img-sz {width:950px; margin:50px auto;}
.main-section .img-sz img {width:100%;}
.main-section .link {display:block; text-decoration:underline; color:#ffa500; font-weight:600;}


/* FOOTER
===================================================== */
.footer {position:relative;}
.footer .container {padding:0;}
.footer .ft-info {background-color:#444; padding:50px 0;}
.footer .ft-info .logo-wrap {float:left;}
.footer .ft-info .logo-wrap img {width:180px;}
.footer .ft-info .info {margin-left:250px;}
.footer .ft-info .text-wrap p {display:inline-block; font-size:13px; color:#ddd; margin-right:20px; margin-bottom:10px;}
.footer .ft-info .text-wrap p span {display:inline-block; font-weight:600; margin-right:10px;}
.footer .ft-info .copyright {font-size:11px; color:#fff; letter-spacing:0.5px;}

.btn-alltop {display:scroll; position:fixed; bottom:20px; right:20px;}





/* RESPONSIVE
=================================================== */


@media (max-width:1280px) {

	.main-section .text-wrap {width:100%;}
	.main-section img {width:100%;}
	.main-section .img-sz {width:100%;}


}


@media (max-width:992px) {

	.main-contents .carousel-inner {height:450px;}
	.main-contents .carousel-inner .carousel-caption {top:16%;}
	.main-contents .carousel-inner .item img {height:450px;}
	.main-contents .carousel-inner .carousel-caption .txt-wrap h1 {font-size:50px; margin-bottom:10px;}
	.main-contents .carousel-inner .carousel-caption .txt-wrap .desc {font-size:20px; line-height:26px;}
	.main-contents .carousel-inner .carousel-caption .txt-wrap .desc-02 {font-size:16px; line-height:22px; }

	.header .logo {width: 137px; top: 27px;}
	.header .container {width:auto;}


}


@media (max-width:900px) {

	.header .sub-nav > li > a {font-size:12px; padding:9px 8px;}
}




@media (max-width:768px) {
	
	hr.w40 {width:35px; margin:12px auto;}
	input[type="text"] { height:44px; line-height:44px; }
	.header {position:relative; top:0; background-color:#f8b51c; padding:14px 0; height:auto;}
    .header .logo{margin-left:15px; width:130px; height:32px; top:4px; background: url('../img/logo_w.png') no-repeat; background-size: contain;}
	.header .navbar-toggle {padding-right:0; padding-top:15px;}
    .header .sub-nav{margin-top:15px;}
    .header .sub-nav > li{display:block; line-height:29px;}
    .header .sub-nav > li > a {color:#3e3933; padding:10px 15px; display: block; background:#fff !important; }
	.header .sub-nav > li > a:hover{ border-bottom-color:rgba(248,182,28,1); }
	.header .sub-nav > li > a.active {color:#f8b61c;}
	.header .sub-nav > li .alram {display:none;}

	.container{padding:50px 15px;}
	.main-section .title-wrap .title {font-size:26px;}

	.footer .ft-info {padding:40px 0;}
	.footer .ft-info .logo-wrap {float:none; text-align:center; margin-bottom:20px;}
	.footer .ft-info .logo-wrap img {width:180px;}
	.footer .ft-info .info {margin-left:0}
	.footer .ft-info .text-wrap p {display:block; text-align:center; color:#ababab; margin-bottom:5px;}
	.footer .ft-info .text-wrap p span {display:inline-block; font-weight:600; margin-right:10px;}
	.footer .ft-info .copyright {font-size:11px; text-align:center; color:#ababab; letter-spacing:0.5px; margin-top:10px;}

}


@media (max-width:560px) {
	
	hr.w40 {width:30px; margin:10px auto;}
	.main-contents .carousel-inner {height:350px;}
	.main-contents .carousel-inner .carousel-caption {top:6%;}
	.main-contents .carousel-inner .item img {height:350px;}
	.main-contents .carousel-inner .carousel-caption .txt-wrap h1 {font-size:40px; margin-bottom:8px;}
	.main-contents .carousel-inner .carousel-caption .txt-wrap .desc {font-size:17px; line-height:22px;}
	.main-contents .carousel-inner .carousel-caption .txt-wrap .desc-02 {font-size:14px; line-height:20px; }
	.main-contents .carousel-inner .carousel-caption .w50 {width:40px; margin-bottom:20px;}


	.main-section .title-wrap .title {font-size:23px;}

}