@charset "UTF-8";

html {width:100%; min-width:320px; height:100%;  }
body { position:relative; min-width:320px; width:100%; margin:0 auto; display:block; background-color:#fff; }

input:focus {outline:none;}
select:focus {outline:none;}
textarea:focus {outline:none;}

img[src$=".gif"], img[src$=".png"] {
                   image-rendering: -moz-crisp-edges;         /* Firefox */
                   image-rendering:   -o-crisp-edges;         /* Opera */
                   image-rendering: -webkit-optimize-contrast;/* Webkit (non-standard naming) */
                   image-rendering: crisp-edges;
                   -ms-interpolation-mode: nearest-neighbor;  /* IE (non-standard property) */
                 }


#top {padding:0 5%; border-top:3px solid #e60012; box-shadow:0 0 10px rgba(0,0,0,.15); }
#top h1 {}
#top h1 .logo {width:150px; display:inline-block; height:70px;  }
#top h1 .logo img {width:100%; margin-top:15px; }
.cd-nav-container .link {padding:0 5%; margin:0 auto; font-size:0; }
.cd-nav-container .link a {display:inline-block; line-height:40px; width:49%; background-color:#e60012; border-radius:10px; color:#fff; text-align:center; }
.cd-nav-container .link a:first-child {margin-right:2%; }

.top1 {background-color:#fff; width:100%; height:100px; z-index:9999999999999999999999999999999999999; position:fixed; border-bottom:1px solid #ddd;  }
.top1:after {clear:both; display:block; content:'';}
.top1 .wrap {padding:0 10%; min-width:320px; margin:0 auto;  }
.top1 .logo {position:absolute; left:10%; top:25px; display:inline-block; width:200px; height:47px; float:left; z-index:9999999999999999;}
.top1 .logo img {width:100%; }
.top1 .top_nav { width:100%;  display:block; margin:0 auto;  }
.top1 .top_nav > ul {position:relative; font-size: 0;margin: 0;padding: 0; width:100%; text-align:center;}
.top1 .top_nav > ul > li {display: inline-block;position: relative; width:12%; }
.top1 .top_nav > ul > li > a {display: block; letter-spacing:-1px;font-size: 1.3rem; font-weight:600; width:100%; transition: 0.2s all; line-height:100px; }
.top1 .top_nav > ul > li > a:hover {color:#e60012; }
.top:hover .top_nav > ul > li > a  {color:#333 !important}
.top1 .top_nav > ul > li > ul {display: none;position: absolute;  width: 100%; text-align:center; }
.top1 .top_nav > ul > li > ul > li {display: block;  }
.top1 .top_nav > ul > li > ul > li:first-child { border-top: none; }
.top1 .top_nav > ul > li > ul > li > a {background: #fff; color:#fff !important;display: block; font-size:16px; font-weight:500; line-height:50px; }

.top1:hover .top_nav ul li ul li a  {color:#555 !important}
.top1:hover .top_nav ul li ul li a:hover {color:#e60012 !important; }


.support {position:absolute; right:10%; top:0; background-color:#e60012; color:#fff !important; display:inline-block; width:200px; text-align:center; border-radius:0 0 10px 10px; line-height:80px; transition:.2s all; }
.support:hover {line-height:120px; }

 
#footer {width:100%; text-align:left; position:relative; }
#footer .btn_top {position:fixed; right:0; bottom:0; width:50px; height:50px; background-color:#e60012; color:#fff; text-align:center; line-height:50px; font-size:.9rem; border-radius:10px 0 0 0 ; z-index:9999999999999999;}
#footer .wrap {min-width:320px; margin:0 auto; width:100%; font-size:0; }
#footer .wrap .footer00 {display:inline-block; padding:50px 0; vertical-align:bottom; text-align:center;  }

#footer .wrap .footer02 {width:100%; background-color:#333; padding:50px 10%; /* border-radius:50px 0 0 0;  */}
#footer .wrap .footer02 img  {width:80px; display:inline-block; vertical-align:middle; margin-bottom:10px; vertical-align:middle; }
#footer .wrap .footer02 p {display:inline-block; color:#ddd; font-size:2rem; word-break:keep-all; line-height:2rem; font-weight:600; margin-bottom:10px; font-family: 'BinggraeSamanco-Bold'; vertical-align:middle;}
#footer .wrap .footer02 span {display:block; color:#999; }
#footer .wrap .footer02 span a {color:#999;}
#footer .wrap .footer02 .link {margin-top:30px; font-size:0; }
#footer .wrap .footer02 .link a {color:#ddd; font-size:.95rem; display:inline-block; margin-right:10px; line-height:35px; border:1px solid #999; border-radius:17.5px; padding:0 15px; transition:.2s all; }
#footer .wrap .footer02 .link a:last-child {margin-right:0;}
#footer .wrap .footer02 .link a:hover {background-color:#ddd; color:#333; border-color:#ddd;  }

#footer .wrap .footer01 {width:100%; padding:50px 5%; background-color:#444;  }
#footer .wrap .footer01 > img {display:inline-block; width:151px;   vertical-align:middle; }
#footer .wrap .footer01 .sns {font-size:0; }
#footer .wrap .footer01 .sns li {display:inline-block; margin-right:15px; vertical-align:middle; }
#footer .wrap .footer01 .sns li a {}
#footer .wrap .footer01 .sns li a img {}
#footer .wrap .footer01 .sns li:last-child {margin-top:30px; display:block; }
#footer .wrap .footer01 .sns li:last-child a {background-color:#e60012; color:#fff; display:inline-block; padding:0 35px 0 15px; position:relative; line-height:40px; text-align:center; border-radius:20px; transition:.2s all; }
#footer .wrap .footer01 .sns li:last-child img {height:20px; vertical-align:middle; position:absolute; right:15px; top:10px; }
#footer .wrap .footer01 .link {margin:20px 0 10px 0;  }
#footer .wrap .footer01 .link a {color:#ddd; margin:0 10px; display:inline-block; margin-bottom:10px; }
#footer .wrap .footer01 .txt {display:inline-block; vertical-align:middle; }
#footer .wrap .footer01 .txt  img {width:110px;  margin-bottom:15px; opacity:.5; }
#footer .wrap .footer01 .txt p {font-size:.95rem; color:#999; font-weight:400; line-height:1.5rem; word-break:keep-all }
#footer .wrap .footer01 .txt p a {color:#999;}
#footer .wrap .footer01 .txt p.copy {color:#aaa;}