@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Nanum+Myeongjo:wght@400;700;800&family=Open+Sans:wght@100;200;300;400;500;600&family=Satisfy:wght@100;200;300;400;500;600&display=swap');
* {box-sizing: border-box;}
html, body {height:100%; margin:0px; padding:0px;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button {margin:0; padding:0;}
fieldset,img {border:0 none;}
dl,ul,ol,menu,li {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after,q:before, q:after {content:none;}
img,input,select,textarea,button,i {vertical-align:middle;}
input::-ms-clear {display:none;}
hr {border:0px; border-bottom:1px solid #ddd;}
button {border:0 none; background-color:transparent; cursor:pointer;}
body,th,td,input,select,textarea,button {font-size:14px; line-height:1.5; color:#444; letter-spacing:-0.75px; font-family: 'Open Sans', sans-serif;}
.os_mac body,.os_mac th,.os_mac td,.os_mac input,.os_mac select,.os_mac textarea,.os_mac button {font-family: 'Open Sans', sans-serif;}
a {color:inherit; text-decoration:none; outline:none;}
a:active {background-color:transparent;}
address,caption,cite,code,dfn,em,var {font-style:normal; font-weight:normal;}
html, body {height:100%; margin:0px; padding:0px;}
table,th,td {border-collapse:collapse; padding:0; border-spacing:0;}
table, video {width:100%; margin:1px 0;}

/*===========================Input Reset============================*/
.radios {vertical-align:middle; margin:0 5px;}
.radios input[type="radio"] {display:none; vertical-align:middle;}
.radios input[type="radio"] + label {display:inline-block; background:url('/images/icon/radio_off.png') left center no-repeat; cursor:pointer; padding-left:25px;}
.radios input[type="radio"]:checked + label {background:url('/images/icon/radio_on.png') left center no-repeat; font-weight:600; margin:0px;}

.checkboxs {vertical-align:middle; margin:0 5px;}
.checkboxs input[type="checkbox"] {display:none; vertical-align:middle;}
.checkboxs input[type="checkbox"] + label {display:inline-block; background:url('/images/icon/checkbox_off.png') left center no-repeat; cursor:pointer; padding-left:25px; min-height:20px;}
.checkboxs input[type="checkbox"]:checked + label {background:url('/images/icon/checkbox_on.png') left center no-repeat; margin:0px;}

.button {height:40px; border:0px; background:#333; color:#FFF; border-radius:5px; padding:0 10px; cursor:pointer; box-sizing: border-box; min-width:50px; font-size:1em;}

input[type="file"],
input[type="tel"],
input[type="email"],
input[type="text"],
input[type="password"],
input[type="number"] {min-width:50px; height:30px; border-radius:5px; padding:0 10px; letter-spacing:0px; box-sizing: border-box; -webkit-appearance: none; -webkit-border-radius: 8; border:0px; font-size:1em;}
input[type="number"] {padding-right:0px;}

textarea {width:100%; padding:5px 10px; letter-spacing:0px; box-sizing: border-box; color:#333; border:0; border-radius:5px; min-height:100px; font-size:1em;}
select {vertical-align:middle;min-width:50px; height:30px; border-radius:5px; background:#333; color:#ddd; padding:0 10px; letter-spacing:0px; box-sizing: border-box; -webkit-appearance: none; -webkit-border-radius: 8; border:0px; font-size:1em;}

[onclick] {cursor:pointer;}
/*========Style Guide========*/

.roundbox {padding:15px; border:1px solid #d1d1d1; border-radius:10px;}
.roundbox2 {margin:5px; padding:10px; border:1px solid #d1d1d1; border-radius:10px;}

.disc {margin-left:15px; list-style-position: inside;}
.disc>li {list-style-type:disc; padding:2px 0;}

.number {margin-left:15px; list-style-position: inside;}
.number>li {list-style-type:decimal; padding:5px 0;}

.tleft {text-align:left;}
.tright {text-align:right;}
.tcenter {text-align:center;}
.bold {font-weight:600;}
.clear {clear:both;}
.btnarea {margin:10px 0; text-align:center;}
.fred {color:#FF0000;}
.fblue {color:#1073cc;}
.fblack {color:#000;}
.widthfull {width:100%;}
.hidden {display:none;}
.dates {margin-right:-34px; padding-right:34px;}
.forange {color:#F54B1E;}
.fsmall {font-size:5px;}
.iconInfo {background:#000; color:#FFF; width:25px; height:25px; text-align:center; line-height:25px; display:inline-block; border-radius:20px; margin-right:10px;}

.left2nd > li {float:left; width:50%;}
.left3nd > li {float:left; width:33.33%;}
.left4nd > li {float:left; width:25%;}
.left5nd > li {float:left; width:20%;}

.lguide > li {text-align:center; border-right:1px solid #d1d1d1;}
.lguide > li:last-child {border:0px;}
.lguide > li .inbox {text-align:center; margin:0 auto; max-width:275px;letter-spacing:-1.2px;}
.left3nd > li .inbox {text-align:center; margin:0 auto; max-width:380px;}
.lguide > li h3 {font-size:25px; margin-bottom:15px;}

.TableBasic {width:100%;}
.TableBasic th {border-bottom:1px solid #d1d1d1; padding:2px 5px; height:30px;}
.TableBasic td {border-bottom:1px solid #d1d1d1; padding:2px 5px; height:30px;}

.TableBasic2 {width:100%; border-top:2px solid #525DA0;}
.TableBasic2 th {border-bottom:1px solid #d1d1d1; padding:2px 5px; height:30px;}
.TableBasic2 td {border-bottom:1px solid #d1d1d1; padding:2px 5px; height:30px;}

.TableBasic3 {width:100%; border-top:2px solid #525DA0;}
.TableBasic3 th {border-bottom:1px solid #d1d1d1; padding:2px 5px; height:30px; border-right:1px solid #d1d1d1;}
.TableBasic3 td {border-bottom:1px solid #d1d1d1; padding:2px 5px; height:30px; border-right:1px solid #d1d1d1;}
.TableBasic3 th:last-child,
.TableBasic3 td:last-child {border-right:0px;}