/**
 * 이 파일은 코스모스연동모듈의 일부입니다. (http://www.coursemos.kr)
 *
 * 코스모스 기본템플릿 - 에러페이지 스타일시트
 *
 * @file /modules/coursemos/templets/default/styles/error.css.php
 * @author Arzz (arzz@arzz.com)
 * @license MIT License
 * @version 3.2.0
 * @modified 2018. 9. 17.
 */
section.errorbox > div > div {box-sizing:border-box; position:relative; max-width:560px; border-top:2px solid #2A2C7F; padding:30px 40px;}
section.errorbox > div > div > div.content {background:url(../images/inform_icon_02.png) no-repeat center 0; padding-top:120px; text-align:center;}
section.errorbox > div > div > div.content > div.message {display:block;}
section.errorbox > div > div > div.content > div.message > h1 {font-size:24px; color:#0467b3; margin-top:5px; margin-bottom:20px;}
section.errorbox > div > div > div.content > div.message > h2 {font-size:16px; line-height:1.6;}
section.errorbox > div > div > div.content > div.message > h2 > span {color:#2A2C7F; text-decoration:underline; text-underline-position:under;}
section.errorbox > div > div > div.content > div.message > p {padding-top:5px; color:#666; line-height:1.6; word-break:break-all;}
section.errorbox > div > div > div.content > div.button {margin-top:20px;}
section.errorbox > div > div > div.content > div.button > * {display:inline-block; height:40px; background:#2A2C7F; min-width:0; color:#fff; line-height:40px; text-decoration:none; padding:0px 20px; border:0;}
section.errorbox > div > div > div.content > div.button > *:hover {background:#2A2C7F;}
section.errorbox > div > div > div.content > div.button > * > i {padding-left:10px; box-sizing:border-box; vertical-align:middle;}

section.errorbox > div > div > h1 > i {color:#2A2C7F;}
section.errorbox > div > div > a, section.errorbox > div > div > button {display:block; width:100%; height:40px; line-height:40px; margin-top:10px; background:#2A2C7F; color:#fff; font-size:14px; text-align:center; text-decoration:none; border:0; cursor:pointer;}
section.errorbox > div > div > a:hover, section.errorbox > div > div > button:hover {background:#2A2C7F;}

section.errorbox > div > div > div.link {color:#d5d7d8; padding-top:20px; text-align:center;}
section.errorbox > div > div > div.link > a {font-size:12px; text-decoration:none; color:#808080; vertical-align:middle; background:#0467b3;}
section.errorbox > div > div > div.link > a:hover {background:#273C76;}
section.errorbox > div > div > div.link > button {display:block; font-size:12px; display:inline-block; background:transparent; padding:0; margin:0; border:0; vertical-align:middle; color:#808080; background:#2A2C7F; cursor:pointer;}
section.errorbox > div > div > div.link > button:hover {background:#273C76;}

section.errorbox > div > div > div.link {color:#d5d7d8; padding-top:20px; text-align:center;}
section.errorbox > div > div > div.link > a {font-size:12px; text-decoration:none; color:#808080; vertical-align:middle;}
section.errorbox > div > div > div.link > button {font-size:12px; display:inline-block; background:transparent; padding:0; margin:0; border:0; vertical-align:middle; color:#808080; cursor:pointer;}

@media (max-width:767px) {
	section.errorbox > div > div {padding:20px;}
	section.errorbox > div > div > div.content {background:transparent; padding-left:0;}
}