/* Reset */
html,body{width:100%;height:100%;background-color:#fff;*word-break:break-all;-ms-word-break:break-all}
html{}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,form,fieldset,p,button{margin:0;padding:0}
body,h1,h2,h3,h4,input,button{font-family:"Open Sans","NG","NGB", "Malgun Gothic","Nanum Gothic", NanumGothic, Dotum,"돋움", "Noto", Arial;font-size:13px;line-height:20px;color:#383d41}
img,fieldset,iframe{border:0 none}
li{list-style:none}
input,select,button{vertical-align:middle}
img{vertical-align:middle;}
i,em,address{font-style:normal}
label,button{cursor:pointer}
button{margin:0;padding:0}
a{color:#909090;text-decoration:none}
a:hover{color:#2286ea;text-decoration:none;}
a { transition:all 0.2s ease-in; -webkit-transition:all 0.2s; -moz-transition:all 0.2s; } /* a링크 부드럽게 바뀌게하기 */
button *{position:relative}
button img{left:-3px;*left:auto}
html:first-child select{height:20px;padding-right:6px}
option{padding-right:6px}
hr{display:none}
legend{*width:0}
table{border-collapse:collapse;border-spacing:0}



/* common class */
.show_red {border:1px solid red;}
.center {margin-left:auto;margin-right:auto; text-align:center;}
.left {text-align:left;}
.right {text-align:right;}
.hidden {display:none;}
.hd {text-indent:-5000px; visibility:hidden; width:0px; height:0px;}
.float_l {float:left;}
.float_r {float:right;}
.ellipsis {text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.cb {clear: both;}
.fixed {position:fixed;}


/*화면*/
.sub #contents {position:relative; zoom:1;  z-index:5;}
#contents:after, #contents_layer:after {content: "";display: block;clear: both;}
#contents_layer {position:relative;  opacity:0; filter: alpha(opacity=0;); z-index:5; }
.subArea { overflow:hidden;}
.topArea { position:relative; height:100vh; background-position:center center; background-size:cover; background-repeat:no-repeat; z-index:1;}
.topArea_line { position:absolute; width:100%; height:20px; left:0; bottom:0; background:#fff; z-index:5;}
.subTitle { position:absolute; width:321px; height:321px; left:50%; top:50%; margin:-160px 0 0 -160px;  z-index:5;}
.subTitle h2 { position:absolute; right:80px; bottom:152px; text-align:right; color:#fff; font-weight:400; -webkit-text-shadow: 2px 2px rgba(0, 0, 0, 0.3); -moz-text-shadow: 2px 2px rgba(0, 0, 0, 0.3); text-shadow:2px 2px rgba(0, 0, 0, 0.3);}
.subTitle h2 .title01 { display:block; font-family: 'Roboto Condensed', sans-serif; font-size:26px; margin-bottom: 10px; line-height:1.3em; text-transform:uppercase; }
.subTitle h2 .title02 { display:block; font-family: 'Libre Baskerville', serif; font-size:60px; line-height:0.7em;  letter-spacing:-0.01em;}
.subTitle h2 .title03 { display:block; line-height:1.2em; margin-top:0.5em;}
.subTitle .btn_scroll { position:absolute; right:150px; bottom:60px;-webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease;}
.subTitle .btn_scroll:hover, .subTitle .btn_scroll:focus { bottom:50px;}
#subCon { position:relative; padding-bottom:80px; z-index:5;}

.conTitle { margin-top: 130px; margin-left:100px; }
.conTitle dt {padding-left:190px; margin-bottom:30px; background:url(../images/sub/subTitle_line.png.png) left 30px no-repeat; background-size:42px 2px;}
.conTitle dt .title01 { display:block;font-family: 'Libre Baskerville', serif; font-size:60px; color:#454545; line-height:1em;  letter-spacing:-0.01em; margin-bottom:30px;}
.conTitle dt .title02 { display:block;display:block; font-size:20px; line-height:1.2em; color:#2988d1; text-transform:uppercase;margin-bottom:30px;}
.conTitle dt .title03 { display:block; font-size:17px; line-height:1.2em; color:#404040; margin-bottom:30px;}
.conTitle dt .title_line { display:block; width:30px; height:2px; background:#000; }
.conTitle dd {padding-left:190px;}
.conTitle dd div { font-size:17px; line-height:1.2em; color:#404040; margin-bottom:20px;}

.btn_more { display:inline-block; font-family: 'Roboto', sans-serif; font-size:12px; font-weight:700; letter-spacing:0.3em; line-height:30px; color:#454545; text-align:center; text-transform:uppercase; padding:5px 50px; border:2px solid #454545;-webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; }
.btn_more:hover, .btn_more:hover { margin:0 15px;}

.boardNav { width:240px; }
.boardNav li { float:left; margin:0 3px 3px 0;   }
.boardNav li a { display:inline-block;  font-size:13px; line-height:30px; color:#454545; text-align:center; text-transform:uppercase; padding:0 30px; border:2px solid #454545; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease;}
.boardNav li.this a, .boardNav li a:hover, .boardNav li a:focus { background:#454545; color:#fff;}