@charset "utf-8";
/* CSS Document */
@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url('https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i');
@import url('https://fonts.googleapis.com/css?family=Roboto+Slab');
@import url('https://fonts.googleapis.com/css?family=Play:700');

/**reset**/

* {
    font-family: 'notosanskr', sans-serif; /* 1 */
    margin: 0; padding: 0;
}

html {
    font-family: 'notosanskr', sans-serif; /* 1 */
    line-height: 1.15; /* 2 */
    -ms-text-size-adjust: 100%; /* 3 */
    -webkit-text-size-adjust: 100%; /* 3 */
    font-size:16px;
    color:#262626;
    width:100%;
    height:100%;


}

body {
    margin: 0;
    width:100%;
    height:100%;
    position:relative;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;

}

html,body,p,h1,h2,h3,h4,h5,h6,menu,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select,hr{margin:0;padding:0;}
input,textarea,select,button,table{font-size:1em;}
img,fieldset{border:0}
img, input, select {vertical-align:top;}
em,address,i {font-style:normal}
a{text-decoration:none; color:#333;}
a:link, a:visited, a:active, a:focus {text-decoration:none}
button{display:inline-block;overflow:hidden;border:0;background:none;cursor:pointer}
table {border-collapse:collapse;border-spacing:0}
td {word-break:break-all;word-wrap:break-word}
submit{display:inline-block;overflow:hidden;border:0;background:none;cursor:pointer}
textarea:focus, input[type=text]:focus{outline:0}
caption { display: block; height: 1px; overflow: hidden; line-height: 0; margin-top: -1px; color: transparent; }
textarea {resize:none; vertical-align:middle;}

/*input{-webkit-border-radius:0;-webkit-appearance:none;}*/
ol, ul, ul li{list-style:none}

.hide {position:absolute; overflow:hidden; top:-9999px; left:-9999px; width:0; height:1px; font-size:0; line-height:0; text-indent:-10000px;}
.none{display:none;}
.mgb10{margin-bottom:10px;}



/* 기본설정 */
[wid] {
    margin:0 auto;
    position:relative;
    -webkit-box-sizing : border-box;
    -khtml-box-sizing : border-box;
    -moz-box-sizing : border-box;
    -ms-box-sizing : border-box;
    -o-box-sizing : border-box;
    box-sizing : border-box;
}
[wid="true"] { width:980px; }



/* 기본설정 */
[reg] {
    margin:0 auto;
    position:relative;
    -webkit-box-sizing : border-box;
    -khtml-box-sizing : border-box;
    -moz-box-sizing : border-box;
    -ms-box-sizing : border-box;
    -o-box-sizing : border-box;
    box-sizing : border-box;
}
[reg="true"] { width:726px; }


/*//////////////////////////////////////////////
플로팅 메뉴
/////////////////////////////////////////////*/
.f_btn_box{position:fixed; right:50px; z-index:999; bottom:40px;}
.f_btn_box li{margin-bottom:4px;padding:0;}

/*//////////////////////////////////////////////
메인
/////////////////////////////////////////////*/

.info01_box{float:left; width:100%; background:url("/image/event/20180423/web/ssphoto_bg_pt.png");}
.info02_box{float:left; width:100%; background:#ffd158;}
.info03_box{float:left; width:100%; background:#bfeeff;}
.info04_box{float:left; width:100%; background:#bfeeff; position:relative;}
.info04_box a{position:absolute; display:block; width:373px; height:319px;float:left;text-indent:-10000px;}

.info04_box .btn01{left:107px; top:331px;}
.info04_box .btn02{left:500px; top:331px;}
.info04_box .btn03{left:107px; top:670px;}
.info04_box .btn04{left:500px; top:670px;}

.info05_box{float:left; width:100%; background:#ffd158;}

/*입력폼*/
.info_reg{float:left; width:100%; background:#ffd159; padding:80px 0 80px 0;}
.info_reg dl{float:left; width:100%; margin-top:10px; font-size:16px;  font-weight:bold;line-height:42px;}
.info_reg dt{float:left; width:140px;vertical-align:middle; line-height:}
.info_reg dd{float:left; width:585px; }



.info_reg dd input,select{
    float:left;background:#fff; border:1px solid #000000; height:42px; line-height:42px; vertical-align:middle; color:#000000;
    -webkit-box-sizing : border-box;
    -moz-box-sizing : border-box;
    box-sizing : border-box;
    padding:5px;
}


.info_reg textarea{
    float:left;background:#fff; border:1px solid #000000; height:142px; line-height:22px; vertical-align:middle; color:#000000;
    -webkit-box-sizing : border-box;
    -moz-box-sizing : border-box;
    box-sizing : border-box;
    padding:15px;
}


.info_reg .btn_reg input {
    float: left;
    width: 100%;
    text-align: center;
    background: #ff4268;
    color: #fff;
    font-size: 16px;
    border: 1px solid #a31047;
    line-height: 56px;
    vertical-align: middle;
    margin-top:24px;
}


.info_notice{float:left; width:100%; background:#fff;}

.copyright{width:1280px; text-align:center;padding:20px 0 60px 0;margin:0 auto;}

/*//////////////////////////////////////////////
카피라이트
/////////////////////////////////////////////*/
.copyright_area{float:left; width:100%; text-align:center;color:#fff;font-size:14px;}
.copyright_area .sns{float:left; width:100%;margin-bottom:25px;}
.copyright_area a{display:inline-block; padding:0 5px;}
.copyright_area img{width:60px;}
.copyright_area .info{float:left; width:100%; line-height:15px;}
.copyright_area .info a{color:#fff;}


/*//////////////////////////////////////////////
SNS아이콘
/////////////////////////////////////////////*/
.pop_share{float:left; width:100%; height:100%; background:rgba(0,0,0,0.5);position:relative;}
.pop_share .outer{width:100%; height:100%;display:table; text-align:center;}
.pop_share .outer .inner{width:100%; display:table-cell; vertical-align:middle;}
.pop_share .outer .inner .sns{float:left; width:100%;}
.pop_share .outer .inner .sns a{display:inline-block; padding:0 3px;}
.pop_share .outer .inner .btn_close{float:left; width:100%;margin-top:20px;}