﻿@charset "UTF-8";
article,aside,details,figcaption,figure,footer,header,main,menu,nav,section{display:block}
audio,canvas,progress,video{display:inline-block}
article,aside,audio,blockquote,body,canvas,caption,dd,details,div,dl,dt,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,html,iframe,legend,li,main,menu,nav,ol,p,pre,section,summary,table,tbody,td,template,textarea,tfoot,th,thead,tr,ul,video{margin:0;padding:0;border:0;font-size:inherit;font-family:inherit;box-sizing:border-box;word-break:break-all}
a,em,span{display:inline-block;margin:0;padding:0;box-sizing:border-box; text-decoration:none; }
b,strong{font-weight:600}
address,cite,dfn,em,i{font-style:normal}
img{border:none;vertical-align:middle}
audio,img,video{max-width:100%;max-height:100%}
svg{overflow:hidden;vertical-align:middle}
switch{display:none}
figcaption,figure{margin:0;padding:0}
mark{background-color:#ff0;color:#000}
small{font-size:90%}
sub,sup{position:relative;font-size:.9em;line-height:0;vertical-align:baseline}
sub{bottom:-.25em}
sup{top:-.5em}
del{color:#aaa!important;text-decoration:line-through}
label{display:inline-block;cursor:pointer}
iframe{display:block;max-width:100%}
template{display:none}
summary{display:list-item;cursor:pointer}
output{display:inline-block}
ul,ul>li{list-style:none}
ol{overflow:hidden;position:relative;counter-reset:number}
ol>li{counter-increment:number}
ol>li:before{content:counter(number,decimal) "."}
table{width:100%;border-collapse:collapse;border-spacing:0}
caption{overflow:hidden;position:relative;left:0;top:0;width:1px;height:1px;background:0 0;font-size:0;color:transparent;line-height:0;text-indent:100%}
legend{overflow:hidden;position:absolute;width:1px;height:1px;background:0 0;font-size:0;color:transparent;line-height:0}
fieldset{border:none;min-width:0}
hr{overflow:hidden;position:absolute;height:0;width:0}
:after,:before{display:block;content:''}
/*
:after,:before{display:block;content:''}
*/
.clearfix{display:block}
.clearfix:after{content:"";display:table;clear:both}
.clear{clear:both}
.hide{display:none}
.skip{overflow:hidden;position:absolute;width:1px;height:1px;background:0 0;font-size:0!important;color:transparent!important;line-height:0}
button,input,optgroup,select,textarea{margin:0;padding:0;border:1px solid;box-sizing:border-box;color:inherit;font-size:inherit;font-family:inherit;line-height:inherit;vertical-align:middle}
button,input,select{display:inline-block}
button,input{overflow:visible}
input[type=search],input[type=text]{-webkit-border-radius:0;-webkit-appearance:none}
input[type=search]{outline-offset:-2px;-webkit-appearance:none}
input[type=search]::-webkit-search-decoration{-webkit-appearance:none}
input[type=file]{border:none}
input[type=file]::-webkit-file-upload-button{font:inherit;-webkit-appearance:button;-moz-appearance:button;border:1px solid #bbb;background:#e0e0e0;box-shadow:none}
input[type=checkbox],input[type=radio]{padding:0;border:none}
button,select{text-transform:none}
/*
[type=button],[type=reset],[type=submit],button{overflow:visible;border-color:transparent;background-color:transparent;cursor:pointer}
*/
[type=button],[type=reset],[type=submit],button{overflow:visible;cursor:pointer}

textarea{display:block;overflow:auto;resize:vertical}
input[disabled]{background-color:#ebebeb}
select:disabled{background-color:#ebebeb}
[hidden]{display:none!important}
html, body{position:relative; height:100%;}
body {font-family:'NotoKr', 'Malgun Gothic', '맑은 고딕', 'Dotum', '돋움', 'Gulim', '굴림', 'Gmarket', sans-serif;color:#555; font-size:16px; line-height:25px; letter-spacing:-0.025em; font-weight:300;}

/* 목록 */
.bu, .num{margin:10px 0; text-align:left;}
.bu li, .num li{margin-bottom:2px; font-weight:200; line-height:22px; color:#636363;}
.bu li:last-child, .num li:last-child{margin-bottom:0;}
.bu li{position:relative; font-size:15px;}
.bu li:before, .num li:before{display:block; position:absolute; left:0;}
.bu > li{padding-left:12px;}
.bu > li:before{left:0; top:8px; width:5px; height:5px; background-color:#f8781a; transform:rotate(45deg);}
.bu.type2 > li:before{border-color:#7a7d96;}
.num.dl > li .title{color:#363c5a;}
.bu > li ul, .bu > li ol, .num > li ul, .num > li ol{margin:4px 0;}
.bu > li > ul > li, .num > li > ul > li{padding-left:12px; line-height:22px;}
.bu > li > ul >li:before, .num > li > ul >li:before{left:0; top:10px; width:6px; height:2px; background-color:#636363;}
.bu > li > ul >li > ul > li,.num > li > ul >li > ul > li{padding-left:8px; line-height:22px;}
.bu > li > ul >li > ul > li:before, .num > li > ul >li > ul > li:before{left:0; top:12px; width:2px; height:2px; background-color:#979797;}
.bu.dl .title{color:#f8781a;}

/* 버튼 */
a.mail{position:relative; color:#222; text-decoration:underline; text-underline-position:under; text-decoration-style:solid; text-decoration-color:#222;}
a.mail:after{display:inline-block; width:15px; height:15px; margin-left:4px; vertical-align:-2px; background-image:url('../../images/template/btn_mail.png'); background-repeat:no-repeat; background-position:right center; background-size:15px 12px;}
a.blank{position:relative; color:#222; text-decoration:underline; text-underline-position:under; text-decoration-style:solid; text-decoration-color:#222;}
a.blank:after{display:inline-block; width:15px; height:15px; margin-left:4px; vertical-align:-2px; background-image:url('../../images/template/btn_blank.png'); background-repeat:no-repeat; background-position:right center; background-size:15px 15px;}

.btn{display:inline-block; position:relative; min-width:70px; margin:0; padding:10px 20px; border-width:1px; border-style:solid; border-color:#fff; box-sizing:border-box; background-color:#fff; font-size:15px; line-height:28px; color:#222; text-align:center; font-weight:200; transition-property:color, border, background-color, box-shadow; transition-duration:0.2s; transition-timing-function:ease-in-out; vertical-align:middle; text-decoration:none;}
.btn + .btn{margin-left:5px;}
.btn:hover{color:#fff; background-color:#222;}
.table .btn{font-size:14px;}

/* 버튼 - 사이즈 */
.btn.big{padding-top:11px; padding-bottom:11px;}
/*
.btn.small{padding:5px 15px; border-radius:20px;}
*/
.btn.small{padding:0px 15px; border-radius:20px;}
.btn.w120{min-width:120px;}

/* 버튼 - 컬러 */
.btn.type2,
.btn.type3,
.btn.type4{border-color:transparent; color:#fff;}
.btn.type2{background-color:#444;}
.btn.type2:hover{background-color:#151515;}
.btn.type3{background-color:#f8781a;height:auto;}
.btn.type3:hover{background-color:#e94e02;}
.btn.type4{border-color:#777; color:#222;}
.btn.type4:hover{border-color:#f8781a; background-color:#fff; color:#f8781a;}
.btn.type5{background-color:#444; font-size:25px; color:#fff; padding:15px 40px;border-radius:50px; font-weight:400;height:auto;}
.btn.type5:hover{background-color:#151515;}
@media screen and (max-width:768px){
    .skip,caption,legend{overflow:visible;font-size:3px!important}
}
