@charset "utf-8";

/*@font-face{font-family:nsR;src:url('font/NanumSquareR.eot');src:local('?'),url('font/NanumSquareR.woff') format('woff'),url('font/NanumSquareR.ttf') format('truetype'),url('font/NanumSquareR.svg#webfontdeSVIj0D') format('svg')}
@font-face{font-family:nsB;src:url('font/NanumSquareR.eot');src:local('?'),url('font/NanumSquareR.woff') format('woff'),url('font/NanumSquareR.ttf') format('truetype'),url('font/NanumSquareR.svg#webfontdeSVIj0D') format('svg')}

*{ font-family:nsR ,'돋움',Dotum, Gulim, serif;  line-height:1.5em; }*/


@import url("//cdn.rawgit.com/hiun/NanumSquare/master/nanumsquare.css");
@import url('NanumBarunGothic/nanumbarungothic.css');
*{ font-family:'Nanum Square' ,'돋움',Dotum, Gulim, serif;  line-height:1.5em; }
html { height: 100%; }
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{ margin:0; padding:0; color:#666;}
body{margin:0; padding:0; font-size:14px; }
table{ border-collapse:collapse}
img,fieldset{ border:0}
ul,ol{ list-style:none}
em,address{ font-style:normal}
a{ color:inherit;text-decoration:none}

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;}
body{ -webkit-text-size-adjust:none; }
ol, ul{ list-style:none;}
blockquote, q{ quotes:none;}
blockquote:before, blockquote:after,
q:before, q:after{ content:''; content:none; }
table{ width:100%; border-collapse:collapse; border-spacing:0; }
img{ border:0; max-width:100%; height:auto; }
iframe,
embed,
object,
video {max-width:100%;}
i, 
cite, 
em, 
var, 
address, 
dfn { font-style:normal;}

.blind,
legend{ position:absolute; left:0; top:0; width:1px; height:1px; font-size:0; line-height:0; overflow:hidden; visibility:hidden;}
caption{ display:none;}

h1 {font-size: 38px;font-weight: 700;}
h2 {font-size: 28px;margin-bottom: 15px;}
h3 {font-size: 32px; color:#222; font-weight:normal;}
h4 {font-size: 18px;font-weight: 700;}
h5 {font-size: 16px;text-transform: uppercase;font-weight: 700;}
h6 {font-weight: 700;}

h3.h3-tit{ position:relative; margin:55px 0 30px; font-size:32px; text-align:center; color:#222; line-height:1; font-weight:normal; padding:0 0 30px 0;}
h3.h3-tit *{line-height:1;}
h3.h3-tit.lg{ font-size:38px; }
h3.h3-tit:after{ content:""; position:absolute; display:block; width:30px; height:2px; bottom:0; left:50%; margin-left:-15px; background-color:#b6dac6;}
h3.h3-tit.gray:after{ background-color:#dcdcdc;}
h3.h3-tit .sub{ font-size:18px; color:#666; display:block; text-align:center; margin-top:10px;}
h3.h3-tit+.sub-tx{ text-align:center; font-size:16px; margin-top:-20px;}
h3.h3-tit2{ position:relative; margin:55px 0 30px; font-size:32px; text-align:left; color:#222; line-height:1; font-weight:normal; padding:0 0 30px 0;}
h3.h3-tit2:after{ content:""; position:absolute; display:block; width:30px; height:2px; bottom:0; left:0; background-color:#b6dac6;}
h3.h3-tit3{ position:relative; margin:65px 0 30px; font-size:24px; text-align:left; color:#222; line-height:1; font-weight:normal; padding:0 0 30px 0;}
h3.h3-tit3:after{ content:""; position:absolute; display:block; width:30px; height:2px; bottom:0; left:0; background-color:#06954a;}
h4.h4-tit{ position:relative; margin:50px 0 20px; font-size:24px; text-align:left; color:#222; line-height:1; font-weight:normal; padding:0;}


/************************************************
	form
************************************************/
fieldset{border:0}
input,
textarea{ border:#c7c7c7 1px solid; }
input[type=text],
input[type=submit],
input[type=password],
input[type=file]{ line-height:40px; height:40px; text-indent:5px; padding:0; margin:0; vertical-align:middle; background:#fff; border-radius:0; border:#dbdbdb 1px solid; box-shadow:none;-webkit-appearance:none; ime-mode:inactive; font-size:14px;}
table input[type=text],
table input[type=submit],
table input[type=password],
table input[type=file]{ height:32px; line-height:32px;}
input[type=image]{border:none;background:none;}
input.date{ margin-right:5px;}
input.block,
textarea.block,
select.block{ width:100%;}

input[type=checkbox]{ width:15px; height:15px; vertical-align:middle; margin:0 5px 0 0; border:#dbdbdb 1px solid;}
input[type=radio]{ width:16px; height:16px; vertical-align:middle; margin:0 5px 0 0; vertical-align:middle; border:none;}

.inp-group{ display:inline-block; vertical-align:middle;}
.inp-group .input+.selectBox{ margin-left:-4px;}

button{ border:0 none; background:none;}
textarea{ padding:0 4px; border:#ddd 1px solid; margin:0;}
select{ height:30px; padding:0 2px 0 2px; min-width:40px; vertical-align:middle; }
select.select{ border:#e7e3e1 1px solid;}
label { display:inline-block; vertical-align:middle; font-weight:normal;}
label.radio{ margin-right:20px;}

.radio-grp label{ display:inline-block; line-height:20px; height:20px; padding:5px 0; margin-right:20px;}

a { -webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out; }
a:hover { text-decoration:none;}
a:focus,
a:active {}

* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
*:before,
*:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

.clearfix:before,
.clearfix:after,{
  display: table;
  content: " ";
}
.clearfix:after{
  clear: both;
}

:-ms-input-placeholder{color:#999; line-height:35px; vertical-align:middle; }
::-moz-placeholder{color:#999; line-height:35px; vertical-align:middle; }
:-moz-placeholder{color:#999; line-height:35px; vertical-align:middle; }
::-webkit-input-placeholder{ color:#999; vertical-align:middle; font-weight:normal; }

/* uio file upload */
.uio-upload-file{ position:relative; display:inline-block; }
.uio-upload-file span{ display:block; padding-left:99px}
*+html .uio-upload-file span{padding-right:78px}
.uio-upload-file .uio-btn-type{ position:absolute; top:0; left:0; display:inline-block; height:32px; line-height:32px; color:#666; text-align:center; border:#b3b3b3 1px solid; background-color:#f7f7f7; padding:0; width:100px; vertical-align:middle; cursor:pointer;}
.uio-upload-file span input{ width:100%; height:32px; line-height:32px; border:#dbdbdb 1px solid; text-indent:15px; background-color:#fff; }

/* Buttons */
.btn{ padding:0 12px; line-height:36px; min-width:40px; margin:0; height:36px; font-size:14px; text-align:center; -webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -ms-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out; display:inline-block;}

.btn-default{ background:#fff; color:#333; border:#e7e3e1 1px solid; }
.btn-default:hover{ background-color:#fff344; color:#222; border:#fff344 1px solid;}
.btn-green{ background-color:#0f6347; color:#fff; border:#0f6347 1px solid; }
.btn-green:hover{ background-color:#0f6347; color:#fff344; border:#0f6347 1px solid; }
.btn-transparent{ background-color:transparent; color:#fff; border:#fff 1px solid; }
.btn-transparent:hover{ background-color:transparent; color:#fff; border:#fff 1px solid;}

.btn-lg{ line-height:50px; height:50px; font-size:16px; padding:0 35px; }

.btn.block{ width:100%; display:block;}
.btn>i{ vertical-align:middle; font-size:1.5em;}
.btn>i.ico-down{ display:inline-block; margin-left:10px; background:url(../images/icon_down.png) 50% 50% no-repeat; width:25px; height:21px; vertical-align:middle;}
.btn>i.ico-arr{ display:inline-block; margin-left:10px; background:url(../images/icon_arr.png) 50% 50% no-repeat; width:25px; height:21px; vertical-align:middle;}
.btn:hover>i.ico-arr{ background:url(../images/arr_yellow.png) 50% 50% no-repeat; }

/* btn-box */
.btn-box{ width:100%; margin-top:30px; text-align:center; position:relative; clear:both; }
.btn-box:after{content:'';display:block;clear:both;height:0px;visibility:hidden;}
.btn-box .btn{ float:none;}
.btn-box>.fr{ float:right;}
.btn-box>.fl{ float:left;}
.btn-box.page-line{ position:relative; z-index:1; height:0; margin-top:0; }
.btn-box.page-line .fr,
.btn-box.page-line .fl{ position:absolute; top:-30px; float:none; }
.btn-box.page-line .fr{right:0;}
.btn-box.page-line .fl{left:0;}
.btn-box [class^="btn"],
.btn-box [class*=" btn"]{margin:0 2px;}
.btn-box .fr [class^="btn"]:last-child,
.btn-box .fr [class*=" btn"]:last-child{margin-right:0;}
.btn-box .fl [class^="btn"]:first-child,
.btn-box .fl [class*=" btn"]:first-child{margin-left:0;}
.btn-box.r [class^="btn"]:last-child,
.btn-box.r [class*=" btn"]:last-child{margin-right:0;}

/* font */
.l{ text-align:left; !important;}
.c{ text-align:center !important;}
.r{ text-align:right !important;}
.vt{ vertical-align:top !important;}
.vm{ vertical-align:middle !important;}
.underline{ text-decoration:underline;}

.no-txt{ padding:115px 0; text-align:center; color:#666; font-size:20px; border-bottom:#e6e7e8 1px solid;}
.desc01{ text-indent:-10px; padding-left:10px;}

/* color */
.cRed{ color:#ed1b2f !important;}
.cPink{ color:#df007e !important;}
.cGreen{ color:#06954a !important;}
.cGreen2{ color:#0f6347 !important;}
.cOrange{ color:#ff6e16 !important;}
.cBlue{ color:#4096d8 !important;}
.fontDotum{ font-family:'돋움',Dotum, Gulim, serif;  }


/* margin, padding */
.pt0{ padding-top:0 !important;}
.ml10{ margin-left:10px !important;}
.mt0{ margin-top:0 !important;}
.mt5{ margin-top:5px !important;}
.mt10{ margin-top:10px !important;}
.mt15{ margin-top:15px !important;}
.mt20{ margin-top:20px !important;}
.mt30{ margin-top:30px !important;}
.mt40{ margin-top:40px !important;}
.mt50{ margin-top:50px !important;}
.mt60{ margin-top:60px !important;}
.mt70{ margin-top:70px !important;}
.mt80{ margin-top:80px !important;}
.ml5{ margin-left:5px !important;}
.ml10{ margin-left:10px !important;}
.ml20{ margin-left:20px !important;}
.ml40{ margin-left:40px !important;}
.mr20{ margin-right:20px !important;}

/* blt- */
[class^="blt-"],
[class*="blt-"]{ display:inline-block; width:45px; height:20px; border-radius:0; overflow:hidden; text-align:center; line-height:20px; font-size:12px; color:#fff;}
.blt-orange{ background-color:#ff6e16; color:#ffe63f;}
.blt-green{ background-color:rgba(15,99,71,0.8); color:#fff;}



.certify_wrap {text-align: center; background: #e3eee3; padding: 50px 0}