@charset "utf-8";

@import url('https://cdn.jsdelivr.net/font-notosans-kr/1.0.0-v1004/NotoSansKR-full.css');
@import url(//fonts.googleapis.com/earlyaccess/nanumpenscript.css);
@import url('../css/NanumSquareNeo.css');



.GowunBatang {font-family: 'GowunBatang-Bold';}

.nanumpenscript * {
 font-family: 'Nanum Pen Script', cursive;
}

.mb0 {margin-bottom:0 !important;}
.mb10 {margin-bottom:10px !important;}

body {
  
  font-family: 'NotoSansKR', sans-serif;
	font-weight: 400;
	font-size: 16px;
	color: #3b3b3b;
	width: 100%;
	height: 100%;
}

a {
	text-decoration: none;
}

a:hover,
a:active,
a:focus,
	{
	text-decoration: none;
}

img,
object,
video {
	max-width: 100%;
	border: 0;
}


/* COMMON */
.hide {display:none !important;}

.clearfix:after {
	display: block;
	clear: both;
	content: '';
}

.tal {
	text-align: left !important;
}
.tar {
	text-align: right;
}
.tac {
	text-align: center !important;
}
.italic {
  font-style:italic;
}

.clear {
	*clear: both;
}

.d_flex {
	display:flex;
	justify-content: center;
	gap:1%;
}
.d_flex.fww {
	flex-wrap: wrap;
}
.d_flex .column {
	float: unset;
	margin-left: unset;
}
.d_flex.fww .column.auto.first_line ~ .column.auto {
	margin-top:2%;
}

.h1_tit {
	font-size: .875em;
	margin: 0 0 3% 0;
}

.info_tit {
	color: #3b3b3b;
}

.info_img {
	float: left;
	margin: 0 40px 35px 0;
}

#wrap {
	height: 100%;
	margin: 0 auto;
}

#header {
	width: 100%;
	background: #fff;
	/* position: fixed; */
  z-index: 1000;
}

body:before {
    position: absolute;
    content: '';
    position: fixed;
    left: 0;
    top: 0;
    width: 100vw;
    background: #fff;
    opacity: 1;
    z-index: 62;
}

body.bg:before {
    visibility: visible;
    overflow: visible;
    width: auto;
    height: auto;
    opacity: 1;
    width: 100vw;
    height: 100vh;
    opacity: .2;
    background: #000;
    z-index: 1000;
}

#area {
	max-width: 1200px;
	margin: 0 auto;
}
#area:after, #area_wrap:after {
	content:'';
	clear: both;
	display: block;
}

#area_wrap {
	width: 100%;
  display:flex;
  height: 90px;
  align-items: center;
}

#area_wrap > div {
  width:50%;
}
#area_wrap .zone_right {
  display:flex;
  justify-content: end;
}

#area_wrap .btn_gnb {
    margin: 0 0 0 8px;
    height: 62px;
}

#area_wrap .btn_gnb a {
	font-weight: 600;
	color: #fff;
	display: none;
}

#area_wrap .btn_gnb a.menu_btn_mobile {
	display: block;
}

#area_wrap .logo a {
  display:flex;
  align-items: center;
}
#area_wrap .logo img {
	/* float: left; */
}

#area_wrap .logo .tit {
	color: #000;
	font-size: 20px;
	font-weight: 700;
	/* float: left; */
	margin-left: 11px;
}

#area_wrap .logo .vol {
	color: #888;
	font-size: 20px;
	font-weight: 700;
	letter-spacing: 1px;
	/* float: left; */
	margin-left: 13px;
}


#area_wrap .vol {
  position: relative;
  display:flex;
  align-items: center;
}

#area_wrap .vol .title {
  padding: 9px 20px;
  border: 1px solid #000;
  border-radius: 24px;
  margin-left: 20px;
  font-size: 18px;
}

#area_wrap .vol .title a {
	background: url(../images/common/list_arr_down.png) 98% 0 no-repeat;
	padding-right: 30px;
}
#area_wrap .vol .title a.active {
	background: url(../images/common/list_arr_up.png) 98% 0 no-repeat;
	padding-right: 30px;
}

#area_wrap .month {
	margin: 12px 0 0 10px;
}

#area_wrap .link {
	line-height: 1;
  display:flex;
  align-items:center;
}

#area_wrap .link li {
	display: block;
	float: left;
	padding: 13px 20px;
  border:1px solid #000;
  border-radius:24px;
  margin-left: 20px;
}
#area_wrap .link li:first-child {
	background-color:#000;
}

#area_wrap .link li a {
	color: #000;
	font-weight: 600;
  font-size:18px;
}
#area_wrap .link li:first-child a {
  color:#fff;
}

.vol .title .list-arr {
	color: #000;
	font-weight: 600;
}



.vol ul.list {
	position: absolute;
	z-index: 9100;
	overflow-x: hidden;
	width: 155px;
	height: 155px;
	background: #fff;
	left: 20px;
	top: 68px;
}

.vol ul.list li {
	clear: left;
	width: 100%;
	line-height: 1;
}

.main #area_wrap #btn_openGnb {
	display: block;
}


#container {
	clear: both;
	margin: 0 auto;
}

#container_sub {
	clear: both;
	width: 100%;
	margin: 0 auto;
  background:url('../images/common/container_sub_bg01.png') repeat-x center top;
}

.sub_wrap {
	max-width: 1275px;
	margin: auto;
}

.gnbwrapper {
	width: 100%;
	clear: both;
}

.gnbwrap {
	width: 100%;
}

.gnb {
	display: none;
	max-width: 100%;
	margin: 0 auto;
	background: #fff;
}

.gnb_w li a img {
	vertical-align: top;
}

.slide {
	position: relative;
}

.slidewrap {
	position: relative;
}

.slidewrap_m {
	position: relative;
	width: 100%;
	margin-bottom: 7%;
	display: none;
}

.bx-pager {
	position: absolute;
	right: 30px;
	bottom: 30px;
}

.bx-pager-item {
	display: inline-block;
	text-indent: -9999px;
}

.bx-pager-item a {
	display: block;
	width: 17px;
	height: 17px;
	margin-left: 4px;
	background: url('../images/common/dot.png') 0 0 no-repeat;
}

.bx-pager-item .bx-pager-link.active {
	display: block;
	width: 17px;
	height: 17px;
	background: url('../images/common/dot_over.png') 0 0 no-repeat;
}

.gnb .menu {
	width: 1200px;
	margin: 0 auto;
	vertical-align: middle;
	overflow: hidden;
}

.gnb .menu ul {
  text-align:center;
}
.gnb .menu li {
    display: inline-block;
    line-height: 76px;
}
.gnb .menu li::after {
  content:"|";
  color:#ddd;
  font-weight:600;
  font-size: 20px;
  vertical-align:top;
  padding:0 17px;
  line-height:76px;
}
.gnb .menu li:last-child::after {
  content:none;
}

.gnb .menu li a.supwrap {
	margin-top: -6px;
    display: block;
} 
.gnb .menu li a sup {
	color: #005bab;
    font-weight: 900;
    vertical-align: super;
} 


.gnb .menu li a {
  font-size: 25px;
  font-weight: 600;
  color: #fff;
}


.gnb .menu li a span {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff)); /*#fee368*/
  background-image: linear-gradient(#fff, #fff); /*#fee368*/
}

.gnb .menu li a span {
  position: relative;
  background-position: 0 100%;
  background-size: 0 4px;
  background-repeat: no-repeat;
  -webkit-transition: all .4s;
  transition: all .4s;
}

.gnb .menu li a:hover span, .gnb .menu li a:focus span {
  background-size: 100% 4px;
  color: #fff;
}

.gnb .menu li a:hover span:before, .gnb .menu li a:focus span:before {
    /* content: '';
    display: inline-block;
    width: 23px;
    height: 28px;
    background: url(../images/common/gnb_dot.jpg) 100% 0 no-repeat;
    margin: 0 14px 0 0; */
} 

.gnb_w .line {
	width: 0;
	height: 5px;
	text-align: center;
	background: #d7d7d7;
	margin: auto;
	transition: width 0.8s;
}

.gnb_w li:hover .line, .gnb_w li.active .line {
	width: 90%;
}

#contents_m {
	position: relative;
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
}

#container_slider .slidewrap .item {
  display:flex;
	background: #f2f2f4;
  justify-content: center;
}
#container_slider .slidewrap .item > div {
  height:510px;
	overflow: hidden;
  background-repeat: no-repeat;
  background-position: right center;
  box-sizing: border-box;
}
#container_slider .slidewrap .item .zone_left {
  width:58%;
  max-width:1100px;
}
#container_slider .slidewrap .item .zone_right {
  width:42%;
  max-width:820px;
  padding:45px 20px 45px 45px;
}

.slidebg1 .zone_left {
  background-image:url("../images/main/slide_01.jpg");
}

.slidebg2 .zone_left {
  background-image:url("../images/main/slide_02.jpg");
}

.owl-carousel .owl-item .slidebg1 img, .owl-carousel .owl-item .slidebg2 img {
	width: auto;
	float: right;
	border-top-left-radius: 37px;
    border-bottom-left-radius: 37px;
}

.item .slidetxt {
  font-family: "NanumSquareNeo";
}


.whats_wrap {
    max-width: 1395px;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-top: 60px;
}

.culture_wrap {
    max-width: 1395px;
    margin-left: auto !important;
    margin-right: auto !important;
}
.culture_wrap .row {
  min-height: 100%;
}

.whats_wrap h2.tit, .culture_wrap h2.tit, .foo_util h2.tit {
  font-family:"NanumSquareNeo";
  font-size: 50px;
  color: #111;
  font-weight: 900;
  margin-bottom: 50px;
  text-align: left;
  letter-spacing: -1px;
  border-bottom: 5px solid #ababab;
  padding-bottom:10px;
}
.whats_wrap h2.tit span, .culture_wrap h2.tit span, .foo_util h2.tit span {
	color: #f79447;
}

.culture_wrap h2.tit {
	margin-top: 30px;
}

#section1 .row .box {
  float: left;
  width: 48.44555%;
  margin-right:2.51%;
  margin-bottom: 50px;
}
#section1 .row .box:nth-child(even) {
  margin-right:0;
}

#section1 .row .box .category {
  font-size: 30px;
  font-weight: 600;
  color: #fff;
  display: block;
  position: absolute;
  padding: 10px 27px;
  background:#005bab;
  border-top-right-radius: 30px;
  border-bottom-right-radius: 30px;
}

#section1 .row .box .tit {
    color: #1b1b1b;
    font-size: 25px;
    padding: 30px;
    background-color: #f6f6f6;
}

#section1 .row .box .tit .small {
	margin-top: 15px;
	line-height: 1.2;
    color: #102e60;
}

#section1 .row .box .tit span {
  /* background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff));
  background-image: linear-gradient(#fff, #fff); */
}

#section1 .row .box .tit span.fwb {
	font-weight: 800;
    font-size: 30px;
    letter-spacing: -1px;
    line-height: 1.2;
    color: #102e60; 
}

#section1 .row .box .img {
  display: block;
  overflow: hidden;
}

#section1 .row .box .img img {
  width: 100%;
}

#section1 .row::after, #section2 .row::after {
    content: '';
    display: block;
    clear: both;
}

.section1 .tit span {
  position: relative;
  background-position: 0 100%;
  background-size: 0 1px;
  background-repeat: no-repeat;
  -webkit-transition: all .4s;
  transition: all .4s;
}

.section1 a:hover .tit span, .section1 a:focus .tit span {
  background-size: 100% 1px;

 
}



.section2 a:hover .tit span, .section2 a:focus .tit span {
  background-size: 100% 1px;
}

#section1 .row .box a {
  display: block;
  width: 100%;
  border-top-right-radius: 40px;
  overflow: hidden;
  position: relative;
  -webkit-transition: all .2s,-webkit-transform .5s;
  transition: all .2s,-webkit-transform .5s;
  transition: all .2s,transform .5s;
  transition: all .2s,transform .5s,-webkit-transform .5s;
  box-sizing: border-box;
  border: 5px solid #fff;
}

#section1 .row .box a:hover, #section1 .row .box a:focus {
  border: 5px solid #015bac;
}

#section1 .row .box a:hover:before, #section1 .row .box a:hover:after, #section1 .row .box a:focus:before, #section1 .row .box a:focus:after {
  opacity: .2;
}

#section1 .row .box a:hover .category, #section1 .row .box a:focus .category {
}

#section1 .row .box a:hover .tit, #section1 .row .box a:focus .tit {
  color: #fff;
}

#section2 {
	overflow: hidden;
	padding-bottom: 100px;
}

#section2 .row.type2 {
  display:none;
}

#section2 .row .box {
    float: left;
    width: 31.685%;
    margin-right: 2.47%;
    margin-bottom: 50px;
}
#section2 .row .box:last-child {
  margin-right:0;
}
#section2 .row .box a {
  display: block;
  width: 100%;
  border-radius: 40px;
  overflow: hidden;
  position: relative;
  -webkit-transition: all .2s,-webkit-transform .5s;
  transition: all .2s,-webkit-transform .5s;
  transition: all .2s,transform .5s;
  transition: all .2s,transform .5s,-webkit-transform .5s;
  box-sizing: border-box;
  border: 10px solid transparent;
}
#section2 .row .box a:hover, #section2 .row .box a:focus {
  background-image: linear-gradient(#000, #000), linear-gradient(to bottom, #124f72 0%, #f59448 100%);
  background-origin: border-box;
  background-clip: content-box, border-box;
  /* border: 10px solid #f79447; */
}
#section2 .row .box.box2 a:hover, #section2 .row .box.box2 a:focus {
  background-image: linear-gradient(#000, #000), linear-gradient(to bottom, #fec023 0%, #0bd3a9 100%);
}
#section2 .row .box.box3 a:hover, #section2 .row .box.box3 a:focus {
  background-image: linear-gradient(#000, #000), linear-gradient(to bottom, #286bab 0%, #fec024 100%);
}
#section2 .row .box .tit {
    color: #1b1b1b;
    font-size: 23px;
    padding: 24px 28px;
    background-color: #fceee3;
}
#section2 .row .box.box2 .tit {
    background-color: #effffc;
}
#section2 .row .box.box3 .tit {
    background-color: #fbf3de;
}
#section2 .row .box .category {
    font-size: 28px;
    font-weight: 800;
    color: #f79447;
    display: block;
    margin-bottom: 15px;
}
#section2 .row .box.box2 .category {
    color: #02d3aa;
}
#section2 .row .box.box3 .category {
    color: #ffc021;
}
#section2 .row .box .img {
    display: block;
    overflow: hidden;
}
#section2 .row .box .tit .small {
	margin-top: 15px;
	line-height: 1.2;
  color: #131313;
}
#section2 .row .box .tit span.fwb {
  font-weight: 800;
  font-size: 25px;
  letter-spacing: -2px;
  line-height: 1.2;
  color: #131313; 
}


.item .slidetxt h2 {
  display:inline-block;
  color: #ff95b0;
  font-size: 30px;
  font-weight: 600;
  line-height: 1.7;
  margin-bottom: 25px;
  letter-spacing:-1px;
}
.item.slidebg2 .slidetxt h2 {
  color: #30a2ff;
}

.item .slidetxt h2:after {
  content:'';
  display: block;
  clear: both;
  border-bottom: 2px solid #ff95b0;
}
.item.slidebg2 .slidetxt h2:after {
  border-bottom: 2px solid #30a2ff;
}

.item .slidetxt p {
  font-size: 40px;
  font-weight: 800;
  color: #303030;
  line-height: 1.2;
}

.item .slidetxt p span {
  font-size: 25px;
  color: #1b1b1b;
  margin-top: 60px;
  display: inline-block;
  font-weight: 500;
}
.item.slidebg2 .slidetxt p span {
  letter-spacing:-2px;
}

#contents_sub {
	position: relative;
    max-width: 1275px;
    margin: 0 auto;
    background: #fff;
    float: left;
    box-sizing: border-box;
}

#contents_sub .section:nth-child(even) {
	background-color: #f3f7ff;
}

#contents_sub .section .container {
	max-width: 1200px;
	margin: auto;
	/* text-align: left; */
}

#contents_sub .inner {
  padding-left:32px;
}

.con_link {
	margin: 126px auto 90px;
}

.main_top {
	max-width: 1200px;
	margin: 0 auto 125px;
}
.main_top li:first-child {
	margin-left: 22.5px;
}
.main_top li {
	float: left;
	margin: 0 11.25px;
	position: relative;
}
.main_top li .tit {
    position: absolute;
    left: 0;
    font-size: 20px;
    color: #fff;
    border-bottom: 1px solid #fff;
    margin: 15px 0 0 23px;
    line-height: 1.8;
    font-weight: 700;
}
.main_top li p {
    position: absolute;
    left: 0;
    bottom: 0;
    color: #fff;
    font-weight: 900;
    font-size: 26px;
    letter-spacing: -1px;
    line-height: 1.3;
    margin: 0 0 45px 23px;
}

.main_top li p span {
	font-size: 18px;
	font-weight: 700;
	
}

.main_top li img, .middle-list li img, .util_list li img {
    transition: all 0.3s ease-in-out;
}

.main_top li a:hover img, .middle-list li a:hover img, .util_list li a:hover img {
    transform: scale(1.05,1.05);
}

.main_middle_wrap > .tit, .main_bottom > .tit, .foo_util > .tit {
	max-width: 1395px;
	margin: auto;
	font-size: 60px;
	color: #0e0e0e;
	font-weight: 700;
	letter-spacing: -2px;
	line-height: 1;
}
.main_middle_wrap > .tit .gray, .main_bottom > .tit .gray, .foo_util > .tit .gray {
	color: #a9a9a9;
}

.middlebg {
	background: #e7f8f9 url(../images/main/middlebg.png) 0 48px no-repeat;
    padding: 48px 0 47px;
}

.main_middle_wrap > .tit .anime, .main_bottom > .tit .anime, .foo_util > .tit .anime {
	position: relative;
	display: inline-block;
}

.main_middle_wrap > .tit .anime > div, .main_bottom > .tit .anime > div, .foo_util > .tit .anime > div {
	display: inline-block;
	position: relative;
	z-index: 100;
}

.main_middle_wrap > .tit .anime .tit-symbol1 {
	 border-radius: 50%;
	 height: 28px;
	 width: 28px;
	 transition: all 1.5s ease;
	 background: #02a1ae;
	 position: absolute;
	 top: -5px;
	 right: -5px;
	 z-index: 10;
}

.main_middle_wrap > .tit div:hover .tit-symbol1 {
	transform: translateX(-260px);
}

.main_bottom > .tit .anime .tit-symbol2 {
	 height: 28px;
	 width: 28px;
	 transition: all 1.5s ease;
	 background: #00d578;
	 position: absolute;
	 top: -5px;
	 left: 253px;
	 z-index: 10;
}

.main_bottom > .tit div:hover .tit-symbol2 {
	transform: translateX(205px);
}

.foo_util > .tit .anime .tit-symbol3 {
	width: 0px;height: 0px;
	 border-top:14px solid none;
	  border-bottom:24px solid #2693fc;
	  border-right: 14px solid transparent;
	  border-left: 14px solid  transparent;
	 transition: all 1.5s ease;
	 position: absolute;
	 top: -12px;
	 right: -10px;
	 z-index: 10;
}

.foo_util > .tit div:hover .tit-symbol3 {
	transform: translateX(-235px);
}

.middle-list {
	max-width: 1200px;
	margin: auto;
}

.middle-list li {
	float: left;
	margin-right: 46px;
	position: relative;
    width: 369px;
    height: 505px;
}

.middle-list li:last-child {
	margin-right: 0;
}

.middle-list li img {
	margin: auto;
    display: block;
    z-index: 100;
    position: relative;
}
.middle-list li .bg {
    background: #fff;
    width: 100%;
    height: 365px;
    position: absolute;
    top: 140px;
}

.middle-list li .tit {
    position: absolute;
    left: 32px;
    font-weight: 700;
    color: #1b9cb9;
    top: 53%;
    font-size: 20px;
}

.middle-list li .tit.supwrap {
	top: 51%;
}

.middle-list li .tit sup {
	vertical-align: super;
}

.middle-list li .btn {
    width: 52px;
    height: 52px;
    position: absolute;
    right: 0;
    bottom: 0;
    background: #02a1ae url(../images/common/btn_cross.png) 0 0 no-repeat;
}

.middle-list li:hover .btn {
	background: #00d578 url(../images/common/btn_cross.png) 0 0 no-repeat;
}

.middle-list li p {
    position: absolute;
    left: 32px;
    color: #000;
    top: 64%;
    font-size: 26px;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: -1px;
}

.middle-list li p span {
	font-size: 18px;
	font-weight: 700;
}

.main_bottom {
	max-width: 1220px;
	margin: 110px auto 0;
}

.main_bottom .bottom {
	position: relative;
    margin: 30px 0px 0 10px;
}

.main_bottom .bottom a > img {
	transition: transform 1s;
}
.main_bottom .bottom a:hover > img {
  transform: translate(23px, 22px);
}
.main_bottom .bottom a:after {
	content: '';
    display: block;
    clear: both;
    width: 410px;
    height: 536px;
    border: 2px solid #00d578;
    position: absolute;
    right: -15px;
    top: 22px;
}

.main_bottom .bottom .tit {
    position: absolute;
    left: 68%;
    color: #fff;
    font-size: 30px;
    font-weight: 700;
    letter-spacing: -1px;
    top: 23%;
}

.main_bottom .bottom p {
	position: absolute;
    color: #000;
    font-size: 38px;
    font-weight: 400;
    letter-spacing: -1px;
    left: 68%;
    top: 33%;
    line-height: 1.3;
}
.main_bottom .bottom p .small {
	display: block;
	font-size: 20px;
	font-weight: 900;
    margin-top: 14%;
}

.main_bottom .bottom .line {
	position: absolute;
    background: url(../images/common/view_arr_big.png) no-repeat;
    width: 162px;
    height: 33px;
    right: 39px;
    bottom: 70px;
}

.main_bottom .bottom .btn-arr {
	position: absolute;
    right: 39px;
    bottom: 30px;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
}

.main_bottom .bottom p .fwb {
	font-weight: 800;
}


.con_link ul {
	overflow: hidden;
}

.con_link .main li, .con_link .main_2 li, .con_link .main_3 li {
	float: left;
	margin: 0 24px 0 0;
}

.con_link .main_2 li:last-child, .con_link .main_3 li:last-child {
	margin: 0;
}

.con_link .main li:nth-child(4n) {
	margin-right: 0;
}

.con_link ul.wid_175 {
	float: left;
	width: 16.7%;
}

.con_link ul.wid_175 li {
	float: left;
	width: 100%;
}

.con_link ul.wid_173 {
	float: left;
	width: 16.5%;
}

.con_link ul.wid_173 li {
	float: left;
	width: 100%;
}


/* 컨텐츠 */

.article {
	margin-bottom: 50px;
}

.article p {
	font-size: 22px;
	font-weight: 300;
	line-height: 33px;
	text-align: justify;
	color: #232323;
}

.m_w50 {
	width: 49%;
	display: inline-block;
	margin: 10px 0;
}

.visual_text {
	margin-bottom: 8%;
}

.banner {
  position: absolute;
  z-index: 100;
  top: 770px;
  left: 50%;
  width: 129px;
  text-align: center;
  box-sizing: border-box;
  margin-left: 470px;
}

.banner > ul {
	overflow: hidden;
	border-left: 1px solid #205db6;
    border-right: 1px solid #205db6;
}

.icon_list {
	background: #f7f7f7;
    overflow: hidden;
    border-left: 1px solid #205db6;
    border-right: 1px solid #205db6;
    padding: 20px 0 0;
}


.banner .icon_li {
	margin: auto;
	width: 88px;
}

.banner li {
	display: block;
}

.banner .icon_li li {
	width: 50%;
	float: left;	
	padding-bottom: 10px;
}

.banner ul.icon_li li:last-child {
	margin-right: 0;
}

.banner_fix {
	position: absolute;
	z-index: 100;
	top: 20px;
	right: 0;
	float: right;
	width: 16.2%;
	background: #fff;
}

.banner_fix ul {
	overflow: hidden;
	padding-bottom: 2px;
}

.banner_fix li {
	display: inline;
	float: left;
	width: 50%;
	height: auto;
}

.banner_fix ul.icon_li li {
	width: 33%;
}

.event_img {
	margin-top: 35px;
	margin-bottom: 35px;
}

.con_link_m {
	display: none;
}

#footer_m {
	display: none;
}

.vol_m {
	display: none;
}

.gnb_m {
	/*display: none;*/
	padding: 9px 0;
}

#footer {
	display: block;
	clear: both;
	margin: auto;
	text-align: center;
	background: #fff;
	border-top: 1px solid #d2d2d2;
}

#footer>img {
	max-width: inherit;
}

#footer li {
	float: left;
}

#footer .copy {
	width: 90%;
}

#footer .mark {
	width: 15%;
}

.f_wrap {
	overflow: hidden;
	width: 100%;
}

.f_l {
	float: left;
	width: 80.5%;
}

.f_b {
	float: left;
	width: 19.5%;
}

#comment_wrap {
	display: block;
	clear: both;
	max-width: 1000px;
}

.foo_util {
    margin: 50px auto 0;
	
}
.util_list {
	max-width: 1395px;
	margin: auto;
}

.util_list li .tit {
  font-size: 30px;
  font-weight: 600;
  color: #313131;
  position: absolute;
  left: 0;
  bottom: 30px;
  letter-spacing: -1px;
  width:100%;
  text-align:center;
}

.util_list li {
	float: left;
	position: relative;    
    margin-right: 25px;
}

.util_list li:last-child {
	margin-right: 0;
}


.util_list li .btn-arr {
	position: absolute;
	top: 24px;
	right: 30px;
	background: url(../images/common/view_arr.png) 0 0 no-repeat;
	width: 78px;
	height: 50px;
	background-size: 100%;
}

.rolling {
	margin: 5% 0 5% 0;
}

.rolling .title {
	font-size: 20px;
	font-weight: 600;
	margin: 0 0 18px 0;
	color: #626262;
}

.prevSlider {
	text-align: center;
}

.prevSlider .bx-wrapper {
	max-width: 1015px !important;
}

#bxslider .img.bx-clone {
	display: none;
}

#bxslider .img {
	width: 108px !important;
}

#bxslider .img img {
	border: 1px solid #dfdfdf;
}

#slider1prev a {
	display: block;
	float: left;
	width: 49%;
	margin-top: 1em;
	text-align: right;
}

#slider1next a {
	display: block;
	float: right;
	width: 49%;
	margin-top: 1em;
}

#slider1prev a:hover,
#slider1next a:hover {
	font-weight: bold;
}

.tit_text {
	line-height: 25px;
	display: inline-block;
	width: 100%;
	height: 25px;
	text-align: center;
	vertical-align: middle;
	color: #989898;
}

.name {
	line-height: 15px;
	display: inline-block;
	width: 100%;
	height: 15px;
	text-align: center;
	vertical-align: middle;
	color: #686868;
}

.text_field {
	display: block;
	clear: both;
	max-width: 760px;
	margin: 0 auto;
	padding-top: 14px;
	text-align: center;
}

.text_field input {
	font-family: 돋음, Dotum, Baekmuk Dotum, Undotum, Apple Gothic, Latin font, sans-serif;
	font-size: 1em;
	font-weight: bold;
	line-height: 38px;
	float: left;
	width: 25%;
	height: 38px;
	margin-right: 1%;
	padding-left: 1%;
	text-align: left;
	vertical-align: middle;
	color: #999;
	border: 1px solid #dfdfdf;
}

.text_field input.code {
	float: left;
	margin-right: 0;
}

.text_field input.code_box {
	font-size: .875em;
	float: left;
	width: 3%;
	margin-right: 0;
	text-align: center;
	color: #f6a05a;
	border-left: 0;
}

.text_field ul.sns_login {
	margin: 5% 0 2% 0;
}

.text_field li {
	font-family: 돋음, Dotum, Baekmuk Dotum, Undotum, Apple Gothic, Latin font, sans-serif;
	font-size: .875em;
	font-size: 1em;
	font-weight: bold;
	line-height: 35px;
	float: left;
	height: 35px;
	margin-right: 1%;
	vertical-align: middle;
	color: #999;
}

.textarea_wrap {
	display: block;
	clear: both;
	padding: 3% 0 0 0;
}

.textarea_wrap textarea {
	font-family: 돋음, Dotum, Baekmuk Dotum, Undotum, Apple Gothic, Latin font, sans-serif;
	font-size: 1em;
	line-height: 130%;
	float: left;
	overflow-y: auto;
	width: 83%;
	height: auto;
	padding: 3% 0 5% 2%;
	color: #999;
	border: 1px solid #fecc4f;
}

.summit {
	float: right;
	width: 13%;
}

.text_limit {
	font-size: 1em;
	font-weight: bold;
	display: block;
	clear: both;
	padding: 2% 0 0 2%;
	text-align: left;
	color: #999;
}

.reply {
	display: block;
	clear: both;
	max-width: 760px;
	margin-top: 3%;
}

.reply ul {
	overflow: hidden;
	margin-bottom: 20px;
	padding-top: 2%;
	text-align: left;
}

.reply li {
	font-family: 돋음, Dotum, Baekmuk Dotum, Undotum, Apple Gothic, Latin font, sans-serif;
	font-size: .875em;
	font-weight: normal;
	line-height: 140%;
	float: left;
	color: #424141;
}

.reply li.id_name {
	font-weight: bold;
	max-width: 550px;
	color: #444;
}

.reply li.edit_list {
	float: right;
}

.reply li.text {
	overflow: hidden;
	width: 100%;
	height: auto;
	padding-bottom: 15px;
	border-bottom: 1px solid #dfdfdf;
}

.reply span.font_orange {
	color: #fc7b00;
}

.reply li span.li_line {
	padding: 0 10px 0 10px;
	color: #b9b9b9;
}

.reply span.date_font {
	color: #666;
}

.event_vol27 .paging {
	max-width: 890px;
}

.paging {
	font-size: .875em;
	font-weight: bold;
	overflow: hidden;
	max-width: 848px;
	text-align: center;
}

.paging a {
	line-height: 23px;
	display: inline-block;
	width: 25px;
	height: 23px;
	text-align: center;
	vertical-align: center;
	color: #666;
	background: #f0f0f0;
}

.paging a.a_none {
	line-height: 11px;
	display: inline-block;
	width: 15px;
	height: 11px;
	text-align: center;
	vertical-align: center;
	color: #fc7b00;
	background: #fff;
}

.paging a:hover {
	display: inline-block;
	width: 25px;
	height: 23px;
	color: #fff;
	background: #fc7b00;
}

.paging a.hover_img {
	display: inline-block;
	width: 25px;
	height: 23px;
	color: #fff;
	background: #fc7b00;
}

.paging a:hover.over_none {
	display: inline-block;
	width: 15px;
	height: 11px;
	color: #fc7b00;
	background: #fff;
}

.paging .mglt {
	margin-left: 15px;
}

.paging .mgrt {
	margin-right: 15px;
}

.prevSlider_m {
	display: none;
}

.summit_m {
	display: none;
}

.event_m {
	display: block;
	max-width: 1015px;
	position: relative;
	margin: auto;
}

.pc {
	display: none;
}

.mobile {
	display: block;
}

.click_list {
	text-align: center;
	padding-top: 15px;
}

.click_list li {
	width: 43.4375%;
	display: inline-block;
	margin-bottom: 20px;
	margin-right: 2.34375%;
}

.click_list li:nth-child(2n) {
	margin-right: 0;
}

#btn_openGnb {
	float: right;
	margin-top: 5px;
	display: none;
}
#btn_openGnbM {
	float: right;
	/* margin-top: 5px; */
	display: block;
}

.slider-btn {
	margin-top: 20px;
	text-align: center;
	font-size: 18px;
}

.slider-btn a {
	margin: 0 5px;
}

.cont_50 {
	overflow: hidden;
	position: relative;
	z-index: 10;
	padding: 0 3.625%;
}

.cont_50 li {
	float: left;
	width: 48.3%;
	margin-bottom: 6%;
}

.cont_50 li:nth-child(even) {
	float: right;
}


.overlay {
	position: fixed;
	display: none;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, 0.2);
	z-index: 120;
}

.btn_close {
	display: none;
}

/* 14.11.20 webright BDH 소셜플러그인 */
#sns_wrap {
	margin-top: 50px;
	margin-bottom:5%;
}

#sns_wrap ul {
	text-align: right;
}

#sns_wrap ul li {
	display: inline-block;
	margin-left: 12px;
}

.mail_list_wrap {
	width: 802px;
	border-top: 2px solid #005bab;
	border-bottom: 2px solid #005bab;
}

.bx-controls-auto-item {
	display: inline-block;
	float: right;
}

.bx-wrapper .bx-controls-auto .bx-start {
	display: block;
	text-indent: -9999px;
	width: 29px;
	height: 20px;
	outline: 0;
	background: url('../images/common/controls.png') -33px 0 no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-stop {
	display: block;
	text-indent: -9999px;
	width: 29px;
	height: 20px;
	outline: 0;
	background: url('../images/common/controls.png') 0 0 no-repeat;
	margin: 0 3px;
}

/*18년도 리뉴얼*/
.main_left {
	width: 500px;
	float: left;
	position: relative;
}

.main_right {
	width: 538px;
	float: right;
}

.main_right li {
	float: left;
	margin: 0 12px 12px 0;
}

.main_right li:nth-child(even) {
	margin-right: 0;
}

.owl-theme .owl-nav {
	position: absolute;
	text-align: center;
	margin: -100px 0 0 0;
	left: 50%;
  margin-left: 185px;
}
.owl-theme .owl-nav .owl-prev {
	background: url(../images/common/arr_left.png) 0 0 no-repeat !important;
	margin-right: 56px;
}
.owl-theme .owl-nav .owl-prev span, .owl-theme .owl-nav .owl-next span {display: none;}
.owl-theme .owl-nav .owl-next {
	background: url(../images/common/arr_right.png) 0 0 no-repeat !important;
}

.owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next {
	width: 56px;
	height: 56px;
}

.owl-theme .owl-nav .disabled {
	opacity: 0.5;
	cursor: default;
}

.owl-theme .owl-nav.disabled+.owl-dots {}

.owl-theme .owl-dots {
	text-align: center;
	-webkit-tap-highlight-color: transparent;
	position: absolute;
	bottom: 10px;
	width: 100%;
}

.owl-theme .owl-dots .owl-dot {
	display: inline-block;
	zoom: 1;
	*display: inline;
}

.owl-theme .owl-dots .owl-dot span {
	width: 56px;
	height: 56px;
	display: block;
	-webkit-backface-visibility: visible;	
	background: url(../images/common/arr_right.png) 0 0 no-repeat;
}

.owl-theme .owl-dots .owl-dot.active span {
	background: url(../images/common/arr_left.png) 0 0 no-repeat;
}

.owl_navwrap {
  /* margin: 0 auto;
  width: 56px;
  position: relative; */
  position: absolute;
  left: 50%;
  top: 500px;
  margin-left: 200px;
}

.owl_nav {
	
}

.owl_nav .play {
	background: url('../images/common/slide_play.png') 0 0 no-repeat;
	width: 56px;
	height: 56px;
	display: block;
	text-indent: -9999px;
	cursor: pointer;
}

.owl_nav .stop {
	background: url('../images/common/slide_stop.png') 0 0 no-repeat;
	width: 56px;
	height: 56px;
	display: block;
	text-indent: -9999px;
	cursor: pointer;
}

.cont_100 {
	margin-bottom: 6%;
	padding: 0 3.625%;
}

.cont_100 li {
	margin-bottom: 6%;
}

.event_rumor {
	position: absolute;
	left: 373px;
	bottom: 135px;
}

.event_find {
	position: absolute;
	right: 90px;
	bottom: 135px;
}

.event_vote {
	position: absolute;
	left: 88px;
	bottom: 135px;
}

.event .visual {
	position: relative;
}

/* vol.27 이벤트 */
.event_vol27 {
	max-width: 1015px;
	margin: auto;
	overflow: hidden;
}

.event_vol27 table {
	width: 100%;
	font-size: 14px;
	background-color: #fff;
	max-height: 300px;
	border-left: 1px solid #d8d8d8;
	border-right: 1px solid #d8d8d8;
}

.event_vol27 table tr {
	border-bottom: 1px solid #d8d8d8;
}

.event_vol27 table td {
	padding: 7px 0;
	text-align: center;
}

.event_vol27 .vol27_message {
	color: #094c79;
	text-align: left;
	font-weight: 300;
	width: 75%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.event_vol27 .reply_td1 {
	width: 5%;
}

.event_vol27 .reply_td2 {
	width: 20%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.event_vol27 .paging {
	text-align: center;
	background-color: #fff;
	margin-bottom: 10px;
}

.event_vol27 .paging .leftarrow,
.event_vol27 .paging .rightarrow {
	background: none;
	color: #000;
}

.event_vol27 .paging a {
	color: #000;
	margin: 12px 0;
	font-size: 15.6px;
	width: 24px;
	height: 24px;
	display: inline-block;
	text-align: center;
	line-height: 24px;
}

.event_vol27 .paging .paghover {
	color: #fff;
	background-color: #094c79;
}

.event_vol27 .leftarrow,
.event_vol27 .rightarrow {
	font-weight: bolder;
	background-color: none;
}

.event_vol27 .leftarrow {
	margin-right: 50px;
}

.event_vol27 .rightarrow {
	margin-left: 50px;
}

.event_vol27 .leftarrow:hover,
.event_vol27 .rightarrow:hover {
	background-color: none;
}

.project h1 {
	text-align: center;
	margin-top: 0;
	margin-bottom: 5px;
}

.project p {
	font-size: 26px;
	text-align: center;
}

.project h2 {
	text-align: center;
	font-size: 35px;
   color: #5858bc;
   font-weight: 700;
}

.project .plist {
	margin-top: 52px;
	margin-bottom: 100px;
    overflow: hidden;
}
.project .plist li {
	float: left;
   width: 24.13793103448276%;
   margin-bottom: 10px;
   margin-right: 1.149425287356322%;
}
.project .plist li:last-child {
	margin-right: 0;
}

.project .plist li:nth-child(4n) {
	margin-right: 0;
}


/* .gnb {
  z-index: 9000;
  display: none;
  width: 100%;
  background: #005bab;
  position: fixed !important;
  overflow: auto;
  position: relative;
  -webkit-animation: animateright 0.4s;
  -moz-animation: animateright 0.4s;
  -o-animation: animateright 0.4s;
  animation: animateright 0.4s;
  border-bottom: none;
  right: 0;
  top: 90px;
} */
.gnb {
	z-index: 9000;
	display: none;
	width: 100%;
	background: #005bab;
	overflow: auto;
	position: relative;
	-webkit-animation: animateright 0.4s;
	-moz-animation: animateright 0.4s;
	-o-animation: animateright 0.4s;
	animation: animateright 0.4s;
	border-bottom: none;
}

.gnb .menu {
	width: 100%;
}


.mo_tit {display: none;}


/* Grid
-------------------------------------------------------------- */
.column {
  float: left;
  margin-left: 2%;
}

.column img {
  display: block;
  margin: auto;
}
.cont_title .column img {
  margin:0 auto 0 0;
}

.column.img70 img {
  width:70%;
}

.column:first-child {
  margin-left: 0;
}

.column.full {
  width: 100%;
}

.column.two-thirds {
	width: 66.66666666666667%;
}

.column.half {
	width: 50%;
	margin-left: 0;
}

.column.one-third {
	width: 29.33333333333333%;
}

.column.one-two {
	width: 41.5%;
}

.column.one-thr {
	width: 57.14864864864865%;
}

.column.one-fourth {
	width: 23.98648648648649%;
}

.column.thr-fourth {
	width: 73.75%;
}

.column.one-four {
	width: 10%;
}

.column.thr-four {
	width: 85%;
}

.column.one-five {
	width: 17.4%;
}

.column.one3 {
  width: 3%;
}

.column.one8 {
  width: 8%;
}

.column.one814 {
  width: 81.4%;
}

.column.one894 {
  width: 89.4%;
}

.column.one944 {
  width: 94.4%;
}

.column.thr-four {
  width: 85%;
}

.column.one-five {
  width: 16%;
}

.column.dotted {
  border-top: 2px dotted #666666;
}
.column.dotted ul {
  padding-top: 10px;
  counter-reset: number 0;
  padding:10px 0 0 18px;
}
.column.dotted li {
  margin-bottom: 8px;
  list-style-position: inside;
  text-indent: -18px;
  word-break: break-all;
  word-wrap: break-word;
  font-size: 15px;
  line-height: 1.2;
  font-weight: 300;
}
.column.dotted li::before {
  counter-increment: number 1;
  content: counter(number) ') ';
}

.contwrap .row {
  margin: 0 0 43px;
}
.contwrap .row.cont_title {
  margin: 0 0 15px;
}

.contwrap .row:last-child {
  margin:0;
}
.contwrap:last-child .row:last-child {
  margin: 0 0 80px;
}

.contwrap .row.mb0 {
  margin-bottom: 10px;
}

.imgwrap {
  max-width: 1110px;
  margin: auto;
}

/* #Clearfix
-------------------------------------------------------------- */
.contwrap:before,
.contwrap:after,
.row:before,
.row:after {
  display: table;
  content: " ";
}

.contwrap:after,
.row:after {
  clear: both;
}

.contwrap,
.row {
  *zoom: 1;
}

.contwrap {max-width:1000px; padding-top: 40px; padding-bottom:10px;}
.contwrap.cate {padding-top: 10px;}
.contwrap.cate .text_category {text-align:left; font-family: 'NanumSquareNeo', sans-serif;}
.inner.f1 .text_category {color:#14295e;}
.inner.f2 .text_category {color:#1ba085;}
.inner.f3 .text_category {color:#372420;}
.inner.f4 .text_category {color:#09247c;}
.inner.f5 .text_category {color:#743d26;}
.inner.f6 .text_category {color:#b4032f;}
.inner.f7 .text_category {color:#003366;}
.inner.f8 .text_category {color:#862c2c;}
.inner.f9 .text_category {color:#ec402e;}
.inner.f10 .text_category {color:#fba92e;}

.contwrap .font_type1 {font-family: 'NotoSerifKR';}
.contwrap.title {max-width:1275px; padding-top: 0;text-align: center;}

.inner.f7 .contwrap .emp {color:#003366; font-weight:700;}


.contwrap .fwb {font-weight: 600;}
.contwrap .fwb strong {font-weight:800; margin-bottom: 15px; display: inline-block;}
.contwrap .fwb.dashed {color:#4a4a4a; font-size:23px; padding:25px; margin-bottom: 30px;}
.contwrap .fwb.dashed::after {
  content:"";
  display: block;
  clear: both;
}
.contwrap .fwb.dashed .box_picture {float:left; padding: 0 17px 0 0;}
.inner.f3 .contwrap .fwb.dashed {border:3px dashed #231816; background:#f1efef;}
.inner.f4 .contwrap .fwb.dashed {border:3px dashed #08247c; background:#edf2fb;}
.inner.f5 .contwrap .fwb.dashed {border:3px dashed #743d26; background:#ffefe8;}
.inner.f6 .contwrap .fwb.dashed {border:3px dashed #b4032f; background:#fbedf1;}
.inner.f7 .contwrap .fwb.dashed {border:3px dashed #003366; background:#e6f1fc;}
.inner.f8 .contwrap .fwb.dashed {border:3px dashed #862c2c; background:#f8eded;}
.inner.f9 .contwrap .fwb.dashed {border:3px dashed #ec402e; background:#fcf0ee;}
.inner.f10 .contwrap .fwb.dashed {border:3px dashed #fba92e; background:#fdf4e7;}

.contwrap .row h5 {font-size:20px;}
.contwrap .row h3 {font-size: 35px;font-weight: 700;letter-spacing: -1px;line-height: 1.2;text-align: center;}
.contwrap .row h2 {font-size: 45px;font-weight: 800;letter-spacing: -2px;line-height: 1.3;text-align: center; margin-bottom:60px;}
.contwrap .row h2.title_cont {
  font-family: 'NanumSquareNeo', sans-serif;
  font-style: italic;
  position: relative;
  display: inline-block;
  left: 50%;
  transform: translateX(-50%);
  z-index:1;
  padding: 0 10px 0 5px;
  margin-bottom: 30px;
  word-break: keep-all;
}
.contwrap .row h2.title_cont::after {
  content:"";
  position:absolute;
  bottom:0;
  left:0;
  right:0;
  z-index:-1;
  height:25px;
}
.inner.f7 .contwrap .row h2.title_cont {
  padding-left: 62px;
}
.inner.f7 .contwrap .row h2.title_cont .title_icon {
  position:absolute;
  left:5px;
  top:7px;
  width:58px;
  height:46px;
  background-position:center left;
  background-repeat:no-repeat;
  background-size:cover;
  background-image:url("../images/sub/f7/title_bg01.png");
}

.inner.f1 .contwrap .row h2.title_cont::after {background:#def0ff;}
.inner.f2 .contwrap .row h2.title_cont::after {background:#e5f7f3;}
.inner.f3 .contwrap .row h2.title_cont::after {background:#ede8e8;}
.inner.f4 .contwrap .row h2.title_cont::after {background:#dce5f6;}
.inner.f5 .contwrap .row h2.title_cont::after {background:#ffeae1;}
.inner.f6 .contwrap .row h2.title_cont::after {background:#f9e3e8;}
.inner.f7 .contwrap .row h2.title_cont::after {background-color:#dcecfb;}
.inner.f8 .contwrap .row h2.title_cont::after {background:#f4e5e5;}
.inner.f9 .contwrap .row h2.title_cont::after {background:#ffedeb;}
.inner.f10 .contwrap .row h2.title_cont::after {background:#fff1db;}

.contwrap .row h3.title_cont_sub {
  margin-bottom:20px;
}
.inner.f1 .contwrap .row h3.title_cont_sub {color:#005bab; font-style: italic;}
.inner.f2 .contwrap .row h3.title_cont_sub {color:#8ac650; font-style: italic; font-size:33px;}
.inner.f3 .contwrap .row h3.title_cont_sub {color:#372420;}
.inner.f4 .contwrap .row h3.title_cont_sub {color:#f79447;}
.inner.f5 .contwrap .row h3.title_cont_sub {color:#e50801;}
.inner.f6 .contwrap .row h3.title_cont_sub {color:#b4032f;}
.inner.f7 .contwrap .row h3.title_cont_sub {color:#003366;}
.inner.f8 .contwrap .row h3.title_cont_sub {color:#862c2c;}
.inner.f9 .contwrap .row h3.title_cont_sub {color:#ec402e;}
.inner.f10 .contwrap .row h3.title_cont_sub {color:#6666ff;}

.contwrap .row .title_cont_sub2 {
  text-align:center;
  margin-top:25px;
}

.contwrap .row p.emp {
  font-weight: 700;
  text-align:center;
}
.inner.f1 .contwrap .row p.emp {
	color:#14295e;
}

.contwrap .row .wrap_title_box {
	display: flex;
	justify-content: center;
}
.inner.f3 .contwrap .row .wrap_title_box {
	justify-content: flex-start;
}
.inner.f7 .contwrap .row .wrap_title_box {
  flex-direction: column;
  align-items: center;
  color: #003366;
  font-size: 30px;
  margin-bottom: 25px;
}

.contwrap .row .title_box {
  font-size: 25px;
  font-weight: 700;
  text-align:center;
  margin-bottom: 25px;
}
.inner.f1 .contwrap .row .title_box {color:#14295e; background:#e9effd; padding:10px;}
.inner.f2 .contwrap .row .title_box {color:#303030; border: 2px solid #1ba085; padding:10px;}
.inner.f3 .contwrap .row .title_box {color:#372420; border-bottom: 2px solid #372420; display:inline-block;}
.inner.f4 .contwrap .row .title_box {color:#08247c; border-bottom: 2px solid #7b8ab9; display:inline-block;}
.inner.f7 .contwrap .row .title_box {color:#363636; display:inline-block; background-color:#dcecfb; padding:0 3px; margin-top: 5px; margin-bottom:0;}
.inner.f8 .contwrap .row .title_box {display: flex; align-items: center;}
.inner.f9 .contwrap .row .title_box {color:#ec402e; border-bottom: 2px solid #ec402e; display:inline-block;}
.inner.f10 .contwrap .row .title_box {color:#6666ff;}

.contwrap .row .title_box .caption {
	font-size: 17px;
	color: #363636;
	font-weight: 500;
	line-height: 1.2;
	clear: both;
} 

.contwrap .row .title_box .number {
	display:flex;
	justify-content: center;
	align-items: center;
	width:30px;
	height:30px;
	color:#fff;
	background-color:#ff3300;
	border-radius: 50%;
	margin-right: 10px;
}


.contwrap .row h4 {font-size: 28px;font-weight: 700;letter-spacing: -1px;line-height: 1.0;text-align: center; margin-top:18px;}
.contwrap .row p {font-size: 22px;color: #363636;text-align: justify;line-height: 31px;letter-spacing: -1px; word-break: break-all; word-wrap: break-word; line-height: 1.5;}
.contwrap .row a.link {color: #2e37ea;}
.contwrap .row a.link:hover {text-decoration: underline;}
.contwrap .row p sup {font-weight: 800;}
.contwrap .row p strong {font-weight: 800;}
.contwrap.f1 .row p.question {font-weight: 700; color:#274fc1; font-size:26px; margin-bottom:20px;}
.contwrap .row .fz23 {font-size: 23px;}
.contwrap .row.bg p {background: #fff6dd;margin: 0 10px;padding: 10px;}
.contwrap .row .text-right {text-align: right;display: block;margin-top: 20px;}
.contwrap .row p.caption {text-align: center;font-size: 16px;color: #363636;font-weight: 500;line-height: 1.2;padding-top: 15px;clear: both;}
.contwrap .profile {background: #f6f6f6;border-radius: 10px;padding: 20px;}
.contwrap .profile .row {margin: 0;}
.contwrap .profile .column.one-third {width: 14%;}
.contwrap .profile .column.two-thirds {width: 84%;}
.contwrap .profile strong {display: block;color: #000;font-weight: 800;font-size: 21px;letter-spacing: -1px;}
.contwrap .profile p {font-size: 20px;font-weight: 500;padding: 0;}

.contwrap .q-wrap .q {display: inline-block;float: left;width: 8%;margin-top: -20px;}
.contwrap .q-wrap .q-line {display: block;height: 2px;background: #68936b;float: left;width: 91%;}
.contwrap .q-wrap h3 {clear: both;padding-top: 10px;}

.foo_wrap {max-width: 1200px;margin: auto;overflow: hidden;padding: 20px 0;}
.foo_wrap .left {float: left;}
.foo_wrap .left > img {display: inline-block;float: left;}
.foo_wrap .left p {float: left;margin: 17px 0 0 19px;font-size: 13px;color: #626262;}
.foo_wrap .left p a:hover {text-decoration: underline;}
.foo_wrap .right {float: right;}

.contwrap .row.player {max-width: 800px;margin: 0 auto 43px;}
.contwrap .row.player > div {position: relative;width: 100%;padding: 27.5% 0;}
.contwrap .row.player > div iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;min-height: inherit !important;}

.contwrap .row .refer {
  font-size: 19px;
  word-break: keep-all;
}

.intro .contwrap.title h2 {
	font-weight: 800;
	color:#005bab;
	font-family: "NanumSquareNeo";
	font-size: 28px;
	padding: 3% 0 2.5%;
}
.intro .contwrap.title {
	font-size: 22px;
}
.intro .contwrap h4 {
	text-align: left;
	margin-top: 10px;
	margin-bottom: 10px;
} 



@media (max-width:1700px) {
  .owl-theme .owl-nav {
    margin-left:11.5%;
  }
  .owl_navwrap {
    margin-left: 12.5%;
  }
} /* end @media (max-width:1700px) */



@media (max-width:1400px) {
  .gnb .menu li a {
    font-size:22px;
  }
} /* end @media (max-width:1400px) */





@media (max-width:1200px) {
  #header {position:fixed;}
	.vol ul.list {left: -35%;}
	.owl_navwrap {/* position: static; */ top:750px; margin-left:-28px;}
	.contwrap {max-width:1200px; padding:60px 20px 0;}
	.contwrap.title {padding: 0;text-align: center;}
  .contwrap.title .area_text {font-size:3.45vw; left:3.5vw; top:34vw;}
  .contwrap.title .area_text .box_text02 {font-size:1.8vw; margin-top: 1.9vw;}
  .contwrap.title .box_line {top:40.8vw; left:3.4vw; width:77.4vw; height:1.4vw;}
  .contwrap.title.f1 .box_line.top {width: 30.5vw; top:36.7vw;}
  .contwrap.title.f1 .box_line.bottom {width: 26.6vw; top:40.8vw;}
  .contwrap.title.f2 .box_line {width: 41vw;}
  .contwrap.title.f3 .box_line {width: 43vw; top:41vw;}
  .contwrap.title.f4 .box_line {width: 54vw;}
  .contwrap.title.f5 .box_line {width: 38vw;}
  .contwrap.title.f6 .box_line {width: 54.6vw;}
  .contwrap.title.f7 .box_line.top {width: 47.8vw; top:36.7vw;}
  .contwrap.title.f7 .box_line.bottom {width: 72.2vw; top:40.8vw;}
  .contwrap.title.f8 .box_line {width: 59.1vw;}
	.contwrap.title h2 {font-size: 40px;line-height: 1;padding: 30px 10px 20px;}
	.contwrap.title h2 span {font-size: 30px;}
	.contwrap.title p {padding: 0 10px;font-size: 20px;line-height: 1.4;margin-bottom: 30px;}
	.contwrap .row .fz23 {font-size: 21px;}
	.contwrap .row.player {margin: 0 auto 36px;}
	.contwrap.title .dot {padding-bottom: 30px;}
	.contwrap .row h3 {font-size: 24px;line-height: 1.2;}
	.contwrap .row h2 {font-size: 35px;}
	.contwrap .row h4 {font-size: 20px;}
	.contwrap .row p {font-size: 19px;}
  .contwrap.f1 .row p.question {font-size:21px;}
	.contwrap .row.bg p {background: #fff6dd;margin: 0 10px;padding: 10px;}
	.contwrap .row .text-right {text-align: right;display: block;margin-top: 20px;}
	.contwrap .row p.caption {text-align: center;font-size: 16px;color: #363636;font-weight: 500;line-height: 1.2;padding-top: 15px;clear: both;}
	.contwrap .q-wrap .q {float: none;width: auto;margin: 0;display: block;}
	.contwrap .q-wrap .q-line {display: none;}
	.contwrap .q-wrap h3 {clear: both;padding-top: 10px;}
	.contwrap .row {margin: 0 0 40px;}


  .inner.f7 .contwrap .row h2.title_cont {
    padding-left: 54px;
  }
  .inner.f7 .contwrap .row h2.title_cont .title_icon {
    top:5px;
    width:50px;
    height:40px;
    background-size:contain;
  }

	.contwrap .row .title_box {font-size:22px; margin-bottom: 15px; text-align:left;}

	.contwrap .row .refer {
		font-size:19px;
		word-break:break-all;
	}
  #contents_sub .inner {
    padding-left: 0;
  }
	.whats_wrap h2.tit, .culture_wrap h2.tit, .foo_util h2.tit {
		display: none;
	}
  .gnb {
    width: 76%;
    top: 0;
    background:#fff;
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
    position: absolute;
    right:0;
  }
  
  #container_slider {
    padding-top: 90px;
  }
  #container_slider .slidewrap .item {
    display: block;
  }
  #container_slider .slidewrap .item > div {
  }
  #container_slider .slidewrap .item .zone_left {
    width: 100%;
    background-size: cover;
    max-width: unset;
    background-position: right top;
  }
  #container_slider .slidewrap .item .zone_right {
    width: 100%;
    height: 20.8rem;
    max-width: none;
    padding: 1rem;
  }
	
	.owl-theme .owl-nav .owl-prev {
		/* background: url("../images/common/arr_left_white.png") 0 0 no-repeat !important; */
	}
  .owl-theme .owl-nav .owl-next {
     /* background: url("../images/common/arr_right_white.png") 0 0 no-repeat !important; */
  }
  .owl_nav .stop {
    /* background: url("../images/common/slide_stop_white.png") 0 0 no-repeat;
    background-color: rgba(0, 0, 0, 0.3); */
  }
	.owl_nav .play {
    /* background: url("../images/common/slide_play_white.png") 0 0 no-repeat; */
  }
  
	.whats_wrap {
		padding-top: 40px;
	}
	
	.item .slidetxt .more {
		display: none;
	}
	
	.owl-carousel .owl-item .slidebg1 img, .owl-carousel .owl-item .slidebg2 img {
	    width: 100%;
	    float: none;
	    border-top-left-radius: 0;
	    border-bottom-left-radius: 0;
	}
	.slidewrap_m {
		display: block;
	}
	#section2 {
		padding-top: 50px;
		padding-bottom: 50px;
	}
	
  #section2 .row .box {
    width: 31.685%;
    margin-right: 0;
    margin: 0 0.8%;  
  }
  #section2 .row .box .tit {
    font-size: 1.5vw;
    padding: 18px 20px;
  }
  #section2 .row .box .category {
    font-size: 2vw;
  }
  #section2 .row .box .tit span.fwb {
    font-size: 1.9vw;
  }

	#contents_sub {
	    padding-top: 0;
	}
	
	
	#section1 .row .box {
		width: 47.6%;
    margin: 0 1.2% 50px;
	}
  #section1 .row .box .category {
    font-size: 1.2rem;
    padding:0.4rem 1.5rem;
  }
  
  #section1 .row .box .tit {
    font-size:18px;
    padding:25px;
  }
  #section1 .row .box .tit span.fwb {
    font-size:25px;
  }
	
	.util_list li {
	    float: left;
	    position: relative;
	    margin: 0 1%;
	    width: 23%;
	    text-align: center;
	}
	
	.util_list li .tit {
	    font-size: 21px;
      bottom: 10%;
	}
	.util_list li .btn-arr {
	    position: absolute;
	    top: 24px;
	    right: 30px;
	    background: url(../images/common/view_arr.png) 0 0 no-repeat;
	    width: 58px;
	    height: 30px;
	    background-size: contain;
	    top: auto;
	    bottom: 17px;
	    right: 11px;
	}
	.item .slidetxt p {
	    font-size: 23px;
	}
	
	.util_list li img {
		width: 100%;
	}
	
	
	#area_wrap > .vol {
	    padding-right: 0;
	    padding-left: 0;
	    float: right;
	}
	
	#best_story h3 {
	    font-size: 21px;
	    font-weight: 700;
	    color: #1b9eb7;
	    line-height: 1.2;
	    text-align: center;
	    float: left;
	    width: 25%;
	    margin-top: 17px;
	}
	
	.area {
		margin: 0 3.666666666666667%;
	}
	
	.gnb .menu li a {
		font-size: 25px;
    color:#484848;
	}
	
	#area_wrap > .vol {
    	height: auto;
	}
	.event_vol27 table {
		border-left: 0;
		border-right: 0;
	}

	#comment_wrap {
		padding: 20px;
	}

	.event {
		display: none;
	}

	.event_rumor {
		cursor: pointer;
		width: 28%;
		top: auto;
		bottom: 5%;
		left: 36.2%;
	}

	.event_find {
		cursor: pointer;
		width: 28%;
		top: auto;
		right: 5%;
		bottom: 5%;
	}

	.event_vote {
		cursor: pointer;
		width: 28%;
		top: auto;
		left: 5%;
		bottom: 5%;
	}

	.animate-right {
		-webkit-animation: animateright 0.4s;
		-moz-animation: animateright 0.4s;
		-o-animation: animateright 0.4s;
		animation: animateright 0.4s
	}

	@-webkit-keyframes animateright {
		from {
			right: -300px;
			opacity: 0
		}

		to {
			right: 0;
			opacity: 1
		}
	}

	.copy_m ul {
		width: 96%;
		margin: 10px auto;
		padding-top: 10px;
	}

	.copy_m li img {
		width: 100%;
	}

	#container {
		/*padding-bottom: 5%;*/
	    border-bottom: 1px solid #d2d2d2;
	}

	.prevSlider {
		display: none;
	}

	.link_m a img {
		width: 100%;
	}
	
	.main_top {
	    max-width: 1200px;
	    margin: 0 3.333333333333333% 3%;
	    overflow: hidden;
	}
	.main_top li:first-child {
		margin: 0;
	}
	.main_top li {
		float: none;
		margin: 7% 0;
	}

	#area_wrap .link {
		display: none;
	}

	#area_wrap .logo {
		padding-left: 3.333333333333333%;
		box-sizing: border-box;
	}

	

	#btn_openGnbm, #btn_openGnbM {
		display: block;
	}

	#btn_closeGnb, #btn_closeGnbM {
		display: none;
	}

	.copy {
		display: none;
	}

	#area_wrap .vol .title a {
		background: url(../images/common/list_arr_down.png) 96% 40% no-repeat;
	}
	
	#area_wrap .vol .title a.active {
	    background: url(../images/common/list_arr_up.png) 96% 40% no-repeat;
	}

	.con_link {
		display: none;
	}

	.con_link_m {
		display: block;
		margin: 0 auto;
		text-align: center;
	}

	.con_link_m img {
		width: 100%;
	}
	
	.owl-theme .owl-nav {
	    top: 750px;
      margin:0;  
	    margin-left:-84px;;
	    
	}
	.owl_nav {
    position: absolute;
    top: 0;
    z-index: 10;
	}
	
	.item .slidetxt {
	   position: relative;
	   text-align: center;
	   float: none;
	   width: 100%;
	   margin-top: 0;
	   /* padding: 20px; */
	}
	
	.item .slidetxt h2 {
		border-bottom: 2px solid #ff95b0;
	}
  .item.slidebg2 .slidetxt h2 {
		border-bottom: 2px solid #30a2ff;
	}
	.item .slidetxt h2:after {
		display: none;
	}
	
	.item .slidetxt p span {
		display: block;
		font-size: 21px;
		margin-top: 10px;
		padding-bottom: 20px;
	}

	.vol_m {
		position: absolute;
		right: 15%;
		top: 20px;
		display: block;
	}

	.vol_m .title img {height: 23px;}

	.btn_close {
		display: block;
		position: absolute;
		right: 11px;
    	top: 26px;
	}

	.vol_m ul.list {
		line-height: 0;
		overflow-x: hidden;
		width: 140px;
		height: 140px;
		margin: 0 auto;
		text-align: center;
		position: absolute;
		display: block;
		left: -25%;
		top: 39px;
		z-index: 10;
	}

	.mo_tit {
		/* margin-top: 56px; */
		/* margin-left: 18.46153846153846%; */
		font-size: 16px;
		line-height: 1.3;
		letter-spacing: -1px;
		color: #fff;
		/* font-weight: 200; */
		display: inline-block;
		background: #799bd0;
		padding: 6px 26px;
		text-align: center;
	}

	.mo_tit span {
		color: #00d578;
	    display: block;
	    font-size: 23px;
	    font-weight: 700;
	}

	.vol_m ul.list li {
		line-height: 0;
		clear: left;
	}

	.vol_m ul.list li img {
		width: 100%;
	}

	.gnb_w {
		display: none;
	}

	.bx-pager-item a {
		display: block;
		width: 10px;
		height: 10px;
		margin-left: 4px;
		background: url('../images/common/dot.png') 0 0 no-repeat;
		background-size: 100%
	}

	.bx-pager-item .bx-pager-link.active {
		display: block;
		width: 10px;
		height: 10px;
		background: url('../images/common/dot_over.png') 0 0 no-repeat;
		background-size: 100%
	}

	.bx-pager {
		position: absolute;
		right: 15px;
		bottom: 0;
	}

	#best_story {
	    padding: 68px 0 8px;
	    overflow: hidden;
	}

	#best_story ul {
		float: left;
    	width: 75%;
	}

	#best_story li {
		width: 28%;
	    margin: 0 2%;
    	float: left;
	}

	.gnb_m {
		display: block;
		padding: 30px 30px;
	}
	
	.gnb_m .menu ul {
	}

	.menu .gnb_m ul li {
    display:block;
    line-height: 2.5;
    margin-top: 10px;
		text-align:left;
	}
  .menu .gnb_m ul li::after {
    content:none;
  }
	.gnb .menu li a:hover span, .gnb .menu li a:focus span {
    background: none;
    color: #484848;
  }
	.gnb .menu li a:hover span:before, .gnb .menu li a:focus span:before {
    /* content: '';
    display: inline-block;
    width: 15px;
    height: 13px;
    background: url(../images/common/gnb_dot.jpg) 100% 0 no-repeat;
    margin: 0 5px 0 0;
    background-size: contain; */
	}
  
	
	

	.article {
		max-width: 100%;
		margin: 0;
	}

	#scrapArea {
		
	}

	.mail_list_wrap {
		margin: 0;
		border-top: none !important;
		border-bottom: none !important;
	}

	.banner {
		display: none;
	}
	#footer {display: block;}
	.foo_wrap {}
	.foo_wrap .left {float: none;text-align: center;margin: 10px 10px 0;}
	.foo_wrap .left > img {display: inline-block;float: none;}
	.foo_wrap .left p {float: none;margin: 10px 0 0;}	
	.foo_wrap .left a {display: inline-block;font-style: italic;}
	.foo_wrap .right {float: none;padding: 0 10px;}

	#footer_m {
		display: block;
		clear: both;
		text-align: center;
		background: #fff;
	}
	
	#footer_m .foo_util {
   	    padding: 0 3.666666666666667% 20px;
    	overflow: hidden;
    	border-bottom: 1px solid #d2d2d2;
   }
   
   #footer_m .foo_util li {
    	width: 24%;
    	float: left;
    	margin-right: 1.25%;
   }
   #footer_m .foo_util li:last-child {
   		margin-right: 0;
   }

	.text_field input {
		font-size: .875em;
	}

	.textarea_wrap textarea {
		clear: left;
		width: 98%;
	}

	.summit {
		display: none;
	}

	.summit_m {
		display: block;
		width: 100%;
	}

	.prevSlider_m {
		display: block;
		text-align: center;
	}

	.prevSlider_m .bx-controls-direction {
		margin-top: 20px;
	}

	.prevSlider_m .bx-controls-direction a {
		margin: 0 5px;
		font-size: 18px;
	}

	.text_field input {
		width: 40%;
		margin-bottom: 1%;
	}

	.text_field input.code {
		margin-right: 1%;
	}

	.text_field input.code_box {
		width: 5%;
		border-right: 0;
		border-left: 1px solid #dfdfdf;
	}

	.text_field input.border {
		border-right: 1px solid #dfdfdf;
	}

	.gnb_m img {
		width: 100%;
	}

	.img_L {
		clear: left;
		width: 100%;
		margin: 0 auto;
		text-align: center;
	}

	.img_R {
		clear: right;
		width: 100%;
		margin: 0 auto;
		text-align: center;
	}

	.info_img {
		clear: right;
		width: 100%;
		margin: 0 auto;
		padding: 25px 0 25px 0;
		text-align: center;
	}

	#contents_sub {
		width: 100%;
		margin: 0 auto;
	}

	.banner_fix {
		display: none;
	}

	#scrolltop {
		font-size: 11px;
		position: fixed;
		z-index: 99999;
		right: 20px;
		bottom: 20px;
		display: none;
		cursor: pointer;
		text-align: center;
		text-decoration: none;
		color: #fff;
		border-radius: 5px;
		background-color: rgba(51, 51, 51, .5);
		background-image: url('../images/common/top.png');
		background-repeat: no-repeat;
		background-position: 50%;
	}

	#scrolltop a {
		display: block;
		width: 45px;
		height: 45px;
		text-indent: -9999px;
	}

	.event_vol27:after {
		content: '';
		clear: both;
		display: block;
	}

	.bx-controls-auto {
		position: absolute;
		right: 76px;
		bottom: 11px;
	}
	.project {
		padding: 0 3.75%;
	}
	.project .plist {
		margin-top: 60px;
	    overflow: hidden;
	    box-sizing: border-box;
	    margin-bottom: 10px;
    }
    .project .plist li {
	    float: left;
	    width: 49%;
	    margin-bottom: 4%;
	    margin-right: 2%;
	    text-align: center;
	}
	.project .plist li:nth-child(even) {
	    margin-right: 0;
	}
	
	.project .plist li:nth-child(4n) {
	
	}
	
	.main_top li .tit {
		font-size: 35px;
		margin: 35px 0 0 43px;
	}
	.main_top li p {
		font-size: 45px;
		text-align: left;
		margin: 0 0 65px 43px;
	}
	
	.main_top li a:hover img, .middle-list li a:hover img, .util_list li a:hover img {
		transform: none;
	}


	.intro .contwrap.title h2 {
		padding: 35px 0 20px;
	}
	.intro .contwrap h4 {
		text-align: left;
		font-size: 25px;
	}
}

@media (min-width:1201px) {
	#area_wrap .btn_gnb {
	    /* position: relative;
      z-index: 1;
      background: #102e60;
      height: 5rem;
      width: 77px;
      text-align: center;
      line-height: 35px;
      display: inline-block;
      height: 35px;
      border-radius: 8px; */
	}
	#area_wrap .btn_gnb a {
	   display: block;
	}
	#area_wrap .btn_gnb a.menu_btn_mobile {
		display: none;
	}

	.owl_nav {
	    position: absolute;
	    z-index: 100;
	    width: 100%;
	    bottom: 35px;
	    text-align: center;
	    margin: auto;
	    display: block;
      left:41px;
	}
	.project h1 {
		text-align: center;
		margin-top: 0;
		margin-bottom: 6px;
	}

	.pc {
		display: block;
	}

	.mobile {
		display: none;
	}


	#scrolltop {
		display: none !important;
	}

	.gnb {
		/*display: block;*/
	}
	/* .main .gnb {
		display: none;
	} */

	#best_story {
		display: none;
	}

	#btn_closeGnbM {
		display: none;
	}
	#btn_closeGnb {
		display: block;
	}
	.main #btn_closeGnb {
		display: none;
	}

	#contents_m {
		display: block;
	}

	.cont_left {
		float: left;
	}

	.cont_100 {
		overflow: hidden;
		margin-top: 22px;
	}

	.cont_100 li {
		float: left;
		width: 23.07692307692308%;
		margin-right: 2.564102564102564%;
	}

	.cont_100 li:last-child {
		margin-right: 0;
	}

	.cont_50 {
		margin-top: 12px;
	}

	.cont_50 li {
		float: left;
		width: auto;
	}

	.cont_50 li:nth-child(even) {
		float: right;
		margin: 0 0 12px 0;
		width: auto
	}

	.event_m {
		display: none;
	}

	.pb0 {
		padding-bottom: 0 !important;
	}

	.bx-controls-auto {
		position: absolute;
		bottom: 36px;
		right: 115px;
	}
}

@media (max-width:1024px) {
	.owl-theme .owl-dots {
		bottom: 0;
	}

	.d_flex.fww .column:nth-child(n+2) {
		margin-top:2%;
	}
}

@media (max-width: 768px) {
	.column.full,
	.column.two-thirds,
	.column.half,
	.column.one-third,
	.column.one-fourth,
	.column.thr-fourth,
	.column.one-four,
	.column.thr-four,
	.column.one-five,
	.column.one-two,
	.column.one-thr,
	.column.one3,
	.column.one8,
	.column.one814,
	.column.one894,
	.column.one944,
	.contwrap .profile .column.one-third,
	.contwrap .profile .column.two-thirds {
		margin: 15px 0 0 0;
		width: 100%;
	}
	.column:first-child {margin-top: 0;}
	.contwrap .profile {border-radius: 0;padding: 20px;}
	.contwrap .profile .column.one-third {margin: 0;}	
	.contwrap .profile .column.one-third img {border-radius: 20px;}
	.contwrap .profile strong {font-size: 19px;text-align: center;}
	.contwrap .profile p {font-size: 17px;line-height: 1.4;}
	
	.d_flex {
		flex-wrap: wrap;
	}
	.d_flex .column:nth-child(n+2) {
		margin-top: 15px;
	}

	.inner.f8  .contwrap .row .wrap_title_box {
		justify-content: flex-start;
	}
	.inner.f8 .contwrap .row .title_box {
		align-items: flex-start;
	}
	#section1 .row .box {
	    width: 90%;
	    margin: 0 auto 40px;
	    float: none;
	}
  #section1 .row .box:nth-child(even) {
    margin-right: auto;
  }
	
  #section1 .row .box .category {
    font-size: 0.9rem;
  }
	#section1 .row .box .tit {
		height: auto;
    padding: 15px;
	}
	#section1 .row .box .tit span.fwb {
	    font-size: 20.5px;
	}
  #section1 .row .box.box4 .tit span.fwb {
	    font-size: 18px;
      letter-spacing: -2px;
	}
	#section1 .row .box .tit .small {
	    font-size: 16px;
      letter-spacing:-1px;
	}
	#section1 .row .box .img {
	}
	
	.culture_wrap {
		width: 90%;
		margin: auto;
	}
	.culture_wrap .row .right .category {
	    font-size: 20px;
	}
	.culture_wrap .row .right .tit {
	    font-size: 21px;
	}
	.main_top li p span {
		font-size: 27px;		
	}
	.middle-list li p span {
		font-size: 20px;
	}
	
	.util_list {
	    width: 94%;
	}
	.util_list li {
	    float: left;
	    position: relative;
	    margin: 0 2% 20px;
	    width: 46%;
	}
	#section2 {
    padding-top:10px;
	  padding-bottom: 10px;
	}
  #section2 .row.type1 {
    display:none;
  }
  #section2 .row.type2 {
    display:block;
  }
  
  #section2 .row .box {
    width: 100%;
    margin-right: 0;
    margin: 0;  
  }
  #section2 .row .box a {
    border:0;
  }
  #section2 .row .box .tit {
    font-size: 4vw;
    padding: 18px 20px;
    text-align:center;
  }
  #section2 .row .box .category {
    font-size: 4vw;
  }
  #section2 .row .box .tit span.fwb {
    font-size: 4.7vw;
  }
  
  #section2 .owl-theme .owl-nav {
    top: 471px;
    width: 100%;
    left: 50%;
    margin-left: -50%;
    display: flex;
    justify-content: space-between;
  }
  
	.foo_util {
	    margin: 30px auto 0;
	}
	.main_middle_wrap > .tit, .main_bottom > .tit, .foo_util > .tit {
		text-align: left;
		text-indent: 10px;
	}
	
	.main_middle_wrap > .tit div:hover .tit-symbol1, .main_bottom > .tit div:hover .tit-symbol2, .foo_util > .tit div:hover .tit-symbol3 {
		transform: none;
	}
	.main_middle_wrap > .tit div:active .tit-symbol1 {
		transform: translateX(-260px);
	}
	
	.main_bottom > .tit div:active .tit-symbol2 {
		transform: translateX(225px);
	}
	
	.foo_util > .tit div:active .tit-symbol3 {
		transform: translateX(-235px);
	}
	
	.slick-list {
		overflow: inherit !important;
	}
	.con_link_m .middlebg {
		padding: 45px 0 0;	
	}
	.con_link_m .middle-list li img {
		width: 75%;
	}
	
	.con_link_m .middle-list li .bg {
		background: #fff;
		width: 90%;
		height: 560px;
		position: absolute;
		top: 40%;
		margin: auto;
		text-align: center;
		margin: auto;
		left: 4.75%;
	}
	
	.con_link_m .middle-list {
	    padding: 10px 0 37%;
	}
	
	.con_link_m .middle-list li .tit {
		top: 66%;
		left: 8.5%;
		font-size: 27px;
	}
	
	.con_link_m .middle-list li .tit.supwrap {
		top: 64%;
	}
	.con_link_m .middle-list li p {
		top: 75%;
		text-align: left;
		left: 8.5%;
		font-size: 30px;
	}
	
	.con_link_m .middlebg {
		background: #e7f8f9;
	}
	
	.con_link_m .middle-list li {
		float: none;
		margin-right: 0;
		width: auto;
		height: auto;
	}
	
	.con_link_m .main_bottom {
		margin: 12% 3.333333333333333%;
	}
	.con_link_m .main_bottom .bottom a:hover > img {
		transform: none;
	}
	
	.con_link_m .main_bottom .bottom a > img {
		transition: none;
	}
	
	.con_link_m .main_bottom .bottom a:after {
		display: none;
	}
	
	.con_link_m .foo_util {
		margin: 12% 0 0;
	}
	
	.con_link_m .util_list {
		margin: 30px 3.333333333333333% 0;
		overflow: hidden;
	}
	.con_link_m .util_list li {
		width: 48%;
		margin: 0 0 4% 4%;
	}
	
	.con_link_m .util_list li:nth-child(odd), .con_link_m .util_list li:last-child {
		margin-left: 0;
	}
	
	.con_link_m .util_list li.big, .con_link_m .util_list li:last-child {
		width: 100%;
	}
	
	.slick-dots {
		position: absolute;
		width: 100%;
		bottom: 2.5%;
	}
	.slick-dots li button {
		width: 15px;
	    height: 15px;
	    margin: 5px 10px;
	    display: block;
	    -webkit-backface-visibility: visible;
	    -moz-border-radius: 14px;
	    -webkit-border-radius: 14px;
	    border-radius: 14px;
	    -moz-transition: all 0.3s;
	    -webkit-transition: all 0.3s;
	    transition: all 0.3s;
	    background: #c4e2e4;
	    text-indent: -9999px;
	    border: none;
	}
	
	.slick-dots li.slick-active button {
	    background: #02a1ae;
	}
	
	.slick-dots li {
		display: inline-block;
	}
	.con_link_m .util_list li.big .tit {
		top: inherit;
		bottom: 20px;
	}
	.con_link_m .util_list li.big .btn-arr {
		top: inherit;
		bottom: 32px;
	}
	
	.con_link_m .util_list li:last-child .btn-arr {
		top: inherit;
	    right: inherit;
	    left: 20px;
	    bottom: 32px;
	}
	
}

@media (max-width:480px) {
  .column.img70 img {
      width: auto;
  }

	#best_story h3 {
	   font-size: 17px;  
	}
	.main_top li p span {
		font-size: 17px;		
	}
	 .middle-list li p span {
	 	font-size: 16px;
	 }
	.textarea_wrap textarea {
		padding: 3% 0 2.5% 2%;
	}

	.prevSlider_m li.img {
		width: 19.3%;
		padding: 0 2% 0 1%;
	}

	.prevSlider_m li.arrow_L {
		width: 16px;
		height: 52px;
		background: url('../images/common/arrow_L.gif') no-repeat 5px 4px;
	}

	.prevSlider_m li.arrow_R {
		width: 16px;
		height: 52px;
		padding-left: 2px;
		background: url('../images/common/arrow_R.gif') no-repeat -10px 4px;
	}

	.owl-theme .owl-dots .owl-dot span {
		width: 12px;
		height: 12px;
		margin: 4px;
		display: block;
		-webkit-backface-visibility: visible;
	}

	.owl-theme .owl-dots .owl-dot.active span,
	.owl-theme .owl-dots .owl-dot:hover span {
		width: 30px;
		height: 12px;
	}
  
  #area_wrap {
    height: 70px;
  }
  #area_wrap .zone_left {
    width: 60%;
  }
  #area_wrap .zone_right {
    width: 40%;
  }
	
	.gnb_m ul {
		
	}
	.gnb .menu li a {
		font-size: 18px;
	}
	
  #container_slider {
    padding-top: 70px;
  }
  #container_slider .slidewrap .item .zone_left {
    height: 15.4rem;
    background-position: center;
  }
  #container_slider .slidewrap .item .zone_right {
    height: 17rem;
  }
  .owl-theme .owl-nav {
    top: 28rem;
    margin-left:-4.4rem;
  }
  .owl_navwrap {
    top: 28rem;
    margin-left: -1.3rem;
  }

	.mo_tit span {
	    font-size: 18px;
	}
	.item .slidetxt h2 {
		font-size: 20px;
	}
  .item .slidetxt h2 {
		font-size: 20px;
	}
	.item.slidebg2 .slidetxt p {
		font-size: 20px;
	}
	.item .slidetxt p span {
		font-size: 16px;
		padding-bottom: 17px;
	}
	
	.item .slidetxt {
		/* top: 25%; */
	}
	
	.main_top li .tit {
		font-size: 20px;
		margin: 15px 0 0 23px;
	}
	.main_top li p {
		font-size: 26px;
		margin: 0 0 45px 23px;
	}
	
	.main_middle_wrap > .tit, .main_bottom > .tit, .foo_util > .tit {
		font-size: 40px;
	    text-indent: 4px;
	}
	.util_list li .tit {
		font-size: 18px;
	}
	.con_link_m .util_list li.big .btn-arr {
	    bottom: 20px;
	    right: 10px;
	}
	
	.con_link_m .util_list li.big .tit {
	    left: 10px;
	    bottom: 10px;
	}
	.con_link_m .util_list li:last-child .btn-arr {
	    left: 15px;
    	bottom: 20px;
	}
	
	.main_middle_wrap > .tit .anime .tit-symbol1 {
		right: -9px;
	    height: 20px;
   		width: 20px;
	}
	.main_bottom > .tit .anime .tit-symbol2 {
	    height: 20px;
	    width: 20px;
	    left: 172px;
	}
	
	.foo_util > .tit .anime .tit-symbol3 {
	    border-bottom: 20px solid #2693fc;
	    border-right: 12px solid transparent;
	    border-left: 12px solid transparent;
	}
	
	.main_middle_wrap > .tit div:active .tit-symbol1 {
		transform: translateX(-172px);
	}
	
	.main_bottom > .tit div:active .tit-symbol2 {
		transform: translateX(135px);
	}
	
	.foo_util > .tit div:active .tit-symbol3 {
		transform: translateX(-150px);
	}
	.con_link_m .middlebg {
		padding: 30px 0 0;
	}
	.con_link_m .middle-list li img {
		width: 70%;
	}
	.con_link_m .middle-list {
		padding: 10px 0 49%;
	}
	.con_link_m .middle-list li .bg {
		background: #fff;
		width: 85%;
		height: 330px;
		position: absolute;
		top: 40%;
		text-align: center;
		margin: auto;
		left: 7.5%;
	}
	.con_link_m .middle-list li .tit {
	    top: 59%;
	    left: 8.5%;
	    font-size: 19px;
	}
	.con_link_m .middle-list li .tit.supwrap {
		top: 57%;
	}
	
	.con_link_m .middle-list li p {
	    top: 69%;
	    text-align: left;
	    left: 8.5%;
	    font-size: 21px;
	}
	#area_wrap .logo .vol {
		font-size: 0.75rem;
    margin-left:0.5rem;
	}
	#area_wrap .vol .title a, #area_wrap .vol .title a.active {
  		padding-right: 22px;
    	background-size: contain;
    }
    
  #area_wrap .vol .title {
		padding: 0.5rem 0.5rem;
    border-radius: 2rem;
    margin-left: 0.5rem;
    font-size: 0.65rem;
	}
	
	.util_list li .btn-arr {
	    position: absolute;
	    top: 24px;
	    right: 30px;
	    background: url(../images/common/view_arr.png) 0 0 no-repeat;
	    width: 50px;
	    height: 26px;
	    background-size: contain;
	    top: auto;
	    bottom: 13px;
	    right: 2px;
	}
  
  #area_wrap .btn_gnb {
    margin:0;
  }
  
  #container_sub {
    padding-top: 0;
  }
  .contwrap.title.f1 .area_text {
    top: 35.2vw;
  }
  .contwrap {
    padding: 40px 20px 0;
  }
  
  .cont_title .column img {
    height:auto;
  }
  .contwrap .fwb.dashed {
    font-size: 1.2rem;
    line-height: 1.2;
  }
  
  .contwrap .row h2 {
    margin-bottom: 10vw;
  }
  .contwrap .row h2.title_cont {
    margin-bottom: 10vw;
    font-size:7.1vw;
  }
  .contwrap .row h2.title_cont::after {
    height: 4.8vw;
  }
  .contwrap .row h3.title_cont_sub {
    font-size:5.5vw !important;
  }

  .inner.f7 .contwrap .row h2.title_cont {
    padding-left: 11.5vw;
  }
  .inner.f7 .contwrap .row h2.title_cont .title_icon {
    top: 0.7vw;
    width: 10vw;
    height: 8.2vw;
    background-size:contain;
  }


  .inner.f7 .contwrap .row .wrap_title_box {
    font-size:6.5vw;
  }
  
  .contwrap .fwb.dashed .box_picture {
    width: 100%;
    padding: 0 0 17px 0;
  }
}

@media (max-width:414px) {
	
	.owl-theme .owl-nav {
		
	}


	.owl_nav .play {
		width: 45px;
		height: 45px;
		background-size: 100%;
	}

	.owl_nav .stop {
		width: 45px;
		height: 45px;
		background-size: 100%;
	}
  
  #area_wrap .logo img {
    width:4.0rem;
  }
	#area_wrap .logo .tit {
		font-size: 0.68rem;
    margin: 0 0 0 0.5rem;
	}
	.article h1 {
		font-size: 28px !important;
		line-height: 120% !important;
	}

	.article h2 {
		font-size: 24px !important;
		line-height: 150% !important;
	}

	.article p {
		font-size: 20px !important;
		line-height: 150% !important;
	}
	.project h1 {
	    
	}
	.project h1 img {
	    
    	box-sizing: border-box;
	}
	

	
	.vol ul.list {
		left: -25%;
    top: 63px;
	}
	.owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next {
		width: 45px;
		height: 45px;
		background-size: 100% !important
	}
}

@media (max-width:375px) {
	#area_wrap .logo img {
	}
  #area_wrap .logo .tit {
    font-size: 0.65rem;
    margin: 0 0 0 0.5rem;
  }
	#area_wrap > .vol {
		
	}
  #area_wrap .vol .title {
    padding: 0.4rem 0.4rem;
    margin-left: 0.4rem;
    font-size: 0.48rem;
  }
  .vol ul.list {
    left: -32%;
  }
	
	.main_top li .tit {
	    font-size: 18px;
	    margin: 13px 0 0 18px;
	}
	.main_top li p {
	    font-size: 22px;
	    margin: 0 0 35px 18px;
	}
	.con_link_m .middlebg {
	    padding: 20px 0 0;
	}
	.con_link_m .middle-list li .bg {
		background: #fff;
	    width: 85%;
	    height: 292px;
	    position: absolute;
	    top: 34%;
	    text-align: center;
	    margin: auto;
	    left: 7.5%;
	}
	.con_link_m .middle-list li .tit {
	    top: 60%;
	    left: 8.5%;
	    font-size: 17px;
	}
	.con_link_m .middle-list li p {
	    top: 70%;
	    text-align: left;
	    left: 8.5%;
	    font-size: 18px;
	}
	.con_link_m .middle-list {
	    padding: 10px 0 45%;
	}
	.con_link_m .middle-list li .tit.supwrap {
	    top: 57.5%;
	}
	.slick-dots li button {
		width: 12px;
		height: 12px;
		margin: 5px;
	}
	
}

@media (max-width:320px) {	
	.middle-list li p span {
	    font-size: 13px;
	}
	.main_top li p span {
	    font-size: 14px;
	}
	#best_story h3 {
    	font-size: 15px;
	}
	.btn_close {
		top: 0;
	}
	.gnb .menu li {
		line-height: 2.5;
	}
	.mo_tit {
		font-size: 15px;
	}
	.mo_tit span {
    	font-size: 16px;
	}
	.gnb .menu li a {
		font-size: 14px;
	}
	.vol_m {
		right: 15%;
		top: 15px;
	}

	#area_wrap .logo {
		margin: 12px 0;
	}

	.vol_m .title img {
		height: 17px;
	}

	.vol_m ul.list {
		left: -60%;
	}
	#area_wrap .logo .tit {
	    font-size: 11px;
	    margin: 11px 0 0 4px;
	}
	#area_wrap > .vol {
	    padding-right: 0;
	}
	.vol ul.list {
	    left: -58%;
	}
	
	.item .slidetxt p {
		font-size: 30px;
	}
	.main_top li p {
	    font-size: 20px;
	    margin: 0 0 35px 18px;
	}
	.main_middle_wrap > .tit, .main_bottom > .tit, .foo_util > .tit {
	    font-size: 35px;
	}
	
	.main_middle_wrap > .tit .anime .tit-symbol1 {
		right: -7px;
	    height: 20px;
   		width: 20px;
	}
	.main_bottom > .tit .anime .tit-symbol2 {
	    height: 20px;
	    width: 20px;
        left: 149px;
	}
	
	.foo_util > .tit .anime .tit-symbol3 {
	    border-bottom: 20px solid #2693fc;
	    border-right: 12px solid transparent;
	    border-left: 12px solid transparent;
	}
	
	.main_middle_wrap > .tit div:active .tit-symbol1 {
		transform: translateX(-150px);
	}
	
	.main_bottom > .tit div:active .tit-symbol2 {
		transform: translateX(120px);
	}
	
	.foo_util > .tit div:active .tit-symbol3 {
		transform: translateX(-130px);
	}
	
	.con_link_m .middle-list {
	    padding: 10px 0 47%;
	}
	.con_link_m .middle-list li .tit.supwrap {
	    top: 59.5%;
	}
	.con_link_m .middle-list li p {
	    top: 71%;
	    text-align: left;
	    left: 8.5%;
	    font-size: 16px;
	}
	.con_link_m .middle-list li .tit {
	    top: 61.5%;
	    left: 8.5%;
	    font-size: 15px;
	}
	.con_link_m .middle-list li .bg {
	    background: #fff;
	    width: 85%;
	    height: 260px;
	    position: absolute;
	    top: 34%;
	    text-align: center;
	    margin: auto;
	    left: 7.5%;
	}
	.middle-list li .btn {
	    width: 40px;
	    height: 40px;
	    background-size: 100%;
	}
	.middle-list li:hover .btn {
	    background-size: 100%;
	}
}

/* 15.02.13 webright BDH vol.34 이벤트 */
.event_chart {
	position: absolute;
	top: 881px;
	left: 54px;
	width: 692px;
	height: 293px;
	border-bottom: 1px solid #d4d4d4;
	background-color: #fff;
}

.chart_list h3 {
	font-size: 18px;
	font-weight: bold;
	line-height: 30px;
	height: 35px;
	text-align: center;
	color: #fff;
	background-color: #606b78;
}

.chart_list ul {
	font-size: 16px;
	padding: 13px 43px;
}

.chart_list ul li {
	line-height: 200%;
}

.chart_1st {
	font-weight: bold;
	color: #e00000;
}

.chart_2st,
.chart_3st {
	font-weight: bold;
	color: #3f3f3f;
}

.chart_st {
	margin-right: 15px;
}

.chart_num {
	display: inline-block;
	width: 41px;
	margin-right: 25px;
	margin-left: 40px;
	text-align: right;
}

.chart_graph {
	line-height: 11px;
	display: inline-block;
	max-width: 300px;
	height: 11px;
	background-color: #bd4c50;
}

.event_chart_thumb {
	position: absolute;
	top: 1208px;
	left: 54px;
}

.thumb_name {
	font-size: 12px;
	display: block;
	margin-bottom: 10px;
	letter-spacing: -1px;
	color: #3f3f3f;
}

.thumb_name input {
	margin: 0;
	vertical-align: middle;
}

.event_chart_thumb li {
	display: inline-block;
	float: left;
	margin-right: 44px;
	margin-bottom: 30px;
}

.event_chart_thumb li.mr0 {
	margin-right: 0;
}

.btn_chart {
	position: absolute;
	bottom: 50px;
	left: 299px;
	display: inline-block;
	cursor: pointer;
	text-align: center;
}

.tittle_c {
	display: inline-block;
	width: 145px;
	letter-spacing: -1px;
}

@media (max-width:960px) {

	/* 15.02.13 webright BDH vol.34 이벤트 */
	.event_chart {
		position: static;
		top: 32%;
		left: 0;
		width: 100%;
		max-width: 640px;
		height: inherit;
		border-bottom: 1px solid #d4d4d4;
		background-color: #fff;
	}

	.chart_list h3 {
		font-size: 18px;
		font-weight: bold;
		line-height: 30px;
		height: 35px;
		text-align: center;
		color: #fff;
		background-color: #606b78;
	}

	.chart_list ul {
		font-size: 14px;
		padding: 13px 10px;
	}

	.chart_list ul li {
		line-height: 200%;
		text-align: left;
	}

	.chart_list ul li span {
		line-height: 200%;
	}

	.chart_1st {
		font-weight: bold;
		color: #e00000;
	}

	.chart_2st,
	.chart_3st {
		font-weight: bold;
		color: #3f3f3f;
	}

	.chart_st {
		margin-right: 0;
	}

	.chart_num {
		margin-right: 25px;
		margin-left: 58px;
	}

	.chart_graph {
		line-height: 11px;
		display: block;
		max-width: 300px;
		height: 11px;
		background-color: #bd4c50;
	}

	.event_chart_thumb {
		position: static;
		top: 47%;
		left: 0;
		max-width: 640px;
		margin-top: 2em;
		text-align: center;
	}

	.thumb_name {
		font-size: 14px;
		display: block;
		margin-bottom: 10px;
		letter-spacing: -1px;
		color: #3f3f3f;
	}

	.thumb_name input {
		vertical-align: middle;
	}

	.event_chart_thumb li {
		display: inline-block;
		float: none;
		width: 45%;
		margin-right: 0;
		margin-bottom: 20px;
	}

	.event_chart_thumb li.mr0 {
		margin-right: 0;
	}

	.btn_chart {
		position: static;
		bottom: 27%;
		left: 0;
		display: block;
		width: 100%;
		cursor: pointer;
		text-align: center;
	}
}
/* PC END */