@charset "utf-8";

#header .header-top{background: #007bb6;}
#header .header-top > div{position: relative;height: 32px;}
#header .header-top .top-menu{position: absolute;top: 0;right: 0;}
#header .header-top .top-menu li{float: left;margin-left: 26px;line-height: 30px;padding-left: 21px;}
#header .header-top .top-menu .home{background: url('../img/main/top_menu_ico01.png') no-repeat left center;}
#header .header-top .top-menu .contact{background: url('../img/main/top_menu_ico02.png') no-repeat left center;}
#header .header-top .top-menu .customer{background: url('../img/main/top_menu_ico03.png') no-repeat left center;}
#header .header-top .top-menu .admin{background: url('../img/main/top_menu_ico04.png') no-repeat left center;}
#header .header-top .top-menu li a{vertical-align: middle;color: #fff;font-size: 11px;}
#header .header-top .top-menu li a:hover{text-decoration: underline;}
#header .header-bottom > div{height: 99px;}
#header .header-bottom .logo{position: absolute;top: 25px;left: 2px;}
#gnb{position: absolute;top: 24px;right: 0;}
#gnb .depth-01 .d01-sub{position: relative;float: left;margin-left: 22px;padding-bottom: 28px;transition: 0.3s}
#gnb .depth-01 .d01-sub .d01-btn{display: block;position: relative;padding-right: 18px;color: #000d1b;font-size: 16px;font-weight: bold;font-family: 'open sans',sans-serif;line-height: 1em;}
#gnb .depth-01 .d01-sub .d01-btn:after{display: block;content: "";position: absolute;top: 4px;right: 0;width: 8px;height: 4px;background: url('../img/main/gnb_down_arrow.png') no-repeat;}
#gnb .depth-01 .d01-sub .d01-btn:hover{color: #037db8;}
#gnb .depth-01 .d01-sub .d01-btn:hover:after{background-position: 0 -4px;}
#gnb .depth-02{display: none;position: absolute;top: 38px;left: -15px;right: -15px;z-index: 60;border: 1px solid #eee;/* border-top: 2px solid #037db8; */background-color: #fff;box-sizing: border-box}
#gnb .depth-02 li a{display: block;color: #484848;font-size: 12px;font-weight: bold;line-height: 40px;text-indent: 15px;transition: 0.3s}
#gnb .depth-02 li a:hover{color: #fff;background-color: #037db8;}
#gnb-btn{display: none;}
/*///////////////////// header /////////////////////*/

/*///////////////////// header End /////////////////////*/

/*///////////////////// container /////////////////////*/
.main-visual .bx-wrapper{position: relative;}
.main-visual li{height: 599px;}
.main-visual .visual01{background: url('../img/main/visual01.jpg') no-repeat center 0;}
.main-visual .visual02{background: url('../img/main/visual02.jpg') no-repeat center 0;}
.main-visual .visual03{background: url('../img/main/visual03.jpg') no-repeat center 0;}
.main-visual .visual04{background: url('../img/main/visual04.jpg') no-repeat center 0;}
.main-visual .inner{position: absolute;top: 0;bottom: 0;left: 0;right: 0;z-index: 60;padding-top: 117px;}
.main-visual .inner .txt-box{width: 700px;padding: 27px 40px 24px;background: url('../img/main/visual_inner_bg.png');border-radius: 5px;box-sizing: border-box}
.main-visual .inner .txt-box .heading{font-size: 40px;font-family: 'open sans',sans-serif;line-height: 50px;font-weight: bold;letter-spacing: 2px;}
.main-visual .inner .txt-box p{margin: 20px 0 0 10px;font-size: 20px;line-height: 1.2em;font-weight: 900;letter-spacing: -2px;}
.main-visual .inner .txt-box a{display: block;width: 206px;margin: 23px 0 0 10px;background: #037db8 url('../img/main/contact_us_right.png') no-repeat 164px center;color: #fff;font-size: 18px;line-height: 65px;font-weight: 900;text-align: center;border-radius: 5px;text-indent: -15px;transition: 0.5s}
.main-visual .inner .txt-box a:hover{opacity: 0.7;}
.main-visual .bx-controls-direction a{position: absolute;top: 50%;width: 52px;height: 52px;margin-top: -26px;text-indent: -9999em;transition: 0.3s}
.main-visual .bx-controls-direction a.bx-prev{left: 0;background-image: url('../img/main/visual_prev.png');background-size: 100% 100%;}
.main-visual .bx-controls-direction a.bx-next{right: 0;background-image: url('../img/main/visual_next.png');background-size: 100% 100%;}
.main-visual .bx-controls-direction a:hover{opacity: 0.7;}

.main .content-a > div{border-bottom: 2px solid #eee;}
.main .content-a .head{padding-top: 68px;text-align: center;}
.main .content-a .head h1{color: #444;font-size: 36px;font-weight: bold;font-family: 'open sans',sans-serif;line-height: 1em;}
.main .content-a .head p{margin-top: 28px;color: #6e6e6e;font-size: 16px;line-height: 1em;}
.main .content-a .con-a-sub{padding: 100px 0 65px 624px;}
.main .content-a .con-a-sub .a-sub-sec{margin-bottom: 28px;}
.main .content-a .con-a-sub .a-sub-sec h1{margin-bottom: 10px;color: #484747;font-weight: bold;font-size: 20px;line-height: 1em;}
.main .content-a .con-a-sub .a-sub-sec p{color: #6e6e6e;font-size: 14px;line-height: 22px;}
.main .content-a .con-a-sub .a-sub-sec a{display: inline-block;margin: 10px 0 0 5px;color: #016db1;font-weight: bold;font-size: 12px;padding-right: 12px;background: url('../img/main/right_arrow.jpg') no-repeat right 3px;}
.main .content-a .con-a-sub .a-sub-sec a:hover{text-decoration: underline;}
.main .content-a img{position: absolute;bottom: 50px;left: 0;transition: 0.3s}
.main .content-a img:hover{transform: scale(1.1,1.1)}
.main .content-b{padding-bottom: 120px;}
.main .content-b .head{padding-top: 90px;text-align: center;}
.main .content-b .head h1{margin-bottom: 20px;color: #037db8;font-size: 32px;font-weight: bold;line-height: 1em;}
.main .content-b .head p{color: #6e6e6e;font-size: 16px;line-height: 24px;}
.main .content-b ul{margin-top: 20px;}
.main .content-b ul li{float: left;width: 25%;height: 350px;padding: 188px 0 0 13px;border-radius: 7px;box-sizing: border-box}
.main .content-b ul li:hover{border: 2px solid #037db8;padding: 186px 0 0 11px;}
.main .content-b ul li h1{margin-bottom: 14px;color: #037db8;font-size: 20px;font-weight: bold;line-height: 1em;}
.main .content-b ul li p{color: #6e6e6e;font-size: 14px;line-height: 22px;}
.main .content-b ul li.item01{background: url('../img/main/contain_ico01.png') no-repeat 13px 57px;}
.main .content-b ul li.item02{background: url('../img/main/contain_ico02.png') no-repeat 13px 41px;}
.main .content-b ul li.item03{background: url('../img/main/contain_ico03.png') no-repeat 13px 50px;}
.main .content-b ul li.item04{background: url('../img/main/contain_ico04.png') no-repeat 13px 49px;}
.main .content-b ul li.item01:hover{background-position: 11px 55px;}
.main .content-b ul li.item02:hover{background-position: 11px 39px;}
.main .content-b ul li.item03:hover{background-position: 11px 48px;}
.main .content-b ul li.item04:hover{background-position: 11px 47px;}
.main .content-c{height: 487px;background: url('../img/main/content_03_bg.jpg') no-repeat center 0;}
.main .content-c .head{padding: 100px 0 70px;}
.main .content-c .head h1{color: #fff;font-size: 32px;font-weight: bold;line-height: 1em;text-align: center;}
.main .content-c ul li{float: left;width: 33.3333%;}
.main .content-c ul li h1{margin-bottom: 14px;color: #fff;font-size: 20px;font-weight: bold;line-height: 1em;}
.main .content-c ul li p{color: #fff;font-size: 14px;line-height: 22px;}
.main .content-c a{display: block;width: 146px;margin: 65px auto 0;background-color: #037db8;color: #fff;font-size: 12px;line-height: 40px;font-weight: bold;text-align: center;border-radius: 5px;transition: 0.3s}
.main .content-c a:hover{background-color: #5db1da}

/*///////////////////// container End /////////////////////*/

/*///////////////////// footer /////////////////////*/
#footer{border-top: 5px solid #292929;}
#footer .foot-top{background: #333;}
#footer .foot-top > div{height: 140px;padding-top: 32px;box-sizing: border-box}
#footer .foot-top .foot-logo{position: absolute;top: 31px;left: 2px;}
#footer .foot-top .company-info{float: left;margin: 0 40px 0 180px;}
#footer .foot-top .company-info div{color: #b6b6b6;font-size: 12px;line-height: 18px;}
#footer .foot-top .office{float: left;margin-left: 60px;}
#footer .foot-top .office .name{color: #448fec;font-size: 13px;line-height: 18px;font-weight: bold;}
#footer .foot-top .office address{color: #b6b6b6;font-size: 13px;line-height: 18px;}
#footer .foot-bottom{background: #292929;}
#footer .foot-bottom .copy{color: #b6b6b6;padding-top: ;font-size: 13px;line-height: 63px;text-align: center;}
#footer .foot-bottom .copy a{display: inline-block;vertical-align: middle;}
/* #footer .foot-bottom .copy a{display: inline-block;margin-left: 10px;padding: 5px;background-color: #ddd;color: #333;font-size: 13px;font-weight: bold;border-radius: 3px}
#footer .foot-bottom .copy a:hover{background-color: #fff;color: #000;} */
/*///////////////////// footer End /////////////////////*/

/* 모바일 사이즈 */
@media screen and (max-width: 768px){
	.guide-line{position: relative;width: auto;}
	.pc-view{display: none;}
	.mo-view{display: block;}
	#header .header-top{display: none;}
	#header .header-bottom > div{height: 50px;}
	#header .header-bottom .logo{top: 12px;left: 50%;width: 69px;height: 27px;margin-left: -35px;}
	#header .header-bottom .logo img{width: 100%;}
	#gnb{display: none;top: 50px;right: auto;width: 100%;background: #fff;z-index: 60;border-bottom: 1px solid #ddd;}
	#gnb .depth-01 .d01-sub{float: none;margin-left: 0;padding: 10px;border-top: 1px solid #ddd;transition: 0.3s}
	#gnb .depth-01 .d01-sub .d01-btn.on:after{transform: rotate(180deg)}
	#gnb .depth-01 .d01-sub .d01-btn:hover{color: #037db8;}
	#gnb .depth-01 .d01-sub .d01-btn:hover:after{background-position: 0 -4px;}
	#gnb .depth-02{top: 36px;left: 0;right: 0;z-index: 60;border: none;border-bottom: 1px solid #ddd;}
	#gnb .depth-02 li a{border-top: 1px solid #ddd;}
	#gnb .depth-02 li a:hover{color: #fff;background-color: #037db8;}
	#gnb-btn{display: block;position: absolute;top: 10px;left: 5px;font-size: 30px;}
	.main-visual .bx-wrapper{position: relative;}
	.main-visual li{height: 250px;}
	.main-visual .visual01{background-size: cover}
	.main-visual .visual02{background-size: cover}
	.main-visual .visual03{background-size: cover}
	.main-visual .visual04{background-size: cover}
	.main-visual .inner{padding-top: 50px;}
	.main-visual .inner .txt-box{width: 100%;padding: 5px;}
	.main-visual .inner .txt-box .heading{font-size: 20px;line-height: 25px;letter-spacing: 0;}
	.main-visual .inner .txt-box p{margin: 5px;font-size: 14px;line-height: 1.2em;letter-spacing: 0;}
	.main-visual .inner .txt-box a{width: 110px;margin: 10px auto;background: none;background-color: #037db8;font-size: 12px;line-height: 40px;border-radius: 3px;text-indent: 0;transition: 0s}
	.main-visual .bx-controls-direction a{position: absolute;top: 5%;width: 26px;height: 26px;margin-top: 0;}
	.main .content-a{padding: 0 10px;}
	.main .content-a > div{}
	.main .content-a .head{padding-top: 20px;}
	.main .content-a .head h1{font-size: 18px;}
	.main .content-a .head p{margin-top: 20px;font-size: 14px;line-height: 1.5em;}
	.main .content-a .con-a-sub{padding: 50px 10px 0;}
	.main .content-a img{display: none;}
	.main .content-b{padding: 10px;}
	.main .content-b .head{padding-top: 10px;}
	.main .content-b .head h1{margin-bottom: 20px;font-size: 16px;line-height: 1.2em;}
	.main .content-b .head p{font-size: 14px;line-height: 1.5em;text-indent: 0 !important;}
	.main .content-b ul{margin-top: 20px;}
	.main .content-b ul li{float: none;width: auto;height: auto;padding: 10px;}
	.main .content-b ul li:hover{border: none;padding: 10px;}
	.main .content-b ul li h1{font-size: 16px;}
	.main .content-b ul li p{font-size: 12px;line-height: 1.5em;}
	.main .content-b ul li.item01{background: none;}
	.main .content-b ul li.item02{background: none;}
	.main .content-b ul li.item03{background: none;}
	.main .content-b ul li.item04{background: none;}
	.main .content-b ul li.item01:hover{background: none;}
	.main .content-b ul li.item02:hover{background: none;}
	.main .content-b ul li.item03:hover{background: none;}
	.main .content-b ul li.item04:hover{background: none;}
	.main .content-c{height: auto;padding: 10px;background-size: cover}
	.main .content-c .head{padding: 20px 0;}
	.main .content-c .head h1{font-size: 16px;line-height: 1.2em;}
	.main .content-c ul li{float: none;width: auto;margin-bottom: 20px;}
	.main .content-c ul li h1{margin-bottom: 10px;font-size: 16px;line-height: 1.2em;}
	.main .content-c ul li p{font-size: 12px;line-height: 1.5em;}
	.main .content-c a{display: block;width: 146px;margin: 0 auto;}
	.main .content-c a:hover{background-color: #5db1da}

	/*///////////////////// container End /////////////////////*/

	/*///////////////////// footer /////////////////////*/
	#footer .foot-top > div{height: auto;padding: 10px;}
	#footer .foot-top .foot-logo{display: none;}
	#footer .foot-top .company-info{float: none;margin: 0;}
	#footer .foot-top .company-info div{color: #b6b6b6;font-size: 12px;line-height: 18px;}
	#footer .foot-top .company-info div a{color: #b6b6b6;font-size: 12px;line-height: 18px;}
	#footer .foot-top .office{float: none;margin: 10px 0 0 0}
	#footer .foot-top .office address{font-size: 12px}
	#footer .foot-top .office address a{color: #b6b6b6;font-size: 12px}
	#footer .foot-bottom{padding-bottom: 20px;}
	#footer .foot-bottom .copy{color: #b6b6b6;padding-top: 20px;font-size: 10px;line-height: 1em;}
	/* #footer .foot-bottom .copy a{display: block;margin: 20px auto 0;border-radius: 0} */
}