@charset "utf-8";
@media screen and (-webkit-min-device-pixel-ratio: 2)

body {-webkit-text-size-adjust:100%;}
html, body {width:100%; font-weight:400;  font-family:'Roboto', 'Noto Sans KR' , sans-serif; color:#666;}
@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url(//fonts.googleapis.com/css?family=Montserrat:thin,extra-light,light,100,200,300,400,500,600,700,800);


/* layout */
#wrapper {overflow:hidden; min-width:100%; width:100%; /* padding-bottom:50px; */}
.inner {margin:0 auto; width:100%;}
.mt90 {margin-top:90px; }
label {cursor:pointer;}

/* header 
--------------------------------------------------------------------------------------*/
#header {width:100%; min-width:100%; height:80px; position:fixed; z-index:1000;  }
#header .bg_corp {background:#277ec3; border-bottom:solid 1px #fff;}
#header .bg_service {background:#3979a1; border-bottom:solid 1px #4d87ab; }
#header .bg_partner {background:#5667b1; border-bottom:solid 1px #6776b9}
#header .bg_location {background:#78a741; border-bottom:solid 1px #86b054}
#header .bg_stip {background:#1794ab; border-bottom:solid 1px #2f9fb4}


/*-------------유틸------------ */
.utils {overflow:hidden; width: 100%; height:80px; }

/*-------------logo------------ */
.header-logo {float:left; box-sizing:border-box;  z-index:10000; }
.header-logo h1 {/float:left; margin-top:18px; margin-left:15px;}
.header-logo h1 img {width:97px;}
.header-tell {display:none; margin-top:7px; padding-left:210px; } 
.header-navi {float:right;  /*display:inline-block; margin-top:7px; padding-left:210px;*/} 


/*gnb*/
#gnb .navigation {float:left; width:100%; box-sizing:border-box; text-align:left; }
#gnb .navigation li {display:inline-block; vertical-align:middle;}
#gnb .navigation li a {position:relative; display:inline-block; vertical-align:middle; padding:28px 18px; line-height:1; font-family:'Roboto', 'Noto Sans KR',  sans-serif;  color:#f5f5f5; font-size:18px; font-weight:400; letter-spacing:-0.025em;}
#gnb .navigation li a::before {left:0; bottom:-5px; width:100%; height:4px; background:#fff; transform:scaleX(0); content: '';position: absolute; transition: transform .3s ease; }
#gnb .navigation li:hover a::before {transform: scaleX(0.8);}
#gnb .navigation li:hover a {color:#f5f5f5;}


/* 메인비주얼
------------------------------------------------------ */
.main-visual {width:100%; height:480px; background:#277ec3; }
.main-visual .bg1 {width: 100%; height:480px; text-align:center; background-size:cover; background:#277ec3 url('/resource/home/img/home/main_icon1.png') center 60px /1080px no-repeat;  }
.main-visual .bg2 {width: 100%; height:480px; text-align:center; background-size:cover; background:#3979a1 url('/assets/images/corp/corp_bg_02_n.jpg') center 60px /1080px no-repeat;  }
.main-visual .bg3 {width: 100%; height:480px; text-align:center; background-size:cover; background:#5667b1 url('/assets/images/corp/corp_bg_03_n.jpg') center 60px /1080px no-repeat;  }
.main-visual .bg4 {width: 100%; height:480px; text-align:center; background-size:cover; background:#78a741 url('/assets/images/corp/corp_bg_04_n.jpg') center 60px /1080px no-repeat;  }
.main-visual .bg5 {width: 100%; height:480px; text-align:center; background-size:cover; background:#1794ab url('/assets/images/corp/corp_bg_05_n.jpg') center 60px /1080px no-repeat;  }
.main-visual h2 {padding-top:35px; font-size: 36px; color:#fff; font-weight:100; line-height:44px; word-break:keep-all;}
.main-visual h3 {padding:10px 20px; font-size: 20px; color:#fff; font-weight:100; word-break:keep-all;}

.main_c ontents {width:100%; margin-bottom:100px; padding:0 15px; text-align:center; font-size: 18px; line-height:26px; color:#666; font-weight:300; margin-top:-70px; background:#fff; word-break: keep-all; word-wrap: break-word; box-sizing:border-box;}
.main_c ontents strong {color:#347adc; font-weight:300; }
.main_co ntents h4 {padding:30px 0 20px 0; font-size: 24px; color:#000; line-height:40px; font-weight:300; letter-spacing:-1.5px; }
.main_con tents h4 strong {color:#347adc; font-weight:300; }
.main_con tents h5 {padding:20px 0 10px 0; font-size: 28px; color:#000; font-weight:300; letter-spacing:-1px; }
.main_con tents h6 {padding:20px; font-size: 15px; color:#666; font-weight:300; letter-spacing:-1px; word-break: keep-all; word-wrap: break-word; }

.main_contents img.con_img {width:1080px;}
.main_contents img.con_img2 {width:100%;}

.main_contents .certification {display:block; height: 590px; background:url('/assets/images/corp/corp_img_01_n2_m.png') center top /100% no-repeat; text-align:left; position:relative; margin-top:50px;}
.main_contents .certification ul {padding:20px; background:#3e80bd; position:absolute; top:290px; width:100%; display:block; }
.main_contents .certification ul li {font-size:17px; color:#fff; padding:3px 0; letter-spacing:-0.5px;}
.main_contents .certification ul li span{vertical-align:top; padding-right:5px;}
@media (min-width:481px) and (max-width:767px) {
	.main_contents .certification {height: 690px;}
	.main_contents .certification ul {top:400px;}
}

.main_history {width:90%;  text-align:center; font-size: 18px; line-height:26px; color:#666; font-weight:300; margin-top:50px; background:#fff; word-break: keep-all; word-wrap: break-word; }
.main_history h4 {padding:50px 0 45px 0; font-size: 56px; color:#000; font-weight:500; letter-spacing:-1px; }

.history_navigation {width:100%; box-sizing:border-box; text-align:center; background:#fff; margin-bottom:30px; padding-bottom:5px; border-bottom: none; }
.history_navigation li {display:inline-block; vertical-align:middle; color:#d0d0d0; font-size:20px; font-family:'Roboto', 'Noto Sans KR',  sans-serif; font-weight:500; padding:10px 15px; }
.history_navigation li a {position:relative; display:inline-block; vertical-align:middle; line-height:1; font-family:'Roboto', 'Noto Sans KR',  sans-serif;  color:#989898; font-size:15px; font-weight:500; padding:0px; }
.history_navigation li a::before {left:48%; bottom:-12px; width:100%; content: ''; position: absolute; transition: transform .3s ease; }
.history_navigation li:hover a::before {}
.history_navigation li:hover a {color:#246ed5;}
.history_navigation li.active a::before {height:3px; width:100%; left:0; background:#246ed5; border-radius:0; -moz-border-radius:0;  -webkit-border-radius:0;}
.history_navigation li.active a {color:#246ed5;}

.history_detail {margin-top:60px; }
.history_detail dl {display: table; padding:0; margin-bottom:100px; }
.history_detail dl:last-child {margin-bottom:30px;}
.history_detail dt {width:300px; text-align:left; padding:0; margin-bottom:40px; font-size: 62px; font-family: 'Roboto', 'Noto Sans KR',  sans-serif; color:#000; font-weight:300; letter-spacing:-1px; display: block; }
.history_detail dt div { font-size:14px; color:#666; font-style:normal; letter-spacing:0; padding:0; margin:0; line-height:0px; }
.history_detail dt div img {display:block; margin:70px 0 15px 0;}
.history_detail dd {font-size:17px; font-family: 'Roboto', 'Noto Sans KR',  sans-serif; color:#444; font-weight:300; letter-spacing:-0.3px; text-align:left; display: block; line-height: 26px; vertical-align:top; }
.history_detail dd strong {display:block; font-size:16px; margin-right:25px; color:#246ed5; float:left;}
.history_detail dd p {display:flex; font-size:16px; line-height:22px; }
@media (min-width:481px) and (max-width:767px) {
	.history_detail dd p {display:inline-block;}
}
.map_navigation {float:left; width:100%; box-sizing:border-box; text-align:center; background:#fff; margin-right:0; margin-bottom:0; padding-bottom:5px; }
.map_navigation li {display:inline-block; vertical-align:middle; color:#999; font-size:15px; font-family:'Roboto', 'Noto Sans KR',  sans-serif; font-weight:500; width:45%;}
.map_navigation li a {position:relative; display:inline-block; vertical-align:middle; line-height:1; font-family:'Roboto', 'Noto Sans KR',  sans-serif;  color:#999; font-size:16px; letter-spacing:-1px; font-weight:400; padding:15px 0; box-sizing:border-box;}
.map_navigation li a::before {left:25%; bottom:5px; content: ''; position: absolute; transition: transform .3s ease; }
.map_navigation li.active a::before {height:3px; width:50%;background:#246ed5; }
.map_navigation li.active a {color:#246ed5; }

.map_detail {display:block;  }

.map_location {padding-left:0px; height:200px; padding-top:25px; font-size:16px; line-height:30px; text-align:left; }
.map_location strong {display:inline-block; width:80px; color:#111; font-weight:500; }
.map_location p {display:block;}


table.tb_style01 {width: 100%; border-collapse:collapse; border:solid 1px #e0e0e0; background:#fff; padding: 10px; }
table.tb_style01 td {width:50%; font-size:14px; padding: 10px; border:solid 1px #e0e0e0; text-align:left; color:#2460b4; word-break:keep-all; }

table.tb_style03 {width: 100%; border-collapse:collapse; background:#fff; padding: 10px; }
table.tb_style03 th {font-size:17px; color:#333; vertical-align:middle; padding:10px; border-top:solid 3px #434343; border-bottom:solid 1px #c4c4c4; text-align:center;}
table.tb_style03 td {font-size:15px; color:#888; padding: 10px 10px 10px 20px; border-bottom:solid 1px #c4c4c4; }
table.tb_style03 td.n_title {text-align:left; color:#333;}
table.tb_style03 td.n_title a {color:#333;}
table.tb_style03 td.n_title a:hover{color:#333; text-decoration:underline;}

table.tb_style04 {width: 100%; border-collapse:collapse; background:#fff; padding: 10px; }
table.tb_style04 th {font-size:16px; color:#333; vertical-align:middle; border-top:solid 3px #434343; border-bottom:solid 1px #c4c4c4; text-align:left;}
table.tb_style04 th.t_title {font-size:20px; color:#333; vertical-align:middle; padding: 25px 40px; border-top:solid 3px #434343; border-bottom:solid 1px #c4c4c4; text-align:left; }
table.tb_style04 td {text-align:left; font-size:14px; font-weight:300; color:#888; padding: 10px 0 10px 30px; border-bottom:solid 1px #c4c4c4; }
table.tb_style04 td.t_contents {text-align:left; padding:40px; font-size:16px; color:#666; line-height: 30px; }
table.tb_style04 td.t_contents strong {font-weight:600; color:#666;}
table.tb_style04 td a:hover{color:#333; text-decoration:underline;}

.main_navigation {width:100%; height:auto; box-sizing:border-box; text-align:center; background:#fff; margin-bottom:30px;  }
.main_navigation li {display:inline-block; vertical-align:middle; color:#d0d0d0; font-size:14px; font-family:'Roboto', 'Noto Sans KR',  sans-serif; font-weight:100; padding:2px; }
.main_navigation li a {position:relative; display:inline-block; vertical-align:middle; line-height:1; font-family:'Roboto', 'Noto Sans KR',  sans-serif;  color:#989898; font-size:14px; font-weight:400; padding:8px 3px; letter-spacing:-0.025em; }
.main_navigation li a::before {left:0; bottom:0; width:100%; height:4px; background:#000; transform:scaleX(0); content: '';position: absolute; transition: transform .3s ease; }
.main_navigation li:hover a::before {transform: scaleX(0.4);}
.main_navigation li:hover a {color:#000;}
.main_navigation li::before {padding: 6px 3px 6px 0; content:"|";}
.main_navigation li:first-child::before {content:"";}
.main_navigation li.active a::before {transform: scaleX(0.4);}
.main_navigation li.active a {color:#000;}

.main_detail {display:block; background:#f8f8f8; padding: 20px; text-align:left; color:#666; font-size:16px; line-height:24px; letter-spacing:-0.5px; word-break: keep-all; word-wrap: break-word; }
.main_detail strong {display:block; color:#000; font-weight:500; font-size:18px; margin-bottom:10px;}
.main_detail pre {font-size:15px; line-height:24px; font-family:'Roboto', 'Noto Sans KR',  sans-serif; word-break: keep-all; word-wrap: break-word; white-space: pre-wrap; letter-spacing:-0.5px; font-weight:300; }
.main_detail pre strong {color:#555; font-weight:500; }
.main_detail pre a {color:#555; font-weight:400; text-decoration:underline; }
.main_detail pre table.tb_style02 {width: 100%; border-collapse:collapse; border:solid 1px #e0e0e0; background:#fff; padding: 0; }
.main_detail pre table.tb_style02 th {font-size:13px; vertical-align:middle; padding: 10px; background:#eee; border:solid 1px #e0e0e0; text-align:center; width:25%; }
.main_detail pre table.tb_style02 td {font-size:13px; padding: 1px; border:solid 1px #e0e0e0; }

.main_location {height:350px; padding-top:25px; font-size:16px; line-height:24px; }
.main_location span {display:inline-block; float:left; }
.main_location span.main_location_01 {width:350px; text-align:left; padding-left:20px}
.main_location span.main_location_01 strong {display:block; color:#111; font-weight:500; }
.main_location span.main_location_02 {width:710px; text-align:left; font-size:14px;}
.main_location span.main_location_02 strong {width:100px; font-size:16px; display:block; font-weight:500; border-bottom: solid 2px #111; color:#111; margin-bottom:10px; }


.partner_svc h6 span {margin-left: 0; color: #888;}
.partner_svc strong {display:inline-block; vertical-align:middle; box-sizing:border-box; line-height:50px; width:100%; height:50px; padding-left:0; font-size:18px; color:#333; margin-bottom:15px;  }
.partner_svc strong span{color:#ff7200}
.partner_svc .stip_area {border-top:solid 1px #b8b8b8; padding:10px 10px 0 10px; margin-top:40px; font-size:16px; color:#666;}
.partner_svc .stip_area em {font-weight:500; font-style:normal; color:#333; }
.partner_svc .stip_area div {background:#fff; padding:20px 30px; margin:10px 0; font-size:15px;}
.partner_svc .stip_area label {color:#333; font-weight:300;  }



.partner_svc input[type="file"]{ display:inline-block; box-sizing:border-box; height:70px; width:100%; border: none; vertical-align:middle; margin-bottom:15px; font-size:16px; color:#666; padding:15px 20px; background:#fff;  }
::-ms-browse { background: #434343; color: #fff; border:none; font-size:16px; width:100px; height:40px; }
::-webkit-file-upload-button  { background: #434343; color: #fff; border:none; font-size:16px; width:100px; height:40px; }

.select_utils {vertical-align:middle; width:100%; height:50px; box-sizing:border-box; border: none; background:#fff; font-size:18px; color:#666; padding-left:20px; margin-bottom:15px; }

::placeholder {color: #c4c4c4; font-weight:100; }
::-webkit-input-placeholder {color: #c4c4c4; font-weight:100;}
:-ms-input-placeholder {color: #c4c4c4 !important; font-weight:100;}
::-ms-input-placeholder {color: #c4c4c4; font-weight:100;}
::-moz-placeholder {color: #c4c4c4; font-weight:100;}

input[type="text"]:focus, textarea:focus, select:focus {outline: none !important; border: solid 1px #5667b1; }

.pagination { display: inline-block;}
.pagination a { color: #888; font-size:14px; float: left; padding: 1px 9px; text-decoration: none; border: 1px solid #ccc; border-right:none;}
.pagination a.active { background-color: #333; color: #fff; border: 1px solid #333;}
.pagination a:hover:not(.active) {background-color: #ccc;}
.pagination a:first-child { font-size:22px; padding: 1px 9px 1px; border-top-left-radius: 5px; border-bottom-left-radius: 5px;}
.pagination a:last-child { font-size:22px; padding: 1px 9px 1px; border-right: 1px solid #ccc; border-top-right-radius: 5px; border-bottom-right-radius: 5px;}


/* 
후이즈서비스
------------------------------------------------------ */
.mail-icon {position:absolute; top:0px; left:0; width:59px; height:59px; background: url('/assets/images/main/mail_icon_n.gif') no-repeat; background-size:59px; box-shadow:10px 10px 30px 5px #d8d8d8;}

ul.whois_service {box-sizing:border-box; margin-bottom:80px; font-size:0; }
ul.whois_service li {display:block; text-align:center; box-sizing:border-box; padding:0; margin:0 auto; border:solid 1px #d9e3f1; }
ul.whois_service li img {width:98px; margin-bottom:0px; transition: height 0.2s ease-out, top 0.2s ease-out, left 0.2s ease-out, transform 0.5s; }
ul.whois_service li a {display:block;}
ul.whois_service li a:hover img { transform: translate(0px, -10px);}
ul.whois_service li h4 {font-size:25px; color:#333; font-weight:500; letter-spacing:-1px; line-height:42px; padding:0; margin:0; }
ul.whois_service li h4 strong{color:#347adc; font-weight:500; }
ul.whois_service li p {padding-top:0; font-size:16px; color:#666; line-height:22px; letter-spacing:0px;}
ul.whois_service li:nth-child(1) {position:relative; width:90%; padding:20px; }
ul.whois_service li:nth-child(2) {width:90%; padding:20px; }
ul.whois_service li:nth-child(3) {width:90%; padding:20px; border-top:none;}
ul.whois_service li:nth-child(4) {width:90%; padding:20px; border-top:none;}
ul.whois_service li:nth-child(5) {width:90%; padding:20px; border-top:none; border-bottom:none;}
ul.whois_service li:nth-child(6) {width:90%; padding:20px; }





@media screen and (max-width:768px) {
	#gnb .navigation {float:left; width:100%; box-sizing:border-box; text-align:left; }
	#gnb .navigation li {display:inline-block; vertical-align:middle;}
	#gnb .navigation li a {position:relative; display:inline-block; vertical-align:middle; padding:25px 18px; line-height:1; font-family:'Roboto', 'Noto Sans KR',  sans-serif;  color:#f5f5f5; font-size:18px; font-weight:400; letter-spacing:-0.025em;}
	#gnb .navigation li a::before {left:0; bottom:-5px; width:100%; height:4px; background:#fff; transform:scaleX(0); content: '';position: absolute; transition: transform .3s ease; }
	#gnb .navigation li:hover a::before {transform: scaleX(0.8);}
	#gnb .navigation li:hover a {color:#f5f5f5;}

}



/*신규 연장팝업 레이어*/
.layer_style{position:relative; display:block; width:720px; background: #fff; border: solid 5px #347adc; font-family:'Malgun Gothic', 맑은 고딕, tahoma, 'gulim', 굴림; }
.layer_style h4{height:50px; background: #347adc; color:#fff; font-family:inherit; font-size:18px; font-weight:bold; letter-spacing:-1px; line-height:44px; padding-left:20px;}
.layer_style h5{color: #353b4c; font-family:'Malgun Gothic', 맑은 고딕, tahoma, 'gulim', 굴림; font-size:32px; font-weight:bold; letter-spacing:-1px; padding: 25px 0 25px 35px; }
.layer_style h5 span{font-family:'Malgun Gothic', 맑은 고딕, tahoma, 'gulim', 굴림;  }
.layer_style h6{color: #353b4c; font-family:inherit; font-size:32px; font-weight:bold; letter-spacing:-1px; padding: 35px 0 25px 35px; }
.layer_style h6 strong{color: #4170f2; font-family:inherit; }
.layer_style .ls_contents{font-family:'Malgun Gothic', 맑은 고딕, tahoma, 'gulim', 굴림; padding-left:35px; font-size:14px; line-height:22px; letter-spacing:-1px;  }
.layer_style .ls_contents2 {font-family:'Malgun Gothic', 맑은 고딕, tahoma, 'gulim', 굴림; padding:35px; font-size:15px; line-height:24px; letter-spacing:-1px;  }
.layer_style .ls_contents span{font-family:'Malgun Gothic', 맑은 고딕, tahoma, 'gulim', 굴림;}
.layer_style .ls_contents table td{font-family:'Malgun Gothic', 맑은 고딕, tahoma, 'gulim', 굴림; padding:2px; }
.layer_style .ls_contents table td.pl18{padding-left:18px;}
.layer_style .ls_comment{clear:both; font-family:inherit; padding:20px 0 0 35px; font-size:13px; letter-spacing:-1px; color:#8f8f8f; }
.layer_style .ls_comment a{font-family:inherit; color:#8f8f8f; text-decoration:underline; }
.layer_style .ls_button{padding-left:35px; margin-top:20px;}
.layer_style .ls_button input{margin-right:15px; vertical-align:middle; }
.layer_style .ls_button img{margin-right:15px; vertical-align:middle; }
.layer_style .ls_button span{display:block; padding-top:17px; vertical-align:middle; font-family:'Malgun Gothic', 맑은 고딕, tahoma, 굴림, gulim, sans-serif; font-size:13px; text-decoration:underline; color:#888; }
.layer_style .ls_button span a{font-family:'Malgun Gothic', 맑은 고딕, tahoma, 굴림, gulim, sans-serif; }
.layer_style .ls_footer{height:35px; background: #eaeaea; font-family:inherit; font-size:14px; letter-spacing:-1px;  text-align:right; padding-right:20px; line-height:32px; margin-top:30px; }
.layer_style .ls_footer a{font-family:inherit; color: #353b4c; padding-left:30px;}
.layer_style strong{font-weight:bold; color: #dc0000; font-family:inherit; }
.layer_style b{font-weight:bold; font-family:inherit; }
.layer_style em{font-weight:bold; color: #555; font-family:inherit; font-size:22px; font-style:normal; line-height:30px; letter-spacing:0; padding-left:10px; }
.layer_style u{text-decoration:underline; font-family:inherit; letter-spacing:0; }

/* 추가 */
.ttk_cont {width:100%;padding:30px;background:#f4f4f4;margin-top:50px;}
.ttk_cont .item {border-top:solid 1px #347adc;background:#fff;}
.ttk_cont .item:after {clear:both;content:'';display:table;}
.ttk_cont .item:first-child {border-top:solid 3px #347adc;background:#fff;}
.ttk_cont .item .left {text-align:left;padding:30px;float:none;}
.ttk_cont .item .left .content {font-size:18px;color:#333;white-space:normal;}
.ttk_cont .item .right {float:none;text-align:center;width:100%;line-height:350px;vertical-align:middle;}
.ttk_cont .item .right img {vertical-align:middle;}
.ttk_cont .item .left {width:100%;}
.main_contents h5 {font-size:20px;}

.cont_cont {padding:30px;}
.cont_cont .tabs {width:100%;text-align:center;margin-top:15px;}
.cont_cont .tabs a {font-size:18px;color:#999;}
.cont_cont .tabs a.on {font-weight:bold;color:#347adc;}
.cont_cont .tabs a + a {margin-left:60px;}
.cont_cont .map_cont {clear:both;margin-top:20px;padding:20px;display:none;}
.cont_cont .map_cont.on {display:block;}

.cont_cont .address {margin-top:20px;font-size:18px;text-align:left;padding:0 20px;}
.cont_cont .address span {font-weight:bold;color:#333;display:inline-block;width:100px;}

/* service */
.service-container strong{color:#28b196;}
.tbl-green {width:100%;background:#fff;}
.tbl-green {border-top:solid 3px #09a788;border-bottom:solid 3px #09a788;}
.tbl-green tr td {padding:12px;border:solid 1px #09a788;font-size:14px;}
.tbl-green tr th {padding:12px;border:solid 1px #09a788;font-weight:bold;text-align:center;font-size:12px;}

.section_main {padding-left:0px;padding-right:0px;}
.section_white {width:100%;display:inline-block;background:#fff;margin-top:20px;padding-top:20px;padding-bottom:50px;padding-left:10px;padding-right:10px;clear:both;} 
.section_gray {width:100%;display:inline-block;background:#f4f4f4;margin-top:20px;padding-top:20px;padding-bottom:50px;padding-left:10px;padding-right:10px;clear:both;}
.box .item {width:100%;padding:30px;border-bottom:solid 1px #09a788;font-size:18px;height:auto;}
.box .item .title {font-size:22px;margin-bottom:10px;margin-top:10px;text-align:center;}
.box .item:nth-child(2n) {border-left:none;}

.service-container .title {font-size:20px;text-align:left;color:#333;font-weight:bold;}
.service-container .green-title {font-size:18px;text-align:left;color:#09a788;font-weight:bold;margin-top:15px;}
.service-container .desc {font-size:14px;text-align:left;margin-top:15px;line-height:32px;}
.service-container {text-align:left;}

.btns {line-height:60px;text-align:left;margin-top:20px;}
.btns a + a {margin-left:20px;color:#fff;}
.btns .btn-more {background:#989898;padding:10px 30px;padding-top:12px;border-radius:20px;color:#fff;}
.btns .btn-join {background:#09a788;padding:10px 30px;padding-top:12px;border-radius:20px;}