@import "_element.css";
@font-face {font-family:'YouandiModernTR';font-style:normal;font-weight:normal;src:url(/_font/Youandi_Modern_TextRegular.eot);src: url(/_font/Youandi_Modern_TextRegular.eot?#iefix) format('embedded-opentype'),url(/_font/Youandi_Modern_TextRegular.woff) format('woff')}
@font-face {font-family:'YouandiModernTB';font-style:normal;font-weight:normal;src:url(/_font/Youandi_Modern_TextBold.eot);src: url(/_font/Youandi_Modern_TextBold.eot?#iefix) format('embedded-opentype'),url(/_font/Youandi_Modern_TextBold.woff) format('woff')}
@font-face {font-family:'YouandiModernHEB';font-style:normal;font-weight:normal;src:url(/_font/Youandi_Modern_HeadExtraBold.eot);src: url(/_font/Youandi_Modern_HeadExtraBold.eot?#iefix) format('embedded-opentype'),url(/_font/Youandi_Modern_HeadExtraBold.woff) format('woff')}
@font-face {font-family:'DS-DIGII';font-style:normal;font-weight:normal;src:url(/_font/DS-DIGII.TTF);}
@font-face {font-family:'DS-DIGIT';font-style:normal;font-weight:normal;src:url(/_font/DS-DIGIT.TTF);}
@font-face {font-family:'DS-DIGI';font-style:normal;font-weight:normal;src:url(/_font/DS-DIGI.TTF);}
@font-face {font-family:'DS-DIGIB';font-style:normal;font-weight:normal;src:url(/_font/DS-DIGIB.TTF);}
html, body, div, span, applet, object, iframe,
p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    /*font-size: 100%;*/
    /*font: inherit;*/
    /*vertical-align: baseline;*/
    box-sizing: border-box;

    /*line-height: 1.8;*/
    /*font-family:'YouandiModernTR';*/
    /*font-family:"Haas Grot Text R Web", "Helvetica Neue", Helvetica, Arial, sans-serif;*/
    /*font-family: YouandiModernTB;*/
    /*font-family: "Noto Serif", "LexiSaebomR", sans-serif;*/
    font-family: 'YouandiModernTR', 'NanumBarunGothic', '留묒� 怨좊뵓', 'Malgun Gothic', �뗭�, 援대┝, Dotum, Gulim, sans-serif;
    /*font-weight: 400;*/
    font-style:normal;
    /*color: #333;*/
    padding: 0px; margin: 0px;
    /*background-color: #fcfcfc;*/
    font-size: 14px;
    text-decoration: none;


}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
    /*background-color: #f5f7fb;*/
    /*background-image: url("https://mdbootstrap.com/img/Photos/Horizontal/Nature/full page/img(20).jpg");*/
    background-position: center;
    background-size: cover;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}

:root{
    --color_01:#F05235;
    --color_02:#FD9700;
    --color_03:#DFC21F;
    --color_04:#87BF3D;
    --color_05:#30BCA7;
    --color_06:#00ACCB;
    --color_07:#008097;
    --color_08:#814485;
    --color_09:#2C3843;
    --color_10:#ABAFB4;

	    --btn-color-1:#1e75d6;
    --btn-color-2:#666666;
}

.documentDiv{    width:100%;    }
.pxsizecenter{ margin: 0 auto; /*width: 1280px;*/}
.maxsizecenter{ margin: 0 auto; width: 100%; display: inline-block;}
.halfsizecenter{ margin: 0 auto; width: 50%;}
.sizecenter90{ margin: 0 auto; width: 90%;}
.sizecenter80{ margin: 0 auto; width: 80%;}
.sizecenter75{ margin: 0 auto; width: 75%;}
.sizecenter70{ margin: 0 auto; width: 70%;}
.sizecenter60{ margin: 0 auto; width: 60%;}
.sizecenter50{ margin: 0 auto; width: 50%;}
.sizecenter40{ margin: 0 auto; width: 40%;}
.sizecenter30{ margin: 0 auto; width: 30%;}
.sizecenter25{ margin: 0 auto; width: 25%;}
.sizecenter20{ margin: 0 auto; width: 20%;}
.sizecenter10{ margin: 0 auto; width: 10%;}


.padding05{padding:5px;}
.padding10{padding:10px;}
.padding15{padding:15px;}
.padding20{padding:20px;}
.padding25{padding:25px;}
.padding30{padding:30px;}

.margintop10{margin-top:10px;}
.margintop04{margin-top:4px;}


.shadow{box-shadow: 1px 0 0 0 #c1c1c1, -1px 0 0 0 #c1c1c1, 0 1px 0 0 #c1c1c1, 0 -1px 0 0 #c1c1c1 ;}

.border01{border: 1px solid #c1c1c1;}
.borderBottom{border-bottom: 1px solid #c1c1c1;}

.hPadding{padding:15px 0px;}

.ulTitle{background-color:#f5f5f5; border-top: 2px solid #c1c1c1; padding:20px 0px;}

.relative{position: relative;}
.absolute{position: absolute;}
.height10{height:10%;}
.height20{height:20%;}
.height30{height:30%;}
.height40{height:40%;}
.height50{height:50%;}
.height60{height:60%;}
.height70{height:70%;}
.height80{height:80%;}
.height90{height:90%;}
.height100{height:100%;}

.w_0{width:0%;}.w_1{width:1%;}.w_2{width:2%;}.w_3{width:3%;}.w_4{width:4%;}.w_5{width:5%;}.w_6{width:6%;}.w_7{width:7%;}.w_8{width:8%;}.w_9{width:9%;}
.w_10{width:10%;}.w_11{width:11%;}.w_12{width:12%;}.w_13{width:13%;}.w_14{width:14%;}.w_15{width:15%;}
.w_16{width:16%;}.w_17{width:17%;}.w_18{width:18%;}.w_19{width:19%;}
.w_20{width:20%;}.w_21{width:21%;}.w_22{width:22%;}.w_23{width:23%;}.w_24{width:24%;}.w_245{width:24.5%;}.w_25{width:25%;}.w_26{width:26%;}
.w_27{width:27%;}.w_28{width:28%;}.w_29{width:29%;}
.w_30{width:30%;}.w_31{width:31%;}.w_32{width:32%;}.w_33{width:33%;}.w_34{width:34%;}.w_35{width:35%;}.w_39{width:39%;}.w_395{width:39.5%;}
.w_40{width:40%;}.w_44{width:44%;}.w_45{width:45%;}.w_46{width:46%;}.w_47{width:47%;}.w_48{width:48%;}
.w_49{width:49%;}.w_495{width:49.5%;}
.w_50{width:50%;}.w_51{width:51%;}.w_52{width:52%;}.w_53{width:53%;}.w_54{width:54%;}.w_55{width:55%;}
.w_56{width:56%;}.w_57{width:57%;}.w_58{width:58%;}.w_59{width:59%;}
.w_60{width:60%;}.w_61{width:61%;}.w_62{width:62%;}.w_63{width:63%;}.w_64{width:64%;}.w_65{width:65%;}
.w_66{width:66%;}.w_67{width:67%;}.w_68{width:68%;}.w_69{width:69%;}


.w_70{width:70%;}.w_71{width:71%;}.w_72{width:72%;}.w_73{width:73%;}.w_74{width:74%;}.w_75{width:75%;}

.w_76{width:76%;}.w_77{width:77%;}.w_78{width:78%;}.w_79{width:79%;}
.w_80{width:80%;}.w_85{width:85%;}
.w_90{width:90%;}.w_91{width:91%;}.w_92{width:92%;}.w_93{width:93%;}.w_94{width:94%;}.w_95{width:95%;}
.w_96{width:96%;}.w_97{width:97%;}.w_98{width:98%;}.w_99{width:99%;}.w_995{width:99.5%;}
.w_100{width:100%;}

.floatLeft{float: left}
.floatRight{float: right}

ul::after{clear:both;content: ' ';display: block;}

.btn100{width:100%; height:100%; background-color: var(--color_08);}
.btn100 a{color: #fff;}
.link{color: var(--color_08);}
.font12{font-size: 12px;}
.font14{font-size: 14px;}
.font16{font-size: 16px;}

.fontCenter{text-align:center;}


@media(max-width:700px) and (orientation:portrait){
	.center {    position: absolute;    /*left: 50%;    top: 5px;    transform: translate( -50%);*/    }
}

@media(min-width:700px){
	.center {    position: absolute;    left: 50%;    /*top: 5px;*/    transform: translate( -50%);    }
}

.center2 {    position: absolute;    left: 50%;    top: 50%;    transform: translate(-50%, -50%);    }
.box{   margin: 0 auto;    /*width: 98%;*/    }

.btn_type_01{background-color: #090e21; color: #fff; border-radius: 4px; height:48px;}
.btn_type_02{background-color: var(--btn-color-2); color: var(--basic-color27); border-radius: 4px;}
.btn_type_03{background-color: var(--btn-color-3); color: var(--basic-color27); border-radius: 4px;}
.btn_type_04{background-color: var(--btn-color-4); color: var(--basic-color27); border-radius: 4px;}