@charset "utf-8";


@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);
@font-face { font-family: 'NanumGothic';
src: url('/res/fonts/NanumGothic.eot');
src: url('/res/fonts/NanumGothic.eot') format('embedded-opentype'),
url('/res/fonts/NanumGothic.woff') format('woff');}

@font-face {
    font-family: 'paybooc-Medium';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-07@1.0/paybooc-Medium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

body {font-size: 12px;font-family: 'Noto Sans KR';margin: 0px;padding: 0px;}
#wrap {min-width:340px;width:100%; margin:0 auto; position:relative; overflow:hidden;}
/*#wrap {width:1428px; margin: 0px;padding: 0px;}*/

/***** common *****/
.sectionbox{position:relative;min-height:400px;height:auto; background:#fff;}
.sectionbox:after {content:""; display:block; clear:both;}
/*.sectionbox img {max-width: 1428px;}
.sectionbox .btn {display: inline-block; width:  470px;position: relative;top: -280px;left: 174px;}
.sectionbox .btn img {width: 230px;}*/



.main {background-color: #dcdcdc; position: relative;}
.main .subwrap {width: 1428px;margin: 0px auto;position: relative;}
.main .subwrap img {max-width: 1428px;}
.main .subwrap .btn {display: inline-block; width:  470px;position: relative;top: -280px;left: 174px;}
/*.main .subwrap .btn {display: inline-block; width:  470px;text-align: center;}*/
.main .subwrap .btn img {width: 230px;}
.main .subwrap .btn .wp_en {display: none;}

.main .subwrap .lang {width: 100%;margin: 0px auto;padding: 0px 170px 0px 100px;box-sizing: border-box;text-align: right;position: absolute;top: 10px;z-index: 100;}
.lang ul li {list-style:none;height: 20px;margin-right: 10px !important;padding-right: 10px;border-right:2px solid #582b14;display: inline;}
.lang ul li:last-child {margin-right: 0px;border-right: none;}
.lang ul li a {font-size: 1.2em;color: #582b14;text-decoration: none;}


/*about*/
/*.about {padding: 140px 172px 170px 172px;height: 880px;box-sizing: border-box;}*/
.about {width: 100%;}
.about .subwrap {width: 1428px;margin: 0px auto;padding: 120px 172px 170px 172px;height: 880px;box-sizing: border-box;}
.about .subwrap .section_l{float:left; width:49%;position:relative;margin:0px 0 0 0;}
.about .subwrap .section_r{float:right; width:49%;position:relative;margin:0px 0 0 0;}

/*.about img {}*/
.about .title_m {font-size: 4.18em;color: #30b6cc;display: inline-block;}
.about h3 {font-size: 5.855em;color: #30b6cc;padding: 0px;margin: 0px; margin-bottom: 64px;}
.about .cont {font-size: 1.84em;color: #4d4d4d;display: block;line-height: 1.5;overflow:hidden;word-break: keep-all;}
.about .mt_cont {height: 43px;}

/*.benefits {height: 882px;background: #30b6cc;padding: 100px 172px 100px 172px;box-sizing: border-box;}*/
.benefits {width: 100%;background: #30b6cc;}
.benefits .subwrap {width: 1428px;margin: 0px auto;height: 882px;padding: 100px 172px 100px 172px;box-sizing: border-box;}

.benefits .section_1{float:left; width:33%;position:relative;margin:0px 5px 0 0;box-sizing: border-box;text-align: center;}
.benefits .section_2{float:left; width:33%;position:relative;margin:0px 5px 0 0;box-sizing: border-box;text-align: center;}
.benefits .section_3{float:right; width:33%;position:relative;margin:0px 0 0 0;box-sizing: border-box;text-align: center;}

.benefits h3 {font-size: 5.855em;color: #ffffff;padding: 0px;margin: 0px;}
.benefits .title_m {font-size: 4.18em;color: #ffffff;display: block; margin-bottom: 50px;}
.benefits h4 {font-size: 2.509em;color: #00426c;padding: 0px;margin: 28px 0px 24px 0px;}
.benefits .cont {font-size: 1.673em;color: #00426c;display: block;line-height: 1.5;padding: 0px 15px;overflow:hidden;word-break: keep-all;}


/*.ecosystem {height: 880px;padding: 154px 172px 240px 172px;box-sizing: border-box;}*/
.ecosystem {width: 100%;}
.ecosystem .subwrap {width: 1428px;margin: 0px auto;height: 880px;padding: 154px 172px 240px 172px;box-sizing: border-box;}

.ecosystem .section_l{float:left; width:58%;position:relative;margin:0px 0 0 0;}
.ecosystem .section_r{float:right; width:40%;position:relative;margin:0px 0 0 0;}
/*.ecosystem .section_r img{position:absolute; bottom:0px;width: 100%;}*/

.ecosystem h3 {font-size: 5.855em;color: #3065cc;padding: 0px;margin: 0px 0px 90px 0px;line-height: 1.1;}
.ecosystem .cont {font-size: 1.673em;color: #4d4d4d;display: block;line-height: 1.5;overflow:hidden;word-break: keep-all;}
.ecosystem .mt_cont {height: 30px;}

/*.advisors {height: 882px;background: #3065cc;padding: 90px 172px 100px 176px;box-sizing: border-box;}*/
.advisors {width: 100%;background: #3065cc;}
.advisors .subwrap {width: 1428px;margin: 0px auto;height: 882px;padding: 90px 172px 100px 176px;box-sizing: border-box;}
.advisors img {width: 80%;}
.advisors .section_1{float:left; width:33.3%;height: 472px;position:relative;margin:0px 0px 0 0;box-sizing: border-box;text-align: center;padding: 0px 30px}
.advisors .section_2{float:left; width:33.3%;height: 472px;position:relative;margin:0px 0px 0 0;box-sizing: border-box;text-align: center;padding: 0px 30px;border-left: 1px solid #7b9ddd;border-right: 1px solid #7b9ddd;}
.advisors .section_3{float:left; width:33.3%;height: 472px;position:relative;margin:0px 0px 0 0;box-sizing: border-box;text-align: center;padding: 0px 30px;}
/*.advisors .section_4{float:right; width:25%;height: 472px;position:relative;margin:0px 0px 0 0;box-sizing: border-box;text-align: center;padding: 0px 30px;border-left: 1px solid #7b9ddd;}*/

.advisors .subwrap_en {width: 1428px;margin: 0px auto;height: 982px;padding: 90px 172px 100px 176px;box-sizing: border-box;}
.advisors .section_en1{float:left; width:33.3%;height: 682px;position:relative;margin:0px 0px 0 0;box-sizing: border-box;text-align: center;padding: 0px 30px}
.advisors .section_en2{float:left; width:33.3%;height: 682px;position:relative;margin:0px 0px 0 0;box-sizing: border-box;text-align: center;padding: 0px 30px;border-left: 1px solid #7b9ddd;border-right: 1px solid #7b9ddd;}
.advisors .section_en3{float:left; width:33.3%;height: 682px;position:relative;margin:0px 0px 0 0;box-sizing: border-box;text-align: center;padding: 0px 30px;}
/*.advisors .section_en4{float:right; width:25%;height: 682px;position:relative;margin:0px 0px 0 0;box-sizing: border-box;text-align: center;padding: 0px 30px;border-left: 1px solid #7b9ddd;}*/

.advisors h3 {font-size: 5.855em;color: #ffffff;padding: 0 0 70px 0px;margin: 0px;}
.advisors .title_m {font-size: 4.18em;color: #ffffff;display: block; margin-bottom: 50px;}
/*.advisors h4 {font-size: 2.509em;color: #ffffff;padding: 0px;margin: 28px 0px 24px 0px;}*/
.advisors h4 {font-size: 2.509em;color: #ffffff;padding: 0px;margin: 20px 0px 20px 0px;}
/*.advisors .cont {font-size: 1.673em;color: #ffffff;display: block;line-height: 1.5;}*/
.advisors .cont {font-size: 1.573em;color: #ffffff;display: block;line-height: 1.5;}
.advisors .cont .txt {line-height: 1.1; padding-bottom: 10px;}

.partner {width: 100%;background: white;}
.partner .subwrap {width: 1428px;margin: 0px auto;height: 560px;padding: 90px 172px 100px 176px;box-sizing: border-box;}
.partner h3 {font-size: 5.855em;color: tomato;padding: 0 0 70px 0px;margin: 0px;}
.partner .subwrap img {margin-left: 20px;}
.partner .imgfirst {margin-bottom: 10px;}

/*#footer {height: 370px;background: #101010;padding: 50px 172px 50px 172px;box-sizing: border-box;}*/
#footer {width: 100%;background: #101010;}
#footer .subwrap {width: 1428px;margin: 0px auto;height: 370px;padding: 50px 172px 50px 172px;box-sizing: border-box;}

#footer .section_l{float:left; width:69%;position:relative;margin:0px 0 0 0;}
#footer .section_r{float:right; width:29%;position:relative;margin:0px 0 0 0;text-align: right;display: none;}
#footer .p1 {color: #d2d2ca;font-size: 1.84em;margin: 0px;padding-top: 40px;}
#footer .p2 {color: #d2d2ca;font-size: 1.84em;margin: 0px;padding-top: 12px;}
#footer .p3 {color: #d2d2ca;font-size: 1.84em;margin: 0px;padding-top: 40px;}
#footer a {text-decoration: none;color: #d2d2ca;margin: 0px;}
