@charset "utf-8";



body, input, button, select, textarea {font-family:"Noto Sans Korean", "RobotoDraft", "Dotum", Sans-serif !important;}
a:hover, a:active, a:focus {text-decoration:none;}



.fc_red {color:#ff484c !important;}
.fc_blue {color:#1aace7 !important;}
.fc_sky {color:#2dfdff !important;}
.fc_yellow {color:#fec50d !important;}
.fc_lemon {color:#fffaa5 !important;}
.fc_lemon2 {color:#fffca3 !important;}
.fc_orange {color:#ff6600 !important;}
.fc_purple {color:#7751ff !important;}

.fc_yellow2 {color:#ffee61 !important;}

/* 연혁 관련 스타일 */
.history-default {width:100%; position:relative;}
.history-default .title {display:block; width:100%; text-align:center; font-size:30px; line-height:30px; font-weight:bold;}
.history-default .items {width:100%; position:relative; padding:80px 0 20px; margin:30px auto 0; overflow:hidden;}
.history-default .items:before {display:block; content:''; width:1px; height:100%; position:absolute; top:0; left:50%; background:#000;}
.history-default .history-item {position:relative; width:calc(50% - 30px); padding:20px 30px; box-sizing:border-box; border:2px solid #d4d4d4; border-radius:10px; margin:0; margin-bottom:60px;
  transition:all 0.5s ease;
  -webkit-transition:all 0.5s ease;
  -moz-transition:all 0.5s ease;
  -o-transition:all 0.5s ease;
  -ms-transition:all 0.5s ease;
}
.history-default .history-item:before {display:block; content:''; width:15px; height:15px; border-radius:50%; background:#000; position:absolute; top:20px;}
.history-default .history-item.right:before {left:-39.5px;}
.history-default .history-item.left:before {right:-39.5px;}

.history-default .history-item:after {display:block; content:''; width:15px; height:28px; background:#fff; position:absolute; top:14px; background-position:center center;}
.history-default .history-item.right:after {left:-15px; background-image:url('/public/images/history_arrow_left_d4d4d4.png');}
.history-default .history-item.left:after {right:-15px; background-image:url('/public/images/history_arrow_right_d4d4d4.png');}

.history-default .history-item.right {float:right;}
.history-default .history-item.left {float:left;}
.history-default .history-item:nth-child(even) {margin-top:60px;}

.history-default .history-item p {display:block; text-align:left; margin:0;}
.history-default .history-item .year {font-size:20px; line-height:20px; font-weight:bold; margin-bottom:15px;}
.history-default .history-item .desc {font-size:15px; line-height:30px;}



/* 복합 검색 영역 관련 CSS */
#multiSearchWrap {width:100%; position:relative; margin:0 auto 30px; padding:0; background:#fff; border:0; border-radius:0; overflow:hidden;}
#multiSearchWrap .searchInp {width:280px; height:36px; float:right; background:#f0f0f0; overflow:hidden;}
#multiSearchWrap .searchInp input[type="text"] {display:block; float:left; width:244px; height:36px; line-height:36px; font-size:15px; padding:0 10px; box-sizing:border-box; background:none; border:0;}
#multiSearchWrap .searchInp a {display:block; width:36px; height:36px; float:right; text-align:center;}
#multiSearchWrap .searchInp a i {line-height:36px; vertical-align:middle; color:#333;}
#multiSearchWrap .s-ele {display:none !important;}
#multiSearchWrap .s-ele.active {display:block !important;}



/* 헤더 영역 관련 CSS */
.header-top {width:100%; height:auto; padding:20px 15px; box-sizing:border-box; background:#5f7dc3; position:relative;}
/*.header-top {width:100%; height:auto; padding:20px 15px; box-sizing:border-box; background:#262626; position:relative;}#257ec1*/
.header-top .header-column p {display:block; float:left; font-size:16px; line-height:16px; font-weight:bold; color:#fff; margin:0;}
.header-top .header-column p a {color:#fff;}

.header-top .btns {height:16px; position:absolute; top:0; right:15px; text-align:right;}
.header-top .btns a {display:inline-block; vertical-align:top; height:16px; font-size:14px; line-height:16px; color:#fff; margin:0 10px 0 0;}
.header-top .btns a:last-child {margin:0;}

#header {min-width:320px;}
/* #header .header-logo {width:200px; height:67px;} */
#header .header-logo a {display:block; /* padding:8px; box-sizing:border-box; margin:0 0 0 -8px; */}

#header .header-nav-main nav > ul > li > a {font-size:17px !important;}


@media screen and (max-width:991px){
  #header .container {max-width:100% !important;}

  #header .header-nav-main nav > ul > li {line-height:36px;}
}

@media screen and (max-width:480px){
  #header .header-top {min-height:0; padding:10px; box-sizing:border-box;}
  #header .header-top .container {padding:0;}

  .header-top .btns {right:0;}

  .header-top .header-column p {}
}



/* 푸터 영역 관련 CSS */
#footer {width:100%; position:relative; margin:0 auto; background:#424242; border-top:0;}

#footer .topBannerWrap {width:100%; position:relative; background:#fcf300 url('/public/images/cm_footer_top_banner_bg_1.png') right bottom no-repeat; padding:120px 0; box-sizing:border-box;}
#footer .topBannerWrap .typo {text-align:center; font-size:36px; line-height:36px; color:#333; font-weight:normal; vertical-align:middle;}
#footer .topBannerWrap .typo span {display:inline-block; position:relative; padding:0 5px;}
#footer .topBannerWrap .typo span:before {display:block; content:''; width:100%; height:24px; background:#fff; position:absolute; bottom:-5px; left:0;}
#footer .topBannerWrap .typo span b {position:relative; z-index:5;}
#footer .topBannerWrap .icons {display:block; margin:40px auto 0; position:relative; text-align:center; padding:0;}
#footer .topBannerWrap .icons li {display:inline-block; margin:0 15px; padding:0; position:relative;}
#footer .topBannerWrap .icons li:before {display:block; content:''; background:#000; width:260px; height:70px; border-radius:35px; position:absolute; top:9px; left:4px; z-index:2;}
#footer .topBannerWrap .icons li a {display:block; width:260px; height:70px; line-height:62px; position:relative; box-sizing:border-box; border-radius:35px; font-size:16px; font-weight:bold; color:#000; background:#fff; z-index:5;}
#footer .topBannerWrap .icons li a img {max-width:100%; margin:-5px 6px 0 0; vertical-align:middle;}
#footer .topBannerWrap .icons li.icon1 a {border:4px solid #4ed3c9;}
#footer .topBannerWrap .icons li.icon2 a {border:4px solid #6f6f6f;}
#footer .topBannerWrap .icons li.icon3 a {border:4px solid #ff568c;}

#footer .footer_top {width:100%; max-width:1200px; position:relative; overflow:hidden; padding:50px 20px; margin:0 auto; box-sizing:border-box;}
#footer .footer_top .logoArea {width:60%; float:left; position:relative;}
#footer .footer_top .logoArea .logo {display:block; width:190px; height:56px;}
#footer .footer_top .logoArea .txt {display:block; margin:50px auto 0;}
#footer .footer_top .logoArea .txt,
#footer .footer_top .logoArea .txt * {font-size:16px; line-height:30px; color:#8e8e8e;}

#footer .footer_top .noticeArea {width:40%; float:left; position:relative;}
#footer .footer_top .noticeArea .linkBtns {width:100%; position:relative; overflow:hidden; margin:0 auto 20px; padding:0 0 20px 0; border-bottom:1px solid #555;}
#footer .footer_top .noticeArea .linkBtns a {display:block; float:left; margin:0 15px 0 0; font-size:13px; line-height:20px; font-weight:normal; color:#999; padding:0;}
#footer .footer_top .noticeArea .tit {display:block; font-size:24px; line-height:24px; color:#fff; font-weight:bold; margin:0 auto 20px;}
#footer .footer_top .noticeArea .tit a {display:block; float:right; font-size:12px; line-height:24px; color:#777;}
#footer .footer_top .noticeArea ul {display:block; width:100%; position:relative; margin:0; padding:0; position:relative;}
#footer .footer_top .noticeArea ul li {display:block; width:100%; position:relative; margin:0 auto 14px;}
#footer .footer_top .noticeArea ul li:last-child {margin:0 auto;}
#footer .footer_top .noticeArea ul li a {display:block; width:100%; position:relative; overflow:hidden;}
#footer .footer_top .noticeArea ul li a p {display:block; float:left; font-size:16px; line-height:16px; color:#8e8e8e; margin:0;}
#footer .footer_top .noticeArea ul li a .date {float:right; font-size:14px; color:#777;}

#footer .footer_top .downloadArea {width:100%; float:left; position:relative; margin:50px auto 0;}
#footer .footer_top .downloadArea ul {display:block; width:100%; text-align:center; position:relative; margin:0; padding:0;}
#footer .footer_top .downloadArea ul li {display:inline-block; margin:0 10px; position:relative; padding:0;}
#footer .footer_top .downloadArea ul li a {display:block; position:relative;}
#footer .footer_top .downloadArea ul li a img {max-width:200px;}

#footer .footer_bottom {width:100%; background:#353535; padding:30px 0;}
#footer .footer_bottom p {display:block; text-align:center; font-size:13px; line-height:13px; color:#808080; margin:0; text-transform:uppercase;}

.scroll-to-top {display:none !important;}

.quickWrap {width:50px; height:105px; position:fixed; bottom:10px; right:10px; z-index:9999;}
.quickWrap a {display:block; width:50px; height:50px; text-align:center; line-height:48px; border-radius:50%; overflow:hidden; font-size:12px; font-weight:700; box-sizing:border-box; margin:0 auto 5px;}
.quickWrap a:last-child {margin:0 auto;}

.quickWrap .toTop {background:#000; border:1px solid #000; color:#fff;}
.quickWrap .toTop i {color:#fff;}

.quickWrap .qna {background:#fafafa; border:1px solid #e0e0e0; color:#454545;}


@media screen and (max-width:960px){
  #footer .topBannerWrap {padding:100px 0;}
  #footer .topBannerWrap .typo {font-size:24px; line-height:24px;}
  #footer .topBannerWrap .typo span:before {height:18px; bottom:-3px;}

  #footer .topBannerWrap .icons {margin:30px auto 0;}
  #footer .topBannerWrap .icons li:before {width:200px; height:60px;}
  #footer .topBannerWrap .icons li a {width:200px; font-size:14px; height:60px; line-height:52px;}
  #footer .topBannerWrap .icons li a img {max-width:23px; margin:-4px 5px 0 0;}
}

@media screen and (max-width:768px){
  #footer .footer_top .logoArea {width:50%;}
  #footer .footer_top .noticeArea {width:50%;}
  #footer .footer_top .downloadArea ul {margin:0 auto;}
  #footer .footer_top .downloadArea ul li {display:block; margin:10px auto;}
}
@media screen and (max-width:640px){
  #footer .topBannerWrap {padding:60px 0;}
  #footer .topBannerWrap .typo {font-size:15px; line-height:15px; letter-spacing:-0.5px;}
  #footer .topBannerWrap .typo span:before {height:12px; bottom:-3px;}

  #footer .topBannerWrap .icons {margin:0 auto;}
  #footer .topBannerWrap .icons li {display:block; width:200px; margin:30px auto 0;}

  #footer .footer_top {padding:30px 15px;}
  #footer .footer_top .logoArea {width:100%;}
  #footer .footer_top .logoArea .txt {font-size:13px; line-height:22px; margin:30px auto 0;}
  #footer .footer_top .noticeArea {width:100%; margin:30px auto 0;}
  #footer .footer_top .noticeArea .tit {font-size:18px; line-height:18px; margin:0 auto 20px;}
  #footer .footer_top .noticeArea ul li a p {font-size:13px; line-height:13px;}
  #footer .footer_top .noticeArea ul li a .date {font-size:12px;}
}