/* Type Selector */
*{margin:0; padding:0; font-family:"돋움","굴림", Dotum,  Gulim, AppleGothic, Sans-serif;}
html{width:100%; overflow:scroll; overflow-x:hidden; overflow-y:scroll;
	scrollbar-face-color:#c0c0c0;  
    scrollbar-highlight-color:#FFF; 
    scrollbar-shadow-color:#E0E0E0;
    scrollbar-3dlight-color:#E0E0E0; 
    scrollbar-darkshadow-color:#FFF; 
    scrollbar-track-color:#FFF;
    scrollbar-arrow-color: #808080; 
	}
body{width:100%; height:100%; background-color:#ffffff; background-repeat:repeat-x; background-position:bottom bottom;}
img, fieldset, button{border:none;}
hr, button img{display:none;}
li{list-style:none;}
a{text-decoration:none; color:#000000;}
a:hover, a:active, a:focus{text-decoration:underline;}
textarea{overflow:auto;}
html:first-child select{padding-right:6px; height:20px;} /* Opera 9 & Below Fix */
option {padding-right:6px;} /* Firefox Fix */
legend {position:absolute; top:0; left:0; width:0; height:0; overflow:hidden; visibility:hidden; font-size:0; line-height:0;} /* For Screen Reader */

input{height:14px; border:solid 1px #c8c8c8; font-size:1em; padding-top:2px; font-size:12px; letter-spacing:2px; text-indent:5px; padding-left:-5px;}

/* Layout Selector */
#main{width:100%; margin:0px auto;}
/*
#header{width:1200px; height:40px; margin:0px auto; background-image:url('/images/header_back.gif'); background-repeat:no-repeat;}
*/
/*discord*/
.discord_btn {
    background: #5865f2;
    width: 100%;
    height: 62px;
    display: flex;
    flex-direction: column;
    border-radius: 5px;
    justify-content: center;
    text-align: center;
    text-decoration: none;
    color: #fff;
    cursor: pointer;
    z-index: 50;
    margin-top: 12px;
}

    .discord_btn img {
        width: 90%;
        margin: 0 auto;
    }

/*전체 레이어 팝업*/

.pop_banner_area {
    position: relative;
    margin: 0 auto;
    width: 100%;
    height: 100%;
}

    .pop_banner_area .pop_banner_wrap {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
    }

.pop_banner_wrap .info_btn {
    transform: translateX(-50%);
    left: 50%;
    position: absolute;
    bottom: 75px;
}

.pop_banner_wrap .pop_banner_footer {
    display: flex;
    justify-content: space-between;
    padding: 0 50px;
}

.pop_banner_wrap .close_btn {
    position: absolute;
    right: 0;
    top: 0;
}

.pop_banner_wrap .pop_banner_footer span {
    color: #fff;
    font-size: 15px;
}

.pop_banner_wrap .pop_banner_footer button {
    background: none;
    border: none;
}

    .pop_banner_wrap .pop_banner_footer button:focus {
        outline: none;
    }


#header{width:1200px; height:0px; margin:0px auto;background-repeat:no-repeat;}
#center{width:1200px; height:auto; margin:0px auto;}
#center #top{width:1200px;}
#center #content{width:980px; height:800px; margin:0px auto;}
#center #content #left{width:189px; height:auto; float:left;}
#center #content #body{width:600px; height:auto; float:left; border-left:solid 1px #dddddd; border-right:solid 1px #dddddd;}
#center #content #right{width:189px; height:auto; float:left;}
#center #content #common{width:600px; height:auto; margin:0px auto;}

a{font-size:12px; color:#666666;}
label{font-size:12px; color:#666666;}
div{font-size:12px; color:#666666;}
td,th{font-size:12px; color:#666666;word-break:break-all;}
p{font-size:12px; color:#666666;}
/*b{font-size:12px; color:#666666;}*/

.spot{}
.colgroup{}
.snb{}
.aside{}

/* Class Selector */
.input_text{}
.input_check{}
.input_radio{} 

/* Header */
.gnb{}
.lnb{}
.search{} 

/* Footer */
#footer{} 

/* Navigation */
.snb{}
.account{} 

/* Aside */
.aside{} 

/* Content */
#content{}
.path{}
.article{}
.section{} 


#main { position:relative; }