@charset "utf-8";



/* SUB */
.subTop.intro { background:url(../images/topimg.jpg) no-repeat center; height:260px; }
.subTop.product { background:url(../images/topimg.jpg) no-repeat center; height:260px; }
.subTop.news { background:url(../images/topimg.jpg) no-repeat center; height:260px; }
.subTop.customer { background:url(../images/topimg.jpg) no-repeat center; height:260px; }
.subTop.member { background:url(../images/topimg.jpg) no-repeat center; height:260px; }
.subTop h2 { color:#fff; font-size:32px; font-weight:600; padding-top:145px; letter-spacing:-2px; }
.contents h3 { font-size:36px; line-height:50px; letter-spacing:-2px; /* background:url(../_images/common/bg_line2.png) repeat-x center bottom 7px; */ color:#333; display:inline-block; }
.contents .subtxt { margin-top:30px; color:#8e8e99; font-size:17px; line-height:28px; letter-spacing:-0.5; }
.contents .subtxt2 { color:#8e8e99; font-size:13px; line-height:28px; letter-spacing:-0.5; text-align:right; }
.contents .subtxt2 span { color:#e60012; vertical-align:-4px; }
.contentsTop { margin-bottom:110px; }



/* SUB1 - 
.sub1-1 { padding:110px 0; width:1100px; margin:0 auto; position:relative; }
.intro01 { position:relative; display:block; height:685px; overflow:hidden; width:1100px; margin:60px auto 0; }
.intro01 dt { background:url(../_images/intro/img01.png) no-repeat; width:752px; height:501px; float:right; color:#fff; position:relative; }
.intro01 dt span { position:absolute; right:30px; bottom:30px; }
.intro01 dd { position:absolute; left:0; top:280px; text-align:left; line-height:40px; } 
.intro01 dd h3 { margin-bottom:60px; }
.intro01 dd strong { color:#333; width:100px; float:left; }
.intro01 dd li:last-child strong { padding-bottom:80px; }
.intro01 dd li em { font-size:12px; color:#999; border:1px solid #d4d6d9; border-radius:30px; margin-right:10px; padding:5px 6px 4px 7px; }
.intro02 { position:relative; overflow:hidden; width:1100px; margin:0 auto; margin-bottom:90px; }
.intro02 dt { background:url(../_images/intro/img02.png) no-repeat; width:752px; height:501px; float:left; color:#fff; position:relative; margin-top:130px; }
.intro02 dt span { position:absolute; left:30px; bottom:30px; }
.intro02 dd { background:url(../_images/intro/img06.png) no-repeat; width:380px; height:310px; color:#fff; line-height:30px; text-align:center; position:absolute; right:1px; top:0; padding-top:90px; }
.intro03 dl:first-child { border-top:1px solid #e4e6e9; }
.intro03 dl { border-bottom:1px solid #e4e6e9; padding:30px 0; overflow:hidden; text-align:left; }
.intro03 dl.pla dt { float:left; margin-right:30px; }
.intro03 dl.pra dt { float:right; margin-left:30px; }
.intro03 dd h4 { font-size:21px; color:#333; font-weight:300; padding:30px 0; }
.intro03 dd { color:#666; font-size:13px; word-break:keep-all; text-align:justify; }
 */


/* SUB1 -  */
.sub1-1-1 { padding:110px 0; }
.sub1-1-1 .infoBox { background:url(../images/bg_grey.png) repeat-x; height:318px; }
.sub1-1-1 .infoBox .info { overflow:hidden; width:1100px; margin:70px auto; display:inline-block; }
.sub1-1-1 .infoBox .info li { float:left; width:25%; display:inline-block; font-size:17px; line-height:28px; color:#8e8e99; padding-top:60px; }
.sub1-1-1 .infoBox .info li strong { display:block; color:#333; }
.sub1-1-1 .infoBox .info li:first-child { background:url(../images/icon08.png) no-repeat center top; }
.sub1-1-1 .infoBox .info li:nth-child(2) { background:url(../images/icon09.png) no-repeat center top; }
.sub1-1-1 .infoBox .info li:nth-child(3) { background:url(../images/icon10.png) no-repeat center top; }
.sub1-1-1 .infoBox .info li:last-child { background:url(../images/icon11.png) no-repeat center top; }
.sub1-1-1 .office1 { width:752px; margin:-70px auto 0; overflow:hidden; }
.sub1-1-1 .office1 dt { background:url(../images/img15.png) no-repeat; width:712px; height:461px; color:#fff; display:table-cell; text-align:right; vertical-align:bottom; font-size:13px; padding:20px; }
.sub1-1-1 .office1 dd { padding:30px 0 0; }
.sub1-1-1 .office1 dd li { line-height:36px; text-align:left; width:100%; float:left; }
.sub1-1-1 .office1 dd li strong { background:#fbfbfc; width:77px; height:36px; padding:5px 15px; border-radius:50px; margin-right:10px; }
.sub1-1-1 .office1 dd li  p strong { background:#fbfbfc; width:77px; height:36px; padding:5px 15px; border-radius:50px; margin-right:10px; }
.sub1-1-1 .office1 dd li p { line-height:36px; text-align:left; width:100%; float:left; }
.sub1-1-1 .office2 { width:752px; margin:100px auto; }
.sub1-1-1 .office2 dt { background:url(../images/img16.png) no-repeat; width:712px; height:461px; color:#fff; display:table-cell; text-align:right; vertical-align:bottom; font-size:13px; padding:20px; }
.sub1-1-1 .office2 dd { margin-top:70px; }
.sub1-1-1 h5 { color:#333; font-weight:600; text-align:left; background:#fff; padding:20px; width:220px; letter-spacing:-1px; min-height:56px; }
.sub1-1-1 span { /*color:#8e8e99; text-align:left; width:140px; height: 40px; line-height: 40px; display:inline-block; float:left; padding:0 20px; word-break:keep-all;*/
    color: #8e8e99;
    text-align: left;
    width: 230px;
    display: inline-block;
    float: left;
    padding: 0 20px;
    word-break: keep-all;
	 }
.sub1-1-1 .boxWrap { overflow:hidden; margin:0 auto; width:1070px; }
.sub1-1-1 .box1, .sub1-1-1 .box2 { margin-right:5px; }
.sub1-1-1 .box1, .sub1-1-1 .box2, .sub1-1-1 .box3 { width:350px; padding-top:200px; overflow:hidden; float:left; }
.sub1-1-1 .box1 { background:url(../images/img17.jpg) no-repeat; }
.sub1-1-1 .box2 { background:url(../images/img18.png) no-repeat; }
.sub1-1-1 .box3 { background:url(../images/img19.jpg) no-repeat; }


/* common */
dl, dd, dt, span { font-size:15px; line-height:24px; }
h5 { font-size:19px; line-height:28px; }

/* SUB1 - ��Ÿ������ : ȸ�翬�� */

.history_m { display:none; }

.sub1-2 { padding:110px 0; width:1100px; margin:0 auto; position:relative; }
.box{ background:#e60012; color:#fff; margin:100px 0 0 100px; width:470px; padding:30px; height:618px; position:relative;}
.box ul{ height:100%; }
.box ul li{float:left; height:100%; border:1px solid #fff}
.box ul li label{ background:#fff; width:8px; height:7px; border-radius:30px; display:inline-block; opacity:0.5; margin:0 2px; }
.box ul li label:hover{ background:#fff; opacity:1; }
.box div {display:none; width:100px; height:100px; }
.box div dl { border:1px solid yellow; height:500px; overflow:hidden; }
.history a { color: rgba(255,255,255,0.6); text-transform: uppercase; text-decoration: none; }
.history a:before { background:#666; color:#666}
.history { position:relative; }
.history h4 { position:absolute; padding-top:90px; width:250px; height:160px; font-size:30px; line-height:36px; }
.history h4 strong { display:block; }
.history01 { background:url(../images/img04.png) no-repeat left 30px; display:inline-block; width:100%; margin-top:90px; }
.history02 { background:url(../images/img05.png) no-repeat right top; display:inline-block; width:100%; margin-top:90px; }
.history03 { background:url(../images/img09.png) no-repeat left top; display:inline-block; width:100%; margin-top:90px; }
.history04 { background:url(../images/img06.png) no-repeat right top; display:inline-block; width:100%; margin-top:90px; }
.history dl { padding:30px 0; clear:both; overflow:hidden; }
.history dl:last-child { border-bottom:0; }
.history dl dt { float:left; width:80px; font-size:20px; font-weight:900; }
.history dl dd { float:left; width:350px; }
.history dl dd li { margin-bottom:10px; }
.history01 h4 { border:1px solid #e60012; color:#e60012; right:0; top:0; } 
.history01 dl { border-bottom:1px solid #eb3341; }
.history01 .date { color:#e3e600; display:block; }
.history01 .tabContents { margin:200px 0 0 440px; background:#e60012; }
.history01 label { top:220px; }
.history02 h4 { border:1px solid #e95a08; color:#e95a08; left:0; top:93px; } 
.history02 dl { border-bottom:1px solid #ed7b39; }
.history02 .date { color:#e3e600; display:block; }
.history02 .tabContents { margin:313px 0 0 110px; background:#e95a08; }
.history02 label { top:330px; }
.history03 h4 { border:1px solid #eaa416; color:#eaa416; right:0; top:37px; } 
.history03 dl { border-bottom:1px solid #eeb645; }
.history03 .date { color:#e3e600; display:block; }
.history03 .tabContents { margin:257px 0 0 490px; background:#eaa416; }
.history03 label { top:275px; visibility:hidden;}
.history04 h4 { border:1px solid #153a70; color:#153a70; left:0; top:93px; } 
.history04 dl { border-bottom:1px solid #38517c; }
.history04 .date { color:#4e7cbf; display:block; }
.history04 .tabContents { margin:313px 0 0 110px; background:#153a70; }
.history04 label { top:330px; }
.tabContents { width:430px; color:#fff; font-size:13px; font-weight:400; text-align:left; padding:30px; line-height:22px; word-break:keep-all; }
.tabContents div { display: none; }
.history input {display: none;}
.history label { display: inline-block; padding:5px; border-radius:30px; background:#fff; opacity:0.5; position:absolute; }
.history label:hover {color: #fff; cursor: pointer;}
.history input:checked + label { background: #fff; opacity:1; }
#tab1:checked ~ .tabContents #content1,
#tab2:checked ~ .tabContents #content2,
#tab3:checked ~ .tabContents #content3,
#tab4:checked ~ .tabContents #content4,
#tab5:checked ~ .tabContents #content5,
#tab6:checked ~ .tabContents #content6,
#tab7:checked ~ .tabContents #content7 { display: block; }





/* SUB1 - ��Ÿ������ : ��� �� ���� 
.sub1-3 { padding:110px 0; width:1100px; margin:0 auto; position:relative; }
.technologyTab { border-top:1px solid #e4e6e9; padding-top:20px; height:50px; width:100%; background:#fff; position:absolute; top:237px; font-size:13px; }
.technologyTab li { float:left; margin:0 5px; color:#d4d6d9; }
.technologyTab li a { margin-right:10px; color:#666; }
.technologyTab li a:hover { color:#333; }
.technologyWrap { padding-top:120px; }
.technologyWrap { width:1100px; margin:0 auto 120px; display:block; overflow:hidden; }
.technologyWrap h4 { font-size:23px; font-weight:500; display:block; margin-bottom:60px; color:#000; }
.tehcnologyWrap .techContents { width:100%; background:yellow; border:1px solid black; overflow:hidden; clear:both; }
.techContents ul.logo { float:left; display:inline-block; zoom:1; *display:inline; width:55%; border-left:1px solid #e4e6e9 }
.techContents ul.logo li { float:left; width:196px; height:196px; line-height:196px; text-align:center; border:1px solid #e4e6e9; margin-left:-1px; margin-bottom:-1px; }
.techContents ul.logo li img { vertical-align:middle; }
.techContents ul.list { float:right; display:inline-block; zoom:1; *display:inline; width:43%; text-align:left; font-size:13px; padding-top:10px; }
.techContents ul.list li { margin-bottom:7px; margin-left:30px; background:url(../images/icon07.png) no-repeat left 11px; padding-left:10px; }
.fixed { position:fixed; top:0; }
#soccer { background:url(../images/bg01.png) no-repeat right bottom; padding-bottom:130px; }
#basketball { background:url(../images/bg02.png) no-repeat right bottom; padding-bottom:150px; }
#volleyball { background:url(../images/bg03.png) no-repeat right bottom; padding-bottom:140px; }
#jokgu { background:url(../images/bg04.png) no-repeat right bottom; padding-bottom:540px; }
#handball { background:url(../images/bg05.png) no-repeat right bottom; padding-bottom:320px; }
#tennis { background:url(../images/bg06.png) no-repeat right bottom; padding-bottom:140px; }
*/

/* SUB1 - ��Ÿ������ : ��� �� ���� */
.sub1-3 { padding:110px 0; width:100%; margin:0 auto; position:relative; }

.technologyTab { border-bottom:1px solid #e4e6e9; border-top:2px solid #333; padding-top:20px; height:50px; width:100%; background:#fff; position:absolute; top:220px; font-size:13px; z-index:1 }
.technologyTab ul { width:1100px; margin:0 auto; }
.technologyTab li { float:left; margin:0 5px; color:#d4d6d9; }
.technologyTab li a { margin-right:10px; color:#666; } 
.technologyTab li.on a { color:#e60012; }
.technologyTab li a:hover { color:#e60012; }

.technologyWrap { background-size:cover; padding-top:120px; height:812px; color:#fff; }
.technologyWrap h4 { width:1100px; margin:0 auto; text-align:left; }
.technologyWrap.soccer { background:url('../images/bg_confirm_soccer.jpg') no-repeat !important; }
.technologyWrap.basketball { background:url('../images/bg_confirm_basketball.jpg') no-repeat !important; }
	.technologyWrap.basketball h4 { padding-left:1000px; }
	.technologyWrap.basketball .techContents ul.list { padding-left:600px; }
.technologyWrap.volleyball { background:url('../images/bg_confirm_volleyball.jpg') no-repeat !important; }
.technologyWrap.jokgu { background:url('../images/bg_confirm_jokgu.jpg') no-repeat !important; }
	.technologyWrap.jokgu h4 { padding-left:1000px; }
	.technologyWrap.jokgu .techContents { height:650px; }
	.technologyWrap.jokgu .techContents ul.list { padding-left:600px; }
.technologyWrap.tennis { background:url('../images/bg_confirm_tennis.jpg') no-repeat !important; }
	.technologyWrap.tennis .techContents { height:650px; }
.technologyWrap.handball { background:url('../images/bg_confirm_handball.jpg') no-repeat !important; }
	.technologyWrap.handball h4 { padding-left:1000px; }
	.technologyWrap.handball .techContents { height:650px; }
	.technologyWrap.handball .techContents ul.list { padding-left:600px; }

.techContents { width:1100px; margin:0 auto; text-align:left; position:relative; }
.techContents ul.list { display:inline-block; zoom:1; *display:inline; text-align:left; margin-top:30px; }
.techContents ul.list li { background:url(../images/icon07.png) no-repeat left 11px; padding-left:10px; font-size:15px; line-height:30px; }
.fixed { position:fixed; top:0; }

.technologyWrap .techContents ul.logo { float:right; display:inline-block; zoom:1; *display:inline; }
.technologyWrap .techContents ul.logo li { float:left; width:153px; height:153px; line-height:153px; text-align:center; margin:0 10px 10px 0; background:#fff; box-shadow:0px 3px 7px #999; }
.technologyWrap .techContents ul.logo li img { vertical-align:middle; }

.technologyWrap.soccer .techContents ul.logo { width:326px; position:absolute; bottom:0; right:0; }
.technologyWrap.basketball .techContents { height:650px; }
.technologyWrap.basketball .techContents ul.logo { width:326px; position:absolute; bottom:0; left:0; }
.technologyWrap.volleyball .techContents ul.logo { width:326px; position:absolute; top:-69px; right:0; }
.technologyWrap.jokgu .techContents ul.logo { width:326px; position:absolute; bottom:0; left:600px; }
.technologyWrap.tennis .techContents ul.logo { width:489px; position:absolute; bottom:0; left:0px; }
.technologyWrap.handball .techContents ul.logo { width:489px; position:absolute; bottom:0; left:600px; }




/* SUB1 - ��Ÿ������ : CEO�λ縻 */
.sub1-4 { padding:110px 0; width:1100px; margin:0 auto; position:relative; }
.ceoMessage { text-align:left; background:url(/uploadfiles/site/editor/6a140c367ccb2.jpg) no-repeat right top; line-height:24px; padding-bottom:100px; }
.ceoMessage .sign { padding:40px 0 65px 300px; background:url(../images/img08.png) no-repeat 290px bottom; } 
.ceoMessage .sign span { font-weight:500; color:#333; }



/* SUB1 - ��Ÿ������ : CI/BI */
.sub1-5 { padding:110px 0; width:1100px; margin:0 auto; position:relative; overflow:hidden; }
.sub1-5 ul { margin:30px auto 60px; overflow:hidden; float:right; }
.sub1-5 li { width:295px; height:50px; line-height:50px; float:left; font-size:12px; margin-right:5px; }
.sub1-5 li:hover a { color:#999; }
.sub1-5 li:first-child { background:url(../images/bg07.png) no-repeat; }
.sub1-5 li:last-child { background:url(../images/bg08.png) no-repeat; }
.sub1-5 li a { display:block; }



/* SUB1 - ��Ÿ������ : ����ä�� */
.sub1-6 { padding:110px 0; margin:0 auto; position:relative; }
.recruitTop { background:#f6f6f6; }
.recruitTop ul { overflow:hidden; display:inline-block; zoom:1; *display:inline; }
.recruitTop ul li { width:350px; height:330px; float:left; display:table-cell; line-height:330px; font-size:24px; color:#fff; letter-spacing:10px;  transition:all 0.4s ease; cursor:pointer; }
.recruitTop ul li:hover { letter-spacing:-1px; }
.recruitTop ul li:first-child { background:url(../images/img10.png) no-repeat; }
.recruitTop ul li:nth-child(2) { background:url(../images/img11.png) no-repeat; margin:120px 10px 0; }
.recruitTop ul li:last-child { background:url(../images/img12.png) no-repeat; margin:50px 0 0; }
.recruitStep { margin:120px 0; overflow:hidden; }
.recruitStep h3 { margin-bottom:60px; }
.recruitStep ul { width:1100px; margin:0 auto; }
.recruitStep ul li { float:left; padding:60px 75px 0; position:relative; }
.recruitStep ul li em { background:url(../images/icon06.png) no-repeat center; width:9px; height:18px; display:inline-block; position:absolute; right:0; top:30px; }
.recruitStep ul li:first-child { background:url(../images/icon01.png) no-repeat center top; }
.recruitStep ul li:nth-child(2) { background:url(../images/icon02.png) no-repeat center top; }
.recruitStep ul li:nth-child(3) { background:url(../images/icon03.png) no-repeat center top; }
.recruitStep ul li:nth-child(4) { background:url(../images/icon04.png) no-repeat center top; }
.recruitStep ul li:nth-child(5) { background:url(../images/icon05.png) no-repeat center top; }
.recruitList { width:1100px; margin:0 auto; }
.recruitList h3 { margin-bottom:60px; }
.recruitList ul { border-top:2px solid #333; }
.recruitList ul li dl { line-height:90px; }
.recruitList ul li dt { border-bottom:1px solid #e4e6e9; overflow:hidden; background:url(../images/common/icon11.png) no-repeat right 30px center; cursor:pointer; }
.recruitList ul li dt.opened { background:url(../images/common/icon10.png) no-repeat right 30px center; }
.recruitList ul li dt .title { float:left; width:15%; display:inline-block; zoom:1; *display:inline; font-size:13px; }
.recruitList ul li dt h4 { float:left; width:60%; display:inline-block; zoom:1; *display:inline; text-align:left; font-size:20px; color:#333; }
.recruitList ul li dt .date { float:left; width:25%; display:inline-block; zoom:1; *display:inline; font-size:13px; text-align:left; }
.recruitList ul li dt strong { color:#ff9000; }
.recruitList ul li dd { background:#fcfcfc; padding:60px; line-height:22px; font-size:13px; color:#333; }
.recruitList ul li dd .btnOk { margin-top:60px; }
.noRecruit { line-height:200px; color:#666; background:#fcfcfc; }



/* SUB1 - ��Ÿ������ : ���� */
.sub1-7 { padding:110px 0; width:1100px; margin:0 auto; position:relative; }
.spWrap {height:100%; }
.spWrap > div { position:relative; width:100%; min-height:312px; }
.spWrap > div > p{ position:absolute; text-align:right;font-size:13px; color:#fff; opacity:0;transition:opacity .7s; width:400px; height:540px; overflow:hidden; padding:30px; }
.spWrap > div.on > p{opacity:1}



/* SUB2 -*/
.subbg{background:url(../images/ex01-bg.png) repeat-x top left;}
.sub2-1 { padding:110px 0;  }
.sub2-2, .sub2-3, .sub2-4 { padding:110px 0; }
.sub2-1 .newest { width:1100px; margin:0 auto 60px; }
.sub2-1 .newest dl { padding:60px; border-bottom:1px solid #e4e6e9; background:#fff; overflow:hidden; }
.sub2-1 .newest dt { position:relative; width:444px; float:left; display:inline-block; zoom:1; *display:inline; overflow:hidden; }
.sub2-1 .newest dt img { width:100%; }
.sub2-1 .newest dd { position:relative; overflow:hidden; padding:30px 0 0 60px;/* height:428px;*/ text-align:left; }
.sub2-1 .newest dd span { display:block; margin-bottom:15px; font-weight:900; font-size:16px; color:#e60012; }
.sub2-1 .newest dd h3 { margin-bottom:10px; background:none; color:#000; }
.sub2-1 .newest dd p.model { font-size:20px; margin-bottom:20px; color:#999; }
.sub2-1 .newest dd .info { font-size:13px; line-height:200%; color:#999; }
.sub2-1 .newest dd .info p.exp { border-bottom:1px solid #e4e6e9; padding-bottom:20px; margin-bottom:20px; }
.sub2-1 .newest dd .info ul li strong { color:#333; width:70px; display:inline-block; }
.sub2-1 .newest .btn_more a { display: block; float: right; /*position:absolute;*/ right:0; bottom:0; width:103px; background:url(../images/common/bg_more1.png) no-repeat center bottom; padding-bottom:5px; font-size:13px; color:#e60012; }
.sub2-1 .newest .btn_more a:hover { opacity:0.7; }
.sub2-1 #bx-pager { position:absolute; top:0; left:0; float:left; display:inline-block; width:60px; z-index:111111; }
.sub2-1 #bx-pager ul li { position:relative; display:inline-block; float:left; width:20px; height:15px; }
.sub2-1 #bx-pager a { float:left; display:inline-block; width:6px; height:6px; margin:4px; border-radius:10px; background:#999; text-indent:9999px; position:absolute; bottom:0; }
.sub2-1 #bx-pager a.active { width:10px; height:10px; border:2px solid #999; background:#fff; margin:0; }
.sub2-1 #bx-pager2 { position:absolute; top:30px; left:30px; float:left; display:inline-block; width:60px; z-index:111111; }
.sub2-1 #bx-pager2 ul li { position:relative; display:inline-block; float:left; width:20px; height:15px; }
.sub2-1 #bx-pager2 a { float:left; display:inline-block; width:6px; height:6px; margin:4px; border-radius:10px; background:#999; text-indent:9999px; position:absolute; bottom:0; }
.sub2-1 #bx-pager2 a.active { width:10px; height:10px; border:2px solid #999; background:#fff; margin:0; }

.sub2-2 #bx-pager, .sub2-3 #bx-pager { position:absolute; top:30px; left:30px; float:left; display:inline-block; width:60px; z-index:111111; }
.sub2-2 #bx-pager ul li, .sub2-3 #bx-pager ul li { position:relative; display:inline-block; float:left; width:20px; height:15px; }
.sub2-2 #bx-pager a, .sub2-3 #bx-pager a { float:left; display:inline-block; width:13px; height:13px; border-radius:10px; background:#999; text-indent:9999px; position:absolute; bottom:0; }
.sub2-2 #bx-pager a.active, .sub2-3 #bx-pager a.active { width:10px; height:10px; border:2px solid #999; background:#fff; margin:0; }
.sub2-2 #bx-pager2, .sub2-3 #bx-pager2 { position:absolute; top:30px; left:30px; float:left; display:inline-block; width:60px; z-index:111111; }
.sub2-2 #bx-pager2 ul li, .sub2-3 #bx-pager2 ul li { position:relative; display:inline-block; float:left; width:20px; height:15px; }
.sub2-2 #bx-pager2 a, .sub2-3 #bx-pager2 a { float:left; display:inline-block; width:13px; height:13px; border-radius:10px; background:#999; text-indent:9999px; position:absolute; bottom:0; }
.sub2-2 #bx-pager2 a.active, .sub2-3 #bx-pager2 a.active { width:10px; height:10px; border:2px solid #999; background:#fff; margin:0; }

.productTop { position:relative; width:1100px; margin:0 auto; }
.productTop h3 { font-weight:400; background:none; color:#000; }
.productTop .selectBoxWrap { position:absolute; right:0; top:0; background:#fff; transition:ease 0.5s; padding:3px; }
.productTop .selectBoxWrap:hover #selectBox label { color:#e60012 !important; cursor:pointer; }
.productTop #selectBox { position:relative; width:120px; height:40px; background:url(../images/common/icon13.png) 90px center no-repeat; }
.productTop #selectBox label { position:absolute; font-size:16px; color:#333; top:7px; left:15px; letter-spacing:1px; }
.productTop #selectBox select#color { width:100%; height:40px; min-height:40px; line-height:40px; padding:0 10px; opacity:0; filter:alpha(opacity=0); }
.productTop #selectBox select:hover { cursor:pointer; }
.productTab { width:1100px; margin:60px auto 30px; border-bottom:1px solid #e4e6e9; border-top:2px solid #333; padding:15px 0; overflow:hidden;}
.productTab li { float:left; font-size:13px; margin-right:20px; }
.productTab li.total { font-weight:400; color:#e60012; }
.productTab li.total a { color:#000; }
.productTab li.on a { color:#e60012; font-weight:400; }
.productTab li a { transition:all 0.3s ease}
.productTab li a:hover { color:#e60012; }
.productTab li span { font-size:12px; }
.productTab li a span { color:#999; margin-left:1px; }
.product_list { width:1100px; margin:0 auto; overflow:hidden; }
.product_list dl { border-bottom:1px solid #e4e6e9; padding:30px 0; height:413px; }
.product_list dl:hover { cursor:pointer; }
.product_list dl:nth-child(3n+1) { width:366px; /*float:left;*/ display:inline-block; zoom:1; *display:inline; }
.product_list dl:nth-child(3n+2) { width:366px; /*float:left;*/ display:inline-block; zoom:1; *display:inline; }
.product_list dl:nth-child(3n+3) { width:368px; /*float:left;*/ display:inline-block; zoom:1; *display:inline; }
.product_list dt { margin-bottom:30px; }
.product_list dt img { width:85%; }
.product_list dd h4 { color:#333; font-size:18px; line-height:24px; width:260px; margin:0 auto 5px; }
.product_list dd p.model { color:#999; font-size:13px; }
.people_visual { float:left; width:1100px; position:relative; display:inline-block; margin-bottom:60px; }
.people_visual .left {float:left}
.people_visual .right {float:right;}
.people_visual .peopleList { float:left; }
.people_visual .peopleList ul:after {display:block; clear:both; content:"" }
.people_visual .peopleList ul { position:relative;/* float:left; */width:1100px; height:504px; }
.people_visual .peopleList ul:nth-child(5) { display:none; }
/* .people_visual .peopleList ul:last-child { display:none; } */
.people_visual .peopleList ul:first-child { margin-top:0; }
.people_visual .peopleList ul li {/* position:absolute;*/  position: relative;float: left; margin-bottom: 30px;}
.people_visual .peopleList ul>li.num:nth-child(6n+2) .back{ left:0; }
.people_visual .peopleList ul>li.num:nth-child(6n+4) .back{ left:-366px; }
.people_visual .peopleList ul>li.num:nth-child(6n+6) .back{ left:-732px; }
/*.people_visual .peopleList ul > li.num1 { left:0; }*/
/*.people_visual .peopleList ul > li.num2 { left:367px; }*/
/*.people_visual .peopleList ul > li.num3 { left:733px; }*/
.people_visual .peopleList ul > li:first-child { margin-left:0; }
.people_visual .peopleList ul li .front { /*position:absolute;*/ background:#fff; }
.people_visual .peopleList ul li .back {z-index: 10; transition: width  ease-in-out 0.8s; position:absolute; top: 0; left: 0; width:0px; height:474px; overflow:hidden; background:#fcfcfc; }
.people_visual .peopleList ul li .back dl { width:1100px; padding:0; border-bottom:0; }
.people_visual .peopleList ul li .back dt { position:relative; width:410px; height:412px; float:left; display:inline-block; zoom:1; *display:inline; overflow:hidden; padding:30px; background:#fff; border:1px solid #e4e6e9; }
.people_visual .peopleList .mobileList { display:none; }
.people_visual .peopleList ul li:hover .back{width: 1100px;} 


.bx-controls { z-index:1; position:absolute;  width:410px; display:block; top:210px; }
.bx-controls .bx-next { position:absolute; right:0; top:0; background:url(../images/common/btn_next2.png) no-repeat; width:51px; height:51px; display:inline-block; text-indent:-999px; }
.bx-controls .bx-prev { position:absolute; left:0; top:0; background:url(../images/common/btn_prev2.png) no-repeat; width:51px; height:51px; display:inline-block; text-indent:-999px; }
.newest .bx-controls  { width:100%; }
.bx-controls .bx-next img,.bx-controls .bx-prev img{display: none;}

.people_visual .peopleList ul li .back dt img { width:410px; }
.people_visual .peopleList ul li .back dd { position:relative; float:left; overflow:hidden; padding:0px 0 0 60px; width:508px;/* height:380px;*/ text-align:left; }
.people_visual .peopleList ul li .back dd span { display:block; margin-bottom:15px; font-weight:900; font-size:16px; color:#e60012; }
.people_visual .peopleList ul li .back dd h3 { margin-bottom:10px; background:none; color:#000; }
.people_visual .peopleList ul li .back dd p.model { font-size:20px; margin-bottom:20px; color:#999; }
.people_visual .peopleList ul li .back dd .info { font-size:13px; line-height:200%; color:#999; }
.people_visual .peopleList ul li .back dd .info p.exp { border-bottom:1px solid #e4e6e9; padding-bottom:20px; margin-bottom:20px; line-height:22px; }
.people_visual .peopleList ul li .back dd .info ul { width:auto; height:auto; }
.people_visual .peopleList ul li .back dd .info ul li { position:relative; height:24px; }
.people_visual .peopleList ul li .back dd .info ul li strong { color:#333; width:90px; display:inline-block; }
.people_visual .peopleList ul li .back .btn_more a {/* position:absolute;*/ display: block; float: right; right:0; bottom:15px; width:103px; background:url(../images/common/bg_more1.png) no-repeat center bottom; padding-bottom:5px; font-size:13px; color:#e60012; }
.people_visual .peopleList ul li .back .btn_more a:hover { opacity:0.7; }
.pointcontent { clear:both; overflow:hidden; width:1100px; margin:0 auto; }
.people_box { background:#fff; }
.btn_more_load { height:60px; width:60px; margin:60px auto 0; }
.btn_more_load a { background:#e4e6e9; padding:17px 14px 18px; display:block }
.btn_more_load a:hover { background:#e60012; transition:all 0.4s ease;transform: rotate(1.05);}
/*
.search_result_top { width:1100px; margin:0 auto 30px; border-bottom:2px solid #333; padding:0 0 30px; color:#333; 
    font-size: 24px;
    line-height: 40px;
    color: #333;
    font-weight: 100;
    display: inline-block;
	}
.search_result_top strong { margin:0 3px; color:#000; }
.search_result_top span { font-size:16px; background:#d4d6d9; padding:8px 13px 6px 11px; margin-left:20px; }
*/

.search_result_top { font-size:30px; line-height:40px; letter-spacing:-1px; background:url(../_images/common/bg_line2.png) repeat-x center bottom 7px; color:#666; font-weight:100; display:inline-block; margin-bottom:30px; }
.search_result_top strong { font-weight:100; }


/* SUB3 - ȫ������ : ���� */
.sub3-1, .sub3-2, .sub3-3 { padding:110px 0; width:1100px; margin:0 auto; position:relative; }
.sub3-2 iframe { margin:120px auto 0; position:relative; overflow:hidden; }
.newsList { clear:both; overflow:hidden; margin-bottom:60px; }
/*161018 sbong����*/
.tSearch { display:inline-block; width:100%; text-align:right; margin-bottom:30px; position:relative; }
.tSearch label { visibility:hidden; }
.tSearch input[type="text"] { height:44px; line-height:44px; border:0; border-bottom:1px solid #e4e6e9; color:#666; }
.tSearch input[type="text"]::-webkit-input-placeholder { color:#999; }
.tSearch input[type="text"]:-moz-placeholder { color:#999; }
.tSearch input[type="text"]::-moz-placeholder { color:#999; }
.tSearch input[type="text"]:-ms-input-placeholder { color:#999; }
.tSearch input[type="text"]:placeholder-shown { color:#999; }
.sub3-1 .btnWrap { margin-top:60px; }
.tSearch .subtxt { position:absolute; left:0; bottom:0; color:#666; font-size:13px;  }
.tSearch .subtxt span { color:#e60012; margin-right:4px; }
.tSearch .subtxt strong { text-decoration:underline; color:#333; }


.tSearch2 { display:inline-block; text-align:right; margin-bottom:30px; position:relative; float:right; }
.tSearch2 form { background:#fbfbfc; width:350px; float:right; }
.tSearch2 label { visibility:hidden; display:none; }
.tSearch2 input[type="text"] { height:55px; line-height:55px; border:0; background:#fbfbfc; color:#666; width:280px; float:left; text-align:center; }
.tSearch2 input[type="text"]::-webkit-input-placeholder { color:#999; }
.tSearch2 input[type="text"]:-moz-placeholder { color:#999; }
.tSearch2 input[type="text"]::-moz-placeholder { color:#999; }
.tSearch2 input[type="text"]:-ms-input-placeholder { color:#999; }
.tSearch2 input[type="text"]:placeholder-shown { color:#999; }
.tSearch .subtxt { position:absolute; left:0; bottom:0; color:#666; font-size:13px;  }
.tSearch .subtxt span { color:#e60012; margin-right:4px; }
.tSearch .subtxt strong { text-decoration:underline; color:#333; }


.newsList dl { position:relative; float:left; display:inline-block; zoom:1; *display:inline; margin-bottom:30px; overflow:hidden; }
.newsList dl:hover { cursor:pointer; }
.newsList dl:nth-child(3n+2) { margin:0 30px 30px; }
.newsList dl dt { background:#000; width:345px; height:380px; overflow:hidden; position:relative; }
.newsList dl dt em { position:absolute; left:30px; top:0px; width:60px; height:60px; line-height:50px; color:#fff; display:inline-block; z-index:1; font-size:13px; }
.newsList dl dt em { background:url(../images/common/icon06.png) no-repeat center; }
.newsList dl dt img { opacity:0.8; transition:transform 0.5s linear; width:100%; }
.newsList dl:hover dt img { opacity:1; transform: scale(1.10);	-moz-transform: scale(1.10); -webkit-transform: scale(1.10); -o-transform: scale(1.10); -ms-transform: scale(1.10); /* IE 9 */ -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1.05, M12=0, M21=0, M22=1.05, SizingMethod='auto expand')"; /* IE8 */ filter: progid:DXImageTransform.Microsoft.Matrix(M11=1.05, M12=0, M21=0, M22=1.05, SizingMethod='auto expand'); /* IE6 and 7 */  }
.newsList dl dd { position:absolute; left:0; bottom:0px; text-align:left; }
.newsList dl dd p { color:#fff; font-size:21px; font-weight:900; line-height:30px; letter-spacing:-1px; word-break:keep-all; display:inline-block; width:285px; padding-left:30px; margin-bottom:5px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; white-space: normal; word-wrap:break-word; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; max-height:60px; }
.newsList dl dd span {font-size:12px;font-weight:400;width:285px;padding-left:30px;color:#fff;display: none;}
.newsList dl dd { width:345px; padding:30px 0 20px; background:url(../images/common/bg_title.png) no-repeat center 140px; -webkit-transition: background-position 1s; -moz-transition: background-position 1s; transition: background-position 1s; }
.newsList dl:hover dd { background-position: 0 0px; }




/* SUB3 - ȫ������ : �̺�Ʈ */
.eventList { clear:both; overflow:hidden; margin-bottom:60px; font-size:17px; }
.eventList dl { position:relative; float:left; display:inline-block; zoom:1; *display:inline; margin-bottom:30px; overflow:hidden; }
.eventList dl:hover { cursor:pointer; }
.eventList dl:nth-child(3n+2) { margin:0 30px 30px; }
.eventList dl dt { background:#000; width:345px; height:360px; overflow:hidden; position:relative; }
.eventList dl dt em { position:absolute; left:30px; top:0px; width:60px; height:60px; line-height:50px; color:#fff; display:inline-block; z-index:1; font-size:13px; }
.eventList dl.ong dt em { background:url(../images/common/icon06.png) no-repeat center; }
.eventList dl.ong dt img { opacity:0.8; transition:transform 0.5s linear; }
.eventList dl.ong:hover dt img { opacity:1; transform: scale(1.10);	-moz-transform: scale(1.10); -webkit-transform: scale(1.10); -o-transform: scale(1.10); -ms-transform: scale(1.10); /* IE 9 */ -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1.05, M12=0, M21=0, M22=1.05, SizingMethod='auto expand')"; /* IE8 */ filter: progid:DXImageTransform.Microsoft.Matrix(M11=1.05, M12=0, M21=0, M22=1.05, SizingMethod='auto expand'); /* IE6 and 7 */  }
.eventList dl dd { position:absolute; left:0; bottom:0px; text-align:left; }
.eventList dl dd p { color:#fff; font-size:21px; font-weight:900; line-height:30px; letter-spacing:-1px; word-break:keep-all; display:block; width:285px; padding-left:30px; margin-bottom:5px; }
.eventList dl dd span { font-size:12px; font-weight:400; width:285px; padding-left:30px; color:#ccc; }
.eventList dl dd { width:345px; padding:30px 0 20px; background:url(../images/common/bg_title.png) no-repeat center 140px; -webkit-transition: background-position 1s; -moz-transition: background-position 1s; transition: background-position 1s; }
.eventList dl.ong:hover dd { background-position: 0 0px; }
.eventList dl.com dt em { background:url(../images/common/icon07.png) no-repeat center; }
.eventList dl.com dt img { opacity:0.5; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: url(grayscale.svg); /* Firefox 4+ */ filter: gray; /* IE 6-9 */ }




/* SUB3 - ȫ������ : �ڷ�� */
.prList { clear:both; overflow:hidden; margin-bottom:60px; }
.prList dl { position:relative; float:left; display:inline-block; zoom:1; *display:inline; margin-bottom:30px; overflow:hidden; }
.prList dl:hover { cursor:pointer; }
.prList dl:nth-child(3n+2) { margin:0 30px 30px; }
.prList dl dt { background:#000; width:345px; height:360px; overflow:hidden; position:relative; }
.prList dl dt em { position:absolute; left:30px; top:0px; width:60px; height:60px; line-height:50px; color:#fff; display:inline-block; z-index:1; font-size:13px; }
.prList dl dt em { background:url(../images/common/icon06.png) no-repeat center; }
.prList dl dt img { opacity:0.8; transition:transform 0.5s linear; }
.prList dl:hover dt img { opacity:1; transform: scale(1.10);	-moz-transform: scale(1.10); -webkit-transform: scale(1.10); -o-transform: scale(1.10); -ms-transform: scale(1.10); /* IE 9 */ -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1.05, M12=0, M21=0, M22=1.05, SizingMethod='auto expand')"; /* IE8 */ filter: progid:DXImageTransform.Microsoft.Matrix(M11=1.05, M12=0, M21=0, M22=1.05, SizingMethod='auto expand'); /* IE6 and 7 */  }
.prList dl dd { position:absolute; left:0; bottom:0px; text-align:left; }
.prList dl dd p { color:#fff; font-size:21px; font-weight:900; line-height:30px; letter-spacing:-1px; word-break:keep-all; display:block; width:205px; padding-left:30px; margin-bottom:5px; }
.prList dl dd span { position:absolute; right:30px; bottom:30px; }
.prList dl dd { width:345px; padding:30px 0 20px; background:url(../images/common/bg_title.png) no-repeat center 140px; -webkit-transition: background-position 1s; -moz-transition: background-position 1s; transition: background-position 1s; }
.prList dl:hover dd { background-position: 0 0px; }




/* SUB4 - �?���� : �����ȳ� */
.sub4-1 { padding:110px 0; width:1100px; margin:0 auto; position:relative; }
.location { position:relative; height:715px; }
.location .tabContents { color:#333; line-height:22px; word-break:keep-all; }
.location .tabContents .localView { display: none; border:1px solid #e4e6e9; position:absolute; right:0; top:0; }
.location .tabContents .localView div { display:block; width:731px; height:715px; position:relative; }
.location .tabContents.type2 .localView div { height:715px; }
.location .tabContents div p { color:#333; border:1px solid #e4e6e9; background:#fff; padding:20px 30px; font-size:16px; font-weight:500; width:610px; top:30px; left:30px; position:absolute; z-index:111111111 }
.location .tabContents div p span { font-size:13px; color:#999; }
.location .tabContents div p span em { margin-right:10px; border-right:1px solid #e4e6e9; padding-right:10px; }
.location input { display: none; }
.location label { display: inline-block; width:358px; height:118px; border:1px solid #e4e6e9; text-align:left; position:absolute; left:0; background:url(../images/customer/icon01.png) no-repeat 300px center; }
.location label:hover {color: #333; cursor: pointer; }
.location label strong { display:block; color:#333; font-size:20px; padding:30px 0 5px 30px; }
.location label span { color:#999; padding-left:30px; }
.location input:checked + label { background:url(../images/customer/icon02.png) no-repeat 300px center #e60012; color:#fff; transition:ease 0.3s }
.location input:checked + label strong, .location input:checked + label span { color:#fff; }
.location #tab1:checked ~ .tabContents #content1,
.location #tab2:checked ~ .tabContents #content2,
.location #tab3:checked ~ .tabContents #content3,
.location #tab4:checked ~ .tabContents #content4,
.location #tab5:checked ~ .tabContents #content5,
.location #tab6:checked ~ .tabContents #content6,
.location #tab7:checked ~ .tabContents #content7,
.location #tab8:checked ~ .tabContents #content8,
.location #tab9:checked ~ .tabContents #content9,
.location #tab10:checked ~ .tabContents #content10,
.location #tab11:checked ~ .tabContents #content11,
.location #tab12:checked ~ .tabContents #content12 { display: block; }




/* SUB4 - �?���� : AS���� */
.sub4-2 { padding:110px 0; width:1100px; margin:0 auto; position:relative; }
.sub4-2 .topinfo { text-align:right; margin-bottom:5px; position:absolute; right:0; top:25px; }
.sub4-2 .topinfo strong { color:#111; }
.sub4-2 .topinfo span { color:#ddd; padding:0 10px; }
.astableWrap { position:relative; }
.astableWrap h4 { font-weight:400; background:none; color:#000; margin-bottom:60px; font-size:26px; }
.astableWrap thead th { border-top:2px solid #333; padding:90px 0 15px; }
.astableWrap thead th:first-child { border-top:2px solid #e60012; }
.astableWrap thead th:nth-child(2) { background:url(../images/customer/icon03.png) no-repeat center 30px; }
.astableWrap thead th:nth-child(3) { background:url(../images/customer/icon04.png) no-repeat center 45px; }
.astableWrap thead th:nth-child(4) { background:url(../images/customer/icon05.png) no-repeat center 38px; }
.astableWrap thead th:nth-child(5) { background:url(../images/customer/icon06.png) no-repeat center 30px; }
.astableWrap thead th:nth-child(6) { background:url(../images/customer/icon07.png) no-repeat center 30px; }
.astableWrap tr { border-bottom:1px solid #e4e6e9; }
.astableWrap th { color:#333; }
.astableWrap td { padding:20px 0; font-size:13px; line-height:20px; }




/* SUB4 - �?���� : ��� �亯 */
.sub4-3 { padding:110px 0; width:1100px; margin:0 auto; position:relative; }
.sub4-3 .btnWrap { margin-top:60px; }
.board { width:100%; font-size:13px; border-top:2px solid #333; margin-bottom:60px; }
.board thead { height:50px; line-height:50px; border-bottom:1px solid #d4d6d9; color:#333; }
.board thead th:first-child { border-top:2px solid #e60012; }
.board tbody, .board tbody a { color:#666; }
.board tbody tr { border-bottom:1px solid #e4e6e9; line-height:40px; }
.board tbody td:nth-child(4) { text-align:left; text-indent:20px; }
.board tbody td a:hover { color:#000; }
.board tbody td .ncomp { color:#e60012; }
.board tbody td em { margin-left:5px; line-height:40px; }
.board tbody td img { vertical-align:middle; }
.boardWrap { }
.boardWrap .btnMore a { background:url(../_images/common/btn_more2.png) no-repeat center #d4d6d9; width:60px; height:60px; display:inline-block; }
.boardWrap .btnMore a:hover { background:url(../images/common/btn_more2.png) no-repeat center #e4e6e9; }
.boardWrap .btnList a { background:url(../images/common/btn_list.png) no-repeat center #d4d6d9; width:60px; height:60px; display:inline-block; position:relative; }
.boardWrap .btnList a:hover { background:#d4d6d9; }
.boardWrap .btnList a:hover:before { background:#d4d6d9; content:"列表"; position:absolute; top:18px; left:16px; color:#fff; }
.boardWrap .btnWrap { position:relative; }
.boardWrap .btnPrev { position:absolute; right:0; top:15px; font-size:13px; }
.boardWrap .btnPrev span { background:url(../images/common/icon09.png) no-repeat right center; padding:0 20px; color:#999; }
.boardWrap .btnPrev a:hover { color:#666; }
.boardWrap .btnNext { position:absolute; left:0; top:15px; font-size:13px; }
.boardWrap .btnNext span { background:url(../images/common/icon08.png) no-repeat left center; padding:0 20px; color:#999; }
.boardWrap .btnNext a:hover { color:#666; }
.boardWrap .board-body .btnWrap { display:inline-block; overflow:hidden; }
.boardWrap .board-body .btnWrap a { width:90px; height:40px; line-height:40px; display:inline-block; zoom:1; *display:inline; color:#999; border:1px solid #d4d6d9; padding-left:10px; }
.boardWrap .board-body .btnWrap a:hover { color:#666; }
.boardWrap .btnModify a { background:url(../images/common/icon03.png) no-repeat 15px 11px #fff; float:left; }
.boardWrap .btnDelete a { background:url(../images/common/icon04.png) no-repeat 15px 11px #fff; margin-left:-1px; }
.boardWrap .commentArea { margin:30px 0 60px; }
.boardWrap span.comp { font-size:13px; line-height:40px;}
.replyWrapper { border:1px solid #e4e6e9; padding:20px; background:url(../images/common/icon05.png) no-repeat left 42px top 40px; }
.replyWrapper textarea { border-left:1px solid #e4e6e9; width:820px; height:80px; margin-left:100px; text-align:left; padding:0 20px; line-height:22px; }
.replyWrapper a { background:#e60012; color:#fff; width:90px; height:80px; display:inline-block; line-height:80px; font-size:13px; }
.replyWrapper a:hover { background:#fa0012; }
.replyWrapper a.login_m { background:#FEB45D; }
.replyWrapper a.login_m:hover { background:#ffa842; }
.commentList { margin-top:30px; }
.commentList li { min-height:40px; border-bottom:1px solid #e4e6e9; overflow:hidden; padding:10px 0; font-size:13px; color:#666; line-height:22px; }
.commentList li dt { float:left; width:140px; height:40px; line-height:40px; margin-right:10px; font-weight:400; }
.commentList li dd div { float:left; text-align:left; padding:10px 0; }
.commentList li dd div.text { width:840px; padding-right:30px; }
.commentList li dd div.date { font-size:12px; text-align:center; }
.commentList li .date { float:left; color:#999; width:80px; padding-top:10px; }
.commentList li .date p:last-child { margin-top:5px; float:right; }
.commentList li a.delBtn { background:#d4d6d9; padding:5px 7px 3px 6px; border-radius:30px; color:#fff; width:15px; height:10px; font-size:11px; margin-left:10px; }
.commentList .commentModify { background:#fbfbfb; padding:10px 0; }
.commentList .commentModify textarea { color:#666; border:1px solid #e4e6e9; background:#fff; width:800px; height:40px; padding:20px; }
.commentList .commentModify dl { overflow:hidden; } 
.commentList .commentModify dt { float:left; width:140px; height:40px; line-height:40px; margin-right:10px; font-weight:400; font-size:13px; color:#666; line-height:22px; }
.commentList .commentModify dd { float:left; position:relative; width:950px; text-align:left; }
.commentList .commentModify dd .btnOk { width:80px; height:80px; line-height:80px; text-align:center; }
.commentList .commentModify dd .btnOk { position:absolute; right:20px; top:0; }
.board-view { margin-bottom:60px; }
.board-view .board-title { text-align:left; text-indent:30px; font-size:20px; color:#333; font-weight:400; border-top:2px solid #333; border-bottom:1px solid #e4e6e9; height:90px; line-height:90px; position:relative; }
.board-view .board-title li { float:left; }
.board-view .board-title .type, .board-view .board-title .date { font-size:12px; color:#999; }
.board-view .board-title .date { position:absolute; right:30px; top:0; }
.board-body { padding:0 0 60px; background:#fdfdfd; font-size:13px; border-bottom:1px solid #e4e6e9; }
.board-body .file { text-align:left; line-height:30px; height:30px; color:#666; padding:10px 30px; border-bottom:1px solid #e4e6e9; background:#fff; font-size:12px;  }
.board-body .file strong { margin-right:10px; background:url(../images/common/icon_file.png) no-repeat left 0px; padding-left:17px; }
.board-body .file a { color:#666; }
.board-body .file a:hover { text-decoration:underline; color:#999; }
.board-body .file span { float:right; color:#999; }
.board-body p { line-height:22px; }
.board-body .txtArea { padding:60px; color:#333; font-size:15px; line-height:24px; }
.board-body .replyArea { position:relative; }
.board-body .replyArea dt { background:#e60012; color:#fff; text-align:center; width:90px; height:90px; line-height:90px; position:absolute; left:30px; top:-30px; }
.board-body .replyArea dd { background:#fff; padding:60px; }
.board-body .replyArea dd span { position:absolute; right:30px; top:20px; line-height:20px; font-size:12px; text-align:right; color:#999; }
.board-body .replyArea dd span em { color:#d4d6d9; padding:0 8px; }
.board-body .replyArea dd span strong { color:#666; }
.board-write { margin-bottom:60px; border-top:2px solid #333; width:100%; text-align:left; }
.board-write tr { line-height:50px; border-bottom:1px solid #d4d6d9; vertical-align:middle; }
.board-write th { background:#fbfbfb; color:#666; }
.board-write td { font-size:13px; }
.board-write td input { vertical-align:middle; }
.board-write td input[type="text"] { border:1px solid #d4d6d9; line-height:40px; height:40px; width:80%; margin-left:20px; text-indent:20px; color:#333; }
.board-write td span.sel { margin-left:20px; position:relative; } 
.board-write td span.sel input { position:absolute; left:0; top:2px; }
.board-write td label { padding-left:20px; }
.board-write td textarea { padding:30px; width:1040px; height:350px; color:#333; }
.board-write td input[type="file"] { margin:0 20px; height:30px; line-height:30px; }
.board-write td span.info { font-size:12px; color:#999; }
.board-write td span.info strong { color:#e60012; margin-right:5px; }
.board-write td.sec { position:relative; text-indent:20px; background:#fbfbfb; border-bottom:2px solid #d4d6d9; }
.board-write td.sec input { position:absolute; left:45px; top:18px; border:1px solid #d4d6d9; }
.board-write td.sec label { padding-left:50px; }

	/* table size */

	.board thead th:first-child, .board tbody td:first-child { width:70px; }
	.board thead th:nth-child(2), .board tbody td:nth-child(2) { width:80px; }
	.board thead th:nth-child(3), .board tbody td:nth-child(3) { width:30px; }
	.board thead th:nth-child(4), .board tbody td:nth-child(4) { width:auto; }
	.board thead th:nth-child(5), .board tbody td:nth-child(5) { width:100px; }
	.board thead th:nth-child(6), .board tbody td:nth-child(6) { width:150px; }
	.board thead th:nth-child(7), .board tbody td:nth-child(7) { width:100px; }




/* SUB4 - �?���� : FAQ */
.sub4-4 { padding:110px 0; width:1100px; margin:0 auto; position:relative; }
.faqList { width:1100px; margin:0 auto; }
.faqList h3 { margin-bottom:60px; }
.faqList ul { border-top:2px solid #333; }
.faqList ul li dl { line-height:60px; }
.faqList ul li dt { border-bottom:1px solid #e4e6e9; overflow:hidden; background:url(../images/common/icon11.png) no-repeat right 30px center; cursor:pointer; padding:10px 0px; }
.faqList ul li dt.opened { background:url(../images/common/icon10.png) no-repeat right 30px center; }
.faqList ul li dt .title { float:left; width:7%; display:inline-block; zoom:1; *display:inline; font-size:24px; color:#e60012; text-align:right; }
.faqList ul li dt strong { float:left; width:17%; display:inline-block; zoom:1; *display:inline; font-size:13px; color:#999; }
.faqList ul li dt h4 { float:left; width:76%; display:inline-block; zoom:1; *display:inline; text-align:left; font-size:15px; color:#333; }
.faqList ul li dd { background:#fcfcfc; padding:60px; line-height:24px; font-size:15px; color:#333; position:relative; }
.faqList ul li dd .btnOk { margin-top:60px; }
.faqList ul li dd .title { position:absolute; left:59px; top:30px; font-size:24px; color:#999; }
.tabSearchWrap { position:relative; width:100%; overflow:hidden; }
.faqTab { z-index:1111; position:absolute; left:0; top:40px; font-size:13px; }
.faqTab li { float:left; margin:0 5px; color:#d4d6d9; }
.faqTab li a { margin-right:10px; color:#999; }
.faqTab li.on a { color:#000; font-weight:400 }
.faqTab li a:hover { color:#666; }



/* SUB5 - ���̵�,��й�ȣ ã�� */
.sub5-1 { padding:110px 0; width:1100px; margin:0 auto; position:relative; }
.sub5-1 .findTable { border:1px solid #d4d6d9;  border-top:2px solid #333; width:500px; margin:0 auto; padding:60px; }
.sub5-1 .findTable h4 { font-size:20px; font-weight:400; color:#333; text-align:left; margin-bottom:30px; }
.sub5-1 .findTable p { position:relative; text-align:left; }
.sub5-1 .findTable label { visibility:hidden; position:absolute; }
.sub5-1 .findTable input[type="text"] { border:1px solid #d4d6d9; line-height:40px; height:40px; text-indent:20px; color:#333; margin-bottom:10px; width:497px; display:inline-block; zoom:1; *display:inline; }
.sub5-1 .findTable span { line-height:40px; padding:0 10px; }
.sub5-1 .findTable .btnOk { margin-top:20px; }
.sub5-1 .findId { margin-bottom:60px; }
.infoTxt { font-size:12px; color:#999; text-align:left; }
.infoTxt:first-child { margin-top:60px; }
.infoTxt strong { color:#e60012; margin-right:5px; }




/* SUB5 - ȸ����1�ܰ� */
.sub5-2 { padding:110px 0; width:1100px; margin:0 auto; position:relative; }
.sub5-2 .btnOk { margin-top:60px; }
.stepWrap p{ font-size:12px; color:#999; text-align:left; }
.stepWrap p:first-child { }
.stepWrap p strong { color:#e60012; margin-right:5px; }
.step { overflow:hidden; border-left:1px solid #d4d6d9; }
.step li { display:inline-block; zoom:1; *display:inline; width:33.2%; border:1px solid #d4d6d9; padding:30px 0; float:left; margin-left:-1px; }
.step li.on { font-weight:400; color:#333; border-top:2px solid #333; padding:29px 0 30px; }
.step li span { display:block; font-size:13px; color:#999; font-weight:100; }
.joinBox { padding:60px 0 0; }
.joinBox h4 { font-size:20px; font-weight:400; color:#333; text-align:left; margin-bottom:30px; }
.joinBox textarea { background:#fbfbfb; width:1040px; height:250px; padding:30px; line-height:28px; }
.joinBox p { padding:15px 0; text-align:right; border-bottom:1px solid #e4e6e9; }
.chkBox { line-height:28px; }
.chkBox label { background:url(../images/common/bg_check.png) no-repeat left 3px; display:inline-block; cursor:pointer; padding-left:30px; }
.chkBox input[type="checkbox"]:checked + label{ background:url(../images/common/bg_check.png) no-repeat left -38px; }
.chkBox input[type="checkbox"]{display:none;}




/* SUB5 - ȸ����2�ܰ� */
.sub5-3 { padding:110px 0; width:1100px; margin:0 auto; position:relative; }
.sub5-3 .join { margin-top:10px; }
.sub5-3 .join th { background:#fbfbfb; font-weight:100; }
.sub5-3 .join th em { color:#e60012; margin-right:5px; }
.sub5-3 .join td { text-align:left; padding:7px 0 7px 30px; }
.sub5-3 .board tbody th { width:100px; }
.sub5-3 .board tbody td { width:500px; }
.sub5-3 .join td input { vertical-align:middle; }
.sub5-3 .join td input[type="text"], .sub5-3 .join td input[type="password"] { border:1px solid #d4d6d9; line-height:30px; height:30px; text-indent:10px; color:#333; }
.sub5-3 .join td input:first-child, .sub5-3 .join td select:first-child { }
.sub5-3 .join select  { border:1px solid #d4d6d9; line-height:32px; height:32px; padding-left:10px; color:#333; vertical-align:middle; }
.sub5-3 .join select.numberSelect { width:55px; }
.sub5-3 .join select.emailSelect { width:150px; padding-left:5px; }
.sub5-3 .join .jBtn { background:#333; color:#fff; font-size:13px; padding:9px; margin:10px 0 0 10px; }
.sub5-3 .join .jBtn:hover { background:#444; }
.sub5-3 .join em { margin:0 5px; }
.sub5-3 .join span { margin-left:10px; font-size:13px; color:#999;display: inline-block; vertical-align: middle;}
.sub5-3 .join td.chkBox p { position:relative; width:80px; display:inline-block; }
.sub5-3 .join td.chkBox p { position:relative; }
.sub5-3 .joinWrap { position:relative; }
.sub5-3 .stepWrap p { margin-top:60px; }
.sub5-3 .joinWrap .btnCancel { position:absolute; right:0; top:-20px; }
.joinWrap .txtArea1 { width:90%; height:300px; border:1px solid #d4d6d9; margin:7px 0; }




/* SUB5 - ȸ���� �Ϸ� */
.joinFinish { background:url(../images/member/img01.png) no-repeat center 120px; padding:180px 0 60px; }
.joinFinish h4 { font-size:36px; color:#333; font-weight:300; }
.joinFinish p { padding-bottom:390px; }




/* SUB5 - ��� */
.sub5-4 { padding:110px 0; width:1100px; margin:0 auto; position:relative; }
.loginWrap .loginBox { padding:60px 60px 30px; background:#fff; width:400px; margin:0 auto; border:1px solid #e4e6e9; border-top:2px solid #333; }
.loginWrap .loginBox .info { position:relative; font-size:13px; }
.loginWrap .loginBox .info label { position:absolute; left:0; top:10px; visibility:hidden; }
.loginWrap .loginBox .info input { border:0; border-bottom:1px solid #e4e6e9; padding:20px 0; width:100%; background:#fff; }
.loginWrap .loginBox .info input:last-child { margin-bottom:30px; }
.loginWrap .loginBox .btnLogin { border:0; background:#e60012; color:#fff; width:100%; padding:15px 0; text-align:center; /*font-family:'NanumBarunGothic','Dotum';*/ cursor:pointer; font-size:16px; }
.loginWrap .loginBox ul { text-align:center; display:inline-block; margin:30px 0; }
.loginWrap .loginBox ul li { color:#e4e6e9; float:left; margin-right:10px; }
.loginWrap .loginBox ul li a { color:#666; font-size:13px; }
.loginWrap .loginBox ul li a:hover { color:#333; }
.loginWrap .loginBox ul li:first-child a { margin-right:10px; }




/* SUB5-5 : �̿��� */
.sub5-5 { padding:110px 0; width:1100px; margin:0 auto; position:relative; }
.email p { color:#333; margin-bottom:30px; border:1px solid #e4e6e9; padding:30px; line-height:26px; }
.email p span { font-size:12px; display:block; text-align:right; color:#999; }
.email p span strong { margin-left:5px; }
.email dl { background:#fcfcfc; border:1px solid #e4e6e9; padding:30px; }
.email dl dt { text-align:left; color:#333; margin-bottom:15px; }
.email dl dt strong { color:#ab000d; margin-right:5px; }
.email dl dt span { color:#999; font-size:13px; }
.email dl dd { text-align:left; font-size:13px; line-height:24px; color:#666; }




/* SUB5-6 : ����������޹�ħ */
.sub5-6 { padding:110px 0; width:1100px; margin:0 auto; position:relative; line-height:22px; }
.privacyWrap { height:500px; overflow-y:scroll; text-align:left; font-size:12px; border:1px solid #e4e6e9; background:#fcfcfc; padding:30px; }
.privacyWrap h4 { font-size:16px; margin-bottom:20px; font-weight:800; color:#b9000e; }
.privacyWrap h5 { font-size:14px; color:#000; }
.privacyWrap h6 { font-size:13px; margin-bottom:5px; color:#fff; background:#999; padding:0 8px; display:inline-block; }
.privacyWrap p { color:#333; margin:10px 0 5px; }



/* SUB ���� - PAGING */
.paging { text-align:center; display:inline-block; zoom:1; *display:inline; color:#e4e6e9; }
.paging a { font-size:13px; color:#999; padding:5px; }
.paging a:hover { color:#333; }
.paging a:first-child { margin-left:20px; }
.paging a:last-child { margin-right:10px; }
.paging .t_menu { color:#333; vertical-align:top; padding:6px 9px 4px; /*text-decoration:underline;*/ }