@charset "utf-8";
body{background:#000 !important;}
.icons{overflow:hidden;display:inline-block;background-image:url("./images/icons.png");background-repeat:no-repeat;background-size:500px 500px;vertical-align:middle;}
.displaynone{display:none !important;}
.font_chn{display:inline-block;margin-right:3px;font-style:normal !important;font-family:dotum !important;}
/* ==================================== view ==================================== */
#mobilecard_view{position:relative;left:0;top:0;margin:0 auto;width:100%;max-width:640px;background:#fff;}
#mobilecard_view img{max-width:100%;/*image-rendering: -moz-crisp-edges;image-rendering: -o-crisp-edges;image-rendering: -webkit-optimize-contrast;image-rendering: crisp-edges;-ms-interpolation-mode: nearest-neighbor;*/}
#mobilecard_view .icon1{width:5px;height:5px;}
#mobilecard_view .icon2{width:176px;height:36px;background-position:-8px 0;}
#mobilecard_view .icon3{width:5px;height:5px;background-position:-187px 0;}
#mobilecard_view .icon4{width:3px;height:57px;background-position:-195px 0;}
#mobilecard_view .icon5{width:8px;height:5px;background-position:-200px 0;}
#mobilecard_view .icon8{width:17px;height:1px;background-position:-315px 0;}
#mobilecard_view a.btn_more{display:block;clear:both;margin:0 auto;width:93.75%;height:35px;line-height:35px;background:#8e6e55;font-size:10px;font-size:0.625em;color:#fff;text-align:center;}
#mobilecard_view a.btn_more .icon5{margin-right:5px;}
#mobilecard_view > header{overflow:hidden;position:absolute;width:0;height:0;font-size:0;}
#mobilecard_view article{position:relative;left:0;top:0;margin:0 auto;}
/* 예식정보 */
#mobilecard_view .content1{background:#fff;}
#mobilecard_view .content1 .mainimg{}
#mobilecard_view .content1 .mainimg img{width:100%;height:auto;}
#mobilecard_view .content1 .content1_2{padding:30px 0;}
#mobilecard_view .content1 .weddingdate{margin:0 auto 50px;font-size:21px;font-size:1.3125em;color:#8e6d55;text-align:center;text-transform:uppercase;}
#mobilecard_view .content1 .content1_2 .name{margin-bottom:35px;font-size:23px;font-size:1.4375em;color:#8e6d55;text-align:center;}
#mobilecard_view .content1 .content1_2 .name .icon1{margin:0 5px;}
#mobilecard_view .content1 .content1_2 .namegroom{}
#mobilecard_view .content1 .content1_2 .namebride{}
#mobilecard_view .content1 .content1_2 .weddingplace{line-height:1.5;font-size:14px;font-size:0.875em;color:#5d5b56;text-align:center;}
#mobilecard_view .content1 .content1_2 .weddingplace .icon8{display:block;margin:0 auto 15px;}
#mobilecard_view .content1 .content1_2 .date{}
#mobilecard_view .content1 .content1_2 .place{}
/* 인사말 */
#mobilecard_view .content2{padding:58px 0 0;background:#b9b9b9;}
#mobilecard_view .content2 .icon2{display:none;margin:0 auto 40px;}
#mobilecard_view .content2 .icon3{display:inline-block !important;margin:0 5px;}
#mobilecard_view .content2 .greetings{margin:0 auto 40px;width:90%;line-height:1.7;font-size:15px;font-size:0.9375em;color:#fff;text-align:center;}
#mobilecard_view .content2 .greetings2{margin:0 auto;padding:0 0 30px;width:90%;line-height:1.7;font-size:14px;font-size:0.875em;color:#fff;text-align:center;}
#mobilecard_view .content2 .designation{font-size:12px;}
#mobilecard_view .content2 .designation1{color:#466d9d;}
#mobilecard_view .content2 .designation2{color:#8b5789;}
#mobilecard_view .content2 .namecouple{margin:0 auto;padding-bottom:60px;font-size:17px;font-size:1.0625em;color:#fff;text-align:center;}
#mobilecard_view .content2 .namecouple .namegroom{}
#mobilecard_view .content2 .namecouple .namebride{}
#mobilecard_view .content2 .nameparents{position:relative;left:0;top:0;margin:0 auto;padding-bottom:58px;width:90%;max-width:300px;font-size:15px;font-size:0.9375em;color:#fff;text-align:center;white-space:nowrap;}
#mobilecard_view .content2 .nameparents:after{clear:both;display:block;content:"";}
#mobilecard_view .content2 .nameparents span{display:block;}
#mobilecard_view .content2 .nameparents .icon4{position:absolute;left:50%;top:-10px;margin-left:-2px;}
#mobilecard_view .content2 .nameparents .namegroom{float:left;width:45%;}
#mobilecard_view .content2 .nameparents .namebride{float:right;width:45%;}
#mobilecard_view .content2 .nameparents .designation{margin-bottom:15px;}
#mobilecard_view .content2 .nameparents .name{}
/* 사진 */
#mobilecard_view .content3{padding:45px 0 15px;background:#3c3c3c;}
#mobilecard_view .content3 header{margin-bottom:20px;font-size:26px;font-size:1.625em;color:#8e6e56;text-align:center;}
#mobilecard_view .content3 .inner{margin:0 auto 6px;width:93.75%;}
#mobilecard_view .content3 .inner:after{clear:both;display:block;content:"";}
#mobilecard_view .content3 ul{}
#mobilecard_view .content3 li{}
#mobilecard_view .content3 li img{width:100%;}
#mobilecard_view .content3 li a{}
#photo_list_pager{}
#photo_list_pager a{float:left;display:block;width:20%;}
#photo_list_pager a:nth-child(5n+1){clear:both;}
#photo_list_pager a img{width:100%;}
/* 지도 */
#mobilecard_view .content4{padding:60px 0 20px;background:#fff;}
#mobilecard_view .content4 header{margin-bottom:20px;font-size:26px;font-size:1.625em;color:#8e6e56;text-align:center;}
#mobilecard_view .content4 .content4_1{position:relative;left:0;top:0;padding:0 3.125% 16px;}
#mobilecard_view .content4 .content4_1 .locationguide{margin-bottom:10px;line-height:1.5;font-size:12px;font-size:0.75em;color:#5d5b56;text-align:center;}
#mobilecard_view .content4 .content4_1 .locationguide1{}
#mobilecard_view .content4 .content4_1 .locationguide2{}
#mobilecard_view .content4 .content4_1 .locationguide3{}
#mobilecard_view .content4 .content4_1 .mapbox{height:290px;border:solid 1px #b2b2b2;}
.location_btns{padding:10px 0 0;}
.location_btns:after{clear:both;display:block;content:"";}
.location_btns a{display:block;padding:0 12px 0 30px;height:36px;line-height:36px;background-repeat:no-repeat;background-position:left 10px center;font-size:13px;font-size:0.8125em;color:#fff;white-space:nowrap;-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.location_btns .navermap{float:left;margin-right:1.5%;width:40%;background-image:url("./images/btn_navermap.png");background-color:#3560ab;background-size:13px 18px;}
.location_btns .naverbus{float:left;width:28.5%;background-image:url("./images/btn_naverbus.png");background-color:#3d3c3c;background-size:13px 14px;}
.location_btns .naversubway{float:right;width:28.5%;background-image:url("./images/btn_naversubway.png");background-color:#3d3c3c;background-size:14px 15px;}
#mobilecard_view .content4 .content4_2{position:relative;left:0;top:0;padding:15px 3.125%;background:#3d3d3c;}
#mobilecard_view .content4 .content4_2 dl{line-height:1.5;font-size:12px;font-size:0.75em;}
#mobilecard_view .content4 .content4_2 dt{color:#8e6e56;}
#mobilecard_view .content4 .content4_2 dt .icon1{margin-right:5px;}
#mobilecard_view .content4 .content4_2 dd{margin-bottom:12px;padding-left:11px;color:#fff;word-break:break-all;}
#mobilecard_view .content4 .content4_2 dl:last-child dd{margin-bottom:0;}
#mobilecard_view .content4 .content4_2 dd a{color:#fff;}
#mobilecard_view .content4 .map_popup{padding:20px;}
/* 축하글 */
#mobilecard_view .content5{padding:35px 0;}
#mobilecard_view .content5 header{margin-bottom:20px;font-size:18px;font-size:1.125em;color:#8e6e56;text-align:center;}
#mobilecard_view .content5 .content5_1{margin:0 auto 18px;width:93.75%}
#mobilecard_view .content5 .content5_1:after{clear:both;display:block;content:"";}
#mobilecard_view .content5 .content5_1 textarea{margin-bottom:5px;width:100%;border:solid 1px #cdcdcc;-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
#mobilecard_view .content5 .content5_1 div{overflow:hidden;max-width:33.333%;font-size:10px;font-size:0.625em;color:#5e5c57;white-space:nowrap;}
#mobilecard_view .content5 .content5_1 label{display:inline-block;padding:0 5px;height:26px;line-height:26px;}
#mobilecard_view .content5 .content5_1 input.textbox{padding:0 5px;width:90px;height:26px;line-height:26px;border:none;}
#mobilecard_view .content5 .content5_1 .name{float:left;margin-right:5px;height:26px;border:solid 1px #cdcdcc;}
#mobilecard_view .content5 .content5_1 .password{float:left;height:26px;border:solid 1px #cdcdcc;}
#mobilecard_view .content5 .content5_1 .btn_submit{float:right;}
#mobilecard_view .content5 .content5_1 .btn_submit input{padding:0 20px;height:26px;line-height:26px;background:#8e6e55;border-width:0;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;}
#mobilecard_view .content5 #board_list{clear:both;}
#mobilecard_view .content5 #board_list ul{margin:0 auto;width:93.75%}
#mobilecard_view .content5 #board_list li{margin-bottom:5px;padding:11px 20px;background:#9e8f85;font-size:10px;font-size:0.625em;color:#fff;}
#mobilecard_view .content5 #board_list li .name{float:left;margin-bottom:13px;}
#mobilecard_view .content5 #board_list li .date{float:right;position:relative;left:0;top:0;white-space:nowrap;}
#mobilecard_view .content5 #board_list li .date .cb_btns{position:absolute;right:100%;top:0;margin-right:10px;white-space:nowrap;z-index:5;}
#mobilecard_view .content5 #board_list li .date .cb_btns .btn_delete{position:absolute;right:0;top:0;color:#fff;}
#mobilecard_view .content5 #board_list li .date .cb_btns .inputpw{display:none;position:absolute;right:0;top:100%;width:150px;background:#fff;z-index:10;}
#mobilecard_view .content5 #board_list li .date .cb_btns .inputpw input,
#mobilecard_view .content5 #board_list li .date .cb_btns .inputpw a{display:block;float:left;padding:0;height:28px;line-height:28px;border:none;border-radius:0;font-size:12px;font-weight:700;text-align:center;}
#mobilecard_view .content5 #board_list li .date .cb_btns .inputpw .input_pw{width:90px;background:#fff;}
#mobilecard_view .content5 #board_list li .date .cb_btns .inputpw .input_sm{width:30px;background:#666;color:#fff;}
#mobilecard_view .content5 #board_list li .date .cb_btns .inputpw .btn_cancel{width:30px;}
#mobilecard_view .content5 #board_list li .comment{clear:both;line-height:1.6;}
#mobilecard_view .content5 #board_list .btn_more{background:#3e3c3c;}
/* 전화걸기 */
#mobilecard_view .content6{overflow:hidden;position:relative;left:0;top:0;background:#333;}
#mobilecard_view .content6:after{clear:both;display:block;content:"";}
#mobilecard_view .content6 ul{position:relative;left:0;top:0;width:50%;}
#mobilecard_view .content6 ul:after{content:"";position:absolute;left:0;top:0;width:100%;height:1000px;}
#mobilecard_view .content6 li{position:relative;left:0;top:0;height:100px;font-size:17px;font-size:1.0625em;color:#fff;z-index:5;}
#mobilecard_view .content6 li a{overflow:hidden;display:blocK;position:absolute;left:50%;top:50%;width:48px;height:48px;text-indent:-1000em;}
#mobilecard_view .content6 li a.tel{margin:-21px 0 0 -10px;}
#mobilecard_view .content6 li a.sms{margin:-21px 0 0 45px;}
#mobilecard_view .content6 li .icons{position:absolute;left:0;top:0;width:50px;height:50px;}
#mobilecard_view .content6 li a.tel .icons{background-position:-212px 0;}
#mobilecard_view .content6 li a.sms .icons{background-position:-264px 0;}
#mobilecard_view .content6 li > span{display:block;position:absolute;left:50%;top:50%;margin:-18px 0 0 -80px;line-height:1.3;}
#mobilecard_view .content6 .content6_groom{float:left;background:#486e9e;}
#mobilecard_view .content6 .content6_groom:after{background:#486e9e;}
#mobilecard_view .content6 .content6_bride{float:right;background:#8b588a;}
#mobilecard_view .content6 .content6_bride:after{background:#8b588a;}
/* 계좌번호 */
#mobilecard_view .content7{padding:30px 0;line-height:1.4;background:#666;font-size:13px;color:#ccc;text-align:center;}
#mobilecard_view .content7 .t{margin-bottom:15px;font-size:17px;color:#fff;opacity:.7;}
#mobilecard_view .content7 .c{position:relative;left:0;top:0;line-height:1.6;font-size:15px;opacity:.7;}
#mobilecard_view .content7 .c .btn_account_view{display:block;position:absolute;left:0;top:0;width:100%;height:100%;background:#666;z-index:10;}
#mobilecard_view .content7 .c .btn_account_view span{display:block;position:absolute;left:50%;top:50%;padding:5px 10px;border:solid 1px #fff;border-radius:5px;font-size:15px;color:#fff;white-space:nowrap;transform:translate(-50%, -50%);opacity:.8;z-index:10;}
/* 참석여부 */
#mobilecard_view .content8{padding:10px 0;line-height:1.4;background:#eee;font-size:13px;color:#333;text-align:center;}
#mobilecard_view .content8 header{padding:40px 0 30px;font-size:21px;color:#a97825;}
#mobilecard_view .content8_1{}
#mobilecard_view .content8_1 .txt1{margin-bottom:20px;line-height:1.5;font-size:16px;}
#mobilecard_view .content8_1 .txt2{font-size:14px;color:#999;}
#mobilecard_view .content8_2{padding:20px;}
#mobilecard_view .content8_2 label{display:none;}
#mobilecard_view .content8_2 .textbox,
#mobilecard_view .content8_2 select,
#mobilecard_view .content8_2 textarea{width:100%;background:#fff;border:solid 1px #fff;border-radius:0;font-size:14px;color:#3E3C3C;-webkit-appearance:none;-moz-appearance:none;appearance:none;}
#mobilecard_view .content8_2 .textbox,
#mobilecard_view .content8_2 select{padding:0 10px;height:46px;line-height:44px;}
#mobilecard_view .content8_2 textarea{padding:10px;line-height:1.4;}
#mobilecard_view .content8_2 .name,
#mobilecard_view .content8_2 .tel,
#mobilecard_view .content8_2 .select,
#mobilecard_view .content8_2 .textarea{margin:5px 0;}
#mobilecard_view .content8_2 .name,
#mobilecard_view .content8_2 .tel{float:left;width:50%;}
#mobilecard_view .content8_2 .name{padding-right:5px;}
#mobilecard_view .content8_2 .tel{}
#mobilecard_view .content8_2 .select{clear:both;}
#mobilecard_view .content8_2 .textarea{}
#mobilecard_view .content8_2 .submitbox{}
#mobilecard_view .content8_2 .submitbox .btn_submit{display:block;width:100%;height:52px;line-height:50px;background:#3E3C3C;border:solid 1px #3E3C3C;border-radius:0;font-size:14px;color:#fff;}
/* yerang */
#mobilecard_view .yerang{overflow:hidden;position:relative;left:0;top:0;height:60px;background:#111;}
#mobilecard_view .yerang .logo{overflow:hidden;float:left;margin:11px 0 0 3.125%;width:61px;height:18px;background:url("/cimg/basic/common/logo.svg") no-repeat;text-indent:-1000em;}
#mobilecard_view .yerang .btns{float:right;margin-right:3.125%;line-height:40px;white-space:nowrap;}
#mobilecard_view .yerang span,
#mobilecard_view .yerang a{display:inline-block;vertical-align:middle;}
#mobilecard_view .yerang a{font-size:13px;color:#a5a5a5;}
#mobilecard_view .yerang .yerang_url{}
#mobilecard_view .yerang .yerang_tel{}
#mobilecard_view .yerang .icon_bar1{margin:0 5px;height:11px;border-left:solid 1px #a5a5a5;}
/* ==================================== photo ==================================== */
#mobilecard_viewphoto{position:relative;left:0;top:0;margin:0 auto;width:100%;background:#3c3c3c;}
#mobilecard_viewphoto img{max-width:100%;/*image-rendering: -moz-crisp-edges;image-rendering: -o-crisp-edges;image-rendering: -webkit-optimize-contrast;image-rendering: crisp-edges;-ms-interpolation-mode: nearest-neighbor;*/}
#mobilecard_viewphoto > header{overflow:hidden;position:absolute;width:0;height:0;font-size:0;}
#mobilecard_viewphoto article{position:relative;left:0;top:0;margin:0 auto;width:100%;max-width:640px;}
/* list */
#mobilecard_viewphoto .contentbox1{padding:45px 0;}
#mobilecard_viewphoto .contentbox1 header{margin-bottom:20px;font-size:26px;font-size:1.625em;color:#8e6e56;text-align:center;}
#mobilecard_viewphoto .contentbox1 ul{overflow:hidden;margin:0 auto 6px;width:93.75%;}
#mobilecard_viewphoto .contentbox1 li{padding:0 0 15px;}
#mobilecard_viewphoto .contentbox1 li img{width:100%;height:auto;}
#mobilecard_viewphoto .contentbox1 li a{}
/* btns */
#mobilecard_viewphoto a.btn_close{display:block;margin:0 auto;width:93.75%;height:35px;line-height:35px;background:#8e6e55;font-size:10px;font-size:0.625em;color:#fff;text-align:center;}
/* */
#mobilecard_view .content2.default{padding:50px 0;}
#mobilecard_view .content2.default .greetings{margin:0 auto;}
/*       */
.mcid_194_cont1{margin:0 30px 30px;padding:20px;line-height:1.4;background:#b9b9b9;font-size:14px;font-weight:bold;text-align:center;}
/* ==================================== screen size ==================================== */
@media screen and (max-width:400px) {
	/* 지도 */
	.location_btns a{padding:0 10px 0 25px;background-position:left 7px center;font-size:11px;font-size:0.6875em;}
	/* 전화걸기 */
	#mobilecard_view .content6{}
	#mobilecard_view .content6 li{height:75px;font-size:13px;font-size:0.8125em;}
	#mobilecard_view .content6 li a{width:40px;height:40px;}
	#mobilecard_view .content6 li a.tel{margin:-19px 0 0 -15px;}
	#mobilecard_view .content6 li a.sms{margin:-19px 0 0 25px;}
	#mobilecard_view .content6 li .icons{width:40px;height:40px;background-size:400px 400px;}
	#mobilecard_view .content6 li a.tel .icons{background-position:-170px 0;}
	#mobilecard_view .content6 li a.sms .icons{background-position:-210px 0;}
	#mobilecard_view .content6 li > span{margin:-15px 0 0 -70px;}
}