@charset "utf-8";

@import url(https://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(./font_din.css);
@import url(./nanumbarungothic.css);

/*#header{min-width:640px; margin:0 auto; position:relative; top:0; left:0; height:113px;}
#header .section{width:500px; margin:0 auto;}
#header .gnb{position:relative; top: 17px; padding:0; margin-top:10px;}
#header .gnb > li { margin: 0 12px 5px 0; height: 34px; }
#header .gnb > li > a{display:block; height:34px; overflow:hidden; font-family: 'Nanum Barun Gothic',Dinmed; font-size: 18px; }
#header .gnb > li > a.on { font-family: 'Nanum Barun Gothic',Dinbol; }*/


div.bg{background:url("../img/common/bgPNG.png") repeat; position:absolute; top:113px; left:50%; margin-left:-50%; width:100%; height:3181px; display:none;}

#content{background:url("../img/common/main1000.jpg") no-repeat center top; padding:0; width:100%; height:3041px; min-width:0px; z-index:500;}
#content .section{width:500px; margin:0px auto; margin:0 auto; padding:0; height:3041px;}
#content .section > div{position:relative; top:0; left:0; margin:0;}

#content .lte a{background-position:0 -410px;}
#content .lte a:hover{background-position:0 0;}
#content .wimax a{background-position:0 -410px;}
#content .wimax a:hover{background-position:0 0;}

/*#footer{min-width:640px; margin:0 auto;}
#footer .section{width:500px; margin:0 auto;}*/



/* Calliopus, 2015-07-07 */


/* Reset */

body.sub div#content {min-height: 0; margin-top: 40px;}
body.sub div.bg {height: 0;}


/* Common */

article div.wrap {width: 580px;}


/* Basic */

article.basic div.pageHead.bg01 {background-image: url(../img/sub/bgHead01S.png);}
article.basic div.pageHead.bg02 {background-image: url(../img/sub/bgHead02S.png);}
article.basic div.pageHead.bg03 {background-image: url(../img/sub/bgHead03S.png);}
article.basic div.pageHead.bg04 {background-image: url(../img/sub/bgHead04S.png);}
article.basic div.pageHead.bg05 {background-image: url(../img/sub/bgHead05S.png);}
article.basic div.pageHead.bg06 {background-image: url(../img/sub/bgHead06S.png);}

article.basic div.pageHead ul.tab li a {height: 20px; padding: 19px 0 20px; font-size: 15px;}
article.basic div.pageHead ul.tab li a.double {height: 40px; padding: 9px 0 10px;}
article.basic div.pageHead ul.tab li a.double br {display: inline;}

article.basic div.pageHead ul.tab.unit5 li {width: 193px;}
article.basic div.pageHead ul.tab.unit5 li:first-child {width: 194px;}
article.basic div.pageHead ul.tab.unit6 li {width: 97px;}
article.basic div.pageHead ul.tab.unit6 li:first-child {width: 95px;}

article.basic div.pageBody ul.tab li a {height: 20px; padding: 15px 0; font-size: 15px;}


/* Contents */
section.company01_01 p span.br{display:inline;}
section.company01_01 p span.mbr{display:block !important;}

section.company01_01 ul.tab li:nth-child(3) {line-height:1;}
section.company01_01 p.catchphrase br {display: inline;}

section.company01_01 div.pack01 {/*padding-right: 240px;*/ /*background-position-x: 150%;*/ /*background-size: 100%; background-position-y: 80%;*/ /*padding-bottom: 280px*/;}
section.company01_01 div.pack01 div.image {left: 0;}
section.company01_01 div.pack01 div.image img {width: 100%;}
section.company01_01 div.pack02 {/*padding-bottom: 320px; background: url(../img/sub/imgCompany01_01_02.png) no-repeat 50% 100%;*/ /*padding-bottom: 420px;*/}
section.company01_01 div.pack02 div.image img {width: 100%;}

section.company01_02 ul.tab li:nth-child(3) {line-height:1;}
section.company01_02 div.pack03 p.image {position: static; margin-top: 30px;}
section.company01_02 { background-position: center bottom; }
section.company01_02 div.pack02 { min-height: 570px; }

section.company01_03 ul.tab li:nth-child(3) {line-height:1;}
section.company01_03 div.swap div.desktop {display: none;}
section.company01_03 div.swap div.mobile {display: block;}

section.company01_03 div.corewrap { position: relative; }
section.company01_03 div.image { left: 42%; }

section.company01_03 dl.core {min-height: 0; padding-top: 20px; padding-left: 0; background-position-x: 50%; text-align: center;}
section.company01_03 dl.core dt {padding-top: 0;}

section.company01_03 ul.design {width: auto;}
section.company01_03 ul.design > li {float: none; position: relative; height: 174px !important; margin-top: 20px; padding-left: 332px; width: auto;}
section.company01_03 ul.design > li:first-child {margin-top: 0;}
section.company01_03 ul.design div.thumb {position: absolute; top: 0; left: 0; border-right: solid 1px #dedede;}
section.company01_03 ul.design h2 {padding: 48px 25px 15px; background-position-x: 25px;}
section.company01_03 ul.design ul {padding: 15px 25px;}

section.company01_04 {height: auto; background: 0;}

section.company01_04 div.pack,
section.company01_04 div.image {position: static;}
section.company01_04 div.pack {width: auto; margin-top: 30px; padding-top: 30px; border-top: dotted 1px #ddd; text-align: left;}
section.company01_04 div.pack:first-child {margin-top: 0; padding-top: 0; border-top: 0;}
section.company01_04 div.image {margin-top: 30px;}

section.company01_06 p span.br{display:inline;}
section.company01_06 p span.mbr{display:block !important;}
section.company01_06 div.pack01 .image{background-size:cover;}
section.company01_06 div.pack01 .image .txt:nth-child(1){font-size:27px;font-weight:200;top:170px;}
section.company01_06 div.pack01 .image .txt:nth-child(2){font-size:35px;font-weight:700;top:215px;}
section.company01_06 div.pack02 li{width:30%;margin-left:19px !important;}
section.company01_06 div.pack02 li img{width:100%;}
section.company01_06 div.pack03 .swiper-slide img{width:100%;}
section.company01_06 div.pack03 .desc{color:#171717;text-align:left;font-size:16px;margin-top:10px;line-height:1.5;font-weight:400;}
section.company01_06 div.pack03 .img{margin-top:20px;}
section.company01_06 div.pack03 .img:after{clear:both;content:'';display:block;}
section.company01_06 div.pack03 .img li{float:left;margin-top:27px;margin-left:0;width:100%;text-align:center;}
section.company01_06 div.pack03 .img li:first-child{margin-top:0;}

section.company02 {margin-top: 0; padding-left: 0; text-align: center;}
section.company02 div.portrait {position: static;}
section.company02 div.sign { margin-top: 15px; position: static; }
section.company02 h1 {margin-top: 40px;}

section.company03 ul.logo {width: 520px; padding-left: 50px;}

section.company04 iframe {min-width: 580px; min-height: 538px;}

section.company05 .welfare li{float:none;width:100%;margin:30px 0;padding-bottom:10px;}
section.company05 .welfare li .line {left:82px;}
section.company05 .welfare li .num {top:40px;left:11px;}
section.company05 .welfare li .title {padding-left:100px;}
section.company05 .welfare li .info {padding:0px 35px 0px 100px;}
section.company05 .welfare li .info span{display:inline;}

section.company05_01 .recruit li{margin-left:0;}
section.company05_01 .stepImage{background:none;height:auto;margin:0;}
section.company05_01 .recruit li .title{position:relative;}
section.company05_01 .recruit li .info{display:block;padding-left:25px;}

section.company01_05 div.pack02 div.image { margin-right: 70px; }
section.company01_05 div.pack03 div.image img { height: 143px; }
section.company01_05 div.pack04 div.image { float: none; }
/* Board */

table.boardList.desktop {display: none;}
table.boardList.mobile {display: table;}

table.boardWrite input[type="text"].full,
table.boardWrite input[type="password"].full,
table.boardWrite textarea {width: 490px;}

ul.boardGallery {width: 580px;}
ul.boardGallery + div.boardPager,
ul.boardGallery + div.boardButton {margin-top: 30px;}

ul.boardGallery li {width: 290px; padding: 0;}
ul.boardGallery li a {height: 275px; border-top: 0;}

ul.boardGallery li div.thumb,
ul.boardGallery li div.thumb img {height: 195px;}
ul.boardGallery li div.thumb {width: 288px; overflow: hidden;}
ul.boardGallery li div.thumb img {width: 289px;}

ul.boardGallery li:first-child a,
ul.boardGallery li:first-child + li.even a {border-top: solid 1px #ddd;}

ul.boardGallery li.even a {border-left: 0;}
ul.boardGallery li.even div.thumb {width: 289px;}


/* Product : Main */

article.productMain div.wrap {width: 500px;}

article.productMain div.float > .left,
article.productMain div.float > .right {float: none;}

article.productMain div.float > .right { float: right; }

article.productMain div.nav {height: 325px;}
article.productMain div.nav a.banner {position: absolute; top: 0; left: 250px;}

article.productMain div.promoteA {width: 500px; height: 520px;}

article.productMain #slidePromoteA,
article.productMain #slidePromoteA div.slide {width: 500px !important; height: 520px !important;}
article.productMain #slidePromoteA div.large {left: 0;}
article.productMain #slidePromoteA div.small {top: 280px;}
article.productMain #slidePromoteA div.name {top: 385px;}
article.productMain #slidePromoteA div.model {top: 420px;}
article.productMain #slidePromoteA a.view {top: 410px;}

article.productMain div.promoteA ul.thumb {left: 34px;}
article.productMain div.promoteA ul.thumb li a,
article.productMain div.promoteA ul.thumb li a img,
article.productMain div.promoteA ul.thumb li div.mask {width: 137px; height: 37px;}
article.productMain div.promoteA ul.thumb li.on div.mask,
article.productMain div.promoteA ul.thumb li a:hover div.mask,
article.productMain div.promoteA ul.thumb li a:focus div.mask {width: 131px; height: 31px;}

article.productMain ul.quick {position: absolute; top: 80px; right: 0;}
article.productMain ul.quick li {float: none;}
article.productMain ul.quick li.search {height: 72px;}
article.productMain ul.quick li.search input[type="text"] {padding-top: 28px; padding-bottom: 28px;}
article.productMain ul.quick li.search input[type="button"] {top: 26px;}
article.productMain ul.quick li.button a {padding: 29px 0 28px;}


article.productMain div.productList { margin-bottom: 80px; }

/* Product : Sub */

article.productSub {display: none;}



/* Sitemap (Calliopus, 2015-07-31) */

section.sitemap {width: auto; padding-left: 60px;}

section.sitemap dl {width: 260px; padding-bottom: 65px; padding-right: 0;}
section.sitemap dl.first {height: 403px;}
section.sitemap dl.second {height: 242px;}

section.sitemap dd {margin-top: 20px; padding-left: 10px; background-position-y: 10px;}
section.sitemap dt + dd {margin-top: 35px;}
section.sitemap dd > a {font-size: 20px;}

section.sitemap dd ul {margin-top: 20px;}
section.sitemap dd li {margin-top: 12px; padding-left: 10px; background-position-y: 7px;}
section.sitemap dd li a {font-size: 15px;}


#header .section .lang { position: absolute; top: 23px; right: -15px; margin-right: 35px; }
#header .section .lang select { height: auto; padding: 5px; }