@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url('edit_style.css');
@import url('print.css');
@font-face {
 font-family: "easyOpensans";
 src: url('/common/css/font/OpenSans-Regular.eot');
 src: local('?'), url('/common/css/font/OpenSans-Regular.woff') format('woff'), url('/common/css/font/OpenSans-Regular.ttf') format('truetype'), url('OpenSans-Regular.otf') format('opentype');
 font-weight: normal;
 font-style: normal;
}/* font-family:"easyOpensans", "easyOpensans02", dotum,"돋움",sans-serif; color:#666;*/

@font-face {
 font-family: "easyOpensansBold";
 src: url('/common/css/font/OpenSans-Bold.eot');
 src: local('?'), url('/common/css/font/OpenSans-Bold.woff') format('woff'), url('/common/css/font/OpenSans-Bold.ttf') format('truetype'), url('OpenSans-Bold.otf') format('opentype');
 font-weight: normal;
 font-style: normal;
}/*font-family:"easyOpensansBold", dotum,"돋움",sans-serif*/

@font-face {
 font-family: "NexonGothicStd-Light";
 src: url('/common/css/font/NexonGothicStd-Light.eot');
 src: local('?'), url('/common/css/font/NexonGothicStd-Light.woff') format('woff'), url('/common/css/font/NexonGothicStd-Light.ttf') format('truetype'), url('NexonGothicStd-Light.otf') format('opentype');
 font-weight: normal;
 font-style: normal;
}/*font-family:"easyOpensansBold", dotum,"돋움",sans-serif*/

@font-face {
 font-family: "NexonGothicStd-Medium";
 src: url('/common/css/font/NexonGothicStd-Medium.eot');
 src: local('?'), url('/common/css/font/NexonGothicStd-Medium.woff') format('woff'), url('/common/css/font/NexonGothicStd-Medium.ttf') format('truetype'), url('NexonGothicStd-Medium.otf') format('opentype');
 font-weight: normal;
 font-style: normal;
}/*font-family:"easyOpensansBold", dotum,"돋움",sans-serif*/

@font-face {
 font-family: "NexonGothicStd-Bold";
 src: url('/common/css/font/NexonGothicStd-Bold.eot');
 src: local('?'), url('/common/css/font/NexonGothicStd-Bold.woff') format('woff'), url('/common/css/font/NexonGothicStd-Bold.ttf') format('truetype'), url('NexonGothicStd-Bold.otf') format('opentype');
 font-weight: normal;
 font-style: normal;
}/*font-family:"easyOpensansBold", dotum,"돋움",sans-serif*/

*{margin:0; padding:0; -webkit-text-size-adjust:none;}
html{width:100%; height:100%;}
body{position:relative; font-size:12px; font-family:"Nanum Gothic", sans-serif, dotum,"돋움",sans-serif; color:#666;}
body,div,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,p,form,fieldset,input,table,tr,th,td{margin:0; padding:0}
ul,ol,li{list-style:none}
img, fieldset{border:none; vertical-align:top}
legend{display:none}
button{vertical-align:middle;}
input, select{height:16px; vertical-align:middle; background:#fff; border:1px solid #e6e6e6;color:#666;font-family:"Nanum Gothic", sans-serif, dotum,"돋움",sans-serif;}
input{padding:3px;}
select{padding:2px}
textarea{font-size:13px; font-family:"Nanum Gothic", sans-serif, dotum,"돋움",sans-serif; color:#666; padding:3px; vertical-align:middle; background:#fff; border:1px solid #ddd; color:#777}
.checkbox{padding:0; margin:0; border:0;}
.disNone{display:none;}
a{text-decoration:none; color:#666;}
a:hover, a:focus, a:active{text-decoration:none; color:#666;}
table{width:100%; border-collapse:collapse}
.disB{display:block}
caption {position:absolute; left:-2000%;}
br {font-family:dotum !important} /* 2020-04-02 추가 */

/* 간격, 폰트 */
.mt5{margin-top:5px}
.mt10{margin-top:10px}
.mt15{margin-top:15px}
.mt20{margin-top:20px}
.mt25{margin-top:25px}
.mt25{margin-top:25px}
.mt30{margin-top:30px}
.mt35{margin-top:35px}
.mt40{margin-top:40px}
.mt45{margin-top:45px}
.mt50{margin-top:50px}
.mt55{margin-top:55px}
.mt60{margin-top:60px}
.mt75{margin-top:75px}
.mt80{margin-top:80px}
.pl20{padding-left:20px;}
.ml3{margin-left:3px !important;} /*2014-09-12 추가*/

/* default */
.taC{text-align:center}
.taR{text-align:right}
.taL{text-align:left;}
.pBox {overflow: hidden;position: relative; width:100%;}
.subScript{position:absolute; top:-9999px; left:-9999px;}
.floR {float:right;}
.trans {position:absolute; left:-2000%}
.disIb{display:inline-block;} /*2015-05-08 추가*/
.verM img{vertical-align:middle; margin-top:-2px;} /*2015-05-08 추가*/

/* common */
/* -----------------------------------------------------------------------------------------------------------------------------------2018-12-17 수정 */
#wrapper{position:relative; width:100%;}
#header{position:fixed; top:0; left:0; width:100%; z-index:1000; background:#fff;}
#header .hDiv{position:relative; width:970px; height:200px; margin:0 auto; padding-top:0; /* border-bottom:2px solid #444 */}
#header .hDiv .hTop{width:100%; height:110px;}
#header .hDiv .hTop h1{position:absolute; top:45px; left:0;}
#header .hDiv .hBot {width:100%; height:90px; border-top:1px solid #e6e6e6;}
#util{position:absolute; top:40px; right:0; color:#888; font-family:"easyOpensans", "easyOpensans02", dotum,"돋움",sans-serif;}/* 2017-03-07수정 */
#util a{color:#888; font-family:"easyOpensans", "easyOpensans02", dotum,"돋움",sans-serif; font-size:12px;}
#util a.on{color:#555;}
#util a.lang {display:inline-block; padding:0 15px; line-height:23px; border:1px solid #e6e6e6; text-align:center;}
#util span{padding:0 6px 0 6px; display:inline-block; font-size:11px; vertical-align:top; color:#dbdbdb;}
#gnb > ul{width:100%; height:90px;}/* 2017-03-16수정 */
#gnb .gnbLine {display:none; width:970px; height:5px; /* background:url('/common/images/icon/gnb_line.jpg') no-repeat left top */ background:#818285}
#gnb li{position:relative; float:left; }
#gnb li a{display:block; position:relative; width:100%; height:90px;}/* 2017-03-16수정 */
/**/

#gnb .oneD > a > img {position:absolute; top:0; left:0; width:100%; height:90px}
#gnb .oneD > a > img.hover {opacity:0}
#gnb .oneD > a > img.hover.on {opacity:1}

/**/
#gnb li a .logoB {position:absolute; top:0; left:0}
#gnb li a .logoC {position:absolute; top:0; left:0}
#gnb li .twoD{display:none; position:absolute; top:95px; left:0; width:970px;}/* 2017-03-16수정 */
#gnb li.on .twoD{display:none;}

#gnb li.oneD {border-bottom:5px solid #818285;}
#gnb li.oneD.oneD1 {width:243px}
#gnb li.oneD.oneD2 {width:242px}
#gnb li.oneD.oneD3 {width:243px}
#gnb li.oneD.oneD4 {width:242px}
#gnb li.oneD1 .twoD{left:0;}
#gnb li.oneD2 .twoD{left:-243px;}
#gnb li.oneD3 .twoD{left:-485px;}
#gnb li.oneD4 .twoD{left:-728px;}

#gnb li.oneD .twoD {background:#fff; border-bottom:1px solid #e6e6e6;  border-left:1px solid #e6e6e6;  box-sizing:border-box}
#gnb li.oneD .twoD ul {float:none; overflow:hidden; background:#fff}

/* 2020-02-18 수정 */
#gnb li.oneD .twoD li a {display:block; position:relative; width:100%; height:170px; font-size:28px; color:#999999; font-family: 'Nanum Gothic'; font-weight:700; box-sizing:border-box }
#gnb li.oneD .twoD li a img {position:absolute; top:30px; left:50%; transform:translate(-50%,0); -webkit-transform:translate(-50%,0); -moz-transform:translate(-50%,0); -ms-transform:translate(-50%,0); -o-transform:translate(-50%,0); width:auto; height:auto;}
#gnb li.oneD .twoD li a img.hover2 {opacity:0}
#gnb li.oneD .twoD li a img.hover2.on {opacity:1}
#gnb li.oneD .twoD a:hover {color:#333333} 
#gnb li.oneD .twoD ul li{height:170px; float:left; overflow:hidden; margin:0; background:#fff; border-right:1px solid #e6e6e6; box-sizing:border-box}
/* #gnb li.oneD .twoD ul li:hover {border-right:1px solid #818285;} 2020-02-21 삭제 */
#gnb li.oneD .twoD ul li:hover > a {background:#818285}
#gnb li.oneD .twoD ul li:nth-child(n+5) {border-top:1px solid #e6e6e6;}
/* //2020-02-18 수정 */
#gnb li.oneD .twoD ul li a .tit {text-align:center; margin-top:15px; color:#333333; line-height:1;}
#gnb li.oneD .twoD ul li.one {width:242px}
#gnb li.oneD .twoD ul li.two {width:243px}
#gnb li.oneD .twoD ul li.thr {width:242px}
#gnb li.oneD .twoD ul li.fou {width:242px}
#gnb li.oneD .twoD ul li.fiv {width:242px}
#gnb li.oneD .twoD ul li.six {width:243px}
#gnb li.oneD .twoD ul li.sev {width:242px}
#gnb li.oneD .twoD ul li.eig {width:242px}
#gnb li.oneD .twoD ul li a.empty {cursor:default}





/*2014-09-12 수정 start*/





/*2015-06-29 수정 start */

/* #gnb li.oneD2 .twoD .six a{backgronud:url('/common/images/btn/game_twoD2.png') no-repeat -1px -145px;} */
/* #gnb li.oneD2 .twoD .one.on a{background:url('/common/images/btn/game_twoD2_on.png') no-repeat -1px 0;}
#gnb li.oneD2 .twoD .two.on a{background:url('/common/images/btn/game_twoD2_on.png') no-repeat -195px 0;}
#gnb li.oneD2 .twoD .three.on a{background:url('/common/images/btn/game_twoD2_on.png') no-repeat -389px 0;}
#gnb li.oneD2 .twoD .four.on a{background:url('/common/images/btn/game_twoD2_on.png') no-repeat -583px 0;}
#gnb li.oneD2 .twoD .five.on{width:192px;}
#gnb li.oneD2 .twoD .five.on a{background:url('/common/images/btn/game_twoD2_on.png') no-repeat -777px 0;}
#gnb li.oneD2 .twoD .six.on a{background:url('/common/images/btn/game_twoD2_on.png') no-repeat -1px -145px;} */


/* 2016-05-30 수정 */


/* //-------------------------------------------------------------------------------------------------------------------------2018-12-17 수정 */

#cBody{padding-top:200px; margin:0 auto; width: 970px}
.mainVisual{position:relative; width:970px; height:469px; margin:auto; overflow:hidden}
.mainVisual .rollimg{position:absolute; top:0; left:0;}
.mainVisual .rollicon{position:absolute; top:430px; left:410px; z-index:999; }
.mainVisual .rollicon a{padding:0 7px; }

.motionW {position:relative; background:#fdfdfd; width:970px; height:471px; z-index:100;}
.motionD {position:relative;}
.motion1 .ne1 {position:absolute; top:30px; left:46px;}
.motion1 .ne2 {position:absolute; top:46px; left:370px;}
.motion2 .ne1 {position:absolute; top:30px; left:46px;}
.motion2 .ne2 {position:absolute; top:46px; left:370px;}
.motion2 .slice1 {position:absolute; top:199px; left:238px;}
.motion2 .slice2 {position:absolute; top:269px; left:432px;}
.motion2 .slice3 {position:absolute; top:265px; left:620px;}

.motion3 .ne1 {position:absolute; top:30px; left:46px;}
.motion3 .ne2 {position:absolute; top:46px; left:370px;}
.motion3 .slice1 {position:absolute; top:199px; left:432px;}
.motion3 .slice2 {position:absolute; top:269px; left:432px;}
.motion3 .slice3 {position:absolute; top:285px; left:432px;}

.motion4 .ne1 {position:absolute; top:51px; left:183px;}
.motion4 .bigLogo {position:absolute; top:82px; left:375px;  z-index:50}
.motion4 .txtN {position:absolute; top:231px; left:144px;}
.motion4 .txtE {position:absolute; top:73px; left:350px;}
.motion4 .txtX {position:absolute; top:158px; left:530px;}
.motion4 .txtO {position:absolute; top:200px; left:624px;}
.motion4 .txtN2 {position:absolute; top:306px; left:777px;}
.motion4 .txtGT {position:absolute; top:111px; left:742px;} 

.motion5 .ne1 {position:absolute; top:51px; left:183px;}
.motion5 .bigLogo {position:absolute; top:82px; left:375px; z-index:50} 
.motion5 .txtN {position:absolute; top:231px; left:144px;}
.motion5 .txtE {position:absolute; top:73px; left:350px;}
.motion5 .txtX {position:absolute; top:158px; left:530px;}
.motion5 .txtO {position:absolute; top:200px; left:624px;}
.motion5 .txtN2 {position:absolute; top:306px; left:777px;}
.motion5 .txtGT {position:absolute; top:111px; left:742px;} 

.motion6 .ne1 {position:absolute; top:51px; left:183px;}
.motion6 .bigLogo {position:absolute; top:82px; left:375px; }
.motion6 .TxtLogo {position:absolute; top:278px; left:265px;}


/* ------------------------------------------------------------------------------------------------------------- 2018-12-17 추가 */
.mainVisual2 {position:relative; width:970px; height:470px;}
.mainVisual2 .visRoll {position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden}
.mainVisual2 .visRoll > a {display:block; position:absolute; top:0; left:0; width:100%; height:100%; left:100%}
.mainVisual2 .visRoll > a:first-child{left:0}
/* .mainVisual2 .visRoll a.roll1 {background:url('/common/images/icon/main_vis1.jpg') no-repeat left center;}
.mainVisual2 .visRoll a.roll2 {background:url('/common/images/icon/main_vis1.jpg') no-repeat left center;}
.mainVisual2 .visRoll a.roll3 {background:url('/common/images/icon/main_vis1.jpg') no-repeat left center;} */
.mainVisual2 .visBtn {position:absolute; bottom:0; left:0;}
.mainVisual2 .visBtn:after {content:""; display:block; clear:both}
.mainVisual2 .visBtn a {float:left; /* border:1px solid #e6e6e6; box-sizing:border-box */}
.mainVisual2 .visBtn a.left {width:60px; height:60px; background:url('/common/images/btn/vis_arrow_left.jpg') no-repeat left center;}
.mainVisual2 .visBtn a.left:hover {background:url('/common/images/btn/vis_arrow_left_on.jpg') no-repeat left center;}
.mainVisual2 .visBtn a.right {width:59px; height:60px; /* border-left:0; */ background:url('/common/images/btn/vis_arrow_right.jpg') no-repeat left center;}
.mainVisual2 .visBtn a.right:hover {background:url('/common/images/btn/vis_arrow_right_on.jpg') no-repeat left center;}
.mainVisual2 .visIndi {position:absolute; top:50%; right:30px; transform:translateY(-50%);}
.mainVisual2 .visIndi .btn {display:block; width:14px; height:14px; margin:6px auto; background:url('/common/images/btn/indi_off.png') no-repeat center;}
.mainVisual2 .visIndi .btn.on {background:url('/common/images/btn/indi_main_on.png') no-repeat center}
.mainVisual2 .visIndi .control {display:block; width:20px; height:20px; margin:17px 0 0; background:url('/common/images/btn/main_vis_stop.png') no-repeat center}
.mainVisual2 .visIndi .control.on {background:url('/common/images/btn/main_vis_play.png') no-repeat center}

/* 2020-03-10 수정 */
.mainNexon {position:relative; width:970px; padding:70px 0; margin:0 auto; }
.mainNexon:after {content:""; display:block; clear:both}
.mainNexon .nxnCon {position:relative; width:100%; height:518px; float:left;}
.mainNexon .nxnCon .logoGT {height:55px; padding-top:7px; box-sizing:border-box}
.mainNexon .nxnCon .boxWrap {overflow:hidden}
.mainNexon .nxnCon .box {position:relative; width:475px; height:267px; float:left; margin-left:20px; box-sizing:border-box; overflow:hidden}
.mainNexon .nxnCon .youtubeType {width:475px; height:267px; float:left; margin-left:20px; box-sizing:border-box; overflow:hidden}
.mainNexon .nxnCon .box.small {height:176px;}
.mainNexon .nxnCon .box:nth-child(odd) {margin-left:0}
.mainNexon .nxnCon .box:nth-child(n+3) {margin-top:20px}
.mainNexon .nxnCon .box:after {content:""; display:block; clear:both}
.mainNexon .nxnCon .box:first-child {margin-left:0}
.mainNexon .nxnCon .box:first-child {background:url('/common/images/icon/gt_vis1.jpg') no-repeat center;}
/* .mainNexon .nxnCon .box:nth-child(2) {background:url('/common/images/icon/gt_vis2.jpg') no-repeat center;} */
.mainNexon .nxnCon .box:nth-child(3) {background:url('/common/images/icon/gt_vis3.jpg') no-repeat center;}
.mainNexon .nxnCon .box:nth-child(4) {background:url('/common/images/icon/gt_vis4.jpg') no-repeat center;}
.mainNexon .nxnCon .box .hoverBg {position:absolute; top:0; left:0; width:100%; height:100%; box-sizing:border-box; transform:scale(1.0); opacity:0;  transition:all 0.1s ease}/*오패*/
.mainNexon .nxnCon .box:first-child .hoverBg {background:url('/common/images/icon/hov_gt_vis1.jpg') no-repeat center;}
/* .mainNexon .nxnCon .box:nth-child(2) .hoverBg {background:url('/common/images/icon/hov_gt_vis2.jpg') no-repeat center;} */
.mainNexon .nxnCon .box:nth-child(3) .hoverBg {background:url('/common/images/icon/hov_gt_vis3.jpg') no-repeat center;}
.mainNexon .nxnCon .box:nth-child(4) .hoverBg {background:url('/common/images/icon/hov_gt_vis4.jpg') no-repeat center;}
.mainNexon .nxnCon .box a {display:block; position:absolute; top:0; left:0; width:100%; height:100%; padding:38px 30px; box-sizing:border-box; opacity:0;  transition:all 0.1s ease}/*오패*/
.mainNexon .nxnCon .box a:after {content:""; display:block; position:absolute; top:0; left:0; width:100%; height:100%; border:5px solid #818285; box-sizing:border-box}
.mainNexon .nxnCon .box a .tit {display:block; font-size:40px; color:#fff; font-family: "NexonGothicStd-Bold"; line-height:1;/* font-weight:700; */}
.mainNexon .nxnCon .box a .txt {display:block; margin-top: 15px; font-family: "NexonGothicStd-Light"; font-size:18px; color:#fff; line-height:26px}
.mainNexon .nxnCon .box a .txt > strong {display:block; font-family:"NexonGothicStd-Light"; font-weight:unset}
.mainNexon .nxnCon .box a .icons {display:block; position:absolute; bottom:40px; left:30px; width:40px; height:40px; margin-top:15px; background:url('/common/images/icon/nxn_con_icon_web.png') no-repeat center; }
.mainNexon .nxnCon .box a .arrow {display:block; position:absolute; bottom:40px; right:30px; top:auto; width:16px; height:12px; background:url('/common/images/icon/arrow_w.png') no-repeat center;}

/*hover*/
.mainNexon .nxnCon .box:hover {}
.mainNexon .nxnCon .box:hover .hoverBg {opacity:1; transform:scale(1.1); transition:all 0.4s ease}
.mainNexon .nxnCon .box:hover a {opacity:1; transition:all 0.3s ease}
/* //2020-03-10 수정 */

.mainNexon .nxnCon .logoRed { height:55px; border-bottom:5px solid #818285; padding-top:7px; box-sizing:border-box}
.mainNexon .nxnCon .box.red .inbox {position:relative; display:block; float:left; width:227px; height:227px; margin-right:1px; }
.mainNexon .nxnCon .box.red .inbox:nth-child(2n) {margin-right:0}
.mainNexon .nxnCon .box.red .inbox:nth-child(n+3) {margin-top:1px}
.mainNexon .nxnCon .box.red .inbox:first-child {margin-top:0}
.mainNexon .nxnCon .box.red .inbox.in1 {background:url('/common/images/icon/red_vis1.jpg') no-repeat center; background-size:227px 227px}
.mainNexon .nxnCon .box.red .inbox.in2 {background:url('/common/images/icon/red_vis2.jpg') no-repeat center; background-size:227px 227px}
.mainNexon .nxnCon .box.red .inbox.in3 {background:url('/common/images/icon/red_vis3.jpg') no-repeat center; background-size:227px 227px}
.mainNexon .nxnCon .box.red .inbox.in4 {background:url('/common/images/icon/red_vis4.jpg') no-repeat center; background-size:227px 227px}
.mainNexon .nxnCon .box.red .inbox .hoverBg {opacity:0; transition:all 0.2s ease;}/*오패*/
.mainNexon .nxnCon .box.red .inbox.in1 .hoverBg {position:absolute; top:0; left:0; width:100%; height:100%; background:url('/common/images/icon/hov_red1.jpg') no-repeat center;}
.mainNexon .nxnCon .box.red .inbox.in2 .hoverBg {position:absolute; top:0; left:0; width:100%; height:100%; background:url('/common/images/icon/hov_red2.jpg') no-repeat center;}
.mainNexon .nxnCon .box.red .inbox.in3 .hoverBg {position:absolute; top:0; left:0; width:100%; height:100%; background:url('/common/images/icon/hov_red3.jpg') no-repeat center;}
.mainNexon .nxnCon .box.red .inbox.in4 .hoverBg {position:absolute; top:0; left:0; width:100%; height:100%; background:url('/common/images/icon/hov_red4.jpg') no-repeat center;}
.mainNexon .nxnCon .box.red .inbox a {display:block; position:absolute; top:0; left:0;width:100%; height:100%; padding:35px 30px 30px 40px; box-sizing:border-box; opacity:0; transition:all 0.2s ease;} /*오패*/
.mainNexon .nxnCon .box.red .inbox a.twoL {padding:35px 48px 30px 40px;}
.mainNexon .nxnCon .box.red .inbox a .tit {font-size:32px; font-family: "NexonGothicStd-Bold"; /* font-weight:700; */ color:#fff;}
.mainNexon .nxnCon .box.red .inbox a .icons {width: 40px; height:40px; margin-top:20px; background:url('/common/images/icon/nxn_con_icon_mobile.png') no-repeat center}
.mainNexon .nxnCon .box.red .inbox a .arrow {position:absolute; bottom:40px; right:40px; top:auto; width:16px; height:10px; background:url('/common/images/icon/arrow_w.png') no-repeat center; }
.mainNexon .nxnCon .arrow {display:block; position:absolute; top:0; right:0; width:40px; height:40px; background:url('/common/images/btn/main_arr_box.jpg') no-repeat center}
/* .mainNexon .nxnCon .arrow:hover {background:url('/common/images/btn/main_arr_box_on.jpg') no-repeat center} */

/* 2020-03-10 수정 */
.mainRecu {width:970px; height:auto; box-sizing:border-box}
.mainRecu:after {content:""; display:block; clear:both}
.mainRecu .gtArea {position:relative; width:calc(50% - 30px); float:left; padding:0 0 10px;}
.mainRecu .gtArea .tit {height:50px; box-sizing:border-box; }
.mainRecu .gtArea .listBox {position:relative; width:100%; height:206px; border-top:2px solid #333333; border-bottom:1px solid #333333; box-sizing:border-box; overflow:hidden}
.mainRecu .gtArea .listBox .rollDiv {position:absolute; top:0; left:0; width:100%; height:206px;}
.mainRecu .gtArea .listBox .rollDiv a {display:block;  font-family: "NexonGothicStd-Medium"; font-size:17px; line-height:68px; border-bottom:1px solid #e6e6e6} /**/
.mainRecu .gtArea .listBox .rollDiv a:nth-child(4) {border:0}
.mainRecu .gtArea .listBox .rollDiv a:after{content:""; display:block; clear:both}
.mainRecu .gtArea .listBox .rollDiv a .leftT {float:left; color:#666666; }
.mainRecu .gtArea .listBox .rollDiv a .rightT {float:right; color:#333333}
.mainRecu .gtArea .listBox .rollDiv a:hover .leftT{color:#333333}
.mainRecu .gtArea .indiDiv {width:100%; text-align:center; margin-top:10px}
.mainRecu .gtArea .indiDiv a{display:inline-block; width:14px; height:14px; background:url('/common/images/btn/indi_off.png') no-repeat center}
.mainRecu .gtArea .indiDiv a.on {background:url('/common/images/btn/indi_gt_on.png') no-repeat center}

.mainRecu {width:970px; height:auto; box-sizing:border-box}
.mainRecu:after {content:""; display:block; clear:both}
.mainRecu .focusArea {position:relative; width:calc(50% - 30px); float:left; padding:0 0 10px; margin-left:60px}
.mainRecu .focusArea .tit {height:50px; box-sizing:border-box; }
.mainRecu .focusArea .listBox {position:relative; width:100%; height:206px; border-top:2px solid #333333; border-bottom:1px solid #333333; box-sizing:border-box; overflow:hidden}
.mainRecu .focusArea .listBox .rollDiv {position:absolute; top:0; left:0; width:100%; height:206px;}
.mainRecu .focusArea .listBox .rollDiv a {display:block;  font-family: "NexonGothicStd-Medium"; font-size:17px; line-height:68px; border-bottom:1px solid #e6e6e6} /**/
.mainRecu .focusArea .listBox .rollDiv a:nth-child(4) {border:0}
.mainRecu .focusArea .listBox .rollDiv a:after{content:""; display:block; clear:both}
.mainRecu .focusArea .listBox .rollDiv a .leftT {float:left; color:#666666; }
.mainRecu .focusArea .listBox .rollDiv a .rightT {float:right; color:#333333}
.mainRecu .focusArea .listBox .rollDiv a:hover .leftT{color:#333333}
.mainRecu .focusArea .indiDiv {width:100%; text-align:center; margin-top:10px}
.mainRecu .focusArea .indiDiv a{display:inline-block; width:14px; height:14px; background:url('/common/images/btn/indi_off.png') no-repeat center}
.mainRecu .focusArea .indiDiv a.on {background:url('/common/images/btn/indi_gt_on.png') no-repeat center}
/* //2020-03-10 수정 */

.mainRecu .redArea {position:relative; width:395px; float:right; padding:0 0 10px;}
.mainRecu .redArea .tit {height:50px; box-sizing:border-box;}
.mainRecu .redArea .listBox {position:relative; width:100%; height:195px; border-top:2px solid #333333; border-bottom:1px solid #333333; box-sizing:border-box; overflow:hidden}
.mainRecu .redArea .listBox .rollDiv {position:absolute; top:0; left:0; padding:17px 0; width:100%;}
.mainRecu .redArea .listBox .rollDiv a {display:block; font-family: "NexonGothicStd-Medium"; font-size:17px; line-height:40px; }
.mainRecu .redArea .listBox .rollDiv a:after{content:""; display:block; clear:both}
.mainRecu .redArea .listBox .rollDiv a:hover .leftT{text-decoration:underline; color:#333333;}
.mainRecu .redArea .listBox .rollDiv a .leftT {float:left; color:#666666; }
.mainRecu .redArea .listBox .rollDiv a .rightT {float:right; color:#333333;}
.mainRecu .redArea .indiDiv {width:100%; text-align:center; margin-top:10px}
.mainRecu .redArea .indiDiv a{display:inline-block; width:14px; height:14px; background:url('/common/images/btn/indi_off.png') no-repeat center}
.mainRecu .redArea .indiDiv a.on {background:url('/common/images/btn/indi_gt_on.png') no-repeat center}

.mainRecu .arrow {display:block; position:absolute; top:0; right:0; width:40px; height:40px; background:url('/common/images/btn/main_arr_box.jpg') no-repeat center}
/* .mainRecu .arrow:hover {background:url('/common/images/btn/main_arr_box_on.jpg') no-repeat center} */

.mainRecu .listBox .recruitNone {margin-top:80px; text-align:center; font-size:20px; font-weight:700;}

.mainList {margin:50px auto 60px; width:970px; height:310px;}
.mainList:after {content:""; display:block; clear:both;}
.mainList .num {display:block; position:relative; float:left; width: 235px; height:150px; margin-right:10px; transition:all 0.2s ease;} /*트랜지션*/
.mainList .num:nth-child(4n) {margin-right:0}
.mainList .num:nth-child(n+5) {margin-top:10px}
.mainList .num:first-child {margin-top:0}
.mainList .num.num1 {background:url('/common/images/icon/main_icon_news.jpg') no-repeat center}
.mainList .num.num2 {background:url('/common/images/icon/main_icon_video.jpg') no-repeat center}
.mainList .num.num3 {background:url('/common/images/icon/main_icon_sns.jpg') no-repeat center}
.mainList .num.num4 {background:url('/common/images/icon/main_icon_paper.jpg') no-repeat center}
.mainList .num.num5 {background:url('/common/images/icon/main_icon_happiness.jpg') no-repeat center}
.mainList .num.num6 {background:url('/common/images/icon/main_icon_life.jpg') no-repeat center}
.mainList .num.num7 {background:url('/common/images/icon/main_icon_break.jpg') no-repeat center}
.mainList .num.num8 {background:url('/common/images/icon/main_icon_learning.jpg') no-repeat center}

.mainList .num.num1:hover {background:url('/common/images/icon/main_icon_news_on.jpg') no-repeat center}
.mainList .num.num2:hover {background:url('/common/images/icon/main_icon_video_on.jpg') no-repeat center}
.mainList .num.num3:hover {background:url('/common/images/icon/main_icon_sns_on.jpg') no-repeat center}
.mainList .num.num4:hover {background:url('/common/images/icon/main_icon_paper_on.jpg') no-repeat center}
.mainList .num.num5:hover {background:url('/common/images/icon/main_icon_happiness_on.jpg') no-repeat center}
.mainList .num.num6:hover {background:url('/common/images/icon/main_icon_life_on.jpg') no-repeat center}
.mainList .num.num7:hover {background:url('/common/images/icon/main_icon_break_on.jpg') no-repeat center}
.mainList .num.num8:hover {background:url('/common/images/icon/main_icon_learning_on.jpg') no-repeat center}




/* -------------------------------------------------------------------------------------------------- //2018-12-17 추가 */

.mainPeople{position:relative; width:970px; height:581px; margin:40px auto 0;}
/* 2017-02-13수정 시작 */
.mainPeople .con1{position:relative; width:388px; height:388px; overflow:hidden; background:url('/common/images/icon/mainpeople_bg.jpg') no-repeat 0 0; color:#fff}
.mainPeople .con1 .top{position:relative; width:348px; height:164px; margin:0 auto} 
.mainPeople .con1 .top .rollDiv{width:348px; overflow:hidden; position:absolute; top:29px; left:0px;}
.mainPeople .con1 .joinTxt {margin:30px 0 0 0;}
.mainPeople .con1 .top a{color:#fff}
.mainPeople .con1 .top table{margin-top:10px}
.mainPeople .con1 .top td{padding-bottom:10px; font-size:11px; text-align:right;}
.mainPeople .con1 .top td.list{padding-left:8px; background:url('/common/images/icon/dot2x2_fff.gif') no-repeat 0 7px; font-size:13px; text-align:left; width:300px;}
.mainPeople .con1 .top .rollicon1{position:absolute; bottom:20px; left:150px; text-align:center;}
.mainPeople .con1 .top .rollicon1 a{padding:0 4px}
.mainPeople .con1 .bot{position:relative; width:348px; height:194px; border-top:1px solid #3f8cd9; margin:0 auto;}
.mainPeople .con1 .bot .rollDiv1{width:348px; overflow:hidden; position:absolute; top:60px; left:0px;}
.mainPeople .con1 .wellgamesTxt {margin-top:30px;}
.mainPeople .con1 .bot a{color:#fff}
.mainPeople .con1 .bot table{margin-top:10px;}
.mainPeople .con1 .bot td{padding-bottom:10px; font-size:11px; text-align:right;}
.mainPeople .con1 .bot td.list{padding-left:8px; background:url('/common/images/icon/dot2x2_fff.gif') no-repeat 0 7px; font-size:13px; text-align:left; width:300px;}
.mainPeople .con1 .bot .rollicon2{position:absolute; bottom:20px; left:0; text-align:center; width:100%;}
.mainPeople .con1 .bot .rollicon2 a{padding:0 4px}
/* 2017-02-13수정 끝 */
.mainPeople a .peopleA{display:block; position:relative; width:194px; height:194px;}
/*-- 2015-01-19 수정  시작 --*/
.mainPeople .con2{display:block; position:absolute; top:0; left:388px; width:194px; height:194px; overflow:hidden; background:url('/common/images/icon/mainpeople_list1.jpg') no-repeat 0 0; text-indent:-9999px;}
.mainPeople .con2.on{display:block; position:absolute; top:0; left:388px; width:194px; height:194px; overflow:hidden; background:url('/common/images/icon/mainpeople_on_list1.jpg') no-repeat 0 0; text-indent:-9999px;}/*	NEW ICON	*/
.mainPeople .con3{display:block; position:absolute; top:0; left:582px; width:194px; height:194px; overflow:hidden; background:url('/common/images/icon/mainpeople_list2.jpg') no-repeat 0 0; text-indent:-9999px;}
.mainPeople .con3.on{display:block; position:absolute; top:0; left:582px; width:194px; height:194px; overflow:hidden; background:url('/common/images/icon/mainpeople_on_list2.jpg') no-repeat 0 0; text-indent:-9999px;}/*	NEW ICON	*/
.mainPeople .con4{display:block; position:absolute; top:0; left:776px; width:194px; height:388px; overflow:hidden; background:url('/common/images/icon/mainpeople_bg.jpg') no-repeat -776px 0; text-indent:-9999px;}
.mainPeople .con5{display:block; position:absolute; top:194px; left:388px; width:194px; height:194px; overflow:hidden; background:url('/common/images/icon/mainpeople_list3.jpg') no-repeat 0 0; text-indent:-9999px;}
.mainPeople .con5.on{display:block; position:absolute; top:194px; left:388px; width:194px; height:194px; overflow:hidden; background:url('/common/images/icon/mainpeople_on_list3.jpg') no-repeat 0 0; text-indent:-9999px;}/*	NEW ICON	*/
.mainPeople .con6{display:block; position:absolute; top:194px; left:582px; width:194px; height:194px; overflow:hidden; background:url('/common/images/icon/mainpeople_list4.jpg') no-repeat 0 0; text-indent:-9999px;}
.mainPeople .con6.on{display:block; position:absolute; top:194px; left:582px; width:194px; height:194px; overflow:hidden; background:url('/common/images/icon/mainpeople_on_list4.jpg') no-repeat 0 0; text-indent:-9999px;}/*	NEW ICON	*/
.mainPeople .con7{display:block; position:absolute; top:388px; left:0; width:194px; height:194px; overflow:hidden; background:url('/common/images/icon/mainpeople_bg.jpg') no-repeat 0 -388px; text-indent:-9999px;}
.mainPeople .con8{display:block; position:absolute; top:388px; left:388px; width:194px; height:194px; overflow:hidden; background:url('/common/images/icon/mainpeople_bg.jpg') no-repeat -388px -388px; text-indent:-9999px;}
.mainPeople .con9{display:block; position:absolute; top:388px; left:582px; width:194px; height:194px; overflow:hidden; background:url('/common/images/icon/mainpeople_bg.jpg') no-repeat -582px -388px; text-indent:-9999px;}
.mainPeople .con10{display:block; position:absolute; top:388px; left:194px; width:194px; height:194px; overflow:hidden; background:url('/common/images/icon/mainpeople_bg.jpg') no-repeat -194px -388px; text-indent:-9999px;}
.mainPeople .con11{display:block; position:absolute; top:388px; left:776px; width:194px; height:194px; overflow:hidden; background:url('/common/images/icon/mainpeople_bg.jpg') no-repeat -776px -388px; text-indent:-9999px;}
.mainPeople .con2 .onimg{display:block; position:absolute; top:0; left:0; width:194px; height:194px; overflow:hidden; background:url('/common/images/icon/mainpeople_on_list1_x.png') no-repeat 0 0; text-indent:-9999px;}
.mainPeople .con2 .onimg.on{display:block; position:absolute; top:0; left:0; width:194px; height:194px; overflow:hidden; background:url('/common/images/icon/mainpeople_on_list1_new.png') no-repeat 0 0; text-indent:-9999px;}/*	NEW ICON	*/
.mainPeople .con3 .onimg{display:block; position:absolute; top:0; left:0; width:194px; height:194px; overflow:hidden; background:url('/common/images/icon/mainpeople_on_list2_x.png') no-repeat 0 0; text-indent:-9999px;}
.mainPeople .con3 .onimg.on{display:block; position:absolute; top:0; left:0; width:194px; height:194px; overflow:hidden; background:url('/common/images/icon/mainpeople_on_list2_new.png') no-repeat 0 0; text-indent:-9999px;}/*	NEW ICON	*/
.mainPeople .con4 .onimg{display:block; position:absolute; top:0; left:0; width:194px; height:388px; overflow:hidden; background:url('/common/images/icon/mainpeople_bg_on.png') no-repeat -776px 0; text-indent:-9999px;}
.mainPeople .con5 .onimg{display:block; position:absolute; top:0; left:0; width:194px; height:194px; overflow:hidden; background:url('/common/images/icon/mainpeople_on_list3_x.png') no-repeat 0 0; text-indent:-9999px;}
.mainPeople .con5 .onimg.on{display:block; position:absolute; top:0; left:0; width:194px; height:194px; overflow:hidden; background:url('/common/images/icon/mainpeople_on_list3_new.png') no-repeat 0 0; text-indent:-9999px;}/*	NEW ICON	*/
.mainPeople .con6 .onimg{display:block; position:absolute; top:0; left:0; width:194px; height:194px; overflow:hidden; background:url('/common/images/icon/mainpeople_on_list4_x.png') no-repeat 0 0; text-indent:-9999px;}
.mainPeople .con6 .onimg.on{display:block; position:absolute; top:0; left:0; width:194px; height:194px; overflow:hidden; background:url('/common/images/icon/mainpeople_on_list4_new.png') no-repeat 0 0; text-indent:-9999px;}/*	NEW ICON	*/
.mainPeople .con7 .onimg{display:block; position:absolute; top:0; left:0; width:194px; height:194px; overflow:hidden; background:url('/common/images/icon/mainpeople_bg_on.png') no-repeat 0 -388px; text-indent:-9999px;}
.mainPeople .con8 .onimg{display:block; position:absolute; top:0; left:0; width:194px; height:194px; overflow:hidden; background:url('/common/images/icon/mainpeople_bg_on.png') no-repeat -388px -388px; text-indent:-9999px;}
.mainPeople .con9 .onimg{display:block; position:absolute; top:0; left:0; width:194px; height:194px; overflow:hidden; background:url('/common/images/icon/mainpeople_bg_on.png') no-repeat -582px -388px; text-indent:-9999px;}
.mainPeople .con10 .onimg{display:block; position:absolute; top:0; left:0; width:194px; height:194px; overflow:hidden; background:url('/common/images/icon/mainpeople_bg_on.png') no-repeat -194px -388px; text-indent:-9999px;}
.mainPeople .con11 .onimg{display:block; position:absolute; top:0; left:0; width:194px; height:194px; overflow:hidden; background:url('/common/images/icon/mainpeople_bg_on.png') no-repeat -776px -388px; text-indent:-9999px;}
/*-- 2015-01-19 수정  끝 --*/
.mainGame{margin-top:50px; padding:50px 0; background:#f7f7f7}
.mainGame dl{width:968px; margin:auto; overflow:hidden;}
.mainGame dt{float:left; height:320px; margin:0} /*2015-09-07 수정*/
.mainGame dd{float:left; height:160px; overflow:hidden; margin:0 0 1px 1px;} 
.mainGame dd a{display:block; position:relative;}
.mainGame dd a .onimg{display:none; position:absolute; top:0; left:0;}
.mainGame dd a.on .onimg{display:block;}
/*-- 2016-06-01 수정  시작 --*/
.mainCompany{position:relative; width:970px; margin:auto; padding:150px 0 60px;}
.mainCompany .tit{position:absolute; top:0; left:0;}
.mainCompany .bts{position:relative; width:; overflow:hidden}
.mainCompany .bts a{display:block; width:160px; height:160px; float:left; margin-right:1px; overflow:hidden}
.mainCompany .bts a.com1{background:url('/common/images/btn/main_company_bt.gif') no-repeat 0 0; text-indent:-9999px;}
.mainCompany .bts a.com2{background:url('/common/images/btn/main_company_bt.gif') no-repeat -161px 0; text-indent:-9999px;}
.mainCompany .bts a.com3{background:url('/common/images/btn/main_company_bt.gif') no-repeat -322px 0; text-indent:-9999px;}
.mainCompany .bts a.com4{background:url('/common/images/btn/main_company_bt.gif') no-repeat -483px 0; text-indent:-9999px;}
.mainCompany .bts a.com5{background:url('/common/images/btn/main_company_bt.gif') no-repeat -644px 0; text-indent:-9999px;}
.mainCompany .bts a.com6{background:url('/common/images/btn/main_company_bt.gif') no-repeat -805px 0; text-indent:-9999px;}
.mainCompany .bts a.com1.on{background:url('/common/images/btn/main_company_bt_on.gif') no-repeat 0 0; text-indent:-9999px;}
.mainCompany .bts a.com2.on{background:url('/common/images/btn/main_company_bt_on.gif') no-repeat -161px 0; text-indent:-9999px;}
.mainCompany .bts a.com3.on{background:url('/common/images/btn/main_company_bt_on.gif') no-repeat -322px 0; text-indent:-9999px;}
.mainCompany .bts a.com4.on{background:url('/common/images/btn/main_company_bt_on.gif') no-repeat -483px 0; text-indent:-9999px;}
.mainCompany .bts a.com5.on{background:url('/common/images/btn/main_company_bt_on.gif') no-repeat -644px 0; text-indent:-9999px;}
.mainCompany .bts a.com6.on{background:url('/common/images/btn/main_company_bt_on.gif') no-repeat -805px 0; text-indent:-9999px;}
/*-- 2016-06-01 수정  끝 --*/

/* sub */
.subContainer {position:relative; width:970px; margin:60px auto 0; min-height:1250px;}/* 2017-02-21수정 */
.subContainer.sns {min-height:1250px}
.subContainer.sns.height690 {min-height:690px;} /* 2019-07-08 추가 */
.subContainer.error{min-height:850px; margin-top:0;}/*2014-09-01 추가*/
h2 a.recruitGo img{margin-left:10px; vertical-align:bottom;}
h2 a.recruitGo2 img{vertical-align:bottom;}
.indicator{position:absolute; top:30px; right:0; color:#767676}
.indicator span{padding:0 6px;}

/* 2018-12-17 추가 -------------------------------------------------------------------- */
.gameCon .lnb img {width:160px; height:160px;}
/* 2018-12-17 추가 -------------------------------------------------------------------- */

.gameCon a.lnb1{display:block; position:absolute; top:0; right:161px;}
.gameCon a.lnb2{display:block; position:absolute; top:0; right:0;}
.gameCon a.lnb3{display:block; position:absolute; top:161px; right:161px;}
.gameCon a.lnb4{display:block; position:absolute; top:161px; right:0;}
.gameCon a.lnb5{display:block; position:absolute; top:322px; right:161px;}
.gameCon a.lnb6{display:block; position:absolute; top:322px; right:0;}
.gameCon a.lnb7{display:block; position:absolute; top:483px; right:161px;}
.gameCon a.lnb8{display:block; position:absolute; top:483px; right:0;}
.gameCon a.lnb9{display:block; position:absolute; top:644px; right:161px;}
.gameCon a.lnb10{display:block; position:absolute; top:644px; right:0;}
.gameCon a.lnb11{display:block; position:absolute; top:805px; right:0;}
.gameCon a.lnb12{display:block; position:absolute; top:805px; right:161px;}
.gameCon a.lnb span{display:none;}

.gameCon{position:relative; margin-top:24px; overflow:hidden; min-height:1250px}/*2017-02-21수정*/
.gameCon.company{min-height:1250px}  /*2015-01-20 추가*/
.gameCon.company.height690 {min-height:690px} /* 2019-07-08 추가 */


/*2015-06-29 수정 start */
.gameCon.game a.lnb13{display:block; position:absolute; top:0; right:161px;}
.gameCon.game a.lnb12{display:block; position:absolute; top:0; right:0;}
.gameCon.game a.lnb11{display:block; position:absolute; top:161px; right:0;}
.gameCon.game a.lnb1{display:block; position:absolute; top:322px ; right:0;}/*2016-08-22 수정*/
.gameCon.game a.lnb2{display:block; position:absolute; top:161px; right:161px;}
.gameCon.game a.lnb9{display:block; position:absolute; top:322px; right:161px;}/*2015-09-07 수정*/
.gameCon.game a.lnb5{display:block; position:absolute; top:322px; right:0;}/* 2018-02-26 추가 */
/* 2015-06-29 기존 꺼 주석 
.gameCon.game a.lnb1{display:block; position:absolute; top:161px; right:0;}
.gameCon.game a.lnb2{display:block; position:absolute; top:322px; right:161px;}
.gameCon.game a.lnb3{display:block; position:absolute; top:322px; right:0;}
.gameCon.game a.lnb4{display:block; position:absolute; top:483px; right:161px;}
.gameCon.game a.lnb5{display:block; position:absolute; top:483px; right:0;}
.gameCon.game a.lnb6{display:block; position:absolute; top:644px; right:161px;}
.gameCon.game a.lnb7{display:block; position:absolute; top:644px; right:0;}
.gameCon.game a.lnb8{display:block; position:absolute; top:805px; right:161px;}
.gameCon.game a.lnb9{display:block; position:absolute; top:805px; right:0;}
.gameCon.game a.lnb10{display:block; position:absolute; top:966px; right:161px;}
*/
/*2015-06-29 수정 end */

/*2014-09-11 수정  end*/

/*.gameCon a.lnb:hover span{z-index:500; display:block; position:absolute; top:0;}*/

/* 2017-02-21수정 */
.peopleUtil{position:absolute; top:814px; right:0; width:321px;}
.peopleUtil .one{padding:20px 17px 25px; border:1px solid #e6e6e6; background:#fbfbfb}
.peopleUtil .one:nth-child(2){border-top:none;}
.peopleUtil .one ul{margin-top:17px;}
.peopleUtil .one li{line-height:26px;}
.peopleUtil .one li a{color:#444; font-size:13px;}
.peopleUtil .one li a img{vertical-align:middle;}
.peopleUtil .two{display:block; width:321px; height:78px; overflow:hidden; background:url('/common/images/btn/sub_people_utilimg.gif') no-repeat 0 0; text-indent:-9999px;}
.peopleUtil .thr{display:block; width:321px; height:80px; overflow:hidden; background:url('/common/images/btn/sub_people_utilimg.gif') no-repeat 0 -78px; text-indent:-9999px;}

.viewCon{width:596px; padding:0 0 60px 36px; margin-bottom:60px; overflow:hidden;}
.viewCon.people{border:1px solid #e6e6e6; padding:0; margin-bottom:60px; width:630px;}
.viewCon.mtb300{margin-bottom:300px;}
.viewCon.recruit{border:1px solid #e6e6e6; padding:0 36px 78px 36px; margin-bottom:60px; width:560px;/* width:630px; box-sizing:border-box; */ position:relative;} /* 2019-03-25 수정 */
.viewCon.hot{border:1px solid #e6e6e6; padding:0 36px 60px 36px; margin-bottom:60px; width:560px; /* width:630px; box-sizing:border-box; */ position:relative;} /* 2019-03-25 수정 */
.viewCon .gtCsrD > img {max-width:100%;} /* 2020-03-03 추가 */
.viewCon .gtFocusD > img {max-width:100%;} /* 2020-03-03 추가 */
.viewCon .gtStoryD > img {max-width:100%;} /* 2020-03-04 추가 */
.partW {padding:0 36px;}
.rollVisualD {height:230px; width:558px;  margin:0 auto; overflow:hidden; position:relative; }
.rollBg{height:230px; left: 0px; margin: 0 auto; position: absolute; text-indent: -2000%; top: 0; width:558px; z-index: 500;}
.lifeBop1 {background:url('/common/images/icon/life_bop1.jpg') no-repeat 0 0;}
.lifeBop2 {background:url('/common/images/icon/life_bop2.jpg') no-repeat 0 0;}
.lifeBop3 {background:url('/common/images/icon/life_bop3.jpg') no-repeat 0 0;}
.lifeBop4 {background:url('/common/images/icon/life_bop4.jpg') no-repeat 0 0;}
.lifeClub1{background:url('/common/images/icon/life_club1.jpg') no-repeat 0 0;}
.lifeClub2{background:url('/common/images/icon/life_club2.jpg') no-repeat 0 0;}
.lifeClub3{background:url('/common/images/icon/life_club3.jpg') no-repeat 0 0;}
.lifeClub4{background:url('/common/images/icon/life_club4.jpg') no-repeat 0 0;}
.lifeJalajo1 {background:url('/common/images/icon/life_jalajo1.jpg') no-repeat 0 0;}
.lifeJalajo2 {background:url('/common/images/icon/life_jalajo2.jpg') no-repeat 0 0;}
.lifeJalajo3 {background:url('/common/images/icon/life_jalajo3.jpg') no-repeat 0 0;}
.lifePark1 {background:url('/common/images/icon/life_park1.jpg') no-repeat 0 0;}
.lifePark2 {background:url('/common/images/icon/life_park2.jpg') no-repeat 0 0;}
.lifePark3 {background:url('/common/images/icon/life_park3.jpg') no-repeat 0 0;}
.learnLanguage1 {background:url('/common/images/icon/learn_language1.jpg') no-repeat 0 0;}
.learnLanguage2 {background:url('/common/images/icon/learn_language2.jpg') no-repeat 0 0;}
.learnLanguage3 {background:url('/common/images/icon/learn_language3.jpg') no-repeat 0 0;}
.learnLecture1 {background:url('/common/images/icon/learn_lecture1.jpg') no-repeat 0 0;}
.learnLecture2 {background:url('/common/images/icon/learn_lecture2.jpg') no-repeat 0 0;}
.learnLecture3 {background:url('/common/images/icon/learn_lecture3.jpg') no-repeat 0 0;}
.learnNdc1 {background:url('/common/images/icon/learn_ndc1.jpg') no-repeat 0 0;}
.learnNdc2 {background:url('/common/images/icon/learn_ndc2.jpg') no-repeat 0 0;}
.learnNdc3 {background:url('/common/images/icon/learn_ndc1.jpg') no-repeat 0 0;}
.learnJoin1 {background:url('/common/images/icon/learn_join1.jpg') no-repeat 0 0;}
.learnJoin2 {background:url('/common/images/icon/learn_join2.jpg') no-repeat 0 0;}
.learnJoin3 {background:url('/common/images/icon/learn_join3.jpg') no-repeat 0 0;}
.communityClub1 {background:url('/common/images/icon/community_club1.jpg') no-repeat 0 0;}
.communityClub2 {background:url('/common/images/icon/community_club2.jpg') no-repeat 0 0;}
.communityCeo1 {background:url('/common/images/icon/community_ceo1.jpg') no-repeat 0 0;}
.communityCeo2 {background:url('/common/images/icon/community_ceo2.jpg') no-repeat 0 0;}
.communityCeo3 {background:url('/common/images/icon/community_ceo3.jpg') no-repeat 0 0;}
.happinessDotori1 {background:url('/common/images/icon/happiness_dotori6.jpg') no-repeat 0 0;}
.happinessDotori2 {background:url('/common/images/icon/happiness_dotori1.jpg') no-repeat 0 0;}
.happinessDotori3 {background:url('/common/images/icon/happiness_dotori2.jpg') no-repeat 0 0;}
.happinessDotori4 {background:url('/common/images/icon/happiness_dotori3.jpg') no-repeat 0 0;}
.happinessDotori5 {background:url('/common/images/icon/happiness_dotori4.jpg') no-repeat 0 0;}
.happinessDotori6 {background:url('/common/images/icon/happiness_dotori5.jpg') no-repeat 0 0;}
.happinessWelfare {background:url('/common/images/icon/happiness_welfare.jpg') no-repeat 0 0;}
.happinessWork {background:url('/common/images/icon/happiness_work.jpg') no-repeat 0 0;}
.eventEnd1 {background:url('/common/images/icon/event_end1.jpg') no-repeat 0 0;}
.eventEnd2 {background:url('/common/images/icon/event_end2.jpg') no-repeat 0 0;}
.eventEnd3 {background:url('/common/images/icon/event_end3.jpg') no-repeat 0 0;}
.eventEvent1 {background:url('/common/images/icon/event_event1.jpg') no-repeat 0 0;}
.eventEvent2 {background:url('/common/images/icon/event_event2.jpg') no-repeat 0 0;}
.eventEvent3 {background:url('/common/images/icon/event_event3.jpg') no-repeat 0 0;}
.eventEvent4 {background:url('/common/images/icon/event_event4.jpg') no-repeat 0 0;}/* 2014-11-06 수정 */
.eventEvent5 {background:url('/common/images/icon/event_event5.jpg') no-repeat 0 0;}/* 2014-11-06 수정 */
.partW.eventW {padding-bottom:40px;}/* 2014-11-06 수정 */
.library1 {background:url('/common/images/icon/event_library1.jpg') no-repeat 0 0;}
.library2 {background:url('/common/images/icon/event_library2.jpg') no-repeat 0 0;}
.library3 {background:url('/common/images/icon/event_library3.jpg') no-repeat 0 0;}
.library4 {background:url('/common/images/icon/event_library4.jpg') no-repeat 0 0;}
.gtstar {background:url('/common/images/icon/event_gtstar.jpg') no-repeat 0 0;}
.breakArcade1 {background:url('/common/images/icon/break_arcade1.jpg') no-repeat 0 0;}
.breakArcade2 {background:url('/common/images/icon/break_arcade2.jpg') no-repeat 0 0;}
.breakArcade3 {background:url('/common/images/icon/break_arcade3.jpg') no-repeat 0 0;}
.breakArcade4 {background:url('/common/images/icon/break_arcade4.jpg') no-repeat 0 0;}
.breakCafe1 {background:url('/common/images/icon/break_cafe1.jpg') no-repeat 0 0;}
.breakCafe2 {background:url('/common/images/icon/break_cafe2.jpg') no-repeat 0 0;}
.breakCafe3 {background:url('/common/images/icon/break_cafe3.jpg') no-repeat 0 0;}
.breakCafe4 {background:url('/common/images/icon/break_cafe4.jpg') no-repeat 0 0;}
.breakRefresh1 {background:url('/common/images/icon/break_refresh1.jpg') no-repeat 0 0;}
.breakRefresh2 {background:url('/common/images/icon/break_refresh2.jpg') no-repeat 0 0;}
.breakRefresh3 {background:url('/common/images/icon/break_refresh3.jpg') no-repeat 0 0;}
.breakRefresh4 {background:url('/common/images/icon/break_refresh4.jpg') no-repeat 0 0;}
.breakDress1 {background:url('/common/images/icon/break_dress1.jpg') no-repeat 0 0;}
.breakDress2 {background:url('/common/images/icon/break_dress2.jpg') no-repeat 0 0;}
.breakDress3 {background:url('/common/images/icon/break_dress3.jpg') no-repeat 0 0;}
.breakDress4 {background:url('/common/images/icon/break_dress4.jpg') no-repeat 0 0;}
.breakCaptin1 {background:url('/common/images/icon/break_captin1.jpg') no-repeat 0 0;}
.breakCaptin2 {background:url('/common/images/icon/break_captin2.jpg') no-repeat 0 0;}
.breakCaptin3 {background:url('/common/images/icon/break_captin3.jpg') no-repeat 0 0;}
.breakCaptin4 {background:url('/common/images/icon/break_captin4.jpg') no-repeat 0 0;}
.breakCondo1 {background:url('/common/images/icon/break_condo1.jpg') no-repeat 0 0;}
.breakCondo2 {background:url('/common/images/icon/break_condo2.jpg') no-repeat 0 0;}
.rollVisualD.manage {background:url('/common/images/icon/community_manage.jpg') no-repeat 0 0; }
.rollVisualD .controller {margin:0 auto; position:relative; height:230px; width:558px; z-index:600;}
.rollVisualD .controller .btns {position:absolute; bottom:0; left:0; width:100%;} 
.rollVisualD .controller .btns a {display:inline-block; float:right}
.rollVisualD .controller .btns a.prev {float:left}
.controller2 {width:610px;  position:absolute; top:410px; left:10px; z-index:600;  }
.controller2 .btns {width:610px;}
.controller2 .btns .prev {float:left;}
.controller2 .btns .next {float:right;}
.partD {width:558px; height:96px; padding:19px 0 0; margin-top:3px; }
.partD .titP {text-indent:-9999px; font-size:21px; line-height:24px; text-align:left;} 
.partD p {line-height:20px; font-size:13px;}
.partD span {font-size:14px; color:#008be4; font-weight:bold;}
.bopD {background:url('/common/images/icon/icon_life1.gif') no-repeat 0 0;}
.clubD {background:url('/common/images/icon/icon_life2.gif') no-repeat 0  0; text-align:right;}
.jalajoD {background:url('/common/images/icon/icon_life3.gif') no-repeat 0 0;}
.parkD {background:url('/common/images/icon/icon_life4.gif') no-repeat 0 0; text-align:right;}
.languageD {background:url('/common/images/icon/icon_learn1.gif') no-repeat 0 0; }
.lectureD {background:url('/common/images/icon/icon_learn2.gif') no-repeat 0 0; text-align:right;}
.ndcD {background:url('/common/images/icon/icon_learn3.gif') no-repeat 0 0;}
.joinD {background:url('/common/images/icon/icon_learn4.gif') no-repeat 0 0; text-align:right;}
.arcadeD {background:url('/common/images/icon/icon_break0.gif') no-repeat 0 0;}
.cafeD {background:url('/common/images/icon/icon_break1.gif') no-repeat 0 0; text-align:right;}
.refreshD {background:url('/common/images/icon/icon_break2.gif') no-repeat 0 0;}
.dressD {background:url('/common/images/icon/icon_break3.gif') no-repeat 0 0; text-align:right;}
.captinD {background:url('/common/images/icon/icon_break4.gif') no-repeat 0 0;}
.condoD {background:url('/common/images/icon/icon_break5.gif') no-repeat 0 0;text-align:right;}
.club2D {background:url('/common/images/icon/icon_community1.gif') no-repeat 0 0;}
.ceoD {background:url('/common/images/icon/icon_community2.gif') no-repeat 0 0; text-align:right;}
.manageD {background:url('/common/images/icon/icon_community3.gif') no-repeat 0 0;}
.dotoriD {background:url('/common/images/icon/people_happiness1.gif') no-repeat 0 0;}
.welfareD{background:url('/common/images/icon/people_happiness2.gif') no-repeat 0 0; text-align:right;}
.workD{background:url('/common/images/icon/people_happiness3.gif') no-repeat 0 0;}
.endD {background:url('/common/images/icon/people_event1.gif') no-repeat 0 0;  text-align:right;}
.libraryD {background:url('/common/images/icon/people_event3.gif') no-repeat 0 0;}
.gtstarD{background:url('/common/images/icon/people_event4.gif') no-repeat 0 0;}
.eventD {background:url('/common/images/icon/people_event2.gif') no-repeat 0 0;}
.noteD{height:160px; width:630px; background:url('/common/images/icon/icon_people_foot.gif') no-repeat 0 0;}
.noteD .titN{text-indent:-9999px; font-size:21px; line-height:24px; text-align:left;}
.note {width:285px; height:125px; float:left; padding:35px 0 0 30px; line-height:18px; }
.noteD.learn .note.learn {padding-left:35px; width:280px;}
.noteD.learn .note {height:135px;}
.note1 {width:279px; padding-left:36px; }
.noteBin {padding:35px 0 0 36px; line-height:18px; }
.noteD.break {background:none; /*height:120px;*/ height:0;} /* 2019-07-29 수정 */
.noteD.break .noteB {width:630px; height:120px; background:url('/common/images/icon/icon_people_foot4.gif') no-repeat 0 0;}
.noteD.happiness {height:300px; width:630px; background:url('/common/images/icon/icon_people_foot5.gif') no-repeat 0 0;}
.noteD.happiness .noteB {width:630px; height:140px; background:url('/common/images/icon/icon_people_foot7.gif') no-repeat 0 0;}
.noteD.event {height:160px;}
.noteD.event .noteB {width:630px; height:160px; background:url('/common/images/icon/icon_people_foot6.gif') no-repeat 0 0;}
.noteD.learn2 {background:none;}
.noteD.learn2 .note1 { background:url('/common/images/icon/icon_roll1_foot1.gif') no-repeat 0 0;}
.noteD.learn2 .note2{ background:url('/common/images/icon/icon_roll2_foot1.gif') no-repeat 0 0;}
.noteD.learn {background:url('/common/images/icon/icon_roll1_foot8.gif') no-repeat 0 0; height:170px;}
.noteV {padding:0; position:relative; width:315px; float:left; overflow:hidden; height:170px;}
.noteV .rollBt  {position:absolute; width:315px; overflow:hidden;}
.noteV .rollBt span{position:absolute; left:-2000%;}
.noteV .rollB{position:absolute; top:20px; right:20px;}
.movieDiv {padding-bottom:25px; border-bottom:1px solid #e6e6e6}
.movieDiv p{width:553px; height:312px;}
.movieDiv ul{width:; overflow:hidden; margin-top:25px;}
.movieDiv li{float:left; margin-right:6px;}
.movieDiv .cFou li {margin-right:8px;}/*2015-03-18 추가*/
.movieDiv .cFou li.end{margin-right:0;}/*2015-03-18 추가*/

/*2014-09-12 수정 start*/
.viewCon.gameW{padding-left:36px; padding-right:36px; width:558px;}
.viewCon.gameW .goBt {width:400px;} /*2019-04-09 추가*/
.viewCon.gameW .goBt a {margin-top:3px;} /*2019-04-09 추가*/
.viewCon.game1 .goBt{padding-top:240px}
.viewCon.game2 .goBt{padding-top:227px}
.viewCon.game3 .goBt{padding-top:210px}
.viewCon.game4 .goBt{padding-top:262px}
.viewCon.game5 .goBt{padding-top:270px}
.viewCon.game6 .goBt{padding-top:243px}
.viewCon.game7 .goBt{padding-top:224px}
.viewCon.game8 .goBt{padding-top:242px}
.viewCon.game9 .goBt{padding-top:238px}
.viewCon.game10 .goBt{padding-top:219px}
.viewCon.game11 .goBt{padding-top:257px}
.viewCon.game12 .goBt{padding-top:230px} /*2019-04-09 수정*/
/*.viewCon.game12 .goBt{padding-top:219px}*/
.viewCon.game13 .goBt{padding-top:257px}

.viewCon.game1 .gameDl{margin-top:74px;}
.viewCon.game2 .gameDl{margin-top:112px;}
.viewCon.game3 .gameDl{margin-top:119px;}
.viewCon.game4 .gameDl{margin-top:89px;}
.viewCon.game5 .gameDl{margin-top:80px;}
.viewCon.game6 .gameDl{margin-top:98px;}
.viewCon.game7 .gameDl{margin-top:98px;}
.viewCon.game8 .gameDl{margin-top:89px;}
.viewCon.game9 .gameDl{margin-top:95px;}
.viewCon.game10 .gameDl{margin-top:112px;}
.viewCon.game11 .gameDl{margin-top:88px;}
.viewCon.game12 .gameDl{margin-top:125px;}
.viewCon.game13 .gameDl{margin-top:87px;}
.viewCon.game14 .gameDl{margin-top:35px;}

.viewCon.game14 .subTxt{padding-top:380px; font-size:14px; color:#333; line-height:22px;}

.viewCon.gameW .gameDl dt{margin-top:30px;}
.viewCon.game4 .gameDl dt,
.viewCon.game6 .gameDl dt{margin-top:40px;}
.viewCon.game7 .gameDl dt,
.viewCon.game8 .gameDl dt,
.viewCon.game10 .gameDl dt {margin-top:35px;}
.viewCon.gameW .gameDl dd{padding:10px 0 0 30px; color:#767676; line-height:18px;}


/*2014-12-08 수정*/
.viewCon.game1{min-height:1400px; background:url('/common/images/icon/game1sub_bg.jpg') no-repeat 0 0;}
.viewCon.game2{min-height:1400px; background:url('/common/images/icon/game2sub_bg.jpg') no-repeat 0 0;}
.viewCon.game3{min-height:1400px; background:url('/common/images/icon/game3sub_bg.jpg') no-repeat 0 0;}
.viewCon.game4{min-height:1400px; background:url('/common/images/icon/game4sub_bg.jpg') no-repeat 0 0;}
.viewCon.game5{min-height:1400px; background:url('/common/images/icon/game5sub_bg.jpg') no-repeat 0 0;}
.viewCon.game6{min-height:1400px; background:url('/common/images/icon/game6sub_bg.jpg') no-repeat 0 0;}
.viewCon.game7{min-height:1400px; background:url('/common/images/icon/game7sub_bg.jpg') no-repeat 0 0;}
.viewCon.game8{min-height:1400px; background:url('/common/images/icon/game8sub_bg.jpg') no-repeat 0 0;}
.viewCon.game9{min-height:1400px; background:url('/common/images/icon/game9sub_bg.jpg') no-repeat 0 0;}
.viewCon.game10{min-height:1400px; background:url('/common/images/icon/game10sub_bg.jpg') no-repeat 0 0;}
.viewCon.game11{min-height:1400px; background:url('/common/images/icon/game11sub_bg.jpg') no-repeat 0 0;}
.viewCon.game12{min-height:1400px; background:url('/common/images/icon/game12sub_bg.jpg') no-repeat 0 0;}
.viewCon.game13{height:1504px; background:url('/common/images/icon/game13sub_bg.jpg') no-repeat 0 0;}/*2014-12-08 추가*/
.viewCon.game14{height:1423px; background:url('/common/images/icon/game14sub_bg.jpg') no-repeat 0 0;}
/*.viewCon.game1{height:1235px; background:url('/common/images/icon/game1sub_bg.jpg') no-repeat 0 0;}
.viewCon.game2{height:1262px; background:url('/common/images/icon/game2sub_bg.jpg') no-repeat 0 0;}
.viewCon.game3{height:1238px; background:url('/common/images/icon/game3sub_bg.jpg') no-repeat 0 0;}
.viewCon.game4{height:1415px; background:url('/common/images/icon/game4sub_bg.jpg') no-repeat 0 0;}
.viewCon.game5{height:1238px; background:url('/common/images/icon/game5sub_bg.jpg') no-repeat 0 0;}
.viewCon.game6{height:1238px; background:url('/common/images/icon/game6sub_bg.jpg') no-repeat 0 0;}
.viewCon.game7{height:1238px; background:url('/common/images/icon/game7sub_bg.jpg') no-repeat 0 0;}
.viewCon.game8{height:1238px; background:url('/common/images/icon/game8sub_bg.jpg') no-repeat 0 0;}
.viewCon.game9{height:1238px; background:url('/common/images/icon/game9sub_bg.jpg') no-repeat 0 0;}
.viewCon.game10{height:1238px; background:url('/common/images/icon/game10sub_bg.jpg') no-repeat 0 0;}
.viewCon.game11{height:1370px; background:url('/common/images/icon/game11sub_bg.jpg') no-repeat 0 0;}
.viewCon.game12{height:1400px; background:url('/common/images/icon/game12sub_bg.jpg') no-repeat 0 0;}
.viewCon.game13{height:1504px; background:url('/common/images/icon/game13sub_bg.jpg') no-repeat 0 0;}2014-12-08 추가*/
/*2014-12-08 수정*/

.viewCon.company {border:1px solid #e6e6e6; padding-right:35px; width:561px; margin-bottom:60px;}
.infoBox {border-top:2px solid #8c8c8c; border-bottom:1px solid #e6e6e6; padding:19px 0 15px 25px; color:#333;}
.infoBox img {vertical-align:middle;}
.infoBox > img{vertical-align:top; margin:12px 17px 0 0;}
.infoBox strong{display:inline-block; font-size:32px; width:118px;}
.infoBox .infoR {display:inline-block; vertical-align:top; padding:10px 0 0; }
.infoBox .txtB{padding:0 30px 0 15px; color:#244fd1;font-size:14px;}
.infoBox a{display:inline-block;float:right }


/*tab*/
.tab a {display:inline-block; width:108px; border:1px solid #bbb; float:left; border-left:0; height:28px; line-height:28px; text-align:center; }
.tab a:first-child{border-left:1px solid #bbb;}
.tab a.on {background:#005598; border:none; height:30px; line-height:30px; color:#fff;}
.tab:after {content:""; clear:both; display:block;}
.tab2 a {display:inline-block; width:120px; border:1px solid #bbb; background:#f8f8f8; float:left; border-left:0; height:28px; line-height:28px; text-align:center;  color:#000;}
.tab2 a:first-child{border-left:1px solid #bbb;}
.tab2 a.on { background:#fff; color:#000; height:29px; line-height:29px; border-bottom:0;}
.tab2:after {content:""; clear:both; display:block;}

/*tableTtype*/
table.wd630 {width:630px !important} /* 2020-03-20 추가 */
.tableTtype1 thead tr:first-child th {border-top:2px solid #8c8a8c;}
.tableTtype1 thead th {background:#fbfbfb; color:#333; padding:15px 0 14px; border:1px solid #e6e6e6;font-weight:normal;}
.tableTtype1 thead th:first-child {border-left:none;}
.tableTtype1 thead th.end{border-right:none;}
.tableTtype1 tbody th, .tableTtype1 tbody td {padding:11px 0; border-bottom:1px solid #e6e6e6 }
.tableTtype1 tbody th {text-align:left; padding-left:21px; font-weight:normal;}
.tableTtype1 tbody td {text-align:center; border-left:1px solid #e6e6e6}
.tableTtype1 tbody tr.point th, .tableTtype1 tbody tr.point td {background:#f1f8fd;}
.tableTtype2 thead tr:first-child th {border-top:2px solid #0f6fd0}
.tableTtype2 thead th {color:#333; padding:14px 0 13px; border-bottom:1px solid #ccc; font-weight:normal;}
.tableTtype2 tbody th, .tableTtype2 tbody td {padding:11px 0; border-bottom:1px solid #e6e6e6;}
.tableTtype2 tbody th { font-weight:normal;}
.tableTtype2 tbody td {text-align:center;}
.tableTtype2 tbody td.taL {text-align:left; padding-left:20px;}
.tableTtype2 tbody td.end a{color:#005598; font-weight:bold;}
.tableTtype2 tbody td.end a img{vertical-align:middle; padding-right:5px;}
.tableTtype3 thead tr:first-child th {border-top:2px solid #0f6fd0}
.tableTtype3 thead th {color:#333; padding:14px 0 13px 20px; border-bottom:1px solid #e6e6e6; font-weight:normal;  text-align:left;}
.tableTtype3 thead th strong{font-size:14px;}
.tableTtype3 tbody th, .tableTtype3 tbody td {padding:13px 0 13px 20px; border-bottom:1px solid #e6e6e6; }
.tableTtype3 tbody td span.file {display:inline-block; width:60px; border-right:1px solid #ccc; margin-right:14px;}
.tableTtype3 tbody td a {text-decoration:underline; margin-right:20px;}
.tableTtype3 tbody td a img {margin-right:5px;}
.tableTtype3 tbody tr.content td{padding:21px 0 30px 20px; line-height:18px; color:#444;}
.tableTtype4 tbody tr:first-child th,.tableTtype4 tbody tr:first-child td {border-top:2px solid #0f6fd0}
.tableTtype4 tbody th, .tableTtype4 tbody td {padding:13px 0 13px; border-bottom:1px solid #e6e6e6; }
.tableTtype4 tbody th {background:#eff7f8;  color:#000;}
.tableTtype4 tbody td {padding-left:20px}
.tableTtype4 tbody td input[type="text"] {width:50px; }
.tableTtype4 tbody td a{display:inline-block;}
.tableTtype4 tbody td a.end{margin:0 8px 0 0 ;}
.tableTtype4 tbody td a.inquiry{margin:0 5px 0 10px;}
.tableTtype4 tbody td img{vertical-align:middle; margin:0 0 0 1px ;}

.tableTtype5 thead tr:first-child th {border-top:2px solid #0f6fd0}
.tableTtype5 thead th {background:#eff7f8; color:#333; padding:15px 0 14px; border:1px solid #e6e6e6; border-right:0; font-weight:normal;}
.tableTtype5 thead th:first-child{border-left:none;}
.tableTtype5 tbody th, .tableTtype5 tbody td {padding:13px 0 13px; border-bottom:1px solid #e6e6e6; }
.tableTtype5 tbody th {color:#000; font-weight:normal}
.tableTtype5 tbody td {padding-left:10px; border:1px solid #e6e6e6; border-right:0; color:#000}
.tableTtype5 tbody tr.point th, .tableTtype5 tbody tr.point td {background:#f5f5f5;}
.tableTtype5 tbody td span.colorO{color:#ff8040}
.tableTtype5 tbody tr.end th, .tableTtype5 tbody tr.end td{border-bottom:1px solid #0f6fd0}
.tableTtype5.price tbody td {text-align:right; padding-right:10px;}
.tableTtype5.price tbody td img{vertical-align:middle; margin-right:15px;}

.searchBox {width:265px; float:left;}
.searchBox select {float:left; height:25px; width:90px;}
.searchBox option {padding:0 5px;}
.searchBox input {float:left;height:17px; border-right:0; width:134px; margin-left:4px;}
.searchBox.box2 {width:412px; height:48px; padding:14px 0 0 145px;  background:#fbfbfb; border:1px solid #e6e6e6;}
.searchBox.box2 select {margin-left:5px; height: 35px; width: 90px; padding:6px; }
.pagging {float:right;}
.pagging a {display:inline-block; text-align:center;  }
.pagging a.on {color:#005598; font-weight:bold;}
.pagging a span {display:inline-block; width:28px;  border-left:1px solid #ddd;}
.pagging a.fir span{border:none;}
.pagging a img{vertical-align:middle;}
.pagging.pop {float:none; text-align:center;}

.clear{content:""; clear:both; display:block;}

.hotListW{border-bottom:1px solid #e6e6e6; overflow:hidden; width:558px; }
.hotLisD {width:267px; float:left;}
.hotLisD.end {margin-left:23px}
.hotImg {width:261px; height:151px; border:3px solid #e6e6e6; position:relative;}
.hotBtn2 {position:absolute; bottom:0; right:0;}
.hotTxt {font-size:14px; color:#333; margin-bottom:30px;}
.hotTxt span {display:block; color:#777; font-size:11px; padding:2px 0;}
.hotD {width:558px;  height:1892px; margin:0 auto; overflow:hidden; position:relative; }
.hotD a{position:absolute; }
.hotBtn img{padding:0 5px;}
.hotView{border-top:2px solid #0f6fd0;}
.potatoD {padding:0 0 20px; border-bottom:1px solid #e6e6e6; color:#333;}
.potatoD .area {padding:18px 0 0; border-bottom:1px solid #e6e6e6;}
.potatoD span{display:inline-block; color:#666;}
.potatoD .date2{ padding:0 0 18px 10px;}

.newsWrap {border-top:2px solid #0f6fd0}
.newsD{padding:24px 0 20px 10px;border-bottom:1px solid #e6e6e6;}
.newsTit{font-size:15px; font-weight:bold; color:#333; }
.newsTit a {color:#333;}
.newsTit span{font-size:12px; font-weight:normal; padding:0 0 0 5px;}
.newsTit span:first-child{border-right:1px solid #ddd; padding-right:5px;}
.newsTxt {line-height:18px;}
.PressWrap {border-top:2px solid #0f6fd0}
.PressWrap.paD .PressD{padding-left:10px;}
.PressD {position:relative; padding:18px 0 0; border-bottom:1px solid #e6e6e6; color:#333;}
.PressD.story.on {background:#edf6fb}
.PressD span{display:inline-block; color:#666;}
.PressD .date2{ padding:0 0 18px;}
.PressD .area > a {position:absolute; top:20px; right:0;}
.pressView {background:#fbfbfb;}
.pressView p.file{padding:17px 20px 18px 20px; display:inline-block; width:521px; border-top:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6; }
.pressView .file span {height:20px; line-height:20px; float:left; border-right:1px solid #ccc; display:inline-block; margin-right:14px; width:60px}
.pressView .file a {margin-right:10px; text-decoration:underline;  display:inline-block; padding-top:4px;}
.pressView .file a img {margin-right:5px;}
.pressView .comment{overflow: hidden; padding:20px 20px 28px; width: 517px;}
.viewCon.sns {padding:0 0 60px; /* width:630px; */ width:100%;} /* 2019-07-08 수정 */
/* .facebook {width:630px; height:651px;} 2020-04-02 삭제 */
/* 2019-07-08 추가 */
/* 2020-02-21 수정 */
/* 2020-04-02 수정 */
.intagram {padding:40px 35px; border:1px solid #e6e6e6; overflow:hidden}
.intagram .instaBox .snsArea {margin-top:0px; position:relative;  height:802px}
.intagram .instaBox .snsArea .box {display:block; position:absolute; width:271px; height:381px; border:1px solid #e6e6e6; overflow:hidden; box-sizing:border-box}
.intagram .instaBox .snsArea .box.tit {border:0; top:0; left:0}
.intagram .instaBox .snsArea .box.tit .inner {width:228px; margin:0 auto;}
.intagram .instaBox .snsArea .box.tit .titTxt {margin-top:35px; font-family: "NexonGothicStd-Light"; font-size:34px; line-height:42px; color:#444444}
.intagram .instaBox .snsArea .box.tit .titTxt .bold {font-family: "NexonGothicStd-Bold";}
.intagram .instaBox .snsArea .box.facebook {bottom:0; right:0}
.intagram .instaBox .snsArea .box.facebook > a {display:block;}
.intagram .instaBox .snsArea #instaGT {position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden;}
.intagram .instaBox .snsArea #instaGT .box.snsType:nth-child(1){ top:0; left:312px;}
.intagram .instaBox .snsArea #instaGT .box.snsType:nth-child(2){ top:0; left:625px;}
.intagram .instaBox .snsArea #instaGT .box.snsType:nth-child(3){ top:421px; left:0px;}
.intagram .instaBox .snsArea #instaGT .box.snsType:nth-child(4){ top:421px; left:312px;}
.intagram .instaBox .snsArea #instaGT .box.snsType .imgDiv {overflow:hidden; height:273px; text-align:center}
.intagram .instaBox .snsArea #instaGT .box.snsType .imgDiv > img {height:100%;}
.intagram .instaBox .snsArea #instaGT .box.snsType .txtDiv {padding:15px 20px 20px; height:107px; font-family: "NexonGothicStd-Medium"; background:#f7f7f7; box-sizing:border-box;} 
.intagram .instaBox .snsArea #instaGT .box.snsType .txtDiv .txt {color:#666666; height:48px; font-size:14px; line-height:24px; letter-spacing:-0.5px; word-break:keep-all; overflow:hidden;}
.intagram .instaBox .snsArea #instaGT .box.snsType .txtDiv .txt .hashtag {color:#00376b}
.intagram .instaBox .snsArea #instaGT .box.snsType .txtDiv .info {padding-top:13px; font-size:12px; line-height:1; color:#767676; overflow:hidden;}
.intagram .instaBox .snsArea #instaGT .box.snsType .txtDiv .info .date {float:left;}
.intagram .instaBox .snsArea #instaGT .box.snsType .txtDiv .info .like {float:right; padding-left:14px; background:url("/common/images/icon/snslike_icon.jpg") no-repeat left center;}
/* //2020-04-02 수정 */
/* //2020-02-21 수정 */
/* //2019-07-08 추가 */
.gamehi1 {border-left:1px solid #e6e6e6; border-right:1px solid #e6e6e6; padding:50px 0 20px 20px;}
.gamehi2 {position:relative; padding:30px 36px 50px; border-left:1px solid #e6e6e6; border-right:1px solid #e6e6e6; }
.gamehi2 .snsBtn{position:absolute; top:14px; right:36px;}
.gamehi2 .snsBtn a{ margin:0 0 0 5px;}
dl.map dt {float:left; width:54px; font-weight:bold; font-size:12px; color:#333; padding:0 0 8px}
dl.map dd{float:left; width:500px; padding:0 0 8px; }
dl.map:after{content:""; clear:both; display:block;}
.ciD {position:relative; height:420px; background:url('/common/images/icon/icon_ci.gif') no-repeat 0 0;}
.ciD .col {position:absolute; top:246px; left:60px; width:210px; height:88px; text-indent:-9999px;}
.ciD .row {position:absolute; top:246px; left:330px; width:240px; height:88px; text-indent:-9999px;}
.ciD .btn {position:absolute; top:350px; right:36px; }
.ciD .btn a {padding:0 0 0 10px;}
.colorBar {background:url('/common/images/icon/bu_colorBar.gif') no-repeat 36px 25px; padding:47px 30px 50px 36px; border-left:1px solid #e6e6e6; border-right:1px solid #e6e6e6;}
.color {float:left; width:140px;}
.color dt{font-size:10px; font-weight:bold; color:#333; float:left; width:48px; padding:0 0 5px;}
.color dd{font-size:10px; float:left; width:89px; padding:0 0 5px; letter-spacing:-0.5px}
.colorBar:after {content:""; clear:both; display:block;}

.historyD {position:relative; overflow-y:scroll;  height:600px; border:1px solid #e6e6e6;}
.historyD .trans2{position:absolute; left:-50000px; top:-50000px;}
.historyD .scrollD{position:absolute; top:201px; left:300px; width:30px; height:1802px; overflow:hidden;}
.historyD .scrollD p{position:relative;}
.historyD .scrollD p a {position:absolute;}
   



/* footer */
#footer{background:#333333; width:970px; margin: 0 auto}/*  2018-12-17 수정 */
.footDiv{width:970px; margin:auto; padding:26px 0 30px; overflow:hidden}
.footDiv .logo{float:left; margin:0 44px 0 40px;}
.footDiv .txt{float:left; margin:3px 44px 0 0;}

/* PAGING*/
.paging{position:relative; width:100%; height:25px; text-align:center; font-size:13px; color:#666}
.paging img{vertical-align:top;}
.paging strong{display:inline-block; zoom:1; color:#333; padding:3px 9px; vertical-align:top}
.paging a{display:inline-block; zoom:1; color:#888888; padding:3px 9px; vertical-align:top}
.paging a.first{display:inline-block; zoom:1; width:36px; height:25px; padding:0; border:none; vertical-align:top;}
.paging a.prev{display:inline-block; zoom:1; width:36px; height:25px; padding:0; border:none; vertical-align:top;}
.paging a.next{display:inline-block; zoom:1; width:36px; height:25px; padding:0; border:none; vertical-align:top;}
.paging a.end{display:inline-block; zoom:1; width:36px; height:25px; padding:0; border:none; vertical-align:top;}
.paging a:hover, .paging a:focus{text-decoration:none; color:#e76e03;}
.paging a.bgNone{background:none; padding:3px 2px 0 2px; border:none}
.paging span{display:inline-block; zoom:1; font-weight:bold; color:#ffffff; padding:2px 4px 1px 5px; border:1px solid #2f7c9b; background:#4492b2; vertical-align:top}
.paging .addR{position:absolute; top:0; right:0; padding:0;}
.clearB{clear:both; width:100%;}
.clear{display:block; float:none; clear:both; height:0; width:100%; font-size:0 !important; line-height:0 !important; overflow:hidden; margin:0 !important; padding:0 !important;}

/* rounded */
div.rounded{background-color:#666; color:#fff; line-height:20px; width:400px; padding:10px; -webkit-border-radius:10px; -moz-border-radious:10px}

/*popup*/

.popupBg{background: url("/common/images/popup/popup_bg.png") repeat 0 0; left: 0; position: absolute; top: 0; width: 100%; z-index:2000; height:100%;}
.popupWrap {left:0px; overflow:hidden; position: absolute; top: 0; width:970px; z-index:3000;}/* 2014-11-06 수정 */
.popupWrap.hot {width:638px}
.popHead {position:relative; height:23px; width:940px; padding:19px 0 18px 30px;  background:#0f6fd0; }/* 2014-11-06 수정 */
.popupWrap.hot .popHead {width:608px}
.popHead p{ float:left; font-size:24px; font-weight:bold; width:751px; color:#fff;}
.popHead a{position:absolute;top:0; right:0;}
.popCon {background:#fff; padding:40px 30px 0 34px; height:600px; overflow-y:scroll; border:1px solid #eee; text-align:center;} /* 2014-11-06 수정2 */
.popCon .date {text-align:center; color:#000; font-weight:bold; font-size:13px; letter-spacing:1px;}
.popCon .date img {float:right;}
.popCon .grape{border:1px solid #ddd; border-top:0; width:726px; text-align:center;}
.popCon .priceInfo1 {font-size:13px; padding:2px 0 10px 28px; border-top:2px solid #0f6fd0; border-bottom:1px solid #0f6fd0; overflow:hidden; }
.popCon .priceInfo1 img{vertical-align:middle; margin-right:5px;}
.priceInfo1 .priceP {float:left; text-align:center; padding-top:5px; color:#000; border-left:1px solid #ddd; font-weight:bold; }
.priceInfo1 .priceP span{display:block; padding-top:8px;}
.priceInfo1 .priceP1 {border-left:0; width:100px; background: url("/common/images/popup/popup_cash.gif") no-repeat 18px 6px;}
.priceInfo1 .priceP1 span:first-child {padding:0 0 0 12px;}
.priceInfo1 .priceP1 img{margin-top:-4px;}
.priceInfo1 .priceP1 strong{font-size:20px;}
.priceInfo1 .priceP2 {width:103px;}
.priceInfo1 .priceP3 {width:110px;}
.priceInfo1 .priceP2 span,.priceInfo1 .priceP3 span {padding:15px 0 5px ; font-weight:normal; }
.priceInfo1 .priceT{float:left; width:93px; margin-left:3px;}
.priceInfo1 .priceT dt{background:#eff7f8; font-weight:bold; height:24px; line-height:24px; color:#000; width:93px; text-align:center; }
.priceInfo1 .priceT dd{color:#000; width:93px;text-align:center; padding-top:10px;}
.priceInfo1 .priceT dd.colorR {color:#ff3c00}
.popCon .colorB {color:#006ecc}
.popCon.peivacy { height:550px; }
.peivacyBox {height:213px; padding:20px 0 20px 20px; background:#f7f7f7; border:1px solid #e6e6e6;}
.peivacyBox ul li {line-height:19px;}
.peivacy .colorB {color:#1193e6}
.peivacy .colorB a {color:#1193e6}


/* font */

.tit01 {font-size:15px; font-weight:bold; color:#333;}
.line20 {line-height:20px;}
.line18 {line-height:18px;}
.titTyle dt{font-weight:bold; color:#333;}
.titTyle dd {padding-left:12px; line-height:19px;}
.titTyle dd span.colorL {color:#333;}
.pL18 {padding-left:18px;}
.pl10{padding-left:10px;}

/*2014-03-18 추가*/
.floatL {float:left;}
.floatR {float:right;}
.gtStoryD {padding:0 8px;}
.storyTxt {line-height:20px; padding:0 15px 0 8px;}
.qrCode {float:right; padding:0 60px 0 0; }
.storyTxt2 {padding:10px 0 0 10px; float:right; width:230px; color:#5a5a5a; line-height:21px;  }
.storyTxt3 {width:220px; padding:0 0 0 10px; line-height:20px;}
.qrCode { padding:0 60px 0 0; }
.bottomCon {position:relative; height:234px;}
.qrCode2 {position:absolute; top:147px; left:160px;}
.gtStoryD:after{clear:both; content:""; display:block; }



/*2014-09-01 에러 페이ㅈㅣ추가 */

.errorD {padding:170px 0 326px; margin-bottom:60px;  text-align:center; background:#fbfbfb; border-bottom:1px solid #e6e6e6}


/* 2016-05-31 추가 */
.ciW {position:relative; height:348px; background:url('/common/images/icon/icon_ci_red.gif') no-repeat 0 0;}
.ciW .col {position:absolute; top:246px; left:60px; width:210px; height:88px; text-indent:-9999px;}
.ciW .row {position:absolute; top:246px; left:330px; width:240px; height:88px; text-indent:-9999px;}
.ciW .btn {position:absolute; top:288px; right:36px; }
.ciW .btn a {padding:0 0 0 10px;}

.colorBarW {background:url('/common/images/icon/bu_colorBar_red.gif') no-repeat 36px 25px; padding:47px 30px 50px 36px;border-left:1px solid #e6e6e6; border-right:1px solid #e6e6e6;  }
.colorW {float:left; width:180px; padding-right:100px;}
.colorW dt{font-size:10px; font-weight:bold; color:#333; float:left; width:60px; padding:0 0 5px;}
.colorW dd{font-size:10px; float:left; width:89px; padding:0 0 5px; letter-spacing:-0.5px}
.colorBarW:after {content:""; clear:both; display:block;}

.historyW {position:relative; height:561px; border:1px solid #e6e6e6; }
.historyW .trans2{position:absolute; left:-50000px; top:-50000px;}
.historyW .scrollD p{position:relative;}
.historyW .scrollD p a {position:absolute;}


/* 2016-07-05 수정 */
.comTit {font-weight:bold; color:#333; font-size:14px; padding:32px 19px;}

.PressDN {position:relative; padding:18px 0 0 10px; border-bottom:1px solid #e6e6e6; color:#333;}
.PressDN.story.on {background:#edf6fb}
.PressDN span{display:inline-block; color:#666;}
.PressDN .date2{ padding:0 0 18px;}
.PressDN .area > a {position:absolute; top:20px; right:0;}
.pressViewN {background:#fbfbfb;border-top:1px solid #e6e6e6;}
.pressViewN p.file{padding:17px 20px 18px 20px; display:inline-block; width:521px; border-top:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6; }
.pressViewN .file span {height:20px; line-height:20px; float:left; border-right:1px solid #ccc; display:inline-block; margin-right:14px; width:60px}
.pressViewN .file a {margin-right:10px; text-decoration:underline;  display:inline-block; padding-top:4px;}
.pressViewN .file a img {margin-right:5px;}
.pressViewN .comment{overflow: hidden; padding:20px 20px 28px; width: 517px;}
.PressWrapN {border-top:2px solid #0f6fd0; margin:0 36px;}

.boardTit {padding:50px 36px 20px;}
.aboutBoard {border-bottom:1px solid #e6e6e6;}

/* 2016-07-05 메인 레이어 팝업 */
.layerPop2{position:absolute; z-index:9999999;}
.layerPop2 .popW{width:570px; }
.layerPop2 .popH {padding:15px 0; text-align:center; background:#fff;}
.layerPop2 .popB {height:273px; background:#0e6fd0;padding:30px 0 0;}
.layerPop2 .popSb {width:510px; height:160px; background:#fff; border-radius:10px; margin:0 auto; text-align:center;padding:40px 0;}
.layerPop2 .popSb a.moreBtn {display:block; margin:27px auto 0;}
.btnDiv {color:#fff; float:right;margin-top:9px; margin-right:27px;}
.btn02{margin-left:10px;}

.blackBg{position:absolute;top:0;left:0;width:100%;background:rgba(0, 0, 0, 0.66);z-index:999999;}


/* 2016-07-15 추가 */
.infoBoardArea {background:#fbfbfb; border-left:1px solid #e6e6e6; border-right:1px solid #e6e6e6; border-top:1px solid #e6e6e6; padding:24px 34px;position:relative;}
.infoBoardArea a.infoBtn {position:absolute; top:50%; margin-top:-17px;right:34px;} /* 2016-08-02 수정 */
.infoBoardArea a.useBtn {position:absolute; top:50%; margin-top:-17px;right:185px;} /* 2016-08-02 추가 */
.dateInfo {font-size:15px; color:#444; font-weight:bold;float:left}
.infoDateDiv {overflow:hidden; margin-top:55px; padding-bottom:5px;border-bottom:2px solid #006abf;}
.selectDateInfo {font-size:15px; color:#444; font-weight:bold; float:right}
select.selectStyle {height:30px; margin-left:10px;}
.menuList { border:1px solid #e6e6e6; background:#fbfbfb; margin-top:20px;overflow:hidden;position:relative;}
.menuLeft {border-right:1px solid #e6e6e6; padding:25px 40px;width:41%;float:left}/* 2016-09-12 수정 */
.menuLeft a {color:#666; font-size:14px; display:block;padding-top:15px;}
.menuLeft a:first-child {padding-top:0;}
.menuLeft a:hover {color:#006abf; font-size:14px;text-decoration:underline;font-weight:bold;}
.menuRight {padding:40px;width:42%; float:left;}
.menuRight a {color:#666; font-size:14px; display:block;padding-top:15px;}
.menuRight a:first-child {padding-top:0;}
.menuRight a:hover {color:#006abf; font-size:14px;text-decoration:underline;font-weight:bold;}

.storyInfo {padding:40px; border:1px solid #e6e6e6; background:#fbfbfb; margin-top:20px;margin-bottom:100px;}
.storyInfo .part0 .tit {color:#444; font-size:18px; font-weight:bold;}
.storyInfo .part0 .story {color:#666; font-size:13px;padding-top:20px; line-height:26px;letter-spacing:-0.6px;}

.storyInfo .part1 {margin-top:40px}
.storyInfo .part1 .tit {color:#444; font-size:18px; font-weight:bold;}
.storyInfo .part1 .story {color:#666; font-size:13px;padding-top:20px; line-height:26px;letter-spacing:-0.6px;}

.storyInfo .part2 {margin-top:40px}
.storyInfo .part2 .tit {color:#444; font-size:18px; font-weight:bold;}
.storyInfo .part2 .story {color:#666; font-size:13px;padding-top:20px; line-height:26px;letter-spacing:-0.6px;}

.storyInfo .part3 {margin-top:40px}
.storyInfo .part3 .tit {color:#444; font-size:18px; font-weight:bold;}
.storyInfo .part3 .story {color:#666; font-size:13px;padding-top:20px; line-height:26px;letter-spacing:-0.6px;}

.storyInfo .part4 {margin-top:40px}
.storyInfo .part4 .tit {color:#444; font-size:18px; font-weight:bold;}
.storyInfo .part4 .story {color:#666; font-size:13px;padding-top:20px; line-height:26px;letter-spacing:-0.6px;}

.storyInfo .part5 {margin-top:40px}
.storyInfo .part5 .tit {color:#444; font-size:18px; font-weight:bold;}
.storyInfo .part5 .story {color:#666; font-size:13px;padding-top:20px; line-height:26px;letter-spacing:-0.6px;}

.storyInfo .part6 {margin-top:40px}
.storyInfo .part6 .tit {color:#444; font-size:18px; font-weight:bold;}
.storyInfo .part6 .story {color:#666; font-size:13px;padding-top:20px; line-height:26px;letter-spacing:-0.6px;}

.storyInfo .part7 {margin-top:40px}
.storyInfo .part7 .tit {color:#444; font-size:18px; font-weight:bold;}
.storyInfo .part7 .story {color:#666; font-size:13px;padding-top:20px; line-height:26px;letter-spacing:-0.6px;}

.storyInfo .part8 {margin-top:40px}
.storyInfo .part8 .tit {color:#444; font-size:18px; font-weight:bold;}
.storyInfo .part8 .story {color:#666; font-size:13px;padding-top:20px; line-height:26px;letter-spacing:-0.6px;}

.storyInfo .part9 {margin-top:40px}
.storyInfo .part9 .tit {color:#444; font-size:18px; font-weight:bold;}
.storyInfo .part9 .story {color:#666; font-size:13px;padding-top:20px; line-height:26px;letter-spacing:-0.6px;}

.storyInfo .part10 {margin-top:40px}
.storyInfo .part10 .tit {color:#444; font-size:18px; font-weight:bold;}
.storyInfo .part10 .story {color:#666; font-size:13px;padding-top:20px; line-height:26px;letter-spacing:-0.6px;}
/* 2016-09-12 추가 */
.storyInfo .part11 {margin-top:40px}
.storyInfo .part11 .tit {color:#444; font-size:18px; font-weight:bold;}
.storyInfo .part11 .story {color:#666; font-size:13px;padding-top:20px; line-height:26px;letter-spacing:-0.6px;}

.storyInfo .part12 {margin-top:40px}
.storyInfo .part12 .tit {color:#444; font-size:18px; font-weight:bold;}
.storyInfo .part12 .story {color:#666; font-size:13px;padding-top:20px; line-height:26px;letter-spacing:-0.6px;}

.storyInfo .part13 {margin-top:40px}
.storyInfo .part13 .tit {color:#444; font-size:18px; font-weight:bold;}
.storyInfo .part13 .story {color:#666; font-size:13px;padding-top:20px; line-height:26px;letter-spacing:-0.6px;}

.storyInfo .part14 {margin-top:40px}
.storyInfo .part14 .tit {color:#444; font-size:18px; font-weight:bold;}
.storyInfo .part14 .story {color:#666; font-size:13px;padding-top:20px; line-height:26px;letter-spacing:-0.6px;}

.storyInfo .part15 {margin-top:40px}
.storyInfo .part15 .tit {color:#444; font-size:18px; font-weight:bold;}
.storyInfo .part15 .story {color:#666; font-size:13px;padding-top:20px; line-height:26px;letter-spacing:-0.6px;}

.storyInfo .part16 {margin-top:40px}
.storyInfo .part16 .tit {color:#444; font-size:18px; font-weight:bold;}
.storyInfo .part16 .story {color:#666; font-size:13px;padding-top:20px; line-height:26px;letter-spacing:-0.6px;}

.storyInfo .part17 {margin-top:40px}
.storyInfo .part17 .tit {color:#444; font-size:18px; font-weight:bold;}
.storyInfo .part17 .story {color:#666; font-size:13px;padding-top:20px; line-height:26px;letter-spacing:-0.6px;}

.storyInfo .part18 {margin-top:40px}
.storyInfo .part18 .tit {color:#444; font-size:18px; font-weight:bold;}
.storyInfo .part18 .story {color:#666; font-size:13px;padding-top:20px; line-height:26px;letter-spacing:-0.6px;}

.storyInfo .part19 {margin-top:40px}
.storyInfo .part19 .tit {color:#444; font-size:18px; font-weight:bold;}
.storyInfo .part19 .story {color:#666; font-size:13px;padding-top:20px; line-height:26px;letter-spacing:-0.6px;}
/*// 2016-09-12 추가 */
.goTop {position:fixed; top:308px; right:421px;}




/* 2016-08-22 추가 */
#gnb li.oneD2 .twoD .thrt2 a{background:url('/common/images/btn/game_twoD2.png') no-repeat -195px -145px;} /* 2016-11-15 수정 */
#gnb li.oneD2 .twoD .thrt2.on a{background:url('/common/images/btn/game_twoD2_on.png') no-repeat -389px -145px;} /* 2016-11-15 수정 */
.viewCon.game130{height:1400px; background:url('/common/images/icon/game130sub_bg.jpg') no-repeat 0 0;}
.viewCon.game130 .goBt{padding-top:240px}
.specialBtnArea {overflow:hidden}
.specialBtnArea a {display:block; float:left;margin-left:5px;margin-top:5px}


.viewCon.game13Axe{height:1504px; background:url('/common/images/icon/axe_cont_bg.png') no-repeat 0 0;}
.viewCon.game13Axe .goBt{padding-top:230px} /*2019-04-09 수정*/
.viewCon.game13Axe .subTxt{padding-top:75px; font-size:14px; color:#333; line-height:22px;}
.viewCon.game13Axe .gameDl{margin-top:35px;}

.viewCon.gameLoh{height:1226px; background:url('/common/images/icon/loh_cont_bg.png') no-repeat 0 0;}
.viewCon.gameLoh .goBt{width:400px; padding-top:158px;} /* 2019-04-09 수정 */
.viewCon.gameLoh .subTxt{padding-top:170px; font-size:14px; color:#333; line-height:22px;}
.viewCon.gameLoh .gameDl{margin-top:60px;}
.viewCon.gameLoh .movieDiv{margin-top:45px; border-bottom:0;}
.viewCon.gameLoh .movieDiv p{height:397px;}

/* 2017-03-07수정 */
.wellgames_logo{position:absolute; top:49px; left:193px;}

/* 2017-03-08추가 */
.red_disclosure{border:1px solid #e6e6e6; border-top:none; padding:0 36px 30px;}

/* 2017-08-31 추가 */
.mainPeople .con1 .recruitNone{text-align:center; margin-top:50px;}

/* 2017-09-22 추가 */
.logoDiv{width:630px; position:relative;}
.logoDiv .btn{position:absolute; top:14px; right:165px;} /* 2019-11-13 수정 */

/* 2019-11-13 추가*/
.logoDiv .btn_two{position:absolute; top:14px; right:0;} 