@charset "utf-8";

/* 초기화 */
html {overflow-y:scroll;height:100%;min-width:320px}
body {margin:0;padding:0;font-size:0.75em;height:100%}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1em}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
legend {position:absolute;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle}
input, button {margin:0;padding:0;font-size:1em}
button {cursor:pointer}
input[type=text], input[type=password], input[type=submit], input[type=image], button {font-size:1em;-webkit-appearance:none}
textarea, select {font-size:1em;font-family:dotum}
textarea {border-radius:0;-webkit-appearance:none}
select {margin:0;background:none}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a {color:#000;text-decoration:none}
ul,li,dl,dt,dd{list-style:none;padding:0;margin:0}

*, :after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.wrap {width:100%; margin:0 auto; max-width:720px; }

.bn{float:left; width:100%}
.bn .banner{float:left; width:100%;}

.top {width:100%; overflow:hidden;}
.top img{width:100%; }
.top_l {width:20%; float:left;}
.top_r {width:80%; float:right;}

.slide {width:100%; position:relative;}
.slide img{width:100%; }

.title {width:100%; position:relative;}
.title img{width:100%; }

.box_wrap {width:100%; position:relative;}
.box {width:100%; position:relative;}
.box img{width:100%; }
.boxbg {background:#f0f0f0; }
.boxbg img{width:100%; }

.copy {width:100%; }
.copy img{width:100%; }



/*슬라이드*/

.slide .slick-prev {left:0;z-index:1000;}
.slide .slick-next {right:0;}

.skin_slide_arr {position:absolute; z-index:1000; width:100%; bottom:1.5%;}
.skin_slide_arr_l {position:relative; float:left; margin-left:75%; width:25px;}
.skin_slide_arr_r {position:relative;  float:right;  margin-right:7%; width:25px;}

.line_slide_arr {position:absolute; z-index:1000; width:100%; top:34%;}
.line_slide_arr_l {position:relative; float:left; margin-left:70%;width:25px;}
.line_slide_arr_r {position:relative;  float:right;  margin-right:10%;width:25px;}

.body_slide_arr {position:absolute; z-index:1000; width:100%; bottom:1%;}
.body_slide_arr_l {position:relative; float:left; margin-left:75%;width:25px;}
.body_slide_arr_r {position:relative;  float:right;  margin-right:7%;width:25px;}

.main_eq_wrap {position:absolute; width:100%; z-index:1000;}
.main_eq_arr {position:relative; width:100%; margin:0 auto; padding:40% 0 0 0;}
.main_eq_arr_l {float:left; cursor:pointer; width:25px; margin-left:40px}
.main_eq_arr_r {float:right; cursor:pointer; width:25px; margin-right:40px}
.bl_on {opacity:0.4}

/*슬라이드*/

#video_wrap {width:100%; background:url("/mobile/img/video_bg.png") no-repeat; background-size:100%;}
.video {width:80%; margin:0 auto; padding:0 0 30px 0;}