@charset "utf-8";
/* CSS Document */

/**reset**/

* {
	font-family:HelveticaNeue-Light,AppleSDGothicNeo-Light,sans-serif;
    margin: 0; padding: 0;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

html {
    font-family:HelveticaNeue-Light,AppleSDGothicNeo-Light,sans-serif;
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
		overflow-x:hidden;
		position:relative;
}

body {
	font-size:15px; 
    font-family:HelveticaNeue-Light,AppleSDGothicNeo-Light,sans-serif;
	overflow-x:hidden;
    margin: 0; 
	line-height: 1.267em;
	color:#262626;
	font-weight:normal;
	position:relative;
	background:#e9ecef;
}

html,body,p,h1,h2,h3,h4,h5,h6,menu,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select,hr{margin:0;padding:0;}
input,textarea,select,button,table{font-size:1em;}
img,fieldset{border:0}
img, input, select {vertical-align:top;}
em,address,i {font-style:normal}
a{text-decoration:none; color:#333;}
a:link, a:visited, a:active, a:focus {text-decoration:none}
button{display:inline-block;overflow:hidden;border:0;background:none;cursor:pointer}
table {border-collapse:collapse;border-spacing:0}
td {word-break:break-all;word-wrap:break-word}
submit{display:inline-block;overflow:hidden;border:0;background:none;cursor:pointer}
textarea:focus, input[type=text]:focus{outline:0}
caption { display: block; height: 1px; overflow: hidden; line-height: 0; margin-top: -1px; color: transparent; }
textarea {resize:none; vertical-align:middle;}

input{-webkit-border-radius:0;-webkit-appearance:none;}
ol, ul, ul li{list-style:none}

.hide {position:absolute; overflow:hidden; top:-9999px; left:-9999px; width:0; height:1px; font-size:0; line-height:0; text-indent:-10000px;}

.none{display:none;}

.mgb10{margin-bottom:10px;}

/*//////////////////////////////////////////////
/////////////////////헤더/////////////////////
/////////////////////////////////////////////*/

.hd_logo_area{float:left; width:100%; background:#222222;  color:#fff; position:relative;height:43px;}

/*왼쪽메뉴영역*/
.hd_logo_area .tp_menu_left{float:left;width:30%;position:relative;}
.hd_logo_area .open_menu{
	float:left;
    background:url(../../../image/mobile/iwd_2017/top_ic_left_menu.png) no-repeat;
	background-size:22px 22px;
	background-position:center ;
	margin: 10px 0 0 11px;
	width:21px;
	height:21px;
	}

.hd_logo_area .iwd_logo{
	float:left;
	margin-left:14px;
	width:55px;
}
.hd_logo_area .iwd_logo img{
	width:100%;
}

@media only screen and (max-width:480px){
	.hd_logo_area .iwd_logo{
		position:absolute;
		margin-left:14px;
		width:55px;
		top:0; 
		left:30px;

	}
}

/*오른쪽메뉴영역*/
.hd_logo_area .tp_menu_right{float:right; width:70%;}
.hd_logo_area .tp_menu_right .t_menu_event{
	float:right;
    background:url(../../../image/mobile/iwd_2017/top_ic_event.png) no-repeat;
	background-size:21px 21px;
	background-position:center ;
	margin: 10px 11px 0 11px;
	width:21px;
	height:21px;
}
.hd_logo_area .tp_menu_right .t_menu_inquiry{
	float:right;
    background:url(../../../image/mobile/iwd_2017/top_ic_inquiry.png) no-repeat;
	background-size:21px 21px;
	background-position:center ;
	margin: 10px 0 0 11px;
	width:21px;
	height:21px;
}

.hd_logo_area .tp_menu_right .t_menu_search{
	float:right;
    background:url(../../../image/mobile/iwd_2017/top_ic_search.png) no-repeat;
	background-size:17.5px;
	background-position:top right; 
	border-bottom:1px solid #fff;
	margin:10px 0 0 0;
	width:70%;
	height:21px;

}


@media only screen and (min-width:480px) {
	.hd_logo_area .tp_menu_right .t_menu_search{
		float:right;
		background:url(../../../image/mobile/iwd_2017/top_ic_search.png) no-repeat;
		background-size:17.5px;
		background-position:top right;
		border-bottom:1px solid #fff;
		margin:10px 0 0 0;
		width:77%;
		height:21px;

	}
}


@media only screen and (max-width:320px){
	.hd_logo_area .tp_menu_right .t_menu_search{
		background:url(../../../image/mobile/iwd_2017/top_ic_search_320.png) no-repeat;
		background-size:21px 21px;
		background-position:center ;
		border-bottom:0 none;
		width:21px;
		height:21px;
	}
}


/*메뉴영역*/
.hd_menu_area{
	left:0; 
	color:#fff;
	float:left;
	width:100%;
    text-align:center;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
	background:#222222;
	font-size:15px;
	padding:14px 10px;
	display:table;
}

.hd_menu_area span{
	display:table-cell;
	line-height:14px;
	vertical-align:middle;
}

.hd_menu_area a{
	color:#fff;
	display:table-cell;
	line-height:14px;
	vertical-align:middle;
}



.hd_menu_area .on{
	color:#45e2ff;
}

/*메뉴영역-----------------신규*/
.hd_menu_area_new{
	left:0;
	color:#fff;
	float:left;
	width:150%;
	text-align:center;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	background:#222222;
	font-size:15px;
	/*padding:14px 10px;*/
	display:table;
	line-height:43px;
	vertical-align:middle;
	height:43px;
}



.hd_menu_area_new a{
	color:#fff;
	display:table-cell;
	line-height:14px;
	vertical-align:middle;
}



.hd_menu_area_new .on{
	color:#45e2ff;
	border-bottom:3px solid #44e2ff;
}




/*서브메뉴*/
.hd_submenu_area{
	float:left;
	width:100%;
	background:#fff;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
	text-align:center;
	padding:0 10px;
	border-bottom:1px solid #e6e9eb;

}

.hd_submenu_area li{
	display:inline-block;
	width:30%;
	line-height:40px;
	vertical-align:middle;
	color:#767676;

}

.hd_submenu_area .sel{
	border-bottom:1px solid #222222;
	color:#262626;
}

/*태그들*/
.hd_tag_box{
	position:relative;
	float:left;
	width:2000px;
	background:#fff;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	padding: 12px 10px 13px 10px;
	border-bottom:1px solid #e6e9eb;
	line-height:15px;
	vertical-align:middle;
	font-size:15px;
	color:#4a89dc;
}

.hd_tag_box a{
	color:#4a89dc;
	display:inline-block;
	margin-right:7px;
}

.hd_tag_box .h_left{
	position:absolute;
	background:url(../../../image/mobile/iwd_2017/list_smenu_hd_left.png) no-repeat;
	background-size:40px;
	background-position:left top ;
	width:40px; 
	height:41px;
	left:0;
	top:0;
	z-index:1;
}


.hd_tag_box .h_right{
	position:absolute;
	background:url(../../../image/mobile/iwd_2017/list_smenu_hd_right.png) no-repeat;
	background-size:40px;
	background-position:left top ;
	width:40px; 
	height:41px;
	/* right:0; */
	top:0;
	z-index:1;
}

/*선택된 태그들*/
.tag_sel_box{
	position:relative;
	width:2000px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	padding: 13px 10px;
	line-height:15px;
	vertical-align:middle;
	font-size:14px;
	overflow:hidden;
	height:51px;

}

.tag_sel_box span{
	display:inline-block;
	margin-right:5px;
	color:#fff;
	padding:5px 7px 6px 7px;
	background-color:#4a89dc;
}

.tag_sel_box img{ width:7px; margin-top:4px;}



/*//////////////////////////////////////////////
/////////////////////푸터/////////////////////
/////////////////////////////////////////////*/

.ft_banner{float:left; width:100%;}
.ft_banner img{width:100%;}

.ft_sns_channel{
	float:left; 
	width:100%;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;

	border-bottom:1px solid #e6e9eb;
	background:#fff;
	padding:3px 10px;
	vertical-align:middle;
}

.ft_sns_channel .title{float:left;letter-spacing:0.05em;font-size:14px;vertical-align:middle;line-height:36px;}
.ft_sns_channel .icon{float:right;}
.ft_sns_channel .icon img{width:37px;}
.ft_sns_channel .icon span{float:left;display:block;vertical-align:middle;}

.ft_company{
	float:left; width:100%; padding:20px 15px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	font-size:12px;
}

.ft_company .intro{float:left; width:100%; margin-bottom:10px;}
.ft_company .intro a{text-decoration:underline;}

.ft_company .info{float:left; width:100%; line-height:16px;color:#6b6b6b;}
.ft_company .info b{color:#333;}
.ft_company .info span{font-size:10px; font-family:georgia; font-style:italic;display:block; margin-top:4px; color:#8f8f8f;}


/*따라다니는 아이콘*/

.f_icon_back{position:fixed;bottom:10px; left:10px;z-index:100;}
.f_icon_back img{width:40px;}

.f_icon_top{position:fixed;bottom:10px; right:10px;z-index:100;}
.f_icon_top img{width:40px;}
.f_icon_top li{margin-top:3px;}




/*//////////////////////////////////////////////
////////////////함께써요/////////////////
/////////////////////////////////////////////*/



/*타이틀-브랜드플러스*/
.tt_white_ctn{
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	float:left; 
	width:100%;
	border-bottom:1px solid #e6e9eb;
	background:#fff;
	text-align:center;
	font-size:15px;
	position:relative;
	line-height:43px; 
	vertical-align:middle;
	margin-top:5px;
	font-weight:600;

}

.tt_white_ctn .btn_back{
	position:absolute;
	background:url(../../../image/mobile/iwd_2017/title_btn_back.png) no-repeat;
	background-size:21px;
	background-position:center center ;
	width:40px; 
	height:43px;
	left:0;
	top:1px;
}



/*타이틀-검색결과*/
.tt_searhc_result{
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	float:left; 
	width:100%;
	border-bottom:1px solid #e6e9eb;
	background:#fff;
	text-align:center;
	font-size:15px;
	line-height:43px; 
	vertical-align:middle;
	font-weight:600;

}
.tt_searhc_result span{color:#fc5e91;font-weight:bold;}



/*컨텐츠 타이틀*/
.tt_ctn_wrap{
	float:left; 
	width:100%;
	padding:17px 10px; 
	border-bottom:1px solid #e6e9eb;
	font-size:15px;
	background:#fff;
	line-height:15px; 
	vertical-align:middle;
	margin-top:10px;
	font-weight:600;

}

.tt_ctn_wrap .txt{float:left;font-weight:600;}
.tt_ctn_wrap .btn_more{float:right;color:#858585;text-decoration:underline;}


.tt_ctn_wrap_mgt{
	float:left; 
	width:100%;
	padding:17px 10px; 
	border-bottom:1px solid #e6e9eb;
	font-size:15px;
	background:#fff;
	line-height:15px; 
	vertical-align:middle;
	font-weight:600;
}

/*컨텐츠 타이틀-탭버전*/
.tt_ctn_tab{
	float:left; 
	width:100%;
	font-size:15px;
	background:#fff;
	line-height:15px; 
	vertical-align:middle;
	margin-top:10px;
	display:table;
}

.tt_ctn_tab a{ display:table-cell; text-align:center;border-bottom:1px solid #e6e9eb; color:#767676;	padding:17px 10px; line-height:15px;} 
.tt_ctn_tab .sel{border-bottom:2px solid #222222; color:#262626;}




/* 팝업 타이틀*/
.tt_pop_wrap{
	float:left; 
	width:100%;
	padding:15px 10px; 
	font-size:15px;
	background:#4a89dc;
	font-weight:600;
	color:#fff;
	text-align:center;

}
.tt_pop_wrap .btn_p_close{
	position:absolute;
	right:0;
	top:0;
	background:url(../../../image/mobile/iwd_2017/dt_btn_pop_close.png) no-repeat;
	background-size:14px;
	background-position:center center;
	text-indent:-99999px;
	width:48px;
	height:48px;
	display:block;

}



/*//////////////////////////////////////////////
////////////////브랜드플러스/////////////////
/////////////////////////////////////////////*/


/*브랜드플러스카테고리*/
.bp_category_wrap {
	background: #fff;
	float: left;
	width: 100%;
	border-bottom: 1px solid #e6e9eb; 
}

.bp_circle_category{
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	float:left; 
	width:95px;	
	padding:15px 10px 12px 10px;
}

.bp_circle_category .menu{ float:left; width:70px; color:#7f7f7f;}	
.bp_circle_category .menu .pic{ float:left; width:60px; height:60px; overflow:hidden;margin:0 5px 5px;border-radius:100px;background:#545454;}	
.bp_circle_category .menu .pic img{width:60px; opacity:0.3; filter:alpha(opacity=30); }
.bp_circle_category .menu .txt{float:left; width:100%;text-align:center; font-size:13px;line-height:15px;}

.bp_circle_category .menu .pic_sel{ float:left; width:60px; height:60px; overflow:hidden;margin:0 5px 5px;border-radius:100px;background:#545454;}	
.bp_circle_category .menu .pic_sel img{width:60px;}
.bp_circle_category .menu .txt_sel{float:left; width:100%;text-align:center; font-size:13px;line-height:15px; color:#262626;}




/*//////////////////////////////////////////////
//////////////////검색하기////////////////////
/////////////////////////////////////////////*/


/*검색*/
.open_search_pop{
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	float:left; 
	width:100%;

}

.open_search_pop .ip_search_word{
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	float:left;
	width:100%;
	background:#222222;
	color:#fff;
	position:relative;
	padding:0 0 0 10px;
	height:49px;
	vertical-align:middle;
}

.open_search_pop .ip_search_word input{float:left; border:0 none; font-size:15px;line-height:18px; vertical-align:middle;background-color:#222; color:#fff; width:75%;padding:14px 0;}
.open_search_pop .ip_search_word input::-webkit-input-placeholder{color:#fff;}
.open_search_pop .ip_search_word input::-webkit-moz-placeholder{color:#fff;}

.open_search_pop .ip_search_word .btn_search_go{
	float:right;
	width:49px;
	height:49px;
	background-color:#3f3f3f;
	background-image:url(../../../image/mobile/iwd_2017/top_ic_search_320.png);
	background-repeat:no-repeat;
	background-position:center center;
	background-size:18px;
	text-indent:-9999;
	}


.open_search_pop .popular_keyword{float:left; width:100%; background:#fff;}
.open_search_pop .popular_keyword h1{float:left; width:100%; text-align:center; border-bottom:1px solid #e6e9eb;font-size:14px; color:#767676;line-height:35px; vertical-align:middle;font-weight:normal;}
.open_search_pop .popular_keyword li{float:left; width:50%;border-bottom:1px solid #e6e9eb; border-right:1px solid #e6e9eb;text-indent:10px;padding:10px 0;font-size:14px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.open_search_pop .popular_keyword li:nth-child(even){border-right:0 none;}
.open_search_pop .popular_keyword span{color:#fc5e91;}

.open_search_pop .close_area{float:left; width:100%; background:#f2f2f2; text-align:center; padding:10px;line-height:20px; vertical-align:middle;}


/*검색결과보기*/