@charset "utf-8";

#new_wrap {position: relative; height: 100%; max-width: 1920px; margin: 0 auto;}
br {opacity: 0;}

/* 헤더 */

#header {height: 80px;}
.head {position: relative; max-width: 1700px; height: 80px; margin: 0 auto;}
.head h1 {position: absolute; top: 50%; transform: translateY(-50%); left: 0;}
.head h1 img {width: 223px;}
.head_btn {position: absolute; top: 50%; transform: translateY(-50%); right: 0; width: 30px; height: 13px; background: url("/images/head_btn.png") center no-repeat; background-size: 100%; cursor: pointer;}
.gnb {position: absolute; left: 350px;}
.gnb li {float: left; height: 80px;}
.gnb li + li {margin-left: 50px;}
.gnb li a {font-family: 'Saira', sans-serif; display: block; line-height: 80px; font-size: 17px; color: #262626; font-weight: 500;}
.gnb li a span.red {color: #f00404;}
.gnb li a span.green {color: #70ad47;}
.gnb li a span.yellow {color: #ffc000;}
.gnb li a span.blue {color: #2e75b6;}
.gnb li a span.purple {color: #7030a0;}
.gnb li a span.orange {color: #ed7d31;}
.gnb li a span.brown {color: #c55a11;}
.gnb li a span.black {color: #767171;}

.mob_head {display: none;}
.head_mob_btn {display: none;}
.head_mob_bg  {display: none;}

.d_head_right {position: absolute; top: 50%; transform: translateY(-50%); right: 0;}
.d_head_right span {position: relative; display: inline-block; vertical-align: middle;}
.d_head_right span + span {margin-left: 20px; margin-top: -1px;}
.d_head_right span + span:before {content: ""; position: absolute; top: 50%; transform: translateY(-50%); left: -10px; width: 1px; height: 10px; background: #a8a8a8;}
.d_head_right span.dd_lt a {font-size: 14px; color: #000;}
.d_head_right span.dd_lt a .login_ic {display: inline-block; vertical-align: middle; width: 26px; height: 22px; background: url("/images/sub/mypage_ic.png") center no-repeat; background-size: 100%; margin-right: 5px;}
.d_head_right span.dd_rt a {font-size: 14px; color: #000;}


/* 퀵메뉴 */

.d_quick {position: fixed; top: 50%; transform: translateY(-50%); right: 30px; z-index: 900;}


.d_quick li{margin:10px auto; text-align: center;}
.d_quick li a {display:block;position:relative; }
.d_quick li a:before {content:'';display:inline-block;width:10px;height:10px; border-radius:50%;background: #aeaeae;}
.d_quick li a span {display:none; position:absolute; top:10px; left: -50px;font-family: 'yg-jalnan'; font-size:14px; line-height:1; color:#fff; }
.d_quick li a.on{}
.d_quick li a.on span {color: #ffc000;}
.d_quick li a.on:before {width: 35px; height: 29px; background: url("/images/quick_img.png") center no-repeat; background-size: 100%;}
.d_quick li a.on:after {content: ""; display: block; width: 1px; height: 20px; background: #aeaeae; margin: 10px auto;}
.d_quick li a.on span {display: inline-block}

.d_quick li:nth-of-type(2) a span {left: -100px;}
.d_quick li:nth-of-type(3) a span {left: -100px;}

.d_quick li.scroll_img {margin-top: 50px;}
.d_quick li.scroll_img img {width: 17px;}
.d_quick li.scroll_img p {font-family: 'Saira', sans-serif; color: #000; font-size: 9px; font-weight: 700;}

.d_quick li:nth-of-type(5) a.on span {color: #fff;}
.d_quick li:nth-of-type(5) a.on:before {background: url("/images/quick_img2.png") center no-repeat; background-size: 100%;}


/* 비주얼 */

.visual {position: relative; height: 860px;}
.visual_list.bg1 {position: relative; height: 860px; background: #ececec url("/images/visual_img1.jpg") center top no-repeat; }
.visual_list.bg2 {position: relative; height: 860px; background: #ececec url("/images/visual_img2.jpg") center top no-repeat; }
.visual_list.bg3 {position: relative; height: 860px; background: #ececec url("/images/visual_img3.jpg") center top no-repeat;}
.visual_list.bg4 {position: relative; height: 860px; background: #ececec url("/images/visual_img4.jpg") center top no-repeat;}
.visual_txt {position: absolute; top: 160px; left: 50%; margin-left: 80px}
.visual_txt em {display: block; color: #39649b; font-size: 25px; line-height: 35px; font-weight: 700;}
.visual_txt h2 {font-family: 'yg-jalnan'; color: #0d498e; font-size: 70px; line-height: 78px;}
.visual_txt h2 span {font-family: 'yg-jalnan'; display: block; color: #bd7f1f; font-size: 45px; line-height: 53px;}
.visual_txt p {color: #000; font-size: 27px; line-height: 40px; font-weight: 400; margin-top: 30px;}
.visual .direcition {position: absolute; top: 50%; transform: translateY(-50%); max-width: 1700px; margin: 0 auto; width: 100%; left: 0; right: 0; margin-top: -50px;}


.vis_arrow.vis_prev {position: absolute; left: 0; color: #bd7f1f; font-weight: 700; font-size: 18px; line-height: 26px; cursor: pointer;}
.vis_arrow.vis_prev .prev {display: inline-block; vertical-align: middle; width: 70px; height: 70px; background: #bd7f1f url("/images/vis_prev.png") center no-repeat; background-size: 17px; border-radius: 50%; margin-right: 10px;}
.vis_arrow.vis_next {position: absolute; right: 0; color: #bd7f1f; font-weight: 700; font-size: 18px; line-height: 26px; cursor: pointer;}
.vis_arrow.vis_next .next {display: inline-block; vertical-align: middle; width: 70px; height: 70px; background: #bd7f1f url("/images/vis_next.png") center no-repeat; background-size: 17px; border-radius: 50%; margin-left: 10px;}

.vis_arrow.vis_prev:hover .prev {background: url("/images/prev_ic.png") center no-repeat; background-size: 100%;}
.vis_arrow.vis_next:hover .next {background: url("/images/next_ic.png") center no-repeat; background-size: 100%;}

.visual_slider .slick-dots {/* bottom: 100px; */ bottom: 20px;}
.visual_slider .slick-dots li {width: 20px; height: 20px; background: #a0a0a0; border-radius: 50%; border-radius: 50px; margin: 0;}
.visual_slider .slick-dots li.slick-active {width: 50px; height: 20px; background: #0d498e;}
.visual_slider .slick-dots li button {display: none;}
.visual_slider .slick-dots li + li {margin-left: 20px;}

/* 섹션 1 */

.section1 {padding: 120px 0;}
.inner {max-width: 1600px; margin: 0 auto;}
.sec1_tbl_wrap {display: table; width: 100%;}
.sec1_left {display: table-cell; vertical-align: middle; width: 50%;}
.sec1_left em {display: inline-block; font-family: 'yg-jalnan'; color: #ffc000; font-size: 20px; line-height: 28px; border-bottom: 1px solid #ffc000;}
.sec1_left em .brand_ic {display: block; width: 55px; height: 55px; background: url("/images/sec1_ic.png") center no-repeat; background-size: 100%; margin-bottom: 15px;}
.sec1_left h2 {font-family: 'yg-jalnan'; margin-top: 50px; color: #0d498e; font-size: 40px; line-height: 50px;}
.sec1_left p {color: #000; font-size: 20px; line-height:30px; font-weight: 300; margin-top: 30px;}
.sec1_left p br.pc_br2 {display: none;}
.sec1_left p span {display: inline-block; /* vertical-align: bittin; */ color: #000; font-size: 12px; margin-top: -3px;}
.sec1_left p em {font-family: 'noto Sans kr'; display: inline-block; font-weight: 600; color: #000; border-bottom: 0;}
.sec1_left p em.blue {color: #0d498e;}
.sec1_left p span.blue {color: #0d498e;}
.sec1_left ul {margin-top: 20px;}
.sec1_left ul li {color: #000; font-weight: 300; font-size: 12px;}
.sec1_left ul li + li {margin-top: 10px;}

.sec1_left a.more {font-family: 'Saira', sans-serif; display: inline-block; vertical-align: middle; color: #fff; background: #0d498e; font-size: 20px; line-height: 75px; height: 75px; margin-top: 60px; padding: 0 60px; border-radius: 50px;}
.sec1_left a.more .more_ic {display: inline-block; vertical-align: middle; width: 17px; height: 14px; background: url("/images/sec1_more.png") center no-repeat; background-size: 100%; margin-left: 10px;}
.sec1_right {display: table-cell; vertical-align: middle; width: 50%;}
.sec1_right img {width: 100%;}


/* 섹션2 */
.section2 {padding: 160px 0; height: 1270px; background: url("/images/sec2_bg.png") center top no-repeat; background-size: cover;}
.section2 .inner {max-width: 1400px;}
.sec2_txt {position: relative; text-align: center; z-index: 3;}
.sec2_txt em {display: block; font-family: 'yg-jalnan'; color: #ffc000; font-size: 20px; line-height: 28px;}
.sec2_txt h2 {color: #fff; font-family: 'yg-jalnan'; font-size: 40px; line-height: 50px; margin-top: 10px;}
.sec2_txt p {color: #fff; font-size: 20px; line-height: 30px; font-weight: 300; margin-top: 20px;}
.sec2_tbl_wrap {position: relative; margin-top: 70px;}
.sec2_tbl_wrap .tabnav {position: absolute; right: 120px; bottom: -20px; z-index: 5;}
.sec2_tbl_wrap .tabnav:after {content: ""; display: block; clear: both;}
.sec2_tbl_wrap .tabnav li {float: left;}
.sec2_tbl_wrap .tabnav li + li {margin-left: 30px;}
.sec2_tbl_wrap .tabnav li .img_wrap {position: relative; }
.sec2_tbl_wrap .tabnav li a.active .img_wrap:before {content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50% , -50%); width: 100%; height: 100%; border: 3px solid #ffc000; border-radius: 50%;}
.sec2_tbl_wrap .tabnav li p {font-family: 'yg-jalnan'; color: #bac4d7; font-size: 16px; line-height: 23px; text-align: center; margin-top: 15px}
.sec2_tbl_wrap .tabnav li a.active p {color: #ffc000;}
.sec2_inner {display: table; width: 100%;}
.sec2_inner .img_wrap {position: relative; display: table-cell; vertical-align: top; width: 50%; height: 763px; text-align: center;}
.sec2_inner .img_wrap img {width: 605px; position: relative; z-index: 3;}
.sec2_inner .img_wrap img.sec2_img2 {width: 476px;}
.sec2_inner .img_wrap img.sec2_img3 {width: 323px;}
.sec2_inner .txt_wrap {position: relative; display: table-cell; vertical-align: top; width: 50%; padding-left: 60px; z-index: 3; } 
.sec2_inner .txt_wrap em {display: block; font-family: 'yg-jalnan'; color: #ffc000; font-size: 25px; line-height: 33px;}
.sec2_inner .txt_wrap h2 {font-family: 'yg-jalnan'; color: #fff; font-size: 40px; line-height: 48px; margin-top: 10px;}
.sec2_inner .txt_wrap p {color: #fff; font-size: 20px; line-height: 35px; font-weight: 300; margin-top: 40px; word-break: keep-all;}
.sec2_inner.ddd_in .txt_wrap p{font-size:18px;line-height:28px;letter-spacing:-0.5px}
.sec2_inner .txt_wrap a.more {font-family: 'Saira', sans-serif; display: inline-block; vertical-align: middle; height: 60px; line-height: 56px; color: #fff; font-size: 20px; padding: 0 50px; border: 2px solid #fff; border-radius: 50px; margin-top: 40px;}
.sec2_inner .txt_wrap a.more .more_ic {display: inline-block; vertical-align: middle; width: 17px; height: 14px; background: url("/images/sec1_more.png") center no-repeat; background-size: 100%; margin-left: 15px;}

.sec2_tbl_wrap .tabcontent .sec2_inner .img_wrap:before {content: "COCOY"; position: absolute; top: 180px; left: 210px; transform: rotate(90deg); font-family: 'yg-jalnan'; color: #295795; font-size: 200px;}
.sec2_tbl_wrap .tabcontent .sec2_inner:nth-child(2) .img_wrap:before {content: "SHABEL"; left: 180px;}
.sec2_tbl_wrap .tabcontent .sec2_inner:nth-child(3) .img_wrap:before {content: "RAFFE";}

/* 섹션 3 */

.section3 {padding: 150px 0; background: url("/images/sec3_bg.png") center no-repeat; background-size: cover; margin-top: 50px;}
.sec3_txt {text-align: center;}
.sec3_txt em {font-family: 'yg-jalnan'; display: block; color: #ffc000; font-size: 20px; line-height: 28px;}
.sec3_txt h2 {font-family: 'yg-jalnan'; color: #000; font-size: 40px; line-height: 48px; margin-top: 10px;}
.sec3_txt p {color: #000; font-size: 20px; line-height: 28px; font-weight: 300; margin-top: 10px; word-break: keep-all;}
.section3 .tabnav2 {text-align: center; margin-top: 50px;}
.section3 .tabnav2 li {display: inline-block; vertical-align: middle;}
.section3 .tabnav2 li + li {margin-left: 15px;}
.section3 .tabnav2 li a {font-family: 'yg-jalnan'; display: block; width: 292px; height: 89px; background: #fff url("/images/tabimg.png") center no-repeat; background-size: 100%; color: #9b9b9b; font-size: 20px; line-height: 89px;}
.section3 .tabnav2 li a.active {background: url("/images/tabimg_on.png") center no-repeat; background-size: 100%; color: #000;}
.tabcontent2 .sec3_inner {display: table; width: 100%; margin-top: 80px;}
.tabcontent2 .sec3_inner .txt_wrap {display: table-cell; vertical-align: top; width: 50%;}
.tabcontent2 .sec3_inner .img_wrap {display: table-cell; vertical-align: top; width: 50%; text-align: center;}

.tabcontent2 .sec3_inner:nth-child(1) .img_wrap img {width: 554px;}
.tabcontent2 .sec3_inner:nth-child(2) .img_wrap img {width: 612px;}
.tabcontent2 .sec3_inner:nth-child(3) .img_wrap img {width: 618px;}

.sec3_inner .txt_wrap em {display: block; color: #0d498e; font-size: 25px; line-height: 32px; font-weight: 700;}
.sec3_inner .txt_wrap h2 {font-family: 'yg-jalnan'; color: #0d498e; font-size: 80px; line-height: 88px; margin-top: 10px;}
.sec3_inner .txt_wrap h3 {color: #0d498e; font-size: 30px; line-height: 38px; font-weight: 900; margin-top: 10px;}
.sec3_inner .txt_wrap h3 span {display: inline-block; font-family: 'yg-jalnan'; color: #bd7f1f; font-size: 30px; line-height: 38px; margin-left: 10px;}
.sec3_inner .txt_wrap h4 {color: #ffc000; font-size: 25px; line-height: 33px; font-weight: 900; margin-top: 50px;}
.sec3_inner .txt_wrap h4 span {display: inline-block; font-family: 'yg-jalnan'; color: #ffc000; font-size: 30px; line-height: 36px; margin-right: 10px;}
.sec3_inner .txt_wrap h4 strong {font-size: 50px; line-height: 56px;}
.sec3_inner .txt_wrap h5 {font-size: 28px; line-height: 36px; color: #000; font-weight: 400; margin-top: 10px;}
.sec3_inner .txt_wrap p {color: #000; font-size: 25px; line-height: 35px; font-weight: 300; margin-top: 10px;}
.sec3_inner .txt_wrap a.more {font-family: 'Saira', sans-serif; display: inline-block; height: 75px; line-height: 75px; background: #0d498e; color: #fff; font-size: 20px; padding: 0 50px; border-radius: 50px; margin-top: 50px;}
.sec3_inner .txt_wrap a.more .more_ic {display: inline-block; vertical-align: middle; width: 17px; height: 14px; background: url("/images/sec1_more.png") center no-repeat; background-size: 100%; margin-left: 10px;}

.section4 .more_view {display: none;}

/* 섹션4 */

.section4 {background: url("/images/sec4_bg.png") center top no-repeat; background-size: cover; padding: 150px 0 200px;}
.section4 .inner {position: relative; max-width: 1400px;}
.sec4_txt em {font-family: 'yg-jalnan'; color: #fff; font-size: 20px; line-height: 28px;}
.sec4_txt h2 {font-family: 'yg-jalnan'; color: #33300d; font-size: 50px; line-height: 58px;}
.sec4_txt p {color: #33300d; font-size: 20px; line-height: 28px; font-weight: 300; margin-top: 10px;}

.sec4_menu {margin-top: 40px;}
.sec4_menu li {height: 100px;}
.sec4_menu li a {font-family: 'yg-jalnan'; display: block; line-height: 98px; border: 1px solid #fff; color: #fff; font-size: 25px; padding-left: 80px; background: url("/images/sec4_more.png") center right 50px no-repeat; background-size: 31px; border-radius: 50px;}
.sec4_menu li + li {margin-top: 20px;}
.sec4_menu li:hover a {background: #fff url("/images/sec4_more_on.png") center right 50px no-repeat; background-size: 31px; color: #eeb300;}

.section4 a.more {font-family: 'yg-jalnan'; position: absolute; top: 70px; right: 0; font-size: 20px; line-height: 28px; color: #33300d; border-bottom: 3px solid #33300d; padding-bottom: 10px;}
.section4 a.more .more_ic {display :inline-block; vertical-align: middle; width: 20px; height: 16px; background: url("/images/more_ic2.png") center no-repeat; background-size: 100%; margin-left: 10px;} 

/* 푸터 */

#d_footer {position: relative; padding: 80px 0;}
.foot {position: relative; max-width: 1700px; min-height: 220px; margin: 0 auto;}
.ft_top {position: relative; padding-bottom: 30px; border-bottom: 1px solid #000;}
.ft_top:after {content: ""; display: block; clear: both;}
.ft_top .ft_tp_left {float: left;}
.ft_top .ft_tp_left h2 em {font-family: "Noto Sans KR"; display: block; font-weight: 700; font-size: 15px; line-height: 22px;}
.ft_top .ft_tp_left h2 {display :inline-block; vertical-align: middle; font-family: 'Saira', sans-serif; font-size: 45px; line-height: 55px; color: #000;}
.ft_top .ft_tp_left span {display: inline-block; vertical-align: middle; margin-top: 20px; color: #757575; font-size: 13px; line-height: 20px; font-weight: 300; margin-left: 20px;}
.ft_top .ft_tp_right {float: right;}
.ft_top .ft_tp_right ul {position: relative; margin-top: 30px;}
.ft_top .ft_tp_right ul:after {content: ""; display: block; clear: both;}
.ft_top .ft_tp_right ul li {float: left; width: 40px; height: 40px; border: 1px solid #d7d7d7; border-radius: 50%;}
.ft_top .ft_tp_right ul li + li {margin-left: 15px;}
.ft_top .ft_tp_right ul li a {display: block; background: url("/images/ft_sns1.png") center no-repeat; background-size: 8px; height: 100%;} 
.ft_top .ft_tp_right ul li:nth-child(2) a {background: url("/images/ft_sns2.png") center no-repeat; background-size: 13px;} 
.ft_top .ft_tp_right ul li:nth-child(3) a {background: url("/images/ft_sns3.png") center no-repeat; background-size: 19px;} 
.ft_top .ft_tp_right ul li:nth-child(4) a {background: url("/images/ft_sns4.png") center no-repeat; background-size: 25px;} 
.ft_bottom {position: relative; padding-top: 30px;}
.ft_bottom:after {content: ""; display: block; clear: both;}
.ft_bottom .ft_bt_left {float: left;}
.ft_bottom .ft_bt_left ul {position: relative; margin-bottom: 20px;}
.ft_bottom .ft_bt_left ul:after {content: ""; display: block; clear: both}
.ft_bottom .ft_bt_left ul li {float: left;}
.ft_bottom .ft_bt_left ul li + li {margin-left: 20px;}
.ft_bottom .ft_bt_left ul li a {display: block; color: #000; font-size: 16px; line-height: 23px; font-weight: 900;}
.ft_bottom .ft_bt_left span {display: inline-block; vertical-align: middle; color: #696969; font-size: 16px; line-height: 23px; font-weight: 300;}
.ft_bottom .ft_bt_left span + span {margin-left: 10px;}
.ft_bottom .ft_bt_left p.copy {color: #696969; font-size: 15px; line-height: 23px; font-weight: 300; margin-top: 10px;}
.ft_bottom .ft_bt_right {float: right; padding-top: 30px;}

a.top_btn {position: absolute; top: -80px; left: 50%; transform: translateX(-50%); width: 160px; height: 80px; background: #fff; z-index: 20; text-align: center; margin: auto; color: #000; font-family: 'yg-jalnan'; border-top-left-radius: 100px; border-top-right-radius: 100px;}
a.top_btn .top_btn_ic {display: block; width: 15px; height: 8px; background: url("/images/top_btn.png") center no-repeat; margin: 30px auto 10px;}

#d_footer {border-top: 1px solid #ffc20a;}
#d_footer a.top_btn {background: #ffc20a;}


.mob_foot {display: none;}





@media (max-width: 1700px) {
	
	/* 헤더 */
	#header {height: 4.7059vw; padding: 0 2.9412vw;}
	.head {height: 4.7059vw;}
	.head h1 img {width: 13.1176vw;}
	.head_btn {width: 1.7647vw; height: 0.7647vw;}
	.gnb {left: 20.5882vw;}
	.gnb li {height: 4.7059vw;}
	.gnb li + li {margin-left: 2.9412vw;}
	.gnb li a {line-height: 4.7059vw; font-size: 1.0000vw;}

    .gnb.dd_gnb {left: 16.5882vw;}
    .d_head_right span + span {margin-left: 1.18vw;}
    .d_head_right span + span:before {left: -0.59vw; width: 0.06vw; height: 0.59vw; }
    .d_head_right span.dd_lt a {font-size: 0.82vw; }
    .d_head_right span.dd_lt a .login_ic {  width: 1.53vw; height: 1.29vw; margin-right: 0.29vw;}
    .d_head_right span.dd_rt a {font-size: 0.82vw; }

	/* 퀵메뉴 */

	.d_quick {right: 1.7647vw; }

	.d_quick li{margin:0.5882vw auto; }
	.d_quick li a:before {width:0.5882vw;height:0.5882vw;}
	.d_quick li a span {  top:0.5882vw; left: -2.9412vw; font-size:14px; }
	.d_quick li a.on:before {width: 2.0588vw; height: 1.7059vw; }
	.d_quick li a.on:after {height: 1.1765vw; margin: 0.5882vw auto;}

	.d_quick li:nth-of-type(2) a span {left: -5.8824vw;}
	.d_quick li:nth-of-type(3) a span {left: -5.8824vw;}

	.d_quick li.scroll_img {margin-top: 2.9412vw;}
	.d_quick li.scroll_img img {width: 1.0000vw;}

	/* 비주얼 */

	.visual { height: 50.5882vw;}
	.visual_list.bg1 { height: 50.5882vw; background-size: cover;}
	.visual_list.bg2 { height: 50.5882vw; background-size: cover;}
	.visual_list.bg3 { height: 50.5882vw; background-size: cover;}
	.visual_list.bg4 { height: 50.5882vw; background-size: cover;}
	.visual_txt {top: 9.4118vw; margin-left: 4.7059vw}
	.visual_txt em {font-size: 1.4706vw; line-height: 2.0588vw; }

	.visual_txt h2 {font-size: 70px; line-height: 78px;}
	.visual_txt h2 span {font-size: 45px; line-height: 53px;}

	.visual_txt p { font-size: 1.5882vw; line-height: 2.3529vw;  margin-top: 1.7647vw;}

	.visual .direcition {margin-top: -2.9412vw;}

	.vis_arrow.vis_prev {left: 2.9412vw; font-size: 1.0588vw; line-height: 1.5294vw;}
	.vis_arrow.vis_prev .prev {width: 4.1176vw; height: 4.1176vw; background-size: 1.0000vw; margin-right: 0.5882vw;}
	.vis_arrow.vis_next {right: 2.9412vw; font-size: 1.0588vw; line-height: 1.5294vw;}
	.vis_arrow.vis_next .next {width: 4.1176vw; height: 4.1176vw; background-size: 1.0000vw; margin-left: 0.5882vw;}
	.visual_slider .slick-dots {bottom: 1.1765vw;}
	.visual_slider .slick-dots li {width: 1.1765vw; height: 1.1765vw; border-radius: 2.9412vw;}
	.visual_slider .slick-dots li.slick-active {width: 2.9412vw; height: 1.1765vw;}
	.visual_slider .slick-dots li + li {margin-left: 1.1765vw;}

	/* 섹션 1 */

	.section1 {padding: 7.0588vw 2.9412vw;}
	.inner {/* max-width: 94.1176vw; */}
	.sec1_left em {font-size: 20px; line-height: 28px; }
	.sec1_left em .brand_ic { width: 3.2353vw; height: 3.2353vw; margin-bottom: 0.8824vw;}
	.sec1_left h2 { margin-top: 2.9412vw; font-size: 40px; line-height: 50px;}
	.sec1_left p { font-size: 1.1765vw; line-height:1.7647vw; margin-top: 1.7647vw;}
	.sec1_left a.more {font-size: 1.1765vw; line-height: 4.4118vw; height: 4.4118vw; margin-top: 3.5294vw; padding: 0 3.5294vw; border-radius: 2.9412vw;}
	.sec1_left a.more .more_ic { width: 1.0000vw; height: 0.8235vw; margin-left: 0.5882vw;}

	.sec1_left p span {font-size: 0.7059vw; margin-top: -0.1765vw;}
	.sec1_left ul {margin-top: 1.1765vw;}
	.sec1_left ul li {  font-size: 0.7059vw;}
	.sec1_left ul li + li {margin-top: 0.5882vw;}

	/* 섹션2 */

	.section2 {padding: 9.4118vw 2.9412vw; height: 74.7059vw; }
	.section2 .inner {/* max-width: 82.3529vw; */}
	.sec2_txt em { font-size: 20px; line-height: 28px;}
	.sec2_txt h2 { font-size: 40px; line-height: 50px; margin-top: 0.5882vw;}
	.sec2_txt p { font-size: 1.1765vw; line-height: 1.7647vw;  margin-top: 1.1765vw;}
	.sec2_tbl_wrap { margin-top: 4.1176vw;}
	.sec2_tbl_wrap .tabnav { right: 7.0588vw;}
	.sec2_tbl_wrap .tabnav li + li {margin-left: 1.7647vw;}
	/* .sec2_tbl_wrap .tabnav li .img_wrap img {width: 8.8824vw;} */
	.sec2_tbl_wrap .tabnav li a.active .img_wrap:before {border: 0.1765vw solid #ffc000;}

	.sec2_tbl_wrap .tabnav li p {  font-size: 16px; line-height: 23px; margin-top: 0.8824vw}
	.sec2_inner.ddd_in .txt_wrap p{font-size:1.0588vw;line-height:1.6471vw;letter-spacing:-0.0294vw}
	.sec2_inner .img_wrap {height: 44.8824vw;}
	.sec2_inner .img_wrap img {width: 35.5882vw;}
	.sec2_inner .img_wrap img.sec2_img2 {width: 28.0000vw;}
	.sec2_inner .img_wrap img.sec2_img3 {width: 19.0000vw;}
	/* .sec2_inner .txt_wrap {padding-left: 3.5294vw;} */
	.sec2_inner .txt_wrap{padding-left:2.3529vw}
	.sec2_inner .txt_wrap em {font-size: 25px; line-height: 33px;}
	.sec2_inner .txt_wrap h2 { font-size: 40px; line-height: 48px; margin-top: 0.5882vw;}

	.sec2_inner .txt_wrap p {font-size: 1.1765vw; line-height: 2.0588vw; margin-top: 2.3529vw;}
	.sec2_inner .txt_wrap a.more {height: 3.5294vw; line-height: 3.2941vw; font-size: 1.1765vw; padding: 0 2.9412vw; border-radius: 2.9412vw; margin-top: 2.3529vw;}
	.sec2_inner .txt_wrap a.more .more_ic {width: 1.0000vw; height: 0.8235vw; margin-left: 0.8824vw;}

	.sec2_tbl_wrap .tabcontent .sec2_inner .img_wrap:before {top: 10.5882vw; left: 12.3529vw; font-size: 11.7647vw;}
	.sec2_tbl_wrap .tabcontent .sec2_inner:nth-child(2) .img_wrap:before { left: 10.5882vw;}

	/* 섹션 3 */

	.section3 {padding: 8.8235vw 2.9412vw; margin-top: 2.9412vw;}
	.sec3_txt em  {font-size: 20px; line-height: 28px;}
	.sec3_txt h2 {font-size: 40px; line-height: 48px; margin-top: 0.5882vw;}
	.sec3_txt p { font-size: 1.1765vw; line-height: 1.6471vw;   margin-top: 0.5882vw;}
	.section3 .tabnav2 { margin-top: 2.9412vw;}
	.section3 .tabnav2 li + li {margin-left: 0.8824vw;}
	.section3 .tabnav2 li a {width: 17.1765vw;   font-size: 20px;  line-height: 5.2353vw; height: 5.2353vw;}
	.tabcontent2 .sec3_inner {margin-top: 4.7059vw;}
	
	.tabcontent2 .sec3_inner:nth-child(1) .img_wrap img {width: 554px;}
	.tabcontent2 .sec3_inner:nth-child(2) .img_wrap img {width: 612px;}
	.tabcontent2 .sec3_inner:nth-child(3) .img_wrap img {width: 618px;}

	.sec3_inner .txt_wrap em {font-size: 1.4706vw; line-height: 1.8824vw; }
	.sec3_inner .txt_wrap h2 {font-size: 80px; line-height: 88px; margin-top: 0.5882vw;}
	.sec3_inner .txt_wrap h3 {font-size: 30px; line-height: 38px; margin-top: 0.5882vw;}
	.sec3_inner .txt_wrap h3 span {font-size: 30px; line-height: 38px; margin-left: 0.5882vw;}
	.sec3_inner .txt_wrap h4 {font-size: 25px; line-height: 33px;   margin-top: 2.9412vw;}
	.sec3_inner .txt_wrap h4 span {  font-size: 30px; line-height: 36px;margin-right: 0.5882vw;}
	.sec3_inner .txt_wrap h4 strong {font-size: 50px; line-height: 56px;} 
	.sec3_inner .txt_wrap h5 {font-size: 1.6471vw; line-height: 2.1176vw;  margin-top: 0.5882vw;}
	.sec3_inner .txt_wrap p { font-size: 1.4706vw; line-height: 2.0588vw;  margin-top: 0.5882vw;}
	.sec3_inner .txt_wrap a.more {height: 4.4118vw; line-height: 4.4118vw; font-size: 1.1765vw; padding: 0 2.9412vw; border-radius: 2.9412vw; margin-top: 2.9412vw;}
	.sec3_inner .txt_wrap a.more .more_ic {width: 1.0000vw; height: 0.8235vw; margin-left: 0.5882vw;}

	/* 섹션4 */

	.section4 {padding: 8.8235vw 2.9412vw 11.7647vw;}
	.section4 .inner { /* max-width: 82.3529vw; */}
	.sec4_txt em {font-size: 20px; line-height: 28px;}
	.sec4_txt h2  {font-size: 50px; line-height: 58px;}
	.sec4_txt p {font-size: 1.1765vw; line-height: 1.6471vw;  margin-top: 0.5882vw;}

	.sec4_menu {margin-top: 2.3529vw;}
	.sec4_menu li {height: 5.8824vw;}
	.sec4_menu li a {line-height: 5.7647vw; font-size: 25px; padding-left: 4.7059vw; background: url("/images/sec4_more.png") center right 2.9412vw no-repeat; background-size: 1.8235vw; border-radius: 2.9412vw;}
	.sec4_menu li + li {margin-top: 1.1765vw;}
	.sec4_menu li:hover a {background: #fff url("/images/sec4_more_on.png") center right 2.9412vw no-repeat; background-size: 1.8235vw;}

	.section4 a.more {top: 4.1176vw;  font-size: 20px; line-height: 28px;  border-bottom: 0.1765vw solid #33300d; padding-bottom: 0.5882vw;}
	.section4 a.more .more_ic { width: 1.1765vw; height: 0.9412vw; margin-left: 0.5882vw;}

	/* 푸터 */

	#d_footer { padding: 4.7059vw 2.9412vw;}
	.foot {min-height: 12.9412vw; }
	.ft_top {padding-bottom: 1.7647vw;}
	.ft_top .ft_tp_left h2 em {font-size: 0.8824vw; line-height: 1.2941vw;}
	.ft_top .ft_tp_left h2 {font-size: 2.6471vw; line-height: 3.2353vw; }
	.ft_top .ft_tp_left span {margin-top: 1.1765vw;  font-size: 0.7647vw; line-height: 1.1765vw;  margin-left: 1.1765vw;}
	.ft_top .ft_tp_right ul { margin-top: 1.7647vw;}
	.ft_top .ft_tp_right ul li { width: 2.3529vw; height: 2.3529vw;}
	.ft_top .ft_tp_right ul li + li {margin-left: 0.8824vw;}
	.ft_top .ft_tp_right ul li a {background-size: 0.4706vw; ;} 
	.ft_top .ft_tp_right ul li:nth-child(2) a {background-size: 0.7647vw;} 
	.ft_top .ft_tp_right ul li:nth-child(3) a {background-size: 1.1176vw;} 
	.ft_top .ft_tp_right ul li:nth-child(4) a { background-size: 1.4706vw;} 
	.ft_bottom { padding-top: 1.7647vw;}
	.ft_bottom .ft_bt_left ul { margin-bottom: 1.1765vw;}
	.ft_bottom .ft_bt_left ul li + li {margin-left: 1.1765vw;}
	.ft_bottom .ft_bt_left ul li a {font-size: 0.9412vw; line-height: 1.3529vw; }
	.ft_bottom .ft_bt_left span {font-size: 0.9412vw; line-height: 1.3529vw; }
	.ft_bottom .ft_bt_left span + span {margin-left: 0.5882vw;}
	.ft_bottom .ft_bt_left p.copy {font-size: 0.8824vw; line-height: 1.3529vw;  margin-top: 0.5882vw;}
	.ft_bottom .ft_bt_right {padding-top: 1.7647vw;}
	.ft_bottom .ft_bt_right img {width: 17.6471vw;}

	a.top_btn { top: -4.7059vw; width: 9.4118vw; height: 4.7059vw; border-top-left-radius: 5.8824vw; border-top-right-radius: 5.8824vw;}
	a.top_btn .top_btn_ic {width: 1.1176vw; height: 0.6471vw; margin: 1.7647vw auto 0.5882vw; background: url("/images/top_mob_btn.png") center no-repeat; background-size: 100%;}

}

@media screen and (max-width: 1600px) {
	.d_quick li a span { font-size:14px; }
	
	.visual_txt h2 {font-size: 70px; line-height: 78px;}
	.visual_txt h2 span {font-size: 45px; line-height: 53px;}

	.sec1_left em {font-size: 20px; line-height: 28px;}
	.sec1_left h2 {font-size: 40px; line-height: 50px;}

	.sec2_txt em { font-size: 20px; line-height: 28px;}
	.sec2_txt h2 { font-size: 40px; line-height: 50px; }
	.sec2_tbl_wrap .tabnav li p {font-size: 16px; line-height: 23px; margin-top: 15px}
	.sec2_inner .txt_wrap em {font-size: 25px; line-height: 33px;}
	.sec2_inner .txt_wrap h2 {font-size: 40px; line-height: 48px;}

	.sec3_txt em  {font-size: 20px; line-height: 28px;}
	.sec3_txt h2 {font-size: 40px; line-height: 48px; }
	.section3 .tabnav2 li a {font-size: 16px;}
	.sec3_inner .txt_wrap h2 {font-size: 80px; line-height: 88px;}
	.sec3_inner .txt_wrap h3 {font-size: 30px; line-height: 38px;}
	.sec3_inner .txt_wrap h3 span {font-size: 30px; line-height: 38px;}
	.sec3_inner .txt_wrap h4 {font-size: 25px; line-height: 33px; }
	.sec3_inner .txt_wrap h4 span {  font-size: 30px; line-height: 36px;}
	.sec3_inner .txt_wrap h4 strong {font-size: 50px; line-height: 56px;} 

	.sec4_txt em {font-size: 20px; line-height: 28px;}
	.sec4_txt h2  {font-size: 50px; line-height: 58px;}
	.sec4_menu li a {font-size: 25px; }
	.section4 a.more {font-size: 20px; line-height: 28px; }



}


@media (max-width: 1400px) {
	
	/* 헤더 */

	#header {height: 5.7143vw; padding: 0 3.5714vw;}
	.head {height: 5.7143vw;}
	.head h1 img {width: 15.9286vw;}
	.head_btn {width: 2.1429vw; height: 0.9286vw;}
	.gnb {left: 19.2857vw;}
	.gnb li {height: 5.7143vw;}
	.gnb li + li {margin-left: 2.1429vw;}
	.gnb li a {line-height: 5.7143vw; font-size: 1.1429vw;}

    .gnb.dd_gnb {left: 17.2857vw;}
    .gnb.dd_gnb li + li {margin-left: 1.4648vw;}
    .d_head_right span + span {margin-left: 1.43vw;}
    .d_head_right span + span:before {left: -0.71vw; width: 0.07vw; height: 0.71vw; }
    .d_head_right span.dd_lt a {font-size: 1.00vw; }
    .d_head_right span.dd_lt a .login_ic {  width: 1.86vw; height: 1.57vw; margin-right: 0.36vw;}
    .d_head_right span.dd_rt a {font-size: 1.00vw; }


	/* 퀵메뉴 */

	.d_quick {right: 2.1429vw; }
	.d_quick li{margin:0.7143vw auto; }
	.d_quick li a:before {width:0.7143vw;height:0.7143vw;}
	.d_quick li a span {  top:0.7143vw; left: -3.5714vw; font-size: 14px;}
	.d_quick li a.on:before {width: 2.5000vw; height: 2.0714vw; }
	.d_quick li a.on:after {height: 1.4286vw; margin: 0.7143vw auto;}

	.d_quick li:nth-of-type(2) a span {left: -7.1429vw;}
	.d_quick li:nth-of-type(3) a span {left: -7.1429vw;}

	.d_quick li.scroll_img {margin-top: 3.5714vw;}
	.d_quick li.scroll_img img {width: 1.2143vw;}

	/* 비주얼 */

	.visual { height: 61.4286vw;}
	.visual_list.bg1 { height: 61.4286vw; background: url("/images/visual_1400_img1.jpg") center no-repeat; background-size: cover;}
	.visual_list.bg2 { height: 61.4286vw; background: url("/images/visual_1400_img2.jpg") center no-repeat; background-size: cover;}
	.visual_list.bg3 { height: 61.4286vw; background: url("/images/visual_1400_img3.jpg") center no-repeat; background-size: cover;}
	.visual_list.bg4 { height: 61.4286vw; background: url("/images/visual_1400_img4.jpg") center no-repeat; background-size: cover;}
	.visual_txt {top: 11.4286vw; margin-left: 0}
	.visual_txt em {font-size: 1.7857vw; line-height: 2.5000vw; }
	.visual_txt h2 {font-size: 70px; line-height: 78px;}
	.visual_txt h2 span {font-size: 45px; line-height: 53px;}
	.visual_txt p { font-size: 1.9286vw; line-height: 2.8571vw;  margin-top: 2.1429vw;}

	.visual .direcition {margin-top: -3.5714vw;}

	.vis_arrow.vis_prev {display: none !important; left: 3.5714vw; font-size: 1.2857vw; line-height: 1.8571vw;}
	.vis_arrow.vis_prev .prev {width: 5.0000vw; height: 5.0000vw; background-size: 1.2143vw; margin-right: 0.7143vw;}
	.vis_arrow.vis_next {display: none !important; right: 3.5714vw; font-size: 1.2857vw; line-height: 1.8571vw;}
	.vis_arrow.vis_next .next {width: 5.0000vw; height: 5.0000vw; background-size: 1.2143vw; margin-left: 0.7143vw;}
	.visual_slider .slick-dots {bottom: 1.4286vw;}
	.visual_slider .slick-dots li {width: 1.4286vw; height: 1.4286vw; border-radius: 3.5714vw;}
	.visual_slider .slick-dots li.slick-active {width: 3.5714vw; height: 1.4286vw;}
	.visual_slider .slick-dots li + li {margin-left: 1.4286vw;}

	/* 섹션 1 */

	.section1 {padding: 8.5714vw 3.5714vw;}
	.inner {/* max-width: 114.2857vw; */}
	.sec1_left em {font-size: 20px; line-height: 28px; }
	.sec1_left em .brand_ic { width: 3.9286vw; height: 3.9286vw; margin-bottom: 1.0714vw;}
	.sec1_left h2 { margin-top: 3.5714vw; font-size: 40px; line-height: 50px;}

	.sec1_left p { font-size: 1.4286vw; line-height:2.1429vw; margin-top: 2.1429vw; }
	.sec1_left p br.pc_br {display: none;}
	.sec1_left p br.pc_br2 {display: block;}
	.sec1_left a.more {font-size: 1.4286vw; line-height: 5.3571vw; height: 5.3571vw; margin-top: 4.2857vw; padding: 0 4.2857vw; border-radius: 3.5714vw;}
	.sec1_left a.more .more_ic { width: 1.2143vw; height: 1.0000vw; margin-left: 0.7143vw;}

	.sec1_left p span {font-size: 0.8571vw; margin-top: -0.2143vw;}
	.sec1_left ul {margin-top: 1.4286vw;}
	.sec1_left ul li {font-size: 0.8571vw;  word-break: keep-all; padding-right: 2.1429vw;}
	.sec1_left ul li + li {margin-top: 0.7143vw;}

	/* 섹션2 */

	.section2 {padding: 11.4286vw 3.5714vw; height: 90.7143vw; }
	.section2 .inner {/* max-width: 100.0000vw; */}
	.sec2_txt em {font-size: 20px; line-height: 28px;}
	.sec2_txt h2 {font-size: 40px; line-height: 50px; margin-top: 0.7143vw;}
	.sec2_txt p { font-size: 1.4286vw; line-height: 2.1429vw;  margin-top: 1.4286vw;}
	.sec2_tbl_wrap { margin-top: 5.0000vw;}
	.sec2_tbl_wrap .tabnav { right: 4.2857vw;}
	.sec2_tbl_wrap .tabnav li + li {margin-left: 2.1429vw;}
	.sec2_tbl_wrap .tabnav li .img_wrap img {width: 10.7857vw;}
	.sec2_tbl_wrap .tabnav li a.active .img_wrap:before {border: 0.2143vw solid #ffc000;}
	.sec2_tbl_wrap .tabnav li p {  font-size: 16px; line-height: 23px;  margin-top: 1.0714vw}
	.sec2_inner .img_wrap {height: 54.5000vw;}
	.sec2_inner .img_wrap img {width: 43.2143vw;}
	.sec2_inner .img_wrap img.sec2_img2 {width: 34.0000vw;}
	.sec2_inner .img_wrap img.sec2_img3 {width: 23.0714vw;}
	.sec2_inner .txt_wrap {padding-left: 4.2857vw;}
	.sec2_inner .txt_wrap em {font-size: 25px; line-height: 33px;}
	.sec2_inner .txt_wrap h2 {font-size: 40px; line-height: 48px; margin-top: 0.7143vw;}
	.sec2_inner .txt_wrap p {font-size: 1.4286vw; line-height: 2.5000vw; margin-top: 2.8571vw; word-break: keep-all}
	.sec2_inner .txt_wrap p br {display: none;}
	.sec2_inner .txt_wrap a.more {height: 4.2857vw; line-height: 4.0000vw; font-size: 1.4286vw; padding: 0 3.5714vw; border-radius: 3.5714vw; margin-top: 2.8571vw;}
	.sec2_inner .txt_wrap a.more .more_ic {width: 1.2143vw; height: 1.0000vw; margin-left: 1.0714vw;}
	.sec2_inner.ddd_in .txt_wrap p{font-size:1.2857vw;line-height:2.0000vw;letter-spacing:-0.0357vw}
	.sec2_tbl_wrap .tabcontent .sec2_inner .img_wrap:before {top: 12.8571vw; left: 15.0000vw; font-size: 14.2857vw;}
	.sec2_tbl_wrap .tabcontent .sec2_inner:nth-child(2) .img_wrap:before { left: 10.7143vw;}

	/* 섹션 3 */

	.section3 {padding: 10.7143vw 3.5714vw; margin-top: 3.5714vw;}
	.sec3_txt em  {font-size: 20px; line-height: 28px;}
	.sec3_txt h2 {font-size: 40px; line-height: 48px; margin-top: 0.7143vw;}
	.sec3_txt p { font-size: 1.4286vw; line-height: 2.0000vw;     margin-top: 0.7143vw;}
	.section3 .tabnav2 { margin-top: 3.5714vw;}
	.section3 .tabnav2 li + li {margin-left: 1.0714vw;}
	.section3 .tabnav2 li a {width: 20.8571vw; height: 6.3571vw; font-size: 16px; line-height: 6.3571vw;}
	.tabcontent2 .sec3_inner {margin-top: 5.7143vw;}
	
	.tabcontent2 .sec3_inner:nth-child(1) .img_wrap img {width: 39.5714vw;}
	.tabcontent2 .sec3_inner:nth-child(2) .img_wrap img {width: 43.7143vw;}
	.tabcontent2 .sec3_inner:nth-child(3) .img_wrap img {width: 44.1429vw;}

	.sec3_inner .txt_wrap em {font-size: 1.7857vw; line-height: 2.2857vw; }
	.sec3_inner .txt_wrap h2 {font-size: 80px; line-height: 88px; margin-top: 0.7143vw;}
	.sec3_inner .txt_wrap h3 {font-size: 30px; line-height: 38px; margin-top: 0.7143vw;}
	.sec3_inner .txt_wrap h3 span {font-size: 30px; line-height: 38px;  margin-left: 0.7143vw;}
	.sec3_inner .txt_wrap h4 {font-size: 25px; line-height: 33px;  margin-top: 3.5714vw;}
	.sec3_inner .txt_wrap h4 span { font-size: 30px; line-height: 36px; margin-right: 0.7143vw;}
	.sec3_inner .txt_wrap h4 strong {font-size: 50px; line-height: 56px} 
	.sec3_inner .txt_wrap h5 {font-size: 2.0000vw; line-height: 2.5714vw;   margin-top: 0.7143vw;}
	.sec3_inner .txt_wrap p { font-size: 1.7857vw; line-height: 2.5000vw;  margin-top: 0.7143vw;}
	.sec3_inner .txt_wrap a.more {height: 5.3571vw; line-height: 5.3571vw; font-size: 1.4286vw; padding: 0 3.5714vw; border-radius: 3.5714vw; margin-top: 3.5714vw;}
	.sec3_inner .txt_wrap a.more .more_ic {width: 1.2143vw; height: 1.0000vw; margin-left: 0.7143vw;}

	/* 섹션4 */

	.section4 {padding: 10.7143vw 3.5714vw 14.2857vw;}
	.section4 .inner { /* max-width: 100.0000vw; */}
	.sec4_txt em  {font-size: 20px; line-height: 28px;}
	.sec4_txt h2 {font-size: 50px; line-height: 58px;}
	.sec4_txt p {font-size: 1.4286vw; line-height: 2.0000vw;  margin-top: 0.7143vw;}

	.sec4_menu {margin-top: 2.8571vw;}
	.sec4_menu li {height: 7.1429vw;}
	.sec4_menu li a {line-height: 7.0000vw; font-size: 25px; padding-left: 5.7143vw; background: url("/images/sec4_more.png") center right 3.5714vw no-repeat; background-size: 2.2143vw; border-radius: 3.5714vw;}
	.sec4_menu li + li {margin-top: 1.4286vw;}
	.sec4_menu li:hover a {background: #fff url("/images/sec4_more_on.png") center right 3.5714vw no-repeat; background-size: 2.2143vw;}

	.section4 a.more {top: 5.0000vw;  font-size: 20px; line-height: 28px;  border-bottom: 0.2143vw solid #33300d; padding-bottom: 0.7143vw;}
	.section4 a.more .more_ic { width: 1.4286vw; height: 1.1429vw; margin-left: 0.7143vw;}

	/* 푸터 */

	#d_footer { padding: 5.7143vw 3.5714vw;}
	.foot {min-height: 15.7143vw; }
	.ft_top {padding-bottom: 2.1429vw;}
	.ft_top .ft_tp_left h2 em {font-size: 1.0714vw; line-height: 1.5714vw;}
	.ft_top .ft_tp_left h2 {font-size: 3.2143vw; line-height: 3.9286vw; }
	.ft_top .ft_tp_left span {margin-top: 1.4286vw;  font-size: 0.9286vw; line-height: 1.4286vw;  margin-left: 1.4286vw;}
	.ft_top .ft_tp_right ul { margin-top: 2.1429vw;}
	.ft_top .ft_tp_right ul li { width: 2.8571vw; height: 2.8571vw;}
	.ft_top .ft_tp_right ul li + li {margin-left: 1.0714vw;}
	.ft_top .ft_tp_right ul li a {background-size: 0.5714vw; ;} 
	.ft_top .ft_tp_right ul li:nth-child(2) a {background-size: 0.9286vw;} 
	.ft_top .ft_tp_right ul li:nth-child(3) a {background-size: 1.3571vw;} 
	.ft_top .ft_tp_right ul li:nth-child(4) a { background-size: 1.7857vw;} 
	.ft_bottom { padding-top: 2.1429vw;}
	.ft_bottom .ft_bt_left ul { margin-bottom: 1.4286vw;}
	.ft_bottom .ft_bt_left ul li + li {margin-left: 1.4286vw;}
	.ft_bottom .ft_bt_left ul li a {font-size: 1.1429vw; line-height: 1.6429vw; }
	.ft_bottom .ft_bt_left span {font-size: 1.1429vw; line-height: 1.6429vw; }
	.ft_bottom .ft_bt_left span + span {margin-left: 0.7143vw;}
	.ft_bottom .ft_bt_left p.copy {font-size: 1.0714vw; line-height: 1.6429vw;  margin-top: 0.7143vw;}
	.ft_bottom .ft_bt_right {padding-top: 2.1429vw;}
	.ft_bottom .ft_bt_right img {width: 21.4286vw;}

	a.top_btn { top: -5.7143vw; width: 11.4286vw; height: 5.7143vw; border-top-left-radius: 7.1429vw; border-top-right-radius: 7.1429vw;}
	a.top_btn .top_btn_ic {width: 1.3571vw; height: 0.7857vw; margin: 2.1429vw auto 0.7143vw;}
}


@media (max-width: 1200px) {
	.d_quick li a span {font-size: 14px;}
	.visual_txt h2 {font-size: 70px; line-height: 78px;}
	.visual_txt h2 span {font-size: 45px; line-height: 53px;}

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

	.sec2_txt em {font-size: 20px; line-height: 28px;}
	.sec2_txt h2 {font-size: 40px; line-height: 50px;}

	.sec3_txt em  {font-size: 20px; line-height: 28px;}
	.sec3_txt h2 {font-size: 40px; line-height: 48px;}
	.section3 .tabnav2 li a {font-size: 16px;}
	.sec3_inner .txt_wrap h2 {font-size: 80px; line-height: 88px; }
	.sec3_inner .txt_wrap h3 {font-size: 30px; line-height: 38px;}
	.sec3_inner .txt_wrap h3 span {font-size: 30px; line-height: 38px;}
	.sec3_inner .txt_wrap h4 {font-size: 25px; line-height: 33px;}
	.sec3_inner .txt_wrap h4 span { font-size: 30px; line-height: 36px;}
	.sec3_inner .txt_wrap h4 strong {font-size: 50px; line-height: 56px} 

	.sec4_txt em {font-size: 20px; line-height: 28px;}
	.sec4_txt h2  {font-size: 50px; line-height: 58px;}
	.sec4_menu li a {font-size: 25px; }
	.section4 a.more {font-size: 20px; line-height: 28px; }

}

@media (max-width: 1024px) {

	/* 헤더 */

	#header {height: 5.8594vw; padding: 0 3.9063vw;}
	.head {height: 5.8594vw;}
	.head h1 img {width: 15.1367vw;}
	.head_btn {width: 2.2461vw; height: 1.0742vw;}
	.gnb {left: 17.8571vw;}
	.gnb li {height: 5.8594vw;}
	.gnb li + li {margin-left: 1.9531vw;}
	.gnb li a {line-height: 5.8594vw; font-size: 1.1719vw;}

    #header.hdd {padding: 0 1.9531vw}
    .gnb.dd_gnb {left: 17.63vw;}
    .gnb.dd_gnb li + li {margin-left: 0.9766vw;}
    .gnb.dd_gnb li a {}
    .d_head_right {right: -0.9766vw;}
    .d_head_right span + span {margin-left: 0.9766vw;}
    .d_head_right span + span:before {left: -0.4883vw; width: 0.10vw; height: 0.98vw; }
    .d_head_right span.dd_lt a {font-size: 1.1719vw; }
    .d_head_right span.dd_lt a .login_ic {  width: 2.54vw; height: 2.15vw; margin-right: 0;}
    .d_head_right span.dd_rt a {font-size: 1.1719vw; }

	/* 퀵메뉴 */

	.d_quick {right: 2.9297vw; }
	.d_quick li{margin:0.9766vw auto;}
	.d_quick li a:before {width:0.9766vw;height:0.9766vw;}
	.d_quick li a span {  top:0.9766vw; left: -4.8828vw; font-size:14px;}
	.d_quick li a.on:before {width: 3.4180vw; height: 2.8320vw; }
	.d_quick li a.on:after {height: 1.9531vw; margin: 0.9766vw auto;}

	.d_quick li:nth-of-type(2) a span {left: -9.7656vw;}
	.d_quick li:nth-of-type(3) a span {left: -9.7656vw;}

	.d_quick li.scroll_img {margin-top: 4.8828vw;}
	.d_quick li.scroll_img img {width: 1.6602vw;}

	/* 비주얼 */

	.visual { height: 61.5234vw;}
	.visual_list.bg1 { height: 61.5234vw; background: url("/images/visual_1024_img1.jpg") center no-repeat; background-size: cover;}
	.visual_list.bg2 { height: 61.5234vw; background: url("/images/visual_1024_img2.jpg") center no-repeat; background-size: cover;}
	.visual_list.bg3 { height: 61.5234vw; background: url("/images/visual_1024_img3.jpg") center no-repeat; background-size: cover;}
	.visual_list.bg4 { height: 61.5234vw; background: url("/images/visual_1024_img4.jpg") center no-repeat; background-size: cover;}
	.visual_txt {top: 8.7891vw; margin-left: 0}
	.visual_txt em {font-size: 1.8555vw; line-height: 2.5391vw; }
	.visual_txt h2 {font-size: 51px; line-height: 60px;}
	.visual_txt h2 span {font-size: 33px; line-height: 40px;}
	.visual_txt p { font-size: 1.8555vw; line-height: 2.5391vw;   margin-top: 2.9297vw;}

	.visual_slider .slick-dots {bottom: 1.4648vw;}
	.visual_slider .slick-dots li {width: 1.4648vw; height: 1.4648vw; border-radius: 4.8828vw;}
	.visual_slider .slick-dots li.slick-active {width: 3.9063vw; height: 1.4648vw;}
	.visual_slider .slick-dots li + li {margin-left: 1.9531vw;}

	.visual .direcition {margin-top: -4.8828vw;}

	/* 섹션 1 */

	.section1 {padding: 8.3008vw 3.9063vw;}
	.sec1_left em {font-size: 14px; line-height: 20px; }
	.sec1_left em .brand_ic { width: 3.9063vw; height: 3.9063vw; margin-bottom: 0.9766vw;}
	.sec1_left h2 { margin-top: 3.9063vw; font-size: 24px; line-height: 34px;}
	.sec1_left p { font-size: 1.4648vw; line-height: 2.2461vw; margin-top: 1.9531vw; }
	.sec1_left a.more {font-size: 1.3672vw; line-height: 5.3711vw; height: 5.3711vw; margin-top: 2.4414vw; padding: 0 3.9063vw; border-radius: 4.8828vw;}
	.sec1_left a.more .more_ic { width: 1.6602vw; height: 1.3672vw; margin-left: 0.9766vw;}

	.sec1_left p span {font-size: 1.1719vw; margin-top: -0.2930vw;}
	.sec1_left ul {margin-top: 1.9531vw;}
	.sec1_left ul li {  font-size: 1.1719vw; padding-right: 2.9297vw;}
	.sec1_left ul li + li {margin-top: 0.9766vw;}

	/* 섹션2 */

	.section2 {padding: 11.7188vw 3.9063vw; height: 90.8203vw; background: url("/images/sec2_1024_bg.png") center top no-repeat; background-size: cover;}
	.sec2_txt em {font-size: 15px; line-height: 23px;}
	.sec2_txt h2 {font-size: 30px; line-height: 40px; margin-top: 0.9766vw;}
	.sec2_txt p { font-size: 1.4648vw; line-height: 2.2461vw;  margin-top: 1.9531vw;}
	.sec2_tbl_wrap { margin-top: 4.8828vw;}
	.sec2_tbl_wrap .tabnav { right: 6.8359vw;}
	.sec2_tbl_wrap .tabnav li + li {margin-left: 1.4648vw;}
	.sec2_tbl_wrap .tabnav li .img_wrap img {width: 10.7422vw;}
	.sec2_tbl_wrap .tabnav li a.active .img_wrap:before {border: 0.2930vw solid #ffc000;}
	.sec2_tbl_wrap .tabnav li p {    font-size: 12px; line-height: 23px;  margin-top: 1.4648vw}
	.sec2_inner .img_wrap {height: 50.7813vw;}
	.sec2_inner .img_wrap img {width: 43.4570vw;}
	.sec2_inner .img_wrap img.sec2_img2 {width: 36.6211vw;}
	.sec2_inner .img_wrap img.sec2_img3 {width: 22.4609vw;}
	.sec2_inner .txt_wrap {padding-left: 2.9297vw;}
	.sec2_inner .txt_wrap em {font-size: 18px; line-height: 26px;}
	.sec2_inner .txt_wrap h2 {font-size: 30px; line-height: 38px; margin-top: 0.9766vw;}
	.sec2_inner .txt_wrap p {font-size: 1.4648vw; line-height: 2.4414vw; margin-top: 2.9297vw; }
	.sec2_inner .txt_wrap a.more {height: 4.3945vw; line-height: 4.1992vw; font-size: 1.3672vw; padding: 0 3.9063vw; border-radius: 4.8828vw; margin-top: 2.9297vw;}
	.sec2_inner .txt_wrap a.more .more_ic {width: 1.6602vw; height: 1.3672vw; margin-left: 1.4648vw;}

	.sec2_tbl_wrap .tabcontent .sec2_inner .img_wrap:before {top: 11.7188vw; left: 15.625vw; font-size: 14.1602vw;}
	.sec2_tbl_wrap .tabcontent .sec2_inner:nth-child(2) .img_wrap:before { left: 11.7188vw;}

	/* 섹션 3 */

	.section3 {padding: 11.7188vw 3.9063vw; margin-top: 4.8828vw; background: url("/images/sec3_1024_bg.png") center no-repeat; background-size: cover;}
	.sec3_txt em {font-size: 14px; line-height: 20px;}
	.sec3_txt h2 {font-size: 30px; line-height: 38px; margin-top: 0.9766vw;}
	.sec3_txt p { font-size: 1.3672vw; line-height: 1.9531vw;  margin-top: 0.9766vw;}
	.section3 .tabnav2 { margin-top: 2.9297vw;}
	.section3 .tabnav2 li + li {margin-left: 0.9766vw;}
	.section3 .tabnav2 li a {width: 20.9961vw; height: 6.4453vw; font-size: 14px; line-height: 6.4453vw; background: #fff url("/images/tab1024_img.png") center no-repeat; background-size: cover;}
	.section3 .tabnav2 li a.active {background: url("/images/tab1024_img_on.png") center no-repeat; background-size: cover;}
	.tabcontent2 .sec3_inner {margin-top: 3.9063vw;}
	
	.tabcontent2 .sec3_inner:nth-child(1) .img_wrap img {width: 54.1016vw;}
	.tabcontent2 .sec3_inner:nth-child(2) .img_wrap img {width: 59.7656vw;}
	.tabcontent2 .sec3_inner:nth-child(3) .img_wrap img {width: 60.3516vw;}

	.sec3_inner .txt_wrap em {font-size: 1.7578vw; line-height: 2.5391vw; }
	.sec3_inner .txt_wrap h2 {font-size: 58px; line-height: 66px;margin-top: 0.9766vw;}
	.sec3_inner .txt_wrap h3 {font-size: 22px; line-height: 30px;  margin-top: 0.9766vw;}
	.sec3_inner .txt_wrap h3 span {font-size: 22px; line-height: 30px; margin-left: 0.9766vw;}
	.sec3_inner .txt_wrap h4 {font-size: 18px; line-height: 26px;   margin-top: 4.8828vw;}
	.sec3_inner .txt_wrap h4 span { font-size: 22px; line-height: 30px; margin-right: 0.9766vw;}
	.sec3_inner .txt_wrap h4 strong {font-size: 36px; line-height: 46px;} 
	.sec3_inner .txt_wrap h5 {font-size: 2.7344vw; line-height: 3.5156vw;   margin-top: 0.9766vw;}
	.sec3_inner .txt_wrap p { font-size: 1.7578vw; line-height: 2.5391vw;  margin-top: 0.9766vw;}
	.sec3_inner .txt_wrap a.more {height: 5.3711vw; line-height: 5.3711vw; font-size: 1.3672vw; padding: 0 4.8828vw; border-radius: 4.8828vw; margin-top: 4.8828vw;}
	.sec3_inner .txt_wrap a.more .more_ic {width: 1.6602vw; height: 1.3672vw; margin-left: 0.9766vw;}

	/* 섹션4 */

	.section4 {padding: 10.7422vw 3.9063vw 12.6953vw; height: 71.4844vw; background: url("/images/sec4_1024_bg.png") center no-repeat; background-size: cover;}
	.sec4_txt em {font-size: 14px; line-height: 20px;}
	.sec4_txt h2 {font-size: 36px; line-height: 48px;}
	.sec4_txt p {font-size: 14px; line-height: 20px; margin-top: 0.9766vw;}

	.sec4_menu {margin-top: 3.9063vw;}
	.sec4_menu li {height: 6.8359vw;}
	.sec4_menu li a {line-height: 6.6406vw; font-size: 1.7578vw; padding-left: 5.8594vw; background: url("/images/sec4_more.png") center right 4.8828vw no-repeat; background-size: 3.0273vw; border-radius: 4.8828vw;}
	.sec4_menu li + li {margin-top: 1.4648vw;}
	.sec4_menu li:hover a {background: #fff url("/images/sec4_more_on.png") center right 4.8828vw no-repeat; background-size: 3.0273vw;}

	.section4 a.more {top: 6.8359vw; font-size: 14px; line-height: 20px; ;  border-bottom: 0.2930vw solid #33300d; padding-bottom: 0.9766vw;}
	.section4 a.more .more_ic { width: 1.9531vw; height: 1.5625vw; margin-left: 0.9766vw;}

	/* 푸터 */

	#d_footer { padding: 5.8594vw 3.9063vw;}
	.foot {min-height: 21.4844vw; }
	.ft_top {padding-bottom: 1.9531vw;}
	.ft_top .ft_tp_left h2 em {font-size: 1.0742vw; line-height: 1.7578vw;}
	.ft_top .ft_tp_left h2 {font-size: 3.2227vw; line-height: 3.9063vw; }
	.ft_top .ft_tp_left span {margin-top: 1.9531vw;  font-size: 0.9766vw; line-height: 1.9531vw;  margin-left: 0.9766vw;}
	.ft_top .ft_tp_right ul { margin-top: 2.9297vw;}
	.ft_top .ft_tp_right ul li { width: 3.9063vw; height: 3.9063vw;}
	.ft_top .ft_tp_right ul li + li {margin-left: 0.9766vw;}
	.ft_top .ft_tp_right ul li a {background-size: 0.7813vw; ;} 
	.ft_top .ft_tp_right ul li:nth-child(2) a {background-size: 1.2695vw;} 
	.ft_top .ft_tp_right ul li:nth-child(3) a {background-size: 1.8555vw;} 
	.ft_top .ft_tp_right ul li:nth-child(4) a { background-size: 2.4414vw;} 
	.ft_bottom { padding-top: 1.9531vw;}
	.ft_bottom .ft_bt_left ul { margin-bottom: 0.9766vw;}
	.ft_bottom .ft_bt_left ul li + li {margin-left: 1.4648vw;}
	.ft_bottom .ft_bt_left ul li a {font-size: 1.1719vw; line-height: 1.9531vw; }
	.ft_bottom .ft_bt_left span {font-size: 1.1719vw; line-height: 1.9531vw; }
	.ft_bottom .ft_bt_left span + span {margin-left: 0.9766vw;}
	.ft_bottom .ft_bt_left p.copy {font-size: 1.1719vw; line-height: 1.9531vw;  margin-top: 0.9766vw;}
	.ft_bottom .ft_bt_right {padding-top: 2.9297vw;}
	.ft_bottom .ft_bt_right img {width: 21.4844vw;}

	a.top_btn { top: -4.8828vw; width: 11.7188vw; height: 4.8828vw; border-top-left-radius: 9.7656vw; border-top-right-radius: 9.7656vw;}
	a.top_btn .top_btn_ic {width: 1.8555vw; height: 1.0742vw; margin: 0.9766vw auto ;}
	
}

@media (max-width: 768px) {

	
	body.active {height: 100% !important; min-height: 100% !important;  overflow:hidden !important; touch-action:none;}

	#header {position: relative; height: 13.0208vw; padding: 0 2.6042vw;}
	#header:before {content: ""; position: absolute; top: 13.0208vw; left: 0; width: 100%; height: 1px; background: #eaeaea;}
	.mob_head {position: relative; display: block; height: 13.0208vw;}
	.head {display: none;}
	.head_btn {display: none;}
	.head_mob_btn {position: absolute; top: 50%; transform: translateY(-50%); left: 0; display: block; width: 5.2083vw; height: 2.3438vw; background: url("/images/head_mob_btn.png") center no-repeat; background-size: 100%; cursor: pointer;}
	.head_mob_btn.on {background: url("/images/mob_close.png") center no-repeat; width: 4.0365vw; height: 3.6458vw;}
	.gnb {position: static; overflow-x: scroll; white-space: nowrap;}
	.gnb li {float: none; display: inline-block; height: 11.0677vw;}
	.gnb li + li {margin-left: 6.5104vw;}
	.gnb li a {line-height: 11.0677vw; font-size: 3.1250vw;}

	.mob_head_tp {position: relative; height: 13.0208vw;}
	.mob_head h1 {position: absolute; top: 50%; transform: translateY(-50%); left: 9.1146vw;}
	.mob_head h1 img {width: 38.1510vw;}

    .d_head_right {right: 0;}
    .d_head_right span + span {margin-left: 2.60vw;}
    .d_head_right span + span:before {left: -1.30vw; width: 0.13vw; height: 1.30vw; }
    .d_head_right span.dd_lt a {font-size: 3.13vw; }
    .d_head_right span.dd_lt a .login_ic {  width: 3.39vw; height: 2.86vw; margin-right: 0.65vw;}
    .d_head_right span.dd_rt a {font-size: 3.13vw; }


	.head_mob_bg.on {display: block;}
	.head_mob_bg {position: absolute; top: 13.0208vw; left: 0; width: 100%; height: 100%; background: #fff; z-index: 1500;}

	.accordion {padding: 7.9271vw 2.6042vw 0;}
	.accordion > li {height: 12.3698vw; border-bottom: 1px solid #d1d1d1;}
	.accordion > li a {font-family: 'Saira', sans-serif; display: block; color: #000; font-size: 3.6458vw; line-height: 12.1094vw; font-weight: 600;}

	.accordion > li a span.red {color: #f00404;}
	.accordion > li a span.green {color: #70ad47;}
	.accordion > li a span.yellow {color: #ffc000;}
	.accordion > li a span.blue {color: #2e75b6;}
	.accordion > li a span.purple {color: #7030a0;}
	.accordion > li a span.orange {color: #ed7d31;}
	.accordion > li a span.brown {color: #c55a11;}
	.accordion > li a span.black {color: #767171;}

	.head_mob_menu {margin-top: 9.1146vw; padding: 0 2.6042vw;}
	.head_mob_menu h2 { font-family: 'Saira', sans-serif; color: #000; font-size: 5.8594vw; line-height: 7.1615vw; font-weight: 600;}
	.head_mob_menu h2 span {display: inline-block; vertical-align: middle; color: #000; font-size: 3.1250vw; line-height: 4.1667vw; font-weight: 700; }
	.head_mob_menu p {color: #757575; font-size: 2.8646vw; line-height: 4.1667vw; font-weight: 300; margin-top: 2.6042vw;}
	.head_mob_sns {position: relative; margin-top: 5.2083vw;}
	.head_mob_sns:after {content: ""; display: block; clear: both;}
	.head_mob_sns li {float: left; width: 8.4635vw; height: 8.4635vw;}
	.head_mob_sns li + li {margin-left: 3.2552vw;}
	.head_mob_sns li a {display: block; height: 100%; border: 0.1302vw solid #d8d8d8; border-radius: 50%;}
	.head_mob_sns li:nth-child(1) a {background: #fff url("/images/mob_sns_ic1.png") center no-repeat; background-size: 1.6927vw;}
	.head_mob_sns li:nth-child(2) a {background: #fff url("/images/mob_sns_ic2.png") center no-repeat; background-size: 2.7344vw;}
	.head_mob_sns li:nth-child(3) a {background: #fff url("/images/mob_sns_ic3.png") center no-repeat; background-size: 4.0365vw;}
	.head_mob_sns li:nth-child(4) a {background: #fff url("/images/mob_sns_ic4.png") center no-repeat; background-size: 5.3385vw;}

	/* 퀵메뉴 */

	.d_quick {display: none;}

	/* 비주얼 */

	.visual { height: 98.9583vw;}
	.visual_list.bg1 { height: 98.9583vw; background: url("/images/visual_mob_img1.jpg") center no-repeat; background-size: cover;}
	.visual_list.bg2 { height: 98.9583vw; background: url("/images/visual_mob_img2.jpg") center no-repeat; background-size: cover;}
	.visual_list.bg3 { height: 98.9583vw; background: url("/images/visual_mob_img3.jpg") center no-repeat; background-size: cover;}
	.visual_list.bg4 { height: 98.9583vw; background: url("/images/visual_mob_img4.jpg") center no-repeat; background-size: cover;}
	.visual_txt {top: 6.5104vw; margin-left: 0}
	.visual_txt em {font-size: 3.1250vw; line-height: 4.1667vw; }
	.visual_txt h2 {font-size: 45px; line-height: 55px;}
	.visual_txt h2 span {font-size: 35px; line-height: 45px;}
	.visual_txt p { font-size: 3.3854vw; line-height: 4.2969vw;   margin-top: 3.9063vw;}

	.visual_slider .slick-dots {bottom: 2.6042vw;}
	.visual_slider .slick-dots li {width: 2.6042vw; height: 2.6042vw; border-radius: 6.5104vw;}
	.visual_slider .slick-dots li.slick-active {width: 6.5104vw; height: 2.6042vw;}
	.visual_slider .slick-dots li + li {margin-left: 2.6042vw;}

	/* 섹션 1 */

	.section1 {padding: 11.0677vw 2.6042vw;}
	.sec1_left em {font-size: 14px; line-height: 20px; }
	.sec1_left em .brand_ic { width: 5.2083vw; height: 5.2083vw; margin: 0 auto; margin-bottom: 1.3021vw;}
	.sec1_left em.fssc {min-width: 17.9271vw;letter-spacing:-0.0651vw}
	.sec1_left h2 { margin-top: 5.2083vw; font-size: 30px; line-height: 40px;}
	.sec1_left p { font-size: 3.1250vw; line-height: 4.1667vw; margin-top: 2.6042vw; }
	.sec1_left a.more {font-size: 3.1250vw; line-height: 11.0677vw; height: 11.0677vw; margin-top: 2.6042vw; padding: 0 9.1146vw; border-radius: 6.5104vw;}
	.sec1_left a.more .more_ic { width: 2.2135vw; height: 1.8229vw; margin-left: 1.3021vw;}

	.sec1_left p span {font-size: 2.6042vw; margin-top: -0.3906vw; letter-spacing: -0.1953vw;}
	.sec1_left ul {margin-top: 2.6042vw; background: #f4f4f4; padding: 2.6042vw}
	.sec1_left ul li { font-size: 2.0833vw; text-align: left; padding: 0; }
	.sec1_left ul li + li {margin-top: 1.3021vw;}

	.sec1_left {display: block; width: 100%; text-align: center;}
	.sec1_right {display: block; width: 100%; text-align: center; margin-top: 6.5104vw;}
	.sec1_right img {width: 91.4063vw;}

	/* 섹션2 */

	.section2 {padding: 23.4375vw 2.6042vw 15.6250vw ; height: auto; min-height: 242.3177vw; background: url("/images/sec2_mob_bg.png") center top no-repeat; background-size: cover;}
	.sec2_txt em {font-size: 15px; line-height: 23px;}
	.sec2_txt h2 {font-size: 30px; line-height: 40px; margin-top: 1.3021vw; word-break: keep-all;}
	.sec2_txt p { font-size: 3.1250vw; line-height: 4.1667vw;  margin-top: 2.6042vw; word-break: keep-all;}
	.sec2_txt p br {display: none;}
	.sec2_tbl_wrap { margin-top: 6.5104vw;}
	.sec2_tbl_wrap .tabnav {position: relative; text-align: center; display: block; width: 100%; right: auto;}
	.sec2_tbl_wrap .tabnav li {float: none; display: inline-block; vertical-align: middle;}
	.sec2_tbl_wrap .tabnav li + li {margin-left: 5.2083vw;}
	.sec2_tbl_wrap .tabnav li .img_wrap {width: 22.1354vw; border-radius: 50%;}
	.sec2_tbl_wrap .tabnav li .img_wrap img {width: 22.1354vw;}
	.sec2_tbl_wrap .tabnav li a.active .img_wrap:before {border: 3px solid #ffc000;}
	.sec2_tbl_wrap .tabnav li p { font-size: 12px; line-height: 23px;  margin-top: 1.9531vw}

	.sec2_inner .img_wrap {display: block; width: 100%; text-align: center; height: auto; margin-top: 6.5104vw;}
	.sec2_inner .txt_wrap {display: block; width: 100%; text-align: center; margin-top: 6.5104vw;}

	.sec2_inner .img_wrap img {width: 57.9427vw;}
	.sec2_inner .img_wrap img.sec2_img2 {width: 61.9792vw;}
	.sec2_inner .img_wrap img.sec2_img3 {width: 42.0573vw;}
	.sec2_inner .txt_wrap {padding-left: 0;}
	.sec2_inner .txt_wrap em {font-size: 18px; line-height: 26px}
	.sec2_inner .txt_wrap h2 {font-size: 30px; line-height: 38px; margin-top: 1.3021vw;}
	.sec2_inner .txt_wrap p {font-size: 3.1250vw; line-height: 4.1667vw; margin-top: 3.9063vw}
	.sec2_inner.ddd_in .txt_wrap p {font-size: 3.1250vw; line-height: 4.1667vw; margin-top: 3.9063vw}
	.sec2_inner .txt_wrap a.more {height: 11.0677vw; line-height: 10.8073vw; font-size: 3.1250vw; padding: 0 5.2083vw; border-radius: 6.5104vw; margin-top: 6.5104vw;}
	.sec2_inner .txt_wrap a.more .more_ic {width: 2.2135vw; height: 1.8229vw; margin-left: 1.9531vw;}

	.sec2_tbl_wrap .tabcontent .sec2_inner .img_wrap:before {top: 15.6250vw; left: 41.6667vw; font-size: 19.5313vw;}
	.sec2_tbl_wrap .tabcontent .sec2_inner:nth-child(2) .img_wrap:before {top: 23.4375vw; left: 36.4583vw;}
	.sec2_tbl_wrap .tabcontent .sec2_inner:nth-child(3) .img_wrap:before {top: 23.4375vw; left: 36.4583vw;}
	
	/* 섹션 3 */

	.section3 {padding: 19.5313vw 2.6042vw; margin-top: 6.5104vw; background: url("/images/sec3_mob_bg.png") center no-repeat; background-size: cover;}
	.sec3_txt em {font-size: 14px; line-height: 20px;}
	.sec3_txt h2 {font-size: 30px; line-height: 38px;  margin-top: 1.3021vw;}
	.sec3_txt p { font-size: 3.1250vw; line-height: 4.1667vw;  margin-top: 1.3021vw;}
	.section3 .tabnav2 { margin-top: 3.9063vw; white-space: nowrap; overflow-x: auto;}
	.section3 .tabnav2 li + li {margin-left: 1.3021vw;}
	.section3 .tabnav2 li a {width: 28.6458vw; height: 11.7188vw; font-size: 14px; line-height: 11.4583vw; background: #fff url("/images/tabmob_img.png") center no-repeat; background-size: 100%;}
	.section3 .tabnav2 li a.active {background: url("/images/tabmob_img_on.png") center no-repeat; background-size: 100%;}
	.section3 .tabnav2 li a span {display: none;}
	.tabcontent2 .sec3_inner {margin-top: 5.2083vw;}
	
	.tabcontent2 .sec3_inner:nth-child(1) .img_wrap img {width: 72.1354vw;}
	.tabcontent2 .sec3_inner:nth-child(2) .img_wrap img {width: 79.6875vw;}
	.tabcontent2 .sec3_inner:nth-child(3) .img_wrap img {width: 80.4688vw;}

	.sec3_inner .txt_wrap em {font-size: 3.2552vw; line-height: 4.2969vw; }
	.sec3_inner .txt_wrap h2 {font-size: 58px; line-height: 66px; margin-top: 1.3021vw;}
	.sec3_inner .txt_wrap h3 {font-size: 22px; line-height: 30px;  margin-top: 1.3021vw;}
	.sec3_inner .txt_wrap h3 span {font-size: 22px; line-height: 30px; margin-left: 1.3021vw;}
	.sec3_inner .txt_wrap h4 {font-size: 18px; line-height: 26px;  margin-top: 6.5104vw;}
	.sec3_inner .txt_wrap h4 span {  font-size: 22px; line-height: 30px; margin-right: 1.3021vw;}
	.sec3_inner .txt_wrap h4 strong {font-size: 36px; line-height: 46px;} 
	.sec3_inner .txt_wrap h5 {font-size: 3.6458vw; line-height: 4.6875vw;   margin-top: 1.3021vw;}
	.sec3_inner .txt_wrap p { font-size: 3.2552vw; line-height: 4.6875vw;  margin-top: 1.3021vw;}
	.sec3_inner .txt_wrap a.more {height: 10.4167vw; line-height: 10.4167vw; font-size: 3.1250vw; padding: 0 6.5104vw; border-radius: 6.5104vw; margin-top: 6.5104vw;}
	.sec3_inner .txt_wrap a.more .more_ic {width: 2.2135vw; height: 1.8229vw; margin-left: 1.3021vw;}

	.tabcontent2 .sec3_inner .img_wrap {display: block; width: 100%; margin-top: 3.5104vw; text-align: center;}
	.tabcontent2 .sec3_inner .txt_wrap {display: block; width: 100%; text-align: center;}

	/* 섹션4 */

	.section4 {padding: 19.5313vw 2.6042vw; height: 143.2292vw; background: url("/images/sec4_mob_bg.png") center no-repeat; background-size: cover;}
	.sec4_txt em {font-size: 14px; line-height: 20px;}
	.sec4_txt h2 {font-size: 36px; line-height: 48px;}
	.sec4_txt p {font-size: 3.1250vw; line-height: 4.1667vw;  margin-top: 1.3021vw;}

	.sec4_menu {margin-top: 5.2083vw;}
	.sec4_menu li {height: 13.0208vw;}
	.sec4_menu li a {display: block; height: 13.0208vw; line-height: 12.7604vw; font-size: 14px; padding-left: 6.5104vw; background: url("/images/sec4_more.png") center right 6.5104vw no-repeat; background-size: 4.0365vw; border-radius: 6.5104vw; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; padding-right: 13.0208vw;}
	.sec4_menu li + li {margin-top: 2.6042vw;}
	.sec4_menu li:hover a {background: #fff url("/images/sec4_more_on.png") center right 6.5104vw no-repeat; background-size: 4.0365vw;}

	.section4 a.more {position: static; font-size: 14px; line-height: 20px;  border-bottom: 0.3906vw solid #33300d; padding-bottom: 1.3021vw;}
	.section4 a.more .more_ic { width: 2.6042vw; height: 2.0833vw; margin-left: 1.3021vw;}

	.section4 a.more.more2 {display: none;}
	.section4 .more_view {display: block; text-align: center; margin-top: 6.5104vw;}


	.foot {display: none;}
	.mob_foot {display: block;}

	/* 푸터 */

	#d_footer { padding: 10.4167vw 2.6042vw;}
	.mob_foot {min-height: 74.2188vw; }
	.mob_foot h2 em {font-family: 'Noto Sans KR', sans-serif; display: block; font-size: 3.1250vw; color: #000; font-weight: 700; line-height: 4.1667vw;}
	.mob_foot h2 {font-family: 'Saira', sans-serif; color: #000; font-weight: 600; font-size: 5.2083vw; line-height: 7.1615vw; padding-bottom: 5.2083vw;}
	.mob_foot h2 span {font-family: 'Noto Sans KR', sans-serif; display: block; color: #757575; font-size: 2.6042vw; line-height: 4.1667vw; font-weight: 300;}
	a.top_btn { top: -10.4167vw; width: 24.7396vw; height: 10.4167vw; border-top-left-radius: 13.0208vw; border-top-right-radius: 13.0208vw; font-size: 3.1250vw;}
	a.top_btn .top_btn_ic {width: 2.4740vw; height: 1.4323vw; margin: 2.6042vw auto 1.3021vw; }

	.mob_foot_menu {border-top: 1px solid #000; padding-top: 5.2083vw; text-align: center;}
	.mob_foot_menu h1 img {width: 39.0625vw;}

	.mob_foot_menu2 {position: relative; display: inline-block; margin-top: 5.2083vw;}
	.mob_foot_menu2:after {content: ""; display: block; clear: both;}
	.mob_foot_menu2 li {float: left;}
	.mob_foot_menu2 li + li {margin-left: 3.9063vw;}
	.mob_foot_menu2 li a {display: block; color: #000; font-size: 3.1250vw; line-height: 4.1667vw; font-weight: 700;}
	.foot_mob_txt {margin-top: 3.9063vw;}
	.foot_mob_txt span {display: block; vertical-align: middle; color: #696969; font-size: 3.1250vw; line-height: 4.1667vw; font-weight: 300;}
	.foot_mob_txt span + span {margin-top: 0.6510vw;}
	.foot_mob_txt span:nth-child(3) {margin-left: 1.3021vw;}
	.foot_mob_txt p {color: #696969; font-size: 3.1250vw; line-height: 4.1667vw; font-weight: 300; margin-top: 3.9063vw;}

	.ft_sns_menu {display: inline-block; margin-top: 5.2083vw;}
	.ft_sns_menu:after {content: ""; display: block; clear: both;}
	.ft_sns_menu li {float: left; width: 8.4635vw; height: 8.4635vw; border-radius: 50%; border: 1px solid #d7d7d7;}
	.ft_sns_menu li a {display: block; height: 100%;}
	.ft_sns_menu li + li {margin-left: 2.6042vw;}
	.ft_sns_menu li:nth-child(1) a {background: url("/images/mob_sns_ic1.png") center no-repeat; background-size: 1.6927vw;}
	.ft_sns_menu li:nth-child(2) a {background: url("/images/mob_sns_ic2.png") center no-repeat; background-size: 2.7344vw;}
	.ft_sns_menu li:nth-child(3) a {background: url("/images/mob_sns_ic3.png") center no-repeat; background-size: 4.0365vw;}
	.ft_sns_menu li:nth-child(4) a {background: url("/images/mob_sns_ic4.png") center no-repeat; background-size: 5.3385vw;}


}

@media screen and (max-width: 600px) {
	.visual_txt h2 {font-size: 35px; line-height: 45px;}
	.visual_txt h2 span {font-size: 25px; line-height: 35px;}
}

@media screen and (max-width: 440px) {
	.visual_txt h2 {font-size: 28px; line-height: 35px;}
	.visual_txt h2 span {font-size: 17px; line-height: 25px;}
	.sec1_left h2 {font-size: 25px; line-height: 35px;}

	.section3 .tabnav2 li a { font-size: 12px;}
	.sec3_inner .txt_wrap h2 {font-size: 45px; line-height: 55px;}
	.sec3_inner .txt_wrap h3 {font-size: 18px; line-height: 26px;}
	.sec3_inner .txt_wrap h3 span {font-size: 18px; line-height: 26px;}
	.sec3_inner .txt_wrap h4 {font-size: 16px; line-height: 24px; }
	.sec3_inner .txt_wrap h4 span {  font-size: 18px; line-height: 26px;}
	.sec3_inner .txt_wrap h4 strong {font-size: 30px; line-height: 40px;} 

	.sec4_txt h2 {font-size: 30px; line-height: 38px;}

}

@media screen and (max-width: 360px) {
	.sec1_left h2 {font-size: 22px; line-height: 32px;}
}



/* 익스만 따로 적용 */

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.visual_txt h2 {margin-top: 25px;}
	.visual_txt p {margin-top: 0;}
	.sec3_inner .txt_wrap h2 {margin-top: 30px;}
	.sec3_inner .txt_wrap h3 {margin-top: -20px;}
	.sec4_txt h2 {margin-top: 10px;}
	.chara_menu {background: none;}

	@media (max-width: 1700px) {
		.visual_txt h2 {margin-top: 1.4706vw;}
		.visual_txt p {margin-top: 0;}
		.sec3_inner .txt_wrap h2 {margin-top: 1.7647vw;}
		.sec3_inner .txt_wrap h3 {margin-top: -1.1765vw;}
		.sec4_txt h2 {margin-top: 0.5882vw;}
	}

	@media (max-width: 1400px) {
		.visual_txt h2 {margin-top: 1.7857vw;}
		.visual_txt p {margin-top: 0;}
		.sec3_inner .txt_wrap h2 {margin-top: 2.1429vw;}
		.sec3_inner .txt_wrap h3 {margin-top: -1.4286vw;}
		.sec4_txt h2 {margin-top: 0.7143vw;}
	}

	@media (max-width: 1024px) {
		.visual_txt h2 {margin-top: 2.4414vw;}
		.visual_txt p {margin-top: 0;}
		.sec3_inner .txt_wrap h2 {margin-top: 2.9297vw;}
		.sec3_inner .txt_wrap h3 {margin-top: -1.9531vw;}
		.sec4_txt h2 {margin-top: 0.9766vw;}
		.chara_menu {height: 122.0703vw;}
	}

	@media (max-width: 768px) {
		.visual_txt h2 {margin-top: 3.2552vw;}
		.visual_txt p {margin-top: 0;}
		.sec3_inner .txt_wrap h2 {margin-top: 3.9063vw;}
		.sec3_inner .txt_wrap h3 {margin-top: -2.6042vw;}
		.sec4_txt h2 {margin-top: 1.3021vw;}
		.chara_menu {height: 218.7500vw;}
	}

}