@charset "utf-8";

 @font-face {
 font-family: 'NanumBarunGothic';
 font-style: normal;
 font-weight: 400;
 src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.eot');
 src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.eot?#iefix') format('embedded-opentype'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.woff') format('woff'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.ttf') format('truetype');
}

@font-face {
 font-family: 'NanumBarunGothic';
 font-style: normal;
 font-weight: 700;
 src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.eot');
 src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.eot?#iefix') format('embedded-opentype'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.woff') format('woff'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.ttf') format('truetype')
}

@font-face {
 font-family: 'NanumBarunGothic';
 font-style: normal;
 font-weight: 300;
 src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.eot');
 src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.eot?#iefix') format('embedded-opentype'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.woff') format('woff'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.ttf') format('truetype');
}

*{ margin: 0; padding: 0; box-sizing: border-box; }

html{font-size: 10px; overflow-x: hidden;}

body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, span, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video{
  font-family: 'NanumBarunGothic', sans-serif;
}

body{
  font-size: 1.4rem; 
  color: #4f4f4f;
  font-weight: 400;
  letter-spacing: normal;
  word-break: break-all;
}

h1, h2, h3, h4, h5, h6{margin: 0; padding: 0;}

p{ line-height: 1.5; }

ul, ol{ list-style: none; margin: 0;}
dl, dd, dt{ margin: 0; padding: 0; }

a{ color: #000; text-decoration: none; }

table, tr, th, td{ 
  border-collapse: collapse; 
}
caption{
  width: 100%; height: 30px; line-height: 30px; font-size: 1.2rem;
}

strong{display: inline-block;}
span{color: #b8985d; display: inline-block;}

/* Help Class Setting */
/* ir(image replace) - 이미지 대체(치환)기법 */
.ir{
  display: block; 
  width: 100%; 
  height: 100%;
  text-indent: -9999px; 
  overflow: hidden;
  background: no-repeat 0 0;
}

/* 플롯해제 클래스 */
.clearfix::after{
  content:''; display: block; clear: both;
}

/* 화면 감추기 클래스 */
.screen-hidden{
  display: block;
  width: 1px; 
  height: 1px;
  font-size: 1px; 
  text-indent: -9999px;
  overflow: hidden;
  margin: 0;
  padding: 0;
}

/* Container Setting */
.container{max-width: 980px; margin:0 auto; width:100%; height: 100%;}

/* Bxslide Setting */
.bx-wrapper{width: 100%; height: auto; box-shadow: none; border: 0; background: none; margin-bottom: 0;}
.bxslider{width: 100%; height: auto;}
.banner-wrap li{width: 1920px; height: 550px; border: 1px solid #000;}
.bx-wrapper .bx-pager{padding-top: 0;}
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus{background: #fff;}
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto{bottom: 30px;}

/* ******************* 공통영역 시작 ******************* */
.bx-wrapper .bx-pager.bx-default-pager a{width: 36px; height: 6px; border-radius: 0; background: 4f4f4f;}
.bxslider div a{width: 100%; height: 100%;}

header .gnb li.lan a{color: #fff;}

/* ********** Header Area Start ********** */
header{width: 100%; height: auto; background-color: #171717; position: relative;}
header .container{position: relative; padding-top: 34px;}
header .logo{text-align: center;}
header .gnb{position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);}
header .gnb li{float: left; margin-left: 14px;}
header .gnb li a{color: #828282;}

/* ********** Footer Area Start ********** */
footer{background-color: #171717;}
footer .container{padding: 16px 0;}
footer p{color: #bdbdbd;}

/* ********** Sub_h Area Start ********** */
.sub_h .sub_visual{margin-bottom: 50px;}
.sub_h .group{text-align: right; font-size: 1.1rem; color: #333;}
.sub_h .group span{color: #828282;}

/* Title Area Start */
.title{text-align: center; margin-bottom: 55px;}
.title h2{font-size: 4.7rem; font-weight: 300; letter-spacing: -2.35px;}
.title p{font-size: 1.6rem; font-weight: 700; color: #828282; letter-spacing: -0.8px;}


/* ******************* 개별영역 시작 ******************* */

/* ********** Main Area Start ********** */
.main .main_banner{width: 100%; height: auto; background: url(../img/main_bg.png) no-repeat 50% 50%; background-size: cover;}
.main .main_banner ul{display: flex; width: 100%; height: auto;}
.main .main_banner ul li{width: 25%; height: auto;}
.main .main_banner ul li a{width: 100%; height: auto; display: inline-block;}



/* ********** Sub01 Area Start ********** */
.sub01_1 .container{padding-bottom: 90px;}

.sub01_1 .sub_title{margin-bottom: 25px;}
.sub01_1 .sub_title h3{font-size:2.8rem; font-weight: 700; letter-spacing: -1.12px;}
.sub01_1 .sub_title p{font-size: 1.6rem; font-weight: 300; letter-spacing: -0.64px;}

/* Content Area Start */
.sub01_1 .content{width: 100%; height: auto; margin-bottom: 27px;}
.sub01_1 .content .left_box, .sub01_1 .content .right_box{width: 50%; height: auto; float: left;}
.sub01_1 .content .right_box h3{font-size: 2.8rem; font-weight: 400; letter-spacing: -1.12px; position: relative; padding-bottom: 16px; margin-bottom: 16px;}
.sub01_1 .content .right_box h3::after{display: block; content: ''; background-color: #676767; width: 29px; height: 3px; position: absolute; left: 0; bottom: 0;}
.sub01_1 .content .right_box p{letter-spacing: -0.7px; color: #828282; margin-bottom: 21px;}
.sub01_1 .content .right_box p:last-child{margin-bottom: 0;}
.sub01_1 .content .right_box h4{font-size: 1.9rem; font-weight: 700; letter-spacing: -0.95px; margin-bottom: 7px;}

.sub01_1 .text_deco p{text-align: right; font-size: 1.8rem; letter-spacing: -0.72px;}


/* ********** Sub02 Area Start ********** */
.sub02_1 .container{padding-bottom: 120px;}
.sub02_2 .container, .sub02_3 .container, .sub02_4 .container, .sub02_5 .container{padding-bottom: 80px;}
/* Sub02_1 Area Start */
table{border: 1px solid #e0e0e0; width: 100%; height: auto; text-align: center;}
table th{background-color: #979797;}
table th{border-bottom: 1px solid #e0e0e0;}
table th, table td{padding: 8px 0; border-right: 1px solid #e0e0e0;}
table th:last-child, table td:last-child{border-right: 0;}
table th{color: #fff; font-size: 1.3rem;}
table td{color: #333; font-size: 1.1rem; font-weight: 300;}

.sub02_1 ul{margin-bottom: 58px; padding-left: 10px;}
.sub02_1 ul li a{display: inline-block; text-align: center;}
.sub02_1 ul li a img{margin-bottom: 10px;}
.sub02_1 ul li a p{color: #000; }

.sub_title h3{font-size: 2.8rem; letter-spacing: -1.12px; font-weight: 300; margin-bottom: 14px;}

.slider-nav .slick-list{width: 818px; margin: 8px auto 0; position: relative;}
.slick-prev, .slick-next{display: block; width: 22px; height: 32px; text-indent: -9999px; overflow: hidden; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); border: 0;}
.slick-prev{background: url(./img/prev.png) no-repeat 50% 50%; left: 0;}
.slick-next{background: url(./img/next.png) no-repeat 50% 50%; right: 0;}

.slider{margin-bottom: 97px;}

.guidance{margin-bottom: 45px;}
.guidance table th{width: 245px;}
.guidance table td{border-bottom: 1px solid #e0e0e0; text-align: left; font-size: 1.2rem; line-height: 2.17; letter-spacing: 0.48px; color: #333; padding: 0 45px 0 16px; }
.guidance table tbody tr:nth-child(2) td{font-weight: 400;}

.information table{margin-bottom: 7px;}
.information ul li{font-size: 1.1rem; color: #333; letter-spacing: 0.44px; line-height: 1.5;}


/* ********** Sub03 Area Start ********** */
.sub03_1 .container{padding-bottom: 88px;}
.sub03_1 .title2{font-weight: bold; margin-bottom: 13px;}
.sub03_1 .title2 .text_deco{font-size: 1.6rem; letter-spacing: -0.64px;}
.sub03_1 .title2 h3{font-size: 3.2rem; letter-spacing: -1.28px;}

.sub03_1 .left_box, .sub03_1 .right_box{float: left; height: 223px;}
.sub03_1 .section1, .sub03_1 .section2, .sub03_1 .section3{margin-bottom: 50px;}
.sub03_1 .section1, .sub03_1 .section2, .sub03_1 .section3{border: 1px solid #e0e0e0; height: auto; width: 100%;}
.sub03_1 .section1 p, .sub03_1 .section2 p, .sub03_1 .section3 p{font-weight: 700;}
.sub03_1 .section1 .right_box{padding: 9px 24px;}
.sub03_1 .section1 p{margin-bottom: 26px;}
.sub03_1 .section1 ul li:first-child{font-size: 1.4rem; font-weight: 700; margin-bottom: 7px;}
.sub03_1 .section1 ul li{font-size: 1.2rem; font-weight: 300;}
.sub03_1 .section2 .left_box, .sub03_1 .section3 .right_box{padding: 20px 24px;}
.sub03_1 .section2{background-color:#b8985d; color: #fff; border: 0;}
.sub03_1 .section2 .right_box{float: right;}

.sub03_1 .service h4{font-size: 2.4rem; letter-spacing: -0.96px; font-weight: 700; margin-bottom: 13px;}
.sub03_1 .service ul{float: left; width: 400px;}
.sub03_1 .service ul li{font-size: 1.2rem; font-weight: 300; margin-bottom: 6px;}
.sub03_1 .service ul li:last-child{margin-bottom: 0;}
.angle_right{background: url(./img/sub03_img4.png) no-repeat 0 50%; padding-left: 7px;}


/* ********** Sub05 Area Start ********** */
.sub05_1 .container{padding-bottom: 88px;}
.sub05_1 .address{margin-bottom: 24px;}
.sub05_1 .address ul{float: left;}
.sub05_1 .address img{float: right;}
.sub05_1 .address ul li:nth-child(2), .sub05_1 .address ul li:nth-child(3){float: left;}
.sub05_1 .address ul li dl dt, .sub05_1 .address ul li dl dd{float: left; letter-spacing: -0.7px;}
.sub05_1 .address ul li dl dt{margin-right: 12px; font-weight: 700;}
.sub05_1 .address ul li:nth-child(1){margin-bottom: 9px;}
.sub05_1 .address ul li:nth-child(2){margin-right: 150px;}

.sub05_1 .map{width: 100%; height: 370px; margin-bottom: 47px;}
.sub05_1 .map iframe{width: 100%; height: 100%;}

.sub05_1 .traffic{width: 100%; height: auto;}
.sub05_1 .traffic h4{width: 413px; height: 48px; display: inline-block; background-color: #b8985d; color: #fff; font-size: 2rem; line-height: 48px; text-align: center; font-weight: 400; letter-spacing: -1px; margin-bottom: 19px;}
.sub05_1 .traffic .section1, .sub05_1 .traffic .section2{height: 375px; margin-bottom: 96px;}
.sub05_1 .traffic .section3, .sub05_1 .traffic .section4{height: 150px;}
.sub05_1 .traffic .section1, .sub05_1 .traffic .section3{float: left; padding-left: 20px;}
.sub05_1 .traffic .section2, .sub05_1 .traffic .section4{float: right; padding-right: 20px;}
.sub05_1 .traffic li{margin-bottom: 28px;}
.sub05_1 .traffic li:last-child{margin-bottom: 0;}
.sub05_1 .traffic dt{font-weight: 700; margin-bottom: 5px;}
.sub05_1 .traffic dd{font-size: 1.3rem; font-weight: 300;}
.sub05_1 .traffic .section4 li dl dt{margin-bottom: 8px;}
.sub05_1 .traffic .section4 li dl dt:last-child{margin-bottom: 0;}
.sub05_1 .traffic .section4 dd{font-weight: 700; color: #828282;}

/* ********** Sub06 Area Start ********** */
.sub06_1 .container{padding-bottom: 86px;}
.sub06_1 .information table{margin-bottom: 0;}
.sub06_1 .container>div{margin-bottom: 46px;}

.sub06_1 .section1 ul li:first-child{margin-bottom: 6px;}
.sub06_1 .section1 ul li{font-size: 1.3rem; font-weight: 300;}

.sub06_1 .section2 ul li{font-size: 1.3rem; line-height: 1.54; font-weight: 300;}
.sub06_1 .section2 ul li:nth-child(3){font-weight: 400;}

.sub06_1 .section3 p{font-size: 1.3rem; font-weight: 300; margin-bottom: 6px;}
.sub06_1 .section3 ul li{font-size: 1.2rem; font-weight: 300; margin-bottom: 6px;}
.sub06_1 .section3 ul li:last-child{margin-bottom: 0;}

.sub06_1 .section4 ul li{font-size: 1.3rem; font-weight: 300; margin-bottom: 5px;}
.sub06_1 .section4 p{font-size: 1.3rem;}


.menu_act{font-weight: 700; background-color: #e0e0e0;}



/*애니빌드*/
#pm2 {position:relative;z-index:10; width: 980px; margin: 0 auto;}
#pm2 * {box-sizing:border-box}
#pm2 ul {margin:0;padding:0;list-style:none}
#pm2 a {display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
#pm2 a > img {vertical-align:top}

#pm2 .dep1 {position:relative}
#pm2 .dep1 {display:table;width:100%;table-layout:fixed}
#pm2 .dep1 > li {display:table-cell;}
#pm2 .dep1 > li > a {padding:12px 20px;font-size:15px;color:#eee;text-align:center}
#pm2 .dep1 > li > a.bt_img {padding:0}
#pm2 .dep1 > li.on > a,
#pm2 .dep1 > li:hover > a {color:#fff}
#pm2 .dep1 > li > div {display:none;position:relative; text-align: center;}

#pm2 .dep2 {padding:8px 0}
#pm2 .dep2 > li > a {padding:3px 0;font-size:14px;color:#333; display: inline-block;}
#pm2 .dep2 > li > a.bt_img {padding:0}
#pm2 .dep2 > li.on > a,
#pm2 .dep2 > li:hover > a {font-weight:bold;color:#000; background: url(/img_up/shop_pds/infini/design/images/hover.png) no-repeat 0 50%; padding-left: 9px;}

/* layer navigation */
#pm2.layer .dep1 {position:absolute;top:0;right:0;left:0}