@charset "utf-8";

/* layout */
#wrapall {width:100%;}
#header {width:100%; height:90px; top:0; z-index: 100; background-color:#fff;}
#globalHeader { width:1200px;  margin:0 auto; position:relative;}
.subcntwrap { width:1200px;  margin:0 auto; position:relative; min-height:500px; padding:30px 0 150px 0;}
#Primary_row {width:100%; margin-top:0px; position: relative;}
#Sec_row {width:100%;}
#Third_row {width:100%; background-color: #f7f7f7;}

.contents {position: relative; width:1200px; margin:0 auto; border:0px solid red;}

.blue_row {background-color: #87cefa; height: 70px;}
/* header */
h1 {position:absolute; left:50px; top:20px;}
#gnbArea .gnb {position:absolute; right:0px; top:35px; display:block;}
#gnbArea .gnb li {float:left; height:50px; padding:0 22px;}
#gnbArea .gnb li a {display:block; float:left; border:0px solid red;  color:#4d4d4d; font-size:18px; font-weight:600;}
#gnbArea .gnb li a.on {color:#c72286;}

.mbmenu, .mbcall {display:none;}

/* visualimg */
.coverpattern {width:100%; height:100%; position:absolute; left:0; top:0; background:url(../images/pattern.png) repeat 0 0; z-index: 90;}
.visualimg img{width:100%;}
.vs_contents {width:100%; position:absolute; z-index: 1; text-align: center; top:40%; z-index:90;}
.visual_txt .txt1 {padding-bottom: 70px;}
.visual_txt .txt2 {padding-bottom: 205px;}
.circle_link img {margin:0 0.3%;}
.btnprev {display:block; position: absolute;}
.vs_contents h2 {font-size: 50px; font-weight: 700; color:#fff; }
.vs_contents span {font-size:20px; padding-top:30px; display:block; font-weight:normal;}

.Part2 {text-align: center;}
.Part2 h2 {color:#0663b0; font-size: 48px; font-weight: lighter; line-height: 48px; padding:60px 0 10px 0; }
.Part2 .toptxt {font-size: 20px; line-height: 1.6; color:#2f2f2f; letter-spacing: -1px; margin-bottom: 50px;}
.Part2 .cntbox {position: relative; margin-bottom:70px;}
.Part2 .cntbox .btnprev {position: absolute; background:url(../images/ico_arrow.png) no-repeat 0 0; left:0; top:30%; display:block; width:50px; height:110px;}
.Part2 .cntbox .btnnext {position: absolute; background:url(../images/ico_arrow.png) no-repeat right 0; right:0; top:30%; display:block; width:50px; height:110px;}
.Part2 .cntbox .img {float: left; width:50%;}
.Part2 .cntbox .exp {float: left; text-align: left; font-size:19px; line-height:1.5;}
.Part2 .cntbox .exp span {display:block; text-align:left; margin-bottom:30px;}


.Part3  {padding:115px 0 0 0; }
.Part3 .algleft {float: left; width:46%;  padding:0 2%; position: relative;}
.Part3 .algright {float: left; width:50%;}
.Part3 h2 {font-weight: normal; font-size:50px; line-height: 50px; padding:150px 20px 30px 0px; }
.Part3 .algright {text-align: right;}
.Part3 .algright p {vertical-align:baseline;}
.Part3 .icodown  {margin-top: -15px;}
.Part3 .algleft p{text-align: left; font-size:19px; line-height:1.5; margin-bottom:30px;}
.Part3 .storeban li {float:left; margin-right:5px;}


.tbl_contact {border-collapse: collapse; width:100%; }
.tbl_contact th {text-align: left; padding:15px 0;}
.tbl_contact .inpt {background-color: #dddddd; border:1px solid #ddd; padding:10px 0; width:80%; font-weight: normal; font-size:16px;}
.tbl_contact textarea {background-color: #dddddd; border:1px solid #ddd; width:89%; height:145px;}



/* 서브 */
.subcntwrap h3 {padding-bottom:20px;}
.profilegrp p {width:50%; float: left; margin:0 0 15px 0;  font-size: 20px; }
.profilegrp p label {display: inline-block; background:url(../images/dot.gif) no-repeat 0 50%; padding:10px 20px 10px 20px; width:80px;}

.profilegrp2 p {width:100%; float: left; font-size: 20px; }
.profilegrp2 p label {display: inline-block; background:url(../images/dot.gif) no-repeat 0 50%; padding:10px 20px 10px 20px;}

.inpt {border:1px solid #c4c4c4; height:20px; padding:10px; font-size:17px; width:70%;}
.inpt2 {border:1px solid #c4c4c4; height:20px; padding:10px; font-size:17px; width:60%;}
.selc {border:1px solid #c4c4c4; height:40px; font-size:17px;}
.sz5 {width:16%;}
.txtare {width:100%; margin-top:20px; height:180px;border:1px solid #c4c4c4; font-size:17px;}

.tabmn {margin:0 auto; width:490px; padding:0 0 30px 0; }
.tabmn li {float:left; width:224px; }
.tabmn li:first-child {margin-right:24px;}
.tabmn li a {display:block; border-radius:7px; border:1px solid #d0d0d0;  text-align: center; font-size: 20px; line-height: 55px; width:100%; background-color: #fff; color:#666;}
.tabmn li a.on {display:block; border-radius:7px; border:1px solid #666666;  text-align: center; font-size: 20px; line-height: 55px; width:100%; background-color: #666666; color:#fff;}

.tabmn2 {margin:0 auto; width:100%; padding:0 0 30px 0; margin-top: -100px}
.tabmn2 li {float:left; width:50%; }
.tabmn2 li a{display:block; text-align: center; font-size: 18px; line-height: 70px; width:100%; background-color: #87cefa; color:#1D6E7D; height:70px; background: url(../images/arrow2.png) no-repeat 65% 50%;}
.tabmn2 li a.on{ background: url(../images/arrow1.png) no-repeat 65% 50%; background-color: #60b6c6; color:#fff;}


.cardlst li {float: left; width:22%; margin:0 1%; border:1px solid #ddd; margin-bottom:2.5%;}
.cardlst figure {width:100%; overflow: hidden;}
.cardlst figure img {width:100%; min-height:200px;}
.cardlst .cnt {padding:7%; overflow: hidden; }
.cardlst .cnt .tit {font-size:18px; font-weight: 700; margin-bottom: 10px;  text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.cardlst .cnt .summary {height:62px; overflow: hidden; }
.cardlst .cnt .date {font-size:13px; color:#555; display: block; padding-top:30px;}

.cntlst li {padding:5px; font-size: 18px;}
.fucbox {border-bottom: 1px solid #cdcdcd; padding:50px 0;}
.imglf {float: left; width:30%; text-align: center; margin-right:3%;}
.imgrf {float: right; width:30%; text-align: center; margin-left:3%;}
.fuccntrf {text-align: right;}
.fuccntrf .tit span {display: block;padding:20px 0; }
.fuccntrf .tit {font-weight: 700; font-size: 28px; color:#60b6c6;  padding:50px 0;}
.fuccnt .tit span {display: block;padding:20px 0; }
.fuccnt .tit {font-weight: 700; font-size: 28px; color:#60b6c6;  padding:50px 0;}

.recruit_flow li {float:left; width:20%;}

/* paging */
.paging{margin:60px 0 0 0;font-size:0;text-align:center;}
  .paging a{overflow:hidden;display:inline-block;width:32px;height:23px;padding:5px 0 5px 0;margin:0 3px;font-size:15px;color:#333;border:1px solid #ddd;background:#fff;}
  .paging a.on{color:#fff; background:#60b6c6;}
  .paging a.prev, .paging a.next, .paging a.first, .paging a.last{text-indent:-9999px;}
  .paging a.first{background:url(../images/paging.png) no-repeat center 0;}
  .paging a.prev{background:url(../images/paging.png) no-repeat center -34px;}
  .paging a.next{background:url(../images/paging.png) no-repeat center -68px;}
  .paging a.last{background:url(../images/paging.png) no-repeat center -102px;}

.use_list li {float:left; padding:0 4% ; margin-top:7%; background:url(../images/arrow2.jpg) no-repeat right 50%; width:26%; font-size: 15px;}
.use_list li p {text-align: center;}
.use_list li.nospc {padding:0 0 0 4%; background: none;}
.use_list li.morspc {margin-left:18%;}

/* footer */
#footerArea{width:100%; margin:0 auto; text-align:center; position:relative; background-color:#1c1c1c; padding:35px 0;}
#footerArea .txt1 {color:#fff; font-size:16px;}
#footerArea .txt2 {color:#828282; font-size:13px; padding:20px 0 0 0;}
#footerArea a {color:#fff;}
.btnarea {padding:13px 0 0 22%; }
/* btn */
.btn {
  display:inline-block;
  padding:6px 12px;
  margin-bottom:0;
  font-size:14px;
  font-weight:400;
  line-height:1.42857143;
  text-align:center;
  white-space:nowrap;
  vertical-align:middle;
  -ms-touch-action:manipulation;
  touch-action:manipulation;
  cursor:pointer;
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none;
  background-image:none;
  border:1px solid transparent;
  border-radius:4px
}
.btn.active.focus,.btn.active:focus,.btn.focus,.btn:active.focus,.btn:active:focus,.btn:focus {
  outline:thin dotted;
  outline:5px auto -webkit-focus-ring-color;
  outline-offset:-2px
}
.btn.focus,.btn:focus,.btn:hover {
  color:#333;
  text-decoration:none
}
.btn.active,.btn:active {
  background-image:none;
  outline:0;
  -webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);
  box-shadow:inset 0 3px 5px rgba(0,0,0,.125)
}

.btn_primary {border-radius: 0; padding:15px 100px;  background-color:#2f2f2f; color:#fff; font-size:25px; font-weight: 700;}
.btn_primary.active.focus,.btn_primary.active:focus,.btn_primary.focus,.btn_primary:active.focus,.btn_primary:active:focus,.btn_primary:focus {outline:thin dotted;}
.btn_primary.focus,.btn_primary:focus,.btn_primary:hover, .btn_primary:link {color:#fff; text-decoration:none}
.btn_primary.active,.btn_primary:active { color:#fff; outline:0; }