@charset "utf-8";
@import url("http://fonts.googleapis.com/earlyaccess/nanumgothic.css");
@import url("bbs.css");

/* 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%;  font-family:'Nanum Gothic'}
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;font-family:'Nanum Gothic'}
*, *: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}


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

/* common */
body{background:#fff;}
html,body{height:100%}

#foot { clear:both; position:relative; background:#111;height:50px;padding-top:8px; }
#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:17px;color:#CCC;font-size:0.67em;letter-spacing:0px;margin:0 auto 5px;font-weight:600 }


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

.header h1 {width:93px;float:left;padding:7px 0 0 14px;margin:0 }
.header h1 a.logo {display:block;}
.header h1 a.logo img{ vertical-align:top; width:100%; }

.header .menu_open{background:none;width:40px;display:block; position:absolute; top:10px; right:10px; z-index:1;cursor:pointer;}
.header .menu_open img{width:100%}


.header .frt{float:right;overflow:hidden;height:40px;padding-right:50px;margin-top:5px; border:solid 0px blue;}

.header .memberBtn{width:40px;display:block; height:40px;float:right;}
.header .memberBtn.out{}
.header .memberBtn img{width:100%}

.container {margin:0 auto; background:#fff;padding:0; box-shadow:5px 0 70px  rgba(0,0,0,0.6);}
.contentArea{padding:0px;min-height:0; height:auto !important; height:0; }



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

#all_menu{background-color:#2d2f33}
#all_menu h2 { text-indent:-999em; overflow: hidden; color:transparent;display:block; height:60px; background:#edeff1 url(../../designer/images/common/close_x.gif) right center no-repeat;}
#all_menu ul { text-align:right;padding-bottom:2em; background:#2d2f33;}
#all_menu ul li h3 { display:block; height:28px; padding-right:15px; line-height:27px;background:#a9262b; color:#dba6a8; border-top:1px solid #600; margin-bottom:0px; font-size:1em;}
#all_menu ul ul { overflow:hidden; padding-right:0; background-color:#2d2f33; border-bottom:0px solid #333; margin-bottom:0px; margin-right:-1px;padding:0; }
#all_menu ul ul li { border-bottom:1px solid #404040;  border-right:1px solid #404040; color:#999; float:left; width:50%; 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;} 




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

.mainVisual{/*border-top:solid 1px #c4c4c4;*/}
html,body{position:relative;height:100%;}
body{}
.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: right;padding-right:8px;top:0px;
	right:0;
    -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: 21px;
    height: 2px;
    display: inline-block;
    border-radius: 0;
    background: #FFF;
    opacity: 1
}
.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: #ed1c24
}

.mainVisual  .swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet {
    margin: 0 2px
}





.mainLink {padding:5px 5px 5px 0;}
.mainLink ul{overflow:hidden;}
.mainLink li{float:left;width:33.33%;}
.mainLink a{display:block;padding: 0 0 0 5px;}
.mainLink a img{width:100%;display:block;}

.mainBtm {padding:5px 5px 5px 0;}
.mainBtm ul{overflow:hidden;}
.mainBtm li{float:left;width:20%;}
.mainBtm a{display:block;padding: 0 0 0 5px;}
.mainBtm a img{width:100%;display:block;}


.mainNews{overflow:hidden;padding:0 5px;}
.mainNews .sect{float:left;width:50%;}

.mainNews .sect .mainNewsCont{padding-left:3px;}
.mainNews .sect .mainNewsCont .mainNewsTit img{width:100%;display:block;}
.mainNews .sect .mainNewsCont .mainNewsList{border:1px solid #e6e6e6;border-bottom:0;padding:5px 5px 7px 5px ;}

.mainNews .sect .mainNewsCont.video{padding-left:0px;padding-right:3px;}
.mainNews .sect .mainNewsCont.video .mainNewsList{text-align:center;}
.mainNews .sect .mainNewsCont.video .mainNewsList iframe{height:106px;}


.newsList li{line-height:normal;border-bottom:solid 1px #e5e5e5;}
.newsList li a{padding:0 0 0 10px;background:url(../../designer/images/index/tb_bul.gif) no-repeat 5px center;display:block;overflow:hidden ;height:21px;line-height:21px;}
.newsList li a span.tbText{float:left;display:block;width:80%;color :#757575;font-size:0.65em;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.newsList li a em.tbDate{float:right;display:block;width:20%;  text-align:left;font-style:normal; color:#b0b0b0 ;font-size:0.5em;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.newsList li a span img{vertical-align:middle}
.newsList li a span.tbText:hover{color:#d2090e}




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




/****************
MAINTLE SWIPER
*****************/
.mainTle{height:38px;background:#c90911; box-shadow:0 1px 4px 0px rgba(0,0,0,0.3) inset; position:relative;color:#FFF;font-weight:600; text-align:center; text-shadow:1px 1px 2px rgba(0,0,0,0.2);border-top:solid 1px #9f040b;border-bottom:solid 1px #b3040c;font-size:1.12em; line-height:36px; }

.mainTle .swiper-slide a { }

.mainTle .swiper-container { height:38px; padding:0; margin:0px auto; position:relative; text-align:center }
.mainTle .swiper-wrapper { height:38px; }
.mainTle .swiper-slide { height: 100%; opacity: 0.3; -webkit-transition: 300ms; -moz-transition: 300ms; -ms-transition: 300ms; -o-transition: 300ms; transition: 300ms; z-index:0 }
.mainTle .swiper-slide-active { opacity: 1; }
.mainTle .swiper-active-switch { background:#fff; }
.mainTle .swiper-slide-active a {  }
.mainTle .swiper-slide { text-align:center }
.mainTle .swiper-slide-active { text-align:center; }
.mainTle .swiper-visible-switch { background: #aaa; }
.mainTle .swiper-active-switch { background: #fff; }
/*
.mainTle .swiper-container a.arrow-left,
.mainTle .swiper-container a.arrow-right{ position:absolute; left:0px; top:0%; margin-top:0; width:40px; height:38px; display:block; z-index:2; }
.mainTle .swiper-container a.arrow-left { background:url(../../designer/images/sub/aro_1.png) no-repeat right 49%; background-size:6px 11px;}
.mainTle .swiper-container a.arrow-right { background:url(../../designer/images/sub/aro_2.png) no-repeat left 49%; left:auto; right:0px;  background-size:6px 11px;}
*/


.mainTle .swiper-container a.arrow-left,
.mainTle .swiper-container a.arrow-right{ position:absolute; left:0px; top:3px; margin-top:0;display:block; z-index:4;padding:0;background:#c90911; }
.mainTle .swiper-container a.arrow-right {left:auto; right:0px; }
.mainTle .swiper-container a.arrow-left .aro{ background:url(../../designer/images/sub/aro_1.png) no-repeat 45% 50%; }
.mainTle .swiper-container a.arrow-right .aro{ background:url(../../designer/images/sub/aro_2.png) no-repeat 55% 50%;}


.mainTle .swiper-container a.arrow-left .aro,
.mainTle .swiper-container a.arrow-right .aro{display:block; border:0;width:31px;height:31px;background-size:6px 11px;}




/**********
subVisual
***********/
.subVisual{}
.subVisual img{width:100%;display:block;font-size:0;line-height:0;}


/********
subTab
*********/

.subTab{overflow:hidden;border-bottom:solid 2px #e42c33}
.subTab li{float:left; width:50%; height:32px;background:#555e72}
.subTab li a{display:block;text-align:center;height:32px;line-height:33px;color:#9da2ad;letter-spacing:-1px;text-shadow:1px 1px 0px rgba(0,0,0,0.2)}
.subTab li.on{background:#e42c33; }
.subTab li.on a{color:#FFF;}


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



.tabMenu {padding:0;margin-bottom:10px;}
.tabMenu ul{ zoom:1;border-left:solid 1px #dedede;}
.tabMenu ul:after{content:''; clear:both; display:block}
.tabMenu ul li{float:left; width:33.33%;}
.tabMenu ul li a{display:block;width:100%; text-align:center;height:30px;line-height:30px;font-size:0.7em;border:solid 1px #dedede;background:#f9f9f9;color:#444;font-weight:bold;letter-spacing:0px;border-left:0;}
.tabMenu ul li a:hover{color:#999;background:#FFF}
.tabMenu ul li a.on{color:#c90911;border:solid 1px #df5056;position:relative;background:#FFF;margin-left:-1px;}

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

/* 공연지원사업 */
.tabMenu.col3short1 li{width:41%; }
.tabMenu.col3short1 li.short{width:18%; }

/*오시는길*/
.tabMenu.col3long1 li{width:27%; }
.tabMenu.col3long1 li.long{width:46%; }





/********
subContent
*********/

.pageContent { min-height:340px; padding:15px 10px;line-height:normal;font-size:1em;color:#333;}
.pageContent p{line-height:1.5em;color:#787877;}



.sorry { background:url(../../designer/images/common/sorry.gif) center no-repeat; height:270px; margin-bottom:20px; text-indent:-9999em; color:transparent; }

.pageContent h3.st{height:auto; line-height:normal;padding:0 0 10px 0px; font-size:1em;color:#de1117; font-weight:700 }
.pageContent h3.st a{color:#ed1b24;}
.pageContent h4.st1{ font-size:13px;color:#222; font-weight:bold;padding:0px 0 5px 14px;background:url(../../designer/images/sub/st1_bul.gif) 0 3px no-repeat;margin-top:6px;overflow:hidden;clear:both}
.pageContent .list li{line-height:175%; padding-bottom:5px;}
.pageContent .padL{padding-left:7px}



.uline,a.uline{text-decoration:underline}
.imgLineBox{border:solid 5px #EEE; text-align:center;clear:both;margin:5px 0 20px}
.lineBox{border:solid 1px #DDD; padding:15px 21px 14px; background:#f3f3f3;margin-bottom:30px; text-align:justify; }
.conLine{margin-bottom:30px;height:25px;border-bottom:dashed 1px #ddd; clear:both;}
.conLine2{margin-bottom:0px;height:25px;border-top:dashed 1px #ddd; clear:both;}

.c_red,a.c_red{color:#e03236}
.c_blue,a.c_blue{color:#05a4ff}
.c_gray{color:#898989}

.cBlue{color:#007bc9}
.cGreen{color:#4db8be}
.cOrange{color:#fba84e}



.img{font-size:0;line-height:0;overflow:hidden;}
.img img{width:100%;display:block;}

/* intro */

.intro{position:relative;overflow:hidden;padding-bottom:20px;}
.intro .img{width:40%;padding:5px 0 20px 5px;}
.intro .img.half {width:100%;padding:0 0 20px 0;}
.intro .img.half img{width:35%;float:left;margin:0 7.5%;}

.intro p{padding-bottom:20px;text-align:justify;}

/* greeting */

.greeting{position:relative;overflow:hidden;padding-bottom:20px;}
.greeting p{text-align:justify; padding-bottom:20px;}
.greeting .img{padding-bottom:20px;}

/* history */ 
.history {background:url(../../designer/images/contents/con_010301.jpg) right 110px no-repeat;padding-top:10px;background-size:151px 193px;}
.history.older {background:url(../../designer/images/contents/con_010302.jpg) right 45px no-repeat;padding-top:10px;background-size:130px 235px;}

.history ul{padding:0 0 0 10px}
.history li{ padding:10px 0  2px 0;position:relative;border-left:solid 1px #e5e5e5; }
.history li dl{padding-left:90px;min-height:20px;padding-top:0px;}
.history li dl dt{position:absolute;top:10px;left:-8px; font-size:0.8em;;padding-left:20px;background:url(../../designer/images/contents/con_bul.gif) left 0px no-repeat;height:20px;color:#de1117;width:70px;float:left;display:block;font-weight:bold;font-family:arial;}
.history li dd{line-height:14px; font-size:0.75em;margin-bottom:10px;color:#909090;font-weight:bold;}



/* 오시는 길 */
.mapLine{border:solid 3px #DDD;line-height:0;margin-bottom:20px;}

.likeTableList{border-top:solid 1px #DDD;margin-top:5px;font-size:0.8em;}
.likeTableList dl{position:relative;padding:0 0 0 70px;border-bottom:solid 1px #DDD;font-weight:bold;}
.likeTableList dt{position:absolute;top:0;left:0;right:auto;bottom:0;background:#f8f9f9;width:65px;padding-left:0px; text-align:center;line-height:normal;color:#000;border:0px solid #000;padding-top:9px;}
.likeTableList dd{line-height:20px;padding:6px 0;color:#909090; text-align:left;}

/* 사업 */

.intro.musicCont  .img{width:100%;padding:0 0 15px 0;}

a.linkWin{display:block;height:32px;line-height:32px;color:#FFF; font-weight:bold;text-align:left;background:#6f6f6f;margin:0 0  5px 0;font-size:0.8em;border:solid 1px #555;padding-left:15px;border-radius:2em 2em;position:relative;}
a.linkWin .iconWin{display:inline-block;background:url(../../designer/images/sub/ico_win.gif) center  no-repeat;width:16px; height:16px;vertical-align:top;margin:7px 7px;position:absolute;top:0px;right:12px;display:block;}

p .sign{text-align:right;font-size:0.85em; color:#000; font-weight:bold;display:block;}



/**************
artistList
***************/
.artistNav{padding-bottom:10px;}
.artistNav .artistMenu{overflow:hidden;margin-left:-1.5%;padding-bottom:10px;}


.artistMenu a{float:left;margin-left:1.5%;width:31.5%;display:block;text-align:center;height:33px;line-height:30px;border-bottom:2px solid #CCC;font-size:0.9em;letter-spacing:-1px;font-weight:700;color:#666;}
.artistMenu a.on{border-bottom:2px solid #e03236;color:#e03236}
.artistMenu a span{background:url(../../designer/images/sub/artist_menu_off.gif) right top   no-repeat;display:inline-block;width:10px;height:9px; vertical-align:top;padding-left:2px;line-height:0;font-size:0;background-size:cover;}
.artistMenu a.on span{background:url(../../designer/images/sub/artist_menu_on.gif) right top   no-repeat;background-size:cover;}

.artistNav .artistSearch{padding-top:7px;padding:0 86px 0 128px;position:relative;}
.artistSearch .select{height:30px;width:130px;position:absolute;top:0;left:0;}
.artistSearch select{height:30px;width:60px;font-size:0.85em;}
.artistSearch .searchBtn{background:url(../../designer/images/sub/artist_search.gif) 0 0   no-repeat;display:inline-block;width:84px;height:30px;text-indent:-999em;border:0;outline:0;position:absolute;top:0;right:0;}
.artistSearch .searchTxt{border:1px solid #CCC;width:100%; height:30px; text-align:center;line-height:28px;color:#555;font-weight:bold;}

.artistList h2{line-height:normal;font-size:1.2em;padding-bottom:0px;height:35px;font-weight:700;}
.artistList ul{overflow:hidden;padding-bottom:20px;}
.artistList li{line-height:normal;padding-left:75px;position:relative;min-height:90px;}
.artistList li .imgArea{position:absolute;top:0;left:0;width:60px;height:74px;background:url(../../designer/images/sub/blank_artist.gif) 0 0   no-repeat;background-size:60px 74px ;}
.artistList li .imgArea img{width:60px;height:74px;}
.artistList li h3{border-bottom:solid 1px #f0f0f0;line-height:normal;border-top:solid 0px #e0e0e0;text-align:left;font-size:0.8em;letter-spacing:-0.01em;color:#444;padding-left:0px;margin-bottom:8px;padding-bottom:5px;}
.artistList li dl{position:relative;border-bottom:solid 0px #e0e0e0;padding-left:25px;height:15px;}
.artistList dt{position:absolute;top:0;left:0;right:auto;bottom:0;width:20px; text-align:left;line-height:normal;color:#444;letter-spacing:0.01em;font-size:0.65em;height:15px;}
.artistList dd{line-height:normal;color:#909090; text-align:left;min-height:15px;letter-spacing:-0.01em;font-size:0.65em;overflow:hidden;}
.artistList dt.type1{color:#007bc9;}
.artistList dt.type2{color:#48b4ba;}


/**************
divSelect
***************/

.divSelectWrap{}	

.divSelect{ width:100px; height:30px; font-size:13px;position:relative;float:left;}
.divSelect .divSelectBtn{display:block;background:url(../../designer/images/sub/divSelectAro.gif) 77px center no-repeat;  cursor:pointer;z-index:2;padding-left:8px;line-height:28px; height:28px;color:#666; border:solid 1px #CCC;}
.divSelect .divSelectShow{width:98px; height:auto;padding:0 0; position:absolute; z-index:20; bottom:auto;top:30px; left:0; border:solid 1px #DDD;display:none;border-top:0;}
.divSelect .divSelectShow ul{margin-bottom:0px}
.divSelect .divSelectShow li{border-bottom:solid 1px #EEE;background:#FFF}
.divSelect .divSelectShow li a {padding-left:8px; font-size:12px; line-height:28px; display:block; height:28px; }
.divSelect .divSelectShow li a:hover{background:#f8f8f8}

.divSelectWrap .inputArea{float:right;}

#sizelist .select a{background:#fefdee}




/**************
classicList
***************/

.classicList ul{overflow:hidden;}
.classicList li{line-height:normal;padding-left:75px;position:relative;min-height:90px;}
.classicList li .imgArea{position:absolute;top:0;left:0/*width:120px;height:145px;*/;width:60px;height:72px;background:url(../../designer/images/sub/blank_classic.gif) 0 0   no-repeat;background-size:60px 72px ;}
.classicList li .imgArea img{/*width:120px;height:145px;*/width:60px;height:72px;}
.classicList li h3{border-bottom:solid 1px #f0f0f0;line-height:normal;border-top:solid 0px #e0e0e0;text-align:left;font-size:0.85em;letter-spacing:-0.01em;margin-bottom:8px;padding-bottom:5px;}
.classicList li dl{position:relative;border-bottom:solid 0px #e0e0e0;padding-left:65px;}
.classicList dt{position:absolute;top:0;left:0;right:auto;bottom:0;/*background:#f9f9f9;*/width:45px; text-align:left;line-height:normal;color:#444;letter-spacing:0.01em;font-size:0.65em;padding-left:0px;height:15px}
.classicList dd{line-height:normal;color:#909090; text-align:left;min-height:15px;letter-spacing:-0.01em;font-size:0.65em;}


.classicList.asian ul{overflow:hidden;width:auto;}
.classicList.asian li{float:none;width:auto;padding-right:0px;}
.classicList.asian li h3{text-align:left;padding-left:15px;}



/**************
videoList
***************/
.videoList {border-bottom:solid 1px #DDD;padding-top:0px;border-top:solid 1px #e03236;}
.videoList ul{overflow:hidden;margin-left:-2.2%}
.videoList li {float:left;width:31%;margin-left:2.2%;padding-bottom:10px;overflow:hidden;}
.videoList li .imgArea{width:100%;height: 75px;display:block;background:#363636 url(../../designer/images/sub/blank_video.gif) center   no-repeat;background-size:50%}
.videoList li strong{display:block; text-align:center;line-height:normal;padding-top:5px;font-size:0.6em;font-weight:normal;height:45px;letter-spacing:-1px;}

.videoArea{padding:20px 0; background:#f5f5f5;text-align:center;margin-bottom:20px;border-bottom:solid 1px #e03236;}
.videoArea h3{font-size:0.8em;font-weight:bold;text-align:center;padding-bottom:20px;color:#de1117;margin:0;}





/* subTitleMenu */

.mhgroupW {
	position: relative;
	display: block;
	z-index: 6;
	margin-top: 0px;
}
.mhgroupW h2 {


}

.mhgroupW h2{height:40px;background:#c90911 url('../../designer/images/sub/aro_down.png') no-repeat 99% 50%; background-size:30px 10px;box-shadow:0 1px 4px 0px rgba(0,0,0,0.3) inset; position:relative;color:#FFF;font-weight:600; text-align:center; text-shadow:1px 1px 2px rgba(0,0,0,0.2);font-size:1.12em; line-height:36px; }
.mhgroupW h2 a {
	display: block;
	height: 40px;
	line-height: 40px;
}
.mhgroupW > ul {
	margin-top: 0px;
	position: absolute;
	top: 40px;
	width: 100%;
	display: none;
	box-shadow:0 1px 4px 0px rgba(0,0,0,0.3) 
}

.mhgroupW > ul > li:first-child {
	border-top: 1px solid #c8c8c8;
}
.mhgroupW > ul > li a {
	display: block;
	font-size: 1em;
	height: 40px;
	line-height: 40px;
	padding: 0 0 0 20px;
	border-bottom: 1px solid #c8c8c8;
	background: #fff;
}

.mhgroupW > ul > li.active a {
	
	background: #a09797 url(../../designer/images/sub/aro_2.png) no-repeat 7px 50%;
	background-size: 5px 10px;
	color: #fff;
	border-top: 1px solid #887979;border-bottom: 1px solid #887979;
}



h2.subTitle{height:38px;background:#c90911 ; background-size:30px 10px;box-shadow:0 1px 4px 0px rgba(0,0,0,0.3) inset; position:relative;color:#FFF;font-weight:600; text-align:center;font-size:1.15em; line-height:36px; }
.subMenu {background:#f2f2f2;min-height:25px;padding-left:15px;padding-top:7px;padding-bottom:7px;}
.subMenu ul{overflow:hidden;}
.subMenu ul li{display:inline;}
.subMenu ul li a{display:inline-block;background: url(../../designer/images/sub/sm_bul.gif) no-repeat 0px 50%;background-size:4px 4px ;padding-left:7px;line-height:26px;padding-right:15px;color:#666;font-size:0.85em;}
.subMenu ul li.active a{color:#000;font-weight:bold;letter-spacing:-1px;}









/* 모바일가로(galaxy s2)*/
@media screen and (max-height: 26.375em) and (orientation : landscape) and (-webkit-device-pixel-ratio:1.5){



}
/* 모바일가로*/
@media screen and (max-height: 26.375em) and (orientation : landscape){





}

/* 모바일세로(galaxy s3)*/
@media screen and (max-width: 55.1875em) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){

}

/* 모바일가로(galaxy s3)*/
@media screen and (max-height: 26.375em) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){

}


/* iPhone 4 가로보기 && 갤럭시 NOTE, 갤럭시 S3 가로보기 - low-dpi */
@media only screen and (min-width : 480px) and (orientation : landscape){

}
/* iPhone 5 세로보기  */
@media only screen and (min-width : 320px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){




}

/* iPhone 5 가로보기  */
@media only screen and (min-width : 568px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){


}


/*ipad 세로*/
@media only screen and (min-width : 533px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 1){




}

/*ipad 가로*/
@media only screen and (min-width : 768px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 1){



}



/* 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 */
.header{height:120px;}
.header img{}

.header h1 {width:186px;padding:10px 0 0 20px;}

.header .menu_open{width:80px; top:20px; right:20px;}
.header .menu_open img{width:100%}


.header .frt{height:80px;padding-right:50px;margin-top:10px;}

.header .memberBtn{width:80px;height:40px;}


#all_menu h2 { height:120px;}


#all_menu ul li h3 { display:block; height:35px; padding-left:13px; line-height:34px;background:#a9262b; color:#CCC; border-top:1px solid #600; margin-bottom:0px; font-size:0.85em;}

#all_menu ul ul li a { display:block; height:40px; line-height:40px; color:#CCC; text-decoration:none; padding-left:13px;font-size:0.8em; }


#foot { clear:both; position:relative; background:#111;height:100px;padding-top:15px; }
#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 }
#foot .btn{background:#444; display:table;text-align:center;width:140px;height:35px;line-height:36px;color:#CCC;font-size:1.1em;letter-spacing:0px;font-weight:600 }


.mainLink {padding:10px 10px 10px 0;}
.mainLink a{display:block;padding: 0 0 0 10px;}

.mainBtm {padding:10px 10px 10px 0;}
.mainBtm a{display:block;padding: 0 0 0 10px;}

.mainNews{overflow:hidden;padding:0 10px;}
.mainNews .sect .mainNewsCont{padding-left:6px;}
.mainNews .sect .mainNewsCont .mainNewsTit img{}
.mainNews .sect .mainNewsCont .mainNewsList{border:1px solid #e6e6e6;border-bottom:0;padding:10px 10px 14px 10px ;}

.mainNews .sect .mainNewsCont.video{padding-right:6px;}
.mainNews .sect .mainNewsCont.video .mainNewsList iframe{height:207px;}

.newsList li{}
.newsList li a{padding:0 0 0 10px;height:41px;line-height:41px;}
.newsList li a span.tbText{width:82%;font-size:1em;}
.newsList li a em.tbDate{width:18%; font-size:0.9em;}




.mainTle{height:76px;font-size:2em; line-height:74px; }

.mainTle .swiper-slide a { }

.mainTle .swiper-container { height:76px; padding:0; margin:0px auto; position:relative; text-align:center }
.mainTle .swiper-wrapper { height:76px; }
.mainTle .swiper-slide { height: 100%; opacity: 0.3; -webkit-transition: 300ms; -moz-transition: 300ms; -ms-transition: 300ms; -o-transition: 300ms; transition: 300ms; z-index:0 }
.mainTle .swiper-slide-active { opacity: 1; }
.mainTle .swiper-active-switch { background:#fff; }
.mainTle .swiper-slide-active a {  }
.mainTle .swiper-slide { text-align:center }
.mainTle .swiper-slide-active { text-align:center; }
.mainTle .swiper-visible-switch { background: #aaa; }
.mainTle .swiper-active-switch { background: #fff; }

.mainTle .swiper-container a.arrow-left,
.mainTle .swiper-container a.arrow-right{ position:absolute; left:0px; top:0%; margin-top:0; width:40px; height:76px; display:block; z-index:2; }
.mainTle .swiper-container a.arrow-left { background:url(../../designer/images/sub/aro_1.png) no-repeat right 50%; background-size:12px 21px;}
.mainTle .swiper-container a.arrow-right { background:url(../../designer/images/sub/aro_2.png) no-repeat left 50%; left:auto; right:0px;  background-size:12px 21px;}




.mhgroupW h2{height:70px;font-size:2em; line-height:68px; }
.mhgroupW h2 a {
	display: block;
	height: 70px;
	line-height: 68px;
}
.mhgroupW > ul {
	margin-top: 0px;
	position: absolute;
	top: 70px;
	width: 100%;
	display: none;
	box-shadow:0 1px 4px 0px rgba(0,0,0,0.3) 
}

.mhgroupW > ul > li:first-child {}
.mhgroupW > ul > li a {
	font-size: 1.8em;
	height: 70px;
	line-height: 68px;
}

.mhgroupW > ul > li.active a {}





h2.subTitle{height:70px;background:#c90911 ; font-size:2em; line-height:68px; }
.subMenu {min-height:45px;padding-left:20px;}

.subMenu ul li a{background-size:8px 8px ;padding-left:14px;line-height:45px;padding-right:20px;font-size:1.4em;}



}



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

a.btnToggle em{font-size:0.75em;line-height:125%;display:block;color:#666;}
.toggleContent{display:none;padding:0 0 20px 0;}