@charset "utf-8";
/* CSS Document */
@import url(nanumgothic.css);

/* reset */
*{padding:0; margin:0; font-family: 'Nanum Gothic'; font-weight: 400;}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, enbed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {margin:0; padding:0; border:0; outline:0; font-style:inherit; font-weight:inherit; }

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {display:block}

html {-webkit-text-size-adjust:none; -moz-text-size-adjust:none; -ms-text-size-adjust:none; text-size-adjust:none}
body {line-height:1}

a {text-decoration:none; color:inherit}
/*a:link {}
a:visited {}
a:hover, a:active { }*/

img {max-width:100%; border:0}

ul, ol, li {list-style:none}
ul:after{content:""; display:block; clear:both}

table {border-collapse:collapse; border-spacing:0}
caption {overflow:hidden; position:absolute; width:1px; height:1px; margin:0; padding:0; border:none; clip:rect(1px, 1px, 1px, 1px)}

input, select, textarea, button {background-color:transparent; vertical-align:middle; font-family:inherit; font-size:inherit}
select, input {outline:none; cursor:auto}
button {outline:none; cursor:pointer; background-color: transparent; border:none; }
input[type="text"], input[type="password"] {padding-left:3px; box-sizing:border-box}

.clear:after {content:""; display:block; clear:both}
.hidden {overflow:hidden; position:absolute; width:1px; height:1px; margin:0; padding:0; border:none; clip:rect(1px, 1px, 1px, 1px)}
.blind {display:none;overflow:hidden;position:absolute;width:0;height:0;padding:0;margin:0;font-size:0;line-height:0;text-indent:-9999em;visibility:hidden;outline:none;z-index:-1}

/*드래그
::selection{background:; color:#fff;}
::-moz-selection{background:; color:#fff;} */

/* 마진 -------------------------------------------------------------------*/
.top5{margin-top:5px;}
.top10{margin-top:10px;}
.top15{margin-top:15px;}
.top20{margin-top:20px;}
.top25{margin-top:25px;}
.top30{margin-top:30px;}
.top35{margin-top:35px;}
.top40{margin-top:40px;}
.top50{margin-top:50px;}
.top60{margin-top:60px;}
.top70{margin-top:70px;}
.top80{margin-top:80px;}
.top90{margin-top:90px;}

.bottom5{margin-bottom:5px;}
.bottom10{margin-bottom:10px;}
.bottom15{margin-bottom:15px;}
.bottom20{margin-bottom:20px;}
.bottom25{margin-bottom:25px;}
.bottom30{margin-bottom:30px;}
.bottom35{margin-bottom:35px;}
.bottom40{margin-bottom:40px;}
.bottom50{margin-bottom:50px;}
.bottom60{margin-bottom:60px;}
.bottom70{margin-bottom:70px;}
.bottom80{margin-bottom:80px;}
.bottom90{margin-bottom:90px;}

.left5{margin-left:5px;}
.left10{margin-left:10px;}
.left15{margin-left:15px;}
.left20{margin-left:20px;}
.left25{margin-left:25px;}
.left30{margin-left:30px;}
.left35{margin-left:35px;}
.left40{margin-left:40px;}
.left50{margin-left:50px;}
.left60{margin-left:60px;}
.left70{margin-left:70px;}
.left80{margin-left:80px;}
.left90{margin-left:90px;}

.right5{margin-right:5px;}
.right10{margin-right:10px;}
.right15{margin-right:15px;}
.right20{margin-right:20px;}
.right25{margin-right:25px;}
.right30{margin-right:30px;}
.right40{margin-right:40px;}
.right50{margin-right:50px;}
.right60{margin-right:60px;}
.right70{margin-right:70px;}
.right80{margin-right:80px;}
.right90{margin-right:90px;}

.center{text-align:center;}
.right{text-align:right;}
.left{text-align:left;}

.size30 { font-size:30px; }
.size40 { font-size:40px; }
.size50 { font-size:50px; }

/************ 개인정보처리방침 *************/
.privacy_bg { position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 9998; background-color: #000; opacity: 0.5; display: none; }
.privacy_box { position: fixed; width: 80%; max-width: 900px; z-index: 9999; background-color: #fff; top: 50%; left: 50%; padding: 50px; display: none;
              transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); }
.privacy_box .privacy_cont { overflow-y: auto; border: solid 1px #ddd; font-size: 0.85em; padding: 20px; line-height: 180%; }
.privacy_box .privacy_btn { margin-top: 30px; text-align: center; }
.privacy_box .privacy_btn button { border: solid 1px #ddd; font-size: 1em; padding: 8px 15px; border-radius: 5px; }
.privacy_box .privacy_btn button.privacy_agree { background-color: #cc356a; border: solid 1px #cc356a; color: #fff; font-weight: 600; }


/************ mouse drag **************/
.drag_bg { position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 9998; background-color: #000; opacity: 0.7; display: none; }
.drag_icon { position: fixed; z-index: 9999;top: 50%; left: 50%; display: none; width: 40%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); }
.drag_icon img { width: 100%; }