/* 공통 */
.pc_view {display:block}
.m_view {display:none}


/* header */
header {width:100%;border-top:3px solid #035cb2;position:absolute;top:0;left:0;z-index:100000}
header section {width:100%;max-width:1200px;margin:0 auto;position:relative}
header section h1 {display:block;position:absolute;top:-5px;left:0;z-index:2}
header section h1 a {width:183px;height:35px;background:url(/images/inc/logo.png) top center no-repeat;display:block}
header section nav {font-size:0;text-align:right;margin-top:40px;width:100%}
header section nav a {display:inline-block;font-size:18px;font-family:"notoMedium";margin-left:5.83%;line-height:18px}
header section nav a:hover {color:#035cb2}
header section nav a.active {color:#035cb2}


/* mobile menu */
#m_menu {text-align:center;background:#fff}
.side_menu {background:#fff;height:100%;right: -100%;position:fixed;top:61px;width:100%;box-sizing:border-box;z-index:1000}
.side_menu .container {position:relative;top:0;left:0;height:100%}
.side_menu .container .list_load {position:absolute;top:35px;left:5%;width:90%;height:auto}
.burger_box {display: block;position:fixed;top:21px;right:5%;z-index:1001}
.burger_box .menu-icon {display: inline-block;float: none;height: 35px;opacity: .5;width:25px;z-index: 100}
.burger_box .menu-icon.opened {}
.burger_box .menu-icon_box {display: inline-block;height: 35px;position: relative;text-align: left;width:25px;top:0px;right:0px;cursor:pointer}
.burger_box .menu-icon_line {background:#000;display: inline-block;height:1px;position: absolute;width: 100%}
.burger_box .menu-icon_line--1 {top: 2px;background:#025cb2}
.burger_box .menu-icon_line--2 {top: 10px}
.burger_box .menu-icon_line--3 {top: 18px}
.burger_box .menu-icon_line--1 {
	transition: top 200ms 250ms, transform 200ms;
	-webkit-transition: top 200ms 250ms, -webkit-transform 200ms;
}
.burger_box .menu-icon_line--2 {
	transition: opacity 0ms 300ms;
	-webkit-transition: opacity 0ms 300ms;
}
.burger_box .menu-icon_line--3 {
	transition: top 100ms 300ms, transform 200ms;
	-webkit-transition: top 100ms 300ms, -webkit-transform 200ms;
}
.burger_box .menu-icon.opened .menu-icon_box {
	transform: scale3d(0.9, 0.9, 0.9);
	-webkit-transform: scale3d(0.9, 0.9, 0.9);
}
.burger_box .menu-icon.opened .menu-icon_line {top: 10px}
.burger_box .menu-icon.opened .menu-icon_line--1 {
	transform: rotate3d(0, 0, 1, 45deg);
	-webkit-transform: rotate3d(0, 0, 1, 45deg);
	transition: top 100ms, transform 200ms 250ms;
	-webkit-transition: top 100ms, -webkit-transform 200ms 250ms;
}
.burger_box .menu-icon.opened .menu-icon_line--2 {
	opacity: 0;
	transition: opacity 200ms;
	-webkit-transition: opacity 200ms;
}
.burger_box .menu-icon.opened .menu-icon_line--3 {
	transform: rotate3d(0, 0, 1, -45deg);
	-webkit-transform: rotate3d(0, 0, 1, -45deg);
	transition: top 200ms, transform 200ms 250ms;
	-webkit-transition: top 200ms, -webkit-transform 200ms 250ms;
}
.list_item {opacity:0;margin-bottom:15px;
-webkit-transition: all 800ms ease-in-out;
transition: all 800ms ease-in-out;line-height:32px}
.list_item ul {display:none}
.list_item ul li a {margin-top:-1px}
.list_item ul li:first-child a {border-top:0}
.list_item a {color: #000;display: block;padding:8px 0 7px;text-decoration: none;border:1px solid #bbbec3}
.list_item > a {font-size:18px;font-weight:400;border:1px solid #bbbec3}
.m_list > a {background:url(/images/inc/m_menu_close.png) 95% center no-repeat;background-size:15px;}
.m_list > a.active {background:url(/images/inc/m_menu_open.png) 95% center no-repeat #035cb2;border-color:#035cb2;background-size:15px;color:#fff}

/* contents */
#contents {width:100%;margin:0 auto;overflow:hidden}


/* visual */
#visual_slider {width:100%;}
#visual_slider .carousel .carousel-inner .visual1 {background:url(/images/main/visual_01.jpg) top center no-repeat;cursor:pointer}
#visual_slider .carousel .carousel-inner .visual2 {background:url(/images/main/visual_02.jpg) top center no-repeat;cursor:pointer}
#visual_slider .carousel .carousel-inner .visual3 {background:url(/images/main/visual_03.jpg) top center no-repeat;cursor:pointer}
#visual_slider .carousel .carousel-inner .visual4 {background:url(/images/main/visual_04.jpg) top center no-repeat;cursor:pointer}
#visual_slider .carousel .carousel-inner .item {height:615px;width:100%}
#visual_slider .carousel .carousel-inner .item .carousel-caption .visual_txt {width:1200px;margin:0 auto;position:relative;box-sizing:border-box;padding-left:50px}
#visual_slider .carousel .carousel-indicators {bottom:25px;z-index:1}
#visual_slider .control {display:none}
#visual_slider .carousel-indicators li{display:inline-block;width:18px;height:18px;margin:0px 2px;text-indent:-999px;cursor:pointer;background-color:#fff;border-radius:50%}
#visual_slider .carousel-indicators .active{background-color:#035cb2}
#visual_slider .carousel-caption p.visualTxt1 {-webkit-animation-delay:1s;animation-delay:1s;margin-top:195px;margin-bottom:28px}
#visual_slider .carousel-caption p.visualTxt2 {-webkit-animation-delay:1.5s;animation-delay:1.5s}


/* m_visual */
.jd-slider {position:relative;top:61px}
.jd-slider .slide-inner::before {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: 0}
.jd-slider .slide-area > li {border-left: 0;box-sizing: border-box;text-align: center}
.jd-slider .slide-area > li:first-child {}
.jd-slider .slide-area > li > a {display: block;outline: 0}
.jd-slider .slide-inner {overflow: hidden;position: relative;width:100%;max-width:1200px;margin:0 auto;box-sizing:border-box;}
.jd-slider .slide-area {width:100%;margin:0;}
.jd-slider .slide-area:after {display: block;content: '';clear: both}
.jd-slider .slide-area li {display: none;float: left;width: 100%}
.jd-slider .slide-area li:first-child {display: block}
.jd-slider .slide-area li img {display: block;width: 100%}
.jd-slider .prev, .jd-slider .next {position: absolute;top:0;}
.jd-slider .hidden.prev, .jd-slider .hidden.next {display: none}
.jd-slider .btn_arrow {display:none}
.jd-slider .controller {width: 100%;text-align: center;line-height:5px;font-size:0;position:relative;top:-30px}
.jd-slider .controller .auto {display:none;vertical-align: middle}
.jd-slider .controller .indicate-area {display: inline-block}
.jd-slider .controller .indicate-area a {
	display: inline-block;
	position: relative;
	width:13px;
	height:13px;
	margin:0 2px;
	background:#fff;
	font-size: 0;
	color: transparent;
	vertical-align: middle;
	border-radius:50%;
}

.jd-slider .controller .indicate-area a:after {content: '';position: absolute;top: 0;left: 0;width: inherit;height: inherit;width:13px;height:13px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background:#fff;
	border-radius:50%
}
.jd-slider .controller .indicate-area a.on:after {background-color: #035cb2;}
.jd-slider.fade .slide-area li {display: block;position: absolute;top: 0;left: 0;opacity: 0;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
}

.jd-slider.fade .slide-area li:first-child {position: static;opacity: 1}
.jd-slider.slider--none .prev, .jd-slider.slider--none .next, .jd-slider.slider--none .controller {display: none}


/* Our Business */
#ob_list {text-align:center;margin:100px 0;font-size:0}
#ob_list h2,#os_list h2 {font-size:40px;line-height:40px;font-weight:normal;font-family:"notoMedium";margin-bottom:40px}
#ob_list li {display:inline-block;max-width:230px;max-height:230px;width:19.16%;height:19.16%;box-sizing:border-box;margin:0 2.5%;}
#ob_list li a {display:block;font-size:18px;position:relative;overflow:hidden;transition-duration:0.3s}
#ob_list li a:before {content:"";display:block;position:absolute;top:0;left:0;border:10px solid #dddfe2;width:100%;height:100%;border-radius:50%;box-sizinG:border-box}
#ob_list li a img {display:block;width:100%}
#ob_list li a:hover {transform:translateY(-5px);transition-duration:0.3s;color:#035cb2}
#ob_list li a:hover:before {border-color:#035cb2;transition-duration:0.3s;}
#ob_list li a span {display:block;width:100%;text-align:center;position:absolute;bottom:50px;left:0}

/* Our Service */
#os_list {text-align:center;font-size:0;margin-bottom:100px}
#os_list a {display:inline-block;transition-duration:0.3s;font-size:22px;overflow:Hidden;margin:0% 2%;color:#fff;width:29.16%;max-width:350px;height:auto;box-shadow:5px 5px 10px 0px rgba(0,0,0,0.1)}
#os_list a p {padding:10px 0px 6px}
#os_list a span {font-size:15px;padding:7px 30px 6px;line-height:15px;border-radius:25px;margin-top:7px;display:inline-block}
#os_list a div img {display:block;width:100%;transition: 0.3s;
	transform:scale(1) rotate(.001deg);
	-webkit-transform:scale(1) rotate(.001deg);
	-ms-transform:scale(1) rotate(.001deg);
}
#os_list a:hover div img {transition: 0.3s;
	transform:scale(1.1) rotate(.001deg);
	-webkit-transform:scale(1.1) rotate(.001deg);
	-ms-transform:scale(1.1) rotate(.001deg);
}
#os_list a div {overflow:hidden}
#os_list a ul {padding:10px 0 12px}
#os_list a.more1 ul {background:#105690}
#os_list a.more1 span {background:#0c3a61}
#os_list a.more2 ul {background:#0d8281}
#os_list a.more2 span {background:#0d5a59}
#os_list a.more3 ul {background:#381c79}
#os_list a.more3 span {background:#201046}
#os_list a:hover span {background:#fff;}
#os_list a.more1:hover span {color:#105690}
#os_list a.more2:hover span {color:#0d8281}
#os_list a.more3:hover span {color:#381c79}

/* board_box */
#board_box {background:#f1f3f6;overflow:hidden;padding:80px 2%;box-sizing:border-box;}
#board_box section {width:100%;max-width:1200px;margin:0 auto;box-sizing:border-box}
#board_box section article {width:50%;float:left;box-sizing:border-box;}
#board_box section article.news {padding-right:20px}
#board_box section article.event {padding-left:20px}
#board_box section article h2 {font-size:30px;position:relative;line-height:30px;margin-bottom:20px}
#board_box section article h2 a {display:block;position:absolute;top:3px;right:0}
#board_box section article ul {border-top:1px solid #3e3a3b;border-bottom:1px solid #3e3a3b;}
#board_box section article ul li {border-top:1px solid #bbbec3;padding:23px 0 15px;position:relative}
#board_box section article ul li a {display:inline-block;width:70%;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden}
#board_box section article ul li span {display:block;color:#bbbec3;position:absolute;top:23px;right:15px}


/* all_menu */
#all_menu {background:#ced4dc;text-align:center;overflow:hidden;padding:35px 0}
#all_menu nav {width:100%;max-width:1200px;margin:0 auto}
#all_menu ul {width:20%;float:left;line-height:42px;}
#all_menu ul li a:hover {text-decoration:underline}
#all_menu ul ul {width:100%}
#all_menu ul ul li {font-family:"notoRegular"}
#all_menu ul > li {font-family:"notoMedium";font-size:18px}

/* footer */
footer {background:#444;color:#999;padding:30px 2%}
footer div {width:100%;max-width:1200px;margin:0 auto;background:url(/images/inc/ft_logo.jpg) left center no-repeat;box-sizing:border-box;padding-left:200px}
footer ul li {display:inline-block;}
footer ul li:first-child {background:url(/images/inc/ft_dot.jpg) right center no-repeat;padding-right:14px;margin-right:3px}
footer ul li b {color:#fff;margin-right:5px}
footer p {font-size:15px;letter-spacing:-0.5px}


@media all and (max-width:767px) {

/* 공통 */
.pc_view {display:none}
.m_view {display:block}


/* header */
header .m_view {background:#fff;height:60px;border-bottom:1px solid #035bb2;position:fixed;top:0;left:0;width:100%}
header section.m_view h1 {position:relative;top:18px;left:2%}
header section.m_view h1 a {background:url(/images/inc/logo.png) top left no-repeat;background-size:115px}


/* visual */
#visual_slider .carousel {padding-top:25px}
#visual_slider .carousel .carousel-inner .item {height:260px;background-size:cover}
#visual_slider .carousel .carousel-inner .item .carousel-caption .visual_txt {padding-left:3%}
#visual_slider .carousel-caption p.visualTxt1 {margin-top:9.2%;margin-bottom:5px}
#visual_slider .carousel-caption p.visualTxt1 img {width:15%}
#visual_slider .carousel-caption p.visualTxt2 img {width:20%}
#visual_slider .carousel-indicators li {width:13px;height:13px}
#visual_slider .carousel .carousel-indicators {bottom:10px}
/* m_visual */
#visual_slider {padding-bottom:50px}



/* ob_list */
#ob_list {margin: 50px 0}
#ob_list h2, #os_list h2 {font-size:28px;line-height:28px;font-weight:bold;letter-spacing:-1px;margin-bottom:30px}
#ob_list ul {width:80%;margin:0 auto;max-width:500px}
#ob_list li {width:50%;margin:0 2%;max-width:150px}
#ob_list li a {width:100%;font-size:14px}
#ob_list li a:before {border:5px solid #dddfe2}
#ob_list li a span {bottom:30px}



/* os_list */
#os_list {margin-bottom:50px}
#os_list a {width:100%;margin:0;max-width:96%;position:relative;box-shadow:none;overflow:hidden;height:126px}
#os_list a div img {position:relative;top:-70px}
#os_list a ul {position:absolute;top:0;left:0;width:100%;padding:30px 0px 35px}
#os_list a.more1 ul {background:rgba(16,86,144,0.8)}
#os_list a.more2 ul {background:rgba(13,130,129,0.8)}
#os_list a.more3 ul {background:rgba(56,28,121,0.8)}

/* board_box */
#board_box {padding:50px 2%}
#board_box section article {width:100%;float:none}
#board_box section article h2 {font-size:26px;line-height:26px;letter-spacing:-2px}
#board_box section article ul li {padding:13px 0 15px}
#board_box section article ul li a {font-size:15px;line-height:15px;width:100%}
#board_box section article ul li span {position:relative;top:0;right:0;display:block;font-size:14px;line-height:14px;margin-top:3px}
#board_box section article.news {padding-right:0;margin-bottom:30px}
#board_box section article.event {padding-left:0}


/* footer */
footer {font-size:15px}
footer div {background:url(/images/inc/ft_logo.jpg) top center no-repeat;padding-left:0;background-size:120px;padding-top:45px}
footer ul li:first-child {background:none;padding-right:0;}
}