@charset "UTF-8";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@font-face{
font-family:"Nanum Gothic";
src:url('/include/NanumGothic.eot');
src:url('/include/NanumGothic.eot?#iefix') format('embedded-opentype'),
url('/include/NanumGothic.woff') format('woff'),
url('/include/NanumGothic.ttf') format('truetype');
url('/include/NanumGothic.svg#NanumGothic') format('svg')
src:local(※), url('/include/NanumGothic.woff') format('woff');
}
a {outline:none; selector-dummy:expression(this.hideFocus=true)}

/* base style */
body {position:relative;-webkit-text-size-adjust:none}
header, footer, section, article, aside, nav, hgroup, details, menu, figure, figcaption {display:block}
html {overflow-y:scroll}
html, body {width:100%;height:100%;margin:0 auto;padding:0;font-size:12px;line-height:150%;font-family:'Nanum Gothic', '나눔고딕';-webkit-text-size-adjust:none;color:#7d7d7d;font-weight:normal}
p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,img{margin:0;padding:0}
h1,h2,h3,h4,h5,h6 {font-weight:normal}
ul, ol, li {list-style:none}
img, fieldset, iframe {border:0 none}
table{border-collapse:collapse}
a:link,a:active, a:visited {text-decoration:none;cursor:pointer}
a {text-decoration:none}
a:hover {text-decoration:none;cursor:pointer}
caption, legend {display:none}
em,address{font-style:normal}
label {cursor:pointer}
select {padding:0 0 0 5px;font-size:13px}
a{outline:none;select-dummy:expression(this.hideFocus=true);}
/* base style */



#wrap{width:100%;min-width:720px; min-height:100%; position:relative; background:url('http://www.white2.net/images/new201407/story/story_intro_con_bg.png') ; background-position:center;overflow: hidden;}
#wrap .hidden{font-size:0;width:0;height:0;line-height:0;overflow:hidden;position:absolute;}

#wrap .header-wrap{width:100%; position:relative; top:0; left:0; z-index:2;height:555px;background-image:url('http://www.white2.net/images/new201407/story/m_story_top_bg.png');background-repeat:repeat-x;}
#wrap .header{position:relative;min-width:720px;width:720px;margin:0 auto;}
#wrap .header h2{width:100%; display:inline-block;  height:57px; margin-top:13px;;background-image:url('http://www.white2.net/images/new201407/story/m_story_main_logo.png');background-repeat:no-repeat;background-position:top center}
#wrap .header h2 a{display:block;width:100%;height:100%}
#wrap .header .light1{position:absolute;left:0;top:0;;z-index:1}
#wrap .header .light2{position:absolute;right:0;top:0;z-index:1}
#wrap .header-wrap .top_sns{position:absolute;padding:0;top:130px;left:50%;;z-index:2;margin-left:-315px;width:630px;height:60px;background-image:url('http://www.white2.net/images/new201407/story/m_story_main_sns_bg.png');background-repeat:no-repeat;}
#wrap .header-wrap .top_sns .facebook{position:relative;width:210px;height:60px;text-align:center;float:left}
#wrap .header-wrap .top_sns .facebook img{margin-top:3px;z-index:2}
#wrap .header-wrap .top_sns .instagram{position:relative;width:210px;height:60px;text-align:center;float:left}
#wrap .header-wrap .top_sns .instagram img{margin-top:6px;z-index:2}
#wrap .header-wrap .top_sns .kakaostory{position:relative;width:210px;height:60px;text-align:center;float:left}
#wrap .header-wrap .top_sns .kakaostory img{margin-top:4px;z-index:2}
.m_visual{width:100%;height:611px;position:absolute;background-image:url('/images/new201407/story/m_story_con_logo.png');background-repeat:no-repeat;top:98px;background-position:top center}

#wrap .cont-wrap{width:100%; height:100%; min-height:100%; min-width:720px;position:relative;margin-bottom:380px;z-index:9}
#wrap .cont-wrap .cont{width:100%; height:100%; min-width:720px; position:relative; margin:0 auto;margin-top:0;}

#wrap .footer-wrap{width:100%; background-image:url('http://www.white2.net/images/new201407/story/m_story_footer_bg.png');position:absolute; bottom:0; left:0; z-index:2;height:295px;}
#wrap .footer{position:relative;margin:0 auto; width:720px;height:295px}
#wrap .footer span{position:absolute;top:52px;left:50%;margin-left:-308px;background-image:url('http://www.white2.net/images/new201407/story/m_story_main_footer_call.png');background-repeat:no-repeat;text-indent:-99999px;width:617px;height:112px;}
#wrap .footer .foot_sns{position:absolute;width:500px;height:80px;top:190px;right:110px}
#wrap .footer .foot_sns ul{width:500px;height:36px}
#wrap .footer .foot_sns ul li{float:left;text-indent:-9999px}
#wrap .footer .foot_sns ul li a{display:block;width:100%;height:100%}
#wrap .footer .foot_sns ul li.n_blog{background-image:url('http://www.white2.net/images/new201407/story/m_story_main_footer_blog1.png');background-repeat:no-repeat;width:250px;height:80px}
#wrap .footer .foot_sns ul li.tistory{background-image:url('http://www.white2.net/images/new201407/story/m_story_main_footer_blog2.png');background-repeat:no-repeat;width:250px;height:80px}



/* 리스트 부분 */
.board_top { clear:both; display:inline-block; width:100%; }
.board_button { clear:both;height:30px;width:720px;margin:0 auto; padding-top:50px;}
.board_page { clear:both; text-align:center; height:100px;margin:15px 0 0 0; vertical-align:middle;color:#000000;line-height:100px;}
.board_page a{ color:#737373}
.board_search { text-align:center; margin:10px 0 0 0; }
.board_search .search_btn{width:40px;}
.board_search .stx {height:38px; border:1px solid #9A9A9A; border-right:1px solid #D8D8D8; border-bottom:1px solid #D8D8D8;width:300px }
.board_search .sfl{height:38px;width:100px}
.s_em{font-size:14px; text-decoration:none;box-shadow:1px 1px 1px #cccccc; background-color:#e0e0e0;text-align:center;line-height:21px;color:#000000;position:relative;;clear:both;padding:2px 6px;}
.board_list{position:relative;width:720px;margin:0 auto;min-width:720px}
.board_list ul li.one{float:left;width:720px}
.board_list .two{width:720px;height:360px;word-break:break-all;float:left;background-color:#fff}
.board_list .two ul{float:left}
.board_list .two ul li.ones{float:left;width:100%;height:360px;z-index:222222;}
.board_list .two ul li.ones img{position:relative;z-index:2;width:720px;height:360px}
.board_list .two ul li.twos{position:absolute;float:left;width:100%;height:360px;text-align:center;color:#ffffff;font-size:30px;line-height:50px;z-index:222222;}
.board_list .two ul li.threes{display:none;}
.board_list .two .four{width:95%;margin:0 auto;text-align:center;padding-top:290px;font-weight:900}
.board_list .two .four a{color:#ffffff}
.board_list .two2{width:720px;height:360px;word-break:break-all;float:left;background-color:#fff}
.board_list .two2 ul{float:left}
.board_list .two2 ul li.ones{float:left;width:100%;height:360px}
.board_list .two2 ul li.ones img{position:relative;z-index:2;width:720px;height:360px;z-index:222222;}
.board_list .two2 ul li.twos{position:absolute;float:left;width:100%;height:360px;text-align:center;color:#ffffff;font-size:30px;line-height:50px;z-index:222222}
.board_list .two2 ul li.threes{display:none;}
.board_list .two2 .four{width:95%;margin:0 auto;text-align:center;padding-top:290px;font-weight:900}
.board_list .two2 .four a{color:#ffffff}
.empty_board{width:332px;word-break:break-all;float:left}
.first{position:absolute;left:0;display:none}
.last{position:absolute;right:0;display:none}
/* 리스트 부분 */


/* 뷰 부분 */
#commentContents{position:relative;width:94%;margin:0 auto;height:100%;top:30px;}
#comment_write{margin-top:20px;position:relative;width:100%;height:100%}
#wr_content{width:570px;height:100px;border:1px solid #c8c8c8;}
#wr_secret{vertical-align:middle;line-height:20px;margin-left:10px}
.story_view_box{position:relative;width:720px;margin:0;padding:0;margin:0 auto}
.story_view_box .headers{width:100%;height:40px;background-color:#5bcac1;z-index:999}
.story_view_box .contents{position:relative;width:100%;background-color:#ffffff;padding-bottom:50px}
.story_view_box .in_contents{position:relative;margin:0 auto;line-height:18px;padding:30px 0;width:94%;white-space:normal;word-break:break-all;border-bottom:2px solid #beeae6}
.story_view_box .in_con{margin-top:30px;width:100%;margin-bottom:50px;}
.story_view_box .title{width:100%;height:31px;border-top:2px solid #beeae6;border-bottom:1px solid #beeae6}
.story_view_box .title .subject{line-height:31px;text-indent:11px;color:#666666;font-size:15px;float:left}
.story_view_box .title .date{line-height:31px;color:#666666;font-size:14px;float:right;margin-right:11px}
.ed{height:23px;line-height:20px;border:1px solid #dddddd}
.reply_submit{vertical-align: middle;}
.ment_hd{height:30px; background-color:#f2f2f2; clear:both; line-height:30px;border-top:1px solid #dddddd;color:#666666}
.ment_hd2{height:30px; background-color:#ffffff; clear:both; line-height:30px;border-top:1px solid #dddddd;color:#666666}
.re_img{float:left;margin-left:8px;}
.re_img img{margin-top:9px}
.re_name{color:#5bcac1;font-weight:bold;text-indent:11px;float:left}
.re_date{color:#999999; font-size:11px;float:left;margin-left:10px}
.re_sec{line-height:35px; word-break:break-all; overflow:hidden; clear:both;padding-left:10px;}
.re_sec2{line-height:35px; word-break:break-all; overflow:hidden; clear:both;padding-left:23px;}
.re_right_btns{float:right; margin-top:0;line-height:30px;vertical-align:top}
.co_con{float:left;height:100%;width:720px}
.ga_left{float:left}
.co_gue_view{float:left;width:100%;height:70px;}
.co_gue_view .step1{margin-top:35px;float:left;color:#999999}
.co_gue_view .step2{float:left;margin-left:10px;margin-right:10px;}
.co_gue_view .step3{margin-top:10px;float:left;height:50px}
.co_gue_view .step3 ul{width:150px;}
.co_gue_view .step3 ul li.one{height:25px;width:150px;float:left;color:#666666}
.co_gue_view .step3 ul li.two{height:25px;width:150px;;float:left}
.co_gue_view .submit_btn{position:absolute;right:0;margin-top:105px;}
.co_mem_view{float:left;width:100%;height:36px}
.co_mem_view .step1{float:left;margin-top:10px;}
.co_mem_view .step2{float:right}
.co_mem_view .sec_txt{line-height:20px;vertical-align:middle}
.prev_btn{position:relative;float:left;margin-left:10px;z-index:9}
.next_btn{position:relative;float:right;margin-right:10px;z-index:9}
.btns{float:right;margin-right:30px;margin-top:15px;position:relative;z-index:9999}
.go_blog{width:100%;text-align:center}
/* 뷰 부분 */

.pages_number{font-size:16px; text-decoration:none;font-weight:bold;box-shadow:3px 3px 3px #cccccc;background-color:#5bcac1;text-align:center;line-height:29px;color:#ffffff;position:relative;padding:5px 9px}



@media all and (min-width:940px){
#wrap{width:100%;min-height:100%; position:relative; background:url('http://www.white2.net/images/new201407/story/story_intro_con_bg.png') ; background-position:center;overflow: hidden;}
#wrap .hidden{font-size:0;width:0;height:0;line-height:0;overflow:hidden;position:absolute;}

#wrap .header-wrap{width:100%; position:relative; top:0; left:0; z-index:2;height:65px;background-image:url('http://www.white2.net/images/new201407/story/story_intro_top_bg.png');background-repeat:repeat-x}
#wrap .header{position:relative;min-width:1062px;width:1062px;margin:0 auto}
#wrap .header h2{width:100%; display:inline-block;  height:41px; margin-top:10px;;background-image:url('http://www.white2.net/images/new201407/story/story_intro_top_logo.png');background-repeat:no-repeat;background-position:top center}
#wrap .header .light1{position:absolute;left:0;top:0}
#wrap .header .light2{position:absolute;right:0;top:0}
#wrap .header-wrap .top_sns{position:absolute;padding:0;top:83px;left:50%;margin-left:-214px;width:429px;height:40px;background-image:url('http://www.white2.net/images/new201407/story/story_intro_sns_bg.png');background-repeat:no-repeat;}
#wrap .header-wrap .top_sns .facebook{position:relative;width:141px;height:40px;text-align:center;float:left}
#wrap .header-wrap .top_sns .facebook img{margin-top:2px;width:20px}
#wrap .header-wrap .top_sns .instagram{position:relative;width:148px;height:40px;text-align:center;float:left}
#wrap .header-wrap .top_sns .instagram img{margin-top:5px;width:32px}
#wrap .header-wrap .top_sns .kakaostory{position:relative;width:140px;height:40px;text-align:center;float:left}
#wrap .header-wrap .top_sns .kakaostory img{margin-top:2px;width:19px}
.m_visual{display:none}
#wrap .cont-wrap{width:100%; height:100%; min-height:100%; min-width:1104px;position: relative;margin-top:50px;margin-bottom:100px}
#wrap .cont-wrap .cont{width:1104px; height:100%; min-width:1104px; position:relative; margin:0 auto;margin-top:98px;}

#wrap .footer-wrap{width:100%; background-image:url('http://www.white2.net/images/new201407/story/story_intro_footer_bg.png');background-repeat:repeat-x;position:absolute; bottom:0; left:0; z-index:2;height:46px;}
#wrap .footer{position:relative;margin:0 auto; width:1062px;height:46px}
#wrap .footer span{position:absolute;top:15px;left:11px;;margin-left:0;background-image:url('http://www.white2.net/images/new201407/story/story_intro_footer.png');background-repeat:no-repeat;text-indent:-99999px;width:428px;height:16px;}
#wrap .footer .foot_sns{position:absolute;width:200px;height:36px;top:6px;right:192px}
#wrap .footer .foot_sns ul{width:200px;height:36px}
#wrap .footer .foot_sns ul li{float:left}
#wrap .footer .foot_sns ul li.n_blog{background-image:url('http://www.white2.net/images/new201407/story/story_intro_footer_blog1.png');background-repeat:no-repeat;width:134px;height:36px}
#wrap .footer .foot_sns ul li.tistory{background-image:url('http://www.white2.net/images/new201407/story/story_intro_footer_blog2.png');background-repeat:no-repeat;width:66px;height:36px}


/* 리스트 부분 */
.board_top { clear:both; display:inline-block; width:100%; }
.board_button { clear:both;height:30px;width:1000px;margin:0 auto; padding-top:50px;}
.board_page { clear:both; text-align:center; height:100px;margin:15px 0 0 0; vertical-align:middle;line-height:100px;;font-weight:normal}
.board_search { text-align:center; margin:10px 0 0 0; }
.board_search .search_btn{width:25px;}
.board_search .stx {height:23px; border:1px solid #9A9A9A; border-right:1px solid #D8D8D8; border-bottom:1px solid #D8D8D8;width:150px; }
.board_search .sfl{height:23px}
.s_em{font-size:14px; text-decoration:none;box-shadow:1px 1px 1px #cccccc; background-color:#e0e0e0;text-align:center;line-height:21px;color:#000000;position:relative;;clear:both;padding:2px 6px;}
.board_list{position:relative;width:1000px;margin:0 auto;min-width:1000px}
.board_list ul li.one{float:left;width:1000px}
.board_list .two{width:333px;height:306px;word-break:break-all;float:left;background-image:url('/skin/board/gallery/img/list_round2.png');background-repeat:no-repeat;background-color:#fff}
.board_list .two ul{float:left}
.board_list .two ul li.ones{float:left;width:331px;height:205px}
.board_list .two ul li.ones img{margin-left:1px;position:relative;z-index:2;width:331px;height:205px}
.board_list .two ul li.twos{position:relative;float:left;width:100%;height:50px;text-align:center;color:#666666;font-size:19px;line-height:50px;}
.board_list .two ul li.threes{display:block;float:left;width:100%;height:51px;line-height:51px;color:#5bcac1;font-weight:bold;text-align:center;font-size:20px;}
.board_list .two .four{width:95%;margin:0 auto;text-align:center;padding-top:5px;font-weight:500}
.board_list .two .four a{color:#666666}
.board_list .two2{width:334px;height:306px;word-break:break-all;float:left;background-image:url('/skin/board/gallery/img/list_round.png');background-repeat:no-repeat;background-color:#fff}
.board_list .two2 ul{float:left}
.board_list .two2 ul li.ones{float:left;width:334px;height:205px}
.board_list .two2 ul li.ones img{position:relative;z-index:2;width:334px;height:205px}
.board_list .two2 ul li.twos{position:relative;float:left;width:100%;height:50px;text-align:center;color:#666666;font-size:19px;line-height:50px;}
.board_list .two2 ul li.threes{display:block;float:left;width:100%;height:51px;line-height:51px;color:#5bcac1;font-weight:bold;text-align:center;font-size:20px;}
.board_list .two2 .four{width:95%;margin:0 auto;text-align:center;padding-top:5px;font-weight:500}
.board_list .two2 .four a{color:#666666}
.empty_board{width:332px;word-break:break-all;float:left}
.first{position:absolute;left:0;display:block}
.last{position:absolute;right:0;display:block}
/* 리스트 부분 */

.pages_number{font-size:14px; text-decoration:none;box-shadow:1px 1px 1px #cccccc;background-color:#5bcac1;text-align:center;line-height:21px;color:#ffffff;position:relative;padding:2px 6px}


/* 뷰 부분 */
#commentContents{position:relative;width:94%;margin:0 auto;height:100%;top:30px;}
#comment_write{margin-top:20px;position:relative;width:100%;height:100%}
#wr_content{width:100%;height:100px;border:1px solid #c8c8c8;}
#wr_secret{vertical-align:middle;line-height:20px;margin-left:10px}
.story_view_box{position:relative;width:1000px;margin:0;padding:0;margin:0 auto}
.story_view_box .headers{width:100%;height:40px;background-color:#5bcac1;z-index:999}
.story_view_box .contents{position:relative;width:100%;background-color:#ffffff;padding-bottom:50px}
.story_view_box .in_contents{position:relative;margin:0 auto;line-height:18px;padding:30px 0;width:94%;white-space:normal;word-break:break-all;border-bottom:2px solid #beeae6}
.story_view_box .in_con{margin-top:30px;width:100%;margin-bottom:50px;}
.story_view_box .title{width:100%;height:31px;border-top:2px solid #beeae6;border-bottom:1px solid #beeae6}
.story_view_box .title .subject{line-height:31px;text-indent:11px;color:#666666;font-size:15px;float:left}
.story_view_box .title .date{line-height:31px;color:#666666;font-size:14px;float:right;margin-right:11px}
.ed{height:23px;line-height:20px;border:1px solid #dddddd}
.reply_submit{vertical-align: middle;margin:0}
.ment_hd{height:30px; background-color:#f2f2f2; clear:both; line-height:30px;border-top:1px solid #dddddd;color:#666666}
.ment_hd2{height:30px; background-color:#ffffff; clear:both; line-height:30px;border-top:1px solid #dddddd;color:#666666}
.re_img{float:left;margin-left:8px;}
.re_img img{margin-top:9px}
.re_name{color:#5bcac1;font-weight:bold;text-indent:11px;float:left}
.re_date{color:#999999; font-size:11px;float:left;margin-left:10px}
.re_sec{line-height:35px; word-break:break-all; overflow:hidden; clear:both;padding-left:10px;}
.re_sec2{line-height:35px; word-break:break-all; overflow:hidden; clear:both;padding-left:23px;}
.re_right_btns{float:right; margin-top:0;line-height:30px;vertical-align:top}
.co_con{float:left;height:100%;width:940px}
.ga_left{float:left}
.co_gue_view{float:left;width:100%;height:70px;}
.co_gue_view .step1{margin-top:35px;float:left;color:#999999}
.co_gue_view .step2{float:left;margin-left:10px;margin-right:10px;}
.co_gue_view .step3{margin-top:10px;float:left;height:50px}
.co_gue_view .step3 ul{width:150px;}
.co_gue_view .step3 ul li.one{height:25px;width:150px;float:left;color:#666666}
.co_gue_view .step3 ul li.two{height:25px;width:150px;;float:left}
.co_gue_view .submit_btn{position:relative;float:right;margin-top:30px;}
.co_mem_view{float:left;width:100%;height:36px}
.co_mem_view .step1{float:left;margin-top:10px;}
.co_mem_view .step2{float:right}
.co_mem_view .sec_txt{line-height:20px;vertical-align:middle}
.prev_btn{position:relative;float:left;margin-left:10px;z-index:9}
.next_btn{position:relative;float:right;margin-right:10px;z-index:9}
.btns{float:right;margin-right:30px;margin-top:15px;position:relative;z-index:9999}
.go_blog{width:100%;text-align:center}
/* 뷰 부분 */



/* 적기 부분 */
.write_head { height:30px; text-align:center; color:#8492A0; }
.field { border:1px solid #ccc; }
.write_box{width:1000px;padding:0;position:relative;margin:0 auto;background-color:#ffffff;height:100%;}
.write_box ul{float:left}
.write_headers{width:1000px;height:40px;background-color:#5bcac1;z-index:99}
.title_is{font-size:18px;color:#fff;line-height:40px;text-align:center}
.write_left{width:100px;height:40px;border-bottom:1px solid #e7e7e7;float:left;text-align:center;line-height:40px}
.write_right{width:900px;height:40px;border-bottom:1px solid #e7e7e7;float:left;line-height:40px}
.write_col{width:1000px;border-bottom:1px solid #e7e7e7;float:left;padding-top:10px;padding-bottom:10px}
.write_left2{width:100px;height:50px;border-bottom:1px solid #e7e7e7;float:left;text-align:center;line-height:25px}
.write_right2{width:900px;height:50px;border-bottom:1px solid #e7e7e7;float:left;line-height:50px}
/* 적기 부분 */

}