html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video, textarea {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
	list-style:none;
	font-family:Arial,Tahoma,sans-serif
}

body {
    line-height:1;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
    display:block;
}

nav ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
	text-decoration:none;
}
a:link,a:visited,a:hover,a:active{color:#000;}

/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000;
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;  
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}
html {
    overflow: auto;
}

html, body {
    height: 100%;
}


#wrap {
    overflow: hidden;
    display: table;
    table-layout: fixed;
    width: 100%;
    height: 100%;
}

#wrap header {
    display: table-row;
    height: 1px;
}

#wrap footer {
    display: table-row;
    height: 1px;
    text-align: center;
}

#wrap .container {
    display: table-row;
    background: #fafafa;
}
button{
	border:0;
}
/* Slide */
.slide_cont {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
}
.slide_cont .slide_innr {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
.container-android .slide,
.slide_cont .slide_innr {
  -webkit-transform: translate3d(0px, 0, 0);
  transform: translate3d(0px, 0, 0);
}
.slide_cont .slide {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
}
.btn_next,
.btn_prev {
  position: absolute;
  top: 50%;
  width: 25px;
  height: 25px;
  margin-top: -12px;
  border-radius:50%;
  z-index: 10;
  cursor: pointer;
  background:rgba(0,0,0,.4);
}
.btn_next{right:7px;}
.btn_prev{left:7px;}
.btn_next:after,
.btn_prev:after{content:""; position:absolute; top:50%; margin-top:-5px; border:solid #fff; width:8px; height:8px; transform:rotate(45deg); -webkit-transform:rotate(45deg);}
.btn_prev.btn_disabled,
.btn_next.btn_disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}
.btn_prev:after{
  left: 9px;
  border-width:0 0 2px 2px;
}
.btn_next:after{
  right: 9px;
  border-width:2px 2px 0 0;
}

/* 공통 */
header{position:absolute; top:0; right:0; left:0; padding:30px 60px; height:74px; z-index:1;}
header h1{float:left;}
header h1 a{display:inline-block;}
header .sctn_nav{float:right; height:74px; line-height:74px;}
.m_sctn_nav{display:none;}
header .sctn_nav li{display:inline-block; margin:0 5px;}
header .sctn_nav a{font-size:20px; color:#fff; cursor:pointer;}
img{width:auto; height:auto; max-width:100%; max-height:100%;}
.inner{position:relative; max-width:1280px; margin:0 auto; padding:0 20px;}
footer{background:#2d3030;}
footer .inner{padding:60px 40px; text-align:center;}
footer h1{margin-bottom:30px; text-align:left;}
footer address{line-height:1.4; font-size:14px; color:#fff; font-style:normal; text-align:left;}
footer .ft_ct{position:relative;}
footer ul{font-size:0; margin:10px 0px 30px -10px; text-align:left;}
footer li{position:relative; display:inline-block; padding:5px 10px; vertical-align:top; font-size:1rem; color:#fff;}
footer li:after{content:""; position:absolute; top:5%; bottom:15%; right:0; width:2px; max-height:200px; background:#fff;}
footer li:last-child:after{display:none;}
footer li a{display:inline-block; color:#fff; font-size:1.1rem;}
footer a:link, a:visited{color:#fff;}
footer li .ic{display:block; margin-bottom:20px;}
footer li .ic:before{content:""; display:block; width:40px; height:40px; margin:0 auto 15px;
	background:url(../images/ft_icon.png) 0 0 no-repeat;}
footer li .pt:before{background-position:-40px 0;}
footer li .dr:before{background-position:-80px 0;}
footer .sns{position:absolute; top:-20px; right:10px;}
footer .sns li{width:50px; height:39px; margin-left:10px;}
footer .sns li:after{content:none;}

#md_popup{position:fixed; top:0; left:0; right:0; height:100%; text-align:center; font-size:0; z-index:2; background:rgba(0,0,0,0.5);}
#md_popup:after{content:""; display:inline-block; height:100%; vertical-align:middle;}
#md_popup .cont{display:inline-block; position:relative; margin:0 auto; width:90%; max-width:720px; min-height:80px; overflow:hidden; vertical-align:middle; background:#fff;}
#md_popup .clse{display:inline-block;position:absolute; top:5px; right:0; margin:0 13px 0 7px; padding:0; width:4px; height:20px; background:#000; cursor:pointer; transform:rotate(45deg);}
#md_popup .clse:before{content:""; display:block; position:absolute; top:50%; left:-8px; width:20px; height:4px; margin-top:-2px; background:#000;}
#md_popup img{width:100%;}
#md_popup .lnk{position:absolute; bottom:8%; left:38%; width:24%; height:19%; cursor:pointer;}
#md_popup .tt_cont{padding:40px 30px; line-height:1.4; font-size:14px; text-align:left; font-weight:bold;}
#md_popup .tt_cont h2{margin-bottom:30px; font-size:36px; text-align:center; word-break:keep-all;}
#md_popup .tt_cont .msg{margin-bottom:30px; font-size:16px;}
#md_popup .tt_cont .data{margin:30px 0; text-align:center; font-size:16px;}
#md_popup .tt_cont ol li{margin:20px; list-style:decimal;}
#md_popup .tt_cont dt{float:left; margin-right:10px;}
#md_popup .tt_cont dd{overflow:hidden;}
#md_popup .tt_cont .tr dd{display:block;}
#md_popup .tt_cont .ads{text-align:center;}
#md_popup .tt_cont .ads strong{display:block; margin-bottom:15px; font-size:20px;}

#md_popup_02{position:fixed; top:0; left:0; right:0; height:100%; text-align:center; font-size:0; z-index:1; background:rgba(0,0,0,0.5);}
#md_popup_02:after{content:""; display:inline-block; height:100%; vertical-align:middle;}
#md_popup_02 .cont{display:inline-block; position:relative; margin:0 auto; width:90%; max-width:720px; min-height:80px; overflow:hidden; vertical-align:middle; background:#fff;}
#md_popup_02 .clse{display:inline-block;position:absolute; top:5px; right:0; margin:0 13px 0 7px; padding:0; width:4px; height:20px; background:#000; cursor:pointer; transform:rotate(45deg);}
#md_popup_02 .clse:before{content:""; display:block; position:absolute; top:50%; left:-8px; width:20px; height:4px; margin-top:-2px; background:#000;}
#md_popup_02 img{width:100%;}
#md_popup_02 .lnk{position:absolute; bottom:8%; left:38%; width:24%; height:19%; cursor:pointer;}
#md_popup_02 .tt_cont{padding:40px 30px; line-height:1.4; font-size:12px; text-align:left; font-weight:bold;}
#md_popup_02 .tt_cont h2{margin-bottom:30px; font-size:16px; text-align:center; word-break:keep-all;}
#md_popup_02 .tt_cont .msg{margin-bottom:10px; font-size:14px;}
#md_popup_02 .tt_cont .data{margin:10px 0; text-align:center; font-size:13px;}
#md_popup_02 .tt_cont > ul > li{margin-bottom:15px;}
#md_popup_02 .tt_cont > ul > li ul{margin-left:10px;}
#md_popup_02 .tt_cont h3{font-size:13px; margin-bottom:5px;}
#md_popup_02 .tt_cont .sub_msg{margin-bottom:10px;}
#md_popup_02 .tt_cont .sub_tt span{display:block;}
#md_popup_02 .tt_cont ol li{margin:0 20px; list-style:decimal;}
#md_popup_02 .tt_cont dt{float:left; margin-right:10px;}
#md_popup_02 .tt_cont dd{overflow:hidden;}
#md_popup_02 .tt_cont .tr dd{display:block;}
#md_popup_02 .tt_cont .ads{text-align:center;}


@media (max-width:360px){html{font-size:10px;}}

@media (min-width:361px) and (max-width:399px){html{font-size:11px;}}

@media (min-width:400px) and (max-width:439px){html{font-size:12px;}}

@media (min-width:440px) and (max-width:479px){html{font-size:13px;}}

@media (min-width:480px) and (max-width:519px){html{font-size:14px;}}

@media (min-width:520px) and (max-width:559px){html{font-size:15px;}}
 
@media (min-width:560px) and (max-width:599px){html{font-size:16px;}}

@media (min-width:600px) and (max-width:639px){html{font-size:17px;}}

@media (min-width:640px) and (max-width:679px){html{font-size:18px;}}

@media (min-width:680px) and (max-width:719px){html{font-size:19px;}}

@media (min-width:720px) and (max-width:759px){html{font-size:20px;}}

@media (min-width:760px) and (max-width:799px){html{font-size:21px;}}

@media (min-width:800px) and (max-width:839px){html{font-size:22px;}}

@media (min-width:840px) and (max-width:879px){html{font-size:23px;}}

@media (max-width:425px){
footer li .tt{display:none;}
#md_popup{overflow-y:scroll;}
#md_popup .tt_cont{padding:40px 15px;}
#md_popup .tt_cont dt{float:none;}
footer h1{text-align:center;}
footer ul{margin:10px 0px 30px 0; text-align:center;}
footer .sns{position:relative; top:-12px; left:auto; bottom:auto; margin:0; text-align:center;}
footer .sns li{width:40px; height:auto;}
footer address{text-align:center;}

}