@charset "utf-8";
*{margin:0;padding:0;}
html,body{height:100%}
html{overflow-y:auto;overflow-x:hidden}
body{margin:0;padding:0;font-size:18px;color:#000;}
h1, h2, h3, h4, h5, h6{font-size:100%;margin:0px 0px 0px 0px;}
p, ul, ol, li, dl, dt, dd, form, fieldset{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;font-size:100%;border:0px none;}
ul, ol, li{list-style:none;font-size:100%;}
table{border-collapse:collapse;font-size:100%;}
th, td{vertical-align:top;}
a{text-decoration:none;font-size:100%;color:#000;}
a:visited{text-decoration:none;color:#000;}
a:hover{text-decoration:none;color:#000;}
img{border:0px none;font-size:0px;vertical-align:top;}
input{vertical-align:top;font-size:100%;}
iframe{border:0px none;}
.blind,legend,caption,#accessibility, button.sch_btn span, .sound_only{width:0px; height:0px;position:absolute; overflow:hidden; font-size:0px; line-height:0px; z-index:-1;visibility:hidden;}
.hidden,hr{visibility:hidden;}

@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);

 @font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 100;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');}

@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 300;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');}

@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 400;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');}

@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 500;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');}

@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 700;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');}

@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 900;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');}

body, talbe, th, td, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6,
	pre, form, fieldset, textarea, blockquote, span, * {
	font-family: 'Noto Sans KR', sans-serif;
	font-size:16px;
	line-height: 140%;
	word-break: keep-all;
}

#wrap{position:relative;width:100%;height:100%;box-sizing:border-box;}

.inner{max-width:100%;padding:0;margin:0 auto;}

/* div.box{position:absolute;left:40px;top:40px;width:calc(100% - 80px);height:calc(100% - 80px);border:2px solid #e31e0f;z-index: 1} */

header{position:fixed;top:0;width:100%;height:80px;z-index: 2;}
header::before{position:fixed;display:block;top:0;width:100%;content: "";height:80px;background:#000;opacity: 0.7;}
    /* header h1{position:absolute;left:50%;top:0; transform: translateX(-50%);} */
    header .inner{position: relative;padding:0 68px;}
		header h1{position: relative;float:left;padding-top:24px;z-index: 11}
    header nav{width:70%;float:right; max-width: 1100px;}
		header nav ul{float:right;display: flex;width:80%;justify-content: space-between; align-items: center;height:80px;}
		header nav a{font-size:18px;color:#fff}
    header nav a.on{}
		header nav a:visited{color:#fff;}
		header nav a:hover{color:#fff;}
    header p{float:right;display: flex;width:20%;justify-content: end; align-items: center;height:80px;}
    header p span{display: inline-block;padding: 0 10px;color:#fff}
    header p a.on{font-weight: bold;border-bottom:3px solid #fff;}

    .nav{position:fixed;z-index: 10;display:none;}

.videof, .videot, .videot_m, .visual_pc, .visual_mo {
  width: 100%    !important;
  height: 100%   !important;
}

.visual_pc{display: block;}
.visual_mo{display: none;}

video {
    object-fit: cover  ;
}

textarea{resize: none;}

#visual{position:relative;width:100%;height:100%;overflow:hidden;}
  #visual a{position: absolute;display: block;right: 2.8%;top: 15%;transform: translate(-50%,-50%);cursor: pointer;z-index: 1;}

#wrapper_bgndVideo{position: absolute !important;}

#visual.visual_solution {height: auto;width:100%;min-height:540px;background:#2e1131 url(../images/motor_visual.jpg) no-repeat center top;background-size:auto 100%;}
#visual.visual_contact {height: auto;width:100%;min-height:540px;background:#2e1131 url(../images/contact_visual.jpg) no-repeat center top;background-size:auto 100%;}
#visual.visual_news {height: auto;width:100%;min-height:540px;background:#2e1131 url(../images/news_pc_top.jpg) no-repeat center top;background-size:auto 100%;}
#visual.visual_graph {height: auto;width:100%;min-height:540px;background:#181824 url(../images/solution_graph_pc_bg.jpg) center top no-repeat;background-size:cover;}

#visual.visual_solution img,
#visual.visual_news img,
#visual.visual_contact img{width:100%;display: none}


#visual .visual_txt{position: absolute;left:50%;bottom:30%;transform: translateX(-50%);min-width:1140px;font-size:50px;font-weight: bold;color:#fff;text-shadow: 3px 4px 5px #713b53;}
#visual .more{display: block;position: absolute;left:50%;bottom:35px;transform: translateX(-50%);z-index: 1}

#container .inner{padding:0;}
  .con_left{float:left;width:50%;}
  .con_right{float:right;width:50%;}
  .con_left img, .con_right img{width:100%}

/* page title */
div.box{clear:both;width:100%}

h2.txt{padding:5% 75px 0;font-size:38px;font-weight: bold;box-sizing: border-box;}
h2.txt span.bar{display: block;width:10px;height: 43px;margin-bottom:30px;background: #000;}
h2.txt p{padding-top:30px;font-size:16px;font-weight: normal;}
h2.txt p strong{font-size:20px;}

.way h2.txt, .custom  h2.txt{max-width: inherit/*600px*/;float: right;}
.way h2.txt p{line-height: 200%;}
.way h2.txt p strong{display: inline-block;padding-bottom:15px;}
.way h2.txt p>span{display: block; padding-left:54px; text-indent: -54px;}
/*
.way h2.con_right.txt{max-width: inherit;}
.way h2.txt p{font-size:13px !important;} */

.solution{position: relative;display: flex;justify-content: center;}
  .solution img{width:100%}
  .solution .txt{position: absolute;top: 43%;text-align: center;color: #fff;width: 100%;padding: 0;}
  .solution .txt p{margin: 0 0 2.5%;}
  .solution .btn{display: inline-block;margin: 4% 0 0;padding:12px 30px 14px;color:#1b1b1b;font-size: 16px;background: #d96734;}
  .solution .btn span{display: inline-block;padding-left:10px;font-size: 15px;}

.partners{text-align: center;}
  .partners ul{max-width: 1460px;overflow: hidden;margin:10px auto 100px;}
  .partners ul li{float:left;width: 23%;padding:30px 1% 0;}
  .partners ul li img{max-width:100%;}
  .solution img.pc{display: block;}
  .solution img.mo{display: none;}

.motor .box{position: relative;padding:0;}
  .motor .box.bg{background: #eaeaea}
  .motor .box .box_inner{max-width:1250px;margin: 0 auto;padding:70px 30px;overflow: hidden}
  .motor .box .box_inner h2.txt{padding:0 0 20px 30%;}
  .motor .box .box_inner h2.txt p{padding-top: 0;}
  .motor .box .box_inner>p{width:30%;float:left;padding: 0 50px 0 0;box-sizing: border-box;}
  .motor .box .box_inner>p img{width:100%;margin-top:10px;}
  .motor .box .box_inner ul{width:70%;float:left;overflow: hidden;}
  .motor .box .box_inner ul li{float:left;width:33.33%;margin-top:15px;display: flex;justify-content: flex-start;align-items: center;letter-spacing: -0.02em;font-size: 15px;}
  .motor .box .box_inner ul li p{line-height: 180%;padding-top: 8px;}
  .motor .box .box_inner ul li strong{font-size:17px;}
  .motor .box .box_inner ul li span{font-size:15px;}
  .motor .box .box_inner ul li img{width: 33%;margin-right:15px}

.solution_box{position: relative;display:flex;align-items: center;max-width: 1250px; margin: 70px auto; overflow: hidden;border-radius: 25px;background: #ec5d25;}
  .solution_box img{}
  .solution_box p{display: flex;align-items: flex-end;margin:0 30px;font-size:24px;line-height: 36px;color:#fff}
  .solution_box a{display: inline-block;margin-left:30px;padding:10px 30px;font-size:16px;background: #fff}

.solution_box .pc{display: block;}
.solution_box .mo{display: none;}

.contact {}
  .contact h2.txt{text-align: center;font-size:26px;line-height: 85px;}
  .contact ul{width:880px;margin:0 auto;}
  .contact ul li{padding:14px 0;}
  .contact ul li input{width:100%;height: 40px;line-height: 40px;text-indent: 50px;font-size:16px;border:1px solid #c3c3c3;background: #f0f0f0;box-sizing: border-box;}
  .contact ul li textarea{width:100%;height:350px;padding:15px 50px;font-size:16px;border:1px solid #c3c3c3;background: #f0f0f0;box-sizing: border-box;}
  .contact ul li ::placeholder {color: #989898;}
  .contact a{display: block;width:200px;height:42px;line-height:42px;padding-left:20px;margin:20px auto 130px;text-align: center;color:#fff;background: #1b1b1b;}
  .contact a span{display: inline-block;padding-left:20px;}


footer{clear:both;z-index: 1;background: #262626}
	#footer{position: relative;max-width:960px;padding:70px 0;margin:0 auto;color:#727272;overflow:hidden;}
  #footer>p{position: absolute;left:20px;top:70px;}
	footer div.add{position: relative;padding-left: 160px;color:#727272;}
		footer div.add *{vertical-align: middle;}
    footer div.add a.map{display: inline-block;margin-bottom:25px;padding-bottom:5px;font-size:22px;font-weight: bold;color:#727272;border-bottom:2px solid #727272;display: none}
		footer div.add ul{overflow:hidden; width:100%;padding-top:7px;text-align: left}
		footer div.add ul li{float:left;margin-right:30px;}
		footer div.add ul strong{vertical-align: top}
    footer div.add address{display: inline-block;padding-top:20px;font-style: normal;}

@media (min-width:1920px) {
  .visual_solution img,
  .visual_news img,
  .visual_contact img{display: none}

  #visual.visual_solution, #visual.visual_news, #visual.visual_graph, #visual.visual_contact{background-size:cover}
}

@media (max-width:1500px) {
  header nav a{font-size: 16px;}

  h2.txt{padding-top: 3.5% ;}
  h2.txt span.bar{float:left;margin: 0 0 0 -30px;}

  .custom .txt p, header p a.on {font-size: 16px}
}

@media (max-width:1400px) {
  .motor .box .box_inner h2.txt{padding: 0 0 20px 21%;}
  .motor .box .box_inner>p{width: 20%;padding: 30px 30px 0 0;}
  .motor .box .box_inner ul{width: 80%;}
}

@media (max-width:1300px) {
  .solution_box{margin:70px 30px 0;}
}

@media (max-width:1200px) {

  .visual_pc{display: none;}
  .visual_mo{display: block;}

  header::before{height: 60px;}

  header .inner{padding:0 30px;}

  header h1{padding-top: 18px;transition: 0.1s}
  header h1 img{width:70px;}

  nav ul{display:none !important;}
  .nav{display: block;top: 12px;left: 50%;margin-left: -15px;}

  header p{position: relative;height: auto;margin-top: 65px;z-index: 11}

  /* input 중에 id가 trigger인 항목에 대한 css */
  input[id=trigger] {
      display: none;
  }

  /* label 중에 for가 trigger인 항목 */
  label[for=trigger] {
      /* border: 1px solid red; */
      position: relative;
      width: 7px;
      height: 7px;
      border: 1px solid #fff;
      border-radius: 100%;
      padding: 15px;
      display: block;
      position: relative;
      cursor: pointer;
  }
  label[for=trigger] .area {
    position: absolute;
    left:50%;
    top:0;
    width: 7px;
    height: 7px;
    display: block;
    z-index: 1000;
  }

  /* label 중에 for가 trigger인 항목 안의 span */
  label[for=trigger] span {
      display: block;
      height: 3px;
      background-color: #fff;
      top:25%;
      left: 25%;
      width: 50%;
      position: absolute;
      transition: 0.3s;
      z-index: 1000;
  }

  /* label[for=trigger] > span의 n번째 요소 */
  label[for=trigger] span:nth-child(1) {
  }

  label[for=trigger] span:nth-child(2) {
      top:45%;
  }

  label[for=trigger] span:nth-child(3) {
      top:65%;
  }
  input[id=trigger]:checked + label {width: 7px;}
  input[id=trigger]:checked + label span{margin: -1px 0 0 -10px;  top: 50%;transform: rotate(45deg);  width: 20px; left: 50%;}

  /* check시 변하는 label[for=trigger] > span의 n번째 요소  */

  input[id=trigger]:checked + label span:nth-child(1) {
    left:0;
    transform: rotate(45deg);
  }

  input[id=trigger]:checked + label span:nth-child(2) {
    left:50%;
    transform: rotate(-45deg);
  }

  input[id=trigger]:checked + label span:nth-child(3) {
      left:100%;
      display: none
  }

  /* 사이드바 */
  .sidebar {
      width: 100%;
      height: 100vh;
      background-color: #000;
      position: fixed;
      top: -100vh;
      left: 0;
      opacity: 0.8;
      transition: 0.3s;
  }

  /* input[id=trigger]가 체크되었을 때 사이드바가 나오는 형제 인접자 */
  input[id=trigger]:checked ~ .sidebar {
      top: 0;
  }

  /* check시 같이 밀려나가는 CSS 햄버거 메뉴 */
  input[id=trigger]:checked + label[for=trigger] {
      top: 0;
      transition: 0.3s;
      z-index: 1
  }

  header .nav ul{
    text-align: center;
    padding: 25% 0 0 0;
    height: 100%;
    box-sizing: border-box;
  }

  header nav{margin-top: -50px;}
	header nav ul{flex-direction: column;}

  header .nav ul li{height: 10%;}
  header .nav ul a{font-size:24px;color:#fff}
  header .nav ul a.on{}
  header .nav ul a:visited{color:#fff;}
  header .nav ul a:hover{color:#fff;}

  footer{padding:0 40px;}

  #footer>p{position: relative;left: auto;top: auto;}

	footer div.add{height:auto;padding:30px 0;letter-spacing: -0.02em;    font-size: 13px;}
	footer div.add ul{float:left;}
	footer div.add ul li{float:none;}

  h2.txt {padding:  10%;}

  .way h2.txt, .custom h2.txt{max-width: 100%;float: right;}

  #visual .visual_txt{width:100%;padding:0 30px;left:0;transform: translateX(0);box-sizing: border-box;}

  .solution .txt{top:40%;}
  .solution .txt p{margin: 0 0 1.5%;}
  .solution .btn{margin: 1% 0 0;}

  .con_left{float:none;width:100%;}
  .con_right{float:none;width:100%;}

  .motor .box .box_inner h2.txt{padding: 0 0 20px 0;text-align: center;}
  .motor .box .box_inner>p img{width: 40%;width:auto;}
  .motor .box .box_inner>p, .motor .box .box_inner ul{float:none; width:100%; text-align: center}
  .motor .box .box_inner ul li p{text-align: left}

  .solution_box .pc{display: none;}
  .solution_box .mo{display: block;width:100%}
  .solution_box p{position: absolute;top: 30%;left: 40%;flex-direction: column;align-items: flex-start;}
  .solution_box a{margin-left: 0;margin-top:30px;}

  .contact h2.txt {padding: 5% 0 2%;}
  .contact ul{margin:0 30px; width:calc(100% - 60px); box-sizing: border-box;}

	#visual.visual_graph {min-height:703px;background:#181824 url(../images/solution_graph_mo_bg.jpg) center top no-repeat;background-size:cover;}
}

@media (max-width:1000px) {
  .motor .box .box_inner>p img, .motor .box .box_inner>p img{width:80%}
  .motor .box .box_inner ul li{width:50%}


	#visual.visual_graph {min-height:703px;background:#181824 url(../images/solution_graph_mo_bg.jpg) center top no-repeat;background-size:cover;}
}

@media (max-width:821px) {
	.partners ul li{width:100%}
  .partners ul li img {max-width: 48%;}
  .partners ul li img {max-width: 48%;margin-bottom:0}

  .solution img.pc{display: none;}
  .solution img.mo{display: block;}

  .solution .txt{top: 45%;}
  .solution .txt p{margin: 0 0 5%;}
  .solution .btn{margin: 7% 0 0;}

  .motor .box .box_inner ul li{width:50%;box-sizing: border-box;padding: 0 0 0px 0;}
  .motor .box .box_inner ul li:nth-child(2n-1){padding: 0 0 0px 30px;}
  .motor .box .box_inner ul li img {margin-right: 25px;width: 30%;}
  .motor .box .box_inner ul li strong {font-size: 18px;}

  .solution_box p{position: absolute;top: 33%;left: 40%;flex-direction: column;align-items: flex-start;font-size:16px;line-height: 150%;}
  .solution_box a{padding: 7px 20px 10px;font-size: 14px;margin-left: 0; margin-top: 25px;}

  .solution_box a{padding: 7px 20px 10px;font-size: 14px;margin-left: 0; margin-top: 25px;}

  ul.board_list li div.data{display: none}
	ul.board_list li dl dt,
	div.board_view dl.tit dt{font-size:20px}
	ul.board_list li div.img img{width:100px;height:61px;margin-left: 10px;}

	div.board_view dl.tit dd{font-size:16px;}
	div.board_view div.view_btn .btn_con{font-size:0;height:20px;}
	p.btnarea{margin:40px 0 40px;}

	div.paging a.prev_start{background: url(../images/prev_1.png) no-repeat 50% 20% #fff;}
	div.paging a.prev{background: url(../images/prev.png) no-repeat 50% 20% #fff;margin-right:10px;}
	div.paging a.next{background: url(../images/next.png) no-repeat 50% 20% #fff;margin-left:10px;}
	div.paging a.next_end{background: url(../images/next_1.png) no-repeat 50% 20% #fff;}


	#visual.visual_graph {min-height:703px;background:#181824 url(../images/solution_graph_mo_bg.jpg) center top no-repeat;background-size:cover;}
}

@media (max-width:650px) {
	body, talbe, th, td, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6,
		pre, form, fieldset, textarea, blockquote, span, *{font-size:14px;}

  #visual{height: auto !important}
    video {
        object-fit: contain  ;
            vertical-align: top;
    }

	h2.box{font-size:20px;margin: 20px 0 45px;}
	h2.box_news{font-size:20px !important;margin: 0 !important;}
	h2.txt, .contact h2.txt{font-size:20px;}
	h2.txt p{font-size: 14px;}

  .way h2.txt p>span{display: block;padding-left: 42px; text-indent: -42px;}

  .box.solution h2.txt{font-size:18px;}

  h2.txt span.bar{margin: 0 0 0 -25px;width: 8px;height: 26px;}

  #visual.visual_solution, #visual.visual_news, #visual.visual_contact{background: none;min-height: auto;}
  #visual img.mo{display: block}
  #visual .visual_txt{font-size:25px;font-weight: bold;z-index: 1}

	#container .inner{padding: 0;}

  .solution .txt{top: 45%;}

	dl.partners dt{width:100%;margin:-40px 0 40px;font-size:22px;}
	dl.partners dd{flex:45%;margin:0 5%;}
	dl.partners img {width: 45%;}

  .motor .box .box_inner{padding:70px 10px;}
  .motor .box .box_inner>p img, .motor .box .box_inner>p img{width:60%;margin: 0 0 30px;}
  .motor .box .box_inner ul li{font-size: 13px;align-items: flex-start;}
  .motor .box .box_inner ul li:nth-child(2n-1){clear:both;padding: 0 0 0px 0;}
  .motor .box .box_inner ul li img{width:20%;margin-top:10px;margin-right: 10px;}
  .motor .box .box_inner ul li strong{font-size: 14px;}

  .solution_box{margin-bottom:30px;}
  .solution_box p{left: 33%;top: 35%;font-size:12px;line-height: 150%;}
  .solution_box a{padding: 3px 10px 5px;font-size: 12px;margin-top: 5px;}

  .contact h2.txt{line-height: 50px;}
  .contact ul li input, .contact ul li textarea{text-indent:20px;}
  .contact ul li textarea{padding: 15px 20px;text-indent:0;}

	#container_board .inner{padding: 30px 20px; }

  ul.board_list li{display: block !important;}
  ul.board_list li div.img img{width: 100% !important;height: auto !important;margin: 20px 0 0 !important;}

  #search form{flex-direction: column !important;display:block !important;}
    #search select#selbox{height: 40px;margin-right: 0; flex:1;min-width:100% !important;}
    #search div.input_wrap{width:100%;margin-top:10px; flex:1;min-width:100% !important;}
    #search div.input_wrap input{padding:0 16px !important;height: 40px;width: calc(100% - 86px) !important;}
    #search button.sch_btn{width:50px !important;background-size: 40% auto !important;}


	footer div.info{padding: 30px 0 80px;}
	footer div.info dl{float:none;width:80%;margin:0 auto 0;padding:30px 0;text-align: center}
	footer div.info dl dd{text-align: left;}


	#visual.visual_graph {min-height:703px;background:#181824 url(../images/solution_graph_mo_bg.jpg) center top no-repeat;background-size:cover;}
}


/* 2024-08-29 게시판 ======================================================= */
#container_board .inner{max-width:880px;padding:0 20px;margin:0 auto;}

/*h2.box_news{display:inline-block;margin:40px 0 75px;padding:0px 28px 3px;border-radius:50px;font-size:28px;color:#383838;border:2px solid #383838;}*/
h2.box_news{text-align: center;font-size:26px;line-height: 185px;}

/* 검색 */
#search {width: 100%; margin-bottom:40px; }
	#search form {display: flex;flex-flow: row wrap;width: 100%;justify-content: center;}
	#search select#selbox {min-width: 130px; border:2px solid #a2a2a2; background-image:url('../images/lang_arrow_on.png'); background-repeat: no-repeat; margin-right:9px; text-indent: 16px; background-position: right 11px center; color:#383838;}
	#search select {appearance : none ; -webkit-appearance : none; -moz-appearance : none; -ms-appearance : none; -o-appearance : none;}
	#search select::-ms-expand {display:none;}

	#search div.input_wrap{position: relative;width:50%;}
	#search div.input_wrap input {width:calc(100% - 140px); padding:16px; color:#383838; border:2px solid #a2a2a2;}
	#search button.sch_btn {position: absolute; right:0; top:0; margin: 0; border:0; padding: 9px 0; width:94px; background:#333333 url(../images/sch_btn.png) no-repeat center 13px; transition:0.4s all; display: flex; align-items: center;justify-content: center; height: 100%; font-size:0; cursor:pointer;}

ul.board_list{padding-top:40px;border-top:2px solid #000;}
	ul.board_list li{padding:18px 0;border-bottom:1px solid #aaa;display: flex;justify-content: space-between; align-items: center; width: 100%;cursor: pointer;}
	ul.board_list li div, ul.board_list li dl{flex-flow: column; }
	ul.board_list li div.data{padding-right:23px;margin-right:23px;border-right: 1px solid #aaa;}
	ul.board_list li div.data .y_date{font-size: 20px;line-height: 100%}
	ul.board_list li div.data .d_date{font-size: 36px;font-weight: bold;line-height: 100%}
	ul.board_list li dl {width:100%}
	ul.board_list li dl dt{font-size:20px;margin:-1px 0  8px;}
	ul.board_list li dl dt, ul.board_list li dl dd{white-space: normal;display: -webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow: hidden;}
	ul.board_list li div.img img{margin-left:80px;width:180px;height:110px;}

div.paging{clear: both;margin: 40px 0 0;text-align: center;}
	div.paging a, div.paging strong{display: inline-block;text-indent: -9999px; overflow: hidden; width: 10px; height: 30px;}
	div.paging strong, div.paging a.page{line-height: 140%;text-indent:0;margin:0 10px;border-bottom: 1px solid #fff;}
	div.paging strong{border-bottom: 1px solid #000;}
	div.paging a.prev_start{background: url(../images/prev_1.png) no-repeat 50% 40% #fff;}
	div.paging a.prev{background: url(../images/prev.png) no-repeat 50% 40% #fff;margin-right:10px;}
	div.paging a.next{background: url(../images/next.png) no-repeat 50% 40% #fff;margin-left:10px;}
	div.paging a.next_end{background: url(../images/next_1.png) no-repeat 50% 40% #fff;}

div.board_view{}
	div.board_view dl.tit{padding-bottom:25px;font-size:24px;}
	div.board_view dl.tit dt{padding-bottom: 5px;font-size:24px;font-weight: 500;}
	div.board_view dl.tit dd{font-size:20px;}

	/*div.board_view div.view{padding:50px 0;border:1px solid #aaa;border-width: 1px 0}*/
	div.board_view div.movie{padding:40px 0;border-top:1px solid #aaa;border-width: 1px 0}
	div.board_view div.view{padding:20px 0;border-bottom:1px solid #aaa;border-width: 1px 0}
	div.board_view div.view img{max-width: 100%;}

	div.board_view div.view_btn{position:relative;padding:10px 0;display: flex;justify-content: space-between;align-items: center;border:1px solid #aaa;border-width: 0 0 1px 0}
	div.board_view div.view_btn a{color:#000}
	div.board_view div.view_btn .btn_con{padding:0 20px;white-space: normal;display: -webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow: hidden;}
	div.board_view div.view_btn .view_btn_prev{width:50%;padding:0 0 0 100px;background: url(../images/prev.png) no-repeat left 45%;}
	div.board_view div.view_btn .view_btn_next{width:50%;text-align: right;padding:0 100px 0 0;background: url(../images/next.png) no-repeat right 45%;}
	div.board_view div.view_btn .view_btn_prev strong{position: absolute;left:30px;top:9px;}
	div.board_view div.view_btn .view_btn_next strong{position: absolute;right:30px;top:9px;}

	p.btnarea{margin:70px 0 70px;text-align: center;}
	p.btnarea a.go_list{margin:0 auto;padding:5px 30px 5px 50px;border:1px solid #888;color:#333;background: url(../images/ico_list.gif) no-repeat 20px 50%}

.news{position: relative;display: flex;justify-content: center;}
  .news img{width:100%}
  .news .txt{position: absolute;top: 43%;text-align: center;color: #fff;width: 100%;padding: 0;}
  .news .txt p{margin: 0 0 2.5%;}
  .news .btn{display: inline-block;margin: 4% 0 0;padding:12px 30px 14px;color:#1b1b1b;font-size: 16px;background: #d96734;}
  .news .btn span{display: inline-block;padding-left:10px;font-size: 15px;}
  .news img.pc{display: block;}
  .news img.mo{display: none;}
/* 2024-08-29 게시판 ======================================================= */

/* 2024-08-30 화면 상단으로 이동 버튼 =========================================== */
.scroll-to-top {
  position: fixed; /* 스크롤에 따라 위치 고정 */
  bottom: 30px; /* 화면 하단에서의 간격 */
  right: 30px; /* 화면 우측에서의 간격 */
  border: none; /* 테두리 제거 */
  cursor: pointer; /* 마우스 커서를 포인터로 변경 */
  z-index: 1000; /* 다른 요소 위에 표시되도록 우선순위 설정 */
  transition: opacity 0.3s ease; /* 부드러운 페이드 인/아웃 효과 */
  opacity: 0; /* 처음에는 보이지 않게 설정 */
  visibility: hidden; /* 처음에는 보이지 않게 설정 */
  display: block; 
  border-radius: 50px !important;
}

.scroll-to-top img {
  width: 50px; /* 이미지 크기 */
  height: 50px;
}

/* 버튼이 나타날 때 */
.scroll-to-top.show {
  opacity: 1; /* 보이도록 설정 */
  visibility: visible; /* 보이도록 설정 */
}
/* 2024-08-30 화면 상단으로 이동 버튼 =========================================== */