@charset "utf-8";
@import url('http://fonts.googleapis.com/earlyaccess/notosanskr.css');
@import url('https://fonts.googleapis.com/css2?family=Anton&family=Archivo+Black&family=Bungee&family=Monoton&family=Quantico:ital,wght@0,400;0,700;1,400;1,700&family=Teko:wght@300..700&display=swap');

@font-face {
    font-family:'GmarketSansMedium';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
    font-weight:normal;
    font-style:normal;
}

/* CSS Reset */
body,html,
header,footer,aside,nav,section,article,details,figure,figcaption,menu,command,
div,dl,dd,ol,ul,li,form,fieldset,legend,iframe,table,caption,thead,tfoot,tbody,tr,th,td, /* Block Element */
h1,h2,h3,h4,h5,h6,dt,summary,input,textarea,button,select,datalist,
img,embed,object,canvas,audio,video,meter,progress,keygen, /* Inline Block Element */
a,label,output,dialog, /* Inline Element */
address,blockquote, /* Text Block Element */
p,pre,/* Text Inline Block Element */
span,b,strong,i,em,dfn,var,u,ins,s,del,q,mark,small,sub,sup,abbr,bdi,bdo,cite,time,ruby,rp,rt,code,kbd,samp, /* Text Inline Element */
acronym,big,frame,frameset,noframes,tt, /* Not HTML5 Used Element */
map,option,hr,*{border:0;padding:0;margin:0;color:inherit;font-family:inherit;font-size:inherit;line-height:inherit;}
header,footer,aside,nav,section,article,details,summary,figure,figcaption,menu,command{display:block} /* HTML5 Block Element */
applet,basefont,center,dir,font,strike{display:none} /* XHTML4, HTML5 Element Not Used Remove */
q,blockquote{quotes:none;content:none;}
li,menu{list-style:none;word-break:break-all}

table{width:100%;border-spacing:0;border-collapse:separate;} /* Table Border (separate) */
caption{text-align:left}
th,td{text-align:center;vertical-align:middle}

address{font-style:normal}
label{display:inline-block;}
a{text-decoration:none;display:inline-block;} /* A Attribute  */

/* Common Setting */
html{overflow-y:auto;}
html,body{height:100%;} /* Horizen Scroll */
body{color:#333;font-size:15px;font-family:'GmarketSansMedium', 'Noto Sans KR', sans-serif, "Nanum Gothic";font-weight:400;min-width:320px;}
div{outline:0}
img {vertical-align:middle;}

::selection {background-color:#333;color:#fff;}

/* comm */
.clear {position:relative;clear:both;}
.clear70 {position:relative;clear:both;height:70px;}
.clear100 {position:relative;clear:both;height:100px;}
.clear120 {position:relative;clear:both;height:120px;}

.gnb {position:absolute;top:0;left:0;width:100%;height:100px;background-color:white;z-index:100;font-family:'Teko';border-bottom:solid 10px #f2f2f2;}
.gnb_main {border-bottom:0;}
.gnb .logo {position:absolute;top:25px;left:60px;}
.gnb .logo img {width:50px}
.gnb .menu {position:relative;margin:38px 0 0 155px;}
.gnb .menu li {float:left;margin-right:45px;}
.gnb .menu li a {font-size:22px;}
.gnb .menu li .now, .gnb .menu li a:hover {color:#125cab;text-decoration:underline;text-underline-offset:15px;}
.gnb .menu li:nth-child(2) .now, .gnb .menu li:nth-child(2) a:hover {color:#20afe5;}
.gnb .menu li:nth-child(3) .now, .gnb .menu li:nth-child(3) a:hover {color:#e52020;}

.gnb .lan {position:absolute;top:37px;right:50px;}
.gnb .lan a {font-size:20px;color:#999;margin-left:15px;}
.gnb .lan a:hover, .gnb .lan .now {color:#000;}

.gnb .select {position:absolute;top:33px;right:50px;}
.gnb .select select {background-color:#f2f2f2;font-size:17px;padding:7px 12px 5px 12px;border-radius:3px;width:170px;margin:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;color:#666;}

.gnb .ham {display:none;}
.momenuback {display:none;}
.momenu {display:none;}

.gnb_fixed {position:fixed;height:80px;background-color:#000;}
.gnb_fixed .logo {top:19px;left:60px;}
.gnb_fixed .logo img {width:40px;}
.gnb_fixed .menu {margin-top:25px;}
.gnb_fixed .menu li a {color:white;}
.gnb_fixed .menu li .now, .gnb_fixed .menu li a:hover {color:white!important;}
.gnb_fixed .lan {top:27px;}
.gnb_fixed .lan a:hover, .gnb_fixed .lan .now {color:#fff;}

.gnb_fixed .select {top:23px;}
.gnb_fixed .select select {background-color:#333;color:#999}

.sbmenu {position:absolute;top:77px;left:0;z-index:101;}
.sbmenu .list {position:absolute;top:0;left:0;width:auto;background-color:white;padding:10px 20px 15px 20px;display:none;}
.sbmenu .list li {font-family:'Teko';font-size:18px;}
.sbmenu .sbme1 {margin-left:135px;width:75px;}
.sbmenu .sbme2 {margin-left:200px;width:100px;}
.sbmenu .sbme3 {margin-left:300px;width:70px;}
.sbmenu .sbme4 {margin-left:415px;width:65px;}
.sbmenu .sbme5 {margin-left:507px;width:80px;}
.sbmenu .sbme6 {margin-left:585px;width:55px;}
.sbmenu .list li a:hover {color:#125cab;}
.sbmenu .sbme2 li a:hover {color:#20afe5;}

.sbmenu_fixed {position:fixed;top:65px;}
.sbmenu_fixed .list {background-color:#000;color:#c2c2c2;}
.sbmenu_fixed .list li a:hover {color:white!important;}

.mavisual {position:relative;width:100%;height:100%;}
.mavisual .mainvi {position:relative;width:100%;height:100%;}
.mavisual .mainvi .back {position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000;opacity:0.3;}
.mavisual .mainvi .text {position:relative;width:100%;text-align:center;color:white;margin-top:25%;}
.mavisual .mainvi .text h1 {font-size:100px;font-weight:300;line-height:80px;font-family:'Teko';}
.mavisual .mainvi .text h2 {font-size:40px;font-weight:300;padding-top:10px;}
.mavisual .mainvi .text h2 br {display:none;}
.mavisual .mainvi .text p {font-size:16px;opacity:0.7;}

.mavisual .swiper-pagination {bottom:20px;}
.mavisual .swiper-pagination-bullet {height:8px;width:8px;background:#FFF;border-radius:10px;margin:0 3px !important;   opacity:0.8;border:1px solid #FFF;}
.mavisual .swiper-pagination-bullet-active {background:#000;border:1px solid #000;width:32px;}
.mavisual .swiper-button-prev, .mavisual .swiper-container-rtl .swiper-button-next {left:30px;background-position: 1px -141px;}
.mavisual .swiper-button-next, .mavisual .swiper-container-rtl .swiper-button-prev {right:30px;background-position: -55px -141px;}

.fullscreen-bg {position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;z-index:-100;}
.fullscreen-bg__video{position:absolute;top:0;left:0;width:100%;height:100%;}
@media (min-aspect-ratio: 16/9) { .fullscreen-bg__video {height:300%;top:-100%;} }
@media (max-aspect-ratio: 16/9) { .fullscreen-bg__video {width:300%;left:-100%;} }


.mainfo {position:relative;width:1200px;padding:90px 0;margin:0 auto;}
.mainfo li {float:left;width:50%;}
.mainfo li:last-child {padding-left:50px;border-left:solid 1px #e5e5e5;width:calc(50% - 51px);}
.mainfo li p {font-family:'Teko';font-size:18px;font-weight:500;}
.mainfo li a {font-size:16px;color:#666;padding:10px 0 3px 0;}
.mainfo li a:hover {color:#000;}
.mainfo li span {display:block;font-size:12px;opacity:0.5;}

.mapro {position:relative;width:100%;padding:120px 0;text-align:center;background-color:#f8f8f8;;}
.mapro h1 {font-family:'Teko';font-size:36px;letter-spacing:1px;font-weight:400;padding-bottom:30px;}
.mapro .maprobox {position:relative;width:1100px;padding:35px 50px;background-color:#fff;border-radius:15px;margin:0 auto;text-align:center;}
.mapro .maprobox .tab {position:relative;padding-bottom:25px;border-bottom:solid 1px #e5e5e5;}
.mapro .maprobox .tab a {font-family:'Teko';font-size:20px;letter-spacing:0.5px;font-weight:500;padding:0 30px;}
.mapro .maprobox .tab a:hover,.mapro .maprobox .tab .on {background-color:#000;color:white;padding:10px 30px 7px 30px;border-radius:30px;}
.mapro .maprobox .conbox {position:relative;padding-top:50px;min-height:450px;display:none;}
.mapro .maprobox .conbox .photo {position:absolute;top:50px;left:0;width:660px;height:435px;}
.mapro .maprobox .conbox .photo img {border-radius:10px;width:400px;}
.mapro .maprobox .conbox .photo .swiper-slide {width:400px;}
.mapro .maprobox .conbox .text {position:relative;padding:70px 0 0 700px;text-align:left;}
.mapro .maprobox .conbox .text h4 {font-family:'Teko';font-size:20px;letter-spacing:1px;color:#20afe5;font-weight:500;}
.mapro .maprobox .conbox .text h3 {font-size:25px;font-weight:300;padding:20px 0 10px 0;}
.mapro .maprobox .conbox .text p {font-size:13px;opacity:0.5;line-height:22px;padding-bottom:35px;}
.mapro .maprobox .conbox .text a {font-size:13px;color:white;background-color:#20afe5;padding:13px 25px 10px 25px;border-radius:30px;}
.mapro .maprobox .conbox .text a img {width:6px;padding:0 0 2px 7px;}
.mapro .maprobox .conbox .text a:hover{background-color:#000;}
.mapro .maprobox .conbox3 .text h4 {color:#ab1313;}
.mapro .maprobox .conbox3 .text a {background-color:#e52020;}
.mapro .maprobox .conbox4 .text h4 {color:#ab1313;}
.mapro .maprobox .conbox4 .text a {background-color:#e52020;}

.mapro .swiper-container {overflow-y:visible;}
.mapro .swiper-pagination {bottom:0px;}
.mapro .swiper-pagination-bullet {height:8px;width:8px;background:#cccccc;border-radius:10px;margin:0 3px !important;   opacity:0.8;border:1px solid #cccccc;}
.mapro .swiper-pagination-bullet-active {background:#000;border:1px solid #000;width:32px;}
.mapro .swiper-button-prev, .mapro .swiper-container-rtl .swiper-button-next {left:15px;background-position: 1px -95px;}
.mapro .swiper-button-next, .mapro .swiper-container-rtl .swiper-button-prev {right:15px;background-position: -55px -95px;}

.maconc {position:relative;width:1200px;padding:120px 0;margin:0 auto;border-bottom:solid 10px #f2f2f2;}
.maconc img {position:absolute;top:120px;left:50px;width:155px;}
.maconc h3 {font-family:'Teko';font-size:20px;letter-spacing:1px;padding:20px 0 0 250px;}
.maconc h2 {font-size:30px;font-weight:300;padding:13px 0 7px 250px;}
.maconc p {font-size:13px;opacity:0.5;padding:0 70px 0 250px;line-height:20px;}

.macerti {position:relative;width:100%;padding:120px 0;text-align:center;}
.macerti h2 {font-family:'Teko';font-size:36px;letter-spacing:1px;font-weight:400;padding-bottom:30px;}
.macerti .certibox {position:relative;width:1200px;margin:0 auto;}
.macerti .certibox p {font-size:13px;opacity:0.5;padding:10px 0;}
.macerti .certibox img {width:200px;border-radius:10px;border:solid 1px #e5e5e5;}
.macerti .certibox .swiper-slide {width:200px;}

.macerti .swiper-button-prev, .macerti .swiper-container-rtl .swiper-button-next {left:15px;background-position: 1px -36px;}
.macerti .swiper-button-next, .macerti .swiper-container-rtl .swiper-button-prev {right:15px;background-position: -55px -36px;}

.maphoto {position:relative;width:100%;padding:120px 0;text-align:center;background-color:#e8f7fc;;}
.maphoto h2 {font-family:'Teko';font-size:36px;letter-spacing:1px;font-weight:400;padding-bottom:30px;}
.maphoto .photobox {position:relative;height:450px;}
.maphoto .photobox .swiper-slide {width:400px;}
.maphoto img {width:400px;border-radius:10px;}
.maphoto .swiper-container {overflow-y:visible;}
.maphoto .swiper-pagination {bottom:0px;}
.maphoto .swiper-pagination-bullet {height:8px;width:8px;background:#cccccc;border-radius:10px;margin:0 3px !important;   opacity:0.8;border:1px solid #cccccc;}
.maphoto .swiper-pagination-bullet-active {background:#000;border:1px solid #000;width:32px;}

.macont {position:relative;width:1200px;padding:120px 0;margin:0 auto;}
.macont li {position:relative;float:left;width:50%;}
.macont li:last-child {margin-left:11px;width:calc(50% - 11px);}
.macont li img {position:absolute;left:0;top:0;z-index:-1;border-radius:15px;}
.macont li h4 {font-family:'Teko';font-size:20px;letter-spacing:1px;padding:70px 0 0 50px;font-weight:400;}
.macont li h3 {font-size:36px;font-weight:300;padding:20px 0 5px 50px;}
.macont li p {font-size:13px;line-height:20px;padding:0 0 30px 50px;}
.macont li a {font-size:13px;color:white;background-color:#999;padding:13px 25px 10px 25px;border-radius:30px;margin-left:50px;margin-bottom:80px;}
.macont li a:hover{background-color:#000;}

.malink {position:relative;width:1200px;padding:100px 0;margin:0 auto;}
.malink li {float:left;width:calc(50% - 70px);background-color:#f7f7f7;border-radius:15px;padding:30px;margin-right:10px;}
.malink li h1 {font-family:'Teko';font-size:15px;letter-spacing:1px;font-weight:400;}
.malink li h2 {font-size:20px;padding:10px 0 0px 0;}
.malink li p {font-size:14px;padding-bottom:15px;}
.malink li a {background-color:#333;color:white;font-size:12px;padding:7px 13px 5px 13px;border-radius:50px;}
.malink li a:hover {background-color:white;color:#333;}

.footer {position:relative;width:100%;border-top:solid 2px #f1f1f1;}
.footer .menu {position:relative;width:1200px;margin:0 auto;border-bottom:solid 1px #f1f1f1;padding:17px 0 15px 0;}
.footer .menu a {font-family:'Teko';font-size:18px;letter-spacing:1px;margin-right:20px;}
.footer .copy {position:relative;width:1100px;margin:0 auto;padding:60px 0 50px 120px;}
.footer .copy .logo {position:absolute;top:50px;left:0;width:70px;}
.footer .copy h3 {font-size:15px;padding-bottom:10px;}
.footer .copy span {font-size:12px;margin-right:20px;}
.footer .copy p {font-family:'Teko';font-size:15px;letter-spacing:1px;padding-top:5px;}


/* SUb Comm */

.subtitle {position:relative;width:100%;text-align:center;padding-top:200px;}
.subtitle h1 {font-family:'Teko';font-size:45px;letter-spacing:1px;font-weight:400;line-height:40px;}
.subtitle p {font-size:13px;font-weight:500;}
.subtitle .line {position:relative;width:30px;height:3px;margin:45px auto;background-color:#000;}
.subtitle .submenu {position:relative;text-align:center;border-bottom:solid 1px #e5e5e5;padding-bottom:30px;}
.subtitle .submenu a {font-family:'Teko';font-size:20px;letter-spacing:1px;font-weight:400;margin:0 20px;}
.subtitle .submenu .on {font-weight:600;color:#125cab;}
.subtitle .submenu .on2 {font-weight:600;color:#20afe5;}
.subtitle .submenu .on3 {font-weight:600;color:#e52020;}

.warp {position:relative;width:1200px;margin:0 auto;padding:100px 0;}
.warp2 {position:relative;width:100%;margin:0 auto;padding:100px 0 0 0;}
.warp3 {position:relative;width:100%;margin:0 auto;padding:0 0 100px 0;}

.story {position:relative;text-align:center;}
.story li h3 {font-size:40px;font-weight:500;padding:45px 0 5px 0;}
.story li p {font-size:15px;color:#666;}
.story li .line {padding:50px 0;}
.story li .logo {width:180px;}
.story li h4 {font-family:'Teko';font-size:42px;letter-spacing:1px;font-weight:400;line-height:30px;padding-top:35px;}
.story li span {font-family:'Teko';font-size:18px;letter-spacing:1px;font-weight:400;color:#999;}

.ceo {position:relative;}
.ceo li {float:left;width:35%;}
.ceo li:last-child {width:65%;}
.ceo li .photo {border-radius:15px;}
.ceo li h2 {font-weight:400;font-size:26px;line-height:36px;padding-top:20px;}
.ceo li p {font-size:14px;color:#666;line-height:26px;padding:15px 0;}
.ceo li h3 {padding:15px 0 30px 0;}

.history {position:relative;width:94%;margin:0 auto;}
.history .line {position:absolute;top:0;left:calc(50% - 1px);width:2px;background-color:black;height:100%;}
.history .box {position:relative;}
.history .box li {position:relative;text-align:right;margin-right:53%;padding:5px 0;}
.history .box li img {position:absolute;top:15px;right:-44px;}
.history .box li:nth-child(odd) {text-align:left;margin-right:auto;margin-left:53%;}
.history .box li:nth-child(odd) img {position:absolute;top:15px;right:auto;left:-44px;}
.history .box li h3 {font-family:'Teko';font-size:28px;letter-spacing:1px;font-weight:400;}
.history .box li p {font-size:14px;color:#666;padding-bottom:5px;}
.history .box li span {font-size:12px;color:#999;}

.map {position:relative;background-color:#f1f1f1;padding:300px 0;text-align:center;}
.maptext {position:relative;padding:70px 0;text-align:center;}
.maptext h4 {font-size:24px;font-weight:400;}
.maptext p {font-family:'Teko';font-size:18px;letter-spacing:1px;font-weight:400;padding-bottom:30px;}
.maptext p span {padding:0 10px;}
.maptext a {font-size:15px;background-color:#000;padding:16px 30px 15px 30px;border-radius:30px;color:white;}

.toelectcomm {position:relative;width:1200px;margin:0 auto;text-align:center;}
.toelectcomm .photo {border-radius:15px;}
.toelectcomm h1 {font-size:38px;font-weight:300;color:#125cab;padding-top:90px;}
.toelectcomm h2 {font-family:'Teko';font-size:35px;letter-spacing:1px;font-weight:300;color:#20afe5;}
.toelectcomm h2 b {font-weight:600;}
.toelectcomm .line {position:relative;width:60px;height:3px;background-color: #125cab;margin:65px auto;}
.toelectcomm h3 {font-size:24px;font-weight:400;}
.toelectcomm h4 {font-size:50px;font-weight:300;padding:20px 0 80px 0;}
.toelectcomm .icon {position:relative;width:100%;}
.toelectcomm .icon li {float:left;width:calc(16.666% - 12px);background-color:#edf9fd;border-radius:15px;text-align:center;margin-right:12px;padding:40px 0 30px 0;}
.toelectcomm .icon li:last-child {margin-right:0;}
.toelectcomm .icon li img {padding-bottom:20px;width:65px;}
.toelectcomm .icon li p {font-size:16px;line-height:20px;}

.toelectcomm .icon_harington li {background-color:#20afe5;color:white;}
.toelectcomm .icon_harington li img {filter:invert(100);width:85px;}


.toelectinfo {position:relative;background-color:#f1f1f1;padding:120px 0;text-align:center;}
.toelectinfo h1 {font-family:'Teko';font-size:45px;letter-spacing:1px;font-weight:500;color:#20afe5;}
.toelectinfo h2 {font-weight:500;line-height:22px;color:#666;padding-bottom:50px;}
.toelectinfo .box {position:relative;width:1200px;margin:0 auto;}
.toelectinfo .box li {float:left;background-color:white;border-radius:10px;padding:40px 0 35px 0;margin-right:10px;margin-bottom:10px;}
.toelectinfo .box li h3 {font-weight:500;color:#125cab;font-size:20px;padding-bottom:5px;}
.toelectinfo .box li p {font-size:13px;color:#999;}

.toelectinfo .box6 li {width:calc(33.333% - 7px);}
.toelectinfo .box6 li:nth-child(3n) {margin-right:0;}
.toelectinfo .box8 li {width:calc(25% - 10px);}
.toelectinfo .box8 li:nth-child(4n) {margin-right:0;}

.toelectinfo .photo {position:relative;padding-bottom:120px;}
.toelectinfo .photo img {border-radius:15px;}
.toelectinfo .photo .ph01 {margin-bottom:24px;}
.toelectinfo .photo .ph02 {margin-right:10px;}
.toelectinfo .photo .ph03 {margin-left:10px;}

.toelectrelease {position:relative;text-align:center;padding:120px 0;}
.toelectrelease h1 {font-family:'Teko';font-size:45px;letter-spacing:1px;font-weight:500;color:#125cab;}
.toelectrelease p {line-height:20px;}

.prometo {position:relative;width:1200px;margin:0 auto;text-align:center;}
.prometo .photo {border-radius:15px;}
.prometo h1 {font-size:38px;font-weight:300;color:#ab1212;padding-top:90px;}
.prometo h2 {font-family:'Teko';font-size:35px;letter-spacing:1px;font-weight:500;color:#e52020;}
.prometo .line {position:relative;width:60px;height:3px;background-color: #e52020;margin:65px auto;}
.prometo p {font-size:15px;font-weight:400;line-height:36px;padding-bottom:75px;}

.prometo .icon {position:relative;width:100%;padding:75px 0;border-top:dashed 1px #e5e5e5;}
.prometo .icon li {float:left;width:calc(25% - 1px);border-right:dashed 1px #e5e5e5;}
.prometo .icon li:last-child {border-right:0;}
.prometo .icon li h3 {font-family:'Teko';font-size:25px;letter-spacing:1px;font-weight:500;}
.prometo .icon li p {font-size:13px;line-height:20px;color:#999;padding:0;}
.prometo .des {position:relative;clear:both;padding:50px 0 0 0;font-size:13px;}

.vone_howto {position:relative;padding:120px 0;text-align:center;}
.vone_howto h1 {font-family:'Teko';font-size:45px;letter-spacing:1px;font-weight:500;color:#20afe5;padding-bottom:35px;}
.vone_howto .box {position:relative;width:50%;margin:0 auto;}
.vone_howto .box li {float:left;width:33.333%;}
.vone_howto .box li p {font-family:'Teko';font-size:22px;letter-spacing:1px;font-weight:400;color:#125baa;padding:20px 0 2px 0;}
.vone_howto .box li span {font-size:13px;color:#999;}

.vone_package {position:relative;padding:120px 0;text-align:center;background-color:#edf9fd;}
.vone_package h1 {font-family:'Teko';font-size:45px;letter-spacing:1px;font-weight:500;color:#20afe5;padding-bottom:35px;}
.vone_package img {padding:0 0 50px 0;border-radius:15px;}
.vone_package span {padding:0 10px;font-weight:500;font-size:14px;}

.vone_detail {position:relative;padding:120px 0;text-align:center;}
.vone_detail h1 {font-family:'Teko';font-size:45px;letter-spacing:1px;font-weight:500;color:#20afe5;padding-bottom:35px;}
.vone_detail span {font-size:13px;color:#999;line-height:24px;}

.vone_certi {position:relative;padding:120px 0;text-align:center;background-color:#f1f1f1;}
.vone_certi h1 {font-family:'Teko';font-size:45px;letter-spacing:1px;font-weight:500;color:#20afe5;}
.vone_certi h2 {font-size:18px;font-weight:400;padding:0 0 50px 0}
.vone_certi .box {position:relative;width:1200px;background-color:white;border-radius:15px;margin:0 auto;padding:70px 0 50px 0;}
.vone_certi .box p {padding-bottom:13px;font-size:13px;color:#333;}
.vone_certi .box2 {position:relative;width:1200px;margin:0 auto;padding:70px 0 50px 0;}
.vone_certi .box2 li {float:left;width:calc(16.66% - 21px);border-right:dashed 1px #dadada;padding:0 10px;}
.vone_certi .box2 li:last-child {border-right:0;}
.vone_certi .box2 li p {font-size:24px;color:#20afe5;padding-bottom:5px;}
.vone_certi .box2 li span {font-size:13px;color:#999;line-height:20px;}

.vone_still {position:relative;padding:120px 0;text-align:center;background-color:#edf9fd;}
.vone_still h1 {font-family:'Teko';font-size:45px;letter-spacing:1px;font-weight:500;color:#20afe5;padding-bottom:35px;}
.vone_still .box {position:relative;width:1200px;margin:0 auto;}
.vone_still .box img {border-radius:10px;margin:0.5%;width:32%;}

.vone_btn {position:relative;padding:80px 0;text-align:center;}
.vone_btn a {color:white;background-color:#000;padding:17px 34px 17px 28px;border-radius:30px;}
.vone_btn a img {padding:0 10px 2px 0;}
.vone_btn a:hover {background-color:#f1f1f1;color:#000;}
.vone_btn a:hover img {filter:invert(100);}

.certi {position:relative;width:100%;padding:100px 0;clear:both;}
.certi h3 {font-size:22px;font-weight:500;padding:0 0 40px 20px;width:1200px;margin:0 auto;}
.certi .box {position:relative;width:1200px;margin:0 auto;}
.certi .box li {float:left;width:calc(20% - 2px);padding-bottom:25px;text-align:center;}
.certi .box li img {width:90%;border:solid 1px #e5e5e5;border-radius:5px;}
.certi .box li p {font-size:13px;color:#666;padding:20px 0 0 0;}
.certi .box li span {font-size:12px;color:#999;}
.certi2 {background-color:#f9f9f9;}

.member_org {position:relative;margin:0 auto;text-align:center;padding-bottom:120px;}
.member_org .logo {width:170px;}
.member_org h2 {font-size:30px;padding:30px 0 5px 0;font-weight:300;}
.member_org p {color:#999;padding-bottom:50px;}

.member_men {position:relative;background-color:#f9f9f9;padding:120px 0;text-align:center;}
.member_men h2 {font-family:'Teko';font-size:35px;letter-spacing:1px;font-weight:600;padding-bottom:30px;}
.member_men .box {position:relative;width:1000px;margin:0 auto;}
.member_men .box li {float:left;width:calc(33.33% - 30px);padding:0 15px;}
.member_men .box li img {width:60%;border-radius:300px;border:solid 1px #e5e5e5;opacity:0.8;}
.member_men .box li h3 {font-size:17px;font-weight:600;padding:25px 0 20px 0;}
.member_men .box li p {font-size:13px;padding-bottom:7px;color:#666;}

.straphoto {position:relative;text-align:center;}
.straphoto li:first-child {padding-bottom:80px;}
.straphoto li img {border-radius:15px;}
.straphoto li h4 {font-size:22px;padding:40px 0 15px 0;line-height:30px;font-weight:500;}
.straphoto li p {font-size:15px;color:#666;line-height:24px;}

.staico {position:relative;padding:120px 0;background-color:#f9f9f9;text-align:center;}
.staico h2 {font-size:24px;padding-bottom:40px;font-weight:500;}
.staico .box {position:relative;width:1200px;margin:0 auto;}
.staico .box li {float:left;width:calc(21% - 1px);border-right:dashed 1px #e5e5e5;padding:0 2%;}
.staico .box li p {font-family:'Teko';font-size:30px;letter-spacing:1px;font-weight:600;padding:15px 0 5px 0;}
.staico .box li span {font-size:13px;color:#666;line-height:20px;}

.stracore {position:relative;padding:120px 0;text-align:center;}
.stracore h2 {font-family:'Teko';font-size:40px;letter-spacing:1px;font-weight:500;padding-bottom:35px;}
.stracore .box {position:relative;width:1200px;margin:0 auto;}
.stracore .box li {float:left;width:31.333;padding:0 1%;}
.stracore .box li img {border-radius:10px;}
.stracore .box li h5 {font-size:24px;font-weight:500;padding:35px 0 15px 0;}
.stracore .box li p {font-size:13px;color:#666;line-height:20px;}

.press_sum {position:relative;width:80%;margin:0 auto;padding-bottom:10px;font-family:'Teko';font-size:20px;font-weight:300;text-align:right;}
.press_sum span {margin-right:20px;}
.press {position:relative;width:80%;margin:0 auto;border-bottom:solid 1px #e5e5e5;padding-top:15px;}
.press li {position:relative;padding:40px 30px 35px 30px;border-top:solid 1px #e5e5e5;}
.press li a {display:block;}
.press li .arrow {position:absolute;top:40px;right:30px;opacity:0.3;}
.press li p {font-size:18px;font-weight:500;padding-bottom:2px;}
.press li span {font-size:12px;opacity:0.6;}
.press .detail {background-color:#f7f7f7;font-size:14px;line-height:26px;display:none;}
.press .detail img {width:80%;display:block;padding:30px 0;}
.press .detail p {font-size:13px;font-weight:600;opacity:0.5;}
.press .none {text-align:center;background-color:#F8f8f8;padding:75px 0;line-height:26px;}

.nara {position:relative;width:100%;text-align:center;background-color:#e0f5fd;}
.nara .info {width:100%;max-width:800px;}
.nara .info2 {width:100%;max-width:400px;border:solid 10px #115cab;}
.nara .baro {font-size:18px;background-color:#000;color:white;padding:19px 30px 15px 30px;border-radius:30px;}
.nara .baro:hover {background-color:#125baa;}
.nara .naramap {width:90%;margin-top:50px;}
.nara p {padding:30px 0 100px 0;font-size:15px;}



/* =========================================================================================== */
@media only screen and (max-width:1200px) { 
/* comm */
.clear70 {position:relative;clear:both;height:50px;}
.clear100 {position:relative;clear:both;height:70px;}
.clear120 {position:relative;clear:both;height:100px;}

.gnb {height:80px;}
.gnb .logo {top:22px;left:40px;}
.gnb .logo img {width:35px}
.gnb .menu {margin:26px 0 0 110px;}
.gnb .menu li {margin-right:22px;}
.gnb .menu li .now, .gnb .menu li a:hover {text-underline-offset:10px;}

.gnb .lan {top:28px;right:30px;}
.gnb .lan a {font-size:18px;margin-left:10px;}

.gnb_fixed .logo {top:22px;left:40px;}
.gnb_fixed .logo img {width:35px;}

.gnb .select {top:25px;right:30px;}

.sbmenu {top:65px;}
.sbmenu .list {padding:7px 15px 12px 15px;display:none;}
.sbmenu .sbme1 {margin-left:95px;}
.sbmenu .sbme2 {margin-left:190px;}
.sbmenu .sbme3 {margin-left:257px;}
.sbmenu .sbme4 {margin-left:322px;}
.sbmenu .sbme5 {margin-left:392px;}
.sbmenu .sbme6 {margin-left:452px;}

.mavisual .mainvi .text {top:50%;margin-top:-100px;}
.mavisual .mainvi .text h1 {font-size:100px;line-height:100px;}
.mavisual .mainvi .text h2 {font-size:45px;}
.mavisual .mainvi .text p {font-size:14px;}

.mainfo {width:auto;padding:50px 20px;}
.mainfo li:last-child {padding-left:20px;width:calc(50% - 21px);}
.mainfo li a {padding:10px 20px 3px 0;}

.mapro {width:auto;padding:100px 0;}
.mapro .maprobox {width:auto;padding:30px 30px 60px 30px;margin:0 20px;}
.mapro .maprobox .tab {padding-bottom:25px;border-bottom:solid 1px #e5e5e5;}
.mapro .maprobox .tab a {font-size:17px;letter-spacing:0;padding:0 15px;}
.mapro .maprobox .tab a:hover,.mapro .maprobox .tab .on {padding:10px 15px 7px 15px;}
.mapro .maprobox .conbox {padding-top:35px;}
.mapro .maprobox .conbox .photo {top:35px;width:100%;height:335px;}
.mapro .maprobox .conbox .photo img {width:300px;}
.mapro .maprobox .conbox .photo .swiper-slide {width:300px;}
.mapro .maprobox .conbox .text {padding:370px 0 0 0;text-align:center;}
.mapro .maprobox .conbox .text h3 br {display:none;}
.mapro .maprobox .conbox .text p {padding-bottom:25px;}

.maconc {width:auto;padding:80px 0;}
.maconc img {top:80px;left:30px;width:130px;}
.maconc h3 {padding:0px 0 0 200px;}
.maconc h2 {padding:5px 30px 7px 200px;}
.maconc p {padding:0 30px 0 200px;}

.macerti {padding:100px 0;}
.macerti .certibox {width:100%;}

.maphoto {padding:100px 0;}

.macont {width:auto;padding:50px 30px;margin:0 auto;}
.macont li {position:relative;width:100%;background-color:#f8f8f8;border-radius:15px;}
.macont li:last-child {margin-left:0;width:100%;margin-top:20px}
.macont li img {left:auto;top:0;right:0;z-index:0;width:480px;}
.macont li h4 {padding:50px 0 0 40px;}
.macont li h3 {padding:20px 0 5px 40px;}
.macont li p {padding:0 0 25px 40px;z-index:100;}
.macont li a {margin-left:40px;margin-bottom:40px;}

.malink {width:auto;padding:50px 20px;}
.malink li {width:calc(33% - 50px);padding:30px 20px;}
.malink li h2 {padding:5px 0 5px 0;}

.footer .menu {width:auto;padding:17px 30px 15px 30px;}
.footer .copy {width:auto;padding:40px 0 40px 120px;}
.footer .copy .logo {top:40px;left:30px;width:55px;}
.footer .copy br {display:none;}
.footer .copy span {margin-right:15px;}

/* SUb Comm */
.subtitle {padding-top:170px;}
.subtitle .line {margin:35px auto;}

.warp {width:auto;padding:70px 20px;}
.warp2 {width:auto;padding:70px 20px;}
.warp3 {width:auto;padding:0 20px 100px 20px;}

.story {position:relative;text-align:center;}
.story li .line {width:3px;}
.story li img {width:90%;}

.ceo li:last-child {width:calc(58% - 30px);padding-left:30px;}
.ceo li .photo {width:100%;}
.ceo li h2 {padding-top:10px;}

.history {width:100%;}
.history .box li {margin-right:50%;padding:5px 25px 5px 0;}
.history .box li img {top:15px;right:auto;left:100%;margin-left:-10px;}
.history .box li:nth-child(odd) {margin-right:auto;margin-left:50%;text-align:left;padding:5px 0 5px 25px;}
.history .box li:nth-child(odd) img {top:15px;left:0;}

.toelectcomm {width:auto;}
.toelectcomm .photo {width:100%;}
.toelectcomm h1 {font-size:30px;padding-top:70px;}
.toelectcomm h2 {font-size:30px;}
.toelectcomm .line {margin:45px auto;}
.toelectcomm h3 {font-size:20px;}
.toelectcomm h4 {font-size:42px;padding:10px 0 50px 0;}

.toelectinfo {padding:10px 20px;}
.toelectinfo h1 {padding-top:80px;}
.toelectinfo .box {width:auto;}
.toelectinfo .box li {padding:30px 10px 25px 10px;margin-right:10px;margin-bottom:10px;}
.toelectinfo .box li h3 {font-size:17px;}

.toelectinfo .box6 li {width:calc(50% - 25px);}
.toelectinfo .box6 li:nth-child(3n) {margin-right:10px;}
.toelectinfo .box6 li:nth-child(2n) {margin-right:0;}
.toelectinfo .box8 li {width:calc(50% - 25px);}
.toelectinfo .box8 li:nth-child(4n) {margin-right:10px;}
.toelectinfo .box8 li:nth-child(2n) {margin-right:0;}

.toelectinfo .photo {padding:20px 10px 0px 10px;}
.toelectinfo .photo .ph01 {margin-bottom:10px;width:100%;}
.toelectinfo .photo .ph02 {width:calc(50% - 10px);margin:0 5px 0 0;}
.toelectinfo .photo .ph03 {width:calc(50% - 10px);margin:0 0 0 5px;}

.toelectrelease {padding:90px 0;}

.prometo {width:auto;}
.prometo .photo {width:100%;}
.prometo h1 {font-size:30px;padding-top:70px;}
.prometo h2 {font-size:30px;}
.prometo .line {margin:45px auto;}
.prometo p {line-height:26px;padding-bottom:50px;}

.prometo .icon li {width:calc(25% - 31px);padding:20px 15px 0 15px;}
.prometo .icon li p {line-height:18px;}

.vone_howto {padding:100px 20px;}
.vone_howto .box {width:100%;}
.vone_howto .box li img {width:90%;}

.vone_package {padding:100px 0;}
.vone_package img {width:92%;}
.vone_package span {padding:0 10px;font-weight:500;font-size:14px;}

.vone_detail {padding:100px 0px;}
.vone_detail .photo {width:100%;padding-bottom:20px;}

.vone_certi {padding:100px 20px 70px 20px;}
.vone_certi h2 {font-size:15px;}
.vone_certi .box {width:auto;}
.vone_certi .box .photo2 {width:100%;}
.vone_certi .box2 {width:auto;padding:50px 0 0 0;}
.vone_certi .box2 li {width:calc(33.33% - 41px);padding:0 20px;min-height:90px;margin-bottom:20px;}
.vone_certi .box2 li:nth-child(3n) {border-right:0;}
.vone_certi .box2 li p {font-size:20px;}
.vone_certi .box2 li span {line-height:16px;}
.vone_certi .box2 li span br {display:none;}

.vone_still {padding:100px 20px;}
.vone_still .box {width:auto;}

.vone_btn {padding:50px 0;}

.certi {width:auto;padding:70px 20px 50px 20px;}
.certi h3 {font-size:20px;padding:0 0 30px 10px;width:auto;}
.certi .box {width:auto;}

.member_org {padding-bottom:100px;}

.member_men {padding:100px 20px;}
.member_men .box {width:auto;}
.member_men .box li {position:relative;width:auto;padding:25px 0 25px 220px;text-align:left;min-height:150px;}
.member_men .box li img {width:150px;position:absolute;top:25px;left:20px;}
.member_men .box li h3 {padding:20px 0 10px 0;display:block;}
.member_men .box li p {display:inline;padding-right:10px;line-height:24px;}
.member_men .box li p br {display:none;}

.straphoto li img {width:100%;}
.straphoto li h4 {font-size:20px;padding:35px 0 10px 0;line-height:26px;}
.straphoto li p {font-size:13px;line-height:20px;}

.staico {padding:100px 0;}
.staico .box {width:auto;}
.staico .box li p {font-size:26px;}
.staico .box li img {width:45%;}

.stracore {padding:100px 0;}
.stracore .box {width:auto;}
.stracore .box li {float:left;width:calc(33.33% - 10px);padding:0 5px;}
.stracore .box li img {width:100%;}
.stracore .box li p br {display:none;}

.press_sum {width:auto;}
.press {width:auto;}
.press li {padding:35px 15px 25px 15px;}
.press li .arrow {right:0;}
.press .detail {font-size:13px;line-height:24px;}

.nara .naramap {width:96%;}



}


/* =========================================================================================== */
@media only screen and (max-width:767px) {

.clear70 {height:30px;}
.clear100 {height:50px;}
.clear120 {height:70px;}

.gnb {height:60px;}
.gnb .logo {top:11px;left:15px;}
.gnb .logo img {width:125px}
.gnb .menu {display:none;}
.gnb .lan {display:none;}
.gnb .select {display:none;}

.gnb .ham {display:block;position:absolute;top:19px;right:20px;}
.gnb .ham img {width:22px;}
.gnb_fixed .ham img {filter:invert(100);}

.momenuback {position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000;opacity:0.3;z-index:200;display:none;}
.momenu {position:fixed;top:0;left:0;width:70%;height:100%;background-color:#FFF;z-index:201;padding:0 20px;display:none;}
.momenu .close {position:absolute;right:20px;top:25px;}
.momenu .logo {width:40px;padding:15px 0 15px 0;}
.momenu .box ul {border-top:dashed 1px #e5e5e5;clear:both;}
.momenu .box li {font-family:'Teko';font-size:16px;letter-spacing:1px;font-weight:300;line-height:19px;padding:1.5px 0;float:left;width:50%;}
.momenu .box li:first-child {font-size:18px;font-weight:600;padding:15px 0 2px 0;width:100%;}
.momenu .box li:last-child {padding-bottom:7px;}
.momenu .molan {font-family:'Teko';font-size:19px;letter-spacing:1px;font-weight:300;position:absolute;left:25px;bottom:15px;}
.momenu .molan a {padding-right:10px;}
.momenu .molan .now {font-weight:500;}
.momenu .moselect {position:absolute;bottom:20px;left:20px;}
.momenu .moselect select {background-color:#f2f2f2;font-size:17px;padding:5px 10px 3px 10px;border-radius:3px;width:200px;margin:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;font-family:'Teko';}

.mavisual .mainvi .text {top:50%;margin-top:-80px;}
.mavisual .mainvi .text h1 {font-size:68px;line-height:60px;}
.mavisual .mainvi .text h2 {font-size:24px;}
.mavisual .mainvi .text h2 br {display:block;}
.mavisual .mainvi .text p {font-size:12px;padding:5px 10% 0 10%;}
.mavisual .mainvi .text p br {display:none;}
.mavisual .swiper-button-prev, .mavisual .swiper-container-rtl .swiper-button-next {left:10px;background-position: 1px -90px;}
.mavisual .swiper-button-next, .mavisual .swiper-container-rtl .swiper-button-prev {right:0px;background-position: -55px -90px;}

.mainfo {width:auto;padding:45px 10px 0px 10px;}
.mainfo li {width:100%;border:0;padding-bottom:20px;}
.mainfo li:last-child {padding-left:0;width:100%;border:0;}
.mainfo li p {font-size:15px;}
.mainfo li a {padding:2px 20px 3px 0;font-size:15px;}
.mainfo li span {font-size:11px;}

.mapro {padding:50px 0 30px 0;}
.mapro h1 {font-size:30px;padding-bottom:20px;}
.mapro .maprobox {padding:20px 10px 30px 10px;margin:0 10px;}
.mapro .maprobox .tab {padding-bottom:20px;overflow-x:auto;white-space:nowrap;}
.mapro .maprobox .tab a {font-size:18px;padding:0 10px;}
.mapro .maprobox .tab a:hover,.mapro .maprobox .tab .on {padding:7px 20px 4px 20px;}
.mapro .maprobox .conbox {padding-top:25px;}
.mapro .maprobox .conbox .photo {top:25px;width:100%;height:230px;}
.mapro .maprobox .conbox .photo img {width:200px;}
.mapro .maprobox .conbox .photo .swiper-slide {width:200px;}
.mapro .maprobox .conbox .text {padding:250px 0 0 0;}
.mapro .maprobox .conbox .text h3 {font-size:20px;padding:15px 0 10px 0;}
.mapro .maprobox .conbox .text p {padding-bottom:25px;line-height:18px;}
.mapro .swiper-button-prev, .mapro .swiper-container-rtl .swiper-button-next {left:5px;}
.mapro .swiper-button-next, .mapro .swiper-container-rtl .swiper-button-prev {right:-5px;}

.maconc {width:auto;padding:50px 0;text-align:center;}
.maconc img {position:relative;top:0;left:auto;width:100px;}
.maconc h3 {padding:15px 20px 0 20px;}
.maconc h2 {padding:10px 20px 0 20px;font-size:24px;}
.maconc p {padding:5px 20px 0 20px;}

.macerti {padding:50px 0;}
.macerti h2 {font-size:30px;padding-bottom:20px;}
.macerti .certibox img {width:120px;}
.macerti .certibox .swiper-slide {width:120px;}
.macerti .swiper-button-prev, .macerti .swiper-container-rtl .swiper-button-next {left:10px;background-position: 1px 10px;}
.macerti .swiper-button-next, .macerti .swiper-container-rtl .swiper-button-prev {right:0px;background-position: -55px 10px;}

.maphoto {padding:50px 0;}
.maphoto h2 {font-size:30px;padding-bottom:20px;}
.maphoto .photobox {height:260px;}
.maphoto .photobox .swiper-slide {width:280px;}
.maphoto img {width:280px;}

.macont {padding:20px 0px;}
.macont li {border-radius:0px;}
.macont li:last-child {margin-top:10px}
.macont li img {display:none;left:auto;top:auto;bottom:0;right:0;z-index:0;width:200px;border-radius:0;}
.macont li h4 {padding:25px 0 0 20px;font-size:15px;}
.macont li h3 {padding:7px 0 2px 20px;font-size:22px;}
.macont li p {padding:0 20px 15px 20px;z-index:100;font-size:12px;line-height:18px;color:#999;}
.macont li p br {display:none;}
.macont li a {margin-left:20px;margin-bottom:30px;padding:9px 15px 7px 15px;font-size:12px;}


.malink {padding:20px 10px;}
.malink li {width:auto;border-radius:5px;padding:20px 15px;margin-right:0;margin-bottom:5px;}
.malink li h2 {font-size:18px;padding:10px 0 5px 0;}
.malink li p {font-size:13px;padding-bottom:10px;}

.footer .menu {padding:14px 20px 12px 20px;}
.footer .menu a {margin-right:10px;font-size:15px;}
.footer .copy {padding:30px 20px 30px 100px;}
.footer .copy .logo {top:30px;left:20px;width:50px;}
.footer .copy h3 {font-size:14px;}
.footer .copy span {font-size:11px;margin-right:10px;}
.footer .copy p {font-size:15px;letter-spacing:0px;padding-top:10px;}


/* SUb Comm */
.subtitle {padding-top:110px;}
.subtitle h1 {font-size:35px;line-height:35px;}
.subtitle p {font-size:12px;}
.subtitle .line {margin:20px auto;height:2px;}
.subtitle .submenu {padding:0 20px 30px 20px;white-space:nowrap;overflow-x:auto;}
.subtitle .submenu a {font-size:18px;letter-spacing:1px;font-weight:400;margin:0 5px;}

.warp {width:auto;padding:50px 10px;}
.warp2 {width:auto;padding:50px 10px;}
.warp3 {width:auto;padding:0 10px 50px 10px;}

.story li h3 {font-size:20px;padding:30px 25px 7px 25px;}
.story li p {font-size:13px;line-height:20px;padding:0 25px;}
.story li .line {width:2px;padding:20px 0 35px 0;}
.story li .logo {width:80px;}
.story li h4 {font-size:24px;line-height:22px;padding-top:15px;}
.story li span {font-size:13px;}
.story li img {width:100%;}
.ceo li h2 {font-size:17px;line-height:24px;padding-top:35px;}
.ceo li p {font-size:13px;line-height:22px;padding:10px 0;}
.ceo li h3 {padding:15px 0 20px 0;}

.ceo li {width:100%;}
.ceo li:last-child {width:100%;padding-left:0px;}
.ceo li h2 {padding-top:20px;}

.history .line {top:0;left:10px;}
.history .box li {text-align:left;margin-right:0;padding:5px 0 10px 32px;}
.history .box li img {right:auto;left:13px;width:16px;}
.history .box li:nth-child(odd) {margin-left:0;padding:5px 0 10px 32px;}
.history .box li:nth-child(odd) img {right:auto;left:13px;width:16px;}
.history .box li h3 {font-size:26px;}
.history .box li p {font-size:13px;line-height:18px;padding-bottom:0;}
.history .box li span {font-size:11px;}

.map {padding:170px 0;}
.maptext {padding:30px 0;}
.maptext h4 {font-size:18px;padding-bottom:10px;}
.maptext p {font-size:17px;line-height:20px;}
.maptext p span {padding:0 5px;}
.maptext a {font-size:13px;padding:14px 25px 11px 25px;}


.toelectcomm {width:auto;}
.toelectcomm .photo {width:100%;border-radius:5px;}
.toelectcomm h1 {font-size:24px;padding-top:30px;}
.toelectcomm h2 {font-size:21px;}
.toelectcomm .line {margin:35px auto 40px auto;}
.toelectcomm h3 {font-size:17px;}
.toelectcomm h4 {font-size:30px;padding:10px 0 50px 0;}
.toelectcomm .icon li {width:calc(33.33% - 4px);margin-right:5px;padding:15px 0 15px 0;margin-bottom:5px;}
.toelectcomm .icon li:nth-child(3n) {margin-right:0;}
.toelectcomm .icon li img {padding-bottom:5px;width:50%;}
.toelectcomm .icon li p {font-size:14px;line-height:18px;}

.toelectinfo {padding:10px;}
.toelectinfo h1 {padding-top:50px;font-size:30px;}
.toelectinfo h2 {font-size:13px;line-height:22px;}
.toelectinfo h2 br {display:none;}
.toelectinfo .box li {padding:20px 10px 20px 10px;margin-bottom:5px;}
.toelectinfo .box li h3 {font-size:17px;}
.toelectinfo .box li p {font-size:12px;}
.toelectinfo .box li p br {display:none;}

.toelectinfo .box6 li {width:calc(100% - 20px);}
.toelectinfo .box6 li:nth-child(3n) {margin-right:0px;}
.toelectinfo .box8 li {width:calc(100% - 20px);}
.toelectinfo .box8 li:nth-child(4n) {margin-right:0;}

.toelectinfo .photo {padding:0;}
.toelectinfo .photo .ph01 {margin-bottom:10px;width:100%;border-radius:5px;}
.toelectinfo .photo .ph02 {width:calc(50% - 5px);margin:0 5px 0 0;border-radius:5px;}
.toelectinfo .photo .ph03 {width:calc(50% - 5px);margin:0 0 0 0;border-radius:5px;}

.toelectrelease {padding:50px 0;}
.toelectrelease h1 {font-size:33px;}
.toelectrelease p {line-height:13px;line-height:20px;font-size:13px}

.prometo {width:auto;}
.prometo .photo {width:100%;border-radius:5px;}
.prometo h1 {font-size:28px;padding-top:40px;}
.prometo h2 {font-size:21px;}
.prometo .line {margin:15px auto 25px auto;}
.prometo p {font-size:12px;line-height:16px;padding-bottom:35px;color:#999;}
.prometo p br {display:none;}

.prometo .icon {padding-top:10px;}
.prometo .icon li {width:calc(50% - 25px);padding:10px 10px;margin-right:10px;border-right:0;border-bottom:dashed 1px #e5e5e5;height:80px;}
.prometo .icon li:nth-child(even) {margin-right:0;}
.prometo .icon li h3 {font-size:20px;}
.prometo .icon li p {line-height:15px;padding-bottom:0;}

.vone_howto {padding:50px 0px;}
.vone_howto h1 {font-size:35px;padding-bottom:20px;}
.vone_howto .box {width:100%;}
.vone_howto .box li img {width:90%;}
.vone_howto .box li span br {display:none;}

.vone_package {padding:50px 10px;}
.vone_package h1 {font-size:35px;padding-bottom:20px;}
.vone_package img {width:100%;padding:0;margin-bottom:20px;}
.vone_package span {padding:0 5px;font-weight:500;font-size:13px;}

.vone_detail {padding:50px 0px;}
.vone_detail h1 {font-size:30px;padding-bottom:20px;}
.vone_detail .photo {width:100%;padding-bottom:20px;}
.vone_detail span {line-height:20px;}

.vone_certi {padding:50px 10px 30px 10px;}
.vone_certi h1 {font-size:30px;padding-bottom:0px;}
.vone_certi h2 {font-size:13px;padding-bottom:25px;}
.vone_certi .box {padding:25px 10px;}
.vone_certi .box img {width:100%;padding-bottom:15px;}
.vone_certi .box2 li {width:calc(50% - 21px);padding:0 10px;margin-bottom:15px;}
.vone_certi .box2 li:nth-child(2n) {border-right:0;}
.vone_certi .box2 li:nth-child(3n) {border-right:dashed 1px #e5e5e5;}
.vone_certi .box2 li p {font-size:18px;}

.vone_still {padding:50px 10px;}
.vone_still h1 {font-size:30px;padding-bottom:20px;}
.vone_still .box {width:auto;}
.vone_still .box img {border-radius:5px;margin:0;width:calc(50% - 3px);margin-bottom:5px;}

.vone_btn {padding:50px 0;}
.vone_btn a {font-size:13px;padding:14px 34px 12px 28px;border-radius:30px;}
.vone_btn a img {padding:0 5px 2px 0;width:13px;}

.certi {padding:40px 10px 20px 10px;}
.certi h3 {font-size:17px;padding:0 0 20px 0;text-align:center;}
.certi .box li {width:calc(33% - 2px);padding-bottom:25px;text-align:center;}
.certi .box li p {padding:10px 0 0 0;}
.certi .box li span {display:none;}

.member_org {padding-bottom:50px;}
.member_org .logo {width:100px;}
.member_org h2 {font-size:22px;padding:15px 0 5px 0;}
.member_org p {font-size:13px;padding-bottom:30px;}
.member_org img {width:80%;}

.member_men {padding:50px 20px;}
.member_men h2 {font-size:30px;padding-bottom:0px;}
.member_men .box li {padding:25px 0;min-height:auto;text-align:center;}
.member_men .box li img {width:150px;position:relative;top:auto;left:auto;}
.member_men .box li h3 {padding:20px 0 10px 0;display:block;}
.member_men .box li p {padding-right:7px;line-height:21px;}

.straphoto li h4 {font-size:17px;padding:25px 0 10px 0;line-height:24px;}
.straphoto li p {font-size:13px;line-height:20px;}
.straphoto li p br {display:none;}

.staico {padding:50px 0;}
.staico .box li {width:calc(46% - 2px);padding:0 2%;margin-bottom:30px;}
.staico .box li:nth-child(even) {border-right:0;}
.staico .box li p {font-size:22px;}
.staico .box li img {width:45%;}

.stracore {padding:50px 0;}
.staico h2 {font-size:18px;padding:0 25px 20px 25px;}

.stracore h2 {font-size:30px;padding-bottom:15px;}
.stracore .box li {width:100%;padding:0 0 25px 0;}
.stracore .box li:last-child {padding:0;}
.stracore .box li img {width:90%;}
.stracore .box li h5 {font-size:20px;padding:25px 0 10px 0;}
.stracore .box li p {padding:0 20px;}

.press_sum {width:100%;padding-bottom:0px;font-size:17px;}
.press_sum span {margin-right:10px;}
.press li {padding:20px 35px 20px 0px;}
.press li p {font-size:14px;line-height:20px;}
.press li .arrow {right:0;}
.press .detail {font-size:13px;line-height:24px;padding:20px 10px;}
.press .detail p {font-size:12px;font-weight:400;}
.press .none {padding:70px 30px;line-height:20px;font-size:13px;}


.naratitle h1 {font-size:24px;}
.nara .info2 {width:80%;border:solid 5px #115cab;}
.nara .baro {font-size:15px;padding:15px 30px 12px 30px;}
.nara .naramap {width:95%;margin-top:30px;}
.nara p {padding:20px 20px 50px 20px;font-size:13px;}






}