/* reset */
 @font-face {
  font-family: 'Freesentation-4Regular';
  src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2404@1.0/Freesentation-4Regular.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}



* {
	margin: 0;
	padding:0;
	font-family: 'Freesentation-4Regular';
}


html, body{
	overflow-x: hidden
}


html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, 
p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, 
em, img, ins, kbd, q, s, samp, small, strike, strong, 
sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, 
fieldset, form, label, legend, table, 
caption, tbody, tfoot, thead, tr, th, td, 
article, aside, canvas, details, embed, figure,  
figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary, time, mark, audio, video {margin:0; padding:0; border:0; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;}
html {-ms-text-size-adjust:none; -webkit-text-size-adjust:none;}
label, input, button, a, span {line-height:1.6;}
body, button {font-size:14px; line-height:1.6; color : #222222;}
button{cursor: pointer;}
hr {display:none; height:0; -moz-box-sizing:content-box; box-sizing:content-box;}
a, a:hover {text-decoration:none; color:#333;}
a:active, a:hover, button:active, button:hover {outline:0 none;}
em, address {font-style:normal;}			
acronym, abbr {cursor:help;}
abbr[title] {border-bottom:1px dotted;}
ul, ol {list-style:none; list-style-image:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:'' ;content:none;}
img {border:0; vertical-align:top; -ms-interpolation-mode:bicubic;}
figure img {display:block;}
html {overflow-y:auto;}
html, body {width:100%; height:100%;}


/* Skip */
#skip {position:absolute; left:0; top:0; width:100%; margin:0 auto; z-index:999;}
#skip a{display:block; position:absolute; left:0; padding:10px 20px; height:30px; line-height:30px; color:#fff; background:#000;}
#skip a:link,
#skip a:visited,
#skip a:active{top:-10000px;}
#skip a:hover,
#skip a:focus{top:0;}

 
/* link style */
a:link, a:visited {color:#444;} 
a:hover, a:active {color:#000; text-decoration:underline;}
a:hover {
    text-decoration: none;
}


/* color style */
.color_rd {color:#f90000 !important;}
.color_bl {color:#0065b3 !important;}


/* table */
table {width:100%; height:auto; table-layout:fixed; border-collapse:collapse; padding:0; margin:0; }
table button, table input {overflow:auto;}
.basic_table {border-top:1px solid #848484;}
.basic_table thead th {border-left:1px solid #eaeaea; border-bottom:1px solid #d7d7d7; text-align:center; color:#444; padding:8px 10px;}
.basic_table th, .basic_table td {border-bottom:1px solid #eaeaea; border-left:1px solid #eaeaea; padding:8px 10px; text-align:center;}
.basic_table .al_left {text-align:left; padding-left:15px;}
.basic_table .t_end {border-left:0;}
.basic_table .th_top {border-top:2px solid #5e5e5e; border-bottom:1px solid #adadad;}
.basic_table .td_top {border-top:2px solid #5e5e5e;}


/* heading style */
h1, h2, h3, h4, h5, h6 {font-weight:600;}
h4 {color:#383838; font-size:1.571em; line-height:1.286em; margin:0 0 15px 0;}
h4 span {font-size:0.762em; font-weight:normal; margin-left:5px;}
h5 {color:#444; font-size:1.429em; line-height:1.333em; margin:0 0 10px 0; padding:0 0 0 12px;}
h5 span {font-size:0.762em; font-weight:normal; margin-left:5px;}
h6 {color:#444; font-size:1.071em; line-height:1.250em; margin:0 0 10px 0; padding:8px 15px; background:#f3f3f3; display:inline-block; vertical-align:top;}


/* list style */
.list_type1 {width:auto;}
.list_type1 li {padding:0 0 0 10px; margin:0 0 5px 0;}
.list_type2 {width:auto;}
.list_type2 li {padding:0 0 0 15px; margin:0 0 5px 0;}


/* form,  input set */

button, input, optgroup, select, textarea {margin: 0; font-family: inherit;}
button {border:0; cursor:pointer;}
button, input, select, textarea {margin:0; font-size:100%; vertical-align:baseline; vertical-align:middle;}
button, input {overflow:visible; line-height:normal;}
button, select {text-transform:none;}
button[disabled], html input[disabled ]{cursor:default;}
button, html input[type="button"], input[type="reset"], input[type="submit"] {overflow:visible; cursor:pointer; -webkit-appearance:button; border-radius:0;}
button::-moz-focus-inner, input::-moz-focus-inner {border:0; padding:0;}
label, select, input, button {vertical-align:middle;}
input, textarea, select, button {vertical-align:baseline; vertical-align:middle;}
input[type="checkbox"], input[type="radio"]{margin:0;padding:0;width:14px;height:14px; cursor:pointer;}
input[type="checkbox"]+label, input[type="radio"]+label{margin:0 10px 0 3px;vertical-align:middle;cursor:pointer}
input[type="text"], input[type="password"], input[type="file"], input[type="search"] {width:auto;height:18px;padding:4px 5px;margin:0;border:1px solid #cccccc;}

input[type="file"]{height:26px; line-height:26px; padding:0 5px; border:1px solid #cccccc; cursor:pointer;}
:root input[type="file"]{padding:0 5px 0 0;border:0 none}
input[readonly="readonly"], input[readonly], input[disabled="disabled"], input[disabled]{border:1px solid #adadad;background:#f3f3f3;color:#928881}
input[type="button"], input[type="reset"], input[type="submit"]{min-width:20px;width:auto;height:34px;padding:4px 16px;margin:0;border:1px solid #575757;background:#575757;font-weight:400;font-size:0.9em;line-height:1em;color:#fff; cursor:pointer;}
textarea {overflow:auto;padding:0;border:1px solid #adadad;vertical-align:top; -webkit-appearance: none; border-radius:0; resize:none;}
select{ cursor:pointer;  box-sizing: border-box; }
select:focus{outline:2px solid #0078F5;  box-sizing: border-box; border:0;} 
input[type="search"] {-webkit-appearance:textfield; -moz-box-sizing:content-box; -webkit-box-sizing:content-box; box-sizing:content-box;}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {-webkit-appearance:none;}
input[type="checkbox"], input[type="radio"] {box-sizing:border-box;}
input[type="search"], input[type="text"] {ime-mode:active; border-radius:0; -webkit-appearance: none;}
::-webkit-input-placeholder {color:#8a8a8a;}
:-moz-placeholder {color:#8a8a8a;}
::-moz-placeholder {color:#8a8a8a;}
:-ms-input-placeholder {color:#8a8a8a;}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}


/* hide style */
.hidden, legend, caption {line-height:1px; font-size:1px; position:absolute; left:-1000px; top:0; overflow:hidden; text-indent:-30000px;}

/* tab style */
.tabBtn {width:100%; margin:0 0 30px 0;}
.tabBtn:after {content:""; display:block; clear:both;}
.tabBtn a {float:left; display:inline-block; vertical-align:top; text-align:center; font-size:16px; line-height:22px; padding:9px 20px; background:#ebebeb; margin:0 2px 2px 0; text-decoration:none; font-weight:600; color:#444; transition : all 0.3s ease; -webkit-transition : all 0.3s ease;}
.tabBtn a.on, .tabBtn a:hover, .tabBtn a:active {color:#fff; background:#3D7AB1;}
.js_tab .title {display:none;}
.tab_onepage {display:none;}
.tab_onepage.on {display:block;}
@media screen and (max-width: 1280px){
.tabBtn a {padding:8px 20px; font-size:15px;}	
}	
@media screen and (max-width: 1023px){
.tabBtn {display:none; border:1px solid #2061c2; border-top:0; position:absolute; left:0; width:100%; box-sizing:border-box; margin:0;}
.tabBtn a {float:none; display:block; width:auto; text-align:left; border:0; margin:0; border-bottom:1px solid #d2d2d2; padding:8px 15px; font-size:15px; line-height:19px; background:#fff; font-weight:normal;}
.tabBtn a:first-child {margin-left:0;}
.tabBtn a:last-child {border-bottom:0;}
.tabBtn a.on, .tabBtn a:hover, .tabBtn a:active {background:#f5f5f5; color:#2061c2;}
.js_tab {position:relative; z-index:10; margin:0 0 30px 0;}
.js_tab .title {display:block;}
.js_tab .title a {display:block; padding:10px 50px 10px 15px; font-size:17px; line-height:22px; color:#fff; background:#047ab3; text-decoration:none; position:relative;}
.js_tab .title a:after {content:""; display:block; width:13px; height:7px; background:url(../images/2017_renew/common/js_tab_bul.png) no-repeat center 50%; position:absolute; right:15px; top:50%; margin-top:-3px;
-webkit-transform: rotate(0deg); transform: rotate(0deg);
-webkit-transition: all .3s ease; transition: all .3s ease;}
.js_tab .title.on a:after {-webkit-transform: rotate(180deg); transform: rotate(180deg);}
}
@media screen and (max-width: 840px){
.js_tab {margin:0 0 25px 0;}
}
@media screen and (max-width: 640px){
.js_tab {margin:0 0 20px 0;}	
.js_tab .title a {padding:8px 50px 8px 15px; font-size:16px;}	
.tabBtn a {font-size:14px;}
}


/* align style */
.clear {clear:both;}
.clearfix {clear:both; display:block; height:0;}
.clearfix:after {content:""; display:block; clear:both; height:0; visibility:hidden;}
.fl_left {float:left !important;}
.fl_right {float:right !important;}
.al_left {text-align:left !important; position:relative;}
.al_right {text-align:right !important; position:relative;}
.al_center {text-align:center !important; position:relative;}


/* no style */
.none {display:none !important;}
.mar_no {margin:0 !important;}
.padd_no {padding:0 !important;}
.bold_no {font-weight:normal !important;}
.bg_no {background:none !important;}


.form-group input {outline: none;}
.form-group select {outline: none;}
.form-group textarea {outline: none;}

.form-group input:focus {
  background-color: azure;
  border: 2px solid #157CF4;
  outline: none; 
}

.form-group select:focus {
  background-color: azure;
  border: 2px solid #157CF4;
  outline: none; 
}


.form-group textarea:focus {
  background-color: azure;
  border: 2px solid #157CF4;
  outline: none;
}

/* iframe style */
.iframe_siz {padding:0;margin:0;padding:0;border:none; width:340px;  height:240px; display:none;overflow:hidden;}

/* margin */
.mt_0 {margin-top:0px !important;}
.mt_5 {margin-top:5px !important;}
.mt_10 {margin-top:10px !important;}
.mt_15 {margin-top:15px !important;}
.mt_20 {margin-top:20px !important;}
.mt_25 {margin-top:25px !important;}
.mt_30 {margin-top:30px !important;}
.mt_35 {margin-top:35px !important;}
.mt_40 {margin-top:40px !important;}
.mt_45 {margin-top:45px !important;}
.mt_50 {margin-top:50px !important;}
.mt_55 {margin-top:55px !important;}
.mt_60 {margin-top:60px !important;}
.mr_0 {margin-right:0px !important;}
.mr_5 {margin-right:5px !important;}
.mr_10 {margin-right:10px !important;}
.mr_15 {margin-right:15px !important;}
.mr_20 {margin-right:20px !important;}
.mr_25 {margin-right:25px !important;}
.mr_30 {margin-right:30px !important;}
.mr_35 {margin-right:35px !important;}
.mr_40 {margin-right:40px !important;}
.mr_45 {margin-right:45px !important;}
.mr_50 {margin-right:50px !important;}
.mr_55 {margin-right:55px !important;}
.mr_60 {margin-right:60px !important;}
.mb_0 {margin-bottom:0px !important;}
.mb_5 {margin-bottom:5px !important;}
.mb_10 {margin-bottom:10px !important;}
.mb_15 {margin-bottom:15px !important;}
.mb_20 {margin-bottom:20px !important;}
.mb_25 {margin-bottom:25px !important;}
.mb_30 {margin-bottom:30px !important;}
.mb_35 {margin-bottom:35px !important;}
.mb_40 {margin-bottom:40px !important;}
.mb_45 {margin-bottom:45px !important;}
.mb_50 {margin-bottom:50px !important;}
.mb_55 {margin-bottom:55px !important;}
.mb_60 {margin-bottom:60px !important;}
.ml_0 {margin-left:0px !important;}
.ml_5 {margin-left:5px !important;}
.ml_10 {margin-left:10px !important;}
.ml_15 {margin-left:15px !important;}
.ml_20 {margin-left:20px !important;}
.ml_25 {margin-left:25px !important;}
.ml_30 {margin-left:30px !important;}
.ml_35 {margin-left:35px !important;}
.ml_40 {margin-left:40px !important;}
.ml_45 {margin-left:45px !important;}
.ml_50 {margin-left:50px !important;}
.ml_55 {margin-left:55px !important;}
.ml_60 {margin-left:60px !important;}


/* padding */
.pt_0 {padding-top:0px !important;}
.pt_5 {padding-top:5px !important;}
.pt_10 {padding-top:10px !important;}
.pt_15 {padding-top:15px !important;}
.pt_20 {padding-top:20px !important;}
.pt_25 {padding-top:25px !important;}
.pt_30 {padding-top:30px !important;}
.pt_35 {padding-top:35px !important;}
.pt_40 {padding-top:40px !important;}
.pt_45 {padding-top:45px !important;}
.pt_50 {padding-top:50px !important;}
.pt_55 {padding-top:55px !important;}
.pt_60 {padding-top:60px !important;}
.pr_0 {padding-right:0px !important;}
.pr_5 {padding-right:5px !important;}
.pr_10 {padding-right:10px !important;}
.pr_15 {padding-right:15px !important;}
.pr_20 {padding-right:20px !important;}
.pr_25 {padding-right:25px !important;}
.pr_30 {padding-right:30px !important;}
.pr_35 {padding-right:35px !important;}
.pr_40 {padding-right:40px !important;}
.pr_45 {padding-right:45px !important;}
.pr_50 {padding-right:50px !important;}
.pr_55 {padding-right:55px !important;}
.pr_60 {padding-right:60px !important;}
.pb_0 {padding-bottom:0px !important;}
.pb_5 {padding-bottom:5px !important;}
.pb_10 {padding-bottom:10px !important;}
.pb_15 {padding-bottom:15px !important;}
.pb_20 {padding-bottom:20px !important;}
.pb_25 {padding-bottom:25px !important;}
.pb_30 {padding-bottom:30px !important;}
.pb_35 {padding-bottom:35px !important;}
.pb_40 {padding-bottom:40px !important;}
.pb_45 {padding-bottom:45px !important;}
.pb_50 {padding-bottom:50px !important;}
.pb_55 {padding-bottom:55px !important;}
.pb_60 {padding-bottom:60px !important;}
.pl_0 {padding-left:0px !important;}
.pl_5 {padding-left:5px !important;}
.pl_10 {padding-left:10px !important;}
.pl_15 {padding-left:15px !important;}
.pl_20 {padding-left:20px !important;}
.pl_25 {padding-left:25px !important;}
.pl_30 {padding-left:30px !important;}
.pl_35 {padding-left:35px !important;}
.pl_40 {padding-left:40px !important;}
.pl_45 {padding-left:45px !important;}
.pl_50 {padding-left:50px !important;}
.pl_55 {padding-left:55px !important;}
.pl_60 {padding-left:60px !important;}