@charset "utf-8";
@import url('/assets_2007/fonts/notosans/css.css');

@font-face {
  font-family: 'S-CoreDream-2ExtraLight';
  src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-2ExtraLight.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'S-CoreDream-3Light';
  src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-3Light.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'S-CoreDream-8Heavy';
  src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-8Heavy.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'S-CoreDream-5Medium';
  src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-5Medium.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'S-CoreDream-4Regular';
  src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-4Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

a,
button,
p,
a {color: #1e4fa6; }
html,
body { position: relative;/* min-width: 320px;*/}
body { font-family: 'S-CoreDream-5Medium', sans-serif; background: #fff; }
img { max-width: 100%; max-height: 100%; }
ul,
li { padding-left: 0; list-style: none; padding: 0 margin:0;}
html,
body { font-weight: 400;}
dt,
kbd kbd,
label { font-weight: 500;}
h1,
h2,
h3,
h4,
h5,
h6,
strong,
th {font-family:'S-CoreDream-5Medium',sans-serif;font-weight:400;}


@media (max-width: 980px) {
  .mbr { display: block; }
}

.animate { -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; }
.btn { outline: none !important; }
.btn-white {  border-color: #fff;  border-width: 2px;  background: none;  color: #fff;  border-radius: 0;}
@media (min-width: 1430px) {
  .container { width: 1175px; }
}
h3 {margin: 20px 0 10px 0;}
.btn-default {  color: #0c6fb7 !important;  border-color: #0c6fb7 !important;}
.label-default {  color: #0c6fb7 !important;  border: 1px solid #0c6fb7 !important;  background: #fff !important;}
.font700 {  font-weight: 700;}
.font100 {  font-weight: 100;}
.table {  border-top: 2px solid #000;}
.loading_wrap {  text-align: center;  padding: 20px 0;}
.nav-tabs,
.nav-pills {  margin-bottom: 10px;}
.select2-container--default {  min-width: 200px;}
.ellipsis {  text-overflow: ellipsis;  white-space: nowrap;  overflow: hidden;}
.mobile_lb {  padding-left: 0.5em;}
@media only screen and (max-width: 767px) {
  .mobile_lb { padding-left: 0; display: block; }
}
.media-ellipsis {  position: relative;}
.media-ellipsis:after {  content: " ";  position: absolute;  top: 0;  right: 0;  width: 50px;  height: 100%;  background: url('/assets/images/ellipsis-white-right.png') right top no-repeat;}

/*span, h1, h2, h3, h4, ul, li, a { word-break: keep-all; }*/
.clearfix                                                     { content: " "; visibility: hidden;   display: block;   height: 0;   clear: both;}
.clearfix:before                                              { content: " "; visibility: hidden;   display: block;   height: 0;   clear: both;}
.clearfix:after                                               { content: " "; visibility: hidden;   display: block;   height: 0;   clear: both;}

#header {/* position: fixed; */width: 100%;z-index: 1050;z-index: 1030;color: #000000;background: #d4c2b6;z-index: 999999;}/* 20210412 */
#header .header_wrap { position: relative; font-size: 20px; width: 100%; overflow: hidden; padding: 11px .5em 2px; margin: 0 auto; box-sizing: border-box; }
#header .header_wrap:before  { content: " "; visibility: hidden; display: block; height: 0; clear: both;}
#header .header_wrap:after { content: " "; visibility: hidden; display: block; height: 0; clear: both;}
#header .header_wrap a,
#header .header_wrap button { text-decoration: none !important; }
#header .header_wrap .logo { position: relative; height: 66px; display: inline-block;}
/* _original_ */
#header .header_wrap .gnb_trigger,
#header .header_wrap .topIcon { display: inline-block; padding-left: 0px; line-height: 0px; height:40px; }
#header .header_wrap .gnb_trigger > span { ; }
#header .header_wrap .topIcon { position: absolute; top: 4px; right: 10px; }
#header .header_wrap .topIcon > div { height: 40px; float: right; margin: 0 6px; width: auto;}
#header .header_wrap .topIcon > div img {margin: -5px 0 0 0; }
/* head_icon_Fixed */
#header .header_wrap .gnb_trigger,
#header .header_wrap .topIcon { position: absolute; top: 11px; }
#header .header_wrap .gnb_trigger { left: 28px; }
#header .header_wrap .gnb_trigger > a {width: 35px;display: block;}
#header .header_wrap .gnb_trigger > a img { width: 100%; }
#header .header_wrap .topIcon {top: 11px; right: 28px; }
#header .header_wrap .topIcon > div { height: 36px; }
#header .header_wrap .topIcon .lastIssue { margin-top:-1px;}/* 20210412 */
#header .header_wrap .topIcon .lastIssue a { display:inline-block; padding:0 9px; border:2px solid #ffffff; line-height:26px; font-size:13px; border-radius:4px; vertical-align:middle; }/* 20210412 */
#header .header_wrap .topIcon .text { color:#ffffff; }/* 20210412 */

#header .header_wrap .gnb_trigger.btn_back { margin-right: 8px; background: #ccc; border-radius: 99px; width: 40px; height: 40px; background-image: url( '../../2007/images/arow_left.png'); background-size: 100%; background-repeat: no-repeat; }

.text-hidden { position: absolute !important; top:auto; left:-10000px; width:1px; height:1px; overflow:hidden; }

.main_btn { padding: 40px 0 20px; }

#header.main { /*position: relative;*/ position: absolute; left:0; top:0; width: 100%; z-index: 8; }

/* fixed-header */
/*#header.main.fixed-header { position: fixed; left:0; top:0; }*/

#header .header_wrap .gnb_head { position: relative; width: 100%; max-width: 1200px; overflow: hidden; margin: 0 auto; box-sizing: border-box; padding: 4px 0 7px;}
#header .header_wrap .gnb_head:before  { content: " "; visibility: hidden; display: block; height: 0; clear: both;}
#header .header_wrap .gnb_head:after { content: " "; visibility: hidden; display: block; height: 0; clear: both;}
#header .header_wrap .gnb_head ul {list-style: none; text-align: center; display: table; table-layout: fixed; width: 100%; margin: 0 !important; }
#header .header_wrap .gnb_head ul li {list-style: none; display: table-cell;}
#header .header_wrap .gnb_head ul li a {font-size: 18px;padding: 10px 0 0;color:#ffffff;display: block;}/* 20210412 수정 */

#gnb_wrap {display: none;position: fixed;background: #fff;top: 0;left: 0;right: 0;width: 100%;z-index: 10;padding: 20px 40px;overflow: hidden;overflow-y: auto;border-bottom: 1px solid #b3b3b3;}
#gnb_wrap .gnb_trigger { text-align: right; background: #fff url('http://www.krcon.co.kr/webzine/krcon2009/2009/images/logo_footer.png') 50% 50% no-repeat; background-size: contain; padding-bottom: 60px; margin-bottom: 40px;}
#gnb_wrap #gnb { font-size: 23px; overflow: hidden; color: #F7725C; line-height: 1.8; word-break: keep-all; float: left; width: 80%;}
#gnb_wrap #gnb > li { float: left; width: 19%; margin-bottom: 20px; padding-right:1%;}
#gnb_wrap #gnb > li > span { margin-bottom: 10px;}
#gnb_wrap #gnb > li:hover { color:#d7d46b ;}
#gnb_wrap #gnb > li .gnb_sub li { font-size: 0.8em; line-height: 1.4; margin-bottom: 10px;}
#gnb_wrap #gnb > li .gnb_sub li a {color: #685c80;text-decoration: none;}
#gnb_wrap #gnb > li p {color: #d4c2b6;}
#gnb_wrap .buttons p { display: none; font-size: 14px; color: #F7725C;}
#gnb_wrap .buttons { float: left; width: 20%; text-align: center;}
#gnb_wrap .buttons a {display: block;margin: 0 auto;margin-bottom: 5px;color: #8144ff;}
#gnb_wrap .buttons hr,
#gnb_wrap .buttons p {display: none;font-size: 14px;color: #808080;}
#footer .footer_wrap .main_btn { margin: 0 auto; text-align: center; padding: 40px 0 20px 0;}
#footer .footer_wrap .main_btn .btn { border-width: 2px; border-radius: 0; border-color: #555555 !important; color: #555555 !important;}
#footer .footer_wrap.main { display: none;}
#footer .footer_wrap .banners { background: #EDEDED; padding: 15px 0;}
#footer .footer_wrap .banners .container { text-align: center; overflow: hidden;}
#footer .footer_wrap .banners a { float: left; display: block; padding-top: 20px; padding-bottom: 20px; width: 16%; text-align: center;}
#footer .footer_wrap .copyright { padding: 40px 0; background: #141414; color: #6f6f6f; text-align: center; font-size: 13px;}

.scroll-top-arrow,
.scroll-top-arrow:focus { color: #fff; background: rgba(0, 0, 0, 0.4); line-height: 40px; display: none; height: 40px; width: 40px; padding: 0; position: fixed; left: auto; right: 50px; text-align: center; text-decoration: none; bottom: 50px; z-index: 10006; border-radius: 100%;}
.scroll-top-arrow:hover { background: #dfdfdf; opacity: 0.8; color: #000; border-color: #dfdfdf;}
.scroll-top-arrow i { line-height: 30px; position: relative;}

@media only screen and (max-width: 1400px) {
  #gnb_wrap { bottom: 0; border-bottom: 0 none; }
  #gnb_wrap #gnb > li { width: 50%; }
}
@media only screen and (max-width: 1199px) {
  #header .header_wrap .logo { padding-top: 0px; }
}
@media only screen and (max-width: 991px) {
  #header .header_wrap { overflow: hidden; }
  #gnb_wrap #gnb {  width: 100%;  float: none; }
  #gnb_wrap .buttons { width: 100%; float: none; }
  #gnb_wrap .buttons a { display: inline-block; }
  #gnb_wrap .buttons hr,
  #gnb_wrap .buttons p { display: block; }
}

@media only screen and (max-width: 767px) {
  #header .header_wrap { padding: 10px .5em 5px; vertical-align: middle; padding: 0; height: 90px; box-sizing: border-box; }
  #header .header_wrap .logo { height: 52px; padding-top: 0px; margin-top: 7px; }
  #header .header_wrap .gnb_trigger,
  #header .header_wrap .topIcon { position: absolute; font-size: 16px; line-height: 40px; height: 40px; margin-top: -4px; vertical-align: top; }
  #header .header_wrap .gnb_trigger { width: 32px; height: auto; left: 30px; top: 10px; }
  #header .header_wrap .gnb_trigger > a { width: 100% }
  #header .header_wrap .topIcon {position: absolute;top: 15px;right: 40px;}
  #header .header_wrap .topIcon > div {width: 28px;height: auto;margin: 0px 10px;}
  #header .header_wrap .gnb_head { padding: 3px 0 4px; }
  #header .header_wrap .gnb_head ul li a {font-size:16px;}

  #gnb_wrap #gnb {font-size: 17px;}
  #gnb_wrap #gnb > li { float: none; width: 100%; }

  #footer .footer_wrap .banners { display: none; }
  #footer .footer_wrap .copyright { width: 100%; padding: 15px 0; box-sizing: border-box; font-size: 12px; }
  #footer .footer_wrap .copyright > div {width: 96%;margin: 0 auto;}
  #footer .footer_wrap .copyright .text { display: block; }
  #footer .footer_wrap .copyright .bar { display: none; }

  .cate01,
  .cate02,
  .cate03 { display: block; margin: 0 auto 6px !important; width: 100px !important;}
  .tag-box { margin: 0 auto !important; width: auto !important; }
  .scroll-top-arrow, .scroll-top-arrow:focus {right:15px}
  #gnb_wrap .gnb_trigger {background-size: 35%;padding-bottom: 30px;margin-bottom: 30px;}
}
@media only screen and (max-width: 560px) {
  #header .header_wrap .logo { height:46px; padding-top: 0px; margin-top: 9px; }
  #header .header_wrap .gnb_trigger,
  #header .header_wrap .topIcon { top: 6px; vertical-align: top; margin-top: 0;}
  #header .header_wrap .gnb_trigger { width: 30px; }
  #header .header_wrap .topIcon {right: 24px;}
eader_wrap .topIcon > div { right: 22px; top: 8px; margin: 0 0 0 12px; width: 26px; }
   #header .header_wrap .topIcon > .lastIssue {position:!important; top:6px; left:10px; width:67px;z-index:0;display:none;}/* 20210412 */
 #header .header_wrap .topIcon > .lastIssue a {padding:0 5px; line-height:22px; font-size:11px;}/* 20210412 */
}
@media only screen and (max-width: 480px) {
 #header .header_wrap { padding: 12px .5em 3px; padding: 0 }
 #header .header_wrap .gnb_trigger { width: 28px; top:5px; }
 #header .header_wrap .topIcon > div { right: 22px; top: 8px; margin: 0 0 0 8px; width: 24px; }

 #header .header_wrap .topIcon > .lastIssue a {padding:0 5px; line-height:22px; font-size:11px;}/* 20210412 */
 #header .header_wrap .gnb_head ul li a {font-size: 11px;}
}
@media only screen and (max-width: 400px) {
 #header .header_wrap { padding: 12px .5em 3px; padding: 0 }
 #header .header_wrap .gnb_trigger { width: 28px; top:5px; }
 #header .header_wrap .topIcon > div { right: 22px; top: 8px; margin: 0 0 0 8px; width: 24px; }
 #header .header_wrap .gnb_head ul li a {font-size: 10px;}
}

/********************************************************************************************************************
컨텐츠
********************************************************************************************************************/
.event {
  position: fixed;
  z-index: 1;
  bottom: 450px;
  right: 50px;
  background: url(../../1910/img/btn_back.png)bottom no-repeat;
  padding: 15px;
  width: 110px;
  text-align: center;
}

.event2 {
  position: fixed;
  z-index: 1;
  bottom: 350px;
  right: 50px;
  background: url(../../1910/img/btn_back.png)bottom;
  padding: 15px;
  width: 110px;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .event .event2{
    display: none;
  }
}
.event a {
  color: #fff;
  text-decoration: none;
}
.event2 a {
  color: #fff;
  text-decoration: none;
}

.agree_box {
  border: 2px solid #b3b3b3;
  padding: 40px 20px;
}
#sub_content {padding: 10px 15px 0;background: #fff;}
#sub_content section.with_margin {
  padding: 55px 0;
}
#sub_content.news_page .news_margin {
  margin-bottom: 60px;
}
#sub_content.news_page section.news_posts {
  background: #F7F7F7;
}
#sub_content.news_page section.news_posts .container-fluid {
  margin: 0 5%;
}
#sub_content.news_page section.news_posts .col-md-4 .blog-post {
  background: #fff;
  margin-bottom: 30px;
}
#sub_content.news_page section.news_posts .col-md-4 .blog-post-images {
  height: 100%;
  position: relative;
  overflow: hidden;
}
#sub_content.news_page section.news_posts .col-md-4 .blog-categories {
  position: absolute;
  bottom: 0;
  left: 30%;
  z-index: 25;
  width: 40%;
  text-align: center;
  padding: 10px 20px 10px;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  background: #fff;
}
#sub_content.news_page section.news_posts .col-md-4 .post-details {
  padding: 30px;
}
#sub_content.news_page section.news_posts .col-md-4 .post-details .text-medium {
  color: #232323;
  font-weight: 600;
  font-size: 16px;
  line-height: 26px;
}
#sub_content.news_page section.news_posts .col-md-4 .post-details .separator-line-horrizontal-full {
  background-color: #dbdbdb;
  margin-top: 20px;
  margin-bottom: 20px;
  width: 100%;
  height: 1px;
}
#sub_content.news_page section.news_posts .col-md-4 .post-details .text-14px {
  font-size: 14px;
  line-height: 24px;
  color: #6f6f6f;
}
.hover_bigger {
  z-index: 2;
}
.hover_bigger img {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  z-index: 2;
}
.hover_bigger:hover {
  z-index: 1;
}
.hover_bigger:hover img {
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
  z-index: 1;
}

/*------------------------BOM CUSTOM----------------------------------------------------------------------------------------------------------------*/
.title-back{
  padding: 250px 290px;
}

.title-back_work2{
  padding: 100px;
}
.title-back_work3{
  padding: 75px 80px;
}

.title-back_work{
  padding: 140px 290px 510px 290px;
}

.title-back_l{
  padding: 250px 250px 240px 320px;
}
.title-back_fs1{
  padding: 100px 155px 350px 320px;
}
.title-back_fs2{
  padding:165px 365px 125px 190px;
}
.title-back_s1{
  padding: 165px 114px 125px 320px;
}
.title-back_sot{
  padding: 680px 150px 160px 335px;
}
.title-back_we{
  padding: 190px 335px 110px 235px;
}
.title-back_50{
  padding: 260px 150px 130px 150px;
}
.sub-back{
  padding: 250px 0px;
}
.sub-back-min{
  padding: 100px 0px;
}
.title-box{

  padding:  0;
}
.title-box-m{
  background: rgba(255,255,255,1);
  padding: 100px 0;
}
.title-box-m h1,.title-box h1{
  font-size: 40px;
  font-weight: 700;
}
.cont-title{
  font-size: 22px;
  font-weight: 700;
  margin: 0 0 45px;
}
.cont-title-ex{
  font-size: 22px;
  font-weight: 700;
  margin: 0 0 40px;
}
.cont-title-unerbar{
  font-size: 22px;
  font-weight: 700;
  margin: 0 0 20px;
  padding: 0 0 25px;
  border-bottom: 2px solid #000;
}
.padding-top_0_45{
  padding-top: 45px;
}
.cont{
  font-size: 18px;
  margin-bottom: 0;
}
.ment-top{
  padding-top: 100px;
}
.ment-bottom{
  padding-bottom: 100px;
}
.ment-top30{
  padding-top: 30px;
}
.ment-top50{
  padding-top: 50px;
}
.ment-bottom30{
  padding-bottom: 30px;
}
.ment-bottom50{
  padding-bottom: 50px;
}
.ment-bottom70{
  padding-bottom: 70px;
}
.ment-bottom80{
  padding-bottom: 80px;
}
.ment-bottom130{
  padding-bottom: 130px;
}
.container-border-top{
  border-top:2px solid #000;
}
.container-border-bottom{
  border-bottom:2px solid #000;
}
.container-border-top2{
  border-top:2px solid #000;
  background: #f7f7f7;

}
.border-left{
  border-left: 2px solid #000;
}
.pading4030{
  padding: 40px 0 40px 0px;
}
.row_3{
  margin: 0 15%;
}
.pading_rl_20_116{
  padding: 0 116px
}

.pading_rl_20_106{
  padding: 0 106px
}

.pading_rl_20_100{
  padding: 0 100px
}
.pading_rl_20_30{
  padding: 0 30px
}
.margin_rl_20_116{
  margin: 0 116px
}
.padding_0_130_0_20{
  padding: 0px 130px 0 20px;
}
.margin_l_20_116{
  margin: 0 0 0 116px;
}

.pading_rl_20_200{
  padding: 0 200px
}
.border-dot-r
{
  border-right: 1px dotted #000;
}
@media (max-width: 992px) {
  .border-dot-r  {   border-right:none; }

}
@media (min-width: 768px) and (max-width: 1199px) {
  .padding-top_0_45{
    padding: 45px 0;
  }
  .ment-bottom{
    padding-bottom: 50px;
  }
  .title-back{
    padding: 200px 90px;
  }
  .title-back_work{
    padding: 90px 90px 280px 90px;;
  }
  .title-back_work2{
    padding: 30px 0px;
  }
  .title-back_l{
    padding: 150px 90px 35px 90px;
  }
  .title-back_fs1{
    padding: 80px 90px;
  }
  .title-back_fs2{
    padding: 80px 90px;
  }
  .title-back_s1{
    padding: 30px 0px;
  }
  .title-back_sot{
    padding: 30px 0px;
  }

  .title-back_50{
    padding: 55px 0px;
  }
  .title-back_we{
    padding: 30px 0px;
  }
  .pading_rl_20_116{
    padding: 0 20px
  }
  .pading_rl_20_106{
    padding: 0 20px
  }
  .pading_rl_20_100{
    padding: 0 20px
  }
}

@media (max-width: 767px) {
  .padding-top_0_45{
    padding-top: 0px;
  }
  .margin_rl_20_116{
    margin: 0 0px
  }
  .margin_l_20_116{
    margin: 0 0 0 0;
  }
  .pading_rl_20_116{
    padding: 0 20px
  }
  .pading_rl_20_106{
    padding: 0 20px
  }
  .pading_rl_20_100{
    padding: 0 20px
  }
  .pading_rl_20_30{
    padding: 0 20px
  }
  .pading_rl_20_200{
    padding: 0 20px
  }
  .
  .row_3{
    margin: 0 15px;
  }
  .ment-bottom{
    padding-bottom: 30px;
  }
  .title-back{
    padding: 70px 60px;
  }
  .title-back_work{
    padding: 10px 15px 239px 15px;
  }
  .title-back_work2{
    padding: 0px;
  }
  .title-back_l{
    padding: 70px 0px;
  }
  .title-back_fs1{
    padding:  0px;
  }
  .title-back_fs2{
    padding:  0px;
  }
  .title-back_s1{
    padding: 0px;
  }
  .title-back_sot{
    padding: 0px;
  }
  .title-back_50{
    padding: 0px;
  }
  .title-back_we {
    padding: 20px;
  }
  .title-box{
    padding: 60px 0;
  }

  .title-box-m{
    padding: 60px 0;
  }

  .title-back h3{
    font-size: 14px;
  }
  .title-back h1{
    font-size: 25px;
  }
  .border-left{
    border-left: none;
  }

  .pading4030{
    padding: 0;
  }
  .border-dot-r
  {
    border-right: none;
  }
  #main_content .main_gallery .desc {

    min-height: 8em;

    padding:5px;

  }
  .padding_0_130_0_20 {
    padding: 0px 20px 0 20px;
  }

}

/*********************************************************************************************/