/*layout */
html,body{height:100%;}
body {display:table; width:100%}
#header, #footer{display:table-row; width:100%; height:1px}
#container{display:table-row; width:100%; height:100%;background:#fff}
#container > .wrap {display:table; width:100%; height:100%; table-layout:fixed;}
#wrap {min-width:320px; height:100%;display:table;}

.content {position:relative; display:block;}
.content .article {display:table-cell; width:60% ; height:100%; vertical-align:top;}
.content .article > .wrap {display:block; width:80%; margin:0 auto; vertical-align:top; text-align:center;}
.content .aside {display:table-cell; width:40%; height:100%; background:#f6f6f6 url(../images/bg_aside.gif) repeat-y left;}
.content .aside > .wrap {width:89%; padding-bottom:50px; margin:0 auto; }
/*//layout */

.ifg_view {display:inline-block; /*width:627px;*/text-align:center; margin:50px auto; border:1px solid #ebebeb;}
.ifg_view .bx_ifg img {width:100%;}
.ifg_info_wrap {position:relative; padding:20px 15px;}
.ifg_info_wrap h2 {margin:0 0 12px 0; padding:0 230px 0 0; text-align:left; line-height:1.2; font-size:18px; font-weight:400; color:#6c6c6c; letter-spacing:-0.08em;}
.ifg_info_wrap p.h_st {text-align:left; font-size:12px; font-weight:400; color:#000;  line-height:1.2; }

/*20161119*/
.myinfo { display:inline-block; width:100%; min-width:627px; text-align:center; margin:0 auto; position:relative; height:100%;}
.myinfo .title { display:block; margin:20px 0; padding:20px 0; font-size:32px; color:#333; border-bottom:#ddd 1px solid; }
.myinfo .title em { font-size:13px; color:#777; }
.myinfo > strong {display:block; padding:20px 24px 20px 20px; margin-right:15px; margin-bottom:10px; text-align:right; color:#fff; font-weight:300; font-size:17px; border-bottom:1px solid #47423c;}
.myinfo .bt_close {position:absolute; top:23px; right:10px; width:20px; height:20px; display:block; text-indent:-9999px; background:url(../images/bt_mb_close.png) no-repeat 0 0; }
.myinfo .unit {position:relative; padding:3px 0; }
.myinfo .unit.zi5 {z-index:5;}
.myinfo .unit.zi4 {z-index:4;}
.myinfo .unit.zi3 {z-index:3;}
.myinfo .unit.zi2 {z-index:2;}
.myinfo .unit.zi1 {z-index:1;}
.myinfo .unit.sel3 .sel-box {width:32%; margin-right:0.76%;}
.myinfo .unit.sel3 .sel-box:last-child {margin:0;}
.myinfo .unit dl {position:relative; padding:5px 0; }
.myinfo .unit dl dt {position:absolute; top:5px; left:0; padding-left:35px; line-height:31px; color:#333; font-size:13px; font-weight:500;}
.myinfo .unit dl dt.fb {font-size:15px; letter-spacing:-1px; }
.myinfo .unit dl dd {position:relative; margin-left:120px;margin-right:15px;}
.myinfo .unit dl dd .sel-box {display:inline-block; *zoom:1; *display:inline; border:1px solid #eee; background:#f5f5f5; height:38px;}
.myinfo .unit dl dd .sel-box {width:100%;}
.myinfo .unit dl dd .sel-box input {width:315px; height:35px; line-height:35px; border:none; background:#f5f5f5; padding:0 4px; color:#333 !important; }
.myinfo .unit dl dd input[type=text].ds_txt {width:100%; height:35px; line-height:35px; border:1px solid #eee; background:#f5f5f5; color:#333 !important; }
.myinfo .btn_ds {display:inline-block; *zoom:1; *display:inline; width:152px; height:41px; line-height:41px; text-align:center; background:#828282; border-radius:5px; color:#fff; font-size:15px; }
.myinfo .btn_ds:hover { text-decoration:none; }
.myinfo .btn_ds.blue { background:#0f9bfd; }
.myinfo .b_btn {text-align:center; border-top:1px solid #ddd; padding-top:30px; margin:23px 0 60px; }

.heapBox.ds_sel_my {width:100%; height:35px; }
.heapBox.ds_sel_my .holder {height:35px; line-height:35px; color:#777; font-size:14px; background:none; padding-left:9px; }
.heapBox.ds_sel_my .heap {top:30px; width:100%; left:-1px; z-index:9999; border:1px solid #5f5953; background:#f1f1f1; border-top:0; }
.heapBox.ds_sel_my .heap a {color:#4b4b4b; font-size:14px; padding:0 9px; line-height:35px; }
.heapBox.ds_sel_my .heap a:hover {background:#e6e6e6;}
.heapBox.ds_sel_my .selected {background:#e6e6e6; }
.heapBox.ds_sel_my .handler {position:absolute; top:0; right:0; width:35px; height:35px; background:url(../images/ds_select_arrow.png) no-repeat center 16px; }
/*20161119*/

.ifg_sns {position:absolute; top:15px; right:18px; *zoom:1;}
.ifg_sns:after {content:"."; clear:both; display:block; height:0; visibility:hidden;} 
.ifg_sns li {float:left; width:24px; height:24px; margin:0 6px;}
.ifg_sns li.tw {background:url(../images/ico_tg_tw.png) no-repeat;}
.ifg_sns li.in {background:url(../images/ico_tg_in.png) no-repeat;}
.ifg_sns li.fb {background:url(../images/ico_tg_fb.png) no-repeat;}
.ifg_sns li.gg {background:url(../images/ico_tg_gg.png) no-repeat;}
.ifg_sns li.dw {background:url(../images/ico_tg_dw.png) no-repeat;}
.ifg_sns li.pr {background:url(../images/ico_tg_pr.png) no-repeat;}
.ifg_sns li a {display:block; text-indent:-9999px;}

.ctg_th_list {position:relative; padding-top:30px; padding-bottom:20px; overflow:hidden;}
.ctg_th_list ul {*zoom:1;}
.ctg_th_list ul:after {content:"."; clear:both; display:block; height:0; visibility:hidden;}
.ctg_th_list li {float:left; width:152px; margin:20px 0 20px 14px; border:1px solid #dfdfdf;}
.ctg_th_list li.on { border:1px solid #e07e7b;}/*20161119*/
.ctg_th_list li a {display:block; }
.ctg_th_list li .th {width:152px; height:180px; border-bottom:1px solid #dfdfdf; overflow:hidden; background:#fff;}
.ctg_th_list li .th img {width:100%;}
.ctg_th_list li .tx {height:33px; padding:10px 12px; line-height:1.3;}
.ctg_th_list li .tx span {display:block; color:#999; font-weight:200; font-size:12px;}
.ctg_th_list li .tx strong {display:block; color:#484848; font-weight:400; font-size:13px;  white-space:nowrap; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; -ms-text-overflow:ellipsis;}

.ctg_th_list .make .th > em {display:block; width:68%; margin:0 auto; padding-top:45px; line-height:1.2; letter-spacing:0.01em; text-align:center; font-size:18px; color:#000; font-weight:400;}
.ctg_th_list .make .th > span {display:block; width:54%; margin:0 auto; padding-top:8px; line-height:1.4; text-align:center; font-size:12px; color:#000; font-weight:300;}

.pagination_mo {position:relative; text-align:center; line-height:27px; font-family:arial; font-size:13px; color:#000;}
.pagination_mo a { margin:0 2px; }
.pagination_mo span { margin-right:8px; }
.pagination_mo em { color:#8d8d8d; margin:0 2px; }
.pagination_mo b { color:#57b8d7; }

@media screen and (max-width:1250px){
	.content .article {width:65%;}
	.content .article > .wrap {width:95%;}/*20161119*/
	
	.content .aside {width:35%;}
	.content .aside > .wrap {width:100%;}/*20161119*/
	
	.myinfo { width:100%; min-width:100%;}/*20161119*/
}
@media screen and (max-width:980px){
	.content .article {display:block; width:100%;}
	.content .aside {display:block; width:100%; height:100%;}
}
@media screen and (max-width:768px){
	.content .article > .wrap {width:95%;}
	.content .aside > .wrap {width:100%;}
	/*20161119*/
	.myinfo .title { margin:10px 0; padding:10px 0; font-size:28px; }
	.myinfo .unit dl {padding:2px 0; }
	.myinfo .unit dl dt {padding-left:15px; line-height:25px; color:#333; font-size:14px; font-weight:300;}
	.myinfo .unit dl dt.fb {font-size:14px; }
	.myinfo .unit dl dd {margin-left:90px;}
	.myinfo .unit dl dd .sel-box {height:28px;}
	.myinfo .unit dl dd .sel-box input {height:25px; line-height:25px; padding:0 4px;}
	.myinfo .unit dl dd input[type=text].ds_txt {height:25px; line-height:25px; }
	.myinfo .btn_ds {width:132px; height:35px; line-height:35px; font-size:14px; }
	.myinfo .b_btn {padding-top:20px; margin:13px 0 40px; }	
	.myinfo .unit.sel3 .sel-box {width:100%; margin-right:0; margin-bottom:4px;}
	
	.heapBox.ds_sel_my {height:25px; }
	.heapBox.ds_sel_my .holder {height:25px; line-height:25px; font-size:14px;}
	.heapBox.ds_sel_my .heap a {font-size:14px; padding:0 9px; line-height:25px; }
	.heapBox.ds_sel_my .handler {width:25px; height:25px; }
	
	/*20161119*/
}
@media screen and (max-width:350px){
	.ifg_info_wrap {padding:12px 10px;}
	.ifg_info_wrap h2 {padding:0 130px 0 0;}
	.ifg_sns {top:8px; right:6px;}
	.ifg_sns li {margin:0 3px;}
	.ifg_sns li.dw, .ifg_sns li.pr {display:none;}

	.ifg_view {margin:20px auto;}

	.ctg_th_list {padding-top:10px;}
	.ctg_th_list ul {margin-left:7px;}
	.ctg_th_list li {width:92px; margin:10px 5px; border:none;}
	.ctg_th_list li .th {width:90px; height:106px; border:1px solid #dfdfdf;}
	.ctg_th_list li .tx {height:33px; padding:10px 0; line-height:1.3;}
	.ctg_th_list li .tx span {font-size:11px;}
	.ctg_th_list li .tx strong {font-size:12px;}

	.ctg_th_list .make .th > em {width:70%; padding-top:22px; font-size:12px;}
	.ctg_th_list .make .th > span {width:80%; padding-top:8px; font-size:10px;}

}