@charset "utf-8";
/**
 * Copyright (C) NAVER <http://www.navercorp.com>
 * @file message.css
 * @author NAVER (developers@xpressengine.com)
 *
 * Find and create module object by mif, act in Request Argument
 * Set module information
 *
 * @mainpage XpressEngine
 * @section intro introduction
 *
 * XE is an opensource and being developed in the opensource project.
 * For more information, please see the link below.
 * - Official website: http://www.xpressengine.com
 * - Offcial Repository: https://github.com/xpressengine/xe-core
 * 
 * "XpressEngine (XE)" is free software; you can redistribute it and/or 
 * modify it under the terms of the GNU Lesser General Public 
 * License as published by the Free Software Foundation; either 
 * version 2.1 of the License, or (at your option) any later version. 
 * 
 * This library is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the GNU
 * Lesser General Public License for more details.
 * 
 * You should have received a copy of the GNU Lesser General Public
 * License along with this library; if not, write to the Free Software
 * Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301  USA
 *
 **/

/* NAVER */
@font-face{font-family:NG;src:url(https://themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.eot);src:local(※),url(https://themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.woff) format('woff')}
body, #exam_message table, #exam_message input, #exam_message textarea, #exam_message select, #exam_message button, #exam_message label{font-family:나눔고딕,NanumGothic,NG,돋움,Dotum,Arial,Helvetica,sans-serif;font-size:13px}
@media all and (max-width:980px){
body, #exam_message table, #exam_message input, #exam_message textarea, #exam_message select, #exam_message button, #exam_message label{font-family:돋움,Dotum,Arial,Helvetica,sans-serif}
}
#exam_message{width:400px;margin:30px auto;background-color:#ffffff;border:1px solid #999;border-radius:6px;box-shadow:0 3px 7px #ccc;box-sizing:border-box}
#exam_message>.login-header{padding:9px 15px;border-bottom:1px solid #eee}
#exam_message>.login-header>h1{margin:0;font-size:16px;line-height:1.4;font-weight:600;color:#666}
#exam_message>.login-header>h1>i{opacity:.5;filter:alpha(opacity=50);margin:2px 0 0 0}
#exam_message>.login-body{max-height:400px;padding:15px}
#exam_message>.login-body>*:first-child{margin-top:0}
#exam_message>.login-footer{padding:14px 15px 15px;margin-bottom:0;text-align:right;background-color:#f5f5f5;border-top:1px solid #ddd;-webkit-border-radius:0 0 6px 6px;-moz-border-radius:0 0 6px 6px;border-radius:0 0 6px 6px;*zoom:1;-webkit-box-shadow:inset 0 1px 0 #ffffff;-moz-box-shadow:inset 0 1px 0 #ffffff;box-shadow:inset 0 1px 0 #ffffff; color:#ccc}
#exam_message .control-group{position:relative;padding:0 14px 0 0;margin:0;clear:both}
#exam_message .control-group:before{content:"";display:block;clear:both}
#exam_message form{margin:0}
#exam_message fieldset{margin:0}
#exam_message label{cursor:pointer;display:inline-block}
#exam_message input[type="text"],
#exam_message input[type="email"],
#exam_message input[type="password"]{width:100%}
#exam_message input[type="checkbox"]{margin:0}
#exam_message .btn{border-radius:2px;overflow:visible;font-size:14px;line-height:18px;height:auto;padding:3px 9px;text-decoration:none}
#exam_message .submit{position:absolute;top:0;right:0}
#exam_message p{margin:10px 0}
#exam_message #warning{margin-right:-14px}
#exam_message a{color: #0088cc;text-decoration: none;}
@media all and (max-width:480px){
#exam_message{position:static;margin:0;width:100%}
}

/* Message customize */
#exam_message{background-color:#fafafa;border:1px solid #ccc;border-radius:0;box-shadow:none;box-sizing:initial}
#exam_message>.login-header{padding:32px 15px 0;border-bottom:0;text-align:center}
#exam_message>.login-header h1{margin-top:25px;font-size:15px;font-weight:normal;color:#414141}
#exam_message>.login-body{padding:20px 40px 0}
#exam_message>.login-body a{display:block;height:48px;border:1px solid #3f5ac9;background-color:#455ede;font-size:15px;line-height:48px;text-align:center;color:#fafafa}
#exam_message>.login-footer{padding:13px 0 34px;margin:30px 40px 0;text-align:center;border-top:1px solid #ccc;border-radius:0;box-shadow:none;background:none;color:#888}
#exam_message>.login-footer>a{text-decoration:none;font-size:12px;color:#888}
#exam_message>.login-footer>a:hover,
#exam_message>.login-footer>a:active,
#exam_message>.login-footer>a:focus{text-decoration:underline}
#exam_message>.login-footer>.bar{display:inline-block;margin:0 8px}