@charset "utf-8";

.sub_visual {position: relative; height: 580px; background: url("/images/sub_vis_img1.jpg") center top no-repeat; z-index: 25; }
.sub_visual.sub_den {background: url("/images/sub_vis_img2.jpg") center top no-repeat; }
.sub_visual.sub_pd {background: url("/images/sub_vis_img3.jpg") center top no-repeat; }
.sub_visual.sub_cha {background: url("/images/sub_vis_img4.jpg") center top no-repeat; }
.sub_visual.sub_brand {background: url("/images/sub_vis_img5.jpg") center top no-repeat; }
.sub_visual.dd_sub01 {background-image:url("/images/d_pic01.png")}
.sub_visual.dd_sub02 {background-image:url("/images/d_pic02.png")}
.sub_visual.dd_sub03 {background-image:url("/images/d_pic03.png")}
.sub_visual_txt {position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; margin: auto; width: 100%; max-width: 1600px;}
.sub_visual_txt em {font-family: 'yg-jalnan'; font-size: 20px; line-height: 28px; color: #ffc000;}
.sub_visual_txt h2 {color: #1b5394; font-family: 'yg-jalnan'; font-size: 45px; line-height: 60px; margin-top: 10px;}
.sub_visual_txt h2 br.mob_br {display: none;}
#sub_wrap {padding-top: 150px; margin-bottom: 250px;}
.sub_inner {max-width: 1400px; margin: 0 auto;}
.sub_wrap_txt {position: relative; text-align: center; z-index: 15;}
.sub_wrap_txt em {display: block; font-family: 'yg-jalnan'; font-size: 20px; line-height: 28px; color: #ffc000;}
.sub_wrap_txt h2 {position: relative; font-family: 'yg-jalnan'; font-size: 60px; line-height: 68px; color: #000; margin-top: 10px;}
.sub_wrap_txt h2:after {content: ""; display: block; width: 1px; height: 45px; background: #ffc000; margin: 30px auto;}

.sub_visual_txt.sub_den {opacity: 0;}
.sub_visual_txt.sub_cha {margin-top: -50px; opacity: 0;}
.sub_visual_txt.sub_cha h2 {color: #000;}
.sub_visual_txt.sub_brand h2 {color: #1b5394;}
.sub_visual_txt.sub_pd h2 {color: #1b5394;}



/* 리스트 페이지 */


.pd_list_wrap {position: relative; margin: 90px -12.5px 0;}
.pd_list_wrap:after {content: ""; display: block; clear: both;}
.pd_list_wrap li {float: left; width: 33.33%; padding: 0 12.5px;}
.pd_list_wrap .img_wrap {position: relative; height: 410px;}
.pd_list_wrap .img_wrap img {position: absolute; top: 50%; left: 50%; transform: translate(-50% , -50%); max-width: 100%; max-height: 100%; width: 100%; height: auto;}
.pd_list_wrap .img_wrap img.mob_img {display: none;}
.pd_list_wrap .txt_wrap {margin-top: 40px; padding-left: 25px;}
.pd_list_wrap .txt_wrap h2 {font-family: 'yg-jalnan'; color: #0d498e; font-size: 40px; line-height: 48px;}
.pd_list_wrap .txt_wrap h3 {color: #0d498e; font-size: 25px; line-height: 33px; font-weight: 900;}
.pd_list_wrap .txt_wrap h3 span {font-family: 'yg-jalnan'; display: inline-block; vertical-align: middle; color: #bd7f1f;}
.pd_list_wrap .txt_wrap p {color: #000; font-size: 20px; line-height: 28px; font-weight: 300; margin-top: 20px;}

/* 상세 페이지 */

.pd_detail_tbl {display: table; width: 100%; margin-top: 90px;}
.pd_detail_img {position: relative; display: table-cell; text-align: center; vertical-align: middle; width: 57.14%; background: #f3f2f0; border-radius: 50px; height: 800px;}
.pd_detail_img img {width: 432px; }
.pd_detail_txt {position: relative; display: table-cell; vertical-align: middle; width: 42.86%; padding-left: 100px;}
.pd_detail_txt h2 {font-family: 'yg-jalnan'; color: #0d498e; font-size: 50px; line-height: 58px; position:relative;}
.pd_detail_txt h2:after{content:''; display:block; width:120px; height:144px; background:url("/images/sub/opo_logo.png") no-repeat center / contain; position:absolute; right:0; top:0;}
.pd_detail_txt h3 {font-family: 'yg-jalnan'; color: #bd7f1f; font-size: 25px; line-height: 33px; margin-top: 20px;}
.pd_detail_txt p {color: #000; font-size: 26px; line-height: 33px; font-weight: 300; margin-top: 10px; }
.pd_detail_txt strong.pd_detail_text {display: block; color: #000; font-size: 26px; line-height: 33px; font-weight: 700; margin-top: 40px;}
.pd_detail_txt .pd_detail_text2 {position: relative; display: inline-block; margin-top: 40px;}
.pd_detail_txt .pd_detail_text2:before {content: ""; position: absolute; top: 15px; right: -45px; width: 100px; height: 77px; background: url("/images/pd_view_img2.png") center no-repeat; background-size: 100%;}
.pd_detail_txt .pd_detail_text2.rr_pd:before {right: -70px;}
.pd_detail_txt .pd_detail_text2 p {color: #0d498e; font-size: 35px; line-height: 43px; font-weight: 900;}
.pd_detail_txt .pd_detail_text2 span {font-family: 'yg-jalnan'; display: block; color: #0d498e; font-size: 34px; line-height: 40px;}
.pd_detail_txt .pd_detail_text2 span strong {display: block; font-size: 50px; line-height: 58px;}
.pd_detail_txt_img {position: absolute; right: 0; bottom: 210px;}
.pd_detail_txt_img img {width: 155px;}
.pd_detail_mark{position: absolute; right: -25px; width: 170px; top: 230px;}
.pd_detail_mark img{width: 100%;}
.pd_detail_mark.mark2{top: 218px;}
.pd_detail_mark.mark3{top: 65px;}
.pd_detail_txt .more_view {display: table; width: 100%; margin-top: 50px; padding-top: 50px; border-top: 1px solid #d7d7d7;}
.pd_detail_txt .more_view > li {display: table-cell; width: 33.33%; padding: 0 5px;}
.pd_detail_txt .more {font-family: 'yg-jalnan'; display: block; height: 70px; line-height: 70px; border-radius: 50px; background: #fff; color: #9b9b9b; border: 1px solid #ccc; font-size: 20px; text-align: center; }
.pd_detail_txt .more.active {background: #ffc000; color: #000; border: 1px solid #ffc000;}

.pd_detail {margin-top: 200px;}
.pd_detail .r_pd_detail_txt {position: relative; text-align: center;}
.pd_detail .r_pd_detail_txt:before {content: ""; position: absolute; top: 50%; transform: translateY(-50%); left: 0; width: 100%; height: 1px; background: #0d498e; z-index: -1;}
.pd_detail .r_pd_detail_txt h2 {position: relative; font-family: 'yg-jalnan'; display: inline-block; background: #0d498e; color: #fff; font-size: 20px; height: 70px; line-height: 70px; padding: 0 150px; border-radius: 50px;}
.pd_detail .r_pd_detail_txt h2:before {content: ""; position: absolute; bottom: 50px; left: 50%; transform: translateX(-50%); width: 100px; height: 139px; background: url("/images/pd_view_img4.png") center no-repeat; background-size: 100%; z-index: -1;}
.pd_detail .r_pd_detail_txt.r_pd_detail_txt2 h2:before {background: url("/images/d_pd_view_img4.png") center no-repeat; background-size: 100%; bottom: 45px;}
.pd_detail .r_pd_detail_txt.r_pd_detail_txt3 h2:before {background: url("/images/dd_pd_view_img4.png") center no-repeat; background-size: 100%;}

.r_pd_detail_img {margin-top: 50px; text-align: center;}

/*덴마크 페이지 */

.denmark_img {display: none; position: absolute; top: -320px; left: 0; width: 100%; text-align: center;}
.denmark_img img {width: 1451px;}

.denmark_wrap {position: relative; margin: 120px auto 0; max-width: 1400px;}
.denmark_wrap:before {content: ""; position: absolute; right: 0; top: 0; width: 600px; height: 533px; background: url("/images/denmark_ic1.png") center no-repeat; background-size: 100%;}
.denmenu1 h2 {font-family: 'yg-jalnan'; color: #0d498e; font-size: 40px; line-height: 48px;}
.denmenu1 p {color: #000; font-size: 20px; line-height: 30px; font-weight: 300; margin-top: 30px;}
.denmenu1 p span {display: inline-block; vertical-align: top; color: #3a3a3a; font-size: 14px; line-height: 22px; font-weight: 700; }
.denmenu1.dd_den1 p span {color: #d73f49;}

.denmenu2 {display: table; width: 100%; margin-top: 200px;}
.den_tbl1 {display: table-cell; vertical-align: middle; width: 29.64%; }
.den_tbl1 img {width: 385px; }
.den_tbl2 {display: table-cell; vertical-align: middle; width: 70.35%; }
.den_tbl2 p {color: #000; font-size: 20px; line-height: 30px; font-weight: 300;}
.den_tbl2 p + p {margin-top: 30px;}
.den_tbl2 p span {display: inline-block; vertical-align: top; color: #d73f49; font-size: 14px; line-height: 22px; font-weight: 700; }
.den_tbl2_img {margin-top: 30px;}
.den_tbl2_img img {width: 100% !important;}

.denmenu3 {margin-top: 80px;}
.denmenu3 img {width: 100%;}

.denmenu4 {margin-top: 80px; display: table; width: 100%;}
.den4_tbl1 { text-align: center;}
.den4_tbl1 ul {position: relative;  display: inline-block;}
.den4_tbl1 ul:after {content: ""; display: block; clear: both;}
.den4_tbl1 ul li {float: left; }

.den4_tbl1.d_den4_tbl1 {display: table-cell; vertical-align: middle; width: 35%;}
.den4_tbl1.d_den4_tbl1 ul {margin: -5px;}
.den4_tbl1.d_den4_tbl1 ul li {padding: 5px;}

.den4_tbl2.d_den4_tbl2 {display: table-cell; vertical-align: middle; width: 60%; padding-left: 70px;}
.den4_tbl2.d_den4_tbl2 p {color: #000; font-size: 20px; line-height: 30px; font-weight: 300; letter-spacing: -0.5px;}
.den4_tbl2.d_den4_tbl2 p + p {margin-top: 30px;}
.den4_tbl2.d_den4_tbl2 p span {display: inline-block; vertical-align: top; color: #d73f49; font-size: 14px; line-height: 22px; font-weight: 700; }

/* 
.den4_tbl2 {display: table-cell; vertical-align: middle; width: 65%; padding-left: 70px;}
.den4_tbl2 p {color: #000; font-size: 20px; line-height: 30px; font-weight: 300; letter-spacing: -0.5px;}
.den4_tbl2 p + p {margin-top: 30px;}
.den4_tbl2 p span {display: inline-block; vertical-align: top; color: #d73f49; font-size: 16px; line-height: 22px; font-weight: 700; margin-top: 3px; } */

.denmenu5 {margin-top: 100px;}
.denmenu5_txt {text-align: center;}
.denmenu5_txt h2 {font-family: 'yg-jalnan'; color: #0d498e; font-size: 40px; line-height: 48px;}
.denmenu5_txt p {color: #010101; font-size: 33px; line-height: 45px; font-weight: 400; margin-top: 20px;}
.denmenu5_inner {margin-top: 70px; padding: 50px; background: #f4f4f4;}
.denmenu5_inner li {color: #000; font-size: 17px; line-height: 24px; font-weight: 300;} 
.denmenu5_inner li + li {margin-top: 10px;}

.denmenu6 {margin-top: 75px; text-align: center;}
.denmenu6 img {width: 1661px;}

.denmenu1_img {display: none;}


/* 브랜드 페이지 */

.brand_wrap {margin-top: 90px; text-align: center;}

/*캐릭터 페이지 */

.chara_wrap {margin-top: 90px;}
.chara_txt {max-width: 1400px; margin: 0 auto; text-align: center;}
.chara_txt h2 {font-family: 'yg-jalnan'; color: #000; font-size: 40px; line-height: 48px;}
.chara_txt h2 span {color: #0d498e;}
.chara_txt p {color: #000; font-size: 20px; line-height: 30px; font-weight: 300; margin-top: 20px;}
.chara_menu {background: url("/images/chara_bg.png") center top no-repeat; background-size: cover; height: 1068px; margin-top: 150px; padding-top: 20px;}
.tabnav3 {position: relative; max-width: 1400px; margin: 50px auto; text-align: center; z-index: 3;}
.tabnav3 li {display: inline-block; vertical-align: middle;}
.tabnav3 li + li {margin-left: 50px;}
.tabnav3 li a .img_wrap {position: relative;}
.tabnav3 li a .img_wrap:before {content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50% , -50%); width: 100%; height: 100%; border-radius: 50%; border: 1px solid #dbdbdb;}
.tabnav3 li a p {font-family: 'yg-jalnan'; color: #b9c4d6; font-size: 18px; line-height: 26px; margin-top: 20px;}

.tabnav3 li a.active p {color: #ffc000;}
.tabnav3 li a.active .img_wrap:before { border: 5px solid #ffc000;}

.tabcontent3 {}
.chara_inner {display: table; width: 100%; max-width: 1400px; margin: 0 auto; height: 100%;}
.chara_tbl1 {position: relative; display: table-cell; text-align: center; vertical-align: middle; width: 50%; z-index: 1;}

.chara_tbl1:before {content: "COCOY"; font-family: 'yg-jalnan'; position: absolute; transform: rotate(90deg) translateY(-50%); top: 50%; left: 120px; font-size: 180px; line-height: 190px; color: #295795; z-index: -1; margin-top: -100px;}
#tab2 .chara_tbl1:before {content: "SHABEL"; left: 100px}
#tab3 .chara_tbl1:before {content: "RAFFE";}

.chara_tbl2 {position: relative; display: table-cell; vertical-align: middle; width: 50%; padding-left: 30px; z-index: 3;}
.chara_tbl2 em {font-family: 'yg-jalnan'; display: block; color: #ffc000; font-size: 25px; line-height: 32px;}
.chara_tbl2 h3 {font-family: 'yg-jalnan'; color: #fff; font-size: 40px; line-height: 48px; margin-top: 10px;}
.chara_tbl2 p {color: #fff; font-size: 20px; line-height: 30px; font-weight: 300; margin-top: 40px; word-break: keep-all;}

.char_bg {text-align: center; }
.char_bg img {display: inline-block;}

.char_bg.char_bg1 {margin: 80px 0 250px;}
.char_bg.char_bg2 {margin: 80px 0 250px;}
.char_bg.char_bg3 {margin: 80px 0 250px;}

.char_bg.char_bg1-2 {margin-top: 100px;}
.char_bg.char_bg2-2 {margin-top: 100px;}
.char_bg.char_bg3-2 {margin-top: 100px;}

.d_menu ul:after{content:'';display:block;clear:both}
	.d_menu ul{margin:0 -20px}
	.d_menu ul li{float:left;width:50%;padding:0 20px}
	.d_menu ul li img{width:100%}

@media (max-width: 1700px) {

	.sub_visual_txt.sub_cha {margin-top: -2.9412vw;}
	.sub_visual.sub_den {background-size: cover;}
	.sub_visual.sub_brand {background-size: cover;}
	.sub_visual.sub_cha {background-size: cover;}
	.sub_visual.sub_pd {background-size: cover;}

	.sub_visual {height: 34.1176vw; background-size: cover;}
	.sub_visual_txt {left: 2.9412vw;}
	.sub_visual_txt em {font-size: 20px; line-height: 28px;}
	.sub_visual_txt h2 {font-size: 45px; line-height: 60px; margin-top: 0.5882vw;}

	#sub_wrap {padding: 8.8235vw 2.9412vw 0; margin-bottom: 14.7059vw;}
	.sub_wrap_txt em {font-size: 20px; line-height: 28px; }
	.sub_wrap_txt h2 {font-size: 60px; line-height: 68px; margin-top: 0.5882vw;}
	.sub_wrap_txt h2:after {height: 2.6471vw; margin: 1.7647vw auto;}

	/* 리스트 페이지 */

	.pd_list_wrap {margin: 5.2941vw -0.7353vw 0;}
	.pd_list_wrap li {padding: 0 0.7353vw;}
	.pd_list_wrap .img_wrap {height: 24.1176vw;}
	.pd_list_wrap .txt_wrap {margin-top: 2.3529vw; padding-left: 1.4706vw;}
	.pd_list_wrap .txt_wrap h2 {font-size: 40px; line-height: 48px;}
	.pd_list_wrap .txt_wrap h3 {font-size: 25px; line-height: 33px; }
	.pd_list_wrap .txt_wrap p {font-size: 1.1765vw; line-height: 1.6471vw; margin-top: 1.1765vw;}

	/* 상세 페이지 */

	.pd_detail_tbl {margin-top: 5.2941vw;}
	.pd_detail_img {border-radius: 2.9412vw; height: 47.0588vw;}
	.pd_detail_img img {width: 25.4118vw; }
	.pd_detail_txt {padding-left: 5.8824vw;}

	.pd_detail_txt h2 {font-size: 50px; line-height: 58px;}
	.pd_detail_txt h3 {font-size: 25px; line-height: 33px;  margin-top: 1.1765vw;}
	.pd_detail_txt p {font-size: 1.5294vw; line-height: 1.9412vw;  margin-top: 0.5882vw; }
	.pd_detail_txt strong.pd_detail_text {font-size: 1.5294vw; line-height: 1.9412vw;  margin-top: 2.3529vw;}
	.pd_detail_txt .pd_detail_text2 {margin-top: 2.3529vw;}
	.pd_detail_txt .pd_detail_text2:before {top: 0.8824vw; right: -2.6471vw; width: 5.8824vw; height: 4.5294vw;}
	.pd_detail_txt .pd_detail_text2.rr_pd:before {right: -4.1176vw;}
	.pd_detail_txt .pd_detail_text2 p { font-size: 2.0588vw; line-height: 2.5294vw; }
	.pd_detail_txt .pd_detail_text2 span {  font-size: 34px; line-height: 40px;}
	.pd_detail_txt .pd_detail_text2 span strong  { font-size: 50px; line-height: 58px;}
	.pd_detail_txt_img { bottom: 12.3529vw;}
	.pd_detail_txt_img img {width: 9.4118vw;}
	.pd_detail_mark{right: -1.47vw; width: 10.00vw; top: 13.53vw;}
	.pd_detail_mark.mark2{top: 12.83vw; right: -1.07vw;}
	.pd_detail_mark.mark3{top: 3.2vw;}
	.pd_detail_txt .more_view {margin-top: 2.9412vw; padding-top: 2.9412vw;}
	.pd_detail_txt .more_view > li {padding: 0 0.2941vw;}
	.pd_detail_txt .more { height: 4.1176vw; line-height: 4.1176vw; border-radius: 2.9412vw; font-size: 20px}

	.pd_detail {margin-top: 11.7647vw;}
	.pd_detail .r_pd_detail_txt h2 {font-size: 20px; height: 4.1176vw; line-height: 4.1176vw; padding: 0 8.8235vw; border-radius: 2.9412vw;}
	.pd_detail .r_pd_detail_txt h2:before {bottom: 2.9412vw; width: 5.8824vw; height: 8.1765vw; }
	.pd_detail .r_pd_detail_txt.r_pd_detail_txt2 h2:before {bottom: 2.6471vw;}

	.r_pd_detail_img {margin-top: 2.9412vw;}
	.r_pd_detail_img img {width: 58.2353vw;}

	/* 브랜드 페이지 */

	.brand_wrap {margin-top: 5.2941vw; text-align: center;}
	.brand_wrap img {width: 58.2353vw;}

	/*덴마크 페이지 */

	.denmark_img { top: -18.8235vw;}
	.denmark_img img {width: 85.3529vw;}

	.denmark_wrap {margin: 7.0588vw auto 0; }
	.denmark_wrap:before {width: 35.2941vw; height: 31.3529vw;}
	.denmenu1 h2 { font-size: 40px; line-height: 48px;}
	.denmenu1 p { font-size: 1.1765vw; line-height: 1.7647vw;  margin-top: 1.7647vw;}
	.denmenu1 p span {   font-size: 0.8235vw; line-height: 1.2941vw;  }

	.denmenu2 {margin-top: 11.7647vw;}
	.den_tbl1 img {width: 22.6471vw;}
	.den_tbl2 p {font-size: 1.1765vw; line-height: 1.7647vw; }
	.den_tbl2 p + p {margin-top: 1.7647vw;}
	.den_tbl2 p span {font-size: 0.8235vw; line-height: 1.2941vw; }
	.den_tbl2_img {margin-top: 1.7647vw;}
	.den_tbl2_img img {width: 57.9412vw;}

	.denmenu3 {margin-top: 4.7059vw;}

	.denmenu4 {margin-top: 4.7059vw;}


	.den4_tbl1.d_den4_tbl1 ul {margin: -0.2941vw;}
	.den4_tbl1.d_den4_tbl1 ul li {padding: 0.2941vw;}
	.den4_tbl1.d_den4_tbl1 ul li img {width: 14.1176vw;}

	.den4_tbl2.d_den4_tbl2 {padding-left: 2.0588vw;}
	.den4_tbl2.d_den4_tbl2 p { font-size: 0.8235vw; line-height: 1.7647vw;  letter-spacing: -0.0294vw;}
	.den4_tbl2.d_den4_tbl2 p + p {margin-top: 1.7647vw;}
	.den4_tbl2.d_den4_tbl2 p span {   font-size: 0.9412vw; line-height: 1.2941vw;}
	

	.den4_tbl2 {padding-left: 4.1176vw;}
	.den4_tbl2 p {font-size: 1.1765vw; line-height: 1.7647vw;  letter-spacing: -0.0294vw;}
	.den4_tbl2 p + p {margin-top: 1.7647vw;}
	.den4_tbl2 p span {font-size: 0.9412vw; line-height: 1.2941vw;  margin-top: 0.1765vw; }

	.denmenu5 {margin-top: 5.8824vw;}
	.denmenu5_txt h2 {font-size: 40px; line-height: 48px;}
	.denmenu5_txt p {font-size: 1.9412vw; line-height: 2.6471vw; margin-top: 1.1765vw;}
	.denmenu5_inner {margin-top: 4.1176vw; padding: 2.9412vw;}
	.denmenu5_inner li {font-size: 1.0000vw; line-height: 1.4118vw;} 
	.denmenu5_inner li + li {margin-top: 0.5882vw;}

	.denmenu6 {margin-top: 4.4118vw; }
	.denmenu6 img {width: 97.7059vw;}

	/*캐릭터 페이지 */

	.chara_wrap {margin-top: 5.2941vw;}
	.chara_txt h2 {font-size: 40px; line-height: 48px;}
	.chara_txt p { font-size: 1.1765vw; line-height: 1.7647vw;  margin-top: 1.1765vw;}
	.chara_menu {height: 62.8235vw; margin-top: 8.8235vw; padding: 1.1765vw 2.9412vw 0; }

	.tabnav3 {margin: 2.9412vw auto; }
	.tabnav3 li + li {margin-left: 2.9412vw;}
	.tabnav3 li a p {   font-size: 18px; line-height: 26px;margin-top: 1.1765vw;}
	.tabnav3 li a .img_wrap img {width: 9.4118vw;}
	.tabnav3 li a.active .img_wrap:before {border: 0.2941vw solid #ffc000;}

	.chara_tbl1:before {left: 7.0588vw; font-size: 10.5882vw; line-height: 11.1765vw;  margin-top: -5.8824vw;}
	.chara_tbl1 img {width: 30.2941vw;}
	.chara_tbl1 img.chara_img2 {width: 28.0000vw;}
	.chara_tbl1 img.chara_img3 {width: 17.2353vw;}
	#tab2 .chara_tbl1:before { left: 5.8824vw}

	.chara_tbl2 {padding-left: 0;}
	.chara_tbl2 em {font-size: 25px; line-height: 32px;}
	.chara_tbl2 h3 {font-size: 40px; line-height: 48px;margin-top: 0.5882vw;}
	.chara_tbl2 p {font-size: 1.1765vw; line-height: 1.7647vw;  margin-top: 2.3529vw;}

	
	.char_bg.char_bg1 {margin: 4.7059vw 0 14.7059vw;}
	.char_bg.char_bg2 {margin: 4.7059vw 0 14.7059vw;}
	.char_bg.char_bg3 {margin: 4.7059vw 0 14.7059vw;}
	
	.char_bg.char_bg1 img {width: 75.4118vw;}
	.char_bg.char_bg2 img {width: 75.4118vw;}
	.char_bg.char_bg3 img {width: 78.7059vw;}

	.char_bg.char_bg1-2 {margin-top: 5.8824vw;}
	.char_bg.char_bg2-2 {margin-top: 5.8824vw;}
	.char_bg.char_bg3-2 {margin-top: 5.8824vw;}

	.char_bg.char_bg1-2 img {width: 82.3529vw;}
	.char_bg.char_bg2-2 img {width: 82.3529vw;}
	.char_bg.char_bg3-2 img {width: 82.3529vw;}

}

@media screen and (max-width: 1600px) {

	.sub_wrap_txt em {font-size: 20px; line-height: 28px; }
	.sub_wrap_txt h2 {font-size: 60px; line-height: 68px; margin-top: 0.5882vw;}

	.sub_visual_txt em {font-size: 20px; line-height: 28px;}
	.sub_visual_txt h2 {font-size: 45px; line-height: 60px; margin-top: 0.5882vw;}

	.pd_list_wrap .txt_wrap h2 {font-size: 40px; line-height: 48px;}
	.pd_list_wrap .txt_wrap h3 {font-size: 25px; line-height: 33px; }

	.pd_detail_txt h2 {font-size: 50px; line-height: 58px;}
	.pd_detail_txt h3 {font-size: 25px; line-height: 33px;}
	.pd_detail_txt .pd_detail_text2 span {  font-size: 34px; line-height: 40px;}
	.pd_detail_txt .pd_detail_text2 span strong  { font-size: 50px; line-height: 58px;}
	.pd_detail_txt .more {font-size: 20px}
	.pd_detail .r_pd_detail_txt h2 {font-size: 20px; }

	.denmenu1 h2 {font-size: 40px; line-height: 48px;}
	.denmenu5_txt h2 { font-size: 40px; line-height: 48px;}

	.chara_txt h2 {font-size: 40px; line-height: 48px;}
	.tabnav3 li a p {font-size: 18px; line-height: 26px;}
	.chara_tbl2 em {font-size: 25px; line-height: 32px;}
	.chara_tbl2 h3 {font-size: 40px; line-height: 48px;}

}

@media (max-width: 1400px) {

	.sub_visual_txt.sub_cha {margin-top: -3.5714vw;}

	.sub_visual {/* height: 41.4286vw; */height:37.4286vw}
	.sub_visual_txt {left: 3.5714vw;}
	.sub_visual_txt em {font-size: 20px; line-height: 28px; }
	.sub_visual_txt h2 {font-size: 45px; line-height: 60px;  margin-top: 0.7143vw;}

	#sub_wrap {padding: 10.7143vw 3.5714vw 0; margin-bottom: 17.8571vw;}
	.sub_wrap_txt em {font-size: 20px; line-height: 28px;}
	.sub_wrap_txt h2 {font-size: 60px; line-height: 68px;  margin-top: 0.7143vw;}
	.sub_wrap_txt h2:after {height: 3.2143vw; margin: 2.1429vw auto;}

	/* 리스트 페이지 */

	.pd_list_wrap {margin: 6.4286vw -0.9286vw 0;}
	.pd_list_wrap li {padding: 0 0.9286vw;}
	.pd_list_wrap .img_wrap {height: 29.2857vw;}
	.pd_list_wrap .txt_wrap {margin-top: 2.8571vw; padding-left: 1.7857vw;}
	.pd_list_wrap .txt_wrap h2 {font-size: 40px; line-height: 48px;}
	.pd_list_wrap .txt_wrap h3 {font-size: 25px; line-height: 33px; }
	.pd_list_wrap .txt_wrap p {font-size: 1.4286vw; line-height: 2.0000vw; margin-top: 1.4286vw;}


	/* 상세 페이지 */

	.pd_detail_tbl {margin-top: 6.4286vw;}
	.pd_detail_img {border-radius: 3.5714vw; height: 57.1429vw;}
	.pd_detail_img img {width: 30.8571vw; }
	.pd_detail_txt {padding-left: 5.7143vw;}
	.pd_detail_txt h2 {font-size: 45px; line-height: 58px;}
	.pd_detail_txt h2:after{width:8.00vw; height:9.71vw;}
	.pd_detail_txt h3 {font-size: 1.7857vw; line-height: 2.3571vw; margin-top: 1.4286vw;}
	.pd_detail_txt p {font-size: 25px; line-height: 33px;  margin-top: 0.7143vw; }
	.pd_detail_txt strong.pd_detail_text {font-size: 1.8571vw; line-height: 2.3571vw;  margin-top: 2.8571vw;}
	.pd_detail_txt .pd_detail_text2 {margin-top: 2.8571vw;}
	.pd_detail_txt .pd_detail_text2:before {top: 1.0714vw; right: -3.2143vw; width: 7.1429vw; height: 5.5000vw;}
	.pd_detail_txt .pd_detail_text2.rr_pd:before {right: -5.0000vw;}
	.pd_detail_txt .pd_detail_text2 p { font-size: 2.5000vw; line-height: 3.0714vw; }
	.pd_detail_txt .pd_detail_text2 span { font-size: 34px; line-height: 40px;}
	.pd_detail_txt .pd_detail_text2 span strong { font-size: 50px; line-height: 58px;}
	.pd_detail_txt_img { bottom: 15.0000vw;}
	.pd_detail_txt_img img {width: 11.4286vw;}
	.pd_detail_mark{right: -1.79vw; width: 12.14vw; top: 16.43vw;}
	.pd_detail_mark.mark2{top: 14.83vw; right: -2.07vw;}
	.pd_detail_mark.mark3{top: 4.64vw;}
	.pd_detail_txt .more_view {margin-top: 3.5714vw; padding-top: 3.5714vw;}
	.pd_detail_txt .more_view > li {padding: 0 0.3571vw;}
	.pd_detail_txt .more { height: 5.0000vw; line-height: 5.0000vw; border-radius: 3.5714vw;font-size: 20px;}

	.pd_detail {margin-top: 14.2857vw;}
	.pd_detail .r_pd_detail_txt h2 {font-size: 20px; height: 5.0000vw; line-height: 5.0000vw; padding: 0 10.7143vw; border-radius: 3.5714vw;}
	.pd_detail .r_pd_detail_txt h2:before {bottom: 3.5714vw; width: 7.1429vw; height: 9.9286vw; }
	.pd_detail .r_pd_detail_txt.r_pd_detail_txt2 h2:before {bottom: 3.2143vw;}

	.r_pd_detail_img {margin-top: 3.5714vw;}
	.r_pd_detail_img img {width: 70.7143vw;}

	/* 브랜드 페이지 */

	.brand_wrap {margin-top: 6.4286vw; }
	.brand_wrap img {width: 70.7143vw;}


	/*덴마크 페이지 */

	.denmark_img { top: -22.8571vw;}
	.denmark_img img {width: 100%;}

	.denmark_wrap {margin: 8.5714vw auto 0; }
	.denmark_wrap:before {width: 42.8571vw; height: 38.0714vw; }
	.denmenu1 h2 { font-size: 35px; line-height: 45px;}
	.denmenu1 p { font-size: 1.4286vw; line-height: 2.1429vw;  margin-top: 2.1429vw;}
	.denmenu1 p span {   font-size: 1.0000vw; line-height: 1.5714vw;  }

	.denmenu2 {margin-top: 14.2857vw;}
	.den_tbl1 img {width: 27.5000vw;}
	.den_tbl2 {padding-left: 2.1429vw;}
	.den_tbl2 p {font-size: 1.4286vw; line-height: 2.1429vw; word-break: keep-all;}
	.den_tbl2 p br {display: none;}
	.den_tbl2 p + p {margin-top: 2.1429vw;}
	.den_tbl2 p span {font-size: 1.0000vw; line-height: 1.5714vw;  }
	.den_tbl2_img {margin-top: 2.1429vw;}
	.den_tbl2_img img {width: 70.3571vw;}

	.denmenu3 {margin-top: 5.7143vw;}

	.denmenu4 {margin-top: 5.7143vw;}
	.den4_tbl1 ul {}
	.den4_tbl1 ul li {}
	.den4_tbl1 ul li img {width: 45.0000vw;}

	.den4_tbl1.d_den4_tbl1 {width: 40%;}
	.den4_tbl1.d_den4_tbl1 ul {margin: -0.3571vw;}
	.den4_tbl1.d_den4_tbl1 ul li {padding: 0.3571vw;}
	.den4_tbl1.d_den4_tbl1 ul li img {width: 17.1429vw;}

	.den4_tbl2.d_den4_tbl2 {padding-left: 2.5000vw; width: 60%;}
	.den4_tbl2.d_den4_tbl2 p { font-size: 1.4286vw; line-height: 2.1429vw;  letter-spacing: -0.0000vw;}
	.den4_tbl2.d_den4_tbl2 p + p {margin-top: 2.1429vw;}
	.den4_tbl2.d_den4_tbl2 p span {   font-size: 1.0000vw; line-height: 1.5714vw; }


	.den4_tbl2 {padding-left: 5.0000vw;}
	.den4_tbl2 p {font-size: 1.4286vw; line-height: 2.1429vw;  letter-spacing: 0; word-break: keep-all;}
	.den4_tbl2 p br {display: none;}
	.den4_tbl2 p + p {margin-top: 2.1429vw;}
	.den4_tbl2 p span {font-size: 1.1429vw; line-height: 1.5714vw;  margin-top: 0.2143vw; }

	.denmenu5 {margin-top: 7.1429vw;}
	.denmenu5_txt h2 {font-size: 40px; line-height: 48px;}
	.denmenu5_txt p {font-size: 2.3571vw; line-height: 3.2143vw; margin-top: 1.4286vw;}
	.denmenu5_inner {margin-top: 5.0000vw; padding: 3.5714vw;}
	.denmenu5_inner li {font-size: 1.2143vw; line-height: 1.7143vw;} 
	.denmenu5_inner li + li {margin-top: 0.7143vw;}

	.denmenu6 {margin-top: 5.3571vw; }
	.denmenu6 img {width: 100%;}

	/*캐릭터 페이지 */

	.chara_wrap {margin-top: 6.4286vw;}
	.chara_txt h2 {font-size: 40px; line-height: 48px;}
	.chara_txt p { font-size: 1.4286vw; line-height: 2.1429vw;  margin-top: 1.4286vw;}
	.chara_menu {height: 76.2857vw; margin-top: 10.7143vw; padding: 1.4286vw 3.5714vw 0; }
	.tabnav3 {margin: 3.5714vw auto;}
	.tabnav3 li + li {margin-left: 3.5714vw;}
	.tabnav3 li a p  {  font-size: 18px; line-height: 26px; margin-top: 1.4286vw;}
	.tabnav3 li a .img_wrap img {width: 11.4286vw;}
	.tabnav3 li a.active .img_wrap:before {border: 0.3571vw solid #ffc000;}


	.chara_tbl1:before {left: 8.5714vw; font-size: 12.8571vw; line-height: 13.5714vw;  margin-top: -7.1429vw;}
	.chara_tbl1 img {width: 36.7857vw;}
	.chara_tbl1 img.chara_img2 {width: 34.0000vw;}
	.chara_tbl1 img.chara_img3 {width: 20.9286vw;}
	#tab2 .chara_tbl1:before { left: 7.1429vw}

	.chara_tbl2 {padding-left: 2.1429vw;}
	.chara_tbl2 em  {font-size: 25px; line-height: 32px;}
	.chara_tbl2 h3 {font-size: 40px; line-height: 48px; margin-top: 0.7143vw;}
	.chara_tbl2 p {font-size: 1.4286vw; line-height: 2.1429vw;  margin-top: 2.8571vw; word-break: keep-all;}
	.chara_tbl2 p br {display: none;}

	.char_bg.char_bg1 {margin: 5.7143vw 0 17.8571vw;}
	.char_bg.char_bg2 {margin: 5.7143vw 0 17.8571vw;}
	.char_bg.char_bg3 {margin: 5.7143vw 0 17.8571vw;}

	.char_bg.char_bg1 img {width: 91.5714vw;}
	.char_bg.char_bg2 img {width: 91.5714vw;}
	.char_bg.char_bg3 img {width: 95.5714vw;}

	.char_bg.char_bg1-2 {margin-top: 7.1429vw; padding: 0 3.5714vw;}
	.char_bg.char_bg2-2 {margin-top: 7.1429vw; padding: 0 3.5714vw;}
	.char_bg.char_bg3-2 {margin-top: 7.1429vw; padding: 0 3.5714vw;}

	.char_bg.char_bg1-2 img {width: 100%;}
	.char_bg.char_bg2-2 img {width: 100%;}
	.char_bg.char_bg3-2 img {width: 100%;}

}

@media screen and (max-width: 1200px) {

	.sub_wrap_txt em {font-size: 20px; line-height: 28px;}
	.sub_wrap_txt h2 {font-size: 60px; line-height: 68px;}

	.sub_visual_txt em {font-size: 20px; line-height: 28px; }
	.sub_visual_txt h2 {font-size: 45px; line-height: 60px;}

	.pd_list_wrap .txt_wrap h2 {font-size: 40px; line-height: 48px;}
	.pd_list_wrap .txt_wrap h3 {font-size: 25px; line-height: 33px; }

	.pd_detail_txt h2 {font-size: 3.9vw; line-height: 4.83vw;}
	.pd_detail_txt h2:after{width:7.00vw; height:8.71vw;}
	.pd_detail_txt h3 {font-size: 2.08vw; line-height: 2.75vw;}
	.pd_detail_mark{right: -2.08vw; width: 11.17vw; top: 14.17vw;}
	.pd_detail_mark.mark2{top: 13.83vw; right: -2.07vw;}
	.pd_detail_mark.mark3{top: 3.64vw;}
	.pd_detail_txt .pd_detail_text2 span {  font-size: 34px; line-height: 40px;}
	.pd_detail_txt .pd_detail_text2 span strong { font-size: 50px; line-height: 58px;}
	.pd_detail_txt .more {font-size: 20px}
	.pd_detail .r_pd_detail_txt h2 {font-size: 20px; }

	.denmenu1 h2 {font-size: 30px; line-height: 40px;}
	.denmenu5_txt h2 {font-size: 40px; line-height: 48px;}

	.chara_txt h2 { font-size: 40px; line-height: 48px;}
	.tabnav3 li a p {font-size: 18px; line-height: 26px;}
	.chara_tbl2 em {font-size: 25px; line-height: 32px;}
	.chara_tbl2 h3 {font-size: 40px; line-height: 48px; }


}

@media (max-width: 1024px) {

	.sub_visual_txt.sub_cha {margin-top: -4.8828vw;}
	.sub_visual.dd_sub01 {background-image:url("/images/d_pic01_1024.png")}
	.sub_visual.dd_sub02 {background-image:url("/images/d_pic02_1024.png")}
	.sub_visual.dd_sub03 {background-image:url("/images/d_pic03_1024.png")}
	.sub_visual {height: 41.5039vw; background: url("/images/sub_vis_1024_img1.jpg") center no-repeat; background-size: cover;}
	.sub_visual.sub_den {background: url("/images/sub_vis_1024_img2.jpg") center no-repeat; background-size: cover;}
	.sub_visual.sub_pd {background: url("/images/sub_vis_1024_img3.jpg") center no-repeat; background-size: cover;}
	.sub_visual.sub_cha {background: url("/images/sub_vis_1024_img4.jpg") center top no-repeat; background-size: cover;}
	.sub_visual.sub_brand {background: url("/images/sub_vis_1024_img5.jpg") center top no-repeat; background-size: cover;}
	.sub_visual_txt {left: 3.9063vw;}
	.sub_visual_txt em {font-size: 14px; line-height: 20px;}
	.sub_visual_txt h2 {font-size: 33px; line-height: 40px; margin-top: 0.9766vw;}

	#sub_wrap {padding: 9.7656vw 3.9063vw 0; margin-bottom: 14.6484vw;}
	.sub_wrap_txt em {font-size: 15px; line-height: 15px; }
	.sub_wrap_txt h2 {font-size: 36px; line-height: 42px; margin-top: 0.9766vw;}
	.sub_wrap_txt h2:after {height: 3.4180vw; margin: 2.9297vw auto;}

	/* 리스트 페이지 */

	.pd_list_wrap {margin: 5.8594vw -1.9531vw 0;}
	.pd_list_wrap li {padding: 0 1.9531vw;}
	.pd_list_wrap .img_wrap {height:27.3438vw;}
	.pd_list_wrap .txt_wrap {margin-top: 1.9531vw; padding-left: 2.4414vw;}
	.pd_list_wrap .txt_wrap h2 {font-size: 30px; line-height: 38px;}
	.pd_list_wrap .txt_wrap h3 {font-size: 18px; line-height: 26px; }
	.pd_list_wrap .txt_wrap p {font-size: 1.3672vw; line-height: 1.9531vw; margin-top: 0.9766vw;}

	/* 상세 페이지 */

	.pd_detail_tbl {margin-top: 8.7891vw;}
	.pd_detail_img {border-radius: 4.8828vw; height: 51.7578vw; width: 51.17%;}
	.pd_detail_img img {width: 27.2461vw; }
	.pd_detail_txt {width: 48.83%; padding-left: 5.8594vw;}
	.pd_detail_txt h2  {font-size: 35px; line-height: 46px;}
	.pd_detail_txt h2:after{width:9.00vw; height:10.71vw;}
	.pd_detail_txt h3 {font-size: 18px; line-height: 26px; margin-top: 1.9531vw;}
	.pd_detail_txt p {font-size: 1.8555vw; line-height: 2.4414vw;  margin-top: 0.9766vw; }
	.pd_detail_txt strong.pd_detail_text {font-size: 1.8555vw; line-height: 2.4414vw;  margin-top: 3.9063vw;}
	.pd_detail_txt .pd_detail_text2 {margin-top: 3.9063vw;}
	.pd_detail_txt .pd_detail_text2:before {top: 1.4648vw; right: -4.3945vw; width: 7.1289vw; height: 5.4688vw;}
	.pd_detail_txt .pd_detail_text2.rr_pd:before {right: -6.8359vw;}
	.pd_detail_txt .pd_detail_text2 p { font-size: 2.4414vw; line-height: 3.2227vw; }
	.pd_detail_txt .pd_detail_text2 span { font-size: 25px; line-height: 35px;}
	.pd_detail_txt .pd_detail_text2 span strong { font-size: 36px; line-height: 46px;}
	.pd_detail_txt_img { bottom: 12.6953vw;}
	.pd_detail_txt_img img {width: 11.4258vw;}
	.pd_detail_mark{right: -2.94vw; width: 14.6vw; top: 13.46vw;}
	.pd_detail_mark.mark3{top: 0.64vw;}
	.pd_detail_txt .more_view {margin-top: 4.8828vw; padding-top: 4.8828vw;}
	.pd_detail_txt .more_view > li {padding: 0 0.4883vw;}
	.pd_detail_txt .more { height: 5.3711vw; line-height: 5.3711vw; border-radius: 4.8828vw; font-size: 14px;}
	.pd_detail {margin-top: 19.5313vw;}
	.pd_detail .r_pd_detail_txt h2 {font-size: 20px;  height: 6.8359vw; line-height: 6.8359vw; padding: 0 14.6484vw; border-radius: 4.8828vw;}
	.pd_detail .r_pd_detail_txt h2:before {bottom: 4.8828vw; width: 9.7656vw; height: 13.5742vw; }
	.pd_detail .r_pd_detail_txt.r_pd_detail_txt2 h2:before {bottom: 4.3945vw;}

	.r_pd_detail_img {margin-top: 4.8828vw;}
	.r_pd_detail_img img {width: 96.6797vw;}

	/* 브랜드 페이지 */

	.brand_wrap {margin-top: 8.7891vw; }
	.brand_wrap img {width: 96.6797vw;}

	/*덴마크 페이지 */

	.denmark_img { top: -22.4609vw;}

	.denmark_wrap {margin: 11.7188vw auto 0;}
	.denmark_wrap:before {display: none;}
	.denmenu1 h2  { font-size: 30px; line-height: 37px;}
	.denmenu1 p { font-size: 1.9531vw; line-height: 2.9297vw;  margin-top: 2.9297vw;}
	.denmenu1 p span { font-size: 1.3672vw; line-height: 2.1484vw; }

	.denmenu1_img {display: block; text-align: center; margin-top: 2.9297vw;}
	.denmenu1_img img {width: 47.94292vw;}

	.denmenu2 {margin-top: 7.8125vw;}
	.den_tbl1 img {width: 37.5977vw;}
	.den_tbl2 {padding-left: 2.9297vw;}
	.den_tbl2 p {font-size: 1.9531vw; line-height: 2.9297vw; }
	.den_tbl2 p + p {margin-top: 2.9297vw;}
	.den_tbl2 p span {font-size: 1.3672vw; line-height: 2.1484vw;  margin-top: 0.2930vw; }
	.den_tbl2_img {margin-top: 2.9297vw;}
	.den_tbl2_img img {width: 96.1914vw;}

	.denmenu3 {margin-top: 7.8125vw;}

	.denmenu4 {margin-top: 7.8125vw;}
	.den4_tbl1 {display: block; width: 100%;}
	.den4_tbl1 ul {}
	.den4_tbl1 ul li {}
	.den4_tbl1 ul li img {width: 43.9453vw;}
	
	.den4_tbl1.d_den4_tbl1 ul {margin: -0.4883vw;}
	.den4_tbl1.d_den4_tbl1 ul li {padding: 0.4883vw;}


	.den4_tbl2 {padding-left: 0; display: block; width: 100%; margin-top: 2.9297vw;}
	.den4_tbl2 p {font-size: 1.9531vw; line-height: 2.9297vw;}
	.den4_tbl2 p + p {margin-top: 2.9297vw;}
	.den4_tbl2 p span {font-size: 1.3672vw; line-height: 2.1484vw; }

	.den4_tbl1.d_den4_tbl1  {display: block; width: 100%;}
	.den4_tbl1.d_den4_tbl1 ul {margin: -0.4883vw;}
	.den4_tbl1.d_den4_tbl1 ul li {padding: 0.4883vw;}
	.den4_tbl1.d_den4_tbl1 ul li img {width: 21.4844vw;}

	.den4_tbl2.d_den4_tbl2 {display: block; width: 100%; padding-left: 0;}
	.den4_tbl2.d_den4_tbl2 p { font-size: 1.9531vw; line-height: 2.9297vw;  letter-spacing: -0.0000vw;}
	.den4_tbl2.d_den4_tbl2 p + p {margin-top: 2.9297vw;}
	.den4_tbl2.d_den4_tbl2 p span {   font-size: 1.5625vw; line-height: 2.1484vw; }

	.denmenu5 {margin-top: 9.7656vw;}
	.denmenu5_txt h2 { font-size: 30px; line-height: 38px;}
	.denmenu5_txt p {font-size: 3.2227vw; line-height: 4.3945vw; margin-top: 1.9531vw; word-break: keep-all;}
	.denmenu5_txt p br {display: none;}
	.denmenu5_inner {margin-top: 6.8359vw; padding: 2.9297vw;}
	.denmenu5_inner li {font-size: 1.6602vw; line-height: 2.3438vw;} 
	.denmenu5_inner li + li {margin-top: 0.9766vw;}

	.denmenu6 {margin-top: 7.3242vw;}
	


	/*캐릭터 페이지 */

	.chara_wrap {margin-top: 8.7891vw;}
	.chara_txt h2 {font-size: 30px; line-height: 38px;}
	.chara_txt p { font-size: 1.9531vw; line-height: 2.9297vw;  margin-top: 1.9531vw;}
	.chara_menu {height: 104.2969vw; margin-top: 14.6484vw; padding: 1.9531vw 3.9063vw 0; }
	.tabnav3 {margin: 4.8828vw auto;}
	.tabnav3 li + li {margin-left: 4.8828vw;}
	.tabnav3 li a p {font-size: 18px; line-height: 26px; margin-top: 1.9531vw;}
	.tabnav3 li a .img_wrap img {width: 15.6250vw;}
	.tabnav3 li a.active .img_wrap:before {border: 0.4883vw solid #ffc000;}


	.chara_tbl1:before {left: 0; font-size: 17.5781vw; line-height: 18.5547vw;  margin-top: -9.7656vw;}
	.chara_tbl1 img {width: 46.6797vw;}
	.chara_tbl1 img.chara_img2 {width: 46.4844vw;}
	.chara_tbl1 img.chara_img3 {width: 28.6133vw;}
	#tab2 .chara_tbl1:before { left: 0}

	.chara_tbl2 {padding-left: 2.9297vw;}
	.chara_tbl2 em {font-size: 20px; line-height: 30px;}
	.chara_tbl2 h3 {font-size: 30px; line-height: 38px; margin-top: 0.9766vw;}
	.chara_tbl2 p {font-size: 1.9531vw; line-height: 2.9297vw;  margin-top: 3.9063vw;}

	.char_bg.char_bg1 {margin: 7.8125vw 0 14.6484vw; padding: 0 3.9063vw;}
	.char_bg.char_bg2 {margin: 7.8125vw 0 14.6484vw; padding: 0 3.9063vw;}
	.char_bg.char_bg3 {margin: 7.8125vw 0 14.6484vw; padding: 0 3.9063vw;}

	.char_bg.char_bg1 img {width: 100%;}
	.char_bg.char_bg2 img {width: 100%;}
	.char_bg.char_bg3 img {width: 100%;}

	.char_bg.char_bg1-2 {margin-top: 9.7656vw; padding: 0 3.9063vw;}
	.char_bg.char_bg2-2 {margin-top: 9.7656vw; padding: 0 3.9063vw;}
	.char_bg.char_bg3-2 {margin-top: 9.7656vw; padding: 0 3.9063vw;}

	

}

@media (max-width: 768px) {
	
	.d_menu ul{margin:0}
	.d_menu ul li{padding:10px 0;width:100%}


	.sub_visual_txt.sub_cha {margin-top: -6.5104vw;}

	.sub_visual {/* height: 78.1250vw; */ height: 58.5938vw; background: url("/images/sub_vis_mob_img1.jpg") center no-repeat; background-size: cover;}
	.sub_visual.sub_den {background: url("/images/sub_vis_mob_img2.jpg") center no-repeat; background-size: cover;}
	.sub_visual.sub_pd {background: url("/images/sub_vis_mob_img3.jpg") center no-repeat; background-size: cover;}
	.sub_visual.sub_cha {background: url("/images/sub_vis_mob_img4.jpg") center top no-repeat; background-size: cover;}
	.sub_visual.sub_brand {background: url("/images/sub_vis_mob_img5.jpg") center top no-repeat; background-size: cover;}
	.sub_visual.dd_sub01 {background-image:url("/images/d_pic01_768.png")}
	.sub_visual.dd_sub02 {background-image:url("/images/d_pic02_768.png")}
	.sub_visual.dd_sub03 {background-image:url("/images/d_pic03_768.png")}
	.sub_visual_txt {left: 2.6042vw;}
	.sub_visual_txt em {font-size: 14px; line-height: 20px;}
	.sub_visual_txt h2 {font-size: 33px; line-height: 40px; margin-top: 1.3021vw;}
	.sub_visual_txt h2 br.pc_br {display: none;}
	.sub_visual_txt h2 br.mob_br {display: block;}
	#sub_wrap {padding: 13.0208vw 2.6042vw 0; margin-bottom: 26.0417vw;}
	.sub_wrap_txt em {font-size: 15px; line-height: 15px; }
	.sub_wrap_txt h2 {font-size: 36px; line-height: 42px; margin-top: 1.3021vw;}

	.sub_wrap_txt h2:after {height: 5.8594vw; margin: 3.9063vw auto;}

	/* 리스트 페이지 */

	.pd_list_wrap {margin: 7.8125vw 0 0;}
	.pd_list_wrap li {float: none; display: table; padding: 0; width: 100%;}
	.pd_list_wrap li + li {margin-top: 6.5104vw;}
	.pd_list_wrap .img_wrap {height: auto; width: 63.59%; display: table-cell; vertical-align: middle; }
	.pd_list_wrap .img_wrap img.pc_img {display: none;}
	.pd_list_wrap .img_wrap img.mob_img {display: block; position: static; transform: translate(0); max-width: none; max-height: none; }
	.pd_list_wrap .txt_wrap {display: table-cell; vertical-align: middle; width: 36.40%; margin-top: 2.6042vw; padding-left: 3.2552vw;}
	.pd_list_wrap .txt_wrap h2 {font-size: 30px; line-height: 38px;}
	.pd_list_wrap .txt_wrap h3 {font-size: 18px; line-height: 26px; }
	.pd_list_wrap .txt_wrap p {font-size: 3.1250vw; line-height: 4.1667vw; margin-top: 1.3021vw;}

	/* 상세 페이지 */

	.pd_detail_tbl {margin-top: 11.7188vw;}
	.pd_detail_img {border-radius: 6.5104vw; height: 86.1979vw; line-height: 86.19vw; display: block; width:100%;}
	.pd_detail_img img {width: 48.8281vw;}
	.pd_detail_txt {padding-left: 0; display: block; width:100%;margin-top: 6.5104vw;}
	.pd_detail_txt h2  {font-size: 36px; line-height: 46px;}
	.pd_detail_txt h2:after{width:18.00vw; height:19.71vw;}
	.pd_detail_txt h3 {font-size: 18px; line-height: 26px; margin-top: 2.6042vw;}
	.pd_detail_txt p {font-size: 3.3854vw; line-height: 4.4271vw;  margin-top: 1.3021vw; }
	.pd_detail_txt strong.pd_detail_text {font-size: 3.3854vw; line-height: 4.4271vw;  margin-top: 5.2083vw;}
	.pd_detail_txt .pd_detail_text2 {margin-top: 5.2083vw;}
	.pd_detail_txt .pd_detail_text2:before {top: 0; right: -13.0208vw; width: 16.4063vw; height: 12.6302vw;}
	.pd_detail_txt .pd_detail_text2.rr_pd:before {right: -15.6250vw;}
	.pd_detail_txt .pd_detail_text2 p { font-size: 4.5573vw; line-height: 5.4688vw; }
	.pd_detail_txt .pd_detail_text2 span { font-size: 25px; line-height: 35px;}
	.pd_detail_txt .pd_detail_text2 span strong  { font-size: 36px; line-height: 46px;}
	.pd_detail_txt_img { bottom: 21.1354vw;}
	.pd_detail_txt_img img {width: 21.4375vw;}
	.pd_detail_mark{right: -2.26vw; width: 23.14vw; top: 21.95vw;}
	.pd_detail_mark.mark2{top: 21.83vw; right: -2.07vw;}
	.pd_detail_txt .more_view {margin-top: 6.5104vw; padding-top: 6.5104vw;}
	.pd_detail_txt .more_view > li {padding: 0 0.6510vw;}
	.pd_detail_txt .more { height: 11.0677vw; line-height: 11.0677vw; border-radius: 6.5104vw; font-size: 3.1250vw;}

	.pd_detail {margin-top: 26.0417vw;}
	.pd_detail .r_pd_detail_txt h2 {font-size: 20px; height: 9.1146vw; line-height: 9.1146vw; padding: 0 19.5313vw; border-radius: 6.5104vw;}
	.pd_detail .r_pd_detail_txt h2:before {bottom: 6.5104vw; width: 13.0208vw; height: 18.0990vw; }
	.pd_detail .r_pd_detail_txt.r_pd_detail_txt2 h2:before {bottom: 5.8594vw;}

	.r_pd_detail_img {margin-top: 6.5104vw;}
	.r_pd_detail_img img {width: 100%;}


	/* 브랜드 페이지 */

	.brand_wrap {margin-top: 11.7188vw; }
	.brand_wrap img {width: 100%;}


	/*덴마크 페이지 */

	.denmark_img { top: -22.1354vw;}

	.denmark_wrap {margin: 0 auto;}
	.denmenu1 h2 {font-size: 25px; line-heighT: 35px;}
	.denmenu1 p { font-size: 3.1250vw; line-height: 4.1667vw;  margin-top: 3.9063vw; word-break: keep-all;}
	.denmenu1 p br {display: none;}
	.denmenu1 p span {font-size: 2.3438vw; line-height: 2.8646vw;  }

	.denmenu1_img {  margin-top: 3.9063vw;}
	.denmenu1_img img {width: 63.9323vw;}

	.denmenu2 {margin-top: 10.4167vw;}
	.den_tbl1 {display: block; width: 100%; text-align: center;}
	.den_tbl1 img {width: 50.1302vw;}
	.den_tbl2 {padding-left: 0; margin-top: 3.9063vw; display: block; width: 100%;}
	.den_tbl2 p {font-size: 3.1250vw; line-height: 4.1667vw; }
	.den_tbl2 p + p {margin-top: 3.9063vw;}
	.den_tbl2 p span {font-size: 2.3438vw; line-height: 4.1667vw; margin-top: 0; }
	.den_tbl2_img {margin-top: 3.9063vw;}
	.den_tbl2_img img {width: 100%;}

	.denmenu3 {margin-top: 10.4167vw;}

	.denmenu4 {margin-top: 10.4167vw;}
	.den4_tbl1 { width: 100%;}
	.den4_tbl1 ul {margin: -0.6510vw 0;}
	.den4_tbl1 ul li {width: 100%; padding: 0.6510vw 0;}
	.den4_tbl1 ul li img {width: 91.1458vw;}
	.den4_tbl2 {padding-left: 0;  width: 100%; margin-top: 3.9063vw;}
	.den4_tbl2 p {font-size: 3.1250vw; line-height: 4.1667vw;}
	.den4_tbl2 p + p {margin-top: 3.9063vw;}
	.den4_tbl2 p span {font-size: 2.3438vw; line-height: 4.1667vw; margin-top: 0; }

	.den4_tbl1.d_den4_tbl1 ul {margin: -0.4883vw;}
	.den4_tbl1.d_den4_tbl1 ul li {width: 50%; padding: 0.4883vw;}
	.den4_tbl1.d_den4_tbl1 ul li img {width: 100%;}
	.den4_tbl2.d_den4_tbl2 p {font-size: 3.1250vw; line-height: 4.1667vw;}
	.den4_tbl2.d_den4_tbl2 p + p {margin-top: 3.9063vw;}
	.den4_tbl2.d_den4_tbl2 p span {font-size: 2.3438vw; line-height: 4.1667vw; margin-top: 0; }



	.denmenu5 {margin-top: 13.0208vw;}
	.denmenu5_txt h2  {font-size: 25px; line-heighT: 35px; word-break: keep-all;}
	.denmenu5_txt p {font-size: 4.2969vw; line-height: 5.8594vw; margin-top: 2.6042vw; }
	.denmenu5_inner {margin-top: 9.1146vw; padding: 3.9063vw;}
	.denmenu5_inner li {font-size: 2.6042vw; line-height: 4.1667vw; word-break: keep-all;} 
	.denmenu5_inner li + li {margin-top: 1.3021vw;}

	.denmenu6 {margin-top: 9.7656vw;}

	/*캐릭터 페이지 */

	.chara_wrap {margin-top: 11.7188vw;}
	.chara_txt h2  {font-size: 25px; line-height: 35px; word-break: keep-all;}
	.chara_txt p { font-size: 15px; line-height: 25px;  margin-top: 2.6042vw;}
	.chara_menu {height: 175.7813vw; margin-top: 13.0208vw; padding: 13.0208vw 2.6042vw 0; }
	.tabnav3 {margin: 6.5104vw auto;}
	.tabnav3 li + li {margin-left: 6.5104vw;}
	.tabnav3 li a p {  font-size: 2.3438vw; line-height: 3.3854vw; margin-top: 2.6042vw;}
	.tabnav3 li a .img_wrap img {width: 20.8333vw;}
	.tabnav3 li a.active .img_wrap:before {border: 0.6510vw solid #ffc000;}


	.chara_tbl1:before {font-size: 23.4375vw; line-height: 24.7396vw; margin-top: 0}
	.chara_tbl1 img {width: 67.0573vw;}
	.chara_tbl1 img.chara_img2 {width: 61.9792vw;}
	.chara_tbl1 img.chara_img3 {width: 38.1510vw;}

	.chara_tbl2 {padding-left: 0;}
	.chara_tbl2 em {font-size: 20px; line-height: 30px;}
	.chara_tbl2 h3 {font-size: 25px; line-height: 35px; margin-top: 1.3021vw;}
	.chara_tbl2 p {font-size: 3.1250vw; line-height: 4.1667vw;  margin-top: 5.2083vw;}

	.chara_tbl1 {display: block; width: 100%; text-align: center;}
	.chara_tbl2 {display: block; width: 100%; text-align: center; margin-top: 6.5104vw;}

	.char_bg.char_bg1 {margin: 10.4167vw 0 19.5313vw;  padding: 0 2.6042vw;}
	.char_bg.char_bg2 {margin: 10.4167vw 0 19.5313vw; padding: 0 2.6042vw;}
	.char_bg.char_bg3 {margin: 10.4167vw 0 19.5313vw; padding: 0 2.6042vw;}

	.char_bg.char_bg1-2 {margin-top: 13.0208vw; padding: 0 2.6042vw;}
	.char_bg.char_bg2-2 {margin-top: 13.0208vw; padding: 0 2.6042vw;}
	.char_bg.char_bg3-2 {margin-top: 13.0208vw; padding: 0 2.6042vw;}

}

@media screen and (max-width: 400px) {
	.sub_wrap_txt h2 {font-size: 30px; line-height: 36px;}

	.sub_visual_txt h2 {font-size: 26px; line-height: 35px;}

	.pd_list_wrap .txt_wrap h2 {font-size: 25px; line-height: 35px;}
	.pd_list_wrap .txt_wrap h3 {font-size: 15px; line-height: 24px; }

	.pd_detail .r_pd_detail_txt h2 {font-size: 16px;}

}