@charset "utf-8";
 /**** Common ************************************************/
 @font-face { font-family: 'S-CoreDream-5Medium'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-5Medium.woff') format('woff'); font-weight: normal; font-style: normal; } 
 @font-face { font-family: 'S-CoreDream-4Regular'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-4Regular.woff') format('woff'); font-weight: normal; font-style: normal; } 
 @font-face { font-family: 'OTEnjoystoriesBA'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_two@1.0/OTEnjoystoriesBA.woff') format('woff'); font-weight: normal; font-style: normal; } 
.scdM{font-family: 'S-CoreDream-5Medium'; font-weight: 400;}
.scdR{font-family: 'S-CoreDream-4Regular'; }
.tbn{ font-family: 'OTEnjoystoriesBA'; }
* {max-height:1000000px;margin:0;padding:0;box-sizing: border-box;}
img, fieldset, button {border:none;}
hr, button img {display:none;}
input, select, button, textarea {font-family:'Noto Sans KR','Noto Sans Korean', 'Malgun Gothic','맑은 고딕','돋움',Dotum,'굴림',Gulim,Tahoma,Verdana,Geneva,sans-serif,Apple Gothic,AppleGothic;font-size:16px;font-weight:400;color:#303030;line-height:1.86;letter-spacing:-0.03em;box-sizing:border-box;vertical-align:middle;}
input[type=submit] {cursor:pointer;appearance:none;-moz-appearance:none;-webkit-appearance:none;border-radius:0;-moz-border-radius:0;-webkit-border-radius:0;}
/* select::-ms-expand {display: none;} */
ul, li {list-style:none;}
a {display:block;font-weight:400;color:#303030;text-decoration:none;vertical-align:top;}
a:hover, a:active, a:focus, a:visited {text-decoration:none;}
table {width:100%;table-layout:fixed;border-collapse:collapse;border-spacing:0;text-align:center;}
table img {vertical-align:top;}
th, td {vertical-align:middle;word-wrap:break-word;word-break:break-all;}
form  {margin:0;padding:0;}
/*img {width:100%;vertical-align:top;}*/
img {vertical-align:top;}
table img {width:auto;vertical-align:middle;}
legend  {position:absolute;left:0;top:0;width:0;height:0;overflow:hidden;visibility:hidden;font-size:0;line-height:0;} /* For Screen Reader */ 
caption {width:0;height:0;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999px;overflow:hidden;visibility:hidden;}
em {font-style:normal;}
.blind, .disabled {position:absolute;left:-9999px;top:-9999px;}
.fl {float:left;}
.fr {float:right;}
.mc {margin:0 auto;}
.clear:after {content:"";display:block;clear:both;}
.fawb:before, .fawa:after {font-family:FontAwesome;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscalecolor:#fff;}
.wrap {width:100%;/* max-width:1320px; */margin:0 auto;}

body {position:relative;/* max-width:1320px;s */background:#fff;font-family:'Noto Sans KR','Noto Sans Korean', 'Malgun Gothic','맑은 고딕','돋움',Dotum,'굴림',Gulim,Tahoma,Verdana,Geneva,sans-serif,Apple Gothic,AppleGothic;font-size:16px;font-weight:400;color:#303030;line-height:1.86;letter-spacing:-0.03em;-webkit-text-size-adjust:none;font-smoothing:antialiased;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
#wrap {position:relative;margin:-1px 0 0 0;padding:110px 0 0 0;width:100%;height:100%;overflow: hidden;}
.Montserrat{font-family: 'Montserrat', sans-serif;}
.nsj{font-family: 'Noto Sans JP', sans-serif; font-weight: 400;}
.header, .footer, body {}
/* Font */
	.fs10 {font-size:10px;}			.fs20 {font-size:20px;}			.fs30 {font-size:30px;}			.fs40 {font-size:40px;}		    .fs50 {font-size:50px;}
	.fs11 {font-size:11px;}			.fs21 {font-size:21px;}			.fs31 {font-size:31px;}			.fs41 {font-size:41px;}		    .fs51 {font-size:51px;}
	.fs12 {font-size:12px;}			.fs22 {font-size:22px;}			.fs32 {font-size:32px;}			.fs42 {font-size:42px;}		    .fs52 {font-size:52px;}
	.fs13 {font-size:13px;}			.fs23 {font-size:23px;}			.fs33 {font-size:33px;}			.fs43 {font-size:43px;}		    .fs53 {font-size:53px;}
	.fs14 {font-size:14px;}		    .fs24 {font-size:24px;}			.fs34 {font-size:34px;}			.fs44 {font-size:44px;}		    .fs54 {font-size:54px;}
	.fs15 {font-size:15px;}			.fs25 {font-size:25px;}			.fs35 {font-size:35px;}			.fs45 {font-size:45px;}		    .fs55 {font-size:55px;}
	.fs16 {font-size:16px;}			.fs26 {font-size:26px;}			.fs36 {font-size:36px;}			.fs46 {font-size:46px;}		    .fs56 {font-size:56px;}
	.fs17 {font-size:17px;}			.fs27 {font-size:27px;}			.fs37 {font-size:37px;}		    .fs47 {font-size:47px;}		    .fs57 {font-size:57px;}
	.fs18 {font-size:18px;}			.fs28 {font-size:28px;}			.fs38 {font-size:38px;}		    .fs48 {font-size:48px;}		    .fs58 {font-size:58px;}
	.fs19 {font-size:19px;}			.fs29 {font-size:29px;}			.fs39 {font-size:39px;}		    .fs49 {font-size:49px;}		    .fs59 {font-size:59px;}
	.keep {word-break:keep-all;}

	.opensans {font-family: 'Open Sans', sans-serif;letter-spacing:-0.03em;}
	.montserrat {font-family: 'Montserrat', sans-serif;}

/* Table */
	.s_tb {display:table;width:100%;table-layout:fixed;}
	.s_tc {display:table-cell;vertical-align:middle;text-align:center;}
	.s_tct {display:table-cell;vertical-align:top;text-align:center;}
	.s_tcl {display:table-cell;vertical-align:middle;text-align:left;}
	.s_ttl {display:table-cell;vertical-align:top;text-align:left;}

/* Background */
	.bg1 {background:url(../../images/layout/color1.png); background-size:100% 100%;}
	.bg2 {background:url(../../images/layout/color2.png); background-size:100% 100%;}
	.bg3 {background:url(../../images/layout/color3.png); background-size:100% 100%;}
	.bg1:hover {background:url(../../images/layout/color2.png); background-size:100% 100%;}
	.bg2:hover {background:url(../../images/layout/color3.png); background-size:100% 100%;}
	.bg3:hover {background:url(../../images/layout/color1.png); background-size:100% 100%;}
	.bg1_be {position:relative;z-index:1;}
	.bg2_be {position:relative;z-index:1;}
	.bg3_be {position:relative;z-index:1;}
	.bg1_be:before {display:block;content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:url(../../images/layout/color1.png); background-size:100% 100%;z-index:-1;opacity:0;transition:0.3s;}
	.bg2_be:before {display:block;content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:url(../../images/layout/color2.png); background-size:100% 100%;z-index:-1;opacity:0;transition:0.3s;}
	.bg3_be:before {display:block;content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:url(../../images/layout/color3.png); background-size:100% 100%;z-index:-1;opacity:0;transition:0.3s;}
	.bg1_be:hover:before {opacity:1;}
	.bg2_be:hover:before {opacity:1;}
	.bg3_be:hover:before {opacity:1;}

/* Button */
	.diff_btn1 {margin:45px auto 0;width:225px;box-sizing:border-box;border:1px solid #303030;border-radius:33px;font-family: 'Open Sans', sans-serif;text-align:center;letter-spacing:-0.03em;font-size:18px;font-weight:800;line-height:65px;color:#303030;text-transform:uppercase;transition:0.3s;}
	.diff_btn1:hover {border-color:#2fbeb2 !important;color:#2fbeb2 !important;}
	.diff_btn1.ty1 {margin-left:0;}
	.diff_btn1.ty2 {color:#fff;background:#2f59a7;border-color:#2f59a7;}

	.diff_btn_area {margin-top:40px;}
	.diff_btn_area a {display:inline-block;margin:0 10px 0 0;}

/* Image */
	.auto_img {width:auto !important;max-width:100%;margin:0 auto;}

	.abc_img {position:relative;}
	.abc_img > img {position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;width:auto;height:auto;max-width:100%;max-height:100%;}

	/*롯데마트 드림체*/
	@font-face {
  font-family: 'LotteMartDream';
  font-style: normal;
  font-weight: 400;
  src: url('//cdn.jsdelivr.net/korean-webfonts/1/corps/lottemart/LotteMartDream/LotteMartDreamMedium.woff2') format('woff2'), url('//cdn.jsdelivr.net/korean-webfonts/1/corps/lottemart/LotteMartDream/LotteMartDreamMedium.woff') format('woff');
}

@font-face {
  font-family: 'LotteMartDream';
  font-style: normal;
  font-weight: 700;
  src: url('//cdn.jsdelivr.net/korean-webfonts/1/corps/lottemart/LotteMartDream/LotteMartDreamBold.woff2') format('woff2'), url('//cdn.jsdelivr.net/korean-webfonts/1/corps/lottemart/LotteMartDream/LotteMartDreamBold.woff') format('woff');
}

@font-face {
  font-family: 'LotteMartDream';
  font-style: normal;
  font-weight: 300;
  src: url('//cdn.jsdelivr.net/korean-webfonts/1/corps/lottemart/LotteMartDream/LotteMartDreamLight.woff2') format('woff2'), url('//cdn.jsdelivr.net/korean-webfonts/1/corps/lottemart/LotteMartDream/LotteMartDreamLight.woff') format('woff');
}

.lottemartdream{
 font-family: 'LotteMartDream', sans-serif;
}
.Roboto{	
font-family: 'Roboto', sans-serif;
}