@charset "utf-8"; /*html 페이지 공통 css 모음*/

#menu{position:fixed; top:0; right:-280px; z-index:500; width:280px; height:558px; padding:20px; background:#ffffff;}
#menu .menu-sns{display:block; margin-bottom:47px;}
#menu .menu-sns span{display:inline-block; width:22px; height:22px; margin-right:5px;}
#menu .menu-sns span:last-child{margin-right:0;}
#menu .menu-sns span a{display:inline-block; width:22px; height:22px;}
#menu .menu-sns span a img{display:inline-block; width:22px; height:22px;}
#menu .close-menu{position:absolute; top:18px; right:18px; width:20px; height:20px; padding-top:2px; text-align:center;}
#menu .menu-logo{width:198px; height:30px;}
#menu .menu-logo img{width:100%; height:auto;}
#menu .menu-gnb{position:absolute; top:149px; left:0; width:100%;}
#menu .menu-gnb h2{overflow:hidden; position:absolute; width:1px; height:1px; padding:0; margin:0; border:0; clip:rect(1px 1px 1px 1px); clip:rect(1px, 1px, 1px, 1px); clip-path:inset(50%); white-space:nowrap;}
#menu .menu-gnb li{width:100%; height:69px; background:#f8f8f8;}
#menu .menu-gnb li a{display:block; padding:25px 20px 0; width:100%; height:69px; background:#f8f8f8; font-size:18px; font-weight:bold; color:#000000; vertical-align:middle;}
#menu .menu-gnb li a span{float:left;}
#menu .menu-gnb li a img{display:inline-block; float:right;}
#menu .menu-footer{position:absolute; right:20px; bottom:20px; width:172px; height:53px;}
#menu .menu-footer img{width:100%; height:auto;}

.black-bg-01{display:none; position:fixed; top:0; right:0; z-index:400; width:100%; height:100%; background:rgba(0,0,0,0.8);}

.go-counsel{display:none;}

#wrapper, #main, #main>div, #footer{overflow:hidden; width:100%;}

#isIE{display:none; color:red; line-height:48px;}

#header{width:100%; height:60px; padding:0 10px; background:#ffffff;}
#header-in{padding-top:10px;}
.logo{float:left; width:133px; height:41px;}
.logo a{display:inline-block; width:133px; height:41px; padding:13px 10px 0;}
.logo a img{display:inline-block; width:113px;}
.open-menu{float:right; width:41px; height:41px; text-align:center;}
.open-menu a{display:inline-block; width:41px; height:41px; padding-top:12px;}
.gnb, .sns{display:none;}
.go-megahrd{float:right; width:132px; height:32px; margin:5px 2px 0 0;}
.go-megahrd a{display:inline-block; width:100%; height:100%; padding-top:5px; border-radius:50px; background:#1f2558; color:#ffffff; font-size:14px; font-weight:bold; text-align:center;}
.go-megahrd a img{display:inline-block; width:13px; height:13px; margin:4px 0 0 4px;}

.cont-06{width:100%; height:120px; background:#000203;}
.cont-06 h3{overflow:hidden; position:absolute; width:1px; height:1px; padding:0; margin:0; border:0; clip:rect(1px 1px 1px 1px); clip:rect(1px, 1px, 1px, 1px); clip-path:inset(50%); white-space:nowrap;}
.cont-06 a{display:inline-block; width:100%; height:120px; background:url(../img/bn_06_m.jpg) no-repeat center; background-size:cover;}

#btnTop{display:none;}
.btn-top-m{z-index:9999; position:fixed; bottom:17px; right:11px; width:42px; height:42px; border:1px solid #ffffff; border-radius:100%;}
.btn-top-pc{display:none;}
.btn-sky-m{display:none;}
.btn-sky-pc{display:none;}
.cont-07{z-index:300; padding:24px 20px 22px ; background:#1f2558;}
.cont-07-in{text-align:center;}
.cont-07 span{font-size:18px; font-weight:300; color:#ffffff;}
.cont-07 ul{width:265px; height:34px; margin:13px auto 0;}
.cont-07 .go-counsel-02{float:left; width:113px; height:34px; margin-right:10px; border-radius:40px; background:#00f37f; text-align:center;}
.cont-07 .go-counsel-02 a, .cont-07 .live-introduce a{display:inline-block; width:100%; height:34px; padding-top:6px; font-size:14px; font-weight:bold; color:#1f2558;}
.cont-07 .live-introduce{width:142px; height:34px; background:#1f2558; border:1px solid #ffffff; border-radius:40px; text-align:center; float:left;}
.cont-07 .live-introduce a{width:100%; font-weight:300; color:#ffffff;}
.bottom-fix{position:fixed; bottom:0; left:0; right:0}

#footer{padding:28px 20px; background:#ffffff; line-height:15px;}
.f-left .f-link li{float:left; position:relative; margin:0 8px 10px 0;}
.f-left .f-link .last{margin-right:0;}
.f-left .f-link li:before{display:block; position:absolute; top:5px; left:-4px; clear:both; width:1px; height:9px; background:#d6d6d6; content:"";}
.f-left .f-link .first:before{display:none;} 
.f-left .f-link li a{font-size:10px; font-weight:bold; color:#333333;}
.f-link .pc{display:none;}
.f-left .address, .f-left .f-txt, .f-left .copyright{display:inline-block; width:100%; font-size:10px; color:#999999; letter-spacing:-0.7px;}
.f-right{display:none;}

@media screen and (min-width:650px){
	.cont-06{height:200px;}
	.cont-06 a{height:200px; background:url("../img/bn_06_pc.jpg") no-repeat center bottom;}
}

@media screen and (min-width:768px){
    .cont-06{height:80px;}
	.cont-06 a{height:80px; background:url("../img/bn_06_t.jpg") no-repeat center bottom;}
    
    .btn-top-m{bottom:13px; width:44px; height:44px; border:2px solid #ffffff;}
    .cont-07{bottom:0; height:70px; padding:0;}
	.cont-07-in{width:100%; height:70px; padding:0 90px; margin:0 auto;}
	.cont-07 span{float:left; font-size:18px; line-height:70px;}
	.cont-07 ul{float:right; width:268px; height:33px; margin:20px auto 0;}
	.cont-07 .go-counsel-02{width:113px; height:33px; margin-right:10px;}
	.cont-07 .go-counsel-02 a{width:113px; height:33px; padding-top:6px; font-size:14px;}
	.cont-07 .live-introduce{width:145px; height:33px; border:2px solid #ffffff;}
	.cont-07 .live-introduce a{width:145px; height:33px; padding-top:4px; font-size:14px;}
    
    #footer{padding:20px 20px 30px;}
    #footer-in{position:relative; width:100%;}
    .f-right{display:block; position:absolute; right:0; bottom:0; width:151px; height:auto;}
    .f-right img{width:100%; height:auto;}
}

@media screen and (min-width:1280px){
    #menu, .black-bg-01{display:none;}
    .go-counsel{display:block; position:fixed; top:50%; right:0; z-index:200; height:200px; margin-top:-100px; transition:width .3s;}
    .go-counsel a{display:block; width:177px; height:200px; padding:40px 0 0 23px; border-radius:100px 0 0 100px; background:#1f2558; transition:0.8s;}
    .go-counsel a .go-cl-arrow{margin:0 auto;}
    .go-counsel .hov-before{font-size:26px; font-weight:200; line-height:32px; color:#ffffff; text-align:center;}
    .go-counsel .hov-before .go-cl-arrow{width:42px; height:42px; padding-top:12px; margin-top:15px; border-radius:50%; background:#00f37f; text-align:center;}
    .go-counsel .hov-after{position:absolute; top:0; left:30px; width:285px; height:200px; padding:50px 0 0 33px; font-size:20px; font-weight:200; line-height:26px; color:#ffffff; text-align:center; opacity:0; transition:all .3s; transition-delay:.1s;}
    .go-counsel .hov-after .go-cl-arrow{width:132px; height:42px; padding-top:8px; margin-top:15px; border-radius:20px; background:#00f37f; font-size:15px; font-weight:normal; color:#000000;}
    .go-counsel .hov-after .go-cl-arrow img{display:inline-block; width:14px; height:auto; margin-top:6px; margin-left:5px;}
    .go-counsel a:hover{width:285px; transition:0.8s;}
    .go-counsel a:hover .hov-before{opacity:0; transform:translate(-30px,0);}
    .go-counsel a:hover .hov-after{opacity:1; transform:translate(-30px,0);}
    
    #header{height:140px;}
	#header-in{width:1280px; height:110px; padding:29px 20px 0; margin:0 auto;}
    .logo{position:absolute; top:17px; left:20px; width:196px; height:35px;}
	.logo a{width:216px; height:35px;}
	.logo a img{width:196px;}
	.open-menu{display:none;}
    .gnb{display:block; float:left; margin-top:47px;}
    .gnb h2{overflow:hidden; position:absolute; width:1px; height:1px; padding:0; margin:0; border:0; clip:rect(1px 1px 1px 1px); clip:rect(1px, 1px, 1px, 1px); clip-path:inset(50%); white-space:nowrap;}
    .gnb li{float:left; padding-right:50px; font-size:26px; font-weight:bold; line-height:48px;}
    .gnb li span{font-weight:300;}
    .go-megahrd{float:inherit; position:absolute; top:23px; right:246px; width:169px; height:44px; margin:0 0 0 0;}
    .go-megahrd a{padding-top:11px; font-size:18px;}
    .go-megahrd a img{width:19px; height:18px; margin:2px 0 0 6px;}
    .sns{display:block; position:absolute; top:23px; right:30px; font-size:0;}
    .sns span{display:inline-block; width:51px; height:44px;}
    .sns span a{display:inline-block; width:44px; height:44px; margin-left:0;}
    
    .cont-06{height:200px;}
	.cont-06 a{height:200px; background:url("../img/bn_06_pc.jpg") no-repeat center bottom;}
    
    .cont-07{bottom:0; height:70px; padding:0;}
	.cont-07-in{width:100%; height:70px; padding:0 90px; margin:0 auto;}
	.cont-07 span{float:left; font-size:18px; line-height:70px;}
	.cont-07 ul{float:right; width:268px; height:33px; margin:20px auto 0;}
	.cont-07 .go-counsel-02{width:113px; height:33px; margin-right:10px;}
	.cont-07 .go-counsel-02 a{width:113px; height:33px; padding-top:6px; font-size:14px;}
	.cont-07 .live-introduce{width:145px; height:33px; border:2px solid #ffffff;}
	.cont-07 .live-introduce a{width:145px; height:33px; padding-top:4px; font-size:14px;}
    
    .cont-07{height:140px;}
	.cont-07-in{width:1280px; height:140px; padding:0 20px;}
	.cont-07 span{font-size:40px; line-height:140px;}
	.cont-07 ul{width:462px; height:55px; padding-right:20px; margin:47px auto 0;}
	.cont-07 .go-counsel-02{width:190px; height:55px; margin-right:12px;}
	.cont-07 .go-counsel-02 a{width:190px; height:55px; padding-top:17px; font-size:20px;}
	.cont-07 .live-introduce{width:240px; height:55px;}
	.cont-07 .live-introduce a{width:240px; height:55px; padding-top:15px; font-size:20px;}
	
	#footer{height:216px; padding:38px 0 0;}
	#footer-in{width:1280px; padding:0 20px; margin:0 auto;}
	.f-left .f-link li{margin-right:26px; margin-bottom:20px;}
    .f-left .f-link li:before{top:1px; left:-14px; height:15px;}
	.f-left .f-link li a{font-size:16px;}
    .f-link .pc{display:block;}
    .f-link .m{display:none;}
	.f-left .address, .f-left .f-txt, .f-left .copyright{font-size:16px; line-height:24px; letter-spacing:0;}
    .f-right{right:20px; width:274px;}
}

@media screen and (max-width:330px){
	.go-megahrd{width:115px;}
}

@media screen and (min-width:1320px){
	#header-in{padding:29px 0 0;}
    .cont-07-in{padding:0;}
    #footer-in{padding:0;}
    .f-right{right:0;}
}

@media screen and (min-width:1440px){
    .btn-top-m{display:none;}
    .btn-sky-m{display:none;}
    .btn-top-pc{display:block; z-index:9999; position:fixed; bottom:29px; right:20px; width:78px; height:78px; border:2px solid #ffffff; border-radius:100%; cursor:pointer;}
    .btn-sky-pc{display:block; z-index:9999; position:fixed; bottom:89px; right:110px; width:168px; height:152px; cursor:pointer;}
}

@media screen and (min-width:1780px){
	#header{height:110px;}
	.logo{top:27px;}
	.gnb{margin-top:0;}
	.go-megahrd{top:33px;}
	.sns{top:33px;}
}

@media screen and (min-width:1820px){
	.logo{left:40px;}
	.go-megahrd{right:256px;}
	.sns{right:40px;}
}