/* BASIC css start */
/**************************
 메인이미지 폰트/사이즈 :::: 개별적으로 맞추고 싶을때 line3 처럼 뒤에 숫자를 붙여서 구분해주기
 **************************/
#ftWrap {margin-top:0px !important;}

.text {  color:#fff; font-family: "Open Sans", "Nanum Gothic", sans-serif; font-weight:bold; letter-spacing:10px; display:block; text-transform: uppercase }
.section {text-align:center;}
.sub_top_ban {display:none !important;}
#footer {margin:0 auto !important;}


 /* 한글 */
.k_title28 { font-size:28px; line-height:60px; letter-spacing:0px; font-family: 'Noto Sans KR', sans-serif;  font-weight:500;}

/*영문 bold굵게 line얇게   */
.bold_title95 { font-size:95px; line-height:95px; }
.bold_title70 { font-size:70px; line-height:80px; word-spacing:-15px; }
.line_title70 { font-size:70px; line-height:80px; font-weight:300; letter-spacing:50px;  text-indent:20px; }
.line3_title70 { font-size:70px; line-height:80px; font-weight:300; letter-spacing:58px;  text-indent:25px; }  /* 메인이미지3 얇은 폰트 */

/* 메인이미지 버튼  */
.page_btn {display:inline-block; height:59px;margin-top:15px; margin-right:0px; }
.page_btn a {display:block; padding:0px 20px; height:59px; color:#fff;border:1px solid #fff;font-size:25px;line-height:59px;font-family:'Oswald', "Open Sans", sans-serif;letter-spacing:6px;font-weight:300;}
.page_btn a:hover {color:#fff;border:1px solid #004fd2;background-color:#004fd2;}

/* 메인이미지 텍스트영역 */
.area_center { position: absolute;  z-index: 4; margin:0 auto; width:1200px; left:50%; top:55%; margin-left:-600px; margin-top:-130px;}
.area_left {  position: absolute;  z-index: 4; margin:0 auto; width:700px; left:25%; top:50%; margin-left:-350px; margin-top:-210px;}
.area_right { position:absolute;  z-index: 4; margin:0 auto; width:700px; right:25%; top:50%; margin-right:-350px; margin-top:-210px;}


/**************************
 메인이미지
 **************************/

/* 26번 석고방향제 */
#section26 { position:relative; background-image:url('/design/monsferkik/0119glam/mainbanner15.jpg'); background-position:center; background-size: cover;}
.scroll { position: absolute;  z-index: 4; margin:0 auto; width:1200px; left:50%; bottom:5%; margin-left:-600px; }

/* 25번 UV투명하드 */
#section25 { position:relative; background-image:url('/design/monsferkik/0119glam/mainbanner11.jpg'); background-position:center; background-size: cover;}
.scroll { position: absolute;  z-index: 4; margin:0 auto; width:1200px; left:50%; bottom:5%; margin-left:-600px; }

/* 23번 에어팟*/
#section23 { position:relative; background-image:url('/design/monsferkik/0119glam/mainbanner09.jpg'); background-position:center; background-size: cover;}
.scroll { position: absolute;  z-index: 4; margin:0 auto; width:1200px; left:50%; bottom:5%; margin-left:-600px; }

/* 21번 스마트톡 */
#section21 { position:relative; background-image:url('/design/monsferkik/0119glam/mainbanner06.jpg'); background-position:center; background-size: cover;}
.scroll { position: absolute;  z-index: 4; margin:0 auto; width:1200px; left:50%; bottom:5%; margin-left:-600px; }

/* 22번 카톡상담*/
#section22 { position:relative; background-image:url('/design/monsferkik/0119glam/mainbanner01.jpg'); background-position:center; background-size: cover;}
.scroll { position: absolute;  z-index: 4; margin:0 auto; width:1200px; left:50%; bottom:5%; margin-left:-600px; }

/* 11번 도매OEM */
#section11 { position:relative; background-image:url('/design/monsferkik/0119glam/mainbanner12.jpg'); background-position:center; background-size: cover;}
.scroll { position: absolute;  z-index: 4; margin:0 auto; width:1200px; left:50%; bottom:5%; margin-left:-600px; }

/* 7번 블랙멤버쉽 */
#section7 { position:relative; background-image:url('/design/monsferkik/0119glam/mainbanner02.jpg'); background-position:center; background-size: cover;}
.scroll { position: absolute;  z-index: 4; margin:0 auto; width:1200px; left:50%; bottom:5%; margin-left:-600px; }

/* 16번 여권 */
#section16 { position:relative; background-image:url('/design/monsferkik/0119glam/mainbanner10.jpg'); background-position:center; background-size: cover;}
.scroll { position: absolute;  z-index: 4; margin:0 auto; width:1200px; left:50%; bottom:5%; margin-left:-600px; }

/* 1번 슬림하드 */
#section1 { position:relative; background-image:url('/design/monsferkik/0119glam/mainbanner12.jpg'); background-position:center; background-size: cover; }
.scroll { position: absolute;  z-index: 4; margin:0 auto; width:1200px; left:50%; bottom:5%; margin-left:-600px; }

/* 2번 터프케이스*/
#section2 { position:relative; background-image:url('/design/monsferkik/0119glam/mainbanner16.jpg'); background-position:center; background-size: cover;}
.scroll { position: absolute;  z-index: 4; margin:0 auto; width:1200px; left:50%; bottom:5%; margin-left:-600px; }

/* 3번 투명젤리 */
#section3 { position:relative; background-image:url('/design/monsferkik/0119glam/mb001.jpg'); background-position:center; background-size: cover;}
.scroll { position: absolute;  z-index: 4; margin:0 auto; width:1200px; left:50%; bottom:5%; margin-left:-600px; }

/* 4번 월릿커버 */
#section4 { position:relative; background-image:url('/design/monsferkik/0119glam/mainbanner17.jpg'); background-position:center; background-size: cover;}
.scroll { position: absolute;  z-index: 4; margin:0 auto; width:1200px; left:50%; bottom:5%; margin-left:-600px; }

/* 5번 맥세이프 */
#section5 { position:relative; background-image:url('/design/monsferkik/0119glam/mainbanner000.jpg'); background-position:center; background-size: cover;}
.scroll { position: absolute;  z-index: 4; margin:0 auto; width:1200px; left:50%; bottom:5%; margin-left:-600px; }

/* 6번 보조배터리 */
#section6 { position:relative; background-image:url('/design/monsferkik/0119glam/mainbanner07.jpg'); background-position:center; background-size: cover;}
.scroll { position: absolute;  z-index: 4; margin:0 auto; width:1200px; left:50%; bottom:5%; margin-left:-600px; }

/* 9번 포토샵전용 */
#section9 { position:relative; background-image:url('/design/monsferkik/0119glam/mainbanner14.jpg'); background-position:center; background-size: cover;}
.scroll { position: absolute;  z-index: 4; margin:0 auto; width:1200px; left:50%; bottom:5%; margin-left:-600px; }


/* 10번(인스타그램) */


/* 공통 하단 텍스트  */
.text_area {height:270px !important;  background-color:#fff; color:#fff; position:absolute; bottom:0px; width:100%}
.text_area .inner_tilte {font-size:35px; color:#fff; font-family:"Open Sans", "Nanum Gothic", sans-serif; font-weight:200; padding-top:80px;}
.text_area .inner_text {font-size:18px; color:#999; padding-top:17px;  font-family: 'Noto Sans KR', sans-serif; font-weight:300;}

/* 하단 3단 배너 */
#section10 { height:100%;  margin:0px; padding:0px; font-size:0px; }
.banner_area { width:100%; vertical-align:top;  margin:0px 0 0 0; padding:0;}
.banner_area img { width:100%; }

.ban01 { width:33.333%; min-height:603px; display:inline-block;}
.ban02 { width:33.333%; min-height:603px; display:inline-block;}
.ban03 { width:33.333%; min-height:603px; display:inline-block;}

.banner_area .banner01 {background-image:url('/design/monsferkik/0119glam/ban03.jpg'); width:100%; float:left; min-height:455px; background-position:center; background-size: cover; }
.banner_area .banner02 {background-image:url('/design/monsferkik/0119glam/ban09.jpg'); width:100%; float:left; min-height:455px; background-position:center; background-size: cover; }
.banner_area .banner03 {background-image:url('/design/monsferkik/0119glam/ban06.jpg'); width:100%; float:left; min-height:455px; background-position:center; background-size: cover; }

.banner_area .ban_txt01 {width:100%; min-height:150px; background-color:#f5eeee; float:left; text-align:left;}
.banner_area .ban_txt02 {width:100%; min-height:150px; background-color:#f4f4f4; float:left; text-align:left;}
.banner_area .ban_txt03 {width:100%; min-height:150px; background-color:#f5eeee; float:left; text-align:left;}

.ban_title a {font-size:27px;  font-family:"Open Sans", "Nanum Gothic", sans-serif; color:#333333; text-align:left; padding:23px 30px 0; display:block;}
.ban_txt a {font-size:13px; font-family:"Open Sans", "Nanum Gothic", sans-serif; color:#989898; text-align:left; padding:14px 30px 0; display:block;letter-spacing:0.5px;}
.ban_read a {font-size:11px; font-family:"verdana"; color:#333333; text-align:left; padding:7px 30px 20px; font-weight:normal; display:block;}

.ban_title a:hover {color:#222;background-color:transparent;}
.ban_txt a:hover {color:#222;background-color:transparent;}
.ban_read a:hover {color:#222;background-color:transparent;}


/**************************
 브라우저 사이즈별
 **************************/
@media all and (max-width:1920px) {
	/* 공통 하단 텍스트  */
	.text_area {height:170px !important; }
	.text_area .inner_tilte {font-size:30px; padding-top:25px;}
	.text_area .inner_text {font-size:16px; padding-top:17px;}

	/* 텍스트영역  - 중앙/왼쪽/오른쪽 */
	.area_center { margin-top:-160px;}
	.area_left {  margin-top:-160px;}
	.area_right {  margin-top:-160px;}

	/* 9번(인스타그램) */
	#section9 .text_ban_area { margin:0 auto; text-align:center; width:1400px;  left:50%; top:50%; margin-left:-700px;  margin-top:-270px; }
	#section9 .inner_tilte_sns { padding-top:30px;}
	#section9 .inner_tilte_sns div img { padding-right:20px;height:45px;}
	#section9 #instafeed img { text-decoration:none;border:none;width:200px;height:200px;margin:15px;}
	}


@media all and (max-width:1400px) {
	/* 공통 하단 텍스트  */
	.text_area {height:150px !important; }
	.text_area .inner_tilte {font-size:30px; padding-top:20px;}
	.text_area .inner_text {font-size:14px; padding-top:17px;}

	/* 메인이미지 폰트/사이즈 */
	.k_title28 { font-size:20px; line-height:45px;}
	.bold_title95 { font-size:70px; line-height:70px; }
	.bold_title70 { font-size:50px; line-height:60px; }
	.line_title70 { font-size:50px; line-height:60px; letter-spacing:46px; text-indent:18px; }

	/* 메인이미지 버튼  */
	.page_btn { height:45px;margin-top:20px; margin-right:30px; }
	.page_btn a { padding:0px 30px; height:45px; font-size:22px;line-height:45px;letter-spacing:6px;font-weight:300;}

	/* 텍스트영역  - 중앙/왼쪽/오른쪽 */
	.area_center { margin-top:-120px;}
	.area_left {  margin-top:-120px;}
	.area_right {  margin-top:-120px;}

	/* 9번(인스타그램) */
	#section9 .text_ban_area { margin:0 auto; text-align:center; width:1000px;left:50%; top:50%; margin-left:-500px; margin-top:-200px; }
	#section9 .inner_tilte_sns {padding-top:30px;}
	#section9 .inner_tilte_sns div img {padding-right:20px;height:38px;}
	#section9 #instafeed img {text-decoration:none;border:none;width:140px;height:140px;margin:10px;}
}


@media all and (max-width:1000px) {
	/* 공통 하단 텍스트  */
	.text_area {height:130px !important; }
	.text_area .inner_tilte {font-size:20px; padding-top:20px;}
	.text_area .inner_text {font-size:12px; padding-top:17px;}

	/* 하단 3단 배너 */
	.ban_title a {font-size:20px;}
	.ban_txt a {font-size:11px; }
	.ban_read a {font-size:10px; }

	/* 9번(인스타그램) */
	#section9 .text_ban_area { margin:0 auto; text-align:center; width:800px; left:50%; top:50%; margin-left:-400px; margin-top:-120px; }
	#section9 .inner_tilte_sns {padding-top:20px;}
	#section9 #instafeed img {text-decoration:none;border:none;width:100px;height:100px;margin:10px; }

}


@media all and (max-height:768px) {
	 /* 공통 하단 텍스트 - 세로가 짧아지면 숨김 처리 */
	.text_area {display:none;}

	/* 텍스트영역  - 중앙/왼쪽/오른쪽 */
	.area_center { margin-top:-50px;}
	.area_left {  margin-top:-50px;}
	.area_right {  margin-top:-50px;}

	/* 9번(인스타그램) */
	#section9 .text_ban_area { margin-top:-120px; }
}
/* BASIC css end */