@charset "utf-8";
@import ur("https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;700&display=swap");
img {max-width:100%;}

/* img background */
.img-bg-copy {
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.img-bg-copy img {
    display: none;
}

#__header {position:fixed;height:148px;left:0;top:0;width:100%;z-index:200;background-color:#fff;border-bottom:5px solid #624196;}
#__header .wrap {height:148px;width:1240px;position:relative;margin:0 auto;font-size:0;white-space:nowrap;text-align:center;}
#__header .logo { width:200px;border:0px solid red;position:relative;float:left;}
#__header .logo:lang(en) {width:200px;border:0px solid red;position:absolute;left:0;top:55%;margin-top:-20px;}
#__header .logo a {display:block;width:100%;height:88px;background:url(../images/logo.png) no-repeat 0 50%;text-indent:-9999px;background-size:contain;margin-top:25px;}
#__header .logo a:lang(en) {display:block;width:100%;height:30px;background:url(../images/logo_en.png) no-repeat 0 50%;text-indent:-9999px;background-size:contain;}
.subWrap #__header  .logo a {display:block;width:100%;height:88px;background:url(../images/logo.png) no-repeat 0 50%;text-indent:-9999px;background-size:contain;margin-top:25px;}
.subWrap #__header  .logo a:lang(en) {display:block;width:100%;height:30px;background:url(../images/sub-logo_en.png) no-repeat 0 50%;text-indent:-9999px;background-size:contain;}
#__header .gnb {position:relative;float:right;display:inline-block;width:1040px;}
#__header .gnb > li {display:inline-block;position:relative;}
#__header .gnb > li > a {display:block;height:69px;margin-top:75px;line-height:30px;font-size:18px;color:#000;padding:0 45px;letter-spacing:-0.05em;}

#__header .gnb > li > ul {display:block;position:absolute;left:50%;top:100%;margin-left:-90px;width:180px;background:#fff;white-space:normal;margin-top:3px;visibility:hidden;transform:translate3d(0,-10px,0);transition:0.5s;opacity:0;border-bottom:1px solid #ddd;}
#__header .gnb > li:hover > ul {opacity:1;visibility:visible;transform:translate3d(0,0,0);}
#__header .gnb > li > ul > li ~ li {border-top:1px solid #ddd;border-left:1px solid #ddd;border-right:1px solid #ddd;}
#__header .gnb > li > ul > li > a {display:block;font-size:14px;color:#333;padding:8px 10px;line-height:1.2em;}
.sub #__header .gnb > li > a {color:#111;}
#__header .gnb > li:hover > a,
#__header .gnb > li.active > a {color:#624196;}
#__header .gnb > li > ul > li:hover > a,
#__header .gnb > li > ul > li.active > a {background:#624196;color:#fff;}

#__header .lang {position:absolute;right:0;top:50%;margin-top:-17.5px;}
/* #__header .lang > span {display:block;height:35px;line-height:35px;border-radius:17.5px;color:rgba(255,255,255,0.7);background:#001123;font-size:13px;padding:0 12px;} */
#__header .lang > button {display:block;height:35px;line-height:35px;border-radius:17.5px;color:rgba(255,255,255,0.7);background:#001123;font-size:13px;padding:0 14px;}
#__header .lang > button:after {content:"\f0d7";display:inline-block;font-family:axicon;margin-left:5px;}
#__header .lang ul {position:absolute;left:0;top:100%;width:100%;overflow:hidden;border-radius:5px;border:1px solid #333;display:none;}
#__header .lang ul > li ~ li {border-top:1px solid #333;}
#__header .lang ul > li > a {display:block;background:rgba(255,255,255,0.8);text-align:center;color:#333;padding:5px 0;font-size:12px;}
#__header .lang ul > li > a:hover {background:#333;color:#fff;}
#__header .lang:hover ul {display:block;}
#__header .mnu {position:relative;right:0;top:50%;width:32px;height:32px;margin-top:-16px;border:none;background:none;color:#333;font-size:0;display:none;}
#__header .mnu i {font-size:24px;}

#__nav {position:fixed;left:0;top:62px;width:100%;height:calc(100% - 55px);overflow:auto;background:#fff;z-index:300;opacity:0;visibility:hidden;transition:0.3s;border-top:1px solid #ddd;}
#__nav .gnb a {display:block;letter-spacing:-0.05em;}
#__nav .gnb > li {border-bottom:1px solid #ddd;}
#__nav .gnb > li > a {font-size:22px;padding:10px 15px;color:#333;position:relative; }
#__nav .gnb > li > a:before {content:"\f107";display:block;position:absolute;right:20px;top:50%;margin-top:-0.5em;line-height:1em;font-family:axicon;font-style:normal;color:#999;}
#__nav .gnb > li > ul {border-top:1px solid #ddd;padding:10px 0;background:#eee;display:none;}
#__nav .gnb > li > ul > li > a {font-size:18px;padding:5px 15px 5px 20px;color:#666;}
#__nav .gnb > .active > a {color:#fff;background-color:#624196;}
#__nav .gnb > .active > a:before {content:"\f106";}
#__nav .gnb > .active > ul {display:block;}
#__nav .gnb > li > ul > li.active > a {color:#624196;}
#__nav .gnb > li > ul > li > ul > li.active > a {color:#333;text-decoration:underline;}
#__nav .lang > span {display:none;}
#__nav .lang ul {border-bottom:1px solid #ddd;display:table;width:100%;}
#__nav .lang ul li {display:table-cell;vertical-align:middle;text-align:center;}
#__nav .lang ul li ~ li {border-left:1px solid #ddd;}
#__nav .lang ul li a {display:block;padding:10px 0;font-size:16px;color:#000;background:#f3f3f3;}


@media all and (max-width:1500px){
	#__header {padding:0 15px;}
	#__header .gnb > li > a {padding:0 50px;}
	#__header .gnb > li:first-child > a {padding-left:50px;}

}

@media all and (min-width:1025px) and (max-width:1280px){
	#__header {padding:0 15px;}
	#__header .gnb > li > a {padding:0 35px;}
	#__header .gnb > li:first-child > a {padding-left:120px;}

}

@media all and (max-width:1024px){
	#__header {height:68px;background:#fff;position:fixed;box-shadow:0 1px 1px rgba(0,0,0,0.2);}
	#__header .wrap {width:100%;height:55px;}
	#__header .logo { position:relative;top:15%; margin-top:-15px;}
	#__header .logo a {width:180px; height:30px; background:url(../images/mobile_logo.png) no-repeat 0 0; background-size:contain;}
	#__header .logo a:lang(en) {width:180px; height:30px; background:url(../images/sub-logo_en.png) no-repeat 0 0; background-size:contain;}
	.subWrap #__header  .logo a {display:block;width:180px;height:30px;background:url(../images/mobile_logo.png) no-repeat 0 50%;text-indent:-9999px;background-size:contain;margin-top:25px;}
	#__header .gnb,
	#__header .lang {display:none;}
	#__header .logo:lang(en) {top:60%;}
	#__header .mnu {display:block;position:absolute;}
	.navOn #__header .mnu i:before {content:"\e937";}
	.navOn #__nav {visibility:visible;opacity:1;}
	#__nav .lang button {display:none;}
}


#__vis,
#__vis .vis { height:574px;position:relative;overflow:hidden;margin-top:70px;}
#__vis .vis {background-repeat:no-repeat;background-position:50% 0;background-attachment:fixed;}
#__vis .vis .inner {max-width:1280px;margin:0 auto;}
#__vis .vis .txt {padding-top:120px;}
#__vis .vis .txt dl {color:#fff;}
#__vis .vis .txt dl dt {font-size:50px;font-weight:bold;letter-spacing:-0.075em;}
#__vis .vis .txt dl dd {font-size:35px;font-weight:300;letter-spacing:-0.05em;margin-top:5px;}
#__vis .vis .txt p {margin-top:25px;letter-spacing:-0.05em;}
#__vis .vis .txt p a {display:inline-block;padding:0 30px;height:50px;line-height:48px;color:#fff;background:rgba(0,0,0,0);border:1px solid #fff;border-radius:25px;font-size:18px;letter-spacing:0.05em;}
/* #__vis .vis .txt p a:after {content:"";display:inline-block;width:19px;height:7px;background:url(../images/ico-arr-white.png) no-repeat 100% 50%;background-size:contain;margin-left:8px;vertical-align:middle;} */

#__vis .slick-dots {font-size:0;position:absolute;width:300px;left:50%;margin-left:-150px;z-index:100;bottom:100px;text-align:center;}
#__vis .slick-dots li {display:inline-block;vertical-align:top;margin:0 3px;}
#__vis .slick-dots li button {box-sizing:border-box;width:34px;height:5px;border-radius:1.5px;background:rgba(255,255,255,0.3);border:none;text-indent:-9999px;}
#__vis .slick-dots .slick-active button {background:rgba(127,194,65,0.9);}


@media all and (max-width:1024px){
	#__vis,
	#__vis .vis {height:350px;margin-top:0px;}
	#__vis .vis {background-attachment:scroll;background-size:cover;}
	#__vis .vis .txt {padding-top:120px;}
	#__vis .vis .txt dl dt {font-size:30px;}
	#__vis .vis .txt dl dd {font-size:16px;line-height:1.5em;margin-top:15px;}
	#__vis .vis .txt p {margin-top:20px;}
	#__vis .vis .txt p a {height:34px;line-height:30px;font-weight:normal;}
	#__vis .vis .txt p a:after {width:12px;height:4px;margin-left:4px;}
	#__vis .slick-dots {bottom:30px;}
}

@media all and (max-width:499px){
	#__vis,
	#__vis .vis {height:310px;}
	#__vis .vis {background-attachment:scroll;background-size:cover;}
	#__vis .vis .txt {padding-top:120px;}
	#__vis .vis .txt dl dt {font-size:20px;}
	#__vis .vis .txt dl dd {font-size:16px;line-height:1.5em;margin-top:5px;}
	#__vis .vis .txt p {margin-top:14px;}
	#__vis .vis .txt p a {height:34px;font-size:16px;line-height:30px;font-weight:normal;}
	#__vis .vis .txt p a:after {width:12px;height:4px;margin-left:4px;}
	#__vis .slick-dots {bottom:30px;}
}

._box {display:none;}
._box.active {display:block;}

#__pdt .wrap {max-width:1240px;margin:100px auto 10px auto;}
#__pdt .ban {margin-top:0px;z-index:150;position:relative;}
#__pdt .ban:after {content:'';display:block;clear:both;}

#__pdt .ban a {display:block;float:left;width:23.75%;border:2px solid #7fc241;height:200px;background-position:100% 100%;background-repeat:no-repeat;text-align:center;transition:0.3s;}
#__pdt .ban a:hover {transform:translate3d(0,-50px,0);box-shadow:0 30px 30px rgba(0,0,0,0.1);z-index:10;}
#__pdt .ban a:nth-child(1), #__pdt .ban a:nth-child(2) { color:#fff;padding:115px 0 0; }
#__pdt .ban a:nth-child(3), #__pdt .ban a:nth-child(4) { padding:55px 0 0; }
#__pdt .ban a:nth-child(3) { color:#69ae29; }
#__pdt .ban a:nth-child(4) { color:#624196;border:2px solid #624196;margin-left:20px; }
#__pdt .ban img { width:50px; }
#__pdt .ban a + a { margin-left:20px;}
#__pdt .ban a > * {display:block;}
#__pdt .ban a strong {font-size:22px;font-weight:500;}
#__pdt .ban a span {font-size:16px;line-height:1.4em;margin-top:0px;}
#__pdt .ban a:nth-child(3) span, #__pdt .ban a:nth-child(4) span { font-size:18px;font-weight:700; }
#__pdt .ban .ban1 {background-image:url(../images/ban_1.jpg);}
#__pdt .ban .ban2 {background-image:url(../images/ban_2.jpg);}
#__pdt .ban .ban3 {background-image:url(../images/ban_3.jpg);}
#__pdt .ban .ban4 {background-image:url(../images/ban_4.jpg);}

/* #__pdt .ban a .ban4Wrap{border:0px solid red; width:100%;}
#__pdt .ban a .ban4Wrap .ban4Contents{border:0px solid pink;}
#__pdt .ban a .ban4Wrap h2{font-family: 'Noto Sans KR'; font-size: 37px; font-weight: 800; color:#c40517; letter-spacing: -0.075em}
#__pdt .ban a .ban4Wrap .ban4Contents li{overflow: hidden;}
#__pdt .ban a .ban4Wrap .ban4Contents li span:first-child{font-size:14px;color:#fff; padding-top:5px; width: 70px; float:left; padding: 5px 7px; border-radius: 20px; background: #2f3c69; text-align: center;}
#__pdt .ban a .ban4Wrap .ban4Contents li span:last-child{width: calc(100% - 90px); float:left; padding-left: 10px;}
#__pdt .ban a .ban4Wrap .ban4Contents li .Title{border:5px solid blue;width:40%;font-size: 15px;color:#fff; border:1px solid #2f3c69; border-radius: 15px; background:#2f3c69; padding:2px 20px;}
#__pdt .ban a .ban4Wrap .ban4Contents li .num{font-family: 'Noto Sans KR'; font-size:22px; font-weight: 600; color:#434343; padding-left:5px; letter-spacing: -0.075em}
#__pdt .ban a .ban4Wrap .ban4Contents li .address{width:60%;font-size:14px; font-weight: 600; color:#111; padding-left:5px;}
#__pdt .ban a .ban4Wrap .ban4Contents li .address:lang(ko){width:60%;font-size:14px; font-weight: 600; color:#111; padding-left:10px; margin-top:18px;}
*/

#__pdt .pdt {margin-top:80px;}
#__pdt .pdt .tit {margin-bottom:35px;text-align:center;}
#__pdt .pdt .tit h3 {position:relative;font-size:32px;color:#7fc241;padding-bottom:10px;line-height:100%;}
#__pdt .pdt .tit span.main_port_txt { font-size:16px;font-weight:500; }
#__pdt .pdt .tit span.main_port_more { font-size:16px;font-weight:300; }
#__pdt .pdt .tab {font-size:0;text-align:center;margin-bottom:115px;}
#__pdt .pdt .tab a {display:inline-block;vertical-align:top;margin-right:35px;font-size:18px;font-weight:300;color:#333;}
#__pdt .pdt .tab a:last-child {margin-right:0;}
#__pdt .pdt .tab .active {font-weight:bold;border-bottom:2px solid #6d6d6e;}
#__pdt .pdt .cont {margin:0 -12px;font-size:0;}

#__pdt .pdt .cont .box {display:inline-block;vertical-align:top;width:25%;padding:0 12px;}
#__pdt .pdt .cont .box .in {display:block;position:relative;transition:0.3s;}
#__pdt .pdt .cont .box span {display:block;padding-top:103.64238%;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;}
#__pdt .pdt .cont .box strong {display:table;width:100%;background:#fff;height:70px;padding:0 25px;}
#__pdt .pdt .cont .box strong em {display:table-cell;vertical-align:middle;font-weight:normal;font-size:18px;color:#373f45;}
#__pdt .pdt .cont .box .in:hover {transform:translate3d(0,-50px,0);box-shadow:0 30px 30px rgba(0,0,0,0.1);z-index:10;}
#__pdt .pdt .cont .box .in:hover strong em {color:#d8000f;}

@media all and (max-width:1300px){
	#__pdt .ban a:last-child {padding:55px 15px 0;}
	#__pdt .ban a .ban4Wrap{border:0px solid red; width:100%;}
	#__pdt .ban a .ban4Wrap .ban4Contents{border:0px solid pink;}
	#__pdt .ban a .ban4Wrap h2{font-family: 'Noto Sans KR'; font-size: 30px; font-weight: 800; color:#c40517; letter-spacing: -0.075em}
	#__pdt .ban a .ban4Wrap .ban4Contents li{overflow: hidden;}
	#__pdt .ban a .ban4Wrap .ban4Contents li span:first-child{font-size:14px;color:#fff; padding-top:5px; width: 70px; float:left; padding: 5px 10px; border-radius: 20px; background: #2f3c69; text-align: center;}
	#__pdt .ban a .ban4Wrap .ban4Contents li:lang(en) span:first-child{font-size:14px;color:#fff; padding-top:5px; width: 70px; float:left; padding: 5px 5px; border-radius: 20px; background: #2f3c69; text-align: center;}
	#__pdt .ban a .ban4Wrap .ban4Contents li span:last-child{width: calc(100% - 70px); float:left; padding-left: 10px;}
	#__pdt .ban a .ban4Wrap .ban4Contents li .Title{border:5px solid blue;width:40%;font-size: 15px;color:#fff; border:1px solid #2f3c69; border-radius: 15px; background:#2f3c69; padding:2px 20px;}
	#__pdt .ban a .ban4Wrap .ban4Contents li .num{font-family: 'Noto Sans KR'; font-size:17px; font-weight: 600; color:#434343; padding-left:5px; letter-spacing: -0.075em}
	#__pdt .ban a .ban4Wrap .ban4Contents li .address{width:60%;font-size:14px; font-weight: 600; color:#111; padding-left:5px;}
}


@media all and (max-width:1024px){
	#__pdt .wrap {margin:10px auto;}
	#__pdt {padding:30px 15px;}
	#__pdt .ban {margin-top:0;}
	#__pdt .ban a:nth-child(1), #__pdt .ban a:nth-child(3) { float:left;margin-left:0px !important; }
	#__pdt .ban a:nth-child(2), #__pdt .ban a:nth-child(4) { float:right;margin-left:10px !important; }
	#__pdt .ban a:nth-child(3), #__pdt .ban a:nth-child(4) { margin-top:10px !important; }
	#__pdt .ban a {width:49%;height:200px;padding:20px 15px 0;background-position:center bottom;background-size:102%100%;}
	#__pdt .ban a strong {font-size:16px;}
	#__pdt .ban a span {font-size:13px;}
	#__pdt .ban a .ban4Wrap{border:0px solid red; width:100%;}
	#__pdt .ban a .ban4Wrap .ban4Contents{border:0px solid pink;}
	#__pdt .ban a .ban4Wrap h2{font-family: 'Noto Sans KR'; font-size: 20px; font-weight: 800; color:#c40517; letter-spacing: -0.075em; padding-left:4px;}
	#__pdt .ban a .ban4Wrap .ban4Contents li{overflow: hidden; margin-top:-5px; margin-left:-5px;}
	#__pdt .ban a .ban4Wrap .ban4Contents li span:first-child{display: none;}
	#__pdt .ban a .ban4Wrap .ban4Contents li span:last-child{width: auto; float:left; padding-left: 10px;}
	#__pdt .ban a .ban4Wrap .ban4Contents li .Title{border:5px solid blue;width:40%;font-size: 15px;color:#fff; border:1px solid #2f3c69; border-radius: 15px; background:#2f3c69; padding:2px 20px;}
	#__pdt .ban a .ban4Wrap .ban4Contents li .num{font-family: 'Noto Sans KR'; font-size:17px; font-weight: 600; color:#434343; padding-left:5px; letter-spacing: -0.075em}
	#__pdt .ban a .ban4Wrap .ban4Contents li .address{font-size:14px; font-weight: 600; color:#111; padding-left:5px;}

	#__pdt .pdt {margin-top:50px;}
	#__pdt .pdt .tit {margin-bottom:15px;}
	#__pdt .pdt .tit h3 {font-size:24px;padding-bottom:15px;}
	#__pdt .pdt .tit h3:before {width:30px;height:2px;border-radius:0;margin-left:-15px;}
	#__pdt .pdt .tab {margin-bottom:30px;}
	#__pdt .pdt .tab a {font-size:14px;margin:0 7px 5px;}
	#__pdt .pdt .cont {margin:0 -5px -10px;}

	#__pdt .pdt .cont .box {width:50%;padding:0 5px;margin-bottom:10px;}
	#__pdt .pdt .cont .box strong {height:50px;padding:0 15px;}
	#__pdt .pdt .cont .box strong em {font-size:14px;}
	#__pdt .pdt .cont .box .in:hover {transform:translate3d(0,-20px,0);box-shadow:0 10px 10px rgba(0,0,0,0.1);}
}

@media all and (max-width:499px){
#__pdt .wrap {margin:0 auto;}
#__pdt .ban a:nth-child(1), #__pdt .ban a:nth-child(3) { float:left;margin-left:0px !important; }
	#__pdt .ban a:nth-child(2), #__pdt .ban a:nth-child(4) { float:right;margin-left:10px !important; }
	#__pdt .ban a:nth-child(3), #__pdt .ban a:nth-child(4) { margin-top:10px !important; }
	#__pdt .ban a {width:48%;height:130px;padding:20px 15px 0;background-position:center bottom;background-size:102%100%;}
#__pdt .ban a .ban4Wrap h2{font-family: 'Noto Sans KR'; font-size: 17px; font-weight: 800; color:#c40517; letter-spacing: -0.075em; margin-top:7px;}
	#__pdt .ban a .ban4Wrap .ban4Contents li{overflow: hidden; margin-top:-5px; margin-left:-5px;}
	#__pdt .ban a .ban4Wrap .ban4Contents li span:first-child{display: none;}
	#__pdt .ban a .ban4Wrap .ban4Contents li span:last-child{width: auto; float:left; padding-left: 10px; font-size:12px;}
	#__pdt .ban a .ban4Wrap .ban4Contents li .Title{border:5px solid blue;width:40%;font-size: 15px;color:#fff; border:1px solid #2f3c69; border-radius: 15px; background:#2f3c69; padding:2px 20px;}
	#__pdt .ban a .ban4Wrap .ban4Contents li .num{font-family: 'Noto Sans KR'; font-size:14px; font-weight: 600; color:#434343; padding-left:7px; letter-spacing: -0.075em}
	#__pdt .ban a .ban4Wrap .ban4Contents li .address{display:none; font-size:12px; font-weight: 600; color:#111; padding-left:5px;  line-height:1.2em;}
	
	#__pdt .ban a:nth-child(1), #__pdt .ban a:nth-child(2) { color:#fff;padding:45px 0 0; }
	#__pdt .ban a:nth-child(3), #__pdt .ban a:nth-child(4) { padding:20px 0 0; }
	#__pdt .ban a:nth-child(3) { color:#69ae29; }
	#__pdt .ban a:nth-child(4) { color:#624196; }
	#__pdt .ban img { width:35px; }
	#__pdt .ban a > * {display:block;}
	#__pdt .ban a strong {font-size:18px;font-weight:500;}
	#__pdt .ban a span {font-size:11px;line-height:1.4em;margin-top:0px;}
	#__pdt .ban a:nth-child(3) strong, #__pdt .ban a:nth-child(4) strong { font-size:16px;font-weight:700; }
	#__pdt .ban a:nth-child(3) span, #__pdt .ban a:nth-child(4) span { font-size:14px;font-weight:700; }


}

#__assurance { height:282px;padding-top:100px;overflow:hidden;background:url('../images/main_company.jpg') 0 0 no-repeat;}
#__assurance .slick-list {overflow:visible;}
#__assurance .wrap {max-width:1280px;margin:0 auto;position:relative;text-align:center;}
#__assurance span { color:#fff; }
#__assurance span.main_assur_tit { font-size:36px;font-weight:500; }
#__assurance span.main_assur_txt { font-size:18px;font-weight:500; }
#__assurance .box:after {content:'';display:block;clear:both;}
#__assurance .box > div {float:left;}
#__assurance .box .img {background-repeat:no-repeat;background-position:50% 50%;background-size:cover;height:490px;/* width:58.59375%; */width:760px;}
#__assurance .box .info {/* width:41.40625%; */width:calc(100% - 760px);padding:25px 0 0 70px;}
#__assurance .box .info .tit h4 {font-size:20px;font-weight:bold;color:#d8000f;}
#__assurance .box .info .tit h5 {font-size:45px;line-height:1.1em;color:#333;margin-top:25px;font-weight:normal;}
#__assurance .box .info .tit h5:lang(en) {font-size:33px;line-height:1.1em;color:#333;margin-top:25px;font-weight:normal;}
#__assurance .box .info dl {margin-top:33px;font-size:16px;color:#333;}
#__assurance .box .info dl dt {font-weight:bold;}
#__assurance .box .info dl dd {line-height:1.4em;color:#333;font-weight:300;margin-top:10px;}
#__assurance .box .info p {margin-top:50px;}

#__assurance .arr {width:760px;margin-top:30px;text-align:right;}
#__assurance .arr button {width:20px;height:16px;text-indent:-9999px;border:none;background-repeat:no-repeat;background-position:50% 50%;background-size:contain;}
#__assurance .arr .slick-prev {background-image:url(../images/assurance-prev.gif);}
#__assurance .arr .slick-next {background-image:url(../images/assurance-next.gif);margin-left:22px;}
#__assurance .percent {position:absolute;left:0;width:645px;height:2px;background:#c1cddd;bottom:6px;}
#__assurance .percent:before {content:"";display:block;position:absolute;left:0;top:0;height:100%;width:0;background:#d91c2e;}
#__assurance .percent.active:before {animation:per 5s linear;animation-fill-mode:forwards;}

@keyframes per {
	0 {width:0;}
	100% {width:100%;}
}

.__more {display:inline-block;position:relative;padding-left:24px;}
.__more:before {content:"";width:50px;height:50px;position:absolute;left:0;top:50%;margin-top:-25px;background:#9cc3f7;}
.__more span {display:inline-block;position:relative;z-index:10;font-size:13px;color:#333;font-weight:bold;letter-spacing:0;}
.__more:after {content:"";display:inline-block;width:19px;height:7px;background:url(../images/ico-arr-blue.png) no-repeat 100% 50%;background-size:contain;margin-left:8px;vertical-align:middle;}

@media all and (max-width:1200px){
	#__assurance .box .info {padding-left:30px;}
	#__assurance .box .info br {display:none;}
}


@media all and (max-width:1024px){
	#__assurance { height:152px;padding-top:100px;}
	#__assurance {padding:30px 15px;}
	#__assurance .box > div {float:none;}
	#__assurance .box .img {height:0;width:auto;padding-top:65.333333%;}
	#__assurance .box .info {width:auto;padding:0;margin-top:20px;}
	#__assurance .box .info br {display:none;}
	#__assurance .box .info .tit h4 {font-size:16px;}
	#__assurance .box .info .tit h5 {font-size:24px;margin-top:10px;}
	#__assurance .box .info dl {margin-top:20px;font-size:14px;}
	#__assurance .box .info dl dd {}
	#__assurance .box .info p {margin-top:20px;}

	#__assurance .arr {width:auto;margin-top:30px;text-align:right;}
	#__assurance .arr button {width:15px;height:10px;}
	#__assurance .arr .slick-next {margin-left:10px;}
	#__assurance .percent {width:calc(100% - 60px);bottom:5px;}

	.__more {padding-left:15px;}
	.__more:before {width:30px;height:30px;margin-top:-15px;}
	.__more:after {width:12px;height:4px;margin-left:4px;}
}
@media all and (max-width:499px){
	#__assurance span.main_assur_tit { font-size:28px;font-weight:500; }
	#__assurance span.main_assur_txt { font-size:14px;font-weight:300; }
}

#__gal {padding:140px 15px;}
#__gal .tit {margin-bottom:40px;text-align:center;}
#__gal .tit h3 {position:relative;font-size:40px;color:#333;padding-bottom:35px;}
#__gal .tit h3:before {content:"";display:block;width:35px;height:4px;border-radius:2px;background:#111;position:absolute;left:50%;margin-left:-17.5px;bottom:0;}
#__gal .wrap {max-width:1280px;margin:0 auto;}
#__gal .area {font-size:0;margin:0 -12px;}
#__gal .area .box {display:inline-block;vertical-align:top;width:25%;padding:0 12px;}
#__gal .area .box .img {display:block;padding-top:67.88079%;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;}
#__gal .area .box strong {display:block;margin-top:20px;font-size:18px;font-weight:500;color:#000;line-height:1.3em;}
#__gal .bot {margin-top:60px;text-align:center;}

@media all and (max-width:1024px){
	#__gal {padding:30px 15px;}
	#__gal .tit {margin-bottom:15px;}
	#__gal .tit h3 {font-size:24px;padding-bottom:15px;}
	#__gal .tit h3:before {width:30px;height:2px;border-radius:0;margin-left:-15px;}

	#__gal .area {margin:0 -5px -20px;}
	#__gal .area .box {width:50%;padding:0 5px;margin-bottom:20px;}
	#__gal .area .box strong {margin-top:10px;font-size:14px;}
	#__gal .bot {margin-top:30px;}
}

#__footer {background:#fff;border-top:4px solid #7fc241;}
#__footer .wrap {width:1240px;margin:0 auto;position:relative;color:#000;padding:80px 0 80px 0;display:table;}
#__footer span.gray { color:#999999; }
#__footer span.green { color:#43b325; }
#__footer span.txt12 { font-size:12px; }
#__footer span.txt18 { font-size:24px;display:inline-block;padding:0 0 10px 0; }
.footer_1 { float:left;width:45%;font-size:14px;line-height:24px; }
.footer_1 span.title, .footer_2 span.title, .footer_3 span.title { background:url('../images/footer_title_line.gif') 0 top no-repeat;color:#48b02b;font-size:18px;display:inline-block;padding:10px 0 15px 0; }
.footer_2 { float:left;width:30%;font-size:14px;line-height:24px; }
.footer_3 { float:left;width:25%; }

#__footer .head {padding:65px 15px 55px;}
#__footer .head .wrap {padding-left:185px;}
#__footer .head h2 {position:absolute;left:0;top:0;}
/* #__footer .head .fnb {font-size:0;}
#__footer .head .fnb li {display:inline-block;vertical-align:top;position:relative;}
#__footer .head .fnb li ~ li {margin-left:25px;padding-left:26px;}
#__footer .head .fnb li ~ li:before {content:"";display:block;width:1px;height:14px;position:absolute;left:0;top:50%;margin-top:-7px;background:rgba(255,255,255,0.5);}
#__footer .head .fnb li a {font-size:16px;font-weight:500;color:rgba(255,255,255,0.5);} */
#__footer .head address {font-size:14px;font-weight:300;line-height:1.8em;color:rgba(255,255,255,0.5); margin-left:100px; margin-top:-15px;}
#__footer .head address > * {display:inline-block;vertical-align:middle;}
#__footer .head address em {font-weight:300;margin:0 10px;position:relative;text-indent:-9999px;width:1px;height:12px;background:rgba(255,255,255,0.5);}
#__footer .foot .wrap {border-top:1px solid #393637;text-align:center;padding:27px 0;font-size:13px;font-weight:300;color:rgba(255,255,255,0.3);letter-spacing:0;}

@media all and (max-width:1024px){
	#__footer {text-align:left;}
	#__footer .wrap {width:100%;padding:50px 30px 50px 30px;}
	.footer_1 { width:100%;padding-bottom:40px; }
	.footer_2 { width:50%; }
	.footer_3 { width:50%; }

	#__footer .head {padding:25px 15px;}
	#__footer .head .wrap {padding-left:0;}
	#__footer .head h2 {position:relative;margin-bottom:15px;}
	#__footer .head h2 img {width:150px;}
	#__footer .head .fnb li ~ li {margin-left:10px;padding-left:11px;}
	#__footer .head .fnb li ~ li:before {height:10px;margin-top:-5px;}
	#__footer .head .fnb li a {font-size:14px;}
	#__footer .head address {font-size:13px;line-height:1.6em;margin-top:10px; margin-left:-5px;}
	#__footer .foot .wrap {padding:15px 0;font-size:12px;}
}

@media all and (max-width:499px){
	#__footer .wrap {width:100%;padding:30px 15px 30px 15px;}
	.footer_1 { width:100%;padding-bottom:40px;font-size:12px;line-height:22px; }
	.footer_2 { width:100%;padding-bottom:40px;font-size:12px;line-height:22px; }
	.footer_3 { width:100%;font-size:14px;line-height:22px; }
}
#wrap.sub {padding-top:122px;}
#__svis {background:url(../images/svis1.jpg) no-repeat 50% 0;background-size:cover;}
#__svis h2 {height:300px;line-height:300px;color:#fff;font-size:40px;font-weight:500;text-align:center;}
.sub2 #__svis {background-image:url(../images/svis2.jpg);}
.sub3 #__svis {background-image:url(../images/svis3.jpg);}
.sub4 #__svis {background-image:url(../images/svis4.jpg);}
.sub5 #__svis {background-image:url(../images/svis5.jpg);}
.sub6 #__svis {background-image:url(../images/svis6.jpg);}

#__lnb {position:relative;margin-top:-35px;z-index:10;}
.sub3 #__lnb {display:none;}
#__lnb .wrap {max-width:1240px;margin:0 auto;}
#__lnb .wrap ul {display:table;width:100%;table-layout:fixed;}
#__lnb .wrap ul li {display:table-cell;vertical-align:middle;background:#001123;text-align:center;}
#__lnb .wrap ul li a {display:block;position:relative;height:70px;color:#fff;font-weight:300;font-size:0;white-space:nowrap;padding:0 15px;}
#__lnb .wrap ul li a:after {content:'';display:inline-block;width:0;height:100%;vertical-align:middle;}
#__lnb .wrap ul li a span {line-height:1.2em;font-size:18px;white-space:normal;display:inline-block;vertical-align:middle;max-width:100%;white-space:normal;}
#__lnb .wrap ul li ~ li a:before {content:"";display:block;width:1px;height:24px;position:absolute;left:0;top:50%;margin-top:-12px;background:#33414f;}
#__lnb .wrap ul li.active {background:#c90919;}
#__lnb .wrap ul li.active a {font-weight:500;}

#__sub {padding:80px 15px 0px;}
#__sub > .wrap {max-width:1240px;margin:0 auto; padding-bottom:100px; }

#__gotop {position:fixed;right:30px;bottom:30px;background:url(../images/gotop.gif) no-repeat;background-size:contain;z-index:150;text-indent:-9999px;border:none;width:60px;height:60px;transition:0.3s;opacity:0;transform:translate3d(0,30px,0);}
#__gotop.show {opacity:1;transform:translate3d(0,0,0);}

@media all and (max-width:1024px){
	#wrap.sub {padding-top:55px;}
	#__svis h2 {height:80px;line-height:80px;font-size:26px;font-weight:normal;}
	#__lnb {display:none;}
	#__sub {padding:30px 15px;}

	#__gotop {width:40px;height:40px;}
}


.__greeting .head:after {content:'';display:block;clear:both;}
.__greeting .head > div {float:left;width:50%;height:380px;}
.__greeting .head .lef { background-color:#e9ecf1;padding:40px 60px 0;color:#000;}
.__greeting .head .lef dl dt {font-size:14px;font-weight:bold;}
.__greeting .head .lef dl dd {margin-top:37px;font-size:20px;font-weight:300;line-height:2em;letter-spacing:-0.05em;}
.__greeting .head .lef dl dd:lang(en) {margin-top:28px;font-size:30px;font-weight:300;line-height:1.45em;letter-spacing:-0.05em;}
.__greeting .head .lef dl dd strong {font-size:32px;font-weight:600;letter-spacing:-0.05em;color:#624196;}
.__greeting .head .rig {background:url(../images/greeting-bg.jpg) no-repeat 50% 50%;background-size:cover;}
.__greeting .bot {background:#fff;padding:45px 60px;font-size:18px;font-weight:300;line-height:1.78em;font-weight:300;color:#333;letter-spacing:-0.025em;}
.__greeting .bot p {text-align:right;margin-top:35px;font-size:18px;}
.__greeting .bot p span {font-weight:bold;}
.__greeting .bot p strong {font-size:24px;display:inline-block;margin-left:10px;font-weight:normal;}

.__greeting .head .rig_1 {background:url(../images/about.jpg) no-repeat 50% 50%;background-size:cover;}
.__greeting .head .lef_1 { color:#000;text-align:right;display:table; }
.__greeting .head .about_profile { float:right;display:table;width:92%;border-top:2px solid #624196;}
.__greeting .head .about_profile li { float:left;text-align:left;border-bottom:1px solid #e5e5e5;height:53px;padding:13px 0 0 0; }
.__greeting .head .about_profile li:nth-child(odd) { width:30%;font-weight:500;padding-left:15px; }
.__greeting .head .about_profile li:nth-child(even) { width:70%; }

@media all and (max-width:1220px){
	.__greeting .head .lef dl dd:lang(en) {margin-top:10px;font-size:28px;font-weight:300;line-height:1.35em;letter-spacing:-0.05em;}

}
@media all and (max-width:1024px){
	.__greeting .head {display:table;width:100%;table-layout:fixed;}
	.__greeting .head > div {float:none;width:auto;height:auto;display:table-cell;}
	.__greeting .head:after {display:none;}
	.__greeting .head .lef {padding:30px 15px;background:#e9ecf1;}
	.__greeting .head .lef dl dd {margin-top:15px;font-size:16px;line-height:1.6em;}
	.__greeting .head .lef dl dd:lang(en) {margin-top:15px;font-size:18px;line-height:1.3em;}
	.__greeting .head .lef dl dd strong {font-size:20px;font-weight:600;letter-spacing:-0.05em;color:#624196;}
	.__greeting .bot {padding:30px 15px;font-size:14px;line-height:1.5em;}
	.__greeting .bot p {margin-top:15px;font-size:16px;}
	.__greeting .bot p strong {font-size:20px;}
	.__greeting .head .about_profile li { font-size:14px;padding:15px 0 0 0; }
	.__greeting .head .about_profile li:nth-child(9) { height:65px;padding:20px 0 0 0; }
	.__greeting .head .about_profile li:nth-child(10) { height:65px;padding:12px 0 0 0; }
	.__greeting .head .about_profile li:nth-child(odd) { width:35%;font-weight:500;padding-left:15px; }
	.__greeting .head .about_profile li:nth-child(even) { width:65%; }
}

@media all and (max-width:499px){
	.__greeting .head {display:block;width:100%;table-layout:fixed;}
	.__greeting .head > div {float:none;width:100%;height:100%;display:block;}
	.__greeting .head:after {display:none;}
	.__greeting .head .lef {position:relative;padding:20px 15px;background:#e9ecf1;}
	.__greeting .head .rig { position:relative;height:150px; }
	.__greeting .head .rig_1 { position:relative;height:150px; }
	.__greeting .head .about_profile { width:100%;margin-top:20px;}
	.__greeting .head .lef dl dd {margin-top:15px;font-size:14px;line-height:1.6em;}
	.__greeting .head .lef dl dd:lang(en) {margin-top:15px;font-size:18px;line-height:1.3em;}
	.__greeting .head .lef dl dd strong {font-size:20px;font-weight:600;letter-spacing:-0.05em;color:#624196;}
	.__greeting .bot {padding:15px 0px;font-size:14px;line-height:1.7em;}
	.__greeting .bot p {margin-top:15px;font-size:16px;}
	.__greeting .bot p strong {font-size:20px;}
}


/* .sub12 #__sub {background:url(../images/history-bg.jpg) no-repeat 50% 100%;} */

.__slogan {text-align:center;margin-bottom:70px;font-size:25px;font-weight:300;color:#333;letter-spacing:-0.05em;}
.__slogan span,
.__slogan strong {font-weight:500;letter-spacing:-0.05em;}

.__history .area {position:relative;}
.__history .area:after {content:"";display:block;width:1px;position:absolute;left:50%;top:0;height:calc(100% - 18px);background:#e1e1e1;}
.__history .area .box {position:relative;z-index:10; top:-17px;}
.__history .area .box ~ .box {margin-top:60px;}
.__history .area .box:before {content:"";display:block;width:14px;height:14px;border-radius:50%;background:#d53340;border:2px solid #000;top:14px;position:absolute;z-index:50;}
.__history .area .box h4 {position:absolute;top:0;font-size:25px;font-weight:500;color:#d53340;}
.__history .area .box ul li {font-size:18px;line-height:1.5em;position:relative; top:5px; font-weight:300;color:#333;}
.__history .area .box ul li ~ li {margin-top:14px;}
.__history .area .box ul li strong {position:absolute;top:0;font-weight:normal;}
.__history .area .box:nth-child(odd) {margin-left:50%;padding-left:110px;}
.__history .area .box:nth-child(odd):before {left:-7px;}
.__history .area .box:nth-child(odd) h4 {left:25px;}
.__history .area .box:nth-child(odd) ul li {padding-left:45px;}
.__history .area .box:nth-child(odd) ul li strong {left:0;}
.__history .area .box:nth-child(even) {margin-right:50%;padding-right:110px;text-align:right;}
.__history .area .box:nth-child(even):before {right:-7px;}
.__history .area .box:nth-child(even) h4 {right:25px;}
.__history .area .box:nth-child(even) ul li {padding-right:45px;}
.__history .area .box:nth-child(even) ul li strong {right:0;}

@media all and (max-width:1024px){
	.sub12 #__sub {background-size:960px 442.5px;}

	.__slogan {margin-bottom:25px;font-size:20px;}
	.__slogan strong {display:block;margin-bottom:3px;}

	.__history .area:after {left:2px !important;}
	.__history .area .box {margin:0 !important;padding:0 0 0 15px !important;text-align:left !important;}
	.__history .area .box ~ .box {margin-top:20px !important;}
	.__history .area .box:before {left:-2px !important;right:auto !important;top:10px;width:10px;height:10px;}
	.__history .area .box h4 {position:static;font-size:18px;margin-bottom:7px;}
	.__history .area .box ul li {font-size:14px;line-height:1.4em;padding:0 0 0 40px !important;}
	.__history .area .box ul li ~ li {margin-top:3px;}
	.__history .area .box ul li strong {right:auto !important;left:0 !important;}
}

.__wide {padding-left:15px;padding-right:15px;}
.__wide > .wrap {max-width:1280px;margin:0 auto;}

.sub13 #__sub {padding-bottom:0;}
.__organization {background:#f5f4f6;padding:80px 15px 100px;}

@media all and (max-width:1024px){
	.__wide {margin-right:-15px !important;margin-left:-15px !important;}
	.__organization {padding:30px 15px;}
}


.__partner {margin:0 -9px -40px;font-size:0;}
.__partner .box {display:inline-block;vertical-align:top;padding:0 9px;margin-bottom:40px;width:25%;}
.__partner .box .in {display:block;}
.__partner .box .in span {display:block;padding-top:49.0196%;background-repeat:no-repeat;background-position:50% 50%;background-size:contain;position:relative;border:1px solid #e0e0e0;}
.__partner .box .in span:before,
.__partner .box .in span:after {content:"";display:block;position:absolute;transition:0.3s;opacity:0;}
.__partner .box .in span:before {left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.15);transition:0.3s;}
.__partner .box .in span:after {width:66px;height:66px;background:url(../images/ico-link.png) no-repeat;background-size:contain;left:50%;top:50%;margin:-33px 0 0 -33px;transform:translate3d(0,20px,0) rotate(180deg);}
.__partner .box .in strong {font-size:17px;text-align:center;display:block;color:#070929;font-weight:300;margin-top:15px;}
.__partner .box .in:hover span:before,
.__partner .box .in:hover span:after {opacity:1;transform:translate3d(0,0,0);}

@media all and (max-width:1024px){
	.__partner {margin:0 -5px -20px;}
	.__partner .box {padding:0 5px;margin-bottom:20px;width:50%;}
	.__partner .box .in span:after {width:40px;height:40px;margin:-20px 0 0 -20px;}
	.__partner .box .in strong {font-size:14px;margin-top:5px;}
}

.__loc:after {content:'';display:block;clear:both;}
.__loc > div {height:453px;float:left;}
.__loc .loc {width:calc(100% - 414px);border:1px solid #b7c0ce;border-right:none;}
.__loc .loc #map1 {width:100% !important;height:100% !important;}
.__loc .info {width:414px;background:#e9ecf1;padding:85px 35px 0;color:#624196;}
.__loc .info dl dt {font-size:25px;font-weight:500;}
.__loc .info dl dd {margin-top:27px;padding-top:27px;font-size:18px;line-height:1.55em;color:#000;border-top:1px solid #624196;}
.__loc .info dl dd ul li::after{
	content:'';
	clear:left;
	display:block;
}
.__loc .info dl dd ul li ~ li {margin-top:20px;}
.__loc .info dl dd ul li strong img {display:inline-block;margin-right:5px;}
.__loc .info dl dd ul li span {font-weight:300;opacity:0.7;}
.__loc .info dl dd ul li strong{width:120px; position:static;font-weight:500; float:left;}
.__loc .info dl dd ul li span{width:calc(100% - 120px);font-weight:300;opacity:0.7; float:left; margin-top:3px;}
.__loc .info dl dd ul .info1 strong::before{
	content:url(/html/_skin/images/ico-loc1.png);
	position:relative;
	top:4px;
	margin-right:10px;
}
.__loc .info dl dd ul .info2 strong::before{
	content:url(/html/_skin/images/ico-loc2.png);
	position:relative;
	top:4px;
	margin-right:10px;
}
.__loc .info dl dd ul .info3 strong::before{
	content:url(/html/_skin/images/ico-loc3.png);
	position:relative;
	top:4px;
	margin-right:10px;
}
.__loc .info dl dd ul .info4 strong::before{
	content:url(/html/_skin/images/ico-loc4.png);
	position:relative;
	top:4px;
	margin-right:10px;
}

/* eng  */
.__loc .info:lang(en) {width:414px;background:#2d5192;padding:55px 18px 0;color:#fff;}
/* .__loc .info dl dd ul li {position:relative;} */
.__loc .info dl dd ul:lang(en) li ~ li {margin-top:20px;}
.__loc .info dl dd ul:lang(en) li::after{
	content:'';
	clear:left;
	display:block;
}
.__loc .info dl dd ul li strong:lang(en) {width:160px; position:static; font-size:16px; font-weight:500; float:left;}
.__loc .info dl dd ul li span:lang(en) {width:calc(100% - 160px); font-size:16px; font-weight:300;opacity:0.7; float:left; margin-top:3px;}
.__loc .info dl dd ul .info1:lang(en) {padding-left:0em;}
.__loc .info dl dd ul .info1:lang(en) strong::before{
	content:url(/html/_skin/images/ico-loc1.png);
	position:relative;
	top:4px;
	margin-right:10px;
}
.__loc .info dl dd ul .info2:lang(en) {padding-left:0em;}
.__loc .info dl dd ul .info2:lang(en) strong::before{
	content:url(/html/_skin/images/ico-loc2.png);
	position:relative;
	top:4px;
	margin-right:10px;
}
.__loc .info dl dd ul .info3:lang(en) {padding-left:0em;}
.__loc .info dl dd ul .info3:lang(en) strong::before{
	content:url(/html/_skin/images/ico-loc3.png);
	position:relative;
	top:4px;
	margin-right:10px;
}
.__loc .info dl dd ul .info4:lang(en) {padding-left:0em;}
.__loc .info dl dd ul .info4:lang(en) strong::before{
	content:url(/html/_skin/images/ico-loc4.png);
	position:relative;
	top:4px;
	margin-right:10px;
}

@media all and (max-width:500px){
.__loc .info dl dd ul li strong:lang(en) {width:180px; position:static;font-weight:500; float:left;}
.__loc .info dl dd ul li span:lang(en) {width:auto;font-weight:300;opacity:0.7; float:left; margin-top:3px; clear:left;}
}

@media all and (max-width:1024px){
	.__loc > div {height:auto;float:none;}
	.__loc .loc {width:auto;border:1px solid #b7c0ce;height:300px;}
	.__loc .info {width:auto;padding:30px 15px;}
	.__loc .info:lang(en) {width:auto;background:#2d5192;padding:30px 18px 0;color:#fff; padding-bottom:50px;}
	.__loc .info dl dt {font-size:20px;}
	.__loc .info dl dd {margin-top:15px;padding-top:15px;font-size:14px;line-height:1.5em;}
	.__loc .info dl dd ul li strong img {width:15px;}
	.__loc .info dl dd ul li ~ li {margin-top:7px;}
	.__loc .info dl dd ul li strong img {display:inline-block;margin-right:5px;}
	.__loc .info dl dd ul li span:lang(en){margin-top:7px;}
}



.__pdtList {margin:0 -10px -40px;font-size:0;}
.__pdtList .box {display:inline-block;vertical-align:top;width:25%;padding:0 10px;margin-bottom:40px;}
.__pdtList .box .in {display:block;}
.__pdtList .box .img {display:block;padding-top:91.447368%;background-position:50% 50%;background-size:cover;background-repeat:no-repeat;border:1px solid #e0e0e0;transition:0.3s;position:relative;}
.__pdtList .box .subject {display:block;text-align:center;margin-top:15px;font-weight:300;color:#070929;font-size:17px;}
.__pdtList .box .img:before,
.__pdtList .box .img:after {content:"";display:block;position:absolute;transition:0.3s;opacity:0;}
.__pdtList .box .img:before {left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.15);transition:0.3s;}
.__pdtList .box .img:after {width:66px;height:66px;background:url(../images/ico-plus.png) no-repeat;background-size:contain;left:50%;top:50%;margin:-33px 0 0 -33px;transform:translate3d(0,20px,0) rotate(180deg);}
.__pdtList .box .in:hover .img {box-shadow:0 10px 10px rgba(0,0,0,0.1);}
.__pdtList .box .in:hover .img:before,
.__pdtList .box .in:hover .img:after {opacity:1;transform:translate3d(0,0,0);}

@media all and (max-width:1024px){
	.__pdtList {margin:0 -5px -30px;}
	.__pdtList .box {width:50%;padding:0 5px;margin-bottom:30px;}
	.__pdtList .box .subject {margin-top:10px;font-size:14px;}
	.__pdtList .box .img:after {width:40px;height:40px;margin:-20px 0 0 -20px;}
}

.__pdtView .head:after {content:'';display:block;clear:both;}
.__pdtView .head .img {float:left;width:44.6875%;height:415px;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;}
.__pdtView .head .info {float:left;width:55.3125%;padding:50px 0 0 75px;}
.__pdtView .head .info h3 {font-size:40px;font-weight:500;color:#000;padding-bottom:25px;margin-bottom:30px;border-bottom:1px solid #ddd;}
.__pdtView .head .info .sum {font-size:18px;line-height:1.75em;color:#333;font-weight:300;}
.__pdtView .head .info .btns {margin-top:60px;font-size:0;}
.__pdtView .head .info .btns li {display:inline-block;vertical-align:top;margin-right:20px;}
.__pdtView .head .info .btns li:last-child {margin-right:0;}
.__pdtView .head .info .btns li a {display:block;width:200px;height:50px;line-height:50px;text-align:center;color:#fff;background:#c91424;font-size:16px;}
.__pdtView .head .info .btns li .black {background:#0d1d2e;}
.__pdtView .tit {margin-top:65px;position:relative;padding-bottom:12px;margin-bottom:30px;border-bottom:1px solid #ddd;}
.__pdtView .tit:before {content:"";display:block;width:50px;height:3px;background:#c60718;position:absolute;left:0;bottom:-1px;}
.__pdtView .tit h3 {font-size:22px;font-weight:500;color:#333;}
.__pdtView .list {margin:0 -10px;font-size:0;}
.__pdtView .list .box {display:inline-block;vertical-align:top;width:25%;padding:0 10px;}
.__pdtView .list .box .img {padding-top:91.80327%;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;}
.__pdtView .list .box .subject {text-align:center;margin-top:15px;font-size:18px;font-weight:300;line-height:1.25em;color:#333;}
.__pdtView .feature ul li {font-size:18px;color:#333;font-weight:300;line-height:1.5em;padding-left:3em;position:relative;}
.__pdtView .feature ul li ~ li {margin-top:10px;}
.__pdtView .feature ul li strong {display:block;position:absolute;left:0;top:0;color:#c60718;font-weight:500;}
.__pdtView .spec table {width:100%;table-layout:auto; }
.__pdtView .spec table tr > * {border:1px solid #e5e5e5;padding:15px 20px;font-size:18px;font-weight:300;color:#222;line-height:1.5em;}
.__pdtView .spec table tr th {background:#efefef;text-align:left;padding-left:30px;width:30%;}
.__pdtView .tbl table {width:100%;table-layout:fixed;}
.__pdtView .tbl table tr > * {border:1px solid #e5e5e5;padding:15px 10px;font-size:18px;font-weight:300;color:#222;line-height:1.5em;text-align:center;}
.__pdtView .tbl table tr th {background:#efefef;}

@media all and (max-width:1024px){
	.__pdtView .head .img {float:none;width:auto;height:0;padding-top:72.55244%;}
	.__pdtView .head .info {float:none;width:auto;padding:0;margin-top:15px;}
	.__pdtView .head .info h3 {font-size:20px;padding-bottom:10px;margin-bottom:10px;}
	.__pdtView .head .info .sum {font-size:14px;line-height:1.5em;}
	.__pdtView .head .info .btns {margin-top:20px;text-align:center;}
	.__pdtView .head .info .btns li {margin-right:10px;}
	.__pdtView .head .info .btns li a {width:120px;height:40px;line-height:40px;font-size:14px;}
	.__pdtView .tit {margin-top:40px;padding-bottom:10px;margin-bottom:15px;}
	.__pdtView .tit h3 {font-size:18px;}
	.__pdtView .list {margin:0 -5px -30px;}
	.__pdtView .list .box {width:50%;padding:0 5px;margin-bottom:30px;}
	.__pdtView .list .box .subject {margin-top:7px;font-size:14px;}
	.__pdtView .feature ul li {font-size:14px;padding-left:2.5em;}
	.__pdtView .feature ul li ~ li {margin-top:7px;}
	.__pdtView .spec table tr > * {padding:5px;font-size:14px;}
	.__pdtView .spec table tr th {padding-left:5px;width:auto;}
	.__pdtView .dim {text-align:center;}
	.__pdtView .tbl {overflow-x:auto;}
	.__pdtView .tbl table {table-layout:auto;min-width:640px;}
	.__pdtView .tbl table tr > * {padding:5px;font-size:14px;}
}

.__botArea {margin-top:50px;text-align:center;}
.__btn1 {display:inline-block;width:180px;height:50px;background:#253342;color:#fff;text-align:center;font-size:16px;line-height:50px;}

@media all and (max-width:1024px){
	.__botArea {margin-top:25px;}
	.__btn1 {width:100px;height:40px;font-size:14px;line-height:40px;}
}

.sub31 #__sub {padding-bottom:0;}
.__qua .tit {text-align:center;padding-bottom:35px;border-bottom:1px solid #ddd;margin-bottom:80px;}
.__qua .tit dt {font-size:18px;font-weight:500;color:#c90919;}
.__qua .tit dd {font-size:25px;font-weight:300;color:#231f20;margin-top:15px;line-height:1.6em;}
.__qua .tit dd strong {font-weight:500;}
.__qua .mid {/*background:url(../images/qua4.jpg) no-repeat 100% 100%;*/padding-bottom:120px;}
.__qua .mid .box {display:table;width:100%;table-layout:fixed;}
.__qua .mid .box ~ .box {margin-top:80px;}
.__qua .mid .box > div {display:table-cell;vertical-align:middle;}
.__qua .mid .box .img {width:49.21875%;}
.__qua .mid .box .img span {display:block;height:360px;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;}
.__qua .mid .box .info {width:50.78125%;padding:0 60px;}
.__qua .mid .box .info dl dt {font-size:18px;font-weight:bold;color:#c90919;}
.__qua .mid .box .info dl dd {margin-top:12px;font-size:22px;font-weight:500;color:#333;letter-spacing:-0.05em;}
.__qua .mid .box .info p {font-size:18px;font-weight:300;line-height:1.75em;margin-top:25px;}
.__qua .bot {background:#f4f6f9;padding-top:75px;padding-bottom:90px; margin-bottom:-100px;}
.__qua .bot .tit {border-bottom:none;padding-bottom:0;margin-bottom:70px;}
.__qua .bot .area {display:table;width:100%;table-layout:fixed;}
.__qua .bot .area .td {display:table-cell;vertical-align:top;}
.__qua .bot .area .space {padding-top:145px;text-align:center;}
.__qua .bot .area .box {width:304px;text-align:center;}
.__qua .bot .area .box .txt {margin-top:20px;font-size:18px;font-weight:300;color:#231f20;letter-spacing:-0.05em;line-height:1.55em;}

@media all and (max-width:1024px){
	.__qua .tit {padding-bottom:15px;margin-bottom:20px;}
	.__qua .tit dt {font-size:14px;}
	.__qua .tit dd {font-size:18px;margin-top:10px;line-height:1.4em;}
	.__qua .mid {padding-bottom:60px;background-size:326.5px 86px;}
	.__qua .mid .box {display:block;}
	.__qua .mid .box ~ .box {margin-top:30px;}
	.__qua .mid .box > div {display:block;}
	.__qua .mid .box .img {width:auto;text-align:center;}
	.__qua .mid .box .img span {height:0;padding-top:57%;}
	.__qua .mid .box .info {width:auto;padding:0;margin-top:15px;}
	.__qua .mid .box .info dl dt {font-size:14px;}
	.__qua .mid .box .info dl dd {margin-top:5px;font-size:16px;}
	.__qua .mid .box .info p {font-size:14px;line-height:1.5em;margin-top:10px;}
	.__qua .bot {padding-top:30px;padding-bottom:30px; margin-bottom:-120px;}
	.__qua .bot .tit {margin-bottom:30px;padding-bottom:0;}
	.__qua .bot .area {display:block;font-size:0;}
	.__qua .bot .area .td {display:block;}
	.__qua .bot .area .space {display:none;}
	.__qua .bot .area .box {display:inline-block;vertical-align:top;width:30%;}
	.__qua .bot .area .box ~ .box {margin-top:0;margin-left:5%;}
	.__qua .bot .area .box .txt {margin-top:10px;font-size:12px;line-height:1.4em;letter-spacing:-0.075em;}
}

.__inq {background:#f7f9fd;padding:60px 50px;}
.__inq table {width:100%;table-layout:fixed;}
.__inq table tr > * {padding:8px 0;}
.__inq table th {text-align:left;width:150px;font-size:18px;font-weight:300;color:#000;}
.__inq table th ~ th {padding-left:20px;}
.__inq table td {white-space:nowrap;}
.__inq table td input[type=text] {display:inline-block;height:50px;background:#fff;border:1px solid #c0c4c9;padding-left:10px;width:100%;font-size:18px;}
.__inq table td input[name*=data_email] {width:calc((100% - 18px) / 2);}
.__inq table td textarea {display:inline-block;height:150px;background:#fff;border:1px solid #c0c4c9;padding:10px;width:100%;font-size:18px;}
.__inq .agree {margin-top:60px;text-align:center;}
.__inq .agree .privacy_box--fc {background:#fff;border:1px solid #c0c4c9;}
.__inq .agree .privacy_box--fc * {font-family:'Noto Sans KR',sans-serif;}
.__inq .agree .privacy_txt--fc {color:#333;font-weight:300;margin-top:15px;}
.__inq .agree .privacy_txt--fc label {font-size:16px;}

.board-write-btn-wrap--fc .btn-confirm--fc {background:#231f20;padding:0;font-size:15px;color:#fff;text-align:center;width:190px;height:55px;line-height:55px;font-weight:normal;}

@media all and (max-width:1024px){
	.__inq {padding:30px 15px;}
	.__inq table,
	.__inq table tbody,
	.__inq table tbody tr,
	.__inq table tbody tr > * {display:block;}
	.__inq table th {width:auto;font-size:14px;}
	.__inq table th ~ th {padding-left:10px;}
	.__inq table tr th {padding:0 0 3px 0;}
	.__inq table tr td {padding:3px 0 0 0;margin-bottom:20px;}
	.__inq table td input[type=text] {height:40px;padding-left:5px;font-size:14px;}
	.__inq table td input[name*=data_email] {width:calc((100% - 18px) / 2);}
	.__inq table td textarea {height:100px;padding:5px;font-size:14px;}
	.__inq .agree {margin-top:30px;}
	.__inq .agree .privacy_txt--fc label {font-size:14px;}

	.board-write-btn-wrap--fc {margin-top:30px;}
	.board-write-btn-wrap--fc .btn-confirm--fc {font-size:14px;width:100px;height:40px;line-height:40px;}
}

.__privacy {font-size:16px;line-height:1.8em;word-break:keep-all;color:#333;}

@media all and (max-width:1024px){
	.__privacy {font-size:14px;line-height:1.6em;}
}

.__cert {font-size:0;margin:0 -10px -30px;}
.__cert figure {display:inline-block;vertical-align:top;width:20%;padding:0 10px;margin-bottom:30px;}
.__cert figure a {display:block;}
.__cert figure .img {padding-top:135%;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;border:1px solid #eee;}
.__cert figure figcaption {text-align:center;margin-top:15px;font-size:18px;font-weight:300;color:#333;}

.__gallery {font-size:0;margin:0 -10px -30px;}
.__gallery figure {display:inline-block;vertical-align:top;width:33.33333333%;padding:0 10px;margin-bottom:30px;}
.__gallery figure a {display:block;}
.__gallery figure .img {padding-top:70%;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;border:1px solid #eee;}
.__gallery figure figcaption {text-align:center;margin-top:12px;font-size:18px;font-weight:300;color:#333;}


.basic-board-list--fc, .webzine-board-list--fc {border-top-color:#333;}
.basic-board-list--fc thead th, .webzine-board-list--fc thead th {background:none;}
.basic-board-list--fc thead th:before, .webzine-board-list--fc thead th:before {display:none;}

@media all and (max-width:1024px){
	.__cert {margin:0 -5px -20px;}
	.__cert figure {width:50%;padding:0 5px;margin-bottom:20px;}
	.__cert figure figcaption {margin-top:7px;font-size:14px;}

	.__gallery {margin:0 -5px -20px;}
	.__gallery figure {width:50%;padding:0 5px;margin-bottom:20px;}
	.__gallery figure figcaption {margin-top:7px;font-size:14px;}
}

#imgPop {position:fixed;left:0;top:0;width:100%;padding:20px;font-size:0;white-space:nowrap;text-align:center;overflow:auto;height:100%;z-index:99999;background:rgba(0,0,0,0.5);display:none;}
#imgPop:after {content:'';display:inline-block;width:0;height:100%;vertical-align:middle;}
#imgPop .wrap {display:inline-block;vertical-align:middle;max-width:100%;width:836px;background:#fff;padding:40px;white-space:normal;position:relative;}
#imgPop .area {max-width:590px;margin:0 auto;text-align:center;padding-top:40px;}
#imgPop .area .close {border:none;background:none;position:absolute;right:40px;top:40px;width:32px;height:32px;background:url(../images/pop-close.png) no-repeat 50% 50%;background-size:contain;}
#imgPop .area .subject {font-size:35px;font-weight:500;color:#333;margin-bottom:20px;}
#imgPop .area .img {border:1px solid #ddd;}
#imgPop .area .img img {display:block;width:100%;}

@media all and (max-width:1024px){
	#imgPop .wrap {padding:15px;}
	#imgPop .area {padding-top:0;}
	#imgPop .area .close {right:10px;top:18px;width:20px;height:20px;}
	#imgPop .area .subject {font-size:20px;margin-bottom:10px;text-align:left;padding-right:30px;line-height:1.3em;text-indent:-0.7em;}
}

@media all and (max-width:1024px){

}

@media all and (max-width:1024px){

}

@media all and (max-width:1024px){

}

@media all and (max-width:1024px){

}

@media all and (max-width:1024px){

}

@media all and (max-width:1024px){

}

@media all and (max-width:1024px){

}

@media all and (max-width:1024px){

}

@media all and (max-width:1024px){

}

.mesh_tab { width:100%;margin:-50px 0 30px 0;display:table; }
.mesh_tab li { float:left;text-align:center;font-size:18px;border-bottom:1px solid #c9c9c9;padding-bottom:10px; }
.mesh_tab li.on { border-bottom:2px solid #624196;font-weight:500;color:#624196; }
.tab_3 li { width:33.3333%; }

a.btn-confirm--paju { display:inline-block;width:80px;height:25px;padding-top:6px;line-height:100%;background-color:#624196;color:#fff;font-size:12px;font-weight:300; }
a.btn-cancel--paju { display:inline-block;width:80px;height:25px;padding-top:6px;line-height:100%;background-color:#7d7d7d;color:#fff;font-size:12px;font-weight:300; }
.pop_arrow { text-align:center; }
.pop_arrow img { margin:10px 10px 0 10px; }