@charset "euc-kr";
/* CSS Document */

/*Reset*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;}
/*HTML5 display-role reset for older browsers*/
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
body{line-height:1;}
ol,ul{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
table{border-collapse:collapse;border-spacing:0;}
body {-webkit-text-size-adjust:none}
body, input, textarea, select, button, table {font-family:'³ª´®°íµñ','NanumGothic','¸¼Àº °íµñ','Malgun Gothic','µ¸¿ò',Dotum,'±¼¸²',Gulim,Helvetica,sans-serif; font-size:14px;}
button, a {outline:none;}
em {font-style:normal;}

/* layout */
#wrap {}
#header {}
#container {}
#footer {}

/* common */
hr {display:none;}
input,button,img,label {vertical-align:middle;}
.blind {display:none;}

/* header */
#header h1 {display:none;}
.gnb {overflow:hidden; text-align:center;}
.gnb li {float:left; width:33.33%;}
.gnb li a {display:block; height:41px; background-image:url(/ggdiy/m/images/common/sp_gnb.png); background-repeat:no-repeat; background-size:100px 150px; text-indent:100%; white-space:nowrap; overflow:hidden; border-bottom:2px solid #ffcf00; border-left:1px solid #fff;}
.gnb li.on a {background-image:url(/ggdiy/m/images/common/sp_gnb_on.png); border-bottom:5px solid #554f41; height:38px;}
.gnb li:first-child a {border-left:none;}
.gnb .g1 {background-position:center 0}
.gnb .g2 {background-position:center -50px}
.gnb .g3 {background-position:center -100px}

/* top_area */

/* tab */
.ban_big img {display:block; width:100%}


.tab_evt {background-repeat:no-repeat; background-size:320px 300px; background-position:center top; height:43px; overflow:hidden; background-color:#ffcf00; background-image:url(/ggdiy/m/images/common/sp_tab.png);}
.event1 .tab_evt {background-position:center top}
.event2 .tab_evt {background-position:center -50px}
.event3 .tab_evt {background-position:center -100px}
.event4 .tab_evt {background-position:center -150px}
.event5 .tab_evt {background-position:center -200px}
.event6 .tab_evt {background-position:center -250px}
.tab_evt li {width:50%; float:left}
.tab_evt li a {height:43px; display:block; text-indent:100%; white-space:nowrap; overflow:hidden;}


/* sec_evt */
.sec_evt {text-align:center; overflow:hidden;}
.event1 .sec_evt {background-color:#554f41;}
.event2 .sec_evt {background-color:#ebebeb;}
.sec_evt h1 {padding:15px 0 0}
.sec_evt h2 {padding:10px 0;}
.event2 h1,
.event2 .prize {background-color:#fff; padding-bottom:15px}

.lst_btns {overflow:hidden; background:url(/ggdiy/m/images/common/bar_dotted.png) bottom center no-repeat; background-size:288px 3px; padding-bottom:10px}
.lst_btns {width:291px; margin:auto;}


.event2 .lst_btns {padding:10px 0;}
.event1 .lst_btns li {background-image:url(/ggdiy/m/images/evt1/sp_numb.png);}
.event2 .lst_btns li {background-image:url(/ggdiy/m/images/evt2/sp_test.png);}
.lst_btns li {float:left; width:89px;height:40px; background-repeat:no-repeat; background-size:180px 240px; margin:4px; text-indent:100%; white-space:nowrap; overflow:hidden;}
.lst_btns .n01 {}
.lst_btns .n02 {background-position:0 -40px}
.lst_btns .n03 {background-position:0 -80px}
.lst_btns .n04 {background-position:0 -120px}
.lst_btns .n05 {background-position:0 -160px}
.lst_btns .n06 {background-position:0 -200px}
.lst_btns .n07 {background-position:-90px 0}
.lst_btns .n08 {background-position:-90px -40px}
.lst_btns .n09 {background-position:-90px -80px}
.lst_btns .n10 {background-position:-90px -120px}
.lst_btns .n11 {background-position:-90px -160px}
.lst_btns .n12 {background-position:-90px -200px}

.detail li {background-position:center center; background-repeat:no-repeat; background-size:290px 137px; padding:10px 0; height:137px; text-indent:100%; white-space:nowrap; overflow:hidden; display:none}
.detail .n01 {background-image:url(/ggdiy/m/images/evt1/img_numb_01.png);}
.detail .n02 {background-image:url(/ggdiy/m/images/evt1/img_numb_02.png);}
.detail .n03 {background-image:url(/ggdiy/m/images/evt1/img_numb_03.png);}
.detail .n04 {background-image:url(/ggdiy/m/images/evt1/img_numb_04.png);}
.detail .n05 {background-image:url(/ggdiy/m/images/evt1/img_numb_05.png);}
.detail .n06 {background-image:url(/ggdiy/m/images/evt1/img_numb_06.png);}
.detail .n07 {background-image:url(/ggdiy/m/images/evt1/img_numb_07.png);}
.detail .n08 {background-image:url(/ggdiy/m/images/evt1/img_numb_08.png);}
.detail .n09 {background-image:url(/ggdiy/m/images/evt1/img_numb_09.png);}
.detail .n10 {background-image:url(/ggdiy/m/images/evt1/img_numb_10.png);}
.detail .n11 {background-image:url(/ggdiy/m/images/evt1/img_numb_11.png);}
.detail .n12 {background-image:url(/ggdiy/m/images/evt1/img_numb_12.png);}

.question {font-size:13px; text-align:left; line-height:1.4;}
.question>li {padding:15px; display:none}
.question dt {font-size:15px;}
.question dd {padding:10px 0 0;}
.question .hint p {display:none;}
.question input {appearance:none; -moz-appearance:none; -webkit-appearance:none; background:url(/ggdiy/m/images/evt2/sp_chk.png) no-repeat; background-size:27px 11px; width:12px; height:11px; display:inline-block; border:none; margin-left:0}
.question input:checked {background-position:-15px 0;}
.question ol {column-count:2; -moz-column-count:2; -webkit-column-count:2;}
.question ol li {padding:0;}

.question a {color:#56b6dc;}
/* cmt_area */
.sec_cmt {padding:10px 8px;}
.form_cmt {padding:10px 0; overflow:hidden; font-size:14px; display:none}
.form_cmt fieldset {position:relative; overflow:hidden;}
.form_cmt legend {display:none;}
.form_cmt li {margin-bottom:4px; padding:0 77px 0 67px; position:relative;}
.form_cmt li.w_full {padding-right:0;}
.form_cmt label {background-color:#f35d2b; display:inline-block; color:#fff; font-weight:bold; width:64px; text-align:center; padding:7px 0 8px;  position:absolute; left:0; border-radius:3px; }
.form_cmt input {border:1px solid #e5e5e5; border-radius:3px; padding:4px; width:100%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -webkit-appearance:none; }
.form_cmt select {border:1px solid #e5e5e5; border-radius:3px; padding:4px; width:100%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -webkit-appearance:none; }
.form_cmt button {width:73px; height:30px; background-color:#f35d2b; color:#fff; font-weight:bold; position:absolute; right:0; bottom:6px; border:none; border-radius:3px }


.lst_cmt {border-top:1px solid #2f2f2f; font-size:11px; line-height:15px;}
.lst_cmt li {padding:10px; border-bottom:1px solid #d3d3d3;}
.lst_cmt li strong,
.lst_cmt li em,
.lst_cmt li span {color:#9a9a9a; font-weight:normal;}
.lst_cmt li strong:after,
.lst_cmt li em:after {content:'|'; margin:0 8px;}


.page {text-align:center; font-size:11px; padding:15px 0}
.page a {text-decoration:none; color:#9a9a9a; display:inline-block; padding:0 2px;}
/*
.page a:after {content:'|'; padding-left:6px}
.page a:first-child:after {display:none;}
.page a:last-child:after {display:none;}
.page a:nth-child(11):after {display:none;}
*/


/* footer */
#footer {border-top:1px solid #b7b7b7;}
#footer .f_info {background-color:#e9e9e9; border-top:1px solid #d8d8d8; text-align:center; font-size:0.8em; color:#707070;}
#footer .f_info * {display:inline-block;}
#footer .f_info dt {margin-right:4px; position:relative; top:2px}
#footer .f_info dt:nth-of-type(2):before {content:'|'; margin:0 8px 0 0;}
#footer .copy {text-align:center; padding:12px 0 10px;}