@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap');
@font-face {
    font-family: 'GmarketSansLight';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'GmarketSansMedium';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'GmarketSansBold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


* {margin:0; padding:0; border:0; box-sizing:border-box; font-family: 'Noto Sans KR', sans-serif; }
address, caption, cite, code, dfn, em, strong, th, var {font-style :normal; font-weight:normal}
table {border-collapse:collapse;}
a { text-decoration:none; line-height: 1;}
a:-webkit-any-link {
	color:inherit;
}
img {vertical-align:middle; border:0;}
ul, li, ol { list-style:none;}
input { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; box-sizing:border-box; border-radius:0; box-shadow:none;}
input::-ms-clear { display: none; }
input::placeholder {color:#999; font-size:14px;}
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; -moz-appearance: none; appearance: none;}
select { -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius:0; box-shadow:none;}
input:focus {outline:none;}
select:focus {outline:none;}
textarea:focus {outline:none; border-radius:0; box-shadow: 0;}
select::-ms-expand {display:none}

body,html { min-height:100%; } 
html.hidden, body.hidden { overflow:hidden; }
#wrap { min-height:calc(100vh - 230px); }
@media screen and (max-width:1024px){
	#wrap { min-height:100%; }
}

.fp-viewing-1 { background-color:#fff; }
.fp-viewing-2 { background-color:#fff; }
.fp-viewing-3 { background-color:#fff; }
.fp-viewing-4 { background-color:#fff; }
.fp-viewing-5 { background-color:#fff; }
.fp-viewing-5 header { z-index:-22; opacity:0; visibility:hidden; }
.fp-viewing-5 header.ov { z-index:99999; opacity:1; visibility:visible; }

.fp-viewing-1 header #navi #gnb > ul > li > a,
.fp-viewing-2 header #navi #gnb > ul > li > a,
.fp-viewing-3 header #navi #gnb > ul > li > a,
.fp-viewing-4 header #navi #gnb > ul > li > a,
.fp-viewing-5 header #navi #gnb > ul > li > a,
body.sub header.fix #navi #gnb > ul > li > a{ color:#333; }

.fp-viewing-1 header:before,
.fp-viewing-2 header:before,
.fp-viewing-3 header:before,
.fp-viewing-4 header:before,
.fp-viewing-5 header:before,
.fp-viewing-2 header h1:before,
.fp-viewing-3 header h1:before,
.fp-viewing-4 header h1:before,
.fp-viewing-5 header h1:before,
.fp-viewing-1 #rightBox:before,
.fp-viewing-2 #rightBox:before,
.fp-viewing-3 #rightBox:before,
.fp-viewing-4 #rightBox:before,
.fp-viewing-5 #rightBox:before,
.fp-viewing-1 #fullpage:before,
.fp-viewing-2 #fullpage:before,
.fp-viewing-3 #fullpage:before,
.fp-viewing-4 #fullpage:before,
.fp-viewing-5 #fullpage:before,
body.sub header.fix:before { background-color:rgba(0,0,0,0.15); }

.fp-viewing-2 header #navi #gnb > ul > li > ul,
.fp-viewing-3 header #navi #gnb > ul > li > ul,
.fp-viewing-4 header #navi #gnb > ul > li > ul,
.fp-viewing-5 header #navi #gnb > ul > li > ul, 
body.sub header.fix #navi #gnb > ul > li > ul { border:1px solid rgba(0,0,0,0.2); border-width:0 1px 1px; }

@media screen and (max-width:1024px){
	header { height:80px; }
	header h1 { padding:20px 0 0 20px; }
	.fp-viewing-1 header,
	.fp-viewing-2 header,
	.fp-viewing-3 header,
	.fp-viewing-4 header,
	.fp-viewing-5 header { background-color:rgba(255,255,255,0.9); }
	.fp-viewing-5 header { z-index:99999; opacity:1; visibility:visible; }
}


@keyframes line_w {
	0% { width:0; }
	100% {width:100%; }
}
@keyframes line_w1 {
	0% { width:0; }
	100% {width:520px; }
}
@keyframes line_h {
	0% { height:0; }
	100% {height:100%; }
}
@media screen and (max-width:1600px){
	@keyframes line_w1 {
		0% { width:0; }
		100% {width:375px; }
	}
}
@media screen and (max-width:1250px){
	@keyframes line_w1 {
		0% { width:0; }
		100% {width:320px; }
	}
}
@media screen and (max-width:640px){
	@keyframes line_w1 {
		0% { width:0; }
		100% {width:0; }
	}
}

header.on #navi { position:relative; z-index:2; }
header #navi #gnb { position:relative; max-width:1760px; margin:0px 0px 0px 180px; text-align:center; }
header #navi #gnb > ul { display:inline-block; margin:0 auto; }
header #navi #gnb > ul > li { position:relative; display:inline-block; margin:0 -6px; vertical-align:top; padding:42px 30px 0 30px;  min-width:75px; transition:all 0.3s ease-in-out; }
header #navi #gnb > ul > li > a { font-weight:400; font-size:19px; color:#fff; line-height:16px; padding:0 0 40px 0; display:block; transition:all 0.1s ease-in-out; }
header #navi.over #gnb > ul > li.on { background-color:#00458E;}
header #navi.over #gnb > ul > li.on > a,
header #navi #gnb > ul > li > a:hover { color:#fff; }
header #navi #gnb > ul > li > ul { display:none;  position:absolute; left:0; padding:25px 0 25px 0; top:100px; min-width:100%; width:100%; text-align:center; background:none; z-index:3; border:none !important; border-width:0 1px 1px; box-sizing:border-box; }
header #navi #gnb > ul > li > ul > li { margin:25px 0 0 0; opacity:0;  }
header #navi #gnb > ul > li > ul > li:first-child { margin:0; }
header #navi #gnb > ul > li > ul > li a { position:relative; display:block; font-size:16px; line-height:14px; letter-spacing:-0.03em; font-weight:300; color:#333;  }
header #navi #gnb > ul > li > ul > li a:hover { color:#00458E; font-weight:500; }
header #navi #gnb > ul > li > ul > li { animation:gnbSub 0.5s 0.3s; animation-fill-mode:forwards; }
body.sub header.fix #navi.over #gnb > ul > li.on > a,
body.sub header.fix #navi #gnb > ul > li > a:hover { color:#fff; }
header.on #navi.over #gnb > ul > li.on { background-color:#00458E; }
header.on #navi.over #gnb > ul > li > a { color:#333 !important;}
header.on #navi.over #gnb > ul > li.on > a { color:#fff !important;}
header.on #navi.over #gnb > ul > li.on > a:hover { color:#fff !important; }
header.on #navi.over #gnb > ul > li > ul { display:block; }
header.on #navi.over #gnb > ul > li > ul > li a { color:#333 !important;}
header.on #navi.over #gnb > ul > li > ul > li a:hover { color:#00458E !important; }

header .gnb_bg { height:0; position:absolute; top:0; left:0; width:100%; background-color:rgba(255,255,255,1); transition:all 0.3s ease-in-out;}
header .gnb_bg.on:after { opacity:0; content:""; display:block; position:absolute; left:0; top:100px; width:100%; height:1px; background-color:#f5f5f5; animation:ani_5 0.3s 0.1s; animation-fill-mode:forwards; }
header .gnb_bg.on { height:420px; }

@keyframes gnbSub {
	0% { transform:translateY(30px); opacity:0; }
	100% { transform:translateY(0); opacity:1; }
}
header.ov #navi #gnb { display:none; }

#rightBox { position:fixed; right:0; top:0; z-index:9999; width:100px; transition:all 0.3s ease-in-out; }
#rightBox:before { content:""; display:block; position:absolute; right:100px; bottom:0; background-color:rgba(255,255,255,0.2); width:1px; height:100%; }
#fullpage { position:relative; height:100%;  }
#fullpage:before { content:""; display:block; position:absolute; right:100px; bottom:0; background-color:rgba(255,255,255,0.2); width:1px; height:100%; z-index:22; }
#rightBox.on { height:100%; }
#rightBox.on:before { background-color:rgba(0,0,0,0.2); height:0; animation:line_h 0.5s 0.3s; animation-fill-mode:both; }
@media screen and (max-width:1024px){
	#rightBox,
	#rightBox:before,
	#fullpage:before,
	#rightBox.on:before { display:none; }
}


.allBox { position:absolute; right:0; top:0; z-index:7; transition:all 0.3s ease-in-out; }
.allmenu { width:100px; height:100px; }
.allmenu a { position:absolute;display:block; width:40px; height:40px; top:50%; left:50%; margin:-20px 0 0 -18px; }
.allmenu a > span {width:40px; height:1px; background-color:#fff; display:block; text-align:center; margin-top:20px; transition:all 0.3s ease-in-out; }
.allmenu a > span:before { content:""; display:block; width:40px; height:1px; background-color:#fff; position:absolute; left:0; top:12px; transition:all 0.3s ease-in-out; }
.allmenu a > span:after { content:""; display:block; width:40px; height:1px; background-color:#fff; position:absolute; right:0; top:28px; transition:all 0.3s ease-in-out; }

.allmenu a > span > span { position:absolute; left:50%; top:17px; margin:0 0 0 -14px; opacity:0; overflow:hidden; text-indent:-9999em; width:28px; height:7px; background:url(/img/common/txt_menu.png) center center no-repeat; transition:all 0.3s ease-in-out; }
.allmenu a:hover > span > span { opacity:1;}
.allmenu a:hover > span:before,
.allmenu a:hover > span:after { width:20px; }
.allmenu a:hover > span { width:0; }
.allmenu.on a > span { height:0; width:0; }
.allmenu.on a > span > span { opacity:0;}
.allmenu.on a > span:before { transform: translateY(8px) rotate(-45deg); background-color:#808080; }
.allmenu.on a > span:after{ transform: translateY(-8px) rotate(45deg); background-color:#808080; }
.allmenu.on a:hover > span:after,
.allmenu.on a:hover > span,
.allmenu.on a:hover > span:before { width:40px; }
.fp-viewing-1 .allmenu a > span,
.fp-viewing-1 .allmenu a > span:before,
.fp-viewing-1 .allmenu a > span:after,
.fp-viewing-3 .allmenu a > span,
.fp-viewing-3 .allmenu a > span:before,
.fp-viewing-3 .allmenu a > span:after,
.fp-viewing-4 .allmenu a > span,
.fp-viewing-4 .allmenu a > span:before,
.fp-viewing-4 .allmenu a > span:after,
.fp-viewing-5 .allmenu a > span,
.fp-viewing-5 .allmenu a > span:before,
.fp-viewing-5 .allmenu a > span:after,
#wrap.mobile header.fix .allmenu a > span,
#wrap.mobile header.fix .allmenu a > span:before,
#wrap.mobile header.fix .allmenu a > span:after,
body.sub header.fix .allmenu a > span,
body.sub header.fix .allmenu a > span:before,
body.sub header.fix .allmenu a > span:after { background-color:#808080; }


.fp-viewing-1 .allmenu a > span > span,
.fp-viewing-3 .allmenu a > span > span,
.fp-viewing-4 .allmenu a > span > span,
.fp-viewing-5 .allmenu a > span > span,
body.sub header.fix .allmenu a > span > span { color:#333; background:url(/img/common/txt_menu_on.png) center center no-repeat; }

header.on .allmenu a > span,
header.on .allmenu a > span:before,
header.on .allmenu a > span:after  { background-color:#808080; }
header.on .allmenu a > span > span { color:#333; background:url(/img/common/txt_menu_on.png) center center no-repeat; }
@media screen and (max-width:1024px){
	.allmenu { width:65px; height:80px; }
	.allmenu a {  width:30px; height:30px; top:50%; left:50%; margin:-20px 0 0 -18px; }
	.allmenu a > span {width:30px; }
	.allmenu a > span:before { width:30px; }
	.allmenu a > span:after { width:30px; }
	.allmenu a:hover > span:before,
	.allmenu a:hover > span:after { width:15px; }
	.allmenu a:hover > span { width:0; }
	.allmenu.on a > span:before { transform: translateY(8px) rotate(-45deg); background-color:#808080; }
	.allmenu.on a > span:after{ transform: translateY(-8px) rotate(45deg); background-color:#808080; }
	.allmenu.on a:hover > span:after,
	.allmenu.on a:hover > span,
	.allmenu.on a:hover > span:before { width:30px; }
	.allmenu a > span > span { display:none; }
	.allmenu a:hover > span:before,
	.allmenu a:hover > span:after,
	.allmenu a:hover > span { width:30px; }
}


#allmenuBox { position:fixed; left:0; top:0; bottom:0; right:0; width:100vw; height:100vh; z-index:-22; opacity:0; visibility:hidden; transition:all 0.3s ease-in-out;  }
#allmenuBox.on { z-index:5555; opacity:1; visibility:visible; }
#allmenuBox .menuBox { position:absolute; top:0; left:0; width:100vw; height:100vh; background-color:#fff }
#allmenuBox .menuBox:after {content:""; display:block; visibility:hidden; clear:both; height:0; }
#allmenuBox .menuBox .box { position:relative; float:left; width:50vw; height:100%; }
#allmenuBox #gnb {  position:absolute; left:22%; top:180px; }
#allmenuBox #gnb li { position:relative; text-transform:uppercase; white-space:nowrap; }
#allmenuBox #gnb > ul { animation:gnbSub 0.5s 0.3s; animation-fill-mode:forwards; }
#allmenuBox #gnb > ul > li { margin:34px 0px!important; font-size:48px; line-height:36px; min-height:30px; color:#333; font-weight:300; transition:all 0.3s 0.3s ease-in-out; }
#allmenuBox #gnb > ul > li > a { position:relative; color:#333; font-weight:300; transition:all 0.5s 0.0s ease-in-out; display:inline-block; padding-right:45px; background-color:#fff; z-index:3; font-size:48px!important;}
#allmenuBox #gnb > ul > li > a:before { content:""; display:block; width:0; height:1px; position:absolute; left:0; top:50%; background-color:#333; }

#allmenuBox.on #gnb > ul > li > a {padding-right:0;}
#allmenuBox.on #gnb > ul > li > a::after {content:""; width:0; height:2px; background-color:#00458E; position:absolute; bottom:-10px; left:0; transition:all 0.5s;}
#allmenuBox.on #gnb > ul > li > a:hover {color:#00458E;}
#allmenuBox.on #gnb > ul > li > a:hover::after {width:100%;}
#allmenuBox #gnb > ul > li.on > a {color:#00458E;}
#allmenuBox #gnb > ul > li.on > a:after {width:100%;}

#allmenuBox #gnb > ul > li ul { position:relative; visibility:hidden; padding:0 0 20px 550px !important; margin:0 !important; display:none; top:-32px;}
#allmenuBox #gnb > ul > li.hover ul:before{ content:""; display:block; width:0; height:1px; position:absolute; left:0; top:8px; z-index:2; background-color:#e0e0e0; animation:line_w1 0.5s 0.3s; animation-fill-mode:both; }
#allmenuBox #gnb > ul > li.hover ul { visibility:visible; display:block; }
#allmenuBox #gnb > ul > li > ul > li { position:relative; margin:30px 0 0 0; font-size:20px; line-height:16px; color:#333; font-weight:400; transition:all 0.5s 0.0s ease-in-out; opacity:0; animation:gnbSub 0.5s 0.3s; animation-fill-mode:forwards; }
#allmenuBox #gnb > ul > li > ul > li:first-child { margin:0; }
#allmenuBox #gnb > ul > li > ul > li a { position:relative; font-weight:400; display:inline-block; color:#333; z-index:5; }
#allmenuBox #gnb > ul > li > ul > li a:hover { color:#00458E; }
@media screen and (max-width:1600px){
	#allmenuBox #gnb { top:160px;  }
	#allmenuBox #gnb > ul > li { margin:30px 0; font-size:35px; line-height:30px; min-height:26px; }
	#allmenuBox #gnb > ul > li > a { font-size:35px!important;}
	#allmenuBox #gnb > ul > li ul { padding:0 0 20px 400px !important; top:-26px; }
	#allmenuBox #gnb > ul > li > ul > li { margin:25px 0 0 0; font-size:18px; line-height:15px; }
}
@media screen and (max-width:1250px){
	#allmenuBox #gnb { top:140px; }
	#allmenuBox #gnb > ul > li { margin:25px 0; font-size:30px; line-height:28px; min-height:22px; }
	#allmenuBox #gnb > ul > li > a { font-size:30px!important;}
	#allmenuBox #gnb > ul > li ul { padding:0 0 20px 340px !important; top:-22px; }
	#allmenuBox #gnb > ul > li > ul > li { margin:20px 0 0 0; font-size:16px; line-height:14px; }
}
@media screen and (max-width:1024px){
	#allmenuBox #gnb { left:20%; }
}
@media screen and (max-width:860px){
	#allmenuBox #gnb { left:17%; }
}
@media screen and (max-width:640px){
	#allmenuBox #gnb { left:0; top:100px; padding:0 20px 0 74px; }
	#allmenuBox #gnb > ul > li { margin:25px 0; font-size:28px; line-height:22px; min-height:20px; }
	#allmenuBox #gnb > ul > li > a { padding:0; font-size:28px!important;}
	#allmenuBox #gnb > ul > li ul { padding:0 0 30px 20px !important; top:25px; }
}

#rightBox .language { position:fixed; right:0; top:110px; }
#rightBox.on .language { display:none; }

#rightBox .language .boxEng {position:absolute; right:53px; top:10px; z-index:99; }
#rightBox .language .boxEng a { transform:rotate(-90deg); transform-origin:top right; color:#fff; font-weight:300; white-space:nowrap; display:block; font-size:12px; letter-spacing:-0.03em; }
#rightBox .language .boxEng a span { position:relative; color:#fff; font-weight:300;  padding:10px 26px 10px 26px; transition:all .3s ease-in-out; font-family: 'Roboto', sans-serif;font-size: 18px;}
#rightBox .language .boxEng a span:before{ content:""; display:block; width:20px; height:20px;  position:absolute; left:0; top:7px; /*background:url(/img/common/icon_eng.png) left center no-repeat;*/  transform:rotate(90deg); } 

#rightBox .language .boxKor {position:absolute; right:53px; top:90px; z-index:99; }
#rightBox .language .boxKor a { transform:rotate(-90deg); transform-origin:top right; color:#fff; font-weight:300; white-space:nowrap; display:block; font-size:12px; letter-spacing:-0.03em; }
#rightBox .language .boxKor a span { position:relative; color:#fff; font-weight:300;  padding:10px 26px 10px 26px; transition:all .3s ease-in-out; font-family: 'Roboto', sans-serif;font-size: 18px;}
#rightBox .language .boxKor a span:before{ content:""; display:block; width:20px; height:20px;  position:absolute; left:0; top:7px; /*background:url(/img/common/icon_eng.png) left center no-repeat;*/  transform:rotate(90deg); } 

#rightBox .language .boxTia {position:absolute; right:53px; top:180px; z-index:99; }
#rightBox .language .boxTia a { transform:rotate(-90deg); transform-origin:top right; color:#fff; font-weight:300; white-space:nowrap; display:block; font-size:12px; letter-spacing:-0.03em; }
#rightBox .language .boxTia a span { position:relative; color:#fff; font-weight:300;  padding:10px 26px 10px 26px; transition:all .3s ease-in-out; font-family: 'Roboto', sans-serif;font-size: 18px;}
#rightBox .language .boxTia a span:before{ content:""; display:block; width:20px; height:20px;  position:absolute; left:0; top:7px; /*background:url(/img/common/icon_eng.png) left center no-repeat;*/  transform:rotate(90deg); } 

#rightBox .language .boxJpn {position:absolute; right:53px; top:180px; z-index:99; }
#rightBox .language .boxJpn a { transform:rotate(-90deg); transform-origin:top right; color:#fff; font-weight:300; white-space:nowrap; display:block; font-size:12px; letter-spacing:-0.03em; }
#rightBox .language .boxJpn a span { position:relative; color:#fff; font-weight:300;  padding:10px 26px 10px 26px; transition:all .3s ease-in-out; font-family: 'Roboto', sans-serif;font-size: 18px;}
#rightBox .language .boxJpn a span:before{ content:""; display:block; width:20px; height:20px;  position:absolute; left:0; top:7px; /*background:url(/img/common/icon_eng.png) left center no-repeat;*/  transform:rotate(90deg); } 

#rightBox .language .boxFra {position:absolute; right:53px; top:270px; z-index:99; }
#rightBox .language .boxFra a { transform:rotate(-90deg); transform-origin:top right; color:#fff; font-weight:300; white-space:nowrap; display:block; font-size:12px; letter-spacing:-0.03em; }
#rightBox .language .boxFra a span { position:relative; color:#fff; font-weight:300;  padding:10px 26px 10px 26px; transition:all .3s ease-in-out; font-family: 'Roboto', sans-serif;font-size: 18px;}
#rightBox .language .boxFra a span:before{ content:""; display:block; width:20px; height:20px;  position:absolute; left:0; top:7px; /*background:url(/img/common/icon_eng.png) left center no-repeat;*/  transform:rotate(90deg); } 

#rightBox .language .boxDau {position:absolute; right:53px; top:360px; z-index:99; }
#rightBox .language .boxDau a { transform:rotate(-90deg); transform-origin:top right; color:#fff; font-weight:300; white-space:nowrap; display:block; font-size:12px; letter-spacing:-0.03em; }
#rightBox .language .boxDau a span { position:relative; color:#fff; font-weight:300;  padding:10px 26px 10px 26px; transition:all .3s ease-in-out; font-family: 'Roboto', sans-serif;font-size: 18px;}
#rightBox .language .boxDau a span:before{ content:""; display:block; width:20px; height:20px;  position:absolute; left:0; top:7px; /*background:url(/img/common/icon_eng.png) left center no-repeat;*/  transform:rotate(90deg); } 

#rightBox .family { position:fixed; right:0; top:120px; display:block;}
#rightBox.on .family { display:none; }

#rightBox .family .box { position:absolute; right:55px; top:10px; z-index:9999; }
#rightBox .family .box a {  transform:rotate(-90deg); transform-origin:top right; color:#fff; font-weight:300; white-space:nowrap; display:block; font-size:14px; letter-spacing:0.001em;}
#rightBox .family .box a span { position:relative; color:#fff; font-weight:300;  padding:10px 26px 10px 26px; transition:all .3s ease-in-out; }

.family .linkbox { z-index:-22; opacity:0; visibility:hidden; position:absolute; top:0; right:30px; background-color:#fff; width:230px; border:1px solid #fff; border-width:1px 0 1px 1px; padding:29px 35px 24px 21px; box-sizing:border-box; transition:all 0.3s ease-in-out; }
.family.on .linkbox { z-index:99; opacity:1; visibility:visible; }
.family .linkbox:before{ content:""; display:block; width:35px; height:calc(100% + 2px); position:absolute; right:0; top:-1px; background-color:#00458E; }
.family .linkbox li { opacity:0; margin:15px 0 0 0; }
.family .linkbox li:first-child { margin:0; }
.family .linkbox li a { color:#666; font-size:15px; font-weight:400; }
.family .linkbox li a:hover { color:#00458E; }
.family.on .linkbox li:nth-child(1) {  animation:ani_2 0.5s 0.1s; animation-fill-mode:both; }
.family.on .linkbox li:nth-child(2) {  animation:ani_2 0.5s 0.2s; animation-fill-mode:both; }
.family.on .linkbox li:nth-child(3) {  animation:ani_2 0.5s 0.3s; animation-fill-mode:both; }
.family.on .linkbox li:nth-child(4) {  animation:ani_2 0.5s 0.4s; animation-fill-mode:both; }
.family.on .linkbox li:nth-child(5) {  animation:ani_2 0.5s 0.5s; animation-fill-mode:both; }
.family.on .linkbox li:nth-child(6) {  animation:ani_2 0.5s 0.6s; animation-fill-mode:both; }
.family.on .linkbox li:nth-child(7) {  animation:ani_2 0.5s 0.7s; animation-fill-mode:both; }
.family.on .linkbox li:nth-child(8) {  animation:ani_2 0.5s 0.8s; animation-fill-mode:both; }
.family.on .linkbox li:nth-child(9) {  animation:ani_2 0.5s 0.9s; animation-fill-mode:both; }
.family.on .linkbox li:nth-child(11) {  animation:ani_2 0.5s 1.0s; animation-fill-mode:both; }
.family.on .linkbox li:nth-child(12) {  animation:ani_2 0.5s 1.1s; animation-fill-mode:both; }
.family.on .linkbox li:nth-child(13) {  animation:ani_2 0.5s 1.2s; animation-fill-mode:both; }

.fp-viewing-1 .family .linkbox,
.fp-viewing-2 .family .linkbox,
.fp-viewing-3 .family .linkbox,
.fp-viewing-4 .family .linkbox,
.fp-viewing-5 .family .linkbox,
body.sub  .family .linkbox { border:1px solid rgba(0,0,0,0.1); border-width:1px 0 1px 1px; padding:29px 35px 24px 21px; }
.fp-viewing-1 #rightBox .family.on .box a span,
.fp-viewing-2 #rightBox .family.on .box a span,
.fp-viewing-3 #rightBox .family.on .box a span,
.fp-viewing-4 #rightBox .family.on .box a span,
.fp-viewing-5 #rightBox .family.on .box a span,
body.sub.fix #rightBox .family.on .box a span { color:#fff; }
@media screen and (max-width:1024px){
	.language .boxEng { right:34px; }
	.language .boxKor { right:34px; }
	.language .boxTia { right:54px; }
	.language .boxJpn { right:74px; }
	.language .boxFra { right:94px; }
	.language .boxDau { right:114px; }
	.family .box { right:35px; }
	.language { top:80px; }
	.family { top:200px; }
	.family .linkbox { right:10px; }
	.language,
	.family { display:none; }
}

.allmenu_bottom { position:fixed; right:30px; bottom:25px; z-index:999999; }
.allmenu_bottom .language { display:inline-block; }
.allmenu_bottom .family { display:inline-block; }

.allmenu_bottom .language .boxEng a { color:#333; font-weight:300; white-space:nowrap; font-size:14px; letter-spacing:-0.03em; }
.allmenu_bottom .language .boxEng a span { position:relative; color:#333; font-weight:300;  margin: 10px 30px 20px 26px; transition:all .3s ease-in-out; font-size: 22px; bottom: 30px; }
.allmenu_bottom .language .boxEng a span:before{ content:""; display:block; width:20px; height:20px;  position:absolute; left:0; top:7px; /*background:url(/resources/images/common/icon_eng.png) left center no-repeat;*/  transform:rotate(90deg); } 

.allmenu_bottom .language .boxKor a { color:#333; font-weight:300; white-space:nowrap; font-size:14px; letter-spacing:-0.03em; }
.allmenu_bottom .language .boxKor a span { position:relative; color:#333; font-weight:300;  margin: 10px 30px 20px 26px; transition:all .3s ease-in-out; font-size: 22px; }
.allmenu_bottom .language .boxKor a span:before{ content:""; display:block; width:20px; height:20px;  position:absolute; left:0; top:7px; /*background:url(/resources/images/common/icon_kor.png) left center no-repeat;*/  transform:rotate(90deg); } 

.allmenu_bottom .language .boxTia a { color:#333; font-weight:300; white-space:nowrap; font-size:14px; letter-spacing:-0.03em; }
.allmenu_bottom .language .boxTia a span { position:relative; color:#333; font-weight:300;  margin: 10px 30px 20px 26px; transition:all .3s ease-in-out; font-size: 22px; bottom: 15px;}
.allmenu_bottom .language .boxTia a span:before{ content:""; display:block; width:20px; height:20px;  position:absolute; left:0; top:7px; /*background:url(/resources/images/common/icon_kor.png) left center no-repeat;*/  transform:rotate(90deg); } 

.allmenu_bottom .language .boxJpn a { color:#333; font-weight:300; white-space:nowrap; font-size:14px; letter-spacing:-0.03em; }
.allmenu_bottom .language .boxJpn a span { position:relative; color:#333; font-weight:300;  margin: 10px 30px 20px 26px; transition:all .3s ease-in-out; font-size: 22px; }
.allmenu_bottom .language .boxJpn a span:before{ content:""; display:block; width:20px; height:20px;  position:absolute; left:0; top:7px; /*background:url(/resources/images/common/icon_kor.png) left center no-repeat;*/  transform:rotate(90deg); } 

.allmenu_bottom .language .boxFra a { color:#333; font-weight:300; white-space:nowrap; font-size:14px; letter-spacing:-0.03em; }
.allmenu_bottom .language .boxFra a span { position:relative; color:#333; font-weight:300;  margin: 10px 30px 20px 26px; transition:all .3s ease-in-out; font-size: 22px; }
.allmenu_bottom .language .boxFra a span:before{ content:""; display:block; width:20px; height:20px;  position:absolute; left:0; top:7px; /*background:url(/resources/images/common/icon_kor.png) left center no-repeat;*/  transform:rotate(90deg); } 

.allmenu_bottom .language .boxDau a { color:#333; font-weight:300; white-space:nowrap; font-size:14px; letter-spacing:-0.03em; }
.allmenu_bottom .language .boxDau a span { position:relative; color:#333; font-weight:300;  margin: 10px 30px 20px 26px; transition:all .3s ease-in-out; font-size: 22px; }
.allmenu_bottom .language .boxDau a span:before{ content:""; display:block; width:20px; height:20px;  position:absolute; left:0; top:7px; /*background:url(/resources/images/common/icon_kor.png) left center no-repeat;*/  transform:rotate(90deg); } 

.allmenu_bottom .family .box { position:relative; right:auto; top:auto;  z-index:9999; }
.allmenu_bottom .family .box a { color:#333; font-weight:300; white-space:nowrap; display:block; font-size:14px; letter-spacing:0.001em;}
.allmenu_bottom .family .box a span { position:relative; color:#333; font-weight:300;  padding:10px 0 10px 26px; transition:all .3s ease-in-out; }
.allmenu_bottom .family.on .box a,
.allmenu_bottom .family.on .box a span { color:#fff; }
.allmenu_bottom .family .linkbox { position:absolute; bottom:-10px; right:-15px; top:auto; border:1px solid rgba(0,0,0,0.1); border-width:1px 1px 0 1px; padding:29px 35px 50px 21px; }
.allmenu_bottom .family .linkbox:before{ content:""; display:block; height:35px; width:calc(100% + 2px); position:absolute; top:auto; bottom:0; right:-1px; background-color:#00458E; }
@media screen and (min-width:1024px){
	.allmenu_bottom .language { display:none; }
	.allmenu_bottom .family { display:none; }
}


.scroll { position:fixed; right:0; bottom:-50px; }
body.sub .scroll { display:none; }
#rightBox.on .scroll { display:none; }
.scroll .box { transform:rotate(90deg); transform-origin:top left;}
.scroll .box  .txtbox { transform:rotate(180deg); transform-origin:top left; margin:0 0 0 -88px; position:relative; display:block; }
.scroll .box  .txtbox span.icon { position:relative; display:inline-block; vertical-align:middle; width:25px; height:18px; border:1px solid rgba(255,255,255,0.75); border-radius:9px; animation: scroll 1.0s linear 9999 normal forwards }
.scroll .box  .txtbox span.icon:before{ content:""; display:block; width:2px; height:2px;  position:absolute; left:50%; top:50%; margin:-1px; background-color:rgba(255,255,255,0.75); border-radius:50%; }
.scroll .box  .txtbox span.txt {  vertical-align:middle; color:#fff; font-weight:300; font-size:12px; letter-spacing:-0.02em; margin-left:40px; }
@media screen and (max-width:1024px){
	.scroll { display:none; }
}

.fp-viewing-1 #rightBox .language .boxEng a span,
.fp-viewing-3 #rightBox .language .boxEng a span,
.fp-viewing-4 #rightBox .language .boxEng a span,
.fp-viewing-5 #rightBox .language .boxEng a span,

.fp-viewing-1 #rightBox .language .boxKor a span,
.fp-viewing-3 #rightBox .language .boxKor a span,
.fp-viewing-4 #rightBox .language .boxKor a span,
.fp-viewing-5 #rightBox .language .boxKor a span,

.fp-viewing-1 #rightBox .language .boxTia a span,
.fp-viewing-3 #rightBox .language .boxTia a span,
.fp-viewing-4 #rightBox .language .boxTia a span,
.fp-viewing-5 #rightBox .language .boxTia a span,

.fp-viewing-1 #rightBox .language .boxJpn a span,
.fp-viewing-3 #rightBox .language .boxJpn a span,
.fp-viewing-4 #rightBox .language .boxJpn a span,
.fp-viewing-5 #rightBox .language .boxJpn a span,

.fp-viewing-1 #rightBox .language .boxFra a span,
.fp-viewing-3 #rightBox .language .boxFra a span,
.fp-viewing-4 #rightBox .language .boxFra a span,
.fp-viewing-5 #rightBox .language .boxFra a span,

.fp-viewing-1 #rightBox .language .boxDau a span,
.fp-viewing-3 #rightBox .language .boxDau a span,
.fp-viewing-4 #rightBox .language .boxDau a span,
.fp-viewing-5 #rightBox .language .boxDau a span,

body.sub.fix #rightBox .language .boxEng a span,
body.sub.fix #rightBox .language .boxKor a span,
body.sub.fix #rightBox .language .boxTia a span,
body.sub.fix #rightBox .language .boxJpn a span,
body.sub.fix #rightBox .language .boxFra a span,
body.sub.fix #rightBox .language .boxDau a span,

.fp-viewing-1 #rightBox .family .box a span,
.fp-viewing-3 #rightBox .family .box a span,
.fp-viewing-4 #rightBox .family .box a span,
.fp-viewing-5 #rightBox .family .box a span,
body.sub.fix #rightBox .family .box a span,

.fp-viewing-1 .scroll .boxEng  .txtbox span.txt,.fp-viewing-3 .scroll .boxEng  .txtbox span.txt,.fp-viewing-4 .scroll .boxEng  .txtbox span.txt,.fp-viewing-5 .scroll .boxEng  .txtbox span.txt { color:#414141;}
.fp-viewing-1 .scroll .boxKor  .txtbox span.txt,.fp-viewing-3 .scroll .boxKor  .txtbox span.txt,.fp-viewing-4 .scroll .boxKor  .txtbox span.txt,.fp-viewing-5 .scroll .boxKor  .txtbox span.txt { color:#414141;}
.fp-viewing-1 .scroll .boxTia  .txtbox span.txt,.fp-viewing-3 .scroll .boxTia  .txtbox span.txt,.fp-viewing-4 .scroll .boxTia  .txtbox span.txt,.fp-viewing-5 .scroll .boxTia  .txtbox span.txt { color:#414141;}
.fp-viewing-1 .scroll .boxJpn  .txtbox span.txt,.fp-viewing-3 .scroll .boxJpn  .txtbox span.txt,.fp-viewing-4 .scroll .boxJpn  .txtbox span.txt,.fp-viewing-5 .scroll .boxJpn  .txtbox span.txt { color:#414141;}
.fp-viewing-1 .scroll .boxFra  .txtbox span.txt,.fp-viewing-3 .scroll .boxFra  .txtbox span.txt,.fp-viewing-4 .scroll .boxFra  .txtbox span.txt,.fp-viewing-5 .scroll .boxFra  .txtbox span.txt { color:#414141;}
.fp-viewing-1 .scroll .boxDau  .txtbox span.txt,.fp-viewing-3 .scroll .boxDau  .txtbox span.txt,.fp-viewing-4 .scroll .boxDau  .txtbox span.txt,.fp-viewing-5 .scroll .boxDau  .txtbox span.txt { color:#414141;}

.fp-viewing-1 .scroll .boxEng  .txtbox span.icon,.fp-viewing-3 .scroll .boxEng  .txtbox span.icon,.fp-viewing-4 .scroll .boxEng  .txtbox span.icon,.fp-viewing-5 .scroll .boxEng  .txtbox span.icon { border:1px solid rgba(0,0,0,0.75); }
.fp-viewing-1 .scroll .boxKor  .txtbox span.icon,.fp-viewing-3 .scroll .boxKor  .txtbox span.icon,.fp-viewing-4 .scroll .boxKor  .txtbox span.icon,.fp-viewing-5 .scroll .boxKor  .txtbox span.icon { border:1px solid rgba(0,0,0,0.75); }
.fp-viewing-1 .scroll .boxTia  .txtbox span.icon,.fp-viewing-3 .scroll .boxTia  .txtbox span.icon,.fp-viewing-4 .scroll .boxTia  .txtbox span.icon,.fp-viewing-5 .scroll .boxTia  .txtbox span.icon { border:1px solid rgba(0,0,0,0.75); }
.fp-viewing-1 .scroll .boxJpn  .txtbox span.icon,.fp-viewing-3 .scroll .boxJpn  .txtbox span.icon,.fp-viewing-4 .scroll .boxJpn  .txtbox span.icon,.fp-viewing-5 .scroll .boxJpn  .txtbox span.icon { border:1px solid rgba(0,0,0,0.75); }
.fp-viewing-1 .scroll .boxFra  .txtbox span.icon,.fp-viewing-3 .scroll .boxFra  .txtbox span.icon,.fp-viewing-4 .scroll .boxFra  .txtbox span.icon,.fp-viewing-5 .scroll .boxFra  .txtbox span.icon { border:1px solid rgba(0,0,0,0.75); }
.fp-viewing-1 .scroll .boxDau  .txtbox span.icon,.fp-viewing-3 .scroll .boxDau  .txtbox span.icon,.fp-viewing-4 .scroll .boxDau  .txtbox span.icon,.fp-viewing-5 .scroll .boxDau  .txtbox span.icon { border:1px solid rgba(0,0,0,0.75); }


.fp-viewing-1 .scroll .boxEng  .txtbox span.icon:before,.fp-viewing-3 .scroll .boxEng  .txtbox span.icon:before,.fp-viewing-4 .scroll .boxEng  .txtbox span.icon:before{ background-color:rgba(0,0,0,0.75); }
.fp-viewing-1 .scroll .boxKor  .txtbox span.icon:before,.fp-viewing-3 .scroll .boxKor  .txtbox span.icon:before,.fp-viewing-4 .scroll .boxKor  .txtbox span.icon:before{ background-color:rgba(0,0,0,0.75); }
.fp-viewing-1 .scroll .boxTia  .txtbox span.icon:before,.fp-viewing-3 .scroll .boxTia  .txtbox span.icon:before,.fp-viewing-4 .scroll .boxTia  .txtbox span.icon:before{ background-color:rgba(0,0,0,0.75); }
.fp-viewing-1 .scroll .boxJpn  .txtbox span.icon:before,.fp-viewing-3 .scroll .boxJpn  .txtbox span.icon:before,.fp-viewing-4 .scroll .boxJpn  .txtbox span.icon:before{ background-color:rgba(0,0,0,0.75); }
.fp-viewing-1 .scroll .boxFra  .txtbox span.icon:before,.fp-viewing-3 .scroll .boxFra  .txtbox span.icon:before,.fp-viewing-4 .scroll .boxFra  .txtbox span.icon:before{ background-color:rgba(0,0,0,0.75); }
.fp-viewing-1 .scroll .boxDau  .txtbox span.icon:before,.fp-viewing-3 .scroll .boxDau  .txtbox span.icon:before,.fp-viewing-4 .scroll .boxDau  .txtbox span.icon:before{ background-color:rgba(0,0,0,0.75); }

.fp-viewing-4 .scroll,.fp-viewing-5 .scroll { display:none }
.fp-viewing-5 #fp-nav.fp-right {display:none;}

footer {width:100%; position:relative; padding:50px 0px; z-index:99; background:#fff;}
footer:before { content:""; display:block; width:100%; position:absolute; left:0; top:0; height:1px; background:rgba(0,0,0,0.2); }
footer .fbox {width:calc(100% - 200px); margin: auto; position:relative; padding-left:400px;}

footer .fbox .infobox {width:100%;}

footer .fbox .infobox .companyname {font-size:16px; color:#555; letter-spacing:-0.025em; font-weight:400;}
footer .fbox .infobox .comceoname {font-size:16px; color:#555; letter-spacing:-0.025em; font-weight:400;}
footer .fbox .infobox .comtaxnumber {font-size:16px; color:#555; letter-spacing:-0.025em; font-weight:400;}
footer .fbox .infobox .address {font-size:16px; color:#555; letter-spacing:-0.025em; font-weight:400;}
footer .fbox .infobox .comcstelnum {font-size:16px; color:#555; letter-spacing:-0.025em; font-weight:400;}
footer .fbox .infobox .comfaxnum {font-size:16px; color:#555; letter-spacing:-0.025em; font-weight:400;}
footer .fbox .infobox .copyright {font-size:16px; color:#555; letter-spacing:-0.025em; font-weight:400; }
footer .fbox .infobox .copyright span {font-size:16px; color:#00428e; font-weight:500;}
footer .fbox .infobox .copysitealt {font-size:12px; color:#555; letter-spacing:-0.025em; font-weight:400;}


footer .fbox .fmenu {position:absolute; top:50%; right:65px; margin-top:-10px;}
footer .fbox .fmenu a {position:relative; font-size:16px; color:#333; letter-spacing:-0.025em; font-weight:500; margin-left:81px; line-height:20px; transition:all 0.2s; display:inline-block; zoom:1; *display:inline;}
footer .fbox .fmenu a:hover {color:#0066F9;}
footer .fbox .fmenu a::before {content:""; width:1px; height:16px; background-color:#acacac; position:absolute; top:3px; left:-41px;}
footer .fbox .fmenu a:first-child {margin-left:0;}
footer .fbox .fmenu a:first-child::before {display:none;}

@media screen and (max-width:1600px){
	footer .fbox {width:100%; text-align: center; padding-left:0;}
	footer .fbox .logo {position:static; margin-top:0; display: block; margin: auto;}
	footer .fbox .infobox {margin-top:20px;}
	footer .fbox .fmenu {position:static; margin-top:30px;}
}
@media screen and (max-width:1024px){
	footer {padding:40px 0px;}
	footer .fbox .infobox .companyname {font-size:15px;}
	footer .fbox .infobox .comceoname {font-size:15px;}
	footer .fbox .infobox .comtaxnumber {font-size:15px;}
	footer .fbox .infobox .address {font-size:15px;}
	footer .fbox .infobox .comcstelnum {font-size:15px;}
	footer .fbox .infobox .comfaxnum {font-size:15px;}
	footer .fbox .infobox .copyright {font-size:15px;}
	footer .fbox .infobox .copyright span {font-size:15px;}
	footer .fbox .infobox .copysitealt {font-size:11px;}
	footer .fbox .fmenu {margin-top:20px;}
	footer .fbox .fmenu a {font-size:15px; margin-left:51px;}
	footer .fbox .fmenu a::before {height:14px; left:-26px;}
}
@media screen and (max-width:640px){
	footer .fbox .logo {width:220px; height:41px; background-size:220px;}
	footer .fbox .infobox {margin-top:15px;}
	footer .fbox .infobox .companyname {font-size:13px;}
	footer .fbox .infobox .comceoname {font-size:13px;}
	footer .fbox .infobox .comtaxnumber {font-size:13px;}
	footer .fbox .infobox .address {font-size:13px;}
	footer .fbox .infobox .comcstelnum {font-size:13px;}
	footer .fbox .infobox .comfaxnum {font-size:13px;}
	footer .fbox .infobox .copyright {font-size:13px;}
	footer .fbox .infobox .copyright span {font-size:13px;}
	footer .fbox .infobox .copysitealt {font-size:10px;}
	footer .fbox .fmenu a {font-size:14px;}
}
@media screen and (max-width:500px){
	footer .fbox .logo {width:180px; height:33px; background-size:180px;}
	footer .fbox .infobox {margin-top:15px;}
	footer .fbox .infobox .companyname {font-size:11px;}
	footer .fbox .infobox .comceoname {font-size:11px;}
	footer .fbox .infobox .comtaxnumber {font-size:11px;}
	footer .fbox .infobox .address {font-size:11px;}
	footer .fbox .infobox .comcstelnum {font-size:11px;}
	footer .fbox .infobox .comfaxnum {font-size:11px;}
	footer .fbox .infobox .copyright {font-size:11px;}
	footer .fbox .infobox .copyright span {font-size:11px;}
	footer .fbox .infobox .copysitealt {font-size:9px;}
	footer .fbox .fmenu a {font-size:13px;}
}

/* keyframes animation */
@keyframes scroll {
	0% { transform:translateX(3px);}
	50% { transform:translateX(-3px);}
	100% { transform:translateX(3px);}
}


@keyframes vsImg {
	0% { -webkit-transform:scale(1.15); -ms-transform:scale(1.15); transform:scale(1.15); }
	100% { -webkit-transform:scale(1); -ms-transform:scale(1); transform:scale(1); }
}
@keyframes scaleY_bar {
	0% { -webkit-transform:scaleY(0); -ms-transform:scaleY(0); transform:scaleY(0); opacity:0; }
	100% { -webkit-transform:scaleY(1); -ms-transform:scaleY(1); transform:scaleY(1); opacity:1; }
}

@keyframes ani_1 {
	0% { -webkit-transform:translateX(-100px); -ms-transform:translateX(-100px); transform:translateX(-100px); opacity: 0;}
	100% { -webkit-transform:translateX(0); -ms-transform:translateX(0); transform:translateX(0); opacity: 1;}
}

@keyframes ani_2 {
	0% { -webkit-transform:translateX(100px); -ms-transform:translateX(100px); transform:translateX(100px); opacity: 0;}
	100% { -webkit-transform:translateX(0); -ms-transform:translateX(0); transform:translateX(0); opacity: 1;}
}

@keyframes ani_3 {
	0% { -webkit-transform:translateY(50px); -ms-transform:translateY(50px); transform:translateY(50px); opacity: 0;}
	100% { -webkit-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0); opacity: 1;}
}

@keyframes ani_4 {
	0% { -webkit-transform:translateY(-50px); -ms-transform:translateY(-50px); transform:translateY(-50px); opacity: 0;}
	100% { -webkit-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0); opacity: 1;}
}
@keyframes ani_5 {
	0% {opacity: 0;}
	100% {opacity: 1;}
}


@keyframes ani_over {
	0% {opacity: 0;}
	95% {opacity: 1;}
	100% {opacity: 0;}
}
@keyframes line_over {
	0% {  opacity:0; }
	80% {  opacity:0.3; }
	99% {  opacity:0.3; }
	100% {  opacity:0; }
}

@keyframes txt_big {
	0% {  opacity:0; }
	40% { opacity:0; }
	100% {  opacity:1; }
}
@-webkit-keyframes txt_big {
	0% {  opacity:0; }
	40% { opacity:0; }
	100% {  opacity:1; }
}

@keyframes vsImg {
	0% { transform:scale(1); }
	100% { transform:scale(1.1); }
}
@-webkit-keyframes vsImg {
	0% { transform:scale(1); }
	100% { transform:scale(1.1); }
}


@keyframes txt_op {
	0% { opacity:0; }
	100% {opacity:1; }
}
@-webkit-keyframes txt_op {
	0% { opacity:0; }
	100% { opacity:1; }
}

@keyframes img_b {
	0% { transform:scale(1.2); opacity:0; }
	100% { transform:scale(1); opacity:1; }
}
@-webkit-keyframes img_b {
	0% { transform:scale(1.2); opacity:0; }
	100% { transform:scale(1); opacity:1; }
}



.sub_visual {width:100%; height:410px; position:relative; overflow: hidden;}
.sub_visual img {position:absolute; top:50%; left:50%; transform: translate(-50%,-50%); min-width:1920px; width:100%;}
.sub_visual .svTitle {position:absolute; top:50%; left:0; width: 100%; text-align: center; transform: translateY(-50%);}
.sub_visual .svTitle p {font-family: 'GmarketSansMedium',sans-serif; font-size:50px; color:#fff; line-height:54px; margin-top:100px;}
.sub_visual .svTitle div {width:100%; text-align: center; margin-top:6px;}
.sub_visual .svTitle div a {display:inline-block; zoom:1; *display:inline; vertical-align: middle; font-size:15px; color:#fff; font-weight:300; letter-spacing:-0.05em; line-height:26px;}
.sub_visual .svTitle div span {display:inline-block; zoom:1; *display:inline; vertical-align: middle; font-size:15px; color:#fff; font-weight:300; letter-spacing:-0.05em; line-height:26px; position:relative; margin-left:12px;}
.sub_visual .svTitle div span::before {content:"·"; font-size:15px; color:#fff; font-weight:400; position:absolute; top:0; left:-10px;}

.sub_content {width:100%; padding-top:100px;}

p.subTitle {font-family: 'GmarketSansMedium',sans-serif; font-size:40px; color:#00428e; letter-spacing:-0.025em; line-height:44px; text-align: center;}

@media screen and (max-width:1600px){
	.sub_visual {height:360px;}
}
@media screen and (max-width:1250px){
	.sub_visual .svTitle p {font-size:44px;}
	.sub_visual .svTitle div {margin-top:0;}
	.sub_visual .svTitle div a {font-size:14px;}
	.sub_visual .svTitle div span {font-size:14px;}
	.sub_visual .svTitle div span::before {font-size:14px;}
	.sub_content {padding-top:80px;}
	p.subTitle {font-size:36px;}
}
@media screen and (max-width:1023px){
	.sub_visual {height:300px;}
	.sub_visual img {height:100%; min-width:auto; width: auto;}
	.sub_visual .svTitle p {margin-top:80px; font-size:38px; line-height:42px;}
	.sub_content {padding-top:65px;}
	p.subTitle {font-size:32px;}
}
@media screen and (max-width:640px){
	.sub_visual {height:240px;}
	.sub_visual .svTitle p {font-size:28px; line-height:32px;}
	.sub_visual .svTitle div a {font-size:13px;}
	.sub_visual .svTitle div span {font-size:13px;}
	.sub_visual .svTitle div span::before {font-size:13px; left:-9px;}
	.sub_content {padding-top:55px;}
	p.subTitle {font-size:28px;}
}

.page {width:100%; margin-top:50px;}
.page ul {width:100%; text-align: center;}
.page ul li {display:inline-block; zoom:1; *display:inline; vertical-align: top; margin:0px 7px;}
.page ul li img { margin-top:6px; display: block;}
.page ul li:first-child {margin-right:10px;}
.page ul li:last-child {margin-left:10px;}
.page ul li div {font-size:16px; color:#333; font-weight:400; letter-spacing:-0.05em; line-height:21px;  position:relative; padding:0px 3px; padding-bottom:4px;}
.page ul li div::after {content:""; width:100%; height:1px; background-color:#00428e; position:absolute; bottom:0; left:0;}
.page ul li a div {color:#888;}
.page ul li a div::after {display:none;}