/**
 * LayoutCSS
 * @authorEunok Kim (publisher@to-be.co.kr)
 * @version0.1
 * @date 2015-08-24
**/

@charset "utf-8";



@font-face{
font-family:'NanumGothic';
src:url('../font/NanumGothic.eot');
src:url('../font/NanumGothic.eot?#iefix') format('embedded-opentype'),
    url('../font/NanumGothic.woff') format('woff'),
    url('../font/NanumGothic.ttf') format('truetype');
}

/*********************** Base Reset Style ***********************/
/* Font */
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,dl,dt,dd,ol,ul,li,fieldset,form,input,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,header,footer,nav,section,article,aside,figure,video,audio,textarea,input,button,label,option,select{margin:0;padding:0;list-style:none;font-style:normal;font-weight:normal;color:#484c50;font-size:12px;font-family:'Nanum Gothic','굴림',Dotum,AppleGothic,Arial,Helvetica,sans-serif;-webkit-text-size-adjust:none;}
header,footer,nav,section,article,aside,figure{display:block;}

/* Hdden Tag */
caption/*mobile ,legend*/{font-size:0px;color:#282828;line-height:0;}
hr{visibility:hidden;overflow:hidden;position:absolute;width:0;height:0;font-size:0;line-height:0;}
fieldset{border:none;}
/* Table Style */
table{width:100%;border-spacing:0;border-collapse:collapse;}
td,th{vertical-align:middle;}
/* Form Style */
input,textarea,select{padding:0;width:100%;}
input::-webkit-input-placeholder {line-height:4.367rem;}
input:-moz-placeholder {line-height:4.267rem;}
input:-ms-input-placeholder {line-height:4.367rem;}
/* Link Style */
a, a:link, a:visited{text-decoration:none;} 
a:hover{text-decoration:none;}
a:active{text-decoration:none;}
a:focus{outline:dotted 1px #999;}
em, address{font-style:normal;}
b{font-weight:bold;}
label,
input,
button{margin:0;padding:0;outline:none;cursor:pointer;}
.hidden{display:none;}
strong{font-family:'맑은 고딕','Malgun Gothic','굴림',Dotum,AppleGothic,Arial,Helvetica,sans-serif;}
select::-ms-expand{ display: none;}
select{-webkit-appearance:none;-moz-appearance:none;appearance:none;}


/*********************** Skip Menu Style ***********************/
.skip_menu a{position:fixed;left:-9999em;display:inline-block;padding:1.250rem 0;width:8.250rem;text-align:center;font-size:0.833rem;color:#fff ! important;background-color:#ff6610 ! important;z-index:2;}
.skip_menu a:focus{left:0px;top:0px;}


/******************** Layout ********************/
html{height:100%;background:#ffffff;overflow:hidden}
body{height:100%;overflow:hidden}
#container{padding:115px 0 30px 130px;min-height:80%;position:relative;overflow:hidden;}
#header{position:absolute;left:0px;top:0px;width:100%;z-index:2;}


*[data-btn]{display:inline-block;padding:0 20px;min-width:75px;height:50px;line-height:50px;border-radius:3px;vertical-align:middle;position:relative;}
#content.f_left *[ data-table="type1"] *[data-btn]{padding:0;min-width:60px;}
*[data-btn="type1"]{color:#fff;border:solid 1px #aaaaaa;background:#bbbbbb;box-shadow:inset 0 2px 2px #dadada;font-size:18px;font-weight:bold;}
*[data-btn="type1"]:hover{background:#aaaaaa;box-shadow:none;}
a[data-btn]{padding:0 10px;text-align:center;}




/************** 2차 *********************/
body.error {padding:220px 0 0 0;background:none;height:initial;overflow:hidden}
html.error{background:#ffffff;}
.error_title{margin:0 0 50px 0;text-align:center;font-size:44px;font-weight:bold;color:#ffffff;}
.error_box{margin:auto;padding:70px 0 0 0;width:650px;height:300px;background:#fff;position:relative;border:solid 1px #a9a9a9;text-align:center;}
.error_box h1{margin:0 0 40px 0;font-size:38px;color:#0193d7;text-align:center;font-weight:bold;}
.error_box h2{margin:0 0 10px 0;font-size:24px;color:#555555;text-align:center;font-weight:bold;}
.error_box h3{margin:0 0 50px 0;font-size:18px;color:#999999;text-align:center;font-weight:bold;}