@import url("NanumSquare.css");

.pt30 { padding-top:30px !important; }

body,html { min-width:320px; font-family :'NanumSquareR','NanumGothicWeb','Malgun Gothic','�������', '���� ���', '����', '����', 'Dotum', 'Gulim, sans-serif';-webkit-text-size-adjust:none; }
input[type="text"] { font-family :'NanumSquareR','NanumGothicWeb','Malgun Gothic','�������', '���� ���', '����', '����', 'Dotum', 'Gulim, sans-serif'; }
a { text-decoration:none; }

#m_wrap { width:100%; position:relative; }

/*��Ʈ��*/
.intro_wrap { width:100%; background:#1c2638; }
.intro { position:relative; display:block; width:320px; height:337px; padding-top:200px; margin:0 auto; background:#1c2638; text-align:center; }
.intro img { width:107px; margin:0 auto; }
.intro p.copy { position:absolute; left:0; bottom:27px; width:100%; text-align:center; font-size:10px; color:#fff; font-family :'NanumSquareB','NanumGothicWebB','Malgun Gothic','�������', '���� ���', '����', '����', 'Dotum', 'Gulim, sans-serif'; }


/*�޴�*/
.menu_layer { position:absolute; left:-72.1875%; top:0; width:72.1875%; height:100%; background:#2f3033; margin-left:0; z-index:150; }
.menu_title { padding:15px 15px; text-align:center; background:#1b1d21;}
.menu_title h2 { display:inline; font-size:14px; color:#fff; font-family :'NanumSquareB','NanumGothicWebB','Malgun Gothic','�������', '���� ���', '����', '����', 'Dotum', 'Gulim, sans-serif'; }
.menu_title a.left { float:left; margin-top:1px; }
.menu_title a.left .home_btn { width:17px; }
.menu_title a.right { float:right; margin-top:2px; }
.menu_title a.right .x_btn { width:16px;}

.my_page { padding:4px 15px; background:#2f3033; }
.my_page ul {}
.my_page ul li { display:block; width:100%; }
.my_page ul li a { display:block; font-size:13px; color:#fff; padding:15px 0; padding-left:20px; }
.my_page ul li a.login { background:url(../images/common/login_icon.png) no-repeat left 13px; background-size:11px 14px; }
.my_page ul li a.logout { background:url(../images/common/logout_icon.png) no-repeat left 13px; background-size:11px 14px; }
.my_page ul li a.mypage { background:url(../images/common/mypage_icon.png) no-repeat left 13px; background-size:11px 15px; }

.menu_list {  }
.menu_list ul {}
.menu_list ul li { display:block; width:100%; border-bottom:1px solid #bdbebe; background:#e7e8e8; }
.menu_list ul li a { display:block; padding:15px 0 15px 16px; font-size:13px; color:#070707; background:url(../images/common/menu_arrow.jpg) no-repeat right 17px; }
.menu_list ul li.anti_law a { color:#2b428e; }

.etc { padding:4px 15px; background:#2f3033; }
.etc table { width:100%;}
.etc table th { text-align:left; vertical-align:middle; padding:13px 0; font-size:13px; color:#858585; font-family :'NanumSquareR'; }
.etc table td { text-align:right; vertical-align:middle; padding:13px 0; font-size:13px; color:#858585; font-family :'NanumSquareR'; }
.etc table td img { width:24px; height:24px; cursor:pointer }

/*���*/
.login_box_wrap { width:100%; height:100%; position:relative; }
.login_box { overflow:hidden; min-width:320px; max-width:640px; padding-top:123px; margin:0 auto; }
.login_box img { display:block; width:74.6875%; margin:0 auto; /*max-width:316px; */ max-width: 167px}

.login_input { padding:0 15px; margin-top:41px; }
.login_input span { display:block; padding:0 9px; border:2px solid #3d3731; margin-bottom:8px; background:#fff; }
.login_input input[type="text"] { margin:0; padding:0; width:100%; padding:11px 0; font-size:14px; border:0; outline:0; }
.login_input input[type="password"] { margin:0; padding:0; width:100%; padding:11px 0; font-size:14px; border:0; outline:0; }
.login_input input:focus { border:0; outline:0; }
.login_input span:first-child { margin-bottom:9px; }
.login_input .hidden_label { position:absolute; left:-9999px; top:-9999px; text-indent:-9999px; font-size:0; }
.login_input a.id_check { display:block; width:130px; }
.login_input a label { display:block; width:100%; padding-left:23px; font-size:11px; color:#fff; background:url(../images/intro/id_check.png) no-repeat left 0; background-size:16px 16px; line-height:1.7; cursor:pointer; font-family :'NanumSquareB','NanumGothicWebB','�������', '���� ���', '����', '����', 'Dotum', 'Gulim, sans-serif'; }
.login_input a label.on { background:url(../images/intro/id_check_on.png) no-repeat left 0; background-size:16px 16px;}

.login_input a { text-decoration:none; float:left; width:100%; margin-bottom:21px;}
.login_input img { width:100%; max-width:none; }
.login_box p.copy { width:100%; margin-top:137px; padding-bottom:27px; text-align:center; font-size:10px; color:#fff; font-family :'NanumSquareB','NanumGothicWebB','Malgun Gothic','�������', '���� ���', '����', '����', 'Dotum', 'Gulim, sans-serif'; }


/*Ǫ��*/
.footer_wrap { background:#1b1d21; }
.footer { position:relative; min-width:304px; /*max-width:640px;*/ margin:0 auto; background:#1b1d21; padding:12px 8px;}
.footer p { font-size:10px; line-height:1.6; color:#939597; letter-spacing:-0.5px; *letter-spacing:-1px; font-family :'NanumSquareB','NanumGothicWebB','Malgun Gothic','�������', '���� ���', '����', '����', 'Dotum', 'Gulim, sans-serif'; }
.footer p a { font-size:10px; color:#939597;}
.footer p.copy { color:#64666a; margin-top:3px;}
.footer ul { position:absolute; right:10px; top:22px; }
.footer ul li { float:left; margin-left:5px; }
.footer ul li img { width:27px;}
/*
.footer .top_btn { position:fixed; right:10px; bottom:25px; opacity:0.5; }
.footer .top_btn img { width:27px;}
*/

.footer ul.sns { position:absolute; right:42px; top:auto; bottom:25px; }
.footer ul.sns li { float:left; margin-left:5px; }
.footer ul.sns li a { display:block;}
.footer ul.sns li img { width:27px;}

.footer ul.term { position: static; overflow:hidden; width:100%; margin-top:5px; }
.footer ul.term li { float:left; margin-left:0; }
.footer ul.term li a { float:left; font-size:10px; color:#939597;}
.footer ul.term li:first-child a { padding-right:8px; margin-right:7px; background:url(../images/common/term_bar.jpg) no-repeat right 2px; background-size:1px 7px;}




.login_layer_bg { position:absolute; left:0; top:0; background:#000; opacity:0.5; width:100%; height:100%; z-index:100; }
.login_layer { width:235px; position:absolute; left:50%; top:175px; margin-left:-118px; z-index:120;}
.login_title { position:relative; border-bottom:1px solid #3d3d3d; }
.login_title h5 { text-align:center; font-size:13px; color:#fff; padding:21px 0; background:#2f3034 ; border:1px solid #2f3034; border-bottom:0; border-radius:5px 5px 0px 0px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; font-family :'NanumSquareB','NanumGothicWebB','Malgun Gothic','�������', '���� ���', '����', '����', 'Dotum', 'Gulim, sans-serif'; }
.login_title a { position:absolute; right:10px; top:9px; }
.login_title a img { width:17px; }
.login_cont { overflow:hidden; background:#fff; padding:0; border:1px solid #2f3034; border-top:0; border-radius:0 0 5px 5px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.login_cont ul { padding:0; }
.login_cont ul li { float:left; width:116px; }
.login_cont ul li:first-child { border-right:1px solid #3d3d3d; }
.login_cont ul li a { width:100%; display:block; text-align:center; padding:13px 0; font-size:11px; color:#444; font-family :'NanumSquareB','NanumGothicWebB'; }
.login_cont ul li a img { width:100%; }
.login_cont ul li a span { display:block; text-align:center; margin-top:7px; font-size:10px; color:#444; font-family :'NanumSquareB','NanumGothicWebB'; }




.all_bg_layer { display:none; position:fixed; left:0; top:0; width:100%; height:100%; background:#000; opacity:0.5; z-index:120; }