@charset "utf-8";
@import url("common.css");

/*Layer*/
html{overflow: scroll; overflow-x: hidden;}
body{width:100%;}
#wrap{width:100%;}
#container{width:100%;}
#footer{width:100%; min-width:1200px; color:#b4b1b3; background:#555555;}

/*header*/
.head{width:100%; height:100px; margin:auto;}
.head .nav_head{position:relative; width:90%; max-width:1545px; margin:auto;}
.head .logo{padding-top:35px;}
.head .nav{position:absolute; top:35px; right:0px; width:850px; height:85px; overflow:hidden;  -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;}
.head .nav ul{width:830px; margin:auto; overflow:hidden; padding:15px 0px;}
.head  .nav li{float:left; height:20px; font-family:"NanumSquareRoundEB"; padding:0px 30px 0px 28px; font-size:15px;}
.head  .nav li.first{padding-left:0px;}
.head  .nav li.last{border-right:0px; padding-right:0px;}
.head  .nav li a{color:#555555; display: inline-block;}
.head .nav li a:hover{color:#0d6882;text-decoration:none;}
.mobile{display:none;}
.cursor{cursor:pointer;}
.subimg{width:100%; }
.subimg img{width:100%;}
.submenu {width:600px; margin:20px auto;overflow:hidden; align-content: center;}
.submenu li{float:left; width:190px; text-align:center; padding:10px 0px; font-size:18px; border:1px solid #d5d5d5; border-right:0px;}
.submenu li.last{border-right:1px solid #d5d5d5;}
.submenu li:hover{background:#f39700;}
.submenu li:hover a{color:#fff;}
.subp2{width:770px;}

/*sub*/
.sub01{width:1170px; overflow:hidden; margin:auto;}
.sub02 .title2{font-size:37px;}
.sub01 .contents{float:left; width:80%; max-width:855px; height:600px; background:url('../images/sub/company1.jpg') top right no-repeat; margin-left:5%; font-family: 'NanumBarunGothic'; font-size:20px; line-height:30px; color:#727171}
.sub01 .Barunred{color:#7d000e; font-size:22px; font-weight:bold; margin-bottom:20px; }
.sub01 .red2{margin-top:20px; }
.sub01 .contents img, .sub02 .contents img, .sub03 .contents img{width:100%}

.sub02{width:90%; max-width:1081px; margin:auto; overflow:hidden; margin-bottom:50px; align-content: center;}
.sub02 .contents, .sub03 .contents{float:left; width:75%; max-width:1081px; text-align:center; margin-left:10%;}
.sub02 .btm, .sub03 .btm{margin-bottom:100px;}
.sub02 .addr{text-align:left; font-weight:600;padding-top:20px; font-size:18px; color:#595757; border-top:1px solid #7d000e;  margin-top:40px;}
.sub02 .addr .red1{font-size:18px; margin:8px auto; color:#8b131d; }
.sub02 .addr .red2{color:#8b131d; font-size:14px; margin-bottom:15px; font-weight:normal;}

.sub03{width:90%; max-width:1345px; margin:auto; overflow:hidden; margin-bottom:50px;}
.sub03 .contents div{width:100%; margin-bottom:50px;}
.sub03 .contents div img{width:100%;}

.subpage{width:80%; max-width:1250px; margin:60px auto 144px; }

/*footer*/
.foot{clear:both; overflow:hidden; width:100%; border-right:0px; border-left:0px;  margin:auto; }
.foot .btm{width:95%; max-width:1300px; margin:auto;}
.foot .copy{text-align:left;line-height:15.8px; font-size:12px;}
.foot .copy .logo{padding:30px 35px;}
.foot .copy, .foot .copytext{float:left;}
.foot .copytext{padding:40px}
.foot .copytext .big{font-size:13px; font-weight:100; margin-bottom:5px; color:#999999}
.foot .copytext .mid{font-size:13px;font-weight:100; color:#999999}
.foot .copytext .light{font-size:13px; margin:5px auto; color:#999999}



@media all and (min-width:641px) and (max-width:978px){
.submenu{width:573px; margin:30px auto;}
.head .nav ul{width:593px;}
.mobile{display:none;}
.subp1{width:90%;}
.subp1 li{width:30%;margin-bottom:5px}
.subp1 li:nth-child(3){border-right:1px solid #d5d5d5}
.subp1 li:nth-child(4){clear:both}

.subp2{width:90%;}
.subp2 li{width:23%;margin-bottom:5px}
.subp2 li:nth-child(3){width:30%; }

.sub01 .title, .sub02 .title, .sub03 .title{float:none;width:auto;font-size: 30px;height: 70px; margin-bottom:30px;}
.sub02 .contents, .sub03 .contents{width:auto;max-width:100%;margin-left: 0;}
.sub02 .addr, .sub02 .addr .red1{font-size:16px;}
.sub02 .addr .red2{width:90%;}

.gall_row .col-gn-4{width:50%;}

.foot{max-width:100%;}
.foot .copy{width:157px;}
.foot .copy .logo {padding: 20px 15px 20px 0px;}
.foot .copytext {padding: 15px 40px;}
.foot .copytext .big{font-size:14px;}
.foot .copy img{width:100%;}
}
@media all and (max-width:640px){
.head {height: 144px;}
.head .logo{text-align:center; padding-top: 30px;}
.head .logo img{width:120px;}
.submenu{width:573px; margin:30px auto;}
.submenu li{font-size:14px; }
.head .nav{width:90%; top:57px; padding-left: 19px;}
.head .nav ul{width:315px;}
.head .nav li{padding:0px 10px; text-align:center; font-size:14px; border-right:0px;}



	
	
.subp1{width:90%;}
.subp1 li{width:30%;margin-bottom:5px}
.subp1 li:nth-child(3){width: 33%;border-right:1px solid #d5d5d5}
.subp1 li:nth-child(4){clear:both}

.subp2{width:90%;}
.subp2 li{width:20%;margin-bottom:5px}
.subp2 li:nth-child(4){width:33%; }

.sub01 .title, .sub02 .title, .sub03 .title{float:none;width:auto; margin:auto; font-size: 20px;height: 43px; padding: 10px 0px;margin-bottom:30px;}

.sub02{width:95%; max-width: none;}
.sub02 .contents, .sub03 .contents{width:auto;max-width:100%;margin-left: 0;}
.sub02 .addr, .sub02 .addr .red1{font-size:16px;}
.sub02 .addr .red2{width:90%;}

.gall_row .col-gn-4{width:50%;}

#footer{min-width:100%;}
.foot .btm{max-width:100%;}
.foot .copy{width:100%; text-align:center; border-right: 0;}
.foot .copy, .foot .copytext{float:none;}
.foot .copy .logo {padding: 10px 15px 10px 0px;}
.foot .copytext {width:100%; padding: 15px 0px;}
.foot .copytext .big, .foot .copytext .mid{font-size:12px;}
.foot .copy img{width:120px;}
.mobile{display:inline;}
.mobile_block{display:block;}
}