@charset "utf-8";
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 100;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 300;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 400;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 500;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 700;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 900;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');}
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 700;
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.eot);
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.woff2) format('woff2'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.woff) format('woff'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.ttf) format('truetype');
}
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 400;
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.eot);
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.woff2) format('woff2'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.woff) format('woff'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.ttf) format('truetype');
}
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 800;
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.eot);
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.eot?#iefix) format('embedded-opentype'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.woff2) format('woff2'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.woff) format('woff'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.ttf) format('truetype');
}
html{
	font-size:16px;
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video{
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
	font-family: 'Noto Sans KR';}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block; }


ol, ul {
	list-style: none; }
.special-quote {
	quotes: none; }
.special-quote:before, .special-quote:after {
	content: '';
	content: none; }
table {
	border-collapse: collapse;
	border-spacing: 0; }
* { -moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box; }

html.responsive, .responsive body{
	overflow-x: hidden;

}

body {
	color: #444;
	-webkit-text-size-adjust: 100%;
}

.fg{font-family: 'Noto Sans KR' !important;}

/*default*/
h1, h2, h3, h4, h5, h6 {
/*	font-family: "Georgia", "Times New Roman", Helvetica, Arial, sans-serif; */
	font-family: "Noto Sans KR";
	font-weight: 600; }
#top h1 a, #top h2 a, #top h3 a, #top h4 a, #top h5 a, #top h6 a { font-weight: inherit; text-decoration: none; color: inherit; }
#top h1 strong, #top h2 strong, #top h3 strong, #top h4 strong, #top h5 strong, #top h6 strong { color: inherit; }
h1 { font-size: 34px; line-height: 1.1em; margin-bottom: 14px;}
h2 { font-size: 28px; line-height: 1.1em; margin-bottom: 10px; }
h3 { font-size: 20px; line-height: 1.1em; margin-bottom: 8px; } /*28*/
h4 { font-size: 18px; line-height: 1.1em; margin-bottom: 4px; } /*21*/
h5 { font-size: 16px; line-height: 1.1em; }						/*17*/
h6 { font-size: 14px; line-height: 1.1em; }

a:hover{text-decoration:none}

p + h1, p + h2, p + h3, p + h4, p + h5, p + h6{
margin-top:1.5em;
}

p { margin: 0.85em 0; }
p img { margin: 0; }
p.lead { font-size: 21px; line-height: 27px;   }

em { font-style: italic; }
strong, b{ font-weight: bold;  }
small { font-size: 80%; }

hr { border: solid #ddd; border-width: 1px 0 0; clear: both; margin: 10px 0 30px; height: 0; }

/*	Blockquotes  */

blockquote{
border-left-style:solid;
border-left-width:7px;
padding-left:20px;
margin-bottom:1em;
margin-right:1em;
font-size: 1.235em;
line-height: 1.5em;
}

blockquote small, blockquote cite, blockquote small a, blockquote cite a, blockquote a small, blockquote a cite{font-size: 12px;}

mark{ background-color: transparent; color:inherit; }

/* #Links
================================================== */
a { text-decoration: none; outline: 0; max-width:100%; max-width:none\9; }
p a, p a:visited { line-height: inherit; }
a.avianolink, .avianolink a{cursor: default;}
#top .avia_hidden_link_text{display: none;}


/* #Lists
================================================== */
ul, ol { margin-bottom: 20px;  }
ul { list-style: none outside; margin-left: 7px;}
ol { list-style: decimal; margin-left: 15px; }
ol, ul.square, ul.circle, ul.disc { }
ul.square { list-style: square outside; }
ul.circle { list-style: circle outside; }
ul.disc, .entry-content-wrapper ul { list-style: disc outside; }
ul ul, ul ol,
ol ol, ol ul {margin:0  }


.entry-content-wrapper li {  margin-left: 1em; padding:3px 0;}
.entry-content-wrapper div li { text-indent: 0; }
.entry-content-wrapper .borderlist>li:first-child {  border-top:1px solid; }
.entry-content-wrapper .borderlist>li { border-bottom:1px solid; padding: 5px 0; list-style-position: outside; margin:0;}



img, a img {
	border:none;
	padding: 0;
	margin:0;
	display:inline-block;
	max-width: 100%;
	height:auto;
	image-rendering: optimizeQuality;
}




input[type="submit"], #submit, .button{
	padding:9px 22px;
	cursor:pointer;
	border:none;
	 -webkit-appearance: none;
	 border-radius: 0px;
}

#header_wrap{
	position: fixed;
    width: 100%;
    height: 140px;
    top: 0;
    left: 0;
    xbackground: #fff;
    z-index: 9999;
    overflow: visible !important;
}

#header_wrap .logo{
	width:248px;
	height:51px;
	background-image:url('/img/logo.png');
	display:block;
}

#header_wrap:hover{
	background: #fff;
	 -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
/*
#header_wrap:hover .logo{
	background-image:url('/img/logo.png');
}
*/

#header_wrap:hover #header .gnb > li > a{
	color:#222222;
}

#header_wrap:hover #header .gnb > li > a:hover{
	color:#0690ed;
}

#header_wrap.sub{
	/*background: rgba(1,1,1,0.5);*/
	background:#fff;
	height:80px;
}

#header_wrap:hover.sub{
	background:#ffffff;
}	
#header_wrap:hover.sub #header .gnb > li > a{
	color:#222222;
}

#header_wrap:hover.sub #header .gnb > li > a:hover{
	color:#0690ed;
}

#header_wrap.sub #header .gnb > li > a{
	color:#222222;
	font-weight:bold;
	height:80px;
	line-height:80px;
	letter-spacing: -1px;
	padding: 0 38px;
	/*padding: 0 25px;*/
}

#header_wrap.sub #header .gnb > li > a.sitemap{
	height:16px;
}
#header_wrap.sub #header .gnb > li > a.search{
	height:20px;
}

#header_wrap.sub #header{
	position:relative;
	height:80px;
}

#header_wrap.sub #header h1{
	padding-top:17px;
}

#header{
	max-width: 1300px;
    height: 140px;
    margin: 0 auto;
    overflow: visible !important;
}

.wrap {
  width: 100%;
  position: static; 
  z-index: 2;
  overflow: hidden;
}


#header h1 {
    float: left;
    padding-top: 50px;

}
#header .gnb{float:right; /*width:562px;*/width:700px;z-index:100;}
#header .gnb > li{ float:left; /*width:calc(20% - 50px);*/ text-align:center;position:relative; }
#header .gnb > li > a{display:block; width:100%; height:140px; line-height:140px; color:#ffffff; font-size:18px; font-weight:bold;}
#header .gnb > li > a:hover{color:#0690ed;border-bottom:0px solid red; -webkit-transition: all 0s ease;
    -moz-transition: all 0s ease;
    -o-transition: all 0s ease;
    transition: all 0s ease;}
#header .gnb > li.gnb_small{width:26px; margin-left:58px;margin-top:0px;}
#header .gnb > li.gnb_small a{line-height:1; height:auto; font-size:1.2em;}
#header .gnb > li.gnb_last{width:100px;height:28px;display:block;box-sizing:border-box;margin-top:33px;margin-left:30px;}

#header .gnb > li.gnb_small a.icon{background-image:url('/img/sprite.png');width:16px;height:14px;display:inline-block;float:left;margin-top:40px;}

#header .gnb > li.gnb_small a.icon.search{background-position:0 -14px;top:24%;right:22%;height:21px;margin-top:38px;}
#header .gnb > li.gnb_small {margin-left:18px;}


.gnb_2dul {display:none;position:absolute;top:54px;min-width:140px;padding-top:2px}
.gnb_2dul .gnb_2dul_box {border:1px solid #e0e2e5;border-top:0;padding:0;
-webkit-box-shadow:0px 1px 5px rgba(97, 97, 97, 0.2);
-moz-box-shadow:0px 1px 5px rgba(97, 97, 97, 0.2);
box-shadow:0px 1px 5px rgba(97, 97, 97, 0.2)}
.gnb_2da {display:block;padding:0 10px;line-height:40px;background:#fff;color:#080808;text-align:left;text-decoration:none}
a.gnb_2da:hover {color:#3a8afd;background:#f7f7f8;
-moz-transition:all 0.3s ease-out;
-o-transition:all 0.3s ease-out;
transition:all 0.3s ease-out}

/*
#header .gnb > li > div{width:100%; height:0; background:rgba(1,255,255,0.7); position:absolute; top:141px; left:0; overflow:hidden;}
#header .gnb > li > div ul{max-width:1200px; margin:0 auto; overflow:hidden; text-align:right; font-size:0;z-index:10}
#header .gnb > li > div ul li{display:inline-block; width:auto; height:70px; line-height:70px; margin-right:40px;}
#header .gnb > li > div ul li:last-of-type{margin-right:0;}
#header .gnb > li:first-of-type > div ul li:last-of-type{margin-right:198px;}
#header .gnb > li:nth-of-type(2) > div ul li:last-of-type{margin-right:408px;}
#header .gnb > li:nth-of-type(3) > div ul li:last-of-type{margin-right:142px;}
#header .gnb > li:nth-of-type(4) > div ul li:last-of-type{margin-right:104px;}
#header .gnb > li > div ul li a{font-size:14px; color:#afb0b3; font-weight:500;}
#header .gnb > li > div ul li a:hover{color:#fff; font-weight:500;}
*/

.rel_wrap{position:relative;width:100%;height:100%;}

#header_wrap #header .sub-menu{
	display:none !important;
	opacity:0 !important;
	visibility:hidden!important;
	height:310px;
	margin:25px 0;

}
#header_wrap.menu-on #header .sub-menu{
	display:block !important;
	opacity:1 !important;
	visibility:visible !important;
	
}

#header ul.sub-menu, #header ul.sub-menu li, #header ul.sub-menu li a{
	background:transparent !important;
	border:0;
	text-align:left;
}
#header ul.sub-menu{
	border-left:1px solid #c0c8cc

}

#header ul.sub-menu li a{
	font-size:1.25em;
	color:#ffffff;
	font-weight:300;
	line-height:1.8;
	width:100%;
	height:100%;
	box-sizing:border-box;
	padding:4px 14px;
	display:block;
	letter-spacing:-0.5px;


}

#header ul.sub-menu li a:hover{
	color:#67a1fb;
	 -webkit-transition: all 0.7s ease;
    -moz-transition: all 0.7s ease;
    -o-transition: all 0.7s ease;
    transition: all 0.7s ease;
}

#header_wrap:after, #header_wrap:before{
    top: 80%;
	content: "";
    display: block;
    width: 100%;
    position: Absolute;
    top: 100%;
    left: 0;
    height: 0;
    -webkit-transition: all 0s ease;
    -moz-transition: all 0s ease;
    -o-transition: all 0s ease;
    transition: all 0s ease;
}

#header_wrap.menu-on:before{
	height:355px;
	z-index:-1;
	background-color: rgba(13,92,168,0.9);
}

/*
#header.menu-on:after{
	height:250px;
}
*/

.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;

  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

#main_visual{
	width: 100%;
    table-layout: fixed;
    display: table;
	clear: both;
    position:relative;
	top:0;
	margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline;
	min-height:400px;
	padding-top:30px;
	
}

 .swiper-container {
      width: 100%;
      height: 100%;
    }
.swiper-slide {
  text-align: center;

  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  min-height:400px;
}
.swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets {
    bottom: 15%;
    left: 0;
    width: 100%;
}

.swiper-pagination-bullet {
    width: 16px;
    height: 16px;
    display: inline-block;
    border-radius: 100%;

}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: #fff;
}

.main_visual_icon_wrap{
	width:23%;
	border:0px solid #111;
	position:absolute;	
	height:12%;
	bottom:36.4%;
	right:15.2%;
	z-index:502;
}

.main_visual_icon{
	position:relative;
	width:100%;
	height:100%;
}

.main_visual_icon ul{width:100%;height:100%;}

.main_visual_icon ul li{text-indent: -999px;}
.main_visual_icon ul li{
	float:left;
	display:block;
	margin:0 2.5%;
	xbackground-image:url('/img/main_icon_bg.png');
	background-repeat:no-repeat;
	width:28.2%;
	height:100%;
	border:0px solid #111;
	content:'';

	position:relative;
}

.main_visual_icon ul li:hover{
	xbackground-image:url('/img/main_icon_bg_over.png');
	 -webkit-transition: all 0s ease;
    -moz-transition: all 0s ease;
    -o-transition: all 0s ease;
    transition: all 0s ease;
}

.main_visual_icon.bg2 ul li:hover{
	xbackground-image:url('/img/main_icon_bg_over1.png');
}

.main_visual_icon.bg3 ul li:hover{
	xbackground-image:url('/img/main_icon_bg_over2.png');
}

.main_visual_icon ul li a{
	color:#ffffff;
	font-size:0.8em;
	display:block;
	width:100%;
	height:100%;
	font-weight:400;
	text-align:center;
	box-sizing:border-box;
	z-index:502;

}

.main_visual_icon ul li a:after{
	xcontent:'';
	xbackground-image:url('/img/sprite.png');
	background-position:-123px -446px;
	position:absolute;
	padding:0;
	margin:22px 32px 16px 32px;
	display:block;
	top:0;
	z-index:1;
	width:59px;
	height:55px;
}

.main_visual_icon ul li.icon2 a:after{
	background-position:-62px -446px;
}

.main_visual_icon ul li.icon3 a:after{
	background-position:-0px -446px;
	height:54px;
}

.main_visual_icon ul li.icon4 a:after{
	background-position:-180px -446px;
	width:56px;
}

.main_visual_icon ul li.icon5 a:after{
	background-position:-235px -442px;
	height:57px;
}

.main_visual_icon ul li.icon6 a:after{
	background-position:-295px -442px;
	height:57px;
}

.main_visual_icon ul li.icon7 a:after{
	background-position:-354px -444px;
	height:56px;
}

.main_visual_icon ul li.icon8 a:after{
	background-position:-412px -442px;
	height:56px;
	width:62px;
}

.main_visual_icon ul li.icon9 a:after{
	background-position:-0px -445px;
	height:56px;
}

section.main{
	width:100%;
	height:auto;
	overflow:hidden;
	min-height:300px;
	position:relative;
	margin:110px auto 107px;
}

.main_tit{
	margin:0 auto;
	font-size:50px;
	font-weight:800;
	width:100%;
	text-align:center;
	text-transform:uppercase;
	line-height:1;
	color:#000;
}

.main_sub_tit{
	margin:20px auto;
	text-align:center;
	width:100%;
	line-height:1;
	font-weight:500;
	font-size:24px;
	color:#000;

}

.main_middle1_wrap{
	width:100%;
	max-width:1300px;
	margin:103px auto 95px;
	display:block;
	position:relative;
	overflow:hidden;
	height:auto;
	text-align:center;
}

.main_middle1_wrap ul{
	width:100%;
	height:auto;
}

.main_middle1_wrap ul li{
	float:left;
	width:400px;
	height:477px;
	display:block;
	position:relative;
	z-index:1;
	max-width:100%;
}
.main_middle1_wrap ul li:not(:first-child){
	margin-left:30px;
}

.main_middle1_wrap .m_contents_txt{
	width: 78.5%;
	background-color:#f0f0f0;
	color:#000000;
	bottom:0;
	display:block;
	z-index:999;
	position:relative;
    height: auto;
    margin: -14% auto 10% auto;
	max-width:570px;
	overflow:hidden;
}

.main_middle1_wrap .m_contents_txt .tit{
	color:#2a2e45;
	display:block;
	width:100%;
	padding:45px 0 5px 0;
	text-align:center;
	font-size:1.6em;
	font-weight:700;
}

.main_middle1_wrap .m_contents_txt span{
	display:block;
	width:100%;
	margin:0 auto;
	line-height:1.8;
	font-size:1.25em;
	text-align:Center;
	padding:10px 0 30px 0;
}

.main_middle1_wrap .m_contents_txt:hover,
.main_middle1_wrap .m_contents_txt:hover .tit,
.main_middle1_wrap .m_contents_txt:hover span{
	background-color:#2a2e45;
	color:#ffffff;
}


@-webkit-keyframes spin {
    0%  {-webkit-transform: rotate(0deg);}
    100% {-webkit-transform: rotate(360deg);}
}
@-moz-keyframes spin {
   0%  {-moz-transform: rotate(0deg);}
    100% {-moz-transform: rotate(360deg);}
}
@keyframes spin {
    0%  {transform: rotate(0deg);}
    100% {transform: rotate(360deg);}
}
.main_middle1_wrap .m_contents_txt:hover .cross,
.main_middle1_wrap .m_contents_txt:hover .cross:after{

	background: #ffffff;
	/*
	-webkit-animation: spin 3s infinite linear;
	-o-animation: spin 3s infinite linear;
	-moz-animation: spin 3s infinite linear;
	animation: spin 3s infinite linear;
*/
}
.main_middle1_wrap ul li a{
	display:block;
	width:100%;
	height:100%;
}

.cross {
      background: #2a2e45;
      height: 32px;
      position: absolute;
      width: 1px;
	  top:4%;
	  left:calc(50%);
}
.cross:after {
  background: #2a2e45;
  content: "";
  height: 1px;
  left: -16px;
  position: absolute;
  top: 15px;
  width: 32px;
}

.main_middle2_wrap{
	position:relative;
	width:100%;
	height:518px;
	background-image:url('/img/main_middle_visual.jpg');
	background-size:cover;
	background-position:center center;
	background-repeat:no-repeat;
}

.main_middle_graph{
	position:absolute;
	left:calc(50% - 60px);
	top:100px;
}

.main_section4{
	margin:150px auto;
	width:100%;
	min-height:300px;
}

.main_middle3_wrap{
	width:100%;
	margin:100px auto;
	max-width:1300px;
	height:720px;
	overflow:hidden;
	min-height:450px;
	max-height:1010px;
	background-image:url('/img/main_middle_bg.png');
	background-position:right top;
	background-repeat:no-repeat;
	position:relative;
	display:block;
	
}

.main_middle3_contents{
	width:100%;
	max-width:1300px;
	position:absolute;
	height:595px;
	display:block;
	top: 27.5%;
}

.main_middle3_contents ul{
	width:100%;
	height:100%;
}

.main_middle3_contents ul li{
	/*
	width:100%;
	max-width:404px;
	height:595px;
	float:left;
	*/
}

.main_middle3_contents ul li:not(:first-child){
	/*margin-left:40px;*/
}

.main_middle3_contents ul li a{
	width:100%;
	height:100%;
	display:block;
	border:4px solid #dfe1e7;
	box-sizing:border-box;
	padding:80px 0 60px;
	background-color:#fff;
	text-align:center;
	position:relative;

}


.main_middle3_contents ul li a:hover{
	background-color:#6c7b97;
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.main_middle3_contents ul li a:hover div.tit,
.main_middle3_contents ul li a:hover div.detail,
.main_middle3_contents ul li a:hover span{
	color:#ffffff;
	-webkit-transition: all 0s ease;
    -moz-transition: all 0s ease;
    -o-transition: all 0s ease;
    transition: all 0s ease;
}


.main_middle3_contents ul li img{
	margin:63px auto;
}


.main_middle3_contents ul li div.tit{
	font-size:2.6em;
	display:block;
	font-weight:700;
	color:#222222;
}

.main_middle3_contents ul li span{
	font-size:1.6em;
	display:block;
	margin:15px auto 45px auto;
	text-align:center;
	line-height:1.7;
	width:100%;
	color:#222222;
	font-weight:400;
	padding-left:0px;
}

.main_middle3_contents ul li div.detail{
	position:relative;
	bottom:0;
	width:100%;
	font-size:1.5em;
	text-align:left;
	padding:0 65px;
}
.main_middle3_contents ul li div.detail:after{
	content:'';
	background-image:url('/img/sprite.png');
	background-position:-358px -12px;
	width:144px;
	height:12px;
	position:absolute;
	right:10%;
	top:15%;
}

.main_middle3_contents ul li a:hover div.detail:after{
	background-position:-358px 0px;
}

x.main_visual_icon{display:none;}

.main_img_title {
    position: absolute;
    font-size: 45px;
    z-index: 99;
    top: 255px;
    left: 50%;
    width: 1000px;
    transform: translateX(-70%);
    color: #fff;
    text-shadow: 0px 0px 7px #000;
	letter-spacing:-1px;
}
.main_img_title ul li:nth-child(1) b {color:#ff3737;} /*3baffc*/
.main_img_title ul li:nth-child(2) {font-size:46px;}
.main_img_title ul li:nth-child(2) b {color:#8df5a4;}
.main_img_title ul li b {
	font-size:40px;
}

.swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets {
    bottom: 188px;
}

.main_img_btn {position:absolute;z-index: 99;bottom:0px;right:0px;}
.main_img_btn ul {overflow:hidden;}
.main_img_btn ul li {width:221px;height:108px;display:inline-block;text-align:center;color:#fff;font-size:18px;font-weight:bold;vertical-align: bottom;background:rgba(12,98,155, 0.7);float:left;margin-top: 23px;padding-top:40px;cursor:pointer; border-width: 1px;
  border-color: rgb(224, 202, 182); border-style: solid;}

.main_img_btn ul li:nth-child(2), .main_img_btn ul li:nth-child(4) {xbackground:rgba(0,0,0,0.7);}
.main_img_btn ul li.on, .main_img_btn ul li:hover {height:131px;font-size:26px;margin-top: 0px;xbackground:rgba(12,98,155, 1);-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
.main_img_btn ul li:hover:nth-child(2), .main_img_btn ul li:hover:nth-child(4) {xbackground:rgba(0,0,0,1);}
.main_img_btn ul li span {display:block;font-size:13px;font-weight:200;letter-spacing:-0.8px}


.main_img_btn ul li:nth-child(1){background-color: rgba(6, 144, 237,0.87);}
.main_img_btn ul li:nth-child(2){background-color: rgba(52, 187, 81,0.87);}
.main_img_btn ul li:nth-child(3){background-color: rgba(62, 156, 165,0.87);}
.main_img_btn ul li:nth-child(4){background-color: rgba(254, 185, 52,0.87);}
.main_img_btn ul li:nth-child(5){background-color: rgba(139, 149, 158,0.87);}
.main_img_btn ul li:hover{ opacity:1 !important }



#main_section2 .more_btn {text-align:center;}
#main_section2 .more_btn a {
	display:inline-block;width:290px;height:44px;background-color:#bdbdbe;color:#fff;text-align:center;font-size:26px;font-weight:bold;
	background-image:url(/img/main2_more_btn.png);
	background-repeat:no-repeat;
	background-position:left 50px center;
	border-radius: 22px;
	padding-top: 2px;
}

.main_middle3_wrap h2 {text-align:center;color:#fff;font-size:61.34px;}
.main_middle3_wrap ul {width:49.5%;display:inline-block;padding:0px;vertical-align: top;}
.main_middle3_wrap ul:last-child {text-align:left;padding-left:76px;}
.main_middle3_wrap ul li {color:#fff;font-size:18px;}
.main_middle3_wrap ul li.big_txt {font-size:30px;}
.main_middle3_wrap ul:last-child li {width:calc(100% - 76px);text-align:center;}
.main_middle3_wrap ul:last-child li:nth-child(5) {text-align:left;margin-bottom:52px;}
.main_middle3_wrap ul:last-child li input, .main_middle3_wrap ul:last-child li textarea {
	width:100%;
	background:rgba(255,255,255,0.5);
	border:1px solid #43454b;
	font-size:16px;
	font-weight:600;
	color:#232323;
	padding:16px 26px;
	margin-bottom:21px;
}
.main_middle3_wrap ul:last-child li textarea {height:128px;}
.main_middle3_wrap ul:last-child li input::placeholder, .main_middle3_wrap ul:last-child li textarea::placeholder {
	color:#232323;
	font-weight:600;
}
.main_middle3_wrap ul:last-child li input[type=checkbox] {
	width: 15px;
    height: 15px;
    padding: 0px;
    margin: 0px;
    vertical-align: middle;
}
.main_middle3_wrap ul:last-child li label {text-align:left;color:#9a9999;font-size:13.34px;}
.main_submit_btn {background:rgba(33,91,192,0.7);color:#fff;border:1px solid #c3c4c5;width:161px;height:51px;font-size:18.67px;}

 .swiper-container {
  width: 100%;
  height: 100%;
}

/*SUB*/
/*
section.sub{width:100%;max-width:1300px;position:relative;overflow:hidden;height:auto;min-height:500px;margin:83px auto 50px auto;color:#000000;box-sizing:border-box;padding:0 0px;}
section.sub .tit{width:100%;position:relative;margin:0px auto 60px auto;text-align:Center;display:block;font-size:32px;font-weight:bold;}
section.sub .menu_depth3{width:100%;position:relative;margin:20px auto;display:block;text-align:center;}
section.sub .menu_depth3 ul{width:100%;height:auto;margin:0 auto;}
section.sub .menu_depth3 ul li{width:calc(100% / 7);padding:10px 0;font-size:1em;text-align:Center;margin:0 auto;display:inline-block;}
section.sub .menu_depth3 ul li:not(:first-child){margin-left:10px;}
section.sub .menu_depth3 ul li a{display:block;width:100%;height:100%;border:1px solid #dbdbdb  ;padding:12px 1px;box-sizing:border-box;}
section.sub .menu_depth3.col2 ul li{width:calc(100% / 2.5);} 
section.sub .menu_depth3.col3 ul li{width:calc(100% / 3.5);} 
section.sub .menu_depth3.col4 ul li{width:calc(100% / 4.5);}
section.sub .menu_depth3.col5 ul li{width:calc(100% / 5.5);}
section.sub .menu_depth3.col6 ul li{width:calc(100% / 6.5);}

section.sub .menu_depth3 ul li a.active{color:#ffffff;background-color:#0690ed;-webkit-transition: all 0s ease;-moz-transition: all 0s ease;-o-transition: all 0s ease;transition: all 0s ease;}
*/
section.sub .contents{width:100%;height:auto;position:relative;margin:30px auto}
section.sub .sub_text{width:100%;position:relative;display:block;font-size:1.65em;font-weight:300;line-height:1.8;margin:40px auto;}
.contents_detail{display:none}
.contents_detail.active{display:block;}
x.contents_detail:first-child{display:block;}

.text-center{text-align:center !important}
.fs{color:#0690ed !important}

.sub_fullwrap{width:100%;height:auto;overflow:hidden;position:Relative;background-image:url('/img/sub3_bg.jpg');background-size:cover;background-position:center top;height:1295px;}
.bridge_contents{margin:250px auto;color:#ffffff;}
.bridge_contents div.tit{color:#ffffff;font-size:5em;font-weight:200;margin:0 auto;position:relative;display:block;}
.bridge_contents div.sub_tit{color:#ffffff;font-size:2em;font-weight:200;margin:15px auto;position:relative;display:block;text-align:center;}
.bridge_contents_btn{width:100%;display:block;position:relative;height:50px;margin:50px auto;text-align:center;}
.bridge_contents_btn a{color:#000000;width:180px;background-color:#ffffff;font-size:1.4em;padding:13px 0;display:inline-block;}
.bridge_contents_btn a:hover{color:#ffffff;background-color:#0690ed;-webkit-transition: all 0s ease;
    -moz-transition: all 0s ease;
    -o-transition: all 0s ease;
    transition: all 0s ease;}
.bridge_contents_btn a:not(:first-child){margin-left:15px;}

.bridge_big_contents{width:100%;display:block;position:relative;margin:70px auto;text-align:center;}
.bridge_big_contents ul{width:100%;height:auto;}
.bridge_big_contents ul li{width:335px;height:325px;display:block;display:inline-block;position:relative;}
.bridge_big_contents ul li:not(:first-child){margin-left:50px}
.bridge_big_contents ul li a{width:100%;height:100%;box-sizing:border-box;border:2px solid #ffffff;display:block;color:#ffffff;font-size:4em;position:Relative;padding-top:48%;background-color:rgba(1,1,1,0.5)}
.bridge_big_contents ul li a.Creativity{
	background-color:rgba(131,201,216,0.5);
}
.bridge_big_contents ul li a.challenge{
	background-color:rgba(122,183,252,0.5);
}
.bridge_big_contents ul li a.achievement{
	background-color:rgba(255,255,255,0.5);
}

.bridge_big_contents ul li .box_bottom_text{position:absolute;width:100%;display:block;bottom:-40%;font-size:1.6em;font-weight:200;letter-spacing:-0.55px;height:85px;vertical-align:top;text-align:left;}

.bridge_big_contents ul li a.box:before{
	content:'';
	background-image:url('/img/sprite.png');
	background-position:-63px -370px;
	width:90px;
	height:70px;
	position:absolute;
	left:calc(50% - 35px);
	top:20%;
}

.bridge_big_contents ul li a.box.ir:before{
	background-position:-153px -370px;
	width:85px;
	left:calc(50% - 40px);
}

.bridge_big_contents ul li a.box.movie:before{
	background-position:-238px -370px;
	width:72px;
	left:calc(50% - 36px);
}

.bridge_big_contents ul li a.box.Creativity:before{
	background-position:-307px -365px;
	width:76px;
	height:74px;
	left: calc(50% - 38px);
}

.bridge_big_contents ul li a.box.challenge:before{
	background-position:-385px -364px;
	width:76px;
	height:74px;
	left: calc(50% - 38px);
}
.bridge_big_contents ul li a.box.achievement:before{
	background-position:-460px -364px;
	width:76px;
	height:74px;
	left: calc(50% - 38px);
}

.bridge_big_contents ul li a.box:after{
	content:'';
	background-image:url('/img/sprite.png');
	background-position:0 -315px;
	width:50px;
	height:12px;
	position:absolute;
	left:calc(50% - 25px);
	bottom:15%;
}

#sub_visual{height:280px;width:100%;background-image:url('/img/sub_visual1.jpg');background-size:cover;display:block;position:relative;background-repeat:no-repeat;background-position:center center;}
	section.sub{width:100%;position:relative;height:100%;min-height:500px;}

#sub_visual .sub_wrap{
	display:block;
	width:100%;
	max-width:1160px;
	position:relative;
	height:100%;
	text-align:center;
	margin:0 auto;
}

#sub_visual .sub_wrap .tit{
	display:block;
	font-size:3.0em;
	font-weight:500;
	padding-top:140px;
	position:relative;
	color:#ffffff;
	text-shadow: 1px 1px 1px #111;
	
}

#sub_visual .sub_wrap .sub_tit{
	position:absolute;
	width:310px;
	height:50px;
	bottom:32%;
	left:0;
}

#sub_visual .sub_wrap .sub_tit span{
	display:block;
	color:#ffffff;
	width:100%;
	text-align:left;
	font-size:2.2em;
	font-weight:400;
}

#sub_visual .sub_wrap .sub_tit span em{
	font-style:normal;
	color:#76d0f8;
}

#sub_visual .sub_wrap .sub_tit span.small{
	font-size:1.1em;
	color:rgba(255,255,255,0.6);
	font-weight:200;
	letter-spacing:0.2px;
}
.contents .contents_title{display:block;font-size:2.6em;font-weight:700;margin:50px auto 10px auto;;text-align:center;width:100%;}
.contents .contents_sub_title{display:block;font-size:1.35em;font-weight:300;margin:10px auto;text-align:center;width:100%;}

.sub_2depth{border-bottom:1px solid #dbdbdb; position:relative;}
.sub_2depth .m_depth{display:none;}
.sub_2depth ul{font-size:0; text-align:center;max-width: 995px;margin: 0 auto;}
.sub_2depth ul.width1200{padding:0 5px;}
.sub_2depth ul li{display:inline-block; width:100%; max-width:230px; height:50px; line-height:50px;}
.sub_2depth ul.ci_2depth li{width:14%;}
.sub_2depth ul li a {display:block; width:100%; height:100%; font-size:16px; color:#000; font-weight:400; box-sizing:border-box;position:relative;letter-spacing: -2px;}
.sub_2depth ul li:hover {border-bottom:3px solid #0690ed; line-height:47px;}
.sub_2depth ul li:hover a{color:#0690ed; font-weight:500;}
.sub_2depth ul li.on{border-bottom:3px solid #0690ed; line-height:47px; color:#0690ed;}
.sub_2depth ul li.on a {color:#2763c0; font-weight:500;}
.sub_2depth ul li a.first::before{
	content:'';
	width:1px;
	height:20px;
	background-color:#dbdbdb;
	position:absolute;
	left:0;
	top:17px;
}
.sub_2depth ul li a:after{
	content:'';
	width:1px;
	height:20px;
	background-color:#dbdbdb;
	position:absolute;
	right:0;
	top:17px;
}




#header .gnb > li > div.langBtn_wrap{float:left; width:100%; z-index:9999;float:left;display:block;height:100%;position:relative;top:0;background-color:#0690ed;text-align:center;border-radius:12px;z-index:99999}

.langBtn_wrap p{padding-left:15px;height:30px; line-height:26px;  color:#ffffff; font-size:16px; font-weight:300; text-indent:14px; background:url("/img/langBtn_down.png") right 10px center no-repeat; cursor:pointer;text-align:left;z-index:99999}
.langBtn{width:100px; height:0; overflow:hidden; position:relative; top:0px; left:0; background:#6c7b97; box-sizing:border-box;}
.langBtn.on{height:auto; border:1px solid #dbdbdb; overflow:visiblex;}
.langBtn dt{height:30px; line-height:30px; border-bottom:1px solid #dbdbdb;}
.langBtn dt a{display:block; width:100%; height:100%; color:#ffffff; font-size:16px; font-weight:300; text-indent:21pxx;}
.langBtn dd{height:30px; line-height:30px; }
.langBtn dd.bb {border-bottom:1px solid #dbdbdb;}
.langBtn dd a{display:block; width:100%; height:100%; color:#ffffff; font-size:16px; font-weight:300; text-indent:21pxx;}


div.footer{
	position:relative;
	width:100%;
	overflow:hidden;
	padding:35px 0;
	color:#6d6e71;
	border-bottom:1px solid #e7e7e7;

}

#footer{
	width:100%;
	max-width:1350px;
	margin:0 auto;
	box-sizing:border-box;
	position:relative;

}

#footer .footer_logo{
	float:left;
	width:116px;
	height:40px;
	margin-right:35px;
}

#footer .info{
	float:left;
}

#footer .info span {
	display:block;
	color:#333333;
	font-size:1.17em;
	line-height:28px;
}
#footer .info span:last-child {
	color:#b5b5b5;
}

.footer_family{position:absolute;width:190px;right:0px;}
.family{width:190px;border:1px solid #e0e0e0;box-sizing:border-box;background-color:#fff;font-size:1em;color:#5e5e5e;padding:8px 15px;display:block;position:relative;}
.family span {position:absolute;right:15px;}
.family_wrap{display:none;background-color:#f2f2f2;font-size:1em;color:#989898;width:190px;position:absolute;top:0;left:189px;border:1px solid #989898;z-index:99999}
.family_wrap.on{display:block;}
.family_wrap a{display:block;width:100%;box-sizing:border-box;padding:8px 10px;}
.family_wrap a:not(:first-child){border-top:1px solid #989898}
.family:after{content:'';background-image:url('/img/arrow_down.png');width:7px;height:4px;position:absolute;margin-left:5px;display:block;right:12px;top:16px;}
.family.on:after{background-image:url('/img/arrow_up.png');}

.global_wrap{margin:0 auto;position:relative;width:100%;height:Auto;}
.global_wrap .global_visual{max-width:1160px;height:380px;background-image:url('/img/global_visual_bg.jpg');background-repeat:no-repeat;background-size:cover;display:block;margin:0 auto;position:relative;overflow:hidden;z-index:1;background-position:center top}
.global_wrap .global_visual .tit{max-width:424px;margin:160px auto 0 auto;color:#ffffff;font-size:3.8em;text-transform:uppercase;font-weight:700;letter-spacing:3px;display:block;position:relative;width:100%;height:150px;background-image:url('/img/global_redbar.png');background-repeat:no-repeat;background-size:contain;background-position:center center}
.global_wrap .global_visual .tit .small_tit{font-size:0.65em;font-weight:200;letter-spacing:-1px;position:relative;display:block;margin-top:5%}
.global_contents{display:block;width:471px;height:520px;max-width:100%;margin:-3% auto 0 auto;position:relative;z-index:2}
.global_contents .g_link1{display:block;position:absolute;width:58%;height:8%;border:0px solid #111;top:29%;left:29.5%;}
.global_contents .g_link2{display:block;position:absolute;width:58%;height:8%;border:0px solid #111;top:69%;left:29.5%;}
.global_small_contents{display:block;position:relative;width:100%;margin:5% auto;}
.global_small_contents ul{display:block;width:100%;height:auto;text-align:center;margin:0 auto;}
.global_small_contents ul li{display:inline-block;margin:0 auto;}
.global_small_contents ul li a.g_small{position:relative;width:213px;height:295px;max-width:100%;display:block;margin:0 auto;background-size:100%;background-position:center top;background-repeat:no-repeat;vertical-align:top;}
.global_small_contents ul li a span{position:absolute;top:80%;color:#000000;font-weight:200;font-size:1.6em;text-align:center;width:100%;max-width:100%;width:213px;left:0;display:block;vertical-align:top}

.menu_depth4{position:relative;display:block;margin:50px auto;width:100%;text-align:center;}
.menu_depth4 ul{width:100%;height:auto;margin:0 auto;text-align:center;}
.menu_depth4 ul li{width:270px;font-size:1.35em;display:inline-block;;margin:0 auto;position:relative;} 
.menu_depth4 ul li a{border:1px solid #ececec;color:#222222;background-color:#ffffff;padding:9px 0;box-sizing:border-box;display:block;position:relative;}
.menu_depth4 ul li a.active, .menu_depth4 ul li a#bo_cate_on{width:100%;background-color:#111111;color:#ffffff;border:1px solid #111111;}

.c_text .c_tit{font-size:1.6em;font-weight:500;margin:10px auto 10px auto;width:100%;display:block;text-align:left;width:100%;}
.c_text{font-size:1.3em;font-weight:300;text-align:left;display:block;color:#646464;width:100%;height:auto;margin:30px auto 55px auto;letter-spacing:-0.5px;}

.c_text.ceo .c_tit{font-size:1.5em}
.c_text.ceo .ceo_text{color:#000000;font-size:1.2em;line-height:1.8}

.r_top{display:inline-block;text-align:left;color:#000000;font-size:1.8em;padding-top:0px;border-top:2px solid #e50011;margin-bottom:30px}
.ci_text{color:#222222;font-size:1.2em;display:block;margin:0px 0 30px}

.btn_wrap{width:100%;display:block;margin:50px auto 80px auto;}
.btn_wrap a.btn{color:#272525;font-size:1.35em;font-weight:300;text-align:center;width:200px;box-sizing:border-box;border:1px solid #dadada;height:40px;padding:2px 0;display:inline-block;position:relative;}
.btn_wrap a.btn:after{content:'';background-image:url('/img/sprite.png');width:20px;height:20px;background-position:0 -32px;right:10px;top:8px;display:block;position:absolute;}
.btn_wrap a.btn:not(:first-child){margin-left:15px;}

#top_sub_menu {
	position:absolute;right:0px;bottom:-34px;width:165px;height: 34px;background-image: url(/img/top_sub_bg.png);background-repeat: no-repeat;
}
#top_sub_menu ul {text-align:center;}
#top_sub_menu ul li {
	display:inline-block;
	padding: 0 7px;
	padding-top: 4px;
	position:relative;
}
#top_sub_menu ul li::after {
	content: '|';
	position:absolute;
	top:9px;
	right:-3px;
	font-size:7px;
	color:#fff;
}
#top_sub_menu ul li:nth-child(3):after {
	content: ' ';
}
#top_sub_menu ul li a {
	font-size:14px;color:#fff;
}

.kakaobox {overflow:hidden;}

/*MOBILE*/
.pc_image{display:block;}
.pc{display:block}
.mobile_image{display:none;}
.mobile{display:none}
#header_wrap_mobile{display:none}
.swiper-container.mobile{display:none}

@media all and (max-width:1315px){
section.sub .tit {display:none}
.mobile_image{display:block;}
.mobile{display:block}
.pc_image{display:none;}
.pc{display:none}

.sub_visual .sub_visual_txt{top:25.5%;}
.sub_visual .sub_visual_txt p{font-size:7vw;}
.sub_visual .sub_visual_txt span{font-size:2.4vw;}

.sub_2depth .m_depth{display:block; height:50px; line-height:50px; padding:0 20px; overflow:hidden;}
.sub_2depth .m_depth p{float:left; width:calc(100% - 31px); font-size:19px; color:#2763c0;}
.sub_2depth .m_depth img{float:right; margin-top:19px;}

.sub_2depth ul{text-align:left; display:none;}
.sub_2depth ul.width1200{width:100%; position:absolute; top:51px; left:0; z-index:5; background:#f8f8f8; padding:0;}
.sub_2depth ul li{display:block; max-width:100%; padding:0 20px; box-sizing:border-box;}
.sub_2depth ul.ci_2depth li{width:100%;}
.sub_2depth ul li:hover{border-bottom:0; line-height:50px;}
.sub_2depth ul li.on{border-bottom:0; line-height:50px; background:#2763c0;}
.sub_2depth ul li.on a{color:#fff; font-weight:500;}

	h4{margin:70px 0 45px}
	.sub_tit strong{display:inline; font-weight:500; color:#2c303e;}
	.sub_tit span{display:inline;}
	b.br{display:block;}
	
	#header_wrap{display:none}
	.swiper-container.pc{display:none}

	.swiper-container.mobile{display:block}
	.swiper-container.mobile img{width:100%;}

	#header_wrap_mobile {position:fixed;width:100%;z-index:9999;display: block;max-width: 1320px;height: 72px;margin: 0 auto;overflow: visible !important;padding:0 20px;background-color:#fff;border-bottom:0px solid #415982;box-sizing:border-box;}
	#header_wrap_mobile .mobile_menu{position:absolute;top:30%;left:4%;}
	#header_wrap_mobile img{width:50%;}
	#header_wrap_mobile .mobile_logo{position:absolute;top:32%;left: calc(50% - 60.5px);}
	#header_wrap_mobile .mobile_lang{position:absolute;top:32%;right:4%}

	.m_gnbWrap{width:100%; position:absolute; top:0; right:-150%; z-index:50;}
	.m_gnbBg{width:368px; height:100%; position:fixed; top:0; right:-150%; background-color:#092246;;}
	.m_gnb_blind{width:100%; height:100%; position:fixed; top:0; right:-150%;}
	.m_gnb{width:368px; height:1000px; position:absolute; top:0; right:0; box-sizing:border-box; padding:0 0px; z-index:1;}
	.m_gnb .menu_x{position:absolute; top:3.5%; left:11%;}
	.m_gnb > ul{margin-top:25%;border-top:1px solid #fefefe;padding-top:10px}

	.m_gnb > ul > li{margin:5px 0 15px 0; height:52px; overflow:hidden;}
	.m_gnb > ul > li:last-of-type{margin-bottom:20px;}
	.m_gnb > ul > li:first-child{}

	
	.m_gnb > ul > li > a{display:block; width:100%; height:52px; font-size:1.4em; color:#ffffff; border-bottom:1px solid #fefefe; font-weight:300; box-sizing:border-box;position:relative;padding-left:40px;}
	.m_gnb > ul > li > a:after{ background-image:url("/img/all_menu_plus.png");width:25px;height:26px;content:'';right:20px;top:7px;display:block;position:absolute;}
	.m_gnb > ul > li > a.active:after{background-image:url("/img/all_menu_minus.png");width:25px;height:2px;top:20px;}
	.m_gnb > ul > li > a.active{color:#fff; border-bottom:1px solid #fff; }
	.m_gnb > ul > li > ul{padding:13px 0 0; border-bottom:1px solid #fff; overflow:hidden;background-color:#54a9da;}
	.m_gnb > ul > li > ul li{margin-bottom:15px;}
	.m_gnb > ul > li > ul li:last-of-type{margin-bottom:0;}
	.m_gnb > ul > li > ul li a{display:block; width:100%; height:100%; font-size:20px; color:#fff; font-weight:300;padding-left:50px;padding-bottom:15px; background-color:#54a9da;border-bottom:1px solid #78bbe2;}

	.main_middle1_wrap ul li:not(:first-child) {margin-left: 0px;}
	.main_middle1_wrap ul li{display:inline-block;margin:0 auto;width:100%;height:100%;margin-bottom:15px;}
	section.main{/*font-size:0.7em;*/margin: 4em auto;}
	.main_middle1_wrap{margin:3em auto;}
	.main_middle1_wrap .m_contents_txt {top:50%;}
	
	.main_middle3_contents ul li{max-width:96%;margin:0 2%}
	.main_middle3_wrap{width:100%;margin:5em auto;height:1400px;overflow:hidden;}

	.main_middle3_contents ul li a{height:auto;padding:40px 0 40px 0}

	.main_middle3_contents ul li div.detail:after{width:110px;background-position:-390px -12px;}
	.main_middle3_contents ul li a:hover div.detail:after{
		background-position:-390px 0px;
	}
	.main_middle3_contents ul li{height:auto;margin:2%;}
	.main_middle3_contents ul li:not(:first-child) {margin-left:2%}
	.main_middle3_contents {height:740px}
	

	.main_middle3_contents ul li .img{width:32%;display:block;float:left;text-align:center;margin-left:3%;vertical-align:middle;height:100%;position:relative;}

	.main_middle3_contents ul li .desc{width:60%;display:inline-block;text-align:left;margin-left:5%;}
	.main_middle3_contents ul li span {padding-left:0;margin-bottom:22px;}
	.main_middle3_contents ul li div.detail{padding-left:0;letter-spacing:-1px;}
	.main_middle3_contents ul li img{margin:0px auto;max-height:160px;}
	div.footer{background-color:#fff;border-top:0px solid #40abf1;}
	#footer .footer_logo{float:none;margin:0px auto 30px;text-align:center;width:100%;}
	#footer	.info{width:100%;margin:0 auto;text-align:Center;padding:0 15%;}

}

@media all and (max-width:640px){
	.main_img_title {
		font-size: 18px;
		top: 30%;
		left: 50%;
		width: 100%;
		transform: translateX(-40%);
	}
	.main_img_title ul li b {
		font-size: 23px;
	}
	.main_img_title ul li:nth-child(2) {
		font-size: 15px;
	}

	.main_tit {
		font-size: 1.5em;
	}
	.main_sub_tit {
		font-size: 1em;
	}
	.main_middle3_wrap {
		height:840px;
		margin: 4em auto 0;
	}
	.main_middle3_wrap ul {
		width: 100%;
		display: inline-block;
		padding: 0px;
		vertical-align: top;
	}
	.main_middle3_contents {
		position:relative;
		top:unset;
		padding:2rem 1rem;
	}
	.main_middle3_wrap h2 {
		text-align: center;
		color: #fff;
		font-size: 2em;
	}
	.main_middle3_wrap ul li {
		color: #fff;
		font-size: 1em;
	}
	.main_middle3_wrap ul li.big_txt {
		font-size: 1.5em;
	}
	.main_middle3_wrap ul:last-child li input, .main_middle3_wrap ul:last-child li textarea {
		padding: 16px 26px;
		margin-bottom: 10px;
	}
	.main_middle3_wrap ul:last-child {
		text-align: left;
		padding-left: 0px;
	}
	.main_middle3_wrap ul:last-child li {
		width: 100%;
		text-align: center;
	}
	.swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets {
		bottom: 61px;
	}

	#main_visual {min-height:300px;}
	.swiper-slide {min-height:318px;}
	.main_img_btn {display:none;}
	section.main{margin: 2em auto;}
	.main_middle3_wrap{
		
		background-image:url('/img/main_middle_bg_mobile.png');
		background-position:center top;
		background-repeat:no-repeat;
		background-size:contain;
		position:relative;
		display:block;
	
	}

	.sub_2depth ul li a.first::before{
		content:'';
		width:0px;
	}
	.sub_2depth ul li a:after{
		content:'';
		width:0px;
	}

	.langBtn_wrap{width:70px; position:absolute; top:0; margin-top:3.5%; right:18%;}
	.langBtn_wrap p{height:25px; line-height:23px; font-size:13px; text-indent:10px; background:url("/img/langBtn_down.png") right 10px center no-repeat;}
	.langBtn_wrap .langBtn{top:25px;}
	.langBtn_wrap .langBtn dt{height:25px; line-height:25px; border-bottom:1px solid #dbdbdb;}
	.langBtn_wrap .langBtn dt a{font-size:13px; text-indent:30px;}
	.langBtn_wrap .langBtn dd{height:25px; line-height:25px;}
	.langBtn_wrap .langBtn dd a{font-size:13px; text-indent:30px;}

	section.sub .menu_depth3.col4 ul li{width:calc(100% / 2.2);}
	section.sub .menu_depth3.col5 ul li{width:calc(100% / 2.2);}
	section.sub .menu_depth3.col6 ul li{width:calc(100% / 2.2);}
	section.sub .menu_depth3 ul li:nth-child( n+1 ) {
		margin-left: 10px;
	}
	section.sub{padding:0 3%}
	.c_tit.ceo {text-align:Center;}
	.c_text.ceo .c_tit{font-size:1.2em}
	.c_text.ceo .ceo_text{font-size:1em;}

	.r_top_wrap{width:100%;text-align:center;}
	.r_top{text-align:center;margin:0px auto 20px auto;}
	.pc{display:none !important}

	.global_wrap .global_visual .tit .small_tit{font-size:0.5em;}
	.global_contents{background-size:contain;background-repeat:no-repeat;height:440px;background-position:center center}
	.global_small_contents ul li{width:48%;}
}

.layer_wrap .dimmed{position:fixed;top:0;left:0;z-index:100;width:100%;height:100%;background:url(/img/bg_dimmed.png)}

.layer_wrap.layer_sitemap{display:none}
.sitemap_wrap{position:absolute;top:110px;left:50%;z-index:110;width:1460px;height:732px;margin-left:-730px;background:#0690ed;z-index:1000}
.sitemap_wrap .btn_close{position:absolute;top:10px;right:10px;width:41px;height:41px;background-position:-72px -172px}
.sitemap_wrap .sitemap_list > li{float:left;position:relative;top:50px;}
.sitemap_wrap .sitemap_list > li:first-child{width:272px}
.sitemap_wrap .sitemap_list > li:first-child + li{width:256px}
.sitemap_wrap .sitemap_list > li:first-child:before,
.sitemap_wrap .sitemap_list > li:first-child:after,
.sitemap_wrap .sitemap_list > li:first-child + li:before,
.sitemap_wrap .sitemap_list > li:first-child + li:after{content:'';display:block;position:absolute;right:0;background:rgba(255,255,255,.15)}
.sitemap_wrap .sitemap_list > li:first-child:before{top:15px;width:2px;height:2px}
.sitemap_wrap .sitemap_list > li:first-child:after{top:29px;height:580px}
.sitemap_wrap .sitemap_list > li:first-child + li:before{top:15px;width:2px;height:2px}
.sitemap_wrap .sitemap_list > li:first-child + li:after{top:29px;height:580px}
.sitemap_wrap .sitemap_list > li:first-child dl{padding:0 0 0 44px}
.sitemap_wrap .sitemap_list > li:first-child + li dl{padding:0 0 0 75px}
.sitemap_wrap .sitemap_list > li:first-child + li + li dl{padding:0 0 0 78px}

/*.sitemap_wrap .sitemap_list .info{position:absolute;bottom:0;width:316px;height:345px;background:url(/html/img/img_sitemap.png) no-repeat}*/
.sitemap_wrap .sitemap_list .info{position:absolute;top:64px;bottom:0;width:255px;height:580px;border-right:1px solid #ffffff;}
.sitemap_wrap .sitemap_list dl{}
.sitemap_wrap .sitemap_list dt{display:inline-block;font-size:22px;font-weight:600;color:#fff; line-height:40px;}
.sitemap_wrap .sitemap_list .active dt{color:#fff}
.sitemap_wrap .sitemap_list dt:after{display:block;width:26px;height:13px;margin:10px auto 30px;background-position:-189px -15px}
.sitemap_wrap .sitemap_list .active dt:after{background-position:-189px 0}
.sitemap_wrap .sitemap_list dd{font-size:16px;font-weight:300;color:#000;line-height:38px;}
.sitemap_wrap .sitemap_list dd > a{font-size:18px;color:#fff;line-height:38px;}
.sitemap_wrap .sitemap_list dd > a:hover,
.sitemap_wrap .sitemap_list dd.active > a{color:#fff}
.sitemap_wrap .sitemap_list dd > a:hover span,
.sitemap_wrap .sitemap_list dd.active > a span{text-decoration:underline}
.sitemap_wrap .sitemap_list dd ul{margin-bottom:15px}
.sitemap_wrap .sitemap_list dd li{}
.sitemap_wrap .sitemap_list dd li a{font-size:18px;font-weight:bold;color:#f6c18e;}
.sitemap_wrap .sitemap_list dd li a:hover{color:#fff}

.search_box_wrap{display:none;position:absolute;top:110px;left:0;width:100%;height:94px;background:rgba(255,255,255,.75)}
.search_box{width:1024px;position:relative;margin:0 auto;padding:24px 0 0}
.search_box input{width:449px;margin-left:184px;padding:0 12px;border:1px solid #33558c;background:#fff;height:44px;line-height:44px}
.search_box .btn_search{display:inline-block;width:113px;height:44px;background:#f68326;font-size:16px;font-weight:bold;color:#fff;line-height:46px;vertical-align:top}
.search_box .btn_close{display:block;position:absolute;top:25px;right:120px;width:40px;height:40px}
.search_box .btn_close .sp{position:absolute;top:58px;left:230px;width:18px;height:18px;background-position:-191px -45px}


.btn-close{
    display: inline-block;
    position: absolute;
	right:15px;
	top:15px;
    margin: 0 20px 0 15px;
    padding-left:5px;
    width: 5px;
    height: 35px;
    background: #fff;
    transform: rotate(45deg);
   
	cursor:pointer;
}
.btn-close:before {
	display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: -15px;
    width: 35px;
    height: 5px;
    margin-top: -3px;
    background: #fff;
}

.law_wrap{width:100%;max-width:980px;position:relative;margin:0 auto;text-align:center;}
.law_row{width:50%;max-width:480px;float:left;margin:0 auto;min-height:155px;margin-bottom:30px;}
.law_row a{width:90%;}
.law_wrap li:nth-child(2n+1) .law_row{clear:both;}
.law1{max-width:480px;width:80%;margin:10px auto;display:block;padding:15px 10px;background:#0690ed;color:#ffffff;transition: all 0.4s ease-out 0.1s;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);}
.law1:hover::before {
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    transform-origin: left top;
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
}

.law1::before {
    content: '';
    position: absolute;
    bottom: 0%;
    left: 0px;
    width: 100%;
    height: 3px;
    background: #5a5a5a;
    display: block;
    -webkit-transform-origin: right top;
    -ms-transform-origin: right top;
    transform-origin: right top;
    -webkit-transform: scale(0, 1);
    -ms-transform: scale(0, 1);
    transform: scale(0, 1);
    -webkit-transition: transform 0.4s cubic-bezier(1, 0, 0, 1);
    transition: transform 0.4s cubic-bezier(1, 0, 0, 1);
}
.law1 i{float:right;padding-top:5px;padding-right:10px}
.law1.l2{background:#2763c0}
.law1.l3{background:#996533}
.law1.l4{background:#daae37}
.law1.l5{background:#34bb51}
.law1.l7{background:#8b959e}
.law1.l8{letter-spacing:-0.8px;background:#ac2e2e}
.law_row:nth-child(2){clear:both;}




section.sub{width:100%;max-width:1300px;position:relative;overflow:hidden;height:auto;min-height:500px;margin:83px auto 50px auto;color:#000000;box-sizing:border-box;padding:0 0px;}
section.sub .tit{width:100%;position:relative;margin:0px auto 60px auto;text-align:Center;display:block;font-size:32px;font-weight:bold;}

section.sub .menu_depth3{width:100%;position:relative;margin:20px auto;display:block;text-align:center;border-left: 1px solid #ccc;border-top: 1px solid #ccc;display: flex;flex-wrap: wrap;max-width: 100%;margin-left: auto;margin-right: auto;}
section.sub .menu_depth3 ul{width:100%;height:auto;margin:0 auto;}
xsection.sub .menu_depth3 ul li{width:calc(100% / 7);padding:10px 0;font-size:1em;text-align:Center;margin:0 auto;display:inline-block;}
section.sub .menu_depth3 ul li{width:calc(100% / 7);font-size:1em;text-align:Center;margin:0 auto;display:inline-block;float: left;
    width: 50%;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    background: #fff;
    position: relative;}
xsection.sub .menu_depth3 ul li:not(:first-child){margin-left:10px;}
section.sub .menu_depth3 ul li a{display:block;width:100%;height:100%;;padding:12px 1px;box-sizing:border-box;}
section.sub .menu_depth3.col2 ul li{width:calc(100% / 2.5);} 
section.sub .menu_depth3.col3 ul li{width:calc(100% / 3.5);} 
section.sub .menu_depth3.col4 ul li{width:calc(100% / 4.5);}
section.sub .menu_depth3.col5 ul li{width:calc(100% / 5);}
section.sub .menu_depth3.col6 ul li{width:calc(100% / 4);}


section.sub .menu_depth3 ul li a.active{color:#ffffff;background-color:#0690ed;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}

.menu_depth31 .col4 > li, .menu_depth31 .col8 > li {
    width: 25%;
}

.menu_depth31 .col4 > li, .menu_depth31 .col8 > li {
    width: 25%;
}

.menu_depth31 .col5 > li
	width : calc(100% / 5);
}

.menu_depth31  .active {
    background: #f3f8fb;
    color: #027cb5;
    font-weight: 500;
}
.menu_depth31  > li {
    float: left;
    width: 50%;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    background: #fff;
    position: relative;
}

.menu_depth31  a span {
    display: table-cell;
    vertical-align: middle;
}

@media (max-width: 720px) {
	.menu_depth31 .col4 > li, .menu_depth31 .col8 > li, .menu_depth31 .col5 > li, .menu_depth31 .col7 > li, .menu_depth31 .col9 > li, .menu_depth31 .col3 > li {
		width: 50%;
	}
}

@media all and (max-width:640px){
 .law_row{width:95%;}
	section.sub .menu_depth3.col6 ul li{width:calc(100% / 2);}
	section.sub .menu_depth3 ul li:nth-child( n+1 ) {
		margin-left: 0px;
	}


}