@charset "UTF-8";

@font-face {
  font-family: NotoSansCjk;
  src: url(../font/NotoSansKR-Thin.otf);
  font-weight: 100;
}
@font-face {
  font-family: NotoSansCjk;
  src: url(../font/NotoSansKR-Light.otf);
  font-weight: 200;
}
@font-face {
  font-family: NotoSansCjk;
  src: url(../font/NotoSansKR-DemiLight.otf);
  font-weight: 300;
}
@font-face {
  font-family: NotoSansCjk;
  src: url(../font/NotoSansKR-Regular.otf);
  font-weight: 400;
}
@font-face {
  font-family: NotoSansCjk;
  src: url(../font/NotoSansKR-Medium.otf);
  font-weight: 500;
}
@font-face {
  font-family: NotoSansCjk;
  src: url(../font/NotoSansKR-Bold.otf);
  font-weight: 700;
}
@font-face {
  font-family: NotoSansCjk;
  src: url(../font/NotoSansKR-Black.otf);
  font-weight: 900;
}

.clear:after {    
    clear: both; 
    content:" "; 
    display:block;
}

html,body{
    background: #fff;
    height: 100%;
    font-size: 14px;
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */color: #ccc;opacity: 1; /* Firefox */}
:-ms-input-placeholder { /* Internet Explorer 10-11 */color: #ccc;}
::-ms-input-placeholder { /* Microsoft Edge */ color: #ccc;}


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;
	font-size: 100%;
	font: inherit;
    font-family: NotoSansCjk;
	vertical-align: middle;
}
b, strong, span{vertical-align: top;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
	text-align: center;
	font-family: NotoSansCjk;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a {
    text-decoration: none;
}
button {
    background: transparent;
    border: none;
}


.k_container{max-width: 1300px; width: 100%; margin: 0 auto; text-align: left;}
.k2_stoke{width: 30px; height: 5px; background: #FF791F;  margin: 3% auto;}

.back_color_eee{background: #f7f7f7;}

/*헤드 & 네비*/
.k_header{position: fixed; top: 0; width: 100%; background: #fff; z-index: 1000; height: 4rem;}
.head_nav{}
.head_nav>h1{width: 140px; display: inline-block; vertical-align: middle;}
.head_nav>h1>a{width: 100%;}
.head_nav>h1>a>img{margin-top: 8px;}
.head_nav>ul{float: right;}
.head_nav>ul>li{float: left; text-align: center; width: 120px;}
.head_nav>ul>li>div{color: #414042; font-size: 1rem; height: 4rem; line-height: 4rem; font-weight: 500; cursor: pointer;}
.head_nav>ul>li>div:hover{ color: #ff791f; }
.head_nav>ul>li>div>a{vertical-align:top; color: #414042; width:100%; height:100%; display:inline-block;}
.head_nav>ul>li>div>a:hover{color:#ff791f;}
.head_nav>ul>li>div>span{display: none;}
.head_nav #langBtns > a,.head_nav #langBtns > span {height:4rem; line-height: 4rem;color:#414042;}
.head_nav #langBtns > a:hover{color:#ff791f;}

.m_nav1{float: right; margin-top: 7px; display: none;}


/*서브 네비*/
.back_opc{width: 100%; height: 100%; position: fixed; background: rgba(0,0,0,0.7); z-index: 950; display: none;}
.sub_meun{padding-top: 30px;display:none;}
.sub_meun>li{text-align: center; padding-bottom: 10px; }
.sub_meun>li>a{color: #fff; font-weight: 200; text-align: center; font-size: 14px; transition: all 0.5s;}
.sub_meun>li>a:hover{color: #FF791F; font-weight: bold;}

/*푸터*/
.footer{background: #333; padding-bottom: 50px;}
.footer>p{color: #a2a2a2; padding: 30px 0; font-size: 1rem; line-height: 1.5rem; font-weight: 300;}
.fooer_cont{text-align: center;}
.fooer_cont>li{display: inline-block; }
.fooer_cont>li>span:nth-child(1){font-size: 1rem; color: #fff; margin-right: 30px;}
.fooer_cont>li>span:nth-child(2){font-size: 1rem; color: #a2a2a2; margin-right: 30px;}

.sec_padding{padding: 8% 0;}

.heightnav{height: 64px;}
/*hamburger*/


.row .three{
  padding: 80px 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #2c3e50;
  color: #ecf0f1;
  text-align: center;
}

.hamburger .line{
  width: 30px;
  height: 2px;
  background-color: #555;
  display: block;
  margin: 8px auto;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.hamburger:hover{
  cursor: pointer;
}

/* ONE */

#hamburger-1.is-active .line:nth-child(2){
  opacity: 0;
}

#hamburger-1.is-active .line:nth-child(1){
  -webkit-transform: translateY(10px) rotate(45deg);
  -ms-transform: translateY(10px) rotate(45deg);
  -o-transform: translateY(10px) rotate(45deg);
  transform: translateY(10px) rotate(45deg);
}

#hamburger-1.is-active .line:nth-child(3){
  -webkit-transform: translateY(-10px) rotate(-45deg);
  -ms-transform: translateY(-10px) rotate(-45deg);
  -o-transform: translateY(-10px) rotate(-45deg);
  transform: translateY(-10px) rotate(-45deg);
}



/*그누보드 게시판 수정*/

#bo_gall{width: 100%; max-width: 1200px; margin: 0 auto; padding-top:100px;}
.bo_w_select {text-align: left;}
#bo_w,#bo_v,#bo_list{padding-top:100px;}

@media (max-width:1300px){
    :root{font-size: 15px;}
    .k_container{width: 95%;}
}
@media (max-width:1024px){
    :root{font-size: 14px;}
    .head_nav>ul>li{width: 90px;}
}
@media (max-width:768px){
    :root{font-size: 13px;}
    .width100{width: 100% !important;}
    .head_nav>h1{height: 4rem; width: 100%;}
    .head_nav>h1>a{width: 100px; display: inline-block; margin-left: 20px; float: left;}
    .head_nav>ul{width: 100%; float: none; border-bottom: 2px solid #e5e5e5; display: none;}
    #langBtns {padding:0 20px;}
    .head_nav>ul>li{width: 100%; background: #fff; border-top: 1px solid #e5e5e5; text-align: left; float: none;}
    .head_nav>ul>li>div{padding: 0 20px;}
    .head_nav>ul>li>div>span{float: right; display: block; width: 15px;}
    .sub_meun{width: 100%; margin: 0; padding-top:0px;}
    .sub_meun>li{width: 100%; text-align: left;background: #f4f4f4; margin: 0 auto; padding-bottom:0px;}
    .sub_meun>li>a{width: 100%; padding: 15px 30px; margin: 0;  display: inline-block; text-align: left; font-size: 1rem; color: #555; font-weight: 400; border-bottom: 1px solid #fff;}
    .m_nav1{display: block;}
    .k2_stoke{height: 3px; margin: 5% auto;}
	.head_nav>ul>li>div>a{width:auto;}
}
@media (max-width:480px){
    :root{font-size: 12px;}
}