@charset "utf-8";
/* Layout */

#Wrapper {position:relative;background-color:#ebebeb;overflow:hidden;}

#Header {position:relative;margin:0 auto 25px;height:318px;background-color:#0e3c7a;}
#Login {position:absolute;left:50%;top:240px;margin-left:-500px;padding-top:12px;width:336px;z-index:1000;}
#Login fieldset {width:100%;height:36px;overflow:hidden;}
#Login fieldset label input {padding-left:7px;width:110px;height:21px;font-weight:bold;color:#57ace6;border:2px solid #57ace6;background-color:#fff;}
#Login fieldset label.id .bg {background:#fff url(/_FishingHero/_images/common/bg_id.gif) no-repeat 7px center;}
#Login fieldset label.password .bg {background:#fff url(/_FishingHero/_images/common/bg_password.gif) no-repeat 7px center;}
#Login fieldset input.login {width:78px;height:25px;}
#Login p {color:#2263ba;}
#Login p label.security {display:inline-block;width:85px;font-weight:bold;font-size:11px;color:#376d98;}
#Login p label.security input {vertical-align:middle;}
#Login p a {font-size:11px;color:#63a5ff;}
#Login p a.join {font-weight:bold;color:#c6deff;}

#Login p.userInfo {float:left;;margin-right:10px;padding-left:10px;color:#a9ceff;line-height:18px;}
#Login p.userInfo b {color:#fff;}
#Login p.userInfo span {color:#55a8e7;}
#Login img.logout {float:left;margin:10px 0 5px;}
#Login a.logout {clear:both;display:inline-block;padding-left:10px;font-size:11px;}
#Login a.character {color:#14aeff;text-decoration:underline;background:url(/_FishingHero/_images/common/bul_character.gif) no-repeat 5px center;}
#Login a.myInfo {color:#3c98c8;background:url(/_FishingHero/_images/common/bul_myinfo.gif) no-repeat 5px center;}
#Login a.daum {color:#b9e3ff;background:url(/_FishingHero/_images/common/bul_myinfo.gif) no-repeat 5px center;}
#Login a.daum b {color:#b9e3ff;}
#Login p img{height:20px;}
#Main#Login {position:absolute;left:50%;top:417px;margin-left:-500px;z-index:1000;}


.otp strong{color:#ac0000;}
.otp header{font-size:12px;}
.otp .content p strong{font-size:12px;}
.otp .user_name {float:left;padding:10px 0 10px 19px;font-size:12px;line-height:16px;color:#333333;}
.otp .user_name strong{color:#333333;font-weight:bold;}
.otp .user_name {padding:0 0 0 20px \9;}
@media \0screen  {.otp .user_name {padding:0 0 0 20px }}
.otp .icon{position:absolute;top:15px;right:20px;}
.otp .notice{list-style:none;padding-left:12px; padding-bottom:16px; height:auto; overflow:hidden;}
.otp .notice li{text-align:left;width:auto;height:auto;margin-top:11px;padding:0 10px 0 8px;color:#9e9d9d;background:url(/_DKOnline/cdn/Portal/Common/bu_arr.gif) no-repeat left 5px;font-size:12px;line-height:17px;}
.otp .motp_notice {}
.otp .notice li ol li{background:none;margin-top:3px;}
.otp .notice li:first-child{margin-top:3px;}
.otp .notice span{visibility:hidden;}
.otp .btn {}
.otp .btn img{display:inline;}
.otp .btn A.mr{margin-right:16px;}
.otp .input_code{clear:both;padding:0 20px 20px 20px; overflow:hidden; }
.otp .input_code .input{padding-right:23px;}
.otp .input_code input{display:block;width:100%;height:28px;border:1px solid #cccccc;font-size:12px;color:#333333;line-height:30px;padding:1px 10px 0 10px;vertical-align:top; background:#fafafa;}
.otp .input input{display:block;width:100%;height:28px;border:1px solid #cccccc;font-size:12px;color:#333333;line-height:30px;padding:1px 10px 0 10px;vertical-align:top; background:#fafafa;}
.otp .input{
	clear:both;padding:0 22px 20px 0; overflow:hidden;
}
.otp .input_code p{height:27px;text-align:left;margin-left:-1px;}
.otp .input_code p strong{color:#ac0000;font-weight:bold;}
.otp .input_code p {padding:12px 0 0 0;font-size:12px;line-height:16px;color:#9e9d9d;}
.otp .input_code p {padding:13px 0 0 0 \9;}
@media \0screen  {.otp .input_code p {padding:12px 0 0 0 }}
.otp .input_code img{display:block;}
.otp .input_code A{width:298px;margin-top:10px;display:block;margin-right:auto;margin-left:auto;}

.otp .notiComp{padding:49px 0 0 0;height:72px;font-size:12px;line-height:19px;color:#888888;text-align:center;}
.otp .notiComp strong{color:#3c3c3c;font-weight:bold;}
.otp .bar{height:64px;text-align:center;}
.type_auth {background:red;}
.type_auth{clear:both;background-color:white;border:1px solid #000000;z-index:99999;    width: 500px;
    position: absolute;
    top: 50%;
    left: 50%;
	margin-top: -145px;
    margin-left: -250px;
    height: 290px;}
.type_auth *{b}
.type_auth .header{margin-bottom:20px; overflow:hidden;}
.type_auth .content .box1{margin-bottom:20px;padding:20px 20px 30px 20px;border:1px solid #e8e8e8;background-color:#fdfdfd;text-align:center;}
.type_auth .content .box1 p{margin-bottom:10px;}
.type_auth .content .box1 p strong{font-weight:bold;color:#ff6000;}
.type_auth .content .box1 p em{font-weight:bold;}
.type_auth h2{overflow:hidden;padding:0 0 0 0;}
.type_auth .msg{padding:22px 0 0 0;text-align:center;font-size:12px;line-height:19px;color:#3c3c3c;}
.type_auth .msg1{height:45px;padding:22px 0 0 0;text-align:center;font-size:12px;line-height:19px;color:#3c3c3c;}
.type_auth .msg2{padding:17px 0 20px 0;text-align:center;font-size:12px;line-height:19px;color:#888888;}
.type_auth .msg3{padding:55px 0 0 0;height:66px;text-align:center;font-size:12px;line-height:19px;color:#888888;}
.type_auth .msg3 strong{font-weight:bold;}

.type_auth .msg4{padding:19px 0 0 0;height:66px;text-align:center;font-size:12px;line-height:19px;color:#888888;}
.type_auth .msg4 strong{font-weight:bold;}
.type_auth .app {width:298px;outline:none;margin:0 auto 8px auto;;display:block;}
.type_auth .bar{text-align:center;}
.type_auth .btn{}
.type_auth .msg1 strong{font-weight:bold;}

.type_auth.gj{position:absolute;top:352px;left:50%;margin-left:187px;width:307px;height:286px;}
.type_auth.gj .msg{padding-top:64px;color:#888;}
.type_auth.gj .msg strong{font-weight:bold;color:#3c3c3c;}

/*로그인 메세지박스*/
p.login_error_msg{
	position: absolute;
	padding: 0 1em;
    border-radius: 4px;
    line-height: 15px;
    font-size: 12px;
    background-color: #F2DEDE;
    top: -54px;
    left: 0;
    color: #B94A48 !important;
}

.secure p.login_error_msg a{
	display: inline-block;
}

#Container {margin:0 auto;width:1000px;min-height:700px;_height:700px;overflow:hidden;}

#LeftArea {float:left;margin-bottom:50px;width:215px;}
#LeftArea .pcbang {margin-bottom:7px;}
#LeftArea .coin {margin-bottom:7px;}
#LeftArea .topLink {margin-bottom:14px;overflow:hidden;}
#LeftArea .topLink li {float:left;}
#LeftArea > dl {width:209px;border:2px solid #90bbdd;background-color:#ffffff;}
#LeftArea dt {margin:1px;text-indent:-9999px;}
#LeftArea dd > a {display:block;height:26px;text-indent:-999px;}
#LeftArea dd ul {margin-bottom:5px;}
#LeftArea dd li > a {display:block;height:16px;text-indent:-999px;}
#LeftArea dd {border-bottom:1px solid #cecece}
#LeftArea dd:last-child {
    border-bottom: 0;
}

#Content {float:right;margin-bottom:50px;width:757px;}
#Content .titArea {margin-bottom:24px;height:49px;border-bottom:1px solid #a9a9a9;}
#Content .titArea h2 {float:left}
#Content .location {float:right;padding:30px 3px 0 0;font-size:11px;color:#848d96;}
#Content .location b {font-size:11px;color:#272727;}
#Content h3.title {margin-bottom:13px;}

#Footer {/*padding-bottom:50px*/;border-top:1px solid #d8d8d8;background-color:#1c1c1c;}
#Footer .ftNav {margin-bottom:40px;padding-top:24px;background-color:#ffffff;}
#Footer .ftNav ul {margin:0 auto;padding-bottom:20px;width:1000px;overflow:hidden;}
#Footer .ftNav li {float:left;padding:18px 0 0 0;width:199px;height:150px;border-right:1px solid #e2e2e2;text-align: center;}
#Footer .ftNav li:last-child{
    border: none;
}
#Footer .ftNav li.none {border:0;}
#Footer .ftNav li a {display:block;}
#Footer .ftNav li > a {font-weight:bold;line-height:18px;color:#505050;}
#Footer .ftNav li > a.tit {margin-bottom:10px;}
#Footer .ftNav li > a.sub {font-weight:normal;color:#a3a3a3;line-height:18px;}
#Footer .ftNav li > a.sub:hover {color:#6a6a6a;text-decoration:underline;}
#Footer .footer {position:relative;margin:0 auto;width:1000px;height:100px;}
#Footer .footer.fOngate {
    height: auto;
}
#Footer .logo {float:left;margin-right:48px;padding-top:15px;}
#Footer .ci {float:left;margin-right:18px;padding-top:0px;}
#Footer .ftMenu {float:left;width:520px;overflow:hidden;}
#Footer .ftMenu li {float:left;background:url(/_FishingHero/_images/common/dot_lineBar.gif) no-repeat right center;}
#Footer .ftMenu li a {display:block;padding:5px 7px;}
#Footer .ftMenu li.none {background-image:none;}
#Footer addr {position:absolute;left:163px;top:27px;width:504px;height:35px;font-size:11px;}
#Footer address {position:absolute;left:193px;top:27px;width:374px;height:35px;font-size:0;background:url(/_FishingHero/_images/common/img_address.gif) no-repeat;overflow:hidden;text-indent:-1000px}
#Footer address1 {position:absolute;left:193px;top:27px;width:425px;height:80px;font-size:0;background:url(/_FishingHero/_images/common/img_address_mnc_daum.gif) no-repeat;overflow:hidden;text-indent:-1000px}
#Footer .grade {float:right;padding-top:4px;}

#Footer .daum .logo {padding-top:5px;}
#Footer .daum .ftMenu {width:600px;}

div.Layer {padding:10px;border:1px solid #c6deff;background-color:#11376c;}
div.Layer .content {padding:6px 6px 25px;background-color:#ffffff;}
div.Layer h5 {position:relative;margin-bottom:10px;}
div.Layer h5 a {position:absolute;right:8px;top:10px;}
div.Layer h6 {height:40px;font-size:14px;color:#000000;line-height:40px;}
div.Layer .topBox {margin-bottom:8px;padding:20px 10px;color:#363636;background-color:#ebebeb;overflow:hidden;}
div.Layer .topBox .id {float:left;width:210px;color:#363636;line-height:42px;text-align:center;border-right:1px solid #b9b9b9;}
div.Layer .topBox .id b {color:#363636;}
div.Layer .topBox .coin {float:left;padding-top:5px;width:240px;font-weight:bold;color:#363636;line-height:18px;text-align:center;}

div.Layer .rule {padding:5px 7px;width:96%;height:70px;font-size:11px;color:#9c9c9c;line-height:16px;border:1px solid #d1d1d1;}
div.Layer .rule1 {margin:0 0 0 10px;padding:5px 7px;width:90%;height:70px;font-size:11px;color:#9c9c9c;line-height:16px;border:1px solid #d1d1d1;}
div.Layer .btn {text-align:center;}
div.Layer table {margin-bottom:10px;width:100%;}
div.Layer tbody th {height:26px;color:#ffffff;border-bottom:1px solid #fff;;background-color:#3d70ad;letter-spacing:-1px;}
div.Layer tbody td {padding-left:10px;}
div.Layer tbody td .input {padding-left:5px;width:80px;height:18px;color:#787878;line-height:18px;border:1px solid #d2d2d2;}
div.Layer tbody td .right {padding:0 5px 0 0;text-align:right;}
div.Layer tbody td label {margin-right:5px;}
div.Layer tbody td.coin label {display:inline-block;padding:3px 0;width:115px;}
div.Layer tbody td select {margin-right:10px;}
div.Layer tbody td b {color:#000000;}

div.Layer .total {margin:10px auto;width:70%;font:bold 14px dotum;color:#000;line-height:37px;text-align:center;border:1px solid #c0c0c0;}

div.Layer h6.item {padding:0 15px;}
div.Layer div.item {padding:0 15px;}
div.Layer div.item img.pic {float:left;margin:0 8px 8px 0;padding:5px;border:1px solid #b1b1b1;background-color:#ffffff;}
div.Layer div.item p {color:#000000;line-height:18px;}
div.Layer div.item .coin {color:#ff4e00;}
div.Layer div.item .ea {color:#000;}
div.Layer div.item .day {color:#000;}

div.Layer div.itemResult {clear:both;margin:0 15px 10px;padding:10px 14px;color:#000000;line-height:16px;background-color:#ebebeb;}

div.Layer p.tit {padding:0 0 10px 21px;}
div.Layer div.itemEx {margin:0 15px 10px;padding:10px;height:80px;border:1px solid #cfcfcf;overflow:auto;}

div.Layer p.result {padding:25px 0;font-weight:bold;color:#000000;text-align:center;}
div.Layer p.result span {font-size:14px;color:#000000;}
div.Layer p.result b {font-size:14px;line-height:22px;}
div.Layer div.result2 {margin:0 15px 10px;padding:10px;color:#000;border:1px solid #cfcfcf;overflow:auto;}
div.Layer div.result2 span {color:#ab6134;}
div.Layer p.text {margin:0 20px 10px;font-size:11px;color:#ab6134;}
div.Layer p.text1 {margin:0 20px 10px;color:#000000;}

div.Layer div.gift {margin:0 15px 10px;padding:5px 10px;line-height:24px;border:1px solid #cfcfcf;}
div.Layer div.gift input {padding-left:5px;width:160px;height:16px;line-height:16px;border:1px solid #d3d3d3;}
div.Layer div.nickname {margin:0 15px 10px;padding:5px 10px;height:60px;border:1px solid #cfcfcf;overflow:auto;}
div.Layer div.nickname label {display:block;margin-bottom:5px;}

div.Layer p.secession {margin-bottom:20px;color:#464646;line-height:18px;text-align:center;}

div.Layer p.zipcode {margin:0 auto 10px;width:90%;color:#000;}
div.Layer div.zipcode {margin:0 auto;padding:15px 0;width:90%;text-align:center;background-color:#ebebeb;}
div.Layer div.zipcode input {width:120px;height:18px;line-height:18px;border:1px solid #d2d2d2;}
div.Layer p.zipcodeTxt {font-size:11px;color:#ab6134;line-height:30px;text-align:center;}
div.Layer ul.zipcode {margin:0 auto;padding:10px 0;width:90%;height:70px;border:1px solid #d2d2d2;overflow:auto}
div.Layer ul.zipcode li {padding:0 10px;line-height:18px;}
div.Layer ul.zipcode li a {color:#787878;}

div.Layer .btn {padding-top:1px;text-align:center;}
div.Layer .red {color:#ff4e00;}
div.Layer .blue {color:#006fcd;}
div.Layer .black {color:#000000;}

/* PC방 레이어 팝업 */
#PCBang {position:absolute;left:50%;top:494px;margin-left:-220px;z-index:20000;}
#PCBang p {margin:0 0 0 0;color:#464646;}
#PCBang h6 {margin-left:5px;}

#PCBang table {margin:0 auto 0 auto;width:90%;border:1px solid #bfcfe1;}
#PCBang th {width:106px;color:#fff;background-color:#3d70ad;border-bottom:1px solid #bfcfe1;}
#PCBang td {padding:8px 10px;border-bottom:1px solid #bfcfe1;}
#PCBang .today {text-align:right;}

/* 2020.05.14 추가 - 온게이트 채널링 버전 */
#Footer .fOngate .ftMenu{padding-left:140px;}
#Footer .ch_ongate{overflow: hidden;height:43px;width:100%;}
#Footer .ch_ongate p.ci{position:static;float:left;height:47px;margin-right:10px;}
#Footer .ch_ongate p.ci a{width:100%;display:inline-block;height:100%;}
#Footer .ch_ongate addr{position:static;float:left;}
#Footer .masang_info{padding-top:15px;}
#Footer .ongate_info{padding:20px 0;}
#Footer .ongate_info p.ci a img{width:110px;margin:0 14px;}
#Footer .fOngate .grade{position:absolute;top:0;right:0;}
#prjMod{position:absolute;bottom:0;}



/*20230515*/
.bd_tmb_lst li {
    margin-bottom: 20px;
}

/******************
20230502 - 웹플랫폼팀 황정연
소셜 로그인 관련 css
******************/
.btn_user {
    display: inline-block;
    width: 105px;
    height: 26px;
    background: #e18834;
    border: 1px solid #b46112;
    text-align: center;
    line-height: 26px;
    color: #fff !important;
    font-size: 12px;
    margin-left: -14px;
    box-sizing: border-box;
}

.btn_naver {
    position: absolute;
    top: 45px;
    left: 213px;
    display: inline-block;
    width: 75px;
    height: 26px;
    background: #fff url('https://web-files-tokyo-cdn.masangsoft.com/public/CS/social/icon_naver.png') 7px 7px no-repeat;
    border: 1px solid #0c2e5d;
    box-sizing: border-box;
    background-size: 15%;
    z-index: 99999 !important;
}

.btn_google {
    position: absolute;
    top: 45px;
    left: 301px;
    display: inline-block;
    width: 75px;
    height: 26px;
    background: #fff url('https://web-files-tokyo-cdn.masangsoft.com/public/CS/social/icon_google.png') 7px 7px no-repeat;
    border: 1px solid #0c2e5d;
    box-sizing: border-box;
    background-size: 15%;
    z-index: 99999 !important;
}

.btn_naver span,
.btn_google span {
    position: absolute;
    top: 5px;
    right: 12px;
    font-size: 12px;
    color: #767678;
    letter-spacing: -0.2px;
}

.line {
    position: absolute;
    top: 52px;
    left: 291px;
}

.main_visual .btn_start {
    z-index: 999 !important;
}