@charset "utf-8";

/* 한국어 */
@import url(https://fonts.googleapis.com/earlyaccess/notosanskr.css);

/* 글로벌 영어, 독일어, 프랑스어, 러시아어 */
@import url(https://fonts.googleapis.com/css?family=Noto+Sans);

/* 애드캡슐 UI개발팀 guide reset CSS */
/* CSS 적용순서 : 아이디 > 태그와 클래스 > 클래스 > 태그 /*
/* CSS 선택자 선언순서 : Type Selector, Layout Selector, Class Selector, Etc */
/* CSS 속성 선언순서 : display, position, float/clear, overflow, padding/margin, width/height, border, background, color/font, align, etc */
html,body,div,p,iframe,frameset, h1,h2,h3,h4,h5,h6, strong,span,b,em,var,label,legend, ul,ol,li,dl,dt,dd,
table,thead,tbody,tfoot,tr,th,td,caption, form,fieldset,input,textarea, sub,sup,img,a,del,button,pre,
header,footer,section,article,aside {padding:0;margin:0;}

body {color:#222;font-size:15px;line-height:normal;font-family:'Noto Sans KR','AppeGothic','맑은 고딕','Malgun Gothic','돋음','Dotum','Apple SD Gothic Neo',Arial,Helvetica,sans-serif;word-break:keep-all;}


/* 영어 */
:lang(en){font-family:'Noto Sans', Helvetica,Arial,sans-serif;}

/* 독일어 */
:lang(de){font-family:'Noto Sans',Helvetica,'Calibri', Tahoma, sans-serif;}

/* 프랑스어 */
:lang(fr){font-family:'Noto Sans',Helvetica,'Times New Roman',Tahoma, sans-serif;} 

/* 러시아어 */
:lang(ru){font-family: 'Noto Sans',Helvetica, Arial, sans-serif;} 

 /* 중국어(간체) */
:lang(zh-Hans),
:lang(ch){font-family:'Arial','Microsoft YaHei','Heiti SC',sans-serif;}

 /* 중국어(번체) */
:lang(zh-Hant),
:lang(zh){font-family:'Arial','Microsoft JhengHei','LiHei Pro','Times New Roman','HGMinchoB',sans-serif;}

 /* 일본어 */
:lang(ja){font-family:'meiryo','Hiragino Kaku Gothic Pro','Osaka','ms_PGothic',arial,sans-serif;}



/* 태그 리셋 */
button {background:transparent;cursor:pointer;}
img {vertical-align:top;}
img,button,fieldset,table {border:0;}
em, address, del {font-style:normal;}
label,a {display:inline-block;}
strong,b {font-weight:bold;}

/* form */
input,select,label,button,textarea {border-radius: 0; -webkit-border-radius:0; background-color:transparent;color:#222;font-size:15px;line-height:normal;font-family:'Noto Sans KR','AppeGothic','맑은 고딕','Malgun Gothic','돋음','Dotum','Apple SD Gothic Neo',Arial,Helvetica,sans-serif;vertical-align:middle;-webkit-appearance: none;appearance: none;-moz-appearance: none;}
textarea {padding:10px;border:1px solid #d5d5d5;color:#222;background:#fafafa;}
textarea:target,
textarea:focus {border:3px solid #000;padding:8px 7px 8px 9px;}
select {height:46px;}

/* 목록 스타일 리셋 */
ul, ol, li {list-style:none;}

/* table */
table {width:100%;border-collapse:separate;border-spacing:0;}
th, td {word-break:keep-all;word-wrap:break-word;}

/* alink 세팅 */
a {border:0;color:#222;text-decoration:none;}
a:hover {text-decoration:none;}
a.on {height:auto;text-indent:inherit;background-image:none;}

/* 대체텍스트 and 숨김처리 */
caption, legend, .hidden {position:absolute;top:0;left:0;overflow:hidden;width:0 !important;height:0 !important;font-size:0 !important;line-height:0 !important;}

/* 단순 숨김처리 스와이퍼 노출되어 있는 슬라이드만 접근하기 위함 */
.blind{visibility:hidden;}

/* layout */
.container{width:1180px;margin:0px auto 100px;}

/* header */
header{position:relative;height:83px;z-index:400;background:#fff;/*transition:all .5s;*/}
header .header_bg{background:#fff;position:absolute;top:83px;width:100%;height:0px;/*transition:all .5s ease-out;*/}
header .h_inner{position:relative;width:1180px;height:100%; margin:0 auto;}
header .h_inner:after{display:block;content:'';clear:both;}
header .h_inner .logo a{display:block;height:100%;}

/*simple_type footer*/
.footer_simple {padding-top:39px;background: #f5f3f6;padding-bottom: 90px;}
.footer_simple .inner {position:relative;overflow:hidden;width: 1180px;margin: 0 auto;background: transparent}
.footer_simple .footer_logo {display:block;position: absolute;right:3px;bottom:5px;width:146px;height:28px;background: url('./logo_146x28.png') no-repeat;font-size: 0;line-height: 0;}
.footer_simple ul {overflow: hidden;width:930px;margin:0 0 0 -9px;}
.footer_simple li {position:relative;float: left;margin:0 0 10px 4px;padding-left:5px;font-size: 15px;line-height:20px;color: #555;}
.footer_simple li:before {content:'';position: absolute;left: 0;top: 2px;width: 1px;height: 17px;background:#555555;}
.footer_simple li a {color: #555;}
.footer_simple li a.link {color:#75563b }
.footer_simple li .corp {padding-right:10px;color: #222;}
.footer_simple .copyright {padding-top: 28px;color: #555}

/* 에러페이지 헤더/푸터 */
header.normal{height:127px;border-bottom:1px solid #ddd;box-shadow:5px 5px 5px rgba(0,0,0,.07);}
header.normal .h_inner .logo{position:relative;z-index:2;float:left;display:inline-block;width:204px;height:71px;margin:30px 100px 0 0;background:url('./logo_header_star.png') 0 0 no-repeat;}
footer.normal {background:#f0f0f0;padding:30px;box-sizing:border-box;}
footer.normal address{border:none;margin:0;padding:0;min-height:inherit;}

/* 에러페이지 영역 */
.error_wrapper{margin:100px 0 120px;text-align:center;}
.error_wrapper .err_tit{font-size:28px;line-height:37px;margin-bottom:60px;}
.error_wrapper .err_tit:before{content:'';display:inline-block;width:74px;height:74px;margin-bottom:20px;background:url('./icon_error.png') 0 0 no-repeat;}
.error_wrapper .error_cont{width:740px;margin:0 auto;}
.error_wrapper .error_cont .infobox{background:#f7f7f7;padding:40px;border-radius:5px;}
.error_wrapper .error_cont .infobox .err_info{margin-bottom:30px;font-size:18px;}
.error_wrapper .error_cont .infobox table{background:#fff;}
.error_wrapper .error_cont .btn_wrap{margin-top:20px;}
.error_wrapper .error_cont .btn_wrap2{margin-top:40px;}
.error_wrapper .error_cont .add_desc{margin-top:20px;text-align:left;}
.error_wrapper input[type="checkbox"] + label{padding-right:10px;}
.error_wrapper.flcase .err_tit p + p{margin-top:30px;}
.error_wrapper.flcase .infobox p + p{margin-top:30px;}
.error_wrapper.flcase .error_cont{width:100%;}

/* 버튼 */
.btn_M{padding:11px 30px;font-size:15px;min-height:46px;line-height:17px;border-radius:3px;text-align:center;box-sizing:border-box;}
button.red{border:1px solid #d60815;background-color:#d60815;color:#fff;}


/* responsive for 500 error page */
@media screen and (max-width: 1180px) {
    .container{width:100%;margin:0 auto 30px;padding:0 13px;box-sizing:border-box;}
    .container p{word-break:break-all;}
    header.normal{height:54px;padding:0 20px;box-shadow:2px 2px 2px rgba(0,0,0,.07);}
    header.normal .h_inner{width:100%;}
    header.normal .h_inner .logo{width:113px;height:40px;margin:6px 0 0 0;background-size:100%;}
    .footer_simple {padding:20px;background-color:#4a4b4d;}
    .footer_simple .inner{width:100%;}
    .footer_simple ul,
    .footer_simple .footer_logo{display:none;}
    .footer_simple .copyright{padding:0;color:#ccc;font-size:11px;text-align:center;}
    .error_wrapper.flcase{margin:50px 0 0 10px;}
    .error_wrapper.flcase .err_tit{margin-bottom:20px;font-size:19px;line-height:1.4;}
    .error_wrapper.flcase .err_tit:before{width:50px;height:50px;margin-bottom:15px;background-size:100%;}
    .error_wrapper.flcase .err_tit p + p{margin-top:10px;}
    .error_wrapper.flcase .error_cont{font-size:13px;color:#555;}
    .error_wrapper.flcase .error_cont .infobox{padding:20px;}
    .error_wrapper.flcase .error_cont .infobox p + p{margin-top:20px;padding-top:20px;border-top:1px solid #ddd;}
    .error_wrapper.flcase .error_cont .btn_wrap2{margin-top:10px;}
    .error_wrapper.flcase .btn_M{width:100%;}
}