@CHARSET "UTF-8";


*{outline:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;}
html, body{height:100%;margin:0;padding:0}
/*body{position:relative;	width:100%;margin:0 auto;padding:0px;font-size:13px;font-family:'Nanum Gothic','Nanum Gothic','dotum','굴림','gulim',Verdana,sans-serif;color:#666;letter-spacing:-1px;}*/
body{position:relative;	width:100%;margin:0 auto;padding:0px;font-size:13px;font-family:'Nanum Gothic','dotum','gulim','Verdana','sans-serif';color:#666;}
hr{display:none;margin:0}    
img,fieldset{border:0 none;}      
dl,ul,ol,li{list-style: none;}    
div,button,h1,h2,h3,h4,h5,h6,dl,dt,dd,ul,li,ol,th,td,p,blockquote,form,fieldset,legend,select,input,textarea,pre{margin:0;padding:0;word-break:break-all}
textarea{font-size:12px;text-align:left;resize:none}
legend{visibility:hidden;}
button{cursor:pointer;margin:0;padding:0;border:0;vertical-align:middle;}
table{border-collapse:collapse;}
table caption{visibility:hidden; height:0%; font-size:0em;line-height:0;}
table summary{visibility:hidden; height:0%;}
a{color:#555454;text-decoration:none;outline:none;selector-dummy:expression(this.hideFocus=true);}
a:hover, a:focus, a:active{text-decoration:underline;outline:none;selector-dummy:expression(this.hideFocus=true);}
em, address{font-style:normal}
input, select{vertical-align:middle;box-sizing: border-box;}
input[type=image],input[type=text],input[type=submit],input[type=password]{/*font-size:14px;height:24px;*/line-height:24px;-webkit-appearance:none;-webkit-border-radius:0}
input[type=radio], input[type=checkbox]{vertical-align:middle;margin:0 3px 1px 3px;border:none !important;}
input[type=button]{cursor:pointer;}
input[type=submit]{border: none;cursor:pointer;}


/*iframe{position:absolute;left:0;z-index:-2;filter:alpha(opacity=0);}*/
#mypage #ars_popup .ars_contents table {width: 410px; margin-bottom: 15px; border-top: none;}

/* Font, Text Style */
.f_s12 {font-size:12px !important;}
.f_s13 {font-size:13px !important;}
.f_s14 {font-size:14px !important;}

.f_verdana {font-family:verdana !important;}
.f_dotum {font-family:'돋움',dotum, Verdana !important;}

.f_bold {font-weight:bold !important;}
.f_normal {font-weight:normal !important;}
.f_w600 {font-weight:600 !important;}

.t_underline {text-decoration:underline !important;}
.t_no_underline {text-decoration:none !important;}
.t_line_throgh {text-decoration:line-through !important;}
.t_ellipsis {text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}

.t_left {text-align:left !important;}
.t_center {text-align:center !important;}
.t_right {text-align:right !important;}

.t_ls0 {letter-spacing:0}
/* Font, Text Style */


/* Color Style */
.gray {color:gray !important;}
.black_l {color: #666 !important;}
.black_d {color: #333 !important;}
.gray_s {color: #aaa !important}
.red {color: #ff4e00 !important}
/* Color Style */


/* Etc */
.pointer {cursor:pointer;}
.show {display:block;}
.hidden {display:none}
.float_l {float:left !important}
.float_r {float:right !important}
.clear {clear:both}
.clearfix:after {visibility: hidden;display:block;font-size:0;content: ".";clear: both;height: 0}
.clearfix {display: inline-block}
.blind {visibility:hidden;overflow:hidden;position:absolute;top:0;left:0;width:0;height:0;font-size:0;line-height:0}
/* Etc */


/* 기본 */

header {position: relative; width: 100%; height: auto; min-width: 980px;}
/*#main {position:relative; width:100%; height:auto; min-width:980px;}*/
footer {position:relative; width:100%; height:auto; min-width:980px; bottom: 0; right: 0; z-index:1; box-sizing: border-box;}

/* 기본 */


/* 로그인팝업 */
#login_popup {position: absolute; top: 100px; left: 600px; z-index: 9999; background-color: #fff; width: 370px; height: 350px; display:none;}
#login_popup .layout_login_wrap {width:377px;height:288px;position:absolute}
#login_popup .login_title {width: 100%; text-align: center; border-bottom: 1px solid #d7d7d7;  font: 600 18px 'Nanum Gothic'; color: #222; padding: 20px 0;}
#login_popup .login_close {position: absolute; right: 15px; top: 18px; cursor:pointer;}
#login_popup .login_form {padding: 30px 40px; box-sizing: border-box;}
#login_popup .login_form input[type="text"], 
#login_popup .login_form input[type="password"] {box-sizing: border-box; width: 290px; height: 45px; border-radius: 3px; border: 1px solid #d7d7d7; box-sizing: border-box; padding: 10px; margin-bottom: 8px;}
#login_popup .login_form input[type="checkbox"] {width: 15px; height: 15px; vertical-align: middle; margin-right: 3px;}
#login_popup .login_form label {height: 15px; font: 12px 'Nanum Gothic'; color: #666;}
#login_popup .login_form input[type="button"] {width: 100%; height: 45px; margin-top: 15px; display: block; background-color: #ff4e00; border: none; border-radius: 3px; color: #fff; font: bold 15px 'Nanum Gothic';}
#login_popup ul {overflow: hidden; width: 285px; margin: -10px auto 0;}
#login_popup ul li {list-style: none; float: left; font: 12px 'Nanum Gothic'; color: #d7d7d7;}
#login_popup ul li a {text-decoration: none; color: #222;}
/* 로그인팝업 */