html, body{width: 100%; height: 100%;}

body{font-family: 'NanumSquareOTFR00', 'Nanum Gothic', sans-serif;user-select:none;-webkit-user-select:none;-ms-user-select:none;-moz-user-select:none;font-size: 100%;}
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

h1,h2,h3,p{font-size: 16px;}
h1,h2,h3{font-weight: normal;}

h2{font-size: 3.125em;}
h3{font-size: 1.875em;}
p{font-size: 1.250em;}

.main-wrapper{position:relative;width: 100%;overflow: hidden;}

.header {background-color: #ffffff;padding: 40px 100px;max-width: 1200px;margin:0 auto;position: relative;z-index: 2;}
.header .inner{height: 66px;line-height: 66px;}
.header .site_logo{float: left;}
.header .site_logo img{height: 66px;}
.header .site_nav{float: right;}
.header .site_nav li{position: relative;float: left;padding: 0 10px 0;}
.header .site_nav li:last-child{padding-right: 0;}
.header .site_nav a{position: relative;top: 5px;font-size: 18px;padding-bottom: 10px;border-bottom: 0px solid #daa520;color: #000000;}
.header .site_nav a:hover{border-width: 2px;color: #3fa9f5;}

.snow{position: fixed;width: 100%;height: 100%;z-index: 1;}

.main_section{position: relative;width: 100%;background: url(../img/company/gray_bg.png);}
.main_section img{width: 40px;height: 40px;}
.main_section p{color: #ffffff;line-height: 1.3;}
.main_section .yellow{color: #ffc476;}

.item{float: left;width: 365px;height: 365px;border-radius: 500px;border: 10px solid #ffffff;box-sizing: border-box;margin: 0 15px;text-align: center;overflow: hidden;opacity: 0;}
.item:nth-child(-n+3) {margin-bottom: 80px;}
.item h3{height: 90px;line-height: 90px;color: #ffffff;background-color: #ffc476;}
.item .pgroup{height: 265px;padding: 40px;}
.item .pgroup-other{height: 265px;padding: 10px;}
.item .pgroup:nth-child(4){padding: 10px;}

.block h2{margin: 0 auto;color: #ffffff;padding-bottom: 10px;border-bottom: 1px solid #ffffff;margin-bottom: 50px;}

#block1 {position: relative;height: 960px;padding: 200px 0 100px;z-index: 2;}
#block1 .inner{width: 1185px;margin: 0 auto;}
#block1 h2{width: 290.484px;}
#block2 h2{width: 171.734px;}
#block3 h2{width: 181.938px;}
#block4 h2{width: 335.969px;}
#block5 h2{width: 245px;}

#block2 {position: relative;height: 380px;padding: 150px 0;z-index: 2;}
#block2 .inner{width: 520px;margin: 0 auto;}
#block2 .item1{text-align: center;margin-bottom: 30px;}
#block2 .item2{text-align: center;margin-bottom: 20px;}
#block2 .item3{width: 360px;margin: 0 auto;margin-bottom: 50px;}
#block2 .item4{text-align: center;}

#block3 {position: relative;height: 330px;padding: 150px 0;z-index: 2;}
#block3 .inner{width: 650px;margin: 0 auto;}
#block3 .sub-inner p{display: inline-block;width: 70px;height: 70px;text-align: center;line-height: 70px;vertical-align: top;}
#block3 .sub-inner img{display: inline-block;width: 70px;height: 70px;line-height: 70px;vertical-align: top;margin-right: 20px;}
#block3 .sub-inner h3{display: inline-block;width: 460px;height: 70px;font-size: 70px;color: #ffffff;margin: 0;padding: 0;}
#block3 .item-tel{margin-bottom: 5px;}
#block3 .item-fax{margin-bottom: 20px;}
#block3 .inner > p{text-align: center;}

#block4 {position: relative;height: 400px;padding: 150px 0;z-index: 2;}
#block4 .inner{width:630px;margin: 0 auto;}
#block4 .item-left {position: relative;width: 314px;float: left;text-align: center;border-right: 1px solid #ffffff;height: 125px;}
#block4 .item-left h3{position: relative;top: 7px;font-size: 2.188em;color: #ffffff;padding-bottom: 20px;}
#block4 .item-left a{position: relative;top: 20px;padding: 10px 20px;font-size: 1.563em;color: #ffffff;background-color: #ffc476;border-radius: 50px;}
#block4 .sub-inner{margin-bottom: 20px;}
#block4 .item-right {width: 315px;float: right;text-align: center;}
#block4 .item-right p{font-size: 1.875em;}
#block4 .item-bottom p:first-child{display: inline-block;font-size: 1.875em;height: 40px;line-height: 40px;}
#block4 .item-bottom img{display: inline-block;vertical-align: top;height: 40px;line-height: 40px;margin: 0 10px;}
#block4 .item-bottom p:last-child{display: inline-block;font-size: 1.875em;height: 40px;line-height: 40px;}
#block4 .item-bottom{width: 480px;margin: 0 auto;margin-bottom: 20px;}

#block5 {position: relative;height: 250px;padding: 150px 0 200px;z-index: 2;}
#block5 .inner{width: 820px;margin: 0 auto;}

.main_section .block h2{transition: 500ms;}
.main_section .block:hover h2{text-shadow : 0 0 15px #ffffff, 0 0 7px #ffffff;}

.contact_box{position: relative;background-color: #000000;z-index: 2;}
.contact_box .inner{width: 1180px;height: 500px;margin: 0 auto;}
.contact_box .h2_word{position: relative; opacity: 0; top: 30px}
.contact_box .a{position: relative; opacity: 0; top: 60px}
.contact_box .b{position: relative; opacity: 0; top: 90px}
.contact_box .c{position: relative; opacity: 0; top: 120px}
.contact_box h2{font-size: 30px;margin-left: 45px;color: #ffffff;padding-top: 80px;margin-bottom: 30px;border-bottom: 1px solid #aaaaaa;padding-bottom: 40px;}
.contact_box li{position: relative;float: left;}
.contact_box li img{height: 230px;}

.personal_data{width: 490px;margin: -279px 0 0 -245px;position: fixed;z-index: 851;left: 50%;top: 50%;display: none;}
.personal_data h2{background: #4e4e4e;color: #bbbbbb;height: 54px;line-height: 54px;font-size: 16px;text-indent: 24px;z-index: 30;font-weight: lighter;}
.personal_data button{position: absolute;width: 18px;top: 20px;right: 20px;border: 0;cursor: pointer;height: 17px;background: url(../img/common/close_button.png) no-repeat 0 0;z-index: 855;}
.personal_data .outer{background: #fff;padding: 15px 20px;}
.personal_data .outer .inner{border: 1px solid #dadada;}
.personal_data .text{padding: 15px;overflow-y: scroll;height: 420px;font-size: 12px;line-height: 18px;}

.global_nav {position: fixed;width: 610px;height: 420px;margin-top: -210px;margin-left: -305px;z-index: 851;left: 50%;top: 50%;display: none;}
.global_nav .wrap{width: 100%;position: relative;}
.global_nav .wrap > div{float: left;}
.global_nav p{height: 70px;line-height: 70px;font-size: 17px;}
.global_nav .box{width: 200px;height: 420px;}
.global_nav .box .title{background-color: #4e4e4e;text-align: center;}
.global_nav .box .title a{color: #cdcdcd;}
.global_nav span{color: #ff0000;}
.global_nav p{box-sizing: border-box;border: 1px solid #ffffff;position: relative;}
.global_nav p a{display: block;width: 100%;}
.global_nav .box .inner p{background-color: #ffffff;padding-left: 30px;border: 1px solid #dadada;}
.global_nav .box .inner p.unique{position: relative;padding-left: 0px;text-align: center;}
.global_nav .box_space{width: 5px;height: 420px;}

.overlay{width: 100%;height: 100%;z-index: 850;background-color: #000;opacity: 0.8;filter: alpha(opacity=80);-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";position: fixed;top: 0;left: 0;margin: 0;padding: 0;display: none;}

#map{width:100%; min-width: 960px;overflow: hidden;position: relative;top:3px;z-index: 2;}
#map iframe{width: 100%;height: 600px;}

footer{position: relative;background-color: #242424;z-index: 2;}
footer .inner{width: 1180px;margin: 0 auto;height: 100px;overflow: hidden;}
footer .inner li{position: relative;float: left;}
footer .inner .first{height: 100px;padding-left: 50px;}
footer .inner .first img{padding-top: 15px;height: 70px;}
footer .inner .second{height: 100px;color: #eeeeee;padding-top: 25px;padding-left: 50px;}
footer .inner .second p{font-size: 13px;line-height: 16px;color: #aaaaaa;}
footer .inner .third{height: 100px;padding-left: 50px;}
footer .third img{height: 100px;}

#footer-aside{position: fixed;z-index: 999;/* right: 5%; */bottom: 7%;right: -100%;}
#footer-aside img{width: 72px;height: 72px;}

@media only screen and (min-width: 601px) {.phone_wrapper{display: none;}}

/**    *******************************************************************************************************        */

@media only screen and (max-width: 600px) {
	.main-wrapper{display: none;}
	
	.phone-wrapper{position:relative;width: 100%;overflow: hidden;}
	
	.p_header{position: relative;background-color: #222222;padding-bottom: 20px;overflow: hidden;}
	.p_header .inner{position: relative;max-width: 320px;margin: 0 auto;text-align: center;}
	.p_header .inner h2{text-align: center;line-height: 80px;}
	.p_header .inner h2 img{height: 50px;}
	.p_header .inner ul{max-width: 218px;margin: 0 auto;}
	.p_header .inner ul li{float: left;}
	.p_header .inner ul li a{display: block;color: #ffffff;padding: 15px 9.5px;font-size: 16px}
	.p_header .inner ul li a.left{padding-left: 0;}
	.p_header .inner ul li.line{width: 2px;background-color: #555555;height: 15px;margin-top: 15px;}
	.p_header .inner ul li a.right{padding-right: 0;}
	.p_header .inner small{max-width: 300px;margin: 0 auto;color: #FBB03B;font-size: 14px;}
	.p_header .logo{opacity: 0; top: -50px; position: relative;}
	
	.p_work{position: relative;width: 100%;background: url(../img/phone/gray_bg.png);overflow: hidden;}
	.p_work .inner{position: relative;max-width: 320px;margin: 0 auto;}
	.p_work .inner .wrap{position: relative;width: 90%;margin: 0 auto;text-align: center;}
	.p_work .inner .wrap h2{font-size: 35px;text-align: center;color: #ffffff;text-shadow: 0 0 15px #ffffff, 0 0 7px #ffffff;margin-bottom: 30px;padding-bottom: 15px;border-bottom: 1px solid #ffffff;display: inline-block;}
	.p_work .inner .wrap .box{padding: 60px 0;}
	.p_work .item1 .space{padding: 10px 0 7px;}
	.p_work .item1 ul li:nth-child(1){text-align: center;font-size: 17px;color: #FBB03B;margin-bottom: 10px;line-height: 18px;}
	.p_work .item1 ul li:nth-child(2) {text-align: left;color: #ffffff;border: 3px solid #ffffff;padding: 10px;font-size: 16px;line-height: 19px;}
	.p_work .item2 p{color: #ffffff;font-size: 17px;text-align: center;line-height: 19px;}
	.p_work .item2 p.orange{color: #FBB03B;margin: 12px 0;}
	.p_work .item2 .sub{margin-bottom: 15px;}
	.p_work .item2 .sub p{font-size: 16px;text-align: left;line-height: 22px;}
	.p_work .item3 h3{line-height: 35px;color: #FBB03B;font-weight: bold;}
	.p_work .item3 h3 img{height: 35px;}
	.p_work .item3 span{font-size: 20px;color: #ffffff;font-weight: normal;}
	.p_work .item3 h3.last{margin-bottom: 12px;}
	.p_work .item3 p{font-size: 16px;color: #ffffff;line-height: 19px;}
	.p_work .item4 li{position: relative;float: left;}
	.p_work .item4 li.left{text-align: center;width: 130px;}
	.p_work .item4 li.left h3{font-size: 16px;color: #ffffff;}
	.p_work .item4 li.left p a{display: inline-block;font-size: 16px;color: #ffffff;padding: 5px 7px;border-radius: 50px; background-color: #FBB03B;margin-top: 8px;}
	.p_work .item4 li.right{text-align: center;width: 158px;position: relative;top: -2px;}
	.p_work .item4 li.right p{font-size: 16px;color: #ffffff;line-height: 17px;}
	.p_work .item4 .email{font-size: 16px;line-height: 50px;color: #ffffff;}
	.p_work .item4 .email img{height: 20px;}
	.p_work .item4 .sub{margin-top: 8px;position: relative;left: 40px;}
	.p_work .item4 .sub p{font-size: 16px;color: #ffffff;text-align: left;line-height: 20px;}
	.p_work .item5 p{font-size: 16px;color: #ffffff;text-align: left;line-height: 20px;}
	
	.p_contact{position: relative;width: 100%;background-color: #000000;}
	.p_contact .inner{max-width: 320px;margin: 0 auto;padding: 50px 0 19px;}
	.p_contact ul {position: relative;}
	.p_contact li{position: relative;float: left;}
	.p_contact .left_item{width: 100px;}	
	.p_contact .left_item p{font-size: 15px;color: #aaaaaa;}
	.p_contact p{line-height: 19px;position: relative;}
	.p_contact .right_item{position: relative;width: 220px;top: -19px;}
	.p_contact .right_item h2{font-size: 30px;font-weight: bold;}
	.p_contact .right_item h2.order{font-size: 36.2px;margin-bottom: 12px;}
	.p_contact .right_item h2.bottom{margin-bottom: 15px;}
	.p_contact .right_item h2 a{color:	#FBB03B;}
	.p_contact .right_item p{font-size: 15px;color: #ffffff;}
	.p_contact .tel{top: 2px;}
	.p_contact .hp{top: 35px;}
	.p_contact .fax{top: 89px;}
	.p_contact .address{top: 89px;}
	.p_contact .email1{top: 89px;}
	.p_contact .email2{top: 89px;}.p_contact .web{top: 89px;}
	
	.p_footer{position: relative;background-color: #222222;padding: 30px 0;}
	.p_footer .inner{max-width: 320px;margin: 0 auto;text-align: center;overflow: hidden;}
	.p_footer .inner h2{text-align: center;}
	.p_footer .inner h2 img{height: 70px;margin-bottom: 15px;}
	.p_footer .inner p{color: #aaaaaa;font-size: 15px;line-height: 16.5px;}
	.p_footer .copylight{margin-top: 10px;}
}