/*@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);*/
/*font-family{"Noto Sans KR", sans-serif;}*/


/*헤더영역*/
html{float:left; width:100%;}
body{float:left; width:100%;height:100%;position:relative;} /*background-image:url(../../image/withmini/common/screen_bg.jpg); background-repeat:repeat-y; */

.header{float:left; width:100%;background:#2d2d2d;height:45px;position:fixed;top:0;z-index:999;}
.header .gnb_wrap{float:left;width:100%;}
.header .gnb_wrap .logo{float:left;margin:14px 0 0 35px;}

.header .gnb_wrap .menu{float:right;font-family:"Noto Sans KR", sans-serif;font-size:13px;}
.header .gnb_wrap .menu ul{float:left;}
.header .gnb_wrap .menu li{float:left;padding:0 20px;display:block;color:#fff;height:45px;cursor: pointer;line-height:45px; vertical-align: middle;width:auto;}
.header .gnb_wrap .menu li:hover{background:#3e3e3e;}
.header .gnb_wrap .iwd_sel{background:#007ec6;}
.header .gnb_wrap .iwd_sel:hover{background:#0082b4;}
.header .gnb_wrap .ias_sel{background:#3fa980;}
.header .gnb_wrap .ias_sel:hover{background:#31956e;}





/************레이아웃************/

/*컨텐츠 영역*/
.container{float:left;width:100%; position: relative;}
/*.container_talk{float:left;background-image:url('../../image/withmini/withmini_bg.jpg');width:100%;position:absolute; height:100%;}*/



/*왼쪽 메뉴영역*/
/*왼쪽 메뉴 가로 220px*/
/*.left_wrap{float:left;width:179px;padding:0 20px;background:#fff; height:100%;}*/
.left_wrap{float:left;width:179px;padding:0 20px;background:#fff; height:100%;position:fixed; left:0; top:45px; z-index:99;}

/*로그인정보*/
.login_info{float:left; width:177px; border:1px solid #dadbde; margin:20px 0 20px 0;}
.login_info dl{float:left; text-align: center;}
.login_info dt{float:left; width:100%;border-bottom:1px solid #dadbde;vertical-align: middle;line-height:46px;font-weight: 600;font-family:"Noto Sans KR", sans-serif;font-size:14px;color:#4d4d4d;}
.login_info dd{float:left;width:88px;border-right:1px solid #dadbde;height:29px;line-height: 29px;vertical-align: middle;color:#dadbde;display: block;padding-top:1px;}
.login_info dd:last-child{border-right:0 none;}
.login_info dd a{color:#8e95a2;text-decoration: none;}
.login_info dd a:hover{color:#3d4553;text-decoration: none;}


/*아이웨딩 톡*/
.banner_iwd_talk{float:left;background:url('../../image/withmini/common/banner_iwd_talk.jpg');width:179px; height:53px;margin-bottom:20px;display:block;position:relative}
.talk_badge{
	position: absolute;
	left:100px; 
	top:20px;
	background:#fff;
	color:#ff6998;
	font-size:11px;
	font-family:tahoma,verdana, serif;
	padding:3px 4px 4px 5px; 
	line-height:10px; 
	height:10px; 
	vertical-align: middle;
	border-radius: 100px;
	text-align:center;
	font-weight: normal;
	margin-top:-2px;
	letter-spacing: 0.1em;
	box-shadow: 2px 2px 5px #ff6998;
	
	
}


/*메뉴*/
.menu{float:left; margin-bottom:10px;}
.menu ul{float:left; width:100%;margin-bottom:20px;}
.menu .title{border-bottom:2px solid #999999;font-size:14px;line-height:24px;vertical-align: top;height:24px;color:#333333;padding:0;margin-bottom:5px;font-weight:500;font-family:"Noto Sans KR", sans-serif;padding-bottom:5px;}

.menu li{float:left; width:100%;border-bottom:1px solid #dddddd; vertical-align: middle;line-height:16px;padding:9px 0 9px 0;display:block;}
.menu li a{float:left; width:100%;border-bottom:1px solid #dddddd; vertical-align: middle;line-height:16px;padding:9px 0 9px 0;display:block;}

.menu div{float:left;color:#767676;}


.menu .menu_badge{
	margin-left:3px;
	float:left;
	background:#fc5689;
	color:#fff;
	font-size:11px;
	font-family:tahoma,verdana, serif;
	padding:3px 4px 4px 5px; 
	line-height:10px; 
	height:10px; 
	vertical-align: middle;
	border-radius: 100px;
	text-align:center;
	font-weight: normal;
	margin-top:-2px;
	letter-spacing: 0.1em;
		
}

.iwd_contact{float:left; width:100%;font-family:"Noto Sans KR", sans-serif;}
.iwd_contact p{float:left; width:100%; font-size:15px; font-weight:600; color:#666666;margin-bottom:7px;}
.iwd_contact p img{margin-left:5px;vertical-align: middle;}
.iwd_contact li{float:left; width:100%; color:#ababab; line-height:20px; margin-bottom:5px;font-size:13px;}
/*본문영역 가로 880px*/





/* =====================================
================= 메인 =================
===================================== */
.main_wrap {
	display: block;
	width:100%;
	position: relative;
	margin:0 auto;
    padding:0;
	background-color: #fff;
}

.list_banner {
    /* height:618px; 원래 이미지 사이즈*/
	height:598px;
}

.item_baner {
    text-align: center;
}

.item_baner img {vertical-align: top; border:0; margin-top:-20px;}





.flick_pg {
    font-size:0;
    line-height:0;
    position: absolute;
    top:106px;
    right:0;
    z-index: 2001;
}

.flick_pg > span.on {
    background:#fff;
}

.flick_pg > span {
    width:10px;
    height:10px;
    margin:0 5px;
    background:#fff;
}

.flick_pg > span {
    display:inline-block;
    overflow:hidden;
    width:12px;
    height:12px;
    margin:1px 3px;
    color:transparent;
    font-size:0;
    border-radius:50%;
    vertical-align: top;
    background:rgba(255, 255, 255, 0.25)
}

.u_hc {
    position: absolute;
    clip:rect(0 0 0 0);
    width:1px;
    height:1px;
    margin:-2px;
    overflow:hidden;
}





.m_logo {
	position: absolute;
	top:38px;
	left:0;
	z-index: 2002;
	
}

.m_logo a {
	display: block;
	background:url(../../image/withmini/common/iwdb_main_logo.png) no-repeat;
	background-size: 131px 25px;
	width:131px;
	height:25px;
	text-indent: -999em;
}




.btn_m_t {
	position: absolute;
	top:20px;
	right:0;
	z-index: 2003;
}

.btn_m_t span {
	float:left;
	margin-left:10px;
}

.m_v_btn_box {
	width:135px;
	height:42px;
	line-height: 42px;
	border:1px solid #fff;
	box-sizing: border-box;
	color:#fff;
	font-size: 15px;
	font-family:'Noto Sans KR', sans-serif;
	font-weight: 400;
	letter-spacing:0.01em;

}

.member_count {
    position: absolute; 
    top:195px; 
    right:596px; 
    color:#fff; 
    font-size:29px;
    font-weight: 100;
    font-family: HelveticaNeue-Light,AppleSDGothicNeo-Light,sans-serif; 
    letter-spacing: 0.5px;
}





/*
.main_login_box {
    display: block;
    padding:50px 0 0 0;
}
*/

.main_title {
	background:url(../../image/withmini/iwdb_main_title.png) no-repeat;
	background-size:528px 34px;
	width:528px;
	height:34px;
	margin:0 auto;
	text-align:center;
	text-indent: -999em;
}

.list_shor {
    overflow: hidden;
    padding:40px 75px;
	width:940px;
	margin:0 auto;
	box-sizing: border-box;
}

.item_shor {
    width:33.333333%;
    float:left;
    text-align:center;
    margin-top:12px;
}

.link_shsor {
	background:url(../../image/withmini/main_login_btn.png) no-repeat;
	background-size:225px auto;
	width:225px;
	height:70px;
	display: block;
	text-indent: -999em;
	margin:0 auto;
}

.link_shsor.login_w {background-position: 0 0;}
.link_shsor.login_h {background-position: 0 -80px;}
.link_shsor.login_j {background-position: 0 -160px;}







/* Add */
.main_title {margin-top:80px;}

.main_login_box {width:460px; margin:0 auto 150px;  display: table;margin-top:43px}
.main_login_box .main_btnbox:after {display: block; content:''; clear: both;}
.main_login_box .main_btnbox li {float: left;width:50%;position:relative}
.main_login_box .main_btnbox li.loginbox {text-align: left;}
.main_login_box .main_btnbox li.loginbox:after {position:absolute; top:0; bottom:0; right:0; background-color:#C9C9C9; width: 1px; content:'';}
.main_login_box .main_btnbox li.joinbox {text-align: right;}

.main_login_box .main_btnbox p {font-size: 24px;font-family:'Noto Sans KR', sans-serif;color: #555555; margin-top: 18px;letter-spacing: -0.05em; width:140px; text-align:  center; display: inline-block;}
.main_login_box .main_btnbox li a {display: block; text-decoration:none;}