/*폰트*/
@import url(https://fonts.googleapis.com/earlyaccess/notosanskr.css);
@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');}


/*초기화*/
*{margin: 0;padding: 0;}
html, body{height:100%;width:100%;margin:0;padding:0;font-family: "Noto Sans KR", sans-serif !important ;background:#f4f6fa}
h1,p,ul{margin:0;padding:0}
li{list-style:none}
a{color:#333;text-decoration:none !important}
.left{float:left !important}
.right{float:right !important}
.clear{clear:both}
p{margin:0;padding:0;word-break:break-all}
b{font-weight:bold}
br{font-family:"Noto Sans KR", sans-serif !important}
.img-responsive{max-width:100%;display:inline-block;height:auto}
.over-h{overflow:hidden;}
.padding-0{padding:0 !important}
.margin-0{margin:0 !important}
.m-auto{margin:auto}
.w-100{width:100% !important}
.p-100{padding:100px 0;}
.pt-20{padding-top:20px;}
.pb-10{padding-bottom:10px;}
.pb-20{padding-bottom:20px;}
.mb-10{margin-bottom:10px;}
.mb-20{margin-bottom:20px;}
.gray{color:#989898}
.blue{color:#5259f9}
.serif{font-family: 'Noto Serif KR', sans-serif !important}
.text-c{text-align:center;}
.text-l{text-align:left;}
.visible-lg{display:block !important}
.visible-xs{display:none !important}
.visible-sm{display:none !important}

.header{position:fixed;width:100%;top:0;z-index:999;background:#fff;}
.header.on{background:rgba(255,255,255,0.95);transition:All .3s ease;border-bottom:1px solid #ebebeb}
.head01 {font-size:12px;border-bottom:1px solid #ebebeb;padding:15px 0}
.head01 .box01{float:left;width:60%}
.head01 .box01 p{color:#5259f9;letter-spacing:0}
.head01 .box01 a{float:right}
.head01 .box02{float:right;width:20%}
.head01 .box02 li{float:left;width:33.333%;text-align:center;color:#646464}
.head01 .box02 li a{color:#646464;}

.head02 .wrap{max-width:1200px;margin:Auto}
.head02 .logo {float:left;width:15%;padding:15px 0}
.head02 .logo img{width:100px}
.head02 .menu{float:left;width:65%}
.head02 .nav li{float:left;font-size:16px;width:16.666%;position:Relative;text-align:center;}
.head02 .nav li:hover a{background:#c8caff;color:#FFF;transition:all .25s ease}
.head02 .nav li a{display:block;padding:30px 0}
.head02 .nav li a.on{background:#5259f9;color:#FFF;}
.head02 .nav .submenu{display:none;position:absolute;background:#fff;z-index:999;width:100%;border:1px solid #ebebeb}
.head02 .nav .submenu li{width:100%;font-size:14px}
.head02 .nav .submenu li a{display:Block;padding:10px 0;background:#FFF;color:#5259f9;width:80%;margin:Auto;border-bottom:1px solid #fff;border-bottom:1px solid #5259f9;}
.head02 .nav .submenu li:last-child a{border:none}

.head02 .search {float:right;width:15%;border:1px solid #6269fa;padding:5px 10px;border-radius:100px;margin:20px 0}
.head02 .search input{border:none;width:83%;background:none}
.head02 .search .fa{color:#6269fa;float:right;margin:0 10px 0 0;line-height:1.9}

.m_menu{background:#FFF;padding:15px 0}
.m_menu.on{position:fixed;top:0;width:100%;z-index:9999;border-bottom:1px solid #ebebeb}
.m_menu .m_logo{height:40px;margin:Auto;display:Block}
.m_menu .tel{position:absolute;left:20px;top:15px;}
.m_menu .tel img{height:35px}
.m_menu .m_quick{overflow:hidden;margin:0 0 20px 0}
.m_menu .m_quick ul li{float:left;width:25%;text-align:center;font-size:11px;}
.m_menu .m_quick ul li img{height:30px;}
.m_menu .m_login {margin:auto;width:90%;padding:0 0 20px 0;overflow:hidden}
.m_menu .m_login li{font-size:11px;float:left;width:30%;margin:0 2% 0 0;text-align:Center;border-radius:15px}
.m_menu .m_login li a{display:block;padding:8px 0;border-radius:15px;border:1px solid #6E6F71;}
.m_menu .m_login li a:hover{background:#5259f9;color:#FFF;border:1px solid #5259f9;}
.logo_wrap{padding:20px 0;background:#FFF}
.logo_wrap .container{position:Relative;}
.logo_wrap img{height:40px;display:Block;margin:Auto}

.m_menu .tel.on{position: fixed; z-index: 9999;}
.openbtn.on {position: fixed;z-index: 9999;background: transparent;transition: All .3s ease;}
.sidepanel  {width: 0;position: fixed;z-index:99999;height: 100%;top: 0;right: 0;background-color: #fff;overflow-x: hidden;transition: all 0.4s ease;padding: 70px 0 0 0;}
.sidepanel .logo{position:Absolute;left:20px;top:20px;height:30px;}
.sidepanel .closebtn {position: absolute;top: 0;right: 20px;font-size: 36px;}
.openbtn {position:Absolute;right:20px;top:8px;font-size: 30px;cursor: pointer;background-color: #fff;border: none;}
.openbtn:hover {background-color:#fff;}
.sidebar {width: 100%;/*height:100%;position: absolute;*/-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;z-index: 100;}
.sidebar #leftside-navigation ul, .sidebar #leftside-navigation ul ul {margin: -2px 0 0;padding: 0;}
.sidebar #leftside-navigation ul li {list-style-type: none;border-bottom: 1px solid rgba(255, 255, 255, 0.05);}
.sidebar #leftside-navigation ul li.active > a {color: #1abc9c;}
.sidebar #leftside-navigation ul li.active ul {display: block;}
.sidebar #leftside-navigation ul li a {text-decoration: none;display: block;padding: 15px 0 15px 25px;font-size: 12px;outline: 0;-webkit-transition: all 200ms ease-in;-moz-transition: all 200ms ease-in; -o-transition: all 200ms ease-in;-ms-transition: all 200ms ease-in;transition: all 200ms ease-in;}
.sidebar #leftside-navigation ul li a:hover {color: #5259f9;}
.sidebar #leftside-navigation ul li a span {display: inline-block;}
.sidebar #leftside-navigation ul li a i {width: 20px;}
.sidebar #leftside-navigation ul li a i .fa-angle-left, .sidebar #leftside-navigation ul li a i .fa-angle-right {padding-top: 3px;}
.sidebar #leftside-navigation ul ul {display: none;}
.sidebar #leftside-navigation ul ul li {background: #5259f9;margin-bottom: 0;margin-left: 0;margin-right: 0;border-bottom: none;}
.sidebar #leftside-navigation ul ul li a {font-size: 12px;padding-top: 10px;padding-bottom: 10px;color: #fff;}
.sidebar #leftside-navigation ul ul li a:hover{color:#FFF}

.filter{filter: alpha(opacity=75); opacity: 0.75; -moz-opacity: 0.75; background-color: #000; height: 100%; left: 0;	position: fixed; text-align: left; top: 0; width: 100%; z-index: 9900; display:none;}


.main{padding:133px 0 0 0}
.main section{padding:100px 0 0 0}
.container{max-width:1200px;margin:auto;overflow:hidden}
.txt01{font-size:16px;font-weight:300}
.txt02{font-size:18px}
.txt02 b{font-weight:500}
.txt03 {font-size:20px}
.txt04 {font-size:30px}
.s_cont{margin:0 0 50px 0}

.slide01{max-width:1920px;margin:Auto}
.slide01 .swiper-button-next, .slide01 .swiper-button-prev{outline:none;width:10px;height:13px;bottom:50px;top:auto;background-position:center;background-repeat:no-repeat}
.slide01 .swiper-button-prev:after, .slide01 .swiper-button-next:after{content:"";}
.slide01 .swiper-button-prev{background-image:url('/img/main/btn_prev.png');left:17.5%;}
.slide01 .swiper-button-next{background-image:url('/img/main/btn_next.png');left:22%;right:auto}
.slide01 .swiper-pagination{color:#fff;bottom:50px;width:40%;}


#section01 .board{float:left;width:30%;}
#section01 .board:nth-child(2){margin:0 5%}
#section01 .board .txt03{padding:0 0 30px 0}
#section01 .board ul{border-top:3px solid #000;overflow:hidden}
#section01 .board ul li{padding:15px 0;border-bottom:1px solid #f1f1f1}
#section01 .board ul li b{margin:0 15px 0 0;color:#000}
#section01 .board .txt02{color:#535353}
#section01 .board .view{float:right;background:#000;color:#FFF;padding:0px 8px}

#section02 .slide02{padding:50px 0 30px 0}
#section02 .mark{vertical-align:middle}
#section02 .slide02 .swiper-button-next, #section02 .slide02 .swiper-button-prev{outline:none;width:10px;height:13px;bottom:0;top:auto;background-position:center;background-repeat:no-repeat}
#section02 .slide02 .swiper-button-prev:after, #section02 .slide02 .swiper-button-next:after{content:"";}
#section02 .slide02 .swiper-button-prev{background-image:url('/img/main/btn_prev02.png');right:5%;left:auto;}
#section02 .slide02 .swiper-button-next{background-image:url('/img/main/btn_next02.png');right:0}
#section02 .slide02 .swiper-pagination{bottom:0;width:5.5%;right:0;left:auto}
#section02 .profile{border-radius:100%;float:left;margin:20px 20px 0 0}
#section02 .swiper-slide{background:#eef1ff;border-radius:20px;padding:30px}
#section02 .swiper-slide-active{box-shadow:0 10px 10px -7px #555}
#section02 .swiper-slide .txt01{color:#9ba4ce;font-weight:300;font-size:14px;}

#section03  .swiper-pagination-bullet-active{background:#FFF}

footer{clear:both;padding:100px 0;background:#f0f0f0;}
footer .box01{padding:0 0 30px 0;border-bottom:1px solid #d4d4d4}
footer .box01 a{display:block;background:#000;color:#FFF;padding:10px 0;max-width:100px;text-align:Center;margin:30px Auto 0}
footer .box02{padding:30px 0 0 0}
footer .box02 p{color:#b4b4b4;letter-spacing:1px}
footer .box02 .sns{max-width:210px;margin:0 auto 30px;overflow:hidden;}
footer .box02 .sns li{float:left;width:25%;text-align:center}
footer .box02 .f_logo{display:Block;margin:30px auto 0}

.btn_top{position:fixed;right:0;bottom:10%;cursor:pointer}

@media (max-width: 1300px){

	.container{width:90%;}
	.main{padding:200px 0 0 0}
	
	.visible-sm{display:block !important}
	.visible-lg{display:none !important}
	.hidden-sm{display:none !important}
	
	.txt01{font-size:14px}
	.txt02{font-size:14px}
	.txt03{font-size:18px}
	.txt04 {font-size:25px}
	
	.head01 .box01{width:40%;}
	.head02 .wrap{width:90%;}
	.head02 .logo{margin:auto;float:none;text-align:Center;}
	.head02 .menu{width:100%;}
	.head02 .search{width:auto;}
	.head02 .nav li a{padding:15px 0}

}

@media (max-width:1366px) and (min-width:1024px){	
	
	
	
	
	
}
@media (max-width:1023px){
	
	#section01 .board{width:100%}
	#section01 .board:nth-child(2){margin:5% 0}
	#section02 .slide02 .swiper-pagination{width:10%;}
	#section02 .slide02 .swiper-button-prev{right:10%;}

} 

@media (max-width:1023px) and (min-width:768px){



} 

@media (max-width: 767px){

	

	.visible-xs{display:block !important}
	.hidden-xs{display:none !important}
	
	.main{padding:0}
	.main section{padding:70px 0 0 0}
	
	.txt01{font-size:12px}
	.txt02{font-size:12px}
	.txt03{font-size:14px;}
	.txt04{font-size:16px }

	.s_cont{margin:0 0 30px 0}
	
	.slide01 .swiper-pagination{width:100%}
	.slide01 .swiper-button-prev{left:40%;}
	.slide01 .swiper-button-next{left:auto;right:40%;}
	#section01 .board .txt03{padding:0 0 20px 0}
    #section01 .board ul li{padding:6px 0;}

	#section02 .mark{height:40px}
	#section02 .slide02{padding:30px 0}
	#section02 .swiper-slide{padding:20px;text-align:center;}
	#section02 .profile{float:none;display:block;margin:0 auto 20px;}
	#section02 .slide02 .swiper-pagination{width:100%;}
	#section02 .slide02 .swiper-button-prev{left:40%;right:auto}
	#section02 .slide02 .swiper-button-next{right:40%}

	footer{padding:50px 0}
	footer .box01 a{margin:20px auto 0}
	footer .box02 .f_logo{height:40px;}


	
}

@media (max-width: 360px){	
	
}