@charset "utf-8";


/* Reset */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, p, form, fieldset, input { margin:0; padding:0; border:0; list-style:none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
body { font-size:1em; color:#000; font-family:sans-serif;font-family:'Nanum Gothic' }
a, a:link, a:active, a:visited { color: inherit; -webkit-transition: color 0.25s ease-out; -moz-transition: color 0.25s ease-out; -o-transition: color 0.25s ease-out; transition: color 0.25s ease-out; outline: none; text-decoration: none;*color:#111;-webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
a:hover { color: inherit; }
address,  cite, code, dfn, em, var { font-style:normal; font-weight:normal; }
 legend, caption { margin:0; padding:0; display:none }
img, fieldset, textarea { border:0 none; margin:0; padding:0 }
table { width:100%; border-collapse:collapse;border:0 ; empty-cells:show;border-spacing:0;}
td,th{border:0 ; empty-cells:show;border-spacing:0;}
select, input, textarea { font-size:100%;  }
button { border:0; cursor:pointer; overflow:hidden; background:none ; padding:0;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
button span { font-size:0px; width:0px; height:0px; line-height:0px; visibility:hidden; overflow:hidden; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}

input{  border:0; cursor:pointer; overflow:hidden; background:none ; padding:0;}
header, section, footer { display:block; }
.hide { position:absolute; width:0px; height:0px; font-size:0px; margin:0px; padding:0px; line-height:0px; overflow:hidden; z-index:-1; visibility:hidden; left:-1px; top:-1px }
.txtHide{ text-indent: 100%; white-space: nowrap; overflow: hidden; color:transparent;}
.flt { float:left }
.frt { float:right }
.wrp { overflow:hidden }
.clr,.clear { clear:both }
.right{ text-align:right}
.left{ text-align:left}
.center{ text-align:center}




* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-text-size-adjust: none;box-sizing: border-box; margin: 0; padding: 0;}
*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }


.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }

/*iphone에서 input */
input,textarea {    -webkit-appearance: none;    -webkit-border-radius:0;     border-radius:0;}
select {    -webkit-border-radius:0;     border-radius:0;padding:0 ; border:solid 1px #CCC;background:#FFF;}
input[type="checkbox"],
input[type="radio"] {position:relative; top:2px;   box-sizing: border-box;   padding:0}
input[type="checkbox"]{-webkit-appearance: checkbox;}
input[type="radio"]{-webkit-appearance: radio;-webkit-border-radius:50%}


input{ -webkit-ime-mode: auto;-moz-ime-mode: auto ;-ms-ime-mode: auto ; ime-mode: auto}




/*************************
font
**************************/
@font-face { font-family: 'Nanum Gothic Bold'; font-style: normal; font-weight: 700; src: url(../../../common/font/NanumGothic-Bold.eot); src: url(../../../common/font/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),    url(../../../common/font/NanumGothic-Bold.woff) format('woff'),  url(../../../common/font/NanumGothic-Bold.ttf) format('truetype'); }
@font-face { font-family: 'Nanum Gothic'; font-style: normal; font-weight: 400; src: url (../../../common/font/NanumGothic-Regular.eot); src: url(../../../common/font/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),   url(../../../common/font/NanumGothic-Regular.woff) format('woff'),  url(../../../common/font/NanumGothic-Regular.ttf) format('truetype'); }
@font-face { font-family: 'NanumSquare'; font-style: normal; font-weight: 400; src: url (../../../common/font/NanumSquareR.eot); src: url(../../../common/font/NanumSquareR.eot?#iefix) format('embedded-opentype'),   url(../../../common/font/NanumSquareR.woff) format('woff'),  url(../../../common/font/NanumSquareR.ttf) format('truetype'); }




/*************************
sb-site
**************************/

/* common */
body{background:#fff; font-family:'NanumSquare','돋움';font-weight: 400;}
html,body{height:100%;}

#foot { clear:both; position:relative; background:#1b1b1b;height:130px;padding-top:20px; line-height:14px;}
#foot em { margin:0 auto; display:block; text-align:center;color:#999;font-size:0.6em; text-transform:uppercase;font-weight:600;}
#foot em img{width:100%;font-size:0;line-height:0}
#foot a.btn{background:#444; display:block;text-align:center;width:70px;height:18px;line-height:19px;color:#CCC;font-size:0.67em;letter-spacing:0px;margin:0 auto 5px;font-weight:600 }


/* header */
.header{padding:0;position:relative;padding-left:10px;height:60px;background:#FFF;overflow:hidden;text-align:center;}
.header img{}
.header:before, .header:after { content: " "; display: table; }
.header:after { clear: both; }

.header h1 { float:left; }
.header h1 a.logo {display:block;width:50px;height:60px;line-height:55px;}
.header h1 a.logo img{ vertical-align:middle; width:100%; }

.header .menu_open{background:#1b1b1b;width:35px;height:35px;display:block; position:absolute; top:12px; right:10px; z-index:1;cursor:pointer;}
.header .menu_open img{width:100%}


.contentArea{padding:0px;min-height:0; height:auto !important; height:0; }
.scontentArea{background:#fff;}





/********
all_menu 
***********/

#all_menu{background-color:#333}
#all_menu h2 { text-indent:-999em; overflow: hidden; color:transparent;display:block; height:60px; background:#333 url(../../designer/images/common/close_x.gif) right center no-repeat;}
#all_menu ul { text-align:right;padding-bottom:2em; background:#333;}
#all_menu ul li h3 { display:block; height:50px; padding-right:16px; line-height:50px;background:#7e6b5a; color:#fff; border-top:1px solid #362e2b; margin-bottom:0px; font-size:0.90em;}
#all_menu ul ul { overflow:hidden; padding-right:0; background-color:#333; border-bottom:0px solid #333; margin-bottom:0px; margin-right:-1px;padding:0; }
#all_menu ul ul li { border-bottom:1px solid #000;  border-right:1px solid #000; color:#999; float:left; width:100%; display:block;  line-height:normal; }
#all_menu ul ul li a { display:block; height:34px; line-height:34px; color:#CCC; text-decoration:none; padding-right:10px;font-size:0.85em;letter-spacing:-1px;}
#all_menu ul ul li a.on{background-color:#3f444f;color:#FFF;}
#all_menu ul ul li.long{ float:none; width:100%;clear:both}
#all_menu ul ul li a.s{font-size:0.75em;} 

#all_menu .menu_licon {overflow:hidden; float:left; width:50%; height:120px; text-align:center; color:#bfbfbf; font-size:0.8em; line-height:24px; padding-top:20px; font-weight:700;}
#all_menu .menu_ricon {overflow:hidden; width:50%; height:120px; text-align:center; color:#bfbfbf; font-size:0.8em; line-height:24px; padding-top:20px; font-weight:700;}




/**********************
index
**********************/

.mainVisual .swiper-container{width:100%;height:100%;}
.mainVisual .swiper-slide{text-align:center;font-size:18px;background:#fff;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;}
.mainVisual .swiper-slide img{width:100%;display:block;}
.mainVisual .swiper-pagination {
    position: absolute;
    text-align: center;
    -webkit-transition: 300ms;
    -moz-transition: 300ms;
    -o-transition: 300ms;
    transition: 300ms;
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}
.mainVisual .swiper-pagination-bullet {
    width: 10px;
	height: 10px;
    background: #FFF;
    opacity: 1;
    border-radius:10px;
    opacity:0.5;
}
.mainVisual .swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}
.mainVisual .swiper-pagination-white .swiper-pagination-bullet {
    background: #fff
}
.mainVisual .swiper-pagination-bullet-active {
    opacity: 1;
    background: #fff
}

.mainVisual  .swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet {
    margin: 0 5px
}
.mainVisual  .swiper-container-horizontal>.swiper-pagination {bottom:10px;}




/*-------------- SUB -------------*/

/********
subMenu
*********/

.swiper-container1 {width:100%; height:100%;}
.swiper-container1 .swiper-slide {padding-top:15px; padding-bottom:15px; text-align:center; font-size:14px; background:#fff; /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;
}
.swiper-container1 .swiper-slide a {display:block; width:100%; height:100%;}
.swiper-container1 .smenu_on {font-weight:700; color:#fff; background:#313131;}


/*******************
tabMenu
******************/

.tabMenu {padding:0;margin-bottom:0px;}
.tabMenu ul{ zoom:1;}
.tabMenu ul:after{content:''; clear:both; display:block}
.tabMenu ul li{float:left; width:25%;}
.tabMenu ul li a{display:block;width:100%; text-align:center;height:32px;line-height:32px;font-size:0.9em;border-bottom:solid 1px #dedede;color:#444;}
.tabMenu ul li a:hover{color:#f7941d;background:#f0f0f0}
.tabMenu ul li a.on{color:#f7941d;border-bottom:solid 3px #f7941d;position:relative;background:#FFF;height:33px;font-weight:bold;}

.tabMenu.col2 li{width:50%; }
.tabMenu.col3 li{width:33.33%; }

.sub_visual {overflow:hidden; width:100%; height:auto;}
.sub_visual .box {margin:0 auto; padding-top:45px; padding-bottom:45px; width:100%; height:auto;}
.sub_visual .box .line50h {margin:0 auto; width:1px; height:50px; background:#fff; opacity:0.5;}
.sub_visual .box h2 {font-size:20px; font-weight:700; text-align:center; color:#fff; line-height:40px; font-family:'Nanum Gothic'}
.sub_visual .box .svtitle {margin:0 auto; width:279px; height:17px;}
.sub_visual .box .svtitle img {width:100%;}
.sub_visual .box .line1000w {margin:0 auto; margin-top:20px; width:90%; height:1px; background:#fff; opacity:0.5;}

.visual_area1 {height:auto; background:url('../../designer/images/sub/visual1.jpg') no-repeat center top; background-size:cover;}
.visual_area2 {height:auto; background:url('../../designer/images/sub/visual2.jpg') no-repeat center top; background-size:cover;}
.visual_area3 {height:auto; background:url('../../designer/images/sub/visual3.jpg') no-repeat center top; background-size:cover;}
.visual_area4 {height:auto; background:url('../../designer/images/sub/visual4.jpg') no-repeat center top; background-size:cover;}
.visual_area5 {height:auto; background:url('../../designer/images/sub/visual5.jpg') no-repeat center top; background-size:cover;}
.visual_area6 {height:auto; background:url('../../designer/images/sub/visual6.jpg') no-repeat center top; background-size:cover;}

.snb {overflow:hidden; width:100%; height:auto;}




/********
pageContent
*********/

.pageContent { min-height:340px; padding:20px 10px;line-height:normal;color:#1b1b1b;font-size:1em;line-height:26px; background:#fff; border-top:solid 1px #e5e5e5;}
.pageContent img {width:100%;}
.pageContent .sctitle {padding:7px; height:36px; font-size:16px; color:#fff; font-weight:400; background:#7e6b5a; font-family:'NanumSquare'; line-height:22px;}
.pageContent h1 {margin-top:20px; font-family:'NanumSquare'; font-size:40px; font-weight:400; color:#7e6b5a; letter-spacing:1px; line-height:34px;}

.pageContent .sub_boxtxt {overflow:hidden; margin-top:10px; width:100%; height:auto;}
.pageContent .sub_boxtxt .line {width:100%; height:10px;}
.pageContent .sub_boxtxt .line .left {float:left; width:20px; height:10px; background:#7e6b5a;}
.pageContent .sub_boxtxt .line .right {float:right; width:20px; height:10px; background:#7e6b5a;}
.pageContent .sub_boxtxt .con {width:100%; font-size:15px; color:#7e6b5a; line-height:22px; padding-top:10px; padding-bottom:10px; padding-left:20px; padding-right:20px; border-left:solid 10px #7e6b5a; border-right:solid 10px #7e6b5a;}
.pageContent .con_ready {padding-top:50px; padding-bottom:50px; width:100%; text-align:center; font-size:16px;}

.pageContent .stitle {margin-top:30px; margin-bottom:10px; height:18px;}
.pageContent .stitle .line20w {float:left; margin-top:10px; width:20px; height:2px; background:#1b1b1b;}
.pageContent .stitle h2 {margin-left:10px; float:left; font-family:'NanumSquare'; font-size:18px; font-weight:700;}
.pageContent .scontxt_strong {clear:both; font-size:16px; line-height:24px; list-style:circle; color:#313131; padding-bottom:10px;}
.pageContent .scontxt {clear:both; font-size:16px; line-height:24px; color:#313131;}

.pageContent .con_secbox {oevrflow:hidden; margin-top:20px; margin-bottom:30px; width:100%; height:auto; padding-bottom:10px; border-bottom:solid 1px #e5e5e5;}
.pageContent .con_secbox .secbox {overflow:hidden; margin-bottom:20px; width:100%; height:auto;}
.pageContent .con_secbox .secbox .title {float:left; padding-top:20px; width:30%; height:auto; font-size:15px; font-weight:700; color:#313131; line-height:22px; border-top:solid 1px #1b1b1b;}
.pageContent .con_secbox .secbox .txt {float:left; padding-top:20px; width:70%; height:auto; font-size:13px; color:#313131; line-height:20px; border-top:solid 1px #e5e5e5;}

#subnav {font-size:16px; margin-bottom:20px; padding-bottom:10px; width:100%; border-bottom:solid 3px #313131; background:url('../../designer/images/sub/smenu_arrow.png') no-repeat right top; background-size:4%; background-position-y:10px;}
#subnav .sub {font-size:14px; line-height:40px;}
#subnav .on {font-size:14px; color:#7e6b5a; font-weight:700;}

.con_010100 {width:140px; height:30px; text-align:center; color:#fff; line-height:30px; background:#1b1b1b;}
.con_010100 a {display:block;}

.con_020200 h2 {margin-top:10px; margin-bottom:10px; font-size:20px; font-weight:400;}
.con_020200 h4 {margin-top:10px; font-weight:400; line-height:22px;}

.con_040300 {}
.con_040300 table {margin-top:20px; width:100%; height:auto; border-top:solid 3px #1b1b1b;}
.con_040300 table th {height:40px; font-size:14px; font-weight:600; line-height:30px; border-bottom:solid 1px #1b1b1b;}
.con_040300 table th:nth-child(1) {width:10%;}
.con_040300 table th:nth-child(2) {width:45%;}
.con_040300 table th:nth-child(3) {width:45%;}
.con_040300 table tr {border-bottom:solid 1px #1b1b1b;}
.con_040300 table td {padding:10px; font-size:13px; font-weight:400; line-height:18px; text-align:left;}
.con_040300 table td:nth-child(1) {text-align:center;}

.con_040501 {overflow:hidden; padding:10px; width:100%; height:auto; background:#f8f8f8;}
.con_040501 ul {width:100%;}
.con_040501 li {float:left; padding-left:10px; width:100%; height:auto;}

.con_040602 {overflow:hidden; margin-top:10px; padding:20px 20px 20px 80px; width:100%; height:auto; background:#f8f8f8 url('../../designer/images/contents/con_040602_icon.png')no-repeat 20px 22px; background-size:36px;}
.con_040602 h2 {font-size:16px; font-weight:700;}
.con_040602 h4 {margin-top:10px; font-size:13px; font-weight:400; line-height:20px;}

.con_040700 {}
.con_040700 table {margin-top:20px; width:100%; height:auto; border-top:solid 3px #1b1b1b;}
.con_040700 table th {height:40px; font-size:14px; font-weight:600; line-height:30px; border-bottom:solid 1px #1b1b1b;}
.con_040700 table th:nth-child(1) {width:30%;}
.con_040700 table th:nth-child(2) {width:70%;}
.con_040700 table tr {border-bottom:solid 1px #1b1b1b;}
.con_040700 table td {padding:10px; font-size:13px; font-weight:400; line-height:18px; text-align:left;}
.con_040700 table td:nth-child(1) {text-align:center;}

.con_050200 {overflow:hidden; margin-top:30px; width:100%; height:600px; color:#fff; background:url('../../designer/images/contents/con_050200.jpg') no-repeat center top;}
.con_050200 .box {margin-left:50px; margin-top:170px; width:300px; border-top:solid 3px #fff; border-bottom:solid 3px #fff;}
.con_050200 .box h2 {margin-top:30px; font-size:20px; font-weight:400;}
.con_050200 .box h4 {margin-top:20px; margin-bottom:30px; font-weight:400; line-height:22px;}








/* laptop :PC(ie 8제외한 모든 pc)*/
@media all and (min-width:768px) {


.pc{max-width:999px;margin: 0 auto;position:relative;}

.sb-slidebar {	position:absolute;}



.header{padding:0;position:relative;padding:0 90px;height:120px;background:#FFF;overflow:hidden;text-align:center;}
.header h1 a.logo {display:block;width:364px;height:120px;line-height:110px;margin:0 auto;}

.header .menu_open{width:70px;height:70px; top:25px; right:20px; }
.header .memberBtn{width:70px;height:70px;top:25px; left:20px;}


#all_menu h2 { height:120px;}


#all_menu ul li h3 {height:35px; padding-left:13px; line-height:34px; font-size:0.85em;}

#all_menu ul ul li a { height:40px; line-height:40px;  padding-left:13px;font-size:0.8em; }


#foot { clear:both; position:relative; background:#111;height:105px;padding-top:17px; }
#foot em { margin:0 auto; display:block; text-align:center;color:#999;font-size:1em; text-transform:uppercase;font-weight:600;}
#foot em img{width:100%;font-size:0;line-height:0}
#foot a.btn{background:#444; display:block;text-align:center;width:140px;height:35px;line-height:36px;color:#CCC;font-size:1.1em;letter-spacing:0px;margin:0 auto 10px;font-weight:600 }



.mainTab a{height:60px;line-height:58px;font-size:1.2em;}
span.l_r{height:20px;}


.mainSlide{width:100%; position:relative;padding-left:10px;background:#252525;}

.mainSlide .swiper-wrapper{overflow:hidden;padding:12px 0;height:505px;} 
.mainSlide .poster {width:345px;height:481px;position:relative;float:left;margin-right:12px;}
.mainSlide .poster a{display:block}
.mainSlide .poster.first{}
.mainSlide .poster .tit_over{height:79px; 	}
.mainSlide .poster .poster_over{ height:79px;padding:12px 0 0 20px;font-size:1.2em;}
.mainSlide .poster .poster_over span{font-size:0.9em;}



.mainLink {margin: 10px 0px 0 10px;}
.mainLink ul{overflow:hidden;}
.mainLink li{float:left;width:25%;}
.mainLink a{display:block;margin: 0 10px 10px 0px;height:212px;background:#f90;text-align:center;color:#FFF;font-size:1.2em;line-height:110%;}
.mainLink a span{display:block;width:102px;height:145px;padding-top:10px;margin:0 auto;line-height:145px;}
.mainLink a span img{width:100%;line-height:145px;vertical-align:middle;}




.titWrap{height:78px;}
.titWrap h2{line-height:75px;color:#FFF;font-size:1.5em;}

.subMenu li a{display:block;background:#FFF;text-align:center;font-size:1.2em;line-height:60px;border-left:solid 1px #CCC;}


.tabMenu ul li a{height:62px;line-height:60px;font-size:1.3em;}
.tabMenu ul li a.on{height:63px;font-weight:bold;}



.pageContent { min-height:650px; padding:30px 20px;font-size:1.2em;}
.pageContent p{line-height:1.3em;}



/* toggle content */
a.btnToggle{display:block;border:1px solid #c63333;border-radius:4px;padding:8px 0 8px 36px;position:relative;color:#000;font-weight:bold;background:#f5f5f5 url('../../designer/images/sub/aro_r_1.gif') 13px center  no-repeat;margin-bottom:7px;}
a.btnToggle span{position:absolute;top:0;left:0;bottom:0;width:40px; text-indent:100%;overflow:hidden;white-space:nowrap}
a.btnToggle.close{background-image:url('../../designer/images/sub/aro_r_2.gif')  }
.toggleContent{display:none;padding:0 0 20px 0;}