@charset 'utf-8'; 

* {box-sizing:border-box; margin:0; padding:0;}
body {color:#333; font-family:'Malgun Gothic','맑은 고딕',sans-serif; line-height:1.1;}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {display:block;}
a {background-color:transparent; color:inherit; text-decoration:none;}
a:active, a:hover {outline:0;}
audio, canvas, progress, video {display:inline-block; vertical-align:baseline;}
blockquote, q {quotes:none;}
table {border-spacing:0;}
legend,caption {display:none; clear:both;}
ol, ul {list-style:none;}
button, input, optgroup, select, textarea {border-radius:0; background:none; font-size:100%; appearance:none; -webkit-appearance:none; -moz-appearance:none;}
button, input[type=button], input[type=submit], input[type=reset], input[type=image], label {border-style:none; cursor:pointer; -webkit-appearance:none; -moz-appearance:none; appearance:none;}
img {outline:0; border:0; vertical-align:top;}
fieldset {border:0;}
input, textarea {overflow-y:auto; width:100%; border:1px solid #DEDEDE; background-color:#FFFFFF; color:inherit; resize:none;}


.skip {position:absolute; overflow:hidden; clip:rect(0 0 0 0); margin:-1px; padding:0; width:1px; height:1px; border:0;}
.hide_ {display:inline-block; overflow:hidden; text-indent:100%; white-space:nowrap;}
.btn_txt {position:relative;}


/******************
	familyphoto_wrap
*******************/
.familyphoto_wrap a {background-color:transparent; color:inherit; text-decoration:none;}
.familyphoto_wrap a:active, .familyphoto_wrap a:hover, .familyphoto_wrap a:link,.familyphoto_wrap a:visited {outline:0; color:inherit;}
.familyphoto_wrap button {outline:0; border:0; border-radius:0; background:none; font-size:100%; cursor:pointer; appearance:none; -webkit-appearance:none; -moz-appearance:none;}

/* familyphoto_wrap */
.familyphoto_wrap {margin:0 auto; width:100%;}
.familyphoto_wrap * {box-sizing:border-box; font-family:'Noto Sans KR', sans-serif;}
.familyphoto_wrap .wrap {margin:0 auto; width:920px; height:100%; background-position:top center; background-repeat:no-repeat;}


/* fp_visual_box */
.fp_visual_box {height:947px; background-color:#123C84;}
.fp_visual {background:url(../../../image/event/familyphoto/180601/visual_img01.jpg) no-repeat;}


/* fp_info_box */
.fp_info_box {height:837px; background-color:#F0F5FB;}
.fp_info {background:url(../../../image/event/familyphoto/180601/visual_img02.jpg) no-repeat;}

/* fp_benefit_box */
.fp_benefit_box {height:2850px; background-color:#fff;}
.fp_benefit {background:url(../../../image/event/familyphoto/180601/visual_img03.jpg) no-repeat;}

/* fp_joinway_box */
.fp_joinway_box {height:1898px; background-color:#D5E1ED;}
.fp_joinway {position:relative; background:url(../../../image/event/familyphoto/180601/visual_img04.jpg) no-repeat;}
.fp_joinway .account_btn {position:absolute; top:589px; left:227px; display:inline-block; overflow:hidden; width:466px; height:64px; text-indent:100%; white-space:nowrap;}


/* fp_instargram_box */
.fp_instargram_box {height:1160px; background-color:#fff;}
.fp_instargram img {display:block; margin:0 auto; padding-top:70px;}

.fp_formbox {height:836px; background-color:#F4F4F4;}
.fp_form {background:url(../../../image/event/familyphoto/180601/visual_img06.jpg) no-repeat;}

.fp_input_wrap {margin:0 auto; padding:60px 20px 0; width:640px;}

.fp_inputbox .fp_labelbox, .fp_inputbox input {display:table-cell; vertical-align:middle; font-weight:400; font-family:'Noto Sans KR', sans-serif;}
.fp_inputbox {display:table; margin-bottom:12px; width:100%; height:72px; border:1px solid #3B3B3B; background-color:#fff;} 
.fp_labelbox {display:table-cell; width:28%; vertical-align:middle;}
.fp_inputbox label {padding-left:23px; color:#ABABAB; vertical-align:middle; letter-spacing:0.01em; font-size:26px;}
.fp_inputbox input {padding:0 10px; width:100%; height:100%; border-style:none; font-size:28px; font-family:'Noto Sans KR', sans-serif; cursor:pointer; -webkit-appearance:none; -moz-appearance:none; appearance:none;}

.fp_btnbox {margin:273px auto 0; width:600px;}
.fp_btnbox a, .fp_btnbox button {display:block; margin-bottom:13px; height:100%; outline:0; border:0;}
.fp_btnbox .fp_save_btn {display:inline-block; overflow:hidden; width:600px; height:90px; background:url(../../../image/event/familyphoto/180601/save_btn.png); text-indent:100%; white-space:nowrap;}

.fp_reftxtbox {height:481px; background-color:#fff;}
.fp_reftxt {background:url(../../../image/event/familyphoto/180601/ref_txt.png) no-repeat;}
.fp_btmbox img {display:block; margin:0 auto;}

/******************
	// familyphoto_wrap
*******************/


/******************
	fp_gallery_wrap
*******************/
.fp_gallery_wrap {overflow:hidden; margin:0 auto; padding-bottom:70px; width:100%; background-color:#F4F4F4;}
.fp_gallery_wrap * {box-sizing:border-box; margin:0; padding:0;}
.fp_gallery_wrap a.fp_boast_btn {display:inline-block; margin:0 auto; background-color:transparent; color:#fff; text-align:center; text-decoration:none; letter-spacing:-0.02em; font-weight:400; font-size:30px; font-family:'Noto Sans KR', sans-serif}
a.fp_boast_btn:active, a.fp_boast_btn:hover {outline:0; text-decoration:none;}
.fp_gallery_wrap .btnbox {display:table; margin:0 auto;}

.fp_gallery_visualbox {position:relative;margin:0 auto; width:1280px; height:520px; background-position:0 0; background-repeat:no-repeat;}
.fp_gallery_visualbox .imgbox img {margin-left:-320px;}

/* event */
.fp_gallery_wrap.eventboard_wrap {width:920px;}


.fp_gallery_visualbox a.fp_boast_btn {width:350px; height:60px; border:3px solid #fff; line-height:54px;}
.fp_gallery_visualbox .btnbox { position:absolute; position:absolute; top:317px; top:317px; width:100%; text-align:center;}

.fp_gallerylist_wrap {margin:40px auto 43px; width:1280px;}
ul.fp_gallerylist_box {display:block; width:100%; list-style:none;}
ul.fp_gallerylist_box:after {display:block; clear:both; content:'';}
ul.fp_gallerylist_box > li {display:inline-block; float:left; margin-bottom:16px; width:200px; height:172px;vertical-align:top;}
ul.fp_gallerylist_box > li:not(:nth-of-type(6n)) {margin-right:16px;}

ul.fp_gallerylist_box > li a {display:block;}
ul.fp_gallerylist_box > li a {border:1px solid #dbdad7;background-color:#dbdad7;}
ul.fp_gallerylist_box > li a img {overflow-y:hidden; min-height:170px; max-height:170px;width:100%; height:100%;}
ul.fp_gallerylist_box > li a:hover {border-color:#000; background-color:#000;}


.fpbtm_btnbox {margin:50px auto 0; text-align:center;}
.fpbtm_btnbox a.fp_boast_btn {width:350px; height:70px; background-color:#333333; line-height:70px;}


/* fp_gallerypop_wrap */
.fp_gallerypop_wrap {position:fixed; top:0; z-index:2500; min-width:1920px; width:100%; height:100%; background-color:rgba(0, 0, 0, .6);}

.pop_cls_top {position:fixed; top:30px; right:4%; z-index:5000; background-color:transparent;}
.pop_cls_top .hide_ {display:inline-block; width:28px; height:28px; background:url(../../../image/event/familyphoto/180601/pop_cls_btn.png) top center/100% no-repeat;}

.fp_pop_btnbox a {position:fixed; top:50%; z-index:5000; display:inline-block; overflow:hidden; margin-top:-22px; width:23px; height:45px; background-position:0 0; background-repeat:no-repeat; vertical-align:top; font-size:0; line-height:1;}

.slide_prev_btn {left:4%; background-image:url(../../../image/event/familyphoto/180601/prev_ico.png);}
.fp_pop_btnbox a:hover {background-position:0 -55px;}
.slide_next_btn {right:4%; background-image:url(../../../image/event/familyphoto/180601/next_ico.png);}

.gallery_imgbox {width:100%; height:100%;}
.fp_gallerypop_wrap .popup_wrap {position:relative; top:0; left:0; z-index:3000; display:table; width:100%; height:100%;}
.fp_gallerypop_wrap .popup_wrap .popupbox{display:table-cell; vertical-align:middle; text-align:center;}
.fp_gallerypop_wrap .popupbox .popupcont{z-index:3000; display:inline-block; box-sizing:border-box;}
.fp_gallerypop_wrap .gallery_box {display:block; margin:0 auto; padding:30px 40px 50px; max-width:630px;background-color:#fff;}
.fp_gallerypop_wrap .gallery_box .g_subbox {max-width:100%;width:100%;}
.fp_gallerypop_wrap .gallery_box .g_subbox img {max-width:100%; max-height:60vh}

.fp_gallerypop_wrap .gallery_box .g_subbox .top_cont {margin-bottom:15px; color:#505050; text-align:left;letter-spacing:-0.03em; font-weight:300; font-size:12px; font-family:'Dotum', 'sans-serif';}
.fp_gallerypop_wrap .gallery_box .g_subbox .top_cont .date {float:left; color:#505050;}
.fp_gallerypop_wrap .gallery_box .g_subbox p.now {display:inline-block; float:right; color:#888888; text-align:right; letter-spacing:-0.01em;font-size:12px; font-family:'Nanum Gothic', sans-serif;}
.fp_gallerypop_wrap .gallery_box .g_subbox .top_cont .now span {color:#000000; font-weight: 700;}

.fp_gallerypop_wrap .gallery_box .cont_box  {margin:0 auto;width:100%; }
.fp_gallerypop_wrap .gallery_box .cont_box {margin-top:24px; color:#121212; text-align:left;letter-spacing:-0.02em; font-weight:300; font-size:12px; font-family:'Dotum', sans-serif; line-height:2;}
.fp_gallerypop_wrap .gallery_box .top_cont:after {display:block; clear:both;content:'';}

.gallery_box .pop_tag {margin-top:30px;padding-top:10px; border-top:1px solid #EDEDED; color:#B0B0B0; text-align:left; font-size:12px; font-family:'Dotum', sans-serif;}
.gallery_box .pop_tag .title {margin-right:9px; color:#575656; letter-spacing:0.08em;font-weight:600;}
.gallery_box .pop_tag p {display:inline-block;}
/******************
	// fp_gallery_wrap
*******************/