@charset "utf-8";

/* 메인페이지 스타일만 정의 */
section.main {background-color:#fff !important;}

/* ************************************** 와이드 ************************************ */
@media screen and (min-width:992px), print {
	
	/* 메인 공통 */
	.main-section {padding:60px 0}
	.main-section .inner {max-width:1200px; margin: 0 auto}

	
	/* 메인 비주얼 */
	.main-wrap {}
	.main-visual {position:relative;}

	.main-visual .visual {position:relative; width:100%; height:800px;}
	.main-visual .visual .sliderObj {position:absolute; left:0; top:0; width:100%; height:100%;}
	.main-visual .visual .slider01 {background:url(../images/main/main-slider01.jpg) no-repeat center !important; background-size:cover !important}
	.main-visual .visual .slider02 {background:url(../images/main/main-slider02.jpg) no-repeat center !important; background-size:cover !important}
	.main-visual .visual .slider03 {background:url(../images/main/main-slider03.jpg) no-repeat center !important; background-size:cover !important}

	.main-visual .visual .slider-text {position:relative; width:1200px; height:100%; padding-top:280px; margin:0 auto; color:#fff; z-index:999}
	.main-visual .visual .slider-text h2 {position:relative; margin-bottom:30px; font-size:60px; font-weight:700;}
	.main-visual .visual .slider-text p {position:relative; font-size:24px; font-weight:300; line-height:1.3}
	.main-visual .visual .slider-text a {position:relative; display:block; width:185px; height:65px; margin-top:60px; font-size:12px; color:#fff; text-align:center; line-height:63px; text-transform:uppercase; border:1px solid #fff; transition:all .3s}
	.main-visual .visual .slider-text a:hover {background:rgba(255, 255, 255, .3)}

	
	.main-visual .button-wrap {position:absolute; left:0; bottom:100px; width:100%;}
	.main-visual .button-wrap .inner {position:relative; width:1200px; margin:0 auto; line-height:1}
	.main-visual .button-wrap .inner:after {clear:both; content:''; display:block;}
	.main-visual .button-wrap .sliderButton {position:relative; float:left; left: auto !important; bottom: auto !important; transform:none;}
	.main-visual .button-wrap .sliderButton div {display:inline-block;}
	.main-visual .button-wrap .sliderButton div:after {clear:both; content:''; display:block;}
	.main-visual .button-wrap .sliderButton div>button {position:relative; top:auto !important; right: auto !important; float:left; width:25px; height:25px; margin-right:25px; padding:0}
	.main-visual .button-wrap .sliderButton div>button.prev {background:url(../images/common/i-prev.png) no-repeat left center;}
	.main-visual .button-wrap .sliderButton div>button.next {margin-right:0; background:url(../images/common/i-next.png) no-repeat right center; }
	.main-visual .button-wrap .sliderButton div>button>div {display:none;}
	
	.main-visual .button-wrap .account-wrap {float:left; display:inline-block; margin-left:35px;}
	.main-visual .button-wrap .account-wrap p {font-size:16px; font-weight:700; color:#fff; line-height:1.5; text-transform:uppercase;}
	.main-visual .button-wrap .account-wrap .count { letter-spacing:10px; margin-right:10px;}

	.main-visual .sliderPage {position:relative; width:1200px; margin:0 auto; z-index:999}
	.main-visual .sliderPage div {display:inline-block; float:right; margin-top:280px;}
	.main-visual .sliderPage div button {position:relative;display:block; width: 20px; height:20px; margin:30px 0; padding:4px; border-radius:100%; background:none;}
	.main-visual .sliderPage div button span {display:inline-block; width:8px;height:8px; border-radius:100%; background:#fff; text-indent:-999999px;}
	.main-visual .sliderPage div button.on {border:2px solid #fff}





	/* 메인 퀵메뉴 */
	.main-quick {background:#f5f5f5}
	.main-quick .main-title-wrap {margin-bottom:40px; text-align:center;}
	.main-quick .main-title-wrap h2 {margin-bottom:30px; font-size:37px; font-weight:900; color:#010101; text-transform:uppercase;}
	.main-quick .main-title-wrap h3 {font-size:24px; font-weight:400; color:#3852b7}
	.main-quick .main-title-wrap p {margin-top:5px; font-weight:300; color:#000;}
	
	.main-quick ul {padding:0 170px}
	.main-quick ul:after {clear:both; content:''; display:block;}
	.main-quick ul li {float:left; width:calc((100% - 75px)/4); text-align:center;}
	.main-quick ul li+li {margin-left:25px;}
	.main-quick ul li a {display:block; width:100%; padding:40px 0; background:#fff; border:1px solid #e5e5e5; transition:all .3s; }
	.main-quick ul li a i {display:inline-block; height:65px;}

	.main-quick ul li a p {margin-top:15px; font-size:16px; font-weight:700; color:#000}
	.main-quick ul li:hover a {border:1px solid #000; box-shadow:10px 10px 10px rgba(0, 0, 0, .15)}


	body.eng .main-quick ul {padding:0 100px;}
	body.chi .main-quick ul {padding:0 150px;}
	body.chi .main-quick .main-title-wrap h2 {letter-spacing:0px;}
	body.chi .main-quick .main-title-wrap h3 {letter-spacing:0px;}

	/* 메인 공지사항 */
	.main-notice {}
	.main-notice h2 {margin-bottom:30px; font-size:37px; font-weight:900; color:#000; text-align:center}
	.main-notice ul {}
	.main-notice ul li {border-top:1px solid #e5e5e5}
	.main-notice ul li a {display:block; padding:30px 40px; background:url(../images/main/i-more.png) no-repeat right 50px top 47px; transition:all .7s}
	.main-notice ul li a:after {clear:both; content:''; display:block;}
	.main-notice ul li a .date {float:left; width:60px; font-size:35px; font-weight:700; color:#999; line-height:1;}
	.main-notice ul li a .date span {display:block; font-size:12px; font-weight:400; line-height:1.6}
	.main-notice ul li a dl {float:left; width: calc(100% - 60px); padding:0 20px; padding-right:60px; font-weight:300;}
	.main-notice ul li a dl dt {font-size:18px; font-weight:400; color:#000;}
	.main-notice ul li a dl dd {width:100%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; font-size:16px; color:#666;}


	.main-notice ul li a:hover .date {color:#000;}
	.main-notice ul li a:hover dl dt {color:#3852b7;}


	/* 메인 공지사항 - 일어 */
	.main-wrap.jap {}
	.main-wrap.jap .main-quick ul {padding:0 100px;}
	






}

/* ************************************** 태블릿 ************************************ */
@media (min-width: 992px) and (max-width: 1199px) {

	.main-quick ul {padding:0 100px}

}



/* ************************************** 태블릿 ************************************ */
@media screen and (max-width: 991px) {

	

	/* 메인 공통 */
	.main-section {padding:60px 0}
	.main-section .inner {padding:0 20px;}

	
	/* 메인 비주얼 */
	.main-wrap {}
	.main-visual {position:relative;}

	.main-visual .visual {position:relative; width:100%; height:700px;}
	.main-visual .visual .slider01 {background:url(../images/main/main-slider01.jpg) no-repeat center; background-size:cover !important}
	.main-visual .visual .slider02 {background:url(../images/main/main-slider02.jpg) no-repeat center; background-size:cover !important}
	.main-visual .visual .slider03 {background:url(../images/main/main-slider03.jpg) no-repeat center; background-size:cover !important}
	.main-visual .visual .slider04 {background:url(../images/main/main-slider04.jpg) no-repeat center; background-size:cover !important}
	.main-visual .visual .slider05 {background:url(../images/main/main-slider05.jpg) no-repeat center; background-size:cover !important}

	.main-visual .visual .slider-text {position:relative; width:100%; padding:220px 20px 0; color:#fff; z-index:999}
	.main-visual .visual .slider-text h2 {position:relative;margin-bottom:30px; font-size:45px; font-weight:700;}
	.main-visual .visual .slider-text p {position:relative;min-height:80px; font-size:20px; font-weight:300; line-height:1.3}
	.main-visual .visual .slider-text p.pc {position:relative;display:block !important;}
	.main-visual .visual .slider-text p.mobile {display:none !important;}
	.main-visual .visual .slider-text a {position:relative;display:inline-block; width:185px; height:65px; margin-top:30px; font-size:12px; color:#fff; text-align:center; line-height:63px; text-transform:uppercase; border:1px solid #fff; transition:all .3s}

	
	.main-visual .button-wrap {position:absolute; left:0; bottom:100px; width:100%;}
	.main-visual .button-wrap .inner {position:relative; padding:0 20px; line-height:1}
	.main-visual .button-wrap .inner:after {clear:both; content:''; display:block;}
	.main-visual .button-wrap .sliderButton {position:relative; float:left; left: auto !important; bottom: auto !important; right: auto !important; transform:none;}
	.main-visual .button-wrap .sliderButton div {display:inline-block;}
	.main-visual .button-wrap .sliderButton div:after {clear:both; content:''; display:block;}
	.main-visual .button-wrap .sliderButton div>button {position:relative; top:auto !important; right: auto !important; float:left; width:25px; height:25px; margin-right:15px; padding:0}
	.main-visual .button-wrap .sliderButton div>button.prev {background:url(../images/common/i-prev.png) no-repeat left center;}
	.main-visual .button-wrap .sliderButton div>button.next {margin-right:0; background:url(../images/common/i-next.png) no-repeat right center; }
	.main-visual .button-wrap .sliderButton div>button>div {display:none;}
	
	.main-visual .button-wrap .account-wrap {float:left; display:inline-block; margin-left:35px;}
	.main-visual .button-wrap .account-wrap p {font-size:16px; font-weight:700; color:#fff; line-height:1.5; text-transform:uppercase;}
	.main-visual .button-wrap .account-wrap .count { letter-spacing:10px; margin-right:10px;}

	.main-visual .sliderPage {position:absolute; right:20px; top:0; z-index:999}
	.main-visual .sliderPage div {margin-top:220px;}
	.main-visual .sliderPage div button {position:relative;display:block; width: 20px; height:20px; margin:30px 0; padding:4px; border-radius:100%; background:none;}
	.main-visual .sliderPage div button span {display:inline-block; width:8px;height:8px; border-radius:100%; background:#fff; text-indent:-999999px;}
	.main-visual .sliderPage div button.on {border:2px solid #fff}


	/* 메인 비주얼 - 영어 */
	.main-visual.eng .visual .slider-text .pc {display:none !important}
	.main-visual.eng .visual .slider-text .mobile {display:block !important}
	.main-visual.eng .visual .slider-text {padding-right:150px;}



	/* 메인 퀵메뉴 */
	.main-quick {background:#f5f5f5}
	.main-quick .main-title-wrap {margin-bottom:35px; text-align:center;}
	.main-quick .main-title-wrap h2 {margin-bottom:30px; font-size:35px; font-weight:900; color:#010101; text-transform:uppercase;}
	.main-quick .main-title-wrap h3 {font-size:24px; font-weight:400; color:#3852b7}
	.main-quick .main-title-wrap p {margin-top:5px; font-weight:300; color:#000;}
	
	.main-quick ul {padding:0 150px;}
	.main-quick ul:after {clear:both; content:''; display:block;}
	.main-quick ul li {float:left; width:calc((100% - 25px)/2); text-align:center; margin-bottom:25px;}
	.main-quick ul li+li {margin-left:25px;}
	.main-quick ul li:nth-child(3) {margin-left:0; margin-bottom:0;}
	.main-quick ul li:nth-child(4) {margin-bottom:0;}

	.main-quick ul li a {display:block; width:100%;padding:50px 0; background:#fff; border:1px solid #e5e5e5; transition:all .3s; }
	.main-quick ul li a i {display:inline-block; min-height:78px;}
	.main-quick ul li a p {margin-top:15px; font-size:18px; font-weight:700; color:#000}


	/* 메인 공지사항 */
	.main-notice {}
	.main-notice h2 {margin-bottom:30px; font-size:35px; font-weight:900; color:#000; text-align:center}
	.main-notice ul {}
	.main-notice ul li {border-top:1px solid #e5e5e5}
	.main-notice ul li a {display:block; padding:30px; background:url(../images/main/i-more.png) no-repeat right 30px top 47px; transition:all .7s}

	.main-notice ul li a:after {clear:both; content:''; display:block;}
	.main-notice ul li a .date {float:left; width:60px; font-size:35px; font-weight:700; color:#999; line-height:1;}
	.main-notice ul li a .date span {display:block; font-size:12px; font-weight:400; line-height:1.6}
	.main-notice ul li a dl {float:left; width: calc(100% - 60px); padding:0 20px; padding-right:60px; font-weight:300;}
	.main-notice ul li a dl dt {font-size:18px; font-weight:400; color:#000;}
	.main-notice ul li a dl dd {width:100%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; font-size:16px; color:#666;}


	.main-notice ul li a .date.pc {display:block !important}
	.main-notice ul li a .date.mobile {display:none !important}
	.main-notice ul li a:hover .date {color:#000;}
	.main-notice ul li a:hover dl dt {color:#3852b7;}



	/* 메인 - 일어 */
	.main-wrap.jap .main-visual .visual .slider-text {padding-right:150px;}
	.main-wrap.jap .main-visual .visual .slider-text p.pc {display:none !important;}
	.main-wrap.jap .main-visual .visual .slider-text p.mobile {display:block !important;}





}

/* ************************************** 모바일 ************************************ */
@media screen and (max-width: 767px) {
	
	/* 메인 공통 */
	.main-section {padding:40px 0}
	.main-section .inner {padding:0 20px;}
	
	.main-visual .visual {height:550px;}
	.main-visual .visual .slider-text p.pc {display:none !important;}
	.main-visual .visual .slider-text p.mobile {display:block !important;}
	.main-visual .visual .slider-text {width:100%; padding:180px 20px 0; padding-right:70px; color:#fff}
	.main-visual .visual .slider-text h2 {margin-bottom:20px; font-size:30px; font-weight:700;}
	.main-visual .visual .slider-text p {font-size:16px; font-weight:300; line-height:1.3; height:auto !important; min-height:auto !important; margin-bottom:20px}
	.main-visual .visual .slider-text a {display:inline-block; width:135px; height:50px; margin-top:0px; font-size:12px; color:#fff; text-align:center; line-height:50px; text-transform:uppercase; border:1px solid #fff; transition:all .3s}

	
	.main-visual .sliderPage div {margin-top:180px;}
	.main-visual .button-wrap {bottom:50px}



	/* 메인 비주얼 - 영어 */
	.main-visual.eng .visual .slider-text {padding-right:70px;}




	.main-quick .main-title-wrap {padding:0;}
	.main-quick .main-title-wrap h2 {font-size:30px; margin-bottom:20px; line-height:1.2}
	.main-quick .main-title-wrap h3 {font-size:16px; line-height:1.3}
	.main-quick ul {padding:0px;}
	.main-quick ul li {margin-bottom:10px; width:calc((100% - 10px)/2)}
	.main-quick ul li+li {margin-left:10px;}
	.main-quick ul li a {height:auto; padding:30px 0;}
	.main-quick ul li a i {min-height:auto}
	.main-quick ul li a img {height:50px;}
	.main-quick ul li a p {font-size:16px; margin-top:15px}

	.main-notice h2 {font-size:30px; margin-bottom:20px;}
	.main-notice ul li a {padding:20px 10px; background-position:right 10px top 35px}
	.main-notice ul li a dl {width:100%; padding:0 40px; padding-left:0;}
	.main-notice ul li a dl dt {font-size:18px; font-weight:400}
	.main-notice ul li a dl dd {font-weight:300}

	.main-notice ul li a .date.pc {display:none !important}
	.main-notice ul li a .date.mobile {display:block !important}

	.main-notice ul li a .date {width:100%; font-size:14px; font-weight:400; margin-top:15px;}


	/* 메인 - 일어 */
	.main-wrap.jap .main-visual .visual .slider-text {padding-right:100px;}







}