@charset "utf-8";
/* CSS Document */


@import url("http://fonts.googleapis.com/earlyaccess/nanumgothic.css");


/* Reset CSS - start */

* { margin:0; padding:0; border:0; vertical-align:top; font-family:nanumgothic, 나눔고딕;}/*outline:0; */

ul, ol, dl { list-style:none; }
img, video { max-width:100%; border:0; vertical-align:baseline; }
a { vertical-align:baseline; text-decoration:none; }
table { border-collapse:collapse; border-spacing:0; }
input, select { vertical-align:middle; }

body {font-size:100%; line-height:1; }
label { cursor:pointer; }
.blind,legend,hr,caption {display:block; overflow:hidden; position:absolute; top:0; left:-1000em; }
i,em,address { font-style:normal; font-weight:normal; }

h1 {width:70%;margin:0 0;}
h2 {width:90%; margin:0 auto;}
h3 {font-size:20px; margin:55px 0 0 0;}
h4 {font-size:16px; margin:0 0 5px 0;}
h5 {}
h6 {}


.flo_l {float:left;}
.flo_r {float:right;}
.cle {clear:both;}




/* Layout */

body {background:#ececee;}

#wrap {width:100%; margin:0 0;}

#top {width:100%; background:url(../images/mbg_top.png) 0 0 no-repeat; background-color:#ace3fc; background-size: cover;}

#middle {width:100%;}

#bottom {width:100%; padding-bottom:70px; background:url(../images/wbg_cont_b.jpg) 0 0 repeat;}


/* main */

#character_tit {width:100%; background-color:#ff5c35;}
#sticker_tit {width:100%; background-color:#f7c001;}
.tit_img {width:70%; height:70%;}

#m_content_1 {clear:both; width:90%; margin:0 auto; padding-top:25%; background:url(../images/mbg_middle_top.png) 0 0 no-repeat; background-color:#fff; background-size:100%; overflow:hidden;}
#m_content_2 {clear:both; width:90%; margin:0 auto; background:url(../images/wbg_cont.png) 0 0 repeat-y; background-color:#fff; overflow:hidden;}
#m_cont01 {clear:both; width:90%; margin:0 auto; overflow:hidden;}
#m_cont01 p {display:block; width:100%; font-size:14px; line-height:18px; padding-top:15px;}
#m_cont02 {clear:both; width:90%; margin:30px auto; overflow:hidden;}

#ch_lee {clear:both; width:99%; margin-bottom:10px; border:1px solid #c8c8c8; background-color:#fff; overflow:hidden;}
#ch_gama {clear:both; width:99%; margin-bottom:10px; border:1px solid #c8c8c8; background-color:#fff; overflow:hidden;}
#ch_bugi {clear:both; width:99%; margin-bottom:10px; border:1px solid #c8c8c8; background-color:#fff; overflow:hidden;}
.ch_img {float:left; width:50%; height:50%;}
.ch_info {float:left; width:47%; font-size:12px; line-height:15px; padding:15px 0 15px 0;}


#st_content_1 {clear:both; width:90%; margin:0 auto 0 auto; padding:15px 0 100px 5px; overflow:hidden;}
#st_content_2 {clear:both; width:90%; margin:0 auto 0 auto; padding:15px 0 20px 5px; overflow:hidden;}
.st_wrap {float:left; width:96%; height:235px; margin:20px 20px 0 0; color:#fff;}
.st_cont_tit {width:100%; height:30px; background-color:#000;}
.st_cont_tit h5 {display:block; font-size:14px; margin-left:3px; padding:8px 0 5px 3px; }
.st_cont_tit span {display:block; float:right; margin:-17px 7px 0 0; font-size:12px;}
.st_cont_tit a {color:#000; background:#fff; padding:1px 3px;}
.st_cont {width:100%; height:200px; margin-top:2px; border:1px solid #c8c8c8; text-align:center;}
.st_cont img {width:242px; height:200px;}


#m_title {width:97%; margin:59px auto 20px; auto; height:30px; border-bottom:1px solid #ddd;}
#m_title > h3 {font-size:20px; padding:0px 35px 10px 20px; float:left; border-bottom:1px solid #3c2619; display:inline-block;}
#m_title span {font-size:12px; color:#bbb; font-weight:500; float:right; margin:9px 13px 0 0; padding:3px; display:block;}
#w_bottom {clear:both;}

#content {margin:0px;}


/* bottom */

#footer {width:640px; margin:0 auto; height:110px; background:url(../images/wbg_cont_bo.jpg) 0 0 no-repeat;}