@charset "utf-8";
@import url('https://fonts.googleapis.com/earlyaccess/notosanskr.css');
/* Layout */
/*hr{display:none}
form, fieldset{border:0;margin:0;padding:0}
.user_layout{width:960px;margin:0 auto}
.header{zoom:1;background:#ddd}
.header:after{content:"";display:block;clear:both}
.header .search{float:right}
.gnb{float:left}
.body{margin:20px 0;zoom:1;background:#eee}
.body:after{content:"";display:block;clear:both}
.lnb{float:left;width:200px;background:#ddd}
.account{}
.content{float:right;width:740px;background:#ddd}
.footer{background:#ddd}*/
.notpc {display: none;}
.onlymo {display: none;}
.wrap .banner .rolling li img.onlymo {display: none;}

#skipnavi2 {
    position: relative;
    margin: 0 auto;
    z-index: 110;
}
#skipnavi {
    position: relative;
    margin: 0 auto;
    z-index: 110;
}
.skipnavi {
    position: absolute;
    left: 0px;
    top: -500px;
    font-size: 13px;
}
.skipnavi:focus, .skipnavi:active {
    top: 0;
    padding: 1px 30px;
    font-size: 100%;
    font-weight: bold;
    color: #57534a;
    text-decoration: none;
    background-color: #ffffff;
}

*{margin:0;padding:0;text-decoration:none;font-family: 'Noto Sans KR', sans-serif;}
li{list-style:none;}
img{border:0;}
body{
  background:#fffbee
}
/*wrap*/
.wrap{
  height: auto;
  max-width: 1920px;
  min-width:1300px;
  margin:0 auto;
}
/* header */
.wrap .header{
  width:80%;
  margin:0 auto;
  height: 110px;
  min-width: 1100px;
  position:relative;
}
.wrap .header.sub{
  border-bottom:1px #ede1c2 solid;
}
.wrap .header h1{
  position:absolute;
  left:0px;
  top:0px;
  height: 100%;
}
.wrap .header h1 a{
  display: block;
  font-size:0;
  width:240px;
  height: 100%;
  background:url(/images/logo.png) no-repeat center left;
}
.wrap .header ul.gnb{
  max-width: 640px;
  margin:0 auto;
  text-align: center;
}
.wrap .header ul.gnb>li{
  float:left;
  width: 16.6%;
  margin-top: 40px;
  padding-bottom: 37px;
  box-sizing: border-box;
  position:relative;
}
/*
.wrap .header ul.gnb>li.g2,
.wrap .header ul.gnb>li:nth-child(2){
*/
.wrap .header ul.gnb>li.g1 {
    margin-top: 37px;
	letter-spacing: -0.2em;
    line-height: 1.5em;
    -ms-word-break: keep-all;
    word-break: keep-all;
}
.wrap .header ul.gnb>li>a{
  display: block;
  height: 100%;
  /* line-height: 110px; */
  color:#000000;
  font-size:18px;
  font-weight: 500;
}
.wrap .header ul.gnb>li:hover>a, .wrap .header ul.gnb>li.active>a {color:#f2504f;}
.wrap .header ul.gnb li.dominate>a{
	height: 35px;
	line-height: 35px;
	margin-top: -3px;
  background:url(/images/dominate_bg.png) no-repeat center center;
  color:#ffffff;
}
.wrap .header .gnb .sub_gnb{
  position:absolute;
  z-index: 2;
  width:124%;
  margin:0 0 0 -12%;
  background: #ffec85;
  top: 53px;
  text-align: left;
  display: none;
  transition:0.5s;
  border-radius: 8px;
}
.wrap .header .gnb .sub_gnb.wide{
  width:152%;
  margin:0 0 0 -26.5%
}
.wrap .header .gnb .sub_gnb.superwide{
  width:182%;
  margin:0 0 0 -41.5%
}
.wrap .header .gnb .sub_gnb.super-superwide{
  width:220%;
  margin:0 0 0 -41.5%
}
.wrap .header .gnb .sub_gnb > li{
  padding: 0 20px;
}
.wrap .header .gnb .sub_gnb > li a{
  line-height: 30px;
  color: #006fba;
  font-size: 14px;
  letter-spacing: -0.25px;
  /* border-top:1px #e5dcc6 solid; */
  display:block;
  font-weight: 500;
  letter-spacing: -0.05em;
}
.wrap .header .gnb .sub_gnb > li:first-child a{
	border-top: none;
}
.wrap .header .gnb .sub_gnb > li > ul {
    margin-top: -5px;
}
.wrap .header .gnb .sub_gnb > li > ul > li {}
.wrap .header .gnb .sub_gnb > li > ul > li > a {
    font-size: 13px;
    color: #4b4b4b;
    line-height: 20px;
}
.wrap .header ul.sns{
  position: absolute;
  right:0;
  top:0;
  height: 100%;
}
.wrap .header ul.sns li{
  float:left;
  height: 100%;
}
.wrap .header ul.sns li a{
  height: 100%;
  display: block;
  font-size:0;
  width:35px;
}
.wrap .header ul.sns li.safe_zone a{
  width:80px;
  background:url(/images/safe_zone_bg.png) no-repeat left center;
  position:relative;
}.wrap .header ul.sns li.safe_zone.act .bubble{
  display: block
}
.wrap .header ul.sns li.safe_zone .bubble{
  z-index: 9;
  position:absolute;
  padding:10px 0 0 0;
  background:url(/images/top_arrow.png) center top;
  bottom:-38px;
  left:-47.5px;
  display: none;
}
.wrap .header ul.sns li.safe_zone .bubble span{
  display: block;
  background:#ffffff;
  font-size: 13px;
  line-height:17px;
  color:#47443e;
  letter-spacing: -0.45px;
  text-align: center;
  width:173px;
  padding:10px 0;
  box-sizing: border-box;
}
.wrap .header ul.sns li.t_story{
  background:url(/images/t_story_bg.png) no-repeat center center;
}
.wrap .header ul.sns li.twitter{
  background:url(/images/twitter_bg.png) no-repeat center center;
}
.wrap .header ul.sns li.facebook{
  background:url(/images/facebook_icon.png) no-repeat center center;
}
.wrap .header ul.sns li.instagram{
  background:url(/images/insta_icon.png) no-repeat center center;
}
.wrap .header ul.gnb>li.on .sub_gnb{
  display: flex;
  padding: 10px 0;
  flex-direction: column;
  left: 50%;
  transform: translateX(-50%);
  margin: auto;
}
/* header end*/
/*banner*/
.wrap .banner{
  height:auto;
  position:relative;
}
.wrap .banner .rolling{
  position:relative;
  height: 470px;
}
.wrap .banner .rolling li{
  position:absolute;
  height: 100%;
}
.wrap .banner .rolling li img{
  display: block;
  width:100%;
  height: 100%;
}
/*mobile banner*/
.wrap .mo_banner{
  height:auto;
  position:relative;
}
.wrap .mo_banner .rolling{
  position:relative;
  height: 340px;
}
.wrap .mo_banner .rolling li{
  position:absolute;
  height: 100%;
}
.wrap .mo_banner .rolling li img{
  display: block;
  width:100%;
  height: 100%;
}
/* btg */
.wrap .banner .btg{
  position:absolute;
  bottom:20px;
  width:100%;
  z-index: 2;
  text-align: center;
  font-size:0;
}
.wrap .banner .btg li{
  display:inline-block;
  *display:inline;
  *zoom:1;
  margin:0 4px;
}
.wrap .banner .btg li a{
  display: block;
  font-size:0;
  width:25px;
  height: 3px;
  background:#ffffff;
  border-radius: 2px;
}
.wrap .banner .btg li.active a{
  background:#ee3d5e;
}
/* btg end*/
/*banner end*/
/*section*/
.wrap .section{
  height: auto;
  overflow: hidden;
  width: 1100px;
  margin:0 auto;
}
/* boardlist */
.wrap .section .board_list{
  height: auto;
  overflow:hidden;
  margin:30px 0 40px 0;
}
.wrap .section .board_list>li{
  float:left;
  width:49.5%;
  *width:44%;
  margin:0 0 0 1%;
  box-sizing: border-box;
  padding:30px;
  background:#a7d9d3;
  height: 348px;
  position:relative;
}
.wrap .section .board_list>li:first-child{
  margin:0;
  background:#ffda85;
}
.wrap .section .board_list>li .th{
  display: block;
  font-size:20px;
  line-height: 20px;
  color:#000000;
  overflow: hidden
}
.wrap .section .board_list>li .th a.more{
  float:right;
  font-size:0;
  width:64px;
  height: 22px;
  background:url(/images/more_blue.png) no-repeat right center;
}
.wrap .section .board_list>li:first-child .th a.more{
  background:url(/images/more_bg.png) no-repeat right center;
}
.wrap .section .board_list>li ul{
  overflow: hidden;
  padding:20px 0 0 0;
}
.wrap .section .board_list>li ul.list_con li{
  overflow: hidden;
  position:absolute;
  z-index: 1;
}
.wrap .section .board_list>li ul li .img_area,.wrap .section .board_list>li ul li .text_area{
  float:left;
  width:47%;
  box-sizing: border-box;
}
.wrap .section .board_list>li .btn_ul1{
  position:absolute;
  bottom:26px;
  right:30px;
  padding:0;
  z-index: 2;
  width:77px;
  height:15px;
}
.wrap .section .board_list>li .btn_ul1 li{
  position:relative;
  float:left;
  margin:0 2px;
  height:15px;
}
.wrap .section .board_list>li .btn_ul1 li a{
  display: block;
  width:15px;
  height: 100%;
  background:#ffffff;
  text-align: center;
  font-size:0;
}
.wrap .section .board_list>li .btn_ul1 li.active a,.wrap .section .board_list>li .btn_ul1 li a:hover{
  background:#ee3d5e;
}
.wrap .section .board_list>li ul li:first-child a{
  display: block;
  height: 100%;
}
.wrap .section .board_list>li ul li img{
  display: block;
  max-width: 100%;
  border:3px #ffffff solid;
}
.wrap .section .board_list>li ul li a{
  display: block;
  height: 100%;
  letter-spacing:-1px;
  color:#000000;
  font-size:15px;
  line-height: 22px;
}
.wrap .section .board_list>li ul li .text{
  font-weight:300;
  display: block;
  height: 175px;
  overflow: hidden;
  word-break: keep-all;
}
.wrap .section .board_list>li ul li .b_th{
  display: block;
  word-break: keep-all;
  font-size:16px;
  font-weight: 700;
  padding:0 0 5px 0;
  height: 44px;
  overflow: hidden
}
.wrap .section .board_list>li ul li .day{
  display: block;
  color:#035a48;
  padding:5px 0 0 0;
}
.wrap .section .board_list > li:first-child ul li .day {
  color:#765201;  
}

/* boardlist end */
/* icon list */
.wrap .section .icon_list{
  border-left:2px #f3ead1 solid;
  height: auto;
  overflow: hidden;
  margin:0 0 35px 0;
}
.wrap .section .icon_list li{
  border-right:2px #f3ead1 solid;
  float:left;
  box-sizing: border-box;
  width:33.333333%;
  *width:33.1%;
  text-align: center;
  font-size:15px;
  color:#60583f;
  letter-spacing: -1.5px;
  font-weight: 300;
  line-height:22px;
}
.wrap .section .icon_list li a{
  display: block;
  height: 100%;
  padding-top: 15px;
  color:#60583f;
}
.wrap .section .icon_list li span:first-child{
  color:#000000;
  font-size:20px;
  letter-spacing: -0.5px;
  padding:80px 0 0 0;
  font-weight:500;
  margin:0;
  line-height:32px;
}
.wrap .section .icon_list li span{
  display:block;
  margin:15px 0 0 0;
  font-size:16px;
  color:#151515;
  font-weight: 500;
  height: 30px;
  line-height: 30px;
}
.wrap .section .icon_list li span a{display: inline-block;padding: 0;color: #000;}
.wrap .section .icon_list li:first-child span:first-child{
  background:url(/images/icon_03.png) no-repeat center 0px;
}
.wrap .section .icon_list li.sec span:first-child{
  background:url(/images/icon_02.png) no-repeat center 0px;
}
.wrap .section .icon_list li.last span:first-child{
  background:url(/images/icon_01.png) no-repeat center 0px;
  /* padding:90px 0 12px 0; */
}
.wrap .section .icon_list li:first-child span{
  background:url(/images/p_bg.png) no-repeat center center;
}
.wrap .section .icon_list li.sec span{
  background:url(/images/y_bg.png) no-repeat center center;
}
.wrap .section .icon_list li.last span{
  background:url(/images/b_bg.png) no-repeat center center;
}
/* icon list end*/
/* white list */
.wrap .section .white_list{
  overflow: hidden;
  padding:0 0 30px 0;
}
.wrap .section .white_list>li{
  float:left;
  box-sizing: border-box;
  width:49.5%;
  *width:44.9%;
  margin:0 0 0 1%;
  padding:0 25px 25px 25px;
  background:#ffffff;
  height:224px;
}
.wrap .section .white_list>li:first-child{
  margin:0;
}
.wrap .section .white_list li span{
  display: block;
}
.wrap .section .white_list li span.th{
  font-size:22px;
  color:#418cce;
  letter-spacing: -0.25px;
  line-height: 60px;
  overflow: hidden;
  border-bottom:2px #6ca7db solid;
}
.wrap .section .white_list li span.th a.more{
  float:right;
  font-size:0;
  background:url(/images/b_more.png) no-repeat right center;
  width:50px;
  height:60px;
}
.wrap .section .white_list li ul{
  height:auto;
  padding:15px 0 0 0;
}
.wrap .section .white_list li ul li{
  overflow: hidden;
  padding:10px 10px 0 10px;
}
.wrap .section .white_list li ul li:first-child{
  padding:0 10px;
}
.wrap .section .white_list li ul li a{
  width:80%;
  float:left;
  color:#000000;
  font-size:15px;
  letter-spacing: -0.25px;
  box-sizing: border-box;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  font-weight: 300
}
.wrap .section .white_list li ul li span.day{
  float:left;
  width:20%;
  box-sizing: border-box;
  color:#676767;
  font-size:15px;
  text-align:right;
  font-weight: 300
}
/* white list end*/
/* facebook */
.wrap .facebook_box{
  position:relative;
  padding:65px 30px 20px 30px;
  background:#fbf3df;
  margin:0 0 30px 0;
}
.wrap .facebook_box span.th{
  color:#000000;
  font-size:16px;
  letter-spacing: -0.25px;
  font-weight: 500;
  background:url(/images/facebook_bg.png) no-repeat 30px top;
  position:absolute;
  top:-6px;
  left:0;
  padding:20px 30px 25px 95px;
  max-width: 973px;
  width:100%;
}
.wrap .facebook_box span.th .more{
  float:right;
  font-size:0;
  background:url(/images/w_more.png) no-repeat center center;
  width:62px;
  height:22px;
}
.wrap .facebook_box ul{
  overflow: hidden;
}
.wrap .facebook_box ul li{
  float:left;
  width:50%;
  *width:47%;
  box-sizing: border-box;
  padding:0 0 0 30px;
}
.wrap .facebook_box ul li a{
  display: block;
  font-size:12px;
  color:#494848;
  line-height: 20px;
  word-break: keep-all;
  height: 60px;
  overflow: hidden;
}
.wrap .facebook_box ul li span.time{
  display: inline-block;
  *display: inline;
  *zoom:1;
  font-size:11px;
  color:#a9a9a9;
  padding:0 0 0 20px;
}
.wrap .facebook_box ul li:first-child{
  padding:0 30px 0 0;
  border-right:2px #ede5d1 solid;
}
/* facebook end*/
/*section end*/
/* footer */
.wrap .footer{
  width:80%;
  margin:0 auto;
  border-top:1px #ede1c2 solid;
  padding:30px 0;
}
.wrap .footer .footer_con{
  max-width: 1100px;
  margin:0 auto;
  font-size:12px;
  line-height: 19px;
  color:#131313;
  font-weight: 500;
  position:relative
}
.wrap .footer .footer_con a{color: #000;}
.wrap .footer .footer_con .gray{
  color:#836d26;
}
.wrap .footer .footer_con ul{
  position:absolute;
  right:0;
  top:0;
  /*! overflow: hidden */
}
.wrap .footer .footer_con ul li{
  float:left;
  margin:0 0 0 25px;
}
.wrap .footer .footer_con ul li:first-child{
  margin:0;
  padding:5px 0 0 0;
}
.wrap .footer .footer_con ul li.newsletter a{
  width:96px;
  height:21px;
  display: block;
  font-size:11px;
  color:#61605a;
  line-height: 21px;
  border:1px #e6e1d5 solid;
  text-align: center;
  background:#edeae2;
}
.wrap .footer .footer_con ul li.f_logo a{
  font-size:0;
  width:200px;
  height: 35px;
  display: block;
  background:url(/images/f_logo.png) no-repeat center center;
}
/*추가*/
.wrap .footer .footer_con ul li.f_logo2 a {
  font-size:0;
  width:200px;
  height: 35px;
  display: block;
  background:url(/images/f_logo_2.png) no-repeat center center;
}

.wrap .footer .footer_con ul li.f_logo2 {
  clear: both;        
  display: block;     
  margin-top: 5px;    
}
.wrap .footer .footer_con ul li.f_logo,
.wrap .footer .footer_con ul li.f_logo2 {
    float: right !important; /* 둘 다 우측 기준으로 정렬 */
    clear: both !important;  /* 무조건 각각 새 줄에서 시작하도록 강제 */
    margin-right: 0 !important; /* 박스를 틀어지게 만드는 기존 여백 강제 초기화 */
    margin-bottom: 5px; /* 두 로고 사이의 상하 간격 */
}

.wrap .footer .footer_con ul li.f_logo a,
.wrap .footer .footer_con ul li.f_logo2 a {
    background-position: left center !important; /* center 대신 left로 밀착시켜서 이미지 시작선 맞추기 */
    margin: 0 !important;
}

/**/





/* footer end*/
/*wrap end*/

.imgNone {background:url(/images/no_image.jpg) no-repeat center center;width:216px;height:247px;}


.ggnewsletter {
  position:absolute;
  top:-135px;
  left:15%;
  margin:0 0 0 -110px;
  width:220px;
  display: none;
}

.ggnewsletter.on{
 display:block;
}

.ggnewsletter .newsletter_wrap{
  background:#ffffff;
  padding:20px 0 15px 0;
}
.ggnewsletter input{
  display: block;
  border:1px #e6e1d5 solid;
  height: 21px;
  width:180px;
  margin:5px auto 0 auto;
  color:#a19b90;
  font-size:11px;
  line-height: 21px;
  padding:0 0 0 5px;
}
.ggnewsletter input:first-child{
  margin:0 auto;
}
.ggnewsletter .newsletter_wrap .silver{
  display: block;
  width:100px;
  height: 26px!important;
  line-height: 19px!important;
  font-weight: 700;
  margin:15px auto 0 auto;
  color:#61605a!important;
  font-size:11px!important;
  padding:0!important;
  text-align: center;
  background:#edeae2;
}
.ggnewsletter .arrow{
  display: block;
  height: 12px;
  border-top:3px #a19b90 solid;
  background:url(/images/letter_arrow.png) no-repeat center top;
}


/*.board_list li:first-child .list_con {
  position:relative;
  height:348px;
}

.board_list li:first-child .list_con li{
  position:absolute;
}
.board_list li:first-child .list_con li a{
  float:left;
}*/